/*=Font size */
.ocfilter-option .ocf-option-values,
.ocfilter-option .ocf-option-description,
.ocfilter-option .fields-price {
	font-size: 14px;
}

.ocfilter-option .ocf-option-name {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}

.ocfilter-option .ocf-option-values {
	overflow: visible;
	padding-bottom: 11px; 
	margin-top:-9px;
}

.list-group-item {
	overflow: visible!important;
}

.ocf-option .cube {
	width: 24px;
	height: 24px;
	background: #ECE5AC;
	margin: 0px 8px;
}

.w100 { width:100%; }

.ocfilter-option .ocf-option-name {
    font-size: 14px;
    padding: 0;
    margin: 0;
    padding-right: 5px;
    display: flex;
    cursor: pointer;
}

.ocfilter-option label, div.ocf-div, .ocf-a-box a {
	cursor: pointer;
	display: flex;
	align-items: center; 
	justify-content: start;
	flex-shrink: 3;
	flex-direction: row;
	padding: 7px 0;
	position: relative;
}

.ocf-a-box a.default, div.ocf-div { cursor:default; }

.ocfilter-option label::before, 
div.ocf-div::before, 
.ocf-bar-check {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 2px solid #808080;
	border-radius: 2px;
	margin: 0 8px 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
label.ocf-radio::before, 
div.ocf-div::before {
	border-radius: 10px;
}

.ocf-bar-check { 
	width: 18px; 
	height:18px; 
}
.ocf-selected::before, 
.ocf-bar-check.ocf-selected { 
	background-color:  var(--main-color);
	background-image: url(../images/checkmark-white.svg);
	border-color:  var(--main-color);
} 


.ocf-option-name .i-plus, .ocf-option-name .i-minus {
	/***** отступ справа на 5px №1 *****/
	margin-right: -24px;
}

.ocf-option-name .i-plus, .ocf-option-name .i-minus {
    float: none;
    width: 100%;
    background-position: right;
    margin: 0;
    min-height: 51px;
    display: flex;
    align-items: center;


}
.ocf-option-name.ocf-option-name-cat.ocf-option-name-filter {
    position: relative;
}
.ocf-option-name.ocf-option-name-cat.ocf-option-name-filter > div {
    position: absolute;
    top: 13px;
    left: 3px;
    pointer-events: none;
}

.list-group-item { border-top:1px solid #ccc; }

.ocfilter-option a { 
	color: #1a1a1a; 
	text-decoration:none; 
	padding:7px 0;
	flex-grow: 1;
}
.ocfilter-option li ul li {  margin-left: 15px; }
.ocfilter-option label input[type=checkbox], 
.ocfilter-option label input[type=radio] { 
	width:18px; 
	height:18px; 
	min-width:18px; 
	margin: 0 8px 0 0; 
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.list-group { 
	border-bottom:1px solid #ccc; 
}

.ocfilter-option .ocf-option-values .dropdown-menu {
	min-width: 100%;
	max-height: 250px;
	overflow: auto;
	padding: 10px;
}

.ocfilter-option .ocf-color {
	border-radius: 3px 3px 3px 3px;
	float: left;
	height: 19px;
	margin: 1px -16px 0 -3px;
	width: 19px;
}

.ocfilter-option .ocf-image {
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	height: 19px;
	margin: 1px -16px 0 -3px;
	position: relative;
	width: 19px;
	z-index: 10;
}

.ocf-option-values .badge, .collapse-value > button > span {
	font-weight: lighter;
	font-size: 14px;
	line-height: 110%;
	margin-left:auto;
	/*position:absolute; 
	right:0;*/
}



.ocfilter-option .dropdown-menu label{
  white-space: nowrap;
}

.ocfilter-option label input {
	display: inline-block;
	/*margin: 0 5px 0 0;*/
	/*vertical-align: middle;*/
}

.ocfilter-option label small, .ocfilter-option span{
	margin-left: 3px;
}

.ocfilter-option label.disabled,
div.ocf-div.disabled, 
 .contnull {
	color: #999;
}

label.disabled, .contnull {
	cursor: default;
}
.ocfilter-option label.disabled a, .ocf-a-box a.disabled, .contnull {
	color: #999999;
	pointer-events: none;
}
.ocfilter-option label a {
	vargin:0; padding:0;	
}

.ocfilter-option .ocf-selected small {
	opacity: 0;
}

/* Это оставить обязательно*/
.a-filter-box{ 
/*	width: 25%; 
	border-top: 2px solid #808080; 
	padding-right: 115px; 
	float:left; */
	/*margin-bottom: 80px;*/
}
 
/*label{ display: block; }*/
label.pl_20{ padding-left: 15px }
label.pl_40{ padding-left: 30px }

.attr-top-list { display:inline-block; }
.attr-top-list.clean { padding:0; border:none; }

/*.attr-top-list span{ display: inline-block; font-size:15px; padding: 4px 8px; background:#0CC}
.attr-top-list span:hover { background: #eee; cursor:pointer; }*/

.hide, .collapse { display: none; }
.show, .collapse.in { display: block; }
/* END Это оставить обязательно */

.search-heading {
	font-size: 16px;
	font-weight:500;
	padding: 7px 0 24px 0;
}

.panel-heading { 
	font-size: 14px; 
	font-weight:500; 
	padding: 7px 0 16px 0; 
}
.panel-heading .small.fright { margin-top:4px; }
.panel-heading .small.fright:hover { color:#000; text-decoration: underline; }
.panel-heading .small.fright:active { color: #888; }

/*=Collapse Options */
button[data-target="#ocfilter-hidden-options"] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

button[data-target="#ocfilter-hidden-options"] .fa:before {
	content: "\f078";
}

button[data-target="#ocfilter-hidden-options"][aria-expanded="true"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

button[data-target="#ocfilter-hidden-options"][aria-expanded="true"] .fa:before {
	content: "\f077";
}

/*=Collapse Values */
.collapse-value {
	margin-top: 8px; 
	position:relative;
}

.collapse-value > button {
	color:  var(--main-color);
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: normal;
	/*text-transform: uppercase;*/
}
.collapse-value > button:hover {
	color:  var(--main-color-hover);
}
.collapse-value > button:active {
	color:  var(--main-color);
	opacity:0.5;
}

/*=Selected Options */
.list-group-item.selected-options {
	border: none;
	margin-top:-11px;
	margin-bottom:7px;
}
.selected-options {
	padding: 0;
	/*position:relative;*/
}

.selected-options .ocfilter-option {
	display: inline-block;
	padding-right:3px;
}
/*.selected-options .ocfilter-option button, */.attr-top-list button { 
	background-color: var(--main-color-light); 
	margin: 0 5px 8px 0;
	padding:5px 8px;
	border-radius: 12px;
}
/*.selected-options .ocfilter-option .icon-cross, */.attr-top-list .icon-cross { 
	color:#555;
	background-size:14px;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.attr-top-list button.attr-reset { 
	background-color:#fff;
	padding:4px 7px;
	border:1px solid #555;
}
.attr-reset:hover { 
	color: #000;
	background-color:#eee; 
} 

/*=Price filtering */
#ocfilter-price .ocf-option-values {
	padding: 10px 10px 5px;
}

.trackbar, .trackbar .left-block, .trackbar .right-block {
	height: 4px;
}

.popover-content .form-inline {
	white-space: nowrap;
}

.popover-content .form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

.scale {
	margin-bottom: 35px;
	margin-left: 9px;
	margin-right: 9px;
}

.ocfilter .popover .form-inline .form-control {
	width: 100px;
}

/* Position center style */
.ocfilter-content-top, .ocfilter-content-bottom {
}

.ocfilter-content-top .box-content, .ocfilter-content-bottom .box-content {
	font-size: 0;
}

.ocfilter-content-top .ocfilter-option, .ocfilter-content-bottom .ocfilter-option {
	display: inline-block;
	vertical-align: top;
	width: 33%;
}

.ocfilter-content-top .ocfilter-option + .ocfilter-option, .ocfilter-content-bottom .ocfilter-option + .ocfilter-option {
	border-top: none;
}

/*=Mobile */
.ocf-offcanvas{
  position: fixed;
  top: 0;
  background-color: #fff;
  bottom: 0;
  left: -250px;
  z-index: 1000;
  height: 100%;
  width: 250px;
  padding: 0;
  -webkit-transition: left 250ms ease;
  -moz-transition: left 250ms ease;
  -ms-transition: left 250ms ease;
  -o-transition: left 250ms ease;
  transition: left 250ms ease;
}
.ocf-offcanvas.active{left:0;}
.ocf-offcanvas .ocfilter-mobile-handle{position: absolute; left:0; /*100%;*/ top: 88px;}
.ocf-offcanvas .ocfilter-mobile-handle .btn{border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.ocf-offcanvas .ocf-offcanvas-body{
	overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media all and (max-width: 767px) { 
	.panel-heading .small.fright:hover { color:#fff; text-decoration: underline; }
	.panel-heading .small.fright:active { color: #eee; }
	
	.selected-options .ocfilter-option button { 
		color:#fff;
		background-color:#000;
	}
}

@media all and (max-width: 1199px) {
	.ocf-a-box a, .ocf-option-values .badge { color: #fff; }
}