@font-face {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    src: url('../../../../fonts/Roboto-Regular.ttf') format('ttf');
}

@font-face {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    src: url('../../../../fonts/Roboto-Bold.ttf') format('ttf');
}

@font-face {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    src: url('../../../../fonts/Roboto-Italic.ttf') format('ttf');
}


.disableCopyPaste {
    -webkit-user-select: none; /* For Chrome, Safari, and Edge */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For Internet Explorer */
    user-select: none; /* Standard property */
}
.enableCopyPaste {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}
div#paydetailsboxID {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}

.esh-identity {
    line-height: 3rem;
    position: relative;
    text-align: right;
}

.esh-identity-section {
    display: inline-block;
    width: 100%;
}

.esh-identity-name {
    display: inline-block;
}

.esh-identity-name--upper {
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .esh-identity-name {
        font-size: 0.85rem;
    }

    .selfEvaluation {
        margin-bottom: 30px;
    }
}

.esh-identity-image {
    display: inline-block;
}

.esh-identity-drop {
    background: #FFFFFF;
    height: 10px;
    width: 10rem;
    overflow: hidden;
    padding: .5rem;
    position: absolute;
    right: 0;
    top: 2.5rem;
    transition: height 0.35s;
}

.esh-identity:hover .esh-identity-drop {
    border: 1px solid #EEEEEE;
    height: 14rem;
    transition: height 0.35s;
    z-index: 10;
}

.esh-identity-item {
    cursor: pointer;
    transition: color 0.35s;
}

    .esh-identity-item:hover {
        color: #75b918;
        transition: color 0.35s;
    }

/*custom classes*/

* {
    font-family: "Roboto", sans-serif;
}

.mw-75 {
    max-width: 75% !important;
}

.txtblue {
    color: blue;
    cursor: pointer;
    font-size: 14px;
}

a.jobSubmissions.txtblue {
    color: #0d6efd !important;
    font-size: 11px;
}

.form-group .txtblue {
    color: #00f !important;
}

.invisible {
    visibility: hidden !important;
}

/****  Login page css starts here  ****/

a, a:active, a:hover, a:visited {
    text-decoration: none !important;
}

.btn-danger:visited {
    color: #fff;
}


ul {
    list-style: none;
}

.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

.h-custom {
    height: calc(100% - 73px);
}

.h-100 {
    height: 100% !important;
}

.login_custom_box {
    display: flex;
    justify-content: space-between;
    height: 100vh;
}

.logincustom_right {
    background-color: #004275;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.logincustom_left {
    width: 40%;
    padding: 30px 80px;
    margin-left: auto;
    margin-right: auto;
}

.logincustom_right .carousel-item {
    text-align: center;
}

.logincustom_right .carousel-caption {
    position: relative;
    left: auto;
    right: auto;
    margin-top: 40px;
}

.logincustom_right .carousel-item img {
    width: 550px;
}

.logincustom_right .carousel-caption h5 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 5px;
}

.logincustom_right .carousel-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border-radius: 100%
}

.login_logo {
    margin-bottom: 0px;
    text-align: center;
}

.login_with_option .login_hWelcom {
    font-size: 20px;
    color: #C97B29;
    font-weight: 600;
    margin-bottom: 20px;
    text-align:center;
}

    .login_with_option .login_hWelcom span {
        color: #7B7B7B;
        font-size: 16px;
        font-weight: 500;
    }

.login_withbox {
    border: 1px solid #8C9AAD;
    background-color: #FAFBFE;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 8px 0;
}

    .login_withbox strong {
        margin-left: 11px;
        color: #004275;
    }

.main_login_box img:first-of-type {
    margin-top: 4px;
}

.login_withbox button {
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.login_withbox a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px;
}

.login_withbox p {
    margin: 0;
    width: 80px;
    color: #004275;
    font-weight: 600;
    font-size: 16px;
    margin-left: 11px;
    text-align: left;
}

.login_withbox img {
    margin-right: 2px;
}

.lc_email {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

    .lc_email p {
        margin: 0;
        font-size: 14px;
        color: #7b7b7b;
        display: inline-block;
        background-color: #fff;
        padding: 0px 10px;
        font-weight: 500;
    }

    .lc_email::before {
        content: "";
        background: #707070;
        width: 100%;
        height: 1px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 56%;
        z-index: -1;
    }

.main_login_box .form-group {
    position: relative;
    margin-bottom: 15px;
}

    .main_login_box .form-group .form-control {
        border-color: #8C9AAD;
        padding: 10px 10px 10px 40px;
        color: #8C9AAD;
        font-size: 15px;
    }

    .main_login_box .form-group input#Otp {
        letter-spacing: 10px;
    }

    .main_login_box .form-group .form-control::placeholder {
        letter-spacing: 0px !important;
        font-size: 14px;
    }

    .main_login_box .form-group span.form-icon {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .main_login_box .form-group span.eye-icon {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        cursor: pointer;
        color: #7B7B7B;
    }

    .main_login_box .form-group .form-control::placeholder {
        font-size: 15px;
    }

.main_login_box .checkbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    font-weight: bold;
}

.main_login_box .forgot_password {
    color: #004275;
    font-size: 14px;
    font-weight: 700;
}

img#passwordeye {
    width: 20px;
    float: inline-end;
    position: absolute;
    right: 8px;
    top: 12px;
}

label.input_RememberMe {
    color: #7B7B7B;
    font-size: 14px;
    font-weight: 700;
}

.otp-login {
    text-align: right;
}

    .otp-login a {
        margin: 0;
        color: #188fff !important;
        font-size: 15px;
        text-decoration: none !important;
        font-weight: 400;
        cursor: pointer;
    }

        .otp-login a:hover {
            text-decoration: underline !important;
            color: #7b7b7b;
        }

.login-btn {
    width: 100%;
    background-color: #004275;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

    .login-btn:hover, .login-btn:active, .login-btn:focus-visible {
        background-color: #004275 !important;
        color: #fff !important;
    }

.lno_account {
    text-align: center;
}

    .lno_account p {
        font-size: 14px;
        color: #7B7B7B;
        font-weight: 600;
    }

        .lno_account p a {
            color: #004275;
            font-weight: 700;
        }

            .lno_account p a, .lno_account p a:hover, .lno_account p a:active {
                color: #004275 !important;
            }

.candidateSubmissionTbale {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .candidateSubmissionTbale .dataTables_wrapper.no-footer .dataTables_scrollBody {
        max-height: 400px;
    }

    .candidateSubmissionTbale th.candidateFixedCol.candidateFixedCol0 {
        padding-right: 64px !important;
    }

td.candidateFixedCol.candidateFixedCol0 a {
    padding-left: 8px;
}

.candidateSubmission .csSync {
    display: flex;
}

    .candidateSubmission .csSync .form-group {
        padding: 6px 9px;
        margin: 15px 0px;
    }

.candidateSubmissionTbale .dataTables_wrapper {
    position: inherit;
}

.candidateSubmissionTbale .dataTables_filter {
    position: absolute;
    top: 99px;
    right: 24px;
}

.candidateSubmissionTbale .form-group {
    margin-right: 10px !important;
    margin-left: 0px !important;
}

.candidateradmrleft {
    margin-left: 12px;
    margin-right: -53px;
    margin-top: 12px !important;
}

.candidateSubmissionTbale .form-check {
    width: 110px;
    margin-left: 0px;
    margin-top: 21px;
}

.candidateSubmissionTbale .custom-length-dropdown {
    padding-top: 0 !important;
    margin: 10px 0;
}
/*.candidateSubmissionTbale .form-group {
    width: 250px;
}*/

.candidaterad .form-check.w-150 {
    width: 80px;
}

/*.maildoc .dataTables_wrapper{
    position:inherit;
}*/

.candidaterad .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.candidateSubmission .managerCount {
    font-size: 14px !important;
    color: #0d6efd;
    font-weight: 500;
}
.calculateBtns.candidate {
    float: right;
    margin-top: 50px;
}
.ShowSubmanagerCount {
    color: #0d6efd;
}

.modelwork {
    position: absolute;
    top: 60px;
    width: 100%;
}

    .modelwork span {
        padding-right: 75px;
        font-size: 14px;
    }

.submissionpopup .modal-body {
    padding: 0px 12px !important;
}

.submissionpopup .modal-header {
    padding: 10px 18px 50px;
}

.managertolltip {
    position: relative;
    display: inline-block;
    float: right;
}

.tooltip-text {
    visibility: hidden;
    width: 180px;
    font-size: 12px;
    background-color: #fff;
    color: #000000;
    text-align: left;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    top: 22px;
    left: 0%;
    margin-left: 0px;
    display: inline-table !important;
    opacity: 0;
    transition: opacity .3s;
    font-weight: normal;
    line-height: 9px;
}
.popover .popover-body {
    max-height: 300px;
    overflow-y: auto;
}
.tooltip-text p {
padding: 0px 11px;
line-height: 10px;
margin-top: 17px;
}

.tooltip-text p::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #dcdcdc;
    z-index: -1;
    border-radius: 5px;
}

.weeklyfont {
    font-size: 20px;
}

.weeklytbl {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 80%;
    margin-bottom: 15px;
}

    .weeklytbl p, .notoficationtbl p, .emailviewtbl p {
        margin-bottom: 2px;
    }

    .weeklytbl th td {
        border: 1px solid #000;
        text-align: left;
        padding: 8px;
        font-size: 14px;
    }

.emailviewtbl table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 80%;
}

    .emailviewtbl table tr {
        border: 1px solid #000;
        text-align: left;
        padding: 4px;
    }

    .emailviewtbl table td {
        border: 1px solid #000;
        text-align: left;
        padding: 4px;
        font-size: 12px;
    }

.emailview2tbl {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    .emailview2tbl tr {
        border: 1px solid #000;
        text-align: left;
        padding: 4px;
    }

    .emailview2tbl td {
        border: 1px solid #000;
        text-align: left;
        padding: 4px;
        font-size: 12px;
    }

.notoficationtbl {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 40%;
    margin-bottom: 12px;
}

    .notoficationtbl td {
        border: 1px solid #000;
        text-align: left;
        padding: 8px;
        font-size: 12px;
    }

.managertolltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.hietop {
    margin-top: 35px;
}

.csSync span {
    color: #000;
    font-weight: 400;
    font-size: 13px;
}

.csSync .btn-primary.disabled {
    background-color: #0d6efd !important;
}

.hidden {
    display: none !important;
}

/*select#MspClient, select#Facility {
border: 2px solid transparent;
animation: brdblink 1s;
animation-iteration-count: 10;
}
@keyframes brdblink {
50% {
border-color: #c97b29;
}
}*/
.mpclient {
    text-align: Center;
    font-size: 16px;
    line-height: 1.6;
}

.blink_me {
    animation: blinker 1s linear infinite;
    border: 2px solid transparent;
}

select.blink_me {
    border: 2px solid #c97b29 !important;
}

    select.blink_me.sbopen {
        animation: inherit;
        border: none !important;
    }

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.bg-successcandocbg {
    background-color: #abe282 !important;
    height: 140px !important;
    width: 218px;
    border: 5px solid #fff;
}

.bg-warningcandocbg {
    background-color: #E6DB63 !important;
    height: 140px !important;
    width: 205px;
    border: 5px solid #fff;
}

.candocbg {
    background-color: #edc1c9 !important;
    float: left;
    width: 218px;
    height: 140px;
    border: 5px solid #fff;
}

.candocswal {
    background-color: #edc1c9 !important;
    float: left;
    height: 74px;
}

.ui-datepicker {
    z-index: 9999999 !important;
}

.blankspace {
    margin-left: 18px;
}

span.iconalign.dshow img {
    margin-top: -5px !important;
}

.candiateheading {
    color: #000 !important;
    padding: 15px;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

@media screen and (max-width: 767px) {
    .logincustom_left {
        width: 100%;
    }

    .logincustom_right {
        display: none;
    }
}



/****  Login page css end here  ****/


/****  New Login page css starts here  ****/

.main_login_box .form-group span.form-icon {
    position: absolute;
    top: 8px;
    left: 10px;
}

.optionHeading {
    text-align: center;
}

    .optionHeading p {
        font-size: 14px;
        color: #7b7b7b;
        margin-bottom: 1px;
    }

    .optionHeading img {
        width: 90px;
        margin: 0px;
    }

.notificationTypeSwal {
    width: 43%;
    text-align: left;
    margin: 10px auto;
}

.optionOtpHeading {
    text-align: center;
    margin-bottom: 20px;
}

    .optionOtpHeading p {
        font-size: 14px;
        color: #7b7b7b;
    }

        .optionOtpHeading p b {
            color: #000;
            display: block;
        }

    .optionOtpHeading strong {
        margin-bottom: 10px;
        display: block;
    }

.optionsTypesBox {
    display: flex;
    align-items: center;
}
/*.optionsTypes-img img {
width: 25px;
}*/
.optionsTypes-txt p {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
}

.optionsTypes-txt span {
    font-size: 12px;
    color: #7b7b7b;
    font-weight: 500;
}

.optionsTypes-img {
    margin-right: 15px;
}

.optionsTypes-txt {
    line-height: 14px;
    text-align: left;
}

.optionsTypes li {
    border-radius: 4px;
    border: 1px solid #e0e4e9;
    margin-bottom: 15px;
    padding: 10px;
    cursor: pointer;
    font-family: 'Yahoo Sans',Arial;
}

    .optionsTypes li:hover {
        border-color: #188fff;
    }

.loginAnotherOptions {
    text-align: right;
    padding-left: 1px;
}

    .loginAnotherOptions a {
        color: #188fff !important;
        font-size: 15px;
        cursor: pointer;
    }

        .loginAnotherOptions a:hover {
            color: #1852ff;
        }

.otpbtn {
    border: none;
    background: transparent;
    width: 100%;
}

.timer {
    font-size: 14px;
    color: #7b7b7b;
    text-align: right;
}

    .timer span#timer {
        color: #000;
        font-weight: 600;
    }

#btnResendOtp {
    border: none;
    background: transparent;
    padding: 0;
    color: #188fff;
    font-size: 15px;
    font-weight: 400;
}

.validateotp-login {
    display: block;
    margin-bottom: 40px;
}

    .validateotp-login .text-danger {
        font-size: 14px;
        color: #ff0000 !important;
    }

.backtologin {
    float: right;
    margin-bottom: 15px;
    display: inline-block;
    color: #188fff;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
}

    .backtologin:hover, #btnResendOtp:hover {
        text-decoration: underline !important;
        color: #7b7b7b;
    }

.text-danger.validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

    .text-danger.validation-summary-errors ul li {
        font-size: 14px;
        color: #ff0000;
    }
/****  New Login page css end here  ****/
/****  header css starts here  ****/
header {
    border-bottom: 1px solid #e8e8e8;
    height: 64px;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px #0000000F;
}

    header .navbar {
        padding: 0.5rem 1rem;
        justify-content: space-between;
    }

.navbar-brand {
    margin-right: 4rem;
}

.top-logo {
    max-width: 160px;
}

.navbar-nav .nav-link {
    font-size: 14px;
    color: #172B4D !important;
    font-weight: 400;
    margin: 0 4px;
}

.navbar-nav .nav-item a span {
    padding-right: 6px;
}

.collapse.navbar-collapse {
    justify-content: end;
}

#logoutForm {
    display: flex !important;
    flex-basis: auto;
    align-items: center;
}

header nav .dropdown-toggle::after {
    vertical-align: 0em;
    border-top: none;
    border-right: none;
    border-bottom: 0;
    border-left: none;
    font-family: "FontAwesome";
    font-weight: 600;
    content: "\f107";
    font-size: 12px;
}

.navbar-nav .dropdown-menu {
    border: none;
    top: 50px;
    box-shadow: 0px 4px 6px #0000000F;
}

.navbar-nav .userdropdownlist .dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown-item {
    padding: 8px 12px;
}

.dropdown-item {
    font-size: 13px;
    border-bottom: 1px solid #f1f1f1;
}

    .dropdown-item:last-child {
        border-bottom: none;
    }

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .active .nav-link {
    color: #C97B29 !important;
}

.userdropdownlist .dropdown-toggle span {
    font-size: 13px;
    font-weight: 600;
}

.img-profile {
    max-width: 32px;
}

.userdropdownlist a {
    border-left: 1px solid #f1f1f1;
    padding-top: 0;
    padding-bottom: 0;
}

.userdropdownlist .dropdown-menu a {
    border-left: none;
}

.navbar-nav .dropdown-menu .nav-link {
    padding: 2px 6px;
}


/*Notification history css*/
.notification-history .dropdown-menu {
    min-width: 300px;
    left: -100% !important;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

    .notification-history .dropdown-menu .notification-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ccc;
        padding: 2px 10px;
    }

        .notification-history .dropdown-menu .notification-box:last-child {
            border-bottom: none;
        }

        .notification-history .dropdown-menu .notification-box .nav-link {
            font-size: 13px;
            color: #212529 !important;
        }

.cancel-notification i {
    color: #E72929;
    font-size: 14px;
    cursor: pointer;
}






/*Notification history css*/

/****  header css end here  ****/
/**** Input toggle on/off css starts here  ****/
.toggle-input {
    position: relative;
    box-sizing: border-box;
}

    .toggle-input input[type="checkbox"] {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0;
    }

    .toggle-input label {
        position: relative;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        margin-bottom: 0px !important;
    }

        .toggle-input label:before {
            content: '';
            width: 45px;
            height: 22px;
            background: #ccc;
            position: relative;
            display: inline-block;
            border-radius: 46px;
            box-sizing: border-box;
            transition: 0.2s ease-in;
        }

        .toggle-input label:after {
            content: '';
            position: absolute;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            left: 2px;
            top: 2px;
            z-index: 2;
            background: #fff;
            box-sizing: border-box;
            transition: 0.2s ease-in;
        }

    .toggle-input input[type="checkbox"]:checked + label:before {
        background: #4BD865;
    }

    .toggle-input input[type="checkbox"]:checked + label:after {
        left: 25px;
    }

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    opacity: 0.5 !important;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
    opacity: 0.8 !important;
}
/*common input checkbox image*/
.custome-box input[type="checkbox"], .common-page input[type="checkbox"] {
    position: absolute;
    opacity: 0 !important;
    margin: 3px 2px 0;
    cursor: pointer;
}

    .custome-box input[type="checkbox"] + span, .common-page input[type="checkbox"] + span {
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: 1px 4px 0 0;
        vertical-align: middle;
        background: url('/images/unchecked_box.png') 0 0 no-repeat;
        cursor: pointer;
    }

    .custome-box input[type="checkbox"]:checked + span, .common-page input[type="checkbox"]:checked + span {
        background: url('/images/checked_box.png') 0px 0 no-repeat;
    }

