html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    padding: 0 !important;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0 !important;
}

a {
    text-decoration: none !important;
}

/* Font Family */
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../font/montserrat-regular.eot');
    src: url('../font/montserrat-regular.eot?#iefix') format('embedded-opentype'), url('../font/montserrat-regular.woff2') format('woff2'), url('../font/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../font/montserrat-medium.eot');
    src: url('../font/montserrat-medium.eot?#iefix') format('embedded-opentype'), url('../font/montserrat-medium.woff2') format('woff2'), url('../font/montserrat-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat-Semibold';
    src: url('../font/montserrat-semibold.eot');
    src: url("../font/montserrat-semibold.eot?#iefix") format('embedded-opentype'), url("../font/montserrat-semibold.woff2") format('woff2'), url("../font/montserrat-semibold.woff") format('woff');
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../font/montserrat-extrabold.eot');
    src: url("../font/montserrat-extrabold.eot?#iefix") format('embedded-opentype'), url("../font/montserrat-extrabold.woff2") format('woff2'), url("../font/montserrat-extrabold.woff") format('woff');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url("../font/montserrat-bold.eot");
    src: url("../font/montserrat-bold.eot?#iefix") format('embedded-opentype'), url("../font/montserrat-bold.woff2") format('woff2'), url("../font/montserrat-bold.woff") format('woff');
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url("../font/montserrat-black.eot");
    src: url("../font/montserrat-black.eot?#iefix") format('embedded-opentype'), url("../font/montserrat-black.woff2") format('woff2'), url("../font/montserrat-black.woff") format('woff');
}


body {
    font-family: 'Montserrat-Regular', sans-serif !important;
}

body.y-hide{
    overflow-y:hidden;
}


/* Container */
.container {
    max-width: 1336px !important;
    width: 100%;
    margin: 0 auto;
}


/* Custom Checkbox */
.custom-checkbox-label {
    position: relative;
    padding-left: 25px;
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    line-height: 20px;
    color: #444444;
}

    .custom-checkbox-label:before {
        position: absolute;
        content: '';
        top: 45%;
        left: 0;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        border: 3px solid #AAAAAA;
    }

.custom-checkbox {
    display: none;
}

.po-status-no{
    cursor:pointer;
}
.po-status-no div{
    cursor: pointer;
    border:1px solid grey;
    border-radius:12px;
    background-color:floralwhite;
}

.custom-checkbox:checked + .custom-checkbox-label:after {
    position: absolute;
    content: '';
    top: 12%;
    left: 6px;
    width: 6px;
    height: 10px;
    border: 2px solid #FFF;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    transform: rotate(45deg);
}

    .custom-checkbox:checked + .custom-checkbox-label:before {
        border: none;
        background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    }

/* custom checkbox v2*/

.custom-checkbox-v2 input[type="checkbox"] {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-checkbox-v2.ml-2 {
    margin-left: 2px !important;
}

.custom-checkbox-v2 input[type="checkbox"]:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    border: 3px solid #AAAAAA;
}

.custom-checkbox-v2 input[type="checkbox"]:checked:after {
    position: absolute;
    content: '';
    top: Calc(100% + 2px);
    left: 6px;
    width: 6px;
    height: 10px;
    border: 2px solid #FFF;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    transform: rotate( 45deg);
}

.custom-checkbox-v2 input[type="checkbox"]:checked:before {
    border: none;
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
}



/* Form control inputs */

.form-group,
ul {
    margin-bottom: 0;
}


.form-control-v1 {
    border-bottom: 0.7px solid #AAAAAA !important;
    border-top: 0.7px solid transparent !important;
    border-right: 0.7px solid transparent !important;
    border-left: 0.7px solid transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}


.form-control {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 18px;
}

.error-msg {
    font-size: 12px;
    line-height: 15px;
    color: #F00;
}

    .error-msg.error-msg-f-11 {
        font-size: 11px;
    }

/* Edge, chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.form-control:focus,
.form-select:focus,
textarea:focus {
    box-shadow: none !important;
}

textarea {
    overflow-y: hidden !important;
}

.form-group-input {
    position: relative;
}

label {
    margin-bottom: 0 !important;
}

.form-group-input label {
    position: absolute;
    top: 10px;
    left: 0;
    transition: all .3s ease;
    cursor: text;
    color: #AAAAAA;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    pointer-events: none;
}

.floating-input:focus ~ label,
.floating-input:not(:placeholder-shown) ~ label,
.has-content + label {
    top: -9px;
    font-size: 12px;
    line-height: 15px;
    left: 0;
    background: #fff;
}

/* Background */
.bg-mercury {
    background: #E5E5E5;
    /*background: #FFF;*/
    min-height: 100vh;
    /*height: 100%;*/
    padding: 0 0 20px;
}

bg-white {
    background: white;
}

.bg-light-grey {
    background: #E5E5E5;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-backdrop {
    background-color: grey;
}
/* Buttons */

.primary-btn {
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    color: #FFF !important;
}

.export-btn {
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    color: #FFF !important;
}

.btn:active,
.btn:focus {
    box-shadow: none;
}

.btn.primary-btn {
    font-family: 'Montserrat-Bold';
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 9px 20px;
}

    .btn.primary-btn.timesheet-primary-cta {
        margin-left: 15px;
    }

    .btn.primary-btn.timesheet-primary-cta,
    .btn.primary-btn.timesheet-secondary-cta {
        font-family: 'Montserrat-Semibold';
    }

    .btn.primary-btn.timesheet-secondary-cta {
        padding: 9px 24px;
        background: #FFF;
        color: #F2672D !important;
        border: 1px solid #F2672D;
    }

.sidebar::-webkit-scrollbar {
    width: 0; /* Remove scrollbar space */
    background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.sidebar::-webkit-scrollbar-thumb {
    background: #FF0000;
}



/* link */

.link:hover {
    color: unset;
    text-decoration: none;
}

.text-decoratation-underline {
    border-bottom: 1px solid #545454;
}

.cursor-pt {
    cursor: pointer;
}
/*=========================== LOGIN PAGE======================== */
.login {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.login-card {
    box-shadow: 0px 9px 20px 5px #101E730F;
    border-radius: 12px;
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
}

.login-card-left-panel {
    width: 60%;
    position: relative;
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .login-card-left-panel::before {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #DCDCDC;
    }

    .login-card-left-panel figure {
        margin: 0 0 52px;
    }

    .login-card-left-panel p {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;
        color: #545454;
    }

.login-card-right-panel {
    width: 40%;
    text-align: center;
}

    .login-card-right-panel h3 {
        font-family: 'Montserrat-Semibold';
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: #F37222;
    }

    .login-card-right-panel h2 {
        font-family: 'Montserrat-ExtraBold';
        font-size: 32px;
        font-weight: 700;
        line-height: 37px;
        color: #333333;
    }

    .login-card-right-panel p {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        color: #545454;
    }

    .login-card-right-panel .form-control.floating-input {
        font-family: Montserrat-Medium;
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        color: #444444;
    }

    .login-card-right-panel .logo {
        width: 204px;
        height: auto;
        margin: 0 auto;
    }


    .login-card-right-panel .login-form {
        width: 65%;
        margin: 0 auto;
    }


    .login-card-right-panel .btn.primary-btn {
        width: 100%;
    }

    .login-card-right-panel .forgot-pswd {
        font-family: 'Montserrat-Medium';
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
        color: #545454;
    }

.login-option {
    margin-bottom: 40px;
}

/*.login-option .custom-radio label {
        position: relative;
        display: inline-block;
        color: #AAAAAA;
        font-family: 'Montserrat-Medium';
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        padding: 0 10px;
        cursor: pointer;
        transition: all .3s ease;
    }

    .login-option .custom-radio input[type="radio"] {
        display: none;
    }

        .login-option .custom-radio input[type="radio"]:checked + label {
            color: #EB5757;
        }

            .login-option .custom-radio input[type="radio"]:checked + label::before {
                position: absolute;
                content: '';
                width: 100%;
                height: 3px;
                left: 50%;
                top: 25px;
                transform: translateX(-50%);
                border-radius: 1px;
                background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
            }

    .login-option .custom-radio label:first-of-type {
        margin-right: 20px;
    }*/

.login-card-right-panel .field_icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* hide eye icon */
input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
    display: none;
}

/*======================================= Employee Module ===============================================*/

/*================= Timesheet Video =============================*/

/*style for video modal box  */
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    padding: 5px;
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
}

.instruction-video-control {
    max-width: 900px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: left;
}

    .instruction-video-control .custom-checkbox-label {
        font-family: 'Montserrat-Medium';
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }

.image-cta {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 36px;
    width: 36px;
    padding: 5px;
    background: #FFF;
    border-radius: 50px;
    z-index: 1;
    transition: all .3s ease;
}

    .image-cta:hover {
        transform: rotate(180deg);
    }

/*================ Navigation Bar ==========================*/
.header {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background: #FFF;
    position: relative;
    z-index: 999;
}

    .header nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 0;
    }

        .header nav .logo {
            display: inline-block;
            width: 108px;
            height: auto;
            padding: 15px 0;
            margin-right: 30px;
        }



        .header nav .nav-list {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 70%;
        }


    .header .nav-item {
        position: relative;
        color: #8D8D8D;
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        padding: 27px 5px;
    }

        .header .nav-item:hover {
            background: #EB57571C;
        }

        .header .nav-item:hover {
            text-decoration: none;
        }

    .header .nav-link.active .nav-item {
        color: #EB5757;
        font-family: 'Montserrat-Medium';
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
    }

        .header .nav-link.active .nav-item::before {
            position: absolute;
            content: '';
            width: 100%;
            left: 0;
            top: 97%;
            height: 4px;
            border-radius: 1px;
            background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
        }

    .header .user-profile {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 18px;
        cursor: pointer;
        margin-left: auto;
    }

        .header .user-profile .user-profile-img {
            margin-right: 12px;
            width: 40px;
            height: 40px;
            border-radius: 50px;
            overflow: hidden;
        }

        .header .user-profile .user-name {
            color: #333333;
            font-family: 'Montserrat-Medium';
            font-size: 14px;
            font-weight: 500;
            line-height: 21px;
        }

        .header .user-profile::before {
            position: absolute;
            content: '';
            right: 0px;
            top: 40%;
            transform: translateY(-50%) rotate( -45deg);
            width: 8px;
            height: 8px;
            border-width: 2px;
            border-color: transparent transparent #000 #000;
            border-style: solid;
            transition: all .3s ease;
        }

        .header .user-profile.open::before {
            transform: rotate(-225deg);
        }

        .header .user-profile .user-profile-menu {
            display: none;
        }

        .header .user-profile.open .user-profile-menu {
            display: block;
            position: absolute;
            top: 50px;
            left: 0;
            width: 174px;
            box-shadow: 0px 0px 4px 0px #00000029;
            background: #FFF;
            z-index: 999;
            animation-name: fadeIn;
            animation-timing-function: ease;
            animation-fill-mode: forwards;
            animation-duration: 0.5s;
        }

        .header .user-profile .user-profile-menu a {
            display: flex;
            padding: 7px 10px;
        }

        .header .user-profile .user-profile-menu span {
            font-family: 'Montserrat-Regular';
            font-size: 14px;
            line-height: 18px;
            color: #444444;
            display: inline-block;
            vertical-align: middle;
        }

        .header .user-profile .user-profile-menu a:hover {
            background: #EB57571C;
        }

/*============== Update profile =====================*/
.modal-md-v2 {
    max-width: 430px !important;
    width: 100% !important;
}


.close-modal {
    position: absolute;
    /*top: 5px;*/
    top: 10px;
    right: 10px;
    z-index: 22;
}



.update-profile-container {
    max-width: 290px;
    margin: 0 auto;
}

