body {
  transition: background-color .1s;
  overflow-x: hidden; }

.hide {
  display: none; }

.navs {
  background: linear-gradient(179.83deg, #50215E 0%, #370D44 100%); }

.nav-item {
  margin-right: 20px; }

.nav-link {
  color: #B2A4B4;
  font-family: "museo_sans_rounded100";
  text-transform: uppercase;
  font-size: 11px; }

.nav-link:after {
  display: block;
  content: '';
  border-bottom: solid 2px #B2A4B4;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out; }

.nav-link:hover:after {
  transform: scaleX(1); }

.nav-link.fromLeft:after {
  transform-origin: 0% 50%; }

.nav-link:hover {
  color: #FFFFFF; }

.navbar-brand {
  margin-right: 40px; }

.nav-link.active {
  color: #FFFFFF; }

.navbar-collapse {
  width: 260px; }

.nav-link > img {
  margin-right: 7px;
  padding-bottom: 5px; }

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background: linear-gradient(179.83deg, #50215E 0%, #370D44 100%);
  overflow-x: hidden;
  transition: 0.1s; }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #B2A4B4;
    display: block;
    transition: 0.3s;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .sidenav a > img {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-bottom: 4px; }
  .sidenav i {
    margin-right: 10px; }
  .sidenav a:hover, .sidenav .offcanvas a:focus {
    color: #f1f1f1; }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 15px;
    opacity: 0.8;
    font-size: 50px;
    margin-left: 50px;
    color: #b2a4b4;
    line-height: 54px;
    font-weight: 100; }

#main {
  transition: margin-left .5s;
  padding: 16px; }

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px; }
  .sidenav a {
    font-size: 16px; } }

.c-name {
  font-size: 12px;
  text-transform: capitalize; }

.sidenav-main {
  height: 60px;
  width: 100%;
  padding: 10px 10px 10px 25px;
  background-color: rgba(255, 255, 255, 0.05);
  margin-bottom: 20px; }
  .sidenav-main a {
    padding-left: 10px;
    text-transform: inherit;
    font-size: 12px;
    margin-top: 5px;
    color: #FFFFFF; }
  .sidenav-main img:first-of-type {
    height: fit-content;
    margin-top: 8px; }

.fa-times {
  opacity: 0.8;
  color: #B2A4B4;
  font-weight: 100; }

.fa.fa-bars {
  color: #FFFFFF; }

.fa-minus-square:before {
  color: #C8C8C8;
  margin-left: 10px; }

.fa.fa-ellipsis-v {
  color: #A5A5A5;
  vertical-align: middle;
  margin-top: 15px;
  cursor: pointer; }

.navbar-toggler, .navbar-toggler:active {
  border: none;
  outline: none; }

.sidenav-main > .ml-auto {
  padding-top: 5px; }

.divider {
  background-color: rgba(255, 255, 255, 0.2);
  margin: 20px; }

.job-section {
  margin-top: 40px; }
  .job-section #new-job-btn {
    background: linear-gradient(180deg, #F2DCAB 0%, #F7B753 100%);
    color: #4E205C;
    outline: none;
    border: none;
    font-size: 13px;
    line-height: 22px;
    font-weight: bold; }
    .job-section #new-job-btn span {
      padding: 0 30px; }

.main-btn {
  cursor: pointer;
  border-radius: 30px;
  margin-right: 10px;
  line-height: 14px; }
  .main-btn span {
    text-transform: uppercase;
    margin: 0 25px !important;
    color: #B2A4B4;
    font-size: 12px; }

.main-btn.active {
  background-color: #4E205C;
  outline: 0; }
  .main-btn.active span {
    color: #EAEAEA; }

.main-btn.active:hover {
  background-color: #4E205C; }

.main-btn:hover {
  background-color: transparent; }

.cadidate-search-header-box .btn-outline-secondary {
  border-color: #CFCFCF; }

.cadidate-search-header-box .btn-outline-secondary.active {
  background-color: #4E205C;
  border: none;
  border-bottom-color: transparent; }

.cadidate-search-header-box .btn-outline-secondary.active:hover {
  background-color: #4E205C;
  color: #FFFFFF; }

.cadidate-search-header-box .btn-outline-secondary:hover {
  background-color: transparent; }

.cadidate-search-header-box p:first-of-type {
  color: #4E205C;
  font-family: "museo_sans_rounded300";
  font-size: 28px;
  margin-bottom: 0; }

.cadidate-search-header-box .btn-outline-success {
  background: linear-gradient(180deg, #F2DCAB 0%, #F7B753 100%);
  color: #4E205C;
  outline: none;
  border: none;
  font-size: 13px;
  line-height: 22px;
  font-weight: bold; }
  .cadidate-search-header-box .btn-outline-success span {
    padding: 0 30px; }

.candidates-section-searches .c-searches-date p:first-of-type {
  font-family: museo_sans_rounded500;
  margin-bottom: 0; }

.candidates-section-searches .c-searches-date p:last-of-type {
  font-family: museo_sans_rounded500;
  margin-bottom: 0; }

.candidates-section-searches .c-searches-university p:first-of-type {
  font-family: museo_sans_rounded500;
  text-transform: capitalize;
  margin-bottom: 0; }

.candidates-section-searches .c-searches-university p:last-of-type {
  font-family: museo_sans_rounded500;
  margin-bottom: 0; }

.candidates-section-searches .c-searches-location p {
  margin-bottom: 0; }

.candidates-section-searches .c-searches-location p:first-of-type {
  font-family: museo_sans_rounded500; }

.candidates-section-searches .c-searches-location p:last-of-type {
  font-family: museo_sans_rounded500; }

.candidates-section-searches .c-searches-rate p {
  margin-bottom: 0; }

.candidates-section-searches .c-searches-rate p:first-of-type {
  font-family: museo_sans_rounded500; }

.candidates-section-searches .c-searches-rate p:last-of-type {
  font-family: museo_sans_rounded500; }

#search-candidates-btn {
  background: linear-gradient(180deg, #F2DCAB 0%, #F7B753 100%);
  color: #4E205C;
  outline: none;
  border: none;
  font-size: 13px;
  line-height: 22px;
  font-weight: bold; }
  #search-candidates-btn span {
    padding: 0 30px; }

.show > .btn-secondary.dropdown-toggle {
  background-color: linear-gradient(179.83deg, #50215E 0%, #370D44 100%); }

.main-btn {
  outline: 0; }

.card-body > img:first-of-type {
  max-width: 100%;
  height: fit-content;
  margin-top: 3px; }

.card {
  margin-top: 10px; }

@media (max-width: 500px) {
  .job-content .card-body > img:first-of-type {
    display: none; } }

.dropdown, .show, .mob-view {
  width: 100% !important;
  text-align: left; }

.show > .btn-secondary.dropdown-toggle, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle, .btn-secondary:hover, .btn-secondary:hover {
  background: linear-gradient(179.83deg, #50215E 0%, #370D44 100%);
  color: #FFFFFF; }

.btn-secondary {
  background: linear-gradient(179.83deg, #50215E 0%, #370D44 100%); }

#candidates-section-bookmarks .container .row .card .card-body img:first-of-type {
  z-index: 1; }

#candidates-section-bookmarks .container .row .card .card-body p:nth-of-type(1):not(:last-of-type) {
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  background-color: #F7B753;
  color: #FFFFFF;
  height: 18px;
  width: 50px;
  border-radius: 4px;
  margin: -5px auto auto auto;
  z-index: 2;
  position: relative; }

#candidates-section-bookmarks .container .row .card .card-body p:nth-of-type(2) {
  color: #747474;
  font-size: 8px;
  line-height: 12px;
  text-align: center;
  margin-bottom: 0; }

#candidates-section-bookmarks .container .row .card .card-body .c-card-content h4 {
  color: #5C4264;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 0; }

#candidates-section-bookmarks .container .row .card .card-body .c-card-content p:first-of-type {
  color: #A5A5A5;
  font-size: 10px;
  line-height: 12px;
  text-align: center; }

.btn-secondary:active {
  border: none; }

.btn-secondary:focus, .btn-secondary.focus {
  border: none;
  box-shadow: none; }

@media (max-width: 575px) {
  #candidates-section-bookmarks .container .row {
    padding-right: 15px;
    padding-left: 15px; }
    #candidates-section-bookmarks .container .row .card {
      display: inline-flex;
      width: 100%;
      margin-bottom: 0; }
      #candidates-section-bookmarks .container .row .card .card-body p:nth-of-type(1):not(:last-of-type), #candidates-section-bookmarks .container .row .card .card-body p:nth-of-type(2) {
        display: none; }
      #candidates-section-bookmarks .container .row .card .card-body .c-card-content h4 {
        font-size: 18px; }
      #candidates-section-bookmarks .container .row .card .card-body .c-card-content p:first-of-type {
        margin: 5px 0 0 0;
        text-align: start;
        font-size: 12px; }
  .card-body > img:first-of-type {
    width: 45px;
    height: 45px;
    margin-top: 0; }
  .candidates-section-bookmarks .row:first-of-type {
    margin: 0; }
  .candidates-section-searches {
    padding: 0 15px; } }

.card-body {
  width: 100%; }

/* rijesenje ali triba napraviti po brakepointima
.card {
  width: 168px;
  max-width: 168px;
  margin: 5px;
}*/
#loadMore {
  margin-top: 20px;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  background-color: #E1E1E1;
  line-height: 18px;
  outline: none; }
  #loadMore a {
    color: #747474;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    margin: 0 30px;
    text-decoration: none; }

.btn:active, .btn:focus {
  outline: none !important;
  box-shadow: none !important; }

.fa-briefcase:before {
  content: "\f0b1";
  height: 10px;
  width: 12px; }

.fa-plus:before {
  content: "\f067";
  width: 11px;
  height: 11px;
  margin-right: 5px;
  font-weight: 100; }

.job-header .btn-outline-secondary {
  padding: 10px 0; }

.input-group-addon {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-right: none;
  box-shadow: none;
  padding-right: 0;
  color: #C8C8C8; }

.c-filter {
  border-left: none;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.c-filter:active, .c-filter:focus {
  outline: none;
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.15); }

.c-filter::-webkit-input-placeholder {
  color: #E1E1E1; }

.c-filter:-moz-placeholder {
  color: #E1E1E1; }

.c-filter::-moz-placeholder {
  color: #E1E1E1; }

.c-filter:-ms-input-placeholder {
  color: #E1E1E1; }

.c-filter:-ms-input-placeholder {
  color: #E1E1E1; }

@media (max-width: 991px) {
  .input-group-addon:not(:last-child) {
    padding-right: 12px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem; } }

@media (max-width: 767px) {
  .input-group-addon {
    display: none; }
  .license-group {
    display: inline-block; } }

@media (max-width: 699px) {
  .card {
    display: flex; } }

.c-name {
  text-transform: unset;
  color: #FFFFFF; }

.c-menu {
  height: fit-content; }

.title-template, .candidates-section-searches .c-searches-date p:first-of-type, .candidates-section-searches .c-searches-university p:first-of-type, .candidates-section-searches .c-searches-location p:first-of-type, .candidates-section-searches .c-searches-rate p:first-of-type {
  color: #B2A4B4;
  font-size: 11px;
  line-height: 13px; }

.data-template, .candidates-section-searches .c-searches-date p:last-of-type, .candidates-section-searches .c-searches-university p:last-of-type, .candidates-section-searches .c-searches-location p:last-of-type, .candidates-section-searches .c-searches-rate p:last-of-type {
  color: #5C4264;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  margin-top: 5px; }

#candidates-section-bookmarks {
  display: none; }

@media (min-width: 576px) and (max-width: 767px) {
  .nav-item {
    margin-right: 2px; }
  .navbar-brand {
    margin-right: 20px; } }

/*
.nav-link::before {
  border-bottom: 3px solid #B2A4B4;
  border-left: 0;
  -webkit-transform-origin: 0% 100%;
}

.nav-link::after {
  border-top: 0;
  border-right: 0;
  -webkit-transform-origin: 50% 50%;
}
*/
.active-focus, .jumbotron #skillInput:active, .jumbotron #skillInput:focus, .jumbotron #select-language:active, .jumbotron #select-language:focus, .jumbotron #reading:active, .jumbotron #reading:focus, .jumbotron #speaking:active, .jumbotron #speaking:focus, .jumbotron #writing:active, .jumbotron #writing:focus, .jumbotron #listening:active, .jumbotron #listening:focus, #select-country:active, #select-country:focus, #select-speciality:active, #select-speciality:focus, #high-school:active, #high-school:focus, #employment-city-input:active, #employment-city-input:focus {
  border-color: #4E205C;
  outline-color: #4E205C; }

.jumbotron-p-template, .jumbotron .j-listening label:first-of-type, .jumbotron .cs-knowledge-skills-form .skill label, .jumbotron .d-license label, .jumbotron .j-language label, .education .education-employment-type > label:first-of-type, .education .education-study-year > label:first-of-type, .education .education-student-type > label:first-of-type, .job-template-section .j-templates-skills p:first-of-type, .job-archives-section .j-archives-skills p:first-of-type, .job-archives-section .j-archives-candidates p:first-of-type, .job-archives-section .j-active-expires p:first-of-type, .candidate-availability-day label, .candidate-availability-hour label, .candidate-user-account .c-account-country label, .candidate-user-account .c-account-city label, .candidate-user-account .c-account-age label, .candidate-user-account .c-account-gender label, .candidate-user-account .c-account-uploads label, .candidate-availability label:first-of-type, .e-row .education-employment-type > label:first-of-type, .e-row .education-study-year > label:first-of-type, .e-row .education-student-type > label:first-of-type, .education-country > label:first-of-type, .education-school > label:first-of-type, .education-speciality > label:first-of-type, .employment .education-employment-type > label:first-of-type, .employment-range-slider > label:first-of-type {
  color: #747474;
  font-size: 11px;
  line-height: 13px;
  font-weight: 500; }

#new-candidate-search {
  visibility: hidden; }

.out {
  margin-right: 10px; }

.form-header {
  width: 100%; }

.plus-btn {
  background-color: #4E205C;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding: 0 0 0 5px;
  cursor: pointer;
  margin-top: 20px; }
  .plus-btn .fa {
    color: #FFFFFF; }

.con-select {
  width: 100%; }

.jumbotron {
  padding: 15px 15px 30px 15px;
  background-color: transparent;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
  .jumbotron .form-header > p:first-of-type {
    color: #4E205C;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 500; }
  .jumbotron .form-header > .ml-auto > p {
    color: #A5A5A5;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    padding-top: 3px; }
  .jumbotron .licenses-type > label {
    margin-right: 10px; }
    .jumbotron .licenses-type > label span {
      color: #220E28;
      font-size: 12px;
      line-height: 14px;
      font-weight: 500; }
  .jumbotron #select-language {
    color: #C8C8C8;
    font-size: 14px;
    padding: 0 12px;
    height: 30px;
    width: 210px;
    line-height: 15px;
    box-shadow: none; }
    .jumbotron #select-language option:not(:first-child) {
      color: #111111; }
    .jumbotron #select-language option:hover {
      background-color: #4E205C; }
  .jumbotron .license-group {
    width: 100%; }
    .jumbotron .license-group label {
      border: 1px solid #C8C8C8;
      color: #4E205C; }

.education #employment-year-select > .btn {
  line-height: 14px; }

.active-button, #education-year-of-study .btn-light.active, .candidate-availability-day .btn-outline.active, .candidate-user-account .c-account-gender .btn-light.active, .candidate-user-account .c-account-uploads .btn-light.active, #candidate-availability-year .btn-outline.active, #study-year-select .btn-light.active, #student-type-select .btn-light.active, .license-group .btn-light.active, .employment .btn-light.active {
  background-color: #4E205C;
  color: #FFFFFF; }

.default-btn, #education-year-of-study .btn-light, .candidate-user-account .c-account-gender .btn-light, .candidate-user-account .c-account-uploads .btn-light, #study-year-select .btn-light, #student-type-select .btn-light, .license-group .btn-light, .employment .btn-light {
  background-color: #FFFFFF;
  color: #4E205C;
  border: 1px solid #C8C8C8;
  font-weight: 500; }

#education-year-of-study label {
  font-size: 11px;
  line-height: 4px;
  font-weight: 500; }

#education-year-of-study .btn-light {
  border-radius: 0; }

#education-year-of-study .btn {
  margin-right: 10px; }

.purple-outline-btn, #candidate-availability-year .btn-outline {
  background-color: #FFFFFF;
  color: #4E205C;
  border: 1px solid #5C4264;
  font-weight: 500;
  line-height: 11px;
  padding-left: 0;
  padding-right: 0;
  font-family: "museo_sans_rounded500";
  border-radius: 20px !important; }

.job-template-section {
  display: none;
  margin-top: 25px; }
  .job-template-section .j-templates-skills p:first-of-type {
    margin-bottom: 0;
    font-family: "museo_sans_rounded500";
    text-transform: uppercase; }
  .job-template-section .j-templates-skills p:last-of-type {
    color: #5C4264;
    font-family: "museo_sans_rounded500";
    font-size: 16px;
    margin-bottom: 0; }
  .job-template-section .j-templates-updated p:first-of-type {
    color: #B2A4B4;
    font-family: "museo_sans_rounded500";
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 0; }
  .job-template-section .j-templates-updated p:last-of-type {
    color: #5C4264;
    font-family: "museo_sans_rounded500";
    font-size: 16px;
    margin-bottom: 0; }
  .job-template-section .rounded-images {
    width: 40px;
    height: 40px;
    background-color: rgba(216, 216, 216, 0.5);
    border-radius: 20px;
    position: relative; }
    .job-template-section .rounded-images img {
      height: 18px;
      width: 18px;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute; }

.pagination .page-item .page-link {
  color: #4E205C; }

.pagination .page-item :hover, .pagination .page-item :focus {
  background: linear-gradient(179.83deg, #50215E 0%, #370D44 100%);
  color: #FFFFFF; }

.job-archives-section {
  display: none;
  margin-top: 25px; }
  .job-archives-section .j-archives-skills p:first-of-type {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 11px;
    font-family: "museo_sans_rounded500"; }
  .job-archives-section .j-archives-skills p:last-of-type {
    color: #5C4264;
    font-family: "museo_sans_rounded500";
    font-size: 16px;
    margin-bottom: 0; }
  .job-archives-section .j-archives-candidates p:first-of-type {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: "museo_sans_rounded500"; }
  .job-archives-section .j-archives-candidates p:last-of-type {
    color: #5C4264;
    font-family: "museo_sans_rounded500";
    font-size: 16px;
    margin-bottom: 0; }
  .job-archives-section .j-active-expires p:first-of-type {
    font-family: "museo_sans_rounded500";
    margin-bottom: 0;
    text-transform: uppercase; }
  .job-archives-section .j-active-expires p:last-of-type {
    color: #5C4264;
    font-family: "museo_sans_rounded500";
    font-size: 16px;
    margin-bottom: 0; }
  .job-archives-section .rounded-images {
    width: 40px;
    height: 40px;
    background-color: rgba(216, 216, 216, 0.5);
    border-radius: 20px;
    position: relative; }
    .job-archives-section .rounded-images img {
      height: 15px;
      width: 15px;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute; }

.card-title-template, .job-template-section .j-templates-title p:first-of-type, .job-archives-section .j-archives-title p:first-of-type, .job-active-section .j-active-title p:first-of-type {
  color: #5C4264;
  font-size: 18px;
  font-family: museo_sans_rounded700;
  font-weight: bold;
  margin-bottom: 0; }

.card-p-template, .job-template-section .j-templates-title p:last-of-type, .job-archives-section .j-archives-title p:last-of-type, .job-active-section .j-active-title p:last-of-type {
  color: #A5A5A5;
  font-size: 12px;
  margin-bottom: 0;
  font-family: museo_sans_rounded500; }

::-webkit-scrollbar {
  width: 8px;
  height: 15px;
  border-radius: 5px; }

::-webkit-scrollbar-track {
  width: 8px;
  background: #E1E1E1; }

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  opacity: 1;
  width: 8px;
  height: 15px; }

::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background: linear-gradient(179.83deg, #50215E 0%, #370D44 100%);
  height: 15px; }

@keyframes changeBorder {
  0% {
    background-color: #C0CD23;
    height: 100%;
    bottom: 0; }
  25% {
    background-color: #2d9687;
    height: 75%;
    bottom: 0; }
  50% {
    background-color: #F7B753;
    height: 50%;
    bottom: 0; }
  100% {
    background-color: darkred;
    height: 10%;
    bottom: 0; } }

.job-active-section {
  margin-top: 25px; }
  .job-active-section .card .job-active-status {
    animation: changeBorder 7s linear infinite;
    width: 7px;
    position: absolute;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    background-color: black;
    will-change: background-color, height; }
  .job-active-section .j-active-desc p:first-of-type {
    color: #5C4264;
    font-family: "museo_sans_rounded500";
    font-size: 16px;
    margin-bottom: 0; }
  .job-active-section .j-active-desc p:last-of-type {
    color: #A5A5A5;
    font-family: "museo_sans_rounded500";
    font-size: 12px;
    margin-bottom: 0; }
  .job-active-section .j-active-expires p:first-of-type {
    color: #B2A4B4;
    font-family: "museo_sans_rounded500";
    font-size: 11px;
    margin-bottom: 0;
    text-transform: uppercase; }
  .job-active-section .j-active-expires p:last-of-type {
    color: #5C4264;
    font-family: "museo_sans_rounded500";
    font-size: 16px;
    margin-bottom: 0; }
  .job-active-section .rounded-images {
    width: 40px;
    height: 40px;
    background-color: rgba(216, 216, 216, 0.5);
    border-radius: 20px;
    position: relative; }
    .job-active-section .rounded-images img {
      height: 18px;
      width: 18px;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute; }

.candidate-availability-day label {
  line-height: 13px; }

.candidate-availability-day .btn-outline {
  background-color: #FFFFFF;
  color: #4E205C;
  border: 1px solid #5C4264;
  font-weight: 500;
  padding: 6px 0;
  font-family: "museo_sans_rounded500";
  border-radius: 20px !important;
  margin-right: 10px;
  box-shadow: none; }
  .candidate-availability-day .btn-outline span {
    margin: auto 20px;
    font-size: 12px; }

.candidate-availability-day .btn-outline.active {
  box-shadow: none; }

.availability-btn-addMore {
  background-color: rgba(178, 164, 180, 0.2); }

.candidate-availability-hour {
  margin-top: 30px; }
  .candidate-availability-hour #availability-hour-start, .candidate-availability-hour #availability-hour-end {
    height: 30px;
    padding-top: 0;
    padding-bottom: 0; }
  .candidate-availability-hour p {
    display: inherit;
    color: #220E28;
    font-family: "museo_sans_rounded500";
    font-size: 12px;
    margin-right: 25px;
    margin-left: 25px; }

.candidate-user-account .c-account-country #account-select-country {
  height: 30px;
  border: 1px solid #C8C8C8;
  width: 210px;
  border-radius: 2px;
  background-color: #FFFFFF;
  color: #C8C8C8;
  font-family: "museo_sans_rounded500";
  font-size: 14px; }
  .candidate-user-account .c-account-country #account-select-country option:not(:first-child) {
    color: #111111; }

.candidate-user-account .c-account-city #account-select-city {
  height: 30px;
  width: 210px;
  border: 1px solid #C8C8C8;
  border-radius: 2px;
  color: #C8C8C8;
  font-family: "museo_sans_rounded500";
  font-size: 14px; }

.candidate-user-account .c-account-age .min-age, .candidate-user-account .c-account-age .max-age {
  color: #220E28;
  font-family: "museo_sans_rounded700";
  font-size: 12px; }

.candidate-user-account .c-account-age .min-age {
  margin-right: 15px; }

.candidate-user-account .c-account-age .max-age {
  margin-left: 15px; }

.candidate-user-account .c-account-gender .btn-light {
  padding: 4px; }

.candidate-user-account .c-account-gender .btn {
  margin-right: 10px; }

.candidate-user-account .c-account-uploads .btn-light {
  padding: 4px; }

.candidate-user-account .c-account-uploads .btn {
  margin-right: 10px; }

#candidate-availability-year label {
  font-size: 13px;
  line-height: 13px;
  font-weight: 500; }

#candidate-availability-year .btn-outline {
  margin-right: 10px;
  margin-bottom: 12px;
  box-shadow: none;
  padding-top: 6px;
  padding-bottom: 6px; }
  #candidate-availability-year .btn-outline span {
    margin: auto 20px;
    font-size: 12px; }

#candidate-availability-year .btn-outline.active {
  box-shadow: none; }

.candidate-availability label:first-of-type {
  margin-bottom: 10px; }

#study-year-select label {
  font-size: 11px;
  line-height: 4px;
  font-weight: 500; }

#study-year-select .btn-light {
  border-radius: 0; }

