/*
 * Тёмное оформление Legacy включается только классом night-mode на body.
 * Такой ограничитель позволяет оставить обычную светлую тему полностью без изменений,
 * когда константа NIGHT_MODE отключена в settings.inc.php.
 */
body.night-mode {
	background-color: #171c20;
	color: #d8dee3;
	color-scheme: dark;
}

/* Затемняем узор страницы входа и сохраняем его ненавязчивой частью ночного фона. */
body.night-mode.light-login {
	background-color: #171c20 !important;
	background-image: linear-gradient(rgba(112, 135, 150, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(112, 135, 150, 0.055) 1px, transparent 1px) !important;
	background-size: 24px 24px;
	min-height: 100vh;
}

/* Убираем отдельную сплошную подложку контейнера входа, чтобы сетка шла через всю страницу. */
body.night-mode.light-login .main-container,
body.night-mode.light-login .main-container:before {
	background-color: transparent !important;
	background-image: none !important;
}

/* Продолжаем сетчатый фон внутри основного контейнера, не перекрывая элементы формы. */
body.night-mode.light-login .main-content {
	background-color: #171c20 !important;
	background-image: linear-gradient(rgba(112, 135, 150, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(112, 135, 150, 0.055) 1px, transparent 1px) !important;
	background-size: 24px 24px;
}

/* Заменяем светлую поверхность формы входа графитовой, не меняя её расположение и размеры. */
body.night-mode.light-login .widget-box .widget-main {
	background-color: #2d363b !important;
	color: #d8dee3;
}

/* Убираем светлую подложку Ace у карточки и задаём ей чёткую графитовую границу. */
body.night-mode.light-login .widget-box.login-box {
	background-color: #2d363b !important;
	border: 1px solid #61707a !important;
}

body.night-mode.light-login .widget-box.login-box .widget-body {
	background-color: #2d363b !important;
}

/* Сохраняем видимость подписей и заголовка формы на тёмной поверхности. */
body.night-mode.light-login .widget-box .widget-main label,
body.night-mode.light-login .widget-box .widget-main .header,
body.night-mode.light-login .widget-box .widget-main h1,
body.night-mode.light-login .widget-box .widget-main h2,
body.night-mode.light-login .widget-box .widget-main h3,
body.night-mode.light-login .widget-box .widget-main h4,
body.night-mode.light-login .widget-box .widget-main h5,
body.night-mode.light-login .widget-box .widget-main h6 {
	color: #d8dee3;
}

/* Возвращаем заголовку формы синий акцент из приложенного образца. */
body.night-mode.light-login .login-box .widget-main .header {
	color: #75b9e6 !important;
}

/* Делаем пустой и отмеченный флажок тёмными, чтобы в форме не оставалось белого квадрата. */
body.night-mode.light-login .widget-box .widget-main input.ace[type="checkbox"] + .lbl:before {
	background-color: #20282d;
	border-color: #65737c;
}

body.night-mode.light-login .widget-box .widget-main input.ace[type="checkbox"]:checked + .lbl:before {
	background-color: #3a87ad;
	border-color: #3a87ad;
	color: #ffffff;
}

/* Приглушаем рамки формы, чтобы исходные светлые линии не выделялись на карточке. */
body.night-mode.light-login .widget-box .widget-main fieldset,
body.night-mode.light-login .widget-box .widget-main .form-group,
body.night-mode.light-login .widget-box .widget-main .space-6 {
	border-color: #46535a;
}

/* Повышаем читаемость красных предупреждающих надписей на тёмном фоне. */
body.night-mode .text-danger,
body.night-mode a.text-danger:hover,
body.night-mode a.text-danger:focus,
body.night-mode .components-blocks-orders-field-amount-in-pnl-currency .expenditure {
	color: #df777b !important;
}

/* Осветляем положительные суммы и другие зелёные значения, чтобы они читались на тёмной поверхности. */
body.night-mode .text-success {
	color: #79d99a !important;
}

/* Убираем временное усиление красных сумм, чтобы их вид не менялся после пересчёта. */
body.night-mode .components-blocks-orders-field-amount-in-pnl-currency .expenditure.accent {
	font-weight: normal !important;
}

/* Сохраняем светлый цвет значка расходов и используем системный красный для активного состояния. */
body.night-mode .components-blocks-orders-comtrade-edit-share-expenses-row .fa-question-circle {
	color: #d8dee3 !important;
}

body.night-mode .components-blocks-orders-comtrade-edit-share-expenses-row .fa-question-circle[style*="red"] {
	color: #df777b !important;
}

/* Оформляем отдельный пункт переключения темы так, чтобы он занимал место обычной кнопки хедера. */
.night-mode-toggle > a {
	display: flex;
	align-items: center;
	gap: 5px;
}

/* Сохраняем читаемость переключателя в дневном режиме, когда ночная тема разрешена, но выключена. */
.night-mode-toggle > a,
.night-mode-toggle > a:hover,
.night-mode-toggle > a:focus {
	color: inherit;
}

/* Увеличиваем солнце и луну одинаково относительно исходного размера значка Ace. */
.ace-nav > li.night-mode-toggle > a > .night-mode-toggle-icon {
	display: inline-block;
	width: 30px;
	font-size: 18px;
	line-height: 1;
	transform: translateY(1px);
}

/* Оставляем солнечную иконку белой, чтобы она была одинаково заметна на фоне кнопки хедера. */
.night-mode-toggle-icon.ri-sun-line {
	color: #fff !important;
}

/* Оформляем дампы, описание задачи и вложенные блоки pre по активному ночному режиму браузера. */
body.night-mode .dump-content,
body.night-mode .dump-content pre,
body.night-mode .executor-error-content,
body.night-mode .executor-description,
body.night-mode .executor-description pre {
	background-color: #2b3338 !important;
	border-color: #3d474e !important;
	color: #d8dee3 !important;
}

body.night-mode .database-error-query { /* Сохраняем читаемость SQL-панели в окне приложения с ночной темой. */
	background-color: #2b3338 !important;
	border-color: #3d474e !important;
	color: #d8dee3 !important;
}

body.night-mode .dump-content pre span[style*="color: Grey"] {
	color: #9daab3 !important;
}

/* Оставляем рабочей области отдельную поверхность между внешним фоном и карточками. */
body.night-mode .main-container:before,
body.night-mode .page-content,
body.night-mode .main-content,
body.night-mode .main-content-inner {
	background-color: #2d363b;
}

/* Отделяем меню от области страницы более глубоким графитовым фоном. */
body.night-mode .sidebar,
body.night-mode .sidebar:before,
body.night-mode .sidebar .nav-list,
body.night-mode .sidebar .nav-list > li,
body.night-mode .sidebar .nav-list > li > .submenu {
	background-color: #1d262b;
	border-color: #354047;
}

/* Делаем пункты главного меню читаемыми и сохраняем единый цвет при наведении. */
body.night-mode .sidebar .nav-list > li > a,
body.night-mode .sidebar .nav-list > li .submenu > li > a,
body.night-mode .sidebar .nav-list > li > a > .menu-icon,
body.night-mode .sidebar .nav-list > li .submenu > li > a > .menu-icon {
	background-color: #1d262b;
	color: #d8dee3;
}

/* Мягко выделяем наведённый и активный пункты меню на фоне боковой панели. */
body.night-mode .sidebar .nav-list > li:hover > a,
body.night-mode .sidebar .nav-list > li.active > a,
body.night-mode .sidebar .nav-list > li .submenu > li:hover > a,
body.night-mode .sidebar .nav-list > li .submenu > li.active > a {
	background-color: #303b42 !important;
	color: #ffffff;
}

/* Убираем отдельные светлые прямоугольники вокруг значков активных пунктов меню. */
body.night-mode .sidebar .nav-list > li:hover > a > .menu-icon,
body.night-mode .sidebar .nav-list > li.active > a > .menu-icon,
body.night-mode .sidebar .nav-list > li .submenu > li:hover > a > .menu-icon,
body.night-mode .sidebar .nav-list > li .submenu > li.active > a > .menu-icon {
	background-color: transparent !important;
	color: #d8dee3;
}

/* Отделяем активный раздел меню от выбранной в нём страницы с помощью двух уровней выделения. */
body.night-mode .sidebar .nav-list > li.active > a {
	background-color: #28353b !important;
	box-shadow: inset 3px 0 #719da4;
}

body.night-mode .sidebar .nav-list > li .submenu > li.active > a {
	background-color: #35464d !important;
	box-shadow: inset 3px 0 #9bbfc2;
}

/* Затемняем дополнительные элементы меню, которые Ace рисует отдельными светлыми полосами. */
body.night-mode .sidebar .sidebar-toggle,
body.night-mode .sidebar .sidebar-shortcuts,
body.night-mode .sidebar .sidebar-collapse {
	background-color: #1d262b;
	border-color: #354047;
}

/* Придаём верхней панели собственный сдержанный оттенок, чтобы она читалась отдельной полосой. */
body.night-mode #navbar,
body.night-mode .navbar,
body.night-mode .navbar .navbar-container {
	background-color: #3b515a !important;
	border-color: #4b626a;
}

/* Переводим кнопки уведомлений, языка и пользователя в общий тёмный цвет верхней панели. */
body.night-mode .navbar .ace-nav > li > a,
body.night-mode .navbar .ace-nav > li.light-blue > a,
body.night-mode .navbar .ace-nav > li.purple > a,
body.night-mode .navbar .ace-nav > li.blue > a {
	background-color: #3b515a !important;
	color: #d8dee3;
}

/* Выравниваем фон самих пунктов верхнего меню с фоном всей верхней панели. */
body.night-mode .navbar .ace-nav > li {
	background-color: #3b515a !important;
}

/* Подсвечиваем кнопки верхней панели при наведении, не возвращая светлые цвета Ace. */
body.night-mode .navbar .ace-nav > li > a:hover,
body.night-mode .navbar .ace-nav > li > a:focus {
	background-color: #4b626a !important;
	color: #ffffff;
}

/* Делаем навигационную дорожку светлее основной области и отделяем её нижней линией. */
body.night-mode .breadcrumbs {
	background-color: #35444b;
	border-color: #46565d;
}

/* Делаем неактивные пункты, ссылки и значки хлебных крошек читаемыми на тёмном фоне. */
body.night-mode .breadcrumbs .breadcrumb > li:not(.active),
body.night-mode .breadcrumbs .breadcrumb > li:not(.active) > div,
body.night-mode .breadcrumbs .breadcrumb > li:not(.active) .icon,
body.night-mode .breadcrumbs .breadcrumb > li:not(.active) .home-icon,
body.night-mode .breadcrumbs .home-icon {
	color: #d8dee3 !important;
}

/* Осветляем только ссылки навигационной дорожки, сохраняя цвет других ссылок приложения. */
body.night-mode .breadcrumbs .breadcrumb > li:not(.active) > a,
body.night-mode .breadcrumbs a:not(.btn),
body.night-mode .footer-content a {
	color: #9bd5f2 !important;
}

body.night-mode .breadcrumbs .breadcrumb > li:not(.active) > a:hover,
body.night-mode .breadcrumbs .breadcrumb > li:not(.active) > a:focus,
body.night-mode .breadcrumbs a:not(.btn):hover,
body.night-mode .breadcrumbs a:not(.btn):focus,
body.night-mode .footer-content a:hover,
body.night-mode .footer-content a:focus {
	color: #b5e5ff !important;
}

body.night-mode .breadcrumbs .breadcrumb > li.active,
body.night-mode .breadcrumbs .breadcrumb > li.active > div {
	color: #eef2f3 !important;
}

body.night-mode .breadcrumbs .breadcrumb > li:before,
body.night-mode .breadcrumbs .breadcrumb > li > .divider {
	color: #9daab3 !important;
}

/* Осветляем ссылки в содержимом всех страниц, исключая кнопки и элементы раскрывающихся меню. */
body.night-mode .page-content a:not(.btn):not(.dropdown-toggle):not(.text-danger):not(.text-success) {
	color: #9bd5f2 !important;
}

/* Усиливаем цвет ссылок содержимого при наведении и клавиатурном фокусе. */
body.night-mode .page-content a:not(.btn):not(.dropdown-toggle):not(.text-danger):not(.text-success):hover,
body.night-mode .page-content a:not(.btn):not(.dropdown-toggle):not(.text-danger):not(.text-success):focus {
	color: #b5e5ff !important;
}

/* Отделяем полосу вкладок от рабочей области и поднимаем активную вкладку на уровень карточек. */
body.night-mode .nav-tabs,
body.night-mode .nav-tabs > li > a,
body.night-mode .nav-tabs > li.active > a,
body.night-mode .nav-tabs > li.active > a:hover,
body.night-mode .nav-tabs > li > a:hover,
body.night-mode .atoms-main-tabs .nav-tabs > li > a {
	background-color: #20282d !important;
	border-color: #3d494f;
	color: #d8dee3;
}

/* Оставляем нижнюю линию контейнеру вкладок и убираем собственный бордер ссылок. */
body.night-mode .nav-tabs > li:not(.active) > a,
body.night-mode .nav-tabs > li:not(.active) > a:hover,
body.night-mode .nav-tabs > li:not(.active) > a:focus,
body.night-mode .atoms-main-tabs .nav-tabs > li:not(.active) > a,
body.night-mode .atoms-main-tabs .nav-tabs > li:not(.active) > a:hover,
body.night-mode .atoms-main-tabs .nav-tabs > li:not(.active) > a:focus {
	border-bottom-color: transparent !important;
}

body.night-mode .nav-tabs > li.active > a,
body.night-mode .nav-tabs > li.active > a:hover {
	background-color: #2d363b !important;
	border-bottom-color: transparent !important;
	box-shadow: inset 0 2px #83adb2;
	position: relative;
}

/* Поднимаем активную вкладку над общей полосой и сохраняем акцент у компонентных вкладок. */
body.night-mode .atoms-main-tabs .nav-tabs > li.active > a,
body.night-mode .atoms-main-tabs .nav-tabs > li.active > a:hover {
	background-color: #2d363b !important;
	border-color: #52646a;
	border-bottom-color: transparent !important;
	box-shadow: inset 0 2px #83adb2;
	color: #f0f3f4;
}

/* Убираем нижнюю грань всех ссылок вкладок и сохраняем исходную высоту за счет отступа. */
body.night-mode .atoms-main-tabs .nav-tabs > li > a,
body.night-mode .atoms-main-tabs .nav-tabs > li > a:hover,
body.night-mode .atoms-main-tabs .nav-tabs > li > a:focus {
	border-bottom: 0 !important;
	padding-bottom: 7px;
}

body.night-mode .atoms-main-tabs .nav-tabs {
	background-color: transparent !important;
	border-color: transparent !important;
}

/* Рисуем общую линию поверх неактивных вкладок, оставляя активную вкладку над ней. */
body.night-mode .atoms-main-tabs .underline {
	position: relative;
	z-index: 1;
}

body.night-mode .atoms-main-tabs .nav-tabs > li.active {
	z-index: 2;
}

/* Поднимаем активную вкладку над нижней линией любой полосы вкладок, чтобы она соединялась с содержимым. */
body.night-mode .nav-tabs > li.active {
	margin-bottom: -1px;
	position: relative;
	z-index: 1;
}

/* Закрываем нижнюю линию на уровне пункта вкладки, поскольку сама ссылка короче полосы навигации. */
body.night-mode .nav-tabs > li.active::after {
	background-color: #2d363b;
	bottom: -1px;
	content: '';
	height: 2px;
	left: 0px;
	pointer-events: none;
	position: absolute;
	right: 0px;
}

/* Переводим основной текст и заголовки на светлую цветовую шкалу тёмной поверхности. */
body.night-mode h1,
body.night-mode h2,
body.night-mode h3,
body.night-mode h4,
body.night-mode h5,
body.night-mode h6,
body.night-mode label,
body.night-mode .breadcrumb,
body.night-mode .page-content,
body.night-mode .footer {
	color: #d8dee3;
}

/* Выделяем карточки и панели поверх рабочей области тонкой нейтральной границей. */
body.night-mode .widget-box,
body.night-mode .widget-header,
body.night-mode .widget-body,
body.night-mode .fixed-bottom-buttons-area.fixed,
body.night-mode .well,
body.night-mode .panel,
body.night-mode .panel-heading,
body.night-mode .panel-footer {
	background-color: #394348;
	border-color: #46535a;
	color: #d8dee3;
}

/* Отделяем поля от карточек более тёмным фоном и спокойной границей. */
body.night-mode input:not([type="checkbox"]):not([type="radio"]),
body.night-mode select,
body.night-mode textarea,
body.night-mode .form-control {
	background-color: #252e33;
	border-color: #46535a;
	color: #d8dee3;
}

/* Перекрываем светлый стиль Legacy для недоступных и только читаемых полей. */
body.night-mode input:disabled,
body.night-mode select:disabled,
body.night-mode textarea:disabled,
body.night-mode input[readonly],
body.night-mode select[readonly],
body.night-mode textarea[readonly],
body.night-mode .form-control[readonly],
body.night-mode .form-control:disabled {
	background-color: #232b30 !important;
	border-color: #3d474e !important;
	color: #9daab3 !important;
	opacity: 1;
}

/* Затемняем стандартные дополнительные кнопки полей и нейтральные кнопки Bootstrap. */
body.night-mode .input-group-addon,
body.night-mode .btn-default,
body.night-mode .input-group-btn > .btn {
	background-color: #3a474f;
	border: none !important;
	color: #d8dee3;
	box-shadow: none !important;
}

body.night-mode .input-group-addon:hover,
body.night-mode .btn-default:hover,
body.night-mode .btn-default:focus,
body.night-mode .btn-default:active,
body.night-mode .input-group-btn > .btn:hover,
body.night-mode .input-group-btn > .btn:focus,
body.night-mode .input-group-btn > .btn:active {
	background-color: #4b5963;
	color: #ffffff;
	border: none !important;
	box-shadow: none !important;
}

/* Делаем подсказки в полях различимыми на тёмном фоне. */
body.night-mode input::placeholder,
body.night-mode textarea::placeholder,
body.night-mode .form-control::placeholder {
	color: #9daab3;
	opacity: 1;
}

/* Сохраняем единый цвет приподнятой поверхности в полях калькуляции и контрактов. */
body.night-mode .form-control.tt-input,
body.night-mode input.form-control.tt-input,
body.night-mode .form-control.expenditure,
body.night-mode .form-control.expenditure.disabled,
body.night-mode .form-control.income.disabled {
	background-color: #252e33 !important;
	background-image: none !important;
	border-color: #4b5963;
	color: #d8dee3;
}

/* Затемняем поля Select2, фильтр пользователей и раскрывающийся список результатов. */
body.night-mode .select2-container--default .select2-selection--single,
body.night-mode .select2-container--default .select2-selection--multiple,
body.night-mode .select2-container--default .select2-dropdown,
body.night-mode .select2-container--default .select2-search--dropdown,
body.night-mode .select2-container--default .select2-search__field,
body.night-mode .select2-container--default .select2-results,
body.night-mode .select2-container--default .select2-results__option {
	background-color: #252e33 !important;
	border-color: #46535a;
	color: #d8dee3;
}

body.night-mode .select2-container--default .select2-selection__rendered,
body.night-mode .select2-container--default .select2-selection__placeholder,
body.night-mode .select2-container--default .select2-selection__arrow,
body.night-mode .select2-container--default .select2-search__field {
	color: #d8dee3;
}

/* Перекрываем встроенный почти чёрный цвет значения Contract Num в поле только для чтения. */
body.night-mode .components-atoms-form-field-select2-single .form-control {
	color: #d8dee3 !important;
}

/* Показываем выбранные роли как обычные значения поля с ясным действием удаления. */
body.night-mode .select2-container--default .select2-selection__choice {
	background-color: #35464d !important;
	border-color: #52646a;
	color: #eef2f3 !important;
}

body.night-mode .select2-container--default .select2-selection__choice__remove {
	background-color: transparent !important;
	border-right-color: #725054;
	color: #df777b !important;
}

body.night-mode .select2-container--default .select2-selection__choice__remove:hover,
body.night-mode .select2-container--default .select2-selection__choice__remove:focus {
	background-color: #963f45 !important;
	color: #ffffff !important;
}

body.night-mode .select2-container--default .select2-results__option--highlighted[aria-selected],
body.night-mode .select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #3a474f !important;
	color: #ffffff;
}

/* Затемняем старый Chosen, который используется в полях Basic Details и других вкладках контракта. */
body.night-mode .chosen-container .chosen-single,
body.night-mode .chosen-container .chosen-choices,
body.night-mode .chosen-container .chosen-drop,
body.night-mode .chosen-container .chosen-search input,
body.night-mode .chosen-container .chosen-results {
	background-color: #252e33 !important;
	background-image: none !important;
	border-color: #4b5963;
	color: #d8dee3;
}

body.night-mode .chosen-container .chosen-single div b,
body.night-mode .chosen-container .chosen-choices li.search input,
body.night-mode .chosen-container .chosen-single span,
body.night-mode .chosen-container .chosen-default {
	color: #d8dee3;
}

body.night-mode .chosen-container .chosen-results li.highlighted,
body.night-mode .chosen-container .chosen-results li:hover {
	background-color: #3a474f !important;
	color: #ffffff;
}

body.night-mode .chosen-container-multi .chosen-choices li.search-choice {
	background: linear-gradient(180deg, #151d21 0%, #0d1316 100%) !important;
	border-color: #46545b !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
	color: #eef2f3 !important;
	text-shadow: none !important;
}

body.night-mode .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	filter: brightness(1.8);
}

body.night-mode .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	filter: brightness(2.2);
}

