.footer {
    background-color: #0E46A1;
    min-height: 350px;
}

.bg-footer {
    background-image: url(/content/img/footer_background.svg);
}

.footer-contain {
    background-color: #0E46A1;
    margin-top: 4.5rem;
}

.list-style-none {
    list-style: none;
}

.footer .enddiv {
    font-size: 14px;
    letter-spacing: 0.3px;
}

.footer .foot2 h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.5px
}

.footer .foot2 ul li a {
    color: white;
    line-height: 1.7;
}

.navbar-text.active {
    background-repeat: repeat-x !important;
    background-position: center 40px !important;
    background-size: 40px !important;
    line-height: 2.59;
}
/*-------------- END Footer -------------*/
/*slider navbar right*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -2px;
    overflow-x: hidden;
    transition: 0.3s;
}
/*----Header-----*/
header {
    z-index: 10000;
    margin-bottom: -1px !important;
    font-size: 16px;
}

    header nav, header nav div.collapse.dropCollaps {
        height: 59px;
    }

        header nav .js-scroll-trigger {
            padding-left: 1rem;
        }

@media only screen and (max-width: 438px) {
    header .HeaderImg,
    header .HeaderSantaImg {
        width: 59px;
    }

    header nav {
        height: 49px;
    }
}

header .btnMenu {
    background: #1661BF !important;
}


.HeaderImg, .HeaderSantaImg {
    width: 70px;
    padding: 0 1rem 0.25rem 0;
    height: 70px;
}

.modal, div.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened {
    z-index: 100000;
}

header .dropUL {
    width: 160px;
    height: 38px;
    max-height: 38px;
}

.dropUL.show {
    width: 160px;
}

