/*#region Основные настройки под все темы*/

:root {
}

html, body {
	font-family: var(--main-font-family);
}

app {
	display: flex;
	flex-flow: column nowrap;
	height: 100vh;
}

/*#endregion Основные настройки под все темы*/

/*Дополнительные настройки под все темы*/

/*#region class Main ? */
/*<--BII--> а где у нас этот элемент?*/
/*<--BII--> если это ИСКЛЮЧИТЕЛЬНО в cshtml использовался, то надо удалить*/
@media (max-width: 1199.98px) {
	.main {
		min-width: 100vw;
		display: flex;
		flex-flow: column nowrap;
	}
}

.main {
	display: flex;
	flex-flow: row nowrap;
	flex-grow: 1;
	overflow: auto;
}


.content {
	max-width: 100%;
	padding: 1.1rem 2rem 0 2rem;
	flex: 1 1 auto;
}

/*#endregion */

/*#region Sidebar */
@media (max-width: 1199.98px) {
	.sidebar {
		display: none;
	}

		.sidebar.expand {
			position: fixed;
			top: 3.5rem;
			left: 0;
			min-width: 100vw;
			z-index: 1050;
		}

	.app-sidebar > .nav-pills > .nav-item:last-of-type {
		padding-bottom: 0;
	}
}

.sidebar {
	min-width: 300px;
	max-width: 300px;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
	transition: transform 0.1s ease-out;
	max-height: calc(100vh - 3.5rem);
	overflow: auto;
}


	.sidebar.collapse {
		display: none;
	}

	.sidebar.expand {
		display: block;
	}
/*#endregion */

/*#region app-sidebar */

.app-sidebar > .nav-pills > .nav-item:first-of-type {
	padding-top: 1rem;
}

.app-sidebar > .nav-pills > .nav-item:last-of-type {
	padding-bottom: 1rem;
}

.app-sidebar .nav-pills > .nav-item a {
	border-radius: 0px;
	display: flex;
	align-items: center;
}

.app-sidebar > .nav-pills > .nav-item > a {
	font-size: 1rem !important;
	font-weight: 600 !important;
	padding: .25rem 1rem .25rem .125rem;
}

/*#endregion */

@media (max-width: 350px) {
	.title {
		font-size: inherit; /*<--BII--> чего? Почему от размера экрана зависит размер шрифта? + это же всё равно нижмини правилами переопределяется*/
	}
}

/*#region loading-progress */

.loading-progress {
	position: relative;
	display: block;
	width: 8rem;
	height: 8rem;
	margin: 20vh auto 1rem auto;
}

	.loading-progress circle {
		fill: none;
		stroke: #e0e0e0;
		stroke-width: 0.6rem;
		transform-origin: 50% 50%;
		transform: rotate(-90deg);
	}

		.loading-progress circle:last-child {
			stroke: #1b6ec2;
			stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
			transition: stroke-dasharray 0.05s ease-in-out;
		}

.loading-progress-text {
	position: absolute;
	text-align: center;
	font-weight: bold;
	inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

	.loading-progress-text:after {
		content: var(--blazor-load-percentage-text, " ");
	}


/*#endregion */


/*#region HTML Elements */

label {
	margin-bottom: 3px;
}

/*#endregion */

/*#region Tabs */
.etos-tabpanel-vertical {
	max-width: 240px !important;
	font-weight: 300 !important;
	text-transform: none !important;
}

.etos-tabpanel-horizontal {
	font-weight: 300 !important;
	text-transform: none !important;
	overflow: hidden; /* для обрезки длинных заголовков под макисмальную высоту */
	align-items: flex-start; /* из-за обрезки, только start выглядит нормально */
}


/*#endregion Tabs*/

/*#region SfAccordion */
.e-accordion .e-acrdn-item .e-acrdn-panel {
	font-size: var(--main-font-size);
}

.e-accordion .e-acrdn-item .e-acrdn-header {
	white-space: normal;
}

	/* стиль лайбла со значком раскрытия */
	.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
		font-size: var(--main-font-size);
	}

	.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-icons {
		color: #0014ff;
	}

/*<--BII--> При свёрнутом аккордионе бордер выглядит как сепаратор, поэтому убираем*/
/*Не содержит прямых потомков, у которых нету класса e-hide, т.е. есть хотя бы один не скрытый*/
.e-control.e-accordion.e-acrdn-root:not(:has(> .e-acrdn-item:not(.e-hide))) {
	border-width: 0px;
}
/*#endregion SfAccordion*/

/*#region SfDialog */

.e-dialog .e-dlg-header {
	width: auto;
}

.e-dialog .e-dlg-header-content {
	padding: 6px 10px;
}

.e-dialog .e-footer-content {
	padding: 8px;
}

/*#endregion SfDialog*/

/*#region SfNavbar */

.navbar.header-navbar {
	flex-grow: 0;
	flex-wrap: nowrap;
	border: none;
	background-color: inherit;
	border-radius: 0;
	height: 3.5rem;
	min-height: 3.5rem;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
	justify-content: flex-start;
}

.header-navbar .navbar-toggler {
	outline: none;
	border-radius: 0;
	padding-left: .75rem;
	padding-right: .75rem;
	align-self: stretch;
}

	.header-navbar .navbar-toggler .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
		background-color: transparent !important;
		height: 2rem;
		width: 2rem;
	}

/*#endregion */

/*#region SfSpinner */

.e-spinner-pane {
	height: 30px;
	left: 49%;
	position: absolute;
	top: 49%;
	width: 30px;
	z-index: 1010;
}

/*#endregion */

/*#region MultiSelect Dropdown Component */

.e-multi-select-wrapper {
	overflow-x: hidden;
}

.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
	right: 20px;
}

.e-popup.e-ddl .e-dropdownbase.e-nodata,
.e-popup.e-mention .e-dropdownbase.e-nodata {
	font-size: 12px;
	padding: 4px 10px;
}

/*#endregion */

/*#region Inputs */

input, button, select, optgroup, textarea {
	/*font-family: var(--main-font-family);*/ /*BII стрёмный шрифт получается*/
}

/*#region Разворот текста*/
/*Для текста внутри элемента*/
.e-control.e-combobox.e-lib.e-input {
	direction: ltr !important;
}
/*Для расположения кнопок*/
.e-ddl.e-input-group.e-control-wrapper {
	direction: rtl !important;
}
	/*Для текста внутри элемента*/
	.e-ddl.e-input-group.e-control-wrapper .e-control {
		direction: ltr !important;
	}
/*#endregion Разворот текста*/

/*#region Buttons */

.mud-button {
	padding: 4px 6px;
	min-width: 24px;
}

.mud-button-text {
	padding: 2px 2px;
}

.mud-button-label .mud-button-icon-end {
	margin-left: 0px;
	margin-right: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

/*.e-btn:disabled,*/
.e-btn.e-flat:disabled,
/*.e-css.e-btn:disabled,*/
/*.e-menu-item.e-disabled,*/
.e-menu-item.e-disabled.e-focused /*<--BII--> Костыль, не должен появляться класс e-focused на отключенном элементе*/
.e-menu-wrapper ul .e-menu-item.e-disabled, .e-menu-container ul .e-menu-item.e-disabled {
	background-color: rgba(108,117,125,.65);
	border-color: rgba(108,117,125,.65);
	box-shadow: none;
	color: rgba(255,255,255,.65);
}

/*#endregion */


/*#region SfDateTime */

.e-datetime-wrapper.e-control-wrapper {
	border-right: 1px solid #ced4da !important;
}

/*#endregion */

/*#region SfSwitch */

.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on,
.e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on {
	color: #adb5bd;
	opacity: .8;
	background-color: #0d6efd;
}

/*#endregion */

/*#region MudMenu */

/*<--BII-->*/
.e-menu-wrapper ul .e-menu-item,
.e-menu-container ul .e-menu-item {
	cursor: pointer;
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 24px;
	line-height: 32px;
	padding: 0 12px;
	vertical-align: top;
	white-space: nowrap;
	align-items: center; /*Выравнивание по центру*/
}

/*<--BII-->*/
.mud-input-control {
	border: 0;
	margin: 0;
	padding: 0;
	display: flex;
	flex: 1 1 auto;
	max-width: 100%;
	position: relative;
	flex-direction: column;
	vertical-align: top;
}

/*#endregion MudMenu*/

/*#endregion Inputs*/

/*#region Подписи */

/*Центрирование полей ввода в контейнерах с подписями. Так нельзя, если нужно центрировать,то создайте отдельный класс*/
.e-control.e-textbox.e-lib.e-input,
.e-input-group.e-control-container.e-control-wrapper {
	align-self: start;
}

/*#endregion */



/*#region HelperStyles */
.etos-flex-wrap-wrap {
	flex-wrap: wrap; /* ненужно растягивать комбобокс на два ряда */
}

.h100 { /* RRV 22-02-2024 */
	height: 100%;
	display: flex;
	box-sizing: border-box;
}

.fit-width {
	max-width: 100%;
}

/*#endregion */


/*#region blazor-errror-ui */

#blazor-error-ui {
	display: none;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1000;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}