/* Разделяем аудитории доступа, убираем светлые рамки дерева и приглушаем подписи его разделов. */
body.night-mode #pagesAccessForm #accessAudienceTabs > li > a {
	background-color: #20282d !important;
	border-color: #3d494f !important;
	color: #aebac0 !important;
}

body.night-mode #pagesAccessForm #accessAudienceTabs > li.active > a,
body.night-mode #pagesAccessForm #accessAudienceTabs > li.active > a:hover,
body.night-mode #pagesAccessForm #accessAudienceTabs > li.active > a:focus {
	background-color: #2d363b !important;
	border-color: #52646a !important;
	border-bottom-color: #2d363b !important;
	box-shadow: inset 0 2px #83adb2 !important;
	color: #f0f3f4 !important;
}

body.night-mode #pagesAccessForm .tree .tree-item {
	border: 0 !important;
	color: #d8dee3;
}

body.night-mode #pagesAccessForm .tree .tree-folder {
	border: 0 !important;
}

body.night-mode #pagesAccessForm .tabbable > .tab-content {
	background-color: #2d363b !important;
	border-color: #52646a !important;
}

body.night-mode #myTab3 + .tab-content {
	background-color: #263137 !important;
	border-color: #46545b !important;
}

body.night-mode #myTab3 > li > a {
	background-color: #20282d !important;
	border-color: #3d494f !important;
	color: #aebac0 !important;
}

