.recommended::before  {
  content: "Recommended";
}


  .naob-btn-primary {
    background: var(--theme-secondary) !important;
  }

  .library-section ul li a.guide:not(.download-formats):after {
    background: transparent url(https://www-yns-com.s3.amazonaws.com/images/icon_guide.png) no-repeat scroll center center !important;
  }

  .library-section ul li a.webinar-videos:not(.download-formats):after {
    background: transparent url(https://www-yns-com.s3.us-east-2.amazonaws.com/images/interviews/resources/video_play_icon.png) no-repeat scroll center center !important;
  }

  .btn.btn-cta.btn-coach-chat-list {
      border-left: 2px solid #F58D00 !important;
      border-top: 2px solid #F58D00 !important;
      border-right: 2px solid #F58D00 !important;
  }

  @media (max-width: 1325px) {

    .navbar-nav {
      background: #FFF !important;
    }

    .navbar-nav li a {
      color: #333 !important;
    }

    .navbar-nav li a.active {
      background: #000 !important;
      color: #FFF !important;
    }

    .navbar-nav li a:active, .navbar-nav li a:hover, .navbar-nav li a:focus {
      background: #333 !important;
      color: #FFF !important;
    }

    body .navbar-toggle:focus,
    body .navbar-toggle:hover {
      background: #FFF !important;
      color: #333 !important;
    }

    .dropdown-toggle {
      background: #000 !important;
    }

  }







  .visitor-layout .login-wrap .panel.panel-default .panel-body .forgot-password a, .visitor-layout .login-wrap .panel.panel-default .panel-body .having-problems a, .visitor-layout .login-wrap .panel.panel-default .panel-body .get-help a {
    color: var(--theme-link);
  }
  .visitor-layout .login-wrap .panel.panel-default .panel-body .forgot-password a:hover, .visitor-layout .login-wrap .panel.panel-default .panel-body .forgot-password a:focus, .visitor-layout .login-wrap .panel.panel-default .panel-body .having-problems a:hover, .visitor-layout .login-wrap .panel.panel-default .panel-body .having-problems a:focus, , .visitor-layout .login-wrap .panel.panel-default .panel-body .get-help a:hover, .visitor-layout .login-wrap .panel.panel-default .panel-body .get-help a:focus {
    color: var(--theme-link);
  }

  .header { background: #fff !important ; }

  .header .top-nav .navbar-nav > li > a {
    border-bottom: solid 2px transparent;
    color: #333;
  }


    .header .top-nav .navbar-nav > li > a:hover, .header .top-nav .navbar-nav > li > a:focus {
      border-bottom: solid 2px #777;
      color: #333;
    }


  .navbar-nav ul > li > a:hover, .navbar-nav ul > li > a:focus {
    background: var(--theme-light-gray) !important;
  }

  .quick-search .btn-primary {
    color :#FFF !important;
  }

  .coach-services-nav {
    color: #333 !important;
  }

  .section-nav {
    background: var(--theme-primary) !important;
    border-bottom: 1px solid #000 !important;
  }

  .section-nav ul li.active a {
    background: var(--theme-primary-lighter-15) !important;
  }
  .section-nav ul li a:hover, .section-nav ul li a:focus {
    background: var(--theme-primary-lighter-15) !important;
  }

  .standard-layout .sidebar-dropdown .dropdown-menu li a.active {
    color: #000;
    background: #ebebeb;
  }

  .sidebar > ul li.active a, .sidebar > ul li a:hover, .sidebar > ul li a:focus {
    background: var(--theme-light-gray) !important;
  }

  .btn.btn-primary, .btn.btn-cta, .btn.btn-cta-primarycolor {
    background: var(--theme-secondary) !important;
    border: 1px solid  var(--theme-secondary) !important;
  }

  .btn.btn-primary.not-selected{
    background: #fff !important;
    color: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
  }

  .btn.btn-primary.not-selected:hover{
    background: #d8d8d8 !important;
  }

  #cover-letter-tone-slider{
    border: solid 1px var(--theme-secondary) !important;
  }

  #cover-letter-tone-slider::-webkit-slider-thumb{
    background: var(--theme-secondary) !important;
  }

  #cover-letter-tone-slider::-moz-range-thumb{
    background: var(--theme-secondary) !important;
  }

  .btn.btn-primary:hover, .btn.btn-cta:hover, .btn.btn-primary:focus, .btn.btn-cta:focus, .btn.btn-cta-primarycolor:hover {
    background: var(--theme-secondary-darker-75) !important;
  }

  .btn.btn-success {
    background: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
  }

  .btn.btn-success:hover, .btn.btn-success:focus {
    background: var(--theme-secondary-darker-75) !important;
  }

  .btn.btn-welcome {
    background: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
  }

  .btn.btn-welcome:hover, .btn.btn-welcome:focus {
    background: var(--theme-secondary-darker-75) !important;
  }

  .btn.btn-selected {
    background: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
  }

  .btn.btn-cta-coachservice{
    border: solid 2px var(--theme-secondary) !important;
  }

  .btn.btn-cta-coachservice:hover, .btn.btn-cta-coachservice:focus{
    background: var(--theme-secondary-darker-75) !important;
  }

  .btn.btn-cta-coachservice.btn-transparent{
    border: solid 2px var(--theme-secondary) !important;
  }

  .feedback-link {
    color: var(--theme-link);
  }

  .feedback-link:hover, .feedback-link:focus {
    color: var(--theme-link-hover);
  }

  .sidebar .gold_resume a{
    color: var(--theme-primary) !important;
  }

  .sidebar .gold a{
    color: var(--theme-primary) !important;
  }

  .workshops-list .workshops-item .btn-secondary, .workshops-list .workshops-item-variable .btn-secondary {
    border: 1px solid var(--theme-secondary) !important;
    color: var(--theme-secondary) !important;
  }
  .workshops-list .workshops-item .btn-secondary:hover, .workshops-list .workshops-item .btn-secondary:focus, .workshops-list .workshops-item-variable .btn-secondary:hover, .workshops-list .workshops-item-variable .btn-secondary:focus {
    -moz-box-shadow: 0 0 0px 1px var(--theme-secondary) !important;
    -webkit-box-shadow: 0 0 0px 1px var(--theme-secondary) !important;
    box-shadow: 0 0 0px 1px var(--theme-secondary) !important;
  }

  .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: var(--theme-primary) !important;
  }

  .modal .modal-header .close {
    background: var(--theme-primary) !important;
  }
  .modal .modal-header:before {
    border-top: 1px solid var(--theme-primary) !important;
  }
  body:not(.career_development) .modal .modal-header:after {
    color: var(--theme-primary) !important;
  }

  .confirm-modal .btn-danger {
    border-color: var(--theme-primary) !important;
    background: var(--theme-primary) !important;
  }

  .confirm-modal .btn-danger:hover, .confirm-modal .btn-danger:focus {
    border-color: var(--theme-primary-lighter-15) !important;
    background: var(--theme-primary-lighter-15) !important;
  }

  .expand-collapse .expand-collapse-trigger {
    color: var(--theme-link) !important;
  }

  .documents-section.recommended, .workshops-item.recommended, .workshops-item-variable.recommended {
    border-color: var(--theme-primary) !important;
  }

  .documents-section .gold-silver-actions .btn-secondary {
      border: solid 1px var(--theme-primary) !important;
      color: var(--theme-primary);
    }

  .documents-section .gold-silver-actions .btn-secondary:hover, .documents-section .gold-silver-actions .btn-secondary:focus {
      box-shadow: 0 0 0px 1px var(--theme-primary) !important;
    }

  .documents-section.recommended:before, .workshops-item.recommended:before, .workshops-item-variable.recommended:before {
    color: var(--theme-primary) !important;
  }

  .documents-section .actions .btn-secondary, .workshops-item .actions .btn-secondary, .workshops-item-variable .actions .btn-secondary {
    border: 1px solid var(--theme-primary) !important;
    color: var(--theme-primary) !important;
  }

  .documents-section .actions .btn-secondary:hover, .documents-section .actions .btn-secondary:focus, .workshops-item .actions .btn-secondary:hover, .workshops-item .actions .btn-secondary:focus, .workshops-item-variable .actions .btn-secondary:hover, .workshops-item-variable .actions .btn-secondary:focus {
    -moz-box-shadow: 0 0 0px 1px var(--theme-primary) !important;
    -webkit-box-shadow: 0 0 0px 1px var(--theme-primary) !important;
    box-shadow: 0 0 0px 1px var(--theme-primary) !important;
  }

  .document-link {
    color: var(--theme-link) !important;
  }
  a.document-link:hover, a.document-link:focus, .btn-finish-later:hover, .btn-finish-later:focus { color: var(--theme-link-hover) !important; }

  div.guide .guide-header, div.guide .guide-body .guide-sidebar h3 {
    background: #f7f7f7 !important;
  }

  .tertiary-action p a, .advanced-search-link, .not-ready a, .builder-header a, a.cta, .retake-link, .copy_text {
    color: var(--theme-link) !important;
  }
  .tertiary-action p a:hover, .tertiary-action p a:focus, a.advanced-search-link:hover, a.advanced-search-link:focus, .not-ready a:hover, .not-ready a:focus, .builder-header a:hover, .builder-header a:focus, a.cta:hover, a.cta:focus, a.retake-link:hover, a.retake-link:focus, .copy_text:hover,
  .copy-link:focus {
    color: var(--theme-link-hover) !important;
  }

  body a {
    color: var(--theme-link);
  }
  body a:hover, body a:focus, body a:active {
    color: var(--theme-link-hover);
  }

  div.workshop-summary .summary-content .results {
    border: solid 2px var(--theme-primary) !important;
  }

  div.workshop .workshop-header, div.workshop .workshop-body .workshop-sidebar h2, div.workshop .workshop-body .workshop-content.workshop-hub .workshop-steps .workshop-step.current .step-summary {
    background: #f7f7f7;
  }

  div.workshop .workshop-body .workshop-content.workshop-hub .workshop-steps .workshop-step .step-summary .btn.btn-pill-cta {
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
  }

  div.workshop .workshop-body .workshop-content.workshop-hub .workshop-steps .workshop-step .step-summary .btn.btn-pill-cta:hover, div.workshop .workshop-body .workshop-content.workshop-hub .workshop-steps .workshop-step .step-summary .btn.btn-pill-cta:focus {
    background: var(--theme-primary-lighter-15) !important;
    border-color: var(--theme-primary-lighter-15) !important;
  }

  .builder-header .document-name-editor .el-icon-file-edit-alt {
    color: var(--theme-primary) !important;
  }

  .form-control:focus {
    border-color: var(--theme-primary-lighter-15) !important;
  }

  .ranked-word-quiz .question .choice.ranked-item {
    background: var(--theme-primary) !important;
  }

  .ranked-word-quiz .question .choice:hover, .ranked-word-quiz .question .choice:focus {
    border-color: var(--theme-primary) !important;
  }

  .ranked-word-quiz .question .choice.ranked-item-1:before, .ranked-word-quiz .question .choice.ranked-item-2:before, .ranked-word-quiz .question .choice.ranked-item-3:before {
    color: var(--theme-primary) !important;
  }

  .ranked-statement-quiz .question .choice.ranked-item {
    background: var(--theme-primary) !important;
  }

  .ranked-statement-quiz .question .choice:hover, .ranked-statement-quiz .question .choice:focus {
    border-color: var(--theme-primary) !important;
  }

  .ranked-statement-quiz .question .choice.ranked-item-1:before, .ranked-statement-quiz .question .choice.ranked-item-2:before, .ranked-statement-quiz .question .choice.ranked-item-3:before {
    color: var(--theme-primary) !important;
  }

  .word-selection-quiz .question .choice:hover, .word-selection-quiz .question .choice:focus {
    border-color: var(--theme-primary) !important;
    background: var(--theme-primary) !important;
  }

  .fancy-check-buttons .checkbox label {
    border: solid 1px var(--theme-primary) !important;
  }

  .fancy-check-buttons .checkbox label.checked {
    background: var(--theme-primary) !important;
  }

  .fancy-check-buttons .checkbox label:hover, .fancy-check-buttons .checkbox label:focus {
    background: var(--theme-primary-lighter-30) !important;
  }

  .checkbox-link.checked, .click-checkbox.checked {
    color:  var(--theme-primary) !important;
  }

  .true-false-quiz ol .question .btn-default.active {
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
  }

  .ranked-list .ranked-item {
    border-color: var(--theme-primary) !important;
  }

  .ranked-list .ranked-item:before {
    background-color: var(--theme-primary) !important;
  }

  .copyright {
    color: var(--theme-link) !important;
  }

  .cover-letter-types .cover-letter-type.recommended {
    border: solid 1px var(--theme-primary) !important;
  }

  .cover-letter-types .cover-letter-type.recommended:before {
    color: var(--theme-primary) !important;
  }

  body.network_research-company_search.show .search-detail .search-detail-body .search-detail-hdr .btn {
    background: var(--theme-primary) !important;
  }

  body.network_research-company_search.show .search-detail .company-person-item .btn {
    background: var(--theme-primary) !important;
  }

  body.network_research-company_search.show .search-detail .company-person-item .btn.btn-selected, body.network_research-people_search.index .search-results .search-results-body .search-result-item .icons .btn-selected {
    background: var(--theme-secondary) !important;
  }

  body.network_research-people_search.index .search-results .search-results-body .search-result-item .icons .btn-success {
    background: var(--theme-primary) !important;
  }


  .standard-layout .recruiter-sidebar .recruiter-body ul li a {
    color: var(--theme-link) !important;
  }

  .standard-layout .recruiter-sidebar .recruiter-body ul li a:hover, .standard-layout .recruiter-sidebar .recruiter-body ul li a:focus {
    color: var(--theme-link-hover) !important;
  }

  .standard-layout .workforce-center-sidebar .workforce-center-body ul li a {
    color: var(--theme-link) !important;
  }

  .standard-layout .workforce-center-sidebar .workforce-center-body ul li a:hover, .standard-layout .workforce-center-sidebar .workforce-center-body ul li a:focus {
    color: var(--theme-link-hover) !important;
  }

  .pitch-back-link {
    color: var(--theme-link) !important;
  }

  .pitch-back-link:hover, .pitch-back-link:focus {
    color: var(--theme-link-hover) !important;
  }

  .disclosures a {
    color: var(--theme-link) !important;
  }
  .disclosures a:hover, .disclosures a:focus {
    color: var(--theme-link) !important;
  }

  body.activity.index .activity thead {
    background: var(--theme-primary);
  }

  .quick-search .btn-primary{
    border-color: var(--theme-secondary) !important;
  }

  .cookie-notification {
    background: var(--theme-primary);
  }

  .account-extension-notification {
    color: var(--theme-primary);
  }

  .help-section-title {
    color: var(--theme-primary) !important;
  }

  .help-section-content a:hover, .help-section-content a:focus {
    color: var(--theme-link) !important;
  }

  .el-icon-video{
    color: var(--theme-primary) !important;
  }

  .module-coach-chat a:not(.btn):not(.carousel-control){
    color: var(--theme-link) !important;
  }

  .module-coach-chat a:not(.btn):not(.carousel-control):active, .module-coach-chat a:not(.btn):not(.carousel-control):hover{
    color: var(--theme-link) !important;
  }

  .module-coach-chat .carousel-indicators li.active{
    background-color: var(--theme-primary) !important;
  }

  .navbar {
    background: #fff !important;
    border-bottom: 1px solid #777;

  }
  .navbar .navbar-toggle {
    color: #777;
    border-color: #777;
  }
  @media (max-width: 500px) {
    .navbar-default .navbar-nav > li > a {
      color: #777;
    }
  }
  .navbar .navbar-nav li {
    border-bottom: solid 1px #777;
  }
  .navbar .navbar-nav li a {
    color: #777;
  }
  .visitor-layout .candidate-care-wrap {
    display:none !important;
  }
  .navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus, .navbar .navbar-nav li a:active {
    background: #333;
  }
  .standard-layout .sidebar-dropdown .dropdown-menu li a.active {
    color: #000;
    background: #ebebeb;
  }

	.contacts-list thead tr th {
		background: var(--theme-primary);
	}