/*#endregion */



/*#region MudGrid */

.mud-grid-spacing-xs-4 > .mud-grid-item {
	padding: 10px;
}

/*#endregion */

/*#region MudBlazor Goal Paper */

.mudblazor-goal-paper-in-c {
	box-shadow: 0 22px 45px -20px rgba(255, 26, 104, .4), 0 5px 5px -3px rgba(0, 0, 0, .06), 0 8px 10px 1px rgba(0, 0, 0, .042), 0 3px 14px 2px rgba(0, 0, 0, .036);
}

.mudblazor-goal-paper-be-included {
	box-shadow: 0 22px 45px -20px rgba(20, 204, 158, .4), 0 5px 5px -3px rgba(0, 0, 0, .06), 0 8px 10px 1px rgba(0, 0, 0, .042), 0 3px 14px 2px rgba(0, 0, 0, .036);
}

.mudblazor-goal-paper-material {
	box-shadow: 0 22px 45px -20px rgba(59, 41, 221, .4), 0 5px 5px -3px rgba(0, 0, 0, .06), 0 8px 10px 1px rgba(0, 0, 0, .042), 0 3px 14px 2px rgba(0, 0, 0, .036);
}

/*#endregion */

/*#region ГосУслуги */

.logo-gosuslugi {
	display: block;
	height: 24px;
	width: 126px;
	background: url("data:image/svg+xml,%3Csvg width%3D%22151%22 height%3D%2224%22 viewBox%3D%220 0 151 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.1105 0.633247H0.237221C0.0789109 0.633247 -0.000244141 0.712402 -0.000244141 0.870712V17.335C-0.000244141 17.4933 0.0789109 17.5724 0.237221 17.5724H4.27413C4.43244 17.5724 4.51159 17.4933 4.51159 17.335V4.591H10.7648C10.844 4.591 10.9231 4.51184 11.0023 4.43269C11.4772 3.32452 11.9522 2.13719 12.4271 0.949867V0.712402C12.2688 0.712402 12.1896 0.633247 12.1105 0.633247ZM45.5139 13.6147C45.5139 13.5355 45.4347 13.4564 45.3556 13.4564H45.1181C44.1683 13.773 42.3477 14.1688 41.0021 14.1688C38.2316 14.1688 36.886 13.4564 36.886 9.10283C36.886 5.69917 37.2818 4.03691 41.0021 4.03691C42.0311 4.03691 43.0601 4.19522 44.2474 4.591C44.3266 4.591 44.4849 4.591 44.4849 4.43269C44.9598 3.56198 45.5139 2.53297 46.1471 1.18733V0.949868C46.1471 0.870713 46.068 0.791558 45.9888 0.791558C44.4057 0.316628 42.4268 0.0791626 40.6854 0.0791626C34.828 0.0791626 32.2158 2.77043 32.2158 9.02368C32.2158 15.3561 34.828 18.1265 40.6854 18.1265C42.1102 18.1265 45.039 17.8099 46.4637 17.2558C46.6221 17.1766 46.6221 17.0975 46.6221 17.0183C46.7804 16.9392 45.5139 13.6147 45.5139 13.6147ZM21.3716 0.158318C15.5933 0.158318 13.2978 2.61212 13.2978 9.10283C13.2978 15.6727 15.5141 18.1265 21.3716 18.1265C27.2291 18.1265 29.5246 15.5935 29.5246 9.10283C29.5246 2.69128 27.2291 0.158318 21.3716 0.158318ZM21.3716 14.3271C18.6803 14.3271 17.8888 13.6147 17.8888 9.18199C17.8888 4.43269 18.7595 4.03691 21.3716 4.03691C23.9837 4.03691 24.9336 4.43269 24.9336 9.18199C24.9336 13.6147 24.0629 14.3271 21.3716 14.3271Z%22 fill%3D%22%230065B1%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M132.98 0.63324H121.107C120.949 0.63324 120.87 0.712395 120.87 0.870705V17.3349C120.87 17.4933 120.949 17.5724 121.107 17.5724H125.144C125.302 17.5724 125.381 17.4933 125.381 17.3349V4.59099H131.635C131.714 4.59099 131.872 4.51184 131.872 4.43268C132.347 3.32451 132.822 2.13719 133.297 0.94986V0.712395C133.059 0.712395 133.059 0.63324 132.98 0.63324ZM117.941 0.712395H113.825C113.746 0.712395 113.587 0.79155 113.587 0.870705C112.954 3.40367 111.688 7.67804 109.867 12.1107L105.751 0.79155C105.751 0.712395 105.593 0.63324 105.513 0.63324H101.397C101.318 0.63324 101.239 0.712395 101.16 0.712395C101.081 0.79155 101.081 0.870705 101.16 0.94986L107.334 17.7307C106.701 18.9972 106.068 20.0262 105.593 21.1344C105.197 21.8468 104.801 22.6383 104.326 23.4299C104.247 23.509 104.326 23.5882 104.326 23.6673C104.405 23.7465 104.484 23.8257 104.564 23.8257H108.996C109.075 23.8257 109.155 23.7465 109.234 23.6673C109.946 22.2426 110.975 20.1845 111.846 18.1265C114.458 11.9524 116.595 6.25325 118.099 0.94986C118.099 0.870705 118.099 0.79155 118.02 0.712395H117.941ZM79.7089 13.6147C79.7089 13.5355 79.6298 13.4564 79.5506 13.4564H79.3132C78.3633 13.773 76.5427 14.1687 75.1971 14.1687C72.4267 14.1687 71.081 13.4564 71.081 9.10283C71.081 5.69916 71.4768 4.03691 75.1971 4.03691C76.2261 4.03691 77.2551 4.19522 78.4425 4.59099C78.6008 4.59099 78.6799 4.59099 78.6799 4.43268C79.1549 3.56198 79.7089 2.53296 80.3422 1.18733V0.94986C80.3422 0.870705 80.263 0.79155 80.1839 0.79155C78.5216 0.237465 76.5427 0 74.8805 0C69.1022 0 66.4901 2.69127 66.4901 8.94452C66.4901 15.2769 69.1022 18.0473 74.9596 18.0473C76.3844 18.0473 79.3132 17.7307 80.738 17.1766C80.8963 17.0975 80.8963 17.0183 80.8963 16.9392C80.8963 16.86 79.7089 13.6147 79.7089 13.6147ZM65.0653 0.712395H60.9492C60.7909 0.712395 60.7117 0.79155 60.7117 0.870705C60.0785 3.40367 58.812 7.67804 56.9915 12.1107L52.9546 0.712395C52.9546 0.63324 52.7962 0.554085 52.7171 0.554085H48.601C48.5219 0.554085 48.4427 0.63324 48.3636 0.63324C48.2844 0.712395 48.2844 0.79155 48.3636 0.870705L54.6168 17.6516C53.9836 18.918 53.3503 20.0262 52.8754 21.0552C52.4796 21.7676 52.0839 22.5592 51.6089 23.3507C51.5298 23.4299 51.6089 23.509 51.6089 23.5882C51.6881 23.6673 51.7672 23.7465 51.8464 23.7465H56.2791C56.3582 23.7465 56.4374 23.6673 56.5165 23.5882C57.2289 22.1634 58.2579 20.1054 59.1286 18.0473C61.7408 11.8733 63.8779 6.17409 65.3819 0.870705C65.3819 0.79155 65.3819 0.712395 65.3027 0.63324C65.2236 0.712395 65.1444 0.712395 65.0653 0.712395ZM150.157 0.63324H146.12C145.962 0.63324 145.883 0.712395 145.883 0.870705V13.6147C145.012 13.8521 144.141 13.9313 143.112 13.9313C140.421 13.9313 139.867 13.1397 139.867 9.57776V0.870705C139.867 0.712395 139.788 0.63324 139.629 0.63324H135.592C135.434 0.63324 135.355 0.712395 135.355 0.870705V10.0527C135.355 15.7518 137.255 18.0473 142.241 18.0473C145.012 18.0473 148.257 17.3349 150.078 16.6226C150.157 16.6226 150.236 16.4642 150.236 16.3851V0.870705C150.394 0.712395 150.315 0.63324 150.157 0.63324ZM98.1521 0.63324H85.883C85.7247 0.63324 85.6456 0.712395 85.6456 0.870705C85.329 6.41156 84.2999 12.4273 82.796 17.2558V17.4141C82.8752 17.4933 82.9543 17.4933 83.0335 17.4933H87.3078C87.387 17.4933 87.5453 17.4141 87.5453 17.3349C88.7326 13.6147 89.6825 8.6279 89.9991 4.51184H94.036V17.3349C94.036 17.4933 94.1152 17.5724 94.2735 17.5724H98.3104C98.4687 17.5724 98.5478 17.4933 98.5478 17.3349V0.870705C98.3895 0.712395 98.3104 0.63324 98.1521 0.63324Z%22 fill%3D%22%23EE3F58%22%2F%3E%3C%2Fsvg%3E") 0 100% no-repeat;
	background-size: contain;
	text-indent: 100%;
	overflow: hidden;
}

