/* jQuery UI *****************************************************************/

.ui-helper-hidden-accessible
{
  position				: absolute;
  overflow				: hidden;
  width					: 1px;
  height				: 1px;
  margin				: -1px;
  padding				: 0;
  border				: 0;
  clip					: rect(0 0 0 0);
}

/* 1°/ Sliders ***************************************************************/ 

/* 1-1 Sliders horizontal ****************************************************/ 

.ui-slider-horizontal
{
	position			: relative;
	height				: 8px;
	border-radius		: 5px;
	border				: 1px solid var(--color-1);
	background			: transparent;
}

.ui-slider-horizontal .ui-slider-range
{
	z-index				: 1;
	display				: block;
	position			: absolute;
	top					: 0;
	border				: 0;
	background			: var(--color-5);
	height				: 100%;
}

.ui-slider-horizontal .ui-slider-handle
{
	z-index				: 2;
	position			: absolute;
	top					: -7px;
	margin-left			: -10px;	/* 1/2 de width */
	width				: 20px;
	height				: 20px;
	background			: var(--color-8);
	border				: 2px solid var(--color-5);
	border-radius		: 50%;
	cursor				: grab;
}

.ui-slider-horizontal .ui-slider-handle:hover
{
	background			: var(--color-5);
}

.ui-slider-horizontal .ui-slider-handle:focus
{
	border				: 2px solid var(--color-1);
}