#study-year-select .btn {
  margin-right: 10px; }

#student-type-select label {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500; }

#student-type-select .btn:first-of-type {
  margin-right: 10px; }

.license-group .btn {
  line-height: 5px !important;
  font-size: 12px;
  font-family: "museo_sans_rounded500"; }

.license-group .btn-light {
  border-radius: 0; }

#listening, #reading, #speaking, #writing, #employment-select-country {
  padding: 0 12px;
  height: 30px; }

#select-country {
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }
  #select-country option:not(:first-of-type) {
    color: #333;
    font-size: 14px;
    line-height: 14px; }

#select-speciality {
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }
  #select-speciality option:not(:first-of-type) {
    color: #333;
    font-size: 14px;
    line-height: 14px; }

#high-school {
  height: 30px;
  width: 270px;
  padding-top: 4px; }

#high-school::-webkit-input-placeholder {
  color: #C8C8C8;
  font-size: 14px; }

#high-school:-moz-placeholder {
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }

#high-school::-moz-placeholder {
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }

#high-school:-ms-input-placeholder {
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }

#skillInput::-webkit-input-placeholder {
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }

#skillInput:-moz-placeholder {
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }

#skillInput::-moz-placeholder {
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }

#skillInput:-ms-input-placeholder {
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }

#select-country {
  height: 30px;
  width: 210px;
  padding: 0 12px; }

