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

/* _content/SimpleServerManagerWWW/Components/Layout/Main/Footer.razor.rz.scp.css */
[b-yncdfdkcdk].wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--dark-blue);
    padding: 1rem;
}

.links[b-yncdfdkcdk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

[b-yncdfdkcdk] br {
    content: "";
    width: 90%;
    border: solid 1px var(--back-ground);
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

[b-yncdfdkcdk] .copyrights {
    color: var(--back-ground);
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}

[b-yncdfdkcdk] .disclaimer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--very-dark-gray);
    text-align: center;
    width: 90%;
    font-size: 0.7rem;
}

@media screen and ( width > 900px ) {

    .links[b-yncdfdkcdk] {
        flex-direction: row;
        gap: 1.5rem;
    }

    br[b-yncdfdkcdk] {
        width: 370px;
    }

    .disclaimer[b-yncdfdkcdk] {      
        width: 70%;
    }

}
/* _content/SimpleServerManagerWWW/Components/Layout/Main/HeaderNav.razor.rz.scp.css */
.background[b-46miqm3d26] {
    display: flex;
    width: 100%;
    align-content: center;
    justify-content: space-around;
    padding: 0 2rem 0 2rem;
    background: var(--light-gray);
    border-bottom: 1px solid black;
    z-index: 1;
    transform-style: preserve-3d;
}

.hamburger[b-46miqm3d26] {
    margin: 0.5rem 0 0.5rem 0;
}

[b-46miqm3d26] .fixed_elements {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex: 1;
}

[b-46miqm3d26] .normal_logo{
    display: none;
}

[b-46miqm3d26] .normal_logo img{
    border-radius: 16px;
}

[b-46miqm3d26] .mobile_logo img {
    border-radius: 16px;
}

.mobile-nav_wrapper[b-46miqm3d26] {
    position: fixed;
    top: 0;
    z-index: 10;
    height: 100vh;
    width: 100vw;
    display: flex; 
    transform: translateX(-100vw);
    transition: 500ms;
}

.mobile-nav[b-46miqm3d26] {
    background-color: var(--dark-gray);
    height: 100vh;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.mobile-nav_overlay[b-46miqm3d26] {
    display: flex;
    height: 100vh;
    width: 20%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.0.5);
    backdrop-filter: blur(0px);
    transition: 10ms;
}

.mobile-nav_visible[b-46miqm3d26] {
    display: flex;
    transform: translateX(0);
    transition: transform 500ms, backdrop-filter 2s;
    backdrop-filter: blur(4px)
}

.mobile-nav nav[b-46miqm3d26]{
    height: 60%;
    display: flex;
    flex-direction:column;
    justify-content:space-evenly;
}

[b-46miqm3d26].mobile-nav nav *{
    font-size: 1.5rem;
    font-weight: 600;
}

.download-button[b-46miqm3d26] {
    display: none;
}

.normal-nav[b-46miqm3d26] {
    display: none;
}

.user-controls[b-46miqm3d26] {
    display: none;
}

.title *[b-46miqm3d26] {
    font-weight: bold;
}

