@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';
@import '_content/InsuranceUp.Apps.Shared.Razor/InsuranceUp.Apps.Shared.Razor.bundle.scp.css';
@import '_content/InsuranceUp.Packages.UpGrid.Razor/InsuranceUp.Packages.UpGrid.Razor.bundle.scp.css';

/* /Layouts/Authentication/AuthenticationLayout.razor.rz.scp.css */
@media screen and (max-width: 600px) {
    [b-ycyfjz5ary] .hidden-on-mobile {
        visibility: hidden;
        clear: both;
        display: none;
        position: absolute;
    }
}
.body[b-ycyfjz5ary], .center[b-ycyfjz5ary]{
    height: 100vh;
    width: 100vw;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.boxes[b-ycyfjz5ary] {
    position: absolute;
    width: 100vw;
    height: 100vh;
    box-sizing:border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Layouts/Header.razor.rz.scp.css */
[b-xpd0zesy6i].header-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

[b-xpd0zesy6i].header-right > .splitter {
    height: 30px;
    width: .87px;
    border-radius: 4px;
    background-color: var(--neutral-foreground-hint);
}


[b-xpd0zesy6i] fluent-button[appearance=stealth]:not(:hover)::part(control),
[b-xpd0zesy6i] fluent-anchor[appearance=stealth]:not(:hover)::part(control),
[b-xpd0zesy6i] fluent-anchor[appearance=stealth].logo::part(control) {
    background-color: var(--neutral-layer-2);
}

[b-xpd0zesy6i].header-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--type-ramp-plus-2-font-size);
}

[b-xpd0zesy6i].header-title fluent-anchor {
    font-size: var(--type-ramp-plus-2-font-size);
    color: var(--accent-fill-rest);
}
/* /Layouts/MainLayout.razor.rz.scp.css */
[b-kg7osdc6cf].layout {
    height: 100vh;
    width: 100vw;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "head head"
        "nav main";
    background-color: var(--fill-color);
    color: var(--neutral-foreground-rest);
}

[b-kg7osdc6cf].layout > header {
    grid-area: head;
    background-color: var(--neutral-layer-2);
    color: var(--neutral-foreground-rest);
    margin-bottom: 0;
}

[b-kg7osdc6cf].layout > .nav-menu-container {
    grid-area: nav;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 14px;
    background-color: var(--neutral-layer-2);
}

[b-kg7osdc6cf].layout > .body-content {
    grid-area: main;
    padding: calc(var(--design-unit) * 2px);
}

/* /Layouts/NavMenu.razor.rz.scp.css */
[b-bhheuciopv].nav-menu-container .positioning-region {
    background-color: transparent;
}

[b-bhheuciopv].nav-menu-container .fluent-nav-link.active .positioning-region:hover {
    background-color: var(--accent-base-color);
}

[b-bhheuciopv].nav-menu-container .positioning-region::before {
    content: none !important;
}

[b-bhheuciopv].nav-menu-container .fluent-nav-link {
    border-radius: 5px;
}

[b-bhheuciopv].nav-menu-container .fluent-nav-link.active {
    background-color: var(--accent-base-color);
}

[b-bhheuciopv].nav-menu-container .toggle-btn {
    margin-top: auto;
}
/* /Layouts/UserMenu.razor.rz.scp.css */
[b-hk697k4w5d].user-menu > .persona-btn.active {
    border: 2px solid var(--neutral-foreground-hint);
    margin: -2px -2px 0;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 10000;
}

[b-hk697k4w5d].user-menu > .persona-btn {
    height: 42px;
}

[b-hk697k4w5d].user-menu  .popover-persona {
    height: 0;
    overflow: hidden;
}

[b-hk697k4w5d].user-menu .menu-stack {
    padding: 0 16px 10px;
    margin-top: -26.9px;
}


[b-hk697k4w5d].user-menu .user-menu-popover .fluent-popover-content {
    border: 2px solid var(--neutral-foreground-hint);
    border-top: 0;
    border-radius: 0 0 calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);
    background-color: var(--neutral-layer-2);
    padding: 0;
}

[b-hk697k4w5d].user-menu .user-menu-popover {
    border-radius: 0 0 calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);
}
/* /Pages/Authentication/ForgotPassword.razor.rz.scp.css */
@media screen and (max-width: 600px) {
    .content[b-7l980b841t]{
        width: 100vw;
    }
}
@media screen and (min-width: 600px) {
    .content[b-7l980b841t]{
        width: 50vw;
    }
}
[b-7l980b841t] .mb-2{
    margin-bottom: 20px !important;
}
[b-7l980b841t] .back-button{
    width: 3rem;
    height: 3rem;
}
[b-7l980b841t] .w-100-percent{
    width: 100%;
}
[b-7l980b841t] fluent-text-field, [b-7l980b841t] .submit-button{
    width: 100%;
}
[b-7l980b841t] fluent-text-field::part(root), [b-7l980b841t] .submit-button{
    height: 40px;
}
/* /Pages/Authentication/Login.razor.rz.scp.css */
@media screen and (max-width: 600px) {
    .content[b-3j2bxzgnw0]{
        width: 100vw;
    }
}
@media screen and (min-width: 600px) {
    .content[b-3j2bxzgnw0]{
        width: 50vw;
    }
}
[b-3j2bxzgnw0] .w-100-percent{
    width: 100%;
}
[b-3j2bxzgnw0] fluent-text-field, [b-3j2bxzgnw0] fluent-button{
    width: 100%;
}
[b-3j2bxzgnw0] fluent-text-field::part(root), [b-3j2bxzgnw0] fluent-button{
    height: 40px;
}
/* /Pages/Authentication/ResetPassword.razor.rz.scp.css */
@media screen and (max-width: 600px) {
    .content[b-rstqh351qk]{
        width: 100vw;
    }
}
@media screen and (min-width: 600px) {
    .content[b-rstqh351qk]{
        width: 50vw;
    }
}
[b-rstqh351qk] .mb-2{
    margin-bottom: 20px !important;
}
[b-rstqh351qk] .back-button{
    width: 3rem;
    height: 3rem;
}
[b-rstqh351qk] .w-100-percent{
    width: 100%;
}
[b-rstqh351qk] fluent-text-field, [b-rstqh351qk] .submit-button{
    width: 100%;
}
[b-rstqh351qk] fluent-text-field::part(root), [b-rstqh351qk] .submit-button{
    height: 40px;
}
.password-field[b-rstqh351qk] {
    width: 100%;
}
.error-message[b-rstqh351qk] {
    color: red;
}
.password-container[b-rstqh351qk]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.field-validation-error[b-rstqh351qk] {
    color: red;
}
.input-validation-error[b-rstqh351qk] {
    border: 2px solid red;
}