/* ************************************************ */
/*     HOJA DE ESTILOS WEB CONTROL DE PRESENCIA     */
/* ************************************************ */


/*D?77 20151217 Cuando queramos imprimir una pagina de la web, y ocultar elementos como la cabecera o cualquier otro, añadiremos al id la clase no-print */

@media print
{    
    .no-print, .no-print *
    .no-print, .no-print *
    {
        display: none !important;
    }
}



html {
	SCROLLBAR-3DLIGHT-COLOR: #ddd;
	SCROLLBAR-ARROW-COLOR: #333333;
	SCROLLBAR-DARKSHADOW-COLOR: #ddd;
	scrollbar-face-color: #FFFFFF;
	scrollbar-track-color: #ddd;
}
BODY {
    font-size:8pt;
    COLOR: #333333;
    FONT-FAMILY: Arial, Verdana, Tahoma;
    BACKGROUND-COLOR: #FCFBFD;
    margin:0;
    padding: 0;
    height: 100%;
}

A {
	color: #333333;
	text-decoration:none;
    font-size: 8pt;
}

ColumnaOculta {
    display: none;
}

A:hover {
	/*color: #B1C166;*/
	color: #899aa9; /*VBC 20181018*/
}

.boton_Filas
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #cccc66;
    TEXT-DECORATION: none;
    text-align:center
}
.boton_Filass
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #cccc66;
    TEXT-DECORATION: none;
    text-align:center
}
img { 
	border:0;	
}

/*VBC 20181018 debe circle ellipse primero*/
.ContenidoGrid tr:nth-child(even) {
	background: #d8e3ea;
}

.ContenidoGrid tr:nth-child(odd) {
	background: #fff;
}
.PaginacionGrid tr:nth-child(even) {
    background-color: #01537b !important;
}

.PaginacionGrid tr:nth-child(odd) {
    background-color: #01537b !important;
}
/*VBC 20181018*/

.estiloInputs 
{
	FONT-FAMILY: Arial, Verdana, Tahoma;
	font-size: 8pt;
	color: #333333;
	background-color: #FCFBFD;
	border: #666666 1px solid;
}

.BusquedaLabel {
    /*font-weight: bold;*/
    /* background-color: #FFFFE0;*/
    background-color: #d8e3ea;
    pointer-events: none;
    outline: 0;
}

input:not([disabled]) /*Se aplica color a inputs no deshabilitados para igualar comportamientos entre IE 11 y IE con compatibilidad de versiones anteriores*/ {

    color: #333333;
}

textarea, input, select {
	font-size: 8pt;	
	background-color: #FCFBFD;
	/*border: #666666 1px solid;  VBC 20181018*/
	/*vertical-align:text-bottom;*/
	vertical-align:middle;
}

input[type="checkbox"],input[type="radio"] {
	vertical-align:middle;
	background:none;	 
}

.RadioButtonList label
{
    margin-right: 15px;    
    margin-left: 5px;    
}

.CheckBoxList label
{
    margin-right: 15px;    
    margin-left: 5px;    
}

input[type="submit"], input[type="reset"] 
{
	cursor: pointer; /*hand; VBC 20181018*/
	padding:2px;
	}

input[type="image"] {
	height:auto;
}

input[type="text"] {
	padding:0 0 0 2px ;
	height:14px;
}

input[type="password"] {
	padding: 0 0 0 2px ;
	height: 14px;
}

/* *********************************** */
/*      ESTILOS PARA LAS CABECERAS     */
/* *********************************** */


#bloqueCabecera .no-print
{
	width:100%;
	border:0;
	color:Black;	
}

#bloqueCabecera #botonera
{
	margin:2px;	
}

.CabeceraValidarAcceso {
    width: 100%;
    height: 125px;
    border-bottom: 1px solid #666;
    /*background-image: url(../Imagenes/CabeceraNixAzul.png);*/
    background-repeat: no-repeat;
    background-color: #01537b;
}

.CabeceraValidarAccesoPRE {
    width: 100%;
    height: 125px;
    border-bottom: 1px solid #666;
    background-image: url(../Imagenes/CabeceraNixAzulPRE.png);
    background-repeat: no-repeat;
    background-color: #ecb66a;
}

#bloqueCabecera #CabeceraPrincipal
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/CabeceraNixAzul.png);
	background-repeat:no-repeat;
	background-color:#1B5199;
	border-bottom:1px solid #666;
}

table.CabeceraPrincipal {
    width: 100%;
    height: 125px;
    /*background-image: url(../Imagenes/CabeceraNixAzul.png);*/
    background-repeat: no-repeat;
    background-color: #01537b;
    border-bottom: 1px solid #666;
}

table.CabeceraPrincipalPRE {
    width: 100%;
    height: 125px;
    background-image: url(../Imagenes/CabeceraNixAzulPRE.png);
    background-repeat: no-repeat;
    background-color: #ecb66a;
    border-bottom: 1px solid #666;
}

table.CabeceraPrincipalPortal
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/CabeceraNixMar.png);
	background-repeat:no-repeat;
	background-color:#01DFD7;
	border-bottom:1px solid #666;
}

#bloqueCabecera #CabeceraPrincipal #infoConexion
{
	margin-top:3px;
	color:White;
	font-size:11px;
	width:260px;
}

#bloqueCabecera #CabeceraCuadrantes
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
}

#bloqueCabecera #CabeceraMantenimiento
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
}

#bloqueCabecera #CabeceraFacturacion
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
}


#bloqueCabecera #CabeceraMini
{
	width:100%;
	height:30px;
	background-image:url(../Imagenes/fondoCabeceraMini.gif);
	background-repeat:repeat-x;
}

.CabeceraGPMini {
    width: 100%;
    height: 28px;
    /*background-image: url(../Imagenes/CabeceraGPMini.png);
    background-repeat: no-repeat;*/
    background-color: #01537b;
    border-bottom: 1px solid #666;
    color:white;
}

.CabeceraGPMiniPRE {
    width: 100%;
    height: 28px;
    background-image: url(../Imagenes/CabeceraGPMiniPRE.png);
    background-repeat: no-repeat;
    background-color: #704ff8;
    border-bottom: 1px solid #666;
}


#bloqueCabecera #CabeceraAlertas
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
}

#bloqueCabecera #cab
{
	background-image:url(../Imagenes/CabeceraNixVerde.png);
	background-repeat:no-repeat;
	background-color:#94B50E;
}

.cabeceraGP {
    background-image: url(../Imagenes/CabeceraNixVerde.png);
    background-repeat: no-repeat;
    background-color: #94B50E;
}

.cabeceraGPPRE {
    background-image: url(../Imagenes/CabeceraNixVerdePRE.png);
    background-repeat: no-repeat;
    background-color: #704ff8;
}

#bloqueCabecera #CabeceraGP {
    width: 100%;
    height: 125px;
    background-color: #01537b;
    /*background-image:url(../Imagenes/Circulo.png);*/
    background-position:bottom right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #666;
}

#bloqueCabecera #CabeceraAlmacen
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
}

#bloqueCabecera #CabeceraContabilidad
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
}

#bloqueCabecera #CabeceraNominas
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
}

#bloqueCabecera #CabeceraEstadisticas
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
}

#bloqueCabecera #CabeceraEmpleados
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
}

#bloqueCabecera #CabeceraCentros
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraCentros.png);
	background-repeat:repeat-x;
}

#bloqueCabecera #CabeceraImpExp
{
	width:100%;
	height:125px;
	background-image:url(../Imagenes/FondoCabeceraImpExp.png);
	background-repeat:repeat-x;
}
.AspectoBotones
{
	width:198px;
	height:20px;
	/*BACKGROUND-COLOR: #F5F6CE;*/
	background-color #ffffff; /*VBC 20181018*/
	color :blue ;
	font-weight:bold;
	border :solid 1px white;
}
.AspectoBotonesPortal
{
	width:198px;
	height:20px;
	
	BACKGROUND-COLOR: #A9F5F2;
	color :blue ;
	font-weight:bold;
	border :solid 1px white;
}
/*BACKGROUND-COLOR: #58FAD0;*/

