/* /Components/Layout/BaseLayout.razor.rz.scp.css */
[b-2i7v0zxhi1] .main-layout-page-container {
    padding: 0;
    height: 100vh;
    position: fixed;
}

[b-2i7v0zxhi1] .main-layout-page-container:has(aside.mud-drawer--open),
[b-2i7v0zxhi1] .page-container:has(aside.mud-drawer--open) {
    position: unset;
}

/* /Components/Layout/MainLayout.razor.rz.scp.css */
[b-i8xf7uh2pt] .page-wrapper {
    min-height: calc(100vh - 64px);
    background: var(--page-background);
}

[b-i8xf7uh2pt] .page-data-container {    
    padding: 0 12px 12px;
    margin-top: 64px;
}
/* /Components/Layout/Popovers/NotificationsPopover.razor.rz.scp.css */
.notification-popover__content[b-2m5nxsri4a] {
    padding: 16px;
}

[b-2m5nxsri4a] .card-list p.mud-typography-body1 {
    color: #464e5f;
    font-weight: 500 !important;
    font-size: 0.875rem;
}

[b-2m5nxsri4a] .notification-title {
    font-size: 1.096875rem;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

[b-2m5nxsri4a] .card-list p.mud-typography-body1.msg {
    font-size: 0.844rem !important;
}

[b-2m5nxsri4a] .card-list span.mud-typography-caption {
    color: #464e5f;
    font-weight: 500 !important;
    font-size: 0.844rem !important;
}

[b-2m5nxsri4a] .list-bullet-bar {
    width: 4px;
    height: auto;
    border-radius: 2rem;
}

[b-2m5nxsri4a] .list-bullet-bar--dark-green {
    background-color: var(--mud-palette-success) !important;
}

[b-2m5nxsri4a] .list-bullet-bar--dark-blue {
    background-color: var(--mud-palette-info);
}

[b-2m5nxsri4a] .list-bullet-bar--dark-orange {
    background-color: var(--mud-palette-tertiary);
}

[b-2m5nxsri4a] .list-bullet-bar--dark-purple {
    background-color: var(--mud-palette-secondary);
}

[b-2m5nxsri4a] .list-bullet-bar--dark-red {
    background-color: var(--mud-palette-error);
}

[b-2m5nxsri4a] .list-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: auto;
    margin-bottom: auto;
}

[b-2m5nxsri4a] .list-bullet--light-green {
    background-color: var(--mud-palette-success-lighten) !important;
}

[b-2m5nxsri4a] .list-bullet--light-blue {
    background-color: var(--mud-palette-info-lighten);
}

[b-2m5nxsri4a] .list-bullet--light-orange {
    background-color: var(--mud-palette-tertiary-lighten);
}

[b-2m5nxsri4a] .list-bullet--light-purple {
    background-color: var(--mud-palette-secondary-lighten);
}

[b-2m5nxsri4a] .list-bullet--light-red {
    background-color: var(--mud-palette-error-lighten);
}

[b-2m5nxsri4a] .text-muted {
    color: #b5b5c3 !important;
}

[b-2m5nxsri4a] .text-error {
    color: red !important;
}

[b-2m5nxsri4a] .visibility-true {
    visibility: visible;
}

