:root {
  --color: 29,84,82;
  --hexcolor:#1d5452; }

a, h1, .h1, h2, .h2, .text-primary, .btn-default, .btn-signin, .btn-signin, .btn-link, .control-label, .label-featured, .pagination > li > a, .pagination > li > span, .navbar-nav > li > a, .modal-title, .slick-loading .slick-list:before, .slick-next:before, .slick-prev:before, .slick-dots li button:before, .page-header-menu .navbar-nav > li > a, .job-title, .candidate-title, .document-name, .home-plan-name, .home-plan-icon, .home-plan-price {
  color: var(--hexcolor); }

.btn-default:active, .btn-signin:active,
.btn-default:hover,
.btn-signin:hover,
.btn-default:focus,
.btn-signin:focus,
.btn-default.active.focus,
.active.focus.btn-signin, .btn-default.active:focus, .active.btn-signin:focus, .btn-default.active:hover, .active.btn-signin:hover, .btn-default:active.focus, .btn-signin:active.focus, .btn-default:active:focus, .btn-signin:active:focus, .btn-default:active:hover, .btn-signin:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.focus.btn-signin, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-signin:focus, .open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-signin:hover {
  background-color: var(--hexcolor);
  border-color: var(--hexcolor); }

.btn-default.disabled:hover, .disabled.btn-signin:hover, .btn-default[disabled]:hover, .btn-signin[disabled]:hover, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-signin:hover, .btn-default.disabled:focus, .disabled.btn-signin:focus, .btn-default[disabled]:focus, .btn-signin[disabled]:focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-signin:focus, .btn-default.disabled.focus, .disabled.focus.btn-signin, .btn-default[disabled].focus, .btn-signin[disabled].focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .focus.btn-signin {
  color: var(--hexcolor); }

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

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

.btn-primary-outline:active,
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.active.focus, .btn-primary-outline.active:focus, .btn-primary-outline.active:hover, .btn-primary-outline:active.focus, .btn-primary-outline:active:focus, .btn-primary-outline:active:hover, .open > .dropdown-toggle.btn-primary-outline.focus, .open > .dropdown-toggle.btn-primary-outline:focus, .open > .dropdown-toggle.btn-primary-outline:hover {
  background-color: var(--hexcolor);
  border-color: var(--hexcolor); }

.form-control:focus {
  border-color: var(--hexcolor); }

.label-primary,
.label-premium {
  background-color: var(--hexcolor);
  border-color: var(--hexcolor); }

.label-primary-outline,
.label-standard,
.label-standardplus {
  color: var(--hexcolor);
  border-color: var(--hexcolor); }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--hexcolor); }

.dropdown-menu {
  border-color: var(--hexcolor);
  background-color: var(--hexcolor); }

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background-color: var(--hexcolor);
  border-color: var(--hexcolor); }

input:checked + .switch-slider,
input:checked + input + .switch-slider {
  background-color: var(--hexcolor); }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--hexcolor); }

.checkbox label::after {
  color: var(--hexcolor); }

.radio label::after {
  background-color: var(--hexcolor); }

.loading.la {
  color: var(--hexcolor); }

@-webkit-keyframes highlighter {
  0% {
    box-shadow: 0 0 0 8px #fff, 0 0 0 16px var(--hexcolor); } }

@keyframes highlighter {
  0% {
    box-shadow: 0 0 0 8px #fff, 0 0 0 16px var(--hexcolor); } }

.ui-state-focus {
  background-color: var(--hexcolor) !important; }

.nav-icon span:nth-child(1),
.nav-icon span:nth-child(2) {
  background: var(--hexcolor); }

.nav-icon span:nth-child(3),
.nav-icon span:nth-child(4) {
  background: var(--hexcolor); }

.nav-icon span:nth-child(5),
.nav-icon span:nth-child(6) {
  background: var(--hexcolor); }

.page-header-menu .navbar-secondary {
  background: var(--hexcolor); }

.btn-signin {
  color: var(--hexcolor) !important; }

.btn-signin:hover,
.btn-signin:focus {
  background-color: var(--hexcolor) !important; }

.job-list-container .job-list.premium {
  background-color: rgba(var(--color), 0.8); }
  .job-list-container .job-list.premium .btn-primary-outline {
    color: var(--hexcolor); }

.signin-reg-left-panel::before {
  background-color: var(--hexcolor); }

.gal-item a:after {
  background-color: rgba(var(--color), 0.75); }

.modal-open .gal-item button.close {
  background-color: var(--hexcolor); }

.preview-images-zone {
  background-color: rgba(var(--color), 0.05); }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  background-color: var(--hexcolor);
  border-color: var(--hexcolor); }

.screening-questions-container {
  border-color: var(--hexcolor); }

.btn-group-tab .btn-active {
  background-color: var(--hexcolor);
  border-color: var(--hexcolor); }

.page-featured-image {
  background-color: var(--hexcolor); }

.hero-container {
  background-color: var(--hexcolor); }

.recommended-jobs-container .slick-slide {
  box-shadow: 0 0 0 1px rgba(var(--color), 0.6); }
  .recommended-jobs-container .slick-slide:hover {
    box-shadow: 0 0 0 3px var(--color); }

.joinus-icons .la {
  background-color: var(--hexcolor); }

.slide-up-thumbnail-summary {
  background-color: rgba(var(--color), 0.95); }

.img-background {
  background-color: var(--hexcolor); }

.plan-list .plan-list-flex-row:not(.bg-transparent):hover, .plan-list .plan-list-flex-row:not(.bg-transparent):focus {
  border-color: var(--hexcolor); }

.btn-checkbox input[type="checkbox"].styled:checked + label:after, .btn-checkbox input[type="radio"].styled:checked + label:after {
  background-color: var(--hexcolor); }

.plan-list > .plan-list-flex-row:first-of-type {
  background-color: var(--hexcolor); }

.home-plan-item:hover, .home-plan-item:focus {
  box-shadow: 0 0 0 1px var(--hexcolor); }

@media (max-width: 767px) {
  .navbar-right .dropdown-menu > li > a {
    color: var(--hexcolor); } }

footer {
  background-color: var(--hexcolor); }