.se_body {
  /* layout wrapper */
  font-size: 1em;
}

 #se_title-bar {
  /* title bar container */
  background-color: white !important;
  color: #0081c9 !important;
}

 #se_title-bar .se_title-wrapper {
  /* title wrapper */
  text-align: left;
}

 #se_title-bar h1 {
  /* title text element */
}

 #se_title-bar .se_title-logo {
  /* logo container */
  background-image: url('surveyengine_logo_200px.png');
  width: 221px;
  float: right;
  background-position: center right;
}

 #se_progress-bar-sticky-wrapper {
  /* progressbar wrapper */
  display: none;
}

 #se_progress-bar .progress-bar span {
  /* progressbar label */
}

 #se_progress-bar .progress {
  /* progressbar progress */
}

 #se_progress-bar .progress .progress-bar {
  /* progressbar bar */
}

 .se_error {
  /* general page error item */
}

 .se_item {
  /* single survey item container */
}

 .se_question {
  /* item title element */
}

 .se_instruction {
  /* item instruction label */
}

 .se_item_error {
  /* item error container */
}

 #se_prev_button {
  /* 'Previous' button */
}

 #se_next_button {
  /* 'Next' button */
}

 html,body,.se_body,.outer_frame,.se_footer {
  /* Primary Background Color - color palette: corporate   */
  background-color: #fff;
}

 #se_title-bar,.se_body .form-control,.btn, .btn-primary,#se_progress-bar .progress {
  /* Secondary Background Color */
  background-color: #f5f5f5;
}

 #se_title-bar,.se_body .form-control,.btn, .btn-primary,.se_question {
  /* Primary Font Color (Labels, ...) */
  color: #0081c9;
}

 body,.se_instruction {
  /* Secondary Font Color (Instructions, ...) */
  color: #425363;
}

 .se_text {
  /* contents of html-text elements */
}

/* fixed orientation: landscape */ 
@media (orientation: portrait) and (max-width: 640px){ 
   .se_body{ 
       position: relative; 
} 
.se_body::before{ 
   display: block; 
   position: fixed; 
   top: 0; left: 0; right: 0; bottom: 0; 
   background: inherit; 
   font-size: 2em; 
   content: "Please turn your device to landscape view to continue."; 
   color: inherit; 
   text-align: center; 
   z-index: 999999; 
   padding: 5em 3em; 
   opacity: .9; 
   } 
}

/* is simple layout*/