:root {
  --primary: #0075c9;
  /* light-blue */
  --secondary: #002B49;
  /* dark-blue */
  --tertiary: #236192;
  /* green */
  --white: #fff;
  --black: #000;
  --dark-gray: #333;
  --light-gray: #f0f0f0;
  --bg-gray: #f9f9f9;      
  --bg-light: #f8f9fa;/*navbar default*/
  --bg-dark: #e2e6ea;  
  --text-color: #747478;
  --light-text-color: #9d9da0;
  --dark-text-color: #333;
  --standard-font: Helvetica Neue, Helvetica, Arial, sans-serif;

}

/* Fonts */

@font-face {
  font-family: "facetselecticon";
  src: url("../system/production/assets/3084/original/facetselecticon.eot");
  src: url("../system/production/assets/3087/original/facetselecticon.woff") format("woff"), url("../system/production/assets/3086/original/facetselecticon.ttf") format("truetype"), url("../system/production/assets/3085/original/facetselecticon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Avenir;
  src: url("../system/production/assets/3080/original/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../system/production/assets/3083/original/AvenirLTStd-Roman.woff") format("woff"), url("../system/production/assets/3082/original/AvenirLTStd-Roman.ttf") format("truetype"), url("../system/production/assets/3081/original/AvenirLTStd-Roman.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Light";
  src: url("../system/production/assets/3076/original/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../system/production/assets/3079/original/AvenirLTStd-Light.woff") format("woff"), url("../system/production/assets/3078/original/AvenirLTStd-Light.ttf") format("truetype"), url("../system/production/assets/3077/original/AvenirLTStd-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* end Fonts */

/* Custom Animations */

@keyframes fadeIn {
  0% {
    opacity: 0.0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadebgin {
  0% {
    background: transparent;
  }
  100% {
    background: rgba(255, 255, 255, 1);
  }
}

@-webkit-keyframes fadebgin {
  0% {
    background: transparent;
  }
  100% {
    background: rgba(255, 255, 255, 1);
  }
}

@keyframes fadebgout {
  0% {
    background: rgba(255, 255, 255, 1);
  }
  100% {
    background: transparent;
  }
}

@-webkit-keyframes fadebgout {
  0% {
    background: rgba(255, 255, 255, 1);
  }
  100% {
    background: transparent;
  }
}

@keyframes slideleft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-80%);
  }
}

@-webkit-keyframes slideleft {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-80%);
  }
}

@-moz-eyframes slideleft {
  0% {
    -moz-transform: translateX(0%);
  }
  100% {
    -moz-transform: translateX(-80%);
  }
}

@keyframes slideright {
  0% {
    transform: translateX(-80%);
  }
  100% {
    transform: translateX(0%);
  }
}

@-webkit-keyframes slideright {
  0% {
    -webkit-transform: translateX(-80%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@-moz-keyframes slideright {
  0% {
    -moz-transform: translateX(-80%);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

/* end Custom Animations */

html {
  height: 100%;
  width: 100%;
}

body {
  min-height: 100%;
  background: var(--white);
  color: var(--text-color);
  font-family: var(--standard-font), sans-serif;
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1 0 auto;
}

.main-footer {
  flex-shrink: 0;
}

/* General Classes */

.smaller {
  font-size: 85%;
}


.text-muted {
  color: var(--light-text-color) !important;
}

.has-shadow {
  box-shadow: 0 5px 15px rgba(34, 34, 34, 0.2);
  -moz-box-shadow: 0 5px 15px rgba(34, 34, 34, 0.2);
  -webkit-box-shadow: 0 5px 15px rgba(34, 34, 34, 0.2);
  position: relative;
  z-index: 1;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background-position: center;
  background-size: cover;
}

.sticky {
  position: sticky;
}

.sticky-top {
  z-index: 999;
  width: 100%;
}

.preloader {
  animation: rotate 0.8s infinite linear;
  border: 6px solid #999;
  border-right-color: #ccc;
  border-radius: 50%;
  height: 28px;
  left: 50%;
  margin: 50px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 28px;
}

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  opacity: .75;
}

.btn-primary a {
  color: var(--white);
}

.btn-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.btn-secondary:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
  opacity: .75;
}

.btn-success {
  background-color: var(--tertiary);
  border-color: var(--tertiary);
}

.btn-success:hover {
  background-color: var(--tertiary);
  border-color: var(--tertiary);
  opacity: .75;
}

.btn a:hover {
  text-decoration: none;
}
/* end General Classes */

/* Effects */

.slideright {
  animation-name: slideright;
  -webkit-animation-name: slideright;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

.slideleft {
  animation-name: slideleft;
  -webkit-animation-name: slideleft;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

.fadebgout {
  animation-name: fadebgout;
  -webkit-animation-name: fadebgout;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

.fadebgin {
  animation-name: fadebgin;
  -webkit-animation-name: fadebgin;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}

/* end Effects */

.hero-images {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 240px 0;
  box-shadow: inset 0 -12px 24px -12px rgba(34, 34, 34, 0.4);
}

.hero-images:before {
  content: "";
  background: url('//connect.healthcaretalentsource.com/system/production/assets/3068/original/hero_image_1.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cs_share_container {
  float: left;
}

.inner-search h1, .inner-search h4 {
  color: var(--dark-text-color);
}

.inner-search h4 {
  font-weight: 300;
  font-family: var(--light-font);
}

/* Pre Footer */

.pre-footer {
  background-color: var(--primary);
}

.pre-footer .fa-circle, .pre-footer h3 {
  color: var(--white);
}

.pre-footer .fa-inverse {
  color: var(--secondary);
  transform: translateX(7%);
}

/* end Pre Footer */

/* Footer */

.footer {
  background-color: var(--secondary);
  padding: 30px 15px;
  color: var(--white);
}

.footer a, .footer a:link, .footer a:visited, .footer a:active {
  color: var(--white);
  margin: 0 5px;
}

.footer a:hover {
  color: var(--primary);
}

/* end Footer */

/* Pages */

.page-section {
  margin: 0 0 30px 0;
}

.page__image {
  margin: 0 0 30px 0;
}

.page__image img {
  width: 100%;
}

/* end Pages */

/* Home Page */

.working-at {
  background-color: var(--bg-gray);
}

 .working-at-section .image-bg {
  width: 100%;
  min-height: 215px;
  position: relative;
  display: block;
  background-position: center;
  background-size: cover;
  color: var(--text-dark-color);
}

.working-at-sidebar:before {
  content: "";
  box-shadow: 0px 6px 12px rgba(23, 26, 27, .3);
  height: 90%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  border-radius: 9px 9px 75% 75%;
}

.working-at-sidebar-inner {
  z-index: 8;
  position: relative;
  overflow: hidden;
  background: var(--white);
}

.working-at a:hover {
  text-decoration: none;
}

.job-categories .row {
  margin-bottom: 30px;
}

.job-category {
  min-height: 300px;
  position: relative;
  cursor: pointer;
}

.job-category h3, .job-category i {
  color: var(--white);
}

.job-category i {
  content: "";
}

.job-category.with-image-bg h3, .job-category.with-image-bg i {
  color: var(--dark-text-color);
}

.job-category:hover {
  text-decoration: none;
}

.job-category:after {
  background-color: var(--primary);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
}

.job-category:hover:after {
  opacity: 0.75;
}

.job-category.with-image-bg.even:after {
  background-color: var(--primary);
  opacity: 0.1;
}

.job-category.with-image-bg.odd:after {
  background-color: var(--secondary);
  opacity: 0.2;
}

.job-category.with-image-bg.even:hover:after {
  opacity: 0.2;
}

.job-category.with-image-bg.odd:hover:after {
  opacity: 0.3;
}

.talent-network-block {
  background-color: var(--light-gray);
}

/* Home Page */

.filter {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: .80;
  background-color: var(--white);
}

.job-search.page-section {
  background-color: var(--light-gray);
  padding: 15px;
}

/* Job Search */
      
.jobs-section__apply .btn {
  display: block;
  margin-bottom: .5rem;
}      
 
/* Job Details */

.job__details-apply .btn {
  display: block;
  margin-bottom: 10px;
}

.jobs-section__category-info {
  background-position: center center;
  background-size: cover;
}

.jobs-section__category-info-desc {
  background: rgba(255, 255, 255, 0.7);
  color: var(--dark-text-color);
  padding: 70px;
}

/* end Job Details */

/* Job Details : Saved Job Overlay */

.saved-jobs-alert-wrapper {
  background: rgba(34, 34, 34, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

.saved-jobs-alert {
  background: var(--white);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 280px;
}

.saved-jobs-alert__check {
  background: var(--dark-gray);
  color: var(--white);
  font-size: 120px;
  line-height: 120px;
  padding: 24px;
}

.saved-jobs-alert__check.removed {
  background: #8fd400;
}

.saved-jobs-alert__message {
  background: var(--white);
  padding: 24px;
}
/* end Job Details : Saved Job Overlay */


/* Pagination */

.pagination {
  display: inline-flex !important;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.pagination a, .pagination span {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  background-color: var(--white);
  border: 1px solid #dee2e6;
}

.pagination a.disabled, .pagination span.disabled {
  color: var(--text-color);
  pointer-events: none;
  cursor: auto;
}

.pagination:first-child {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.pagination span.current {
  color: var(--text-color);
  font-weight: 700;
}

/* end Pagination */

/* Jobs Search */
      
#search--jobs-search .row {
    background-color: var(--bg-light);
}      

.jobs-section__item {
  border-top: 1px solid rgba(0, 0, 0, .12);
  box-shadow: none;
}

.jobs-section__item:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, .12);
  /* 0px 11px 8px -10px #CCC, 0px -11px 8px -10px #CCC */
  transition: 100ms;
  border-top-color: transparent;
  z-index: 55;
}

.jobs-section__item:hover+.jobs-section__item {
  border-top-color: transparent;
}

/* end Jobs Search */

/* Facets */

.facet-loading {
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  background-repeat: no-repeat;
  display: none;
  height: 60px;
  margin: 20px auto;
  padding: 20px 0;
  width: 60px;
}

.facet-loading--dark {
  background-image: url('/system/production/assets/43/original/facet-loading-bg--dark.gif');
}

.facet-loading--light {
  background-image: url('/system/production/assets/44/original/facet-loading-bg--light.gif');
}

.facet-section h2 {
  border-bottom: 1px solid var(--black);
  font-size: 18px;
  line-height: 18px;
  margin: 0 0 12px 0;
  padding: 0 0 10px 0;
  position: relative;
}

.facet-section h2 span {
  font-size: 12px;
}

.facet-item {
  margin: 0 0 10px 0;
}

.facet-item--collapsed {
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px 0;
}

.facet-item__heading h3 {
  cursor: pointer;
  font-size: 16px;
  line-height: 16px;
  margin: 0;
  position: relative;
}

.facet-item--expanded .facet-item__heading h3 {
  margin: 0 0 10px 0;
}

.facet-item--expanded .facet-item__options {
  display: block;
}

.facet-item--collapsed .facet-item__options {
  display: none;
}

a.facet-item__show-more {
  display: inline-block;
  margin: 10px 0;
}

span.facet-item__heading-expand-collapse {
  bottom: 0;
  font-family: 'facetselecticon';
  font-size: 12px;
  position: absolute;
  right: 0;
  vertical-align: middle;
  width: 10%;
}

.facet-item--expanded span.facet-item__heading-expand-collapse:after {
  content: "s";
}

.facet-item--collapsed span.facet-item__heading-expand-collapse:after {
  content: "p";
}

.facet-item__options-item {
  border-bottom: 1px solid #ddd;
  margin: 0 0 4px 0;
  padding: 0 0 4px 0;
  position: relative;
}

.facet-item__heading div {
  padding: 0 10px;
  text-align: right;
}

span.facet-item__options-item-type {
  font-family: 'facetselecticon';
}

.facet-item__options-item-type--multi:after {
  content: "b";
}

.facet-item__options-item-type--selected.facet-item__options-item-type--multi:after {
  content: "o";
}

.facet-item__options-item-type--single:after {
  content: "f";
}

.facet-item__options-item-type--selected.facet-item__options-item-type--single:after {
  content: "g";
}

/* end Facets */

/* Job Alerts Popup */

#fancybox-wrap #fancybox-outer {
  padding: 15px;
}

#fancybox-wrap #fancybox-outer #fancybox-content {
  padding: 0;
}

#fancybox-wrap #fancybox-outer #fancybox-content #candidateJobNotification .fInput br {
  display: none;
}

#fancybox-wrap #fancybox-outer #fancybox-content #candidateJobNotification .g-recaptcha {
  margin: 0;
}

@media only screen and (min-width: 480px) {
  #fancybox-wrap {
    min-width: 344px;
    width: auto !important;
  }
}

#fancybox-wrap #fancybox-outer #fancybox-content #candidateJobNotification .fInput {
  padding-left: 0;
  margin-bottom: 0;
}

#fancybox-wrap #fancybox-outer #fancybox-content #candidateJobNotification .fInput .fLabel {
  color: var(--light-text-color);
  font-size: smaller;
  margin-bottom: .2rem;
}

#fancybox-wrap #fancybox-outer #fancybox-content #candidateJobNotification button {
  /* have to emulate the bootstrap button here due to Talemetry defaults */
  background-color: var(--primary);
  border-color: var(--primary);
  text-transform: none;
  font-size: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: var(--white);
  padding: .375rem .75rem;
  box-shadow: none;
  margin-bottom: 0;
  right: 0;
}

#fancybox-wrap #fancybox-outer #fancybox-content #candidateJobNotification button:hover {
  opacity: .75;
}

