@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Components/controls/Nav_Bar.razor.rz.scp.css */
.NavContainer[b-d3wjb9huew] {
    grid-column: 1;
    display: grid;
    grid-template-rows: 200px 1fr 140px;
    background-color: var(--menu_colour);
    height: 100vh;
    width: 220px;
    color: var(--neon_colour);
    box-shadow: var(--menu_shadow);
    position: fixed;
}

.AppLogo[b-d3wjb9huew] {
    grid-row: 1;
    grid-row: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.MainMenu[b-d3wjb9huew] {
    grid-row: 2;
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    align-items: start;
    justify-content: start;
    overflow-y: auto;
    margin-left: 0.25em;
}

.Nav_Item[b-d3wjb9huew] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 30px 0px 0px 20px;
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_regular);
    cursor: pointer;
    transition: background-color 0.3s;
    background-color: transparent;
}

    .Nav_Item:hover[b-d3wjb9huew] {
        color: var(--menu_hover_colour);
        font-weight: var(--font_weight_hev);
        text-shadow: 1px 1px 5px #414141, 1px 1px 5px #646161;
    }

.Selected_Nav_Item[b-d3wjb9huew] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 30px 0px 0px 20px;
    font-size: var(--font-size-small);
    color: var(--menu_hover_colour);
    font-weight: var(--font_weight_hev);
    cursor: pointer;
    transition: background-color 0.3s;
    background-color: transparent;
}

.menu_icon[b-d3wjb9huew] {
    stroke: var(--neon_colour);
    margin-right: 10px;
    height: 32px;
    width: 32px;
}

.Nav_Item select[b-d3wjb9huew] {
    background-color: transparent;
    color: var(--neon_colour);
    border: none;
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_regular);
}

.Nav_Footer[b-d3wjb9huew] {
    display: flex;
    flex-direction: column;
    justify-content: end;
}
/* /Components/controls/Stat_Bar.razor.rz.scp.css */
.Stat_Bar_Main[b-hhe9qjoyta] {
    display: grid;
    grid-template-columns: 400px 1fr 1fr;
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    align-items: center;
    background-color: var(--primary_background_colour);
    justify-content: center;
    box-shadow: 4px 5px 13px 0px #aeaeae9e
}

.anchor[b-hhe9qjoyta] {
    anchor-name: --ProfileAnchor;
}

.anchorNotification[b-hhe9qjoyta] {
    anchor-name: --NotificationAnchor;
}

.profileLink[b-hhe9qjoyta] {
    color: var(--primary_font_colour);
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 5px;
}

    .profileLink:hover[b-hhe9qjoyta] {
        color: var(--primary_font_colour);
    }

.NotificationLink[b-hhe9qjoyta] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 5px;
}

    .NotificationLink:hover[b-hhe9qjoyta] {
        color: var(--primary_font_colour);
    }
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-lthsilz7yr] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    height:100svh;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-lthsilz7yr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Devices.razor.rz.scp.css */
.Wrapper[b-3muhfhkgp3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 34% 16% 44%;
    gap: 16px;
    width: 98%;
    height: 100%;
    align-items: center;
    justify-items: space-between;
    padding: 14px;
}

.CardContainer[b-3muhfhkgp3] {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 20px;
    width: auto;
}

.ButtonRow[b-3muhfhkgp3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
   }
/* /Components/Pages/Home.razor.rz.scp.css */
.Wrapper[b-5vmn5d470o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40% 25% auto;
    background-color: var(--canvas_background_colour);
    padding: 20px;
    gap: 20px;
    overflow: hidden;
    height: 100svh;
    width: calc(100% - 40px);
}
/* /Components/Pages/Invite.razor.rz.scp.css */


body[b-wiswkuvmj3] {
}
/* /Components/Pages/Login.razor.rz.scp.css */
input[b-fg4tkdvivg] {
    background-color: var(--menu_colour);
    color: white;
}

.LogoImage[b-fg4tkdvivg] {
    height: max-content;
    width: 200px;
    top: 25px;
}

.form-control[b-fg4tkdvivg] {
    background-color: var(--menu_colour);
    color: white;
}

.LoginContainer[b-fg4tkdvivg] {
    display: grid;
    grid-template-columns: 30% 1fr;
    height: 100vh;
}

.LoginBar[b-fg4tkdvivg] {
    grid-column: 1;
    display: grid;
    grid-template-rows: 250px 1fr 150px;
    background-color: var(--menu_colour);
    /*width: 100%;*/
    padding: 32px;
    /*color: var(--font_colour);*/
}

.LoginBarMiddle[b-fg4tkdvivg] {
    grid-row: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow-y: auto;
    margin-top: 8%;
}

.LoginBarTop[b-fg4tkdvivg] {
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fafafa;
}

.LoginBarMiddle[b-fg4tkdvivg] {
    grid-row: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow-y: auto;
    margin-top: 10%;
}

.LoginForm[b-fg4tkdvivg] {
    width: 90%
}

.loginFrame[b-fg4tkdvivg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    justify-content: flex-start;
}

.login-image-container[b-fg4tkdvivg] {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.login-image[b-fg4tkdvivg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: 100vh;
    /* Prevents image from exceeding viewport */
}

.LoginBarBottom[b-fg4tkdvivg] {
    grid-row: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

.LoginForm[b-fg4tkdvivg] {
    width: 90%
}

.login-image-container[b-fg4tkdvivg] {
    width: 100%;
    height: 100%;
    display: flex;
    /* Optionally, set a max-width or max-height if you want to limit the stretch */
}

.loginFrame[b-fg4tkdvivg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    justify-content: flex-start;
}

.login-image[b-fg4tkdvivg] {}

.ValidationMessage[b-fg4tkdvivg] {
    width: 80%;
    font-size: var(--font-size-xxsmall);
    color: red;
}

.RequestContainer[b-fg4tkdvivg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    width: 100%;
    gap: 20px;
}

.RequestText[b-fg4tkdvivg] {
    font-size: var(--font-size-xsmall);
    color: var(--neon_colour);
    font-weight: var(--font_weght_regular);
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}

.RequestText:hover[b-fg4tkdvivg] {
    color: var(--menu_hover_colour);
}
/* /Components/Pages/Logs.razor.rz.scp.css */
.Wrapper[b-urb1zm4zud] {
   width: 97.5%;
   height: 88%;
   padding: 10px 20px;
}

.MainCard[b-urb1zm4zud] {
    height: 48rem;
}

.CardContainer[b-urb1zm4zud] {
    max-height: 46rem;
    overflow: auto;
    font-size: var(--font-size-xysmall);
    padding-top: 0;

}

.CardTabs[b-urb1zm4zud] {
    display: flex;
    flex-direction: row;
    width: 98%;
    gap: 0;
    padding: 0 20px;
}

.Tab[b-urb1zm4zud] {
    position: relative;
    left: -10px;
    cursor: pointer;
}
.Tab2[b-urb1zm4zud] {
    position: relative;
    left: -20px;
}.Tab3[b-urb1zm4zud] {
    position: relative;
    left: -30px;
}
.Tab4[b-urb1zm4zud] {
    position: relative;
    left: -40px;
}

.TabSelected[b-urb1zm4zud] {
    background: #c1dbe0;
    border: solid 1px #105472;
    padding: 0.3rem 1rem;
    color: #105472;
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_lt);
    border-radius: 16px 16px 0px 0px;
    overflow-x: visible;
    z-index: 2;
}

.TabUnselected[b-urb1zm4zud] {
    background: #F1F1F1;
    border: solid 1px #D2D2D2;
    padding: 0.65rem 1rem;
    color: #b0b0b0;
    background: white;
    border: solid 1px #D2D2D2;
    padding: 0.35rem 1rem;
    color: var(--primary-font_colour);
    font-weight: var(--font_weight_lt);
    font-size: var(--font-size-xsmall);
    border-radius: 16px 16px 0px 0px;
    z-index: 1;
}
/* /Components/Pages/Operations.razor.rz.scp.css */
.Wrapper[b-omj1zh767d] {
    height: 85%;
    width: 96%;
    display: grid;
    grid-template-columns: 80% 20%;
    background-color: var(--canvas_background_colour);
    padding: 20px;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.FiltersColumnCard[b-omj1zh767d] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--corner_radius_large);
    color: var(--primary_font_colour);
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 8px;
}

.SubCard[b-omj1zh767d] {
    display: flex;
    flex-direction: column;
    background-color: var(--card_background_colour);
    border-radius: var(--corner_radius_large);
    gap: 10px;
    box-shadow: 4px 4px 10px 1px rgba(0, 0, 0, 0.2);
    color: var(--primary_font_colour);
    height: 300px;
    width: 100%;
    overflow: hidden;
}

