/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
 

.SemaforoRojo{
  background: red;
  background-image: radial-gradient(brown, transparent);
  background-size: 5px 5px; 
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  animation: 13s red infinite;
  border: dotted 2px red;
  box-shadow: 
    0 0 20px #111 inset,
    0 0 10px red;
  margin: -20px 0px 0px 20px;
} 


.SemaforoAmarillo{
  background: yellow;
  background-image: radial-gradient(orange, transparent);
  background-size: 5px 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: dotted 2px yellow;
  position: absolute;
  animation: 13s yellow infinite;
  box-shadow: 
    0 0 20px #111 inset,
    0 0 10px yellow;
  margin: -20px 0px 0px 20px;
}

 .SemaforoVerde{
  background: green;
  background-image: radial-gradient(lime, transparent);
  background-size: 5px 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: dotted 2px lime;
  position: absolute;
  box-shadow: 
    0 0 20px #111 inset,
    0 0 10px lime;
  animation: 13s green infinite;
  margin: -20px 0px 0px 20px;
}


/* Centrar la página */
.pageBackground, .pBack {
	background-color: transparent; /*Quitar fondos a los títulos para que cuando se imprima no salgan colores oscuros */
}

	/*margin-left: auto;
    margin-right: auto;
    /*padding: 0px 30px 30px 30px;*/
	
.pcT { /* page container top center edge (header container) */
	background-color: #9B5399; /*Quitar fondos a los títulos para que cuando se imprima no salgan colores oscuros */

}

/* Todos los campos del tipo Código y Descripción se muestran en color morado*/
.CodigoDescripcion
{
    font-weight: bold;
    font-size: small;
    color: #79539b;
	text-align: right;
	padding: 4px 4px 5px 4px;
}

.TextoFondoMorado
{
	font-family: Arial, Verdana, Geneva, ms sans serif;
    font-weight: bold;
    font-size: small;
    background-color: #79539b;
	color:#fff;
	text-align: left;
	padding: 4px 4px 5px 4px;
}

/* Texto para Cuestionarios */

/* Textos que van en los formatos o cuestionarios de calidad y son del tipo: Revisión: 31312, Efectivo a partir de: 21052018, etc. */
.CuestionarioTextoCalidad
{
	font-family: Arial, Verdana, Geneva, ms sans serif;
    font-weight: bold;
    font-size: small;    
	color:Black;
	text-align: left;
	padding: 4px 4px 5px 4px;
	border-width:1px 1px 1px 1px;
	border-style:solid;	
}

.CuestionarioTitulo
{
	font-family: Arial, Verdana, Geneva, ms sans serif;
    font-weight: bold;
    font-size: small;    
	color:Black;
	background-color: #EAEAEA;
	text-align: left;
	padding: 4px 4px 5px 4px;
	border-width:1px 1px 1px 1px;
	border-style:solid;	
}

/* Separador con fondo morado */
.CuestionarioTextoFondoMorado
{
	font-family: Arial, Verdana, Geneva, ms sans serif;
    font-weight: bold;
    font-size: small;
    background-color: #f8f8f5;
	color:Black;
	text-align: center;
	padding: 4px 4px 5px 4px;
}

/* Separador con fondo gris*/
.CuestionarioTextoFondoGris
{
	font-family: Arial, Verdana, Geneva, ms sans serif;
    font-weight: bold;
    font-size: small;
    background-color: #eaeaea;
	color:Black;
	text-align: center;
	padding: 4px 4px 5px 4px;
}

.FirmaLabel
{
	font-family: Arial, Verdana, Geneva, ms sans serif;
	text-align: center;	
	text-size: xx-large;
	padding: 10px 4px 5px 4px;
	font-weight: bold;
}

.Firma
{
	font-family: Arial, Verdana, Geneva, ms sans serif;
	text-align: center;
	text-size: xxx-large;
	padding: 4px 4px 5px 4px;
}
.FirmaLinea
{
  /*border-bottom: 1px solid black;*/
  padding: 40px 4px 5px 4px;
  text-align: center;
  
}

.QSSize { /* dimensions of quick page */
	height: 320px;
	width: 800px;
	}

.QSttc div { /* quick selector cell content container (used for long text truncation) */
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
	}
	
.QSttc { /* quick selector cell */
	vertical-align: middle;
	}
	
.QStr:hover, .QStrHighlighted, .QStrHighlighted:hover, .QStrSelected:hover { /* quick selector hover/highlighted state */
	background-color: #98FB98;
	}
	
.QSContainer .QSscrollRegion { /* quick selector scrolled region */
	height: 100%;
	width: 100%;	
	}
	
.QSSizeProductos { /* dimensions of quick page */	
	height: 420px;
	width: 800px;
	}