/* /Pages/ContactPage.razor.rz.scp.css */
.ContactContainer[b-rruh8ke7lt]{
    display:flex;
    flex-direction:column;
    margin:30px;
    width:400px;
}

.inputcontrol[b-rruh8ke7lt]{
    padding-bottom:20px;
}


@media (max-width: 930px) {
    .ContactContainer[b-rruh8ke7lt] {
        display: flex;
        flex-direction: column;
        margin: 10%;
        width: 80%;
    }

    .inputcontrol[b-rruh8ke7lt] {
        padding-bottom: 20px;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.AccessDeniedContainer[b-s7xws39ajm]{
    top:200px;
    left:40px;
    position:absolute;
}



.ImageContainer[b-s7xws39ajm] {
    /*margin: 10px;*/
    max-width: 90vw;
    max-height: 90vh;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    /*top: 10px;
    position:absolute;*/
}

.GalleryImage[b-s7xws39ajm]{
    
    max-width:100%;
    max-height:100%;
}

.LoadingContainer[b-s7xws39ajm]{
    position:absolute;
    left:40vw;
    top:40vh;
}

.pagecontainer[b-s7xws39ajm]{
    display:flex;
    flex-direction:column;
}


/*====================================================================================================================*/
/*    ADVERT PAGE CONTROLS    */
/*====================================================================================================================*/
body[b-s7xws39ajm] {
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif, Arial, sans-serif;
    background-color: #D1E8E2;
    color: #4249e3;
    margin: 0;
    padding: 0;
}

.py-3[b-s7xws39ajm] {
    background-color: #3291a8;
}

.navbar[b-s7xws39ajm] {
    background-color: #A9D6E5;
}

.nav-link[b-s7xws39ajm], .navbar-brand[b-s7xws39ajm] {
    color: #3b3b3b !important;
    font-weight: 600;
}

    .nav-link:hover[b-s7xws39ajm] {
        font-weight: 600;
    }

.hero[b-s7xws39ajm] {
    background-color: #ffffff;
    padding: 40px 0;
}

.header[b-s7xws39ajm] {
    background-color: #ffffff;
    height: 200px;
}

.hero h1[b-s7xws39ajm] {
    color: #000000;
    font-size: 2.5rem;
}

.hero p[b-s7xws39ajm] {
    color: #4249e3;
}

.btn-primary[b-s7xws39ajm] {
    background-color: #3291a8;
    border: none;
}

    .btn-primary:hover[b-s7xws39ajm] {
        background-color: #145861;
    }

.btn-outline-primary[b-s7xws39ajm] {
    border-color: #4249e3;
    color: #4249e3;
}

    .btn-outline-primary:hover[b-s7xws39ajm] {
        background-color: #4249e3;
        color: #fff;
    }

.features h3[b-s7xws39ajm] {
    color: #4249e3;
}

.about[b-s7xws39ajm] {
    background-color: #A9D6E5;
}

    .about h2[b-s7xws39ajm] {
        color: #4249e3;
    }

.card[b-s7xws39ajm] {
    border: none;
    background-color: #E2E2E2;
    transition: transform 0.3s ease;
}

    .card:hover[b-s7xws39ajm] {
        transform: translateY(-5px);
    }

.card-body h4[b-s7xws39ajm] {
    color: #4249e3;
}

footer[b-s7xws39ajm] {
    background-color: #f6f6f6;
    color: #3b3b3b;
}

    footer p[b-s7xws39ajm] {
        margin: 0;
    }





/* Styles for Index.razor landing (moved from inline) */
.landing[b-s7xws39ajm] {font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color: #0f172a}
.hero-landing[b-s7xws39ajm] {
    background: linear-gradient(135deg,#3291a8 0%, #125869 100%);
    color: white;
    padding: 64px 0;
    text-align: center
}
.brand[b-s7xws39ajm] {font-weight:700;font-size:1.5rem;letter-spacing:0.6px}
.cta[b-s7xws39ajm] {margin-top:18px}
.cta .btn[b-s7xws39ajm] {padding:10px 18px;border-radius:999px;font-weight:600}
.features-grid[b-s7xws39ajm]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:40px 0}
.feature[b-s7xws39ajm]{background:#f8fafc;border-radius:12px;padding:18px;width:280px;box-shadow:0 6px 18px rgba(12,17,43,0.06);text-align:left}
.feature h4[b-s7xws39ajm]{margin-top:10px;margin-bottom:8px}
.uploader[b-s7xws39ajm]{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:12px}
.uploader input[type=file][b-s7xws39ajm]{display:none}
.ghost-btn[b-s7xws39ajm]{background:transparent;border:1px solid rgba(255,255,255,0.25);color:white}
footer.site-footer[b-s7xws39ajm]{padding:28px 0;margin-top:36px;text-align:center;color:#475569}

/* Responsive adjustments */
@media (max-width: 992px) {
    .hero-landing[b-s7xws39ajm]{padding:48px 24px}
    .brand[b-s7xws39ajm]{font-size:1.3rem}
    .cta .btn[b-s7xws39ajm]{padding:9px 16px}
    .features-grid[b-s7xws39ajm]{gap:18px}
    .feature[b-s7xws39ajm]{width:44%}
    .uploader[b-s7xws39ajm]{flex-direction:row;gap:10px}
}

@media (max-width: 768px) {
    .hero-landing[b-s7xws39ajm]{padding:40px 18px}
    .hero-landing h1[b-s7xws39ajm]{font-size:1.6rem;line-height:1.2}
    .hero-landing .lead[b-s7xws39ajm]{font-size:1rem}
    header .container[b-s7xws39ajm]{flex-direction:column;align-items:flex-start;gap:8px}
    nav a[b-s7xws39ajm]{display:inline-block;margin-right:12px}
    .brand[b-s7xws39ajm]{font-size:1.15rem}
    .cta[b-s7xws39ajm]{margin-top:12px}
    .cta .btn[b-s7xws39ajm]{padding:9px 14px}
    .features-grid[b-s7xws39ajm]{flex-direction:column;align-items:stretch;margin:28px 0}
    .feature[b-s7xws39ajm]{width:100%}
    .uploader[b-s7xws39ajm]{flex-direction:column;align-items:center}
    .uploader small[b-s7xws39ajm]{display:block;margin-top:6px}
    .feature h4[b-s7xws39ajm]{font-size:1.05rem}
}

@media (max-width: 480px) {
    .hero-landing[b-s7xws39ajm]{padding:28px 12px}
    .brand[b-s7xws39ajm]{font-size:1rem}
    .cta .btn[b-s7xws39ajm]{width:100%;display:block;margin-bottom:8px}
    .uploader label[b-s7xws39ajm]{width:100%;text-align:center}
    .uploader[b-s7xws39ajm]{gap:6px}
    .feature[b-s7xws39ajm]{padding:14px}
    footer.site-footer[b-s7xws39ajm]{padding:20px 8px}
    .ghost-btn[b-s7xws39ajm]{border-width:1px}
}

/* /Pages/Register.razor.rz.scp.css */

.PageContainer[b-llpi4pybx9]{
    background-color:grey;
    width:100vw;
    height:120vh;
    top:0;
}

.SignUpControlsContainer[b-llpi4pybx9]{
    width:50vw;
    /*min-width:700px;*/
    /*left:25vw;*/
    margin:auto;    
    height:auto;
    top:5%;
    background-color:white;
    position:relative;
}

.TitleAndCaptionContainer[b-llpi4pybx9] {
    display: flex;
    flex-direction: row;    
    height: 300px;
}

.CaptionContainer[b-llpi4pybx9] {
    width: 100%;
    left: 0px;
    display: flex;
    flex-direction: row;
    margin-top: 30px;
}

.Logo[b-llpi4pybx9] {
    max-width: 200px;
    max-height: 200px;
    object-fit: fill;
}

.MembershipTyleLabel[b-llpi4pybx9] {
    margin-top:40px;
    margin-left:40px;
    font-size: 3vw;
    font-weight: 700;
    color: #07586b;
}

.HeaderLabel[b-llpi4pybx9]{
    font-weight:bold;
    font-size:20px;
}

.ConsentLabel[b-llpi4pybx9] {
    font-weight: normal;
    font-size: 14px;
}

.DetailsContainer[b-llpi4pybx9]{
    margin-bottom:40px;
    padding-left:1%;
    width:80%;
}

.UserDetailsControlsContainer[b-llpi4pybx9] {    
    display: flex;
    flex-direction: column;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px;
}

.EmailContainer[b-llpi4pybx9]{
    display:flex;
    flex-direction:column;    
}

.PasswordContainer[b-llpi4pybx9] {
    display: flex;
    flex-direction: column;
}

.UsernameContainer[b-llpi4pybx9] {
    display: flex;
    flex-direction: column;
}

.ConsentBoxContainer[b-llpi4pybx9]{
    display:flex;
    flex-direction:row;
}

.SignUpButtonContainer[b-llpi4pybx9]{
    margin-top:30px;
    margin-left:5%;
}

.signupbutton[b-llpi4pybx9]{
    width:50%;
}

.SignInContainer[b-llpi4pybx9] {
    margin-top: 30px;
    margin-left: 2%;
}

.ErrorLabel[b-llpi4pybx9] {
    font-size: 14px;
    font-weight: bold;
    color: darkred;
}

.CorrectLabel[b-llpi4pybx9] {
    font-size: 14px;
    font-weight: normal;
    color: darkgreen;
}








@media (max-width: 1020px) {

    .SignUpControlsContainer[b-llpi4pybx9]{
        width:90vw;   
    }

    .CaptionContainer[b-llpi4pybx9] {
        flex-direction: column;
        margin-bottom: 50px;
    }

    .Logo[b-llpi4pybx9] {
        margin-left: 15%;
    }
}
    /*
@media (max-width: 980px) {
    .SignUpControlsContainer {
        width: 50vw;
        min-width: 400px;
        left: 25vw;
        height: 90%;
        top: 5%;
        background-color: white;
        position: relative;
    }

    .TitleAndCaptionContainer {
        display: flex;
        flex-direction: row;
        margin-left: 15%;
        height: 200px;
    }

    .CaptionContainer {
        width: 50%;
        left: 0px;
        display: flex;
        flex-direction: row;
        margin-top: 30px;
    }

    .Logo {
        max-width: 100px;
        max-height: 100px;
        object-fit: fill;
    }

    .MembershipTyleLabel {
        margin-top: 40px;
        margin-left: 40px;
        font-size: 20px;
        font-weight: 700;
        color: #07586b;
    }

    .HeaderLabel {
        font-weight: bold;
        font-size: 10px;
    }

    .ConsentLabel {
        font-weight: normal;
        font-size: 10px;
    }

    .DetailsContainer {
        margin-bottom: 20px;
        padding-left: 10px;
        width: 360px;
    }

    .UserDetailsControlsContainer {
        display: flex;
        flex-direction: column;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 30px;
    }

    .EmailContainer {
        display: flex;
        flex-direction: column;
    }

    .PasswordContainer {
        display: flex;
        flex-direction: column;
    }

    .UsernameContainer {
        display: flex;
        flex-direction: column;
    }

    .ConsentBoxContainer {
        display: flex;
        flex-direction: row;
    }

    .SignUpButtonContainer {
        margin-top: 30px;
        margin-left: 5%;
    }

    .signupbutton {
        width: 50%;
        margin-left:15%;
        margin-right:auto;
    }

    .SignInContainer {
        margin-top: 30px;
        margin-left: 2%;
    }
}






@media (max-width: 560px) {
    .SignUpControlsContainer {
        width: 90vw;
        
        left: 5vw;
        height: 90%;
        top: 5%;
        background-color: white;
        position: relative;
    }

    .TitleAndCaptionContainer {
        display: flex;
        flex-direction: row;
        height: 200px;
    }

    .CaptionContainer {
        width: 50%;
        left: 0px;
        display: flex;
        flex-direction: row;
        margin-top: 30px;
    }

    .Logo {
        max-width: 100px;
        max-height: 100px;
        object-fit: fill;
    }

    .MembershipTyleLabel {
        margin-top: 40px;
        margin-left: 40px;
        font-size: 20px;
        font-weight: 700;
        color: #07586b;
    }

    .HeaderLabel {
        font-weight: bold;
        font-size: 10px;
    }

    .ConsentLabel {
        font-weight: normal;
        font-size: 10px;
    }

    .DetailsContainer {
        margin-bottom: 20px;
        padding-left: 10px;
        width: 360px;
    }

    .UserDetailsControlsContainer {
        display: flex;
        flex-direction: column;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 30px;
    }

    .EmailContainer {
        display: flex;
        flex-direction: column;
    }

    .PasswordContainer {
        display: flex;
        flex-direction: column;
    }

    .UsernameContainer {
        display: flex;
        flex-direction: column;
    }

    .ConsentBoxContainer {
        display: flex;
        flex-direction: row;
    }

    .SignUpButtonContainer {
        margin-top: 30px;
        margin-left: 5%;
    }

    .signupbutton {
        width: 50%;
        margin-left: 15%;
        margin-right: auto;
    }

    .SignInContainer {
        margin-top: 30px;
        margin-left: 2%;
    }
}







@media (max-width: 400px) {

    .PageContainer {
        background-color: grey;
        width: 100vw;
        height: 120vh;
        top: 0;
    }

    .SignUpControlsContainer {
        width: 90%;
        left: 2vw;
        height: 100%;
        top: 1%;
        background-color: white;
        position: relative;
    }

    .TitleAndCaptionContainer {
        display: flex;
        flex-direction: row;
        height: 200px;
    }

    .CaptionContainer {
        width: 50%;
        left: 0px;
        display: flex;
        flex-direction: row;
        margin-top: 30px;
    }

    .Logo {
        max-width: 100px;
        max-height: 100px;
        object-fit: fill;
    }

    .MembershipTyleLabel {
        margin-top: 40px;
        margin-left: 40px;
        font-size: 20px;
        font-weight: 700;
        color: #07586b;
    }

    .HeaderLabel {
        font-weight: bold;
        font-size: 10px;
    }

    .ConsentLabel {
        font-weight: normal;
        font-size: 10px;
    }

    .DetailsContainer {
        margin-bottom: 20px;
        padding-left: 10px;
        width: 360px;
    }

    .UserDetailsControlsContainer {
        display: flex;
        flex-direction: column;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 30px;
    }

    .EmailContainer {
        display: flex;
        flex-direction: column;
    }

    .PasswordContainer {
        display: flex;
        flex-direction: column;
    }

    .UsernameContainer {
        display: flex;
        flex-direction: column;
    }

    .ConsentBoxContainer {
        display: flex;
        flex-direction: row;
    }

    .SignUpButtonContainer {
        margin-top: 30px;
        margin-left: 5%;
    }

    .signupbutton {
        width: 50%;
        margin-left: 15%;
        margin-right: auto;
    }

    .SignInContainer {
        margin-top: 30px;
        margin-left: 2%;
    }
}

*/
/* /Pages/SignUp.razor.rz.scp.css */
.LoginContainer[b-pgcts3n5vg] {
    display: flex;
    flex-direction: column;
    width: 300px;
    margin:30px;
}

.RegisterContainer[b-pgcts3n5vg] {    
    margin: 30px;
}
/* /Pages/TermsOfUse.razor.rz.scp.css */
.TermsContainer[b-ypzcx6e7vk]{
    padding-left:20%;
    width:60%;
    padding-top:100px;
    padding-bottom:100px;
}


@media (max-width: 930px) {

    .TermsContainer[b-ypzcx6e7vk]{
        padding:20px;
        font-size:12px;
        width:90%;
    }
}
/* /Shared/BannerHeaderComponent.razor.rz.scp.css */
.BannerContainer[b-zabjm5e70r] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 160px;
    background-image: linear-gradient(180deg, #153e61 0%, #3271a8 70%);
    padding: 20px;
}

.BannerControls[b-zabjm5e70r] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.UploadAndSignInContainer[b-zabjm5e70r]{
    display:flex;
    flex-direction:row;
    margin-left:5px;
}

.SignInControlsOuterContainer[b-zabjm5e70r] {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    border-radius: 8px;
    padding: 10px;
}

.SignInControls[b-zabjm5e70r] {
    display: flex;
    flex-direction: column;
    align-content: end;
    margin-right: 50px;
}

.UsernameControls[b-zabjm5e70r] {
    display: flex;
    flex-direction: column;
}

.PasswordControls[b-zabjm5e70r] {
    display: flex;
    flex-direction: column;
}

.SignInLabel[b-zabjm5e70r] {
    font-size: 14px;
    font-weight: normal;
    color: white;
}

.loginButtonContainer[b-zabjm5e70r] {
    margin-top: 30px;
    display:flex;
    flex-direction:column;
}

.BannerLabel[b-zabjm5e70r] {
    font-size: 60px;
    color: white;
    width: 60vw;
    margin-left: 10px;
    margin-top:10px;
}

.ImageSpacer[b-zabjm5e70r] {
    margin-right: 10px;
}

.UploadButton[b-zabjm5e70r] {
    margin-top: 30px;
    margin-right:30px;    
}



@media (max-width: 930px) {

    .BannerContainer[b-zabjm5e70r] {
        width: 100%;
        height: auto;
        padding: 0px;
        padding-bottom:10px;
    }

    .BannerLabel[b-zabjm5e70r] {
        font-size: 30px;
        margin-left: 20px;
        margin-bottom:10px;
    }

    .BannerControls[b-zabjm5e70r] {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .UploadAndSignInContainer[b-zabjm5e70r] {
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }

    .SignInControlsOuterContainer[b-zabjm5e70r] {
        margin:5px;        
        width:50vw;
        display:flex;
        flex-direction:column;
    }

    .SignInControls[b-zabjm5e70r] {
        margin-right: 0px;        
    }

    .UploadButton[b-zabjm5e70r] {
        margin-top:0px;
        margin-left:10px;
    }

    .loginButtonContainer[b-zabjm5e70r]{
        margin-top:10px;
    }
}
/* /Shared/FourZeroFourComponent.razor.rz.scp.css */
body[b-quqdl4c6jn] {
    font-size:12px;
}

.error-container[b-quqdl4c6jn]{
    margin-left:auto;
    margin-right: auto;
    align-items:center;
    display:flex;
    flex-direction:column;
    margin-top:60px;
    padding-left:10px;
    padding-right:10px;
    width:100%;
    justify-content:center;
    text-align:center;
}

img[b-quqdl4c6jn] {
    max-height: 300px;
    margin-bottom:10px;
}

p[b-quqdl4c6jn], a[b-quqdl4c6jn]{
    font-size:12px;
}
/* /Shared/GDPRComponent.razor.rz.scp.css */
/*GDPR MODAL */
#GDPRModal[b-xfce5sxaym] {
    background-color: rgba(30, 138, 131, 0.5);
}

.modal-content[b-xfce5sxaym] {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    display: flex;
    flex-direction: column;
    animation-name: slideIn-b-xfce5sxaym;
    animation-duration: 0.5s;
}

.modal-header[b-xfce5sxaym] {
    display: flex;
    flex-direction: column;
}

.ModalHeaderContainer[b-xfce5sxaym] {
}

.ModalInformationContainer[b-xfce5sxaym] {
}

.ModalHeaderLabel[b-xfce5sxaym] {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ModalInformationLabel[b-xfce5sxaym] {
    color: #000000;
    font-size: 10px;
    font-weight: normal;
    margin-top: 10px;
}

.SaveCancelButtons[b-xfce5sxaym] {
    display: flex;
    flex-direction: row;
    margin-right: 20px;
    margin-left: auto;
    padding-bottom: 10px;
}


.RefuseButton[b-xfce5sxaym] {
    background-color: #3f6670;
    border-radius: 8px;
    border-style: none;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 20px;
    list-style: none;
    margin: 10px;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

    .RefuseButton:hover[b-xfce5sxaym],
    .RefuseButton:focus[b-xfce5sxaym] {
        background-color: #db6642;
    }


.ConsentButton[b-xfce5sxaym] {
    background-color: #328fa8;
    border-radius: 8px;
    border-style: none;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 20px;
    list-style: none;
    margin: 10px;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

    .ConsentButton:hover[b-xfce5sxaym],
    .ConsentButton:focus[b-xfce5sxaym] {
        background-color: #d19c24;
    }




@-webkit-keyframes slideIn {
    0% {
        transform: translateY(-900px);
    }

    100% {
        transform: translateY(0);
    }
}

@-moz-keyframes slideIn {
    0% {
        transform: translateY(-900px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slideIn-b-xfce5sxaym {
    0% {
        transform: translateY(-900px);
    }

    100% {
        transform: translateY(0);
    }
}
/* /Shared/Image_Time_Out_Component.razor.rz.scp.css */
body[b-2nfhbsbanz] {
    font-size: 12px;
}

.error-container[b-2nfhbsbanz] {
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

img[b-2nfhbsbanz] {
    max-height: 300px;
    margin-bottom: 10px;
}

p[b-2nfhbsbanz], a[b-2nfhbsbanz] {
    font-size: 12px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-e4gt9yxf32] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-e4gt9yxf32] {
    flex: 1;
}

.sidebar[b-e4gt9yxf32] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-e4gt9yxf32] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-e4gt9yxf32]  a, .top-row .btn-link[b-e4gt9yxf32] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-e4gt9yxf32] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-e4gt9yxf32] {
        display: none;
    }

    .top-row.auth[b-e4gt9yxf32] {
        justify-content: space-between;
    }

    .top-row a[b-e4gt9yxf32], .top-row .btn-link[b-e4gt9yxf32] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-e4gt9yxf32] {
        flex-direction: row;
    }

    .sidebar[b-e4gt9yxf32] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-e4gt9yxf32] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-e4gt9yxf32], article[b-e4gt9yxf32] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/VPN_Detected_Component.razor.rz.scp.css */
/*body {
    font-size: 12px;
}

.error-container {
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

img {
    max-height: 300px;
    margin-bottom: 10px;
}

p, a {
    font-size: 12px;
}
*/


body[b-zcgdpu10kg] {
    font-size: 12px;
}

.error-container[b-zcgdpu10kg] {
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    justify-content: center;
    text-align: center;
}

img[b-zcgdpu10kg] {
    max-height: 300px;
    margin-bottom: 10px;
}

p[b-zcgdpu10kg], a[b-zcgdpu10kg] {
    font-size: 12px;
}