@media screen and ( width > 900px ){
    [b-46miqm3d26] .normal_logo {
        display: inline-block;
        margin: 0.5rem 0 0.5rem 0;
    }

    [b-46miqm3d26] .hamburger {
        display:none;
    }

    [b-46miqm3d26] .fixed_elements {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }

    .title *[b-46miqm3d26]{
        font-size: 1.4rem;
    }

    .normal-nav[b-46miqm3d26] {
        width: 70%;
        max-width: 1000px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;        
    }

    [b-46miqm3d26] .fixed_elements {        
        min-width: 265px;
    }

    .user-controls[b-46miqm3d26] {
        display:block;
        cursor: pointer;        
        align-content:center;
        position: relative;
        z-index: 2;
        transform-style: preserve-3d;
    }

    .user-name[b-46miqm3d26] {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .user-menu[b-46miqm3d26] {
        display: flex;
        flex-wrap: wrap;
        background: var(--light-gray);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.6rem;
        position: absolute;
        transform: translate3d(-30px,-125px,-10px);
        transition: transform 200ms;
        z-index: -10;
        width: 170%;
        height: 130px;
    }

    .menu_show[b-46miqm3d26] {
        animation: menu_show-b-46miqm3d26 200ms linear forwards;
    }

    .menu_hide[b-46miqm3d26] {
        animation: menu_hide-b-46miqm3d26 200ms linear forwards;
    }

    @keyframes menu_show-b-46miqm3d26{
        0% {
            transform: translate3d(-30px,-125px,-10px);
        }
        100% {
            transform: translate3d(-30px,20px,-10px);
        }
    }

    @keyframes menu_hide-b-46miqm3d26 {
        0% {
            transform: translate3d(-30px,20px,-10px);
        }

        50% {
        }

        100% {
            transform: translate3d(-30px,-125px,-10px);
        }
    }

    

}

@media (hover: none) {
    #download-button[b-46miqm3d26]{
        display: none;
    }
}
/* _content/SimpleServerManagerWWW/Components/Layout/Main/MainPageLayout.razor.rz.scp.css */
.page[b-soa22sghne] {
    height: 100%;
    min-height: 100vh;
    width: 100%;
    display: grid;
    grid-template-areas: 
        "main"
        "footer";
    grid-template-rows: 1fr 248px;
}

[b-soa22sghne].main-header {
    width: 100%;
    position: fixed;
    z-index: 10;
    grid-area: header;
}

[b-soa22sghne].main-section {
    background: var(--back-ground);
    z-index: 0; 
    grid-area: main;
    padding-top: 60px;
    padding-bottom: 2rem;
    width: 100%;
    height: 100%;
}

[b-soa22sghne].main-footer {
    grid-area: footer;
    background: var(--dark-blue);
    width: 100%;
    height: 100%;
}

@media screen and ( width > 900px ) {
    .page[b-soa22sghne] {
        grid-template-rows: 1fr 160px;
    }
    .main-section[b-soa22sghne] {
        padding-top: 80px;
        grid-area: main;
    }

    .main-footer[b-soa22sghne]{
        grid-area: footer;
    }
}



#blazor-error-ui[b-soa22sghne] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-soa22sghne] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/SimpleServerManagerWWW/Components/Pages/AddNews.razor.rz.scp.css */
body[b-4ewwvuiy3e] {
}

h3[b-4ewwvuiy3e] {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align:center;
}

[b-4ewwvuiy3e].form-body {
    display: grid;
    grid-template-areas:
        "titlevalidation"
        "urlvalidation"
        "urlbuttons"
        "descriptionvalidation";
    grid-template-columns: 1fr;
    width: 80%;
    justify-content: center;
    gap: 1rem;
    margin: auto;
    margin-bottom: 1rem;
}



.title-section[b-4ewwvuiy3e] {
    grid-area: titlevalidation;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 1rem;
}

.title-label[b-4ewwvuiy3e]{
    text-align: right;
}

.url-section[b-4ewwvuiy3e] {
    grid-area: urlvalidation;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 1rem;
}

.url-buttons[b-4ewwvuiy3e] {
    grid-area: urlbuttons;
    grid-template-columns: 1fr 1fr;
    margin: auto;
}

.image-label[b-4ewwvuiy3e] {
    text-align: right;
}

.description-section[b-4ewwvuiy3e] {
    grid-area: descriptionvalidation;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 1rem;
}

.description-label[b-4ewwvuiy3e]{
    text-align: right;
}

[b-4ewwvuiy3e] #info{
    min-height: 300px;
}
/* _content/SimpleServerManagerWWW/Components/Pages/Home.razor.rz.scp.css */
.hero-section[b-vxz8hds50p]{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;  
}

.hero-widget[b-vxz8hds50p]{
    display:none;
}

.hero-widget_item[b-vxz8hds50p] {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

[b-vxz8hds50p].features > * {
    border-top: 1px solid var(--dark-blue);
}


.more[b-vxz8hds50p] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 123px;
    background: var(--dark-gray);
    font-size: 1.5rem;
    font-weight: 600;
    border-top: 1px solid var(--dark-blue);
    border-bottom: 1px solid var(--dark-blue);
}

.info[b-vxz8hds50p] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    gap: 0.5rem;
    height: fit-content;
}

