@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/SFM.Effortly.Client.Authentication/SFM.Effortly.Client.Authentication.y29seiqri0.bundle.scp.css';
@import '_content/SFM.Effortly.Client.Dashboard/SFM.Effortly.Client.Dashboard.wvtjd9v79f.bundle.scp.css';
@import '_content/SFM.Effortly.Client.EmployeeTeams/SFM.Effortly.Client.EmployeeTeams.5nwk8i3k4q.bundle.scp.css';
@import '_content/SFM.Effortly.Client.LiveInsights/SFM.Effortly.Client.LiveInsights.wqcnp2yxaq.bundle.scp.css';
@import '_content/SFM.Effortly.Client.MapView/SFM.Effortly.Client.MapView.uxbyb8ny0k.bundle.scp.css';
@import '_content/SFM.Effortly.Client.Settings/SFM.Effortly.Client.Settings.lza4duapxi.bundle.scp.css';
@import '_content/SFM.Effortly.Client.Shared/SFM.Effortly.Client.Shared.014tmuj166.bundle.scp.css';
@import '_content/SFM.Effortly.Client.TimeTracker/SFM.Effortly.Client.TimeTracker.1fcg4o60if.bundle.scp.css';
@import '_content/SFM.Effortly.Client.UsageAnalytics/SFM.Effortly.Client.UsageAnalytics.918d1qtdxt.bundle.scp.css';
@import '_content/SFM.Effortly.Mobile.Dashboard/SFM.Effortly.Mobile.Dashboard.omlfx8m9a8.bundle.scp.css';
@import '_content/SFM.Effortly.Mobile.Employee/SFM.Effortly.Mobile.Employee.vm4jywj62i.bundle.scp.css';
@import '_content/SFM.Effortly.Mobile.MapView/SFM.Effortly.Mobile.MapView.c70ub8fgcs.bundle.scp.css';

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

[b-d1sg9ft3r3] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent .e-rowcell {
    white-space: break-spaces;
}
/* Grid ends */
.title-wrap[b-d1sg9ft3r3] {
    margin-bottom: 10px;
}
.title-wrap select[b-d1sg9ft3r3] {
    width: 200px;
    border-radius: 30px;
    border: 0;
    box-shadow: inherit;
    font-size: 12px;
    padding:9px 10px;
}
[b-d1sg9ft3r3] .se-btn-primary {
    padding: 7px 24px;
}
.title-wrap .btn-primary[b-d1sg9ft3r3] {
    width: 100px;
}
/* /Pages/Admin/ExeErrorLog.razor.rz.scp.css */
.ea-db-grid-wrap[b-hux20flhih] {
    padding: 20px;
    border-radius: 20px;
    background: #F3F4F6;
}
[b-hux20flhih] .ea-db-grid-wrap .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
[b-hux20flhih] .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-hux20flhih] {
    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-hux20flhih] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}

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

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

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

[b-hux20flhih] .epm-grid-profile-wrap .name-wrap .emp-id {
    color: #6D7081;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.042px;
    margin-right: 10px;
}
[b-hux20flhih] .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-hux20flhih] .endpoint {
    color: #191D23;
    font-weight: 600;
    line-height: 20px;
}

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

/* table data badges */
.expense-type[b-hx4r8b4b9u] {
    border-radius: 42px;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    width: max-content;
}
.expense-type.trip[b-hx4r8b4b9u] {
    background-color: rgba(220, 103, 105, 0.12);
}
.expense-type.fuel[b-hx4r8b4b9u] {
    background-color: rgba(220, 197, 103, 0.16);
}
.expense-type.food[b-hx4r8b4b9u] {
    background-color: rgba(26, 171, 80, 0.08);
}
.expense-type.training[b-hx4r8b4b9u] {
    background-color: rgba(26, 94, 241, 0.08);
}
.selected-txt[b-hx4r8b4b9u] {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #15171C;
}
.filter-ico[b-hx4r8b4b9u] {
    filter: brightness(0) invert(1);
}
.selected-expense[b-hx4r8b4b9u] {
    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-hx4r8b4b9u] {
    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-hx4r8b4b9u] {
    padding: 8px;
}
.report-popup.show[b-hx4r8b4b9u] {
    display: block;
    animation: fadeIn-b-hx4r8b4b9u 0.3s ease-in-out;
}
.report-popup.hide[b-hx4r8b4b9u] {
    display: none;
}
.report-text[b-hx4r8b4b9u] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}
.report-cost[b-hx4r8b4b9u] {
    color: #15171C;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
@keyframes fadeIn-b-hx4r8b4b9u {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.report-add-link[b-hx4r8b4b9u] {
    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-hx4r8b4b9u] .se-datepicker.e-input-group, [b-hx4r8b4b9u] .se-timepicker.e-input-group, [b-hx4r8b4b9u] .se-datepicker.e-input-group .e-input.e-datepicker, 
[b-hx4r8b4b9u] .se-timepicker.e-input-group .e-input.e-timepicker {
    width: 100% !important;
}
.rupee-ico[b-hx4r8b4b9u] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}
[b-hx4r8b4b9u] .pad-custom-left .se-input.e-input-group.e-control-wrapper .e-input {
    padding-left: 40px !important;
}

/* Uploader */
[b-hx4r8b4b9u] .e-upload .e-file-select-wrap {
    padding: 40px 0;
}
[b-hx4r8b4b9u] .sf-se-img-uploader-wrap {
    border-radius: 12px;
    border: 1px dashed #8067DC;
    background: #F5F6F8;
    padding: 5px;
}
[b-hx4r8b4b9u] .sf-se-img-uploader-wrap .e-file-select-wrap {
    text-align: center;
}
[b-hx4r8b4b9u] .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-hx4r8b4b9u] .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-hx4r8b4b9u] .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-hx4r8b4b9u] .sf-se-img-uploader-wrap .e-upload-files {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 10px;
}

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

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

[b-hx4r8b4b9u] .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-hx4r8b4b9u] .epm-approved-count img {
    width: 20px;
    height: 20px;
}
[b-hx4r8b4b9u] .epm-approved.active {
    border-color: #1AAB50;
}
[b-hx4r8b4b9u] .epm-pending {
    background: rgba(241, 117, 26, 0.12) !important;
    color: #F1751A;
    border: 1px solid rgba(241, 117, 26, 0.12);
}
[b-hx4r8b4b9u] .epm-pending.active {
    border-color: #F1751A;
}
[b-hx4r8b4b9u] .epm-rejected {
    background: rgba(204, 43, 72, 0.12);
    color: #CC2B48;
    border: 1px solid rgba(204, 43, 72, 0.12);
}
[b-hx4r8b4b9u] .epm-rejected.active {
    border-color: #CC2B48;
}
[b-hx4r8b4b9u] .epm-all-request {
    background: var(--bg-primary) !important;
    border: 1px solid rgba(26, 171, 80, 0.12)!important;
}
[b-hx4r8b4b9u] .epm-all-request.active {
    border-color: #15171C !important;
}
[b-hx4r8b4b9u] .epm-all-request p {
    color: #15171C !important;
}
[b-hx4r8b4b9u] .epm-approved-count p {
    font-size: 14px;
    font-weight: 600;
    color: #1AAB50;
}
[b-hx4r8b4b9u] .epm-rejected p {
    color: #CC2B48;
}
[b-hx4r8b4b9u] .epm-pending p {
    color: #F1751A;
}
[b-hx4r8b4b9u] .epm-approved-count span {
    color: #15171C;
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
}
[b-hx4r8b4b9u] .epm-reimbusement-settings {
    border-radius: 10000px;
    background: #F5F6F8;
    padding: 6px 16px;
}
[b-hx4r8b4b9u] .epm-reimbusement-settings ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
[b-hx4r8b4b9u] .epm-reimbusement-settings li {
    list-style: none;
}
[b-hx4r8b4b9u] .epm-reimbusement-settings ul li::marker {
    color: white;
}
/* Change button styles */
[b-hx4r8b4b9u] .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-hx4r8b4b9u] .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-hx4r8b4b9u] .export-btn img {
    padding-left: 10px;
}

/*Bootstrap tab*/
.nav-body-tab[b-hx4r8b4b9u] {
    background-color: var(--bg-primary);
    border-radius: 1000px;
    padding: 4px;
    border: none;
}
.nav-body-tab .nav-link[b-hx4r8b4b9u], .nav-body-tab .nav-link.active[b-hx4r8b4b9u] {
    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-hx4r8b4b9u] {
    font-weight: 600;
    background-color: var(--text-dark);
    color: var(--text-white);
}
.nav-body-tab .nav-link.active svg[b-hx4r8b4b9u] {
    filter: brightness(0) invert(1);
}

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

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

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

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

/* Deatil info */
.se-dte-edi-detail[b-r34pmpb1bb] {
    height: calc(100vh - 255px);
    overflow: hidden auto;
}
.se-dte-edi-detail-slider[b-r34pmpb1bb] {
    background-color: #fff;
    border: 1px solid #ECEDEF;
    border-radius: 12px;
    margin-top: 24px;
}
.se-dte-edi-detail-slider-header[b-r34pmpb1bb], .se-dte-edi-detail-slider-body[b-r34pmpb1bb] {
    padding: 12px;
}
.se-dte-edi-detail-slider-header[b-r34pmpb1bb] {
    border-bottom: 1px solid #E7E9F5;
}
.se-dte-edi-detail-title[b-r34pmpb1bb], .se-dte-edi-detail-desc[b-r34pmpb1bb] {
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 8px;
}
.se-dte-edi-detail-title[b-r34pmpb1bb] {
    color: #6D7081;
}
.se-dte-edi-detail-desc[b-r34pmpb1bb] {
    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-r34pmpb1bb] {
    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-r34pmpb1bb] {
    border: 1px solid #8067DC;
}
.se-dte-edi-detail-slider-container[b-r34pmpb1bb] {
    width: 100%;
    height: 45vh;
}
.se-dte-edi-detail-slider-preview[b-r34pmpb1bb] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

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

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

/* Card style */
.se-dte-card[b-ot65ghfpog] {
    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-ot65ghfpog], .se-dte-card:hover[b-ot65ghfpog] {
    border-radius: 16px;
    background-color: #E1DBF752;
    border: 1px solid transparent;
}
.se-dte-card-space-12[b-ot65ghfpog] {
    margin-bottom: 12px;
}
.se-dte-card-datetxt[b-ot65ghfpog], .se-dte-card-items[b-ot65ghfpog] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #3E4152;
}
.se-dte-card-items[b-ot65ghfpog] {
    font-weight: 600;
}
.se-dte-card-title[b-ot65ghfpog] {
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    color: #15171C;
    margin-bottom: 6px;
}
.se-dte-card-amt[b-ot65ghfpog] {
    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-713zmt9kle] {
    padding: 12px 24px;
    border-bottom: 1px solid #ECEDEF;
}
.se-dte-tbl-header-desc[b-713zmt9kle] {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #6D7081;
}

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

/* Cards */
.se-dte-tbl-card[b-713zmt9kle] {
    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-713zmt9kle] {
    color: #6D7081;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}
.se-dte-tbl-card-desc[b-713zmt9kle] {
    color: #15171C;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

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

/* Grid */
[b-713zmt9kle] .epm-grid .e-grid .e-content {
    min-height: auto;
    height: auto;
}
[b-713zmt9kle] .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-713zmt9kle] .se-dte-category img {
    width: 20px;
    height: 20px;
}
[b-713zmt9kle] .se-dte-cmt {
    color: #15171C;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
[b-713zmt9kle] .epm-grid .e-grid .e-row:hover {
    background: rgb(225 219 247);
}
[b-713zmt9kle] .epm-grid .e-grid .e-gridheader {
    border-top: none;
}
[b-713zmt9kle] .epm-grid .e-grid .e-headercelldiv {
    padding: 12px 10px !important;
}
[b-713zmt9kle] .epm-grid .e-grid .e-rowcell {
    padding: 10px !important;
    border-bottom: 1px solid #ECEDEF;
}
[b-713zmt9kle] .epm-grid .e-grid .e-rowcell:first-child {
    padding-left: 20px !important;
}
[b-713zmt9kle] .epm-grid .e-grid .e-gridcontent {
    border-radius: 0;
}
[b-713zmt9kle] .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-713zmt9kle] .se-dte-source-img img {
    width: 20px;
    height: 27px;
    object-fit: contain;
}

@media screen and (max-width: 1600px) {
    [b-713zmt9kle] .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-anx8bf2poj] .epm-employee-grid-wrap .e-toolbar-items {
    width: 100% !important;
    background: transparent;
}
[b-anx8bf2poj] .epm-approved-count {
    border-radius: 14px;
    background: rgba(26, 171, 80, 0.12);
    padding: 12px 16px;
    display: flex;
    gap: 10px;
}
[b-anx8bf2poj] .pending {
    background: rgba(241, 117, 26, 0.12) !important;
}
[b-anx8bf2poj] .rejected {
    background: rgba(204, 43, 72, 0.12) !important;
}
[b-anx8bf2poj] .epm-approved-count p {
    color: #6D7081;
    font-size: 14px;
    font-weight: 600;
}
[b-anx8bf2poj] .epm-approved-count span {
    color: #15171C;
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
}
[b-anx8bf2poj] .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-anx8bf2poj] .e-toolbar .e-toolbar-items {
    background: transparent !important;
    width: 100%;
}
[b-anx8bf2poj] .epm-grid-custom-toolbar-filter-wrap {
    text-align: right;
    display: flex;
    gap: 16px;
    justify-content: end;
    align-items: center;
}
[b-anx8bf2poj] .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-anx8bf2poj] .epm-filter-btn span {
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
[b-anx8bf2poj] .epm-reimb-count, .epm-count-filter[b-anx8bf2poj] {
    display: flex;
    align-items: center;
    gap: 15px;
}
[b-anx8bf2poj] .epm-reimb-count, .epm-count-filter[b-anx8bf2poj] {
    display: flex;
    gap: 15px;
}
[b-anx8bf2poj] .epm-daterangepicker-wrap .left-img, [b-anx8bf2poj] .epm-daterangepicker-wrap .right-img {
    background: #fff !important;
}
[b-anx8bf2poj] .epm-datepicker .e-input-group {
    background: #fff;
}
[b-anx8bf2poj] .date-picker-label {
    display: none !important;
}
[b-anx8bf2poj] .epm-datepicker .e-input-group .e-input-group-icon:last-child {
    border-radius: 55px;
    background: #F5F6F8;
    padding: 5px;
    border: 0;
    margin: 4px;
}
[b-anx8bf2poj] .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-anx8bf2poj] {
    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-anx8bf2poj] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}
