/*region Common */

#up-to-page {
    background-color: #178761;
}

.portal-color {
    color: #157654;
}
.portal-underline {
    box-shadow: inset 0 -2px 0 white, inset 0 -3px 0 #157654;
}

.portal-color-bootstrap {
    color: #33d27b
}
.portal-color-bootstrap * {
    fill: #33d27b
}
/*endregion*/
/*region Custom checkbox*/

input.custom-checkbox:checked:after {
    background-color: #33d27b;
}
input.custom-checkbox[disabled]:checked:after {
    background-color: #63db98;
}

button.triple-checkbox.checked {
    background-color: #33d27b;
    border-color: #33d27b;
}
button.triple-checkbox.intermediate:before {
    background-color: #33d27b;
}
button.triple-checkbox.checked[disabled] {
    background-color: #63db98;
    border-color: #63db98;
}
button.triple-checkbox.intermediate[disabled]:before {
    background-color: #63db98;
}

/*endregion*/
/*region Menu */

/* Верхняя полоса меню */
nav.navbar-ts {
    background: #178761;
}
/* Когда Bootstrap свернёт меню, то отделяем элементы от полосы меню границей. */
nav.navbar-ts #upper-menu.collapsing,
nav.navbar-ts #upper-menu.collapse.in {
    border-top: 1px solid #11684A;
}
.navbar #upper-menu .navbar-main li,
.navbar #upper-menu .navbar-right li {
    background-color:#178761;
}

/* Название системы */
nav.navbar-ts .navbar-brand {
    background-color: #157654;
}

/* Лого системы */
.logo-cont {
    width: 188px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-image: url('../../images/logo.svg');
}

/* Лого системы */
.logo-cont-tr {
    width: 188px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-image: url('../../images/logo-tr.svg');
}

/* Пункты меню */
nav.navbar-ts .dark > a {
    background: #11684A !important;
}
nav.navbar-ts .dark > a:hover {
    background: #147353 !important;
}
nav.navbar-ts .navbar-main.nav .active a, nav.navbar-ts .navbar-main.nav > li > a:hover, nav.navbar-ts .navbar-main.nav > li > a:focus {
    background-color: #1fae7c;
}

/* Стрелочка пункта меню */
nav.navbar-ts  .navbar-main a .caret {
    border-top-color: #1fae7c;
    z-index: 1;
}
nav.navbar-ts .navbar-main .dark a .caret {
    border-top-color: #11684A;
}
nav.navbar-ts .navbar-main .dark a:hover .caret {
    border-top-color: #147353;
}

/* Правый блок пользователя */
nav.navbar-ts .user-menu .caret {
    border-top-color: #78FFCD;
}
nav.navbar-ts .user-name {
    color: #78FFCD;
}
nav.navbar-ts .navbar-right.nav .dropdown:hover, nav.navbar-ts .navbar-right.nav .dropdown:focus,
nav.navbar-ts .navbar-right.nav > li.active > a,
nav.navbar-ts .navbar-right.nav > li > a:hover, nav.navbar-ts .navbar-right.nav > li > a:focus,
nav.navbar-ts .navbar-right.nav > li > a:active, nav.navbar-ts .navbar-right.nav > li > a:visited,
nav.navbar-ts .navbar-right.nav .open > a, nav.navbar-ts .navbar-right.nav .open > a:hover, nav.navbar-ts .navbar-right.nav .open > a:focus {
    background-color: #157654;
}

/* Выпадашка пользователя */
nav.navbar-ts .navbar-right .dropdown-menu > li > a {
    color: #78FFCD;
    background: #178761;
}
nav.navbar-ts .navbar-right .dropdown-menu > li > a:hover, nav.navbar-ts .navbar-right .dropdown-menu > li > a:focus {
    background: #157654;
}
nav.navbar-ts .navbar-right .dropdown-menu li {
    border-top: 1px solid #157654;
}

/*endregion*/
/*region Footer */

footer {
    background-color: #ddefe5;
    border-top-color: #c9dfd1;
    color: #1a6d63;
}

/*endregion*/
/*region Tabs*/

/* Вкладки раздела */
.tabs-wrapper {
    background: #e1f1e4;
    border-bottom-color: #c9d1df;
}

.ng-cloak{
    display: none !important;
}

/*endregion*/
/*region Адаптивность*/

/*region Верхнее меню */

/*
    Не добавляйте в эти media queries CSS, который не относится к адаптивности верхнего меню.
*/

@media (min-width: 768px) and (max-width: 2200px) {

    .navbar-ts.menu-item-count-12 .logo-cont-tr{
        width: 54px;
    }

    /* 10 элементов, 0 шаг сужения */
    .navbar-ts.menu-item-count-10 .logo-cont, .navbar-ts.menu-item-count-10 .logo-cont-tr {
        width: 54px;
    }

    /* 9 элементов, 0 шаг сужения */
    .navbar-ts.menu-item-count-9 .logo-cont, .navbar-ts.menu-item-count-9 .logo-cont-tr {
        width: 54px;
    }
}
@media (min-width: 768px) and (max-width: 2100px) {

    /* 8 элементов, 0 шаг сужения */
    .navbar-ts.menu-item-count-8 .logo-cont, .navbar-ts.menu-item-count-8 .logo-cont-tr {
        width: 54px;
    }
}
@media (min-width: 768px) and (max-width: 2000px) {

    /* 7 элементов, 0 шаг сужения */
    .navbar-ts.menu-item-count-7 .logo-cont, .navbar-ts.menu-item-count-7 .logo-cont-tr {
        width: 54px;
    }
}
@media (min-width: 768px) and (max-width: 1900px) {

    /* 6 элементов, 0 шаг сужения */
    .navbar-ts.menu-item-count-6 .logo-cont, .navbar-ts.menu-item-count-6 .logo-cont-tr {
        width: 54px;
    }
}
@media (min-width: 768px) and (max-width: 1850px) {

    /* 5 элементов, 0 шаг сужения */
    .navbar-ts.menu-item-count-5 .logo-cont, .navbar-ts.menu-item-count-5 .logo-cont-tr {
        width: 54px;
    }
}
@media (min-width: 768px) and (max-width: 1650px) {

    /* 4 элемента, 0 шаг сужения */
    .navbar-ts.menu-item-count-4 .logo-cont, .navbar-ts.menu-item-count-4 .logo-cont-tr {
        width: 54px;
    }
}
@media (min-width: 768px) and (max-width: 1500px) {

    /* 3 элемента, 0 шаг сужения */
    .navbar-ts.menu-item-count-3 .logo-cont, .navbar-ts.menu-item-count-3 .logo-cont-tr {
        width: 54px;
    }
}
@media (min-width: 768px) and (max-width: 1350px) {

    /* 2 элемента, 0 шаг сужения */
    .navbar-ts.menu-item-count-2 .logo-cont, .navbar-ts.menu-item-count-2 .logo-cont-tr {
        width: 54px;
    }
}
@media (min-width: 768px) and (max-width: 1300px) {

    /* 1 элемент, 0 шаг сужения */
    .navbar-ts.menu-item-count-1 .logo-cont, .navbar-ts.menu-item-count-1 .logo-cont-tr {
        width: 54px;
    }
}

/*endregion*/

/*endregion*/