.input-block {
	position: relative;
	padding: 10px;
}

.input-block_datepicker {
	position: relative;
	padding: 10px 10px 5px;
}

.input-block_width_l {
	width: 340px;
}

.input-block_width_m {
	width: 280px;
}

.input-block_width_sm {
	width: 250px;
}

.input-block_width_s {
	width: 180px;
}

.input-block_no-indent {
	padding: 0;
}

.input-block_width_xs {
	width: 150px;
}

.input-block .input__icon {
	width: 20px;
	height: 20px;
	background-size: 20px;
	color: var(--gray-color);
	position: absolute;
	right: 15px;
	bottom: 15px;
	pointer-events: none;
}

.input-block__label,
.input-block__label-datepicker {
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

.input-block__label {
	min-height: 20px;
	padding-bottom: 8px;
}

.input-block__label-datepicker {
	height: 15px;
}


.input-block__input {
	display: block;
	width: 100%;
	height: 30px;
	padding: 4px 9px;
	text-align: left;

	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.9);

	background-color: #fff;
	border: 1px solid rgba(134, 144, 152, 0.4);
	border-radius: 3px;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .4s, -webkit-box-shadow ease-in-out .4s;
	-o-transition: border-color ease-in-out .4s, box-shadow ease-in-out .4s;
	transition: border-color ease-in-out .4s, box-shadow ease-in-out .4s;	
}
.input-block__input:focus {
	box-shadow: 1px 1px 5px 0px rgba(35, 44, 58, 0.24);
	outline: 0;
}

.input-block_flex-inn {
    display: flex;
    flex-flow: wrap;
}

.input-block_flex-inn label {
    order: 0;
    width: 100%;
}

.input-block_flex-inn span {
    order: 1;
    display: flex;
    width: auto;
}

.input-block_flex-inn input {
    width: calc(100% - 40px);
    display: inline-block;
    order: 0;
}

.input-block_flex-inn button {
	width: 40px;
	height: 30px;
	border: none;
	color: var(--gray-color);
	background-color: transparent;
}

.input-block_flex-inn button:hover {
	color: var(--primary-color);
}

.input-block_flex-inn svg {
	width: 20px;
	height: 20px;
}

.input-block_checkbox {
	position: relative;
}

.input-block_checkbox div:first-child:before {
	margin-right: 10px;
}

.input-block_checkbox .check input {
	width: auto;
}

.checkbox__link {
	text-decoration: underline;
	padding: 10px 10px 0;
	line-height: 20px;
	cursor: pointer;
	font-weight: normal;
}

.input-block_checkbox .check {
	display: flex;
}

.input-block_checkbox .check input:checked + .validationMessage + .checkbox__text:before {
	background-color: #556172;
    background-image: url(/images/interface_icons/white_check.svg) !important;
    background-size: cover;
}

.input-block_checkbox .check input:checked + .validationMessage + .checkbox__text:before {
	background-color: #556172;
	border-color: #556172;
}

.input-block_checkbox .check .validationMessage {
	display: none;
}

.input-block_third .input-block__label {
	color: #fff;
}

.input-block_third .input-block__input {
	color: #fff;
	border-color: #fff;
	caret-color: #fff;
	background-color: transparent;
}

.tile-body .input-block {
	min-inline-size: 100%;
}