.custome-box .navbar-nav {
    float: right !important
}

.ui-datepicker-current {
    display: none;
}

.menuiconimg {
    height: 18px;
    width: 18px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: none; /* Remove the float property */
    margin-left: 100px; /* Add a margin-left of 100px */
    padding: -0.8em .6em .3em .6em
}
/**** Input toggle on/off css end here  ****/

/**** Alert Toast css starts here  ****/
.btnSyncSubmissionsManual {
    width: 24px;
    margin: 0 8px;
}

.notification {
    position: fixed;
    top: 80px;
    right: 22px;
    width: 28%;
    z-index: 9;
}

    .notification span {
        font-size: 14px;
    }

    .notification .close {
        float: right;
        top: 11px;
        position: absolute;
        right: 8px;
        cursor: pointer;
    }

    .notification .alert-success {
        color: #fff !important;
        background-color: #24BC94 !important;
        border-color: #24BC94 !important;
    }

    .notification .alert-danger {
        color: #fff !important;
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
    }

.common-filter .form-group .bootstrap-select {
    width: 100% !important;
}

/****  common page css starts here  ****/
.inline-filter {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
}

    .inline-filter select {
        width: 114px;
    }

.btn {
    white-space: nowrap;
    margin-right: 5px;
}

.field-validation-error {
    font-size: 14px;
    color: #ff0000;
}

    .field-validation-error ul {
        margin: 0;
        padding: 0;
    }

.modal-fullscreen {
    width: calc(100vw - 80px) !important;
    height: calc(100vh - 80px) !important;
    margin: 40px !important;
}

.modal-body-content {
    width: 100%;
    height: 100%;
}

.modal-content.candidateView-modal {
    height: auto !important;
}

.document-Down-consultant {
    width: 70% !important;
    margin: 0 auto;
}
.drugtest{
    margin-top:3px;
}
.drugtest a:not([href]) {
    padding: 4px 7px;
}
.drugtest a:not([href]) {
    border: 1px solid #000;
    margin: 10px 5px;
    color: #000 !important;
}
.drugtest .NotStarted {
    background-color: #fff;
}
.drugtest .Initiated {
    background-color: #c5ddff;
}
.drugtest .Completed {
    background-color: #b7ffc1;
}
.drugtest .OnHold {
    background-color: #ffa6a6;
}
.drugtest .NotApplicable {
    background-color: #d3d3d3;
}
.drugflex {
    display: flex;
    justify-content: end;
    padding: 0px 10px;
    z-index: 99;
}
.drugflex a:not([href]) {
    padding: 2px 7px;
}
.verificationHistoryPopupbg {
    background-color: #111111d6;
}
.candocdocumentIframe {
    min-width: 70%;
    height: 100%;
    overflow: hidden;
}
.consultantnotes-modal .modal-body {
    height: 420px !important;
    overflow-y: hidden !important;
}
.consultantnotes-modal .scrollable-tbody {
    max-height: 355px !important;
}
.consultantnotes-modal .modal-footer {
    background-color: #ffffff;
    padding: 0 !important;
}
.candocdocumentIframe iframe {
width: 100%;
height: 100vh;
}
.candocdocumentIframe .toolbar, .zoomiframe .toolbar {
    position: fixed;
    bottom: 85px;
    right: 40%;
    z-index: 999999;
}
.iframe-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 50px) !important;
    height: 100%;
    background: transparent;
    z-index: 10;
}
.zoomupfile .iframe-overlay {
    width: calc(70% - 85px) !important;
}
.candocdocumentIframe.zoomiframe .iframe-overlay {
    width: calc(100% - 32px) !important;
}
.candocdocumentIframe.zoomupfile .iframe-overlay {
    height: 95% !important;
}
.zoomiframe .toolbar {
    position: fixed;
    bottom: 85px;
    right: 25%;
}
.documentIframe #pdf-frame{
    transform-origin: top left;
    display: block;
}
.candocdocumentIframe #pdf-frame-up {
    transform-origin: top left;
    display: block;
}

.documentIframe #pdf-container {
    overflow: auto;
    width: 100%;
    position: relative;
    height: 100vh;
}
.candocdocumentIframe .toolbar button, .zoomiframe .toolbar button {
    border: none;
    background: none;
    display: block;
    padding-bottom: 10px;
}
.documentbtn {
    margin-top: 10px;
    width: 75px;
    font-size: 16px;
    float: right;
}
.skipDocumentUser img{
    width:21px;
    height:21px;
}
#documentPreviewPopup .modal-fullscreen .modal-body {
    overflow-y: hidden !important;
}
.DocumentsUl li{
    float:left;
}
.DocumentsUl ul.docutypename {
    padding-left: 0px;
    padding-right: 15px;
}
.DocumentsUl ul.docutypename input[type=checkbox] {
    margin-top: 9px;
}
.DocumentCategoriesRow .ln-letters {
    position: absolute;
    top: 10px;
    z-index: 99;
    background: #fff;
    width:100%;
}
.DocumentsUl .docutypenameLi-input {
    width: 250px;
}
.ConsultantListFrmDiv .modal-body{
    overflow-x:hidden;
}
.notavailable {
    padding: 4px;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    color: #383838;
    display: flex;
    justify-content: center;
    border: 1px solid #ccc;
    margin-top: 13px;
}
.submiscompiler {
    padding: 0px !important;
}

.removeSubmissionCompilerFile {
    position: absolute;
    right: 10px;
}

.submiscompilerboder {
    border-bottom: 1px solid #ccc !important;
}

.submiscompiler .d-flex {
    width: 100% !important;
}

.submiscompiler ul {
    padding-left: 0px !important;
    width: 100%;
}

    .submiscompiler ul li {
        background-color: #fff !important;
        padding: 5px 20px 5px 0px;
        margin: 4px;
        border: 1px solid #ccc;
        justify-content: left !important;
    }

.submiscompfooter {
    position: absolute;
    justify-content: space-between !important;
    bottom: 0;
    width: 100%;
}

.consultanttbl table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 80%;
    margin-bottom: 15px;
}

    .consultanttbl table td {
        border: 1px solid #000;
        text-align: left;
        padding: 8px;
        font-size: 12px;
    }

.consultanttbl p {
    font-size: 10px;
}

.consultant-custome-box .form-group:nth-child(3) {
    width: 155px;
}

.consultant-custome-box .main-pagetable .dataTables_wrapper .dataTables_filter input {
    margin-right: 3px;
}

.consultant-heading img {
    cursor: pointer;
}

