@import '_content/BlazorStrap.V5/BlazorStrap.V5.bundle.scp.css';
@import '_content/BlazorStrap/BlazorStrap.bundle.scp.css';

/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-wfalbr75m1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-wfalbr75m1] {
    flex: 1;
}

.sidebar[b-wfalbr75m1] {
    background-image: linear-gradient(180deg, #04173D 0%, white 130%);
}

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

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

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

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

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

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

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

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

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

    .main > div[b-wfalbr75m1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}





/* customizable snowflake styling */
.snowflake[b-wfalbr75m1] {
    color: #fff;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes snowflakes-fall-b-wfalbr75m1 {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake-b-wfalbr75m1 {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(80px)
    }

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

.snowflake[b-wfalbr75m1] {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall,snowflakes-shake;
    -webkit-animation-duration: 10s,3s;
    -webkit-animation-timing-function: linear,ease-in-out;
    -webkit-animation-iteration-count: infinite,infinite;
    -webkit-animation-play-state: running,running;
    animation-name: snowflakes-fall-b-wfalbr75m1,snowflakes-shake-b-wfalbr75m1;
    animation-duration: 10s,3s;
    animation-timing-function: linear,ease-in-out;
    animation-iteration-count: infinite,infinite;
    animation-play-state: running,running
}

    .snowflake:nth-of-type(0)[b-wfalbr75m1] {
        left: 1%;
        -webkit-animation-delay: 0s,0s;
        animation-delay: 0s,0s
    }

    .snowflake:nth-of-type(1)[b-wfalbr75m1] {
        left: 10%;
        -webkit-animation-delay: 1s,1s;
        animation-delay: 1s,1s
    }

    .snowflake:nth-of-type(2)[b-wfalbr75m1] {
        left: 20%;
        -webkit-animation-delay: 6s,.5s;
        animation-delay: 6s,.5s
    }

    .snowflake:nth-of-type(3)[b-wfalbr75m1] {
        left: 30%;
        -webkit-animation-delay: 4s,2s;
        animation-delay: 4s,2s
    }

    .snowflake:nth-of-type(4)[b-wfalbr75m1] {
        left: 40%;
        -webkit-animation-delay: 2s,2s;
        animation-delay: 2s,2s
    }

    .snowflake:nth-of-type(5)[b-wfalbr75m1] {
        left: 50%;
        -webkit-animation-delay: 8s,3s;
        animation-delay: 8s,3s
    }

    .snowflake:nth-of-type(6)[b-wfalbr75m1] {
        left: 60%;
        -webkit-animation-delay: 6s,2s;
        animation-delay: 6s,2s
    }

    .snowflake:nth-of-type(7)[b-wfalbr75m1] {
        left: 70%;
        -webkit-animation-delay: 2.5s,1s;
        animation-delay: 2.5s,1s
    }

    .snowflake:nth-of-type(8)[b-wfalbr75m1] {
        left: 80%;
        -webkit-animation-delay: 1s,0s;
        animation-delay: 1s,0s
    }

    .snowflake:nth-of-type(9)[b-wfalbr75m1] {
        left: 90%;
        -webkit-animation-delay: 3s,1.5s;
        animation-delay: 3s,1.5s
    }
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-myevi95nwp] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-myevi95nwp] {
    height: 3.5rem;
    background-color: #102041;
}

.navbar-brand[b-myevi95nwp] {
    font-size: 1.1rem;
}

.oi[b-myevi95nwp] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-myevi95nwp] {
    font-size: 0.9rem;
    padding-bottom: 0.05rem;
}

    .nav-item:first-of-type[b-myevi95nwp] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-myevi95nwp] {
        /*padding-bottom: 1rem;*/
    }

    .nav-item[b-myevi95nwp]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 2rem;
    }

.nav-item[b-myevi95nwp]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-myevi95nwp]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-myevi95nwp] {
        display: none;
    }

    .collapse[b-myevi95nwp] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}