.welcome-layout .container-welcome a:not(.btn) {
  color:  var(--theme-link) !important;
}

.tel-mobile::after {
  content: "*Format for mobile must be 555-555-5555";
  font-size: 13px;
  margin-left: 5px;
}

.resume-builder .nav .nav-button-selected {
  background-color:  var(--theme-primary) !important;
  text-decoration: underline !important;
}

.resume-builder .nav .nav-button-clickable:hover, .resume-builder .nav .nav-button-clickable:active, .resume-builder .nav .nav-button-clickable:focus {
  background-color:  var(--theme-light-gray) !important;
}

.resume-builder .btn-back {
  background-color:  #FFF !important;
}

.resume-builder .btn-back:hover, .resume-builder .btn-back:active, .resume-builder .btn-back:focus {
  background-color:  #F5F5F5 !important;
}

.resume-builder .document-panel .edit {
  border: 0 !important;
}

.resume-builder .job-title {
  background-color:  var(--theme-primary) !important;
}

.resume-builder .job-title:hover, .resume-builder .job-title:active, .resume-builder .job-title:focus {
  background-color:  var(--theme-primary-lighter-15) !important;
}

.resume-builder .ga-trackable-form .add-link:hover, .resume-builder .ga-trackable-form .add-link:active, .resume-builder .ga-trackable-form .add-link:focus {
  color:  var(--theme-link) !important;
}

