@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--sat: env(safe-area-inset-top);
	--sar: env(safe-area-inset-right);
	--sab: env(safe-area-inset-bottom);
	--sal: env(safe-area-inset-left);
}

body {
	margin: 46px 0 0;
	font-family: "Inter", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: #1e2022;
	text-align: left;
	background-color: #fff;
}

html {
	overflow-y: scroll;
}

@media (hover: none) {
	/* Запрет вызова быстрого просмотра при долгом нажатии на ссылку */
	a {
		-webkit-touch-callout: none;
	}

	/* Запрет выделения текста */
	*:not(input, select, textarea) {
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Old versions of Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
	}

	.highlighting-allowed {
		-webkit-user-select: text !important;
		-khtml-user-select: text !important;
		-moz-user-select: text !important;
		-ms-user-select: text !important;
		user-select: text !important;
	}
}

h1, .h1 {
	font-size: 2.25rem;
}

input, textarea, select {
	font-weight: 400;
}

em {
	font-weight: 600 !important;
	font-style: normal !important;
}

.modal-open {
	overflow: auto;
}

.form-label {
	font-weight: 400;
}

.form-control {
	font-weight: 400;
}

.small, small {
	font-weight: 300;
}

.btn {
	font-weight: 400;
}

.page-link {
	cursor: pointer;
}

.text-grey {
	color: #e7eaf3;
}

.copyright_simbol {
	font-family: 'PT Sans', sans-serif;
}

.min-width-30 {
	min-width: 30rem !important;
}

.w-0 {
	width: 0;
}

.w-100px {
	width: 100px;
}

.mt-14 {
	margin-top: 14px;
}

.modal-height-100 .card-h100:first-child {
	height: calc(60vh + 61px) !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.modal-container .card .modal-container-scroll {
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 60vh;
	overflow-x: hidden;
}

.textarea-adding-comment-in-modal {
	height: calc(40vh - 60px) !important;
	border: 0 !important;
	padding: 8px !important;
}

.textarea-adding-comment-in-modal:focus {
	box-shadow: none !important;
}

.modal-container .card .modal-container-scroll::-webkit-scrollbar {
	height: 0;
	width: 0;
	background: transparent;
	display: none;
}

@supports (padding-top: constant(safe-area-inset-top)) {
	.modal-height-100 .card-h100:first-child {
		height: calc(60vh + 61px + constant(safe-area-inset-top) + constant(safe-area-inset-bottom) + constant(safe-area-inset-bottom)) !important;
	}

	.modal-container .card .modal-container-scroll {
		max-height: calc(60vh + constant(safe-area-inset-top) + constant(safe-area-inset-bottom));
	}

	.textarea-adding-comment-in-modal {
		height: calc(40vh - 60px + constant(safe-area-inset-top) + constant(safe-area-inset-bottom)) !important;
	}
}

@supports (padding-top: env(safe-area-inset-top)) {
	.modal-height-100 .card-h100:first-child {
		height: calc(60vh + 61px + env(safe-area-inset-top) + env(safe-area-inset-bottom) + env(safe-area-inset-bottom)) !important;
	}

	.modal-container .card .modal-container-scroll {
		max-height: calc(60vh + env(safe-area-inset-top) + env(safe-area-inset-bottom));
	}

	.textarea-adding-comment-in-modal {
		height: calc(40vh - 60px + env(safe-area-inset-top) + env(safe-area-inset-bottom)) !important;
	}
}

.iv-i {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	width: 100%;
}

.disabled {
	opacity: 0.65;
	pointer-events: none;
}

.u-sidebar--account__toggle-text {
	max-width: 100%;
}

.plan-svg-editor-body {
	height: 350px;
}

.plan-svg-editor {
	max-height: 350px;
}

/* sm-устройства (больше или равно 576px) */
@media (min-width: 576px) {
	.modal-height-100 .card-h100:first-child {
		height: 85vh !important;
	}

	@supports (padding-top: constant(safe-area-inset-top)) {
		.modal-height-100 .card-h100:first-child {
			height: calc(85vh - constant(safe-area-inset-top) - constant(safe-area-inset-bottom)) !important;
		}
	}

	@supports (padding-top: env(safe-area-inset-top)) {
		.modal-height-100 .card-h100:first-child {
			height: calc(85vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
		}
	}
}

/* md-устройства (больше или равно 768px) */
@media (min-width: 768px) {
	.border-md-right {
		border-right: 1px solid #e7eaf3 !important;
	}

	.modal-request .card .request-column {
		max-height: calc(90vh - 164px);
	}

	.modal-request .card .request-body {
		overflow: hidden !important;
		max-height: unset !important;
	}

	.plan-svg-editor-body {
		height: 100%;
	}

	.plan-svg-editor {
		max-height: 100%;
	}
}

/* lg-устройства (больше или равно 992px) */
@media (min-width: 992px) {
	.border-lg-right {
		border-right: 1px solid #e7eaf3 !important;
	}

	.modal-height-100 .card-h100:first-child {
		height: 90vh !important;
	}

	.modal-request .card .request-column {
		max-height: calc(90vh - 130px);
	}

	.task-name {
		max-height: 126px;
	}

	.task-comments {
		max-height: 222px;
	}

	.sub-tasks-body .tasks-board-stage-tasks {
		max-height: 123px;
	}

	.modal-request .card .request-row {
		height: 100%;
	}

	.u-sidebar--account__toggle-bg {
		padding: .25rem .25rem .25rem .25rem;
	}

	.u-sidebar--account__toggle-text {
		display: none;
	}

	.modal-task .modal-container-scroll {
		max-height: unset !important;
	}

	.modal-bank-operation .modal-container-scroll {
		max-height: 90vh !important;
	}

	.modal-container .card .modal-container-scroll {
		max-height: calc(90vh - 65px - 60px);
	}

	.modal-container-city-body-scroll {
		max-height: calc(90vh - 134px) !important;
	}

	.textarea-adding-comment-in-modal {
		height: calc(70vh - 60px - 60px) !important;
	}

	.modal-container .card .modal-container-task-information-scroll {
		overflow-y: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow-x: hidden;
	}

	.modal-container .card .modal-container-task-information-scroll::-webkit-scrollbar {
		height: 0;
		width: 0;
		background: transparent;
		display: none;
	}

	.modal-container .card .modal-container-task-information-scroll {
		max-height: calc(95vh);
	}

	.modal-container .card .modal-container-task-body-scroll {
		overflow-y: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow-x: hidden;
	}

	.modal-container .card .modal-container-task-body-scroll::-webkit-scrollbar {
		height: 0;
		width: 0;
		background: transparent;
		display: none;
	}

	.modal-container .card .modal-container-task-body-scroll {
		max-height: calc(95vh);
	}
}

/* xl-устройства (больше или равно 1200px) */
@media (min-width: 1200px) {
	.u-sidebar--account__toggle-bg {
		padding: .25rem .25rem .25rem .75rem;
	}

	.u-sidebar--account__toggle-text {
		display: unset;
		max-width: 178px;
	}

	.task-name {
		max-height: 210px;
	}

	.task-comments {
		max-height: 277px;
	}

	.sub-tasks-body .tasks-board-stage-tasks {
		max-height: 164px;
	}
}

@media (min-width: 1400px) {
	.task-name {
		max-height: 210px;
	}

	.sub-tasks-body .tasks-board-stage-tasks {
		max-height: 123px;
	}
}

@media (min-width: 1920px) {
	.task-name {
		max-height: 252px;
	}

	.sub-tasks-body .tasks-board-stage-tasks {
		max-height: 164px;
	}
}

@media (max-width: 991.98px) {
	.font-size-md-down-5 {
		font-size: 2.25rem;
	}
}

@media (max-width: 767.98px) {
	.navbar-nav .nav-link {
		font-size: 1.25rem;
	}

	.navbar-nav.u-header__navbar-nav {
		padding: 1rem 0 1rem 0;
	}
}

.font-weight-thin {
	font-weight: 100 !important;
}

.font-weight-extra-light {
	font-weight: 200 !important;
}

.font-weight-light {
	font-weight: 300 !important;
}

.font-weight-normal {
	font-weight: 400 !important;
}

.font-weight-medium {
	font-weight: 500 !important;
}

.font-weight-semi-bold {
	font-weight: 600 !important;
}

.font-weight-bold {
	font-weight: 700 !important;
}

.font-weight-extra-bold {
	font-weight: 800 !important;
}

.font-weight-black {
	font-weight: 900 !important;
}

.icon-tooltip {
	width: 11px;
}

.btn-icon > .sk-wave {
	width: 10px;
}

.sk-wave.button-wait {
	margin: 0 auto;
	height: 24px;
	font-size: 13px;
}

.btn-sm > .sk-wave.button-wait {
	height: 21px;
}

.btn-xs > .sk-wave.button-wait {
	height: 16px;
}

.btn-icon > .sk-wave.button-wait {
	height: 12px;
	font-size: 5px;
}

.sk-wave.button-wait .sk-rect {
	background-color: #fff;
	width: 2px;
}

.sk-wave.button-wait.text-dark .sk-rect {
	background-color: #000;
	width: 2px;
}

.btn-icon > .sk-wave.button-wait .sk-rect {
	width: 1px;
}

.animated-section-text {
	min-height: 165px;
}

.u-clients {
	width: 100%;
	max-width: 6rem;
	/* height: auto; */
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 576px) {
	.animated-section-text {
		min-height: 108px;
	}
}

@media (min-width: 992px) {
	.animated-section-text {
		min-height: 0;
	}
}

.u-header__navbar-brand,
.u-header__navbar-brand > img {
	padding-top: 0;
	padding-bottom: 0;
	width: auto;
	height: 43px;
	font-size: unset;
	line-height: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.navbar-expand-md .u-header__navbar-brand {
		padding-top: 0rem;
	}
}

.mirror-y {
	transform: scale(-1, 1);
}

/* Личный кабинет */
.sorting_asc .fa-angle-up.u-datatable__thead-icon {
	color: #6a67f8;
}

.sorting_desc .fa-angle-down.u-datatable__thead-icon {
	color: #6a67f8;
}

.width-53 {
	width: 53px;
}

.width-90 {
	width: 90px;
}

.width-130 {
	width: 130px;
}

.width-150 {
	width: 150px;
}

.width-180 {
	width: 180px;
}

.width-210 {
	width: 210px;
}

.m-width-115 {
	min-width: 115px;
	width: 115px;
}

.m-width-135 {
	min-width: 135px;
	width: 135px;
}

.m-width-155 {
	min-width: 155px;
	width: 155px;
}

.m-width-158 {
	min-width: 158px;
	width: 158px;
}

.w-space-no {
	white-space: nowrap;
}

.w-space {
	white-space: inherit;
}

@media (min-width: 1770px) {
	.max-width-1000 {
		max-width: 1000px;
	}
}

.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) li.active > .u-header__nav-link {
	color: #fff;
}

@media (max-width: 991.98px) {
	.navbar-expand-lg .u-header__sub-menu:not(.u-header__promo) {
		background: transparent;
	}

	.navbar-lk .u-header__nav-link, .navbar-lk .u-header__sub-menu-nav-link {
		color: hsla(0, 0%, 100%, .7);
	}

	.navbar-nav .nav-link {
		font-size: 1.25rem;
	}
}

/* Круговая диаграмма */
.progress-circle {
	font-size: 15px;
	position: relative; /* so that children can be absolutely positioned */
	display: inline-block;
	width: 5em;
	height: 5em;
	background-color: rgba(106, 103, 248, 0.1);
	border-radius: 50%;
	line-height: 5em;
}

.progress-circle:after {
	border: none;
	position: absolute;
	top: 0.35em;
	left: 0.35em;
	text-align: center;
	display: block;
	border-radius: 50%;
	width: 4.3em;
	height: 4.3em;
	background-color: white;
	content: " ";
}

/* Text inside the control */
.progress-circle span {
	position: absolute;
	width: 100%;
	text-align: center;
	display: block;
	color: #6a67f8;
	z-index: 2;
	font-size: 1.6rem;
}

.left-half-clipper {
	/* a round circle */
	border-radius: 50%;
	width: 5em;
	height: 5em;
	position: absolute; /* needed for clipping */
	clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/
}

/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
	clip: rect(auto, auto, auto, auto);
}

