/* _content/WorkSafeCompliance.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-vi78cze096] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-vi78cze096] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.content-ext[b-vi78cze096]{
    flex:1;
}

.sidebar[b-vi78cze096] {
    box-shadow: 5px 0 5px -5px var(--bs-gray-700);
}

.top-row[b-vi78cze096] {
    background-color: var(--bs-gray-100);
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 1.5em;
}
.top-row-left[b-vi78cze096] {
    padding: 0px 5px 0px 5px;
    margin-left:-20px;
}
    .top-row-left:hover[b-vi78cze096] {
        color: #284475;
        border: 1px solid var(--bs-gray-500);
        border-radius:5px;
    }
.top-row-right[b-vi78cze096]{
    display:flex;
    gap:15px;
    flex-direction:row;
}
/*.top-row ::deep a, .top-row ::deep .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
    text-decoration: underline;
}*/

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

@media (max-width: 640.98px) {
    .top-row-left[b-vi78cze096]{
        display:none;
    }
    .top-row[b-vi78cze096] {
        justify-content: flex-end;
    }

        /*.top-row ::deep a, .top-row ::deep .btn-link {
            margin-left: 0;
        }*/
}

@media (min-width: 641px) {
    .top-row-ext[b-vi78cze096] {
        margin-left: 3px;
        box-shadow: 0 3px 3px -3px var(--bs-gray-600);
    }
    .page[b-vi78cze096] {
        flex-direction: row;
    }

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

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

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

    .top-row[b-vi78cze096], article[b-vi78cze096] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-vi78cze096] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-vi78cze096] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
