/* RESETS */
/* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
*/

@import url('StyleSheet.css');
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;
}

/* Container */
.container {
    max-width: 1366px !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;
}

    .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 !important;
}


.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;
}


/* Buttons */

.primary-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: 10px 20px;
}

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

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

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





/* link */

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

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


/*=========================== 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%;
    padding: 50px 96px;
    position: relative;
}

    .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 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: flex-start;
    }

        .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 0px;
    }

        .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: center;
        border-bottom: 1px solid #DBDDE0 !important;
        padding: 10px !important;
    }

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

    .timesheet-table tbody td {
        background: #FFF;
        overflow-wrap: break-word;
    }


    .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.task-des:focus {
    height: 100px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,.5);
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}


.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: 12%;
    }

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

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

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

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

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

.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: 9%;
}

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

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

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


/* 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: 50%;
        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;
}

.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 tbody th {
    border: none !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;
}

    .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.svg') no-repeat center;
}

.view-cta {
    display: inline-block;
    vertical-align: baseline;
    background: url(../images/view-icon.svg) 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*/
.form-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/selectbox.svg) no-repeat,#FFF;
    background-position: 95% 50%;
    padding: 6px 30px 6px 10px !important;
}

.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;
}

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

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

.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;
}


.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;
}

.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;
}

    .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: 321px;
    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;
    }

.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 14px;
}

.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: 67px 20px 20px;
    transition: all .3s ease;
}

    .sidebar .sticky-container {
        position: sticky;
        top: 0;
        background: #FFFF;
        z-index: 10;
        padding: 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: left;
    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: 1px solid #000;
        width: 7px;
        height: 7px;
        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: 13%;
}

  .employee-report .task-2 {
        width: 18%;
}

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

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

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

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

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

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

/*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 th {
    /*font-family: 'Montserrat-Semibold';*/
    font-family: Montserrat-Regular;
    font-size: 12px;
    font-weight: 600;
    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: 13%;
}

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

/*.emp.emp-tp.timesheet-add th.task-desc {
    width: 22%;
}*/

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

/*.emp.emp-tp.timesheet-add th.status {
    width: 13%;
}*/

.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: 13%;
}

.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-status.status {
    width: 12%;
}


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

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

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

.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;
}


/* ============= right side btn style for employee  & pd on addtime_sheet page ========================== */

.right-side-btn {
    display: grid;
    grid-template-columns: auto auto;
    gap: 17px;
}

.notify-aprv-rej .close-icon {
    border: 0;
}

.notify-aprv-rej .close-icon {
    border: 0;
}

.aprv-rejc.timesheet-radio input:checked ~ label {
    background: #fff;
    animation-duration: 0s;
    font-weight: 700;
    border: 1px solid grey;
    transition: 0s;
}

.aprv-rejc.timesheet-radio label {
    transition: 0s;
}



input.btn:disabled {
    opacity: 0.5;
}

/* ============= notify popup style ========================== */

.notify-aprv-rej .timesheet-secondary-cta, .notify-aprv-rej table {
    margin-top: 15px;
}

.notify-aprv-rej .notification-add {
    font-size: 14px;
}

.notify-aprv-rej .view-hours {
    font-size: 20px;
}

.timesheet-btn-group {
    margin-left: 5px;
}

/* ============= view status page style ========================== */


.view-status .view-project-name {
    width: 8%;
}

.view-status-btn {
    margin-left: 12px;
}


/* ============= edit time sheet page style========================== */
.edit-sheet .select2-container--default {
    width: 100% !important;
}

    .edit-sheet .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 18px;
        font-family: Montserrat-Semibold;
        font-size: 14px;
        line-height: 21px;
        color: #333333;
        padding: 7.5px 12px;
        border: 1px solid #00000026 !important;
        box-shadow: 0px 0px 4px 0px #00000026;
    }

        .edit-sheet .select2-container--default .select2-selection--single .select2-selection__rendered:focus, .edit-sheet .select2-container--default .select2-selection--single .select2-selection__rendered:active {
            box-shadow: none;
        }

    .edit-sheet .select2-container--default .select2-selection--single {
        height: auto;
        border: 0;
    }