.FilterCard[b-omj1zh767d] {
    display: flex;
    flex-direction: column;
    background-color: var(--card_background_colour);
    border-radius: var(--corner_radius_large);
    gap: 10px;
    box-shadow: 4px 4px 10px 1px rgba(0, 0, 0, 0.2);
    color: var(--primary_font_colour);
    max-height: 500px;
    width: 100%;
}

.CardContainer[b-omj1zh767d] {
    padding: 20px;
}
/* /Components/Pages/Overview.razor.rz.scp.css */
.Wrapper[b-iqhv2p52co] {
    height: 86vh;
    width: 97.6%;
    display: grid;
    grid-template-rows: 1fr 0.65fr;
    background-color: var(--canvas_background_colour);
    padding: 20px;
    gap: 20px;
    align-items: start;
    justify-content: space-between;
    align-content: center;
}

.MainCard[b-iqhv2p52co] {
    width: 103%;
}

.BotomCards[b-iqhv2p52co] {
    grid-row: 2;
    display: flex;
    flex-direction: row;
    gap: 20px;
    height: 99%;
    width: 103%;
}

.LastSeenCard[b-iqhv2p52co] {
    display: flex;
    flex-direction: column;
    background-color: var(--card_background_colour);
    border-radius: var(--corner_radius_large);
    gap: 20px;
    box-shadow: 4px 4px 10px 1px rgba(0, 0, 0, 0.2);
    color: var(--primary_font_colour);
    width: 100%;
    overflow: hidden;
}

.UnresponsiveCard[b-iqhv2p52co] {
    display: flex;
    flex-direction: column;
    background-color: var(--card_background_colour);
    border-radius: var(--corner_radius_large);
    gap: 20px;
    box-shadow: 4px 4px 10px 1px rgba(0, 0, 0, 0.2);
    color: var(--primary_font_colour);
    width: 100%;
    overflow: hidden;
}
/* /Components/Pages/ResetPassword.razor.rz.scp.css */
.Prewrapper[b-kmd9333u97] {
background-color: white;
display: flex; 
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
width: 100vw;
overflow: hidden;
}

.Wrapper[b-kmd9333u97] {
background-image: url('/img/LoginSplash4.png');
background-size: cover;
/*background-position: top center;*/
border-radius: 50px;
height: 98%;
width: 99%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.FormContainer[b-kmd9333u97] {
width: 440px;
height: 440px;
padding: 40px;
color: var(--secondary-font-colour);
background-color: #f0f0f030;
color: #D2D2D2;
backdrop-filter: blur(5px);
border: 2px solid #FFFFFF25;
border-radius: 50px;
display: flex;
flex-direction: column;
flex-basis: fit-content; 
align-items: flex-start;
justify-content: start;
}

.FormHeader[b-kmd9333u97] {
grid-row: 1;
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
color: var(--secondary-font-colour);
padding-left: 0.6rem;
/*font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
color: var(--secondary-font-colour);
text-align: start;
gap: 20px;*/
}

.FormBody[b-kmd9333u97] {
    grid-row: 2;
    width: 60%;
    display: grid;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 1rem;
}

/*.form-group {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 100%;
    gap: 12px;
}
label {
    font-size: var(--font-size-xsmall);
    font-weight: var(--font-weight-regular);
    color: #D2D2D2;
    align-self: start;
    align-items: start;
    justify-content: start;
}

input {
    width: 100%;
    height: 50px;
    padding: 20 10px;
    border-radius: 50px;
    border: 1px solid #FFFFFF50;
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-regular);
    color: #FFFFFF;
    align-self: start;
    align-items: start;
    justify-content: start;
    background-color: #00000035;
    padding-left: 0.6rem;
}*/

.ResetPasswordForm[b-kmd9333u97] {
    width:60%!important;
}

.form[b-kmd9333u97] {
    width: 60%!important;
}
/* /Components/Pages/SAP_Account.razor.rz.scp.css */
.Wrapper[b-whdf4j3mls] {
    display: grid;
    grid-template-rows: 0.5fr 1fr;
    align-content: space-around;
    height: 86%;
    width: 97%;
    padding: 20px;
}

.TopWrapper[b-whdf4j3mls] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}
/* /Components/Pages/SetSAP_Account.razor.rz.scp.css */
.Prewrapper[b-io4mwq5taa] {
    height: 100vh;
    width: 100vw;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Wrapper[b-io4mwq5taa] {
    width: 99%;
    height: 98%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    justify-self: center;
    justify-content: center;
    border: none;
    border-radius: 50px;
    background-image: url(/img/SAP_AccountSplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.FormContainer[b-io4mwq5taa] {
    width: 500px;
    min-width: 340px;
    max-width: 500px;
    background-color: #25252552;
    border: solid #656565 2px;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(131, 131, 131, 0.2);
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 40px;
    color: var(--secondary_font_colour);
    backdrop-filter: blur(5px);

    transition: transform 1s;

    @starting-style {
        transform: scale(0);
    }

    transform: scale(1);
}

.FormBody[b-io4mwq5taa] {
    width: 100%;
    /*height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;*/
}

.Form[b-io4mwq5taa] {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.xButton[b-io4mwq5taa] {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 2rem;
    right: 2rem;
    float: right;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

@media (max-width: 390px) {
    .FormContainer[b-io4mwq5taa] {
        width: 80vw;
        min-width: unset;
        max-width: 100vw;
        padding: 20px;
        border-radius: 20px;
        margin-top: 2rem
    }

    .FormBody[b-io4mwq5taa] {
        font-size: var(--font-size_xsmall);
    }

    .Wrapper[b-io4mwq5taa] {
        width: 100vw;
        height: 100vh;
        border-radius: 0px;
        padding: 0px;
        justify-content: start;
        align-items: center;
    }

    .Prewrapper[b-io4mwq5taa] {
        width: 100vw;
        height: 100vh;
        padding: 0;
    }

    .Form[b-io4mwq5taa] {
        gap: 0.5rem;
    }

    .xButton[b-io4mwq5taa] {
        top: 1rem;
        right: 1rem;
        width: 32px;
        height: 32px;
    }

    .form-control-light[b-io4mwq5taa] {
        font-size: var(--font-size_xsmall);
    }
}

@media (max-width: 415px) {
    .FormContainer[b-io4mwq5taa] {
        width: 80vw;
        min-width: unset;
        max-width: 100vw;
        padding: 20px;
        border-radius: 20px;
        margin-top: 2rem
    }

    .FormBody[b-io4mwq5taa] {
        font-size: var(--font-size_xsmall);
    }

    .Wrapper[b-io4mwq5taa] {
        width: 100vw;
        height: 100vh;
        border-radius: 0px;
        padding: 0px;
        justify-content: start;
        align-items: center;
    }

    .Prewrapper[b-io4mwq5taa] {
        width: 100vw;
        height: 100vh;
        padding: 0;
    }

    .Form[b-io4mwq5taa] {
        gap: 0.5rem;
    }

    .xButton[b-io4mwq5taa] {
        top: 1rem;
        right: 1rem;
        width: 32px;
        height: 32px;
    }

    .form-control-light[b-io4mwq5taa] {
        font-size: var(--font-size_xsmall);
    }
}

@media (max-width: 435px) {
    .FormContainer[b-io4mwq5taa] {
        width: 80vw;
        min-width: unset;
        max-width: 100vw;
        padding: 20px;
        border-radius: 20px;
        margin-top: 2rem
    }

    .FormBody[b-io4mwq5taa] {
        font-size: var(--font-size_xsmall);
    }

    .Wrapper[b-io4mwq5taa] {
        width: 100vw;
        height: 100vh;
        border-radius: 0px;
        padding: 0px;
        justify-content: start;
        align-items: center;
    }

    .Prewrapper[b-io4mwq5taa] {
        width: 100vw;
        height: 100vh;
        padding: 0;
    }

    .Form[b-io4mwq5taa] {
        gap: 0.5rem;
    }

    .xButton[b-io4mwq5taa] {
        top: 1rem;
        right: 1rem;
        width: 32px;
        height: 32px;
    }

    .form-control-light[b-io4mwq5taa] {
        font-size: var(--font-size_xsmall);
    }
}
/* /Components/Pages/Users.razor.rz.scp.css */
.Wrapper[b-smpcrkvk41] {
    height: 100%;
    width: 97%;
    display: flex;
    flex-direction: column;
    background-color: var(--canvas_background_colour);
    padding: 20px;
    gap: 20px;
    align-items: start;
    justify-content: space-between;
}

.CardHeader[b-smpcrkvk41] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid var(--primary_object_colour);
    width: 100%;
    padding: 0px;
}

.CardBody[b-smpcrkvk41] {
    height: 97%;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 0;
}

.CardTabs[b-smpcrkvk41] {
    margin-bottom: -2px;
}

.UserForm[b-smpcrkvk41] {
    width: 100%;
    height: 200px;
}

.InvitationsTab[b-smpcrkvk41] {
    position: relative;
    right: -12px;
}

.AddUserTab[b-smpcrkvk41] {
    position: relative;
}

.TabSelected[b-smpcrkvk41] {
    background: #c1dbe0;
    border: solid 1px #105472;
    padding: 0.3rem 1rem;
    color: #105472;
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_lt);
    border-radius: 16px 16px 0px 0px;
    overflow-x: visible;
    z-index: 2;
}

.TabUnselected[b-smpcrkvk41] {
    background: #F1F1F1;
    border: solid 1px #D2D2D2;
    padding: 0.65rem 1rem;
    color: #b0b0b0;
    background: white;
    border: solid 1px #D2D2D2;
    padding: 0.35rem 1rem;
    color: var(--primary-font_colour);
    font-weight: var(--font_weight_lt);
    font-size: var(--font-size-xsmall);
    border-radius: 16px 16px 0px 0px;
    z-index: 1;
    margin-bottom: 1px;
}
/* /Components/Pages/Watchdog.razor.rz.scp.css */
.Wrapper[b-uocs2igef2] {
    background-color: #FAFAFA;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 97.6%;
    height: 100%;
    overflow: hidden;
}

.WDList[b-uocs2igef2] {
    padding: 0px;
    width: 100%;
    gap: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 770px;
}


.WDElement[b-uocs2igef2] {
    display: grid;
    grid-template-columns: 72px 1fr 100px;
    grid-template-rows: auto;
    align-items: center;
    width: 97%;
    height: fit-content;
    padding: 20px;
    background-color: var(--card_background_colour);
    border-radius: 10px;
    box-shadow: 4px 8px 10px #00000020;
    gap: 40px;
}

.Block[b-uocs2igef2] {
    align-self: center;
}

.WDImg[b-uocs2igef2] {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    object-fit: fill;
    width: 72px;
    border-radius: 10px;
}

.WDCard[b-uocs2igef2] {
    grid-column: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 48px;
}

.WDInteract[b-uocs2igef2] {
    grid-column: 3;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

.Cnt[b-uocs2igef2] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 10px;
}

.CntCard[b-uocs2igef2] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    align-items: start;
    justify-content: start;
    gap: 10px;
}

.CntTitle[b-uocs2igef2] {
    grid-row: 1;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
    gap: 20px;
    width: 310px;
}

.CntName[b-uocs2igef2] {
    grid-row: 2;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
}

.StatusState[b-uocs2igef2] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ButtonRefresh[b-uocs2igef2] {
    border: none;
    background: transparent;
}
/* /Components/shared/ControlLibrary/DevicePage/Font.razor.rz.scp.css */
.CardContainer[b-365n7b6vbc] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.HeaderSelector[b-365n7b6vbc] {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    height: auto;
}

.BigSelector[b-365n7b6vbc] {
    border-bottom: 1px solid var(--primary_font_colour)
}

.CardBody[b-365n7b6vbc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 20px;
    width: 100%;
    justify-content: center;
    height: auto;
}

.CardSection[b-365n7b6vbc] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    width: 100%;
    gap: 8px;
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_med);
}