.dropUL .dropdown-menu.show {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: 0px 5px 5px 1px rgb(7 43 87 / 15%);
}

    header .dropUL, .dropUL .dropdown-menu.show li {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.navbar-collapse.openNav ul.navbar-nav li {
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar-collapse.openNav ul.Mli li.Ml2 a.open-recol {
    color: white !important;
}

ul.Mli li.Ml2 a.open-recol {
    color: #FF7000;
}

header nav .collapse .navbar-nav li a {
    margin-top: 0;
}

header nav .collapse .navbar-nav ul.dropdown-menu li a.nav-link:hover {
    border-radius: 4px;
    background-color: #F2F6FA;
}

.t_logo-panel {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
}

    .t_logo-panel img {
        height: 100%;
        width: 100%;
        border-radius: 50%;
    }
/*--------sticky header-------*/
.header.sticky {
    position: fixed !important;
    top: 0;
    z-index: 10000;
}
/*----sticky footer----*/
.icon-bar {
    background: white !important;
}

#canv {
    opacity: 0.3;
    z-index: 100;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
}

@media only screen and (max-width: 411px) {
    header nav .collapse {
        padding-bottom: 5px;
    }

        header nav .collapse .navbar-nav li a {
            margin-bottom: 0 !important;
            margin-top: 0 !important;
        }

            header nav .collapse .navbar-nav li a.dropdown {
                margin-bottom: 0 !important;
            }
    /*--blog styles--*/
    .comment-top iframe {
        width: 100% !important;
    }
}

.dropCollaps ul li a {
    margin: 10px;
}

.dropUL .fa-chevron-down, .add-link.collapsed .fa-chevron-down {
    display: inline-block;
}

.dropUL.show .fa-chevron-down,
.add-link .fa-chevron-down,
.uscl-popup-footer {
    display: none;
}

.dropUL .fa-chevron-up, .add-link.collapsed .fa-chevron-up {
    display: none;
}

.dropUL.show .fa-chevron-up, .add-link .fa-chevron-up {
    display: inline-block;
}

.dropUL i, .dropUL a {
    line-height: 1.5;
}

a.nav-link.job-animate-border {
    line-height: 2.59;
    letter-spacing: 0.5px;
    color: white;
}

.job-animate-border:after {
    display: block;
    content: '';
    border-bottom: solid 1px white;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

.job-animate-border:hover:after {
    transform: scaleX(1);
}

.job-animate-border.from-right:after {
    transform-origin: 100% 50%;
}

.job-animate-border.from-left:after {
    transform-origin: 0% 50%;
}

@media only screen and (min-width: 992px) {
    .Ml3 {
        margin-left: 45px;
        margin-right: 1rem;
    }
}

.icon-bar {
    background: black;
}
/*end header*/
/*Home page*/
@media only screen and (max-width: 438px) {
    .home-title {
        font-size: 20px;
        line-height: 30px;
    }

    .home-bg {
        display: block;
    }
}

@media only screen and (max-width: 992px) {
    .visible {
        display: none;
        position: absolute;
        height: 100%;
    }
}

.Animborder {
    border-bottom: 2px solid white;
    transition: all 1s;
}


@media only screen and (min-width: 768px) {
    .inp-gr-btn {
        width: 25% !important;
    }
}

/*----elastic and featured media style----*/
@media only screen and (max-width: 438px) {

    .media-size32 {
        font-size: 32px !important;
    }

    .media-size24 {
        font-size: 24px !important;
    }

    .media-size22 {
        font-size: 22px !important;
    }

    .media-size20 {
        font-size: 20px !important;
    }

    .media-size18 {
        font-size: 18px !important;
    }

    .media-size16 {
        font-size: 16px !important;
    }

    .media-size14 {
        font-size: 14px !important;
    }

    .media-size12 {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .media-size14Md {
        font-size: 14px !important;
    }
}
/*--------------Choouse file---------------*/
.custom-pointer {
    cursor: pointer;
}
/*------pgination-------*/

@media only screen and (min-width: 768px) {
    .pagination {
        float: right;
    }
}

.pagination > li {
    display: flex;
}

    .pagination > li a.page-link,
    .pagination > li span.actived {
        width: 32px;
        height: 32px;
        justify-content: center;
        display: flex;
        align-items: center;
        padding: 0;
        border-radius: 4px !important;
        margin: 0 1px;
    }

    .pagination > li a.page-link {
        color: black;
        background-color: transparent;
        border: none;
    }

        .pagination > li a.page-link:hover {
            color: #1b4589;
            font-weight: bold;
        }

    .pagination > li span.actived {
        color: white;
        background-color: #0E46A1;
        border: none;
    }

    .pagination > li span {
        align-self: center;
        font-weight: bold;
    }
/*-----------------------------*/
.radius0 {
    border-radius: 0 !important;
}

.opacity08 {
    opacity: 0.8;
}

.opacity05 {
    opacity: 0.5;
}

.radius8 {
    border-radius: 8px !important;
}

.radius20 {
    border-radius: 20px !important;
}

.radius50 {
    border-radius: 50%;
}

.radius30 {
    border-radius: 30px;
}

.radiusX {
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}

.right-radius {
    border-bottom-right-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
}

.radiusTopX {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.fontSize12 {
    font-size: 12px !important;
}

.size140 {
    font-size: 140px !important;
    color: #efefef !important;
}

.size90 {
    font-size: 90px !important;
}

.fontSize50 {
    font-size: 50px;
}

.fontSize40 {
    font-size: 40px;
}

.fontSize7 {
    font-size: 7px !important;
}

.fontSize8 {
    font-size: 8px !important;
}

.fontSize10 {
    font-size: 10px !important;
}

.fontSize11 {
    font-size: 11px !important;
}

.fontSize12 {
    font-size: 12px !important;
}

.fontSize13 {
    font-size: 13px !important;
}

.fontSize14 {
    font-size: 14px !important;
}

.fontSize16 {
    font-size: 16px !important;
}

.fontSize20 {
    font-size: 20px;
}

.fontSize22 {
    font-size: 22px;
}

.fontSize24 {
    font-size: 24px;
}

.fontSize28 {
    font-size: 28px;
}

.fontSize30 {
    font-size: 30px;
}

.no-drop {
    cursor: no-drop;
}

.trop1 {
    width: 94px;
    height: 94px;
}
/*section 2*/
.contt {
    background: #f2f5fa;
}

.color-contt {
    color: #f2f5fa;
}

.tmblogo {
    min-height: 75px;
    line-height: 75px;
}

/*----***------*/
.grayscaleSilver {
    filter: grayscale(100%);
}
/*section 7*/
.shadoww {
    box-shadow: 0 0 10px 0 rgba(7, 43, 87, 0.15);
}

    .shadoww a {
        text-decoration: none;
    }

    .shadoww img {
        border: none;
    }

    .shadoww > p {
        font-size: 16px;
        line-height: 1.19;
    }

    .shadoww > h3 {
        line-height: 1.3;
        letter-spacing: 0.4px;
    }

.btnReadMore {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
/*--------------end home------------------*/
/*Account page*/
.attach-file input[type=file],
.addcandidate input[type=file] {
    font-size: 40px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.span6 {
    max-height: 120px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.socialLink a {
    color: #c9c9c9;
}

    .socialLink a i:hover {
        color: white;
    }
/*section2 FeaturedJobs*/
.featured-jobs-panel {
    overflow: hidden;
    border-left: 3px solid transparent;
    transition: all .3s;
}

.featured-jobs-panel {
    min-height: 110px;
}

.featured-small-block {
    top: 5px;
    right: 2.5rem;
}

@media only screen and (max-width: 768px) {
    .featured-jobs-panel {
        min-height: 100px;
    }
}

.featured-jobs-panel:hover {
    border-left: 3px solid #2c638b;
}

.featured-jobs-link {
    max-height: 60px;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*section 3*/
.btn-for-employers, .btn-for-candidates {
    border: 1px solid white;
    color: white;
    transition: all 0.6s;
}

    .btn-for-employers:hover, .btn-for-candidates:hover {
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.16);
        background: white;
    }

    .btn-for-employers:hover {
        color: #E68371;
    }

    .btn-for-candidates:hover {
        color: #4DAACE;
    }

.block-w {
    min-height: 90px;
}

.scale-blocks2 {
    background-image: url(/content/img/bgJ.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

.scale-blocks {
    background-color: rgba(230, 131, 113, 0.9);
}

@media only screen and (min-width: 1540px) {
    .pas-panel {
        background: linear-gradient(90deg, rgba(230,131,113,1) 50%, rgba(51,127,175,1) 50%);
    }
}
/*section4*/
.w-individuals a {
    outline: none;
}

@media only screen and (min-width: 768px) {
    .w-individuals {
        max-width: 12.5%;
    }

        .w-individuals img {
            max-height: 75px;
        }
}

@media only screen and (max-width: 768px) {
    .w-individuals img {
        max-height: 60px;
    }
}

.customer-logos .slick-track {
    display: flex !important;
}

ul.slick-dots {
    bottom: -50px;
}

@media only screen and (max-width: 992px) {
    ul.slick-dots {
        bottom: -60px !important;
    }
}
/*section5*/
.grayscale {
    filter: gray;
    -webkit-filter: grayscale(100%);
    max-height: 8rem;
    transition: all 0.4s;
}

img.grayscale:hover {
    filter: none;
    opacity: 1;
    -webkit-filter: grayscale(0%);
    transform: scale(1.1);
}
/*--------displayjob---------*/
.disabled {
    pointer-events: none !important;
    opacity: .65 !important;
}

.pointer-events-n {
    pointer-events: none !important;
}

/*---candidate---*/
.tab-link, .tab-link:hover {
    text-decoration: none;
    color: #343a40;
}

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

    .tab-link:hover:after, .tab-link.active-tab:after {
        transform: scaleX(1);
    }

.active-can-price {
    transform: scale(1.07);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.16);
}

.panel-yell, .panel-title {
    box-shadow: 0 .5px 4px 0 rgba(0, 0, 0, 0.16);
}

    .panel-yell:hover {
        background-color: rgba(188, 146, 63, 0.09);
    }

/*-------job discription--------*/
.job-descr ul, ul.list-group .listline, .listnone {
    list-style: none
}

    .job-descr ul li, .job-descr ol li {
        word-break: break-word;
    }

.job-descr {
    word-break: break-word;
}

    .job-descr ol {
        padding-left: 13px;
    }

    .job-descr ul {
        list-style: none
    }
/*------Login and Singup-------*/
.password-show-link,
.password-show-link:hover {
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 10;
}

.top-responsed {
    top: 35px !important;
}

.SerchSection input[type="text"] {
    border-radius: 30px;
    background-color: #F2F6FA !important;
}

.checkboxRound {
    width: 13px;
    height: 13px;
    background-color: white;
    border-radius: 2px;
    vertical-align: middle;
    border: .9px solid #757676;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

    .checkboxRound:checked {
        background-color: #0E46A1;
    }

        .checkboxRound:checked:after {
            content: "\2714";
            font-size: 14px;
            position: absolute;
            top: -1px;
            left: 2px;
            color: black;
        }

.mobFilter ul > li {
    font-size: 16px;
    list-style: none;
}
/*---user signup with resume---*/
.fish-back {
    min-height: 600px;
}
/*bt filters*/
.filters {
    background-color: #e85f47;
    border: 1px solid #e85f47;
    font-size: 20px;
}

    .filters i {
        font-size: 25px;
    }

    .filters.collapsed .fa-chevron-down {
        display: none;
    }

    .filters .fa-chevron-down {
        display: inline-block;
    }

    .filters.collapsed .fa-chevron-up {
        display: inline-block;
    }

    .filters .fa-chevron-up {
        display: none;
    }
/*---btn jquery collapse from job page---*/
.animation-message2 {
    width: 45px;
    height: 45px;
    right: 20px;
    bottom: 32px;
    background: #f2eeee;
}

.arrowup {
    width: 20px;
    height: 22px;
    overflow: hidden;
    position: absolute;
    float: left;
    top: -4px;
    left: 36px;
    transform: rotate(-221deg);
}

    .arrowup .innerup {
        width: 0;
        height: 0;
        border-right: 19px solid #f2eeee;
        border-top: 22px solid transparent;
        border-bottom: 9px solid transparent;
        position: absolute;
        top: 0;
        left: 2px;
    }

@media only screen and (min-width: 992px) {
    .boost-col-panel {
        min-width: 280px;
        max-width: 280px;
    }
}

@media only screen and (min-width: 1267px) {
    .boost-col-panel {
        min-width: 305px;
        max-width: 305px;
    }
}

.boosted-block {
    max-width: 290px;
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-shadow: 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
    border-radius: 8px;
    margin-bottom: 14px;
}

.boosted-title {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 46px;
}

@media only screen and (min-width: 992px) {
    .boosted-title-block {
        max-width: 220px;
    }
}

@media only screen and (max-width: 992px) {
    .parent-boost-card {
        width: 100%;
        min-width: 100%;
        overflow-x: auto;
    }

    .boosted-block {
        min-width: 280px;
    }
}

.modal.fade .modal-dialog, .modal .modal-dialog {
    transform: scale(0.1);
    opacity: 0;
    transition: all 0.7s;
}

.modal.fade.show .modal-dialog, .modal.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

/*profail*/
.resume-block.active {
    border-bottom: 1px solid #004273;
}

.profile-block.active {
    border-bottom: 1px solid #004273;
}

.up-profile {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    font-size: 100px;
    cursor: pointer;
    opacity: 0;
}
/*-----panel Candidate------*/
.warningblock {
    position: absolute;
    top: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    width: 90%;
}

.prof-star {
    position: absolute;
    top: 0;
    right: 15px;
}

.social-link {
    display: inline-block;
    font-size: 1.3em;
    margin: 0 5px;
    padding: 1px 0;
    transition: all .3s ease-in-out;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 2px;
    text-decoration: none;
}

.socialLink {
    font-size: 1.5em;
    margin: 5px;
    width: 32px;
    height: 32px;
    padding: 0px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
}

.twitter-link {
    color: #FFF;
}

    .twitter-link:hover {
        background-color: #FFF;
        color: #000;
    }

.facebook-link {
    color: #FFF;
}

    .facebook-link:hover {
        background-color: #FFF;
        color: #0866FF;
    }

.telegram-link {
    color: #FFF;
}

    .telegram-link:hover {
        background-color: #FFF;
        color: #27A7E8;
    }

.linkedin-link:hover {
    background-color: #0077b5;
    color: #fff;
}

.instagram-link:hover {
    background-color: #CF3089;
    color: #fff;
}

.viber-link:hover {
    background-color: #6D5BE7;
    color: #fff !important;
}

.tiktok-link:hover {
    background-color: #161823;
    color: #fff;
}

.whatsapp-link:hover {
    background-color: #2AC54E;
    color: #fff !important;
}
/*---control panel---*/
.our-dashboard-n {
    background: #FAF9F9;
}

/*-------------manager iframe---------------*/
.paneliframe, .profilePaneliframe {
    width: 100%;
    min-height: 575px;
}
/*----------NotFound------*/
.message-content {
    width: 100px;
    height: 100px;
    box-shadow: #7b7676 0px 0px 10px 1px;
}

div.preview.loading img {
    min-width: 100px;
    min-height: 100px;
    background: url(/Content/img/emd.gif) no-repeat 35px 32px;
}

div.ui-draggable-dragging {
    opacity: .7;
    z-index: 100;
}

.notes-bg {
    background-color: rgba(188, 146, 63, 0.09);
}

.notes-bg2 {
    background-color: #FEF6DF;
}

.bg-active-sm {
    background-color: #fef6df;
}

.dz-drag-hover {
    background: radial-gradient(ellipse at center, #0460D0 0, #023067 100%) !important;
    color: white;
}

#dropzoneJsForm {
    min-height: 112px !important;
    transition: width 2s, height 4s;
    padding: 5px;
}

/*----Question Apply partial----*/
.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 13.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 18px;
    width: 18px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}

    .option-input:hover {
        background: #9faab7;
    }

    .option-input:checked {
        background: #337FAF;
    }

        .option-input:checked::before {
            height: 18px;
            width: 18px;
            position: absolute;
            content: '✔';
            display: inline-block;
            font-size: 15.66667px;
            text-align: center;
            line-height: 18px;
        }

        .option-input:checked::after {
            -webkit-animation: click-wave 0.65s;
            -moz-animation: click-wave 0.65s;
            animation: click-wave 0.65s;
            background: #40e0d0;
            content: '';
            display: block;
            position: relative;
            z-index: 100;
        }

    .option-input.radio {
        border-radius: 50%;
        z-index: 1;
    }

        .option-input.radio::after {
            border-radius: 50%;
        }

.select-question {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

    .select-question + i.fa {
        float: right;
        margin-top: -24px;
        margin-right: 8px;
        pointer-events: none;
        background-color: #fff;
        padding-right: 5px;
    }
/*----select style add job/training----*/
.focused {
    transform: translateY(-105%);
    font-size: .75em;
}

.form-label {
    pointer-events: none;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #999;
    background-color: #fff;
    z-index: 1;
    transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
}

button.btn.dropdown-toggle.btn-light {
    background: white;
    outline: 0 !important;
    border: 1px solid #dee2e6;
}

    button.btn.dropdown-toggle.btn-light:active {
        background-color: white;
    }
/*----select style end----*/
.arrowleft {
    overflow: hidden;
    position: absolute;
    float: left;
    top: -8px;
    left: 30px;
    border-style: solid;
    border-color: #c9c9c9;
    border-width: 1px 0 0 1px;
    width: 15px;
    height: 15px;
    top: -8px;
    right: -9px;
    background: inherit;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrowtimes {
    position: absolute;
    display: inline-block;
    right: 8px;
    top: 3px;
    cursor: pointer;
}

.border-asied {
    border: 1px solid #c9c9c9;
}

.blockAside1 {
    top: 45px;
}

.blockAside2 {
    top: 120px;
}

.blockAside3 {
    top: 275px;
}

.blockAside4 {
    top: 405px;
}

.blockAside5 {
    top: 990px;
}

.blockAside6 {
    top: 80px;
}

.scrolltop {
    position: fixed;
    right: 25px;
    bottom: 40px;
    color: #fff;
    display: none;
}
/*----- ForEmployers pae -----*/
.maxheightimg {
    max-height: 350px;
}

ul.list-group .listline {
    list-style: none;
}
/*----profile page----*/
.pdf-color {
    color: #FF2116;
}

.demo .middle_em:empty {
    width: 90%;
    height: 18px;
    background: rgba(211, 211, 211, 0.5);
}

.demo .senyor_em:empty {
    width: 300px;
    height: 18px;
    background: rgba(0, 0, 0, 0.5);
}

.demo .junior_em:empty {
    width: 15%;
    height: 18px;
    background: rgba(211, 211, 211, 0.5);
}

.address_em {
    width: 160px;
    height: 14px;
    background: rgba(211, 211, 211, 0.5);
}

/*---forCandidate---*/
.coverbgone {
    background: transparent url(/content/img/coverbuild.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-size: 100%;
}

.coverbgtwo {
    background: transparent url(/content/img/coverfishs.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 320px;
    transform: rotate(4deg);
}

.hoverbtn {
    border: 1px solid #00469A;
}

    .hoverbtn:hover {
        background: #00469A;
        color: white;
    }

.inform {
    list-style: none
}

    .inform li::before {
        content: "•";
        color: #FA5400;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        font-size: 25px;
        line-height: normal;
        vertical-align: middle;
    }
/*---SingUp page---*/

.openNav {
    width: 0px;
    border-bottom-left-radius: 1%;
    border-top-left-radius: 1%;
}

.closeNav {
    width: 0;
    padding-left: 0;
    padding-right: 0;
}
/*---candidates for---*/
.progress-container {
    width: 100%;
    height: 6px;
    background-color: transparent;
}

.progress-bar {
    background: #0D66D0;
    width: 0;
    height: 5px;
}

.box-190 {
    width: 130px;
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    .box-190 {
        width: 115px;
        height: 115px;
        border-radius: 5px;
    }
}

@media only screen and (max-width: 575px) {
    .box-190 {
        width: 75px;
        height: 75px;
        min-width: 75px;
        border-radius: 5px;
    }
}

.twitter-link-d, .facebook-link-d, .linkedin-link-d, .instagram-link-d {
    font-size: 19px;
    color: black;
    transition: all 0.4s;
}

    .twitter-link-d:hover i, .facebook-link-d:hover i, .linkedin-link-d:hover i, .instagram-link-d:hover i {
        transform: scale(1.2);
    }

    .twitter-link-d:hover {
        color: #55acee;
    }

    .facebook-link-d:hover {
        color: #3560a0;
    }

    .instagram-link-d:hover {
        color: #CF3089;
    }

    .linkedin-link-d:hover {
        color: #0077b5;
    }
/*----manager detalist page----*/
.company-loading {
    background-image: url(/Content/img/emd.gif);
    background-size: 100px !important;
    background-attachment: inherit !important;
}

@media only screen and (min-width: 438px) {
    /*    .block-log-company, .edit-preview {
        top: -35px;
    }*/

    .block-log-company {
        width: 130px;
        height: 130px;
    }

    .company-logo {
        width: 130px;
        height: 130px;
    }
}

@media only screen and (max-width: 438px) {
    .block-log-company, .edit-preview {
        top: -22px;
    }

    .block-log-company {
        width: 120px;
        height: 120px;
    }

    .company-logo {
        width: 120px;
    }
}

.cover-relative {
    transition: 0.8s;
}

.cover-block-absolute {
    top: 30%;
    right: 0;
    left: 0;
}

/*choose file style*/
.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.btn-crop {
    padding-left: .75rem;
    padding-right: .75rem;
}

label.btn-crop {
    margin-bottom: 0;
}


.img-container,
.img-preview {
    background-color: #f7f7f7;
    text-align: center;
    width: 100%;
}

.img-container {
    max-height: 497px;
    min-height: 200px;
}

@media (min-width: 768px) {
    .img-container {
        min-height: 497px;
    }
}

.img-container > img {
    max-width: 100%;
}

.docs-preview {
    margin-right: -1rem;
}

.img-preview {
    float: left;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
}

    .img-preview > img {
        max-width: 100%;
    }

.docs-cropped .modal-body {
    text-align: center;
}

    .docs-cropped .modal-body > img,
    .docs-cropped .modal-body > canvas {
        max-width: 100%;
    }

.jcrop-centered {
    display: inline-block;
}

.sample_1 > div.jcrop-holder {
    margin: 0 auto !important;
}
/*menager panel*/
/*copy job*/
.inp-search {
    right: 0;
    top: 0;
}
/*----------- folders styles ---------*/
.pb-215 {
    padding-bottom: 215px;
}

.dash-divider-tab {
    width: 130px;
}

@media only screen and (min-width: 768px) {
    .min-shadow {
        box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.16);
    }

    .divider {
        width: 13%;
    }
}

@media only screen and (max-width: 768px) {
    .divider {
        width: 28%;
    }
}

.appStFlag {
    position: fixed;
    background: white;
    margin: 1rem;
    top: 80px;
    right: 0;
    z-index: 1;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    padding: 0.7rem 1rem 0.7rem 1rem;
}

    .appStFlag .evt-note-val {
        display: none;
    }

    .appStFlag .stblock {
        display: block;
    }

@media only screen and (max-width: 438px) {
    .appSt {
        top: 49px;
    }
}

.divider,
.dash-divider-tab {
    line-height: 12px;
    min-height: 44px;
    align-self: flex-end;
}

    .divider.active, .dash-divider-tab.active {
        background: white;
        z-index: 1;
        font-weight: bold;
        border-radius: 10px 0px 0px 0px;
    }

.app-block {
    margin: 6px 0;
    border-radius: 100px;
    border: 1px solid rgba(13, 102, 208, 0.60);
    padding: 4px 15px;
    max-width: 166px;
}

.evt-drf.hovered .app-block {
    background-color: rgba(181,181,181,1) !important;
}

.absolute-divider {
    border-left: 15px solid;
    border-top: 15px solid transparent;
    top: 0;
    height: 100%;
    background: transparent;
    right: -14.999px;
    z-index: 1;
}

.absolute-divider-parent {
    bottom: 0;
    right: 0;
    width: 10px;
    z-index: 1;
}

.nowrap-span, .nowrap-span2, .nowrap-span-dash {
    bottom: 6px;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.nowrap-span2 {
    width: 70px;
}

.nowrap-span-dash {
    top: -3px;
    line-height: 4;
    font-size: 14px;
}

.app-block .nowrap-span {
    color: #757D8A;
}

.app-block .allflags-span {
    color: #757D8A;
}

.divider.active .nowrap-link, .app-block.active .nowrap-span,
.dash-divider-tab.active .nowrap-link, .app-block.active .nowrap-span {
    color: white;
    font-weight: 400;
}

.gradient-btn {
    background-image: linear-gradient(to bottom, #004272 56%, #002139);
}

.gradient-btn2 {
    background-image: linear-gradient(to bottom, #34b3db, #004272);
}

.glyphicon-none:before {
    content: "\2122";
    color: transparent !important;
}

.dash-li.active .absolute-divider {
    border-left-color: white;
}

.dash-li .absolute-divider {
    border-left-color: transparent;
}

.dash-li {
    background-color: transparent;
}

.gradient-btn {
    background-image: linear-gradient(to bottom, #004272 56%, #002139);
}

.glyphicon-none:before {
    content: "\2122";
    color: transparent !important;
}

.scroll-horizontal {
    display: flex;
    min-width: 100%;
    overflow-x: auto;
    padding-bottom: 24px;
    padding-top: 30px;
}

    .scroll-horizontal > li:nth-child(2) {
        border-radius: 0px 10px 0px 0px;
    }

.settings-folder {
    top: 5px;
    right: 0;
}

.w-90 {
    width: 90%;
}

.w-10 {
    width: 10%;
}

.scroll-horizontal::-webkit-scrollbar {
    width: 3px;
    height: 6px;
}

.scroll-horizontal::-webkit-scrollbar-track {
    border-radius: 100px;
    background: #E3E3E3;
}

.scroll-horizontal::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #A5A5A5;
}

#FlagsSelect + i.fas {
    float: left;
    margin-top: -22px;
    margin-left: 18px;
    pointer-events: none;
    background-color: #fff;
    padding-right: 5px;
}

@media only screen and (min-width: 768px) {
    .notactive-rounded {
        border-radius: .25rem 0 0 .25rem;
    }
}

@media (max-width: 768px) {
    .notactive-rounded {
        border-radius: .25rem;
    }
}

.app-block-all.active {
    border: 1px solid rgba(13, 102, 208, 0.60);
    background: #0D66D0;
    color: white;
}

.ss-applicants-drop-menu {
    width: 300px;
    max-height: 340px;
    overflow-y: auto;
    left: 1px !important;
}

.ss-applicants-drop-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: .35rem;
}

    .ss-applicants-drop-item:hover {
        background-color: #f2f5fa;
    }

.active-job-times {
    right: 10px;
    top: 6px;
}

/*---intro js---*/
.introjs-helperLayer {
    background: transparent;
}

.introjs-overlay {
    opacity: 0 !important;
}

.introjs-helperLayer:before {
    opacity: 0;
    content: '';
    position: fixed;
    width: inherit;
    height: inherit;
    border-radius: 0.5em;
    box-shadow: 0 0 0 1000em rgba(0,0,0, .5);
    opacity: 1;
}

.introjs-helperLayer:after {
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index: 1000;
}

.user-border {
    border: .5px solid silver;
}

.dark-border {
    border: .9px solid #343a40;
}

.white-border {
    border: .9px solid #FEF6DF;
}

.active-cloud {
    background-color: #dee2e6;
}

.cs-drop {
    transform: translate(0px, 36px) !important;
}

.linkedin-link-d:hover {
    color: #0077b5;
}

.link-res-temp > i {
    position: absolute;
    top: 40%;
    left: 80px;
    right: 0;
    display: none;
}

.link-res-temp:hover > i {
    display: block;
    opacity: 0.6;
}

.link-res-temp:hover > img {
    opacity: 0.6;
}

.mce-statusbar.mce-stack-layout-item.mce-last {
    border: none;
}

@media(min-width: 768px) {
    .card-box {
        width: 120px;
        height: auto;
    }
}

@media(max-width: 768px) {
    .card-box {
        width: 100px;
        height: auto;
    }
}

.card-img {
    transition: .6s all;
}

    .card-img:hover {
        transform: scale(1.1);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    }

.job-card-border-left {
    border-left: 2px solid #2c638b;
}

.soc-w input {
    background-repeat: no-repeat;
    background-position: 10px 12px;
    padding-left: 2.3rem;
}

.soc-f input {
    background-image: url(/content/img/facebook-letters.svg);
}

.soc-l input {
    background-image: url(/content/img/linkedin-letters.svg);
}

.soc-i input {
    background-image: url(/content/img/instagram-letters.svg);
}

.soc-t input {
    background-image: url(/content/img/twitter-letters.svg);
}

.app-drop-down-btn {
    max-width: 334px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.d-lg-show {
    display: none;
}

@media(min-width: 992px) {
    .d-lg-show {
        display: block;
    }
}

.d-lg-hide {
    display: block;
}

@media(min-width: 992px) {
    .d-lg-hide {
        display: none;
    }
}

.d-md-hide {
    display: block;
}

@media(max-width: 768px) {
    .d-md-hide {
        display: none;
    }
}
/*----Stats Canvas Size----*/
/*new payments --- radios style*/
.checkbox-pay, .radio-copy {
    width: 20px;
    height: 20px;
    border: 1px solid #707070;
    border-radius: 50%;
    transition: all .2s;
    position: relative;
}

.checkbox-pay {
    width: 20px;
    height: 20px;
}

.radio-copy {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}

.form-check-label {
    display: flex !important;
    align-items: center;
}

.copy-radio {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0E46A1;
    display: flex;
}

.btn-pay {
    background-color: #949494;
}
/* -- ads --*/
.adslot-1, .adslot-6, .adslot-8{
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 4px;
}

.adslot-2, .adslot-3, .adslot-33, .adslot-5 {
    overflow: hidden;
    text-align: center;
    margin: 1rem auto;
    border-radius: 4px;
    overflow: hidden;
}

.adslot-1 img, .adslot-6 img, .adslot-8 img {
    display: block;
    width: 100%;
    height: auto;
}

@media(max-width: 438px) {
    .adslot-1, .adslot-1 img,
    .adslot-6, .adslot-6 img, 
    .adslot-8, .adslot-8 img {
        height: auto;
        max-height: 90px;
    }
}

.adslot-2 {
    max-height: 600px;
    width: 100%;
    padding: 0 1rem;
}

.adslot-3, .adslot-33 {
    max-width: 280px;
    max-height: 280px;
    box-shadow: 0px 6.6501px 5.32008px rgb(0 0 0 / 3%), 0px 2.76726px 2.21381px rgb(0 0 0 / 2%);
    border: 1px solid #E4E4E4;
}


@media only screen and (max-width: 992px) {
    .adslot-3, .adslot-33 {
        min-width: 280px;
        /*margin-bottom: 0 !important;*/
        margin-top: 0 !important;
        margin-right: 1rem !important;
        max-height: initial;
    }
}

.adslot-4 {
    max-width: 100%
}

.adslot-5 {
    width: 100%;
    max-height: 300px;
    margin: 0 auto 1rem;
}


    .adslot-2 img, .adslot-3 img, .adslot-33 img, .adslot-4 img, .adslot-5 img {
        display: block;
        max-width: 100%;
        min-width: 100%;
        height: auto;
    }

    .adslot-3 img, .adslot-33 img, .adslot-5 img {
        margin: 0 auto;
    }

.ui-effects-transfer {
    height: 30px !important;
}

    .ui-effects-transfer:after {
        content: "\2605";
        color: #FA5400;
        font-size: 24px;
        position: absolute;
        left: 0;
        top: -4px;
    }
/*sticer new*/
.new-sticker, .new-priceing-sticker {
    background-repeat: no-repeat;
    background-image: url(/Content/img/sticker.png);
    background-size: contain;
    background-position: right;
    z-index: 10;
    text-align: center;
}

.new-sticker {
    height: 25px;
    width: 25px;
    right: 4px;
    top: 4px;
}

.new-priceing-sticker {
    height: 75px;
    width: 75px;
    left: -24px;
    top: -20px;
    transform: rotate(-30deg);
}

.new-sticker:hover {
    animation: spin 10s linear infinite;
    animation-play-state: running;
}

.new-msg, .new-priceing-msg {
    color: whitesmoke;
    pointer-events: none;
    font-size: 9px;
    line-height: 27px;
}

.new-msg {
    font-size: 9px;
    line-height: 26px;
}

.new-priceing-msg {
    font-size: 16px;
    line-height: 75px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

@keyframes spin {
    100% {
        transform: rotate(1turn);
    }
}

.grecaptcha-badge {
    visibility: hidden;
}
/*public template resume*/
.add-link {
    border: 2px dashed #dee2e6;
}

.temp-skills .bootstrap-tagsinput {
    background-color: white;
}

.removeInput {
    top: 7px;
    right: 8px;
}

.active-job-desc-link {
    background-color: white;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.password-visibil {
    top: 5px;
    right: 5px;
}
/*ios chackbox*/
.tgl {
    display: none;
}

    .tgl + .tgl-btn {
        outline: 0;
        display: block;
        min-width: 2.45rem;
        height: 1.35rem;
        position: relative;
        cursor: pointer;
        user-select: none;
    }

        .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
            content: "";
            position: relative;
            display: block;
            width: 50%;
            height: 100%;
        }

        .tgl + .tgl-btn:after {
            left: 0;
        }

        .tgl + .tgl-btn:before {
            display: none;
        }

    .tgl:checked + .tgl-btn:after {
        left: 50%;
    }

.tgl-ios + .tgl-btn {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #d4d4d4;
}

    .tgl-ios + .tgl-btn:after {
        border-radius: 2em;
        background: #fbfbfb;
        -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
        transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
    }

    .tgl-ios + .tgl-btn:hover:after {
        will-change: padding;
    }

    .tgl-ios + .tgl-btn:active {
        box-shadow: inset 0 0 0 2em #00B786;
    }

        .tgl-ios + .tgl-btn:active:after {
            padding-right: .8em;
        }

.tgl-ios:checked + .tgl-btn {
    background: #00B786;
}

    .tgl-ios:checked + .tgl-btn.disabled {
        background: #7dbbff;
    }

    .tgl-ios:checked + .tgl-btn:active {
        box-shadow: none;
    }

        .tgl-ios:checked + .tgl-btn:active:after {
            margin-left: -.8em;
        }
/*-----------*/

.dropdown-min-w {
    min-width: 230px;
}

.appSearch-times {
    right: 10px;
    top: 12px;
}

.qr-block {
    max-width: 180px;
    min-width: 180px;
}

@media(max-width: 768px) {
    .appSearch-times {
        right: 55px;
    }

    .qr-block {
        max-width: 130px;
        min-width: 130px;
    }
}

.remove-version {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 12px;
    cursor: pointer;
}

.candidate-custom-select {
    width: 130px;
}
/*cke editor*/
.cke_toolbar_break {
    display: none !important;
}
/**/
select.abstract-select {
    display: none;
    background: white;
    height: calc(1.5em + .75rem + 2px);
    width: 100%;
    z-index: 0;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #F0F9FF !important;
    color: #16181b !important;
}

.feedback-panel .bootstrap-tagsinput {
    background-color: white;
}

.like-score,
.dislike-score {
    border: 1px solid;
}

.dislike-score, .like-score, .btn-file, .cursor-point {
    cursor: pointer;
}

.dislike-span {
    transform: rotateY(180deg);
}

.lable-score.dislike-score {
    border: 1px solid #FA5400;
}

    .lable-score.dislike-score i, .dislike-icon {
        color: #FA5400;
    }

.lable-score.like-score {
    border: 1px solid #68BF61;
}

    .lable-score.like-score i, .like-icon {
        color: #68BF61;
    }

/*---apply resumes---*/

.resume-panels-only,
.resume-panels button.btn,
.resume-panels div.dropdown-menu {
    border: 1px solid #E0E0E0 !important;
    box-shadow: none !important;
    border-radius: 4px;
    min-width: 240px;
    max-width: 240px;
}

.resume-panels-only,
.resume-panels button.btn {
    padding: .75rem;
}

    .resume-panels-only .apply-panel-resume {
        pointer-events: none;
    }

.resume-panels button.dropdown-toggle::after {
    border: none !important;
}

.resume-panels button.dropdown-toggle::after {
    content: url(/Content/css/icons/left.svg);
    transform: rotate(-90deg);
}

.resume-panels.show button.dropdown-toggle::after {
    content: url(/Content/css/icons/right.svg);
    transform: rotate(-90deg);
}

.resume-panels div.dropdown-menu {
    margin-top: .75rem;
    padding: 0;
}

    .resume-panels div.dropdown-menu a.dropdown-item {
        padding: 0;
        background-color: transparent !important;
    }

        .resume-panels div.dropdown-menu a.dropdown-item.active {
            display: none;
        }

    .resume-panels div.dropdown-menu a.dropdown-item {
        padding: 0;
        background-color: transparent !important;
    }

        .resume-panels div.dropdown-menu a.dropdown-item:hover {
            background-color: #F0F9FF !important;
        }

        .resume-panels div.dropdown-menu a.dropdown-item .apply-panel-resume {
            padding: .75rem;
        }

/*---multiselect---*/
.form-control-job-inp,
.form-control-job-inp > button {
    height: 42px;
}

    .form-control-job-inp > button {
        padding: 10px 12px;
        line-height: 42px;
    }

.btn-job-height {
    height: 36px;
}

.newForIcon {
    position: absolute;
    left: -21px;
    top: -6px;
    text-transform: lowercase;
    background: #FF7000;
    color: white;
    font-size: 10px;
    padding: 0 3px;
    border-radius: 4px;
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: calc(50% - 4px);
    right: 10px;
    width: 14px;
    height: 8px;
    background: url('/Content/profile_icons/icons/dropdown_filed.svg') no-repeat;
    transition: .3s all;
}

    .ms-choice > div.open {
        background: url('/Content/profile_icons/icons/dropdown_filed.svg') no-repeat;
        transform: rotate(180deg);
    }
/*---add candidate---*/
.addcandidate {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    color: #1361BF;
    border-radius: .5rem;
    border: 2px dashed #C5D1FA;
    text-align: center;
    padding: 25px;
    background-color: #F9FAFB;
}

    .addcandidate .modal-body {
        min-height: 200px;
    }

.body-loader::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    background-image: url(/Content/img/emd.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.steps_component {
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto 20px;
    width: 75%;
}

.step-round-panel {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
}

    .step-round-panel.first {
        margin-left: calc(33.333333% - 12.5px);
    }

    .step-round-panel.last {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

.step-line {
    position: absolute;
    top: 50%;
    right: 0;
    height: 1px;
    width: calc(100% - 25px);
    background-color: #cecece;
}

.step-round {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: black;
    /*margin: 0 auto;*/
    background: #cecece;
    color: #ffffff;
}

.step-round-panel.active .step-round,
.step-round-panel.active .step-line {
    background-color: #1361BF;
}

.step-round i {
    font-size: 11px;
}

.source-tags {
    text-decoration: underline;
    font-weight: lighter;
    font-style: italic;
    color: #909090;
    padding-right: 4px;
}
/*-------------*/
@media (max-width:992px) {
    .footer-contain {
        margin-top: 0px;
    }

    .footer {
        padding-top: 0px !important;
    }
}

.attention-box {
    background: #FFF6F3;
    border: 1px solid rgba(222, 53, 11, 0.5);
    border-radius: 4px;
    padding: 10px;
}
/*-------------*/
.logoutMob {
    display: none;
}

@media (max-width:992px) {
    .openNav {
        width: 270px;
    }

    .dropUlMob {
        display: none;
    }

    .logoutMob {
        display: block;
    }

    a.nav-link.job-animate-border {
        color: black !important;
        width: 100%;
    }

    .language {
        color: black !important
    }

    .openNav {
        background: white;
    }

    .close-burger {
        color: black !important
    }

    .line-border-mobile {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }

    .line-bordertop-mobile {
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }

    .openmenu-bottom {
        padding-bottom: 20px;
        position: absolute;
        bottom: 0;
        width: 90%;
        margin: auto;
        left: 5%;
        background: white;
    }

    .navitem-lang {
        padding-top: 20px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .bottom-settings {
        position: absolute;
        bottom: 95px;
        right: 21px;
    }

    .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }

    .postjob-li {
        justify-content: start !important;
        margin-left: 15px !important;
    }
}

.w-log-btn {
    width: 220px;
}

.gray-fillimg {
    filter: invert(0%) sepia(0%) saturate(0) hue-rotate(0deg) brightness(0%) contrast(300%);
}

.attention-box {
    background: #FFF6F3;
    border: 1px solid rgba(222, 53, 11, 0.5);
    border-radius: 4px;
    padding: 10px;
}

.checkboxRoundInvite:checked {
    background-color: #0E46A1 !important;
}

    .checkboxRoundInvite:checked:after {
        top: 8px !important;
    }
/*Sign Up update 10/17/2023*/

.sign-up-bacground {
    background-color: #F8FAFC;
    position: relative;
}

    .sign-up-bacground::after {
        background-image: url(/Content/img/backgroundPattern.png);
        width: 100%;
        height: 755px;
        content: " ";
        position: absolute;
        background-repeat: no-repeat;
        bottom: 0px;
        background-size: cover;
    }

.sign-in-container {
    position: relative;
    max-width: 476px;
    width: 100%;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: center;
    margin: 81px 331px;
    z-index: 999;
}

.sign-up-container {
    height: 577px;
    position: relative;
    max-width: 476px;
    width: 100%;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: center;
    margin: 81px 331px;
    z-index: 999;
}

.sign-up-condidate-container {
    position: relative;
    max-width: 476px;
    width: 100%;    
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: center;
    margin: 81px 331px;
    z-index: 999;
}

.sign-up-condidate-inner-container {
    max-width: 359px;
    width: 100%;
    padding: 35px 0px 35px 0px;
}

.sign-up-company-inner-container {
    max-width: 359px;
    width: 100%;
    padding: 35px 0px 35px 0px;
}

.fw-popup-inner-container {
    max-width: 359px;
    width: 100%;
    padding: 35px 0px 0px 0px;
}

.bold {
    font-weight: bold;
}

.sign-up-inner-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 85%;
    align-items: center;
}

.btn-sign-up {
    max-width: 360px;
    min-width: 360px;
    height: 46px;
    width: 100%
}

.flex-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.checkbox-container {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.checkbox-sign-up {
    max-width: 18px;
    width: 100%;
}

.p-policy-checkbox-label {
    margin-left: 7px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: block;
    margin-top: 8px;
}

.login-img-section {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
}

.border-line-login {
    height: 1px;
    width: 100%;
    border: 1px solid #CED4DA;
}

.log-in-text {
    font-family: 'arianamu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.8);
    margin: unset;
    white-space: nowrap;
}

.border-line-login {
    height: 1px;
    width: 100%;
    border: 1px solid #CED4DA;
}

.login-parent-div {
    gap: 40px;
    display: flex;
    flex-direction: column;
}

.popup-container {
    position: relative;
    max-width: 476px;
    width: 100%;
    height: 577px;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: center;
    z-index: 900;
}

.mail-btn {
    width: 170px;
    height: 46px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}

.mail-icon {
    width: 20px;
    padding: 0px 0.826px 1px 1px;
    justify-content: center;
    align-items: center;
}



.close-popup {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

.skip-btn {
    width: 14px;
    height: 14px;
    right: 0;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

.popup-mail {
    position: fixed;
    right: 50%;
    transform: translate(50%,-50%);
    top: 50%;
    z-index: 1041;
}

.hd-popup {
    position: relative;
}

.mt-35 {
    margin-top: 35px
}

.pt-35 {
    padding-top: 35px
}

.btn-create-resume {
    background: #FFFFFF;
    border: 1px solid #0E46A1;
    border-radius: 4px;
    color: #0E46A1 !important;
    padding: 10px 23px;
    font-weight: 700;
}

.btn-add-resume {
    max-width: 360px;
    min-width: 360px;
    height: 46px;
    width: 100%
}

.signup-company-btn {
    background: #FFFFFF;
    border: 1px solid #0E46A1;
    border-radius: 4px;
    color: #0E46A1 !important;
    padding: 10px 23px;
    font-weight: 700;
}

.btn-txt {
    font-size: 16px;
}

.btn-congrate-popup {
    max-width: 360px;
    min-width: 360px;
    height: 46px;
    width: 100%
}

.sign-up-company-container {
    position: relative;
    max-width: 476px;
    width: 100%;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: center;
    margin: 81px 331px;
    z-index: 999;
}

.font-size-25 {
    font-size: 25px
}

.font-size-16 {
    font-size: 16px
}

.user-signup-title {
    font-size: 25px
}

.sign-up-popup-container {
    padding: 35px 0px 35px 0px !important;
}

.bottom-fw-txt {
    padding: 35px 0px 0px 0px;
}


@media (max-width: 1400px) {
    .sign-up-bacground::after {
        height: 550px;
    }
}

@media (max-width: 768px) {
    .sign-up-container {
        box-shadow: unset;
        margin: 0px 15px;
    }

    .sign-in-container {
        box-shadow: unset;
        margin: 0px 15px;
    }

    .sign-up-popup-container {
        padding: 35px 15px;
    }

    .sign-up-condidate-container {
        margin: 0px 15px;
        box-shadow: unset;
    }

    .sign-up-condidate-inner-container {
        padding: 35px 15px 35px 15px;
    }

    .sign-up-company-inner-container {
        padding: 35px 15px 0px 15px;
    }

    .sign-up-company-container {
        margin: 0px 0px;
        box-shadow: unset;
    }

    .bottom-fw-txt {
        padding: 35px 0px 0px 0px;
    }

    .sign-up-bacground::after {
        height: 550px;
    }

    .btn-add-resume {
        min-width: unset !important;
        height: unset !important;
    }

    .btn-txt {
        font-size: 14px;
    }

    .btn-create-resume {
        padding: 10px 10px !important;
    }

    .sign-up-bacground::after {
        content: unset;
    }

    .sign-up-bacground {
        background-color: white
    }

    .btn-sign-up {
        min-width: 300px;
    }

    .btn-congrate-popup {
        min-width: 240px;
        z-index: 10000;
    }

    .popup-container {
        max-width: unset;
        height: 101vh;
    }

    .popup-mail {
        width: 100%;
        z-index: 10000
    }
}

@media (max-width: 365px) {
    .user-signup-title {
        font-size: 20px
    }
}

@media (min-width: 992px) {
    body > div:not(#mySidenav):not(.alert) {
        filter: none !important;
    }
}

.ft-border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.app-footer {
    display: flex;
    justify-content: start;
    width: 100%;
}

.btn-app-ft {
    border: none;
    background: none;
}

.address-section {
    display: flex;
    flex-direction: column;
    min-height: 144px;
    justify-content: space-between;
}

@media (max-width: 992px) {
    .app-footer {
        align-items: start !important;
    }

    .address-section {
        align-items: start;
        justify-content: flex-start;
        min-height: unset;
    }

    .box-mb-size {
        display: flex;
    }

    .va-top > ul {
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }

    .footer .foot2 h6 {
        margin-bottom: 2px;
    }

    .footer-contain {
        margin-bottom: 15px;
    }

    .footer {
        min-height: unset;
    }
}

@media (max-width: 576px) {
    .box-mb-size {
        margin-top: 12px;
    }
}

.close-barimg {
    width: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.title-jobssmall {
    color: rgba(0, 0, 0, 0.40);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.app-block-all {
    background: rgba(13, 102, 208, 0.03);
}

.folder-name {
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.customize {
    border-radius: 100px;
    border: 1px solid #4CAF50;
    background: rgba(76, 175, 80, 0.03);
}

    .customize span, .customize i {
        color: #757D8A;
    }

.appstats {
    border-right: 1px solid #8A8A8A;
    padding-right: 7px;
    margin-right: 7px;
}

.fix-tab-apptab {
    padding: 25px 14px;
    border-top: 1px solid #EAECEE;
    border-right: 1px solid #EAECEE;
    border-left: 1px solid #EAECEE;
    background: #FFF;
    box-shadow: 0px 1px 8px -3px rgba(24, 39, 75, 0.12);
    padding-bottom: 20px;
    border-radius: 4px 4px 0px 0px;
}

.appSearch-btn {
    background: transparent;
    border: none;
    outline: none;
}

.app-search-inp {
    border-radius: 4px;
    border: 1px solid #EAECEE;
    background: #F6F6F6;
    padding: 10px;
    width: 100%;
    outline: none;
    padding-left: 36px;
    color: #8A8A8A;
}

    .app-search-inp::placeholder {
        color: #8A8A8A;
    }

.tab-link.active-tab {
    font-weight: 700;
}

.note-panel {
    border-radius: 6px;
    border: 1px solid rgba(228, 230, 238, 0.50);
    background: #F6F6F6;
    padding: 18px 15px;
}

.notes-input {
    border-radius: 4px;
    border: 1px solid #E4E6EE;
    background: #FFF;
    padding: 12px;
}

.delete-confirm .jconfirm-title {
    width: 100%;
}

.delete-confirm {
    padding: unset !important;
    width: 500px;
}

    .delete-confirm .jconfirm-buttons {
        width: 100%;
        display: flex;
        justify-content: end;
        border-top: 1px solid #dee2e6 !important;
        padding: 16px 0;
        align-items: center;
    }

        .delete-confirm .jconfirm-buttons button {
            margin-bottom: 0px !important
        }

.header-appquestions {
    border-top: 1px solid #EAECEE;
    border-right: 1px solid #EAECEE;
    border-left: 1px solid #EAECEE;
    background: #F6F6F6;
    padding: 13px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    height: 50px;
}

.quest-ol li::marker {
    color: #0E46A1
}

@media (max-width: 992px) {
    .scroll-horizontal::-webkit-scrollbar-track {
        border-radius: 0;
        background: transparent;
    }

    .scroll-horizontal::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent;
    }

    .scroll-horizontal {
        padding: 10px 0;
    }

    .hd-applicants {
        min-height: unset !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .folders-list {
        margin-bottom: 0px !important;
        padding-bottom: 0px;
        margin-left: -10px;
    }

    .fix-tab-apptab {
        border-radius: 0px 0px 0px 0px;
        padding-bottom: 10px;
    }

    .resumeapp-section {
        box-shadow: unset !important;
    }

    .leftifx-app {
        box-shadow: unset !important;
        overflow-y: visible !important;
        height: unset !important;
    }

    .flags-m-sec {
        width: 100%;
    }

    .section-info-row {
        flex-direction: column-reverse;
        align-items: start !important;
    }
}

.resumeapp-section {
    border-radius: 4px 4px 0px 0px;
    background: transparent;
}

@media (max-width: 1400px) {
    .appcliants-page .main-container {
        margin-left: unset !important;
    }
}

.p-tb-14 {
    padding: 14px 0;
}

.addcand-btn {
    min-width: 158px;
    padding: 10px;
}

.search-boxapp {
    margin-top: 20px;
    margin-bottom: 5px;
}

.applicant-itemlist {
    min-height: 90px;
    align-items: center;
    display: flex;
    padding: 0 15px;
    border-bottom: 1px solid #0000000f;
}

.last-p-app:last-child {
    margin-bottom: 0px;
}

@media (max-width: 992px) {
    .delete-confirm {
        width: unset;
    }

    .appcliants-page .hd-applicants {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.sort-btn {
    border-radius: 4px;
    border: 1px solid #EAECEE;
    background: #F6F6F6;
    height: 42px;
    cursor: pointer;
}

.dropdown-sort-container {
    z-index: 9;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
    padding: 12px;
    top: 45px;
    right: 0px;
    display: none;
}

.drop-sort-box {
    width: 235px;
}

.checkboxRound.box16::after {
    top: 3px !important;
    left: 2px !important;
}

.blacklist-icon {
    top: 30px;
    right: 0px;
}

.prof-imgbox > .blacklist-icon {
    top: 46px;
    right: 15px;
}

.more-applications-box {
    right: unset !important;
    top: 20px !important;
}

.app-item {
    margin-right: 10px;
}

.partners-companies-panel {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: #FFF;
    box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.15);
    overflow: hidden;
    padding: 20px;
    height: 215px;
    margin: 0 9px;
    margin-bottom: 18px;
}

.partnerlogo {
    height: 68px;
    width: 68px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    overflow: hidden;
}

.partner-title {
    color: #18181B;
    max-height: 58px;
    overflow: hidden;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 150%;
}

.active-jobs {
    display: inline-flex;
    background: #F0F9FF;
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 12px;
    text-decoration: unset !important
}

.partners-searchbox {
    margin-bottom: 24px;
}

.hd-titlepart {
    margin-bottom: 17px;
}

.rmeovesearch-img {
    position: absolute;
    top: 14px;
    right: 174px;
}

.activejobs-btn {
    max-width: 190px;
}

.top-choosebtn {
    margin: -15px -15px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 20px 0 #00000026;
    margin-top: 20px;
}

@media(max-width: 992px) {
    .partners-searchbox {
        background-color: #FFFFFF;
        box-shadow: 0px 2px 5px rgba(210, 210, 210, 0.4);
        transition: .7s all;
        margin-bottom: 16px;
        padding: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .hd-titlepart {
        margin-bottom: 10px;
    }

    .mobile-indutries-container {
        position: fixed;
        left: -110%;
        width: 100%;
        background: white;
        top: 70px;
        z-index: 99;
        height: calc(100vh - 135px);
        transition: left 0.2s ease-in-out;
    }

        .mobile-indutries-container.open {
            left: 0;
        }

    .top-confirmbtn {
        margin: -15px 0px;
        background: #fff;
        padding: 15px;
        box-shadow: 0 0 20px 0 #00000026;
        margin-top: 20px;
        position: absolute;
        width: 100%;
        bottom: 20px;
    }
}

.moveTofolder {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 130px;
    justify-content: center;
}

.flat-lbl {
    width: 130px;
    display: flex;
    justify-content: center;
}

.field-validation-error {
    color: red;
    font-size: 12px;
}

.santa-bg-color a.nav-link.job-animate-border {
    color: white !important;
}

.santa-bg-color .openmenu-bottom {
    background: transparent !important
}

.santa-bg-color .w-log-btn {
    color: white !important
}

.santa-bg-color .language {
    color: white !important;
}

.dropSettingsCompany.dropdown-menu.show li a {
    padding: 10px 15px !important;
}

.addjob-nav {
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-top: 10px !important;
    margin-bottom: 7px !important;
    width: 197px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.santabtn {
    border-radius: 100px;
    background: white;
    color: #C5141D !important;
    padding: 8px 15px !important;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 131px;
    line-height: unset !important;
    margin-right: 20px;
}

.success-quest-color {
    color: #00A579;
}

.wrong-quest-color {
    color: #DE350B;
}

.success-radio {
    border-color: #00A579 !important;
}

.wrong-radio {
    border-color: #DE350B !important;
}

    .wrong-radio[type="radio"]:checked {
        background-color: #DE350B !important;
    }

.checkbox-item.wrong-radio {
    border: 1px solid #DE350B !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.cover-notfound {
    max-width: 300px;
    margin: auto;
}

.ws-preline {
    white-space: pre-line;
}
#magazine {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    height: 384px !important;
}
.page-wrapper {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}
#magazine .page {
    background: #0E46A1 !important;
}

.book-sheet {
    height: 384px;
    overflow: hidden;
}

.select-flags.form-control-job-inp > button {
    padding-left: 30px;
}

.folder-icon {
    top: 15px;
    left: 10px;
}
.folder-icon-10 {
    top: 10px;
    left: 10px;
}

.book-page {
    min-height: 384px;
}

.drag-upload-block {
    color: black;
    display:flex;
    flex-direction:column;
}
.drag-upload-block span{
    color:gray !important;
}
.file-ext-box {
    padding: 6px 12px;
    border-radius: 9999px;
    border: 1px solid #D1D5DC;
    color: #364153;
    font-family: "Arian AMU";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
/*.upload-progress-box{

    wid
}*/
.upload-spinner {
    width: 48px;
    height: 48px;
    border: 3px solid #e5e7eb;
    border-top-color: #2563eb;
    border-right-color: #2563eb;
    border-left-color: #2563eb;
    border-radius: 50%;
    animation: spin 0.9s linear infinite;
}

.progress-bar-track {
    background: #e5e7eb;
    border-radius: 100px;
    height: 8px;
    overflow: hidden;
}

.progress-bar-fill {
    height: 100%;
    background: #2563eb;
    border-radius: 100px;
    transition: width 0.3s ease;
}
.candidate-resume-item {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.candidate-resume-item-missing {
    border-color: #f5a623;
}

.candidate-resume-status-badge {
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 14px;
}

.candidate-resume-ready {
    background: #dff5eb;
    color: #09a66d;
}

.candidate-resume-missing {
    background: #fff3df;
    color: #f59e0b;
}

.candidate-resume-missing-warning {
    border-radius: 3px;
    border: 1px solid rgba(255, 204, 0, 0.50);
    background: rgba(255, 204, 0, 0.05);
    padding: 10px;
    font-size:12px
}

.mt-12 {
    margin-top: 12px !important;
}

.max-width-650 {
    max-width: 650px;
}

.width-650 {
    width: 650px;
}

.resume-info-flex {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.flex-1-shrink-0 {
    flex: 1;
    flex-shrink: 0;
}

.step-line-bold {
    width: 96px;
    height: 2px;
    background: #D1D5DC;
    margin: 0 12px;
    align-self: center;
}

    .step-line-bold.highlighted {
        background: #0E46A1;
    }