/* Bg */
body.cv_search-outer .pContentWrapper {
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
}
.select {
    background: #fff;
}
.candidate_results_wrap a.button {
    display: none;
}

/*Top bar*/
.cv_search_topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
    margin: 0 0 30px 0;
}
.cv_search_topbar > div {
    width: calc(50%);
    display: flex;
    align-items: center;
}
.cv_search_topbar > div label {
    margin-right: 15px;
}
.sorting .select {
    width: 180px;
    margin-right: 10px;
}
.asc_desc_item {
    display: flex;
    align-items: center;
}
.asc_desc_item .radio_option {
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    border-radius: 3px;
}
.asc_desc_item .radio_option > input{
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin: 0;
    position: absolute;
    background-color:transparent;
    left: 0;
    top: 0;
    font-size: 0;
    line-height: 0;
    border-radius: 0;
    border:0;
}
.asc_desc_item .radio_option > input:before,.asc_desc_item .radio_option > input:checked:after{
    display:none;
}
.asc_desc_item .radio_option > input{
    background-image:url(asc.svg);
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}
.asc_desc_item .radio_option > input[value="desc"] {
    background-image: url(desc.svg);
}
.asc_desc_item .radio_option > input:not(:checked){
    opacity:0.5;
}

.cv_search_topbar > div.sorting {
    justify-content: flex-end;
}
.countinfo {
    font-size: 2rem;
    font-weight: bold;
    color: #454545;
}

/*Results*/
.candidate_items .candidate_item{
    display: block;
    text-decoration: none;
    color: #454545;
    box-shadow: 0 5px 10px rgb(0 0 0 / 5%);
    padding: 20px 30px;
    border-radius: 5px;
    margin: 0 0 15px 0;
    background-color: #fff;
}
.candidate_items .candidate_item:hover{
    -webkit-filter: brightness(1);
    filter: brightness(1);
    background: #fdfdfd;
}
.candidate_items .candidate_item:focus {
    color: #454545;
}
.candidate_items .candidate_item .candidate_photo {
    width: 70px;
    height: 70px;
    margin: 0 20px 0 0;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
}
.candidate_items .candidate_item h3 {
    margin: 0;
}
.candidate_items .candidate_item .candidate_tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.candidate_items .candidate_item .cand_tag {
    margin: 10px 10px 0 0;
    padding: 2px 12px;
    background: #00a7e6;
    border-radius: 3px;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #fff;
}
.candidate_top {
    display: flex;
    justify-content: space-between;
}
.candidate_top_wrapper {
    display: flex;
}
.candidate_info .actIlCvsUpdated {
    font-size: 1.4rem;
    color: #999;
    font-weight: normal;
}
.candidate_info .actIlCvsUpdated span {
    font-weight: normal;
}
.candidate_info {
    text-align: right;
}
.candidate_info span {
    font-weight: bold;
}
.candidate_content_wrapper .city:before {
    content: '\f3c5';
    font-family: "Font Awesome 5 Pro";
    font-size: 1.6rem;
    top: calc(50% - 10px);
    left: 20px;
    right: 0;
    margin-right: 10px;
    font-weight: bold;
}


/*Search hook*/
.search_hook_candidates{
    margin:0 0 30px 0;
}
.search_hook_candidates > form > div {
    width: calc((100% / 5) - 15px);
    margin: 0 0 10px 0;
    font-size: 0;
    line-height: 0;
}
.search_hook_candidates > form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.search_hook_candidates > form > div.candidate_search_button {
    padding-top: 14px;
}
.search_hook_candidates > form > div.candidate_search_button > .button {
    width: 100%;
    margin: 0;
}

/*Candidate detail*/
body.special_candidate_detail .pContentWrapper {
    background: transparent;
    padding: 0;
    border: 0;
    box-shadow: none;
}
.candidate_photo {
    max-width: 140px;
    border-radius: 10px;
    overflow: hidden;
}

.cvd_widget{
    padding:30px;
    background-color:#fff;
    border-radius:10px;
    margin:0 0 30px 0;
}
.candidate_photo{
    margin:0 0 25px 0;
}
.cvd_item{
    margin:0 0 15px 0;
}
.cvd_item label{
    font-size:1.4rem;
    line-height:2rem;
    color:#808493;
}



.cn_label,.expi_label{
    font-size:1.4rem;
    line-height:1.7rem;
    color:#808493;
    margin:0 0 3px 0;
}
.cn_value.cn_imp{
    font-weight:bold;
}
.cvd_work_exp.has_descr{
    cursor:pointer;
}
.cvd_work_exp,.cvd_edu_widget{
    margin:0 0 10px 0;
}
.exp_title {
    font-weight: bold;
    transition: 0.2s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.cvd_work_exp.has_descr:hover .exp_title{
    color:#00a7e6;
}
.exp_item_descr{
    overflow:hidden;
} 
.exp_item_descr .expi_label {
    margin-top: 20px;
}
.exp_item_footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top:12px;
    flex-wrap: wrap;
}
.exp_item_footer_item {
    width: 50%;
}
.exp_item_descr{
    overflow:hidden;
} 
.exp_item_descr .expi_label {
    margin-top: 20px;
}
.ccv_item {
    margin: 0 0 20px 0;
}
.ls_item {
    display: flex;
    margin: 0 0 2px 0;
    justify-content: space-between;
}
.ls_label {
    width: 150px;
}
.ls_value {
    width: calc(100% - 150px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lsv_block {
    width: calc(25% - 3px);
    height: 8px;
    border-radius: 5px;
    background-color: #C0F3F1;
}
/*Excellent or not specified*/
.ls_value[data="1"] .lsv_block,.ls_value[data="0"] .lsv_block{
    background-color: #06beb6;
}
/*Good*/
.ls_value[data="2"] .lsv_block:nth-child(1),
.ls_value[data="2"] .lsv_block:nth-child(2),
.ls_value[data="2"] .lsv_block:nth-child(3){
    background-color: #06beb6;
}
/*Average*/
.ls_value[data="3"] .lsv_block:nth-child(1),
.ls_value[data="3"] .lsv_block:nth-child(2){
    background-color: #06beb6;
}
/*Low*/
.ls_value[data="4"] .lsv_block:nth-child(1){
    background-color: #06beb6;
}
/*Bad*/
.ls_value[data="5"] .lsv_block{
    background-color: #C0F3F1;
}

.language_name {
    font-weight: bold;
}

.candidate_content_wrapper h3 span {
    font-weight: normal;
}
a.candAdvDetailEmail.button {
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
}

@media (max-width: 767px) {
    .search_hook_candidates > form > div {
        width: 100%;
        margin: 0 0 5px 0;
    }
    .candidate_top {
        flex-direction: column;
    }
    .candidate_info {
        text-align: left;
        margin: 20px 0 0;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}