.profile-pic {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 25px auto 32px;
    border-radius: 50px;
}

    .profile-pic img {
        border-radius: 50px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.update-profile-container p {
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    line-height: 15px;
    color: #666666;
}


.profile-pic .upload-cta {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url('../images/nav/edit-cta.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.full-width-cta {
    width: 100%;
}

/*============= View Profile ==================*/

.view-profile .view-profile-container {
    padding: 10px;
}

    .view-profile .view-profile-container .profile-image {
        width: 125px;
        height: 125px;
        border-radius: 50px;
        margin: 0 auto 35px;
    }

        .view-profile .view-profile-container .profile-image img {
            border-radius: 100%;
        }

    .view-profile .view-profile-container p,
    .view-profile .view-profile-container span {
        font-family: 'Montserrat-Regular';
        font-weight: 400;
    }

    .view-profile .view-profile-container span {
        display: block;
        font-size: 12px;
        line-height: 15px;
        color: #AAAAAA;
    }

    .view-profile .view-profile-container p {
        font-size: 14px;
        line-height: 18px;
        color: #444444;
    }

    .view-profile .view-profile-container .skills-list {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .view-profile .view-profile-container .custom-badge {
        border-radius: 48px;
        padding: 5px 15px;
        display: flex;
        align-items: center;
        margin: 0 10px 10px 0;
    }

        .view-profile .view-profile-container .custom-badge p {
            font-family: 'Montserrat-Bold';
            font-size: 10px;
            line-height: 12px;
        }

        .view-profile .view-profile-container .custom-badge .rating {
            margin-left: 10px;
            display: flex;
            align-items: center;
        }

i {
    display: inline-block;
    vertical-align: middle;
}

.view-profile .view-profile-container .custom-badge .star {
    background: url('../images/nav/star.svg') no-repeat center;
    background-size: contain;
    width: 19px;
    height: 19px;
    margin-right: 4px;
}

.view-profile .view-profile-container .custom-badge .rating-value {
    color: #000000;
}

.custom-badge.sundown {
    background: #FFB5B5;
    width: fit-content;
}

    .custom-badge.sundown .skill-name {
        color: #6C2222;
    }

.custom-badge.melrose {
    background: #B5BCFF;
}

    .custom-badge.melrose .skill-name {
        color: #252D7C;
    }

.custom-badge.peach {
    background: #FFEAB5;
}

    .custom-badge.peach .skill-name {
        color: #705719;
    }

.custom-badge.aero-blue {
    background: #B5FFE0;
}

    .custom-badge.aero-blue .skill-name {
        color: #19734D;
    }

/* ============= Add Timesheet ========================== */

.notify-emp .modal-body h3 {
    font-family: 'Montserrat-Semibold';
    font-size: 22px;
    line-height: 26px;
    margin: 10px 0;
    padding: 30px 20px;
    text-align: center;
}

.notify-emp .modal-body .record {
    color: #F2672D;
}

.modal-sm-v1 {
    max-width: 430px !important;
    width: 100% !important;
}

.timesheet-radio {
    /*max-width: 300px;*/
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    background: #FFF;
    overflow: hidden;
    padding: 4px;
    border-radius: 4px;
    box-shadow: 0px 9px 20px 0px #101E730F;
}

    .timesheet-radio input {
        display: none;
    }

    .timesheet-radio label {
        position: relative;
        font-family: 'Montserrat-Medium';
        font-size: 14px;
        line-height: 24px;
        color: #8D8D8D;
        padding: 6px 14px;
        cursor: pointer;
        border-radius: 4px;
        transition: all .2s ease;
    }

@keyframes slideLeft {
    0% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}


.timesheet-radio input:checked ~ label {
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    color: #FFF;
    animation-name: slideLeft;
    animation-timing-function: ease;
    animation-duration: 0.5s;
}


/*--- Timesheet Table ---*/

.table-container {
    overflow: hidden;
    margin-bottom: 65px;
    /*box-shadow: 0px 9px 20px 0px #101E730F;*/
    /*border-radius: 8px;*/
}


.timesheet-table {
    table-layout: auto;
    width: 100%;
    margin-bottom: 0 !important;
}

    .timesheet-table thead,
    .thead {
        background: #FFEFEF;
    }

    .timesheet-table .thead th {
        text-align: left;
    }

    .timesheet-table th {
        font-family: 'Montserrat-Semibold';
        font-size: 14px;
        line-height: 20px;
        color: #444444;
        text-align: left;
        border-bottom: 1px solid #DBDDE0 !important;
        padding: 10px !important;
        vertical-align: top !important;
    }

    .timesheet-table tr,
    .timesheet-table td {
        border: 0.5px solid #E8E8E8 !important;
    }

    .timesheet-table tbody td {
        background: #FFF;
        overflow-wrap: break-word;
        vertical-align: middle !important;
    }

.cust-table-pad tbody td {
    padding: 8px !important;
}

.timesheet-table .form-control-select,
.timesheet-table .form-control-text {
    border: none !important;
    -moz-appearance: auto;
    -webkit-appearance: auto;
    appearance: auto;
}

.numberonly::-webkit-outer-spin-button,
.numberonly::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.numberonly {
    -moz-appearance: textfield !important;
}

/* Task description*/
.timesheet-table .task-des {
    resize: none;
}

.timesheet-table .form-control {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 16px;
    color: #444444;
}

.SumoSelect > .CaptionCont > span.placeholder {
    font-family: 'Montserrat-Regular';
    font-size: 14px !important;
    line-height: 16px !important;
    color: #444444 !important;
    font-style: normal !important;
}


.timesheet-table .ipfield {
    width: 100%;
    margin: 0 auto;
}

.emp.timesheet-add .form-control {
    padding: 0 5px !important;
}

.emp.timesheet-add {
    table-layout: fixed;
}

    .emp.timesheet-add th.project-select {
        width: 15%;
    }

    .emp.timesheet-add th.work-type {
        width: 13%;
    }

    .emp.timesheet-add th.task-desc {
        width: 15%;
    }

    .emp.timesheet-add th.task-type {
        width: 15%;
    }

    .emp.timesheet-add th.work-count {
        width: 9%;
        text-align: center;
    }

    .emp.timesheet-add th.work-hours {
        width: 7%;
    }

.emp.timesheet-table .txtHours:first-child {
    text-align: right;
}


.emp.timesheet-add .status {
    width: 11%;
}

.emp.timesheet-add th.comments-column {
    width: 15%;
    -webikit-appearance: none;
    overflow-y: hidden;
    appearance: none;
}


/* Timesheet view emp*/
.emp .view-date {
    width: 8%;
}

.emp .view-project-name {
    width: 11%;
}

.emp .view-work-type {
    width: 9%;
}

.emp .view-task-desc {
    width: 18%;
}

.emp .view-task-type {
    width: 10%;
}

.emp .view-work-count {
    width: 9%;
}

.emp .view-hours {
    width: 6%;
}

.emp .view-status {
    width: 10%;
}

.emp .view-comments {
    width: 15%;
}

.emp .view-edit {
    width: 4%;
}


/* add new task cta */

.icon-with-text-cta {
    padding: 7px 7px 10px;
    box-shadow: 0px 0px 4px 0px #00000026;
    border-radius: 3px;
    transition: all .3s ease;
}

    .icon-with-text-cta span {
        font-family: 'Montserrat-Medium';
        font-size: 14px;
        line-height: 16px;
        color: #444444;
        transition: all .3s ease;
    }

.timesheet-add-note {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 18px;
    color: #545454;
}

    .timesheet-add-note span {
        font-family: 'Montserrat-Semibold';
    }


.plus-icon {
    background: url('../images/Timesheet Add/plus-icon-dark.svg') no-repeat center;
    background-size: contain;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    transition: all .3s ease;
}

.icon-with-text-cta:hover {
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
}

    .icon-with-text-cta:hover span {
        color: #FFF;
    }

    .icon-with-text-cta:hover .plus-icon {
        background: url('../images/Timesheet Add/plus-icon-light.svg') no-repeat center;
    }

/* ============== View Timessheet ========================= */

/* datepicker */
.datepicker-fields {
    display: flex;
}

    .datepicker-fields .form-control {
        padding: 20px !important;
        /*border-bottom: none !important;*/
        font-family: 'Montserrat-Semibold';
        color: #333333;
        font-size: 14px;
        line-height: 18px;
        border-radius: 4px !important;
    }

.b-datepicker-parent {
    position: relative;
}

    .b-datepicker-parent .ui-datepicker-trigger {
        position: absolute;
        top: 72%;
        transform: translateY(-50%);
        right: 10px;
        cursor: pointer;
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

.ui-widget-header {
    background: transparent !important;
    border: none !important;
    margin-bottom: 10px;
}

.ui-widget.ui-widget-content {
    max-width: 220px;
    font-family: Montserrat-Regular;
    box-shadow: 0px 2px 4px 0px #00000029;
    border: none;
    /*z-index: 99 !important;*/
    z-index: 1051 !important;
}

.ui-datepicker-month,
.ui-datepicker-year {
    background: #FFF;
    margin: 0 2px !important;
    padding: 6px;
    border-radius: 4px;
}

.ui-datepicker-calendar td {
    border: none !important;
}

.ui-datepicker-calendar th {
    font-size: 12px;
}

.ui-datepicker-calendar td .ui-state-default {
    text-align: center;
    font-size: 12px;
    background: #F8F8F8;
    margin: 4px;
    padding: 4px 2px;
    border-radius: 5px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
    top: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
    right: 2px;
}

.ui-datepicker-calendar td .ui-state-default.ui-state-highlight {
    background: #F00;
    color: #FFF;
}

.ui-datepicker-calendar .ui-state-disabled .ui-state-default {
    background: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #FFF;
    border: none;
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        background: #00F !important;
        border: none;
    }

.ui-icon-circle-triangle-e {
    background: url('../images/datepicker/right-arrow.svg') no-repeat center !important;
}

.ui-icon-circle-triangle-w {
    background: url('../images/datepicker/left-arrow.svg') no-repeat center !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background: #E5E5E5;
    border: none;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: #E5E5E5;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    border-radius: 50px;
}

.ui-datepicker .ui-datepicker-title select {
    background: #E5E5E5;
    font-size: 14px;
    padding: 5px 2px;
    border: none;
}

    .ui-datepicker .ui-datepicker-title select:focus {
        outline: none;
    }


.records-badge {
    position: relative;
    background: #E2FFE8;
    box-shadow: 0px 0px 10px 0px #0000001a;
    width: fit-content;
    padding: 5px 35px 5px 20px;
    border-radius: 20px;
    color: #137E2C;
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    line-height: 20px;
}

    .records-badge .close {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
    }

.t-hours {
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    line-height: 16px;
    color: #444444;
}


.flat-cta {
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    line-height: 16px;
    color: #444444;
    padding: 7px 27px;
    box-shadow: 0px 0px 4px 0px #00000026;
    border: none;
    border-radius: 3px;
    background: #FFFFFF !important;
}

.timesheet-view table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.timesheet-view tbody td {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 16px;
    color: #444444;
    text-align: left;
    width: 100%;
}

.timesheet-view tbody td,
.timesheet-view thead th {
    border: none !important;
    width: 100%;
    vertical-align: middle !important;
}

.timesheet-view .table-border td {
    border: 0.5px solid #E8E8E8 !important;
}


.edit-cta,
.view-cta {
    background-size: contain;
    width: 16px;
    height: 20px;
    outline: none;
    border: none;
    cursor: pointer;
    padding: 15px;
    transition: all .1s ease;
}

.edit-cta {
    background: url('../images/Timesheet View/edit-icon.svg') no-repeat center;
    text-indent: -9999px;
    display: inline-block;
}

    .edit-cta:hover,
    .view-cta:hover {
        background-color: #F2672D !important;
        border-radius: 50px;
    }

    .edit-cta:hover {
        background: url('../images/Timesheet View/edit-icon-hover.svg') no-repeat center;
    }

.view-cta:hover {
    background: url('../images/view-icon-hover.png') no-repeat center;
}

.view-cta {
    display: inline-block;
    vertical-align: baseline;
    background: url(../images/view-icon.png) no-repeat center;
}


/* =========== Timesheet EDIT ================ */
.custom-modal-header {
    background: #FFEFEF;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

    .custom-modal-header h4 {
        font-family: 'Montserrat-Semibold';
        font-size: 16px;
        line-height: 24px;
        color: #444444;
        padding: 10px 0;
    }

.form-control-v2 {
    border: 1px solid #00000026 !important;
    box-shadow: 0px 0px 4px 0px #00000026;
    border-radius: 4px !important;
}

/*common form-select*/

.req-status .form-select {
    min-height: 43px !important;
    width:166px;
}

.form-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/icons/selectbox.svg) no-repeat,#FFF;
    background-position: 95% 50%;
    padding: 6px 30px 6px 10px !important;
    min-height: 32px;
}

.form-select.disabled{
    background-color:#E8E8E8;
    pointer-events:none;
}

.form-select.optiondisable{
    background-color:#E8E8E8;
    pointer-events:none;
}

.label-v1 {
    display: block;
    text-align: left;
    margin-bottom: 10px !important;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 18px;
    color: #8D8D8D;
}


.edit-timesheet .form-select,
.edit-timesheet .form-control {
    font-family: Montserrat-Semibold;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
}

.timesheet-secondary-cta-padding-v1 {
    width: 140px;
    padding: 10px 0 !important;
}

.edit-timesheet .modal-body p {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 16px;
    color: #444444;
}

.edit-timesheet .timesheet-radio {
    box-shadow: 0px 9px 20px 0px #101E730F,0px 0px 4px 0px #00000026;
    margin-right: auto;
    /*max-width: 225px;*/
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}



/* ===================================== ADMIN Module (ITHELPDESK) =========================================== */

.link-cta-v1 {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    background: none;
    border: none;
    outline: none;
    text-decoration: underline !important;
    line-height: 16px;
    color: #EB5757;
}

    .link-cta-v1:hover {
        color: #EB5757;
    }


/* Admin view table header */
.admin-view .admin-email-id {
    width: 17%;
}


.admin-view .admin-name {
    width: 15%;
}

.admin-view .admin-logged-in {
    width: 15%;
}

.admin-view .admin-mobile-no {
    width: 10%;
}

.admin-view .admin-password {
    width: 10%;
}

.admin-view .admin-type {
    width: 9%;
}

.admin-view .admin-rights {
    width: 10%;
}

.admin-view .admin-status {
    width: 7%;
}

.admin-view .th-checkbox {
    width: 3%;
}

.admin-view .admin-edit {
    width: 4%;
}

/*========= admin add ============= */

.custom-card-v1 {
    box-shadow: 0px 9px 20px 0px #101E730F;
    border-radius: 8px;
    background: #FFF;
    width: 100%;
    margin: 0 auto;
}

.SumoSelect, .SumoSelect .sumo-select {
    width: 100%;
}

.custom-card-sm {
    max-width: 376px;
    width: 100%;
    margin: 0 auto;
}

.custom-card-sm-v1 {
    width: 100%;
    margin: 0 auto;
}

    .custom-card-sm-v1.mw-750 {
        max-width: 750px;
    }

.custom-card-sm-v2 {
    max-width: 444px;
    width: 100%;
    margin: 0 auto;
}

.custom-card-header {
    background: #FFEFEF;
    padding: 10px 20px;
    text-align: center;
    border-radius: 8px 8px 0 0;
}

    .custom-card-header p {
        font-family: 'Montserrat-Semibold';
        font-size: 14px;
        line-height: 20px;
        color: #444444;
    }

.custom-card-body {
    padding: 24px 0;
}
/*dalip negi*/
.custom-modal {
    top: 0px;
    position: relative;
}

.form-control-v3 {
    border: 1px solid #00000026 !important;
    border-radius: 4px !important;
}

.form-group-sm {
    max-width: 316px !important;
    width: 100% !important;
    margin: 0 auto;
}

.form-group-sm-v1 {
    max-width: 400px !important;
    width: 100% !important;
    margin: 0 auto;
}

    .form-group-sm-v1.mw-100 {
        max-width: 100% !important;
    }

.custom-card-body .info-label {
    font-family: 'Montserrat-Regular';
    color: #444444;
    font-size: 14px;
    line-height: 16px;
}

/*=========== archive list ===============*/
.admin-view .archive-table {
    table-layout: fixed;
}

    .admin-view .archive-table .admin-name {
        width: 15%;
    }

    .admin-view .archive-table .admin-email-id {
        width: 19%;
    }

    .admin-view .archive-table .admin-mobile-no {
        width: 15%;
    }

    .admin-view .archive-table .admin-password {
        width: 15%;
    }

    .admin-view .archive-table .admin-type {
        width: 12%;
    }

    .admin-view .archive-table .admin-status {
        width: 12%;
    }

    .admin-view .archive-table .admin-restore {
        width: 12%;
    }

.flat-cta.restore {
    padding: 7px 12px;
    transition: all .3s ease;
}

    .flat-cta.restore:hover {
        color: #FFF;
        background-color: #499749d4 !important;
    }

    .flat-cta.restore:focus {
        box-shadow: 0px 0px 4px 0px #00000026 !important;
    }

/*============= Department ===============*/
.width-622 {
    width: 622px;
    margin: 0 auto;
}

.timesheet-secondary-cta-padding-v2 {
    padding: 10px 28px !important;
}

.admin-department .table {
    table-layout: fixed;
    margin-bottom: 0 !important;
}

.admin-department .department-checkbox {
    width: 6%;
}

.admin-department .department-name {
    width: 54%;
}

.admin-department .department-edit-view {
    width: 40%;
}

/*=========== add department ==========*/
.modal-sm-v2 {
    max-width: 376px !important;
    width: 100% !important;
}

.add-department .modal-body h3,
.edit-department .modal-body h3 {
    font-family: 'Montserrat-Semibold';
    font-size: 20px;
    line-height: 25px;
    color: #444444;
}
/*========== Add employee ============*/
.add-skills-and-rating tr:first-child {
    display: none;
}

.add-skills-and-rating tr td {
    display: block;
    border: none;
    padding: 0;
    margin-bottom: 8px;
}

/*========== department-list-view ===============*/
.view-department .modal-body {
    padding: 30px;
}

.view-department p {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 18px;
    color: #8D8D8D;
}

.view-department h3 {
    font-family: 'Montserrat-Semibold';
    font-size: 20px;
    line-height: 25px;
    color: #444444;
}

.view-department h5 {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    line-height: 20px;
    color: #444444;
}

.view-department .emp-list figure {
    width: 40px;
    overflow: hidden;
    height: 40px;
    border-radius: 50px;
}

.view-department .emp-list li {
    display: flex;
    align-items: center;
}

    .view-department .emp-list li span {
        font-family: 'Montserrat-Medium';
        font-size: 14px;
        line-height: 21px;
        margin-left: 15px;
        color: #333333;
    }

/*======== Update policy =============*/
.upload-icon {
    background-image: url(../images/Doc-upload/doc-upload-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 9px;
}

.doc-upload-card .custom-card-body {
    padding: 24px 25px;
}

.upload-area {
    position: relative;
    width: 285px;
    display: flex;
    align-items: center;
    background: #F3F4F8;
    padding: 10px 16px;
    border: 0.5px dashed #8D8D8D;
    border-radius: 4px;
}

    .upload-area.active {
        border: 0.5px solid #8D8D8D;
        background: none;
    }

    .upload-area .upload-area__preupload {
        display: flex;
        align-items: center;
    }

    .upload-area .upload-area__postupload span {
        font-family: 'Montserrat-Semibold';
        font-size: 14px;
        line-height: 20px;
        color: #333333;
    }

    .upload-area .upload-area__preupload span {
        font-family: 'Montserrat-Regular';
        font-size: 12px;
        line-height: 20px;
        color: #666666;
    }

.absolute-doc-upload-cta {
    position: absolute;
    top: 50%;
    right: -50%;
    transform: translate(-50%,-50%);
}

.custom-doc-upload-ip {
    display: none;
}

/*========================= Employee View ==================================*/
.filter-cta {
    position: relative;
    background: #FFF;
    border: 1px solid #F2672D;
    padding: 10px 20px;
    color: #F2672D;
    border-radius: 4px;
    z-index: 1;
}

    .filter-cta:hover {
        color: #F2672D;
    }

    .filter-cta span {
        font-family: 'Montserrat-Semibold';
        font-size: 16px;
        line-height: 20px;
    }

.filter-icon {
    background: url('../images/fiter-icon.png') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    transition: all .3s ease;
}

.filter {
    margin-right: 40px;
}

.search {
    width: 300px;
    position: relative;
    z-index: 4;
}

    .search .form-control-v1 {
        padding: 0 30px 0 0 !important;
        background: none;
    }

    .search .search-cta {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        background: url(../images/search-icon.svg) no-repeat center;
        background-size: contain;
        width: 16px;
        height: 16px;
        border: none;
        z-index: 5;
        cursor: default;
    }

.download-sample {
    position: relative;
    padding: 7px 10px;
    background: #FFF;
    border: none;
    box-shadow: 0px 0px 4px 0px #00000026;
    border-radius: 3px;
}

.download-icon {
    background: url('../images/download-icon.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.download-sample span {
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    line-height: 16px;
    color: #444444;
    display: inline-block;
    vertical-align: middle;
}

.emp-list-upload {
    margin-right: -25px;
}

    .emp-list-upload .absolute-doc-upload-cta {
        right: -42%;
    }

.emp-view .emp-mobile-no {
    width: 10%;
}

.emp-view .emp-password {
    width: 10%;
}

.emp-view .emp-department {
    width: 10%;
}

.emp-view .emp-logged-in {
    width: 15%;
}

.emp-view .emp-name {
    width: 12%;
}

.emp-view .emp-rm {
    width: 12%;
}

.emp-view .emp-status {
    width: 8%;
}

.emp-view .emp-email {
    width: 13%;
}

.emp-view .emp-edit-view {
    width: 7%;
}

.emp-view .emp-view-checkbox {
    width: 3%;
}

/*==== view Employee ======*/
.view-emplyoee-detail .modal-body {
    padding: 15px 30px;
}

    .view-emplyoee-detail .modal-body .emp-details .active {
        color: #219653;
    }

    .view-emplyoee-detail .modal-body .emp-details .inactive {
        color: #F00;
    }

    .view-emplyoee-detail .modal-body figure {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        overflow: hidden;
        margin: 0 auto;
    }

.view-emplyoee-detail .emp-details li {
    margin: 0 0 12px;
}

.view-emplyoee-detail .modal-body h3 {
    font-family: 'Montserrat-Bold';
    font-size: 20px;
    line-height: 25px;
    color: #444444;
}

.view-emplyoee-detail .emp-details span {
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    line-height: 15px;
    color: #8D8D8D;
    margin-bottom: 6px;
}

.view-emplyoee-detail .emp-details p {
    font-family: 'Montserrat-Semibold';
    font-size: 16px;
    line-height: 20px;
    color: #444444;
    overflow-wrap: break-word;
}

.employee-container {
    position: relative;
    overflow-x: hidden;
}

.sidebar {
    position: fixed;
    left: -100%;
    top: 0;
    overflow-y: auto;
    width: 275px;
    background: #FFF;
    height: 100%;
    z-index: 9;
    box-shadow: 0px 2px 8px 0px #0000001E;
    padding: 60px 20px 20px;
    transition: all .3s ease;
}

    .sidebar .sticky-container {
        position: sticky;
        top: 0;
        background: #FFFF;
        z-index: 10;
        padding: 20px 0 10px 0;
    }

    .sidebar.active {
        left: 0;
    }

    .sidebar .filter-text span {
        font-family: 'Montserrat-Bold';
        font-size: 18px;
        line-height: 22px;
        color: #333333;
    }

    .sidebar .clearall-cta {
        font-family: 'Montserrat-Semibold';
        font-size: 12px;
        line-height: 15px;
        color: #EB5757;
    }

    .sidebar .heading-text {
        position: relative;
        font-family: 'Montserrat-Semibold';
        font-size: 16px;
        line-height: 20px;
        color: #333333;
    }

        .sidebar .heading-text:after {
            position: absolute;
            content: '';
            width: 100%;
            height: 1px;
            background: #DCDCDC;
            left: 0;
            top: Calc(100% + 5px);
        }

    .sidebar .list {
        margin-top: 20px;
    }

/* Custom radio button v1 */
.custom-radio-input-v1 {
    appearance: none;
    -webkit-appearance: none;
}

.custom-radio-label-v1 {
    position: relative;
    cursor: pointer;
}

    .custom-radio-label-v1 span {
        font-family: 'Montserrat-Regular';
        font-size: 14px;
        line-height: 24px;
        color: #666666;
        margin-left: 30px;
        display: inline-block;
    }


    .custom-radio-label-v1::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 22px;
        height: 22px;
        border: 2px solid #B7B7B7;
        border-radius: 50px;
        transition: all .1s ease;
    }

.custom-radio-input-v1:checked + .custom-radio-label-v1::before {
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    border: 2px solid transparent;
}

.custom-radio-input-v1:checked + .custom-radio-label-v1::after {
    position: absolute;
    /*top: 37%;*/
    top: calc(0px + 8px);
    left: 8px;
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    border: 2px solid #FFF;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    transform: translateY(-50%) rotate( 45deg);
    transition: all .1s ease;
}

.custom-radio-input-v1:checked + .custom-radio-label-v1 span {
    font-family: 'Montserrat-Medium';
    color: #333333;
}

.sidebar .list li {
    margin-bottom: 10px;
}

.sidebar .see-more {
    display: block;
    text-align: center;
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    line-height: 20px;
    color: #EB5757;
}

    .sidebar .see-more:hover {
        color: #EB5757;
    }

/*============================== Delivery Operations Module ============================*/

/*--- View project page -----*/
/*.view-project .project-desc { width: 10%;}*/
/*.view-project .project-lupdate { width: 8%;}*/
.view-project .project-name {
    width: 10%;
}

.view-project .project-hours {
    width: 10%;
}

.view-project .project-members {
    width: 10%;
}

.view-project .project-domain {
    width: 9%;
}

.view-project .project-update {
    width: 9%;
}

.view-project .project-status {
    width: 9%;
}

.view-project .project-type {
    width: 9%;
}

.view-project .project-invoice {
    width: 8%;
}

.view-project .project-sdate {
    width: 9%;
}

.view-project .project-edate {
    width: 9%;
}

.view-project .project-checkbox {
    width: 3%;
}

.view-project .project-edit {
    width: 5%;
}

/*---- View project archive list page -----*/
/*.view-project-archive .project-lupdate {width: 7%;}*/
/*.view-project-archive .project-desc {  width: 5%;}*/
.view-project-archive .project-name {
    width: 10%;
}

.view-project-archive .project-domain {
    width: 10%;
}

.view-project-archive .project-sdate {
    width: 10%;
}

.view-project-archive .project-members {
    width: 10%;
}

.view-project-archive .project-status {
    width: 9%;
}

.view-project-archive .project-update {
    width: 9%;
}

.view-project-archive .project-hours {
    width: 9%;
}

.view-project-archive .project-edate {
    width: 9%;
}

.view-project-archive .project-type {
    width: 9%;
}

.view-project-archive .project-invoice-type {
    width: 7%;
}

.view-project-archive .project-restore {
    width: 8%;
}

/*====== Project Add =========*/
.mw-954 {
    max-width: 954px;
    margin: 0 auto;
}


.add-new-field-ip {
    position: relative;
}

    .add-new-field-ip .form-control-v3 {
        padding: 6px 40px 6px 10px;
    }

    .add-new-field-ip .add-new-field-cta {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        border: none;
        background: transparent;
        font-size: 20px;
        color: #444444;
        border-left: 1px solid #E8E8E8;
        padding: 0 5px 0 10px;
    }

.resize-none {
    resize: none;
}
/*table*/
.admin-project-add .department {
    width: 20%;
}

.admin-project-add .team {
    width: 15%;
}

.admin-project-add .team-members {
    width: 15%;
}

.admin-project-add .estimated-hours {
    width: 14%;
}

.admin-project-add .start-date {
    width: 18%;
}

.admin-project-add .end-date {
    width: 18%;
}

.admin-project-add .table-container {
    overflow: visible;
}

.admin-project-add .table th {
    border: 1px solid #DBDDE0;
}

.SumoSelect .select-all {
    display: flex;
    align-items: center;
}

.timesheet-table .SumoSelect > .CaptionCont {
    border: 1px solid #ced4da;
}

.form-select.sumo-select {
    padding: 6px !important;
}

/*== Sprint Plan ==*/
.sprint-plan {
    max-width: 1039px;
    width: 100%;
    margin: 0 auto;
}

.sprint-plan-header h3 {
    font-family: 'Montserrat-Semibold';
    font-size: 20px;
    line-height: 20px;
    color: #444444;
}

.sprint-plan-header .aspNetDisabled,
.sprint-checkbox {
    margin-right: 40px;
}

    .sprint-plan-header .aspNetDisabled label,
    .sprint-checkbox label {
        position: relative;
        font-family: 'Montserrat-Semibold';
        padding-left: 25px;
        font-size: 14px;
        line-height: 16px;
        color: #333;
    }

    .sprint-plan-header .aspNetDisabled input[type="checkbox"],
    .sprint-checkbox input[type="checkbox"] {
        display: none;
    }

    .sprint-plan-header .aspNetDisabled label:before,
    .sprint-checkbox label:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 0;
        width: 18px;
        height: 18px;
        border: 3px solid #AAAAAA;
        transform: translateY(-50%);
    }

    .sprint-plan-header .aspNetDisabled input[type="checkbox"]:checked ~ label:after,
    .sprint-checkbox input[type="checkbox"]:checked ~ label:after {
        position: absolute;
        content: '';
        top: Calc(100% - 15px);
        left: 6px;
        width: 6px;
        height: 10px;
        border: 2px solid #FFF;
        border-left: 2px solid transparent;
        border-top: 2px solid transparent;
        transform: rotate( 45deg);
    }


    .sprint-plan-header .aspNetDisabled input[type="checkbox"]:checked ~ label:before,
    .sprint-checkbox input[type="checkbox"]:checked ~ label:before {
        border: none;
        background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    }

.sprint-plan-card {
    padding: 24px;
    box-shadow: 0px 9px 20px 0px #101E730F;
    background: #FFF;
    border-radius: 8px;
}

    .sprint-plan-card .common-subheading {
        font-family: 'Montserrat-Semibold';
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 10px;
    }

    .sprint-plan-card .sprint-plan-checkbox {
        display: block;
        padding-top: 7px;
    }

.sprint-plan-table {
    table-layout: fixed;
}

    .sprint-plan-table th, .sprint-plan-table td {
        border: none;
    }

    /*--sprint table--*/
    .sprint-plan-table .checkbox {
        width: 4%;
    }

    .sprint-plan-table .sprint-no,
    .sprint-plan-table .sprint-type,
    .sprint-plan-table .sprint-status {
        width: 32%;
    }

    .sprint-plan-table .form-control {
        font-family: Montserrat-Semibold;
        font-size: 14px;
        line-height: 18px;
        color: #333333;
    }


.form-control:disabled {
    background-color: #e9ecef;
    /*background-color: #fff8f8;*/
    opacity: 1;
}


.sprint-plan-table .form-control[disabled] {
    color: #8D8D8D;
}

.custom-radio-label-v2 {
    padding-left: 25px;
    position: relative;
    font-family: 'Montserrat-Medium';
    font-size: 14px;
    line-height: 22px;
    color: #8D8D8D;
    display: inline-block;
    vertical-align: middle;
}

.custom-radio-ip-v2 {
    display: none;
}

.custom-radio-label-v2:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    border: 2px solid #8D8D8D;
    width: 20px;
    height: 20px;
    border-radius: 50px;
}

.custom-radio-ip-v2:checked ~ .custom-radio-label-v2:after {
    position: absolute;
    top: 4px;
    left: 4px;
    content: '';
    width: 12px;
    height: 12px;
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    border-radius: 50px;
}

.custom-radio-ip-v2:checked ~ .custom-radio-label-v2 {
    font-family: 'Montserrat-Medium';
    color: #333333;
}

.sprint-input,
.sprint-input:focus {
    width: 54px;
    border: 1px solid #333333;
}

.sprint-cta,
.sprint-cta:focus,
.sprint-cta:active {
    font-family: 'Montserrat-Regular';
    box-shadow: 0px 0px 4px 0px #00000026 !important;
    background: #FFF;
    border: none;
    padding: 8px 10px;
    color: #444;
    font-size: 24px;
    line-height: 16px;
}

.sprint-plan .note {
    font-family: 'Montserrat-Semibold';
    font-size: 16px;
    line-height: 20px;
    color: #444;
}

.comments {
    height: 30px;
}

/*========= Dropdwon for Delivery operations timesheet =============*/
.dropdown-timesheet {
    position: relative;
}

    .dropdown-timesheet .nav-item {
        position: relative;
        padding: 27px 20px 27px 5px;
    }

        .dropdown-timesheet .nav-item::before {
            position: absolute;
            content: '';
            right: 5px;
            top: 45%;
            transform: translateY(-50%) rotate(-45deg);
            width: 8px;
            height: 8px;
            border-width: 2px;
            border-color: transparent transparent #8D8D8D #8D8D8D;
            border-style: solid;
            transition: all .3s ease;
        }


        .dropdown-timesheet .nav-item.active {
            color: #EB5757;
            font-family: 'Montserrat-Medium';
            background: #EB57571C;
        }

            .dropdown-timesheet .nav-item.active::before {
                transform: rotate(-225deg);
            }

.timesheet-list {
    width: 240px;
    display: none;
    position: absolute;
    top: Calc(100% + 10px);
    left: 20px;
    transform: translateY(-20px);
    box-shadow: 0px 0px 4px 0px #00000029;
    background: #FFF;
    transition: all .1s ease;
    padding-left: 0 !important;
}


    .timesheet-list.open {
        display: block;
        z-index: 999;
        opacity: 0;
        animation-name: fadeIn;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        animation-duration: 0.5s;
    }

@keyframes fadeIn {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.timesheet-list .timesheet-item {
    display: block;
    color: #8D8D8D;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 7px 10px;
    transition: all .2s ease;
}

    .timesheet-list .timesheet-item:hover {
        background: #EB57571C;
    }

    .timesheet-list .timesheet-item.active {
        position: relative;
        color: #EB5757;
        font-family: 'Montserrat-Medium';
        background: #EB57571C;
    }


/*========================= New Custom Style Start ==========================*/
.checkbox-md input[type="checkbox"] {
    width: 20px;
    height: 15px;
    vertical-align: middle;
    margin-right: 10px;
}

input:focus, select:focus, textarea:focus {
    box-shadow: none !important;
}

.searchCta {
    object-fit: contain;
    vertical-align: middle;
}

/*Custom dropdown*/
.custom-dropdown {
    width: 100%;
    transition: all .4s ease;
    position: relative;
}

.custom-dropdown-option-list {
    display: none;
}

.custom-dropdown.open .custom-dropdown-option-list {
    display: block;
    margin-bottom: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    z-index: 3;
}

.custom-dropdown-selectedOption,
.custom-dropdown-option {
    padding: 6px 10px;
    border: 1px solid #ddd;
}


    .custom-dropdown-selectedOption.disabled {
        background-color: #e9ecef;
        opacity: 1;
    }

.custom-dropdown-selectedOption {
    position: relative;
    padding: 6px 45px 6px 10px;
    border-radius: 4px;
}

    .custom-dropdown-selectedOption:before {
        position: absolute;
        content: '';
        top: 45%;
        right: 20px;
        transform: translateY(-50%) rotate(-45deg);
        border: 2px solid #000;
        width: 8px;
        height: 8px;
        border-top: 1px solid transparent;
        border-right: 1px solid transparent;
    }

.custom-dropdown.open .custom-dropdown-selectedOption.disabled:before {
    transform: translateY(-50%) rotate(-45deg);
}

.custom-dropdown.open .custom-dropdown-selectedOption:before {
    transform: rotate(133deg);
}

.custom-dropdown-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s ease;
    background: #FFF;
    cursor: pointer;
}

.custom-dropdown-option-list .custom-dropdown-option:hover {
    background: #eee;
}

.custom-dropdown-option p {
    margin-bottom: 0;
}

.custom-dropdown-option span {
    width: 30px;
    height: 20px;
    display: inline-block;
}

.custom-dropdown-option .gray {
    background: grey;
}

.custom-dropdown-option .red {
    background: red;
}

.custom-dropdown-option .green {
    background: #008000;
}

.custom-dropdown-option .blue {
    background: #0000FF;
}

.custom-dropdown-option .orange {
    background: #FFA500;
}

.custom-dropdown-option .purple {
    background: #800080;
}

.custom-dropdown-option .yellow {
    background: #FFFF00;
}

.custom-dropdown-option .light-brown {
    background: #C4A484;
}


/*============ Report =============================*/
.report .common-subheading {
    font-family: 'Montserrat-Medium';
    font-size: 20px;
    line-height: 24px;
    color: #444444;
}

/*Employee Report table*/
.employee-report .comments {
    width: 25%;
}

.employee-report .task {
    width: 20%;
}

.employee-report .project-name {
    width: 15%;
}

.employee-report .date {
    width: 10%;
}

.employee-report .task-type {
    width: 10%;
}

.employee-report .task-status {
    width: 10%;
}

.employee-report .hours {
    width: 10%;
}

/*Report table*/
.report-table td {
    border: none;
    background: #FFF !important;
}

.report-table .table {
    table-layout: fixed;
}

    .report-table .table tr {
        border: 0.5px solid #E8E8E8;
    }

.report-table th {
    font-family: 'Montserrat-Semibold';
    font-size: 14px;
    line-height: 20px;
    color: #444444;
    border-bottom: 1px solid #DBDDE0 !important;
    padding: 10px !important;
}

.report-table td {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 16px;
    color: #444444;
    text-align: left;
    overflow-wrap: break-word;
}

/*MRM Report table*/
.mrm-report .task {
    width: 30%;
}

.mrm-report .emp-name {
    width: 15%;
}

.mrm-report .hours {
    width: 15%;
}

.mrm-report .department-name {
    width: 15%;
}

.mrm-report .task-type {
    width: 15%;
}

.mrm-report .date {
    width: 10%;
}

/*Utilisation report*/
.uti-report {
    max-width: 956px;
    margin: 0 auto;
}

    .uti-report .org,
    .uti-report .hours {
        width: 20%;
    }

    .uti-report .billable,
    .uti-report .non-billable,
    .uti-report .other,
    .uti-report .bench {
        width: 15%;
    }

/* Project report */
.p-report td,
.ef-report td {
    background: transparent !important;
}

.p-report .table td,
.ef-report .table td {
    background: #FFF !important;
    border: 0.5px solid #DBDDE0;
}

/* Department wise Project Report */
.p-report .p-name {
    width: 20%;
}

.p-report .p-hours,
.p-report .p-util-hours,
.p-report .p-rem-hours,
.p-report .p-status,
.p-report .p-internal-dr,
.p-report .p-external-dr,
.p-report .p-billable,
.p-report .p-type {
    width: 10%;
}


.p-report .pd-name, .p-report .pdt-name {
    width: 28%;
}

.p-report .pd-hours, .p-report .pdt-hours,
.p-report .pd-util-hours, .p-report .pdt-util-hours .p-report .pd-rem-hours, .p-report .pdt-rem-hours .p-report .pd-status, .p-report .pdt-status .p-report .pd-internal-dr, .p-report .pdt-internal-dr .p-report .pd-external-dr, .p-report .pdt-external-dr {
    width: 12%;
}


/*Efficiency report */

.ef-report .dtm-name,
.ef-report .dtm-new-work-count,
.ef-report .dtm-new-work-ef-count,
.ef-report .dtm-rework-count,
.ef-report .dtm-rework-ef-count {
    width: 20%;
}

/*=========== TL/PMO Login =============*/

/* timesheet add TL/PMO */
.emp.emp-tp.timesheet-add th.project-select {
    width: 20%;
}

.emp.emp-tp.timesheet-add th.work-type {
    width: 15%;
}

.emp.emp-tp.timesheet-add th.task-desc {
    width: 20%;
}

.emp.emp-tp.timesheet-add th.work-hours {
    width: 10%;
}

.emp.emp-tp.timesheet-add th.status {
    width: 15%;
}

.emp.emp-tp.timesheet-add th.comments-column {
    width: 20%;
}

.emp.emp-tp.timesheet-table .txtHours:first-child {
    text-align: right;
}

/* timesheet view TL/PMO */
.emp-tp .view-date {
    width: 10%;
}

.emp-tp .view-project-name {
    width: 15%;
}

.emp-tp .view-work-type {
    width: 15%;
}

.emp-tp .view-work-desc {
    width: 15%;
}

.emp-tp .view-hours {
    width: 10%;
}

.emp-tp .view-status {
    width: 10%;
}

.emp-tp .view-comments {
    width: 20%;
}

.emp-tp .view-edit {
    width: 5%;
}

.modal-xl-v1 {
    max-width: 1126px;
    width: 100%;
}

.project-defect-rate-mdl .modal-body,
.project-utilization-mdl .modal-body {
    padding: 40px 20px;
}


/*====================================== Report ProjectWise ===================================*/
.timesheet-table.report-projectwise th {
    text-align: left;
}

.timesheet-table.report-projectwise td {
    border: none !important;
    overflow-wrap: break-word;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 16px;
    color: #444444;
    text-align: left;
    width: 100%;
}

.timesheet-table.report-projectwise {
    table-layout: fixed;
}
/*report projectwise table header*/
.report-projectwise .e_name {
    width: 15%;
}

.report-projectwise .pne_startdate {
    width: 13%;
}

.report-projectwise .pne_enddate {
    width: 12%;
}

.report-projectwise .estimated_hours {
    width: 11%;
}

.report-projectwise .hours_taken {
    width: 10%;
}

.report-projectwise .tot_hours {
    width: 10%;
}

.report-projectwise .d_name {
    width: 14%;
}

.report-projectwise .sales_person {
    width: 15%;
}

.text-v1 {
    font-family: 'Montserrat-Semibold';
    font-size: 16px;
    line-height: 20px;
    color: #444444;
}

/*Pagination Project View*/
.pagination-v1 table {
    margin-left: auto;
}

    .pagination-v1 table td {
        width: auto;
        padding: 0 5px;
    }

    .pagination-v1 table tr {
        border: none !important;
    }

    .pagination-v1 table td span,
    .pagination-v1 table td a {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        padding: 10px;
        width: 25px;
        height: 25px;
        font-family: 'Montserrat-Semibold';
        color: #FFF;
        font-size: 12px;
        line-height: 16px;
    }

    .pagination-v1 table td span {
        background: #F00;
    }

    .pagination-v1 table td a {
        background: #3c81e8eb;
    }


/*============ DashBoard ==================*/
.util-hour-error {
    font-size: 12px;
    line-height: 15px;
}

/*updated close icon*/
.close-icon {
    display: inline-block;
    background: url('../images/Timesheet View/close-icon.svg') no-repeat center;
    background-size: contain;
    z-index: 10;
    width: 14px;
    height: 14px;
    cursor: pointer;
    transition: all .3s ease;
}

    .close-icon:hover {
        transform: rotate(90deg);
    }

/*=============================== Dashboard ==========================*/
/*==========Employee dashboard=======*/
/* employee dashboard table */
.emp-dashboard .table {
    table-layout: fixed;
}
/*.emp-dashboard .p-hours,
 .emp-dashboard .p-rem-hours,
 .emp-dashboard .p-status,*/

.emp-dashboard .p-util-hours,
.emp-dashboard .p-internal-dr,
.emp-dashboard .p-external-dr {
    width: 20%;
}

.emp-dashboard .p-name {
    width: 40%;
}

/*=========== PMO Dasboard =============*/
.pmo-dashboard-table-body,
.devops-dashboard-table-body,
.tl-dashboard-table-body {
    /*height: 550px;*/
    overflow-y: auto;
    padding-right: 15px;
}

.pmo-dashboard-table-header,
.devops-dashboard-table-header,
.tl-dashboard-table-header {
    padding-right: 15px;
}

.pmo-dashboard-table-body::-webkit-scrollbar,
.devops-dashboard-table-body::-webkit-scrollbar,
.tl-dashboard-table-body::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: rgba(255,255,255,0.8); /* or add it to the track */
    border-radius: 50px;
}

/* Add a thumb */
.pmo-dashboard-table-body::-webkit-scrollbar-thumb,
.devops-dashboard-table-body::-webkit-scrollbar-thumb,
.tl-dashboard-table-body::-webkit-scrollbar-thumb {
    background: #80c5d0b0;
    border-radius: 50px;
}

.custom-card-v2 {
    position: relative;
    box-shadow: 0px 9px 20px 0px #101E730F;
    border-radius: 8px;
    background: #FFF;
    overflow: hidden;
}

    .custom-card-v2 .custom-card-header {
        padding: 12px 24px;
    }

    .custom-card-v2 .custom-card-body {
        background: #FFF;
        padding: 16px 24px;
    }

    .custom-card-v2 .custom-card-header {
        background: #FFEFEF;
        text-align: left;
    }

.pmo .custom-card-v2 .custom-card-body,
.dovps .custom-card-v2 .custom-card-body,
.team-lead .custom-card-v2 .custom-card-body {
    min-height: 134px;
}

.merged-column .custom-card-v2,
.merged-column .custom-card-v2 .custom-card-header {
    border-radius: 0;
}

.merged-column .col-4:nth-child(2) {
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
}


/*================= split-v1 start ===================*/
.split-v1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .split-v1 .split-v1-contant-1 {
        flex: 0.35;
    }

    .split-v1 .split-v1-content-2 {
        padding: 0 0 0 20px;
        border-left: 2px solid #DCDCDC;
        flex: 0.65;
    }

        .split-v1 .split-v1-content-2 .label-v2 {
            width: 40%;
        }

        .split-v1 .split-v1-content-2 span {
            vertical-align: middle;
        }

/*============= split-v1 end ====================*/

.custom-card-v2 .custom-card-header h3 {
    font-family: 'Montserrat-Semibold';
    font-size: 14px;
    line-height: 17px;
    color: #444444;
}

.custom-card-v2 .custom-card-body .project-count {
    font-family: 'Montserrat-Semibold';
    font-size: 24px;
    line-height: 28px;
    color: #333333;
}

    .custom-card-v2 .custom-card-body .project-count.completed {
        color: #2AD200;
    }

    .custom-card-v2 .custom-card-body .project-count.inprogress {
        color: #DF3D3D;
    }

    .custom-card-v2 .custom-card-body .project-count.inprogress-v2 {
        color: #417DC0;
    }

    .custom-card-v2 .custom-card-body .project-count.request {
        color: #FFB800;
    }

.text-blue {
    color: #2A59D1 !important;
}

.text-yellow {
    color: #FBCD09 !important;
}


.label-v2 {
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    line-height: 16px;
    color: #333333;
}

/* Doughnut chart */
.pie-chart-container {
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

    .pie-chart-container canvas {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }

.progress-bar {
    position: relative;
    max-width: 120px;
    height: 24px;
    width: 100%;
    border-radius: 16px;
    outline: 1px solid #D7F2CE;
    background: transparent;
}

.roe .progress-bar {
    max-width: 220px;
    flex: 1;
}

.progress-width {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: width 1s ease;
    z-index: 12;
}



.view-link-v1 {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #EE4D3B;
    text-decoration: underline !important;
    text-align: center;
    margin-bottom: 10px;
}


/*.custom-progress-container.roe {
    min-height: 300px;
    max-height: 300px;
}*/

/*.custom-progress-container.avu {
    min-height: 430px;
    max-height: 430px;
}*/


.custom-progress-container {
    overflow-y: auto;
    min-height: 300px;
}

.two-col-list-container {
    min-height: 300px;
}

.view-all-popup .modal-body {
    padding: 30px 20px 20px;
}

.custom-progress-container::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: rgba(255,255,255,0.8); /* or add it to the track */
    border-radius: 50px;
}

/* Add a thumb */
.custom-progress-container::-webkit-scrollbar-thumb {
    background: #E5E5E5;
    border-radius: 50px;
}

.progress-perc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    z-index: 13;
    font-family: 'Montserrat-Semibold';
}