/*#endregion */

/*#region Trash */

.ant-result-content { /*BII Муравьи? Что это?*/
	background-color: var(--mud-palette-background);
}

/*BII Что это?*/
.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid red;
}

.validation-message {
	color: red;
}

.title {
	font-size: 1.1rem;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*<--BII--> ТОЛЬКО В TEMPLATE4GENERATE ИЗМЕНЯТЬ. ИНАЧЕ - ПОТЕРЯЕТСЯ ПРИ ПЕРЕСБОРКЕ CSS */
.selected_row {
	background-color: #009DD8;
	color: white;
}
/*#endregion */

/* Общее для всех тем настройки*/
.cFill {
	width: 100%;
	height: 100%;
}

.cFitByMin {
	min-width: fit-content;
	min-height: fit-content;
}

.cFitContent {
	width: fit-content;
	height: fit-content;
}

.cFlex {
	display: flex;
}

.cSelfCenter {
	align-self: center;
}

.cSelfStart {
    align-self: start;
}

.cCol {
	flex-direction: column;
}

.cRow {
	flex-direction: row;
}

.cFlexEvenly {
	justify-content: space-evenly;
}

.cFlexBetween {
	justify-content: space-between;
}

.cFlexCenter {
	justify-content: center;
}

.cFlexStart {
    justify-content: start;
}

.cMarginSide {
	margin-right: .5%;
	margin-left: .5%;
}

.cMarginFace {
	margin-top: 1.5%;
	margin-bottom: 2.5%;
}

.cNoWrap {
	flex-wrap: nowrap;
}

.cW10 {
	width: 9%;
}

.cW15 {
	width: 14%;
}

.cW20 {
	width: 19%;
}

.cW25 {
	width: 24%;
}

.cW30 {
	width: 29%;
}

.cW100 {
	width: 99%;
}

.cH100 {
	height: 99%;
}

.cAspect1 {
	aspect-ratio: 1/1;
}

.cTextEnd {
	text-align: end;
}

.cTextCenter {
	text-align: center;
}

.cTextStart {
    text-align: start;
}

.cPointer {
	cursor: pointer;
}

.cLink {
    color: #3045ff;
    text-decoration: underline;
}

.commonInput {
	max-width: 100%;
	border: 1px solid;
	border-radius: 3px;
	padding: 2px;
	font-size: inherit;
	/*#region coloring*/
	color: black;
	background: white;
	border-color: lightgray;
	/*#endregion*/
}

.cError {
	background: rgb(255,176,176);
}

.cSuccess {
	background: rgb(176,255,176);
}

.cOk {
	background: rgb(176,176,255);
}

.cDelim {
	width: 100%;
	height: 1px;
	background-color: lightgray;
}


/*BII тут глобально видимые переменные*/
:root {
    /*
        Основные шрифты, используемые в проекте:
        Применяются шрифты слева направо:
        если не найден шрифт слева, берётся следующий справа, и так до конца цепочки
    */
    --main-font-family: 'RosatomWebFont', Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --main-extended-font-family: 'RosatomWebFont', Roboto,"Helvetica Neue","Segoe UI",system-ui,-apple-system,Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    
    /* Основной размер шрифтов (используется много где, поэтому указываю тут*/
    --main-font-size: 14px;

}



.dialogRadioButtons {
    display: flex;
    margin: 10px 10px 10px 10px;
}

/*Горизонтальные*/

[etoshorizontalseparator]:not(:last-child):not(:first-child) {
	width: 100%;
	height: 0;
	border-width: 1px;
	border-color: white;
}

[etoshorizontalseparator] + [etoshorizontalseparator] {
	display: none;
}

/*BII важен подяродк двух правил ниже*/

:not([hidden]) ~ [etoshorizontalseparator] /*BII за видимой кнопкой*/,
:not([hidden]) + [hidden] + [etoshorizontalseparator] /*BII видимая-невидимая-сепаратор*/,
:not([hidden]) ~ [hidden] + [hidden] + [etoshorizontalseparator] /*BII видимая- более одной невидимой-сепаратор*/ { /*BII так как появляются в таком списке кнопок, то взял по названию класса при скрытии кнопки*/
	display: inherit !important;
}

[hidden]:first-child + [etoshorizontalseparator] /*BII за невидимой*/,
[hidden]:first-child ~ [hidden] + [etoshorizontalseparator] /*BII за невидимой*/,
[etoshorizontalseparator] + [hidden] + [etoshorizontalseparator] /*BII сепаратор-невидимая-сепаратор*/,
[etoshorizontalseparator] ~ [hidden] + [hidden] + [etoshorizontalseparator] /*BII сепаратор - более одной невидимой -сепаратор*/ { /*BII так как появляются в таком списке кнопок, то взял по названию класса при скрытии кнопки*/
	display: none !important;
}

/*BII важен подяродк двух правил выше*/

/*Вертикальные*/
[etosverticalseparator]:not(:last-child):not(:first-child) {
	width: 0;
	/* height: auto; */ /*BII рассчитываем в скрипте*/
	border-width: 1px;
	border-color: #003274;
}


[etosverticalseparator]:first-child, [etosverticalseparator]:last-child { /*BII костыли встраивания в список кнопок. Если можно будет обойти, правило не понадобиться*/
	display: none !important;
}


[etosverticalseparator] + [etosverticalseparator] { /*BII идут друг за другом*/
	display: none !important;
}

/*BII важен подяродк двух правил ниже*/

:not(.e-menu-hide) ~ [etosverticalseparator] /*BII за видимой кнопкой*/,
:not(.e-menu-hide) + .e-menu-hide + [etosverticalseparator] /*BII видимая-невидимая-сепаратор*/,
:not(.e-menu-hide) ~ .e-menu-hide + .e-menu-hide + [etosverticalseparator] /*BII видимая- более одной невидимой-сепаратор*/ { /*BII так как появляются в таком списке кнопок, то взял по названию класса при скрытии кнопки*/
	display: inherit !important;
}

.e-menu-hide:first-child + [etosverticalseparator] /*BII за невидимой*/,
.e-menu-hide:first-child ~ .e-menu-hide + [etosverticalseparator] /*BII за невидимой*/,
[etosverticalseparator] + .e-menu-hide + [etosverticalseparator] /*BII сепаратор-невидимая-сепаратор*/,
[etosverticalseparator] ~ .e-menu-hide + .e-menu-hide + [etosverticalseparator] /*BII сепаратор - более одной невидимой -сепаратор*/ { /*BII так как появляются в таком списке кнопок, то взял по названию класса при скрытии кнопки*/
	display: none !important;
}

/*BII важен подяродк двух правил выше*/

/*элемент sfpropertygrid*/
.sfPropertyGridElement {
    padding: 5px 10px 2px 10px;
    margin: 5px 1px 2px 10px;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    gap: 10px;
    border-bottom: 0.5px solid #9fbfef;
    justify-items: start;
}

.sfPGListBoolElement {
    grid-template-columns: 10% 90%;
    gap: 5px;
}

.sfPGBoolElement {
    grid-template-columns: 90% 10%;
    gap: 5px;
}

.sfPropertyGridNestedElement {
    padding: 5px 1px 1px 15px;
    margin: 5px 1px 1px 5px;
    display: flex;
}

.sfPropertyGridButton{
	background-color: inherit;
	border-color: #ced4da;
	color: inherit;
	width:100%;
	height:100%;
}

.etos-prop-grid-accordion > .e-acrdn-panel {
	padding: 0px 5px;
}

body.dark .white-img {
	display: none;
}

.dark-img {
	display: none;
}

body.dark .dark-img {
	display: initial;
}
/*#region SfGrid */
.e-grid {
	font-family: var(--main-extended-font-family);
	font-size: var(--main-font-size);
}

.e-pager {
	font-size: var(--main-font-size); /*BII �� ������, ��� ��� �����*/
	padding: 2px 2px 2px 2px;
}

	.e-pager .e-pagerdropdown {
		height: 24px;
		margin-left: 5px;
		margin-right: 4px;
		margin-top: -24px;
		vertical-align: middle;
		width: 57px;
	}

.e-grid-min-height .e-rowcell {
	line-height: 22px;
}

.e-inline-edit {
	min-height: 30px; /* 60 ������� ����� */
}

.e-grid .e-headercelldiv {
	font-size: var(--main-font-size); /*BII �� ������, ��� ��� �����*/
	font-weight: 700;
	line-height: 14px;
	height: auto;
}

.e-grid .e-rowcell {
	font-size: var(--main-font-size); /*BII �� ������, ��� ��� �����*/
	padding: 1px 1px;
}

.e-grid .e-headercell, .e-grid .e-detailheadercell {
	padding: 3px 7px 3px;
}

.e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
	margin: -6px 9px -6px 0px;
}

