html {
    font-family: 'Istok Web', sans-serif;
}

.foot {
    border-top: 1px solid rgba(12, 12, 12, .07);
    padding: 1rem;
    background-color: #f5f5f5 !important;
}

.footer_logo {
    width: 128px
}

#ru {
    margin: 0 !important;
}

#ba, #rub {
    font-size: 1.1rem;
    margin: 0 !important;
}

.nopad {
    padding: 0 !important;
}

.nomarg {
    margin: 0 !important;
}

header {
    padding: 1rem !important;
    background-color: #292c2f !important
}

#logo>img {
    width: 64px;
}

#menu {
    height: 100vh;
    background-color: #2b2e33 !important
}

#slogan {
    margin-left: 0.5rem;
    font-size: 1.2rem;
}

.collection {
    border: 0 !important;
}

.mi {
    background-color: #2b2e33 !important;
    border: 0 !important;
}

.mi a {
    color: rgba(255, 255, 255, 0.5) !important;
    padding: 0 20px !important;
}

.mi a>i {
    color: #55585c !important;
    margin-right: 1rem !important;
}

.mi_r {
    background-color: #2b2e33 !important;
    border: 0 !important;
}

.mi_r a {
    color: #ffeb3b !important;
    padding: 0 20px !important;
}

.mi_r a>i {
    color: #ffeb3b !important;
    margin-right: 1rem !important;
}

.mig {
    background-color: #41454d !important;
    border: 0 !important;
}

.mig a {
    color: rgba(255, 255, 255, 0.65) !important;
    padding: 0 1rem 0 3rem !important;
}

.mi .collapsible-header {
    color: rgba(255, 255, 255, 0.5) !important;
}

.mi.active .collapsible-header {
    color: #fff !important;
}
.active>a {
    color: #fff !important
}
.active>a>i {
    color: #fff !important
}

.mi :hover > i  {
    color: #ffffffab !important;
    -webkit-animation:spin 1s linear;
}
.sidenav li>a:hover {
    color: #ffffffab !important
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
    }
    75% {
        -webkit-transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

.main {
    margin: 1rem 1rem 0 1rem !important;
    padding: 2rem !important;
}

.podp {
    margin-bottom: 0.9rem !important;
    border-radius: 5px
}

@media screen and (max-width: 1380px) {
    .main {
        padding: 1rem !important;
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 1281px) {
    .main {
        padding: 0.5rem !important;
        margin: 0.5rem !important;
        font-size: 1.4rem;
    }
}

main {
    background-color: #fefefe !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

header {
    margin-bottom: 0 !important;
}

header, main, footer, .foot {
    margin-left: 280px !important;
}

@media only screen and (max-width: 992px) {
    header, main, footer, .foot {
        margin-left: 0 !important;
    }
}

.mrow {
    padding: 0 1rem 0 1rem;
    margin-bottom: 0!important;
}

#outnone {
    outline: none;
    font-size: 14px
}

.m10 {
    margin-bottom: 10px !important;
}

.brand-logo {
    padding-left: 20px !important;
}
.brand-logobrand-logo-mobile {
    padding-left: 32px !important;
}

body {
    background-color: #fff !important;
}

.mygreen {
    background-color: #88B04B !important;
    color: #000 !important;
}




.mycyan {
    background-color: #61c5ff !important
}

.btn {
    border-radius: 3px !important
}
.dashed {border-bottom: 1px dashed #b3b3b3;}

.yellowstyle {background-color: #FEDD00 !important;color: #000 !important;}

.mythird {background-color: rgb(248,238,233) !important;color: #000 !important;}

.text-color {
    color: #000 !important;
}

.pagination li a {
    color: #000 !important;
}

.paused {
    background-image: repeating-linear-gradient(-45deg, transparent, transparent calc(10px / 2), #dddddd73 calc(10px / 2), #dddddd73 10px);
}

@media (prefers-color-scheme: dark) {
    .collapsible-header {
        background-color: #2b2e339c !important;
        color: #e1e1e1 !important;
    }

    main, .card-panel, .card, .modal-content, .modal-footer {
        background-color: #3c3c3c !important;
        color: #e1e1e1 !important;
    }
    html, body {
        background-color: #3c3c3c !important;
        color: #e1e1e1 !important;
    }
    .foot {
        border-top: 1px solid rgba(12, 12, 12, .07);
        background-color: #2b2e33de !important;
    }

    .yellowstyle {background-color: #635811 !important; color: #fff !important;}

    .mygreen {
        background-color: #3d4f22 !important;
        color: #fff !important;
    }

    a, input, select, textarea{
        color: #fff;
    }

    .mythird {background-color: rgb(248,238,233) !important; color: #fff !important;}

    .sidenav {
        background-color: #252525 !important;
        color: rgba(255, 255, 255, 0.65) !important;
    }

    .sidenav a, .sidenav li>a>i {
        color: rgba(255, 255, 255, 0.65) !important;
    }

    .active>a, .active>a>i {
        color: #fff !important;
    }

    .text-color {
        color: #fff !important;
    }

    .pagination li a {
        color: #fff !important;
    }

    table.striped>tbody>tr:nth-child(odd) {
        background-color: #f2f2f20d !important;
    }

    .paused {
        background-image: repeating-linear-gradient(-45deg, transparent, transparent calc(10px / 2), #00000045 calc(10px / 2), #00000045 10px);
    }
}