.progress-list {
    margin: 10px 0 30px !important;
}




    .progress-list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
    }

        .progress-list li .progress-project-name {
            /*margin-right: 12px;*/
            margin-right: 20px;
            font-size: 12px;
            line-height: 15px;
            width: 40%;
            word-break: break-word;
        }

.project-percentage {
    position: absolute;
    top: 50%;
    right: 10px;
}

.avu .util-hours,
.avu .allocated-hours {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.avu-titles {
    display: flex;
}

.avu-title {
    font-weight: 400;
    font-style: italic;
    font-size: 10px;
    line-height: 13px;
    display: block;
}

    .avu-title:first-child {
        width: calc(50% - 20px);
        margin-right: 20px;
    }

    .avu-title:nth-child(2) {
        /*max-width: 120px;*/
        width: Calc(40% - 20px);
        margin-right: 20px;
        text-align: left !important;
    }

    .avu-title:last-child {
        width: 10%;
        text-align: center;
    }


.avu .progress-list li .progress-project-name {
    width: calc(50% - 20px);
}


.avu .progress-list li .progress-bar {
    max-width: calc(40% - 20px);
    margin-right: 20px;
    width: 100%;
}

.avu .progress-list li .progress-status-count {
    width: 10%;
    text-align: center;
}

.avu .util-hours {
    left: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    z-index: 13;
    font-family: 'Montserrat-Semibold';
}

.avu .allocated-hours {
    right: 10px;
    font-size: 10px;
    line-height: 16px;
    color: #333333;
    z-index: 13;
}

.avu .progress-status-count {
    font-family: 'Montserrat-Semibold';
    font-size: 10px;
    line-height: 16px;
    color: #333333;
}

.avu .allocated-hours span {
    margin-left: 3px;
}

.main-dashboard-container .custom-card-v2:before {
    position: absolute;
    content: '';
    top: calc(100% - 10px);
    width: 0%;
    height: 10px;
    background: #ed473e;
    left: 0;
    transition: all .3s ease;
}

.main-dashboard-container .custom-card-v2:hover:before {
    width: 100%;
}

.graph-container {
    min-height: 300px;
}

/* Scrollbar plugin css */
.slimScrollBar {
    width: 5px !important;
    cursor: pointer;
}


/*--------- PMO report table start --------------*/
.pmo-report-table .table,
.devops-report-table .table,
.tl-report-table .table {
    table-layout: fixed;
}

    .pmo-report-table .table th:first-child,
    .pmo-report-table .table td:first-child,
    .devops-report-table .table th:first-child,
    .devops-report-table .table td:first-child {
        width: 20%;
    }

    .tl-report-table .table th:first-child,
    .tl-report-table .table td:first-child {
        width: 28%;
    }

    .tl-report-table .table th,
    .tl-report-table .table td {
        width: 12%;
    }

    .tl-report-table .table th,
    .pmo-report-table .table th,
    .devops-report-table .table th {
        text-align: left;
        border: 0.5px solid #E8E8E8 !important;
    }

    .pmo-report-table .table th,
    .devops-report-table .table th {
        width: 10%;
    }

    .pmo-report-table .table td,
    .devops-report-table .table td {
        width: 10%;
    }

/*--------- PMO report table ends --------------*/

/* ======= Temproray table css start ======= */
.temp-table-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #E5E5E5; /* or add it to the track */
    border-radius: 50px;
}

