[data-hide="true"]:empty {
	display: none;
}
p.error-fld {
	display: inline-block;
	padding: 8px;
	border-radius: 4px;
	margin: 40px 0 -20px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	background-color: #DC2626;
}
.error-fld {
	color: #DC2626;
}
.error-fld input,
.error-fld select,
.error-fld textarea {
	box-shadow: 0 0 4px #DC2626;
}
.nice-select.wide:hover,
.nice-select.wide.open {
	z-index: 11;
}
span + .btn-file-del {
	margin-left: 10px;
}
.btn-file-del {
	position: relative;
	top: 3px;
	display: inline-flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	padding: 0;
	border: none;
	background: none;
	transform: rotate(45deg);
	opacity: 0.5;
	cursor: pointer;
}
.btn-file-del:hover {
	opacity: 0.85;
}
.btn-file-del:focus,
.btn-file-del:active {
	opacity: 1;
}
.btn-file-del::before {
	content: '';
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 32px;
	height: 32px;
}
/**/
.form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 auto;
	max-width: 590px;
}
@media (min-width: 768px) {
	.form {
		padding: 0 20px;
	}
}
.form ::placeholder {
	color: #BDBDBD;
}
.form input,
.form textarea,
.form select {
	width: 100%;
	padding: 9px 20px;
	font-size: 16px;
	font-family: inherit;
	line-height: 1.2;
	color: var(--black, #171A23);
	background-color: #FFFFFF;
	/* border: 1px solid #E0E0E0; */
	border: 1px solid #fff;
	border-radius: 8px;
	outline: none;
	transition: all 0.2s ease-in-out;
}
.form input:not([type=checkbox]):not([type=radio]) {
	min-height: 40px;
}
.form input:focus,
.form textarea:focus,
.form select:focus {
	border-color: var(--green, #4E8616);
	box-shadow: 0 0 0 3px rgba(78, 134, 22, 0.1);
}
.form .error-fld input:focus,
.form .error-fld textarea:focus,
.form .error-fld select:focus {
	box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}
.form textarea {
	resize: vertical;
	min-height: 100px;
}
.group-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	cursor: pointer;
}
.group-checkbox input[type="checkbox"] {
	position: relative;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	flex-shrink: 0;
	appearance: none;
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border: 2px solid #D1D1D6;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
.group-checkbox input[type="checkbox"]:hover {
	border-color: var(--green, #4E8616);
}
.group-checkbox input[type="checkbox"]:checked {
	background-color: var(--green, #4E8616);
	border-color: var(--green, #4E8616);
}
.group-checkbox input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
}
.group-checkbox input[type="checkbox"]:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(78, 134, 22, 0.2);
}
select.hidden-select,
.hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}
/**/
.btn-attach-file {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 5px 10px;
	background-color: #FFFFFF;
	/* border: 1px solid #D1D1D6; */
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
.btn-attach-file:hover {
	background-color: #F9F9F9;
	border-color: var(--green, #4E8616);
}
.btn-attach-file:focus {
	outline: none;
	border-color: var(--green, #4E8616);
	box-shadow: 0 0 0 3px rgba(78, 134, 22, 0.1);
}
.btn-attach-file:active {
	transform: scale(0.98);
}
.btn-attach-file svg {
	width: 11px;
	height: 12px;
	flex-shrink: 0;
	transition: all 0.2s ease-in-out;
}
.btn-attach-file svg path {
	fill: var(--black, #171A23);
	transition: fill 0.2s ease-in-out;
}
.btn-attach-file:hover svg path {
	fill: var(--green, #4E8616);
}
.btn-attach-file span {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--black, #171A23);
	transition: color 0.2s ease-in-out;
}
.btn-attach-file:hover span {
	color: var(--green, #4E8616);
}
/**/
.file-list {
	display: inline-flex;
	align-items: center;
}
.file-list ul {
	padding-left: 30px;
}
.form__item-group--file {
	display: flex;
	flex-direction: row-reverse;
	gap: 16px;
}
/**/
.form [type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 11px 28px;
	border: none;
	border-radius: 10px;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	background-color: var(--green, #4E8616);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
	.form [type="submit"] {
		min-width: 260px;
	}
}
.form [type="submit"]:hover {
	background-color: #3A6B10;
}
.form [type="submit"]:active {}
.form [type="submit"]:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(78, 134, 22, 0.3);
}
.form [type="submit"]:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}
/**/
.form .nice-select {
	height: unset;
	line-height: unset;
	font-size: 17px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 8px;
	border-color: #fff;
}
.form .nice-select:focus {
	border-color: var(--green, #4E8616);
	box-shadow: 0 0 0 3px rgba(78, 134, 22, 0.1);
}
.form .nice-select .nice-select-dropdown {
	overflow-y: auto;
}
.form .nice-select:has(.option.disabled.selected) .current {
	color: #BDBDBD;
}
.form__item-group--submit {
	display: flex;
	justify-content: center;
	align-items: center;
}
.form__item-group.group-checkbox {
	justify-content: center;
}
.note-required {
	font-size: 10px;
	text-align: center;
}
.subtitle {
	text-align: center;
}
form[name^="SIMPLE_FORM_1"][target] [type="submit"] {
	position: relative;
	background: none;
}
form[name^="SIMPLE_FORM_1"][target] [type="submit"]::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 100%;
	height: 80%;
	background-image: url('/local/templates/kosatka/assets/img/loader.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
[id^="wait_comp_"] {
	display: none;
	z-index: 1056 !important;
	background:
		url('/local/templates/kosatka/assets/img/loader.svg') center center no-repeat scroll transparent !important;
	border: none !important;
	font-size: 0 !important;
	padding: 14px !important;
}