/* *********************************** */
/*  ESTILOS PARA EL BLOQUE MENU        */
/* *********************************** */

#bloqueMenu
{
	border-bottom:1px solid #666666;
	height: 25px;
}

#bloqueMenu #botonesIzquierda
{
	padding:3px 0 0 4px;
	float:left;
}

#bloqueMenu #botonesCentral
{
	color:#DD0000;
	text-align:center;
    position:absolute;
    left:35%;
}

#bloqueMenu #botonesDerecha
{
	padding:1px 10px 0 0;
	float:right;
}

#bloqueMenu td.LinkDerecha
{
	FONT-SIZE: 12pt;
    text-align:right;
    COLOR: #666666;
    font-weight:bold;
}

#bloqueMenu td.LinkIzquierda
{
	FONT-SIZE: 12pt;
    text-align:left;
	COLOR: #666666;
    font-weight:bold;
}

/* *********************************** */
/*  ESTILOS PARA EL BLOQUE CONTENIDO   */
/* *********************************** */

#bloqueContenido
{
	padding: 0 0 1px 15px;
	min-width:950px;
}

#bloqueMensaje
{
	border:1px double gray; 
	height:150px; 
	width: 500px; 
	padding: 10px;
}

#bloqueContenido .bloqueMenuContenidoCss 
{
	margin-top:10px;
	margin-left:50px;
	width:880px;
}

#bloqueContenido div.botonMenuContenido
{
	float:left;
	display:table;
	position: relative; 
	overflow: hidden;
	background-image: url(../Imagenes/BotonMenuContenido.gif);
	background-repeat: no-repeat;
	width:200px;
	height:40px;
	text-align:center;
	color:#333333;
	vertical-align:middle;
	font-size:11pt;
	margin:3px 20px 0 0;
	font-weight:bold;
}

#bloqueContenido div.Separador
{
	clear:both;	
	background-repeat: repeat-x;
	background-image: url(../Imagenes/SeparadorMenus.gif);
	text-align:center;
	margin:10px 28px 5px 8px;
	height:10px;
}
#bloqueContenido div.Otro
{
	clear:both;	
	
}
#bloqueContenido div.capaCentrarContenido 
{
	*position: absolute; 
	top: 50%;
}

#bloqueContenido div.textoCapaCentrada 
{
	*position: relative; 
	left:-50%;
	top: -50%;
}

#bloqueContenido div.botonMenuContenido a {
	display: table-cell;
	vertical-align: middle;
	cursor: pointer; /*hand; VBC 20181018*/
	*display: block;
	color: #333333;
	font-size: 11pt;
	width: 100%;
	height: 100%;
}

#bloqueContenido div.botonMenuContenido a:hover
{
	*display:block;
	color:#17426F;
	font-size:11pt;
}

#BloqueFlechaDescarga
{
	width:355px;
	height:377px;
	background-color:#FFFFFF;
	position:fixed;
	_position:absolute;
	bottom:0;
	min-width:400px;
}

#BloquePie 
{
	width:100%;
	height:65px;
	background-color:#FCFBFD;
	position:fixed;
	_position:absolute;
	bottom:0;
	min-width:400px;
	border-top: 1px solid #666666;
}

#BloquePie #imgOcultaPie
{
    position:absolute;
    margin-left:50%;
    width:18px; 
    height:7px;

    cursor:pointer;
}

#BloquePie #imgOcultaPie img
{
    width:18px; 
    height:7px; 
}

#BloquePieOculto 
{
	width:100%;
	position:fixed;
	_position:absolute;
	bottom:0;
	min-width:400px;
	text-align:left;
	border-bottom: 1px solid #666666;
	display:none;
}

#BloquePieOculto #imgMuestraPie 
{
    width:18px; 
    height:7px; 
    margin-left:50%;
    margin-right:-9px;
    vertical-align:bottom;
    cursor:pointer;
}


/* ********************************** */
/*  ESTILOS PARA EL BLOQUE BÚSQUEDA   */
/* ********************************** */

#BloqueBusqueda
{
	float:right;
	text-align:right;
	padding:0 0 2px 0;
}

#BloqueBusqueda #BusquedaSimple
{
	width:425px;
	height:24px;
	background: url(../Imagenes/lineaBA.gif) no-repeat bottom left; 
}

#BloqueBusqueda #BusquedaSimple #BSCampos
{
	width:410px;
	padding-top:2px;
	height:21px;
	border-bottom:1px solid #666666;
	margin-left:15px;
	float:left;
}

#BloqueBusqueda #BusquedaSimple .BSEnlaceBA
{
	text-align:center;
	padding-top:2px;
	font-size:11pt;
	font-family:Courier New;
	font-weight:bold;
}

#BloqueBusqueda #BusquedaAvanzada
{
	float:right;
	width:335px;
	padding:5px 16px 5px 0;
	margin-top:-1px;
}

/* ************************** */
/*  ESTILOS PARA LAS TABLAS   */
/* ************************** */
table.tituloTablaFormulario99
{
	width: 99%;
	color: #333333;
	font-family:Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight:bold;
	border: 0;
}

table.tituloTablaFormulario
{
	width: 965px;
	color: #333333;
	font-family:Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight:bold;
	border: 0;
}

table.titulotabladhtml
{
	width: 675px;
	color: #333333;
	font-family:Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight:bold;
	border: 0;
}
table.tabladhtml
{
	width:675px;
	border: 1px solid #333333;
}

table.tablaFormulario99
{
	width: 99%;
	border: 1px solid #333333;
}

table.tablaFormulario
{
	width: 965px;
	border: 1px solid #333333;
}



td.TituloCampo {
    padding: 1px 3px 1px 3px;
    color: White;
    FONT-SIZE: 8pt;
    text-align: left;
    BACKGROUND-COLOR: #01537b;
}

td.TituloCampoCenter {
    padding: 1px 3px 1px 3px;
    color: White;
    FONT-SIZE: 8pt;
    text-align: center;
    BACKGROUND-COLOR: #01537b;
}

td.TituloCampoCenterDarkBlue
{
	padding:1px 3px 1px 3px;
	color:White;
    FONT-SIZE: 8pt;
    text-align:center;
    BACKGROUND-COLOR: #0B0B61;
}
td.TituloCampoCenterDarkGreen
{
	padding:1px 3px 1px 3px;
	color:White;
    FONT-SIZE: 8pt;
    text-align:center;
    BACKGROUND-COLOR: #0B3B2E;
}

td.TituloCampo2
{
	padding:1px 3px 1px 3px;
	color:White;
    FONT-SIZE: 8pt;
    text-align:left;
    BACKGROUND-COLOR: #316B9F;
}

td.TituloCampo2 a
{
	color:White;
}

td.TituloCampo3
{
	padding:1px 3px 1px 3px;
	color:Blue;
    FONT-SIZE: 8pt;
    text-align:left;
    BACKGROUND-COLOR: #FFFF00;
}
td.TituloCampo3Center
{
	padding:1px 3px 1px 3px;
	color:Blue;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    text-align:center;
    BACKGROUND-COLOR: #FFFF00;
}
td.TituloCampo4Center
{
	padding:1px 3px 1px 3px;
	color:white;
    font-size: 12pt;
    font-weight: bolder;
    text-align:center;
    background-color: #0489B1;
}
td.TituloCampo4Center a
{
	padding:1px 3px 1px 3px;
	font-size: 12pt;
	color:white;	
    text-align:center;
}
td.TituloCampo5Center
{
	padding:1px 3px 1px 3px;
	color:white;
    font-size: 8pt;
    font-weight: bolder;
    text-align:center;
    background-color: #0489B1;
}
td.TituloCampo4Center a:hover {
	color: orange;
}

td.TituloCampoBBW
{
	padding:1px 3px 1px 3px;
	color:White;
    FONT-SIZE: 8pt;
    text-align:left;
    BACKGROUND-COLOR: #316B9F;
    border-bottom:1px solid white;
    
}

.buttonList{
    width: 160px;
}