/* Job Alerts Popup */

/* default (xs-screens) */

html, body {
  font-size: 14px !important;
}

h1 {
  font-size: 1.602em;
}

h2 {
  font-size: 1.424em;
}

h3 {
  font-size: 1.266em;
}

h4 {
  font-size: 1.125em;
}

h5 {
  font-size: 0.889em;
}

h6 {
  font-size: 0.79em;
}

.display-1 {
  font-size: 3.906em;
}

.display-2 {
  font-size: 3.125em;
}

.display-3 {
  font-size: 2.5em;
}

.display-4 {
  font-size: 2em;
}

/* Navbar */

.navbar {
  -webkit-backface-visbility: hidden;
  z-index: 12;
  background-color: var(--bg-light);
}
.navbbar.scrolled-nav {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.navbar .navbar-brand img.logo {
  height: 29px;
}

.navbar.scrolled-nav {
  box-shadow: 0px 0px 23px 2px rgba(34, 34, 34, 0.4);
}

.jobs-search .navbar, .jobs.search .navbar {
  box-shadow: none;
}

.jobs-search .search, .jobs.search .search {
  z-index: 11;
}

.jobs-search .search.sticky, .jobs.search .search.sticky {
  box-shadow: 0px 0px 23px 2px rgba(34, 34, 34, 0.4);
}

.mobile-subnav {
  box-shadow: none;
}

.mobile-subnav {
  box-shadow: none;
  background-color: var(--bg-light);
}

.mobile-subnav a.nav-link {
    
} 

.mobile-subnav.scrolled-nav {
  box-shadow: 0px 0px 23px 2px rgba(34, 34, 34, 0.4);
}

/* end Navbar */

.facet-section {
  background: var(--white);
  /* display: none; */
  font-size: 12px;
}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
  .facet-section {
    display: block;
    height: auto;
    margin: 0 0 30px 0;
    position: relative;
    z-index: 0;
  }
}

