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

/* TODO Этот костыль нужен до момента, когда будут переделаны компоненты кнопки и ссылки. */
:root {
	--fgLink: #4183FF;
	/* основной цвет ссылок */
	--fgLinkHover: #2C7AF0;
	/* цвет ссылок при наведении */


	--btnPrimaryBg: #F5F5FD;
	/* фон основной кнопки */
	--btnPrimaryBgHover: #4183FF;
	/* цвет фона при наведении основной кнопки */
	--btnPrimaryBgActive: #2C7AF0;
	/* активный цвет фона основной кнопки */
	--btnPrimaryFg: #232325;
	/* цвет текста и иконки */
	--btnSecondaryBg: rgba(239, 239, 255, 5%);
	/* фон вторичной кнопки */
	--btnSecondaryBgHover: rgba(239, 239, 255, 8%);
	/* цвет фона при наведении вторичной кнопки */
	--btnSecondaryBgActive: rgba(239, 239, 255, 12%);
	/* активный цвет фона вторичной кнопки */
	--btnSecondaryFg: #F5F5FD;
	/* цвет текста и иконки */
	--btnGhostBg: rgb(13.7% 13.7% 14.5% / 0.01);
	/* фон Ghost кнопки */
	--btnGhostBgHover: rgba(239, 239, 255, 5%);
	/* цвет фона при наведении Ghost кнопки */
	--btnGhostBgActive: rgba(239, 239, 255, 8%);
	/* активный цвет фона Ghost кнопки */
	--btnGhostFg: #F5F5FD;
	/* цвет текста и иконки */
	--btnActionBgHover: rgba(239, 239, 255, 5%);
	/* цвет фона при наведении на кнопку с действием */
	--btnActionBgContrastHover: rgba(239, 239, 255, 8%);
	/* цвет фона при наведении на кнопку с действием на интерактивных цветах */
	--btnActionFgContrast: rgb(96.1% 96.1% 99.2% / 0.5);
	/* цвет иконки с действием на интерактивных цветах */
	--btnActionFg: #F5F5FD;
	/* цвет иконки Action кнопки */
	--btnDropdownBg: rgb(100% 100% 100% / 0);
	/* цвет фона */
	--btnDropdownBgHover: rgba(239, 239, 255, 2%);
	/* цвет фона при наведении */
	--btnDropdownBgActive: rgba(239, 239, 255, 5%);
	/* цвет фона при нажатии */
	--btnDisabledBg: rgba(239, 239, 255, 2%);
	/* цвет заблокированного фона кнопки */
	--btnDisabledFg: rgba(239, 239, 255, 23%);
	/* цвет заблокированного элемента (текст и иконка) */
	--btnDisabledFgSecondary: rgba(239, 239, 255, 8%);
	/* цвет заблокированного элемента (текст и иконка) */

	/* China Telecom */
	--color-fg-accent: #4183FF;
	--color-fg-accent-extra: #2C7AF0;
	--color-bg-accent: #4183FF;
	--color-bg-accent-tint-light-alpha: #0F81FC 15%;
	--color-bg-accent-tint-alpha: #0F81FC 20%;
	--color-bg-table-row-active: #212C3B;
	--color-border-accent: #4183FF;
	--color-button-fg-accent: #4183FF;

	/* ---- Кнопки ----- */
	--color-button-action-bg-accent: #2C7AF0;
	--color-button-action-bg-accent-hover: #498EFE;
	--color-button-action-bg-accent-active: #498EFE;

	--color-button-action-bg-main: #2C7AF0;
	--color-button-action-bg-main-hover: #498EFE;
	--color-button-action-bg-main-active: #498EFE;
	/* ---------------- */


	--color-button-normal-bg-accent: #0F81FC 10%;
	--color-button-normal-bg-accent-hover: #0F81FC 15%;
	--color-button-normal-bg-accent-active: #0F81FC 15%;
	--color-button-outline-border-accent: #498EFE;
	--color-button-outline-border-accent-hover: #5098FC;
	--color-chart-accent: #4183FF;
	--color-form-bg-dropdown-item-active: #2C7AF0;
	--color-popover-bg-accent: #4183FF;
	--color-spinner-accent: #5098FC;
	--color-status-accent-default: #4183FF;
	--color-status-accent-extra: #2C7AF0;
	--color-status-accent-tint-alpha: #0F81FC 15%;
	--color-status-accent-tint-light-alpha: #3C51A6 40%;
	--color-form-bg-field-switch: #2C7AF0;

	/* Sidebar */
	--color-sidebar-bg-body: #131317;
	--color-sidebar-bg-menu-lvl-1-active: #FFFFFF 7%;
	--color-sidebar-bg-menu-lvl-2: #FFFFFF 4%;
	--color-sidebar-bg-menu-lvl-2-active: #FFFFFF 4%;
	--color-sidebar-text-enabled: #FFFFFF 80%;
	--color-sidebar-text-hover: #FFFFFF 80%;
	--color-sidebar-text-active: #df0a0a 80%;
	--color-sidebar-icon-enabled: #FFFFFF 80%;
	--color-sidebar-icon-hover: #FFFFFF 80%;
	--color-sidebar-icon-active: #FFFFFF 80%;
	--color-sidebar-icon-arrow: #FFFFFF 80%;


}

#sidebar-menu svg {
	fill: #F0F0F2;
}

#sidebar-menu>div>div>div {
	color: #F0F0F2 !important;
}

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

#sidebar-menu>div>div.n-menu-item>div>i>i {
	color: #F0F0F2 !important;
}