/************css para el cuadro de loading*****/
.css_loading{	
	display:none;	
	position:fixed;
	text-align:center;
	height:100vh;
	/*height:100%; /*modificado el 03-noviembre-2018*/
	
	
	/*width:98%;*/
	width:100vw; /*modificado el 03-noviembre-2018*/
	padding-top:20%;
	margin-left:0px;
	margin-top:0px;
	
	background: #FFF url("../images/loading_ie.gif") no-repeat 50% 50%;
	
	z-index:9999;
	opacity:0.9;
	box-sizing: border-box;	/*agregado el 03-noviembre-2018*/
	/*border:1px solid #F00;	*/
}
.css_loading_upload{	
	display:none;	
	position:fixed;
	text-align:center;
	height:100vh;
	/*height:100%; /*modificado el 03-noviembre-2018*/
	
	
	/*width:98%;*/
	width:100vw; /*modificado el 03-noviembre-2018*/
	padding-top:20%;
	margin-left:0px;
	margin-top:0px;
	z-index:99999;
	opacity:0;
	box-sizing: border-box;	/*agregado el 03-noviembre-2018*/
	/*border:1px solid #F00;	*/
}

/************fin css para el cuadro de loading*****/


/*para tapar el fondo mientras se muestra un dialog de juery UI, obviamente se debe crear un div con id="tapa"*/
#tapa{
	position:fixed;
	top:0;
	left:0;
	background:#000;
	height:100vh;
	width:100vw; 
	opacity:0.9;
	display:none;
	box-sizing: border-box;	
	
}
/*para tapar el fondo mientras se muestra un dialog de juery UI*/



/*clase que se adhiere o añade a un cuadro de texto, se usa para el Kit de evaluacion para casos en que un cuadro de texto
quede vacio, se pone important para que sobrescriba al estilo que inicialmente se define para ese cuadro */
.EmptyBox{	
	background:#FCE669 !important;
	border:2px solid #F00 !important;
}
/*clase que se adhiere o añade a un cuadro de texto, se usa para el Kit de evaluacion para casos en que un cuadro de texto
quede vacio*/


/*clase que se adhiere o añade a un cuadro de texto, un poco mas sueve que se usa para otros formularios que no sean del kit para casos en que un cuadro de texto
quede vacio, se pone important para que sobrescriba al estilo que inicialmente se define para ese cuadro */
.EmptyBoxSoft{	
	background:#F77; !important;
	border:1px solid #F00 !important;
}
/*clase que se adhiere o añade a un cuadro de texto, un poco mas sueve que se usa para otros formularios que no sean del kit para casos en que un cuadro de texto
quede vacio, se pone important para que sobrescriba al estilo que inicialmente se define para ese cuadro */




.JustifyMB{
	width:400px;
	text-align:justify;
	font-size:1em;
}
.Justify{	
	text-align:justify;	
}
.JustifyMB500{
	width:500px;
	text-align:justify;
	font-size:1em;
}






/*Ejemplo de uso:
Crear un div por ejemplo:
<div id="message_temp" class="message_success">Autorización creada correctamente.</div>

en js mostrarlo asi, se desaparecera automaticamente
$("#message_temp").fadeIn(200).delay(1000).fadeOut(200);

*/
.message_success {    
	position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	padding:15px;
	color: #000;
    background-color: #C5F7BF;
    border-color: #d6e9c6;
    display: none;
	font-size:1em;
	text-align:center;
	border-radius:8px;
}
.message_error {    
	position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	padding:15px;
	color: #333;
    background-color: #FBB;
    border-color: #333;
    display: none;
	font-size:1em;
	text-align:center;
	border-radius:8px;
}


.box_success {    
	
	padding:15px;
	color: #333;
    background-color: #AFF8B1;
    border-color: #d6e9c6;
    display: block;
	font-size:1em;
	text-align:center;
}
.box_error {    
	
	padding:15px;
	color: #333;
    background-color: #F5BABA;
    border-color: #d6e9c6;
    display: block;
	font-size:1em;
	text-align:center;
}


.Button0{

	/*border:1px solid #F00;*/
	font-size:2em;
	color:#333;
	background:none;
	border:none;
	cursor:pointer;

}

/*INICIO Sistema de filas y columnas*/
	.wcontainer{
		display: flex;
	}
/*FIN DE Sistema de filas y columnas*/



/*CLASE "TABLALISTADO" esta clase se aplicara generalmente a los listados, se trata de un estilo solamente para
listado de registros,pertenece a los estilos que se definen a traves de clases por lo tanto 
se definen con "."*/

.TABLALISTADO
{
      width           : 100%;
      empty-cells     : hide;
      border-collapse : collapse;
      border          : 1px solid #036;
      box-sizing      : border-box;
	  margin-top:10px;
}

.TABLALISTADO tr:hover {
	background-color: #F0F0F0;
}
.TABLALISTADO tr:nth-child(even) {
	/*background-color: #DCEEF5;*/
}
.TABLALISTADO th
{
      padding        : 4px;
      font-size      : 0.7em;
      background     : var(--ColorStandarTitle);
      color          : var(--ColorStandarTitleFont);
      border         : 1px solid #CCC;
      text-transform : uppercase;
      text-align     : center;
      cursor         : pointer;
	  border-radius:4px;
}

.TABLALISTADO td {
      padding    : 2px;
      text-align : left;
      font-size  : 0.9em;
      border     : 1px solid #999;
      box-sizing : border-box;
	  vertical-align: middle;
}

#TextoCentrado
{
text-align:center;
}
#TextoDerecha
{
text-align:right;
}
#TextoIzquierda
{
text-align:left;
}