@media (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }
  .row-offcanvas-right .sidebar-offcanvas {
    right: -71.6%;
    padding: 0 30px 0 10px;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -71.6%;
    padding: 0 10px 0 30px;
  }
  .row-offcanvas-right.active {
    right: 71.6%;
  }
  .row-offcanvas-left.active {
    left: 71.6%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 71.6%;
  }
}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
  h1 {
    font-size: 2.441em;
  }
  h2 {
    font-size: 1.953em;
  }
  h3 {
    font-size: 1.563em;
  }
  h4 {
    font-size: 1.25em;
  }
  .display-1 {
    font-size: 6em;
  }
  .display-2 {
    font-size: 5.5em;
  }
  .display-3 {
    font-size: 4.5em;
  }
  .display-4 {
    font-size: 3.5em;
  }
  .navbar .navbar-brand img.logo {
    height: 57px;
    transition-property: height;
    transition-duration: 200ms;
    transition-timing-function: linear;
    transition-delay: 0s;
  }
  .navbar.scrolled-nav .navbar-brand img.logo {
    height: 29px;
    transition-property: height;
    transition-duration: 200ms;
    transition-timing-function: linear;
    transition-delay: 0s;
  }
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
  html, body {
    font-size: 16px !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}


/*Styles for IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .job-category div.title{
      padding: 25% 0 0 0 !important;
  }
}
.tooltip > .tooltip-inner {
  background-color: var(--primary);
}

.tooltip > .arrow::before {
  border-top-color: var(--primary);
}

.fas.fa-flag {
  color: var(--red);
}

.fas.fa-star {
  color: var(--warning);
}