.edit-sheet .select2-selection__arrow {
    opacity: 0;
}

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

.emp.emp-tp.timesheet-add th.work-hours {
    width: 8%;
}
.emp.emp-tp.timesheet-add th.proj-brand, .emp.timesheet-add th.proj-brand {
    width: 12%;
}

.emp.emp-tp.timesheet-add th.proj-module, .emp.timesheet-add th.proj-module {
    width: 13%;
}

/* ============= date picker placeholder style========================== */
.b-datepicker-parent .form-control.b-datepicker.hasDatepicker::placeholder {
    color: #495057;
}

/*AllReport page table width changes DO*/
.p-report .p-name {
    width: 12%;
}

.report-table th {
    word-wrap: initial;
}

/* all report style */


    .all-report.mrm-report .task {
        width: 15%;
    }
    .all-report.mrm-report .task1 {
        width: 30%;
    }
    .all-report.mrm-report .date {
        width:15%;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size:14px;
}

/*PD/TeamView_Timesheet the name should be heighlighted */
.form-control.emp-view-name:disabled {
    background-color: #fff;
    background-image: none;
    width:331px;
}

.tl-add-btn .btn:first-of-type {
    margin-left: 0 !important;
}
.tl-add-btn {
    display: grid;
    /* max-width: inherit; */
    justify-content: flex-start;
    width: max-content;
    width: 100%;
    grid-template-columns: auto auto auto auto auto auto auto;
    gap: 10px;
}
.tl-add-btn .btn{
    margin:0 !important;
}

/*approve reject popup style add time sheet page for tl login*/
#notify-empTimesheetApproveOrReject .modal-content {
    border: 0 !important;
}
#notify-empTimesheetApproveOrReject .modal-content  .modal-body{
    padding:0 !important;
}
#notify-empTimesheetApproveOrReject .modal-content .modal-body table{
    margin:0;
}

    #notify-empTimesheetApproveOrReject .modal-content .modal-body table .view-hours {
        background: linear-gradient(94.04deg, #F2672D 12.78%, #ED453F 83.85%);
        color: #FFF !important;
        border: 0 !important;
        position: absolute;
        width: 100%;
        width: 100%;
        text-align: center;
        justify-content: center;
        padding: 10px;
        font-weight: bold;
        border-radius: 4px 4px 0 0;
        top:0;
    }
    #notify-empTimesheetApproveOrReject .modal-content .modal-body table tbody tr{
        border:0 !important;
    }
        #notify-empTimesheetApproveOrReject .modal-content .modal-body table tbody tr td {
            display: flex;
            align-items: center;
            gap: 0px 45px;
            border: 0 !important;
        }
#notify-empTimesheetApproveOrReject .modal-md-v2 {
    max-width: 560px !important;
    width: 100% !important;
}

#notify-empTimesheetApproveOrReject .modal-content .modal-body table tbody tr td:nth-child(odd) {
  
}


#notify-empTimesheetApproveOrReject .modal-content .modal-body table tbody tr.auto-notification1 {
    height: 216px;
    display: block;
    overflow-y: auto;
    margin-right: 9px;
    margin-bottom: 10px;
    margin-top: 7px;
}

#notify-empTimesheetApproveOrReject .modal-content .modal-body .auto-notification table {
   /* margin: 40px 0 0 0;*/
}

.notif-title-row{
    height:40px;
}

.auto-notification1::-webkit-scrollbar {
    width: 3px;
    visibility: visible;
}

.auto-notification1::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #d6d7d8;
    border-radius: 6px;
}

.auto-notification1::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 6px;
}
#notify-empTimesheetApproveOrReject .close-icon {
    background: url('../images/Timesheet View/close-icon-notification.svg') no-repeat center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
}
#ContentPlaceHolder1_rFv_txtActualMinutes1, #ContentPlaceHolder1_rgExv_txtActualHours1, #ContentPlaceHolder1_rvActualMinutes1 {
    display: none !important;
}

.custom-bold {
    font-family: 'Montserrat-Semibold';
    font-size:20px;
}