@import '_content/Blazorise.RichTextEdit/Blazorise.RichTextEdit.ujcws5bfym.bundle.scp.css';

/* /App.razor.rz.scp.css */

/* /Components/Dashboard/AgentTotals.razor.rz.scp.css */
.totalvalue[b-jgb16q2tnk] {
    font-size: small;
    font-weight: bold;
    text-align: center;
    position: relative;
    /*bottom: 10px;*/
}

.totalname[b-jgb16q2tnk] {
    font-size: x-small;
    text-align: center;
    position: relative;
    /*bottom: 10px;*/
}

.totalvalueCrowded[b-jgb16q2tnk] {
    font-size: small;
    font-weight: bold;
    text-align: center;
}

.totalnameCrowded[b-jgb16q2tnk] {
    font-size: x-small;
    text-align: center;
    
}


    .totalSectionname[b-jgb16q2tnk]{
    font-size: smaller;
    font-style: italic;
    text-align: center;
}

.blurry-text[b-jgb16q2tnk] {
    color: transparent;
    text-shadow: 0 0 12px rgba(var(--color-universal-black-rgb),0.8)
}

/* /Components/Dashboard/HierarchyGrid.razor.rz.scp.css */

/* /Components/Dashboard/ImpersonateSelector.razor.rz.scp.css */
/*::deep .custom-select {
    margin-top: 0.5rem;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-universal-black);
    background-color: var(--color-universal-white);
    background-clip: padding-box;
    border: 1px solid var(--color-universal-light-grey);
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

*/
/* /Components/Dashboard/Messaging/MessageCompose.razor.rz.scp.css */
.buttonRow[b-ob3smnbt5e] {
    float: inline-end;
}
/* /Components/EApplication/DynElement.razor.rz.scp.css */

[b-y8u4852x7k] .EAppElem {
    
}
[b-y8u4852x7k] .EAppElemText {
    
}

[b-y8u4852x7k] .EAppElemDate {
    
}

[b-y8u4852x7k] .EAppElemBool {
    
}

[b-y8u4852x7k] .EAppElemRichText {
    max-height: 15rem;
}

[b-y8u4852x7k] .EAppElemTable {
    max-height: 15rem;
}

[b-y8u4852x7k] .EAppElemUpload {
    display: inline-block;
    vertical-align: top;
}

[b-y8u4852x7k] .EAppElemUploadTable {
    display: flex;
}
/* /Components/EApplication/DynGroup.razor.rz.scp.css */
[b-qlz4fifiqi] .EAppComponent {
/*    display: flex;*/
    margin-right: 5px !important;
    margin-bottom: 10px !important;
}

[b-qlz4fifiqi] .EAppComponentExternal {
    display: flex;
    margin-right: 5px !important;
}

[b-qlz4fifiqi] .EAppComponentExternalButton {
    display: flex;
    margin-right: 5px !important;
}

[b-qlz4fifiqi] .EAppComponentExternalButtonPressed {
    background-color: var(--color-rebranding-darkGreen);
    color: var(--color-universal-white);
    border-radius: 12px !important;
    text-decoration: none;
    border: 1px solid var(--color-rebranding-darkGreen);
}

    [b-qlz4fifiqi] .EAppComponentExternalButtonPressed:hover {
        background-color: var(--color-rebranding-universalGreen);
        color: var(--color-universal-white);
        border-radius: 12px !important;
        text-decoration: none;
        border: 1px solid var(--color-rebranding-darkGreen);
    }

[b-qlz4fifiqi] .EAppComponentExternalButton {
    background-color: var(--color-universal-white);
    color: var(--color-universal-black);
    border-radius: 12px !important;
    text-decoration: none;
    border: 1px solid var(--color-rebranding-darkGreen);
}

    [b-qlz4fifiqi] .EAppComponentExternalButton:hover {
        background-color: var(--color-rebranding-universalGreen);
        color: var(--color-universal-white);
        border-radius: 12px !important;
        text-decoration: none;
        border: 1px solid var(--color-rebranding-darkGreen);
    }

[b-qlz4fifiqi] .EAppComponentExternalReadOnly {
    /*         background-color: var(--color-universal-purple) !important;
        color: var(--color-universal-white) !important;
        border-radius: 12px !important;
        text-decoration: none;
        border: 1px solid var(--color-universal-purple); */
}
/* /Components/Leads/LeadAssignment.razor.rz.scp.css */
/*::deep .custom-select {
    margin-top: 0.5rem;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-universal-black);
    background-color: var(--color-universal-white);
    background-clip: padding-box;
    border: 1px solid var(--color-universal-light-grey);
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

*/
/* /Components/Leads/LeadsList.razor.rz.scp.css */

/* /Components/MultiSelection/MultiSelection.razor.rz.scp.css */
.breadcrumb[b-yaldgz9iac] {
    font-size: 0.8rem !important;
    text-decoration: underline;
    display: inline;
}

.searchResponse[b-yaldgz9iac] {
    text-align: center;
}

[b-yaldgz9iac] .custom-checkbox {
    accent-color: var(--color-rebranding-universalGreen) !important;
}

[b-yaldgz9iac] .customCheckBox {
    accent-color: var(--color-rebranding-universalGreen) !important;
}

[b-yaldgz9iac] .searchButton {
    background-color: var(--color-rebranding-universalGreen);
    color: white;
}

[b-yaldgz9iac] .fileActionDownload {
    background-color: var(--color-rebranding-universalGreen);
    color: white;
}

.folderIcon[b-yaldgz9iac] {
    height: 70px;
    width: 100px;
}

.iconFile[b-yaldgz9iac] {
    height: 70px;
    width: 90px;
}

[b-yaldgz9iac] .custom-checkbox {
    align-items: center;
    margin-right: 15px;
    display: flex;
}

[b-yaldgz9iac] .customCheckBox {
    width: 25px !important;
    height: 25px !important;
    accent-color: var(--color-rebranding-universalGreen);
    margin-right: 5px;
}


[b-yaldgz9iac] input[type="checkbox"] {
    position: relative;
    /* appearance: none;*/
    background: #ccc;
    border-radius: 50px;
    /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/
    cursor: pointer;
    /*transition: 0.4s;*/
}

[b-yaldgz9iac] input:checked[type="checkbox"] {
    background: var(--color-rebranding-universalGreen);
}

[b-yaldgz9iac] input[type="checkbox"]::after {
    position: absolute;
    /*content: "";*/
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
    transition: 0.4s;*/
}

[b-yaldgz9iac] input:checked[type="checkbox"]::after {
    left: 50%;
}

[b-yaldgz9iac] .btnAction {
    background-color: var(--color-rebranding-universalGreen);
    color: var(--color-universal-white);
}

    [b-yaldgz9iac] .btnAction:hover {
        color: var(--color-universal-white);
        border: 1px solid var(--color-rebranding-universalGreen);
        background-color: var(--color-rebranding-universalGreen);
    }

[b-yaldgz9iac] .folderborder {
    border: 1px dotted lightgray;
    padding: 20px;
}

[b-yaldgz9iac] .fileborder {
    border: 1px dotted lightgray;
    padding: 20px;
}
/* /Components/MultiSelection/MultiSelectionMgmt.razor.rz.scp.css */
.breadcrumb[b-d965eg67tx] {
    font-size: 0.8rem !important;
    text-decoration: underline;
    display: inline;
}

.searchResponse[b-d965eg67tx] {
    text-align: center;
}

[b-d965eg67tx] .custom-checkbox {
    accent-color: var(--color-rebranding-universalGreen) !important;
}

[b-d965eg67tx] .customCheckBox {
    accent-color: var(--color-rebranding-universalGreen) !important;
}

[b-d965eg67tx] .searchButton {
    background-color: var(--color-rebranding-universalGreen);
    color: white;
}

[b-d965eg67tx] .fileActionDownload {
    background-color: var(--color-rebranding-universalGreen);
    color: white;
}

.folderIcon[b-d965eg67tx] {
    height: 70px;
    width: 100px;
}

.iconFile[b-d965eg67tx] {
    height: 70px;
    width: 90px;
}

[b-d965eg67tx] .custom-checkbox {
    align-items: center;
    margin-right: unset !important;
    display: unset !important;
}

[b-d965eg67tx] .customCheckBox {
    width: 25px !important;
    height: 25px !important;
    accent-color: var(--color-rebranding-universalGreen);
    margin-right: 5px;
}


[b-d965eg67tx] input[type="checkbox"] {
    position: relative;
    /* appearance: none;*/
    background: #ccc;
    border-radius: 50px;
    /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/
    cursor: pointer;
    /*transition: 0.4s;*/
}

[b-d965eg67tx] input:checked[type="checkbox"] {
    background: var(--color-rebranding-universalGreen);
}

[b-d965eg67tx] input[type="checkbox"]::after {
    position: absolute;
    /*content: "";*/
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
    transition: 0.4s;*/
}

[b-d965eg67tx] input:checked[type="checkbox"]::after {
    left: 50%;
}

[b-d965eg67tx] .btnAction {
    background-color: var(--color-rebranding-universalGreen);
    color: var(--color-universal-white);
}

    [b-d965eg67tx] .btnAction:hover {
        color: var(--color-universal-white);
        border: 1px solid var(--color-rebranding-universalGreen);
        background-color: var(--color-rebranding-universalGreen);
    }

[b-d965eg67tx] .folderborder {
    border: 1px dotted lightgray;
    padding: 20px;
}

[b-d965eg67tx] .fileborder {
    border: 1px dotted lightgray;
    padding: 20px;
}
/* /Components/Policies/PolicyList.razor.rz.scp.css */

/* /Components/Policy/Class7/PolicyClass7Benefits.razor.rz.scp.css */
.PremiumTotals[b-tgelceublc] {
    /*box-shadow: 5px 5px lightgrey;*/
}

[b-tgelceublc] .btnSurrender {
    background-color: var(--color-universal-white);
    color: var(--color-rebranding-universalGreen);
    border: 1px solid var(--color-rebranding-universalGreen);
    cursor: pointer;
    border-radius: 16px;
}

    [b-tgelceublc] .btnSurrender:hover {
        background-color: var(--color-rebranding-universalGreen);
        color: var(--color-universal-white);
        border: 1px solid var(--color-universal-white);
    }

