/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10 !important;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*z-index: -1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 18px;
}
.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.noUi-horizontal .noUi-handle {
		top: -10px;
	}
}
.noUi-horizontal.noUi-extended {
	padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin  {
	right: -15px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}
.noUi-vertical.noUi-extended {
	padding: 15px 0;
}
.noUi-vertical.noUi-extended .noUi-origin  {
	bottom: -15px;
}

/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.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,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-dragable {
	cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
	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;
}

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

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}

/* Blocked state;
 */
.noUi-state-blocked.noUi-connect,
.noUi-state-blocked .noUi-connect {
	background: #4FDACF;
}
/* user style */
.noUi-base{background: #3E9F8E;}
.noUi-background{border-radius:10px; background:none;}
.noUi-horizontal {
  background: none repeat scroll 0 0 #E1E1E1;
  border: 0 none;
  border-radius: 10px;
  /*box-shadow: 0 0 3px #999999 inset;*/
  height: 6px;
}
.noUi-horizontal.noUiSlider--short{
	height: 4px;
}
.noUi-horizontal.noUiSlider--short .noUi-handle{
	top: -7px;
}
.search-noUiSlider .noUiSlider {}
.noUiSlider .noUi-connect{ background:transparent !important;}
/*.noUi-horizontal .noUi-base{ height:7px; border:0;border-radius:10px;background:url(bg.png) left top repeat-x !important;border-radius:10px;}*/
.noUiSlider  .noUi-handle {
  border:none;
  height: 20px;
  width: 20px;
  margin: -1px 0 0 -10px;
  border-radius: 20px;
  box-shadow:none;
  /*background:#EEEEEE url(slider-handle.png) center center no-repeat;*/
  background:#3E9F8E;
  left:0;
  z-index:2;
  cursor:pointer;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.noUiSlider  .noUi-handle {
		height: 24px;
		width: 24px;
	}
}
.noUiSlider .noUi-origin-upper{ z-index:4;border-radius:10px; background:#e1e1e1 !important;box-shadow:inset 0px 0px 3px #999999 !important;}
.noUiSlider .noUi-origin-lower{z-index:3;}
/*.noUiSlider .noUi-active{ background-color:white;}*/
.noUiSlider .noUi-active:after{ display:none;}

.minimal-vertical-wrap{height:580px;width:16px;background-color:white;
 border-radius:50px;}
#minimal-vertical, .minimal-vertical {
  float: left;
  height: 536px;
  margin-right: 30px;
  margin-top: 62px;
  margin:0;
}
.noUiSlider2 .noUi-base {
  box-shadow: none;
}
.noUiSlider2.noUi-background{
	 background-color:transparent;
  box-shadow:none;
  border:none;
}
.noUiSlider2 .noUi-handle{
border-radius:50px;
background:#929292;
box-shadow:none;
}
.noUiSlider2 .noUi-handle.noUi-active{ background: #CCC;}
.noUiSlider2 .noUi-handle:before,.noUiSlider2 .noUi-handle:after{ display:none;}
.noUiSlider2.noUi-vertical{
 width:14px;
}
.noUiSlider2.noUi-vertical .noUi-handle{width:16px;left:0px;top:-1px; left:-1px; border:#929292;}
.ui-slider-left-cap{ position:absolute; left:0;height:6px;border-radius:0; background:#e1e1e1;box-shadow: none;}
.ui-slider-right-cap{ position:absolute;right:0;height:6px;border-radius:0; background:#e1e1e1;box-shadow:none;}
.noUi-horizontal.noUiSlider--short .ui-slider-left-cap,.noUi-horizontal.noUiSlider--short .ui-slider-right-cap{height:4px;}
.ui-slider-scale{ padding:0;margin:0; list-style:none;}
.ui-slider-scale li{ position:absolute; height:7px; border-right:1px solid white; z-index:1;}
#cut_slider .ui-slider-scale li.fore1,#fluorescence_slider .ui-slider-scale li.fore1{ left:20%;}
#cut_slider .ui-slider-scale li.fore2,#fluorescence_slider .ui-slider-scale li.fore2{ left:40%;}
#cut_slider .ui-slider-scale li.fore3,#fluorescence_slider .ui-slider-scale li.fore3{ left:60%;}
#cut_slider .ui-slider-scale li.fore4,#fluorescence_slider .ui-slider-scale li.fore4{ left:80%;}
#color_slider .ui-slider-scale li.fore1{ left:14.28%;}
#color_slider .ui-slider-scale li.fore2{ left:28.57%;}
#color_slider .ui-slider-scale li.fore3{ left:42.86%;}
#color_slider .ui-slider-scale li.fore4{ left:57.14%;}
#color_slider .ui-slider-scale li.fore5{ left:71.43%;}
#color_slider .ui-slider-scale li.fore6{ left:85.71%;}
#clarity_slider .ui-slider-scale li.fore1{ left:12.5%;}
#clarity_slider .ui-slider-scale li.fore2{ left:25%;}
#clarity_slider .ui-slider-scale li.fore3{ left:37.5%;}
#clarity_slider .ui-slider-scale li.fore4{ left:50%;}
#clarity_slider .ui-slider-scale li.fore5{ left:62.5%;}
#clarity_slider .ui-slider-scale li.fore6{ left:75%;}
#clarity_slider .ui-slider-scale li.fore7{ left:87.5%;}
#polish_slider .ui-slider-scale li.fore1,#symmetry_slider .ui-slider-scale li.fore1{left:33.33%;}
#polish_slider .ui-slider-scale li.fore2,#symmetry_slider .ui-slider-scale li.fore2{left:66.66%;}



.noUi-handle:before, .noUi-handle:after{ display:none;}
.noUi-handle:before{ display:block; background:transparent; width:40px; height:40px; left:-50%;  top:-50%;}
.noUi-handle-lower:before{ left:-5px;}
.noUi-handle-upper:before{left: auto; right:-5px;}

/* modal slider */
.ui-slider-ten, .ui-slider-nine, .ui-slider-eight, .ui-slider-seven, .ui-slider-six,.ui-slider-four,.ui-slider-five,.ui-slider-three,.ui-slider-two{ padding:0;margin:0; list-style:none;}
.ui-slider-ten li, .ui-slider-nine li, .ui-slider-eight li, .ui-slider-seven li,.ui-slider-six li,.ui-slider-four li,.ui-slider-five li,.ui-slider-three li,.ui-slider-two li{position:absolute; height:7px; border-right:1px solid white; z-index:1;}
.ui-slider-ten li.fore1{ left:10.00%;}
.ui-slider-ten li.fore2{ left:20.00%;}
.ui-slider-ten li.fore3{ left:30.00%;}
.ui-slider-ten li.fore4{ left:40.00%;}
.ui-slider-ten li.fore5{ left:50.00%;}
.ui-slider-ten li.fore6{ left:60.00%;}
.ui-slider-ten li.fore7{ left:70.00%;}
.ui-slider-ten li.fore8{ left:80.00%;}
.ui-slider-ten li.fore9{ left:90.00%;}
.ui-slider-nine li.fore1{ left:11.11%;}
.ui-slider-nine li.fore2{ left:22.22%;}
.ui-slider-nine li.fore3{ left:33.33%;}
.ui-slider-nine li.fore4{ left:44.44%;}
.ui-slider-nine li.fore5{ left:55.55%;}
.ui-slider-nine li.fore6{ left:66.66%;}
.ui-slider-nine li.fore7{ left:77.77%;}
.ui-slider-nine li.fore8{ left:88.88%;}
.ui-slider-eight li.fore1{ left:12.50%;}
.ui-slider-eight li.fore2{ left:25.00%;}
.ui-slider-eight li.fore3{ left:37.50%;}
.ui-slider-eight li.fore4{ left:50.00%;}
.ui-slider-eight li.fore5{ left:62.50%;}
.ui-slider-eight li.fore6{ left:75.00%;}
.ui-slider-eight li.fore7{ left:87.50%;}
.ui-slider-seven li.fore1{ left:14.28%;}
.ui-slider-seven li.fore2{ left:28.57%;}
.ui-slider-seven li.fore3{ left:42.86%;}
.ui-slider-seven li.fore4{ left:57.14%;}
.ui-slider-seven li.fore5{ left:71.43%;}
.ui-slider-seven li.fore6{ left:85.71%;}
.ui-slider-six li.fore1{ left:16.66%;}
.ui-slider-six li.fore2{ left:33.33%;}
.ui-slider-six li.fore3{ left:50%;}
.ui-slider-six li.fore4{ left:66.7%;}
.ui-slider-six li.fore5{ left:83.3%;}
.ui-slider-four li.fore1{ left:25%;}
.ui-slider-four li.fore2{ left:50%;}
.ui-slider-four li.fore3{ left:75%;}
.ui-slider-three li.fore1{ left:33.33%;}
.ui-slider-three li.fore2{ left:66.66%;}
.ui-slider-two li.fore1{ left:50%;}
.ui-slider-five li.fore1{ left:20%;}
.ui-slider-five li.fore2{ left:40%;}
.ui-slider-five li.fore3{ left:60%;}
.ui-slider-five li.fore4{ left:80%;}

.modal-clarity-data{ padding:10px 0 0; text-transform: capitalize;}
.modal-clarity-data li{ float:left; list-style:none; font-size:12px; line-height:1em;}
.modal-clarity-data li span{ display:block; position:relative; left:-50%; text-align:center; white-space:nowrap;}
.modal-clarity-data li.last span{/*left: auto; right:-50%;*/ left:auto; width:60px; right:-30px; float:right;}
.modal-slider-seven-data li{width:14.28%;}
.modal-slider-seven-data .last{ margin-left:-14.28%;}
.modal-slider-six-data li{width:16.66%;}
.modal-slider-six-data .last{ margin-left:-16.66%;}
.modal-slider-four-data li{width:25%;}
.modal-slider-four-data .last{ margin-left:-25%;}

.modal-slider-tooltip .tooltip { display: block; opacity: 1;position: relative;padding:10px 0 0;}
.modal-slider-tooltip .tooltip.bottom .tooltip-arrow{ border-bottom-color:#3E9F8E;border-width: 0 10px 10px; margin-left:-10px;}
.modal-slider-tooltip .tooltip-inner{	max-width:100%; text-align:left; background-color:#3E9F8E; clear:both; padding:0.5em 1em; color:white; font-size:13px; border-radius:0;}
/* add strong */
.noUi-horizontal .noUi-handle-lower { position: relative; }
.noUi-horizontal .noUi-handle-lower .noUi-tooltip { top: 100%; }
.noUi-tooltip { display: block; padding: 5px; position: absolute; text-align: center; white-space: nowrap; left: 50%; transform: translate(-50%, 0); }