/**
 * Do not edit directly
 * Generated on Mon, 06 May 2024 12:18:46 GMT
 */

/* TODO Этот костыль нужен до момента, когда будут переделаны компоненты кнопки и ссылки. */
:root {
	--fgLink: #0B6CFF;
	/* основной цвет ссылок */
	--fgLinkHover: rgba(11, 108, 255, 73%);
	/* цвет ссылок при наведении */


	--btnPrimaryBg: #282833;
	/* фон основной кнопки */
	--btnPrimaryBgHover: #0B6CFF;
	/* цвет фона при наведении основной кнопки */
	--btnPrimaryBgActive: #0A5BEC;
	/* активный цвет фона основной кнопки */
	--btnPrimaryFg: #ffffff;
	/* цвет текста и иконки */
	--btnSecondaryBg: rgba(45, 55, 106, 9%);
	/* фон вторичной кнопки */
	--btnSecondaryBgHover: rgba(45, 55, 106, 15%);
	/* цвет фона при наведении вторичной кнопки */
	--btnSecondaryBgActive: rgba(45, 55, 106, 20%);
	/* активный цвет фона вторичной кнопки */
	--btnSecondaryFg: #12121E;
	/* цвет текста и иконки */
	--btnGhostBg: rgb(100% 100% 100% / 0.01);
	/* фон Ghost кнопки */
	--btnGhostBgHover: rgba(45, 55, 106, 9%);
	/* цвет фона при наведении Ghost кнопки */
	--btnGhostBgActive: rgba(45, 55, 106, 15%);
	/* активный цвет фона Ghost кнопки */
	--btnGhostFg: #12121E;
	/* цвет текста и иконки */
	--btnActionBgHover: rgba(45, 55, 106, 9%);
	/* цвет фона при наведении на кнопку с действием */
	--btnActionBgContrastHover: rgb(100% 100% 100% / 0.1);
	/* цвет фона при наведении на кнопку с действием на интерактивных цветах */
	--btnActionFgContrast: rgb(100% 100% 100% / 0.5);
	/* цвет иконки с действием на интерактивных цветах */
	--btnActionFg: #12121E;
	/* цвет иконки Action кнопки */
	--btnDropdownBg: rgb(100% 100% 100% / 0);
	/* цвет фона */
	--btnDropdownBgHover: rgba(45, 55, 106, 5%);
	/* цвет фона при наведении */
	--btnDropdownBgActive: rgba(45, 55, 106, 9%);
	/* цвет фона при нажатии */
	--btnDisabledBg: rgba(45, 55, 106, 12%);
	/* цвет заблокированного фона кнопки */
	--btnDisabledFg: rgba(9, 15, 72, 36%);
	/* цвет заблокированного элемента (текст и иконка) */
	--btnDisabledFgSecondary: rgba(45, 55, 106, 20%);
	/* цвет заблокированного элемента (текст и иконка) */

	/* China Telecom */
	--color-fg-accent: #0B6CFF;
	--color-fg-accent-extra: #4D94FF;
	--color-bg-accent: #0B6CFF;
	--color-bg-accent-tint-light-alpha: #0B6CFF 8%;
	--color-bg-accent-tint-alpha: #0B6CFF 15%;
	--color-bg-table-row-active: #EBF3FF;
	--color-border-accent: #0B6CFF;
	--color-button-fg-accent: #0B6CFF;

	/* ---- Кнопки ----- */
	--color-button-action-bg-accent: #0B6CFF;
	--color-button-action-bg-accent-hover: #0A5BEC;
	--color-button-action-bg-accent-active: #0A5BEC;

	--color-button-action-bg-main: #0B6CFF;
	--color-button-action-bg-main-hover: #0A5BEC;
	--color-button-action-bg-main-active: #0A5BEC;
	/* ---------------- */



	--color-button-normal-bg-accent: #0B6CFF 8%;
	--color-button-normal-bg-accent-hover: #0B6CFF 15%;
	--color-button-normal-bg-accent-active: #0B6CFF 15%;
	--color-button-outline-border-accent: #277FFF;
	--color-button-outline-border-accent-hover: #3B8AFF;
	--color-chart-accent: #0B6CFF;
	--color-form-bg-dropdown-item-active: #0B6CFF;
	--color-popover-bg-accent: #277FFF;
	--color-spinner-accent: #277FFF;
	--color-status-accent-default: #0B6CFF;
	--color-status-accent-extra: #4D94FF;
	--color-status-accent-tint-alpha: #0B6CFF 15%;
	--color-status-accent-tint-light-alpha: #0B6CFF 8%;
	--color-form-bg-field-switch: #0B6CFF;

	/* sidebar */
	--color-sidebar-bg-body: #EFF2F7;
	--color-sidebar-bg-menu-lvl-1: #8288A4 12%;
	--color-sidebar-bg-menu-lvl-1-active: #E4E8EF 80%;
	--color-sidebar-bg-menu-lvl-2: #E6EAF0;
	--color-sidebar-bg-menu-lvl-2-active: #DEE2E9;
	--color-sidebar-text-enabled: #0F122C;
	--color-sidebar-text-hover: #0F122C;
	--color-sidebar-text-active: #0F122C;
	--color-sidebar-icon-enabled: #0F122C;
	--color-sidebar-icon-hover: #0F122C;
	--color-sidebar-icon-active: #0F122C;
	--color-sidebar-icon-arrow: #0F122C;
	/* ---------------- */
}

.n-layout-sider.n-layout-sider--bordered .n-layout-sider__border {
	background-color: #EFF2F7 !important;
	;
}

#sidebar-menu svg {
	fill: var(--color-sidebar-text-enabled);
}

#app>div {
	background-color: #EFF2F7;
}