[b-tgelceublc] .benefitContainerBox {
    height: unset !important;
}
/* /Components/Policy/General/PolicyFunds.razor.rz.scp.css */
[b-4k6tly8p91] .fundContainerBox {
    height: unset !important;
}
/* /Components/Policy/General/PolicyTransactions.razor.rz.scp.css */
[b-7bskgebfbv] .fundContainerBox {
    height: unset !important;
}
/* /Components/Policy/Group/PolicyGroupBasicInfo.razor.rz.scp.css */
[b-mud3buz6fc] .btnShowHistory {
    background-color: var(--color-universal-white);
    color: var(--color-rebranding-universalGreen);
    border: 1px solid var(--color-rebranding-universalGreen);
}

    [b-mud3buz6fc] .btnShowHistory:hover {
        background-color: var(--color-rebranding-universalGreen);
        color: var(--color-universal-white);
        border: 1px solid var(--color-universal-white);
    }
/* /Components/Policy/Life/PolicyLifeBenefits.razor.rz.scp.css */
.PremiumTotals[b-x8u16euqvf] {
    /*box-shadow: 5px 5px lightgrey;*/
}

[b-x8u16euqvf] .btnSurrender {
    background-color: var(--color-universal-white);
    color: var(--color-rebranding-universalGreen);
    border: 1px solid var(--color-rebranding-universalGreen);
    cursor: pointer;
    border-radius: 16px;
}

    [b-x8u16euqvf] .btnSurrender:hover {
        background-color: var(--color-rebranding-universalGreen);
        color: var(--color-universal-white);
        border: 1px solid var(--color-universal-white);
    }

[b-x8u16euqvf] .btnPartialSurrender {
    background-color: var(--color-universal-white);
    color: var(--color-rebranding-universalGreen);
    border: 1px solid var(--color-rebranding-universalGreen);
    cursor: pointer;
    border-radius: 16px;
}

    [b-x8u16euqvf] .btnPartialSurrender:hover {
        background-color: var(--color-rebranding-universalGreen);
        color: var(--color-universal-white);
        border: 1px solid var(--color-universal-white);
    }

[b-x8u16euqvf] .btnPartialSurrenderPrint {
    background-color: var(--color-universal-white);
    color: var(--color-rebranding-universalGreen);
    border: 1px solid var(--color-rebranding-universalGreen);
    cursor: pointer;
    border-radius: 16px;
}

    [b-x8u16euqvf] .btnPartialSurrenderPrint:hover {
        background-color: var(--color-rebranding-universalGreen);
        color: var(--color-universal-white);
        border: 1px solid var(--color-universal-white);
    }

[b-x8u16euqvf] .benefitContainerBox {
    height: unset !important;
}

[b-x8u16euqvf] .pagination {
    display: none !important;
}
/* /Components/Reports/ReportSelector.razor.rz.scp.css */

/* /Components/SidePanels/ActiveUsers.razor.rz.scp.css */
.text-end[b-efaf14hy14] {
    text-align: end;
}

.userbox[b-efaf14hy14] {
    color: var(--color-universal-black);
    background-color: rgba(var(--color-universal-light-grey-rgb), 0.4);
    width: 98%;
    padding: 15px;
    margin: 5px;
    border-radius: 16px;
    position: relative;
    display: inline-block;
    border: 1px solid var(--color-universal-light-grey);
}


.title[b-efaf14hy14] {
    font-size: 18px;
    font-weight: bold;
    background-color: var(--color-rebranding-universalGreen);
    color: var(--color-universal-white);
    margin-left: 30px;
}

.userName[b-efaf14hy14] {
    font-size: 0.75rem;
    margin: 2px;
    /*padding: 6px 8px 6px 8px;*/
    display: inline-block !important;
    text-wrap: nowrap;
}
.agentCode[b-efaf14hy14] {
    font-size: 0.75rem;
    margin: 2px;
    /*padding: 6px 8px 6px 8px;*/
    display: inline-block !important;
    text-wrap: nowrap;
}
.employeeId[b-efaf14hy14] {
    font-size: 0.75rem;
    margin: 2px;
    /*padding: 6px 8px 6px 8px;*/
    display: inline-block !important;
    text-wrap: nowrap;
}
.agentAgency[b-efaf14hy14] {
    font-size: 0.75rem;
    margin: 2px;
    /*padding: 6px 8px 6px 8px;*/
    display: inline-block !important;
    text-wrap: nowrap;
}
.agentLevel[b-efaf14hy14] {
    font-size: 0.75rem;
    margin: 2px;
    /*padding: 6px 8px 6px 8px;*/
    display: inline-block !important;
    text-wrap: nowrap;
}
.agentName[b-efaf14hy14] {
    font-size: 0.75rem;
    margin: 2px;
    /*padding: 6px 8px 6px 8px;*/
    display: inline-block !important;
    text-wrap: nowrap;
}
.userGroups[b-efaf14hy14] {
    font-size: 0.75rem;
    margin: 2px;
    /*padding: 6px 8px 6px 8px;*/
    display: inline-block !important;
    text-wrap: nowrap;
}
.dateLoggedIn[b-efaf14hy14] {
    font-size: 0.75rem;
    margin: 2px;
    /*padding: 6px 8px 6px 8px;*/
    display: inline-block !important;
    text-wrap: nowrap;
}
.dateDisconnected[b-efaf14hy14] {
    font-size: 0.75rem;
    margin: 2px;
    /*padding: 6px 8px 6px 8px;*/
    display: inline-block !important;
    text-wrap: nowrap;
}

.btn-success[b-efaf14hy14] {
    /*background-color: var(--color-rebranding-universalGreen) !important;*/
    /*color: var(--color-universal-white) !important;*/
    border: 1px solid var(--color-rebranding-universalGreen) !important;
}

.btn-outline-success[b-efaf14hy14] {
    background-color: var(--color-universal-white) !important;
    color: var(--color-rebranding-universalGreen) !important;
    border: 1px solid var(--color-rebranding-universalGreen) !important;
}

.selColumn[b-efaf14hy14] {
    display: inline-flex;
    justify-content: end;
    align-self: center !important;
}

.sidebarnotif[b-efaf14hy14] {
    position: fixed;
    width: fit-content;
    right: -500px;
    /* box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; */
    /* background-color: rgba(var(--color-universal-white-rgb), 0.8); */
    /* border-left: 1px solid black; */
    /* border-top: 1px solid black; */
    height: 100%;
    top: 105px;
    overflow-y: auto;
    /*scrollbar-gutter: stable;*/
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    /*    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scaleX(0.00001);*/
    /*webkit-transition: -webkit-transform 0.2s ease-in-out;*/
}

    /* Hide scrollbar for Chrome, Safari and Opera */
    .sidebarnotif[b-efaf14hy14]::-webkit-scrollbar {
        display: none;
    }

    .sidebarnotif h2[b-efaf14hy14] {
        color: var(--color-universal-black);
        opacity: 1 !important;
        text-align: center;
    }

    .sidebarnotif.active[b-efaf14hy14] {
        right: 0px;
    }

.notibox[b-efaf14hy14] {
    color: var(--color-universal-black);
    background-color: rgba(var(--color-universal-light-grey-rgb), 0.4);
    width: calc(100% - 20px);
    padding: 15px;
    margin: 5px;
    border-radius: 16px;
    position: relative;
    display: inline-block;
    border: 1px solid var(--color-universal-light-grey);
}

.notiboxSeen[b-efaf14hy14] {
    color: var(--color-universal-black);
    background-color: var(--color-universal-light-white);
    width: calc(100% - 20px);
    padding: 15px;
    margin: 5px;
    border-radius: 16px;
    position: relative;
    display: inline-block;
    border: 1px solid var(--color-universal-light-grey);
}

.cancel[b-efaf14hy14] {
    position: absolute;
    right: 7px;
    top: 10px;
    cursor: pointer;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 20px;
}

    .cancel:hover[b-efaf14hy14] {
        color: black;
        background-color: white;
    }

.gone[b-efaf14hy14] {
    display: none;
}

.accordion-button[b-efaf14hy14] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: var(--color-rebranding-universalGreen);
    color: white;
}

.accordion-item:first-of-type[b-efaf14hy14] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:last-of-type[b-efaf14hy14] {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.accordion-item:first-of-type .accordion-button[b-efaf14hy14] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:last-of-type .accordion-collapse[b-efaf14hy14] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion-item:last-of-type .accordion-button.collapsed[b-efaf14hy14] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion[b-efaf14hy14] {
    margin-bottom: 2rem;
    border-radius: 16px;
    width: 500px;
    /*margin-left: 30px;*/
}

.accordion-item[b-efaf14hy14] {
    background-color: var(--color-universal-white);
    color: var(--color-universal-black);
    margin: 1rem 0;
    border-radius: 16px;
    /*box-shadow: 0 2px 5px 0 rgba(var(--color-universal-black-rgb), 0.25);*/
}

.accordion-item-header[b-efaf14hy14] {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    border-radius: 16px;
}

    .accordion-item-header[b-efaf14hy14]::after {
        content: "\002B";
        font-size: 2rem;
        position: absolute;
        right: 1rem;
    }

    .accordion-item-header.active[b-efaf14hy14]::after {
        content: "\2212";
    }

.accordion-item-body[b-efaf14hy14] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content[b-efaf14hy14] {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

.accordion-body[b-efaf14hy14] {
    padding: 0rem 0rem;
    /*padding-left: 0.75rem;*/
}

.accordion-body-content[b-efaf14hy14] {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 78vh !important;
}

/*accordion styling end*/
.fw-bold[b-efaf14hy14] {
    font-weight: 700 !important;
    font-style: italic;
    background-color: rgba(var(--color-universal-grey-rgb), 0.1);
    color: black;
    padding: 3px 10px;
    width: 100%;
}

/*.animateOpen {
    -webkit-animation: moveOpen 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
}*/
/* Safari and Chrome */
/*@-webkit-keyframes moveOpen {
    from {
        -webkit-transform: translate(0,-100px);
    }

    10% {
        -webkit-transform: translate(0,20px);
    }

    12% {
        -webkit-transform: translate(0,22px);
    }

    16% {
        -webkit-transform: translate(0,20px);
    }

    80% {
        -webkit-transform: translate(0,20px);
    }

    85% {
        -webkit-transform: translate(0,25px);
    }

    to {
        -webkit-transform: translate(0,-100px);
    }
}*/

[b-efaf14hy14] .notifToggles {
    height: 30px;
    font-size: 1rem;
    flex-flow: row;
    width: 500px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    padding: 25px;
}

[b-efaf14hy14] .custom-checkbox {
    align-items: center;
    margin-right: 15px;
    display: flex;
}

[b-efaf14hy14] .customCheckBox {
    width: 20px !important;
    height: 20px !important;
    accent-color: var(--color-rebranding-universalGreen);
    margin-right: 5px;
}

[b-efaf14hy14] .selCheckBox {
    width: 20px !important;
    height: 20px !important;
    accent-color: var(--color-rebranding-universalGreen);
    margin-right: 5px;
    appearance: checkbox !important;
    border-radius: 0 !important;
}

[b-efaf14hy14] input[type="checkbox"] {
    position: relative;
    appearance: none;
    background: #ccc;
    border-radius: 50px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: 0.4s;
}

[b-efaf14hy14] input:checked[type="checkbox"] {
    background: var(--color-rebranding-universalGreen);
}

[b-efaf14hy14] input[type="checkbox"]::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
    transition: 0.4s;
}

[b-efaf14hy14] input:checked[type="checkbox"]::after {
    left: 50%;
}

.accordion-button:not(.collapsed)[b-efaf14hy14]::after {
    background-image: unset !important;
}

.accordion-button[b-efaf14hy14]::after {
    background-image: unset !important;
}

/* /Components/SidePanels/Notifications.razor.rz.scp.css */
/*.notifPanel {
    width: 800px !important;
    right: 0px !important;
    top: 0px !important;
    background-color: var(--color-universal-white) !important;
    height: 100%;
    max-height: 100%;
}*/

/*.closeButton {
    width: fit-content;
    background-color: var(--color-universal-supplemental-red);
    color: var(--color-universal-white);
    right: 0px !important;
    position: absolute;
    border-radius: 8px;*/
}

