/*! nouislider - 8.5.1 - 2016-04-24 16:00:30 */
.noUi-target, .noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-target {
	position: relative;
	direction: ltr
}
.ocfilter  .panel-heading {
	font-size: 16px;
    color: #666;
}

.ocfilter  .panel-heading i{
		margin-right: 10px;
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0
}

.noUi-handle {
	position: relative;
	z-index: 1
}

.noUi-stacking .noUi-handle {
	z-index: 10
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left .3s, top .3s;
	transition: left .3s, top .3s
}

.noUi-state-drag * {
	cursor: inherit!important
}

.noUi-base, .noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.noUi-horizontal {
	height: 18px
}

.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px
}

.noUi-vertical {
	width: 18px
}

.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px
}

.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
	background: #22B699;
	box-shadow: inset 0 0 3px rgba(51,51,51,.45);
	-webkit-transition: background 450ms;
	transition: background 450ms
}

.noUi-origin {
	border-radius: 2px
}

.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,.45), 0 3px 6px -5px #BBB
}

.noUi-draggable {
	cursor: w-resize
}

.noUi-vertical .noUi-draggable {
	cursor: n-resize
}

.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
	box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:after, .noUi-handle:before {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px
}

.noUi-handle:after {
	left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px
}

.noUi-vertical .noUi-handle:after {
	top: 17px
}

[disabled] .noUi-connect, [disabled].noUi-connect {
	background: #B8B8B8
}

[disabled] .noUi-handle, [disabled].noUi-origin {
	cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-pips {
	position: absolute;
	color: #999;
	font-size: 10px
}

.noUi-value {
	position: absolute;
	text-align: center
}

.noUi-value-sub {
	color: #ccc;
	font-size: 10px
}

.noUi-marker {
	position: absolute;
	background: #CCC
}

.noUi-marker-large, .noUi-marker-sub {
	background: #AAA
}

.noUi-pips-horizontal {
	padding: 10px 0;
	height: 45px;
	top: 100%;
	left: 0;
	width: 100%
}

.noUi-value-horizontal {
	-webkit-transform: translate3d(-50%,50%,0);
	transform: translate3d(-50%,50%,0)
}

.noUi-marker-horizontal.noUi-marker {
	margin-left: -1px;
	width: 2px;
	height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
	height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
	height: 12px
}

.noUi-pips-vertical {
	padding: 0 10px;
	height: 100%;
	top: 0;
	left: 100%
}

.noUi-value-vertical {
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
	width: 5px;
	height: 2px;
	margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
	width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
	width: 15px
}

.noUi-tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #fff;
	padding: 5px;
	text-align: center
}

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
	top: -32px
}

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
	bottom: -32px
}

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
	left: 120%
}

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
	right: 120%
}
/*=Font size */
.ocfilter-option .option-name,
.ocfilter-option .option-values,
.ocfilter-option .option-description,
.ocfilter-option .fields-price
{
	font-size: 12px;
}