.doclistpanel {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .doclistpanel span {
        font-size: 14px;
    }

.mainBox-content {
    margin-bottom: 25px;
    min-height: calc(100vh - 125px);
}

.doclistpanel .uploadCount {
    margin-bottom: 6px;
}

.doclistpanel .manage_docBox {
    position: absolute;
    right: 0;
    margin-top: 0px;
}

.modal-backdrop {
    z-index: 999 !important;
}

.infi-heading {
    font-size: 16px;
    color: #C97B29;
    font-weight: 600;
    padding: 4px 0px 6px;
    /*border-top: 1px solid #f1f1f1;*/
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .infi-heading.candidateSubmission {
        padding: 0px 0 1px !important;
    }

.evaluation-table .infi-heading {
    padding: 12px 0;
}

.permissionmatrixtable .infi-heading {
    padding: 14px 0;
}
table.table.ddconsultant {
    background-color: #dae4ff;
    margin-bottom: 30px !important;
}

table.table.ddconsultant thead tr {
background-color: #dae4ff;
border-bottom: #dae4ff 5px solid;
}

table.table.ddconsultant tr {
background-color: #fff;
border-bottom: #dae4ff 5px solid;
}

table.table.ddconsultant tr th {
color: #000;
font-size: 11px;
}

table.table.ddconsultant tr td {
padding: 4px 10px !important;
font-size: 11px;
}
.modal-body-content .compliancetracker-popup {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50% !important;
    max-width: 90%;
    height:auto !important;
}
.scrollable-tbody {
    display: block;
    max-height: 380px; /* adjust as per your requirement */
    overflow-y: auto;
    overflow-x: hidden;
}

.scrollable-tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed; /* keeps columns aligned */
}

.ddconsultantmodel .customCheckbox0 {
    width: 12px !important;
    height: 12px !important;
    top: 1px !important;
}

.ddconsultantmodel .uploadedFile-box .customCheckbox0 {
    top: 4px !important;
}

.ddconsultantmodel .selectAllApprovedDocumentsDiv, .selectAllPendingReviewDocumentsDiv {
    font-size: 13px;
    margin-left: 7px;
    margin-bottom: 7px;
}

.ddconsultantmodeltext {
    font-size: 13px;
}

.documentgrid {
    counter-reset: documentgrid-item;
}

.documentgrid .checkbox {
margin: 0px !important;
}

.documentgrid .checkbox .inline-form {
    margin: 0px !important;
    border-bottom: 3px solid #fff;
}

.documentgrid:after {
content: '';
display: block;
clear: both;
}

.documentgrid-item {
width: 32%;
display: inline-table;
float: left;
background: #fff;
border-radius: 5px;
box-shadow: 1px 1px 10px 1px #efecec;
margin-bottom: 10px;
margin-left: 15px;
}

.documentgrid-item:before {
display: block;
padding-top: 0.2em;
text-align: center;
font-size: 1.4rem;
}


.documentgrid-item:before {
display: block;
color: black;
padding-top: 0.2em;
text-align: center;
font-size: 1.4rem;
}

.modal-content.candidateView-modal.document-Down-consultant.ddconsultantmodel {
    position: fixed;
    top: 0;
    height: 100vh !important;
    width: 48% !important;
    right: 0;
    border-radius: 0;
}

.ddconsultantmodel .form-check-label {
    font-size: 12px;
    font-weight: 600;
}

.ddconsultantmodel .candidateDocOption-scroll {
    background-color: #dae4ff !important;
    padding: 15px;
}

.custom-btm-download {
    width: 65px;
    height: 27px;
    font-size: 11px;
    background-color: #007bff;
    border: none;
    border-radius: 3px;
    color: #fff;
}

.custom-btm-cancel {
    padding: 0px !important;
}

    .custom-btm-cancel a {
        min-width: 65px;
        height: 27px;
        font-size: 11px;
        background-color: #dc3545;
        border: none;
        border-radius: 3px;
    }

.mf-doctbtn {
    position: absolute;
    bottom: 0px;
    justify-content: flex-start !important;
    width: 100%;
}
.modal-footer.mf-doctbtn {
    background: #fff;
}
.ddconsultantmodel .modal-body {
    padding: 0px 12px !important;
}

.ddconsultantmodel .modal-title {
    font-size: 14px !important;
}
.ipforbidden h3 {
    padding: 15px;
    font-size: 23px;
}

.ipforbidden h2 {
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}
.login-errormsg {
    text-align: center;
    font-size: 20px;
    padding: 60px 10px;
}

.esh-externalogin {
    background-color: #004275;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 4px;
}

    .esh-externalogin:hover {
        color: #fff;
    }

.evaluation-table .main-pagetable .dataTables_filter {
    margin: -50px 35px 10px 0 !important;
}

.permissionmatrixtable .main-pagetable .dataTables_filter {
    margin: -50px -5px 10px 0 !important;
}

.candidateSub_table.main-pagetable .dataTables_filter {
    margin: -43px 35px 10px 0 !important;
}

.common-datepicker .datepicker, .common-datepicker .form-control {
    font-size: 13px;
}

.rightAddbtn a img {
    width: 32px;
    margin-top: 11px;
}

em.required-field {
    color: red;
    /*font-size: 14px;*/
}

.display-none {
    display: none;
}

em.required-field {
    color: red;
    /*font-size: 14px;*/
}

.main-pagetable {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 4px;
    padding: 8px;
}

.disabled {
    background-color: #e9ecef !important;
    /*opacity: 0.7;*/
    pointer-events: none;
}

.common-filter {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}

    .common-filter .form-group {
        width: 150px;
        margin-right: 15px;
        margin-bottom: 10px;
        font-weight: 600 !important;
    }

.candidateSubleft .form-group {
    width: 120px !important;
}

.candidateSub .form-group {
    width: 250px !important;
    margin-left: 12px !important;
}

.candidateSubleft .bootstrap-select .dropdown-menu.inner {
    height: auto !important;
}

.subflex.candidaterad button {
    width: 102px;
    height: 31px;
    margin-top: 12px !important;
}

.form-group.csubmissionselect.csubmissionselect-manager {
    width: 100px !important;
}

.form-group.manager {
    width: 300px !important;
}

.submissionbtn {
    height: 33px;
    margin-top: 17px !important;
}
.speaking button {
    float: right;
    border: 3px solid #fff;
    background-color: #c97b29;
    border-radius: 6px;
    color: #fff;
    font-size: 20px;
    padding: 0px 15px;
}
.microphone {
    display: none;
    font-size: 21px;
    color: #c97b29;
    margin-top: 10px;
    justify-content: center;
}
.microphone i{
    padding:5px;
}
.hrEvaluation-table .common-filter .form-group {
    width: 135px;
    margin-right: 25px !important;
}

.common-filter .evaluation-select {
    width: 170px !important;
}

.common-filter label {
    color: #172b4d;
    font-size: 14px;
}

.form-select {
    color: #172b4d !important;
    font-size: 13px !important;
}

.common-filter .form-select:focus {
    box-shadow: none;
    border-color: #ced4da;
}

.commentbox {
    background-color: #fff;
    box-shadow: 3px 5px 9px 0px #d9d9d9;
    padding: 10px;
    margin: 7px 0px;
}

    .commentbox p {
        margin-bottom: 0px !important;
    }

.evaluationcomment {
    height: auto !important;
    padding-bottom: 30px;
}

    .evaluationcomment textarea {
        height: 100px !important;
    }

    .evaluationcomment .form-btn-group {
        justify-content: end;
    }

.userEvaluationComments span {
    cursor: pointer !important;
}

.helthinsbtn {
    margin-right: 115px !important;
    margin-top: 29px !important;
}

    .helthinsbtn a {
        font-size: 12px;
    }

.healthredio {
    color: #000;
    font-weight: 500;
    margin-top: 25px;
    display: flex;
}
.healthredio label {
    font-size: 12px;
    white-space: nowrap;
    font-weight: 600;
}

.healthredio label:first-child {
    margin-right: 10px;
}

.healthredio label:nth-of-type(2) {
    padding-right: 10px;
}
.healthredio input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
.doctitle {
    margin-top: -18px;
}
/*.clientTypeselect {
margin-right: 82px !important;
}*/
.evaluationQuestion .form-group > .questntxt {
    font-size: 16px;
    color: #c97b29;
    font-weight: 600;
    padding: 0px;
    margin-bottom: 0;
    display: block;
    margin-top: 8px;
}

span.questntxt {
    margin-top: 11px;
}

.evaluationQuestion > li {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 0px;
}

    .evaluationQuestion > li:first-child {
        border-bottom: none;
    }

.first-forReviewType label {
    margin-bottom: 0px;
}

.first-forReviewType .form-group {
    margin-bottom: 0 !important;
}

.forReviewType.first-forReviewType {
    margin-top: -30px;
}

    .forReviewType.first-forReviewType .selfEvaluation {
        text-align: right;
    }

.evaluationheader-first .form-group {
    margin-bottom: 5px;
}

.selfEvaluation.empcomplete {
    width: 33% !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.monthlyGroup .questntxt-heading, .YearlyGroup .questntxt-heading {
    display: table;
    margin-bottom: -36px;
    position: relative;
    top: 12px;
}
.evaluationQuestion .monthlyGroup {
    margin-top: 20px;
}
.evaluationQuestion .MonthlySelfReview .childQuestion {
    margin-top: -30px;
}
.evaluationQuestion .MonthlySelfReview .questntxt-heading {
    margin-top: 33px;
}
.WeeklyGroup .childQuestion {
    margin-top: -48px !important;
}
.WeeklyGroup .selfEvaluation {
    margin-top: 19px !important;
}
.WeeklyGroup .childQuestion li {
    display: flex;
    align-items: flex-start !important;
}
.YearlyGroup .managerHREvaluation {
    margin-top: 18px !important;
}
    .selfEvaluation.empcomplete.vpcomplete, .selfEvaluation.vpcomplete {
        width: 70% !important;
    }

    .selfEvaluation.empcomplete .questn-middle {
        align-items: flex-start;
        margin-top: 0 !important;
    }

.manager.managerHREvaluation {
    width: 37% !important;
}

.selfEvaluation.empcomplete .additinal-fields {
    box-shadow: 0 0 10px #00000029;
    border: 1px solid #ffffff !important;
}

.overalempcomplete .selfEvaluation .vpcomplete {
    width: 70% !important;
}

.overalempcomplete .selfEvaluation {
    width: 33%;
}

.overalempcomplete .manager-overallrating .overall-text {
    width: 31% !important;
}

.overalempcomplete.selfEvaluation .m-top-min-87 {
    margin-top: -37px !important;
}

.overalempcomplete .selfEvaluation .additinal-fields {
    box-shadow: 0 0 10px #00000029;
    border: 1px solid #ffffff !important;
}

.vpcomplete .overralratinginp input {
    width: 85px !important;
}
.emplomenthistory tr th{
    width:25%;
    text-align:left;
}
.emplomenthistory tr td {
    text-align: left;
}


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

.emphistorytbl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.emphisbtn {
    display: flex;
    align-items: center;
    justify-content: right;
    padding-right: 0px !important;
}

.emphisbtn-dpblue {
    background-color: #3b87b2 !important;
    color: #fff !important;
}

.emphisbtn-primary {
    background-color: #007bff !important;
    color: #fff !important;
}

.emphisbtn-danger {
    background-color: #b97a57 !important;
    color: #fff !important;
}

.emphistory a, .emphisbtn a {
    font-size: 13px;
}

.childQuestion {
    padding: 0;
    width: 100%;
}

    .childQuestion li {
        margin-bottom: 6px;
        display: flex;
        align-items: end;
        justify-content: flex-start;
    }

        .childQuestion li::after {
            content: "";
            display: table;
            clear: both;
        }

        .childQuestion li .questntxt {
            color: #172b4d;
            font-size: 14px;
            margin-right: 8px;
            font-weight: 400;
            width: 50%;
            display: block;
            box-sizing: border-box;
        }

        .childQuestion li .questntxt2 {
            color: #172b4d;
            font-size: 14px;
            margin-right: 8px;
            font-weight: 400;
            width: 33%;
            display: block;
            box-sizing: border-box;
        }

.overall-comments .childQuestion li .questntxt {
    width: 42% !important;
}
.overall-comments .childQuestion li .questntxt.managerrevovcomment {
    width: 440px !important;
}
.overall-comments .managerevwide {
    width: calc(100% - 460px) !important;
}
.overall-comments .childQuestion li .additinal-fields {
    width: calc(100% - 50px) !important;
    margin-right: 14px;
}
.d-flex.flex-wrap.managerevwide .additinal-fields {
    width: 100% !important;
    margin-right: 0;
}
.evaluationheader1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .evaluationheader1.evaluationheader-first input {
        width: 100px;
    }

.questn-middle {
    width: 90px !important;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

    .questn-middle .form-control {
        width: 100% !important;
    }

.childQuestion li input {
    width: 15% !important;
}

.childQuestion li .additinal-fields {
    width: 60% !important;
    height: 80px;
}

.childQuestion li .additinal-fields2 {
    width: 74% !important;
    max-height: 80px;
}

.childQuestion li textarea {
    width: 100% !important;
    font-size: 14px;
    resize: none;
}

.seemore-container p {
    word-break: break-all;
    margin-bottom: 0px !important;
}

    .seemore-container p .see-more {
        position: absolute;
        right: 15px;
        margin-top: -10px;
    }

.common-page .evaluationQuestion .form-group {
    margin-bottom: 6px;
}
.seemoreoverallcomment a {
    right: 12px !important;
}
.childQuestion li .form-control {
    width: calc(30% - 5px);
    box-sizing: border-box;
    margin-right: 20px;
    float: left;
}

.childQuestion-progressbar {
    padding: 0;
    display: inline-block;
    margin-top: 5px;
    width: 100%;
    color: #000 !important;
}

    .childQuestion-progressbar li {
        display: inline-block !important;
        margin-bottom: 0 !important;
        border: 1px solid #ddd;
        border-radius: 30px;
        padding: 6px 2px;
        width: 36px;
        text-align: center;
    }

    .childQuestion-progressbar.pobar-main .pobar-item .userbarRatings {
        display: inline-block !important;
        margin-bottom: 0 !important;
        border: 1px solid #ddd;
        border-radius: 0px;
        padding: 6px 2px;
        width: 38px;
        text-align: center;
    }

    .childQuestion-progressbar.pobar-main .pobar-item .userRatings {
        display: inline-block !important;
        margin-bottom: 0 !important;
        border: 1px solid #ddd;
        border-radius: 0px;
        padding: 6px 2px;
        width: 38px;
        text-align: center;
    }

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

.evulationhref a {
color: #000;
}

.evulationhref a:hover {
    color: #000;
}

.modal-content.revpopself {
    height: 55vh !important;
}

.modal-content.revpopself .modal-body textarea {
    height: 100px !important;
}

.pobar-wrapper {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.pobar-main .pobar-wrapper {
    margin-top: -25px;
}

.pobar-wrapper .pobar-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.childQuestion-progressbar.pobar-main {
    display: flex;
    align-items: end;
    margin-bottom: 10px;
}

.pobar-wrapper .pobar-item > span {
    margin: 0;
}

.e-childQuestion li {
    display: flex;
}

.e-questntxt {
    width: 100px;
    color: #172b4d;
    font-size: 14px;
}

.e-questn-middle {
    width: 100px;
    margin-right: 20px;
}

.e-additinal-fields {
    width: 80%;
}

.e-modalheading {
    font-size: 16px;
    color: #c97b29;
    font-weight: 600;
    margin-bottom: 15px;
}

.e-childQuestion {
    padding-left: 0;
}

.e-additinal-fields textarea.form-control {
    font-size: 14px;
}
/*Testimonial UI*/
.userEvaluationComments {
    border-top: 1px solid #f1f1f1;
}

.onboardingtestimonial-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: auto;
}

.testimonial-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.testimonial-slide {
    flex: 1 0 33%;
}

.testimonial-bg {
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    background-color: #efefef;
    margin: 1px 2px 4px 3px;
    height: 200px;
    border-left: 30px solid #fff;
    border-right: 12px solid #fff;
    margin: 10px 0px;
    overflow-y: auto;
}

.testimonial-slide p {
    font-style: justify;
    color: #333;
    font-size: 15px;
}

.testimonial-slide h4 {
    margin-top: 10px;
    font-weight: bold;
    color: #555;
}
/* Slider Controls */
.slider-controls {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

    .slider-controls a {
        background-color: #c97b29;
        color: #fff;
        border: none;
        padding: 3px;
        cursor: pointer;
        border-radius: 50%;
        font-size: 20px;
        transition: background-color .3s ease;
        width: 36px;
        margin: 15px 12px 14px;
        text-align: center;
        height: 36px;
    }

        .slider-controls a:hover {
            background-color: #b0691e;
            color: #000;
        }
/*Testimonial UI End*/
.reviewuserevaluation {
    width: 100%;
}

.uecommr {
    margin: 5px -13px;
}

.reviewcdr {
    background: #fff;
    border-radius: 4px;
    border: none;
    color: #172b4d;
    font-size: 14px;
    margin-bottom: 2px;
    box-shadow: 0 0 10px #00000029;
    padding: 11px;
}

.revheading {
    font-size: 16px;
    color: #c97b29;
    font-weight: bold;
}

.revdate {
    font-size: 12px;
}

.revbtn {
    font-size: 14px;
    margin-top: 10px;
}

.evulationpostion {
    position: absolute;
}

.manager-evaluation .childQuestion li.forReviewType .questntxt {
    width: 33%;
}

.forReviewType > .questntxt {
    align-self: flex-start;
    /*margin-top: 80px;*/
}

.manager-evaluation .childQuestion li .selfEvaluation {
    width: 33%;
    margin-top: 0px;
}

.manager-evaluation .forReviewType .selfEvaluation {
    width: calc(30% - 30px);
    margin-right: 0px;
    margin-top: 12px;
}

.monthbx2 .selfEvaluation .questn-middle .form-control {
    margin-top: 0px !important;
}
.childQuestion .monthbx:first-child {
    margin-top: -50px;
}
.childQuestion.multipleSubQuestions li:first-child {
    margin-top: -10px;
}
.manager-overallrating .forReviewType .overall-text {
    width: calc(100% / 3 - -4px) !important;
    align-self: flex-start;
}

.manager-overallrating .overall-text {
    width: 31% !important;
    align-self: flex-start;
}

    .manager-overallrating .overall-text .questntxt {
        width: 100% !important;
    }

.manager-evaluation .forReviewType .manager {
    width: calc(33% - 0px);
}

.manager-evaluation .childQuestion li .questntxt {
    width: 30%;
    margin-top: 60px;
}
.childQuestion .monthbx {
    display: flex;
    align-items: flex-start;
}
.manager-evaluation .manager {
    width: calc(75% / 2 - 0px);
    padding: 0px 20px;
}

.managerui .manager {
    width: calc(76% / 1 - 4px) !important;
    padding: 0px 0px 0px 25px !important;
    margin-top: -87px !important;
}

.managerui2 .manager {
    width: calc(75% / 2 - 0px);
    margin-top: -87px !important;
}

.managerui2 .managerComplete {
    width: calc(75% / 1 - 60px) !important;
}

.monthbx .manager {
    width: calc(85% / 2 - 0px);
    padding: 0px 20px;
}

.manager-evaluation .selfEvaluation .questn-middle {
    margin-bottom: 5px;
}

    .manager-evaluation .selfEvaluation .questn-middle .form-control {
        width: 85px !important;
        /*margin-top: -75px;*/
    }
/*.forReviewType .selfEvaluation .questn-middle .form-control {
margin-top: -46px !important;
}*/

.manager.managerHREvaluation.managerComplete {
    width: 70% !important;
}

    .manager.managerHREvaluation.managerComplete .questn-middle {
        width: 90px !important;
    }

.manager-evaluation .manager .questn-middle {
    width: 160px !important;
    margin-bottom: 5px;
    flex-direction: row;
    align-items: start;
}

    .manager-evaluation .manager .questn-middle .childQuestion-progressbar {
        margin-top: 0;
    }

.manager-evaluation .childQuestion li .selfEvaluation .additinal-fields {
    width: 100% !important;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 7px 7px;
}

.manager-evaluation .childQuestion li .manager .additinal-fields {
    width: 100% !important;
    margin-bottom: -5px;
}

.reviewpop-table.table > :not(:first-child) {
    border-top: none;
}

.reviewpop-table {
    border-right: 1px solid #f1f1f1;
}

.multipleSubQuestions li {
    margin-top: 40px;
}

.startreview-modal {
    height: auto !important;
}
.enableIsApplicableForUser .multipleSubQuestions li {
    margin-top: 14px;
    padding-bottom: 3px;
}
.self-evaluationQuestion .childQuestion li .questntxt {
    width: 440px;
    align-self: flex-start;
}

.self-evaluationQuestion .childQuestion li .manager {
    width: calc(100% - 460px);
}

    .self-evaluationQuestion .childQuestion li .manager .additinal-fields {
        width: calc(100% - 0px) !important;
    }

.manager-evaluation .manager .questn-middle > .form-control {
    width: 80px !important;
}

.manager-evaluation .manager .pobar-wrapper .pobar-item {
    margin-right: 15px !important;
}

.manager-evaluation .forReviewType .manager .questn-middle > .form-control {
    width: 80px !important;
}

.manager-evaluation .monthbx .manager .questn-middle > .form-control {
    width: 65px !important;
    padding: 5px;
}

.manager-evaluation .monthbx .manager {
    margin-top: 0px;
}

.manager-evaluation .manager {
    margin-top: 20px;
}

    .manager-evaluation .manager .pobar-wrapper {
        margin-left: -10px !important;
    }

.monthbx .questn-middle {
    margin-top: 25px !important;
}

.HrEv-heading {
    display: flex;
    justify-content: right;
    padding-top: 5px;
}

.HrEvM-width {
    width: 52%;
}

.HrEv-heading img.ratingComment {
    width: 18px;
    height: 24px;
    margin-right: 5px;
}

.HrEv-heading .form-group {
    margin-bottom: 0 !important;
}

.reviewViewbox span {
    color: #172b4d;
    font-size: 14px;
}

.teamEvaluationbox .Legend-colorBox {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-color: blue;
    margin-right: 3px;
}

li.breadcrumb-item.loadUserTeam:not(:last-child) {
    color: #0027ff;
    cursor: pointer;
}

.loadUserTeam img.width-10.mt--2 {
    cursor: pointer;
}

.teamEvaluationbox .childQuestion-progressbar li {
    width: 50px;
    cursor: pointer;
    margin-right: 3px;
}

.teamEvaluationbox .statusManagertInProgress {
    background: #ccccff;
}

.teamEvaluationbox .statusNotStarted {
    background: #b2b2b2;
    border-color: #b2b2b2 !important;
}

.teamEvaluationbox .statusManagertDone {
    background: purple;
}

.teamEvaluationbox .statusHrInprogress {
    background: blue;
}

.teamEvaluationbox .statusNotApplicable {
    opacity: 0.7;
    cursor: not-allowed;
    background: #e5e5e5;
    pointer-events: none;
}

.teamEvaluationbox .statusHrDone {
    background: #4ca64c;
}

.teamEvaluationbox .statusManagertDone {
    background: #ffff66;
}

.teamEvaluationbox ul.Legend {
    padding: 0;
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
}

.teamEvaluationbox .Legend-item span.Legend-label {
    font-size: 13px;
    color: #172b4d;
}

.teamEvaluationbox .Legend-item {
    display: flex;
    margin-right: 10px;
    margin-bottom: 10px;
}

.teamEvaluationbox .statusHrInprogress {
    background: #bf7fbf;
}

.teamEvaluationbox .childQuestion-progressbar {
    margin: 0;
    display: flex;
}

.teamEvaluationbox .statusCandidateDone {
    background: #ffd27f;
    border-color: #ffd27f !important;
}

.teamEvaluationbox .statusCandidateInProgress {
    background: #2090fa6e;
}

.teamEvaluationbox .dataTables_wrapper {
    margin-top: 0px;
}

.custome-box.hrEvaluation-table {
    margin: 15px 0px;
}

.main-pagetable.hrEvaluation-table.teamEvaluationbox {
    box-shadow: inherit;
}

#toReporting .main-pagetable.hrEvaluation-table.teamEvaluationbox {
    box-shadow: inherit;
    margin: -5px -15px;
}

.childQuestion-progressbar .addEvaluations2 {
    line-height: 20px;
    max-height: 50px;
    overflow: hidden;
    display: block;
}

    .childQuestion-progressbar .addEvaluations2 a {
        color: #000;
    }

.UserEvaluationbox .Legend-colorBox {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-color: #32ff1b;
    margin-right: 3px;
}

.Legend-colorBox {
    text-align: center;
    background-color: #4ca64c;
}

.UserEvaluationbox .childQuestion-progressbar li {
    width: 50px;
    cursor: pointer;
    margin-right: 3px;
}

.UserEvaluationbox .statusManagertInProgress {
    background: #ccccff;
}

.UserEvaluationbox .statusNotStarted {
    background: #b2b2b2;
}

.UserEvaluationbox .statusManagertDone {
    background: #4ca64c;
}

.UserEvaluationbox .statusHrInprogress {
    background: #d800d8 !important;
}

.UserEvaluationbox .statusNotApplicable {
    opacity: 0.7;
    cursor: not-allowed;
    background: #e5e5e5;
    pointer-events: none;
}

.UserEvaluationbox .statusHrDone {
    background: #65da65;
}

.UserEvaluationbox .statusManagertDone {
    background: #ffff66;
}

.UserEvaluationbox ul.Legend {
    padding: 0;
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
}

.UserEvaluationbox .Legend-item span.Legend-label {
    font-size: 13px;
    color: #172b4d;
}

.UserEvaluationbox .Legend-item {
    display: flex;
    margin-right: 10px;
    margin-bottom: 10px;
}

.UserEvaluationbox .statusHrInprogress {
    background: purple;
}

.UserEvaluationbox .childQuestion-progressbar {
    margin: 0;
    display: flex;
}

.UserEvaluationbox .statusCandidateDone {
    background: #FFA500;
}

.UserEvaluationbox .statusCandidateInProgress {
    background: #2090fa6e;
}

.teamEvaluationbox .ratingone {
    background: #F57C7C !important;
}

.teamEvaluationbox .ratingtwo {
    background: #FCA3F3 !important;
}

.teamEvaluationbox .ratingthree {
    background: #FFFF66 !important;
}

.teamEvaluationbox .ratingfour {
    background: #98F7EC !important;
}

.teamEvaluationbox .ratingfive {
    background: #B6E336 !important;
}

.bootstrap-select > .dropdown-toggle {
    color: #172b4d;
    font-size: 13px;
    border: 1px solid #ced4da;
    background-color: #fff !important;
}

.Clientddl.bootstrap-select .dropdown-menu.show {
    max-height: 250px !important;
}

.common-page {
    padding: 0 !important;
}
/*a:not([href]){
color: #fff !important;
}*/
.bootstrap-select .dropdown-menu li a {
    color: #212529 !important;
}

.candidateFixedCol {
    position: sticky !important;
    left: 0 !important;
    background: #fff !important;
    z-index: 99;
}

    .candidateFixedCol.candidateFixedCol0 {
        left: 0px !important;
        z-index: 999;
    }

    .candidateFixedCol.candidateFixedCol1 {
        left: 107px !important;
    }

    .candidateFixedCol.candidateFixedCol2 {
        left: 205px !important;
        width: 88px !important;
        min-width: 88px;
    }

    .candidateFixedCol.candidateFixedCol3 {
        left: 329px !important;
        width:81px;
        min-width: 81px !important;
    }

    .candidateFixedCol.candidateFixedCol4 {
        left: 446px !important;
    }

    .candidateFixedCol.candidateFixedCol5 {
        left: 567px !important;
    }


.candidateSubmissionTbale tr td {
    word-break: break-word !important;
}

input#config-demo {
    font-size: 11px !important;
}

.joblist-filer {
    width: 500px;
}

    .joblist-filer form {
        display: flex;
        align-items: center;
    }

candidateSubmission a:not([href]) {
    color: #0d6efd !important;
}

.jobcod a:not([href]) {
    color: #000 !important;
}

.evaluatn_table .dataTables_filter {
    margin: -49px 35px 10px 0 !important;
}

.disableIsApplicableForUser {
    cursor: not-allowed;
    opacity: 0.5;
}

.main-pagetable .RejectedByClient {
    background: #FFC7CE !important;
}

.main-pagetable .SubmittedToClient {
    background: #FFEB9C !important;
}

.main-pagetable .Placed {
    background: #C6EFCE !important;
}

.main-pagetable .AcceptedNotStarted {
    background: #08d8ed !important;
}

.main-pagetable .BGVFailed {
    background: #F3E7E0 !important;
}

.main-pagetable .ClientInterview {
    background: #E0EEF3 !important;
}

.main-pagetable .Confirmed {
    background: #91EE6C !important;
}

.main-pagetable .DisqualifiedByClient {
    background: #F3E0F2 !important;
}

.main-pagetable .EndClientInterview {
    background: #E0F3E0 !important;
}

.main-pagetable .RejectedInternally {
    background: #DA8E92 !important;
}

.main-pagetable .SelectedByEndClient {
    background: #8EDAAF !important;
}

.main-pagetable .WaitingForEvaluation {
    background: #E6EE6C !important;
}

.main-pagetable .DisqualifiedByVendor {
    background: #f5905f !important;
}

.main-pagetable .HoldByClient {
    background: #78E0F5 !important;
}

.main-pagetable .HoldInternally {
    background: #F5EC78 !important;
}

.main-pagetable .InternalDisqualified {
    background: #ed6b86d6 !important;
}

.main-pagetable .JobClosedNoFeedback {
    background: #E08C90 !important;
}

.main-pagetable .KeeponFile {
    background: #AEA632 !important;
}

.main-pagetable .Undefined {
    background: #E7E8E1 !important;
}

.main-pagetable .Undefined {
    background: #E7E8E1 !important;
}

.main-pagetable .NoShow {
    background: #BDC9B9 !important;
}

.main-pagetable .NotJoined {
    background: #D1B89A !important;
}

.main-pagetable .OfferAccepted {
    background: #89AF61 !important;
}

.main-pagetable .OfferRejected {
    background: #ea747b !important;
}

.main-pagetable .OfferSent {
    background: #CDDA65 !important;
}

.main-pagetable .ProjectEnded {
    background: #6CEA6E !important;
}

.main-pagetable .RejectedbyEndClient {
    background: #F2CDD6 !important;
}

.main-pagetable .SelectedByClient {
    background: #C9EAE5 !important;
}

.main-pagetable .Submitted {
    background: #ABEC5C !important;
}

.main-pagetable .CompleteStatus {
    background: #C6EFCE !important;
}

.main-pagetable .InProgressStatus {
    background: #FFEB9C !important;
}

.main-pagetable .NotStartedStatus {
    background: #FFC7CE !important;
}

.Recruiter_desi {
    background: #FFFDD0 !important;
}

.Compliance_desi {
    background: #CF9FFF !important;
}

.RecruiterManager_desi {
    background: #87CEEB !important;
}

.Administrators_desi {
    background: #87ceeb33 !important;
}

span.ct-list-item-title.selectable {
    color: black !important;
    margin-left: 0px !important;
}

.bs-searchbox .form-control:focus {
    box-shadow: none !important;
}

.bs-searchbox .form-control {
    color: #172b4d;
    font-size: 13px;
}

.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
    background-color: #337ab7;
    color: #fff !important;
}

.bootstrap-select .no-results {
    color: #172b4d;
    font-size: 13px;
}

.common-filter .form-group .bootstrap-select .btn-light:hover {
    border-color: #dae0e5;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
}

.submission_notes {
    overflow: hidden;
    width: 180px !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.expiredDocListTable-view .dataTables_scrollBody {
    overflow-y: scroll !important;
}

.modal-body.expiredDocumentViewModel {
    overflow-y: hidden !important;
}

.expiredDocListTable-view .dataTables_scroll {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.expiredDocListTable-view .dataTables_scrollHead {
    background-color: white;
    z-index: 1;
    border: 1px solid #dee2e6 !important;
}

.expiredDocListTable-view table.dataTable thead > tr > th.sorting {
    padding-right: 75px !important;
}

.expiredDocListTable-view .dataTables_scrollHeadInner {
    position: sticky !important;
    top: -1px;
    z-index: 9;
}

.expiredDocListTable-view .dataTables_scrollHead {
    overflow-y: scroll !important;
}

    .expiredDocListTable-view .dataTables_scrollHead::-webkit-scrollbar {
        background-color: #ffffff;
    }

.popover.bottom {
    margin-top: -364px !important;
}

    .popover.bottom > .arrow {
        bottom: -11px;
        rotate: 180deg;
        top: initial !important;
    }
/*.candidateSubmissionTbale .dropdown-menu.show {
max-height: 300px !important;
}*/
/*Datatable css*/
.main-pagetable .dataTables_scrollHead {
    border: 1px solid #dee2e6 !important;
}

.submissionselect ul {
    height: 250px;
}

.csubmissionselect-manager.csubmissionselect ul.dropdown-menu.inner.show {
    max-height: 250px !important;
}

.main-pagetable .dataTables_filter {
    margin: -60px 30px 10px 0 !important;
    font-size: 13px;
}

.main-pagetable .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.main-pagetable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #dee2e6 !important;
    background-color: #c97b29 !important;
}

.main-pagetable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #c97b29 !important;
    background: #c97b29 !important;
    border: 1px solid #c97b29 !important;
}

.main-pagetable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    pointer-events: none;
}