.notifType[b-coo2v4298i] {
    font-size: 18px;
    font-weight: bold;
    background-color: var(--color-rebranding-universalGreen);
    color: var(--color-universal-white);
    margin-left: 30px;
}

/*
.notificationEntry {
    background-color: var(--color-universal-supplemental-light-grey);
    border-color: var(--color-universal-black);
    border-width: 1px !important;
    border-style: solid;
    border-radius: 8px;
    margin: 2px;
    padding: 6px 8px 6px 8px;
}

.notifTitle {
    font-weight: bold;
    background-color: var(--color-universal-dark-grey);
    margin: 0px;
    padding: 6px 8px 6px 8px;
    display: inline-block;
}*/

.notifDescription[b-coo2v4298i] {
    margin: 2px;
    padding: 6px 8px 6px 8px;
    display: inline-block !important;
}


.notifDateCreated[b-coo2v4298i] {
    font-size: 0.75rem;
}

.notifDateSeen[b-coo2v4298i] {
    font-size: 0.75rem;
}

.notifDateCompleted[b-coo2v4298i] {
    font-size: 0.75rem;
}

.btn-success[b-coo2v4298i] {
    /*background-color: var(--color-rebranding-universalGreen) !important;*/
    /*color: var(--color-universal-white) !important;*/
    border: 1px solid var(--color-rebranding-universalGreen) !important;
}

.btn-outline-success[b-coo2v4298i] {
    background-color: var(--color-universal-white) !important;
    color: var(--color-rebranding-universalGreen) !important;
    border: 1px solid var(--color-rebranding-universalGreen) !important;
}

.notifCompleteButton[b-coo2v4298i] {
    font-size: 0.75rem;
}



.sidebarnotif[b-coo2v4298i] {
    position: fixed;
    width: fit-content;
    right: -500px;
    /* box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; */
    /* background-color: rgba(var(--color-universal-white-rgb), 0.8); */
    /* border-left: 1px solid black; */
    /* border-top: 1px solid black; */
    height: 100%;
    top: 105px;
    overflow-y: auto;
    /*scrollbar-gutter: stable;*/
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    /*    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scaleX(0.00001);*/
    /*webkit-transition: -webkit-transform 0.2s ease-in-out;*/
}

/* Hide scrollbar for Chrome, Safari and Opera */
    .sidebarnotif[b-coo2v4298i]::-webkit-scrollbar {
        display: none;
    }

    .sidebarnotif h2[b-coo2v4298i] {
        color: var(--color-universal-black);
        opacity: 1 !important;
        text-align: center;
        
    }

    .sidebarnotif.active[b-coo2v4298i] {
        right: 0px;
    }

.notibox[b-coo2v4298i] {
    color: var(--color-universal-black);
    background-color: rgba(var(--color-universal-light-grey-rgb), 0.4);
    width: calc(100% - 20px);
    padding: 15px;
    margin: 5px;
    border-radius: 16px;
    position: relative;
    display: inline-block;
    border: 1px solid var(--color-universal-light-grey);
}

.notiboxSeen[b-coo2v4298i] {
    color: var(--color-universal-black);
    background-color: var(--color-universal-light-white);
    width: calc(100% - 20px);
    padding: 15px;
    margin: 5px;
    border-radius: 16px;
    position: relative;
    display: inline-block;
    border: 1px solid var(--color-universal-light-grey);
}

.cancel[b-coo2v4298i] {
    position: absolute;
    right: 7px;
    top: 10px;
    cursor: pointer;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 20px;
}

    .cancel:hover[b-coo2v4298i] {
        color: black;
        background-color: white;
    }

.gone[b-coo2v4298i] {
    display: none;
}

.accordion-button[b-coo2v4298i] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: var(--color-rebranding-universalGreen);
    font-size: 12px;
    color: white;
}

.accordion-item:first-of-type[b-coo2v4298i] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:last-of-type[b-coo2v4298i] {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.accordion-item:first-of-type .accordion-button[b-coo2v4298i] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    
}

.accordion-item:last-of-type .accordion-collapse[b-coo2v4298i] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion-item:last-of-type .accordion-button.collapsed[b-coo2v4298i] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion[b-coo2v4298i] {
    margin-bottom: 2rem;
    border-radius: 16px;
    width: 500px;
    font-size: 12px;
    /*margin-left: 30px;*/
}

.accordion-item[b-coo2v4298i] {
    background-color: var(--color-universal-white);
    color: var(--color-universal-black);
    margin: 1rem 0;
    border-radius: 16px;
    font-size: 12px;
    /*box-shadow: 0 2px 5px 0 rgba(var(--color-universal-black-rgb), 0.25);*/
}

.accordion-item-header[b-coo2v4298i] {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    border-radius: 16px;
    font-size: 12px;
}

    .accordion-item-header[b-coo2v4298i]::after {
        content: "\002B";
        font-size: 2rem;
        position: absolute;
        right: 1rem;
    }

    .accordion-item-header.active[b-coo2v4298i]::after {
        content: "\2212";
    }

