/* Estilos para el control del zoom ajustados con los parametros de Mediaboost */

.zoomCtrl { /* Estilos del control del Zoom */
	width: 230px;
	height: 28px;
	padding: 10px 20px;
	border-radius: 2px;
	background-color: #e4e4e7;
}

.zoomCtrl i { /* Estilos del boton + y - */
 	width: 15px;
	height: 20px;
	font-family: NimbusSansDOT;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #181f62;
	cursor: pointer;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.zoomCtrl i:hover { /* Se coloca en naranja el + y  el - cuando se pasa el mouse sobre el */
	color: #fa6100;
}

.slider { /* Estilo del slider */
	width: 150px;
	height: 4px;
	margin: 9px 11px 7px 10px;
	border-radius: 2px;
	background-color: #8c8fb1;
}

.slider:hover { /* Cambia la opacidad del slider cuando se pasa el mouse sobre el */
	opacity: 1;
}

.slider::-webkit-slider-thumb { /* Cambia el aspecto de la bola del slider */
	width: 20px;
	height: 20px;
	margin: 0 31px 2px 120px;
	box-shadow: 0 4px 5px 0 rgba(91, 93, 112, 0.5);
	background-color: #ffffff;
	cursor: pointer;
}

.slider::-moz-range-thumb { /* Cambia el aspecto de la bola del slider para Mozilla Firefox */
	width: 20px;
	height: 20px;
	margin: 0 31px 2px 120px;
	box-shadow: 0 4px 5px 0 rgba(91, 93, 112, 0.5);
	background-color: #ffffff;
	cursor: pointer;
}