.info-description[b-vxz8hds50p] {
    width: 80%;
    text-align:center;    
}
.info-description span[b-vxz8hds50p]{
    font-size: 1rem;
    text-decoration: underline;
}

.info-buttons[b-vxz8hds50p]{
    display: flex;
    gap: 1rem;
}

.info-buttons_download[b-vxz8hds50p] {
    display: none;
}

@media screen and ( width > 900px ) {
    .info[b-vxz8hds50p] {
        gap: 1rem;
        padding: 1.5rem;
    }
    .info-buttons_download[b-vxz8hds50p] {
    display: block;
    }
    .info-description[b-vxz8hds50p] {
        max-width: 1450px;
        font-size: 1.2rem;
    }
    .info-description span[b-vxz8hds50p]{
        font-size: 1.2rem;
    }

    .info-buttons[b-vxz8hds50p] {
        gap: 2rem;
    }

    .hero-section[b-vxz8hds50p] {
        width: 100%;
        /*margin: auto;*/
        /*margin-top: 2rem;*/
        /*margin-bottom: 2rem;*/
        justify-self: center;
        padding-top: 1rem;
        padding-bottom: 1rem;
        height: 440px;
    }

    .hero-widget[b-vxz8hds50p] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 360px;
        justify-content: center;
        align-items: center;
    }

    .hero-widget_item[b-vxz8hds50p] {
        display: none;
    }
}

@media (hover: none) {
    #download-button[b-vxz8hds50p] {
        display: none;
    }
}
/* _content/SimpleServerManagerWWW/Components/Pages/NewsPage.razor.rz.scp.css */
.news-section .item:not(:last-child)[b-lx0vt0gvxh] {
    border-bottom: 1px solid black;
}

.news-section[b-lx0vt0gvxh]{
    padding-top: 1rem;
}

.item[b-lx0vt0gvxh]{
    width:80%;
    margin: auto;
}

.title[b-lx0vt0gvxh] {
    padding-bottom: 1rem;    
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    text-decoration:underline;
}

.paginator[b-lx0vt0gvxh] {
    display: grid;
    width: 90%;
    max-width: 400px;
    margin: auto;
    grid-template-columns: 2fr 1fr 2fr;
    grid-template-rows: 1fr;
    grid-template-areas: "new count old";
    justify-items: center;
    margin-bottom: 2rem;
    align-items: center;
    border-top: 1px solid black;
}
#prev[b-lx0vt0gvxh] {
    grid-area: new;
}
.numbers[b-lx0vt0gvxh]{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 70px;
    grid-area: count;
}

#next[b-lx0vt0gvxh] {
    grid-area: old;
}

[b-lx0vt0gvxh].paginator input {
    padding: 0.3rem 1rem 0.3rem 1rem;
    border-radius: 2rem;
    border: 1px solid black;
    margin: 1rem;
    width: 100px;
}

/* _content/SimpleServerManagerWWW/Components/Pages/Pricing.razor.rz.scp.css */
.wrapper[b-j80y8jig1t]{
    padding-top: 1rem;
    display: flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
}

.section[b-j80y8jig1t]{
    font-size: 1.25rem;
    padding-bottom: 1rem;
}

.section-bold[b-j80y8jig1t] {
    font-size: 1.25rem;
    font-weight: 500;
}
/* _content/SimpleServerManagerWWW/Components/Pages/Resources.razor.rz.scp.css */
.wrapper[b-vtlkeeusm3] {
    padding-top: 1rem;
}

.page-title[b-vtlkeeusm3] {
    font-weight: 700;
    font-size: 1.5rem;
}

.section[b-vtlkeeusm3] {
    padding-top: 1rem;
}

.section-summary[b-vtlkeeusm3] {
    font-weight: 600;
    font-size: 1.5rem;
    cursor: pointer;
    padding-bottom: 0.5rem;
}

.section-title[b-vtlkeeusm3] {
    font-size: 1.25rem;
    padding-bottom: 0.5rem;
}

.list[b-vtlkeeusm3]{

}

.list-item[b-vtlkeeusm3] {
    font-size: 1.25rem;
    padding-bottom: 0.5rem;
}

