/* @override 
	http://127.0.0.1/Sites/www.homeinitaly.com/_templates/homeinitaly_template/css/nouislider_skinHII.css */

/* HII CSS OVERRIDE */

.noUi-target {
    height: 9px;
	background: #e1e4e9;
	box-shadow: none;
	border1: 0;
	border-color: #e1e4e9;
	
	padding: 0 10px; /* metà larghezza handler */ 
	margin1: 0 12px; /* metà larghezza handler */
}
.noUi-base {
}

.noUi-connect {
    background: var(--accent-color);
}

.noUi-handle {
	background: #e1e4e9;
	background: #fff;
	box-shadow: none;
	border: 1px var(--accent-color) solid;
	opacity1: 0.5;
}
.noUi-handle.noUi-active {
	background: var(--accent-color);
}
.noUi-horizontal .noUi-handle {
    height: 20px;
    width: 20px;
    top: -7px;
    right: -10px;
    border-radius: 22px;
}
.noUi-handle:before,
.noUi-handle:after {
  display: none;
}

.noUi-tooltip {
	background: var(--accent-color);
	color: #fff;
	background: #fff;
	color: var(--accent-color);
	border1: none;
	border-color: var(--accent-color);
	border-radius: 5px;
	font-size: 90%;
	padding: 2px 6px;
	font-weight: bold;
	align-content: left;
}

/* il riferimento che usa noUI è il lato SX dello slider. l'elemento ha la width pari allo slider e la posizione è legata all'origin */

.noUi-origin .noUi-handle + .noUi-tooltip.align-left {
	transform: none;
	left:  0;
	right: auto !important;
	margin-left: calc(100% - 12px);
}
.noUi-origin .noUi-handle + .noUi-tooltip.align-right {
	transform: none;
	left: auto;
	right: 0;
	margin-right: -12px;
}


.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 1px;
  height: 4px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 6px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 8px;
}

.noUi-pips .noUi-value {
	font-size: 80%;
}