@charset "UTF-8";
/* CSS Document */
/* CSS DE HIGHGRADE SOLUTION - VERSION 0.2 */


/* ESTILOS GENERALES O BASE */
body {
	margin:0 auto;
	background-color:#ededed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1b3765;
}

.bodyCliente {
	background-color:#FFFFFF;
}

img {border:0px;}


/* TIPOGRAFIA */
.azulindigo {color:#768bae}
.bco {color:#FFF}
.rojo,.errordellenado {color:#BF445B}
.azulclaro,.prellenado {color:#7687a2}
/*.gris  {color: #999}*/
.bold {font-weight:bold}

/* CAJAS DE DIAGRAMACION */
/* CAJA GENERAL ---ACTUALIZADO--- */
.boxgral {
	width:1001px;
	border-left:#FFF solid 1px;
	border-right:#FFF solid 1px;
	/* borrar el background-color */
	background-color:#FFF;
}
.boxgralExtended {
	width:100%;
	border-left:#FFF solid 1px;
	border-right:#FFF solid 1px;
	/* borrar el background-color */
	background-color:#FFF;
}

/* CAJA LATERAL IZQUIERDA ---ACTUALIZADO--- */
.boxlateral {
	width:161px;
	border-right:#bec8d9 solid 1px;
}

/* CAJA LATERAL DERECHA O CAJA DE CONTENIDO ---ACTUALIZADO--- */
.boxcontenido {
	width:838px;
	height:100%;
	background-color:#FFFFFF;
	border-left:#FFF solid 1px;
	/*border-right:#F00 solid 1px;*/
}
.boxcontenidoExtended {
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	border-left:#FFF solid 1px;
	/*border-right:#F00 solid 1px;*/
}

/* CAJA DE CONTENIDO DE PANTALLA DE LOGIN ---NUEVO--- */
.boxbglogin {
	background-color:#1a75ce;
}

/* ELEMENTOS DE LA PANTALLA DE LOGIN */
.bgleftlogin {
	background-color:#FFF;
	background-repeat:no-repeat;
	background-image:url(../img/login/bgleft_login.jpg);
	width:544px;
	height:215px;
}

.bgrightlogin {
	background-color:#FFF;
	background-image:url(../img/login/bgright_login.jpg);
	background-repeat:no-repeat;
	width:380px;
	height:308px;
}

/* ELEMENTOS DEL HEADER */
/* APARIENCIA DEL HEADER ---ACTUALIZADO--- */
.hdint {
	width:995px;
	height:80px;
	background-image:url(../img/hdint_primero.jpg);
	background-repeat:no-repeat;
	border-left:#1a75ce solid 6px;
}
.hdintLogin {
	width:995px;
	height:100px;
	background-image:url(../img/hdint_primero.jpg);
	background-repeat:no-repeat;
	border-left:#1a75ce solid 6px;
	background-size: 300px 100px;
}
.hdintExtended {
	width:100%;
	height:80px;
	background-image:url(../img/hdint_primero.jpg);
	background-repeat:no-repeat;
	border-left:#1a75ce solid 6px;
	background-color:#1a75ce;
}



.hdintMobile {
	width:100%;
	height:62px;
	background-image:url(../img/login/logoHGS.png);
	background-repeat:no-repeat;
	border-left:#FFFFFF solid 6px;
}


.hdcalidad {
	width:995px;
	height:62px;
	background-image:url(../img/login/calidadfootback.jpg);
	background-repeat:no-repeat;
	border-left:#FFFFFF solid 6px;
	background-position:center;
}

/* FONDO DE LA BARRA DE IDENTIFICACION ---ACTUALIZADO--- */
.idbar {
	height:22px;
	background-color:#304971;
	color:#FFF;
	vertical-align:middle;
}
/* HGS IDBAR 
.idbar {
	height:22px;
	background-color:#304972;
	color:#FFF;
	vertical-align:middle;
}
*/
/* Afirme IDBAR */
.idbarLogin {
	height:22px;
	background-color:#73D54A;
	color:#FFF;
	vertical-align:middle;
}

/* APARIENCIA DEL IDENTIFICADOR DE PERFIL ---ACTUALIZADO--- */
.idperfil {
	color:#FFFFFF;
	padding: 5px 8px 0px 29px;
}
/* APARIENCIA DEL IDENTIFICADOR DE USUARIO ---ACTUALIZADO--- */
.idusuario {
	padding: 5px 0px 0px 0px;
}

/* ELEMENTOS DEL LA CAJA LATERAL IZQUIERDA */
/* TAB NOTIFICACIONES ---ACTUALIZADO--- */
.tabnotif {
	height:18px;
	color:#FFF;
	padding:7px 0px 0px 29px;
	background-color:#1a75ce;
	background-image:url(../img/icos/notificacion.png);
	background-repeat:no-repeat;
	border-top:#FFF solid 1px;
	cursor: hand;
}

.tabnotifspan {
	height:18px;
	color:#FFF;
	padding:7px 0px 0px 29px;
	background-color:#1a75ce;
	background-image:url(../img/icos/notificacion.png);
	background-repeat:no-repeat;
	border-top:#FFF solid 1px;
	cursor: hand;
}

.handCursor {
	cursor: hand;
} 

/* TAB BUSQUEDA ---ACTUALIZADO--- */
.tabsearch {
	height:18px;
	color:#FFF;
	padding:7px 0px 0px 29px;
	background-color:#1a75ce;
	background-image:url(../img/icos/busqueda.png);
	background-repeat:no-repeat;
	border-top:#FFF solid 1px;
	cursor: hand;
}

.tabadvertencia {
	height:18px;
	color:#FFF;
	padding:7px 0px 0px 29px;
	background-color:#1a75ce;
	background-image:url(../img/icos/advertencia.png);
	background-repeat:no-repeat;
	border-top:#FFF solid 1px;
	cursor: hand;
}

/* CANTIDAD DE NOTIFICACIONES ---ACTUALIZADO--- */
.numnotif {
	color:#fa5a35;
	font-size:13px;
	font-weight:bold;
	background-color:#eef0f2;
	text-align:center;
	padding:5px 0px 5px 0px;
	border-top:#FFF solid 1px;
	width:27px;
	height:15px;
	cursor: hand;
}

/* DESCRIPCION DE NOTIFICACIONES ---ACTUALIZADO--- */
.txtnotif {
	color:#768bae;
	width:132px;
	background-color:#FFF;
	padding:6px 0px 5px 2px;
	border-top:#FFF solid 1px;
	height:14px;
}

.txtnotifManuales {
	color:#768bae;
	width:125px;
	background-color:#FFF;
	padding:6px 0px 5px 2px;
	border-top:#FFF solid 1px;
	height:14px;
}

/* ELEMENTOS DE LA BARRA LATERAL DERECHA O CAJA DE CONTENIDO */
/*BARRA DE UBICACION ---ACTUALIZADO--- */
.barubicacion {
	/* width:822px; */
	height:17px;
	font-size:13px;
	font-weight:bold;
	color:#70a4fb;
	padding:5px 0px 0px 14px;
	background-color:#FFF;
	border-bottom:#bec8d9 solid 1px;
}

/*BARRA DE INFORMACION DE POLIZA SUPERIOR */
.infobgazul {
	/* width:836px; */
	height:24px;
	color:#FFF;
	background-color:#2976bd;
	border-top:#e8ebef solid 3px;
	border-left:#e8ebef solid 2px;
	border-right:#e8ebef solid 2px;
	padding-left:14px;
}

.infobgverde {
	/* width:836px; */
	height:24px;
	color:#FFF;
	background-color:#59A950;
	border-top:#e8ebef solid 3px;
	border-left:#e8ebef solid 2px;
	border-right:#e8ebef solid 2px;
	padding-left:14px;
}

/*BARRA DE INFORMACION DE POLIZA INFERIOR */
.infobgbco {
	/* width:836px; */
	height:24px;
	background-color:#FFF;
	border:#e8ebef 2px;
	border-style:solid solid solid solid;
	padding-left:14px;
}

.backgroundBloqueo {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1927.072" height="1082.683" viewBox="0 0 1927.072 1082.683"><g id="Grupo_2" data-name="Grupo 2" transform="translate(0 0.757)"><g id="Grupo_1" data-name="Grupo 1"><path id="Trazado_1" data-name="Trazado 1" d="M1498,806.684l154.369-942.158H1498Z" transform="translate(-1498 137)" fill="%23657db9"/><path id="Trazado_2" data-name="Trazado 2" d="M3419.528,938.895l-61.421-348.678,61.421-102.809Z" transform="translate(-1499.527 141.105)" fill="%234c6bae"/><path id="Trazado_3" data-name="Trazado 3" d="M3358.762,600.362l-196.53,354.954h260.386Z" transform="translate(-1496.144 124.684)" fill="%235672b3" stroke="%235672b3" stroke-width="1"/><path id="Trazado_4" data-name="Trazado 4" d="M3324.987,383.579l76.519-508.79h18.547l.5,627.794L3360.29,607.053Z" transform="translate(-1500.053 125.211)" fill="%235d79b8" stroke="%235d79b8" stroke-width="1"/><path id="Trazado_5" data-name="Trazado 5" d="M3246.135-125.211l86.315,515.977L3416.8-125.211Z" transform="translate(-1506.118 125.211)" fill="%235073b3" stroke="%235073b3" stroke-width="1"/><path id="Trazado_6" data-name="Trazado 6" d="M3161.931,323.34l97.04-336.046,66.293,384.232-24.632,145.737-45.272,62.648Z" transform="translate(-1498 137)" fill="%23588abd" stroke="%23588abd" stroke-width="1"/><path id="Trazado_7" data-name="Trazado 7" d="M3254.266,586.188l47.453-62.767-26.962,124.222Z" transform="matrix(1, -0.017, 0.017, 1, -1506.64, 186.169)" fill="%234783bf"/><path id="Trazado_8" data-name="Trazado 8" d="M2935.264,943l320.1-364.526,45.277,120.739L3163.369,944.284Z" transform="translate(-1498 137)" fill="%237facd6" stroke="%237facd6" stroke-width="1"/><path id="Trazado_9" data-name="Trazado 9" d="M3126.363,433.372l35.808-110.085,93.908,256.624-79.774,89.117Z" transform="translate(-1498 137)" fill="%23aebbdb"/><path id="Trazado_10" data-name="Trazado 10" d="M2984.56,877.931l140.486-453.654,51.729,234.535Z" transform="translate(-1496.315 145.06)" fill="%23c8d0e5" stroke="%23c8d0e5" stroke-width="1"/><path id="Trazado_11" data-name="Trazado 11" d="M3047.6,13.875l79.455,418.789,35.306-109.571Z" transform="translate(-1498 137)" fill="%23dae0ef" stroke="%23dae0ef" stroke-width="1"/><path id="Trazado_12" data-name="Trazado 12" d="M2005.508-184.757l172.05,461.624L2274.69-59.706l-21.561-125.051Z" transform="translate(-513 184)" fill="%236696c4"/><path id="Trazado_13" data-name="Trazado 13" d="M2291.2,590.406l48.169-260.585,35.935,212.73-60.888,112.158Z" transform="translate(-513 184)" fill="%237b99c8" stroke="%237b99c8" stroke-width="1"/><line id="Línea_1" data-name="Línea 1" x2="182" y2="1003" transform="translate(1511.5 48.5)" fill="none" stroke="%23707070" stroke-width="1"/><line id="Línea_2" data-name="Línea 2" y1="367" x2="600" transform="translate(1158.5 714.5)" fill="none" stroke="%23707070" stroke-width="1"/></g></g></svg>') !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}




/* MARGEN DE LAS ETIQUETAS EN LA BARRA DE INFORMACION ---ACTUALIZADO--- */
.barinfolabel {
	text-align:right;
	padding:6px 5px 0px 0px;
}
/* MARGEN DE LOS DATOS QUE LLEGAN COMO RESPUESTA EN LA BARRA DE INFORMACION ---ACTUALIZADO--- */
.barinfodato {
	text-align:left;
	padding:6px 25px 0px 0px;
}

.barinfolabelDias {
	text-align:left;
	padding:6px 5px 0px 0px;
}

.barinfodatoDias {
	text-align:left;
	padding:6px 25px 0px 0px;
}

/* ESTILOS PARA FORMULARIOS */
/* CAJAS ---ACTUALIZADO--- */
.boxformulario {
	border:#e8ebef 2px;
	border-style: solid solid solid solid;
}

/* TITULOS */
.titulo {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	height:18px;
	background-color:#1a75ce;
	border:#e8ebef 2px;
	border-style:none none solid none;
	padding:6px 8px 0px 14px;
}
.tituloBoton {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	height:30px;
	background-color:#1a75ce;
	border:#e8ebef 2px;
	border-style:none none solid none;
	padding:8px 8px 0px 14px;
}
.tituloDashboard {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	height:25px;
	background-color:#1a75ce;
	border:#e8ebef 2px;
	border-style:none none solid none;
	padding:6px 8px 0px 14px;
}
.tituloAzulBarra {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	height:18px;
	background-color:#1a75ce;
	border:#e8ebef 2px;
	border-style:none none solid none;
	padding:6px 8px 0px 14px;
}
.tituloFotos {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	height:18px;
	background-color:#1a75ce;
	border:#e8ebef 2px;
	border-style:none none solid none;
	padding:6px 8px 0px 14px;
	cursor: hand;
}
.tituloBetween {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	height:24px;
	background-color:#1a75ce;
	border:#e8ebef 2px;
	border-style:none none solid none;
	padding:6px 8px 0px 14px;
}

.tituloAviso {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	height:28px;
	background-color:#fca642;
	border:#e8ebef 2px;
	border-style:none none solid none;
	padding:6px 8px 0px 14px;
}

/* FONDO BLANCO PARA DIAGRAMACION DE FORMULARIOS */
.rowformulario {
	height:28px;
	vertical-align:middle;
	border:#e8ebef 2px;
	border-style: solid none solid none;
	background-color:#FFF;
	padding:1px 1px 1px 14px;
}

.rowformularioText {
	height: 50px;
	border: red 10px solid !important;
	font-style: italic;
}

.rowformularioCotizador {
	height:28px;
	vertical-align:middle;
	border:#e8ebef 2px;
	border-style: solid none solid none;
	background-color:#fac685;
	padding:1px 1px 1px 14px;
}

.rowformularioTip {
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	height:18px;
	background-color:#1a75ce;
	border:#e8ebef 2px;
	border-style:none none solid none;
	padding:6px 8px 0px 14px;
}

.rowformulario_Comen {
	height:28px;
	border:#e8ebef 2px;
	border-style: solid none solid none;
	background-color:#FFF;
	padding:1px 1px 1px 14px;
}

.rowformularioValesMOB {
    height: 32px;
    vertical-align: middle;
    border: #e8ebef 2px;
    border-style: solid none solid none;
    background-color: #FFF;
    padding: 1px 1px 4px 2px;
}

/* FONDO BLANCO PARA DIAGRAMACION DE LISTAS */
.rowcategorias {
	height:24px;
	color:#5a5a5c;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color:#cdd1d6;
	padding:1px 1px 1px 14px;
}

.rowcategoriasNaranja {
	height:24px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color:#1a75ce;
	padding:1px 1px 1px 14px;
}

.rowlistagrisStatic {
	height:24px;
	text-align:center;
	vertical-align:middle;
	background-color:#e8ebef;
	padding:1px 1px 1px 14px;
}
.rowlistaNaranjaStatic {
	height:24px;
	text-align:center;
	vertical-align:middle;
	background-color:#1a75ce;
	padding:1px 1px 1px 14px;
	font-weight: bold;
}
.rowlistalightStatic {
	height:24px;
	text-align:center;
	vertical-align:middle;
	background-color:#A4D2FF;
	padding:1px 1px 1px 14px;
	font-weight: bold;
}
.rowlistablancoLeft {
	height:24px;
	text-align:left;
	vertical-align:middle;
	background-color:#FFF;
	padding:1px 1px 1px 14px;
}
.rowlistablancoStatic {
	height:24px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
	padding:1px 1px 1px 14px;
}

.rowlistablanco {
	height:24px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
	padding:1px 1px 1px 14px;
}

.rowlistablanco:hover {
	height:24px;
	text-align:center;
	vertical-align:middle;
	background-color: #fac685;
	padding:1px 1px 1px 14px;
	cursor: hand;
}

.rowlistagris {
	height:24px;
	text-align:center;
	vertical-align:middle;
	background-color:#e8ebef;
	padding:1px 1px 1px 14px;
}

.rowlistagris:hover {
	height:24px;
	text-align:center;
	vertical-align:middle;
	background-color:#fac685;
	padding:1px 1px 1px 14px;
	cursor: hand;
}

.rowformularioFotos {
	height:28px;
	vertical-align:middle;
	border:#e8ebef 2px;
	border-style: solid none solid none;
	background-color:#FFF;
	padding:1px 1px 1px 1px;
}

.rowformularioListCercos {
	float: left;
    width: 33%;
    line-height: 2;
    white-space: initial;
  	overflow: hidden;
  	padding:1px 1px 1px 14px;
}


/* ESTILOS PARA LISTAS CON ROLLOVER ---NUEVOS--- */
/* Estilos para definir el ancho de las columnas en listas con Rollover */
.tdwidth-1 {width:18px;padding:6px 10px 0px 10px;text-align:center}
.tdwidth-2 {width:44px;padding:6px 10px 0px 10px;text-align:center}
.tdwidth-3 {width:61px;padding:6px 10px 0px 10px;text-align:center}
.tdwidth-4 {width:88px;padding:6px 10px 0px 10px;text-align:center}
.tdwidth-5 {width:114px;padding:6px 10px 0px 10px;text-align:center}
.tdwidth-6 {width:141px;padding:6px 10px 0px 10px;text-align:center}
.tdwidth-7 {width:194px;padding:6px 10px 0px 10px;text-align:center}
.tdwidth-8 {width:247px;padding:6px 10px 0px 10px;text-align:center}

/* Estilos para renglones o filas con estado Rollover */
.rollover-gris {background-color:#e8ebef;height:24px;width:834px;color:#1b3765}   
.rollover-gris a:hover {background-color:#a1bdea;height:24px;width:834px;color:#1b3765;position:absolute;}
.rollover-gris a:visited {background-color:#a1bdea;height:24px;width:834px;color:#1b3765;}
.rollover-gris a:active {background-color:#a1bdea;height:24px;width:834px;color:#1b3765;}

.rollover-bco {background-color:#FFF;height:24px;width:834px;color:#1b3765;}   
.rollover-bco a:hover {background-color:#a1bdea;height:24px;width:834px;color:#1b3765;position:absolute;}
.rollover-bco a:visited {background-color:#a1bdea;height:24px;width:834px;color:#1b3765;}
.rollover-bco a:active {background-color:#a1bdea;height:24px;width:834px;color:#1b3765;}

/* Iconos para listas con Rollover */
.ico-deadline {
	background-image: url(../img/icos/lista_deadline.png);
	background-repeat:no-repeat;
	width:38px;
}
.ico-detalle {
	background-image: url(../img/icos/lista_detalle.png);
	background-repeat:no-repeat;
	width:38px;
}
.ico-advertencia {
	background-image: url(../img/icos/lista_advertencia.png);
	background-repeat:no-repeat;
	width:38px;
}
/* FINALIZAN ESTILOS PARA LISTAS CON ROLLOVER ---NUEVOS--- */




/* LINKS */
a:link, a:visited, a:active, a:hover {
	text-decoration:none;
}
.linkayuda {
	padding:5px 14px 0px 8px;
	background-image:url(../img/icos/ayuda.png);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
}

.linkayuda a:link {font-size:11px;color:#FFFFFF;}
.linkayuda a:visited {font-size:11px;color:#FFFFFF;}
.linkayuda a:active {font-size:11px;color:#FFFFFF;}
.linkayuda a:hover {font-size:11px;color:#FFF;}

.linksalir {
	padding:5px 14px 0px 8px;
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
}

.linksalir a:link {font-size:11px;color:#a4bbe1;}
.linksalir a:visited {font-size:11px;color:#a4bbe1;}
.linksalir a:active {font-size:11px;color:#a4bbe1;}
.linksalir a:hover {font-size:11px;color:#FFF;}


/* HGS LINK GENERICO ---NUEVO--- */
/*.linkgral a:link {font-size:11px;color:#1a75ce;}
.linkgral a:visited {font-size:11px;color:#1a75ce;}
.linkgral a:active {font-size:11px;color:#1a75ce;}
.linkgral a:hover {font-size:11px;color:#FFF;}
*/
/* AFIRME */
.linkgral a:link {font-size:11px;color:#FFFFFF;}
.linkgral a:visited {font-size:11px;color:#FFFFFF;}
.linkgral a:active {font-size:11px;color:#FFFFFF;}
.linkgral a:hover {font-size:11px;color:#FFFFFF;}


/* HGS Link Footer
.linkfooter a:link {font-size:10px;color:#1a75ce;font-weight:bold}
.linkfooter a:visited {font-size:10px;color:#1a75ce;font-weight:bold}
.linkfooter a:active {font-size:10px;color:#1a75ce;font-weight:bold}
.linkfooter a:hover {font-size:10px;color:#FFF;font-weight:bold}
*/
/* Afirme Link Footer */
.linkfooter a:link {font-size:15px;color:#a0a09f;}
.linkfooter a:visited {font-size:15px;color:#a0a09f;}
.linkfooter a:active {font-size:15px;color:#a0a09f;}
.linkfooter a:hover {font-size:15px;color:#a0a09f;}


/* ESTILOS DE FORMAS */
/* CARACTERISTICAS GENERICAS DE LAS FORMAS ---ACTUALIZADOS Y NUEVOS--- */
input {
	font-size: 10px;
   	height: 13px;
   	color:#000;
	text-transform:uppercase;
}

select {
	font-size:10px;
	height:19px;
	color:#000;
	text-transform:uppercase;
}

textarea {
	font-size:10px;
	color:#000;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

textareaObs {
	font-size:10px;
	color:#000;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	width: 2000px;
}


/* CAMPOS DE INPUT ---ACTUALIZADOS--- */
.field-20 {width:27px}
.field-30 {width:55px}
.field-40 {width:82px}
.field-50 {width:110px}
.field-60 {width:137px}
.field-70 {width:165px}
.field-80 {width:193px}

.field-selectFiltro {
	width:200px;
	font-size: 14px;
}

.field-30Costo {
	width:55px;
	text-align:right;
}

.field-40-precio {
	width:82px;
	text-align:right;
}

/*CAMPOS ALTERNATIVOS*/
.field-90 {width:220px}
.field-100 {width:248px}
.field-120 {width:385px}
.field-gde-40 {width:306px}
.field-gde-50 {width:389px}
.field-gde-60 {width:473px}
.field-gde-70 {width:556px}
.field-gde-80 {width:640px}
.field-gde-90 {width:820px}

/* CAMPOS DE SELECT ---NUEVOS--- */
.select-20 {width:33px}
.select-20- {width:50px}
.select-30 {width:61px}
.select-40 {width:88px}
.select-50 {width:116px}
.select-60 {width:143px}
.select-70 {width:171px}
.select-80 {width:199px}

/*CAMPOS ALTERNATIVOS DE SELECT ---NUEVOS--- */
.select-90 {width:226px}
.select-100 {width:254px}
.select-gde-40 {width:312px}
.select-gde-50 {width:395px}
.select-gde-60 {width:479px}
.select-gde-60-TextArea {
	width:479px;
	height: 70px;
}
.select-gde-70 {width:562px}
.select-gde-80 {width:646px}
.select-gde-40-mod {
	width:312px;
	height: 100px;
}

.select-70-mod {
	width:171px;
	height: 70px;
}

.select-100-mod {
	width:254px;
	height: 55px;
}

.select-gde-40-mod {
	width:312px;
	height: 55px;
}
.field-40-money {
	width:82px;
	text-align:right;
}

/*CAMPOS DE LA PANTALLA DE LOGIN ---NUEVOS--- */
.field-login {width:165px;text-transform:none}
.field-mail {width:248px;text-transform:none}
.field-mail-detail {width:193px;text-transform:none}
.field-twitter {width:110px;text-transform:none}
.field-mail-g {width:678px;text-transform:none}

/* BOTONES */
.btngral {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/siguiente.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
}

.btngral:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	background-color:#cc0b13;
	border:0px;
	cursor: pointer;
}

.btngral:DISABLED {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	background-color:#b9b9bd;
	border:0px;
	cursor: pointer;
}

.btngralNaranja {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/siguiente.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
}

.btngralNaranja:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	background-color:#cc0b13;
	border:0px;
	cursor: pointer;
}

.btngralNaranja:DISABLED {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	background-color:#b9b9bd;
	border:0px;
	cursor: pointer;
}

.btnanterior {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:19px;
	padding-right:5px;
	background-image:url(../img/icos/anterior.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
}

.btnanterior:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:19px;
	padding-right:5px;
	background-image:url(../img/icos/anterior.png);
	background-repeat:no-repeat;
	background-color:#cc0b13;
	border:0px;
	cursor: pointer;
}

.btnanteriorNaranja {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:19px;
	padding-right:5px;
	background-image:url(../img/icos/anterior.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
}

.btnanteriorNaranja:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:19px;
	padding-right:5px;
	background-image:url(../img/icos/anterior.png);
	background-repeat:no-repeat;
	background-color:#cc0b13;
	border:0px;
	cursor: pointer;
}

.btnanteriorNaranja:DISABLED {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	background-color:#b9b9bd;
	border:0px;
	cursor: pointer;
}

.btnsiguiente {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:19px;
	padding-right:5px;
	background-image:url(../img/icos/siguiente.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
}

.btnsiguiente:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:19px;
	padding-right:5px;
	background-image:url(../img/icos/siguiente.png);
	background-repeat:no-repeat;
	background-color:#cc0b13;
	border:0px;
	cursor: pointer;
}

.btnguardar {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/guardar.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
}

.btnguardar:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/guardar.png);
	background-repeat:no-repeat;
	background-color:#cc0b13;
	border:0px;
	cursor: pointer;
}

.btnguardarNaranja {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/guardar.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
}

.btnguardarNaranja:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/guardar.png);
	background-repeat:no-repeat;
	background-color:#cc0b13;
	border:0px;
	cursor: pointer;
}

.btnguardarNaranja:DISABLED {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	background-color:#b9b9bd;
	border:0px;
	cursor: pointer;
}

.btncerrar {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:22px;
	padding-right:5px;
	background-image:url(../img/icos/cerrar.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
}

.btncerrar:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:22px;
	padding-right:5px;
	background-image:url(../img/icos/cerrar.png);
	background-repeat:no-repeat;
	background-color:#cc0b13;
	border:0px;
	cursor: pointer;
}

.btncerrarNaranja {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/cerrar.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
}

.btncerrarNaranja:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/cerrar.png);
	background-repeat:no-repeat;
	background-color:#cc0b13;
	border:0px;
	cursor: pointer;
}

.btncerrarNaranja:DISABLED {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	background-color:#b9b9bd;
	border:0px;
	cursor: pointer;
}

.btncancelar {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:23px;
	padding-right:5px;
	background-image:url(../img/icos/cancelar.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor:auto;
}

.btncancelar:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:23px;
	padding-right:5px;
	background-image:url(../img/icos/cancelar.png);
	background-repeat:no-repeat;
	background-color:#cc0b13;
	border:0px;
	cursor:auto;
}

.btncomentarios {
	width:122px;
	height:23px;
	text-transform:uppercase;
	text-align:right;
	color:#FFF;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	background-image:url(../img/icos/aviso.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	border:0px;
	cursor: pointer;
	background-position:right;
}

.btnAplicarDescuento {
	height: 18px;
    text-transform: uppercase;
    color: #FFF;
    background-color:#739DFF;
    border-radius: 5px 5px 5px 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px;
    cursor: pointer;
    font-weight: bold;
}

.btnAplicarDescuento:HOVER  {
	height: 22px;
    text-transform: uppercase;
    color: #FFF;
    background-color:#739DFF;
    border-radius: 5px 5px 5px 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px;
    cursor: pointer;
    font-weight: bold;
}

.btnCancelarDescuento {
	height: 18px;
    text-transform: uppercase;
    color: #FFF;
    background-color:#F32B1E;
    border-radius: 5px 5px 5px 5px;
    border: 0px;
    cursor: pointer;
    font-weight: bold;
}

.btnCancelarDescuento:HOVER {
	height: 22px;
    text-transform: uppercase;
    color: #FFF;
    background-color:#F32B1E;
    border-radius: 5px 5px 5px 5px;
    border: 0px;
    cursor: pointer;
    font-weight: bold;
}

.btnLimpiarFirma {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/cerrar.png);
	background-repeat:no-repeat;
	background-color: green;
	border:0px;
	cursor: pointer;
}

.btnLimpiarFirma:HOVER {
	height:22px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	padding-left:26px;
	padding-right:5px;
	background-image:url(../img/icos/cerrar.png);
	background-repeat:no-repeat;
	background-color:green;
	border:0px;
	cursor: pointer;
}

/* ADVERTENCIAS O AVISOS ---ACTUALIZADO--- */
.error {
	height:auto;
	color:#FFF;
	padding:6px 0px 0px 35px;
	background-image: url(../img/icos/advertencia.png);
	background-repeat:no-repeat;
	background-color:#fa5a35;
	background-position: left;
	border-top:#e8ebef solid 4px;
	border-right:#e8ebef solid 2px;
	border-left:#e8ebef solid 2px;
	border-bottom:#e8ebef solid 2px;
	display: flex;
    align-items: center;
}

.errorAdmin {
	height:18px;
	color:#FFF;
	padding:6px 0px 0px 35px;
	background-image: url(../img/icos/advertencia.png);
	background-repeat:no-repeat;
	background-color:#fa5a35;
	border-top:#e8ebef solid 4px;
	border-right:#e8ebef solid 2px;
	border-left:#e8ebef solid 2px;
	border-bottom:#e8ebef solid 2px;
}

.errorSinImagen {
	height:18px;
	color:#FFF;
	padding:6px 0px 0px 35px;
	background-color:#fa5a35;
	border-top:#e8ebef solid 4px;
	border-right:#e8ebef solid 2px;
	border-left:#e8ebef solid 2px;
	border-bottom:#e8ebef solid 2px;
	
}

.mensajeExito {
	height:30px;
	color:#FFF;
	padding:6px 0px 0px 35px;
	background-image: url(../img/icos/advertencia.png);
	background-repeat:no-repeat;
	background-color:#35ab03;
	background-position: left;
	border-top:#e8ebef solid 4px;
	border-right:#e8ebef solid 2px;
	border-left:#e8ebef solid 2px;
	border-bottom:#e8ebef solid 2px;
	display: flex;
    align-items: center;
}

.mensajeExitoAdmin {
	height:18px;
	color:#FFF;
	padding:6px 0px 0px 35px;
	background-image: url(../img/icos/advertencia.png);
	background-repeat:no-repeat;
	background-color:#35ab03;
	border-top:#e8ebef solid 4px;
	border-right:#e8ebef solid 2px;
	border-left:#e8ebef solid 2px;
	border-bottom:#e8ebef solid 2px;
}

.mensajeExitoSinImagen {
	height:18px;
	color:#FFF;
	padding:6px 0px 0px 35px;
	background-color:#35ab03;
	border-top:#e8ebef solid 4px;
	border-right:#e8ebef solid 2px;
	border-left:#e8ebef solid 2px;
	border-bottom:#e8ebef solid 2px;
}

.errorAfirme {
	height:18px;
	color:#FFF;
	padding:6px 0px 0px 35px;
	font-weight:bold;
	background-image: url(../img/icos/advertencia.png);
	background-repeat:no-repeat;
	background-color:#73D54A;
	border-top:#e8ebef solid 4px;
	border-right:#e8ebef solid 2px;
	border-left:#e8ebef solid 2px;
	border-bottom:#e8ebef solid 2px;
}

.aviso {
	height:18px;
	color:#FFF;
	padding:6px 0px 0px 35px;
	background-image: url(../img/icos/advertencia.png);
	background-repeat:no-repeat;
	background-color:#fa5a35;
	border-top:#e8ebef solid 4px;
	border-right:#e8ebef solid 2px;
	border-left:#e8ebef solid 2px;
	border-bottom:#e8ebef solid 2px;
}

.warning {
	height:30px;
	color:#FFF;
	padding:6px 0px 0px 35px;
	background-image: url(../img/icos/advertencia.png);
	background-repeat:no-repeat;
	background-color:#fca642;
	background-position: left;
	border-top:#e8ebef solid 4px;
	border-right:#e8ebef solid 2px;
	border-left:#e8ebef solid 2px;
	border-bottom:#e8ebef solid 2px;
	display: flex;
    align-items: center;
}


/* FOOTER ---ACTUALIZADO--- */
.footer {
	height:40px;
	color:#000000;
	font-size:15px;
	text-align:center;
	padding-top:20px;
	background-color:#ededed;
	
}

.mensajes {
	height:20px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	padding-top:18px;
	/*background-color:#1b3765;*/
	background-color:#59A950;
	border-bottom:#FFF solid 1px;
}



/* FONDO DE LA BARRA DEL MENU DE CONTENIDO ---ACTUALIZADO--- */
.bgmenu {
	/* width:836px; */
	height:50px;
	background-color:#1a75ce;
	border-top:#FFF solid 1px;
}

.bgmenuExtended {
	width:100%;
	height:82px;
	background-color:#1a75ce;
	border-top:#FFF solid 1px;
}

/* ESTILOS DEL MENU DE CONTENIDO */
.ddm1 {
	font-size:12px;	
	font-weight:bold;
	background-color:#1a75ce;
}

.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
	padding: 6px 14px 5px 14px;
	height:38px;
	text-decoration: none;
	display: block;
	position: relative;
	text-align:center;
}
.ddm1 .item1 {
	color: #FFF;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
	color: #FFF;
	background-color:#304971;
}

.ddm1 .item1Extended,
.ddm1 .item1Extended:hover,
.ddm1 .item1Extended-active,
.ddm1 .item1Extended-active:hover {
	padding: 6px 14px 5px 14px;
	height:30px;
	text-decoration: none;
	display: block;
	position: relative;
	text-align:center;
}
.ddm1 .item1Extended {
	color: #FFF;
}
.ddm1 .item1Extended:hover,
.ddm1 .item1Extended-active,
.ddm1 .item1Extended-active:hover {
	color: #FFF;
	background-color:#304971;
}


.ddm1 .item2 {
	background-color:#304971;
	border-top:#FFF solid 1px;
}

.ddm1 .item2,
.ddm1 .item2:hover {
	padding: 6px 14px 5px 14px;
	height: 38px;
    display: block;
    white-space: nowrap;
	color:#FFF;
	text-decoration:none;
}

.ddm1 .item2:hover {
    background-color:#1b3766;
}

.ddm1 .item2Extended {
	background-color:#304971;
	border-top:#FFF solid 1px;
}

.ddm1 .item2Extended,
.ddm1 .item2Extended:hover {
	padding: 6px 14px 5px 14px;
	height:29px;
	text-decoration: none;
	display: block;
	position: relative;
	text-align:center;
	color:#FFF;
	/*white-space: nowrap;*/
}

.ddm1 .item2Extended:hover {
    background-color:#1b3766;
}

.ddm1 .section {
    /*border: 1px #0066cc;*/
    /*border-style: solid solid solid solid;*/
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}
.ddm1 .left, .ddm1 .left:hover { border-style: none none none none; }
.ddm1 .right, .ddm1 .right:hover { border-style: none none none none; }


* html .ddm1 td { position: relative; } /* ie 5.0 fix */

#notification {
    position: relative;
    background-image: url('../img/icos/notif.png');    
    height: 59px;
    width: 57px;
    cursor: hand;
}

#notification #counter{
    position: relative;
    left: -9px;
    top: 6px;
    width: 26px;
    margin: 0 auto;
    text-align: center;
}

#notification .number {    
    font-weight: bold;
    color: white;    
    font-size: 12px;
}

#notification2 {
    position: relative;
    background-image: url('../img/icos/notif2.png');    
    height: 59px;
    width: 57px;
    cursor: hand;
}

#notification2 #counter{
    position: relative;
    left: -9px;
    top: 6px;
    width: 26px;
    margin: 0 auto;
    text-align: center;
}

#notification2 .number {    
    font-weight: bold;
    color: white;    
    font-size: 12px;
}

.tabmensajespan {
	height:18px;
	color:#304972;
	font-weight:bold;
	padding:7px 0px 0px 5px;
	/*background-color:#33b05c;*/
	border-top:#FFF solid 1px;
	cursor: hand;
	position: relative;
    left: 55px;
    top: 6px;
}

.tabemptyspan {
	height:18px;
	color:#FFF;
	padding:7px 0px 0px 29px;
	background-color:#1a75ce;
	border-top:#FFF solid 1px;
	cursor: hand;
}

.tabsMenu{
	width:99.8%;
	height:30px;
	border: gray solid 0px;
	background-color: #1a75ce;
}
table.tabs {
    border-collapse: separate;
    border-spacing: 0;
    background-color: #E0E0E0;
    font-size: 0.9em;
    }
th.tabck {
    border: gray solid 0px;
    border-bottom: 0;
    border-radius: 0.5em 0.5em 0 0;
    background-color: #1a75ce;
    padding: 0.3em;
    text-align: center;
    color:#FFF;
    font-weight:bold;
	text-transform:uppercase;
	height:25px;
    cursor: hand;
    cursor: pointer;
    }
th.tabckselec{
	border: gray solid 1px;
    border-bottom: 0;
    border-radius: 0.5em 0.5em 0 0;
    background-color: #304970;
    padding: 0.3em;
    text-align: center;
    color:#FFFFFF;
    font-weight:bold;
	text-transform:uppercase;
	height:25px;
    cursor: hand;
    cursor: pointer;
}
    
table.tabs tr:first-child {
    border-left: none;
    border-right: none;
    }
table.tabs[data-filas] th.tabck {
    box-shadow: 0 -0.15em 0.1em 0 white;
    }
table.tabs td {
    border: gray solid 1px;
    border-top: 0;
    }
tr.filadiv {
    background-color: rgb(235, 235, 225);
}

.short{
	color:#FF0000;
}

.weak{
	color:#E66C2C;
}

.good{
	color:#2D98F3;
}

.strong{
	color:#006400;
}

/*Tool tip*/
.tooltip {	   
  position: relative;						
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: #1a75ce;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 20%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/*CANVAS*/
.canvasmod {
	border: 2px solid black;
	cursor: crosshair;
}

/*LOADER*/
.loader-wrapper{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	color:black;
	background:rgba(0,0,0,0.5);
}

#loader-6 #loader{
	position: absolute;
    left: 50%;
    top: 40%;
    z-index: 2;
}

#loader-6 #loader{
	height: 0.5vw;
	width: 0.5vw;
	border-radius: 100%;
	display: inline-block;
	box-shadow: red -1vw -1vw 0 0.5vw, yellow 1vw -1vw 0 0.5vw, white 1vw 1vw 0 0.5vw, blue -1vw 1vw 0 0.5vw;
	animation: dots 4s infinite ease-in-out;
}
@keyframes dots {
	0% {
		box-shadow: red -1vw -1vw 0 0.5vw, yellow 1vw -1vw 0 0.5vw, white 1vw 1vw 0 0.5vw, blue -1vw 1vw 0 0.5vw;
	}

	8.33% {
		box-shadow:  red 1vw -1vw 0 0.5vw, yellow 1vw -1vw 0 0.5vw, white 1vw 1vw 0 0.5vw, blue -1vw 1vw 0 0.5vw;
	}

	16.67% {
		box-shadow:  red 1vw 1vw 0 0.5vw, yellow 1vw 1vw 0 0.5vw, white 1vw 1vw 0 0.5vw, blue -1vw 1vw 0 0.5vw;
	}

	25% {
		box-shadow:  red -1vw 1vw 0 0.5vw, yellow -1vw 1vw 0 0.5vw, white -1vw 1vw 0 0.5vw, blue -1vw 1vw 0 0.5vw;
	}

	33.33% {
		box-shadow:  red -1vw -1vw 0 0.5vw, yellow -1vw 1vw 0 0.5vw, white -1vw -1vw 0 0.5vw, blue -1vw -1vw 0 0.5vw;
	}

	41.67% {
		box-shadow:  red 1vw -1vw 0 0.5vw, yellow -1vw 1vw 0 0.5vw, white -1vw -1vw 0 0.5vw, blue 1vw -1vw 0 0.5vw;
	}

	50% {
		box-shadow:  red 1vw 1vw 0 0.5vw, yellow -1vw 1vw 0 0.5vw, white -1vw -1vw 0 0.5vw, blue 1vw -1vw 0 0.5vw;
	}

	58.33% {
		box-shadow:  red -1vw 1vw 0 0.5vw, yellow -1vw 1vw 0 0.5vw, white -1vw -1vw 0 0.5vw, blue 1vw -1vw 0 0.5vw;
	}

	66.67% {
		box-shadow:  red -1vw -1vw 0 0.5vw, yellow -1vw -1vw 0 0.5vw, white -1vw -1vw 0 0.5vw, blue 1vw -1vw 0 0.5vw;
	}

	75% {
		box-shadow:  red 1vw -1vw 0 0.5vw, yellow 1vw -1vw 0 0.5vw, white 1vw -1vw 0 0.5vw, blue 1vw -1vw 0 0.5vw;
	}

	83.33% {
		box-shadow:  red 1vw 1vw 0 0.5vw, yellow 1vw -1vw 0 0.5vw, white 1vw 1vw 0 0.5vw, blue 1vw 1vw 0 0.5vw;
	}

	91.67% {
		box-shadow:  red -1vw 1vw 0 0.5vw, yellow 1vw -1vw 0 0.5vw, white 1vw 1vw 0 0.5vw, blue -1vw 1vw 0 0.5vw;
	}

	100% {
		box-shadow:  red -1vw -1vw 0 0.5vw, yellow 1vw -1vw 0 0.5vw, white 1vw 1vw 0 0.5vw, blue -1vw 1vw 0 0.5vw;
	}
}