@charset "UTF-8";
.timeline
{
	width:100%; background-color:#FFFFFF; position:absolute; top:5px; left:0px; overflow:hidden; height:inherit;
}
.timelineInterno
{
	width:100%; height:100%; background-color:#FFFFFF; position:absolute; top:0px; left:0px; overflow:auto;
}
.timelinePrincipal
{
	width:800px; height:600px; overflow:hidden; position:absolute;
}
.botonImagen
{
	position:absolute; top:4px; background-color:#59A2EA; color:#FFFFFF; font-size:12px; padding:3px; cursor:pointer;
}
.inactivo
{
	width:100%; height:100%; background-color:#FF0000; opacity:.5;  position:absolute; left:0px; top:0px;
}
.ajax_loader {background: url("spinner_squares_circle.gif") no-repeat center center transparent;width:100%;height:100%;}
.blue-loader .ajax_loader {background: url("ajax-loader_blue.gif") no-repeat center center transparent;}
.encuestaImagen
{
	float:left; width:100px; height:100px;  background-repeat: no-repeat; background-position:50% 50%; background-size:cover;  margin-right:10px;
}
.encuestaCalificacion
{
	position:relative; left:5px; top:5px; font-size:24px; text-shadow: 2px 2px #000000; 
}
.encuestaRespondida
{
	position:absolute; top:5px; right:5px; width:30px; height:30px; 
}
.encuestaValidada
{
	position:absolute; top:5px; right:40px; width:30px; height:30px;
}
.encuestaEmpleado
{
	font-size:11px; color:#000000; font-weight:bold; padding-top:7px;
}
.encuestaFecha
{
	font-size:13px; color:#F80906; font-weight:bold;
}
.encuestaTicket
{
	font-size:11px; color:#B8B8B8
}
.timelineCalificaNumeros
{
	width:36px; height:36px; margin-right:3px; margin-top:8px; border-radius:18px;
}
.masBoton
{
	height:20px; cursor:pointer; text-align:center; background-color:#eeeeee; padding-top:5px; padding-bottom:10px;
}
.encuestaTexto
{
	float:left; width:50px; height:100%; color:#FFFFFF; font-size:20px; text-align:center; vertical-align:middle
}
.regresar
{
	padding:2px; padding-right:10px; background-color:#cccccc; font-size:12px; vertical-align:middle; color:#ffffff; cursor:pointer; position:fixed; z-index:200; box-shadow: 1px 1px #000000
}
.exportar
{
	padding:2px; padding-right:5px; padding-left:5px; background-color:#FFFFFF; font-size:12px; vertical-align:middle; color:#ffffff; cursor:pointer; z-index:200; box-shadow: 1px 1px #000000; text-decoration:none;
}

/* CSS Document */

@media only screen and (min-width: 640px) {
		
.botonExterior
{
	float:left; position:relative; margin-right:10px;
}
		
}
@media only screen and (max-width: 640px) {

.timelinePrincipal
{
	width:100%; height:100%; overflow:hidden; position:absolute;
}
}