/*
* Author: Travis - Mediaplus
*/
*{
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes spin-reverse {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
figcaption{
    font-style: normal !important;
}
.jobsearchupoldcover-con.jobsearch-fileUpload span:after{
    content: 'Upload Latest CV' !important;
}
.jobsearch-candcover-uplodholdr .jobsearch-deluser-coverfile{
    left: 150px !important;
}
.mdp-pagination{
    display: flex;
    justify-content: center;
    margin: 30px 0 !important;
}
.mdp-pagination>* {
    background: #fff;
    border: 1px solid #9C9EFE;
    border-radius: 4px;
    width: 49px;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #9C9EFE;
    margin: 10px !important;
}
.mdp-pagination .current{
    background: #9C9EFE;
    color: #fff;
}
.searchResults {
    float: unset !important;
}
.wrap-content {
    position: relative;
}
.ajax-loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
    display: none;
}
.ajax-loading .icon-loading {
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 30px;
    height: 30px;
}
.ajax-loading .icon-loading:before, .ajax-loading .icon-loading:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid transparent;
}
.ajax-loading .icon-loading:before {
    border-top-color: #3498db;
    border-bottom-color: #3498db;
    animation: spin 1.5s linear infinite;
}
.ajax-loading .icon-loading:after {
    border-left-color: #f3f3f3;
    border-right-color: #f3f3f3;
    animation: spin-reverse 1.5s linear infinite;
}
.filter-temp {
    background-color: #9c9efe;
    width: 100%;
    margin-bottom: 33px;
    padding: 15px 19px 15px 19px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.filter-temp span {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    color: #3b3b3b;
    display: inline-flex;
    font-size: 12px;
    padding: 2px 8px 3px;
    align-items: center;
    margin: 5px;
    cursor: pointer;
}
.filter-temp span i{
    font-style: normal;
}
.filter-temp .filter.action i {
    color: #ffffff !important;
    margin-right: 5px;
    font-size: 16px;
    font-style: normal;
}
.filter-temp span label {
    pointer-events: none;
}
.filter-temp span.clear {
    background: transparent;
    color: #fff;
    border-radius: 30px;
    padding: 0 30px;
    height: 32px;
    border: 1px solid #fff;
}
.filter-temp span.clear i {
    display: none;
}
.filter-temp span.filter {
    background: transparent;
    color: #fff;
    border-radius: 30px;
    padding: 0 30px;
    height: 32px;
    border: 1px solid #fff;
}
.fiter-entry {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
}
.fiter-entry .count-items {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    display: flex;
}
.fiter-entry .count-items label {
    line-height: 1.4;
}
.fiter-entry .count-items .count {
    margin-right: 5px;
}
.fiter-entry .sorts {
    display: flex;
    flex-wrap: wrap;
}
.fiter-entry .sorts .orderby {
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.fiter-entry .sorts .per_page {
    display: flex;
    align-items: center;
}
.fiter-entry .sorts select {
    border: none;
}
.filter-wrap .filter-items .filter-item span i {
    font-style: normal;
    width: 20px;
    height: 20px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}
.filter-wrap .filter-items .filter-item:hover span i {
    background: #9C9EFE;
    color: #fff;
}
p.not-found {
    text-align: center;
    padding: 80px 0;
    font-size: 20px;
}
.jobsearch-select-style.sector {
    position: relative;
}
.jobsearch-select-style.sector span {
    padding-left: 20px;
    white-space: nowrap;
}
.jobsearch-select-style.sector .wrap {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: all 350ms;
    min-width: 250px;
    background: #fff;
    box-shadow: 0 3px 3px #999;
    padding: 10px 15px;
    width: 100%;
}
.jobsearch-select-style.sector:hover .wrap {
    visibility: visible;
    opacity: 1;
}
.jobsearch-select-style.sector .wrap .local-search {
    border: 1px solid #ccc !important;
    box-shadow: none;
    height: 28px;
    padding: 5px 10px;
    font-size: 12px;
    margin-bottom: 10px;
    width: 100%;
}
.jobsearch-select-style.sector .wrap ul {
    margin: 0 0 15px 0;
    max-height: 250px;
    overflow-y: auto;
    display: block !important;
    float: none !important;
    width: 100%;
}
.jobsearch-select-style.sector .wrap ul li {
    width: 100% !important;
    float: none !important;
    list-style-type: none;
    color: #333;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    line-height: 1.4;
    padding: 5px 0 5px 20px;
    max-width: 100% !important;
}
.jobsearch-select-style.sector .wrap ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    margin: 0 0 0 0;
    border: 1px solid #c2d1d3;
    box-shadow: 0 0 0 3px #ffffff inset;
}
.jobsearch-select-style.sector .wrap ul li.active:before {
    background-color: #9c9efe;
}
.jobsearch-select-style.sector .wrap .filter {
    cursor: pointer;
}
.jobsearch-select-style.sector .wrap .filter span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px 20px;
    background: #9C9EFE;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    white-space: nowrap;
}
.jobsearch-banner-submit .search-btn {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    cursor: pointer;
}
.jobsearch-select-style.sector span i {
    font-style: normal;
    width: 20px;
    height: 20px;
    background: #9C9EFE;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}
/*added by jon april 2024*/

.more-less-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px !important;
    margin-top: 50px;
}
.more-less {
    cursor: pointer;
    background: #fff;
    border: 2px solid #9C9EFE;
    color: #9C9EFE;
    border-radius: 30px;
    width: 125px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px !important;
}
.more-less:hover {
    background: #9C9EFE;
    color: #fff;
}
.more-less span.less {
    display: none;
}
.more-less.active span.less {
    display: block;
}
.more-less.active span.more {
    display: none;
}
.filter-temp span {
    font-weight: bold;
}
.filter-temp span label {
    font-weight: normal;
}
.cart-empty.woocommerce-info {
    margin: 50px 0;
    text-align: center;
}
.return-to-shop {
    text-align: center;
}
.return-to-shop a {
    color: #fff !important;
}
.view-all-btn {
    cursor: pointer;
    background: #fff;
    border: 2px solid #9C9EFE;
    color: #9C9EFE;
    border-radius: 30px;
    width: 125px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px !important;
}
.view-all-btn:hover {
    background: #9C9EFE;
    color: #fff;
}
.view-all-btn span.less {
    display: none;
}
.view-all-btn.active span.less {
    display: block;
}
.view-all-btn.active span.more {
    display: none;
}
.candidate-list-for-download-cv .item-inner {
    box-shadow: 0 0 5px #ebebeb;
}
.repost-wrap .choose-package {
    display: none;
}
.repost-wrap .confirm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.repost-wrap p {
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 30px;
    color: #000;
}
.repost-wrap .confirm span {
    padding: 5px 30px;
    border: 1px solid #9c9efe;
    color: #9c9efe;
    width: 140px;
    margin: 0 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.repost-wrap .confirm span a {
    color: #9c9efe;
    display: flex;
    align-items: center;
    justify-content: center;
}
.repost-wrap.yes .confirm {
    display: none;
}
.repost-wrap.yes .choose-package {
    display: block;
}
.jobsearch-user-form i.jobsearch-icon{
    bottom: auto !important;
    top: 35px !important;
}
.phon-num-fieldcon{
    position: relative;
}
.phon-num-fieldcon:before{
    content: "\e93c";
    font-family: 'wp-jobsearch-icomoon' !important;
    font-size: 18px;
    color: #9c9efe;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 1;
}
.jobsearch-register-form .phon-num-fieldcon:before{
    transform: translateY(-50%);
}
.jobsearch-user-form i.jobsearch-icon.jobsearch-technology{
    display: none !important;
}
.jobsearch-candcover-uplodholdr i.jobsearch-arrows-2{
    color: #fff !important;
}
.jobsearch-applyjob-internalmain .jobsearch-applyjob-btn{
    color: #fff !important;
}
.jobsearch-applyjob-internalmain .jobsearch-applyjob-btn:hover{
    color: #7e80f3 !important;
}

.jobsearch-candcover-uplodholdr li{
    position: relative;
}
.phon-num-fieldcon:before {
    content: "\e93c";
    font-family: 'wp-jobsearch-icomoon' !important;
    font-size: 18px;
    color: #9c9efe;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 1;
}
.jobsearch-register-form .phon-num-fieldcon:before {
    transform: translateY(-50%);
}
.jobsearch-user-form i.jobsearch-icon.jobsearch-technology {
    display: none !important;
}
.jobsearch-candcover-uplodholdr i.jobsearch-arrows-2 {
    color: #fff !important;
}
.jobsearch-applyjob-internalmain .jobsearch-applyjob-btn {
    color: #fff !important;
}
.jobsearch-applyjob-internalmain .jobsearch-applyjob-btn:hover {
    color: #7e80f3 !important;
}
.jobsearch-candcover-uplodholdr li {
    position: relative;
}
.jobsearch-candcover-uplodholdr li>a {
    display: block;
    font-size: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.wrap-skills #cand-skills {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/* ══════════════════════════════════════════════════════════════
   Global Button Style — Primary #9c9efe
   ══════════════════════════════════════════════════════════════ */

/* Primary filled button */
.mpjs-btn-save-profile,
.mdp-flport-add-btn,
.mdp-ai-cv-save-btn,
.mdp-flp-save-btn,
button[class*="mdp-flp-save"],
button[class*="mpjs-btn-save"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #9c9efe !important;
    color: #fff !important;
    border: 2px solid #9c9efe !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 5px 15px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: background .15s, border-color .15s, box-shadow .15s !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
}
.mpjs-btn-save-profile:hover,
.mdp-flport-add-btn:hover,
.mdp-ai-cv-save-btn:hover,
.mdp-flp-save-btn:hover,
button[class*="mdp-flp-save"]:hover,
button[class*="mpjs-btn-save"]:hover {
    background: #8b8bef !important;
    border-color: #8b8bef !important;
    box-shadow: 0 4px 12px rgba(156, 158, 254, .3) !important;
}
.mpjs-btn-save-profile svg,
.mdp-flport-add-btn svg,
.mdp-ai-cv-save-btn svg {
    flex-shrink: 0 !important;
    width: 16px !important;
    height: 16px !important;
}

/* Secondary outlined button */
.mdp-ai-cv-edit-btn,
.mdp-ai-cv-cancel-btn,
.mpjs-btn-preview {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #fff !important;
    color: #9c9efe !important;
    border: 1.5px solid #9c9efe !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 7px 16px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background .15s, color .15s !important;
    text-decoration: none !important;
}
.mdp-ai-cv-edit-btn:hover,
.mdp-ai-cv-cancel-btn:hover,
.mpjs-btn-preview:hover {
    background: #f5f3ff !important;
    color: #8b8bef !important;
    border-color: #8b8bef !important;
}


/* ══════════════════════════════════════════════════════════════
   Dashboard Sidebar — Redesign (matching reference design)
   Primary color: #9c9efe
   ══════════════════════════════════════════════════════════════ */

/* Container */
.jobsearch-employer-dashboard-nav {
    box-shadow: none !important;
    border: 1px solid #e8e8f0 !important;
    border-radius: 12px !important;
    padding: 12px 8px !important;
    background: #fff !important;
}

/* All menu items — reset */
.jobsearch-employer-dashboard-nav ul {
    padding: 0 !important;
    margin: 0 !important;
}
.jobsearch-employer-dashboard-nav ul li {
    border: none !important;
    list-style: none !important;
}

/* Menu links */
.jobsearch-employer-dashboard-nav ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    border: none !important;
    border-radius: 8px !important;
    transition: background .15s, color .15s !important;
    text-decoration: none !important;
    position: relative !important;
    margin: 3px 0;
}
.jobsearch-employer-dashboard-nav ul li a
.jobsearch-employer-dashboard-nav ul li a:hover {
    background-color: #eeecff !important;
    color: #9c9efe !important;
}

/* Active state */
.jobsearch-employer-dashboard-nav ul li.active > a {
    background-color: #eeecff !important;
    color: #9c9efe !important;
}

/* SVG icons */
.jobsearch-employer-dashboard-nav ul li a svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    stroke: currentColor !important;
}