.main-pagetable .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 14px;
}

.main-pagetable.consultantdoc-pagetable .dataTables_filter {
    margin: 0px 35px 10px 0 !important;
}

table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    border-bottom: 1px solid #dee2e6 !important;
}

.main-pagetable .dataTables_wrapper .dataTables_paginate {
    padding-top: 0 !important;
    border: 1px solid #dee2e6;
    margin: 10px 0;
}

.main-pagetable .dataTables_wrapper .dataTables_filter input {
    border: 1px solid #ced4da;
    min-height: 35px;
    margin-top: 1px;
}

.tefilter .dataTables_wrapper .dataTables_filter input {
    position: absolute;
    right: 0;
    top: -82px;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #ced4da;
    min-height: 35px;
}

    .dataTables_wrapper .dataTables_filter input::placeholder {
        font-size: 13px;
    }

input.form-control::placeholder {
    font-size: 13px;
}

.permissionmatrixtable-scroll {
    max-height: calc(100vh - 200px);
    position: relative;
    max-width: 100%;
    width: 100%;
}

    .permissionmatrixtable-scroll .dataTables_scrollHead {
        position: sticky !important;
        top: -1px;
        z-index: 9;
        background: #fff5ec !important;
    }

    .permissionmatrixtable-scroll .dataTables_scroll {
        height: 400px;
    }

    .permissionmatrixtable-scroll .dataTables_scrollHead {
        overflow-y: scroll !important;
    }

        .permissionmatrixtable-scroll .dataTables_scrollHead::-webkit-scrollbar {
            visibility: hidden;
        }

.main-pagetable.data-scroll-setting {
    height: 500px;
}

.custome-box-setting {
    border: 1px solid #c97b29;
    padding: 5px 5px 30px 5px;
    margin-top: 17px !important;
}

.text-bold {
    font-weight: bold !important;
}

.datatable-h-scroll .dataTables_wrapper .dataTables_scroll {
    clear: both;
    border-bottom: 1px solid #ccc;
}

.datatable-h-scroll .dataTables_filter {
    margin: -30px 0px 10px 0 !important
}

.candidateSubleft .filter-option-inner-inner, .candidateSub .filter-option-inner-inner,
.candidateSubmissionTbale .bootstrap-select .dropdown-menu li a, .candidateSubmissionTbale .table tbody tr td,
.candidateSubmissionTbale .seemore-container, .candidateSubleft .common-filter label,
.candidateSubmissionTbale .common-filter label, .candidateSubleft select,
.datatable-h-scroll .table thead th, .candidateSubmissionTbale .enableSelectOptGroups .dropdown-header, .candidateSubmissionTbale button#applyFilterBtn {
    font-size: 11px !important;
}

.candidateSubmissionTbale .common-filter label {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    font-weight: normal !important;
}

.ct-drop-down-container .ct-item-parent li {
    padding-left: 0px !important;
}

.ct-input-box {
    color: #172b4d;
    font-size: 11px;
    border: 1px solid #ced4da;
    background-color: #fff !important;
    border-radius: 4px;
    height: 30px !important;
    padding: .375rem .75rem !important;
}

.ct-arrow-btn {
    padding: 2px !important;
    font-size: 8px !important;
}

.ct-drop-down-container input.ct-multiples-filter {
    font-size: 12px !important;
}
.ct-drop-down-container input.ct-multiples-filter, .ct-drop-down-container .lead {
    font-size: 12px !important;
}
.ct-drop-down-container ul {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
}

.ct-drop-down-container .Compliance_desi {
    background-color: #87ceeb33 !important;
}

.ct-drop-down-container .RecruiterManager_desi {
    background-color: #87ceeb33 !important;
}

.ct-drop-down-container .director_desig, .ct-drop-down-container .vp_desig {
    background: #cf9fff8a !important;
}

.ct-source-ul-parent .Administrators_desi {
    background: #cf9fff47 !important;
}

.ct-source-ul-parent .Compliance_desi {
    padding-left: 35px;
}

.ct-source-ul-parent .ct-item-child .RecruiterManager_desi {
    padding-left: 25px !important;
}

.ct-item-parent .ct-source-ul-parent .RecruiterManager_desi {
    padding-left: 35px !important;
}

.ct-item-parent .ct-source-ul-parent .ct-item-parent .ct-source-ul-parent .RecruiterManager_desi {
    padding-left: 50px !important;
}

.ct-item-parent .ct-source-ul-parent .ct-item-parent .ct-source-ul-parent .ct-parent-plus {
    padding-left: 40px !important;
}

.ct-item-parent .ct-source-ul-parent .ct-item-parent .ct-source-ul-parent .ct-source-ul-parent .ct-item-child .Recruiter_desi {
    padding-left: 65px !important;
}


.ct-item-parent .ct-source-ul-parent .ct-parent-plus {
    padding-left: 20px;
    padding-top: 0;
}

.ct-item-parent .ct-source-ul-parent .ct-source-ul-parent .Recruiter_desi {
    padding-left: 50px !important;
}

span.ct-list-item-title.selectable.Recruiter_desi._desig {
    padding-left: 30px;
}

.ct-wrapper {
    width: 240px !important;
}

.ct-source-ul-main input[type="checkbox"] {
    opacity: 1 !important;
}

.settingheading {
    margin: 17px 1px !important;
}

.dataTables_scrollBody
.users-actionsTd {
    width: 300px;
}
.incentivecalculator .dataTables_wrapper .dataTables_filter input{
    margin-top:11px !important;
}
tr.inccalculatorth th {
    border-right: 1px solid #f1f1f1 !important;
    border-left: 1px solid #f1f1f1 !important;
}
.manageIP img {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.fixed-td {
    position: sticky !important;
    left: 0;
    background: #fff5ec !important;
}

.fixed-th {
    position: sticky !important;
    left: 0;
    top: 0;
    background: #fff5ec !important;
    z-index: 99;
}

.permissionmatrixtable-scroll .dataTables_scrollHead thead tr .fixed-th:nth-child(2) {
    left: 57px;
    width: 200px !important;
}

.permissionmatrixtable-scroll tbody tr .fixed-td:nth-child(2) {
    left: 57px;
    width: 200px !important;
}

.permissionmatrixtable-scroll td.role {
    border-bottom: 1px solid #000 !important;
}

.fixed-td {
    border-left: 1px solid #000 !important;
}

.first-th {
    border-bottom: 1px solid #000 !important;
    width: 20px !important;
}

    .first-th span {
        transform: rotate(270deg) !important;
        display: inline-block;
        width: 38px;
        font-size: 14px;
    }

.permissionmatrixtable-scroll .dataTables_scrollHead thead tr .fixed-th:first-child {
    width: 38px !important;
}

.permissionmatrixtablecontainer {
    width: 100%;
    margin: 0 auto;
    height: 100vh;
    display: flex;
}

.sidebar {
    width: 21% !important;
    height: 100% !important;
    position: relative;
}

.sidebartableright {
    width: 79% !important;
}

.sidebartablewide {
    width: 97% !important;
    margin-top: 0px !important;
    margin-left: 1% !important;
}

.sidebar_small ul li {
    display: none;
}

.sidebar_small {
    width: 0% !important;
    height: 100%;
    position: relative;
}

.btncls {
    position: absolute;
    border: none;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    box-shadow: 0px 1px 4px 1px rgba(0,0, 0, .3);
    left: 100%;
    top: 15rem;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 999;
}

    .btncls i {
        font-size: 36px;
        color: #004275;
        margin-left: -1px;
    }

.sidebar_small i {
    rotate: 180deg;
}

.sidebartableright.custome-box-setting.sidebartablewide {
    margin-top: 17px !important;
}

.userEmpCode {
    word-break: break-all;
}

.FileCommentModalBody span {
    word-break: break-all;
}

.enableSelectOptGroups .dropdown-header {
    background-color: #dfdfdf;
    padding: 8px !important;
    cursor: pointer;
}

.enableSelectOptGroups .dropdown-menu > .divider {
    display: none;
}

.enableSelectOptGroups .dropdown-menu .inner.open {
    max-height: 200px !important;
}

.enableSelectOptGroups.bootstrap-select .dropdown-menu li a.opt {
    border-bottom: 1px solid #eee;
}

.enableSelectOptGroups .dropdown-divider {
    display: none;
}

.enableSelectOptGroups .dropdown-menu.show {
    max-height: 300px !important;
    overflow: auto;
}

.dropdown-header-selected {
    position: relative;
}

.dropdown-header-select {
    position: relative;
}

    .dropdown-header-select::after {
        content: '';
        background-image: url('/images/single-check.png');
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        z-index: 9999999;
        top: 5px;
        right: 10px;
    }

.dropdown-header-selected::after {
    content: '';
    background: url(/images/double-check.png);
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 9999999;
    top: 5px;
    right: 10px;
}

.consultantsselect .enableSelectOptGroups .dropdown-menu.show .inner.show {
    max-height: 248px !important;
}

.form-group.clientTypeselect.consultantsselect {
    margin-right: 30px;
}

.Consultentdropdowns .bootstrap-select {
    width: 100% !important;
    position: relative !important;
}
.Consultentdropdowns .dropdown-menu.show {
    transform: translate3d(0px, 35px, 0px) !important;
}

.consulentDetailsList .bootstrap-select {
    width: 100% !important;
    position: relative !important;
}

.Consultentdropdowns input, .consulentDetailsList input, .compconsultant input {
    font-size: 13px;
}

.Consultentdropdowns #searchBar, .consulentDetailsList #searchBar, .compconsultant #searchBar {
    margin-top: 8px;
}

.Consultentdropdowns label, .consulentDetailsList label, .compconsultant label {
    color: #172b4d;
    font-size: 14px;
    font-weight: 600;
}

.Consultentdropdowns .inner.show {
    min-height: 100px !important;
    margin-top: -12px;
}
.Consultentdropdowns ul.dropdown-menu.inner.show{
    margin-top: -25px !important;
}
.consulentDetailsList .inner.show {
    min-height: 60px !important;
}

.Consultentdropdowns .bootstrap-select .dropdown-menu.show {
    min-height: 100px !important;
    max-height: 218px !important;
}
.Consultentdropdowns span#consultantSelected {
    position: absolute;
    right: 23px;
    font-weight: 600;
    font-size: 14px;
    margin-top: 40px;
}
.addCandidateOption {
    position: relative;
}
.consulentDetailsList .custom-2:first-child{
    margin-top:4px;
}
.consulentDetailsList .custom-2:not(:first-child) {
    margin-left: -40px !important;
}
.compconsultant .custom-2:not(:first-child) {
    margin-left: -55px !important;
}
.compliancescroll table.table.table-striped.table-bordered.no-footer.dataTable {
    width: 100vw !important;
}
.compliancescroll .dataTables_wrapper .dataTables_paginate, .compliancescroll .dataTables_length, .compliancetracker .dataTables_wrapper .dataTables_paginate, .compliancetracker .dataTables_length {
    font-size: 12px;
}
.compliancescroll .dataTables_filter, .compliancetracker .dataTables_filter {
    z-index: 9999999 !important;
    position: relative;
}
.compliancetracker .dataTables_wrapper .dataTables_scrollHead table[style],
.compliancetracker .dataTables_wrapper .dataTables_scrollBody table[style] {
    width: 100% !important;
    table-layout: fixed !important;
}
.compliancetracker table.dataTable thead > tr > th:last-of-type.sorting::before, .compliancetracker table.dataTable thead > tr > th:last-of-type.sorting::after {
    left: 80px;
}
.compliancetracker table.dataTable thead > tr > th:last-of-type {
    width: 110px !important;
}
button.swal2-close {
    display: block !important;
}
/*Instruction*/
.cke_notification_warning {
    display: none;
}
.addimg-alignment {
    top: 5px;
    position: relative;
}
.template-info label {
    color: #172b4d;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
}
.template-info, .email-template-sub input {
    font-size: 13px;
}
.email-template button {
    width: 99%;
}
.template-send .btn-info{
    color:#000;
}
.email-filter select{
    height:38px;
}
.instr-active span {
    padding-left: 20px;
}
.instruction-chat {
   margin-bottom:8px;
}
.instruction-chat span {
    background: #e6e6e6;
    padding: 6px 12px;
    border-radius: 16px;
    display: inline-block;
}
.instruction-chat span p{
    margin:0px;
}
.instructions-panel {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}
.client-instructionicon {
    position: fixed;
    right: 0;
    bottom: 25px;
    padding: 25px 45px;
    cursor: pointer;
}
.client-instructionicon img {
    width: 60%;
}
.instructionschat {
    position: fixed;
    bottom: -50px;
    right: 10px;
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-top: 1px solid #ccc;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
    padding: 0;
    z-index: 1000;
    border-radius: 16px 16px 0 0;
    margin-left: auto;
    margin-right: 20px;
}
.chatheader {
    background: #c97b29;
    color: #fff;
    padding: 10px 16px;
    border-radius: 16px 16px 0 0;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    display: flex;
    justify-content: space-between;
    cursor:pointer;
}
.chatcontent {
    max-height: 250px;
    overflow-y: auto;
    padding: 12px 16px;
    background: #f9f9f9;
}
.instructionicon-class {
    bottom: 10px !important;
}
/*Instruction*/
span.asACandidate {
    position: absolute;
    right: 0;
    top: -50px;
}

.DocumentCategoryDiv .modal-body {
    overflow-y: auto;
    padding: 4px 13px;
    margin-bottom: 13px;
}

.ConsultantListDiv .dataTables_filter {
    position: relative;
    z-index: 9999999;
}

.consulentDetailsList .bootstrap-select .dropdown-menu.show, .compconsultant .bootstrap-select .dropdown-menu.show {
    min-height: 60px !important;
    max-height: 250px !important;
}

.consultantheading, .complianceheading {
    font-size: 16px;
    color: #c97b29;
    font-weight: 600;
    padding: 4px 0 6px;
}

.consulentDetailsList table.dataTable, .compconsultant table.dataTable {
    width: 100vw;
}

.consulentDetailsList, .compconsultant {
    position: absolute !important;
    top: -12px;
    padding: 17px 0px;
    z-index: 9999;
}

.consultantdetail .dataTables_filter {
    position: relative;
    z-index: 99999999;
}

.consulentDetailsList .custom-2 {
    margin-left: -30px;
    padding-left: 30px;
    padding-right: 16px;
}
.compconsultant .custom-2 {
    padding-left: 0px;
    padding-right: 60px;
}
.compconsultant .custom-2:nth-child(4) {
    width: 220px;
}
.compliancepanle .dataTables_wrapper .dataTables_filter input {
width: 175px;
}
.ConsultantListDiv .dataTables_scrollBody {
    overflow-y: hidden !important;
}

.consultantdetail .modal-body {
    overflow-x: hidden;
    overflow-y: hidden !important;
}

.consultantdetail table.table.table-striped.table-hover.dataTable.no-footer {
    width: 100vw !important;
}

.consultantdetail .dataTables_scrollHeadInner, .compconsultant .dataTables_scrollHeadInner {
    position: sticky !important;
    top: -1px;
    z-index: 9;
    background: #fff !important;
}

.consultantdetail .dataTables_scrollHead, .compconsultant .dataTables_scrollHead {
    overflow-y: scroll !important;
}

.consultantdetail .dataTables_scrollHead::-webkit-scrollbar, .compconsultant .dataTables_scrollHead::-webkit-scrollbar {
    background-color: #ffffff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.compliancescroll table.dataTable thead > tr > th:nth-of-type(9).sorting::before, .compliancescroll table.dataTable thead > tr > th:nth-of-type(9).sorting::after {
    left: 170px;
}
.consultantdetail table.dataTable thead > tr > th:nth-of-type(8).sorting::before, .consultantdetail table.dataTable thead > tr > th:nth-of-type(8).sorting::after {
    left: 170px;
}