.accordion-item-body[b-coo2v4298i] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content[b-coo2v4298i] {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

.accordion-body[b-coo2v4298i] {
    padding-left: 0.75rem;
    font-size: 12px;
}
    .accordion-body-content[b-coo2v4298i] {
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 78vh !important;
    }

/*accordion styling end*/
.fw-bold[b-coo2v4298i] {
    font-weight: 700 !important;
    font-style: italic;
    background-color: rgba(var(--color-universal-grey-rgb), 0.1);
    color: black;
    padding: 3px 10px;
    width: 100%;
}

/*.animateOpen {
    -webkit-animation: moveOpen 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
}*/
/* Safari and Chrome */
/*@-webkit-keyframes moveOpen {
    from {
        -webkit-transform: translate(0,-100px);
    }

    10% {
        -webkit-transform: translate(0,20px);
    }

    12% {
        -webkit-transform: translate(0,22px);
    }

    16% {
        -webkit-transform: translate(0,20px);
    }

    80% {
        -webkit-transform: translate(0,20px);
    }

    85% {
        -webkit-transform: translate(0,25px);
    }

    to {
        -webkit-transform: translate(0,-100px);
    }
}*/

[b-coo2v4298i] .notifToggles {
    height: 30px;
    font-size: 1rem;
    flex-flow: row;
    width: 500px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    padding: 25px;
}

[b-coo2v4298i] .custom-checkbox {
    align-items: center;
    margin-right: 15px;
    display: flex;
}

[b-coo2v4298i] .customCheckBox {
    width: 20px !important;
    height: 20px !important;
    accent-color: var(--color-rebranding-universalGreen);
    margin-right: 5px;
}


[b-coo2v4298i] input[type="checkbox"] {
    position: relative;
    /*appearance: none;*/
    background: #ccc;
    /*border-radius: 50px;*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: 0.4s;
}

[b-coo2v4298i] input:checked[type="checkbox"] {
    background: var(--color-rebranding-universalGreen);
}

[b-coo2v4298i] input[type="checkbox"]::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
    transition: 0.4s;
}

[b-coo2v4298i] input:checked[type="checkbox"]::after {
    left: 50%;
}

.accordion-button:not(.collapsed)[b-coo2v4298i]::after {
    background-image: unset !important;
}

.accordion-button[b-coo2v4298i]::after {
    background-image: unset !important;
}

.clickable[b-coo2v4298i] {
    cursor: pointer;
}
.notclickable[b-coo2v4298i] {
    cursor: default;
}
/* /Components/UI/AutoHideSidebar.razor.rz.scp.css */
.auto-hiding-nav-menu[b-cgh6qwahzd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    transition: max-width 0.3s ease;
    background-color: white;
    color: black;
    padding: 1rem;
    border-radius: 15px;
    margin-top: 5px;
}

.nav-menu[b-cgh6qwahzd] {
    overflow: hidden;
    height: 100%;
}

.collapsed[b-cgh6qwahzd] {
    width: 25px;
}

.expand[b-cgh6qwahzd] {
    width: 110px;
}


.nav-item-text[b-cgh6qwahzd] {
    visibility: hidden;
    position: absolute;
    margin-left: 0.5rem;
    font-size: 16px;
    margin-top: 4px;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform-origin: left center;
}

.expand .nav-item-text[b-cgh6qwahzd] {
    visibility: visible;
    opacity: 0.5;
}

.nav-link:hover .nav-item-text[b-cgh6qwahzd] {
    opacity: 1;
    transform: scale(1.2);
    color: #DAF7A6;
}

.nav-item[b-cgh6qwahzd] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.nav-item-icon[b-cgh6qwahzd] {
    color: mediumpurple;
    font-size: 20px;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform-origin: left center;
    margin-bottom: 5px;
}

.nav-link:hover .nav-item-icon[b-cgh6qwahzd] {
    color: blue;
    transform: scale(1.2);
}

.nav-link > *[b-cgh6qwahzd] {
    align-self: flex-start;
}
/* /Components/UI/ButtonWithSpinner.razor.rz.scp.css */
/**,
*:before
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

::deep .spinnerBorder {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    border-radius: 5px;
    overflow: hidden;
    background-color: #1c1b29;
}

::deep .buttonClass {
    height: 100%;
    width: 100%;
    margin: auto;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    border-radius: 5px;
    overflow: hidden;
    background-color: #1c1b29;
}

    ::deep .buttonClass:before {
        content: "";
        background-image: conic-gradient( #04b0ee 20deg, transparent 120deg );
        height: 150%;
        width: 150%;
        position: absolute;
        left: -25%;
        top: -25%;
        animation: rotate 2s infinite linear;
    }

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}*/


*[b-ef54jgrrnx],
*[b-ef54jgrrnx]:before,
*[b-ef54jgrrnx]:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body[b-ef54jgrrnx] {
    background-color: #151320;
}

div[b-ef54jgrrnx] {
    height: 200px;
    width: 200px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 20px 35px rgba(0,0,0,0.3);
    border-radius: 5px;
    overflow: hidden;
    background-color: #1c1b29;
}

    div[b-ef54jgrrnx]:before {
        content: "";
        background-image: conic-gradient( #04b0ee 20deg, transparent 120deg );
        height: 150%;
        width: 150%;
        position: absolute;
        left: -25%;
        top: -25%;
        animation: rotate-b-ef54jgrrnx 2s infinite linear;
    }

@keyframes rotate-b-ef54jgrrnx {
    100% {
        transform: rotate(-360deg);
    }
}

div[b-ef54jgrrnx]:after {
    content: "AWESOME";
    height: 94%;
    width: 94%;
    position: absolute;
    background-color: #1c1b29;
    border-radius: 5px;
    top: 3%;
    left: 3%;
    color: #04b0ee;
    display: grid;
    place-items: center;
    font-size: 20px;
    letter-spacing: 6px;
}
/* /Components/UI/LoadingButton.razor.rz.scp.css */
button[b-lg9yahrgz8] {
    /*background: var(--color-universal-green);*/
    position: relative;
    margin: auto;
    overflow: hidden;
    
}

.inner[b-lg9yahrgz8] {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    /*background: var(--color-universal-green);*/
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px !important;
}

@keyframes spinspin-b-lg9yahrgz8 {
    0% {
        top: 0%;
        left: 50%;
    }

    25% {
        top: 50%;
        left: 100%;
    }

    50% {
        top: 100%;
        left: 50%;
    }

    75% {
        top: 50%;
        left: 0%;
    }

    100% {
        top: 0%;
        left: 50%;
    }
}

.circle[b-lg9yahrgz8] {
    transform: translateX(-50%) translateY(-50%);
    background: var(--color-universal-white);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    animation: spinspin-b-lg9yahrgz8 linear;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
/* /Pages/Customers/Customer.razor.rz.scp.css */


.table-primary[b-28jn2c0dux] {
    --bs-table-bg: var(--color-rebranding-selectedRow);
}

td[b-28jn2c0dux] {
    padding: 5px;
}

div.form-group.my-auto.ml-2.d-none.d-md-inline-block[b-28jn2c0dux] {
    display: none !important;
}

<!-- accordion styling-- >

.accordion-button[b-28jn2c0dux]::after {
    margin-left: 1rem;
}


[type=button]:not(:disabled)[b-28jn2c0dux], [type=reset]:not(:disabled)[b-28jn2c0dux], [type=submit]:not(:disabled)[b-28jn2c0dux], button:not(:disabled)[b-28jn2c0dux] {
    cursor: pointer;
    border-radius: 16px;
}

.accordion-button[b-28jn2c0dux] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:first-of-type[b-28jn2c0dux] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:last-of-type[b-28jn2c0dux] {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.accordion-item:first-of-type .accordion-button[b-28jn2c0dux] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:last-of-type .accordion-collapse[b-28jn2c0dux] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion-item:last-of-type .accordion-button.collapsed[b-28jn2c0dux] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion[b-28jn2c0dux] {
    margin-bottom: 2rem;
    border-radius: 16px;
}

.accordion-body[b-28jn2c0dux]{
    padding: 1.25rem 1.25rem 1.25rem !important;
}

.accordion-item[b-28jn2c0dux] {
    background-color: var(--color-universal-white);
    color: var(--color-universal-black);
    margin: 1rem 0;
    border-radius: 16px;
    box-shadow: 0 2px 5px 0 rgba(var(--color-universal-black-rgb), 0.25);
}

.accordion-item-header[b-28jn2c0dux] {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    border-radius: 16px;
}

    .accordion-item-header[b-28jn2c0dux]::after {
        content: "\002B";
        font-size: 2rem;
        position: absolute;
        right: 1rem;
    }

    .accordion-item-header.active[b-28jn2c0dux]::after {
        content: "\2212";
    }

.accordion-item-body[b-28jn2c0dux] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content[b-28jn2c0dux] {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

<!--
accordion styling end -->
.fw-bold[b-28jn2c0dux] {
    font-weight: 700 !important;
    font-style: italic;
    background-color: rgba(var(--color-universal-grey-rgb), 0.1);
    color: black;
    padding: 3px 10px;
    width: 100%;
}

.gridCmdButtons[b-28jn2c0dux] {
    margin: 0px 0.08rem;
}

.form-group.col-md-6[b-28jn2c0dux] {
    width: 100%;
}

.container-box[b-28jn2c0dux] {
    border-radius: 16px !important;
    background: var(--color-universal-white) !important;
    color: var(--color-universal-black);
    padding: 20px !important;
    height: 100%;
}

.field-group[b-28jn2c0dux] {
    border-color: var(--color-rebranding-universalGreen) !important;
    border-width: 2px;
    border-radius: 16px !important;
}

.bg-light[b-28jn2c0dux] {
    background-color: var(--color-universal-grey) !important;
    color: var(--color-universal-black);
}

.form-control[readonly][b-28jn2c0dux] {
    background-color: var(--color-universal-white) !important;
}

.dark[b-28jn2c0dux] {
    background-color: var(--color-universal-black);
    color: var(--color-universal-green);
    font-family: 'Courier New' !important;
}

.light[b-28jn2c0dux] {
    background-color: var(--color-universal-white);
    color: var(--color-universal-black);
    font-family: 'Courier New' !important;
}


.yes[b-28jn2c0dux] {
    display: none;
}

.no[b-28jn2c0dux] {
    display: block;
}

.form-check-input:checked[b-28jn2c0dux] {
    background-color: var(--color-rebranding-universalGreen) !important;
}

.form-check-input[b-28jn2c0dux] {
    background-color: var(--color-universal-white) !important;
}

.flatpickr-calendar.static[b-28jn2c0dux] {
    position: relative !important;
}

.noheader[b-28jn2c0dux] {
    display: none;
}

.modal-title[b-28jn2c0dux] {
    /*display:none;*/
}

.close[b-28jn2c0dux] {
    display: none;
}

.btn-link[b-28jn2c0dux] {
    display: none;
}

label[b-28jn2c0dux] {
    font-weight: bold;
}

.centered[b-28jn2c0dux] {
    text-align: -webkit-center !important;
}

.modal-header[b-28jn2c0dux] {
    border-bottom: 0px !important;
}

.modal-footer[b-28jn2c0dux] {
    border-top: 0px !important;
}

.modified-warn[b-28jn2c0dux] {
    background-color: var(--color-universal-supplemental-red);
    color: var(--color-universal-white) !important;
    padding: 10px;
    margin-right: 30px;
    border-radius: 22px;
    right: 0;
}

.modified-lightwarn[b-28jn2c0dux] {
    background-color: var(--color-universal-green);
    color: var(--color-universal-white) !important;
    padding: 10px;
    margin-right: 30px;
    border-radius: 22px;
    right: 0;
}

.hidden-warn[b-28jn2c0dux] {
    display: none;
}

.hidden-modified[b-28jn2c0dux] {
    display: none;
}

.groupDescription[b-28jn2c0dux] {
    padding-right: 4rem !important;
    word-wrap: break-word;
    width: 20%;
    vertical-align: top;
}

.fieldArea[b-28jn2c0dux] {
    padding-left: 2rem;
}

.tableArea[b-28jn2c0dux] {
    width: 100%;
    table-layout: fixed;
}

.fieldColumn[b-28jn2c0dux] {
    width: 10000px !important;
    padding-bottom: 30px !important;
}

.updateButton[b-28jn2c0dux] {
    margin-bottom: 3rem !important;
}

.custom-checkbox[b-28jn2c0dux] {
    align-items: center;
    margin-right: 15px;
    display: flex;
    
}

.customCheckBox[b-28jn2c0dux] {
    width: 20px !important;
    height: 20px !important;
    accent-color: var(--color-rebranding-universalGreen);
    margin-right: 5px;
}


.btn-outline-secondary:hover[b-28jn2c0dux] {
    background: var(--color-universal-supplemental-background-grey) !important;
}
/* /Pages/Customers/Customers.razor.rz.scp.css */

/* /Pages/Documents/Documents.razor.rz.scp.css */
.breadcrumb[b-21l4fguxlx] {
    font-size: 0.8rem !important;
    text-decoration: underline;
    display: inline;
}

    .breadcrumb:hover[b-21l4fguxlx] {
        color: var(--color-rebranding-universalGreen);
        cursor: pointer;
    }

.searchResponse[b-21l4fguxlx] {
    text-align: center;
}

[b-21l4fguxlx] .custom-checkbox {
    accent-color: var(--color-rebranding-universalGreen) !important;
}

[b-21l4fguxlx] .customCheckBox {
    accent-color: var(--color-rebranding-universalGreen) !important;
}

[b-21l4fguxlx] .searchButton {
    background-color: var(--color-rebranding-universalGreen);
    color: white;
}

[b-21l4fguxlx] .clearSearchButton {
    background-color: var(--color-rebranding-universalGreen);
    color: white;
}

[b-21l4fguxlx] .fileActionDownload {
    background-color: var(--color-rebranding-universalGreen);
    color: white;
}

.folderIcon[b-21l4fguxlx] {
    /*height: 70px;*/
    width: 90px;
}

.iconFile[b-21l4fguxlx] {
    /*height: 70px;*/
    width: 90px;
}

[b-21l4fguxlx] .custom-checkbox {
    align-items: center;
    margin-right: 15px;
    display: flex;
}

[b-21l4fguxlx] .customCheckBox {
    width: 25px !important;
    height: 25px !important;
    accent-color: var(--color-rebranding-universalGreen);
    margin-right: 5px;
}


[b-21l4fguxlx] input[type="checkbox"] {
    position: relative;
    /* appearance: none;*/
    background: #ccc;
    border-radius: 50px;
    /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/
    cursor: pointer;
    /*transition: 0.4s;*/
}

[b-21l4fguxlx] input:checked[type="checkbox"] {
    background: var(--color-rebranding-universalGreen);
}

[b-21l4fguxlx] input[type="checkbox"]::after {
    position: absolute;
    /*content: "";*/
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
    transition: 0.4s;*/
}

[b-21l4fguxlx] input:checked[type="checkbox"]::after {
    left: 50%;
}

/*::deep .btnAction {
    background-color: var(--color-rebranding-universalGreen);
    color: var(--color-universal-white);
}

    ::deep .btnAction:hover {
        color: var(--color-universal-white);
        border: 1px solid var(--color-rebranding-universalGreen);
        background-color: var(--color-rebranding-universalGreen);
    }*/

[b-21l4fguxlx] .folderborder {
    border: 1px dotted lightgray;
    padding: 20px;
}

    [b-21l4fguxlx] .folderborder:hover {
        border: 1px dotted lightgray;
        background-color: var(--color-shades-purple-10);
        padding: 20px;
    }

[b-21l4fguxlx] .fileborder {
    border: 1px dotted lightgray;
    padding: 20px;
    cursor: pointer;
}

    [b-21l4fguxlx] .fileborder:hover {
        border: 1px dotted lightgray;
        background-color: var(--color-shades-purple-10);
        padding: 20px;
    }


.nameFile[b-21l4fguxlx] {
    font-weight: bold;
    font-style: normal;
}

.nameFolder[b-21l4fguxlx] {
    font-weight: bold;
}

[b-21l4fguxlx] .itemPath {
    font-style: italic;
    font-size: smaller;
    text-decoration: underline;
    margin-top: 8px;
    margin-bottom: 8px;
}

    [b-21l4fguxlx] .itemPath:hover {
        color: var(--color-rebranding-universalGreen);
        cursor: pointer;
        transform: scale(1.5);
        transition: all 0.3s ease-in-out 0s;
    }


[b-21l4fguxlx] .clearTextInput {
    font-size: 1.3rem;
    font-size: 1.3rem;
    top: -28px;
    left: 213px;
    position: relative;
    opacity: 0.3;
}

    [b-21l4fguxlx] .clearTextInput:hover {
        cursor: pointer;
    }

[b-21l4fguxlx] .btnAction {
    background-color: var(--color-universal-white);
    color: var(--color-rebranding-universalGreen);
    border: 1px solid var(--color-rebranding-universalGreen);
    cursor: pointer;
    border-radius: 4px;
}

    [b-21l4fguxlx] .btnAction:hover {
        background-color: var(--color-rebranding-universalGreen);
        color: var(--color-universal-white);
        border: 1px solid var(--color-universal-white);
    }
/* /Pages/Index.razor.rz.scp.css */


body[b-jbqgudo10x] {
}

.dashboardRow[b-jbqgudo10x] {
}

.dashboardColumn[b-jbqgudo10x] {
    /*width: 33.33% !important;*/
    border: none;
    vertical-align: top;
    padding: 0.1rem;
}

[b-jbqgudo10x] .pieClass {
/*    border-width: 2px;
*/    border-radius: 16px;
    background-color: var(--color-universal-white) !important;
    margin: 5px 10px 5px 10px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
    padding: 1rem;
    /*box-shadow: 1px 1px 0px #b8b6b6, 2px 2px 0px #c9c7c7, 3px 3px 0px #dbdbdb, 4px 4px 0px #f2f0f0, 5px 5px 0px #f2f2f2;*/
}

[b-jbqgudo10x] .pieHeadingClass {
    /*background-color: var(--color-universal-supplemental-light-grey);*/
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0px 10px 0px 10px;
    border-radius: 8px;
    padding: 5px;
    color: var(--color-universal-black);
}

[b-jbqgudo10x] .barClass {
/*    border-width: 2px;
*/    border-radius: 16px;
    background-color: var(--color-universal-white) !important;
    margin: 5px 10px 5px 10px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
    padding: 1rem;
    /*box-shadow: 1px 1px 0px #b8b6b6, 2px 2px 0px #c9c7c7, 3px 3px 0px #dbdbdb, 4px 4px 0px #f2f0f0, 5px 5px 0px #f2f2f2;*/
}

[b-jbqgudo10x] .barHeadingClass {
    /*background-color: var(--color-universal-supplemental-light-grey);*/
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0px 10px 0px 10px;
    border-radius: 8px;
    padding: 5px;
    color: var(--color-universal-black);
}

.loginlogo[b-jbqgudo10x] {
    height: 280px;
}

[b-jbqgudo10x] .h5 {
    color: var(--color-rebranding-universalGreen) !important;
}

.btnHideImpersonation[b-jbqgudo10x] {
    color: transparent;
    border: none !important;
    width: 100px !important;
    height: 30px !important;
    background-color: transparent;
}

.dashboardRow3[b-jbqgudo10x] {
    height: 300px;
}
/* /Pages/Leads/Lead.razor.rz.scp.css */


.table-primary[b-v487vlj99f] {
    --bs-table-bg: var(--color-rebranding-selectedRow);
}

td[b-v487vlj99f] {
    padding: 5px;
}

div.form-group.my-auto.ml-2.d-none.d-md-inline-block[b-v487vlj99f] {
    display: none !important;
}

<!-- accordion styling-- >

.accordion-button[b-v487vlj99f]::after {
    margin-left: 1rem;
}


[type=button]:not(:disabled)[b-v487vlj99f], [type=reset]:not(:disabled)[b-v487vlj99f], [type=submit]:not(:disabled)[b-v487vlj99f], button:not(:disabled)[b-v487vlj99f] {
    cursor: pointer;
    border-radius: 16px;
}

.accordion-button[b-v487vlj99f] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:first-of-type[b-v487vlj99f] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:last-of-type[b-v487vlj99f] {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.accordion-item:first-of-type .accordion-button[b-v487vlj99f] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.accordion-item:last-of-type .accordion-collapse[b-v487vlj99f] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion-item:last-of-type .accordion-button.collapsed[b-v487vlj99f] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.accordion[b-v487vlj99f] {
    margin-bottom: 2rem;
    border-radius: 16px;
}

.accordion-body[b-v487vlj99f]{
    padding: 1.25rem 1.25rem 1.25rem !important;
}

.accordion-item[b-v487vlj99f] {
    background-color: var(--color-universal-white);
    color: var(--color-universal-black);
    margin: 1rem 0;
    border-radius: 16px;
    box-shadow: 0 2px 5px 0 rgba(var(--color-universal-black-rgb), 0.25);
}

.accordion-item-header[b-v487vlj99f] {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    border-radius: 16px;
}

    .accordion-item-header[b-v487vlj99f]::after {
        content: "\002B";
        font-size: 2rem;
        position: absolute;
        right: 1rem;
    }

    .accordion-item-header.active[b-v487vlj99f]::after {
        content: "\2212";
    }

.accordion-item-body[b-v487vlj99f] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content[b-v487vlj99f] {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

<!--
accordion styling end -->
.fw-bold[b-v487vlj99f] {
    font-weight: 700 !important;
    font-style: italic;
    background-color: rgba(var(--color-universal-grey-rgb), 0.1);
    color: black;
    padding: 3px 10px;
    width: 100%;
}

.gridCmdButtons[b-v487vlj99f] {
    margin: 0px 0.08rem;
}

.form-group.col-md-6[b-v487vlj99f] {
    width: 100%;
}

.container-box[b-v487vlj99f] {
    border-radius: 16px !important;
    background: var(--color-universal-white) !important;
    color: var(--color-universal-black);
    padding: 20px !important;
    height: 100%;
}

.field-group[b-v487vlj99f] {
    border-color: var(--color-rebranding-universalGreen) !important;
    border-width: 2px;
    border-radius: 16px !important;
}

.bg-light[b-v487vlj99f] {
    background-color: var(--color-universal-grey) !important;
    color: var(--color-universal-black);
}

.form-control[readonly][b-v487vlj99f] {
    background-color: var(--color-universal-white) !important;
}

.dark[b-v487vlj99f] {
    background-color: var(--color-universal-black);
    color: var(--color-universal-green);
    font-family: 'Courier New' !important;
}

.light[b-v487vlj99f] {
    background-color: var(--color-universal-white);
    color: var(--color-universal-black);
    font-family: 'Courier New' !important;
}


.yes[b-v487vlj99f] {
    display: none;
}

.no[b-v487vlj99f] {
    display: block;
}

.form-check-input:checked[b-v487vlj99f] {
    background-color: var(--color-rebranding-universalGreen) !important;
}

.form-check-input[b-v487vlj99f] {
    background-color: var(--color-universal-white) !important;
}

.flatpickr-calendar.static[b-v487vlj99f] {
    position: relative !important;
}

.noheader[b-v487vlj99f] {
    display: none;
}

.modal-title[b-v487vlj99f] {
    /*display:none;*/
}

.close[b-v487vlj99f] {
    display: none;
}

.btn-link[b-v487vlj99f] {
    display: none;
}

label[b-v487vlj99f] {
    font-weight: bold;
}

.centered[b-v487vlj99f] {
    text-align: -webkit-center !important;
}

.modal-header[b-v487vlj99f] {
    border-bottom: 0px !important;
}

.modal-footer[b-v487vlj99f] {
    border-top: 0px !important;
}

.modified-warn[b-v487vlj99f] {
    background-color: var(--color-universal-supplemental-red);
    color: var(--color-universal-white) !important;
    padding: 10px;
    margin-right: 30px;
    border-radius: 22px;
    right: 0;
}

.modified-lightwarn[b-v487vlj99f] {
    background-color: var(--color-universal-green);
    color: var(--color-universal-white) !important;
    padding: 10px;
    margin-right: 30px;
    border-radius: 22px;
    right: 0;
}

.hidden-warn[b-v487vlj99f] {
    display: none;
}

.hidden-modified[b-v487vlj99f] {
    display: none;
}

.groupDescription[b-v487vlj99f] {
    padding-right: 4rem !important;
    word-wrap: break-word;
    width: 20%;
    vertical-align: top;
}

.fieldArea[b-v487vlj99f] {
    padding-left: 2rem;
}

.tableArea[b-v487vlj99f] {
    width: 100%;
    table-layout: fixed;
}

.fieldColumn[b-v487vlj99f] {
    width: 10000px !important;
    padding-bottom: 30px !important;
}

.updateButton[b-v487vlj99f] {
    margin-bottom: 3rem !important;
}

.custom-checkbox[b-v487vlj99f] {
    align-items: center;
    margin-right: 15px;
    display: flex;
    
}

.customCheckBox[b-v487vlj99f] {
    width: 20px !important;
    height: 20px !important;
    accent-color: var(--color-rebranding-universalGreen);
    margin-right: 5px;
}


.btn-outline-secondary:hover[b-v487vlj99f] {
    background: var(--color-universal-supplemental-background-grey) !important;
}
/* /Pages/Leads/Leads.razor.rz.scp.css */
/* /Pages/Login.razor.rz.scp.css */
/*::deep .container-fluid {
   background-color: red !important;
}*/

.page[b-hmyk2p5pyc] {
    height: 100vh !important;
}
/* /Pages/Policies/Policies.razor.rz.scp.css */
/* /Pages/Policies/Policy.razor.rz.scp.css */


[b-z5sxwi1g8y] td {
    padding: 5px;
}


[b-z5sxwi1g8y] th.text-right {
    text-align: end;
}
[b-z5sxwi1g8y] td.text-right {
    text-align: end;
}

[b-z5sxwi1g8y] text-right {
    text-align: end;
}

[b-z5sxwi1g8y] .fw-bold {
    font-weight: 700 !important;
    font-style: italic;
    background-color: rgba(var(--color-universal-grey-rgb), 0.1);
    color: var(--color-universal-black);
    padding: 3px 10px;
    width: 100%;
}


/*accordion styling*/

[b-z5sxwi1g8y] .accordion-button::after {
    margin-left: 1rem !important;
}

[b-z5sxwi1g8y] .accordion-button:not(.collapsed)::after {
    margin-left: 1rem;
}

[b-z5sxwi1g8y] .accordion-button.collapsed::after {
    margin-left: 1rem;
}


/*::deep [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    border-radius: 16px;
}*/

[b-z5sxwi1g8y] .accordion-button {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

[b-z5sxwi1g8y] .accordion-item:first-of-type {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

[b-z5sxwi1g8y] .accordion-item:last-of-type {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

[b-z5sxwi1g8y] .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

[b-z5sxwi1g8y] .accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

[b-z5sxwi1g8y] .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

[b-z5sxwi1g8y] .accordion {
    margin-bottom: 2rem auto;
    border-radius: 16px;
}

[b-z5sxwi1g8y] .accordion-body {
    padding: 1.25rem 1.25rem 1.25rem !important;
}

[b-z5sxwi1g8y] .accordion-item {
    background-color: var(--color-universal-white);
    color: var(--color-universal-black);
    margin: 1rem 0;
    border-radius: 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

[b-z5sxwi1g8y] .accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    border-radius: 16px;
}

    [b-z5sxwi1g8y] .accordion-item-header::after {
        content: "\002B";
        font-size: 2rem;
        position: absolute;
        right: 1rem;
    }

    [b-z5sxwi1g8y] .accordion-item-header.active::after {
        content: "\2212";
    }

[b-z5sxwi1g8y] .accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

[b-z5sxwi1g8y] .accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

/*accordion styling end*/

[b-z5sxwi1g8y] .gridCmdButtons {
    margin: 0px 0.08rem;
}

[b-z5sxwi1g8y] .form-group.col-md-6 {
    width: 100%;
}

[b-z5sxwi1g8y] .container-box {
    border-radius: 16px !important;
    background: var(--color-universal-white) !important;
    color: var(--color-universal-black);
    padding: 20px !important;
    height: 100%;
}

[b-z5sxwi1g8y] .field-group {
    border-color: var(--color-rebranding-universalGreen) !important;
    border: 1px solid;
    border-radius: 16px !important;
}

[b-z5sxwi1g8y] .bg-light {
    background-color: var(--color-universal-supplemental-light-grey) !important;
    color: var(--color-universal-black);
}

[b-z5sxwi1g8y] .form-control[readonly] {
    background-color: var(--color-universal-white) !important;
}

[b-z5sxwi1g8y] .dark {
    background-color: var(--color-universal-black);
    color: var(--color-universal-green);
    font-family: 'Courier New' !important;
}

[b-z5sxwi1g8y] .light {
    background-color: var(--color-universal-white);
    color: var(--color-universal-black);
    font-family: 'Courier New' !important;
}


[b-z5sxwi1g8y] .yes {
    display: none;
}

[b-z5sxwi1g8y] .no {
    display: block;
}

[b-z5sxwi1g8y] .form-check-input:checked {
    background-color: var(--color-rebranding-universalGreen) !important;
}

[b-z5sxwi1g8y] .form-check-input {
    background-color: var(--color-universal-white) !important;
}

[b-z5sxwi1g8y] .flatpickr-calendar.static {
    position: relative !important;
}

[b-z5sxwi1g8y] .noheader {
    display: none;
}

[b-z5sxwi1g8y] .modal-title {
    /*display:none;*/
}

[b-z5sxwi1g8y] .close {
    display: none;
}

[b-z5sxwi1g8y] .btn-link {
    display: none;
}

[b-z5sxwi1g8y] label {
    font-weight: bold;
}

[b-z5sxwi1g8y] .centered {
    text-align: -webkit-center !important;
}

[b-z5sxwi1g8y] .modal-header {
    border-bottom: 0px !important;
}

[b-z5sxwi1g8y] .modal-footer {
    border-top: 0px !important;
}

[b-z5sxwi1g8y] .modified-warn {
    background-color: var(--color-universal-supplemental-red);
    color: var(--color-universal-white) !important;
    padding: 10px;
    margin-right: 30px;
    border-radius: 22px;
    right: 0;
}

[b-z5sxwi1g8y] .modified-lightwarn {
    background-color: var(--color-universal-green);
    color: var(--color-universal-white) !important;
    padding: 10px;
    margin-right: 30px;
    border-radius: 22px;
    right: 0;
}

[b-z5sxwi1g8y] .hidden-warn {
    display: none;
}

[b-z5sxwi1g8y] .hidden-modified {
    display: none;
}

[b-z5sxwi1g8y] .groupDescription {
    padding-right: 4rem !important;
    word-wrap: break-word;
    width: 20%;
    vertical-align: top;
}

[b-z5sxwi1g8y] .fieldArea {
    padding-left: 2rem;
}

[b-z5sxwi1g8y] .tableArea {
    width: 100%;
    table-layout: fixed;
}

[b-z5sxwi1g8y] .fieldColumn {
    width: 10000px !important;
    padding-bottom: 30px !important;
}

[b-z5sxwi1g8y] .updateButton {
    margin-bottom: 3rem !important;
}

[b-z5sxwi1g8y] .fade_rule {
    background-color: #E6E6E6 !important;
    background-image: linear-gradient(left, var(--color-universal-white) 2%, #E6E6E6 50%, var(--color-universal-white) 98%) !important;
    background-image: -o-linear-gradient(left, var(--color-universal-white) 2%, #E6E6E6 50%, var(--color-universal-white) 98%) !important;
    background-image: -moz-linear-gradient(left, var(--color-universal-white) 2%, #E6E6E6 50%, var(--color-universal-white) 98%) !important;
    background-image: -webkit-linear-gradient(left, var(--color-universal-white) 2%, #E6E6E6 50%, var(--color-universal-white) 98%) !important;
    background-image: -ms-linear-gradient(left, var(--color-universal-white) 2%, #E6E6E6 50%, var(--color-universal-white) 98%) !important;
    background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, var(--color-universal-white)), color-stop(0.5, gray), color-stop(0.98, var(--color-universal-white)) ) !important;
}

[b-z5sxwi1g8y] .container-box {
    border-radius: 16px !important;
    background: var(--color-universal-white) !important;
    color: var(--color-universal-black);
    padding: 20px !important;
}

/*::deep .clickable {
    cursor: pointer;
}

::deep .clickable:hover {
    color: var(--color-rebranding-universalGreen);
    box-shadow: 0 0 5px var(--color-universal-green), 0 0 5px var(--color-universal-supplemental-dark-green);
    padding: 0px 4px 0px 4px !important;
}*/

[b-z5sxwi1g8y] .clickable {
    cursor: pointer;
}
    [b-z5sxwi1g8y] .clickable:hover {
        color: var(--color-rebranding-universalGreen);
    }

[b-z5sxwi1g8y] .linkCell {
    cursor: pointer;
}

    [b-z5sxwi1g8y] .linkCell:hover {
        color: var(--color-rebranding-universalGreen);
    }


   [b-z5sxwi1g8y] .p-4{
        padding:0px !important;
    }


.btn-outline-secondary:hover[b-z5sxwi1g8y] {
    background: var(--color-universal-supplemental-background-grey) !important;
}
/* /Pages/Troll/ISeries.razor.rz.scp.css */
.emulator-container[b-di6seyi8xh] {
    background-color: black;
    color: #00FF00; /* Green */
    font-family: "Courier New", monospace;
    font-size: 12px;
    white-space: pre;
    padding: 10px;
    width: 800px;
    height: 400px;
    overflow: auto;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-6ez7ps3dse] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--color-universal-supplemental-background-grey) !important;
    height: 100%;
    
}

main[b-6ez7ps3dse] {
   flex: 1; 
}

.sidebar[b-6ez7ps3dse] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    /*background-image: radial-gradient(circle at 24.1% 68.8%, rgb(50, 50, 50) 0%, rgb(0, 0, 0) 99.4%);*/
   /*margin-top: 2rem !important;
   flex: 1 0 auto;*/
   z-index: 2;
}


.top-row[b-6ez7ps3dse] {
    margin: 2rem 1.5rem 0px 2rem;
    border-radius: 16px;
    background-color: var(--color-universal-white); /*#f7f7f7;*/
    /*border-bottom: 1px solid var(--color-universal-light-grey);*/
    /*justify-content: flex-end;*/
    height: 90px; /*3.5rem;*/
    display: flex;
    align-items: center;
    z-index: 2;
}

    .top-row[b-6ez7ps3dse]  a, .top-row[b-6ez7ps3dse]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-6ez7ps3dse]  a:hover, .top-row[b-6ez7ps3dse]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-6ez7ps3dse]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-6ez7ps3dse] {
        display: none;
    }

    .top-row.auth[b-6ez7ps3dse] {
        justify-content: space-between;
    }

    .top-row[b-6ez7ps3dse]  a, .top-row[b-6ez7ps3dse]  .btn-link {
        margin-left: 0;
    }

    .top-row[b-6ez7ps3dse] {
        z-index: 2;
    }

    article[b-6ez7ps3dse] {
        z-index: 1;
       /* position: absolute;*/
    }


    .top-row:not(.auth)[b-6ez7ps3dse] {
        display: unset !important;
    }

    .top-row[b-6ez7ps3dse] {
        display: unset !important;
        background-color: unset !important;
    }

    .containerControls[b-6ez7ps3dse] {
        margin-top: 30px;
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
        overflow-x: unset !important;
        border-radius: 16px;
        background-color: white !important;
    }

    .AgentTotals[b-6ez7ps3dse] {
        margin-left: 20px;
        margin-right: 20px;
        background-color: white;
        border-radius: 16px;
    }

    .dropdown[b-6ez7ps3dse] {
        position: unset !important;
    }

    .justify-content-end[b-6ez7ps3dse] {
        justify-content: center !important;
    }

    .top-row-bg[b-6ez7ps3dse] {
        display: none;
    }

}

@media (min-width: 641px) {
    .page[b-6ez7ps3dse] {
        flex-direction: row;
    }

    .sidebar[b-6ez7ps3dse] {
        width: 250px;
        height: calc(100vh - 3.5rem);
        position: sticky;
        border-radius: 16px 16px 16px 16px !important;
        background-color: var(--color-universal-white) !important;
        /*position: fixed;
        width: inherit;*/
        top: 2rem;
        bottom: 2rem;
        left: 1rem;
    }

    .top-row[b-6ez7ps3dse] {
        position: sticky;
        top: 2rem;
        z-index: 2;
    }

        .top-row.auth[b-6ez7ps3dse]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-6ez7ps3dse], article[b-6ez7ps3dse] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .top-row[b-6ez7ps3dse] {
        z-index: 2;
    }

    article[b-6ez7ps3dse] {
        z-index: 1;
        position: relative;
    }
}

.privacy-button[b-6ez7ps3dse] {
    border: none;
    background-color: transparent;
    /*color: var(--color-rebranding-universalGreen);*/
    font-size: 24px;
    /*margin: 0px 5px;*/
}

.user-icon[b-6ez7ps3dse] {
    border: none;
    background-color: transparent;
    /*color: var(--color-rebranding-universalGreen);*/
    font-size: 19px;
    margin-bottom: 2px;
}

.user-icon-lg[b-6ez7ps3dse] {
    border: none;
    background-color: transparent;
    /*color: var(--color-rebranding-universalGreen);*/
    font-size: 19px;
    margin-bottom: 2px;
    height: 60px;
    width: 60px;
}




.logoutButton[b-6ez7ps3dse] {
    min-width: 100px !important;
    font-size: 0.8rem !important;
}

.currUserName[b-6ez7ps3dse] {
    min-width: fit-content;
}

.btnLanguage[b-6ez7ps3dse] {
    padding: 0px !important;
}

.btnBox[b-6ez7ps3dse] {
    background-color: var(--color-universal-supplemental-light-grey);
    color: var(--color-rebranding-universalGreen);
    border-radius: 16px;
    width: 48px;
    height: 48px;
    justify-content: center;
    display: flex !important;
    align-items: center;
}

.notifdropdown-menu[b-6ez7ps3dse] {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 16px !important;
    margin-top: 8px !important;
    border: unset !important;
    inset: 0px -10px auto auto !important;
    transform: translate(14px, 50px);
}

.notifdropdown-menu.show[b-6ez7ps3dse]{
    animation-duration: 0.6s;
}
.notifdropdown-item:focus[b-6ez7ps3dse], .notifdropdown-item:hover[b-6ez7ps3dse] {
    color: #1e2125;
    background-color: #e9ecef;
    border-radius: 16px;
}
.dropdown-item:focus[b-6ez7ps3dse], .dropdown-item:hover[b-6ez7ps3dse] {
    color: #1e2125;
    background-color: #e9ecef;
    border-radius: 16px;
}

[b-6ez7ps3dse] .notifdropdown-toggle:after {
    content: none;
}

.activeusersdropdown-menu[b-6ez7ps3dse] {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 16px !important;
    margin-top: 8px !important;
    border: unset !important;
    inset: 0px -10px auto auto !important;
    transform: translate(14px, 50px);
    height: 85vh; /* full viewport height */
    overflow-y: auto;
}
.activeusersdropdown-menu.show[b-6ez7ps3dse] {
    animation-duration: 0.6s;
}

.activeusersdropdown-item:focus[b-6ez7ps3dse], .activeusersdropdown-item:hover[b-6ez7ps3dse] {
    color: #1e2125;
    background-color: #e9ecef;
    border-radius: 16px;
}

[b-6ez7ps3dse] .activeusersdropdown-toggle:after {
    content: none;
}

.userdropdown-menu[b-6ez7ps3dse]{
    flex-direction: column;
    border: 0px;
    padding: 10px;
    margin-top: 10px !important;
    border-radius: 16px;
}

.langselectdropdown-menu[b-6ez7ps3dse] {
    flex-direction: column;
    border-radius: 16px;
}


.profilephoto[b-6ez7ps3dse] {
    border: 1px solid var(--color-rebranding-universalGreen);
    border-radius: 90px;
    color: var(--color-rebranding-universalGreen);
}


[b-6ez7ps3dse] .accordion {
    margin-bottom: 0px !important;
}

[b-6ez7ps3dse] .accordion-item:first-of-type {
    margin-top: 0px !important;
}

[b-6ez7ps3dse] .accordion-item:last-of-type {
    margin-bottom: 0px !important;
}

/* TRIANGLE POINTER FOR NOTIFICATION DROPDOWN TO BELL ICON */

/*.showTriangleNotif {
    position: relative;
    
}

    .showTriangleNotif:after {
        position: absolute;
        bottom: -20px;
        left: 0px;
        content: "";
        width: 0px;
        height: 0px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid var(--color-rebranding-universalGreen);
        margin-left: 10px;
    }
*/
[b-6ez7ps3dse] .accordion-button:after {
    margin-left: unset !important;
}

/* /Shared/MainLayout3.razor.rz.scp.css */

.top-row2[b-mp3ptcnkpz] {
    display: flex;
    justify-content: flex-end !important;
    background-color: var(--color-universal-supplemental-background-grey) !important;
}

html[b-mp3ptcnkpz], body[b-mp3ptcnkpz] {
    height: 100%;
    margin: 0;
    padding: 0;
}

.page[b-mp3ptcnkpz] {
    display: flex;
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: row;
    background: var(--color-universal-supplemental-background-grey) !important;
    height: 100%;
}

main[b-mp3ptcnkpz] {
    display: flex;
    flex-direction: column;
    padding-right: 15px;
    height: calc(100vh - 1rem);
    overflow: hidden;
    flex: 1;
}

article[b-mp3ptcnkpz] {
    flex-grow: 1;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    background-color: #f4f4f4;
    box-sizing: border-box;
}


.top-row[b-mp3ptcnkpz] {
    margin: 2rem 1.5rem 0px 2rem;
    border-radius: 16px;
    background-color: var(--color-universal-white); /*#f7f7f7;*/
    height: 90px; /*3.5rem;*/
    display: flex;
    align-items: center;
    z-index: 2;
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
    position: sticky;
    top: 2rem;
    z-index: 2;
}


.sidebar[b-mp3ptcnkpz] {
    width: 250px;
    height: calc(100vh - 3.5rem);
    position: sticky;
    border-radius: 16px 16px 16px 16px !important;
    background-color: var(--color-universal-white) !important;
    /*position: fixed;
        width: inherit;*/
    top: 2rem;
    bottom: 2rem;
    left: 1rem;
}

.top-row.auth[b-mp3ptcnkpz]  a:first-child {
    flex: 1;
    text-align: right;
    width: 0;
}



    .top-row[b-mp3ptcnkpz]  a, .top-row[b-mp3ptcnkpz]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-mp3ptcnkpz]  a:hover, .top-row[b-mp3ptcnkpz]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-mp3ptcnkpz]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }



.user-icon[b-mp3ptcnkpz] {
    border: none;
    background-color: transparent;
    /*color: var(--color-universal-purple);*/
    font-size: 19px;
    margin-bottom: 2px;
}

.user-icon-lg[b-mp3ptcnkpz] {
    border: none;
    background-color: transparent;
    /*color: var(--color-universal-purple);*/
    font-size: 19px;
    margin-bottom: 2px;
    height: 60px;
    width: 60px;
}

.logoutButton[b-mp3ptcnkpz] {
    min-width: 100px !important;
    font-size: 0.8rem !important;
}

.currUserName[b-mp3ptcnkpz] {
    min-width: fit-content;
}

.btnLanguage[b-mp3ptcnkpz] {
    padding: 0px !important;
}

.btnBox[b-mp3ptcnkpz] {
    background-color: var(--color-universal-supplemental-light-grey);
    color: var(--color-universal-purple);
    border-radius: 16px;
    width: 48px;
    height: 48px;
    justify-content: center;
    display: flex !important;
    align-items: center;
}

.notifdropdown-menu[b-mp3ptcnkpz] {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 16px !important;
    margin-top: 8px !important;
    border: unset !important;
    inset: 0px -10px auto auto !important;
    transform: translate(14px, 50px);
}

    .notifdropdown-menu.show[b-mp3ptcnkpz] {
        animation-duration: 0.6s;
    }

.notifdropdown-item:focus[b-mp3ptcnkpz], .notifdropdown-item:hover[b-mp3ptcnkpz] {
    color: #1e2125;
    background-color: #e9ecef;
    border-radius: 16px;
}

.dropdown-item:focus[b-mp3ptcnkpz], .dropdown-item:hover[b-mp3ptcnkpz] {
    color: #1e2125;
    background-color: #e9ecef;
    border-radius: 16px;
}

[b-mp3ptcnkpz] .notifdropdown-toggle:after {
    content: none;
}

.activeusersdropdown-menu[b-mp3ptcnkpz] {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 16px !important;
    margin-top: 8px !important;
    border: unset !important;
    inset: 0px -10px auto auto !important;
    transform: translate(14px, 50px);
}

    .activeusersdropdown-menu.show[b-mp3ptcnkpz] {
        animation-duration: 0.6s;
    }

.activeusersdropdown-item:focus[b-mp3ptcnkpz], .activeusersdropdown-item:hover[b-mp3ptcnkpz] {
    color: #1e2125;
    background-color: #e9ecef;
    border-radius: 16px;
}

[b-mp3ptcnkpz] .activeusersdropdown-toggle:after {
    content: none;
}

.userdropdown-menu[b-mp3ptcnkpz] {
    flex-direction: column;
    border: 0px;
    padding: 10px;
    margin-top: 10px !important;
    border-radius: 16px;
}

.langselectdropdown-menu[b-mp3ptcnkpz] {
    flex-direction: column;
    border-radius: 16px;
}


.profilephoto[b-mp3ptcnkpz] {
    border: 1px solid var(--color-universal-purple);
    border-radius: 90px;
    color: var(--color-universal-purple);
}


[b-mp3ptcnkpz] .accordion {
    margin-bottom: 0px !important;
}

[b-mp3ptcnkpz] .accordion-item:first-of-type {
    margin-top: 0px !important;
}

[b-mp3ptcnkpz] .accordion-item:last-of-type {
    margin-bottom: 0px !important;
}


[b-mp3ptcnkpz] .accordion-button:after {
    margin-left: unset !important;
}


.appNotificationBody[b-mp3ptcnkpz] {
    font-size: 1rem;
}

.activeUsersIcon[b-mp3ptcnkpz] {
    border-width: 0px !important;
    background: none;
    font-size: 20px;
}

.notifIcon[b-mp3ptcnkpz] {
    border-width: 0px !important;
    background: none;
    font-size: 20px;
}

.announcementIcon[b-mp3ptcnkpz] {
    border-width: 0px !important;
    background: none;
    font-size: 20px;
}

.notifIconRing[b-mp3ptcnkpz] {
    animation: ring 1.5s ease;
}

.buttonBadge[b-mp3ptcnkpz] {
    position: absolute;
    border-radius: 8px !important;
    background-color: var(--color-universal-supplemental-red);
    margin-top: -31px;
    margin-left: 36px;
    animation: zoom-in-zoom-out 1s ease;
    font-size: 11px;
    z-index: 1;
}

@@keyframes zoom-in-zoom-out {
    0%[b-mp3ptcnkpz] {
        transform: scale(1, 1);
    }

    50%[b-mp3ptcnkpz] {
        transform: scale(1.5, 1.5);
    }

    100%[b-mp3ptcnkpz] {
        transform: scale(1, 1);
    }
}

@@keyframes ring {
    0%[b-mp3ptcnkpz] {
        transform: rotate(35deg);
    }

    12.5%[b-mp3ptcnkpz] {
        transform: rotate(-30deg);
    }

    25%[b-mp3ptcnkpz] {
        transform: rotate(25deg);
    }

    37.5%[b-mp3ptcnkpz] {
        transform: rotate(-20deg);
    }

    50%[b-mp3ptcnkpz] {
        transform: rotate(15deg);
    }

    62.5%[b-mp3ptcnkpz] {
        transform: rotate(-10deg);
    }

    75%[b-mp3ptcnkpz] {
        transform: rotate(5deg);
    }

    100%[b-mp3ptcnkpz] {
        transform: rotate(0deg);
    }
}


.announcementsModal > .modal-dialog > .modal-content[b-mp3ptcnkpz] {
    border-radius: 25px;
    border-color: var(--color-universal-purple);
    border-width: 3px;
}

    .announcementsModal > .modal-dialog > .modal-content > .focus-trap > .modal-header > .close[b-mp3ptcnkpz] {
        background-color: var(--color-universal-supplemental-red);
        width: 30px;
        height: 30px;
        color: var(--color-universal-white);
        font-size: 30px;
        align-items: center;
        display: flex;
        justify-content: center;
        padding-bottom: 5px;
        border-width: 0px;
    }

.supportModal > .modal-dialog > .modal-content[b-mp3ptcnkpz] {
    border-radius: 25px;
    border-color: var(--color-universal-purple);
    border-width: 3px;
}

    .supportModal > .modal-dialog > .modal-content > .focus-trap > .modal-header > .close[b-mp3ptcnkpz] {
        background-color: var(--color-universal-supplemental-red);
        width: 30px;
        height: 30px;
        color: var(--color-universal-white);
        font-size: 30px;
        align-items: center;
        display: flex;
        justify-content: center;
        padding-bottom: 5px;
        border-width: 0px;
    }

.systemStatusContent[b-mp3ptcnkpz] {
    font-size: large;
    color: var(--color-universal-supplemental-red);
    font-weight: bold;
    justify-self: center;
}

.systemStatusNotification > .modal-dialog > .modal-content > .focus-trap > .modal-header > .close[b-mp3ptcnkpz] {
    display: none;
}

.top-row-bg[b-mp3ptcnkpz] {
    z-index: 2;
    background-color: var(--color-universal-supplemental-background-grey);
    height: 130px;
    position: fixed;
    top: 0;
    width: 100%;
    margin-left: 15px;
}

/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-k4irp9frjj] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-k4irp9frjj] {
    height: 3.5rem;
    /*background-color: rgba(0,0,0,0.4);*/
    /*background-color: #fff !important;*/
}

.bottom-row[b-k4irp9frjj] {
    position: absolute;
    bottom: 3rem;
    width: 100%;
}

.bottom-row-version[b-k4irp9frjj] {
    position: absolute;
    bottom: 1rem;
    width: 100%;
}

.icon-menu-arrow[b-k4irp9frjj] {
    text-align: center;
    color: var(--color-rebranding-universalGreen)
}


.top-page-header[b-k4irp9frjj] {
    height: 3.5rem;
    margin: 10px 10px 0px 10px;
}

.navbar-brand[b-k4irp9frjj] {
    font-size: 1.1rem;
}

.oi[b-k4irp9frjj] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-k4irp9frjj] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-k4irp9frjj] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-k4irp9frjj] {
        padding-bottom: 1rem;
    }

    .nav-item[b-k4irp9frjj]  a {
        /*color: #d7d7d7;*/
        color: var(--color-universal-black) !important;
        border-radius: 16px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 1rem;
    }

        .nav-item[b-k4irp9frjj]  a.active {
            /*background-color: rgba(255,255,255,0.25);*/
            background-color: var(--color-rebranding-universalGreen) !important;
            color: white !important;
            border-radius: 16px;
        }

        .nav-item[b-k4irp9frjj]  a:hover {
            /*background-color: rgba(255,255,255,0.1);*/
            background-color: var(--color-rebranding-universalGreen) !important;
            color: white !important;
            border-radius: 16px;
        }