body.night-mode #myTab3 > li.active > a,
body.night-mode #myTab3 > li.active > a:hover,
body.night-mode #myTab3 > li.active > a:focus {
	background-color: #303b40 !important;
	border-color: #52646a !important;
	box-shadow: inset 3px 0 #83adb2 !important;
	color: #f0f3f4 !important;
}

body.night-mode #myTab3 > li > a:hover,
body.night-mode #orderPills > li > a:hover,
body.night-mode .tabs-left > .tab-content .tab-pane .tabbable > .nav-tabs > li > a:hover {
	background-color: #354148 !important;
	color: #ffffff !important;
}

body.night-mode #orderPills > li > a,
body.night-mode .tabs-left > .tab-content .tab-pane .tabbable > .nav-tabs > li > a {
	background-color: #20282d !important;
	border-color: #3d494f !important;
	color: #aebac0 !important;
}

body.night-mode #orderPills > li.active > a,
body.night-mode #orderPills > li.active > a:hover,
body.night-mode #orderPills > li.active > a:focus,
body.night-mode .tabs-left > .tab-content .tab-pane .tabbable > .nav-tabs > li.active > a,
body.night-mode .tabs-left > .tab-content .tab-pane .tabbable > .nav-tabs > li.active > a:hover,
body.night-mode .tabs-left > .tab-content .tab-pane .tabbable > .nav-tabs > li.active > a:focus {
	background-color: #2d363b !important;
	border-color: #52646a !important;
	border-bottom-color: #2d363b !important;
	box-shadow: inset 0 2px #83adb2 !important;
	color: #f0f3f4 !important;
}

body.night-mode .tabs-left > .tab-content .tab-pane .tabbable > .tab-content {
	background-color: #2d363b !important;
	border-color: #52646a !important;
}

body.night-mode .tabs-left > .tab-content .tab-pane fieldset {
	border-color: #52646a !important;
	border-style: solid;
}

body.night-mode .tabs-left > .tab-content .tab-pane fieldset legend {
	color: #c2cdd1 !important;
}

body.night-mode #pagesAccessForm .tree .tree-item:hover {
	background-color: #354148 !important;
}

body.night-mode #pagesAccessForm .tree .tree-folder-header,
body.night-mode #pagesAccessForm .tree .access_module_text,
body.night-mode #pagesAccessForm .tree .access_module_text_header {
	color: #d8dee3 !important;
}

body.night-mode #pagesAccessForm .tree .tree-item > a.btn.btn-light {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: #9fb3bb !important;
	font-weight: 600;
}

/* Bloodhound оставляет невидимый светлый слой подсказки поверх некоторых полей. */
body.night-mode .form-control.tt-hint {
	background-color: #252e33 !important;
	color: #9daab3;
}

/* Затемняем теги и подсказки Typeahead на вкладке Products. */
body.night-mode .bootstrap-tagsinput,
body.night-mode .tt-hint,
body.night-mode .tt-input {
	background-color: #252e33 !important;
	border-color: #4b5963;
	color: #d8dee3;
}

/* Затемняем выпадающие подсказки Typeahead для Supplier, G/L Account и аналогичных полей. */
body.night-mode .tt-dropdown-menu,
body.night-mode .tt-dataset,
body.night-mode .tt-suggestions,
body.night-mode .tt-suggestion,
body.night-mode .tt-suggestion .custom-item {
	background-color: #2b3338 !important;
	border-color: #4b5963;
	color: #d8dee3 !important;
}

body.night-mode .tt-suggestion:hover,
body.night-mode .tt-suggestion:hover .custom-item {
	background-color: #3a474f !important;
	color: #ffffff !important;
}

body.night-mode .tt-suggestion small {
	color: #9daab3 !important;
}

/* Пустые списки и область загрузки документов не должны оставаться светлыми. */
body.night-mode .empty-table,
body.night-mode .table-container,
body.night-mode .ace-file-container,
body.night-mode .ace-file-name {
	background-color: #2b3338 !important;
	border-color: #3d474e;
	color: #d8dee3;
}

/* Затемняем строки таблиц и их разделители, сохраняя читаемость данных. */
body.night-mode .table,
body.night-mode .table > thead > tr,
body.night-mode .table > tbody > tr,
body.night-mode .table > tfoot > tr,
body.night-mode .table > thead > tr > th,
body.night-mode .table > tbody > tr > th,
body.night-mode .table > tfoot > tr > th,
body.night-mode .table > thead > tr > td,
body.night-mode .table > tbody > tr > td,
body.night-mode .table > tfoot > tr > td {
	background-color: #2b3439;
	border-color: #46535a;
	color: #d8dee3;
}

/* Делаем обычный текст в колонке Notify белым, но не меняем собственный цвет ссылок внутри сообщения. */
body.night-mode .no-unread {
	color: #ffffff !important;
}

/* Задаём одинаковый фон всем заголовкам таблиц и убираем светлые изображения сортировки. */
body.night-mode .table > thead > tr > th,
body.night-mode .tableSorter > thead > tr > th {
	background-color: #333d42 !important;
	background-image: none !important;
	border-color: #46535a;
	color: #d8dee3;
	filter: none;
}