.resume-builder .ga-trackable-form .btn-trash:hover, .resume-builder .ga-trackable-form .btn-trash:active, .resume-builder .ga-trackable-form .btn-trash:focus {
  color:  var(--theme-link) !important;
}

.add-bullet a:hover .add-text, .add-bullet a:focus .add-text, .add-bullet a:active .add-text {
    color: var(--theme-link-hover) !important;
}

.add-bullet .add-text:hover, .add-bullet .add-text:focus, .add-bullet .add-text:active {
    color: var(--theme-link-hover) !important;
}

.resume-builder .skill-pill.selected {
  background-color: var(--theme-primary) !important;
}

.resume-builder .skill-pill:not(.selected):hover, .resume-builder .skill-pill:not(.selected):active, .resume-builder .skill-pill:not(.selected):focus {
  background-color: var(--theme-primary-lighter-30) !important;
}

.resume-builder .el-icon-bell {
  color:  var(--theme-primary) !important;
}

.resume-builder .btn-move {
  color:  #333 !important;
}

.resume-builder .resume-review-actions a {
  color:  var(--theme-link) !important;
}

.resume-builder .resume-review-actions a:hover, .resume-builder .resume-review-actions a:active, .resume-builder .resume-review-actions a:focus {
  color: var(--theme-link-hover) !important;
}

