/* _content/eriksignin/Shared/Components/DialogComponent.razor.rz.scp.css */
/* Main Dialog Styles */
[b-gnidhcshjw] .e-dialog .e-dlg-header-content {
    padding: 7px 12px 8px 12px !important;
    background: #e3e7eb !important;
    border-radius: 6px 6px 0px 0px !important;
    border-color: #bbc0c5 !important;
}

[b-gnidhcshjw] .e-dlg-overlay {
    background-color: #989898;
    opacity: 0.7;
}

[b-gnidhcshjw] .s-dialog {
    border-color: #797979;
    border-radius: 6px;
}

[b-gnidhcshjw] .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    margin: -3px auto 0px auto;
}

[b-gnidhcshjw] .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    margin: -3px auto 0px auto;
}

[b-gnidhcshjw] .e-dialog .e-dlg-content {
    padding-top: 14px !important;
    padding-bottom: 18px;
}

[b-gnidhcshjw] .e-dialog .e-footer-content {
    padding-top: 11px;
    padding-bottom: 10px;
    text-align: center !important;
}

[b-gnidhcshjw] .e-dialog .e-footer-content .e-btn {
    width: 120px;
    margin: 0px auto !important;
}

[b-gnidhcshjw] .s-dialog-buttons {
    display: inline-block;
}

[b-gnidhcshjw] .s-dlg-btn-spacer {
    display: inline-block;
    width: 12px;
}

.s-contentContainer[b-gnidhcshjw] {
    display: flex;
}

.s-dialogIcon[b-gnidhcshjw] {
    font-size: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
}