/* Old <i> icons fallback — hide text, show as inline-flex */
.jobsearch-employer-dashboard-nav ul li i {
    color: currentColor !important;
    position: static !important;
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Delete Profile button */
.jobsearch-employer-dashboard-nav ul li.profile-del-btnlink a {
    background: #ef4444 !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
}
.jobsearch-employer-dashboard-nav ul li.profile-del-btnlink a:hover {
    background: #dc2626 !important;
    opacity: 1 !important;
    color: #fff !important;
}
.jobsearch-employer-dashboard-nav ul li.profile-del-btnlink a svg,
.jobsearch-employer-dashboard-nav ul li.profile-del-btnlink a i {
    color: #fff !important;
}

/* Messages badge (unread count) */
.jobsearch-employer-dashboard-nav .bp-better-messages-unread,
.jobsearch-employer-dashboard-nav .bpbmuc {
    background: #9c9efe !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    border-radius: 9px !important;
    text-align: center !important;
    padding: 0 5px !important;
    margin-left: auto !important;
}
.select-country-wrap {
    position: relative;
}
.select-country-wrap .select-country {
    position: absolute;
    top: 100%;
    left: 10px;
    width: calc(100% - 20px);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background: #fff;
}
.select-country-wrap.active .select-country {
    opacity: 1;
    visibility: visible;
}
.select-country-wrap .select-country {
    max-height: 200px;
    overflow-y: auto;
}
.select-country-wrap .select-country .option {
    padding: 8px 10px;
    cursor: pointer;
}
.select-country-wrap .select-country .option:hover {
    background: #efefef;
}
.jobsearch-candidate-resume-wrap.jobsearch-employer-profile-form.wrap-skills {
    display: none;
}
.jobsearch-sort.el-drag-item {
    display: none !important;
}
.resume-list-item p {
    margin-bottom: 10px;
}
span.update-cover-letter {
    background: #9c9efe;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ffffff;
    border-radius: 40px;
    padding: 13px 24px;
    line-height: 1;
    border: none;
    margin-top: 5px;
    cursor: pointer;
    display: inline-block;
}
.editor-length {
    width: 100%;
    margin: 10px 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.editor-length label {
    margin: 0 !important;
}
.counter-wrap {
    display: flex;
    align-items: center;
}
.editor-length .counter{
    width:max-content;
}
.jobsearch-icon.jobsearch-edit.jobsearch-mangjob-act {
    display: none;
}
.jobsearch-filledjobs-links>span {
    font-size: 12px !important;
}
.jobsearch-filledjobs-links>span:before {
    content: none !important;
}
.submit-wrap .jobsearch-postjob-btn {
    margin: 0 15px;
    font-size: 16px;
}
#ad-posting-title {
    color: #000 !important;
    font-weight: 400 !important;
}
.jobsearch-profile-title h2 {
    width: 100%;
    text-align: center;
}
.submit-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.submit-wrap input.jobsearch-employer-profile-submit {
    height: 40px !important;
    font-size: 16px !important;
    text-transform: unset;
    background-color: #9c9efe !important;
    border: 1px solid #9c9efe !important;
    color: #fff !important;
    border-radius: 4px !important;
    margin-right: 15px;
}
.terms-priv-chek-con p {
    font-size: 14px;
}
.custom_fields_skillid .jobsearch-employer-profile-form li {
    width: 50% !important;
}
.custom_fields_skillid .jobsearch-employer-profile-form li .jobsearch-checkbox label{
    width: 100% !important;
}
.custom_fields_skillid .jobsearch-employer-profile-form li .jobsearch-checkbox label span{
    width: 16px !important;
    height: 16px !important;
    top: 6px !important;
    border-color: #9c9efe !important;
}
nav.jobsearch-employer-jobnav {
    display: none;
}
.jobsearch-employer-box-section>.jobsearch-profile-title h2 {
    font-weight: bold;
    background: #9c9efe;
    padding: 15px;
    color: #fff !important;
    border-radius: 30px;
}
.package-list-can-buy .heading-center{
    width: 100%;
    display: flex;
    justify-content: center;
}
.package-list-can-buy .heading-center h2{
    font-weight: bold;
    background: #9c9efe;
    padding: 15px 40px;
    color: #fff !important;
    border-radius: 30px;
    display: inline-block;
    width: auto;
}
.jobsearch-joblisting-bottom .company-type-and-industry {
    flex-direction: column;
    margin: 0;
}
#dashboard-tab-stats .jobsearch-stats-list-wrap small{
    display: none;
}
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option {
    display: none;
}
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option[data-value="USD"],
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option[data-value="EUR"],
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option[data-value="AUD"],
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option[data-value="THB"],
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option[data-value="SGD"],
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option[data-value="INR"],
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option[data-value="IDR"],
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option[data-value="MYR"],
#candidate-profilesetings-form .jobsearch_currencies_list .selectize-dropdown-content .option[data-value="default"] {
    display: block;
}
.filter-wrap .filter-item ul[data-key="offered_salary"] li:last-child{
/*  display: none; */
}
.page-template-user-dashboard-template .bp-messages-wrap .bpbm-options-group >*:nth-child(3){
    display: none;
}
.jobsearch-employer-dasboard .jobsearch-notifics-setopts .jobsearch-employer-profile-form li{
    display: none;
}
.jobsearch-employer-dasboard .jobsearch-notifics-setopts .jobsearch-employer-profile-form li:first-child{
    display: block;
}
.jobsearch-employer-dasboard .jobsearch-notifics-setopts .jobsearch-employer-profile-form li:nth-child(3){
    display: block;
}
body.jobsearch_employer #jobsearch-notification-section{
    display: none;
}
.group-info .block i{
    color: #333 !important;
}
.group-info .salary .content{
    display: flex;
    align-items: center;
}
.group-info .salary .content h4{
    margin-right: 5px;
    font-weight: 400;
}
.single-company-location li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
    color: #333;
}
.single-company-location li span{
    color: #333;
}
.single-company-location li i {
    color: #333 !important;
    margin-right: 8px;
}
.jobsearch-jobdetail-services ul li.radio-to-checkbox{
    display: none;
}
.jobsearch-managejobs-list .jobsearch-mangjobs-list-inner{
    border: 1px solid #9c9efe;
    margin: 20px 0;
    border-radius: 10px;
    overflow: hidden;
}
#dashboard-tab-stats .jobsearch-candidate-default-wrap{
    border: 1px solid #9c9efe;
    margin: 10px 0;
    border-radius: 10px;
    overflow: hidden;
}
.mangejob-serch-field input[type="text"]{
    border: 1px solid #9c9efe !important;
    border-radius: 30px !important;
    color: #333 !important;
}
.jobsearch-managejobs-list ul li.fw{
    display: flex;
    flex-direction: column;
}
.head-title-jobs{
    text-align: center;
    margin: 30px 0;
}
.head-title-jobs p{
    color: #333;
}
.jobsearch_candidate_info h2{
    display: flex;
    justify-content: space-between;
}
.jobsearch_candidate_info h2 .right{
    font-size: 14px;
    font-weight: 400;
    padding-top: 10px;
}
tr.pakcge-itm-stats.featured{
    display: none;
}
.related-jobs{
    display: none;
}
.jobsearch-empdetail-activejobs li.jobsearch-column-12,
.related-jobs li.jobsearch-column-12{
    padding: 0;
}
body.jobsearch_candidate .related-jobs{
    display: block;
}
form.jobsearch-employer-dasboard{
    display: flex;
    flex-direction: column;
}
form.jobsearch-employer-dasboard .terms-priv-chek-con{
    text-align: center;
}
form.jobsearch-employer-dasboard input[type="submit"]{
    margin: 0 auto;
}
body.single-employer ul.jobsearch-jobdetail-options{
    display: flex;
    flex-direction: column;
}
body.page-template-user-dashboard-template form#candidate-profilesetings-form .item{
    font-size: 16px !important;
}
.selectize-input .item,
select.selectize-select option,
.selectize-dropdown-content .option,
.jobsearch-select-style.sector .wrap ul li,
.filter-wrap .filter-items .filter-item .wrap ul li{
    text-transform: capitalize;
}
.bp-messages-wrap .bm-svg{
    position: unset;
}
.jobsearch-profile-title h2 .bpbmuc{
    display: none;
}
.modal-content-area .jobsearch-send-message-form:before{
    content: 'Job Post Enquiry';
    font-size: 14px;
    color: #333;
    display: block;
    width: 100%;
    font-weight: 600;
    text-align: center;
    width: 100%;
}
.modal-content-area .jobsearch-send-message-form form:before{
    content: 'Ensure your message is clear and concise';
    font-size: 14px;
    color: #333;
    display: block;
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
    width: 100%;
}
.jobsearch-send-message-form:has(#jobsearch_reset_pass_form):before {
    content: '';
    font-size: 14px;
    color: #333;
    display: block;
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
}
.jobsearch-send-message-form:has(#jobsearch_reset_pass_form) form:before {
    content: 'Please enter your new password';
    font-size: 14px;
    color: #333;
    display: block;
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
}
.modal-content-area .jobsearch-send-message-form form .input-field-submit{
    display: flex;
    flex-direction: column-reverse;
}
.modal-content-area .jobsearch-send-message-form form .input-field-submit .terms-priv-chek-con{
    margin: 0 0 10px 0;
}
.noice-post-a-job{
    background: #9c9efe;
    padding: 30px 50px !important;
    max-width: 800px;
    margin: 0 auto !important;
    color: #fff;
    border-radius: 60px;
}
.terms-priv-chek-con p{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.terms-priv-chek-con p a{
    padding: 0 3px;
}
.company-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.company-heading a{
    font-family: "Inter";
    font-weight: 600;
    fill: #9c9efe;
    color: #9c9efe !important;
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #9c9efe;
    border-radius: 5px 5px 5px 5px;
    padding: 6px 20px 6px 20px;
}
.company-warp{
    margin-bottom: 50px;
}
.bp-messages-wrap .bm_user_selector{
    pointer-events: none;
}
.chat-private a{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: #ebebebeb !important;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    background-color: #E6E6FA !important;
    color: #7e80f3 !important;
    font-size: 0;
    padding: 0 !important;
}
.chat-private a:before{
    content: "\e912";
    font-size: 16px;
    font-family: 'wp-jobsearch-icomoon' !important;
    font-weight: bold;
}
.thread-not-selected.empty .bpbm-empty-or,
.thread-not-selected.empty .bpbm-empty-link,
.threads-list.empty .bpbm-empty-link,
.bp-messages-wrap .chat-header>a.new-message{
    display: none !important;
}
#ui-datepicker-div.hide-days .ui-datepicker-header>a,
#ui-datepicker-div.hide-days .ui-datepicker-current,
#ui-datepicker-div.hide-days .ui-datepicker-calendar{
    display: none !important;
}
#ui-datepicker-div.hide-days select.ui-datepicker-month, #ui-datepicker-div.hide-days select.ui-datepicker-year {
    width: 50%;
}
#ui-datepicker-div.hide-days .ui-datepicker-title{
    margin: 0 !important;
}
#job_detail_ifr{
    min-height: 550px;
}
#JobSearchNonuserApplyModal {
    display: none;
}
.work-time a {
    white-space: nowrap;
    line-height: 1.2;
}
.jobsearch-list-option p {
    margin: 0;
    color: #000;
    font-size: 15px;
    line-height: 28px;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
}
.jobsearch-list-option p.company-name {
    position: unset !important;
}
.jobsearch-list-option p.company-name a{
    position: relative;
    z-index: 2;
}
.jobsearch-list-option p i {
    color: #9c9efe;
    margin-right: 7px;
    margin-top: 5px;
}
.jobsearch-list-option small {
    line-height: 1.2;
}
.jobsearch-list-option p a {
    color: #333;
    font-weight: 400;
}
.jobsearch-list-option p small a {
    margin: 0;
    background: none;
    padding: 0;
    border-radius: 0;
    margin: 0;
    font-size: 15px;
    color: #333;
    font-weight: 400;
}
.jobsearch-list-option p.map a {
    font-size: 12px;
    color: #333;
    font-weight: normal;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
}
.jobsearch-list-option p span {
    margin-left: 5px !important;
    font-size: 15px !important;
    color: #333 !important;
    font-weight: 400 !important;
}
.jobsearch-list-option .actions {
    margin-top: 10px;
}
.action-edit a.edit-post {
    width: 120px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #9c9efe;
    color: #fff;
    border-radius: 30px;
    font-family: inherit !important;
}
.filter-wrap .filter-items .filter-item span b {
    font-weight: normal;
}
.filter-item:not(.sector)>span {
    position: relative;
}
.filter-item.has-counter>span b {
    transform: translateX(-10px);
}
.filter-item.has-counter>span i {
    position: absolute;
    right: 15px;
}
body.woocommerce-order-received .woocommerce-order{
    max-width: 900px;
    margin: 0 auto;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-notice{
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 50px 0 20px 0;
}
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview{
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-right: 1px dotted #fff;
    background: #9c9efe;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 80px;
    padding: 15px 20px;
}
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong{
    font-size: 14px;
    color: #fff;
}
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li span{
    font-size: 14px;
    color: #fff;
}
body.woocommerce-order-received  .woocommerce-bacs-bank-details h2{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
body.woocommerce-order-received  .woocommerce-bacs-bank-details h3{
    text-align: center;
    font-size: 18px;
    margin-bottom: 0;
}
body.woocommerce-order-received .woocommerce-order ul.wc-bacs-bank-details{
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
body.woocommerce-order-received .woocommerce-order ul.wc-bacs-bank-details li{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-right: 1px dotted #fff;
    background: #9c9efe;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 80px;
    padding: 15px 20px;
}
body.woocommerce-order-received .woocommerce-order-details h2{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
body.woocommerce-order-received .woocommerce-customer-details h2{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
body.woocommerce-order-received .woocommerce-customer-details p{
    margin: 0;
}
body.woocommerce-order-received .woocommerce-customer-details address{
    text-align: center;
    padding: 30px;
    border: 1px solid #ccc;
}
.jobsearch-add-resume-item-popup .upload-img-holder-sec {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
.jobsearch-add-resume-item-popup .note-max-size {
    padding-left: 10px;
    font-size: 12px;
}
.jobsearch-add-resume-item-popup .note-max-size.valid {
    color: red;
}
.jobsearch-main-content .selectize-dropdown{
    padding: 15px 10px;
}
#JobSearchModalAccountActivationForm .jobsearch-modal-title-box{
    text-align: center;
}
#JobSearchModalAccountActivationForm .jobsearch-modal-title-box h2{
    width: 100%;
}
#JobSearchModalAccountActivationForm .jobsearch-modal-title-box .modal-close{
    color: #000;
    position: absolute;
    top: 10px;
    z-index: 1;
}
#JobSearchModalAccountActivationForm .jobsearch-send-message-form:before{
    content: none !important;
}
#JobSearchModalAccountActivationForm .jobsearch-send-message-form form:before{
    content: none !important;
}
.jobsearch-user-form .jobsearch-activcode-popupbtn,
.jobsearch-user-form .jobsearch-resend-accactbtn{
    color: #fff;
    font-size: 14px;
}
.jobsearch-user-form .jobsearch-activcode-popupbtn i,
.jobsearch-user-form .jobsearch-resend-accactbtn i{
    margin: 0 5px;
}
#stateId-selectized{
    min-width: 150px;
}
.selectize-dropdown .highlight{
    float: none !important;
    color: #9c9efe !important;
}
/*css for job alert*/

/* Modal container */

.job-alerts-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}
/* Form input fields */

.job-alerts-modal-content input[type="email"], .job-alerts-modal-content select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}
/* Modal content box */

.job-alerts-modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
    max-width: 600px;
    /* Max width for large screens */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /* Add shadows */
    border-radius: 10px;
    /* Rounded corners */
}
/* Close button */

.job-alerts-modal-close {
    color: #aaa;
    float: right;
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px !important;
}
.job-alerts-modal-close:hover, .job-alerts-modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/* Job Alerts Settings form container */

