:root {
	--nav-width: 64px;
	--z-fixed: 100;
	/** переменные дизайна */
	--bs-blue-500: #2E90FA;
	--bs-blue-700: #175CD3;

	--bs-blue-light-100: #E0F2FE;
	--bs-blue-light-600: #0086C9;
	--bs-violet-100: #ECE9FE;
	--bs-violet-600: #7839EE;
	--bs-fuchsia-100: #FBE8FF;
	--bs-fuchsia-600: #BA24D5;
	--bs-orange-dark-100: #FFE6D5;
	--bs-orange-dark-600: #E62E05;
	--bs-green-100: #D3F8DF;
	--bs-green-600: #099250;
	--bs-green-900: #084C2E;

	--bs-gray-950: #0D121C;

	--bs-blue-dark-25: #F5F8FF;
	--bs-blue-dark-50: #EFF4FF;
	--bs-blue-dark-100: #D1E0FF;
	--bs-blue-dark-600: #155EEF;
	--bs-blue-dark-400: #528BFF;
	--bs-blue-dark-500: #2E90FA;

	--bs-error-25: #FFFBFA;
	--bs-error-50: #FEF3F2;
	--bs-error-600: #D92D20;
	--bs-error-900: #7A271A;

	--bs-warning-50: #FFFAEB;
	--bs-warning-300: #FEC84B;
	--bs-warning-500: #F79009;
	--bs-warning-600: #DC6803;
	--bs-warning-900: #7A2E0E;

	--bs-yellow-400: #FAC515;

	--bs-success-50: #ECFDF3;
	
	--bs-primary-50: #EFFAF5;

	--bs-gray-25: #FCFCFD;

	--grid-view-thead-height: 41px;
	--input-icon-size: 18px;
	--base-input-width: 324px;
	--green-icon-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6668 5L7.50016 14.1667L3.3335 10' stroke='%23238165' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--chevron-down-gray: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="%236C737F" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	--chevron-up-gray: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M12 10L8 6L4 10" stroke="%236C737F" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

html {
	height: 100vh;
	font-size: 16px;
}
a {
	color: var(--bs-blue-dark-600, #155EEF);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px; /* 150% */
}
a:hover {
	color: var(--bs-blue-dark-500, #2E90FA);
}

ul {
	margin-bottom: 0;
}

hr {
	border-top: var(--bs-border-width) solid var(--bs-gray-200, #E5E7EB);
	opacity: 1;
}
.hr {
	width: 100%;
	height: 1px;
	background: var(--bs-gray-200, #E5E7EB);
	margin: 4px 0px;
}

.l-navbar {
	position: fixed;
	top: 0;
	width: var(--nav-width);
	transition: 0.5s;
	z-index: var(--z-fixed);
	border-right: 1px solid var(--bs-gray-200, #EAECF0);
	background-color: white;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: stretch;
}

.global-search {
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: center;
	gap: 8px;
}

.global-search > *:last-child {
	flex: 1;
	display: flex;
	justify-content: end;
	flex-direction: row;
}

.btn {
	position: relative;
}
.btn-group .btn svg, .btn-group .btn-md svg {
	width: 18px;
	height: 18px;
}
.btn-group .btn {
	padding: 8px 12px;
}
.btn-group .btn.btn-clear {
	padding: 9px;
}
.btn-group .btn.btn-clear svg {
	width: 18px;
}

#menu-footer {
	margin-top: auto;
}

.nav {
	justify-content: space-between;
	overflow: hidden;
}
.nav_logo,
.nav_link {
	display: grid;
	grid-template-columns: max-content max-content;
	align-items: center;
	column-gap: 1rem;
}

.nav-item {
	color: var(--bs-gray-700);
}

.nav-item.selected .nav-link {
	border-radius: 6px;
	background: var(--bs-gray-50);
}

.nav-item.selected .nav-link .nav-link-icon.svg {
	color: var(--bs-gray-500);
}

nav.navi .nav .has-subitems .submenu {
	display: none;
	padding: 5px 0;
	list-style: none;
}

@media screen and (min-width: 768px) {
	body {
		padding-left: var(--nav-width);
	}
	.l-navbar {
		left: 0;
	}
}

.cont-h100 {
	min-height: calc(100vh - 1.75rem - var(--bs-breadcrumb-margin-bottom, 1.5rem) - var(--bs-breadcrumb-font-size, 0.875rem) * var(--bs-body-line-height, 1.5));
	max-height: calc(100vh - 1.75rem - var(--bs-breadcrumb-margin-bottom, 1.5rem) - var(--bs-breadcrumb-font-size, 0.875rem) * var(--bs-body-line-height, 1.5));
	height: calc(100vh - 1.75rem - var(--bs-breadcrumb-margin-bottom, 1.5rem) - var(--bs-breadcrumb-font-size, 0.875rem) * var(--bs-body-line-height, 1.5));
}

.pagination {
	margin-bottom: 0;
}

.pagination .page-link {
	padding: 8px 10px;
}

.pagination .page-link svg {
	width: 18px;
	height: 18px;
}

/** menu **/
.navi .submenu .nav-link {
	padding: 8px 12px 8px 48px !important;
}
nav.navi .nav .nav-item.opened a .nav-link-toggle-btn svg {
	transform: rotate(180deg);
	-o-transition: -o-transform 0.2s;
	transition: transform 0.2s;
}
.navi .nav-link {
	padding: 10px;
	cursor: pointer;
	position: relative;
}
.navi svg.nav-link-icon {
	width: 20px;
	height: 20px;
	color: var(--bs-gray-500);
}
.navi .nav-link:hover {
	background-color: var(--bs-gray-50);
	border-radius: 6px;
}
.flatten .nav {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.nav-link .dot {
	width: 6px;
	height: 6px;
	position: absolute;
	right: 5px;
	top: 8px;
	display: none;
}
.flatten .nav-link img, .flatten .nav-link .dot {
	display: block;
}
.nav-link-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 228px;
}
.nav-link-toggle-btn svg {
	width: 20px;
	height: 20px;
	color: var(--bs-gray-500);
}

.flatten .nav-link-title, .flatten .nav-link-toggle-btn {
	display: none;
}

.btn-close {
	--bs-btn-close-focus-shadow: none;
}
#sidebar-menu .offcanvas-header {
	padding: 0;
}
#menu-logo {
	padding-top: 16px;
	display: flex;
	justify-content: center;
}
#menu-logo a {
	text-wrap: nowrap;
	display: flex;
	align-items: center;
}
.logo {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 4px 10px 3.673px 10px;
	justify-content: center;
	align-items: center;
}
.logo img {
	width: 12px;
	height: 24.327px;
	flex-shrink: 0;
	color: var(--bs-primary-900);
}
#menu-search {
	display: flex;
	padding: 16px 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#menu-search .search.flat {
	display: flex;
	padding: 10px;
	align-items: flex-start;
	gap: 8px;
	cursor: pointer;
}
#menu-search .search.flat svg {
	width: 20px;
	height: 20px;
	color: var(--bs-gray-500);
}
#menu-content {
	overflow-y: auto;
	scrollbar-color: var(--bs-gray-200);
}
#menu-content::-webkit-scrollbar, .grid-view-table-container::-webkit-scrollbar,
.cell-content-wrapper::-webkit-scrollbar, div::-webkit-scrollbar {
	height: 8px;
	width: 8px;               /* width of the entire scrollbar */
}
#menu-content::-webkit-scrollbar-track, .grid-view-table-container::-webkit-scrollbar-track,
.cell-content-wrapper::-webkit-scrollbar-track, div::-webkit-scrollbar-track {
	background: #fff;        /* color of the tracking area */
}
#menu-content::-webkit-scrollbar-thumb, .grid-view-table-container::-webkit-scrollbar-thumb,
.cell-content-wrapper::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb {
	background-color: var(--bs-gray-200);    /* color of the scroll thumb */
	border-radius: 8px;       /* roundness of the scroll thumb */
	border: #fff;  /* creates padding around scroll thumb */
}
#sidebar-menu .btn-close {
	margin-top: -5px;
	margin-right: -50px;
	background: none;
	color: #fff;
	font-size: 24px;
	opacity: 1;
}
.open_button_sidebar {
	display: none;
	position: absolute;
	right: -14px;
	top: 20px;
	border-radius: 40px;
	border: 1px solid var(--bs-gray-200, #EAECF0);
	background: #fff;
	z-index: 5;
	box-shadow: var(--bs-box-shadow-sm);
	width: 24px;
	height: 24px;
	color: var(--bs-gray-500);
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.open_button_sidebar svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}
.l-navbar:hover .open_button_sidebar, #sidebar-menu:hover .open_button_sidebar, .open_button_sidebar:hover {
	display: flex;
}
.open_button_sidebar:hover {
	border: 1px solid var(--bs-primary-300, #85D0B3);
	/* Shadow/sm focused 4px primary-100 */
	box-shadow: 0px 0px 0px 4px #D9F2E5, 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}
/* большое меню в оффканвасе */
#sidebar-menu.offcanvas {
	width: 300px;
}
.offcanvas #menu-search {
	padding: 0 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}
.offcanvas .nav_logo-name {
	display: flex;
	align-items: center;
}
.offcanvas .nav_logo-name img {
	width: 151px;
	height: 17px;
}
.offcanvas #menu-logo {
	align-items: center;
	padding: 16px 16px 0 16px;
	justify-content: start;
}
.offcanvas #menu-logo a {
	display: flex;
	height: 32px;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}
.offcanvas .nav {
	display: flex;
	padding: 0 10px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}
.offcanvas .navi ul.nav > * + * {
	margin-top: 0;
}
.offcanvas .nav-item {
	width: 100%;
}
.offcanvas .navi .nav-link {
	display: flex;
	gap: 6px;
	padding: 8px 10px;
}
.offcanvas .nav-link-title {
	font-size: var(--typography-text-sm-font-size);
	line-height: var(--typography-text-sm-line-height);
	font-weight: var(--typography-text-semibold);
	color: var(--bs-gray-700);
}
.offcanvas nav.navi .nav .has-subitems .submenu {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	align-self: stretch;
	padding: 0;
}
.offcanvas nav.navi .nav .has-subitems .submenu li {
	width: 100%;
}
.offcanvas .navi .submenu .nav-link {
	display: flex;
	min-height: 38px;
	padding: 8px 10px 8px 36px;
	align-items: center;
	gap: 6px;
	align-self: stretch;
	width: 100%;
	font-size: var(--typography-text-sm-font-size);
	line-height: var(--typography-text-sm-line-height);
	font-weight: var(--typography-text-semibold);
}
.offcanvas .navi .submenu .nav-link, .offcanvas .navi .submenu .nav-link:hover {
	color: var(--bs-gray-700)
}
.offcanvas nav.navi .nav .selected {
	border-radius: 6px;
	background: var(--bs-gray-50, #F9FAFB);
}
.offcanvas #menu-footer {
	padding: 0 16px 16px 16px;
}
.nav-link-title .badge {
	font-size: var(--typography-text-xs-font-size);
	line-height: var(--typography-text-xs-line-height);
}
.avatar {
	display: flex;
	justify-content: center;
	align-items: center;
}
.avatar.no-avatar {
	width: 100%;
	height: 100%;
	text-align: center;
}
.avatar {
	border-radius: 50%;
}
.avatar img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	vertical-align: baseline;
}
.no-avatar {
	background-color: var(--bs-gray-100);
	display: flex;
	justify-content: center;
	align-items: center;
}
.avatar.avatar-small {
	font-size: 20px;
	height: 40px;
	width: 40px;
}
.avatar.avatar-small svg {
	height: 24px;
	width: 24px;
}
.avatar.avatar-xs {
	font-size: 16px;
	height: 24px;
	width: 24px;
}
.avatar.avatar-xs svg {
	height: 16px;
	width: 16px;
}
.avatar.avatar-32 {
	font-size: 20px;
	height: 32px;
	width: 32px;
}
.avatar.avatar-32 img {
	height: 32px;
	width: 32px;
}
.avatar.avatar-32 svg {
	height: 20px;
	width: 20px;
}
.avatar.avatar-36 {
	font-size: 24px;
	height: 36px;
	width: 36px;
}
.avatar.avatar-36 img {
	height: 36px;
	width: 36px;
}
.avatar.avatar-36 svg {
	height: 24px;
	width: 24px;
}
.avatar.avatar-24 {
	font-size: 18px;
	height: 24px;
	width: 24px;
 }
.avatar.avatar-24 svg {
	height: 18px;
	width: 18px;
}
.avatar.avatar-72 {
	font-size: 64px;
	height: 72px;
	width: 72px;
}
.avatar.avatar-72 svg {
	height: 43px;
	width: 43px;
}
.avatar.avatar-72 img {
	height: 72px;
	width: 72px;
}
.avatar.avatar-36 svg {
	height: 72px;
	width: 72px;
}
.avatar-circle, .avatar-circle-border {
	width: 24px;
	height: 24px;
}
.avatar-circle {
	border-radius: 200px;
	border: 1.5px solid white;
	background: var(--bs-gray-50);
	outline: 0.5px solid var(--bs-gray-200);
	outline-offset: -1.5px;
}

#menu-footer {
	padding: 16px 16px 24px 16px;
}
.card-user .card-body {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
}
.card-user .dropdown-item span {
	font-size: 1rem;
}
.card-user .dropdown-menu {
	--bs-dropdown-min-width: 160px;
}
.card-user .dropdown-item {
	display: flex;
	align-items: center;
}
.flatten .wide {
	display: none;
}
.flat {
	display: none !important;
}
.flatten .flat {
	display: flex !important;
}
.flatten .card-body {
	justify-content: center;
	align-items: center;
}
.flatten .submenu {
	display: none !important;
}
.card-user .card-title {
	text-align: left;
	margin: 0;
	color: var(--bs-gray-700);
	font-size: var(--typography-text-sm-font-size);
	font-weight: var(--typography-text-semibold);
	line-height: var(--typography-text-sm-line-height); /* 142.857% */

}
.card-user .card-subtitle {
	text-align: left;
	font-size: var(--typography-text-xs-font-size);
	font-weight: var(--typography-text-regular);
	line-height: var(--typography-text-xs-line-height); /* 142.857% */
}
.card-user {
	border-width: 0;
}
.card-user .dropdown-toggle {
	color: var(--bs-gray-600);
}
.card-user .dropdown-toggle:after {
	display: none;
}
.breadcrumb-item + .breadcrumb-item::before {
	font-family: "icomoon";
}