.modal .btn-cancel-delete {
    color: #333 !important;
}

.visitor-layout .footer-owned-by body:not(.custom_landings){
  color: #FFF;
}

  .welcome-layout .login-wrap-onboarding .onboarding-nav .nav-button.nav-button-selected {
    background: var(--theme-primary);
  }

  .welcome-layout .login-wrap-onboarding .onboarding-nav .nav-button.nav-button-clickable:hover {
    background: var(--theme-primary);
  }

  .welcome-layout .login-wrap-onboarding .onboarding-nav .nav-button.nav-button-clickable:active {
    background: var(--theme-primary);
  }

  .welcome-layout .login-wrap-onboarding .onboarding-nav .nav-button.nav-button-clickable:focus {
    background: var(--theme-primary);
  }

  .job-cards .job-board.top-photo-general {
      background:  var(--theme-primary);
  }

  .library-section ul li a.guide:not(.download-formats):after {
    background: transparent url(https://www-yns-com.s3.amazonaws.com/images/icon_guide.png) no-repeat scroll center center !important;
  }

  .library-section ul li a.webinar-videos:not(.download-formats):after {
    background: transparent url(https://www-yns-com.s3.us-east-2.amazonaws.com/images/interviews/resources/video_play_icon.png) no-repeat scroll center center !important;
  }






.naob-btn-primary {
  background: var(--theme-secondary) !important;
}

.simple-calendar th {
  background: var(--theme-primary) !important;
}

.event-item {
  &:hover, &:focus-within {
    border: solid 2px var(--theme-primary) !important;
  }
}