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

/* /Components/KAVXComponents/KAVXCompBackToTopButton.razor.rz.scp.css */
.sr-only[b-xtf55u5d6d] {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
}

.scroll[b-xtf55u5d6d] {
    --transition-time: 0.4s;
    --width-arrow-line: 3.5px;
    --color-arrow: #ffffff;
}

.top-btn[b-xtf55u5d6d] {
    display: block;
    width: 50px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: relative;
    border: aqua;
    background: rgba(35,84,163, 0.85);
    /*background: rgba(1, 161, 221, 0.85);*/
    /* box-shadow: 0 0 15px #ff00ff; 1e688d*/
    overflow: hidden;
}

    .top-btn[b-xtf55u5d6d]::before,
    .top-btn[b-xtf55u5d6d]::after {
        content: "";
        position: absolute;
        top: 30%; /* Arrow position height */
        left: 50%; /* Arrow position width */
        translate: -50% 0;
    }

    .top-btn[b-xtf55u5d6d]::before {
        width: 14px; /* Arrow width */
        aspect-ratio: 1 / 1;
        border-top: var(--width-arrow-line) solid var(--color-arrow);
        border-left: var(--width-arrow-line) solid var(--color-arrow);
        rotate: 45deg;
    }

    .top-btn[b-xtf55u5d6d]::after {
        width: var(--width-arrow-line);
        height: 40%; /* Arrow height */
        background-color: var(--color-arrow);
    }

.scroll--active .top-btn:hover[b-xtf55u5d6d]::before,
.scroll--active .top-btn:hover[b-xtf55u5d6d]::after {
    animation: top-b-xtf55u5d6d 0.8s 3;
}