.e-grid .e-gridheader .e-sortfilter .e-headercelldiv, .e-grid .e-gridheader .e-stackedheadercelldiv {
	padding: 0 0px 0 2px;
}

.e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv {
	line-height: 18px;
}

.e-grid .e-gridcontent.e-wrap .e-rowcell {
	line-height: 18px;
}

.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
	padding-bottom: inherit;
	vertical-align: inherit;
}

.e-pager div.e-parentmsgbar {
	padding-top: 2px;
}

.e-pager .e-numericitem.e-currentitem {
	padding: 5px 10px 5px 9px;
}

	.e-pager .e-numericitem.e-currentitem:hover {
		padding: 5px 10px 5px 9px;
	}

.e-pager.sf-pager .e-pagercontainer .e-first, .e-pager.sf-pager .e-pagercontainer .e-prev, .e-pager.sf-pager .e-pagercontainer .e-next, .e-pager.sf-pager .e-pagercontainer .e-last {
	font-size: 11px;
}

.e-pager .e-pagercontainer .e-firstpage, .e-pager .e-pagercontainer .e-prevpage, .e-pager .e-pagercontainer .e-firstpagedisabled, .e-pager .e-pagercontainer .e-prevpagedisabled, .e-pager .e-pagercontainer .e-nextpage, .e-pager .e-pagercontainer .e-lastpage, .e-pager .e-pagercontainer .e-nextpagedisabled, .e-pager .e-pagercontainer .e-lastpagedisabled {
	padding: 8px 8px 7px 6px;
}

.e-grid .e-groupdroparea {
	font-size: var(--main-font-size); /*BII �� ������, ��� ��� �����*/
	padding: 5px 4px 5px 15px;
	text-align: left;
	min-height: 30px;
}

	.e-grid .e-groupdroparea.e-grouped {
		padding: 1px 0 1px;
	}

.e-grid .e-groupheadercell, .e-grid .e-groupheadercell:hover {
	margin: 0px 0 0 8px;
	padding: 3px 0;
}


.e-edit-dialog .e-gridform .e-table {
	border-spacing: 6px;
}

.e-grid .e-columnmenu.e-filtered::before, .e-grid-menu .e-columnmenu.e-filtered::before {
	font-size: var(--main-font-size); /*BII �� ������, ��� ��� �����*/
	font-weight: 900; /*<--BII--> <--?--> ��� ����� ��������� ������ �����?*/
	font-style: italic;
}

.e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
	margin: 0; /*<--BII-->*/
	font-weight: 900;
}


.e-popup.e-popup-open.e-filter-popup.e-dialog {
	position: fixed;
}

.e-popup.e-filter-popup.e-popup-open.e-dialog {
	position: fixed;
}

.e-popup.e-popup-open.e-dialog.e-filter-popup {
	position: fixed;
}

.e-treegrid .e-treegridexpand, .e-treegrid .e-treegridcollapse {
	vertical-align: middle;
}
/*<--BII--> 1) ��� �����, ���� ������� ��� �������� ����� ������
	2) ��� ������ ������ ������ ��� ������ ������ ������ - �� �������
 <--BII--> 2023 ��� �������� �������, ��� ������ ����, ������ ��� ������ � �� ������ ������ ��������� ������� line-height*/

/*http://htmlbook.ru/samcss/gruppirovanie*/
.e-grid .e-rowcell,
.e-grid .e-emptyrow td {
	line-height: 24px;
	padding: .7em;
}

.e-treegrid .e-treecell {
	line-height: 18px;
}
/*-��� ��-�� ��������� ����� �� ������� ���, ������ ���������� �� ��� ������. �����-�� ������� ��������� ����� .e-tab.e-vertical-tab .e-content -*/
.e-grid.sf-grid .e-gridcontent .e-content.e-yscroll {
	display: block;
}

.e-grid .e-gridcontent .e-normaledit .e-rowcell {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
}


.disabled_row {
	font-style: italic;
}


 /*#region ������� � ������� ������ � ������ */
.e-grid.with-row-index .e-rowcell.e-leftfreeze.e-freezeleftborder {
	padding: 4px; /*TODO: var*/
	/*width:40px ������������� ��� �������� ����������*/
	font-size: 12px; /*TODO: var*/
	border-right-width: 0px;
}

	.e-grid.with-row-index .e-rowcell.e-leftfreeze.e-freezeleftborder > div {
		display: inline-flex;
		justify-content: center;
		width: 100%;
	}

.e-grid.sf-grid.e-default.with-row-index .e-headercell.e-leftfreeze.e-freezeleftborder,
.e-grid.with-row-index .e-headercell.e-leftfreeze.e-freezeleftborder {
	border-right-width: 0px;
}
/*#endregion */
/*#endregion */