.candidateView-modal .dropdown-divider {
    display: none;
}
.candidateView-modal .modal-body{
    min-height:200px;
}
.common-datepicker {
    position: relative;
}

    .common-datepicker .fa {
        position: absolute;
        top: 8px;
        right: 10px;
        pointer-events: none;
    }

.ui-widget.ui-widget-content {
    z-index: 1056 !important;
}

.teamLi .team-FullName {
    background-color: #ccc;
    padding: 15px 10px;
    width: 170px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
}

.team-designationName {
    text-align: center;
    width: 170px;
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
}

.teamuserList {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.team-rightarrow {
    padding-top: 12px;
    margin-left: 20px;
}

.teamuserList .teamLi {
    margin-right: 20px;
    display: flex;
    margin-bottom: 25px;
}

    .teamuserList .teamLi:last-child .team-rightarrow {
        display: none;
    }

#connectedUsersList .active {
    background: lightgrey;
}

/*Datatable css*/
.table thead th {
    font-size: 13px;
    color: #C97B29;
    font-weight: 600;
    border-right: 1px solid #f1f1f1;
    white-space: nowrap;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(220, 220, 220, 0.2) !important;
}

.table tbody tr td {
    font-size: 13px;
    color: #172B4D;
    font-weight: 400;
    border-right: 1px solid #f1f1f1;
    /*padding: 5px 10px 5px 10px !important;*/
    border-bottom: 1px solid #ccc;
}

table.dataTable tbody tr {
    border-color: #bbb !important;
}

.dashboard_tbl th, .dashboard_tbl td {
    text-align: center;
}

.dashboard_tbl, #candidatedocumentreportsTable, #upcomingCandidatesTable_wrapper table {
    border: 1px solid #dee2e6 !important;
}
.candidatevendor-right{
    margin-right:10px;
}
.selected-clr {
    background-color: antiquewhite !important;
}

.tblheading .selected-clr {
    background-color: #007bff !important;
    color: #fff !important;
}

.custome-box {
    margin-top: 5px;
}

.dashbaordtbl tr td:nth-child(5), .dashbaordtbl tr td:nth-child(6), .dashbaordtbl tr td:nth-child(7) {
    text-align: center;
}

.table-striped tbody tr:hover {
    background-color: rgb(255, 245, 236) !important;
}

.table tbody tr td:last-child, .table thead th:last-child {
    border-right: none;
}

.actioncol img {
    width: 20px;
    margin-right: 5px;
}

.actioncol a:not(:first-child) img {
    width: 30px;
}

div#offcanvasRight2 {
    position: fixed;
    top: 0;
    height: 100vh !important;
    width: 48% !important;
    right: 0;
    border-radius: 0;
}

.comm-textbutton {
    background-color: #C97B29;
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
}

    .comm-textbutton:hover {
        color: #fff;
    }

.common-page label {
    color: #172B4D;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
}

.common-page .form-group {
    margin-bottom: 15px;
    font-size: 14px;
}

    .common-page .form-group .disabled {
        box-shadow: 0 0 10px #00000000 !important;
    }

.evaluationheader1 .form-group {
    margin-bottom: 5px !important;
}

.eval-lastheader {
    border-bottom: 1px solid #f1f1f1;
}

.eval-secondheader .questntxt {
    width: 29% !important;
}

    .eval-secondheader .questntxt.questntxt-selfreview {
        width: 31% !important;
    }

.eval-secondheader .manager {
    width: 30% !important;
}

.evaluationheader1 .form-group label {
    margin-bottom: 0;
}

.questntxt-heading {
    font-size: 16px;
    color: #c97b29;
    font-weight: 600;
    padding: 6px 0px;
    margin-bottom: -15px;
    display: block;
}

.evaluationQuestion.manager-evaluation .childQuestion {
    margin-top: 5px;
}

.userevalgroup {
    justify-content: space-between;
}

    .userevalgroup .form-group {
        width: calc(25% - 10px);
    }

.checkbox .inline-form {
    margin: 5px;
    padding: 7px;
}

/*.checkbox.checked {
    background-color: #FAF6E3;
    margin: 5px;
}*/

.checkbox {
    margin: 5px;
}

.common-page .form-group .form-control:not(textarea) {
    height: 31px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 4px;
    border: none;
    color: #172B4D;
    font-size: 14px;
    position: relative;
    margin-bottom: 2px;
}

.common-page .form-group .form-select {
    box-shadow: 0 0 10px #00000029;
    border-radius: 4px;
    border: none;
    color: #172b4d;
    font-size: 14px;
}

.common-page .form-group .form-control::placeholder {
    font-size: 13px;
}

.common-page .form-group textarea.form-control {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 4px;
    border: none;
    color: #172B4D;
    font-size: 14px;
    position: relative;
    margin-bottom: 2px;
}

.submit-btn {
    padding: 5px 10px;
    min-width: 110px;
    background: #C97B29;
    border-radius: 4px;
    text-align: center;
    letter-spacing: 0;
    color: #FFFFFF;
    display: inline-block;
    margin-right: 15px;
    border: none;
    font-size: 15px !important;
}

.success-btn {
    padding: 5px 10px;
    min-width: 110px;
    background: #198754;
    border-radius: 4px;
    text-align: center;
    letter-spacing: 0;
    color: #FFFFFF;
    display: inline-block;
    margin-right: 15px;
    border: none;
    font-size: 15px;
}

.imageButton {
    border: none;
    background: transparent;
}

.submit-btn:hover, .submit-btn:focus {
    background: #1b3767;
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cancel-btn, .cancel-btn-blue {
    padding: 5px 10px;
    min-width: 110px;
    background: #dc3545;
    border-radius: 4px;
    text-align: center;
    letter-spacing: 0;
    color: #FFFFFF !important;
    display: inline-block;
    border: none;
    font-size: 15px;
    cursor: pointer;
}

.loginAnotherOptions .cancel-btn {
    color: #FFFFFF !important;
}

.next-btn {
    padding: 5px 10px;
    min-width: 110px;
    background: #0d6efd;
    border-radius: 4px;
    text-align: center;
    letter-spacing: 0;
    color: #fff;
    display: inline-block;
    border: none;
    font-size: 15px;
    cursor: pointer;
}

.expiredDocListTable-view td {
    word-break: break-word;
}

.docuType_modal {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.cancel-btn-blue {
    background: #004275 !important;
}
.cancel-btn:hover, .cancel-btn:focus, .cancel-btn:visited {
    background: #004275;
    color: #FFFFFF !important;
    text-decoration: none !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.dashboard-countBox {
    padding: 15px 15px 15px;
}

    .dashboard-countBox .offcanvas-body {
        overflow-y: scroll !important;
        padding-bottom: 70px;
    }

.submiscompfooter {
    background-color: #fff;
}

.mainwork-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mainwork-items2 {
    justify-content: flex-start !important;
    margin-bottom: 15px !important;
    flex-wrap: nowrap !important;
}

.dashboard-countBox ul li {
    /*width: calc((100%/5) - 11px) !important;*/
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

    .dashboard-countBox ul li:first-child {
        padding-left: 0 !important;
    }

.dashboard-countBox ul.mainwork-items2.submiscompiler li {
    width: calc((100% / 6) - 10px) !important;
}

.dashboard-countBox ul.mainwork-items2 li {
    width: calc((67% / 3) - 15px) !important;
    background-color: #fff;
    border: 1px solid #dbceced9;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px !important;
    margin-left: 0px !important;
}

.mainwork-items a {
    cursor: pointer !important;
}

.dashboard-countBox ul li.active {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.dashboardjoiningtbl {
    padding: 0px 6px 0px 14px;
    height: 450px;
}

.dashboardui {
    position: relative !important;
    bottom: 230px;
}

.joindate {
    color: #c97b29 !important;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 9px;
}

.dashboardui .dataTables_scroll {
    margin-top: -9px;
}

.submiscompiler, .dashboard-submiscompiler .btn-email {
    margin-left: -11px !important;
    position: relative;
    bottom: 210px;
    margin-right: 15px;
}

.submiscompiler .conweekly {
    margin-top: 100px;
}

div#upcomingCandidatesTable_wrapper {
    z-index: 99;
}

.emailviewmodel {
    font-family: Helvetica,Arial,sans-serif;
    min-width: 1000px;
    overflow: auto;
    line-height: 2
}

.emailviewmodelinner {
    margin: 10px auto;
    width: 70%;
    padding: 20px 0
}

    .emailviewmodelinner p:nth-of-type(1) {
        font-size: 14px;
        line-height: 18px;
    }

    .emailviewmodelinner p:nth-of-type(2) {
        margin: 0;
        font-size: 14px;
        margin-top: 15px;
    }

    .emailviewmodelinner p:nth-of-type(3) {
        margin: 0;
        font-size: 14px;
        line-height: 18px;
    }

    .emailviewmodelinner p:nth-of-type(4) {
        font-size: 14px;
        line-height: 18px;
        margin-top: 15px;
    }

    .emailviewmodelinner p:nth-of-type(5) {
        font-size: 11px;
        line-height: 14px;
        border-top: 1px solid #ddd;
        padding-top: 15px;
    }

.roleUserli {
    box-shadow: none !important;
    width: 100% !important;
    padding: 0px 12px !important;
    background: #0d6efd !important;
}

.roleUserullist {
    display: inline-block !important;
}

    .roleUserullist .dashb-Box-text p {
        color: #fff !important;
        text-align: center;
    }

    .roleUserullist .dashb-Box-text {
        padding: 40px 0;
    }

.assignrole {
    display: flex;
    margin-bottom: 15px;
}

table.assignrolepanel {
    width: 100%;
    display: inline-block;
    overflow: scroll;
    height: 450px;
    box-shadow: 0 0 10px #00000029;
    padding: 11px;
    border: 1px solid #ccc;
}

input#rolesearchInput {
    width: 250px;
    position: absolute;
    top: 75px;
    right: 0;
}

.assignrolepanel .form-check {
    display: flex;
    margin-right: 0px !important;
}

.assignrolepanel .form-check-label {
    font-weight: normal;
    padding-right: 5px;
}

tr.permissiontblheading th {
    width: 250px;
}

table.assignrolepanel ul {
    margin-left: -33px;
    width: 250px;
}

.rolesearch {
    width: 288px !important;
}

.role-groupByItems {
    vertical-align: top;
}

    .role-groupByItems .disabled {
        background-color: transparent !important;
    }

.candidateDetail-View p {
    font-weight: 600;
    margin-bottom: 6px;
}

    .candidateDetail-View p span {
        color: #0d6efd !important;
        font-weight: 400;
    }

.dashb-Box {
    display: flex;
    cursor: pointer;
}

.mainwork-items li h3 {
    color: #172B4D;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 15px;
}

.mainwork-items li p {
    color: #C97B29;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
}

.dashb-Box.active p {
    color: #172b4d !important;
}

.document-listBox {
    border: 1px solid #dadada;
    border-radius: 7px;
    padding: 6px 6px 15px;
    box-shadow: 0px 0px 10px #00000029;
    min-height: calc(100vh - 140px);
    position: relative;
}

.document-listBox .defaultDocMapingClass {
background-color: #c9c9c9;
padding: 7px;
}

.document-listBox .clientDocMapingClass {
background-color: #fffdd0;
padding: 7px 7px;
}

.document-listBox ul li b{
    font-size:14px !important;
}

.document-listBox .clientDocMapingClass a, .defaultDocMapingClass a {
    position: absolute;
    right: 7px;
    cursor: pointer;
}

.document-listBox .consultantDocMapingClass {
background-color: #b7b7ff;
padding: 7px;
}
.document-listBox .document-catgry {
font-size: 14px;
}
.document-listBox .doc-userinfo .doc-profile {
margin-bottom: 0px;
}
.document-listBox .doc-userinfo .doc-profile a {
font-size: 14px;
}
.document-listBox .doc-userinfo .doc-profile .doc-pIcon i {
font-size: 20px;
}
[class^="docmap-"] {
    padding: 3px 10px;
    margin: 5px;
    font-size: 14px;
}

.docmap-1 {
    background-color: #c9c9c9;
}

.docmap-2 {
    background-color: #fffdd0;
}

.docmap-3 {
    background-color: #b7b7ff;
}
.documentcol-center {
    display: none;
}
#fullPageDropArea {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1050;
pointer-events: none;
}
#fullPageDropArea.active {
pointer-events: all;
background: rgba(0, 0, 0, 0.05);
}
.userListbox {
    border: 1px solid #dadada;
    border-radius: 7px;
    padding: 15px 15px 15px 0px;
    box-shadow: 0px 0px 10px #00000029;
    min-height: calc(100vh - 200px);
}

.document-row {
    margin-top: 15px;
    margin-bottom: 15px;
}

.document-listBox ul, .userListbox ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.settinged {
    display: flex;
    gap: 15px;
}

.document-listBox ul li:last-child {
    border-bottom: 1px solid #e8e8e8;
}

.btn-success {
    color: #fff !important;
}

a:not([href]) {
    color: #fff !important;
}

span.documentcategory-name {
    word-break: break-word;
}

.document-listBox ul li {
    border-top: 1px solid #e8e8e8;
    padding: 8px 8px;
    display: block;
    word-break: break-all;
}

.document-catgry .documentTypeName {
    word-break: break-word;
}

.docutypenameLi {
    position: relative;
}

    /*.docutypenameLi a {
position: absolute;
top: 5px;
right: 10px;
}*/

    .docutypenameLi span.documentcategory-name {
        padding: 5px 0;
        display: inline-block;
    }

.docaction {
    width: 25px;
    height: 25px;
    margin-top: 3px;
}

.uploadedDocList li:first-child {
    border-top: none;
}

.uploadedFile-box {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.uploadedFile-uplDate {
    font-weight: 600;
    font-size: 14px;
}

.uploadedFile-info {
    width: 60%;
}

.misuc {
    width: 100% !important;
    margin-left: -20px !important;
}

    .misuc .uploadedFile-info {
        padding: 0 0 0 15px !important;
    }

.previewFile {
    cursor: pointer;
}

.uploadedFile-extraM {
    width: 20%;
}

.uploadedFile-extra {
    width: 30%;
}

.uploadedFile-expDate {
    font-weight: 600;
    font-size: 14px;
    color: #DC3545;
}

.uploadedFile-expDate-red {
    font-weight: 600;
    font-size: 14px;
    color: #DC3545;
}

.uploadedFile-expDate-green {
    font-weight: 600;
    font-size: 14px;
    color: #22b147;
}

.uploadedFile_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 120px;
    display: inline-block;
    margin-right: 30px;
}

.docback {
    position: absolute;
    right: 15px;
    top: 20px;
}

.docStatusEmail-box .documentTypeName {
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
}

.docStatusEmail-box .documentcategories {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.docStatusEmail-box .docutypename .docutypenameLi .load-partial {
    width: 100%;
}

    .docStatusEmail-box .docutypename .docutypenameLi .load-partial .documentcategory-name {
        padding: 0;
    }

.docStatusEmail-box .docutypename .docutypenameLi .SelectCategoryDiv {
    margin-right: 5px;
}

.docStatusEmail-box .docutypename .docutypenameLi.uploadedFile-info input {
    margin-right: 5px;
}

.previewsample {
    border: 1px solid #aaa;
    padding: 2px;
    cursor: pointer;
}

.sampledocument-div {
    margin-left: 5px;
    position: relative;
    width: 30px;
}

    .sampledocument-div .rmSampleDoc {
        position: absolute;
        top: -8px;
        right: -7px;
        cursor: pointer;
    }

/*.document-listBox ul li:hover {
background-color: rgb(255, 245, 236) !important;
}*/
/*.docutypename li:hover {
background-color: rgb(255, 245, 236) !important;
}*/
.docutypename .docutypenameLi .load-partial {
    display: inline-block;
    width: 31%;
    padding-right: 15px;
}

.docutypename .docutypenameLi {
    display: flex;
    align-items: flex-start;
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #172b4d;
    font-weight: 400;
}

.uploadedDocList {
    width: 70%;
}

.dcright {
    margin-left: 154px;
}

.docutypename li:last-child {
    border-bottom: none !important;
}

.document-catgry {
    max-height: calc(100vh - 280px);
    overflow: auto;
}

.getSubmissionDetailsTbl {
    max-height: calc(100vh - 250px);
    overflow: auto;
}
.reporttbl thead th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    font-size: 15px !important;
    border-top: 1px solid #ccc;
}
ul.document-catgry.custom-scrollbar.document-listBox {
    max-height: calc(100vh - 220px) !important;
    min-height: calc(100vh - 220px) !important;
    box-shadow: none;
}

    ul.document-catgry.custom-scrollbar.document-listBox > li:not(:first-child) {
        border-top: 2px solid #e8e8e8;
    }

    ul.document-catgry.custom-scrollbar.document-listBox .documentTypeName {
        font-weight: 600;
        padding: 5px 0;
        display: inline-block;
    }

.userListbox ul li {
    padding: 4px 8px;
    display: flex;
    cursor: pointer;
    word-break: break-all;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

    .userListbox ul li.msgNotification::after {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        background: #1b3767;
        border-radius: 20px;
        border: 1px solid #aaa;
        position: absolute;
        top: 45%;
        right: 0;
        transform: translateY(-50%);
    }

.connectedUsersListDiv .sendNeeMsg {
    margin: 5px 0 0px 6px;
}

.sendNeeMsg {
    margin: 5px 0 0px 6px;
}

.userListbox ul li.online::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #005B41;
    border-radius: 20px;
    border: 1px solid #005B41;
    position: absolute;
    top: 55%;
    left: 37px;
}

.userListbox ul li img {
    width: 13%;
    margin-right: 6px;
}

.userlist-box {
    width: 85%;
}

.userchatdetails {
    display: flex;
    font-size: 12px !important;
    justify-content: space-between;
}

.connectedUsersList {
    max-height: calc(100vh - 230px);
    overflow: auto;
}

.user-center {
    font-weight: 500;
}

.userlist-box p {
    margin-bottom: 0px;
}

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

.common-filter1 {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}

    .common-filter1 .form-group {
        width: 150px;
        margin-right: 35px;
        margin-bottom: 10px;
    }

.clientMulti {
    display: grid;
}

.document-viewbox {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 4px;
    padding: 8px !important;
    min-height: calc(100vh - 145px);
}

.documentype-head {
    font-size: 16px;
    color: #C97B29;
    font-weight: 600;
    padding: 4px 0px 10px;
    margin-bottom: 15px;
    margin-top: 8px;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.document-datab input[type="file"] {
    color: #000;
    font-size: 15px;
}

.document-datab .form-control {
    border: 1px solid #ced4da !important;
}

.clientdocprev {
    margin-left: 5px;
    position: relative;
}

    .clientdocprev .cdSampleDoc {
        position: absolute;
        top: -8px;
        right: -58px;
        cursor: pointer;
    }

.clientsimpleprev {
    margin-right: 10px;
    position: relative;
}

    .clientsimpleprev .cdclientSampleDoc {
        position: absolute;
        top: -8px;
        right: -9px;
        cursor: pointer;
    }

.clientdopviewsample {
    border: 1px solid #aaa;
    padding: 2px;
    cursor: pointer;
}

.vendr-name {
    font-size: 13px;
    color: #172B4D;
    font-weight: 400;
}

.td-vendor {
    padding: 0;
    margin: 0;
}

    .td-vendor li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none;
    }

        .td-vendor li span {
            flex: 1;
        }


.doc-profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 4px 6px;
    margin-bottom: 6px;
}