.value-bar {
	/*This is an overlayed square, that is made round with the border radius,
	then it is cut to display only the left half, then rotated clockwise
	to escape the outer clipping path.*/
	position: absolute; /*needed for clipping*/
	clip: rect(0, 2.5em, 5em, 0);
	width: 5em;
	height: 5em;
	border-radius: 50%;
	border: 0.45em solid #6a67f8; /*The border is 0.35 but making it larger removes visual artifacts */
	/*background-color: #4D642D;*/ /* for debug */
	box-sizing: border-box;

}

/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
	/*Progress bar for the first 50%, filling the whole right half*/
	position: absolute; /*needed for clipping*/
	clip: rect(0, 5em, 5em, 2.5em);
	background-color: #6a67f8;
	border-radius: 50%;
	width: 5em;
	height: 5em;
}

.progress-circle:not(.over50) .first50-bar {
	display: none;
}

.link-dark {
	color: #1e2022;
}

.link-dark:hover {
	color: #6a67f8;
}

.link-danger {
	color: #de4437;
}

.link-danger:hover {
	color: #ac281c;
}

.link-success {
	color: #3d9966;
}

.link-success:hover {
	color: #007d67;
}

.link-secondary {
	color: #0009;
}

.link-secondary:hover {
	color: #6a67f8;
}

.link-white {
	color: #fff;
	border-bottom: 1px dashed #fff;
}

.link-white:hover {
	color: #cbd3da;
}

.link-muted {
	color: #0009;
	border-bottom: unset;
	text-decoration: underline;
	text-decoration-color: rgba(119, 131, 143, 0.3);
}

.link-muted:hover {
	text-decoration: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #6a67f8;
	background-color: #6a67f8;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	border-color: #6a67f8;
	background-color: #6a67f8;
}

.btn-custom-toggle-indigo {
	color: #8c98a4;
	border-color: #d5dae2;
}

.btn-custom-toggle-indigo:hover {
	color: #6a67f8;
	background-color: transparent;
	border-color: #6a67f8;
}

.btn-custom-toggle-indigo:not(:disabled):not(.disabled):active, .btn-custom-toggle-indigo:not(:disabled):not(.disabled).active, .btn-custom-toggle-indigo:not(:disabled):not(.disabled):active, .btn-custom-toggle-indigo:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #6a67f8;
	border-color: #6a67f8;
}

.btn-custom-toggle-soft-indigo {
	color: #8c98a4;
	border-color: #d5dae2;
}

.btn-custom-toggle-soft-indigo:hover {
	color: #6a67f8;
	background-color: transparent;
	border-color: #6a67f8;
}

.btn-custom-toggle-soft-indigo:not(:disabled):not(.disabled):active, .btn-custom-toggle-soft-indigo:not(:disabled):not(.disabled).active, .btn-custom-toggle-soft-indigo:not(:disabled):not(.disabled):active, .btn-custom-toggle-soft-indigo:not(:disabled):not(.disabled).active {
	color: #1e2022;
	background-color: rgba(106, 103, 248, 0.1);
	border-color: #6a67f8;
}

.btn-soft-light {
	background: transparent;
}

@media (min-width: 1400px) {
	.space-1section {
		padding-top: 15rem !important;
		padding-bottom: 10rem !important;
	}
}

.container-gallery {
	max-width: 1820px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%;
}

.bootstrap-select .dropdown-menu li a span.text {
	display: inline-block;
}

.bootstrap-select > select {
	overflow: hidden !important;
}

.dropdown-toggle:after {
	display: none;
}

.dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	min-width: unset;
}

.dropdown-item {
	font-weight: 400;
	font-size: .7rem;
	white-space: nowrap;
	padding: .4375rem .9375rem;
}

.search-suggest .dropdown-item.active, .search-suggest .dropdown-item:hover, .search-suggest .dropdown-item:focus {
	background-color: rgba(106, 103, 248, 0.1) !important;
}

.min-width-50 {
	min-width: 50px;
}

@media (max-width: 767.98px) {
	.datatable-paging {
		flex-direction: column;
	}
}

@media (max-width: 991.98px) {
	.dataTables_paginate > span.page-item:first-child {
		display: none;
	}

	.dataTables_paginate > span.page-item:last-child {
		display: none;
	}
}

/* Select2 */
.select2-container--default .select2-selection--single {
	display: inline-block;
	width: 100%;
	height: calc(1.5em + 1.25rem + 2px);
	padding: 0.625rem 2rem 0.625rem 1rem;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e2022;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #d5dae2;
	border-radius: 0.3125rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select2-container--default .select2-selection--single.select2-xs {
	height: calc(1.3em + 1.04rem);
	padding: .3875rem .9375rem;
	font-size: .75rem;
	line-height: 1.4;
}

.select2-container--default.select2-container--focus .select2-selection--single {
	box-shadow: 0 0 10px rgba(106, 103, 248, .1);
	border: 1px solid rgba(106, 103, 248, .5);
}

.select2-container--default.select2-container--open .select2-selection--single {
	box-shadow: 0 0 10px rgba(106, 103, 248, .1);
	border: 1px solid rgba(106, 103, 248, .5);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.5;
	font-weight: 400;
	color: #1e2022;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: calc(1.5em + 1.25rem + 2px);
	position: absolute;
	top: 0;
	right: 0.7rem;
	width: 20px;
}

.select2-container--default .select2-selection--single.select2-xs .select2-selection__arrow {
	height: calc(1.3em + 1.04rem);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #1e2022 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #1e2022 transparent;
}

.select2-dropdown {
	border: 1px solid #d5dae2;
	overflow: hidden;
	z-index: 1053;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	height: calc(1.5em + 1.25rem + 2px);
	padding: .625rem 1.125rem;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e2022;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d5dae2;
	border-radius: .3125rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.select2-container--default .select2-xs .select2-search--dropdown .select2-search__field {
	height: calc(1.3em + 1.04rem);
	padding: .3875rem .9375rem;
	font-size: .75rem;
	line-height: 1.4;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #6a67f8;
	font-size: .875rem;
}

.select2-container--default .select2-xs .select2-results__option--highlighted[aria-selected] {
	font-size: .75rem;
}

.select2-results__option {
	font-size: .875rem;
}

.select2-xs .select2-results__option {
	font-size: .75rem;
}

.u-has-warning .select2-container--default .select2-selection--single {
	box-shadow: 0 0 10px rgba(222, 68, 55, .1);
	border: 1px solid rgba(222, 68, 55, .5);
}

.select2-container--default .select2-selection--multiple.select2-xs {
	height: calc(1.3em + 1.04rem);
	min-height: calc(1.3em + 1.04rem);
	padding: .1375rem .6375rem;
	font-size: .75rem;
	line-height: 1.4;
	border: 1px solid #d5dae2;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	box-shadow: 0 0 10px rgba(106, 103, 248, .1);
	border: 1px solid rgba(106, 103, 248, .5);
}

.select2-search__field::placeholder {
	color: #8c98a4;
	opacity: 1;
}

.select2-container--default .select2-selection--multiple.select2-xs .select2-selection__choice {
	margin-top: 4px;
}

.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Нет"] .select2-selection__choice__remove {
	display: none;
}

.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Да"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Все"] {
	background-color: rgba(106, 103, 248, 0.1);
	border-color: #6a67f8;
}

.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Да"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Все"] .select2-selection__choice__remove {
	color: #6a67f8;
}

.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Да"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Все"] .select2-selection__choice__remove:hover {
	color: #4643f7;
}

.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор операции"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор документа"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор договора"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор заявки"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор задачи или комментария"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор проекта"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор сметы"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор фотоотчёта"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор счёта"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор акта"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор контрагента"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Тип"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Группа"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Личный профиль"],
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Клиент / Наблюдатели проекта"] {
	background-color: rgba(255, 193, 7, 0.1);
	border-color: #ffc107;
}

.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор операции"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор документа"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор договора"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор заявки"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор задачи или комментария"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор проекта"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор сметы"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор фотоотчёта"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор счёта"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор акта"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор контрагента"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Тип"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Группа"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Личный профиль"] .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Клиент / Наблюдатели проекта"] .select2-selection__choice__remove {
	color: #ffc107;
}

.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор операции"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор документа"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор договора"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор заявки"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор задачи или комментария"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор проекта"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор сметы"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор фотоотчёта"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор счёта"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор акта"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Автор контрагента"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Тип"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Группа"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Личный профиль"] .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple.select2-xs.select2-access-rights .select2-selection__choice[title="Клиент / Наблюдатели проекта"] .select2-selection__choice__remove:hover {
	color: #e0a800;
}