/*#region SfGantt */


/*<--BII--> �������� ������ �������� � �������*/
.sf-gantt .e-grid .e-rowcell {
	padding: 0px;
}


/*#endregion */

/*#region SfDocumentEditor */

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
	height: calc(100% - 10px);
	border: 1px solid;
	border-radius: 5px;
	border-color: #dee2e6;
	font-size: 14px;
}

	.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
		background-color: #6c757d;
		color: #212529;
	}

	.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
		background-color: #6c757d;
		color: #212529;
	}

.e-de-prop-splitbutton {
	border-radius: 4px;
	border-color: #dee2e6;
	width: fit-content;
}

.e-dropdown-btn {
	border: 1px solid;
	border-radius: 5px;
	border-color: #dee2e6
}

.custom-e-de-drodown-btn-custom li {
	float: left;
	width: 40px;
	font-style: oblique;
}

.e-de-tlbr-wrapper {
	width: calc(100% - 3px);
}

/*#endregion */
/*#region SfUploader */

.e-upload .e-file-select-wrap,
.e-bigger.e-small .e-upload .e-file-select-wrap {
	padding: 4px 0 4px 4px;
	display: inline-flex;
	flex-wrap: wrap;
}

.e-upload .e-upload-files .e-upload-file-list,
.e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list {
	font-size: 12px;
	line-height: 17px;
	min-height: 54px;
}

	.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name,
	.e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
		font-size: 12px;
		max-width: 90%;
		overflow: hidden;
		padding-top: 2px;
	}

	.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type,
	.e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
		font-size: 12px;
		padding-top: 2px;
	}

	.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size,
	.e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
		font-size: 11px;
		padding: 0;
	}

	.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
	.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information,
	.e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
	.e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
		font-size: 11px;
		padding-bottom: 2px;
	}

	.e-upload .e-upload-files .e-upload-file-list .e-file-container,
	.e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container {
		margin-left: 4px;
		margin-right: 30px;
		min-height: 35px;
		max-height: 85px;
	}

.e-upload .e-upload-files .e-file-remove-btn.e-icons,
.e-upload .e-upload-files .e-file-delete-btn.e-icons,
.e-upload .e-upload-files .e-file-abort-btn.e-icons,
.e-upload .e-upload-files .e-file-pause-btn.e-icons,
.e-upload .e-upload-files .e-file-play-btn.e-icons,
.e-upload .e-upload-files .e-file-reload-btn.e-icons,
.e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons,
.e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons,
.e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons,
.e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
.e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
.e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
	margin: 3px;
}

.e-btn,
.e-css.e-btn {
	padding: 3px 6px;
	font-size: var(--main-font-size);
}

.e-upload .e-file-select-wrap .e-file-drop,
.e-bigger.e-small .e-upload .e-file-select-wrap .e-file-drop {
	font-size: 10px;
	margin: 0 0 0 4px;
	line-height: 12px;
	padding: 0;
	max-height: 33px;
}

.recorder-sfuploader-button {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-width: 3em;
	min-height: 25px;
}

/*<--RRV-->*/
.recorder-sfuploader-photo-button {
	background-image: url("/images/svgw/00738.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}
/*<--RRV-->*/
.recorder-sfuploader-video-button {
	background-image: url("/images/svgw/00739.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}
/*<--RRV-->*/
.recorder-sfuploader-audio-button {
	background-image: url("/images/svgw/00737.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}

.sfuploader-browse-button {
	background-image: url("/images/svgw/00740.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}


/*#endregion */

/*#region SfTabs */

.e-tab .e-tab-header {
	height: 32px;
	min-height: 32px;
	/*max-height: 32px;*/
}

	.e-tab .e-tab-header.e-vertical {
		max-width: 130px;
		z-index: 1;
	}

	.e-tab .e-tab-header .e-toolbar-items {
		margin: 0;
		height: 32px;
		min-height: 32px;
		/*max-height: 32px;*/
	}

	.e-tab .e-tab-header.e-vertical .e-toolbar-items {
		/*margin: 0;*/
		height: 42px;
		/*max-height: 42px; ������ ���*/
		min-height: 32px;
	}

	.e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-text, .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-icon::before {
		text-align: left;
	}

	.e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-text {
		white-space: normal;
	}

	.e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
		height: 32px;
		max-height: 32px;
	}

	.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
		height: 32px;
		min-height: 32px;
		max-height: 32px;
	}

	.e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap {
		padding: 0 4px 0 4px;
	}

	.e-tab .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator) {
		min-height: 32px;
	}

	.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
		font-size: var(--main-font-size); /*BII �� ������, ��� ��� �����*/
		line-height: 14px;
		white-space: normal;
		text-transform: none;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 150px;
		max-height: 30px;
	}

	.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
		padding: 0 4px 0 4px;
		height: 32px;
		max-height: 32px;
	}

	/*#region Border toolbar-item */
	.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item,
	.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item:last-child {
		border-radius: 8px 0 0 8px;
	}

	.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item,
	.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item:last-child {
		border-radius: 8px 8px 0 0;
	}

	.e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item,
	.e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item:last-child,
	.e-tab .e-tab-header.e-horizontal-bottom:not(.e-vertical) .e-toolbar-item,
	.e-tab .e-tab-header.e-horizontal-bottom:not(.e-vertical) .e-toolbar-item:last-child {
		border-radius: 0 0 8px 8px;
	}

	.e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item,
	.e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item:last-child {
		border-radius: 10px 0 0 10px;
	}

	.e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
		border-radius: 4px 4px 0 0;
	}

	.e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
		border-radius: 4px 0 0 4px;
	}

	.e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
		border-radius: 0 4px 4px 0;
	}

	.e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
	.e-tab .e-tab-header.e-horizontal-bottom:not(.e-vertical) .e-toolbar-item.e-active {
		border-radius: 0 0 4px 4px;
	}

	/*#endregion */

	.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
		height: 32px;
		max-height: 32px;
	}

/*#endregion SfTabs*/

/*#region Inputs */

/*#region SfToolbars */

input.e-input,
textarea.e-input,
.e-input-group,
.e-input-group.e-control-wrapper {
	font-family: var(--main-extended-font-family);
	font-size: var(--main-font-size);
}
	/*����� ������ � �������*/
	.e-input-group input.e-input,
	.e-input-group.e-control-wrapper input.e-input,
	.e-input-group textarea.e-input,
	.e-input-group.e-control-wrapper textarea.e-input {
		font-family: var(--main-extended-font-family);
		font-size: var(--main-font-size);
	}

.e-control,
.e-css {
	font-family: var(--main-extended-font-family);
}

.e-input-group.e-disabled,
.e-input-group.e-control-wrapper.e-disabled {
	font-family: var(--main-extended-font-family);
}

.e-splitter.e-splitter-horizontal .e-pane,
.e-splitter.e-splitter-vertical .e-pane {
	font-family: var(--main-extended-font-family);
}


.e-splitter.e-splitter-horizontal,
.e-splitter.e-splitter-vertical {
	border-width: 0 !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
	padding: 2px;
}

.e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
	margin-left: 2px;
}

.e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon {
	font-size: var(--main-font-size);
	min-height: 25px;
	min-width: 20px;
}

textarea.e-input,
.e-float-input textarea,
.e-float-input.e-control-wrapper textarea,
.e-input-group textarea,
.e-input-group.e-control-wrapper textarea {
	resize: none;
}

	textarea.e-input,
	.e-input-group textarea,
	.e-input-group textarea.e-input,
	.e-input-group.e-input-focus textarea,
	.e-input-group.e-input-focus textarea.e-input,
	.e-input-group.e-control-wrapper textarea,
	.e-input-group.e-control-wrapper.e-input-focus textarea,
	.e-input-group.e-control-wrapper textarea.e-input,
	.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
	.e-float-input textarea,
	.e-float-input.e-control-wrapper textarea {
		resize: none;
	}