/* Add a thumb */
.temp-table-container::-webkit-scrollbar-thumb {
    background: #80c5d0b0;
    border-radius: 50px;
}

.temp-table-container {
    /*max-height: 300px;*/
    overflow-y: auto;
    padding-right: 10px;
}

.temp-table {
    table-layout: fixed;
}

    .temp-table th {
        font-family: 'Montserrat-Medium';
        font-size: 14px;
        line-height: 18px;
        border: none;
    }

    .temp-table td {
        border: none;
        border-bottom: 0.5px solid #E8E8E8;
    }

.temp-col-2 .first-col {
    width: 50%;
}

.temp-col-2 .sec-col {
    width: 50%;
}

.temp-table td {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 18px;
    background: #FFF;
    overflow-wrap: break-word;
}

.temp-table th {
    overflow-wrap: break-word;
}

.temp-col-3 .sec-col,
.temp-col-3 .third-col {
    width: 30%;
}

.temp-col-3 .first-col {
    width: 40%;
}


/* ======= Temproray table css end ======= */

/* ============= Devops Dashobard =============== */
.two-col-list-contents,
.two-col-list li {
    display: flex;
    align-items: flex-start;
}

.two-col-list li {
    padding: 12px 0;
}

    .two-col-list li:not(:last-child) {
        border-bottom: 1px solid #F6F5F5;
    }