.select2-container--default .select2-selection--multiple.select2-xs .select2-selection__rendered {
	display: flex;
	position: relative;
	-ms-overflow-style: none;
	scrollbar-width: none;
	flex-wrap: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin-bottom: -30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.select2-container--default .select2-selection--multiple.select2-xs .select2-selection__rendered::-webkit-scrollbar {
	height: 0;
	width: 0;
	background: transparent;
	display: none;
}

.handle {
	cursor: -webkit-grab;
	cursor: grab;
	color: #d5dae2;
}

.handle-task-column {
	cursor: -webkit-pointer !important;
	cursor: pointer !important;
}

.handle:hover {
	cursor: -webkit-grab;
	cursor: grab;
	color: #1e2022;
}

.handle.handle-white:hover {
	color: #ffffff;
}

.ui-sortable-helper .handle {
	cursor: -webkit-grabbing !important;
	cursor: grabbing !important;
}

.height-0 {
	height: 0;
}

.nav-sm {
	font-size: .875rem;
}

.sortable-estimate .row:not(.ui-state-disabled):hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.btn-icon {
	min-width: 1.5rem;
}

label.btn-icon {
	padding: .3075rem 0;
}

.border-radius-0 {
	border-radius: 0 !important;
}

.border-radius-left-0 {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.border-radius-right-0 {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.dataTables_empty {
	padding-left: .75rem !important;
	padding-right: .75rem !important;
}

@media (max-width: 767.98px) {
	.font-size-sm-down-1 {
		font-size: 0.875rem;
	}

	.font-size-sm-down-2 {
		font-size: 1.5rem;
	}

	.font-size-sm-down-3 {
		font-size: 2rem;
	}

	.font-size-sm-down-4 {
		font-size: 2.5rem;
	}

	.font-size-sm-down-5 {
		font-size: 3rem;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.font-size-md-down-1 {
		font-size: 0.875rem;
	}

	.font-size-md-down-2 {
		font-size: 1.5rem;
	}

	.font-size-md-down-4 {
		font-size: 2.5rem;
	}
}

.hs-docs-content-divider {
	border-bottom: 1px solid #e7eaf3;
	padding-bottom: 2rem;
	margin-bottom: 2.5rem;
}

.d-inline-table {
	display: inline-table !important;
}

.file-attachment-btn__label {
	display: none;
}

.tooltip-inner {
	font-family: "Inter", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 80%;
	text-align: left;
	background-color: #ffffff;
	padding: 0.4326rem 0.6675rem;
	color: #1e2022;
	box-shadow: 0 0 .4rem .1rem rgba(30, 32, 34, 0.15) !important;
	max-width: 400px !important;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
	top: 0;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: #ffffff;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	bottom: 0;
	border-width: 0 0.4rem 0.4rem;
	border-bottom-color: #ffffff;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
	left: 0;
	border-width: 0.4rem 0 0.4rem 0.4rem;
	border-left-color: #ffffff;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	right: 0;
	border-width: 0.4rem 0.4rem 0.4rem 0;
	border-right-color: #ffffff;
}

.nav-classic .nav-link-success.active {
	border-bottom-color: #3d9966 !important;
}

.nav-classic .nav-link-warning.active {
	border-bottom-color: #ffc107 !important;
}

.nav-sub-link {
	padding: .5rem .4rem;
}

.nav-sub-link > div {
	height: 3px;
	width: calc(100% - .8rem);
	margin: 0 .4rem;
}

/* xl-устройства (больше или равно 1200px) */
@media (min-width: 1200px) {
	.nav-sub-link {
		padding: .5rem .8rem;
	}

	.nav-sub-link > div {
		width: calc(100% - 1.6rem);
		margin: 0 .8rem;
	}
}

/*.nav-sub-link {
	padding: .5rem .5rem;
}

.nav-sub-link > div {
	height: 3px;
	width: calc(100% - 1.3rem);
	margin: 0 .5rem;
}*/

/* xl-устройства (больше или равно 1200px) */
/*@media (min-width: 1200px) {
	.nav-sub-link:first-child {
		padding-left: .5rem
	}
	.nav-sub-link {
		padding: .838rem .65rem
	}
	.nav-sub-link:last-child {
		padding-right: .5rem
	}
}*/

.sticky-bottom {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	z-index: 1020;
}

.z-index-1 {
	z-index: 1;
}

.z-index-0 {
	z-index: 0;
}

.z-index-1 {
	z-index: 1;
}

.z-index-9999 {
	z-index: 9999;
}

.rounded-top-0 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.rounded-top-left-0 {
	border-top-left-radius: 0 !important;
}

.rounded-top-right-0 {
	border-top-right-radius: 0 !important;
}

.rounded-bottom-left-0 {
	border-bottom-left-radius: 0 !important;
}

.rounded-bottom-right-0 {
	border-bottom-right-radius: 0 !important;
}

.modal-rounded {
	border-radius: 0.625rem !important;
}

@media (max-width: 991.98px) {
	.modal-rounded {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
}

.modal-container {
	width: 100%;
}

@media (min-width: 992px) {
	.modal-container {
		max-width: 930px;
	}

	.modal-container-lg {
		max-width: calc((1110px * 33.33333) / 100);
	}

	.modal-container-xl {
		max-width: calc((1110px * 50) / 100);
	}
}

@media (min-width: 1200px) {
	.modal-container {
		max-width: 1110px;
	}

	.modal-container-lg {
		max-width: calc((1110px * 33.33333) / 100);
	}

	.modal-container-xl {
		max-width: calc((1110px * 50) / 100);
	}
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
	.modal-container > .card:first-child, .modal-container .card-h100:first-child {
		padding-bottom: constant(safe-area-inset-bottom);
	}
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
	.modal-container > .card:first-child, .modal-container .card-h100:first-child {
		padding-bottom: env(safe-area-inset-bottom);
	}
}

.table thead th.v-middle {
	vertical-align: middle;
}

.table thead th.schedule-day {
	vertical-align: middle;
}

.table td.schedule-stage {
	vertical-align: middle;
}

td.v-middle {
	vertical-align: middle;
}

#schedule-table thead th {
	position: sticky;
	top: 0;
	z-index: 1;
}

#schedule-table thead th#schedule-table-fixed-column {
	position: sticky;
	top: 0;
	z-index: 2;
}

#schedule-table thead tr#dates th {
	position: sticky;
	top: 32px;
	z-index: 1;
}

#schedule-table-fixed-column {
	position: sticky;
	left: 0;
	z-index: 1;
	box-shadow: inset -1px 0 #e7eaf3;
}

.schedule-stage-hover {
	background-color: rgba(106, 103, 248, 0.1) !important;
}

.daterangepicker {
	font-family: "Inter", Helvetica, Arial, sans-serif;
}

.daterangepicker td.in-range {
	background-color: rgba(106, 103, 248, 0.1);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #6a67f8;
}

.daterangepicker .calendar-table .next span {
	border-width: 0 1px 1px 0;
	margin-left: -3px;
}

.daterangepicker .calendar-table .prev span {
	border-width: 0 1px 1px 0;
	margin-right: -3px;
}

.daterangepicker .ranges li.active {
	background-color: #6a67f8;
	color: #fff;
}

.daterangepicker.show-calendar .ranges {
	margin-top: 0px;
}

.daterangepicker.drop-up {
	overflow: hidden;
}

.object-fit-cover {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.height-124 {
	height: 7.75rem
}

.height-125 {
	height: 7.8125rem
}

.d-grid {
	display: grid !important;
}

.btn-delete-report {
	top: .5rem;
	right: .5rem;
}

.input-group-xs > .form-control:not(textarea), .input-group-xs > .custom-select {
	height: calc(1.925rem + .08rem);
	padding: .4375rem .9375rem;
	font-size: .75rem;
	line-height: 1.4;
}

.custom-select {
	height: calc(1.6em + 1.6rem + 2px);
}

.custom-select-xs {
	height: calc(1.925rem + 1px);
	padding-top: .3875rem;
	padding-bottom: .3875rem;
	padding-left: .9375rem;
	font-size: .75rem;
}

.custom-select-sm {
	height: calc(1.5em + 1.25rem + 2px);
}

.left-align-slick > .slick-list > .slick-track {
	margin-left: 0;
}

.progress-accordion {
	height: 3px;
	position: absolute;
	top: calc(100% - 3px);
	width: 100%;
	left: 0;
}

.pagination .page-item:first-child {
	margin-left: 0 !important;
}

.cookie-policy-alert-close {
	line-height: 11px;
}

.dataTables_empty {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

/* Портфолио */
@media (max-width: 767.98px) {
	.portfolio-slick-slider {
		min-height: 11.125rem !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.portfolio-slick-slider {
		min-height: 21.125rem !important;
	}
}

@media (min-width: 992px) {
	.portfolio-slick-slider {
		min-height: 24.125rem !important;
	}
}

@media (min-width: 1366px) {
	.portfolio-slick-slider {
		min-height: 33.125rem !important;
	}
}

.text-pre-wrap {
	white-space: pre-wrap;
}

.active-hover-schedule:hover {
	background-color: #f8f9fa !important;
}

.hover-border:hover {
	border-color: #6a67f8 !important;
}

.project-card-hover {
	transition: all .25s ease-in-out;
}

.project-card-hover:hover {
	box-shadow: 0 0.675rem 3rem 0 rgba(140, 152, 164, 0.225) !important;
	border-color: rgba(0, 0, 0, .3);
}

.z-index-max {
	z-index: 2147483647;
}

.top-0 {
	top: 0 !important;
}

.badge-icon {
	width: 28px;
	height: 28px;
	line-height: 1.7;
	min-width: 28px;
}

.shadow-danger-lg {
	box-shadow: 0 0 50px rgba(222, 68, 55, 0.4) !important;
}

.btn-group-xs > .btn {
	padding: .4375rem .9375rem;
	font-size: .6875rem;
}

.invalid-feedback {
	margin-top: 0;
}

.valid-feedback {
	margin-top: 0;
}

.max-height-350 {
	max-height: 350px;
}

/* Значок онлайна (мигание индикатора камеры) */
@-webkit-keyframes notifying {
	0% {
		-webkit-transform: scale(.05);
		transform: scale(.05)
	}

	32% {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		opacity: .6
	}

	100%, 62% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes notifying {
	0% {
		-webkit-transform: scale(.05);
		transform: scale(.05)
	}

	32% {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		opacity: .6
	}

	100%, 62% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

.camera-online {
	position: relative;
	margin-right: 5px;
	margin-left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #c7c6ff;
}

.camera-online::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	top: -5px;
	left: -5px;
	background: #7e7cf7;
	-webkit-animation: notifying linear 2.6s infinite;
	animation: notifying linear 2.6s infinite;
	z-index: 1;
}

line.projectPlan {
	stroke: #fff;
	stroke-width: 4px;
	stroke-linecap: square;
	vector-effect: non-scaling-stroke;
}

.camera-online::after {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #6a67f8;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

line.projectPlan.active {
	stroke: #de4437;
}

line.projectPlan:hover {
	cursor: pointer;
	stroke: #de4437;
}

.text-ellipsis {
	text-overflow: ellipsis;
}

.nav-plan {
	max-width: 50%;
}


.card-company:hover {
	border: 1px solid #6a67f8;
	background-color: rgba(106, 103, 248, 0.1);
}

@media (min-width: 768px) {
	.nav-plan {
		max-width: 100%;
	}
}

.item-mobile-menu {
	width: 56px;
	transition: all .15s ease-in-out;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.item-mobile-menu.scaled {
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
}

.list-inline-item.mobile {
	padding-top: .15rem !important;
}

.list-inline-item.mobile:not(:last-child) {
	margin-right: 0;
}

.avatar-select-shop {
	width: 1rem;
	height: 1rem;
}

.mobile-header {
	z-index: 1001;
}

body.statusbar .mobile-header {
	padding-top: 0;
}

body.no-header {
	margin-top: 0;
}

body.statusbar {
	margin-top: 0;
}

.mobile-menu {
	background: rgba(255, 255, 255, 1);
	padding-top: .2rem !important;
}

#content {
	margin-bottom: 3.5rem;
}

@supports (padding-top: constant(safe-area-inset-top)) {
	body.statusbar .mobile-header {
		padding-top: constant(safe-area-inset-top);
	}

	body.statusbar header {
		padding-top: constant(safe-area-inset-top);
	}

	body.statusbar {
		margin: calc(constant(safe-area-inset-top) + 46px) 0 0;
	}

	body.no-header.statusbar {
		margin: constant(safe-area-inset-top) 0 0;
	}

	.inverted-safe-area-top {
		margin-top: calc(0px - constant(safe-area-inset-top));
	}

	.inverted-safe-area-top main {
		margin-top: constant(safe-area-inset-top);
	}

	.fancybox-toolbar {
		padding-top: constant(safe-area-inset-top);
	}
}

@supports (padding-top: env(safe-area-inset-top)) {
	body.statusbar .mobile-header {
		padding-top: env(safe-area-inset-top);
	}

	body.statusbar header {
		padding-top: env(safe-area-inset-top);
	}

	body.statusbar {
		margin: calc(env(safe-area-inset-top) + 46px) 0 0;
	}

	body.no-header.statusbar {
		margin: env(safe-area-inset-top) 0 0;
	}

	.inverted-safe-area-top {
		margin-top: calc(0px - env(safe-area-inset-top));
	}

	.inverted-safe-area-top main {
		margin-top: env(safe-area-inset-top);
	}

	.fancybox-toolbar {
		padding-top: env(safe-area-inset-top);
	}
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
	.mobile-menu {
		padding-bottom: calc(constant(safe-area-inset-bottom) - 6px);
	}

	#content {
		margin-bottom: calc(constant(safe-area-inset-bottom) + 3.5rem);
	}
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
	.mobile-menu {
		padding-bottom: calc(env(safe-area-inset-bottom) - 6px);
	}

	#content {
		margin-bottom: calc(env(safe-area-inset-bottom) + 3.5rem);
	}
}

@media (min-width: 992px) {
	body.statusbar .mobile-header {
		padding-top: 0;
	}

	body.statusbar {
		margin: 0;
	}

	body.no-header.statusbar {
		margin: 0;
	}

	@supports (padding-top: constant(safe-area-inset-top)) {
		body.statusbar .mobile-header {
			padding-top: constant(safe-area-inset-top);
		}

		body.statusbar {
			margin: calc(constant(safe-area-inset-top)) 0 0;
		}

		body.no-header.statusbar {
			margin: constant(safe-area-inset-top) 0 0;
		}
	}

	@supports (padding-top: env(safe-area-inset-top)) {
		body.statusbar .mobile-header {
			padding-top: env(safe-area-inset-top);
		}

		body.statusbar {
			margin: calc(env(safe-area-inset-top)) 0 0;
		}

		body.no-header.statusbar {
			margin: env(safe-area-inset-top) 0 0;
		}
	}
}

@media (min-width: 896px) {
	.mobile-menu {
		padding-top: .2rem !important;
	}

	@supports (padding-bottom: constant(safe-area-inset-bottom)) {
		.mobile-menu {
			padding-bottom: calc(constant(safe-area-inset-bottom) - 7px);
		}

		#content {
			margin-bottom: calc(constant(safe-area-inset-bottom) + 3.5rem);
		}
	}

	@supports (padding-bottom: env(safe-area-inset-bottom)) {
		.mobile-menu {
			padding-bottom: calc(env(safe-area-inset-bottom) - 7px);
		}

		#content {
			margin-bottom: calc(env(safe-area-inset-bottom) + 3.5rem);
		}
	}

	@supports (padding-left: constant(safe-area-inset-left)) {
		.mobile-menu {
			padding-left: constant(safe-area-inset-left);
		}
	}

	@supports (padding-left: env(safe-area-inset-left)) {
		.mobile-menu {
			padding-left: env(safe-area-inset-left);
		}
	}

	@supports (padding-right: constant(safe-area-inset-right)) {
		.mobile-menu {
			padding-right: constant(safe-area-inset-right);
		}
	}

	@supports (padding-right: env(safe-area-inset-right)) {
		.mobile-menu {
			padding-right: env(safe-area-inset-right);
		}
	}
}

.line-height-1 {
	line-height: 1;
}

.line-height-2 {
	line-height: 1.125
}

.line-height-3 {
	line-height: 1.25
}

.line-height-4 {
	line-height: 1.5
}

.modal-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.modal-xl {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.modal-xl {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.modal-xl {
		max-width: 960px;
	}

	body {
		margin: 0;
	}

	#content {
		margin-bottom: 0 !important;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px;
	}
}

.modal-fullscreen {
	width: 100vw;
	max-width: none;
	height: 100%;
	margin: 0;
}

.modal-fullscreen .modal-content {
	height: 100%;
	border: 0;
	border-radius: 0;
}

.modal-fullscreen .card-header {
	border-radius: 0;
}

.modal-fullscreen .card-footer {
	border-radius: 0;
}

.u-header--sticky-top {
	background-color: #f8f9fa;
}

@supports ((-webkit-backdrop-filter: saturate(180%) blur(20px)) or (backdrop-filter:saturate(180%) blur(20px))) {
	body.scrolled .mobile-header {
		background-color: rgba(248, 249, 250, 0.8) !important;
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
	}

	body.scrolled .u-header--sticky-top {
		background-color: rgba(248, 249, 250, 0.8) !important;
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
	}

	.mobile-menu {
		background: rgba(255, 255, 255, 0.8);
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
	}
}

@media (max-width: 991.98px) {
	.scroller::-webkit-scrollbar {
		height: 0;
		width: 0;
		background: transparent;
		display: none;
	}

	.scroller {
		position: relative;
		-ms-overflow-style: none;
		scrollbar-width: none;
		flex-wrap: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		margin-bottom: -30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.scroller > li > a {
		white-space: nowrap;
	}
}

.overflow-x-hidden {
	overflow-x: hidden !important;
}

.overflow-y-hidden {
	overflow-y: hidden !important;
}

.overflow-x-auto {
	overflow-x: auto !important;
}

.overflow-y-scroll {
	overflow-y: scroll !important;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.overflow-y-scroll::-webkit-scrollbar {
	height: 0;
	width: 0;
	background: transparent;
	display: none;
}

/*------------------------------------
  Custom Button Toggle
------------------------------------*/
.btn-custom-toggle-request-primary {
	color: #8c98a4;
	border-color: #d5dae2;
}

.btn-custom-toggle-request-primary:hover {
	color: #377dff;
	background-color: transparent;
	border-color: #377dff;
}

.btn-custom-toggle-request-primary:not(:disabled):not(.disabled):active,
.btn-custom-toggle-request-primary:not(:disabled):not(.disabled).active,
.btn-custom-toggle-request-primary:not(:disabled):not(.disabled):active,
.btn-custom-toggle-request-primary:not(:disabled):not(.disabled).active {
	background-color: rgba(55, 125, 255, 0.1);
	border-color: #377dff;
}

.btn-custom-toggle-request-indigo {
	color: #8c98a4;
	border-color: #d5dae2;
}

.btn-custom-toggle-request-indigo:hover {
	color: #6a67f8;
	background-color: transparent;
	border-color: #6a67f8;
}

.btn-custom-toggle-request-indigo:not(:disabled):not(.disabled):active,
.btn-custom-toggle-request-indigo:not(:disabled):not(.disabled).active,
.btn-custom-toggle-request-indigo:not(:disabled):not(.disabled):active,
.btn-custom-toggle-request-indigo:not(:disabled):not(.disabled).active {
	background-color: rgba(106, 103, 248, 0.1);
	border-color: #6a67f8;
}

.custom-select:focus, .form-control:focus {
	box-shadow: 0 0 10px rgba(106, 103, 248, 0.1);
	border-color: rgba(106, 103, 248, 0.5);
}

.form-control:focus {
	box-shadow: 0 0 10px rgba(106, 103, 248, 0.1);
	border-color: rgba(106, 103, 248, 0.5);
}

.u-header__section {
	background-color: transparent;
	box-shadow: unset;
	padding: 0.75rem 0;
}

#desktopMenu.navbar-nav {
	padding: .25rem;
}

.u-sidebar--account__toggle-text {
	font-size: .875rem;
}

.u-header__nav-item:first-child {
	padding-left: 0 !important;
}

.u-header__nav-item:last-child {
	padding-right: 0 !important;
}

.u-header__nav-item {
	padding: 0 .125rem !important;
}

.u-header__nav-item:hover .u-header__nav-link, .u-header__nav-item:focus .u-header__nav-link {
	color: #1e2022;
}

.u-header__nav-item.dropdown.show a {
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 6.1875rem;
}

.u-header__navbar--submenu {
	padding-left: 0;
	list-style: none;
}

.u-header__navbar--submenu li.active a {
	color: #6a67f8;
}

.u-header__nav-link {
	color: #1e2022;
	padding: 0.15rem 1rem !important;
}

.u-header__nav-link:hover {
	background-color: rgba(106, 103, 248, 0.1);
	border-radius: 6.1875rem;
}

.u-header .active > .u-header__nav-link {
	color: #ffffff;
	background-color: #6a67f8;
	border-radius: 6.1875rem;
}

.u-header__sub-menu .active > .u-header__sub-menu-nav-link {
	color: #6a67f8;
}

.u-header__sub-menu-nav-link:hover {
	color: #6a67f8;
}

.user-info {
	background-color: rgba(106, 103, 248, 0.1);
	border-radius: 6.1875rem;
}

.user-info.dropdown.show a {
	background-color: rgba(106, 103, 248, 0.1) !important;
	border-radius: 6.1875rem;
}

.u-sidebar--account__toggle-bg:hover .u-sidebar--account__toggle-text {
	color: #1e2022;
}

.u-sidebar--account__toggle-bg {
	background-color: unset !important;
	top: 0 !important;
	height: 34px;
}

.u-sidebar--account__toggle-bg:hover {
	background-color: rgba(106, 103, 248, 0.1) !important;
	top: 0 !important;
}

.u-sidebar--account__toggle-text {
	color: #1e2022;
}

.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu {
	border-top: 0;
}

.dropdown-item.active {
	color: #6a67f8;
}

.dropdown-item:hover {
	color: #6a67f8;
}

.page-item.active .page-link {
	background-color: #6a67f8;
	border-color: #6a67f8;
}

.page-link:hover {
	z-index: 2;
	color: #6a67f8;
	text-decoration: none;
	background-color: rgba(106, 103, 248, 0.1);
	border-color: rgba(106, 103, 248, 0.1);
}

@media (max-width: 575.98px) {
	.page-link {
		min-width: 1.8rem !important;
		padding: 0.28rem 0.15rem !important;
	}
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #6a67f8;
}

.navbar .nav-sub-link:hover {
	color: #6a67f8;
}

.nav-classic .nav-link.active {
	color: #6a67f8;
	border-bottom-color: #6a67f8;
}

.nav-classic .nav-link:hover {
	color: #6a67f8;
}

.nav-indigo-body {
	padding: .125rem;
	width: 100%;
	height: 100%;
}

.nav-indigo .nav-item {
	padding: .125rem !important;
	margin: 0 !important;
}

.nav-indigo .nav-link {
	color: #6a67f8;
	border-radius: 6.1875rem;
	padding: 0.15rem 1rem !important;
}

.nav-indigo .nav-link:hover, .nav-indigo .nav-link:focus {
	background-color: rgba(106, 103, 248, .12);
	border-radius: 6.1875rem;
}

.nav-indigo .nav-link.active:hover, .nav-indigo .nav-link.active:focus {
	background-color: rgba(106, 103, 248, 100);
	color: #fff;
}

.nav-indigo.nav-tabs .nav-link.active:hover, .nav-indigo.nav-tabs .nav-link.active:focus {
	color: #0009;
}

.btn-link:hover {
	color: #6a67f8;
}

.card-btn-arrow {
	color: #6a67f8;
}

.card-btn-arrow {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.collapsed .card-btn-arrow {
	-webkit-transform: unset;
	transform: unset;
}

.u-media-viewer__icon {
	background-color: #6a67f8;
}

.checkbox-outline__input:checked ~ .checkbox-outline__label {
	border-color: #6a67f8;
}

.checkbox-outline__input ~ .checkbox-outline__label:hover {
	border-color: #6a67f8;
}

.u-hamburger:hover .u-hamburger__inner, .u-hamburger:hover .u-hamburger__inner::before, .u-hamburger:hover .u-hamburger__inner::after {
	background-color: #6a67f8;
}

.input-group-xs .input-group-text {
	padding: 0.6rem 0.8rem;
}

.u-focus-state .input-group-text {
	color: #6a67f8;
}

.u-focus-state:focus, .u-focus-state *:focus, .u-focus-state .input-group-text, .u-focus-state .form-control {
	border-color: rgba(106, 103, 248, 0.5);
}

::selection {
	background-color: #6a67f8;
}

.card-frame-highlighted, .card-frame:hover {
	border-color: rgba(106, 103, 248, 0.3);
	box-shadow: 0 0 35px rgba(106, 103, 248, 0.125);
}

.u-slick__arrow-classic:hover {
	background-color: #6a67f8;
}

.u-datatable__thead-icon:hover {
	color: #6a67f8;
}

/*--- Яндекс.Карты ---*/
.yandex-map {
	max-width: 100%;
	max-height: 100%;
	min-height: 300px;
	padding: 0;
	margin: 0;
}

.yandex-map-inventory {
	max-width: 100%;
	max-height: 100%;
	min-height: 300px;
	padding: 0;
	margin: 0;
}

@media (min-width: 768px) {
	.yandex-map-inventory {
		min-height: 149px;
		height: 100% !important;
	}
}

.placemark {
	background-image: url('/assets/svg/icons/circle.svg');
	background-size: 100%;
	width: 34px;
	height: 34px;
	margin-left: -17px;
	margin-top: -17px;
}

.u-indicator-vertical-dashed-item:not(:last-child)::after {
	top: 1.640rem;
	left: .680rem;
	bottom: -1.38rem;
	border-left: 2px dashed #e7eaf3;
}

.u-indicator-vertical-dashed-item-success:after {
	border-left: 2px dashed #3d9966 !important;
}

.text-line-through {
	text-decoration: line-through;
}

.text-crop {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 992px) {
	.text-lg-wrap {
		white-space: normal !important;
	}

	.text-lg-nocrop {
		overflow: unset !important;
		text-overflow: unset !important;
	}
}

.popover {
	font-family: "Inter", Helvetica, Arial, sans-serif;
}

.icon-event-calendar {
	width: 14px;
	text-align: center;
}

.ui-state-highlight {
	margin-top: .5rem !important;
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}

.daterangepicker.single > .ranges {
	overflow: hidden;
	border-top-left-radius: 3px;
}

.w-65p {
	width: 65px;
}

.btn-icon.btn-icon-xs {
	width: 1rem;
	height: 1rem;
	font-size: .55rem;
	min-width: 1rem;
}

.custom-select.custom-select-label {
	border: 0;
	padding: 0;
	height: auto;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.5;
	border-radius: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.8rem;
	background: transparent;
	cursor: pointer;
	color: #6a67f8 !important;
}

.custom-select.custom-select-label:focus {
	box-shadow: none;
}

.custom-select.custom-select-label:hover {
	color: #4643f7 !important;
}

.select-request-label {
	font-size: .875rem;
	line-height: 1;
}

.custom-select.custom-select-label.small {
	font-size: 80%;
	line-height: 1.5;
}

.u-has-warning .custom-select-label, .u-has-warning .custom-select.custom-select-label, .u-has-warning .form-control:first-child:last-child {
	box-shadow: none;
}

.select2-container--default .select2-selection--multiple.select2-xs .select2-selection__rendered {
	padding-bottom: 0px;
}

.blur {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: blur(1px);
}

.bankcard {
	width: 32px;
	height: 24px;
	border-radius: 3px;
	background-color: #000;
	color: #fff;
}

.bankcard-number {
	top: 2px;
	font-size: 8px;
	white-space: nowrap;
	float: right;
	right: 4px;
	position: relative;
}

.custom-control {
	padding-left: 1rem;
}

.custom-control-label::before, .custom-control-label::after {
	left: -1rem;
}

.form-control-estimate {
	padding: .75rem;
	font-size: 0.8rem;
	line-height: 1;
	height: 100%;
	width: 100%;
	background: transparent;
	color: #6a67f8;
	top: 0;
}

.form-control-estimate:focus {
	background: transparent;
	color: #6a67f8;
	box-shadow: none;
	border-color: transparent !important;
}

.form-control-estimate:disabled, .form-control-estimate[readonly] {
	background-color: #f8fafd;
	color: #0009 !important;
	opacity: 1;
}

.form-control-repair-stages {
	padding: 0;
	font-size: 0.875rem;
	line-height: 1;
	height: 100%;
	width: 100%;
	background: transparent;
	color: #6a67f8;
	top: 0;
	border: 0;
}

.form-control-repair-stages:focus {
	background: transparent;
	color: #6a67f8;
	box-shadow: none;
	border-color: transparent !important;
}

.form-control-repair-stages:disabled, .form-control-repair-stages[readonly] {
	background-color: transparent !important;;
	color: #0009 !important;
	opacity: 1;
}

.form-control-sales-funnels {
	padding: 0;
	font-size: 0.875rem;
	line-height: 1;
	height: 100%;
	width: 100%;
	background: transparent;
	color: #6a67f8;
	top: 0;
	border: 0;
}

.form-control-sales-funnels:focus {
	background: transparent;
	color: #6a67f8;
	box-shadow: none;
	border-color: transparent !important;
}

.form-control-sales-funnels:disabled, .form-control-sales-funnels[readonly] {
	background-color: transparent !important;;
	color: #0009 !important;
	opacity: 1;
}

.form-control-repair-prices-folder {
	padding: 0;
	font-size: 0.875rem;
	line-height: 1;
	height: 100%;
	width: 100%;
	background: transparent;
	color: #6a67f8;
	top: 0;
	border: 0;
}

.form-control-repair-prices-folder:focus {
	background: transparent;
	color: #6a67f8;
	box-shadow: none;
	border-color: transparent !important;
}

.form-control-repair-prices-folder:disabled, .form-control-repair-prices-folder[readonly] {
	background-color: transparent !important;
	color: #0009 !important;
	opacity: 1;
}

.form-control-design-stage {
	padding: .39rem 0 .42rem .5rem !important;
	font-size: 12px;
	font-weight: 300;
	line-height: 1;
	height: 100%;
	width: 100%;
	background: transparent;
	color: #6a67f8;
	top: 0;
	border: 0;
}

.form-control-design-stage:focus {
	background: transparent;
	color: #6a67f8;
	box-shadow: none;
	border-color: transparent !important;
}

.form-control-design-stage:disabled, .form-control-design-stage[readonly] {
	background-color: transparent !important;
	color: #0009 !important;
	opacity: 1;
}

/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[disabled].select2-hidden-accessible + .select2-container .select2-selection {
	background: #f8fafd;
	box-shadow: none;
}

select[disabled] + .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #726F76 !important;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
	background: #f8fafd;
	box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
	display: none;
}

/*Select2 ReadOnly End*/

/*Select2 Disabled Start*/
select[disabled].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[disabled].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[disabled].select2-hidden-accessible + .select2-container .select2-selection__clear {
	display: none;
}

/*Select2 Disabled End*/

.form-control:disabled, .form-control[readonly] {
	pointer-events: none;
	touch-action: none;
}

.collapse-no-transition.collapsing {
	-webkit-transition: none;
	transition: none;
	display: none;
}

.document-name span {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.document-template-name span {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	white-space: nowrap;
}

.a4-sheet .document-background {
	background-color: rgba(255, 255, 255, 0.6);
}

.a4-sheet:hover .document-background {
	background-color: rgba(255, 255, 255, 0);
}

.a4-sheet:hover {
	border-color: #6a67f8 !important;
}

.absolute-centered {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.popup-delete-delete-period {
	opacity: .75;
}

.popup-delete-delete-period .arrow:after {
	border-left-color: #1e2022 !important;
}

.schedule-table-wrapper {
	width: fit-content;
	max-width: 100%;
	overflow-x: scroll;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.schedule-table-wrapper::-webkit-scrollbar {
	display: none;
}

/*
Лейбл input'а загрузки файлов
*/
.label-of-file-input {
	z-index: 1;
	padding: 0.4326rem 2.1rem 0.4326rem 0.9375rem;
	font-size: 0.75rem;
	line-height: 1.4;
	color: #8c98a4;
	background-color: #fff;
	border: 1px solid #d5dae2;
	border-radius: .3125rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: calc(1.925rem + 1px);
}

.label-of-file-input:hover:not(.disabled) {
	box-shadow: 0 0 10px rgba(106, 103, 248, 0.1);
	border-color: rgba(106, 103, 248, 0.5);
	cursor: pointer;
}

.input-signed-file {
	opacity: 0;
}

#schedule-table #dates th {
	padding: 0 !important;
}

.schedule-scale-50 td:not(.schedule-stage), .schedule-scale-50 #dates th {
	width: 10px !important;
	font-size: 5.12px;
	padding: 5px;
}

.schedule-scale-60 td:not(.schedule-stage), .schedule-scale-60 #dates th {
	width: 12px !important;
	font-size: 6.14px;
	padding: 6px;
}

.schedule-scale-70 td:not(.schedule-stage), .schedule-scale-70 #dates th {
	width: 14px !important;
	font-size: 7.17px;
	padding: 7px;
}

.schedule-scale-80 td:not(.schedule-stage), .schedule-scale-80 #dates th {
	width: 16px !important;
	font-size: 8.19px;
	padding: 8px;
}

.schedule-scale-90 td:not(.schedule-stage), .schedule-scale-90 #dates th {
	width: 18px !important;
	font-size: 9.22px;
	padding: 9px;
}

