@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* /AreasAndStations/AreasAndStationsPage.razor.rz.scp.css */
.panel[areas-stations-page] {
    max-width: 822px;
}

.areas-and-stations-container[areas-stations-page] {
    display: flex;
    width: 800px;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid var(--component-border, rgba(0, 0, 0, 0.08));
    background: var(--component-bg, #FFF);
}

    .areas-and-stations-container .areas-and-stations-grid-layout[areas-stations-page] {
        display: flex;
        padding: 9px 9px 9px 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

        .areas-and-stations-container .areas-and-stations-grid-layout .areas-and-stations-header[areas-stations-page] {
            display: flex;
            align-items: center;
            gap: 8px;
            flex: 1 0 0;
        }

            .areas-and-stations-container .areas-and-stations-grid-layout .areas-and-stations-header .areas-and-stations-header label[areas-stations-page] {
                flex: 1 0 1;
            }


[areas-stations-page] .k-grid .k-grid-norecords {
    display: none;
}

/* right align kebob menu in the 'area' rows s*/
[areas-stations-page] .empty-container-menu {
    display: flex;
    justify-content: flex-end;
}

/* remove detail row headers */
[areas-stations-page] .k-grid .k-detail-row .k-grid-header {
    display: none;
}

/* remove background from the table/grid  header*/
[areas-stations-page] .k-table-thead {
    background: none;
}

/* remove left and right cell and header borders */
[areas-stations-page] .k-grid td,
[areas-stations-page] .k-grid th {
    font-size: 14px;
    font-style: normal;
    line-height: 142%; /* 19.88px */
    letter-spacing: var(--letter-spacing-null, 0px);
}

[areas-stations-page] .k-grid tr,
[areas-stations-page] .k-grid td,
[areas-stations-page] .k-grid td *,
[areas-stations-page] .k-grid th {
    border-right-width: 0;
    border-left-width: 0;
}

[areas-stations-page] .k-grid td {
    font-weight: 700;
}
/* add padding around the expandable 'area' rows */
[areas-stations-page] .k-grid tr:not(.k-detail-row) td {
    padding: var(--kendo-spacing-2, 8px)
}

/* remove extra padding around the embedded station cell */
[areas-stations-page] .k-grid tr.k-detail-row td.k-detail-cell {
    padding: 0;
}

/* set padding around each station cell */
[areas-stations-page] .k-grid .k-detail-row td.k-table-td {
    padding: var(--kendo-spacing-2, 8px)
}

[areas-stations-page] .k-grid tr td {
    border-bottom: 1px solid var(--component-border, rgba(0, 0, 0, 0.08));
    border-top: 1px solid var(--component-border, rgba(0, 0, 0, 0.08));
}

[areas-stations-page] .k-grid td,
[areas-stations-page] .k-grid th,
[areas-stations-page] .k-grid .k-table-row.k.k-master-row .k-table-td {
    border-bottom: 1px solid var(--component-border, rgba(0, 0, 0, 0.08));
}

[areas-stations-page] .k-detail-cell .k-table-td {
    font-weight: initial;
    line-height: initial;
    padding-block: 8px;
}

/* highlight expandable area rows with light gray background */
[areas-stations-page] .k-grid tr > td,
[areas-stations-page] .k-grid tr:hover{
    background: var(--kendo-color-surface, #FAFAFA);
}

/* remove background from detail rows under master */
[areas-stations-page] .k-grid tr.k-detail-row,
[areas-stations-page] .k-grid tr.k-detail-row td {
    background: var(--kendo-color-app-surface, #FFF);
}

[areas-stations-page] .heirarchical-grid-custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {
    d: path("m382.059 158.059-126.06 126.06-126.061-126.06L96 192l159.999 160L416 192z");
}

[areas-stations-page] .heirarchical-grid-custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {
    d: path("m129.941 353.941 126.06-126.06 126.061 126.06L416 320 256.001 160 96 320z");
}


/*::deep .k-detail-cell tr:last-child td*/
[areas-stations-page] .k-detail-cell tr:last-child td,
[areas-stations-page] .k-detail-row td.k-detail-cell {
    border-bottom-width: 0;
}

/*::deep .k-detail-cell tr:first-child td*/
[areas-stations-page] .k-detail-cell tr:first-child td,
[areas-stations-page] .k-detail-cell .k-grid .k-grid,
[areas-stations-page] .k-detail-row td.k-detail-cell {
    border-top-width: 0;
}

/*::deep tr.k-detail-row tr:only-child .k-detail-cell*/
[areas-stations-page] tr.k-detail-row tr:only-child {
    border-top-width: 0;
}

/* hide empty detail rows (under default done area) */
[areas-stations-page] .k-grid tr.no-children td.k-hierarchy-cell svg {
    display: none;
}

[areas-stations-page] .k-grid tr.no-children td.k-hierarchy-cell {
    pointer-events: none;
}
/* /AreasAndStations/Components/StationDialog.razor.rz.scp.css */
.machine-info-row[station-dialog] {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.machine-info-form[station-dialog] {
    flex: 1;
}

.machine-info-delete[station-dialog] {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    position: relative;
    margin-top: 16px;
}

.machine-info-delete.first-row[station-dialog] {
    margin-top: 36px;
}

.delete-button[station-dialog] {
    background: transparent;
    border: 1px solid transparent;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    position: relative;
}

.close-icon[station-dialog] {
    width: 16px;
    height: 16px;
}
/* /Areas/AreaListView.razor.rz.scp.css */
:root[area-list-view] {
    --default-color:;
}

.color-box[area-list-view] {
    width: 32px;
    height: 32px;
    background-color: var(--btn-background);
    border-width: 0;
    cursor: default !important;
}

.button-container[area-list-view] {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 4px;
}
/* /Core/Components/AppBar.razor.rz.scp.css */
.top-row[app-bar] {
    width: 100%;
    min-height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    padding: 8px 24px 8px 8px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: var(--border-radius-null, 0px);
    box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.12);
    flex-wrap: nowrap;
    gap: 16px;
}

    .top-row[app-bar]  a, .top-row[app-bar]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .top-row[app-bar]  a:hover, .top-row[app-bar]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[app-bar]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 650px) {
    .top-row:not(.auth)[app-bar] {
        display: none;
    }

    .top-row.auth[app-bar] {
        justify-content: space-between;
    }

    .top-row[app-bar]  a, .top-row[app-bar]  .btn-link {
        margin-left: 0;
    }

    .top-row.auth[app-bar] {
        flex-wrap: wrap;
        padding: 8px;
    }

        .top-row.auth > .left-menu[app-bar],
        .top-row.auth > .center-menu[app-bar],
        .top-row.auth > .right-menu[app-bar] {
            width: 100%;
            justify-content: center;
            margin-bottom: 4px;
        }
}

@media (max-width: 900px) {
    .right-menu[app-bar] {
        display: none;
    }

    .center-menu[app-bar] {
        width: auto;
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .left-menu[app-bar] {
        width: auto;
        flex: 0 1 200px;
        min-width: 0;
    }
}

@media (min-width: 641px) {
    .top-row[app-bar] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[app-bar]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }
}

.left-menu[app-bar] {
    flex: 0 0 260px; 
    min-width: 160px;
    justify-content: flex-start;
}

.right-menu[app-bar] {
    flex: 0 0 auto;
    min-width: 0;
    justify-content: flex-end;
}

    .right-menu a[app-bar] {
        cursor: pointer;
    }

.right-menu-left[app-bar] {
    margin-right: auto;
}

.center-menu[app-bar] {
    flex: 1 1 auto;
    width: auto;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .center-menu > *[app-bar] {
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

.separator[app-bar] {
    border-left: 2px solid #424242;
    height: 16px;
    margin-left: 8px;
    margin-right: 8px;
}

.nav-link[app-bar] {
    color: #2E2E2E;
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}

.link-text[app-bar] {
    display: inline;
}

.nav-link:hover .link-text[app-bar] {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.zoom-label[app-bar] {
    color: #000;
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-right: 8px;
}

.zoom-button-group[app-bar] {
    display: flex;
    padding: var(--Active-0-kendo-spacing-0, 0px);
    align-items: center;
    gap: -1px;
}

.title-and-current-facility[app-bar] {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    height: 32px;
    align-items: flex-start;
    min-width: 0;
}

.current-facility[app-bar] {
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    margin-left: 5px;
    color: #4C3369;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title[app-bar] {
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    margin-left: 5px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div[app-bar] {
    display: flex;
    align-items: center;
}

p[app-bar] {
    margin: 0;
}
/* /Core/Components/Buttons/GridOperationsDropDownButton.razor.rz.scp.css */
.file-select-container[grid-operations-drop-down] {
    display: none;
}
/* /Core/Components/CookieBanner/CookieBannerComponent.razor.rz.scp.css */
.cookie-banner[b-c7uovz7jo9] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: black;
    padding: 32px 24px;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
}

.banner-content[b-c7uovz7jo9] {
    max-width: 778px;
    display: flex;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    gap: 32px;
    text-align: center;
}

.banner-text[b-c7uovz7jo9] {
    color: white;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.banner-text a[b-c7uovz7jo9] {
    color: white;
    text-decoration: underline;
}

.agree-button[b-c7uovz7jo9] {
    background: #DF4907;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    cursor: pointer;
    font-family: inherit;
}
/* /Core/Components/Dialogs/AbortableConfirmationDialog.razor.rz.scp.css */
.abortable-dialog-content[b-sj2dt080zb] {
    margin: 20px;
    width: 245px;
    text-align: center;
}
/* /Core/Components/Dialogs/DetailsDialog.razor.rz.scp.css */
.dialog-toolbar[details-dialog] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-toolbar h3[details-dialog] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 70%;
}
/* /Core/Components/FileUploads/ImageUpload.razor.rz.scp.css */
.upload-container[image-upload] {
    display: flex;
    margin-top: 8px;
    flex-direction: column;
}

.logo-action-bar[image-upload] {
    display: flex;
    justify-content: flex-end;
    border: 1px solid rgba(0, 0, 0, 0.08);
    width: 180px;
}

    .logo-action-bar button[image-upload] {
        margin-left: 4px;
    }

.file-select-container[image-upload] {
    display: none;
}
/* /Core/Components/NotificationBanner.razor.rz.scp.css */
.banner-container[b-br7w0hgwlk] {
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    overflow: hidden;
}

.top-row .responsive-rounded-text[b-br7w0hgwlk] {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.responsive-rounded-text[b-br7w0hgwlk] {
    display: flex;
    align-items: center;
    vertical-align: middle;
    gap: 0.4em;
    padding: 0.4em .8em;
    border-radius: 8px;
    border: 1px solid #ccc;
    background: #f8f9fa;
    color: #333;
    font-size: 0.775rem;
    white-space: nowrap;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .responsive-rounded-text .text[b-br7w0hgwlk] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        flex: 1 1 0;
    }

div[b-br7w0hgwlk] {
    display: flex;
    align-items: center;
}

p[b-br7w0hgwlk] {
    margin: 0;
}
/* /Core/Components/StatusContainer.razor.rz.scp.css */
.status-container[status-container] {
    padding-bottom: 10px;
}

.legend[status-container] {
    color: #737373;
    font-weight: bold;
    background-color: rgba(220, 220, 220,.2);
}
/* /Core/Components/Templates/ExpandablePanel.razor.rz.scp.css */
#toggle[expandable-panel] {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header[expandable-panel] {
    color: #737373;
    font-size: 14px;
    font-weight: bold;
}

.expand-content[expandable-panel] {
    transition: 0.4s ease-in-out;
    overflow: hidden;
}

.expanded[expandable-panel] {
    height: 100%;
}

.collapsed[expandable-panel] {
    height: 0;
}
/* /Core/Layouts/MainLayout.razor.rz.scp.css */
[main-layout] * {
    box-sizing: border-box;
}

.page[main-layout] {
    position: relative;
    height: 100%;
    overflow-y: hidden;
}

[main-layout] .drawer-toggle-btn-container {
    display: flex;
    padding: 8px 12px 8px var(--Active-16-kendo-spacing-4, 16px);
    justify-content: flex-end;
    align-items: center;
    gap: var(--Active-12-kendo-spacing-3, 12px);
    align-self: stretch;
}

    [main-layout] .drawer-toggle-btn-container:hover {
        background-color: transparent !important;
    }

[main-layout] .drawer-toggle-btn {
    border-radius: 14px;
    width: 24px;
    height: 24px;
}

main[main-layout] {
    display: flex;
    justify-content: flex-start;
    flex: 1;
}

[main-layout] .panel {
    margin-bottom: 20px;
    border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08));
}

    [main-layout] .panel .panel-header {
        display: flex;
        margin-left: 0;
        flex-direction: column;
        justify-content: center;
        flex: 1 0 0;
        align-self: stretch;
        background: var(--base-bg, #FAFAFA);
        padding: 9px;
        border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08));

        /* typeography*/
        color: var(--kendo-color-on-app-surface, #3D3D3D);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Roboto, sans-serif;
        font-size: var(--font-size-md, 16px);
        font-style: normal;
        font-weight: 400;
        line-height: 142%; /* 22.72px */
        letter-spacing: var(--letter-spacing-null, 0px);
    }


[main-layout] .k-picker-solid {
    background-color: white;
}

[main-layout] .k-form-md{
    margin-top: unset;
}

/* style the keebob menu */
[main-layout] .k-icon-button.keebob {
    border-width: 0;
    background-color: transparent;
    position: relative;
    right: -16px;
}
    /* remove focus indication from keebob menu */
    [main-layout] button.keebob:focus {
        box-shadow: none;
    }

/* set selected background for selected grid rows */
[main-layout] .k-grid td.k-selected,
[main-layout] .k-grid .k-table-row.k-selected > td,
[main-layout] .k-grid .k-table-td.k-selected,
[main-layout] .k-grid .k-table-row.k-selected > .k-table-td,
[main-layout] .k-table-tbody .k-table-row.k-selected > .k-table-td,
[main-layout] .k-table-list .k-table-row.k-selected {
    background-color: var(--kendo-color-surface-alt, #fff);
}


[main-layout] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, 
[main-layout] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover,
[main-layout] tr.k-table-row:hover {
    background-color: inherit;
}



/* don't alternate grid row background colors */
[main-layout] .k-grid .k-grid-header .k-table {
    background-color: var(--kendo-color-surface-alt, #fff);
}

[main-layout] tr.k-table-row {
    border-top: 1px solid black !important;
}

/* style the grid containers with keebob menus */
[main-layout] .grid-menu-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 641px) {
    article[main-layout] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}

.footer-container[main-layout] {
    position: absolute;
    bottom: 1px;
    right: 1px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 2px;
    align-items: flex-end;
    margin-bottom: 12px;
}

.footer-container label[main-layout] {
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 80%;
    padding-left: 6px;
}
/* /Core/Layouts/SignInLayout.razor.rz.scp.css */
.sign-in-page[sign-in-layout] {
    position: relative;
    height: 100%;
    overflow-y: hidden;
    background: linear-gradient(180deg, #D6D6D6 14%, #757575 100%);
    padding: 96px;
}

.container[sign-in-layout] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}

.logo[sign-in-layout] {
    width: 128px;
    box-shadow: 0px 21px 26px 0px rgba(0, 0, 0, 0.12), 0px 10px 42px 0px rgba(0, 0, 0, 0.12);
}

.welcome[sign-in-layout] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    line-height: 133%;
    color: #3F3F3F;
}

.size-20[sign-in-layout] {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.size-40[sign-in-layout] {
    font-size: 40px;
    font-weight: 400;
}
/* /Crews/CrewListView.razor.rz.scp.css */
:root[crew-list-view] {
    --default-color: ;
}

.color-box[crew-list-view] {
    width: 32px;
    height: 32px;
    background-color: var(--default-color);
    border-width: 0;
    display: inline-flex;
    vertical-align: middle;
}
/* /Crews/CrewsDetailsView.razor.rz.scp.css */
.panel[crew-details-view] {
    margin-bottom: 13px;
}
/* /Employees/EmployeeDetailsForm.razor.rz.scp.css */
[b-6ccjv9zwbu] .checkbox-items {
    width: 100%;
    display: flex !important;
}

    [b-6ccjv9zwbu] .checkbox-items label {
        padding-left: 5px;
        padding-right: 5px;
    }

[b-6ccjv9zwbu] .k-disabled {
    background-color: #e0e0e0; /* Light grey background */
    border-color: #b0b0b0; /* Grey border */
    cursor: not-allowed; /* Change cursor to indicate disabled state */
}

[b-6ccjv9zwbu] .enable-login-annotation {
    color: var(--component-text, #424242);
    font-feature-settings: 'liga' off, 'clig' off;
    /* Small Text/Small Italic */
    font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
}

[b-6ccjv9zwbu] .custom-checkbox-border {

    border-color: var(--kendo-color-border-alt);
}
/* /Employees/EmployeeDetailsView.razor.rz.scp.css */

.panel[employee-details-view] {
    margin: 10px;
}

[employee-details-view] .panel-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-left: -4px;
    font-family: Roboto, Arial, sans-serif;
    font-feature-settings: "liga" 0;
    color: black;
}

[employee-details-view] .k-panelbar-toggle.k-svg-icon > svg {
    fill: #DF4907 !important;
}

[employee-details-view] .k-panelbar > .k-panelbar-header > .k-link {
    background-color: #FFF;
}

    [employee-details-view] .k-panelbar > .k-panelbar-header > .k-link:hover {
        background-color: whitesmoke;
    }

    [employee-details-view] .k-panelbar > .k-panelbar-header > .k-link.k-selected {
        background-color: whitesmoke;
    }
/* /Employees/EmployeeListView.razor.rz.scp.css */
/* grid tool bar header*/
[b-qzq2iyshwo] .grid-header {
    display: flex;
    margin-left: 0;
    flex-direction: row;
    justify-content: left;
    flex: 1 0 0;
    border: 0;
    /* typeography*/
    color: var(--kendo-color-on-app-surface, #3D3D3D);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Roboto, sans-serif;
    font-size: var(--font-size-md, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 142%; /* 22.72px */
    letter-spacing: var(--letter-spacing-null, 0px);
}

[b-qzq2iyshwo] .k-grid-header {
    border-radius: var(--border-radius-null, 0px);
    background: var(--kendo-color-surface-alt, #FFF);
}

/* Remove vertical cell borders */
[b-qzq2iyshwo] .k-grid .k-grid-content td,
[b-qzq2iyshwo] .k-grid .k-table-thead th {
    border-left: 0px !important;
}

[b-qzq2iyshwo] .k-grid .k-table-thead th {
    color: var(--kendo-color-on-app-surface, #3D3D3D);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-font-family, Roboto);
    font-size: var(--font-size-md, 14px);
    font-style: normal;
    font-weight: 700;
    line-height: 142%; /* 19.88px */
    letter-spacing: var(--letter-spacing-null, 0px);
}

/* Add horizontal line separators */
[b-qzq2iyshwo] .k-grid .k-grid-content td {
    border-bottom: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08));
}

/* Remove alternating row colors */
[b-qzq2iyshwo] .k-grid tr.k-alt {
    background-color: transparent !important;
}

/* Remove default header background */
[b-qzq2iyshwo] .k-table-thead {
    background-color: transparent !important;
}

[b-qzq2iyshwo] .role-name {
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: var(--border-radius-md, 4px);
}

[b-qzq2iyshwo] .kebab-menu-wrapper {
    text-align: right;
    vertical-align: top;
}

[b-qzq2iyshwo] .kebab-menu {
    border: none;
    background-color: transparent;
    box-shadow: 0;
}

    [b-qzq2iyshwo] .kebab-menu:focus {
        box-shadow: 0;
    }

.kebab-col[b-qzq2iyshwo] {
    padding-right: 0px;
}

.edit-button-group[b-qzq2iyshwo] {
    text-align: right;
}

.edit-toolbar[b-qzq2iyshwo] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edit-title[b-qzq2iyshwo] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 70%;
}
/* /Employees/Roles/RoleSettings.razor.rz.scp.css */
.role-details[b-4sm7t9l4pj] {
    padding: 1rem;
    background-color: #fafafa;
    margin-bottom: 2rem;
}
/* /Facilities/FacilityGeneralInformation.razor.rz.scp.css */
.facility-general-info-container[facility-info] {
    display: grid;
    grid-template-columns: 1fr 178px;
    margin: 16px;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

[facility-info] .k-form-no-buttons .k-form-buttons {
    display: none
}

.facility-form-item[facility-info] {
    display: flex;
    width: stretch;
    padding: var(--Active-0-kendo-spacing-0, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Active-0-kendo-spacing-0, 0px);
    align-self: stretch;
}

.form-group-80-percent[facility-info] {
    width: 80%;
}

.form-group-20-percent[facility-info] {
    width: 20%;
}

.readonly-label[facility-info] {
    font-weight: bold;
}
/* /Facilities/FacilityPage.razor.rz.scp.css */




.checkbox[facility-page] {
    margin-top: 13px;
    margin-bottom: 7px;
}

[facility-page] .panel {
    max-width: 822px;
}

[facility-page] .k-input-button {
    width: calc(var(--kendo-line-height, normal)* 1em + var(--kendo-spacing-1, .25rem)* 2);
    flex: none;
    aspect-ratio: auto;
    box-shadow: none;
}

[facility-page] .k-form-md {
    margin-inline-start: 16px;
}




[facility-page] .k-form .k-form-fieldset {
    margin: 0;
    padding: unset;
}

[facility-page] .k-table-thead,
[facility-page] .k-table-header,
[facility-page] .k-table-group-sticky-header {
    background-color: var(--kendo-color-surface-alt, #fff);
}

[facility-page] .k-grid .k-table-th, 
[facility-page] .k-grid td, 
[facility-page] .k-grid .k-table-td {
    border-inline-width: 0;
    border-block-width: 1px;
}

[facility-page] .k-grid .k-table-row {
    border-width: 1px;
    border-style: solid;
    border-block: 1px solid red
}


[facility-page] .k-grid .k-grid-md td,
[facility-page] .k-grid .k-grid-md .k-table-td,
[facility-page] .k-grid-md td, 
[facility-page] .k-grid-md .k-table-td {
    padding-block: var(--kendo-spacing-2, 0px) !important;
    padding-inline: var(--kendo-spacing-3, 0px) !important;
}


[facility-page] .k-grid .k-table-row.k-table-alt-row {
    background-color: inherit;
}

[facility-page] .k-form-field.hidden {
    display: none;
}

/* right align action buttons */
.form-actions[facility-page] {
    display: flex;
    justify-content:flex-end;
}

.address-display[facility-page] {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
}
/* /RolesAndPermissions/RolesAndPermissionsList.razor.rz.scp.css */

/*
    In RoleList.razor, the role-list-view div is used to provide the 
    level of specificity needed to target the styles in the page and 
    has no other purpose.

    https://www.telerik.com/blazor-ui/documentation/knowledge-base/common-css-isolation
*/

[b-blgje6saol] .k-listbox {
    border: none;
    padding: 0;
    height: 392px !important;
}

[b-blgje6saol] ::-webkit-scrollbar {
    width: 6px;
}

[b-blgje6saol] ::-webkit-scrollbar-thumb {
    background: #AFAFAF;
    border-radius: 3px;
    transform: rotate(90deg);
    min-height: 106px;
}

[b-blgje6saol] ::-webkit-scrollbar-track {
    width: 10px;
    background: #F2F2F2;
}

/* Firefox-only support */
@supports (-moz-appearance: none) {
    [b-blgje6saol] .k-list-content {
        scrollbar-width: thin;
        scrollbar-color: #AFAFAF #F2F2F2;
    }
}

[b-blgje6saol] .k-list-md .k-list-item,
[b-blgje6saol] .k-list-md .k-list-optionlabel {
    padding: 8px 4px 8px 12px;
    display: flex;
    align-items: center;
    height: 36px;
}

[b-blgje6saol] .menu-button {
    background: transparent;
    border: none;
    color: inherit;
    padding: 4px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

[b-blgje6saol] .k-list-item.k-selected,
[b-blgje6saol] .k-selected.k-list-optionlabel {
    background-color: #3F3F3F;
    color: white;
}

[b-blgje6saol] .card-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #3D3D3D;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    padding: 8px 8px 8px 12px;
    border: 1px solid #EBEBEB !important;
    border-bottom: none !important;
}

/* 
    The following rules remove the border from a selected role
    when clicking on the 3-dot menu
*/
[b-blgje6saol] .k-list-item {
    border: none !important;
    outline: none !important;
}

[b-blgje6saol] .k-list-item.k-focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

[b-blgje6saol] .k-focus {
    box-shadow: none !important;
    border-color: transparent !important;
}

[b-blgje6saol] .k-list-item:focus-within {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
/* /RolesAndPermissions/RolesAndPermissionsPage.razor.rz.scp.css */
.main-container[b-x2qn0exx57] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #3D3D3D;
    width: 1000px;
    min-height: 540px;
    padding: 0;
}

.roles-header[b-x2qn0exx57] {
    display: flex;
    padding: 8px 8px 8px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: #FAFAFA;
}

.roles-header span[b-x2qn0exx57] {
    color: #3D3D3D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 142%;
    letter-spacing: 0px;
}

[b-x2qn0exx57] .k-card {
    border-radius: 0;
    border: none !important;
}

[b-x2qn0exx57] .k-card-body {    
    padding-top: 0 !important;
    padding-right: 0;
}

/* The entire settings-role container */
[b-x2qn0exx57] .cards-container {
    min-height: 505px;
    display: flex;
    padding: 15px 15px 15px 0;
}

[b-x2qn0exx57] .settings-card {
    flex: 1;
}
/* /RolesAndPermissions/RolesAndPermissionsSettings.razor.rz.scp.css */

/*
    In RoleSettings.razor, the role-settings-view div is used to provide the 
    level of specificity needed to target the styles in the page and 
    has no other purpose.

    https://www.telerik.com/blazor-ui/documentation/knowledge-base/common-css-isolation
*/

/* Role Name textbox */
[b-zpkhnpvy3w] .role-name-input.k-textbox {
    width: 262px;
    height: 32px;
    border-radius: 2px;
}

[b-zpkhnpvy3w] .role-name-input.k-textbox.k-disabled {
    background: var(--light, #EBEBEB);
    color: var(--kendo-color-on-app-surface, #3F3F3F);
}

[b-zpkhnpvy3w] .form-field-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-zpkhnpvy3w] .input-validation-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

/* Rules for the Update and Clear Changes buttons */
[b-zpkhnpvy3w] .button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    gap: 10px;
}

/* Update button colors */
[b-zpkhnpvy3w] .button-container .k-button:last-child {
    background-color: #DF4907;
    border-color: #DF4907;
}

/* Permissions header in the Roles Settings Page*/
[b-zpkhnpvy3w] .permissions-header {
    font-size: 14px;
    font-weight: 700;
    line-height: 142%;
    letter-spacing: 0;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: none;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-zpkhnpvy3w] .select-all-container {
    display: flex;
    align-items: center;
    font-weight: normal;
    line-height: 1px;
    gap: 6px;
}

/* Assign Role to Employees area */
[b-zpkhnpvy3w] .assign-role-to-employees {
    display: flex;
    min-height: 52px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 15px;
}

[b-zpkhnpvy3w] .k-grid th.k-header {
    vertical-align: middle;
}

[b-zpkhnpvy3w] .k-grid th {
    background-color: #FAFAFA;
    border: none;
}

[b-zpkhnpvy3w] .k-grid td,
[b-zpkhnpvy3w] .k-grid th {
    height: 25px;
    border: none;
}

/* Horizontal lines for data cells only */
[b-zpkhnpvy3w] .k-grid td {
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Vertical borders for Select All column - data cells only */
[b-zpkhnpvy3w] .k-grid td:nth-child(2) {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

/* Column widths */
[b-zpkhnpvy3w] .k-grid th:nth-child(1),
[b-zpkhnpvy3w] .k-grid td:nth-child(1) {
    width: 194px;
}

[b-zpkhnpvy3w] .k-grid th:nth-child(2),
[b-zpkhnpvy3w] .k-grid td:nth-child(2) {
    width: 67px;
}

[b-zpkhnpvy3w] .k-grid th:nth-child(3),
[b-zpkhnpvy3w] .k-grid td:nth-child(3) {
    width: 64px;
}

[b-zpkhnpvy3w] .k-grid th:nth-child(4),
[b-zpkhnpvy3w] .k-grid td:nth-child(4) {
    width: 64px;
}

[b-zpkhnpvy3w] .k-grid th:nth-child(5),
[b-zpkhnpvy3w] .k-grid td:nth-child(5) {
    width: 65px;
}

[b-zpkhnpvy3w] .k-grid th:nth-child(6),
[b-zpkhnpvy3w] .k-grid td:nth-child(6) {
    width: 64px;
}

/* Facility row Add/Delete columns - disabled state */
[b-zpkhnpvy3w] .k-grid tr:nth-child(1) td:nth-child(4) .k-checkbox,
[b-zpkhnpvy3w] .k-grid tr:nth-child(1) td:nth-child(6) .k-checkbox {
    background-color: #E5E5E5;
}

/* The rest of the checkboxes */
[b-zpkhnpvy3w] .k-checkbox {
    border-color: var(--kendo-color-border-alt);
}

/* Set the placeholder in the Assign this Role to Employees multi select control */
[b-zpkhnpvy3w] .assign-role-to-employees .k-input-inner::placeholder {
    font-style: italic;
}

[b-zpkhnpvy3w] .employee-select .k-button-md.k-icon-button {
    background-color: white;
    border-color: #FFF;
}

/* Employee multi select box chip */
[b-zpkhnpvy3w] .k-chip-solid-base {
    border: 1px solid rgba(0, 0, 0, 0.18);
    background-color: #F7F7F7;
}

[b-zpkhnpvy3w] .form-field-container label::before {
    content: "*";
    color: #F31700;
    font-family: "Helvetica Neue LT STD", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 2px;
    margin-right: 2px;
}

[b-zpkhnpvy3w] .role-permission-checkbox:disabled,
[b-zpkhnpvy3w] .role-permission-checkbox[disabled] {
    opacity: 0.4; 
    background-color: var(--kendo-color-primary);
}

[b-zpkhnpvy3w] .role-permission-checkbox:disabled:checked::after,
[b-zpkhnpvy3w] .role-permission-checkbox[disabled]:checked::after {
    opacity: 1;
    color: white; 
}

[b-zpkhnpvy3w] .form-field-container.no-asterisk label::before {
    content: none;
}

[class*="validation-error"][b-zpkhnpvy3w] {
    color: #F31700 !important;
}
/* /Shifts/ShiftsView.razor.rz.scp.css */


.k-grid-toolbar[shifts-view] {
    padding-inline-end: 9px;
}
.k-toolbar-md .panel-header[shifts-view] {
    padding-block: 0px;
    border: 0px;
}

.k-button-md[shifts-view] {
    padding-block: 0;
}

#shift-dialog .k-form-buttons[shifts-view] {
    justify-content: flex-end;
}

.k-colspan-1[shifts-view] {
    width: 150px;
}

.k-window-titlebar[shifts-view],
.k-window-title[shifts-view] {
    padding-block: 0;
}



/* remove the DetailTemplate container padding */
[shifts-view] .align-hierarchy td.k-table-td.k-detail-cell {
    padding: 0;
}

/* remove the vertical Grid scrollbars */
[shifts-view] .align-hierarchy .k-grid-content {
    overflow-y: visible;
}
/* remove the empty space above the vertical Grid scrollbar */
[shifts-view] .align-hierarchy .k-grid-header {
    padding-inline-end: 0;
}

/* remove the detail Grid right border */
[shifts-view] .align-hierarchy .k-grid {
    border-right-width: 0;
}
/* /Stations/StationDetailsView.razor.rz.scp.css */
.panel[station-details-view] {
    margin-bottom: 13px;
}
/* /Stations/StationListView.razor.rz.scp.css */
:root[station-list-view] {
    --default-color: ;
}

.station-name-container[station-list-view] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.color-box[station-list-view] {
    width: 32px;
    height: 32px;
    background-color: var(--default-color);
    border-width: 0;
    display: inline;
}
/* /SystemAdministration/SystemAdministrationPage.razor.rz.scp.css */
.main-container[b-k5ng6oq6he] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #3D3D3D;
    width: 1000px;
    min-height: 540px;
    padding: 0;
}

.sys-admin-header[b-k5ng6oq6he] {
    display: flex;
    padding: 8px 8px 8px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: #FAFAFA;
}

.sys-admin-header span[b-k5ng6oq6he] {
    color: #3D3D3D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 142%;
    letter-spacing: 0px;
}

.align-center[b-k5ng6oq6he] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    text-align: center;
    height: 100%;
    min-height: 400px;
}