.two-col-list-contents .two-col-list-content,
.two-col-list-contents .two-col-list-content__detail {
    font-family: 'Montserrat-Semibold';
    font-size: 14px;
    line-height: 18px;
    color: #444444;
}

.two-col-list-contents .two-col-list-content,
.two-col-list .two-col-list-content {
    width: calc( 80% - 20px);
    margin-right: 20px;
    display: block;
}


.EFC .two-col-list-contents .two-col-list-content,
.EFC .two-col-list .two-col-list-content {
    width: calc(55% - 20px);
}

.two-col-list-contents .two-col-list-content__detail,
.two-col-list .two-col-list-content__detail {
    width: 20%;
    display: block;
    text-align: right;
}

.EFC .two-col-list-contents .two-col-list-content__detail,
.EFC .two-col-list .two-col-list-content__detail {
    width: 45%;
}

.two-col-list {
    margin-bottom: 20px !important;
}

    .two-col-list .two-col-list-content {
        font-family: 'Montserrat-Regular';
        font-size: 12px;
        line-height: 16px;
    }

    .two-col-list .two-col-list-content__detail {
        font-family: 'Montserrat-Semibold';
        font-size: 14px;
        line-height: 16px;
    }

.timesheet-radio-sm-v1 label {
    font-size: 10px;
    line-height: 14px;
    padding: 5px 8px;
}

