@import '_content/BlazorStyles/BlazorStyles.x2ye2wanvg.bundle.scp.css';

/* /Components/Accounts/Accounts/EditUserModal.razor.rz.scp.css */
.user-roles-container[b-scw3e14el5] {
    border: 1px solid black;
    border-radius: 4px;
    min-height: 20px;
    margin-top: 12px;
    max-height: 35vh;
    overflow: auto;
}

.user-roles-row[b-scw3e14el5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 6px 12px;
}

.user-is-special[b-scw3e14el5] {
    margin-top: 12px;
}
/* /Components/Accounts/Accounts/NewUserModal.razor.rz.scp.css */
.user-roles-container[b-gq0tn8vfgh] {
    border: 1px solid black;
    border-radius: 4px;
    height: 200px;
    margin-top: 12px;
    max-height: 35vh;
    overflow: auto;
}

.user-roles-row[b-gq0tn8vfgh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 6px 12px;
}

.user-is-special[b-gq0tn8vfgh] {
    margin-top: 12px;
}
/* /Components/Accounts/Grants/ModalGrant.razor.rz.scp.css */
.grant-container[b-ce5du8ol42] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
}

    .grant-container > div[b-ce5du8ol42] {
        height: 50vh;
        overflow: auto;
        border: 1px solid black;
        border-radius: 4px;
        padding: 12px;
    }

h5[b-ce5du8ol42] {
    text-align: center; 
    font-size: 1.2rem;
    margin: 12px 0;
}
/* /Components/Dashboard/DashboardMainArea.razor.rz.scp.css */
.main-area[b-3omexld4xh] {
    display: grid;
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-auto-flow: row;
    grid-auto-rows: minmax(120px, 12.5%);
    height: 100%;
    grid-template-columns: repeat(16, minmax(0, 1fr))
}

@media screen and (max-width: 1200px) {
    .main-area[b-3omexld4xh] {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
}

@media screen and (max-width: 768px) {
    .main-area[b-3omexld4xh] {
        display: flex;
        flex-direction: column
    }
}
/* /Components/Dashboard/KPIContainer.razor.rz.scp.css */
.item[b-y172jsevwp] {
    background: #fff;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    min-height: 120px;
    position: relative
}

    .item.hidden[b-y172jsevwp] {
        background-color: #dcdcdc
    }

    .item:hover[b-y172jsevwp] {
        background: var(--asphalt-light)
    }

    .item.white-background:hover[b-y172jsevwp] {
        background: #fff
    }

    .item.white-background.hidden:hover[b-y172jsevwp] {
        background-color: #dcdcdc
    }

@media screen and (max-width: 768px) {
    .item[b-y172jsevwp] {
        font-size: 14px !important
    }
}

.size-1[b-y172jsevwp] {
    grid-area: span 2 / span 2;
    font-size: 14px
}

.size-2[b-y172jsevwp] {
    grid-area: span 2 / span 3;
    font-size: 14px
}

.size-3[b-y172jsevwp] {
    grid-area: span 3 / span 3;
    font-size: 20px
}

.size-4[b-y172jsevwp] {
    grid-area: span 3 / span 4;
    font-size: 20px
}

.size-5[b-y172jsevwp] {
    grid-area: span 4 / span 4;
    font-size: 30px
}

.size-6[b-y172jsevwp] {
    grid-area: span 4 / span 5;
    font-size: 30px
}

.size-7[b-y172jsevwp] {
    grid-area: span 4 / span 6;
    font-size: 30px
}

.size-8[b-y172jsevwp] {
    grid-area: span 4 / span 8;
    font-size: 30px
}

.dragged[b-y172jsevwp] {
    border: 2px dashed #f40
}
/* /Components/Dashboard/KPIInformation.razor.rz.scp.css */
.info[b-qzkjgqssa3] {
    height: 100%;
    width: 100%;
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.dashboard-value[b-qzkjgqssa3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
    color: #000;
    font-size: 5em
}

.total-value[b-qzkjgqssa3] {
    border-left: solid 1px #000;
    padding-left: 0.2em;
    font-size: .3em !important;
    margin-bottom: 0.4em
}

.dashboard-kpi-bottom-info[b-qzkjgqssa3] {
    height: 5em;
    text-align: center;
    font-size: 1em !important
}
/* /Components/DeviationOverview/DeviationInfoSidebar.razor.rz.scp.css */
.deviation-status-ball[b-3uw9tgn0xz] {
    height: 24px;
    width: 24px
}

.deviation-header[b-3uw9tgn0xz] {
    color: var(--asphalt-grey-1);
    margin-bottom: 2%
}

.sidebar-info-container[b-3uw9tgn0xz] {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.button-row[b-3uw9tgn0xz] {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.button-row[b-3uw9tgn0xz] >  button {
    padding: 6px 18px;
}
/* /Components/DeviationOverview/ModalUploadAttachment.razor.rz.scp.css */
.wrapper[b-sjm8r9ftwr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 250px;
    gap: .8rem;
    user-select: none;
}

.cloud-image[b-sjm8r9ftwr] {
    height: 3rem;
    width: 3rem;
    pointer-events: none
}



.uploaded-images-row[b-sjm8r9ftwr] {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: .8rem;
    user-select: none
}

    .uploaded-images-row .uploaded-image[b-sjm8r9ftwr] {
        height: 100%;
        position: relative;
        width: 75px;
    }

        .uploaded-images-row .uploaded-image .delete-photo[b-sjm8r9ftwr] {
            position: absolute;
            top: 0;
            right: 0
        }

        .uploaded-images-row .uploaded-image .the-image[b-sjm8r9ftwr] {
            pointer-events: none;
            width: 75px;
            height: 75px;
            object-fit: cover;
        }

.upload-area[b-sjm8r9ftwr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Components/DeviationOverview/OverviewTab.razor.rz.scp.css */
.overview-container[b-lm0k8afo7e] {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
    grid-template-rows: minmax(0, 2.5fr) minmax(15%, 20%) minmax(0, 1fr);
    height: 100%;
    grid-gap: 12px;
    overflow-y: scroll
}

pcs-container[b-lm0k8afo7e] {
    overflow-x: auto
}

.photo-gallery-container[b-lm0k8afo7e] {
    grid-column: span 3;
    max-height: 540px;
    overflow-y: auto
}

.pcs-title-container[b-lm0k8afo7e] {
    display: flex;
    min-height: 19px;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1%
}

.pcs-slider-item[b-lm0k8afo7e] {
    float: right
}

.span-2[b-lm0k8afo7e] {
    grid-column: span 2
}

.span-4[b-lm0k8afo7e] {
    grid-column-start: span 4
}

.comment-area[b-lm0k8afo7e] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 12px
}

.comments[b-lm0k8afo7e] {
    background-color: var(--asphalt-light);
    padding: 6px;
    font-size: 14px
}

    .comments > .author[b-lm0k8afo7e] {
        font-size: 0.85em;
        color: var(--asphalt-grey-1)
    }

    .comments > .comment[b-lm0k8afo7e] {
        color: #000;
        margin-bottom: 6px
    }

.border[b-lm0k8afo7e] {
    border: 1px solid black;
    border-radius: 4px
}

.small-margin-top[b-lm0k8afo7e] {
    margin-top: 4%
}
/* /Components/DeviationOverview/PhotoCarusell.razor.rz.scp.css */
@media only screen and (max-height: 700px) {
    /*Need important flags here in the media query to overwrite properties with more selectors.*/

    .delete-photo[b-ld9dx2s7zf], .selected-photo[b-ld9dx2s7zf], .no-photo-placeholder[b-ld9dx2s7zf] {
        display: none !important;
    }

    .photo-bar[b-ld9dx2s7zf] {
        height: 100% !important;
        display: grid !important;
        grid-auto-flow: column;
        grid-template-rows: 1fr 1fr;
    }

        .photo-bar img[b-ld9dx2s7zf] {
            max-width: 100% !important;
            object-fit: cover;
            display: flex;
        }

    .photo-container[b-ld9dx2s7zf] {
        position: relative;
        grid-row: span 2;
        min-width: 200px;
    }

    .non-photo-container[b-ld9dx2s7zf] {
        height: 80px;
        width: 80px;
    }

        .non-photo-container > img[b-ld9dx2s7zf] {
            width: 50px;
            height: 50px;
        }

    [b-ld9dx2s7zf] .show-on-small-screens {
        display: initial !important;
    }

    [b-ld9dx2s7zf] .hide-on-small-screens {
        display: none !important;
    }
}

[b-ld9dx2s7zf] .show-on-small-screens {
    display: none;
}

[b-ld9dx2s7zf] .hide-on-small-screens {
    display: initial;
}

.carusell-wrapper[b-ld9dx2s7zf] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

    .carusell-wrapper .delete-photo[b-ld9dx2s7zf] {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .carusell-wrapper .selected-photo[b-ld9dx2s7zf] {
        width: auto;
        height: 85%;
        object-fit: cover;
        border-radius: 4px;
        background-color: #fff;
    }

        .carusell-wrapper .selected-photo:hover[b-ld9dx2s7zf] {
            cursor: pointer;
            border: 1px solid var(--roadsign-blue);
        }

    .carusell-wrapper .no-photo-placeholder[b-ld9dx2s7zf] {
        width: auto;
        height: 85%;
        object-fit: cover;
        border-radius: 4px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .carusell-wrapper .photo-bar[b-ld9dx2s7zf] {
        height: 15%;
        display: flex;
        overflow-x: auto;
        gap: .8rem;
        padding-bottom: 6px;
    }

        .carusell-wrapper .photo-bar .thumbnail[b-ld9dx2s7zf] {
            height: 100%;
            width: 100%;
            border-radius: 4px;
            user-select: none;
        }

            .carusell-wrapper .photo-bar .thumbnail.selected[b-ld9dx2s7zf] {
                border-color: var(--roadsign-blue);
            }

            .carusell-wrapper .photo-bar .thumbnail:hover[b-ld9dx2s7zf] {
                cursor: pointer;
                border: 1px solid var(--roadsign-blue);
            }

.no-photo-text[b-ld9dx2s7zf] {
    height: 100%;
    width: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--asphalt-grey-1);
    font-size: 2rem;
    font-weight: 500;
}

.non-photo-container[b-ld9dx2s7zf] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 80px;
    cursor: pointer;
}

    .non-photo-container > img[b-ld9dx2s7zf] {
        height: 75%;
    }

    .non-photo-container > p[b-ld9dx2s7zf] {
        height: 25%;
        min-height: 14px;
        font-size: 12px;
        width: 100%;
        overflow-x: auto;
        white-space: normal;
        text-align: center;
    }

:is(.photo-container,.non-photo-container)[b-ld9dx2s7zf] >  .btn-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background-color: rgb(255, 255, 255, 0.3);
}

    :is(.photo-container,.non-photo-container)[b-ld9dx2s7zf] >  .btn-icon :hover {
        background-color: rgb(100, 0, 0, 0.3);
    }

.photo-container[b-ld9dx2s7zf] >  .btn-icon {
    top: 12px;
    right: 12px;
}
/* /Components/DeviationOverview/PrintReport.razor.rz.scp.css */
.print-title[b-441z26kc45] {
    margin: 1% 0 1% 0
}

.print-container[b-441z26kc45] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.print-column[b-441z26kc45] {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    flex-basis: 100%;
    flex: 1
}

.print-item-row[b-441z26kc45] {
    display: flex;
    flex-direction: row
}

    .print-item-row label[b-441z26kc45] {
        width: 25%
    }

.print-img-style[b-441z26kc45] {
    width: 75%;
    height: auto
}
/* /Components/DeviationOverview/SubTypeQuestions.razor.rz.scp.css */
.subtype-question-container[b-mhbmaiq0oa] {
    border: 1px solid #000;
    border-radius: 4px;
    overflow-y: auto;
    flex-grow: 1
}

    .subtype-question-container > div[b-mhbmaiq0oa] {
        padding: 12px;
        display: flex;
        flex-direction: column;
        gap: 12px
    }

        .subtype-question-container > div.disabled[b-mhbmaiq0oa] {
            pointer-events: none
        }

    .subtype-question-container.disabled[b-mhbmaiq0oa] {
        background-color: var(--asphalt-light)
    }
/* /Components/DeviationSelfService/DraggableItem.razor.rz.scp.css */
.deviation-item-container[b-0p5icoccuf] {
    border: 1px solid #000;
    border-radius: 4px;
    cursor: pointer
}

    .deviation-item-container.extended[b-0p5icoccuf] {
        grid-row: span 3
    }

.deviation-item-header[b-0p5icoccuf] {
    height: 32px;
    padding: 6px 12px;
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden
}

    .deviation-item-header.extended[b-0p5icoccuf] {
        border-bottom: 1px solid #000
    }

.deviation-item-body[b-0p5icoccuf] {
    height: calc(100% - 32px);
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

.button-row[b-0p5icoccuf] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.info-row[b-0p5icoccuf] {
    display: flex;
    justify-content: space-between
}

.info-values[b-0p5icoccuf] {
    display: flex;
    flex-direction: column;
    text-align: right
}
/* /Components/DeviationSelfService/Modals/DSSModalGridContainer.razor.rz.scp.css */
.modal-grid-container[b-yswh88kk5u] {
    display: grid;
    grid-template-columns: 1.2rem 1fr 3fr;
    grid-template-rows: auto;
    grid-row-gap: 20px;
    grid-column-gap: 6px
}
/* /Components/DeviationSelfService/SelfServiceSectionHeader.razor.rz.scp.css */
.deviation-section-header[b-evte26lv0b] {
    height: 32px;
    padding: 6px 12px;
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    border: 1px solid var(--roadsign-blue);
    border-radius: 4px;
    cursor: pointer
}
/* /Components/Deviation/All Deviation Tab/AllDeviationSidebar.razor.rz.scp.css */
.status-filters > li > img[b-hpqtlxbu40] {
    width: 12px;
    height: 12px
}

.status-filters li + li[b-hpqtlxbu40] {
    padding-top: 6px
}

h5[b-hpqtlxbu40] {
    text-transform: uppercase;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1rem;
    font-weight: 700
}
/* /Components/Deviation/DeviationPage.razor.rz.scp.css */
h5[b-eugpv3yjq9] {
    font-size: 16px
}

.status-filters[b-eugpv3yjq9] {
    margin-top: 12px
}

    .status-filters img[b-eugpv3yjq9] {
        width: 12px;
        height: 12px
    }

    .status-filters li[b-eugpv3yjq9] {
        padding-top: 5px;
        padding-bottom: 5px
    }

        .status-filters li + li[b-eugpv3yjq9] {
            border-top: 1px solid var(--asphalt-grey-1)
        }

.deviation-actions span + span[b-eugpv3yjq9] {
    margin-top: 12px
}

h5[b-eugpv3yjq9] {
    font-weight: 700;
    text-transform: uppercase
}

    h5:not(:first-child)[b-eugpv3yjq9] {
        margin-top: 12px;
        margin-bottom: 12px
    }
/* /Components/Deviation/Modals/DeviationSettingModal.razor.rz.scp.css */
.table-settings-container[b-ymxkjssnez] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px
}

    .table-settings-container > div[b-ymxkjssnez] {
        width: 100%;
        display: flex;
        justify-content: space-between
    }
/* /Components/Deviation/Modals/DeviationStatusModal.razor.rz.scp.css */
.deviation-status-modal-container[b-udc02f2kma] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem
}

.status-change-for[b-udc02f2kma] {
    padding-top: 0.8em;
    padding-bottom: 1.7em;
    text-align: center
}
/* /Components/Deviation/Modals/NewDeviationModal/NewDeviationModal.razor.rz.scp.css */
.new-deviation-modal-container[b-ddb0on64fo] {
    display: grid;
    height: 90%;
    font-size: 14px;
    grid-template-columns: 1fr;
    grid-gap: 1.2em;
    overflow: auto
}


    .new-deviation-modal-container > div:first-child[b-ddb0on64fo] {
        max-width: 400px;
    }

    .new-deviation-modal-container > div[b-ddb0on64fo] {
        display: flex;
        flex-direction: column
    }

@media only screen and (min-width: 890px) {
    .new-deviation-modal-container[b-ddb0on64fo] {
        height: 100%;
        grid-gap: 1.2em;
        overflow: visible
    }

    .two-columns[b-ddb0on64fo] {
        grid-template-columns: 1fr 1.5fr
    }

    .three-columns[b-ddb0on64fo] {
        grid-template-columns: 1fr 1fr 1.5fr
    }
}

@media only screen and (max-height: 900px) {
    .new-deviation-modal-container[b-ddb0on64fo] {
        overflow: auto
    }
}

.section-title[b-ddb0on64fo] {
    margin-bottom: 4px;
    margin-top: 4px
}
/* /Components/Deviation/Modals/NewDeviationModal/PCSColumn.razor.rz.scp.css */
.cause-solution-title-container[b-xjj4n1rpot] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 6px;
    margin-bottom: 2px
}

.bottom-info-row[b-xjj4n1rpot] {
    display: flex;
    gap: 12px;
    margin-bottom: 12px
}

    .bottom-info-row > div[b-xjj4n1rpot] {
        width: 100%
    }

.priority[b-xjj4n1rpot] {
    width: calc(50% - 6px)
}

.button-row[b-xjj4n1rpot] {
    display: flex;
    justify-content: flex-end
}

    .button-row > button[b-xjj4n1rpot] {
        width: 50%;
        margin-left: 12px
    }
/* /Components/Deviation/Modals/NewDeviationModal/SubjectColumn.razor.rz.scp.css */
.section-title[b-zvv40apbgi] {
    margin-bottom: 4px;
    margin-top: 12px
}

.image-container[b-zvv40apbgi] {
    margin-top: 12px;
    border-radius: 4px;
    flex-grow: 1;
    min-height: 150px;
    height: 100%;
    padding: 4px;
    display: flex;
    flex-direction: column;
}

    .image-container[b-zvv40apbgi] >  .drop-area {
        flex-grow: 1;
    }

.uploaded-images-row[b-zvv40apbgi] {
    margin-top: 6px;
    flex-grow: 0;
    width: 100%;
    overflow: auto;
    display: flex;
    bottom: 0
}

.uploaded-image + .uploaded-image[b-zvv40apbgi] {
    margin-left: 12px;
}

.uploaded-image[b-zvv40apbgi] {
    position: relative
}

    .uploaded-image > .remove-icon[b-zvv40apbgi] {
        cursor: pointer;
        position: absolute;
        height: 25%;
        right: 2px;
        top: 5px;
        background-color: rgba(255,255,255,0.8);
        border-radius: 50%
    }

        .uploaded-image > .remove-icon:hover[b-zvv40apbgi] {
            background-color: #dcdcdc
        }

    .uploaded-image > img[b-zvv40apbgi] {
        height: 90px;
    }

.image-upload-container[b-zvv40apbgi] {
    display: flex;
    flex-direction: column;
    height: 75%;
    align-items: center;
    justify-content: space-evenly
}

    .image-upload-container > img[b-zvv40apbgi] {
        width: 3rem;
        height: 3rem
    }

    .image-upload-container > p[b-zvv40apbgi] {
        font-size: 1rem;
        font-weight: 700
    }
/* /Components/Deviation/Modals/NewDeviationModal/SubTypeQuestionColumn.razor.rz.scp.css */
.section-title[b-jn04fl55bb] {
    margin-bottom: 4px
}

.subtype-question-container[b-jn04fl55bb] {
    border: 1px solid #000;
    border-radius: 4px;
    overflow-y: auto;
    flex-grow: 1;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px
}
/* /Components/DrawingTool/DrawingToolAreas.razor.rz.scp.css */
.drawing-tool-info-window[b-l0kpkl7uok]{
    min-width: 400px;
    max-width: 30%;
}

.drawing-tool-info-window-title[b-l0kpkl7uok], .drawing-tool-info-window-area-info[b-l0kpkl7uok], .drawing-tool-info-window-actions[b-l0kpkl7uok]{
    margin-bottom: 5px;
}

.drawing-tool-info-window-title[b-l0kpkl7uok]{
    font-weight: bolder;
    font-size: 1.5rem;
}

.drawing-tool-info-window-area-info[b-l0kpkl7uok] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

    .drawing-tool-info-window-area-info div span:first-child[b-l0kpkl7uok] {
        font-weight: bold;
    }

.drawing-tool-info-window-actions[b-l0kpkl7uok] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}
/* /Components/DrawingTool/DrawingToolAreaVersionCollisionModal.razor.rz.scp.css */
.drawingtool-overmap-editor[b-j2jacnceof] {
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    position: absolute;
    bottom: 5%;
    left: 35%;
    min-width: 25%;
    max-width: 50%;
}