.doc-profile-name {
    justify-content: space-between;
}

.emailicon a {
    margin: 0 !important;
}

.doc-userinfo .doc-profile:first-child {
    border-bottom: 1px solid #eee;
}

.doc-profile-name {
    justify-content: space-between;
}

.emailicon a {
    margin: 0 !important;
}

.helathInsurance-list {
    margin: 20px 0;
}

.manage-docHeader .doc-userinfo {
    display: flex;
    align-items: center;
}

.seemore-container {
    color: #172b4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

    .seemore-container .see-more-wrapper {
        margin-left: 4px;
    }

.vpcomplete .seemore-container .see-more-wrapper .see-more {
    color: #0d6efd !important;
    position: absolute;
    right: 7px;
    margin-top: 15px !important;
}

.selfEvaluation .seemore-container .see-more-wrapper .see-more {
    color: #0d6efd !important;
    position: absolute;
    right: 7px;
    margin-top: 15px;
}

.manager-evaluation .childQuestion li .selfEvaluation .additinal-fields {
    width: 100% !important;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 3px 5px;
}

.manage-docHeader .doc-userinfo .doc-profile {
    width: 50%;
    border-bottom: none !important;
}
/*.manage-docHeader .doc-userinfo .doc-profile:last-child {
justify-content: end;
}*/
.checkedbox-profile .checkedCheckbox {
    border: 1px solid #ced4da;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 14px;
}

.manage-docHeader .doc-userinfo .doc-profile label {
    margin-bottom: 0;
}

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

.common-filter1 {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}

    .common-filter1 .form-group {
        width: 150px;
        margin-right: 35px;
        margin-bottom: 10px;
    }

.evaluation-modal {
    height: auto !important;
}

.Evaluation-page span {
    color: #172B4D;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 400;
}


.doc-profile .doc-pIcon i {
    font-size: 36px;
    color: #C97B29;
    width: 36px;
}

.uploadCount {
    margin-top: 10px;
}

    .doc-profile-in span, .uploadCount, .uploadCount span {
        font-size: 13px;
        font-weight: 600;
    }

.total-document:first-child {
    margin-right: 15px;
}

.manage_docBox {
    display: -webkit-box;
    justify-content: flex-end;
    align-items: end;
    margin-top: 8px;
}

    .manage_docBox .inline-form {
        margin-bottom: 0 !important;
    }

.manage_docbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .manage_docbtn #downloadAllDocuments {
        margin-top: 8px;
        color: #fff !important;
    }

.uploadedDoc_status {
    width: 22px;
}

.doclistpanel {
    padding: 7px 4px;
}

.alignright {
    position: absolute;
    right: 0;
    padding: 19px;
}

.manage_docBox a {
    padding: 5px 7px;
}

.manage_docBox .btn-sm {
    font-size: 13px !important;
}

.manage_docbtn .btn-sm {
    font-size: 13px !important;
}

.manage_docBox .dropdown-menu li a span.text {
    padding: 0px 5px !important;
}

.docPendingApproval, .docUploadedPendingReview {
    display: inline-block;
    background-color: #00A2E8;
    color: #fff;
    padding: 5px !important;
    margin-top: 5px;
}

.docPendingUpload, .docPendingToBeUploaded {
    display: inline-block;
    background-color: #3F48CC;
    color: #fff;
    padding: 5px !important;
    margin-top: 3px;
}

.docPendingRejected {
    display: inline-block;
    background-color: #ED1C24;
    color: #fff;
    padding: 5px !important;
}

.docPendingApproved, .docAccepted {
    display: inline-block;
    background-color: #22B14C;
    color: #fff;
    padding: 5px !important;
}


.manage_docBox .inline-form label {
    word-break: auto-phrase;
    margin-right: 5px;
}

.manage_docBox .form-group {
    display: block;
}

.doc-profile .doc-pIcon {
    width: 36px;
    margin-right: 10px;
    display: inline-block;
}

.doc-profile-in {
    display: flex;
    flex-direction: column;
    word-break: break-all;
}

.hrEvaluation-table .infi-heading .rightAddbtn {
    width: 180px !important;
}

.hrEvaluation-table.main-pagetable .dataTables_filter {
    margin: -60px 0px 10px 0 !important;
}

.infi-heading .rightAddbtn {
    text-align: right;
    width: 220px;
}

.rightAddbtn {
    text-align: right;
}

    .rightAddbtn a {
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
    }

.certf-box {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 10px 10px 15px;
    margin-top: 10px;
    border-radius: 8px;
}

    .certf-box p {
        text-align: center;
        margin: 0;
    }

    .certf-box img {
        width: 20%;
        display: block;
        margin: 0 auto;
    }

    .certf-box p span {
        font-size: 14px;
        color: #7B7B7B;
        margin-top: 10px;
        display: block;
        text-align: justify;
    }

.chathistory {
    border: 1px solid #dadada;
    border-radius: 7px;
    padding: 0;
    box-shadow: 0px 0px 10px #00000029;
    display: flex;
    flex-direction: column;
}

    .chathistory .bootstrap-select .dropdown-menu.inner {
        padding: 0px !important;
    }

    .chathistory .modal-header {
        padding: 0 15px;
    }

    .chathistory .modal-body {
        padding: 3px 15px;
    }

.chatUser {
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.chatRight li {
    clear: both;
    padding: 0px;
    margin: 0px 8px 4px;
    border-radius: 8px;
    width: max-content;
    max-width: 50%;
}

    .chatRight li.right .chat-Message {
        background: #7266ba;
        color: #ffffff;
        border-radius: 8px 8px 0 8px;
        padding: 2px 12px;
        font-size: 14px;
        line-height: 22px;
        position: relative;
        margin-bottom: 0px;
        text-align: left;
        display: inline-table;
    }

        .chatRight li.right .chat-Message::before {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            border: 18px solid transparent;
            border-bottom-width: 0;
            right: -25px;
            border-left-color: #7266ba;
            border-left-width: 12px;
        }

    .chatRight li.left .chat-Message {
        background: #ebebeb;
        color: #333333;
        border-radius: 8px 8px 8px 0;
        padding: 2px 12px;
        font-size: 14px;
        line-height: 22px;
        position: relative;
        margin-bottom: 0px;
        display: inline-table;
    }

        .chatRight li.left .chat-Message ul {
            padding-left: 0;
            display: flex;
            flex-wrap: wrap;
        }

            .chatRight li.left .chat-Message ul li {
                margin: 5px;
            }

        .chatRight li.left .chat-Message p {
            margin: 0;
        }

.chatview-phonenumber {
    margin: 0 5px;
    width: 14% !important;
    font-size: 14px !important;
}

span.chatview-newtext {
    margin: 0 5px;
    font-size: 14px !important;
    font-weight: 500;
}

.chatRight li.left .chat-Message::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    border: 18px solid transparent;
    border-bottom-width: 0;
    left: -30px;
    border-right-color: #ebebeb;
    border-right-width: 12px;
}

span.chat-timeformat {
    font-size: 12px;
}

.chatInput-message {
    position: relative;
    padding: 0 5px;
}

    .chatInput-message .sendPrivate-btn {
        margin: 10px;
    }

.chatInput .form-group {
    margin-bottom: 0;
}

.chatRight .left {
    width: 100%;
    text-align: left;
}

.chatRight .right {
    width: 100%;
    float: right;
    text-align: right;
}

.sendPrivate-btn {
    position: absolute;
    top: 15px;
    right: 0;
    background: #1b3767 !important;
    padding: 5px 10px !important;
}

    .sendPrivate-btn i {
        color: #fff;
    }

.chatInput-message input {
    margin-bottom: 0px !important;
}

.chatsearch {
    margin: 5px;
}

.chatList {
    overflow: auto;
    height: calc(100vh - 290px);
    overflow-x: hidden;
    margin-bottom: 0px;
    margin-top: -15px;
}

.chatRight {
    margin-bottom: 0;
}

.connectedUsersListDiv .newmsg {
    margin-bottom: 10px;
}

.chatUser .currentUser, .chatUser .currentUserPhone {
    font-size: 14px;
}

.chatList::-webkit-scrollbar,
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

    .chatList::-webkit-scrollbar:hover,
    .custom-scrollbar::-webkit-scrollbar:hover {
        background: #ccc;
    }

    .chatList::-webkit-scrollbar:active,
    .custom-scrollbar::-webkit-scrollbar:active {
        background: #aaa;
    }

.chatList::-webkit-scrollbar-thumb,
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

    .chatList::-webkit-scrollbar-thumb:hover,
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.chatList::-webkit-scrollbar-track,
.custom-scrollbar::-webkit-scrollbar-track {
    background: #eee;
}

.chatList::-webkit-scrollbar-corner,
.custom-scrollbar::-webkit-scrollbar-corner {
    background: #eee;
}

.shakebutton {
    position: absolute;
    top: -4px;
    right: 3px;
    padding: 0px 0px !important;
    border: 1px solid #c97b29;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    line-height: 24px;
    font-size: 11px;
    background: #c97b29;
    color: #fff;
    text-align: center;
    animation: blink 1s linear infinite;
}

.useraccordion-header {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .useraccordion-header i {
        transition: transform 0.3s ease;
    }

    .useraccordion-header.active i {
        transform: rotate(90deg);
    }

.useraccordion-content {
    display: none;
    padding: 0;
    border: 1px solid #ccc;
    border-top: none;
}

    .useraccordion-content ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.connectedUsersListDiv .newmsg + .useraccordion-content {
    display: block !important;
}

.useraccordion-header h6 {
    margin: 0;
    font-size: 14px;
}

.usertable .dataTables_scrollBody {
    height: 400px;
}

.usertable table.table.table-striped.table-bordered.no-footer.dataTable {
    width: 100vw !important;
}

.usertable .dataTables_scrollHead {
    overflow-y: scroll !important;
}

    .usertable .dataTables_scrollHead::-webkit-scrollbar {
        visibility: hidden;
    }

.contactListTable {
    max-height: 380px;
    overflow: auto;
    position: relative;
}

    .contactListTable thead {
        position: sticky;
        top: -1px;
        z-index: 9;
        background-color: #EEEEEE;
    }



@keyframes blink {
    to {
        transform: scale(1.2);
    }
}



.main-pagetable .BackedOut {
    background: #FFC7CE !important;
}

.main-pagetable .InterviewScheduled {
    background: #FFEB9C !important;
}

.main-pagetable .PlacedCurrentlyWorking {
    background: #C6EFCE !important;
}

.main-pagetable .PlaceContractExpired {
    background: #C6EFCE !important;
}

.upload-catgry {
    width: 35%;
    display: flex;
}

.expirtyBox {
    margin-bottom: 12px;
}

.upload-expDate .form-control {
    height: 35px;
    background: #fff;
    box-shadow: 0 0 10px #00000029;
    border-radius: 4px;
    border: none;
    color: #172b4d;
    font-size: 14px;
    position: relative;
}

.inline-form {
    display: flex;
    align-items: baseline;
    word-break: break-word;
    margin-bottom: 8px;
    margin-right: 12px;
    font-size: 14px;
    position: relative;
}

.checkboxPage-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    max-height: 100px;
    overflow-y: auto;
    margin-bottom: 10px;
}

.inline-form input[type='checkbox'] {
    margin-right: 5px;
}

.inline-form.EvaluationCyclespan span p {
    font-size: 11px !important;
}

.alldocheading {
    font-size: 16px;
    color: #c97b29;
    font-weight: 600;
    margin: 0;
}

.viewdoc-name p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.viewdoc-listbox:last-child {
    border-bottom: none;
}

.viewdoc-details {
    width: 100%;
}

.viewdoc-mainlayout {
    max-height: calc(100vh - 280px);
    overflow: auto;
}

.viewdoc-listbox {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 0 10px 10px 0;
    align-items: start;
}

.viewdoc-bottombox img {
    margin-right: 10px;
}

.showHistory {
    width: 25px;
}

