/* _content/Recert360/Components/Account/Pages/AccessDenied.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.PageContainer[b-dh9j0go5td]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#ConfirmEmailContainer[b-ozwhgvoalq]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/ConfirmEmailChange.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#ConfirmEmailChangeContainer[b-u2a2zy0v65]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}

@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/ExternalLogin.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#ExternalLoginContainer[b-s6uts24yvq]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}
#SuccessAuthenticated[b-s6uts24yvq]
{
    margin: min(2vh, 2vw) 0;
    text-align: center;
}

@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
/*remove any whitespace around the documents*/
*[b-71fnu1fxng]
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*standard device styling (desktops larger than ipad)*/
#ForgotPasswordPageContainer[b-71fnu1fxng]
{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: dimgray;
    color: white;
    justify-content: center;
    align-items: center;
}
#ForgotPasswordContainer[b-71fnu1fxng]
{
    width: 50vw;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #101010;
    color: white;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#ForgotPasswordHeader[b-71fnu1fxng]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    text-align: center;
}
#ForgotPasswordForm[b-71fnu1fxng]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-71fnu1fxng]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-71fnu1fxng]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserEmail[b-71fnu1fxng]
{
    width: 60%;
}
#ResetButton[b-71fnu1fxng]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#ResetButton:hover[b-71fnu1fxng]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    #ForgotPasswordContainer[b-71fnu1fxng]
    {
        width: 50vw;
        height: 30vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #101010;
        color: white;
        border-bottom-color: black;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    #ForgotPasswordHeader[b-71fnu1fxng]
    {
        font-size: 1.5rem;
    }
    #ForgotPasswordForm[b-71fnu1fxng]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .FormInput[b-71fnu1fxng]
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 1vh 0;
        width: 100%;
    }
    .FormLabel[b-71fnu1fxng]
    {
        margin-right: 1vh;
    }
    #UserEmail[b-71fnu1fxng]
    {
        width: 60%;
    }
    #ResetButton:hover[b-71fnu1fxng]
    {
        transition-duration: 0.5s;
        transform: scale(1.1);
        background-color: dimgray;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    #ForgotPasswordPageContainer[b-71fnu1fxng]
    {
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        background-color: dimgray;
        color: white;
        justify-content: center;
        align-items: center;
    }
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    #ForgotPasswordPageContainer[b-71fnu1fxng]
    {
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        background-color: dimgray;
        color: white;
        justify-content: center;
        align-items: center;
    }
    #ForgotPasswordContainer[b-71fnu1fxng]
    {
        width: 70vw;
        height: 30vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #101010;
        color: white;
        border-bottom-color: black;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    #ForgotPasswordHeader[b-71fnu1fxng]
    {
        font-size: 1.5rem;
    }
    #ForgotPasswordForm[b-71fnu1fxng]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .FormInput[b-71fnu1fxng]
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 1vh 0;
        width: 100%;
    }
    .FormLabel[b-71fnu1fxng]
    {
        margin-right: 1vh;
    }
    #UserEmail[b-71fnu1fxng]
    {
        width: 60%;
    }
    #ResetButton:hover[b-71fnu1fxng]
    {
        transition-duration: 0.5s;
        transform: scale(1.1);
        background-color: dimgray;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#ForgotPasswordConfirmationContainer[b-30r8eaw3s7]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}

@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/InvalidPasswordReset.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.InvalidPasswordResetContainer[b-hgm1oj6qe6]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/InvalidUser.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.InvalidUserContainer[b-4borqo8323]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Lockout.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.LockoutContainer[b-ek010c4ssa]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}
.Lockout[b-ek010c4ssa]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Login.razor.rz.scp.css */
/*remove any whitespace around the documents*/
*[b-m9cpwc2ok4]
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*standard device styling (desktops larger than ipad)*/
#LoginPageContainer[b-m9cpwc2ok4]
{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: dimgray;
    color: white;
    justify-content: center;
    align-items: center;
}
#LoginContainer[b-m9cpwc2ok4]
{
    width: 50vw;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #101010;
    color: white;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#LoginHeader[b-m9cpwc2ok4]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
}
#LoginForm[b-m9cpwc2ok4]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.FormInput[b-m9cpwc2ok4]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-m9cpwc2ok4]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserEmail[b-m9cpwc2ok4]
{
    width: 60%;
}
#UserPassword[b-m9cpwc2ok4]
{
    width: 60%;
}
#LoginButton[b-m9cpwc2ok4], #UserEmail[b-m9cpwc2ok4], #UserPassword[b-m9cpwc2ok4]
{
    margin-right: 1vw;
}
#ForgotPassword[b-m9cpwc2ok4], #NewUserRegister[b-m9cpwc2ok4], #EmailConfirmation[b-m9cpwc2ok4]
{
    font-size: min(1.5vw, 1.5vh);
}
#SpacedLinks[b-m9cpwc2ok4]
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 2vw;
}
#LoginButton:hover[b-m9cpwc2ok4]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    #LoginContainer[b-m9cpwc2ok4]
    {
        width: 50vw;
        height: 30vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #101010;
        color: white;
        border-bottom-color: black;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    #LoginHeader[b-m9cpwc2ok4]
    {
        font-size: 1.5rem;
    }
    #LoginForm[b-m9cpwc2ok4]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .FormInput[b-m9cpwc2ok4]
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 1vh 0;
        width: 100%;
    }
    .FormLabel[b-m9cpwc2ok4]
    {
        margin-right: 1vh;
    }
    #UserEmail[b-m9cpwc2ok4]
    {
        width: 60%;
    }
    #UserPassword[b-m9cpwc2ok4]
    {
        width: 60%;
    }
    #LoginButton:hover[b-m9cpwc2ok4]
    {
        transition-duration: 0.5s;
        transform: scale(1.1);
        background-color: dimgray;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    #ForgotPassword[b-m9cpwc2ok4], #NewUserRegister[b-m9cpwc2ok4], #EmailConfirmation[b-m9cpwc2ok4]
    {
        font-size: min(1vw, 1vh);
    }
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    #ForgotPassword[b-m9cpwc2ok4], #NewUserRegister[b-m9cpwc2ok4], #EmailConfirmation[b-m9cpwc2ok4]
    {
        font-size: min(1vw, 1vh);
    }
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    #ForgotPassword[b-m9cpwc2ok4], #NewUserRegister[b-m9cpwc2ok4], #EmailConfirmation[b-m9cpwc2ok4]
    {
        font-size: min(2vw, 2vh);
    }
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    #LoginContainer[b-m9cpwc2ok4]
    {
        width: 70vw;
        height: 30vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #101010;
        color: white;
        border-bottom-color: black;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    #LoginHeader[b-m9cpwc2ok4]
    {
        font-size: 1.5rem;
    }
    #LoginForm[b-m9cpwc2ok4]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .FormInput[b-m9cpwc2ok4]
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 1vh 0;
        width: 100%;
    }
    .FormLabel[b-m9cpwc2ok4]
    {
        margin-right: 1vh;
    }
    #UserEmail[b-m9cpwc2ok4]
    {
        width: 60%;
    }
    #UserPassword[b-m9cpwc2ok4]
    {
        width: 60%;
    }
    #LoginButton:hover[b-m9cpwc2ok4]
    {
        transition-duration: 0.5s;
        transform: scale(1.1);
        background-color: dimgray;
    }
    #ForgotPassword[b-m9cpwc2ok4], #NewUserRegister[b-m9cpwc2ok4], #EmailConfirmation[b-m9cpwc2ok4]
    {
        font-size: min(2vw, 2vh);
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/LoginWith2fa.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#AuthCodeHeader[b-mpisf12x73]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#AuthCodeMsg[b-mpisf12x73]
{
    font-size: 0.75rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
}
#CodeForm[b-mpisf12x73]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-mpisf12x73]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-mpisf12x73]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserCode[b-mpisf12x73], #UserMachine[b-mpisf12x73]
{
    width: 60%;
}
#LogInButton[b-mpisf12x73]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#LogInButton:hover[b-mpisf12x73]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}
#GetCode[b-mpisf12x73]
{
    text-align: center;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    font-size: min(2vw, 2vh);
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/LoginWithRecoveryCode.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#AuthCodeHeader[b-k8igtu2e8k]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#AuthCodeMsg[b-k8igtu2e8k]
{
    font-size: 0.75rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
}
#CodeForm[b-k8igtu2e8k]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-k8igtu2e8k]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-k8igtu2e8k]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserCode[b-k8igtu2e8k]
{
    width: 60%;
}
#CodeButton[b-k8igtu2e8k]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#CodeButton:hover[b-k8igtu2e8k]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#UpdateHeader[b-om0qc036va]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#UpdateForm[b-om0qc036va]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-om0qc036va]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-om0qc036va]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserOld[b-om0qc036va], #UserNew[b-om0qc036va], #UserPassword[b-om0qc036va]
{
    width: 60%;
}
#UpdateButton[b-om0qc036va]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#UpdateButton:hover[b-om0qc036va]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/DeletePersonalData.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#DeleteHeader[b-14befp18er]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#DeleteForm[b-14befp18er]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-14befp18er]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-14befp18er]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserPassword[b-14befp18er]
{
    width: 60%;
}
#DeleteButton[b-14befp18er]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#DeleteButton:hover[b-14befp18er]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}
.Center[b-14befp18er]
{
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 90%;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/Disable2fa.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#DisableHeader[b-8su07u235a]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#DisableForm[b-8su07u235a]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-8su07u235a]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
#DisableButton[b-8su07u235a]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#DisableButton:hover[b-8su07u235a]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}
.Center[b-8su07u235a]
{
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 90%;
    display: flex;
    flex-direction: column;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/Email.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#EmailHeader[b-0dgmb7q5h3]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#EmailForm[b-0dgmb7q5h3]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-0dgmb7q5h3]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-0dgmb7q5h3]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserEmail[b-0dgmb7q5h3], #UserEmail2[b-0dgmb7q5h3], #UserNewEmail[b-0dgmb7q5h3]
{
    width: 60%;
}
.ChangeEmailButton[b-0dgmb7q5h3]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
.ChangeEmailButton:hover[b-0dgmb7q5h3]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#ProfileHeader[b-fktbhxd2o0]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#ProfileForm[b-fktbhxd2o0]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-fktbhxd2o0]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-fktbhxd2o0]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserUsername[b-fktbhxd2o0], #UserPhone[b-fktbhxd2o0]
{
    width: 60%;
}
#SaveButton[b-fktbhxd2o0]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#SaveButton:hover[b-fktbhxd2o0]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}
.Center[b-fktbhxd2o0]
{
    text-align: center;
    font-size: min(1.5vw, 1.5vh);
}
.AuthenticatorList[b-fktbhxd2o0]
{
    list-style: none outside none;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    .Center[b-fktbhxd2o0]
    {
        font-size: min(2.5vw, 2.5vh) !important;
    }
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    .Center[b-fktbhxd2o0]
    {
        font-size: min(2.5vw, 2.5vh) !important;
    }
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    .Center[b-fktbhxd2o0]
    {
        font-size: min(2.5vw, 2.5vh) !important;
    }
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    .Center[b-fktbhxd2o0]
    {
        font-size: min(2.5vw, 2.5vh) !important;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.RegisterHeader[b-n4n5hgeggk]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
.RegisterForm[b-n4n5hgeggk]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-n4n5hgeggk]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-n4n5hgeggk]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserProviderUser[b-n4n5hgeggk], #UserProviderKey[b-n4n5hgeggk]
{
    width: 60%;
}
.RegisterButton[b-n4n5hgeggk]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
.RegisterButton:hover[b-n4n5hgeggk]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/GenerateRecoveryCodes.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#GenerateHeader[b-lpelmdijez]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#GenerateForm[b-lpelmdijez]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-lpelmdijez]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-lpelmdijez]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#GenerateButton[b-lpelmdijez]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#GenerateButton:hover[b-lpelmdijez]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}
.GenerateInstructions[b-lpelmdijez]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
p[b-lpelmdijez]{
    text-align: center;
    margin-left: min(1.5vw, 1.5vh);
    margin-right: max(1.5vw, 1.5vh);
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/Index.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#AuthenticatorHeader[b-nrual2hpgr]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#AuthenticatorForm[b-nrual2hpgr]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-nrual2hpgr]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-nrual2hpgr]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserCode[b-nrual2hpgr]
{
    width: 60%;
}
#VerifyButton[b-nrual2hpgr]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#VerifyButton:hover[b-nrual2hpgr]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/PersonalData.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#UpdaterHeader[b-cc1veur8p3]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#UpdateForm[b-cc1veur8p3]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-cc1veur8p3]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-cc1veur8p3]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UpdateButton[b-cc1veur8p3]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#UpdateButton:hover[b-cc1veur8p3]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}
.Center[b-cc1veur8p3]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    text-align: center;
}
#DeleteLink[b-cc1veur8p3]
{
    text-decoration: none;
    text-align: center;
    background-color: grey;
    border-style: solid;
    border-color: dimgrey;
    padding: min(0.5vw, 0.5vh);
}
#DeleteLink:link[b-cc1veur8p3]
{
    text-decoration: none;
}
#DeleteLink:visited[b-cc1veur8p3]
{
    text-decoration: none;
}
#DeleteLink:hover[b-cc1veur8p3]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/ResetAuthenticator.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#ResetHeader[b-yyk9694c1r]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#ResetForm[b-yyk9694c1r]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
#ResetButton[b-yyk9694c1r]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#ResetButton:hover[b-yyk9694c1r]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}
.Center[b-yyk9694c1r]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/SetPassword.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#SetHeader[b-a1r0g1vpch]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#SetForm[b-a1r0g1vpch]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-a1r0g1vpch]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-a1r0g1vpch]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserPassword[b-a1r0g1vpch], #UserConfirm[b-a1r0g1vpch]
{
    width: 60%;
}
#SetButton[b-a1r0g1vpch]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#SetButton:hover[b-a1r0g1vpch]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}
.Center[b-a1r0g1vpch]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Manage/TwoFactorAuthentication.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.AuthHeader[b-o5kgqdznxy]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#ForgetForm[b-o5kgqdznxy]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
#ForgetButton[b-o5kgqdznxy]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#ForgetButton:hover[b-o5kgqdznxy]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}
.Center[b-o5kgqdznxy]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    text-align: center;
}
.LinkButton[b-o5kgqdznxy]
{
    text-decoration: none;
    text-align: center;
    background-color: grey;
    border-style: solid;
    border-color: dimgrey;
    padding: min(0.5vw, 0.5vh);
}
.LinkButton:link[b-o5kgqdznxy]
{
    text-decoration: none;
}
.LinkButton:visited[b-o5kgqdznxy]
{
    text-decoration: none;
}
.LinkButton:hover[b-o5kgqdznxy]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/Register.razor.rz.scp.css */
/*remove any whitespace around the documents*/
*[b-srnexjgomr]
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*standard device styling (desktops larger than ipad)*/
#RegisterPageContainer[b-srnexjgomr]
{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: dimgray;
    color: white;
    justify-content: center;
    align-items: center;
}
#RegisterContainer[b-srnexjgomr]
{
    width: 50vw;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #101010;
    color: white;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#RegisterHeader[b-srnexjgomr]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
}
#RegisterForm[b-srnexjgomr]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.FormInput[b-srnexjgomr]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-srnexjgomr]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserEmail[b-srnexjgomr], #UserPassword[b-srnexjgomr], #UserConfirmPassword[b-srnexjgomr]
{
    width: 60%;
}
#RegisterButton[b-srnexjgomr], #UserEmail[b-srnexjgomr], #UserPassword[b-srnexjgomr], #UserConfirmPassword[b-srnexjgomr]
{
    margin-right: 1vw;
}
#RegisterButton:hover[b-srnexjgomr]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    #RegisterContainer[b-srnexjgomr]
    {
        width: 50vw;
        height: 30vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #101010;
        color: white;
        border-bottom-color: black;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    #RegisterHeader[b-srnexjgomr]
    {
        font-size: 1.5rem;
    }
    #RegisterForm[b-srnexjgomr]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .FormInput[b-srnexjgomr]
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 1vh 0;
        width: 100%;
    }
    .FormLabel[b-srnexjgomr]
    {
        margin-right: 1vh;
    }
    #UserEmail[b-srnexjgomr], #UserPassword[b-srnexjgomr], #UserConfirmPassword[b-srnexjgomr]
    {
        width: 60%;
    }
    #RegisterButton:hover[b-srnexjgomr]
    {
        transition-duration: 0.5s;
        transform: scale(1.1);
        background-color: dimgray;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    #RegisterContainer[b-srnexjgomr]
    {
        width: 70vw;
        height: 30vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #101010;
        color: white;
        border-bottom-color: black;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    #RegisterHeader[b-srnexjgomr]
    {
        font-size: 1.5rem;
    }
    #RegisterForm[b-srnexjgomr]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .FormInput[b-srnexjgomr]
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 1vh 0;
        width: 100%;
    }
    .FormLabel[b-srnexjgomr]
    {
        margin-right: 1vh;
        font-size: max(3vw, 3vw);
    }
    #UserEmail[b-srnexjgomr], #UserPassword[b-srnexjgomr], #UserConfirmPassword[b-srnexjgomr]
    {
        width: 60%;
    }
    #RegisterButton:hover[b-srnexjgomr]
    {
        transition-duration: 0.5s;
        transform: scale(1.1);
        background-color: dimgray;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.RegisterConfirmationContainer[b-a5cyebh6ek]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
/*remove any whitespace around the documents*/
*[b-kyxu5ut354]
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*standard device styling (desktops larger than ipad)*/
#ResendEmailConfirmationPageContainer[b-kyxu5ut354]
{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: dimgray;
    color: white;
    justify-content: center;
    align-items: center;
}
#ResendEmailConfirmationContainer[b-kyxu5ut354]
{
    width: 50vw;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #101010;
    color: white;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#ResendEmailConfirmationHeader[b-kyxu5ut354]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    text-align: center;
}
#ResendEmailConfirmationForm[b-kyxu5ut354]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.FormInput[b-kyxu5ut354]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-kyxu5ut354]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserEmail[b-kyxu5ut354]
{
    width: 60%;
}
#ResendButton[b-kyxu5ut354]
{
    margin-right: 1vw;
    margin-top: 1vh;
}
#ResendButton:hover[b-kyxu5ut354]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    #ResendEmailConfirmationContainer[b-kyxu5ut354]
    {
        width: 50vw;
        height: 30vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #101010;
        color: white;
        border-bottom-color: black;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    #ResendEmailConfirmationHeader[b-kyxu5ut354]
    {
        font-size: 1.5rem;
    }
    #ResendEmailConfirmationForm[b-kyxu5ut354]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .FormInput[b-kyxu5ut354]
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 1vh 0;
        width: 100%;
    }
    .FormLabel[b-kyxu5ut354]
    {
        margin-right: 1vh;
    }
    #UserEmail[b-kyxu5ut354]
    {
        width: 60%;
    }
    #ResendButton:hover[b-kyxu5ut354]
    {
        transition-duration: 0.5s;
        transform: scale(1.1);
        background-color: dimgray;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    #ResendEmailConfirmationContainer[b-kyxu5ut354]
    {
        width: 70vw;
        height: 30vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #101010;
        color: white;
        border-bottom-color: black;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    #ResendEmailConfirmationHeader[b-kyxu5ut354]
    {
        font-size: 1.2rem;
    }
    #ResendEmailConfirmationForm[b-kyxu5ut354]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .FormInput[b-kyxu5ut354]
    {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 1vh 0;
        width: 100%;
    }
    .FormLabel[b-kyxu5ut354]
    {
        margin-right: 1vh;
    }
    #UserEmail[b-kyxu5ut354]
    {
        width: 60%;
    }
    #ResendButton:hover[b-kyxu5ut354]
    {
        transition-duration: 0.5s;
        transform: scale(1.1);
        background-color: dimgray;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/ResetPassword.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#ResetHeader[b-lisw9cbpjy]
{
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1vh;
    margin-left: max(1vw, 1vh);
    margin-right: max(1vw, 1vh);
    text-align: center;
}
#ResetForm[b-lisw9cbpjy]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.FormInput[b-lisw9cbpjy]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1vh 0;
    width: 100%;
}
.FormLabel[b-lisw9cbpjy]
{
    margin-right: 1vh;
    font-size: max(1.5vw, 1.5vh);
}
#UserEmail[b-lisw9cbpjy], #UserPassword[b-lisw9cbpjy], #UserPasswordConfirm[b-lisw9cbpjy]
{
    width: 60%;
}
#LoginButton[b-lisw9cbpjy], #UserEmail[b-lisw9cbpjy], #UserPassword[b-lisw9cbpjy], #UserPasswordConfirm[b-lisw9cbpjy]
{
    margin-right: 1vw;
}
#ResetButton:hover[b-lisw9cbpjy]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgray;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.ResetPasswordConfirmationContainer[b-bjslry25eh]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: darkgrey;
    color: orangered;
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Shared/AccountLayout.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/


/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.ManageAccountContainer[b-plt9oygzwn]
{
    width: 100vw;
    height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #101010;
    color: orangered;
}
#Header[b-plt9oygzwn]
{
    height: max(3vh, 3vw);
    font-size: max(2vh, 2vw);
    text-align: center;
}
.Header[b-plt9oygzwn]
{
    font-size: max(1.75vh, 1.75vw);
    text-align: center;
}
.DisplayContainer[b-plt9oygzwn]
{
    width: 100vw;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
    background-color: #101010;
    color: orangered;
    border-top-color: orangered;
    border-top-style: solid;
    border-top-width: min(0.1vh, 0.1vw);
}
.AccountSettingsContainer[b-plt9oygzwn]
{
    width: max(30vw, 30vh);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    background-color: #101010;
    color: orangered;
    border-right-color: orangered;
    border-right-style: solid;
    border-right-width: min(0.1vh, 0.1vw);
}
.AccountContainer[b-plt9oygzwn]
{
    width: max(70vw, 70vh);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    background-color: #101010;
    color: orangered;
    border-left-color: orangered;
    border-left-style: solid;
    border-left-width: min(0.1vh, 0.1vw);
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    .ManageAccountContainer[b-plt9oygzwn]
    {
        width: 100vw;
        height: 92vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #101010;
        color: orangered;
    }
    .DisplayContainer[b-plt9oygzwn]
    {
        width: 100vw;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: start;
        justify-content: start;
        background-color: #101010;
        color: orangered;
        border-top-color: orangered;
        border-top-style: solid;
        border-top-width: min(0.1vh, 0.1vw);
    }
    .AccountSettingsContainer[b-plt9oygzwn]
    {
        width: max(30vw, 30vh);
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        background-color: #101010;
        color: orangered;
        border-right-color: orangered;
        border-right-style: solid;
        border-right-width: min(0.1vh, 0.1vw);
    }
    .AccountContainer[b-plt9oygzwn]
    {
        width: max(70vw, 70vh);
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        background-color: #101010;
        color: orangered;
        border-left-color: orangered;
        border-left-style: solid;
        border-left-width: min(0.1vh, 0.1vw);
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    .ManageAccountContainer[b-plt9oygzwn]
    {
        width: 100vw;
        height: 93vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #101010;
        color: orangered;
    }
    .DisplayContainer[b-plt9oygzwn]
    {
        width: 100vw;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: start;
        justify-content: start;
        background-color: #101010;
        color: orangered;
        border-top-color: orangered;
        border-top-style: solid;
        border-top-width: min(0.1vh, 0.1vw);
    }
    .AccountSettingsContainer[b-plt9oygzwn]
    {
        width: max(30vw, 30vh);
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        background-color: #101010;
        color: orangered;
        border-right-color: orangered;
        border-right-style: solid;
        border-right-width: min(0.1vh, 0.1vw);
    }
    .AccountContainer[b-plt9oygzwn]
    {
        width: max(70vw, 70vh);
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        background-color: #101010;
        color: orangered;
        border-left-color: orangered;
        border-left-style: solid;
        border-left-width: min(0.1vh, 0.1vw);
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.LinkList[b-5zd9cna8kc]
{
    list-style: none;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0;
}
.LinkItem[b-5zd9cna8kc]
{
    width: 100%;
}
.Link[b-5zd9cna8kc]
{
    width: 100%;
    color: transparent;
}
.LinkButton[b-5zd9cna8kc]
{
    background-color: #929292;
    color: orangered;
    width: 100%;
    min-height: max(3vh, 3vw);
    font-size: max(2vh, 2vw);
}
.LinkButton:hover[b-5zd9cna8kc]
{
    transition-duration: 0.2s;
    background-color: #757575;
    color: red;
    transform: scale(1.1);
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/App.razor.rz.scp.css */
/*remove any whitespace around the documents*/
*[b-nz79a9kg9o]
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html[b-nz79a9kg9o]
{
    scroll-behavior: smooth;
}
html[b-nz79a9kg9o], body[b-nz79a9kg9o] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* _content/Recert360/Components/Layout/MainLayout.razor.rz.scp.css */
/*remove any whitespace around the documents*/
*[b-7or8sazbv8]
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html[b-7or8sazbv8]
{
    scroll-behavior: smooth;
}

/*standard device styling (desktops larger than ipad)*/
.page[b-7or8sazbv8]
{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    padding: 0;
    margin: 0;
}
header[b-7or8sazbv8]
{
    width: 100%;
    margin: 0;
    padding: 0;
}
main[b-7or8sazbv8]
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.PageWnav[b-7or8sazbv8]
{
    display: flex;
    flex-direction: column;
    width: 100vw;
    min-height: 90vh;
    margin: 0;
    padding: 0;
    background-color: black;
}
.PageWOnav[b-7or8sazbv8]
{
    display: flex;
    flex-direction: column;
    width: 100vw;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background-color: black;
}
#blazor-error-ui[b-7or8sazbv8]
{
    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;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#blazor-error-ui .dismiss[b-7or8sazbv8]
{
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    *[b-7or8sazbv8]
    {
        margin: 0;
        padding: 0 0 0.75vh;
        box-sizing: border-box;
    }
    html[b-7or8sazbv8]
    {
        scroll-behavior: smooth;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    *[b-7or8sazbv8]
    {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    html[b-7or8sazbv8]
    {
        scroll-behavior: smooth;
        padding-bottom: 0;
    }
    main[b-7or8sazbv8]
    {
        width: 100%;
        height: 100%;
        padding-bottom: 0;
    }
    .PageWnav[b-7or8sazbv8]
    {
        display: flex;
        flex-direction: column;
        width: 100vw;
        min-height: 90vh;
    }
    .PageWOnav[b-7or8sazbv8]
    {
        display: flex;
        flex-direction: column;
        width: 100vw;
        min-height: 100vh;
    }
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    *[b-7or8sazbv8]
    {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    html[b-7or8sazbv8]
    {
        scroll-behavior: smooth;
        padding-bottom: 0;
    }
    main[b-7or8sazbv8]
    {
        width: 100%;
        height: 100%;
        padding-bottom: 0;
    }
    .PageWnav[b-7or8sazbv8]
    {
        display: flex;
        flex-direction: column;
        width: 100vw;
        min-height: 90vh;
    }
    .PageWOnav[b-7or8sazbv8]
    {
        display: flex;
        flex-direction: column;
        width: 100vw;
        min-height: 100vh;
    }
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    .PageWnav[b-7or8sazbv8]
    {
        display: flex;
        flex-direction: column;
        width: 100vw;
        min-height: 93vh;
    }
    .PageWOnav[b-7or8sazbv8]
    {
        display: flex;
        flex-direction: column;
        width: 100vw;
        min-height: 100vh;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/OtherComponents/AssetOverviewGraph_Pie.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#PieChartContainer[b-o9uwl93nnj]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80%;
    height: auto;
    background-color: #101010;
    border-style: solid;
    border-color: white;
    border-width: min(0.1vw, 0.1vh);
    margin: min(0.3vw, 0.3vh) 0;
}
#ControlsContainer[b-o9uwl93nnj]
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
#Controls[b-o9uwl93nnj]
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 50%;
}
#SizeForm[b-o9uwl93nnj]
{
    display: flex;
    flex-direction: row;
    margin-right: auto;
    align-items: center;
}
#FilterForm[b-o9uwl93nnj]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
#DisplayController[b-o9uwl93nnj]
{
    background-color: grey;
    color: orangered;
    padding: min(0.7vw, 0.7vh);
    border-radius: min(2vw, 2vh);
    font-size: min(1.3vw, 1.3vw);
    font-weight: bold;
}
.FormLabel[b-o9uwl93nnj]
{
    text-align: center;
    margin-left: min(0.5vw, 0.5vh);
    font-size: max(1.5vw, 1.5vh);
    text-wrap: nowrap;
}
#CompanyHeader[b-o9uwl93nnj]
{
    color: white;
    font-size: min(2vw, 2vh);
    margin-right: min(0.5vw, 0.5vh);
    text-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}
#ExpandedDiv[b-o9uwl93nnj]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90%;
}
#CollapsedDiv[b-o9uwl93nnj]
{
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90%;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    #CompanyHeader[b-o9uwl93nnj]
    {
        color: white;
        font-size: min(1.2vw, 1.2vh);
        margin-right: min(0.3vw, 0.3vh);
        text-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    #Controls[b-o9uwl93nnj]
    {
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        width: 55%;
    }
    #FilterForm[b-o9uwl93nnj]
    {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: min(0.3vw, 0.3vh);
        width: 65%;
    }
    .FormLabel[b-o9uwl93nnj]
    {
        text-align: center;
        margin-left: min(0.3vw, 0.3vh);
        font-size: max(1.1vw, 1.1vh);
        text-wrap: nowrap;
    }
    #CompanyHeader[b-o9uwl93nnj]
    {
        color: white;
        font-size: min(1.3vw, 1.3vh);
        margin-right: min(0.2vw, 0.2vh);
        text-wrap: nowrap;
        overflow-y: unset;
        overflow-x: auto;
    }
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    #Controls[b-o9uwl93nnj]
    {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        width: 55%;
    }
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    #Controls[b-o9uwl93nnj]
    {
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        width: 70%;
        margin-right: min(0.2vw, 0.2vh);
    }
    #SizeForm[b-o9uwl93nnj]
    {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 40%;
    }
    #FilterForm[b-o9uwl93nnj]
    {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 50%;
        width: 80%;
        margin-left: 0;
    }
    #DisplayController[b-o9uwl93nnj]
    {
        background-color: grey;
        color: orangered;
        padding: min(1.2vw, 1.2vh);
        border-radius: min(2vw, 2vh);
        font-size: min(1.7vw, 1.7vw);
        font-weight: bolder;
    }
    .FormLabel[b-o9uwl93nnj]
    {
        text-align: center;
        margin-left: min(0.2vw, 0.2vh);
        font-size: max(0.7vw, 0.7vh);
        text-wrap: nowrap;
    }
    #CompanyHeader[b-o9uwl93nnj]
    {
        color: white;
        font-size: min(1.0vw, 1.0vh);
        font-weight: bold;
        margin-right: min(0.2vw, 0.2vh);
        text-wrap: nowrap;
        overflow-y: unset;
        overflow-x: auto;
        padding-bottom: min(0.4vw, 0.4vh);
        margin-top: min(1.9vw, 1.9vh);
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/OtherComponents/BusyIndicator.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
.modal[b-mgeqvdt7b0]
{
    display: block;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
    align-content: center;
    justify-content: center;
}
#Spinner[b-mgeqvdt7b0]
{
    display: flex;
    width: 20vw;
    height: 20vw;
    background-color: transparent;
    border-radius: 50%;
    border-color: red;
    border-style: outset;
    border-width: 2vw;
    animation: spin-b-mgeqvdt7b0 2s linear infinite;
    align-self: center;
    justify-self: center;
    justify-content: center;
    align-items: center;
}
@keyframes spin-b-mgeqvdt7b0
{
    0%
    {
        transform: rotate(0deg);
        border-color: red;
    }
    50%
    {
        transform: rotate(180deg);
        border-color: darkred;
    }
    100%
    {
        transform: rotate(360deg);
        border-color: red;
    }
}
#logo[b-mgeqvdt7b0]
{
    align-self: center;
    justify-self: center;
    animation: counterspin-b-mgeqvdt7b0 2s linear infinite;
    width: 100%;
    height: 50%;
}
@keyframes counterspin-b-mgeqvdt7b0
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(-360deg);
    }
}
#SpinnerLabelContainer[b-mgeqvdt7b0]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    justify-self: center;
    font-size: 4vw;
    color: white;
}
#SpinnerLabel[b-mgeqvdt7b0]
{
    align-self: center;
    justify-self: center;
}
#FirstDot[b-mgeqvdt7b0]
{
    animation: dotTrail-b-mgeqvdt7b0 3s linear infinite;
    animation-delay: 0s;
}
#SecondDot[b-mgeqvdt7b0]
{
    animation: dotTrail-b-mgeqvdt7b0 3s linear infinite;
    animation-delay: 1s;
}
#ThirdDot[b-mgeqvdt7b0]
{
    animation: dotTrail-b-mgeqvdt7b0 3s linear infinite;
    animation-delay: 2s;
}
@keyframes dotTrail-b-mgeqvdt7b0
{
    0%
    {
        color: rgb(255, 255, 255, 1)
    }
    50%
    {
        color: rgb(255, 255, 255, 0)
    }
    100%
    {
        color: rgb(255, 255, 255, 1)
    }
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/OtherComponents/DocumentInput.razor.rz.scp.css */
.drop-zone[b-rzhr9sddti] 
{
    position: relative;
    border: 2px dashed #aaa;
    padding: 30px;
    text-align: center;
}
.file-input[b-rzhr9sddti] 
{
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.file-list[b-rzhr9sddti] 
{
    list-style: none;
    padding: 0;
    margin-top: 10px;
}
.file-list li[b-rzhr9sddti]
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid #ddd;
}
.remove-btn[b-rzhr9sddti] 
{
    background: none;
    border: none;
    color: red;
    font-size: 16px;
    cursor: pointer;
}
.upload-btn[b-rzhr9sddti] 
{
    margin-top: 10px;
}
.file-size[b-rzhr9sddti] 
{
    color: white;
    font-size: 0.85em;
    margin-left: 6px;
}
/* _content/Recert360/Components/OtherComponents/ExportChartWindow.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#windowContainer[b-wlcgp4b11l]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
}
#close[b-wlcgp4b11l]
{
    position: absolute;
    top: 20px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.4s;
}
.close:hover[b-wlcgp4b11l]
{
    transform: scale(1.25);
    color: #c1c1c1;
}
#window[b-wlcgp4b11l]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 90%;
    min-height: 80%;
    background-color: antiquewhite;
    color: black;
}
#windowHeader[b-wlcgp4b11l]
{
    font-size: max(2vw, 2vh);
    text-align: center;
}
#ExportForm[b-wlcgp4b11l]
{
    display: flex;
    flex-direction: column;
    max-width: 75%;
}
#FileNameInput[b-wlcgp4b11l]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: min(2vw,2vh);
}
#FormLabel[b-wlcgp4b11l]
{
    margin-right: max(1vw, 1vh);
    font-size: max(1.5vw, 1.5vh);
}
#FileName[b-wlcgp4b11l]
{
    width: 60%;
}
#FormatController[b-wlcgp4b11l]
{
    width: 60%;
}
#ButtonContainer[b-wlcgp4b11l]
{
    margin-top: min(2vw,2vh);
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}
#ExportButton[b-wlcgp4b11l], #CancelButton[b-wlcgp4b11l]
{
    font-size: max(1.2vw, 1.2vh);
    text-align: center;
    text-decoration: none;
    padding: min(0.5vw, 0.5vh);
    background-color: white;
    color: black;
    border-radius: max(1.1vw, 1.1vh);
    transition-duration: 0.4s;
}
#ExportButton:hover[b-wlcgp4b11l], #CancelButton:hover[b-wlcgp4b11l]
{
    transform: scale(1.25);
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Alert Center/Alert_Center_Main.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/


/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Home_Pages/Home.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#HomePageContainer[b-8agrhj68vf]
{
    width: 100vw;
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    background-color: black;
    color: white;
    justify-content: center;
    align-items: center;
}
#StateSwappers[b-8agrhj68vf]
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 max(5vw, 5vh);
    gap: max(2.5vw, 2.5vw);
}
.DisplayController[b-8agrhj68vf]
{
    background-color: grey;
    color: orangered;
    padding: min(0.7vw, 0.7vh);
    border-radius: min(2vw, 2vh);
    font-size: min(1.3vw, 1.3vw);
    font-weight: bold;
}
#NoStatsMsg[b-8agrhj68vf]
{
    color: orangered;
    font-size: min(1.3vw, 1.3vw);
    text-align: center;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    #HomePageContainer[b-8agrhj68vf]
    {
        width: 100vw;
        min-height: 92vh;
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
        justify-content: center;
        align-items: center;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    #HomePageContainer[b-8agrhj68vf]
    {
        width: 100vw;
        min-height: 93vh;
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
        justify-content: center;
        align-items: center;
    }
    .DisplayController[b-8agrhj68vf]
    {
        background-color: grey;
        color: orangered;
        padding: min(0.7vw, 0.7vh);
        border-radius: min(2vw, 2vh);
        font-size: min(1.7vw, 1.7vw);
        font-weight: bold;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Incident/Incident_Division_Dashboard.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#PageContainer[b-gbxdiuemq6]
{
    width: 100%;
    height: 87vh;
    display: flex;
    flex-direction: column;
    background-color: black;
    color: white;
    overflow-x: auto;
}
#FilterHeader[b-gbxdiuemq6]
{
    text-align: center;
    font-size: max(2vw, 2vh);
    margin-bottom: min(2vw, 2vh);
}
#DataGridContainer[b-gbxdiuemq6]
{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 100%;
    overflow-x: auto;
}

[b-gbxdiuemq6] .expiration-none
{
    background-color: darkgray;
}
[b-gbxdiuemq6] .expiration-green
{
    background-color: green;
}
[b-gbxdiuemq6] .expiration-yellow
{
    background-color: yellow;
}
[b-gbxdiuemq6] .expiration-orange
{
    background-color: orange
}
[b-gbxdiuemq6] .expiration-red
{
    background-color: red
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    #PageContainer[b-gbxdiuemq6]
    {
        width: 100%;
        min-height: 92vh;
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    #PageContainer[b-gbxdiuemq6]
    {
        width: 100%;
        min-height: 93vh;
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Incident/Incident_Individual_Dashboard.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#PageContainer[b-ut7tr6nvxg]
{
    min-width: 100%;
    min-height: 100%;
    background-color: #010101;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    color: white;
}
#Header[b-ut7tr6nvxg]
{
    text-align: center;
    font-size: max(1.8vw, 1.8vh);
    font-weight: bold;
    margin: max(1vw, 1vh) 0;
}
#SecondaryContainer[b-ut7tr6nvxg]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    width: 100%;
    height: auto;
}
#IncidentInfoContainer[b-ut7tr6nvxg]
{
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 100%;
}
#FormControls[b-ut7tr6nvxg]
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20%;
}
#FormInputs[b-ut7tr6nvxg]
{
    display: grid;
    grid-template-columns: repeat(auto-fit, 5%); /*20 columns*/
    grid-template-rows: repeat(auto-fit, 20%); /*5 rows*/
    border-color: white;
    border-style: none;
    border-width: 1px;
}
#OtherInfoContainer[b-ut7tr6nvxg]
{
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 100%;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Inventory_Division_Dashboard.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#PageContainer[b-slejh7bxbx] 
{
    width: 100%;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background-color: black;
    color: white;
}
#DivisionHeader[b-slejh7bxbx]
{
    text-align: center;
    font-size: max(1.8vw, 1.8vh);
    font-weight: bold;
    margin: max(1vw, 1vh) 0;
}
#FirebirdSubmissionsDataGridContainer[b-slejh7bxbx]
{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 100%;
    overflow-x: auto;
}

[b-slejh7bxbx] .expiration-none 
{
    background-color: darkgray;
}
[b-slejh7bxbx] .expiration-green 
{
    background-color: green;
}
[b-slejh7bxbx] .expiration-yellow 
{
    background-color: yellow;
}
[b-slejh7bxbx] .expiration-orange 
{
    background-color: orange
}
[b-slejh7bxbx] .expiration-red 
{
    background-color: red
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Inventory_Filtered.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#PageContainer[b-sq1mh83o16]
{
    width: 100%;
    height: 87vh;
    display: flex;
    flex-direction: column;
    background-color: black;
    color: white;
    overflow-x: auto;
}
#FilterHeader[b-sq1mh83o16]
{
    text-align: center;
    font-size: max(2vw, 2vh);
    margin-bottom: min(2vw, 2vh);
}
#DataGridContainer[b-sq1mh83o16]
{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 100%;
    overflow-x: auto;
}

[b-sq1mh83o16] .expiration-none 
{
    background-color: darkgray;
}
[b-sq1mh83o16] .expiration-green 
{
    background-color: green;
}
[b-sq1mh83o16] .expiration-yellow 
{
    background-color: yellow;
}
[b-sq1mh83o16] .expiration-orange 
{
    background-color: orange
}
[b-sq1mh83o16] .expiration-red 
{
    background-color: red
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    #PageContainer[b-sq1mh83o16]
    {
        width: 100%;
        min-height: 92vh;
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    #PageContainer[b-sq1mh83o16]
    {
        width: 100%;
        min-height: 93vh;
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Inventory_Individual_Dashboard.razor.rz.scp.css */
/*standard device style (all desktops larger than ipads)*/
#PageContainer[b-rzk1e7x6v7]
{
    width: 100%;
    height: 90vh;
    display: flex;
    flex-direction: column;
    background-color: black;
    color: white;
}
.PageBody[b-rzk1e7x6v7]
{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}
.PageSubdivision[b-rzk1e7x6v7]
{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}
#FirstSubdivision[b-rzk1e7x6v7]
{
    width: 70%;
    height: 100%;
}
#SecondSubdivision[b-rzk1e7x6v7]
{
    width: 30%;
    height: 100%;
    background-color: silver
}
#InventoryHeader[b-rzk1e7x6v7]
{
    height: 6vh;
    align-self: center;
    justify-content: center;
}
.HeaderContainer[b-rzk1e7x6v7]
{
    width: 90%;
    height: 0.8vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    background-color: lightgray;
    margin-left: 0.5vh;
    margin-right: 0.5vh;
}
.HeaderLine[b-rzk1e7x6v7]
{
    flex: 1;
    height: 0;
}
.HeaderText[b-rzk1e7x6v7]
{
    flex: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 1.2vw;
}
#InventoryForm[b-rzk1e7x6v7]
{
    width: 100%;
    min-height: 40vh;
}
#ControlsContainer[b-rzk1e7x6v7]
{
    width: 100%;
    height: 4vh;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    background-color: seagreen;
}
.InventoryControlButton[b-rzk1e7x6v7]
{
    height: 3vh;
    align-self: center;
    color: white;
    background-color: darkseagreen;
    margin-left: 1vw;
}
.InventoryControlButton:hover[b-rzk1e7x6v7]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: seagreen;
}
#ItemIndexContainer[b-rzk1e7x6v7]
{
    border-color: white;
    border-style: solid;
    border-width: 0.1vh;
    background-color: seagreen;
    margin-left: 3vw;
    margin-right: 3vw;
    width: 5vw;
    height: 3.9vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#ItemIndexContainer:hover[b-rzk1e7x6v7]
{
    transition-duration: 0.5s;
    background-color: #0f5132;
}
#ItemIndexString[b-rzk1e7x6v7]
{
    width: 100%;
    height: 100%;
    color: white;
    font-size: 100%;
    justify-content: center;
    text-align: center;
}
.e-tab[b-rzk1e7x6v7] /*controls style of the tab navigation*/
{
    width: 100%;
    height: 100%;
    align-self: center;
    justify-self: center;
}
.e-tab .e-tab-header:not(.e-vertical) .e-indicator[b-rzk1e7x6v7], .e-tab .e-tab-header.e-vertical .e-indicator[b-rzk1e7x6v7] /*controls style of the tab navigation*/
{
    transition: none;
}
#QMControlsContainer[b-rzk1e7x6v7]
{
    width: 100%;
    height: 4vh;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    background-color: #6610f2;
}
#QMHeader[b-rzk1e7x6v7]
{
    margin-left: 1vw;
    margin-right: 1vw;
}
#QualityMatrixInfoContainer[b-rzk1e7x6v7]
{
    width: 100%;
    height: 34vh;
    display: flex;
    flex-direction: row;
    background-color: black;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    #PageContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 90vh;
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
        padding-bottom: 2vh;
    }
    .PageBody[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        padding-bottom: 2.5vh;
    }
    .PageSubdivision[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        padding-bottom: 2.5vh;
    }
    #InventoryHeader[b-rzk1e7x6v7]
    {
        height: 2vh;
        align-self: center;
        justify-content: center;
    }
    #ControlsContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 3vh;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        background-color: seagreen;
    }
    .InventoryControlButton[b-rzk1e7x6v7]
    {
        height: 2.5vh;
        align-self: center;
        color: white;
        background-color: darkseagreen;
        margin-left: 1vw;
    }
    #ItemIndexContainer[b-rzk1e7x6v7]
    {
        border-color: white;
        border-style: solid;
        border-width: 0.1vh;
        background-color: seagreen;
        margin-left: 3vw;
        margin-right: 3vw;
        width: 10vw;
        height: 2.9vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #QMControlsContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 3vh;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        background-color: #6610f2;
    }
    #QualityMatrixInfoContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 42.5vh;
        display: flex;
        flex-direction: row;
        background-color: black;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    #PageContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 90vh;
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
        padding-bottom: 0;
        overflow-y: hidden;
    }
    .PageBody[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        padding-bottom: 0;
    }
    .PageSubdivision[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        padding-bottom: 0;
    }
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    #PageContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 90vh;
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
        padding-bottom: 0;
        overflow-y: hidden;
    }
    .PageBody[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        padding-bottom: 0;
    }
    .PageSubdivision[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        padding-bottom: 0;
    }
    #FirstSubdivision[b-rzk1e7x6v7]
    {
        width: 70%;
        height: 100%;
        padding-bottom: 0;
    }
    #SecondSubdivision[b-rzk1e7x6v7]
    {
        width: 30%;
        height: 100%;
        background-color: silver;
        padding-bottom: 0;
    }
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    .PageBody[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .PageSubdivision[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    #FirstSubdivision[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 200%;
    }
    #SecondSubdivision[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        background-color: silver
    }
    #ControlsContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 6vh;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        background-color: seagreen;
    }
    .InventoryControlButton[b-rzk1e7x6v7]
    {
        height: 5vh;
        align-self: center;
        color: white;
        background-color: darkseagreen;
        margin-left: 1vw;
    }
    #ItemIndexContainer[b-rzk1e7x6v7]
    {
        border-color: white;
        border-style: solid;
        border-width: 0.1vh;
        background-color: seagreen;
        margin-left: 3vw;
        margin-right: 3vw;
        width: 10vw;
        height: 4.9vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #InventoryForm[b-rzk1e7x6v7]
    {
        width: 100%;
        min-height: 45vh;
    }
    #QualityMatrixInfoContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 80vh;
        display: flex;
        flex-direction: row;
        background-color: black;
    }
    #QMControlsContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 5vh;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        background-color: #6610f2;
    }
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    .PageBody[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .PageSubdivision[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    #FirstSubdivision[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 200%;
    }
    #SecondSubdivision[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 100%;
        background-color: silver
    }
    #ControlsContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 6vh;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        background-color: seagreen;
    }
    .InventoryControlButton[b-rzk1e7x6v7]
    {
        height: 5vh;
        align-self: center;
        color: white;
        background-color: darkseagreen;
        margin-left: 1vw;
    }
    #ItemIndexContainer[b-rzk1e7x6v7]
    {
        border-color: white;
        border-style: solid;
        border-width: 0.1vh;
        background-color: seagreen;
        margin-left: 3vw;
        margin-right: 3vw;
        width: 10vw;
        height: 4.9vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #InventoryForm[b-rzk1e7x6v7]
    {
        width: 100%;
        min-height: 45vh;
    }
    #QualityMatrixInfoContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 80vh;
        display: flex;
        flex-direction: row;
        background-color: black;
    }
    #QMControlsContainer[b-rzk1e7x6v7]
    {
        width: 100%;
        height: 5vh;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        background-color: #6610f2;
        margin-top: 30vh;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Inventory_Job_Dashboard.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#PageContainer[b-dh1sqxykf4] 
{
    width: 100%;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background-color: black;
    color: white;
}
#JobHeader[b-dh1sqxykf4]
{
    text-align: center;
    font-size: max(1.8vw, 1.8vh);
    font-weight: bold;
    margin: max(1vw, 1vh) 0;
}
#JobInventoryContainer[b-dh1sqxykf4]
{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 100%;
    overflow-x: auto;
}

[b-dh1sqxykf4] .expiration-none 
{
    background-color: darkgray;
}
[b-dh1sqxykf4] .expiration-green 
{
    background-color: green;
}
[b-dh1sqxykf4] .expiration-yellow 
{
    background-color: yellow;
}
[b-dh1sqxykf4] .expiration-orange 
{
    background-color: orange
}
[b-dh1sqxykf4] .expiration-red 
{
    background-color: red
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Partial/InventoryActiveDocuments.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#ActiveDocumentsContainer[b-tjduggemjr]
{
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto; 
    border-color: white;
    border-style: none;
    border-width: 1px;
}
#ActiveDocumentsContainer:hover[b-tjduggemjr]
{
    transition-duration: 0.5s;
    border-style: solid;
}
#ActiveDocumentsGrid .e-editedrow table[b-tjduggemjr],
#ActiveDocumentsGrid .e-addedrow table[b-tjduggemjr]
{
    background-color: black;
    color: white;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Partial/InventoryActivitiesInformation.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#FormsInfoContainer[b-uk1d4tpyx9]
{
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    background-color: black;
    border-color: white;
    border-style: none;
    border-width: 1px;
}
#FormsInfoContainer:hover[b-uk1d4tpyx9]
{
    border-style: solid;
    height: 99%;
}
#FormsGrid .e-editedrow table[b-uk1d4tpyx9],
#FormsGrid .e-addedrow table[b-uk1d4tpyx9]
{
    background-color: black;
    color: white;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Partial/InventoryFilloutForm.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#InventoryFormContainer[b-id640jf0ru]
{
    width: 100%;
    height: 40vh;
    display: grid;
    grid-template-columns: repeat(auto-fit, 6.36363636364%); /*15 columns*/
    grid-template-rows: repeat(auto-fit, 25%); /*4 rows*/
    border-color: white;
    border-style: none;
    border-width: 1px;
}
#InventoryFormContainer:hover[b-id640jf0ru]
{
    transition-duration: 0.5s;
    border-style: solid;
}
.InputContainer[b-id640jf0ru]
{
    background-color: grey;
    margin: 7px;
    border-color: white;
    border-style: solid;
    border-width: 2px;
}
.InputContainer:hover[b-id640jf0ru]
{
    transition-duration: 0.5s;
    transform: scale(1.1);
    background-color: dimgrey;
}
.BooleanInputLabel[b-id640jf0ru]
{
    width: 100%;
    color: white;
    font-size: 0.8vw;
    text-align: center;
    margin-top: 4px;
}
.DateInputLabel[b-id640jf0ru]
{
    width: 100%;
    color: white;
    font-size: 0.8vw;
    text-align: center;
    margin-top: 4px;
}
.DecimalInputLabel[b-id640jf0ru]
{
    width: 100%;
    color: white;
    font-size: 0.8vw;
    text-align: center;
    margin-top: 4px;
}
.InventoryInput[b-id640jf0ru]
{
    color: white;
    text-align: start;
    font-size: 0.8vw;;
}
.InventoryInputLabel[b-id640jf0ru]
{
    font-size: 80%;
    margin-top: 4px;
    text-align: center;
}
.DateTimeErrorContainer[b-id640jf0ru]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 40%;
    text-align: center;
    font-size: 0.75vw;
    background-color: rgba(150, 150, 150, 0.5);
    color: red;
    position: absolute;
    margin-bottom: -2vh;
    padding: 0 0.5vw;
    z-index: 2;
}
#InspectionErrorContainer[b-id640jf0ru]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 40%;
    text-align: center;
    font-size: 0.75vw;
    background-color: rgba(150, 150, 150, 0.5);
    color: red;
    position: absolute;
    margin-top: 3.5vh;
    margin-left: 3vw;
    padding: 0 0.3vw;
    z-index: 2;
}
#MissingDateErrorContainer[b-id640jf0ru]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 40%;
    text-align: center;
    font-size: 0.5vw;
    background-color: rgba(150, 150, 150, 0.5);
    color: red;
    position: absolute;
    margin-bottom: -2vh;
    margin-left: 0.5vw;
    padding: 0 0.5vw;
    z-index: 2;
}

/* ------ FIRST ROW ------ */
#ItemInputContainer[b-id640jf0ru]
{
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#ItemInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#ItemInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#ItemInput[b-id640jf0ru]::placeholder, #ItemInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#CustomerCodeInputContainer[b-id640jf0ru]
{
    grid-row: 1 / 2;
    grid-column: 3 / 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#CustomerCodeInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#CustomerCodeInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#CustomerCodeInput[b-id640jf0ru]::placeholder, #CustomerCodeInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}

#CustomerItemNumberInputContainer[b-id640jf0ru]
{
    grid-row: 1 / 2;
    grid-column: 5 / 7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#CustomerItemNumberInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#CustomerItemNumberInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#CustomerItemNumberInput[b-id640jf0ru]::placeholder, #CustomerItemNumberInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}

#SerialInputContainer[b-id640jf0ru]
{
    grid-row: 1 / 2;
    grid-column: 7 / 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#SerialInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#SerialInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#SerialInput[b-id640jf0ru]::placeholder, #SerialInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#ModelInputContainer[b-id640jf0ru]
{
    grid-row: 1 / 2;
    grid-column: 9 / 11;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#ModelInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#ModelInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#ModelInput[b-id640jf0ru]::placeholder, #ModelInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#IsMissingInputContainer[b-id640jf0ru]
{
    grid-row: 1 / 2;
    grid-column: 11 / 13;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#IsMissingInputContainer_Missing[b-id640jf0ru]
{
    grid-row: 1 / 2;
    grid-column: 11 / 13;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: red !important;
}
#IsMissingInput[b-id640jf0ru]
{
    width: 25%;
    height: 25%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#IsMissingInputInverted[b-id640jf0ru]
{
    width: 25%;
    height: 25%;
    margin: 5px;
    background-color: grey;
}
#LeftPossessionDateInputContainer[b-id640jf0ru]
{
    grid-row: 1 / 2;
    grid-column: 13 / 16;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#LeftPossessionDateInput[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
}
#LeftPossessionDateInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: inherit;
}
#LeftPossessionDateInputString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: inherit;
    display: none;
}
#LeftPossessionDateInput_Str[b-id640jf0ru],  #LeftPossessionDateInput_StrInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
    color: black;
}
#LeftPossessionDateInput_StrString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    color: black;
}

/* ----- SECOND ROW ----- */
#DescriptionInputContainer[b-id640jf0ru]
{
    grid-row: 2 / 4;
    grid-column: 1 / 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#DescriptionInput[b-id640jf0ru]
{
    width: 90%;
    height: 80%;
    margin: 5px;
    background-color: lightgrey;
    resize: none;
    color: black;
}
#DescriptionInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 80%;
    margin: 5px;
    background-color: inherit;
    resize: none;
}
#DescriptionInput[b-id640jf0ru]::placeholder, #DescriptionInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#OfficeInputContainer[b-id640jf0ru]
{
    grid-row: 2 / 3;
    grid-column: 5 / 7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#OfficeInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#OfficeInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#OfficeInput[b-id640jf0ru]::placeholder, #OfficeInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#ManufacturerInputContainer[b-id640jf0ru]
{
    grid-row: 2 / 3;
    grid-column: 7 / 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#ManufacturerInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#ManufacturerInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#ManufacturerInput[b-id640jf0ru]::placeholder, #ManufacturerInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#MissingDateInputContainer[b-id640jf0ru]
{
    grid-row: 2 / 3;
    grid-column: 11 / 13;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#MissingDateInputContainer_Missing[b-id640jf0ru]
{
    grid-row: 2 / 3;
    grid-column: 11 / 13;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: red !important;
}
#MissingDateInput[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
}
#MissingDateInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: grey;
}
#MissingDateInputString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
}
#MissingDateInput_Str[b-id640jf0ru],  #MissingDateInput_StrInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
    color: black;
}
#MissingDateInput_StrString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    color: black;
}
#EnteredPossessionDateInputContainer[b-id640jf0ru]
{
    grid-row: 2 / 3;
    grid-column: 13 / 16;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#EnteredPossessionDateInput[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
}
#EnteredPossessionDateInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: inherit;
}
#EnteredPossessionDateInputString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
}
#EnteredPossessionDateInput_Str[b-id640jf0ru],  #EnteredPossessionDateInput_StrInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
    color: black;
}
#EnteredPossessionDateInput_StrString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    color: black;
}

/* ----- THIRD ROW ----- */
#CurrentTrackingTicketInputContainer[b-id640jf0ru]
{
    grid-row: 3 / 4;
    grid-column: 5 / 7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#TrackingTicketLabel[b-id640jf0ru]
{
    font-size: 0.6vw;
}
#CurrentTrackingTicketInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#CurrentTrackingTicketInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#CurrentTrackingTicketInput[b-id640jf0ru]::placeholder, #CurrentTrackingTicketInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#CurrentJobContainer[b-id640jf0ru]
{
    grid-row: 3 / 4;
    grid-column: 7 / 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#CurrentJobInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#CurrentJobInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#CurrentJobInput[b-id640jf0ru]::placeholder, #CurrentJobInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#PurchaseDateInputContainer[b-id640jf0ru]
{
    grid-row: 3 / 4;
    grid-column: 13 / 16;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#PurchaseDateInput[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
}
#PurchaseDateInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: inherit;
}
#PurchaseDateInputString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
}
#PurchaseDateInput_Str[b-id640jf0ru],  #PurchaseDateInput_StrInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
    color: black;
}
#PurchaseDateInput_StrString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    color: black;
}

/* ----- FOURTH ROW ----- */
#CategoryInputContainer[b-id640jf0ru]
{
    grid-row: 4 / 5;
    grid-column: 1 / 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#CategoryInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#CategoryInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#CategoryInput[b-id640jf0ru]::placeholder, #CategoryInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#SubcategoryInputContainer[b-id640jf0ru]
{
    grid-row: 4 / 5;
    grid-column: 3 / 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#SubcategoryInput[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: lightgrey;
    color: black;
}
#SubcategoryInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 60%;
    margin: 5px;
    background-color: inherit;
}
#SubcategoryInput[b-id640jf0ru]::placeholder, #SubcategoryInputInverted[b-id640jf0ru]::placeholder
{
    color: white;
}
#InspectionExpirationDateContainer[b-id640jf0ru]
{
    grid-row: 4 / 5;
    grid-column: 5 / 8;
}
#InspectionExpirationDateContainer:hover #InspectionExpirationDateHintContainer[b-id640jf0ru],
#InspectionExpirationDateInputContainer:hover #InspectionExpirationDateHintContainer[b-id640jf0ru],
#InspectionExpirationDateInput:hover #InspectionExpirationDateHintContainer[b-id640jf0ru]
{
    display: block;
    z-index: 2;
}
#InspectionExpirationDateHintContainer[b-id640jf0ru]
{
    display: none;
    position: fixed;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(210, 180, 140, 0.5);
    width: 8vw;
    left: 31vw;
    border-radius: 10vw;
}
#InspectionExpirationDateHintContainer_Hidden[b-id640jf0ru]
{
    display: none;
    position: fixed;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(210, 180, 140, 0.5);
    width: 8vw;
    left: 31vw;
    border-radius: 10vw;
}
#InspectionExpirationDateHint[b-id640jf0ru]
{
    width: 90%;
    height: 90%;
    text-align: center;
    font-size: 0.5vw;
    color: black;
}
#InspectionExpirationDateInputContainer[b-id640jf0ru]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: grey !important;
    color: white !important;
    height: 81%;
}
#InspectionExpirationDateInputContainer_Green[b-id640jf0ru]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: green !important;
    color: black !important;
    height: 81%;
}
#InspectionExpirationDateInputContainer_Orange[b-id640jf0ru]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: orange !important;
    color: black !important;
    height: 81%;
}
#InspectionExpirationDateInputContainer_Yellow[b-id640jf0ru]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: yellow !important;
    color: black !important;
    height: 81%;
}
#InspectionExpirationDateInputContainer_Red[b-id640jf0ru]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: red !important;
    color: white !important;
    height: 81%;
}
#InspectionExpirationDateInput[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
}
#InspectionExpirationDateInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: grey;
}
#InspectionExpirationDateInputString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
}
#InspectionExpirationDateInput_Str[b-id640jf0ru],  #InspectionExpirationDateInput_StrInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
    color: black;
}
#InspectionExpirationDateInput_StrString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    color: black;
}
#InServiceDateInputContainer[b-id640jf0ru]
{
    grid-row: 4 / 5;
    grid-column: 13 / 16;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#InServiceDateInput[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
}
#InServiceDateInputInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: inherit;
}
#InServiceDateInputString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
}
#InServiceDateInput_Str[b-id640jf0ru],  #InServiceDateInput_StrInverted[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    display: none;
    color: black;
}
#InServiceDateInput_StrString[b-id640jf0ru]
{
    width: 90%;
    height: 50%;
    margin: 2px 5px 5px;
    background-color: lightgrey;
    color: black;
}