@media screen and (width > 900px){
    .page-title[b-vtlkeeusm3] {
        font-size: 2rem;
    }
}
/* _content/SimpleServerManagerWWW/Components/Pages/Support.razor.rz.scp.css */
.wrapper[b-oothmwps1w]{
    display: flex;
    flex-direction: column;
    justify-content:center;    
    padding-top: 1rem;
}

.section[b-oothmwps1w] {
    font-size: 1.25rem;
    padding-bottom: 1rem;
}

[b-oothmwps1w] .form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
    width: 100%;
    padding-bottom: 1rem;
    font-size: 1.25rem;
}

    [b-oothmwps1w] .form input {
        font-size: 1rem;
    }

[b-oothmwps1w] #question_field_mail {
    width: 80%;
    max-width: 600px;
}

[b-oothmwps1w] #question_field_message {
    width: 80%;
    max-width: 600px;
    min-height: 200px;
}

.modal[b-oothmwps1w]{
   width: 100vw;
   height: 100vh;
   position: fixed;
   background: rgb(18, 18, 18, 0.05);
   backdrop-filter:blur(2px);
   top: 0;
   justify-content: center;
   align-items: center;
   transition: 500ms;
}

.window[b-oothmwps1w] {
    max-width: 300px;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background: var(--dark-gray);
    border: 1px solid black;
    border-radius: 1rem;
}

.text[b-oothmwps1w]{
    padding-bottom: 1rem;
}

.button[b-oothmwps1w]{

}
/* _content/SimpleServerManagerWWW/Components/Shared/Feature.razor.rz.scp.css */
[b-voqxu57jyc].outer {
    --description-justify: flex-start;
    --content-justify: start;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    margin: 0;
    background: var(--back-ground);
}

.wrapper[b-voqxu57jyc] {
    width: 80%;
    max-width: 1450px;
    display: flex;
    flex-direction:column; 
    align-items: center;
    justify-content: space-evenly;
    gap: 3rem;
}

[b-voqxu57jyc].image {
    border-radius: 2rem;
    border: 1px solid var(--dark-blue);
    width: 90%; 
    height: 25vh;
    background-size: cover;
    background-position-y: 40%;
    order: 0;
}

.description[b-voqxu57jyc]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 80%; 
    height: 100%;
    order: 1;
}

.description-title[b-voqxu57jyc] {
    font-size: 1.5rem;
    font-weight: 600;
    align-self: center ;
}

.description-content[b-voqxu57jyc] {
    font-size: 1.2rem;
    text-align: left ;
}

@media screen and ( width > 900px ) {
    .wrapper[b-voqxu57jyc] {
        flex-direction: row;
    }

    [b-voqxu57jyc].image {
        width: 580px;
        height: 300px; 
        order: unset;
    }

    .description[b-voqxu57jyc] {
        width: 40%;
        order: unset;
    }

    .description-title[b-voqxu57jyc] {
        align-self: var(--description-justify);
    }

    .description-content[b-voqxu57jyc] {
        text-align: var(--content-justify);
    }
}
/* _content/SimpleServerManagerWWW/Components/Shared/NewsComponent.razor.rz.scp.css */
.body[b-bv9rw7j908] {
    flex-direction: column;
    justify-items: center;
    align-items: center;
    width: 80%;
    margin: auto;
    margin-bottom: 2rem;
    margin-top: 2rem;
    --width: 60%;
}

.image[b-bv9rw7j908] {
    margin-bottom: 1rem;
    grid-area: image;
}

    .image img[b-bv9rw7j908] {
        border-radius: 1rem;
        margin: auto;
    }