[b-anx8bf2poj] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap {
    display: flex;
    margin-bottom: 2px;
}
[b-anx8bf2poj] .epm-grid-profile-wrap .title {
    color: #15171C;
    font-size: 13px;
    font-weight: 600;
    cursor: auto;
    text-decoration: none !important;
}
[b-anx8bf2poj] .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-anx8bf2poj] .epm-reject {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-anx8bf2poj] .epm-approve {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-anx8bf2poj] .epm-grid-heading {
    color: var(--text-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.038px;
}
[b-anx8bf2poj] .epm-grid-sub-heading {
    color: #6D7081;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.038px;
}

[b-anx8bf2poj] .epm-grid-size {
    font-size: 13px !important;
    font-weight: 700 !important;
}
[b-anx8bf2poj] .epm-approve-cost {
    color: #1AAB50 !important;
    font-size: 12px;
    font-weight: 700 !important;
    letter-spacing: -0.038px;
}
[b-anx8bf2poj] .epm-pending-cost {
    color: #F1751A !important;
    font-size: 12px;
    font-weight: 700 !important;
    letter-spacing: -0.038px;
}
[b-anx8bf2poj] .epm-rejected-cost {
    color: #CC2B48 !important;
    font-size: 12px;
    font-weight: 700 !important;
    letter-spacing: -0.038px;
}
[b-anx8bf2poj] .epm-grid .e-grid .e-gridheader {
    border: 0;
}
[b-anx8bf2poj] .e-grid .e-detailheadercell {
    border: 0;
}
[b-anx8bf2poj] .e-grid .e-detailrowcollapse {
    border-color: #E7E9F5;
}
[b-anx8bf2poj] .epm-grid .e-grid .e-rowcell {
    border-color: #E7E9F5;
}
[b-anx8bf2poj] .e-grid .e-icon-grightarrow::before, [b-anx8bf2poj] .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-anx8bf2poj] .e-grid .e-icon-gdownarrow::before, [b-anx8bf2poj] .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-anx8bf2poj] .epm-reimb-btn {
    background: transparent;
    border: none;
}
[b-anx8bf2poj] .e-grid [aria-selected] + tr .e-detailindentcell {
    border: 0;
}
[b-anx8bf2poj] .epm-grid .e-grid .e-headercell:first-child {
    padding-left: inherit !important;
}
[b-anx8bf2poj] .e-grid .e-icon-grightarrow {
    padding: 0 !important;
}
/**Grid CSS End**/

/**Travel Grid CSS Start**/
[b-anx8bf2poj] .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-anx8bf2poj] .epm-grid .epm-travel-grid.e-grid .e-detailrowcollapse {
    text-align: -webkit-right;
}
[b-anx8bf2poj] .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-anx8bf2poj] .epm-grid .epm-travel-grid.e-grid e-detailrowcollapse {
    border-top: 1px solid #E7E9F5 !important;
}
[b-anx8bf2poj] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-radius: 0;
}
[b-anx8bf2poj] .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-anx8bf2poj] {
    border-right: 1px solid #E7E9F5 !important;
}
[b-anx8bf2poj] .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-anx8bf2poj] .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-anx8bf2poj] .epm-child-table {
    border: 1px solid #E7E9F5 !important;
    border-radius: 20px;
    margin-bottom: 25px;
    margin-top: 24px;
    margin-right: 10px;
}
[b-anx8bf2poj] .epm-grid .epm-child-table.e-grid .e-content {
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
}
[b-anx8bf2poj] .epm-grid .epm-child-table.e-grid .e-gridcontent {
    margin-top: 0 !important;
}
[b-anx8bf2poj] .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-anx8bf2poj] .epm-grid .epm-child-table.e-grid .e-gridheader {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
[b-anx8bf2poj] .epm-grid .epm-child-table.e-grid .e-detailrowexpand {
    border-top: 0 !important;
}
[b-anx8bf2poj] .epm-grid .epm-child-table.e-grid .e-rowcell {
    border-right: 1px solid #E7E9F5;
    overflow: visible;
}
[b-anx8bf2poj] .epm-grid .epm-child-table.e-grid .e-rowcell:nth-child(3) {
    position: relative;
}
/**Child Grid CSS End**/

/**New Changes**/
[b-anx8bf2poj] .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-anx8bf2poj] .epm-disable-text {
    opacity: 0.3;
    pointer-events: none;
}
[b-anx8bf2poj] .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-anx8bf2poj] .text {
    position: relative;
}
[b-anx8bf2poj] .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-anx8bf2poj] .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-anx8bf2poj] .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-anx8bf2poj] .epm-distance-edit img {
    display: none;
}
[b-anx8bf2poj] .epm-distance-edit:hover img {
    display: block;
    max-width: 15px;
}
[b-anx8bf2poj] .epm-input.e-input-group.e-control-wrapper, [b-anx8bf2poj] .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-anx8bf2poj] .ep-checkin {
    color: #8067DC;
    font-size: 12px;
    font-weight: 600;
}
[b-anx8bf2poj] .ep-checkout {
    color: #DC67CE;
    font-size: 12px;
    font-weight: 600;
}
[b-anx8bf2poj] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 120px;
    display: block;
}
[b-anx8bf2poj] .e-grid-loader {
    top: 150% !important;
}
[b-anx8bf2poj] .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-anx8bf2poj] .expense-type {
    border-radius: 42px;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    width: max-content;
}
[b-anx8bf2poj] .expense-type.trip {
    background-color: rgba(220, 103, 105, 0.12);
}

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

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

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

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

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

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

.unreported[b-anx8bf2poj] {
    color: #3E4152;
}
.action-icons img[b-anx8bf2poj] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}
[b-anx8bf2poj] .epm-child-title {
    overflow: hidden;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
[b-anx8bf2poj] .epm-reject {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-anx8bf2poj] .epm-approve {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-anx8bf2poj] .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-anx8bf2poj] .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-anx8bf2poj] .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-anx8bf2poj] .location-red {
    position: relative;
    z-index: 2;
}
[b-anx8bf2poj] .se-cmt-txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 11vw;
}

/*Receipt report dialog*/
.se-receipt-popup-content-wrap[b-anx8bf2poj] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}
.se-common-popup-title-wrap--title[b-anx8bf2poj] {
    color: #15171C;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}
.se-receipt-date[b-anx8bf2poj] {
    color: #6D7081;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.action-btn[b-anx8bf2poj] {
    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-anx8bf2poj] {
    width: 16px;
    height: 16px;
}
.se-food-details-txt[b-anx8bf2poj] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}
.se-receipt-date > span[b-anx8bf2poj], .se-food-details-txt > span[b-anx8bf2poj] {
    color: #15171C;
    font-weight: 700;
}
.se-food-details-desc[b-anx8bf2poj] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.history-section[b-anx8bf2poj] {
    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-anx8bf2poj] {
    position: absolute;
    top: 5px;
    left: -5px;
    transform: rotate(180deg);
    width: 35px;
    height: 35px;
}
.history-section .se-common-popup-title-wrap--title[b-anx8bf2poj] {
    border-bottom: 1px solid #F3F4F6;
}
.receipt-img[b-anx8bf2poj] {
    width: 100%;
    height: 490px;
    max-height: 490px;
}
.history-section .epm-user-badge[b-anx8bf2poj] {
    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-anx8bf2poj]::after {
    content: "";
    position: absolute;
    top: 40px;
    left: 49%;
    height: 50px;
    width: 1px;
    background: #F2F3F6;
}
.history-section ul li:last-child .epm-user-badge[b-anx8bf2poj]::after {
    display: none;
}
.ef-creator-name[b-anx8bf2poj] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.ef-creator-history[b-anx8bf2poj] {
    color: #15171C;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}
.ef-creator-history > span[b-anx8bf2poj] {
    color: #6D7081;
}
.ef-create-date[b-anx8bf2poj] {
    color: #6D7081;
    font-size: 11px;
    line-height: normal;
    font-weight: 500;
}
@media(max-width:1680px) {
    .text[b-anx8bf2poj]::before {
        left: 0;
    }

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

    [b-anx8bf2poj] .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-anx8bf2poj] .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-anx8bf2poj] .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-anx8bf2poj] .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-ackftxrh3t] {
    padding: 28px 36px;
    background-color: var(--bg-white);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.selected-expense[b-ackftxrh3t] {
    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-ackftxrh3t] {
    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-ackftxrh3t] {
    padding: 8px;
}

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

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

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

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

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

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

.report-add-link[b-ackftxrh3t] {
    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-ackftxrh3t] .se-datepicker.e-input-group, [b-ackftxrh3t] .se-timepicker.e-input-group, [b-ackftxrh3t] .se-datepicker.e-input-group .e-input.e-datepicker, [b-ackftxrh3t] .se-timepicker.e-input-group .e-input.e-timepicker {
    width: 100% !important;
}

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

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

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

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

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

    [b-ackftxrh3t] .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-ackftxrh3t] .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-ackftxrh3t] .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-ackftxrh3t] .sf-se-img-uploader-wrap .e-upload-files {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        padding-top: 10px;
    }

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

/* report page top lists */
.report-top-list[b-ackftxrh3t] {
    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-ackftxrh3t] {
    padding: 10px 16px;
    border-radius: 16px;
    background-color: #FFF;
    cursor: pointer;
    height: 100%;
}

    .report-details.active[b-ackftxrh3t] {
        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-ackftxrh3t] {
    background-color: #F5F6F8;
    padding: 4px 10px;
    border-radius: 16px;
    color: #1E2941;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}

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

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

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

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

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

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

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

[b-ackftxrh3t] .epm-reject {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-ackftxrh3t] .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-ackftxrh3t] .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-ackftxrh3t] {
    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-ackftxrh3t] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}

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

[b-ackftxrh3t] .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-ackftxrh3t] .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-ackftxrh3t] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}

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

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

.action-btn[b-ackftxrh3t] {
    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-ackftxrh3t] {
        width: 16px;
        height: 16px;
    }

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

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

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

.history-section[b-ackftxrh3t] {
    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-ackftxrh3t] {
    position: absolute;
    top: 5px;
    left: -5px;
    transform: rotate(180deg);
    width: 35px;
    height: 35px;
}

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

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

.history-section .epm-user-badge[b-ackftxrh3t] {
    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-ackftxrh3t]::after {
        content: "";
        position: absolute;
        top: 40px;
        left: 49%;
        height: 50px;
        width: 1px;
        background: #F2F3F6;
    }

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

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

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

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

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

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

@media screen and (max-width: 1300px) {
    .amt-txt[b-ackftxrh3t], .report-status[b-ackftxrh3t], .report-name[b-ackftxrh3t] {
        font-size: 10px;
    }
    .report-details[b-ackftxrh3t] {
        padding: 8px 10px;
    }
    [b-ackftxrh3t] .epm-grid-profile-wrap svg, .report-name svg[b-ackftxrh3t] {
        width: 16px;
        height: 16px;
    }
    [b-ackftxrh3t] .epm-grid-profile-wrap .name-wrap {
        margin-left: 0;
    }
    .report-head-title[b-ackftxrh3t], .report-amt[b-ackftxrh3t] {
        font-size: 12px;
    }
}
[b-ackftxrh3t] .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-ackftxrh3t] .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-ackftxrh3t] .epm-rejected {
    border-radius: 45px;
    background: #CC2B48;
    padding: 6px 16px;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-ackftxrh3t] .epm-rejected.epm-reject-bg {
    background: #CC2B48!important;
}
[b-ackftxrh3t] .epm-approved {
    border-radius: 45px;
    background: #1AAB50;
    padding: 6px 16px;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-ackftxrh3t] .red-close{
    display:none;
}
[b-ackftxrh3t] .epm-reject-new:hover .red-close{
    display:block;
}
[b-ackftxrh3t] .epm-reject-new:hover .dark-close {
    display: none;
}
.col-1-5[b-ackftxrh3t] {
    flex: 0 0 20%;
    max-width: 20%;
}
@media (max-width: 1600px) {
    .col-1-5[b-ackftxrh3t] {
        flex: 0 0 25%; /* Increase width: now 4 cards per row */
        max-width: 25%;
    }
}
@media (max-width: 1440px) {
    .col-1-5[b-ackftxrh3t] {
        flex: 0 0 33.33%; /* Increase width: now 4 cards per row */
        max-width: 33.33%;
    }
}
@media (max-width: 992px) {
    .col-1-5[b-ackftxrh3t] {
        flex: 0 0 50%; /* Increase width: now 4 cards per row */
        max-width: 50%;
    }
    [b-ackftxrh3t] .report-head-title, [b-ackftxrh3t] .report-amt {
        font-size: 10px;
    }
    [b-ackftxrh3t] .epm-common-spacing.gap-3{
        gap:8px !important;
    }
    [b-ackftxrh3t] .epm-common-spacing.gap-4 {
        gap: 10px !important;
    }
}
/* /Pages/Admin/ExpenseApprovalComponents/InfoBox.razor.rz.scp.css */
.info-box[b-fv42socr3k] {
    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-fv42socr3k] {
    border-color: #15171C;
    background-color: #F2F3F6;
}
/* /Pages/Admin/ExpenseApprovalComponents/MapPopup/ApprovalsMapComponent.razor.rz.scp.css */
/* Popup header */
.se-map-popup-title[b-utvs64nlxk] {
    color: #15171C;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.trip-badge[b-utvs64nlxk] {
    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-utvs64nlxk] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}

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

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

.action-btn[b-utvs64nlxk] {
    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-utvs64nlxk] {
        width: 16px;
        height: 16px;
    }

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

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

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

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

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

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

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


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

.epm-user-badge[b-utvs64nlxk] {
    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-utvs64nlxk] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}

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

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

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

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

[b-utvs64nlxk] .epm-approve {
    border-radius: 45px;
    background: #1AAB50;
    padding: 6px 16px;
    width: fit-content;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-utvs64nlxk] .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), [b-utvs64nlxk] .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-utvs64nlxk] {
    width: 100%;
}
[b-utvs64nlxk] .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), [b-utvs64nlxk] .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-utvs64nlxk] .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon[b-utvs64nlxk]{
    border:0;
}
[b-utvs64nlxk] .e-input-group:not(.e-disabled) .e-input-group-icon:hover, [b-utvs64nlxk] .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    background: transparent;
}
[b-utvs64nlxk] .se-input-dropdown {
    background: #F5F6F8!important;
}
[b-utvs64nlxk] .e-ddl.e-input-group input[readonly].e-input, [b-utvs64nlxk] .e-ddl.e-input-group input[readonly], [b-utvs64nlxk] .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-utvs64nlxk] {
    font-size: 12px;
}
/* /Pages/Admin/ExpenseApprovalComponents/TimelineTabComponent.razor.rz.scp.css */
/* Comments content */
.se-comments-tab[b-wu3p10trvh], .activity-tab[b-wu3p10trvh] {
    margin-top: 20px;
}
.se-comments-details[b-wu3p10trvh] {
    flex: 1;
}
.se-comments-tab .se-comments-tab-name[b-wu3p10trvh] {
    color: #15171C;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 4px;
}
.se-comments-tab .se-comments-tab-name span[b-wu3p10trvh] {
    color: #6D7081;
    font-weight: 500;
}
.se-comments-tab .se-comments-tab-desc[b-wu3p10trvh] {
    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-wu3p10trvh] {
    color: #8067DC;
    font-weight: 600;
    text-transform: capitalize;
}
.se-comments-tab-new-msg-divider[b-wu3p10trvh] {
    height: 1px;
    width: 100%;
    background: #E7E9F5;
}
.se-comments-tab-content[b-wu3p10trvh] {
    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-wu3p10trvh] {
    border-radius: 16px;
    border: 1px solid #DDDFEB;
    padding: 4px 4px 4px 12px;
    margin-top: 26px;
}
[b-wu3p10trvh] .se-input.e-input-group.e-control-wrapper {
    box-shadow: none !important;
    background: transparent;
}

