:root {
    --scrollthumb: #f3f3f3;
    --body-bg-rgb: 240, 241, 247;
    --primary-rgb: 132, 90, 223;
    --secondary-rgb: 35, 183, 229;
    --warning-rgb: 245, 184, 73;
    --info-rgb: 73, 182, 245;
    --success-rgb: 38, 191, 148;
    --danger-rgb: 230, 83, 60;
    --light-rgb: 243, 246, 248;
    --dark-rgb: 35, 35, 35;
    --orange-rgb: 255, 165, 5;
    --pink-rgb: 231, 145, 188;
    --teal-rgb: 18, 194, 194;
    --purple-rgb: 137, 32, 173;
    --default-body-bg-color: rgb(var(--body-bg-rgb));
    --primary-color: rgb(var(--primary-rgb));
    --primary-border: rgb(var(--primary-rgb));
    --primary01: rgba(var(--primary-rgb), .1);
    --primary02: rgba(var(--primary-rgb), .2);
    --primary03: rgba(var(--primary-rgb), .3);
    --primary04: rgba(var(--primary-rgb), .4);
    --primary05: rgba(var(--primary-rgb), .5);
    --primary06: rgba(var(--primary-rgb), .6);
    --primary07: rgba(var(--primary-rgb), .7);
    --primary08: rgba(var(--primary-rgb), .8);
    --primary09: rgba(var(--primary-rgb), .9);
    --primary005: rgba(var(--primary-rgb), .05);
    --default-font-family: "Inter", sans-serif;
    --default-font-weight: 400;
    --default-text-color: #333335;
    --default-border: #f3f3f3;
    --default-background: #f7f8f9;
    --custom-white: #fff;
    --custom-black: #000;
    --bootstrap-card-border: #f3f3f3;
    --list-hover-focus-bg: #f5f6f7;
    --text-muted: #8c9097;
    --input-border: #e9edf6;
    --form-control-bg: #fff;
    --gray-1: #f9fafb;
    --gray-2: #f2f4f5;
    --gray-3: #e6eaeb;
    --gray-4: #dbdfe1;
    --gray-5: #949eb7;
    --gray-6: #7987a1;
    --gray-7: #4d5875;
    --gray-8: #383853;
    --gray-9: #323251;
    --white-1: hsla(0, 0%, 100%, .1);
    --white-2: hsla(0, 0%, 100%, .2);
    --white-3: hsla(0, 0%, 100%, .3);
    --white-4: hsla(0, 0%, 100%, .4);
    --white-5: hsla(0, 0%, 100%, .5);
    --white-6: hsla(0, 0%, 100%, .6);
    --white-7: hsla(0, 0%, 100%, .7);
    --white-8: hsla(0, 0%, 100%, .8);
    --white-9: hsla(0, 0%, 100%, .9);
    --black-1: rgba(0, 0, 0, .1);
    --black-2: rgba(0, 0, 0, .2);
    --black-3: rgba(0, 0, 0, .3);
    --black-4: rgba(0, 0, 0, .4);
    --black-5: rgba(0, 0, 0, .5);
    --black-6: rgba(0, 0, 0, .6);
    --black-7: rgba(0, 0, 0, .7);
    --black-8: rgba(0, 0, 0, .8);
    --black-9: rgba(0, 0, 0, .9);
    --secondary01: rgba(35,183,229,.1);
    --secondary02: rgba(35,183,229,.2);
    --secondary03: rgba(35,183,229,.3);
    --secondary04: rgba(35,183,229,.4);
    --secondary05: rgba(35,183,229,.5);
    --secondary06: rgba(35,183,229,.6);
    --secondary07: rgba(35,183,229,.7);
    --secondary08: rgba(35,183,229,.8);
    --secondary09: rgba(35,183,229,.9);
    --warning01: rgba(245,184,73,.1);
    --warning02: rgba(245,184,73,.2);
    --warning03: rgba(245,184,73,.3);
    --warning04: rgba(245,184,73,.4);
    --warning05: rgba(245,184,73,.5);
    --warning06: rgba(245,184,73,.6);
    --warning07: rgba(245,184,73,.7);
    --warning08: rgba(245,184,73,.8);
    --warning09: rgba(245,184,73,.9);
    --danger01: rgba(230,83,60,.1);
    --danger02: rgba(230,83,60,.2);
    --danger03: rgba(230,83,60,.3);
    --danger04: rgba(230,83,60,.4);
    --danger05: rgba(230,83,60,.5);
    --danger06: rgba(230,83,60,.6);
    --danger07: rgba(230,83,60,.7);
    --danger08: rgba(230,83,60,.8);
    --danger09: rgba(230,83,60,.9);
}
/*======================================<Common css start here>======================================*/
.form-control {
    border-color: #c4cbdd;
    border-radius: 4px;
    font-size: 0.75rem;
    padding: 0.275rem 0.64rem;
    width: 100%;
    line-height: 1.35;
    height: 27px;
    color: #333333;
}

.gap-x-1 {
    gap: 5px;
}

.gap-x-2 {
    gap: 10px;
}

.gap-x-3 {
    gap: 18px;
}

.gap-x-4 {
    gap: 23px;
}