[b-2m5nxsri4a] .visibility-false {
    visibility: hidden;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
[b-letd63c08a] .page-header {
    background: var(--mud-palette-background-gray);
    border-bottom: solid 1px var(--mud-palette-action-disabled-background);
    padding: 14px 16px;
    min-height: 56px;
    position: fixed;
    width: -webkit-fill-available;
    /*width: calc(100% - var(--mud-drawer-width-left));*/
    z-index: 10;
}

[b-letd63c08a] .mudblazor-date-range-picker .mud-input {
    max-width: 200px;
    min-width: auto;
}

[b-letd63c08a] .mudblazor-date-range-picker .mud-input input {
    text-align: center;
}

.custom-date-picker-popover[b-letd63c08a] {
    left: 0 !important;
    width: auto !important;
}
/* /Pages/Dashboard/Components/MyCrewWidget.razor.rz.scp.css */
[b-9cnp24pmf7] .crew-card {
    background-color: var(--mud-palette-background-gray);
}

[b-9cnp24pmf7] .crew-card__avatar {
    background-color: var(--mud-palette-info-lighten);
    color: var(--mud-palette-white);
}

[b-9cnp24pmf7] .crew-member-name {    
    font-size: .88rem !important;
    font-weight: 450;
}
/* /Pages/Dashboard/Components/TimesheetStatusWidget.razor.rz.scp.css */
[b-u5t240m0mx] .timesheet-card {
    position: relative;
}

[b-u5t240m0mx] .timesheet-card__icon-container {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

[b-u5t240m0mx] .timesheet-card .mud-typography {
    color: var(--mud-palette-text-primary);
}

[b-u5t240m0mx] .timesheet-card--success {
    background: var(--mud-success);
}

[b-u5t240m0mx] .timesheet-card--draft {
    background: var(--mud-draft);
}

[b-u5t240m0mx] .timesheet-card--approved {
    background: var(--mud-approved);
}

[b-u5t240m0mx] .timesheet-card--rejected {
    background: var(--mud-rejected);
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
[b-vpabqnb9d6] .dashboard-grid-item {
    height: 100%;
    min-height: 300px;
    max-height: 600px;
    padding: 16px;
    position: relative;
    z-index: 1; /* Keep the content above the pseudo-element */
    overflow: auto;
}

[b-vpabqnb9d6] .dashboard-grid-item.list-item-container {    
    overflow: auto;
}

[b-vpabqnb9d6] .dashboard-grid-item--first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: var(--mud-palette-primary);
    z-index: -1;
    border-radius: 4px;
}

[b-vpabqnb9d6] .dashboard-grid-item--first-child h6 {
    color: var(--mud-palette-white);
}

[b-vpabqnb9d6] .dashboard-grid-item--barchart-container {
    padding-bottom: 24px;
}

[b-vpabqnb9d6] .dashboard-grid-item--barchart-container svg,
[b-vpabqnb9d6] .dashboard-grid-item--piechart-container svg {
    height: 80%;
}

[b-vpabqnb9d6] .dashboard-grid-item--piechart-container {
    max-height: 600px;
    padding-bottom: 24px;
    overflow: auto;
}

[b-vpabqnb9d6] .card-list p.mud-typography-body1 {
    color: var(--card-list-body1);
    font-weight: 500 !important;
}

[b-vpabqnb9d6] .card-list span.mud-typography-caption {
    color: var(--card-list-caption);
    font-weight: 500 !important;
}

[b-vpabqnb9d6] .list-bullet-bar {
    width: 4px;
    height: auto;
    border-radius: 2rem;
}

[b-vpabqnb9d6] .list-bullet-bar--dark-green {
    background-color: var(--mud-palette-success) !important;
}

[b-vpabqnb9d6] .list-bullet-bar--dark-blue {
    background-color: var(--mud-palette-info);
}

[b-vpabqnb9d6] .list-bullet-bar--dark-orange {
    background-color: var(--mud-palette-tertiary);
}

[b-vpabqnb9d6] .list-bullet-bar--dark-purple {
    background-color: var(--mud-palette-secondary);
}

[b-vpabqnb9d6] .list-bullet-bar--dark-red {
    background-color: var(--mud-palette-error);
}

[b-vpabqnb9d6] .list-bullet {
    width: 24px;
    height: 24px;
    border-radius: 0.42rem;
    margin-top: auto;
    margin-bottom: auto;
}

[b-vpabqnb9d6] .list-bullet--light-green {
    background-color: var(--mud-palette-success-lighten) !important;
}

[b-vpabqnb9d6] .list-bullet--light-blue {
    background-color: var(--mud-palette-info-lighten);
}

[b-vpabqnb9d6] .list-bullet--light-orange {
    background-color: var(--mud-palette-tertiary-lighten);
}

[b-vpabqnb9d6] .list-bullet--light-purple {
    background-color: var(--mud-palette-secondary-lighten);
}

[b-vpabqnb9d6] .list-bullet--light-red {
    background-color: var(--mud-palette-error-lighten);
}

[b-vpabqnb9d6] .status-indicator {
    padding: .3rem .5rem;
    border-radius: .5rem;
}

[b-vpabqnb9d6] .status-indicator--rejected {
    background-color: var(--mud-palette-error-lighten);
    color: var(--mud-palette-error) !important;
    border: solid 1px var(--mud-error-success);
}

[b-vpabqnb9d6] .status-indicator--approved {
    background-color: var(--mud-palette-success-lighten);
    color: var(--mud-palette-success) !important;
    border: solid 1px var(--mud-palette-success);
}

[b-vpabqnb9d6] .status-indicator--submitted {
    background-color: var(--mud-palette-success-lighten);
    color: var(--mud-palette-success) !important;
    border: solid 1px var(--mud-palette-success);
}

[b-vpabqnb9d6] .status-indicator--completed {
    background-color: var(--mud-palette-success-lighten);
    color: var(--mud-palette-success) !important;
    border: solid 1px var(--mud-palette-success);
}

[b-vpabqnb9d6] .status-indicator--draft, [b-vpabqnb9d6] .status-indicator--cancelled,
[b-vpabqnb9d6] .status-indicator--returned, [b-vpabqnb9d6] .status-indicator--level1 {
    background-color: var(--draft-status-indicator-background);
    color: var(--draft-status-indicator-color) !important;
    border: solid 1px var(--draft-status-indicator-color);
}
/* /Pages/Login/Login.razor.rz.scp.css */
.login-page[b-slqnf9jf82] {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.login-page__columns[b-slqnf9jf82] {
    height: 100vh;
    display: flex;
    position: relative;
    overflow: hidden;
}

.login-page__main-content[b-slqnf9jf82] {
    height: 100vh;
    width: 25%;
    position: relative;
}

.login-page__aside-content[b-slqnf9jf82] {
    height: 100vh;
    width: 75%;    
    padding: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: initial;
    align-items: end;
    background: linear-gradient(300deg, var(--deepskyblue), var(--darkviolet), var(--blue));
    background-size: 180% 180%;
    box-shadow: inset 0 0 5em rgba(0,0,0,.5);
    animation: gradient-animation 10s ease infinite;
}

.login-page__bg-image[b-slqnf9jf82] {
    height: auto;
    width: 55%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translate(0, -50%);
}

.login-page__bg-image img[b-slqnf9jf82] {
    height: auto;
    width: 100%;
}

.login-page__logo-wrapper[b-slqnf9jf82] {
    width: 250px;
    height: 72px;
    position: absolute;
    top: 24px;
    left: 24px;
}

.login-page__logo-wrapper img[b-slqnf9jf82] {
    width: 100%;
    height: auto;
}

.login-page__login-content[b-slqnf9jf82] {
    max-width: 560px;
}

.login-page__copy-footer[b-slqnf9jf82] {
    left: 24px;
    bottom: 24px;
    position: absolute;
}

[b-slqnf9jf82] .login-page__note {
    max-width: 222px;
}

[b-slqnf9jf82] .login-page__btn {
    color: var(--mud-palette-text-primary);
    text-transform: none;
    font-size: 14px;
}

@media screen and (max-width: 1023px) {
    .login-page[b-slqnf9jf82] {
        height: 100vh;
        overflow: hidden;
        position: relative;
    }
}

@media screen and (max-width: 1280px) {
    .login-page__bg-image[b-slqnf9jf82] {
        height: auto;
        width: 62%;
        overflow: hidden;
        position: absolute;
        top: 55%;
        left: 0;
        transform: translate(0, -50%);
    }
}

@media screen and (min-width: 960px) {
    .login-page__login-content[b-slqnf9jf82] {
        color: white;
    }

    .login-page__copy-footer[b-slqnf9jf82] {
        color: var(--footer-color);
    }

    [b-slqnf9jf82] .login-page__sign-in-button {
        width: auto;
    }
}

@media screen and (max-width: 959px) {
    .login-page__columns[b-slqnf9jf82] {
        height: 100vh;
        background: linear-gradient(45deg, #3B6BE8 0%, #0069FD 100%);
        display: flex;
        flex-direction: column-reverse;
    }

    .login-page__main-content[b-slqnf9jf82] {
        height: 50vh !important;
        width: 100% !important;
        position: relative;
        background: linear-gradient(300deg, var(--deepskyblue), var(--darkviolet), var(--blue));
        background-size: 180% 180%;
        box-shadow: inset 0 0 5em rgba(0,0,0,.5);
        animation: gradient-animation 10s ease infinite;
    }

    .login-page__aside-content[b-slqnf9jf82] {
        height: 75vh !important;
        width: 100% !important;
        background: var(--mud-palette-white);
        box-shadow: none;
    }

    .login-page__bg-image[b-slqnf9jf82] {
        height: auto;
        width: 90%;
        overflow: hidden;
        position: absolute;
        top: 42%;
        left: 48%;
        transform: translate(-50%, 0);
        z-index: 9;
    }

    .login-page__login-content[b-slqnf9jf82] {
        color: var(--mud-palette-text-primary);
        margin: 0 auto;
    }

    .login-page__copy-footer[b-slqnf9jf82] {
        color: var(--mud-palette-white);        
    }
}

@media screen and (min-width: 1024px) {
    .login-page__login-content[b-slqnf9jf82] {
        color: white;
        max-width: 420px;
    }

    [b-slqnf9jf82] .login-page__sign-in-button-container {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 1366px) {
    .login-page__aside-content[b-slqnf9jf82] {
        padding: 4rem 10rem 4rem 4rem;
    }
}

@media screen and (min-width: 1580px) {
    [b-slqnf9jf82] .login-page__sign-in-button-container {
        justify-content: flex-start;
    }
}

/*Mobie and small tablets*/
@media screen and (max-width: 768px) {
    .login-page__bg-image[b-slqnf9jf82] {
        display: none;
    }

    [b-slqnf9jf82] .login-page__sign-in-button-container {
        flex-direction: column !important;
    }

    [b-slqnf9jf82] .login-page__sign-in-button-container .login-page__sign-in-button {
        width: 100px;
    }

    .login-page__aside-content[b-slqnf9jf82] {
        height: 100vh !important;
        padding: 1rem 1rem 1.5rem;
    }
}

@media screen and (max-width: 501px) {
    [b-slqnf9jf82] .mud-typography-h2 {
        font-size: 2.5rem;
    }

    [b-slqnf9jf82] .mud-typography-h4 {
        font-size: 1.5rem;
    }

    .login-page__main-content[b-slqnf9jf82] {
        height: 10vh !important;
    }

    .login-page__aside-content[b-slqnf9jf82] {
        justify-content: end;
    }
}
/* /Pages/OperationsManagement/OperationsSetup/Crafts/CraftEditDialog.razor.rz.scp.css */
/* /Pages/SystemManagement/Integration/Drawers/JobSchedulerDrawer.razor.rz.scp.css */
[b-gepbqa08u1] .timeunit-select-container .mud-select {
    flex-grow: 0;
}

[b-gepbqa08u1] .timeunit-select .mud-input-control-input-container {
    width: 130px;
}

[b-gepbqa08u1] .timepicker {
    width: 150px;
}
/* /Pages/SystemManagement/Integration/JobDetails.razor.rz.scp.css */
[b-3nhogdoszy] .vertical-box {
    width: 300px;
    min-height: 340px;
}

[b-3nhogdoszy] .gradient-box {
    padding: 10px;
    background: linear-gradient(-12deg, white 60%, #e72e50 85%, #f19813 30%);
}

[b-3nhogdoszy] .custom-timeline::before {
    width: 2px !important; /* Default is usually 4px or more */
    background-color: var(--mud-palette-primary); /* Optional: change color */
}

[b-3nhogdoszy] .mud-timeline-vertical::before {
    top: 20%;
    bottom: 0;
    content: "";
    height: 60%;
    position: absolute;
    width: 2px;
    background: var(--mud-palette-divider);
}

.timeline[b-3nhogdoszy] {    
    position: relative;
    margin-left: 20px;
    padding-left: 30px;
    border-left: 2px solid var(--mud-palette-success);
    padding-right: 16px;
}

.timeline-item[b-3nhogdoszy] {
    margin-bottom: 20px;
    position: relative;
}

.timeline-item[b-3nhogdoszy]::before {
    content: '';
    position: absolute;
    left: -39px; /* or calc(-30px - 8px) */
    top: 50%;
    width: 16px;
    height: 16px;
    background-color: var(--mud-palette-success);
    border-radius: 50%;
}
/* /Pages/SystemManagement/Integration/Tabs/JobRunHistroy.razor.rz.scp.css */
[b-cmhxea5ddb] .vertical-box {
    width: 300px;
    min-height: 340px;
}

[b-cmhxea5ddb] .gradient-box {
    padding: 10px;
    background: linear-gradient(-12deg, white 60%, #e72e50 85%, #f19813 30%);
}

[b-cmhxea5ddb] .custom-timeline::before {
    width: 2px !important; /* Default is usually 4px or more */
    background-color: var(--mud-palette-primary); /* Optional: change color */
}

[b-cmhxea5ddb] .mud-timeline-vertical::before {
    top: 20%;
    bottom: 0;
    content: "";
    height: 60%;
    position: absolute;
    width: 2px;
    background: var(--mud-palette-divider);
}

.timeline[b-cmhxea5ddb] {    
    position: relative;
    margin-left: 20px;
    padding-left: 30px;
    border-left: 2px solid var(--mud-palette-success);
    padding-right: 16px;
}

.timeline-item[b-cmhxea5ddb] {
    margin-bottom: 20px;
    position: relative;
}

.timeline-item[b-cmhxea5ddb]::before {
    content: '';
    position: absolute;
    left: -39px; /* or calc(-30px - 8px) */
    top: 50%;
    width: 16px;
    height: 16px;
    background-color: var(--mud-palette-success);
    border-radius: 50%;
}
/* /Pages/SystemManagement/Integration/Tabs/JobRunHistroyDetails.razor.rz.scp.css */
[b-mhbsjv3jjv] .vertical-box {
    width: 300px;
    min-height: 340px;
}

[b-mhbsjv3jjv] .gradient-box {
    padding: 10px;
    background: linear-gradient(-12deg, white 60%, #e72e50 85%, #f19813 30%);
}

[b-mhbsjv3jjv] .custom-timeline::before {
    width: 2px !important; /* Default is usually 4px or more */
    background-color: var(--mud-palette-primary); /* Optional: change color */
}

[b-mhbsjv3jjv] .mud-timeline-vertical::before {
    top: 20%;
    bottom: 0;
    content: "";
    height: 60%;
    position: absolute;
    width: 2px;
    background: var(--mud-palette-divider);
}

.timeline[b-mhbsjv3jjv] {    
    position: relative;
    margin-left: 20px;
    padding-left: 30px;
    border-left: 2px solid var(--mud-palette-success);
    padding-right: 16px;
}

.timeline-item[b-mhbsjv3jjv] {
    margin-bottom: 20px;
    position: relative;
}

.timeline-item[b-mhbsjv3jjv]::before {
    content: '';
    position: absolute;
    left: -39px; /* or calc(-30px - 8px) */
    top: 50%;
    width: 16px;
    height: 16px;
    background-color: var(--mud-palette-success);
    border-radius: 50%;
}
/* /Pages/SystemManagement/Security/Roles/Tabs/AssignPermissionsTab.razor.rz.scp.css */
[b-wlaqscwub9] .mud-selected-item.custom-selection {
    background-color: #d0d0d0 !important;
    color: #181c32 !important;
}

[b-wlaqscwub9] .custom-selection--no-background, .custom-selection--no-background:hover[b-wlaqscwub9] {
    background-color: transparent !important;
    color: inherit !important;
}

[b-wlaqscwub9] .role-page-list {
    height: 592px !important;
    max-height: 592px !important;
    overflow-y: auto;
}

[b-wlaqscwub9] .role-page-list .mud-list-item {
    height: 40px !important;
}

[b-wlaqscwub9] .role-page-list .mud-list-item p {
    font-size: 13px !important;
}

[b-wlaqscwub9] .role-page-list .mud-list-subheader {
    font-size: 13px !important;
    font-weight: bold !important;
}

.disabled[b-wlaqscwub9] {
    pointer-events: none;
    opacity: 0.5;
}
/* /Pages/SystemManagement/Security/Roles/Tabs/MobileFeaturesTab.razor.rz.scp.css */
[b-wjlfa4lhdu] .custom-selection--no-background, .custom-selection--no-background:hover[b-wjlfa4lhdu] {
    background-color: transparent !important;
    color: inherit !important;
}

[b-wjlfa4lhdu] .role-page-list {
    height: 592px !important;
    max-height: 592px !important;
    overflow-y: auto;
}

[b-wjlfa4lhdu] .role-page-list .mud-list-item {
    height: 40px !important;
}

[b-wjlfa4lhdu] .role-page-list .mud-list-item p {
    font-size: 13px !important;
}

[b-wjlfa4lhdu] .role-page-list .mud-list-subheader {
    font-size: 13px !important;
    font-weight: bold !important;        
}

[b-wjlfa4lhdu] .role-page-list .mud-list-subheader:first-child, 
[b-wjlfa4lhdu] .role-page-list .mud-list-item:first-child {
    width: 350px;
}

.disabled[b-wjlfa4lhdu] {
     pointer-events: none;
     opacity: 0.5;
}
/* /Pages/TimeManagement/Crews/AllCrews/Tabs/CrewMembersAddEditDialog.razor.rz.scp.css */
.crew-member-grid[b-8wauk0fsuq] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 492px;
}

[b-8wauk0fsuq] .crew-member-radzen-grid {
    max-height: 520px;
}

[b-8wauk0fsuq] .crew-member-radzen-grid td {
    height: 42px;
}

.middle-grid-column[b-8wauk0fsuq] {
    width: 100px; /* fixed width */
    padding: 100% 24px 0;
}

[b-8wauk0fsuq] .crew-member-conrtol-btn:disabled {
    background: var(--mud-palette-primary-lighten) !important;
}
/* /Pages/TimeManagement/TimeEntry/Components/Dialogs/TimesheetViewSignatureDialog.razor.rz.scp.css */
.timesheet-signature-dialog .mud-dialog[b-s1f4n8hjc7] {
    display: flex;
    flex-direction: column;
    max-width: 60rem;
    max-height: 90vh;
}

.timesheet-signature-dialog .mud-dialog-content[b-s1f4n8hjc7] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 0.75rem;
}

.timesheet-signature-dialog .mud-table-container[b-s1f4n8hjc7] {
    overflow-x: auto;
}

.timesheet-signature-dialog img[b-s1f4n8hjc7] {
    object-fit: contain;
}
/* /Pages/TimeManagement/TimeEntry/Components/Tabs/AuditTrail/TimeEntryAuditTrailTab.razor.rz.scp.css */
.timeline[b-5g3gycxf0n] {
    position: relative;
    margin-left: 20px;
    margin-top: 0px;
    padding-left: 30px;
    border: none;    
    padding-right: 16px;
}

.timeline-item[b-5g3gycxf0n] {
    margin-bottom: 20px;
    position: relative;
}

.timeline-item[b-5g3gycxf0n]::before {
    content: '';
    position: absolute;
    left: -24px; /* or calc(-30px - 8px) */
    top: 50%;
    width: 16px;
    height: 16px;
    background-color: var(--mud-palette-success);
    border-radius: 50%;
}