@import '_content/Vision.Library/Vision.Library.rf4gdo4jje.bundle.scp.css';

/* /Pages/Account/Login.razor.rz.scp.css */
.login-wrapper[b-5sfrbvc43o] {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    justify-content: space-between; /* Push first to top, last to bottom */
    width: 100%;
    height:88vh;
}
/* /Pages/Jobs/Functions/RubberClockExtension.razor.rz.scp.css */
.rowLock[b-ev3wi9ml3a] {
    color: rgba(0,0,0,.3)
}
/* /Shared/BatchComponents/BatchAccordian.razor.rz.scp.css */
.row .badge:last-of-type[b-lw8lxjvqmn] {
    margin-bottom: 0 !important;
}
/* /Shared/JobCreateManufactureComponents/ManufactureJobModal.razor.rz.scp.css */
button#btnScannerInput_button[b-crwv5mzshv] {
    margin-top: 2.4rem !important;
    max-height: 45px !important;
    margin-right: 0.5rem !important;
}

.sticky-top.sticky-header[b-crwv5mzshv] {
    top: 278px !important;
    background-color: #fff !important;
}
/* /Shared/JobCreatePlannedComponents/PlanJobLogModal.razor.rz.scp.css */
.Information[b-y10cv6727h] {
    background-color: #f8f9fa !important;
    color: #343a40 !important;
}

.Important[b-y10cv6727h] {
    background-color: #f8f9fa !important;
    color: #343a40 !important;
}

.Warning[b-y10cv6727h] {
    background-color: #ffc107 !important;
    color: #343a40 !important
}

.Critical[b-y10cv6727h] {
    background-color: #dc3545 !important;
    color: #f8f9fa !important;
}
/* /Shared/JobCreatePlannedComponents/PlanJobNumberModal.razor.rz.scp.css */
.Information[b-snb8xikwz8] {
    background-color: #4682b4 !important;
    color: #343a40 !important;
}

.Important[b-snb8xikwz8] {
    background-color: #f8f9fa !important;
    color: #343a40 !important;
}

.Warning[b-snb8xikwz8] {
    background-color: #ffc107 !important;
    color: #343a40 !important
}

.Critical[b-snb8xikwz8] {
    background-color: #dc3545 !important;
    color: #f8f9fa !important;
}
/* /Shared/JobCreateQCComponents/QCJobModal.razor.rz.scp.css */
button#btnScannerInput_button[b-5jfjzezojm] {
    margin-top: 2.4rem !important;
    max-height: 45px !important;
    margin-right: 0.5rem !important;
}

.sticky-top .sticky-header[b-5jfjzezojm] {
    top: 278px !important;
    background-color: #fff !important;
}
/* /Shared/JobSelectComponents/Enquiry/EnquiryComponents/EnquiryCarouselComponent.razor.rz.scp.css */
.carousel[b-k3j5kt4cqt] {
    position: unset !important;
    display: flex; /* Use flexbox to align children */
    /*justify-content: center;*/ /* Center horizontally */
    /*align-items: center;*/ /* Center vertically */
}
/* /Shared/JobSelectComponents/JobSelection.razor.rz.scp.css */
.sticky-top-job[b-2gcbmb64pe] {
    position:sticky;
    top: 50px;
    z-index: 1019;
}

@media (min-width: 576px) {
    .jobselection[b-2gcbmb64pe] {
        height: auto;
        overflow-y: unset;
    }
}

@media (min-width: 768px) {
    .jobselection[b-2gcbmb64pe] {
        height: auto;
        overflow-y: unset;
    }
}

@media (min-width: 992px) {
    .jobselection[b-2gcbmb64pe] {
        height: 80vh;
        overflow-y:scroll;
    }
}

@media (min-width: 1200px) {
    .jobselection[b-2gcbmb64pe] {
        height: 80vh;
        overflow-y: scroll;
    }
}

@media (min-width: 1400px) {
    .jobselection[b-2gcbmb64pe] {
        height: 80vh;
        overflow-y: scroll;
    }
}

/* /Shared/JobSelectComponents/TaskComponents/TaskList.razor.rz.scp.css */
.divLocked[b-253ggbray8] {
    top: 0;
    left: 0;
    z-index:1;
}
/* /Shared/Layouts/AccountLayout.razor.rz.scp.css */
.page[b-0zu19v1ma6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-0zu19v1ma6] {
    flex: 1;
}

.sidebar[b-0zu19v1ma6] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-0zu19v1ma6] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-0zu19v1ma6]  a, .top-row[b-0zu19v1ma6]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-0zu19v1ma6]  a:hover, .top-row[b-0zu19v1ma6]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-0zu19v1ma6]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-0zu19v1ma6] {
        display: none;
    }

    .top-row.auth[b-0zu19v1ma6] {
        justify-content: space-between;
    }

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

