@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/SFM.Effortly.Client.Authentication/SFM.Effortly.Client.Authentication.bundle.scp.css';
@import '_content/SFM.Effortly.Client.Dashboard/SFM.Effortly.Client.Dashboard.bundle.scp.css';
@import '_content/SFM.Effortly.Client.EmployeeTeams/SFM.Effortly.Client.EmployeeTeams.bundle.scp.css';
@import '_content/SFM.Effortly.Client.LiveInsights/SFM.Effortly.Client.LiveInsights.bundle.scp.css';
@import '_content/SFM.Effortly.Client.MapView/SFM.Effortly.Client.MapView.bundle.scp.css';
@import '_content/SFM.Effortly.Client.Settings/SFM.Effortly.Client.Settings.bundle.scp.css';
@import '_content/SFM.Effortly.Client.Shared/SFM.Effortly.Client.Shared.bundle.scp.css';
@import '_content/SFM.Effortly.Client.TimeTracker/SFM.Effortly.Client.TimeTracker.bundle.scp.css';
@import '_content/SFM.Effortly.Client.UsageAnalytics/SFM.Effortly.Client.UsageAnalytics.bundle.scp.css';
@import '_content/SFM.Effortly.Mobile.Dashboard/SFM.Effortly.Mobile.Dashboard.bundle.scp.css';
@import '_content/SFM.Effortly.Mobile.Employee/SFM.Effortly.Mobile.Employee.bundle.scp.css';
@import '_content/SFM.Effortly.Mobile.MapView/SFM.Effortly.Mobile.MapView.bundle.scp.css';

/* /Pages/Admin/APIErrorLog.razor.rz.scp.css */
.page-title[b-1a9lj2t24b] {
    padding: 38px 32px 0;
}
.ea-db-grid-wrap[b-1a9lj2t24b] {
    padding: 20px;
    border-radius: 20px;
    background: #F3F4F6;
}
.ea-db-grid-wrap .grid-title[b-1a9lj2t24b] {
    color: #151720;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 108.1%;
    letter-spacing: -0.32px;
}
[b-1a9lj2t24b] .ea-db-grid-wrap .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
[b-1a9lj2t24b] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent {
    min-height: auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-1a9lj2t24b] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent .e-rowcell {
    white-space: break-spaces;
}
/* Grid ends */
.title-wrap[b-1a9lj2t24b] {
    margin-bottom: 10px;
}
.title-wrap select[b-1a9lj2t24b] {
    width: 200px;
}
.title-wrap .btn-primary[b-1a9lj2t24b] {
    width: 100px;
}
/* /Pages/Admin/ExeErrorLog.razor.rz.scp.css */
.ea-db-grid-wrap[b-21esilttsl] {
    padding: 20px;
    border-radius: 20px;
    background: #F3F4F6;
}
[b-21esilttsl] .ea-db-grid-wrap .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
[b-21esilttsl] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent {
    min-height: auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
/* Grid ends */

.epm-exe-error-type[b-21esilttsl] {
    border-radius: 16px;
    background: #FFECC6;
    padding: 2px 20px;
    width:fit-content;
    color: rgba(21, 23, 32, 0.70);
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
}
[b-21esilttsl] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}

[b-21esilttsl] .epm-grid-profile-wrap .name-wrap {
    overflow: hidden;
}

[b-21esilttsl] .epm-grid-profile-wrap .name-wrap .title {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

[b-21esilttsl] .epm-grid-profile-wrap .name-wrap .designation {
    color: #6D7081;
    font-size: 12px;
    font-weight: 400;
}

[b-21esilttsl] .epm-grid-profile-wrap .name-wrap .emp-id {
    color: #6D7081;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.042px;
    margin-right: 10px;
}
[b-21esilttsl] .epm-error-text {
    color: #15171C;
    font-size: 11px;
    font-weight: 500;
    line-height: 24px;
    width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
[b-21esilttsl] .endpoint {
    color: #191D23;
    font-weight: 600;
    line-height: 20px;
}

@media screen and (max-width: 1300px){
    [b-21esilttsl] .epm-error-text, [b-21esilttsl] .epm-grid-profile-wrap .name-wrap .emp-id, [b-21esilttsl] .epm-grid-profile-wrap .title,
    [b-21esilttsl] .epm-grid-profile-wrap .name-wrap .designation {
        font-size: 9px;
        line-height: 15px;
    }
    [b-21esilttsl] .epm-exe-error-type {
        padding: 2px 10px;
        font-size: 9px;
    }
}
/* /Pages/Admin/ExpenseApproval.razor.rz.scp.css */
.expense-body[b-k85r4vn2rt] {
    padding: 28px 25px;
    background-color: var(--bg-white);
}
.filter-white[b-k85r4vn2rt] {
    filter: brightness(0) invert(1);
}
.font-12[b-k85r4vn2rt] {
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}
/* Grid changes */
[b-k85r4vn2rt] .epm-grid .e-grid .e-rowcell {
    border-color: var(--light-border-100);
    padding-top: 9px;
    padding-bottom: 9px;
}
[b-k85r4vn2rt] .epm-grid .e-grid .e-gridheader {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
[b-k85r4vn2rt] .epm-grid .e-grid .e-headercell:first-child {
    padding-left: 4px !important;
}
[b-k85r4vn2rt] .tr-overflow-visible td.e-rowcell {
    overflow: visible;
}
[b-k85r4vn2rt] .epm-grid.tr-overflow-visible .e-grid .e-headercell {
    border-bottom: 1px solid var(--light-border-100);
}
/* table datas changes */
.date-txt[b-k85r4vn2rt] {
    font-weight: 600;
}
.date-txt span[b-k85r4vn2rt] {
    color: var(--text-light);
}
.amt-txt[b-k85r4vn2rt] {
    color: var(--text-dark);
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
[b-k85r4vn2rt] .approved {
    color: #1AAB50;
}
[b-k85r4vn2rt] .pending {
    color: #F1751A;
}
[b-k85r4vn2rt] .rejected {
    color: #CC2B48;
}
[b-k85r4vn2rt] .unreported {
    color: #3E4152;
}
.action-icons img[b-k85r4vn2rt] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* table data badges */
.expense-type[b-k85r4vn2rt] {
    border-radius: 42px;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    width: max-content;
}
.expense-type.trip[b-k85r4vn2rt] {
    background-color: rgba(220, 103, 105, 0.12);
}
.expense-type.fuel[b-k85r4vn2rt] {
    background-color: rgba(220, 197, 103, 0.16);
}
.expense-type.food[b-k85r4vn2rt] {
    background-color: rgba(26, 171, 80, 0.08);
}
.expense-type.training[b-k85r4vn2rt] {
    background-color: rgba(26, 94, 241, 0.08);
}
.selected-txt[b-k85r4vn2rt] {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #15171C;
}
.filter-ico[b-k85r4vn2rt] {
    filter: brightness(0) invert(1);
}
.selected-expense[b-k85r4vn2rt] {
    background-color: #0B1218;
    border-radius: 102px;
    padding: 12px 10px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
}

/* Report add popup(tooltip) changes */
.report-popup[b-k85r4vn2rt] {
    border-radius: 20px;
    border: 1px solid #E7E9F5;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08), 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
    width: 300px;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 10;
}
.report-popup-fields[b-k85r4vn2rt] {
    padding: 8px;
}
.report-popup.show[b-k85r4vn2rt] {
    display: block;
    animation: fadeIn-b-k85r4vn2rt 0.3s ease-in-out;
}
.report-popup.hide[b-k85r4vn2rt] {
    display: none;
}
.report-text[b-k85r4vn2rt] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}
.report-cost[b-k85r4vn2rt] {
    color: #15171C;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
@keyframes fadeIn-b-k85r4vn2rt {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.report-add-link[b-k85r4vn2rt] {
    background-color: #F2F3F6;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 20px 20px;
    font-size: 13px;
    line-height: normal;
    color: #8067DC;
    font-weight: 600;
}

/* main popup */
[b-k85r4vn2rt] .se-datepicker.e-input-group, [b-k85r4vn2rt] .se-timepicker.e-input-group, [b-k85r4vn2rt] .se-datepicker.e-input-group .e-input.e-datepicker, 
[b-k85r4vn2rt] .se-timepicker.e-input-group .e-input.e-timepicker {
    width: 100% !important;
}
.rupee-ico[b-k85r4vn2rt] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}
[b-k85r4vn2rt] .pad-custom-left .se-input.e-input-group.e-control-wrapper .e-input {
    padding-left: 40px !important;
}

/* Uploader */
[b-k85r4vn2rt] .e-upload .e-file-select-wrap {
    padding: 40px 0;
}
[b-k85r4vn2rt] .sf-se-img-uploader-wrap {
    border-radius: 12px;
    border: 1px dashed #8067DC;
    background: #F5F6F8;
    padding: 5px;
}
[b-k85r4vn2rt] .sf-se-img-uploader-wrap .e-file-select-wrap {
    text-align: center;
}
[b-k85r4vn2rt] .sf-se-img-uploader-wrap .e-upload-browse-btn {
    color: #8067DC;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.031px;
    background: transparent;
    border: 0;
    padding: 0;
    box-shadow: none !important;
}
[b-k85r4vn2rt] .sf-se-img-uploader-wrap .e-file-drop {
    color: #15171C;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.031px;
    margin-left: 0;
}

[b-k85r4vn2rt] .sf-se-img-uploader-wrap .e-file-drop:after {
    content: 'Supports only .jpg files';
    display: block;
    color: #6D7081;
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}
[b-k85r4vn2rt] .sf-se-img-uploader-wrap .e-upload-files {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 10px;
}

[b-k85r4vn2rt] .sf-se-img-uploader-wrap .e-upload-files .e-upload-file-list {
    border-bottom: 0;
}

[b-k85r4vn2rt] .epm-reimb-count, .epm-count-filter[b-k85r4vn2rt] {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-k85r4vn2rt] .epm-approved-count {
    border-radius: 14px;
    background: rgba(26, 171, 80, 0.12);
    border: 1px solid rgba(26, 171, 80, 0.12);
    color: #1AAB50;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: center;
}
[b-k85r4vn2rt] .epm-approved-count img {
    width: 20px;
    height: 20px;
}
[b-k85r4vn2rt] .epm-approved.active {
    border-color: #1AAB50;
}
[b-k85r4vn2rt] .epm-pending {
    background: rgba(241, 117, 26, 0.12) !important;
    color: #F1751A;
    border: 1px solid rgba(241, 117, 26, 0.12);
}
[b-k85r4vn2rt] .epm-pending.active {
    border-color: #F1751A;
}
[b-k85r4vn2rt] .epm-rejected {
    background: rgba(204, 43, 72, 0.12);
    color: #CC2B48;
    border: 1px solid rgba(204, 43, 72, 0.12);
}
[b-k85r4vn2rt] .epm-rejected.active {
    border-color: #CC2B48;
}
[b-k85r4vn2rt] .epm-all-request {
    background: var(--bg-primary) !important;
    border: 1px solid rgba(26, 171, 80, 0.12)!important;
}
[b-k85r4vn2rt] .epm-all-request.active {
    border-color: #15171C !important;
}
[b-k85r4vn2rt] .epm-all-request p {
    color: #15171C !important;
}
[b-k85r4vn2rt] .epm-approved-count p {
    font-size: 14px;
    font-weight: 600;
    color: #1AAB50;
}
[b-k85r4vn2rt] .epm-rejected p {
    color: #CC2B48;
}
[b-k85r4vn2rt] .epm-pending p {
    color: #F1751A;
}
[b-k85r4vn2rt] .epm-approved-count span {
    color: #15171C;
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
}
[b-k85r4vn2rt] .epm-reimbusement-settings {
    border-radius: 10000px;
    background: #F5F6F8;
    padding: 6px 16px;
}
[b-k85r4vn2rt] .epm-reimbusement-settings ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
[b-k85r4vn2rt] .epm-reimbusement-settings li {
    list-style: none;
}
[b-k85r4vn2rt] .epm-reimbusement-settings ul li::marker {
    color: white;
}
/* Change button styles */
[b-k85r4vn2rt] .epm-change {
    border-radius: 1000px;
    background: #FFF;
    padding: 9px 20px;
    color: #8067DC;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.031px;
    border: none;
}

/* Export button styles */
[b-k85r4vn2rt] .export-btn {
    border-radius: 100px;
    background: #F5F6F8;
    padding: 4px 24px;
    color: #151720;
    font-size: 14px;
    font-weight: 500;
    border: none;
    box-shadow: inherit !important;
}
[b-k85r4vn2rt] .export-btn img {
    padding-left: 10px;
}

/*Bootstrap tab*/
.nav-body-tab[b-k85r4vn2rt] {
    background-color: var(--bg-primary);
    border-radius: 1000px;
    padding: 4px;
    border: none;
}
.nav-body-tab .nav-link[b-k85r4vn2rt], .nav-body-tab .nav-link.active[b-k85r4vn2rt] {
    border: none;
    border-radius: 100px;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    padding: 8.5px 20px;
    background-color: var(--bg-white);
    color: var(--text-dark);
    display: flex;
    align-items: center;
    gap: 6px;
}
.nav-body-tab .nav-link.active[b-k85r4vn2rt] {
    font-weight: 600;
    background-color: var(--text-dark);
    color: var(--text-white);
}
.nav-body-tab .nav-link.active svg[b-k85r4vn2rt] {
    filter: brightness(0) invert(1);
}

[b-k85r4vn2rt] .date-picker-label {
    display: none;
}
[b-k85r4vn2rt] .epm-report-border {
    border-bottom: 1px solid #E7E9F5;
}
[b-k85r4vn2rt] .epm-grid-profile-wrap .title{
    font-size:14px;
}
[b-k85r4vn2rt] .epm-grid-profile-wrap .name-wrap{
    margin-left:5px;
}
[b-k85r4vn2rt] .epm-common-spacing{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

@media screen and (max-width: 1600px) {
    [b-k85r4vn2rt] .epm-grid .e-grid .e-rowcell:first-child {
        padding-left: 12px;
    }
    [b-k85r4vn2rt] .epm-grid-profile-wrap .title, [b-k85r4vn2rt] .report-date, [b-k85r4vn2rt] .report-details-wrap {
        font-size: 10px !important;
    }
    [b-k85r4vn2rt] .epm-approved-count {
        width: 100px;
    }
    [b-k85r4vn2rt] .epm-approved-count p {
        font-size: 12px;
    }
}
@media screen and (max-width:1500px) {
    [b-k85r4vn2rt] .epm-approved-count {
        border-radius: 10px;
        padding: 5px;
        width: 100px;
    }
    [b-k85r4vn2rt] .epm-approved-count p{
        font-size:12px;
    }
}
@media screen and (max-width: 1400px) {
    .gap-medium-10[b-k85r4vn2rt] {
        gap: 10px;
    }
}
@media screen and (max-width: 1300px) {
    .expense-body[b-k85r4vn2rt] {
        padding: 15px 25px;
    }
    .epm-approved-count[b-k85r4vn2rt] {
        border-radius: 8px;
        padding: 8px 10px;
        gap: 5px;
    }
    .epm-approved-count img[b-k85r4vn2rt] {
        width: 14px;
        height: 14px;
    }
    .epm-approved-count p[b-k85r4vn2rt], .epm-reimbusement-settings li[b-k85r4vn2rt] {
        font-size: 11px;
    }
    .epm-reimbusement-settings[b-k85r4vn2rt] {
        padding: 3px 9px;
    }
    .epm-approved-count span[b-k85r4vn2rt] {
        font-size: 11px;
        margin-left: 8px;
    }
    .epm-change[b-k85r4vn2rt] {
        padding: 5px 12px;
        font-size: 10px;
    }
    .nav-body-tab[b-k85r4vn2rt] {
        padding: 2px;
    }
    [b-k85r4vn2rt] .se-datepicker-wrap {
        padding: 0;
    }
    .nav-body-tab .nav-link[b-k85r4vn2rt], .nav-body-tab .nav-link.active[b-k85r4vn2rt] {
        font-size: 10px;
        padding: 5px;
        gap: 0px;
    }
    .nav-body-tab .nav-link.active svg[b-k85r4vn2rt] {
        width: 12px;
        height: 12px;
    }
    [b-k85r4vn2rt] .epm-approved-count {
        width: auto;
    }
}
@media(max-width:992px){
    [b-k85r4vn2rt] .epm-toolbar-mob{
        margin-top:10px;
    }
}
/* /Pages/Admin/ExpenseApprovalComponents/DailyTravelExpenseDetail.razor.rz.scp.css */
/* Common utilities */
.space-util[b-kc3z97a66r] {
    padding: 12px 20px;
}

/* Deatil info header */
.se-dte-edi-header[b-kc3z97a66r] {
}
.se-dte-edi-header-title[b-kc3z97a66r] {
    color: #15171C;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

/* Deatil info nav */
.se-dte-edi-nav[b-kc3z97a66r] {
    border-top: 1px solid #F3F4F6;
    border-bottom: 1px solid #F3F4F6;
}
[b-kc3z97a66r] .se-dte-tbl-header-title img {
    width: 20px;
    height: 20px;
}

/* Deatil info */
.se-dte-edi-detail[b-kc3z97a66r] {
    height: calc(100vh - 255px);
    overflow: hidden auto;
}
.se-dte-edi-detail-slider[b-kc3z97a66r] {
    background-color: #fff;
    border: 1px solid #ECEDEF;
    border-radius: 12px;
    margin-top: 24px;
}
.se-dte-edi-detail-slider-header[b-kc3z97a66r], .se-dte-edi-detail-slider-body[b-kc3z97a66r] {
    padding: 12px;
}
.se-dte-edi-detail-slider-header[b-kc3z97a66r] {
    border-bottom: 1px solid #E7E9F5;
}
.se-dte-edi-detail-title[b-kc3z97a66r], .se-dte-edi-detail-desc[b-kc3z97a66r] {
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 8px;
}
.se-dte-edi-detail-title[b-kc3z97a66r] {
    color: #6D7081;
}
.se-dte-edi-detail-desc[b-kc3z97a66r] {
    color: #15171C;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.se-dte-edi-detail-slider-imgs[b-kc3z97a66r] {
    border-radius: 2px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
    width: 42px;
    height: 62px;
    aspect-ratio: 21/31;
    border: 1px solid #E7E9F5;
    cursor: pointer;
}
.se-dte-edi-detail-slider-imgs.active[b-kc3z97a66r] {
    border: 1px solid #8067DC;
}
.se-dte-edi-detail-slider-container[b-kc3z97a66r] {
    width: 100%;
    height: 45vh;
}
.se-dte-edi-detail-slider-preview[b-kc3z97a66r] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Comments and activity */
.divider[b-kc3z97a66r] {
    border-top: 1px solid #ECEDEF;
    margin: 20px 0;
}

/* Popup */
.se-common-popup-title-wrap[b-kc3z97a66r] {
    padding: 16px 24px;
    border-bottom: 1px solid #F3F4F6;
}
.se-category-popup-content[b-kc3z97a66r] {
    padding: 12px 24px;
    height: 81vh;
}
.se-category-popup-content .se-dte-edi-detail-slider[b-kc3z97a66r] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
[b-kc3z97a66r] .se-receipt-date {
    color: #6D7081;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 6px;
}
.se-common-popup-title-wrap .title[b-kc3z97a66r] {
    font-size: 16px;
}
[b-kc3z97a66r] .se-category-popup-img {
    width: 24px;
    height: 24px;
}
.se-dte-edi-detail-slider-footer[b-kc3z97a66r] {
    border-top: 1px solid #E7E9F5;
    padding: 22px;
}
.se-category-popup-content .se-dte-edi-detail-slider-container[b-kc3z97a66r] {
    height: 53vh;
}

@media screen and (max-width: 1400px) {
    /* Popup */
    .se-common-popup-title-wrap[b-kc3z97a66r], .se-dte-edi-detail-slider-footer[b-kc3z97a66r] {
        padding-block: 10px;
    }
    .se-receipt-date[b-kc3z97a66r] {
        margin-bottom: 2px;
        font-size: 10px;
        line-height: 14px;
    }
    .se-common-popup-title-wrap .title[b-kc3z97a66r] {
        font-size: 12px;
    }
    .se-common-popup-title-wrap .title img[b-kc3z97a66r] {
        width: 16px;
        height: 16px;
    }
    .se-category-popup-content[b-kc3z97a66r] {
        overflow: auto;
        height: 100%;
    }
    .se-category-popup-content .se-dte-edi-detail-slider[b-kc3z97a66r] {
        margin-top: 0;
    }
    .se-category-popup-content .se-dte-edi-detail-slider-container[b-kc3z97a66r] {
        height: 41vh;
    }
    .se-dte-edi-detail-slider-footer svg[b-kc3z97a66r] {
        width: 14px;
        height: 14px;
    }
    .se-dte-edi-detail-slider-imgs[b-kc3z97a66r] {
        width: 30px;
        height: 40px;
    }
    .se-common-popup-title-wrap .img-close[b-kc3z97a66r] {
        width: 18px;
        height: 18px;
    }
}
/* /Pages/Admin/ExpenseApprovalComponents/DailyTravelExpenseLists.razor.rz.scp.css */
/* Search container */
.se-dte-search-container[b-m50mh56h9p] {
    border-bottom: 1px solid #ECEDEF;
}

/* Card style */
.se-dte-card[b-m50mh56h9p] {
    padding: 14px 16px;
    border: 1px solid #ECEDEF;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    background-color: #fff;
    transition: .2s ease;
    margin: 2px 0;
    cursor: pointer;
}
.se-dte-card.active[b-m50mh56h9p], .se-dte-card:hover[b-m50mh56h9p] {
    border-radius: 16px;
    background-color: #E1DBF752;
    border: 1px solid transparent;
}
.se-dte-card-space-12[b-m50mh56h9p] {
    margin-bottom: 12px;
}
.se-dte-card-datetxt[b-m50mh56h9p], .se-dte-card-items[b-m50mh56h9p] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #3E4152;
}
.se-dte-card-items[b-m50mh56h9p] {
    font-weight: 600;
}
.se-dte-card-title[b-m50mh56h9p] {
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    color: #15171C;
    margin-bottom: 6px;
}
.se-dte-card-amt[b-m50mh56h9p] {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #15171C;
}
/* /Pages/Admin/ExpenseApprovalComponents/DailyTravelExpenseTable.razor.rz.scp.css */
/* Header */
.se-dte-tbl-header[b-rotst0rmv5] {
    padding: 12px 24px;
    border-bottom: 1px solid #ECEDEF;
}
.se-dte-tbl-header-desc[b-rotst0rmv5] {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #6D7081;
}

/* Table container */
.se-dte-tbl-container[b-rotst0rmv5] {
    padding: 16px 24px;
}

/* Cards */
.se-dte-tbl-card[b-rotst0rmv5] {
    border-radius: 12px;
    border: 1px solid #ECEDEF;
    background-color: #fff;
    padding: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.se-dte-tbl-card-title[b-rotst0rmv5] {
    color: #6D7081;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}
.se-dte-tbl-card-desc[b-rotst0rmv5] {
    color: #15171C;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

/* Common fonts */
.font-12[b-rotst0rmv5] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #6D7081;
}
.font-13[b-rotst0rmv5] {
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    color: #15171C;
}

/* Grid */
[b-rotst0rmv5] .epm-grid .e-grid .e-content {
    min-height: auto;
    height: auto;
}
[b-rotst0rmv5] .se-dte-category {
    border-radius: 8px;
    border: 1px solid #E7E9F5;
    background-color: #FFF;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-rotst0rmv5] .se-dte-category img {
    width: 20px;
    height: 20px;
}
[b-rotst0rmv5] .se-dte-cmt {
    color: #15171C;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
[b-rotst0rmv5] .epm-grid .e-grid .e-row:hover {
    background: rgb(225 219 247);
}
[b-rotst0rmv5] .epm-grid .e-grid .e-gridheader {
    border-top: none;
}
[b-rotst0rmv5] .epm-grid .e-grid .e-headercelldiv {
    padding: 12px 10px !important;
}
[b-rotst0rmv5] .epm-grid .e-grid .e-rowcell {
    padding: 10px !important;
    border-bottom: 1px solid #ECEDEF;
}
[b-rotst0rmv5] .epm-grid .e-grid .e-rowcell:first-child {
    padding-left: 20px !important;
}
[b-rotst0rmv5] .epm-grid .e-grid .e-gridcontent {
    border-radius: 0;
}
[b-rotst0rmv5] .se-dte-source-img {
    border-radius: 5px;
    width: 36px;
    height: 36px;
    background: linear-gradient(180deg, #F7F7F7 0%, #E9E9E9 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-rotst0rmv5] .se-dte-source-img img {
    width: 20px;
    height: 27px;
    object-fit: contain;
}

@media screen and (max-width: 1600px) {
    [b-rotst0rmv5] .epm-grid .e-grid .e-headercell:first-child {
        padding-left: 9px !important;
    }
}
/* /Pages/Admin/ExpenseApprovalComponents/ExpenseApprovalListViewComponent.razor.rz.scp.css */
/**Tool Bar CSS Start**/
[b-hrgxxwuyhk] .epm-employee-grid-wrap .e-toolbar-items {
    width: 100% !important;
    background: transparent;
}
[b-hrgxxwuyhk] .epm-approved-count {
    border-radius: 14px;
    background: rgba(26, 171, 80, 0.12);
    padding: 12px 16px;
    display: flex;
    gap: 10px;
}
[b-hrgxxwuyhk] .pending {
    background: rgba(241, 117, 26, 0.12) !important;
}
[b-hrgxxwuyhk] .rejected {
    background: rgba(204, 43, 72, 0.12) !important;
}
[b-hrgxxwuyhk] .epm-approved-count p {
    color: #6D7081;
    font-size: 14px;
    font-weight: 600;
}
[b-hrgxxwuyhk] .epm-approved-count span {
    color: #15171C;
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
}
[b-hrgxxwuyhk] .epm-grid .e-grid .e-toolbar {
    border-top: 0;
    background: transparent;
    position: inherit;
    top: inherit;
    right: inherit;
    z-index: 9;
    min-height: 64px;
    width: 100% !important;
}
[b-hrgxxwuyhk] .e-toolbar .e-toolbar-items {
    background: transparent !important;
    width: 100%;
}
[b-hrgxxwuyhk] .epm-grid-custom-toolbar-filter-wrap {
    text-align: right;
    display: flex;
    gap: 16px;
    justify-content: end;
    align-items: center;
}
[b-hrgxxwuyhk] .epm-filter-btn {
    color: var(--text-primary);
    border-radius: 100px;
    border: none;
    background: #f5f6f8;
    font-weight: 500;
    font-size: 14px;
    padding: 4px 4px 4px 24px;
}
[b-hrgxxwuyhk] .epm-filter-btn span {
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
[b-hrgxxwuyhk] .epm-reimb-count, .epm-count-filter[b-hrgxxwuyhk] {
    display: flex;
    align-items: center;
    gap: 15px;
}
[b-hrgxxwuyhk] .epm-reimb-count, .epm-count-filter[b-hrgxxwuyhk] {
    display: flex;
    gap: 15px;
}
[b-hrgxxwuyhk] .epm-daterangepicker-wrap .left-img, [b-hrgxxwuyhk] .epm-daterangepicker-wrap .right-img {
    background: #fff !important;
}
[b-hrgxxwuyhk] .epm-datepicker .e-input-group {
    background: #fff;
}
[b-hrgxxwuyhk] .date-picker-label {
    display: none !important;
}
[b-hrgxxwuyhk] .epm-datepicker .e-input-group .e-input-group-icon:last-child {
    border-radius: 55px;
    background: #F5F6F8;
    padding: 5px;
    border: 0;
    margin: 4px;
}
[b-hrgxxwuyhk] .epm-datepicker .e-input-group-icon.e-range-icon::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(/images/Icons/calendar.svg) no-repeat;
    background-size: cover;
}
/**Tool Bar CSS End**/

/**Grid CSS Start**/
.epm-user-badge[b-hrgxxwuyhk] {
    height: 28px;
    width: 28px;
    min-width: 28px;
    padding: 7px 0;
    line-height: normal;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.026px;
    border-radius: 32px;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}
[b-hrgxxwuyhk] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}
[b-hrgxxwuyhk] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap {
    display: flex;
    margin-bottom: 2px;
}
[b-hrgxxwuyhk] .epm-grid-profile-wrap .title {
    color: #15171C;
    font-size: 13px;
    font-weight: 600;
    cursor: auto;
    text-decoration: none !important;
}
[b-hrgxxwuyhk] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .info {
    color: #6D7081;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.042px;
    padding-right: 4px;
}
[b-hrgxxwuyhk] .epm-reject {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-hrgxxwuyhk] .epm-approve {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-hrgxxwuyhk] .epm-grid-heading {
    color: var(--text-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.038px;
}
[b-hrgxxwuyhk] .epm-grid-sub-heading {
    color: #6D7081;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.038px;
}

[b-hrgxxwuyhk] .epm-grid-size {
    font-size: 13px !important;
    font-weight: 700 !important;
}
[b-hrgxxwuyhk] .epm-approve-cost {
    color: #1AAB50 !important;
    font-size: 12px;
    font-weight: 700 !important;
    letter-spacing: -0.038px;
}
[b-hrgxxwuyhk] .epm-pending-cost {
    color: #F1751A !important;
    font-size: 12px;
    font-weight: 700 !important;
    letter-spacing: -0.038px;
}
[b-hrgxxwuyhk] .epm-rejected-cost {
    color: #CC2B48 !important;
    font-size: 12px;
    font-weight: 700 !important;
    letter-spacing: -0.038px;
}
[b-hrgxxwuyhk] .epm-grid .e-grid .e-gridheader {
    border: 0;
}
[b-hrgxxwuyhk] .e-grid .e-detailheadercell {
    border: 0;
}
[b-hrgxxwuyhk] .e-grid .e-detailrowcollapse {
    border-color: #E7E9F5;
}
[b-hrgxxwuyhk] .epm-grid .e-grid .e-rowcell {
    border-color: #E7E9F5;
}
[b-hrgxxwuyhk] .e-grid .e-icon-grightarrow::before, [b-hrgxxwuyhk] .e-grid-menu .e-icon-grightarrow::before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background: url(/images/Icons/down-detail-icon.svg) no-repeat;
    background-position: center;
}
[b-hrgxxwuyhk] .e-grid .e-icon-gdownarrow::before, [b-hrgxxwuyhk] .e-grid-menu .e-icon-gdownarrow::before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background: url(/images/Icons/up-detail-icon.svg) no-repeat;
    background-position: center;
}
[b-hrgxxwuyhk] .epm-reimb-btn {
    background: transparent;
    border: none;
}
[b-hrgxxwuyhk] .e-grid [aria-selected] + tr .e-detailindentcell {
    border: 0;
}
[b-hrgxxwuyhk] .epm-grid .e-grid .e-headercell:first-child {
    padding-left: inherit !important;
}
[b-hrgxxwuyhk] .e-grid .e-icon-grightarrow {
    padding: 0 !important;
}
/**Grid CSS End**/

/**Travel Grid CSS Start**/
[b-hrgxxwuyhk] .epm-grid .epm-travel-grid.e-grid .e-detailindentcell {
    border-left: 1px solid #E7E9F5 !important;
    border-bottom: 1px solid #E7E9F5 !important;
    border-bottom-left-radius: 24px !important;
}
[b-hrgxxwuyhk] .epm-grid .epm-travel-grid.e-grid .e-detailrowcollapse {
    text-align: -webkit-right;
}
[b-hrgxxwuyhk] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-top: 1px solid #E7E9F5 !important;
    border-left: 1px solid #E7E9F5 !important;
    border-bottom: 1px solid #E7E9F5 !important;
    border-top-left-radius: 24px !important;
    text-align: -webkit-right;
}
[b-hrgxxwuyhk] .epm-grid .epm-travel-grid.e-grid e-detailrowcollapse {
    border-top: 1px solid #E7E9F5 !important;
}
[b-hrgxxwuyhk] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-radius: 0;
}
[b-hrgxxwuyhk] .epm-travel-grid.e-grid:not(.e-row-responsive,.e-left-shadow,.e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
    border-top: 1px solid #E7E9F5 !important;
}
.deep .epm-travel-grid.e-grid:not(.e-row-responsive):not(.e-left-shadow):not(.e-right-shadow)
.e-gridcontent tr.e-row.e-expanded .e-rowcell:last-child[b-hrgxxwuyhk] {
    border-right: 1px solid #E7E9F5 !important;
}
[b-hrgxxwuyhk] .epm-travel-grid.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border,.e-fixedfreeze.e-freezeleftborder) {
    border-top: 1px solid #E7E9F5 !important;
}
[b-hrgxxwuyhk] .epm-grid .epm-travel-grid.e-grid .e-content .e-row:last-child .e-rowcell {
    border-bottom: 1px solid #E7E9F5 !important;
}
/**Travel Grid CSS End**/

/**Child Grid CSS Start**/
[b-hrgxxwuyhk] .epm-child-table {
    border: 1px solid #E7E9F5 !important;
    border-radius: 20px;
    margin-bottom: 25px;
    margin-top: 24px;
    margin-right: 10px;
}
[b-hrgxxwuyhk] .epm-grid .epm-child-table.e-grid .e-content {
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
}
[b-hrgxxwuyhk] .epm-grid .epm-child-table.e-grid .e-gridcontent {
    margin-top: 0 !important;
}
[b-hrgxxwuyhk] .epm-grid .epm-child-table.e-grid .e-headercell {
    border-bottom: 1px solid #E7E9F5;
    border-right: 1px solid #E7E9F5;
    background: rgba(245, 246, 248, 0.50);
}
[b-hrgxxwuyhk] .epm-grid .epm-child-table.e-grid .e-gridheader {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
[b-hrgxxwuyhk] .epm-grid .epm-child-table.e-grid .e-detailrowexpand {
    border-top: 0 !important;
}
[b-hrgxxwuyhk] .epm-grid .epm-child-table.e-grid .e-rowcell {
    border-right: 1px solid #E7E9F5;
    overflow: visible;
}
[b-hrgxxwuyhk] .epm-grid .epm-child-table.e-grid .e-rowcell:nth-child(3) {
    position: relative;
}
/**Child Grid CSS End**/

/**New Changes**/
[b-hrgxxwuyhk] .epm-new-reg-added {
    border-radius: 10000px;
    background: #FAA4A4;
    padding: 6px 12px;
    color: #3E4152;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.038px;
}
[b-hrgxxwuyhk] .epm-disable-text {
    opacity: 0.3;
    pointer-events: none;
}
[b-hrgxxwuyhk] .epm-new-reg-edited {
    border-radius: 10000px;
    background: #F5C57F;
    padding: 6px 12px;
    color: #3E4152;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.038px;
}
[b-hrgxxwuyhk] .text {
    position: relative;
}
[b-hrgxxwuyhk] .text::before {
    content: '';
    background-image: url(/images/Icons/edited-automated-arrow.svg);
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 40px;
    position: absolute;
    bottom: 10%;
    left: 1%;
}
[b-hrgxxwuyhk] .approved-bg {
    border-radius: 45px;
    background: rgba(26, 171, 80, 0.12);
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}
[b-hrgxxwuyhk] .rejected-bg {
    border-radius: 45px;
    background: rgba(204, 43, 72, 0.12);
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}
[b-hrgxxwuyhk] .epm-distance-edit img {
    display: none;
}
[b-hrgxxwuyhk] .epm-distance-edit:hover img {
    display: block;
    max-width: 15px;
}
[b-hrgxxwuyhk] .epm-input.e-input-group.e-control-wrapper, [b-hrgxxwuyhk] .epm-input.e-input-group.e-control-wrapper.e-input-focus {
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0;
    border-bottom: 1px solid #6D7081 !important;
    margin-bottom: 0 !important;
    position: relative;
}
[b-hrgxxwuyhk] .ep-checkin {
    color: #8067DC;
    font-size: 12px;
    font-weight: 600;
}
[b-hrgxxwuyhk] .ep-checkout {
    color: #DC67CE;
    font-size: 12px;
    font-weight: 600;
}
[b-hrgxxwuyhk] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 120px;
    display: block;
}
[b-hrgxxwuyhk] .e-grid-loader {
    top: 150% !important;
}
[b-hrgxxwuyhk] .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: transparent !important;
}
/* table data badges */
[b-hrgxxwuyhk] .expense-type {
    border-radius: 42px;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    width: max-content;
}
[b-hrgxxwuyhk] .expense-type.trip {
    background-color: rgba(220, 103, 105, 0.12);
}

[b-hrgxxwuyhk] .expense-type.fuel {
    background-color: rgba(220, 197, 103, 0.16);
}

[b-hrgxxwuyhk] .expense-type.food {
    background-color: rgba(26, 171, 80, 0.08);
}

[b-hrgxxwuyhk] .expense-type.training {
    background-color: rgba(26, 94, 241, 0.08);
}

/* table datas changes */
[b-hrgxxwuyhk] .date-txt {
    font-weight: 600;
}
[b-hrgxxwuyhk] .date-txt span {
    color: var(--text-light);
}
.amt-txt[b-hrgxxwuyhk] {
    color: var(--text-dark);
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
.amt-txt-2[b-hrgxxwuyhk] {
    color: #CC2B48;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
.approved[b-hrgxxwuyhk] {
    color: #1AAB50;
}

.pending[b-hrgxxwuyhk] {
    color: #F1751A;
}

.rejected[b-hrgxxwuyhk] {
    color: #CC2B48;
}

.unreported[b-hrgxxwuyhk] {
    color: #3E4152;
}
.action-icons img[b-hrgxxwuyhk] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}
[b-hrgxxwuyhk] .epm-child-title {
    overflow: hidden;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
[b-hrgxxwuyhk] .epm-reject {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-hrgxxwuyhk] .epm-approve {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-hrgxxwuyhk] .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell){
    background-color:transparent;
}
[b-hrgxxwuyhk] .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: transparent;
}

[b-hrgxxwuyhk] .epm-location-bg::after {
    content:'';
    background: rgba(204, 43, 72, 0.12);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:1px;
    z-index: 1;
}
[b-hrgxxwuyhk] .location-red {
    position: relative;
    z-index: 2;
}
[b-hrgxxwuyhk] .se-cmt-txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 11vw;
}

/*Receipt report dialog*/
.se-receipt-popup-content-wrap[b-hrgxxwuyhk] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}
.se-common-popup-title-wrap--title[b-hrgxxwuyhk] {
    color: #15171C;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}
.se-receipt-date[b-hrgxxwuyhk] {
    color: #6D7081;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.action-btn[b-hrgxxwuyhk] {
    padding: 8px 20px;
    border-radius: 48px;
    background: #FFF;
    color: #000;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.action-btn img[b-hrgxxwuyhk] {
    width: 16px;
    height: 16px;
}
.se-food-details-txt[b-hrgxxwuyhk] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}
.se-receipt-date > span[b-hrgxxwuyhk], .se-food-details-txt > span[b-hrgxxwuyhk] {
    color: #15171C;
    font-weight: 700;
}
.se-food-details-desc[b-hrgxxwuyhk] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.history-section[b-hrgxxwuyhk] {
    background: #FFF;
    box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.16);
    padding: 24px 16px;
    border-radius: 10px;
    height: 100%;
    max-height: 630px;
    overflow-y: auto;
}
.exit-ico[b-hrgxxwuyhk] {
    position: absolute;
    top: 5px;
    left: -5px;
    transform: rotate(180deg);
    width: 35px;
    height: 35px;
}
.history-section .se-common-popup-title-wrap--title[b-hrgxxwuyhk] {
    border-bottom: 1px solid #F3F4F6;
}
.receipt-img[b-hrgxxwuyhk] {
    width: 100%;
    height: 490px;
    max-height: 490px;
}
.history-section .epm-user-badge[b-hrgxxwuyhk] {
    font-size: 12px;
    color: #FFF;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}
.history-section .epm-user-badge[b-hrgxxwuyhk]::after {
    content: "";
    position: absolute;
    top: 40px;
    left: 49%;
    height: 50px;
    width: 1px;
    background: #F2F3F6;
}
.history-section ul li:last-child .epm-user-badge[b-hrgxxwuyhk]::after {
    display: none;
}
.ef-creator-name[b-hrgxxwuyhk] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.ef-creator-history[b-hrgxxwuyhk] {
    color: #15171C;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}
.ef-creator-history > span[b-hrgxxwuyhk] {
    color: #6D7081;
}
.ef-create-date[b-hrgxxwuyhk] {
    color: #6D7081;
    font-size: 11px;
    line-height: normal;
    font-weight: 500;
}
@media(max-width:1680px) {
    .text[b-hrgxxwuyhk]::before {
        left: 0;
    }

    .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .title[b-hrgxxwuyhk] {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 168px;
        font-weight: 600;
        white-space: nowrap;
        font-size: 13px;
        text-decoration: none !important;
    }

    [b-hrgxxwuyhk] .epm-detail-table.e-grid:not(.e-row-responsive,.e-left-shadow,.e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
        border-top: 0 !important;
    }

    [b-hrgxxwuyhk] .epm-detail-table.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border,.e-fixedfreeze.e-freezeleftborder) {
        border-top: 0 !important;
    }
}
[b-hrgxxwuyhk] .status-approved {
    border-radius: 45px;
    background: rgba(26, 171, 80, 0.12);
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}

[b-hrgxxwuyhk] .status-rejected {
    border-radius: 45px;
    background: rgba(204, 43, 72, 0.12);
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}
/* /Pages/Admin/ExpenseApprovalComponents/ExpenseApprovalTileViewComponent.razor.rz.scp.css */

.expense-body[b-8d64cscvo3] {
    padding: 28px 36px;
    background-color: var(--bg-white);
}

.filter-white[b-8d64cscvo3] {
    filter: brightness(0) invert(1);
}

.font-12[b-8d64cscvo3] {
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}

/* Grid changes */
[b-8d64cscvo3] .epm-grid .e-grid .e-rowcell {
    border-color: var(--light-border-100);
    padding-top: 18px;
    padding-bottom: 18px;
}

[b-8d64cscvo3] .epm-grid .e-grid .e-gridheader {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

[b-8d64cscvo3] .epm-grid .e-grid .e-headercell:first-child {
    padding-left: 4px !important;
}

[b-8d64cscvo3] .tr-overflow-visible td.e-rowcell {
    overflow: visible;
}

[b-8d64cscvo3] .epm-grid.tr-overflow-visible .e-grid .e-headercell {
    border-bottom: 1px solid var(--light-border-100);
}
/* table datas changes */
.date-txt[b-8d64cscvo3] {
    font-weight: 600;
}

    .date-txt span[b-8d64cscvo3] {
        color: var(--text-light);
    }

.amt-txt[b-8d64cscvo3] {
    color: var(--text-dark);
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}

.approved[b-8d64cscvo3] {
    color: #1AAB50;
}

.pending[b-8d64cscvo3] {
    color: #F1751A;
}

.rejected[b-8d64cscvo3] {
    color: #CC2B48;
}

.unreported[b-8d64cscvo3] {
    color: #3E4152;
}

.action-icons img[b-8d64cscvo3] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* table data badges */
.expense-type[b-8d64cscvo3] {
    border-radius: 42px;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    width: max-content;
}

    .expense-type.trip[b-8d64cscvo3] {
        background-color: rgba(220, 103, 105, 0.12);
    }

    .expense-type.fuel[b-8d64cscvo3] {
        background-color: rgba(220, 197, 103, 0.16);
    }

    .expense-type.food[b-8d64cscvo3] {
        background-color: rgba(26, 171, 80, 0.08);
    }

    .expense-type.training[b-8d64cscvo3] {
        background-color: rgba(26, 94, 241, 0.08);
    }

.selected-txt[b-8d64cscvo3] {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #15171C;
}

.filter-ico[b-8d64cscvo3] {
    filter: brightness(0) invert(1);
}

.selected-expense[b-8d64cscvo3] {
    background-color: #0B1218;
    border-radius: 102px;
    padding: 12px 10px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
}

/* Report add popup(tooltip) changes */
.report-popup[b-8d64cscvo3] {
    border-radius: 20px;
    border: 1px solid #E7E9F5;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08), 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
    width: 300px;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 10;
}

.report-popup-fields[b-8d64cscvo3] {
    padding: 8px;
}

.report-popup.show[b-8d64cscvo3] {
    display: block;
    animation: fadeIn-b-8d64cscvo3 0.3s ease-in-out;
}

.report-popup.hide[b-8d64cscvo3] {
    display: none;
}

.report-text[b-8d64cscvo3] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}

.report-cost[b-8d64cscvo3] {
    color: #15171C;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}

@keyframes fadeIn-b-8d64cscvo3 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.report-add-link[b-8d64cscvo3] {
    background-color: #F2F3F6;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 20px 20px;
    font-size: 13px;
    line-height: normal;
    color: #8067DC;
    font-weight: 600;
}

/* main popup */
[b-8d64cscvo3] .se-datepicker.e-input-group, [b-8d64cscvo3] .se-timepicker.e-input-group, [b-8d64cscvo3] .se-datepicker.e-input-group .e-input.e-datepicker, [b-8d64cscvo3] .se-timepicker.e-input-group .e-input.e-timepicker {
    width: 100% !important;
}

.rupee-ico[b-8d64cscvo3] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}

[b-8d64cscvo3] .pad-custom-left .se-input.e-input-group.e-control-wrapper .e-input {
    padding-left: 40px !important;
}

/* Uploader */
[b-8d64cscvo3] .e-upload .e-file-select-wrap {
    padding: 40px 0;
}

[b-8d64cscvo3] .sf-se-img-uploader-wrap {
    border-radius: 12px;
    border: 1px dashed #8067DC;
    background: #F5F6F8;
    padding: 5px;
}

    [b-8d64cscvo3] .sf-se-img-uploader-wrap .e-file-select-wrap {
        text-align: center;
    }

    [b-8d64cscvo3] .sf-se-img-uploader-wrap .e-upload-browse-btn {
        color: #8067DC;
        font-family: Inter;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.031px;
        background: transparent;
        border: 0;
        padding: 0;
        box-shadow: none !important;
    }

    [b-8d64cscvo3] .sf-se-img-uploader-wrap .e-file-drop {
        color: #15171C;
        font-family: Inter;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.031px;
        margin-left: 0;
    }

        [b-8d64cscvo3] .sf-se-img-uploader-wrap .e-file-drop:after {
            content: 'Supports only .jpg files';
            display: block;
            color: #6D7081;
            font-family: Inter;
            font-size: 13px;
            font-weight: 500;
            line-height: 24px;
        }

    [b-8d64cscvo3] .sf-se-img-uploader-wrap .e-upload-files {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        padding-top: 10px;
    }

[b-8d64cscvo3] .sf-se-img-uploader-wrap .e-upload-files .e-upload-file-list {
    border-bottom: 0;
}

/* report page top lists */
.report-top-list[b-8d64cscvo3] {
    background-color: var(--bg-primary);
    border: 1px solid var(--bg-primary);
    padding: 16px;
    border-radius: 22px;
    display: flex;
    justify-content:center;
    column-gap: 15px;
}

.report-details[b-8d64cscvo3] {
    padding: 10px 16px;
    border-radius: 16px;
    background-color: #FFF;
    cursor: pointer;
    height: 100%;
}

    .report-details.active[b-8d64cscvo3] {
        border: 1px solid #8067DC;
        background: linear-gradient(0deg, rgba(225, 219, 247, 0.30) 0%, rgba(225, 219, 247, 0.30) 100%), #FFF;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    }

.report-badge[b-8d64cscvo3] {
    background-color: #F5F6F8;
    padding: 4px 10px;
    border-radius: 16px;
    color: #1E2941;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}

.report-name[b-8d64cscvo3] {
    color: #6D7081;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}
.report-date[b-8d64cscvo3] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
}

.report-amt[b-8d64cscvo3] {
    color: #15171C;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
}

.report-status[b-8d64cscvo3] {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
}

.row-gap-15[b-8d64cscvo3] {
    row-gap: 15px;
}

.report-head-title[b-8d64cscvo3] {
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    color: #15171C;
}

.slider-arrow-bg[b-8d64cscvo3] {
    background-color: #FFF;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.report-details-wrap[b-8d64cscvo3] {
    color: #6D7081;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.038px;
}

[b-8d64cscvo3] .epm-reject {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-8d64cscvo3] .epm-reject-new {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}

[b-8d64cscvo3] .epm-approve {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}

.epm-user-badge[b-8d64cscvo3] {
    height: 28px;
    width: 28px;
    min-width: 28px;
    padding: 7px 0;
    line-height: normal;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.026px;
    border-radius: 32px;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}

[b-8d64cscvo3] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}

    [b-8d64cscvo3] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap {
        display: flex;
        margin-bottom: 2px;
        text-decoration: none;
    }
[b-8d64cscvo3] .epm-grid-profile-wrap svg{
    width:20px;
    height:20px;
}
[b-8d64cscvo3] .epm-grid-profile-wrap .title {
    text-decoration: none;
    font-size:12px;
}

[b-8d64cscvo3] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .title {
    color: #15171C;
    font-size: 13px;
    font-weight: 600;
    cursor: auto;
    text-decoration: none !important;
}

[b-8d64cscvo3] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .info {
    color: #6D7081;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.042px;
    padding-right: 4px;
}

/*Receipt report dialog*/
.se-receipt-popup-content-wrap[b-8d64cscvo3] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}

.se-common-popup-title-wrap--title[b-8d64cscvo3] {
    color: #15171C;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}

.se-receipt-date[b-8d64cscvo3] {
    color: #6D7081;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.action-btn[b-8d64cscvo3] {
    padding: 8px 20px;
    border-radius: 48px;
    background: #FFF;
    color: #000;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
}

    .action-btn img[b-8d64cscvo3] {
        width: 16px;
        height: 16px;
    }

.se-food-details-txt[b-8d64cscvo3] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}

    .se-receipt-date > span[b-8d64cscvo3], .se-food-details-txt > span[b-8d64cscvo3] {
        color: #15171C;
        font-weight: 700;
    }

.se-food-details-desc[b-8d64cscvo3] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.history-section[b-8d64cscvo3] {
    background: #FFF;
    box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.16);
    padding: 24px 16px;
    border-radius: 10px;
    height: 100%;
    max-height: 630px;
    overflow-y: auto;
}