.drawingtool-editor-form .row[b-j2jacnceof] {
    margin-bottom: 2%;
}

.drawingtool-tool-menu-container .row[b-j2jacnceof] {
    margin-bottom: 5%;
}

.drawingtool-tool-menu-container .button-row[b-j2jacnceof] {
    margin-top: 10%;
}

.drawingtool-editor-footer[b-j2jacnceof] {
    margin-top: 2%;
    display: flex;
    justify-content: space-evenly;
}

    .drawingtool-editor-footer button[b-j2jacnceof] {
        width: 20%;
        text-transform: uppercase;
        margin-right: 2%;
    }

.drawingtool-btn-container button:first-child[b-j2jacnceof] {
    margin-top: 5%;
}

.title[b-j2jacnceof],
.zone-editor-title[b-j2jacnceof] {
    text-transform: uppercase;
    text-align: center;
}

    .title.undertitle[b-j2jacnceof],
    .zone-editor-title.undertitle[b-j2jacnceof] {
        color: #1700ff;
    }

.zone-editor-title[b-j2jacnceof] {
    margin-bottom: 2%;
}

.overlapping-versions[b-j2jacnceof] {
    display: flex;
    padding: 1em;
    justify-content: space-evenly;
    border: 1px solid var(--asphalt-grey-2);
}

.overlapping-versions div > span:nth-child(odd)[b-j2jacnceof] {
   font-weight: bold;
}

