.saturation-panel {
	position: fixed;
	top: 95vh;
	/*bottom: 500;*/
	right: 10px;
	height: 38px;
    width: 400px;
    border-radius: 10px;
	/*background-color: #9CE6F5;*/
	opacity: 0.7;
	z-index: 5;
	
}

.saturation-status-bar {
	height: 100%;
    width: 100%;
    color: #ffffff;
    background-color: #ffffff;
}

.saturation-status-container {
	margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
	height: 28px;
}

.borde {
	border: 2px solid blue;
}

.low-saturation::-webkit-progress-value {
	background: #00ff00;
}

.medium-saturation::-webkit-progress-value {
	background: #ffff00;
}

.high-saturation::-webkit-progress-value {
	background: #ff0000;
}