#job-alerts-form-container {
    padding: 10px;
}
.text-align-center{
    text-align:center;
}

.job-alerts-modal-content{
    margin:auto !important;
    margin-top:5%!important;
}

.job-alerts-setting-title{
    text-align:center;
    padding:0px 10% 0px 10% !important; 
}

.job-alert-title-container{
    display: flex;
    justify-content: center;
}

.jobsearch-select-style.job-alert-select-style.sector .wrap{
    width:100%;
}

.job-alert-select-style{
    border: 1px solid #9C9EFE;
    padding: 10px 0 10px 0 !important;
    border-radius: 5px;
    margin: 5px 0 0 0 !important;
}
#job-alerts-modal div.jobsearch-select-style:hover .wrap {
    visibility: hidden;
    opacity: 0;
}
#job-alerts-modal div.jobsearch-select-style.active .wrap {
    visibility: visible;
    opacity: 1;
}
#job-alerts-modal div.jobsearch-select-style{
    padding: 0 !important;
}
#job-alerts-modal div.jobsearch-select-style .filter-item-job-alert >span{
    height: 43px;
    display: flex;
    align-items: center;
    line-height: 1.2;
    padding: 0 10px;
}
.job-alert-select-text-style {
    margin: 0 0 15px 0 !important;
    color:red;
    font-size:14px;
}

.job-alert-dropdown>select{
    margin-bottom:0px;
}

.job-alerts-modal-close{
    padding-right:10px !important;
}

.job-alert-select-style:after{
    content:'' !important;
}

.job-alert-dropdown>select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color:#9C9EFE;
}

.job-alert-input-style{
    border-color:#9C9EFE !important;
}

#save-notification-job-alerts>div{
    display: flex !important;
    justify-content: center !important;
}

#save-notification-job-alerts>div>span
{
    background-color:#81E490;
    color: white;
    padding: 8px 30px;
    border-radius: 6px;
}
.job-alert-count
{
    color: white;
    background-color: #9C9EFE;
    padding: 0 15px !important;
    margin-left: 10px !important;
    border-radius:5px !important;
}

.filter-item-job-alert .wrap ul .active{
    background-color:#D6D6FF !important;
}
.filter-item-job-alert .wrap ul li:before{
    margin-left: 10px !important;
}
.filter-item-job-alert .wrap ul li{
    padding-left: 30px !important;
}

.customized-css-for-dashboard-notif .jobsearch-onoffswitch-title{
    width:85% !important;
}
#job-alerts-modal .job-alerts-setting-title {
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    display: flex;
    align-items: center;
}
#job-alerts-modal .job-alerts-modal-close {
    padding-top: 10px !important;
    position: relative;
    z-index: 2;
}
#job-alerts-modal strong, #job-alerts-modal h4 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
#job-alerts-modal input, #job-alerts-modal select, #job-alerts-modal span {
    font-size: 14px;
}
#job-alerts-form-container {
    position: relative;
}
#job-alerts-form-container #save-notification-job-alerts {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}
.job-alert-count-wrap {
    position: relative;
    text-align: center;
    margin-bottom: 5px !important;
}
.job-alert-count-wrap-inner {
    font-size: 14px;
    color: #fff;
    background: #9C9EFE;
    display: inline-block;
    padding: 0 10px !important;
    border-radius: 5px;
}
.job-alert-count-wrap-inner .job-alert-count {
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
}
.job-alert-count-wrap .close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0 !important;
    width: 30px;
    height: 20px;
    border: 1px solid #9C9EFE;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9C9EFE;
    cursor: pointer;
}
#job-alerts-modal div.jobsearch-select-style .filter-item-job-alert>span {
    cursor: pointer;
}
.buttons-action {
    display: flex;
    justify-content: center;
}
.buttons-action button {
    font-size: 14px;
    color: #fff;
    background: #9C9EFE;
    display: inline-block;
    padding: 3px 20px !important;
    border-radius: 5px;
    border: none;
    margin: 0 20px;
}
#job-alerts-modal div.jobsearch-select-style.active .wrap ul {
    max-height: calc(100vh - 200px);
}
#job-alerts-modal div.jobsearch-select-style.active .wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 350px;
    border: 2px solid #9C9EFE;
    border-radius: 20px;
    max-height: 100%;
}
#job-alerts-modal div.jobsearch-select-style.active:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
.filter-wrap .filter-items.list-items .ab-carousel-btn {
    padding-top: 0;
}
.list-wrapper {
    overflow-x: clip;
}
.filter-items.list-items {
    transition: transform 0.25s ease;
}
.jobsearch-banner-search #jobsearch-gdapilocs-contrycon>*:not(.countries-wrap) {
    display: none !important;
}
body.locked-status .modal-box-area>* {
    display: none !important;
}
body.locked-status .modal-box-area>.jobsearch-reset-password {
    display: block !important;
}
.opened-info, .locked-info {
    display: none;
}
.mdp-popup .choose-package-download-cvs .choose-package {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
#job-posting-form .it_skills label:after, #job-posting-form .skills label:after {
    content: '(Optional)';
    padding-left: 5px;
}
.bp-messages-wrap-main {
    width: 100%;
}
.bp-messages-wrap .chat-header .thread-info {
    padding: 0 15px;
}
.bp-messages-wrap.bp-messages-mobile .threads-list .thread .actions {
    min-width: 40px;
}
.bp-messages-wrap .threads-list .thread .actions {
    min-width: 40px;
}
.bp-messages-mobile-tap {
    opacity: 1 !important;
}
@media(max-width: 576px) {
    #job-alerts-modal div.jobsearch-select-style.active .wrap {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        transform: none;
    }
    #job-alerts-form-container #save-notification-job-alerts {
        left: auto;
        right: 10px;
        transform: none;
    }
}
/*css for job alert end*/

/* Search Form */

.overflow-hidden {
    overflow: hidden;
    height: 100vh;
}
#jobs-search-form {
    position: relative;
    z-index: 1;
}
#jobs-search-form .form-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
#jobs-search-form.search-freelancers .form-top{
    justify-content: center;
}
#jobs-search-form.search-freelancers .form-top .location .countries-wrap:after{
    content: none;
}
#jobs-search-form .form-top .filter-item {
    width: 25%;
    padding: 0 10px;
    position: relative;
}
#jobs-search-form .form-top .filter-item.title-company{
    padding-left: 0;
}
#jobs-search-form .filter-item .item-inner {
    border: 1px solid #9c9efe;
    height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
#jobs-search-form .filter-item input {
    font-size: 16px;
    font-weight: 500;
    color: #666;
    border: none;
    background: none;
}
#jobs-search-form .filter-item input::placeholder {
    color: #666;
}
#jobs-search-form .filter-item .counter {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    font-style: normal;
    background: #9c9efe;
    padding: 2px 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
#jobs-search-form .filter-item div.wrap {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
    transition: all 350ms;
    border:  none !important;
    box-shadow: 0 3px 3px #999 !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
}
#jobs-search-form .filter-item:hover div.wrap {
    opacity: 1;
    visibility: visible;
}
#jobs-search-form .filter-item .wrap ul {
    background: #fff;
    padding: 0;
    margin: 0;
    max-height: 250px;
    overflow-y: auto;
}
#jobs-search-form .filter-item .wrap ul li {
    padding: 5px 15px;
    width: 100% !important;
    max-width: 100% !important;
    cursor: pointer;
    font-size: 14px;
    list-style: none;
    white-space: pre-wrap;
}
#jobs-search-form .location {
    width: calc(50% - 100px);
    padding: 0 10px;
}
#jobs-search-form .location .location-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #9c9efe;
    border-radius: 8px;
    height: 60px;
}
#jobs-search-form .filter-item.title-company input {
    text-align: center;
}
#jobs-search-form .filter-item.sector .item-inner {
    display: flex;
    justify-content: center;
}
#jobs-search-form .filter-item.sector .item-inner .sector-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#jobs-search-form .filter-item.sector input {
    padding: 0;
    min-height: unset;
}
#jobs-search-form .filter-item.sector p {
    margin: 0;
    font-size: 12px;
    color: #666;
    margin-top: -5px;
}
#jobs-search-form .filter-item.sector label {
    font-size: 16px;
    color: #666;
}
#jobs-search-form .filter-item.sector .item-inner {
    position: relative;
}
#jobs-search-form .filter-item.sector .wrap input {
    border: 1px solid #ccc !important;
    box-shadow: none;
    min-height: 38px;
    height: 38px;
    padding: 5px 10px;
    font-size: 13px;
    width: 100%;
    margin-bottom: 10px;
}
#jobs-search-form .filter-item.sector:hover .wrap {
    opacity: 1;
    visibility: visible;
}
#jobs-search-form .filter-item.location {
    display: flex;
    align-items: center;
}
#jobs-search-form .location .countries-wrap, #jobs-search-form .location .states-wrap {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}
#jobs-search-form .filter-wrap .filter-items .filter-item span {
    padding: 5px 35px;
}
#jobs-search-form .location .countries-wrap:hover .wrap {
    opacity: 1;
    visibility: visible;
}
#jobs-search-form .location .states-wrap:hover .wrap {
    opacity: 1;
    visibility: visible;
}
#jobs-search-form .location .states-wrap .state-list {
    display: none !important;
}
#jobs-search-form .location .states-wrap .state-list.open {
    display: block !important;
}
#jobs-search-form .location .countries-wrap:after {
    content: '';
    height: 20px;
    border-right: 1px solid #9c9efe;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#jobs-search-form .location img {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}
#jobs-search-form .location .states-wrap span {
    color: #666;
    margin: 0;
    padding: 6px 12px;
    line-height: 1.2;
}
#jobs-search-form .search-submit input {
    border-radius: 8px;
    margin-left: 10px;
}
#jobs-search-form .filter-item .wrap ul li {
    list-style-type: none;
    color: #333;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    line-height: 1.4;
    padding: 5px 5px 5px 22px;
    border: none !important;
}
#jobs-search-form .filter-item .wrap ul li:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 8px;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    border: 1px solid #c2d1d3;
    box-shadow: 0 0 0 3px #fff inset;
}
#jobs-search-form .filter-item.location .wrap ul li {
    list-style-type: none;
    color: #333;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    line-height: 1.4;
    padding: 5px 0;
}
#jobs-search-form .filter-item .wrap ul li.active {
    background-color: #D6D6FF;
}
#jobs-search-form.jobs-search-form .filter-item .wrap ul.state-list{
    margin-top: 45px;
}
#jobs-search-form .filter-item .wrap ul li[data-search="yes"]:before{
    content: none;
}
#jobs-search-form .filter-item.states-wrap.state .wrap ul li[data-search="yes"]{
    padding: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: calc(100% - 20px) !important;
}
#jobs-search-form .filter-item .wrap ul li[data-search="yes"] input{
    border: 1px solid #ebebeb !important;
    box-shadow: none;
    min-height: 38px;
    height: 38px;
    padding: 5px 10px;
    font-size: 13px;
    width: 100%;
    background: #fff;

}
#jobs-search-form h4{
    text-align: center;
    font-size: 16px !important;
    font-weight: bold;
    margin: 20px 0;
}
.form-advanced .expand {
    text-align: center;
    margin: 20px;
}
.form-advanced .expand .expand-inner {
    border: 1px solid #9c9efe;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 8px;
    cursor: pointer;
}
.form-advanced .expand .expand-inner h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.form-advanced .expand .expand-inner p {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}
.filter-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}
.filter-actions.one {
    justify-content: center;
}
.filter-actions span {
    background-color: #9c9efe !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 14px !important;
    padding: 3px 25px !important;
    border-radius: 8px !important;
    cursor: pointer;
    width: calc(50% - 5px);
}
.filter-actions.one span {
    width: 100%;
}
.filter-wrap {
    display: none;
}
.form-advanced .local-search {
    min-height: 38px;
    line-height: 26px;
    overflow: hidden;
}

/* ============================================================================
 * Freelancer item card — layout rules for the redesigned card produced by
 * `mdp_render_freelancer_card()` (deck slide 6 / freelancer-item design).
 *
 * Existing colors / icons / typography are inherited from the surrounding
 * jobsearch styles — these rules only handle STRUCTURE + POSITIONING:
 *   - top row : Recommended badge (left)  vs  view + star icons (right)
 *   - identity row : avatar (left)  vs  name / sectors / rates (right)
 *   - footer row : Availability (left)  vs  Member since (right)
 *   - "View more" inline link inside the skills strip
 *
 * Scoped under `.search-freelancers-listing` so they only target cards
 * rendered through the shared function — legacy shortcodes that produce
 * their own markup are unaffected.
 * ============================================================================ */
.search-freelancers-listing article .mdp-fl-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
    width: 100%;
}
/* When `recommendation_list` is empty we still render a hidden spacer so the
 * star/view icons stay right-aligned via space-between. */
.search-freelancers-listing article .mdp-fl-card__top .result-count {
    margin: 0;
    flex: 1 1 auto;
}
.search-freelancers-listing article .mdp-fl-card__top .result-count--empty {
    display: block;
    flex: 1 1 auto;
}
/* Pull `.freelance-actions` out of the text column it used to live in so it
 * sits in the top-right corner per the design. The legacy descendant
 * styles on `.jobsearch-joblisting-text .freelance-actions` stay intact for
 * any callers that still use the old position. */
.search-freelancers-listing article .mdp-fl-card__top .freelance-actions {
    position: static;
    margin: 0;
    flex: 0 0 auto;
}

/* Identity row — avatar + text block side-by-side. The `<figure>` already
 * floats/positions itself; we just give the wrapper a flex context so the
 * `.jobsearch-joblisting-text` content sits to its right and the columns
 * stay aligned at the top. */