.CardTitle[b-365n7b6vbc] {
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_lt);
    color: var(--third_font_colour);
}

.SearchInput[b-365n7b6vbc] {
    outline: none !important;
    color: var(--primary_font_colour);
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_med);
}

/*input {
    outline: 0px !important;
    color: var(--primary_font_colour);
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_med);
}*/
/* /Components/shared/ControlLibrary/DevicePage/FontStatus.razor.rz.scp.css */
.CardContainer[b-kpntes9kqo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.CardBody[b-kpntes9kqo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.LastSeen[b-kpntes9kqo] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.LastEvent[b-kpntes9kqo] {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.Section[b-kpntes9kqo] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.SectionTitle[b-kpntes9kqo] {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
}

.SectionInfo[b-kpntes9kqo] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: var(--font-size-xsmall);
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

.SignalIcon[b-kpntes9kqo] {
    height: 24px;
    width: 24px;
    margin-right: 4px;
}
/* /Components/shared/ControlLibrary/DevicePage/FontStock_Events.razor.rz.scp.css */
.CardHeader[b-14tat1cwxc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 0px;
    border-bottom: 1px solid var(--primary_object_colour);
    width: 100%;
}

.CardTabs[b-14tat1cwxc] {
    display: flex;
    flex-direction: row;
    align-items: end;
    margin-bottom: -1px;
    width: calc(100%-20px);
}

.FlavoursData[b-14tat1cwxc] {
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    justify-content: flex-start;
    width: 100%;
    height:280px;
}

.CardFlavours[b-14tat1cwxc] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    justify-content: center;
}

.Channel[b-14tat1cwxc] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.LowStock[b-14tat1cwxc] {
    color: var(--badge_alert_red);
}

.HighStock[b-14tat1cwxc] {
    color: var(--primary_font_colour);
}

.SystemEvents[b-14tat1cwxc] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 12px;
    padding-right:1rem;
    padding-left:0.5rem;
    width: 98%;
    height:280px;
    gap: 4px;
}

.EventItem[b-14tat1cwxc] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.Event[b-14tat1cwxc] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: start;
    width: 100%;
    color: var(--menu_colour);
}

.EventCommand[b-14tat1cwxc] {
    align-items: start;
    width: 100%;
}

.Command[b-14tat1cwxc] {
    display: flex;
    flex-direction: row;
    align-content: center;
    gap: 8px;
}

.EventDate[b-14tat1cwxc] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: end;
}

.EventTime[b-14tat1cwxc] {
    color: var(--menu_colour);
}

.CommandSuccess[b-14tat1cwxc] {
    color: var(--badge_alert_green);
}

.CommandFailed[b-14tat1cwxc] {
    color: var(--badge_alert_red);
}

.CommandPending[b-14tat1cwxc] {
    color: var(--badge_info_blue);
}

/*.TabSelected {
    background: transparent;
    border: solid 1px #105472;
    padding: 0.5rem 1rem;
}*/

.FlavourTab[b-14tat1cwxc] {
position:relative;
left:0px;
}

.EventTab[b-14tat1cwxc] {
    position: relative;
    left: -10px;
}
.TabSelected[b-14tat1cwxc] {
    background: #c1dbe0;
    border: solid 1px #105472;
    padding: 0.3rem 1rem;
    color: #105472;
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_lt);
    border-radius: 16px 16px 0px 0px;
    overflow-x: visible;
    z-index: 2;
}

.TabUnselected[b-14tat1cwxc] {
    background: #F1F1F1;
    border: solid 1px #D2D2D2;
    padding: 0.65rem 1rem;
    color: #b0b0b0;
    background: white;
    border: solid 1px #D2D2D2;
    padding: 0.35rem 1rem;
    color: var(--primary-font_colour);
    font-weight: var(--font_weight_lt);
    font-size: var(--font-size-xsmall);
    border-radius: 16px 16px 0px 0px;
    z-index: 1;
    margin-bottom: 1px;
}

.CardBody_Flavours[b-14tat1cwxc] {
    display:flex;
    flex-direction:column;
    height: 285px;
    max-height: 300px;
}
/* /Components/shared/ControlLibrary/DevicePage/IoTGateway.razor.rz.scp.css */
.CardContainer[b-sxnorolgaa] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.HeaderSelector[b-sxnorolgaa] {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    height: auto;
}

.BigSelector[b-sxnorolgaa] {
    border-bottom: 1px solid var(--primary_font_colour)
}

.CardBody[b-sxnorolgaa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 20px;
    width: 100%;
    height: auto;
    align-items: start;
}

.CardSection[b-sxnorolgaa] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    width: 100%;
    gap: 8px;
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_med);
}

.CardTitle[b-sxnorolgaa] {
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_lt);
    color: var(--third_font_colour);
}

.SearchInput[b-sxnorolgaa] {
    outline: none !important;
    color: var(--primary_font_colour);
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_med);
}

/* /Components/shared/ControlLibrary/DevicePage/Reports.razor.rz.scp.css */
.CardContainer[b-r6cftwlxzd] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.HeaderButtons[b-r6cftwlxzd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 50%;
}

.Legend[b-r6cftwlxzd] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.CardBody[b-r6cftwlxzd] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    overflow-y: scroll;
    overflow-x: hidden;
}