/* Activity content */
.activity-tab ul .se-activity-tab-name[b-wu3p10trvh] {
    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-wu3p10trvh] {
    margin-bottom: 0;
}
.activity-tab ul .se-activity-tab-name[b-wu3p10trvh]::after {
    content: "";
    height: 24px;
    width: 1px;
    position: absolute;
    top: 28px;
    left: 14px;
    background: #ECEDEF;
}
.activity-tab ul .se-activity-tab-name:last-child[b-wu3p10trvh]::after {
    display: none;
}
.se-activity-tab-img[b-wu3p10trvh] {
    border-radius: 6px;
    border: 1px solid #ECEDEF;
    padding: 4px;
}
.se-activity-tab-name p[b-wu3p10trvh] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 13vw;
}
.se-activity-tab-name span[b-wu3p10trvh] {
    font-weight: 400;
}

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

/* Grid */
[b-b80xe0ijkc] .epm-grid .e-grid .e-content {
    min-height: auto;
    height: auto;
}
[b-b80xe0ijkc] .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-b80xe0ijkc] .se-dte-category img {
    width: 20px;
    height: 20px;
}
[b-b80xe0ijkc] .se-dte-cmt {
    color: #15171C;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
[b-b80xe0ijkc] .epm-grid .e-grid .e-row:hover {
    background: rgb(225 219 247);
}
[b-b80xe0ijkc] .epm-grid .e-grid .e-gridheader {
    border-top: none;
}
[b-b80xe0ijkc] .epm-grid .e-grid .e-headercelldiv {
    padding: 12px 10px !important;
}
[b-b80xe0ijkc] .epm-grid .e-grid .e-rowcell {
    padding: 10px !important;
    border-bottom: 1px solid #ECEDEF;
}
[b-b80xe0ijkc] .epm-grid .e-grid .e-rowcell:first-child {
    padding-left: 20px !important;
}
[b-b80xe0ijkc] .epm-grid .e-grid .e-gridcontent {
    border-radius: 0;
}

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

/* Badge */
[b-b80xe0ijkc] .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-b80xe0ijkc] .se-dte-card-status.pending {
    background-color: #F1751A29;
}
[b-b80xe0ijkc] .se-dte-card-status.approved {
    background-color: #1AAB5029;
}
[b-b80xe0ijkc] .se-dte-card-status.reject {
    background-color: #CC2B4829;
}
[b-b80xe0ijkc] .se-dte-card-status.reimbursed {
    background-color: #CC2B4829;
}

/* Avator */
[b-b80xe0ijkc] .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-b80xe0ijkc] .date-picker-label {
    display: none;
}

@media screen and (max-width: 1600px) {
    [b-b80xe0ijkc] .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-8zloot5uoo] {
    background-color: #fff;
}
.expense-status[b-8zloot5uoo] {
    padding: 10px 24px;
    border-bottom: 1px solid #ECEDEF;
}

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

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

/*===== Common utilities =====*/
/* Badge */
[b-8zloot5uoo] .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-8zloot5uoo] .se-dte-card-status.pending {
    background-color: #F1751A29;
}
[b-8zloot5uoo] .se-dte-card-status.approved {
    background-color: #1AAB5029;
}
[b-8zloot5uoo] .se-dte-card-status.reject {
    background-color: #CC2B4829;
}
/* Font */
[b-8zloot5uoo] .se-dte-tbl-header-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #15171C;
    margin-bottom: 7px;
}
[b-8zloot5uoo] .se-dropdown-txt {
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    color: #15171C;
    padding: 10px;
    cursor: pointer;
}
/* Buttons */
[b-8zloot5uoo] .se-btn-secondry-outline, [b-8zloot5uoo] .se-btn-danger-outline, [b-8zloot5uoo] .se-btn-success, [b-8zloot5uoo] .se-btn-danger, [b-8zloot5uoo] .se-btn-primary {
    border-radius: 12px !important;
    min-width: max-content;
    padding-inline: 18px;
}
/* Avator */
[b-8zloot5uoo] .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-8zloot5uoo] .se-btn-secondry-outline, [b-8zloot5uoo] .se-btn-danger-outline, [b-8zloot5uoo] .se-btn-success, [b-8zloot5uoo] .se-btn-danger, [b-8zloot5uoo] .se-btn-primary {
        padding: 6px 10px;
    }
}
/* /Pages/Admin/Logs.razor.rz.scp.css */
.epm-tabs.e-tab .e-tab-header[b-1zoylbsjmc] {
    padding: 3px 32px 0 !important;
}
/* /Pages/Admin/MobileLog.razor.rz.scp.css */
.page-title[b-kaqqt9ijqx] {
    padding: 38px 32px 0;
}
.ea-db-grid-wrap[b-kaqqt9ijqx] {
    padding: 20px;
    border-radius: 20px;
    background: #F3F4F6;
}
.ea-db-grid-wrap .grid-title[b-kaqqt9ijqx] {
    color: #151720;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 108.1%;
    letter-spacing: -0.32px;
}
[b-kaqqt9ijqx] .ea-db-grid-wrap .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
[b-kaqqt9ijqx] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent {
    min-height: auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
[b-kaqqt9ijqx] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent .e-rowcell {
    white-space: break-spaces;
}
/* Grid ends */
.mobilelog-select[b-kaqqt9ijqx] {
    display: flex;
    gap: 16px;
}
.title-wrap[b-kaqqt9ijqx] {
    margin-bottom: 10px;
}
.title-wrap select[b-kaqqt9ijqx] {
    width: 200px;
    border-radius:30px;
    border:0;
    box-shadow:inherit;
    font-size:12px;
}
.title-wrap .btn-primary[b-kaqqt9ijqx] {
    width: 100px;
}
/* /Pages/Admin/WebErrorLog.razor.rz.scp.css */
.ea-db-grid-wrap[b-n3lck4kcoh] {
    padding: 20px;
    border-radius: 20px;
    background: #F3F4F6;
}
.ea-db-grid-wrap .grid-title[b-n3lck4kcoh] {
    color: #151720;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}
[b-n3lck4kcoh] .ea-db-grid-wrap .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
[b-n3lck4kcoh] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent {
    min-height: auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

[b-n3lck4kcoh] .ea-db-grid-wrap .epm-grid .e-grid .e-gridcontent .e-rowcell {
    white-space: break-spaces;
}
/* Grid ends */
.title-wrap[b-n3lck4kcoh] {
    margin-bottom: 10px;
}
.title-wrap select[b-n3lck4kcoh] {
    width: 200px;
    border-radius: 30px;
    border: 0;
    box-shadow: inherit;
    font-size:12px;
}
.title-wrap .btn-primary[b-n3lck4kcoh] {
    width: 100px;
}
[b-n3lck4kcoh] .epm-grid .e-grid .e-rowcell {
    padding-top: 11px;
    padding-bottom: 11px;
}
/* /Pages/Components/ComputerApprovalComponents.razor.rz.scp.css */
[b-j2x96drc7x] .se-grid-search.se-grid-search-grey {
    width: 300px;
}
[b-j2x96drc7x] .e-toolbar .e-toolbar-items {
    background: transparent !important;
    width: 100%;
}
[b-j2x96drc7x] .Away.shade-line::after, [b-j2x96drc7x] .Productive.shade-line::after, [b-j2x96drc7x] .IdleTime.shade-line::after,
[b-j2x96drc7x] .NoData.shade-line::after, [b-j2x96drc7x] .NonProductive.shade-line::after {
    height: 10px !important;
}
.epm-dialog-loader[b-j2x96drc7x] {
    display: flex;
    align-items:center;
    justify-content:center;
    min-height: 30vh;
    width: 100%;
}
.timeline-container[b-j2x96drc7x] {
    position: relative;
}
/* /Pages/Components/MobileApprovalComponents.razor.rz.scp.css */
[b-yihlg11jv2] .approved-bg, [b-yihlg11jv2] .rejected-bg {
    border-radius: 45px;
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}
[b-yihlg11jv2] .approved-bg {
    background: rgba(26, 171, 80, 0.12);
}
[b-yihlg11jv2] .rejected-bg {
    background: rgba(255, 0, 0, 0.12);
}
[b-yihlg11jv2] .ep-checkin {
    color: #8067DC;
    font-size: 12px;
    font-weight: 600;
}
[b-yihlg11jv2] .ep-checkout {
    color: #DC67CE;
    font-size: 12px;
    font-weight: 600;
}
.epm-emp-attendance-track[b-yihlg11jv2] {
    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-yihlg11jv2] {
    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-yihlg11jv2] {
    border-radius: 22px;
    opacity: 0.9;
    background: #dc67ce1f;
    font-size: 12px;
    font-weight: 600;
    color: #DC67CE;
}
[b-yihlg11jv2] .action-icons .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: #8067DC !important;
}
.action-icons img[b-yihlg11jv2] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}
/* Grid CSS */
[b-yihlg11jv2] .e-toolbar .e-toolbar-items {
    background: transparent !important;
    width: 100%;
}
[b-yihlg11jv2] .epm-custom-pagination-dropdown.e-input-group .e-input-group-icon {
    background: #fff;
}
[b-yihlg11jv2] .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;
}
[b-yihlg11jv2] .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-yihlg11jv2] .epm-grid .e-grid .e-gridheader {
    border-radius: inherit;
    border: 1px solid #E7E9F5;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
[b-yihlg11jv2] .epm-grid .e-grid .e-gridcontent {
    border-radius: inherit;
}
[b-yihlg11jv2] .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
    border-bottom-width: 0;
}
[b-yihlg11jv2] .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
    border-bottom-width: 0;
}
[b-yihlg11jv2] .e-grid.e-default .e-detailrow .e-lastrowcell {
    border-bottom: inherit;
}
.epm-nested-table[b-yihlg11jv2] {
    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-yihlg11jv2] {
    border-top-left-radius: 12px;
}
.epm-nested-table thead tr:first-child th:last-child[b-yihlg11jv2] {
    border-top-right-radius: 12px;
}
.epm-nested-table tbody tr:last-child td:first-child[b-yihlg11jv2] {
    border-bottom-left-radius: 12px;
}
.epm-nested-table tbody tr:last-child td:last-child[b-yihlg11jv2] {
    border-bottom-right-radius: 12px;
}
.epm-merged-cell[b-yihlg11jv2] {
    vertical-align: middle;
    padding: 8px;
    border-right: 1px solid #E7E9F5 !important;
}
.epm-nested-table td[b-yihlg11jv2] {
    vertical-align: middle;
}
.epm-nested-table tbody tr:last-child td[b-yihlg11jv2] {
    border-bottom: inherit;
}
[b-yihlg11jv2] .e-grid [aria-selected] + tr .e-detailindentcell {
    border-right-width: 0;
}
.epm-nested-table th[b-yihlg11jv2] {
    font-size: 11px;
    font-weight: 500;
    color: #6D7081;
    background: #fff;
    vertical-align: middle;
}
.epm-nested-table thead[b-yihlg11jv2] {
    border: 1px solid #E7E9F5;
}
.epm-nested-table td[b-yihlg11jv2] {
    border: 1px solid #E7E9F5;
    border-right: 0;
    border-bottom: 0;
}
.epm-nested-table tbody[b-yihlg11jv2] {
    border: 1px solid #E7E9F5;
}
[b-yihlg11jv2] .e-grid .e-gridcontent tr:first-child td {
    border-top: 1px solid #E7E9F5 !important;
}
[b-yihlg11jv2] .epm-grid .e-grid .e-rowcell {
    border-color: #E7E9F5;
}
.epm-nested-table thead tr th:first-child[b-yihlg11jv2] {
    border-top-left-radius: 25px;
}
[b-yihlg11jv2] .se-grid-search{
    width:250px;
}
[b-yihlg11jv2] .epm-custom-pagination-dropdown {
    background: var(--bg-primary);
}
[b-yihlg11jv2] .epm-custom-pagination-dropdown.e-input-group .e-input-group-icon {
    background: #fff;
}
/* /Pages/Dashboard.razor.rz.scp.css */
/* Dashboard style */
[b-r8v0t03ex9] .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-r8v0t03ex9] .bottom-card .card-title {
  color: var(--text-dark);
  font-weight: 700;
  font-size: 15px;
  line-height: normal;
  margin: 0;
}
[b-r8v0t03ex9] .bottom-card .card-content {
  display: flex;
  align-items: center;
  gap: 4px;
}
[b-r8v0t03ex9] .bottom-card .business-hour {
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
}
[b-r8v0t03ex9] .bottom-card span {
  color: var(--text-light);
  font-size: 13px;
  line-height: normal;
}
.epm-overall-right-wrap[b-r8v0t03ex9] {
    padding: 0px 20px 15px;
    background: var(--bg-primary);
    border-radius: 0 0 0 24px;
}
[b-r8v0t03ex9] #epm-top-category-chart_Series_0_Point_0 {
    cursor: pointer;
    fill: #D7CFF6 !important;
}
[b-r8v0t03ex9] #epm-top-category-chart_Series_0_Point_1 {
    cursor: pointer;
    fill: #C6BBF3 !important;
}
[b-r8v0t03ex9] #epm-top-category-chart_Series_0_Point_2 {
    cursor: pointer;
    fill: #B7A6F4 !important;
}
[b-r8v0t03ex9] #epm-top-category-chart_Series_0_Point_3 {
    cursor: pointer;
    fill: #9784E2 !important;
}
[b-r8v0t03ex9] #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-r8v0t03ex9] .se-dropdown-list {
    width: 146px;
}

/* Table common styles */
[b-r8v0t03ex9] .productive-details .e-control.e-tooltip {
    width: max-content;
}
[b-r8v0t03ex9] .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-r8v0t03ex9] .productive-details .info {
    color: var(--text-primary);
    font-size: 12px;
    font-weight: 500;
    display: flex;
}
[b-r8v0t03ex9] .info span {
    color: var(--text-secondary) !important;
}
.se-track-text[b-r8v0t03ex9] {
    color: #15171C;
    font-size: 13px;
    font-weight: 500;
}
/**Responsiveness Dashboard**/
@media screen and (max-width: 1600px) {
    :: deep .epm-dashboard-table > tbody > tr > td.usage .title[b-r8v0t03ex9], [b-r8v0t03ex9] .productive-details .name, [b-r8v0t03ex9] .time-details .name, [b-r8v0t03ex9] .epm-total-count .title-2 {
        font-size: 12px;
    }
    [b-r8v0t03ex9] .epm-total-count img {
        max-width: 35px;
    }
    [b-r8v0t03ex9] .unproductive-content p, [b-r8v0t03ex9] .productive-content p, [b-r8v0t03ex9] .idle-content p {
        font-size: 10px;
        padding-top: 1px;
    }
}
@media screen and (max-width: 1480px) {
    [b-r8v0t03ex9] .unproductive-content h3, [b-r8v0t03ex9] .productive-content h3, [b-r8v0t03ex9] .idle-content h3 {
        font-size: 12px;
        padding-top: 5px;
    }
    [b-r8v0t03ex9] .epm-dashboard-table-overall .title-wrap .title, [b-r8v0t03ex9] .epm-dashboard-table-overall .title-wrap .title, 
    [b-r8v0t03ex9] .most-prod-emp-title, [b-r8v0t03ex9] .epm-dashboard-chart-title {
        font-size: 14px;
    }
    [b-r8v0t03ex9] .epm-dashboard-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1400px) {
    [b-r8v0t03ex9] .epm-overall-right-wrap {
        background: var(--bg-white);
        padding: 15px;
    }
    [b-r8v0t03ex9] .epm-overall-right-wrap-employee-box {
        border-radius: 24px;
        background: var(--bg-primary);
        padding: 24px 16px 16px 16px;
    }
    [b-r8v0t03ex9] .productive-details .name {
        max-width: 14vw;
    }
}
@media screen and (max-width: 1300px){
    [b-r8v0t03ex9] .epm-dashboard-title {
        font-size: 16px;
    }
}
@media screen and (max-width: 1279px) {
    [b-r8v0t03ex9] .most-prod-emp-table > tbody > tr > td:first-child img {
        height: 25px;
        width: 25px;
    }
    [b-r8v0t03ex9] .epm-dashboard-table > tbody > tr > td.usage .title,
    [b-r8v0t03ex9] .productive-details .name, [b-r8v0t03ex9] .time-details .name, [b-r8v0t03ex9] .productive-details .info,
    [b-r8v0t03ex9] .info span, [b-r8v0t03ex9] .most-prod-emp-table > thead > tr > th, [b-r8v0t03ex9] .epm-dashboard-table > thead > tr > th,
    [b-r8v0t03ex9] .productive-badge, [b-r8v0t03ex9] .unproductive-badge, [b-r8v0t03ex9] .epm-badge {
        font-size: 9.5px;
    }
}
@media screen and (max-width: 992px) {
    [b-r8v0t03ex9] .productive-details .name {
        max-width: 100%;
    }
}
/* /Pages/EmailVerificaion.razor.rz.scp.css */
.epm-signup-steps-wrap[b-fnujukmmy6] {
    text-align: center;
    margin-top: 10%;
}

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

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

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

