/* Layout wrapper
========================================================== */
html.se_custom_css,
.se_body,
.se_body #se_content {
  /* base background color */
  background-color: #fff;
}
.se_body {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
}
.se_body .btn,
.se_body .btn.btn-primary,
.se_body .form-control {
  /*
      color: inherit;
      background-color: inherit;
       */
}
/*
 ################################################################
 ##
 ##  BASICS
 ##  colors, heights, font styles
 ##
 ##
 */
/* Header container
========================================================== */
.se_body #se_title-bar {
  display: block;
  background-color: #fff;
  height: 54px;
}
/* Header: Title wrapper
******************************** */
.se_body #se_title-bar .se_title-wrapper {
  text-align: left;
}
/* Header: Logo
******************************** */
.se_body #se_title-bar .se_title-wrapper .se_title-logo {
  /*
  background-image: none;
  height: auto;
  width: auto;
  float: left;
  background-position: center left;
  */
}
/* Header: Title
******************************** */
.se_body #se_title-bar .se_title-wrapper h1 {
  color: #337ab7;
  font-size: 1.72em;
}
/* Content container
========================================================== */
/* Content: Item
******************************** */
/* Item: Font text style
-------------------------------- */
.se_body #se_content .se_item .se_font_text {
  color: #333;
  font-size: 1em;
}
/* Item: Font question style
-------------------------------- */
.se_body #se_content .se_item .se_font_question {
  color: #337ab7;
  font-size: 1.72em;
}
/* Item: Titles styles
-------------------------------- */
.se_body #se_content .se_item .se_text h1,
.se_body #se_content .se_item .se_text .h1 {
  font-size: 2.1em;
  margin: 2.1em 0;
}
.se_body #se_content .se_item .se_text h2,
.se_body #se_content .se_item .se_text .h2 {
  font-size: 1.72em;
}
.se_body #se_content .se_item .se_text h3,
.se_body #se_content .se_item .se_text .h3 {
  font-size: 1.29em;
}
.se_body #se_content .se_item .se_text h4,
.se_body #se_content .se_item .se_text .h4 {
  font-size: 1em;
  font-weight: bold;
}
.se_body #se_content .se_item .se_text h5,
.se_body #se_content .se_item .se_text .h5 {
  font-size: 0.86em;
  font-weight: bold;
}
.se_body #se_content .se_item .se_text h6,
.se_body #se_content .se_item .se_text .h6 {
  font-size: 0.71em;
  font-weight: bold;
}
/* Item: Element title (default: .se_font_question)
-------------------------------- */
/* Item: Instructions style
-------------------------------- */
.se_body #se_content .se_item .se_instruction {
  color: #000000;
  font-style: italic;
}
/* Progressbar
========================================================== */
.se_body #se_progress-bar-sticky-wrapper {
  display: block;
  /* @var-showProgressBar */
}
.se_body #se_progress-bar .progress {
  /* Progressbar: background
    ******************************** */
  background-color: inherit;
}
.se_body #se_progress-bar .progress .progress-bar {
  /* Progressbar: foreground
      ******************************** */
  color: rgba(255, 255, 255, 0.75);
  background-color: #f90;
}
.se_body #se_progress-bar .progress .progress-bar > span {
  /* Progressbar: progressbar label
        ******************************** */
  visibility: hidden;
}
/* Elements: Buttons
========================================================== */
.se_body .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.se_body .btn-default.focus,
.se_body .btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.se_body .btn-default.active,
.se_body .btn-default:active,
.se_body .btn-default:hover,
.se_body .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.se_body .btn-default.active.focus,
.se_body .btn-default.active:focus,
.se_body .btn-default.active:hover,
.se_body .btn-default:active.focus,
.se_body .btn-default:active:focus,
.se_body .btn-default:active:hover,
.se_body .open > .dropdown-toggle.btn-default.focus,
.se_body .open > .dropdown-toggle.btn-default:focus,
.se_body .open > .dropdown-toggle.btn-default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.se_body .btn-default.disabled,
.se_body .btn-default.disabled.active,
.se_body .btn-default.disabled.focus,
.se_body .btn-default.disabled:active,
.se_body .btn-default.disabled:focus,
.se_body .btn-default.disabled:hover,
.se_body .btn-default[disabled],
.se_body .btn-default[disabled].active,
.se_body .btn-default[disabled].focus,
.se_body .btn-default[disabled]:active,
.se_body .btn-default[disabled]:focus,
.se_body .btn-default[disabled]:hover,
.se_body fieldset[disabled] .btn-default,
.se_body fieldset[disabled] .btn-default.active,
.se_body fieldset[disabled] .btn-default.focus,
.se_body fieldset[disabled] .btn-default:active,
.se_body fieldset[disabled] .btn-default:focus,
.se_body fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.se_body .btn-primary {
  color: #fff;
  border-color: #cc7a00;
  background-color: #f90;
}
.se_body .btn-primary:hover {
  border-color: #f90;
  background-color: #fd9;
  color: #333;
}
.se_body .btn-primary.active,
.se_body .btn-primary.active.focus,
.se_body .btn-primary.active:focus,
.se_body .btn-primary.focus,
.se_body .btn-primary:active:focus,
.se_body .btn-primary:focus {
  color: #000;
  background-color: #cc7a00;
  border-color: inherit;
}
/*
 ################################################################
 ##
 ##  DETAILS
 ##  margins, structure, ...
 ##
 ##
*/
.se_body {
  /* Elements: Buttons
  ========================================================== */
  /* More Styles
  ========================================================== */
  /* annotation styles
  *******************************  */
}
.se_body #se_title-bar {
  /* Header container
    ========================================================== */
  border-radius: 0;
  border: none;
  height: 60px;
}
.se_body #se_title-bar .se_title-wrapper {
  /* Header wrapper
      ******************************** */
  padding: 4px 0;
  line-height: 52px;
  vertical-align: middle;
  text-align: right;
}
.se_body #se_title-bar .se_title-wrapper .se_title-logo {
  /* Header: Logo
        -------------------------------- */
}
.se_body #se_title-bar .se_title-wrapper h1 {
  /* Header: Title
        -------------------------------- */
  margin: 0;
}
.se_body #se_content {
  /* Content
    ========================================================== */
  border-top: 1px solid rgba(102, 102, 102, 0.4);
}
.se_body #se_content .se_error,
.se_body #se_content .se_item_error {
  /* Error warning style
      ******************************** */
  background-color: #f2dede;
  color: #a94442;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #ebccd1;
  border-radius: 4px;
}
.se_body #se_content .se_item {
  /* Content: Item
      ******************************** */
}
.se_body #se_content .se_item .se_question {
  /* Item: Element title
        -------------------------------- */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.se_body #se_content .se_item .se_instruction {
  /* Item: Instructions style
        -------------------------------- */
}
.se_body #se_content .se_item .se_scenario {
  /* Item: Type Scenario
        -------------------------------- */
}
.se_body #se_content .se_item .se_scenario .se_choice_table.se_no_row_colors tbody tr,
.se_body #se_content .se_item .se_scenario .se_choice_table.se_no_row_colors tbody tr:nth-child(2n+1) {
  background-color: #fff;
}
.se_body #se_progress-bar.navbar-default {
  /* Progressbar
      ========================================================== */
  background-color: #f8f8f8;
  border-color: #e7e7e7;
  border: none;
}
.se_body #se_progress-bar .progress {
  /* Progressbar: background
      ******************************** */
}
.se_body #se_progress-bar .progress .progress-bar {
  /* Progressbar: foreground
        ******************************** */
  font-size: 14px;
  line-height: 20px;
}
.se_body #se_progress-bar .progress .progress-bar > span {
  /* Progressbar: progressbar label
          ******************************** */
}
.se_body .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.se_body .btn-default.focus,
.se_body .btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.se_body .btn-default.active,
.se_body .btn-default:active,
.se_body .btn-default:hover,
.se_body .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.se_body .btn-default.active.focus,
.se_body .btn-default.active:focus,
.se_body .btn-default.active:hover,
.se_body .btn-default:active.focus,
.se_body .btn-default:active:focus,
.se_body .btn-default:active:hover,
.se_body .open > .dropdown-toggle.btn-default.focus,
.se_body .open > .dropdown-toggle.btn-default:focus,
.se_body .open > .dropdown-toggle.btn-default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.se_body .btn-default.disabled,
.se_body .btn-default.disabled.active,
.se_body .btn-default.disabled.focus,
.se_body .btn-default.disabled:active,
.se_body .btn-default.disabled:focus,
.se_body .btn-default.disabled:hover,
.se_body .btn-default[disabled],
.se_body .btn-default[disabled].active,
.se_body .btn-default[disabled].focus,
.se_body .btn-default[disabled]:active,
.se_body .btn-default[disabled]:focus,
.se_body .btn-default[disabled]:hover,
.se_body fieldset[disabled] .btn-default,
.se_body fieldset[disabled] .btn-default.active,
.se_body fieldset[disabled] .btn-default.focus,
.se_body fieldset[disabled] .btn-default:active,
.se_body fieldset[disabled] .btn-default:focus,
.se_body fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.se_body .btn-primary {
  color: #fff;
  border-color: #cc7a00;
  background-color: #f90;
}
.se_body .btn-primary:hover {
  border-color: #f90;
  background-color: #fd9;
  color: #333;
}
.se_body .btn-primary.active,
.se_body .btn-primary.active.focus,
.se_body .btn-primary.active:focus,
.se_body .btn-primary.focus,
.se_body .btn-primary:active:focus,
.se_body .btn-primary:focus {
  color: #000;
  background-color: #cc7a00;
  border-color: inherit;
}
.se_body #se_footer {
  /* Footer container
    ========================================================== */
  border-top: 1px solid rgba(102, 102, 102, 0.4);
  background-color: rgba(0, 0, 0, 0.04);
}
.se_body #se_footer #se_prev_button {
  /* Button: 'Previous' (.btn-default)
      ******************************** */
  display: none;
}
.se_body #se_footer #se_next_button {
  /* Button: 'Next' (.btn-primary)
      ******************************** */
}
.se_body ul.se_note li {
  list-style: none;
}
.se_body ul.se_note {
  overflow: hidden;
  padding: 3em;
}
.se_body ul.se_note li {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 200px;
  width: 200px;
  padding: 1em;
  -moz-box-shadow: 5px 5px 7px #212121;
  -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
}
.se_body ul.se_note li {
  margin: 1em;
  float: left;
}
.se_body ul.se_note li p {
  font-size: 10pt;
}
.se_body ul.se_note li {
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
}
.se_body ul.se_note li:nth-child(even) {
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  position: relative;
  top: 5px;
}
.se_body ul.se_note li:nth-child(3n) {
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  position: relative;
  top: -5px;
}
.se_body ul.se_note li:nth-child(5n) {
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  top: -10px;
}
.se_body ul.se_note li:hover,
.se_body .se_note ul li:focus {
  box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position: relative;
  z-index: 5;
}