/**
 * Legacy
 *
 * Slightly refactored for redesign @ 04/2018
 */

.sFilterWrap			{ padding-right: 30px; }
.sFilter			{ width: 100%; padding: 33px 10px 0px 18px; background: url('//r.drom.ru/skin/fH.png') 19px 14px no-repeat; background-color: #f5f5f5; border: 1px solid #e3e8ef; margin: 0 0 12px 0; float: left }
.sFilter .option		{ float: left; margin: 0 6px 0 0 }
.sFilter .option a		{ border-bottom1: 1px dashed #0070ba }

.sFilter .co			{ width: 15px; height: 9px; background: url(co.gif) left top no-repeat; position: absolute; left: 15px; top: -9px; z-index: 10 }
.sFilter .mo			{ display: none; position: absolute; white-space: nowrap; background: #fff; z-index: 9; padding: 15px 19px 5px 19px; border: 3px solid #aaa }


.sFilter .mo			{ background: #eaeaea; border: 1px solid #a1a1a1; }

.sFilter .mo .selectList	{ background: #fff; overflow-x: visible; }


.sFilter .mo p			{ padding: 0; margin: 0 0 8px 0; line-height: 16px; }
.sFilter .mo .i,
.sFilter .mo select		{ font-size: 12px }
.sFilter .mo .close		{ background: url(//r.drom.ru/skin/fBlClose.gif) left bottom no-repeat; display: block; font-size: 1px; height: 19px; position: absolute; right: 11px; top: 11px; width: 19px; text-decoration: none }
.sFilter .mo .close:hover	{ background-position: left top; }
.sFilter .mo .load		{ font-size: 11px; display: block; margin: 0 0 8px 0; position: absolute; right: -280px; top: 30px; padding: 0px 14px 2px 8px; background: #e50000; color: #fff; }
.sFilter .mo .load a		{ color: #fff; }
.sFilter .mo .load a:hover	{ color: #fff !important; }
.sFilter .mo .load .sfClose	{ text-decoration: none; left: 2px; left: 8px; top: 8px; display: inline-block; width: 7px; height: 7px; background: url('//r.drom.ru/skin/fAltClose.gif') left top no-repeat; position: relative; }

*:first-child+html .sFilter .mo .load .sfClose	{ top: -5px; }
body:not([x|x]) .sFilter .mo .load .sfClose { top: 0px;  }

.sFilter .moBody		{ padding-top: 9px; padding-bottom: 11px; padding-right: 0px; }
.sFilter .moBody label img	{ display: block; /*margin: 10px 0 5px -6px*/ margin-top: 5px; margin-bottom: 5px; }
.sFilter .moBody p		{ /*margin: 0 10px 15px 10px */ }
.sFilter .moBody input		{ margin-right: 4px; }
.sFilter .moBody td		{ width: 111px; }



.sFilter .arrow			{ position: absolute;  top: -8px; left: 31px; width: 17px; height: 8px; background: url('//r.drom.ru/skin/fbAr.png') left top no-repeat;  }
.sFilter .arrowReverse		{ position: absolute;  top: -8px; right: 31px; width: 17px; height: 8px; background: url('//r.drom.ru/skin/fbAr.png') left top no-repeat; }
.sFilter .selectListCont .c2,
.sFilter .selectListCont .c3	{ display: none }
.sFilter .selectListCont .c2	{ width: 15px; }

.sFilter .c3 .selectList	{ padding: 0px 18px 0px 4px; height: 340px; overflow-y: scroll; }

.sFilter .selectList		{ max-height: 200px; border: 1px solid #ccc; max-height: 293px; //height: 293px; overflow-y: auto; margin: 0 0 20px 0; min-width: 150px; }
.sFilter .selectList.prod	{ width: 133px; }
.sFilter .selectList a,
.sFilter .selectList label	{ display: block; padding: 0px 0px 0px 15px; line-height: 20px; font-size: 12px; }
.sFilter .selectList label	{ margin-top: 5px; margin-bottom: 5px; line-height: 16px; padding-right: 30px; }
.sFilter .selectList .selectAllLabel   { padding-top: 12px; margin-bottom: 0px; }


.sFilter .selectList.prod label,
.sFilter .selectList.prod a	{ padding-left: 5px; }
.sFilter .selectList .tops	{ font-weight: bold }
.sFilter .selectList .seps	{ font-size: 1px; line-height: 10px }
.sFilter .selectList .s		{ background: #FFFACD; color: #000 !important; text-decoration: none }

.sFilter .slider		{ font-size: 9px; margin: 15px 0 10px 0 }


.sFilter label			{ padding: 0; font-size: 12px; color: #555555; }
.sFilter label input		{ vertical-align: middle; position: static; margin: 0 8px 0px 0 }
.sFilter label .selectListAll	{ padding-top: 11px; }

.sFilterSelected .it		{ vertical-align: middle;  margin-right: 6px; font-weight: normal; color: #555555 color: #333; float: left; line-height: 13px; cursor: pointer; position: relative; }
.sFilterSelected .it div	{ margin-bottom: 7px; position: relative; margin-right: 5px; display: inline-block; zoom: 1; *display: inline; _display: inline; background: #f9f4ad; padding: 2px 20px 5px 7px; }
*:first-child+html .sFilterSelected .it		{ white-space: nowrap; }
*:first-child+html .sFilterSelected .it div	{ line-height: 12px; top: 4px;  paddding-top: 0px; margin-bottom: 7px; }


.sFilterSelected		{ margin-top: 20px; font-size: 12px; line-height: 0; font-size: 0;}
.sFilterSelected div		{ line-height: 20px; font-size: 12px;  }
.sFilterSelected .close		{ background: url('//r.drom.ru/skin/fClose.gif') 3px 6px no-repeat; display: block; font-size: 1px; height: 7px; position: absolute; right: 1px; top: 1px; width: 8px; padding: 5px 4px }
.sFilterSelected .clearLine	{ height: 5px }

.sFilterOk			{ margin: 9px 0 20px 0; display: none; width: auto; }

.sFilterOk .showLink		{ display: block; text-decoration: none; margin: 0; padding: 5px 18px 15px; line-height: 27px; font-size: 18px; color: #fff; border: 0px; background: url('//r.drom.ru/skin/reviewMark.png') left -39px repeat-x; height: 19px; width: auto; }
.sFilterOk .showLink:hover	{ background-position: left bottom; color: #fff !important; }
.sFilterOk .showLink.disabled   { background-position: left top; color: #fff; }


.sFilterOk td			{ vertical-align: middle }
.sFilterOk .tip			{ display: none; margin: 0 0 0 15px; padding: 2px 10px 2px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e3e8ef; background: #ffe; font-size: 11px; float: left }

.fFilterCitiesQuick		{ margin: 0 0 14px 0 }
.fFilterCitiesQuick a		{ margin-right: 15px }


.sFilterOk .slider-range	{ font-size: 12px }

.sFilterSelected .close		{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }

.sFilter .mo			{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.sFilter .mo			{ -moz-box-shadow: 2px 2px 6px rgba(150, 160, 160, 0.7); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) }
.sFilter			{ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px }


.option .fTitle			{ font-size: 12px; text-decoration: none; border-bottom: 1px dashed #006aae; padding-right: 10px; background: url('//r.drom.ru/skin/fArr.gif') right 7px no-repeat; margin-right: 14px; }
.option .fTitle:hover		{ border-bottom: 1px dashed #f00000; background-image: url('//r.drom.ru/skin/fArrH.gif'); }

.sFilter .mo.moFirms table	{ width: auto; }
*:first-child+html .sFilter .mo.moFirms .prod { margin-right: 17px; }


.sFilter .mo.moFirms .selectList label	{ position: static; }

.sFilter .mo.moBody table	{ width: auto; }

.sFilter .mo.gear,
.sFilter .mo.kpp,
.sFilter .mo.fuel		{ padding: 18px 52px 18px 19px; }
.sFilter .mo.kpp		{ padding-right: 44px; }
.sFilter .mo.gear		{ padding-right: 54px; }
.sFilter .mo.gear input,
.sFilter .mo.kpp input,
.sFilter .mo.fuel input		{ margin: 0 4px 2px 0; }
.sFilter .mo.kpp p,
.sFilter .mo.gear p,
.sFilter .mo.fuel p		{ margin: 0 0 5px; }

.sFilter .mo.year 		{ padding: 19px 20px 25px;  }
.sFilter .mo.year select	{ height: 21px; }
.sFilter .mo.year .slider	{ margin-top: 20px; margin-left: -3px; width: 162px; }

.sFilter .mo.price 		{ padding: 19px 20px 25px;  }
.sFilter .mo.price .i		{ width: 75px; padding-right: 0px; }
.sFilter .mo.price .slider	{ width: 280px; margin-top: 20px; }
.sFilter .mo.price select	{ height: 21px }

.sFilter .mo.engine 		{ padding: 19px 20px 25px;  }
.sFilter .mo.engine .slider	{ width: 160px; margin-top: 20px; }
.sFilter .mo.engine select	{ height: 21px; width: 59px; }


.sFilter .mo.additional		{ padding: 14px 13px 17px 19px;  }
.sFilter .mo.additional .i	{ margin-bottom: -5px; width: 171px; }
.sFilter .mo.additional hr	{ width: 187px; background: #dadada; border: 0; height: 1px; line-height: 0px; font-size: 1px; margin-bottom: 15px; margin-top: 23px; }

*:first-child+html .sFilter .mo.additional hr { margin-bottom: 8px; margin-top: 13px;}
*:first-child+html .sFilter .mo.additional p	{ margin-bottom: 0; margin-top: 0; }

.sFilter .mo.additional input	{ margin-right: 4px; }
.sFilter .mo.additional p	{ margin: 3px 0 6px; }
.sFilter .mo.additional p.pTitle	{ margin-bottom: 9px; margin-left: -1px; }
.sFilter .mo.additional select	{ height: 21px; }


body .slider-range .rightBorder,
body .slider-range .leftBorder		{ outline-style: none; margin-top: 3px; display: block; border: 0; width: 11px; height: 19px; background: url('//r.drom.ru/skin/fSlide.png') left top no-repeat;  margin-left: -8px; }
body .slider-range .rightBorder		{ background-position: right top; margin-right: -2px; margin-left: 0px; }
body .slider-range			{ border: 0; background: url('//r.drom.ru/skin/sliderRange.gif') left top repeat-x; height: 4px; }
body .slider-range .ui-slider-range	{ background: url('//r.drom.ru/skin/sliderRangeSel.gif') left top repeat-x; }


.clearFilter			{ margin-left: 18px; display: block; margin-top: -1px; text-decoration: none; font-size: 12px; color: #006aae; border-bottom: 1px dashed #006aae; }
.clearFilter:hover		{ border-bottom: 1px dashed #f00000; }

.b-media-cont.b-media-cont_catCitySelectLegacy {
	background: #FFF;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	padding: 20px;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 14;
	max-width: calc(100% - 40px);
}
.b-media-cont.b-media-cont_catCitySelectLegacy .selectList {
	border: 1px solid #bdc2c7;
	width: 200px;
	height: 300px;
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	padding: 5px 0;
}
.b-media-cont.b-media-cont_catCitySelectLegacy .selectList.selectList_model {
	width: 100%;
	min-width: 200px;
}
.b-media-cont.b-media-cont_catCitySelectLegacy .selectList > a {
	display: block;
	text-decoration: none;
	line-height: 1;
	padding: 5px 10px;
}
.b-media-cont.b-media-cont_catCitySelectLegacy .selectList > table {
	table-layout: fixed;
	margin: 0 10px;
}
.b-media-cont.b-media-cont_catCitySelectLegacy .selectList > table label {
	display: block;
}
.drom-mobile .b-media-cont.b-media-cont_catCitySelectLegacy .selectList table,
.drom-mobile .b-media-cont.b-media-cont_catCitySelectLegacy .selectList tr,
.drom-mobile .b-media-cont.b-media-cont_catCitySelectLegacy .selectList td {
	display: block;
}
.b-media-cont.b-media-cont_catCitySelectLegacy .selectList > a.s,
.drom-notouch .b-media-cont.b-media-cont_catCitySelectLegacy .selectList > a.s:hover,
.drom-touch .b-media-cont.b-media-cont_catCitySelectLegacy .selectList > a.s:active {
	background: #f9f4ad;
	color: #000 !important;
}
.b-media-cont.b-media-cont_catCitySelectLegacy .selectList > .seps {
	display: none;
}
.b-media-cont.b-media-cont_catCitySelectLegacy input,
.b-media-cont.b-media-cont_catCitySelectLegacy label {
	position: static;
	line-height: 1.55;
}
.b-media-cont.b-media-cont_catCitySelectLegacy input[type="checkbox"] {
	margin-right: 5px;
}
.b-media-cont.b-media-cont_catCitySelectLegacy .selectList .selectAllLabel {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #bdc2c7;
	margin-bottom: 10px;
}