.exit-ico[b-8d64cscvo3] {
    position: absolute;
    top: 5px;
    left: -5px;
    transform: rotate(180deg);
    width: 35px;
    height: 35px;
}

.history-section .se-common-popup-title-wrap--title[b-8d64cscvo3] {
    border-bottom: 1px solid #F3F4F6;
}

.receipt-img[b-8d64cscvo3] {
    width: 100%;
    height: 490px;
    max-height: 490px;
}

.history-section .epm-user-badge[b-8d64cscvo3] {
    font-size: 12px;
    color: #FFF;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}

    .history-section .epm-user-badge[b-8d64cscvo3]::after {
        content: "";
        position: absolute;
        top: 40px;
        left: 49%;
        height: 50px;
        width: 1px;
        background: #F2F3F6;
    }

.history-section ul li:last-child .epm-user-badge[b-8d64cscvo3]::after {
    display: none;
}

.ef-creator-name[b-8d64cscvo3] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.ef-creator-history[b-8d64cscvo3] {
    color: #15171C;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}

    .ef-creator-history > span[b-8d64cscvo3] {
        color: #6D7081;
    }

.ef-create-date[b-8d64cscvo3] {
    color: #6D7081;
    font-size: 11px;
    line-height: normal;
    font-weight: 500;
}

@media screen and (max-width: 1600px) {
    [b-8d64cscvo3] .epm-grid .e-grid .e-rowcell:first-child {
        padding-left: 12px;
    }
}

@media screen and (max-width: 1300px) {
    .amt-txt[b-8d64cscvo3], .report-status[b-8d64cscvo3], .report-name[b-8d64cscvo3] {
        font-size: 10px;
    }
    .report-details[b-8d64cscvo3] {
        padding: 8px 10px;
    }
    [b-8d64cscvo3] .epm-grid-profile-wrap svg, .report-name svg[b-8d64cscvo3] {
        width: 16px;
        height: 16px;
    }
    [b-8d64cscvo3] .epm-grid-profile-wrap .name-wrap {
        margin-left: 0;
    }
    .report-head-title[b-8d64cscvo3], .report-amt[b-8d64cscvo3] {
        font-size: 12px;
    }
}
[b-8d64cscvo3] .approved-bg {
    border-radius: 45px;
    background: rgba(26, 171, 80, 0.12);
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}

[b-8d64cscvo3] .rejected-bg {
    border-radius: 45px;
    background: rgba(204, 43, 72, 0.12);
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}
[b-8d64cscvo3] .epm-rejected {
    border-radius: 45px;
    background: #CC2B48;
    padding: 6px 16px;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-8d64cscvo3] .epm-rejected.epm-reject-bg {
    background: #CC2B48!important;
}
[b-8d64cscvo3] .epm-approved {
    border-radius: 45px;
    background: #1AAB50;
    padding: 6px 16px;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-8d64cscvo3] .red-close{
    display:none;
}
[b-8d64cscvo3] .epm-reject-new:hover .red-close{
    display:block;
}
[b-8d64cscvo3] .epm-reject-new:hover .dark-close {
    display: none;
}
.col-1-5[b-8d64cscvo3] {
    flex: 0 0 20%;
    max-width: 20%;
}
@media (max-width: 1600px) {
    .col-1-5[b-8d64cscvo3] {
        flex: 0 0 25%; /* Increase width: now 4 cards per row */
        max-width: 25%;
    }
}
@media (max-width: 1440px) {
    .col-1-5[b-8d64cscvo3] {
        flex: 0 0 33.33%; /* Increase width: now 4 cards per row */
        max-width: 33.33%;
    }
}
@media (max-width: 992px) {
    .col-1-5[b-8d64cscvo3] {
        flex: 0 0 50%; /* Increase width: now 4 cards per row */
        max-width: 50%;
    }
    [b-8d64cscvo3] .report-head-title, [b-8d64cscvo3] .report-amt {
        font-size: 10px;
    }
    [b-8d64cscvo3] .epm-common-spacing.gap-3{
        gap:8px !important;
    }
    [b-8d64cscvo3] .epm-common-spacing.gap-4 {
        gap: 10px !important;
    }
}
/* /Pages/Admin/ExpenseApprovalComponents/InfoBox.razor.rz.scp.css */
.info-box[b-ic75ne8bfd] {
    color: #3E4152;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    border-radius: 12px;
    border: 1px solid #ECEDEF;
    background-color: #fff;
    padding: 9px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
    cursor: pointer;
}
.info-box.active[b-ic75ne8bfd] {
    border-color: #15171C;
    background-color: #F2F3F6;
}
/* /Pages/Admin/ExpenseApprovalComponents/MapPopup/ApprovalsMapComponent.razor.rz.scp.css */
/* Popup header */
.se-map-popup-title[b-0qx41hbuc7] {
    color: #15171C;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.trip-badge[b-0qx41hbuc7] {
    border-radius: 42px;
    background: rgba(220, 103, 105, 0.12);
    padding: 4px 12px;
    width: max-content;
    color: #6D4646;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

/* Popup body */
.se-map-popup-content-wrap[b-0qx41hbuc7] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}

.se-trip-details-txt[b-0qx41hbuc7] {
    color: #000;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}

.se-trip-details-desc[b-0qx41hbuc7] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.action-btn[b-0qx41hbuc7] {
    padding: 8px 20px;
    border-radius: 48px;
    background: #FFF;
    color: #000;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
}

    .action-btn img[b-0qx41hbuc7] {
        width: 16px;
        height: 16px;
    }

/* Trip details box */
.trip-detail-box[b-0qx41hbuc7] {
    background-color: #fff;
    padding: 12px;
    border-radius: 12px;
    border-right: 1px solid #F3F4F6;
}

.trip-detail-box-title[b-0qx41hbuc7] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}

.trip-detail-box-desc[b-0qx41hbuc7] {
    color: #15171C;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}

[b-0qx41hbuc7] .trip-detail-box-desc span {
    color: #6D7081;
    font-weight: 500;
}

.approved-txt[b-0qx41hbuc7] {
    color: #1AAB50;
}

.rejected-txt[b-0qx41hbuc7] {
    color: #CC2B48;
}

.pending-txt[b-0qx41hbuc7] {
    color: #F1751A;
}


/* Map container */
.map-container[b-0qx41hbuc7] {
    width: 100%;
    height: 480px;
}

.epm-user-badge[b-0qx41hbuc7] {
    font-size: 12px;
    color: var(--text-white);
    background: linear-gradient(322deg, var(--badge-linear-1) -23.87%, var(--badge-linear-2) 157.34%);
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: max-content;
}

[b-0qx41hbuc7] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}

    [b-0qx41hbuc7] .epm-grid-profile-wrap .name-wrap {
        overflow: hidden;
    }

        [b-0qx41hbuc7] .epm-grid-profile-wrap .name-wrap .title {
            cursor: pointer;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            text-decoration: none;
        }

        [b-0qx41hbuc7] .epm-grid-profile-wrap .name-wrap .designation {
            color: #6D7081;
            font-size: 12px;
            font-weight: 400;
        }

        [b-0qx41hbuc7] .epm-grid-profile-wrap .name-wrap .emp-id {
            color: #6D7081;
            font-size: 12px;
            font-weight: 500;
            letter-spacing: -0.042px;
            margin-right: 10px;
        }
[b-0qx41hbuc7] .epm-reject {
    border-radius: 45px;
    background: #CC2B48;
    padding: 6px 16px;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border: none;
}

[b-0qx41hbuc7] .epm-approve {
    border-radius: 45px;
    background: #1AAB50;
    padding: 6px 16px;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-0qx41hbuc7] .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), [b-0qx41hbuc7] .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error){
    border-color:inherit;
    box-shadow:inherit;
    border:0;
}

