body {
    overflow-y: scroll;
}
.wrap {
    position: relative;
    background: #F6F6F9;
    line-height: normal;
}

/* Separation between left and right side of the page */
.content {
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 26px;
    width: fit-content;
    width: -moz-fit-content;
    min-height: 760px;
}
.content--noJobFound{
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 40px;
    width: fit-content;
    width: -moz-fit-content;
}
.content__rightLeftSide {
    display: flex;
    min-height: 100%;
}
.content__holder {
    display: inline-block;
    vertical-align: top;
}
.content__leftSide {
    /*min-width: 600px;*/
    display: flex;
    flex-direction: column;
    /*gap: 16px;*/
}
.content__rightSide {
    min-width: 680px;
    margin-left: 24px;
    position: relative;
    align-items: stretch;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.content__rightSide.isActive {
    opacity: 1;
}
/* CSS specific for styling according to the side */
.content__rightSide .card--salary {
    padding: 0px;
    margin-bottom: 0px;
}
.content__rightSide .card.card--preview {
    width: 680px;
}

.autocomplete-suggestions{
    margin-top: 21px;
    margin-left: 0px;
}

/* Plain text */
.card-page-title{
    font-size: 12px;
    line-height: 18px;
    color: var(--nero);
    margin-bottom: 12px;
}

/* Filters */
.c-search-bar__filters--wrapper{
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    display: flex;
    justify-content: center;
}
.jobFilters_holder{
    display: flex;
    align-items: center;
    gap: 16px;
}
.jobFilters_wrap{
    width: 100%;
    display: flex;
    gap: 16px;
    margin: 0 auto;
}
.jobFilters__listFilters {
    list-style: none;
    background: white;
    padding-left: 0px;
    box-shadow: 0px 12px 28px rgba(48, 55, 61, 0.2);
    position: absolute;
    display: none;
    border-radius: 8px;
    overflow-y: auto;
    margin-top: 12px;
    overflow-x: hidden;
    max-height: 358px;
    z-index: 1000;
    padding: 10px 0px;
    top: 250px;
    min-width: 200px;
}
.jobFilters__nvFilters--company{
    position: relative;
}
.jobFilters__listFilters--company{
    position: relative;
    display: none;
    top: unset;
    padding: 0;
    margin: 0;
    box-shadow: none;
    transition: all 500ms ease-out;
}
#filter-company.selected_filter{
    padding-right: 34px;
}
.jobFilters__clearTextBoxCta {
    position: absolute;
    right: 5px;
    z-index: 10;
    padding: 10px 14px;
    background-image: url("https://cdn-dynamic.talent.com/ajax/img/get-svg.php?icon=new_close_button&size=8&color=691f74");
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
    height: 100%;
}
.jobFilters__listFilters--company {
    width: 252px;
    height: 40px;
    background-color: #FFFFFF;
    background-image: url("https://cdn-dynamic.talent.com/ajax/img/get-svg.php?icon=ios_search_right&size=20&color=222222");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-y: center;
    background-position-x: 21px;
    border: 1px solid #691F74;
    border-radius: 100px;
    padding-left: 44px;
}
.jobFilters__listFilters--company input:hover{
    background-color: #fff;
}
.jobFilters__filter {
    padding: 0px;
    background: white;
    cursor: pointer;
    color: var(--grey);
    user-select: none;
    display: flex;
    flex-direction: column;
}
.jobFilters__nvFilters{
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 100px;
    padding: 11px 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.jobFilters__nvFilters:hover{
    border-color: #676767;
    background-color: rgba(246, 246, 249, 0.2);
}
.jobFilters__label{
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: var(--grey);
    cursor: pointer;
}
.jobFilters__label--company{
    max-width: 97px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jobFilters__header{
    display: none;
}
input.jobFilters__checkbox{
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}
.jobFilters__filter .checkbox-wrapper:last-child{
    margin-bottom: 0;
}
.jobFilters__filter .checkbox-wrapper{
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
}
.jobFilters__filter .checkbox-wrapper:hover{
    background-color: #F6F6F9;
}
.filter__arrow{
    transition: .5s;
    min-width: 8px;
    min-height: 10px;
}
.jobFilters__filter--company {
    padding: 0px 16px 12px;
}
.jobFilters__filter--company:first-child{
    padding: 12px 16px;
}
.jobFilters__filter--company button, .button--reset{
    display: none;
}
.jobFilters__filter--company.jobFilters__header{
    display: block;
}
.jobFilters__filter .checkbox-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    padding: 6px 30px 6px 46px;
}

/* Active filter */
.click_filter {
    border: 1px solid var(--purple);
}
.click_filter:hover {
    border: 1px solid var(--purple);
}
.click_filter .jobFilters__label{
    color: var(--purple);
}
.click_filter .filter__arrow{
    transition: .5s;
    transform: rotate(-180deg);
}
.click_filter svg path{
    fill: var(--purple);
}

.selected_filter {
    border: 1px solid var(--purple);
}
.selected_filter:hover {
    border: 1px solid var(--purple);
}
.selected_filter .jobFilters__label{
    color: var(--purple);
}
.selected_filter .filter__arrow{
    transform: rotate(180deg);
}
.selected_filter svg path{
    fill: var(--purple);
}
.jobFilters__filter .checkbox-label.jobFilters__filter--selectedLabel{
    font-weight: 600;
    color: var(--purple);
}
.jobFilters__filter .checkbox-label span {
    top: 0;
    bottom: 0;
    margin: auto 16px;
}
.jobFilters__nvFilters--workplace svg{
    margin-bottom: 2px;
}
/* Radio button active filter*/
.jobFilters__filter--selectedLabel{
    pointer-events: none;
}

/* Feedback */
.feedback-title{
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    font-style: normal;
}

.feedback-labels{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.feedback-label{
    display: block;
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    font-style: normal;
}

.card--feedback {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    margin: 0 0 16px;
}

.card--feedback-thanks {
    padding: 16px;
}

.card--feedback-thanks .thanks{
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}

.card--feedback-stars .radio_stars{
    position: absolute;
    left: -9999px;
}

.card--feedback-stars .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.card--feedback-stars .feedback-labels{
    display: none;
}

/* STARS OPTION */
.card--feedback-stars .radio_stars + label {
    width: 20.5px;
    height: 16px;
    border: 0;
    display: inline-block;
    cursor: pointer;
}

.radio_stars + label[for=star1],
.radio_stars + label[for=star2],
.radio_stars + label[for=star3],
.radio_stars + label[for=star4],
.radio_stars + label[for=star5]{
    background: no-repeat center url('https://cdn-static.talent.com/img/home-page/feedback/img-star-hover.png');
    -webkit-filter: brightness(1.15) grayscale(100%);
    filter: brightness(1.15) grayscale(100%);
    background-size: contain;
}

/* HOVER */
.radio_stars + label:before{
    content: url('https://cdn-static.talent.com/img/home-page/feedback/img-star-hover.png');
    width:0;
    height:0;
    visibility:hidden;
}

.radio_stars:hover + label[for=star1],
.radio_stars:hover + label[for=star2],
.radio_stars:hover + label[for=star3],
.radio_stars:hover + label[for=star4],
.radio_stars:hover + label[for=star5],
.radio_stars:checked + label[for=star1],
.radio_stars:checked + label[for=star2],
.radio_stars:checked + label[for=star3],
.radio_stars:checked + label[for=star4],
.radio_stars:checked + label[for=star5]{
    background: no-repeat center url('https://cdn-static.talent.com/img/home-page/feedback/img-star-hover.png');
    -webkit-filter: unset;
    filter: unset;
    background-size: contain;
}

/* Keep already hovered stars */
.card--feedback-stars .container > input:checked ~ label, /* show gold star when clicked */
.card--feedback-stars .container:not(:checked) > label:hover, /* hover current star */
.card--feedback-stars .container:not(:checked) > label:hover ~ label,
.card--feedback-stars .container > input:checked + label:hover, /* hover current star when changing rating */
.card--feedback-stars .container > input:checked ~ label:hover,
.card--feedback-stars .container > label:hover ~ input:checked ~ label, /* lighten current selection */
.card--feedback-stars .container > input:checked ~ label:hover ~ label {
    background: no-repeat center url('https://cdn-static.talent.com/img/home-page/feedback/img-star-hover.png');
    -webkit-filter: unset;
    filter: unset;
    background-size: contain;
}

/* To control the scrollbar */
.no-scroll--showscrollbar {
    overflow-x: auto !important;
    overflow-y: auto;
}
/* Scroll Bar Custom Design */
/* width */
::-webkit-scrollbar {
    width: 6px;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #FCFCFC;
    border-radius: 4px;
    border: 1px solid #E8E8E8;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #7A7A7A;
    border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #7A7A7A;
;
}

/* Pagination */
.pagination {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: unset;
    margin-top: 21px;
}
.pagination a {
    display: flex;
}
.pagination .page {
    height: 28px;
    width: 28px;
    top: unset;
}
.page-previous, .page-next {
    margin: 0 18px;
}
.pagination .page-number {
    margin: 0;
}
.pagination a:not(:first-child) + a:not(:last-child) {
    margin-left: 6px;
}

/* Job saved notif */

.jobSaved--toast {
    position: relative;
    display: flex;
    max-width: 100%;
    flex-direction: row;
    align-items: center;
    padding: 16px 56px;
    gap: 8px;
    /* Warnings/Confirm */

    border: 2px solid #60D3BF;
    border-radius: 8px;
    background: url(https://cdn-static.talent.com/img/others/success.png) no-repeat center center / contain #FFF;
    horiz-align: left;
    background-position-x : 24px;
    background-size: 24px;
    margin: 0 8px 16px;
    font-size: 14px;
}


.jobSaved--toast a {
    font-weight: 500;
    color: #691F74;
}

.jobSaved--toast .close--button {
    position: absolute;
    top: 24px;
    right: 29px;
}

.c-breadcrumb-list {
    font-size: 12px;
    line-height: 18px;
    color: #676771;
    font-weight: 400;
}

.menu__dropdownFilter{
    margin: 0 16px;
    display: block;
}

.jobFilters__filter--radioDropdownInputs{
    max-width: 220px;
}

.menu__item__title{
    display: flex;
    height: 32px;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-top:8px;
    padding-top:8px;
    border-top:1px solid #E0E0E0;
}

.menu__topLink-arrow .rotate{
    transform: rotate(180deg);
}

.menu__item__title .menu__item__title_text{
    width: 174px;
    color: var(--purple-800, #30183F);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.menu__dropdown--filter .checkbox-label span{
    margin: auto 0;
}

.menu__dropdown--filter .checkbox-label{
    padding-left: 30px;
}

.menu__dropdown--filter{
    overflow: hidden;
    max-height: 0;
    transition: max-height 300ms;
}

.menu__dropdown--filter.active{
    max-height: 400px;
}

.icon--closeIcon{
    top:16px;
}

.popup__estimatedSalaryDisclaimer {
    position: fixed;
    display: none;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(48, 24, 63, 0.6);
    z-index: 20;
    overflow: auto;
}

.popup__estimatedSalaryDisclaimer.is--active {
    display: flex;
    justify-content: center;
    align-items: center;
}

.disclaimer__box{
    padding: 24px;
}

.popup__estimatedSalaryDisclaimer .card__header{
    padding: 0;
}

.popup__estimatedSalaryDisclaimer .card__headerText{
    padding-top:0;
}

.popup__estimatedSalaryDisclaimer .card__header__title{
    color: var(--purple-800, #30183F);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding:0;
    padding-bottom: 16px;
}

.popup__estimatedSalaryDisclaimer .disclaimer__box{
    padding: 0 16px 40px 16px;
    color: #676767;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.salary_estimated{
    cursor: pointer;
}

.jobAlert .card__header__title{
    padding: 0;
}

.jobAlert .card__header__title span{
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: block;
}

.jobAlert .card__header__title .title-one{
    color: var(--grey-800, #222);
}

.jobAlert .card__header__title .title-two{
    color: var(--purple-500-main, #691F74);
}

.jobAlert .skipLink{
    color: var(--purple-500-main, #691F74);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    display: block;
}

.jobAlert .disclaimer{
    color: #676767;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.jobAlert .body__form{
    text-align: center;
    padding: 16px;
}

.jobAlert .email-holder{
    font-weight: 500;
    font-size: inherit;
}

.jobAlert .jobAlertBody{
    text-align: center;
    padding: 16px;
}

.jobAlert .loader__animation{
    max-width: 30px;
    margin: 32px auto;
}

.jobAlert .redirect__text{
    color: var(--grey-400, #676767);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.jobAlert .jobMiniCard{
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-radius: 8px;
    margin-top:16px;
    margin-bottom: 40px;
    border: 1px solid var(--grey-250, #B3B3B3);
}

.jobAlert .jobMiniCard__logo{
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #F0F0F0;
}

.jobAlert .jobMiniCard__logo img{
    max-width: 100%;
}

.jobAlert .jobMiniCard__body{
    text-align: left;
    margin-left: 12px;
}

.jobAlert .jobMiniCard__body__title{
    color: var(--purple-800, #30183F);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.jobAlert .jobMiniCard__body__company{
    color: var(--purple-500-main, #691F74);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.jobAlert .jobMiniCard__body__location{
    color: var(--grey-800, #222);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}