.epm-signup-content p[b-fnujukmmy6] {
    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-fnujukmmy6] {
    color: #8067DC;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

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



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

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

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


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

.nav-item-enabled[b-fnujukmmy6] {
    pointer-events: auto;
}
/* /Pages/Employee.razor.rz.scp.css */
.epm-mainpage[b-mpz9vy8fc8] {
    padding: 15px 25px;
}
[b-mpz9vy8fc8] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}
[b-mpz9vy8fc8] .epm-grid-profile-wrap .name-wrap {
    overflow: hidden;
}
[b-mpz9vy8fc8] .epm-grid-profile-wrap .name-wrap .title {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-mpz9vy8fc8] #epm-employee-tooltip {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
[b-mpz9vy8fc8] .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;
}
/*Custom Toolbar */
[b-mpz9vy8fc8] .epm-grid-custom-toolbar {
    position: unset !important;
    min-height: auto !important;
    text-align: center;
    margin-bottom: 10px;
}
[b-mpz9vy8fc8] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items {
    width: 100%;
    z-index: 9;
    position: relative;
    background: transparent;
}
[b-mpz9vy8fc8] .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-mpz9vy8fc8] .se-grid-wrap {
    border: 1px solid #E7E9F5;
    background: #FFF;
    border-radius: 16px;
    padding: 0;
}
[b-mpz9vy8fc8] .se-grid-search {
    width: 300px;
}
[b-mpz9vy8fc8] .total-hours {
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.042px;
}
[b-mpz9vy8fc8] .hrs-per-day {
    color: #6D7081;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.035px;
}
[b-mpz9vy8fc8] .utilization-under, [b-mpz9vy8fc8] .utilization-over, [b-mpz9vy8fc8] .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-mpz9vy8fc8] .utilization-under {
    background: #CC2B48;
}
[b-mpz9vy8fc8] .utilization-over {
    background: #F1751A;
}
[b-mpz9vy8fc8] .utilization-bal {
    background: #1AAB50;
}
[b-mpz9vy8fc8] .balanced, [b-mpz9vy8fc8] .over-utilized, [b-mpz9vy8fc8] .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-mpz9vy8fc8] .balanced {
    background: rgba(26, 171, 80, 0.25);
}
[b-mpz9vy8fc8] .over-utilized {
    background: rgba(241, 117, 26, 0.16);
}
[b-mpz9vy8fc8] .under-utilized {
    background: rgba(204, 43, 72, 0.20);
}
[b-mpz9vy8fc8] .se-emp-common-loader {
    height:70vh;
}
[b-mpz9vy8fc8] .epm-text {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
}

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

/* Badge */
[b-mpz9vy8fc8] .productive-badge, [b-mpz9vy8fc8] .unproductive-badge, [b-mpz9vy8fc8] .away-badge, [b-mpz9vy8fc8] .unclassifed-badge, 
[b-mpz9vy8fc8] .idle-badge, [b-mpz9vy8fc8] .idle-badge.dark, [b-mpz9vy8fc8] .unlicence-badge {
    display: inline-block;
}
[b-mpz9vy8fc8] .se-status-badge {
    border-radius: 1000px;
    background: #FFF;
    padding: 2px 5px;
    color: #15171C;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    margin-left: 4px;
}
[b-mpz9vy8fc8] .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-mpz9vy8fc8] .epm-badge-user.count {
    background: #ECEEF1;
    color: #15171C;
}

/* Grid */
[b-mpz9vy8fc8] .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
[b-mpz9vy8fc8] .se-filter-btn {
    background: #F5F6F8;
    margin-right: 12px;
}
/*::deep .se-grid-search .se-input.e-input-group.e-control-wrapper, ::deep .se-grid-search .se-input.e-input-group.e-control-wrapper.e-input-focus,
::deep .se-grid-search {
    background: #F5F6F8;
}*/
[b-mpz9vy8fc8] .epm-grid .epm-common-grid .e-pager .e-input-group.e-control-wrapper, [b-mpz9vy8fc8] .custom-pagination, 
[b-mpz9vy8fc8] .epm-grid .epm-common-grid .e-pager .e-numericcontainer {
    background: #F5F6F8;
}
[b-mpz9vy8fc8] .epm-grid .e-grid .e-pager {
    padding-inline: 12px;
}
[b-mpz9vy8fc8] .app-icon {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}
[b-mpz9vy8fc8] .emp-action{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
[b-mpz9vy8fc8] .emp-action img{
    cursor: pointer;
}
[b-mpz9vy8fc8] .excellent-badge, [b-mpz9vy8fc8] .good-badge, .average-badge[b-mpz9vy8fc8], [b-mpz9vy8fc8] .unsatisfactory-badge, [b-mpz9vy8fc8] .unproductivity-badge , [b-mpz9vy8fc8] .productivity-badge{
    color: var(--badge-secondary-text);
    border-radius: 100px;
    text-align: center;
    padding: 3px 16px;
    font-size: 12px;
    width: fit-content;
}
[b-mpz9vy8fc8] .unproductivity-badge {
    background: #F6B9E2;
}
[b-mpz9vy8fc8] .productivity-badge {
    background: #D0C1FC;
}
[b-mpz9vy8fc8] .excellent-badge {
    background: rgba(26, 171, 80, 0.25);
}
[b-mpz9vy8fc8] .good-badge {
    background: rgba(128, 103, 220, 0.25);
}
[b-mpz9vy8fc8] .average-badge {
    background: rgba(255, 200, 94, 0.25);
}
[b-mpz9vy8fc8] .unsatisfactory-badge {
    background: rgba(255, 109, 154, 0.25);
}
[b-mpz9vy8fc8] .new-badge {
    background: #fff;
    border: 1px solid #E7E9F5;
    border-radius: 100px;
    text-align: center;
    padding: 3px 16px;
}
[b-mpz9vy8fc8] .team-badge {
    background: #f5f6f8;
    border: 1px solid #f5f6f8;
    border-radius: 100px;
    text-align: center;
    padding: 3px 16px;
}

@media screen and (min-width: 1900px) {
    [b-mpz9vy8fc8] .epm-grid .e-grid .e-content {
        min-height: 58vh;
        height: 58vh;
    }
}
@media screen and (max-width: 1600px) {
    [b-mpz9vy8fc8] .epm-grid-img-text-wrap .app-title {
        font-size: 11px;
    }
    [b-mpz9vy8fc8] .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;
    }
    [b-mpz9vy8fc8] .epm-grid-profile-wrap .title, [b-mpz9vy8fc8] .epm-grid-profile-wrap .info {
        font-size: 13px;
        line-height: 20px;
    }
    [b-mpz9vy8fc8] .epm-grid .e-grid .e-headercell:first-child .e-headercelldiv {
        padding: 10px 22px !important;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1300px) {
    [b-mpz9vy8fc8] .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-mpz9vy8fc8] .se-grid-search-wrap {
        justify-content: space-between !important;
    }
    .row-gap-tab-15[b-mpz9vy8fc8] {
        row-gap: 15px;
    }
}
/* /Pages/EmployeeApproval.razor.rz.scp.css */
.epm-settings-main[b-mpmdrdmbnj] {
    padding: 20px;
    position: relative;
}

/**Tool Bar CSS Start**/
[b-mpmdrdmbnj] .epm-toolbar-main {
    margin-bottom:10px;
    width: 100%;
}
[b-mpmdrdmbnj] .epm-toolbar-right-two {
    display: flex;
    align-items: center;
    justify-content:flex-end;
    gap: 10px;
}
[b-mpmdrdmbnj] .epm-approved-count {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ECEDEF;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
[b-mpmdrdmbnj] .epm-approved-count.active {
    border-radius: 12px;
    border: 1px solid #15171C;
    background: #F2F3F6 !important;
}
[b-mpmdrdmbnj] .epm-approved-count img {
    width: 20px;
    height: 20px;
}
[b-mpmdrdmbnj] .epm-approved-count p {
    color: #15171C;
    font-size: 16px;
    font-weight: 700;
}
[b-mpmdrdmbnj] .epm-grid .e-grid .e-toolbar {
    border-top: 0;
    position: inherit;
    top: inherit;
    right: inherit;
    z-index: 9;
    min-height: 55px;
}
[b-mpmdrdmbnj] .date-picker-label {
    display: none !important;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .epm-filter-btn span {
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
[b-mpmdrdmbnj] .epm-reimb-count {
    display: flex;
    align-items: center;
    gap: 10px;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .fw-500 {
    font-weight: 500 !important;
}
[b-mpmdrdmbnj] .fw-600 {
    font-weight: 600 !important;
}
[b-mpmdrdmbnj] .e-grid .e-icon-grightarrow::before, [b-mpmdrdmbnj] .e-grid-menu .e-icon-grightarrow::before,
[b-mpmdrdmbnj] .e-grid .e-icon-gdownarrow::before, [b-mpmdrdmbnj] .e-grid-menu .e-icon-gdownarrow::before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background-position: center;
}
[b-mpmdrdmbnj] .e-grid .e-icon-grightarrow::before, [b-mpmdrdmbnj] .e-grid-menu .e-icon-grightarrow::before {
    background: url(/images/Icons/down-detail-icon.svg) no-repeat;
    background-position-x: 7px;
}
[b-mpmdrdmbnj] .e-grid .e-icon-gdownarrow::before, [b-mpmdrdmbnj] .e-grid-menu .e-icon-gdownarrow::before {
    background: url(/images/Icons/up-detail-icon.svg) no-repeat;
    background-position-x: 7px;
}

[b-mpmdrdmbnj] .epm-grid .e-grid .e-content {
    min-height: 65vh;
    height: 65vh;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}
[b-mpmdrdmbnj] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap {
    display: flex;
    margin-bottom: 2px;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .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-mpmdrdmbnj] .epm-grid-profile-wrap.employee-wrap .name-wrap .data {
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    color: #6D7081;
}
[b-mpmdrdmbnj] .epm-grid-heading {
    color: #15171C;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
[b-mpmdrdmbnj] .epm-grid-heading .duration-number {
    font-weight: 600;
}
[b-mpmdrdmbnj] .epm-grid-heading .duration-text {
    font-weight: 600;
    color: #6D7081;
}
[b-mpmdrdmbnj] .epm-grid-sub-heading {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}
/**Grid Custom CSS End**/

/**Travel Grid CSS Start**/
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .epm-grid .epm-travel-grid.e-grid .e-detailrowcollapse {
    text-align: -webkit-right;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .epm-grid .epm-travel-grid.e-grid e-detailrowcollapse {
    border-top: 1px solid #E7E9F5 !important;
}
[b-mpmdrdmbnj] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-radius: 0;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] {
    border-right: 1px solid #E7E9F5 !important;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .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-mpmdrdmbnj] .epm-child-table {
    border: 1px solid #E7E9F5 !important;
    border-radius: 20px;
    margin-bottom: 25px;
    margin-top: 24px;
    margin-right: 10px;
}
[b-mpmdrdmbnj] .epm-grid .epm-child-table.e-grid .e-content {
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
}
[b-mpmdrdmbnj] .epm-grid .epm-child-table.e-grid .e-gridcontent {
    margin-top: 0 !important;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .epm-grid .epm-child-table.e-grid .e-gridheader {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
[b-mpmdrdmbnj] .epm-grid .epm-child-table.e-grid .e-detailrowexpand {
    border-top: 0 !important;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj], .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover svg[b-mpmdrdmbnj] {
    filter: brightness(0) invert(1);
}
.se-h-40[b-mpmdrdmbnj] {
    height: 40vh;
}
/* Computer and Mobile common grid changes */
[b-mpmdrdmbnj] .epm-reject, [b-mpmdrdmbnj] .epm-approve {
    border-radius: 45px;
    background: transparent;
    padding: 6px 16px;
    width: fit-content;
    color: #3E4152;
    font-size: 12px;
    font-weight: 500;
    border: none;
}
[b-mpmdrdmbnj] .action-icons .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: #8067DC !important;
}
[b-mpmdrdmbnj] .epm-custom-pagination-dropdown.e-input-group .e-input-group-icon {
    background: #fff;
}
[b-mpmdrdmbnj] .action-icons img {
    cursor: pointer;
}
[b-mpmdrdmbnj] .epm-monitoring-type {
    color: var(--text-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-decoration: underline;
}
[b-mpmdrdmbnj] .epm-merged-cell {
    vertical-align: middle;
    padding: 8px;
    border-right: 1px solid #E7E9F5 !important;
}
[b-mpmdrdmbnj] .epm-nested-table td {
    vertical-align: middle;
}
[b-mpmdrdmbnj] .epm-nested-table tbody tr:last-child td {
    border-bottom: inherit;
}
[b-mpmdrdmbnj] .e-grid [aria-selected] + tr .e-detailindentcell {
    border-right-width: 0;
}
[b-mpmdrdmbnj] .epm-nested-table th {
    font-size: 11px;
    font-weight: 500;
    color: #6D7081;
    background: #fff;
    vertical-align: middle;
    text-transform:uppercase;
}
[b-mpmdrdmbnj] .epm-nested-table thead {
    border: 1px solid #E7E9F5;
}
[b-mpmdrdmbnj] .epm-nested-table td {
    border: 1px solid #E7E9F5;
    border-right: 0;
    border-bottom: 0;
}
[b-mpmdrdmbnj] .epm-nested-table tbody {
    border: 1px solid #E7E9F5;
}
[b-mpmdrdmbnj] .e-grid .e-gridcontent tr:first-child td {
    border-top: 1px solid #E7E9F5 !important;
}
[b-mpmdrdmbnj] .epm-grid .e-grid .e-rowcell {
    border-color: #E7E9F5;
}
[b-mpmdrdmbnj] .epm-nested-table thead tr th:first-child {
    border-top-left-radius: 25px;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .epm-grid .e-grid .e-gridheader {
    border-radius: inherit;
    border: 1px solid #E7E9F5;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
[b-mpmdrdmbnj] .epm-grid .e-grid .e-gridcontent {
    border-radius: inherit;
}
[b-mpmdrdmbnj] .e-grid.e-default .e-detailrowcollapse.e-lastrowcell, [b-mpmdrdmbnj] .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
    border-bottom-width: 0;
}
[b-mpmdrdmbnj] .e-grid.e-default .e-detailrow .e-lastrowcell {
    border-bottom: inherit;
}
[b-mpmdrdmbnj] .epm-nested-table {
    border-collapse: separate !important;
    border-spacing: 0;
    border: 1px solid #E7E9F5;
    border-radius: 12px;
    overflow: hidden;
}
[b-mpmdrdmbnj] .epm-nested-table thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
}
[b-mpmdrdmbnj] .epm-nested-table thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
}
[b-mpmdrdmbnj] .epm-nested-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}
[b-mpmdrdmbnj] .epm-nested-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}
[b-mpmdrdmbnj] .approved-action-bg, [b-mpmdrdmbnj] .rejected-action-bg, [b-mpmdrdmbnj] .approved-bg, [b-mpmdrdmbnj] .rejected-bg {
    border-radius: 45px;
    padding: 5px 10px;
    width: fit-content;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 11px;
}
[b-mpmdrdmbnj] .approved-action-bg, [b-mpmdrdmbnj] .approved-bg {
    background: rgba(26, 171, 80, 0.12);
}
[b-mpmdrdmbnj] .rejected-action-bg {
    background: rgba(255, 0, 0, 0.12);
}
[b-mpmdrdmbnj] .rejected-bg {
    background: rgba(204, 43, 72, 0.12);
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .category {
    color: var(--text-secondary);
    font-weight: 500;
}
[b-mpmdrdmbnj] .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-mpmdrdmbnj] .time-tracker-wrap {
    border-radius: 12px 12px 16px 16px;
    border: 1px solid #E7E9F5;
    background: #FFF;
    padding: 10px 10px 0 10px;
}
[b-mpmdrdmbnj] .timeline-container {
    position: relative;
    width: 1200px;
    margin: 20px auto;
}
[b-mpmdrdmbnj] .timeline {
    list-style: none;
    padding: 0;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 0;
}
[b-mpmdrdmbnj] .timeline li {
    flex: 1;
    text-align: center;
    font-size: 12px;
    color: #6c757d;
    position: relative;
}

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

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

[b-i82hfvauc8] .epm-grid .e-grid .e-content {
    /*-ms-overflow-style: scroll;
    scrollbar-width: none;*/
    overflow-x: hidden;
}
@media screen and (max-width: 1400px) {
    [b-i82hfvauc8] .epm-grid .e-grid .e-content {
        overflow-x: auto;
    }
}
@media screen and (max-width: 1600px) {
    [b-i82hfvauc8] .epm-tracker-info-wrap {
        padding-top: 12px;
    }
}
@media screen and (min-width: 1900px) {
    [b-i82hfvauc8] .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-w7n5xmtv12] {
    position: relative;
    padding: 15px 18px;
}

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

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

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

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

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

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

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

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

[b-w7n5xmtv12] .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-w7n5xmtv12] .epm-dashboard-table > thead > tr > th:first-child {
    padding: 5px 16px;
}

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

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

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

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

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

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

[b-w7n5xmtv12] .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-w7n5xmtv12] .productive-usage {
    background-color: var(--light-violet);
}

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

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

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

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

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

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

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

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

    [b-w7n5xmtv12] .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-w7n5xmtv12] .epm-emp-deat-title, [b-w7n5xmtv12] .epm-emp-deat-title-info {
        font-size: 20px;
    }
    [b-w7n5xmtv12] .epm-dashboard-table-overall .title-wrap .title {
        font-size: 14px;
    }
    [b-w7n5xmtv12] .epm-dashboard-table-overall {
        padding: 24px 12px 12px 12px;
    }
    [b-w7n5xmtv12] .epm-dashboard-table > thead > tr > th {
        padding: 5px 16px;
    }
    [b-w7n5xmtv12] .epm-dashboard-table > tbody > tr > td {
        padding: 10px 8px 10px 12px;
        font-size: 12px;
    }
    [b-w7n5xmtv12] .epm-dashboard-table > tbody > tr > td.usage .title, [b-w7n5xmtv12] ::deep .productive-details .name {
        font-size: 12px;
    }
    [b-w7n5xmtv12] .epm-dashboard-table > tbody > tr > td.usage .info {
        font-size: 11px;
        padding-left: 8px;
    }
}

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

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

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

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

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

    [b-w7n5xmtv12] .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-w7n5xmtv12] {
        row-gap: 20px;
    }
}

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

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

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