/* Выделяем активный сортируемый столбец чуть более тёмным фоном. */
body.night-mode .table > thead > tr > th.sorting_asc,
body.night-mode .table > thead > tr > th.sorting_desc,
body.night-mode .table > thead > tr > th.headerSortUp,
body.night-mode .table > thead > tr > th.headerSortDown,
body.night-mode .tableSorter > thead > tr > th.sorting_asc,
body.night-mode .tableSorter > thead > tr > th.sorting_desc,
body.night-mode .tableSorter > thead > tr > th.headerSortUp,
body.night-mode .tableSorter > thead > tr > th.headerSortDown,
body.night-mode .table > thead > tr > th:has(.sorting_asc),
body.night-mode .table > thead > tr > th:has(.sorting_desc),
body.night-mode .tableSorter > thead > tr > th:has(.sorting_asc),
body.night-mode .tableSorter > thead > tr > th:has(.sorting_desc) {
	background-color: #252d31 !important;
}

/* Сохраняем различие строк таблицы, но заменяем светлые оттенки на мягкие тёмные. */
body.night-mode .table-striped > tbody > tr:nth-child(2n) > td,
body.night-mode .table-striped > tbody > tr:nth-child(2n) > th {
	background-color: #323c41;
}

/* Сохраняем тёмное выделение строк таблицы при наведении курсора. */
body.night-mode .table-hover > tbody > tr:hover > td,
body.night-mode .table-hover > tbody > tr:hover > th {
	background-color: #3a474f !important;
	color: #ffffff;
}

body.night-mode .table.dataTable > tbody > tr.background-processing-indicator:nth-child(odd) {
	background-color: #2b3439;
}

body.night-mode .table.dataTable > tbody > tr.background-processing-indicator:nth-child(even) {
	background-color: #323c41;
}

body.night-mode .table.dataTable > tbody > tr.background-processing-indicator > td,
body.night-mode .table.dataTable > tbody > tr.background-processing-indicator:hover > td {
	background: transparent !important;
}

body.night-mode .table.dataTable > tbody > tr.background-processing-indicator:hover {
	background-color: #3a474f !important;
}

body.night-mode .table.dataTable > tbody > tr.background-processing-indicator:hover > td {
	color: #ffffff;
}

/* Затемняем индикатор загрузки, который Ace рисует отдельной светлой полосой. */
body.night-mode .progress,
body.night-mode .progress-bar,
body.night-mode .progress-bar-success {
	background-color: #3a474f !important;
}

body.night-mode .atoms-progress-placeholder .progress {
	background-image: none !important;
}

/* Тёмный вариант общего индикатора фоновой обработки рядом со стилями прогресс-баров. */
body.night-mode .background-processing-indicator {
	background-image: repeating-linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.045) 0px,
		rgba(255, 255, 255, 0.045) 14px,
		transparent 14px,
		transparent 28px
	);
}

/* Сохраняем ту же приподнятую поверхность у карточек журнала Activity. */
body.night-mode .timeline-item .widget-box,
body.night-mode .timeline-item .widget-box.transparent,
body.night-mode .timeline-item .widget-header,
body.night-mode .timeline-item .widget-body {
	background-color: #394348 !important;
	border-color: #46535a;
	color: #d8dee3;
}

body.night-mode .timeline-container,
body.night-mode .timeline-label,
body.night-mode .timeline-item,
body.night-mode .timeline-item a,
body.night-mode .timeline-item small,
body.night-mode .timeline-item strong {
	color: #d8dee3;
}

/* Оформляем выпадающие меню, включая меню пользователя, уведомлений и переключения рабочего места. */
body.night-mode .dropdown-menu,
body.night-mode .user-menu,
body.night-mode .dropdown-menu > li > a,
body.night-mode .user-menu > li > a {
	background-color: #2b3338 !important;
	border-color: #3d474e;
	color: #d8dee3;
}

/* Подсвечиваем пункт меню при наведении и отделяем группы пунктов друг от друга. */
body.night-mode .dropdown-menu > li > a:hover,
body.night-mode .user-menu > li > a:hover {
	background-color: #3a474f !important;
	color: #ffffff;
}

/* Оформляем список новых уведомлений в шапке в соответствии с ночной темой. */
body.night-mode #navbarNotice .dropdown-menu,
body.night-mode #navbarNotice .dropdown-menu > li,
body.night-mode #navbarNotice .dropdown-menu > li > a,
body.night-mode #navbarNotice .dropdown-header,
body.night-mode #navbarNotice .dropdown-footer {
	background-color: #2b3338 !important;
	border-color: #3d474e;
	color: #d8dee3 !important;
}

/* Сохраняем контраст обычного текста notification и выделяем ссылки отдельным цветом. */
body.night-mode #navbarNotice .dropdown-menu > li > a,
body.night-mode #navbarNotice .dropdown-menu > li > a > * {
	color: #d8dee3 !important;
}

body.night-mode #navbarNotice .dropdown-footer a {
	color: #63b8e6 !important;
}

/* Добавляем читаемое состояние строки при наведении указателя. */
body.night-mode #navbarNotice .dropdown-menu > li > a:hover,
body.night-mode #navbarNotice .dropdown-footer a:hover {
	background-color: #3a474f !important;
	color: #ffffff !important;
}

/* Оформляем обычные пункты выпадающего контекстного меню Action. */
body.night-mode .dropdown-menu .atoms-context-menu-item a,
body.night-mode .dropdown-menu .atoms-context-menu-item a span {
	color: #d8dee3 !important;
}

/* Перекрываем светлое состояние пунктов выпадающего контекстного меню Action. */
body.night-mode .dropdown-menu .atoms-context-menu-item a:hover,
body.night-mode .dropdown-menu .atoms-context-menu-item a:hover > .new-tab-btn {
	background-color: #3a474f !important;
	color: #ffffff;
}

/* Повышаем читаемость недоступных пунктов меню и сохраняем их отличие от активных. */
body.night-mode .dropdown-menu > li.disabled > a,
body.night-mode .dropdown-menu > li.disabled > a span,
body.night-mode .dropdown-menu a.disabled,
body.night-mode .dropdown-menu a.disabled span,
body.night-mode .dropdown-menu [aria-disabled="true"],
body.night-mode .dropdown-menu [aria-disabled="true"] span,
body.night-mode .dropdown-menu > li.disabled .atoms-context-menu-item a.disabled,
body.night-mode .dropdown-menu .atoms-context-menu-item a.disabled,
body.night-mode .dropdown-menu .atoms-context-menu-item a.disabled span,
body.night-mode .atoms-context-menu-item.disabled a,
body.night-mode .atoms-context-menu-item.disabled a span,
body.night-mode .select2-results__option[aria-disabled="true"],
body.night-mode .chosen-results .disabled-result {
	background-color: #232b30 !important;
	color: #96a2aa !important;
	opacity: 1;
	cursor: not-allowed;
}

/* Сохраняем читаемый оттенок недоступного текста и при наведении указателя. */
body.night-mode .dropdown-menu > li.disabled > a:hover,
body.night-mode .dropdown-menu > li.disabled > a:hover span,
body.night-mode .dropdown-menu a.disabled:hover,
body.night-mode .dropdown-menu a.disabled:hover span,
body.night-mode .dropdown-menu [aria-disabled="true"]:hover,
body.night-mode .dropdown-menu [aria-disabled="true"]:hover span,
body.night-mode .dropdown-menu > li.disabled .atoms-context-menu-item a.disabled:hover,
body.night-mode .dropdown-menu .atoms-context-menu-item a.disabled:hover,
body.night-mode .dropdown-menu .atoms-context-menu-item a.disabled:hover span,
body.night-mode .atoms-context-menu-item.disabled a:hover,
body.night-mode .atoms-context-menu-item.disabled a:hover span {
	background-color: #232b30 !important;
	color: #96a2aa !important;
}

/* Сохраняем синий фон и белый текст кнопок Action при наведении. */
body.night-mode .atoms-context-menu-item.btn-info a,
body.night-mode .atoms-context-menu-item.btn-info a:hover,
body.night-mode .atoms-context-menu-item.btn-info a:focus,
body.night-mode .atoms-context-menu-item.btn-info a:active {
	background-color: #356f8d !important;
	border-color: #497f99;
	color: #ffffff !important;
}

body.night-mode .btn-info:hover,
body.night-mode .btn-info:focus,
body.night-mode .btn-info:active,
body.night-mode .open > .btn-info.dropdown-toggle {
	background-color: #2d5f79 !important;
	border-color: #3d718c;
	color: #ffffff;
}

body.night-mode .dropdown-menu .divider,
body.night-mode .user-menu .divider {
	background-color: #3d474e;
}

/* Убираем белый фон пунктов меню, который задаётся непосредственно элементу списка. */
body.night-mode .dropdown-menu > li,
body.night-mode .notifications > li,
body.night-mode .user-menu > li {
	background-color: #2b3338 !important;
	color: #d8dee3;
}

/* Перекрываем белый встроенный фон заголовка меню рабочего места из основного шаблона. */
body.night-mode .user-menu > li > a[style*="background-color"] {
	background-color: #2b3338 !important;
}

