

/* Start:/feedback/style.css?17332919326262*/
	.questions,
	.request {
		margin-top: 20px;
	}

	.request a,
	.question a {
		color: var(--brand-secondary);
	}

	.request a:visited,
	.question a:visited {
		color: var(--surface-dark-background);
	}


	.inputtext,
	.inputtextarea,
	.inputselect {
		font-weight: 400;
		font-size: 14px;
		color: black;
		width: 100%;
		max-width: 320px;
		-webkit-box-shadow: inset 1px 1px 1px 0 rgba(174, 174, 192, 0.2), inset -1px -1px 1px 0 rgba(255, 255, 255, 0.7);
		box-shadow: inset 1px 1px 1px 0 rgba(174, 174, 192, 0.2), inset -1px -1px 1px 0 rgba(255, 255, 255, 0.7);
		background: var(--neo-fon);
		border-radius: 5px;
		padding: 12px 15px;
		outline: none;
		border: none;
	}

	input::placeholder,
	textarea::placeholder {
		color: var(--type-ikonki-light);
	}

	.input_input-custom,
	.question,
	.inputfile,
	.errortext,
	.notetext,
	.custom-file {
		font-weight: 400;
		font-size: 14px;
		color: black;
		width: 100%;
		max-width: 320px;
		outline: none;
		border: none;
		margin-bottom: 10px;
	}

	.input_bottom {
		display: block;
		margin-bottom: 40px;
	}

	.input_bottom.input_bottom_captcha {
		display: flex;
	}

	@media (max-width: 767px) {
		.input_bottom.input_bottom_captcha {
			flex-direction: column;
		}
	}

	/* Скрываем стандартный чекбокс */
	.input_checkbox input[type="checkbox"] {
		position: fixed;
		opacity: 0;
	}

	/* Стилизуем label как кастомный чекбокс */
	.input_checkbox label {
		display: inline-block;
		position: relative;
		padding-left: 20px;
		cursor: pointer;
		user-select: none;
		font-weight: 400;
		font-size: 14px;
		color: black;
		padding-top: 5px;
		padding-right: 0;
		padding-bottom: 5px;
		padding-left: 25px;
	}

	/* Создаем кастомный чекбокс */
	.input_checkbox label::before {
		content: '';
		position: absolute;
		left: 0;
		top: 4px;
		width: 18px;
		height: 18px;
		background-color: #fff;
		transition: background-color 0.3s ease;
		-webkit-box-shadow: inset 1px 1px 1px 0 rgba(174, 174, 192, 0.2), inset -1px -1px 1px 0 rgba(255, 255, 255, 0.7);
		box-shadow: inset 1px 1px 1px 0 rgba(174, 174, 192, 0.2), inset -1px -1px 1px 0 rgba(255, 255, 255, 0.7);
		background: var(--neo-fon);
		border-radius: 5px;
	}

	/* Стили для галочки */
	.input_checkbox input[type="checkbox"]:checked+label::after {
		content: '\2713';
		position: absolute;
		top: 6px;
		left: 4px;
		font-size: 14px;
		color: var(--brand-secondary);
	}

	/* Стили для активного чекбокса */
	.input_checkbox input[type="checkbox"]:checked+label::before {
		border: var(--brand-secondary) 1px solid;
	}

	font.notetext {
		bottom: 20px;
		position: relative;
	}

	.reset {
		cursor: pointer;
		-webkit-box-shadow: 1px 1px 3px 0 rgba(174, 174, 192, 0.4), -1px -1px 3px 0 var(--surface-white);
		box-shadow: 1px 1px 3px 0 rgba(174, 174, 192, 0.4), -1px -1px 3px 0 var(--surface-white);
		background: var(--neo-fon);
		position: relative;
		display: block;
		text-align: left;
		border: none;
		border-radius: 6px;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 20px;
		padding-right: 20px;
		font-weight: 400;
		font-size: 14px;
		color: var(--type-ikonki-light);
		transition: 1s;
	}

	.reset:hover {
		-webkit-box-shadow: inset 1px 1px 1px 0 rgba(174, 174, 192, 0.2), inset -1px -1px 1px 0 rgba(255, 255, 255, 0.7);
		box-shadow: inset 1px 1px 1px 0 rgba(174, 174, 192, 0.2), inset -1px -1px 1px 0 rgba(255, 255, 255, 0.7);
		transition: 1s;
		transform: scaleX(1.08);
	}

	.select {
		position: relative;
	}

	.select select {
		color: var(--type-ikonki-light);
		cursor: pointer;
		position: relative;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-box-shadow: inset 1px 1px 1px 0 rgba(174, 174, 192, 0.2), inset -1px -1px 1px 0 rgba(255, 255, 255, 0.7);
		box-shadow: inset 1px 1px 1px 0 rgba(174, 174, 192, 0.2), inset -1px -1px 1px 0 rgba(255, 255, 255, 0.7);
		background: var(--neo-fon);
		border-radius: 5px;
		padding: 12px 15px;
		outline: none;
		border: none;
		overflow-y: auto;
		color: #494949;
	}

	.select select option {
		white-space: normal;
	}

	.display_none {
		display: none;
	}

	.custom-file {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.custom-file .custom-file-upload {
		display: inline-block;
		padding: 10px 20px;
		background-color: var(--surface-dark-background);
		color: white;
		border-radius: 5px;
		cursor: pointer;
		max-width: 140px;
	}

	.custom-file .custom-file-upload:hover {
		background-color: var(--brand-secondary);
	}

	.bx-input-file-desc-error {
		color: var(--brand-secondary);
	}

	font.errortext {
		top: -20px;
		position: relative;
		color: var(--brand-secondary) !important;
	}

	.remove-file {
		background: none;
		border: none;
		padding: 0;
		font-size: 14px;
		font-weight: 700;
		color: var(--brand-secondary);
		cursor: pointer;
	}

	.form-error {
		font-weight: 400;
		font-size: 14px;
		color: black;
	}

	.form-question {
		max-width: 320px;
	}

	@media (min-width: 768px) {

		.inputtext,
		.inputtextarea,
		.input_input-custom,
		.question,
		.inputfile,
		.errortext,
		.notetext,
		.inputselect,
		.custom-file,
		.input_checkbox label,
		.form-question {
			max-width: 500px;
		}
	}

	.question {
		margin: 0;
		padding: 0;
	}

	.error {
		border: 1px solid #cb3c3c;
		border-radius: 5px 5px 0px 0px;
	}

	.error,
	.error select,
	.error input,
	.error textarea {
		background: #cd3c3c05;
	}

	.error_block {
		margin-top: -40px;
		margin-bottom: 40px;
	}

	input.error {
		padding: 0 2px;
	}

	.input_checkbox .error {
		padding: 10px;
	}

	.form-error {
		color: #cd3c3c;
		padding: 10px;
		margin: 0;
		border-radius: 0px 0px 5px 5px;
		border: 1px solid;
		border-top: 0px;
	}

	.form-succes {
		padding: 35px;
		box-shadow: -1px -1px 1px 0px rgba(255, 255, 255, 0.70) inset, 1px 1px 2px 0px rgba(174, 174, 192, 0.20) inset;
		border: none;
		border-radius: 6px;
		font-size: 16px;
	}
/* End */


/* Start:/local/templates/ias_nots/components/bitrix/form.result.new/request/style.css?1733046466181*/
.error-icon {
	display: block;
	float: left;
	height: 13px;
	width: 14px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/ias_nots/components/bitrix/form.result.new/request/images/icon_warn2.png);
	margin-right: 5px;
}
/* End */


/* Start:/local/templates/ias_nots/components/bitrix/form.result.que/question/style.css?1733046466181*/
.error-icon {
	display: block;
	float: left;
	height: 13px;
	width: 14px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/ias_nots/components/bitrix/form.result.que/question/images/icon_warn2.png);
	margin-right: 5px;
}
/* End */
/* /feedback/style.css?17332919326262 */
/* /local/templates/ias_nots/components/bitrix/form.result.new/request/style.css?1733046466181 */
/* /local/templates/ias_nots/components/bitrix/form.result.que/question/style.css?1733046466181 */
