/* temp wait cache */
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

    .box-imgcompany2 {
        height: 36px;
        width: auto;
        display: flex;
        margin: 10px 0 0;
        align-items: center;
    }

    .box-imgcompany2 .img-benefit {
        object-fit: contain;
        border: 1px solid #ededed;
        padding: 2px;
        height: 100% !important;
        width: 36px;
        height: 36px
    }

    .c-icon_vtln {
        width: 36px;
        height: 20px;
        display: inline-block;
    }

    .vieclamtainha-new .vieclamtainha_title {
        margin-right: 15px;
    }

    .vieclamtainha-new .vieclamtainha_title .vieclamtainha_text {
        color: var(--Color-Text_primary, #333);

        /* text-xs/font-normal */
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 18px */
    }

    .vieclamtainha-new {
        font-size: 14px;
        display: grid;
        justify-content: start;
        z-index: 10;
        gap: 12px;
        margin-bottom: 10px;
        margin: 0;
        grid-template-columns: auto auto;
        padding: 0;
    }

    .toppage-japan .vieclamtainha-new,
    .bigcategory .vieclamtainha-new {
        color: #fff;
        margin-bottom: 0;
    }

    .vieclamtainha-new label {
        font-weight: 100;
        display: flex;
        margin: 0;
        align-items: center;
    }

    .vieclamtainha-new label input[type="radio"],
    .vieclamtainha-new label input[type="checkbox"] {
        margin: 0;
    }

    .select2-container .select2-selection--single,
    .select2-container .select2-selection--multiple,
    .select2-container--default,
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38px !important;
    }

    .select2-container {
        width: 0px !important;
    }

  
      .search-job-improving {
        animation: expandFromLeft 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
 
        will-change: width;
      }
      
      @keyframes expandFromLeft {
        0% {
          width: 0%;
        }
        5% {
          width: 2%;
        }
        10% {
          width: 8%;
        }
        15% {
          width: 12%;
        }
        20% {
          width: 16%;
        }
        25% {
          width: 20%;
        }
        30% {
          width: 24%;
        }
        35% {
          width: 28%;
        }
        40% {
          width: 32%;
        }
        45% {
          width: 36%;
        }
        50% {
          width: 40%;
        }
        55% {
          width: 50%;
        }
        60% {
          width: 65%;
        }
        65% {
          width: 80%;
        }
        70% {
          width: 88%;
        }
        75% {
          width: 92%;
        }
        80% {
          width: 95%;
        }
        85% {
          width: 97%;
        }
        90% {
          width: 98%;
        }
        95% {
          width: 99%;
        }
        100% {
          width: 100%;
        }
      }
      
      @keyframes expandFromCenter {
        0% {
          width: 0%;
          opacity: 1;
          transform: scaleX(0.1);
        }
        2% {
          width: 2%;
          opacity: 1;
          transform: scaleX(0.15);
        }
        4% {
          width: 4%;
          opacity: 1;
          transform: scaleX(0.2);
        }
        6% {
          width: 6%;
          opacity: 1;
          transform: scaleX(0.25);
        }
        8% {
          width: 8%;
          opacity: 1;
          transform: scaleX(0.3);
        }
        10% {
          width: 10%;
          opacity: 1;
          transform: scaleX(0.35);
        }
        12% {
          width: 12%;
          opacity: 1;
          transform: scaleX(0.4);
        }
        14% {
          width: 14%;
          opacity: 1;
          transform: scaleX(0.45);
        }
        16% {
          width: 16%;
          opacity: 1;
          transform: scaleX(0.5);
        }
        18% {
          width: 18%;
          opacity: 1;
          transform: scaleX(0.55);
        }
        20% {
          width: 20%;
          opacity: 1;
          transform: scaleX(0.6);
        }
        22% {
          width: 22%;
          opacity: 1;
          transform: scaleX(0.65);
        }
        24% {
          width: 24%;
          opacity: 1;
          transform: scaleX(0.7);
        }
        26% {
          width: 26%;
          opacity: 1;
          transform: scaleX(0.75);
        }
        28% {
          width: 28%;
          opacity: 1;
          transform: scaleX(0.8);
        }
        30% {
          width: 30%;
          opacity: 1;
          transform: scaleX(0.85);
        }
        32% {
          width: 32%;
          opacity: 1;
          transform: scaleX(0.9);
        }
        34% {
          width: 34%;
          opacity: 1;
          transform: scaleX(0.92);
        }
        36% {
          width: 36%;
          opacity: 1;
          transform: scaleX(0.94);
        }
        38% {
          width: 38%;
          opacity: 1;
          transform: scaleX(0.96);
        }
        40% {
          width: 40%;
          opacity: 1;
          transform: scaleX(0.98);
        }
        42% {
          width: 42%;
          opacity: 1;
          transform: scaleX(1);
        }
        44% {
          width: 44%;
          opacity: 1;
          transform: scaleX(1.02);
        }
        46% {
          width: 46%;
          opacity: 1;
          transform: scaleX(1.04);
        }
        48% {
          width: 48%;
          opacity: 1;
          transform: scaleX(1.06);
        }
        50% {
          width: 50%;
          opacity: 1;
          transform: scaleX(1.08);
        }
        52% {
          width: 52%;
          opacity: 1;
          transform: scaleX(1.06);
        }
        54% {
          width: 54%;
          opacity: 1;
          transform: scaleX(1.04);
        }
        56% {
          width: 56%;
          opacity: 1;
          transform: scaleX(1.02);
        }
        58% {
          width: 58%;
          opacity: 1;
          transform: scaleX(1.01);
        }
        60% {
          width: 60%;
          opacity: 1;
          transform: scaleX(1);
        }
        62% {
          width: 62%;
          opacity: 1;
          transform: scaleX(1);
        }
        64% {
          width: 64%;
          opacity: 1;
          transform: scaleX(1);
        }
        66% {
          width: 66%;
          opacity: 1;
          transform: scaleX(1);
        }
        68% {
          width: 68%;
          opacity: 1;
          transform: scaleX(1);
        }
        70% {
          width: 70%;
          opacity: 1;
          transform: scaleX(1);
        }
        72% {
          width: 72%;
          opacity: 1;
          transform: scaleX(1);
        }
        74% {
          width: 74%;
          opacity: 1;
          transform: scaleX(1);
        }
        76% {
          width: 76%;
          opacity: 1;
          transform: scaleX(1);
        }
        78% {
          width: 78%;
          opacity: 1;
          transform: scaleX(1);
        }
        80% {
          width: 80%;
          opacity: 1;
          transform: scaleX(1);
        }
        82% {
          width: 82%;
          opacity: 1;
          transform: scaleX(1);
        }
        84% {
          width: 84%;
          opacity: 1;
          transform: scaleX(1);
        }
        86% {
          width: 86%;
          opacity: 1;
          transform: scaleX(1);
        }
        88% {
          width: 88%;
          opacity: 1;
          transform: scaleX(1);
        }
        90% {
          width: 90%;
          opacity: 1;
          transform: scaleX(1);
        }
        92% {
          width: 92%;
          opacity: 1;
          transform: scaleX(1);
        }
        94% {
          width: 94%;
          opacity: 1;
          transform: scaleX(1);
        }
        96% {
          width: 96%;
          opacity: 1;
          transform: scaleX(1);
        }
        98% {
          width: 98%;
          opacity: 1;
          transform: scaleX(1);
        }
        100% {
          width: 100%;
          /* opacity: 1; */
          transform: scaleX(1);
        }
      }
      
      

    .search-job .select2-container {
        width: 100% !important;
    }

    .dr_search {
        width: 100%;
    }
    #form_sort{
        margin-bottom: 0;
    }
    .dr_search .form_dr_search {
        height: 38px;
        margin-bottom: 0;
    }

    .dr_search .form_dr_search .input_tukhoa_web {
        opacity: 1;
        padding-top: 0px;
        margin-bottom: 0px;
        height: 39px;
        border: none !important;
        overflow: unset;
    }

    .dropdown-content {
        margin: 0;
    }

    .dropdown-content .dropdown_content_custom {}

    .dropdown-content .dropdown_content_custom .dropdown_content-a {
        float: right;
    }

    .search-box-content-container .search-box-title {
        font-size: 14px;
        line-height: normal;
        font-style: normal;
        font-weight: 600;
        margin-bottom: 16px;
    }

    .history_search_container .search-box-title {
        margin-bottom: 8px;
    }

    #pskillpopular {}

    .title_label_p .custom_dropdown_lable {
        float: right;
    }

    #se_location {
        width: 50%;
        opacity: 1;
        padding-top: 0px;
        height: 45px;
    }

    .vieclamtainha-new .vieclamtainha_title {
        display: inline-block;
    }

    .vieclamtainha-new .vieclamtainha_lable {
        font-weight: normal;
        display: grid;
        grid-template-columns: auto auto;
        gap: 8px;
    }

    .vieclamtainha-new .vieclamtainha_lable.vieclamtainha_lable_hybrid {
        grid-template-columns: auto auto auto;
    }

    .vieclamtainha-new .vieclamtainha_lable span {
        color: var(--gray-900, var(--gray-900, #111928));
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 12px;
    }

    .vieclamtainha-new .vieclamtainha_lable .vieclamtainha_text_hybrid {
        margin-right: 4px;
    }

    .vieclamtainha_lable_hybrid {
        display: flex;
        align-items: center;
        position: relative;
    }

    .checkbox_vltn_right .icon-hybrid {
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .checkbox_vltn_right .text-hybrid {
        display: none;
        padding: 6px 12px;
        bottom: 27px;
        width: 207px;
        position: absolute;
        left: -32px;
        border-radius: 4px;
        background: var(--gray-800, #1F2A37);
    }
    #box-search .text-hybrid {
        left:-2.8rem;
    }

    .icon_label {
        display: grid;
        grid-template-columns: fit-content(100%) auto;
        position: relative;
    }

    .checkbox_vltn_right .text-hybrid::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: #1F2A37 transparent transparent transparent;
    }

    .checkbox_vltn_right .text-hybrid .text-hybrid-content {
        color: var(--white, var(--white, #FFF));
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .checkbox_vltn_right .icon-hybrid:hover .text-hybrid {
        display: block;
    }

    .checkbox_vltn_right .icon-hybrid svg {
        transition: transform 0.2s ease;
    }

    .checkbox_vltn_right .icon-hybrid:hover svg {
        transform: scale(1.1);
    }

    .badge-em.num--notify {
        background-color: #f07e1d !important;
    }

    .fa-search_custom {
        padding: 0 2px;
    }

    .custom-placeholder::before {
        content: "\f002";
        /* Unicode for FontAwesome search icon */
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 5px;
    }

    .history_search_container {
        display: flex;
        justify-content: space-between;
    }

    .history_search_container .delete_container {
        display: grid;
        grid-template-columns: auto fit-content(100%);
        align-items: center;
        align-self: center;
        gap: 4px;
        font-size: 12px;
        cursor: pointer;
    }

    .delete-button {
        color: var(--orange-500, #FF5A1F);
    }

    .history-search_content {
        max-height: 191px;
        overflow-y: scroll;

    }

    .history-search_content::-webkit-scrollbar {
        width: 10px;
        height: 35px;
    }

    .history-search_content::-webkit-scrollbar-thumb {
        background-color: #f1f1f1;
        border-radius: 8px;
        border: 3px solid #fff;
        width: 4px;
    }

    .history-search_content::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 8px;
        width: 4px;
        background-color: #fff;
    }

    .cp-tag.history_search_item {
        justify-content: space-between;
        margin: 0 !important;
        display: grid !important;
        align-items: center;
        grid-template-columns: auto 1fr auto;
        gap: 4px;
        background-color: #fff;
        color: #333333;
        border-radius: 4px !important;
    }

    .cp-tag.history_search_item:hover {
        background-color: var(--gray-50, #F9FAFB) !important;
        color: var(--Text_primary, #333333) !important;

    }

    .search-container {
        align-items: center;
        display: flex;

    }

    .search-container .select-content {
        width: 100%;
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        position: relative;
        vertical-align: middle;
    }

    .box-search-province_content {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        padding-left: 8px;
        align-items: center;
    }

    .select2-container--default .select2-selection--multiple {
        padding-left: 8px;
    }

    .search-job .btn-homesearch {
        height: 38px;
        border-radius: 6px !important;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
        font-weight: 500;
        font-size: 15px;
        text-transform: none;
        display: flex;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
    }

    .select2-container--default .select2-selection--single {
        border-right: none !important;
    }

    .box-search-province_content::before {
        height: 100%;
        width: 1px;
        background-color: var(--Border, #E5E7EB);
        ;
        position: absolute;
        content: "";
        left: -3px;
    }

    .box-search-province .select2-container--default .select2-selection--single .select2-selection__rendered {
        border-right: 1px solid var(--Color-Border, #E5E7EB);
    }

    .icon-mobile {
        display: none;
    }

    a.icon_wfh_link {
        padding: 0 !important;

    }

    .js-container {
        margin-top: 63px;
    }

    #detailsjob-page .js-container {
        margin-top: 0;
    }
    @media only screen and (max-width: 80rem) {

        .icon-mobile {
            display: block !important;
        }
    }

    @media only screen and (max-width: 480px) {
        
    .search-container {
        overflow: hidden;
        

    }
        .icon_label .text-hybrid::before {
            content: "";
            position: absolute;
            top: unset;
            left: 84%;
            transform: translateX(50%);
            border-width: 6px;
            rotate: 90;
            border-style: solid;
            border-color: transparent transparent #1F2A37 transparent;
            bottom: 100%;
        }
        .search-job .btn-homesearch {
            height: 36px;
        }

        .filter-search .btn.filter-btn {
            position: relative;
        }

        .dr_search select {
            padding: 0;
        }

        .js-container {
            margin-top: 65px;
            padding: 0;
        }

        .dr_search .form_dr_search {
            height: 28px;
        }

        .boxsearch_mobile {
            padding: 1rem;
            height: 12.6rem;
            margin: -10px -15px 0 -15px;
            flex-shrink: 0;
            background: var(--Job-finding-background, linear-gradient(95deg, #FF800A 0%, #FFC663 59.62%, #E8FFCB 109.03%));
        }
        
        .searchresult-container-em .boxsearch_mobile{
          margin: 0;
        }
        .clear_both {
            content: "";
            display: table;
            clear: both;
        }

        .mobile_space.clear_both {
            display: table !important;
        }

        .mobile_space.clear_both.breadcrumb_mobile {
            margin: 0 -15px;
            padding: 0 10px;
            background: #f9fafb;
            width: -webkit-fill-available;
        }

        .mobile_space.clear_both .col_login_emplyer {
            padding: 0;
        }

        .searchwrap_left {}

        .icon-mobile {
            display: flex !important;
            align-items: center;
            justify-content: center;
            width: 19px;
            height: 19px;
        }

        .search-container svg {
            margin-right: 0.6rem;
        }
        
        /* SVG elements don't support pseudo-elements */
        /* Use a wrapper div instead */
 
      
        .scrollmenu {
            border: 0px solid #eee;
            border-width: 0px 0px;
            overflow: auto;
            white-space: nowrap;
            max-width: 250px;
        }

        .scrollmenu .tag {
            margin: 0px !important;
            background-color: #e4e4e4 !important;
            border-radius: 5px;
        }

        .scrollmenu .new-tags a {
            background-color: #e4e4e4 !important;
        }

        .badge.badge-em.num--notify {
            background-color: #fff !important;
            position: absolute;
            top: 2px;
            color: #f07e1d;
            right: calc(100% - 30px);
            width: 1.6rem;
            display: flex;
            height: 1.6rem;
            align-items: center;
            right: 3px;
            padding: 0 !important;
            text-align: center;
            justify-content: center;
        }

        .dropdown:hover .dropdown-content.dropdown-content-new.hovered-disable {
            display: none;
        }

        .vieclamtainha-new {
            font-size: 12px;
            gap: 8px;
        }

        /* temp */
        .btn.filter-btn {
            margin-left: 10px;
            background-color: transparent;
            color: #fff;
            padding: 10px 0px;
        }

        .btn.filter-btn-1 {
            margin-left: 10px;
            background-color: transparent;
            color: #000;
            padding: 10px 0px;
        }

        .btn.filter-btn i {
            font-size: 18px;
            vertical-align: middle;
        }

        .btn.filter-btn span.sub-filter {
            vertical-align: sub;
        }

        .search-job .btn-homesearch {
            padding: 11px;
            border: none;
            box-shadow: unset;
        }

        .box-search-province_content {
            grid-template-columns: 1fr auto;
        }

        .box-search-province_content::before {
            display: none;
        }

        .box-search-province .select2-container--default .select2-selection--single .select2-selection__rendered {
            border-right: none;
        }

        .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {}

        .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {}

        .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {}

        .select2-container--default .select2-selection--multiple {
            padding-left: 0;
            height: 3.6rem !important; 
        }

        .box-search-province {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 0;
        }

        .filter-search .btn.filter-btn {
            color: #fff;
            padding: 8px;
            border-radius: 8px;
            line-height: inherit;
            font-size: 13px;
            height: 33px;
            margin-left: 0px;
            display: inline-flex;
            padding: 4px 8px;
            justify-content: center;
            align-items: center;
            gap: 4px;
            border-radius: var(--rounded-md, 6px);
            background: rgba(0, 0, 0, 0.15);
        }

        .mobile_space .box-search-province_content .selection {
            width: 100%;
        }

        .box-search-province_content .select2-container--default {
            height: 17px !important;
        }
        .checkbox_vltn_right .text-hybrid{
            right: -11px;
            top: 27px;
            bottom: unset;
            left:unset;
        }

    }
 @media only screen and (max-width: 360px) {
   
 }
    .cp-tag-container {
        height: auto;
        width: 100%;
        overflow-y: auto;
        padding-right: 8px;
        margin-right: -8px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .cp-tag-container::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .cp-tag-container::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }

    .cp-tag-container::-webkit-scrollbar-thumb {
        background: #d1d5db;
        border-radius: 3px;
    }

    .cp-tag-container::-webkit-scrollbar-thumb:hover {
        background: #9ca3af;
    }

    /* Ensure the container doesn't cause horizontal scroll */
    .search-box-content-container {
        overflow-x: unset;
        height: 100%;
        width: 100%;
    }

    .mobile_space {
        display: none;
    }
  /* Fix for mobile view */
  @media only screen and (max-width: 99.1rem) {
    .search-job .select2-container {
        margin-top: 0 !important;
    }

}
    /* Fix for mobile view */
    @media only screen and (max-width: 480px) {
        .mobile_space {
            display: block;
        }

    }