.CardSection[b-r6cftwlxzd] {
    height: 12rem;
    font-size: var(--font-size-xysmall);
}

[b-r6cftwlxzd] .PacketColumn {
    width: 150px;
}

.ProcessedRow[b-r6cftwlxzd] {
    color: var(--button_primary) !important;
}

.UnprocessedRow[b-r6cftwlxzd] {
    color: var(--button_disabled) !important;
}

.ProcCircle[b-r6cftwlxzd] {
    background: #008392;
    border: 1px solid #D2D2D2;
    border-radius: 50px;
    width: 0.7rem;
    height: 0.7rem;
}

.LeftArea[b-r6cftwlxzd] {
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: flex-start;
    align-items: center;
}

.UnprocCircle[b-r6cftwlxzd] {
    background: #888888;
    border: 1px solid #D2D2D2;
    border-radius: 50px;
    width: 0.7rem;
    height: 0.7rem;
    margin-left: 1rem;
}

[b-r6cftwlxzd] div.col-title {
    gap: 0px;
}

[b-r6cftwlxzd] div.col-title-text {
    color: var(--primary_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-r6cftwlxzd] thead {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
    padding-bottom: 4px;
}
/* /Components/shared/ControlLibrary/DevicePage/SystemEvents.razor.rz.scp.css */
/* /Components/shared/ControlLibrary/Dialogs/FontSearchResults.razor.rz.scp.css */
.Wrapper[b-svte80nj0v] {
    width: 260px;
    max-width: 320px;
    height: fit-content;
    background-color: #7c7c7c17;
    border: 2px solid #C0C0C0;
    border-radius: 20px;
    position: fixed;
    /*position-anchor: --SearchResultsAnchor;
    top: anchor(--SearchResultsAnchor 150%);
    left: anchor(--SearchResultsAnchor -900%);*/
    box-shadow: 4px 4px 10px rgb(0 0 0 / 43%);
    backdrop-filter: blur(10px);
    overflow: hidden;
    z-index: 1000;
    padding: 10px;
}

.PopupContent[b-svte80nj0v] {
    background-color: #FFFFFFa1;
    color: var(--primary_font_colour);
    padding: 20px;
    border-radius: 10px;
    height: fit-content;
    max-height: 450px;
}

.PopupContent1[b-svte80nj0v] {
    background-color: #FFFFFFa1;
    color: var(--primary_font_colour);
    padding: 20px;
    border-radius: 10px;
    height: fit-content;
    max-height: 22ch;
    overflow: hidden;
}

.ResultField[b-svte80nj0v] {
    color: var(--menu_colour);
    font-size: var(--font_size_xsmall);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.Search[b-svte80nj0v] {
    background-color: #E2E2E2;
    padding: 8px;
    border: none;
    border-radius: 8px;
    color: var(--button_primary);
    font-size: var(--font_size_xsmall);
    width: fit-content;
}

.SearchQuery[b-svte80nj0v] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.Title[b-svte80nj0v] {
    display: flex;
    flex-direction: row;
    gap: 70px;
    padding: 10px;
    justify-content: space-between;
}

.ResultsTable[b-svte80nj0v] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    max-height: 350px;
    padding-right: 8px;
}

.ResultsRow[b-svte80nj0v] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.AnchorPosition1[b-svte80nj0v] {
    position-anchor: --SearchResultsAnchor;
    top: anchor(--SearchResultsAnchor 150%);
    left: anchor(--SearchResultsAnchor -950%);
    overflow: hidden;
}

.AnchorPosition2[b-svte80nj0v] {
    position-anchor: --SearchResultsAnchor2;
    top: anchor(--SearchResultsAnchor2 0%);
    left: anchor(--SearchResultsAnchor2 -750%);
    max-height: 26ch;
    overflow: hidden;
}

.AnchorPosition3[b-svte80nj0v] {
   position-anchor: --SearchResultsAnchor3;
    top: anchor(--SearchResultsAnchor3 0%);
    left: anchor(--SearchResultsAnchor3 -750%);
    max-height: 26ch;
    overflow: hidden;
}
/* /Components/shared/ControlLibrary/HomePage/Active30days.razor.rz.scp.css */
.Summary[b-ln1speueah] {
    color: var(--primary_font_colour);
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_regular);
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start;
    width: 100%;
}

.SummaryValues[b-ln1speueah] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    justify-content: space-between
}

.GraphLegend[b-ln1speueah] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--primary_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_lt);
}

.GraphLegendContainer[b-ln1speueah] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.inline[b-ln1speueah] {
}

.active30days[b-ln1speueah] {
    align-self: flex-end;
    color: var(--third_font_colour);
    width: 200px;
    background-image: url('/icons/arrow_drop_down.svg');
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
}

.SilentLink:hover[b-ln1speueah] {
    text-decoration: underline;
    color: var(--primary_font_colour);
}

.control-section[b-ln1speueah]{ 
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 226px;
}
/* /Components/shared/ControlLibrary/HomePage/Activity.razor.rz.scp.css */
.Summary[b-tbde6623kv] {
    color: var(--primary_font_colour);
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_regular);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
    width: 100%;
}

.SummaryValues[b-tbde6623kv] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    justify-content: space-between
}

.HeaderRefresh[b-tbde6623kv] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}


/* /Components/shared/ControlLibrary/HomePage/Communications.razor.rz.scp.css */
.Summary[b-nsxjirob0b] {
    color: var(--primary_font_colour);
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_regular);
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start;
    width: 100%;
}

.inline[b-nsxjirob0b] {
}

.communcications[b-nsxjirob0b] {
    align-self: flex-end;
    color: var(--third_font_colour);
    width: 200px;
    background-image: url('/icons/arrow_drop_down.svg');
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
}

.SummaryValues[b-nsxjirob0b] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    justify-content: end;
    justify-items: end;
}

.CardHeader[b-nsxjirob0b] {
    align-content: center;
    gap: 14px;
}

.HeaderRefresh[b-nsxjirob0b] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

[b-nsxjirob0b] e-control e-chart e-lib e-touch e-chart-focused e-chart-focused e-chart-focused {
    font-family: Inter;
}
/* /Components/shared/ControlLibrary/HomePage/Messages.razor.rz.scp.css */
.card_caption[b-yvm2mxjdoe] {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: center;
}
/* /Components/shared/ControlLibrary/HomePage/Plant.razor.rz.scp.css */
.Summary[b-8d8n3l2hiz] {
    color: var(--primary_font_colour);
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_regular);
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
    height: 92%;
}

.SummaryValues[b-8d8n3l2hiz] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    justify-content: space-between
}

/* /Components/shared/ControlLibrary/LogsPage/CommandLog.razor.rz.scp.css */
.CardHeader[b-casiet91zm] {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
    padding-top: 20px;
}

.CardBody[b-casiet91zm] {
    overflow: visible;
}

.HeaderTitle[b-casiet91zm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}


.FontSerialLink[b-casiet91zm] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    padding-left: 8px;
    text-decoration: none;
}

    .FontSerialLink:hover[b-casiet91zm] {
        text-decoration: underline;
    }

.FontUrnLink[b-casiet91zm] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

    .FontUrnLink:hover[b-casiet91zm] {
        text-decoration: underline;
    }

.ServeColumn[b-casiet91zm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-casiet91zm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.10rem;
    padding-left: 10px;
}

[b-casiet91zm] div.col-header-content {
    padding: 20px 0 8px 0;
}

[b-casiet91zm] thead {
    position: sticky;
    top: 58px;
    background-color: var(--secondary_font_colour);
}

[b-casiet91zm] div.col-title {
    color: var(--third_font_colour);
    gap: 0px;
    padding: 0;
}

[b-casiet91zm] div.col-title-text {
    color: var(--third_font_colour) !important;
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-casiet91zm] .quickgrid[theme=default] {
    width: 100%;
}

    [b-casiet91zm] .quickgrid[theme=default] > tbody > tr > td {
        padding: 0.2rem 0.2rem 0.1rem 0.2rem;
        font-size: var(--font-size-xysmall);
    }

[b-casiet91zm] .tbody {
    font-size: var(--font-size-xysmall);
}

.anchor[b-casiet91zm] {
    anchor-name: --SearchResultsAnchor;
}
/* /Components/shared/ControlLibrary/LogsPage/InfosysPostsLog.razor.rz.scp.css */
.CardHeader[b-vcm8561a36] {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
    padding-top: 20px;
}

.IconColumn[b-vcm8561a36] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.HiddenColumn[b-vcm8561a36] {
    visibility: hidden;
}

.ServeColumn[b-vcm8561a36] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-vcm8561a36] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.10rem;
    padding-left: 10px;
}

