.filter-block, .filter-block * {box-sizing: border-box; outline: none;}
.filter-block {font-size: 14px; color: #fff; padding: 20px; border-radius: 6px;}
.filter-block__form {display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); grid-gap: 5px 5px;}
.filter-block__cell--full-width {grid-column: 1 / -1;}
.filter-block__cell-caption {margin-bottom: 10px;}
.filter-block__cell-content > * {width: 100%; display: block;}
.filter-block__cell-content--two-columns {display: flex; justify-content: space-between;}
.filter-block__cell-content--two-columns > * {width: calc((100% - 5px)/2);}
.filter-block__cell-content select, .filter-block__cell-content input[type="text"] { 
	border: 0px solid #cad3d6; border-radius: 4px; 
	background: #313536; box-shadow: none; font-size: 14px;  padding: 0 8px;}
.filter-block__cell-content select {padding: 0 6px;}
.filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: #999; font-size: 14px;}
.filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0;}
.filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer; 
	height: 40px; display: flex; flex-direction: column; justify-content: center;}
.filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none;
	height: 20px; width: 40px; border-radius: 10px; background-color: #eee; cursor: pointer; transition: all .2s linear; 
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;}
.filter-block__cell-content label input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; 
	position: absolute; left: 1px; top: 1px; background-color: #fff; transition: all .2s linear;}
.filter-block__cell-content label input:checked {background-color: #6ab04c;}
.filter-block__cell-content label input:checked::before {left: 21px;}
.filter-block__cell-content input[type="button"], .filter-block__cell-content button {cursor: pointer; 
	height: 28px; display: inline-flex; justify-content: center; padding: 0 10px; box-shadow: none; border-radius: 4px; 
	font-size: 12px; text-transform: uppercase; font-weight: 700; background: #6ab04c; color: #fff;}
.filter-block__cell-content input[type="button"][data-dlefilter="reset"] {background: #535c68; color: #fff;}
/* список букв */
.form_radio_btn {display: inline-block;	margin-right: 5px;}
.form_radio_btn input[type=radio] {display: none;}
.form_radio_btn label {display: inline-block; cursor: pointer; padding: 0px 10px; line-height: 34px; border: 0px solid #999; border-radius: 0px; user-select: none;}
/* Checked */
.form_radio_btn input[type=radio]:checked + label {background: #313536;}
/* Hover */
.form_radio_btn label:hover {color: #666;}
/* Disabled */
.form_radio_btn input[type=radio]:disabled + label {background: #efefef; color: #666;}