element.style[b-0qx41hbuc7] {
    width: 100%;
}
[b-0qx41hbuc7] .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), [b-0qx41hbuc7] .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: inherit;
    box-shadow: inherit;
    border: 0;
}

[b-0qx41hbuc7] .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon[b-0qx41hbuc7]{
    border:0;
}
[b-0qx41hbuc7] .e-input-group:not(.e-disabled) .e-input-group-icon:hover, [b-0qx41hbuc7] .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    background: transparent;
}
[b-0qx41hbuc7] .se-input-dropdown {
    background: #F5F6F8!important;
}
[b-0qx41hbuc7] .e-ddl.e-input-group input[readonly].e-input, [b-0qx41hbuc7] .e-ddl.e-input-group input[readonly], [b-0qx41hbuc7] .e-ddl.e-input-group .e-dropdownlist {
    font-size: 13px !important;
    color: #15171C!important;
    font-weight:600!important;
}
.trip-detail-box-desc.ep-date[b-0qx41hbuc7] {
    font-size: 12px;
}
/* /Pages/Admin/ExpenseApprovalComponents/TimelineTabComponent.razor.rz.scp.css */
/* Comments content */
.se-comments-tab[b-fwwztfmtds], .activity-tab[b-fwwztfmtds] {
    margin-top: 20px;
}
.se-comments-details[b-fwwztfmtds] {
    flex: 1;
}
.se-comments-tab .se-comments-tab-name[b-fwwztfmtds] {
    color: #15171C;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 4px;
}
.se-comments-tab .se-comments-tab-name span[b-fwwztfmtds] {
    color: #6D7081;
    font-weight: 500;
}
.se-comments-tab .se-comments-tab-desc[b-fwwztfmtds] {
    color: #3E4152;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 8px;
}
.se-comments-tab .se-comments-tab-desc span[b-fwwztfmtds] {
    color: #8067DC;
    font-weight: 600;
    text-transform: capitalize;
}
.se-comments-tab-new-msg-divider[b-fwwztfmtds] {
    height: 1px;
    width: 100%;
    background: #E7E9F5;
}
.se-comments-tab-content[b-fwwztfmtds] {
    padding: 6px 12px;
    border-radius: 48px;
    background: #FFF;
    border: 1px solid #E7E9F5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.se-comments-tab-submit[b-fwwztfmtds] {
    border-radius: 16px;
    border: 1px solid #DDDFEB;
    padding: 4px 4px 4px 12px;
    margin-top: 26px;
}
[b-fwwztfmtds] .se-input.e-input-group.e-control-wrapper {
    box-shadow: none !important;
    background: transparent;
}

/* Activity content */
.activity-tab ul .se-activity-tab-name[b-fwwztfmtds] {
    color: #3E4152;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    position: relative;
    margin-bottom: 24px;
}
.activity-tab ul .se-activity-tab-name:last-child[b-fwwztfmtds] {
    margin-bottom: 0;
}
.activity-tab ul .se-activity-tab-name[b-fwwztfmtds]::after {
    content: "";
    height: 24px;
    width: 1px;
    position: absolute;
    top: 28px;
    left: 14px;
    background: #ECEDEF;
}
.activity-tab ul .se-activity-tab-name:last-child[b-fwwztfmtds]::after {
    display: none;
}
.se-activity-tab-img[b-fwwztfmtds] {
    border-radius: 6px;
    border: 1px solid #ECEDEF;
    padding: 4px;
}
.se-activity-tab-name p[b-fwwztfmtds] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 13vw;
}
.se-activity-tab-name span[b-fwwztfmtds] {
    font-weight: 400;
}

@media screen and (min-width: 1700px) {
    /* Comments content */
    .se-comments-tab .se-comments-tab-name[b-fwwztfmtds] {
        font-size: 14px;
    }
    .se-comments-tab .se-comments-tab-desc[b-fwwztfmtds] {
        font-size: 13px;
    }
}
/* /Pages/Admin/ExpenseApprovalList.razor.rz.scp.css */
/* Common parent component style */
.se-ea-body[b-7tdd2r9gyl] {
    background-color: #fff;
}
.expense-status[b-7tdd2r9gyl] {
    padding: 10px 24px;
    border-bottom: 1px solid #ECEDEF;
}

/* Grid */
[b-7tdd2r9gyl] .epm-grid .e-grid .e-content {
    min-height: auto;
    height: auto;
}
[b-7tdd2r9gyl] .se-dte-category {
    border-radius: 8px;
    border: 1px solid #E7E9F5;
    background-color: #FFF;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-7tdd2r9gyl] .se-dte-category img {
    width: 20px;
    height: 20px;
}
[b-7tdd2r9gyl] .se-dte-cmt {
    color: #15171C;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
[b-7tdd2r9gyl] .epm-grid .e-grid .e-row:hover {
    background: rgb(225 219 247);
}
[b-7tdd2r9gyl] .epm-grid .e-grid .e-gridheader {
    border-top: none;
}
[b-7tdd2r9gyl] .epm-grid .e-grid .e-headercelldiv {
    padding: 12px 10px !important;
}
[b-7tdd2r9gyl] .epm-grid .e-grid .e-rowcell {
    padding: 10px !important;
    border-bottom: 1px solid #ECEDEF;
}
[b-7tdd2r9gyl] .epm-grid .e-grid .e-rowcell:first-child {
    padding-left: 20px !important;
}
[b-7tdd2r9gyl] .epm-grid .e-grid .e-gridcontent {
    border-radius: 0;
}

/* Common fonts */
.font-12[b-7tdd2r9gyl] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #6D7081;
}
.font-12.txt-blk[b-7tdd2r9gyl] {
    color: #15171C;
}
.font-13[b-7tdd2r9gyl] {
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    color: #15171C;
}
.se-dte-tbl-card-desc[b-7tdd2r9gyl] {
    color: #15171C;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
}

/* Badge */
[b-7tdd2r9gyl] .se-dte-card-status {
    border-radius: 8px;
    padding: 3px 8px;
    width: max-content;
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    color: #15171C;
}
[b-7tdd2r9gyl] .se-dte-card-status.pending {
    background-color: #F1751A29;
}
[b-7tdd2r9gyl] .se-dte-card-status.approved {
    background-color: #1AAB5029;
}
[b-7tdd2r9gyl] .se-dte-card-status.reject {
    background-color: #CC2B4829;
}
[b-7tdd2r9gyl] .se-dte-card-status.reimbursed {
    background-color: #CC2B4829;
}

/* Avator */
[b-7tdd2r9gyl] .se-dte-tbl-card-avator {
    border-radius: 857px;
    background: var(--Gradients-Gradient-1, linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 9.429px;
    line-height: normal;
    font-weight: 600;
}

/* Date picker */
[b-7tdd2r9gyl] .date-picker-label {
    display: none;
}

@media screen and (max-width: 1600px) {
    [b-7tdd2r9gyl] .epm-grid .e-grid .e-headercell:first-child {
        padding-left: 10px !important;
    }
}
/* /Pages/Admin/ExpenseApprovalNew.razor.rz.scp.css */
/* Common parent component style */
.se-ea-body[b-jx28aruzj7] {
    background-color: #fff;
}
.expense-status[b-jx28aruzj7] {
    padding: 10px 24px;
    border-bottom: 1px solid #ECEDEF;
}

/* Date picker */
[b-jx28aruzj7] .date-picker-label {
    display: none;
}

/* Layouts */
.se-dte-layout[b-jx28aruzj7] {
    display: flex;
}
.se-dte-lists[b-jx28aruzj7] {
    padding: 16px 8px;
    border-right: 1px solid #ECEDEF;
    flex-basis: 20%;
    height: calc(100vh - 137px);
}
.se-dte-tbl[b-jx28aruzj7] {
    flex-basis: 55%;
/*    flex-basis: 80%;*/
}
.se-dte-edi[b-jx28aruzj7] {
    flex-basis: 25%;
    border-left: 1px solid #ECEDEF;
}

/*===== Common utilities =====*/
/* Badge */
[b-jx28aruzj7] .se-dte-card-status {
    border-radius: 8px;
    padding: 3px 8px;
    width: max-content;
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    color: #15171C;
}
[b-jx28aruzj7] .se-dte-card-status.pending {
    background-color: #F1751A29;
}
[b-jx28aruzj7] .se-dte-card-status.approved {
    background-color: #1AAB5029;
}
[b-jx28aruzj7] .se-dte-card-status.reject {
    background-color: #CC2B4829;
}
/* Font */
[b-jx28aruzj7] .se-dte-tbl-header-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #15171C;
    margin-bottom: 7px;
}
[b-jx28aruzj7] .se-dropdown-txt {
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    color: #15171C;
    padding: 10px;
    cursor: pointer;
}
/* Buttons */
[b-jx28aruzj7] .se-btn-secondry-outline, [b-jx28aruzj7] .se-btn-danger-outline, [b-jx28aruzj7] .se-btn-success, [b-jx28aruzj7] .se-btn-danger, [b-jx28aruzj7] .se-btn-primary {
    border-radius: 12px !important;
    min-width: max-content;
    padding-inline: 18px;
}
/* Avator */
[b-jx28aruzj7] .se-dte-tbl-card-avator {
    border-radius: 857px;
    background: var(--Gradients-Gradient-1, linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 9.429px;
    line-height: normal;
    font-weight: 600;
}

@media screen and (max-width: 1600px) {
    [b-jx28aruzj7] .se-btn-secondry-outline, [b-jx28aruzj7] .se-btn-danger-outline, [b-jx28aruzj7] .se-btn-success, [b-jx28aruzj7] .se-btn-danger, [b-jx28aruzj7] .se-btn-primary {
        padding: 6px 10px;
    }
}
/* /Pages/Admin/Logs.razor.rz.scp.css */
.epm-tabs.e-tab .e-tab-header[b-l8t03qoc1l] {
    padding: 3px 32px 0 !important;
}
/* /Pages/Admin/MobileLog.razor.rz.scp.css */
.page-title[b-la07h3pd6z] {
    padding: 38px 32px 0;
}
.ea-db-grid-wrap[b-la07h3pd6z] {
    padding: 20px;
    border-radius: 20px;
    background: #F3F4F6;
}
.ea-db-grid-wrap .grid-title[b-la07h3pd6z] {
    color: #151720;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 108.1%;
    letter-spacing: -0.32px;
}
[b-la07h3pd6z] .ea-db-grid-wrap .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
[b-la07h3pd6z] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent {
    min-height: auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
[b-la07h3pd6z] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent .e-rowcell {
    white-space: break-spaces;
}
/* Grid ends */
.mobilelog-select[b-la07h3pd6z] {
    display: flex;
    gap: 16px;
}
.title-wrap[b-la07h3pd6z] {
    margin-bottom: 10px;
}
.title-wrap select[b-la07h3pd6z] {
    width: 200px;
}
.title-wrap .btn-primary[b-la07h3pd6z] {
    width: 100px;
}
/* /Pages/Admin/WebErrorLog.razor.rz.scp.css */
.ea-db-grid-wrap[b-755p6jyd85] {
    padding: 20px;
    border-radius: 20px;
    background: #F3F4F6;
}
.ea-db-grid-wrap .grid-title[b-755p6jyd85] {
    color: #151720;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}
[b-755p6jyd85] .ea-db-grid-wrap .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
[b-755p6jyd85] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent {
    min-height: auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-755p6jyd85] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent .e-rowcell {
    white-space: break-spaces;
}
/* Grid ends */
.title-wrap[b-755p6jyd85] {
    margin-bottom: 10px;
}
.title-wrap select[b-755p6jyd85] {
    width: 200px;
}
.title-wrap .btn-primary[b-755p6jyd85] {
    width: 100px;
}
[b-755p6jyd85] .epm-grid .e-grid .e-rowcell {
    padding-top: 11px;
    padding-bottom: 11px;
}
/* /Pages/Components/ComputerApprovalComponents.razor.rz.scp.css */
/* SFtoolbar */
[b-z64om7bkb0] .e-toolbar .e-toolbar-items {
    background: transparent !important;
    width: 100%;
}
[b-z64om7bkb0] .Away.shade-line::after, [b-z64om7bkb0] .Productive.shade-line::after, [b-z64om7bkb0] .IdleTime.shade-line::after,
[b-z64om7bkb0] .NoData.shade-line::after, [b-z64om7bkb0] .NonProductive.shade-line::after {
    height: 10px !important;
}
.epm-dialog-loader[b-z64om7bkb0] {
    display: flex;
    align-items:center;
    justify-content:center;
    min-height: 30vh;
    width: 100%;
}
[b-z64om7bkb0] .se-grid-search.se-grid-search-grey{
    width:300px;
}
.timeline-container[b-z64om7bkb0] {
    position: relative;
}
/* /Pages/Components/MobileApprovalComponents.razor.rz.scp.css */
[b-mnibuij8fr] .action-icons .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: #8067DC !important;
}

[b-mnibuij8fr] .epm-custom-pagination-dropdown {
    background: var(--bg-primary);
}

    [b-mnibuij8fr] .epm-custom-pagination-dropdown.e-input-group .e-input-group-icon {
        background: #fff;
    }

.action-icons img[b-mnibuij8fr] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* SFtoolbar */
[b-mnibuij8fr] .e-toolbar .e-toolbar-items {
    background: transparent !important;
    width: 100%;
}
[b-mnibuij8fr] .epm-custom-pagination-dropdown.e-input-group .e-input-group-icon {
    background: #fff;
}
[b-mnibuij8fr] .epm-monitoring-type {
    color: var(--text-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.038px;
    text-decoration: underline;
}

.epm-merged-cell[b-mnibuij8fr] {
    vertical-align: middle;
    padding: 8px;
    border-right: 1px solid #E7E9F5 !important;
}

.epm-nested-table td[b-mnibuij8fr] {
    vertical-align: middle;
}

.epm-nested-table tbody tr:last-child td[b-mnibuij8fr] {
    border-bottom: inherit;
}

[b-mnibuij8fr] .e-grid [aria-selected] + tr .e-detailindentcell {
    border-right-width: 0;
}

.epm-nested-table th[b-mnibuij8fr] {
    font-size: 11px;
    font-weight: 500;
    color: #6D7081;
    background: #fff;
    vertical-align: middle;
}

.epm-nested-table thead[b-mnibuij8fr] {
    border: 1px solid #E7E9F5;
}

.epm-nested-table td[b-mnibuij8fr] {
    border: 1px solid #E7E9F5;
    border-right: 0;
    border-bottom: 0;
}

.epm-nested-table tbody[b-mnibuij8fr] {
    border: 1px solid #E7E9F5;
}

[b-mnibuij8fr] .e-grid .e-gridcontent tr:first-child td {
    border-top: 1px solid #E7E9F5 !important;
}

[b-mnibuij8fr] .epm-grid .e-grid .e-rowcell {
    border-color: #E7E9F5;
}

.epm-nested-table thead tr th:first-child[b-mnibuij8fr] {
    border-top-left-radius: 25px;
}

[b-mnibuij8fr] .epm-grid .e-grid .e-gridcontent .e-table {
    border: 0px solid transparent;
    border-left: 1px solid #E7E9F5;
    border-right: 1px solid #E7E9F5;
    border-bottom: 1px solid #E7E9F5;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

[b-mnibuij8fr] .epm-grid .e-grid .e-gridheader {
    border-radius: inherit;
    border: 1px solid #E7E9F5;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

[b-mnibuij8fr] .epm-grid .e-grid .e-gridcontent {
    border-radius: inherit;
}

[b-mnibuij8fr] .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
    border-bottom-width: 0;
}

[b-mnibuij8fr] .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
    border-bottom-width: 0;
}

[b-mnibuij8fr] .e-grid.e-default .e-detailrow .e-lastrowcell {
    border-bottom: inherit;
}

.epm-nested-table[b-mnibuij8fr] {
    border-collapse: separate !important;
    border-spacing: 0;
    border: 1px solid #E7E9F5;
    border-radius: 12px;
    overflow: hidden;
}

    .epm-nested-table thead tr:first-child th:first-child[b-mnibuij8fr] {
        border-top-left-radius: 12px;
    }

    .epm-nested-table thead tr:first-child th:last-child[b-mnibuij8fr] {
        border-top-right-radius: 12px;
    }

    .epm-nested-table tbody tr:last-child td:first-child[b-mnibuij8fr] {
        border-bottom-left-radius: 12px;
    }

    .epm-nested-table tbody tr:last-child td:last-child[b-mnibuij8fr] {
        border-bottom-right-radius: 12px;
    }

[b-mnibuij8fr] .approved-bg, [b-mnibuij8fr] .rejected-bg {
    border-radius: 45px;
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}

[b-mnibuij8fr] .approved-bg {
    background: rgba(26, 171, 80, 0.12);
}

[b-mnibuij8fr] .rejected-bg {
    background: rgba(255, 0, 0, 0.12);
}

[b-mnibuij8fr] .ep-checkin {
    color: #8067DC;
    font-size: 12px;
    font-weight: 600;
}

[b-mnibuij8fr] .ep-checkout {
    color: #DC67CE;
    font-size: 12px;
    font-weight: 600;
}
.epm-emp-attendance-track[b-mnibuij8fr] {
    display: flex;
    align-items: center;
    padding: 2px 8px 2px 8px;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
}
.epm-emp-attendance-track.ep-in-time[b-mnibuij8fr] {
    border-radius: 22px;
    opacity: 0.9;
    background: rgba(128, 103, 220, 0.20);
    font-size: 12px;
    font-weight: 600;
    color: #6145C8;
}
.epm-emp-attendance-track.ep-out-time[b-mnibuij8fr] {
    border-radius: 22px;
    opacity: 0.9;
    background: #dc67ce1f;
    font-size: 12px;
    font-weight: 600;
    color: #DC67CE;
}
[b-mnibuij8fr] .se-grid-search{
    width:250px;
}
/* /Pages/Dashboard.razor.rz.scp.css */
/* Dashboard style */
[b-3z1mhy9tl8] .bottom-card {
  border-radius: 42px;
  border: 1px solid var(--border-grid-grey);
  background: var(--bg-dark-grey);
  padding: 9px 12px;
  display: flex;
  gap: 4px;
}
[b-3z1mhy9tl8] .bottom-card .card-title {
  color: var(--text-dark);
  font-weight: 700;
  font-size: 15px;
  line-height: normal;
  margin: 0;
}
[b-3z1mhy9tl8] .bottom-card .card-content {
  display: flex;
  align-items: center;
  gap: 4px;
}
[b-3z1mhy9tl8] .bottom-card .business-hour {
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
}
[b-3z1mhy9tl8] .bottom-card span {
  color: var(--text-light);
  font-size: 13px;
  line-height: normal;
}
.epm-overall-right-wrap[b-3z1mhy9tl8] {
    padding: 0px 20px 15px;
    background: var(--bg-primary);
    border-radius: 0 0 0 24px;
}
[b-3z1mhy9tl8] #epm-top-category-chart_Series_0_Point_0 {
    cursor: pointer;
    fill: #D7CFF6 !important;
}
[b-3z1mhy9tl8] #epm-top-category-chart_Series_0_Point_1 {
    cursor: pointer;
    fill: #C6BBF3 !important;
}
[b-3z1mhy9tl8] #epm-top-category-chart_Series_0_Point_2 {
    cursor: pointer;
    fill: #B7A6F4 !important;
}
[b-3z1mhy9tl8] #epm-top-category-chart_Series_0_Point_3 {
    cursor: pointer;
    fill: #9784E2 !important;
}
[b-3z1mhy9tl8] #epm-top-category-chart_Series_0_Point_4 {
    cursor: pointer;
    fill: #8067DC !important;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
}
[b-3z1mhy9tl8] .se-dropdown-list {
    width: 146px;
}

/* Table common styles */
[b-3z1mhy9tl8] .productive-details .e-control.e-tooltip {
    width: max-content;
}
[b-3z1mhy9tl8] .productive-details .name {
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 8.1vw;
    display: block;
}
[b-3z1mhy9tl8] .productive-details .info {
    color: var(--text-primary);
    font-size: 12px;
    font-weight: 500;
    display: flex;
}
[b-3z1mhy9tl8] .info span {
    color: var(--text-secondary) !important;
}

/**Responsiveness Dashboard**/
@media screen and (max-width: 1600px) {
    [b-3z1mhy9tl8] .epm-dashboard-table > tbody > tr > td.usage .title, [b-3z1mhy9tl8] .productive-details .name,
    [b-3z1mhy9tl8] .time-details .name, [b-3z1mhy9tl8] .epm-total-count .title-2 {
        font-size: 12px;
    }
    [b-3z1mhy9tl8] .epm-total-count img {
        max-width: 35px;
    }
    [b-3z1mhy9tl8] .unproductive-content p, [b-3z1mhy9tl8] .productive-content p, [b-3z1mhy9tl8] .idle-content p {
        font-size: 10px;
        padding-top: 1px;
    }
}
@media screen and (max-width: 1480px) {
    [b-3z1mhy9tl8] .unproductive-content h3, [b-3z1mhy9tl8] .productive-content h3, [b-3z1mhy9tl8] .idle-content h3 {
        font-size: 12px;
        padding-top: 5px;
    }
    [b-3z1mhy9tl8] .epm-dashboard-table-overall .title-wrap .title, [b-3z1mhy9tl8] .epm-dashboard-table-overall .title-wrap .title, 
    [b-3z1mhy9tl8] .most-prod-emp-title, [b-3z1mhy9tl8] .epm-dashboard-chart-title {
        font-size: 14px;
    }
    [b-3z1mhy9tl8] .epm-dashboard-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1400px) {
    [b-3z1mhy9tl8] .epm-overall-right-wrap {
        background: var(--bg-white);
        padding: 15px;
    }
    [b-3z1mhy9tl8] .epm-overall-right-wrap-employee-box {
        border-radius: 24px;
        background: var(--bg-primary);
        padding: 24px 16px 16px 16px;
    }
    [b-3z1mhy9tl8] .productive-details .name {
        max-width: 14vw;
    }
}
@media screen and (max-width: 1300px){
    [b-3z1mhy9tl8] .epm-dashboard-title {
        font-size: 16px;
    }
}
@media screen and (max-width: 1279px) {
    [b-3z1mhy9tl8] .most-prod-emp-table > tbody > tr > td:first-child img {
        height: 25px;
        width: 25px;
    }
    [b-3z1mhy9tl8] .epm-dashboard-table > tbody > tr > td.usage .title,
    [b-3z1mhy9tl8] .productive-details .name, [b-3z1mhy9tl8] .time-details .name, [b-3z1mhy9tl8] .productive-details .info,
    [b-3z1mhy9tl8] .info span, [b-3z1mhy9tl8] .most-prod-emp-table > thead > tr > th, [b-3z1mhy9tl8] .epm-dashboard-table > thead > tr > th,
    [b-3z1mhy9tl8] .productive-badge, [b-3z1mhy9tl8] .unproductive-badge, [b-3z1mhy9tl8] .epm-badge {
        font-size: 9.5px;
    }
}
@media screen and (max-width: 992px) {
    [b-3z1mhy9tl8] .productive-details .name {
        max-width: 100%;
    }
}
/* /Pages/EmailVerificaion.razor.rz.scp.css */
.epm-signup-steps-wrap[b-5onk56arnm] {
    text-align: center;
    margin-top: 10%;
}

.epm-signup-warp[b-5onk56arnm] {
    display: flex;
    margin-bottom: 24px;
    justify-content: center;
}

.epm-signup-content[b-5onk56arnm] {
    margin-left: 16px;
}

.epm-signup-steps-wrap h6[b-5onk56arnm] {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.epm-signup-content p[b-5onk56arnm] {
    color: #6D7081;
    font-size: 13px;
    font-weight: 400;
    padding-top: 25px;
    line-height: 1.7;
    margin-bottom: 1rem;
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
}

.epm-signup-content a[b-5onk56arnm] {
    color: #8067DC;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.epm-signup-content span[b-5onk56arnm] {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}



.epm-save-settings[b-5onk56arnm] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 50px;
}

.epm-create-success[b-5onk56arnm] {
    width: 100%;
    text-align: center;
}

    .epm-create-success p[b-5onk56arnm] {
        padding-top: 10px;
        padding-bottom: 20px;
    }


.nav-item-disabled[b-5onk56arnm] {
    pointer-events: none;
    cursor: not-allowed;
}

.nav-item-enabled[b-5onk56arnm] {
    pointer-events: auto;
}
/* /Pages/Employee.razor.rz.scp.css */
.epm-mainpage[b-nju6od172o] {
    padding: 15px 25px;
}
[b-nju6od172o] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}
[b-nju6od172o] .epm-grid-profile-wrap .name-wrap {
    overflow: hidden;
}
[b-nju6od172o] .epm-grid-profile-wrap .name-wrap .title {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-nju6od172o] #epm-employee-tooltip {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
[b-nju6od172o] .epm-grid-img-text-wrap .app-title {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 130px;
    display: block;
    margin-bottom:5px;
}

/* Common Calender Custom Toolbar */
[b-nju6od172o] .epm-grid-custom-toolbar {
    position: unset !important;
    min-height: auto !important;
    text-align: center;
    margin-bottom: 10px;
}
[b-nju6od172o] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items {
    width: 100%;
    z-index: 9;
    position: relative;
    background: transparent;
}
[b-nju6od172o] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item {
    padding: 0;
    cursor: auto;
    width: 100%;
    margin: 0 !important;
    display: block;
}

