.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; }

.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; }

@media (min-width: 992px) {
  .pull-right-md {
    float: right; } }

.btn-screen-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-primary:hover, .btn-screen-primary:active, .btn-screen-primary:focus {
    background-color: #e9711c;
    color: #FFFFFF;
    border-color: #e9711c;
    text-decoration: none;
    outline: none; }

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

.btn-screen-secondary {
  font-size: 20px;
  background-color: #FFFFFF;
  border-radius: 0;
  color: #007398;
  border: 2px solid #DCDCDC;
  padding: 6px 36px 6px 40px; }
  .btn-screen-secondary:hover, .btn-screen-secondary:active, .btn-screen-secondary:focus {
    background-color: #e9711c;
    color: #FFFFFF;
    border-color: #e9711c;
    text-decoration: none;
    outline: none; }

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

.btn-screen-nav-secondary {
  padding: 12px;
  font-size: 24px;
  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; }

.btn-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) {
    .btn-info-link {
      padding-top: 8px;
      margin-right: 24px;
      padding-bottom: 8px; } }
  @media (max-width: 991px) {
    .btn-info-link {
      width: 100%;
      padding-top: 16px;
      padding-bottom: 16px;
      border-bottom: 3px solid #EBEBEB; } }
  .btn-info-link:hover {
    color: #e9711c;
    text-decoration: none; }
  .btn-info-link .info-navigation:hover {
    text-decoration: underline; }

.modal-dialog {
  width: 83.33333333%;
  margin: 90px auto;
  margin-top: 170px; }
  .modal-dialog .modal-content {
    border-top: 3px solid #e9711c;
    border-radius: 0px;
    max-height: 475px;
    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; }

.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; }

.radio-container-vertical {
  padding-left: 50px;
  padding-top: 5px; }

/* 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; }

.checkmark-vertical {
  top: 0; }

/* 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; }

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; }

.footer {
  width: 100%;
  position: absolute;
  margin-top: 12px;
  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; }

.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; } }

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

.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; }

.back-to-skill-header {
  margin-top: 15px;
  margin-right: 15px;
  text-align: right; }

.ce-info-bar {
  padding: 32px 16px 32px 16px; }
  @media (max-width: 991px) {
    .ce-info-bar {
      padding: 0px 8px 32px 8px; } }
  .ce-info-bar .action-title {
    color: #505050; }
    @media (min-width: 992px) {
      .ce-info-bar .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) {
      .ce-info-bar .action-title {
        margin-left: -16px;
        margin-right: -16px; } }
    .ce-info-bar .action-title h2 {
      margin-top: 14px;
      border-top: none;
      border-bottom: none;
      font-size: 24px;
      line-height: 1; }
    .ce-info-bar .action-title .print-button {
      font-size: 20px;
      padding: 8px 0px;
      margin-right: 24px; }
      @media (max-width: 991px) {
        .ce-info-bar .action-title .print-button {
          margin: 0px;
          padding-top: 16px;
          padding-bottom: 16px;
          text-align: center;
          border-bottom: 3px solid #EBEBEB; } }
    .ce-info-bar .action-title button {
      margin: 2px 0px; }
      @media (max-width: 991px) {
        .ce-info-bar .action-title button {
          margin: 0px;
          padding-top: 16px;
          padding-bottom: 16px; } }
  @media (max-width: 991px) {
    .ce-info-bar .action-title-bottom .info-link {
      display: none; } }
  .ce-info-bar .back-to-skill-link {
    margin-top: 9px; }

.demographics {
  padding: 0 32px 0 32px; }
  .demographics .error-message {
    color: #c83727; }
  .demographics .btn-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; }

.survey .form-item {
  background-color: #f5F5f5;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid lightblue; }
  .survey .form-item .radio-group {
    display: flex;
    justify-content: center; }
    .survey .form-item .radio-group .radio-container {
      flex: auto; }
  .survey .form-item .radio-group-horizontal {
    flex-direction: row; }
  .survey .form-item .radio-group-vertical {
    flex-direction: column; }
  .survey .form-item .text-box {
    font-size: 14pt;
    width: 100%;
    height: 200px;
    resize: none; }

.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; }

.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; }

.claim-certificate {
  padding: 8px 16px 8px 16px; }
  .claim-certificate p {
    padding: 0;
    margin: 0; }
  .claim-certificate .title-row {
    padding: 8px 0px 8px 0px;
    margin-top: 6px;
    border-bottom: 2px solid #dcdcdc;
    font-family: 'NexusSansWebPro', 'sans-serif';
    font-style: normal;
    font-size: 24px; }
  .claim-certificate .title-text {
    color: #505050;
    text-align: left;
    float: left; }
  .claim-certificate .claim-certificate-badge {
    width: 16px;
    height: 24px; }
  .claim-certificate .claim-certificate-list-title {
    margin: 16px 0px 16px 0px;
    padding: 8px 16px 8px 16px;
    font-family: 'NexusSansWebPro', 'sans-serif';
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #505050;
    border-bottom: 3px solid #156c88; }
  .claim-certificate .claim-certificate-detail {
    margin: 8px 0px 16px 0px;
    padding: 8px 12px 8px 16px;
    border-bottom: 1px solid #DCDCDC; }
  .claim-certificate .claim-certificate-info-link {
    font-size: 14px;
    color: #007398;
    background-color: #ffffff;
    text-decoration: none;
    display: inline-block;
    text-align: left;
    border: none; }
  .claim-certificate .claim-certificate-info-link:hover {
    color: #e9711c;
    text-decoration: none; }
  .claim-certificate .claim-certificate-info-link-bold {
    font-weight: bold; }
  .claim-certificate .claim-certificate-info-link .info-navigation:hover {
    cursor: pointer;
    color: #e9711c;
    text-decoration: underline; }

.divider-row {
  border: 1px solid #dcdcdc; }

.back-to-skill-container {
  text-align: right; }

.info-link {
  font-size: 20px;
  color: #007398;
  background-color: #ffffff;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  border: none; }

.certificate {
  margin-top: 40px; }

@media screen and (max-width: 691px) {
  .col-smaller-centered {
    text-align: center; } }

@media screen and (min-width: 691px) {
  .col-larger-pull-right {
    float: right; } }

@media screen and (max-width: 691px) {
  .hide-borders-when-small {
    border-top: 0; } }

@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"); }

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

a {
  cursor: pointer; }

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

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