.timesheet-radio-sm-v1 input:checked ~ label,
.timesheet-radio-sm-v2 input:checked ~ label {
    animation: none;
}

.timesheet-radio-sm-v1 {
    padding: 1px;
}

.timesheet-radio-sm-v2 label {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px;
}

.timesheet-radio-sm-v2 {
    padding: 2px;
}

/*--- Resource booking CSS ----------*/
.table-ganttview .th-w-150 {
    width: 150px;
}

.table-ganttview .line {
    position: relative;
}

    .table-ganttview .line::after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        top: 0px;
        right: 0;
        background: rgba(255,0,0,0.5);
        z-index: 1;
    }

.table-ganttview .tabledata {
    min-width: 100px;
    max-width: 100px;
    padding: 5px 5px;
}

.table-ganttview .width {
    max-width: 66px;
    font-family: Montserrat-Medium;
    padding: 5px 0;
}

.table-ganttview .employee-plus {
    border-radius: 50px;
    background: yellowgreen;
    width: 20px;
    height: 20px;
    display: flex;
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 22px;
}

.table-ganttview {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

    .table-ganttview th.line h4 {
        position: relative;
        z-index: 2;
    }

    .table-ganttview .custom-datepicker {
        font-family: Montserrat-Semibold;
    }

    .table-ganttview .resource-detail {
        position: sticky;
        left: 0;
        z-index: 10;
        border-right: 1px solid #dee2e6;
        outline: 1px solid #dee2e6;
    }

        .table-ganttview .resource-detail .resource-info {
            width: 65%;
        }

        .table-ganttview .resource-detail .resource-controller {
            flex: 1;
        }

    .table-ganttview .sticky-row {
        background: white;
        position: sticky;
        top: calc(0px - 1px);
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
        z-index: 99;
    }

    .table-ganttview .table {
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%;
    }

    .table-ganttview th,
    .table-ganttview td {
        padding: 8px 10px;
        background: white;
        height: auto;
    }

    .table-ganttview th {
        background: white;
        outline: 1px solid #dee2e6;
        border: none !important;
        text-align: center;
        font-family: Montserrat-Semibold;
    }

    .table-ganttview .resource-info h5 {
        font-size: 14px;
        line-height: 17px;
    }

        .table-ganttview .resource-info h5:first-child {
            font-family: Montserrat-Semibold;
        }

    .table-ganttview .progress-badge {
        background: yellow;
        padding: 5px 7px;
        border-radius: 8px;
        font-size: 10px;
        line-height: 15px;
        font-family: Montserrat-Semibold;
        margin: 0 10px 0 0;
    }


.back-icon {
    padding: 5px !important;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    border-radius: 50px;
}

    .back-icon img {
        width: 15px;
        height: 15px;
        object-fit: cover;
    }

.table-ganttview .nonworking-day {
    background: url('../images/diagonallinesfill.jpg') no-repeat center !important;
    background-size: cover !important;
}

.table-ganttview .allocated-project-name {
    position: relative;
}


    .table-ganttview .allocated-project-name a {
        white-space: nowrap;
        width: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        font-size: 12px;
        line-height: 15px;
        font-family: Montserrat-Medium;
    }

.table-ganttview .text-truncate-2 a {
    width: 60px;
}

.table-ganttview .text-truncate-3 a {
    width: 90px;
}

.table-ganttview .text-truncate-4 a {
    width: 120px;
}

.table-ganttview .text-truncate-5 a {
    width: 150px;
}

.table-ganttview .text-truncate-6 a {
    width: 180px;
}


.table-ganttview .allocated-project-name:hover .tooltip-v2 {
    display: block;
}

.table-ganttview .allocated-project-name .tooltip-v2 {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: calc(100% - 50%);
    background: yellow;
    padding: 10px;
    z-index: 8;
    width: 150px;
    overflow-wrap: break-word;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    font-size: 10px;
    line-height: 15px;
    font-family: Montserrat-Medium;
}


    .table-ganttview .allocated-project-name .tooltip-v2:before {
        position: absolute;
        content: '';
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent yellow transparent;
        top: calc(0px - 16px);
        left: 10px;
        z-index: 10;
    }

.resource-booking-title {
    font-family: Montserrat-Bold;
    font-size: 18px;
    line-height: 24px;
}

#myModalNewCRCreated {
    background: #00000075;
}

#myModalNewNRCreated {
    background: #00000075;
}


/*-------custom sumo select padding---------------------*/

.custom-card-body .SelectBox.sumo-select {
    padding: 8px;
}

.admin-project-add .table input,
.external-partner .table input {
    margin-bottom: 5px;
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    pointer-events: none;
}

.external-partner.dropdown-enable .table input {
    pointer-events: unset;
}

/*.form-control:disabled{
    background-color: #fff;
}*/
input:focus-visible {
    outline: none;
}

.external-partner select {
    -webkit-appearance: none;
    background: url(../images/selectbox.svg) no-repeat,#FFF;
    background-position: 95% 50%;
}

.external-partner select {
    display: block;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    pointer-events: none;
}

.external-partner.dropdown-enable select {
    pointer-events: unset;
}

/*---------------------pagintation css---------------*/
.dataTables_wrapper .dataTables_paginate {
    padding-top: 10px;
}

    .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_paginate span {
        display: flex;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .ellipsis {
            width: 30px;
            height: 30px;
            border-radius: 100%;
            background: #4989E8;
            text-align: center;
            line-height: 30px;
            padding: 0;
            border: none !important;
            box-shadow: none !important;
            color: #FFFFFF !important;
            margin: 0 2.5px;
            display: block;
            font-family: 'Montserrat-Semibold';
            font-size: 13px;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current {
                background: #F00 !important;
                color: #FFFFFF !important;
            }

                .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .ellipsis:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                    color: #FFFFFF !important;
                }

            .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
                background: #a9a5a5;
                line-height: 32px;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
                font-size: 0;
                position: relative;
            }

                .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before, .dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
                    content: '>';
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    font-size: 13px;
                }

                .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
                    transform-origin: center;
                    transform: rotate(180deg);
                }

/* search filter hide*/
#empTable_filter {
    display: none !important;
}

.dataTables_length {
    margin-left: auto;
    display: table;
    float: none !important;
    margin-bottom: 15px;
    padding-right: 5px;
}

    .dataTables_length label {
        font-family: 'Montserrat-Regular';
        font-size: 16px;
        line-height: 18px;
        color: #444444;
    }
/* .dataTables_length label select {
      font-family: 'Montserrat-Regular';
      font-size: 16px;
      line-height: 18px;
      color: #444444;
      
       */

.mw-1150 {
    max-width: 1150px;
    margin: 0 auto;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

.SumoSelect.sumo_ProjectIds {
    width: 350px !important;
}

.SumoSelect.sumo_ProjectStatusValues {
    width: 150px;
}

.b-datepicker-parent.readonly {
    pointer-events: none;
}

.wel-text {
    font-weight: 400 !important;
}

.custom-card-body .custom-file-label::after {
    display: none;
}

.common-subheading {
    font-family: 'Montserrat-Medium';
    font-size: 20px;
    line-height: 24px;
    color: #444444;
}

.notification-blk {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E2E2E2;
    border-radius: 50%;
    position: relative;
    cursor:pointer;
}

    .notification-blk::before {
        content: '2';
        position: absolute;
        width: 12px;
        height: 12px;
        background: #F06837;
        border-radius: 100%;
        padding: 3px 4px;
        font-size: 8px;
        font-weight: 600;
        color: #fff;
        font-family: 'Montserrat-Semibold';
        top: 0;
        right: 0;
    }

.pmo-dashboard-blk .pmo-dashboard-head .title {
    line-height: 36px;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Montserrat-Semibold';
}

/* Custom Search */

.cust-search {
    min-width: 236px;
    position: relative;
}


    .cust-search .form-control,
    .cust-search .form-control::placeholder {
        font-weight: 400;
        font-size: 14px;
        padding: 12px 10px;
        color: #9B9B9B;
        font-family: 'Montserrat-Regular';
    }



    .cust-search .search-icon {
        position: absolute;
        right: 8px;
        top: 6px;
        cursor: pointer;
    }

/* Pmo Dashboad Card */

.pmo-dashboard-blk .pmo-dashboard-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #D0D0D0B2;
    min-width: 298px;
    border-radius: 5px;
/*    cursor:pointer;*/
}

.pmo-dashboard-blk .pmo-dashboard-card:hover{
    box-shadow: 0px 3px 16px 10px rgba(5, 28, 37, 0.16);
}

    .pmo-dashboard-blk .pmo-dashboard-card .title {
        font-family: 'Montserrat-Semibold';
        color: #F37222;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pmo-dashboard-blk .pmo-dashboard-card .sub-title {
        font-family: 'Montserrat-Regular';
        color: #666666;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pmo-dashboard-blk .pmo-dashboard-card p {
        font-family: 'Montserrat-Regular';
        color: #666666;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
    }

    .pmo-dashboard-blk .pmo-dashboard-card p span{
        font-family:'Montserrat-Bold';
    }

.font-bold {
    font-family: 'Montserrat-Semibold' !important;
    font-weight: 600 !important;
}

.pmo-dashboard-blk .pmo-dashboard-card .content:not(:first-child), .pmo-dashboard-blk .pmo-dashboard-card .content:last-child {
    border-top: 1px solid #D0D0D0;
}

.pmo-dashboard-blk .pmo-dashboard-card .content:last-child {
    border-top: none;
}

.pmo-dashboard-blk .pmo-dashboard-card .content:not(:first-child) {
    padding-top: 16px;
    margin-top: 16px;
}



.text-blue {
    color: #0066C0 !important;
}

.text-green {
    color: #509A23 !important;
}

.text-red {
    color: #F2672D !important;
}

.text-yellow {
    color: #F7941F !important;
}
.request-recived {
    background: #F06837;
    border-radius: 5px;
    padding: 2px 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    width:max-content;
}

    .request-recived p, .request-recived span {
        line-height: 10px !important;
        font-size: 10px !important;
        font-family: 'Montserrat-Medium' !important;
        color:#FFF !important;
    }

.user-iconprofile img {
    width: 30px;
    border-radius: 50%;
}