/* Common utilities */
[b-nju6od172o] .se-grid-wrap {
    border: 1px solid #E7E9F5;
    background: #FFF;
    border-radius: 16px;
    padding: 0;
}
[b-nju6od172o] .se-grid-search {
    width: 300px;
}
[b-nju6od172o] .total-hours {
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.042px;
}
[b-nju6od172o] .hrs-per-day {
    color: #6D7081;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.035px;
}
[b-nju6od172o] .utilization-under, [b-nju6od172o] .utilization-over, [b-nju6od172o] .utilization-bal {
    border-radius: 1000px;
    padding: 2px 5px;
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-left: 4px;
    width: 40px;
    text-align: center;
}
[b-nju6od172o] .utilization-under {
    background: #CC2B48;
}

[b-nju6od172o] .utilization-over {
    background: #F1751A;
}
[b-nju6od172o] .utilization-bal {
    background: #1AAB50;
}
[b-nju6od172o] .balanced, [b-nju6od172o] .over-utilized, [b-nju6od172o] .under-utilized {
    border-radius: 10000px !important;
    padding: 3px 8px;
    border-radius: 5px;
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    width: max-content;
}
[b-nju6od172o] .balanced {
    background: rgba(26, 171, 80, 0.25);
}
[b-nju6od172o] .over-utilized {
    background: rgba(241, 117, 26, 0.16);
}
[b-nju6od172o] .under-utilized {
    background: rgba(204, 43, 72, 0.20);
}

[b-nju6od172o] .se-emp-common-loader {
    height:70vh;
}

/* Tab */
[b-nju6od172o] .epm-tab-view.e-tab .e-tab-header {
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 10;
    width: auto !important;
}
[b-nju6od172o] .epm-tab-view.e-tab.e-tab .e-tab-header .e-toolbar-items {
    background-color: #F5F6F8;
}
[b-nju6od172o] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, [b-nju6od172o] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    border: 0;
    background: #FFF;
}
[b-nju6od172o] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    background: transparent;
}
[b-nju6od172o] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, 
[b-nju6od172o] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text {
    color: #000;
}
[b-nju6od172o] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item.e-ileft .e-tab-text {
    color: #6D7081;
}
[b-nju6od172o] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item.e-active .tab-icon,
[b-nju6od172o] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .tab-icon {
    filter: none;
}
[b-nju6od172o] .se-grid-header-wrap .grid-title {
    display: none;
}
[b-nju6od172o] .se-switch.e-switch-wrapper .e-switch-on {
    background-color: #EBECEF !important;
}

/* Badge */
[b-nju6od172o] .productive-badge, [b-nju6od172o] .unproductive-badge, [b-nju6od172o] .away-badge, [b-nju6od172o] .unclassifed-badge, 
[b-nju6od172o] .idle-badge, [b-nju6od172o] .idle-badge.dark, [b-nju6od172o] .unlicence-badge {
    display: inline-block;
}

/* Grid */
[b-nju6od172o] .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
[b-nju6od172o] .se-filter-btn {
    background: #F5F6F8;
    margin-right: 12px;
}
[b-nju6od172o] .se-grid-search .se-input.e-input-group.e-control-wrapper, [b-nju6od172o] .se-grid-search .se-input.e-input-group.e-control-wrapper.e-input-focus,
[b-nju6od172o] .se-grid-search {
    background: #F5F6F8;
}
[b-nju6od172o] .epm-grid .epm-common-grid .e-pager .e-input-group.e-control-wrapper, [b-nju6od172o] .custom-pagination, 
[b-nju6od172o] .epm-grid .epm-common-grid .e-pager .e-numericcontainer {
    background: #F5F6F8;
}
[b-nju6od172o] .epm-grid .e-grid .e-pager {
    padding-inline: 12px;
}

@media screen and (max-width: 1600px) {
    [b-nju6od172o] .epm-grid-img-text-wrap .app-title {
        font-size: 11px;
    }
    [b-nju6od172o] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        min-width: 105px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1300px) {
    [b-nju6od172o] .epm-grid-custom-toolbar.e-toolbar .e-input-group.e-control-wrapper.epm-datepicker {
        width: 120px !important;
        padding-left: 10px;
    }
}
/* /Pages/EmployeeApproval.razor.rz.scp.css */
.epm-settings-main[b-pa0342ogqg] {
    padding: 20px;
    position: relative;
}
[b-pa0342ogqg] .fw-500 {
    font-weight: 500 !important;
}
[b-pa0342ogqg] .fw-600 {
    font-weight: 600 !important;
}

/**Tool Bar CSS Start**/
[b-pa0342ogqg] .epm-toolbar-main {
    margin-bottom:10px;
    width: 100%;
}
[b-pa0342ogqg] .epm-toolbar-right-two {
    display: flex;
    align-items: center;
    justify-content:flex-end;
    gap: 10px;
}
[b-pa0342ogqg] .epm-approved-count {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ECEDEF;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
[b-pa0342ogqg] .epm-approved-count.active {
    border-radius: 12px;
    border: 1px solid #15171C;
    background: #F2F3F6 !important;
}
[b-pa0342ogqg] .epm-approved-count img {
    width: 20px;
    height: 20px;
}
/*::deep .approved.active {
    border-color: #1AAB50;
}
::deep .pending {
    background: rgba(241, 117, 26, 0.12) !important;
    border: 1px solid rgba(241, 117, 26, 0.12);
}
::deep .pending.active {
    border-color: #F1751A;
}
::deep .rejected {
    background: rgba(204, 43, 72, 0.12) !important;
    border: 1px solid rgba(204, 43, 72, 0.12);
}
::deep .rejected.active {
    border-color: #CC2B48;
}
::deep .all-request {
    background: #F2F3F6 !important;
    color: #15171C !important;
    border: 1px solid #F2F3F6 !important;
}
::deep .all-request.active {
    border-color: #6D7081 !important;
}*/
[b-pa0342ogqg] .epm-approved-count p {
    color: #15171C;
    font-size: 16px;
    font-weight: 700;
}
[b-pa0342ogqg] .epm-grid .e-grid .e-toolbar {
    border-top: 0;
    position: inherit;
    top: inherit;
    right: inherit;
    z-index: 9;
    min-height: 55px;
}
[b-pa0342ogqg] .date-picker-label {
    display: none !important;
}
[b-pa0342ogqg] .epm-filter-btn {
    color: var(--text-primary);
    border-radius: 100px;
    border: none;
    background: #f5f6f8;
    font-weight: 500;
    font-size: 14px;
    padding: 4px 4px 4px 24px;
}
[b-pa0342ogqg] .epm-filter-btn span {
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
[b-pa0342ogqg] .epm-reimb-count {
    display: flex;
    align-items: center;
    gap: 10px;
}
[b-pa0342ogqg] .export-btn-grey {
    border-radius: 100px;
    background: #F5F6F8;
    padding: 2px 8px 2px 16px;
    color: #151720;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    border: none;
}
/**Tool Bar CSS End**/

/**Grid Custom CSS Start**/

[b-pa0342ogqg] .e-grid .e-icon-grightarrow::before, [b-pa0342ogqg] .e-grid-menu .e-icon-grightarrow::before,
[b-pa0342ogqg] .e-grid .e-icon-gdownarrow::before, [b-pa0342ogqg] .e-grid-menu .e-icon-gdownarrow::before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background-position: center;
}
[b-pa0342ogqg] .e-grid .e-icon-grightarrow::before, [b-pa0342ogqg] .e-grid-menu .e-icon-grightarrow::before {
    background: url(/images/Icons/down-detail-icon.svg) no-repeat;
    background-position-x: 7px;
}
[b-pa0342ogqg] .e-grid .e-icon-gdownarrow::before, [b-pa0342ogqg] .e-grid-menu .e-icon-gdownarrow::before {
    background: url(/images/Icons/up-detail-icon.svg) no-repeat;
    background-position-x: 7px;
}

[b-pa0342ogqg] .epm-grid .e-grid .e-content {
    min-height: 65vh;
    height: 65vh;
}
/**Grid Custom CSS End**/

/**User Badge Custom Css Start**/
[b-pa0342ogqg] .epm-user-badge {
    height: 28px;
    width: 28px;
    min-width: 28px;
    padding: 7px 0;
    line-height: normal;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.026px;
    border-radius: 32px;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}
[b-pa0342ogqg] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}
[b-pa0342ogqg] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap {
    display: flex;
    margin-bottom: 2px;
}
[b-pa0342ogqg] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .title {
    color: #15171C;
    font-size: 13px;
    font-weight: 600;
    max-width: 11vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
[b-pa0342ogqg] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .info {
    color: #6D7081;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.042px;
    padding-right: 4px;
}
[b-pa0342ogqg] .epm-grid-profile-wrap.employee-wrap .name-wrap .data {
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    color: #6D7081;
}

/**User Badge Custom Css End**/

/**Grid Column Text Css Start**/
[b-pa0342ogqg] .epm-grid-heading {
    color: #15171C;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
[b-pa0342ogqg] .epm-grid-heading .duration-number {
    font-weight: 600;
}
[b-pa0342ogqg] .epm-grid-heading .duration-text {
    font-weight: 600;
    color: #6D7081;
}
[b-pa0342ogqg] .epm-grid-sub-heading {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}
/**Grid Column Text Css End**/

/**Travel Grid CSS Start**/
[b-pa0342ogqg] .epm-grid .epm-travel-grid.e-grid .e-detailindentcell {
    border-left: 1px solid #E7E9F5 !important;
    border-bottom: 1px solid #E7E9F5 !important;
    border-bottom-left-radius: 24px !important;
}
[b-pa0342ogqg] .epm-grid .epm-travel-grid.e-grid .e-detailrowcollapse {
    text-align: -webkit-right;
}
[b-pa0342ogqg] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-top: 1px solid #E7E9F5 !important;
    border-left: 1px solid #E7E9F5 !important;
    border-bottom: 1px solid #E7E9F5 !important;
    border-top-left-radius: 24px !important;
    text-align: -webkit-right;
}
[b-pa0342ogqg] .epm-grid .epm-travel-grid.e-grid e-detailrowcollapse {
    border-top: 1px solid #E7E9F5 !important;
}
[b-pa0342ogqg] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-radius: 0;
}
[b-pa0342ogqg] .epm-travel-grid.e-grid:not(.e-row-responsive,.e-left-shadow,.e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
    border-top: 1px solid #E7E9F5 !important;
}
.deep .epm-travel-grid.e-grid:not(.e-row-responsive):not(.e-left-shadow):not(.e-right-shadow)
.e-gridcontent tr.e-row.e-expanded .e-rowcell:last-child[b-pa0342ogqg] {
    border-right: 1px solid #E7E9F5 !important;
}
[b-pa0342ogqg] .epm-travel-grid.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border,.e-fixedfreeze.e-freezeleftborder) {
    border-top: 1px solid #E7E9F5 !important;
}
[b-pa0342ogqg] .epm-grid .epm-travel-grid.e-grid .e-content .e-row:last-child .e-rowcell {
    border-bottom: 1px solid #E7E9F5 !important;
}
/**Travel Grid CSS End**/

/**Child Grid CSS Start**/
[b-pa0342ogqg] .epm-child-table {
    border: 1px solid #E7E9F5 !important;
    border-radius: 20px;
    margin-bottom: 25px;
    margin-top: 24px;
    margin-right: 10px;
}
[b-pa0342ogqg] .epm-grid .epm-child-table.e-grid .e-content {
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
}
[b-pa0342ogqg] .epm-grid .epm-child-table.e-grid .e-gridcontent {
    margin-top: 0 !important;
}
[b-pa0342ogqg] .epm-grid .epm-child-table.e-grid .e-headercell {
    border-bottom: 1px solid #E7E9F5;
    border-right: 1px solid #E7E9F5;
    background: rgba(245, 246, 248, 0.50);
}
[b-pa0342ogqg] .epm-grid .epm-child-table.e-grid .e-gridheader {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
[b-pa0342ogqg] .epm-grid .epm-child-table.e-grid .e-detailrowexpand {
    border-top: 0 !important;
}
[b-pa0342ogqg] .epm-grid .epm-child-table.e-grid .e-rowcell {
    border-right: 1px solid #E7E9F5;
    overflow: visible;
}
/**Child Grid CSS End**/

/* Tab icon */
.epm-tabs.e-tab .e-tab-header .e-toolbar-item.e-active svg[b-pa0342ogqg], .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover svg[b-pa0342ogqg] {
    filter: brightness(0) invert(1);
}

.se-h-40[b-pa0342ogqg] {
    height: 40vh;
}

/* Computer and Mobile common grid changes */
[b-pa0342ogqg] .epm-reject, [b-pa0342ogqg] .epm-approve {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-pa0342ogqg] .action-icons .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: #8067DC !important;
}
[b-pa0342ogqg] .epm-custom-pagination-dropdown.e-input-group .e-input-group-icon {
    background: #fff;
}
[b-pa0342ogqg] .action-icons img {
    cursor: pointer;
}
[b-pa0342ogqg] .epm-monitoring-type {
    color: var(--text-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-decoration: underline;
}
[b-pa0342ogqg] .epm-merged-cell {
    vertical-align: middle;
    padding: 8px;
    border-right: 1px solid #E7E9F5 !important;
}
[b-pa0342ogqg] .epm-nested-table td {
    vertical-align: middle;
}
[b-pa0342ogqg] .epm-nested-table tbody tr:last-child td {
    border-bottom: inherit;
}
[b-pa0342ogqg] .e-grid [aria-selected] + tr .e-detailindentcell {
    border-right-width: 0;
}
[b-pa0342ogqg] .epm-nested-table th {
    font-size: 11px;
    font-weight: 500;
    color: #6D7081;
    background: #fff;
    vertical-align: middle;
    text-transform:uppercase;
}
[b-pa0342ogqg] .epm-nested-table thead {
    border: 1px solid #E7E9F5;
}
[b-pa0342ogqg] .epm-nested-table td {
    border: 1px solid #E7E9F5;
    border-right: 0;
    border-bottom: 0;
}
[b-pa0342ogqg] .epm-nested-table tbody {
    border: 1px solid #E7E9F5;
}
[b-pa0342ogqg] .e-grid .e-gridcontent tr:first-child td {
    border-top: 1px solid #E7E9F5 !important;
}
[b-pa0342ogqg] .epm-grid .e-grid .e-rowcell {
    border-color: #E7E9F5;
}
[b-pa0342ogqg] .epm-nested-table thead tr th:first-child {
    border-top-left-radius: 25px;
}
[b-pa0342ogqg] .epm-grid .e-grid .e-gridcontent .e-table {
    border: 1px solid #E7E9F5;
    border-top: 0px solid transparent;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
[b-pa0342ogqg] .epm-grid .e-grid .e-gridheader {
    border-radius: inherit;
    border: 1px solid #E7E9F5;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
[b-pa0342ogqg] .epm-grid .e-grid .e-gridcontent {
    border-radius: inherit;
}
[b-pa0342ogqg] .e-grid.e-default .e-detailrowcollapse.e-lastrowcell, [b-pa0342ogqg] .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
    border-bottom-width: 0;
}
[b-pa0342ogqg] .e-grid.e-default .e-detailrow .e-lastrowcell {
    border-bottom: inherit;
}
[b-pa0342ogqg] .epm-nested-table {
    border-collapse: separate !important;
    border-spacing: 0;
    border: 1px solid #E7E9F5;
    border-radius: 12px;
    overflow: hidden;
}
[b-pa0342ogqg] .epm-nested-table thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
}
[b-pa0342ogqg] .epm-nested-table thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
}
[b-pa0342ogqg] .epm-nested-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}
[b-pa0342ogqg] .epm-nested-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}
[b-pa0342ogqg] .approved-action-bg, [b-pa0342ogqg] .rejected-action-bg, [b-pa0342ogqg] .approved-bg, [b-pa0342ogqg] .rejected-bg {
    border-radius: 45px;
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 11px;
}
[b-pa0342ogqg] .approved-action-bg, [b-pa0342ogqg] .approved-bg {
    background: rgba(26, 171, 80, 0.12);
}
[b-pa0342ogqg] .rejected-action-bg {
    background: rgba(255, 0, 0, 0.12);
}
[b-pa0342ogqg] .rejected-bg {
    background: rgba(204, 43, 72, 0.12);
}
[b-pa0342ogqg] .app-name {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 260px;
    padding-left: 4px;
    font-weight: 600;
    white-space: nowrap;
    font-size: 12px;
}
[b-pa0342ogqg] .category {
    color: var(--text-secondary);
    font-weight: 500;
}
[b-pa0342ogqg] .epm-entry-type {
    border-radius: 41px;
    background: #F5F6F8;
    padding: 4px 12px;
    color: #3E4152;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
[b-pa0342ogqg] .time-tracker-wrap {
    border-radius: 12px 12px 16px 16px;
    border: 1px solid #E7E9F5;
    background: #FFF;
    padding: 10px 10px 0 10px;
}
[b-pa0342ogqg] .timeline-container {
    position: relative;
    width: 1200px;
    margin: 20px auto;
}
[b-pa0342ogqg] .timeline {
    list-style: none;
    padding: 0;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 0;
}
[b-pa0342ogqg] .timeline li {
    flex: 1;
    text-align: center;
    font-size: 12px;
    color: #6c757d;
    position: relative;
}

@media screen and (min-width: 1600px) {
    [b-pa0342ogqg] .epm-toolbar-main {
        margin-top: 15px;
    }
}
@media screen and (max-width:1680px) and (min-width:1280px) {
    [b-pa0342ogqg] .se-rangepicker.e-input-group {
        width: 187px !important;
    }
    [b-pa0342ogqg] .epm-toolbar-main {
        margin-top: 10px;
    }
}
@media screen and (max-width: 1400px) {
    [b-pa0342ogqg] .epm-reimb-count, [b-pa0342ogqg] .epm-approved-count {
        width: 100%;
    }
    [b-pa0342ogqg] .epm-toolbar-main {
        margin-top: 10px;
    }
}
@media screen and (max-width: 1279px) {
    [b-pa0342ogqg] .epm-count-filter {
        display: block;
    }
}
@media screen and (max-width: 1200px) {
    [b-pa0342ogqg] .epm-toolbar-main {
        display: block;
    }
}
/* /Pages/Employees/Attendance.razor.rz.scp.css */
.epm-attendance-wrap[b-s251q2cyyd] {
    border-radius: 40px;
    background: #F3F4F6;
    padding: 11px 24px;
    margin: 24px;
}
[b-s251q2cyyd] .toolbar-set {
    width: max-content;
    position: absolute;
    top: -55px;
    right: 0;
}
[b-s251q2cyyd] .epm-grid .e-grid .e-rowcell, [b-s251q2cyyd] .epm-grid .e-grid .e-headercell {
    background: #fff;
}
[b-s251q2cyyd] .e-grid.e-lib.e-default .e-headercell.e-leftfreeze.e-freezeleftborder, [b-s251q2cyyd] .e-grid.e-lib .e-leftfreeze.e-freezeleftborder, [b-s251q2cyyd] .e-grid .e-leftfreeze.e-freezeleftborder {
    border-right: 0 !important;
}
[b-s251q2cyyd] .epm-timesheet-header .date-picker-label {
    display: none !important;
}
[b-s251q2cyyd] .epm-grid .e-grid.epm-td-custom .e-rowcell {
    padding-top: 11px;
    padding-bottom: 11px;
}
[b-s251q2cyyd] .date-picker-label {
    display: none;
}

/* Legend style */
/* Tracker Info */
[b-s251q2cyyd] .epm-tracker-info-wrap {
    text-align: center;
    padding: 16px 0 4px;
}
[b-s251q2cyyd] .epm-tracker-info-list-item {
    display: flex;
    color: var(--grid-title);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
[b-s251q2cyyd] .epm-tracker-info-list-item img {
    width: 12px;
    margin-right: 6px;
}
[b-s251q2cyyd] .epm-tracker-info-list {
    gap: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 70px;
}

[b-s251q2cyyd] .epm-grid .e-grid .e-content {
    /*-ms-overflow-style: scroll;
    scrollbar-width: none;*/
    overflow-x: hidden;
}
@media screen and (max-width: 1400px) {
    [b-s251q2cyyd] .epm-grid .e-grid .e-content {
        overflow-x: auto;
    }
}
@media screen and (max-width: 1600px) {
    [b-s251q2cyyd] .epm-tracker-info-wrap {
        padding-top: 12px;
    }
}
@media screen and (min-width: 1900px) {
    [b-s251q2cyyd] .epm-grid .e-grid.epm-td-custom .e-rowcell {
        padding-top: 1.8vh;
        padding-bottom: 1.8vh;
    }
}
/* /Pages/Employees/Components/Overview.razor.rz.scp.css */
/*EmployeeDetail*/
.epm-mainpage[b-o925z84ecy] {
    position: relative;
    padding: 15px 18px;
}

[b-o925z84ecy] .epm-emp-deat-title {
    color: var(--card-info);
    font-size: 32px;
    font-weight: 500;
}

[b-o925z84ecy] .epm-emp-deat-title-info {
    color: var(--text-primary);
    font-size: 32px;
    font-weight: 500;
}

[b-o925z84ecy] .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    display: none;
}

[b-o925z84ecy] .overview-text {
    font-size: 20px;
    line-height: normal;
    color: var(--text-dark);
    font-weight: 700;
}
/* Productive and Unproductive usage */
[b-o925z84ecy] .epm-dashboard-table-overall .title-wrap .title {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

[b-o925z84ecy] .epm-dashboard-table-overall {
    border-radius: 24px;
    background: var(--bg-primary);
    padding: 24px 16px 16px 16px;
}

[b-o925z84ecy] .epm-dashboard-table-wrap {
    overflow: auto;
    border-radius: 16px;
    border: 1px solid var(--bg-light-grey);
    background: var(--bg-dark);
    height: 260px;
}

[b-o925z84ecy] .epm-dashboard-table {
    width: 100%;
}

[b-o925z84ecy] .epm-dashboard-table.skeleton-loader > tbody > tr > td {
    padding: 20px 16px 20px 24px;
}

[b-o925z84ecy] .epm-dashboard-table > thead > tr > th {
    padding: 7px 12px;
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    background: var(--bg-dark);
}

[b-o925z84ecy] .epm-dashboard-table > thead > tr > th:first-child {
    padding: 5px 16px;
}

[b-o925z84ecy] .epm-dashboard-table > tbody > tr > td {
    padding: 12px;
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 600;
}

[b-o925z84ecy] .epm-dashboard-table > tbody > tr .category {
    color: var(--text-secondary);
    font-weight: 400;
}

[b-o925z84ecy] .epm-dashboard-table > tbody > tr > td.usage {
    display: flex;
    align-items: center;
}

[b-o925z84ecy] .epm-dashboard-table > tbody > tr > td.usage .title {
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

[b-o925z84ecy] .epm-dashboard-table > tbody > tr > td.usage .info {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 400;
    padding-left: 10px;
}

[b-o925z84ecy] .epm-dashboard-table > tbody > tr > td:first-child img {
    height: 16px;
    width: 16px;
}

[b-o925z84ecy] .application-img {
    margin-right: 12px;
    background-color: var(--bg-primary);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-o925z84ecy] .productive-usage {
    background-color: var(--light-violet);
}

[b-o925z84ecy] .unproductive-usage {
    background-color: var(--light-pink);
}

[b-o925z84ecy] .epm-dashboard-table > tbody {
    background: var(--bg-dark);
}

/* Date range label remove */
[b-o925z84ecy] .date-picker-label {
    display: none;
}

/* Action details placement */
.se-action-utilities[b-o925z84ecy] {
    width: max-content;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1;
}

/* Employee info */
[b-o925z84ecy] .se-emp-deat-activity-wrap, [b-o925z84ecy] .se-emp-deat-activity-chart-wrap {
    padding-left: 0;
    padding-right: 0;
}

/* Nodata style */
.se-nodata-85[b-o925z84ecy] {
    height: 85vh;
}

[b-o925z84ecy] .productive-details .name {
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 8vw;
    display: block;
}
[b-o925z84ecy] .info span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 8vw;
    display: block;
}

@media screen and (min-width: 1600px) {
    [b-o925z84ecy] .epm-emp-deat-top-usage-wrap .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        min-width: 60px;
    }

    [b-o925z84ecy] .epm-emp-deat-top-usage-wrap .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
        font-size: 11px;
    }
}

@media screen and (max-width: 1600px) {
    [b-o925z84ecy] .epm-emp-deat-title, [b-o925z84ecy] .epm-emp-deat-title-info {
        font-size: 20px;
    }
    [b-o925z84ecy] .epm-dashboard-table-overall .title-wrap .title {
        font-size: 14px;
    }
    [b-o925z84ecy] .epm-dashboard-table-overall {
        padding: 24px 12px 12px 12px;
    }
    [b-o925z84ecy] .epm-dashboard-table > thead > tr > th {
        padding: 5px 16px;
    }
    [b-o925z84ecy] .epm-dashboard-table > tbody > tr > td {
        padding: 10px 8px 10px 12px;
        font-size: 12px;
    }
    [b-o925z84ecy] .epm-dashboard-table > tbody > tr > td.usage .title, [b-o925z84ecy] ::deep .productive-details .name {
        font-size: 12px;
    }
    [b-o925z84ecy] .epm-dashboard-table > tbody > tr > td.usage .info {
        font-size: 11px;
        padding-left: 8px;
    }
}

@media screen and (max-width: 1400px) {
    [b-o925z84ecy] .epm-dashboard-table-overall .title-wrap .title {
        font-size: 11px;
    }
    [b-o925z84ecy] .info span {
        max-width: 160px;
    }
}

@media screen and (max-width: 1300px) {
    [b-o925z84ecy] .epm-emp-deat-title, [b-o925z84ecy] .epm-emp-deat-title-info {
        font-size: 16px;
    }

    [b-o925z84ecy] .epm-dashboard-table-overall .epm-tabs.e-tab .e-tab-header {
        top: -47px;
    }

    [b-o925z84ecy] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        min-width: 50px;
    }

    [b-o925z84ecy] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        padding: 4px 10px !important;
    }

    [b-o925z84ecy] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
        font-size: 8px !important;
        line-height: 16px !important;
    }
}

@media screen and (max-width: 1400px) {
    .row-gap-tab-20[b-o925z84ecy] {
        row-gap: 20px;
    }
}

@media screen and (max-width: 991px) {
    [b-o925z84ecy] .epm-dashboard-table-overall {
        margin-bottom: 12px;
    }
}
/* /Pages/Employees/Expense/ExpenseDetails.razor.rz.scp.css */
.expense-body[b-pulsq6yi8q]{
    padding: 20px 36px;
    background-color: var(--bg-white);
}
[b-pulsq6yi8q] .filter-white {
    filter: brightness(0) invert(1);
}
.font-12[b-pulsq6yi8q] {
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}