/* Затемняем редактор значения Priority и другие всплывающие редакторы таблиц. */
body.night-mode .editor-popup {
	background-color: #2b3338 !important;
	border-color: #4b5963;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* Затемняем заголовки общих правых блоков, включая Filter. */
body.night-mode .widget-box .widget-header,
body.night-mode .widget-box .widget-title,
body.night-mode .widget-box .widget-header.widget-header-small,
body.night-mode .timeline-item:nth-child(2n) .widget-box.transparent .widget-header,
body.night-mode .timeline-item:nth-child(2n) .widget-box.transparent .widget-header.widget-header-small {
	background-color: #2b3338 !important;
	background-image: none !important;
	border-color: #3d474e;
	color: #d8dee3;
}

/* Заменяем белые разделители строк информационных блоков на границу ночной темы. */
body.night-mode .info-row {
	border-top-color: #3d474e !important;
}

/* Затемняем фон SVG-графиков Dashboard, который библиотека рисует белым атрибутом fill. */
body.night-mode svg[aria-label="A chart."] > rect:first-of-type {
	fill: #2b3338 !important;
}

body.night-mode svg[aria-label="A chart."] text {
	fill: #d8dee3 !important;
}

/* Оформляем все варианты пагинации, включая состояния наведения и отключённые кнопки. */
body.night-mode .pagination > li > a,
body.night-mode .pagination > li > span,
body.night-mode .pager > li > a,
body.night-mode .pager > li > span {
	background-color: #2b3338 !important;
	border-color: #4b5963;
	color: #d8dee3;
}

body.night-mode .pagination > li > a:hover,
body.night-mode .pagination > li > span:hover,
body.night-mode .pagination > li > a:focus,
body.night-mode .pagination > li > span:focus,
body.night-mode .pager > li > a:hover,
body.night-mode .pager > li > span:hover,
body.night-mode .pager > li > a:focus,
body.night-mode .pager > li > span:focus {
	background-color: #3a474f !important;
	border-color: #5b6b76;
	color: #ffffff;
}

body.night-mode .pagination > li.active > a,
body.night-mode .pagination > li.active > span,
body.night-mode .pagination > li.active > a:hover,
body.night-mode .pagination > li.active > span:hover {
	background-color: #356f8d !important;
	border-color: #497f99;
	color: #ffffff;
}

body.night-mode .pagination > li.disabled > a,
body.night-mode .pagination > li.disabled > span,
body.night-mode .pagination > li.disabled > a:hover,
body.night-mode .pagination > li.disabled > span:hover,
body.night-mode .pager > li.disabled > a,
body.night-mode .pager > li.disabled > span,
body.night-mode .pager > li.disabled > a:hover,
body.night-mode .pager > li.disabled > span:hover {
	background-color: #303a40 !important;
	border-color: #3d474e;
	color: #7f8b93;
}

/* Убираем светлую поверхность контейнера пагинации на страницах с таблицами. */
body.night-mode .components-atoms-pagination,
body.night-mode .list-settings-container,
body.night-mode .dataTables_paginate,
body.night-mode .dataTables_wrapper {
	background-color: #2d363b !important;
	color: #d8dee3;
}

/* Убираем белую полосу вокруг пагинации, включая встроенный компонентный стиль. */
body.night-mode .list-settings-container {
	background-image: none !important;
}

/* Выделяем заголовок страницы отдельной поверхностью рядом с рабочей областью. */
body.night-mode .atoms-page-header .title.page-header,
body.night-mode .atoms-page-header .title {
	background-color: transparent !important;
	background-image: none !important;
}

body.night-mode .atoms-page-header .title,
body.night-mode .atoms-page-header .title h1,
body.night-mode .page-header h1,
body.night-mode .page-header.mobil-header {
	color: #a7d0d4 !important;
}

/* Применяем ночную тему к редактируемому статусу и его выпадающему списку. */
body.night-mode .ui-selectmenu-button,
body.night-mode .ui-selectmenu-button.ui-state-default,
body.night-mode .ui-selectmenu-menu,
body.night-mode .ui-selectmenu-menu .ui-menu,
body.night-mode .ui-selectmenu-menu .ui-menu-item,
body.night-mode .ui-selectmenu-menu .ui-menu-item-wrapper {
	background-color: #2b3338 !important;
	background-image: none !important;
	border-color: #4b5963 !important;
	color: #d8dee3 !important;
}

body.night-mode .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active,
body.night-mode .ui-selectmenu-menu .ui-menu-item-wrapper:hover {
	background-color: #3a474f !important;
	color: #ffffff !important;
}

body.night-mode .ui-selectmenu-menu .ui-menu-item.ui-state-disabled,
body.night-mode .ui-selectmenu-menu .ui-menu-item.ui-state-disabled .ui-menu-item-wrapper {
	background-color: #232b30 !important;
	color: #96a2aa !important;
}

/* Затемняем кнопки Copy и Edit, которые компоненты Legacy создают со светлым фоном. */
body.night-mode .atoms-copy .copy-icon,
body.night-mode .atoms-copy .copy-icon .btn-white,
body.night-mode td .atoms-icon .icon-edit {
	background-color: #2b3338 !important;
	background-image: none !important;
	border-color: #4b5963 !important;
	color: #d8dee3;
}

body.night-mode .atoms-copy .copy-icon .btn-white:hover,
body.night-mode td .atoms-icon .icon-edit:hover {
	background-color: #3a474f !important;
	color: #ffffff;
}

/* Переводим вертикальные разделители Filter и верхнего меню в цвет ночной темы. */
body.night-mode .widget-toolbar:before {
	border-right-color: #3d474e !important;
}

body.night-mode .navbar .ace-nav > li {
	border-left-color: #3d474e !important;
	border-right-color: #3d474e !important;
}

/* Оформляем модальные окна, всплывающие сообщения и ошибки разработчика. */
body.night-mode .modal-content,
body.night-mode .modal-header,
body.night-mode .modal-body,
body.night-mode .modal-footer,
body.night-mode .popover,
body.night-mode .popover-title,
body.night-mode .popover-content {
	background-color: #2b3338;
	border-color: #3d474e;
	color: #d8dee3;
}

/* Перекрываем заданные темой Noty встроенные светлый фон и тёмный текст всех всплывающих уведомлений. */
body.night-mode .noty_bar {
	background-color: #2b3338 !important;
	border-color: #3d474e !important;
	color: #d8dee3 !important;
}

/* Делаем читаемым весь текст HTML-сообщения, включая вложенные элементы с собственным цветом. */
body.night-mode .noty_bar .noty_message,
body.night-mode .noty_bar .noty_message * {
	color: #d8dee3 !important;
}

/* Оставляем ссылки заметными на тёмном фоне и усиливаем их цвет при наведении. */
body.night-mode .noty_bar .noty_message a {
	color: #63b3ed !important;
}

body.night-mode .noty_bar .noty_message a:hover,
body.night-mode .noty_bar .noty_message a:focus {
	color: #8acbff !important;
}

/* Перекрашиваем встроенный чёрный крестик закрытия в белый, сохраняя его прозрачный фон. */
body.night-mode .noty_bar .noty_close {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

/* Затемняем область и кнопки действий, если конкретное уведомление содержит такой блок. */
body.night-mode .noty_bar .noty_buttons,
body.night-mode .noty_bar .noty_buttons button {
	background-color: #232b30 !important;
	border-color: #3d474e !important;
	color: #d8dee3 !important;
}

body.night-mode .noty_bar .noty_buttons button:hover,
body.night-mode .noty_bar .noty_buttons button:focus {
	background-color: #3a474f !important;
	color: #ffffff !important;
}

/* Сохраняем смысловые цвета уведомлений, но убираем ослепляющие светлые фоны. */
body.night-mode .alert {
	background-color: #303a40;
	border-color: #4b5963;
	color: #d8dee3;
}

/* Оставляем заголовок страницы прозрачным, чтобы его фон совпадал с основной областью на всех страницах. */
body.night-mode .page-header {
	background-color: transparent !important;
	background-image: none !important;
}

/* Затемняем подсказки под фильтрами, включая блок Hint на странице Locations. */
body.night-mode .alert-info {
	background-color: #303a40 !important;
	border-color: #4b5963 !important;
	color: #d8dee3 !important;
}

/* Перекрываем встроенный светлый фон подсказок, которые Legacy задаёт напрямую в HTML. */
body.night-mode [style*="background-color: rgb(237, 250, 251)"],
body.night-mode [style*="background-color:#EDFAFB"],
body.night-mode [style*="background-color: #EDFAFB"] {
	background-color: #303a40 !important;
	color: #d8dee3 !important;
}

/* Оформляем загрузчик файла и кнопку Choose в тёмной теме. */
body.night-mode .ace-file-input .ace-file-container:before {
	background-color: #2b3338 !important;
	border-color: #2b3338 !important;
	box-shadow: none !important;
	color: #9daab3 !important;
}

body.night-mode .ace-file-input .ace-file-container .ace-file-name,
body.night-mode .ace-file-input .ace-file-container .ace-file-name:after {
	background-color: #2b3338 !important;
	border-color: #3d474e !important;
	color: #9daab3 !important;
}

body.night-mode .ace-file-input .ace-file-container .ace-icon {
	background-color: #3a474f !important;
	border-color: #4b5963 !important;
	color: #d8dee3 !important;
}

/* Оформляем конструктор отчёта: выбранные поля, список доступных полей и стрелочные кнопки. */
body.night-mode .report-selected-field-list {
	border-color: #3d474e !important;
	background-color: #1f2529 !important;
}

body.night-mode .report-selected-field-list .dd-item,
body.night-mode .report-selected-field-list .dd2-content {
	background-color: #2b3338 !important;
	border-color: #3d474e !important;
	color: #d8dee3 !important;
}

body.night-mode .report-selected-field-list .dd2-handle {
	background-color: #232b30 !important;
	border-color: #3d474e !important;
}

body.night-mode .available-column-list .tab-content {
	background-color: #1f2529 !important;
	border-color: #3d474e !important;
}

body.night-mode .available-column-list #availableFieldList,
body.night-mode .available-column-list #availableFieldList > li > a {
	background-color: #1f2529 !important;
	border-color: #3d474e !important;
}

body.night-mode .available-column-list #availableFieldList > li.active > a,
body.night-mode .available-column-list #availableFieldList > li > a:hover {
	background-color: #2b3338 !important;
	color: #d8dee3 !important;
}

