﻿.filter-search {
	margin-bottom: 0px;
	margin-top: 0px;
}
.filter-search .bg {
	height: 120%;
	object-fit: contain;
	position: absolute;
	object-position: bottom;
	left: 0;
	top: 0;
	z-index: -1;
}
.filter-search .filter-list {
	
	box-shadow: -8px -8px 12px rgba(255,255,255,.2),8px 8px 12px rgba(174,174,192,.3);
	border-radius: 10px;
	padding: 5px 40px;
	position: relative;
	padding-left: 5%;
	background-repeat: no-repeat;
	height:180px;
}
.filter-search .filter-list h4 {
	font-size: 24px;
	margin-bottom: 15px;
	position: relative;
	font-weight: 600;
}
.filter-search .input-control {
	flex: 1;
	margin: 0 10px 0 0;
	width: 100%;
	border: 1px solid #eee;
	background-color: #fff;
	padding: 12px 20px;
	box-shadow: -8px -8px 12px rgba(255,255,255,.2),8px 8px 12px rgba(174,174,192,.3);
	border-radius: 6px;
}
.filter-search .select-control {
	flex: 1;
	margin: 0 10px;
	width: 100%;
	border: 1px solid #eee;
	background-color: #fff;
	padding: 12px 20px;
	box-shadow: -8px -8px 12px rgba(255,255,255,.2),8px 8px 12px rgba(174,174,192,.3);
	border-radius: 6px;
	background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: 12px;
	-moz-appearance: none!important;
	-webkit-appearance: none!important;
	appearance: none!important;
}
.filter-search .button {
	margin: 0 10px;
	padding: 12px 30px;
	display: flex;
	align-items: center;
	border: none;
	border-radius: 6px;
	background-color: #464093;
	color: #fff;
}
.filter-search .button img {
	margin-right: 10px;
	height: 20px;
	filter: brightness(0) invert(1);
}
.filter-search .list-item {
	width: calc(100% - 148px);
	order: 3;
	display: flex;
	align-items: flex-end;
}
.filter-search .list-item .item {
	margin-right: 25px;
	margin-top: 10px;
}
.filter-search .list-item .item p {
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 5px;
	text-align: center;
	color: #464093;
	background-color: #464093;
	color: #fff;
	border-radius: 4px;
}
.filter-search .list-item .check-list {
	order: 99;
	width: 100%;
	display: flex;
	margin: 0 -10px;
}
.filter-search .list-item .check-list li {
	padding: 0 10px;
}
.filter-search .list-item .check-list li.ml-auto {
	margin-left: auto;
}
@media(max-width: 992px) {
.filter-search .list-item .check-list li.ml-auto {
	margin-left: inherit;
}
}
.filter-search .list-item .check-list li input {
	display: none;
}
.filter-search .list-item .check-list li input:checked + label::after {
	transform: scale(1);
}
.filter-search .list-item .check-list li label {
	width: 100%;
	display: flex;
	text-align: center;
	border-radius: 6px;
	font-size: 12px;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
}
.filter-search .list-item .check-list li label::before {
	content: "";
	width: 24px;
	height: 24px;
	display: block;
	border-radius: 4px;
	border: 1px solid #ddd;
	margin-right: 6px;
	background-color: #fff;
}
.filter-search .list-item .check-list li label::after {
	content: "";
	width: 14px;
	height: 14px;
	display: block;
	background: url(../images/icons/check.svg) no-repeat;
	background-size: contain;
	position: absolute;
	left: 5px;
	top: 5px;
	transform: scale(0);
	transition: all ease-in-out 300ms;
}
.filter-search .list-item .check-list li label span {
	display: block;
	line-height: 24px;
}
.filter-search form .list-item .check-list li label img {
	height: 24px;
	margin-right: 10px;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
.checkbox-wrapper-14 input[type=checkbox] {
--active: #275EFE;
--active-inner: #fff;
--focus: 2px rgba(39, 94, 254, .3);
--border: #BBC1E1;
--border-hover: #275EFE;
--background: #fff;
--disabled: #F6F8FF;
--disabled-inner: #E1E6F9;
-webkit-appearance: none;
-moz-appearance: none;
height: 21px;
outline: none;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0;
cursor: pointer;
border: 1px solid var(--bc, var(--border));
background: var(--b, var(--background));
transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
.checkbox-wrapper-14 input[type=checkbox]:after {
content: "";
display: block;
left: 0;
top: 0;
position: absolute;
transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
.checkbox-wrapper-14 input[type=checkbox]:checked {
--b: var(--active);
--bc: var(--active);
--d-o: .3s;
--d-t: .6s;
--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}
.checkbox-wrapper-14 input[type=checkbox]:disabled {
--b: var(--disabled);
cursor: not-allowed;
opacity: 0.9;
}
.checkbox-wrapper-14 input[type=checkbox]:disabled:checked {
--b: var(--disabled-inner);
--bc: var(--border);
}
.checkbox-wrapper-14 input[type=checkbox]:disabled + label {
cursor: not-allowed;
}
.checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled) {
--bc: var(--border-hover);
}
.checkbox-wrapper-14 input[type=checkbox]:focus {
box-shadow: 0 0 0 var(--focus);
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
width: 21px;
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
opacity: var(--o, 0);
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
--o: 1;
}
.checkbox-wrapper-14 input[type=checkbox] + label {
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin-left: 4px;
}

.checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
border-radius: 7px;
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
width: 5px;
height: 9px;
border: 2px solid var(--active-inner);
border-top: 0;
border-left: 0;
left: 7px;
top: 4px;
transform: rotate(var(--r, 20deg));
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
--r: 43deg;
}
.checkbox-wrapper-14 input[type=checkbox].switch {
width: 38px;
border-radius: 11px;
}
.checkbox-wrapper-14 input[type=checkbox].switch:after {
left: 2px;
top: 2px;
border-radius: 50%;
width: 17px;
height: 17px;
background: var(--ab, var(--border));
transform: translateX(var(--x, 0));
}
.checkbox-wrapper-14 input[type=checkbox].switch:checked {
--ab: var(--active-inner);
--x: 17px;
}
.checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked):after {
opacity: 0.6;
}
}
.checkbox-wrapper-14 * {
	box-sizing: inherit;
}
.checkbox-wrapper-14 *:before, .checkbox-wrapper-14 *:after {
	box-sizing: inherit;
}
.checkbox-wrapper-14 {
	padding-right: 20px;
	padding-top: 16px;
}
.checkbox-wrapper-14 label {
	padding-left: 5px;
	font-weight: 600;
}
.checkbox-wrapper-14{float:left;}
.bs-img {
	height: 70px;
	width: 70px;
	object-fit: contain;
	padding: 4px;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11pt;
	font-weight: 600;
	vertical-align: middle;
}
table thead input {
	width: 100%;
	border: 0px solid #CCC;
	height: 32px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 12px;
	color: #ff0000;/*background-color: #eef1f5;opacity: 1;*/
}
table thead select {
	width: 100%;
	border: 0px solid #CCC;
	height: 32px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 12px;
	color: #ff0000;/*background-color: #eef1f5;opacity: 1;*/
}
table thead select option {
	font-size: 90%;
}
.table > tbody > tr > td {
	font-size: 11pt;
	font-weight: 600;
	vertical-align: middle;
}
table.ptable thead .flt {
	padding: 0px;
	margin: 0px;
}
.flt {
	padding-top: 0px;
	padding-bottom: 0px;
}
.tire-label {
	display: inline-flex;
	flex-wrap: nowrap;
}
.tire-label {
	display: inline-flex;
	flex-wrap: nowrap;
}
.tire-label-inner {
	text-align: center;
	padding-right: 2px;
}
.tire-label-inner:last-child {
	padding-right: 0;
}
.tire-label img {
	height: 30px;
	width: inherit;
}
.tire-label .etiket {
	font-weight: 600;
}
.price-old {
	color: #9b9b9b;
	line-height: 30px;
	text-decoration: line-through;
	margin-right: 8px;
	font-weight: 400;
}
.kutu {
	background-color: #e7f3fe;
	color: #21486d;
	padding: 5px 15px;
	border-left: 6px solid #8a9fb3;
	margin-left: 0px;
	margin-right: 20px;
	font-size: 1.6em;
}