.desplegable-alerta-ronda{
    width:460px;
    max-width: 100%;
}

.telefonoDestino-ButtonList{
    width: 311px;
}
.trTelefonoDestino{
    display: none;
}

td.ContenidoCampo {
    color: #333333;
    padding: 2px 3px 2px 3px;
    FONT-SIZE: 8pt;
    text-align: left;
    BACKGROUND-COLOR: #DFDFDF;
    padding: 0 3px 0 3px;
}
td.ContenidoCampoSin
{
	color: #333333;
	FONT-SIZE: 8pt;
    text-align: left;
    BACKGROUND-COLOR: #DFDFDF;

}
td.ContenidoCampoCenter
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: center;
    BACKGROUND-COLOR: #DFDFDF;
    padding: 0 3px 0 3px;
}
td.ContenidoCampoCenterY
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: center;
    BACKGROUND-COLOR: #FFFFDD;
    padding: 0 3px 0 3px;
}
td.ContenidoCampoDerecha
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: right;
    BACKGROUND-COLOR: #DFDFDF;
    padding: 0 3px 0 3px;
}

td.ContenidoCampoCenterNoise
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: center;
    BACKGROUND-COLOR: #F7F8E0;
    padding: 0 3px 0 3px;
    border-bottom :1px solid black;
    
}

td.ContenidoCampoDerechaNoiseBlack
{
	color: #000000;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: right;
    BACKGROUND-COLOR: #F7F8E0;
    padding: 0 3px 0 3px;
    border-bottom :1px solid black;
}

td.ContenidoCampoDerechaNoise
{
	color: #0404B4;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: right;
    BACKGROUND-COLOR: #F7F8E0;
    padding: 0 3px 0 3px;
    border-bottom :1px solid black;
    font-weight:bold;
}
td.ContenidoCampoDerechaDark
{
	color: #000000;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: right;
    BACKGROUND-COLOR: #F5A9A9;
    padding: 0 3px 0 3px;
    border-bottom :1px solid black;
    font-weight:bold;
}
td.ContenidoCampoDerechaNoiseRed
{
	color: #B40404;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: right;
    BACKGROUND-COLOR: #F7F8E0;
    padding: 0 3px 0 3px;
    border-bottom :1px solid black;
    font-weight:bold; 
}
td.ContenidoCampoDerechaNoise2
{
	color: #0404B4;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: right;
    BACKGROUND-COLOR: #E3E4CA;
    padding: 0 3px 0 3px;
    border-bottom :1px solid black;
    font-weight:bold;
}

td.ContenidoCampoDerechaNoiseRed2
{
	color: #B40404;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: right;
    BACKGROUND-COLOR: #E3E4CA;
    padding: 0 3px 0 3px;
    border-bottom :1px solid black;
    font-weight:bold; 
}

td.ContenidoCampoIzquierdaNoise
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: left;
    BACKGROUND-COLOR: #F7F8E0;
    padding: 0 3px 0 3px;
    border-bottom :1px solid black;

}

td.ContenidoCampo2
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: left;
    BACKGROUND-COLOR: #DFDFDF;
    padding: 0 3px 0 3px;
}

td.ContenidoCampo2 a
{
	color: #333333;
}

td.ContenidoCampoBBW
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: left;
    BACKGROUND-COLOR: #DFDFDF;
    padding: 0 3px 0 3px;
    border-bottom:1px solid white;
}

td.BotonFila2
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: medium;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #cccc66;
    TEXT-DECORATION: none;
    text-align:center
}
td.BotonFila2 a
{
  
    COLOR: black;
}

td.TituloValidado
{
	padding:1px 3px 1px 3px;
	color:White;
    FONT-SIZE: 8pt;
    text-align:left;
    BACKGROUND-COLOR: #20b2aa;
}

td.ContenidoValidado
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 8pt;
    text-align: left;
    BACKGROUND-COLOR: #8fbc8b;
    padding: 0 3px 0 3px;
}

/* ************************** */
/* ESTILOS PARA LOS GRIDVIEWS */
/* ************************** */
.CabeceraGridAzulO
{
    COLOR: white;
    BACKGROUND-COLOR: #0000FF;
}


.CabeceraGridAzul
{
    COLOR: black;
    BACKGROUND-COLOR: #00FFFF;
}
.CabeceraGridG
{
    COLOR: black;
    BACKGROUND-COLOR: #FAEBD7;
}
.CabeceraGridN
{
    COLOR: black;
    BACKGROUND-COLOR: #FAAC58;
}

.CabeceraGridH
{
    COLOR: black;
    BACKGROUND-COLOR: #FFFFF0;
}

.CabeceraGridF
{
    COLOR: white;
    BACKGROUND-COLOR: #666666;
}
.CabeceraGridAzul_
{
    COLOR: black;
    BACKGROUND-COLOR: #00FFFF;
    text-decoration: underline;
}

.CabeceraGridH_
{
    COLOR: black;
    BACKGROUND-COLOR: #FFFFF0;
    text-decoration: underline;
}

.CabeceraGridF_
{
    COLOR: white;
    BACKGROUND-COLOR: #666666;
    text-decoration: underline;
}
.CabeceraGridG_
{
    COLOR: black;
    BACKGROUND-COLOR: #FAEBD7;
    text-decoration: underline;
}

.CabeceraGrid {
    COLOR: white;
    width: 130px;
    BACKGROUND-COLOR: #666666;
    padding: 3px 3px 3px 5px;
    height: 25px; /*VBC 20181018*/
    background-color: #01537b !important; /*VBC 20181018*/
}


.FooterGridEditable
{
    COLOR: white;
    BACKGROUND-COLOR: #7A7A7A;
    padding:3px 3px 3px 5px;
    vertical-align:middle;   
}
.CabeceraGridBlack
{
    COLOR: white;
    width:130px;
    BACKGROUND-COLOR: #000000;
    padding:3px 3px 3px 5px;
}
/*.CabeceraGrid th
{
	padding: 1px 4px 1px 4px;
    FONT-SIZE: 9pt;
}*/
.CabeceraGrid th {
	padding: 1px 4px 1px 4px;
	font-size: 12px;
}
.CabeceraGrid a
{
	COLOR: white;
	FONT-SIZE: 9pt;
	TEXT-DECORATION: none;
}

.CabeceraGrid a:hover
{
	color: #B1C166;
	TEXT-DECORATION: none;
}

.ContenidoGrid99 {
    width: 99%;
}

/*.ContenidoGrid
{
	padding-left:4px;
	border: 1px solid #333333;
	margin: 5px 5px 5px 0;
    COLOR: #333333;
    BACKGROUND-COLOR: #E1E1E1;
	cursor:pointer; 
}
*/

.ContenidoGridWhite
{
	padding-left:4px;
	border: 1px solid #333333;
	margin: 5px 5px 5px 0;
    COLOR: #333333;
    BACKGROUND-COLOR: #FFFFFF;
}
.ContenidoInput
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #0000FF;
    BACKGROUND-COLOR: #FFFFFF;
    font-size:9pt;
    height:14px;
    text-align:right;
}
.ContenidoInputr
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    font-size:8pt;
    height:14px;
    text-align:right;
}
.ContenidoInputRojo
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #FF0000;
    BACKGROUND-COLOR: #FFFFFF;
    font-size:9pt;
    height:14px;
    text-align:right;
}
.ContenidoInputP
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #0000FF;
    BACKGROUND-COLOR: #E6F0E6;
    font-size:9pt;
    height:14px;
    text-align:right;
}
.ContenidoInputPr
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #000000;
    BACKGROUND-COLOR: #E6F0E6;
    font-size:8pt;
    height:14px;
    text-align:right;
}

.ContenidoInputDisabled
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #666666;
    COLOR: #333333;
    BACKGROUND-COLOR: #fcfbfd;
    font-size:8pt;
    height:14px;
    vertical-align:middle;
    display:inline-block;
}