/* Синхронизируем скорость изменения цвета кнопки и её острия, чтобы ромб не вспыхивал отдельно от стрелки. */
body.night-mode .add-field-to-report,
body.night-mode .add-separator-to-report,
body.night-mode .add-field-to-report::after,
body.night-mode .add-separator-to-report::after {
	background-color: #3a474f !important;
	border-color: #3a474f !important;
	color: #d8dee3 !important;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

/* Заполняем левый срез стрелки цветом рабочей области, чтобы он сливался с фоном и не выглядел отдельным ромбом. */
body.night-mode .add-field-to-report::before,
body.night-mode .add-separator-to-report::before {
	background-color: #2d363b !important;
}

body.night-mode .add-field-to-report:hover,
body.night-mode .add-separator-to-report:hover,
body.night-mode .add-field-to-report:hover::after,
body.night-mode .add-separator-to-report:hover::after {
	background-color: #4b5963 !important;
	border-color: #4b5963 !important;
	color: #ffffff !important;
}

/* Приводим старую полосу вкладок отчёта к цвету и уровню линии остальных страниц. */
body.night-mode .page-content > .row > .col-xs-12 > .nav.nav-tabs {
	background-color: transparent !important;
	border-bottom-color: #52646a !important;
}

/* Совмещаем нижние края неактивных вкладок отчёта с общей линией списка. */
body.night-mode .page-content > .row > .col-xs-12 > .nav.nav-tabs > li:not(.active) > a {
	border-bottom-color: #52646a !important;
}

/* Затемняем переключатели условий отчёта OR/NOT, Invoice Overdue и аналогичные группы. */
body.night-mode .three-state-switcher .btn.btn-light {
	background-color: #1f2529 !important;
	background-image: none !important;
	border-color: #3d474e !important;
	color: #d8dee3 !important;
}

body.night-mode .three-state-switcher .btn.btn-light:hover,
body.night-mode .three-state-switcher .btn.btn-light:focus {
	background-color: #4b5963 !important;
	border-color: #6b7b86 !important;
	color: #ffffff !important;
}

body.night-mode .three-state-switcher .btn.active:not(.btn-success) {
	background-color: #3a474f !important;
	border-color: #6b7b86 !important;
	color: #ffffff !important;
}

/* На некоторых формах Legacy переключатели OR/NOT рендерятся вне группы. */
body.night-mode label.btn.btn-light:has(input[value="OR"]),
body.night-mode label.btn.btn-light:has(input[value="NOT"]) {
	background-color: #1f2529 !important;
	background-image: none !important;
	border-color: #3d474e !important;
	color: #d8dee3 !important;
}

/* Затемняем строку условия в режиме редактирования и её управляющие элементы. */
body.night-mode .cb-condition.edit,
body.night-mode .cb-condition.edit.hover,
body.night-mode .cb-condition:hover {
	background-color: #1f2529 !important;
	border-color: #3d474e !important;
	color: #d8dee3 !important;
}

body.night-mode .cb-condition.edit .btn-default,
body.night-mode .cb-condition.edit .dropdown-menu,
body.night-mode .cb-condition.edit .dropdown-menu > li > a {
	background-color: #3a474f !important;
	background-image: none !important;
	border-color: #4b5963 !important;
	color: #d8dee3 !important;
}

body.night-mode .cb-condition.edit .dropdown-menu > li > a:hover {
	background-color: #4b5963 !important;
	color: #ffffff !important;
}

/* Затемняем кнопку Add Variable и разделитель заголовка Variables List. */
body.night-mode .header {
	border-bottom-color: #3d474e !important;
}

body.night-mode .header a.btn-minier {
	background-color: #3a474f !important;
	background-image: none !important;
	border-color: #4b5963 !important;
	color: #d8dee3 !important;
}

body.night-mode .header a.btn-minier:hover {
	background-color: #4b5963 !important;
	color: #ffffff !important;
}

/* Приводим общую кнопку Bulk Action и другие нейтральные пункты к ночной теме. */
body.night-mode .atoms-context-menu-item.default,
body.night-mode .atoms-context-menu-item.default-title,
body.night-mode .atoms-context-menu-item.default > .inner-container,
body.night-mode .atoms-context-menu-item.default-title > .inner-container,
body.night-mode .atoms-context-menu-item.default a {
	background-color: #3a474f !important;
	background-image: none !important;
	border-color: #4b5963 !important;
	color: #d8dee3 !important;
}

body.night-mode .atoms-context-menu-item.default:hover,
body.night-mode .atoms-context-menu-item.default-title:hover,
body.night-mode .atoms-context-menu-item.default a:hover {
	background-color: #4b5963 !important;
	color: #ffffff !important;
}

/* Сохраняем цветные варианты Action-кнопок одинаковыми в основной и раскрывающейся частях. */
body.night-mode .atoms-context-menus-drop-down-button .btn-sm.dropdown-toggle {
	background-color: #3a474f !important;
	border-color: #4b5963 !important;
	color: #d8dee3 !important;
}

body.night-mode .atoms-context-menu-item.default.btn-info,
body.night-mode .atoms-context-menu-item.default.btn-info > .inner-container,
body.night-mode .atoms-context-menu-item.default.btn-info a,
body.night-mode .atoms-context-menus-drop-down-button .btn-sm.dropdown-toggle.btn-info {
	background-color: #356f8d !important;
	border-color: #497f99 !important;
	color: #ffffff !important;
}

body.night-mode .atoms-context-menu-item.default.btn-success,
body.night-mode .atoms-context-menu-item.default.btn-success > .inner-container,
body.night-mode .atoms-context-menu-item.default.btn-success a,
body.night-mode .atoms-context-menus-drop-down-button .btn-sm.dropdown-toggle.btn-success {
	background-color: #2e5f43 !important;
	border-color: #2e5f43 !important;
	color: #ffffff !important;
}

body.night-mode .atoms-context-menus-drop-down-button .btn-sm.dropdown-toggle:hover,
body.night-mode .atoms-context-menus-drop-down-button .btn-sm.dropdown-toggle:focus {
	background-color: #4b5963 !important;
	color: #ffffff !important;
}

body.night-mode .atoms-context-menus-drop-down-button .btn-sm.dropdown-toggle.btn-info:hover,
body.night-mode .atoms-context-menus-drop-down-button .btn-sm.dropdown-toggle.btn-info:focus {
	background-color: #2d5f79 !important;
}

body.night-mode .atoms-context-menus-drop-down-button .btn-sm.dropdown-toggle.btn-success:hover,
body.night-mode .atoms-context-menus-drop-down-button .btn-sm.dropdown-toggle.btn-success:focus {
	background-color: #254f37 !important;
}

/* Переводим горизонтальные разделители фильтров и других общих блоков в мягкий серый цвет. */
body.night-mode hr {
	border-top-color: #3d474e;
	border-bottom-color: #3d474e;
}

/* Продолжаем линию вкладок и делим блоки тонкими границами без наложения на вкладки. */
body.night-mode .atoms-main-tabs .underline,
body.night-mode .atoms-page-header,
body.night-mode .footer-content {
	border-color: #52646a !important;
}

body.night-mode .atoms-main-tabs .underline {
	margin-top: -1px !important;
}

/* Переводим календарь выбора периода и его управляющие кнопки в тёмную тему. */
body.night-mode .daterangepicker,
body.night-mode .daterangepicker .calendar,
body.night-mode .daterangepicker .calendar-date,
body.night-mode .daterangepicker table,
body.night-mode .daterangepicker th,
body.night-mode .daterangepicker td {
	background-color: #2b3338 !important;
	border-color: #3d474e;
	color: #d8dee3;
}

body.night-mode .daterangepicker td.off,
body.night-mode .daterangepicker td.disabled {
	color: #7f8b93;
}

/* Виділяємо дні всередині вибраного періоду окремим тлом, яке не зникає на темному календарі. */
body.night-mode .daterangepicker td.in-range {
	background-color: #365b69 !important;
	color: #e9f3f7;
}

/* Робимо початкову й кінцеву дати помітними синіми позначками з білим текстом. */
body.night-mode .daterangepicker td.active,
body.night-mode .daterangepicker td.active:hover,
body.night-mode .daterangepicker td.start-date,
body.night-mode .daterangepicker td.end-date {
	background-color: #2283c5 !important;
	border-color: #2283c5 !important;
	color: #ffffff !important;
}

/* Затемняем отдельные белые встроенные поверхности, которые встречаются в общих элементах Legacy. */
body.night-mode [style*="background:#fff"],
body.night-mode [style*="background-color:#FFF"],
body.night-mode [style*="background-color:#FFFFFF"],
body.night-mode [style*="background-color: white"],
body.night-mode [style*="background-color: rgb(255, 255, 255)"],
body.night-mode [style*="background-color:rgb(255, 255, 255)"] {
	background-color: #2b3338 !important;
}

/* Приводим итоговые строки Legacy-таблиц к общей тёмной палитре. */
body.night-mode .bg-dark {
	background-color: #3a474f !important;
	color: #d8dee3 !important;
}

/* Задаём тёмный фон для отдельной страницы входа, где login.css задаёт серую поверхность body. */
body.night-mode.login-layout,
body.night-mode.login-layout .main-container,
body.night-mode.login-layout .page-content {
	background-color: #1f2529;
}

/* Переводим панели административного входа на тёмную поверхность, когда разработчик выбрал ночной режим. */
body.night-mode .login-container,
body.night-mode .login-box,
body.night-mode .login-box .widget-main,
body.night-mode .login-box .toolbar,
body.night-mode .login-box .widget-body {
	border-color: #3d474e;
	color: #d8dee3;
}

/* Оставляем обычную форму входа прозрачной, чтобы она сливалась с общим фоном страницы. */
body.night-mode .form-signin {
	background-color: transparent;
	border-color: transparent;
}

/* Сохраняем читаемость заголовков, пояснений и ссылок на страницах входа. */
body.night-mode .form-signin-heading,
body.night-mode .login-box h1,
body.night-mode .login-box h2,
body.night-mode .login-box h3,
body.night-mode .login-box h4,
body.night-mode .login-box label,
body.night-mode .login-box a {
	color: #d8dee3;
}

/* Усиливаем контраст подписей и состояния подключения в карточке сведений о коннекторе. */
body.night-mode .components-blocks-conf-external-service-connectors-edit-basic-info .info-label {
	color: #a9bfd8;
}

body.night-mode .components-blocks-conf-external-service-connectors-edit-basic-info .info-value.text-success {
	color: #79d99a !important;
}

/* Смягчаем заливку основных янтарных кнопок по всему приложению и сохраняем белый текст. */
body.night-mode .btn-warning:not(.btn-white),
body.night-mode .btn-warning:not(.btn-white):focus {
	background-color: #a66e2e !important;
	border-color: #a66e2e;
	color: #ffffff !important;
}

/* Затемняем янтарную заливку при наведении и нажатии, чтобы действие оставалось заметным без резкого свечения. */
body.night-mode .btn-warning:not(.btn-white):hover,
body.night-mode .btn-warning:not(.btn-white):active,
body.night-mode .btn-warning:not(.btn-white).active,
body.night-mode .open > .btn-warning:not(.btn-white).dropdown-toggle {
	background-color: #8f5c24 !important;
	border-color: #8f5c24;
	color: #ffffff !important;
}

/* Показываем недоступные янтарные кнопки приглушёнными, сохраняя различие их текста и фона. */
body.night-mode .btn-warning:not(.btn-white).disabled,
body.night-mode .btn-warning:not(.btn-white)[disabled],
body.night-mode fieldset[disabled] .btn-warning:not(.btn-white),
body.night-mode .btn-warning:not(.btn-white).disabled:hover,
body.night-mode .btn-warning:not(.btn-white)[disabled]:hover,
body.night-mode fieldset[disabled] .btn-warning:not(.btn-white):hover,
body.night-mode .btn-warning:not(.btn-white).disabled:focus,
body.night-mode .btn-warning:not(.btn-white)[disabled]:focus,
body.night-mode fieldset[disabled] .btn-warning:not(.btn-white):focus,
body.night-mode .btn-warning:not(.btn-white).disabled:active,
body.night-mode .btn-warning:not(.btn-white)[disabled]:active,
body.night-mode fieldset[disabled] .btn-warning:not(.btn-white):active,
body.night-mode .btn-warning:not(.btn-white).disabled.active,
body.night-mode .btn-warning:not(.btn-white)[disabled].active,
body.night-mode fieldset[disabled] .btn-warning:not(.btn-white).active {
	background-color: #705a3c !important;
	border-color: #705a3c;
	color: #ffffff !important;
}

/* Переводим основные зелёные кнопки приложения в спокойный лесной оттенок на тёмном фоне. */
body.night-mode .btn-success:not(.btn-white),
body.night-mode .btn-success:not(.btn-white):focus {
	background-color: #2e5f43 !important;
	border-color: #2e5f43;
	color: #ffffff !important;
}

/* Затемняем зелёную кнопку при наведении, нажатии и раскрытии её меню. */
body.night-mode .btn-success:not(.btn-white):hover,
body.night-mode .btn-success:not(.btn-white):active,
body.night-mode .btn-success:not(.btn-white).active,
body.night-mode .open > .btn-success:not(.btn-white).dropdown-toggle {
	background-color: #254f37 !important;
	border-color: #254f37;
	color: #ffffff !important;
}

/* Приглушаем зелёные кнопки, когда действие временно недоступно. */
body.night-mode .btn-success:not(.btn-white).disabled,
body.night-mode .btn-success:not(.btn-white)[disabled],
body.night-mode fieldset[disabled] .btn-success:not(.btn-white),
body.night-mode .btn-success:not(.btn-white).disabled:hover,
body.night-mode .btn-success:not(.btn-white)[disabled]:hover,
body.night-mode fieldset[disabled] .btn-success:not(.btn-white):hover,
body.night-mode .btn-success:not(.btn-white).disabled:focus,
body.night-mode .btn-success:not(.btn-white)[disabled]:focus,
body.night-mode fieldset[disabled] .btn-success:not(.btn-white):focus,
body.night-mode .btn-success:not(.btn-white).disabled:active,
body.night-mode .btn-success:not(.btn-white)[disabled]:active,
body.night-mode fieldset[disabled] .btn-success:not(.btn-white):active,
body.night-mode .btn-success:not(.btn-white).disabled.active,
body.night-mode .btn-success:not(.btn-white)[disabled].active,
body.night-mode fieldset[disabled] .btn-success:not(.btn-white).active {
	background-color: #384c40 !important;
	border-color: #384c40;
	color: #ffffff !important;
}

/* Переводим заполненные синие кнопки на приглушённый цвет, подходящий тёмной поверхности. */
body.night-mode .btn-info:not(.btn-white),
body.night-mode .btn-info:not(.btn-white):focus {
	background-color: #356f8d !important;
	border-color: #497f99;
	color: #ffffff !important;
}

/* Затемняем синие кнопки при наведении, нажатии и выборе. */
body.night-mode .btn-info:not(.btn-white):hover:not(.no-hover),
body.night-mode .btn-info:not(.btn-white):active,
body.night-mode .btn-info:not(.btn-white).active,
body.night-mode .open > .btn-info:not(.btn-white).dropdown-toggle {
	background-color: #2d5f79 !important;
	border-color: #3d718c;
	color: #ffffff !important;
}

/* Приглушаем синие кнопки, когда действие недоступно. */
body.night-mode .btn-info:not(.btn-white).disabled,
body.night-mode .btn-info:not(.btn-white)[disabled],
body.night-mode fieldset[disabled] .btn-info:not(.btn-white),
body.night-mode .btn-info:not(.btn-white).disabled:hover,
body.night-mode .btn-info:not(.btn-white)[disabled]:hover,
body.night-mode fieldset[disabled] .btn-info:not(.btn-white):hover,
body.night-mode .btn-info:not(.btn-white).disabled:focus,
body.night-mode .btn-info:not(.btn-white)[disabled]:focus,
body.night-mode fieldset[disabled] .btn-info:not(.btn-white):focus,
body.night-mode .btn-info:not(.btn-white).disabled:active,
body.night-mode .btn-info:not(.btn-white)[disabled]:active,
body.night-mode fieldset[disabled] .btn-info:not(.btn-white):active,
body.night-mode .btn-info:not(.btn-white).disabled.active,
body.night-mode .btn-info:not(.btn-white)[disabled].active,
body.night-mode fieldset[disabled] .btn-info:not(.btn-white).active {
	background-color: #354852 !important;
	border-color: #354852;
	color: #d8dee3 !important;
}

/* Унифицируем заливку и текст кнопок очистки во всей тёмной теме. */
body.night-mode button[name="clear"],
body.night-mode input[name="clear"],
body.night-mode button.btn-clear,
body.night-mode a.btn-clear,
body.night-mode .atoms-button button.btn-grey,
body.night-mode button.btn-grey[onclick*="clear"] {
	background-color: #4a5961 !important;
	background-image: none !important;
	border: 4px solid #4a5961 !important;
	box-shadow: none !important;
	color: #d8dee3 !important;
}

body.night-mode button[name="clear"]:hover,
body.night-mode button[name="clear"]:focus,
body.night-mode button[name="clear"]:active,
body.night-mode input[name="clear"]:hover,
body.night-mode input[name="clear"]:focus,
body.night-mode button.btn-clear:hover,
body.night-mode button.btn-clear:focus,
body.night-mode a.btn-clear:hover,
body.night-mode a.btn-clear:focus,
body.night-mode .atoms-button button.btn-grey:hover,
body.night-mode .atoms-button button.btn-grey:focus,
body.night-mode button.btn-grey[onclick*="clear"]:hover,
body.night-mode button.btn-grey[onclick*="clear"]:focus {
	background-color: #56656e !important;
	border: 4px solid #56656e !important;
	color: #ffffff !important;
}

/* Затемняем компактную кнопку добавления контакта в таблице организаций. */
body.night-mode #organisationAppVueApp a.btn.btn-light.btn-minier.icon-only {
	background-color: #414e56 !important;
	background-image: none !important;
	border: 0px !important;
	box-shadow: none !important;
	color: #a4b3bb !important;
}