/* table data badges */
[b-kkfqpn65vq] .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-kkfqpn65vq] .expense-type.trip {
    background-color: rgba(220, 103, 105, 0.12);
}
[b-kkfqpn65vq] .expense-type.fuel {
    background-color: rgba(220, 197, 103, 0.16);
}
[b-kkfqpn65vq] .expense-type.food {
    background-color: rgba(26, 171, 80, 0.08);
}
[b-kkfqpn65vq] .expense-type.training {
    background-color: rgba(26, 94, 241, 0.08);
}
.selected-txt[b-kkfqpn65vq] {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #15171C;
}
.filter-ico[b-kkfqpn65vq] {
    filter: brightness(0) invert(1);
}
.selected-expense[b-kkfqpn65vq] {
    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-kkfqpn65vq] {
    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-kkfqpn65vq] {
    padding: 8px;
}
.report-text[b-kkfqpn65vq] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}
.report-cost[b-kkfqpn65vq] {
    color: #15171C;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
.report-box[b-kkfqpn65vq] {
    overflow-y: auto;
    max-height: 120px;
    padding-right: 1px;
}
.report-box-hover[b-kkfqpn65vq] {
    padding: 12px;
    transition: 0.2s;
    border-radius: 8px;
}
.report-box-hover:hover[b-kkfqpn65vq] {
    background-color: #E1DBF7;
}
.report-box-hover:hover .report-text[b-kkfqpn65vq] {
    color: #15171C;
}
.report-add-link[b-kkfqpn65vq] {
    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-kkfqpn65vq] .se-datepicker.e-input-group, [b-kkfqpn65vq] .se-timepicker.e-input-group, [b-kkfqpn65vq] .se-datepicker.e-input-group .e-input.e-datepicker, [b-kkfqpn65vq] .se-timepicker.e-input-group .e-input.e-timepicker {
    width: 100% !important;
}
.rupee-ico[b-kkfqpn65vq] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}
[b-kkfqpn65vq] .pad-custom-left .se-input.e-input-group.e-control-wrapper .e-input{
    padding-left: 40px !important;
}

/* Uploader */
[b-kkfqpn65vq] .e-upload .e-file-select-wrap{
    padding: 40px 0;
}
[b-kkfqpn65vq] .sf-se-img-uploader-wrap {
    border-radius: 12px;
    border: 1px dashed #8067DC;
    background: #F5F6F8;
    padding: 5px;
}
[b-kkfqpn65vq] .sf-se-img-uploader-wrap .e-file-select-wrap {
    text-align: center;
}
[b-kkfqpn65vq] .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-kkfqpn65vq] .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-kkfqpn65vq] .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-kkfqpn65vq] .sf-se-img-uploader-wrap .e-upload-files {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 10px;
}
[b-kkfqpn65vq] .sf-se-img-uploader-wrap .e-upload-files .e-upload-file-list {
    border-bottom: 0;
}

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

/*Receipt report dialog*/
.se-receipt-popup-content-wrap[b-kkfqpn65vq] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}
.se-common-popup-title-wrap--title[b-kkfqpn65vq] {
    color: #15171C;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}
.se-receipt-date[b-kkfqpn65vq] {
    color: #6D7081;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.action-btn[b-kkfqpn65vq] {
    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-kkfqpn65vq] {
    width: 16px;
    height: 16px;
}
.se-food-details-txt[b-kkfqpn65vq] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}
.se-receipt-date > span[b-kkfqpn65vq], .se-food-details-txt > span[b-kkfqpn65vq] {
    color: #15171C;
    font-weight: 700;
}
.se-food-details-desc[b-kkfqpn65vq] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.history-section[b-kkfqpn65vq] {
    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-kkfqpn65vq] {
    position: absolute;
    top: 5px;
    left: -5px;
    transform: rotate(180deg);
    width: 35px;
    height: 35px;
}
.history-section .se-common-popup-title-wrap--title[b-kkfqpn65vq] {
    border-bottom: 1px solid #F3F4F6;
}
.receipt-img[b-kkfqpn65vq] {
    width: 100%;
    height: 490px;
    max-height: 490px;
}
.history-section .epm-user-badge[b-kkfqpn65vq] {
    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-kkfqpn65vq]::after {
    content: "";
    position: absolute;
    top: 40px;
    left: 49%;
    height: 50px;
    width: 1px;
    background: #F2F3F6;
}
.history-section ul li:last-child .epm-user-badge[b-kkfqpn65vq]::after {
    display: none;
}
.ef-creator-name[b-kkfqpn65vq] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.ef-creator-history[b-kkfqpn65vq] {
    color: #15171C;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}
.ef-creator-history>span[b-kkfqpn65vq] {
    color: #6D7081;
}
.ef-create-date[b-kkfqpn65vq] {
    color: #6D7081;
    font-size: 11px;
    line-height: normal;
    font-weight: 500;
}

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

/* Select all alert */
.select-all-alert[b-kkfqpn65vq] {
    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-kkfqpn65vq] {
    width: 20px;
    height: 20px;
}

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

    /* Button changes */
    [b-kkfqpn65vq] .se-btn-primary.icon img {
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 1400px) {
    .history-section[b-kkfqpn65vq] {
        max-height: 450px;
    }
    .receipt-img[b-kkfqpn65vq] {
        max-height: 300px;
    }
}
@media screen and (max-width: 1600px) {
    [b-kkfqpn65vq] .epm-grid .e-grid .e-rowcell:first-child {
        padding-left: 12px;
    }
}
@media screen and (min-width: 1900px) and (max-width: 2000px) {
    [b-kkfqpn65vq] .epm-grid .e-grid .e-content {
        min-height: 65vh;
        height: 65vh;
    }
}
/* /Pages/Employees/Expense/ReportListView.razor.rz.scp.css */
/**Tool Bar CSS Start**/
[b-brj3d4oq6z] .epm-employee-grid-wrap .e-toolbar-items {
    width: 100% !important;
    background: transparent;
}
[b-brj3d4oq6z] .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-brj3d4oq6z] .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-brj3d4oq6z] .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-brj3d4oq6z] .epm-grid .epm-child-table.e-grid .e-headercell:nth-child(4), [b-brj3d4oq6z] .epm-grid .epm-child-table.e-grid .e-rowcell:nth-child(4),
[b-brj3d4oq6z] .epm-grid .epm-child-table.e-grid .e-headercell:nth-child(5), [b-brj3d4oq6z] .epm-grid .epm-child-table.e-grid .e-rowcell:nth-child(5) {
    border-right: 0 !important;
}
.nodata-align-fix[b-brj3d4oq6z] {
    margin-top: 20vh;
}
[b-brj3d4oq6z] .epm-grid .e-grid .e-gridheader {
    border: 0;
}
[b-brj3d4oq6z] .e-grid .e-detailheadercell {
    border: 0;
}
[b-brj3d4oq6z] .e-grid .e-detailrowcollapse {
    border-color: #E7E9F5;
}
[b-brj3d4oq6z] .epm-grid .e-grid .e-rowcell {
    border-color: #E7E9F5;
}
[b-brj3d4oq6z] .e-grid .e-icon-grightarrow::before, [b-brj3d4oq6z] .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-brj3d4oq6z] .e-grid .e-icon-gdownarrow::before, [b-brj3d4oq6z] .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-brj3d4oq6z] .e-grid [aria-selected] + tr .e-detailindentcell {
    border: 0;
}
[b-brj3d4oq6z] .epm-grid .e-grid .e-headercell:first-child {
    padding-left: inherit !important;
}
[b-brj3d4oq6z] .e-grid .e-icon-grightarrow {
    padding: 0 !important;
}
[b-brj3d4oq6z] .epm-grid .e-grid .e-headercell {
    border-bottom: none;
}
/**Grid CSS End**/

/**Travel Grid CSS Start**/
[b-brj3d4oq6z] .epm-grid .epm-travel-grid.e-grid .e-content {
    min-height: 57vh;
    height: 57vh;
}
[b-brj3d4oq6z] .epm-grid .epm-travel-grid.e-grid .e-detailindentcell {
    border-left: 1px solid #E7E9F5 !important;
    border-bottom-left-radius: 10px !important;
}
[b-brj3d4oq6z] .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-brj3d4oq6z] .epm-grid .epm-travel-grid.e-grid e-detailrowcollapse {
    border-top: 1px solid #E7E9F5 !important;
}
[b-brj3d4oq6z] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-radius: 0;
}
[b-brj3d4oq6z] .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-brj3d4oq6z] {
    border-right: 1px solid #E7E9F5 !important;
}
[b-brj3d4oq6z] .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-brj3d4oq6z] .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-brj3d4oq6z] .epm-child-table {
    border: 1px solid #E7E9F5 !important;
    border-radius: 20px;
    margin-bottom:25px;
}
[b-brj3d4oq6z] .epm-grid .epm-child-table.e-grid .e-content {
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
}
[b-brj3d4oq6z] .epm-grid .epm-child-table.e-grid .e-gridcontent {
    margin-top: 0 !important;
}
[b-brj3d4oq6z] .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-brj3d4oq6z] .epm-grid .epm-child-table.e-grid .e-gridheader {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
[b-brj3d4oq6z] .epm-grid .epm-child-table.e-grid .e-detailrowexpand {
    border-top: 0 !important;
}
[b-brj3d4oq6z] .epm-grid .epm-child-table.e-grid .e-rowcell {
    border-right: 1px solid #E7E9F5;
    overflow:visible;
}
/**Child Grid CSS End**/

/**New Changes**/
[b-brj3d4oq6z] .e-grid-loader{
   top:150%!important;
}
[b-brj3d4oq6z] .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-brj3d4oq6z] .expense-type {
    border-radius: 42px;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    width: max-content;
}
[b-brj3d4oq6z] .expense-type.trip {
    background-color: rgba(220, 103, 105, 0.12);
}
[b-brj3d4oq6z] .expense-type.fuel {
    background-color: rgba(220, 197, 103, 0.16);
}
[b-brj3d4oq6z] .expense-type.food {
    background-color: rgba(26, 171, 80, 0.08);
}
[b-brj3d4oq6z] .expense-type.training {
    background-color: rgba(26, 94, 241, 0.08);
}

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

/* Uploader */
[b-brj3d4oq6z] .e-upload .e-file-select-wrap{
    padding: 40px 0;
}
[b-brj3d4oq6z] .sf-se-img-uploader-wrap {
    border-radius: 12px;
    border: 1px dashed #8067DC;
    background: #F5F6F8;
    padding: 5px;
}
[b-brj3d4oq6z] .sf-se-img-uploader-wrap .e-file-select-wrap {
    text-align: center;
}
[b-brj3d4oq6z] .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-brj3d4oq6z] .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-brj3d4oq6z] .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-brj3d4oq6z] .sf-se-img-uploader-wrap .e-upload-files {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 10px;
}
[b-brj3d4oq6z] .sf-se-img-uploader-wrap .e-upload-files .e-upload-file-list {
    border-bottom: 0;
}

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

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