.search-freelancers-listing article .mdp-fl-card__identity {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
/* Avatar — fixed-size circle that crops the underlying image with
 * `object-fit: cover`. Both real photos (square or rectangular) and the
 * WP-JobSearch "no-image.jpg" placeholder render identically because
 * overflow is hidden by the circular figure.
 *
 * The img !important overrides are required because an older rule
 * (`.search-freelancers-listing .jobsearch-joblisting-classic-wrap figure img`)
 * higher up in this stylesheet pins the avatar to 95×95 with a 15px
 * border-radius + box-shadow — we re-set those properties so the parent
 * circle clip is the only shape that matters. */
.search-freelancers-listing article .mdp-fl-card__identity > figure {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    background: #f3f4ff;
    box-sizing: border-box;
}
.search-freelancers-listing article .mdp-fl-card__identity > figure > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block;
    margin: 0;
}
.search-freelancers-listing article .mdp-fl-card__identity > .jobsearch-joblisting-text {
    flex: 1 1 auto;
    min-width: 0;
}

/* Footer row — Availability left, Member since right, on one line. */
.search-freelancers-listing article .mdp-fl-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
}
.search-freelancers-listing article .mdp-fl-card__footer > .availability,
.search-freelancers-listing article .mdp-fl-card__footer > .member-sinces {
    margin: 0;
}
.search-freelancers-listing article .mdp-fl-card__footer > .availability--empty {
    display: block;
    flex: 1 1 auto;
}

/* "…View more" inline link inside the Skills strip — highlight via the
 * background color (`#fff59d` ≈ standard pale-yellow highlighter). The
 * design uses the same shade so we keep it consistent. Color of the link
 * itself stays whatever the theme assigns to `<a>`. */
.search-freelancers-listing article .mdp-fl-card__view-more {
    background: #fff59d;
    padding: 0 4px;
    border-radius: 2px;
    text-decoration: none;
    white-space: nowrap;
}
.search-freelancers-listing article .mdp-fl-card__view-more:hover {
    background: #fff176;
    text-decoration: underline;
}

/* Country dropdown `.local-search` — match the Job Function dropdown's input
 * (subtle 1px border, compact 38px height, 13px font). Without this, the
 * `#jobs-search-form .location .countries-wrap input` rule below wins on
 * ID-specificity and gives the input a 40px-tall, center-aligned, borderless
 * look. !important is set on the values that conflict with that rule. */
#jobs-search-form .countries-wrap .wrap-inner .local-search {
    height: 38px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