body.night-mode #organisationAppVueApp a.btn.btn-light.btn-minier.icon-only:hover,
body.night-mode #organisationAppVueApp a.btn.btn-light.btn-minier.icon-only:focus {
	background-color: #4b5963 !important;
	border: 0px !important;
	color: #ffffff !important;
}

/* Оформляем кнопку добавления VAT в той же цветовой схеме, что и Clear. */
body.night-mode #AddresssIDVueApp .panel-title > a.btn {
	background-color: #56666e !important;
	background-image: none !important;
	border-color: #56666e !important;
	color: #d8dee3 !important;
}

body.night-mode #AddresssIDVueApp .panel-title > a.btn:hover,
body.night-mode #AddresssIDVueApp .panel-title > a.btn:focus {
	background-color: #62737c !important;
	border-color: #62737c !important;
	color: #ffffff !important;
}

/* Оформляем кнопки полей выбора одинаково во всех разделах проекта. */
body.night-mode button.btn-default.dropdown-toggle,
body.night-mode .components-atoms-form-fields-button-select-field button.btn-default {
	background-color: #53646f !important;
	background-image: none !important;
	border: 1px solid #53646f !important;
	box-shadow: none !important;
	color: #d8dee3 !important;
}

body.night-mode button.btn-default.dropdown-toggle:hover,
body.night-mode button.btn-default.dropdown-toggle:focus,
body.night-mode .components-atoms-form-fields-button-select-field button.btn-default:hover,
body.night-mode .components-atoms-form-fields-button-select-field button.btn-default:focus {
	background-color: #5d6e79 !important;
	border-color: #5d6e79 !important;
	color: #ffffff !important;
}