@media screen and (max-width: 1024px) {
    [b-brj3d4oq6z] .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-04y4bvvoi8] {
	background-color: var(--bg-primary);
	border: 1px solid var(--bg-primary);
	padding: 16px;
	border-radius: 22px;
	display: flex;
	column-gap: 15px;
}
.report-details[b-04y4bvvoi8] {
    padding: 12px 16px;
    border-radius: 16px;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #FFF;
}
.report-details.active[b-04y4bvvoi8] {
	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-04y4bvvoi8] {
	background-color: #F5F6F8;
	padding: 4px 10px;
	border-radius: 16px;
	color: #1E2941;
	font-size: 13px;
	line-height: normal;
	font-weight: 600;
}
.report-name[b-04y4bvvoi8] {
	color: #6D7081;
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
}
.report-name .report-count[b-04y4bvvoi8] {
    font-size: 11px;
}
.report-date[b-04y4bvvoi8] {
	color: #6D7081;
	font-size: 13px;
	line-height: normal;
	font-weight: 400;
}
.report-amt[b-04y4bvvoi8] {
	color: #15171C;
	font-size: 15px;
	font-weight: 700;
	line-height: normal;
}
.report-status[b-04y4bvvoi8] {
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
}
.row-gap-15[b-04y4bvvoi8] {
	row-gap: 15px;
}
.report-head-title[b-04y4bvvoi8] {
	font-size: 18px;
	line-height: normal;
	font-weight: 700;
	color: #15171C;
}
.slider-arrow-bg[b-04y4bvvoi8] {
	background-color: #FFF;
	border-radius: 12px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.h-75-vh[b-04y4bvvoi8] {
	height: 75vh;
}

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

/* Uploader */
[b-04y4bvvoi8] .e-upload .e-file-select-wrap{
    padding: 40px 0;
}
[b-04y4bvvoi8] .sf-se-img-uploader-wrap {
    border-radius: 12px;
    border: 1px dashed #8067DC;
    background: #F5F6F8;
    padding: 5px;
}
[b-04y4bvvoi8] .sf-se-img-uploader-wrap .e-file-select-wrap {
    text-align: center;
}
[b-04y4bvvoi8] .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-04y4bvvoi8] .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-04y4bvvoi8] .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-04y4bvvoi8] .sf-se-img-uploader-wrap .e-upload-files {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 10px;
}
[b-04y4bvvoi8] .sf-se-img-uploader-wrap .e-upload-files .e-upload-file-list {
    border-bottom: 0;
}

/* Report add popup(tooltip) changes */
.report-popup-clone[b-04y4bvvoi8] {
    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-04y4bvvoi8] {
    padding: 8px;
}
.report-text[b-04y4bvvoi8] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}
.report-cost[b-04y4bvvoi8] {
    color: #15171C;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}
.report-box[b-04y4bvvoi8] {
    overflow-y: auto;
    max-height: 120px;
    padding-right: 1px;
}
.report-box-hover[b-04y4bvvoi8] {
    padding: 12px;
    transition: 0.2s;
    border-radius: 8px;
}
.report-box-hover:hover[b-04y4bvvoi8] {
    background-color: #E1DBF7;
}
.report-box-hover:hover .report-text[b-04y4bvvoi8] {
    color: #15171C;
}
.report-add-link[b-04y4bvvoi8] {
    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-04y4bvvoi8] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}
.se-common-popup-title-wrap--title[b-04y4bvvoi8] {
    color: #15171C;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}
.se-receipt-date[b-04y4bvvoi8] {
    color: #6D7081;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.action-btn[b-04y4bvvoi8] {
    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-04y4bvvoi8] {
    width: 16px;
    height: 16px;
}
.se-food-details-txt[b-04y4bvvoi8] {
    color: #6D7081;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}
.se-receipt-date > span[b-04y4bvvoi8], .se-food-details-txt > span[b-04y4bvvoi8] {
    color: #15171C;
    font-weight: 700;
}
.se-food-details-desc[b-04y4bvvoi8] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.history-section[b-04y4bvvoi8] {
    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-04y4bvvoi8] {
    position: absolute;
    top: 5px;
    left: -5px;
    transform: rotate(180deg);
    width: 35px;
    height: 35px;
}
.history-section .se-common-popup-title-wrap--title[b-04y4bvvoi8] {
    border-bottom: 1px solid #F3F4F6;
}
.receipt-img[b-04y4bvvoi8] {
    width: 100%;
    height: 490px;
    max-height: 490px;
}
.history-section .epm-user-badge[b-04y4bvvoi8] {
    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-04y4bvvoi8]::after {
    content: "";
    position: absolute;
    top: 40px;
    left: 49%;
    height: 50px;
    width: 1px;
    background: #F2F3F6;
}
.history-section ul li:last-child .epm-user-badge[b-04y4bvvoi8]::after {
    display: none;
}
.ef-creator-name[b-04y4bvvoi8] {
    color: #6D7081;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}
.ef-creator-history[b-04y4bvvoi8] {
    color: #15171C;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}
.ef-creator-history>span[b-04y4bvvoi8] {
    color: #6D7081;
}
.ef-create-date[b-04y4bvvoi8] {
    color: #6D7081;
    font-size: 11px;
    line-height: normal;
    font-weight: 500;
}

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

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

/* Badge */
[b-pidvoem5kp] .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-pidvoem5kp] .se-dte-card-status.pending {
    background-color: #F1751A29;
}
[b-pidvoem5kp] .se-dte-card-status.approved {
    background-color: #1AAB5029;
}
[b-pidvoem5kp] .se-dte-card-status.reject {
    background-color: #CC2B4829;
}
[b-pidvoem5kp] .se-dte-card-status.reimbursed {
    background-color: #CC2B4829;
}
[b-pidvoem5kp] .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-pidvoem5kp] {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #15171C;
    margin-bottom: 7px;
}
.font-12[b-pidvoem5kp] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #6D7081;
}
.font-12.txt-blk[b-pidvoem5kp] {
    color: #15171C;
}
.font-12.txt-gray[b-pidvoem5kp] {
    color: #3E4152;
}
.font-12.txt-ellipsis[b-pidvoem5kp] {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}
.font-13[b-pidvoem5kp] {
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    color: #15171C;
}
.fw-600[b-pidvoem5kp] {
    font-weight: 600 !important;
}

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

[b-pidvoem5kp] .se-column-divider {
    height: 1px;
    background: #DDDFEB;
    width: 100%;
}
.se-map-popup-content-wrap[b-pidvoem5kp] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}
@media screen and (max-width: 1600px) {
    [b-pidvoem5kp] .epm-grid .e-grid .e-headercell:first-child {
        padding-left: 10px !important;
    }
}


/*Maps*/

/* Popup header */
.se-map-popup-title[b-pidvoem5kp] {
    color: #15171C;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.trip-badge[b-pidvoem5kp] {
    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-pidvoem5kp] {
    padding: 16px;
    border-radius: 16px;
    background: #F5F6F8;
}

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

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

.action-btn[b-pidvoem5kp] {
    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-pidvoem5kp] {
        width: 16px;
        height: 16px;
    }

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

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

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

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

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

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

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

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

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

[b-pidvoem5kp] .se-input-dropdown {
    background: #F5F6F8 !important;
}

/* Map container */
.se-render-leaf-map[b-pidvoem5kp] {
    width: 100%;
    height: 490px;
    max-height: 490px;
}

[b-pidvoem5kp] .ea-maps-stop-wrap .ea-maps-stop {
    color: #FFF;
    height: 24px;
    width: 24px;
    text-align: center;
    font-size: 14px;
    padding: 3px 0;
    border-radius: 6px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.32px;
}

@media screen and (max-width: 1400px) {
    .se-render-leaf-map[b-pidvoem5kp] {
        height: 55vh;
    }
}
/* /Pages/ErrorComponent.razor.rz.scp.css */
.epm-pnf-logo[b-xf479p626v] {
    display: flex;
    margin: 0 auto;
    margin-top: 60px;
    justify-content: center;
}
.page-not-found-wrap[b-xf479p626v] {
    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-xf479p626v] {
    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-xf479p626v] {
    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-xf479p626v] {
        background: url(/images/MainLayout/404-bg.svg) no-repeat #FFF 32px -201px;
        min-height: calc(100vh - 108px);
    }
    .page-not-found img[b-xf479p626v] {
        width: 200px;
    }
    .epm-pnf-title[b-xf479p626v] {
        font-size: 20px;
        line-height: 24px;
        margin-top: 40px;
    }
    .epm-pnf-data[b-xf479p626v] {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 24px;
    }
}
/* /Pages/InsightReports/AppAndWebsiteUsageComponent.razor.rz.scp.css */
[b-jlq9c6jana] .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-jlq9c6jana] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
[b-jlq9c6jana] .date-picker-label {
    display: none;
}
/**Temporiry Fix(Need to fix properly)**/
[b-jlq9c6jana] .nodata {
    margin-top: 14rem !important;
}

[b-jlq9c6jana] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/AppVersionReport.razor.rz.scp.css */
[b-e6mhra1z1z] .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-e6mhra1z1z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}

[b-e6mhra1z1z] .date-picker-label {
    display: none;
}
/**Temporiry Fix(Need to fix properly)**/
[b-e6mhra1z1z] .nodata {
    margin-top: 14rem !important;
}

[b-e6mhra1z1z] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/EmployeeMonthlyViewComponent.razor.rz.scp.css */
.epm-grid-profile-wrap[b-anqx2us797] {
    display: inline-flex;
    align-items: center;
}
.epm-grid-profile-wrap .title[b-anqx2us797] {
    text-decoration:none;
}
[b-anqx2us797] .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-anqx2us797] .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-anqx2us797] {
    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-anqx2us797] {
    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-anqx2us797] {
    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-anqx2us797] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    margin-top: 10px;
    z-index: 9;
}

.e-progressbar-linear[b-anqx2us797] {
    border-radius: 5px;
}
.custom-header[b-anqx2us797] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.day-of-week[b-anqx2us797] {
    font-size: 10px;
    color: #666; /* Optional: adjust color for better contrast */
}
[b-anqx2us797] .epm-grid .e-grid .e-rowcell{
    background-color:#fff!important;
    position:relative;
}
[b-anqx2us797] .epm-grid .e-grid .e-headercell {
    background-color: #fff !important;
}
[b-anqx2us797] .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-anqx2us797] .epm-grid-custom-toolbar {
    position: unset !important;
    min-height: auto !important;
    text-align: center;
    margin-bottom: 12px;
}
[b-anqx2us797] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items {
    width: 100%;
    z-index: 9;
    position: relative;
    background: transparent;
}
[b-anqx2us797] .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-anqx2us797] {
    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-297cdtm167] .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-297cdtm167] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
[b-297cdtm167] .date-picker-label {
    display: none;
}
/**Temporiry Fix(Need to fix properly)**/
[b-297cdtm167] .nodata {
    margin-top: 14rem !important;
}

[b-297cdtm167] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/ProductiveScoreComponent.razor.rz.scp.css */
[b-zt84f184rn] .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-zt84f184rn] .date-picker-label {
    display: none;
}
.se-report-wrap[b-zt84f184rn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
/**Temporiry Fix(Need to fix properly)**/
[b-zt84f184rn] .nodata {
    margin-top: 14rem !important;
}

[b-zt84f184rn] .se-round-radio .e-radio + label{
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/SiteSearchReport.razor.rz.scp.css */
[b-8cysqhko53] .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-8cysqhko53] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
[b-8cysqhko53] .date-picker-label {
    display: none;
}
/**Temporiry Fix(Need to fix properly)**/
[b-8cysqhko53] .nodata {
    margin-top: 14rem !important;
}

[b-8cysqhko53] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/TopProductiveEmployeeComponent.razor.rz.scp.css */
[b-qj5czevdgz] .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-qj5czevdgz] .date-picker-label {
    display: none;
}
.se-report-wrap[b-qj5czevdgz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
/**Temporiry Fix(Need to fix properly)**/
[b-qj5czevdgz] .nodata {
    margin-top: 14rem !important;
}

[b-qj5czevdgz] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/InsightReports/TopUnProductiveEmployeeComponent.razor.rz.scp.css */
[b-nqbmc9vej8] .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-nqbmc9vej8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
}
[b-nqbmc9vej8] .date-picker-label {
    display: none;
}
/**Temporiry Fix(Need to fix properly)**/
[b-nqbmc9vej8] .nodata {
    margin-top: 14rem !important;
}

[b-nqbmc9vej8] .se-round-radio .e-radio + label {
    width: auto !important;
    height: auto !important;
}
/* /Pages/Insights.razor.rz.scp.css */
.epm-mainpage[b-cuugse1xc0] {
    padding: 10px 25px;
}
[b-cuugse1xc0] .se-quadrant-dropdown-lbl {
    color: #15171C;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    white-space: nowrap;
}
[b-cuugse1xc0] .se-team-dropdown.e-input-group, [b-cuugse1xc0] .se-department-dropdown.e-input-group {
    width: 200px !important;
    border: 1px solid #ECEDEF !important;
}
[b-cuugse1xc0] .se-input.e-input-group.e-control-wrapper.e-ddl.se-team-dropdown .e-input[readonly],
[b-cuugse1xc0] .se-input.e-input-group.e-control-wrapper.e-ddl.se-department-dropdown .e-input[readonly] {
    background: #FFF;
}
[b-cuugse1xc0] .se-team-dropdown.e-input-group::before, [b-cuugse1xc0] .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-cuugse1xc0] .se-team-dropdown.e-input-group::before {
    background-image: url(/images/Icons/team1.svg);
}
[b-cuugse1xc0] .se-department-dropdown.e-input-group::before {
    background-image: url(/images/Icons/department-ico.svg);
}
@media screen and (max-width: 1600px) {
    [b-cuugse1xc0] .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;
    }
}
/* /Pages/MapView.razor.rz.scp.css */
.epm-map-left-column[b-wjamzzdzyx], .epm-map-right-column[b-wjamzzdzyx] {
    box-sizing: border-box;
}
.epm-map-left-column[b-wjamzzdzyx] {
    flex: 0 0 20%;
    padding: 0;
}
.epm-map-right-column[b-wjamzzdzyx] {
    flex: 0 0 80%;
    padding: 0;
}
.se-map-container[b-wjamzzdzyx] {
    background-color: var(--bg-primary);
    height: 100%;
}
.epm-overall-left-wrap[b-wjamzzdzyx] {
    background: var(--track-name-bg);
    height: 100%;
}
[b-wjamzzdzyx] .epm-overall-right-wrap .title-wrap .most-prod-emp-title {
    margin-bottom: 0;
    color: var(--text-primary);
    font-family: Inter;
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    padding-left: 14px;
}
[b-wjamzzdzyx] .epm-overall-right-wrap {
    padding: 10px 0;
    background: var(--bg-white);
    border-top: 1px solid var(--bg-primary);
}
.epm-map-title-wrap[b-wjamzzdzyx] {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 8px 13px 0 13px;
}
[b-wjamzzdzyx] .epm-grid .e-grid .e-content {
    min-height: 70vh;
    height: 70vh;
}
[b-wjamzzdzyx] .epm-dropdown {
    border-radius: 12px;
    background: #F5F6F8;
    padding: 12px 16px;
    border: none;
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
}
[b-wjamzzdzyx] .epm-map-dropdown .epm-dropdown {
    background: #fff !important;
}

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