#jobs-search-form .form-advanced .filter-item .counter {
    position: absolute;
    top: 7px;
    right: 10px;
    margin-left: 5px;
    transform: unset;
    width: 20px;
    height: 20px;
    background: #fff;
    color: #9C9EFE;
}
#jobs-search-form .form-advanced .filter-item:hover .counter {
    background: #9C9EFE;
    color: #fff;
}
#jobs-search-form .form-advanced .reset-wrap {
    text-align: right;
}
#jobs-search-form .form-advanced .reset-wrap span {
    display: inline-block;
    text-align: center;
    padding: 5px 40px;
    color: #9C9EFE;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
}
#jobs-search-form .form-advanced .reset-wrap span.filter {
    display: none;
}
#jobs-search-form .form-advanced .reset-wrap span i {
    color: red;
    font-style: normal;
    margin-right: 5px;
}
.filter-wrap-top {
    display: none;
}
.filter-item-top {
    display: none;
}
#jobs-search-form .filter-items .location {
    display: none !important;
}
#jobs-search-form .search-submit .expand-inner {
    display: none;
}
.load-more-wrap {
    display: none;
}
.load-more-wrap #load-more-jobs {
    background: #9C9EFE;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: #fff;
    padding: 8px 10px;
}
.total-advanced-filter {
    display: none;
    color:  #9966ff;
}
.list-wrapper-container {
    width: 100%;
}
.thjob-title.custom-css-app-applicants-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.thjob-title.custom-css-app-applicants-title h2 {
    width: 100%;
    text-align: center;
    padding: 10px;
    background: #f5f5f5;
}
.jobsearch-all-aplicantslst .jobsearch-applied-jobs li {
    padding: 0;
}
.jobsearch-all-aplicantslst .jobsearch-applied-job-btns a.preview-candidate-profile:hover {
    color: #999 !important;
    background-color: #f9f9f9 !important;
}
.jobsearch-all-aplicantslst .jobsearch-applied-job-btns a.preview-candidate-profile:hover i {
    color: #999 !important;
}
.jobsearch-all-aplicantslst .jobsearch-applied-job-btns a.more-actions i {
    color: #fff !important;
}
.jobsearch-all-aplicantslst .jobsearch-applied-job-btns ul li a {
    display: flex;
    align-items: center;
}
.jobsearch-all-aplicantslst .jobsearch-applied-job-btns ul li a span {
    margin: 0;
}
.lodmore-apps-btnsec {
    text-align: center;
}
.lodmore-apps-btnsec a {
    background-color: #9c9efe;
    border: 1px solid #9c9efe;
    border-radius: 100px;
    color: #fff !important;
    padding: 10px 40px;
}
.jobsearch-notification-item a {
    font-size: 13px;
    color: #9c9efe !important;
}
.bp-messages-wrap.mobile-ready:not(.bp-messages-mobile) .bp-messages-mobile-tap {
    background: rgb(0 0 0 / 60%) !important;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: bold;
}
.chat-header .thread-info {
    pointer-events: none;
}
.jobsearch-recent-applicants-nav a, .job-sector a {
    cursor: none;
    pointer-events: none;
}
.back-to-job-listing {
    display: flex;
    align-items: center;
    padding: 15px 0 !important;
}
.back-to-job-listing a {
    position: static;
    font-size: 25px;
    padding: 10px;
}
.click-to-view-job {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.emp-head-title {
    font-size: 16px !important;
    font-weight: bold !important;
}
.jobsearch-list-option .jobsearch-pst-title {
    margin-bottom: 10px !important;
}
.apply-job .jobsearch_apply_job_wrap {
    padding: 5px 0 !important;
}
.jobsearch_apply_job {
    margin: 0 !important;
}
.apply-job {
    align-items: center !important;
}
.apply-job .careerfy-jobdetail-btn {
    padding: 9px 15px !important;
}
.error404-content {
    margin: 80px 0 !important;
}
a.error-btn.button {
    color: #fff !important;
}
.custom-forgot-password-css {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.custom-forgot-password-css li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.custom-forgot-password-css input[type="submit"], .custom-forgot-password-css input[type="button"] {
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.jobsearch-employer-dasboard{
    overflow: unset !important;
}
.selectize-control.multi .selectize-input > div{
    height: auto !important;
}
#job-posting-form{
    display: flex;
    flex-direction: column;
    width: 100%;
}
#job-posting-form >*{
    order: 3;
}
#job-posting-form >.jobsearch-employer-box-section:first-child{
    order: 1;
}
#job-posting-form >.jobsearch-employer-box-section:nth-child(3){
    order: 2;
}
.jobsearch-jobdetail-services .field-hidden, #job-posting-form .field-hidden {
    display: none !important;
}
.jobsearch-jobdetail-content.jobsearch-employerdetail-content {
    margin: 50px 0;
}
.related-view-jobs h2.title {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
}
.custom-css-for-job-listing {
    display: flex;
    flex-wrap: wrap;
}
.jobsearch-jobdetail-list .wrap-thumb {
    min-width: 120px;
}
.jobsearch-jobdetail-list .jobsearch-list-option {
    flex-grow: 1;
}
.group-features {
    min-width: 240px;
    height: 100%;
}
.jobsearch-jobdetail-list .jobsearch-list-option .jobsearch-pst-title {
    padding-right: 15px;
}
.new-chat-private a {
    white-space: nowrap;
}
.submit-wrap input {
    border-radius: 4px;
}
a.jobsearch-mangjob-act {
    animation: none !important;
}
a.jobsearch-mangjob-act.fa-spin:before {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
    display: block;
}
.wrap-back-to-front {
    margin: 15px 0 !important;
}
.wrap-back-to-front a {
    display: flex;
    align-items: center;
}
.wrap-back-to-front i {
    font-size: 25px;
    margin-right: 20px;
}
.wrap-back-to-front span {
    background-color: #9c9efe;
    border: 1px solid #9c9efe;
    border-radius: 30px;
    color: #fff;
    padding: 10px 40px;
}
.selectize-control.single{
    position: relative;
}
.selectize-control.single .selectize-input:before{
    content: none !important;
}
.selectize-control.single .selectize-input:after{
    margin: 0 !important;
    top: 50% !important;
    transform: translatey(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    right: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 350ms;
}
.selectize-control.single .selectize-input.dropdown-active:after {
    transform: translatey(-50%) rotate(180deg) !important;
}
.selectize-control.single .selectize-dropdown{
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
}
.jobsearch-profile-select:after{
    content: none !important;
}
.jobsearch-profile-select.loading {
    pointer-events: none;
}
.jobsearch-profile-select:after {
    position: absolute !important;
    top: 1px !important;
    right: 2px !important;
    z-index: 1;
    width: 34px;
    height: 34px;
    background: #fff;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}
.jobsearch-profile-select i {
    display: none;
    position: absolute !important;
    top: 1px !important;
    right: 2px !important;
    z-index: 2;
    width: 34px;
    height: 34px;
    background: #fff;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 30px;
}
.jobsearch-profile-select.loading i {
    display: flex;
}
.jobsearch-profile-select ul {
    background: #fff;
    padding: 10px 0;
    margin: 0;
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    top: calc(100% - 5px);
    left: 0;
    width: 100%;
}
.jobsearch-profile-select ul li {
    list-style-type: none;
    color: #333;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    line-height: 1.4;
    padding: 5px 5px 5px 25px;
    border: none !important;
}
.jobsearch-profile-select ul li:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 8px;
    width: 12px;
    height: 12px;
    margin: 0 0 0 0;
    border: 1px solid #c2d1d3;
    box-shadow: 0 0 0 3px #fff inset;
}
.jobsearch-profile-select ul li.active {
    background-color: #D6D6FF;
}
#dashboard-tab-user-job .submit-wrap input{
    margin-bottom: 10px;
}
#dashboard-tab-user-job .jobsearch-profile-select .selectize-input{
    display: flex;
    align-items: center;
    padding: 0 14px !important;
}
#dashboard-tab-user-job .jobsearch-profile-select .selectize-input .item{ 
    line-height: 22px;
    padding: 0 22px 0 5px !important;
}
#dashboard-tab-user-job .jobsearch-profile-select .selectize-input input{
    font-size: 14px !important;
    font-weight: 400 !important;
}
#dashboard-tab-manage-jobs .jobsearch-pst-title a{
    color: #9c9efe !important;
    display: block;
    padding-right: 10px;
}
.jobsearch-modal .jobsearch-modal-title-box h2{
    font-size: 20px;
}
.jobsearch-modal ul{
    margin: 0;
}
.backto-home-btncon a{
    background-color: #9c9efe !important;
    color: #fff !important;
    text-decoration: none;
}
.jobsearch-pst-title .posted-date{
    font-size: 12px;
    color: #999;
    margin: 5px 0;
    font-weight: normal;
}
@media (min-width: 1025px) {
    .hide-desktop{
        display: none !important;
    }
    .form-advanced .filter-wrap .filter-items {
        flex-wrap: nowrap;
        justify-content: center;
        padding: 0;
        margin: 0;
        transition: transform 0.5s ease;
    }
    .form-advanced .list-wrapper-container {
        display: flex;
        align-items: center;
        position: relative;
    }
    .form-advanced .list-wrapper-container .list-wrapper {
        padding: 0 35px;
    }
    .form-advanced .list-wrapper-container:before {
        content: '';
        width: 1000px;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        right: calc(100% - 35px);
        z-index: 2;
        pointer-events: none;
    }
    .form-advanced .list-wrapper-container:after {
        content: '';
        width: 1000px;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        left: calc(100% - 40px);
        z-index: 2;
        pointer-events: none;
    }
    .form-advanced .list-wrapper-container .list-wrapper:before {
        content: '';
        width: 1000px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 100%;
        z-index: 2;
    }
    .form-advanced .list-wrapper-container .list-wrapper:after {
        content: '';
        width: 1000px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 2;
    }
    .form-advanced .list-wrapper {
        max-width: 1250px;
        flex: 1;
    }
    .form-advanced .filter-items .filter-item {
        white-space: nowrap;
    }
    .form-advanced .list-wrapper-container>span {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 3px #ccc;
        opacity: 1;
        color: #A020F0;
        position: absolute;
        top: 5px;
        z-index: 9;
        cursor: pointer;
        display: none;
    }
    .form-advanced .list-wrapper-container>span.prev {
        left: 0;
    }
    .form-advanced .list-wrapper-container>span.next {
        right: 0;
    }
    .form-advanced .list-wrapper-container>span:disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }
    .form-advanced .filter-item:not(.active) div.wrap {
        left: auto !important;
        right: 0;
    }
    #jobs-search-form .filter-item:nth-child(1):not(.active) div.wrap,
    #jobs-search-form .filter-item:nth-child(2):not(.active) div.wrap,
    #jobs-search-form .filter-item:nth-child(3):not(.active) div.wrap,
    #jobs-search-form .filter-item:nth-child(4):not(.active) div.wrap {
        left: 0 !important;
        right: auto !important;
    }
}
@media(max-width: 1200px){
    #jobs-search-form .form-top > .filter-item {
        padding: 0 5px;
        width: 32%;
    }
    #jobs-search-form .location {
        padding: 0 5px;
    }
}
@media(max-width: 1024px){
    #jobs-search-form .filter-item .wrap ul.state-list{
        margin: 0;
    }
    #jobs-search-form .filter-item .wrap ul li[data-search="yes"]{
        position: unset;
    }
    #jobs-search-form .filter-item .wrap ul li[data-search="yes"] input{
       color: #000;
    }
    .jobsearch-jobexpire-notifyerr-inner{
        width: 100% !important;
    }
    .jobexpire-notify-msgcon h2{
        font-size: 20px !important;
    }
    .mdp-pagination >* {
        width: 30px;
        height: 30px;
        font-size: 16px;
        margin: 3px !important;
    }
    .jobsearch-modal .jobsearch-modal-title-box h2{
        font-size: 16px;
    }
    input, textarea, select {
        font-size: 16px !important;
    }
    .jobsearch-pagination-blog ul li a i {
        font-size: 16px !important;
    }
    .jobsearch-pagination-blog ul li a i {
        font-size: 16px !important;
    }
    #main .jobsearch-page-numbers li>* {
        width: 40px !important;
        ;
        height: 40px !important;
        ;
        font-size: 16px !important;
        ;
        margin: 5px !important;
        ;
    }
    .jobsearch-managejobs-list {
        margin-bottom: 0px !important;
    }
    .error-title {
        font-size: 30px !important;
    }
    .filter-wrap #prevBtn,
    .filter-wrap #nextBtn,
    .form-advanced .list-wrapper-container>span,
    .jobsearch-job .mdp-pagination{
        display: none;
    }
    .form-advanced .local-search {
        margin-bottom: 5px;
    }
    .load-more-wrap{
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
    .hide-mobile {
        display: none !important;
    }
    #jobs-search-form .search-submit {
        position: relative;
    }
    #jobs-search-form .search-submit .expand-inner {
        display: block;
        position: absolute;
        left: 0;
        top: 14px;
        z-index: 1;
    }
    #jobs-search-form .search-submit .expand-inner .total {
        background: #9966ff;
        color: #fff;
        height: 24px;
        display: flex;
        min-width: 24px;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        font-size: 14px;
        position: absolute;
        top: 4px;
        right: -40px;
        z-index: 1;
    }
    #jobs-search-form .search-submit .expand-inner svg {
        width: 40px;
        height: 30px;
        border: 2px solid #9c9efe;
    }
    #jobs-search-form {
        max-width: 576px;
        margin: 0 auto;
    }
    #jobs-search-form .form-top {
        flex-direction: column;
    }
    #jobs-search-form .form-top .filter-item {
        width: 100%;
        padding: 0;
        position: relative;
        margin-bottom: 5px;
    }
    #jobs-search-form .filter-item .item-inner {
        height: 50px;
    }
    #jobs-search-form .location {
        width: 100%;
    }
    #jobs-search-form .location .location-inner {
        width: 100%;
        flex-direction: column;
        border: none;
        border-radius: 0;
        height: auto;
    }
    #jobs-search-form .location .countries-wrap, #jobs-search-form .location .states-wrap {
        border: 1px solid #9c9efe;
        border-radius: 8px;
        height: 50px;
    }
    #jobs-search-form .location .countries-wrap input:not(.local-search-state), 
    #jobs-search-form .location .states-wrap input:not(.local-search-state) {
        text-align: center;
    }
    #jobs-search-form .location .countries-wrap:after {
        content: none;
    }
    #jobs-search-form .search-submit {
        width: 100%;
        text-align: center;
    }
    #jobs-search-form .search-submit input {
        border-radius: 8px;
        margin-left: 0;
        margin-top: 10px;
    }
    #jobs-search-form h4 {
        margin: 0 0 10px 0;
        font-size: 12px !important;
    }
    .form-advanced .expand {
        display: none;
    }
    #jobs-search-form .filter-wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        width: 100vw;
        height: 100vh;
        background: #fff;
        padding: 20px 30px;
    }
    #jobs-search-form .filter-wrap.active .filter-wrap-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
    #jobs-search-form .form-advanced .reset-wrap {
        display: flex;
        justify-content: space-between;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1;
        padding: 5px 10px;
        background: #fff;
    }
    #jobs-search-form .form-advanced .reset-wrap span {
        background: #9C9EFE;
        border-radius: 8px;
        color: #fff;
        padding: 10px 40px;
    }
    #jobs-search-form .form-advanced .reset-wrap span.filter {
        display: block;
    }
    #jobs-search-form .form-advanced .reset-wrap span i {
        display: none;
    }
    #jobs-search-form .form-advanced .list-items {
        padding: 0;
    }
    #jobs-search-form .form-advanced .reset-wrap, #jobs-search-form .form-advanced .filter-wrap .filter-items {
        width: 100%;
    }
    #jobs-search-form .form-advanced .filter-wrap .filter-items {
        flex-grow: 1;
        display: block;
        max-height: calc(100vh - 170px);
        overflow-y: auto;
        margin: 0;
        transform: unset !important;
    }
    #jobs-search-form .form-advanced .filter-wrap .filter-items .filter-item span {
        background: #fff;
        color: #000;
        font-size: 14px;
        border-radius: 8px;
        border: 1px solid #9C9EFE;
        padding: 5px 20px;
        height: 40px;
    }
    #jobs-search-form .filter-item input.title-company {
        height: 100%;
        font-weight: bold;
        font-size: 14px;
    }
    #jobs-search-form .filter-item.title-company{
        position: relative;
    }
    #jobs-search-form .filter-item.title-company:after{
        content: "";
        width: 50px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }
    #jobs-search-form .filter-item.sector label {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }
    #jobs-search-form .filter-item.sector .item-inner .sector-title {
        margin: 0 35px;
        width: 100%;
        white-space: nowrap;
    }
    #jobs-search-form .form-advanced .filter-wrap .filter-wrap-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
        width: 100%;
    }
    #jobs-search-form .form-advanced .filter-wrap .filter-wrap-top .close {
        background: #9C9EFE;
        border-radius: 8px;
        color: #fff;
        padding: 10px 40px;
    }
    #jobs-search-form .form-advanced .filter-wrap .filter-wrap-top label {
        color: #000;
        font-size: 22px;
        font-weight: bold;
        margin: 0;
    }
    #jobs-search-form .filter-item div.wrap {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        opacity: 1;
        visibility: visible;
        transition: none;
        box-shadow: none !important;
    }
    #jobs-search-form .filter-item div.wrap .wrap-inner {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    #jobs-search-form .filter-item div.wrap .wrap-inner ul {
        flex-grow: 1;
        display: block;
        max-height: calc(100% - 150px);
    }
    #jobs-search-form .filter-item div.wrap .wrap-inner .filter-actions{
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }
    #jobs-search-form .filter-item .filter-item-top{
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin-bottom: 15px;
    }
    #jobs-search-form .filter-item .filter-item-top .wrap-counter {
        display: flex;
        align-items: center;
        width: 100%;
    }
    #jobs-search-form .filter-item .filter-item-top label {
        color: #000;
        font-size: 22px;
        font-weight: bold;
        margin: 0;
        display: block;
        width: 85%;
    }
    #jobs-search-form .filter-item .filter-item-top .counter {
        position: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        line-height: 1;
        font-style: normal;
        background: #9c9efe;
        padding: 2px 5px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }
    #jobs-search-form .filter-item.sector .filter-item-top .counter {
        position: unset;
        transform: unset;
        margin-left: 10px;
    }
    #jobs-search-form .filter-item .filter-item-top span.close-filter-item {
        background: #9C9EFE !important;
        border-radius: 8px !important;
        color: #fff !important;
        padding: 10px 40px !important;
    }
    #jobs-search-form .form-advanced .filter-item .counter {
        background: #9C9EFE;
        color: #fff;
    }
    #jobs-search-form .form-advanced .location .filter-item .counter {
        background: #fff;
        color: #9C9EFE;
    }
    #jobs-search-form .form-advanced .location .filter-item  .wrap-counter .counter {
        background: #9C9EFE;
        color: #fff;
    }
    
    #jobs-search-form .form-top .location {
        display: none;
    }
    #jobs-search-form .filter-items .location {
        display: block !important;
        padding: 5px 3px;
    }
    #jobs-search-form .filter-items .location .filter-item {
        background: #9C9EFE;
        height: 40px;
        margin-bottom: 10px;
    }
    #jobs-search-form .filter-items .location .filter-item img {
        display: none;
    }
    #jobs-search-form .filter-items .location .filter-item input:not(.local-search-state) {
        color: #fff;
        font-size: 14px !important;
        display: block;
        text-align: center;
    }
    #jobs-search-form .form-advanced .filter-wrap .filter-items .location .filter-item>span {
        color: #fff;
        font-weight: 500;
        display: block;
        text-align: center;
        width: 100%;
        background: none;
    }
    #jobs-search-form .filter-items .location .filter-item input:not(.local-search-state)::placeholder {
        color: #fff;
    }
    .fiter-entry .sorts {
        display: none;
    }
    .related-view-jobs h2.title {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
    }
    .related-view-jobs h2.title span{
        display: block;
        width: 100%;
    }
    .jobsearch-jobdetail-content.jobsearch-employerdetail-content {
        margin: 50px 0 !important;
    }
    #jobs-search-form.jobs-search-form .filter-item .wrap ul.state-list{
        margin-top: 0;
    }
    #jobs-search-form .filter-item.states-wrap.state .wrap ul li[data-search="yes"]{
        position: unset;
    }
}
@media (max-width: 768px) {
    .filter-wrap .filter-items .filter-item .wrap {
        padding: 10px !important;
    }
    .filter-wrap .filter-items .filter-item:hover .wrap {
        visibility: visible !important;
        opacity: 1 !important;
    }
    .jobsearch-jobdetail-list .jobsearch-list-option {
        order: 3;
        width: 100%;
        margin-top: 20px;
    }
    .jobsearch-jobdetail-list {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .group-features {
        position: absolute;
        top: 18px;
        right: 18px;
        z-index: 1;
    }
}
@media (max-width: 576px) {
    .jobsearch-jobexpire-notifyerr-inner{
        padding: 0 !important;
    }
    .jobexpire-notify-msgcon h2 {
        font-size: 18px !important;
    }
    .filter-wrap .filter-items .filter-item {
        width: 100% !important;
    }
    #jobs-search-form .form-advanced .reset-wrap span {
        padding: 5px 20px;
    }
    #jobs-search-form .form-advanced .filter-wrap .filter-wrap-top .close {
        padding: 5px 20px;
    }
    #jobs-search-form .filter-wrap {
        padding: 10px;
    }
    #jobs-search-form .filter-item .filter-item-top span.close-filter-item {
        padding: 5px 20px !important;
    }
    #jobs-search-form .filter-item .filter-item-top label {
        font-size: 16px;
    }
    .group-features {
        flex-wrap: wrap;
    }
    .group-features .new-chat-private {
        order: 3;
        width: 100%;
        text-align: right;
        margin: 10px 0 5px 0;
        padding: 0;
    }
    .group-features .new-apply-job-mobile-button {
        display: flex !important;
        justify-content: flex-end;
        order: 3;
        width: 100%;
        text-align: right;
    }
    .custom-mobile-hide {
        display: none !important;
    }
    .group-features .jobsearch_apply_job_wrap {
        margin-right: 0 !important;
    }
    .group-features .jobsearch_apply_job_wrap a {
        font-size: 12px !important;
        margin: 0 !important;
        font-weight: normal !important;
        line-height: 1;
        border-radius: 15px !important;
        padding: 11px 15px !important;
    }
    .group-features .jobsearch_apply_job_wrap a small {
        font-size: 12px !important;
    }
}
@media (max-width: 480px) {
    #jobs-search-form .form-advanced .filter-wrap .filter-items .filter-item>span {
        padding: 0px 20px;
        height: 36px;
        line-height: 36px;
    }
    #jobs-search-form .filter-items .location .filter-item {
        height: 36px;
        margin-bottom: 6px;
    }
    .filter-wrap .filter-items .filter-item {
        padding: 3px 3px;
    }
}
.single-candidate .jobsearch-candidate-editor {
    margin-bottom: 50px;
}
.single-candidate .jobsearch-typo-wrap {
    color: #58595B;
}
.single-candidate .jobsearch-typo-wrap span, .single-candidate .jobsearch-typo-wrap small {
    font-size: 16px;
    color: #58595B !important;
}
.single-candidate .jobsearch-typo-wrap strong {
    font-weight: bold;
}
.single-candidate .jobsearch-candidate-timeline-text span a {
    color: #9c9efe;
}
.single-candidate .jobsearch-typo-wrap .jobsearch-candidate-timeline-text p {
    font-size: 16px;
    color: #58595B;
}
.single-candidate .jobsearch-typo-wrap .jobsearch-candidate-timeline-text ul, .single-candidate .jobsearch-typo-wrap .jobsearch-candidate-timeline-text ol {
    padding-left: 20px !important;
}
.single-candidate .jobsearch-typo-wrap .jobsearch-candidate-timeline-text ul li {
    list-style: disc !important;
    display: list-item !important;
}
.single-candidate .jobsearch-typo-wrap ol li {
    list-style-type: decimal !important;
    display: list-item !important;
}
.jobsearch-candidate-resume-wrap small {
    font-size: 16px;
}
.jobsearch-candidate-resume-wrap strong {
    font-weight: bold;
}
.jobsearch-candidate-resume-wrap {
    color: #58595B;
}
.load-more-wraper {
    text-align: right;
}
.load-more-wraper #load-more {
    background: #9c9efe !important;
    color: #fff;
    font-size: 14px;
    border: none;
    padding: 5px 15px;
}
.freelance-profile-menu li {
    position: relative;
}


/* Submenu left border line (gray, như D6) */
li.freelance-profile-menu .freelance-profile-list {
    padding-left: 22px;
    margin-top: 2px;
    margin-bottom: 8px;
    position: relative;
}
li.freelance-profile-menu .freelance-profile-list li,
li.freelance-profile-menu .freelance-profile-list a{
    border: none !important;
}
li.freelance-profile-menu .freelance-profile-list:before{
    content: '';
    height: calc(100% - 20px);
    top: 10px;
    left: 15px;
    border-left: 1px solid #eeecff;
    position: absolute;
    z-index: 1;
}
/* Sub-items */
li.freelance-profile-menu li a {
    background-color: transparent !important;
    color: #9c9efe !important;
    margin-left: 15px !important;
    padding: 10px 14px !important;
    border-left: none !important;
    font-size: 13px !important;
    height: 36px !important;
    line-height: 36px !important;
    width: calc(100% - 15px) !important;
}
li.freelance-profile-menu li a:hover {
    background-color: #eeecff !important;
    color: #9c9efe !important;
}
li.freelance-profile-menu li.active a {
    background-color: #eeecff !important;
    color: #9c9efe !important;
}
#freelance-profile-form .radio-type .radio-wrap {
    display: inline-block;
    position: relative;
}
#freelance-profile-form .radio-wrap span {
    border: 1px solid #9c9efe;
    color: #000;
    padding: 3px 15px;
    border-radius: 5px;
    display: inline-block;
    margin: 10px 10px 10px 0;
    line-height: 1.4;
}
#freelance-profile-form .radio-wrap input:checked+span {
    background: #9c9efe;
    color: #fff;
}
#freelance-profile-form .radio-wrap input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    cursor: pointer;
    opacity: 0;
}
#freelance-profile-form .submit-wrap {
    margin: 30px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