.user-iconprofile img:not(:first-child) {
    margin-left: -15px;
}

.main-userprofile{
    display:flex;
    align-items:center;
    gap:8px;
    position:relative;
}

.hover-name {
    background: #333333;
    border-radius: 8px;
    padding: 8px;
    position: absolute;
    bottom: 40px;
    width: 100%;
    min-height: 50px;
    max-width: 231px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.hover-name::after {
    position: absolute;
    content:'';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #333333;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.hover-name p{
    line-height: 20px !important;
    font-size: 14px !important;
    font-family: 'Montserrat-Medium' !important;
    color:#ffffff !important;
    display: flex;
    align-items: baseline;
    margin-bottom:8px;
}

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

.hover-name p img{
    margin-right: 5px;
}

.user-detailname p {
    line-height: 17px !important;
    font-size: 14px !important;
    font-family: 'Montserrat-Medium' !important;
    color: #333333 !important;
}

.user-detailname p span{
    font-family: 'Montserrat-Medium' !important;
    color:#F37222;
}

.cr-show-wrap{
    display:flex;
    align-items:center;
    gap:10px;
}

/* Add project*/
.add-project-blk .add-project-head .title {
    line-height: 20px;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Montserrat-Semibold';
}

.add-project-blk .add-project-head h3.sub-title {
    line-height: 20px;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Montserrat-Regular';
    padding-left: 44px;
}

.verticle-aligign-sub {
    vertical-align: sub;
}

.min-width {
    
    display: flex;
    align-items: center;
}


/* Common Modal Css left and right */
.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
    max-width: 552px;
    min-height: calc(100vh - 0px);
}

.modal.modal-left.show .modal-dialog,
.modal.modal-right.show .modal-dialog {
    transform: translate(0, 0);
}


.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
    height: calc(100vh - 0px);
    overflow-y: auto;
}

.modal.modal-left .modal-dialog {
    transform: translate(-100%, 0);
    margin: 0px auto 0 0;
}

.modal.modal-right .modal-dialog {
    transform: translate(100%, 0);
    margin: 0px 0 0 auto;
}

.modal.modal-right {
    padding-right: 0px !important;
}
/* Common Modal Css left and right end*/


/* common-add-project-model */
.common-add-project-model .modal-dialog {
    max-width: 552px;
}

.common-add-project-model.big-model .modal-dialog {
    max-width: 943px !important;
}


.common-add-project-model .modal-content {
    border-radius: 0px;
    border: none;
    background: #FFFFFF;    
}

.common-add-project-model .modal-header {
    background: #F06837;
    box-shadow: 0px 4px 4px 0px #AFA4A440;
    position:relative;
}

.common-add-project-model .modal-header .close {
    margin: 0;
    top: 0;
}

.common-add-project-model .modal-title {
    line-height: 19px;
    font-size: 16px;
    font-family: 'Montserrat-Semibold';
    font-weight: 600;
    color: #ffffff;
}
.common-add-project-model .modal-body-title {
    font-family: 'Montserrat-Semibold';
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    text-align: left;
    color: #666666;
}
.common-add-project-model .modal-body p {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #666666;
    cursor:pointer;
}
.common-add-project-model .modal-footer {
    border: navajowhite;
    justify-content: center;
}

.common-add-project-model .nav-tabs .nav-link {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    text-align: left;
    color: #414141;
    border:none;
}
.common-add-project-model .nav-tabs .nav-item.show .nav-link,
.common-add-project-model .nav-tabs .nav-link.active {
    font-family: 'Montserrat-Semibold';
    font-size: 14px;
    font-weight: 600;
    color: #ED453F;
    background-color: transparent;
    border-bottom: 1px solid;
    border-color: #ED453F;
}

.common-add-project-model .tab-pane {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 0px !important;
}


/* width */
::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px
}

/* Track */
::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #D9D9D9;
}

/* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #D9D9D9;
    }



/* Common New Form Css */
.new-form .form-group {
    padding: 0px 16px;
    margin-bottom: 16px;
}
.new-form .form-group label {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
    color: #666666;
    margin-bottom: 6px !important;
}

.new-form .form-control {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    text-align: left;
    color: #333333;
}

.new-form .form-control:disabled {
    background: #D0D0D0;
    border: 1px solid #999999;
}

.new-form .custom-file-label::after {
    font-family: 'Montserrat-Semibold';
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    /* letter-spacing: 0.10000000149011612px; */
    text-align: left;
    color: #fff;
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    padding: 8px 18px;
}


/* request-success-model */

.request-success-model .modal-dialog {
    max-width: 604px;
}
.request-success-model .modal-dialog-custom{
    max-width:400px;
}
.request-success-model .modal-content {
    border: none;
    border-radius: 16px;
}

.request-success-model .modal-body p {
    font-family: 'Montserrat-Regular';
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.request-success-model .btn {
    padding: 9px 50px !important;
}


/* Data table*/
/* Ashish Table css start */
.table-submit-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.table-cta {
    color: #053C6D;
    border: 1px solid #053C6D;
    border-radius: 40px;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Montserrat-Semibold';
    padding: 7px 40px;
    background: #D6EBFF;
}

.settle-data .table-editable-amount {
    display: none;
    align-items: center;
}


.table-editable-amount .table-editable-input {
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    line-height: 19px;
    color: #303030;
    padding: 0;
    max-width: 50px;
    border: none;
    background: transparent;
    pointer-events: none;
}

    .table-editable-amount .table-editable-input.pointer-all {
        pointer-events: visible;
    }

.table-editable-amount .table-editable-btn {
    border: none;
    background: transparent;
    /* margin-left: 16px; */
}

.main-data-table tbody tr.background .table-editable-amount .table-editable-input {
    color: #E77817;
}

.main-data-table tbody tr.background .table-editable-amount img {
    filter: invert(25%) sepia(100%) saturate(2000%) hue-rotate(20deg) brightness(100%) contrast(100%);
}

.main-data-table {
    border: 1px solid #DDDDDD;
    margin: 0px;
    width: 100% !important;
}

    .main-data-table .settle-tr {
        background: #FFEFEF;
    }

        .main-data-table .settle-tr th {
            font-family: 'Montserrat-Semibold';
            font-size: 14px;
            font-weight: 600;
            line-height: 17px;
            color: #303030;
            border-right: 1px solid #d9d9d9;
            text-align: left !important;
            /* padding-top: 19px;
    padding-bottom: 19px;
    */
        }

.disbus-data-table .settle-tr th {
    vertical-align: middle;
    padding-top: 16px;
    padding-bottom: 16px;
}

.main-data-table .settle-tr th > span {
    width: max-content;
    display: inline-block;
}

.main-data-table .settle-tr th:last-child {
    width: 12%;
}

.main-data-table tbody tr {
    border-bottom: 1px solid #DDDDDD;
    background-color: #fff !important;
}

    .main-data-table tbody tr.background {
        background-color: #FFF6ED !important;
        border-bottom: none;
    }

    .main-data-table tbody tr td span {
        display: none;
    }

    .main-data-table tbody tr td p {
        font-family: 'Montserrat-Regular';
        font-size: 12px;
        line-height: 16px;
        color: #333333;
    }

        .main-data-table tbody tr td p a {
            color: #E77817 !important;
            text-decoration: underline !important;
        }

.fetch-disb-table tbody tr td p a {
    color: #333333 !important;
    text-decoration: none !important;
    cursor: auto;
}

/* div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border: none;
} */

.main-data-table > tbody > tr > td {
    vertical-align: middle;
    padding: 4px 10px !important;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.10000000149011612px;
    text-align: left;
}

    .main-data-table > tbody > tr > td .settle-data{
        min-height:30px;
    }

    .main-data-table > tbody > tr > td .settle-data.settle-date {
        width: 100px;
    }

    .main-data-table > tbody > tr > td .settle-data.settle-currency {
        text-align: center;
        padding-right: 20px;
    }

/* .disbus-data-table>tbody>tr>td{
    padding: 14px 0px 14px 10px !important
} */

.main-data-table .additional-row td:not(:nth-child(4)) {
    display: none;
}

.disbus-data-table .additional-row td:not(:nth-child(4)) {
    display: none;
    max-width: 500px !important;
}

.additional-row {
    background-color: #FFF6ED !important;
}

    .additional-row > td {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        display: none;
    }

        .additional-row > td.active {
            display: table-cell;
        }

        .additional-row > td .inner-tabledata {
            display: flex;
            align-items: center;
        }

            .additional-row > td .inner-tabledata p {
                font-family: 'Montserrat-Regular';
                font-size: 12px;
                line-height: 16px;
                color: #E6470E;
                margin-left: 4px;
            }

.common-table {
    box-shadow: 0px 9px 20px 0px #101E730F;
    padding-bottom: 8px;
}

    .common-table .dt-container .dt-layout-row:last-child {
        /* display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    margin: 10px auto; */
        position: relative;
        /* padding: 0 60px; */
    }



    .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons {
        width: 180px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        /* gap: 4px; */
        /* position: absolute;
    top: 38px; */
    }

    .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap {
        display: flex !important;
        justify-content: flex-end !important;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
        margin-top: -30px;
        padding: 0;
    }

        .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .buttons-download {
            width: 180px;
            background: #053C6D;
            color: #fff;
            font-family: 'Montserrat-Semibold';
            font-size: 14px;
            line-height: 17px;
            border-radius: 4px;
            border: none;
            padding: 0px 6px 0px 45px;
            /* margin-bottom: 6px; */
            text-transform: uppercase;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            /* .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .buttons-download span{
    background: transparent;
    padding: 0px;
    min-height: 37px;
    width: 0px;
    margin-left: 0px;
} */

            .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .buttons-download.active {
                padding: 0px 6px;
            }

                .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .buttons-download.active span {
                    background: #072A4A;
                    padding: 10px;
                    min-height: 37px;
                    width: 65px;
                    margin-left: 6px;
                }

        /* .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .buttons-download span.active{

} */

        .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons .all-buttons-main {
            width: 100%;
            box-shadow: 4px 4px 32px 0px #4D4D4D40;
            background-color: #ffffff;
            position: absolute;
            max-width: 180px;
            top: 36px;
        }

        .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons .dt-button {
            width: 100%;
            background: #fff;
            color: #303030;
            font-family: 'Montserrat-Semibold';
            font-size: 14px;
            line-height: 17px;
            border-radius: 4px;
            border: none;
            padding: 6px;
            border-bottom: 1px solid #E5E5E5;
        }

        .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons .pdf-main-btn {
            border-radius: 4px !important;
        }

        .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons .all-buttons-main .dt-button {
            border-radius: 0px;
            padding: 10px;
        }

        .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons .pdf-main-btn .buttons-pdf {
            display: flex;
            justify-content: space-between;
            padding: 0px;
            align-items: center;
            background: #053C6D;
            cursor: auto;
            border: none;
        }

            .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons .pdf-main-btn .buttons-pdf span,
            .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons .pdf-main-btn .buttons-pdf p {
                font-family: 'Montserrat-Semibold';
                font-size: 14px;
                line-height: 17px;
                text-transform: uppercase;
                color: #ffffff;
                padding-left: 16px;
                cursor: pointer;
            }

            .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons .pdf-main-btn .buttons-pdf span {
                background: #072A4A;
                padding: 10px 2px 10px 10px;
                cursor: auto;
            }

        .common-table .dt-container .dt-layout-row:first-child .dt-layout-cell.drop-main-wrap .dt-buttons .pdf-main-btn .drop-arr {
            cursor: pointer;
        }


    .common-table .dt-container .dt-layout-row .dt-layout-cell.dt-end .dt-search {
        display: none;
    }

    .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:first-child {
        display: none;
    }

    .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child {
        position: absolute;
        width: 20%;
        right: 0px;
        top: 8px;
        padding: 0;
        z-index: 99;
    }

        .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child .dt-paging.paging_full_numbers {
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            margin-right: 20px;
            padding-top: 10px;
        }

            .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child .dt-paging.paging_full_numbers button {
                min-width: 24px !important;
                height: 24px !important;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                border: none;
                padding: 0px;
            }

            .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child .dt-paging.paging_full_numbers .next {
                background: #FFF6ED;
                color: #E77817 !important;
                padding: 2px 0px 4px 1px;
                font-size: 24px;
            }

            .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child .dt-paging.paging_full_numbers .current {
                background: #E77817 !important;
                color: #ffffff !important;
            }

            .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child .dt-paging.paging_full_numbers .next.disabled,
            .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child .dt-paging.paging_full_numbers .previous.disabled {
                background: #F4F2F2;
                color: #818181 !important;
            }

            .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child .dt-paging.paging_full_numbers .previous {
                background: #FFF6ED;
                color: #E77817 !important;
                padding: 0 2px 2px 0;
                font-size: 24px;
            }



            .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child .dt-paging.paging_full_numbers .first,
            .common-table .dt-container .dt-layout-row:last-child .dt-layout-cell:last-child .dt-paging.paging_full_numbers .last {
                display: none;
            }



.fill-other-table .dt-container .dt-layout-row .dt-layout-cell {
    padding: 0px;
}


/* Transaction design */

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

    .main-transcationtab.minus-mr {
        margin: -24px 0px 16px -24px;
    }

.transaction-wrapper {
    background: #053C6D;
    padding: 8px 12px;
    border-radius: 8px 0px 4px 0px;
    width: fit-content;
}

    .transaction-wrapper p {
        font-family: 'Montserrat-Semibold';
        font-size: 12px;
        line-height: 16px;
        color: #FFFFFF;
    }

.trans-accord-btn {
    border: none;
    background: transparent;
    padding: 0px;
}

.main-content .fill-other-table .trans-accord-btn.collapsed > img {
    transform: rotate(180deg);
}

.dt-scroll-body::-webkit-scrollbar {
    width: 4px;
}

.dt-scroll-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #CECECE;
    border-radius: 10px;
}

.dt-scroll-body::-webkit-scrollbar-thumb {
    background: #c4c3c3;
    border-radius: 10px;
}

    .dt-scroll-body::-webkit-scrollbar-thumb:hover {
        background: #c4c3c3;
    }

.fetchdata-append .table-editable-btn {
    display: none !important;
}

.add-transaction {
    border: none;
    background: transparent;
    pointer-events: none;
}

    .add-transaction.pt-event {
        pointer-events: all;
    }

.disburs2-error {
    margin: -24px 0px 32px 0px;
}

.main-data-table button {
    border: none;
}

.status-btn {
    padding: 2px 8px 2px 8px;
    font-family: "Montserrat-Bold";
    font-size: 12px;
    line-height: 16px;
    border-radius: 12px;
    max-width: 142px;
    width: 100%;
}


    .status-btn.pending {
        background: #FFF3DC;
        color: #F7941F;
    }

    .status-btn.approved, .status-btn.done {
        background: #DCFFE4;
        color: #15AF53;
    }

    .status-btn.absorbed, .status-btn.resume {
        background: #1D62CA21;
        color: #0066C0;
    }

    .status-btn.rejected, .status-btn.hold {
        background: #F9040938;
        color: #DD0105BD;
    }

    .status-btn.grey {
        background: #DCDCDC;
        color: #444444;
    }

    .status-btn.progress {
        background: #FFF3DC;
        color: #F7941F;
        height: auto;
        justify-content: center;
    }

    .invoice-btn{
        font-family: "Montserrat-Bold";
        font-size: 14px;
        line-height: 17px;
        color:rgba(255, 255, 255, 1);
        padding:6.5px 10px;
        border-radius: 5px;
        pointer-events:none;
    }

    .invoice-btn.done-approved{
        background-color:rgba(233, 72, 74, 1) !important ;
        pointer-events:auto;
    }

    .invoice-btn.done-approved.optiondisable{
        pointer-events:none !important;
    }

    .invoice-btn.done-approved-yes{
        background-color:rgba(80, 154, 35, 1) !important;
    }

    .invoice-btn.grey{
        background-color:rgba(220, 220, 220, 1);
    }

.white-img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(230deg) brightness(104%) contrast(102%);
}

