.container_slide {
	width:100%;
}

.slider {
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 100%;
	background: hsl(119 20% 60% / 30%);
	outline: 3px solid hsl(119 30% 100% / 20%);
	border: 2px solid hsl(119 30% 90% / 50%);
	-webkit-transition: .1s; /* 0.2 seconds transition on hover */
	transition: opacity .1s;
	height: 12px;
	border-radius: 25px;
	box-shadow: inset 0px 2px 3px 1px hsl(119 30% 40% / 50%);
}

.slider:hover {
	background: hsl(119 20% 70%);
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	-moz-appearance: none; /* Override default look */
	appearance: none;
	width: 25px; /* Set a specific slider handle width */
	background: #04AA6D; /* Green background */
	cursor: pointer; /* Cursor on hover */
	height: 25px;
	border-radius: 25px; 
}

.slider::-moz-range-thumb {
	width: 25px; /* Set a specific slider handle width */
	background: #04AA6D; /* Green background */
	cursor: pointer; /* Cursor on hover */
	height: 25px;
	border-radius: 25px;
}

.ui-slider-range.ui-widget-header {
	background: hsl(119 60% 70%);
	border-radius: 25px;
	outline: 2px solid hsl(119 30% 42% / 50%);
	box-shadow: inset 0px -3px 0px 1px hsl(119 30% 57% / 50%);
	-webkit-box-shadow: inset 0px -3px 0px 1px hsl(119 30% 57% / 50%);
	-moz-box-shadow: inset 0px -3px 0px 1px hsl(119 30% 57% / 50%);
}

.slider>.ui-slider-handle {
	outline: 1px solid hsl(119 30% 40%);
	background: hsl(119 30% 85%);
	border-radius: 50%;
/*	border: 4px solid hsl(119 30% 66%);*/
	box-shadow: inset 0px -3px 1px 1px hsl(119 30% 60%);
	border: 0;
}

.slider>.ui-state-hover, .slider>.ui-state-focus {
	background: hsl(119 30% 94%);
	border: 0;
}
/*.slider>.ui-state-focus {
	background: hsl(119 30% 88%);
	border: 0;
}*/

.ui-slider { pointer-events: none; }
.ui-slider .ui-slider-handle { pointer-events: auto; }