@media only screen and (min-width: 992px) {
    .drawingtool-overmap-editor[b-j2jacnceof] {
        left: 25%;
        min-width: 45%;
    }

    .zone-editor-title[b-j2jacnceof] {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 1700px) {
    .drawingtool-overmap-editor[b-j2jacnceof] {
        left: 35%;
        min-width: 25%;
        font-size: 1em;
    }
}
/* /Components/DrawingTool/DrawingToolAreaVersions.razor.rz.scp.css */
.visible[b-xi501ww3cp] {
    display: flex;
    flex-direction: column;
}

.hidden[b-xi501ww3cp] {
    display: none;
}

.clickable[b-xi501ww3cp] {
    cursor: pointer;
}

.area-versions[b-xi501ww3cp] {
    border: 1px solid var(--asphalt-grey-2);
    position: relative;
    bottom: 0;
    left: 0;
    min-width: 200px;
    background-color: white;
    margin-right: 15px;
    border-radius: 3px;
    margin-top: 10px;
    max-width: min-content;
    padding: 1rem;
    overflow-y: auto;
}

    .area-versions h2[b-xi501ww3cp] {
        text-transform: uppercase;
        text-align: center;
        font-weight: bolder;
    }


.area-versions table[b-xi501ww3cp]{
    margin-top: 1rem;
}

table.area-versions-table[b-xi501ww3cp] {
    border-collapse: collapse;
    font-size: 0.8rem;
    display: block;
    max-height: 200px;
    overflow-y: auto;
}

    table.area-versions-table thead tr[b-xi501ww3cp] {
        position: sticky;
        z-index: 100;
        top: 0;
    }

    table.area-versions-table tr[b-xi501ww3cp] {
        background-color: white;
        border-bottom: 1px solid var(--asphalt-grey-2);
    }

    table.area-versions-table td[b-xi501ww3cp], table.area-versions-table th[b-xi501ww3cp] {
        padding: 0.2rem;
    }

    table.area-versions-table tbody tr:hover[b-xi501ww3cp] {
        cursor: pointer;
        color: #1700ff;
    }

    table.area-versions-table tbody tr.highlighted[b-xi501ww3cp] {
        background: var(--asphalt-grey-2);
    }

    table.area-versions-table tbody tr:first-child[b-xi501ww3cp] {
        background: var(--asphalt-light);
    }

        table.area-versions-table tbody tr:first-child.highlighted[b-xi501ww3cp] {
            background: var(--asphalt-grey-2);
        }

        table.area-versions-table tbody tr:first-child:not(.highlighted):hover[b-xi501ww3cp] {
            background: var(--asphalt-light);
        }

    table.area-versions-table tr:not(:first-child)[b-xi501ww3cp] {
        background: rgba(255,255,255,1);
    }

    table.area-versions-table td[b-xi501ww3cp] {
        text-align: center;
        vertical-align: middle;
    }

    table.area-versions-table thead th[b-xi501ww3cp] {
        font-weight: normal;
    }
/* /Components/DrawingTool/DrawingToolCloseAreaModal.razor.rz.scp.css */
.drawingtool-overmap-editor[b-pfhfdzq2le] {
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    position: absolute;
    bottom: 5%;
    left: 35%;
    min-width: 25%;
    max-width: 50%;
}

.drawingtool-editor-form .row[b-pfhfdzq2le] {
    margin-bottom: 2%;
}

.drawingtool-tool-menu-container .row[b-pfhfdzq2le] {
    margin-bottom: 5%;
}

.drawingtool-tool-menu-container .button-row[b-pfhfdzq2le] {
    margin-top: 10%;
}

.drawingtool-editor-footer[b-pfhfdzq2le] {
    margin-top: 2%;
    display: flex;
    justify-content: space-evenly;
}

    .drawingtool-editor-footer button[b-pfhfdzq2le] {
        width: 20%;
        text-transform: uppercase;
        margin-right: 2%;
    }

.drawingtool-btn-container button:first-child[b-pfhfdzq2le] {
    margin-top: 5%;
}

.title[b-pfhfdzq2le],
.zone-editor-title[b-pfhfdzq2le] {
    text-transform: uppercase;
    text-align: center;
}

    .title.undertitle[b-pfhfdzq2le],
    .zone-editor-title.undertitle[b-pfhfdzq2le] {
        color: #1700ff;
    }

.zone-editor-title[b-pfhfdzq2le] {
    margin-bottom: 2%;
}
/* /Components/DrawingTool/DrawingToolCreateArea.razor.rz.scp.css */
.drawingtool-overmap-editor[b-yn41pwpuf9] {
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    position: absolute;
    bottom: 5%;
    left: 32%;
    min-width: 25%;
    max-width: 50%;
}

.drawingtool-editor-form .row[b-yn41pwpuf9] {
    margin-bottom: 2%;
    display: flex;
}

    .drawingtool-editor-form .row div[b-yn41pwpuf9] {
        width: 95%;
        display: flex;
        justify-content: space-between;
    }

        .drawingtool-editor-form .row div.selectlist[b-yn41pwpuf9] {
            flex-direction: column;
        }

.drawingtool-tool-menu-container .row[b-yn41pwpuf9] {
    margin-bottom: 5%;
}

.drawingtool-tool-menu-container .button-row[b-yn41pwpuf9] {
    margin-top: 10%;
}

.drawingtool-editor-footer[b-yn41pwpuf9] {
    margin-top: 2%;
    display: flex;
    justify-content: space-evenly;
}

    .drawingtool-editor-footer button[b-yn41pwpuf9] {
        width: 20%;
        text-transform: uppercase;
        margin-right: 2%;
    }

.drawingtool-btn-container button:first-child[b-yn41pwpuf9] {
    margin-top: 5%;
}

.title[b-yn41pwpuf9],
.zone-editor-title[b-yn41pwpuf9] {
    text-transform: uppercase;
    text-align: center;
}

    .title.undertitle[b-yn41pwpuf9],
    .zone-editor-title.undertitle[b-yn41pwpuf9] {
        color: #1700ff;
    }

.zone-editor-title[b-yn41pwpuf9] {
    margin-bottom: 2%;
}

@media only screen and (min-width: 992px) {
    .drawingtool-overmap-editor[b-yn41pwpuf9] {
        left: 25%;
        min-width: 45%;
    }

    .zone-editor-title[b-yn41pwpuf9] {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 1700px) {
    .drawingtool-overmap-editor[b-yn41pwpuf9] {
        left: 32%;
        min-width: 25%;
        font-size: 1em;
    }
}
/* /Components/DrawingTool/DrawingToolCreateAreaGroup.razor.rz.scp.css */
.drawingtool-overmap-editor[b-su3s7m55lz] {
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    position: absolute;
    bottom: 5%;
    left: 35%;
    min-width: 25%;
    max-width: 50%;
}

.drawingtool-editor-form .row[b-su3s7m55lz] {
    margin-bottom: 2%;
    display: flex;
}

    .drawingtool-editor-form .row div[b-su3s7m55lz] {
        width: 95%;
        margin-bottom: 2%;
        display: flex;
        justify-content: space-evenly;
    }

        .drawingtool-editor-form .row div.selectlist[b-su3s7m55lz] {
            display: block;
            padding-top: 3px;
        }

.drawingtool-tool-menu-container .row[b-su3s7m55lz] {
    margin-bottom: 5%;
}

.drawingtool-tool-menu-container .button-row[b-su3s7m55lz] {
    margin-top: 10%;
}

.drawingtool-editor-footer[b-su3s7m55lz] {
    margin-top: 2%;
    display: flex;
    justify-content: space-evenly;
}

    .drawingtool-editor-footer button[b-su3s7m55lz] {
        width: 20%;
        text-transform: uppercase;
        margin-right: 2%;
    }

.drawingtool-btn-container button:first-child[b-su3s7m55lz] {
    margin-top: 5%;
}

.title[b-su3s7m55lz],
.zone-editor-title[b-su3s7m55lz] {
    text-transform: uppercase;
    text-align: center;
}

    .title.undertitle[b-su3s7m55lz],
    .zone-editor-title.undertitle[b-su3s7m55lz] {
        color: #1700ff;
    }

.zone-editor-title[b-su3s7m55lz] {
    margin-bottom: 2%;
}

@media only screen and (min-width: 992px) {
    .drawingtool-overmap-editor[b-su3s7m55lz] {
        left: 30%;
    }
}

@media only screen and (min-width: 1700px) {
    .drawingtool-overmap-editor[b-su3s7m55lz] {
        left: 33%;
    }
}
/* /Components/DrawingTool/DrawingToolCreateDynamicArea.razor.rz.scp.css */
.visible[b-kqe135u664] {
    display: flex;
    flex-direction: column;
}

.hidden[b-kqe135u664] {
    display: none;
}

.dynamic-area-buffer[b-kqe135u664], .create-dynamic-area h4[b-kqe135u664] {
    margin: 0.5rem 0;
}

.create-dynamic-area h4[b-kqe135u664]{
    text-align: center;
    text-transform: uppercase;
}

.button-row[b-kqe135u664]{
    text-align: center;
}

@media only screen and (min-width: 992px) {
    .create-dynamic-area h4[b-kqe135u664]{
        font-size: 0.6rem;
    }
}

@media only screen and (min-width: 1200px) {
    .create-dynamic-area h4[b-kqe135u664]{
        font-size: 0.8rem;
    }
}

@media only screen and (min-width: 1500px) {
    .create-dynamic-area h4[b-kqe135u664]{
        font-size: 1rem;
    }
}
/* /Components/DrawingTool/DrawingToolCreateDynamicAreaInfo.razor.rz.scp.css */
.drawingtool-overmap-editor[b-f8dd3dts2j] {
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    position: absolute;
    bottom: 5%;
    left: 35%;
    min-width: 25%;
    max-width: 50%;
}

.drawingtool-editor-form .row[b-f8dd3dts2j] {
    margin-bottom: 2%;
    display: flex;
}

.drawingtool-tool-menu-container .row[b-f8dd3dts2j] {
    margin-bottom: 5%;
}

.drawingtool-editor-form .row div[b-f8dd3dts2j] {
    width: 95%;
    display: flex;
    justify-content: space-between;
}

    .drawingtool-editor-form .row div.selectlist[b-f8dd3dts2j] {
        flex-direction: column;
    }

.drawingtool-tool-menu-container .button-row[b-f8dd3dts2j] {
    margin-top: 10%;
}

.drawingtool-editor-footer[b-f8dd3dts2j] {
    margin-top: 2%;
    display: flex;
    justify-content: space-evenly;
}

    .drawingtool-editor-footer button[b-f8dd3dts2j] {
        width: 20%;
        text-transform: uppercase;
        margin-right: 2%;
    }

.drawingtool-btn-container button:first-child[b-f8dd3dts2j] {
    margin-top: 5%;
}

.title[b-f8dd3dts2j],
.zone-editor-title[b-f8dd3dts2j] {
    text-transform: uppercase;
    text-align: center;
}

    .title.undertitle[b-f8dd3dts2j],
    .zone-editor-title.undertitle[b-f8dd3dts2j] {
        color: #1700ff;
    }

.zone-editor-title[b-f8dd3dts2j] {
    margin-bottom: 2%;
}

@media only screen and (min-width: 992px) {
    .drawingtool-overmap-editor[b-f8dd3dts2j] {
        left: 25%;
        min-width: 45%;
    }

    .zone-editor-title[b-f8dd3dts2j] {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 1700px) {
    .drawingtool-overmap-editor[b-f8dd3dts2j] {
        left: 32%;
        min-width: 25%;
        font-size: 1em;
    }
}
/* /Components/DrawingTool/DrawingToolDrawMenu.razor.rz.scp.css */
.separator[b-ylni1onn1f] {
    border-top: 3px solid black !important;
    margin: 0;
}

.settings-section[b-ylni1onn1f] {
    padding: 0.5rem 0.8rem;
}

    .settings-section .filters .filter-row[b-ylni1onn1f] {
        margin-bottom: 0.5rem;
    }

.drawingtool-action-container[b-ylni1onn1f] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10%;
}

    .drawingtool-action-container .drawingtool-action[b-ylni1onn1f] {
        width: 100%;
    }
/* /Components/DrawingTool/DrawingToolDynamicAreas.razor.rz.scp.css */
.visible[b-8cpuhhfz0p]{
    display: flex;
    flex-direction: column;
}

.hidden[b-8cpuhhfz0p]{
    display: none;
}

.clickable[b-8cpuhhfz0p]{
    cursor: pointer;
}

.dynamic-areas[b-8cpuhhfz0p] {
    border: 1px solid var(--asphalt-grey-2);
    position: relative;
    bottom: 0;
    left: 0;
    min-width: 200px;
    background-color: white;
    border-radius: 3px;
    margin-top: 10px;
    max-width: min-content;
    padding: 1rem;
    overflow-y: auto;
}

.dynamic-areas h2[b-8cpuhhfz0p] {
    text-transform: uppercase;
    text-align:center;
    font-weight: bolder;
}

.dynamic-areas table[b-8cpuhhfz0p]{
    margin-top: 1rem;
}

table.dynamic-area-table[b-8cpuhhfz0p] {
    border-collapse: collapse;
    font-size: 0.8rem;
    display: block;
    max-height: 200px;
    overflow-y: auto;
}

    table.dynamic-area-table thead tr[b-8cpuhhfz0p] {
        position: sticky;
        z-index: 100;
        top: 0;
    }

    table.dynamic-area-table tr[b-8cpuhhfz0p] {
        background-color:white;
        border-bottom: 1px solid var(--asphalt-grey-2);
    }

    table.dynamic-area-table td[b-8cpuhhfz0p], table.dynamic-area-table th[b-8cpuhhfz0p] {
        padding: 0.2rem;
    }

    table.dynamic-area-table tr:nth-child(even)[b-8cpuhhfz0p] {
        background: var(--asphalt-grey-2);
    }

        table.dynamic-area-table thead th[b-8cpuhhfz0p] {
            font-weight: normal;
        }

.stop-dynamic-area-cell[b-8cpuhhfz0p] {
    padding: 0.2rem;
}

    .stop-dynamic-area-cell > a[b-8cpuhhfz0p] {
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--asphalt-light);
        background-color: var(--signal-red);
        border-radius: 50%;
        min-width: 1rem;
        min-height: 1rem;
        max-height: 1.3rem;
        max-width: 1.3rem;
    }
/* /Components/DrawingTool/DrawingToolEditAreaInformationModal.razor.rz.scp.css */
.drawingtool-overmap-editor[b-xviycqqkvz] {
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    position: absolute;
    bottom: 5%;
    left: 32%;
    min-width: 35%;
    max-width: 50%;
}

.drawingtool-editor-form .row[b-xviycqqkvz] {
    margin-bottom: 2%;
    display: flex;
}

    .drawingtool-editor-form .row div[b-xviycqqkvz] {
        width: 95%;
        display: flex;
        justify-content: space-between;
    }

        .drawingtool-editor-form .row div.selectlist[b-xviycqqkvz] {
            flex-direction:column;
        }

.drawingtool-tool-menu-container .row[b-xviycqqkvz] {
    margin-bottom: 5%;
}

.drawingtool-tool-menu-container .button-row[b-xviycqqkvz] {
    margin-top: 10%;
}

.drawingtool-editor-footer[b-xviycqqkvz] {
    margin-top: 2%;
    display: flex;
    justify-content: space-evenly;
}

    .drawingtool-editor-footer button[b-xviycqqkvz] {
        width: 20%;
        text-transform: uppercase;
        margin-right: 2%;
    }

.drawingtool-btn-container button:first-child[b-xviycqqkvz] {
    margin-top: 5%;
}

.title[b-xviycqqkvz],
.zone-editor-title[b-xviycqqkvz] {
    text-transform: uppercase;
    text-align: center;
}

    .title.undertitle[b-xviycqqkvz],
    .zone-editor-title.undertitle[b-xviycqqkvz] {
        color: #1700ff;
    }

.zone-editor-title[b-xviycqqkvz] {
    margin-bottom: 2%;
}

@media only screen and (min-width: 992px) {
    .drawingtool-overmap-editor[b-xviycqqkvz] {
        left: 25%;
        min-width: 45%;
    }

    .zone-editor-title[b-xviycqqkvz] {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 1700px) {
    .drawingtool-overmap-editor[b-xviycqqkvz] {
        left: 35%;
        min-width: 25%;
        font-size: 1em;
    }
}
/* /Components/DrawingTool/DrawingToolEditDynamicArea.razor.rz.scp.css */
.drawingtool-overmap-editor[b-h3v5e1f42i] {
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    position: absolute;
    bottom: 5%;
    left: 32%;
    min-width: 25%;
    max-width: 50%;
}

.drawingtool-editor-form .row[b-h3v5e1f42i] {
    margin-bottom: 2%;
    display: flex;
}

    .drawingtool-editor-form .row div[b-h3v5e1f42i] {
        width: 95%;
        display: flex;
        justify-content: space-evenly;
    }

.drawingtool-tool-menu-container .row[b-h3v5e1f42i] {
    margin-bottom: 5%;
}

.drawingtool-tool-menu-container .button-row[b-h3v5e1f42i] {
    margin-top: 10%;
}

.drawingtool-editor-footer[b-h3v5e1f42i] {
    margin-top: 2%;
    display: flex;
    justify-content: space-evenly;

}

    .drawingtool-editor-footer button[b-h3v5e1f42i] {
        width: 20%;
        text-transform: uppercase;
        margin-right: 2%;
    }

.drawingtool-btn-container button:first-child[b-h3v5e1f42i] {
    margin-top: 5%;
}

.title[b-h3v5e1f42i],
.zone-editor-title[b-h3v5e1f42i] {
    text-transform: uppercase;
    text-align: center;
}

    .title.undertitle[b-h3v5e1f42i],
    .zone-editor-title.undertitle[b-h3v5e1f42i] {
        color: #1700ff;
    }

.zone-editor-title[b-h3v5e1f42i] {
    margin-bottom: 2%;
}

@media only screen and (min-width: 992px) {
    .drawingtool-overmap-editor[b-h3v5e1f42i] {
        left: 25%;
    }
}

@media only screen and (min-width: 1700px) {
    .drawingtool-overmap-editor[b-h3v5e1f42i] {
        left: 33%;
    }
}
/* /Components/DrawingTool/DrawingToolFilters.razor.rz.scp.css */
.filters-section[b-vbv3bcihxp]{
    padding: 0.5rem 0.8rem;
}

.separator[b-vbv3bcihxp] {
    border-top: 3px solid black !important;
    margin: 0;
}

.drawingtool-action-container[b-vbv3bcihxp]{
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.hide-show[b-vbv3bcihxp], .hide-show-sliders[b-vbv3bcihxp], .filter-row[b-vbv3bcihxp], .drawing-tool-filter-action-buttons[b-vbv3bcihxp]{
    margin-top: 0.8rem;
}

.hide-show-sliders .separator[b-vbv3bcihxp]{
    margin: 0.3rem 0;
}

.drawing-tool-filter_slider[b-vbv3bcihxp]{
    display: flex;
    justify-content: space-between;
}

.hide-show-areas-title[b-vbv3bcihxp]{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
/* /Components/DrawingTool/DrawingToolNewAreaVersionModal.razor.rz.scp.css */
.drawingtool-overmap-editor[b-qlucs653xi] {
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    position: absolute;
    bottom: 5%;
    left: 35%;
    min-width: 25%;
    max-width: 50%;
}

.drawingtool-editor-form .row[b-qlucs653xi] {
    margin-bottom: 2%;
}

.drawingtool-tool-menu-container .row[b-qlucs653xi] {
    margin-bottom: 5%;
}

.drawingtool-tool-menu-container .button-row[b-qlucs653xi] {
    margin-top: 10%;
}

.drawingtool-editor-footer[b-qlucs653xi] {
    margin-top: 2%;
    display: flex;
    justify-content: space-evenly;
}

    .drawingtool-editor-footer button[b-qlucs653xi] {
        width: 20%;
        text-transform: uppercase;
        margin-right: 2%;
    }

.drawingtool-btn-container button:first-child[b-qlucs653xi] {
    margin-top: 5%;
}

.title[b-qlucs653xi],
.zone-editor-title[b-qlucs653xi] {
    text-transform: uppercase;
    text-align: center;
}

    .title.undertitle[b-qlucs653xi],
    .zone-editor-title.undertitle[b-qlucs653xi] {
        color: #1700ff;
    }

.zone-editor-title[b-qlucs653xi] {
    margin-bottom: 2%;
}

@media only screen and (min-width: 992px) {
    .drawingtool-overmap-editor[b-qlucs653xi] {
        left: 25%;
        min-width: 45%;
    }

    .zone-editor-title[b-qlucs653xi] {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 1700px) {
    .drawingtool-overmap-editor[b-qlucs653xi] {
        left: 35%;
        min-width: 25%;
        font-size: 1em;
    }
}
/* /Components/DrawingTool/DrawingToolSettings.razor.rz.scp.css */
.settings-section[b-dsren9l5br]{
    padding: 0.5rem 0.8rem;
}

.separator[b-dsren9l5br] {
    border-top: 3px solid black !important;
    margin: 0;
}

.drawingtool-action-container[b-dsren9l5br]{
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.separator[b-dsren9l5br]{
    margin: 0.3rem 0;
}
/* /Components/DrawingTool/DrawingToolStopDynamicAreaModal.razor.rz.scp.css */
.stop-dynamic-area-modal-subtitle[b-v8jpfst55q], .stop-dynamic-area-modal-info[b-v8jpfst55q], .stop-dynamic-area-modal-date[b-v8jpfst55q] {
    margin-bottom: 2rem;
}

.stop-dynamic-area-modal-subtitle[b-v8jpfst55q] {
    text-transform: uppercase;
    text-align: center;
    color: var(--roadsign-blue);
    font-weight: bold;
    font-size: 1.3rem;
}

.stop-dynamic-area-modal-info[b-v8jpfst55q] {
    text-align: center;
}
/* /Components/FlowAndDispatch/Alerts/AlertHistory.razor.rz.scp.css */
.alert-history-container[b-k3merx81ko] {
    position: absolute;
    height: 100px;
    min-width: 500px;
    z-index: 11;
    top: 0
}

    .alert-history-container.right[b-k3merx81ko] {
        right: .6rem
    }

    .alert-history-container.left[b-k3merx81ko] {
        left: .6rem
    }

    .alert-history-container .alert-title[b-k3merx81ko] {
        margin-bottom: .4rem;
        text-decoration: underline
    }

.alert-history-container-simple-flow[b-k3merx81ko] {
    display: flex;
}

.hide-alert-history-container-simple-flow[b-k3merx81ko] {
    display: none;
}
/* /Components/FlowAndDispatch/Alerts/VehicleAlertIcon.razor.rz.scp.css */
.alert-title[b-9zg15j095a] {
    margin-bottom: 6px;
    text-decoration: underline
}

.alert-icon[b-9zg15j095a] {
    border-radius: 50%;
    height: 20px;
    right: 10px;
    position: absolute;
    z-index: 10;
    top: -16px;
    width: 20px;
    animation: blinker-b-9zg15j095a 3s linear infinite;
    background-color: white;
}

.alert-icon-simple-flow[b-9zg15j095a] {
    border-radius: 50%;
    width: 20px;
    height:20px;
    animation: blinker-b-9zg15j095a 3s linear infinite;
    background-color: white;
}

.alert-icon:hover[b-9zg15j095a], .alert-icon-simple-flow:hover[b-9zg15j095a] {
    cursor: pointer
}

@keyframes blinker-b-9zg15j095a {
    50% {
        -webkit-box-shadow: 0px 0px 3px 3px var(--signal-red);
        box-shadow: 0px 0px 3px 3px var(--signal-red)
    }
}
/* /Components/FlowAndDispatch/Alerts/VehicleAlertSummary.razor.rz.scp.css */
.alert-summary-container[b-bqiyr2x8et] {
    position: relative
}

    .alert-summary-container .alert-notification-list[b-bqiyr2x8et] {
        position: absolute;
        right: .4rem;
        z-index: 15
    }

.alert-icon[b-bqiyr2x8et] {
    width: 36px;
    border-radius: 50%;
    margin-top: -2px
}

    .alert-icon:hover[b-bqiyr2x8et] {
        cursor: pointer
    }
/* /Components/FlowAndDispatch/AliasTag.razor.rz.scp.css */
.alias-info[b-wuv2vigm0p] {
    background-color: var(--asphalt-light);
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 12px;
    left: 28px;
    padding: 2px 4px;
    position: absolute;
    text-transform: uppercase;
    top: -10px;
    z-index: 3
}

    .alias-info.left[b-wuv2vigm0p] {
        left: inherit;
        right: 28px
    }
/* /Components/FlowAndDispatch/BackAndForthView/BackAndForthOnRoad.razor.rz.scp.css */
.baf-container[b-ebfdaml9o0] {
    display: flex;
    flex-direction: column
}

    .baf-container .baf-row[b-ebfdaml9o0] {
        display: flex;
        flex-direction: row;
        flex: 1 1 auto
    }

        .baf-container .baf-row[b-ebfdaml9o0]  > div {
            flex: 1 1 auto
        }
/* /Components/FlowAndDispatch/BackAndForthView/BackAndForthUnkownRow.razor.rz.scp.css */
.unknown-row[b-xktduwcdbf] {
    display: flex;
    flex-direction: column
}

    .unknown-row[b-xktduwcdbf]  > div {
        flex-grow: 1
    }
/* /Components/FlowAndDispatch/Common/FlowCount.razor.rz.scp.css */
.count[b-sztnlxdqsq] {
    position: relative;
    border-radius: 50%;
    background: var(--roadsign-blue);
    color: white;
    text-align: center;
    width: 25px;
    height: 25px;
    padding-top: 5px;
}

/*The arrow head*/
.count-arrow[b-sztnlxdqsq]::after {
    content: "";
    position: absolute;
    left: calc(100% + 1px);
    width: 0;
    height: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid currentcolor;
}

/*Left pointing arrow*/
.count-arrow.left[b-sztnlxdqsq]::after {
    left: unset;
    right: calc(100% + 1px);
    border: unset;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid currentcolor;
}

.count.has-alert[b-sztnlxdqsq] {
    background: var(--signal-red);
    color: white;
}

.is-inactive[b-sztnlxdqsq] {
    background: var(--asphalt-grey-1);
}

.count-row[b-sztnlxdqsq]{
    height: calc(100% - 20px);
    align-items: center;
    gap: 15px;
}
/* /Components/FlowAndDispatch/Dispatch/DispatchBase.razor.rz.scp.css */
.waiting-box[b-u03vhrdub4] {
    width: 400px;
    margin-bottom: 6px
}
/* /Components/FlowAndDispatch/Dispatch/DispatchDropContainer.razor.rz.scp.css */
@keyframes selected-b-7wnppzifd8 {
    0% {
        -webkit-box-shadow: 0px 0px 25px 10px var(--roadsign-blue);
        -moz-box-shadow: 0px 0px 25px 10px var(--roadsign-blue);
        box-shadow: 0px 0px 25px 10px var(--roadsign-blue)
    }

    33% {
        -webkit-box-shadow: 0px 0px 5px 2px var(--roadsign-blue);
        -moz-box-shadow: 0px 0px 5px 2px var(--roadsign-blue);
        box-shadow: 0px 0px 5px 2px var(--roadsign-blue)
    }

    66% {
        -webkit-box-shadow: 0px 0px 25px 10px var(--roadsign-blue);
        -moz-box-shadow: 0px 0px 25px 10px var(--roadsign-blue);
        box-shadow: 0px 0px 25px 10px var(--roadsign-blue)
    }

    80% {
        -webkit-box-shadow: 0px 0px 0 0 var(--roadsign-blue);
        -moz-box-shadow: 0px 0px 0 0 var(--roadsign-blue);
        box-shadow: 0px 0px 0 0 var(--roadsign-blue)
    }

    81% {
        -webkit-box-shadow: inset 0px 0px 0px 2px var(--roadsign-blue);
        -moz-box-shadow: inset 0px 0px 0px 2px var(--roadsign-blue);
        box-shadow: inset 0px 0px 0px 2px var(--roadsign-blue)
    }

    100% {
        -webkit-box-shadow: inset 0px 0px 5px 2px var(--roadsign-blue);
        -moz-box-shadow: inset 0px 0px 5px 2px var(--roadsign-blue);
        box-shadow: inset 0px 0px 5px 2px var(--roadsign-blue)
    }
}

.dispatch-drop-container[b-7wnppzifd8] {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    margin: 6px;
    min-height: 140px;
    padding: 20px;
    position: relative;
    width: 300px
}

    .dispatch-drop-container .settings-icon[b-7wnppzifd8] {
        position: absolute;
        right: 6px;
        top: 6px
    }

    .dispatch-drop-container .vehicle-container[b-7wnppzifd8] {
        position: relative
    }

        .dispatch-drop-container .vehicle-container .highlight-box[b-7wnppzifd8] {
            animation-duration: 3s;
            animation-name: selected-b-7wnppzifd8;
            border: 2px solid var(--roadsign-blue);
            border-radius: 20px;
            height: 67px;
            left: -5px;
            position: absolute;
            width: 108px;
            z-index: 4;
            -webkit-box-shadow: inset 0px 0px 5px 2px var(--roadsign-blue);
            -moz-box-shadow: inset 0px 0px 5px 2px var(--roadsign-blue);
            box-shadow: inset 0px 0px 5px 2px var(--roadsign-blue)
        }
/* /Components/FlowAndDispatch/Dispatch/DispatchTruck.razor.rz.scp.css */
.dispatch-truck[b-37o6omjgiq] {
    margin: 12px 0;
    z-index: 5
}
/* /Components/FlowAndDispatch/FlowDestination.razor.rz.scp.css */
.flow-destination[b-pw5ph379w7] {
    border-bottom: #dcdcdc 1px solid;
    min-height: 62px;
    min-width: 150px;
    width: 100%;
}

    .flow-destination.border-bottom-dark[b-pw5ph379w7] {
        border-bottom: 1px solid black
    }

    .flow-destination .destination-name[b-pw5ph379w7] {
        font-size: 12px;
        padding: 4px 12px;
        position: relative;
        text-align: center
    }

        .flow-destination .destination-name.text-right[b-pw5ph379w7] {
            text-align: right;
            padding-right: 12px
        }

        .flow-destination .destination-name.text-left[b-pw5ph379w7] {
            text-align: left;
            padding-left: 18px
        }

    .flow-destination .destination-vehicles[b-pw5ph379w7] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 12px;
        position: relative;
        width: 100%;
        min-width: 150px;
        padding: 4px;
    }

        .flow-destination .destination-vehicles.justify-center[b-pw5ph379w7] {
            justify-content: center
        }

.box[b-pw5ph379w7] {
    border: 1px solid #dcdcdc;
    padding: 0 8px;
}

.checkpoint-line[b-pw5ph379w7] {
    border-right: 2px dashed var(--roadsign-blue-80);
}
/* /Components/FlowAndDispatch/FlowHeaderItem.razor.rz.scp.css */
.flow-header-item[b-h58mlqp7z5] {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 8px;
    text-align: center
}

    .flow-header-item.bottom[b-h58mlqp7z5] {
        border-bottom: none;
        border-top: 1px solid #000;
        padding-bottom: 0px;
        padding-top: 8px
    }
/* /Components/FlowAndDispatch/FlowTable.razor.rz.scp.css */
.flow-table[b-rmm2iymob5] {
    display: grid
}
/* /Components/FlowAndDispatch/InactiveAreas.razor.rz.scp.css */
.inactive-container[b-kmvpqxxztz] {
    display: flex;
    flex-wrap: wrap
}

    .inactive-container .inactive-area[b-kmvpqxxztz] {
        flex: 0 1 200px;
        margin-right: 24px;
        min-height: 150px
    }

        .inactive-container .inactive-area h4[b-kmvpqxxztz] {
            border-bottom: 1px solid var(--asphalt-grey-1);
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 12px;
            padding-left: 8px
        }

        .inactive-container .inactive-area > div[b-kmvpqxxztz] {
            margin-left: 14px
        }
/* /Components/FlowAndDispatch/Settings/AddDestinationsModal.razor.rz.scp.css */
.manual-destinations-modal[b-249jjkr6pw] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 12px;
    min-height: 400px;
}

.select-list-max-height > div > div:last-child[b-249jjkr6pw]{
    background-color: green;
}
/* /Components/FlowAndDispatch/Settings/EditDestinationModal.razor.rz.scp.css */
.manual-destinations-modal[b-1uw9t2vnv1] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 12px;
    min-height: 400px;
}

.select-list-max-height > div > div:last-child[b-1uw9t2vnv1]{
    background-color: green;
}
/* /Components/FlowAndDispatch/Settings/EditFlowRouteModal.razor.rz.scp.css */
.checkpoint-container[b-9ev3ynngm8]
{
    border: 1px solid black;
    border-radius: 4px;
    cursor: grab;
}

.hand-image[b-9ev3ynngm8] {
    height: 25px;
}

.readonly[b-9ev3ynngm8] {
    background-color: var(--asphalt-grey-2);
    cursor: default;
}
/* /Components/FlowAndDispatch/Settings/FlowAutoDispatchSettings.razor.rz.scp.css */
.flow-settings-auto[b-wctj1y3arw] {
    gap: .4rem;
    padding-top: 6px;
    width: 100%;
}
/* /Components/FlowAndDispatch/Settings/FlowDestinationSettingsList.razor.rz.scp.css */
.flow-settings-list[b-r6da8rl9oc] {
    margin-top: 10px;
    margin-bottom: 20px
}

    .flow-settings-list > li[b-r6da8rl9oc] {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: 1px solid #000;
        padding: 4px 0;
    }

        .flow-settings-list > li .switch[b-r6da8rl9oc] {
            flex: 0 0 32px
        }
/* /Components/FlowAndDispatch/Settings/FlowSettingsFlow.razor.rz.scp.css */
.flow-draggable[b-spz32aekwe] {
    gap: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid black;
    padding: 2px 6px;
    width: 100%;
    border-radius: 4px;
    margin: 6px 12px
}

    .flow-draggable.active[b-spz32aekwe] {
        background-color: rgba(23,0,255,0.3)
    }

.draggable-img[b-spz32aekwe] {
    width: 20px;
    height: 20px
}

.destinations[b-spz32aekwe] {
    padding-top: 12px;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .destinations[b-spz32aekwe] {
        flex-direction: row
    }

        .destinations > div[b-spz32aekwe] {
            flex-grow: 1;
            padding: 0 2rem;
        }
}
/* /Components/FlowAndDispatch/Settings/FlowSettingsGroup.razor.rz.scp.css */
.group-container[b-n3necsd4m1] {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    padding-right: 12px
}

.flow-settings-group[b-n3necsd4m1] {
    padding: 20px 0px 20px 20px
}

    .flow-settings-group.highlight[b-n3necsd4m1] {
        border: 2px dashed var(--roadsign-blue)
    }

    .flow-settings-group.active[b-n3necsd4m1] {
        border: 2px solid var(--roadsign-blue);
        -webkit-box-shadow: inset 0px 0px 5px 2px var(--roadsign-blue);
        -moz-box-shadow: inset 0px 0px 5px 2px var(--roadsign-blue);
        box-shadow: inset 0px 0px 5px 2px var(--roadsign-blue)
    }
/* /Components/FlowAndDispatch/Settings/FlowSettingsView.razor.rz.scp.css */
.flow-settings-view[b-gcyn492dx5] {
    gap: .4rem;
    padding-top: 6px;
    width: 100%;
    margin: 3px 0;
}
/* /Components/FlowAndDispatch/Truck/FlowTruck.razor.rz.scp.css */
.flow-vehicle[b-dikm3hrq23] {
    margin-bottom: 10px;
    position: relative
}

    .flow-vehicle .vehicle-info[b-dikm3hrq23] {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-top: 10px;
        padding-left: 7px
    }

    .flow-vehicle:hover[b-dikm3hrq23]  .flow-info-box {
        visibility: visible
    }
/* /Components/FlowAndDispatch/Truck/FlowTruckDumping.razor.rz.scp.css */
.flow-vehicle[b-zjmgzwxdr4] {
    margin-bottom: 10px;
    position: relative
}

    .flow-vehicle .vehicle-info[b-zjmgzwxdr4] {
        background-color: white;
        display: flex;
        flex-direction: row;
        padding: 0 2px;
        position: absolute;
        transform: translate(40px, 15px) rotate(20deg);
        z-index: 2
    }

    .flow-vehicle:hover[b-zjmgzwxdr4]  .flow-info-box {
        visibility: visible
    }
/* /Components/FlowAndDispatch/Truck/FlowTruckLoading.razor.rz.scp.css */
.flow-vehicle[b-9ur9wftgq5] {
    margin-bottom: 7px;
    position: relative
}

    .flow-vehicle .vehicle-info[b-9ur9wftgq5] {
        background-color: #fff;
        bottom: 17px;
        margin-left: 4px;
        padding-left: 2px;
        padding-right: 3px;
        position: absolute;
        z-index: 1
    }

        .flow-vehicle .vehicle-info.left[b-9ur9wftgq5] {
            background-color: white;
            margin-left: 0;
            right: 17px;
            padding: 0
        }

    .flow-vehicle:hover[b-9ur9wftgq5]  .flow-info-box {
        visibility: visible
    }
/* /Components/FlowAndDispatch/Truck/TruckInfoBox.razor.rz.scp.css */
.flow-info-box[b-vaqutwreua] {
    position: absolute;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    min-height: 60px;
    min-width: 250px;
    padding: 8px 12px;
    visibility: hidden;
    top: 58px;
    z-index: 11;
    white-space: nowrap;
}

.flow-info-box-header[b-vaqutwreua] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .flow-info-box-header > div[b-vaqutwreua] {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
        .flow-info-box-header > div > span:first-child[b-vaqutwreua] {
            font-size: 14px;
            color: var(--asphalt-grey-1)
        }

        .flow-info-box-header > div > span:last-child[b-vaqutwreua]{
            font-size: 16px;
            font-weight: 700;
            color: var(--asphalt-grey-1)
        }

.flow-info-box-checkpoints[b-vaqutwreua] {
    margin-top: 12px;
}

.checkpoint-row[b-vaqutwreua] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}
.checkpoint-row + .loading > span[b-vaqutwreua]{
   font-weight: 700;
}

/*    .checkpoint-row > span:first-child {
        font-size: 16px;
    }
    .checkpoint-row > span:last-child {
        font-weight: 700;
    }*/
/* /Components/Language/LanguageTranslations.razor.rz.scp.css */
.culture-box[b-n8cuy5lerd] {
    border: 1px solid black;
    border-radius: 4px;
    padding: 8px;
}
/* /Components/ManageSite/Documents/UpdateDocumentModal.razor.rz.scp.css */

h4[b-qmf9ucwq1c] {
    text-align: center;
}

table[b-qmf9ucwq1c]{
    margin: auto;
    margin-bottom: 12px;
}

th[b-qmf9ucwq1c]{
    font-weight: bold;
    text-align: right;
    padding-right: 12px;
}

p[b-qmf9ucwq1c] {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 6px;
}
/* /Components/ManageSite/Location/CreateLocationModal.razor.rz.scp.css */
.button-row-container[b-gzhcrv2zyt] {
    margin-top: 2%;
    width: 50%;
    display: flex;
    justify-content: space-around;
    float: right
}
/* /Components/ManageSite/Location/UpdateLocationModal.razor.rz.scp.css */
.button-row-container[b-1gpetqor7m] {
    margin-top: 2%;
    width: 50%;
    display: flex;
    justify-content: space-around;
    float: right
}
/* /Components/Map/Common/MapLegend.razor.rz.scp.css */
.root[b-3mdi6pg7om] {
    max-height: calc(100% - 70px);
    /* Match with <MapSelectType> */
    bottom: 10px;
    left: 10px;
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vehicles[b-3mdi6pg7om], .areas[b-3mdi6pg7om] {
    -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.3);
}

.vehicle-legends[b-3mdi6pg7om] {
    display: flex;
    gap: 16px;
}

.vehicle-legends > div[b-3mdi6pg7om] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vehicle-legend[b-3mdi6pg7om] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    height: 36px;
}

.vehicle-legend > img[b-3mdi6pg7om] {
    width: 32px;
    height: 32px;
    transform: scale(2);
}

.vehicle-legend .subtitle[b-3mdi6pg7om] {
    color: var(--asphalt-grey-1);
}

.areas[b-3mdi6pg7om] {
    flex: 1 1 auto;
    overflow-x: hidden;
    padding-right: 12px;
}

.area-legends[b-3mdi6pg7om] {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
/* /Components/Map/Sidebar/MapSidebar.razor.rz.scp.css */
.root[b-kh2odcjcxz] {
    width: 400px;
    height: 100%;
}

@media only screen and (max-width: 1280px) {
    .root[b-kh2odcjcxz] {
        width: 300px;
    }
}

@media only screen and (max-width: 480px) {
    .root[b-kh2odcjcxz] {
        width: 100%;
    }
}

.handle[b-kh2odcjcxz] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 64px;
    padding: 4px;
}

.handle-arrow[b-kh2odcjcxz] {
    width: 50%;
    transform: rotate(135deg);
    border: solid var(--asphalt-grey-1);
    border-width: 0 3px 3px 0;
    padding: 3px;
    aspect-ratio: 1;
}

.handle-arrow.visible[b-kh2odcjcxz] {
    transform: rotate(315deg);
}
/* /Components/Map/Sidebar/MapSidebarContent.razor.rz.scp.css */
.root[b-y1du8mrf3z] {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px;
}
/* /Components/Map/Sidebar/MapSidebarFilters.razor.rz.scp.css */
.toggles-and-sliders[b-y4f2bpuqvi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.divider[b-y4f2bpuqvi] {
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background-color: var(--asphalt-light);
}

.range-slider-labels[b-y4f2bpuqvi] {
    display: block;
    position: relative;
}

.range-slider-labels > p[b-y4f2bpuqvi] {
    text-align: center;
}

.range-slider-labels > span:first-child[b-y4f2bpuqvi] {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--asphalt-grey-1);
}

.range-slider-labels > span:last-child[b-y4f2bpuqvi] {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--asphalt-grey-1);
}
/* /Components/Map/Sidebar/MapSidebarHeader.razor.rz.scp.css */
.root[b-yidyyzadv4] {
    width: 100%;
    padding: 8px;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.3);
    z-index: 1;
}