[b-vcm8561a36] div.col-title {
    gap: 0px;
    padding: 0;
}

[b-vcm8561a36] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-vcm8561a36] div.col-header-content {
    padding: 20px 0 8px 0;
}

[b-vcm8561a36] thead {
    position: sticky;
    top: 58px;
    background-color: var(--secondary_font_colour);
}

[b-vcm8561a36] .tbody {
    font-size: var(--font-size-xysmall);
}

.CardGridBody[b-vcm8561a36] {
    height: 97%;
}

.FontSerialLink[b-vcm8561a36] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

.FontSerialLink:hover[b-vcm8561a36] {
    text-decoration: underline;
}

.BigSelector[b-vcm8561a36] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.Selector[b-vcm8561a36] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.anchor[b-vcm8561a36] {
    anchor-name: --SearchResultsAnchor;
}

.HeaderTitle[b-vcm8561a36] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.DialogPositionPlacer[b-vcm8561a36] {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    position: absolute;
}

.FontUrnLink[b-vcm8561a36] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

.FontUrnLink:hover[b-vcm8561a36] {
    text-decoration: underline;
}

.anchor[b-vcm8561a36] {
    anchor-name: --SearchResultsAnchor;
}
/* /Components/shared/ControlLibrary/LogsPage/MessagesLog.razor.rz.scp.css */
.CardHeader[b-l5x4k4siqq] {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
    padding-top: 20px;
}

.FontSerialLink[b-l5x4k4siqq] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

    .FontSerialLink:hover[b-l5x4k4siqq] {
        text-decoration: underline;
    }

.FontUrnLink[b-l5x4k4siqq] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

    .FontUrnLink:hover[b-l5x4k4siqq] {
        text-decoration: underline;
    }

[b-l5x4k4siqq] div.col-title {
    gap: 0px;
    padding: 0;
}

[b-l5x4k4siqq] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-l5x4k4siqq] div.col-header-content {
    padding: 20px 0 8px 0;
}

[b-l5x4k4siqq] thead {
    position: sticky;
    top: 58px;
    background-color: var(--secondary_font_colour);
}

[b-l5x4k4siqq] .quickgrid[theme=default] {
    width: 100%;
}

    [b-l5x4k4siqq] .quickgrid[theme=default] > tbody > tr > td {
        padding: 0.2rem 0.2rem 0.1rem 0.2rem;
        font-size: var(--font-size-xysmall);
    }

[b-l5x4k4siqq] .tbody {
    font-size: var(--font-size-xysmall);
}

.ServeColumn[b-l5x4k4siqq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-l5x4k4siqq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.10rem;
    padding-left: 10px;
}

.HeaderTitle[b-l5x4k4siqq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.anchor[b-l5x4k4siqq] {
    anchor-name: --SearchResultsAnchor;
}
/* /Components/shared/ControlLibrary/LogsPage/PostBodyDialog.razor.rz.scp.css */
.CardHeader[b-efr40x75t7] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: var(--primary_font_colour);
    font-size: 20px;
}

.HeaderButtons[b-efr40x75t7] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
}

.InfosysPostsCard[b-efr40x75t7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: black;
}

[b-efr40x75t7] .e-dialog .e-lib .e-draggable .e-popup .e-control .e-popup-open {
    position: relative;
    background-color: #3c3c3c12;
    border-radius: 20px;
    border: 10px solid #c0c0c0;
    align-items: center;
    padding: 1rem;
    width: fit-content;
    height: fit-content;
    left: 420px;
    top: 200px;
    z-index: 1000;
    color: var(--menu_colour);
    backdrop-filter: blur(8px);
    font-weight: 500;
}

.xButton[b-efr40x75t7] {
    width: 32px;
    height: 32px;
    top:1rem;
    right:0rem;
    background-image: url(icons/close_dark.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    z-index: 1001;
}

    .xButton:hover[b-efr40x75t7] {
        background-image: url(icons/close_dark_hover.svg)
    }

.jsonIcon[b-efr40x75t7] {
    width: 32px;
    height: 32px;
    position: absolute;
    top:1rem;
    right:2rem;
    background-image: url(icons/json.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    z-index: 1001;
}

    .jsonIcon:hover[b-efr40x75t7] {
        background-image: url(icons/json_hover.svg)
    }

.post-body-content[b-efr40x75t7] {
    width: 550px
}

[b-efr40x75t7] .tbody {
    font-size: var(--font-size-xysmall);
}

[b-efr40x75t7] div.col-title {
    gap: 0px;
    padding: 0;
    font-weight: var(--font_weight_med);
}

[b-efr40x75t7] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-efr40x75t7] div.col-header-content {
    padding: 20px 0 8px 0;
}

[b-efr40x75t7] thead {
    position: sticky;
    top: 58px;
    background-color: var(--secondary_font_colour);
}

.ServeColumn[b-efr40x75t7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-efr40x75t7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.10rem;
    padding-left: 20px;
}

.anchor[b-efr40x75t7] {
    anchor-name: --SearchResultsAnchor;
}
/* /Components/shared/ControlLibrary/LogsPage/RejectedLog.razor.rz.scp.css */
.CardHeader[b-qcx1ihtayh] {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
    padding-top: 20px;
}

.FontSerialLink[b-qcx1ihtayh] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    padding-left: 8px;
    text-decoration: none;
}

    .FontSerialLink:hover[b-qcx1ihtayh] {
        text-decoration: underline;
    }

.FontUrnLink[b-qcx1ihtayh] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

    .FontUrnLink:hover[b-qcx1ihtayh] {
        text-decoration: underline;
    }

[b-qcx1ihtayh] div.col-title {
    gap: 0px;
    padding: 0;
}

[b-qcx1ihtayh] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-qcx1ihtayh] thead {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
}

[b-qcx1ihtayh] div.col-header-content {
    padding: 8px 0;
}

[b-qcx1ihtayh] .quickgrid[theme=default] {
    width: 100%;
}

    [b-qcx1ihtayh] .quickgrid[theme=default] > tbody > tr > td {
        padding: 0.2rem 0.2rem 0.1rem 0.2rem;
        font-size: var(--font-size-xysmall);
    }

[b-qcx1ihtayh] .tbody {
    font-size: var(--font-size-xysmall);
}

.ServeColumn[b-qcx1ihtayh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-qcx1ihtayh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.10rem;
    padding-left: 20px;
}

.HeaderTitle[b-qcx1ihtayh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.body_text[b-qcx1ihtayh] {
    display: flex !important;
    flex-direction: row;
    gap: 8px;
}

.anchor[b-qcx1ihtayh] {
    anchor-name: --SearchResultsAnchor;
}
/* /Components/shared/ControlLibrary/LogsPage/SystemLog.razor.rz.scp.css */
.CardHeader[b-xwvfs1u5q0] {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
    padding-top: 20px;
}

.FontSerialLink[b-xwvfs1u5q0] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

    .FontSerialLink:hover[b-xwvfs1u5q0] {
        text-decoration: underline;
    }

.FontUrnLink[b-xwvfs1u5q0] {
    font-size: var(--font-size-xysmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

    .FontUrnLink:hover[b-xwvfs1u5q0] {
        text-decoration: underline;
    }

[b-xwvfs1u5q0] div.col-title {
    gap: 0px;
    padding: 0;
}

[b-xwvfs1u5q0] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-xwvfs1u5q0] div.col-header-content {
    padding: 20px 0 8px 0;
}

[b-xwvfs1u5q0] thead {
    position: sticky;
    top: 58px;
    background-color: var(--secondary_font_colour);
}

[b-xwvfs1u5q0] .quickgrid[theme=default] {
    width: 100%;
}

    [b-xwvfs1u5q0] .quickgrid[theme=default] > tbody > tr > td {
        padding: 0.2rem 0.2rem 0.1rem 0.2rem;
        font-size: var(--font-size-xysmall);
    }

[b-xwvfs1u5q0] .tbody {
    font-size: var(--font-size-xysmall);
}

.ServeColumn[b-xwvfs1u5q0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-xwvfs1u5q0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.10rem;
    padding-left: 20px;
}

.HeaderTitle[b-xwvfs1u5q0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.anchor[b-xwvfs1u5q0] {
    anchor-name: --SearchResultsAnchor;
}
/* /Components/shared/ControlLibrary/OperationsPage/CommandSelector.razor.rz.scp.css */
 .CommandsControl[b-bkul6mutiy] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        color: var(--primary_font_colour);
        gap: 12px;
    }

    .ColumnButtons[b-bkul6mutiy] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px
    }

    .LongButton[b-bkul6mutiy] {   
        width: 220px;
        justify-content: center;
    }
/* /Components/shared/ControlLibrary/OperationsPage/FontSelector.razor.rz.scp.css */
.FontListItem[b-tlzqkl8fly] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 5px;
}

    .FontListItem input[type="checkbox"][b-tlzqkl8fly] {
    }