.s-dialogText[b-gnidhcshjw] {
    font-size: 16px;
    line-height: 1.3;
    padding-left: 10px;
    padding-right: 56px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

/* Dialog Icons */
.s4w-dlg-help[b-gnidhcshjw]:before {
    content: "\a600";
    color: #6c9de7 !important;
}

.s4w-dlg-information[b-gnidhcshjw]:before {
    content: "\a601";
    color: #328b15 !important;
}

.s4w-dlg-warning[b-gnidhcshjw]:before {
    content: "\a602";
    color: #ddaa1b !important;
}

.s4w-dlg-error[b-gnidhcshjw]:before {
    content: "\a603";
    color: #c30808 !important;
}
/* _content/eriksignin/Shared/MainLayout.razor.rz.scp.css */
/* ----- Top Bar ----- */
[b-bzdlrwpm3c] .e-toolbar-items {
    background: none !important;
}

[b-bzdlrwpm3c] .e-tbar-btn {
    background: none !important;
}

[b-bzdlrwpm3c] .e-toolbar .e-tbar-btn .e-icons {
    color: #5e6368 !important;
}

[b-bzdlrwpm3c] .e-tbar-menu-icon:before {
    font-size: 34px;
}

[b-bzdlrwpm3c] .e-btn-icon {
    line-height: normal !important;
}

[b-bzdlrwpm3c] .s-tbar-item {
    margin: 4px -2px 0px 7px !important;
}

[b-bzdlrwpm3c] .s-top-toolbar {
    background: none;
}

.s-top-bar[b-bzdlrwpm3c] {
    z-index: 1111;
    padding-top: 0px;
    padding-left: 0px !important;
    padding-right: 12px !important;
    justify-content: flex-end;
    display: flex;
    height: 65px;
    border-bottom: 1px solid #acb3b9;
    box-shadow: 0px 4px 4px 0px rgba(200,200,200,0.25);
}

.s-left-top-row[b-bzdlrwpm3c] {
    display: flex;
    width: 100%;
    background: linear-gradient(to right, #198c0040 0%, #198c0010 65%, #ffffff 100%) no-repeat;
    background-size: 100%;
}

    .s-left-top-row > div[b-bzdlrwpm3c] {
        padding: 6px 10px 6px 10px;
    }

.s-btn-container[b-bzdlrwpm3c] {
    padding: 6px 0px 0px 0px !important;
}

.s-app-icon[b-bzdlrwpm3c] {
    height: 50px;
    filter: drop-shadow(2px 3px 2px rgba(10, 56, 0, 0.4));
}

.s-top-bar-title[b-bzdlrwpm3c] {
    padding-left: 2px !important;
}

.s-app-title[b-bzdlrwpm3c] {
    font-size: 28px;
    font-weight: 600;
    color: #525252;
    line-height: 25px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.s-app-sub-title[b-bzdlrwpm3c] {
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    line-height: 30px;
    margin-top: 2px;
    margin-bottom: 0px;
}

.s-username[b-bzdlrwpm3c] {
    margin-left: auto;
    text-align: right;
}

.s-user-info[b-bzdlrwpm3c] {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 500;
    color: #909090;
    line-height: 20px
}

.s-user-icon-badge[b-bzdlrwpm3c] {
    width: 42px;
    height: 42px;
    margin-top: 11px;
    background-color: #d7dae5;
    border: 1px solid #d0d0d0;
    border-radius: 21px;
}

    .s-user-icon-badge:hover[b-bzdlrwpm3c] {
        cursor: pointer;
        background-color: #c7cad5;
    }

.s-user-icon[b-bzdlrwpm3c] {
    color: #909090;
    margin-left: -3px;
    line-height: 25px !important;
}

    .s-user-icon[b-bzdlrwpm3c]::before {
        font-size: 25px !important;
    }

.s-user-badge[b-bzdlrwpm3c] {
    top: -46px !important;
    position: relative !important;
    background-color: #ed0025;
    height: 20px !important;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 7px 3px 7px !important;
    margin-left: 1px;
    min-width: 20px !important;
}

.s-right-top-row[b-bzdlrwpm3c] {
    max-width: 390px;
    text-align: right;
    padding-left: 40px;
}

.s-customer-logo[b-bzdlrwpm3c] {
    height: 56px;
    max-height: 56px;
    max-width: 350px;
    margin-top: 4px;
}

/* ----- Sidebar Toggle Icons ----- */
[b-bzdlrwpm3c] .s4w-main-open:before {
    content: "\a500";
}

[b-bzdlrwpm3c] .s4w-main-close:before {
    content: "\a501";
}

/* ----- Avatar Icon ----- */
.s4w-main-user[b-bzdlrwpm3c]:before {
    content: "\a508";
}

/* ----- Avatar ListBox ----- */
[b-bzdlrwpm3c] .e-icons.s-list-item-left::before {
    font-size: 22px !important;
}

[b-bzdlrwpm3c] .e-listbox-container {
    width: 230px;
    margin: auto;
    z-index: 1000;
    right: 198px;
    top: 56px;
    background: #ffffff;
    position: absolute;
}

[b-bzdlrwpm3c] .e-listbox-container {
    box-shadow: 0px 0px 5px 3px rgba(200,200,200,0.4);
    border-color: #b7bfc7 !important;
}

[b-bzdlrwpm3c] .e-listbox-container .e-list-item {
    font-size: 15px;
    font-weight: 500;
    height: 40px !important;
    border-bottom: none !important;
}

[b-bzdlrwpm3c] .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled) {
    background: #f0f2f5;
}

.s-listbox-icon[b-bzdlrwpm3c]::before {
    font-size: 22px !important;
}

.s-listbox-text[b-bzdlrwpm3c] {
    font-size: 14px !important;
}

.s-list-item-right[b-bzdlrwpm3c] {
    padding-top: 3px;
}

.s-list-wrapper[b-bzdlrwpm3c] {
    display: flex;
}

/* ----- Sidebar ----- */
[b-bzdlrwpm3c] .e-sidebar {
    border-right: 1px solid #a9a9a9 !important;
    background: #e7e9f1;
}

[b-bzdlrwpm3c] .e-listview {
    border: none;
    border-radius: 0px;
}

[b-bzdlrwpm3c] .e-list-item {
    border-bottom: 1px solid #acb3b9 !important;
}

[b-bzdlrwpm3c] .e-listview .e-list-item.e-focused {
    background-color: #ced1d7;
}

.e-icons[b-bzdlrwpm3c] {
    margin-top: 11px;
    margin-right: 12px;
}

    .e-icons[b-bzdlrwpm3c]::before {
        font-size: 30px;
    }

.s-sidebar-item[b-bzdlrwpm3c] {
    padding-left: 18px !important;
}

    .s-sidebar-item:hover[b-bzdlrwpm3c] {
        background-color: #d9dbe3;
    }

.s-selected-menuitem[b-bzdlrwpm3c] {
    background-color: #ced1d7 !important;
}

.e-list-content[b-bzdlrwpm3c] {
    font-size: 18px !important;
    line-height: 48px !important;
}

    .e-list-content:not(.e-text-overflow)[b-bzdlrwpm3c] {
        color: #5e6368 !important;
    }

/* ----- Sidebar Icons ----- */
.s4w-main-home[b-bzdlrwpm3c]:before {
    content: "\a502";
}

.s4w-main-assessments[b-bzdlrwpm3c]:before {
    content: "\a503";
}

.s4w-main-notifications[b-bzdlrwpm3c]:before {
    content: "\a504";
}

.s4w-main-followup[b-bzdlrwpm3c]:before {
    content: "\a505";
}

.s4w-main-reporting[b-bzdlrwpm3c]:before {
    content: "\a506";
}

.s4w-main-administration[b-bzdlrwpm3c]:before {
    content: "\a507";
}

.s4w-main-user[b-bzdlrwpm3c]:before {
    content: "\a508";
}

.s4w-main-emailsupport[b-bzdlrwpm3c]:before {
    content: "\a509";
}

.s4w-main-support[b-bzdlrwpm3c]:before {
    content: "\a50a";
}

.s4w-main-help[b-bzdlrwpm3c]:before {
    content: "\a50b";
}

.s4w-main-update[b-bzdlrwpm3c]:before {
    content: "\a50c";
}

.s4w-main-signout[b-bzdlrwpm3c]:before {
    content: "\a50d";
}

/* ----- Main Styles ----- */
[b-bzdlrwpm3c] .e-btn {
    font-size: 16px;
}

.s-content[b-bzdlrwpm3c] {
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
}

.s-init-opacity[b-bzdlrwpm3c] {
    opacity: 0;
}

.s-login-fadein[b-bzdlrwpm3c] {
    animation: fadeInAnimation-b-bzdlrwpm3c ease 1.5s;
}

.s-fadein-mainlayout[b-bzdlrwpm3c] {
    animation: fadeInAnimation-b-bzdlrwpm3c ease 2s;
}

@keyframes fadeInAnimation-b-bzdlrwpm3c {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}