input.e-input,
.e-input-group input,
.e-input-group.e-control-wrapper input,
.e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input {
	height: 24px;
}

.e-menu-wrapper ul.e-ul,
.e-menu-wrapper ul.e-ul *,
.e-menu-container ul.e-ul,
.e-menu-container ul.e-ul * {
    z-index: 1000;
    padding: 3px 6px 3px 6px;
}
.e-menu-wrapper .e-ul .e-menu-item, .e-menu-container .e-ul .e-menu-item {
    margin: 4px 0 4px 0 !important;
}


.e-menu-wrapper,
.e-menu-container {
	background-color: transparent;
}

	.e-menu-wrapper ul .e-menu-item .e-caret,
	.e-menu-container ul .e-menu-item .e-caret {
		font-size: 9px;
		top: 0;
		font-weight: 600;
	}

/*<--BII--> ����� ������ ������ � �������*/
.e-menu-item {
	justify-content: center;
}

.e-datetime-wrapper.e-control-wrapper {
	max-width: 250px;
}

.e-date-wrapper.e-control-wrapper {
	max-width: 210px;
}

textarea.e-input,
.e-input-group textarea,
.e-input-group textarea.e-input,
.e-input-group.e-input-focus textarea,
.e-input-group.e-input-focus textarea.e-input,
.e-input-group.e-control-wrapper textarea,
.e-input-group.e-control-wrapper.e-input-focus textarea,
.e-input-group.e-control-wrapper textarea.e-input,
.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
.e-float-input textarea,
.e-float-input.e-control-wrapper textarea {
	line-height: 18px;
	padding: 0px 1px 0px 3px;
	min-height: 24px;
}

input.e-input,
.e-input-group input,
.e-input-group input.e-input,
.e-input-group input.e-input:focus,
.e-input-group.e-input-focus input.e-input,
.e-input-group.e-control-wrapper input,
.e-input-group.e-control-wrapper input.e-input,
.e-input-group.e-control-wrapper input.e-input:focus,
.e-input-group.e-control-wrapper.e-input-focus input.e-input,
.e-float-input input,
.e-float-input input:focus,
.e-float-input input.e-input,
.e-float-input.e-control-wrapper input.e-input,
.e-float-input.e-control-wrapper input,
.e-float-input.e-control-wrapper input:focus,
.e-float-input.e-control-wrapper.e-input-focus input,
.e-float-input.e-input-focus input {
	padding-left: 3px;
}
/*#endregion SfToolbars*/


/*#endregion */

 /*Внутренняя часть подсказки*/
    .e-tooltip-wrap .e-tip-content {
        font-size: 14px;
        color: black;
        background-color: white;
        font-weight: 500;
        font-family: var(--main-font-family);
    }
    /*Внешняя часть подсказки*/
    .e-tooltip-wrap.e-popup {
        border-style: solid;
        border-width: 1px;
        border-color: black;
    }
.LoginContainer {
	height: 100vh;
	width: 100vw;
}