#select-speciality {
  height: 30px;
  width: 270px;
  padding: 0 12px; }

.employment label {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500; }

.employment .btn-light {
  padding: 4px; }

.employment .btn {
  margin-right: 10px; }

.employment #employment-select-country {
  width: 210px;
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }
  .employment #employment-select-country option:not(:first-of-type) {
    color: #333;
    font-size: 14px;
    line-height: 14px; }

.employment #employment-city-input {
  width: 570px;
  height: 30px;
  color: #C8C8C8;
  font-size: 14px;
  line-height: 14px; }
  .employment #employment-city-input option:not(:first-of-type) {
    color: #333;
    font-size: 14px;
    line-height: 14px; }

.slider-handle {
  background: #4E205C; }

.slider-selection {
  background: #F7B753; }

.slider-track-low, .slider-track-high {
  background: #EAEAEA; }

.employment-range-slider > span {
  color: #220E28;
  font-family: "museo_sans_rounded700";
  font-size: 12px;
  line-height: 14px; }

.employment-range-slider > .min-tooltip {
  margin-right: 15px; }

.employment-range-slider > .max-tooltip {
  margin-left: 15px; }

@media (min-width: 575px) {
  #candidates-section-bookmarks .container .row {
    display: flex;
    justify-content: space-between;
    flex-direction: row; }
    #candidates-section-bookmarks .container .row:after {
      content: "";
      flex-basis: 66%; }
    #candidates-section-bookmarks .container .row .card {
      width: 170px;
      margin-bottom: 20px;
      box-sizing: border-box; } }

/*


@media (min-width: 992px) and (max-width: 1199px) {
  #candidates-section-bookmarks .container .row{

    &:after {
      content: "";
      flex-basis: 17%;
    }
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #candidates-section-bookmarks .container .row{

    &:after {
      content: "";
      flex-basis: 49%;
    }
  }
}

@media (min-width: 575px) and (max-width: 767px) {
  #candidates-section-bookmarks .container .row{

    &:after {
      content: "";
      flex-basis: 31%;
    }
  }
}

*/
.select2-search__field {
  position: relative; }

.select2-selection__clear {
  display: none; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: linear-gradient(179.83deg, #50215E 0%, #370D44 100%);
  color: #FFFFFF; }

.select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:active {
  border: 1px solid #4E205C;
  outline: none; }

.select2-selection.select2-selection--single {
  outline: none;
  box-shadow: none; }

#select-speciality {
  position: relative; }

.spinner {
  background: url("../img/spinner.png") no-repeat center;
  color: transparent;
  width: 33px;
  height: 37px;
  position: absolute;
  right: 15px;
  top: 10px;
  background-size: 65%;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite; }

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