/* Grid changes */
[b-pulsq6yi8q] .epm-grid .e-grid .e-rowcell {
    border-color: var(--light-border-100);
    padding-top: 18px;
    padding-bottom: 18px;
}
[b-pulsq6yi8q] .epm-grid .e-grid .e-gridheader {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
[b-pulsq6yi8q] .epm-grid .e-grid .e-headercell:first-child{
    padding-left: 4px !important;
}
[b-pulsq6yi8q] .tr-overflow-visible td.e-rowcell {
    overflow: visible;
}
[b-pulsq6yi8q] .epm-grid .e-grid .e-headercell {
    border-bottom: 1px solid #E7E9F5;
}

/* table datas changes */
.date-txt[b-pulsq6yi8q] {
    font-weight: 600;
}
.date-txt span[b-pulsq6yi8q]{
    color: var(--text-light);
}
.amt-txt[b-pulsq6yi8q] {
    color: var(--text-dark);
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
[b-pulsq6yi8q] .approved {
    color: #1AAB50;
}
[b-pulsq6yi8q] .pending {
    color: #F1751A;
}
[b-pulsq6yi8q] .rejected {
    color: #CC2B48;
}
[b-pulsq6yi8q] .unreported {
    color: #3E4152;
}
[b-pulsq6yi8q] .action-icons img {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* table data badges */
[b-pulsq6yi8q] .expense-type {
    border-radius: 42px;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    width: max-content;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
[b-pulsq6yi8q] .expense-type.trip {
    background-color: rgba(220, 103, 105, 0.12);
}
[b-pulsq6yi8q] .expense-type.fuel {
    background-color: rgba(220, 197, 103, 0.16);
}
[b-pulsq6yi8q] .expense-type.food {
    background-color: rgba(26, 171, 80, 0.08);
}
[b-pulsq6yi8q] .expense-type.training {
    background-color: rgba(26, 94, 241, 0.08);
}
.selected-txt[b-pulsq6yi8q] {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #15171C;
}
.filter-ico[b-pulsq6yi8q] {
    filter: brightness(0) invert(1);
}
.selected-expense[b-pulsq6yi8q] {
    background-color: #0B1218;
    border-radius: 102px;
    padding: 12px 10px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
}

/* Report add popup(tooltip) changes */
.report-popup-clone[b-pulsq6yi8q] {
    border-radius: 20px;
    border: 1px solid #E7E9F5;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08), 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
    width: 300px;
    z-index: 10;
    padding: 0;
}
.report-popup-fields[b-pulsq6yi8q] {
    padding: 8px;
}
.report-text[b-pulsq6yi8q] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}
.report-cost[b-pulsq6yi8q] {
    color: #15171C;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
.report-box[b-pulsq6yi8q] {
    overflow-y: auto;
    max-height: 120px;
    padding-right: 1px;
}
.report-box-hover[b-pulsq6yi8q] {
    padding: 12px;
    transition: 0.2s;
    border-radius: 8px;
}
.report-box-hover:hover[b-pulsq6yi8q] {
    background-color: #E1DBF7;
}
.report-box-hover:hover .report-text[b-pulsq6yi8q] {
    color: #15171C;
}
.report-add-link[b-pulsq6yi8q] {
    background-color: #F2F3F6;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 20px 20px;
    font-size: 13px;
    line-height: normal;
    color: #8067DC;
    font-weight: 600;
}

/* main popup */
[b-pulsq6yi8q] .se-datepicker.e-input-group, [b-pulsq6yi8q] .se-timepicker.e-input-group, [b-pulsq6yi8q] .se-datepicker.e-input-group .e-input.e-datepicker, [b-pulsq6yi8q] .se-timepicker.e-input-group .e-input.e-timepicker {
    width: 100% !important;
}
.rupee-ico[b-pulsq6yi8q] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}
[b-pulsq6yi8q] .pad-custom-left .se-input.e-input-group.e-control-wrapper .e-input{
    padding-left: 40px !important;
}

/* Uploader */
[b-pulsq6yi8q] .e-upload .e-file-select-wrap{
    padding: 40px 0;
}
[b-pulsq6yi8q] .sf-se-img-uploader-wrap {
    border-radius: 12px;
    border: 1px dashed #8067DC;
    background: #F5F6F8;
    padding: 5px;
}
[b-pulsq6yi8q] .sf-se-img-uploader-wrap .e-file-select-wrap {
    text-align: center;
}
[b-pulsq6yi8q] .sf-se-img-uploader-wrap .e-upload-browse-btn {
    color: #8067DC;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.031px;
    background: transparent;
    border: 0;
    padding: 0;
    box-shadow: none !important;
}
[b-pulsq6yi8q] .sf-se-img-uploader-wrap .e-file-drop {
    color: #15171C;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.031px;
    margin-left: 0;
}
[b-pulsq6yi8q] .sf-se-img-uploader-wrap .e-file-drop:after {
    content: 'Supports only .jpg files';
    display: block;
    color: #6D7081;
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}
[b-pulsq6yi8q] .sf-se-img-uploader-wrap .e-upload-files {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 10px;
}
[b-pulsq6yi8q] .sf-se-img-uploader-wrap .e-upload-files .e-upload-file-list {
    border-bottom: 0;
}

/* Date picker style */
[b-pulsq6yi8q] .date-picker-label {
    display: none;
}
[b-pulsq6yi8q] .e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly][b-pulsq6yi8q] {
    background-color: transparent;
}

/*Receipt report dialog*/
.se-receipt-popup-content-wrap[b-pulsq6yi8q] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}
.se-common-popup-title-wrap--title[b-pulsq6yi8q] {
    color: #15171C;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}
.se-receipt-date[b-pulsq6yi8q] {
    color: #6D7081;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.action-btn[b-pulsq6yi8q] {
    padding: 8px 20px;
    border-radius: 48px;
    background: #FFF;
    color: #000;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.action-btn img[b-pulsq6yi8q] {
    width: 16px;
    height: 16px;
}
.se-food-details-txt[b-pulsq6yi8q] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}
.se-receipt-date > span[b-pulsq6yi8q], .se-food-details-txt > span[b-pulsq6yi8q] {
    color: #15171C;
    font-weight: 700;
}
.se-food-details-desc[b-pulsq6yi8q] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.history-section[b-pulsq6yi8q] {
    background: #FFF;
    box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.16);
    padding: 24px 16px;
    border-radius: 10px;
    height: 100%;
    max-height: 630px;
    overflow-y: auto;
}
.exit-ico[b-pulsq6yi8q] {
    position: absolute;
    top: 5px;
    left: -5px;
    transform: rotate(180deg);
    width: 35px;
    height: 35px;
}
.history-section .se-common-popup-title-wrap--title[b-pulsq6yi8q] {
    border-bottom: 1px solid #F3F4F6;
}
.receipt-img[b-pulsq6yi8q] {
    width: 100%;
    height: 490px;
    max-height: 490px;
}
.history-section .epm-user-badge[b-pulsq6yi8q] {
    font-size: 12px;
    color: #FFF;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}
.history-section .epm-user-badge[b-pulsq6yi8q]::after {
    content: "";
    position: absolute;
    top: 40px;
    left: 49%;
    height: 50px;
    width: 1px;
    background: #F2F3F6;
}
.history-section ul li:last-child .epm-user-badge[b-pulsq6yi8q]::after {
    display: none;
}
.ef-creator-name[b-pulsq6yi8q] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.ef-creator-history[b-pulsq6yi8q] {
    color: #15171C;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}
.ef-creator-history>span[b-pulsq6yi8q] {
    color: #6D7081;
}
.ef-create-date[b-pulsq6yi8q] {
    color: #6D7081;
    font-size: 11px;
    line-height: normal;
    font-weight: 500;
}

/* Upload preview image */
.se-img-overlay[b-pulsq6yi8q] {
    height: 100px;
    width: 100%;
}
.se-close-icon[b-pulsq6yi8q] {
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0px 1px 11px #000000db;
}

/* Select all alert */
.select-all-alert[b-pulsq6yi8q] {
    border-radius: 31px;
    background: rgba(204, 43, 72, 0.12);
    padding: 8px 12px;
    color: #CC2B48;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
}
.select-all-alert img[b-pulsq6yi8q] {
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 1024px) {
    .expense-body[b-pulsq6yi8q] {
        padding: 10px 20px;
    }
    .font-12[b-pulsq6yi8q], .amt-txt[b-pulsq6yi8q] {
        font-size: 10px !important;
    }
    .selected-txt[b-pulsq6yi8q] {
        font-size: 10px !important;
    }
}
@media screen and (max-width: 1300px) {
    .expense-body[b-pulsq6yi8q] {
        padding: 15px 25px;
    }
    .font-12[b-pulsq6yi8q], .amt-txt[b-pulsq6yi8q] {
        font-size: 11px;
    }
    .selected-txt[b-pulsq6yi8q] {
        font-size: 12px;
    }

    /* Button changes */
    [b-pulsq6yi8q] .se-btn-primary.icon img {
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 1400px) {
    .history-section[b-pulsq6yi8q] {
        max-height: 450px;
    }
    .receipt-img[b-pulsq6yi8q] {
        max-height: 300px;
    }
}
@media screen and (max-width: 1600px) {
    [b-pulsq6yi8q] .epm-grid .e-grid .e-rowcell:first-child {
        padding-left: 12px;
    }
}
@media screen and (min-width: 1900px) and (max-width: 2000px) {
    [b-pulsq6yi8q] .epm-grid .e-grid .e-content {
        min-height: 65vh;
        height: 65vh;
    }
}
/* /Pages/Employees/Expense/ReportListView.razor.rz.scp.css */
/**Tool Bar CSS Start**/
[b-xjnkuc8ebz] .epm-employee-grid-wrap .e-toolbar-items {
    width: 100% !important;
    background: transparent;
}
[b-xjnkuc8ebz] .epm-grid .e-grid .e-toolbar {
    border-top: 0;
    background: transparent;
    position: inherit;
    top: inherit;
    right: inherit;
    z-index: 9;
    min-height: 64px;
    width: 100% !important;
}

/**Grid CSS Start**/
[b-xjnkuc8ebz] .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
[b-xjnkuc8ebz] .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell){
    background-color: transparent;
}
[b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-headercell:nth-child(4), [b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-rowcell:nth-child(4),
[b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-headercell:nth-child(5), [b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-rowcell:nth-child(5) {
    border-right: 0 !important;
}
.nodata-align-fix[b-xjnkuc8ebz] {
    margin-top: 20vh;
}
[b-xjnkuc8ebz] .epm-grid .e-grid .e-gridheader {
    border: 0;
}
[b-xjnkuc8ebz] .e-grid .e-detailheadercell {
    border: 0;
}
[b-xjnkuc8ebz] .e-grid .e-detailrowcollapse {
    border-color: #E7E9F5;
}
[b-xjnkuc8ebz] .epm-grid .e-grid .e-rowcell {
    border-color: #E7E9F5;
}
[b-xjnkuc8ebz] .e-grid .e-icon-grightarrow::before, [b-xjnkuc8ebz] .e-grid-menu .e-icon-grightarrow::before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background: url(/images/Icons/down-detail-icon.svg) no-repeat;
    background-position: center;
}
[b-xjnkuc8ebz] .e-grid .e-icon-gdownarrow::before, [b-xjnkuc8ebz] .e-grid-menu .e-icon-gdownarrow::before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background: url(/images/Icons/up-detail-icon.svg) no-repeat;
    background-position: center;
}
[b-xjnkuc8ebz] .e-grid [aria-selected] + tr .e-detailindentcell {
    border: 0;
}
[b-xjnkuc8ebz] .epm-grid .e-grid .e-headercell:first-child {
    padding-left: inherit !important;
}
[b-xjnkuc8ebz] .e-grid .e-icon-grightarrow {
    padding: 0 !important;
}
[b-xjnkuc8ebz] .epm-grid .e-grid .e-headercell {
    border-bottom: none;
}
/**Grid CSS End**/

/**Travel Grid CSS Start**/
[b-xjnkuc8ebz] .epm-grid .epm-travel-grid.e-grid .e-content {
    min-height: 57vh;
    height: 57vh;
}
[b-xjnkuc8ebz] .epm-grid .epm-travel-grid.e-grid .e-detailindentcell {
    border-left: 1px solid #E7E9F5 !important;
    border-bottom-left-radius: 10px !important;
}
[b-xjnkuc8ebz] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-top: 1px solid #E7E9F5 !important;
    border-left: 1px solid #E7E9F5 !important;
    border-bottom: 1px solid #E7E9F5 !important;
    border-top-left-radius: 10px !important;
}
[b-xjnkuc8ebz] .epm-grid .epm-travel-grid.e-grid e-detailrowcollapse {
    border-top: 1px solid #E7E9F5 !important;
}
[b-xjnkuc8ebz] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-radius: 0;
}
[b-xjnkuc8ebz] .epm-travel-grid.e-grid:not(.e-row-responsive,.e-left-shadow,.e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
    border-top: 1px solid #E7E9F5 !important;
}
.deep .epm-travel-grid.e-grid:not(.e-row-responsive):not(.e-left-shadow):not(.e-right-shadow)
.e-gridcontent tr.e-row.e-expanded .e-rowcell:last-child[b-xjnkuc8ebz] {
    border-right: 1px solid #E7E9F5 !important;
}
[b-xjnkuc8ebz] .epm-travel-grid.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border,.e-fixedfreeze.e-freezeleftborder) {
    border-top: 1px solid #E7E9F5 !important;
}
[b-xjnkuc8ebz] .epm-grid .epm-travel-grid.e-grid .e-content .e-row:last-child .e-rowcell {
    border-bottom: 1px solid #E7E9F5 !important;
}
/**Travel Grid CSS End**/

/**Child Grid CSS Start**/
[b-xjnkuc8ebz] .epm-child-table {
    border: 1px solid #E7E9F5 !important;
    border-radius: 20px;
    margin-bottom:25px;
}
[b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-content {
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
}
[b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-gridcontent {
    margin-top: 0 !important;
}
[b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-headercell {
    border-bottom: 1px solid #E7E9F5;
    border-right: 1px solid #E7E9F5;
    background: rgba(245, 246, 248, 0.50);
}
[b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-gridheader {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
[b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-detailrowexpand {
    border-top: 0 !important;
}
[b-xjnkuc8ebz] .epm-grid .epm-child-table.e-grid .e-rowcell {
    border-right: 1px solid #E7E9F5;
    overflow:visible;
}
/**Child Grid CSS End**/

/**New Changes**/
[b-xjnkuc8ebz] .e-grid-loader{
   top:150%!important;
}
[b-xjnkuc8ebz] .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell){
    background-color:transparent!important;
}
/* table data badges */
[b-xjnkuc8ebz] .expense-type {
    border-radius: 42px;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    width: max-content;
}
[b-xjnkuc8ebz] .expense-type.trip {
    background-color: rgba(220, 103, 105, 0.12);
}
[b-xjnkuc8ebz] .expense-type.fuel {
    background-color: rgba(220, 197, 103, 0.16);
}
[b-xjnkuc8ebz] .expense-type.food {
    background-color: rgba(26, 171, 80, 0.08);
}
[b-xjnkuc8ebz] .expense-type.training {
    background-color: rgba(26, 94, 241, 0.08);
}

/* table datas changes */
[b-xjnkuc8ebz] .date-txt {
    font-weight: 600;
}
[b-xjnkuc8ebz] .date-txt span {
    color: var(--text-light);
}
.amt-txt[b-xjnkuc8ebz] {
    color: var(--text-dark);
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
.approved[b-xjnkuc8ebz] {
    color: #1AAB50;
}
.pending[b-xjnkuc8ebz] {
    color: #F1751A;
}
.rejected[b-xjnkuc8ebz] {
    color: #CC2B48;
}
.unreported[b-xjnkuc8ebz] {
    color: #3E4152;
}
.action-icons img[b-xjnkuc8ebz] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}
[b-xjnkuc8ebz] .epm-child-title {
    overflow: hidden;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

/* Uploader */
[b-xjnkuc8ebz] .e-upload .e-file-select-wrap{
    padding: 40px 0;
}
[b-xjnkuc8ebz] .sf-se-img-uploader-wrap {
    border-radius: 12px;
    border: 1px dashed #8067DC;
    background: #F5F6F8;
    padding: 5px;
}
[b-xjnkuc8ebz] .sf-se-img-uploader-wrap .e-file-select-wrap {
    text-align: center;
}
[b-xjnkuc8ebz] .sf-se-img-uploader-wrap .e-upload-browse-btn {
    color: #8067DC;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.031px;
    background: transparent;
    border: 0;
    padding: 0;
    box-shadow: none !important;
}
[b-xjnkuc8ebz] .sf-se-img-uploader-wrap .e-file-drop {
    color: #15171C;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.031px;
    margin-left: 0;
}
[b-xjnkuc8ebz] .sf-se-img-uploader-wrap .e-file-drop:after {
    content: 'Supports only .jpg files';
    display: block;
    color: #6D7081;
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}
[b-xjnkuc8ebz] .sf-se-img-uploader-wrap .e-upload-files {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 10px;
}
[b-xjnkuc8ebz] .sf-se-img-uploader-wrap .e-upload-files .e-upload-file-list {
    border-bottom: 0;
}

/* main popup */
[b-xjnkuc8ebz] .se-datepicker.e-input-group, [b-xjnkuc8ebz] .se-timepicker.e-input-group, [b-xjnkuc8ebz] .se-datepicker.e-input-group .e-input.e-datepicker, [b-xjnkuc8ebz] .se-timepicker.e-input-group .e-input.e-timepicker {
    width: 100% !important;
}
.rupee-ico[b-xjnkuc8ebz] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}
[b-xjnkuc8ebz] .pad-custom-left .se-input.e-input-group.e-control-wrapper .e-input{
    padding-left: 40px !important;
}

/* Date picker style */
[b-xjnkuc8ebz] .e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly][b-xjnkuc8ebz] {
    background-color: transparent;
}

@media screen and (max-width: 1024px) {
    [b-xjnkuc8ebz] .epm-grid .epm-travel-grid.e-grid .e-content {
        overflow: auto !important;
    }
}
/* /Pages/Employees/Expense/ReportTileView.razor.rz.scp.css */
/* report page top lists */
.report-top-list[b-1xbs2bzn9p] {
	background-color: var(--bg-primary);
	border: 1px solid var(--bg-primary);
	padding: 16px;
	border-radius: 22px;
	display: flex;
	column-gap: 15px;
}
.report-details[b-1xbs2bzn9p] {
    padding: 12px 16px;
    border-radius: 16px;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #FFF;
}
.report-details.active[b-1xbs2bzn9p] {
	border: 1px solid #8067DC;
	background: linear-gradient(0deg, rgba(225, 219, 247, 0.30) 0%, rgba(225, 219, 247, 0.30) 100%), #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.report-badge[b-1xbs2bzn9p] {
	background-color: #F5F6F8;
	padding: 4px 10px;
	border-radius: 16px;
	color: #1E2941;
	font-size: 13px;
	line-height: normal;
	font-weight: 600;
}
.report-name[b-1xbs2bzn9p] {
	color: #6D7081;
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
}
.report-name .report-count[b-1xbs2bzn9p] {
    font-size: 11px;
}
.report-date[b-1xbs2bzn9p] {
	color: #6D7081;
	font-size: 13px;
	line-height: normal;
	font-weight: 400;
}
.report-amt[b-1xbs2bzn9p] {
	color: #15171C;
	font-size: 15px;
	font-weight: 700;
	line-height: normal;
}
.report-status[b-1xbs2bzn9p] {
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
}
.row-gap-15[b-1xbs2bzn9p] {
	row-gap: 15px;
}
.report-head-title[b-1xbs2bzn9p] {
	font-size: 18px;
	line-height: normal;
	font-weight: 700;
	color: #15171C;
}
.slider-arrow-bg[b-1xbs2bzn9p] {
	background-color: #FFF;
	border-radius: 12px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.h-75-vh[b-1xbs2bzn9p] {
	height: 75vh;
}

/* Add expense popup */
[b-1xbs2bzn9p] .se-datepicker.e-input-group, [b-1xbs2bzn9p] .se-timepicker.e-input-group, [b-1xbs2bzn9p] .se-datepicker.e-input-group .e-input.e-datepicker, 
[b-1xbs2bzn9p] .se-timepicker.e-input-group .e-input.e-timepicker {
	width: 100% !important;
}
.rupee-ico[b-1xbs2bzn9p] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}
[b-1xbs2bzn9p] .pad-custom-left .se-input.e-input-group.e-control-wrapper .e-input{
    padding-left: 40px !important;
}

/* Uploader */
[b-1xbs2bzn9p] .e-upload .e-file-select-wrap{
    padding: 40px 0;
}
[b-1xbs2bzn9p] .sf-se-img-uploader-wrap {
    border-radius: 12px;
    border: 1px dashed #8067DC;
    background: #F5F6F8;
    padding: 5px;
}
[b-1xbs2bzn9p] .sf-se-img-uploader-wrap .e-file-select-wrap {
    text-align: center;
}
[b-1xbs2bzn9p] .sf-se-img-uploader-wrap .e-upload-browse-btn {
    color: #8067DC;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.031px;
    background: transparent;
    border: 0;
    padding: 0;
    box-shadow: none !important;
}
[b-1xbs2bzn9p] .sf-se-img-uploader-wrap .e-file-drop {
    color: #15171C;
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.031px;
    margin-left: 0;
}
[b-1xbs2bzn9p] .sf-se-img-uploader-wrap .e-file-drop:after {
    content: 'Supports only .jpg files';
    display: block;
    color: #6D7081;
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}
[b-1xbs2bzn9p] .sf-se-img-uploader-wrap .e-upload-files {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 10px;
}
[b-1xbs2bzn9p] .sf-se-img-uploader-wrap .e-upload-files .e-upload-file-list {
    border-bottom: 0;
}

/* Report add popup(tooltip) changes */
.report-popup-clone[b-1xbs2bzn9p] {
    border-radius: 20px;
    border: 1px solid #E7E9F5;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08), 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
    width: 300px;
    z-index: 10;
    padding: 0;
}
.report-popup-fields[b-1xbs2bzn9p] {
    padding: 8px;
}
.report-text[b-1xbs2bzn9p] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}
.report-cost[b-1xbs2bzn9p] {
    color: #15171C;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
.report-box[b-1xbs2bzn9p] {
    overflow-y: auto;
    max-height: 120px;
    padding-right: 1px;
}
.report-box-hover[b-1xbs2bzn9p] {
    padding: 12px;
    transition: 0.2s;
    border-radius: 8px;
}
.report-box-hover:hover[b-1xbs2bzn9p] {
    background-color: #E1DBF7;
}
.report-box-hover:hover .report-text[b-1xbs2bzn9p] {
    color: #15171C;
}
.report-add-link[b-1xbs2bzn9p] {
    background-color: #F2F3F6;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 20px 20px;
    font-size: 13px;
    line-height: normal;
    color: #8067DC;
    font-weight: 600;
}

/*Receipt report dialog*/
.se-receipt-popup-content-wrap[b-1xbs2bzn9p] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}
.se-common-popup-title-wrap--title[b-1xbs2bzn9p] {
    color: #15171C;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}
.se-receipt-date[b-1xbs2bzn9p] {
    color: #6D7081;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.action-btn[b-1xbs2bzn9p] {
    padding: 8px 20px;
    border-radius: 48px;
    background: #FFF;
    color: #000;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.action-btn img[b-1xbs2bzn9p] {
    width: 16px;
    height: 16px;
}
.se-food-details-txt[b-1xbs2bzn9p] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}
.se-receipt-date > span[b-1xbs2bzn9p], .se-food-details-txt > span[b-1xbs2bzn9p] {
    color: #15171C;
    font-weight: 700;
}
.se-food-details-desc[b-1xbs2bzn9p] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.history-section[b-1xbs2bzn9p] {
    background: #FFF;
    box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.16);
    padding: 24px 16px;
    border-radius: 10px;
    height: 100%;
    max-height: 630px;
    overflow-y: auto;
}
.exit-ico[b-1xbs2bzn9p] {
    position: absolute;
    top: 5px;
    left: -5px;
    transform: rotate(180deg);
    width: 35px;
    height: 35px;
}
.history-section .se-common-popup-title-wrap--title[b-1xbs2bzn9p] {
    border-bottom: 1px solid #F3F4F6;
}
.receipt-img[b-1xbs2bzn9p] {
    width: 100%;
    height: 490px;
    max-height: 490px;
}
.history-section .epm-user-badge[b-1xbs2bzn9p] {
    font-size: 12px;
    color: #FFF;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}
.history-section .epm-user-badge[b-1xbs2bzn9p]::after {
    content: "";
    position: absolute;
    top: 40px;
    left: 49%;
    height: 50px;
    width: 1px;
    background: #F2F3F6;
}
.history-section ul li:last-child .epm-user-badge[b-1xbs2bzn9p]::after {
    display: none;
}
.ef-creator-name[b-1xbs2bzn9p] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.ef-creator-history[b-1xbs2bzn9p] {
    color: #15171C;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}
.ef-creator-history>span[b-1xbs2bzn9p] {
    color: #6D7081;
}
.ef-create-date[b-1xbs2bzn9p] {
    color: #6D7081;
    font-size: 11px;
    line-height: normal;
    font-weight: 500;
}

/* Date picker style */
[b-1xbs2bzn9p] .e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly][b-1xbs2bzn9p] {
    background-color: transparent;
}
/* /Pages/Employees/Trips.razor.rz.scp.css */
/* Common parent component style */
.se-ea-body[b-29esmw3y1m] {
    margin: 24px;
    padding: 12px 20px;
    background-color: #F3F4F6;
    border-radius: 24px;
}

/* Grid */
[b-29esmw3y1m] .epm-employee-grid-wrap {
    border-radius: 24px;
    background: var(--bg-primary);
    padding: 12px 24px 12px;
}
[b-29esmw3y1m] .epm-grid .e-grid .e-gridheader {
    background-color: var(--bg-primary);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0;
}
[b-29esmw3y1m] .epm-grid .e-grid .e-headercell {
    background-color: var(--bg-primary);
}
[b-29esmw3y1m] .epm-grid .e-grid .e-gridcontent {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
[b-29esmw3y1m] .epm-grid .e-grid .e-rowcell {
    padding-block: 10px;
}
[b-29esmw3y1m] .epm-grid .e-grid .e-content {
    min-height: 63vh;
    height: 63vh;
}

/* Badge */
[b-29esmw3y1m] .se-dte-card-status {
    border-radius: 8px;
    padding: 3px 8px;
    width: max-content;
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    color: #15171C;
}
[b-29esmw3y1m] .se-dte-card-status.pending {
    background-color: #F1751A29;
}
[b-29esmw3y1m] .se-dte-card-status.approved {
    background-color: #1AAB5029;
}
[b-29esmw3y1m] .se-dte-card-status.reject {
    background-color: #CC2B4829;
}
[b-29esmw3y1m] .se-dte-card-status.reimbursed {
    background-color: #CC2B4829;
}
[b-29esmw3y1m] .se-dte-card-status.unreported {
    background-color: #FFF;
    border: 1px solid #DDDFEB;
    display: flex;
    align-items: center;
}

/* Common fonts */
.se-dte-tbl-header-title[b-29esmw3y1m] {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #15171C;
    margin-bottom: 7px;
}
.font-12[b-29esmw3y1m] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #6D7081;
}
.font-12.txt-blk[b-29esmw3y1m] {
    color: #15171C;
}
.font-12.txt-gray[b-29esmw3y1m] {
    color: #3E4152;
}
.font-12.txt-ellipsis[b-29esmw3y1m] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.font-13[b-29esmw3y1m] {
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    color: #15171C;
}
.fw-600[b-29esmw3y1m] {
    font-weight: 600 !important;
}

/* Date picker */
[b-29esmw3y1m] .date-picker-label {
    display: none;
}

[b-29esmw3y1m] .se-column-divider {
    height: 1px;
    background: #DDDFEB;
    width: 100%;
}

@media screen and (max-width: 1600px) {
    [b-29esmw3y1m] .epm-grid .e-grid .e-headercell:first-child {
        padding-left: 10px !important;
    }
}
/* /Pages/ErrorComponent.razor.rz.scp.css */
.epm-pnf-logo[b-a7cc1ialtb] {
    display: flex;
    margin: 0 auto;
    margin-top: 60px;
    justify-content: center;
}
.page-not-found-wrap[b-a7cc1ialtb] {
    background: url(/images/MainLayout/404-bg.svg) no-repeat #FFF -13px -157px;
    text-align: center;
    min-height: calc(100vh - 105px);
    background-size: cover !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.epm-pnf-title[b-a7cc1ialtb] {
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.72px;
    color: #15171C;
    margin-bottom: 4px;
    margin-top: 40px;
}
.epm-pnf-data[b-a7cc1ialtb] {
    color: #6D7081;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    margin-bottom: 24px;
    margin-bottom: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1680px) {
    .page-not-found-wrap[b-a7cc1ialtb] {
        background: url(/images/MainLayout/404-bg.svg) no-repeat #FFF 32px -201px;
        min-height: calc(100vh - 108px);
    }
    .page-not-found img[b-a7cc1ialtb] {
        width: 200px;
    }
    .epm-pnf-title[b-a7cc1ialtb] {
        font-size: 20px;
        line-height: 24px;
        margin-top: 40px;
    }
    .epm-pnf-data[b-a7cc1ialtb] {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 24px;
    }
}
/* /Pages/InsightReports/AppAndWebsiteUsageComponent.razor.rz.scp.css */
[b-gq17gnh2u8] .epm-daterangepicker-wrap .e-input-group-icon.e-range-icon::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/Icons/calendar.svg) no-repeat;
    background-size: cover;
}
.se-report-wrap[b-gq17gnh2u8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
[b-gq17gnh2u8] .date-picker-label {
    display: none;
}
/**Temporiry Fix(Need to fix properly)**/
[b-gq17gnh2u8] .nodata {
    margin-top: 14rem !important;
}

[b-gq17gnh2u8] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/EmployeeMonthlyViewComponent.razor.rz.scp.css */
.epm-grid-profile-wrap[b-dix1g0ek31] {
    display: inline-flex;
    align-items: center;
}
.epm-grid-profile-wrap .title[b-dix1g0ek31] {
    text-decoration:none;
}
[b-dix1g0ek31] .epm-user-badge {
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 200px;
    height: 20px;
    width: 20px;
    min-width: 20px;
    padding: 0px 0;
    text-transform: uppercase;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}
[b-dix1g0ek31] .epm-user-badge {
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 200px;
    height: 20px;
    width: 20px;
    min-width: 20px;
    padding: 0px 0;
    text-transform: uppercase;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}
.balanced[b-dix1g0ek31] {
    border-radius: 10000px !important;
    background: rgba(26, 171, 80, 0.25);
    padding: 3px 16px;
    border-radius: 5px;
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.038px;
}
.over-utilized[b-dix1g0ek31] {
    border-radius: 10000px !important;
    background: #CC2B48;
    padding: 3px 16px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.038px;
}
.under-utilized[b-dix1g0ek31] {
    border-radius: 10000px !important;
    background: rgba(241, 117, 26, 0.16);
    padding: 3px 16px;
    border-radius: 5px;
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.038px;
}
.progress-container[b-dix1g0ek31] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    margin-top: 10px;
    z-index: 9;
}

.e-progressbar-linear[b-dix1g0ek31] {
    border-radius: 5px;
}
.custom-header[b-dix1g0ek31] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.day-of-week[b-dix1g0ek31] {
    font-size: 10px;
    color: #666; /* Optional: adjust color for better contrast */
}
[b-dix1g0ek31] .epm-grid .e-grid .e-rowcell{
    background-color:#fff!important;
    position:relative;
}
[b-dix1g0ek31] .epm-grid .e-grid .e-headercell {
    background-color: #fff !important;
}
[b-dix1g0ek31] .weekend::after {
    content: '';
    background-color: rgba(247, 247, 247);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 1px;
    z-index: 1;
}
/* Custom Toolbar */
[b-dix1g0ek31] .epm-grid-custom-toolbar {
    position: unset !important;
    min-height: auto !important;
    text-align: center;
    margin-bottom: 12px;
}
[b-dix1g0ek31] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items {
    width: 100%;
    z-index: 9;
    position: relative;
    background: transparent;
}
[b-dix1g0ek31] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item {
    padding: 0;
    cursor: auto;
    width: 100%;
    margin: 0 !important;
    display: block;
}
.progress-label[b-dix1g0ek31] {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    font-weight: 500;
    color: #3E4152;
    z-index:9;
}
/* /Pages/InsightReports/EmployeeTimesheetReport.razor.rz.scp.css */
[b-pkxhuromtb] .epm-daterangepicker-wrap .e-input-group-icon.e-range-icon::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/Icons/calendar.svg) no-repeat;
    background-size: cover;
}
.se-report-wrap[b-pkxhuromtb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
[b-pkxhuromtb] .date-picker-label {
    display: none;
}
/**Temporiry Fix(Need to fix properly)**/
[b-pkxhuromtb] .nodata {
    margin-top: 14rem !important;
}

[b-pkxhuromtb] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/ProductiveScoreComponent.razor.rz.scp.css */
[b-vjcjpjn3y2] .epm-daterangepicker-wrap .e-input-group-icon.e-range-icon::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/Icons/calendar.svg) no-repeat;
    background-size: cover;
}
[b-vjcjpjn3y2] .date-picker-label {
    display: none;
}
.se-report-wrap[b-vjcjpjn3y2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
/**Temporiry Fix(Need to fix properly)**/
[b-vjcjpjn3y2] .nodata {
    margin-top: 14rem !important;
}

[b-vjcjpjn3y2] .se-round-radio .e-radio + label{
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/SiteSearchReport.razor.rz.scp.css */
[b-yxhuotnmke] .epm-daterangepicker-wrap .e-input-group-icon.e-range-icon::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/Icons/calendar.svg) no-repeat;
    background-size: cover;
}
.se-report-wrap[b-yxhuotnmke] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
[b-yxhuotnmke] .date-picker-label {
    display: none;
}
/**Temporiry Fix(Need to fix properly)**/
[b-yxhuotnmke] .nodata {
    margin-top: 14rem !important;
}