.viewdoc-listbox p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.fileStatus.pending {
    background: url('/images/pending_icon.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: cover;
    margin-right: 10px;
}

.docutypenameLi .fileStatus.pending {
    background: url('/images/pending_icon.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: cover;
    margin-right: 4px;
    margin-bottom: -4px;
    cursor: pointer;
}

.fileComment {
    cursor: pointer;
}

.deleteFiles {
    cursor: pointer;
}

.docutypenameLi .fileStatus.approved {
    background: url('/images/Approved_Icon.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: cover;
    margin-right: 4px;
    margin-bottom: -4px;
}

.docutypenameLi .fileStatus.rejected {
    background: url('/images/Rejectedicon.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: cover;
    margin-right: 4px;
    margin-bottom: -4px;
}

.fileStatus.approved {
    background: url('/images/Approved_Icon.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: cover;
    margin-right: 10px;
}

.fileStatus.rejected {
    background: url('/images/Rejectedicon.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: cover;
    margin-right: 10px;
}

.viewdoc-iconbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.viewdoc-listbox img {
    cursor: pointer;
}

.Cursor-pointer {
    cursor: pointer;
}

.viewdoc-preview img {
    width: 100%;
}

.viewdoc-preview {
    margin-right: 10px;
    width: 50px;
}

.viewdoc-bottombox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

.viewdoc-doctime p {
    font-weight: 600;
}

.viewdoc-category p {
    color: #c97b29;
}

.clinicalCalculator thead th {
    white-space: normal !important;
    border: 1px solid #f1f1f1;
}

.clinicalCalculator {
    border: 1px solid #f1f1f1;
}

.clinicalCalculator input[type=text] {
    min-width: 50px;
}
.inccalc {
    position: relative;
    color: #646464;
}
.inccalc::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: currentColor;
    transform: translateY(-50%);
}
.incsheet td:first-child {
    text-align: right;
}
.incsheet td{
    font-weight:600;
}
.incentivestatus label{
    font-size:16px;
}
.incenapplicable{
    margin-left:23px;
}
.incenapplicable .form-check-inline .form-check-input {
    margin-top: 5px !important;
}
.red-text {
    background-color: red !important;
    color: white !important;
    font-weight: bold;
}

.green-text {
    background-color: green !important;
    color: white !important;
    font-weight: bold;
}

.child-table {
    display: none;
    margin-left: 20px;
}

.paydetailsbox {
    width: 60%;
    margin: 0 auto;
}

    .paydetailsbox h2 {
        font-size: 16px;
        text-align: center;
        font-weight: 700;
        background-color: #FFF2CC;
        padding: 10px;
    }

    .paydetailsbox h3 {
        font-size: 15px;
        font-weight: 600;
    }

    .paydetailsbox p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px;
    }

    .paydetailsbox table th {
        font-size: 13px;
        padding: 5px;
    }

    .paydetailsbox table {
        border: 1px solid #000;
    }

.paydetailsboxtd1 {
    padding: 0 !important;
    border-right: 1px solid #000;
}

    .paydetailsboxtd1 h2 {
        font-size: 16px;
        text-align: center;
        font-weight: 700;
        background-color: #FFF2CC;
        padding: 6px 10px;
        margin: 0;
    }

.paydetailsboxtd2 {
    border-right: 1px solid #000;
    padding: 8px !important;
}

    .paydetailsboxtd2 h3 {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

    .paydetailsboxtd2 p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0px;
    }

    .paydetailsboxtd2 span {
        display: inline-block;
        border: 1px solid #000;
        width: 100px;
        text-align: right;
        padding: 2px 5px;
        font-weight: 700;
    }

.paydetailsboxtd3 th {
    text-align: left;
}

.paydetailsboxtd3 td {
    border-right: 1px solid #000;
}

.paydetailsboxbdrclr {
    text-align: left;
    border-right: 1px solid #000;
}

.paydetailsboxbdrclr1 {
    border-right: 1px solid #000;
    text-align: center;
}

.paydetailsboxbdrclr2 {
    text-align: right;
    border-right: 1px solid #000;
    font-weight: 700;
    font-size: 15px;
}

.paydetailsboxbdrclr3 {
    border-right: 1px solid #000;
    text-align: center;
    font-weight: 700;
}

.paydetailsboxtd4 {
    border-right: 1px solid #000;
    text-align: center;
    font-weight: 700;
    width: 30%;
}

    .paydetailsboxtd4 table {
        border: none;
        width: 200px;
    }

.paydetailsboxbdrclr4 {
    text-align: center;
    border-right: 1px solid #000;
    font-weight: 700;
}

.paydetailsboxbdrclr5 {
    text-align: right;
    width: 90px;
    border: none !important;
    font-size: 15px;
}

.paydetailsboxbdrclr6 {
    text-align: right;
    border: none !important;
    font-size: 15px;
}

.paydetailsboxdollarsign {
    border-right: 1px solid #000;
}

.payweek {
    font-size: 14px;
    line-height: 16px;
}

.pinCodeRate {
    width: 100px !important;
    display: inline-block !important;
}

    .pinCodeRate::placeholder {
        font-size: 14px;
    }

.pinCodeSelect {
    width: 100px !important;
    display: inline-block !important;
    margin: 0 10px;
}

.monthSelectList {
    width: 150px !important;
    margin-right: 10px;
}

.perDiemTable thead th {
    font-weight: 700;
    background-color: #efeadf;
}

.perDiemTable tbody td {
    background-color: #e0e6eb;
}

.ratesHeading {
    margin: 15px 0 5px;
}

.perDiemTable {
    margin-bottom: 25px !important;
}

.alert-Notification .dropdown-toggle::after,
.nav-showOnMobile .dropdown-toggle::after {
    display: none;
}

.nav-showOnMobile {
    display: none;
}

.common-page .form-check {
    padding-left: 0;
    margin-right: 25px;
}

.swal2-container.uploadTolinkDoc .swal2-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 0;
}

.swal2-container.uploadTolinkDoc button {
    padding: 10px 24px;
    border-radius: 7px;
    margin-bottom: 20px;
    font-size: 1rem;
    height: 72px !important;
}

.swal2-container.uploadTolinkDoc .swal2-popup.swal2-modal {
    padding: 0px !important;
    width: 40em;
}

.uploadTolinkDoc button.swal2-close {
    font-size: 36px;
    padding: 0px;
    margin-top: -15px;
}

.swal2-container.uploadTolinkDoc .swal2-actions {
    flex-direction: row-reverse !important;
}

.custom-swal-title {
    font-size: 20px;
}

.docLinkFile {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .docLinkFile span {
        margin-right: 15px;
        word-break: break-all;
        width: 300px !important;
        font-size: 14px !important;
    }

.step_files {
    font-size: 14px;
}

.reasignBox {
    padding-top: 15px;
    overflow-y: auto;
    max-height: calc(80vh - 130px);
}

.selectAllDiv span {
    font-weight: 500;
}

.downloadAll-fileUl .docutypenameLi span.documentcategory-name {
    font-weight: 500;
    padding: 0;
}

.candidateView-modal .selectAllDiv {
    margin-bottom: 10px;
}

.downloadAll-fileUl .docutypename .docutypenameLi {
    margin-bottom: 10px;
    flex-direction: column;
}

.docutypenameLi-input {
    width: 100%;
    display: flex;
    align-items: center;
}

.downloadAll-fileUl .uploadedFile-info {
    display: flex;
    align-items: center;
}

.downloadAll-fileUl .uploadedDocList {
    width: 100%;
    display: flex;
    align-items: center;
}

    .downloadAll-fileUl .uploadedDocList .uploadedFile-info {
        width: 100%;
    }

.customCheckbox0 {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    background-image: url(/images/document/checkbox-step0.svg);
    background-size: contain;
    position: relative;
    top: 4px;
}

.customCheckbox1 {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    background-image: url(/images/document/checkbox-step1.svg);
    background-size: contain;
    position: relative;
    top: 4px;
}

.customCheckbox2 {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    background-image: url(/images/document/checkbox-step2.svg);
    background-size: contain;
    position: relative;
    top: 4px;
}

.custom_back_btn {
    background-image: linear-gradient( 45deg, #3c8dbc, #387598);
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 5px 10px !important;
    border-radius: 3px;
    margin-left: 18px;
    line-height: 11px;
}

.docutypenameLi-input .SelectCategoryDiv {
    margin-right: 5px;
    position: relative;
}

.downloadAll-fileUl .uploadedDocList .uploadedFile-info input {
    margin-right: 5px;
}

.main-selectAllH {
    font-weight: 500;
}

.candidateDocOption-scroll {
    max-height: 440px;
    overflow-y: auto;
}

.dgroupflex {
    position: absolute;
    right: 0;
    display: flex;
}

.DocumentCategoriesRow {
    max-height: 350px;
    overflow-y: auto;
}

    .DocumentCategoriesRow span {
        color: #172b4d;
        font-size: 14px;
        font-weight: 600;
    }

    .DocumentCategoriesRow select {
        margin-top: 11px;
    }

.doccatalign {
    display: flex;
}

.inActiveCompliance {
    color: #dc3545;
}
.dataTables_wrapper .bottom{
    margin-top:20px;
}
.compconsultant .bootstrap-select {
    width: 100% !important;
    position: relative !important;
}
.compconsultant input, .datePicker, .form-control {
    font-size: 13px !important;
}
.compconsultant label {
    color: #172b4d;
    font-size: 14px;
    font-weight: 600;
}
.compliancepanle .modal-body {
    overflow-x: hidden;
    overflow-y: hidden !important;
}
.modal-content.compliancepanle {
    max-height: 525px;
}
.doccatalign {
    margin-top: -7px !important;
}

    .doccatalign span {
        width: 300px;
        margin-top: 17px;
    }

.selectcategorydiv {
    display: flex;
    align-items: center;
}

.docIcon-id {
    margin-left: 6px;
}

.candidateSubmissionTbale .common-filter {
    flex-wrap: wrap;
    position: relative;
}

.submissionalign .form-group {
    position: absolute;
    right: 0;
    bottom: 0;
}

.modal-content.notes-modal {
    width: 50%;
    margin: 0 auto;
}

.notes-modal .modal-footer {
    background-color: #fff !important;
}

.notes-modal .modal-body {
    background-color: #fff !important;
}

.notesicon {
    display: flex;
    justify-content: center;
}

.submission-notes .item-notes {
    background: rgba(204, 204, 204, 0.7);
    border-radius: 10px;
    padding-left: 10px;
    padding-bottom: 7px;
    padding-top: 4px;
    padding-right: 7px;
    color: #222;
    font-size: 14px;
    line-height: 22px;
}

.submission-notes li {
    margin-bottom: 14px;
}

.submission-notes .item-date {
    color: #808080;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
}

.submission-notes {
    padding: 0;
    max-height: 260px;
    min-height: 260px;
    overflow: auto;
    padding-right: 10px;
    /*display: flex;
flex-direction: column;*/
    margin-top: 15px;
}

.submission-recruiter {
    display: flex;
    align-items: center;
    width: 210px;
    justify-content: space-between;
}

    .submission-recruiter .childQuestion-progressbar {
        display: flex;
        justify-content: space-between;
        margin: 0 0 0 10px;
        width: 60%;
    }

        .submission-recruiter .childQuestion-progressbar li {
            border-radius: 0px !important;
            padding: 1px 0px !important;
        }

ul#progressbar {
    color: #fff;
}

.submission-recruiterName {
    width: 50%;
}

.table-submissionReport table.dataTable > thead > tr > th, .table-submissionReport table.dataTable > thead > tr > td {
    padding: 10px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.noOfSubmissionEntries {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-top: 7px;
}

.noOfEntries {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin-top: 7px;
}

.table th .createCustomFilter-link {
    font-size: 13px;
    color: #c97b29 !important;
    font-weight: 600;
    border-right: none;
    cursor: pointer;
    line-height: 200px;
    display: block;
}

.dashboard_tbl th {
    font-size: 13px;
    color: #c97b29 !important;
    font-weight: 600;
    border-right: 1px solid #f1f1f1;
    white-space: nowrap;
}

.dashboard_tbl tbody tr:nth-of-type(even) {
    background-color: rgba(220,220,220,.2) !important;
}

.teamUser_list {
    max-height: calc(100vh - 290px);
    overflow-y: auto;
}

.designationli .designationName, .designationli .status {
    font-weight: 500;
}

.designationli {
    margin: 10px 0;
    position: relative;
}

ul.designationli-ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

    ul.designationli-ul li {
        width: calc(33.33% - 15px);
    }

.moreConfig-wrapper {
    margin-top: 15px;
}

.more-config ul {
    padding: 0;
}

.moreConfig-wrapper .custome-box {
    margin-top: 0;
}

.moreConfig-wrapper .infi-heading {
    border-top: none;
}

.more-config {
    margin-top: 15px;
}

    .more-config .nav-link {
        border: 1px solid #c97b29;
        color: #1D1D1D;
        font-size: 15px;
        font-weight: 600;
        border-radius: 8px;
        padding: 6px 10px;
    }

    .more-config li:not(:last-child) {
        margin-bottom: 8px;
    }

    .more-config .nav-link:hover {
        background: #f9e9d0;
        color: #000;
    }

    .more-config .nav-link.active {
        background: #f9e9d0;
    }

    .more-config .nav-link:visited {
        color: #000 !important;
    }
/****  common page css end here  ****/
/****  document page toggle css starts here  ****/
.slide-toggle {
    display: none;
}

.doc-toggle {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.doc-toggle.hide-doc-left .doc-right {
width: 100%;
margin-left: 0;
}

.doc-toggle.hide-doc-left .doc-right .inline-form {
flex-direction: unset;
}

.doc-left {
    min-width: 260px;
    max-width: 260px;
    overflow: hidden;
    transition: all ease 0.4s;
}

.doc-toggle.active .doc-right {
    display: none;
}

.doc-right {
    width: calc(100% - 75px);
    margin-left: 20px;
}

.doc-left.open .slide-toggle {
    background: url('/images/arrow-left.png') no-repeat;
    width: 37px;
    height: 37px;
    transition: all ease 0.4s;
    background-size: cover;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    right: -2px;
    cursor: pointer;
}

.doc-left .slide-toggle {
    background: url('/images/arrow-right.png') no-repeat;
    width: 37px;
    height: 37px;
    transition: all ease 0.4s;
    background-size: cover;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    right: -2px;
    cursor: pointer;
}

.documentPreview {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
}

.documentIframe {
    width: 100%;
    height: 100%;
}

.documentIframe iframe {
    width: 100%;
    height: 100%;
}
/*.convertBox {
display: none;
}*/
.reasignBox {
    padding-top: 15px;
}

    .reasignBox h5 {
        font-size: 16px;
        font-weight: 600;
        padding: 4px 0 6px;
        margin-bottom: 5px;
    }

.documentPreview_navtabs .nav-tabs .nav-link {
    font-size: 14px;
    color: #c97b29;
    font-weight: 600;
    padding: 5px;
    border-color: #dee2e6;
}

.reasignBox-allOptions {
    font-size: 15px;
    position: relative;
}

.documentPreview_navtabs .nav-tabs .nav-link.active {
    color: #000;
}

.documentPreview.active .convertBox {
    display: block;
}

.documentPreview.active .statusUpdate {
    display: none;
}

.labelbold {
    font-size: 14px;
    font-weight: 500;
}

.documentPreview textarea {
    font-size: 14px;
}

.statusUpdate {
    padding-top: 15px;
}

    .statusUpdate h5 {
        font-size: 16px;
        font-weight: 600;
        padding: 4px 0 6px;
        margin-bottom: 5px;
        text-align: center;
    }

.splitRow {
    border: 1px solid #ccc;
    padding: 8px 8px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.deletesplitRowOption {
    color: #ff2222;
    font-size: 20px;
    margin-bottom: 6px;
    cursor: pointer;
}

.documentPreview_options {
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    width: 50%;
    margin-left: 10px;
    z-index: 999;
    background: #fff;
}

.convertBox {
    padding-top: 15px;
}

    .convertBox h5 {
        font-size: 16px;
        font-weight: 600;
        padding: 4px 0 6px;
        margin-bottom: 5px;
        text-align: center;
    }

        .convertBox h5 img {
            width: 24px;
        }

    .convertBox .submit-btn {
        margin: 0;
    }

    .convertBox .form-control {
        color: #172b4d;
        font-size: 14px;
    }

.additionalSplitFile-scroll {
    max-height: 310px;
    overflow-y: auto;
    margin-bottom: 15px;
}

.fixed-col {
    position: sticky !important;
    left: 0;
    background: #fff !important;
    z-index: 9;
    min-width: 120px;
    width: 170px !important;
}

.recruiterreports-table .dataTables_filter {
    display: none;
}

.recruit-heading {
    font-size: 15px;
    margin-top: 20px;
    font-weight: 600;
}

.userlist-heading {
    font-size: 16px;
    color: #c97b29;
    font-weight: 600;
    padding: 4px 0 6px;
    margin-bottom: 0;
}

.newUserContact {
    cursor: pointer;
}

.expiredDocumentViewModel .rediobutton {
    margin-top: 25px !important;
}

    .expiredDocumentViewModel .rediobutton label {
        color: #172b4d;
        font-size: 14px;
        font-weight: 600;
    }

.expiredDocumentViewModel .dataTables_filter {
    margin-top: -53px;
}

.customExcelBtn a {
    cursor: pointer;
}

.sendmail-box {
    position: relative;
}
#addSecondaryRecruiter {
    position: absolute;
    top: 0px;
    right: 8px;
    width: auto;
    height: 25px;
    padding: 0;
}
    .sendmail-box .click-count {
        position: absolute;
        background: #000;
        color: #fff;
        font-size: 9px;
        font-weight: 700;
        border-radius: 100%;
        width: 15px;
        height: 15px;
        text-align: center;
        line-height: 15px;
        top: -5px;
        left: 15px;
    }

.dataTables_scrollHeadInner, .dataTables_scrollHeadInner .table {
    width: 100% !important;
}

.dataTables_scrollBody table.dataTable {
    width: 100% !important;
}

table.table.table-striped.table-bordered.no-footer.dataTable {
    width: 100% !important;
}

.mblock {
    display: none;
}

span.iconalign.dshow img {
    margin-top: -12px;
}
.initialMailDocTable {
    margin-top: -50px;
}
.maildoc .labelheading {
    color: #172b4d;
    font-size: 14px;
}
.maildoctable tr {
    overflow-wrap: anywhere;
}
/****  document page toggle css end here  ****/
/**** Email Send Template Start ****/
.modal-fullscreen .modal-content.emailtmp-modal-popup {
    height: auto !important;
}
.emailtmp-modal {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-left: -40px;
}
.emailtmp-modal li a {
    border: 1px solid #c97b29;
    color: #1d1d1d;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    padding: 6px 10px;
    margin-left: 10px;
}
.emailtmp-modal li a:hover {
    border: 1px solid #c97b29 !important;
    background: #f9e9d0;
    color: #000;
}
.email-overflow {
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}
.email-left-panel {
    margin: -15px -15px 0px -10px;
}
.email-right-panel {
    margin: -15px -15px 0px 35px;
}
#contentPreview, #emailPreviewContent {
    line-height: 1.08;
    font-family: 'Calibri', 'Segoe UI', Arial, sans-serif;
    font-size: 11pt;
    color: #000;
}

    #contentPreview *, #emailPreviewContent * {
        max-width: 100%;
    }

    #contentPreview img, #emailPreviewContent img {
        max-width: 100%;
        height: auto;
    }

    #contentPreview table, #emailPreviewContent table {
        border-collapse: collapse;
        font-size: 11pt;
        margin: 8pt 0;
    }

    #contentPreview th, #emailPreviewContent th {
        background-color: #4472c4;
        color: white;
        font-weight: 600;
        padding: 4pt 8pt;
        border: 1pt solid #4472c4;
    }

    #contentPreview td, #emailPreviewContent td {
        padding: 4pt 8pt;
        border: 1pt solid #a6a6a6;
        vertical-align: top;
    }

    #contentPreview tr:nth-child(even) td, #emailPreviewContent tr:nth-child(even) td {
        background-color: #f2f2f2;
    }

    #contentPreview p, #emailPreviewContent p {
        margin: 0 0 8pt 0;
        font-family: 'Calibri', sans-serif;
        font-size: 11pt;
        line-height: 1.08;
    }

    #contentPreview h1, #emailPreviewContent h1 {
        font-family: 'Calibri Light', 'Calibri', sans-serif;
        color: #2f5496;
        font-size: 16pt;
        font-weight: 300;
        margin: 0 0 0.5em 0;
    }

    #contentPreview h2, #emailPreviewContent h2 {
        font-family: 'Calibri Light', 'Calibri', sans-serif;
        color: #2f5496;
        font-size: 13pt;
        font-weight: 300;
        margin: 1em 0 0.5em 0;
    }

    #contentPreview h3, #emailPreviewContent h3 {
        font-family: 'Calibri', sans-serif;
        color: #1f3864;
        font-size: 12pt;
        font-weight: 600;
        margin: 1em 0 0.5em 0;
    }

    #contentPreview ul, #contentPreview ol, #emailPreviewContent ul, #emailPreviewContent ol {
        margin: 0 0 8pt 0;
        padding-left: 18pt;
    }

    #contentPreview li, #emailPreviewContent li {
        margin: 0;
    }
/* Ensure HTML content renders properly in preview */
.content-editor-wrapper {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background: #fff;
}

/* Rich Text Editor Styles */
#richTextEditor {
line-height: 1.6;
border: none !important;
outline: none !important;
box-shadow: none !important;
}

#richTextEditor:focus {
border: none !important;
outline: none !important;
box-shadow: none !important;
}

#richTextEditor[contenteditable="true"]:empty:before {
content: attr(placeholder);
color: #6c757d;
font-style: italic;
}

#richTextEditor[contenteditable="true"]:empty:focus:before {
content: "";
}

/* Ensure rich text editor content looks good */
#richTextEditor h1, #richTextEditor h2, #richTextEditor h3 {
margin-top: 1.5em;
margin-bottom: 0.5em;
}

#richTextEditor p {
margin-bottom: 1em;
}

#richTextEditor table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
}

#richTextEditor th, #richTextEditor td {
padding: 8px 12px;
border: 1px solid #ddd;
}

/* Ensure content is visible in rich text editor */
#richTextEditor * {
max-width: 100%;
word-wrap: break-word;
}

/* Make the content editor more prominent and always visible */
.emailtmpcontentCard {
    min-height: 500px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 2px solid #c97b29;
}