#freelance-profile-form .submit-status {
    margin-left: 20px;
    color: #fff;
    border-radius: 4px;
    padding: 6px 24px;
    background: green;
    text-transform: uppercase;
}
#freelance-profile-form .slider-type .slider-wrap {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
#freelance-profile-form .slider-type .slider-wrap .display-value {
    background: #ebebeb;
    padding: 5px 20px;
    border-radius: 10px;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.4;
    color: #9c9efe;
    font-weight: 500;
}
#freelance-profile-form .slider-type .slider-wrap .display-value i {
    color: #000;
    font-style: normal;
}
#freelance-profile-form .slider-type .slider-wrap p {
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
#freelance-profile-form .slider-type .ui-slider-horizontal {
    height: 5px;
    background: #000 !important;
}
#freelance-profile-form .ui-slider-handle {
    width: 12px;
    height: 12px;
    background: #9c9efe !important;
    box-shadow: none !important;
    border-radius: 20px !important;
    padding: 0 !important;
}
.result-text {
    padding: 5px 25px !important;
    background: #ebebeb;
}
.required {
    color: red;
}
.open-form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 185px;
    height: 35px;
    background: #9c9efe;
    color: #fff;
    margin: 30px 0 !important;
    cursor: pointer;
    border-radius: 4px;
}
.unverified_count {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #9c9efe;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.freelance-profile-list > li > a > i {
    font-size: 12px !important;
    color: #9c9efe !important;
    left: 8px !important;
    top: 50% !important;
    margin-top: 0 !important;
}
li.freelance-profile-menu li.active a > i {
    color: #9c9efe !important;
}
.wrap-recommender .result-count {
    font-size: 26px;
    border-bottom: 1px solid #9c9efe;
    margin-bottom: 20px;
    padding-block: 20px;
}
.wrap-recommender .recommender-item {
    border: 1px solid #9c9efe;
    margin-bottom: 20px;
    position: relative;
    border-radius: 20px;
    padding: 20px;
}
.wrap-recommender .recommender-item .item-head {
    max-width: 80%;
    margin-bottom: 20px;
}
.wrap-recommender .recommender-item .item-head .linkedin {
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 1;
}
.wrap-recommender .recommender-item .item-head h2 {
    font-size: 22px;
}
.wrap-recommender .recommender-item .item-head p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    width: 100%;
    line-height: 1.8;
    margin: 0;
}
.wrap-recommender .recommender-item .item-head p span {
    font-weight: 500;
}
.wrap-recommender .recommender-item .message {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}
.wrap-recommender .recommender-item .date-publish {
    font-size: 14px;
    color: #000;
}
.freelance-contract-button {
    border-width: 1px;
    border-style: solid;
    color: #fff !important;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 16px !important;
    margin-bottom: 15px !important;
}
.min-max-value {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.min-max-value span {
    color: #000;
    font-size: 14px;
}
.item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.item-footer .remove-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #9c9efe !important;
    border: 1px solid #9c9efe;
    color: #fff !important;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 16px !important;
    cursor: pointer;
}
.dash-notifics-nofound {
    text-align: center;
    margin: 20px 0 !important;
}
/*Freelance*/

.single-freelance-profile .wrap-image {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.single-freelance-profile .wrap-image .socials {
    text-align: center;
}
.single-freelance-profile .wrap-image .socials a {
    color: #9c9efe;
    font-size: 22px;
}
.single-freelance-profile .wrap-image .member-since {
    font-size: 14px;
    color: #000;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 5px 0;
    justify-content: center;
}
.single-freelance-profile .wrap-image .member-since span {
    font-weight: 500;
    margin: 0;
    padding-left: 5px;
}
.single-freelance-profile .wrap-info-head {
    width: 80%;
    padding-left: 30px;
}
.single-freelance-profile .wrap-info-head .group {
    display: flex;
    justify-content: space-between;
}
.single-freelance-profile .wrap-info-head .specialization {
    font-size: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.single-freelance-profile .wrap-info-head .specialization span {
    font-weight: 500;
    margin: 0 0 5px 5px;
    background: #9c9efe;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
    display: inline-block;
}
.single-freelance-profile .wrap-info-head .count-recommendation {
    display: flex;
    align-items: center;
}
.single-freelance-profile .wrap-info-head .count-recommendation span {
    font-weight: 500;
    margin: 0;
    margin-left: 5px;
    display: inline-block;
    padding-top: 2px;
    white-space: nowrap;
}
.single-freelance-profile .wrap-info-head .download-cv {
    display: flex;
    align-items: center;
}
.single-freelance-profile .wrap-info-head .download-cv a {
    display: flex;
    align-items: center;
    font-weight: 500;
    margin: 0;
    padding-top: 2px;
    color: #333;
    white-space: nowrap;
}
.single-freelance-profile .wrap-info-head .download-cv img {
    width: 18px;
    margin-right: 8px;
    margin-left: 4px;
}
.single-freelance-profile .wrap-info-head .years_of_experience {
    margin: 15px 0 25px 0;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.single-freelance-profile .wrap-info-head .years_of_experience span {
    color: rgb(102, 1, 255);
    margin: 0;
    padding-left: 5px;
    font-weight: 500;
}
.single-freelance-profile .wrap-info-head .pricing_daily_rate {
    display: flex;
    align-items: center;
}
.single-freelance-profile .wrap-info-head .pricing_daily_rate span {
    font-weight: 500;
    margin: 0;
    margin-left: 5px;
    display: inline-block;
    padding-top: 2px;
    color: #6601FF;
}
.single-freelance-profile .wrap-info-head .pricing_hourly_rate {
    display: flex;
    align-items: center;
}
.single-freelance-profile .wrap-info-head .pricing_hourly_rate span {
    font-weight: 500;
    margin: 0;
    margin-left: 5px;
    display: inline-block;
    padding-top: 2px;
    color: rgb(102, 1, 255);
}
.single-freelance-profile .wrap-info-head .country {
    display: flex;
    align-items: center;
}
.single-freelance-profile .wrap-info-head .country span {
    font-weight: 500;
    margin: 0;
    margin-left: 5px;
    display: inline-block;
    padding-top: 2px;
}
.single-freelance-profile .wrap-info-head .availability {
    display: flex;
    align-items: center;
}
.single-freelance-profile .wrap-info-head .availability span {
    font-weight: 500;
    margin: 0;
    margin-left: 5px;
    display: inline-block;
    padding-top: 2px;
}
.single-freelance-profile .wrap-info-head .languages {
    display: flex;
    align-items: center;
}
.single-freelance-profile .wrap-info-head .languages span {
    font-weight: 500;
    margin: 0;
    margin-left: 5px;
    display: inline-block;
    padding-top: 2px;
}
.single-freelance-profile .wrap-info-head .chat-shortlist {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.single-freelance-profile .wrap-info-head .chat-shortlist .bpbm-pm-button {
    margin-bottom: 10px;
    background: #9c9efe;
}
.single-freelance-profile .wrap-info-head .chat-shortlist .bpbm-pm-button span {
    margin: 0;
    color: #fff;
}
.single-freelance-profile .wrap-info-head .chat-shortlist .short-list-freelancer {
    background: #9c9efe;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 15px;
}
.single-freelance-profile .wrap-info-head .chat-shortlist .short-list-freelancer span {
    color: #fff;
    font-size: 14px;
    margin: 0 0 0 5px;
}
.single-freelance-profile .wrap-info-head .chat-shortlist .short-list-freelancer .yes {
    display: none;
}
.single-freelance-profile .wrap-info-head .chat-shortlist .short-list-freelancer.saved .yes {
    display: block;
}
.single-freelance-profile .wrap-info-head .chat-shortlist .short-list-freelancer.saved .no {
    display: none;
}
.single-freelance-profile .jobsearch_candidate_info figure {
    border-radius: 10px;
}
.single-freelance-profile .jobsearch-candidate-timeline-text .sub-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 20px;
}
.single-freelance-profile .jobsearch-candidate-timeline-text .sub-title span {
    margin: 0;
    font-size: 20px;
    color: #9c9efe;
}
.single-freelance-profile .timeline-info {
    font-size: 16px !important;
}
.single-freelance-profile .jobsearch-candidate-editor.jobsearch-description {
    margin-bottom: 50px;
}
.single-freelance-profile .top-skill-and-competencies .jobsearch-candidate-timeline-text {
    margin-top: -8px;
}
.single-freelance-profile .top-skill-and-competencies .jobsearch-candidate-timeline-text strong {
    color: #58595B;
    font-weight: 600;
    font-size: 18px;
}
#freelance-profile-form .profile-views-past {
    padding: 15px;
    border: 2px solid #9c9efe;
    margin-bottom: 20px;
    border-radius: 5px;
    clear: both;
    font-size: 18px;
    color: #000;
}
#freelance-profile-form .profile-views-past div:first-child {
    margin-bottom: 10px;
}
#freelance-profile-form .profile-views-past .past-number {
    padding-right: 10px;
}
#freelance-profile-form .profile-views-past .past-days {
    font-weight: bold;
}
#freelance-profile-form .profile-views-by-location {
    padding: 15px;
    border: 2px solid #9c9efe;
    margin-bottom: 20px;
    border-radius: 5px;
    clear: both;
    font-size: 18px;
    color: #000;
}
#freelance-profile-form .profile-views-by-location .title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
#freelance-profile-form .profile-views-by-location .list-location-view {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
#freelance-profile-form .profile-views-by-location .list-location-view li {
    width: 25%;
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}
#freelance-profile-form .profile-views-by-location .list-location-view li span {
    font-weight: bold;
    padding-right: 5px;
}
/*Search Freelancer*/

.search-freelancers .form-advanced .filter-wrap .filter-items {
    justify-content: center;
}
.search-freelancers-listing .jobsearch-joblisting-classic-wrap .jobsearch-joblisting-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.search-freelancers-listing .jobsearch-pst-title {
    margin-bottom: 0;
    margin-top: 20px;
}
.search-freelancers-listing .result-count {
    width: 100%;
    margin: 0;
    padding-left: 5px;
}
.search-freelancers-listing .result-count span {
    color: #9c9efe;
}
.search-freelancers-listing .jobsearch-joblisting-text .freelance_profile_sector {
    color: #9c9efe;
    margin-bottom: 15px;
}
.search-freelancers-listing .jobsearch-joblisting-text p {
    line-height: 1.3;
    margin-bottom: 6px;
    font-size: 15px;
}
.search-freelancers-listing .jobsearch-joblisting-text p.day-rate, .search-freelancers-listing .jobsearch-joblisting-text p.hourly-rate {
    font-weight: 600;
}
.search-freelancers-listing .jobsearch-joblisting-text .years_of_experience span {
    color: #9c9efe;
    font-weight: 600;
}
.search-freelancers-listing .jobsearch-joblisting-bottom {
    padding: 5px 5px 30px 5px;
    position: relative;
    width: 100%;
}
.search-freelancers-listing .jobsearch-joblisting-bottom p {
    line-height: 1.3;
    margin-bottom: 10px;
    font-size: 15px;
}
.search-freelancers-listing .jobsearch-joblisting-bottom strong {
    font-weight: 600;
}
.search-freelancers-listing .jobsearch-joblisting-bottom .account-status {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.search-freelancers-listing .jobsearch-joblisting-bottom .account-status p {
    color: #9c9efe;
    margin: 0;
    padding: 10px 5px;
    font-size: 14px;
}
.search-freelancers-listing .jobsearch-joblisting-bottom .account-status p.member-since {
    color: #000
}
.freelance-actions {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
}
.freelance-actions a {
    width: 26px;
    height: 26px;
    background: #9c9efe;
    border-radius: 50%;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}
.freelance-actions a:hover {
    opacity: 1;
}
.freelance-actions a i {
    color: #fff;
    font-size: 12px;
}
.freelance-actions span {
    width: 26px;
    height: 26px;
    background: #9c9efe;
    border-radius: 50%;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}
.freelance-actions span:hover {
    opacity: 1;
}
.freelance-actions span i.jobsearch-icon.jobsearch-rubbish, .freelance-actions span i {
    color: #fff !important;
    font-size: 12px;
}
.search-freelancers-listing .view-toggle {
    color: #9c9efe;
    position: relative;
    z-index: 2;
}
.search-freelancers-listing .jobsearch-joblisting-classic-wrap figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.search-freelancers-listing .jobsearch-joblisting-classic-wrap figure img{
    border-radius: 15px;
    box-shadow: 0 0 5px #efefef;
    width: 95px;
    height: 95px;
    object-fit: cover;
}
.search-freelancers-listing .jobsearch-joblisting-classic-wrap figure span {
    text-align: center;
    color: red;
    font-size: 12px;
    line-height: 1.2;
    display: block;
    margin-top: 5px;
}
.search-freelancers .search-input .item-inner {
    position: relative;
}
.search-freelancers .search-input .item-inner .search-input-placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: text;
}
.search-freelancers .search-input .item-inner .search-input-placeholder label {
    font-size: 16px;
    color: #666;
    pointer-events: none;
}
.search-freelancers .search-input .item-inner .search-input-placeholder p {
    margin: 0;
    font-size: 12px;
    color: #666;
    margin-top: -5px;
    pointer-events: none;
}
.jobs-listing article .action-link-freelancer:not(.view-detail) {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.spin-animation:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    animation: spin 0.8s linear infinite;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjY0IiBjeT0iNjQiIHI9IjU2IiBzdHJva2U9IiMwMDc4ZGIiIHN0cm9rZS13aWR0aD0iMTYiIGZpbGw9Im5vbmUiIHN0cm9rZS1kYXNoYXJyYXk9IjkwIDMwIi8+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.short-list-freelancer.saved {
    pointer-events: none;
}
.short-list-freelancer .jobsearch-star {
    display: none;
}
.short-list-freelancer.saved .jobsearch-star {
    display: block;
}
.short-list-freelancer.saved .jobsearch-star-1 {
    display: none;
}
.jobs-listing.grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
}
#jobs-search-form.shortlist_freelance_and_filter_form .location, #jobs-search-form.shortlist_freelance_and_filter_form .form-top>.filter-item {
    width: 40%;
}
#jobs-search-form.shortlist_freelance_and_filter_form .location .countries-wrap:after {
    content: none;
}
#jobs-search-form.shortlist_freelance_and_filter_form .form-advanced .filter-wrap .filter-items {
    flex-wrap: wrap;
}
.view-type-shortlisted {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px !important;
}
.view-type-shortlisted span {
    width: 120px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9C9EFE;
    color: #9C9EFE;
    margin: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.view-type-shortlisted span.active {
    background: #9C9EFE;
    color: #fff;
}
.relative {
    position: relative;
}
.add-to-shortlisted .jobsearch-star {
    display: none;
}
.add-to-shortlisted.saved .jobsearch-star {
    display: block;
}
.add-to-shortlisted.saved .jobsearch-star-1 {
    display: none;
}
#jobs-search-form .radio-wrap {
    position: relative;
}
#jobs-search-form .radio-wrap input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    cursor: pointer;
    opacity: 0;
}
#jobs-search-form .radio-wrap input:checked+span {
    background: #9c9efe;
    color: #fff;
}