@keyframes top-b-xtf55u5d6d {
    0% {
        top: 100%;
    }

    100% {
        top: -50%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.flex-container[b-i0v93zvtpm] {
    display: flex;
    flex-direction: row;
    overflow: auto;
}

.panel-left[b-i0v93zvtpm] {
    min-width: 450px;
    width: 450px;
    max-width: 450px;
    padding-left: 2vw;
}

.panel-right[b-i0v93zvtpm] {
    border-left: 1px groove #8e8e8e;
    min-width: 620px;
    max-width: 100%;
    width: 87%;
    padding-left: 6.5%;
    padding-right: 6.5%;
    /*    padding-left: 5vw;*/
}

.panel-right-pcb[b-i0v93zvtpm] {
    border-left: 1px groove #8e8e8e;
    min-width: 620px;
    width: 100%;
    /*padding-left: 5vw;*/
    padding-top: 10px;
}

.col-graph[b-i0v93zvtpm] {
    border-left: 1px groove #8e8e8e;
    min-width: 880px;
    width: 100%;
    padding-left: 1vw;
}



.notice_bottom[b-i0v93zvtpm] {
    /*position: fixed;*/
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-y:hidden;
}

.footer-content-left[b-i0v93zvtpm] {
    padding-left: 40px;
    float: left;
    margin-top: 5px;
    color: #000;
}

.footer-content-right[b-i0v93zvtpm] {
    padding-right: 40px;
    float: right;
    margin-top: 5px;
    a

{
    border-bottom: solid 1px rgba(#000, .0);
    padding-bottom: 4px;
    margin-left: auto;
    transition: all .3s ease;
    margin-top: 40px;
    color: rgba(255, 255, 255, 1);
    &:hover

{
    border-bottom: solid 1px rgba(#000, .2);
    color: rgba(246, 250, 7, 1);
}

}
}

/* Floating Side Menu:*/
.sideMenu-ul[b-i0v93zvtpm] {
    /*clear: both;*/
    position: fixed;
    display: block;
    list-style-type: none;
    right: -0.55em;
    top: 25%;
}

    .sideMenu-ul:hover[b-i0v93zvtpm] {
        right: 0;
    }

.sideMenu-li[b-i0v93zvtpm] {
    
    margin:3px;
}

/* Responsive styling */
@media screen and (max-width: 1200px) {
/*    .panel-left {
        margin-left: 3vw;
    }
    .panel-right {
        margin-left: 3vw;
    }
    .panel-right-pcb {
        margin-left: 8vw;
    }*/
}

@media screen and (max-width: 1000px) {
/*    .panel-left {
        margin-left: 2vw;
    }

    .panel-right {
        margin-left: 2vw;
    }

    .panel-right-pcb {
        margin-left: 5vw;
    }*/
}

@media screen and (max-width: 900px) {
    .flex-container[b-i0v93zvtpm] {
        flex-direction: column;
    }

    .panel-left[b-i0v93zvtpm] {
        padding-bottom: 10px;
        min-width: 80%;
        max-width: 100%;
        width: 90%;
        padding-left: 0vw;
        margin-left: 5%;
        margin-right: 5%;
    }

    .panel-right-pcb[b-i0v93zvtpm] {
        border-left: none;
        border-top: 10px groove #8e8e8e;
        width: 90%;
        padding-left: 0vw;
        margin-left: 5%;
        margin-right: 5%;
    }

    .panel-right[b-i0v93zvtpm] {
        border-left: none;
        border-top: 10px groove #8e8e8e;
        padding-top: 10px;
        padding-left: 0vw;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .col-graph[b-i0v93zvtpm] {
        border-left: none;
        border-top: 10px groove #8e8e8e;
        padding-top: 10px;
        align-items: flex-start;
    }
}

.app-checkbox-grid[b-i0v93zvtpm] {
    flex-grow: 0;
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    max-width: 80%;
}

.app-checkbox-item[b-i0v93zvtpm] {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem ;
    padding-left: 0rem;
    padding-right: 1rem;
}
/* /Components/Pages/HomeLight.razor.rz.scp.css */
.flex-container[b-71yvf372av] {
    display: flex;
    flex-direction: row;
    overflow: auto;
}

.panel-left[b-71yvf372av] {
    min-width: 450px;
    width: 450px;
    max-width: 450px;
    padding-left: 2vw;
}

.panel-right[b-71yvf372av] {
    border-left: 1px groove #8e8e8e;
    min-width: 620px;
    max-width: 100%;
    width: 87%;
    padding-left: 6.5%;
    padding-right: 6.5%;
    /*    padding-left: 5vw;*/
}

.panel-right-pcb[b-71yvf372av] {
    border-left: 1px groove #8e8e8e;
    min-width: 620px;
    width: 100%;
    /*padding-left: 5vw;*/
    padding-top: 10px;
}

.col-graph[b-71yvf372av] {
    border-left: 1px groove #8e8e8e;
    min-width: 880px;
    width: 100%;
    padding-left: 1vw;
}



.notice_bottom[b-71yvf372av] {
    /*position: fixed;*/
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-y: hidden;
}

.footer-content-left[b-71yvf372av] {
    padding-left: 40px;
    float: left;
    margin-top: 5px;
    color: #000;
}

.footer-content-right[b-71yvf372av] {
    padding-right: 40px;
    float: right;
    margin-top: 5px;
    a

{
    border-bottom: solid 1px rgba(#000, .0);
    padding-bottom: 4px;
    margin-left: auto;
    transition: all .3s ease;
    margin-top: 40px;
    color: rgba(255, 255, 255, 1);
    &:hover

{
    border-bottom: solid 1px rgba(#000, .2);
    color: rgba(246, 250, 7, 1);
}

}
}

/* Floating Side Menu:*/
.sideMenu-ul[b-71yvf372av] {
    /*clear: both;*/
    position: fixed;
    display: block;
    list-style-type: none;
    right: -0.55em;
    top: 25%;
}

    .sideMenu-ul:hover[b-71yvf372av] {
        right: 0;
    }

.sideMenu-li[b-71yvf372av] {
    margin: 3px;
}

/* Responsive styling */
@media screen and (max-width: 1200px) {
    /*    .panel-left {
        margin-left: 3vw;
    }
    .panel-right {
        margin-left: 3vw;
    }
    .panel-right-pcb {
        margin-left: 8vw;
    }*/
}

@media screen and (max-width: 1000px) {
    /*    .panel-left {
        margin-left: 2vw;
    }

    .panel-right {
        margin-left: 2vw;
    }

    .panel-right-pcb {
        margin-left: 5vw;
    }*/
}

@media screen and (max-width: 900px) {
    .flex-container[b-71yvf372av] {
        flex-direction: column;
    }

    .panel-left[b-71yvf372av] {
        padding-bottom: 10px;
        min-width: 80%;
        max-width: 100%;
        width: 90%;
        padding-left: 0vw;
        margin-left: 5%;
        margin-right: 5%;
    }

    .panel-right-pcb[b-71yvf372av] {
        border-left: none;
        border-top: 10px groove #8e8e8e;
        width: 90%;
        padding-left: 0vw;
        margin-left: 5%;
        margin-right: 5%;
    }

    .panel-right[b-71yvf372av] {
        border-left: none;
        border-top: 10px groove #8e8e8e;
        padding-top: 10px;
        padding-left: 0vw;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .col-graph[b-71yvf372av] {
        border-left: none;
        border-top: 10px groove #8e8e8e;
        padding-top: 10px;
        align-items: flex-start;
    }
}

.app-checkbox-grid[b-71yvf372av] {
    flex-grow: 0;
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    max-width: 80%;
}

.app-checkbox-item[b-71yvf372av] {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-left: 0rem;
    padding-right: 1rem;
}