@media (prefers-color-scheme: light) {
    /* Callouts */
    .callout {
        border-top-color: #eee;
        border-right-color: #eee;
        border-bottom-color: #eee;
    }
    .callout-default {
        border-left-color: #777;
    }
    .callout-default h4 {
        color: #777;
    }
    .callout-primary {
        border-left-color: #428bca;
    }
    .callout-primary h4 {
        color: #428bca;
    }
    .callout-success {
        border-left-color: #5cb85c;
    }
    .callout-success h4 {
        color: #5cb85c;
    }
    .callout-danger {
        border-left-color: #d9534f;
    }
    .callout-danger h4 {
        color: #d9534f;
    }
    .callout-warning {
        border-left-color: #f0ad4e;
    }
    .callout-warning h4 {
        color: #f0ad4e;
    }
    .callout-info {
        border-left-color: #5bc0de;
    }
    .callout-info h4 {
        color: #5bc0de;
    }
    /* End Callouts */

    #logo-top {
        background-color: #DDE6EF;
        border-color: white;
    }

    #navbar-top-menu {
        background-color: #DDE6EF;
        border-top-color: #A9C2EA;
        border-bottom-color: #DDE6EF;
    }

    #navbar-top-menu ul {
        background-color: #DDE6EF;
    }

    #navbar-top-menu li.active {
        background-color: #DDE6EF;
        border-bottom-color: #436AAB;
    }
    #navbar-top-menu li.active > a {
        border-bottom-color: #C41010;
        color: #C41010;
    }
    #navbar-top-menu li > a:hover {
        border-bottom-color: #C41010;
        color: #C41010;
        background-color: transparent;
    }
    #navbar-top-menu li > a {
        border-bottom-color: transparent;
        color: #436AAB;
    }

    #navbar-top > .navbar-toggle {
        background-color: #A9C2EA;
    }
    #navbar-top > .navbar-toggle > .icon-bar {
        background-color: #39579F;
    }

    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
        background-color: #DDE6EF;
    }

    #left-menu-button {
        background-color: #DDE6EF;
        color: #39579F;
    }

    ul.nav-list li > a  {
        color: #436AAB;
    }

    ul.nav-list > li.active>a, ul.nav-list > li.active > a:hover, ul.nav-list > li > a:hover {
        background-color: #DDE6EF;
        border-bottom-color: #C41010;
        color: #C41010;
    }

    ul.nav-list, ul.navbar-nav {
        background-color: #DDE6EF;
    }

    h1 {
        border-bottom-color: #A9C2EA;
    }

    #contacts_left {
        border-top-color: #D9E4F6;
    }

    #footer {
        border-top-color: #759CDD;
        background-color: #DDE6EF;
    }

    div.tariff {
        background-color:#D9E4F6;
    }
    div.tariff-site {
        color: #337AB7;      
    }
    div.tariff-index > div {
        border: solid 2px #DDE6EF;
        /*background-color: #DDE6EF;*/
        border-radius: 5px;
       /* background-image: linear-gradient(#759CDD, #D9E4F6);*/
    }
    div.tariff-index > div > h4 {
        color: black;
    }
    .tariff-price-txt sup {
        color: #337AB7;   
    }

    hr {
        border-top-color: #A9C2EA;
    }

}
@media (prefers-color-scheme: dark) {
    /* Callouts */
    .callout {
        border-top-color: #444;
        border-right-color: #444;
        border-bottom-color: #444;
    }
    .callout-default {
        border-left-color: #7A8288;
    }
    .callout-default h4 {
        color: #7A8288;
    }
    .callout-primary {
        border-left-color: #337AB7;
    }
    .callout-primary h4, .callout-primary sup {
        color: #3372B7;
    }
    .callout-success {
        border-left-color: #75BD75;
    }
    .callout-success h4, .callout-success sup {
        color: #75BD75;
    }
    .callout-danger {
        border-left-color: #d9534f;
    }
    .callout-danger h4, .callout-danger sup {
        color: #d9534f;
    }
    .callout-warning {
        border-left-color: #E1AB5E;
    }
    .callout-warning h4, .callout-warning sup {
        color: #E1AB5E;
    }
    .callout-info {
        border-left-color: #63B7D0;
    }
    .callout-info h4, .callout-info sup {
        color: #63B7D0;
    }
    /* End Callouts */

    #logo-top {
        background-color: #759CDD;
        border-color: black;
    }

    #navbar-top-menu {
        background-color: #2b3a49;
        border-top-color: #A9C2EA;
        border-bottom-color: #8ba7d6;
    }

    #navbar-top-menu li.active > a {
        border-bottom-color: #ee4f5c;
        color: #ee4f5c;
    }
    #navbar-top-menu li > a:hover {
        border-bottom-color: #ee4f5c;
        color: #ee4f5c;
        background-color: transparent;
    }
    #navbar-top-menu li > a {
        border-bottom-color: transparent;
        color: #8ba7d6;
    }

    #navbar-top > .navbar-toggle {
        background-color: #A9C2EA;
    }
    #navbar-top > .navbar-toggle > .icon-bar {
        background-color: #2b3a49;
    }

    #left-menu-button {
        background-color: #2b3a49;
        color: #8ba7d6;
    }

    ul.nav-list li > a  {
        color: #8ba7d6;
    }

    ul.nav-list, ul.navbar-nav {
        background-color: #2b3a49;
    }

    ul.nav-list > li.active>a, ul.nav-list > li.active > a:hover, ul.nav-list > li > a:hover {
        background-color: #2b3a49;
        border-bottom-color: #ee4f5c;
        color: #ee4f5c;
    }


    h1 {
        border-bottom-color: #A9C2EA;
    }

    #contacts_left {
        border-top-color: #D9E4F6;
    }

    #footer {
        border-top-color: #759CDD;
        background-color: #2b3a49;
    }

    div.tariff {
        background-color:#2b3a49;
    }

    div.tariff-index > div {
        background-color: #759CDD;
        background-image: linear-gradient(#759CDD, #2b3a49);
    }

    div.tariff-index > div > h4 {
        color: white;
    }

    hr {
        border-top-color: #759CDD;
    }
    .breadcrumb {
        background-color: #3a3a3a;
    }
}
#cookie_note{
    display: none;position: fixed;z-index:100;
    bottom: 15px;left: 50%; max-width: 90%;transform: translateX(-50%);
    padding: 20px;background-color: white;
    border-radius: 4px;box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_note p{margin: 0;font-size: 1.2rem;text-align: left;color: black;}
#cookie_note .btn-sm {display: block;margin: 0 auto;}
.cookie_accept{width:20%;}
@media (min-width: 576px){#cookie_note.show{display: flex;}}
@media (max-width: 575px){#cookie_note.show{display: none;text-align: left;}}