@charset "UTF-8";

@import url('/assets/fonts/PT-Root-UI/pt-root-ui.css');



:root {
	--input-bg-color: #f4f6fb;
	--input-height: 50px;

	--bs-border-radius: 0px;
}

html,
body {
	color: #2d2c2c;
	font-family: "PT Root UI", sans-serif;
}


input[readonly],
select[readonly],
textarea[readonly] {
	background-color: #e2e6f0;
}


input::placeholder,
textarea::placeholder {
	color: #8791a4 !important;
}

.form-label {
	margin-bottom: 2px;
	color: #999b9d;
}

.form-check-input:not([disabled]):not([readonly]),
.form-check-input:not([disabled]):not([readonly]) + .form-check-label {
	cursor: pointer;
}

.form-control,
.form-select {
	height: var(--input-height);
	background-color: var(--input-bg-color);
	border: unset;
	font-size: 16px;
	padding: 12px 22px;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
	border: solid 1px var(--bs-form-invalid-border-color);
}

.form-select {
	padding-right: 32px;
}

.form-control:focus {
	outline: none !important;
	box-shadow: inset 0 0 0 1px #19459b;
	background-color: var(--input-bg-color);
}

.select2-container {
	min-height: var(--input-height);
	background-color: var(--input-bg-color);
}

/* .was-validated .form-select:invalid + .select2-container .select2-selection */

.form-select:not(.is-invalid) + .select2-container--default:not(.select2-container--open) .select2-selection--single.form-select,
.form-select:not(.is-invalid) + .select2-container--default:not(.select2-container--open) .select2-selection--multiple.form-select {
	border: unset;
}

.was-validated .form-select:invalid + .select2-container--default .select2-selection--single.form-select,
.was-validated .form-select:invalid + .select2-container--default .select2-selection--multiple.form-select {
	border: solid 1px var(--bs-form-invalid-border-color);
}

.was-validated .form-check.not-indicate-validation .form-check-input:valid,
.was-validated .form-check.not-indicate-validation .form-check-input:valid~.form-check-label {
	color: inherit;
	border-color: var(--bs-border-color);
}

.select2-container--default .select2-selection--single.form-select,
.select2-container--default .select2-selection--multiple.form-select {
	background-color: unset;
	height: 100%;
	padding-left: 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 4px;
	padding-right: 7px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #fff;
	border: 1px solid #d5ddec;
	border-radius: unset;
	padding-top: 6px;
	padding-bottom: 6px;
}

.select2-container .select2-search--inline .select2-search__field {
	height: 38px;
	line-height: 38px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	border-color: #d5ddec;
	height: 100%;
}

.input-group,
.btn {
	height: var(--input-height);
}

/* Стили для модального окна с номером телефона */
#phoneModal .modal-content {
	border-radius: 12px;
	border: none;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

#phoneModal .modal-header {
	border-bottom: 1px solid #e9ecef;
	background-color: #f8f9fa;
	border-radius: 12px 12px 0 0;
}

#phoneModal .modal-title {
	color: #2d2c2c;
	font-weight: 600;
}

#phoneModal .modal-body {
	padding: 2rem;
}

#phoneModal .modal-body h4 {
	font-weight: 700;
	margin-bottom: 1rem;
}

#phoneModal .btn-close {
	background: none;
	border: none;
	font-size: 1.5rem;
	opacity: 0.5;
}

#phoneModal .btn-close:hover {
	opacity: 0.75;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 576px) {
	#phoneModal .modal-dialog {
		margin: 1rem;
	}

	#phoneModal .modal-body {
		padding: 1.5rem;
	}

	#phoneModal .modal-body h4 {
		font-size: 1.5rem;
	}
}