/* Сохраняем одинаковую высоту кнопок выбора, встроенных в группу поля ввода. */
body.night-mode .input-group-btn > button.btn-default.btn-sm.dropdown-toggle {
	height: 34px !important;
}

/* Оформляем кнопки добавления и поиска у полей ввода в той же цветовой гамме для всех размеров. */
body.night-mode .input-group-btn > button.btn-default.btn-xs.no-border,
body.night-mode .input-group-btn > button.btn-default.btn-sm.no-border {
	background-color: #53646f !important;
	background-image: none !important;
	border: 1px solid #53646f !important;
	box-shadow: none !important;
	color: #d8dee3 !important;
	height: 34px !important;
}

body.night-mode .input-group-btn > button.btn-default.btn-xs.no-border:hover,
body.night-mode .input-group-btn > button.btn-default.btn-xs.no-border:focus,
body.night-mode .input-group-btn > button.btn-default.btn-sm.no-border:hover,
body.night-mode .input-group-btn > button.btn-default.btn-sm.no-border:focus {
	background-color: #5d6e79 !important;
	border-color: #5d6e79 !important;
	color: #ffffff !important;
}

/* Осветляем крестик закрытия окон, чтобы он оставался видимым на тёмном фоне. */
body.night-mode .modal .modal-header > .close {
	color: #d8dee3 !important;
	opacity: 1;
	text-shadow: none;
}

body.night-mode .modal .modal-header > .close:hover,
body.night-mode .modal .modal-header > .close:focus {
	color: #ffffff !important;
	opacity: 1;
}

/* Оформляем добавление контейнера в том же спокойном стиле, что и кнопку VAT Management. */
body.night-mode .blocks-orders-comtrade-edit-basic-container-seal button.btn.btn-xs {
	background-color: #56666e !important;
	background-image: none !important;
	border-color: #56666e !important;
	color: #d8dee3 !important;
}

body.night-mode .blocks-orders-comtrade-edit-basic-container-seal button.btn.btn-xs:hover,
body.night-mode .blocks-orders-comtrade-edit-basic-container-seal button.btn.btn-xs:focus {
	background-color: #62737c !important;
	border-color: #62737c !important;
	color: #ffffff !important;
}

/* Смягчаем исходные оттенки общего блока итогов, сохраняя различие цветов показателей. */
body.night-mode .components-blocks-orders-share-totals-block .infobox.infobox-blue:not(.infobox-dark) {
	background-color: #35464d !important;
	border-color: #4c6876 !important;
	color: #a0bac8 !important;
}

body.night-mode .components-blocks-orders-share-totals-block .infobox.infobox-blue:not(.infobox-dark) .infobox-content {
	color: #d8dee3 !important;
}

body.night-mode .components-blocks-orders-share-totals-block .infobox.infobox-blue.infobox-dark {
	background-color: #466b80 !important;
	border-color: #466b80 !important;
}

body.night-mode .components-blocks-orders-share-totals-block .infobox.infobox-green.infobox-dark {
	background-color: #6d7f31 !important;
	border-color: #6d7f31 !important;
}

body.night-mode .components-blocks-orders-share-totals-block .infobox.infobox-orange2.infobox-dark {
	background-color: #a46749 !important;
	border-color: #a46749 !important;
}

body.night-mode .components-blocks-orders-share-totals-block .infobox.infobox-orange.infobox-dark {
	background-color: #9d812a !important;
	border-color: #9d812a !important;
}

body.night-mode .components-blocks-orders-share-totals-block .infobox.infobox-grey.infobox-dark {
	background-color: #5f6b71 !important;
	border-color: #5f6b71 !important;
}

/* Приглушаем круговые показатели и метку пересчёта в общей цветовой схеме итогов. */
body.night-mode .components-blocks-orders-share-totals-block .pie-chart__canvas {
	filter: saturate(0.78);
}

body.night-mode .components-blocks-orders-share-totals-block .pie-chart__percentage {
	color: #ffffff !important;
	filter: none;
}

body.night-mode .components-blocks-orders-share-totals-block .calculation-needed-marker {
	background-color: #455159 !important;
	color: #d39b63 !important;
}

body.night-mode .components-blocks-orders-share-totals-block .infobox-container.highlight {
	border-top-color: #587f91 !important;
}

/* Общие цветные метки в ночной теме используют спокойную палитру очереди: сине-серый для обычных значений, синий для времени выполнения и зелёный для успешного результата. */
body.night-mode .label.label-mute,
body.night-mode .label.label-inverse {
	background-color: #516b80 !important;
	background-image: none !important;
	color: #ffffff !important;
}

/* Светлые метки дат переводятся на тёмный фон, чтобы они оставались различимыми на тёмных строках таблиц и других поверхностях. */
body.night-mode .label.label-light {
	background-color: #3f4c54 !important;
	background-image: none !important;
	color: #d8dee3 !important;
}

/* Метка времени получает синий цвет, который в общей палитре означает временное значение или выполняемую работу. */
body.night-mode .label.label-dark {
	background-color: #3a87ad !important;
	background-image: none !important;
	color: #ffffff !important;
}

/* Секунды ожидания сохраняют сине-серый цвет, потому что они показывают длительность ожидания, а не время запуска задачи. */
body.night-mode .table.dataTable > tbody > tr > td:nth-child(8) .label.label-dark {
	background-color: #516b80 !important;
	color: #ffffff !important;
}

/* Минуты ожидания темнее секунд, чтобы длительность читалась как более крупный промежуток времени, но сохраняла общий сине-серый оттенок. */
body.night-mode .table.dataTable > tbody > tr > td:nth-child(8) .label.label-inverse {
	background-color: #465e73 !important;
	color: #ffffff !important;
}

/* Часы ожидания получают самый тёмный оттенок шкалы, поэтому их можно отличить от минут и секунд без смены цветовой семьи. */
body.night-mode .table.dataTable > tbody > tr > td:nth-child(8) .label.label-danger {
	background-color: #3b5267 !important;
	background-image: none !important;
	color: #ffffff !important;
}

/* Синие метки времени начала соответствуют общему цвету временных значений на странице очереди и в других местах интерфейса. */
body.night-mode .label.label-info {
	background-color: #3a87ad !important;
	background-image: none !important;
	color: #ffffff !important;
}

/* Зелёные метки времени завершения и успешного статуса сохраняют один понятный цвет по всему интерфейсу. */
body.night-mode .label.label-success {
	background-color: #82af6f !important;
	background-image: none !important;
	color: #ffffff !important;
}

/* Иконки с признаком успешного действия внутри общих кнопок и пунктов выпадающих меню становятся белыми, как подписи на этих элементах. */
body.night-mode .atoms-context-menu-item .icon.text-success,
body.night-mode .atoms-context-menus-drop-down-button .dropdown-toggle .icon.text-success {
	color: #ffffff !important;
}
/* Контрастная кнопка закрытия уведомлений в ночной теме. */
body.night-mode .components-atoms-alert-in-header .header-alert-close,
body.night-mode .components-atoms-alert-in-header .header-alert-close i,
body.night-mode .components-atoms-alert-in-header .header-alert-close:hover,
body.night-mode .components-atoms-alert-in-header .header-alert-close:hover i,
body.night-mode .components-atoms-alert-in-header .header-alert-close:focus,
body.night-mode .components-atoms-alert-in-header .header-alert-close:focus i {
	color: #fff !important;
	opacity: 1 !important;
	text-shadow: none;
}

/* В ночной теме индикаторы остаются почти с фоном, а успешное сообщение немного светлее информационного. */
body.night-mode .components-atoms-alert-in-header .header-alert-countdown-success {
	background-color: #434d53 !important;
}

body.night-mode .components-atoms-alert-in-header .header-alert-countdown-info {
	background-color: #3e484e !important;
}