.schedule-scale-100 td:not(.schedule-stage), .schedule-scale-100 #dates th {
	width: 20px !important;
	font-size: 10.24px;
	padding: 10px;
}

.bg-gray-200 {
	background-color: #e7eaf3;
}

.bg-gray-300 {
	background-color: rgb(208, 211, 219, .3);
}

.bg-blue-100 {
	background-color: rgba(106, 103, 248, 0.1);
}

.bg-blue-400 {
	background-color: rgba(106, 103, 248, 0.4);
}

.border-dashed-left {
	border-left: 1px dashed #e7eaf3;
}

.border-radius-right {
	border-top-right-radius: 50% !important;
	border-bottom-right-radius: 50% !important;
}

.border-radius-left {
	border-top-left-radius: 50% !important;
	border-bottom-left-radius: 50% !important;
}

.schedule-scale-50 #months th:not(:last-child) {
	max-width: 10px !important;
}

.schedule-scale-60 #months th:not(:last-child) {
	max-width: 12px !important;
}

.schedule-scale-70 #months th:not(:last-child) {
	max-width: 14px !important;
}

.schedule-scale-80 #months th:not(:last-child) {
	max-width: 16px !important;
}

.schedule-scale-90 #months th:not(:last-child) {
	max-width: 18px !important;
}

