@charset "UTF-8";

@font-face {
	font-family: "PT Root UI";
	src: url("fonts/PT-Root-UI/pt-root-ui_light.woff2") format("woff2"), url("fonts/PT-Root-UI/pt-root-ui_light.woff") format("woff"), url("fonts/PT-Root-UI/pt-root-ui_light.ttf") format("ttf");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "PT Root UI";
	src: url("fonts/PT-Root-UI/pt-root-ui_regular.woff2") format("woff2"), url("fonts/PT-Root-UI/pt-root-ui_regular.woff") format("woff"), url("fonts/PT-Root-UI/pt-root-ui_regular.ttf") format("ttf");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "PT Root UI";
	src: url("fonts/PT-Root-UI/pt-root-ui_medium.woff2") format("woff2"), url("fonts/PT-Root-UI/pt-root-ui_medium.woff") format("woff"), url("fonts/PT-Root-UI/pt-root-ui_medium.ttf") format("ttf");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "PT Root UI";
	src: url("fonts/PT-Root-UI/pt-root-ui_bold.woff2") format("woff2"), url("fonts/PT-Root-UI/pt-root-ui_bold.woff") format("woff"), url("fonts/PT-Root-UI/pt-root-ui_bold.ttf") format("ttf");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}



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

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

html,
body {
	color: #99a4b9;
	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;
}

.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);
}

.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,
button.btn {
	height: var(--input-height);
}