.attach-btn {
    padding: 4px 5px;
    font-family: 'Montserrat-Semibold';
    font-size: 14px;
    line-height: 21px;
    border-radius: 5px;
    background: #F06837;
    border: 1px solid #F06837 !important;
    display: flex;
    align-items: center;
    color: #fff;
    gap: 5px;
    width: max-content;
}

    .attach-btn.disabled {
        opacity: 0.6;
    }

    .attach-btn > img {
        margin-bottom: 4px;
    }

.view-sow {
    font-family: 'Montserrat-Medium' !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #1D62CA !important;
    cursor:pointer;
}

.cr-status-option .form-select {
    padding: 4px 6px 4px 6px !important;
    height: unset;
}

.common-table .data-container {
    display: flex !important;
    flex-direction: column !important;
}

.order-2 {
    order: 2;
    position: relative;
    /*z-index: 99;*/
    padding-top: 15px;
    padding-bottom: 8px;
}

    .order-2 .dt-length {
        margin-left: 10px;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 4px;
    }

        .order-2 .dt-length label {
            font-family: 'Montserrat-Medium';
            font-size: 14px;
            line-height: 16px;
        }


.common-table div.dt-container div.dt-layout-cell {
    padding: 0px;
}

.fileList-data .fileName{
    display:none;
}
.fileList-data .fileName:last-child {
    display: block;
}

/* Table css ends */

/*card section start */
.status-wrapper {
    flex-wrap: wrap;
    gap: 8px 0px;
}

.status-wrapper p{
    width:50%;
}


.status-wrapper .right-align {
    text-align: right;
}

/*Daterangepicker start*/

.bg-mercury.pointer-n {
    pointer-events: none;
}

.fill-focus {
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.4);
    z-index: 100;
    width: 100%;
    height: 120vh;
    cursor: pointer;
}

    .fill-focus.focus {
        cursor:auto;
    }

.daterangepicker {
    width: 810px !important;
    left: 0px !important;
    right: 0px !important;
    margin: auto !important;
    border-radius: 24px !important;
    bottom: 0px;
    top: 0px !important;
    height: 526px !important;
}

.daterangepicker .drp-calendar {
    max-width: unset !important;
}

.daterangepicker .drp-calendar.left {
    border: 1px solid #D6D7D8;
    margin: 16px !important;
    border-radius: 6px;
}

.daterangepicker .drp-calendar.right {
    border: 1px solid #D6D7D8;
    margin: 16px 16px 16px 6px !important;
    border-radius: 6px;
   
}

    .daterangepicker .calendar-table table {
        border-spacing: 4px 1px !important ;
        border-collapse:separate !important ;
    }

.daterangepicker select.monthselect {
    margin-right: 10% !important;
    width: 45% !important ;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 14px !important;
    line-height: 18px;
    font-family: 'Montserrat-Medium' !important;
    color: #333333;
    border-radius: 8px;
    padding: 6px 4px !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    min-width: 46px !important;
    width: 46px !important;
    height: 44px !important;
}

.daterangepicker .calendar-table th {
    font-size: 11px !important;
    color: #868685 !important ;
}

    .daterangepicker .calendar-table td {
        border-radius: 50% !important;
        font-size: 14px !important;
    }

.daterangepicker .drp-buttons {
    border-top: none !important ;
}

.daterangepicker .drp-buttons .btn{
    font-size: 14px !important;
    line-height: 20px;
    font-family: 'Montserrat-Regular' !important;
    padding: 10px 30px !important ;
     border: 1px solid #F2672D !important;
}

    .daterangepicker .drp-buttons .cancelBtn {
        background: #ffffff;
        color: #ED453F;
    }

    .daterangepicker .drp-buttons .applyBtn {
        background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    }

.daterangepicker .drp-buttons {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    padding: 8px 8px 24px !important ;
}
    .daterangepicker:before, .daterangepicker:after {
        display: none !important;
    }

    .daterangepicker .drp-buttons .drp-selected {
        display: none;
    }

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #758ccc !important ;
}

#selectdate{
    /*display:none;*/
    border:none;
    font-size:0px;
    max-width:236px;
    width:100%;
    position:relative;
    
}

.daterange-tag {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserrat-Medium';
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    gap: 8px;
    position: absolute;
    top: 8px;
    left: 34px;
    pointer-events:none;
}

.daterange-label {
    font-family: 'Montserrat-Bold';
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 9px 20px;
    cursor: pointer;
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    color: #FFF !important;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.daterange-label img{
    margin-right: 10px;
}

.daterangepicker select.yearselect::-webkit-scrollbar {
    width: 6px;
}

.daterangepicker select.yearselect::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.daterangepicker select.yearselect::-webkit-scrollbar-thumb {
    background: #F06837;
    border-radius:5px;
}


/*modal close icon*/

.crnr-request button {
    text-align: right;
    padding-right: 20px;
    padding-top: 10px;
}

.crnr-request button img{
    filter:invert(1)
}

.crnr-request a img{
      filter:invert(1)
}

.crnr-header {
    justify-content: flex-end;
    padding-bottom: 0px;
    border-bottom: 0px;
}

/*Invoice inputs*/

.main-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.main-label label{
    margin-bottom:8px !important ;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 17px;
}

.closer-terms {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom:28px;
}

.closer-terms p{
    font-family: 'Montserrat-Regular' !important ;
    font-size: 16px !important ;
    line-height: 16px !important ;
    margin-left: 8px;
}

.approve-success-model .modal-dialog {
    max-width: 573px !important ;
}

.num-input {
    font-family: 'Montserrat-Regular' !important;
    font-size: 14px !important;
    line-height: 17px !important;
    color: #999999;
    padding: 10px 20px;
    border: 1px solid #999999;
    border-radius:4px;
    width:100%;
}

.title-header {
    font-family: 'Montserrat-Medium' !important;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #414141;
    padding-bottom:0px;
    border:none;
}

.request-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 18px 0px;
}

.request-title h5 {
    font-family: 'Montserrat-Medium' !important;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #414141;
}

.request-title img{
    filter: invert(1);
    cursor:pointer;
}

.crnr-header, .close {
    margin-bottom: -20px;
    position: absolute;
    right: 0;
    z-index: 999;
}

.tooltip-custom {
    background-color: #ffcc00; /* Yellow background */
    color: #333; /* Dark text color */
    border: 2px solid #ffcc00; /* Yellow border */
    border-radius: 8px; /* Rounded corners */
    font-size: 14px; /* Font size */
}

input.edit-modal-btn, input.payments-modal-btn, button.invoice-modal-btn {
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    color: white;
    border: none;
    padding: 12px 16px;
    font-size: 16px;
    font-family: 'Montserrat-Semibold';
    font-weight: 600;
}
#raise-invoice {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    display:none;
}
.raise-invoice-modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ADE9C6;
    border: 1px solid #E0E2E7;
    border-radius: 5px;
    color: #000000;
    padding: 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: fit-content;
}

button.invoice-modal-btn{
    background:grey;
}
label.edit-modal-label {
    font-size: 18px;
    line-height: 100%;
    font-family: 'Montserrat-Medium';
    font-weight: 500;
}

.edit-modal-input {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.modal-comment-container {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 16px auto;
    border: 1px solid #f4f4f4;
    padding: 12px;
    border-radius: 11px;
}

.comment-img {
    height: 40px;
    width: 40px;
}

    .comment-img img {
        object-fit: cover;
        height: 40px;
        width: 40px;
        border-radius: 100px;
    }

.comment-user-detail {
    display: flex;
    gap: 16px;
    margin-bottom: 4px;
}

p.comment-user-time {
    font-size: 12px !important;
}
.user-comment {
    line-height: 20px;
}

.payments-milestone {
  
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
    border: none;
    color: white;
    padding: 8px 12px;
    font-weight: 500;
    font-family: 'Montserrat-Medium';
    margin-top: 0;
}

.payment-modal.show .modal-dialog {
    max-width:700px;
}

.modal-payments-headaing, .description-container {
    display: grid;
    grid-template-columns: 60% 20% 20%;
    align-items: center;
    gap: 5px;
    padding:4px 0;
    border-bottom:1px solid grey;
}

.change-modal-data input{
    border:none;
}

.change-modal-data {
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

.datepicker-input-main{
    border-bottom:1px solid !important;
}

.change-modal-data span {
    background:green;
    color: white;
    border: none;
    padding: 8px 12px;
    font-size: 16px;
    font-family: 'Montserrat-Semibold';
    font-weight: 600;
    display: inline-flex;
    border-radius:4px;
}
span.complete-pay-btn {
    background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
}

/*.complete-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 3rem 2rem;
    border-radius: 10px;
    box-shadow: 0 5px 500px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    display: none;
    text-align: center;
    font-family: 'Montserrat-Medium';
    font-size:16px;
    line-height: 18px;
    letter-spacing: 0.1px;
}*/
.complete-popup {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    background: white;
    padding: 3rem 4rem;
    border-radius: 10px;
    box-shadow: 0 5px 500px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    display: none;
    text-align: center;
    font-family: 'Montserrat-Medium';
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.1px;
    /* font-weight: 700; */
}


.complete-popup-btns {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .complete-popup-btns div {
        background: #28a745;
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        cursor: pointer;
    }

        .complete-popup-btns div:last-child {
            background: #dc3545;
        }


.disable-pointer {
    opacity:0.5;
    pointer-events:none;
}
.popup-complete-confirm:hover, .popup-complete-cancel:hover {
    transform: scale(1.1);
    transition:transform 0.5s ease;
}