.schedule-scale-100 #months th:not(:last-child) {
	max-width: 20px !important;
}

@keyframes tuiSkeletonVibe {
	0% {
		opacity: 1
	}
	to {
		opacity: .5
	}
}

.content-loader {
	content: "";
	background-color: rgba(255, 255, 255, .16);
	animation: tuiSkeletonVibe 1s ease-in-out infinite alternate;
}

.content-loader-black {
	content: "";
	background-color: rgba(0, 0, 0, .05);
	animation: tuiSkeletonVibe 1s ease-in-out infinite alternate;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	display: none;
}

.dropdown-unfold {
	right: 0 !important;
	left: unset !important;
}

.country-select {
	max-width: 112px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* Mozilla proposal (dash) */
.fullscreen-block:full-screen {
	width: 100%;
	height: 100%;
	background-color: white;
	padding: 10px;
}

/* W3C proposal (no dash) */
.fullscreen-block:fullscreen {
	width: 100%;
	height: 100%;
	background-color: white;
	padding: 10px;
}

/* currently working vendor prefixes */
.fullscreen-block:-webkit-full-screen {
	width: 100%;
	height: 100%;
	background-color: white;
	padding: 10px;
}

.fullscreen-block:-moz-full-screen {
	width: 100%;
	height: 100%;
	background-color: white;
	padding: 10px;
}

.nav-sub-small-menu a {
	padding: 0 .8rem;
	white-space: nowrap;
	color: #0009;
}

.nav-sub-small-menu a.active {
	color: #6a67f8;
}

.nav-sub-small-menu a:hover {
	color: #4643f7;
}

.nav-sub-small-menu a:first-child {
	padding-left: 0;
}

.nav-sub-small-menu a:last-child {
	padding-right: 0;
}

.card-link:hover {
	background-color: #6a67f8;
	border-color: #6a67f8;
	color: #ffffff;
}

.card-link:hover p {
	color: #ffffff;
}

.card-link .badge {
	transition: unset;
}

.card-link:hover .badge {
	background-color: #f8f9fa !important;
	color: #1e2022 !important;
}

.card-link-soft:hover {
	background-color: rgba(106, 103, 248, 0.1);
}

.card-link-soft-indigo:hover {
	background: rgba(106, 103, 248, 0.1) !important;
}

@media (min-width: 576px) {
	.card-link-soft-indigo:hover {
		border-color: transparent !important;
	}
}

@media (any-hover: none) {
	.handle:not(.handle-task-column) {
		display: none !important;
	}

	.btn-collapse-tasks-board-stage {
		margin-left: 16px;
	}

	.tasks-board-stage-tasks-task .task:not(.task-column-view) {
		padding-left: calc(1rem + 8px) !important;
	}
}

.boxes {
	--size: 32px;
	--duration: 800ms;
	height: calc(var(--size) * 2);
	width: calc(var(--size) * 3);
	position: relative;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	margin-top: calc(var(--size) * 1.5 * -1);
	transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
}

.boxes .box {
	width: var(--size);
	height: var(--size);
	top: 0;
	left: 0;
	position: absolute;
	transform-style: preserve-3d;
}

.boxes .box:nth-child(1) {
	transform: translate(100%, 0);
	-webkit-animation: box1 var(--duration) linear infinite;
	animation: box1 var(--duration) linear infinite;
}

.boxes .box:nth-child(2) {
	transform: translate(0, 100%);
	-webkit-animation: box2 var(--duration) linear infinite;
	animation: box2 var(--duration) linear infinite;
}

.boxes .box:nth-child(3) {
	transform: translate(100%, 100%);
	-webkit-animation: box3 var(--duration) linear infinite;
	animation: box3 var(--duration) linear infinite;
}

.boxes .box:nth-child(4) {
	transform: translate(200%, 0);
	-webkit-animation: box4 var(--duration) linear infinite;
	animation: box4 var(--duration) linear infinite;
}

.boxes .box > div {
	--background: #8f8df7;
	--top: auto;
	--right: auto;
	--bottom: auto;
	--left: auto;
	--translateZ: calc(var(--size) / 2);
	--rotateY: 0deg;
	--rotateX: 0deg;
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--background);
	top: var(--top);
	right: var(--right);
	bottom: var(--bottom);
	left: var(--left);
	transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
}