.LoginBackground {
	background-image: url(/images/LoginBackGround.jpg);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.LoginFormImage {
	height: 100px;
	display: block;
}

.LoginFormLabelUserLogin {
	font-size: 21px;
	font-family: var(--main-font-family);
}

/*поле ввода через MudBlazor компонент*/
.mud-input-control.LoginInput > .mud-input-control-input-container > .mud-input > input,
input.LoginInput {
	font-family: var(--main-font-family);
}
.MainLayoutLingInHeader {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
    display: flex;
    flex-shrink: 1;
    overflow: hidden;
    font-weight: 300;
    /*text-decoration: none !important;*/
    font-size: 1.00rem;
    height: inherit; /*��� ������ ������*/
}

.MainLayoutLingInHeader.image {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    /*height: inherit;*/
    width: auto;
    margin: 0 4px 0 4px;
    padding: 4px 0 4px 0;
    border: 0;
    display: inline-flex;
    outline: 0;
    position: relative;
    overflow: hidden;
    align-items: center;
    user-select: none;
    border-radius: 0;
    vertical-align: middle;
    justify-content: flex-start;
    text-decoration: none;
    background-color: transparent;
}

.MainLayoutLingInHeader.text {
    font-family: 'RosatomWebFont', Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    letter-spacing: 0.0075em;
    line-height: 1.3;
    /*text-transform: uppercase;*/ /*������ ����� �������� �������*/
    flex-direction: column; /*������ ����� � 2 ����*/
    justify-content: center; /*������������� ������ �� ���������*/
    font-size: 14px;
    align-items: flex-start; /*��������� ����� � ����� ������� � �������  flex-direction*/
    /*text-decoration: none !important;*/
}

/*����� ��� ��������� �������*/
.MainLayoutLingInHeader:hover {
    color: #003274; /* ���� ������ ��� ��������� �� ��� ������� ���� */
    /*text-decoration: underline;*/ /* ��������� ������������� */
    text-decoration: none !important; /* ������� ������������� � ������ */
    /*font-size:large;*/
    font-size: 15px;
}

.MainLayoutLingInHeader.userDescription {
    font-family: 'RosatomWebFont', Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
    line-height: 1.3;
    letter-spacing: 0.0075em;
    text-transform: none;
}

/*����� ��� ��������� �������*/
.MainLayoutLingInHeader.ignoreHover:hover {
    font-size: initial;
}
.displayMessageDialog.image {
	vertical-align: middle;
	padding: 3px;
}

@media not (min-width: 760px) {/*Минимум меньше, чем*/
	.displayMessageDialog.image {
		display: none;
	}
}

.displayMessageDialog.text {
	vertical-align: middle;
	padding: 6px;
	width: auto;
	display: flex;
	justify-content: center;
}

.displayMessageDialog.title {
	word-wrap: normal;
	background-repeat: no-repeat;
	background-size: contain;
	height: auto;
	min-height: 20px;
	width: auto;
	min-width: 20px;
	z-index: inherit;
}
/*Стили для кнопок на рабочем столе */

.desktop-cards {
	background-color: var(--body-background-color);
	margin: 10px;
	padding: 6px 4px 6px 4px;
	height: 130px;
	width: 225px;
	min-width: 225px;
	max-width: 225px;
	/*box-shadow: 0 22px 45px -20px rgba(255,26,104,.4), 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036);*/ /*Red*/
	/*box-shadow: 0 22px 45px -20px rgba(20,204,158,.4), 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036);*/ /*Green*/
	/*box-shadow: 0 22px 45px -20px rgba(59,41,221,.4), 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036);*/ /*Blue*/
}

	.desktop-cards > a {
		display: inline-flex;
		height: 124px;
		cursor: pointer;
	}

	.desktop-cards.disabled {
		background-color: gray;
	}

		.desktop-cards.disabled > a {
			pointer-events: none;
			cursor: default;
			text-decoration: none;
			color: black;
		}




.desktop-cards-image {
	margin-right: 10px;
}

.desktop-cards-text {
	margin-right: 5px;
	max-height: fit-content;
}

@supports (display: -webkit-box) {
	.desktop-cards-text:not(:hover) {
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;
		text-wrap: wrap;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@font-face{font-family:Icons;src:url(open-iconic/font/fonts/open-iconic.eot);src:url(open-iconic/font/fonts/open-iconic.eot?#iconic-sm) format('embedded-opentype'),url(open-iconic/font/fonts/open-iconic.woff) format('woff'),url(open-iconic/font/fonts/open-iconic.ttf) format('truetype'),url(open-iconic/font/fonts/open-iconic.otf) format('opentype'),url(open-iconic/font/fonts/open-iconic.svg#iconic-sm) format('svg');font-weight:400;font-style:normal}.oi{position:relative;top:1px;display:inline-block;speak:none;font-family:Icons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.oi:empty:before{width:1em;text-align:center;box-sizing:content-box}.oi.oi-align-center:before{text-align:center}.oi.oi-align-left:before{text-align:left}.oi.oi-align-right:before{text-align:right}.oi.oi-flip-horizontal:before{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.oi.oi-flip-vertical:before{-webkit-transform:scale(1,-1);-ms-transform:scale(-1,1);transform:scale(1,-1)}.oi.oi-flip-horizontal-vertical:before{-webkit-transform:scale(-1,-1);-ms-transform:scale(-1,1);transform:scale(-1,-1)}.oi-account-login:before{content:'\e000'}.oi-account-logout:before{content:'\e001'}.oi-action-redo:before{content:'\e002'}.oi-action-undo:before{content:'\e003'}.oi-align-center:before{content:'\e004'}.oi-align-left:before{content:'\e005'}.oi-align-right:before{content:'\e006'}.oi-aperture:before{content:'\e007'}.oi-arrow-bottom:before{content:'\e008'}.oi-arrow-circle-bottom:before{content:'\e009'}.oi-arrow-circle-left:before{content:'\e00a'}.oi-arrow-circle-right:before{content:'\e00b'}.oi-arrow-circle-top:before{content:'\e00c'}.oi-arrow-left:before{content:'\e00d'}.oi-arrow-right:before{content:'\e00e'}.oi-arrow-thick-bottom:before{content:'\e00f'}.oi-arrow-thick-left:before{content:'\e010'}.oi-arrow-thick-right:before{content:'\e011'}.oi-arrow-thick-top:before{content:'\e012'}.oi-arrow-top:before{content:'\e013'}.oi-audio-spectrum:before{content:'\e014'}.oi-audio:before{content:'\e015'}.oi-badge:before{content:'\e016'}.oi-ban:before{content:'\e017'}.oi-bar-chart:before{content:'\e018'}.oi-basket:before{content:'\e019'}.oi-battery-empty:before{content:'\e01a'}.oi-battery-full:before{content:'\e01b'}.oi-beaker:before{content:'\e01c'}.oi-bell:before{content:'\e01d'}.oi-bluetooth:before{content:'\e01e'}.oi-bold:before{content:'\e01f'}.oi-bolt:before{content:'\e020'}.oi-book:before{content:'\e021'}.oi-bookmark:before{content:'\e022'}.oi-box:before{content:'\e023'}.oi-briefcase:before{content:'\e024'}.oi-british-pound:before{content:'\e025'}.oi-browser:before{content:'\e026'}.oi-brush:before{content:'\e027'}.oi-bug:before{content:'\e028'}.oi-bullhorn:before{content:'\e029'}.oi-calculator:before{content:'\e02a'}.oi-calendar:before{content:'\e02b'}.oi-camera-slr:before{content:'\e02c'}.oi-caret-bottom:before{content:'\e02d'}.oi-caret-left:before{content:'\e02e'}.oi-caret-right:before{content:'\e02f'}.oi-caret-top:before{content:'\e030'}.oi-cart:before{content:'\e031'}.oi-chat:before{content:'\e032'}.oi-check:before{content:'\e033'}.oi-chevron-bottom:before{content:'\e034'}.oi-chevron-left:before{content:'\e035'}.oi-chevron-right:before{content:'\e036'}.oi-chevron-top:before{content:'\e037'}.oi-circle-check:before{content:'\e038'}.oi-circle-x:before{content:'\e039'}.oi-clipboard:before{content:'\e03a'}.oi-clock:before{content:'\e03b'}.oi-cloud-download:before{content:'\e03c'}.oi-cloud-upload:before{content:'\e03d'}.oi-cloud:before{content:'\e03e'}.oi-cloudy:before{content:'\e03f'}.oi-code:before{content:'\e040'}.oi-cog:before{content:'\e041'}.oi-collapse-down:before{content:'\e042'}.oi-collapse-left:before{content:'\e043'}.oi-collapse-right:before{content:'\e044'}.oi-collapse-up:before{content:'\e045'}.oi-command:before{content:'\e046'}.oi-comment-square:before{content:'\e047'}.oi-compass:before{content:'\e048'}.oi-contrast:before{content:'\e049'}.oi-copywriting:before{content:'\e04a'}.oi-credit-card:before{content:'\e04b'}.oi-crop:before{content:'\e04c'}.oi-dashboard:before{content:'\e04d'}.oi-data-transfer-download:before{content:'\e04e'}.oi-data-transfer-upload:before{content:'\e04f'}.oi-delete:before{content:'\e050'}.oi-dial:before{content:'\e051'}.oi-document:before{content:'\e052'}.oi-dollar:before{content:'\e053'}.oi-double-quote-sans-left:before{content:'\e054'}.oi-double-quote-sans-right:before{content:'\e055'}.oi-double-quote-serif-left:before{content:'\e056'}.oi-double-quote-serif-right:before{content:'\e057'}.oi-droplet:before{content:'\e058'}.oi-eject:before{content:'\e059'}.oi-elevator:before{content:'\e05a'}.oi-ellipses:before{content:'\e05b'}.oi-envelope-closed:before{content:'\e05c'}.oi-envelope-open:before{content:'\e05d'}.oi-euro:before{content:'\e05e'}.oi-excerpt:before{content:'\e05f'}.oi-expand-down:before{content:'\e060'}.oi-expand-left:before{content:'\e061'}.oi-expand-right:before{content:'\e062'}.oi-expand-up:before{content:'\e063'}.oi-external-link:before{content:'\e064'}.oi-eye:before{content:'\e065'}.oi-eyedropper:before{content:'\e066'}.oi-file:before{content:'\e067'}.oi-fire:before{content:'\e068'}.oi-flag:before{content:'\e069'}.oi-flash:before{content:'\e06a'}.oi-folder:before{content:'\e06b'}.oi-fork:before{content:'\e06c'}.oi-fullscreen-enter:before{content:'\e06d'}.oi-fullscreen-exit:before{content:'\e06e'}.oi-globe:before{content:'\e06f'}.oi-graph:before{content:'\e070'}.oi-grid-four-up:before{content:'\e071'}.oi-grid-three-up:before{content:'\e072'}.oi-grid-two-up:before{content:'\e073'}.oi-hard-drive:before{content:'\e074'}.oi-header:before{content:'\e075'}.oi-headphones:before{content:'\e076'}.oi-heart:before{content:'\e077'}.oi-home:before{content:'\e078'}.oi-image:before{content:'\e079'}.oi-inbox:before{content:'\e07a'}.oi-infinity:before{content:'\e07b'}.oi-info:before{content:'\e07c'}.oi-italic:before{content:'\e07d'}.oi-justify-center:before{content:'\e07e'}.oi-justify-left:before{content:'\e07f'}.oi-justify-right:before{content:'\e080'}.oi-key:before{content:'\e081'}.oi-laptop:before{content:'\e082'}.oi-layers:before{content:'\e083'}.oi-lightbulb:before{content:'\e084'}.oi-link-broken:before{content:'\e085'}.oi-link-intact:before{content:'\e086'}.oi-list-rich:before{content:'\e087'}.oi-list:before{content:'\e088'}.oi-location:before{content:'\e089'}.oi-lock-locked:before{content:'\e08a'}.oi-lock-unlocked:before{content:'\e08b'}.oi-loop-circular:before{content:'\e08c'}.oi-loop-square:before{content:'\e08d'}.oi-loop:before{content:'\e08e'}.oi-magnifying-glass:before{content:'\e08f'}.oi-map-marker:before{content:'\e090'}.oi-map:before{content:'\e091'}.oi-media-pause:before{content:'\e092'}.oi-media-play:before{content:'\e093'}.oi-media-record:before{content:'\e094'}.oi-media-skip-backward:before{content:'\e095'}.oi-media-skip-forward:before{content:'\e096'}.oi-media-step-backward:before{content:'\e097'}.oi-media-step-forward:before{content:'\e098'}.oi-media-stop:before{content:'\e099'}.oi-medical-cross:before{content:'\e09a'}.oi-menu:before{content:'\e09b'}.oi-microphone:before{content:'\e09c'}.oi-minus:before{content:'\e09d'}.oi-monitor:before{content:'\e09e'}.oi-moon:before{content:'\e09f'}.oi-move:before{content:'\e0a0'}.oi-musical-note:before{content:'\e0a1'}.oi-paperclip:before{content:'\e0a2'}.oi-pencil:before{content:'\e0a3'}.oi-people:before{content:'\e0a4'}.oi-person:before{content:'\e0a5'}.oi-phone:before{content:'\e0a6'}.oi-pie-chart:before{content:'\e0a7'}.oi-pin:before{content:'\e0a8'}.oi-play-circle:before{content:'\e0a9'}.oi-plus:before{content:'\e0aa'}.oi-power-standby:before{content:'\e0ab'}.oi-print:before{content:'\e0ac'}.oi-project:before{content:'\e0ad'}.oi-pulse:before{content:'\e0ae'}.oi-puzzle-piece:before{content:'\e0af'}.oi-question-mark:before{content:'\e0b0'}.oi-rain:before{content:'\e0b1'}.oi-random:before{content:'\e0b2'}.oi-reload:before{content:'\e0b3'}.oi-resize-both:before{content:'\e0b4'}.oi-resize-height:before{content:'\e0b5'}.oi-resize-width:before{content:'\e0b6'}.oi-rss-alt:before{content:'\e0b7'}.oi-rss:before{content:'\e0b8'}.oi-script:before{content:'\e0b9'}.oi-share-boxed:before{content:'\e0ba'}.oi-share:before{content:'\e0bb'}.oi-shield:before{content:'\e0bc'}.oi-signal:before{content:'\e0bd'}.oi-signpost:before{content:'\e0be'}.oi-sort-ascending:before{content:'\e0bf'}.oi-sort-descending:before{content:'\e0c0'}.oi-spreadsheet:before{content:'\e0c1'}.oi-star:before{content:'\e0c2'}.oi-sun:before{content:'\e0c3'}.oi-tablet:before{content:'\e0c4'}.oi-tag:before{content:'\e0c5'}.oi-tags:before{content:'\e0c6'}.oi-target:before{content:'\e0c7'}.oi-task:before{content:'\e0c8'}.oi-terminal:before{content:'\e0c9'}.oi-text:before{content:'\e0ca'}.oi-thumb-down:before{content:'\e0cb'}.oi-thumb-up:before{content:'\e0cc'}.oi-timer:before{content:'\e0cd'}.oi-transfer:before{content:'\e0ce'}.oi-trash:before{content:'\e0cf'}.oi-underline:before{content:'\e0d0'}.oi-vertical-align-bottom:before{content:'\e0d1'}.oi-vertical-align-center:before{content:'\e0d2'}.oi-vertical-align-top:before{content:'\e0d3'}.oi-video:before{content:'\e0d4'}.oi-volume-high:before{content:'\e0d5'}.oi-volume-low:before{content:'\e0d6'}.oi-volume-off:before{content:'\e0d7'}.oi-warning:before{content:'\e0d8'}.oi-wifi:before{content:'\e0d9'}.oi-wrench:before{content:'\e0da'}.oi-x:before{content:'\e0db'}.oi-yen:before{content:'\e0dc'}.oi-zoom-in:before{content:'\e0dd'}.oi-zoom-out:before{content:'\e0de'}


/*Light*/
@font-face {
    font-family: 'RosatomWebFont';
    src: url('font/rosatom/Rosatom-Light_W/Rosatom-Light_W.eot');
    src: url('font/rosatom/Rosatom-Light_W/Rosatom-Light_W.eot?#iefix') format('embedded-opentype'),
         url('font/rosatom/Rosatom-Light_W/Rosatom-Light_W.woff2') format('woff2'),
         url('font/rosatom/Rosatom-Light_W/Rosatom-Light_W.woff') format('woff'),
         url('font/rosatom/Rosatom-Light_W/Rosatom-Light_W.ttf') format('truetype'),
         url('font/rosatom/Rosatom-Light_W/Rosatom-Light_W.svg#RosatomWeb-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

/*Italic*/
@font-face {
    font-family: 'RosatomWebFont';
    src: url('font/rosatom/Rosatom-Italic_W/Rosatom-Italic_W.eot');
    src: url('font/rosatom/Rosatom-Italic_W/Rosatom-Italic_W.eot?#iefix') format('embedded-opentype'),
         url('font/rosatom/Rosatom-Italic_W/Rosatom-Italic_W.woff2') format('woff2'),
         url('font/rosatom/Rosatom-Italic_W/Rosatom-Italic_W.woff') format('woff'),
         url('font/rosatom/Rosatom-Italic_W/Rosatom-Italic_W.ttf') format('truetype'),
         url('font/rosatom/Rosatom-Italic_W/Rosatom-Italic_W.svg#RosatomWeb-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

/*Bold*/
@font-face {
    font-family: 'RosatomWebFont';
    src: url('font/rosatom/Rosatom-Bold_W/Rosatom-Bold_W.eot');
    src: url('font/rosatom/Rosatom-Bold_W/Rosatom-Bold_W.eot?#iefix') format('embedded-opentype'),
         url('font/rosatom/Rosatom-Bold_W/Rosatom-Bold_W.woff2') format('woff2'),
         url('font/rosatom/Rosatom-Bold_W/Rosatom-Bold_W.woff') format('woff'),
         url('font/rosatom/Rosatom-Bold_W/Rosatom-Bold_W.ttf') format('truetype'),
         url('font/rosatom/Rosatom-Bold_W/Rosatom-Bold_W.svg#RosatomWeb-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*Regular?*/
@font-face {
    font-family: 'RosatomWebFont';
    src: url('font/rosatom/Rosatom-Regular_W/Rosatom-Regular_W.eot');
    src: url('font/rosatom/Rosatom-Regular_W/Rosatom-Regular_W.eot?#iefix') format('embedded-opentype'),
         url('font/rosatom/Rosatom-Regular_W/Rosatom-Regular_W.woff2') format('woff2'),
         url('font/rosatom/Rosatom-Regular_W/Rosatom-Regular_W.woff') format('woff'),
         url('font/rosatom/Rosatom-Regular_W/Rosatom-Regular_W.ttf') format('truetype'),
         url('font/rosatom/Rosatom-Regular_W/Rosatom-Regular_W.svg#RosatomWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*<--BII--> используем настройи Inter из файла inter.css, остальных отдельных шрифтов нету*/
/* Variable fonts usage:
:root { font-family: "Inter", sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
} */
@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("font/inter/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("font/inter/InterVariable-Italic.woff2") format("woff2");
}

/* static fonts */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("font/inter/Inter-Thin.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("font/inter/Inter-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("font/inter/Inter-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("font/inter/Inter-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("font/inter/Inter-Light.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("font/inter/Inter-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("font/inter/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("font/inter/Inter-Italic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("font/inter/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("font/inter/Inter-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("font/inter/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("font/inter/Inter-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("font/inter/Inter-Bold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("font/inter/Inter-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("font/inter/Inter-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("font/inter/Inter-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("font/inter/Inter-Black.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("font/inter/Inter-BlackItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("font/inter/InterDisplay-Thin.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("font/inter/InterDisplay-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("font/inter/InterDisplay-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("font/inter/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("font/inter/InterDisplay-Light.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("font/inter/InterDisplay-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("font/inter/InterDisplay-Regular.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("font/inter/InterDisplay-Italic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("font/inter/InterDisplay-Medium.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("font/inter/InterDisplay-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("font/inter/InterDisplay-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("font/inter/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("font/inter/InterDisplay-Bold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("font/inter/InterDisplay-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("font/inter/InterDisplay-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("font/inter/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("font/inter/InterDisplay-Black.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("font/inter/InterDisplay-BlackItalic.woff2") format("woff2"); }