/* Org details card style */
[b-wjamzzdzyx] .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-wjamzzdzyx] .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-wjamzzdzyx] .se-org-details-card p:last-child {
    border-bottom: none;
}
[b-wjamzzdzyx] .ep-geofencing-check {
    padding: 10px 12px;
    border-radius: 12px;
    background: #FFF;
}
@media(max-width:1800px){
    .epm-map-left-column[b-wjamzzdzyx] {
        flex: 0 0 25%;
    }
    .epm-map-right-column[b-wjamzzdzyx] {
        flex: 0 0 75%;
    }
}
@media(max-width:1440px){
    .epm-map-left-column[b-wjamzzdzyx] {
        flex: 0 0 30%;
    }
    .epm-map-right-column[b-wjamzzdzyx] {
        flex: 0 0 70%;
    }
}
@media(max-width:1280px) {
    .epm-map-left-column[b-wjamzzdzyx] {
        flex: 0 0 35%;
    }
    .epm-map-right-column[b-wjamzzdzyx] {
        flex: 0 0 65%;
    }
}
@media(max-width:1160px) {
    .epm-map-left-column[b-wjamzzdzyx] {
        flex: 0 0 100%;
    }
    .epm-map-right-column[b-wjamzzdzyx] {
        flex: 0 0 100%;
    }
}
/* /Pages/MobileMapView.razor.rz.scp.css */
.se-map-container[b-kt6xd8flso] {
    background-color: var(--bg-primary);
    height: 100%;
}
.epm-overall-left-wrap[b-kt6xd8flso] {
    background: var(--track-name-bg);
    height: 100%;
}
[b-kt6xd8flso] .datepicker-bg-grey {
    padding: 4px 16px;
}
[b-kt6xd8flso] .epm-grid .e-grid .e-content {
    min-height: 59vh !important;
    height: 59vh !important;
}
[b-kt6xd8flso] .epm-custom-legend-one{
    display:flex;
    align-items:center;
    gap:5px;
}
[b-kt6xd8flso] .epm-custom-legend-one span{
    color:#3E4152;
    font-size: 12px;
    font-weight: 400;
}
[b-kt6xd8flso] .epm-custom-legend-one svg{
    max-width:6px;
}
[b-kt6xd8flso] .epm-grid .e-grid td{
    cursor:pointer;
}
[b-kt6xd8flso] .epm-grid .e-grid td.e-active {
    background: rgba(225, 219, 247, 0.44) !important;
}
[b-kt6xd8flso] .epm-grid .e-grid td.e-focus .img-close {
    display:none;
}
[b-kt6xd8flso] .epm-grid .e-grid td.e-focus.e-active .img-close {
    display: block;
}
[b-kt6xd8flso] .epm-grid .e-grid td.e-active .epm-custom-legend-one {
    display: none;
}
[b-kt6xd8flso] .se-datepicker.e-input-group {
    width: 100%;
}
.epm-map-title-wrap[b-kt6xd8flso] {
    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-kt6xd8flso] #epm-maps-globe_ToolBar, [b-kt6xd8flso] #epm-maps_ToolBar {
    left: 40px !important;
}
[b-kt6xd8flso] .epm-tabs.e-tab .e-tab-header {
    position: absolute;
    top: -50px;
    right: 12px;
    width: auto !important;
}
[b-kt6xd8flso] .epm-grid .e-grid .e-gridcontent {
    border-radius: 0 0 16px 16px;
}
[b-kt6xd8flso] .epm-overall-right-wrap {
    border-top-left-radius:16px;
    border-top-right-radius:0;
    padding-bottom: 0;
}
[b-kt6xd8flso] .epm-grid .e-grid .e-pager {
    padding-top: 0;
    background: #fff;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 0;
}
[b-kt6xd8flso] .epm-grid .e-grid .e-gridcontent{
    border-radius:0;
}
[b-kt6xd8flso] .epm-map-left-column .px-3 {
    padding: 0 !important;
}
[b-kt6xd8flso] .epm-map-left-column .mt-3 {
    margin: 0 !important;
}
[b-kt6xd8flso] .epm-map-left-column #wrapper-2 {
    background: #FFF;
    padding: 8px 16px !important;
}

/**Tooltip and Popup CSS**/
.map-wrapper[b-kt6xd8flso] {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    z-index: 1000;
}
[b-kt6xd8flso] .employee-popup, .employee-popup-list[b-kt6xd8flso] {
    border-radius: 12px;
    background: #FFF;
    padding: 12px;
    width: 320px;
}
.employee-popup-list[b-kt6xd8flso] {
    max-height: 400px;
    overflow-y: auto;
}
.employee-popup-list .title[b-kt6xd8flso] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
}
[b-kt6xd8flso] .employee-popup .address-text {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-black);
    font-weight: 500;
    white-space: break-spaces;
}
[b-kt6xd8flso] .employee-popup .user-active-txt {
    color: #1AAB50;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
[b-kt6xd8flso] .employee-popup h4 {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-dark);
    font-weight: 600;
}
[b-kt6xd8flso] .employee-popup h5 {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-light);
    font-weight: 400;
}
[b-kt6xd8flso] .bottom-border {
    border-bottom: 1px solid #F3F4F6;
}
[b-kt6xd8flso] .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-kt6xd8flso] .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-kt6xd8flso] {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1000;
}
[b-kt6xd8flso] .close-ico {
    position: absolute;
    top: 2px;
    right: 10px;
    cursor: pointer;
}
.employee-popup-wrap[b-kt6xd8flso] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #ffffff00;
    width: 100%;
    height: 100%;
}
.tooltip-content[b-kt6xd8flso] {
    background-color: var(--bg-grey);
    border-radius: 12px;
    padding: 8px 12px;
    color: var(--text-primary);
}
.tooltip-content h6[b-kt6xd8flso], .tooltip-content p[b-kt6xd8flso] {
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
}
[b-kt6xd8flso] .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-kt6xd8flso] .se-switch.e-switch-wrapper {
    width: 45px;
}
[b-kt6xd8flso] .se-switch.e-switch-wrapper .e-switch-on {
    background-color: #D0C1FC !important;
}
.se-cluster-btn[b-kt6xd8flso]{
    width:170px;
    border:0;
}
.se-cluster-check[b-kt6xd8flso]{
    display:flex;
    align-items:center;
}
.se-cluster-label[b-kt6xd8flso] {
    width: 120px;
    font-weight: 400;
    font-size: 12px;
    color: #6D7081;
}

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

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

/* Outside Geofencing Table CSS */
[b-bs584l8ses] .epm-reg-table {
    background: var(--bg-light-grey) !important;
    border-radius: 16px;
    width: 100%;
}
[b-bs584l8ses] .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-bs584l8ses] .epm-reg-table > thead > tr > th:first-child {
    border-top-left-radius: 16px;
}
[b-bs584l8ses] .epm-reg-table > thead > tr > th:last-child {
    border-top-right-radius: 16px;
}
[b-bs584l8ses] .epm-reg-table > thead > tr > th.time-heading img, .time-ico[b-bs584l8ses] {
    width: 16px;
    height: 16px;
}
[b-bs584l8ses] .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-bs584l8ses] .epm-reg-table tbody tr:last-child td {
    border-bottom: 0;
    padding-bottom: 0;
}
[b-bs584l8ses] .epm-reg-table > tbody > tr > td:nth-last-child(1) {
    border-bottom-left-radius: 16px;
}
[b-bs584l8ses] .se-att-emp-name {
    margin-bottom: 5px;
    max-width: 14vw;
    text-decoration: none;
    cursor: default;
}
[b-bs584l8ses] .epm-reg-emp-details .info {
    color: #6D7081;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}
[b-bs584l8ses] .info span {
    color: var(--text-secondary) !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 8vw;
}
[b-bs584l8ses] .se-geo-location {
    color: var(--text-primary);
    font-weight: 500;
    margin-bottom: 4px;
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    max-width: 15vw;
    display: block;
    line-height: 1.5;
}
[b-bs584l8ses] .loader-size {
    height: 300px;
}

/* Attendance toottip */
[b-bs584l8ses] .se-attendance-details {
    display: none;
    transition: .3s;
}
[b-bs584l8ses] .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-bs584l8ses] .epm-field-card-title {
        font-size: 9px !important;
    }
    [b-bs584l8ses] .epm-field-card-time {
        font-size: 10px !important;
    }
    [b-bs584l8ses] .custom-col .epm-field-card svg {
        width: 30px !important;
        height: 30px !important;
    }
}
@media screen and (max-width: 1800px) {
    [b-bs584l8ses] .epm-field-card-title{
        font-size:12px;
    }
    [b-bs584l8ses] .epm-field-card-time {
        font-size: 14px;
    }
}
@media screen and (max-width: 1680px) {
    [b-bs584l8ses] .epm-field-card-title {
        font-size: 11px;
    }
}
@media screen and (max-width: 1600px){
    [b-bs584l8ses] .epm-field-card-time {
        font-size: 12px;
    }
    [b-bs584l8ses] .epm-field-card-title {
        font-size: 10px;
    }
}
@media screen and (max-width: 1300px) {
    /**Field Cards CSS**/
    [b-bs584l8ses] .epm-field-card {
        padding: 10px;
        gap: 6px;
    }
    [b-bs584l8ses] .epm-field-card-title {
        font-size: 11px;
    }
    [b-bs584l8ses] .epm-field-card-time, [b-bs584l8ses] .epm-field-card-heading {
        font-size: 12px;
    }
    [b-bs584l8ses] .custom-col .epm-field-card svg {
        width: 35px;
        height: 35px;
    }
    [b-bs584l8ses] .epm-custom-legend span {
        font-size: 9px;
    }
}

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

@media screen and (max-width: 1024px) {
    [b-bs584l8ses] .se-border {
        min-height: 50px;
    }
}
/* /Pages/NavMobile/FiledEmployeeTeams.razor.rz.scp.css */
.epm-mainpage[b-d6piixmx9k] {
    padding: 15px 25px;
}
[b-d6piixmx9k] .epm-employee-grid-wrap {
    border-radius: 40px;
    background: var(--bg-grey);
    margin-top: 16px;
    padding: 12px 24px 12px;
}
[b-d6piixmx9k] .epm-employee-title-wrap {
    text-align: left;
}
[b-d6piixmx9k] .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-d6piixmx9k] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}
[b-d6piixmx9k] .epm-grid-profile-wrap .name-wrap {
    overflow: hidden;
}
[b-d6piixmx9k] .epm-grid-profile-wrap .name-wrap .title {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-d6piixmx9k] #epm-employee-tooltip {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
[b-d6piixmx9k] .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-d6piixmx9k] .productive-app {
    color: #8067DC;
    font-weight: 500;
    font-size: 12px;
    padding-top: 5px;
}
[b-d6piixmx9k] .se-grid-wrap {
    border: 1px solid #E7E9F5;
    background: #FFF;
    border-radius: 16px;
    padding: 0;
}

/* Custom Toolbar */
[b-d6piixmx9k] .epm-grid-custom-toolbar {
    position: unset !important;
    min-height: auto !important;
    text-align: center;
    margin-bottom: 10px;
}
[b-d6piixmx9k] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items {
    width: 100%;
    z-index: 9;
    position: relative;
    background: transparent;
}
[b-d6piixmx9k] .epm-grid-custom-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item {
    padding: 0;
    cursor: auto;
    width: 100%;
    margin: 0 !important;
    display: block;
}
[b-d6piixmx9k]  .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-d6piixmx9k] .epm-filter-btn span {
    background: var(--bg-primary);
    padding: 6px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
/* Datepicker */
[b-d6piixmx9k] .epm-grid-custom-toolbar-filter-wrap {
    text-align: right;
    display: flex;
    gap: 16px;
    justify-content: end;
    align-items: center;
}

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

/* Grid */
[b-d6piixmx9k] .epm-grid .e-grid .e-gridheader {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
[b-d6piixmx9k] .se-filter-btn {
    background: #F5F6F8;
    margin-right: 12px;
}
/*::deep .se-grid-search .se-input.e-input-group.e-control-wrapper, ::deep .se-grid-search .se-input.e-input-group.e-control-wrapper.e-input-focus,
::deep .se-grid-search {
    background: #F5F6F8;
}*/
[b-d6piixmx9k] .epm-grid .epm-common-grid .e-pager .e-input-group.e-control-wrapper, [b-d6piixmx9k] .custom-pagination, 
[b-d6piixmx9k] .epm-grid .epm-common-grid .e-pager .e-numericcontainer {
    background: #F5F6F8;
}
[b-d6piixmx9k] .epm-grid .e-grid .e-pager {
    padding-inline: 12px;
}
[b-d6piixmx9k] .emp-action{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
[b-d6piixmx9k] .emp-action img{
    cursor: pointer;
}
[b-d6piixmx9k] .se-emp-common-loader {
    height: 70vh;
}
[b-d6piixmx9k] .app-icon{
    width:18px;
    height:18px;
    margin-right:6px;
}
[b-d6piixmx9k] .epm-grid-action-btn-wrap {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}
[b-d6piixmx9k] .epm-grid-action-btn-wrap .e-btn-icon {
    display: none;
}
[b-d6piixmx9k] .epm-emp-deat-title-wrap {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 296px);
    align-items: center;
    margin-bottom: 20px;
}
[b-d6piixmx9k] .epm-emp-deat-title {
    color: var(--text-primary);
    font-size: 32px;
    font-weight: 500;
    cursor: pointer;
}
[b-d6piixmx9k] .epm-emp-deat-title-info {
    color: var(--card-info);
    font-size: 32px;
    font-weight: 500;
}
[b-d6piixmx9k] .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-d6piixmx9k] .epm-most-unsatisfactory img, [b-d6piixmx9k] .epm-most-satisfactory img{
    max-width: 20px;
}
[b-d6piixmx9k] .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-d6piixmx9k] .se-grid-search {
    width: 300px;
}
[b-d6piixmx9k] .total-hours {
    color: #15171C;
    font-size: 12px;
    font-weight: 500;
}
[b-d6piixmx9k] .hrs-per-day {
    color: #6D7081;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.035px;
}
[b-d6piixmx9k] .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-d6piixmx9k] .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-d6piixmx9k] .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-d6piixmx9k] .text-gray {
    color:#6D7081;
    font-size: 12px;
    font-weight: 400;
    margin:0 2px 0 2px;
}
[b-d6piixmx9k] .balanced, [b-d6piixmx9k] .over-utilized, [b-d6piixmx9k] .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-d6piixmx9k] .balanced {
    background: rgba(26, 171, 80, 0.25);
}
[b-d6piixmx9k] .over-utilized {
    background: rgba(241, 117, 26, 0.20);
}
[b-d6piixmx9k] .under-utilized {
    background: rgba(204, 43, 72, 0.25);
}
[b-d6piixmx9k] .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-d6piixmx9k] .epm-badge-user.count {
    background: #ECEEF1;
    color:#15171C;
}
[b-d6piixmx9k] .epm-text {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


@media screen and (max-width: 1600px) {
    [b-d6piixmx9k] .epm-employee-grid-wrap {
        padding: 10px 15px 10px;
    }
    [b-d6piixmx9k] .epm-employee-title-wrap {
        margin-bottom: 8px;
    }
    [b-d6piixmx9k] .epm-employee-title-wrap .title {
        font-size: 20px;
    }
    [b-d6piixmx9k] .epm-grid-custom-toolbar-search {
        width: auto;
    }
    [b-d6piixmx9k] .epm-grid-img-text-wrap .app-title {
        font-size: 11px;
    }
    [b-d6piixmx9k] .epm-filter-btn {
        font-size: 11px;
        padding: 2px 4px 2px 24px;
    }
    [b-d6piixmx9k] .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-d6piixmx9k] .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-d6piixmx9k] .epm-grid-custom-toolbar-filter-wrap {
        text-align: center;
        justify-content: center;
    }
    [b-d6piixmx9k] .se-grid-search-wrap {
        justify-content: space-between !important;
    }

    .row-gap-tab-15[b-d6piixmx9k] {
        row-gap: 15px;
    }
}
/* /Pages/NavMobile/MobileApproval.razor.rz.scp.css */
.epm-settings-main[b-6mmj1xqnu0] {
    padding: 20px;
    position: relative;
}
/**Tool Bar CSS Start**/
[b-6mmj1xqnu0] .epm-toolbar-main {
    margin-bottom: 10px;
    width: 100%;
}
[b-6mmj1xqnu0] .epm-toolbar-right-two {
    display: flex;
    align-items: center;
    gap: 10px;
}
[b-6mmj1xqnu0] .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-6mmj1xqnu0] .epm-approved-count.active {
    border-radius: 12px;
    border: 1px solid #15171C;
    background: #F2F3F6 !important;
}
[b-6mmj1xqnu0] .epm-approved-count img {
    width: 20px;
    height: 20px;
}
[b-6mmj1xqnu0] .epm-approved-count p {
    color: #15171C;
    font-size: 16px;
    font-weight: 700;
}
[b-6mmj1xqnu0] .epm-grid .e-grid .e-toolbar {
    border-top: 0;
    position: inherit;
    top: inherit;
    right: inherit;
    z-index: 9;
    min-height: 55px;
}
[b-6mmj1xqnu0] .date-picker-label {
    display: none !important;
}
[b-6mmj1xqnu0] .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-6mmj1xqnu0] .epm-filter-btn span {
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
[b-6mmj1xqnu0] .epm-reimb-count {
    display: flex;
    align-items: center;
    gap: 10px;
}
[b-6mmj1xqnu0] .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-6mmj1xqnu0] .e-grid .e-icon-grightarrow::before, [b-6mmj1xqnu0] .e-grid-menu .e-icon-grightarrow::before,
[b-6mmj1xqnu0] .e-grid .e-icon-gdownarrow::before, [b-6mmj1xqnu0] .e-grid-menu .e-icon-gdownarrow::before {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    background-position: center;
}
[b-6mmj1xqnu0] .e-grid .e-icon-grightarrow::before, [b-6mmj1xqnu0] .e-grid-menu .e-icon-grightarrow::before {
    background: url(/images/Icons/down-detail-icon.svg) no-repeat;
}
[b-6mmj1xqnu0] .e-grid .e-icon-gdownarrow::before, [b-6mmj1xqnu0] .e-grid-menu .e-icon-gdownarrow::before {
    background: url(/images/Icons/up-detail-icon.svg) no-repeat;
}
[b-6mmj1xqnu0] .epm-grid .e-grid .e-content {
    min-height: 65vh;
    height: 65vh;
}
/**Grid Custom CSS End**/