.ocfilter a,
.ocfilter a:hover,
.ocfilter a:active{background: none; border: none; padding: 0; text-shadow: none;}

    .ocfilter-option .option-name{font-size: 12px; font-weight: 600; margin-bottom: 10px;}
		.ocfilter-option .option-values{overflow: visible;}
    .list-group-item{overflow: visible!important;}
    .ocfilter-option .option-values .dropdown-menu{width: 100%;}
    .ocfilter-option .option-values .dropdown-menu > li{
      padding: 10px;
    }

      .ocfilter-option .color{border-radius: 3px 3px 3px 3px; float: left; height: 19px; margin: 1px -16px 0 -3px; width: 19px;}
      .ocfilter-option .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;}

      .ocfilter-option label{cursor: pointer; display: block; font-size: 12px; font-weight: normal; line-height: 1.2; padding: 4px 0;}
      .ocfilter-option label input{display: inline-block; margin: 0 5px 0 0; vertical-align: top;}
      .ocfilter-option label small{background-color: #DBEAF9; color: #0E6A93; font-weight: 200; font-size: 10px; margin-left: 5px;}

			.ocfilter-option label.disabled{color: #999999;}
      .ocfilter-option label.disabled small{background-color: #EFEFEF; color: #999999;}

			.ocfilter-option label a{color: #236BBB; text-decoration: none;}
      .ocfilter-option label.selected {color: #E56101;}
      .ocfilter-option label.selected small{display: none;}

    /*=Selected Options */
    .selected-options {color: #333333; padding: 0;}
    .selected-options .ocfilter-option{background-color: #F8F8F8; font-size: 10px; padding: 4px 5px;}

    /*=Price filtering */
		#ocfilter-price .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: 15px; margin-right: 15px;}

	  .trackbar{background-color: #41AA35; margin:0; padding: 0;} /*=Width was given automatically */
			.trackbar .handler-block{background-color: #DADADA; width: 0;}
	    .trackbar .left-block{border-radius: 3px 0 0 3px; float: left; margin: 0 0 0 -3px; padding: 0 0 0 3px;}
	    .trackbar .right-block{border-radius: 0 3px 3px 0; float: right; margin: 0 -3px 0 0; padding: 0 3px 0 0;}
				.trackbar .trackbar-handler{-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; border: 4px solid #04B6F0; background-color: #0E6A93; border-radius: 50% 50% 50% 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); cursor:pointer; width: 4px; height: 4px;margin-top: -4px;}
    		.scale.disabled .trackbar,
        .scale.disabled .trackbar-handler{background-color: #F2F2F2;}
        .scale.disabled .trackbar-handler{border-color: #BABABA;}

		    .trackbar .left-handler{float: right; margin-right: -6px;}
		    .trackbar .right-handler{float: left; margin-left: -6px;}

		.trackbar-scale{height: 18px; line-height: normal; margin: 2px 0 0; padding: 0 8px 0 5px;}
		.trackbar-scale a,
		.trackbar-scale div{border-left: 1px solid #DADADA;display:block;float:left;margin-right: -2px;text-decoration: none;position: relative;height: 5px;}

		.trackbar-scale a.last,
		.trackbar-scale div.last{border-right: 1px solid #DADADA; margin-right: -4px;}

			.trackbar-scale a:hover,
			.trackbar-scale a:hover span,
			.trackbar-scale a:hover + a .from{background-color: #F8F8F8; color:#000000;}

			.trackbar-scale div{background-color: #0EB9F0;}
			.trackbar-scale a span,
			.trackbar-scale div span{color: #666666; font-size: 8px; position: absolute; top: 5px;}

			.trackbar-scale a span.from,
			.trackbar-scale div span.from{left: 0; }

			.trackbar-scale a span.to,
			.trackbar-scale div span.to{right: 0; }

  /*=Price diagram */
  .price-diagram{box-shadow: 0 1px 1px #DBDEE1 inset; background: #F2F2F2 url('theme/default/image/ocfilter/diagram-bg-repeat.png') repeat 0 1px; border-radius: 3px 3px 3px 3px; overflow: hidden; margin: 10px 10px 5px 5px;}
    .diagram-field{position:relative;margin: 0;height: 40px;}
			.diagram-field circle{stroke-width: 2; opacity: 1;}
			.diagram-field path{stroke-width: 1; opacity: 0.25; stroke-opacity: 1;}

  .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;}.center { 
	text-align:center
}
.center > input[type="text"] {
	width: 350px;
	display: inline-block;
	text-align:center;
	    font-size: 16px;
}

label.h4 {
	    font-size: 14px;
}

#availform .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    padding: 0;
    margin: 0;
}

#availform #input-product,
#availform #input-price {
	border: 0px;
	outline: none;
	    border: 0px;
    outline: none;
    box-shadow: none;
	font-size: 20px;
	font-weight: bold;
}

#availform  .btn.btn-primary {
	width: 200px;
	margin: 0 auto;
}

.center > textarea {
	width: 350px;
	display: inline-block;
	text-align:left;
}
.form-horizontal .has-feedback .form-control-feedback {
    right: 122px;
}
.has-feedback label~.form-control-feedback {
    top: 38px;
}
.modal-body .hidden {
    display: none;
}