[b-yxhuotnmke] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/TopProductiveEmployeeComponent.razor.rz.scp.css */
[b-5ra1d92vnx] .epm-daterangepicker-wrap .e-input-group-icon.e-range-icon::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/Icons/calendar.svg) no-repeat;
    background-size: cover;
}
[b-5ra1d92vnx] .date-picker-label {
    display: none;
}
.se-report-wrap[b-5ra1d92vnx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
/**Temporiry Fix(Need to fix properly)**/
[b-5ra1d92vnx] .nodata {
    margin-top: 14rem !important;
}

[b-5ra1d92vnx] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/TopUnProductiveEmployeeComponent.razor.rz.scp.css */
[b-oivqa1spjj] .epm-daterangepicker-wrap .e-input-group-icon.e-range-icon::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/Icons/calendar.svg) no-repeat;
    background-size: cover;
}
.se-report-wrap[b-oivqa1spjj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
[b-oivqa1spjj] .date-picker-label {
    display: none;
}
/**Temporiry Fix(Need to fix properly)**/
[b-oivqa1spjj] .nodata {
    margin-top: 14rem !important;
}

[b-oivqa1spjj] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/Insights.razor.rz.scp.css */
.epm-mainpage[b-kaw5cto92d] {
    padding: 10px 25px;
}
[b-kaw5cto92d] #epm-insights-scatter-chartAxisGroup0Inside, [b-kaw5cto92d] #epm-insights-scatter-chartAxisGroup1Inside,
[b-kaw5cto92d] #epm-insights-scatter-chart_ChartAreaBorder {
    display: none;
}
[b-kaw5cto92d] #epm-insights-scatter-chart_ChartBorder {
    fill: var(--insights-bg);
}
.epm-insights-overall-wrap[b-kaw5cto92d] {
    border-radius: 32px;
    background: #FFF;
    border: 1px solid #ECEDEF;
    text-align: center;
    margin-top: 10px;
    padding: 16px;
    position: relative;
    min-height: 750px;
}
[b-kaw5cto92d] .epm-insights-weekend-info {
    margin-left: 16px;
}
.epm-insights-wrap[b-kaw5cto92d] {
    padding: 25px 25px 0 0;
    display: inline-block;
    border-radius: 24px;
    border: 10px solid rgba(100, 116, 139, 0.16);
    background: var(--insights-bg);
    position: relative;
}
[b-kaw5cto92d] #epm-insights-scatter-chart {
    border-radius: 24px;
}
.epm-insights-productive-hrs[b-kaw5cto92d], .epm-insights-total-hrs[b-kaw5cto92d] {
    border-radius: 0px 0px 8px 8px;
    background: radial-gradient(102.34% 102.34% at -2.34% 50%, #A088FA 6.63%, #A28CF4 52.35%, #A28AFA 95.22%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 8px;
    position: absolute;
    bottom: -65px;
    left: 0;
    z-index: 9;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}
.epm-insights-productive-hrs img[b-kaw5cto92d], .epm-insights-total-hrs img[b-kaw5cto92d] {
    margin-left: 5px;
    width: 25px;
    height: 25px;
}
.epm-insights-total-hrs[b-kaw5cto92d] {
    left: -125px;
    bottom: 62px;
    border-radius: 8px 8px 0px 0px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transform: rotate(270deg);
    background: radial-gradient(102.34% 102.34% at -2.34% 50%, #96BA8A 6.63%, #A6D098 52.35%, #9AC58C 95.22%);
}
.epm-insights-status[b-kaw5cto92d] {
    position: absolute;
    z-index: 9;
    color: #151720;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 8px;
    width: 179px;
    border-radius: 0px 0px 8px 8px;
    background: #CED7E8;
    box-shadow: 0px 4px 8px 0px rgba(100, 116, 139, 0.61);
}
.epm-insights-status.average[b-kaw5cto92d] {
    left: 15%;
    top: 0;
}
.epm-insights-status.excellent[b-kaw5cto92d] {
    right: 15%;
    top: 0;
}
.epm-insights-status.bad[b-kaw5cto92d] {
    left: 15%;
    bottom: 0;
    border-radius: 8px 8px 0px 0px;
    box-shadow: 0px -4px 8px 0px rgba(100, 116, 139, 0.61);
}
.epm-insights-status.good[b-kaw5cto92d] {
    right: 15%;
    bottom: 0;
    border-radius: 8px 8px 0px 0px;
    box-shadow: 0px -4px 8px 0px rgba(100, 116, 139, 0.61);
}
[b-kaw5cto92d] #epm-insights-scatter-chart_svg, [b-kaw5cto92d] #epm-insights-scatter-chart_ChartBorder, [b-kaw5cto92d] #epm-insights-scatter-chart_ChartAreaBorder {
    width: 1354px;
}
[b-kaw5cto92d] .se-quadrant-dropdown-lbl {
    color: #15171C;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    white-space: nowrap;
}
[b-kaw5cto92d] .se-team-dropdown.e-input-group, [b-kaw5cto92d] .se-department-dropdown.e-input-group {
    width: 200px !important;
    border: 1px solid #ECEDEF !important;
}
[b-kaw5cto92d] .se-input.e-input-group.e-control-wrapper.e-ddl.se-team-dropdown .e-input[readonly],
[b-kaw5cto92d] .se-input.e-input-group.e-control-wrapper.e-ddl.se-department-dropdown .e-input[readonly] {
    background: #FFF;
}
[b-kaw5cto92d] .se-team-dropdown.e-input-group::before, [b-kaw5cto92d] .se-department-dropdown.e-input-group::before {
    width: 31px;
    height: 28px;
    margin-top: 8px;
    margin-left: 10px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
[b-kaw5cto92d] .se-team-dropdown.e-input-group::before {
    background-image: url(/images/Icons/team1.svg);
}
[b-kaw5cto92d] .se-department-dropdown.e-input-group::before {
    background-image: url(/images/Icons/department-ico.svg);
}

@media screen and (max-width: 1600px) {
    .epm-insights-productive-hrs[b-kaw5cto92d], .epm-insights-total-hrs[b-kaw5cto92d] {
        font-size:  18px;
    }
    .epm-insights-status[b-kaw5cto92d] {
        font-size: 14px;
    }
    [b-kaw5cto92d] #epm-insights-scatter-chart_svg, [b-kaw5cto92d] #epm-insights-scatter-chart_ChartBorder, [b-kaw5cto92d] #epm-insights-scatter-chart_ChartAreaBorder {
        width: 100%;
    }
    [b-kaw5cto92d] .epm-insights-overall-wrap {
        margin-top: 10px;
    }
    [b-kaw5cto92d] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        min-width: 105px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 1300px){
    .epm-insights-total-hrs[b-kaw5cto92d], .epm-insights-productive-hrs[b-kaw5cto92d] {
        font-size: 14px;
    }
    .epm-insights-status[b-kaw5cto92d] {
        font-size: 10px;
    }
}
@media screen and (max-width: 991px) {
    .epm-insights-status[b-kaw5cto92d] {
        width: 140px;
    }
    .epm-insights-total-hrs[b-kaw5cto92d] {
        left: -85px;
    }
    .epm-insights-total-hrs[b-kaw5cto92d], .epm-insights-productive-hrs[b-kaw5cto92d] {
        font-size: 10px;
        padding: 0px 8px;
    }
    .epm-insights-productive-hrs[b-kaw5cto92d] {
        bottom: -40px;
    }
}
/* /Pages/MapView.razor.rz.scp.css */
.se-map-container[b-d1xnmcxgyx] {
    background-color: var(--bg-primary);
    height: 100%;
}
.epm-overall-left-wrap[b-d1xnmcxgyx] {
    background: var(--track-name-bg);
    height: 100%;
}
.epm-map-title-wrap[b-d1xnmcxgyx] {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 8px 13px 0 13px;
}
[b-d1xnmcxgyx] #epm-maps-globe_ToolBar, [b-d1xnmcxgyx] #epm-maps_ToolBar {
    left: 40px !important;
}
[b-d1xnmcxgyx] .epm-tabs.e-tab .e-tab-header {
    position: absolute;
    top: -50px;
    right: 12px;
    width: auto !important;
}
[b-d1xnmcxgyx] .epm-grid .e-grid .e-content {
    min-height: 70vh;
    height: 70vh;
}
[b-d1xnmcxgyx] .epm-map-dropdown .epm-dropdown {
    background: #fff !important;
}

/**Tooltip and Popup CSS**/
.map-wrapper[b-d1xnmcxgyx] {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    z-index: 1000;
}
[b-d1xnmcxgyx] .employee-popup, .employee-popup-list[b-d1xnmcxgyx] {
    border-radius: 12px;
    background: #FFF;
    padding: 12px;
    width: 320px;
}
.employee-popup-list[b-d1xnmcxgyx] {
    max-height: 400px;
    overflow-y: auto;
}
[b-d1xnmcxgyx] .epm-grid-profile-wrap {
    margin-bottom: 10px;
}
[b-d1xnmcxgyx] .epm-grid-profile-wrap:last-child {
    margin-bottom: 0;
}
.employee-popup-list .title[b-d1xnmcxgyx] {
    font-family: Inter;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
}
[b-d1xnmcxgyx] .employee-popup .address-text {
    font-family: Inter;
    font-size: 12px;
    line-height: 18px;
    color: #15171C;
    font-weight: 600;
    white-space: break-spaces;
}
[b-d1xnmcxgyx] .employee-popup .user-active-txt {
    font-family: Inter;
    color: #1AAB50;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
[b-d1xnmcxgyx] .employee-popup h4 {
    font-family: Inter;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-dark);
    font-weight: 600;
}
[b-d1xnmcxgyx] .employee-popup h5 {
    font-family: Inter;
    font-size: 12px;
    line-height: 18px;
    color: #6D7081;
    font-weight: 400;
}
[b-d1xnmcxgyx] .bottom-border {
    border-bottom: 1px solid #F3F4F6;
}
[b-d1xnmcxgyx] .hours-badge-blue {
    border-radius: 22px;
    padding: 3px 8px;
    font-family: Inter;
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    white-space: nowrap;
    height: max-content;
}
[b-d1xnmcxgyx] .hours-badge-blue {
    background-color: rgba(128, 103, 220, 0.20);
    color: #8067DC;
}
[b-d1xnmcxgyx] .hours-badge-pink {
    background-color: rgba(220, 103, 206, 0.20);
    color: #DC67CE;
}
.employee-popup-list[b-d1xnmcxgyx] {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1000;
}
[b-d1xnmcxgyx] .close-ico {
    position: absolute;
    top: 2px;
    right: 10px;
    cursor: pointer;
}
.employee-popup-wrap[b-d1xnmcxgyx] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #ffffff00;
    width: 100%;
    height: 100%;
}
.tooltip-content[b-d1xnmcxgyx] {
    background-color: var(--bg-grey);
    border-radius: 12px;
    padding: 8px 12px;
    color: var(--text-primary);
}
.tooltip-content h6[b-d1xnmcxgyx], .tooltip-content p[b-d1xnmcxgyx] {
    font-family: Inter;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
}
[b-d1xnmcxgyx] .epm-user-badge {
    height: 28px;
    width: 28px;
    min-width: 28px;
    padding: 7px 0;
    font-family: Inter;
    line-height: normal;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    border-radius: 32px;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}
[b-d1xnmcxgyx] .se-switch.e-switch-wrapper {
    width: 45px;
}
[b-d1xnmcxgyx] .se-switch.e-switch-wrapper .e-switch-on {
    background-color: #D0C1FC !important;
}
.se-cluster-btn[b-d1xnmcxgyx]{
    width:170px;
    border:0;
}
.se-cluster-check[b-d1xnmcxgyx]{
    display:flex;
    align-items:center;
}
.se-cluster-label[b-d1xnmcxgyx]{
    width:120px;
    font-weight:400;
    font-size:12px;
    color:#6D7081;
}

/* Org details card style */
[b-d1xnmcxgyx] .se-org-details-card {
    background-color: #fff;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    padding: 0px 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999;
    width: 120px;
}
[b-d1xnmcxgyx] .se-org-details-card p {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #3E4152;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 1px solid #F3F4F6;
}
[b-d1xnmcxgyx] .se-org-details-card p:last-child {
    border-bottom: none;
}
[b-d1xnmcxgyx] .ep-geofencing-check {
    padding: 10px 12px;
    border-radius: 12px;
    background: #FFF;
}
.epm-map-left-column[b-d1xnmcxgyx], .epm-map-right-column[b-d1xnmcxgyx] {
    box-sizing: border-box;
}
.epm-map-left-column[b-d1xnmcxgyx] {
    flex: 0 0 20%;
    padding: 0;
}
.epm-map-right-column[b-d1xnmcxgyx] {
    flex: 0 0 80%;
    padding: 0;
}
@media(max-width:1800px){
    .epm-map-left-column[b-d1xnmcxgyx] {
        flex: 0 0 25%;
    }
    .epm-map-right-column[b-d1xnmcxgyx] {
        flex: 0 0 75%;
    }
}
@media(max-width:1440px){
    .epm-map-left-column[b-d1xnmcxgyx] {
        flex: 0 0 30%;
    }
    .epm-map-right-column[b-d1xnmcxgyx] {
        flex: 0 0 70%;
    }
}
@media(max-width:1280px) {
    .epm-map-left-column[b-d1xnmcxgyx] {
        flex: 0 0 35%;
    }
    .epm-map-right-column[b-d1xnmcxgyx] {
        flex: 0 0 65%;
    }
}
@media(max-width:1160px) {
    .epm-map-left-column[b-d1xnmcxgyx] {
        flex: 0 0 100%;
    }
    .epm-map-right-column[b-d1xnmcxgyx] {
        flex: 0 0 100%;
    }
}
[b-d1xnmcxgyx] .epm-dropdown {
    border-radius: 12px;
    background: #F5F6F8;
    padding: 12px 16px;
    border: none;
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
}
/* /Pages/Mobile/ExpenseHeatMapComponent.razor.rz.scp.css */
.heatmap-container-chart[b-av294rhdbn] {
    border-radius: 12px;
    border: 1px solid #ECEDEF;
    background-color: #fff;
    padding: 4px;
    flex: 1;
    pointer-events: none;
}
.axis-label[b-av294rhdbn] {
    color: #15171C;
    font-size: 11px;
    line-height: normal;
    font-weight: 600;
}
.y-axis-label[b-av294rhdbn] {
    transform: rotate(-90deg);
}
.x-axis-label[b-av294rhdbn] {
    text-align: center;
    margin-top: 8px;
}
/* /Pages/Mobile/FieldDashboard.razor.rz.scp.css */
/**Common For all components CSS**/
.epm-mainpage-field[b-ro34mwubt8] {
    padding: 10px 18px 14px;
}
.epm-field-heading[b-ro34mwubt8] {
    color: #3E4152;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}
.epm-field-heading span[b-ro34mwubt8]{
    color: #15171C !important;
    font-weight:700;
}
.epm-main-toolbar[b-ro34mwubt8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
[b-ro34mwubt8] .epm-field-card-heading {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: var(--fontBold);
    margin-bottom: 10px;
}
[b-ro34mwubt8] .row-gap-16 {
    row-gap: 16px;
}
[b-ro34mwubt8] .date-picker-label {
    display: none;
}
[b-ro34mwubt8] .epm-reg-head-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
[b-ro34mwubt8] .epm-reg-head-wrap .epm-field-card-heading {
    margin-bottom: 0;
}
[b-ro34mwubt8] .epm-custom-legend {
    display: flex;
    align-items: center;
    gap: 10px;
}
[b-ro34mwubt8] .epm-custom-legend span {
    color: #3E4152;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}
[b-ro34mwubt8] .loader-size {
    height: 340px;
}
[b-ro34mwubt8] .loader-size-small {
    height: 270px;
}
[b-ro34mwubt8] .loader-size-mini {
    height: 40px;
}
[b-ro34mwubt8] .se-card-h-size {
    min-height: 327px;
}

/**Field Cards CSS**/
[b-ro34mwubt8] .epm-field-card {
    border-radius: 16px;
    border: 1px solid #E7E9F5;
    padding: 14px;
    height: 100%;
}
[b-ro34mwubt8] .epm-field-card-title {
    color: #6D7081;
    font-size: 13px;
    font-weight: 600;
}
[b-ro34mwubt8] .epm-field-card-time {
    color: #15171C;
    font-size: 16px;
    font-weight: 700;
    padding-top: 6px;
}
[b-ro34mwubt8] .epm-reg-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    border: 1px solid #E7E9F5;
    background: #FFF;
    padding: 10px;
}
[b-ro34mwubt8] .custom-col-one {
    flex-basis: 30%;
}
[b-ro34mwubt8] .custom-col-two {
    flex-basis: 70%;
}
[b-ro34mwubt8] .custom-col-three {
    flex-basis: 50%;
}
[b-ro34mwubt8] .custom-col-four {
    flex-basis: 50%;
}
[b-ro34mwubt8] .se-border {
    border-right: 1px solid #E7E9F5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: auto;
    min-height: 70px;
}
/**Automated Vs. Regularized CSS**/
[b-ro34mwubt8] .epm-expense-total {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    text-align: center;
}
[b-ro34mwubt8] .epm-expense-total h2 {
    color: #15171C;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
}
[b-ro34mwubt8] .epm-expense-total p {
    color: #6D7081;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 4px;
}
[b-ro34mwubt8] .epm-union-percent {
    color: #1AAB50;
    font-size: 13px;
    font-weight: 600;
}
[b-ro34mwubt8] .epm-reg-percent {
    color: #CC2B48;
    font-size: 13px;
    font-weight: 600;
}
[b-ro34mwubt8] .border-right {
    border-right: 1px solid #E7E9F5;
}
[b-ro34mwubt8] .border-top {
    border-top: 1px solid #E7E9F5;
}

/* Outside Geofencing Table CSS */
[b-ro34mwubt8] .epm-reg-table {
    background: var(--bg-light-grey) !important;
    border-radius: 16px;
    width: 100%;
}
[b-ro34mwubt8] .epm-reg-table > thead > tr > th {
    color: var(--text-dark-grey);
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    padding: 10px 7px;
    border-bottom: 1px solid #F3F4F6;
    background: var(--bg-light-grey);
}
[b-ro34mwubt8] .epm-reg-table > thead > tr > th:first-child {
    border-top-left-radius: 16px;
}
[b-ro34mwubt8] .epm-reg-table > thead > tr > th:last-child {
    border-top-right-radius: 16px;
}
[b-ro34mwubt8] .epm-reg-table > thead > tr > th.time-heading img, .time-ico[b-ro34mwubt8] {
    width: 16px;
    height: 16px;
}
[b-ro34mwubt8] .epm-reg-table > tbody > tr > td {
    color: var(--text-primary);
    background: var(--bg-light-grey);
    font-size: 16px;
    font-weight: 600;
    padding: 8.5px 8px;
    border-bottom: 1px solid #F3F4F6;
}
[b-ro34mwubt8] .epm-reg-table tbody tr:last-child td {
    border-bottom: 0;
    padding-bottom: 0;
}
[b-ro34mwubt8] .epm-reg-table > tbody > tr > td:nth-last-child(1) {
    border-bottom-left-radius: 16px;
}
[b-ro34mwubt8] .epm-user-badge {
    color: #FFF;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    padding: 8px 4px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: var(--Gradients-Gradient-1, linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF);
}
[b-ro34mwubt8] .epm-reg-emp-details .title {
    color: #15171C;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 14vw;
}
[b-ro34mwubt8] .epm-reg-emp-details .info {
    color: #6D7081;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}
[b-ro34mwubt8] .info span {
    color: var(--text-secondary) !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 8vw;
}
[b-ro34mwubt8] .epm-geo-out-time {
    border-radius: 10000px;
    background: #F5F6F8;
    display: flex;
    padding: 2px 8px;
    align-items: center;
    gap: 4px;
    width: fit-content;
}
[b-ro34mwubt8] .epm-geo-out-time p {
    color: #15171C;
    font-size: 13px;
    font-weight: 500;
}
[b-ro34mwubt8] .epm-geo-out-time span {
    color: #15171C;
    font-size: 14px;
    font-weight: 500;
}
[b-ro34mwubt8] .se-geo-location {
    color: #15171C;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
[b-ro34mwubt8] .loader-size {
    height: 300px;
}

/* Attendance toottip */
[b-ro34mwubt8] .se-attendance-details {
    display: none;
    transition: .3s;
}
[b-ro34mwubt8] .se-info:hover .se-attendance-details {
    width: max-content;
    display: block;
    position: absolute;
    top: 0;
    left: 18px;
    border-radius: 12px;
    border: 1px solid #E0E2EE;
    background: #FFF;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.14);
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 8px;
    z-index: 1;
}

@media screen and (max-width: 1100px) {
    [b-ro34mwubt8] .epm-field-card-title {
        font-size: 9px !important;
    }
    [b-ro34mwubt8] .epm-field-card-time {
        font-size: 10px !important;
    }
    [b-ro34mwubt8] .custom-col .epm-field-card svg {
        width: 30px !important;
        height: 30px !important;
    }
}
@media screen and (max-width: 1800px) {
    [b-ro34mwubt8] .epm-field-card-title{
        font-size:12px;
    }
    [b-ro34mwubt8] .epm-field-card-time {
        font-size: 14px;
    }
}
@media screen and (max-width: 1680px) {
    [b-ro34mwubt8] .epm-field-card-title {
        font-size: 11px;
    }
}
@media screen and (max-width: 1600px){
    [b-ro34mwubt8] .epm-field-card-time {
        font-size: 12px;
    }
    [b-ro34mwubt8] .epm-field-card-title {
        font-size: 10px;
    }
}
@media screen and (max-width: 1300px) {
    /**Field Cards CSS**/
    [b-ro34mwubt8] .epm-field-card {
        padding: 10px;
        gap: 6px;
    }
    [b-ro34mwubt8] .epm-field-card-title {
        font-size: 11px;
    }
    [b-ro34mwubt8] .epm-field-card-time, [b-ro34mwubt8] .epm-field-card-heading {
        font-size: 12px;
    }
    [b-ro34mwubt8] .custom-col .epm-field-card svg {
        width: 35px;
        height: 35px;
    }
    [b-ro34mwubt8] .epm-custom-legend span {
        font-size: 9px;
    }
}

@media screen and (max-width: 1200px) {
    [b-ro34mwubt8] .custom-col-one,
    [b-ro34mwubt8] .custom-col-two {
        flex-basis: 50%;
    }
}

@media screen and (max-width: 1024px) {
    [b-ro34mwubt8] .se-border {
        min-height: 50px;
    }
}
/* /Pages/MobileMapView.razor.rz.scp.css */
.se-map-container[b-i78n3evh7y] {
    background-color: var(--bg-primary);
    height: 100%;
}
.epm-overall-left-wrap[b-i78n3evh7y] {
    background: var(--track-name-bg);
    height: 100%;
}
[b-i78n3evh7y] .datepicker-bg-grey {
    padding: 4px 16px;
}
[b-i78n3evh7y] .epm-grid .e-grid .e-content {
    min-height: 59vh !important;
    height: 59vh !important;
}
[b-i78n3evh7y] .epm-custom-legend-one{
    display:flex;
    align-items:center;
    gap:5px;
}
[b-i78n3evh7y] .epm-custom-legend-one span{
    color:#3E4152;
    font-size: 12px;
    font-weight: 400;
}
[b-i78n3evh7y] .epm-custom-legend-one svg{
    max-width:6px;
}
[b-i78n3evh7y] .epm-grid .e-grid td{
    cursor:pointer;
}
[b-i78n3evh7y] .epm-grid .e-grid td.e-active {
    background: rgba(225, 219, 247, 0.44) !important;
}
[b-i78n3evh7y] .epm-grid .e-grid td.e-focus .img-close {
    display:none;
}
[b-i78n3evh7y] .epm-grid .e-grid td.e-focus.e-active .img-close {
    display: block;
}
[b-i78n3evh7y] .epm-grid .e-grid td.e-active .epm-custom-legend-one {
    display: none;
}
[b-i78n3evh7y] .se-datepicker.e-input-group {
    width: 100%;
}
.epm-map-title-wrap[b-i78n3evh7y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 13px 0 13px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    gap:15px;
}
[b-i78n3evh7y] #epm-maps-globe_ToolBar, [b-i78n3evh7y] #epm-maps_ToolBar {
    left: 40px !important;
}
[b-i78n3evh7y] .epm-tabs.e-tab .e-tab-header {
    position: absolute;
    top: -50px;
    right: 12px;
    width: auto !important;
}
[b-i78n3evh7y] .epm-grid .e-grid .e-gridcontent {
    border-radius: 0 0 16px 16px;
}
[b-i78n3evh7y] .epm-overall-right-wrap {
    border-top-left-radius:16px;
    border-top-right-radius:0;
    padding-bottom: 0;
}
[b-i78n3evh7y] .epm-grid .e-grid .e-pager {
    padding-top: 0;
    background: #fff;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 0;
}
[b-i78n3evh7y] .epm-grid .e-grid .e-gridcontent{
    border-radius:0;
}
[b-i78n3evh7y] .epm-map-left-column .px-3 {
    padding: 0 !important;
}
[b-i78n3evh7y] .epm-map-left-column .mt-3 {
    margin: 0 !important;
}
[b-i78n3evh7y] .epm-map-left-column #wrapper-2 {
    background: #FFF;
    padding: 8px 16px !important;
}

/**Tooltip and Popup CSS**/
.map-wrapper[b-i78n3evh7y] {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    z-index: 1000;
}
[b-i78n3evh7y] .employee-popup, .employee-popup-list[b-i78n3evh7y] {
    border-radius: 12px;
    background: #FFF;
    padding: 12px;
    width: 320px;
}
.employee-popup-list[b-i78n3evh7y] {
    max-height: 400px;
    overflow-y: auto;
}
.employee-popup-list .title[b-i78n3evh7y] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
}
[b-i78n3evh7y] .employee-popup .address-text {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-black);
    font-weight: 500;
    white-space: break-spaces;
}
[b-i78n3evh7y] .employee-popup .user-active-txt {
    color: #1AAB50;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
[b-i78n3evh7y] .employee-popup h4 {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-dark);
    font-weight: 600;
}
[b-i78n3evh7y] .employee-popup h5 {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-light);
    font-weight: 400;
}
[b-i78n3evh7y] .bottom-border {
    border-bottom: 1px solid #F3F4F6;
}
[b-i78n3evh7y] .hours-badge-blue {
    background-color: rgba(128, 103, 220, 0.20);
    border-radius: 22px;
    padding: 3px 8px;
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    color: #8067DC;
    white-space: nowrap;
    height: max-content;
}
[b-i78n3evh7y] .hours-badge-pink {
    background-color: rgba(220, 103, 206, 0.20);
    border-radius: 22px;
    padding: 3px 8px;
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    color: #DC67CE;
    height: max-content;
}
.employee-popup-list[b-i78n3evh7y] {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1000;
}
[b-i78n3evh7y] .close-ico {
    position: absolute;
    top: 2px;
    right: 10px;
    cursor: pointer;
}
.employee-popup-wrap[b-i78n3evh7y] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #ffffff00;
    width: 100%;
    height: 100%;
}
.tooltip-content[b-i78n3evh7y] {
    background-color: var(--bg-grey);
    border-radius: 12px;
    padding: 8px 12px;
    color: var(--text-primary);
}
.tooltip-content h6[b-i78n3evh7y], .tooltip-content p[b-i78n3evh7y] {
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
}
[b-i78n3evh7y] .epm-user-badge {
    height: 28px;
    width: 28px;
    min-width: 28px;
    padding: 7px 0;
    line-height: normal;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.026px;
    border-radius: 32px;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}