.boxes .box > div:nth-child(1) {
	--top: 0;
	--left: 0;
}

.boxes .box > div:nth-child(2) {
	--background: #4643f7;
	--right: 0;
	--rotateY: 90deg;
}

.boxes .box > div:nth-child(3) {
	--background: #6a67f8;
	--rotateX: -90deg;
}

.boxes .box > div:nth-child(4) {
	--background: #d8d7f7;
	--top: 0;
	--left: 0;
	--translateZ: calc(var(--size) * 3 * -1);
}

@-webkit-keyframes box1 {
	0%, 50% {
		transform: translate(100%, 0);
	}
	100% {
		transform: translate(200%, 0);
	}
}

@keyframes box1 {
	0%, 50% {
		transform: translate(100%, 0);
	}
	100% {
		transform: translate(200%, 0);
	}
}

@-webkit-keyframes box2 {
	0% {
		transform: translate(0, 100%);
	}
	50% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(100%, 0);
	}
}

@keyframes box2 {
	0% {
		transform: translate(0, 100%);
	}
	50% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(100%, 0);
	}
}

@-webkit-keyframes box3 {
	0%, 50% {
		transform: translate(100%, 100%);
	}
	100% {
		transform: translate(0, 100%);
	}
}

@keyframes box3 {
	0%, 50% {
		transform: translate(100%, 100%);
	}
	100% {
		transform: translate(0, 100%);
	}
}

@-webkit-keyframes box4 {
	0% {
		transform: translate(200%, 0);
	}
	50% {
		transform: translate(200%, 100%);
	}
	100% {
		transform: translate(100%, 100%);
	}
}

@keyframes box4 {
	0% {
		transform: translate(200%, 0);
	}
	50% {
		transform: translate(200%, 100%);
	}
	100% {
		transform: translate(100%, 100%);
	}
}

.custombox-content, .custombox-overlay {
	left: 0;
}

/*
.checkmark
 */
.checkmark {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #3d9966;
	stroke-miterlimit: 10;
	box-shadow: inset 0px 0px 0px #3d9966;
	animation: fillcheck .4s ease-in-out .4s forwards, scalecheck .3s ease-in-out .4s both;
	position: relative;
	top: 5px;
	right: 5px;
	margin: 0 auto;
}

.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 0;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #3d9966;
	fill: #fff;
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: strokecheck .3s cubic-bezier(0.65, 0, 0.45, 1) .1s forwards;
}