.ScrollableFontList[b-tlzqkl8fly] {
    max-height: 380px;
    overflow-y: scroll;
    overflow-x: hidden;
}

ul[b-tlzqkl8fly] {
    list-style-type: none;
    padding: 0px;
}

/* .SmallSelector {
    width: 100%;
    height: 25px;
    font-size: var(--font-size-small);
    border: none !important;
    padding: 6px;
    margin-bottom: 8px;
} */

    .SmallSelector [b-tlzqkl8fly]::after {
        content: url('icons/filter.svg');
    }

input[b-tlzqkl8fly] {
    border: none;
    border-width: 0px !important;
    border-style: none !important;
}
/* /Components/shared/ControlLibrary/OperationsPage/OperationsData.razor.rz.scp.css */
.IconColumn[b-obuj95xi4r] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.HiddenColumn[b-obuj95xi4r] {
    visibility: hidden;
}

[b-obuj95xi4r] div.col-title {
    gap: 0px;
}

[b-obuj95xi4r] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-obuj95xi4r] thead {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
}

[b-obuj95xi4r] div.col-header-content {
    padding: 20px 0 8px 0;
}

.CardGridBody[b-obuj95xi4r] {
    height: 97%;
}

.FontSerialLink[b-obuj95xi4r] {
    font-size: var(--font-size-xsmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

    .FontSerialLink:hover[b-obuj95xi4r] {
        text-decoration: underline;
    }

.BigSelector[b-obuj95xi4r] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.Selector[b-obuj95xi4r] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.anchor[b-obuj95xi4r] {
    anchor-name: --SearchResultsAnchor;
}

.HeaderTitle[b-obuj95xi4r] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
/* /Components/shared/ControlLibrary/OverviewPage/LastSeenLog.razor.rz.scp.css */
.LastSeenWrapper[b-8cfzqngkhl] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    border-radius: var(--border-radius);
    background-color: var(--canvas_background_colour);
}

.CardBody[b-8cfzqngkhl] {
    max-height: 210px;
    overflow-y: auto;
    justify-content: start;
}

.CardTitle[b-8cfzqngkhl] {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

[b-8cfzqngkhl] div.col-title {
    gap: 0px;
    padding: 0;
    font-weight: var(--font_weight_med);
}

[b-8cfzqngkhl] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-8cfzqngkhl] thead {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
}

[b-8cfzqngkhl] tbody {
    font-size: var(--font-size-xysmall);
}

[b-8cfzqngkhl] div.col-header-content {
    padding: 8px 0;
}

[b-8cfzqngkhl] .quickgrid[theme=default] {
    width: 100%;
}

[b-8cfzqngkhl] .quickgrid[theme=default] > tbody > tr > td {
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
}

.CardGridBody[b-8cfzqngkhl] {
    height: 97%;
    grid-column-gap: 0.25rem;
    overflow-x: auto;
    font-size: var(--font-size-xxsmall);
}

.UplinkFrameGrid[b-8cfzqngkhl] {
    gap: 0.25rem;
    font-size: small;
}

.ServeColumn[b-8cfzqngkhl] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-8cfzqngkhl] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.10rem;
}

.FontSerialLink[b-8cfzqngkhl] {
    font-size: var(--font-size-xxsmall);
    color: var(--primary_font_colour);
    padding-left: 8px;
    text-decoration: none;
}

    .FontSerialLink:hover[b-8cfzqngkhl] {
        text-decoration: underline;
    }

.FontUrnLink[b-8cfzqngkhl] {
    font-size: var(--font-size-xxsmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

    .FontUrnLink:hover[b-8cfzqngkhl] {
        text-decoration: underline;
    }

.anchor[b-8cfzqngkhl] {
    anchor-name: --SearchResultsAnchor2;
}
/* /Components/shared/ControlLibrary/OverviewPage/UnresponsiveLog.razor.rz.scp.css */
.LastSeenWrapper[b-yv7ykdu6ok] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    border-radius: var(--border-radius);
    background-color: var(--canvas_background_colour);
}

.CardBody[b-yv7ykdu6ok] {
    max-height: 210px;
    overflow-y: auto;
    justify-content: start;
}

.CardTitle[b-yv7ykdu6ok] {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

[b-yv7ykdu6ok] div.col-title {
    gap: 0px;
    padding: 0;
    font-weight: var(--font_weight_med);
}

[b-yv7ykdu6ok] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-yv7ykdu6ok] thead {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
}

[b-yv7ykdu6ok] tbody {
    font-size: var(--font-size-xysmall);
}

[b-yv7ykdu6ok] div.col-header-content {
    padding: 8px 0;
}

[b-yv7ykdu6ok] .quickgrid[theme=default] {
    width: 100%;
}

[b-yv7ykdu6ok] .quickgrid[theme=default] > tbody > tr > td {
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
}

.CardGridBody[b-yv7ykdu6ok] {
    height: 97%;
    grid-column-gap: 0.25rem;
    overflow-x: auto;
    font-size: var(--font-size-xxsmall);
}

.UplinkFrameGrid[b-yv7ykdu6ok] {
    gap: 0.25rem;
    font-size: small;
}

.ServeColumn[b-yv7ykdu6ok] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-yv7ykdu6ok] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.10rem;
}

.FontSerialLink[b-yv7ykdu6ok] {
    font-size: var(--font-size-xxsmall);
    color: var(--primary_font_colour);
    padding-left: 8px;
    text-decoration: none;
}

    .FontSerialLink:hover[b-yv7ykdu6ok] {
        text-decoration: underline;
    }

.FontUrnLink[b-yv7ykdu6ok] {
    font-size: var(--font-size-xxsmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

    .FontUrnLink:hover[b-yv7ykdu6ok] {
        text-decoration: underline;
    }

.anchor[b-yv7ykdu6ok] {
    anchor-name: --SearchResultsAnchor3;
}
/* /Components/shared/ControlLibrary/OverviewPage/UplinkFrameLog.razor.rz.scp.css */
.UplinkFrameGrid[b-dubd0wvy3p] {
    gap: 0.25rem;
    font-size: small;
    max-height: 440px;
}

.CardContainer[b-dubd0wvy3p] {
    height: 92%;
}

.CardTitle[b-dubd0wvy3p] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.CardBody[b-dubd0wvy3p] {
    justify-content: start;
    width: 100%;
    height: 92%;
}

[b-dubd0wvy3p] div.col-title {
    gap: 0px;
    padding: 0;
}

[b-dubd0wvy3p] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-dubd0wvy3p] thead {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
}

[b-dubd0wvy3p] div.col-header-content {
    padding: 8px 0;
}

[b-dubd0wvy3p] .quickgrid[theme=default] {
    width: 100%;
}

[b-dubd0wvy3p] .quickgrid[theme=default]>tbody>tr>td {
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
 }

.CardGridBody[b-dubd0wvy3p] {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    font-size: var(--font-size-xxsmall);
}

.ServeColumn[b-dubd0wvy3p] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-dubd0wvy3p] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.10rem;
    padding-left: 10px;
}

.FontSerialLink[b-dubd0wvy3p] {
    font-size: var(--font-size-xxsmall);
    color: var(--primary_font_colour);
    padding-left: 8px;
    text-decoration: none;
}
.FontSerialLink:hover[b-dubd0wvy3p] {
        text-decoration: underline;
    }


.FontUrnLink[b-dubd0wvy3p] {
    font-size: var(--font-size-xxsmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}
.FontUrnLink:hover[b-dubd0wvy3p] {
        text-decoration: underline;
    }

.anchor[b-dubd0wvy3p] {
    anchor-name: --SearchResultsAnchor;
}
/* /Components/shared/ControlLibrary/SAP_AccountPage/AccountFontLog.razor.rz.scp.css */
.CardBody[b-3eqbsz73c9] {
    max-height: 456px;
    overflow-y: auto;
}

.CardTitle[b-3eqbsz73c9] {
    gap: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

[b-3eqbsz73c9] .quickgrid[theme=default] {
    width: 100%;
}

[b-3eqbsz73c9] tbody {
    font-size: var(--font-size-xysmall);
}

[b-3eqbsz73c9] div.col-title {
    gap: 0px;
}

[b-3eqbsz73c9] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-xysmall);
    font-weight: var(--font_weight_regular);
}

[b-3eqbsz73c9] thead {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
}

[b-3eqbsz73c9] div.col-header-content {
    padding: 20px 0 8px 0;
}

