@charset "UTF-8";
.modal-dialog {
  width: 83.33333333%;
  margin: 90px auto;
  max-height: 100%; }

.modal-content {
  border: 2px solid #e9711c;
  border-radius: 0px;
  box-shadow: 0px 0px 0px 5px #DCDCDC; }

.alert {
  font-family: NexusSansWebPro;
  padding: 20px;
  margin: 24px 16px 0 16px;
  border-style: solid;
  border-width: 3px;
  border-radius: 0;
  background-color: #FFFFFF;
  background-image: none; }
  .alert .alert-icon {
    color: #c83727;
    text-align: right;
    font-size: 32px;
    padding-right: .75em; }
  .alert .alert-content {
    padding-left: 20px; }
    .alert .alert-content p {
      margin-bottom: 0px; }
    .alert .alert-content .alert-message-header h1 {
      color: #323232;
      font-size: 20px;
      margin: 0; }
    .alert .alert-content .alert-message-content {
      font-size: 20px;
      color: #505050;
      padding-top: 16px; }

.info-page-alert {
  border-style: solid;
  border-width: 3px;
  border-color: #c83727;
  border-radius: 0px;
  margin: 24px 0px 0px 0px;
  padding-left: 0px; }
  .info-page-alert .alert-content .alert-message-content {
    padding-left: 60px;
    padding-top: 0px; }
  .info-page-alert .alert-icon {
    float: left; }

.alert-success {
  border-color: #238c17; }

.alert-error {
  border-color: #c83727; }

.container-fluid, .container {
  padding-left: 8px;
  padding-right: 8px;
  height: 100%; }

.row {
  margin-left: -8px;
  margin-right: -8px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4,
.col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7,
.col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10,
.col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 8px;
  padding-right: 8px; }

.gizmo-navigate-left, .gizmo-navigate-right {
  vertical-align: middle;
  font-size: 24px; }

.btn-screen-intro-primary {
  font-size: 20px;
  background-color: #007398;
  border-radius: 0;
  color: #FFFFFF;
  border: 0;
  padding: 6px 36px 6px 40px; }

.btn-screen-intro-primary-disabled {
  font-size: 20px;
  background-color: #CECECE;
  border-radius: 0;
  color: #FFFFFF;
  border: 0;
  padding: 6px 36px 6px 40px; }

.btn-screen-intro-secondary {
  font-size: 20px;
  background-color: #FFFFFF;
  border-radius: 0;
  color: #007398;
  border: 2px solid #DCDCDC;
  padding: 6px 36px 6px 40px; }

.btn-screen-intro-secondary:hover, .btn-screen-intro-secondary:active, .btn-screen-intro-secondary:focus,
.btn-screen-intro-primary:hover, .btn-screen-intro-primary:active, .btn-screen-intro-primary:focus {
  background-color: #e9711c;
  color: #FFFFFF;
  border-color: #e9711c;
  text-decoration: none;
  outline: none; }

.buttonstrip {
  margin-top: 1em; }

.elsevier-close {
  color: #e9711c;
  padding: 5px 5px 0px 5px !important;
  border: 2px !important;
  border-style: solid !important;
  border-color: #E3E3E3 !important;
  opacity: 1;
  margin-left: 5px; }
  .elsevier-close:hover {
    opacity: 1;
    color: #505050; }

@media (max-width: 991px) {
  .btn-screen-intro-primary, .btn-screen-intro-primary-disabled, .btn-screen-intro-secondary {
    width: 100%;
    padding: 16px 24px 16px 24px; } }

@media (min-width: 992px) {
  .btn-screen-intro-primary {
    font-size: 20px;
    background-color: #007398;
    border-radius: 0;
    color: #FFFFFF;
    border: 0;
    padding: 8px 24px 8px 24px;
    margin: 2px 0px 2px 0px; }
  .btn-screen-intro-secondary {
    font-size: 20px;
    background-color: #FFFFFF;
    border-radius: 0;
    color: #007398;
    border: 2px solid #DCDCDC;
    padding: 8px 24px 8px 24px;
    margin: 2px 0px 2px 0px; } }

/* Visuals for Checkboxes */
.control-group {
  display: inline-block;
  width: 200px;
  height: 210px;
  margin: 10px;
  padding: 30px;
  text-align: left;
  vertical-align: top;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.control {
  font-size: 18px;
  position: relative;
  display: block;
  cursor: pointer;
  margin-bottom: 0px;
  padding-bottom: 20px; }

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.control__indicator {
  position: absolute;
  top: -2px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #dcdcdc; }

/* Check tick */
.control__indicator:after {
  position: absolute;
  display: none;
  content: ''; }

/* Show check tick */
.control input:checked ~ .control__indicator:after {
  display: block; }

/* Checkbox tick */
.control--checkbox .control__indicator:after {
  top: 4px;
  left: 4px;
  background: #e9711c;
  width: 12px;
  height: 12px; }

.error-page {
  padding-top: 10em; }
  .error-page .error-box {
    padding: 24px;
    border: 2px solid #c83727; }
    .error-page .error-box .icon-container {
      padding-left: 0px;
      padding-right: 0px; }
      .error-page .error-box .icon-container img {
        margin: auto;
        display: block; }
    .error-page .error-box h3 {
      margin-top: 0px;
      margin-bottom: 16px;
      font-size: 20px; }
    .error-page .error-box p {
      font-size: 16px; }
    .error-page .error-box .error-body {
      margin-top: 0px; }
      @media (max-width: 991px) {
        .error-page .error-box .error-body {
          padding-left: 16px; } }

.intro-screen {
  padding-bottom: 10px;
  font-family: NexusSansWebPro, sans-serif; }
  .intro-screen .gizmo-navigate-left, .intro-screen .gizmo-navigate-right {
    vertical-align: middle;
    font-size: 20px; }
  .intro-screen .gizmo-navigate-left:hover, .intro-screen .gizmo-navigate-left:active {
    text-decoration: none;
    background-color: white; }
  .intro-screen .intro-content {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px;
    margin-bottom: 20px;
    font-size: 20px; }
  .intro-screen .section {
    padding: 24px 0px 0px 8px; }
    .intro-screen .section .action-subtitle {
      color: #505050;
      font-size: 20px;
      font-family: NexusSansWebPro-Bold;
      padding: 0 0 16px 0;
      margin: 0; }
    .intro-screen .section .content {
      color: #505050;
      line-height: 24px; }
      .intro-screen .section .content a {
        color: #007398; }
        .intro-screen .section .content a:hover {
          color: #e9711c; }
        .intro-screen .section .content a:visited {
          color: #006281; }
    .intro-screen .section .logo img {
      max-width: 300px; }
  .intro-screen .copyrightinfo {
    color: #505050;
    padding: 24px 0px 0px 0px; }
    .intro-screen .copyrightinfo p {
      font-size: 14px; }
  @media (min-width: 992px) {
    .intro-screen .lesson-info-xs h2 {
      display: none; } }

@media (max-width: 991px) {
  .pull-right {
    float: none; }
  .intro-screen .intro-content {
    margin-top: 0px; }
  .intro-screen .lesson-info-xs h2 {
    margin-top: 36px; }
  .intro-screen .section {
    width: 100%; }
    .intro-screen .section .logo {
      display: none; } }

.footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  border-top: 3px solid #e9711c;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-top: 1em;
  background: #ffffff;
  height: 170px; }

.footer-row hr {
  background-color: #e9711c;
  height: 2px;
  margin-top: 0;
  border-top: 0;
  margin-bottom: 20px;
  border: 0px; }

.footer-links {
  font-family: NexusSansWebPro, sans-serif;
  font-size: 14px;
  line-height: 1.42857143; }

.footer-links .copyright-notice, .footer-links .cookie-notice {
  color: #737373;
  display: inline-block; }

.footer-links .footer-static-link, .footer-links .copyright-notice, .footer-links .cookie-notice {
  margin-bottom: 6px; }

.footer-links a {
  color: #337ab7;
  text-decoration: none; }

.footer-links .footer-static-link {
  color: #737373;
  padding-right: 25px; }

.footer-links .footer-static-link a {
  color: #737373;
  text-decoration: none; }

.footer-links a:hover {
  color: #e9711c; }

.wordmark {
  font-family: NexusSansWebPro, sans-serif;
  color: #e9711c;
  font-size: 16px;
  padding-right: 30px;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px; }

.font-style {
  font-family: NexusSansWebPro, sans-serif;
  font-size: 14px;
  line-height: 1.42857143; }

.els-footer-logo {
  margin-bottom: 20px; }

.logo img {
  max-width: 100%; }

@media (min-width: 992px) {
  .footer-links {
    padding-left: 50px;
    padding-bottom: 36px; }
  .wordmark {
    padding-left: 50px; }
  .relx-logo {
    top: 0px;
    margin-top: 100px;
    float: right; } }

@media (max-width: 991px) {
  .relx-logo {
    top: 0px;
    padding-bottom: 36px; }
  .footer-links {
    margin-bottom: 20px; }
  .footer-logo {
    margin-bottom: 20px; } }

.titlerow {
  background-color: #283f46;
  color: white;
  padding: .5em; }

h1.titlerow {
  font-weight: 300;
  padding-left: .75em;
  margin: 0;
  font-size: 22px;
  line-height: 1.5em; }

.navbar-fixed-top {
  height: 60px;
  border-bottom: none;
  z-index: 1300; }

.navbar-header {
  padding-left: 16px;
  padding-top: 15px; }

.navbar {
  margin-bottom: 0;
  background: white; }

.saving-progress {
  color: #737373;
  font-family: 'NexusSansWebPro-Italic';
  font-size: .8em;
  line-height: 30px;
  padding-top: 15px;
  padding-right: 1.5em; }

.header-spacer {
  height: 60px; }

.modal-dialog {
  margin-top: 170px; }
  .modal-dialog .modal-content {
    max-height: 475px;
    border-top: 3px solid #e9711c;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 24px 24px 36px 24px;
    box-shadow: 0 0 0 16px rgba(220, 220, 220, 0.85);
    -webkit-box-shadow: 0 0 0 16px rgba(220, 220, 220, 0.85);
    -moz-box-shadow: 0 0 0 16px rgba(220, 220, 220, 0.85); }
    .modal-dialog .modal-content .modal-header-title {
      font-size: 20px !important; }
    .modal-dialog .modal-content .modal-header {
      padding: 0;
      border-bottom: 0; }
      .modal-dialog .modal-content .modal-header h3 {
        margin-top: 10px;
        margin-bottom: 24px;
        font-size: 20px;
        color: #505050;
        float: left; }
      .modal-dialog .modal-content .modal-header .modal-header-icon {
        margin-right: 24px;
        margin-bottom: 24px;
        float: left;
        background-color: #DCDCDC; }
        .modal-dialog .modal-content .modal-header .modal-header-icon img {
          height: 40px;
          width: 40px; }
    .modal-dialog .modal-content .modal-body {
      max-height: 280px;
      padding: 0;
      overflow-y: auto;
      overflow-x: hidden; }
      .modal-dialog .modal-content .modal-body .content-border {
        margin-right: 8px; }
      .modal-dialog .modal-content .modal-body h3 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 20px;
        color: #505050; }
        .modal-dialog .modal-content .modal-body h3:first-child {
          margin-top: 0px; }
      .modal-dialog .modal-content .modal-body p {
        font-size: 16px;
        color: #505050; }
    .modal-dialog .modal-content .modal-footer {
      padding: 0;
      border-top: 0; }

.mfp-bg {
  z-index: 2342; }

.mfp-wrap {
  z-index: 2343; }

.mfp-img {
  max-width: 1009px;
  min-width: 550px; }

@media (max-width: 991px) {
  .mfp-img {
    min-width: 100%; } }

.partner-lesson-screen {
  height: 100%; }
  .partner-lesson-screen iframe {
    height: 100%;
    width: 100%;
    display: block; }

.test-results {
  padding: 24px 0px 6px 0px;
  font-family: nexussanswebpro;
  margin-bottom: 25px; }
  .test-results .incorrect div[aria-checked='true'] {
    background-color: #f5cdce;
    padding-left: .5em; }
  .test-results .correct div[aria-checked='true'] {
    background-color: #d8f9d4;
    padding-left: .5em; }
  .test-results .col-xs-12 {
    padding-left: 0px; }

.test-result-text {
  padding-top: 20px;
  padding-left: 10px; }

.selected-result-answer {
  padding-top: .3em;
  margin-top: .5em;
  margin-bottom: .5em; }

.back-to-info-link {
  border-bottom: 3px solid #DCDCDC;
  padding-bottom: 10px;
  font-size: 24pt;
  color: #007398;
  text-decoration: none;
  display: inline-block;
  text-align: center; }

@media (max-width: 991px) {
  .back-to-info-link {
    width: 100%;
    margin: 16px 24px 1px 0; } }

.partner-test-screen {
  padding-bottom: 10px;
  font-family: NexusSansWebPro, sans-serif; }
  .partner-test-screen .gizmo-navigate-left, .partner-test-screen .gizmo-navigate-right {
    vertical-align: middle;
    font-size: 20px; }
  .partner-test-screen .gizmo-navigate-left:hover, .partner-test-screen .gizmo-navigate-left:active {
    text-decoration: none;
    background-color: white; }
  .partner-test-screen .test-content {
    margin-top: 35px;
    margin-bottom: 20px;
    padding: 0px 16px 0px 16px;
    font-size: 20px; }

.question-text {
  margin-left: 34px;
  margin-top: -10px; }

.answer-option {
  padding-top: .3em;
  margin-top: .5em;
  margin-bottom: .25em; }

.answer-container {
  padding-left: 10px; }

.single-answer {
  padding-top: 32px;
  padding-bottom: 32px; }

.multi-answer {
  padding-top: 32px;
  padding-bottom: 12px; }
  .multi-answer p {
    margin-bottom: 0px;
    padding-bottom: 32px; }

.answer {
  padding-top: 8px; }

.single-answer > p {
  margin-bottom: 0px; }

@media (max-width: 991px) {
  .partner-test-screen .test-content {
    margin-top: 0px; }
  .partner-test-screen .lesson-info-xs h2 {
    margin-top: 36px; } }

.question-navigation-header {
  font-weight: 300;
  font-size: 1em;
  padding: .5em;
  color: white; }

.question-navigation-list {
  transition-property: max-height;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  overflow-y: auto;
  max-height: 200px;
  height: 200px; }

.question-navigation-list.ng-hide {
  display: block !important;
  max-height: 0px !important;
  z-index: 0; }

.question-navigation-header-orange {
  background-color: #c65014; }

.question-navigation-header-blue {
  background-color: #006281; }

.question-navigation-item {
  color: white;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 44px;
  margin: 8px;
  padding: 12px;
  text-align: center;
  width: 44px; }

.question-navigation-item:hover {
  color: white;
  text-decoration: none; }

.question-navigation-item-orange {
  background-color: #c65014; }

.question-navigation-item-orange:hover {
  background-color: #e9711c; }

.question-navigation-list-orange {
  background-color: #f6c6a4; }

.question-navigation-item-blue {
  background-color: #006281; }

.question-navigation-item-blue:hover {
  background-color: #e9711c; }

.question-navigation-list-blue {
  background-color: #9cc9d7; }

.question-navigation-list-collapsed {
  display: none; }

@media (max-width: 991px) {
  .question-navigation {
    background-color: #c65014; }
  .question-navigation-header {
    font-size: 13px; }
  .question-navigation-dropdown-indicator {
    font-size: 12px !important; }
  .question-navigation-list {
    border-top-width: 2px;
    border-color: white;
    position: absolute;
    top: 30px;
    /*can this be calculated?*/
    z-index: 1200; }
  .skippedquestions {
    padding-left: 4px; }
  .answeredquestions {
    padding-right: 4px !important; } }

@media (max-width: 405px) {
  .question-navigation-list {
    top: 30px;
    /*can this be calculated? Yes, but not with the browser support we need */ } }

@media only screen and (max-width: 340px) {
  .question-navigation-sidebar {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (min-width: 992px) {
  .question-navigation-sidebar {
    min-height: 500px; } }

.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.radio-container-horizontal {
  padding-left: 0;
  padding-top: 40px; }

/* Hide the browser's default radio button */
.radio-container input[type=radio] {
  position: absolute;
  opacity: 0; }

/* Create a custom radio button */
.checkmark {
  position: absolute;
  left: calc(50% - 12px);
  height: 24px;
  width: 24px;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 2px solid #ccc; }

.checkmark-horizontal {
  top: 8px; }

/* When the radio button is checked, add an orange background */
.radio-container input[type=radio]:checked ~ .checkmark:after {
  position: absolute;
  top: 4px;
  left: 4px;
  height: 12px;
  width: 12px;
  background-color: #e9711c;
  border-radius: 50%; }

/* When the radio button is disabled and checked, add a grey background */
.radio-container input[type=radio][disabled]:checked ~ .checkmark {
  background-color: #b9b9b9; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block; }

.radio-container input[type=radio]:focus ~ .checkmark {
  outline: auto;
  outline: -webkit-focus-ring-color auto 5px; }

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white; }

/* Style the radio button label */
.radio-label {
  text-align: center; }

.checkbox-obsolete {
  /* Visuals for Partner Radio Buttons */
  /* This creates the visuals for the radio buttons */ }
  .checkbox-obsolete input[type=radio] {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none; }
  .checkbox-obsolete .radio {
    position: relative;
    display: block;
    margin: 15px 0;
    color: #666;
    padding: 5px 0px 0px 35px; }
  .checkbox-obsolete input[type=radio]:focus {
    outline-color: transparent; }
  .checkbox-obsolete .radio {
    position: relative;
    display: block;
    margin: 15px 0;
    color: #666;
    padding: 5px 0px 0px 35px; }
  .checkbox-obsolete .radio:before {
    background: #fff;
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
    top: 0;
    left: 0;
    border: 2px solid #ccc;
    border-radius: 100%; }
    @media (max-width: 991px) {
      .checkbox-obsolete .radio:before {
        width: 24px;
        height: 24px; } }
  .checkbox-obsolete input[type="radio"]:checked + label:after {
    display: block;
    position: absolute;
    border-radius: 50%;
    top: 7px;
    left: 7px;
    padding: 8px;
    content: '';
    background-color: #e9711c; }
    @media (max-width: 991px) {
      .checkbox-obsolete input[type="radio"]:checked + label:after {
        top: 6px !important;
        left: 6px;
        padding: 6px; } }
  .checkbox-obsolete input[type=radio][disabled]:checked + label:after {
    background-color: #b9b9b9; }
  .checkbox-obsolete [role=radio] {
    display: block;
    position: relative;
    margin: 0.5em;
    padding-left: 20px;
    padding-right: 12px;
    border: thin transparent solid; }
  .checkbox-obsolete [role=radio]::before, .checkbox-obsolete [role=radio]::after {
    display: block;
    position: absolute;
    border-radius: 50%;
    content: ''; }
  .checkbox-obsolete [role=radio]::before {
    position: absolute;
    left: -12px;
    width: 24px;
    height: 24px;
    border: 2px solid #cccccc;
    background: #FFFFFF; }
  .checkbox-obsolete [role=radio][aria-checked=true]::after {
    top: 0 !important;
    position: absolute;
    left: -6px;
    padding: 6px;
    content: '';
    background-color: #e9711c; }
  .checkbox-obsolete [role=radio][aria-checked=true]::before, .checkbox-obsolete [role=radio][aria-checked=true]::after {
    position: absolute;
    display: block;
    top: -6px;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
    content: ""; }

.results {
  padding: 40px 65px 0px 65px;
  font-family: nexussanswebpro;
  margin-bottom: 25px;
  font-size: 20px; }
  .results .incorrect div[aria-checked='true'] {
    background-color: #f5cdce;
    padding-left: .5em; }
  .results .correct div[aria-checked='true'] {
    background-color: #d8f9d4;
    padding-left: .5em; }

.percentage-correct {
  font-family: NexusSansWebPro-Bold;
  background-color: #EBEBEB;
  color: #505050;
  padding-top: 10px;
  padding-bottom: 10px; }
  .percentage-correct .percentage-label {
    font-size: 20pt;
    color: #505050;
    font-family: NexusSansWebPro;
    font-weight: 400;
    margin-left: 16px;
    margin-top: 8px;
    margin-right: 16px; }
  .percentage-correct .percentage-score {
    font-size: 28pt;
    font-family: NexusSansWebPro-Bold; }

.tabs {
  margin-top: 30px;
  padding-bottom: 10px;
  border-bottom: 3px solid #dcdcdc; }

.tab-title {
  margin-left: 20px;
  font-size: 20px;
  color: #007398; }

.tab-title:hover, .tab-title:active, .tab-title:focus, .tab-title-underline {
  color: #c65014;
  text-decoration: underline; }

.overview-summary-text {
  padding-top: 25px;
  padding-bottom: 25px; }

.recommendation-header {
  color: #007398;
  padding-bottom: 10px;
  border-bottom: 2px solid #007398; }

.recommendation-item {
  padding: 10px 30px 10px 0;
  vertical-align: top; }

.result-answer {
  padding-top: .3em;
  margin-top: .5em;
  margin-bottom: .5em;
  padding-left: 1.9em; }

.gizmo-delete {
  color: red;
  border-color: red;
  border-style: solid;
  border-radius: 50%;
  border-width: .1em;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  margin-bottom: .2em; }

.gizmo-check {
  color: green;
  border-color: green;
  border-style: solid;
  border-radius: 50%;
  border-width: .1em;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  margin-bottom: .2em; }

.rationale {
  margin: 1.5em 0em 1em 0em; }

.remediation {
  margin-bottom: 1.5em; }

.question-result {
  padding: 2em 0 0 0; }
  .question-result:not(:last-child) {
    padding-bottom: 1em;
    border-bottom: 3px solid #DCDCDC; }

@media (max-width: 991px) {
  .results {
    padding: 20px 15px 0; }
  .tab-title {
    margin-left: 5px; }
  .percentage-correct {
    padding-top: 2px;
    padding-bottom: 2px; }
    .percentage-correct label {
      font-size: 16pt; }
    .percentage-correct .percentage-score {
      font-size: 24pt; }
  .lesson {
    padding: 0px 0px 0px 0px; }
  .overview {
    padding-left: 0px; }
  .recommendation-header {
    margin-left: 0px; } }

/* width */
.custom-scrollbar::-webkit-scrollbar {
  width: 8px; }

/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
  background: #DCDCDC;
  border-radius: 25px; }

/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #505050;
  border-radius: 25px; }

/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #505050;
  border-radius: 25px; }

.single-question-screen {
  font-size: 20px;
  padding-right: .75em;
  padding-left: .75em;
  padding-top: 1em;
  padding-bottom: 2em; }
  .single-question-screen h2 {
    font-size: 24px;
    border-top: 3px solid #dcdcdc;
    border-bottom: 3px solid #dcdcdc;
    padding: .5em;
    margin-bottom: 1em; }
  .single-question-screen .gizmo-navigate-left, .single-question-screen .gizmo-navigate-right {
    vertical-align: middle;
    font-size: 24px; }
  .single-question-screen .btn-screen-nav-secondary {
    margin-right: 10px; }
  .single-question-screen .screen-nav-section {
    margin-top: 1em;
    font-size: 20px; }
  .single-question-screen .question-choice {
    padding-top: .3em;
    margin-top: .5em;
    margin-bottom: .5em; }
  .single-question-screen .question-media-div {
    overflow: hidden; }
  .single-question-screen .media-div {
    overflow: hidden;
    padding-left: 30px; }
  .single-question-screen .media-img {
    padding-bottom: 1em;
    width: 320px; }

skills-info-bar .skills-info-bar-outer > * {
  font-size: 24px;
  padding-left: 0px; }

skills-info-bar .skills-info-bar-inner > :not(:last-child) {
  margin-right: 20px; }

skills-info-bar .skills-info-bar-inner {
  font-size: 16px;
  color: #007398;
  text-align: right;
  padding-right: 24px; }
  @media (max-width: 991px) {
    skills-info-bar .skills-info-bar-inner {
      margin-top: 12px;
      text-align: left; } }

.skills-screen {
  padding-bottom: 32px;
  color: #505050;
  /*Checklist line item*/
  /*Overall Grade & Comments*/
  /*Manual Checklist*/
  /* ***************  THESE STYLES ONLY FOR DEMO PURPOSES *************** */
  /* ***************  PHOTO HOTSPOT STYLES *************** */
  /* ***************  PHOTO HOTSPOT STYLES *************** */ }
  .skills-screen blockquote .small:before, .skills-screen blockquote footer:before, .skills-screen blockquote small:before {
    content: none; }
  .skills-screen sup, .skills-screen small {
    color: #505050;
    display: inline-block;
    font-size: 14px; }
  @media (min-width: 992px) {
    .skills-screen .skills-menu {
      border-bottom: 2px solid #DCDCDC; } }
  .skills-screen .skills-menu .dropdown-toggle-caret {
    font-size: 24px; }
  .skills-screen .skills-menu .dropdown-toggle-caret:after {
    font-family: 'gizmo-icons-regular';
    float: right;
    content: "\e9cf"; }
  .skills-screen .skills-menu .open .dropdown-toggle-caret:after {
    content: "\e9d2" !important; }
  .skills-screen .skills-menu .dropdown-menu {
    width: 100%;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #DCDCDC;
    box-shadow: none;
    -webkit-box-shadow: none; }
    .skills-screen .skills-menu .dropdown-menu button:hover, .skills-screen .skills-menu .dropdown-menu button:active {
      color: #e9711c;
      border-bottom-color: #e9711c; }
    .skills-screen .skills-menu .dropdown-menu button:last-child {
      border: 0; }
  .skills-screen .skills-menu .open .button-wrapper {
    padding-left: 16px;
    padding-right: 16px; }
  .skills-screen .skills-menu .open button {
    padding-left: 0;
    padding-right: 0; }
  .skills-screen .skills-menu button:hover {
    color: #e9711c;
    border-bottom-color: #e9711c; }
  .skills-screen .skills-menu button {
    width: 100%;
    background-color: #FFFFFF;
    color: #007398;
    border: 0;
    padding: 16px;
    border-bottom: 2px solid #DCDCDC; }
    .skills-screen .skills-menu button h2 {
      float: left;
      font-size: 24px;
      margin: 0; }
    @media (min-width: 992px) {
      .skills-screen .skills-menu button {
        float: left;
        width: auto;
        padding-top: 11px;
        padding-bottom: 8px;
        border-bottom: 2px solid transparent; }
        .skills-screen .skills-menu button h2 {
          font-size: 16px; }
        .skills-screen .skills-menu button.active, .skills-screen .skills-menu button:hover, .skills-screen .skills-menu button:active {
          color: #e9711c;
          border-bottom-color: #e9711c; } }
  .skills-screen .illustrations-module {
    background: #F1F1F1;
    padding: 0px 32px 0px 32px;
    word-wrap: break-word; }
    .skills-screen .illustrations-module h2 {
      font-size: 24px;
      margin: 32px 0px 32px 0px; }
    .skills-screen .illustrations-module .image-title {
      font-size: 14px; }
    .skills-screen .illustrations-module .image-description {
      font-size: 12px;
      padding: 0px 0px 24px 0px; }
    .skills-screen .illustrations-module img {
      margin-top: 8px;
      margin-bottom: 8px;
      width: 100%; }
    .skills-screen .illustrations-module sup, .skills-screen .illustrations-module small {
      color: #505050;
      font-size: 12px; }
  .skills-screen .skills-video-player {
    max-width: 640px; }
    .skills-screen .skills-video-player .header {
      color: white; }
      .skills-screen .skills-video-player .header h1 {
        font-size: 24px;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px; }
      .skills-screen .skills-video-player .header .header-left {
        position: relative;
        float: left;
        padding-left: 24px;
        padding-right: 48px;
        overflow: hidden;
        z-index: 0; }
      .skills-screen .skills-video-player .header .header-left:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0B4E91;
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: skew(-45deg);
        -ms-transform: skew(-45deg);
        transform: skew(-45deg);
        z-index: -1; }
      .skills-screen .skills-video-player .header .header-right {
        background-color: #0D5EB1;
        padding-left: 10px; }
        .skills-screen .skills-video-player .header .header-right h1 {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .skills-screen .video-player-margin-bottom {
    margin-bottom: 32px; }
  .skills-screen .video-player-toggle-link {
    font-size: 14px;
    margin-top: 8px; }
  .skills-screen h2 {
    font-size: 24px; }
  .skills-screen .skills-content-with-alert {
    margin-top: 0px !important; }
  .skills-screen .skills-content-alert {
    margin-bottom: 24px; }
  .skills-screen .skills-content {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px; }
    .skills-screen .skills-content h2 {
      margin: 0; }
    .skills-screen .skills-content .section {
      padding: 24px 0px 32px 0px; }
      .skills-screen .skills-content .section .content {
        color: #505050;
        font-size: 16px;
        line-height: 24px; }
        .skills-screen .skills-content .section .content .image-title {
          font-size: 14px; }
        .skills-screen .skills-content .section .content .image-description, .skills-screen .skills-content .section .content .image-description * {
          font-size: 12px; }
        .skills-screen .skills-content .section .content img {
          margin-top: 8px;
          margin-bottom: 8px;
          width: 100%; }
          @media (min-width: 992px) {
            .skills-screen .skills-content .section .content img {
              width: auto;
              max-width: 75%; } }
          .skills-screen .skills-content .section .content img h3 {
            margin-top: 8px;
            font-size: 24px;
            margin-bottom: 16px; }
          .skills-screen .skills-content .section .content img h3:not(:first-child) {
            margin-top: 24px; }
          .skills-screen .skills-content .section .content img p:not(:first-child) {
            margin-top: 20px; }
          .skills-screen .skills-content .section .content img a {
            color: #007398; }
            .skills-screen .skills-content .section .content img a:hover {
              color: #e9711c; }
            .skills-screen .skills-content .section .content img a:visited {
              color: #006281; }
  .skills-screen .skill-test {
    font-size: 20px; }
  .skills-screen .checklist-learner-header {
    font-size: 24px;
    color: #505050; }
    .skills-screen .checklist-learner-header .print-button-checklist {
      font-size: 16px;
      color: #007398;
      text-align: right; }
      @media (max-width: 991px) {
        .skills-screen .checklist-learner-header .print-button-checklist {
          margin-top: 12px;
          text-align: left; } }
  .skills-screen .checklist-title {
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
    border-top: 2px solid #dcdcdc;
    border-bottom: 2px solid #dcdcdc; }
    @media (max-width: 991px) {
      .skills-screen .checklist-title {
        margin-left: -24px;
        margin-right: -24px; } }
  .skills-screen .checklist-title div {
    font-size: 16px;
    margin-left: -8px;
    color: #505050; }
    @media (max-width: 991px) {
      .skills-screen .checklist-title div {
        width: 100%;
        text-align: left;
        margin-left: 8px; } }
  .skills-screen .checklist-grade-header div {
    padding-left: 0px;
    padding-right: 20px;
    font-size: 16px;
    color: #505050; }
    @media (max-width: 991px) {
      .skills-screen .checklist-grade-header div {
        width: 100%;
        text-align: left; }
        .skills-screen .checklist-grade-header div span {
          display: block; } }
  .skills-screen .checklist-grade-header strong {
    font-size: 16px;
    color: #505050; }
  .skills-screen .overall-comments-header-label {
    width: 172px;
    padding-right: 0;
    font-weight: bold; }
  .skills-screen .overall-comments-header-content {
    padding-left: 0px !important;
    color: blue; }
  .skills-screen .universe-grade-section {
    text-align: right;
    padding-top: 24px; }
    @media (min-width: 992px) {
      .skills-screen .universe-grade-section span {
        display: inline; }
        .skills-screen .universe-grade-section span .radio {
          display: inline;
          padding: 7px 0 0 46px; }
        .skills-screen .universe-grade-section span label {
          color: #666666; }
        .skills-screen .universe-grade-section span:nth-child(3) {
          margin: 0px 32px; } }
  .skills-screen .checklist-line-item-title {
    padding-top: 24px;
    margin-bottom: 0px; }
  .skills-screen .checklist-grid-row {
    font-size: 16px; }
    .skills-screen .checklist-grid-row .radio-align {
      text-align: center; }
      @media (max-width: 991px) {
        .skills-screen .checklist-grid-row .radio-align {
          text-align: right;
          min-width: 130px; } }
      .skills-screen .checklist-grid-row .radio-align .radio {
        display: inline;
        padding: 0;
        margin-left: 62px; }
        @media (max-width: 991px) {
          .skills-screen .checklist-grid-row .radio-align .radio {
            margin-left: 56px; } }
      .skills-screen .checklist-grid-row .radio-align span:first-child .radio {
        margin-left: 0px; }
    .skills-screen .checklist-grid-row .line-border {
      border-bottom: 1px solid #dcdcdc; }
    .skills-screen .checklist-grid-row .radio-button-spacing {
      padding-bottom: 20px;
      padding-right: 30px; }
    .skills-screen .checklist-grid-row .checklist-line-item {
      padding-top: 24px;
      display: table;
      width: 100%; }
      .skills-screen .checklist-grid-row .checklist-line-item div {
        padding-left: 0; }
      @media (max-width: 991px) {
        .skills-screen .checklist-grid-row .checklist-line-item .text-top-padd {
          padding-top: 20px; } }
    @media (max-width: 991px) {
      .skills-screen .checklist-grid-row .radio-align {
        text-align: right;
        padding-left: 0; }
        .skills-screen .checklist-grid-row .radio-align input[type=radio]:last-child {
          margin-right: 0px;
          padding-right: 0; }
      .skills-screen .checklist-grid-row .checklist-line-item .radio-align {
        padding-left: 0; }
      .skills-screen .checklist-grid-row .comments {
        margin-top: 24px; }
        .skills-screen .checklist-grid-row .comments p {
          margin: 0; }
      .skills-screen .checklist-grid-row .comments-padding {
        padding-bottom: 40px; } }
  .skills-screen .row-title {
    border-bottom: solid 1px #505050; }
    .skills-screen .row-title div {
      padding-left: 0; }
    .skills-screen .row-title label {
      font-weight: normal;
      margin-bottom: 0; }
      .skills-screen .row-title label:first-child {
        margin-left: 15px; }
        @media (max-width: 991px) {
          .skills-screen .row-title label:first-child {
            margin-left: 0px; } }
      .skills-screen .row-title label:nth-child(2) {
        margin: 0px 45px; }
        @media (max-width: 991px) {
          .skills-screen .row-title label:nth-child(2) {
            margin: 0px 40px; } }
      .skills-screen .row-title label:last-child {
        padding-right: 0; }
  .skills-screen .comments {
    font-size: 16px; }
  .skills-screen .section-divider {
    padding: 32px 0 0 8px; }
    .skills-screen .section-divider .section-header {
      font-size: 16px;
      color: #505050;
      font-weight: bold;
      margin-bottom: 16px; }
    .skills-screen .section-divider .overall-comments-section .overall-comments-header {
      margin-bottom: 16px; }
    .skills-screen .section-divider .overall-comments-section div {
      padding-left: 0; }
    .skills-screen .section-divider .grade-section {
      padding-left: 0; }
      .skills-screen .section-divider .grade-section label {
        font-weight: normal; }
    @media (max-width: 991px) {
      .skills-screen .section-divider .overall-comments-section .section-header {
        margin-bottom: 8px; } }
  .skills-screen .button-container .btn-screen-intro-primary {
    border: 2px solid #007398; }
  .skills-screen .button-container .btn-screen-intro-primary:hover, .skills-screen .button-container .btn-screen-intro-primary:active, .skills-screen .button-container .btn-screen-intro-primary:focus {
    border: 2px solid #e9711c; }
  @media (min-width: 992px) {
    .skills-screen .button-container .btn-screen-intro-primary {
      margin-right: 24px; } }
  .skills-screen .signature {
    border-bottom: solid 1px #505050;
    position: absolute;
    width: 75%;
    margin-top: 20px;
    left: 80px;
    text-align: right; }
  .skills-screen .manual-checklist-section {
    font-size: 16px;
    font-family: NexusSansWebPro, sans-serif;
    font-weight: bold;
    width: 75%;
    margin: 0 auto;
    color: #505050; }
  .skills-screen .manual-checklist-section .row {
    padding-top: 32px; }
    .skills-screen .manual-checklist-section .row:first-child {
      padding-top: 0px; }
  .skills-screen .equipment_photo {
    border: 1px solid #999;
    margin: 0 0 15px 0;
    position: relative;
    width: 590px; }
    .skills-screen .equipment_photo img {
      margin: 0px !important;
      max-width: 100% !important; }
  .skills-screen .hotspot {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: 1000;
    font-weight: normal;
    font-size: 12px; }
    .skills-screen .hotspot div {
      display: none;
      margin: 0;
      padding: 0; }
  .skills-screen .tipdata {
    font-family: Arial, Helvetica, Sans-serif; }
    .skills-screen .tipdata p {
      font-size: 12px;
      margin: 0;
      line-height: normal; }
    .skills-screen .tipdata ul {
      margin: 10px 0;
      padding-left: 15px; }
      .skills-screen .tipdata ul li {
        margin: 3px 0; }
  .skills-screen [tooltip]:before {
    /* needed - do not touch */
    content: attr(tooltip);
    position: absolute;
    opacity: 0;
    /* customizable */
    transition: all 0.15s ease;
    padding: 5px;
    color: #333; }
  .skills-screen [tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    /* customizable */
    background: #95b6ce;
    margin-top: -50px;
    margin-left: 20px;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px; }

.ce-information-i-understand-button {
  margin-top: 32px;
  margin-bottom: 36px;
  width: auto;
  padding-top: 8px;
  padding-bottom: 8px; }

@media (min-width: 992px) {
  .ce-information-modal-body {
    margin-left: 64px; } }

@media screen {
  #printSection {
    display: none;
    position: absolute;
    left: 0;
    top: 0; } }

@media print {
  html, body {
    height: auto; }
  .printDiv .content {
    color: #505050;
    font-size: 12px; }
  div:not(.printDiv) > div {
    display: none; }
  div.printDiv div {
    display: block; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12, #printSection {
    width: 100%; }
  .col-md-11 {
    width: 91.66666666666666%; }
  .col-md-10 {
    width: 83.33333333333334%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666666666666%; }
  .col-md-7 {
    width: 58.333333333333336%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666666666667%; }
  .col-md-4 {
    width: 33.33333333333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.666666666666664%; }
  .col-md-1 {
    width: 8.333333333333332%; }
  .checklist-line-item-title .visible-sm, .checklist-line-item-title .visible-xs {
    display: none !important; }
  .print-hide, .grade-button-section, .universe-grade-section .radio:before {
    display: none !important; }
  .print-show {
    display: block !important; }
  .checkbox-obsolete .radio-align input[type=radio]:checked + label:after {
    content: "\25CF";
    font-size: 23px;
    margin-top: -16px;
    margin-left: -6.5px; }
  .checkbox-obsolete .radio {
    display: inline;
    padding: 0;
    margin: 0px 40px 0px -5px; }
  .row-title {
    border-bottom: solid 1px #505050; }
    .row-title label {
      font-weight: normal; }
      .row-title label:nth-child(2) {
        margin: 0 24px; }
    .row-title div {
      padding-left: 0; }
  .checklist-grid-row .checklist-line-item {
    padding-top: 24px;
    display: inline-block;
    float: left;
    width: 100%; }
    .checklist-grid-row .checklist-line-item div {
      padding-left: 0; }
  .checklist-grid-row .line-border, .checklist-grid-row .print-view-line-border {
    border-bottom: 1px solid #dcdcdc; }
  .checklist-line-item-title {
    margin-top: 24px; }
  .comments .comments-padding {
    padding-bottom: 40px; }
  .comments textarea {
    display: none !important; }
  .comments div, .comments p.comments-content {
    display: block !important;
    float: left; }
  .comments > .hide-printview {
    display: none !important; }
  .manual-checklist-section {
    width: 75%;
    margin: 0 auto;
    padding-top: 8px; }
    .manual-checklist-section .signature {
      border-bottom: solid 1px #505050;
      position: absolute;
      width: 75%;
      margin-top: 20px;
      left: 80px;
      text-align: right; }
    .manual-checklist-section .signature-text label {
      margin: 0px 40px; }
    .manual-checklist-section .signature-text .signature {
      left: 120px; } }

input[type=text], textarea {
  font-size: 16px;
  color: #505050;
  border: solid 1px #CECECE;
  border-bottom: solid 2px #DCDCDC;
  width: 80%; }
  input[type=text]:focus, textarea:focus {
    border-bottom: solid 2px #e9711c; }
  input[type=text].ng-invalid, textarea.ng-invalid {
    border-bottom: solid 2px #c83727; }

input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #DCDCDC; }

input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #DCDCDC; }

input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #DCDCDC; }

input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #DCDCDC; }

input[type=text]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: transparent; }

input[type=text]:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  /* Firefox 18- */
  color: transparent; }

input[type=text]:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent; }

input[type=text]:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: transparent; }

.demographics {
  padding-left: 32px;
  padding-right: 32px; }
  .demographics .info-link {
    padding-left: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 12px;
    border-bottom: none; }
  .demographics .demographics-section {
    margin-bottom: 24px; }
  .demographics .demographics-field {
    margin-top: 8px; }
  .demographics h3 {
    font-size: 24px;
    color: #505050; }
  .demographics .add-license-button {
    margin-top: 12px;
    margin-bottom: 16px; }
  .demographics select {
    font-size: 16px;
    height: 26px; }

.add-license-form {
  border: 1px solid #DCDCDC;
  padding: 10px 10px 0px 10px; }

.cancel-button {
  font-size: 20px;
  background-color: #FFFFFF;
  border-radius: 0;
  color: #007398;
  border: 2px solid #007398;
  padding: 6px 36px 6px 40px;
  margin: 12px 0px 12px 0px; }
  .cancel-button:hover, .cancel-button:active {
    background-color: #e9711c;
    color: #FFFFFF;
    border-color: #e9711c;
    text-decoration: none;
    outline: none; }

.evaluation {
  padding: 0px 32px 0 32px; }
  .evaluation .eval-header {
    padding-bottom: 24px; }
  .evaluation h4 {
    font-size: 20px; }
    .evaluation h4.error-message {
      color: #c83727; }
  .evaluation p, .evaluation strong, .evaluation i {
    font-size: 16px;
    color: #505050; }
    .evaluation p.error-message, .evaluation strong.error-message, .evaluation i.error-message {
      color: #c83727; }
  .evaluation .evaluation-section {
    margin-bottom: 28px; }
  .evaluation .evaluation-field {
    margin-top: 8px; }

.ce-info-bar {
  padding: 32px 16px 32px 16px; }
  @media (max-width: 991px) {
    .ce-info-bar {
      padding: 0px 8px 32px 8px; } }

.certificate {
  padding: 0px 16px; }
  .certificate .certificate-logo {
    padding: 0px 16px;
    max-height: 35px; }
  .certificate .certificate-text {
    padding: 24px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 36px; }
  .certificate .signature {
    padding: 0px 24px;
    text-align: left;
    font-weight: bold;
    max-width: 300px; }
  .certificate .ce-provider-text {
    padding-top: 32px; }
  .certificate .address {
    padding-top: 16px;
    text-align: center; }

.printDiv .certificate .certificate-text {
  font-size: 24px; }

@font-face {
  font-family: 'nexussanswebpro';
  src: url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro.eot"), url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro.eot#iefix") format("embedded-opentype"), url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro.woff") format("woff"); }

@font-face {
  font-family: 'NexusSansWebPro-Italic';
  src: url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro-Italic.eot"), url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro-Italic.eot#iefix") format("embedded-opentype"), url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro-Italic.woff") format("woff"); }

@font-face {
  font-family: 'NexusSansWebPro-Bold';
  src: url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro-Bold.eot");
  src: url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro-Bold.eot#iefix") format("embedded-opentype"), url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro-Bold.woff") format("woff"); }

@font-face {
  font-family: 'NexusSansWebPro-BoldItalic';
  src: url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro-BoldItalic.eot");
  src: url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro-BoldItalic.eot#iefix") format("embedded-opentype"), url("//static.elsevierperformancemanager.com/fonts/NexusSansWebPro-BoldItalic.woff") format("woff"); }

html {
  height: 100%; }

* {
  line-height: 1.428;
  font-family: NexusSansWebPro, sans-serif; }

body {
  min-height: 100%;
  position: relative;
  padding-bottom: 13em; }

a {
  cursor: pointer; }

.main-view {
  height: 100%; }

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap; }

.hundredtall {
  height: calc(100% - 60px) !important;
  /* cross-browser */ }

.maincontentrow {
  min-height: calc(100% - 80px);
  overflow-y: auto; }

.btn {
  padding: 12px;
  font-size: 24px; }

.btn-screen-nav-primary {
  background-color: #007398;
  border-radius: 0;
  color: #FFFFFF;
  border: 0;
  padding-right: 8px; }

.btn-screen-nav-secondary {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  padding-left: 8px;
  background-color: #FFFFFF;
  color: #007398;
  border-radius: 0;
  border: 2px solid #007398; }

.btn-screen-nav-secondary:hover, .btn-screen-nav-secondary:active, .btn-screen-nav-secondary:focus,
.btn-screen-nav-primary:hover, .btn-screen-nav-primary:active, .btn-screen-nav-primary:focus {
  background-color: #e9711c;
  color: #FFFFFF;
  border-color: #e9711c;
  text-decoration: none; }

.error-message {
  color: #c83727; }

.span-screen-nav {
  font-size: 24px;
  vertical-align: middle; }

#codeex {
  background-color: #F1F1F1;
  padding: 10px; }

.buttonstrip {
  margin-top: 1em; }

.action-title {
  color: #505050; }
  @media (min-width: 992px) {
    .action-title {
      border-bottom: solid 2px #DCDCDC;
      border-top: solid 2px #DCDCDC;
      margin-left: 0px;
      margin-right: 0px;
      padding-top: 4px;
      padding-bottom: 4px; } }
  @media (max-width: 991px) {
    .action-title {
      margin-left: -16px;
      margin-right: -16px; } }
  .action-title h2 {
    margin-top: 14px;
    border-top: none;
    border-bottom: none;
    font-size: 24px;
    line-height: 1; }

@media (max-width: 991px) {
  .action-title-bottom .info-link {
    display: none; } }

.info-link {
  font-size: 20px;
  color: #007398;
  background-color: #FFFFFF;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  border: none; }
  @media (min-width: 992px) {
    .info-link {
      padding-top: 8px;
      margin-right: 24px;
      padding-bottom: 8px; } }
  @media (max-width: 991px) {
    .info-link {
      width: 100%;
      padding-top: 16px;
      padding-bottom: 16px;
      border-bottom: 3px solid #EBEBEB; } }
  .info-link:hover {
    color: #e9711c;
    text-decoration: none; }
  .info-link .info-navigation:hover {
    text-decoration: underline; }

/* Bullet Points */
ol {
  padding-left: 40px; }

ul {
  list-style: none;
  padding-left: 16px; }
  ul li::before {
    content: "•";
    color: #e9711c;
    padding-right: 8px; }
  ul ul li::before {
    content: "•";
    color: #505050;
    padding-right: 8px; }
  ul ul ul li::before {
    content: "◦";
    color: #505050;
    padding-right: 8px; }

.able {
  font: initial; }

.able-popup {
  list-style: none;
  padding-left: 0; }
  .able-popup li::before {
    content: "";
    padding-right: 0; }

/* Footer */
.footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  border-top: 3px solid #e9711c;
  padding: 1em;
  background: #ffffff; }

.footer-image {
  max-height: 1em;
  margin-left: auto;
  margin-right: auto;
  margin-top: .5em;
  margin-bottom: .5em; }

.center-text {
  text-align: center; }

@media (max-width: 991px) {
  .pull-right-md {
    float: none; } }

@media only screen and (min-width: 992px) {
  #footera {
    margin-left: 0;
    margin-right: 0; }
  #footerb {
    margin-right: 0;
    margin-left: auto; }
  .pull-right-md {
    float: right; } }