/* Определяем CSS-переменные основной текст */
:root {
    --text-base: #004b9a; /* Основной цвет текста (голубой) */
    --text-secondary: #004b9a; /* Вспомогательный цвет текста (синий) */
}

body {
    color: var(--text-base); /* Основной цвет текста */
}

.header {
    color: var(--text-secondary) !important; /* Вспомогательный цвет текста */
    font-weight: bold !important; /* Жирный текст */
}

/* Устанавливаем фон страницы */
body {
    background-color: #ffffff;
}

.dijitContentPane.leftPanelPane .ant-tree-node-content-wrapper {
    color: #004b9a !important; /* Синий текст */
    /*font-weight: bold !important; /* Жирный текст */
   
}



.dijitContentPane.leftPanelPane .ant-tree-node-content-wrapper .icon {
    fill: #004b9a !important; /* Белый цвет иконок */
}

.ant-tree-switcher {
    color: #004b9a !important; /* Синий цвет переключателя */
}
.ant-tree-switcher svg {
    fill: #004b9a !important; /* Синий цвет иконки переключателя */
}
.ant-tree-switcher:hover {
    color: #004b9a !important; /* Цвет переключателя при наведении */
}

.ant-tree-switcher:hover svg {
    fill: #004b9a !important; /* Цвет иконки переключателя при наведении */
}

/*Меню навигатора слева*/

.navigation-menu-pane .navigation-menu {
    background-color: #004b9a !important; /* Темно-синий фон */
    color: #fff !important; /* Белый текст */
    padding: 2px !important; /* Отступы вокруг контента */
    border-right: 5px solid #555 !important; /* Граница справа */
}

.navigation-menu-pane .navigation-menu__item {
    color: #fff !important; /* Белый текст */
    display: flex; /* Используем flexbox для центрирования */
    align-items: center; /* Центрирование по вертикали */
    justify-content: center; /* Центрирование по горизонтали */
    padding: 3px; /* Отступы вокруг элементов */
}

.navigation-menu-pane .navigation-menu__item:hover {
    background-color: #003366 !important; /* Темно-синий фон при наведении */
}

.navigation-menu-pane .navigation-menu__item .icon {
    fill: #fff !important; /* Белый цвет иконок */
    width: 24px; /* Ширина иконки */
    height: 24px; /* Высота иконки */
}

/*Изменение заголовка Интерактивная карта*/
#header .text {
    color: #373736 !important; /* Темно-серый текст */
    font-family: Intro, sans-serif !important; /* Шрифт Arial */
    font-size: 20px !important; /* Размер шрифта */
    font-weight: bold !important; /* Жирный текст */
  margin-left: 230px !important; /* Отступ слева */
}

/*Изменение заголовка Слои*/
.ngw-webmap-panel-header span {
    color: #003366  !important; /* Темно-синий текст */
    font-weight: bold !important; /* Жирный текст */
}

/*Изменение элементов меню*/
.ant-tree-list .ant-tree-title {
    color: #003366  !important; /* Темно-синий текст */
}

/*Изменение жирности текста для групп в меню настроек(видно авторизованным пользователям)*/
.ngw-pyramid-dynmenu .label {
    font-weight: bold !important; /* Жирный текст */
}