@media (min-width: 641px) {
    .navbar-toggler[b-k4irp9frjj] {
        display: none;
    }

    .collapse[b-k4irp9frjj] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-k4irp9frjj] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

@media (max-width: 640px) {
    .bottom-row[b-k4irp9frjj] {
        display: block;
    }


    .menu-header[b-k4irp9frjj] {
        background-color: var(--color-supplemental-background-grey);
    }

    .navbar-toggler[b-k4irp9frjj] {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .navbar-toggler[b-k4irp9frjj] {
            transition: none
        }
    }

    .navbar-toggler:hover[b-k4irp9frjj] {
        text-decoration: none
    }

    .navbar-toggler:focus[b-k4irp9frjj] {
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 .25rem
    }

    .navbar-toggler-icon[b-k4irp9frjj] {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%
    }

}

[b-k4irp9frjj] .sidebar-menu-item {
    color: var(--color-rebranding-universalGreen);
    font-size: 1rem;
    font-weight: normal;
    padding-left: 16px;
    text-decoration: none;
}
[b-k4irp9frjj] .sidebar-menu-item.icononly {
    padding-left: 14px;
}

    [b-k4irp9frjj] .sidebar-menu-item:hover {
        font-size: 1rem;
        font-weight: normal;
        padding-left: 16px;
        text-decoration: none;
    }
    [b-k4irp9frjj] .sidebar-menu-item:hover.icononly {
        padding-left: 14px;
    }