[b-i78n3evh7y] .se-switch.e-switch-wrapper {
    width: 45px;
}
[b-i78n3evh7y] .se-switch.e-switch-wrapper .e-switch-on {
    background-color: #D0C1FC !important;
}
.se-cluster-btn[b-i78n3evh7y]{
    width:170px;
    border:0;
}
.se-cluster-check[b-i78n3evh7y]{
    display:flex;
    align-items:center;
}
.se-cluster-label[b-i78n3evh7y] {
    width: 120px;
    font-weight: 400;
    font-size: 12px;
    color: #6D7081;
}

/* Org details card style */
[b-i78n3evh7y] .se-org-details-card {
    background-color: #fff;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    padding:0 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999;
}
[b-i78n3evh7y] .se-org-details-card p {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #3E4152;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 1px solid #F3F4F6;
}
[b-i78n3evh7y] .se-org-details-card p:last-child {
    border-bottom: none;
}
[b-i78n3evh7y] .ep-geofencing-check {
    padding: 10px 12px;
    border-radius: 12px;
    background: #FFF;
}
.epm-map-left-column[b-i78n3evh7y], .epm-map-right-column[b-i78n3evh7y] {
    box-sizing: border-box;
}
.epm-map-left-column[b-i78n3evh7y] {
    flex: 0 0 20%;
    padding: 0;
}
.epm-map-right-column[b-i78n3evh7y] {
    flex: 0 0 80%;
    padding: 0;
}
[b-i78n3evh7y] .epm-map-dropdown .epm-dropdown {
    background: #fff !important;
}
@media(max-width:1800px){
    .epm-map-left-column[b-i78n3evh7y] {
        flex: 0 0 25%;
    }
    .epm-map-right-column[b-i78n3evh7y] {
        flex: 0 0 75%;
    }
}
@media screen and (max-width: 1440px){
    .epm-map-left-column[b-i78n3evh7y] {
        flex: 0 0 30%;
    }
    .epm-map-right-column[b-i78n3evh7y] {
        flex: 0 0 70%;
    }
}
@media screen and (max-width: 1280px) {
    .epm-map-left-column[b-i78n3evh7y] {
        flex: 0 0 35%;
    }
    .epm-map-right-column[b-i78n3evh7y] {
        flex: 0 0 65%;
    }
}
@media screen and (max-width: 1160px) {
    .epm-map-left-column[b-i78n3evh7y], .epm-map-right-column[b-i78n3evh7y] {
        flex: 0 0 100%;
    }
}
[b-i78n3evh7y] .epm-dropdown {
    border-radius: 12px;
    background: #F5F6F8;
    padding: 12px 16px;
    border: none;
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
}
/* /Pages/NavMobile/FiledEmployeeTeams.razor.rz.scp.css */
.epm-mainpage[b-eyxmoymvpd] {
    padding: 15px 25px;
}
[b-eyxmoymvpd] .epm-employee-grid-wrap {
    border-radius: 40px;
    background: var(--bg-grey);
    margin-top: 16px;
    padding: 12px 24px 12px;
}
[b-eyxmoymvpd] .epm-employee-title-wrap {
    text-align: left;
}
[b-eyxmoymvpd] .epm-employee-title-wrap .title {
    color: var(--text-primary);
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    margin-right: 24px;
    margin-top: 12px;
    vertical-align: middle;
    display: inline-block;
}
[b-eyxmoymvpd] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}
[b-eyxmoymvpd] .epm-grid-profile-wrap .name-wrap {
    overflow: hidden;
}
[b-eyxmoymvpd] .epm-grid-profile-wrap .name-wrap .title {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-eyxmoymvpd] #epm-employee-tooltip {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
[b-eyxmoymvpd] .epm-grid-img-text-wrap .app-title {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width:130px;
    display: block;
    margin-bottom:5px;
}
[b-eyxmoymvpd] .productive-app {
    color: #8067DC;
    font-weight: 500;
    font-size: 12px;
    padding-top: 5px;
}
[b-eyxmoymvpd] .se-grid-wrap {
    border: 1px solid #E7E9F5;
    background: #FFF;
    border-radius: 16px;
    padding: 0;
}

/* Custom Toolbar */
[b-eyxmoymvpd] .epm-grid-custom-toolbar {
    position: unset !important;
    min-height: auto !important;
    text-align: center;
    margin-bottom: 10px;
}
[b-eyxmoymvpd] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items {
    width: 100%;
    z-index: 9;
    position: relative;
    background: transparent;
}
[b-eyxmoymvpd] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item {
    padding: 0;
    cursor: auto;
    width: 100%;
    margin: 0 !important;
    display: block;
}
[b-eyxmoymvpd]  .epm-filter-btn {
    color: var(--text-primary);
    border-radius: 100px;
    border: none;
    background: var(--grid-search);
    font-weight: 500;
    font-size: 14px;
    padding: 4px 4px 4px 24px;
}
[b-eyxmoymvpd] .epm-filter-btn span {
    background: var(--bg-primary);
    padding: 6px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
/* Datepicker */
[b-eyxmoymvpd] .epm-grid-custom-toolbar-filter-wrap {
    text-align: right;
    display: flex;
    gap: 16px;
    justify-content: end;
    align-items: center;
}
[b-eyxmoymvpd] .app-icon{
    width:18px;
    height:18px;
    margin-right:6px;
}
[b-eyxmoymvpd] .epm-grid-action-btn-wrap {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}
[b-eyxmoymvpd] .epm-grid-action-btn-wrap .e-btn-icon {
    display: none;
}
[b-eyxmoymvpd] .epm-emp-deat-title-wrap {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 296px);
    align-items: center;
    margin-bottom: 20px;
}
[b-eyxmoymvpd] .epm-emp-deat-title {
    color: var(--text-primary);
    font-size: 32px;
    font-weight: 500;
    cursor: pointer;
}
[b-eyxmoymvpd] .epm-emp-deat-title-info {
    color: var(--card-info);
    font-size: 32px;
    font-weight: 500;
}
[b-eyxmoymvpd] .epm-most-unsatisfactory {
    color: var(--text-primary);
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 12px;
    background: rgba(204, 43, 72, 0.3);
    max-width: max-content;
}
[b-eyxmoymvpd] .epm-most-unsatisfactory img, [b-eyxmoymvpd] .epm-most-satisfactory img{
    max-width: 20px;
}
[b-eyxmoymvpd] .epm-most-satisfactory {
    color: var(--badge-primary-text);
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 12px;
    background: rgb(192, 238, 213);
    max-width: max-content;
}

[b-eyxmoymvpd] .se-grid-search {
    width: 300px;
}
[b-eyxmoymvpd] .total-hours {
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
}
[b-eyxmoymvpd] .hrs-per-day {
    color: #6D7081;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.035px;
}
[b-eyxmoymvpd] .utilization-under {
    border-radius: 1000px;
    background: #F1751A;
    padding: 2px 5px;
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-left: 4px;
    width:40px;
    text-align:center;
}
[b-eyxmoymvpd] .utilization-over {
    border-radius: 1000px;
    background: #CC2B48;
    padding: 2px 5px;
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-left: 4px;
    width: 40px;
    text-align: center;
}
[b-eyxmoymvpd] .utilization-bal {
    border-radius: 1000px;
    background: #1AAB50;
    padding: 2px 5px;
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-left: 4px;
    width: 40px;
    text-align: center;
}
[b-eyxmoymvpd] .text-gray {
    color:#6D7081;
    font-size: 12px;
    font-weight: 400;
    margin:0 2px 0 2px;
}
[b-eyxmoymvpd] .balanced, [b-eyxmoymvpd] .over-utilized, [b-eyxmoymvpd] .under-utilized {
    border-radius: 10000px !important;
    padding: 3px 8px;
    border-radius: 5px;
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    width: max-content;
}
[b-eyxmoymvpd] .balanced {
    background: rgba(26, 171, 80, 0.25);
}
[b-eyxmoymvpd] .over-utilized {
    background: rgba(241, 117, 26, 0.20);
}
[b-eyxmoymvpd] .under-utilized {
    background: rgba(204, 43, 72, 0.25);
}
[b-eyxmoymvpd] .epm-badge-user {
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 200px;
    height: 26px;
    width: 26px;
    min-width: 26px;
    text-transform: uppercase;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
    margin-right: -8px;
    border: 1px solid #FFF;
}
[b-eyxmoymvpd] .epm-badge-user.count {
    background: #ECEEF1;
    color:#15171C;
}

/* Tab */
[b-eyxmoymvpd] .epm-tab-view.e-tab .e-tab-header {
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 10;
    width: auto !important;
}
[b-eyxmoymvpd] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, [b-eyxmoymvpd] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    border: 0;
    background: #FFF;
}
[b-eyxmoymvpd] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    background: transparent;
}
[b-eyxmoymvpd] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, 
[b-eyxmoymvpd] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text {
    color: #000;
}
[b-eyxmoymvpd] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item.e-ileft .e-tab-text {
    color: #6D7081;
}
[b-eyxmoymvpd] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item.e-active .tab-icon,
[b-eyxmoymvpd] .epm-tab-view.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .tab-icon {
    filter: none;
}
[b-eyxmoymvpd] .se-grid-header-wrap .grid-title {
    display: none;
}
[b-eyxmoymvpd] .se-switch.e-switch-wrapper .e-switch-on {
    background-color: #EBECEF !important;
}

/* Badge */
[b-eyxmoymvpd] .productive-badge, [b-eyxmoymvpd] .unproductive-badge, [b-eyxmoymvpd] .away-badge, [b-eyxmoymvpd] .unclassifed-badge, [b-eyxmoymvpd] .idle-badge, [b-eyxmoymvpd] .idle-badge.dark, [b-eyxmoymvpd] .unlicence-badge {
    display: inline-block;
}

/* Grid */
[b-eyxmoymvpd] .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
[b-eyxmoymvpd] .se-filter-btn {
    background: #F5F6F8;
    margin-right: 12px;
}
[b-eyxmoymvpd] .se-grid-search .se-input.e-input-group.e-control-wrapper, [b-eyxmoymvpd] .se-grid-search .se-input.e-input-group.e-control-wrapper.e-input-focus,
[b-eyxmoymvpd] .se-grid-search {
    background: #F5F6F8;
}
[b-eyxmoymvpd] .epm-grid .epm-common-grid .e-pager .e-input-group.e-control-wrapper, [b-eyxmoymvpd] .custom-pagination, 
[b-eyxmoymvpd] .epm-grid .epm-common-grid .e-pager .e-numericcontainer {
    background: #F5F6F8;
}
[b-eyxmoymvpd] .epm-grid .e-grid .e-pager {
    padding-inline: 12px;
}

@media screen and (max-width: 1600px) {
    [b-eyxmoymvpd] .epm-employee-grid-wrap {
        padding: 10px 15px 10px;
    }
    [b-eyxmoymvpd] .epm-employee-title-wrap {
        margin-bottom: 8px;
    }
    [b-eyxmoymvpd] .epm-employee-title-wrap .title {
        font-size: 20px;
    }
    [b-eyxmoymvpd] .epm-grid-custom-toolbar-search {
        width: auto;
    }
    [b-eyxmoymvpd] .epm-grid-img-text-wrap .app-title {
        font-size: 11px;
    }
    [b-eyxmoymvpd] .epm-filter-btn {
        font-size: 11px;
        padding: 2px 4px 2px 24px;
    }
    [b-eyxmoymvpd] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        min-width: 105px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1300px) {
    [b-eyxmoymvpd] .epm-grid-custom-toolbar.e-toolbar .e-input-group.e-control-wrapper.epm-datepicker {
        width: 120px !important;
        padding-left: 10px;
    }
}
@media screen and (max-width: 1200px) {
    [b-eyxmoymvpd] .epm-grid-custom-toolbar-filter-wrap {
        text-align: center;
        justify-content: center;
    }
}
[b-eyxmoymvpd] .emp-action{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
[b-eyxmoymvpd] .emp-action img{
    cursor: pointer;
}
[b-eyxmoymvpd] .se-emp-common-loader {
    height: 70vh;
}
/* /Pages/NavMobile/MobileApproval.razor.rz.scp.css */
.epm-settings-main[b-3x5y0km2bw] {
    padding: 20px;
    position: relative;
}
/**Tool Bar CSS Start**/
[b-3x5y0km2bw] .epm-toolbar-main {
    margin-bottom: 10px;
    width: 100%;
}

[b-3x5y0km2bw] .epm-toolbar-right-two {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-3x5y0km2bw] .epm-approved-count {
    background: #fff;
    border-radius: 12px;
    border: 1px solid var(--New-Theme-Stroke-Stroke, #ECEDEF);
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
    [b-3x5y0km2bw] .epm-approved-count.active {
        border-radius: 12px;
        border: 1px solid #15171C;
        background: #F2F3F6 !important;
    }

    [b-3x5y0km2bw] .epm-approved-count img {
        width: 20px;
        height: 20px;
    }

/*::deep .approved.active {
    border-color: #1AAB50;
}
*/
/*::deep .pending {
    background: rgba(241, 117, 26, 0.12) !important;
    border: 1px solid rgba(241, 117, 26, 0.12);
}*/

/*    ::deep .pending.active {
        border-color: #F1751A;
    }*/

/*::deep .rejected {
    background: rgba(204, 43, 72, 0.12) !important;
    border: 1px solid rgba(204, 43, 72, 0.12);
}*/

/*    ::deep .rejected.active {
        border-color: #CC2B48;
    }*/

[b-3x5y0km2bw] .epm-approved-count p {
    color: #15171C;
    font-size: 16px;
    font-weight: 700;
}

[b-3x5y0km2bw] .epm-grid .e-grid .e-toolbar {
    border-top: 0;
    position: inherit;
    top: inherit;
    right: inherit;
    z-index: 9;
    min-height: 55px;
}

[b-3x5y0km2bw] .date-picker-label {
    display: none !important;
}

[b-3x5y0km2bw] .epm-filter-btn {
    color: var(--text-primary);
    border-radius: 100px;
    border: none;
    background: #f5f6f8;
    font-weight: 500;
    font-size: 14px;
    padding: 4px 4px 4px 24px;
}

    [b-3x5y0km2bw] .epm-filter-btn span {
        background: #fff;
        padding: 8px;
        border-radius: 50%;
        display: inline-block;
        margin-left: 10px;
    }

[b-3x5y0km2bw] .epm-reimb-count {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-3x5y0km2bw] .export-btn-grey {
    border-radius: 100px;
    background: #F5F6F8;
    padding: 2px 8px 2px 16px;
    color: #151720;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    border: none;
}
/**Tool Bar CSS End**/

/**Grid Custom CSS Start**/

[b-3x5y0km2bw] .e-grid .e-icon-grightarrow::before, [b-3x5y0km2bw] .e-grid-menu .e-icon-grightarrow::before,
[b-3x5y0km2bw] .e-grid .e-icon-gdownarrow::before, [b-3x5y0km2bw] .e-grid-menu .e-icon-gdownarrow::before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background-position: center;
}

[b-3x5y0km2bw] .e-grid .e-icon-grightarrow::before, [b-3x5y0km2bw] .e-grid-menu .e-icon-grightarrow::before {
    background: url(/images/Icons/down-detail-icon.svg) no-repeat;
}

[b-3x5y0km2bw] .e-grid .e-icon-gdownarrow::before, [b-3x5y0km2bw] .e-grid-menu .e-icon-gdownarrow::before {
    background: url(/images/Icons/up-detail-icon.svg) no-repeat;
}

[b-3x5y0km2bw] .epm-grid .e-grid .e-content {
    min-height: 65vh;
    height: 65vh;
}
/**Grid Custom CSS End**/

/**User Badge Custom Css Start**/
[b-3x5y0km2bw] .epm-user-badge {
    height: 28px;
    width: 28px;
    min-width: 28px;
    padding: 7px 0;
    line-height: normal;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.026px;
    border-radius: 32px;
    background: linear-gradient(322deg, rgba(70, 65, 90, 0.64) -23.87%, rgba(203, 194, 218, 0.64) 157.34%), #FFF;
}

[b-3x5y0km2bw] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}

    [b-3x5y0km2bw] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap {
        display: flex;
        margin-bottom: 2px;
    }

        [b-3x5y0km2bw] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .title {
            color: #15171C;
            font-size: 13px;
            font-weight: 600;
            max-width: 11vw;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        [b-3x5y0km2bw] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .info {
            color: #6D7081;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: -0.042px;
            padding-right: 4px;
        }

/**User Badge Custom Css End**/

/**Grid Column Text Css Start**/
[b-3x5y0km2bw] .epm-grid-heading {
    color: var(--text-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.038px;
}

[b-3x5y0km2bw] .epm-grid-sub-heading {
    color: #6D7081;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.038px;
}
/**Grid Column Text Css End**/

/**Travel Grid CSS Start**/
[b-3x5y0km2bw] .epm-grid .epm-travel-grid.e-grid .e-detailindentcell {
    border-left: 1px solid #E7E9F5 !important;
    border-bottom: 1px solid #E7E9F5 !important;
    border-bottom-left-radius: 24px !important;
}

[b-3x5y0km2bw] .epm-grid .epm-travel-grid.e-grid .e-detailrowcollapse {
    text-align: -webkit-right;
}

[b-3x5y0km2bw] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-top: 1px solid #E7E9F5 !important;
    border-left: 1px solid #E7E9F5 !important;
    border-bottom: 1px solid #E7E9F5 !important;
    border-top-left-radius: 24px !important;
    text-align: -webkit-right;
}

[b-3x5y0km2bw] .epm-grid .epm-travel-grid.e-grid e-detailrowcollapse {
    border-top: 1px solid #E7E9F5 !important;
}

[b-3x5y0km2bw] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-radius: 0;
}

[b-3x5y0km2bw] .epm-travel-grid.e-grid:not(.e-row-responsive,.e-left-shadow,.e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
    border-top: 1px solid #E7E9F5 !important;
}

.deep .epm-travel-grid.e-grid:not(.e-row-responsive):not(.e-left-shadow):not(.e-right-shadow)
.e-gridcontent tr.e-row.e-expanded .e-rowcell:last-child[b-3x5y0km2bw] {
    border-right: 1px solid #E7E9F5 !important;
}

[b-3x5y0km2bw] .epm-travel-grid.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border,.e-fixedfreeze.e-freezeleftborder) {
    border-top: 1px solid #E7E9F5 !important;
}

[b-3x5y0km2bw] .epm-grid .epm-travel-grid.e-grid .e-content .e-row:last-child .e-rowcell {
    border-bottom: 1px solid #E7E9F5 !important;
}
/**Travel Grid CSS End**/

/**Child Grid CSS Start**/
/*::deep .epm-child-table {
    border: 1px solid #E7E9F5 !important;
    border-radius: 20px;
    margin-bottom: 25px;
    margin-top: 24px;
    margin-right: 10px;
}
::deep .epm-grid .epm-child-table.e-grid .e-content {
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
}
::deep .epm-grid .epm-child-table.e-grid .e-gridcontent {
    margin-top: 0 !important;
}
::deep .epm-grid .epm-child-table.e-grid .e-headercell {
    border-bottom: 1px solid #E7E9F5;
    border-right: 1px solid #E7E9F5;
    background: rgba(245, 246, 248, 0.50);
}
::deep .epm-grid .epm-child-table.e-grid .e-gridheader {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
::deep .epm-grid .epm-child-table.e-grid .e-detailrowexpand {
    border-top: 0 !important;
}
::deep .epm-grid .epm-child-table.e-grid .e-rowcell {
    border-right: 1px solid #E7E9F5;
    overflow: visible;
}*/
/**Child Grid CSS End**/

/* Tab icon */
.epm-tabs.e-tab .e-tab-header .e-toolbar-item.e-active svg[b-3x5y0km2bw], .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover svg[b-3x5y0km2bw] {
    filter: brightness(0) invert(1);
}
.se-h-40[b-3x5y0km2bw] {
    height: 40vh;
}

@media screen and (min-width: 1600px) {
    [b-3x5y0km2bw] .epm-toolbar-main {
        margin-top: 15px;
    }
}