.wrap-slider {
    position: relative;
    padding: 11px 0 11px 42px !important;
    height: 50px;
    line-height: 50px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #eceeef;
}
.wrap-slider > span {
    color: #333333;
    font-size: 16px;
    line-height: 50px;
}
.wrap-slider > span > svg {
    position: absolute;
    left: 12px;
    top: 15px;
    color: #aaaaaa;
    width: 20px;
    height: 20px;
    stroke: currentColor;
}
.wrap-slider .switch {
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    display: inline-block;
    width: 44px;
    height: 20px;
}

.wrap-slider .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.wrap-slider .slider {
    background-color: #ccc;
    position: absolute;
    cursor: pointer;
    border-radius: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    font-size: 9px;
    text-align: center;
    line-height: 20px;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3px !important;
}

.wrap-slider .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    top: 1px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
    z-index: 2;
}

.wrap-slider input:checked + .slider {
    background-color: #9c9efe;
}

.wrap-slider input:checked + .slider:before {
    transform: translateX(22px);
}
.bp-better-messages-unread.bpbmuc {
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.bp-better-messages-unread.bpbmuc{
    right: 0 !important;
}
.wrap-menu-account li ul{
    width: 100%;
}
.wrap-menu-account li ul li a{
    position: relative;
    border: none;
}
.wrap-menu-account li ul li a svg{
    margin-right: 5px;
    width: 14px;
    height: 14px;
}
.jobsearch-modal.modal-xs .modal-content-area {
    max-width: 280px;
}

.jobsearch-modal.modal-xs .modal-box-area {
    border: 1px solid #9c9efe;
    border-radius: 12px;
    padding: 10px 0;
}

.btn-secondary,
.jobsearch-typo-wrap .btn-secondary,
.btn-secondary-outline,
.jobsearch-typo-wrap .btn-secondary-outline {
    font-size: 16px !important;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    padding: 0 16px;
    border-radius: 4px;
    border: 1px solid #9c9efe;
}

.btn-secondary.btn-full,
.btn-secondary-outline.btn-full {
    width: 100%;
}

.btn-secondary.btn-wide,
.btn-secondary-outline.btn-wide {
    min-width: 200px;
}

.btn-secondary,
.jobsearch-typo-wrap .btn-secondary {
    color: #fff !important;
    background-color: #9c9efe !important;
}

.btn-secondary-outline,
.jobsearch-typo-wrap .btn-secondary-outline {
    color: #9c9efe !important;
    background-color: #fff !important;
}

#mpjs-sc-assign-recruiter-modal .modal-close-btn {
    margin: 0 auto 20px;
}

#mpjs-sc-assign-recruiter-modal  .mpjs-submit {
    margin: 30px auto;
}

.jobsearch-form i.jobsearch-icon.jobsearch-technology {
    display: none !important;
}

.jobsearch-form .phon-num-fieldcon:before {
    top: 7px;
}

.jobsearch-form .selectize-control.single .selectize-input {
    height: 42px;
    padding: 10px 14px;
}

.is-invalid input,
.is-invalid select,
.is-invalid textarea,
.is-invalid .selectize-input,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border: 1px solid #ff0000 !important;
}

.text-bold,
button.text-bold,
.btn-secondary.text-bold {
    font-weight: bold;
}
a.view-example{
    color: #9c9efe !important;
}

.mdp-popup.view-example-content .popup-inner .popup-wrap{
    max-height: 65vh;
    overflow-y: auto;
    color: #333;
    font-size: 14px;
}

.mdp-popup.view-example-content {
    line-height: 1.6;
    font-size: 15px;
}

.mdp-popup.view-example-content h2 {
    color: #9c9efe;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
    letter-spacing: unset;
}

.mdp-popup.view-example-content h3 {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 8px;
    letter-spacing: unset;
}

.mdp-popup.view-example-content p,
.mdp-popup.view-example-content li {
    font-size: 15px;
    margin-bottom: 10px;
}

.mdp-popup.view-example-content ol,
.mdp-popup.view-example-content ul {
    padding-left: 20px;
    margin-bottom: 20px;
}
.mdp-popup.view-example-content ol,
.mdp-popup.view-example-content ol li{
    list-style-type: decimal;
}
.mdp-popup.view-example-content ul,
.mdp-popup.view-example-content ul li{
    list-style-type: disc;
}
.mdp-popup.view-example-content strong {
    font-weight: bold;
}

.jobsearch-employer-dasboard #cometchat{
    position:relative;
    z-index:1;
    width: 100%;
}
.wrap-submit{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.wrap-submit *{
    height: 44px;
    margin: 10px !important;
    float: none;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.jobsearch-joblisting-bottom .jobsearch-job-userlist {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);
}
.jobsearch-joblisting-bottom .jobsearch-job-userlist .workplace_type {
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 17px 8px 17px;
    line-height: 1;
    background-color: #9c9efe;
    color: #ffffff;
    border-radius: 6px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jobsearch-joblisting-bottom .jobsearch-job-userlist .workplace_type.onsite{
    background: #999;
}
.jobsearch-joblisting-bottom .jobsearch-job-userlist .workplace_type.remote{
    background: #8DB600;
}
.jobsearch-joblisting-bottom .jobsearch-job-userlist .workplace_type.hybrid{
    background: #865bcf;
}
#employer-profilesetings-form #jobs-search-form .location,
#candidate-profilesetings-form #jobs-search-form .location,
#job-posting-form #jobs-search-form .location {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#employer-profilesetings-form #jobs-search-form .location .filter-item,
#candidate-profilesetings-form #jobs-search-form .location .filter-item,
#job-posting-form #jobs-search-form .location .filter-item{
    width: 50%;
    flex-direction: column;
}
#employer-profilesetings-form #jobs-search-form .location input,
#candidate-profilesetings-form #jobs-search-form .location input,
#job-posting-form #jobs-search-form .location input{
    border: 1px solid #9c9efe;
    border-radius: 30px;
    font-size: 14px !important;
    font-weight: 400;
}
#employer-profilesetings-form #jobs-search-form .location .countries-wrap:after,
#candidate-profilesetings-form #jobs-search-form .location .countries-wrap:after,
#job-posting-form #jobs-search-form .location .countries-wrap:after{
    content: none;
}
#employer-profilesetings-form #jobs-search-form .filter-item div.wrap,
#candidate-profilesetings-form #jobs-search-form .filter-item div.wrap,
#job-posting-form #jobs-search-form .filter-item div.wrap{
    left: 10px;
    width: calc(100% - 20px);
}
#employer-profilesetings-form #jobs-search-form .filter-item div.wrap li,
#candidate-profilesetings-form #jobs-search-form .filter-item div.wrap li,
#job-posting-form #jobs-search-form .filter-item div.wrap li{
    margin-bottom: 0 !important;
}
#employer-profilesetings-form #jobs-search-form .location .main-tab-section{
    width: 100%;
}
#employer-profilesetings-form #jobs-search-form .location .jobsearch-employer-box-section{
    display: flex;
    flex-wrap: wrap;
}
.salary-select.single .selectize-input {
    height: 42px;
    display: flex;
    align-items: center;
}

/* ── FL Profile Page (?tab=fl-profile) ──────────────────────── */
#mdp-fl-profile-page {
    padding: 28px 32px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}
#mdp-fl-profile-page .mdp-flp-header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 28px;
}
#mdp-fl-profile-page .mdp-flp-header-icon {
    color: #5a4fcf;
    margin-top: 2px;
    flex-shrink: 0;
}
#mdp-fl-profile-page .mdp-flp-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
}
#mdp-fl-profile-page .mdp-flp-subtitle {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
}
#mdp-fl-profile-page .mdp-flp-section {
    margin-bottom: 28px;
}
#mdp-fl-profile-page .mdp-flp-section-title {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}
/* Pill buttons */
#mdp-fl-profile-page .mdp-flp-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
}
#mdp-fl-profile-page .mdp-flp-pill {
    padding: 8px 20px !important;
    border-radius: 20px !important;
    border: 1px solid #9c9efe !important;
    background: #fff !important;
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    line-height: 1.4 !important;
    outline: none !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 0 !important;
}
#mdp-fl-profile-page .mdp-flp-pill:hover {
    border-color: #9c9efe !important;
    color: #5a4fcf !important;
    background: #fff !important;
}
#mdp-fl-profile-page .mdp-flp-pill.active {
    background: #9c9efe !important;
    border-color: #9c9efe !important;
    color: #fff !important;
}
/* Daily Rate slider */
#mdp-fl-profile-page .mdp-flp-slider-wrap {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 20px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#mdp-fl-profile-page .mdp-flp-daily-display {
    text-align: center;
    margin-bottom: 18px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    gap: 6px !important;
    border: 1px solid #9c9efe;
    width: 150px;
    height: 40px;
    border-radius: 30px;
}
#mdp-fl-profile-page #mdp-flp-daily-val {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #5a4fcf !important;
    line-height: 1.2 !important;
}
#mdp-fl-profile-page .mdp-flp-per-day {
    font-size: 15px !important;
    color: #6b7280 !important;
    margin-left: 0 !important;
}
#mdp-fl-profile-page .mdp-flp-slider-row {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
}
#mdp-fl-profile-page .mdp-flp-slider-min,
#mdp-fl-profile-page .mdp-flp-slider-max {
    font-size: 13px;
    color: #6b7280;
    white-space: nowrap;
}
#mdp-fl-profile-page .mdp-flp-range {
    flex: 1;
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    background: #d1d5db;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
}
#mdp-fl-profile-page .mdp-flp-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #5a4fcf;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(90,79,207,0.35);
}
#mdp-fl-profile-page .mdp-flp-range::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #5a4fcf;
    cursor: pointer;
    border: 2px solid #fff;
}
/* Footer */
#mdp-fl-profile-page .mdp-flp-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 8px;
    padding-top: 8px;
}
#mdp-fl-profile-page .mdp-flp-saved-msg {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #16a34a;
    font-weight: 500;
}
#mdp-fl-profile-page .mdp-flp-save-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #9c9efe !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 11px 24px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    outline: none !important;
    box-shadow: none !important;
}
#mdp-fl-profile-page .mdp-flp-save-btn:hover {
    background: #4a3fbf !important;
}

/* ============================================================
   A9 SECTION CARDS & HEADERS (shared across dashboard tabs)
   ============================================================ */
.mpjs-a9-card {
    background: #fff;
    border: 1px solid #e8e8f0;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 24px;
    overflow: visible;
}
.mpjs-a9-header {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px 10px 0 0;
    padding: 14px 20px;
}
.mpjs-a9-header.dark {
    background: #111;
    border-radius: 10px;
}
.mpjs-a9-header.purple {
    background: transparent;
    padding: 0;
}
.mpjs-a9-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    flex-shrink: 0;
}
.mpjs-a9-header.dark .mpjs-a9-header-icon {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}
.mpjs-a9-header-title {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.mpjs-a9-header.dark .mpjs-a9-header-title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
}
.mpjs-a9-header-required {
    color: #e74c3c;
    margin-left: 2px;
    font-size: 18px;
}
.mpjs-section-header-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #9c9efe;
    color: #fff;
    font-size: 15px;
    font-weight: 700 !important;
    padding: 10px 20px;
    border-radius: 10px;
    border: none;
    cursor: default;
    font-family: inherit;
}
.mpjs-section-header-btn svg { flex-shrink: 0; }
.mpjs-section-header-btn .mpjs-header-required { color: #e74c3c; margin-left: 2px; }
.mpjs-a9-subtitle {
    color: #555;
    font-size: 13px;
    margin: 10px 0 20px 0;
}

/* ============================================================
   FL PORTFOLIO BLOCK
   ============================================================ */
#mdp-fl-portfolio-block {
    background: #fff;
    border: 1px solid #e8e8f0;
    border-radius: 14px;
    padding: 24px;
    margin-top: 24px;
}

/* Header */
.mdp-flport-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 25px !important;
}
.mdp-flport-header-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.mdp-flport-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.mdp-flport-header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    flex-shrink: 0;
    background: #9c9efe;
    color: #fff;
}
.mdp-flport-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}
.mdp-flport-subtitle {
    font-size: 13px !important;
    color: #888 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.mdp-flport-add-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #9c9efe !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 9px 18px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    outline: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    flex-shrink: 0;
}
.mdp-flport-add-btn:hover {
    background: #4a3fbf !important;
}

/* Empty state */
.mdp-flport-empty {
    text-align: center;
    padding: 40px 20px;
    color: #aaa;
    font-size: 14px;
}
.mdp-flport-empty p {
    margin: 12px 0 0 !important;
    color: #aaa !important;
}

