BODY{    FONT-FAMILY: arial; }

.camposfecha {  FONT: 75% Arial;    COLOR: #000000; width:70px 	}
.camposdtgfecha { COLOR: #000000; text-align:right; width:70px;		}

.blink{ text-decoration:blink ;  font-size: 70%;		font-style: normal;	line-height: normal;	font-weight: bold;}

.textos1blanco{    FONT-WEIGHT: normal;    FONT-SIZE: 60%;    COLOR: #ffffff;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos2blanco{    FONT-WEIGHT: normal;    FONT-SIZE: 80%;    COLOR: #ffffff;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos2blancobold{FONT-WEIGHT: bold;      FONT-SIZE: 70%;    COLOR: #ffffff;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos3blanco{    FONT-WEIGHT: normal;    FONT-SIZE: 95%;    COLOR: #ffffff;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}

.error {	       font-size: 70%;		font-style: normal;	line-height: normal;	font-weight: bold;	font-variant: normal;	color: DarkRed;}
.textos3blancobold{    FONT-WEIGHT: bold;    FONT-SIZE: 95%;    COLOR: #ffffff;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos1gris{    FONT-WEIGHT: normal;    FONT-SIZE: 70%;    COLOR: #333333;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.abajo{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #ffffff;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos2gris{    FONT-WEIGHT: normal;    FONT-SIZE: 80%;    COLOR: #333333;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos2grisbold{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #333333;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos3gris{    FONT-WEIGHT: normal;    FONT-SIZE: 95%;    COLOR: #333333;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos3grisbold{    FONT-WEIGHT: bold;    FONT-SIZE: 95%;    COLOR: #333333;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos1negro{    FONT-WEIGHT: normal;    FONT-SIZE: 80%;    COLOR: #000000;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos2negro{    FONT-WEIGHT: normal;    FONT-SIZE: 80%;    COLOR: #000000;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos2negrobold{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #000000;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos3negro{    FONT-WEIGHT: normal;    FONT-SIZE: 95%;    COLOR: #000000;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.textos3negrobold{    FONT-WEIGHT: bold;    FONT-SIZE: 95%;    COLOR: #000000;    LINE-HEIGHT: normal;    FONT-STYLE: normal;    FONT-VARIANT: normal}
.link1blanco{    FONT-SIZE: 60%;    COLOR: #ffffff;    TEXT-DECORATION: none}
A.link1blanco:hover{    COLOR: #ffffff;    TEXT-DECORATION: underline}
.link2blanco{    FONT-SIZE: 80%;    COLOR: #ffffff;    TEXT-DECORATION: none}
A.link2blanco:hover{    COLOR: #ffffff;    TEXT-DECORATION: underline}
.link2blancobold{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #ffffff;    TEXT-DECORATION: none}
A.link2blancobold:hover{    COLOR: #ffffff;    TEXT-DECORATION: underline}
.link1negro{    FONT-SIZE: 60%;    COLOR: #000000;   TEXT-DECORATION: none}
A.link1negro:hover{    COLOR: #000000;    TEXT-DECORATION: underline}
.link2negro{    FONT-SIZE: 80%;    COLOR: #000000;    TEXT-DECORATION: none}
A.link2negro:hover{    COLOR: #000000;    TEXT-DECORATION: underline}
.link2negrobold{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #000000;    TEXT-DECORATION: none}
A.link2negrobold:hover{    COLOR: #000000;    TEXT-DECORATION: underline}
.link1gris{    FONT-SIZE: 60%;    COLOR: #333333;    TEXT-DECORATION: none}
A.link1gris:hover{    COLOR: #333333;    TEXT-DECORATION: underline}
.link2gris{    FONT-SIZE: 80%;    COLOR: #333333;    TEXT-DECORATION: none}
A.link2gris:hover{    COLOR: #333333;    TEXT-DECORATION: underline}
.link2grisbold{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #333333;    TEXT-DECORATION: none}
A.link2grisbold:hover{    COLOR: #333333;    TEXT-DECORATION: underline}
.linkdtg{    FONT-WEIGHT: bold;        COLOR: #000000;    TEXT-DECORATION: none}
A.linkdtg:hover{    COLOR: #333333;    TEXT-DECORATION: none}
.campos{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff}
.campos20{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:25px;}
.campos50{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:50px;}
.campos60{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:60px;}
.campos70{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:70px;}
.campos80{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:80px;}
.campos90{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:90px;}
.campos100{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:100px;}
.campos150{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:150px;}
.campos180{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:180px;}
.campos200{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:200;}
.campos250{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:250;}
.campos300{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:300px;}
.campos350{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:350px;}
.campos400{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:400px;}
.campos450{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:450px;}
.campos500{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:500;}

.camposdtgnum20{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:25px;}
.camposdtg50{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:50PX;}
.camposdtg80{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:80PX;}
.camposdtg100{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:100PX;}
.camposdtg150{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:150PX;}
.camposdtg180{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:180PX;}
.camposdtg200{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:200PX;}
.camposdtg250{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:250PX;}
.camposdtg300{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    width:300PX;}
.camposchico{    width: 65px;    FONT: 65% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff}
.disabled{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #eeeeee}
.camposnumeric{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    text-align:right}
.camposnumeric40{    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    text-align:right;width:40;}
.camposnumeric80{width:80;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    text-align:right;}
.camposnumeric100{width:100;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    text-align:right;}
.camposcenter{    FONT: 75% Arial;    COLOR: #000000;    BACKGROUND-COLOR: #ffffff;    text-align:center;}

.unselected0{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #333333;    TEXT-DECORATION: none}
A.unselected0:hover{    COLOR: #333333;    TEXT-DECORATION: underline}
.selected0{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #333333;    TEXT-DECORATION: none}
A.selected0:hover{    COLOR: #333333;    TEXT-DECORATION: underline}
.menu0{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #ffffff;    TEXT-DECORATION: none;   }
A.menu0:hover{    COLOR: #ffffff;    TEXT-DECORATION: underline}
.unmenu0{    FONT-WEIGHT: bold;    FONT-SIZE: 70%;    COLOR: #ffffff;    TEXT-DECORATION: none}
A.unmenu0:hover{    COLOR: #ffffff;    TEXT-DECORATION: underline}
.menu1{    COLOR: #000000; TEXT-DECORATION: none; }
A.menu1:hover{    COLOR: #000000;    TEXT-DECORATION: underline}
.unmenu1{    FONT-SIZE: 60%;    COLOR: #000000;    TEXT-DECORATION: none}
A.unmenu1:hover{    COLOR: #000000;    TEXT-DECORATION: underline}
.menu2{    FONT-SIZE: 60%;    COLOR: #333333;    TEXT-DECORATION: none}
A.menu2:hover{    COLOR: #333333;    TEXT-DECORATION: underline}
.unmenu2{    FONT-SIZE: 60%;    COLOR: #333333;    TEXT-DECORATION: none}
A.unmenu2:hover{    COLOR: #333333;    TEXT-DECORATION: underline}

.mapa{background-image:URL(/imagenes/map.png) !important;background-color:#FFFF99 !important;width:32px;height:32px}

.mapasel{background-image:URL(/imagenes/map.png) !important;background-color:#99FF99 !important;width:32px;height:32px}

.ROJO{background-color:#CC3333; color:#FFFFFF;font-weight:bold }
.ANARANJADO{background-color:#FF9900;color:#000000;}
.ANARANJADO2{background-color:#FFCA79;color:#000000;}
.CREMA{background-color:#FCFFD5;color:#000000;}
.AMARILLO{background-color:#F2EE55;color:#000000;}
.AMARILLO2{background-color:#DFDA13;color:#000000;}
.AMARILLO3{background-color:#CCCC22;color:#000000;}
.DORADO{background-color:#EECF88;color:#000000;}
.MANDARINA{background-color:#FA9C7C;color:#000000;}
.MARRON{background-color:#C9C294;color:#000000;}
.VERDE{background-color:#99CC99;color:#000000;}
.VERDE2{background-color:#CCFEC5;color:#000000;}
.VERDE3{background-color:#33CC33;color:#000000;}
.ACERO{background-color:#91CCF0;color:#000000;}
.CELESTE{background-color:#6699cc;color:#000000;}
.CELESTE2{background-color:#C5FEF9;color:#000000;}
.CELESTE3{background-color:#82BBF4;color:#000000;}
.AZUL{background-color:#4595E4;color:#000000;}
.VIOLETA{background-color:#D1BFF7;color:#000000;}
.LILA{background-color:#cc3399;color:#000000;}
.ROSA{background-color:#FFBBDD;color:#000000;}
.SALMON{background-color:#FFD7D5;color:#000000;}
.GRIS{background-color:#C0C0C0;color:#000000;}
.BLANCO{background-color:#FFFFFF;color:#000000;}
.NEGRO{ background-color:#000000; color:#FFFFFF;font-weight:bold }
.BORDO{ background-color:#663399; color:#FFFFFF;font-weight:bold }
/*
.alt1Active {	}
.alt1Active A:link {}
.alt1Active A:hover {}
.alt1Active A:active {}
*/

	    
/*Facha*/
label {
    /*   margin: 0 !important;*/
    margin-left: 5px;
    padding-top:10px;
}
/*
input[type=text], input[type=password], textarea, select{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border: solid 1px #888;
	color: #000;
	background-color: #fff;
	border-radius: 5px;
    
    outline: none;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,0.1));
}
input[type=text], input[type=password], textarea, select{
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,0.1));
	}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{
	border: solid 1px #e00;
	background: #fff;
	filter: none;
	}
*/
input[type=password] {
    text-transform: none !important;
}

input:hover + label, input:checked + label{ color: #000; }
	
input:disabled, textarea:disabled, select:disabled{
	background-color: #ccc !important;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	}
	
textarea { resize: none; }



img { border: none; display: block; }
a{ outline: 0; }

.ajax__calendar{
	text-transform: capitalize;
	}
.ajax__calendar_day{
	padding: 0 !important;
	}

.vTop { vertical-align: top; }
.vMiddle { vertical-align: middle; }
.vBottom { vertical-align: bottom; }
.aLeft { text-align: left; }
.aCenter { text-align: center; margin:0 auto;   }
.aRight { text-align: right; }
.fLeft { float: left; }
.fCenter { margin: 0px auto; }
.fRight { float: right; }
.MaskedEditError { background-color:#ffcccc; }
.displaynone { display: none !important; }
.pager tbody tr td { text-align: center; padding: 10px 0px; }
.pager tbody tr td a { text-decoration: none; }

.error{
	font-size: 12px;
	text-decoration: none;
	color: #ff1111;
}


.textos{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.textoschico{
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-weight:bold;
}
a.textos{
	color: #111111;
	font-weight: bold;
	text-decoration: none;
}
.textos2{
	color: #686463;
	font-weight: bold;
	}
.textos2:before{
	content: "• ";
	}

/* PESTAÑAS */
div.pActivo{
	border: solid 1px #888;
	border-bottom: none;
	cursor:pointer;
	text-align: center;
	padding: 4px;
	background-color: #fff;
	font-size: 14px;
	color: #014e00;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3);
}
div.pInactivo{
	border: solid 1px #888;
	cursor:pointer;
	text-align: center;
	padding: 4px;
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	font-size: 13px;
	color: #014e00;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2) inset;
}


a.arrExpand{
	display: block;
	width: 15px;
	height: 15px;
	border: solid 1px #666;
	border-radius: 2px;
	color: #000;
	background-color: #eee;
	cursor: pointer;
	text-decoration: none;
}
a.arrExpand:hover{
	color: #fff;
	background-color: #000 !important;
}
.clearfield{
    padding-left:3px;
    padding-right:3px;
	color: #000;
	background: #ddd;
	text-align: center;
	width: 17px;
	height: 17px;
	margin: 2px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}
.clearfield:hover{	
	color: #fff;
	background: #333;
}
.novisible
{display:none
}

.maquinalog{
    color:Yellow;
    font-size:15px;
    font-weight:bold;
}
.pantallaturnerobox{
    font-size:100px;
    font-weight:bold;
}
.pantallaturneronumero{
    font-size:150px;
    font-weight:bold;
}
.pantallaturneropromedio{
    font-size:60px;
    font-weight:bold;
}
.pantallaturneroanteriores{
    font-size:60px;
    font-weight:bold;
}

.fecha {
    width: 110px !important;
    flex: 0.2 !important;
}


.FONDO { /*background:#f2f2f2;	
	    background: url(/custom/imagenes/fondo2.jpg) no-repeat scroll right bottom #D7E5D6;*/
    border-color: #C2E0C2;
    border-bottom-color: #C2E0C2;
    border-left-color: #C2E0C2;
    border-right-color: #C2E0C2;
    border-top-color: #C2E0C2;
    width: 100%;
    border-style: solid;
    border-width: 1px;
}

.FONDOContanier {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #023401;
}

.FONDOpop {
    background: #FFFFFF;
    border-width: 0px;
}

.fondooscuro {
    background: #023401
}

.fondoclaro {
    background: #f2f2f2
}

.tituloadmin {
    font-size: 15px;
    color: #014e00;
    text-decoration: none;
    font-weight: bold;
}

.paddinglogin {
    padding: 50px 0 1px 0
}

.confirmarrecepcion {
    width: 116px;
    height: 21px;
    background-image: URL(/custom/imagenes/botones/confirmar.png) !important;
    background-color: #C2D8C0;
}

.imprimirremito {
    width: 116px;
    height: 21px;
    background-image: URL(/custom/imagenes/botones/remito.png) !important;
    background-color: #C2D8C0;
}


.tituloseccion {
    font-size: 2em;
    text-align: center;
    padding: 0;
    color: #185250;
    text-decoration: none;
    margin-left: 15px;
}

.tituloseccionPOP {
    font-size: 1.5em;
    text-align: center;
    padding-bottom: 20px;
    color: #185250;
    text-decoration: none;
    margin-left: 15px;
}

.buscar {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/buscar.jpg) !important;
    background-color: #C2D8C0;
}

.buscargrande {
    background-image: URL(/custom/imagenes/botones/buscargrande.jpg) !important;
    background-color: #C2D8C0;
    height: 35px;
    width: 83px
}

.guardarencuesta {
    background-image: URL(/custom/imagenes/botones/guardarencuesta.jpg) !important;
    background-color: #C2D8C0;
    width: 85px;
    height: 35px
}

.colaboradoresgrande {
    background-image: URL(/custom/imagenes/botones/colaboradoresgrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.buscargestiongrande {
    background-image: URL(/custom/imagenes/botones/buscargestiongrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.nuevagestiongrande {
    background-image: URL(/custom/imagenes/botones/nuevagestiongrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.consultar {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/seleccionar.jpg) !important;
    background-color: #C2D8C0;
}

.tomartramite {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/llamar.jpg) !important;
    background-color: #C2D8C0;
}

.etapas {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/etapas.jpg) !important;
    background-color: #C2D8C0;
}

.tareas {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/tareas.jpg) !important;
    background-color: #C2D8C0;
}

.alerta {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/alerta.jpg) !important;
    background-color: #C2D8C0;
}

.cancelar {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/cancelar.jpg) !important;
    background-color: #C2D8C0;
}

.cancelargrande {
    background-image: URL(/custom/imagenes/botones/cancelargrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.documento {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/documento.jpg) !important;
    background-color: #C2D8C0;
}

.documentogrande {
    background-image: URL(/custom/imagenes/botones/documentogrande.jpg) !important;
    background-color: #ffff99 !important;
    width: 83px;
    height: 35px
}

.documentograndesel {
    background-image: URL(/custom/imagenes/botones/documentograndesel.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.borrar {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/borrar.jpg) !important;
    background-color: #C2D8C0;
}

.borrarturno {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/borrarturno.jpg) !important;
    background-color: #C2D8C0;
}

.pesos {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/pesos.jpg) !important;
    background-color: #C2D8C0;
}

.materiales {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/ladrillo.gif) !important;
    background-color: #C2D8C0;
}

.borrargrande {
    background-image: URL(/custom/imagenes/botones/borrargrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.sonido {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/sonido.jpg) !important;
    background-color: #C2D8C0;
}

.generargrafico {
    background-image: URL(/custom/imagenes/botones/generargrafico.jpg) !important;
    background-color: #C2D8C0;
}

.generargraficogrande {
    background-image: URL(/custom/imagenes/botones/generargraficogrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.guardar {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/guardar.jpg) !important;
    background-color: #C2D8C0;
}

.guardargrande {
    background-image: URL(/custom/imagenes/botones/guardargrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.moverderecha {
    width: 25px;
    height: 20px;
    background-image: URL(/custom/imagenes/botones/moverderecha.jpg) !important;
    background-color: #C2D8C0;
}

.moverizquierda {
    width: 25px;
    height: 20px;
    background-image: URL(/custom/imagenes/botones/moverizquierda.jpg) !important;
    background-color: #C2D8C0;
}

.enviargrande {
    background-image: URL(/custom/imagenes/botones/enviargrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.mostrarpersonagrande {
    background-image: URL(/custom/imagenes/botones/mostrarpersonagrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.mostrargestiongrande {
    background-image: URL(/custom/imagenes/botones/mostrargestiongrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.seleccionar {
    background-image: URL(/custom/imagenes/botones/seleccionar.jpg) !important;
}

.seleccionargrande {
    background-image: URL(/custom/imagenes/botones/seleccionargrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.agregar {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/agregar.jpg) !important;
    background-color: #C2D8C0;
}

.llamado {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/llamado.jpg) !important;
    background-color: #C2D8C0;
}

.nuevapersonagrande {
    background-image: URL(/custom/imagenes/botones/nuevapersonagrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.limpiar {
    width: 23px;
    height: 23px;
    background-image: URL(/custom/imagenes/botones/limpiar.jpg) !important;
    background-color: #C2D8C0;
}

.imprimirgrande {
    background-image: URL(/custom/imagenes/botones/imprimirgrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.imprimirticketgrande {
    background-image: URL(/custom/imagenes/botones/imprimirticketgrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.mostrarfiltrosgrande {
    background-image: URL(/custom/imagenes/botones/mostrarfiltrosgrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.salirgrande {
    background-image: URL(/custom/imagenes/botones/salirgrande.jpg) !important;
    background-color: #C2D8C0;
    width: 85px;
    height: 35px
}

.respondergrande {
    background-image: URL(/custom/imagenes/botones/respondergrande.jpg) !important;
    background-color: #C2D8C0;
    width: 85px;
    height: 35px
}

.rellamargrande {
    background-image: URL(/custom/imagenes/botones/rellamargrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.guardargestiongrande {
    background-image: URL(/custom/imagenes/botones/guardargestiongrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.bloqueargrande {
    background-image: URL(/custom/imagenes/botones/bloqueargrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.corregirgrande {
    background-image: URL(/custom/imagenes/botones/corregirgrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.marcargrande {
    background-image: URL(/custom/imagenes/botones/marcargrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 38px
}

.confirmarturnogrande {
    background-image: URL(/custom/imagenes/botones/confirmarturnogrande.jpg) !important;
    background-color: #C2D8C0;
    width: 83px;
    height: 35px
}

.PANELbarrio {
    background-image: URL(/custom/imagenes/botones/PANELbarrio.jpg) !important;
    background-color: #C2D8C0;
    width: 229PX;
    height: 36px
}

.PANELhistorico {
    background-image: URL(/custom/imagenes/botones/PANELhistorico.jpg) !important;
    background-color: #C2D8C0;
    width: 229PX;
    height: 36px
}

.PANELgestiones {
    background-image: URL(/custom/imagenes/botones/PANELgestiones.jpg);
    background-color: #C2D8C0;
    width: 229PX;
    height: 36px
}

.guardarygestiongrande {
    background-image: URL(/custom/imagenes/botones/guardarygestiongrande.jpg) !important;
    background-color: #C2D8C0;
    width: 93px;
    height: 35px
}

.telefonosutiles {
    background-image: URL(/custom/imagenes/botones/telefonosutiles.jpg) !important;
    background-color: #C2D8C0;
    width: 82px;
    height: 35px
}

.botondtg {
    FONT-WEIGHT: bold;
    FONT-SIZE: 95%;
    COLOR: #ffffff;
    background-color: #006600;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal
}

.clock {
    COLOR: #000000;
    TEXT-DECORATION: none;
    background-color: #f2f2f2
}

.dtgheader {
    FONT-SIZE: 100%;
    COLOR: #FFFFFF;
    background-color: #636363;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    text-align: left;
    FONT-WEIGHT: normal;
}

.dtgheader A:link {
    color: #006600;
    text-decoration: none;
}

.dtgheader A:visited {
    color: #006600;
    text-decoration: none;
}

.dtgheader A:active {
    color: #006600;
    text-decoration: none;
}

.dtgheader A:hover {
    background-color: #B7DDB8;
    color: #006600;
    text-decoration: none;
}

.dtgitem {
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    /*background-color: #f2f2f2;*/
    FONT-WEIGHT: normal;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    padding: 5px;
    font-size:70%;
}

.dtgitem A:link {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.dtgitem A:visited {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.dtgitem A:active {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.dtgitem A:hover {
    background-color: #f2f2f2;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.dtgitemsincolor {
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    font-size:70%;
}

.dtgitemsincolor A:link {
    color: #000000;
    text-decoration: none;
}

.dtgitemsincolor A:visited {
    color: #000000;
    text-decoration: none;
}

.dtgitemsincolor A:active {
    color: #000000;
    text-decoration: none;
}

.dtgitemsincolor A:hover {
    background-color: #f2f2f2;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.dtgitemsincolorblanco {
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    COLOR: #ffffff;
    LINE-HEIGHT: normal;
}

.dtgitemsincolorblanco A:link {
    color: #ffffff;
    text-decoration: none;
}

.dtgitemsincolorblanco A:visited {
    color: #ffffff;
    text-decoration: none;
}

.dtgitemsincolorblanco A:active {
    color: #ffffff;
    text-decoration: none;
}

.dtgitemsincolorblanco A:hover {
    background-color: #f2f2f2;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.dtgsel {
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    background-color: #738A9C;
    FONT-WEIGHT: normal;
    COLOR: #ffffff;
    LINE-HEIGHT: normal;
}

.dtgsel A:link {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.dtgsel A:visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.dtgsel A:active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.dtgsel A:hover {
    background-color: #738A9C;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.dtgalternate {
    /*background-color: #ffffff;*/
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    font-size: 70%;
}

.dtgalternate A:link {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.dtgalternate A:visited {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.dtgalternate A:active {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.dtgalternate A:hover {
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.dtgfooter {
    COLOR: #000000;
    background-color: #bdbdbd;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
}

.dtgfooter A:link {
    color: #ffffff;
    text-decoration: none;
}

.dtgfooter A:visited {
    color: #ffffff;
    text-decoration: none;
}

.dtgfooter A:active {
    color: #ffffff;
    text-decoration: none;
}

.dtgfooter A:hover {
    background-color: #B7DDB8;
    color: #ffffff;
    text-decoration: none;
}


input[type=button], a.pagebuttons {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

a.pagebuttons {
    height: 20px;
}

    input[type=button]:active:hover, input[type=submit]:active:hover, a.pagebuttons:active:hover {
        background: -moz-linear-gradient(top, #363, #393);
        color: #fff;
        box-shadow: none;
    }

    input[type=button]:active:hover, input[type=submit]:active:hover, a.pagebuttons:active:hover {
        background: -webkit-gradient(linear, center top, center bottom, from(#363), to(#393));
    }

option:checked {
    background-image: -moz-linear-gradient(top, #28a745, #28a745)
}

option:checked {
    background: -webkit-gradient(linear, center top, center bottom, from(#28a745), to(#28a745));
}

option:checked {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28a745', endColorstr='#28a745');
}


.boton {
    FONT-WEIGHT: bold;
    FONT-SIZE: 70%;
    COLOR: #ffffff;
    background-color: #006600;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    text-decoration: none;
}

.boton A:visited {
    text-decoration: none;
}

.boton A:active {
    text-decoration: none;
}

.boton A:hover {
    text-decoration: none;
}

.botonguardar {
    background-color: #008004;
    color: #FFFFFF;
    font-weight: bold;
}

.botonborrar {
    background-color: #a10000;
    color: #FFFFFF;
    font-weight: bold;
}

.botonayuda {
    background-image: url(/custom/imagenes/botonayuda.png) !important;
    background-position: top center;
    width: 30px !important;
    height: 30px !important;
    cursor: pointer;
}

.botonayuda:hover {
    background-position: bottom center;
}

.botonalerta {
    background-image: url(/custom/imagenes/botonalerta.png) !important;
    background-position: top center;
    width: 30px !important;
    height: 30px !important;
    cursor: pointer;
}

.botonalerta:active {
    filter: none !important;
}

.botonlupa {
    width: 16px !important;
    height: 16px !important;
    background-image: url(/custom/imagenes/botonlupa.png) !important;
    background-color: Transparent !important;
    background-position: top center;
    border: none !important;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    filter: none !important;
}

.botonalerta:active {
    filter: none !important;
}

.botonimprimir {
    width: 16px !important;
    height: 16px !important;
    cursor: pointer;
    background-image: url(/custom/imagenes/imprimir.png) !important;
    border: none !important;
    display: block;
}

    .botonimprimir:active {
        filter: none !important;
    }

.iconoagregar {
    border: none !important;
    background-color: Transparent !important;
    background-image: url(/custom/imagenes/botonagregar.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    width: 26px !important;
    height: 28px !important;
    border-radius: 7px;
    filter: none !important;
}

    .iconoagregar:active:hover {
        background-position: center bottom !important;
    }

    .iconoagregar:active {
        filter: none !important;
    }

.iconofavorito {
    border: none !important;
    background-color: Transparent !important;
    background-image: url(/imagenes/fav1.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    width: 26px !important;
    height: 28px !important;
    border-radius: 7px;
    filter: none !important;
}

    .iconofavorito:active:hover {
        background-position: center bottom !important;
    }

.icononofavorito:active {
    filter: none !important;
}

.icononofavorito {
    border: none !important;
    background-color: Transparent !important;
    background-image: url(/custom/imagenes/fav2.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    width: 26px !important;
    height: 28px !important;
    border-radius: 7px;
    filter: none !important;
}

    .icononofavorito:active:hover {
        background-position: center bottom !important;
    }

.iconofavorito:active {
    filter: none !important;
}

.iconoeditar {
    border: none !important;
    background-color: Transparent !important;
    background-image: url(/custom/imagenes/botoneditar.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    width: 26px !important;
    height: 28px !important;
    border-radius: 7px;
    filter: none !important;
}

    .iconoeditar:active:hover {
        background-position: center bottom !important;
    }

    .iconoeditar:active {
        filter: none !important;
    }

.iconoconsulta {
    border: none !important;
    background-color: Transparent !important;
    background-image: url(/custom/imagenes/botonconsultar.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    width: 26px !important;
    height: 28px !important;
    border-radius: 7px;
    filter: none !important;
}

    .iconoconsulta:active:hover {
        background-position: center bottom !important;
    }

    .iconoconsulta:active {
        filter: none !important;
    }

.iconocostos {
    border: none !important;
    background-color: Transparent !important;
    background-image: url(/custom/imagenes/botoncostos.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    width: 26px !important;
    height: 28px !important;
    border-radius: 7px;
    filter: none !important;
}

    .iconocostos:active:hover {
        background-position: center bottom !important;
    }

    .iconocostos:active {
        filter: none !important;
    }

.iconoborrar {
    border: none !important;
    background-color: Transparent !important;
    background-image: url(/custom/imagenes/botoneliminar.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    width: 26px !important;
    height: 27px !important;
    border-radius: 7px;
    filter: none !important;
}

    .iconoborrar:active:hover {
        background-position: bottom center !important;
    }

    .iconoborrar:active {
        filter: none !important;
    }

.dtg td {
    padding: 3px;
    vertical-align: middle;
    text-align: left;
    border-bottom: solid 1px #666;
}

td.dtlItem {
    vertical-align: bottom !important;
    padding: 4px 0px !important;
    border-bottom: solid 1px #393;
    text-align: left;
}

.dtg tr td {
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
}

.dtg tr:hover td {
    background-color: #eee;
}

.dtg tr.dtgHeader:hover td {
    background-color: Transparent;
}

tr.dtgHeader td {
    border-left: solid 1px #ffffff;
    /*background-color: #589653;*/
    /*background-image: -moz-linear-gradient(top, #c1d7c0, #589653);*/
    font-weight: bold;
    color: #fff;
    padding: 15px;
    font-size:70%;
}

tr.dtgHeader td {
    background-color: #636363 !important
}

tr.dtgHeader td {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1d7c0', endColorstr='#589653');
}

    tr.dtgHeader td:first-child {
        border-left: none;
        border-radius: 5px 0 0 0;
    }

    tr.dtgHeader td:last-child {
        border-radius: 0 5px 0 0;
    }

tr.dtgHeader a {
    color: #fff !important;
    text-decoration: none;
}


.derecha {
    background-color: #e2ebdf;
    background-image: -moz-linear-gradient(top, #9DBB93, #f6f9f5);
    width: 250px;
    height: 600px;
    border-radius: 5px
}

.titulo {
    background: -webkit-linear-gradient(top, #bed3bb, #90b48a);
    background-color: #90b48a;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bed3bb', endColorstr='#90b48a');
    border-radius: 5px;
    padding: 5px;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.fondologin {
    background-image: url(/custom/imagenes/fondos/login_callcenter.jpg);
}

.fondoayuda {
    border-color: #00cc99;
    background: #003300;
}

.botonbuscador {
    background-image: url(/custom/imagenes/botones/buscador1.gif);
    width: 70px;
    height: 25px;
    text-decoration: none;
}

.botonnuevo {
    background-image: url(/custom/imagenes/botones/nueva.gif);
    width: 70px;
    height: 25px;
    text-decoration: none;
}

.f-ftawe {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.btn:hover {
    cursor: pointer;
}

.btn {
    margin: 2px;
}


.radiobuttons {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #efefef;
    background-color: f9f9f7;
    border-radius: 0.3rem;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.subtitulos {
    font-weight: bold;
    padding: 20px 0 5px 0;
}



.w10 {
    width: 10px;
    overflow: hidden;
}

.w20 {
    width: 20px;
    overflow: hidden;
}

.w30 {
    width: 30px;
    overflow: hidden;
}

.w40 {
    width: 40px;
    overflow: hidden;
}

.w50 {
    width: 50px;
    overflow: hidden;
}

.w60 {
    width: 60px;
    overflow: hidden;
}

.w70 {
    width: 70px;
    overflow: hidden;
}

.w80 {
    width: 80px;
    overflow: hidden;
}

.w90 {
    width: 90px;
    overflow: hidden;
}

.w100 {
    width: 100px;
    overflow: hidden;
}

.w110 {
    width: 110px;
    overflow: hidden;
}

.w120 {
    width: 120px;
    overflow: hidden;
}

.w130 {
    width: 130px;
    overflow: hidden;
}

.w140 {
    width: 140px;
    overflow: hidden;
}

.w150 {
    width: 150px;
    overflow: hidden;
}

.w160 {
    width: 160px;
    overflow: hidden;
}

.w170 {
    width: 170px;
    overflow: hidden;
}

.w180 {
    width: 180px;
    overflow: hidden;
}

.w190 {
    width: 190px;
    overflow: hidden;
}

.w200 {
    width: 200px;
    overflow: hidden;
}

.w210 {
    width: 210px;
    overflow: hidden;
}

.w220 {
    width: 220px;
    overflow: hidden;
}

.w230 {
    width: 230px;
    overflow: hidden;
}

.w240 {
    width: 240px;
    overflow: hidden;
}

.w250 {
    width: 250px;
    overflow: hidden;
}

.w260 {
    width: 260px;
    overflow: hidden;
}

.w270 {
    width: 270px;
    overflow: hidden;
}

.w280 {
    width: 280px;
    overflow: hidden;
}

.w290 {
    width: 290px;
    overflow: hidden;
}

.w300 {
    width: 300px;
    overflow: hidden;
}

.w310 {
    width: 310px;
    overflow: hidden;
}

.w320 {
    width: 320px;
    overflow: hidden;
}

.w330 {
    width: 330px;
    overflow: hidden;
}

.w340 {
    width: 340px;
    overflow: hidden;
}

.w350 {
    width: 350px;
    overflow: hidden;
}

.w360 {
    width: 360px;
    overflow: hidden;
}

.w370 {
    width: 370px;
    overflow: hidden;
}

.w380 {
    width: 380px;
    overflow: hidden;
}

.w390 {
    width: 390px;
    overflow: hidden;
}

.w400 {
    width: 400px;
    overflow: hidden;
}

.w410 {
    width: 410px;
    overflow: hidden;
}

.w420 {
    width: 420px;
    overflow: hidden;
}

.w430 {
    width: 430px;
    overflow: hidden;
}

.w440 {
    width: 440px;
    overflow: hidden;
}

.w450 {
    width: 450px;
    overflow: hidden;
}

.w460 {
    width: 460px;
    overflow: hidden;
}

.w470 {
    width: 470px;
    overflow: hidden;
}

.w480 {
    width: 480px;
    overflow: hidden;
}

.w490 {
    width: 490px;
    overflow: hidden;
}

.w500 {
    width: 500px;
    overflow: hidden;
}

.w510 {
    width: 500px;
    overflow: hidden;
}

.w520 {
    width: 500px;
    overflow: hidden;
}

.w530 {
    width: 500px;
    overflow: hidden;
}

.w540 {
    width: 500px;
    overflow: hidden;
}

.w550 {
    width: 500px;
    overflow: hidden;
}

.w560 {
    width: 500px;
    overflow: hidden;
}

.w570 {
    width: 500px;
    overflow: hidden;
}

.w580 {
    width: 500px;
    overflow: hidden;
}

.w590 {
    width: 500px;
    overflow: hidden;
}

.w600 {
    width: 500px;
    overflow: hidden;
}

.w610 {
    width: 500px;
    overflow: hidden;
}

.w620 {
    width: 500px;
    overflow: hidden;
}

.w630 {
    width: 500px;
    overflow: hidden;
}

.w640 {
    width: 500px;
    overflow: hidden;
}

.w650 {
    width: 500px;
    overflow: hidden;
}

.w660 {
    width: 500px;
    overflow: hidden;
}

.w670 {
    width: 500px;
    overflow: hidden;
}

.w680 {
    width: 500px;
    overflow: hidden;
}

.w690 {
    width: 500px;
    overflow: hidden;
}

.w700 {
    width: 500px;
    overflow: hidden;
}
.containerLoading {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
    top: 0;
}

.parentImageLoading {
    height: 100%;
    display: table;
    vertical-align: middle;
   
}

.imageLoading {
    background: url('/custom/imagenes/loading.gif');
    z-index: 99998;
    height: 150px;
    width: 200px;
    opacity: 0.7;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 20%;
    background-repeat: no-repeat;
    
}

.no-visible {
    display: none !important;
}