.ContenidoInputPi
{
	padding-left:2px;
	padding-right:1px;
    font-size:9pt;
    height:14px;
    text-align:right;
}
.ContenidoInputPi2
{
	padding-left:2px;
	padding-right:1px;
    font-size:8pt;
    height:14px;
    text-align:left;
}
.ContenidoInputF
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #0000FF;
    BACKGROUND-COLOR: #F5F6CE;
    font-size:9pt;
    height:14px;
    text-align:right;
}
.ContenidoInput4
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #0000FF;
    BACKGROUND-COLOR: #FFFFFF;
    font-size:9pt;
    height:14px;
    text-align:right;
    font-weight :bold;
}
.ContenidoInput5
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #FF0000;
    BACKGROUND-COLOR: #FFFFFF;
    font-size:9pt;
    height:14px;
    text-align:right;
    font-weight :bold;
}
.ContenidoInput2
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #0000FF;
    BACKGROUND-COLOR: #FFFFFF;
    font-size:9pt;
    height:14px;
    text-align:left;
}
.ContenidoInput2P
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #0000FF;
    BACKGROUND-COLOR: #E6F0E6;
    font-size:9pt;
    height:14px;
    text-align:left;
}
.ContenidoInput2r
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    font-size:8pt;
    height:14px;
    text-align:left;
}
.ContenidoInput2Pr
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #000000;
    BACKGROUND-COLOR: #E6F0E6;
    font-size:8pt;
    height:14px;
    text-align:left;
}
.ContenidoInput2F
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #0000FF;
    BACKGROUND-COLOR: #F5F6CE;
    font-size:9pt;
    height:14px;
    text-align:left;
}
.ContenidoInputBlackBold
{
	padding-left:2px;
	padding-right:1px;
	border: 1px solid #000000;
    COLOR: #0000FF;
    BACKGROUND-COLOR: #FFFFFF;
    font-size:8pt;
    height:14px;
    text-align:right;
    font-weight :bold;
}
.ContenidoCeldaCabecera
{
	
    COLOR: #FFFFFF;
    font-size:8pt;
    font-weight: bold;
}

.ContenidoInput3
{
	padding-left:2px;
	padding-right:1px;
	border: 0px solid #000000;
    COLOR: #0000FF;
    font-size:8pt;
    height:14px;
    text-align:left;
}
.ContenidoInput3r
{
	padding-left:2px;
	padding-right:1px;
	border: 0px solid #000000;
    COLOR: #000000;
    font-size:8pt;
    height:14px;
    text-align:left;
}
.ContenidoGridCambio
{
	padding-left:4px;
	border: 1px solid #333333;
	margin: 5px 5px 5px 0;
    COLOR: #333333;
    BACKGROUND-COLOR: #EEFFA0;
}

.ContenidoRowCambio {  
    COLOR: #333333;
    BACKGROUND-COLOR: #EEFFA0;
}

.ContenidoGridX
{
	padding-left:44px;
	border: 1px solid #333333;
	margin: 5px 5px 5px 0;
    COLOR: #333333;
    BACKGROUND-COLOR: #E1E1E1;
}
.ContenidoGridX td
{
	padding: 0 4px 1px 4px;
}
.ContenidoGridN
{
	padding-left:4px;
	border: 1px solid #333333;
	margin: 5px 5px 5px 0;
    COLOR: #333333;
    BACKGROUND-COLOR: #F4FA58;
}
.ContenidoGrid td {
	padding: 0 4px 1px 4px;
	height: 19px; /*VBC 20181018*/
}

.ContenidoGridCambio td {
    padding: 0 4px 1px 4px;
    height: 19px; /*VBC 20181018*/
}

.ContenidoRowCambio td {
    padding: 0 4px 1px 4px;
    height: 19px; /*VBC 20181018*/
}

.PaginacionGrid {
    background-color: #666666;
    font-size: 12px;
    /*COLOR: Black;*/
    color: #acacad; /*VBC 20181018*/
    height: 25px; /*VBC 20181018*/
    background-color: #01537b !important; /*VBC 20181018*/
}

.PaginacionGrid td 
{
	padding: 0 4px 0 4px;
}

.PaginacionGrid a
{
	COLOR: white;
	font-size:12px;
}

.PaginacionGrid a:hover
{
	color: #B1C166;
	TEXT-DECORATION: none;
}

/* **************************************************************************************** */
/*         ESTILOS PARA CALENDAR EXTENDER (CALENDARIO AJAX .NET)							*/
/* **************************************************************************************** */