@media (min-width: 641px) {
    .page[b-0zu19v1ma6] {
        flex-direction: row;
    }

    .sidebar[b-0zu19v1ma6] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-0zu19v1ma6] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

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

    .top-row[b-0zu19v1ma6], article[b-0zu19v1ma6] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.page[b-72m1k9lw5u] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-72m1k9lw5u] {
    flex: 1;
}

.sidebar[b-72m1k9lw5u] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-72m1k9lw5u] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-72m1k9lw5u]  a, .top-row[b-72m1k9lw5u]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-72m1k9lw5u]  a:hover, .top-row[b-72m1k9lw5u]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-72m1k9lw5u]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-72m1k9lw5u] {
        display: none;
    }

    .top-row.auth[b-72m1k9lw5u] {
        justify-content: space-between;
    }

    .top-row[b-72m1k9lw5u]  a, .top-row[b-72m1k9lw5u]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-72m1k9lw5u] {
        flex-direction: row;
    }

    .sidebar[b-72m1k9lw5u] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-72m1k9lw5u] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

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

    .top-row[b-72m1k9lw5u], article[b-72m1k9lw5u] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.dropdown-menu[b-hs0mnvt44y] {
    margin: 0;
    padding:2px 0;
    border: 1px solid #003190;
    border-radius: 0 0 0.25rem 0.25rem;
    z-index: 1021;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.75) !important;
}


    .dropdown-menu .show > .dropdown-toggle[b-hs0mnvt44y]::after {
        transform: rotate(-90deg);
    }

    .dropdown-menu .dropdown-menu[b-hs0mnvt44y] {
        margin: 0;
        border-radius: 0 0.25rem 0.25rem 0.25rem;
    }

.dropdown-item[b-hs0mnvt44y] {
    font-size: 1.2em;
    padding: 0.5rem 1.5rem
}
/* /Shared/ResultEntryTask/Components/CheckWeightComponents/TaskCheckWeightComponent.razor.rz.scp.css */
.start-stop-text[b-ds5i87b9t2] {
    vertical-align:bottom;
    line-height:3em;
}
/* /Shared/ResultEntryTask/Components/ResultComponents/Images/ResultListImageViewerComponent.razor.rz.scp.css */
.modal-fullscreen[b-0741vsjcjg] {
    max-width: 100% !important;
    margin: 0 !important;
    
}

.modal-body[b-0741vsjcjg] {
    overflow-y: scroll; /* Show vertical scrollbar */
}

.image-panel[b-0741vsjcjg] {
    position:relative;
    width: calc(100% - 300px); /* 300px is sidebar width */
    float: left;
    height: 100vh;
}
.image-panel-no-sidebar[b-0741vsjcjg] {
    position: relative;
    width: 100%; /* 300px is sidebar width */
    float: left;
    height: 100vh;
}

.image-thumbnails[b-0741vsjcjg] {
    position: fixed;
    top: 0;
    right: 15px;
    width: 300px;
    height: 100%;
    box-sizing: border-box;
    background-color: #ffffff;
}

@media (max-width: 992px) {

    .image-panel[b-0741vsjcjg] {
        width: 100%; /* 300px is sidebar width */
        height: 100%; /* 300px is sidebar width */
        float: none;
        padding-bottom:330px;
    }

    .image-panel-no-sidebar[b-0741vsjcjg] {
        width: 100%; /* 300px is sidebar width */
        height: 100%; /* 300px is sidebar width */
        float: none;
        padding-bottom: 0;
    }

    .image-thumbnails[b-0741vsjcjg] {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 160px; /* Bottom bar height */
        top: auto;
    }

    .row-overflow[b-0741vsjcjg] {
        overflow-x: auto !important;
    }
}

.carousel-fullscreen[b-0741vsjcjg] {
    padding-bottom: 0;
}

.carousel-indicators[b-0741vsjcjg] {
    position: unset;
}

.carousel-control-prev[b-0741vsjcjg],
.carousel-control-next[b-0741vsjcjg] {
    top: 40% !important;
    transform: translateY(-40%) !important;
}


@media (max-width: 992px) {

    .image-panel .carousel-fullscreen[b-0741vsjcjg] {
        padding-bottom: 160px;
    }

    .image-panel-no-sidebar .carousel-fullscreen[b-0741vsjcjg] {
        padding-bottom: 0;
    }

}

.img-thumbnail-default[b-0741vsjcjg] {
    width: 150px;
}

    .img-thumbnail-default img[b-0741vsjcjg] {
        max-height: 150px;
    }

.img-thumbnail-max[b-0741vsjcjg] {
    max-height: 75px;
    width: 75px;
}

@media (min-width: 576px) {
    .img-thumbnail-max[b-0741vsjcjg] {
        max-height: 100px;
        width: 100px;
    }
}

@media (min-width: 992px) {

    .img-thumbnail-max[b-0741vsjcjg] {
        max-height: 150px;
        width: 150px;
    }
}


/* /Shared/ResultEntryTask/Components/ResultComponents/TaskResultComponent.razor.rz.scp.css */
.note-title[b-mpsgo21fmx] {
    font-size: 0.875em;
    color: #666
}