.hide-sidebar[b-vi78cze096]{
    display:none;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/Admin/Logging/LoggingView.razor.rz.scp.css */
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/Admin/Settings/SettingsMgmtView.razor.rz.scp.css */
body[b-6d57rbmhmr] {
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/Admin/Users/DeleteUserConfirmation.razor.rz.scp.css */
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/Admin/Users/UserDetails.razor.rz.scp.css */
.section-ext[b-9ashahts99] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}

.input-label-ext[b-9ashahts99] {
    margin-top: 15px;
    padding-bottom: 5px;
    font-weight: 500;
    color: var(--bs-body-color);
    font-size: 1.1em;
}

.password-sect[b-9ashahts99] {
    padding: 10px 0px 10px 0;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/Admin/Users/UserMgmtView.razor.rz.scp.css */
.tpl-breadcrumb[b-mcllg5j548] {
    display: flex;
    padding: 10px 0px 10px 0px;
    margin-bottom: 1rem;
    list-style: none;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid var(--bs-gray-300);
}

.view-action-bar[b-mcllg5j548] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.sidebar-ext[b-mcllg5j548] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
}

.column-action-style[b-mcllg5j548] {
    display: flex;
    column-gap: 5px;
    width: 100%;
    justify-content: flex-end;
}
.grid-toolbar[b-mcllg5j548]{
    display:flex;
    width:200px;
    justify-content: flex-end;
}
.breadcrumb-ext[b-mcllg5j548]{
    display:flex;
    flex:1;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/Auth/Login.razor.rz.scp.css */
.component-body-style[b-1e6vvmoll4] {
    background: url('/images/ucla_background.png');
}
.login-title[b-1e6vvmoll4] {
    font-size: 1.3rem;
    font-weight: 500;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
}
.login-app-title[b-1e6vvmoll4] {
    color: #2774AE;
    font-weight:600;
}

.login-content[b-1e6vvmoll4] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container-ext[b-1e6vvmoll4] {
    height: calc(100vh);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-wrapper[b-1e6vvmoll4] {
    display: flex;
    flex-direction:column;
    align-items: center;
    -webkit-justify-content: inherit;
    justify-content: inherit;
    width:100%;
}
.logo-wrapper[b-1e6vvmoll4]{
    padding-bottom:7px;
}
.logo-text-wrapper[b-1e6vvmoll4]{
    padding-top:5px;
    font-weight:500;
}
.logo-style-ext[b-1e6vvmoll4] {
    width: auto;
    height: 40px;
}
svg[b-1e6vvmoll4] {
    height: 40px;
    width: auto;
}
.logo-divider[b-1e6vvmoll4] {
    width: 200px;
    border: 1px solid #FFB81C
}

.card-body-ext[b-1e6vvmoll4] {
    padding-top: 3rem !important;
    padding-right: 3rem !important;
    padding-bottom: 1rem !important;
    padding-left: 3rem !important;
}

.card-size-ext[b-1e6vvmoll4] {
    width: 450px;
}

.footer-err-ext[b-1e6vvmoll4] {
    background: red;
    color: #fff;
}

.footer-ext[b-1e6vvmoll4] {
    background: #2D68C4;
    color: #fff;
}

.login-content[b-1e6vvmoll4] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/Auth/Logout.razor.rz.scp.css */
.logout-content[b-2164m5dafl] {
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/MyProfile.razor.rz.scp.css */
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/NavMenu.razor.rz.scp.css */
.navbar-toggler:focus[b-9urmwj0r2x],
.navbar-toggler:active[b-9urmwj0r2x],
.navbar-toggler-icon:focus[b-9urmwj0r2x] {
    outline: none;
    box-shadow: none;
}
.navbar-toggler[b-9urmwj0r2x] {
    appearance: none;
    cursor: pointer;
    position: absolute;
    top: 0.7rem;
    right: 0.5rem;
    color: white;
    border: 0px;
}
.top-row[b-9urmwj0r2x] {
    height: 3.5rem;
    background-color: #005587;
}
.navbar-header-img[b-9urmwj0r2x]{
    height:25px;
}
.navbar-brand[b-9urmwj0r2x] {
    font-size: 1.1rem;
}
.nav-scrollable[b-9urmwj0r2x] {
    display: none;
}
.navbar-toggler:checked ~ .nav-scrollable[b-9urmwj0r2x] {
    display: block;
}

@media (min-width: 641px) {
    .desktop-mode[b-9urmwj0r2x] {
        display: flex;
        flex-direction: column;
    }
    .navbar-brand[b-9urmwj0r2x] {
        font-size: 0.9em;
    }
    .navbar-toggler[b-9urmwj0r2x] {
        display: none;
    }
    .top-row[b-9urmwj0r2x] {
        height: 100px;
        background-color: #2774AE;
    }
    .nav-scrollable[b-9urmwj0r2x] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 100px);
        overflow-y: auto;
        background: url('/images/sidebar_background2.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/ProfileGeneral.razor.rz.scp.css */
.content-wrapper[b-6uw7ln2mrg]{
    padding:15px;
}
.content-wrapper-sub[b-6uw7ln2mrg]{
    padding-top:15px;
}
.header_title[b-6uw7ln2mrg] {
    font-weight: 500;
}
.tpl-content-footer[b-6uw7ln2mrg]{
    padding-top:15px;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Core/ProfileHeader.razor.rz.scp.css */
.user-dropdown[b-8ob1aqcfbe] {
    position: relative;
    display: inline-block;
}

.user-dropdown-toggle[b-8ob1aqcfbe] {
    display: flex;
    align-items: center;
}

    .user-dropdown-toggle:hover[b-8ob1aqcfbe],
    .user-dropdown-toggle:focus[b-8ob1aqcfbe] {
        background: #f1f3f5;
    }

.dropdown-caret[b-8ob1aqcfbe] {
    font-size: 0.8em;
    margin-left: 4px;
}

.user-dropdown-menu[b-8ob1aqcfbe] {
    font-size:13px;
    display: none;
    position: absolute;
    right: 0;
    top: 100%; /* Changed from 110% to 100% */
    background: #fff;
    border: 1px solid #dee2e6;
    min-width: 160px;
    z-index: 1000;
    flex-direction: column;
}

    .user-dropdown-menu a[b-8ob1aqcfbe] {
        color: #212529;
        padding: 5px 2px;
        text-decoration: none;
        display: block;
        transition: background 0.2s;
    }

        .user-dropdown-menu a:hover[b-8ob1aqcfbe] {
            background: #f8f9fa;
        }

.user-dropdown:hover .user-dropdown-menu[b-8ob1aqcfbe],
.user-dropdown:focus-within .user-dropdown-menu[b-8ob1aqcfbe] {
    display: flex;
}
.btn-lnk-ext[b-8ob1aqcfbe] {
    margin-left: 0px !important;
    padding: 10px !important;
    text-decoration:none;
}
.text-info-ext[b-8ob1aqcfbe] {
    color: #2774AE;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Courses/CourseDelete.razor.rz.scp.css */
/* _content/WorkSafeCompliance.Web/Components/Pages/Courses/CourseDetails.razor.rz.scp.css */

.section-ext[b-itt77x4tcl] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}

.input-label-ext[b-itt77x4tcl] {
    margin-top: 15px;
    padding-bottom: 5px;
    font-weight: 500;
    color: var(--bs-body-color);
    font-size: 1.1em;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Courses/CourseView.razor.rz.scp.css */
.tpl-breadcrumb[b-wrytlurn22] {
    display: flex;
    padding: 10px 0px 10px 0px;
    margin-bottom: 1rem;
    list-style: none;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid var(--bs-gray-300);
}

.view-action-bar[b-wrytlurn22] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.sidebar-ext[b-wrytlurn22] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
}

.column-action-style[b-wrytlurn22] {
    display: flex;
    column-gap: 5px;
    width: 100%;
    justify-content: flex-end;
}
.section-ext[b-wrytlurn22] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}
.section-flexrow[b-wrytlurn22]{
    display:flex;
    column-gap: 5px;
}
.section-background-ext[b-wrytlurn22]{
    margin-top: 15px;
    border-top: 1px solid var(--bs-gray-400);
    border-left: 1px solid var(--bs-gray-400);
    border-right: 1px solid var(--bs-gray-400);
    background-color: var(--bs-gray-100);
}
.grid-toolbar[b-wrytlurn22]{
    display:flex;
    width:200px;
    justify-content: flex-end;
}
.breadcrumb-ext[b-wrytlurn22]{
    display:flex;
    flex:1;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Reports/ReportDetails/Dashboard/ReportDashboard.razor.rz.scp.css */
.chart-container[b-5121844x79]{
    display:flex;
    flex-direction: column;
}
.chart-container-horizontal[b-5121844x79]{
    display:flex;
    flex-direction: row;
}
.chart-child-left[b-5121844x79]{
    width:50%;
    height:250px;
    display:flex;
    flex-direction: column;
}
.chart-child-right[b-5121844x79]{
    width:50%;
    display:flex;
    height:250px;
    flex-direction: column;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Reports/ReportDetails/ReportAllStaff.razor.rz.scp.css */
.section-ext[b-7r3w7ap1t7] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Reports/ReportDetails/ReportDepartment.razor.rz.scp.css */
.section-ext[b-b3cn2uxker] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Reports/ReportDetails/ReportDetails.razor.rz.scp.css */

.sidebar-ext[b-q7i8or99o5] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
}

.column-action-style[b-q7i8or99o5] {
    display: flex;
    column-gap: 5px;
    width: 100%;
    justify-content: flex-end;
}
.section-ext[b-q7i8or99o5] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}
.section-flexrow[b-q7i8or99o5]{
    display:flex;
    column-gap: 5px;
}
.section-background-ext[b-q7i8or99o5]{
    margin-top: 15px;
    border-top: 1px solid var(--bs-gray-400);
    border-left: 1px solid var(--bs-gray-400);
    border-right: 1px solid var(--bs-gray-400);
    background-color: var(--bs-gray-100);
}
.footer-ext[b-q7i8or99o5]{
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid var(--bs-gray-400);
}
.nav_report[b-q7i8or99o5]{
    display:flex;
    width:100%;
}
.nav_report_left[b-q7i8or99o5]{
    display:flex;
    flex:1;
}
.nav_report_right[b-q7i8or99o5]{
    display:flex;
    width:150px;
    justify-content: flex-end;
}
.dialog_ext[b-q7i8or99o5]{
    display:flex;
    width:100%;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bs-gray-400);
}
.dialog_ext_left[b-q7i8or99o5]{
    display:flex;
    flex:1;
}
.dialog_ext_right[b-q7i8or99o5]{
    display:flex;
    width:150px;
    justify-content: flex-end;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Reports/ReportDetails/ReportStaffCompliance.razor.rz.scp.css */
.section-ext[b-g0zp0hr7sw] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Reports/ReportDetails/ReportUnconcilableStaff.razor.rz.scp.css */
/* _content/WorkSafeCompliance.Web/Components/Pages/Reports/ReportRequest.razor.rz.scp.css */

.section-ext[b-08yrirpuby] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}

.input-label-ext[b-08yrirpuby] {
    margin-top: 15px;
    padding-bottom: 5px;
    font-weight: 500;
    color: var(--bs-body-color);
    font-size: 1.1em;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Reports/ReportView.razor.rz.scp.css */
.tpl-breadcrumb[b-oypuhtv9r5] {
    display: flex;
    padding: 10px 0px 10px 0px;
    margin-bottom: 1rem;
    list-style: none;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid var(--bs-gray-300);
}

.view-action-bar[b-oypuhtv9r5] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.sidebar-ext[b-oypuhtv9r5] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
}

.column-action-style[b-oypuhtv9r5] {
    display: flex;
    column-gap: 5px;
    width: 100%;
    justify-content: flex-end;
}
.section-ext[b-oypuhtv9r5] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}
.section-flexrow[b-oypuhtv9r5]{
    display:flex;
    column-gap: 5px;
}
.section-background-ext[b-oypuhtv9r5]{
    margin-top: 15px;
    border-top: 1px solid var(--bs-gray-400);
    border-left: 1px solid var(--bs-gray-400);
    border-right: 1px solid var(--bs-gray-400);
    background-color: var(--bs-gray-100);
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Sample-Template-Pages/Sample-View2/SamplePopupDetails.razor.rz.scp.css */

.section-ext[b-vbov2ovzpi] {
    padding: 15px 10px 0px 10px;
    width: 100%;
}

.input-label-ext[b-vbov2ovzpi] {
    margin-top: 15px;
    padding-bottom: 5px;
    font-weight: 500;
    color: var(--bs-body-color);
    font-size: 1.1em;
}
/* _content/WorkSafeCompliance.Web/Components/Pages/Sample-Template-Pages/Sample-View2/SamplePopupView.razor.rz.scp.css */
.tpl-breadcrumb[b-6cle8vebfl] {
    display: flex;
    padding: 10px 0px 10px 0px;
    margin-bottom: 1rem;
    list-style: none;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid var(--bs-gray-300);
}

.view-action-bar[b-6cle8vebfl] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.sidebar-ext[b-6cle8vebfl] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
}

.column-action-style[b-6cle8vebfl] {
    display: flex;
    column-gap: 5px;
    width: 100%;
    justify-content: flex-end;
}