.breadcrumb-item a {
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.125rem;
	text-decoration: none;
	color: var(--bs-gray-600, #4D5761);
	vertical-align: top;
}

.breadcrumb-item a:hover {
	color: var(--bs-gray-800);
}

.breadcrumb-item.active {
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.125rem;
	color: var(--bs-primary-700, #1A624E);
}

.grid-view table thead tr th {
	height: var(--grid-view-thead-height);
	padding: 10px 8px;
	vertical-align: middle;
	background: var(--bs-gray-50);
	color: var(--bs-gray-500);
	border-bottom: 1px solid var(--bs-gray-200);
	font-style: normal;
	font-weight: var(--typography-text-medium) !important;
	line-height: 16px;
}
.grid-view table tbody tr td {
	vertical-align: top;
	padding: 10px 8px 12px 8px;
	font-weight: var(--typography-text-medium);
}
.grid-view table tbody tr td:has(.cell-content-wrapper) {
	padding: 0;
}

.grid-view table tr:first-child th {
	border-top-width: 0;
}
/*.grid-view table tr:last-child td {*/
/*	border-bottom-width: 0;*/
/*}*/
.grid-view table tr td:first-child,
.grid-view table tr th:first-child {
	border-left-width: 0;
}
.grid-view table tr td:last-child,
.grid-view table tr th:last-child {
	border-right-width: 0;
}

.grid-view {
	border: 1px solid var(--bs-gray-200);
	font-size: var(--typography-text-xs-font-size) !important;
	line-height: var(--typography-text-xs-line-height) !important;
}
.grid-view .empty {
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	text-align: center;
	color: var(--bs-gray-400);
	background-color: #fff;
	font-size: var(--typography-text-sm-font-size);
}
.grid-view table {
	border-bottom: 1px solid var(--bs-gray-200);
	margin-bottom: 0;
}
.grid-view thead {
	color: var(--bs-gray-600);
}
.grid-view-footer {
	padding: 12px 24px 16px 24px;
}

.footer-links {
	display: flex;
	position: fixed;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5rem;
	line-height: 1.125rem;
	height: 1.125rem;

	width: 100%;
	background: #fff;
	padding: 0 16px 2px 16px;
	bottom: 0px;
	right: 0px;
	flex-direction: row;
	justify-content: flex-end;
}

.footer-links .btn.btn-link {
	box-shadow: none;
	padding: 0;
}

.footer-links svg {
	color: var(--bs-gray-400, #98A2B3);
	width: 4px;
	height: 4px;
}

.footer-links a {
	color: var(--bs-gray-500, #667085);
	font-size: var(--typography-text-xxs-font-size);
	line-height: var(--typography-text-xxs-line-height);
	font-weight: var(--typography-text-regular);
}

@media screen and (min-width: 1400px) {
	.grid-view table {
		font-size: var(--typography-text-sm-font-size);
		line-height: var(--typography-text-sm-line-height);
	}
}

.input-group-text span {
	font-size: 18px;
	color: var(--bs-gray-500);
}

/* SELECTIZE INPUT */
.selectize-control .selectize-input {
	color: var(--bs-gray-500);
	border: 1px solid var(--bs-gray-300);
	border-radius: 8px;
	box-shadow: var(--bs-box-shadow-xs);
}
.selectize-control.single .selectize-input::after {
	content: none !important;
}
.selectize-input:not(.has-options) {
	line-height: var(--input-line-height-sm);
	font-size: var(--input-font-size-sm);
}
.selectize-input input:placeholder-shown, .selectize-input input::placeholder {
	text-overflow: ellipsis;
}
.form-control-md .selectize-input {
	padding: 10px 12px;
}
.form-control .selectize-input, .form-control-sm .selectize-input {
	padding: var(--bs-input-padding-y-sm) var(--bs-input-padding-x-sm);
}
.selectize-dropdown, .selectize-input, .selectize-input input {
	color: var(--bs-gray-900);
	font-weight: 400;
}
/* костыль для фикса проблемы с шириной плейсхолдера */
.selectize-control input {
	font-size: var(--typography-text-sm-font-size) !important;
	vertical-align: top;
	line-height: var(--typography-text-sm-line-height) !important;
}
.selectize-input > * {
	line-height: var(--typography-text-sm-line-height) !important;
	display: inline-block;
	font-size: var(--input-font-size);
}
.multi .selectize-input.has-items input {
	margin-top: 6px !important;
	margin-bottom: 3px !important;
}

.form-control-md.selectize-control.input-dropdown, .form-control-md .selectize-input {
	min-height: 44px;
}
.form-control.selectize-control.input-dropdown, .form-control .selectize-input,
.form-control-sm.selectize-control.input-dropdown, .form-control-sm .selectize-input {
	min-height: var(--input-height-sm);
}
.selectize-control.single.form-control-md,
.selectize-control.single.form-control-md .selectize-input,
input[type="text"].form-control,
.btn.btn-lg:not(.btn-link) {
	height: 42px;
}
.selectize-control.single.form-control,
.selectize-control.single.form-control .selectize-input, .btn:not(.btn-link),
.selectize-control.multi:has(.selectize-input:not(.has-items)),
.selectize-control.single {
	height: var(--input-height-sm) !important;
}
input[type="text"].form-control {
	height: var(--input-height-sm);
}

.selectize-control.form-control.multi, .selectize-control.form-control.multi,
.selectize-control.form-control-sm.multi, .selectize-control.form-control-sm.multi {
	min-height: var(--input-height-sm);
}

.single .selectize-input .select-option {
	height: 24px;
}
.selectize-control.plugin-clear_button .selectize-input.full .arrow {
	display: none;
}
.selectize-input.full, input:not(:placeholder-shown), textarea:not(:placeholder-shown) {
	color: var(--bs-gray-900);
}
.selectize-input.not-full.focus:hover, input:focus::placeholder, textarea:focus::placeholder {
	color: var(--bs-gray-500) !important;
}
.single .selectize-input {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.single .selectize-input.full .arrow {
	order: 3;
}
.selectize-control.single .selectize-input.input-active {
	display: flex;
	align-items: center;
}
.selectize-control.single .not-full {
	justify-content: space-between;
}

.selectize-input .select-option > div {
	display: inline-block;
	vertical-align: middle;
}
.selectize-input .select-option > span {
	display: inline-block;
	vertical-align: middle;
}

.selectize-input .select-option:has(img) > span, .selectize-input .select-option:has(.avatar) > span {
	margin-left: 8px;
}
.selectize-control.form-select.is-invalid:not([multiple]):not([size]) {
	padding-right: 0;
}
.selectize-dropdown-content .select-option {
	height: 40px;
	display: flex;
	align-items: center;
	padding: 2px 6px;
}

.selectize-dropdown-content .select-option.two-line {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 8px 10px;
	align-items: stretch;
	height: auto;
}
.selectize-dropdown-content .select-option.two-line.disabled {
	opacity: 0.4;
}

.selectize-dropdown-content .select-option.two-line .select-option-line1 {
	display: flex;
	flex-direction: row;
	gap: 6px;
	align-items: center;
	
	color: var(--bs-gray-900, #111927);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}

.selectize-dropdown-content .select-option.two-line .select-option-line1 > span {
	white-space: nowrap;
}
.selectize-dropdown-content .select-option.two-line .select-option-line1 .avatar {
	flex-shrink: 0;
	flex-grow: 0;
}
.selectize-dropdown-content .select-option.two-line .select-option-line1 .rating {
	color: var(--bs-gray-600, #4D5761);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.selectize-dropdown-content .select-option.two-line .select-option-line2 {
	display: flex;
	flex-direction: row;
	gap: 6px;
	align-items: center;
	flex-wrap: wrap;
	
	color: var(--bs-gray-600, #4D5761);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
}

.selectize-dropdown-content .select-option.two-line .select-option-line2 > * {
	white-space: nowrap;
}

.selectize-dropdown-content .option {
	min-height: 40px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.selectize-dropdown-content > div.active {
	border-radius: 6px;
	background: var(--bs-gray-50);
}

.selectize-input.focus {
	color: var(--bs-gray-900) !important;
	border-color: var(--bs-primary-300) !important;
	-webkit-box-shadow: 0px 0px 0px 4px #D9F2E5, 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
	box-shadow: 0px 0px 0px 4px #D9F2E5, 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
}
.selectize-input:has(input:focus) {
	padding-right: 12px !important;
}
.selectize-control .selectize-input.disabled {
	opacity: 1 !important;
	background-color: var(--bs-gray-50) !important;
}
.selectize-dropdown {
	line-height: var(--input-line-height);
	font-size: var(--input-font-size);
	border-radius: 8px;
	border: 1px solid var(--bs-gray-200);
	background: #fff;
	/* Shadow/lg */
	box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
	z-index: 10000 !important;
}

.select-option:has(.metro-item) > span {
	margin-left: 4px;
}

.selectize-dropdown .metro-item {
	margin-right: 6px;
}
.metro-item {
	vertical-align: top;
	line-height: 18px;
	margin-right: 3px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.selectize-dropdown .metro-item svg {
	height: 10px;
	width: 10px;
}
.metro-item svg {
	height: 8px;
	width: 8px;
}

.was-validated .selectize-control.form-control:invalid, .selectize-control.form-control.is-invalid {
	padding-right: 0;
	background-image: none;
}
.selectize-input .arrow {
	float: right;
	height: var(--input-line-height);
	display: flex;
	align-items: center;
	border-width: 0 !important;
}
.selectize-dropdown, .selectize-dropdown.form-control {
	margin-top: 4px;
}
.selectize-dropdown .select-option .avatar, .selectize-dropdown .select-option>img,
.selectize-dropdown .select-option>span:first-child {
	margin-right: 8px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: var(--bs-gray-500);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: var(--bs-gray-500);
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: var(--bs-gray-500);
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--bs-gray-500);
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--bs-gray-500);
}
::placeholder { /* Most modern browsers support this now. */
	color: var(--bs-gray-500);
}
/* SELECTIZE INPUT */

.input-dropdown .selectize-input:not(.has-items):has(.selectize-icon) input {
	margin-left: 28px !important;
}
.selectize-icon, .selectize-icon-help {
	position: absolute;
	display: block;
}
.selectize-icon {
	fill: var(--bs-gray-500);
	line-height: 24px;
	vertical-align: middle;
	width: var(--input-icon-size);
	height: var(--input-icon-size);
	top: 50%;
	margin-top: -9px;
}
.has-items .selectize-icon {
	display: none;
}
.buttons-rights {
	display: flex !important;
	flex-direction: row;
	justify-content: flex-end;
	align-self: flex-start;
}
.buttons-rights .btn {
	margin-left: 12px;
	max-height: 36px;
}
.selectize-dropdown-content > div.selected {
	border-radius: 6px;
	background: var(--bs-gray-50);
	color: var(--bs-gray-900);
}
.selectize-dropdown-content > div.selected {
	background-image: var(--green-icon-ok);
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 20px 20px;
}
.selectize-dropdown-content > div {
	margin: 2px 6px;
}
select.form-control + .select2-container .select2-selection--single {
	padding: 10px 12px;
	min-height: 46px;
}
select.form-control-sm + .select2-container .select2-selection--single {
	padding: 8px 12px;
	min-height: 42px;
}
.was-validated .selectize-control.form-control:invalid .selectize-input, .selectize-control.form-control.is-invalid .selectize-input {
	padding-right: calc(1.5em + 0.75rem);
	border-color: var(--bs-form-invalid-border-color);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.selectize-input .arrow {
	color: var(--bs-gray-500);
}
.selectize-input .arrow .icon-chevron-up {
	display: none;
}
.selectize-input.input-active .arrow .icon-chevron-down {
	display: none;
}
.selectize-input.input-active .arrow .icon-chevron-up {
	display: inline;
}
.selectize-control.form-control.is-invalid .selectize-input.focus {
	border: 1px solid var(--bs-red-300);
	box-shadow: 0px 0px 0px 4px #FEE4E2, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.selectize-input:not(.has-items) .clear-selectize-btn {
	display: none;
}
.selectize-control {
	line-height: 0;
}
.selectize-control .clear-selectize-btn{
	line-height: 14px !important;
}
.selectize-control .clear-selectize-btn span, .selectize-control .arrow span {
	color: var(--bs-gray-500);
	vertical-align: middle;
	white-space: nowrap;
	box-shadow: none;
}
.selectize-control .arrow span {
	font-size: 16px;
}
.selectize-control .clear-selectize-btn span {
	font-size: 16px !important;
}

.selectize-dropdown.is-invalid {
	background-image: none;
	padding-right: 0;
}
.selectize-control.single .selectize-input .item{
	width: 100%;
}
.selectize-input .item, .selectize-input .select-option {
	white-space: nowrap;
}

input {
	background: #fff;
	/* Text md/Regular */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
.calendar table {
	border-spacing: 0 0;
	border-collapse: separate;
	table-layout: fixed;
	width: auto;
}


.calendar td {
	width: 40px !important;
	height: 40px !important;
}
.date-container {
	position: relative;
	width: 40px;
	height: 40px;
}
.calendar-table {
	color: var(--bs-gray-700);
	font-size: 16px;
}

.kv-drp-dropdown {
	color: var(--bs-gray-700);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 142.857% */
}
.kv-drp-dropdown [class^="icon-"] {
    font-size: 20px;
    margin-right: 8px;
}

.black-link {
	color: var(--bs-gray-500);
	text-decoration: none;
	padding: 0;
}

.kv-drp-container .clear-btn {
	margin-left: 8px;
}
.calendar-table tr th:first-letter,
.range_inputs button:first-letter {
	text-transform: uppercase;
}
.selectize-control.multi .selectize-input > div:not(.arrow) {
	border-radius: 0.375rem;
	border: 1px solid var(--bs-gray-300);
	background: #fff;
	padding: 0.125rem 0.25rem 0.125rem 0.5625rem;
	color: var(--bs-gray-700);
	text-align: center;
	font-style: normal;
	font-weight: 500;
	line-height: var(--input-line-height);
	font-size: var(--input-font-size);
}

.selectize-control.multi .selectize-input .select-option span {
	margin: 0;
}

.selectize-control.multi .selectize-input.has-items {
	padding: 2px 32px 2px 9px;
}
.selectize-control.plugin-remove_button [data-value] {
	padding-right: 22px !important;
}
.selectize-control.multi .selectize-input.has-items .clear-selectize-btn,
.selectize-control.multi .selectize-input.has-items .arrow {
	position: absolute;
	top: calc(50% - 11px);
}
.selectize-control.multi .selectize-input.has-items .clear-selectize-btn {
	right: 32px;
}
.selectize-control.multi .selectize-input.has-items .arrow {
	right: 12px;
}
.selectize-control.plugin-remove_button [data-value] .remove {
	top: 3px;
	right: 3px;
	color: var(--bs-gray-400);
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
	background: none;
}
.selectize-control.plugin-remove_button [data-value].active .remove {
	background: inherit;
	color: var(--bs-gray-400);
	border: none;
}
.selectize-control.multi .selectize-input > div.active {
	background: inherit;
	color: inherit;
	border: 1px solid var(--bs-gray-300);
}

.slider-track {
	border-radius: 4px;
	background: var(--bs-gray-200);
	box-shadow: none;
	-webkit-box-shadow: none;
}
.slider-selection {
	background: var(--bs-primary-600);
	border-radius: 4px;
}
.slider-handle {
	border-radius: 12px;
	border: 1.5px solid var(--bs-primary-600);
	background: #fff;
	width: 24px;
	height: 24px;
}
.slider.slider-horizontal {
	width: 100% !important;
}
.additional-filters-header, .collapse-block-header {
	display: flex;
	align-items: center;
	gap: 6px;
	align-self: stretch;
}

.collapse-block-header.collapse-block-header-with-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	cursor: pointer;
}

.collapse-block-header:not(.collapsed) .expand-btn-closed {
	display: none;
}

.collapse-block-header.collapsed .expand-btn-open {
	display: none;
}

.collapse-block-header .expand-title {
	font-size: var(--typography-text-md-font-size);
	line-height: var(--typography-text-md-line-height);
	font-weight: var(--typography-text-semibold);
}

.collapse-block-body {
	margin-top: 12px;
}
.additional-filters-body .card-body, .collapse-block-body .card-body {
	border-width: 0;
	padding: 0;
}
.collapse-block-header:not(.collapsed) svg {
	transform: rotate(180deg);
	-o-transition: -o-transform 0.2s;
	transition: transform 0.2s;
}
.collapse-block-header .for-show {
	display: none;
}
.collapse-block-header.collapsed .for-show {
	display: block;
}
.collapse-block-header .for-hide {
	display: block;
}
.collapse-block-header.collapsed .for-hide {
	display: none;
}
.collapse-block {
	width: 100%;
}
#filters .offcanvas-header {
	border-bottom: 1px solid var(--bs-gray-200);
}
.page-filters {
	padding: 24px;
}
.light-gray-text {
	color: var(--bs-gray-400);
}
.gray-text {
	color: var(--bs-gray-600);
}
.black-text {
	color: var(--bs-gray-900);
}
.red-text {
	color: var(--bs-red-500);
}

.date-text {
	display: flex;
	flex-direction: row;
	gap: 4px;
	max-width: 100%;
	flex-wrap: wrap;
}

.usr-info-container {
	padding: 8px 16px;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: stretch;
	flex-wrap: nowrap;
	gap: 8px;
	max-width: 100%;
	width: 100%;
}

.usr-info-container.with-hover:hover {
	background-color: var(--bs-gray-50, #F9FAFB);
}

.usr-info-container .user-data {
	flex: 1;
	overflow: hidden;
}
.usr-info-container .user-data .user-name {
	color: var(--bs-gray-700, #384250);
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-style: normal;
	font-weight: 600;
	white-space: nowrap;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.usr-info-container .user-data .user-post {
	color: var(--bs-gray-600, #4D5761);
	font-size: 0.75rem;
	line-height: 1.125rem;
	font-style: normal;
	font-weight: 400;
	white-space: nowrap;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.usr-info-container .user-buttons {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: stretch;
}

.usr-info-container .user-buttons svg {
	max-width: 32px;
	max-height: 32px;
}

.agent-container .agent-name {
	color: var(--bs-gray-700, #384250);
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-style: normal;
	font-weight: 600;
}

.agent-container .agent-post {
	color: var(--bs-gray-600, #4D5761);
	font-size: 0.75rem;
	line-height: 1.125rem;
	font-style: normal;
	font-weight: 400;
}

.agent-container:not(:last-of-type) {
    margin-bottom: 8px;
}

.cut-with-dots {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}
.pl-0 {
	padding-left: 0 !important;
}
.pl-12 {
	padding-left: 12px !important;
}
.pl-6 {
	padding-left: 6px;
}
.pl-20 {
	padding-left: 20px;
}
.pr-20 {
	padding-right: 20px;
}
.ml-6 {
	margin-left: 6px;
}
.ml-8 {
	margin-left: 8px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-12 {
	margin-left: 12px;
}
.mr-8 {
	margin-right: 8px !important;
}
.mb-8 {
	margin-bottom: 8px;
}
.mb-6 {
	margin-bottom: 6px;
}
.mb-05rem {
	margin-bottom: 0.5rem;
}
.mb-075rem {
	margin-bottom: 0.75rem;
}
.mb-1rem {
	margin-bottom: 1rem;
}
.mb-12 {
	margin-bottom: 12px !important;
}
.mt-1px {
	margin-top: 1px;
}
.mt-4px {
	margin-top: 4px;
}
.mb-4px {
	margin-bottom: 4px !important;
}
.mt-6 {
	margin-top: 6px;
}
.mt-8 {
    margin-top: 8px !important;
}
.mt-12 {
	margin-top: 12px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mb-16 {
	margin-bottom: 16px;
}
.mt-16 {
	margin-top: 16px;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-24 {
	margin-bottom: 24px;
}
.mt-24 {
	margin-top: 24px;
}
.pb-12 {
	padding-bottom: 12px !important;
}
.p-0 {
	padding: 0px !important;
}
.p-10 {
	padding: 10px !important;
}
.p-12 {
	padding: 12px !important;
}
.pt-12 {
	padding-top: 12px;
}
.pt-16 {
	padding-top: 16px;
}
.pt-32 {
	padding-top: 32px !important;
}
.pl-16 {
	padding-left: 16px;
}
.pr-16 {
	padding-right: 16px;
}
.p-16 {
	padding: 16px;
}
.p-24 {
	padding: 24px;
}
.pt-24 {
	padding-top: 24px;
}
.py-16 {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}
.px-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.mx-8 {
	margin-left: 8px !important;
	margin-right: 8px !important;
}
.my-16 {
	margin-top: 16px;
	margin-bottom: 16px;
}
.mx-20 {
	margin-left: 20px;
	margin-right: 20px;
}
.rounded-8 {
	border-radius: 8px;
}
.rounded-6 {
	border-radius: 6px;
}
.meeting-result-header .rating {
	width: 20px;
	height: 20px;
	color: var(--bs-warning-400);
}
.last-comment .comment-header {
	color: var(--bs-gray-500);
	font-size: 12px;
}
.last-comment .comment-body {
	font-size: 14px;
	color: var(--bs-gray-600);
}
/*.last-comment .comment-footer {*/
/*    border-bottom: 1px solid var(--bs-gray-200);*/
/*}*/
.status-tooltip {
	display: inline-flex;
	padding: 2px 3px 2px 6px;
	align-items: center;
	gap: 4px;
	border-radius: 6px;
	border: 1px solid var(--bs-gray-200, #EAECF0);
	text-decoration: none;
}
.status-tooltip  {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 2px 6px;
}
.status-tooltip:has(.icon-dot) {
	padding: 2px 3px 2px 6px;
}
.status-tooltip .icon-dot {
	font-size: 6px;
}
.status-tooltip .status-name {
	display: flex;
	align-items: center;
	gap: 2px;
}
.status-name .status-name-text {
	white-space: nowrap;
	overflow: hidden;
}
.status-tooltip .status-name svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	color: var(--bs-gray-500);
}
.status-tooltip:hover {
	background: var(--bs-gray-25);
}
p.tooltip-text {
	text-align: left !important;
	margin: 0px !important;
}


.avatar-group {
	display: inline-flex;
	flex-direction: row-reverse;
}
.avatar-group .avatar {
	border: 1.5px solid #FFF;
	border-radius: 50%;
	overflow: hidden;
	height: 24px;
	width: 24px;
}
.avatar-group .avatar:not(:last-child) {
	margin-left: -12px;
}
.avatar-group .avatar img {
	width: 100%;
	display: block;
}
.comment-footer .btn {
	width: 100%;
	display: block;
	text-align: center;
}
.tooltip {
	border-radius: 8px;
	box-shadow: var(--bs-box-shadow-lg);
}
.tooltip-inner {
	padding: 8px 12px;
	font-weight: 600 !important;
	font-size: 12px;
	line-height: 18px;
}
.tooltip-inner .comment {
	padding: 4px 6px;
	margin: 0px -4px;
	text-align: left;
	border-bottom: 3px double var(--bs-gray-300);
}
.tooltip-inner .comment:last-child {
	border-bottom: 0px double var(--bs-gray-300);
}
.tooltip-inner .comment .comment-date {
	font-weight: 400;
	text-align: right;
	font-size: 0.8em;
	border-top: 1px dotted var(--bs-gray-200);
}
.dots-menu .icon, .menu .icon {
	font-size: 16px;
}
.dots-menu .text, .menu .text {
	font-size: 14px;
}
.dots-menu .dropdown-toggle::after {
	display: none;
}
.grid-view-table-container {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-color: var(--bs-gray-200);
}

.grid-view  tr>th.fixed-column, .grid-view tr>td.fixed-column {
	position: sticky;
	right: 0;
}
.grid-view  tr>th.fixed-column:after, .grid-view tr>td.fixed-column:after {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	width: 30px;
	transform: translateX(-100%);
	transition: box-shadow 0.3s;
	content:  none;
	pointer-events: none;
	box-shadow: inset -10px 0 8px -8px rgba(5, 5, 5, 0.06);
}
.height-11 {
	height: 11rem;
}
.height-43 {
	height: 43rem;
}

.modal.block-page {
	--bs-modal-width: 732px;
}
.modal-backdrop.block-page.show
{
	backdrop-filter: blur(8px);
	opacity: 1;
	background: #0000004c;
}

.modal.block-page .modal-content {
	background: transparent;
}
.modal.block-page .modal-content .modal-header {
  padding: 20px 28px;
  background: #fff;
  border-radius: 12px;
  margin-bottom: 4px;
}
.modal.block-page .modal-content .modal-body {
	padding: 0px;
}
.modal.block-page .modal-content .modal-body .section-header {
  padding: 16px 28px;
  background: #fff;
  border-radius: 12px;
  margin-top: 16px;
}
.modal.block-page .modal-content .modal-body .section-header .first-line, #modal_confirm .modal-body {
	color: var(--bs-gray-900, #111927);
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}
.modal.block-page .modal-content .modal-body .section-header .second-line {
	color: var(--bs-gray-600, #4D5761);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
.modal.block-page .modal-content .modal-body .section-line {
  padding: 16px 20px 16px 28px;
  background: #fff;
  border-radius: 12px;
  margin-top: 16px;
}
.modal.block-page .modal-content .modal-body .section-line .with-chevron {
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: center;
	gap: 16px;
}
.modal.block-page .modal-content .modal-body .section-line .with-chevron *:first-child {
	flex: 1;
}
.modal.block-page .modal-content .modal-body .section-line .chevron {
	width: 24px;
	height: 24px;
	color: #fff;
}
.modal.block-page .modal-content .modal-body .section-line:hover {
	background-color: var(--bs-gray-25, #FCFCFD);
}
.modal.block-page .modal-content .modal-body .section-line:hover .chevron {
	color: var(--bs-gray-400, #9DA4AE);
}

.modal.block-page .modal-content .modal-header .modal-head-icon {
	border-radius: 8px;
	padding: 12px;
	border: 0 solid transparent;
	background: var(--bs-warning-50, #FFFAEB);
	color: var(--bs-warning-600, #DC6803);
	display: inline-block;
	margin-right: 16px;
	vertical-align: middle;
}

.modal.block-page .modal-content .modal-header .modal-head-icon svg {
	width: 32px;
	height: 32px;
	color: var(--bs-warning-600, #DC6803);
}

.modal {
	background: #00000050;
}
.modal.content-no-border {
	--bs-modal-border-width: 0px;
}

#modal-large-photo.modal.content-no-border {
	--bs-modal-width: 900px;
}

.modal.content-no-border .modal-header, .modal.content-no-border .modal-footer, .no-border {
	border-top-width: 0 !important;
	border-bottom-width: 0 !important;
}

.modal.empty-footer .modal-footer {
	padding: 0;
}
.modal-footer:empty {
	display: none;
}
.modal a {
	text-decoration: none;
}
.modal.content-no-border .modal-dialog.modal-metro-map .modal-body {
	margin-bottom: 24px;
	margin-top: 0px;
}

.badge-icon {
	display: flex;
	flex-direction: row;
	align-items: center;
}

/** стили для бейж фильтров */
.filter-badges-block {
	font-size: 0.75rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	position: relative;
	white-space: nowrap;
}

.filter-badges-block.empty {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.filter-badges-block .filter-badge {
	display: flex;
	padding: 3px 4px 3px 8px;
	justify-content: center;
	align-items: center;
	gap: 2px;
	border-radius: 6px;
	border: 1px solid var(--bs-gray-300);
	background: #fff;
}

.filter-badges-block .filter-badge svg {
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

.filter-badges-block .filter-badge .metro-item {
	font-size: 12px;
}

.filter-badges-block .filter-badge .metro-item svg {
	width: 8px;
	height: 8px;
	vertical-align: baseline;
	line-height: 1.25rem;
}

.filter-badges-block .filter-badge .filter-badge-label,
.filter-badges-block .filter-badge .filter-badge-val {
	font-style: normal;
	vertical-align: text-bottom;
	font-size: var(--typography-text-xs-font-size);
	line-height: var(--typography-text-xs-line-height);
	font-weight: var(--typography-text-regular);
}


.filter-badges-block .filter-badge .filter-badge-label {
	color: var(--bs-gray-700, #384250);
}

.filter-badges-block .filter-badge .filter-badge-label::after {
	content: ':';
}

.filter-badges-block .filter-badge .filter-badge-label.check-filter::after {
	content: '';
}

.filter-badges-block .filter-badge .filter-badge-val {
	color: var(--bs-gray-700);
}

.filter-badges-block .filter-badge .filter-badge-del {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px;
}

.filter-badges-block .filter-badge .filter-badge-del svg {
	color: var(--bs-gray-400);
	width: 14px;
	height: 14px;
}

.filter-badges-block .filter-badges-clear svg {
	color: var(--bs-gray-400);
}

.filter-badges-block .filter-badges-clear {
	color: var(--bs-gray-400);
	cursor: pointer;
	margin-left: 0.37em;
	/*	position: absolute;
        right: 0px; */
}

	/** стили для индикатора загрузки данных #spinner-div */
#spinner-div {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 900000;
	background-color: rgb(15, 15, 17, 0.5);
}

.loader {
	position: relative;
	width: 2rem;
	height: 2rem;
	border: 8px solid var(--bs-primary-600, #238165);
	border-bottom-color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
	margin: 45vh calc((100vw - 2rem) / 2);
}
/*
.loader::before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--bs-primary-600, #238165);
	/** Нужно просчитать положение, для скругления * /
	left: -0.7071px;
	bottom: 0px;
}

.loader::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--bs-primary-600, #238165);
	/** Нужно просчитать положение, для скругления * /
	right: -0.7071px;
	bottom: 0;
}
*/
@keyframes rotation {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
} 

.modal-header {
	padding: 24px 20px 0px 20px;
	align-items: start;
	position: relative;
	flex-direction: column;
	gap: 2px;
}

.modal-header .btn-close {
	position: absolute;
	right: 8px;
	top: 8px;
	transform: none;
}
.modal-body-flex {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.modal-header h5 {
	margin: auto 0 !important;
}

.modal-header .modal-title {
	display: flex;
	flex-direction: row;
	max-width: 100%;
	overflow: hidden;
}

.modal-header .modal-title .modal-head-message {
	display: flex;
	flex-direction: column;
	font-size: 1rem;
}

.modal-header .modal-title .modal-head-message .first-line {
	color: var(--bs-gray-900, #111927);
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.modal.block-page .modal-header .modal-title .modal-head-message .first-line {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

.modal-header .modal-title .modal-head-message .second-line {
	color: var(--bs-gray-600, #4D5761);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.modal.block-page .modal-header .modal-title .modal-head-message .second-line {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}


.text-vertical-center {
	margin: auto 0;
}

.modal-title .text {
	font-size: 1.125rem;
	line-height: 2rem;
}
.modal-title .container-icon span {
	font-size: 24px;
}
.modal-title .container-icon svg {
	height: 24px;
	width: 24px;
	flex-shrink: 0;
	color: var(--bs-gray-700);
}
.modal-title .container-icon {
	border: 8px solid var(--bs-gray-50);
	background: var(--bs-gray-100);
	border-radius: 28px;
	color: var(--bs-gray-500);
	width: 48px;
	height: 48px;
	display: flex;
	padding: 12px;
	justify-content: center;
	align-items: center;
}
/* OFFCANVAS STYLE */
.offcanvas-title .container-icon {
	display: flex;
	width: 40px;
	height: 40px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	border: 1px solid var(--bs-gray-200);
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.offcanvas-title .container-icon>span {
	width: 20px;
	height: 20px;
	color: var(--bs-gray-700);
}
.offcanvas-header {
	padding: 16px;
	border-bottom: 1px solid var(--bs-gray-200);
	align-items: start;
}
.offcanvas-title, .modal-title {
	color: var(--bs-gray-900);
	font-size: var(--typography-text-md-font-size);
	line-height: var(--typography-text-md-line-height);
	font-weight: var(--typography-text-semibold);
}
.offcanvas-header .btn-close {
	width: 20px;
	height: 20px;
}
.offcanvas-header .subtitle {
	color: var(--bs-gray-600);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}
.offcanvas-body-content {
	overflow-y: auto;
	padding: 1rem;
	height: 100%;
}
.offcanvas-footer {
	padding: 1rem;
	border-top: 1px solid var(--bs-gray-200);
	display: flex;
	justify-content: end;
	gap: 12px;
	width: 100%;
}
/* OFFCANVAS */

#system-messages {
	position: fixed;
	max-width: 550px;
	z-index: 2000;
	left:0;
	right:0;
	top: 1.5rem;
	margin-left: auto;
	margin-right: auto;
}
#system-messages .alert {
	margin-left: auto;
	margin-right: auto;
}

.alert-success {
	--bs-alert-color: var(--bs-success-700);
	--bs-alert-bg: var(--bs-success-25);
	--bs-alert-border-color: var(--bs-success-300);
	--bs-alert-link-color: var(--bs-success-text-emphasis);
	--frame-color:--bs-success-600-rgb;
}

.alert .icon-frame-first {
	width: 27px;
	height: 27px;
	border-radius: 20px;
	border: 1.667px solid rgb(var(--frame-color), 0.4);
}
.alert .icon-frame-second {
	width: 35px;
	height: 35px;
	border-radius: 20px;
	border: 1.667px solid rgb(var(--frame-color), 0.1);
}

.alert .title {
	font-style: normal;
	font-weight: 600;
}
.alert-dismissible .btn-close {
	font-size: 20px;
	padding: 0.5rem;
	top: 4px;
	right: 4px;
	--bs-btn-close-bg: none;
	--bs-btn-close-opacity: 1;
}
.alert-success .btn-close {
	color: var(--bs-primary-500);
}
.alert-default {
	--bs-secondary-bg-subtle: #fff;
	--bs-alert-border-color: var(--bs-gray-300);
}
.alert-default .alert-icon {
	border-radius: 8px;
	border: 1px solid var(--bs-gray-200);
	background: #fff;
	box-shadow: var(--bs-box-shadow-xs);
	margin-right: 8px;
}
.alert-danger .alert-icon {
	margin-right: 8px;
}
.alert .alert-icon {
	display: flex;
	align-items: start;
}
.form-select-sm {
	min-height: 40px;
}
.daterangepicker .calendar.single  {
	padding: 0;
}
.daterangepicker .calendar.single .calendar-table  {
	margin: 20px 24px 12px 24px;
}
.daterangepicker .calendar.single .inputs-container {
	display: flex;
	margin: 0 24px 20px 24px;
	justify-content: space-around;
	align-items: center;
}
.daterangepicker .left .inputs-container.daterangepicker_input {
	padding-right: 0;
}
.daterangepicker .calendar.single .range_inputs {
	border-top: 1px solid var(--bs-gray-200, #EAECF0);
	display: flex;
	padding: 16px;
	gap: 12px;
}
.daterangepicker .calendar.single .range_inputs button {
	width: 142px;
	border-radius: 8px;
}
.daterangepicker .calendar.single .inputs-container select,
.daterangepicker .calendar.single .inputs-container input {
	font-size: 1rem !important;
}

.daterangepicker .calendar.single input.form-control {
	width: 172px;
	color: var(--bs-gray-900);
}
.form-control.is-invalid .selectize-input {
	border-color: var(--bs-form-invalid-border-color);
}

.round-outline {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

h1 {
	color: var(--bs-primary-700, #1A624E);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

/* модалка с подверждением */
.confirm .modal-header {
	color: var(--bs-gray-900);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.75rem;
}

.confirm h1 {
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.75rem;
	color: var(--bs-gray-900);
}
.confirm .subtitle {
	color: var(--bs-gray-600);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem;
}
/* конфирм */
.icon-outline-error span {
	color: var(--bs-red-600);
}
.icon-outline-error {
	border: 7px solid var(--bs-red-50);
	width: 3rem;
	height: 3rem;
	border-radius: 1.75rem;
	background-color: var(--bs-red-100);
}
.hovered {
	display:table;
}
.hovered span {
	display:table-cell;
	vertical-align:middle;
}
.hovered:hover {
	cursor: pointer;
}
.hovered:hover .show-on-hover {
	visibility: visible;
}
.show-on-hover {
	visibility: hidden;
}

/* Диалоговые окна */
.modal-body.dialog-info {
	color: var(--bs-gray-600);
	text-align: center;
	font-size: var(--typography-text-md-font-size);
	font-style: normal;
	font-weight: var(--typography-text-medium);
	line-height: var(--typography-text-md-line-height);
}

/* скругленный чекбокс с иконкой когда он выбран */
/* контейнера */
.objects .checkmark-container {
	position: absolute;
	top: 20px;
	left: 20px;
}
.checkmark-container {
	width: 20px;
	height: 20px;
	position: relative;
	display: block;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* скрыть сам инпут */
.checkmark-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* кастомный чекбокс */
.checkmark {
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid var(--bs-gray-300);
}
.checkmark-container:hover input ~ .checkmark {
	border: 1px solid var(--bs-primary-600);
	background: var(--bs-primary-100);
}
.checkmark-container input:checked ~ .checkmark {
	border: 1px solid var(--bs-primary-600);
	background: var(--bs-primary-600);
}
.checkmark-container input:checked:hover ~ .checkmark {
	border: 1px solid var(--bs-primary-700, #1A624E);
	background: var(--bs-primary-700, #1A624E);
}
/* добавление иконки */
.checkmark:after {
	font-family: "icomoon";
	content: '\f26a';
	position: absolute;
	display: block;
	color: white;
	font-size: 14px;
	left: 2px;
	top: -1px;
}
/* показать галочку если инпут установлен */
.checkmark-container input:checked ~ .checkmark:after {
	display: block;
}
/* скругленный чекбокс с иконкой когда он выбран */

/* кнопка иконка */
.btn-icon-only {
	align-items: center;
	justify-content: center;
	display: flex;
	width: var(--input-height-sm);
}
.btn-lg.btn-icon-only {
	padding: 0.75rem;
	width: 44px;
	min-width: 44px;
	height: 44px;
	--bs-btn-line-height: 1.25rem;
}
.btn.btn-icon-only span {
	display: block;
	font-size: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
}
.btn.btn-icon-only {
	padding: 0.5rem;
}
/* Типография */
.text-xxs {
	font-size: var(--typography-text-xxs-font-size);
	line-height: var(--typography-text-xxs-line-height);
}

.text-xs {
	font-size: 12px !important;
	line-height: 18px !important;
}

.text-sm {
	font-size: 14px !important;
	line-height: 20px !important;
}

.text-md {
	font-size: var(--typography-text-md-font-size, 16px);
	line-height: var(--typography-text-md-line-height, 24px);
}
.text-lg {
	font-size: var(--typography-text-lg-font-size);
	line-height: var(--typography-text-lg-line-height);
}

.text-xl {
	font-size: 20px !important;
	line-height: 30px !important; /* 150% */
}

.display-xs {
	font-size: var(--typography-display-xs-font-size);
	font-style: normal;
	line-height: var(--typography-display-xs-line-height);
}

/* spacing */
.gap-12 {
	gap: 12px !important;
}
.gap-20 {
	gap: 20px;
}
.gap-8 {
	gap: 8px !important;
}
.gap-6 {
	gap: 6px;
}
.gap-14 {
	gap: 14px !important;
}
.gap-16 {
	gap: 16px !important;
}
.gap-2px {
	gap: 2px !important;
}
.gap-4px {
	gap: 4px !important;
}
.gap-10px {
	gap: 10px !important;
}
.text-primary-500 {
	color: var(--bs-primary-500);
}

.text-primary-700 {
	color: var(--bs-primary-700);
}

.text-gray-400 {
	color: var(--bs-gray-400) !important;
}

.text-gray-500 {
	color: var(--bs-gray-500);
}

.text-gray-600 {
	color: var(--bs-gray-600);
}

.text-gray-700 {
	color: var(--bs-gray-700);
}

.text-gray-800 {
	color: var(--bs-gray-800);
}

.text-gray-900 {
	color: var(--bs-gray-900);
}

.text-gray-950 {
	color: var(--bs-gray-950);
}

.text-success-600 {
	color: var(--bs-success-600);
}

.text-success-700 {
	color: var(--bs-success-700);
}

.text-success-800 {
	color: var(--bs-success-800);
}

.text-success-900 {
	color: var(--bs-success-900);
}

.text-blue-600 {
	color: var(--bs-blue-dark-600, #155EEF) !important;
}

.text-error-600 {
	color: var(--bs-red-600);
}

.text-regular {
	font-weight: var(--typography-text-regular) !important;
}

.text-medium {
	font-weight: var(--typography-text-medium) !important;
}

.text-semibold {
	font-weight: var(--typography-text-semibold) !important;
}

.br-6 {
	border-radius: 6px;
}

.bordered-badge {
	display: inline-flex;
	padding: 1px 5px;
	align-items: center;
	border-radius: 6px;
}
.badge {
	flex-grow: 0;
	flex-shrink: 0;
	width: auto !important;
	margin-left: 4px;
}
.bordered-badge.bordered-badge-gray,
.badge.badge-gray {
	border: 1px solid var(--bs-gray-200, #E5E7EB);
	background: var(--bs-gray-50, #F9FAFB);
	color: var(--bs-gray-700, #384250);
}
.bordered-badge.bordered-badge-warning,
.badge.badge-warning {
	border: 1px solid var(--bs-warning-200, #FEDF89);
	background: var(--bs-warning-50, #FFFAEB);
	color: var(--bs-warning-700, #B54708);
}
.bordered-badge.bordered-badge-red,
.badge.badge-red {
	border: 1px solid var(--bs-red-200, #FECDCA);
	background: var(--bs-red-50, #FEF3F2);
	color: var(--bs-red-700, #B42318);
}
.bordered-badge.bordered-badge-secondary,
.badge.badge-secondary {
	border: 1px solid var(--bs-gray-200, #E5E7EB);
	background: var(--bs-gray-50, #F9FAFB);
	color: var(--bs-gray-700, #384250);
}
.popover-header .btn-close {
	position: absolute;
	right: 4px;
	top: 4px;
}

/* Стили для модального окна objects/view */

.modal-lg-objects-view {
	/*min-width: 939px !important;*/
	margin: 24px auto;
}

.link {
	color: var(--bs-blue-dark-600, #155EEF);
	text-decoration: none;
}

.icon-price {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

.padding-bottom {
	padding-bottom: 20px !important;
}

.cards-container {
	display: flex;
	align-items: stretch;
	align-content: flex-start;
	gap: 12px;
	align-self: stretch;
	flex-wrap: wrap;
	margin: 16px 0;
}

.cards-container .object-card-containers {
	padding: 16px 16px;
	align-items: flex-start;
	gap: 4px;
	border-radius: 8px;
	background: var(--bs-gray-50, #F9FAFB);
	white-space: nowrap;
}

.cards-container .card-container-main {
	flex: 2 2 auto;
}

.cards-container .card-container-main .text-gray-600 {
	margin-left: 0.5rem;
}

.cards-container .card-container-secondary {
	flex-wrap: nowrap;
	flex: 1 1 auto;
}

.details-container {
	font-size: var(--typography-text-sm-font-size);
	font-weight: var(--typography-text-medium);
}

.details-container,
.map-container,
.details-card {
	border-radius: 8px;
	padding: 16px;
	background-color: var(--bs-gray-50);
	margin: 16px 0;
}

.details-container .details-label {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: var(--bs-gray-400);
	margin-bottom: 0.25rem;
}

.details-container .details-text {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: var(--bs-gray-900);
	text-align: right;
	margin-bottom: 1.5rem;
}

.details-container .headline {
	color: var(--bs-gray-900, #111927);
	text-overflow: ellipsis;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	margin-bottom: 16px;
}

.details-container .headline.collapsed {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 0px;
}

.details-container .headline.collapsed .expand {
	color: var(--bs-primary-700, #1A624E);
}

.details-container .collapse-block .collapse-block-body {
	margin-top: 16px;
}

#owner-contacts {
	margin-top: 16px;
}

.details-container .details-card-item {
	display: flex;
	color: var(--bs-gray-400);
	gap: 8px;
}

.details-container .details-card-item:not(:last-child) {
	margin-bottom: 16px;
	border-bottom: 1px solid var(--bs-gray-200);
}
.details-container .details-card-item.last {
	margin-bottom: 0;
	border-bottom-width: 0;
}

.details-container .details-card-item:not([style*="display: none"]):last-child .details-card-item-label {
	padding-bottom: 0;
}


.details-container .details-card-item:last-child {
	margin-bottom: 0px;
	border-bottom: 0px solid var(--bs-gray-200);
}

.details-container .details-card-item .details-card-item-label {
	display: inline-block;
	flex: 0;
	padding-bottom: 12px;
	white-space: nowrap;

	color: var(--bs-gray-400, #9DA4AE);
	text-overflow: ellipsis;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.25rem;
}

.details-container .details-card-item .details-card-item-text {
	display: inline-block;
	flex: 1;
	text-align: right;
	padding-bottom: 12px;
	
	color: var(--bs-gray-900, #111927);
	text-overflow: ellipsis;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.25rem;
}

.text-just {
	text-align: justify !important;
}

.details-container .details-card-item .details-card-item-text .status-block {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 6px;
}

.details-container .details-card-item .details-card-item-text .status-block .status-date::before {
	content: '(';
}

.details-container .details-card-item .details-card-item-text .status-block .status-date::after {
	content: ')';
}

.details-container .details-card-item .details-card-item-text .icons-list {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 8px;
}

.details-container .details-card-item .details-card-item-text .icons-list svg {
	width: 18px;
	height: 18px;
	color: var(--bs-primary-600);
}

.details-container .details-card-item .details-card-item-text.object-materials {
	min-width: 132px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end !important; 
	padding: 0px 8px !important;
	gap: 0px;
}

.details-container .details-card-item .details-card-item-text.object-materials *::after {
	content: '';
	display: inline-block;
	width: 0px;
	border-right: 1px solid var(--bs-gray-200, #E5E7EB);
	height: 20px;
	vertical-align: middle;
	margin: 0 12px;
}

.details-container .details-card-item .details-card-item-text.object-materials *:last-child::after {
	display: none;
}

.details-container .details-card-item .details-card-item-text.object-materials a {
	text-decoration: none;
	color: var(--bs-gray-200, #E5E7EB);
}

.details-container .details-card-item .details-card-item-text.object-materials a.active {
	text-decoration: none;
	color: var(--bs-gray-600, #475467);
}

.details-container .details-card-item .details-card-item-text.object-materials svg {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	color: var(--bs-gray-200, #E5E7EB);
}

.details-container .details-card-item .details-card-item-text.object-materials .active svg {
	color: var(--bs-gray-600, #475467);
}

.map-container {
	border-radius: 8px;
	padding: 16px;
	background-color: var(--bs-gray-50);
	margin: 16px 0 0 0;
}

.describe {
	color: var(--bs-gray-600, #4D5761);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 20px;
	display: inline-block;
}

.map-container .headline {
	color: var(--bs-gray-900, #111927);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 16px;
}

.ymaps-2-1-79-controls__control {
	position: absolute;
	right: 24px !important;
	left: auto !important;
	inset: 105px auto auto 90px;
}


/* Виджет TableComment */

.table-comment-site-remark {
	padding: 0 !important;
	border: none !important;
}

.table-comment-site-remark .expand {
	font-size: 14px;
	line-height: 20px;
}

.comments-container {
	justify-content: stretche;
	align-content: flex-end;
}
.comments-container .inner {
	align-content: flex-end;
	width: 100%;
}

.comments-item {
	display: flex;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
	-ms-flex-item-align: stretch !important;
	-ms-grid-row-align: stretch !important;
	align-self: stretch !important;
	gap: 6px;
	padding: 12px 16px;
	border-top: 1px solid var(--bs-gray-200);
}

.comments-item:first-child {
	border-top: 0px solid var(--bs-gray-200);
}

#site-remark-expand .text {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 4px;
	max-height: 40px;
	overflow: hidden;

/*	transition: max-height 0.2s cubic-bezier(0, 1, 0, 1); */

	text-align: justify;
	-moz-transition: height 1s ease;
	-webkit-transition: height 1s ease;
	-o-transition: height 1s ease;
	transition: height 1s ease;

	-moz-transition: max-height 1s ease;
	-webkit-transition: max-height 1s ease;
	-o-transition: max-height 1s ease;
	transition: max-height 1s ease;
}

#site-remark-expand .text.expanded {
	max-height: none;
}

#site-remark-expand button {
	color: var(--bs-primary-700);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem;
	border: 0px;
	box-shadow: none;
}

#site-remark-expand button svg {
	display: inline;
	margin-left: 0.25rem;
}

/* Стиль скроллбара для модального окна */

/* width */
.modal ::-webkit-scrollbar {
	width: 10px;
}

/* Track */
.modal ::-webkit-scrollbar-track {
	background-color: #ffffff;
}

/* Handle */
.modal ::-webkit-scrollbar-thumb {
	background-color: var(--bs-gray-200);
}

.modal ::-webkit-scrollbar-thumb:hover {
	background: var(--bs-gray-300);
}

.modal-dialog{
    overflow-y: initial !important
}

.btn-sm.btn-icon-only {
	padding: 0.5rem;
}
/* buttons */
.btn-tertiary {
	--bs-btn-color: var(--bs-gray-600);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-gray-700);
	--bs-btn-hover-bg: var(--bs-gray-50);

	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: var(--bs-gray-700);
	--bs-btn-active-bg: var(--bs-gray-50);
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: var(--bs-gray-300);
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-box-shadow: 0 0 0 #fff;
	--bs-btn-focus-shadow-rgb: 0 0 0;
	transition: none;
}

.line-separator {
	height: 1px;
	align-self: stretch;
	background: var(--bs-gray-200);
}

/* Календарь */
.datepicker {
	color: var(--bs-gray-700);
	font-size: 14px;
	line-height: 20px;
	padding: 16px;
}
.datepicker table tr td span.old, .datepicker table tr td span.new {
	color: var(--bs-gray-700);
}

.datepicker-dropdown {
	width: 312px;
}
.datepicker-dropdown table {
	width: 100%;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
	background: none;
}
.datepicker tbody td, .datepicker tbody td:hover {
	width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	background: none !important;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
	background: none;
}
.datepicker.dropdown-menu {
	max-width: none;
}
.datepicker th.dow {
	font-weight: 500;
}
.datepicker td span.date {
	border-radius: 20px;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;
	z-index: 2;
	position: absolute;
	right: 0;
	top: 0;
}
.datepicker td, .datepicker td:hover {
	background: none !important;
}
.datepicker td.day.new, .datepicker td.day.old {
	color: var(--bs-gray-400);
}
.datepicker td.day {
	color: var(--bs-gray-700);
	border-radius: 0.25rem;
}
.datepicker td.range-end.selected span.date, .datepicker td.range-start.selected span.date, .datepicker td.active .date {
	color: #fff;
	background: var(--bs-primary-600);
}
.datepicker td.range-end.selected:hover span.date, .datepicker td.range-start.selected:hover span.date, .datepicker td.active:hover .date {
	color: #fff;
	background: var(--bs-primary-700);
}
.datepicker .range .date-container {
	background: var(--bs-gray-50);
	color: var(--bs-gray-700);
}
.datepicker .range-start .holder {
	background: var(--bs-gray-50);
	right: 0;
}
.datepicker .range-end .holder {
	background: var(--bs-gray-50);
	left: 0;
}
.datepicker td:hover span.date {
	color: var(--bs-gray-700);
	background: var(--bs-gray-50);
}
.datepicker table tr td span {
	display: block;
	float: none;
	margin: 0;
	cursor: pointer;
}
.datepicker td.range.new .date-container, .datepicker td.range.old .date-container {
	color: var(--bs-gray-500);
}
.datepicker table tr td span.month, .datepicker table tr td span.year,
.datepicker table tr td span.decade, .datepicker table tr td span.century {
	width: 31%;
	margin: 1%;
	height: 73px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.datepicker table tr td span.month.active, .datepicker table tr td span.year.active,
.datepicker table tr td span.decade.active, .datepicker table tr td span.century.active {
	color: #fff;
	background: var(--bs-primary-600);
	border-radius: 6px;
}
.datepicker table tr td span.month.active:hover, .datepicker table tr td span.year.active:hover,
.datepicker table tr td span.decade.active:hover, .datepicker table tr td span.century.active:hover,
.datepicker table tr td span.month.active.focused:hover, .datepicker table tr td span.year.active.focused:hover,
.datepicker table tr td span.decade.active.focused:hover, .datepicker table tr td span.century.active.focused:hover{
	background: var(--bs-primary-700);
	border-radius: 6px;
}

.datepicker table tr td span.month:hover, .datepicker table tr td span.year:hover,
.datepicker table tr td span.decade:hover, .datepicker table tr td span.century:hover {
	border-radius: 6px;
	background: var(--bs-gray-50);
}
.datepicker td span.holder {
	width: 20px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	line-height: 40px;
	margin: 0;
	float: none;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
	background-color: var(--bs-success) !important;
	border-radius: 20rem;
	border-color: transparent;
}
.datepicker table tr td.today {
	background-color: var(--bs-warning-50) !important;
	border-radius: 20rem;
	border-color: transparent;
}
.datepicker-switch {
	font-size: var(--typography-text-sm-font-size);
	line-height: var(--typography-text-sm-line-height);
	font-weight: var(--typography-text-semibold);
}
.input-daterange input.form-control, input.krajee-datepicker {
	font-size: var(--input-font-size-sm) !important;
	line-height: var(--input-line-height-sm);
	border-radius: var(--bs-border-radius) !important;
	text-align: left;
}
.clear-btn {
	display: none;
	color: var(--bs-gray-400);
	width: 16px;
	height: 16px;
	position: absolute;
	top: 13px;
	right: 12px;
}
.input-daterange input:not(:placeholder-shown) ~ .clear-btn {
	display: block;
}
.input-group.input-daterange {
	display: flex;
	gap: 12px;
	flex-wrap: nowrap;
}
:root {
	--date-picker-icon-height: 16px;
	--date-picker-icon-width: 16px;
	--date-picker-remove-icon-size: 16px;
	/*--input-icon-size: 18px;*/
}
.krajee-datepicker, .datepicker-right {
	padding-left: calc(var(--bs-input-padding-x-sm) + var(--date-picker-icon-width) + 8px);
}
.date-picker-icon, .kv-date-remove {
	position: absolute;
	z-index: 10;
	color: var(--bs-gray-500);
}
.date-picker-icon {
	left: var(--bs-input-padding-x-sm);
	height: var(--date-picker-icon-height);
	width: var(--date-picker-icon-width);
	top: calc(var(--bs-input-padding-y-sm) + (var(--bs-input-line-height) - var(--date-picker-icon-height)) * 0.5);
}

.form-control + .kv-date-remove,
.form-control-sm + .kv-date-remove
 {
	display: none;
	height: var(--date-picker-remove-icon-size);
	right: var(--bs-input-padding-x-sm);
	top: calc(var(--bs-input-padding-y-sm) + 2px + (var(--bs-input-line-height) - var(--date-picker-remove-icon-size)) * 0.5);
	width: var(--date-picker-remove-icon-size);
}
/*input.form-control-sm:not(:placeholder-shown) {*/
/*	padding-right: calc(var(--bs-input-padding-x-sm) + 16px);*/
/*}*/
/*input.form-control:not(:placeholder-shown) {*/
/*	padding-right: calc(var(--bs-input-padding-x) + 16px);*/
/*}*/
.form-control-md + .kv-date-remove {
	right: var(--bs-input-padding-x);
	top: calc(var(--bs-input-padding-y) + (var(--bs-input-line-height) - var(--date-picker-remove-icon-size)) * 0.5);
}
.form-group-flex .form-label {
	margin-bottom: 0;
}
.form-group-flex {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	align-self: stretch;
}
.form-group-flex label {
	color: var(--bs-gray-700);
}
.form-check-input {
	margin-top: 0;
}
.form-check:not(.form-switch) .form-check-input:focus {
	outline: 0;
	box-shadow: 0px 0px 0px 4px #D9F2E5;
}
.form-check:not(.form-switch) .form-check-input:not(:checked):hover {
	border: 1px solid var(--bs-primary-600, #238165) !important;
}
.form-group-flex .form-check-input {
	flex-shrink: 0;
}
.kv-date-picker {
	visibility: hidden;
	width: 0;
}
input.krajee-datepicker:not(:placeholder-shown) + .kv-date-remove {
	display: block;
}

/* Размытие для панели со значками */
.badges-bar-blur {
	z-index: 2;
	top: 0;
	width: 44px;
	height: 100%;
	position: absolute;
	right: 0;
	background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.no-transition {
	transition: none !important;
}

.form-control-help {
	line-height: 1.25rem;
	vertical-align: middle;
	font-size: 1rem;
}
.btn-link-gray, .btn-link-primary, .btn-link-red, .btn-link-warning {
	box-shadow: none;
	border: none;
}
.btn-link-gray {
	color: var(--bs-gray-600);
}
.btn-link-gray:hover {
	color: var(--bs-gray-700);
}
.btn-link-gray:focus {
	color: var(--bs-gray-600);
}
.btn-link-gray:disabled, .btn-link-primary:disabled {
	color: var(--bs-gray-300);
}
.btn-link-red:disabled {
	color: var(--bs-red-300);
}
.btn-link-primary, .btn-link-color {
	color: var(--bs-primary-700);
}
.btn-link-primary:hover, .btn-link-color:hover {
	color: var(--bs-primary-800);
}
.btn-link-primary:focus, .btn-link-color:focus {
	color: var(--bs-primary-700);
}
.btn-link-red {
	color: var(--bs-red-700);
}
.btn-link-red:hover, .btn-link-red:active {
	color: var(--bs-red-800) !important;
}
.btn-link-red:focus {
	color: var(--bs-red-700);
}
.btn-link-blue-dark {
	color: var(--bs-blue-dark-600);
}
.btn-link-blue-dark:hover {
	color: var(--bs-blue-dark-600);
}
.btn-link-blue-dark:focus {
	color: var(--bs-blue-dark-600);
}
.btn-link-warning, .btn-link-warning:focus, .btn-link-warning:active {
	color: var(--bs-warning-700, #B54708) !important;
}
.btn-link-warning:hover {
	color: var(--bs-warning-700, #B54708);
}
.hide-if-empty:empty {
	display: none !important;
}
.border-bottom-gray {
	border-bottom: 1px solid var(--bs-gray-200);
}
.border-gray-200 {
	border: 1px solid var(--bs-gray-200);
}
.divider, .comments-divider {
	min-height: 1px;
	height: 1px;
	align-self: stretch;
	background-color: var(--bs-gray-200);
}
.shadow-md {
	box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);
}
.shadow-xs {
	box-shadow: var(--bs-box-shadow-xs);
}
.spacer-12 {
	height: 12px;
}

/* кнопка перехода на старый сервер */
.breadcumbs-pair-server {
	display: inline-block;
	position: absolute;
	top: 1em;
	right: 1em;
	padding: 0px;
}

.breadcumbs-pair-server .btn.to-pair-server {
	float: right;
	margin: 0px;
	border: 1px solid var(--bs-primary-600);
	padding: 0.5em;
	position: relative;
	line-height: 1;
	overflow: hidden;
	border-radius: calc(1.1em - 0.5px);
	width: calc(2.2em - 1px);
	height: calc(2.2em - 1px);
	transition: 0.5s;
	transition: width 0.5s;
	opacity: 0.5;
}

.breadcumbs-pair-server .btn.to-pair-server:hover {
	padding-left: 2.5em;
	opacity: 1;
	width: auto;
}

.breadcumbs-pair-server .btn.to-pair-server svg {
	width: calc(2.2em - 1px);
	height: calc(2.2em - 1px);
	padding: 0.5em;
	top: -1px;
	left: -1px;
	position: absolute;
	border: 1px solid var(--bs-primary-600);
	border-radius: 50%;
	background: var(--bs-btn-bg, #F2F4F7);
}

/** Блок табов */
.tabs-block.nav {
	flex-direction: row;
	justify-content: flex-start;
	gap: 8px;
	overflow: visible;
	margin-bottom: 1rem;
}

.swiper .tabs-block.nav {
	flex-wrap: nowrap;
}

.swiper .tabs-block.nav.nav-tabs {
	border-bottom: 0px;
	gap: 0px;
}

.swiper .tabs-block.nav.nav-tabs .nav-item {
	border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
	padding-right: 12px;
}

.swiper .tabs-block.nav.nav-tabs .nav-item:last-child {
	padding-right: 0px;
}

.tabs-block.nav .nav-item .nav-link {
	display: flex;
	gap: 4px;
	font-size: var(--typography-text-sm-font-size);
	font-style: normal;
	font-weight: 600;
	margin: 0px;
	line-height: var(--typography-text-sm-line-height);
	padding: 0px 2px 8px 2px;
	border: 0px solid transparent;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	color: var(--bs-gray-500);
}
.tabs-block .nav-link .badge {
	display: flex;
	padding: 3px 6px;
	align-items: center;
	border-radius: 16px;
	mix-blend-mode: multiply;
	font-size: var(--typography-text-xxs-font-size);
	line-height: var(--typography-text-xxs-line-height);
	border: 1px solid var(--bs-gray-200, #E5E7EB);
	background: var(--bs-gray-50, #F9FAFB);
	mix-blend-mode: multiply;
	color: var(--bs-gray-700, #384250);
}

.tabs-block .nav-link.active .badge, .tabs-block .nav-link .badge-success {
	border: 1px solid var(--bs-primary-200, #B6E4D0);
	background: var(--bs-primary-50, #EFFAF5);
	color: var(--bs-primary-700);
}

.swiper .tabs-block.nav .nav-item .nav-link {
	white-space: nowrap;
}

.swiper .tabs-block.nav .nav-item.swiper-slide {
	width: fit-content;
}

.tabs-block.nav .nav-item .nav-link:hover {
	border-bottom: 2px solid var(--bs-primary-700, #1A624E);
	color: var(--bs-primary-700, #1A624E);
}

.tabs-block.nav .nav-item .nav-link.active {
	border-bottom: 2px solid var(--bs-primary-700, #1A624E);
	color: var(--bs-primary-700, #1A624E);
}

.nav-tabs-body {
	position: relative;
}

.nav-tabs-body .nav-tabs-section {
	position: relative;
	display: none;
}
.nav-tabs-body .nav-tabs-section.active {
	display: block;
}

.tabs-block.nav.nav-pills {
	height: 32px;
	overflow: visible;
	justify-content: stretch;
	display: flex;
	border-radius: 0.5rem;
	border: 1px solid var(--bs-gray-200, #EAECF0);
	background: var(--bs-gray-50, #F9FAFB);
	padding: 1px;
	align-items: center;
	gap: 4px;
	align-self: stretch;
}

.tabs-block.nav.nav-pills .nav-item {
	align-self: stretch;
	flex: 1 0 0;
}

.tabs-block.nav.nav-pills .nav-item .nav-link {
	color: var(--bs-gray-500, #667085);
	font-size: var(--typography-text-xs-font-size);
	font-style: normal;
	font-weight: 600;
	line-height: var(--typography-text-xs-line-height);
	border-bottom: 0px solid transparent;
	text-align: center;
	padding: 5px 0;
}

.tabs-block.nav.nav-pills .nav-item .nav-link:hover,
.tabs-block.nav.nav-pills .nav-item .nav-link.active {
	border-bottom: 0px solid transparent;
	color: var(--bs-gray-700, #344054);
	border-radius: 0.375rem;
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}

.tabs-block.nav.nav-badges .nav-item .nav-link {
	display: flex;
	padding: 0.25rem 0.5rem;
	align-items: center;
	border-radius: 1rem;
	border: 1px solid var(--bs-gray-200, #EAECF0);
	background: var(--bs-gray-50, #F9FAFB);
}

.tabs-block.nav.nav-badges .nav-item .nav-link .badge {
	--bs-badge-color: #344054;
	border-radius: 1rem;
	border: 1px solid var(--bs-gray-200, #EAECF0);
	margin-left: 0.5rem;
}

.tabs-block.nav.nav-badges .nav-item .nav-link.active {
	border: 1px solid var(--bs-primary-200, #B6E4D0);
	background: var(--bs-primary-50, #EFFAF5);
}

.tabs-block.nav.nav-badges .nav-item .nav-link.active .badge {
	--bs-badge-color: #1A624E;
	border: 1px solid var(--bs-primary-200, #B6E4D0);
}

.tabs-block.nav.simple-badges .nav-item .nav-link {
	display: flex;
	padding: 2px 8px;
	align-items: center;
	border-radius: 6px;
	/* Text sm/Medium */
	font-size: var(--typography-text-sm-font-size);
	font-style: normal;
	font-weight: var(--typography-text-medium);
	line-height: var(--typography-text-sm-line-height); /* 142.857% */
	box-shadow: var(--bs-box-shadow-xs);
	color: var(--bs-gray-700, #384250);
	border: 1px solid var(--bs-gray-200, #E5E7EB);
	background: var(--bs-gray-50, #F9FAFB);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}
.tabs-block.nav.simple-badges .nav-item .nav-link .red,
.required-red {
	color: var(--bs-red-600, #D92D20) !important;
	margin-right: 4px;
}
.tabs-block.nav.simple-badges .nav-item .nav-link:hover {
	border: 1px solid var(--bs-primary-400, #53B492);
	background: var(--bs-primary-50, #EFFAF5);
}
.tabs-block.nav.simple-badges .nav-item .nav-link.active {
	border: 1px solid var(--bs-primary-200, #B6E4D0);
	background: var(--bs-primary-50, #EFFAF5);
	color: var(--bs-primary-700, #1A624E);
}
.tabs-dropdown {

}
.tabs-dropdown .dropdown-menu {
	z-index: 10000;
}
.tabs-dropdown .dropdown-item {
	font-size: var(--typography-text-sm-font-size);
	font-style: normal;
	font-weight: 600;
}
.tabs-dropdown .dropdown-item.active {
	border-bottom: 2px solid var(--bs-primary-700, #1A624E);
	color: var(--bs-primary-700, #1A624E);
	padding: 0 2px 8px 2px;
}

/** Форма для поиска в верху страницы объектов */
.search.form-inline {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	gap: 0.75rem;
}

.search.form-inline .selectize-control.single.form-control,
.search.form-inline .selectize-control.single.form-control .selectize-input,
.search.form-inline .selectize-control.single,
.search.form-inline .selectize-control.single .selectize-input,
.search.form-inline input[type="text"].form-control,
.search.form-inline .btn.btn-lg:not(.btn-link) {
  height: 40px;
}

.search.form-inline .form-control.selectize-control.input-dropdown,
.search.form-inline .form-control .selectize-input {
  min-height: 40px;
}

.search.form-inline .selectize-input .item:first-child {
	padding-left: 0px;
}

.search.form-inline .selectize-input .item{
	padding: 2px 14px;
}

.search.form-inline .selectize-control .clear-selectize-btn,
.search.form-inline .selectize-input .arrow {
	height: 1.75rem;
}

.search.form-inline .btn svg {
	width: 1.25rem;
	height: 1.25rem;
}

.btn.btn-sq {
	--bs-btn-padding-x: 10px;
	max-height: 36px;
}

.btn.btn-transparent svg {
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
}

.btn.btn-transparent.row svg {
	padding: 0;
	margin-left: 1rem;
}

.objects-search.page-filters .btn.btn-transparent {
	padding: 0px 0px;
}

.objects-search.page-filters .row {
	margin-bottom: 1.25rem;
}

.objects-search.page-filters .row:last-child {
	margin-bottom: 0rem;
}

@media (min-width: 1919px) {
	.d-hd-none { display: none !important; }
	.d-hd-inblock { display: inline-block !important; }
}

@media (max-width: 1919px) {
	.d-xd-none { display: none !important; }
	.d-xd-inblock { display: inline-block !important; }
}
.input-group-iconed {
	border-radius: 8px;
	box-shadow: var(--bs-box-shadow-xs);
}
.input-group-iconed .input-group-text {
	border-right-width: 0;
	padding-right: 8px;
}
.input-group-iconed .input-group-text svg {
	width: var(--input-icon-size);
	height: var(--input-icon-size);
	fill: var(--bs-gray-500);
}
.input-group-iconed input.form-control {
	border-left-width: 0;
	box-shadow: none;
	padding-left: 0;
}
.input-group-iconed:has(input:focus) {
	box-shadow: var(--bs-box-shadow-focus-xs);
}
.input-group-iconed:has(input:focus) .input-group-text {
	border-color: var(--bs-primary-300);
}
.offcanvas-body-content .row:not(:last-child) {
	margin-bottom: 16px;
}
.fieldset .row:not(:last-child) {
	margin-bottom: 12px;
}
.fieldset:not(:last-child) {
	margin-bottom: 16px;
}
.form-check-label, .form-label {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 0;
}
.form-label {
	font-size: var(--typography-text-xs-font-size);
	line-height: var(--typography-text-xs-line-height);
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.form-check > .form-label, .form-check-label {
	font-size: var(--typography-text-sm-font-size);
	line-height: var(--typography-text-sm-line-height);
}
.form-check-label {
	gap: 6px;
}
.form-check {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}

/** Стили для группы CheckBox */
.check-grps {
	display: inline-flex;
	flex-direction: row;
	box-shadow: var(--bs-box-shadow-xs);
	border-radius: 8px;
	border: 1px solid var(--bs-gray-300, #D2D6DB);
	height: var(--input-height-sm);
	max-width: 100%;
}
.check-grps input[type="checkbox"],
.check-grps input[type="radio"] {
	display: none;
}

.check-grps .check-item {
	border-radius: 0px;
	border-right: 0px solid transparent;
	color: var(--bs-gray-700, #344054);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.12rem;
	overflow: hidden;
	background-color: #fff;
}

.check-grps .check-item:first-child,
.check-grps .check-item:first-child + label {
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.check-grps .check-item:last-child,
.check-grps .check-item:last-child + label {
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
.check-grps .check-item:not(:last-child) {
	border-right: 1px solid var(--bs-gray-300, #D0D5DD);
}

.check-grps input[type="checkbox"] + label,
.check-grps input[type="radio"] + label {
	display: inline-block;
	padding: 8px 12px;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.check-grps input[type="checkbox"]:checked + label,
.check-grps input[type="radio"]:checked + label {
	background: #EFF0F2;
	color: var(--bs-gray-800, #1F2A37);
}

.check-grps .check-item label {
	width: 100%;
}

/** Стили для группы Radios */
.radios {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.radios.horizontal-layout {
	flex-direction: row;
	gap: 1rem;
}

.radios input[type="radio"] {
	display: none;
}
.radios .radio-item {
	font-size: var(--typography-text-sm-font-size);
	line-height: var(--typography-text-sm-line-height);
}
.radios .radio-item label {
	display: flex;
	flex-direction: row;
	align-items: center;
	line-height: 20px;
}
.radios .radio-item label svg {
	width: 1em;
	height: 1em;
	color: var(--bs-gray-300, #D0D5DD);
	margin-right: 0.5rem;
}

.radios .radio-item input[type="radio"] + label svg.icon-checked {
	display: none;
}

.radios .radio-item input[type="radio"] + label svg.icon-unchecked {
	color: var(--bs-gray-300, #D0D5DD);
	display: inline-block;
}

.radios .radio-item input[type="radio"]:checked + label svg.icon-unchecked {
	display: none;
}

.radios .radio-item input[type="radio"]:checked + label svg.icon-checked {
	color: var(--primary-600, #238165);
	display: inline-block;
}
.radios .radio-item input[type="radio"]:disabled + label{
	cursor: not-allowed;
}
.radios .radio-item input[type="radio"]:disabled + label svg.icon-checked{
	color: var(--bs-gray-400, #9DA4AE);
}

/** Прокрутка таблицы */
#scroll-table .grid-view {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: stretch;
	border-radius: 0.5rem;
	overflow: hidden;
	--grid-view-thead-height: 37px;
}

#scroll-table .grid-view .grid-view-table-container {
	flex: 1;
	overflow-y: auto;
}

#scroll-table .grid-view .grid-view-table-container table.fix-header {
	position: relative;
}

#scroll-table .grid-view .grid-view-table-container table.fix-header thead th {
	position: sticky;
	top: 0px;
	border-bottom: 1px solid var(--bs-table-border-color, #EAECF0);
	z-index: 1010 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#scroll-table .grid-view .grid-view-table-container table.fix-header.gsearch thead th {
	border-right: 1px solid var(--bs-table-border-color, #EAECF0);
}

#scroll-table .grid-view .grid-view-table-container table.fix-header.gsearch thead th:last-child {
	border-right: 0px solid var(--bs-table-border-color, #EAECF0);
}

#scroll-table .grid-view table.gsearch tbody tr td {
	border-right: 1px solid var(--bs-table-border-color, #EAECF0);
}

#scroll-table .grid-view table.gsearch tbody tr td:last-child {
	border-right: 0px solid var(--bs-table-border-color, #EAECF0);
}

#scroll-table .grid-view .grid-view-table-container table.fix-header thead th.fixed-column {
	z-index: 1010 !important;
}

#scroll-table .grid-view .grid-view-footer {
	flex: 0;
	border-top: 1px solid var(--bs-gray-200, #E5E7EB);
}

#scroll-table .grid-view .grid-view-footer nav {
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

#scroll-table.scroll-y {
	overflow-y: auto;
}

/** Таблица, grid-view сортировка */
.grid-view .table .sorted {
	line-height: 18px;
}

.grid-view .table .sorted a {
	text-decoration: none;
	position: relative;
	display: block;
	color: var(--bs-blue-dark-600, #155EEF);
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 18px;
	width: fit-content;
}

.grid-view .table .sorted a:hover {
	color: var(--bs-blue-dark-400, #528BFF);
}

.grid-view .table .sorted a.desc {
	padding-right: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23155EEF' stroke='none' d='M15.493 10.728c-0.316 0.161-8.621 8.48-8.775 8.788-0.235 0.471-0.115 0.957 0.347 1.419 0.463 0.463 0.948 0.581 1.419 0.347 0.165-0.084 1.324-1.204 3.876-3.752l3.64-3.635 3.64 3.635c2.552 2.548 3.711 3.668 3.876 3.752 0.471 0.235 0.956 0.116 1.419-0.347 0.461-0.461 0.581-0.948 0.347-1.419-0.161-0.324-8.463-8.631-8.785-8.791-0.146-0.069-0.318-0.109-0.498-0.109-0.183 0-0.356 0.041-0.511 0.115l0.007-0.003z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position-x: right;
	background-size: 14px 14px;
	background-position-y: center;
}

.grid-view .table .sorted a.desc:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23528BFF' stroke='none' d='M15.493 10.728c-0.316 0.161-8.621 8.48-8.775 8.788-0.235 0.471-0.115 0.957 0.347 1.419 0.463 0.463 0.948 0.581 1.419 0.347 0.165-0.084 1.324-1.204 3.876-3.752l3.64-3.635 3.64 3.635c2.552 2.548 3.711 3.668 3.876 3.752 0.471 0.235 0.956 0.116 1.419-0.347 0.461-0.461 0.581-0.948 0.347-1.419-0.161-0.324-8.463-8.631-8.785-8.791-0.146-0.069-0.318-0.109-0.498-0.109-0.183 0-0.356 0.041-0.511 0.115l0.007-0.003z'/%3E%3C/svg%3E");
}

.grid-view .table .sorted a.asc {
	padding-right: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23155EEF' stroke='none' d='M7.501 10.727c-0.275 0.145-0.64 0.517-0.784 0.799-0.072 0.139-0.114 0.304-0.114 0.478 0 0.175 0.043 0.341 0.118 0.487l-0.003-0.006c0.167 0.333 8.464 8.631 8.797 8.797 0.141 0.073 0.307 0.115 0.484 0.115s0.343-0.043 0.49-0.118l-0.006 0.003c0.333-0.167 8.631-8.464 8.797-8.797 0.235-0.471 0.115-0.957-0.347-1.419-0.453-0.453-0.961-0.575-1.431-0.34-0.149 0.075-1.427 1.313-3.864 3.745l-3.64 3.635-3.64-3.635c-2.437-2.432-3.715-3.671-3.864-3.745-0.145-0.069-0.316-0.109-0.496-0.109-0.181 0-0.353 0.041-0.506 0.114l0.007-0.003z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position-x: right;
	background-size: 14px 14px;
	background-position-y: center;
}

.grid-view .table .sorted a.asc:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23528BFF' stroke='none' d='M7.501 10.727c-0.275 0.145-0.64 0.517-0.784 0.799-0.072 0.139-0.114 0.304-0.114 0.478 0 0.175 0.043 0.341 0.118 0.487l-0.003-0.006c0.167 0.333 8.464 8.631 8.797 8.797 0.141 0.073 0.307 0.115 0.484 0.115s0.343-0.043 0.49-0.118l-0.006 0.003c0.333-0.167 8.631-8.464 8.797-8.797 0.235-0.471 0.115-0.957-0.347-1.419-0.453-0.453-0.961-0.575-1.431-0.34-0.149 0.075-1.427 1.313-3.864 3.745l-3.64 3.635-3.64-3.635c-2.437-2.432-3.715-3.671-3.864-3.745-0.145-0.069-0.316-0.109-0.496-0.109-0.181 0-0.353 0.041-0.506 0.114l0.007-0.003z'/%3E%3C/svg%3E");
}

/** Стили для рейтинга в одну звезду */
.rate-sm {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.rate-sm.rate-sm-horizontal {
	flex-direction: row;
}

.rate-sm .indicator {
	position: relative;
	width: 1rem;
}

.rate-sm .indicator .indicator-bg {
	width: 1rem;
	height: 1.25rem;
	color: var(--bs-gray-300, #F2F4F7);
}

.rate-sm .indicator .indicator-lb {
	width: 1rem;
	height: 1.25rem;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	color: var(--bs-warning-400, #FDB022);
}

.rate-sm .indicator svg {
	width: 1rem;
	height: 1rem;
}

.rate-sm .marker {
	color: var(--bs-gray-500, #667085);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.125rem; /* 150% */
}

.meeting-result-comment {
	border-radius: 8px;
	border: 1px solid var(--bs-gray-200);
	background: var(--bs-gray-50);
	display: flex;
	padding: 10px;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	align-self: stretch;
}

/** кнопка для таблицы */
.btn-table {
	color: var(--bs-gray-900);
	font-weight: var(--typography-text-regular);
	line-height: var(--typography-text-sm-line-height);
	background: none;
	border-radius: 6px;
	border: 1px solid var(--bs-gray-200);
	padding: 1px 6px;
	cursor: pointer;
	text-decoration: none;
	height: 24px;
}
.btn-table:not(.inactive):hover {
	border: 1px solid var(--bs-gray-300);
}
.btn-table:not(.inactive):active {
	color: var(--bs-gray-900);
	border: 1px solid var(--bs-gray-300);
	background: var(--bs-gray-50);
}
a.btn-table {
	text-decoration: none;
	color: var(--bs-gray-900);
	font-weight: var(--typography-text-medium);
}
.btn-table svg {
	width: 14px;
	height: 14px;
	fill: var(--bs-gray-500);
}
.btn-table-sm {
	padding: 2px 3px;
	height: auto;
}
.btn-table.inactive {
	cursor: default;
}
.dropdown-menu .dropdown-item, .dropdown-menu .dropdown-item .text, .dropdown-submenu-item {
	font-weight: var(--typography-text-medium);
	text-decoration: none;
	color: var(--bs-dropdown-link-color);
}
.dropdown-menu .danger.dropdown-item .text{
	color: var(--bs-red-600, #D92D20);
}
.dropdown-menu .dropdown-item svg {
	width: 1rem;
	height: 1rem;
}

.dropdown-menu .dropdown-item {
	display: flex;
	padding: 7px 10px;
	align-items: center;
	gap: 6px;
	margin: 2px 6px;
	width: calc(100% - 12px);
	border-radius: 6px;
}

.dots-menu .dropdown-menu {
	--bs-dropdown-min-width: 240px;
	--bs-dropdown-zindex: 12000;
}

.dropdown-item svg {
	height: 16px;
	width: 16px;
	stroke: currentColor;
	fill: currentColor;
	color: var(--bs-gray-700);
}
.dropdown-item.delete-btn svg {
	color: var(--bs-red-600);
}
.after:after {
	content: '' !important;
}
.no-box-shadow {
	box-shadow: none !important;
}
.modal-body {
	padding: 20px 20px 0 20px;
}
#modal-object-small .modal-footer {
	padding: 0px 20px 20px 20px !important;
}
.modal-footer {
	width: 100%;
	padding: 20px 20px 24px 20px;
}
.modal-footer > * {
	margin: 0;
}
.modal-footer {
	display: flex;
	gap: 12px;
	justify-content: end;
}
.is-invalid .kv-date-remove {
	display: none !important;
}

.objects-view .tooltip {
	border: 1px solid var(--bs-gray-200, #EAECF0);
}
.objects-view .tooltip .tooltip-arrow {
	border: 1px solid var(--bs-gray-200, #EAECF0);
	background: var(--bs-gray-200, #EAECF0);
}

.objects-view .popover {
	--bs-popover-body-padding-x: 0px;
	--bs-popover-body-padding-y: 0px;
	--bs-popover-border-radius: var(--bs-border-radius-lg);
	--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
	border: 1px solid var(--bs-gray-200, #EAECF0);
	border-radius: var(--bs-popover-border-radius, 0.125rem);
}
.objects-view .popover-body {
	border-radius: var(--bs-popover-inner-border-radius, calc(0.125rem - 1px));
}

.objects-view .popover-body .agent-container {
	width: 260px;
	margin: 9px 16px;
}

.objects-view .popover-body .agent-container .avatar.avatar-32 svg {
	width: 20px;
	height: 20px;
}

.objects-view .popover-body .btn {
	margin: 9px 16px;
	color: var(--bs-gray-700, #384250);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.25rem;
	padding: 0px;
}

.objects-view .popover-body .btn svg {
	width: 16px;
	height: 16px;
}

.objects-view .popover-body .sub-head {
	color: var(--bs-gray-500, #6C737F);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin: 0px 16px 8px 16px;
}

.recomendator {
	color: var(--bs-gray-500, #667085);
	font-size: var(--typography-text-xs-font-size);
	line-height: var(--typography-text-xs-line-height);
	font-weight: var(--typography-text-medium);
	margin-bottom: 0.75rem;
}

.btn-transparent {
	--bs-btn-color: var(--bs-gray-600);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-gray-700);
	--bs-btn-hover-bg: transparent;

	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: var(--bs-gray-700);
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: var(--bs-gray-300);
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-box-shadow: 0 0 0 #fff;
	--bs-btn-focus-shadow-rgb: 0 0 0;
	transition: none;
}

/** стили для модального окна */
.three-level-icon,
.modal-content .modal-header .modal-head-icon {
	--modal-head-icon-border: #F9FAFB;
	--modal-head-icon-bg: #F2F4F7;
	--modal-head-icon-color: #475467;
}

.three-level-icon.warning,
.modal-content .modal-header.modal-header-warning .modal-head-icon {
	--modal-head-icon-border: var(--bs-warning-50, #FFFAEB);
	--modal-head-icon-bg: var(--bs-warning-100, #FEF0C7);
	--modal-head-icon-color: var(--bs-warning-600, #DC6803);
}

.three-level-icon.danger,
.modal-content .modal-header.modal-header-danger .modal-head-icon {
	--modal-head-icon-border: var(--bs-red-50, #FEF3F2);
	--modal-head-icon-bg: var(--bs-red-100, #FEE4E2);
	--modal-head-icon-color: var(--bs-red-600, #D92D20);
}

.three-level-icon,
.modal-content .modal-header .modal-head-icon {
	width: 3rem;
	height: 3rem;
	padding: 0.75rem;
	border-radius: 1.75rem;
	border: 0.5rem solid var(--modal-head-icon-border, #F9FAFB);
	background: var(--modal-head-icon-bg, #F2F4F7);
	line-height: 1rem;
	display: inline-block;
	margin-right: 0.5rem;
	vertical-align: middle;
}

.three-level-icon svg,
.modal-content .modal-header .modal-head-icon svg {
	color: var(--modal-head-icon-color,#475467);
	width: 1rem;
	height: 1rem;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	margin-top: -4px;
	margin-left: -4px;
}

.modal-content .modal-header .modal-title .sub-header {
	color: var(--bs-gray-600, #475467);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem;
}
/* если нет футера, то добавляем пэддинг 20 px снизу */
.modal-content:not(:has(.modal-footer)) .modal-body {
	padding: 20px;
}

.modal-dialog.modal-metro-map {
	width: 80vw;
	max-width: 80vw;
}

.modal-dialog.modal-metro-map .modal-body {
	padding: 0px;
	margin: 20px;
	overflow: hidden;
}

.modal-dialog.modal-metro-map .modal-body .selected-stations {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.modal-dialog.modal-metro-map .modal-body .selected-stations .selected-stations-list {
	display: flex;
	flex-direction: row;
	gap: 8px;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 0.75rem;
	margin-bottom: 20px;
	margin-top: 20px;
}

.modal-dialog.modal-metro-map .modal-body .selected-stations .selected-stations-list:empty {
	margin-top: 0px;
}

.modal-dialog.modal-metro-map .modal-body .selected-stations .selected-stations-clear {
	cursor: pointer;
}

.modal-dialog.modal-metro-map .modal-body .selected-stations .selected-stations-list .metro-item {
	border: 1px solid var(--bs-gray-300, #ccc);
	border-radius: 6px;
	margin: 0px;
	display: inline-block;
	vertical-align: top;
	line-height: 18px;
	height: 26px;
	padding: 3px 4px 3px 6px;
}

.modal-dialog.modal-metro-map .modal-body .selected-stations .selected-stations-list .metro-item .btn-del {
	cursor: pointer;
}

.modal-dialog.modal-metro-map .modal-body .selected-stations .selected-stations-list .metro-item svg:not(.btn-del) {
	margin-right: 2px;
}

.modal-dialog.modal-metro-map .modal-body .selected-stations svg {
	width: 8px;
	height: 8px;
	line-height: 18px;
	margin-bottom: 2px;	
}

.modal-dialog.modal-metro-map .modal-body .selected-stations svg.btn-del {
	width: 14px;
	height: 14px;
	color: #9DA4AE;
}

.modal-dialog.modal-metro-map .modal-body .metro_map_scale {
	position: absolute;
	top: calc(50% - 42px);
	right: 8px;
}

.modal-dialog.modal-metro-map .modal-body .metro_map_scale .btn {
	padding: 8px;
}

.modal-dialog.modal-metro-map .modal-body .metro_map_scale .btn:first-child {
	margin-bottom: 8px;
}

.modal-dialog.modal-metro-map .modal-body .metro_map_scale .btn svn {
	width: 20px;
	height: 20px;
}

#metro-map {
	height: calc(100vh - 186px - 0.25rem);
	max-height: calc(100vh - 186px - 0.25rem);
	display: flex;
	flex-direction: column;
}

.modal-dialog.modal-metro-map .metro-map-area {
	flex: 1;
	overflow: auto;
	position: relative;
	-moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none; /* you could also put this in a class */
	-webkit-user-select: none; /* and add the CSS class here instead */
	-ms-user-select: none;
	user-select: none;
}

.modal-dialog.modal-metro-map .metro-map-area .metro-map-object {
	position: relative;
	cursor: grab;
}

.modal-dialog.modal-metro-map .metro-map-area .metro-map-object svg {
	width: 100%;
	height: 100%;
}

.modal-dialog.modal-metro-map .metro-map-area .metro-map-object .metro_map_stations {
	position: absolute;
	top: 0px;
	left: 0px;
}

.modal-dialog.modal-metro-map .metro-map-area .metro-map-object .metro_map_stations .metro_map_station {
	cursor: pointer;
}

.modal-dialog.modal-metro-map .metro-map-area .metro-map-object .metro_map_stations .metro_map_station.selected {
	fill: var(--bs-red-600, #F04438);
}

.modal-dialog.modal-metro-map .modal-content .modal-footer {
	padding-top: 0px;
}

.modal-dialog.modal-confirm .modal-body {
	padding-bottom: 20px;
}

.modal-content .modal-header.up-header,
.modal-content .modal-header .up-header {
	color: var(--bs-gray-900, #111927);
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem;
}

.modal-content .modal-body.text-lg,
.modal-content .modal-body .text-lg {
	color: var(--bs-gray-900, #101828);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.75rem;
}

.buttons-list {
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: 0.75rem;
	align-self: stretch;
	margin: 0px;
	align-content: stretch;
	flex: 1;
}

.modal-dialog.modal-confirm .modal-body .buttons-list {
	margin-top: 2rem;
}

.modal-dialog.modal-result .modal-body {
	padding: 0px;
	padding-bottom: 1rem;
}

.modal-dialog.modal-result .modal-header {
	padding: 1rem;
	padding-bottom: 0px;
}
.modal-dialog.modal-result.success-result {
	--bs-modal-color: var(--bs-success-600, #079455);
	--bs-modal-border-color: var(--bs-success-300, #75E0A7);
	--bs-modal-bg: var(--bs-success-25, #F6FEF9);
}

.modal-dialog.modal-result.success-result .modal-content .modal-header .modal-head-icon svg {
	color: var(--bs-modal-color, #079455);
	width: 1.75rem;
	height: 1.75rem;
	margin: 0px;
	vertical-align: top;
	padding: calc(0.125rem - 1px);
	border: 2px solid #0794554D;
	border-radius: 1rem;
}

.modal-dialog.modal-result.success-result .modal-content .modal-header .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23067647'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	width: 20px;
	height: 20px;
	padding: 0px;
}

.modal-dialog.modal-result.error-result {
	--bs-modal-color: var(--bs-red-600, #B42318);
	--bs-modal-border-color: var(--bs-red-300, #FDA29B);
	--bs-modal-bg: var(--bs-red-25, #FFFBFA);
}

.modal-dialog.modal-result.error-result .modal-content .modal-header .modal-head-icon svg {
	color: var(--bs-modal-color, #B42318);
	width: 1.75rem;
	height: 1.75rem;
	margin: 0px;
	vertical-align: top;
	padding: calc(0.125rem - 1px);
	border: 2px solid #B423184D;
	border-radius: 1rem;
}

.error-list {
	color: var(--bs-red-600, #B42318);
}

.modal-dialog.modal-result.warning-result {
	--bs-modal-color: var(--bs-warning-600, #DC6803);
	--bs-modal-border-color: var(--bs-warning-300, #FEC84B);
	--bs-modal-bg: var(--bs-warning-25, #FFFCF5);
}

.modal-dialog.modal-result.warning-result .modal-content .modal-header .modal-head-icon svg {
	color: var(--bs-modal-color, #DC6803);
	width: 1.75rem;
	height: 1.75rem;
	margin: 0px;
	vertical-align: top;
	padding: calc(0.125rem - 1px);
	border: 2px solid #DC68034D;
	border-radius: 1rem;
}

.modal-dialog.modal-result.error-result .modal-content .modal-header h5,
.modal-dialog.modal-result.warning-result .modal-content .modal-header h5,
.modal-dialog.modal-result.success-result .modal-content .modal-header h5 {
	line-height: 2.25rem;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
}

.modal-dialog.modal-result.success-result .modal-content .modal-header .btn-close,
.modal-dialog.modal-result.warning-result .modal-content .modal-header .btn-close,
.modal-dialog.modal-result.error-result .modal-content .modal-header .btn-close {
	top: 16px;
	right: 16px;
}

.modal-dialog.modal-result.error-result .modal-content .modal-header .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23B42318'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	width: 20px;
	height: 20px;
	padding: 0px;
}

.modal-dialog.modal-result.warning-result .modal-content .modal-header .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DC6803'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	width: 20px;
	height: 20px;
	padding: 0px;
}

.modal-dialog.modal-result.success-result .modal-content .modal-header .modal-head-icon,
.modal-dialog.modal-result.warning-result .modal-content .modal-header .modal-head-icon,
.modal-dialog.modal-result.error-result .modal-content .modal-header .modal-head-icon {
	width: 2.25rem;
	height: 2.25rem;
	background: #fff;
	line-height: 2.375rem;
	padding: 0.125rem;
	display: inline-block;
	margin-right: 0.5rem;
	vertical-align: middle;
}

.modal-dialog.modal-result.error-result .modal-content .modal-header .modal-head-icon {
	border: 2px solid #B4231819;
}

.modal-dialog.modal-result.warning-result .modal-content .modal-header .modal-head-icon {
	border: 2px solid #DC680319;
}

.modal-dialog.modal-result.success-result .modal-content .modal-header .modal-head-icon {
	border: 2px solid #07945519;
}

.modal-form {
	padding-left: calc(0.5 * var(--bs-gutter-x, 1.5rem));
	padding-right: calc(0.5 * var(--bs-gutter-x, 1.5rem));
	font-size: 0.875rem;
	color: var(--bs-gray-700, #344054);
	font-style: normal;
	font-weight: 500;
	line-height: 1.25rem;
}

.modal-dialog.modal-result.error-result .modal-form {
	color: var(--bs-modal-color, #B42318);
}

.modal-dialog.modal-result.error-result ul.modal-form {
	margin-left: 1.5rem;
	margin-top: 0.5rem;
}

.modal-form .row {
	--bs-gutter-y: 2rem;
	margin-bottom: calc(0.5 * var(--bs-gutter-y, 2rem));
}

.buttons-list > * {
	flex: 1;
	display: inline-block;
	text-align: center;
}

.buttons-list .btn {
	white-space: nowrap;
}

.buttons-list.btn-right-align {
	justify-content: flex-end;
}

.buttons-list.btn-right-align > * {
	flex: 0;
}

.modal-form .form-group {
	margin-top: 0.5rem;
}

.modal-form.form-horizontal {
	display: flex;
	flex-direction: row;
	gap: 0.75rem;
}

.modal-form.form-horizontal.strech {
	justify-content: stretch;
}

.modal-form.form-horizontal.strech .buttons-rights {
	flex: 1;
}

.modal-form.form-horizontal .row {
	flex-direction: row;
	flex-wrap: nowrap;
	width: auto;
}

.modal-form.form-horizontal .row > * {
	width: auto;
	line-height: 2.5rem;
	margin-bottom: 0px;
}

.modal-form.form-horizontal .form-label {
	padding-right: 0px;
	font-size: var(--typography-text-sm-font-size, 14px);
	line-height: var(--typography-text-sm-line-height, 20px);
}

.modal-dialog .modal-content .modal-body .map-headline {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 6px;
	margin-bottom: 16px;
	line-height: 1.25rem;
	font-size: 0.875rem;
}

.modal-dialog .modal-content .modal-body .map-headline .h-label {
	color: var(--bs-gray-700, #344054);
	font-style: normal;
	font-weight: 400;
}

.modal-dialog .modal-content .modal-body .map-headline .h-label:not(:first-child) {
	padding-left: 6px;
}

.modal-dialog .modal-content .modal-body .map-headline .h-address {
	color: var(--bs-gray-900, #101828);
	font-style: normal;
	font-weight: 600;
}


.modal-dialog .modal-content .modal-body .map-headline .h-metro {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.modal-dialog .modal-content .modal-body .map-headline .h-metro .metro-item {
	color: var(--bs-gray-900, #111927);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
}

.modal-dialog .modal-content .modal-body .map-headline .h-metro .metro-item svg {
	line-height: 1.25rem;
	margin-right: 2px;
	width: 8px;
	height: 8px;
}

.metro-item .distance {
	margin-left: 0.25rem;
}

.metro-item .distance::before {
	content: '(';
}

.metro-item .distance::after {
	content: ')';
}

.danger, .danger svg {
	color: var(--bs-red-600, #D92D20) !important;
}

.danger:hover .danger svg:hover {
	color: var(--bs-red-500, #F04438) !important;
}

.warning, .warning svg {
	color: var(--bs-warning-600, #DC6803) !important;
}

.warning:hover, .warning svg:hover {
	color: var(--bs-warning-500, #FDB022) !important;
}

.modal-dialog .modal-content .modal-body .remark {
	color: var(--bs-gray-600, #475467);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem;
}

.btn .exist-data {
	color: var(--bs-red-600, #D92D20);
	position: absolute;
	top: 0px;
	right: 0.5rem;
	width: 0.5rem;
	height: 0.5rem;
}

.search.form-inline .btn .exist-data {
	top: 0.5rem;
}

.btn.row > * {
	width: auto;
}

.search.form-inline .btn .exist-data svg,
.btn.btn-transparent.row .exist-data svg,
.btn .exist-data svg {
	width: 0.5rem;
	height: 0.5rem;
	margin-left: 0px;
	vertical-align: top;
}

.section {
	width: 100%;
	display:flex;
	gap: 32px;
	align-items: flex-start;
	align-self: stretch;
}
.section-label {
	display: flex;
	width: 280px;
	flex-direction: column;
	align-items: flex-start;
}
.section-content {
	display: flex;
	width: 450px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.section.wide-section .section-label {
	min-width: 280px !important;
}

.section.wide-section .section-content {
	width: 100%;
}

.section-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}
.section-column .field-wrapper {
	width: 100%;
}
.section-cell {
	display: flex;
	align-items: end;
	flex-direction: column;
	align-self: stretch;
	gap: 12px;
}
.section-cell .form-text {
	margin-top: 0;
}
.section-cell .form-check {
	min-height: 1rem;
}
.section-label-container {
	display: flex;
	gap: 4px;
}
.section-label-box {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 16px;
}
.section-group-title {
	font-size: var(--typography-text-md-font-size);
	line-height: var(--typography-text-md-line-height);
	font-weight: var(--typography-text-semibold);
}
.section-checkbox-group {
	width: 100%;
	gap: 8px;
	display: flex;
	flex-direction: column;
	align-items: start;
}
#contacts-app .section-column svg{
	transform: scale(1.11);
}
.w-base {
	width: 400px !important;
}
@media screen and (max-width: 500px) {
	.section-row .section-column .w-base, .section-column.w-base {
		width: auto !important;
		flex-grow: 1;
	}
	.section-content > .section-column > .field-wrapper {
		width: 100%;
	}
	#contacts-pjax .section-content input[type="text"], #contacts-pjax .selectize-control,
	.section-column .field-wrapper {
		width: 100%;
	}
}
.form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}
.section-content .form-label, .section-content .form-check-label {
	margin-bottom: 0;
}
.section-row {
	display: flex;
	align-items: end;
	align-self: stretch;
	gap: 12px;
}
.section-content {
	width: 400px;
}
.section-row > .section-column:has(.form-label > .form-control-help) + .section-column {
	line-height: 20px;
}
.multiple-input-list.list-renderer .list-cell__button {
	width: max-content;
}
.multiple-input-list.list-renderer .list-cell__button:last-child {
	padding-right: 0px;
}
.list-cell__button{
	justify-content: center;
	display: flex;
	align-items: center;
}

.form-switch .form-check-input {
	--bs-form-check-bg: var(--bs-gray-100);
}
.form-switch .form-check-input:hover {
	--bs-form-check-bg: var(--bs-gray-200);
}

.form-check:not(.form-switch) input[type="radio"].form-check-input {
	margin: 0;
}
.form-check:not(.form-switch) input[type="radio"].form-check-input:not(:checked) {
	border: 1px solid var(--bs-gray-300);
}

.form-check:not(.form-switch) input[type="radio"].form-check-input:hover:not(:checked) {
	border: 1px solid var(--bs-primary-600);
	background: var(--bs-primary-100);
}

.form-check:not(.form-switch) input[type="radio"].form-check-input:focus {
	box-shadow: 0px 0px 0px 4px #D9F2E5;
	/*border: 1px solid var(--bs-primary-600, #238165);*/
}
.form-check:not(.form-switch) input[type="radio"].form-check-input:focus:not(:checked) {
	border: 1px solid var(--bs-primary-300, #85D0B3);
}
.form-check:not(.form-switch) [type="checkbox"].form-check-input {
	border-radius: 4px;
	border: 1px solid var(--bs-gray-300, #D0D5DD);
	background: #fff;
}

.form-check:not(.form-switch) [type="checkbox"].form-check-input:hover:not(:checked) {
	border: 1px solid var(--bs-primary-300, #85D0B3);
}

.form-check:not(.form-switch) [type="checkbox"].form-check-input:checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%23238165' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	border: 1px solid var(--bs-primary-600, #238165);
	background-position: center;
	background-color: var(--bs-primary-50, #EFFAF5);
}
.form-check:not(.form-switch) [type="checkbox"].form-check-input.form-check-input-sm:checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%23238165' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form-check:not(.form-switch) [type="checkbox"].form-check-input:checked:hover,
.form-check:not(.form-switch) [type="checkbox"].form-check-input:hover {
	background-color: var(--bs-primary-100, #D9F2E5);
}
.form-check:not(.form-switch) [type="checkbox"].form-check-input {
	width: 20px;
	height: 20px;
}
.form-check:not(.form-switch) [type="checkbox"].form-check-input.form-check-input-sm {
	width: 16px;
	height: 16px;
}
select {
	appearance: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.section-label label {
	font-size: var(--typography-text-sm-font-size);
	line-height: var(--typography-text-sm-line-height);
	font-weight: var(--typography-text-semibold);
	color: var(--bs-gray-700);
}
.section-hint {
	font-size: var(--typography-text-sm-font-size);
	line-height: var(--typography-text-sm-line-height);
	font-weight: var(--typography-text-regular);
	color: var(--bs-gray-600);
}
.background-success-25 {
	background-color: var(--bs-success-25);
}
.offcanvas-content {
	overflow-y: auto;
	width: 100%;
	height: 100%;
	display: flex;
	gap: 16px;
	flex-direction: column;
	padding: 16px;
}

.text-align-center {
	text-align: center;
}

.html-input-content {
	padding: 12px 14px;
	border-radius: var(--bs-border-radius);
	border: 1px solid var(--bs-gray-300, #D0D5DD);
	background: #fff;
	/* Shadow/xs */
	box-shadow: var(--bs-box-shadow-xs);
}
.html-input-content:focus {
	background-color: var(--bs-body-bg);
	border-color: #85D0B3;outline: 0;
	-webkit-box-shadow: 0px 0px 0px 4px #D9F2E5, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
	box-shadow: 0px 0px 0px 4px #D9F2E5, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.multiple-input-list__item.inline {
	display: flex;
	gap: 12px;
	align-items: start;
}
.multiple-input-list__item.inline:not(:last-child) {
	margin-bottom: 10px !important;
}
.multiple-input-list__item.inline:last-child {
	margin-bottom: 0px;
}
.multiple-input-list__item.inline  .list-cell__name, .multiple-input-list.list-renderer .form-group {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	gap: 6px;
}
.multiple-input-list__item.inline .form-label {
	margin-bottom: 0;
}
.multiple-input-list.list-renderer .inline .form-group {
	margin-bottom: 0 !important;
}
.is-invalid>.invalid-feedback {
	display: flex;
}
.multiple-input-list__item .form-label, .multiple-input-list__item .invalid-feedback {
	margin-bottom: 0;
	margin-top: 0;
}

.obj-nav {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex: 1 0 0;
}

.obj-nav .obj-nav-item a,
.obj-nav .obj-nav-item {
	display: flex;
	padding: 6px 8px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	font-size: var(--typography-text-sm-font-size);
	line-height: var(--typography-text-sm-line-height);
	font-weight: var(--typography-text-semibold, 600);
	color: var(--bs-gray-500, #667085);
	text-decoration: none;
}

.obj-nav .obj-nav-item .badge, .dropdown-nav-menu .badge {
	display: flex;
	padding: 3px 6px;
	align-items: center;
	border-radius: 16px;
	border: 1px solid var(--bs-primary-200, #B6E4D0);
	background: var(--bs-primary-50, #EFFAF5);
	mix-blend-mode: multiply;
	font-size: var(--typography-text-xxs-font-size);
	line-height: var(--typography-text-xxs-line-height);
	color: var(--bs-primary-700);
}

.obj-nav .obj-nav-item a {
	padding: 0px;
}

.obj-nav .obj-nav-item.active {
	border-radius: 6px;
	background: var(--bs-primary-50, #EFFAF5);
	color: var(--bs-primary-700, #1A624E);
}

.obj-nav .obj-nav-item.active .badge {
	color: var(--bs-primary-700, #1A624E);
	border: 1px solid var(--bs-primary-200, #B6E4D0);
	background: var(--bs-primary-50, #EFFAF5);
}

.obj-nav .obj-nav-item.active a {
	border-radius: 6px;
	background: var(--bs-primary-50, #EFFAF5);
	color: var(--bs-primary-700, #1A624E);
	text-decoration: none;
}

.obj-nav .obj-nav-item.active a:hover,
.obj-nav .obj-nav-item.active a:focus {
	color: var(--bs-primary-700);
}

.info-line {
	width: calc(100% + 32px);
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 16px;
	border-top: 1px solid var(--bs-gray-200, #EAECF0);
	border-bottom: 1px solid var(--bs-gray-200, #EAECF0);
	position: relative;
	margin-left: -16px;
	margin-right: -16px;
}

.flex-end-btn {
	flex: 1 0 auto;
	text-align: right;
}

.flex-end-btn > * {
	float: right;
}

/** DropDown для проекта, индивидуальные параметры */
.dropdown .dropdown-toggle {
	text-align: left;
	justify-content: flex-start;
}

.dropdown.dropdown-badge {
	font-size: 1rem;
}

.dropdown.dropdown-badge.small {
	font-size: 0.75rem;
}

.dropdown.dropdown-badge .dropdown-toggle {
	border-radius: 1em;
	line-height: 1.25em;
	display: inline-flex;
	padding: 0.25em 1.725em 0.25em 0.75em;
	align-items: center;
	gap: 0.25em;
	height: 1.75em;
}

.dropdown.dropdown-badge .dropdown-toggle.btn-transparent {
	padding-right: 0px;
	margin-right: 0px;
}

.dropdown-toggle.btn-transparent::after {
	content: unset;
}

.dropdown .dropdown-toggle.arrow-end::after {
	position: absolute;
	right: 0.75em;
	top: 1.125em;
}

.dropdown.dropdown-badge .dropdown-toggle.arrow-end::after {
	right: 0.65em;
	top: 0.75em;
}

.dropdown .dropdown-menu .dropdown-item.active {
	background-color: var(--bs-gray-100, #F2F4F7);
}

.dropdown.dropdown-badge .dropdown-menu {
	border-radius: 1em;
	padding: 0px;
}

.dropdown.dropdown-badge .dropdown-menu .dropdown-item {
	position: relative;
	padding: 0.25em 0.75em 0.25em 1.75em;
}

.dropdown.dropdown-badge .dropdown-menu .dropdown-item.active::before {
	position: absolute;
	left: 0.5em;
	top: 0.35em;
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='currentcolor' stroke='none' d='M26.16 6.728c-0.135 0.069-2.788 2.681-7.187 7.076l-6.973 6.968-2.973-2.967c-1.967-1.964-3.049-3.005-3.197-3.080-0.469-0.235-0.977-0.113-1.431 0.34-0.461 0.461-0.581 0.948-0.347 1.419 0.167 0.333 7.131 7.297 7.464 7.464 0.141 0.073 0.307 0.115 0.484 0.115s0.343-0.043 0.49-0.118l-0.006 0.003c0.336-0.168 15.296-15.128 15.464-15.464 0.233-0.471 0.115-0.957-0.347-1.419-0.453-0.453-0.977-0.576-1.441-0.337z'/%3E%3C/svg%3E");
	width: 0.75em;
	height: 0.75em;
}

.dropdown.dropdown-badge .dropdown-menu *:first-child .dropdown-item:hover,
.dropdown.dropdown-badge .dropdown-menu *:first-child .dropdown-item.active {
	border-top-left-radius: calc(1rem - 1px);
	border-top-right-radius: calc(1rem - 1px);
}

.dropdown.dropdown-badge .dropdown-menu *:last-child .dropdown-item:hover,
.dropdown.dropdown-badge .dropdown-menu *:last-child .dropdown-item.active {
	border-bottom-left-radius: calc(1rem - 1px);
	border-bottom-right-radius: calc(1rem - 1px);
}

.line-inputs {
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	gap: 12px;
}

/** Для элементов checkbox в виде круга */
.circle-check {
	display: inline-block;
}

.circle-check input[type=checkbox] {
	display: none;
}

.circle-check label svg {
	width: 0.75rem;
	height: 0.75rem;
}

.circle-check.lg label svg {
	width: 1rem;
	height: 1rem;
}

.circle-check input[type=checkbox] ~ label {
	padding: 0.25rem;
	border-radius: 2rem;
	border: 1px solid var(--bs-primary-200, #B6E4D0);
	background-color:var(--bs-primary-50, #EFFAF5);
	color: transparent;
	line-height: 0.5rem;
}

.circle-check.lg input[type=checkbox] ~ label {
	line-height: 0.75rem;
}

.circle-check input[type=checkbox]:checked ~ label {
	color: #fff;
	background-color: var(--bs-primary-500, #319877);
	border-color: var(--bs-primary-500, #319877);
}

.circle-check.outline input[type=checkbox]:checked ~ label {
	color: var(--bs-primary-500, #319877);;
	border: 1px solid var(--bs-primary-200, #B6E4D0);
	background-color:var(--bs-primary-50, #EFFAF5);
}

.w-h-center {
	color: var(--Gray-500, #667085);
	text-align: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	height: 100%;
  	margin: 0 auto;
	display: flex;
	align-items: center;
}

.top-filters {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}


.create-object-container .page-header span {
	font-size: var(--typography-text-lg-font-size);
	line-height: var(--typography-text-lg-line-height);
	font-weight: var(--typography-text-semibold);
}
#object-edit-tabs,
#ctabs {
	border-bottom: 1px solid var(--bs-gray-200, #E5E7EB);
}


@media screen and (max-width: 500px) {
	.d-xs-none {
		display: none;
	}
}

/* стили для форм */
.flex-form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}
.flex-fieldset {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 12px;
}
.flex-fieldset-cell {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	align-self: stretch;
}
.flex-fieldset-checks {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.flex-fieldset-cell .form-group {
	width: 100%;
}
.flex-fieldset-row {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}
.flex-fieldset-row100 {
	display: flex;
	justify-content: stretch;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}
.flex-fieldset-row100 .flex-fieldset-cell,
.flex-fieldset-row100 .form-group{
	width: 100%;
}
.flex-fieldset-cell-small {
	width: 82px;
	min-width: 82px;
}
.flex-fieldset-input {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}
.flex-fieldset-input label {
	margin-bottom: 0;
}
.flex-form-field {
	display: flex;
	align-items: start;
	gap: 4px;
	flex-direction: column;
	width: 100%;
}
.flex-form .invalid-feedback {
	margin-top: 0 !important;
}
.w-100px {
	width: 100px;
}
.w-120px {
	width: 120px;
}
.w-138px{
	width: 138px;
}
.w-360px {
	width: 360px;
}
.w-156px {
	width: 156px;
}
.w-150px {
	width: 150px;
}
.w-82px {
	width: 82px;
	min-width: 82px;
	max-width: 82px;
}
.w-436px {
	width: 436px;
}
.w-112px {
	width: 112px;
}
.w-212px {
	width: 212px;
}
.w-288px {
	width: 288px;
}
.w-20px {
	width: 20px;
}
.h-20px {
	height: 20px;
}
.h-114px {
	height: 114px;
}
.h-36px {
	height: 36px;
}
.wh-20px {
	width: 20px;
	height: 20px;
}
.wh-18px {
	width: 18px;
	height: 18px;
}
.wh-16px {
	width: 16px !important;
	height: 16px !important;
}
.wh-40px {
	width: 40px !important;
	height: 40px !important;
}
.flex-form-divider {
	min-height: 1px;
	height: 1px;
	align-self: stretch;
	background-color: var(--bs-gray-200);
}
.flex-fieldset .flex-form-divider {
	margin-top: 4px;
}
.flex-form .form-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}
.flex-form .form-group .form-text {
	margin-top: 0;
	font-size: var(--typography-text-xs-font-size);
	line-height: var(--typography-text-xs-line-height);
}
.flex-form-section-head {
	color: var(--bs-gray-900, #111927);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}
/*.flex-fieldset:not([style*="display: none"]):last-child .flex-form-divider {*/
/*	display: none;*/
/*}*/
.result-star {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	color: var(--bs-warning-400);
}
.nowrap {
	white-space: nowrap;
}

.meeting-index .pagination .page-item.prev .page-link,
.meeting-index .pagination .page-item.next .page-link {
	width: 36px;
	padding: 0;
}

.selectize-control.multi .selectize-input > div:not(.arrow) {
	margin: 3px;
	padding: 2px 4px 2px 8px;
}

.check-section {
	border-bottom: 1px solid var(--bs-gray-200, #E5E7EB);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 16px 0px;
}

.check-section .form-group {
	width: 50%;
}

.check-section:first-child {
	padding-top: 16px;
}

.check-section:last-child {
	border-bottom: 0px solid var(--bs-gray-200, #E5E7EB);
}

select.placeholdered:has(option[value=""]:checked) {
	color: var(--bs-gray-500);
}
select.placeholdered option[value=""] {
	display: none;
}

.selectize-control .item {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.selectize-control .textOverflowSP {
	overflow: hidden !important;
}

.a-info {
	display: flex;
	flex-direction: row;
	gap: 8px;
}

.a-info .a-info-head {
	color: var(--bs-gray-700, #384250);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.a-info .a-info-head .sub-head {
	color: var(--bs-gray-600, #4D5761);
	font-weight: 400;
}

.show-message {
	display: flex;
	padding: 12px 12px 16px 12px;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	align-self: stretch;
	border-radius: 8px;
	background: var(--bs-gray-100, #F3F4F6);

	color: var(--bs-gray-900, #111927);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.help {
	color: var(--bs-gray-600, #4D5761);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	margin-top: 6px;
}

.btn-icon {
	width: 20px !important;
	height: 20px !important;
	padding: 0;
	box-shadow: none;
	border: none !important;
}
.btn-icon svg {
	width: 20px !important;
	height: 20px !important;
}
.vertical-divider {
	width: 1px;
	align-self: stretch;
	background: var(--bs-gray-200, #E5E7EB);
}

.required-star {
	font-size: var(--typography-text-sm-font-size);
	line-height: inherit;
	color: var(--bs-red-600);
}

/* Swiper prev next button style */
.swiper-button-prev-btn, .swiper-button-next-btn,
.swiper-button-prev-btn:hover, .swiper-button-next-btn:hover,
.swiper-button-prev-btn:focus, .swiper-button-next-btn:focus,
.swiper-button-prev-btn:active, .swiper-button-next-btn:active {
	--swiper-navigation-size: 36px;
	position: absolute;
	top: 50%;
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.10) !important;
	width: 36px;
	color: #fff !important;
	border-width: 0;
}
.swiper-button-prev-btn {
	left: 8px;
}
.swiper-button-next-btn {
	right: 8px;
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
	padding-right: inherit;
	background-position: inherit;
}
.was-validated .form-control:valid, .form-control.is-valid {
	border-color: var(--bs-gray-300);
	padding-right: inherit;
	background: none;
}
/*bootstrap autocomplete*/
div:has(.bs-autocomplete) > .dropdown-menu {
	max-width: 100%;
}
.circle-divider {
	width: 5px;
	height: 5px;
	border-radius: 500px;
	background: #D9D9D9;
}
.featured-circle {
	display: flex;
	width: 48px;
	height: 48px;
	padding: 12px;
	justify-content: center;
	align-items: center;
	border-radius: 48px;
}
.featured-circle svg {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}
.background-blue-light-100 {
	background: var(--bs-blue-light-100);
}

.background-violet-100 {
	background: var(--bs-violet-100);
}
.background-fuchsia-100 {
	background: var(--bs-fuchsia-100);
}
.background-orange-dark-100 {
	background: var(--bs-orange-dark-100);
}
.background-success-100 {
	background: var(--bs-green-100);
}
.background-success-500 {
	background: var(--bs-success-500)
}
.background-red-500 {
	background: var(--bs-red-500)
}

.text-blue-light-600 {
	color: var(--bs-blue-light-600);
}
.text-violet-600 {
	color: var(--bs-violet-600);
}
.text-fuchsia-600 {
	color: var(--bs-fuchsia-600);
}
.text-orange-dark-600 {
	color: var(--bs-orange-dark-600);
}
.text-green-600 {
	color: var(--bs-green-600);
}
.legend-dots {
	margin-bottom: 5px;
	border-bottom: 1px dotted var(--bs-gray-300);
}
.offcanvas-body-content .alert {
	width: 100%;
}
.dropdown-menu .delete-btn.dropdown-item .text {
	color: var(--bs-red-600);
}
.label-non-required .required-star {
	display: none;
}

/** CheckSVG */
.check-svg-block {
	position: relative;
	display: inline-block;
}

.check-svg-block > input[type="checkbox"] {
  display: none;
}

.check-svg-block svg {
	width: 32px;
	height: 32px;
}

.check-svg-block > input[type="checkbox"]:checked + label.svg-label {
	color: var(--bs-btn-bg, #000);
}

.check-svg-block > input[type="checkbox"] + label.svg-label {
	color: var(--bs-btn-hover-bg-acolor, #ccc);
}

.card-header.with-buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: stretch;
}

.card-header.with-buttons .card-header-text {
	flex: 1;
	overflow: hidden;
}

.card-header.with-buttons .card-header-text > * {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.card-header.with-buttons .card-header-btns {
	
}

.card-header.with-buttons .card-header-btns svg {
	width: 32px;
	height: 32px;
}

.hidden-contact {
	cursor: pointer;
}

/** Стили для глобального поиска */
.grid-view .table.gsearch thead tr th,
.grid-view .table.gsearch tbody tr td {
	padding: 8px 6px;
	vertical-align: middle;
}

.grid-view .table.gsearch .gsearch-id {
	width: 70px;
	min-width: 70px;
}

.grid-view .table.gsearch .gsearch-id .in {
	width: auto;
	min-width: 58px;
	white-space: nowrap;
	display: flex;
	flex-direction: column;
}

.grid-view .table.gsearch .gsearch-id .in .add-ids {
	font-weight: var(--typography-text-regular) !important;
	color: var(--bs-gray-600);
	font-size: 12px !important;
	line-height: 18px !important;
}

.grid-view .table.gsearch .gsearch-id .in .add-ids span {
	margin-right: 8px;
}

.gsearch-type {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}
.gsearch-type .in {
	width: 148px;
	min-width: 148px;
	max-width: 148px;
}
.gsearch-module-name {
	width: 180px;
	min-width: 120px;
	max-width: 180px;
}
.gsearch-module-name .in {
	width: 168px;
	min-width: 108px;
	max-width: 168px;
}
.gsearch-label {
	min-width: 300px;
}

.gsearch-label .in {
	min-width: 288px;
}

.gsearch-agent {
	width: 170px;
	min-width: 140px;
	max-width: 170px;
}
.gsearch-agent .in {
	width: 158px;
	min-width: 138px;
	max-width: 158px;
}

.gsearch-status {
	width: 180px;
	min-width: 180px;
	max-width: 180px;
}

.gsearch-status .in {
	width: 178px;
	min-width: 178px;
	max-width: 178px;
}

.gsearch-price {
	width: 120px;
	min-width: 120px;
	max-width: 120px;
}

.gsearch-price .in {
	width: 108px;
	min-width: 108px;
	max-width: 108px;
}

/** Комментарии. Показ иконок управления при наведении */
.object-comment-icons{
	display: none !important;
}
div[data-comment-id]:hover .object-comment-icons{
	display: flex !important;
}

/** Стили для статуса заявок */
.status-bar{
	display: flex;
	align-items: center;
	gap: 3px;
	width: 100%;
	height: 3px;
}
.status-bar .bar{
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 24px;
	background: var(--bs-gray-200, #E5E7EB);
}
.status-bar-label{
	font-size: 14px;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.status-complex{
	gap: 0;
	margin-top: 8px;
	height: 16px;
}
.status-complex .bar {
	border-right: 2px solid var(--bs-gray-50, #F9FAFB);
	border-left: 2px solid var(--bs-gray-50, #F9FAFB);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	cursor: pointer;
}

.error {
	color: var(--bs-warning-700, #B54708);
	font-size: var(--typography-text-xs-font-size);
	line-height: var(--typography-text-xs-line-height);
}