/* Start:/local/components/onedev/catalog.smart.filter/templates/default/style.css?17361492975315*/
.wrap_filter {display: block; padding: 0 20px; width: 276px; box-sizing: border-box}
.wrap_filter .close_wrap {display: none}
.filter {display: block; padding: 20px 0; width: 236px; background: rgba(105,133,144,.1); border-radius: 5px; box-sizing: border-box}

.filter .name {padding: 0 20px; font-weight: 500; font-size: 20px; line-height: 24px;}

.filter .paramsBox {padding: 20px; border-bottom: 1px solid #fff}
.params label ins{font-size: 15px;}
#smartFilter {position: relative;}

#smartFilter .checkbox .off {display: none;}

#smartFilter .paramsBoxTitle {padding-bottom: 9px; color: rgba(0,0,0,.6); font-size: 15px; line-height: 18px;}
#smartFilter .inp-fl {display: flex}
#smartFilter .inp-fl > div {width: 50%; box-sizing: border-box}
#smartFilter .inp-fl > div:nth-child(1) {padding-right: 4px}
#smartFilter .inp-fl > div:nth-child(2) {padding-left: 4px}
#smartFilter .rangeSlider input[type="text"] {height: 32px; text-align: center; border: none; background: #F9F9F9; border-radius: 5px;}
#smartFilter .slider {margin: 10px auto 0; width: 100%; height: 18px; position: relative;}
#smartFilter .handler {width: 100%; height: 4px; background: #f6532d; border-radius: 2px; cursor: pointer; position: absolute; top: 15px;}
#smartFilter .slider .blackoutLeft, #smartFilter .slider .blackoutRight {width: 0; height: 4px; background: #cdd4d7; border-radius: 2px; position: absolute; top: 0; left: 0}
#smartFilter .slider .blackoutRight {right: 0; left: inherit}
#smartFilter .slider ins {display: block; width: 8px; height: 18px; background: #F6532D; border-radius: 4px; position: absolute; cursor: pointer; z-index: 10; top: -7px;}
#smartFilter .slider .left {right: -8px;}
#smartFilter .slider .right {left:  -8px;}
#smartFilter input[type="checkbox"] + label div {font-weight: normal; font-size: 15px}
#smartFilter .select {width: 100%}

#smartFilterControls {padding: 20px 20px 0 20px}
#smartFilterControls > div:nth-child(1) { margin-bottom: 15px}
#smartFilterControls .button {height: 50px; line-height: 50px}
#smartFilterControls .button.v2 {background: rgba(83,108,119,.2); color: #536C77}
#smartFilterControls .button.v2:hover {background: rgba(83,108,119,.5); color: #fff}


#smartFilter ul, #smartFilter li {padding: 0}
#smartFilter li:before {display: none}


#smartFilter .dropdown {display: block; height: 32px; background: #fff; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative;}
#smartFilter .checkedItem {display: block; padding: 0 30px 0 20px !important; height: 32px; background: url("data:image/svg+xml; utf8; base64, PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEzIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNiIgZD0iTTEgMS41TDYuNSA2TDEyIDEuNSIgc3Ryb2tlPSIjMzIzMjMyIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K") 92% center no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; line-height: 32px;}

#smartFilter .dropdownList {display: block; padding: 0; width: 100%; height: auto; max-height: 248px; font-size: 15px; border: 1px solid rgba(104,126,133,.2); border-radius: 5px; background: #E7E7E7; box-sizing: border-box; cursor: pointer; position: absolute; opacity: 0; z-index: 2; top: 33px; right: 0; left: 0; visibility: hidden; overflow: hidden; overflow-y: auto;}

#smartFilter .dropdownList.opened {visibility: visible; opacity: 1;}

#smartFilter .dropdownList .item {display: block; padding: 5px 20px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

#smartFilter .dropdownList .selected, #smartFilter .dropdownList .item:hover {background: rgba(286,83,45,.1); cursor: pointer;}
#smartFilter .dropdownList .item.disabled:hover {background: none;}

#smartFilter .disabled {cursor: default !important; color: #999; /* display: none; */}

#smartFilter input[type="checkbox"] + label.disabled:hover span:before {background: rgba(83,108,119,.3); cursor: default !important} 


.moreAll {padding-top: 5px !important; font-size: 15px;}





#modef { /*display: none !important; */padding-left: 15px; width: 200px; height: 38px; color: #fff; font-size: 13px; text-align: left; background: #F6532D; box-shadow: 0px 20px 50px rgba(0,0,0,.15); border-radius: 5px; box-sizing: border-box; line-height: 38px; transition: top .2s ease; position: absolute; left: calc(100% + 4px); top: 0; z-index: 99;}
#modef:before {content:''; display:block; width:8px; height:8px; background: #F6532D; box-shadow: 0px 20px 50px rgba(0,0,0,.15); transform:rotate(45deg); position:absolute; top: 15px; left:-4px;}
#modef .close {display: block; width: 20px; height: 30px; position: absolute; top: 4px; right: 5px;}
#modef .close:before {content: '\00D7'; display: block; width: 20px; height: 30px; color: #fff; font-size: 30px; font-weight: 300; line-height: 25px; position: absolute; top: 0; left: 0;}
#modef .close:hover:before {color: #c50a0b;}



#modef_send {display: inline-block; margin-left: 10px; color: #fff;}
#modef_send:hover {opacity: .8;}
#modef_num {display: inline-block;}

#smartFilter .elCount {text-decoration: none;}




@media only screen and (max-width: 1200px) {

#modef {display: none !important;}
}


/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?167741247351*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /local/components/onedev/catalog.smart.filter/templates/default/style.css?17361492975315 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?167741247351 */