.emailtmpcontentCard .card-header {
background: linear-gradient(135deg, #c97b29 0%, #c97b29 100%) !important;
}

.emailtmpheader {
padding: .5rem 1rem;
margin-bottom: 0;
background-color: transparent;
border-bottom: 1px solid rgba(0, 0, 0, .125);
color: #c97b29;
}

.emailtmpenablebtn {
background: #ffffff !important;
color: #000 !important;
border: none;
cursor: pointer;
}

.emailtmpenablebtn:hover {
background: #d9d9d9;
}

.emailtmpcontentCard .btn {
font-weight: 500;
margin: 5px;
}

.emailtmpcontentCard .btn.btn-primary {
background-color: #0d6efd;
border-color: #0d6efd;
}
.emailtmpmodelbg {
    height: 500px;
    overflow-y: auto;
    background: #f8f9fa;
}
.emailtmppreview {
    background: white;
    padding: 20px;
}
.emailtmpdetailspanel h5{
    font-size:15px;
    font-weight:bold;
}
.emailtmpdetails {
    font-size: 13px;
}
.common-bg {
    background-color: #c97b29 !important;
}
.email-preview-container {
    max-width: 800px;
    margin: 0 auto;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.email-preview-header {
    background: #007bff;
    color: white;
    padding: 15px;
    margin: -20px -20px 20px -20px;
    border-radius: 8px 8px 0 0;
}

.email-preview-header h1 {
    margin: 0;
    font-size: 1.5rem;
    color: #fff;
}

.email-preview-content {
    /* border: 1px solid #dee2e6; */
    padding: 20px;
    border-radius: 4px;
    background: #fff;
}

.variable-highlight {
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: monospace;
    color: #856404;
}

.email-button-panel {
    display: flex;
    gap: 10px;
    justify-content: end;
}

.email-button-panel .btn {
    border: none;
    padding: 7px;
    border-radius: 3px;
    margin-top: 5px;
    cursor: pointer;
}

.email-button-panel .btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.email-button-panel .btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.signature-panel .dataTables_filter input {
    margin-top: 9px !important;
    margin-right: -40px !important;
}
.recent-template .dataTables_filter {
    margin: -80px 30px 10px 0 !important;
}
.recent-template-header {
    position: relative;
    right: 170px;
}
/**** Email Send Template End ****/
/****  Manage Sample Documents css starts here  ****/
.model-height-auto {
    height: auto !important;
}

.sample-itemname {
    display: flex;
    width: 230px;
    font-size: 14px;
    padding: 7px;
}

.manage-samplefile {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

    .manage-samplefile .form-check-label {
        margin-bottom: 0 !important;
    }

    .manage-samplefile .form-check .form-check-input {
        margin-left: 5px;
        margin-top: 4px;
    }

.documentUploaduser {
    display: flex;
    border: 1px solid #ccc;
}

    .documentUploaduser .form-group {
        margin: 0 !important;
        border-left: 1px solid #ccc;
        padding: 7px;
    }

        .documentUploaduser .form-group b {
            margin-right: 10px;
            width: 65px;
        }

.subflex {
    display: flex;
}

span.sample-filename {
    width: 200px;
    display: inline-block;
}
.managerrecfilter {
    margin-top: -8px;
    margin-right: 15px;
}
.managerrecfilter input {
    border-radius: 6px;
    height: 33px !important;
}
.managerrecfilter input[type="checkbox"]{
    height:13px !important;
}
    /* Custom css class */
.z-index-99 {
    z-index: 99 !important;
}
.overflow-y-hidden {
    overflow-y: hidden !important;
}
.overflow-x-hidden {
    overflow-x: hidden !important;
}
.line-h-30 {
    line-height: 30px !important;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-23 {
    margin-left: 23px;
}
.margin-left-m-15 {
    margin-left: -15px !important;
}
.margin-right-10{
    margin-right:10px;
}
.m-top-16 {
    margin-top: 16px !important;
}
.m-top-30 {
    margin-top: 30px !important;
}
.m-top-58 {
    margin-top: 58px !important;
}
.m-top-120 {
    margin-top: 120px !important;
}
.m-top-200 {
    margin-top: 200px !important;
}
.m-top-min-10 {
    margin-top: -10px !important;
}
.m-top-min-17 {
    margin-top: -17px !important;
}
.m-top-min-35 {
    margin-top: -35px !important;
}
.m-top-min-40 {
    margin-top: -40px !important;
}

.m-top-min-50 {
    margin-top: -50px !important;
}

.m-top-min-47 {
    margin-top: -47px !important;
}

.m-top-min-80 {
    margin-top: -80px !important;
}

.m-top-min-87 {
    margin-top: -87px !important;
}
.defbottom{
    bottom:0px !important;
}
.m-bot-min-25 {
    margin-bottom: -25px !important;
}
.m-bot-15{
    margin-bottom:15px;
}
/*width css class*/
.mt--2 {
    margin-top: -2px;
}

.width-10 {
    width: 10px;
}

.width-18 {
    width: 18px;
}

.width-38 {
    width: 38px !important;
}

.h-30 {
    height: 30px;
}
.h-200 {
    height: 200px !important;
}
.w-30px {
    width: 30px;
}

.w-60px {
    width: 60px !important;
}

.w-75px {
    width: 75px !important;
}

.w-80 {
    width: 80px !important;
}
.w-180{
    width:180px !important;
}
.w-230 {
    width: 230px !important;
}

.w-100px {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
}

.min-w-100 {
    width: 100px !important;
    min-width: 100px !important;
}

.min-w-110 {
    width: 110px !important;
    min-width: 110px !important;
}

.w-120 {
    width: 120px;
}
.w-120imp {
    width: 120px !important;
}
.w-130 {
    width: 130px !important;
}

.w-140 {
    width: 140px !important;
}

.w-165 {
    width: 165px !important;
}

.w-190 {
    width: 190px !important;
}

.w-210 {
    width: 210px !important;
}

.width-200 {
    width: 200px !important;
}

.w-230 {
    width: 230px !important;
}

.w-255 {
    width: 255px;
}

.w-270 {
    width: 270px !important;
}

.w-293 {
    width: 293px !important;
}

.w-310 {
    width: 310px;
}

.w-320 {
    width: 320px !important;
}

.width-350 {
    width: 350px !important;
}
.min-w-140 {
    min-width: 140px !important;
    width: 140px !important;
}

.min-h-87 {
    min-height: 87px;
}

.min-h-60 {
    min-height: 60px;
}

/* font css class*/

.font-size-20 {
    font-size: 20px;
}

.font-weight-bold {
    font-weight: bold;
}

/*padding css class*/
.padding-0 {
    padding: 0px !important
}
.pd-left-60px {
    padding-left: 60px;
}
.padding-7 {
    padding: 7px !important;
}
.pd-right-25px {
    padding-right: 25px;
}
.padding-left-0 {
    padding-left: 0px !important;
}
/*Table css class*/
.tbl-layout {
    table-layout: fixed;
    width: 100%;
}
/****  Responsive Starts here  ****/
@media (min-width: 1400px) {
    .candidateDocOption-scroll {
        max-height: calc(100vh - 200px); 
    }
}
@media (max-width: 1280px) {
    .navbar-brand {
        margin-right: 15px !important;
    }

    .collapse.navbar-collapse .ms-5 {
        margin-left: 5px !important;
    }
    .candidatevendor-right {
        margin-right: 40px;
    }
    .candocdocumentIframe.zoomupfile .iframe-overlay{
        height:93% !important;
    }
}

@media (max-width: 1199px) {
    #logoutForm {
        flex-direction: column;
        align-items: end;
    }

    header .navbar {
        z-index: 99;
    }

    body.open {
        overflow-y: hidden;
    }

    .navbar-toggler > .navbar-toggler-close {
        display: inline;
        font-size: 30px;
        padding: 0px 6px;
        transition: all 0.4s ease;
    }

    .navbar-toggler.collapsed > .navbar-toggler-close, .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
        display: none;
        transition: all 0.4s ease;
    }



    /*menu toggle slide*/
    .navbar-collapse {
        position: absolute;
        top: 66px;
        left: 100%;
        padding: 10px 15px 15px 15px;
        width: 100%;
        transition: all 0.2s ease;
        display: block;
        background: #fff;
        height: calc(100vh - 66px);
    }

        .navbar-collapse.collapsing {
            height: calc(100vh - 66px);
            margin-left: 50%;
            left: 50%;
            transition: all 0.2s ease;
        }

        .navbar-collapse.show {
            left: 0;
            transition: all 0.2s ease;
        }

    .navbar-nav {
        width: 100%;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

    .navbar-nav .nav-item {
        border-bottom: 1px solid #eee;
    }

    .userdropdownlist a {
        border-left: none;
        padding: .5rem 1.6rem !important;
    }

    .img-profile {
        display: none;
    }

    .navbar-nav .dropdown-menu {
        box-shadow: none !important;
        padding-top: 0 !important;
    }

    .dropdown-item {
        border-bottom: 1px solid #eee !important;
        padding: 7px 30px !important;
    }

        .dropdown-item:last-child {
            border-bottom: none !important;
        }

    .consultant-heading {
        flex-direction: column;
        align-items: flex-start !important;
    }

        .consultant-heading > span {
            margin-bottom: 10px;
        }

    .consultant-custome-box .main-pagetable .dataTables_filter {
        margin: -135px 35px 10px 0 !important;
    }

    .consultant-heading .rightAddbtn {
        position: absolute;
        right: 0;
        top: 4px;
    }
}

@media (max-width: 1024px) {
    .logincustom_left {
        padding: 30px 40px;
    }
}

@media (max-width: 991px) {
    .viewdoc-details {
        width: 80%;
    }

    .docmntbtns .btn {
        margin-bottom: 5px;
    }

    .viewdoc-mainlayout {
        padding-right: 10px;
    }

    .childQuestion li {
        flex-direction: column;
    }

        .childQuestion li .questntxt {
            width: 100% !important;
            margin-bottom: 10px;
        }

    .manager-evaluation .manager {
        width: 100%;
        margin-bottom: 10px;
    }

    .manager-evaluation .selfEvaluation {
        width: 100%;
    }

    .manage_docbtn {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* Ensure content editor is visible when scrolling */
@media (min-width: 992px) {
    .emailtmpcontentCard {
        position: sticky !important;
        top: 0px;
        z-index: 100;
    }
}
/* Better visibility for the content editor tabs */
@media (max-width: 768px) {
    .dcmleft {
        margin-left: 6px;
    }

    .dashboard-countBox ul li {
        width: 250px;
        margin-left: 15px !important;
        margin-right: 15px !important;
        display: inline;
    }

    .bg-warningcandocbg {
        width: 250px;
    }

    .dashboard-countBox .candocbg {
        width: 250px !important;
    }

    .dashboard-countBox .bg-successcandocbg {
        width: 250px !important;
    }

    .userListbox {
        min-height: auto;
        margin-bottom: 20px;
    }

    .optionsTypes ul {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .documentcol-left {
        width: 85px !important;
    }

    .onmobile {
        display: none !important;
    }

    .documentcol-right {
        width: calc(100% - 85px) !important;
    }

    .documentcol-center {
        display: block;
    }

    /*document datalist page slideToggle*/
    .doc-left {
        min-width: 60px;
        max-width: 60px;
    }

        .doc-left.open {
            min-width: 100%;
            max-width: 100%;
            transition: all ease 0.4s;
        }

            .doc-left.open ul.document-catgry.custom-scrollbar {
                display: block;
                max-height: calc(100vh - 400px);
            }

    ul.document-catgry.custom-scrollbar.document-listBox {
        max-height: calc(100vh - 450px) !important;
        min-height: calc(100vh - 450px) !important;
        box-shadow: none;
    }

    .doc-left ul.document-catgry.custom-scrollbar {
        display: none;
    }

    .document-listBox.doc-left {
        min-height: calc(100vh - 250px);
    }

    .document-viewbox.common-page.doc-right {
        min-height: calc(100vh - 250px);
    }

    div#commonModal .modal-fullscreen {
        margin: 40px !important;
    }

    .nav-showOnMobile {
        display: block;
        position: absolute;
        right: 80px;
    }

    .notification-history {
        display: none;
    }

    .slide-toggle {
        display: inline-block;
    }

    .doc-toggle .uploadCount .total-document {
        display: block;
        margin: 0;
        text-align: left;
    }

    .manage_docBox {
        display: block;
        width: 100%;
        text-align: left;
    }

        .manage_docBox .inline-form {
            margin-bottom: 15px !important;
        }

    .doc-right .manage_docBox .manage_docBox .inline-form {
        flex-direction: column;
    }

    .docutypename .docutypenameLi {
        display: block;
    }

        .docutypename .docutypenameLi .load-partial {
            display: inline-block;
            width: 100%;
            padding-right: 0px;
        }

    .docPendingToBeUploaded {
        display: table;
    }

    .manage_docBox a {
        color: #fff !important;
    }

    .docPendingApproval, .docUploadedPendingReview, .docAccepted {
        display: table;
    }

    li.uploadedFile-box {
        padding-left: 0px !important;
    }

    .docutypenameLi .uploadedDocList {
        width: 100%;
    }

    .document-Down-consultant {
        width: 100% !important;
    }

    .document-datab .inline-form {
        display: block;
        margin-right: 0;
    }

    .document-datab #uploadButton {
        margin: 15px 0 0 0 !important;
    }

    .document-datab .step_files .d-flex {
        display: block !important;
    }

    .document-datab .step_files ul#filesList {
        padding: 0;
    }

    .document-datab .step_files p.w-120 {
        font-weight: 500;
        margin-bottom: 8px;
    }

    .document-datab .step1 {
        margin-bottom: 20px;
    }

    .document-Down-consultant .modal-footer {
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .swal2-container.uploadTolinkDoc button {
        width: 90%;
    }

    .uploadedFile-info {
        width: 95%;
    }

    .uploadedFile-extraM {
        width: 95%;
    }

    .uploadedFile-extra {
        width: 95%;
    }

    .uploadedFile_name {
        width: 90%;
    }

    .certf-box img {
        width: 30%;
    }

    .docPendingUpload, .docPendingToBeUploaded {
        font-size: 12px;
    }

    .managedoc-btn {
        display: none;
    }

    .manage_docBox #addnewDoc {
        width: 100%;
    }

    .mrtop-30 {
        margin-top: 30px !important;
    }

    .chathistory input#newPhoneNumber {
        width: 95% !important;
    }

    .chathistory {
        min-height: auto !important;
    }

    .chatList {
        height: calc(100vh - 560px) !important;
    }

    .uploadedFile-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .document-datab li.docLinkFile {
        display: block;
    }

    .document-datab ul {
        padding-left: 0;
    }

    .document-datab .step_files ul#filesList li {
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .doc-left .user-center {
        padding-top: 50px;
    }

    .doc-left.open .user-center {
        padding-top: 0px;
    }

    .doc-profile-in span {
        display: block;
    }

    .doc-left .doc-profile-in {
        display: none;
    }

    .doc-left.open .doc-profile-in {
        display: block;
    }

    .doc-left .documentTypeName {
        display: none;
    }

    .doc-left.open .documentTypeName {
        display: block;
        cursor: auto;
    }

    .doc-left .documentcategory-name {
        display: none;
    }

    .doc-left.open .documentcategory-name {
        display: inline-block;
    }

    /*page title*/

    .infi-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .common-filter {
        margin-top: 10px;
    }

    .main-pagetable .dataTables_filter {
        margin: 0px 0px 10px 0 !important;
    }

    .common-filter {
        width: 100%;
        justify-content: space-between;
    }

    .rightAddbtn {
        width: auto;
    }

    .margin-top-25 {
        margin-top: 25px;
    }

    /* evaluation */
    .evaluationheader1 {
        align-items: baseline;
        flex-direction: column;
    }

    .questn-middle {
        margin-bottom: 10px;
    }
}

@media (max-width: 575px) {
    .uploadCount {
        text-align: center;
        margin-bottom: 10px;
    }

    .doc-right .manage_docbtn {
        text-align: center !important;
        margin-bottom: 75px;
        left: 8px;
    }

    /*clinical page*/
}

@media (max-width: 520px) {
    .submit-btn {
        min-width: 80px !important;
        margin-right: 5px !important;
        margin-top: 5px !important;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .cancel-btn {
        min-width: 80px !important;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .mblock {
        display: block !important;
        float: right;
        margin-top: -28px;
    }

    span.iconalign.dshow img {
        display: none;
    }

    .blankspace {
        display: none;
    }

    span.dshow {
        display: none;
    }


    .manage_docBox #addnewDoc {
        width: 96%;
        font-size: 12px !important;
    }

    .docUploadedPendingReview {
        width: 157px;
        font-size: 12px;
    }

    .dshow {
        display: none;
    }

    .swal2-container.uploadTolinkDoc button {
        width: 100% !important;
    }

    .swal2-container.uploadTolinkDoc .swal2-actions {
        flex-direction: column-reverse !important;
    }

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

@media (max-width: 1280px) {
    .compconsultant .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 115px !important;
    }
    .compliancescroll input[type="search"] {
        width: 150px;
    }
    .compconsultant .custom-2:not(:first-child) {
        margin-left: -29px !important;
    }
    .compconsultant button#apply {
        margin-left: 6px;
    }
    .compconsultant .custom-2:first-child {
        margin-right: -38px;
    }
    .compconsultant .custom-2:nth-child(5) {
        width: 167px;
    }
    .compconsultant .custom-2:last-child {
        margin-left: -85px !important;
    }
    .consulentDetailsList .custom-2:not(:first-child) {
        margin-left: -30px !important;
    }
    .compconsultant .custom-2 {
        padding-right: 40px;
    }
    .consulentDetailsList .custom-2 {
        margin-left: -15px;
        padding-left: 10px;
    }
    .consulentDetailsList .custom-2 {
        padding-right: 27px;
    }
    .compliancepanle .dataTables_wrapper .dataTables_filter input {
        width: 150px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {

    .Consultentdropdowns label, .consulentDetailsList label, .compconsultant label {
        font-size: 11px;
    }

    .consulentDetailsList .custom-2, .compconsultant .custom-2 {
        margin-left: 0px;
        padding-left: 0px;
    }
    .consulentDetailsList, .compconsultant {
        position: relative !important;
    }
    .candidateradmrleft {
        margin-right: -25px;
    }

    .doclistpanel .manage_docBox {
        padding: 0px 8px;
        margin-top: px;
    }

    .dashboard-countBox ul li {
        /*width: calc((100%/3) - 11px) !important*/
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .dashb-Box {
        display: block;
    }

    .mainwork-items li h3 {
        margin-right: 0px;
        text-align: center;
    }

    .mainwork-items li p {
        text-align: center;
    }

    .dashboardui, .dashboardpanel, button#weekelyEmailBtn {
        position: inherit !important;
        bottom: inherit;
    }

    .dashboard-countBox {
        padding: 15px 0px 15px;
    }

        .dashboard-countBox ul li {
            width: calc(100% / 1 - 45px) !important;
            display: block !important;
            margin: 0 30px !important;
            padding: 5px 0px;
        }

        .dashboard-countBox .candocbg, .dashboard-countBox .bg-warningcandocbg, .bg-successcandocbg {
            height: 130px !important;
            width: 250px;
        }

    .dcmleft {
        margin-left: 0px;
    }

    .doclistpanel {
        display: flex;
        flex-wrap: wrap;
    }

    .helathInsurance-list tbody.cursor-pointer td {
        max-width: 20ch;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .main-pagetable .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0.5em 0.3em !important;
    }

    .total-document {
        display: block;
    }

    .viewdoc-bottombox {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .manager-evaluation .manager .questn-middle {
        flex-direction: column;
    }

        .manager-evaluation .manager .questn-middle .childQuestion-progressbar {
            margin-top: 8px;
        }

    .manage_docBox .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 73% !important;
    }

    .manager-evaluation .manager .questn-middle {
        width: 280px !important;
    }

    .alignright {
        position: inherit;
        right: inherit;
        padding: 0px;
    }

    .iconalign {
        float: right;
        margin-top: -28px;
    }

    .dcright {
        margin-right: 10px;
        float: right;
        margin-top: -39px;
    }
}

#loadingOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 9999;
}

#loadingSpinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/****  Responsive End here  ****/
.maildoc .dataTables_filter {
    margin: 0px !important;
}
/****  Blink Css  ****/
.spnLastblink {
    animation: blink-animation 3s steps(5, start) infinite;
    -webkit-animation: blink-animation 3s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
/****  Blink Css End ****/