[b-3eqbsz73c9] .quickgrid[theme=default]>tbody>tr>td {
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
}

.CardGridBody[b-3eqbsz73c9] {
    height: 97%;
    grid-column-gap: 0.25rem;
    overflow-x: scroll;
    font-size: var(--font-size-xxsmall);
}

.UplinkFrameGrid[b-3eqbsz73c9] {
    gap: 0.25rem;
    font-size: small;
    overflow-x: auto;
}

.ServeColumn[b-3eqbsz73c9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    padding-left: 8px;
    gap: 0.10rem;
}

.ProcessedColumn[b-3eqbsz73c9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.10rem;
}

.FontSerialLink[b-3eqbsz73c9] {
    font-size: var(--font-size-xxsmall);
    color: var(--primary_font_colour);
    padding-left: 8px;
    text-decoration: none;
}

.FontSerialLink:hover[b-3eqbsz73c9] {
    text-decoration: underline;
}

.FontUrnLink[b-3eqbsz73c9] {
    font-size: var(--font-size-xxsmall);
    color: var(--primary_font_colour);
    text-decoration: none;
}

.FontUrnLink:hover[b-3eqbsz73c9] {
    text-decoration: underline;
}
/* /Components/shared/ControlLibrary/SAP_AccountPage/AccountStatistics.razor.rz.scp.css */
.CardContainer[b-qdxp0pjqci] {
    display: flex;
    flex-direction: column;
}

.CardBody[b-qdxp0pjqci] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: start;
}

.ColumnL[b-qdxp0pjqci] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    height: 90%;
    padding-top: 18px;
}

.ColumnR[b-qdxp0pjqci] {
     display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    height: 90%;
    padding-top: 18px;
}

.InfoSection[b-qdxp0pjqci] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    font-size: var(--font-size-xsmall);
    color: var(--menu_colour)
}

.SectionTitle[b-qdxp0pjqci] {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
}
/* /Components/shared/ControlLibrary/SAP_AccountPage/SAP_AccountDetails.razor.rz.scp.css */
.CardContainer[b-za7pwe4952] {
    display: flex;
    flex-direction: column;
}

.CardBody[b-za7pwe4952] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: start;
}

.ColumnL[b-za7pwe4952] {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    height: 90%;
    padding-top: 18px;
}

.ColumnR[b-za7pwe4952] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px;
    padding-top: 18px;
}

.InfoSection[b-za7pwe4952] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    font-size: var(--font-size-xsmall);
    color: var(--menu_colour)
}

.SectionTitle[b-za7pwe4952] {
    color: var(--third_font_colour);
    font-size: var(--font-size-xsmall);
}
/* /Components/shared/ControlLibrary/StatBar/Notifications.razor.rz.scp.css */
.NotificationWrapper[b-lrudmytbb3] {
    position: fixed;
    position-anchor: --NotificationAnchor;
    top: anchor(--NotificationAnchor 120%);
    left: anchor(--NotificationAnchor -2000%);
    z-index: 9999;
    width: 60ch;
    min-width: 30ch;
    height: fit-content;
    max-height: 400px;
    background-color: #E0E0E075;
    border-radius: 12px;
    border: 1px solid #C9C9C9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 24px;
    backdrop-filter: blur(10px);
    overflow: hidden;
}

.NotificationContent[b-lrudmytbb3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-xsmall);
}

.NotificationList[b-lrudmytbb3] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-bottom: 1px solid #C2C2C2;
    border-radius: 0px;
    width: 100%;
    height: 100%;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
}

.NotificationItem[b-lrudmytbb3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    margin-right: 20px;
    border-bottom: 1px solid #C2C2C2;
    padding: 10px 0px;
    gap: 10px;
}

.NotificationTitleWrapper[b-lrudmytbb3] {
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight-regular);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.NotificationTitle[b-lrudmytbb3] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-right: 20px;
    text-wrap: nowrap;
}
.NotificationTime[b-lrudmytbb3] {
    color: #727272;
    font-size: var(--font-size-xxsmall);
    font-weight: var(--font_weight-regular);
}

.NotificationMessage[b-lrudmytbb3] {
    font-size: var(--font-size-xxsmall);
    color: var(--primary_object_colour);
    font-weight: var(--font_weight-regular);
}

.NotificationCaption[b-lrudmytbb3] {
    font-size: var(--font-size-small);
    font-weight: var(--font_weight-medium);
}
/* /Components/shared/ControlLibrary/StatBar/Profile.razor.rz.scp.css */
.ProfileWrapper[b-buau3r0blb] {
    position: fixed;
    position-anchor: --ProfileAnchor;
    top: anchor(--ProfileAnchor 120%);
    left: anchor(--ProfileAnchor -100%);
    width: 300px;
    height: fit-content ;
    background-color: #C8E9FF;
    opacity: 0.85;
    padding: 20px;
    border: 2px solid var(--neon_colour);
    border-radius: 12px;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 43%);
    backdrop-filter: blur(5px);
    overflow: hidden;
    z-index: 1000;
}

.ProfileContent[b-buau3r0blb] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    color: #4B4B4B;
    gap: 10px;
    font-size: var(--font-size-xsmall);
}

.ProfileActions[b-buau3r0blb] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

.Change[b-buau3r0blb] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
/* /Components/shared/ControlLibrary/UserPage/UserEditForm.razor.rz.scp.css */
.FormContainerCard[b-5r4c2x27gt] {
    width: auto;
    height: 103%;
    gap: 20px;
    border-radius: 12px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
}

.FormContainer[b-5r4c2x27gt] {
    display: grid;
    grid-template-columns: 1fr 1fr 350px;
    align-items: center;
    width: 100%;
    height: 100%;
}

.form-control valid[b-5r4c2x27gt]{
    border: 1px solid var(--third_font_colour);
    border-radius: 25px;
    color: var(--menu_colour);
    font-size: var(--font_size_xsmall);
}

.form-group[b-5r4c2x27gt] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: var(--third_font_colour);
    font-size: var(--font_size_xsmall);
}

.txtInput[b-5r4c2x27gt] {
    width: 350px !important;
}

.lo-form[b-5r4c2x27gt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    height: 80%;
    padding: 20px;
}

label[b-5r4c2x27gt] {
    width: 130px;
    padding-right: 10px;
}

input[b-5r4c2x27gt] {
    width: 350px;
}
/* /Components/shared/ControlLibrary/UserPage/UserInvitations.razor.rz.scp.css */
.GridCard[b-318rdgtybc] {
    min-height: 103%;
    max-height: 103%;
    width: 99.8%;
    border-radius: 12px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
}

[b-318rdgtybc] div.col-title {
    gap: 0px;
}

[b-318rdgtybc] div.col-title-text {
    color: var(--primary_font_colour);
    font-size: var(--font-size-xsmall);
    font-weight: var(--font_weight_regular);
}

[b-318rdgtybc] thead {
    position: sticky;
    top: 0;
    background-color: var(--secondary_font_colour);
    padding-bottom: 8px;
}

[b-318rdgtybc] div.col-header-content {
    padding: 20px 0 8px 0;
}

/*::deep .quickgrid[theme=default] > tbody > tr > td {
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
}*/

[b-318rdgtybc] .quickgrid[theme=default]  {
    max-height: 210px;
    height: auto;
    --col-gap: 1rem;
    width: 100%;
    padding: 0 8px 8px 8px;
    overflow-x: hidden;
    overflow-y: scroll;
}

[b-318rdgtybc] thead {
    position: sticky;
    top: 0;
    color: var(--menu_colour);
}

[b-318rdgtybc] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_regular);
}

[b-318rdgtybc] div.col-header-content {
    padding: 12px 0 0 0;
}

:deep div.col-justify-start[b-318rdgtybc] {
    color: var(--menu_colour);
    font-size: var(--font-size-xsmall);
}

.CardGridBody[b-318rdgtybc] {
    height: 97%;
    grid-column-gap: 0.25rem;
    overflow-x: scroll;
    font-size: var(--font-size-xxsmall);
}

.AddUser[b-318rdgtybc] {
    background-image: url(icons/adduser.svg);
    background-position-x: 6px;
    width: fit-content;
    cursor: pointer;
    border: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 4px 10px 4px 44px;
}
    .AddUser:hover[b-318rdgtybc] {
        background-image: url(icons/adduser_hover.svg);
        transition: ease 0.2s;
    }