.title[b-yidyyzadv4] {
    margin: 8px auto 4px auto;
    font-size: 1rem;
    font-weight: 700
}
/* /Components/Map/Sidebar/MapSidebarPositions.razor.rz.scp.css */
.divider[b-vluupfhhs6] {
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background-color: var(--asphalt-light);
}
/* /Components/Map/Sidebar/MapSidebarReplay.razor.rz.scp.css */
.filters-vehicle[b-c19gw2vbzg] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.filters-dates[b-c19gw2vbzg] {
    display: flex;
    flex-direction: column;
}

.filters-date[b-c19gw2vbzg] {
    flex: 1;
}

.filters-compact-actions[b-c19gw2vbzg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.filters-compact[b-c19gw2vbzg] {
    display: flex;
    align-content: center;
    gap: 8px;
}

.filters-actions[b-c19gw2vbzg] {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.group[b-c19gw2vbzg] {
    padding: 8px;
    cursor: pointer;
    position: relative;
}

.group:hover[b-c19gw2vbzg] {
    background-color: var(--asphalt-light);
}

.group.selected[b-c19gw2vbzg]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--asphalt-light);
    opacity: 30%;
}

.group-header[b-c19gw2vbzg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-right: 8px;
    flex: 1;
    overflow: hidden;
}

.group-header-icon[b-c19gw2vbzg] {
    width: 16px;
    height: 16px;
    transform: scale(2);
}

.group-header-inner[b-c19gw2vbzg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.group-header-info[b-c19gw2vbzg] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
}

.group-header-info-name[b-c19gw2vbzg] {
    overflow-wrap: break-word;
    font-weight: bold;
}

.group-header-info-status[b-c19gw2vbzg], .group-header-info-time[b-c19gw2vbzg] {
    color: var(--asphalt-grey-1);
}

.group.selected .group-header-info-name[b-c19gw2vbzg],
.group.selected .group-header-info-status[b-c19gw2vbzg],
.group.selected .group-header-info-time[b-c19gw2vbzg] {
    color: var(--roadsign-blue);
}