/*portrait screen overrides*/
@media (orientation: portrait)
{
    #InventoryFormContainer[b-id640jf0ru]
    {
        width: 100%;
        height: 40vh;
        display: grid;
        grid-template-columns: repeat(auto-fit, 6.36363636364%); /*15 columns*/
        grid-template-rows: repeat(auto-fit, 12.5%); /*8 rows*/
        border-color: white;
        border-style: none;
        border-width: 1px;
    }

    .DateTimeErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.75vw;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: -1.5vw;
        margin-left: 1.5vw;
        padding: 0 0.5vw;
        z-index: 2;
    }
    #InspectionErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.5vh;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: 4.5vw;
        margin-left: 3vw;
        padding: 0 0.3vw;
        z-index: 2;
    }
    #MissingDateErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.25vh;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: -2vw;
        margin-left: 0.75vw;
        padding: 0 0.5vw;
        z-index: 2;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    #InspectionErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.75vw;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: 5.5vh;
        margin-left: 3vw;
        padding: 0 0.6vh;
        z-index: 2;
    }
    #MissingDateErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.5vw;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: 2.25vh;
        margin-left: 1vw;
        padding: 0 0.5vw;
        z-index: 2;
    }
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    .InventoryInputLabel[b-id640jf0ru]
    {
        font-size: 60%;
        margin-top: 4px;
        text-align: center;
    }
    .DateTimeErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.6vw;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: -0.75vh;
        padding: 0 0.5vw;
        z-index: 2;
    }
    #InspectionErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.75vw;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: 3.25vh;
        margin-left: 3vw;
        padding: 0 0.3vw;
        z-index: 2;
    }
    #MissingDateErrorContainer[b-id640jf0ru]
    {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         border-radius: 40%;
         text-align: center;
         font-size: 0.4vw;
         background-color: rgba(150, 150, 150, 0.5);
         color: red;
         position: absolute;
         margin-top: 0.25vh;
         margin-left: 0.75vw;
         padding: 0 0.5vw;
         z-index: 2;
    }
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    #InventoryFormContainer[b-id640jf0ru]
    {
        width: 100vw;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, 6.36363636364%); /*15 columns*/
        grid-template-rows: repeat(auto-fit, 20%); /*5 rows*/
        border-color: white;
        border-style: none;
        border-width: 1px;
    }

    .DateTimeErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.75vh;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: 1vw;
        padding: 0 0.5vw;
        z-index: 2;
    }
    #InspectionErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.75vh;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: 3.75vw;
        margin-left: 13vw;
        padding: 0 0.3vw;
        z-index: 2;
    }
    #MissingDateErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.75vh;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: 2vh;
        margin-left: 0.75vw;
        padding: 0 0.5vw;
        z-index: 2;
    }
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    #InventoryFormContainer[b-id640jf0ru]
    {
        width: 100vw;
        height: 200%;
        display: grid;
        grid-template-columns: repeat(auto-fit, 6.36363636364%); /*15 columns*/
        grid-template-rows: repeat(auto-fit, 10%); /*10 rows*/
        border-color: white;
        border-style: none;
        border-width: 1px;
    }
    #ItemInputContainer[b-id640jf0ru]
    {
        grid-row: 1 / 2;
        grid-column: 1 / 4;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #CustomerCodeInputContainer[b-id640jf0ru]
    {
        grid-row: 1 / 2;
        grid-column: 4 / 7;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #CustomerItemNumberInputContainer[b-id640jf0ru]
    {
        grid-row: 5 / 6;
        grid-column: 1 / 4;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #SerialInputContainer[b-id640jf0ru]
    {
        grid-row: 5 / 6;
        grid-column: 4 / 7;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #ModelInputContainer[b-id640jf0ru]
    {
        grid-row: 5 / 6;
        grid-column: 7 / 10;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #IsMissingInputContainer[b-id640jf0ru]
    {
        grid-row: 1 / 2;
        grid-column: 7 / 10;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #IsMissingInputContainer_Missing[b-id640jf0ru]
    {
        grid-row: 1 / 2;
        grid-column: 7 / 10;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: red !important;
    }
    #LeftPossessionDateInputContainer[b-id640jf0ru]
    {
        grid-row: 6 / 7;
        grid-column: 1 / 6;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #DescriptionInputContainer[b-id640jf0ru]
    {
        grid-row: 2 / 4;
        grid-column: 1 / 10;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #OfficeInputContainer[b-id640jf0ru]
    {
        grid-row: 7 / 8;
        grid-column: 1 / 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #ManufacturerInputContainer[b-id640jf0ru]
    {
        grid-row: 5 / 6;
        grid-column: 10 / 14;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #MissingDateInputContainer[b-id640jf0ru]
    {
        grid-row: 1 / 2;
        grid-column: 10 / 16;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #MissingDateInputContainer_Missing[b-id640jf0ru]
    {
        grid-row: 1 / 2;
        grid-column: 10 / 16;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: red !important;
    }
    #EnteredPossessionDateInputContainer[b-id640jf0ru]
    {
        grid-row: 2 / 3;
        grid-column: 10 / 16;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #CurrentTrackingTicketInputContainer[b-id640jf0ru]
    {
        grid-row: 6 / 7;
        grid-column: 10 / 14;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #CurrentJobContainer[b-id640jf0ru]
    {
        grid-row: 6 / 7;
        grid-column: 6 / 10;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #PurchaseDateInputContainer[b-id640jf0ru]
    {
        grid-row: 3 / 4;
        grid-column: 10 / 16;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #CategoryInputContainer[b-id640jf0ru]
    {
        grid-row: 4 / 5;
        grid-column: 1 / 6;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #SubcategoryInputContainer[b-id640jf0ru]
    {
        grid-row: 4 / 5;
        grid-column: 6 / 10;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #InspectionExpirationDateContainer[b-id640jf0ru]
    {
        grid-row: 7 / 8;
        grid-column: 5 / 10;
    }
    #InspectionExpirationDateInputContainer[b-id640jf0ru]
    { 
        height: 83%;
    }
    #InServiceDateInputContainer[b-id640jf0ru]
    {
        grid-row: 4 / 5;
        grid-column: 10 / 16;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #TrackingTicketLabel[b-id640jf0ru]
    {
        font-size: 3vw;
    }
    .InventoryInput[b-id640jf0ru]
    {
        font-size: 2vw;
    }

    .DateTimeErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.75vh;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: -0.75vw;
        padding: 0 0.5vw;
        z-index: 2;
    }
    #InspectionErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.75vh;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: 15vw;
        margin-left: 13vw;
        padding: 0 0.3vw;
        z-index: 2;
    }
    #MissingDateErrorContainer[b-id640jf0ru]
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 40%;
        text-align: center;
        font-size: 0.75vh;
        background-color: rgba(150, 150, 150, 0.5);
        color: red;
        position: absolute;
        margin-top: 0.25vh;
        margin-left: 0.75vw;
        padding: 0 0.5vw;
        z-index: 2;
    }
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait) 
{
    @supports (-webkit-touch-callout: none) 
    {
        .InventoryInput[b-id640jf0ru] 
        {
            color: white;
            text-align: start;
            font-size: 0.8vh;
        }
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Partial/InventoryPTInformation.razor.rz.scp.css */
#PTInfoContainer[b-z78r7t4o17]
{
    width: 75%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background-color: transparent;
    border-color: white;
    border-style: none;
    border-width: 1px;
}
#PTInfoContainer:hover[b-z78r7t4o17]
{
    border-style: solid;
    height: 99%;
}
.custom-annotation[b-z78r7t4o17] 
{
    color: white;
    background-color: gray;
    height: 30px;
    width: 30px;
    border-radius: 18px;
    padding: 6px 6px 6px 6px;
    font-size: 12px;
    text-align: center;
}
#PTStorage[b-z78r7t4o17]
{
    width: 100%;
    height: 89%;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: start;
    margin-top: -3vh;
    overflow-x: auto;  
    white-space: nowrap;
}
.PTGaugeContainer[b-z78r7t4o17]
{
    margin-right: 0.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    #PTStorage[b-z78r7t4o17]
    {
        width: 100%;
        height: 50%;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: start;
        margin-top: 2vh;
        overflow-x: auto;
        white-space: nowrap;
    }
    .PTGaugeContainer[b-z78r7t4o17]
    {
        margin-right: 0.2vw;
        padding-top: 5vh;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        overflow: hidden;
    }
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    #PTStorage[b-z78r7t4o17]
    {
        width: 100%;
        height: 50%;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: start;
        margin-top: 2vh;
        overflow: hidden;
        white-space: nowrap;
    }
    .PTGaugeContainer[b-z78r7t4o17]
    {
        margin-right: 0.2vw;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        overflow: hidden;
    }
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Partial/InventoryRecertificationHistory.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#FirebirdSubmissionsContainer[b-pzhfocp35b]
{
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    background-color: black;
    border-color: white;
    border-style: none;
    border-width: 1px;
}
#FirebirdSubmissionsContainer:hover[b-pzhfocp35b]
{
    border-style: solid;
    height: 99%;
}
#FirebirdSubmissionsGrid .e-editedrow table[b-pzhfocp35b],
#FirebirdSubmissionsGrid .e-addedrow table[b-pzhfocp35b]
{
    background-color: black;
    color: white;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    /*unused*/
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}
/* _content/Recert360/Components/Pages/Inventory/Partial/InventoryUTInformation.razor.rz.scp.css */
/*standard device styling (desktops larger than ipad)*/
#UTInfoContainer[b-3k28p9vnuz]
{
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background-color: dimgrey;
    border-color: white;
    border-style: none;
    border-width: 1px;
}
#UTInfoContainer:hover[b-3k28p9vnuz]
{
    border-style: solid;
    height: 99%;
}
#UTImageContainer[b-3k28p9vnuz]
{
    max-width: 100%;
    min-width: 50%;
    max-height: 50%;
    min-height: 25%;
    margin: 0 0 2vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
#UTImage[b-3k28p9vnuz]
{
    width: 100%;
    height: 100%;
    object-fit: contain; /* maintain image aspect ration */
}
#UTGrid .e-editedrow table[b-3k28p9vnuz],
#UTGrid .e-addedrow table[b-3k28p9vnuz]
{
    background-color: black;
    color: white;
}
#UTDataGridContainer[b-3k28p9vnuz]
{
    overflow-x: auto;   
    overflow-y: hidden;
    white-space: nowrap;
    max-width: 80%;
    height: 24%;
    justify-items: left;
    align-content: start;
}

/*portrait screen overrides*/
@Media (orientation: portrait)
{
    /*unused*/
}

/*ipad landscape screen overrides*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape)
{
    #UTDataGridContainer[b-3k28p9vnuz]
    {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        max-width: 80%;
        height: 35%;
        justify-items: left;
        align-content: start;
    }
}

/*ipad portrait screen overrides*/
@media (min-height: 1024px) and (max-height: 1366px) and (orientation: portrait)
{
    /*unused*/
}

/*smaller than ipad landscape screen overrides*/
@media (max-width: 1023px) and (orientation: landscape)
{
    /*unused*/
}

/*smaller than ipad portrait screen overrides*/
@media (max-height: 1023px) and (orientation: portrait)
{
    /*unused*/
}

/*safari browser overrides in portrait orientation*/
@media (orientation: portrait)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}

/*safari browser overrides in landscape orientation*/
@media (orientation: landscape)
{
    @supports (-webkit-touch-callout: none)
    {
        /*unused*/
    }
}