.form_card .card-body {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.card-footer {
    padding: 0.8rem 0.5rem;
}

textarea {
    resize: none;
}

.mx-800 {
    max-width: 800px;
}

.mx-920 {
    max-width: 920px;
}

.flex1 {
    flex: 1;
}

.w70 {
    width: 70px;
}

.w120 {
    width: 120px;
}

.w130 {
    width: 130px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w250, .project-width.w250 {
    width: 250px;
}

.h50 {
    height: 50px;
}

body .h100 {
    height: 100px;
}

.avatar {
    align-items: center;
    border-radius: 0.5rem;
    display: inline-flex;
    font-weight: 500;
    height: 2.625rem;
    justify-content: center;
    position: relative;
    width: 2.625rem;
}

.hrm-main-card.card {
    border-top-style: solid !important;
    border-top-width: 3px !important;
    margin-bottom: 12px;
}

.hrm-main-card.primary {
    border-color: var(--primary03) !important;
}

.hrm-main-card.secondary {
    border-color: var(--secondary03) !important;
}

.hrm-main-card.warning {
    border-color: var(--warning03) !important;
}

.hrm-main-card.danger {
    border-color: var(--danger03) !important;
}

.hrm-main-card.success {
    border-color: rgba(38, 191, 148, .3) !important;
}

.hrm-main-card.blue {
    border-color: #a5b6f1 !important;
    cursor: pointer;
}

.hrm-main-card.orange {
    border-color: #ffcaa0 !important;
    cursor: pointer;
}

.hrm-main-card.pink {
    border-color: #fac6fb !important;
}

.card .card-footer, .card .card-header {
    background-color: var(--custom-white);
    color: var(--default-text-color);
}

.card-header {
    flex-wrap: wrap;
}

.btn-badge-text {
    font-size: 12px;
    padding: 1px 7px;
}

.QA-checklist ol {
    margin-bottom: 0px;
}

    .QA-checklist ol li {
        padding: 8px 3px;
        font-size: 0.875rem;
    }

.action_successLink {
    font-size: 0.875rem;
}

.text-left {
    text-align: left;
}

body .h80 {
    height: 80px !important;
}

.icon_btn_outer {
    display: flex;
    align-items: center;
    gap: 5px;
}

.icon_btn {
    width: 1.7rem;
    height: 1.7rem;
    font-size: .8rem;
    padding: .22rem .2rem;
    border-radius: .25rem; /*padding: 3px 2px;  font-size: 0.875rem; width: 30px;  height: 24px;line-height: 16px;*/
    border-radius: 5px;
    text-align: center;
}

    .icon_btn svg {
        width: 100%;
        height: 100%;
    }

.icon_PrimaryBtn {
    border: 1px solid rgb(132 90 223 / 30%);
    color: var(--primary-bg-color);
    background: var(--primary02)
}

.icon_DeleteBtn, .icon_DeleteBtn:hover {
    background-color: rgba(var(--danger-rgb), .1);
    border: 1px solid rgba(230 83 60 / 30%);
    color: #e6533c;
}

select.form-control.w120 {
    width: 110px;
}

/*======================================<Sidebar css start here>======================================*/
.side-menu .slide {
    padding: 0px 0.75rem;
}

.main-sidemenu {
    height: calc(100vh - 116px);
    overflow-y: auto;
    font-family: Montserrat, sans-serif;
}

.side-menu__item:hover .side-menu__icon, .side-menu__item:hover .side-menu__label, .side-menu__item:focus .side-menu__icon, .side-menu__item:focus .side-menu__label {
    color: rgb(142 131 255);
}

.app-sidebar__toggle span:after {
    background: #536485;
    content: "";
    cursor: pointer;
    display: block;
    height: 0.125rem;
    position: absolute;
    width: 1.0625rem;
    bottom: -0.375rem;
}

.app-sidebar__toggle span:before {
    background: #536485;
    content: "";
    cursor: pointer;
    display: block;
    height: 0.125rem;
    position: absolute;
    width: 1.0625rem;
    inset-block-start: -0.375rem;
}

.app-sidebar__toggle span {
    background: #536485;
    content: "";
    cursor: pointer;
    display: block;
    height: 0.125rem;
    position: absolute;
    width: 0.75rem;
    top: 15px;
    left: 0;
}

.header {
    background: var(--custom-white);
    padding-block-start: 0.458rem;
    padding-block-end: 0.458rem;
}

.card-header .card-title {
    position: relative;
}

    .card-header .card-title:before {
        background: linear-gradient(to bottom, var(--primary05) 50%, rgba(var(--secondary-rgb), .5) 50%);
        border-radius: 0.5rem;
        content: "";
        height: 1rem;
        inset-block-start: 0.15rem;
        inset-inline-start: -0.65rem;
        position: absolute;
        width: 0.2rem;
    }

.bg-danger-transparent, .bg-danger-transparent:hover {
    background-color: rgb(230 83 60 / 10%) !important;
    color: #e6533c !important;
}

.bg-success-transparent, .bg-success-transparent:hover {
    background-color: rgba(38, 191, 148, .1) !important;
    color: rgb(38, 191, 148) !important;
}

.bg-warning-transparent, .bg-warning-transparent:hover {
    background-color: rgba(245, 184, 73, .1) !important;
    color: rgb(245, 184, 73) !important;
}

.bg-primary-transparent, .bg-primary-transparent:hover {
    background-color: var(--primary01) !important;
    color: rgb(132, 90, 223) !important;
}

.avatar.avatar-sm {
    font-size: .65rem;
    height: 1.75rem;
    line-height: 1.75rem;
    width: 1.75rem;
    min-width: 1.75rem;
    color: #845adf;
}

.avatar.avatar-rounded, .avatar.avatar-rounded img {
    border-radius: 50%;
}

.custom-control-label:before {
    background: var(--custom-white);
    border: 1px solid #ddd;
}

.status-repeat-box .custom-control-label:before {
    border: 1px solid #bbb;
}

.nocursor {
    cursor: auto !important;
}

select.form-control {
    background-image: url(../images/media/BlackArrowBottom.png) !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    background-size: 11px !important;
    appearance: none !important;
    padding-right: 25px;
}

.login_wrapper select.form-control {
    background-image: url(../images/media/WhiteArrowBottom.png) !important;
}

.tootip_content {
    vertical-align: middle;
    line-height: inherit;
}

/*======================================<Login css start here>======================================*/
.login_wrapper .login_content {
    display: flex;
    min-height: 100vh;
    /*flex-wrap: wrap;*/
}

.login_wrapper .validation_error, .login_wrapper .astrisk {
    color: #ec5260;
    opacity: 0.9;
}

.login_wrapper .login_content .login_right {
    width: 640px;
    padding: 20px 30px;
}

    .login_wrapper .login_content .login_right .login_flex_box {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        align-items: center;
        max-width: 90%;
        margin: auto;
    }

.login_wrapper .form-group {
    width: 100%;
    margin-bottom: 30px;
}

.login_wrapper .login_content .login_right .login_flex_box .form-row {
    width: 100%;
}

.login_wrapper {
    background: #212121;
    min-height: 100vh;
    color: #a9a9a9;
}

    .login_wrapper .login_img {
        height: 100%;
        width: 100%;
    }

        .login_wrapper .login_img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
        }

    .login_wrapper .form-control {
        padding: 8px 0.75rem;
        background: #353535;
        border-color: #474747;
        color: #acacac;
        height: 40px;
        color-scheme: dark;
    }

        .login_wrapper .form-control::placeholder {
            color: #acacac;
        }

    .login_wrapper .form-group.custm_checkbox {
        width: auto;
    }

    .login_wrapper .forgot_password_section {
        margin-bottom: 4px;
        display: block;
        text-align: right;
    }

    .login_wrapper .login100-form-btn {
        height: 48px;
    }

    .login_wrapper .custm-or {
        display: flex;
        align-items: center;
        margin: 35px 0px;
        width: 100%;
    }

        .login_wrapper .custm-or hr {
            border-color: rgb(153 153 153);
            margin-top: 1rem;
            flex: 1;
            margin-bottom: 1rem;
        }

    .login_wrapper .login_flex_box .logo {
        margin-bottom: 30px;
        display: block;
    }

        .login_wrapper .login_flex_box .logo img {
            max-width: 50px;
        }

    .login_wrapper .custom-checkbox .custom-control-label::before {
        border-color: #a9a9a9;
    }

    .login_wrapper .login_flex_box .form-group.custm_checkbox label {
        position: relative;
        left: 0px;
        top: 0;
        padding: 0px 25px;
    }

.facebook-login {
    background-color: #0c99dd;
    border-color: #0c99dd;
    color: var(--custom-white);
}

.google-login {
    background: var(--custom-white);
}

.login_wrapper .login_flex_box .form-row.FlexFields {
    display: flex;
    gap: 20px;
}

    .login_wrapper .login_flex_box .form-row.FlexFields .form-group {
        flex: 1;
        position: relative;
    }

.relative {
    position: relative;
}

/*======================================<Manager dashboard css start here>======================================*/
.employee_card_layout {
    max-width: 100vw;
    margin: auto;
    margin-left: 0px;
}

    .employee_card_layout .card-header {
        padding: 10px 1.25rem 10px;
        border-bottom: 1px solid #ddd;
    }

        .employee_card_layout .card-header .card-title {
            margin-bottom: 0;
            text-decoration: underline;
        }

    .employee_card_layout .link_text {
        color: #0588ff;
        font-size: 0.563rem;
        white-space: nowrap;
    }

.employee_team_content {
    padding: 0px;
    box-sizing: border-box;
    display: inline;
}

.employee_team_content {
    width: 19%;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: var(--white);
    margin: 0px 0.5% 5px;
}

    .employee_team_content .employee_team li + li {
        margin-block-start: 0.9rem;
    }

    .employee_team_content .employee_team li {
        border-bottom: 0;
        text-align: left;
    }

.employee_scrollbar {
    position: relative;
}

.employee_team_content .edit_teamLink {
    text-align: right;
    padding-right: 1.25rem;
}

.employee_team_content .card-body {
    padding: 5px 0px 0px;
}

.employee_team_content .employee_team {
    padding: 0px 1.25rem 1.25rem;
}

.custm_progress .progress-bar {
    border-radius: 0;
}

.one-fourthBox .col-fourth {
    width: 25%;
    flex: inherit;
}

button.btn.btn-info-light {
    border-color: #b3c5db !important;
}

.btn-primary-light {
    border-color: rgb(132 90 223 / 30%) !important;
}


.tenYear_bgColor {
    background: #a30606;
}

.Eight_tenbgColor {
    background: #C0504E;
}

.six_eightbgColor {
    background: #BF8351;
}

.four_sixbgColor {
    background: #e47302;
}

.Two_fourbgColor {
    background: #9CBA58;
}

.one_TwobgColor {
    background: #C0B156;
}

.zero_OnebgColor {
    background: #F7C600;
}

.StipendbgColor {
    background: #d5084a;
}

.traineerbgColor {
    background: #605b5b;
}

.tenYear_Color {
    color: #C0504E;
}

.Eight_tenColor {
    color: #BF8351;
}

.six_eightColor {
    color: #e47302;
}

.four_sixColor {
    color: #9CBA58;
}

.Two_fourColor {
    color: #C0B156;
}

.traineerColor {
    color: #F7C600;
}

.OtherColor {
    color: #605b5b;
}



/*======================================<Team color css start here>======================================*/
/* .TeamLead_color,.TeamLead_color:hover{ }
.SoftwareEng_color,.SoftwareEng_color:hover { color: #e47302;}
.SrEng_color, .SrEng_color:hover { color: #83aa2d;}
.JrEng_color, .JrEng_color:hover { color: #83a3ff;}

.tenYear, .tenYear:hover{color: #C0504E;}
.Eight_tenColor, .Eight_tenColor:hover{ color: #BF8351;}
.six_eightColor, .six_eightColor:hover{color: #e47302;}


.Trainee_color,.Trainee_color:hover { color: #F7C600;}
.Other_color,.Other_color:hover{ color:#605b5b;} */

.material-switch > label::after {
    background: #c1c1c1;
}

.btn-warning-light i {
    color: #6e4e0a !important;
}

.input-group-text {
    padding-top: 8px;
    padding-bottom: 8px;
}

body .text-normal {
    font-weight: 400;
}

.text-bold {
    font-weight: 600;
}

.select_designation {
    width: 200px;
}

.open_selectBox {
    width: 110px;
}

.platform_selectBox {
    width: 110px;
}

.active_SearchBox {
    width: 150px;
}

.theme_table th {
    text-transform: inherit;
    background-color: #ededed !important; /* background-color:#dedef1!important;*/
    font-size: 12px;
    padding: 4px 0.75rem !important;
    border-color: #d5d8ed !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.theme_table .table td {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.462;
    padding: 0.3rem 0.75rem;
    vertical-align: middle;
    border-color: #d5d8ed; /*border-color: #ebebeb !important;*/
    white-space: normal;
}

    .theme_table .table td a {
        font-size: 0.75rem;
        cursor: pointer;
    }

.theme_table table.border { /*border-color:#dcdcdc !important;*/
    border-color: #d5d8ed !important;
}

.theme_table .table td .btn-link {
    font-size: 0.75rem;
    text-decoration: none;
    cursor: pointer;
}

.theme_table .table tfoot td {
    font-size: 13px;
    padding: 0.3rem 0.75rem;
}

.btn-danger-transparent {
    background-color: rgba(var(--danger-rgb), .1);
    border-color: rgba(var(--danger-rgb), .4) !important;
    color: rgb(var(--danger-rgb));
}

    .btn-danger-transparent:hover {
        background: #e82646 !important;
        border-color: #e62a45;
        color: var(--custom-white);
    }

.bg-sucess-light {
    background: rgb(233 248 244) !important;
    color: #09ad95 !important;
}

.btn-light {
    border-color: #d1d1d7;
}

.theme_table td .form-control {
    font-size: .75rem;
    border-color: #c4cbdd;
}

.align-self-end {
    align-self: flex-end;
}

.input-group-text {
    border-color: #c4cbdd;
    align-items: center;
    background-color: #f8f9fa;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    padding: 1px 0.75rem;
    text-align: center;
    white-space: nowrap;
}

.search_box i {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 13px;
    transform: translateY(-50%);
}

.search_box {
    position: relative;
    width: 160px;
}

    .search_box .form-control {
        padding-left: 28px;
    }

.selectbox {
    align-items: center !important;
}

    .selectbox p.mb-2 {
        margin-bottom: 0 !important;
    }

.btn i.me-2 {
    margin-right: 5px !important;
}
/*======================================<Employee dashboard css start here>======================================*/
.input-group-text {
    border-color: #c4cbdd;
    align-items: center;
    background-color: #f8f9fa;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-body-color);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    padding: 1px 0.75rem;
    text-align: center;
    white-space: nowrap;
}

.btn {
    border-radius: 0.25rem;
    box-shadow: none;
    padding: .26rem .7rem;
    border-radius: .25rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: normal;
    display: inline-flex;
    align-items: center;
}

.btn-primary {
    border-color: rgb(var(--primary-rgb)) !important;
    background-color: rgba(var(--primary-rgb)) !important;
    cursor: pointer;
}

body .btn.btn-primary:hover {
    background-color: rgb(132 90 223 / 90%) !important;
    border-color: #845adf !important;
    opacity: 1;
}

body .btn-danger:hover {
    background: #f34b67 !important;
    border-color: #f34b67 !important;
    color: var(--white);
}

.btn-danger {
    cursor: pointer;
}

.top_card .selectbox .datepicker, .contact-header .input-group.datepicker {
    width: 140px;
}

.top_card .card-body {
    padding: 1rem 1.25rem 1.25rem;
}

.top_card_awards {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 1px 2px;
    border-radius: 7px;
    padding: 1px 2px;
    border-radius: 7px;
}

    .top_card_awards img {
        background-color: var(--custom-white);
    }

.btn-list > .btn {
    margin-bottom: 0;
}

.ModalW500 {
    width: 100% !important;
    max-width: 500px;
}

.hours-table.table td, .hours-table.table th {
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    text-transform: none;
    vertical-align: middle;
}

.project-width {
    width: 210px;
}

.theme_table .status-width {
    width: 140px;
}

.attendance_layout thead tr th {
    background: #f6f6fb !important;
    padding-top: 4px !important;
    border: 1px solid #d9e1f5 !important
}

.team_card thead tr {
    border: none;
}

.hours-table td.absent {
    background: rgb(217 81 81 / 28%);
}

.hours-table td.present {
    background: rgb(185 229 185 / 29%);
}

.add_New_project_modal .modal-dialog {
    max-width: 740px;
    margin: 1.75rem auto;
}

.add_New_project_modal .form-group {
    margin-bottom: 10px;
}

.add_New_project_modal .form-control {
    height: 28px;
}

textarea.form-control.h150 {
    height: 150px;
}

.form-group label {
    width: 100%;
    text-align: left;
}

.add_lead_modal .offer_value input {
    width: 90px;
}

.add_lead_modal .offer_value .form-control {
    font-size: 0.75rem;
}

.add_lead_modal .validation-message {
    text-align: left;
    position: absolute;
    border: 0;
}

.add_lead_modal .offer_select .offer_value {
    width: 100%;
}

.upload_docs_content {
    border: 1px solid #c4cbdd;
    background-color: #fff;
    border-radius: 4px;
    font-size: 0.75rem;
    padding: 0.275rem 0.64rem;
    width: 100%;
    line-height: 1.35;
    height: 28px;
    color: #333335;
    font-size: 0.75rem;
    font-weight: 400;
}

    .upload_docs_content input[type="file"] {
        font-size: 9px;
        width: 100%;
    }

.theme-flex-inline {
    display: flex;
    gap: 15px;
}

    .theme-flex-inline .projectNo_width {
        width: 40%;
    }

.hours-table td.holiday {
    font-weight: 500;
    background: #f1f1f1;
}

.attendance_status.Leave_status {
    background: rgb(64 157 146 / 23%);
    color: #15b532;
}

.hours-table.table tbody th {
    font-weight: 500;
}

.showcase-project-list {
    display: flex;
    flex-wrap: wrap;
}

    .showcase-project-list li {
        margin-block-end: 15px;
        margin-inline-start: 1rem;
        position: relative;
        width: 31%;
        border: none;
    }

        .showcase-project-list li.warning:before {
            background-color: rgb(var(--warning-rgb));
        }

        .showcase-project-list li:before {
            border-radius: 50%;
            content: "";
            height: 0.5rem;
            inset-block-start: 0.375rem;
            inset-inline-start: -1rem;
            position: absolute;
            width: 0.5rem;
        }

.showcase-project-name {
    width: 50%;
}

.card-header.projectName {
    background: rgba(var(--primary-rgb));
    color: var(--white);
}

    .card-header.projectName .card-title::before {
        display: none;
    }

    .card-header.projectName .btn-list .btn {
        background: var(--custom-white) !important;
        color: #333 !important;
    }

/*======================================<Add status page css start here>======================================*/
.status-card {
    border-inline-start: 0.45rem solid rgba(var(--primary-rgb), .4) !important;
    margin-bottom: 10px;
}

    .status-card .card-body {
        background: var(--custom-white);
        border: 1px dashed #845adf;
        border-left: 0;
        border-radius: 0 8px 8px 0;
        padding: 9px 9px 6px;
    }

.status-left {
    display: flex;
    gap: 22px;
}

.status-right {
    display: flex;
    gap: 15px;
}

.status-card .btn-list .btn {
    padding: 1px 6px 0;
    line-height: inherit;
    border: none;
}

.status-repeat-box {
    background: #f9f7fc;
    padding: 15px 0;
    margin: 20px 0 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 0.125rem #f9f9f90a;
    margin-bottom: 20px;
    position: relative;
}

    .status-repeat-box .mark-leave {
        /*        position: absolute;
        right: 0;*/
        width: 100%;
        top: -15px;
        /*        background: #845adf;*/
        background: transperant;
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 1px 5px 1px;
        color: #333;
        opacity: 1;
        font-size: 12px;
    }

        .status-repeat-box .mark-leave input {
            margin: 0;
        }

    .status-repeat-box .form-group label {
        font-size: 0.75rem;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .status-repeat-box .form-group .form-control {
        font-size: 0.75rem;
        font-weight: 400;
        appearance: auto;
    }

.offcanvas-header {
    border-bottom: 1px solid #f3f3f3;
    padding: 1rem 1.25rem;
}

    .offcanvas-header h5 {
        margin: 0;
    }

    .offcanvas-header .btn-close {
        padding: 0;
    }

.offcanvas-body .status-repeat-box + .status-repeat-box {
    margin-top: 15px !important;
}

.text-right {
    text-align: right !important;
}

.offcanvas-footer {
    padding: 1rem 1.25rem;
    border-top: 1px solid #f3f3f3;
}

.btn-link {
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
}

.status-box {
    max-height: 290px;
    overflow-y: auto;
}

.dashboard-awards {
    display: flex;
    gap: 5px;
}

    .dashboard-awards img {
        max-width: 30px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 3px;
        transition: 0.2s ease;
    }

        .dashboard-awards img:hover {
            transform: scale(1.1);
        }

.profile-dropdown .dropdown-item .dropdown-icon {
    font-size: 12px;
    margin-right: 3px;
}

.profile-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.object-cover {
    object-fit: cover;
}

.position-top {
    object-position: top;
}

.profile_image_outer {
    width: 40px;
    height: 40px;
    margin-inline-end: 0.5rem !important;
    border: 1px solid #c4cbdd;
    border-radius: 50px;
}

/*======================================<Profile page css start here>======================================*/
.main-profile-cover {
    background-image: url(../images/media/backgrounds/profile-cover.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 9;
}

    .main-profile-cover:before {
        background-color: var(--primary08);
        content: "";
        height: 100%;
        inset-block-end: 0;
        inset-block-start: 0;
        inset-inline-end: 0;
        inset-inline-start: 0;
        position: absolute;
        width: 100%;
        z-index: -1;
        --webkit-print-adjust-color: exact;
    }

.main-profile-info {
    color: var(--custom-white);
}

.main-profile-cover .avatar.avatar-xxl {
    font-size: 1.5rem;
    height: 5rem;
    line-height: 5rem;
    width: 5rem;
    border-radius: 50px;
    overflow: hidden;
}

    .main-profile-cover .avatar.avatar-xxl img {
        max-width: 100%;
        object-fit: cover;
    }

.btn i {
    font-size: 0.875rem;
}

.profile-page .list-group-item {
    font-size: 13px;
}

    .profile-page .list-group-item li {
        font-weight: 300;
    }

    .profile-page .list-group-item .line-text + .line-text {
        margin-top: 5px;
    }

.btn-sm-badge {
    padding: 3px 7px;
    font-size: 12px;
    border-radius: 5px !important;
}

.btn-badge {
    padding: 3px 7px;
    border-radius: 5px;
    line-height: normal;
    border: 1px solid;
}

    .btn-badge i {
        font-size: 0.875rem;
    }

.btn-primary-light i {
    color: rgb(var(--primary-rgb)) !important;
}

.btn-danger-transparent i {
    color: var(--danger09) !important;
}

.btn-primary-light:hover i, .btn-danger-transparent:hover i {
    color: var(--custom-white) !important;
}

.bg-info-transparent {
    color: #1170e4;
}

.btn-danger-transparent:hover {
    background: var(--danger09) !important;
    border-color: var(--danger09) !important;
}

.nowrap {
    white-space: nowrap !important;
}

.module-width {
    min-width: 130px;
}

.memo-width {
    min-width: 160px;
}

.memoModal-width {
    min-width: 60px;
}

.profile-width {
    min-width: 150px;
}

.designation-width {
    min-width: 180px;
}

.user-with-img a {
    white-space: nowrap;
}

.list-group-item a {
    color: var(--primary-bg-color);
}

.app-header {
    z-index: 99 !important;
}

tr[scope="mainuser"] {
    background: #f4f4f4;
}

    tr[scope="mainuser"] td:nth-child(1) {
        font-weight: 500;
    }

.date-selectbox {
    width: 118px;
}

input.m0 {
    margin: 0;
}

.filter-right .form-control {
    font-size: 0.75rem;
}

.flex-row-box {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.input-checbox-layout {
    display: flex;
    gap: 5px;
    font-size: 0.75rem;
    align-items: center;
}

    .input-checbox-layout label {
        margin: 0;
    }

.input-checbox-layout {
    margin-bottom: 5px;
}

    .input-checbox-layout input.m0 {
        margin: 0;
    }
/*======================================<Client page css start here>======================================*/
.selectbox p, .selectbox .form-control {
    font-size: 0.75rem !important;
}

.clients_layout {
    gap: 30px;
    /*  margin-top: 20px;*/
}

.clientList_box {
    display: none;
}

.clients_layout .clientLeft_Box {
    width: 385px;
}

.clientList_box .clientList_Content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.clients_layout .clientRight_Box {
    flex: 1;
    box-shadow: none;
}

.clientList_box .status-card {
    width: 32.48%;
    margin-bottom: 0px;
    box-shadow: 0 0.125rem #0a0a0a0a
}

.btn-list-right button {
    margin: 0 !important;
}

.btn-active {
    background: var(--primary02) !important;
    color: rgb(var(--primary-rgb));
    border: 1px solid var(--primary02) !important;
}

    .btn-active:focus {
        border: 0;
    }

.clientLeft_Box .status-repeat-box, .clientLeft_Box .card-header, .clientLeft_Box .card-footer {
    box-shadow: none !important;
    background: transparent !important;
}

.clientLeft_Box .status-repeat-box {
    box-shadow: none !important;
    background: transparent !important;
}

.UpdateClientBox {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: rgb(230 219 255 / 20%) !important;
}

    .UpdateClientBox .card-header {
        border-block-end: 1px dashed #b399ec;
    }

    .UpdateClientBox .card-footer {
        border-block-start: 1px dashed #b399ec;
    }

.project-detail-maincard {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5%;
}

    .project-detail-maincard p { /* width: 33%;*/
        font-size: 13px;
        margin-bottom: 0;
        width: 100%;
    }

.projectdetail_info.leftbox {
    flex: 1;
}

.projectdetail_infoContent {
    display: flex;
}

.projectdetail_graph.rightBox { /*border-left: 1px solid #ddd;*/
    margin-top: 0;
    width: 100%;
}

.projectDetail_show {
    margin-top: 0px;
    display: none;
    width: 100%;
}

.project-detail-maincard p + p {
    margin-top: 8px;
}

.show_more span {
    color: rgba(var(--primary-rgb)) !important;
    cursor: pointer;
}

.badge {
    line-height: normal;
    padding: 1px 5px 1px;
}

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

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

.btn-xs-badge {
    padding: 2px 6px 2px 6px;
}

.btn-success-light {
    background-color: #d5f9de !important;
    border-color: #c1f3c8;
}

.attendance_buttons .btn {
    border: 1px solid;
    transition: 0.2s ease;
    position: relative;
    top: 0;
}

    .attendance_buttons .btn:hover {
        top: -2px;
        box-shadow: rgba(50, 50, 93, 0.6) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    }

hr.dashed {
    opacity: 1;
    border-style: dashed;
    border-color: #ddd;
}

.line_border {
    border: 1px dashed #f1f1f1;
    margin-top: 5px;
    margin-bottom: 0;
}
/*======================================<Settings css start here>======================================*/
.settings_layout .settings_checkBox {
    width: 19.2%;
    margin: 8px 0px;
}

.settings_layout {
    gap: 1%;
    flex-wrap: wrap;
}

.teams_content {
    margin-bottom: 0px;
}

.text-underline {
    text-decoration: underline;
}

/*======================================<Tabs css start here>======================================*/
.theme_tabs .tab-content {
    border: 1px solid #ddd;
    margin-top: 1px;
    /*added visible to show over the tab*/
    overflow: visible;
    border-radius: 0px 7px 7px 7px;
}

.theme_tabs .nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    position: relative;
    z-index: 1;
}

    .theme_tabs .nav-tabs .nav-item .nav-link {
        position: relative;
        padding: 8px 20px;
        font-size: 0.875rem;
        text-decoration: none;
    }

        .theme_tabs .nav-tabs .nav-item .nav-link.active:before {
            position: absolute;
            width: 15px;
            height: 15px;
            content: "";
            bottom: -5px;
            background: #845adf !important;
            z-index: 99;
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
        }

        .theme_tabs .nav-tabs .nav-item .nav-link.active:hover {
            background: var(--primary-bg-color) !important;
            color: var(--custom-white);
        }

        .theme_tabs .nav-tabs .nav-item .nav-link:hover {
            background: transparent;
            color: var(--primary-bg-color);
        }

.pagination {
    padding: 0 !important;
    background: transparent !important;
}

.pagination_layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.813rem;
}

.dataTable_filterBox .form-control {
    width: 60px;
    height: 30px;
}

.text-bold {
    font-weight: 600;
}

.theme_table .table tr.totalHours td {
    padding: 1.2rem 0.75rem;
    background: #eaf2ff;
}

.empty_row td {
    padding: 0px;
    pointer-events: none;
}

/*======================================<User section css start here>======================================*/
.all-user-Card {
    background: var(--custom-white);
    border-radius: 7px !important;
}

    .all-user-Card .dropdown-item {
        font-size: .8125rem;
        font-weight: 500;
        padding: 0.5rem 0.9375rem;
        white-space: unset;
    }

        .all-user-Card .dropdown-item:not(.active):hover {
            background-color: var(--primary005);
            color: var(--primary-color);
        }

    .all-user-Card .dropdown-menu {
        background-color: var(--custom-white);
        box-shadow: 0 1rem 1.125rem #a8a8a826;
        color: var(--default-text-color);
        font-size: .875rem;
        padding: 0;
        z-index: 10;
    }

    .all-user-Card .btn-light, .all-user-Card .btn-light.show, .all-user-Card .btn-light:active {
        background-color: rgb(var(--light-rgb)) !important;
        border-color: rgb(var(--light-rgb)) !important;
        color: var(--default-text-color) !important;
    }

.team-member-card .card.custom-card {
    background-color: var(--custom-white);
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem #0a0a0a0a;
    margin-block-end: 1.5rem;
    position: relative;
    width: 100%;
}

.team-member-card {
    overflow: hidden;
}

    .team-member-card .teammember-cover-image {
        position: relative;
    }

        .team-member-card .teammember-cover-image:before {
            background-color: var(--primary03);
            content: "";
            height: 100%;
            inset-block-end: 0;
            inset-block-start: 0;
            inset-inline-end: 0;
            inset-inline-start: 0;
            position: absolute;
            width: 100%;
        }

        .team-member-card .teammember-cover-image .card-img-top {
            height: 3.25rem;
            width: 100%;
        }

    .team-member-card .avatar.avatar-xl {
        font-size: 1.25rem;
        height: 4rem;
        line-height: 4rem;
        width: 4rem;
    }

    .team-member-card .avatar.avatar-rounded, .team-member-card .avatar.avatar-rounded img {
        border-radius: 50%;
    }

    .team-member-card .teammember-cover-image .team-member-star {
        align-items: center;
        background-color: #0000001a;
        border-radius: 0.5rem;
        display: flex;
        height: 2rem;
        inset-block-start: 0.75rem;
        inset-inline-end: 0.75rem;
        justify-content: center;
        padding: 0.375rem;
        position: absolute;
    }

    .team-member-card .avatar img {
        border-radius: 0.5rem;
        height: 100%;
        width: 100%;
    }

    .team-member-card .avatar {
        inset-block-start: 65%;
        inset-inline-start: 38%;
        outline: 0.25rem solid rgba(0, 0, 0, .075);
        position: absolute;
        left: 15px;
    }

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

    .team_memberslayout .team_membersCard {
        width: 24%;
    }

.sidenav-toggled .sidenav-toggled {
    width: 23.85%;
}

.border-bottom.border-block-end-dashed {
    border-bottom-style: dashed !important;
}

.border-bottom {
    border-bottom: 1px solid var(--default-border) !important;
}

.all-users-details {
    margin-top: 10px;
}

.star-img img {
    max-width: 20px;
}

.teammember-cover-image .team-member-star {
    background: transparent !important;
    display: flex;
    gap: 5px;
}

.star-img {
    /* background: #0000001a; */
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.team-member-details .dropdown-item {
    font-size: .8125rem;
    font-weight: 500;
    padding: 0.5rem 0.9375rem;
    white-space: unset;
}

    .team-member-details .dropdown-item:not(.active):hover {
        background-color: var(--primary005);
        color: var(--primary-color);
    }

.team-member-details .dropdown-menu {
    background-color: var(--custom-white);
    box-shadow: 0 1rem 1.125rem #a8a8a826;
    color: var(--default-text-color);
    font-size: .875rem;
    padding: 0;
    z-index: 10;
}

.worked_status {
    width: 400px;
}

.bg-ltBlue {
    background: #eaf2ff;
}

.Year-width {
    width: 130px;
}

.side-menu__item.active:hover .side-menu__icon, .side-menu__item.active:focus .side-menu__icon {
    color: var(--primary-bg-color) !important;
}

.management-change span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.management-change .form-control {
    padding: 3px 7px;
    width: 100%;
    max-width: 130px;
    font-size: 12px;
    height: auto;
    background-color: rgb(255 255 255 / 81%);
    color: #333;
}

.profile-action > p {
    width: 50%;
    align-items: center;
}

.profile-action {
    flex-wrap: wrap;
}

    .profile-action label {
        margin-bottom: 1px;
        font-weight: 600;
        min-width: 70px;
    }

.profile-skills > p {
    width: 100%;
    align-items: center;
}

.profile-skills {
    flex-wrap: wrap;
}

    .profile-skills label {
        margin-bottom: 1px;
        font-weight: 600;
        min-width: 70px;
    }

.account-detail.profile-action label {
    min-width: 100px;
}

.main-profile-info .btn {
    font-size: 12px;
    padding: 0.3rem 0.4rem;
}

    .main-profile-info .btn.rounded-pill {
        font-size: 12px;
        padding: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        min-width: inherit;
        justify-content: center;
    }

.form-control:focus {
    border-color: #bcabe4;
}

.validation_error {
    color: #dc3545;
    font-size: 11px;
    margin-block-start: 2px;
    width: 100%;
    position: absolute;
}

.astrisk {
    color: #dc3545;
}

/*======================================<Timeline css start here>======================================*/
.theme-timeline .timeline-layout {
    position: relative;
    max-height: 380px;
    overflow-y: auto;
}

    .theme-timeline .timeline-layout > li {
        min-height: 3.125rem;
        padding: .938rem 0;
        position: relative;
    }

    .theme-timeline .timeline-layout li:before {
        border: 1px dashed var(--primary02);
        content: "";
        inset-block-end: -.2rem;
        inset-block-start: 1.985rem;
        inset-inline-start: 20%;
        margin-inline-start: -2px;
        position: absolute;
        width: 1px;
    }

    .theme-timeline .timeline-layout .timeline-time {
        inset-block-start: 3.35rem;
        inset-inline-start: 0;
        position: absolute;
        width: 18%;
        top: 11%;
    }

    .theme-timeline .timeline-layout .timeline-icon {
        inset-block-start: 3.188rem;
        inset-inline-start: 14.8%;
        position: absolute;
        text-align: center;
        top: 7%;
        width: 10%;
        z-index: 9;
        height: 20px;
    }

        .theme-timeline .timeline-layout .timeline-icon a {
            background: rgb(var(--light-rgb));
            border: .188rem solid var(--primary05);
            border-radius: 50%;
            color: var(--primary-color);
            display: inline-block;
            font-size: .875rem;
            height: .625rem;
            line-height: .625rem;
            width: .625rem;
        }

    .theme-timeline .timeline-layout .timeline-body {
        background: #fdfdfd;
        border-radius: .5rem;
        box-shadow: 0 1px 1rem #0000000d;
        margin-inline-start: 23%;
        padding: .875rem 1.25rem;
        position: relative;
        border-width: 3px 1px 1px 1px;
        border-color: #ebebeb;
        border-top-color: #845adf;
        border-style: solid;
    }

    .theme-timeline .timeline-layout li:last-child:before {
        display: none;
    }

.theme-timeline .timeline-body .awards-image {
    align-items: center;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    position: relative;
    width: 30px;
    min-width: 30px;
}

.hour_width input {
    width: 75px;
}

.bg-success-transparent {
    background-color: rgba(38, 191, 148, .1);
    border-color: rgb(38 191 148 / 10%);
}

    .bg-success-transparent:hover {
        background-color: rgb(38, 191, 148) !important;
        color: var(--custom-white) !important;
    }

    .bg-success-transparent i {
        color: rgb(var(--success-rgb)) !important;
    }

    .bg-success-transparent:hover i, .btn-info-light:hover i {
        color: var(--custom-white) !important;
    }

.btn-info-light.btn i {
    color: #1170e4;
}

.header .dropdown-menu {
    min-width: 12.8rem;
}

.header .dropdown-menu {
    min-width: 12.8rem;
    right: 5px !important;
    margin-block-start: 0px !important;
    inset-block-start: 0px !important;
}

.theme_table_left table th, .theme_table_left table td {
    text-align: left;
}

.slide.is-expanded .panel.sidetab-menu .sidemenu-list li a.slide-item {
    color: #a3aed1;
}

.slide-menu a.active {
    color: rgb(142 131 255) !important;
}

.feedback-form .status-repeat-box .performance-label {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 1px 5px 1px;
    font-size: 12px;
}

.feedback-form .performance-content {
    gap: 15px;
}

.offcanvas-body .status-repeat-box .card-header {
    padding: 0.7rem 1.25rem;
}

.star_rating i.color_star {
    color: #fcd227;
}

.star_rating i {
    font-size: 0.875rem;
}

.feedback-body {
    background: #f9f7fc;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 0.125rem #f9f9f90a;
}

.department-Performance {
    text-align: center;
    max-width: 300px;
    margin: auto;
}

.card-header {
    padding-top: 0.7rem;
}

    .card-header .card-title {
        margin-bottom: 0.7rem;
        font-size: .9375rem;
    }

.card-header {
    padding-bottom: 0px;
}

    .card-header .filter-right, .card-header .filter-left {
        margin-bottom: 0.7rem;
    }

.filter-right, .filter-left {
    flex-wrap: wrap; /*font-size: 0.813rem;*/
}
/* .filter-right,.filter-left .form-control {font-size: 0.813rem;} */
.module-width {
    width: 250px;
}

.awards-tick {
    background: green;
    padding: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: var(--custom-white);
    border-radius: 50px;
    position: absolute;
    top: -4px;
    right: -4px;
}

    .awards-tick i {
        font-weight: bold;
        font-size: 12px;
    }

.status-repeat-box .card-title {
    margin-bottom: 0;
}

.filter-option {
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.module-filter.filter-left {
    gap: 15px;
    flex: 1;
    color: #333;
}

.accordion-card .accordion-button {
    background-color: var(--custom-white);
}

.accordion-card .card-body {
    border-top: 1px solid rgba(0,0,0,.1);
}

.accordion-card .accordion-button:not(.collapsed)::after {
    top: 0;
}

.accordion-card {
    border-radius: 7px;
    overflow: hidden;
}

    .accordion-card .accordion-button::after {
        height: 14px;
        font-size: 20px;
        position: relative;
        top: -10px;
    }

.filter-outer {
    align-items: center;
}

.filter-option .fa-close {
    cursor: pointer;
}

.border-top-0 {
    border-top: 0;
}

.border-left-0 {
    border-left: 0;
}

.border-right-0 {
    border-right: 0;
}

.sidebar_filter .search_box .form-control {
    border-radius: 0;
    padding-left: 25px;
}

.sidebar_filter .search_box i {
    left: 0;
    top: 7px;
}

.form-control-sm {
    height: 20px;
}

.accordion-button {
    font-size: 0.875rem;
    padding: 10px 15px;
}

.list-group li + li {
    padding-top: 8px;
}

/*=================================================<Portfolio css start here>=================================================*/
.portfolio_collayout .portfolio_details .portfolio_title {
    border-radius: 0;
    border: 0;
    font-weight: bold;
    font-size: 20px;
}

.portfolio_collayout .portfolio_details .portfolio_title {
    border-radius: 0;
    border: 0;
    font-weight: bold;
    font-size: 18px;
}

.portfolio_collayout .portfolio_details {
    padding: 20px;
}

.portfolio_collayout .portfolio-meta {
    display: inline-flex;
    padding: 0;
    margin: 0 0;
}

    .portfolio_collayout .portfolio-meta li {
        display: inline-block;
        font-size: 0.875rem;
        font-weight: 400;
        position: relative;
    }

        .portfolio_collayout .portfolio-meta li:after {
            content: "/";
            position: relative;
            margin: 0 2px;
            top: 2px;
        }

        .portfolio_collayout .portfolio-meta li:last-child:after {
            display: none;
        }

.portfolio_collayout .portfolio_thumb .edit-image {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 1;
}

    .portfolio_collayout .portfolio_thumb .edit-image .btn {
        width: 30px;
        height: 30px;
        line-height: 25px;
        min-width: inherit !important;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        text-align: center;
        padding: 0;
        justify-content: center;
    }

.portfolio_collayout .portfolio_thumb {
    position: relative;
    height: 215px;
}

.portfolio_collayout .portfolio_wrap {
    margin-top: 25px;
    overflow: hidden;
}

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

.text-semibold {
    font-weight: 600;
}

.ProjectPortfolio_detail ul li {
    font-size: 16px;
}

    .ProjectPortfolio_detail ul li + li {
        margin-top: 5px;
    }

.portfolio_title h3, .ProjectPortfolio_detail .portfolio_title h1 {
    font-size: 1.2rem;
}

.flex-images {
    display: flex;
    gap: 1%;
    align-items: flex-start;
}

.inline-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.flex-images .images-content {
    border: 1px solid #ddd;
    background: var(--custom-white);
    padding: 5px;
    margin-top: 10px;
}

.portfolio_title .badge {
    padding: 1px 10px 1px;
}

.ProjectPortfolio_detail p {
    font-size: 15px;
    line-height: 1.9;
    font-weight: 300;
    color: #000;
}

.portfolio_collayout .portfolio_thumb img {
    height: 100%;
    width: 100%;
}

.ff_fileupload_wrap .ff_fileupload_dropzone {
    background-color: var(--custom-white) !important;
    border-color: #c4cbdd !important;
}

.portfolio_collayout .portfolio_thumb a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    top: 0;
    display: inline-block;
}

body .btn-list {
    margin: 0px !important;
}

.dropify-wrapper {
    border-color: #c4cbdd;
}

.attendance_layout tbody tr td {
    padding: 0px;
    min-width: 44px;
    font-size: 10px !important;
}

.main_attendance_status {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 2px;
}
/*    .main_attendance_status.Present_status, body .present {
        background: #daf4f0;
        color: #3c8dbc;
    }
    .main_attendance_status.absent_status, body .absent {
        background-color: #fde8e4;
        color: #f06548;
    }
    .main_attendance_status.halfDayLeave_status, body .halfDayLeave {
        color: #d7982c;
        background: #fef4e4;
    }
    .main_attendance_status.leave_status, body .leave {
        background-color: #cee5d2;
        color: #007e00;
    }
    .main_attendance_status.halfDayLeave_status, body .halfDayLeave {
        color: #d7982c;
        background: #fef4e4;
    }*/

body .present {
    background: #daf4f0;
    color: #3c8dbc;
    cursor: pointer;
}

body .absent {
    background-color: #fde8e4 !important;
    color: #f06548;
    cursor: pointer;
}

/*body .halfDayLeave {
    color: #d7982c;
    background: #fef4e4 !important;
    cursor: pointer;
}
*/
body .halfDayLeave {
    background: #d7e8f3 !important;
    color: #437eed;
    cursor: pointer;
}

body .leave {
    background-color: #cee5d2;
    color: #007e00;
    cursor: pointer;
}

body .halfdayAbsent {
    color: #d7982c;
    background: #fef4e4 !important;
    cursor: pointer;
}
/*body .halfdayAbsent {
    background: #d7e8f3 !important;
    color: #437eed;
    cursor: pointer;
}*/
.attendance_layout tbody tr:nth-child(2n) td.absent, .attendance_layout tbody tr:nth-child(2n) th.absent {
    background: #fff4f2 !important;
}

.attendance_layout tbody tr:nth-child(2n) td.halfdayAbsent, .attendance_layout tbody tr:nth-child(2n) th.halfdayAbsent {
    background: #fff4e4 !important;
}

.attendance_layout tbody tr:nth-child(2n) td.leave, .attendance_layout tbody tr:nth-child(2n) th.leave {
    background: #d5f3dd !important;
}

.attendance_layout tbody tr:nth-child(2n) td.halfDayLeave, .attendance_layout tbody tr:nth-child(2n) th.halfDayLeave {
    background: #e0eef7 !important;
}

.Present_status .attendance_status, .Present_status .attendance_time {
    color: #3c8dbc;
}

/*.main_attendance_status.halfDayAbsent_status, body .halfdayAbsent {
    background: #dff0fa;
    color: #437eed;
}*/

.user_statusbox .box_circle.HalfDayabsent-btn:before {
    border-color: #1170e4;
    background: #d0e2f7;
}

.absent_status .attendance_status, .absent_status .attendance_time {
    color: #f06548;
}

.halfDayLeave_status .attendance_status, .halfDayLeave_status .attendance_time {
    color: #d7982c;
}

.halfDayAbsent_status .attendance_status, .halfDayAbsent_status .attendance_time {
    color: #437eed;
}

.leave_status .attendance_status, .leave_status .attendance_time {
    color: #007e00;
}

.attendance_layout tbody tr td.holiday {
    min-width: 30px;
}

.attendance_layout {
    border-color: #e9edf4;
}

    .attendance_layout .table-responsive {
        border-top: 1px solid #ddd;
    }

    .attendance_layout tr th {
        font-size: 10px;
        text-align: center;
        vertical-align: middle;
        padding-right: 8px;
        padding-left: 8px;
    }

    .attendance_layout tr td {
        text-align: center;
        vertical-align: middle;
    }

    .attendance_layout tbody tr th {
        padding: 2px 3px;
        white-space: normal;
        font-size: 9px;
        text-align: center;
    }

    .attendance_layout .EMP_no {
        color: #979797;
    }

    .attendance_layout td.holiday {
        font-weight: 500;
        background: #f1f1f1;
        background: #e7e7e7 !important;
    }

._BM_attendance {
    display: flex;
    width: 100%;
    background: #f5fdff;
}

.attendance_status_3t, .attendance_status_bm {
    width: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0px;
    font-size: 10px;
}

.threeT_info {
    position: absolute;
    top: 0;
    padding: 0;
    margin-left: 0;
    color: #000;
    left: 0;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 400;
    opacity: 0.4;
}

.attendance_time {
    font-size: 8px;
    font-weight: 600;
}

.employee_name {
    max-width: 60px;
}

.attendance_status_3t:hover .threeT_info, .attendance_status_bm:hover .threeT_info {
    opacity: 1;
}

.BM_info {
    position: absolute;
    background: #85b6ca;
    top: -9px;
    margin-left: 0;
    color: #FFF;
    border-radius: 0 0 2px 2px;
    font-size: 10px;
}

.attendance_layout tbody tr:nth-child(2n) td, .attendance_layout tbody tr:nth-child(2n) th {
    background: #ebfdff;
}

.box.ThreeT_attendancebg {
    background: #f7f7da;
    border-color: #dfdfac !important;
}

.box.biometric_attendancebg {
    background: #eaf7ff;
    border-color: #cbdbe5 !important;
}
/*.BM_info:before { content: ""; position: absolute; top: 0; bottom: 0; width: 0; height: 0; border-bottom: 10px solid #7999ad; border-left: 10px solid transparent; transform: rotate(90deg); right: -8px; left: inherit;} */
.attendance_layout .attendance_status_bm .BM__attendance {
    font-weight: 700;
    font-size: 12px;
    color: #3c8dbc;
}

.page-item.active .page-link {
    z-index: inherit;
}

/*.table-responsive::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #e9e9e9 !important;
    border-radius: 10px;
}*/

/*.table-responsive::-webkit-scrollbar-thumb {
    background: #cacaca !important;
    border-radius: 10px;
}*/

.table-responsive.attendance_table {
    max-height: 600px;
}

.teamstatus_sticky table thead {
    position: sticky;
    top: 0px;
    z-index: 10;
    box-shadow: inset 0 -2px 0 #ddd;
}

.attendance_layout.table thead th {
    position: sticky;
    position: -webkit-sticky;
    top: -1px;
    z-index: 2;
}

.attendance_layout.table tbody th:first-child {
    position: sticky;
    left: -1px;
    background: var(--white);
    z-index: 1;
}

.attendance_layout.table tbody tr:nth-child(2n) th {
    background: #ebfdff;
}

.attendance_layout tbody tr td, .attendance_layout tbody tr th {
    border-bottom-color: #b0c7c3 !important;
}

.attendance_layout.table thead th:first-child {
    left: -1px;
    z-index: 11;
}

.table-bordered, .text-wrap table, .table-bordered th, .text-wrap table th, .table-bordered td, .text-wrap table td {
    border: 1px solid #e9edf4;
}

table.border-primary.hours-table {
    border-color: #e9edf4 !important;
}

.project_leftBox .selectbox {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .project_leftBox .selectbox .fw-semibold {
        margin-bottom: 0 !important;
        white-space: nowrap;
    }

.project_leftBox {
    gap: 15px;
}

.financial_leftBox {
    gap: 8px;
}

.email_edit i {
    border: 0;
    background: #439ad9;
    border-radius: 50px;
    color: var(--custom-white);
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 0px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
}

.email_edit i {
    position: relative;
    top: -2px;
}

.user_awards .profile-awards img {
    max-width: 22px;
}

.user_awards .assign-awards a {
    background: var(--custom-white);
    background: #533e81;
}

.main-header-center .form-control {
    padding: 6px 12px !important;
    min-width: 210px;
    width: inherit;
    font-weight: 500;
}

.graph_btns {
    margin-bottom: 10px;
}

    .graph_btns .btn {
        font-size: 0.75rem;
        border: 1px solid #ddd;
    }

.department_Header select.ProjectManager_control {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #333;
    padding: 5px 12px !important;
    height: 37px;
    font-size: 0.875rem;
    min-width: 230px;
    border-left: 1px solid #ddd;
    font-weight: 500;
}

.accept_rejectNotification {
    position: fixed;
    right: 20px;
    z-index: 1;
    width: 320px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

ul.user_Content {
    max-height: 80vh;
    overflow-y: auto;
}

.user_Content li {
    padding: 15px;
}

    .user_Content li + li {
        border-top: 1px dashed #ddd;
    }

.user_img {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    line-height: 40px;
}

.action_btns .ri-checkbox-circle-line {
    color: #13bfa6;
}

.action_btns .ri-close-circle-line {
    color: #f5334f;
}

.action_btns i {
    font-size: 22px;
}

.feedback-body .status-repeat-box .card-header {
    background: #eeeaf3;
    border-bottom: 1px solid #ddd;
}

.form-control:disabled {
    background: #dddddd;
    cursor: no-drop;
    border-color: #cfcfcf;
}

    .form-control:disabled::placeholder {
        color: #000;
    }

.feedback-form {
    max-width: 550px;
}

.employee_table tr {
    background: var(--custom-white);
}

    .employee_table tr[scope="mainuser"] {
        background: #f4f4f4;
    }

/*.table thead th {
    padding-block-end: 4px;
    font-size: 0.625rem;
    text-transform: capitalize;
    font-weight: 400 !important;
    background-color: #dbe6ff !important;
    border-color: #c0cae1 !important;
    border-bottom: 3px solid #c0cae1;
    white-space: nowrap;
}*/
.table {
    background-color: transparent;
}

    .table thead th {
        padding-top: 0;
    }

    .table.table-bordered {
        border: 0;
    }

    .table.border.table-bordered {
        border: 0 !important;
    }

    .table.table-bordered > :not(caption) > * {
        border: 0 !important;
    }

    .table thead th {
        font-size: 0.75rem;
        text-transform: capitalize;
        font-weight: 500 !important;
        border-color: #c0cae1;
        white-space: nowrap;
        border: 0 !important;
        padding: 0px 25px 4px 0.75rem !important;
        background-color: transparent !important;
        position: relative;
    }

        .table thead th i {
            position: absolute;
            right: 8px;
            top: 4px;
            color: #838383;
        }

    .table > tfoot > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td b, .table > tfoot > tr > th b {
        font-weight: 700 !important;
    }
/* tr:nth-child(even) { background: #f4f4f4;} */
.employee_status tr[scope="mainuser"] {
    background: #f0ebfb;
}

.employee_status tr {
    background: var(--custom-white);
}

.responsive-navbar .notifications-menu h5 {
    margin-bottom: 0px !important;
}

.action_btns {
    white-space: nowrap;
    line-height: normal;
}

.memo_ellipse {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 410px;
}

body .main-container .theme_table table tfoot tr td, .theme_table table .total_row td {
    background: #fafafc;
    border-color: #ddd !important;
}

table tr td .form-control {
    padding: 4px 6px;
    height: auto;
}

.department_Header {
    gap: 20px;
}

.select_noborder {
    border: 0px;
}

.main-profile-cover .profile_pic i {
    position: absolute;
    border: 1px solid var(--custom-white);
    background: var(--custom-white);
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    min-width: inherit;
    bottom: 0px;
    right: 0;
    z-index: 99;
    color: #333;
    font-size: 0.875rem;
    border-radius: 50px;
}

.main-profile-cover .profile_pic {
    width: 80px;
    height: 80px;
    margin-right: 0.75rem !important;
    border-radius: 100px;
    position: relative;
}

    .main-profile-cover .profile_pic img {
        border-radius: 100px;
        width: 80px;
        height: 80px;
        object-fit: cover;
    }

/*=================================================<Attendance Color css start here>=================================================*/
.user_statusbox {
    margin: 0px;
    gap: 5px; /* background: #fff; */ /* height: 23px; */
    align-items: center; /* border-radius: 3px; */ /* border: 1px solid #ddd; */
}

.teamstatus_sticky .custom-checkbox .custom-control-label::before {
    top: 3px !important;
}

.user_statusbox .custom-control {
    padding-left: 20px;
}

.user_statusbox .custom-control-label::before {
    width: 13px !important;
    height: 13px !important;
}

.user_statusbox .custom-checkbox .custom-control-label::before {
    top: 3px;
}

.user_statusbox .user_statusbox {
    gap: 0px;
}

.btn.btn-white-light {
    border: 1px solid #ddd;
}

.user_status_content + .user_status_content {
    margin-top: 20px;
}

.user_statusbox {
    padding: 3px 8px; /*border: 1px dashed #ebebeb;*/
}

.present-Btn, .present-Btn:disabled {
    background: #daf4f0;
    color: #3c8dbc;
    border-color: #3c8dbc;
}

.Halfdayleave-Btn, .Halfdayleave-Btn:disabled {
    color: #d7982c;
    background: #fef4e4;
    border-color: #d7982c;
}

.HalfDayabsent-btn, .HalfDayabsent-Btn:disabled {
    color: #1170e4;
    background: #d0e2f7;
    border-color: #1170e4;
}

.SLeave-Btn, .SLeave-Btn:disabled {
    background-color: rgb(224 245 251);
    color: #1c95bb;
    border-color: #1c95bb;
}

.Absent-Btn, .Absent-Btn:disabled {
    background-color: #fde8e4;
    color: #f06548;
    border-color: #f06548;
}

.Leave-Btn, .Leave-Btn:disabled {
    background-color: #cee5d2;
    color: #007e00;
    border-color: #007e00;
}



.user_statusbox .box_circle {
    display: inline-block;
    padding: 0px 6px;
    font-size: 9px;
    border-radius: 0px 2px 2px 0px;
    position: relative;
    margin-left: 12px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
}
    /* .absent_row .user_statusbox  .box_circle{    color: #f06548 !important;  background-color: #fde8e4 !important;  border-color: #f5334f;}
.present_row .user_statusbox .box_circle {  background-color: #daf4f0;  color: #3c8dbc;border-color: #3c8dbc;}
.halfDayLeave_row .user_statusbox .box_circle {  background-color: #fef4e4;  color: #d7982c; border-color: #d7982c;}
.Leave_row .user_statusbox .box_circle {border-color: #007e00;  background-color: #cee5d2;  color: #007e00;}
.sickLeave_row .user_statusbox .box_circle {background-color: #e0f5fb;  border-color: #1c95bb;  color: #1c95bb;} */

    .user_statusbox .box_circle:before {
        content: "";
        width: 10px;
        height: 10.5px;
        transform: rotate(45deg);
        display: inline-block;
        position: absolute;
        left: -5px;
        border-style: solid;
        border-width: 0px 0px 1px 1px;
        top: 1.3px;
    }

.absent_row .user_statusbox .box_circle:before {
    border-color: #f5334f;
    background: #fde8e4;
}

.present_row .user_statusbox .box_circle:before {
    border-color: #3c8dbc;
    background: #daf4f0;
}

.halfDayLeave_row .user_statusbox .box_circle:before {
    border-color: #d7982c;
    background: #fef4e4;
}

.Leave_row .user_statusbox .box_circle:before {
    border-color: #007e00;
    background: #cee5d2;
}

.sickLeave_row .user_statusbox .box_circle:before {
    border-color: #1c95bb;
    background: #e0f5fb;
}


.user_statusbox .custom-control-label::after {
    position: absolute;
    margin: 0;
    background-position: inherit;
    display: inline-block;
    background-size: inherit;
    width: 8px;
    height: 8px;
    content: "";
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 34.2%;
}
/*.absent_row:hover .user_statusbox{background: #f4bfc7 !important; } */
/* .leave_row .user_statusbox .box_circle{color: #278f35;} */
/*.leave_row:hover .user_statusbox{background: #b9f5c8 !important; } */
/* .halfday_row .user_statusbox .box_circle{color: #437eed;} */
/*.halfday_row:hover .user_statusbox{background: #f5dfb1 !important; } */
/* .halfDayLeave_row .user_statusbox .box_circle{background-color:#ffeed0;  color: #edaf43;} */
/*.halfDayLeave_row:hover .user_statusbox{background: #bbd5f4 !important;} */
.btn-ltBlue-light {
    background-color: rgb(224 245 251) !important;
    color: #1c95bb !important;
}

.ShortLeave_row .user_statusbox { /*background-color: rgb(224 245 251) !important;*/
    color: #1c95bb !important;
}
/*.ShortLeave_row:hover .user_statusbox{background: rgb(210, 237, 244) !important} */
.astrick {
    color: #ff9090;
    position: relative;
    top: -1px;
}

th[scope="statuscheckBox"], td[scope="statuscheckBox"] {
    width: 30px;
}

.user_name {
    font-weight: 500;
}

.team_status tr:nth-child(even) {
    background: var(--custom-white);
}

/*=================================================<New Member Request css start here>=================================================*/
.theme_table .table_member_request tr td {
    padding: 8px !important;
    border-color: #e9edf4 !important;
    border-style: dashed !important;
    background: var(--custom-white);
}

.theme_table .table_member_request .btn-group .btn-sm.btn-wave {
    padding: 4px 5px;
    font-size: 10px;
    border-radius: 5px !important;
}

.theme_table .table_member_request .btn-group {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.Billing_profileBox {
    max-width: 1050px;
    width: 100%;
}


.employee_status table tr[scope="mainusers"] .maindate {
    padding: 0;
    line-height: inherit;
    font-size: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.employee_status tr[scope=mainusers] {
    border: none;
}

.employee_profile_page .profile-action > p {
    width: 100%;
}

.employee_profile_page .management-change .form-control {
    max-width: 170px;
}

.employee_status tr[scope=mainusers] .maindate .badge {
    text-align: left;
    border-radius: 0; /*background: #f0ebfb;*/
    font-size: 0.688rem;
    width: 100%;
    padding: 5px 10px;
    font-weight: 600; /* border-bottom: 1px dashed #845adf; */
    color: #333;
    align-items: center;
    line-height: 1;
}

    .employee_status tr[scope=mainusers] .maindate .badge.bg-primary-update {
        padding: 3px 6px;
        color: rgb(117 76 207) !important;
        border-radius: 4px;
        width: auto;
        font-weight: 600;
        font-size: 10px;
        background: var(--primary02) !important;
        border: 1px solid #845adf;
    }

.employee_profile_page .employee_status .theme_table tr th {
    font-size: 0.75rem;
}

.employee_profile_page .employee_status .theme_table tr td {
    font-size: 0.75rem;
}

.theme_table.theme_table_sm .table td {
    padding: 0.3rem 0.75rem;
}

.theme_table.theme_table_sm td .form-select {
    height: auto;
}

table.table_simple tr {
    background: transparent;
}

.ProjectProductivity img {
    opacity: 0.8;
    max-width: 335px;
    margin: auto;
    display: block;
}

.card_sm .card-header {
    padding: 10px 20px;
}

.card-body {
    padding: 15px;
}

.card_sm .card-header .filter-right, .card_sm .card-header .card-title {
    margin: 0;
}

.module-filter .search_box i {
    top: 8px;
}

.card-header.projectName .btn-list .btn {
    padding: 5px 7px;
}

.card-header.projectName .btn-list {
    margin: 0;
}

table.table_simple thead th {
    padding-top: 0.5rem;
}

.icon-delete {
    color: var(--danger09) !important;
}

.team_status_table .theme_table th {
    padding: 0.3rem 0.75rem;
}

.team_status .table {
    border: 1px solid #d5d8ed;
}

.icon-edit {
    color: #1fc11f;
}
/*=================================================<All Users css start here>=================================================*/
.avatar.avatar-2xl {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.25rem;
    border: 1px solid #ddd;
}

.usercustm_width .email_ellipse {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 95%;
    width: 100%;
}

.all_userCard {
    min-height: 118px;
}

.contact-action .user_image {
    width: 70px;
    height: 70px;
    border: 0.25rem solid rgba(0, 0, 0, .075);
    padding: 0;
    border-radius: 50px;
    overflow: hidden;
    min-width: 70px;
}

.contact-action .user_card .user_rightContent {
    flex: 1;
}

.contact-action .user_card {
    gap: 20px;
}

.contact-action .avatar.avatar-3xl img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.all_userCard .avatar-2xl {
    outline: 0.25rem solid rgba(0, 0, 0, .075);
}

.blurphoneNumber {
    filter: blur(2px);
}

.Project_Billing_History img {
    height: 220px;
}

.show_more, .show_less {
    cursor: pointer;
    height: 20px;
    color: rgb(var(--primary-rgb));
    font-size: 13px;
    font-size: 12px;
    font-weight: 400 !important;
}

.show_less {
    display: none;
}

.show_more .bx-chevrons-down {
    animation: jumpInfinite1 1.5s infinite;
}

*/
.show_less .bx-chevrons-up {
    animation: jumpInfinite 1.5s infinite;
}

*/
.show_less {
    display: none;
}

.active_inactiveSelectBox {
    width: 110px;
}
/*=================================================<Invoice Users css start here>=================================================*/
body .main-container .theme_table.invoice_desc table tfoot tr.GrandTotal td {
    background: #f0ebfb;
    border-top-color: #845adf !important;
}

body .main-container .theme_table.invoice_desc table tfoot tr td {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.invoice_card {
    border: 1px solid #e9edf4;
    border-radius: 5px;
}

.invoice_searchBox {
    margin-bottom: 10px;
    border-bottom: 1px dashed #e9edf4;
    padding-bottom: 10px;
}

.invoice_checkbox .custom-control-label:before, .invoice_checkbox .custom-control-label::after {
    top: 2px;
}

.invoice_radio_btn .form-check .form-check-input {
    position: relative;
    top: -2px;
}

.invoice_radio_btn {
    align-items: center;
}

    .invoice_radio_btn .form-check {
        min-height: inherit
    }

.invoice_searchBox .date-selectbox {
    width: 110px;
}

.invoice_searchBox label {
    font-size: 13px;
}

.invoice_card_box .btn.btn-sm.btn-icon {
    padding: 4px 7px;
}

.invoice_card_box .btn.btn-sm {
    font-size: 12px;
    padding: 5px 10px;
}

.rightBtns .btn-sm, .invoice_layout .btn-sm {
    font-size: 11px;
    padding: 4px 10px;
}

.invoiceDownload {
    display: none;
}

.invoice_searchBox p {
    font-size: 13px;
}

.PaidInvoice .invoice_card, .SentClientModal .invoice_card {
    pointer-events: none !important;
}

.invoice_card .card-header .card-title:before {
    border: 0;
}

.invoice_card .card-header .card-title {
    margin: 0;
}

    .invoice_card .card-header .card-title:before {
        background: none;
    }

.invoiceBank_details p + p {
    margin-top: 5px;
}

.invoiceBank_details p {
    margin-bottom: 0;
    text-align: left;
    font-size: 13px;
}

.invoiceBank_details .card-title {
    text-align: left;
    text-decoration: underline;
    color: #333;
    font-size: 0.875rem;
    margin-bottom: 5px;
}

.Project_idLayout {
    display: flex;
    gap: 50px;
}

.invoice_address .invoice_billingFrom, .invoice_address .invoice_billingTo {
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 0;
}

.invoice_address .invoice_billingAddress {
    font-size: 12px;
    font-weight: 500;
}

th.hour_billed, td.hour_billed {
    display: none;
}

.invoice_card_box .card-footer, .invoice_card .card-body {
    padding: 10px;
}

.invoice_card_box .tab-content {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 0px 8px 8px 8px;
}

.invoice_card_box .btn-small {
    padding: 5px 10px;
}

.invoice_address p {
    font-size: 10px;
    margin-bottom: 0;
}

.invoice_card .card-header {
    padding: 6px 8px !important;
}

.invoice_card_box .theme_tabs .nav-tabs .nav-item .nav-link {
    padding: 6px 20px;
}

.amount_width {
    width: 100px;
}

.invoice_card_box .custom-control-input:checked ~ .custom-control-label::before {
    width: 15px;
    height: 15px;
}

.invoice_checkbox .custom-control-label::after {
    width: 16px;
    height: 16px;
    left: -1px;
    top: 1px;
}

.invoice_checkbox .custom-control-label::before {
    width: 14px;
    height: 14px;
}

.invoice_checkbox .custom-control {
    padding-left: 20px;
    cursor: pointer;
}

.invoice_radio_btn .form-check label, .invoice_radio_btn .form-check-input {
    cursor: pointer;
}

.project_control {
    width: 120px;
}

.Project_idLayout .projectId_content, .Project_idLayout, .invoice_card_box .filter-right, .InvoiceViewModal .filter-right {
    font-size: 12px;
    padding: 2px 5px;
}

.invoice_table .monthly-width {
    min-width: 140px;
}

.hour_width .action.btn-link {
    font-size: 0.65rem !important;
}

.invoice_checkbox, .invoice_radio {
    font-size: 11px;
}

.module_control {
    width: 140px;
}

.invoice_table th, .invoice_table tbody td {
    font-size: 13px !important;
}

body .main-container .theme_table.invoice_table table tfoot tr td {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

body .main-container .theme_table.invoice_table table tfoot tr.GrandTotal td {
    background: #fafafc;
}

.bottom_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.rightBtns {
    flex: 1;
}

.invoiceBank_details {
    width: 300px;
}

.invoice_card .card-body {
    padding: 10px;
}

.invoiceBank_details p + p {
    margin-top: 2px;
}

.invoiceBank_details p {
    margin-bottom: 0;
    text-align: left;
    font-size: 11px;
}

.invoiceBank_details .card-title {
    text-align: left;
    text-decoration: underline;
    color: #333;
    font-size: 13px;
    margin-bottom: 5px;
}

.theme_table .table-borderless tr + tr td, .InvoiceViewModal {
    border-top: 1px solid;
}

.invoice_card_box .theme_table th {
    border-bottom: 3px solid;
    padding: 5px 6px;
    border-bottom: 1px solid;
    padding: 5px 6px;
    /*    background: #f6f6fb !important;*/
}

.InvoiceViewModal .theme_table th {
    font-weight: 600;
    font-size: 12px !important;
    border-bottom: 2px solid;
    padding: 3px 6px;
    /*   background: #f6f6fb !important;*/
}

.InvoiceViewModal .Project_idLayout .Project_id {
    margin-top: 0.25rem;
    display: flex;
    gap: 5px;
}

.invoice_card_box .form-control, .InvoiceViewModal .form-control {
    height: 30px;
    font-size: 13px;
}

.invoice_card_box .theme_table tr td .form-control, .InvoiceViewModal .theme_table td .form-control {
    height: auto;
    padding: 3px 6px;
    font-size: 13px;
}

.invoice_card_box .theme_table td, .InvoiceViewModal .theme_table td {
    padding: 5px 6px;
}

.invoice_card_box {
    max-width: 1035px;
    position: relative;
}

    .invoice_card_box .createBtn {
        position: absolute;
        right: 0;
        z-index: 9;
        top: 5px;
    }

.primaryaction_link {
    color: rgb(var(--primary-rgb));
    text-decoration: underline;
    font-weight: 600;
    border: 0;
    background: transparent;
}

.disabledBtn:disabled {
    opacity: 0.3;
}

.gap-20 {
    gap: 20px;
}

.invoice_table {
    margin-top: 5px;
}

.modal-dialog.modal-2xl {
    max-width: 1600px;
    width: 90%;
}

.InvoiceViewModal .modal-body {
    padding: 12px 15px;
}

.main-page .col-box.one-fourthBox, .main-page .topCard_content {
    padding: 0px 0.5%;
}

.card_margin {
    margin: 0px 10px;
}

.main-page .topCard_content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.form-check .form-check-input {
    margin-left: -1.4em;
}

.team_colorBox {
    display: inline-block;
    background: var(--white);
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 13px;
    width: auto;
}

    .team_colorBox ul, .TeamColors_layout .team_colorBox ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: flex-end;
    }

        .team_colorBox ul li {
            display: flex;
            gap: 5px;
            align-items: center;
            font-size: 0.813rem;
        }

            .team_colorBox ul li .box, .TeamColors_layout .team_colorBox ul li .box {
                width: 12px;
                height: 12px;
                line-height: 20px;
                display: inline-block;
                border-radius: 50px;
                font-size: 0.875rem;
            }

.TeamColors_layout .team_colorBox ul {
    width: 49.33%;
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 13px;
    margin: 2.2px 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.btn.disabled, .btn:disabled {
    opacity: 0.3;
}

.table_scroll {
    position: relative;
}

.ps:hover > .ps__scrollbar-x-rail:hover {
    background-color: transparent;
}

    .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
        background-color: var(--primary-bg-color);
    }

.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
    height: 8px;
}

.btn.btn-xs {
    padding: 4px 5px;
    font-size: 11px;
}

body .btn-warning-transparent {
    color: #c78d14 !important;
    background: #fff5df;
    border: 1px solid #e9d7b2;
}

    body .btn-warning-transparent:hover {
        color: #996804 !important;
    }

.btn-warning-transparent:hover {
    border-color: #e9d7b2;
    color: #fff;
    background: #f5b849;
}

.project_issued .project_list {
    display: block;
}

    .project_issued .project_list + .project_list a {
        /*border-top: 1px dashed #ddd;*/
        padding: 5.7px 0px;
    }

    .project_issued .project_list .project-item {
        padding-bottom: 5px;
        display: inline-block;
        width: 100%;
    }

.project_issued {
    min-height: 250px;
    max-height: 250px;
    overflow-y: auto;
    scrollbar-color: #a5a5a5 #DDD !important;
    scrollbar-width: thin !important;
}

.list_show {
    display: none;
}

    .list_show .project-item {
        padding: 5.7px 0px;
        /* border-top: 1px dashed #ddd*/
    }

.teamstatus_sticky tr td {
    font-size: 0.725rem !important;
}

    .teamstatus_sticky tr td .user_statusbox .user_name {
        font-size: 10px;
        padding: 2px 6px;
        color: rgb(117 76 207);
        border-radius: 4px;
        width: auto;
        font-weight: 600;
        background: var(--primary02);
        border: 1px solid #845adf;
    }

.user_status_content .teamstatus_sticky.theme_table tr td {
    font-size: 0.725rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

    .user_status_content .teamstatus_sticky.theme_table tr td:first-child {
        padding-left: 30px;
    }

.user_status_content .teamstatus_sticky.theme_table tr.attendance_row td {
    padding-left: 0 !important;
}

.teamstatus_sticky .custom-checkbox .custom-control-label::before {
    top: 1px;
}

.teamstatus_sticky tr td.p-0 {
    padding: 0 !important;
}

.scrum_projectDetail .table-responsive {
    max-height: 274px;
    overflow-y: auto;
}

.user_Awardsdesc {
    margin-top: 5px;
    margin-bottom: 0;
    border-top: 1px dashed #ddd;
    padding-top: 10px;
}

    .user_Awardsdesc label {
        font-size: 11px;
        font-weight: 600;
    }

    .user_Awardsdesc .user_name {
        font-size: 12px;
        font-weight: 400;
        text-align: left;
    }

.AddDescription_box textarea {
    background: #fbfaff;
    font-size: 0.75rem;
}

.viewBadges {
    line-height: 14px;
    padding: 0;
    margin: 0;
}

.awards_layout .awards_description li {
    padding-left: 0 !important;
}

.awards_description .disabled_row {
    opacity: 0.6;
    cursor: no-drop;
}

    .awards_description .disabled_row .input_box .form-check-input {
        background: #d3d3d3;
        border-color: #b3b3b3;
    }

.AddDescription_box label {
    width: 100%;
    text-align: left;
}
/*BmPunch*/
.attendance_status_3t {
    background: #fffff5
}

.attendance_status_bm {
    background: #eaf7ff;
    cursor: pointer;
}

.BM_attendance_modalcontent .mainflex_box {
    display: flex;
    gap: 10px;
    font-size: 13px;
}

    .BM_attendance_modalcontent .mainflex_box + .mainflex_box {
        margin-top: 5px;
        border-top: 1px dashed #ddd;
        padding-top: 5px;
    }

    .BM_attendance_modalcontent .mainflex_box .leftBox {
        width: 140px;
    }

.badge-xs.badge-primary {
    padding: 2px 7px;
    background: var(--primary-bg-color);
    font-size: 10px;
    vertical-align: middle;
}
/*datatable Icons*/
.datatable_theme th:before {
    position: absolute;
    display: block;
    top: 50%;
    content: "▼";
    content: "▼" / "";
    right: 5px;
    transform: translateY(0%);
    font-size: 9px;
    color: #adadad;
}

.datatable_theme th {
    position: relative;
}

    .datatable_theme th:after {
        font-size: 9px;
        position: absolute;
        display: block;
        bottom: 50%;
        content: "▲";
        content: "▲" / "";
        right: 5px;
        opacity: 0.5;
        transform: translateY(35%);
        color: #adadad;
    }

.dataTable_filterBox {
    font-size: 0.813rem;
    justify-content: flex-end;
}

.SR_No {
    width: 77px;
}

.datatable_theme .remove_icon:before, .datatable_theme .remove_icon:after {
    display: none;
}

.dateselect_box .input-group-text.bg-light.d-block {
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 7px;
}

.EditHoliday .modal-dialog {
    max-width: 480px;
    top: 100px;
}

.theme_table .date {
    width: 130px;
}

.status-repeat-box .multiselect_input .form-control {
    height: 40px;
}

.attendance_group_info {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 0;
    margin-right: 40px;
}

    .attendance_group_info ul {
        display: flex;
        gap: 20px
    }

        .attendance_group_info ul li {
            display: flex;
            gap: 5px;
            align-items: center;
            font-size: 13px;
        }

            .attendance_group_info ul li .box {
                width: 15px;
                height: 15px;
                line-height: 20px;
                display: inline-block;
                border-radius: 3px;
                border: 1px solid #ddd;
            }

/*Holiday*/
.holiday_cards_content {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.holiday_cardbox {
    border: 1px dashed;
    overflow: hidden;
    box-shadow: 0 4px 25px 0 rgba(168, 180, 208, 0.1);
    background: var(--white);
    border-radius: 7px;
    padding: 10px 20px 10px;
    position: relative;
    min-height: 137px;
}

.holiday_cards_content .holiday_content {
    position: relative;
    z-index: 1;
    text-align: center;
    min-height: 137px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .holiday_cards_content .holiday_content .date {
        font-size: 18px;
        color: #2a3042;
        font-weight: 600;
    }

    .holiday_cards_content .holiday_content h4 {
        text-shadow: .1px 0.1px 0 hsl(140 50% 1%);
        font-weight: 600;
        margin-bottom: 5px;
    }

    .holiday_cards_content .holiday_content .icons {
        text-align: right;
        margin-bottom: 15px;
        position: absolute;
        right: 0;
        top: 0;
    }

.holiday_cards_content .custm_width {
    width: 23.7%;
}

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

.holiday_cardbox.addNew_holiday {
    cursor: pointer;
    display: flex;
    border: 1px dashed #9f9f9f;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}

.holiday_cardbox .icon_btn {
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0px;
    display: inline-block;
    text-align: center;
}

    .holiday_cardbox .icon_btn i {
        font-size: 0.875rem;
    }

.holiday_cardbox .icon_danger_btn {
    background-color: rgb(230,83,60,10%);
    border: 1px solid #e6533c;
    color: #e6533c;
}

    .holiday_cardbox .icon_danger_btn:hover {
        background: #F44336;
        color: #fff;
    }

.holiday_cardbox .icon_btn.icon_edit_btn {
    border: 1px solid rgb(18 197 146 / 90%);
    background-color: rgb(38 191 148 / 10%);
    color: #26bf94;
}

    .holiday_cardbox .icon_btn.icon_edit_btn:hover {
        background: #26bf94;
        color: #fff;
    }

.holiday_list li {
    padding: 5px 0px;
}

.lightbg_01 {
    background-color: rgba(var(--info-rgb), .1);
    color: #1470a5;
}

.lightbg_02 {
    background-color: var(--primary01);
    color: var(--primary-color);
}

.lightbg_03 {
    background-color: rgba(var(--warning-rgb), .1);
    color: #db9619
}

.lightbg_04 {
    background-color: rgba(var(--secondary-rgb), .1);
    color: rgb(var(--secondary-rgb));
}

.lightbg_05 {
    background-color: rgba(var(--danger-rgb), .1);
    color: rgb(var(--danger-rgb));
}

.lightbg_06 {
    border: 1px dashed;
    background: rgba(0,128,0,0.1);
    color: #008000;
}

.lightbg_07 {
    background-color: rgb(var(--light-rgb));
    border-color: rgb(243 246 248);
    color: var(--default-text-color);
}

.input-group.date.datepicker {
    padding: 0;
}

/*.developer_card .card-body {
    padding-top: 8px;
}*/
/*Images*/
.holiday_bg {
    background-position: center;
    opacity: 0.1;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.holiday_cardbox .flag_bg.holiday_bg {
    background-image: url('../images/media/flag.png');
}

.holiday_cardbox .diwali_bg.holiday_bg {
    background-image: url('../images/media/diwali.jpg');
}

.holiday_cardbox .holi_bg.holiday_bg {
    background-image: url('../images/media/holi.jpg');
}

.holiday_cardbox .christmas_bg.holiday_bg {
    background-image: url('../images/media/christmas.png');
}

.holiday_cardbox .flag_bg.holiday_bg {
    background-image: url('../images/media/flag.png');
}

.holiday_cardbox .GandhiJayanti_bg.holiday_bg {
    background-image: url('../images/media/gandhi_Jayanti.jpg');
}

.choose_color_pallete .color_pallete {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid;
    border-radius: 50px;
}

.choose_color_pallete {
    margin-top: 5px;
    display: flex;
    gap: 8px;
}

    .choose_color_pallete .color_pallete.selected::before {
        content: "\eb7a";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 25px;
        font-family: 'remixicon' !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

@keyframes jumpInfinite1 {

    0% {
        margin-top: 0;
    }

    50% {
        margin-top: 2px;
    }

    100% {
        margin-top: 0;
    }
}

@keyframes jumpInfinite {
    0% {
        margin-top: 0;
    }

    50% {
        margin-bottom: 2px;
    }

    100% {
        margin-top: 0;
    }
}
/*=================================================<To Do css start here>=================================================*/
.todo_layout {
    text-align: center;
    max-width: 95vw;
    margin: auto;
}

.todo_content {
    padding: 0px;
    box-sizing: border-box;
    display: inline;
}

.todo_content {
    width: 19%;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f5f3f9;
    float: left;
    margin: 0px 0.5% 10px;
}

    .todo_content .card-title:before {
        display: none;
        padding: 0;
    }

    .todo_content .card-header {
        border-bottom: 2px solid #ddd;
        padding: 10px;
        background: #cecee3;
    }

    .todo_content .card-title {
        margin-bottom: 0;
        font-size: 15px;
    }

    .todo_content .card-body {
        padding: 10px;
    }

        .todo_content .card-body label {
            font-size: 13px;
            width: 100%;
            text-align: left;
        }

.contact-action .user_card .team-member-star {
    display: flex;
    gap: 10px;
}

.contact-action .team-member-star .award_img {
    background: #fff;
    border: 1px solid #ddd;
    padding: 2px 3px;
}

.contact-action .user_rightContent p {
    font-size: 13px;
}

.contact-action .user_rightContent h6 {
    color: var(--primary-bg-color);
    margin-bottom: 0px;
}

.team_member_award .award_img {
    width: 35px;
    height: 35px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0px 5px;
    transition: 0.2s ease-in-out;
}

    .team_member_award .award_img:hover {
        transform: scale(1.1);
    }

.team_member_award {
    display: flex;
    align-items: center;
    gap: 7px;
}

.user_awards .team_member_award .award_img {
    background: #533e81;
    border-color: #533e81;
}

.awards_list {
    display: flex;
    gap: 20px;
}

.awards_description {
    text-align: left;
    flex: 1;
}

.awards_list .input_box {
    width: 15px;
}

.awards_list .awards_img {
    width: 65px;
    background: #f5f6f7;
    border: 1px dashed #d1e3f5;
    padding: 10px;
    border-radius: 5px;
    height: 65px;
}

.input_box .form-check-input {
    position: relative;
    margin: 0;
    width: 18px;
    height: 18px;
    top: 2px;
    cursor: pointer;
    border-color: #ddd;
}

.awards_description li + li {
    border-top: 1px dashed #ddd;
    margin-top: 10px;
    padding: 10px 5px 0px;
}

.awards_description h6 {
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 3px;
}

.awards_description p {
    font-size: 12px;
}

.table_simple td, .table_simple th {
    font-size: 0.813rem;
}

.productivity_graph {
    text-align: center;
    width: 87%;
    margin: auto;
}

.performance_chart {
    max-width: 350px;
    margin: auto;
}

.fileUpload_container {
    position: relative;
    width: 100%;
    background: #f2f2ff;
    padding: 20px;
    border: 1px dashed #4d4dbf;
    min-height: 150px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file_content {
    text-align: center;
}

.fileUpload_content {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
}

.fileUpload_container input.form-control {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
}

p.fileName {
    margin-bottom: 3px;
}

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

.file_content i {
    font-size: 44px;
    color: #4d4dbf;
    margin: 0;
    padding: 0;
}

.Lead_table .icon img {
    width: 14px;
    height: 14px;
}

.Lead_table .icon {
    padding: 0;
    margin: 0;
    position: relative;
    top: -2px;
}

/*=================================================<Lead Tracker css start here>=================================================*/
.lead_tracker_filter .filter-left .selectbox {
    display: block;
}

.status_width {
    width: 120px;
}

.hidden {
    visibility: hidden;
}

/*.clear_link {
    align-self: center;
}*/

.showing_leads_message {
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    width: 100%;
    max-width: 350px;
    padding: 6px;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    border-radius: 5px;
    margin-bottom: 10px;
}

.Lead_table tfoot tr td {
    font-weight: 600 !important;
}

.Lead_table .icon.tick img {
    width: 14px;
    height: 14px;
}

.counts_layout {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.counts_content {
    background-color: var(--white);
    border-radius: 10px;
}

    .counts_content ul li {
        display: flex;
        justify-content: space-between;
    }

    .counts_content ul {
        padding: 0px;
    }

.count_header {
    padding: 10px 15px 10px;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    font-size: 0.75rem;
}

.counts_content ul li p {
    font-size: 0.688rem;
    margin-bottom: 3px;
}

    .counts_content ul li p + p {
        font-weight: 600;
    }

.counts_content ul li.count-open::before {
    background: #000000;
}

.counts_content ul li::before {
    z-index: 1;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    inset-inline-start: 1rem;
    inset-block-start: 1.25rem;
    border-radius: 50%;
    left: 15px;
    top: 8px;
    background-color: #000000;
}

.lead_tracker_layout .btn-list > .btn, .lead_tracker_layout .btn-link {
    font-size: 0.75rem;
}

.won_count {
    color: #13bfa6;
}

.counts_layout .platform-count-summary.counts_content {
    width: 21%;
}

.counts_layout .lead-count-summary.counts_content {
    width: 22%;
}

.counts_layout .salesPersonLead-count-summary.counts_content {
    width: 21%;
}

.counts_layout .AssignedPersonLead-count-summary.counts_content {
    flex: 1;
}

.counts_content.twoList ul {
    display: flex;
    flex-wrap: wrap;
}

.lead_tracker_layout .theme_table.theme_table_sm .table td, .lead_tracker_layout .theme_table.theme_table_sm .table td a, .lead_tracker_layout .btn-sm-badge, .pagination_layout {
    font-size: 0.75rem;
}

.counts_layout .counts_content.twoList ul li:nth-of-type(odd) {
    border-right: 1px solid #e9ebec;
}

.counts_layout .counts_content.twoList ul li {
    width: 50%;
}

.counts_content ul li {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    font-family: "Poppins", sans-serif;
    position: relative;
    padding-left: 25px;
    padding: 3px 15px 3px 30px;
    border-top: 1px solid #e9ebec;
}

.lead_tracker_layout .selectbox p, .lead_tracker_layout .selectbox .form-control {
    font-size: 0.75rem;
}

.add_lead_modal .modal-dialog {
    max-width: 880px;
    padding: 10px;
}

.add_lead_modal .form-group label {
    width: 100%;
    font-size: 0.813rem;
    text-align: left;
    font-weight: 500;
}

.add_lead_modal .form_flexBox_box {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    padding-top: 5px;
}

.add_lead_modal .input-box {
    width: 24.2% !important;
}

.add_lead_modal .link_control {
    width: 30%;
}

/*.add_lead_modal .input-box.client_name {

    width: 24%;
}*/

/*.add_lead_modal .input-box.client_Company_name {
    width: 21%;
}*/

/*.add_lead_modal .input-box.Sale_person {
    width: 18%;
}
*/
/*.add_lead_modal .input-box.lead_platform {
    flex: 1;
}
*/
.add_lead_modal .input-box.profile_width {
    width: 15%;
}

.add_lead_modal .input-box.Country_width {
    width: 24.5% !important;
}

/*.add_lead_modal .input-box.skills_row {
    width: 49.5%;
}*/
/*body .add_lead_modal .input-box.skills_row {
    width: 37.8% !important;
}*/
body .add_lead_modal .input-box.skills_row {
    flex: 1;
    /*width: inherit;
    min-width: 10%;*/
}

.add_lead_modal .input-box.first_offer {
    width: 19% !important;
    /*flex: 1;*/
}

.add_lead_modal .input-box.bid-free-input-box {
    width: 23% !important;
}

.add_lead_modal .input-box.file_row {
    width: 25% !important;
}

.add_lead_modal .input-box.applicationdomain {
    width: 25% !important;
}

.add_lead_modal .offer_select {
    display: flex;
    align-items: center;
    border: 1px solid #c4cbdd;
    border-radius: 0.35rem;
    background: #fff;
}

    .add_lead_modal .offer_select p {
        margin: 0;
        background: #f1f1f1;
        padding: 2px 5px;
        min-height: 26px;
        height: 100%;
        font-weight: 500;
        border-radius: 0.35rem 0px 0px 0.35rem;
    }

.add_lead_modal .offer_value {
    display: flex;
    align-items: center;
}

    .add_lead_modal .offer_value .form-control, .offer_value select {
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 5px;
    }

    .add_lead_modal .offer_value .form-control {
        font-size: 0.75rem;
        border-left: 1px solid #ddd;
    }

.add_lead_modal .status-repeat-box h5 {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    left: 7px;
    top: -8px;
    background: #ffffff;
    padding: 0 5px;
    width: auto;
}

.sale_stage_flex .input-box {
    width: inherit;
    flex: 1;
}

.control_arrow_box:before {
    color: #e4e4e4;
    font-size: 30px;
    font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea6c";
    position: absolute;
    right: 0px;
    top: -10px;
}

.sale_stage_flex .control_arrow_box {
    position: relative;
}

    .sale_stage_flex .control_arrow_box .form-control {
        width: 80%;
    }

.leadTableBtn {
    display: flex;
    gap: 13px;
    align-items: center;
}

    .leadTableBtn i {
        font-size: 16px;
    }

    .leadTableBtn .edit-anchor i {
        color: #26bf94;
    }

    .leadTableBtn a {
        cursor: pointer;
    }

    .leadTableBtn .delete-anchor i {
        color: var(--danger09);
    }

.lead_tracker_layout .btn-success-light:hover {
    background: #c1f3c8 !important;
    border-color: #13bfa6;
    color: #13bfa6 !important;
    opacity: 1;
}

.lead_tracker_layout .col_leadStatus .status-dropdown {
    width: 65px;
    font-size: 0.75rem !important;
    padding: 2px 16px 2px 2px;
}

.lead_tracker_layout .col_interviewStage, .lead_tracker_layout .col_finalStage, .lead_tracker_layout .col_techStage, .lead_tracker_layout .col_saleStage {
    text-align: center;
}

/*.lead_tracker_layout .lead_tracker_filter .filter-right {
    align-self: center;
}*/
.clear_link .hidden {
    height: 22px;
}

.lead_tracker_layout .status_container .btn-sm-badge {
    width: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 13px;
}

    .lead_tracker_layout .status_container .btn-sm-badge svg {
        vertical-align: middle;
        position: absolute;
        right: 3px;
        top: 5px;
    }

.lead_tracker_layout .lead_tracker_filter .filter-right .btn-list {
    margin-top: 3px !important;
}

.bg_coldstatus {
    color: #ff22a7;
    background: #ffe9ed;
}

.bg_hotstatus {
    background-color: rgb(230 83 60 / 10%);
    color: #d34053;
}

.bg_wonstatus {
    background-color: #d5f9de;
}

.bg_warmstatus {
    color: #e0a01b !important;
    background: #f8e8c6;
}

.bg_deadstatus {
    background-color: rgb(12 12 12 / 10%);
}

.bg_wonstatus {
    background-color: #d5f9de;
    color: #13bfa6;
}


/*=================================================<Lead Title css start here>=================================================*/
.lead_title_layout .description_layout {
    background-color: #F8F8F8;
    padding: 10px;
    border: 1px solid #efefef;
    border-radius: 5px;
}

    .lead_title_layout .description_layout .group_Leadcomments {
        display: flex;
        font-size: 12px;
        color: #333333;
        gap: 10px;
        font-weight: 400;
        flex-wrap: wrap;
        font-style: italic;
    }

    .lead_title_layout .description_layout .label_bold {
        color: #4a4a4a;
        font-weight: 600;
        font-style: normal;
    }

.lead_title_layout .group_Leadcomments .lead-title {
    margin: 0 0 8px;
    font-size: 20px;
    display: flex;
    gap: 10px;
}

.lead_title_layout .job_description {
    margin-top: 12px;
}

.lead_title_layout .description_layout .job_desc_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.lead_title_layout .description_layout .comment_actions {
    display: flex;
    gap: 10px;
}

    .lead_title_layout .description_layout .comment_actions .edit_link, .lead_title_layout .description_layout .comment-actions .update_link {
        color: #46b39c;
    }

.lead_title_layout .description_layout .comment-actions button {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 12px;
    display: inline-flex;
    gap: 2px;
    align-items: center;
    margin-top: 6px;
}

.lead_title_layout .description_layout h6 {
    font-size: 13px;
    margin: 0 0 6px;
    font-weight: 600;
}

.lead_title_layout .comment_actions .delete_link, .comment_actions .discard_link {
    color: #f06548;
}

.lead_title .lead_title_main {
    font-size: 1rem;
}

.lead_title_layout .job_desc_heading .edit_link.move_link svg {
    fill: #46b39c !important;
    width: 18px;
    height: 18px;
}

.lead_title_layout .comment_actions button i {
    font-size: 25px;
}

.lead_title_layout .comment_actions button {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 0;
    background-color: transparent;
}

.lead_title_layout .comment_actions .edit_link, .comment_actions .update_link {
    color: #46b39c;
}

.lead_title_layout .leave_comment_section {
    border-top: 1px dashed #e9ebec;
    margin-top: 16px;
    padding-top: 16px;
}

.lead_title_layout .leave_comment_heading h4 {
    margin: 0;
    font-size: 13px;
    border-bottom: 1px solid #e9ebec;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: rgb(33, 37, 41);
}

.lead_title_layout .comment_input_box {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

    .lead_title_layout .comment_input_box .comment_inner_input {
        flex: 1;
        position: relative;
    }

.lead_title_layout .comment_inner_input textarea, .comment_inner_input .textarea {
    background: rgb(243, 246, 249);
    font-size: 13px;
    width: 100%;
    max-width: inherit;
    padding: 8px 15px;
    height: 85px;
    border-radius: 3px !important;
    resize: vertical;
    border: 1px solid #ddd;
    outline: none;
    overflow: auto;
}

.lead_title_layout .comment_input_box button {
    padding: 7px 10px;
    height: 38px;
    font-size: 13px;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 50px;
    box-shadow: 0px 5px 7px 1px rgba(0, 0, 0, 0.2);
    min-width: 38px;
}

.lead_title_layout .comment_list_main {
    padding-top: 10px;
    padding-left: 15px;
}

    .lead_title_layout .comment_list_main .comment_list_box {
        margin-top: 16px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 13px;
    }

    .lead_title_layout .comment_list_main .user_image {
        height: 32px;
        width: 32px;
        overflow: hidden;
        border-radius: 50px;
        background: #ddd;
    }

.lead_title_layout .comment_list_box .user_comment {
    font-family: "Raleway", sans-serif;
    flex: 1;
}

.comment_list_box .user_name_date {
    font-size: 0.875rem;
    font-weight: 600;
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
    align-items: center;
}

    .comment_list_box .user_name_date span {
        color: #878a99;
        font-size: 10px;
        font-style: italic;
        font-weight: 400;
    }

.comment_list_box .user_comment_desc {
    background: #f7f7ff;
    border: 1px solid #dddddd;
    padding: 10px;
    border-radius: 4px;
    color: #383838;
    font-weight: 500;
    line-height: 23px;
    font-size: 0.75rem;
}

.lead_title_layout .user_comment_desc_textarea {
    background: #f7f7ff;
    border: 1px solid #dddddd;
    padding: 10px;
    border-radius: 4px;
    color: #383838;
    font-weight: 500;
    line-height: 23px;
    font-size: 0.75rem;
}

.lead_title_layout .comment_list_box .user_comment_desc .mention_user {
    color: #0000ff;
    text-decoration: underline;
    font-family: "Poppins", sans-serif;
}

.Lead_table .total_row th {
    font-weight: 700 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    background-color: #fff !important;
}

.datatable_theme .total_row th::before, .datatable_theme .total_row th::after {
    display: none;
}

.Lead_table tr th {
    font-size: 0.75rem;
    padding-right: 25px !important;
    position: relative;
    /*  border: 1px solid #c0cae1 !important;*/
    border: 1px solid #d7d7d7 !important;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
    /*padding-right: 25px !important;*/
    padding-right: 0.75rem !important;
}

    .Lead_table tr th i {
        position: absolute;
        right: 8px;
        top: 8px;
        color: #838383;
        cursor: pointer !important;
    }

.tooltip {
    color: rgb(var(--primary-rgb));
}

.entries_width {
    width: 70px;
}
/*modal*/

.Delete_Modal .modal-dialog {
    max-width: 390px;
}

.Delete_Modal h4.text-danger {
    margin-bottom: 5px;
}

.modal-header {
    align-items: center;
    align-items: center;
    background: #2a3042;
    padding: 15px 15px;
    border: 0;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
}

.modal-dialog .modal-content {
    border-radius: 10px;
    border: 0;
}

.modal-header .btn-close {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 20px;
    opacity: 1;
    margin: 0 !important;
}

.modal-header h5 {
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
}

.Add_module_modal .modal-dialog {
    max-width: 620px;
}

.modal-footer {
    padding: 10px;
}

.add_status_modal .modal-dialog {
    max-width: 650px;
}

/*notification Header*/
.notification_message-outer {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1030;
}

.notification_message {
    width: 100%;
    padding: 5px 20px;
    text-align: center;
    color: #cd2938;
    background-color: #f8d7da;
    border: 1px solid #f5b8be;
    font-size: 0.813rem;
    /*    position: fixed;*/
    /*   top: 0;*/
    z-index: 1039;
}

/*.message_on_top .side-header, .message_on_top .app-sidebar, .message_on_top .app-header {
    top: 32px;
}
*/
.message_on_top .app-content .side-app {
    margin: 50px 0px;
}

.message_on_top .notification_message .notification_text {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.message_on_top .notification_message .link_text {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: 5px;
}

    .message_on_top .notification_message .link_text .text {
        text-decoration: underline;
    }

.team_members_container .btn-sm-badge {
    padding: 5px 7px;
}

.message_on_top .icon {
    margin-right: 4px;
}

    .message_on_top .icon svg {
        width: 16px;
        height: 16px;
        fill: #cd2938;
        position: relative;
        top: -1px;
    }

.header-right-icons .nav-link.icon i::after {
    background: none;
}

.update_lead_modal .modal-dialog {
    max-width: 1020px;
}

.update_lead_modal.add_lead_modal .input-box {
    width: 24.2%;
}

.attendance_info.threeT_info {
    display: none;
}
/*.employee_profile_page .employee_status .theme_table tr td .table_alter tr td {background-color: #eff2ff;} */
/*.theme_table tr td .table_alter_even tr td:first-child,
.theme_table tr td .table_alter_odd tr td:first-child {border-left:0;}
.theme_table tr td .table_alter_even tr td:last-child, 
.theme_table tr td .table_alter_odd tr td:last-child  {border-right:0;} */
.theme_table.table .table_alter_odd td { /*background-color: #f7f7ff!important;*/
    background-color: #f3f7ff !important;
    border-color: #d5d8ed !important; /* background-color: #f8f5ff!important;  border-color: #e1e1e1 !important;*/
}

.theme_table tr td .table_alter_even tr:last-child td, .theme_table tr td .table_alter_odd tr:last-child td {
    border-bottom: 0px !important;
}

.employee_status .table_alter_odd, .team_status .table_alter_odd { /*background-color: #f7f7ff!important;*/
    background-color: #f3f7ff !important;
    border-color: #d5d8ed !important; /* background-color: #f8f5ff!important;border-color: #e1e1e1 !important;*/
}

    .employee_status .table_alter_odd td { /*background-color: #f7f7ff!important;*/
        background-color: #f3f7ff !important;
        border-color: #d5d8ed !important;
    }

.employee_status tr[scope=mainusers] .maindate .badge.bg-success-update {
    padding: 3px 6px;
    color: #09ad95;
    border-radius: 4px;
    width: auto;
    font-weight: 600;
    font-size: 10px;
    background: #09ad9512 !important;
    border: 1px solid #09ad95;
}

.user_status_content .teamstatus_sticky.theme_table tr td .table_alter_odd tr + tr, .user_status_content .teamstatus_sticky.theme_table tr td .table_alter_even tr + tr {
    border-top: 1px solid #e1e1e1 !important;
}
/*
.project_desc {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

    .project_desc .project_detail_row {
        width: 33.33%;
        display: flex;
        gap: 10px;
        position: relative;
        padding-right: 30px;
        padding-bottom: 5px;
    }

        .project_desc .project_detail_row:nth-child(3n) {
            padding-right: 0;
        }

        .project_desc .project_detail_row:last-child:after {
            display: none;
        }

        .project_desc .project_detail_row:after {
            opacity: 0.5;
            content: "";
            width: 1px;
            height: 100%;
            background: #dddddd;
            position: absolute;
            top: 0;
            right: 15px;
        }

.project_detail_row label {
    width: 115px;
    text-align: right;
    font-weight: 600;
    margin-bottom: 3px;
    font-size: 0.813rem;
}

.project_desc .project_detail_row .text-desc {
    flex: 1;
}

.project_desc .project_detail_row:nth-child(3n) label {
    width: 130px;
}

.project_desc .project_detail_row:nth-child(3n):after {
    display: none;
}
*/
/*.project-detail-maincard .showing_more.text-right {
    position: relative;
    z-index: 1;
}*/

.module-status-width {
    width: 100px;
}

.payment-status-width {
    width: 145px;
}

.Non-billing-hour-width,
.billing-hour-width,
.upwork-hour-width,
.fixed-billing-hour-width {
    width: 10%;
}

.developer_report_modal .project-name-width,
.developer_report_modal .module-name-width {
    width: 30%
}

.developer_report_modal .modal-dialog {
    max-width: 950px;
}

.Performance-report-card .leftBox {
    width: 35.33%;
}

.Performance-report-card .rightBox {
    width: 64%;
}

.status-control-width {
    width: 100px;
}

.btn_sm.badge_btn {
    border-radius: 5px;
    font-size: 0.75rem;
    border: 1px solid transparent;
    box-shadow: none;
    padding: .26rem .7rem;
    font-weight: 500;
    line-height: normal;
    display: inline-flex;
    align-items: center;
}

.theme_table .table td a.btn_sm.badge_btn {
    padding: 3px 7px;
}

@media print {
    @page {
        size: A4;
        margin: 0.3in 0.1in;
    }

    body {
        padding: 0;
        margin: 10px 0px 0px;
    }

    .page {
        height: inherit;
    }

    .app-content {
        min-height: inherit;
        margin-inline-start: 0px;
    }

    .invoice_layout .invoice_card .card-header {
        border-bottom: 1px solid #ddd;
    }

    .app-content .side-app {
        padding: 0;
        margin: 0;
    }

    .side-app {
        margin: 0;
        padding: 0;
    }

    .invoice_layout .invoice_card .card-body {
        padding: 15px 0px;
    }

    .invoice_card .form-control {
        border: 0;
        padding: 0;
    }

    .invoice_card button.btn, .jumps-prevent, .sticky, .theme_tabs .nav-tabs, .invoice_searchBox {
        display: none !important
    }

    .theme_tabs .tab-content > .active > .card-body {
        padding: 0;
    }

    .theme_tabs .tab-content {
        border: 0;
    }

    .invoice_card .card-footer.text-end {
        display: none;
    }

    .theme_table.invoice_desc tbody tbody tr:last-child, .invoice_desc thead th:last-child, .invoice_desc tbody tr td:last-child, .invoice_desc tfoot tr td:last-child, .Performance-report-card .theme-timeline {
        display: none;
    }

    .card-header {
        display: block;
    }

    .Performance-report-card .card {
        border: 1px solid #ddd !important;
    }

    .card .card-body {
        padding: 15px;
    }

    .card {
        margin-block-end: 1rem;
        page-break-inside: avoid;
    }
}

.leave_comment_section {
    position: relative; /* Make sure the parent container allows absolute positioning for the list */
}

/*.suggested-users {
    position: absolute;
    width: 20%;
    bottom: 100%;
    left: 0;
    right: 0;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background-color: white;
    z-index: 999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
}*/
.suggested-users {
    left: 0;
    right: 0;
    margin-bottom: 5px;
    bottom: 100%;
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    width: 250px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

/*.users {
    top: -2px;
    position: absolute;
    width: 20%;*/
/*left: 75px;
    right: 0;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background-color: white;
    z-index: 999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
}*/
.users {
    bottom: 100%;
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    width: 250px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.suggestion {
    padding: 8px;
    cursor: pointer;
}

    .suggestion:hover {
        background-color: #f0f0f0;
    }

.hrm-main-card h3 {
    font-size: 1.125rem;
}

.cursor_pointer {
    cursor: pointer;
}

.status_width_control {
    width: 110px;
}

.autocomplete__input-multiselect-wrapper {
    max-height: 59px;
}

.autocomplete__input.autocomplete__input-multi {
    border-radius: 4px;
    font-size: 0.75rem;
    padding: 0.275rem 0.64rem;
    width: 100%;
    line-height: 1.35;
    color: #333;
    font-weight: 400;
}

.autocomplete__input-icon {
    padding: 0;
    height: inherit;
    display: inline-block;
    border-radius: 0 !Important;
    align-content: center;
}

.autocomplete__controls {
    max-height: 60px;
}

.autocomplete {
    border-color: #c4cbdd;
    background: #fff;
}

.autocomplete__multi-value {
    margin: 3px 2px 2px 7px;
    background: #f1f1f1;
}

.autocomplete__multi-value-label {
    font-size: 10px;
}

.autocomplete__result {
    font-size: 0.813rem;
    padding: 2px 8px;
}

.validation-message {
    font-size: 0.688rem;
    text-align: left;
}

.calendar-popup.right0 {
    right: 0;
}

.sidebar-mini .app-sidebar {
    padding: 0;
}

.side-header {
    position: relative;
    padding: 8px;
    min-height: 56px;
}

#DeleteModal .modal-dialog {
    max-width: 400px;
}

span.badge.bg-primary.m-1.badge_warp {
    text-wrap: auto;
    text-align: left;
}

.modal-open {
    overflow: hidden !important;
}
/**/
.header .main-header-center .dropdown-select .dropdown-toggle::after {
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    background-size: 11px !important;
    background-image: url('../images/media/blackarrowbottom.png');
    content: "";
    position: absolute;
    right: 12px;
    width: 10px;
    height: 10px;
    border: 0;
    top: 12px;
}

.header .main-header-center .dropdown-menu {
    min-width: inherit;
    width: 100%;
}

    .header .main-header-center .dropdown-menu .dropdown-item {
        font-size: 0.813rem;
        padding: 8px 15px;
    }


.header .main-header-center .dropdown-select-option {
    padding: 6px 12px;
    min-width: 190px;
    width: inherit;
    font-weight: 500;
    inset: inherit;
    background-color: transparent;
    border: 1px solid #e9edf4;
    height: 33px;
    border-radius: 7px;
    text-align: left;
    font-size: 0.75rem;
    line-height: 1.35;
    color: #333;
    position: relative;
    cursor: pointer !important;
}

.btn-danger:hover {
    opacity: 1;
    color: var(--white);
}

body .main-content .side-app {
    padding-top: 15px !important;
}
/*comming Soon*/
.comming_soon_layout {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 650px;
    flex-direction: column;
}

    .comming_soon_layout h1 {
        margin: 0px 0px 8px;
        font-size: 4em;
        color: #333;
        -webkit-text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.7);
        -moz-text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.7);
        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.7);
        word-spacing: 16px;
        font-weight: 600;
    }

    .comming_soon_layout p {
        font-size: 1.6em;
        margin: 0;
    }

.multi-select-container .selected-items {
    padding: 0;
}

.multi-select-container .selected-user {
    color: #333;
    padding: 0px 10px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    font-size: 10px;
    background-color: #f1f1f1 !important;
    border: 1px solid #ddd;
    line-height: normal;
    margin: 3px 2px 2px 5px;
}

.custm_multiselect .custm_multiselect_item {
    color: #333;
    padding: 0px 10px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    font-size: 10px;
    background-color: #f1f1f1 !important;
    border: 1px solid #ddd;
    line-height: normal;
    margin: 2px 2px 2px 5px;
}

.form-group .multi-select-container {
    background: var(--white);
    border-radius: 5px;
    border-color: #c4cbdd;
    max-height: 60px;
    overflow-y: auto;
    padding: 4px 1px 1px 0px;
    text-align: left;
}

.form-group .selected-user .remove-btn, .custm_multiselect .custm_multiselect_item .remove-btn {
    color: #333;
    background: none;
    border: none;
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.multiselect-outer {
    position: relative;
}

    .multiselect-outer .department .collapsible {
        font-size: 0.813rem;
        padding: 5px 8px;
        font-weight: 600;
        background: #f3f5ff;
    }

    .multiselect-outer .department .user-list .user-item {
        padding: 1px 15px;
        text-align: left;
        font-size: 0.75rem;
        margin: 4px 15px;
        cursor: pointer;
    }

        .multiselect-outer .department .user-list .user-item.selected-user {
            color: #845adf;
            background: rgba(132, 90, 223, 0.15) !important;
        }

.multi-select-container input {
    font-size: 0.75rem;
    padding: 0px 0px 2px 5px;
    outline: 0;
    width: 100%;
}

.custm_multiselect.form-control {
    padding: 0 !important;
    max-height: inherit !important;
    height: 28px !important;
    min-height: inherit !important;
}


.dropdown-select-filter .dropdown-toggle::after {
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    background-size: 11px !important;
    background-image: url('../images/media/blackarrowbottom.png');
    position: absolute;
    right: 9px;
    width: 10px;
    height: 10px;
    border: 0;
    top: 7px;
}


.dropdown-select-filter .dropdown-menu {
    min-width: inherit;
    width: 100%;
}

    .dropdown-select-filter .dropdown-menu .dropdown-item {
        width: 100%;
        white-space: normal;
        padding: 5px 10px !important;
        cursor: pointer;
        font-size: 0.75rem;
    }


.dropdown-select-filter .dropdown-select-option {
    padding: 0.275rem 22px 0.275rem 0.64rem;
    width: 100%;
    font-weight: 500;
    inset: inherit;
    background-color: #fff;
    border: 1px solid #c4cbdd;
    height: 27px;
    text-align: left;
    font-size: 0.75rem !important;
    line-height: 1.35;
    color: #333 !important;
    position: relative;
    border-radius: 4px;
}

.dropdown-menu {
    width: 100%;
}

.profile_drowdown_menu.dropdown-menu {
    max-height: 320px;
    overflow-y: auto;
}

.toggle-filter {
    display: flex;
    gap: 5px;
    font-size: 0.813rem;
    text-align: center;
    justify-content: flex-end;
    min-height: 20px;
}

.filterwrapper input {
    margin: 0 !important;
    position: static;
}

.toggle-filter .form-check-label span {
    display: inline-block;
    min-width: 25px;
}

.filterwrapper {
    display: flex;
    gap: 5px;
    align-items: center;
}

.toggle-filter label {
    margin-bottom: 0 !important;
}

.toggle-filter .form-switch .form-check-input {
    margin: 0;
    width: 40px;
}

.toggle-filter .form-check.form-switch {
    padding: 0;
}

.toggle-filter .form-check-label {
    margin: 0;
    width: auto;
    display: flex;
    gap: 5px;
}

.toggle-body {
    position: relative;
}

    .toggle-body .validation-message {
        position: absolute;
        bottom: -15px;
        right: 20px;
        font-size: 0.65rem;
    }

.toggel-filter-content {
    display: flex;
    gap: 4px;
    min-width: 215px;
    justify-content: flex-end;
}

.status_bottom {
    margin-top: 7px;
    flex-wrap: wrap;
}

.remove-btn {
    color: #333;
    background: none;
    border: none;
    margin-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.selected-users-container.selected_dropdown {
    display: flex;
    max-height: 50px;
    /*overflow-y: auto;*/
    flex-wrap: wrap;
    /*margin-bottom: 5px;*/
}

.selected_dropdown.selected-users-container .selected-user {
    color: #333;
    padding: 0px 10px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    font-size: 10px;
    background-color: #f1f1f1 !important;
    border: 1px solid #ddd;
    line-height: normal;
    margin: 2px 2px 2px 5px;
}

.department-name {
    color: #3b64df;
}

.user-item:hover {
    background: #f1f1f1 !important;
}

.status-repeat-box .custom-control-label::after {
    inset-block-start: 0.10rem;
}

.status-repeat-box .custom-control-label:before {
    border: 1px solid #bbb;
    margin-top: -3px;
}

.important-notes-link {
    color: #0d6efd !important;
    text-decoration: underline;
}

.sidebar-mini .responsive-navbar .navbar-collapse, .responsive-navbar .navbar-collapse {
    margin-block-start: 0px !important;
}

.header-right-icons .profile-1 h5 {
    margin-bottom: 5px !important;
}

.top-main-title {
    flex-wrap: wrap;
}

.user-profile-desc {
    position: relative;
}

.lead_tracker_filter .card-body {
    gap: 10px;
}

.designation-width {
    display: flex;
    gap: 5px;
    align-items: center;
}

    .designation-width .form-control {
        width: 170px;
    }

.image-upload {
    border: 1px dashed #525252;
    padding: 18px 15px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
}

    .image-upload .input-group label {
        text-align: center;
        margin: 0;
    }

    .image-upload label {
        text-align: center;
        margin: 0;
    }

.upload-document-content {
    border: 1px dashed #ddd;
    padding: 20px 15px;
    border-radius: 7px;
    background: #f7f7f7;
    margin-bottom: 10px;
    place-content: space-between;
    display: flex;
}

.Upload_document h5 {
    text-align: left;
    font-weight: 500;
    font-size: 0.875rem;
}

.Upload_document {
    text-align: left;
}

.no-data-found {
    background: #f1f1f1;
    padding: 15px 10px;
    border-radius: 5px;
    border: 1px solid #Ddd;
    font-size: 0.813rem;
}

.Upload_document + .Upload_document {
    margin-top: 20px;
    border-top: 1px dashed #ddd;
    padding-top: 20px;
}

#ProgressReport th.project-name-width {
    width: 15%;
}

.header .main-header-center .dropdown-menu .dropdown-item.active {
    background: #efe8ff;
    color: #825cd8;
}

.card {
    margin-bottom: 1rem;
}

.Lead_table .col_firstOfferValue {
    max-width: 120px !important;
}

    .Lead_table .col_firstOfferValue span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 60px;
        display: inline-block !important;
    }

.memo-content textarea {
    width: 100%;
    font-size: 0.813rem;
    padding: 12px;
}


.table-header-space-remove.table thead th {
    padding-top: 0;
}

.table-header-space-remove.table-bordered {
    border: 0;
}

.table-header-space-remove.table.text-nowrap.table-hover.border.table-bordered {
    border: 0 !important;
}

.table-header-space-remove.table-bordered > :not(caption) > * {
    border: 0 !important;
}

.table-header-space-remove.table thead th {
    font-size: 0.75rem;
    text-transform: capitalize;
    font-weight: 500 !important;
    border-color: #c0cae1 !important;
    white-space: nowrap;
    border: 0 !important;
    border-top: 0 !important;
    padding: 0px 4px 4px !important;
    background-color: transparent !important;
}

.table-header-space-remove tfoot tr td {
    background: #fafafc;
}

table.table {
    background: transparent !important;
}

.headline_text {
    line-height: normal;
    padding: 7px 0px 7px;
    /*    position: fixed;*/
    background: #333;
    text-align: center;
    top: 0;
    width: 100%;
}

    .headline_text .icon {
        position: relative;
        top: -2px;
    }

    .headline_text p img {
        max-width: 18px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .headline_text p {
        font-size: 0.75rem;
        font-weight: 400;
        letter-spacing: 1px;
        color: #fff;
        display: flex;
        justify-content: center;
        gap: 1px;
        margin: 0;
        align-items: center;
    }

    .headline_text span img {
        width: 20px;
        height: 20px;
    }

.tip-content p {
    display: flex;
    gap: 5px;
    align-items: center;
}

.tip-content {
    margin-top: 10px;
    margin-bottom: 0;
}

#offerPeriod {
    padding: 0px 18px 0px 0px;
}

.department-width {
    width: 300px;
}

    .department-width p {
        white-space: nowrap;
    }


.table tr td .no-data-found {
    background: transparent;
    border: 0;
    text-align: center;
}

#DeleteAdminModal .modal-dialog {
    max-width: 420px;
}

#back-to-top {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    line-height: 40px;
    padding: 8px 0px;
}

    #back-to-top i {
        padding: 0;
    }

.assigned-to-modal .list-group .list-group-item {
    padding: 7px 10px;
    font-size: 0.813rem;
}

.all_userCard {
    min-height: 118px;
}

.top-main-title {
    color: #1c378c;
}

.side-menu__item.active:hover .side-menu__label, .side-menu__item.active:hover .side-menu__icon {
    color: var(--white) !important;
}

.memo-truncate {
    display: inline-block;
    max-width: 350px; /* Adjust this value to the desired width */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recommendation_box {
    display: flex;
    gap: 20px;
    align-items: center;
}

    .recommendation_box label {
        width: auto;
    }

        .recommendation_box label input {
            position: relative;
            top: 2px;
            margin-right: 4px;
        }



.col-leadTitle a, .col-leadTitle a:hover {
    color: #333;
}



.highlight_text {
    display: inline-block;
    transition: transform 0.3s ease-in-out;
    background-color: var(--primary01) !important;
    color: rgb(132, 90, 223) !important;
    margin-right: 2px;
}

.table-data:hover .highlight_text {
    transform: scale(1.1);
}

.bg_link_btn {
    color: rgb(132, 90, 223) !important;
}




/*calendar*/
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
    font-size: 14px;
    color: var(--white);
    font-weight: 500;
    background: #2d2e40;
}

.flatpickr-calendar .flatpickr-current-month {
    padding: 5px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.flatpickr-calendar .flatpickr-prev-month {
    color: var(--white);
}

    .flatpickr-calendar .flatpickr-prev-month svg {
        fill: #fff;
    }

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    fill: #fff;
}

.flatpickr-calendar .flatpickr-current-month input.cur-year {
    font-size: 14px;
}

.flatpickr-calendar .numInputWrapper span {
    color: #fff;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #fff !important;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #fff !important;
}

.flatpickr-calendar .flatpickr-months {
    border-radius: 5px 5px 0px 0px;
    background: #2b2f41 !important;
}

.flatpickr-calendar .flatpickr-day.today {
    background: #845adf;
    color: #fff;
    border-color: #845adf;
}

.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected:hover {
    background: #e1d3ff !important;
    color: #845adf !important;
    border-color: #e1d3ff !important;
}

.flatpickr-calendar .flatpickr-prev-month, .flatpickr-calendar .flatpickr-next-month {
    background: #2d2e40 !Important;
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: #393939;
    opacity: 0.25;
}

.flatpickr-calendar .flatpickr-weekday {
    color: #2b2f41;
}
/* Default styles */
.toggle-active {
    background-color: #4caf50;
    border-color: #4caf50;
}

.toggle-no {
    background-color: #e15454;
    border-color: #e15454;
}

/* Thumb styles */
#custom-toggle::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

#custom-toggle::-moz-range-thumb {
    width: 12px;
    height: 12px;
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
}

.toggle-Inactive {
    background-color: #fff;
    border-color: #bfbfbf;
}

    .toggle-Inactive#custom-toggle::-webkit-slider-thumb {
        background-color: #bfbfbf !important;
    }

    .toggle-Inactive#custom-toggle::-moz-range-thumb {
        background-color: #bfbfbf !important;
    }

td.img_icon img {
    width: 15px;
    height: 15px;
    align-items: center;
}

}

td.img_icon img {
    width: 15px;
    height: 15px;
    align-items: center;
}

.salesPerson_dropdown {
    width: 100%;
    min-width: inherit !important;
    overflow-y: auto;
    max-height: 440px;
    padding: 0;
    border: 1px solid #ddd;
}

    .salesPerson_dropdown li {
        font-size: 0.75rem;
    }

    .salesPerson_dropdown .dropdown-header {
        background: #e2f1ff !important;
        color: #2c2f41;
        font-weight: 500;
    }

.input-dropdown {
    background-color: #fff;
    position: relative;
}

    .input-dropdown.dropdown-toggle:after {
        position: absolute;
        right: 0;
        border: 0;
        width: 30px;
        height: 10px;
        content: "";
        background-image: url('../images/media/blackarrowbottom.png');
        background-repeat: no-repeat !important;
    }

.reports_table .project-width {
    width: 15%;
}

.reports_table .module-width {
    width: 16%;
}

.works_reports_table .project-width {
    width: 20%;
}

.works_reports_table .module-width {
    width: 22%;
}

.status-width {
    width: 10%;
}

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

.employee_status tr td.project-highlight {
    background: #f7f4ff;
}


.Lead_table tr th:nth-child(1) {
    min-width: 70px;
}

.Lead_table tr th:nth-child(2) {
    min-width: 80px;
}

.Lead_table tr th:nth-child(3) {
    min-width: 88px;
}

.Lead_table tr th:nth-child(4) {
    min-width: 90px;
}

.Lead_table tr th:nth-child(5) {
    min-width: 78px;
}

.Lead_table tr th:nth-child(6) {
    min-width: 85px;
}

.Lead_table tr th:nth-child(7) {
    min-width: 92px;
}

.Lead_table tr th:nth-child(8) {
    min-width: 100px;
}

.Lead_table tr th:nth-child(9) {
    min-width: 50px;
}

.Lead_table tr th:nth-child(10) {
    min-width: 45px;
}

.Lead_table tr th:nth-child(11) {
    min-width: 45px;
}

.Lead_table tr th:nth-child(12) {
    min-width: 45px;
}

.Lead_table tr th:nth-child(13) {
    min-width: 50px;
}

.Lead_table tr th:nth-child(14) {
    min-width: 50px;
}

.Lead_table tr th:nth-child(15) {
    min-width: 68px;
}

.Lead_table tr th:nth-child(16) {
    min-width: 87px;
}

.stagetext-align {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
    text-align: center;
}

.gap5 {
    gap: 5px !important
}

.modal .modal-body {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}
/*.modal .modal-dialog {
    min-height: inherit;
}*/
.form-control.h70 {
    height: 70px;
}

.checkbox-left {
    position: relative;
}

    .checkbox-left .form-check-input[type=checkbox] {
        margin: 0;
        top: 2px;
    }

    .checkbox-left label {
        padding-left: 20px;
        font-size: 0.75rem;
    }

.status-repeat-box .form-group label.inner-label {
    font-size: 0.65rem;
}

.skills-row .autocomplete__input.autocomplete__input-multi {
    font-size: .68rem;
    line-height: inherit;
}

.theme-highlight-badge {
    padding: 3px 6px;
    color: rgb(117 76 207) !important;
    border-radius: 4px;
    width: auto;
    font-weight: 600;
    font-size: 10px;
    background: var(--primary02) !important;
    border: 1px solid #845adf;
}

    .theme-highlight-badge.text-black {
        color: #000 !important;
    }

.custom-dropdown-menu .dropdown-toggle.form-control::after {
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
    background-size: 11px !important;
    background-image: url(../images/media/blackarrowbottom.png);
    content: "";
    position: absolute;
    right: 12px;
    width: 10px;
    height: 10px;
    border: 0;
    top: 9px;
}

.custom-dropdown-menu .dropdown-toggle.form-control {
    text-align: left;
    position: relative;
    min-width: 200px
}

.custom-dropdown-menu .dropdown-menu .dropdown-item.active {
    background: #efe8ff;
    color: #825cd8;
}

.custom-dropdown-menu .dropdown-menu .dropdown-item {
    font-size: 0.8rem;
    padding: 0.5rem 1rem !important;
    white-space: normal;
}

.custom-dropdown-menu .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.attendance-table-responsive {
    max-height: calc(100vh - 390px);
}

.invoice_card .Project_id .calendar-container.position-relative {
    width: 110px;
    position: relative;
}

.invoice_card .Project_id .customcalendar-icon {
    top: 9px;
}

.invoice_card .Project_id .form-control.customCalenderInput.input {
    font-size: 12px;
    height: 22px;
    line-height: inherit;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 8px;
}

.employee_card_layout .leadCount_text {
    color: #0588ff !important;
    font-size: 0.663rem !important;
    white-space: nowrap;
}

.attendance-table-responsive {
    max-height: calc(100vh - 360px);
}

.dropdown-select-option {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}

.project-detail-content ul li {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    font-family: "Poppins", sans-serif;
    position: relative;
    padding-left: 25px;
    padding: 3px 15px 3px 30px;
}

    .project-detail-content ul li + li {
        border-top: 1px solid #e9ebec;
    }

    .project-detail-content ul li::before {
        z-index: 1;
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        inset-inline-start: 1rem;
        inset-block-start: 1.25rem;
        border-radius: 50%;
        left: 15px;
        top: 8px;
        background-color: transparent;
        border: 1px solid #000;
    }

    .project-detail-content ul li p {
        font-size: 0.688rem;
        margin-bottom: 0px;
    }

        .project-detail-content ul li p + p {
            font-weight: 600;
            text-align: right;
        }


.exit-modal .modal-dialog {
    max-width: 280px;
}

.exit-modal .modal-content {
    max-width: 48vh;
}

.project-detail-col-card {
    display: flex;
    gap: 1%;
    align-items: flex-start;
    flex-wrap: wrap;
}

.project-detail-content {
    width: 32.5%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
}

.description-content {
    display: flex;
    gap: 5px;
    font-size: 0.75rem !important;
}

.module-filter.filter-right .module-filter.filter-right .collapsed i {
    transform: rotate(45deg);
}

.collapsed-btn {
    padding: 0px !important;
    min-width: inherit;
}

.projectDetail-header {
    flex-wrap: nowrap;
    gap: 5px;
}

    .projectDetail-header .card-title {
        white-space: nowrap;
        flex: 1;
    }

    .projectDetail-header .filter-right {
        width: auto;
        flex-wrap: nowrap;
    }

    .projectDetail-header .selectbox {
        flex-wrap: nowrap;
    }

.hour_width {
    display: flex;
    gap: 5px;
}

    .hour_width .action {
        padding: 0;
    }

.lead-title-flexbox {
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

.flex-inline {
    display: flex;
    gap: 5px;
}

.projectDetail-header {
    text-align: right !important;
    display: flex;
    justify-content: flex-end !important;
    width: 100%;
    padding: 5px 25px 0px !important;
    border-bottom: 0px !important;
}

.selectbox.select_topbox {
    align-items: flex-start !important;
}

.groupLead_layout .rightside-links {
    display: flex;
    gap: 10px;
    font-size: 12px;
}

    .groupLead_layout .rightside-links .assigned_to a {
        font-weight: 700;
        white-space: nowrap;
    }

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

.date-content {
    font-size: 0.813rem;
}

.TeamDetailsProductivity .modal-dialog {
    max-width: 850px;
}

.TeamDetailsProductivity .date-content .ml-1.mr-1 {
    margin-left: 3px;
    margin-right: 3px;
}

@media only screen and (min-width:1300px) {
    .dashboard-col-cards {
        max-width: 20%;
    }
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background: none !important;
        box-shadow: none !important;
    }

    .badge, .badge_warp {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        color: black !important;
    }

    html, body {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    #global-load {
        display: none !important;
    }

    .timeline-layout {
        max-height: none !important;
        overflow: visible !important;
    }

    marquee {
        height: 0;
        width: 0;
        display: none !important;
    }
}

.attandance-modal .modal-dialog {
    max-width: 690px;
}

.attandance-modal .mainflex_box {
    display: flex;
    gap: 8px;
}


.attandance-modal .flex-box-container {
    display: flex;
    gap: 20px;
    margin-bottom: 18px;
}

.attandance-modal .leftBox p {
    font-size: 0.813rem;
    font-weight: 600;
}


.attandance-modal .rightBox p {
    font-weight: 400;
}

.attandance-modal .rightBox {
    font-size: 0.813rem;
}

.attandance-modal .attendance-box-content {
    display: flex;
    margin: 20px 0px 0px !important;
}

.attandance-modal .attendance-box + .attendance-box {
    border-left: 2px dashed #ddd;
    padding-left: 20px;
}

.attandance-modal .attendance-box.Attendance-detail-content {
    width: 48%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.attandance-modal .attendance-box.biometric-detail-content {
    width: 52%;
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
}

.attandance-modal .attendance-header h6 {
    font-weight: 600;
    color: #151821;
    text-decoration: underline;
    font-size: 0.875rem;
    margin-bottom: 12px;
}

.attandance-modal .punch-in-out .label-content {
    font-weight: 600;
}

.attandance-modal .Attendance-detail-content .project-detail h6 {
    font-size: 0.813rem;
    margin-bottom: 8px;
}

.Attendance-detail-content .project-header label {
    margin: 0;
    font-weight: 500;
}

.attandance-modal .Attendance-detail-content .project-name {
    font-weight: 400;
    color: #466de3;
}

.attandance-modal .Attendance-detail-content .project-detail ul {
    padding-left: 32px;
    list-style-type: circle;
}

    .attandance-modal .Attendance-detail-content .project-detail ul li {
        font-size: 0.76rem;
    }

        .attandance-modal .Attendance-detail-content .project-detail ul li .hours {
            font-weight: 600;
        }

.attandance-modal .project-detail + .project-detail {
    margin-top: 15px;
}

.attandance-modal .rightBox.status-code p {
    background: green;
    color: #fff;
    border-radius: 50px;
    padding: 0px 5px;
    font-size: 0.75rem;
}

.attandance-modal .status-code-layout {
    text-align: center;
    max-width: 230px;
    margin: auto;
}

.attandance-modal .hours-total {
    font-weight: 700;
}

.attandance-modal .total-billing-hours label {
    font-weight: 500;
    MARGIN-BOTTOM: 0;
}

.attandance-modal .total-billing-hours .hours-total {
    color: #845adf;
}

.attandance-modal .total-billing-hours label {
    margin: 0;
}

.attandance-modal .punch-in-out {
    display: flex;
    margin-bottom: 30px;
}

.attandance-modal .punch-in {
    width: 44%;
}

    .attandance-modal .punch-in li {
        font-size: 0.813rem;
    }


.attandance-modal .punch-in-out ul li + li {
    border-top: 1px dashed #ddd;
    padding-top: 3px;
    margin-top: 3px;
}

.attandance-modal .punch-in-out ul li {
    font-size: 0.75rem;
}

.attandance-modal .punch-in-out .out-hours {
    color: #e50000;
    font-weight: 600;
}


.attandance-modal .punch-in-out .in-hours {
    color: #008d00;
    font-weight: 600;
}


.total-billing-hours {
    margin-top: auto;
    font-size: 0.813rem;
}


.financial-report-table tbody tr.view {
    /*    background: #eeeeff;*/
    background: #f7f6fc;
}
/*.financial-report-table tbody tr.view td{
   border-color: #cccde9
}
*/
.financial-report-table .gap-data {
    border: 0;
}

.financial-report-table tbody tr.view.open {
    /*  background: #c4c4f3;*/
    background: #ebebfb !important;
}

.financial-report-table .fold-content {
    padding: 8px 10px;
    background: #f6f6fb;
}

.financial-report-table .fold.open {
    /*    background: #dadafb !important;*/
    background: #eeeeff !important;
}

.financial-report-table tbody tr.view.open td {
    /*    border-bottom-color: #9696d5 !important;*/
    border-bottom-color: #b2b2eb !important;
}

.financial-report-table .text-success {
    color: #00929b !important;
}

.financial-report-table .fold.open .inner-table-content tr th {
    font-size: 0.68rem;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.financial-report-table .inner-table-content .inner-table {
    width: 100%;
}

.financial-report-table .fold.open .inner-table-content tr td {
    font-size: 0.65rem;
    padding: 0.2rem 0.75rem;
    height: inherit;
    border-width: 1px 0px;
    border-color: #c7c7e7;
}


.financial-report-table .fold .actionBtn .edit-anchor i {
    color: #008d00;
    font-size: 0.75rem;
}


.financial-report-table .fold .actionBtn a.delete-anchor i {
    color: #d90000;
    font-size: 0.75rem;
}

.financial-report-table .fold .actionBtn {
    display: flex;
    gap: 0.5rem;
}

.financial-report-table .fold tfoot tr td {
    background: transparent !important;
    font-weight: 600 !important;
}

.financial-report-table tr td a.action-link {
    color: #845adf;
    display: flex;
    align-items: center;
    gap: 3px;
    text-decoration: underline;
    white-space: nowrap;
}

    .financial-report-table tr td a.action-link i {
        vertical-align: middle;
        line-height: normal;
        font-size: 15px;
    }

.financial-report-table .inner-table-content .amountwidth {
    width: 93px;
    max-width: 93px;
    min-width: 93px;
}

.financial-report-table .inner-table-content .action-width {
    width: 101px;
}

.financial-report-table tr th.contactUrl-width {
    padding-right: 5px !important;
}

.financial-report-table .add-new-row {
    background: #f9f9f9;
}

.financial-report-table .add-new-row-text {
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
}

.financial-report-table td.gap-data {
    padding: 3px 0px !Important;
}

.financial-report-table tbody tr.view td:first-child, .financial-report-table tbody tr.view td:last-child, .financial-report-table tbody tr.view td:nth-child(10), .financial-report-table tbody tr.view td:nth-child(8), .financial-report-table tbody tr.view td:nth-child(7) {
    width: 10px;
    text-align: center;
}

.form-control-200 {
    min-width: 200px !important;
    max-height: 520px !important;
}

.form-control-130 {
    max-width: 130px !important;
}

.form-control-100 {
    min-width: 100px !important;
}

.form-control-120 {
    min-width: 130px !important;
    max-height: 520px !important;
}

.form-control-110 {
    min-width: 120px !important;
    max-height: 520px !important;
}

.form-control-200-width {
    min-width: 200px !important;
    padding: 0.275rem 0.64rem !important;
    width: 100% !important;
}

.top-bar-department {
    padding: 6px 12px !important;
    min-width: 190px !important;
    width: inherit !important;
    font-weight: 500 !important;
    inset: inherit !important;
    background-color: transparent !important;
    border: 1px solid #e9edf4 !important;
    height: 33px !important;
    border-radius: 7px !important;
    text-align: left !important;
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
    color: #333 !important;
    position: relative !important;
    cursor: pointer !important;
}

.employee-page-dropdown {
    border-color: #c4cbdd;
    border-radius: 4px;
    font-size: 0.75rem;
    padding: 0.275rem 0.64rem;
    width: 100%;
    line-height: 1.35;
    height: 27px;
    color: #333333;
}

.employee_table .dropdown {
    position: static !important;
}

.employee_table .dropdown-menu {
    z-index: 50;
    position: absolute !important;
    transform: translate3d(0, 0, 0) !important;
    top: auto !important;
    left: auto !important;
    max-width: 250px;
}

.addRow {
    border: 1px solid;
    display: flex;
    justify-content: center;
}

.financial-report-table tbody tr.view td {
    border-color: #cccde9;
}

.EditPayment_modal .modal-dialog, .add_Payment_modal .modal-dialog {
    max-width: 650px;
}

.EditPayment_modal .date-picker-container, .add_Payment_modal .date-picker-container {
    width: 100%;
}

.financial-report-table .inner-table-content .inner-table tr:hover {
    background: transparent;
}

.financial_report_layout .selectbox.search-btn {
    align-self: flex-end;
}

.financial_report_layout .form-switch .form-check-label {
    font-size: 0.813rem;
}

.financial_report_layout .project_leftBox {
    align-self: flex-end;
}

.financial_report_layout .form-switch {
    display: flex;
    align-items: center;
}

.financial-report-table .total-row, .financial-report-table .total-row:hover td {
    background: #e9e5ff;
}

.productivity-box {
    gap: 15px;
    flex-wrap: wrap;
}


    .productivity-box .productivity-ratio {
        font-size: 1.2rem !important;
    }

.productivity-content {
    color: var(--white);
}

.user-box {
    display: flex;
}

.form-control-180 {
    max-width: 180px !important;
}

.form-control-130 {
    max-width: 130px !important;
}

.ml-2 {
    margin-left: 20px;
}

.of-v {
    overflow: visible !important;
}

.new-badge {
    background: #ff0000 !important;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: white;
    border-radius: 30px;
    font-size: 0.65rem;
    padding: 0 6px 0 6px;
}

.star-icon svg {
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.new-tag {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    /* gap: 4px;*/
}

.assigned-to-modal .list-group li label {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
}

.assigned-to-modal .list-group li p {
    font-weight: normal !important;
    font-size: 12px;
    color: #5a5a5a;
}

.assigned-to-modal .list-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

    .assigned-to-modal .list-group li {
        width: 100%;
    }

        .assigned-to-modal .list-group li:first-child {
            width: 100%;
            border-bottom: 1px dashed #dddddd;
            padding-bottom: 8px;
        }

            .assigned-to-modal .list-group li:first-child label {
                font-size: 13px;
            }

.project-inactive {
    background: gray !important;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: floralwhite;
    border-radius: 30px;
    font-size: 0.65rem;
    padding: 0 6px 0 6px;
}

.project-hot-tag {
    min-height: 20px;
    min-width: 20px;
}

.project-star-tag {
    min-height: 16px;
    min-width: 16px;
}

.align-filter-right {
    flex-wrap: wrap;
    font-size: 0.813rem;
    justify-content: end;
}

.confirmationModel {
    z-index: 999999;
    display: none;
}

.nowrap-dropdown-item {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item {
    justify-content: flex-start;
}

/*======================================<News css start here>======================================*/
.news-card {
    height: 68%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .news-card .card-body {
        overflow-y: auto;
        flex: 1;
    }


.news-heading h2 {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 22px
}

.news-heading span {
    font-weight: 500;
    display: flex;
    gap: 5px;
    align-items: center
}

.news-img {
    padding: 15px 0
}

    .news-img img {
        border-radius: 5px;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

.news-discription {
    padding: 2px 0 0
}

    .news-discription p {
        margin: 0 0 20px
    }

        .news-discription p:last-child {
            margin-bottom: 0
        }

.awards_img {
    padding: 0 !important
}

    .awards_img img {
        width: 100%;
        object-fit: cover;
        height: 100%
    }

.awards_img {
    border: none !important
}

.publish-name {
    background: #E4E4E4;
    padding: 3px 10px;
    border-radius: 4px;
    font-style: italic
}

.author-name {
    font-size: 13px;
    font-weight: 600;
    position: relative;
    font-style: italic;
    padding-left: 10px
}

    .author-name .author-name {
        position: relative
    }

        .author-name .author-name:before {
            position: absolute;
            left: 0;
            width: 5px;
            height: 5px;
            background: red;
            content: ""
        }

span.author-name {
    color: var(--bs-card-color)
}

    span.author-name:before {
        content: "";
        background: #b9b9b9;
        width: 5px;
        height: 5px;
        position: absolute;
        left: 0;
        border-radius: 10px;
        top: 8px
    }

.padding-remove {
    padding: 0
}

.awards_layout .padding-remove ul li {
    padding: 15px !important;
    margin: 0;
    border-left: 3px solid #fff0
}

    .awards_layout .padding-remove ul li.active {
        border-color: #293762;
        background: #C3CAE8
    }

.padding-remove .awards_description h6 {
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 7px;
}

.padding-remove li.active .awards_description h6 {
    font-weight: 600
}

.padding-remove li.active .awards_description .publish-name {
    background: #fff
}

.padding-remove li {
    cursor: pointer
}

.padding-remove ul li.active .author-name:before {
    background: #293762
}

.load-more-btn {
    padding: 0.5rem 1rem;
}

    .load-more-btn a {
        color: #333;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .load-more-btn a:hover {
            color: #007bff;
        }

.blink {
    animation: blink-fast 0.9s linear infinite;
    fill: red !important;
}

@keyframes blink-fast {
    50% {
        opacity: 0;
    }
}

.padding-remove .awards_description p {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center
}

.awards_description {
    overflow: auto;
    max-height: calc(-171px + 95vh);
}


@media (min-width:1299px) {

    .lead_tracker_layout .filter-left {
        justify-content: flex-start;
        align-items: baseline;
        width: 100%;
        gap: 1%;
    }


        .lead_tracker_layout .filter-left .selectbox {
            width: 11.6% !important;
            min-width: auto !important;
        }

            .lead_tracker_layout .filter-left .selectbox button {
                min-width: auto !important;
            }

            .lead_tracker_layout .filter-left .selectbox .date-selectbox, .lead_tracker_layout .filter-left .status_width, .lead_tracker_layout .date-picker-container {
                width: 100%;
            }
}

@media (max-width:1298px) {
    .lead_tracker_layout .filter-left .selectbox {
        width: 18.5% !important;
        min-width: auto !important;
    }

        .lead_tracker_layout .filter-left .selectbox .date-selectbox, .lead_tracker_layout .filter-left .status_width, .lead_tracker_layout .date-picker-container {
            width: 100%;
        }

    .lead_tracker_layout .input-group.date-selectbox .date-picker-container {
        width: 100% !important;
    }

    .lead_tracker_layout .filter-left .selectbox button {
        min-width: auto;
    }

    .lead_tracker_layout .filter-left .project_leftBox {
        gap: 1%;
        row-gap: 10px;
    }
}

.project-tab .filter-right .selectbox button {
    min-width: auto;
}


@media (max-width: 767px) {
    .lead_tracker_layout .filter-left .selectbox {
        width: 24.1% !important;
        min-width: auto !important;
    }
}




/*<----------------------project profile------------------>*/

.p-logo {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px 0;
    align-items: center;
}

.p-left img {
    width: 60px;
}

.p-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.p-name h1 {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    color: #845ADF;
}

.p-name p {
    font-size: 12px;
    font-style: italic;
    color: #868686;
    margin: 0;
}

.client-name-projectprofile h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #2A3042;
}

.client-name-projectprofile span {
    color: 845ADF;
}

.p-discription p {
    margin: 0;
    font-size: 13px;
    color: #2A3042;
}

.p-discription {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.project-logo {
    margin: 0 0 15px 0;
}



.imp-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
    margin: 30px 0 0 0;
}

.team-role {
    width: 40%;
    background: #845adf1c;
    padding: 15px;
    border-radius: 15px;
}

.testi {
    width: 60%;
    background: #3bb92a2e;
    padding: 15px;
    border-radius: 15px;
}

.team-heading h2 {
    margin: 0;
    color: #1C378C;
    font-size: 15px;
    font-weight: 500;
    border-left: 2px solid #1C378C;
    padding-left: 7px;
}

.team-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px 0;
}

    .team-heading p {
        margin: 0;
    }

.team-name {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .team-name h3 {
        margin: 0;
        font-size: 13px;
        color: #333335;
    }

.list-one {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}



.testi-client-name img {
    width: 60px;
    border-radius: 100px;
    display: flex;
    height: 60px;
}

.testi-client-name {
    display: flex;
    gap: 14px;
    align-items: center;
}

.text-client-name h4 {
    margin-bottom: 2px;
    color: #845ADF;
    font-size: 15px;
    font-weight: 600;
}

.text-client-name p {
    margin: 0;
}

.testi-feedback p {
    font-size: 13px;
    margin: 0;
    color: #2A3042;
    font-style: italic;
}

.main-slide {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    align-items: flex-start;
}

.product-second-box {
    width: 48%;
}

.industry-box, .technology-list {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}

.key-dis p {
    margin: 0;
    font-size: 13px;
}

.industry-boxs {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    flex-wrap: wrap;
    margin: 15px 0 0 0;
}

.box-one {
    width: calc(50% - 15px);
    background: #845adf29;
    padding: 30px;
    border-radius: 15px;
    position: relative;
}

    .box-one h2 {
        font-size: 15px;
        margin: 0 0 9px 0;
        font-weight: 500;
        text-align: center;
        color: #1C378C;
    }

    .box-one p {
        margin: 0;
        text-align: center;
        font-size: 13px;
        line-height: 16px;
        color: #2A3042;
    }

.box-icon {
    background: #845ADF;
    border-radius: 100px;
    padding: 10px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -10px;
    top: -15px;
    border: 2px solid #fff;
}

    .box-icon svg {
        fill: #fff;
    }


.technology-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.tech-box {
    width: calc(50% - 8px);
    background: #F9F9F9;
    padding: 17px;
    border-radius: 10px;
}

.tech-name {
    background: #845adf;
    padding: 7px 15px;
    border-radius: 10px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    color: #ffff;
    margin: 0px 0 10px 0;
    font-size: 12px;
}

.tech-box ul li {
    margin-bottom: 5px;
    font-size: 13px;
}

    .tech-box ul li span {
        font-weight: 500;
        margin-right: 5px;
    }

.tech-name ul li a {
    background: #845ADF;
}

.tech-box ul li a {
    background: #845adf1c;
    padding: 0px 5px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
}

.check-icon {
    position: relative;
}

    .check-icon ul li {
        position: relative;
        padding-left: 20px;
        font-size: 13px;
    }

        .check-icon ul li span {
            position: absolute;
            top: 5px;
            left: 0;
        }

.product-details, .project-slider {
    width: calc(50% - 15px);
}

.project-slider {
    display: flex;
}

    .project-slider .carousel-indicators .active {
        background-color: #845adf;
        border-radius: 100px !important;
    }

    .project-slider .carousel-caption {
        inset-block-start: auto;
    }

    .project-slider .carousel-item:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        background: #ffffff;
        background: linear-gradient(181deg,rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 24%) 100%);
    }

    .project-slider .carousel-item img {
        height: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px 20px 0px 0px !important;
    }


.product-details, .project-slider {
    width: 100%;
}

.key-dis {
    margin: 0 0 25px 0;
    display: block;
}

.green-box {
    background: #dcf2d9;
}

.sky-blue {
    background: #64b5f638;
}

.red-box {
    background: #ff000036;
}

.orange-box {
    background: #ffa50033;
}

.pink-box {
    background: #ff00de21;
}

.project-slider {
    display: flex;
    align-self: center;
    position: relative;
    padding: 60px 0 0 0;
}

    .project-slider .carousel {
        position: absolute;
        left: 0px;
        top: 0;
        z-index: 9;
        width: 100%;
        padding: 0px 3px 0px 3px;
        height: 67%;
    }

    .project-slider .carousel-item, .project-slider .carousel-inner {
        border-radius: 20px 20px 0px 0px !important;
    }

    .project-slider .carousel-item {
        height: 100%;
    }

.tech-name svg {
    width: 19px;
    height: 19px;
    fill: #fff;
}

.mobile-view-screen {
    display: none;
}

.project-slider .carousel-indicators {
    margin: 0;
}

.project-slider .carousel-caption {
    display: none !important;
}

.project-slider .carousel-control-prev, .project-slider .carousel-control-next {
    background: #000000;
    height: 34px;
    border-radius: 100px;
    width: 34px;
    top: 50%;
    transform: translate(0%, -50%);
}

.project-slider .carousel-control-prev {
    left: 10px;
}

.project-slider .carousel-control-next {
    right: 10px;
}

.project-slider .carousel-control-prev-icon, .project-slider .carousel-control-next-icon {
    width: 12px;
    height: 12px;
}

.project-slider .carousel-indicators button {
    background: #000000a8;
    height: 10px !important;
    width: 10px !important;
    border: none;
    opacity: 1;
    border-radius: 100px;
}

@media (max-width:1250px) {
    .tech-box {
        width: 100%;
    }

    .team-role, .testi {
        width: 49%;
    }

    .imp-info {
        gap: 0
    }

    .imp-info, .main-slide {
        flex-wrap: wrap;
    }
}

@media (max-width:1150px) {

    .box-one {
        width: 100%
    }

    .project-slider {
        order: 1;
    }

    .product-details {
        order: 2;
    }
}


@media (max-width:767px) {


    .project-slider .carousel-item, .project-slider .carousel-inner {
        border-radius: 80px !important;
    }

    .project-slider {
        padding: 0;
    }

    body .mobile-view-screen {
        display: block;
    }

    .desktop-view-screen {
        display: none;
    }

    .project-slider .carousel {
        padding: 15px 22px 15px 22px;
        height: 99%;
        top: 2px;
    }

    .main-slide {
        gap: 25px;
    }

    .project-slider .carousel-item:before {
        height: 0%;
        background: #00000033;
    }

    .project-slider .carousel-control-prev {
        left: 30px;
    }

    .project-slider .carousel-control-next {
        right: 30px;
    }

    .project-slider .carousel-indicators {
        bottom: 30px;
    }
}



@media (max-width:567px) {
    .project-slider .carousel-item, .project-slider .carousel-inner {
        border-radius: 70px !important;
    }

    .team-role, .testi {
        width: 100%;
    }

    .imp-info {
        gap: 15px;
    }

    .p-logo {
        flex-wrap: wrap;
    }


    .project-slider .carousel-control-prev-icon, .project-slider .carousel-control-next-icon {
        width: 15px;
        height: 15px;
    }

    .project-slider .carousel {
        padding: 10px 15px;
    }



    .project-slider .carousel-indicators {
        width: 100%;
    }

    .project-slider .carousel-control-prev, .project-slider .carousel-control-next {
        background: #000000;
        height: 40px;
        border-radius: 100px;
        width: 40px;
        top: 50%;
        transform: translate(0%, -50%);
    }

    .project-slider .carousel-control-prev {
        left: 20px;
    }

    .project-slider .carousel-control-next {
        right: 20px;
    }

    .lead_tracker_layout .filter-left .selectbox, .lead_tracker_layout .filter-left .selectbox .date-selectbox, .lead_tracker_layout .filter-left .status_width, .lead_tracker_layout .filter-left .selectbox input, .lead_tracker_layout .date-picker-container {
        width: 100% !important;
    }
}

@media (max-width:485px) {

    .project-slider .carousel-item, .project-slider .carousel-inner {
        border-radius: 40px !important;
    }
}

@media (max-width:320px) {
    .team-heading h2 {
        font-size: 14px;
    }

    .project-slider .carousel-item, .project-slider .carousel-inner {
        border-radius: 30px !important;
    }

    .project-slider .carousel {
        padding: 8px 12px;
    }
}

.project-profile-icon {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .project-profile-icon:hover,
    .project-profile-icon:focus {
        transform: scale(1.05);
    }

@media (min-width:1850px) {
    .lead_tracker_layout .selectbox.clear_link {
        display: flex !important;
        align-items: center !important;
        padding: 0px 0 0 0 !important;
    }
}


@keyframes loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.skeleton-loader {
    border-radius: 4px;
    animation: loading 1.5s infinite;
}