.group-details[b-c19gw2vbzg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
}

.group-details-item[b-c19gw2vbzg] {
    display: flex;
    flex: 1 0 calc(50% - 4px);
    align-items: center;
    gap: 8px;
}

.group-details-item > img[b-c19gw2vbzg] {
    width: 24px;
    height: 24px;
}

.group-details-item > span[b-c19gw2vbzg] {
    color: var(--asphalt-grey-1);
}

.group-vbar[b-c19gw2vbzg] {
    margin: 8px 0 0 8px;
    border-left: 1px solid var(--asphalt-grey-1);
}

.empty-text[b-c19gw2vbzg] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* /Components/Map/Sidebar/MapSidebarVehicles.razor.rz.scp.css */
.vehicle[b-birmqq60a3] {
    cursor: pointer;
    position: relative;
}

.vehicle:hover[b-birmqq60a3] {
    background-color: var(--asphalt-light);
}

.vehicle.selected[b-birmqq60a3]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--asphalt-light);
    opacity: 30%;
}

.vehicle-header[b-birmqq60a3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 8px;
    flex: 0 1 auto;
    max-width: calc(100% - 32px);
}

.vehicle-header-icon[b-birmqq60a3] {
    width: 32px;
    height: 32px;
    transform: scale(2);
}

.vehicle-header-info[b-birmqq60a3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.vehicle-header-info-name[b-birmqq60a3] {
    overflow-wrap: break-word;
    font-weight: bold;
}

.vehicle.selected .vehicle-header-info-name[b-birmqq60a3] {
    color: var(--roadsign-blue);
}

.vehicle-header-info-status[b-birmqq60a3] {
    overflow-wrap: break-word;
    color: var(--asphalt-grey-1);
}

.vehicle-header-info-area-name-shown[b-birmqq60a3] {
    display: flex;
    overflow-wrap: break-word;
    color: var(--asphalt-grey-1);
}

.vehicle-header-info-area-name-hidden[b-birmqq60a3] {
    display: none;
}

.vehicle-details[b-birmqq60a3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0;
}

.vehicle-details-item[b-birmqq60a3] {
    display: flex;
    flex: 1 0 calc(50% - 4px);
    align-items: center;
    gap: 8px;
}

.vehicle-details-item > img[b-birmqq60a3] {
    width: 24px;
    height: 24px;
}

.vehicle-details-item > span[b-birmqq60a3] {
    color: var(--asphalt-grey-1);
}

.vehicle-alerts[b-birmqq60a3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 8px 0;
}

.vehicle-alerts-item[b-birmqq60a3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vehicle-alerts-item-icon[b-birmqq60a3] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    animation: alert-blinker-b-birmqq60a3 3s infinite;
}

@keyframes alert-blinker-b-birmqq60a3 {
    50% {
        -webkit-box-shadow: 0px 0px 4px 4px var(--signal-red);
        box-shadow: 0px 0px 4px 4px var(--signal-red)
    }
}

.vehicle-alerts-item-text[b-birmqq60a3] {
    flex: 1 1;
    word-break: break-word;
}

.vehicle-alerts-item-text > span[b-birmqq60a3] {
    color: var(--asphalt-grey-1);
}

.vehicle-alerts-item-text > span:last-child[b-birmqq60a3] {
    font-style: italic;
}

.vehicle-divider[b-birmqq60a3] {
    height: 1px;
    background-color: var(--asphalt-grey-2);
}
/* /Components/OrderManagement/Schedule/ShipmentSchedule.razor.rz.scp.css */
.icon[b-me7oqzg5a7] {
    position: relative;
    height: 30px;
}


.hover-div[b-me7oqzg5a7] {
    position: fixed;
    background-color: white;
    border: 1px solid black;
    padding: 20px;
}

.overlay[b-me7oqzg5a7] {
    position: fixed;
    pointer-events: all;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    width: 100vw;
    height: 100vh;
    z-index: 9999;
}


.location-header[b-me7oqzg5a7]{
    font-size: 20px;
    margin-bottom: 15px;
    text-align: center;
}

.location-adress[b-me7oqzg5a7]{
    font-size: 14px;
}

.hover-icon[b-me7oqzg5a7]{
    margin-right: 10px;
}

.location-data[b-me7oqzg5a7]{
    display: flex;
    flex-direction: column;
}

.location-slottime[b-me7oqzg5a7]{
    font-size: 14px;
    font-weight: bold;
}

.popup-row[b-me7oqzg5a7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
}

/* /Components/OrderManagement/TransportOrders/CommentCard.razor.rz.scp.css */
.comment-div[b-l89ukwybdw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    position: relative;
}

.author[b-l89ukwybdw] {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}

.delete-button[b-l89ukwybdw] {
    position: absolute;
    top: -30px;
    right: -18px;
    background-color: white;
}
/* /Components/OrderManagement/TransportOrders/ModalAddComment.razor.rz.scp.css */
.container[b-3eyfihz3nf] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.comment-div[b-3eyfihz3nf] {
    display: flex;
    justify-content: center;
    width:95%;
    margin: 10px 0 10px 0;
}
/* /Components/OrderManagement/TransportOrders/ModalViewComments.razor.rz.scp.css */

.container[b-ngvoobuz9y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.comment-header[b-ngvoobuz9y] {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.comment-header h4[b-ngvoobuz9y]{
    margin-right: 15px;
}

.comment-header p[b-ngvoobuz9y]{
    margin-right: 15px;
}

/* /Components/OrderManagement/TransportOrders/ShipmentItem.razor.rz.scp.css */


.location-name[b-9hkeorbh4l]{
    text-align:center;
    font-size: 18px;
    padding: 10px 0 3px 0;
}
.location-address[b-9hkeorbh4l] {
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 15px;
}

.actual-time[b-9hkeorbh4l]{
    padding: 5px;
}
.driver[b-9hkeorbh4l]{
    padding: 5px;
}



th.actual-time[b-9hkeorbh4l]
{
    width:110px;
}

.progress-bar-container[b-9hkeorbh4l] {
    width: 5px;
    top: 0;
    bottom: 0;
    position: absolute;
    background: var(--asphalt-grey-2);
}

.progress-bar[b-9hkeorbh4l] {
    width: 100%;
}

    .progress-bar.active[b-9hkeorbh4l] {
        background: blue;
    }
    .progress-bar.finished[b-9hkeorbh4l] {
        background: green;
        height: 100% !important;
    }


.time-div[b-9hkeorbh4l] {
    height: 2em;
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.flex-box[b-9hkeorbh4l]{
    display: flex;
}

.column[b-9hkeorbh4l]{
    flex-direction: column;
    align-items: center;
}
.row[b-9hkeorbh4l]{
    flex-direction: row;
    
}

.scheduled-range-slider[b-9hkeorbh4l] {
    padding: 10px 40px 5px 40px;
}

.shipment-general-info[b-9hkeorbh4l]{
    margin-left: 45px;
    display:flex;
    flex-direction: row;
}


.shipment-data[b-9hkeorbh4l] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.shipment-label-container[b-9hkeorbh4l]{
    background:white;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin: 10px -10px 20px -10px;
    display: flex;
    justify-content: center;


}

.shipment-container[b-9hkeorbh4l]{
    width: 100%;
    display:grid;
    padding: 30px 0 30px 10px;
    grid-template-columns: 50px auto;
}



th[b-9hkeorbh4l] {
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}
table[b-9hkeorbh4l] {
    border-spacing: 5px 7px;
    border-collapse: separate;
    font-size: 14px;
}

.location-table[b-9hkeorbh4l]{
    border-spacing: 0;
}





.shipment-status[b-9hkeorbh4l] {
    float: left;
    display: flex;
    font-weight: bold;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    position: relative;
    display: flex;
    align-content: center;
    flex-direction: row;
    width: 50px;
    padding-left: 20px;
}

.id[b-9hkeorbh4l] {
    width: 50px;
}


.shipment-title[b-9hkeorbh4l] {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    margin: 5px 0 5px 0;
}

.shipment-location[b-9hkeorbh4l] {
    background: white;
    border: 1px solid black;
    border-radius: 5px;
    margin-left: 15px;
    padding: 10px 10px 10px 10px;
    width: 280px;
    display: flex;
    flex-direction: row;
}

.location-container[b-9hkeorbh4l]{
    display:flex;
}

td[b-9hkeorbh4l] {
    text-align: left;
    padding-right: 15px;
    vertical-align: middle;
}


.status-dot[b-9hkeorbh4l] {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border: 1px solid black;
    border-radius: 50%;
    display: inline-block;
}

    .status-dot.accepted-need-input[b-9hkeorbh4l] {
        background-color: yellow;
    }

    .status-dot.accepted[b-9hkeorbh4l] {
        background: repeating-linear-gradient( 45deg, #bbb, #bbb 5px, blue 5px, blue 10px );
    }

    .status-dot.active[b-9hkeorbh4l] {
        background-color: blue;
    }

    .status-dot.finished[b-9hkeorbh4l] {
        background-color: green;
    }

    .status-dot.cancelled[b-9hkeorbh4l] {
        background: url(/_content/BlazorStyles/images/Cancel.png);
        background-size: contain;
        border: none;
    }


.label-div[b-9hkeorbh4l]{
    position: absolute;
    margin-top: -2px;
    margin-left: 10px;
    background: white;
}
.label-content[b-9hkeorbh4l]{
    margin-top: -7px;
    font-size: 17px;
    font-weight: bold;
    color: var(--roadsign-blue);
}

.right-container[b-9hkeorbh4l]{
    float:right;
}
/* /Components/OrderManagement/TransportOrders/TransportOrderList.razor.rz.scp.css */
.item-header[b-kt11dsi3m8]{
    float:left;
    width: 150px;
    padding-bottom: 5px;
    font-weight: bold;
}

.status[b-kt11dsi3m8]{
    width:50px;
}
.id[b-kt11dsi3m8]{
    width: 50px;
}

.header-div[b-kt11dsi3m8] {
    display: block;
    overflow: auto;
    padding-left: 21px;
    text-align: center;
}
/* /Components/OrderManagement/TransportOrders/TransportOrderListItem.razor.rz.scp.css */

.item-header-container[b-ie45e8xkce]{
    width:100%;
}
.item-div[b-ie45e8xkce] {
    display: block;
    overflow: hidden;
    border: solid 1px black;
    display:flex;
    flex-direction:column;
    border-radius: 5px;
    background-color: var(--asphalt-grey-2);
    padding: 10px;
    transition: max-height 0.5s;
    min-height: 76px;
    margin-bottom: 15px;
}

    .item-header-div.left[b-ie45e8xkce] {
        float:left;
    }
    .item-header-div.right[b-ie45e8xkce]{
        float:right;
    }

.collapsed[b-ie45e8xkce]{
    overflow:hidden;
    max-height: 76px;
}

.expanded[b-ie45e8xkce]{
    overflow: hidden;
    max-height: 500vh;
}



.item-data[b-ie45e8xkce] {
    float: left;
    display: flex;
    font-weight: bold;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 150px;
}
    .status[b-ie45e8xkce]{
        width:50px;
    }
    .id[b-ie45e8xkce]{
        width: 50px;
    }

.normal-weight[b-ie45e8xkce]{
    font-weight: normal;
}

.column[b-ie45e8xkce] {
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
}

.item-header-div[b-ie45e8xkce] {
    display: block;
    overflow: auto;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    padding-left: 10px;
    overflow: hidden;
    min-height: 54px;
    position: relative;
}

.item-header-button[b-ie45e8xkce]{
    margin-right:15px;
    cursor: pointer;
}

    .item-header-button.cancel-button[b-ie45e8xkce] {
        width:25px;
    }
    .item-header-button.comment-button[b-ie45e8xkce] {
        width: 30px;
    }

.status-dot[b-ie45e8xkce] {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border: 1px solid black;
    border-radius: 50%;
    display: inline-block;
}

    .status-dot.accepted-need-input[b-ie45e8xkce] {
        background-color: yellow;
    }

    .status-dot.accepted[b-ie45e8xkce] {
        background: repeating-linear-gradient( 45deg, #bbb, #bbb 5px, blue 5px, blue 10px );
    }

    .status-dot.active[b-ie45e8xkce] {
        background-color: blue;
    }

    .status-dot.finished[b-ie45e8xkce] {
        background-color: green;
    }

    .status-dot.cancelled[b-ie45e8xkce] {
        background: url(/_content/BlazorStyles/images/Cancel.png);
        background-size: contain;
        border: none;
    }


.arrow[b-ie45e8xkce] {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

    .arrow.right[b-ie45e8xkce] {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .arrow.left[b-ie45e8xkce] {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .arrow.up[b-ie45e8xkce] {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        margin-top: 5px;
    }

    .arrow.down[b-ie45e8xkce] {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }


.comment[b-ie45e8xkce] {
    color: red;
    font-weight: bold;
    position: absolute;
    left: 33px;
    top: 5px;
}
/* /Components/Planning/Common/BorderDays.razor.rz.scp.css */

.border-day[b-gy2338929j] {
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #00000033;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}
/* /Components/Planning/Common/InfoGroup.razor.rz.scp.css */
.schedule-info[b-janqpak77e]{
    display:flex;
    justify-content: center;
    flex-direction: column;
}


.info-group[b-janqpak77e] {
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
    height: 40px;
    width: 100%
}

    .info-group img[b-janqpak77e] {
        width: auto;
        max-width: 100%;
        height: 100%;
        stroke-width: 1;
        stroke: var(--roadsign-blue);
        fill: none;
    }

    .vehicle-tag[b-janqpak77e] {
        position: absolute;
        z-index: 2;
        white-space: nowrap;
        padding: 2px 4px;
        border: 1px solid rgba(0,0,0,0.1);
        background-color: #eee;
        font-size: 12px;
        text-transform: uppercase;
        top: -12px
    }

    .group-tag[b-janqpak77e] {
        position: absolute;
        z-index: 2;
        white-space: nowrap;
        padding: 2px 4px;
        border: 1px solid rgba(0,0,0,0.1);
        background-color: #eee;
        font-size: 12px;
        text-transform: uppercase;
        top: -8px
    }



    .info-group.group[b-janqpak77e]{
    }

    .info-group.vehicle[b-janqpak77e]{
        height:20px;
    }
/* /Components/Planning/Common/ScheduleContainer.razor.rz.scp.css */
.schedule-container[b-e8vq8weoga] {
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
    display: grid;
    grid-template-columns: 100px 1fr;
    border: 1px solid #000;
}

.schedule-wrapper[b-e8vq8weoga]{
    width:100%;
    padding-right: 12px;

}


.schedule-sidebar[b-e8vq8weoga] {
    grid-column-start: 1;
    grid-column-end: 2;
    border-right: 1px solid #000;
}
.schedule-main[b-e8vq8weoga] {
    grid-column-start: 2;
    grid-column-end: 3;
    position: relative;
/*    border: 1px solid #000;
*/    overflow: hidden;
    background-color: #8a8a8b;
}

.header-time[b-e8vq8weoga] {
    color: #000;
    font-weight: 500;
    height: 24px;
    margin-right: -20px;
    text-align: right;
}

.planning-header[b-e8vq8weoga] {
    display: grid;
}
/* /Components/Planning/Common/ScheduleHeader.razor.rz.scp.css */
.header-time[b-pv0et1mx06] {
   
    color: #000;
    font-weight: 500;
    height:24px;
    margin-right: -20px;
    text-align: right;
}

.planning-header[b-pv0et1mx06] {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* /Components/Planning/Common/SchedulePopupClick.razor.rz.scp.css */
.action-popup[b-w7786jp6ev] {
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    min-width: 120px;
    min-height: 30px;
    border: 1px solid #000;
    background-color: #000;
    z-index: 10000;
    gap: 0.1rem;
}

.overlay[b-w7786jp6ev] {
    position: fixed;
    pointer-events: all;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    width: 100vw;
    height: 100vh;
    z-index: 9999;
}
/* /Components/Planning/Common/SchedulePopupHover.razor.rz.scp.css */
.planning-popup[b-g8v8iyv59g] {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 5px;
    height: auto;
    min-height: 40px;
    overflow: visible;
    max-width: 250px;
    padding: 9px 5px;
    position: fixed;
    z-index: 100;
    -webkit-box-shadow: 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px rgba(0,0,0,0.2);
    box-shadow: 2px 2px rgba(0,0,0,0.2);
    pointer-events: none
}

.break[b-g8v8iyv59g] {
    border-bottom: 2px solid #000;
    margin: 6px 0
}
/* /Components/Planning/Common/ScheduleRow.razor.rz.scp.css */

/*
.schedule-info {
    background-color: var(--asphalt-light);
    grid-column-start: 1;
    grid-column-end: 2;
    border-right: 2px solid #000;
}

    .schedule-info.group {
        height: 70px;
        padding-top: 10px;

    }
    .schedule-info.vehicle {
        height: 40px;
    }



*/
.schedule-row[b-uuag7alqan]{
    width:100%;
    display: grid;
    position: relative;
    overflow: hidden;
    pointer-events: none;
}

/*.border-day {
    border-left: 2px solid rgb(0, 0, 0);
    z-index: 19;
    user-select: none;
}

.border-day.no-border{
    border:none;
}
*/
/* /Components/Planning/Common/ScheduleShift.razor.rz.scp.css */

.shift-item[b-tr3qmbtjiw] {
    position: absolute;
    background-color: #ffffffcf;
    border-radius: 10px;
    border: 1px solid #000;
    position: absolute;
    pointer-events: all;
    z-index: 10;
    box-shadow: 5px 5px 2px rgb(0 0 0 / 20%);
}
    .shift-item:hover[b-tr3qmbtjiw] {
        background-color: #d3d3d3e3;
    }
/* /Components/Planning/Common/ScheduleVariance.razor.rz.scp.css */
.overlay[b-s4dzztluzg] {
    position: fixed;
    pointer-events: all;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    width: 100vw;
    height: 100vh;
    z-index: 9999;
}

.variance-item[b-s4dzztluzg] {
    position: absolute;
    cursor: pointer;
    pointer-events: all;
    outline: 1px solid #000;
}

    .variance-item[b-s4dzztluzg]:before {
        content: '';
        position: absolute;
        height: 30px;
    }


    .variance-item.vehicle[b-s4dzztluzg] {
        height: 25px;
        z-index: 4;
        box-shadow: 4px 4px rgb(0 0 0 / 20%);
    }

        .variance-item.vehicle[b-s4dzztluzg]:before {
            left: -4px;
            top: -4px;
            width: calc(100% + 8px);
            background-size: calc(100% + 8px);
            height: calc(100% + 8px);
        }

    .variance-item.site[b-s4dzztluzg] {
        height: calc(100% + 1px);
        margin-bottom: 20px;
        border-bottom: none;
    }
        .variance-item.site[b-s4dzztluzg]:before {
            left: 0;
            top: 5px;
            width: 100%;
        }



    .variance-item.group[b-s4dzztluzg] {
        height: calc(100% + 1px);
        border-bottom: none;
    }
        .variance-item.group[b-s4dzztluzg]:before {
            left: 0;
            top: 5px;
            width: 100%;
        }


    .variance-item.production-loss-event[b-s4dzztluzg] {
        background-color: #00a0b2;
    }
    .variance-item.availability-loss-event[b-s4dzztluzg] {
        background-color: var(--signal-red);
        outline-color: #00000085
    }
        .variance-item.availability-loss-event:hover[b-s4dzztluzg] {
            background-color: #ed8766;
        }

    .variance-item.unplanned-event[b-s4dzztluzg] {
        background-color: var(--midnight-blue);
        backdrop-filter: blur(5px);
        outline-color: #ffffff70;
    }
        .variance-item.unplanned-event:hover[b-s4dzztluzg] {
            background-color: #5d508d;
        }


    .variance-item.no-operation[b-s4dzztluzg] {
        background: repeating-linear-gradient(135deg, #8a8a8bcc, #8a8a8bcc 10px, #ffffff99 10px, #ffffff99 20px) #ffffff99;
        background-color: #8a8a8b21;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }


    .variance-item.production-stop[b-s4dzztluzg]:before {
        top: 10px;
        left: 10px;
        height: 26px;
        width: calc(100% - 20px);
        background: url(/_content/BlazorStyles/images/Warning.svg);
    }


        .variance-item.production-stop.vehicle[b-s4dzztluzg]:before {
            top: 3px;
            left: 3px;
            width: calc(100% - 6px);
            height: 17px;
        }


    .variance-item.rain[b-s4dzztluzg]:before {
        background: url(/_content/BlazorStyles/images/Raindrops.svg);
        left: 4px;
        width: calc(100% - 8px);
    }
        .variance-item.rain.vehicle[b-s4dzztluzg]:before {
            background: url(/_content/BlazorStyles/images/Raindrop_single.svg);
            top: 2px;
            left: 2px;
            width: calc(100% - 4px);
            height: calc(100% - 4px);
        }


    .variance-item.workshop[b-s4dzztluzg]:before {
        background: url(/_content/BlazorStyles/images/Tools.svg);
     }

        

    .variance-item:hover[b-s4dzztluzg] {
        cursor: pointer
    }







/* /Components/Planning/Overview/GeneratedSchedule.razor.rz.scp.css */
.schedule-container[b-zs74wt7zt3] {
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
}

.site-variance-container[b-zs74wt7zt3] {
    position: absolute;
    left: 100px;
    width: calc(100% - 100px);
    height: 100%;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}


/* /Components/Planning/Overview/VehicleGroupSchedule.razor.rz.scp.css */
.border-day-container[b-97r9xz3w6i] {
    position: absolute;
    width: calc(100% - 100px);
    height: 100%;
    left: 100px;
    overflow: hidden;
}

.vehicle-group-schedule-container[b-97r9xz3w6i] {
    position: relative;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    overflow: hidden;
}

.border-day-wrapper[b-97r9xz3w6i]{
    position:relative;
    height:100%;
    width:100%;
}
.border-day[b-97r9xz3w6i] {
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #0000003b;
    z-index: 19;
    -webkit-user-select: none;
    user-select: none;
}


.schedule-grid[b-97r9xz3w6i] {
    position: relative;
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr 1fr 1fr 1fr;
    border: 2px solid #000;
    margin-bottom: 12px;
}

.group-variance-container[b-97r9xz3w6i] {
    position: absolute;
    width: calc(100% - 100px);
    height: 100%;
    left: 100px;
    overflow: hidden;
}




/* /Components/Planning/ScheduleTemplates/EditShift.razor.rz.scp.css */
/* /Components/Planning/ScheduleTemplates/ScheduleAddShift.razor.rz.scp.css */

.shift-item[b-57j87rt2qg] {
    position: absolute;
    height: 40px;
    box-shadow: 5px 5px 2px rgb(0 0 0 / 20%);
    background-color: #dcdcdc;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    border: 1px solid #000;
    cursor: pointer;
    position: absolute;
    pointer-events: all;
    z-index: 30;
}
/* /Components/Planning/TabVehicleGroupSchedules.razor.rz.scp.css */
.vehicle-group-title[b-p7c4wy8uni] {
    background-color: #f2f2f2;
    margin-bottom: 4px;
    padding: 12px 10px 10px 10px;
    font-weight: bold;
    border: 1px solid #000;
}

    .vehicle-group-title:hover[b-p7c4wy8uni]
    {
        cursor:pointer;
        background-color: var(--asphalt-grey-2);
    }

    .vehicle-group-title.active[b-p7c4wy8uni]{
        color:var(--roadsign-blue);
    }

/* /Components/Planning/VehicleGroupSchedules/ModalOverlappingSchedules.razor.rz.scp.css */
body[b-b7fi5fv6hk] {
}

.arrow-container[b-b7fi5fv6hk] {
    
}

p[b-b7fi5fv6hk]{
    margin-top: 4px;
    margin-left: 5px;
    
}

.arrow-blue[b-b7fi5fv6hk] {
    grid-row-start: 2;
    border: solid #1700ff;
    height: 0;
    width: 0;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-top: 1.5px;
    margin-right: -10px;
}

.arrow-red[b-b7fi5fv6hk] {
    grid-row-start: 2;
    border: solid #ff4400;
    height: 0;
    width: 0;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-top: 1.5px;
    margin-right: -10px;
}

.right[b-b7fi5fv6hk] {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
/* /Components/Planning/VehicleGroupSchedules/VehicleGroupScheduleHeaderRow.razor.rz.scp.css */
table[b-4ev5j86eoc] {
    width: 640px;
    margin-bottom: 20px;
}

td[b-4ev5j86eoc] {
    padding: 5px;
}

th[b-4ev5j86eoc] {
    font-size: 15px;
    padding-bottom: 12px;
    font-weight: 500;
}

.planning-vehiclegroup-td-lg[b-4ev5j86eoc] {
    vertical-align: middle;
    width: 180px;
}

.planning-vehiclegroup-td-sm[b-4ev5j86eoc] {
    vertical-align: middle;
    width: 78px;
}

.previous-header[b-4ev5j86eoc] {
    background-color: #f5f5f5;
    background-color: #DCDCDC;
}

.active-header[b-4ev5j86eoc] {
    background-color: #070054;
    color: white;
}

.upcoming-header[b-4ev5j86eoc] {
    background-color: #d9edf7;
    background-color: #DCDCDC;
}

.header[b-4ev5j86eoc] {
    vertical-align: middle;
    padding-top: 12px;
}

.header-row[b-4ev5j86eoc] {
    vertical-align: middle;
    padding: 12px;
    border: 1px solid #000;
}

.title-row[b-4ev5j86eoc] {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

.spacing[b-4ev5j86eoc] {
    height: 24px;
    border-right: none;
    border-left: none;
    border-top: 1px solid #000;
}

.spacing-row[b-4ev5j86eoc] {
    border-top: 1px solid #000;
}

.header-expand-container[b-4ev5j86eoc] {
    position: relative;
}



.header-expand-button[b-4ev5j86eoc] {
    position: absolute !important;
    top: 10px;
    right: 0;
    margin-right: 15px;
}

.header-expand-button.active-header[b-4ev5j86eoc]
{
    display:none;
}
/* /Components/Planning/VehicleGroupSchedules/VehicleGroupScheduleListItem.razor.rz.scp.css */
tr[b-jjzi7efg0r] {
    width: 800px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

td[b-jjzi7efg0r] {
    font-size:13px;
    padding: 8px;
    vertical-align: middle;
}

.item-row[b-jjzi7efg0r] {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    background-color:#f5f5f5;
}

.planning-vehiclegroup-td-sm[b-jjzi7efg0r]{
    display:flex;
    flex-direction: row-reverse;
    padding-right:20px;
}

.btn-icon[b-jjzi7efg0r] {
    margin-right: 12px;
}
/* /Components/Planning/VehicleGroupSchedules/VehicleGroupSchedules.razor.rz.scp.css */
table[b-qfwtinbpat] {
    width: 100%;
    margin-bottom: 20px;
}

td[b-qfwtinbpat] {
    padding:5px;
}

th[b-qfwtinbpat] {
    font-size: 15px;
    padding-bottom: 12px;
    font-weight:500;
}

.planning-vehiclegroup-td-lg[b-qfwtinbpat] {
    vertical-align: middle;
    width: 180px;
    padding-top: 12px;
}
.planning-vehiclegroup-td-sm[b-qfwtinbpat] {
    vertical-align: middle;
    width: 78px;
}

.previous-header[b-qfwtinbpat] {
    background-color: #f5f5f5;
}

.active-header[b-qfwtinbpat] {
    background-color: #dff0d8;
}
.upcoming-header[b-qfwtinbpat] {
    background-color: #d9edf7;
}

.header[b-qfwtinbpat] {
    vertical-align: middle;
    padding-top:12px;
}

.header-row[b-qfwtinbpat] {
    background-color: #ffffff;
    vertical-align: middle;
    padding: 12px;
    border-bottom: 1px solid #232324;
}

.spacing[b-qfwtinbpat]{
    height:24px;
    border-right: none;
    border-left: none;
}


.header-expand-container[b-qfwtinbpat]{
    position:relative;
}


.header-expand-button[b-qfwtinbpat] {
    position: absolute !important;
    top: 10px;
    right: 0;
    margin-right: 15px;
}

/* /Components/RealTimeAvailability/Modals/RealTimeAvailabilityCreateEvent.razor.rz.scp.css */
.button-row[b-0eo11of9g4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 1rem;
}
/* /Components/RealTimeAvailability/Modals/RealTimeAvailabilityEditEvent.razor.rz.scp.css */
.button-row[b-k17ekp04hr] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 1rem;
}
/* /Components/RealTimeAvailability/RealTimeAvailabilityLegend.razor.rz.scp.css */
.real-time-availability-legend[b-lwbol9us6j]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    margin-top: auto;
    justify-content: center;
}

.legend-item[b-lwbol9us6j] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1.2rem;
}

.legend-type-icon[b-lwbol9us6j] {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-right: 5px;
}

.legend-type-name[b-lwbol9us6j] {
    font-size: 0.7rem;
}

@media only screen and (min-width: 1700px) {
    .legend-type-name[b-lwbol9us6j] {
        font-size: 1.5rem !important;
    }

    .legend-item[b-lwbol9us6j] {
        margin-left: 2rem;
    }

    .legend-type-icon[b-lwbol9us6j] {
        width: 2rem;
        height: 2rem;
    }
}
/* /Components/RealTimeAvailability/RealTimeAvailabilitySettings.razor.rz.scp.css */
.settings[b-xyoxrvlfma] {
    display: flex;
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--asphalt-grey-1);
    background-color: white;
    height: auto;
    align-items: center;
    width: -moz-available;
    width: -webkit-fill-available;
}
/* /Components/RealTimeAvailability/RealTimeAvailabilityTable.razor.rz.scp.css */
/* /Components/RealTimeAvailability/RealTimeAvailabilityVehicleOverview.razor.rz.scp.css */
.vehicle-overview[b-pn3hg74h54] {
    max-height: 30%;
    width: 100%;
}

.vehicle-overview-header[b-pn3hg74h54] {
    display: flex;
    width: 100%;
    padding-right: 5px;
}

    .vehicle-overview-header div[b-pn3hg74h54] {
        display: flex;
        background-color: var(--lots-dark-blue);
        border-radius: 5px;
        color: var(--asphalt-light);
        width: -webkit-fill-available;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

.vehicle-overview-body[b-pn3hg74h54] {
    display: flex;
    width: 100%;
    min-height: 3rem;
    flex-wrap: wrap;
    overflow-y: auto;
    scrollbar-gutter: stable;
    margin-bottom: 10px;
}

.vehicle-overview-row[b-pn3hg74h54], .vehicle-overview-total-row[b-pn3hg74h54] {
    display: flex;
    width: 100%;
}

.column[b-pn3hg74h54], .total-column[b-pn3hg74h54] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .column div[b-pn3hg74h54], .total-column div[b-pn3hg74h54] {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        height: -webkit-fill-available;
    }

.total[b-pn3hg74h54] {
    display: flex;
    width: 100%;
}

.group-column[b-pn3hg74h54], .type-column[b-pn3hg74h54], .total-type-column[b-pn3hg74h54] {
    background-color: var(--asphalt-grey-2);
    color: var(--asphalt-grey-1);
}

    .type-column img[b-pn3hg74h54] {
        object-fit: fill;
        max-height: 1.5rem;
    }

.working-column[b-pn3hg74h54], .total-available-time-column[b-pn3hg74h54], .total-working-column[b-pn3hg74h54], .sum-total-available-time-column[b-pn3hg74h54] {
    background-color: #b3ecab;
    color: var(--lots-dark-blue);
}

.maintenance-column[b-pn3hg74h54], .total-maintenance-column[b-pn3hg74h54], .total-maintenance-time-column[b-pn3hg74h54], .sum-total-maintenance-time-column[b-pn3hg74h54] {
    background-color: #f1b7b7;
    color: var(--lots-dark-blue);
}

.no-driver-column[b-pn3hg74h54], .total-no-driver-column[b-pn3hg74h54] {
    background-color: var(--ice-blue);
    color: var(--lots-dark-blue);
}

.empty-column[b-pn3hg74h54], .total-empty-column[b-pn3hg74h54] {
    background-color: var(--asphalt-grey-2);
    color: var(--lots-dark-blue);
}

.total-group-column[b-pn3hg74h54] {
    background-color: var(--asphalt-grey-1);
    color: var(--asphalt-light);
}

.working-column[b-pn3hg74h54], .maintenance-column[b-pn3hg74h54], .no-driver-column[b-pn3hg74h54], .empty-column[b-pn3hg74h54], .total-maintenance-time-column[b-pn3hg74h54], .total-available-time-column[b-pn3hg74h54] {
    font-weight: 500;
}

.total-working-column[b-pn3hg74h54], .total-maintenance-column[b-pn3hg74h54], .total-no-driver-column[b-pn3hg74h54], .total-empty-column[b-pn3hg74h54], .sum-total-maintenance-time-column[b-pn3hg74h54], .sum-total-available-time-column[b-pn3hg74h54] {
    font-weight: 800;
}

    @media only screen and (min-width: 910px) {
        .vehicle-overview[b-pn3hg74h54] {
        max-height: 40%;
        font-size: 1rem;
    }

    .vehicle-overview-body[b-pn3hg74h54] {
        max-height: 75%;
    }

    .vehicle-overview-header[b-pn3hg74h54] {
        min-height: 1rem;
    }

        .vehicle-overview-header div[b-pn3hg74h54] {
            padding: 2px 6px;
            margin: 1px;
        }

        .column div[b-pn3hg74h54], .total-column div[b-pn3hg74h54] {
            min-height: 1rem;
            margin: 1px;
            padding: 1px 2px;
        }

        .working-column[b-pn3hg74h54], .maintenance-column[b-pn3hg74h54], .no-driver-column[b-pn3hg74h54], .empty-column[b-pn3hg74h54], .total-maintenance-time-column
        .total-working-column[b-pn3hg74h54], .total-maintenance-column[b-pn3hg74h54], .total-no-driver-column[b-pn3hg74h54], .total-empty-column[b-pn3hg74h54], .sum-total-maintenance-time-column[b-pn3hg74h54] {
            font-size: 1.2rem;
        }
}

@media only screen and (min-width: 1700px) {
    .vehicle-overview[b-pn3hg74h54] {
        font-size: 1.5rem;
    }

    .vehicle-overview-header[b-pn3hg74h54] {
        min-height: 3rem;
    }

    .vehicle-overview-body[b-pn3hg74h54] {
        max-height: 85%;
    }

    .vehicle-overview-header div[b-pn3hg74h54] {
        padding: 10px 14px;
        margin: 3px;
    }

    .column div[b-pn3hg74h54], .total-column div[b-pn3hg74h54] {
        min-height: 2rem;
        margin: 3px;
        padding: 2px 4px;
    }

    .type-column img[b-pn3hg74h54] {
        max-height: 2.5rem;
    }

    .working-column[b-pn3hg74h54], .maintenance-column[b-pn3hg74h54], .no-driver-column[b-pn3hg74h54], .empty-column[b-pn3hg74h54], .total-maintenance-time-column
    .total-working-column[b-pn3hg74h54], .total-maintenance-column[b-pn3hg74h54], .total-no-driver-column[b-pn3hg74h54], .total-empty-column[b-pn3hg74h54], .sum-total-maintenance-time-column[b-pn3hg74h54] {
        font-size: 1.7rem;
    }
}
/* /Components/RealTimeAvailability/RealTimeAvailabilityVehicleTypes.razor.rz.scp.css */
<h3>RealTimeAvailabilityVehicleTypes</h3>

@code[b-3azp1f7zld] {

}
/* /Components/SafetyCheck/Common/QuestionContainer.razor.rz.scp.css */
.container[b-u0lysj6psz] {
    background-color: white;
    border-bottom: 1px solid var(--asphalt-grey-1);
    border-top: 1px solid var(--asphalt-grey-1);
    padding: 12px;
}

    .container:first-child[b-u0lysj6psz] {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-top: none;
    }

    .container:last-child[b-u0lysj6psz] {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom: none;
    }

    .container + .container[b-u0lysj6psz] {
        margin-top: 12px;
    }

    .container > div + div[b-u0lysj6psz] {
        margin-top: 12px;
    }

.top-row[b-u0lysj6psz] {
    display: flex;
    justify-content: space-between;
}

    .top-row > span[b-u0lysj6psz] {
        color: var(--asphalt-grey-2);
    }

    .top-row > div > span[b-u0lysj6psz] {
        font-weight: 500;
    }

.bottom-row[b-u0lysj6psz] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .bottom-row img[b-u0lysj6psz] {
        width: 25px;
        height: 25px;
    }

    .bottom-row > div[b-u0lysj6psz] {
        display: flex;
        align-items: center;
    }

        .bottom-row > div > span[b-u0lysj6psz] {
            /*the text*/
            font-size: 14px;
            margin-left: 2px;
        }

.tags[b-u0lysj6psz] {
    gap: 6px;
}

.sort-order[b-u0lysj6psz] {
    margin-right: 2px
}
/* /Components/SafetyCheck/Common/SCTag.razor.rz.scp.css */
div[b-evoqtmojat] {
    padding: 2px 10px;
    border-radius: 25px;
}
/* /Components/SafetyCheck/Common/SectionContainer.razor.rz.scp.css */

.section-container[b-naqn3i4hm9]  > div {
    border: 1px solid black;
    border-radius: 4px;
}

.section-container[b-naqn3i4hm9]  .expansion-summary {
    padding: 6px 12px;
}

    .section-container[b-naqn3i4hm9]  .expansion-summary.extended {
        border-bottom: 1px solid black;
    }

.section-container + .section-container[b-naqn3i4hm9] {
    margin-top: 12px;
}

.col-3[b-naqn3i4hm9] {
    grid-template-columns: 50px 1fr 1fr;
}

.col-4[b-naqn3i4hm9] {
    grid-template-columns: 50px 1fr 1fr 1fr;
}
.summary[b-naqn3i4hm9] {
    display: grid;
    width: 100%;
    
}

    .summary[b-naqn3i4hm9]  > :is(h3, h4, span, div) {
        margin: auto 0;
    }

    .summary > span:first-child[b-naqn3i4hm9] {
        border: 1px solid var(--roadsign-blue);
        border-radius: 50%;
        margin-right: auto;
        padding: 4px 12px;
    }
    .summary > h4[b-naqn3i4hm9] {
        font-size: 18px;
        line-height: 1;
    }

    .summary[b-naqn3i4hm9]  > div {
        margin-left: auto;
        margin-right: 12px;
    }

.details-container[b-naqn3i4hm9] {
    background-color: aquamarine;
}
/* /Components/SafetyCheck/ReportOverview/ReportDetails/ReportDetailModal.razor.rz.scp.css */
.info-box > div:first-child[b-8rew9el9vw] {
    margin-bottom: 20px;
}

    .info-box > div:first-child > p[b-8rew9el9vw] {
        color: var(--asphalt-grey-1);
    }

    .info-box > div:first-child > h6[b-8rew9el9vw] {
        font-weight: 600;
    }

.info-box[b-8rew9el9vw] {
    border-radius: 4px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    padding: 12px;
}

.column[b-8rew9el9vw] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.data[b-8rew9el9vw] {
    float: right;
    color: black;
    font-weight: 600;
}

.title[b-8rew9el9vw] {
    color: var(--asphalt-grey-1);
}

.report-area[b-8rew9el9vw] {
    margin-top: 20px;
}

.tabs[b-8rew9el9vw] {
    display: flex;
    flex-direction: row;
    gap: 1px;
}

    .tabs > .active[b-8rew9el9vw] {
        background-color: white;
        border: 1px solid var(--asphalt-grey-2);
        border-bottom: 4px solid var(--roadsign-blue);
    }

    .tabs > div[b-8rew9el9vw] {
        flex-grow: 1;
        background-color: var(--asphalt-grey-2);
        text-align: center;
        padding: 12px;
    }

        .tabs > div:not(.active):hover[b-8rew9el9vw] {
            color: var(--roadsign-blue);
            background-color: var(--asphalt-light);
            border: solid 1px var(--asphalt-grey-2);
            cursor: pointer;
        }

.tab-content[b-8rew9el9vw] {
    border: 1px solid var(--asphalt-grey-2);
    height: 500px;
}

table[b-8rew9el9vw] {
    width: 100%;
}

.table-wrapper[b-8rew9el9vw] {
    height: 100%;
    overflow: auto;
}

    .table-wrapper.show-photo-row[b-8rew9el9vw] {
        height: calc(100% - 200px);
    }

thead[b-8rew9el9vw] {
    border-bottom: 1px solid black;
    line-height: 150%;
}

th[b-8rew9el9vw] {
    text-align: left;
    font-weight: 600;
}


    th + .comment[b-8rew9el9vw] {
        width: 25%;
    }

tr :is(th, td)[b-8rew9el9vw] {
    padding: 2px;
}

.icon-cell > img[b-8rew9el9vw] {
    width: 25px;
    height: 25px;
}


.comment-cell[b-8rew9el9vw] {
    max-height: 100px;
    overflow: auto;
}

.photo-row[b-8rew9el9vw] {
    height: 200px;
    border: 2px solid var(--midnight-blue);
    position: relative;
    box-sizing: content-box;
}

    .photo-row > .cross[b-8rew9el9vw] {
        position: absolute;
        right: 12px;
        top: 12px;
        background: var(--asphalt-grey-2);
        padding: 6px;
        height: unset;
        width: unset;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .photo-row > .cross :hover[b-8rew9el9vw] {
            cursor: pointer;
            opacity: 0.7;
        }

    .photo-row :is(svg)[b-8rew9el9vw] {
        width: 15px;
        height: 15px;
    }

.photo-image[b-8rew9el9vw] {
    width: 200px;
    height: 200px;
    object-fit: cover;
    cursor: pointer;
}

    .photo-image + .photo-image[b-8rew9el9vw] {
        margin-left: 12px;
    }

.photo-container[b-8rew9el9vw] {
    width: 100%;
    overflow: auto; /*Fallback*/
    overflow: overlay; /*Only works on chromium based browsers 2023-04-27*/
    white-space: nowrap;
}

.photo-overlay[b-8rew9el9vw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    background: rgba(0,0,0,0.3);
    cursor: pointer;
}

.report-comment-title[b-8rew9el9vw]{
    font-weight:600;
    margin-top:10px;
    margin-bottom:10px;
}
/* /Components/SafetyCheck/ReportOverview/ReportOverview.razor.rz.scp.css */
.table-wrapper[b-tp6pctx6a5] {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
}

    .table-wrapper > div[b-tp6pctx6a5] {
        flex-grow: 1;
    }

        .table-wrapper > div:last-child > h4[b-tp6pctx6a5] {
            height: 25px;
        }

        .table-wrapper > div:last-child[b-tp6pctx6a5] {
            position: relative;
        }

        .table-wrapper > div:last-child > h4[b-tp6pctx6a5] {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        .table-wrapper > div:last-child > div[b-tp6pctx6a5] {
            height: calc(100% - 25px);
        }

.overlay[b-tp6pctx6a5] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 1000;
}
/* /Components/SafetyCheck/ReportOverview/ReportOverviewSidebar.razor.rz.scp.css */
.ball[b-ro4t32lnjw] {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
}

.green[b-ro4t32lnjw] {
    background-color: var(--signal-green);
}

.red[b-ro4t32lnjw] {
    background-color: var(--signal-red);
}

.border[b-ro4t32lnjw] {
    border: 1px solid black;
}

.ball-description + .ball-description[b-ro4t32lnjw] {
    margin-top: 6px;
}
/* /Components/SafetyCheck/Selfservice/Checklist/ChecklistOverview/ChecklistOverview.razor.rz.scp.css */
.wrapper[b-qrlmvpmon0] {
    display: grid;
    grid-template-columns: 1.2fr 1px 1fr;
    grid-gap: 10px;
}

.divider[b-qrlmvpmon0] {
    height: 100%;
    width: 1px;
    background-color: var(--asphalt-grey-2);
}

.selected-checklist-container[b-qrlmvpmon0] {
    display: flex;
    flex-direction: column;
    overflow-y: auto
}


    .selected-checklist-container > .sections[b-qrlmvpmon0] {
        overflow: scroll;
    }

    .selected-checklist-container h3[b-qrlmvpmon0] {
        margin: 26px auto;
    }
/* /Components/SafetyCheck/Selfservice/Checklist/ChecklistOverview/ChecklistOverviewSidebar.razor.rz.scp.css */
.info-row[b-tq97hdd9s3] {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    grid-gap: 2px;
}

    .info-row + .info-row[b-tq97hdd9s3] {
        margin-top: 6px;
    }

    .info-row > span:first-child[b-tq97hdd9s3] {
        font-size: 12px;
        color: var(--asphalt-grey-1);
        margin-left: 8px;
    }

    .info-row > span:last-child[b-tq97hdd9s3] {
        font-size: 14px;
        color: var(--asphalt-black);
        font-weight: 500;
        margin-left: auto;
        text-align: end;
    }
/* /Components/SafetyCheck/Selfservice/Checklist/ChecklistOverview/ModalApplyChecklist.razor.rz.scp.css */
.container[b-fgldxvn3di] {
    width: 50%;
    margin: auto;
}
/* /Components/SafetyCheck/Selfservice/Checklist/EditChecklist/CreateChecklistModal.razor.rz.scp.css */
.container[b-k13lk95xfv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 12px;
}

.std-size[b-k13lk95xfv] {
    height: 200px;
    width: min(70%, 500px);
    margin: 0 auto;
}

.container[b-k13lk95xfv] >  * {
    width: 100%;
}

.one-row[b-k13lk95xfv] {
    display: flex;
    gap: 20px;
    flex: 1 1 auto;
}

.template-layout[b-k13lk95xfv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, 34px);
    grid-gap: 20px 20px;
}

    .template-layout[b-k13lk95xfv] >  * {
        margin: 0;
    }

    .template-layout > p[b-k13lk95xfv] {
        margin-top: auto;
    }
/* /Components/SafetyCheck/Selfservice/Checklist/EditChecklist/EditChecklistSidebar.razor.rz.scp.css */
.edit-name-container[b-dg7p92zt8a] {
    background: white;
    width: 100%;
    padding: 12px 12px;
    border: 1px solid var(--asphalt-grey-1);
    border-radius: 4px;
    display: flex;
    gap: 12px;
    position: absolute;
    top: 90%;
    z-index: 101;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 30%)
}

    .edit-name-container[b-dg7p92zt8a] >  div {
        margin: 0;
    }

    .edit-name-background[b-dg7p92zt8a] {
        height: 100vh;
        width: 100vw;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
    }

[b-dg7p92zt8a] .input-button {
    display: none;
    background-color: var(--roadsign-blue);
    border-radius: 4px;
    height: 100%;
    width: 56px;
    justify-content: center;
    align-items: center;

}

[b-dg7p92zt8a] .input-button-show {
    display: flex;
}
/* /Components/SafetyCheck/Selfservice/Checklist/EditSection/EditSection.razor.rz.scp.css */
section[b-qqpqyiwbrb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    /*100% - heihgt of header - height of gap*/
    grid-template-rows: 40px calc(100% - 40px - 20px);
}

    section > .header[b-qqpqyiwbrb] {
        width: 100%;
        justify-content: center;
        align-items: center;
        position: relative;
        display: flex;
        gap: 12px;
    }

h4[b-qqpqyiwbrb] {
    white-space: nowrap;
}

[b-qqpqyiwbrb] .spinner {
    height: 20px;
    width: 20px;
    margin: 0;
}

[b-qqpqyiwbrb] .spinner-container {
    width: auto;
}

.no-added-questions-container[b-qqpqyiwbrb] {
    border: 1px solid var(--roadsign-blue);
    border-radius: 4px;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    color: var(--asphalt-grey-1);
}

    .no-added-questions-container > p:first-child[b-qqpqyiwbrb] {
        font-weight: 700;
    }

.questions-wrapper[b-qqpqyiwbrb] {
    max-height: 100%;
    overflow-y: auto;
}

.all-questions-container[b-qqpqyiwbrb] {
    border: 1px solid var(--asphalt-grey-1);
    background-color: var(--asphalt-grey-2);
    border-radius: 4px;
}

.added-questions-container[b-qqpqyiwbrb] {
    border: 1px solid blue;
    border-radius: 4px;
}

.edit-name-container[b-qqpqyiwbrb] {
    background: white;
    padding: 12px 50px;
    border: 1px solid var(--asphalt-grey-1);
    border-radius: 4px;
    display: flex;
    gap: 12px;
    position: absolute;
    top: 75%;
    right: 2%;
    left: 2%;
    z-index: 101;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 30%)
}

    .edit-name-container[b-qqpqyiwbrb] >  div {
        width: 100%;
    }

    .edit-name-container[b-qqpqyiwbrb]  .input-button {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.edit-name-background[b-qqpqyiwbrb] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}
/* /Components/SafetyCheck/Selfservice/Checklist/EditSection/EditSectionSidebar.razor.rz.scp.css */
[b-icczctbpfy] .input-button {
    display: none;
    background-color: var(--roadsign-blue);
    border-radius: 4px;
    height: 100%;
    width: 56px;
    justify-content: center;
    align-items: center;
}

[b-icczctbpfy] .input-button-show {
    display: flex;
}
/* /Components/SafetyCheck/Selfservice/Connection/ModalApplyChecklistToVehicle.razor.rz.scp.css */
.container[b-wxrrja1se3] {
    width: 50%;
    margin: auto;
}

.error-text[b-wxrrja1se3] {
    color: var(--signal-red);
    margin: 16px auto;
    text-align: center;
}
/* /Components/SafetyCheck/Selfservice/Connection/ModalApplyChecklistToVehicleGroup.razor.rz.scp.css */
.container[b-nccfkkmynj] {
    width: 50%;
    margin: auto;
}

.error-text[b-nccfkkmynj] {
    color: var(--signal-red);
    margin: 16px auto;
    text-align: center;
}
/* /Components/SafetyCheck/Selfservice/NewSectionModal.razor.rz.scp.css */
.container[b-zsz88fo8r3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 12px;
    height: 180px;
    width: 70%;
    margin: 0 auto;
}

.conditional[b-zsz88fo8r3] {
    width: 70%;
    display: flex;
    justify-content: space-evenly;
}
/* /Components/SafetyCheck/Selfservice/Question/NewQuestionModal.razor.rz.scp.css */
.question-row > span:first-child[b-q23yhwgrze] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.question-row + .question-row[b-q23yhwgrze] {
    margin-top: 10px;
}

/* when the input has focus. Set an outline to search row */
.question-row[b-q23yhwgrze]  input:focus + ul > .search-row {
    outline: 1px solid var(--roadsign-blue);
}

.button-row[b-q23yhwgrze] {
    display: flex;
    margin: 20px;
    justify-content: center;
    gap: 20px;
}

.button-row[b-q23yhwgrze] >  [type="button"] {
    width: 150px;
}
/* /Components/SafetyCheck/Selfservice/RemoveSectionModal.razor.rz.scp.css */
.container[b-tyzx6ewj5t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 12px;
    height: 180px;
    width: 70%;
    margin: 0 auto;
}

.section-row[b-tyzx6ewj5t] {
    border: 1px solid black;
    border-radius: 4px;
    padding: 6px 12px;
    width: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 50px 1fr 1fr 1fr;
}
    .section-row + .section-row[b-tyzx6ewj5t] {
        margin-top: 12px;
    }

    .section-row > span:first-child[b-tyzx6ewj5t] {
        border: 1px solid var(--roadsign-blue);
        border-radius: 50%;
        margin-right: auto;
        padding: 4px 12px;
    }

    .section-row[b-tyzx6ewj5t]  > :is(h4, span, div) {
        margin: auto 0;
    }

    .section-row[b-tyzx6ewj5t]  > h4 {
        font-size: 18px;
        line-height: 1;
    }

    .section-row[b-tyzx6ewj5t]  > div {
        margin-left: auto;
        margin-right: 12px;
    }

/* /Components/SimpleFlow/SimpleFlowAreaType.razor.rz.scp.css */
.simple-flow-area-type-header[b-azhyimqfzn] {
    padding: 10px;
    background-color: var(--midnight-blue);
    color: white;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1;
}

.info[b-azhyimqfzn] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* /Components/SimpleFlow/SimpleFlowCustomisable.razor.rz.scp.css */
.item[b-x528e4rfkt] {
    display: flex;
    background: #fff;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    position: relative;
    align-self: baseline;
    padding: 3px;
    max-height:90vh;
    overflow: auto;
}

    .item.hidden[b-x528e4rfkt] {
        display: none;
    }

    .item.show-hidden[b-x528e4rfkt] {
        opacity: 0.4;
    }

    .item:hover[b-x528e4rfkt] {
        background: var(--asphalt-grey-2);
        border: 2px solid var(--midnight-blue);
    }

    .item.white-background:hover[b-x528e4rfkt] {
        background: var(--asphalt-light);
    }

    .item.white-background.hidden:hover[b-x528e4rfkt] {
        border: var(--midnight-blue);
        background-color: #dcdcdc;
    }

.size-1[b-x528e4rfkt] {
    width: 25vw;
    height: 50vh;
    font-size: 1rem;
}

.size-2[b-x528e4rfkt] {
    width: 30vw;
    height: 50vh;
    font-size: 1rem;
}

.size-3[b-x528e4rfkt] {
    width: 30vw;
    height: 60vh;
    font-size: 1.3rem;
}

.size-4[b-x528e4rfkt] {
    width: 35vw;
    height: 60vh;
    font-size: 1.3rem;
}

.size-5[b-x528e4rfkt] {
    width: 35vw;
    height: 70vh;
    font-size: 1.7rem;
}

.size-6[b-x528e4rfkt] {
    width: 40vw;
    height: 70vh;
    font-size: 1.7rem;
}

.size-7[b-x528e4rfkt] {
    width: 40vw;
    height: 80vh;
    font-size: 2rem;
}

.size-8[b-x528e4rfkt] {
    width: 45vw;
    height: 80vh;
    font-size: 2rem;
}

.dragged[b-x528e4rfkt] {
    border: 2px dashed #f40;
}
/* /Components/SimpleFlow/SimpleFlowDetailArea.razor.rz.scp.css */
.simple-flow-detail-area[b-s9zxrgdcci] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.simple-flow-detail-area-header[b-s9zxrgdcci] {
    padding: 10px;
    background-color: var(--roadsign-blue);
    color: white;
    display: flex;
    justify-content: space-between;
    opacity: 0.5;
}

.children-simple-flow-detail-area[b-s9zxrgdcci] {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* /Components/SimpleFlow/SimpleFlowMainArea.razor.rz.scp.css */
.simple-flow-main-area[b-oi525hzxop] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.simple-flow-main-area-header[b-oi525hzxop] {
    padding: 10px;
    background-color: var(--roadsign-blue);
    color: white;
    display: flex;
    justify-content: space-between;
}
/* /Components/SimpleFlow/SimpleFlowReport.razor.rz.scp.css */
.report[b-81y2urrqoz] {
    padding: 10px;
    background-color: white;
    display: flex;
    border: 1px solid #e7e6e6;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.report-text-time[b-81y2urrqoz] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.report-alert-history[b-81y2urrqoz] {
    margin-top: 0.3em;
    width: 100%;
}

.report-time-alert > span[b-81y2urrqoz]{
    margin-right: 10px;
}

.highlighted[b-81y2urrqoz] {
    animation: blinker-b-81y2urrqoz 3s linear infinite;
    background-color: white;
}

@keyframes blinker-b-81y2urrqoz {
    50% {
        -webkit-box-shadow: inset 0px 0px 4px 2px var(--signal-red);
        -moz-box-shadow: inset 0px 0px 4px 2px var(--signal-red);
        box-shadow: inset 0px 0px 4px 2px var(--signal-red);
    }
}
/* /Components/SimpleFlow/SimpleFlows.razor.rz.scp.css */
.main-area[b-tde5z0eno3] {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}
/* /Components/SimpleFlow/SimpleFlowSettings.razor.rz.scp.css */
button[b-8i8wsewtno] {
    margin-left: auto;
    margin-top: 10px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    color: var(--midnight-blue);
}

    button:focus[b-8i8wsewtno] {
        outline: none;
        background-color: var(--roadsign-blue-10);
    }

    button:hover[b-8i8wsewtno] {
        background-color: var(--roadsign-blue-10);
    }

    button > .icon[b-8i8wsewtno] {
        width: 24px;
        height: 24px;
        background-color: var(--asphalt-grey-2);
        border-radius: 50%;
        color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.settings-hidden[b-8i8wsewtno] {
    display: none;
}

.settings-visible[b-8i8wsewtno] {
    position: fixed;
    bottom: 0;
    padding: 10px;
    display: flex;
    border: 1px solid var(--asphalt-grey-2);
    background-color: white;
    height: auto;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
    width: -moz-available;
    width: -webkit-fill-available;
}

.highlight[b-8i8wsewtno] {
    color: var(--roadsign-blue);
    font-weight: 600;
}

.show-areas-without-vehicles-slider[b-8i8wsewtno]{
    display: inline-flex;
    width: 20%;
}

.show-areas-without-vehicles-slider > span[b-8i8wsewtno]{
    margin-left: 10px;
}

@media (max-width: 1300px) {
    .show-areas-without-vehicles-slider[b-8i8wsewtno] {
        width: 35%;
    }
}

@media (max-width: 900px) {
    .show-areas-without-vehicles-slider[b-8i8wsewtno] {
        width: 50%;
    }
}
/* /Components/SimpleFlow/SimpleFlowTabHeader.razor.rz.scp.css */
.simple-flow-tab-header-main[b-mrclgegj6u] {
    display: flex;
    flex-direction: row;
    margin-bottom: 12px;
    justify-content: space-between;
}

.simple-flow-tab-header-filters[b-mrclgegj6u] {
    display: flex;
    align-items: center;
    align-self: start;
    min-width: 50%;
}

    .simple-flow-tab-header-filters .select-list[b-mrclgegj6u] {
        margin-right: 0.3rem;
    }

.simple-flow-tab-header-alert-settings[b-mrclgegj6u] {
    display: flex;
    align-items: center;
    align-self: end;
}
/* /Components/Simulation/FlowSimulationRow.razor.rz.scp.css */
td[b-z1c8gnaja2] {
    border-bottom: 1px solid black;
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: middle;
    text-align: center;
}

    td.pause-simulation[b-z1c8gnaja2]{
        padding-left:10px;
        padding-right:6px;
    }
    td.delete-simulation[b-z1c8gnaja2] {
        padding-right: 18px;
        padding-left: 6px;
    }

    td.inactive[b-z1c8gnaja2] {
        color: yellow;
    }

.simulation-status[b-z1c8gnaja2] {
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    color: var(--roadsign-blue);
    border-style: none;
}

.simulation-buttons[b-z1c8gnaja2] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* /Components/Simulation/FlowSimulationTable.razor.rz.scp.css */
table[b-mrx80ak7pw] {
    padding: 30px;
    margin-top: 12px;
}

th[b-mrx80ak7pw] {
    font-weight: bold;
    padding-right: 6px;
    padding-left: 6px;
    border-bottom: 5px solid #1700ff;
    padding-bottom: 5px;
    padding-top: 10px;
    text-align: center;
}

th.status[b-mrx80ak7pw]{
    padding-left:6px;
}



/* /Components/Simulation/SimulationFlowRouteTable.razor.rz.scp.css */
table[b-hn5i6b4vqa]{
    padding: 30px;
    margin-top:12px;
}

tr[b-hn5i6b4vqa]{
}

th[b-hn5i6b4vqa]{
    font-weight: bold;
    padding-right: 12px;
    border-bottom: 5px solid #1700ff;
    padding-bottom: 5px;
    padding-top: 10px;
}

tr:hover[b-hn5i6b4vqa] {
    background-color:lightgray;
    cursor: pointer;
}

tr:first-child:hover[b-hn5i6b4vqa] {
    background-color: white;
    cursor: default;
}

td[b-hn5i6b4vqa] {
    border-bottom: 1px solid black;
    padding-right: 6px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
}
    td.distance[b-hn5i6b4vqa] {
        text-align:right;
        padding-right: 15px;
    }

.id[b-hn5i6b4vqa]{
    padding-left: 12px;
    padding-right: 10px;
}
/* /Pages/DrawingTool.razor.rz.scp.css */
.root[b-gntprgkgk7] {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.drawing-tool-right-sidebar[b-gntprgkgk7] {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: end;
    max-height: 90vh;
    overflow: auto;
}

.drawing-tool-left-sidebar[b-gntprgkgk7] {
    margin: 7vh 0 0 10px;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100vh;
    max-height: 90vh;
    overflow: auto;
}

@media only screen and (min-width: 992px) {
    .drawing-tool-sidebar[b-gntprgkgk7] {
        font-size: 0.7rem;
    }
}

@media only screen and (min-width: 1200px) {
    .drawing-tool-sidebar[b-gntprgkgk7] {
        font-size: 0.8rem;
    }
}

@media only screen and (min-width: 1500px) {
    .drawing-tool-sidebar[b-gntprgkgk7] {
        font-size: 1rem;
    }
}
/* /Pages/FlowAndDispatch.razor.rz.scp.css */
.flow[b-8wu0yv2v5k] {
    background-color: white;
    border: 1px solid var(--asphalt-grey-2);
    padding: 10px;
    overflow: auto;
}
/* /Pages/Map.razor.rz.scp.css */
.root[b-9dz93ax090] {
    height: 100%;
    position: relative;
    overflow: hidden;
}
/* /Pages/RealTimeAvailability.razor.rz.scp.css */
/* /Pages/SimpleFlow.razor.rz.scp.css */
/* /Shared/LeftNavbar.razor.rz.scp.css */

div[b-odbp2wkxlf] {
    overflow: hidden;
    transition: max-height 0.5s;
}

button[b-odbp2wkxlf] {
    height: 50px;
    width: 100%;
    background-color: white;
    cursor: pointer;
    color: var(--midnight-blue);
    text-transform: uppercase;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding-left: 12px;
}

    button:focus[b-odbp2wkxlf] {
        outline: none;
        background-color: var(--roadsign-blue-10);
    }

    button:hover[b-odbp2wkxlf] {
        background-color: var(--roadsign-blue-10);
    }

    button + button[b-odbp2wkxlf] {
        border-top: 1px solid var(--roadsign-blue);
    }

    button > .icon[b-odbp2wkxlf] {
        width: 24px;
        height: 24px;
        background-color: var(--asphalt-grey-2);
        border-radius: 50%;
        color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.hidden[b-odbp2wkxlf] {
    max-height: 0;
}

.visible[b-odbp2wkxlf] {
    max-height: 100vh;
}

button.section[b-odbp2wkxlf] {
    background-color: var(--midnight-blue);
    color: var(--asphalt-light);
}

    button.section:hover[b-odbp2wkxlf] {
        box-shadow: inset 5px 5px 10px rgb(255 255 255 / 50%), inset -5px -5px 10px rgb(255 255 255 / 50%);
    }
    button.section > .icon[b-odbp2wkxlf] {
        margin-left: auto;
        margin-right: 12px;
        transition: transform 0.2s;
    }

.highlight[b-odbp2wkxlf] {
    color: var(--roadsign-blue);
    font-weight: 600;
}

.rotated[b-odbp2wkxlf] {
    transform: rotate(180deg);
}
/* /Shared/MainLayout.razor.rz.scp.css */
.main-layout[b-m7bg9b9gky] {
    display: grid;
    grid-template-rows: 55px calc(100vh - 55px);
    grid-template-columns: 260px auto;
    height: 100vh;
    background-color: #f2f2f2;
}

.top-nav[b-m7bg9b9gky] {
    grid-row: 1;
    grid-column: 1 / span 2;
    background-color: white;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
    position: relative;
}

[b-m7bg9b9gky] .left-nav {
    grid-row: 2;
    grid-column: 1;
    overflow: auto;
}

.body[b-m7bg9b9gky] {
    grid-row: 2;
    grid-column: 2;
    background-color: var(--asphalt-light);
}
/* /Shared/Snackbar.razor.rz.scp.css */
.snackbar-container[b-pnn45o3qk2] {
    position: fixed;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    width: 400px;
    gap: 12px;
    display: flex;
    flex-direction: column;
}

    .snackbar-container > div[b-pnn45o3qk2] {
        border-radius: 4px;
        padding: 12px;
    }

.success[b-pnn45o3qk2] {
    border: 1px solid var(--signal-green);
    background-color: #e3ffe3;
}

.failure[b-pnn45o3qk2] {
    border: 1px solid var(--signal-red);
    background-color: #fff4f0;
}

.info[b-pnn45o3qk2] {
    border: 1px solid var(--signal-orange);
    background-color: #fff9db;
}

.default[b-pnn45o3qk2] {
    text-align: center;
}
/* /Shared/TopNavbar.razor.rz.scp.css */
.logo[b-y51s5odtra] {
    font-size: 34px;
    font-weight: 700;
}

.top-nav-container[b-y51s5odtra] {
    padding: 0 24px;
    position: relative;
}

.user[b-y51s5odtra] {
    width: 40px;
    height: 40px;
    background-color: var(--midnight-blue);
    color: var(--asphalt-grey-2);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.account-container[b-y51s5odtra] {
    position: absolute;
    top: 100%;
    right: 6px;
    padding: 12px;
    BOX-SHADOW: 0 0 5px rgba(0,0,0,0.4);
    background-color: white;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 10000;
}

.user.big[b-y51s5odtra] {
    width: 100px;
    height: 100px;
}

.user.big > span[b-y51s5odtra] {
    font-size: 34px;
}

.actions > span[b-y51s5odtra] {
    display: block;
}

.actions > span + span[b-y51s5odtra] {
    margin-top: 4px;
}

.actions > .text[b-y51s5odtra] {
    color: var(--asphalt-grey-1)
}

.actions > .link[b-y51s5odtra] {
    color: var(--midnight-blue);
    font-weight: 500;
    cursor: pointer;
}

.background-listener[b-y51s5odtra] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
}

.initals[b-y51s5odtra] {
    text-transform: uppercase;
}