@media screen and (max-width:1680px) and (min-width:1280px) {
    [b-3x5y0km2bw] .se-rangepicker.e-input-group {
        width: 187px !important;
    }

    [b-3x5y0km2bw] .epm-toolbar-main {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1400px) {
    [b-3x5y0km2bw] .epm-reimb-count, [b-3x5y0km2bw] .epm-approved-count {
        width: 100%;
    }

    [b-3x5y0km2bw] .epm-toolbar-main {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1279px) {
    [b-3x5y0km2bw] .epm-count-filter {
        display: block;
    }
}

@media screen and (max-width: 1200px) {
    [b-3x5y0km2bw] .epm-toolbar-main {
        display: block;
    }
}
/* /Pages/NavMobile/MobileAttendance.razor.rz.scp.css */
.se-mainpage[b-4gmkywj0vk] {
    padding: 15px 25px;
}

[b-4gmkywj0vk] .epm-tracker-wrap {
    padding: 12px 16px;
    border-radius: 24px;
    background: var(--tracker-bg);
    position: relative;
    margin-top: 10px;
}

[b-4gmkywj0vk] .epm-tracker-wrap .epm-grid .e-grid .e-headercell:first-child {
    background: var(--tab-bg);
    border: 0 !important;
}

[b-4gmkywj0vk] .epm-tracker-wrap .epm-grid .e-grid .e-rowcell:first-child {
    background: var(--track-name-bg);
    border: 0;
    border-bottom: 1px solid var(--border-secondary) !important;
    border-right: 0;
    padding-left: 15px !important;
    z-index: 999;
}

[b-4gmkywj0vk] .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: transparent;
}

[b-4gmkywj0vk] .se-grid-header-wrap .grid-title {
    font-size: 18px;
}

[b-4gmkywj0vk] .epm-tracker-info-wrap {
    text-align: center;
    padding: 10px 0 4px;
}

[b-4gmkywj0vk] .epm-tracker-info-list-item {
    display: inline-block;
    color: var(--grid-title);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

[b-4gmkywj0vk] .epm-tracker-info-list-item img {
    width: 12px;
    margin-right: 6px;
}

[b-4gmkywj0vk] .epm-tracker-info-list {
    gap: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

[b-4gmkywj0vk] .epm-tabs.e-tab .e-tab-header .e-toolbar-item.e-active svg,
[b-4gmkywj0vk] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover svg {
    filter: brightness(0) invert(1);
}

[b-4gmkywj0vk] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    :: deep .epm-tracker-wrap .epm-grid .e-grid .e-leftfreeze[b-4gmkywj0vk] {
        position: unset !important;
        box-shadow: none;
    }
}

/* /Pages/NavMobile/MobileTrips.razor.rz.scp.css */
.se-mainpage[b-pkx7sp2t72] {
    padding: 12px 25px;
}
[b-pkx7sp2t72] .epm-tracker-wrap {
    padding: 12px 16px;
    border-radius: 24px;
    background: var(--tracker-bg);
    position: relative;
    margin-top: 10px;
}
[b-pkx7sp2t72] .epm-tracker-wrap .epm-grid .e-grid .e-headercell:first-child {
    background: var(--tab-bg);
    border: 0 !important;
}
[b-pkx7sp2t72] .epm-tracker-wrap .epm-grid .e-grid .e-rowcell:first-child {
    background: var(--track-name-bg) !important;
    border: 0;
    border-bottom: 1px solid var(--border-secondary) !important;
    border-right: 0;
    padding-left: 15px !important;
    z-index: 999;
}
[b-pkx7sp2t72] .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: transparent;
}
[b-pkx7sp2t72] .se-grid-search {
    width: max-content;
}

@media screen and (max-width: 1200px) {
    [b-pkx7sp2t72] .epm-tracker-wrap .epm-grid .e-grid .e-leftfreeze {
        position: unset !important;
        box-shadow: none;
    }
}

/* /Pages/Settings/AlertsComponent/EndpointUserAlerts.razor.rz.scp.css */

/* alerts page right layout */
.page-right-layout[b-k7axv3lskw]{
    margin-left: 85px;
}
/* red badge */
.round-badge[b-k7axv3lskw] {
    background-color: var(--badge-red-round);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bg-white);
    margin-left: 6px;
    font-size: 11px;
    font-weight: 500;
    height: 20px;
    min-width: 20px;
    padding: 0 6px;
    box-sizing: border-box;
    text-align: center;
}
[b-k7axv3lskw] .epm-tabs.e-tab .e-tab-header .e-toolbar-item.e-active svg, [b-k7axv3lskw] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover svg {
    filter: brightness(0) invert(1);
}
[b-k7axv3lskw] .epm-settings-tab.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .epm-tab-nonactive,
[b-k7axv3lskw] .epm-settings-tab.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .epm-tab-active {
    display: block;
}
[b-k7axv3lskw] .epm-settings-tab.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .epm-tab-nonactive, [b-k7axv3lskw] .epm-tab-active {
    display: none;
}
[b-k7axv3lskw] .epm-settings-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    background: transparent !important;
}
[b-k7axv3lskw] .epm-settings-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: var(--tab-header) !important;
}
[b-k7axv3lskw] .epm-tabs.se-alert-tab.e-tab .e-tab-header .e-toolbar-items {
    background-color: var(--tab-bg2);
}
[b-k7axv3lskw] .epm-tabs.se-alert-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: var(--text-dark) !important;
}
[b-k7axv3lskw] .epm-tabs.se-alert-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    background: #FFF !important;
}
/*::deep .epm-tabs.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
::deep .epm-tabs.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
::deep .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
    padding: 9px 20px !important;
    height: auto !important;
}
*/
@media screen and (max-width: 1680px) {
    .page-right-layout[b-k7axv3lskw] {
        margin-left: 92px;
    }
}
@media screen and (max-width: 1400px){
    .page-right-layout[b-k7axv3lskw] {
        margin-left: 74px;
    }
    [b-k7axv3lskw] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-text-wrap, 
    [b-k7axv3lskw] .epm-employee-title-wrap .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
        height: 15px !important;
    }
}
/* /Pages/Settings/Organisation.razor.rz.scp.css */
.epm-settings-main[b-jp5gyqrr4s] {
    padding: 24px 32px;
}
/* Content */
.epm-org-settings-bg[b-jp5gyqrr4s] {
    padding: 16px;
    border-radius: 40px;
    background: var(--tab-bg2);
}
.epm-org-setting-list-item[b-jp5gyqrr4s] {
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 24px;
    background: var(--settings-bg);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
}
.epm-org-setting-list-item:hover[b-jp5gyqrr4s] {
    background: #FFF url(/images/Settings/settings-card-bg.svg) no-repeat right / contain;
}
.epm-org-settings-card[b-jp5gyqrr4s]:after {
    content: '';
    height: 24px;
    width: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -5px;
    background: url(/images/Icons/dropdown.svg) no-repeat;
}
.epm-org-settings-card h3[b-jp5gyqrr4s] {
    color: var(--text-dark);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 16px;
}
.epm-org-settings-card p[b-jp5gyqrr4s] {
    color: var(--popup-info);
    font-size: 14px;
    font-weight: 400;
}

@media screen and (max-width: 1600px) {
    .epm-org-settings-card[b-jp5gyqrr4s] {
        padding: 12px;
    }
    .epm-org-settings-card h3[b-jp5gyqrr4s] {
        font-size: 12px;
        margin-top: 12px;
    }
    .epm-org-settings-card p[b-jp5gyqrr4s] {
        font-size: 11px;
    }
    .epm-org-setting-list-item[b-jp5gyqrr4s] {
        padding: 0 10px;
        margin-bottom: 20px;
    }
}
/* /Pages/Settings/OrganisationComponent/Employee.razor.rz.scp.css */
.epm-settings-main[b-3pp7osalzh] {
    padding: 20px;
}
/* /Pages/Settings/PolicyMain.razor.rz.scp.css */
.epm-settings-main[b-e3lycb4743] {
    padding: 20px 20px 0 20px;
}
[b-e3lycb4743] .e-tab .e-content .e-item {
    background: var(--bg-primary);
    border-radius: 0px 0px 24px 24px;
}
/* /Pages/SettingsView.razor.rz.scp.css */
.epm-settings-main[b-vnkzvdshzu]{
    padding:20px;
}
.epm-page-title[b-vnkzvdshzu] {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 28px 0 0 32px;
    margin-bottom: 0;
}
.epm-settings-bg[b-vnkzvdshzu] {
    background: var(--tab-bg2);
    height: auto;
    border-radius: 40px;
    padding: 24px;
    margin: 0 0 20px;
}
.epm-sett-card-title[b-vnkzvdshzu] {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 16px;
}
.epm-settings-card[b-vnkzvdshzu] {
    border-radius: 24px;
    text-decoration: none;
    background: var(--settings-bg);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
    padding: 15px 24px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    margin-bottom: 24px;
    cursor: pointer;
}
.epm-setting-list[b-vnkzvdshzu] {
    display: flex;
    margin: 0 -11px 0 -11px;
    flex-wrap: wrap;
}
.epm-setting-list-item[b-vnkzvdshzu] {
    width: 25%;
    flex: 0 0 auto;
    padding: 0 11px 0 11px;
}
.epm-setting-list-item:last-child .epm-settings-card[b-vnkzvdshzu] {
    margin-bottom: 0;
}
.epm-settings-card:hover[b-vnkzvdshzu] {
    background: url(/images/Settings/settings-card-bg.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-color: var(--bg-white);
}
.epm-settings-card h3[b-vnkzvdshzu] {
    color: var(--text-dark);
    font-size: 16px;
    font-weight: 600;
}
.epm-settings-card p[b-vnkzvdshzu] {
    color: var(--popup-info);
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    padding-top: 8px;
}
.epm-settings-icons img[b-vnkzvdshzu]{
    position:relative;
    z-index:1;
}
.setting-bg[b-vnkzvdshzu] {
    position: absolute;
    right: -75px;
}
.setting-bg img[b-vnkzvdshzu]{
    max-width:75%;
}
@media screen and (max-width: 1600px) {
    .epm-settings-main[b-vnkzvdshzu] {
        padding: 20px 10px;
    }
    .epm-settings-bg[b-vnkzvdshzu] {
        padding: 20px;
    }
    .epm-settings-card[b-vnkzvdshzu] {
        padding: 12px;
    }
    .epm-settings-card h3[b-vnkzvdshzu] {
        font-size: 12px;
    }
    .epm-settings-card p[b-vnkzvdshzu] {
        font-size: 10px;
    }
    .epm-settings-icons img[b-vnkzvdshzu] {
        width: 70px;
    }
    .epm-settings-card[b-vnkzvdshzu] {
        margin-bottom: 20px;
    }
    .epm-setting-list-item[b-vnkzvdshzu] {
        padding: 0 5px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .epm-setting-list-item[b-vnkzvdshzu] {
        width: 33.3%;
    }
}
@media screen and (min-width: 768px) and (max-width: 990px) {
    .epm-setting-list-item[b-vnkzvdshzu] {
        width: 50%;
    }
}
/* /Pages/SignUp.razor.rz.scp.css */
.epm-signup-wrap[b-fnlrm2hsa9] {
    padding: 20px;
    overflow-x: hidden;
    background-color: var(--bg-grey);
}

.epm-stepper-box[b-fnlrm2hsa9] {
    border-radius: 24px;
    background-color: #FFF;
    position: relative;
    box-shadow: 12px 0px 40px 0px rgba(128, 103, 220, 0.04);
    height: 100%;
    padding: 50px 30px;
    overflow-y: auto;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: space-between;
}

.epm-signup-steps[b-fnlrm2hsa9] {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 12px 0px 40px 0px rgba(128, 103, 220, 0.04);
    position: relative;
    height: calc(100vh - 40px);
}

.stepper-bg[b-fnlrm2hsa9] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    border-radius: 0 0 24px 24px;
}
.vertical-stepper[b-fnlrm2hsa9], .epm-stepper[b-fnlrm2hsa9] {
    position: relative;
    z-index: 2;
}

.nav-link[b-fnlrm2hsa9] {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-radius: 0;
    color: #495057;
    position: relative;
    z-index: 9;
    margin-top: 25px;
}

.nav-link.active[b-fnlrm2hsa9] {
    color: #007bff;
}

.nav-link.active .step-icon[b-fnlrm2hsa9] {
    background-color: #8067DC;
}

.step-icon[b-fnlrm2hsa9] {
    width: 40px;
    height: 40px;
    display: flex;
    /*padding: 10px;*/
    align-items: center;
    justify-content: center;
    background-color: #F5F6F8;
    color: #fff;
    border-radius: 50%;
    margin-right: 12px;
    z-index: 999999;
    flex: none;
}

.step-icon img[b-fnlrm2hsa9]{
    width: 15px;
    height: 17px;
}

.nav-link.active .step-title[b-fnlrm2hsa9] {
    color: #15171C;
    font-size: 14px;
    font-weight: 600;
}

.nav-link.active .step-desc[b-fnlrm2hsa9] {
    color: #6D7081;
    font-size: 12px;
    font-weight: 400;
    padding-top: 5px;
}
.nav-link.active .step-icon img[b-fnlrm2hsa9]{
    filter: brightness(0) invert(1);
}
@media(max-width: 1600px) {
    .nav-link.active .step-desc[b-fnlrm2hsa9]{
        font-size: 11px;
    }
}
.step-title[b-fnlrm2hsa9] {
    color: #6D7081;
    font-size: 14px;
    font-weight: 600;
}
.step-desc[b-fnlrm2hsa9]{
    color: #B4B6BF;
    font-size: 12px;
    font-weight: 400;
    padding-top: 5px;
}
.step-connector[b-fnlrm2hsa9] {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 2px;
    height: 90%;
    background-color: #E1DBF7;
    transform: translateX(-50%);
    z-index: 1;
}

.epm-check-tick[b-fnlrm2hsa9] {
    display: none;
    flex: 1;
    text-align: end;
}

.nav-link.active .epm-check-tick[b-fnlrm2hsa9] {
    display: block;
}

.nav-item:not(:last-child) .step-connector[b-fnlrm2hsa9] {
    border-right: 2px solid grey;
}


.nav-item-disabled[b-fnlrm2hsa9]{
    pointer-events:none;
    cursor:not-allowed;
}

.nav-item-enabled[b-fnlrm2hsa9] {
    pointer-events: auto;
}
.end-content[b-fnlrm2hsa9]{
    position:absolute;
    bottom:5%;
}
.end-content p[b-fnlrm2hsa9] {
    color:#6D7081;
    font-size: 14px;
    font-weight: 600;
}
.end-content a[b-fnlrm2hsa9] {
    color: #15171C;
    font-size: 14px;
    font-weight: 600;
    text-decoration-line: underline;
    padding-left:10px;
}
.already-login[b-fnlrm2hsa9] {
    color: #6D7081;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    z-index: 2;
}
.already-login a[b-fnlrm2hsa9] {
    color: #15171C!important;
    font-size: 16px;
    font-weight: 600;
    text-decoration-line: underline;
}
@media(max-width:1680px) and (min-width:1280px){
    [b-fnlrm2hsa9] .epm-stepper-box {
        padding: 10px 20px 30px;
    }
}
@media screen and (max-width: 1600px){
    .epm-stepper[b-fnlrm2hsa9]{
        margin-top: 1rem;
    }
    .nav-link[b-fnlrm2hsa9]{
        margin-top: 10px;
    }
}
@media screen and (max-width: 1400px){
    .nav-link[b-fnlrm2hsa9] {
        margin-top: 5px;
    }
    .step-icon img[b-fnlrm2hsa9] {
        width: 12px;
        height: 12px;
    }
    .step-icon[b-fnlrm2hsa9] {
        width: 30px;
        height: 30px;
    }
    .nav-link.active .step-label .step-title[b-fnlrm2hsa9], .step-label .step-title[b-fnlrm2hsa9] {
        font-size: 12px;
    }
    .nav-link.active .step-label .step-desc[b-fnlrm2hsa9], .step-label .step-desc[b-fnlrm2hsa9] {
        font-size: 9px;
    }
    .step-connector[b-fnlrm2hsa9]{
        left: 15px;
    }
    .already-login[b-fnlrm2hsa9], .already-login a[b-fnlrm2hsa9]{
        font-size: 12px;
    }
    .nav-link[b-fnlrm2hsa9]{
        align-items: start;
    }
}
@media screen and (max-width: 1280px){
    [b-fnlrm2hsa9] .epm-stepper-box {
        padding: 10px 15px;
    }
    .nav-link.active .step-title[b-fnlrm2hsa9]{
        font-size: 11px;
    }
    [b-fnlrm2hsa9] .form-group label, .nav-link.active .step-desc[b-fnlrm2hsa9] {
        font-size: 10px;
    }

}
@media screen and (max-width: 1200px) {
    .se-logo[b-fnlrm2hsa9]{
        width: 70px;
    }
    .already-login[b-fnlrm2hsa9], .already-login a[b-fnlrm2hsa9], .nav-link.active .step-title[b-fnlrm2hsa9], .step-title[b-fnlrm2hsa9] {
        font-size: 9px;
    }
    .nav-link[b-fnlrm2hsa9] {
        margin-top: 5px;
        padding: 5px 0;
    }
    .step-icon[b-fnlrm2hsa9] {
        margin-right: 6px;
        width: 25px;
        height: 25px;
    }
    .nav-link.active .step-desc[b-fnlrm2hsa9], .step-desc[b-fnlrm2hsa9] {
        font-size: 8px;
    }
    .step-connector[b-fnlrm2hsa9] {
        left: 12px;
    }
    .step-connector[b-fnlrm2hsa9]{
        height: 85%;
    }

    /* Sign up page responsive */
    [b-fnlrm2hsa9] .epm-signup-warp img{
        width: 35px;
        height: 35px;
    }
    [b-fnlrm2hsa9] .epm-signup-warp {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    [b-fnlrm2hsa9] .epm-signup-content {
        margin-left: 10px;
    }
    [b-fnlrm2hsa9] .epm-signup-content h6 {
        font-size: 16px;
    }
    [b-fnlrm2hsa9] .epm-signup-content p, [b-fnlrm2hsa9] .terms-text{
        font-size: 10px;
    }
}
@media screen and (max-width: 1023px){
    .se-tab-none[b-fnlrm2hsa9]{
        display: none;
    }
    .epm-signup-wrap[b-fnlrm2hsa9] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
    }
    .epm-signup-steps[b-fnlrm2hsa9] {
        height: 100%;
    }
    [b-fnlrm2hsa9] .epm-signup-steps-wrap {
        position: unset;
        transform: none;
        padding: 20px;
    }
}
/* /Pages/TestServerGrid.razor.rz.scp.css */
.epm-settings-main[b-r8ouolfr9k] {
    padding: 20px;
}
[b-r8ouolfr9k] .epm-employee-grid-wrap {
    border-radius: 40px;
    background: var(--bg-primary);
    margin-top: 16px;
    padding: 12px 24px 12px;
}

[b-r8ouolfr9k] .epm-employee-title-wrap {
    text-align: left;
}

    [b-r8ouolfr9k] .epm-employee-title-wrap .title {
        color: var(--text-primary);
        font-family: Inter;
        font-size: 24px;
        font-weight: 700;
        margin-right: 24px;
        vertical-align: middle;
        display: inline-block;
    }

/* Custom Toolbar */
[b-r8ouolfr9k] .epm-grid-custom-toolbar {
    position: unset !important;
    min-height: auto !important;
    text-align: center;
    margin-bottom: 12px;
}

    [b-r8ouolfr9k] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items {
        width: 100%;
        z-index: 9;
        position: relative;
        background: transparent;
    }

        [b-r8ouolfr9k] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item {
            padding: 0;
            cursor: auto;
            width: 100%;
            margin: 0 !important;
            display: block;
        }

            [b-r8ouolfr9k] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .row {
                width: 100% !important;
            }

                [b-r8ouolfr9k] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .row > * {
                    text-overflow: unset;
                }

.epm-filter-btn[b-r8ouolfr9k] {
    color: var(--text-primary);
    border-radius: 100px;
    border: none;
    background: var(--grid-search);
    font-weight: 500;
    font-size: 14px;
    padding: 4px 4px 4px 24px;
}

    .epm-filter-btn span[b-r8ouolfr9k] {
        background: var(--bg-primary);
        padding: 8px;
        border-radius: 50%;
        display: inline-block;
        margin-left: 10px;
    }
[b-r8ouolfr9k] .epm-grid .e-grid .e-pager .e-icons:not(.e-btn-icon) {
    border-right: 0;
    border-radius: 31px;
    background: #F3F4F6;
    padding: 8px;
    margin-right: 8px;
    border: 8px solid #FFF;
    vertical-align: middle;
}

[b-r8ouolfr9k] .epm-grid .e-pager .e-icon-prev::before, [b-r8ouolfr9k] .epm-grid .e-pager .e-icon-first::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(/images/Icons/arrow-left.svg) no-repeat;
}

[b-r8ouolfr9k] .epm-grid .e-pager .e-icon-first::before {
    background: url(/images/Icons/arrow-two-left.svg) no-repeat;
}

[b-r8ouolfr9k] .epm-grid .e-pager .e-icon-next::before, [b-r8ouolfr9k] .epm-grid .e-pager .e-icon-last::before {
    content: '';
    width: 24px;
    height: 24px;
    transform: rotate(180deg);
    background: url(/images/Icons/arrow-left.svg) no-repeat;
}

[b-r8ouolfr9k] .epm-grid .e-pager .e-icon-last::before {
    background: url(/images/Icons/arrow-two-left.svg) no-repeat;
}

[b-r8ouolfr9k] .epm-grid .e-pager .e-numericcontainer {
    border-radius: 65px;
    background: var(--grid-search);
    display: inline-block;
    padding: 8px;
    margin-right: 8px;
    vertical-align: middle;
}

[b-r8ouolfr9k] .epm-grid .e-pager .e-numericitem {
    color: #6D7081;
    font-family: Inter;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    padding: 12px !important;
    border-radius: 54px;
    border: 0;
    height: 40px;
    width: 40px;
    margin-right: 2px;
    background: var(--grid-search);
}

    [b-r8ouolfr9k] .epm-grid .e-pager .e-currentitem, [b-r8ouolfr9k] .epm-grid .e-pager .e-currentitem:hover, [b-r8ouolfr9k] .epm-grid .e-pager .e-numericitem:hover {
        color: var(--grid-search);
        border-radius: 54px;
        background: var(--text-primary);
    }

[b-r8ouolfr9k] .epm-grid .e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
    background-color: var(--text-primary);
}

[b-r8ouolfr9k] .epm-grid .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background: var(--grid-body-bg);
    color: var(--grid-text);
}

[b-r8ouolfr9k] .e-pagerdropdown, [b-r8ouolfr9k] .e-pagerconstant {
    display: none;
}
/* Datepicker */
[b-r8ouolfr9k] .epm-grid-custom-toolbar-filter-wrap {
    text-align: right;
    display: flex;
    gap: 16px;
    justify-content: end;
    align-items: center;
}

[b-r8ouolfr9k] .epm-grid .e-grid .e-rowcell {
    padding-top: 16px;
    padding-bottom: 16px;
}
/* Popup */
.epm-form-popup-content-wrap[b-r8ouolfr9k] {
    padding: 16px;
    overflow: auto;
}

.epm-form-popup-title[b-r8ouolfr9k] {
    color: var(--text-primary);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 36px;
}

[b-r8ouolfr9k] .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: transparent !important;
}

@media screen and (max-width: 1600px) {
    [b-r8ouolfr9k] .epm-employee-grid-wrap {
        width: 100%;
        padding: 12px;
    }

    .epm-employee-title-wrap .title[b-r8ouolfr9k] {
        font-size: 20px;
    }

    .epm-form-popup-title[b-r8ouolfr9k] {
        font-size: 20px;
        margin-bottom: 16px;
    }

    [b-r8ouolfr9k] .epm-grid .e-grid .e-rowcell {
        padding-top: 13px;
        padding-bottom: 13px;
    }
}

@media screen and (max-width: 991px) {
    .epm-grid-custom-toolbar-filter-wrap[b-r8ouolfr9k] {
        margin-top: 10px;
    }
}

[b-r8ouolfr9k] .epm-filter-btn {
    color: var(--text-primary);
    border-radius: 100px;
    border: none;
    background: var(--grid-search);
    font-weight: 500;
    font-size: 14px;
    padding: 4px 24px 4px 4px;
}

    [b-r8ouolfr9k] .epm-filter-btn span {
        background: var(--bg-primary);
        padding: 8px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
    }
    .title[b-r8ouolfr9k] {
        font-size: 24px;
        font-weight: 700;
    }
.dropdown-hidden[b-r8ouolfr9k] {
    display: none;
}

.dropdown-visible[b-r8ouolfr9k] {
    display: block;
}
[b-r8ouolfr9k] .epm-btn-primary {
    padding: 8px 16px!important;
    min-width: auto!important;
    border-radius: 49px;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    background: #8067DC;
    border: 1px solid #8067DC;
    transition: 0.5s;
    box-shadow: 0px 8px 16px 0px rgba(128, 103, 220, 0.16);
}
[b-r8ouolfr9k] .e-pager .e-pagerexternalmsg{
    display:none;
}
/* /Pages/TimeTracker.razor.rz.scp.css */
.se-mainpage[b-yeha7zvtbv] {
    padding: 15px 25px;
}
[b-yeha7zvtbv] .epm-tracker-wrap {
    padding: 12px 16px;
    border-radius: 24px;
    background: var(--tracker-bg);
    position: relative;
    margin-top: 10px;
}
[b-yeha7zvtbv] .epm-tracker-wrap .epm-grid .e-grid .e-headercell:first-child {
    background: var(--tab-bg);
    border: 0 !important;
}
[b-yeha7zvtbv] .epm-tracker-wrap .epm-grid .e-grid .e-rowcell:first-child {
    background: var(--track-name-bg) !important;
    border: 0;
    border-bottom: 1px solid var(--border-secondary) !important;
    border-right: 0;
    padding-left: 15px !important;
    z-index:999;
}
[b-yeha7zvtbv] .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: transparent;
}

/*search input*/
[b-yeha7zvtbv] .se-grid-search {
    width: max-content;
}

/*Grid title*/
[b-yeha7zvtbv] .se-grid-header-wrap .grid-title {
    font-size: 18px;
}

/* Tracker Info */
[b-yeha7zvtbv] .epm-tracker-info-wrap {
    text-align: center;
    padding: 10px 0 4px;
}
[b-yeha7zvtbv] .epm-tracker-info-list-item {
    display: inline-block;
    color: var(--grid-title);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
[b-yeha7zvtbv] .epm-tracker-info-list-item img {
    width: 12px;
    margin-right: 6px;
}
[b-yeha7zvtbv] .epm-tracker-info-list {
    gap: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    [b-yeha7zvtbv] .epm-tracker-wrap .epm-grid .e-grid .e-leftfreeze {
        position: unset !important;
        box-shadow: none;
    }
}
/* /Pages/UsageAnalytics.razor.rz.scp.css */
.epm-userlog-main[b-vzhd4vh2nk] {
    padding: 0 32px 32px 32px;
}
/* Datepicker */
/*::deep .epm-datepicker .e-input-group input.e-input {
    padding: 4px 4px 4px 12px;
}*/
/*::deep .epm-datepicker .e-input-group-icon.e-range-icon::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/Icons/calendar.svg) no-repeat;
    background-size: cover;
}
::deep .epm-datepicker .e-input-group .e-input-group-icon:last-child {
    border-radius: 55px;
    background: var(--bg-white);
    padding: 5px;
    border: 0;
    margin: 4px;
}*/
/*::deep .epm-datepicker {
    width: 312px;
}*/
[b-vzhd4vh2nk] .date-picker-label {
    display: none;
}
[b-vzhd4vh2nk] .epm-grid .e-grid .e-content {
    min-height: 40vh;
    height: 40vh;
}
@media screen and (max-width: 1680px) {
    .epm-userlog-main[b-vzhd4vh2nk] {
        padding: 22px;
    }
}
@media screen and (max-width: 1600px) {
    .epm-userlog-title[b-vzhd4vh2nk] {
        font-size: 20px;
    }
}
/**Live View Filter**/
[b-vzhd4vh2nk] .epm-custom-filter {
    display: flex;
    align-items: center;
    margin-right: 15% !important;
}

[b-vzhd4vh2nk] .epm-custom-filter-bg {
    border-radius: 100px;
    position: relative;
}

.epm-filter-btn span[b-vzhd4vh2nk] {
    background: #fff;
    padding: 4px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}

[b-vzhd4vh2nk] .epm-select-filter {
    color: var(--text-primary);
    border-radius: 100px;
    border: none;
    font-weight: 500;
    font-size: 14px;
    padding: 11.5px 10.5px 11.5px 24px;
}

[b-vzhd4vh2nk] .custom-select {
    padding-right: 40px !important;
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background-color: var(--tab-bg2) !important;
}

[b-vzhd4vh2nk] .epm-custom-filter-bg:before {
    content: '';
    height: 32px;
    width: 31px;
    background: url(/images/Icons/layout.svg) no-repeat;
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 9;
    background-color: #fff;
    padding: 4px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}

[b-vzhd4vh2nk] .epm-select-filter::-ms-expand {
    display: none;
}

.epm-screenshot-main img[b-vzhd4vh2nk] {
    cursor: pointer;
    height: 148px;
}

.width6[b-vzhd4vh2nk] {
    width: calc(16.66% - 10px);
}

.width4[b-vzhd4vh2nk] {
    width: calc(25% - 10px);
}

.width2[b-vzhd4vh2nk] {
    width: calc(50% - 10px);
}

.width4 .epm-screenshot-main img[b-vzhd4vh2nk] {
    height: 240px;
}

.width2 .epm-screenshot-main img[b-vzhd4vh2nk] {
    height: 400px;
}

.epm-live-insights-list[b-vzhd4vh2nk] {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7.5px;
    margin-right: -7.5px;
}
/**Live View filter End**/