.delete[b-bv9rw7j908]{
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

    .delete input[b-bv9rw7j908] {
        background-color: darkred;
        color: white;
        border-radius: 1rem;
        padding: 0.2rem 1rem 0.2rem 1rem;
    }

@media screen and (min-width: 1025px) {

    .description[b-bv9rw7j908] {     
        width: var(--width);
    }

    .test[b-bv9rw7j908]{
        display: flex;
        align-items:center;
    }
    .image[b-bv9rw7j908]{
        width: 40%;
        margin-right: 1rem;
    }
}
/* _content/SimpleServerManagerWWW/Components/Shared/NewsWidget.razor.rz.scp.css */
.carousel[b-r8b6swkll4] {
    display: flex;
    justify-content: space-evenly;
    justify-self: center;
    overflow: hidden;
    position: relative;
    /*margin: auto;*/
    width: 100%;
    height: 400px;

}
.carousel-item[b-r8b6swkll4] {
    display: inline-block;
    width: 100%;
    position: absolute;
    max-width: 1450px;
}


.active[b-r8b6swkll4] {
    transform: translateX(0);
}

.nonactive[b-r8b6swkll4] {
    transform: translateX(-100vw);
}

.toLeft[b-r8b6swkll4]{
    animation: toLeft-b-r8b6swkll4 2s ease-in-out forwards;
}

.toRight[b-r8b6swkll4] {
    animation: toRight-b-r8b6swkll4 2s ease-in-out forwards;
}

.fromLeft[b-r8b6swkll4] {
    animation: fromLeft-b-r8b6swkll4 2s ease-in-out forwards;
}

.fromRight[b-r8b6swkll4] {
    animation: fromRight-b-r8b6swkll4 2s ease-in-out forwards;
}

@keyframes toLeft-b-r8b6swkll4 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100vw);
    }
}

@keyframes toRight-b-r8b6swkll4{
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100vw);
    }
}

@keyframes fromLeft-b-r8b6swkll4 {
    0% {
        transform: translateX(-100vw);
    }

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

@keyframes fromRight-b-r8b6swkll4 {
    0% {
        transform: translateX(100vw);
    }

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


.wrapper[b-r8b6swkll4]{
    display: flex;
    width: 100%;
    height: 100%;
}

.button-prev[b-r8b6swkll4]{
    
    z-index: 10;
    transform: scale(0.3);
}
    .button-prev:hover[b-r8b6swkll4] {
        cursor: pointer;
    }

        .button-prev:hover #Arr_Left_Fill[b-r8b6swkll4] {
            fill: black;
            transition: 800ms;
            cursor: pointer;
        }

.button-next[b-r8b6swkll4] {
    z-index: 10;
    
    transform: scale(0.3);
}

    .button-next:hover[b-r8b6swkll4] {
        cursor: pointer;
    }

    .button-next:hover #Arr_Right_Fill[b-r8b6swkll4] {
        fill: black;
        transition: 800ms;
        cursor:pointer;
    }

.dots[b-r8b6swkll4]{
    display: flex;
    width: 10%;
    justify-content:space-around;
    padding-top: 1rem;
}

.dot[b-r8b6swkll4] {
    height: 10px;
    width: 10px;
    border: 1px solid black;
    border-radius: 50%;
    background: white;
    transition: 2s;
}

.dot-active[b-r8b6swkll4] {
    background: var(--light-blue);
    transition: 2s;
}
/* _content/SimpleServerManagerWWW/Components/Shared/NewsWidgetItem.razor.rz.scp.css */


.wrapper[b-evaoyunh8r]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}


.fragment[b-evaoyunh8r]{
    display: flex;
    justify-content: center;
}

.title[b-evaoyunh8r] {    
    font-weight: 600;
    font-size: 1.5rem;
    text-align: center;
    padding: 1rem;
}

.image[b-evaoyunh8r]{
    width: 100%;
    height: 30vh;
    order: 0;
    display: flex;
    align-items:center;

}


.text[b-evaoyunh8r]{
    order: 1;
}


@media screen and ( width > 900px ) {
    .wrapper[b-evaoyunh8r]{
        display:flex;
       height: 100%;
       width: 100%;
       /*display: grid;
       grid-template-columns: 1fr 1fr;*/
       flex-direction:row;
       gap: 3rem;
       justify-content: space-evenly;
       align-items: center;
    }

    .image[b-evaoyunh8r] {
        /*width: 100%; 
        height: 100%;*/
        width: 580px;
        height: 350px;
        order: 1;
        background-size: cover;
        border-radius: 1rem;
    }

    .text[b-evaoyunh8r] {
        order: 0;
        align-self: center;
        width: 45%;
    }

    .date[b-evaoyunh8r]{
        text-align: center;
        margin-bottom: 1rem;
    }
}