.ContenidoGrid .CalendarExtender1 td {
	padding: 0px 0px 0px 0px;
}
.CalendarExtender1 .ajax__calendar_container { background-color: #FCFBFD; border:solid 1px #333333;}

.CalendarExtender1 .ajax__calendar_header { background-color: #ffffff; margin-bottom: 4px; }

.CalendarExtender1 .ajax__calendar_title,.CalendarExtender1 .ajax__calendar_next,.CalendarExtender1 .ajax__calendar_prev { color: #004080; padding-top: 3px; }

.CalendarExtender1 .ajax__calendar_body { background-color: #E1E1E1; border: solid 1px #004080; position: relative; z-index:100;}

.CalendarExtender1 .ajax__calendar_dayname { text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px; }

.CalendarExtender1 .ajax__calendar_day { text-align:center; }

.CalendarExtender1 .ajax__calendar_today { font-weight:bold; color: #004080;}

.CalendarExtender1 .ajax__calendar_hover .ajax__calendar_day,.CalendarExtender1 .ajax__calendar_hover .ajax__calendar_month,.CalendarExtender1 .ajax__calendar_hover .ajax__calendar_year,.CalendarExtender1 .ajax__calendar_active  
{ 
	color: #316B9F; font-weight: bold; background-color: #ffffff;
}

.CalendarExtender1 .ajax__calendar_other,.CalendarExtender1 .ajax__calendar_hover .ajax__calendar_today,.CalendarExtender1 .ajax__calendar_hover .ajax__calendar_title 
{
	color: #bbbbbb;
}
iframe .CalendarExtender1 .ajax__calendar  
{ 
    left: 0px !important; 
    top: 0px !important; 
} 

/* **************************************************************************************** */
/*         ESTILOS PARA VENTANA CUADRANTE													*/
/* **************************************************************************************** */

.dhtmlwindow{ position: absolute; border: 2px solid #316b9f; visibility: hidden; background-color: white; }

/*CSS for Drag Handle*/
.drag-handle{ 
	padding: 1px;
	text-indent: 3px;
	font: bold 14px Arial;
	background-color: #316b9f;
	color: white;
	cursor: move;
	overflow: hidden;
	width: auto;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1; 
}
#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(../imagenes/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}
/*CSS for controls (min, close etc) within Drag Handle*/
.drag-handle .drag-controls { position: absolute; right: 1px; top: 2px; cursor: hand; cursor: pointer; }

/*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
* html .drag-handle{ width: 100%; }

/*CSS for Content Display Area div*/
.drag-contentarea{ 
	border-top: 1px solid #316b9f;
	background-color: white;
	color: black;
	height: 150px;
	padding: 2px;
	overflow: auto;
}

/*CSS for Status Bar div (includes resizearea)*/
.drag-statusarea{ 
	border-top: 1px solid #fff;
	background-color: #316b9f;
	height: 13px; /*height of resize image*/
}

/*CSS for Resize Area itself*/
.drag-resizearea{ 
	float: right;
	width: 13px; /*width of resize image*/
	height: 13px; /*height of resize image*/
	cursor: nw-resize;
	font-size: 0;
}

/* **************************************************************************************** */
/*         ESTILOS PARA CentroDeControl.aspx									            */
/* **************************************************************************************** */

.enlace100x100
{
	display: block;
	width: 100%;
	height: 100%;
}

.enlace100x100Gris {
	cursor: pointer; /*hand; VBC 20181018*/
	color: rgb(31, 31, 31);
	display: block;
	width: 100%;
	height: 100%;
}

.enlace100x100Azul {
	cursor: pointer; /*hand; VBC 20181018*/
	color: #1849B5;
	display: block;
	width: 100%;
	height: 100%;
}

.fondoRojoParpadea { background-image:url('../Imagenes/parpadeo1px.gif'); }
.fondoRojo { background-color:#FF765F; }
.fondoVerde { background-color:rgb(143, 191, 143); }
.fondoNaranja { background-color:rgb(255, 158, 63); }


/* **************************************************************************************** */
/*         ESTILOS SIN CLASIFICAR - ESTILOS SIN CLASIFICAR - ESTILOS SIN CLASIFICAR         */
/*         ESTILOS SIN CLASIFICAR - ESTILOS SIN CLASIFICAR - ESTILOS SIN CLASIFICAR         */
/* **************************************************************************************** */

div.bloqueInfo {
	padding-left: 3px;
	background-color: #E1E1E1;
	border: 1px solid #666666;
	font-size: 8pt;
	/*VBC 20181007*/
	position: fixed;
	right: 0;
	background-color: #e6edf3;
}

.tdleyenda {
    font-weight: bold;
    font-size: medium;
    margin-top: 5px;
}

.leyenda_blue {
    background-color: #345def;
    color: White;
    font-size: small;
    border: solid 1px black;
    padding: 3px;
}

.leyenda_red {
    background-color: #EF4A51;
    color: White;
    font-size: small;
    border: solid 1px black;
    padding: 3px;
}

.leyenda_green {
    background-color: #71df6f;
    color: White;
    font-size: small;
    border: solid 1px black;
    padding: 3px;
}

.leyenda_yellow {
    background-color: #ffd43b;
    color: White;
    font-size: small;
    border: solid 1px black;
    padding: 3px;
}

.alignCenter { text-align: center !important; }

.marginCero { margin: 0 0 0 0; }

.bloqueAccesosMenu {overflow:auto; width:360px; height:175px; margin-top:3px; margin-bottom:3px;}

.tituloSeccion { font-size:10pt; font-weight:bold }

.listtable { padding: 0; } 

.listtable td { width:27px; }

#divArribaIzq input {border:0;}

.imgboton
{
	cursor:pointer ;
}

#Pie {
  position:absolute; bottom:0;
}

.textoAzul { color: #18436F; font-size:11pt; font-weight:bold; font-family:Arial,Verdana; }


/* **************************************************************************************** */
/*         ESTILOS TABLA PESTAÑAS       													*/
/* **************************************************************************************** */
.btnPestanya, .btnPestanyaSel { width:100px; height:20px; padding:5px; cursor:pointer; color:#aaa; border-left:1px solid #aaa; border-top:1px solid #aaa; background-color:#f2f2f2; }
.btnPestanyaSel { background-color:#316b9f; color:#fff; border-color:#316b9f}
.btnPestanya span, .btnPestanyaSel span { font-weight:bold; font-size:11px; }
.TablaPestanyas2, .TablaPestanyas { width:98%; border:1px solid #aaa; padding:5px; background-color:#dfdfdf; clear:both}


.bombilla {
	BACKGROUND-COLOR: yellow;
    border:1px inset #000000;                         
	font-size:3pt;
	color :yellow;
}	

.parpadeo {
	BACKGROUND-COLOR: red;
    border:1px inset #000000;                         
	font-size:3pt;
	color :red;
}

/* ESTILOS DE TAREAS Y REGISTROS */

.app-header .x-panel-body {
    background-color: #ddd;
    padding-left: 5px;
}

.app-header h1 {
    font-family: verdana,arial,sans-serif;
    font-size: 20px;
    color: #15428B;
}

.tarea-target {
    border: 1px solid red;
    margin: 5px;
    padding: 5px;
    font-size: small;
    cursor: default;
}

.tarea-target.tarea-target-hover {
    background-color: #C0C0C0;
}

.empleado-source {
    cursor: pointer;
}

.empleado-view table {
    border-collapse: separate;
    border-spacing: 2px;
}

.empleado-view td {
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
}

td.empleado-label {
    background-color: #ddd;
    border: 1px solid #bbb;
    font-weight: bold;
    text-align: right;
    width: 100px;
    padding: 0px 3px 0px 0px;
}

.empleado-over {
    background-color:#EFEFEF;
    cursor: pointer;
}
.empleado-selected {
    background-color: #DFE8F6;
    cursor: pointer;
}

/*presupuestos*/

.TituloTabla
{
	FONT-SIZE: 8pt;
    COLOR: black;
    font-weight: bold;
	padding:1px 3px 1px 3px;
    BACKGROUND-COLOR: #FFFFFF
}
.Contenido_tabla_Escandallo_horas
{
	padding:1px 3px 1px 3px;
    FONT-SIZE: 8pt;
    COLOR: black;
    BACKGROUND-COLOR: #FFFFDD;
}
.Contenido_campo
{
	padding:1px 3px 1px 3px;
    FONT-SIZE: 8pt;
    COLOR: black;
    BACKGROUND-COLOR: #B7C2D1;
}

.cabeceraPrint 
{
	font-weight:bold;
	font-size: 11pt;
}

td.TituloCampoRight
{
	padding:1px 3px 1px 3px;
	color:White;
    FONT-SIZE: 8pt;
    text-align:right;
    BACKGROUND-COLOR: #316B9F;
}

TD.ck
{
    FONT-SIZE: 8pt;
    COLOR: black;
	padding:1px 3px 1px 3px;
    BACKGROUND-COLOR: #969696
}

.UnidadMedida
{
    FONT-SIZE: 8pt;
    COLOR: black;
    padding:1px 3px 1px 3px;
    BACKGROUND-COLOR: #FFDDDD;
}
.Contenido_tabla_Escandallo_horas2
{
	padding:1px 3px 1px 3px;
    FONT-SIZE: 8pt;
    COLOR: black;
    BACKGROUND-COLOR: #FFDDDD;
}
TD.ci
{
    FONT-SIZE: 8pt;
    COLOR: black;
	padding:1px 3px 1px 3px;
    BACKGROUND-COLOR: #00FFFF
}
.tc
{
    FONT-SIZE: 8pt;
    COLOR: white;
    padding:1px 3px 1px 3px;
    BACKGROUND-COLOR: #889BB4
}

table.tablaFormulariosin2
{
	margin-left: 2px;
	width:790px;
}

/* *********************************** */
/*      ESTILOS PARA MOBILE     */
/* *********************************** */

#CabeceraMobile
{
	width:100%;
	height:30px;
	background-image:url(../Imagenes/CabeceraNixAzul.png);
	background-repeat:no-repeat;
	background-color:#1B5199;
	border-bottom:1px solid #666;
}
#CabeceraFormularios
{
	width:100%;
	height:30px;
	background-image:url(../Imagenes/FondoCabeceraCuadrantes.png);
	background-repeat:repeat-x;
	background-color:#1B5199;
	border-bottom:1px solid #666;
}
td.TituloCampoMobile
{
	padding:1px 3px 1px 3px;
	color:White;
    FONT-SIZE: 12pt;
    text-align:left;
    BACKGROUND-COLOR: #316B9F;
}

td.ContenidoCampoMobile
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 12pt;
    text-align: left;
    BACKGROUND-COLOR: #DFDFDF;
    padding: 0 3px 0 3px;
}
td.ContenidoCampoMobile2
{
	color: #333333;
	padding:2px 3px 2px 3px;
	FONT-SIZE: 9pt;
    text-align: left;
    BACKGROUND-COLOR: #DFDFDF;
    padding: 0 3px 0 3px;
}
.letragrande
{
	FONT-SIZE: 10pt;
}	
table.TablaMobile
{
	width:100%;
	
}
table.TablaMobile2
{
	width:100%;
	border: 1px solid #333333;	
}
.CabeceraGridMobile
{
    COLOR: white;
    width:130px;
    BACKGROUND-COLOR: #666666;
    padding:3px 3px 3px 5px;
    FONT-SIZE: 10pt;
}
.CabeceraGridMobile a
{
	COLOR: white;
	FONT-SIZE: 10pt;
	TEXT-DECORATION: none;
}

.CabeceraGridMobile a:hover
{
	color: #B1C166;
	TEXT-DECORATION: none;
}

.ContenidoGridMobile
{
	padding-left:4px;
	border: 1px solid #333333;
	margin: 5px 5px 5px 0;
    COLOR: #333333;
    BACKGROUND-COLOR: #E1E1E1;
    FONT-SIZE: 10pt;
}
.ContenidoGridCambioMobile
{
	padding-left:4px;
	border: 1px solid #333333;
	margin: 5px 5px 5px 0;
    COLOR: #333333;
    BACKGROUND-COLOR: #EEFFA0;
    FONT-SIZE: 10pt;
}
.ContenidoGridCambioMobile td
{
	padding: 0 4px 1px 4px;
}
.ContenidoGridMobile td
{
	padding: 0 4px 1px 4px;
}
.PaginacionGridMobile
{
	background-color:#666666;
	font-size:10pt;
	COLOR: Black;
}
.PaginacionGridMobile td 
{
	padding: 0 4px 0 4px;
}

.PaginacionGridMobile a
{
	COLOR: white;
	font-size:10pt;
}

.PaginacionGridMobile a:hover
{
	color: #B1C166;
	TEXT-DECORATION: none;
}

.c_Sustituir{ background-color:#6432FF;height:20px; cursor:pointer;background-repeat:no-repeat;background-position:center center;}
.c_Sustituido{ background-color:#36648B;height:20px; cursor:pointer;background-repeat:no-repeat;background-position:center center;}
.c_Sustituto{ background-color:#00C864;height:20px; cursor:pointer;background-repeat:no-repeat;background-position:center center;}
.c_SustitutoE{ background-color:#6E7B8B;height:20px; cursor:pointer;background-repeat:no-repeat;background-position:center center;}
.c_inc{ background-color:#8B0000;height:20px; cursor:pointer;background-repeat:no-repeat;background-position:center center;text-align: center;}
.c_Sustituir2{ background-color:#000096;height:20px; cursor:pointer;background-repeat:no-repeat;background-position:center center;}
.Seleccion { cursor:pointer; background-position:center center; background-repeat:no-repeat; background-image:url("../imagenes/tick2.gif")}
.Seleccion2 { cursor:pointer; background-position:center center; background-repeat:no-repeat; background-image:url("../imagenes/tick.gif")}

.b_Sustituir{background-color:#6432FF;height:12px;width:30px;color:White;border:1px solid #FFFFFF;}
.b_Sustituido{background-color:#36648B;height:12px;width:30px;color:White;border:1px solid #FFFFFF;}
.b_Sustituir2{background-color:#6432FF;height:12px;width:55px;color:yellow;border:1px solid #FFFFFF;font-size:8pt;}
.b_Sustituido2{background-color:#36648B;height:12px;width:55px;color:yellow;border:1px solid #FFFFFF;font-size:8pt;}

.c_Vacio{ background-color:#FFFFFF;height:20px; cursor:pointer;background-repeat:no-repeat;background-position:center center;}



div.zonasustitucion
{
    
    overflow: hidden;
    border: solid 1px #aaa;
	width: 100%;
}

div.zonasustitucion div.listwrapper 
{
	overflow: hidden;
	padding:4px;
	padding-top:5px;
	padding-bottom:18px;
	/*border-top:3px solid #fff;
	border-bottom:3px solid #fff;*/
	/*height: 500px;*/

} 

div.zonasustitucion div.listwrapper #Div1,div.zonasustitucion div.listwrapper #Div11
{
    float: left;
    width: 100%;
    overflow: hidden;
    display: inline;
    padding: 0px;
    margin: 0px;
    height:100px;
	text-align:right;
}

div.zonasustitucion div.listwrapper #Div2,div.zonasustitucion div.listwrapper #Div5,div.zonasustitucion div.listwrapper #Div12,div.zonasustitucion div.listwrapper #Div15
{
    float: left;
    display: inline;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px;
    margin: 0px;
}

div.zonasustitucion div.listwrapper #Div5,div.zonasustitucion div.listwrapper #Div15
{
    overflow-x: hidden;
}

div.zonasustitucion div.listwrapper #Div3,div.zonasustitucion div.listwrapper #Div13
{
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    display: inline;
    padding: 0px;
    margin: 0px;
	height: expression( this.scrollHeight > 260 ? "261px" : "auto" ); /* sets max-height for IE */
}

div.zonasustitucion div.listwrapper #Div4,div.zonasustitucion div.listwrapper #Div6,div.zonasustitucion div.listwrapper #Div14,div.zonasustitucion div.listwrapper #Div16
{
    float: left;
    display: inline;
    overflow-y:hidden;
	overflow-x:hidden;
    padding: 0px;
    margin: 0px;
	height: expression( this.scrollHeight > 260 ? "261px" : "auto" ); /* sets max-height for IE */
}

div.zonasustitucion div.listwrapper #Div7,div.zonasustitucion div.listwrapper #Div8,div.zonasustitucion div.listwrapper #Div17,div.zonasustitucion div.listwrapper #Div18
{
    float: left;
    display: inline;
    overflow-y:hidden;
	overflow-x:hidden;
    padding: 0px;
    margin: 0px;
}

div.zonasustitucion div.listwrapper #Div1,div.zonasustitucion div.listwrapper #Div3,div.zonasustitucion div.listwrapper #Div7,div.zonasustitucion div.listwrapper #Div11,div.zonasustitucion div.listwrapper #Div13,div.zonasustitucion div.listwrapper #Div17
{
    width: 20%;
}

div.zonasustitucion div.listwrapper #Div3,div.zonasustitucion div.listwrapper #Div7,div.zonasustitucion div.listwrapper #Div13,div.zonasustitucion div.listwrapper #Div17
{
	text-align:right;
}

div.zonasustitucion div.listwrapper #Div3 table,div.zonasustitucion div.listwrapper #Div1 table,div.zonasustitucion div.listwrapper #Div7 table,div.zonasustitucion div.listwrapper #Div13 table,div.zonasustitucion div.listwrapper #Div11 table,div.zonasustitucion div.listwrapper #Div17 table
{
	text-align:right;
	width:100%
}

div.zonasustitucion div.listwrapper #Div2,div.zonasustitucion div.listwrapper #Div4,div.zonasustitucion div.listwrapper #Div8,div.zonasustitucion div.listwrapper #Div12,div.zonasustitucion div.listwrapper #Div14,div.zonasustitucion div.listwrapper #Div18

{
    width: 77%;
}

div.zonasustitucion div.listwrapper #Div1,div.zonasustitucion div.listwrapper #Div2
{
    height: 14%;
}


div.zonasustitucion div.listwrapper #Div11,div.zonasustitucion div.listwrapper #Div12
{
    height: 17%;
}

div.zonasustitucion div.listwrapper #Div5,div.zonasustitucion div.listwrapper #Div6,div.zonasustitucion div.listwrapper #Div9,div.zonasustitucion div.listwrapper #Div15,div.zonasustitucion div.listwrapper #Div16,div.zonasustitucion div.listwrapper #Div19
{
	float:left;
	width:3%;
}

div.zonasustitucion div.listwrapper #Div2 td, div.zonacuadrantes div.listwrapper #Div4 td,
div.zonasustitucion div.listwrapper #Div12 td, div.zonacuadrantes div.listwrapper #Div14 td,
div.zonasustitucion div.listwrapper #Div5 td, div.zonacuadrantes div.listwrapper #Div15 td,
div.zonasustitucion div.listwrapper #Div8 td, div.zonacuadrantes div.listwrapper #Div18 td
{
    width: 32px;
}

.ImagenFechas
{
	vertical-align:middle;	
	padding-left:auto;
}


.TituloListado
{
	text-align:center;
	color:#000000;
	font-family :Arial;
	font-weight :bold;
	font-size:16pt;
	text-decoration:underline; 	
}	
.FiltrosListadoI
{
	padding-left:5;
	text-align:left;
	color:#000000;
	font-family :Arial;
	font-weight :bold;
	font-size:10pt;
	text-decoration:none; 	
}	
.FiltrosListadoIm
{
	padding-left:5;
	text-align:left;
	color:#000000;
	font-family :Arial;
	font-weight :normal;
	font-size:9pt;
	text-decoration:none; 	
}	
.FiltrosListadoDm
{
	padding-left:5;
	text-align:right;
	color:#000000;
	font-family :Arial;
	font-weight :normal;
	font-size:9pt;
	text-decoration:none; 	
}	
.FiltrosListadoDB
{
	padding-left:5;
	text-align:right;
	color:#0000FF;
	font-family :Arial;
	font-weight :bold;
	font-size:9pt;
	text-decoration:none; 	
}	
.FiltrosListadoIBO
{
	padding-left:5;
	text-align:left;
	color:#000080;
	font-family :Arial;
	font-weight :bold;
	font-size:9pt;
	text-decoration:none; 	
}	
.FiltrosListadoCC
{
	text-align:center;
	color:#000000;
	font-family :Arial;
	font-weight :bold;
	font-size:10pt;
	text-decoration:none; 	
}	
.FiltrosListadoD
{
	padding-right:5;
	text-align:right;
	color:#000000;
	font-family :Arial;
	font-weight :bold;
	font-size:10pt;
	text-decoration:none; 	
}	
.FiltrosListadoC
{
	text-align:justify;
	color:#000000;
	font-family :Arial;
	font-size:10pt;

}	

/* ********************************** */
/*  ESTILOS PARA EL BLOQUE CONSULTAS   */
/* ********************************** */

#BloqueConsulta
{
	float:left;
	text-align:left;
	padding:2px 2px 2px 2px;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
}

#BloqueConsulta #ConsultaBloque
{
	width:375px;
	height:20px;
	/*background: url(../Imagenes/lineaBB.gif) no-repeat bottom right; */
}

#BloqueBusqueda #ConsultaBloque #BSConsulta
{
	width:365px;
	padding-top:2px;
	height:19px;
	margin-left:15px;
	float:left;
}

.Calendario
{	
	margin:0 auto;	
	text-align:center;
}	
table.tablaVentas
{
	width:99%;
	height:300px;
	border: 1px solid #333333;
}

table.tablaVentas2
{
	width:95%;
	height:250px;
	border: 1px solid #333333;
}

table.tablaVentas3
{
	width:95%;
	height:auto;
	border: 1px solid #333333;
}
table.tablaVentas4
{
	width:95%;
	height:10%;
	border: 1px solid #333333;
}

.VentaArticulosR
{
	text-align:right;
	color:#000000;
	font-family :Arial;
	font-weight :bold;
	font-size:9pt;
	height:20px;
	padding: 0px 2px 0px 2px;
	border:0;
	border-bottom :1px solid black;
}	
.VentaArticulosL
{
	text-align:left;
	color:#000000;
	font-family :Arial;
	font-weight :bold;
	font-size:9pt;
	height:20px;
	padding: 0px 2px 0px 2px;
	border:0;
	border-bottom :1px solid black;
	
}	
.VentaArticulosC
{
	text-align:center;
	color:#000000;
	font-family :Arial;
	font-weight :bold;
	font-size:9pt;
	height:20px;
	padding: 0px 2px 0px 2px;
	border:0;
	border-bottom :1px solid black;
}	
.FilaArticulos
{
	height:20px;
	border:0px solid white;
}	

/*D67: empleada para marcar en los cuadrantes a los 
empleados que hacen menos de 10 horas semanales y por 
tanto no se les pueden poner HC/HE*/
.empleado-naranja
{
    background-color: orange !important;
    color: #333333 !important;
}

.c_celda.resaltar .bombilla,.c_celda.resaltar .parpadeo{
    background-image: url(../Imagenes/flash-azul.gif);
}
.c_celda.resaltar[i='Si'] td.al
{
    background-image: url(../Imagenes/flash-azul.gif);
    width: 11px !important;
}

.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.c_label_descanso, .c_label_descanso.c_label_alerta
{
    background-image: url(../Imagenes/cdescanso.gif);
}
.c_seleccionado, .c_seleccionado.c_label_alerta, .c_seleccionado.c_label_descanso, .c_seleccionado.c_label_alerta.c_label_descanso {
    background-image: url(../Imagenes/tick.gif) !important;
    /*border-style: solid;    
    border-color: #2FD739;
    box-sizing: border-box;*/    
}
.c_label_descansoevento
{
    background-image: url(../Imagenes/cdescansoevento.gif) !important;
}
.c_label_alerta
{
    background-image: url(../Imagenes/calerta.gif) !important;
}
.c_label_descanso.c_label_alerta
{
    background-image: url(../Imagenes/cdescansoyalerta.gif) !important;
}

ul.h-list{
    padding-top: 3px;
    float: left;
}
ul.h-list li{
    display: inline;  
    height: 22px;  
    line-height: 22px;
    margin-left: 10px;
}

ul.h-list li span{
    line-height: 22px;
}

table.filters {
    margin-bottom: 20px;
}
table.filters input:invalid {
  border: 1px dashed red;
}
table.listeria {
	width: 100%;
    margin: 20px 0;
    font-size: 12px;
}
table.listeria h1 {
    font-size: 18px;
}
.listeria th img,.listeria td img {
    padding: 7px 26px;
}
.listeria th {
    padding: 2px 6px;
    box-shadow: 0px 0px 6px #888888;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.listeria th.azul {
    background-color: #1a7cad;
    color: white;
}
.listeria th.naranja {
    background-color: #ffe875;
    font-weight: bold;
}
.listeria th.antiquewhite {
    height: 30px;
    background: antiquewhite;
}
.listeria th.antiquewhite:not(.dnone):not(.read)
{
    cursor: pointer;
}
.listeria th[data-json],.listeria th[data-json-multi] {
    background-image: url(../Imagenes/sort.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding: 2px 18px 2px 6px;
    cursor: pointer;
}
.listeria th.desc[data-json],.listeria th.desc[data-json-multi] {
    background-image: url(../Imagenes/sort_desc.png);
}
.listeria th.asc[data-json],.listeria th.asc[data-json-multi] {
    background-image: url(../Imagenes/sort_asc.png);
}
.listeria td:not(.dnone) > img,.listeria th.dnone > img
{
	display:none;
}
.listeria td.azul {
    background-color: #bcd9ec;
}
.listeria td.naranja {
    background-color: #fff6c8;
}
.listeria td ul {
    list-style-type: decimal;
    padding-left: 12px;
}
.listeria td li {
    padding: 2px 0;
}
.listeria td li > span, .listeria td div > span {
    font-weight: bold;
}
.listeria td {
    padding: 2px 6px;
    box-shadow: 2px 3px 6px #888888;
    border-radius: 5px;
    text-align: center;
}
.listeria .check_this:not(.dnone):not(.read),.listeria .uncheck_this:not(.dnone):not(.read) {
    cursor: pointer;
}
.listeria .check_this,.listeria .uncheck_this {
    min-width: 69px;
}
.listeria td.check_this > span, .listeria td.uncheck_this > span {
    background: white;
    border: solid 1px black;
    padding: 2px;
}
.dnone span, .dnone input{
    display: none;
}

.dnone2 > *
{
	display:none;
}
.export {
    border: solid 1px black;
    cursor: pointer;
    display: inline-block;
    margin: 4px 10px 0;
    padding: 2px;
    background: white;
}
.export.disabled {
    background: lightgrey;
    cursor: inherit;
}
.inline 
{
	display: inline-block;
}
.page {
    padding: 12px;
    font-size: 16px;
    overflow: auto;
}
.resultados {
    float: left;
}
.num {
    float: right;
}
a.paginate_button {
    font-size: 16px;
    padding: 4px 8px;
    margin: 0px 4px;
    background-color: #FCFBFD;
    border-radius: 15%;
    box-shadow: 2px 3px 6px #888888;
    cursor: pointer;
}
a.paginate_button:hover,a.paginate_button.current {        
    background-color: #777777;
    color: white;
}
a.paginate_button.disabled {
    cursor: default;
    color: grey;
    background-color: #DDDDDD;
}
#divtabla {
    padding-right: 20px;
}

.GridTempoNet td
{
    padding: 0px 4px 1px 4px;
}


/*VBC 20181018*/
.KvpButton {
	height: 23px;
	background-color: #dcddde;
	font-size: 13px;
	font-family: tahoma;
	padding-top: 0px;
	padding: 0 !important;
	height: 27px !important;
}
.KvpButton:hover {
	height: 27px;
	background-color: #f0f1f1;
	cursor: pointer;
}
.KvpTextAlignCenter {
	text-align:center;
}
.KvpDisplayNone {
    display: none;
}
/*.KvpGridViewHeader {
    background-color: #316b9f !important;
    height: 25px;
    color: white;
    FONT-SIZE: 9pt;
}*/
.KvpContenidoGrid td {
    padding: 0 4px 1px 4px;
    height: 19px;
    color:black;/*VBC 20181018*/
}
.KvpContenidoGrid
{
    padding-left: 4px;
    border: 1px solid #333333;
    margin: 5px 5px 5px 0;
    COLOR: #333333;
    BACKGROUND-COLOR: #E1E1E1;
    cursor: pointer; /*VBC 20181018*/
}
.KvpGridViewItem {
    background-color: #d6eef6;
    height :25px;
}

/*Maquetacion de permisos*/
.modPermisos {
    float: left;
    width: 482px;
}

.modsPermisos {
    width: 965px;
    border: 1px solid #333333;
    display: table;
}

.modsPermisosGrande {
    width: 99%;
    border: 1px solid #333333;
    display: table;
}

/*JMM 20181023*/
.abreviatura {
    font-size: 8px;
    width: 100%;
    text-align: center;
}

/*Estilo del código defs artivculo center celdas del cuadrante*/
#Div4 .codart {
    font-size: 8px;
    width: 100%;
    text-align: center;
    font-style: italic;
    color: #e4e4e4;
    text-decoration: underline;
}



/*ABR 20181106*/
.KvpHideColumn {
    display:none;
    visibility: hidden;
}
.KvpTextHeight20 
{
    height:20px;
}
.KvpTextHeight30 {
    height: 30px;
}
.KvpBorderGridView {
    border: 1px #fcfbfd solid;
}
    .KvpBorderGridView th {
        text-align: center;
    }

        .KvpBorderGridView a:hover {
            color: #9bc2e4;
        }

        .KvpBorderGridView a {
            color: white;
        }

    th.KvpBorderGridView:first-child {
    text-align: left;
    padding-left:10px;
}
    td.KvpBorderGridView:first-child {
        text-align: left;
    }

.c_celda {
    height: 36px;
    color: #333333;
}

body.cplanif .c_celda {
    height: 38px;
}




#Div4 .c_celda > table {
    /*border-spacing: 0px;*/
    border-collapse: collapse
}

.TituloCampoModal {
    padding: 1px 3px 1px 3px;
    color: White;
    FONT-SIZE: 10pt;   
    text-align: left;
    BACKGROUND-COLOR: #316B9F;
}

.ContenidoCampoModal {
    color: #333333;
    padding: 2px 3px 2px 3px;
    FONT-SIZE: 8pt;
    text-align: left;
    padding: 0 3px 0 3px;
    BACKGROUND-COLOR: #DFDFDF;
    border: 1px black solid;
}

.ContenidoCampoModal td{
    border: 1px black solid;
}

.inline-block {
    display: inline-block;
    vertical-align: middle;
}

.margin-right-150 {
    margin-right: 150px;
}

#cargandoOverlay {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 109;
}

#WBDatosCobro {
    z-index: 100 !important;
}

.textOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 450px;
    white-space: nowrap;
    display: inline-block;
    border: 0;
}

/* Botones */

.divBtnExcelClasic {
    display: inline-table;
    margin-left: -2px;
    margin-top: -8px;
    width: auto;
    background-color: #fcfbfd;
    border-width: 2px;
    border-style: outset;
    border-color: rgb(118, 118, 118);
    border-image: initial;
    padding: 2px;
    border-radius: 0px;
    padding-left: 2px;
}

.lblBtnExcelClasic {
    cursor: pointer;
    padding: 5px 3px 10px 2px;
    margin-left: 3px;
}

.divBtnExcel {
    cursor: pointer;
    border-top: 2px solid lightgrey;
    border-left: 2px solid lightgrey;
    border-right: 2px solid grey;
    border-bottom: 2px solid grey;
    padding: 4px 4px 2px 4px;
    margin: -8px 2px 8px 2px;
    width: 108px;
    border-radius: 5px;
    display: inline-table;
    /*background: url('../Imagenes/logo_excel.png')no-repeat;*/
    background-size: 15px 15px;
    background-position: left 80%;
}

.divBtnExcelWithImage {
    cursor: pointer;
    border-top: 2px solid lightgrey;
    border-left: 2px solid lightgrey;
    border-right: 2px solid grey;
    border-bottom: 2px solid grey;
    padding: 4px 4px 2px 4px;
    margin: -8px 2px 8px 2px;
    width: 108px;
    border-radius: 5px;
    display: inline-table;
    background: url('../Imagenes/logo_excel.png')no-repeat;
    background-size: 15px 15px;
    background-position: left 50%;
    background-position-x: 5px;
}

input.divBtnExcelWithImage {
    padding: 8px 8px 8px 20px !important;
}

.divBtnPDFWithImage {
    cursor: pointer;
    border-top: 2px solid lightgrey;
    border-left: 2px solid lightgrey;
    border-right: 2px solid grey;
    border-bottom: 2px solid grey;
    padding: 4px 4px 2px 4px;
    margin: -8px 2px 8px 2px;
    width: 108px;
    border-radius: 5px;
    display: inline-table;
    background: url('../Imagenes/logo_pdf.png')no-repeat;
    background-size: 15px 15px;
    background-position: left 50%;
    background-position-x: 5px;
}

input.divBtnPDFWithImage {
    padding: 8px 8px 8px 20px !important;
}

.lblBtnExcel {
    cursor: pointer;
    padding: 10px 3px 10px 2px;
    margin-left: 5px !important;
}

/* Visor de Rondas*/
body.visorRondas .TablaExpandibleTit, body.visorRondas .TablaExpandible {
    width: 100%;
    border: 1px solid #aaa;
    padding: 5px;
}

body.visorRondas .TablaExpandibleTit {
    background-color: #f2f2f2;
    height: 15px;
    cursor: pointer;
}

body.visorRondas .TablaExpandibleTit span {
    font-weight: bold;
    font-size: 11px;
}

body.visorRondas .TablaExpandibleTit img {
    cursor: pointer;
}

body.visorRondas .TablaExpandible {
border-top: 0px;
}

body.visorRondas .TblRondas {
border: 1px solid black;
width: 100%;
}

body.visorRondas .TblRondas td {
    text-align: center;
    font-weight: bold;
}

body.visorRondas .divScroll {
    float: left;
    display: inline;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 3px;
    padding-right: 2px;
    margin: 0px;
    margin-bottom: 15px;
    height: expression( this.scrollHeight > 300 ? "301px" : "auto" ); /* sets max-height for IE */
}


body.visorRondas .btnFloatRight {
    display: flex;
    justify-content: flex-end
}

/* Nueva alerta */

body.fichaNuevaAlerta td.TituloCampo {
    width: 120px;
    height: 20px;
    vertical-align: top;
}

body.fichaNuevaAlerta td.ContenidoCampo2,
body.fichaNuevaAlerta td.TituloCampo2,
body.fichaNuevaAlerta td.CabeceraGridF,
body.fichaNuevaAlerta table.arbolAlerta,
body.fichaNuevaAlerta td.BotonFila2 {
    border: 1px solid black;
}

body.fichaNuevaAlerta table.arbolAlerta {
    background-color: rgb(255, 248, 220);
}


body {
    font-family: 'Roboto', sans-serif;    
}

.blink {
    animation: blink 2s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}

.btnDinamicoFichaEmpleado {
    margin-right: 1px;
}

#divTarjetasBioStar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

body.fichaTarjetasBioStar #imgUPProcesando2 {
    left: 8% !important;
}


@keyframes blink {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}