/**User Badge Custom Css Start**/
[b-6mmj1xqnu0] .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-6mmj1xqnu0] .epm-grid-profile-wrap {
    display: inline-flex;
    align-items: center;
}
[b-6mmj1xqnu0] .epm-grid-profile-wrap.employee-wrap .name-wrap .title-wrap {
    display: flex;
    margin-bottom: 2px;
}
[b-6mmj1xqnu0] .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-6mmj1xqnu0] .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-6mmj1xqnu0] .epm-grid-heading {
    color: var(--text-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.038px;
}
[b-6mmj1xqnu0] .epm-grid-sub-heading {
    color: #6D7081;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.038px;
}
[b-6mmj1xqnu0] .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-6mmj1xqnu0] .epm-grid .epm-travel-grid.e-grid .e-detailrowcollapse {
    text-align: -webkit-right;
}
[b-6mmj1xqnu0] .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-6mmj1xqnu0] .epm-grid .epm-travel-grid.e-grid e-detailrowcollapse {
    border-top: 1px solid #E7E9F5 !important;
}
[b-6mmj1xqnu0] .epm-grid .epm-travel-grid.e-grid .e-detailrowexpand {
    border-radius: 0;
}
[b-6mmj1xqnu0] .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-6mmj1xqnu0] {
    border-right: 1px solid #E7E9F5 !important;
}
[b-6mmj1xqnu0] .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-6mmj1xqnu0] .epm-grid .epm-travel-grid.e-grid .e-content .e-row:last-child .e-rowcell {
    border-bottom: 1px solid #E7E9F5 !important;
}

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

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

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

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

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

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

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

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

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

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

[b-7ff50f4cn7] .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-7ff50f4cn7] .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: transparent;
}

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

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

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

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

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

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

[b-7ff50f4cn7] .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-7ff50f4cn7] {
        position: unset !important;
        box-shadow: none;
    }
}

/* /Pages/NavMobile/MobileTrips.razor.rz.scp.css */
.se-mainpage[b-rys36zfis5] {
    padding: 12px 25px;
}
[b-rys36zfis5] .epm-tracker-wrap {
    padding: 12px 16px;
    border-radius: 24px;
    background: var(--tracker-bg);
    position: relative;
    margin-top: 10px;
}
[b-rys36zfis5] .epm-tracker-wrap .epm-grid .e-grid .e-headercell:first-child {
    background: var(--tab-bg);
    border: 0 !important;
}
[b-rys36zfis5] .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-rys36zfis5] .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: transparent;
}
[b-rys36zfis5] .se-grid-search {
    width: max-content;
}

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

/* /Pages/SettingsView.razor.rz.scp.css */
.epm-settings-main[b-jkou098w73]{
    padding:20px;
}
.epm-page-title[b-jkou098w73] {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 28px 0 0 32px;
    margin-bottom: 0;
}
.epm-settings-bg[b-jkou098w73] {
    background: var(--tab-bg2);
    height: auto;
    border-radius: 40px;
    padding: 24px;
    margin: 0 0 20px;
}
.epm-sett-card-title[b-jkou098w73] {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 16px;
}
.epm-settings-card[b-jkou098w73] {
    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-jkou098w73] {
    display: flex;
    margin: 0 -11px 0 -11px;
    flex-wrap: wrap;
}
.epm-setting-list-item[b-jkou098w73] {
    width: 25%;
    flex: 0 0 auto;
    padding: 0 11px 0 11px;
}
.epm-setting-list-item:last-child .epm-settings-card[b-jkou098w73] {
    margin-bottom: 0;
}
.epm-settings-card:hover[b-jkou098w73] {
    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-jkou098w73] {
    color: var(--text-dark);
    font-size: 16px;
    font-weight: 600;
}
.epm-settings-card p[b-jkou098w73] {
    color: var(--popup-info);
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    padding-top: 8px;
}
.epm-settings-icons img[b-jkou098w73]{
    position:relative;
    z-index:1;
}
.setting-bg[b-jkou098w73] {
    position: absolute;
    right: -75px;
}
.setting-bg img[b-jkou098w73]{
    max-width:75%;
}
@media screen and (max-width: 1600px) {
    .epm-settings-main[b-jkou098w73] {
        padding: 20px 10px;
    }
    .epm-settings-bg[b-jkou098w73] {
        padding: 20px;
    }
    .epm-settings-card[b-jkou098w73] {
        padding: 12px;
    }
    .epm-settings-card h3[b-jkou098w73] {
        font-size: 12px;
    }
    .epm-settings-card p[b-jkou098w73] {
        font-size: 10px;
    }
    .epm-settings-icons img[b-jkou098w73] {
        width: 70px;
    }
    .epm-settings-card[b-jkou098w73] {
        margin-bottom: 20px;
    }
    .epm-setting-list-item[b-jkou098w73] {
        padding: 0 5px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .epm-setting-list-item[b-jkou098w73] {
        width: 33.3%;
    }
}
@media screen and (min-width: 768px) and (max-width: 990px) {
    .epm-setting-list-item[b-jkou098w73] {
        width: 50%;
    }
}
/* /Pages/Settings/AlertsComponent/EndpointUserAlerts.razor.rz.scp.css */

/* alerts page right layout */
.page-right-layout[b-op3tx589bs]{
    margin-left: 85px;
}
/* red badge */
.round-badge[b-op3tx589bs] {
    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-op3tx589bs] .epm-tabs.e-tab .e-tab-header .e-toolbar-item.e-active svg, [b-op3tx589bs] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover svg {
    filter: brightness(0) invert(1);
}
[b-op3tx589bs] .epm-settings-tab.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .epm-tab-nonactive,
[b-op3tx589bs] .epm-settings-tab.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .epm-tab-active {
    display: block;
}
[b-op3tx589bs] .epm-settings-tab.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .epm-tab-nonactive, [b-op3tx589bs] .epm-tab-active {
    display: none;
}
[b-op3tx589bs] .epm-settings-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    background: transparent !important;
}
[b-op3tx589bs] .epm-settings-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: var(--tab-header) !important;
}
[b-op3tx589bs] .epm-tabs.se-alert-tab.e-tab .e-tab-header .e-toolbar-items {
    background-color: var(--tab-bg2);
}
[b-op3tx589bs] .epm-tabs.se-alert-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: var(--text-dark) !important;
}
[b-op3tx589bs] .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-op3tx589bs] {
        margin-left: 92px;
    }
}
@media screen and (max-width: 1400px){
    .page-right-layout[b-op3tx589bs] {
        margin-left: 74px;
    }
    [b-op3tx589bs] .epm-tabs.e-tab .e-tab-header .e-toolbar-item .e-text-wrap, 
    [b-op3tx589bs] .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-rskxlz52a4] {
    padding: 24px 32px;
}
/* Content */
.epm-org-settings-bg[b-rskxlz52a4] {
    padding: 16px;
    border-radius: 40px;
    background: var(--tab-bg2);
}
.epm-org-setting-list-item[b-rskxlz52a4] {
    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-rskxlz52a4] {
    background: #FFF url(/images/Settings/settings-card-bg.svg) no-repeat right / contain;
}
.epm-org-settings-card[b-rskxlz52a4]: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-rskxlz52a4] {
    color: var(--text-dark);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 16px;
}
.epm-org-settings-card p[b-rskxlz52a4] {
    color: var(--popup-info);
    font-size: 14px;
    font-weight: 400;
}

@media screen and (max-width: 1600px) {
    .epm-org-settings-card[b-rskxlz52a4] {
        padding: 12px;
    }
    .epm-org-settings-card h3[b-rskxlz52a4] {
        font-size: 12px;
        margin-top: 12px;
    }
    .epm-org-settings-card p[b-rskxlz52a4] {
        font-size: 11px;
    }
    .epm-org-setting-list-item[b-rskxlz52a4] {
        padding: 0 10px;
        margin-bottom: 20px;
    }
}
/* /Pages/Settings/OrganisationComponent/Employee.razor.rz.scp.css */
.epm-settings-main[b-wmc2d2x9ju] {
    padding: 20px;
}
/* /Pages/Settings/PolicyMain.razor.rz.scp.css */
.epm-settings-main[b-hvwz3ukl06] {
    padding: 20px 20px 0 20px;
}
[b-hvwz3ukl06] .e-tab .e-content .e-item {
    background: var(--bg-primary);
    border-radius: 0px 0px 24px 24px;
}
/* /Pages/SignUp.razor.rz.scp.css */
.epm-signup-wrap[b-x8qrlnpx2d] {
    padding: 20px;
    overflow-x: hidden;
    background-color: var(--bg-grey);
}

.epm-stepper-box[b-x8qrlnpx2d] {
    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-x8qrlnpx2d] {
    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-x8qrlnpx2d] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    border-radius: 0 0 24px 24px;
}
.vertical-stepper[b-x8qrlnpx2d], .epm-stepper[b-x8qrlnpx2d] {
    position: relative;
    z-index: 2;
}

.nav-link[b-x8qrlnpx2d] {
    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-x8qrlnpx2d] {
    color: #007bff;
}

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

.step-icon[b-x8qrlnpx2d] {
    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-x8qrlnpx2d]{
    width: 15px;
    height: 17px;
}

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

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

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

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

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


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

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

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

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

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

    [b-yjd81rqngu] .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-yjd81rqngu] .epm-grid-custom-toolbar {
    position: unset !important;
    min-height: auto !important;
    text-align: center;
    margin-bottom: 12px;
}

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

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

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

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

.epm-filter-btn[b-yjd81rqngu] {
    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-yjd81rqngu] {
        background: var(--bg-primary);
        padding: 8px;
        border-radius: 50%;
        display: inline-block;
        margin-left: 10px;
    }
[b-yjd81rqngu] .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-yjd81rqngu] .epm-grid .e-pager .e-icon-prev::before, [b-yjd81rqngu] .epm-grid .e-pager .e-icon-first::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(/images/Icons/arrow-left.svg) no-repeat;
}

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

[b-yjd81rqngu] .epm-grid .e-pager .e-icon-next::before, [b-yjd81rqngu] .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-yjd81rqngu] .epm-grid .e-pager .e-icon-last::before {
    background: url(/images/Icons/arrow-two-left.svg) no-repeat;
}

[b-yjd81rqngu] .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-yjd81rqngu] .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-yjd81rqngu] .epm-grid .e-pager .e-currentitem, [b-yjd81rqngu] .epm-grid .e-pager .e-currentitem:hover, [b-yjd81rqngu] .epm-grid .e-pager .e-numericitem:hover {
        color: var(--grid-search);
        border-radius: 54px;
        background: var(--text-primary);
    }

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

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

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

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

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

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

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

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

    [b-yjd81rqngu] .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-yjd81rqngu] {
        margin-top: 10px;
    }
}

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

.dropdown-visible[b-yjd81rqngu] {
    display: block;
}
[b-yjd81rqngu] .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-yjd81rqngu] .e-pager .e-pagerexternalmsg{
    display:none;
}
/* /Pages/TimeTracker.razor.rz.scp.css */
.se-mainpage[b-88b0m4o21i] {
    padding: 15px 25px;
}
[b-88b0m4o21i] .epm-tracker-wrap {
    padding: 12px 16px;
    border-radius: 24px;
    background: var(--tracker-bg);
    position: relative;
    margin-top: 10px;
}
[b-88b0m4o21i] .epm-tracker-wrap .epm-grid .e-grid .e-headercell:first-child {
    background: var(--tab-bg);
    border: 0 !important;
}
[b-88b0m4o21i] .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-88b0m4o21i] .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: transparent;
}

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

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

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

@media screen and (max-width: 1200px) {
    [b-88b0m4o21i] .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-jqntuaafs4] {
    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-jqntuaafs4] .date-picker-label {
    display: none;
}
[b-jqntuaafs4] .epm-grid .e-grid .e-content {
    min-height: 40vh;
    height: 40vh;
}
@media screen and (max-width: 1680px) {
    .epm-userlog-main[b-jqntuaafs4] {
        padding: 22px;
    }
}
@media screen and (max-width: 1600px) {
    .epm-userlog-title[b-jqntuaafs4] {
        font-size: 20px;
    }
}
/**Live View Filter**/
[b-jqntuaafs4] .epm-custom-filter {
    display: flex;
    align-items: center;
    margin-right: 15% !important;
}

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

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

[b-jqntuaafs4] .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-jqntuaafs4] .custom-select {
    padding-right: 40px !important;
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background-color: var(--tab-bg2) !important;
}

[b-jqntuaafs4] .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-jqntuaafs4] .epm-select-filter::-ms-expand {
    display: none;
}

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

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

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

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

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

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

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