.nav-item[b-k4irp9frjj] {
    cursor: pointer !important;
    border-radius: 16px;
}

.nav-menu-box[b-k4irp9frjj] {
    border-radius: 16px 16px 16px 16px !important;
    background-color: var(--color-universal-white) !important;
    position: fixed;
    width: inherit;
    top: 2rem;
    bottom: 2rem;
    left: 1rem;
    
}

.menu-header[b-k4irp9frjj] {
    /*        background-color: #fff !important;
            */
}

.me-3[b-k4irp9frjj] {
    margin-right: 1rem !important;
}

.nav-scrollable[b-k4irp9frjj]{
    overflow-y: unset;
}

.fade_rule[b-k4irp9frjj] {
    background-color: var(--color-universal-grey) !important;
    background-image: linear-gradient(left, white 2%, #E6E6E6 50%, white 98%) !important;
    background-image: -o-linear-gradient(left, white 2%, #E6E6E6 50%, white 98%) !important;
    background-image: -moz-linear-gradient(left, white 2%, #E6E6E6 50%, white 98%) !important;
    background-image: -webkit-linear-gradient(left, white 2%, #E6E6E6 50%, white 98%) !important;
    background-image: -ms-linear-gradient(left, white 2%, #E6E6E6 50%, white 98%) !important;
    background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, gray), color-stop(0.98, white) ) !important;
}

.fatogglesidebar[b-k4irp9frjj] {
    color: var(--color-rebranding-universalGreen);
   /* margin-top: 3px;
    margin-right:2px;*/
}

.toggleSidebar[b-k4irp9frjj] {
    border: none !important;
}
