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


.sidebar[b-weqza0efb2] {
    width: 100%;
    height: var(--navbar-height);
    position: sticky;
    top: 0;
    z-index:99999;
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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



    .page[b-weqza0efb2] {
        flex-direction: row;
    }

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

    .top-row[b-weqza0efb2], article[b-weqza0efb2] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-dark[b-6pv2t3xhqo] {
    background-color: var(--palette-color-light);
}

.navbar[b-6pv2t3xhqo] {
    background-color: var(--palette-color-light);
    height: var(--navbar-height);
    padding: 0 0 0 0;
}

.nav-scrollable[b-6pv2t3xhqo] {
    position: absolute;
    background-color: var(--palette-color-midle);
    z-index: 9999;
}


@media (max-width: 575.98px) or (max-width: 767.98px) or (max-width: 991.98px) {
/*    .navbar {
        overflow: hidden;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    .nav-scrollable {
        background-color: var(--palette-color-midle);
        z-index: 9999;
        bottom: var(--navbar-height);
    }*/
}

@media (max-width: 991.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1399.98px) {
}


    .dropdown-menu[b-6pv2t3xhqo] {
        font-size: 0.9rem;
        background-image: var(--palette-color-light);
        margin-left: 3rem;
    }

    .navbar-toggler[b-6pv2t3xhqo] {
        display: block;
        background-color: rgba(255, 255, 255, 0.1);
    }

        .navbar-toggler:hover[b-6pv2t3xhqo] {
            color: white;
        }

    .nav-button[b-6pv2t3xhqo] {
        display: inline-block;
        padding-left: calc(var(--navbar-width) / 3);
    }

        .nav-button a[b-6pv2t3xhqo] {
            text-decoration: none;
        }

            .nav-button a > span[b-6pv2t3xhqo] {
                font-size: var(--bs-navbar-toggler-font-size);
                color: var(--nav-item-color);
                margin-top: 0;
            }

    .nav-item[b-6pv2t3xhqo] {
        font-size: 0.9rem;
        padding-bottom: 0rem;
    }

        .nav-item:first-of-type[b-6pv2t3xhqo] {
            padding-top: 0rem;
        }

        .nav-item:last-of-type[b-6pv2t3xhqo] {
            padding-bottom: 0rem;
        }

        .nav-item[b-6pv2t3xhqo]  a {
            font-size: var(--bs-navbar-toggler-font-size);
            color: var(--nav-item-color);
            border-radius: 4px;
            height: 3rem;
            display: flex;
            align-items: center;
            line-height: 3rem;
        }

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

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

    .nav-link[b-6pv2t3xhqo] {
        color: var(--nav-item-color);
        text-align: center;
    }

    nav-item .nav-link > .nav-chevron[b-6pv2t3xhqo] {
        float: right;
    }

    .nav-chevron[b-6pv2t3xhqo] {
        width: 1rem;
        position: absolute;
        right: 1rem;
    }


    /*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

    .navbar-toggler-icon:hover[b-6pv2t3xhqo] {
        color: white;
    }

    .fa-solid[b-6pv2t3xhqo] {
        font-size: 1.0rem;
        padding-right: 1.8em;
        text-align: center;
    }

    .nav-button-i[b-6pv2t3xhqo] {
        font-size: var(--bs-navbar-toggler-font-size);
        color: var(--bs-navbar-color);
    }

        .nav-button-i:hover[b-6pv2t3xhqo] {
            color: white;
        }
/* /Components/Pages/Stations/List.razor.rz.scp.css */
/* /Components/Pages/Stations/Map.razor.rz.scp.css */
/* /Components/Pages/Stations/SourceTable.razor.rz.scp.css */
/* Style the tab */
th[b-khyn8wo9yb], td[b-khyn8wo9yb] {
    padding: 5px 7px;
}

tr:nth-child(even)[b-khyn8wo9yb] {
    background-color: var(--palette-color-light);
}

.tab[b-khyn8wo9yb] {
    overflow: hidden;
    background-color: var(--palette-color-light);
}

    /* Style the buttons that are used to open the tab content */
    .tab button[b-khyn8wo9yb] {
        background-color: inherit;
        color: var(--body-color);*/
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
    }

        /* Change background color of buttons on hover */
        .tab button:hover[b-khyn8wo9yb] {
            /*            color: var(--body-color);*/
            background-color: var(--palette-color-dark);
        }

        /* Create an active/current tablink class */
        .tab button.active[b-khyn8wo9yb] {
            background-color: var(--palette-color-dark);
        }

/* Style the tab content */
.tabcontent[b-khyn8wo9yb] {
    display: none;
    padding: 6px 12px;
    border: none;
}
/* /Components/UI/DateTimePicker.razor.rz.scp.css */
/* /Components/UI/Loader.razor.rz.scp.css */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Loader*/

.sk-fading-circle-container[b-nhgovgmdcj] {
    align-items: center;
    display: flex;
    height: 100vh;
}

.sk-fading-circle[b-nhgovgmdcj] {
    width: 4rem;
    height: 4rem;
    width: 4rem;
    position: relative;
    /*margin: 100px auto;*/

    z-index: 9999;
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

    .sk-fading-circle .sk-circle[b-nhgovgmdcj] {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

        .sk-fading-circle .sk-circle[b-nhgovgmdcj]:before {
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay-b-nhgovgmdcj 1.2s infinite ease-in-out both;
            background-color: var(--loader-color);
            border-radius: 100%;
            content: '';
            display: block;
            height: 20%;
            margin: 0 auto;
            width: 20%;
        }

    .sk-fading-circle .sk-circle2[b-nhgovgmdcj] {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-fading-circle .sk-circle3[b-nhgovgmdcj] {
        -ms-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-fading-circle .sk-circle4[b-nhgovgmdcj] {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-fading-circle .sk-circle5[b-nhgovgmdcj] {
        -ms-transform: rotate(120deg);
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-fading-circle .sk-circle6[b-nhgovgmdcj] {
        -ms-transform: rotate(150deg);
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-fading-circle .sk-circle7[b-nhgovgmdcj] {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-fading-circle .sk-circle8[b-nhgovgmdcj] {
        -ms-transform: rotate(210deg);
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-fading-circle .sk-circle9[b-nhgovgmdcj] {
        -ms-transform: rotate(240deg);
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-fading-circle .sk-circle10[b-nhgovgmdcj] {
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-fading-circle .sk-circle11[b-nhgovgmdcj] {
        -ms-transform: rotate(300deg);
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-fading-circle .sk-circle12[b-nhgovgmdcj] {
        -ms-transform: rotate(330deg);
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-fading-circle .sk-circle2[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-fading-circle .sk-circle3[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-fading-circle .sk-circle4[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-fading-circle .sk-circle5[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-fading-circle .sk-circle6[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-fading-circle .sk-circle7[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-fading-circle .sk-circle8[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-fading-circle .sk-circle9[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-fading-circle .sk-circle10[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-fading-circle .sk-circle11[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-fading-circle .sk-circle12[b-nhgovgmdcj]:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay-b-nhgovgmdcj {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

#loader_modal_dialog[b-nhgovgmdcj] {
    background: transparent;
    display: none;
}
/* /Components/UI/Modal.razor.rz.scp.css */
/* /Components/UI/YandexMap.razor.rz.scp.css */
.popup-marker[b-b5u78iajjz] {
    display: flex;
    flex-direction: column;
    background: #fff;
    gap: 4px;
}

.popup-marker_header[b-b5u78iajjz] {
    display: grid;
    grid-template-columns: max-content 28px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    gap: 4px;
}

.popup-marker_close-button[b-b5u78iajjz] {
    background-image: url('/image/close-icon.svg');
    background-repeat: no-repeat;
    position: absolute;
    right: 8px;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

.popup-marker_title[b-b5u78iajjz] {
    color: #050d33;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
}

.popup-marker_body[b-b5u78iajjz] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.popup-marker_footer[b-b5u78iajjz] {
    display: flex;
    flex-direction: row;
    gap: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-top: 1px solid rgba(0,0,0,.1);
}