@keyframes strokecheck {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes scalecheck {
	0%, 100% {
		transform: none;
	}

	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes fillcheck {
	100% {
		box-shadow: inset 0px 0px 0px 30px #3d9966;
	}
}

/*
.timesmark
 */
.timesmark {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #de4437;
	stroke-miterlimit: 10;
	box-shadow: inset 0px 0px 0px #de4437;
	animation: filltimes .4s ease-in-out .4s forwards, scaletimes .3s ease-in-out .4s both;
	position: relative;
	top: 5px;
	right: 5px;
	margin: 0 auto;
}

.timesmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 0;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #de4437;
	fill: #fff;
}

.timesmark__times {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroketimes .3s cubic-bezier(0.65, 0, 0.45, 1) .1s forwards;
}

@keyframes stroketimes {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes scaletimes {
	0%, 100% {
		transform: none;
	}

	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes filltimes {
	100% {
		box-shadow: inset 0px 0px 0px 30px #de4437;
	}
}

.icon-bookkeeping {
	margin-top: 1.5px;
	width: 16px;
}

.icon-dashboard {
	margin-top: 1.5px;
	width: 16px;
}

.u-sidebar--account__toggle-img {
	object-fit: cover;
}

.u-avatar img {
	object-fit: cover;
	height: 100%;
}

.u-site-icon {
	width: 1rem;
	height: 1rem;
}

.u-site-icon img {
	object-fit: cover;
	height: 100%;
}

.u-sm-avatar {
	object-fit: cover;
}

.u-sm-avatar img {
	object-fit: cover;
	height: 100%;
}

.u-xs-avatar {
	object-fit: cover;
}

.u-xs-avatar img {
	object-fit: cover;
	height: 100%;
}

.logo-company {
	width: 62px;
	height: 62px;
	object-fit: cover;
}

.logo-company label {
	width: 62px;
	height: 62px;
}

.label-input-upload-file:hover {
	border: 1px solid rgba(106, 103, 248, 0.5) !important;
	box-shadow: 0 0 10px rgba(106, 103, 248, 0.1);
}

.label-input-delete-file:hover {
	border: 1px solid #c22d20 !important;
	box-shadow: 0 0 10px rgba(106, 103, 248, 0.1);
}

.label-input-delete-file:hover img {
	opacity: .2;
}

.label-input-delete-file:hover .icon-logo-trash {
	display: flex !important;
}

.circle-status {
	width: 12px;
	height: 12px;
	bottom: .14rem;
	right: .14rem;
}

.badge-project {
	padding: 0.17em 0.4em;
}

.notification-popup {
	padding: 0.3rem 0 !important;
}

/*
Редактор договоров
 */
/*.editor {
	display: inline-block;
}*/

.editor-element {
	cursor: text;
}

.editor-element > div.placeholder:after {
	content: attr(placeholder);
	color: #999;
}

.editor-element > div.placeholder:focus:after {
	content: '';
}

.badge-variable {
	font-weight: 400 !important;
	color: #4d5257 !important;
	border-radius: 50rem !important;
	padding: 0.25em 0.6em !important;
	font-size: 60% !important;
	text-transform: uppercase !important;
}

.badge-variable:hover {
	color: #1e2022 !important;
}

.badge-variable[contenteditable="false"] {
	margin-top: 3.8px;
	vertical-align: top !important;
}

.badge-variable:hover[contenteditable="false"] {
	color: #4d5257 !important;
}

.badge-variable span {
	line-height: 0 !important;
	font-weight: 300 !important;
	color: #666c73 !important;
	text-transform: lowercase !important;
}

.editor-element > * {
	vertical-align: top !important;
}

/*#cursor.click {
	position: absolute;
	width: 1px;
	height: 1px;
	background: transparent;
	border: none;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(128, 254, 102, 0.7);
	-webkit-animation: pulseClick 500ms infinite;
	transform: translate(-50%, -50%);
	z-index: 999999999999;
}

@-webkit-keyframes pulseClick {
	0% {
	}
	50% {
		box-shadow: 0 0 0 50px rgba(128, 254, 102, 0.2);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(128, 254, 102, 0);
	}
}*/

.definition-list-dots {
	border-bottom: 1px dotted #6c757d;
	box-sizing: border-box;
	flex: 1 0 auto;
	min-width: 40px;
	margin: 0 2px 5px;
}

/* md-устройства (больше или равно 768px) */
@media (min-width: 768px) {
	.definition-list-dots {
		margin-bottom: 0 !important;
	}
}

.input-invoice-sum, .input-invoice-sum:focus, .input-invoice-sum:hover {
	display: unset !important;
	box-shadow: unset !important;
	border-color: unset !important;
}

.div-tr:nth-child(odd) {
	background-color: #fff;
}

.div-tr:nth-child(even) {
	background-color: rgba(30, 32, 34, 0.04);
}

.div-tr:nth-child(odd):hover {
	background-color: rgba(30, 32, 34, 0.02);
}

.div-tr:nth-child(even):hover {
	background-color: rgba(30, 32, 34, 0.06);
}

.div-tr-indigo:nth-child(odd) {
	background-color: rgba(106, 103, 248, .1);
}

.div-tr-indigo:nth-child(even) {
	background-color: rgba(106, 103, 248, .14);
}

.div-tr-indigo:nth-child(odd):hover {
	background-color: rgba(106, 103, 248, .12);
}

.div-tr-indigo:nth-child(even):hover {
	background-color: rgba(106, 103, 248, .16);
}

.div-tr-danger:nth-child(odd) {
	background-color: rgba(222, 68, 55, .1);
}

.div-tr-danger:nth-child(even) {
	background-color: rgba(222, 68, 55, .14);
}

.div-tr-danger:nth-child(odd):hover {
	background-color: rgba(222, 68, 55, .12);
}

.div-tr-danger:nth-child(even):hover {
	background-color: rgba(222, 68, 55, .16);
}

.access-right-row:nth-child(odd) {
	background-color: #fff;
}

.access-right-row:nth-child(even) {
	background-color: rgba(30, 32, 34, 0.02);
}

.access-right-row:nth-child(odd):hover {
	background-color: rgba(30, 32, 34, 0.04);
}

.access-right-row:nth-child(even):hover {
	background-color: rgba(30, 32, 34, 0.04);
}

.mobile-app-icons {
	height: 30px;
}

/* Confetti start */
.confetti {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 200px;
	overflow: hidden;
	pointer-events: none;
}

.confetti-piece {
	position: absolute;
	width: 9px;
	height: 15px;
	background: #FBBA23;
	top: -10px;
	opacity: 0;
}

.confetti-piece:nth-child(1) {
	left: 7%;
	transform: rotate(110deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 123ms;
	animation-duration: 500ms;
}

.confetti-piece:nth-child(2) {
	left: 14%;
	transform: rotate(13deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 318ms;
	animation-duration: 356ms;
}

.confetti-piece:nth-child(3) {
	left: 21%;
	transform: rotate(-93deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 289ms;
	animation-duration: 612ms;
}

.confetti-piece:nth-child(4) {
	left: 28%;
	transform: rotate(99deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 98ms;
	animation-duration: 595ms;
}

.confetti-piece:nth-child(5) {
	left: 35%;
	transform: rotate(-132deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 28ms;
	animation-duration: 534ms;
}

.confetti-piece:nth-child(6) {
	left: 42%;
	transform: rotate(-19deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 246ms;
	animation-duration: 588ms;
}

.confetti-piece:nth-child(7) {
	left: 49%;
	transform: rotate(-174deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 230ms;
	animation-duration: 352ms;
}

.confetti-piece:nth-child(8) {
	left: 56%;
	transform: rotate(-83deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 0ms;
	animation-duration: 567ms;
}

.confetti-piece:nth-child(9) {
	left: 63%;
	transform: rotate(63deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 160ms;
	animation-duration: 602ms;
}

.confetti-piece:nth-child(10) {
	left: 70%;
	transform: rotate(38deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 343ms;
	animation-duration: 618ms;
}

.confetti-piece:nth-child(11) {
	left: 77%;
	transform: rotate(-56deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 91ms;
	animation-duration: 545ms;
}

.confetti-piece:nth-child(12) {
	left: 84%;
	transform: rotate(-126deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 141ms;
	animation-duration: 426ms;
}

.confetti-piece:nth-child(13) {
	left: 91%;
	transform: rotate(72deg);
	animation: makeItRain 700ms infinite ease-out;
	animation-delay: 155ms;
	animation-duration: 357ms;
}

.confetti-piece:nth-child(odd) {
	background: #65BB5C;
}

.confetti-piece:nth-child(even) {
	z-index: 1;
}

.confetti-piece:nth-child(4n) {
	width: 7.5px;
	height: 19.5px;
	animation-duration: 1400ms;
	background: #F23B14;
}

.confetti-piece:nth-child(3n) {
	width: 7.5px;
	height: 19.5px;
	animation-duration: 1750ms;
	animation-delay: 700ms;
}

.confetti-piece:nth-child(4n-7) {
	background: #2A2F6A;
}

@keyframes makeItRain {
	from {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	to {
		transform: translateY(200px);
	}
}

/* Confetti end */

.yandex-map > ymaps {
	border-radius: 0.3125rem;
	overflow: hidden;
}

.yandex-map-inventory > ymaps {
	border-radius: 0.3125rem;
	overflow: hidden;
}

.dragger {
	height: 57px;
	position: relative;
	width: 30px;
	top: -57px;
	left: -15px;
}

.dragger .caption {
	background: linear-gradient(90deg, transparent 0, #fff 8px);
	border-radius: 0 0.3125rem 0.3125rem 0;
	box-sizing: border-box;
	color: #001a34;
	left: 10px;
	line-height: 1;
	min-height: 30px;
	padding: 4px 8px 4px 30px;
	position: absolute;
	text-align: left;
	white-space: nowrap;
	font-size: 11.2px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 600;
}

.dragger .caption span {
	font-weight: 400 !important;
}

.dragger-pin, .dragger-pin:before {
	background-color: #6a67f8;
	position: absolute;
}

.dragger-pin {
	border-radius: 50%;
	height: 30px;
	width: 30px;
	z-index: 2;
}

.dragger-pin:before {
	content: "";
	display: block;
	height: 25px;
	left: 13.5px;
	top: 40px;
	transform: translateY(-10px);
	width: 3px;
}

.dragger-circle {
	background-color: #fff;
	border-radius: 50%;
	height: 10px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 10px;
	z-index: 2;
}

.dragger-dot {
	background-image: url('/assets/svg/components/dragger-dot.svg');
	background-size: 100%;
	bottom: 0;
	height: 3px;
	left: 11.5px;
	position: absolute;
	width: 7px;
}

.ymaps-2-1-79-search__suggest {
	border-radius: 0.3125rem;
	overflow: hidden;
}

.ymaps-2-1-79-search__suggest-item_selected_yes {
	background: #6a67f8 !important;
	color: #ffffff !important;
}

.ymaps-2-1-79-suggest-item-0 {
	margin-top: 0 !important;
}

.ymaps-2-1-79-suggest-item:last-of-type {
	margin-bottom: 0 !important;
}

.ymaps-2-1-79-search__suggest-item {
	padding: 0 6px !important;
}

/*------------------------------------
  Warning State
------------------------------------*/
.u-has-warning .form-label + .form-control,
.u-has-warning .custom-select,
.u-has-warning .input-group,
.u-has-warning .form-control:first-child:last-child {
	box-shadow: 0 0 10px rgba(255, 193, 7, 0.1);
}

.u-has-warning .input-group-text {
	color: #ffc107;
}

.u-has-warning:focus,
.u-has-warning *:focus,
.u-has-warning .input-group-text,
.u-has-warning .form-control {
	border-color: rgba(255, 193, 7, 0.5);
}

.warning-feedback {
	display: none;
	width: 100%;
	margin-top: 0rem;
	font-size: 80%;
	color: #ffc107;
}

.feedback {
	display: none;
	width: 100%;
	margin-top: 0rem;
	font-size: 80%;
	color: #6c757d;
}

.date-separator {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.5rem !important;
}

.date-separator span {
	background-color: #f8f9fa;
	border: 1px solid #0009;
	color: #0009;
	border-radius: 50rem;
	padding: 1px 10px;
	z-index: 1;
	font-size: 80%;
}

.date-separator:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #0009;
	left: 0;
	z-index: 0;
}

/*
.collapse.collapse-rounded.show > .rounded {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}*/

/**
Google Checkbox
 */
.checkbox-google {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	user-select: none;
}

.checkbox-google .checkbox-google-switch {
	display: inline-block;
	width: 36px;
	height: 14px;
	border-radius: 20px;
	position: relative;
	top: 6px;
	vertical-align: top;
	background: #9f9f9f;
	transition: .2s;
}

.checkbox-google .checkbox-google-switch:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -3px;
	left: -1px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	transition: .15s;
}

.checkbox-google input[type=checkbox] {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.checkbox-google input[type=checkbox]:checked + .checkbox-google-switch {
	background: rgba(106, 103, 248, 0.3);
}

.checkbox-google input[type=checkbox]:checked + .checkbox-google-switch:before {
	background: #6a67f8;
	transform: translateX(18px);
}

/* Hover */
.checkbox-google input[type="checkbox"]:not(:disabled) + .checkbox-google-switch {
	cursor: pointer;
	border-color: rgba(0, 0, 0, .3);
}

/* Active/Focus */
.checkbox-google input[type="checkbox"]:not(:disabled):active + .checkbox-google-switch:before,
.checkbox-google input[type="checkbox"]:not(:disabled):focus + .checkbox-google-switch:before {
	animation: checkbox-active-on 0.5s forwards linear;
}

@keyframes checkbox-active-on {
	0% {
		box-shadow: 0 0 0 0 rgba(212, 212, 212, 0);
	}
	99% {
		box-shadow: 0 0 0 10px rgba(212, 212, 212, 0.5);
	}
}

.checkbox-google input[type="checkbox"]:not(:disabled):checked:active + .checkbox-google-switch:before,
.checkbox-google input[type="checkbox"]:not(:disabled):checked:focus + .checkbox-google-switch:before {
	animation: checkbox-active-off 0.5s forwards linear;
}

@keyframes checkbox-active-off {
	0% {
		box-shadow: 0 0 0 0 rgba(154, 190, 247, 0);
	}
	99% {
		box-shadow: 0 0 0 10px rgba(106, 103, 248, 0.3);
	}
}

/* Disabled */
.checkbox-google input[type=checkbox]:disabled + .checkbox-google-switch {
	filter: grayscale(60%);
	border-color: rgba(0, 0, 0, .1);
}

.checkbox-google input[type=checkbox]:disabled + .checkbox-google-switch:before {
	background: #eee;
}

.doughnutDiagramUser {
	height: 160px;
}

/* xl-устройства (больше или равно 1200px) */
@media (min-width: 1200px) {
	.doughnutDiagramUser {
		height: 180px;
	}
}

.tab-pane {
	-webkit-transition: none !important;
	transition: none !important;
}

.user-card-in-list {
	border-bottom: 1px solid #e7eaf3;
}

.user-card-in-list:first-child {
	border-top: 1px solid #e7eaf3;
}

.card-finance {
	border: 0;
	border-top: 1px solid #e7eaf3;
	border-bottom: 1px solid #e7eaf3;
	border-radius: 0;
}

.avatar {
	min-width: 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
}

@media (max-width: 575.98px) {
	.px-xs-unset {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.px-xs-container {
		padding-right: 16px;
		padding-left: 16px;
	}
}

@media (max-width: 991.98px) {
	.mobile-sub-header {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		max-width: 100% !important;
	}
}

@media (min-width: 576px) {
	.user-card-in-list {
		border: 1px solid #e7eaf3 !important;
		border-radius: 0.3125rem !important;
	}

	.card-finance {
		border: 1px solid #e7eaf3 !important;
		border-radius: 0.3125rem !important;
	}

	.avatar {
		min-width: 3.125rem;
		width: 3.125rem;
		height: 3.125rem;
	}
}

input:is([type="date"], [type="time"], [type="datetime-local"], [type="month"], [type="week"]) {
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
	background: none;
	display: none;
}

input[type="date"]::before {
	content: attr(data-placeholder);
	width: 100%;
}

input[type="date"]:focus::before,
input[type="date"]:valid::before {
	display: none
}

.page-spinner {
	z-index: 2;
	height: 30px;
}

.page-spinner.animate {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}

.page-spinner .path {
	stroke: transparent;
	stroke-linecap: round;
	stroke-dasharray: 0, 150;
}

.page-spinner.animate .path {
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}

.search-field input {
	background-color: rgba(0, 0, 0, .1) !important;
	border: 0 !important;
	color: #000 !important;
	caret-color: #000 !important;
	padding: .4375rem .9375rem .4375rem .51rem !important;
	border-top-right-radius: .3125rem !important;
	border-bottom-right-radius: .3125rem !important;
}

.search-field input::selection {
	background-color: #000 !important;
}

.search-field input::-moz-selection {
	background-color: #000 !important;
}

.search-field input:focus {
	box-shadow: unset !important;
}

.search-field .input-group-text {
	background-color: rgba(0, 0, 0, .1) !important;
	border: 0 !important;
	color: #000 !important;
	padding: .6rem 0 .6rem .8rem !important;
}

.search-field .input-group-prepend {
	margin-right: unset !important;
}

.search-field input::placeholder {
	color: rgba(0, 0, 0, .7) !important;
}

@media (min-width: 992px) {
	.bg-lg-none {
		background-color: transparent !important;
	}

	.search-field input {
		background-color: rgba(30, 32, 34, .1) !important;
		color: #1e2022 !important;
		caret-color: unset !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	.search-field input::selection {
		background-color: #6a67f8 !important;
	}

	.search-field input::-moz-selection {
		background-color: #6a67f8 !important;
	}

	.search-field .input-group-text {
		background-color: rgba(30, 32, 34, .1) !important;
		color: #1e2022 !important;
	}

	.search-field input::placeholder {
		color: rgba(30, 32, 34, .7) !important;
	}
}

.form-control-input-color {
	border-radius: 50%;
	height: 0.6875rem;
	width: 0.7312rem;
	border: none;
	outline: none;
	-webkit-appearance: none;
	padding: 0;
}

.form-control-input-color::-webkit-color-swatch-wrapper {
	padding: 0;
}

.form-control-input-color::-webkit-color-swatch {
	border: none;
	border-radius: 50%;
}

.progress-bar {
	-webkit-transition: none;
	transition: none;
}

.bg-light-hover:hover {
	background-color: rgba(30, 32, 34, 0.02);
}

.groupedTasksPerMonth:not(:first-child) {
	margin-top: 16px;
}

.request-comment:not(:last-child) {
	margin-bottom: 16px;
}

.request-comment .request-comment-body {
	background-color: rgba(0, 0, 0, 0.03);
}

.request-comment:hover .request-comment-body {
	background-color: rgba(0, 0, 0, 0.05);
}

.task:hover {
	background-color: rgba(30, 32, 34, 0.02);
}

.task-name:hover, .task-name:focus {
	background-color: #f8f9fa;
	border-radius: .625rem !important;
}

.task-description {
	min-height: 96px;
}

.task-description-body:hover, .task-description-body:focus-within {
	background-color: #f8f9fa;
	border-radius: .625rem !important;
}

.textarea-comment {
	border: 0 !important;
	padding: .8rem 1rem .8rem 1rem !important;
}

.textarea-comment:focus {
	box-shadow: none !important;
}

.tasks-board-key {
	text-transform: uppercase;
}

.tasks-board-key::placeholder {
	text-transform: none !important;
}

.tasks-board-stage-column-view:first-child {
	margin-right: 0.5rem !important;
}

.tasks-board-stage-column-view:last-child:not(:first-child) {
	margin-left: 0.5rem !important;
}

.tasks-board-stage-column-view:not(:first-child):not(:last-child) {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}

.tasks-board-stage-tasks {
	border-top: 1px solid #e7eaf3;
}

.tasks-board-stage-column-view .tasks-board-stage-column-body-view {
	min-height: calc(100vh - 240px) !important;
}

.sortable-tasks-board-stages {
	min-height: calc(100vh - 240px) !important;
}

/* lg-устройства (больше или равно 992px) */
@media (min-width: 992px) {
	.tasks-board-stage-column-view:first-child:not(:last-child):not(.tasks-board-stage-column-not-border) {
		border-right: 1px solid #e7eaf3 !important;
	}

	.tasks-board-stage-column-view:not(:first-child):not(:last-child) {
		border-right: 1px solid #e7eaf3 !important;
	}

	.tasks-board-stage-column-view:not(:last-child) .tasks-board-stage-column-body-view {
		padding-right: 1rem !important;
	}

	.tasks-board-stage-column-view .tasks-board-stage-column-body-view {
		min-height: calc(100vh - 341px) !important;
	}

	.sortable-tasks-board-stages {
		min-height: calc(100vh - 341px) !important;
	}

	.tasks-board-stage-tasks {
		border-top: unset !important;
	}
}

.task.task-column-view {
	border-bottom: 1px solid #e7eaf3;
	border-left: 1px solid #e7eaf3;
	border-right: 1px solid #e7eaf3;
}

.viewing-task-from-request .task.task-column-view {
	border: 1px solid #e7eaf3;
	border-radius: 0.625rem;
}

@media (min-width: 576px) {
	.viewing-task-from-request .task.task-column-view {
		border: unset;
		border-radius: unset;
	}

	.task.task-column-view {
		border: 1px solid #e7eaf3 !important;
		border-radius: 0.625rem !important;
	}
}

.tasks-board-stage-tasks-task {
	height: 41px;
	min-height: 41px;
}

.viewing-task-from-request {
	height: auto;
	min-height: auto;
}

@media (min-width: 768px) {
	.tasks-board-stage-tasks-task {
		height: unset;
		min-height: unset;
	}

	.tasks-board-stage-tasks-task {
		height: auto;
		min-height: auto;
	}
}

.tasks-board-stage-tasks-task.ui-sortable-helper {
	border-top: 1px solid #e7eaf3;
}

.tasks-board-stage-column-body-view .tasks-board-stage-tasks-task.ui-sortable-helper {
	border-top: 0;
}

.overflow-locked {
	position: relative !important;
	overflow: hidden !important;
	touch-action: none;
	-ms-touch-action: none;
}

.product-pictures-preview {
	overflow-x: scroll !important;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.product-pictures-preview::-webkit-scrollbar {
	height: 0;
	width: 0;
	background: transparent;
	display: none;
}

.product-picture-preview {
	width: 70px;
	min-width: 70px;
	max-height: 70px;
	min-height: 70px;
	border: 2px solid #ffffff !important;
	object-fit: contain;
	aspect-ratio: 1 / 1;
}

.product-picture-preview.active {
	border: 2px solid #6a67f8 !important;
}

.product-picture-preview:hover:not(.active) {
	border: 2px solid rgba(106, 103, 248, .4) !important;
}

.product-picture-search {
	width: 70px;
	min-width: 70px;
	max-height: 70px;
	min-height: 70px;
	object-fit: contain;
	aspect-ratio: 1 / 1;
	mix-blend-mode: darken;
}

.category-picture-search {
	width: 40px;
	min-width: 40px;
	max-height: 40px;
	min-height: 40px;
	object-fit: contain;
	aspect-ratio: 1 / 1;
	mix-blend-mode: darken;
}

.product-picture:hover {
	cursor: pointer;
}

.product-card-picture {
	aspect-ratio: 1 / 1;
	max-width: 200px;
	max-height: 200px;
}

.product-card-picture-column {
	aspect-ratio: 1 / 1;
	max-width: 200px;
	max-height: 200px;
}

/* lg-устройства (больше или равно 992px) */
@media (min-width: 992px) {
	.product-pictures-preview {
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}

	.product-card {
		border-bottom: 1px solid #e7eaf3 !important;
	}

	.product-card-picture {
		width: 200px;
		height: 200px;
		max-width: 200px;
		max-height: 200px;
	}

	.product-card-picture-column {
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
	}
}

.product-param:before {
	border-bottom: 1px dotted rgba(204, 214, 228, .6);
	top: 13px;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	width: 100%;
}

.font-size-1 {
	font-size: 13px;
}

.break-word {
	word-wrap: break-word;
}

@keyframes blink_input_opacity_to_prevent_scrolling_when_focus {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.input--focused:focus {
	animation: blink_input_opacity_to_prevent_scrolling_when_focus 0.01s;
}

.opacity {
	opacity: .3;
}

.catalog-filter .card {
	border: 0;
}

.catalog-filter:not(:last-child) .card {
	border-bottom: 1px solid #e7eaf3;
}

.catalog-filter:nth-last-child(1 of :not(.d-none)) .card {
	border-bottom: 0 !important;
}

.filters-parent-scroll {
	max-height: 152px;
	overflow-y: scroll;
	padding-bottom: 0.5rem !important;
}

p {
	color: #1e2022 !important;
}