/* /Components/shared/ControlLibrary/UserPage/UserList.razor.rz.scp.css */
.GridCard[b-7ofdbsdr1z] {
    width: 99.5%;
    min-height: 500px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

[b-7ofdbsdr1z] div.col-title {
    gap: 0px;
    padding: 0 0 0.5rem 0;
}

[b-7ofdbsdr1z] .quickgrid[theme=default] {
    width: 100%;
    padding: 0 10px;
    max-height: 510px;
    height: auto;
    align-items: start;
    overflow-x: hidden;
    overflow-y: scroll;
}

[b-7ofdbsdr1z] div.col-title-text {
    color: var(--third_font_colour);
    font-size: var(--font-size-small);
    font-weight: var(--font_weight_regular);
}

[b-7ofdbsdr1z] thead {
    position: sticky;
    top: 0;
    color: var(--menu_colour);
}

[b-7ofdbsdr1z] div.col-header-content {
    padding: 12px 0 0 0;
}

[b-7ofdbsdr1z] .quickgrid[theme=default] > tbody > tr > td {
    padding: 0.2rem 0.2rem 0.1rem 0.2rem;
}

.CardGridBody[b-7ofdbsdr1z] {
    height: 97%;
    grid-column-gap: 0.25rem;
    overflow-x: scroll;
    font-size: var(--font-size-xxsmall);
}

.EditUserIcon[b-7ofdbsdr1z] {
    background-image: url(icons/edituser.svg);
    background-color: transparent;
    height: 32px;
    width: 30px;
    cursor: pointer;
    border: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
    margin-left: 10px;
}
    .EditUserIcon:hover[b-7ofdbsdr1z] {
        background-image: url(icons/edituser_hover.svg);
        transition: ease 0.2s;
    }
/* /Components/shared/ForgottenPasswordDialog.razor.rz.scp.css */
.forgotten-password-dialog[b-3bpkws3gjn] {
    min-width: 500px;
    min-height: 300px;
    background-color: #f0f0f020;
    border: solid rgba(240, 240, 240, 0.5) 2px;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(131, 131, 131, 0.2);
    display: grid;
    padding: 40px;
    grid-template-columns: 0.9fr;
    position:relative;
}

.e-dlg-container[b-3bpkws3gjn] {
    background-color: #f0f0f020;
    border: solid white 2px;
    width: 100%;
    height: 350px;
}

.e-btn-icon.e-icons.e-close-icon.e-icon-left[b-3bpkws3gjn]:before {
    content: '\e825';
}

.Dialog_Wrapper[b-3bpkws3gjn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0F1C2580;
    display: flex;
    justify-content: center;
    align-items: center;
}

.e-control e-dialog e-dlg-modal e-lib e-popup e-popup-open[b-3bpkws3gjn] {
    max-height: 925px;
    width: 350px;
    /* height: 500px; */
    left: 0px;
    top: 0px;
    position: relative;
    z-index: 1001;
}

.Dialog_Content[b-3bpkws3gjn] {
    color: white;
}

.Dialog_Field[b-3bpkws3gjn] {
    background-color: #0F1C2540;
    border: solid #FFFFFF50;
    color: var(--light-font_colour);
    border-radius: 50%;
    font-size: var(--font-size-small);
    padding: 0.5rem 1rem;
    border-width: 2px;
}

.validation-message[b-3bpkws3gjn] {

}

.e-toast-container .e-toast .e-toast-message .e-toast-title[b-3bpkws3gjn] {
    color: red;
    font-size: 18px;
    font-weight: bold;
}

.toast-icons[b-3bpkws3gjn] {
    font-family: 'Toast_icons' !important;
    speak: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#toast_custom .e-toast .e-toast-title[b-3bpkws3gjn],
#toast_custom .e-toast .e-toast-message[b-3bpkws3gjn],
#toast_custom .e-toast .e-toast-message .e-toast-content[b-3bpkws3gjn],
#toast_custom .e-toast .e-toast-close-icon[b-3bpkws3gjn] {
    color: var(--light-font_colour);
}

#toast_custom .e-toast-container .e-toast .e-toast-message .e-toast-content[b-3bpkws3gjn] {
    padding: 14px 0 0 0;
    color: red;
    font-size: 18px;
    font-weight: bold;
}

#toast_custom .e-toast-template[b-3bpkws3gjn] {
    display: inline-flex;
}

#toast_custom .e-toast-icon.e-toast-image[b-3bpkws3gjn] {
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px !important;
    width: 50px !important;
    background-size: 50px 50px;
    align-self: center;
}

#toast_custom .camden .e-toast-icon.e-toast-image[b-3bpkws3gjn],
#toast_custom .chase .e-toast-icon.e-toast-image[b-3bpkws3gjn] {
    width: 65px !important;
}

#template_toast .horizontal-align .toast-content .toast-title[b-3bpkws3gjn] {
    font-weight: 500;
    color: var(--light-font_colour);
}

#template_toast .horizontal-align .toast-content .toast-message[b-3bpkws3gjn] {
    opacity: 0.75;
    color: var(--light-font_colour);
}

#template_toast .toast-icons[b-3bpkws3gjn] {
    font-size: 35px;
    height: auto;
    margin: auto;
}

#template_toast .horizontal-align[b-3bpkws3gjn] {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
}

    #template_toast .horizontal-align .toast-content[b-3bpkws3gjn] {
        display: inline-flex;
        flex: 1;
        flex-direction: column;
        margin-left: 10px;
    }
/* /Components/shared/OnboardingConfirmation.razor.rz.scp.css */
.request-invitation-dialog[b-0d2c67w6vx] {
    height: 36rem;
    min-width: 500px;
    min-height: 540px;
    background-color: #f0f0f020;
    border: solid rgba(240, 240, 240, 0.5) 2px;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(131, 131, 131, 0.2);
    display: grid;
    padding: 40px;
    grid-template-columns: 0.9fr;
    backdrop-filter: blur(5px);
    position: relative;
}

.FormGrid[b-0d2c67w6vx] {
    height: auto;
    gap: 16px;
    display: flex;
    flex-direction: column;
}

#Name[b-0d2c67w6vx] {
    grid-row: 1;
}

#Email[b-0d2c67w6vx] {
    grid-row: 2;
}

#Company[b-0d2c67w6vx] {
    grid-row: 3;
}

#Department[b-0d2c67w6vx] {
    grid-row: 4;
}

.e-dlg-container[b-0d2c67w6vx] {
    background-color: #f0f0f020;
    border: solid white 2px;
    width: 500px;
    height: 350px;
}

.Dialog_Wrapper[b-0d2c67w6vx] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0F1C2580;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Dialog_Content[b-0d2c67w6vx] {
    color: white;
}

.Dialog_Field[b-0d2c67w6vx] {
    background-color: #0F1C2540;
    border: solid #FFFFFF50;
    color: var(--light-font_colour);
    border-radius: 50%;
    font-size: var(--font-size-small);
    padding: 0.5rem 1rem;
    border-width: 2px;
}

.Selector[b-0d2c67w6vx] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    height: fit-content;
}

.SelectorOptions[b-0d2c67w6vx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    font-size: var(--font-size-small);
}

.form-group[b-0d2c67w6vx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 0;
    padding-top: 12px;
}
/* /Components/shared/RequestInvitation.razor.rz.scp.css */
.request-invitation-dialog[b-hifhsuojvz] {
    height: 36rem;
    min-width: 500px;
    min-height: 540px;
    background-color: #f0f0f020;
    border: solid rgba(240, 240, 240, 0.5) 2px;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(131, 131, 131, 0.2);
    display: grid;
    padding: 40px;
    grid-template-columns: 0.9fr;
    backdrop-filter: blur(5px);
    position:relative;
}

.FormGrid[b-hifhsuojvz] {
    height: auto;
    gap: 16px;
    display: flex;
    flex-direction: column;
}

#Name[b-hifhsuojvz] {
    grid-row: 1;
}

#Email[b-hifhsuojvz] {
    grid-row: 2;
}

#Company[b-hifhsuojvz] {
    grid-row: 3;
}

#Department[b-hifhsuojvz] {
    grid-row: 4;
}

.e-dlg-container[b-hifhsuojvz] {
    background-color: #f0f0f020;
    border: solid white 2px;
    width: 500px;
    height: 350px;
}

.Dialog_Wrapper[b-hifhsuojvz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0F1C2580;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Dialog_Content[b-hifhsuojvz] {
    color: white;
}

.Dialog_Field[b-hifhsuojvz] {
    background-color: #0F1C2540;
    border: solid #FFFFFF50;
    color: var(--light-font_colour);
    border-radius: 50%;
    font-size: var(--font-size-small);
    padding: 0.5rem 1rem;
    border-width: 2px;
}

.Selector[b-hifhsuojvz] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    height: fit-content;
}

.SelectorOptions[b-hifhsuojvz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    font-size: var(--font-size-small);
}

.form-group[b-hifhsuojvz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 0;
    padding-top: 12px;
}