/* Project card */
.mdp-flport-card {
    background: #fafafa;
    border: 1px solid #e4e4f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 16px;
    transition: box-shadow 0.2s;
    padding: 15px !important;
    margin-bottom: 30px !important;
}
.mdp-flport-card:last-child {
    margin-bottom: 0;
}
.mdp-flport-card:hover {
    box-shadow: 0 2px 12px rgba(90,79,207,0.08);
}

/* Card header */
.mdp-flport-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px !important;
    flex-wrap: wrap;
}
.mdp-flport-card-num {
    font-size: 12px;
    font-weight: 500;
    color: #5a4fcf;
    background: #f0eeff;
    padding: 2px 10px !important;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;

}
.mdp-flport-name-input {
    flex: 1;
    min-width: 160px;
    height: 38px !important;
    padding: 0 12px !important;
    border: 1px solid #9c9efe !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #222 !important;
    background: #fff !important;
    box-sizing: border-box !important;
    font-weight: 500 !important;
    outline: none !important;
    transition: border-color 0.2s !important;
}
.mdp-flport-name-input:focus {
    border-color: #9c9efe !important;
    box-shadow: 0 0 0 3px rgba(156,158,254,0.12) !important;
}
.mdp-flport-delete-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: #fff !important;
    border: 1px solid #e0dff8 !important;
    border-radius: 7px !important;
    color: #aaa !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: border-color 0.2s, color 0.2s !important;
    padding: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    text-transform: none !important;
}
.mdp-flport-delete-btn:hover {
    border-color: #f87171 !important;
    color: #ef4444 !important;
}

/* Field */
.mdp-flport-field {
    margin-bottom: 25px !important;
}

#dashboard-tab-fl-profile .mdp-flport-duration-input{
    width: auto;
}
.mdp-flport-field:last-child {
    margin-bottom: 0;
}
.mdp-flport-cat-section-label,
.mdp-flport-field > label {
    display: block;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    margin-bottom: 13px !important;
}
.mdp-flport-field-hint {
    font-size: 11px;
    font-weight: 400;
    color: #aaa;
    margin-left: 6px;
}

/* 2-column row */
.mdp-flport-row-2col {
    display: flex;
    gap: 14px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
.mdp-flport-row-2col .mdp-flport-field {
    flex: 1;
    min-width: 180px;
    margin-bottom: 0;
}

/* Timeline row */
.mdp-flport-timeline-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: flex-start;
}

/* Month/Year wrapper widths inside timeline row */
.mdp-flport-mon-wrap { width: 130px !important; flex: none !important; }
.mdp-flport-yr-wrap  { width: 90px !important;  flex: none !important; }

/* Selectize controls inside FL Portfolio inherit full width of wrapper */
#dashboard-tab-fl-profile .mdp-flport-field .selectize-control {
    width: 100%;
}
#dashboard-tab-fl-profile .mdp-flport-field .selectize-input {
    border: 1px solid #9c9efe !important;
    border-radius: 30px !important;
    height: 41px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 36px 0 14px !important;
    font-size: 15px !important;
    box-shadow: none !important;
    background: #fff !important;
}
#dashboard-tab-fl-profile .mdp-flport-field .selectize-input.focus {
    border-color: #9c9efe !important;
    box-shadow: 0 0 0 3px rgba(156,158,254,.12) !important;
}
#dashboard-tab-fl-profile .mdp-flport-field .selectize-dropdown {
    border: 1px solid #9c9efe !important;
    border-radius: 8px !important;
    margin-top: 4px !important;
}

/* Description textarea */
.mdp-flport-desc-textarea {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #9c9efe !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    color: #333 !important;
    background: #fff !important;
    resize: vertical !important;
    outline: none !important;
    box-sizing: border-box !important;
    line-height: 1.5 !important;
    transition: border-color 0.2s !important;
    font-family: inherit !important;
}
.mdp-flport-desc-textarea:focus {
    border-color: #9c9efe !important;
    box-shadow: 0 0 0 3px rgba(156,158,254,0.1) !important;
}

.mdp-flport-selected-box.has-items { display: block; }
.mdp-flport-selected-box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px !important;
}
.mdp-flport-selected-count {
    font-size: 14px;
    color: #555;
    font-weight: 500;
}
.mdp-flport-clear-all {
    background: none !important;
    border: none !important;
    font-size: 14px !important;
    color: #9c9efe !important;
    cursor: pointer !important;
    padding: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: normal !important;
    outline: none !important;
}
.mdp-flport-clear-all:hover { color: #e74c3c !important; }
.mdp-flport-skills-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px !important;
}
.mdp-flport-skills-chips:empty { 
    display: none; 
}
#mdp-fl-profile-form span.mdp-flport-skill-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #9c9efe;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px 5px 12px;
    border-radius: 20px;
    white-space: nowrap;
}
.mdp-flport-chip-remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    border: none !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 16px !important;
    cursor: pointer !important;
    padding: 0 !important;
    line-height: 1 !important;
    outline: none !important;
    box-shadow: none !important;
    text-transform: none !important;
}
.mdp-flport-chip-remove:hover {
    background: rgba(255,255,255,0.4) !important;
}

/* Skills search */
.mdp-flport-skill-search-box {
    position: relative;
    width: 100%;
}
.mdp-flport-skill-search-box svg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    pointer-events: none;
}

/* OR divider */
.mdp-flport-or-divider-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 0 4px !important;
}
.mdp-flport-or-line {
    flex: 1;
    height: 1px;
    background: #e2e2f0;
}
.mdp-flport-or-text {
    font-size: 11px;
    font-weight: 700;
    color: #aaa;
    letter-spacing: 0.04em;
}
.mdp-flport-cat-section-label {
    font-size: 12px;
    color: #888;
    margin: 6px 0 6px;
}
/* Inline search results (chips row below input) */
.mdp-flport-skill-inline-results {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px !important;
}
.mdp-flport-inline-result-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 12px !important;
    background: #fff;
    border: 1px solid #9c9efe;
    border-radius: 20px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
    user-select: none;
}
.mdp-flport-inline-result-chip:hover {
    border-color: #9c9efe;
    background: #edeeff;
    color: #5052cc;
}
.mdp-flport-inline-result-chip.selected {
    background: #9c9efe;
    color: #fff;
    border-color: #9c9efe;
}
.mdp-flport-inline-result-plus {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}
/* No-match + add custom skill */
.mdp-flport-no-match {
    padding: 6px 2px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.mdp-flport-no-match-text {
    margin: 0 !important;
    font-size: 12px !important;
    color: #999 !important;
    line-height: 1.4 !important;
}
.mdp-flport-add-custom-btn {
    display: inline-flex !important;
    align-items: center !important;
    padding: 9px 15px !important;
    background: transparent !important;
    border: 1px solid #9c9efe !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    color: #333 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    outline: none !important;
    align-self: flex-start !important;
    transition: background 0.15s, color 0.15s !important;
}
.mdp-flport-add-custom-btn:hover {
    background: #edeeff !important;
    border-color: #7c7ccc !important;
    color: #4a3fbf !important;
}

/* Category trigger button */
.mdp-flport-cat-trigger-wrap {
    position: relative;
}
.mdp-flport-skills-wrap .mdp-flport-cat-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 7px 12px !important;
    background: #fff !important;
    border: 1px solid #d8d8f0 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: #666 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: border-color 0.2s, color 0.2s !important;
    box-shadow: none !important;
    line-height: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    outline: none !important;
    height: 41px;
}
.mdp-flport-skills-wrap .mdp-flport-cat-trigger:hover {
    border-color: #9c9efe !important;
    color: #5a4fcf !important;
    background: #fff !important;
}
.mdp-flport-cat-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 200px;
    background: #fff;
    border: 1px solid #d8d8f0;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    z-index: 200;
    overflow: hidden;
}
.mdp-flport-cat-dropdown-item {
    padding: 5px 10px !important;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: background 0.15s;
}
.mdp-flport-cat-dropdown-item:hover {
    background: #f0f0ff;
    color: #5a4fcf;
}

/* Category panel */
.mdp-flport-cat-panel {
    margin-top: 10px !important;
    border: 1px solid #e0e0f8;
    border-radius: 8px;
    padding: 10px 12px !important;
}
.mdp-flport-cat-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.mdp-flport-cat-panel-title {
    font-size: 12px;
    font-weight: 600;
    color: #5a4fcf;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.mdp-flport-cat-panel-close {
    background: none !important;
    border: none !important;
    font-size: 16px !important;
    line-height: 1;
    color: #999;
    cursor: pointer;
    padding: 0 2px;
}
.mdp-flport-cat-panel-close:hover { color: #e74c3c; }
.mdp-flport-cat-skill-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.mdp-flport-cat-skill-chip {
    display: inline-block;
    padding: 4px 10px !important;
    background: #fff;
    border: 1px solid #d8d8f0;
    border-radius: 20px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    transition: all 0.15s;
    user-select: none;
}
.mdp-flport-cat-skill-chip:hover {
    border-color: #9c9efe;
    color: #5a4fcf;
}
.mdp-flport-cat-skill-chip.selected {
    background: #9c9efe;
    border-color: #9c9efe;
    color: #fff;
}

/* ---- Other Tools card ---- */
.mdp-flport-tools-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mdp-flport-tools-card-header { display: flex; flex-direction: column; gap: 3px; }
.mdp-flport-tools-title-row {
    display: flex;
    align-items: center;
    gap: 6px;
}
.mdp-flport-tools-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2d2d3f !important;
    line-height: 1.4 !important;
    border: none !important;
    background: none !important;
}
.mdp-flport-info-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    color: #aaa !important;
    flex-shrink: 0 !important;
    outline: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
}
.mdp-flport-info-btn:hover { color: #7c7ccc !important; }
.mdp-flport-tools-subtitle {
    margin: 0 !important;
    font-size: 12px !important;
    color: #999 !important;
    line-height: 1.4 !important;
}

.mdp-flport-tools-added-box.has-items { border-color: #cdd0f3; }
.mdp-flport-tools-added-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.mdp-flport-tools-count {
    font-size: 14px;
    font-weight: 500;
    color: #555;
}
.mdp-flport-tools-clear {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 14px !important;
    color: #9c9efe !important;
    cursor: pointer !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    outline: none !important;
}
.mdp-flport-tools-clear:hover { color: #f87171 !important; }

/* ---- Tagbox (Key Outcomes) ---- */
.mdp-flport-tagbox {
    border: 1px solid #9C9EFE;
    border-radius: 10px;
    padding: 12px 15px !important;
    margin-bottom: 10px !important;
    background: #fff;
    display: none;
}
.mdp-flport-tagbox.has-items { display: block; }
.mdp-flport-tagbox-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px !important;
}
.mdp-flport-tagbox-count {
    font-size: 13px;
    color: #555;
    font-weight: 500;
}
.mdp-flport-tagbox-clear {
    font-size: 14px !important;
    color: #9c9efe !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    font-family: inherit;
    box-shadow: none !important;
}
.mdp-flport-tagbox-clear:hover { color: #e74c3c !important; }
.mdp-flport-tagbox-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* Tagbox input (below the box) */

.mdp-flport-tagbox-input-wrap:focus-within {
    border-color: #9c9efe;
    box-shadow: 0 0 0 3px rgba(156, 158, 254, .12);
}
.mdp-flport-tagbox-input {
    border: none !important;
    outline: none !important;
    width: 100% !important;
    font-size: 13px !important;
    background: transparent !important;
    padding: 10px 15px !important;
    box-sizing: border-box;
    height: 41px !important;
    border: 1px solid #9C9EFE !important;
    border-radius: 30px !important;
}

/* ---- Shared tags ---- */
.mdp-flport-tags-display {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.mdp-flport-tools-display:empty,
.mdp-flport-outcomes-display:empty { display: none; }
.mdp-flport-tag-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #9c9efe;
    color: #fff;
    font-size: 14px;
    padding: 4px 10px 4px 12px !important;
    border-radius: 99px;
    margin: 0;
    flex-shrink: 0;
}
.mdp-flport-tag-chip button {
    background: none;
    border: none;
    padding: 2px;
    cursor: pointer;
    color: #fff !important;
    font-size: 13px;
    line-height: 1;
    display: flex;
    align-items: center;
    border-radius: 50%;
    transition: background .15s;
}
.mdp-flport-tag-chip button:hover {
    background: rgba(156, 158, 254, .2) !important;
}
.mdp-flport-tag-remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    border: none !important;
    border-radius: 50% !important;
    color: #5052cc !important;
    font-size: 14px !important;
    cursor: pointer !important;
    padding: 0 !important;
    line-height: 1 !important;
    outline: none !important;
    box-shadow: none !important;
    text-transform: none !important;
    transition: background .15s;
}
.mdp-flport-tag-remove:hover { background: rgba(156, 158, 254, .2) !important; color: #5052cc !important; }
.mdp-flport-tag-input {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 13px !important;
    color: #333 !important;
    padding: 2px 0 !important;
    flex: 1 !important;
    min-width: 120px !important;
    box-shadow: none !important;
    font-family: inherit !important;
}
/* tools input standalone below the card */
.mdp-flport-card .mdp-flport-skill-search,
.mdp-flport-card .mdp-flport-duration-input,
.mdp-flport-card .mdp-flport-industry-other-input input,
.mdp-flport-card .mdp-flport-client-input,
.mdp-flport-card .mdp-flport-name-input,
.mdp-flport-tools-card .mdp-flport-tag-input {
    height: 41px !important;
    border: 1px solid #9c9efe !important;
    border-radius: 30px !important;
    padding: 9px 12px !important;
    background: #fff !important;
    font-size: 16px !important;
    color: #333 !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s !important;
}
.mdp-flport-card .mdp-flport-skill-search{
    padding-left: 40px !important;
}
.mdp-flport-tools-card .mdp-flport-tag-input:focus {
    border-color: #9c9efe !important;
    outline: none !important;
    box-shadow: none !important;
}
.mdp-saved-fl__heading{
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 26px !important;
}