html {
height: 100%;
}
body {
font-family: Lato, Verdana, sans-serif; font-size: 14px; margin: 0 auto; padding: 0px; height: 100%;
}
img {
border: 0px;
}
a {
text-decoration: none;
}
optgroup {
font-style:normal; font-family: Lato, Verdana, sans-serif;
}
select {
width: 307px; font-family: inherit;
}
strong {
font-size: 12px;
}
h3 {
color: #2e6e9e; font-size: 16px; margin: 4px 0; padding: 0;
}
h2 {
font-size: 15px; color: #2E6E9E; font-weight: bold; letter-spacing: 1px;
}
input, textarea {
outline: none;
}
input.disabled {
pointer-events: none; color: #AAAAAA; background: #E7E7E7;
}
.zn-pagina-app {
min-height: 100%; position: relative; padding: 0px 0px 0px 0px; width: 100%;
}
.zn-marco-app {
margin: 0 auto 20px; width: 1200px;
}
.zn-seccion {
font-size: 20px; font-weight: 600; color: #F3A449; display: inline-block; padding: 10px 0 0 10px; margin: 0; text-align: justify; font-family: 'Montserrat', Verdana, sans-serif; vertical-align: top; line-height: 33px;
}
.zn-separador {
height: 6px; width: 450px; background: #f2f2f2; background: linear-gradient(left right, #f2f2f2 0%, #fdfdfd 100%); margin-bottom: 5px;
}
.zn-contenedor {
border-radius: 4px; background-color: #d8e4f2; border: 1px solid #8ba0bc; padding: 20px !important; margin: 0 auto;
}
.zn-contenedor-submenu {
padding: 15px 0 0 0; border-radius: 0 0 4px 4px; background-color: #d8e4f2; border: 1px solid #8ba0bc; border-top-width: 0;
}
.clear {
clear: both; width: 100%;
}
.oculto { display: none; }
.error { color: #F00; display: none; font-weight: 600; }
.archivo { color: #0000EE; cursor: pointer; }
.zn-msg-monto-label {
width: 120px; font-weight: 600; display: inline-block;
}
.zn-msg-monto-dsc {
width: 160px; text-align: right; display: inline-block;
}
/*** LOGOS ***/
.zn-logo-img {
background: #fff; border: solid 1px #ccc; padding: 4px;
}
/*** MSG ***/
.img-msg { float: left; margin-right: 20px; }
.zn-boton {
cursor: pointer; user-select: none;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.negrita {
font-weight: 600;
}
.zn-texto-tachado {
text-decoration: line-through;
}
.zn-enlace {
cursor: pointer;
}
.zn-botonera {
float: right; margin: 10px 0 0 20px; color: #384E73; cursor: pointer;
}
.zn-botonera a {
color: #384e73;
}
/*** BARRA INFO ZONANUBE ***/
.zn-barra {
width: 100%; background-color: #d2d2d2; position: fixed; z-index: 100; top: 0; text-align: center;
}
.zn-barra-info {
width: auto; line-height: 40px; font-size: 16px; color: #667; margin: 0px;
}
/*** AVISOS RECUPERAR CONTRASENIA - VALIDAR RESP PAGO ***/
.zn-aviso-box {
margin: 50px auto; width: 800px;
}
.zn-aviso-info {
color: #384e73; float: right; font-family: Lato, Verdana, sans-serif; font-size: 16px; text-align: justify; width: 600px;
}
/*** TITULO SECCIONES DEL CONTRATO EN LA DESCRIPCION ***/
.zn-titulo-seccion {
color: #fff; background-color: #3BAAE3; box-sizing: border-box; line-height: 25px; margin: 10px 0 15px; padding: 1px 25px 1px 15px; font-family: 'Montserrat', Verdana, sans-serif; border-radius: 5px; font-weight: 600; border: 0 none;
}
/*** SECCIONES ***/
.zn-agrupacion {
border-radius: 6px; box-sizing: content-box; padding: 12px 16px; margin: 10px 0 30px; background-color: #D8E4F2 !important; border: 1px solid #8ba0bc; color: #384E73;
}
.zn-agrupacion-titulo {
background-color: #384E73; color: #fff; padding: 10px 0; border-radius: 8px; font-size: 16px; font-weight: 600; text-align: center;
}
/*** GRID ***/
.zn-grid {
display: flex;
}
.zn-grid-reverse {
display: flex; flex-direction: row-reverse;
}
.zn-grid-columna {
display: flex; flex-direction: column;
}
.zn-grid-col-1 {
flex: 1;
}
.zn-grid-col-2 {
flex: 2;
}
.zn-grid-col-3 {
flex: 3;
}
.zn-grid-col-4 {
flex: 4;
}
.zn-grid-col-1.etiqueta {
font-weight: 600; text-align: center;
}
/*** CAPSULA ***/
.zn-capsula {
margin: auto; background-color: #fff; padding: 14px 20px; border-radius: 8px; border: 1px solid #9d9d9d; text-align: center;
}
.zn-capsula-dato {
font-size: 24px; font-weight: 600;
}
.zn-capsula-descripcion, .zn-capsula-info-descripcion {
font-size: 16px;
}
.zn-linea-vertical {
width: 4px; height: 40px; background-color: #9d9d9d; margin: auto;
}
.zn-linea-horizontal {
height: 4px; background-color: #9d9d9d; margin: auto;
}
.zn-capsula.boton {
cursor: pointer; border-radius: 50px; border: 2px solid #9d9c9c; box-shadow: 3px 3px 4px 1px #9d9c9c;
}
.zn-capsula-info {
margin: auto; color: #fff !important; padding: 14px 20px; border-radius: 8px; text-align: center;
}
.zn-capsula-info-dato {
font-size: 30px; font-weight: 600;
}
.zn-capsula-info.azul-oscuro {
background-color: #235488;
}
.zn-capsula-info.calipso {
background-color: #15b59e;;
}
.zn-capsula-info.celeste {
background-color: #4d95dd;
}
.zn-capsula-info.rosado {
background-color: #df61d7;
}
/*** SIMBOLIGIA ***/
.zn-capsula-simboligia {
background-color: #fff; padding: 10px 26px; text-align: center; border-radius: 4px;
}
.zn-capsula-simboligia-estado {
width: 100%; height: 10px; border-radius: 6px;
}
.zn-capsula-simboligia-estado.rojo {
background-color: #f71e1e;
}
.zn-capsula-simboligia-estado.verde {
background-color: #85e313;
}
/*** BADGE ***/
.zn-badge-fondo {
border-radius: 50%; width: 50px; height: 50px; text-align: center;
}
.zn-badge-fondo.rojo {
background-color: #f71e1e;;
}
.zn-badge-fondo.gris {
background-color: #9d9d9d;
}
.zn-badge-fondo.verde {
background-color: #85e313;
}
.zn-badge-fondo.amarillo {
background-color: #f2cc00;
}
.zn-badge-fondo.azul {
background-color: #2a60c8;
}
.zn-badge-fondo.celeste {
background-color: #4d95dd;
}
.zn-badge-fondo.naranjo {
background-color: #ee750a;
}
.zn-badge-fondo.rosado {
background-color: #df61d7;
}
/*** BADGE - ESTADOS ***/
.zn-badge-estado {
border-radius: 50%; width: 16px; height: 16px;
}
.zn-badge-estado.rojo {
background-color: #f71e1e;
}
.zn-badge-estado.blanco {
background-color: #dddcdc; border: 1px solid #a6a6a6;
}
.zn-badge-estado.verde {
background-color: #85e313; border: 1px solid #60aa04;
}
.zn-badge-estado.amarillo {
background-color: #f2cc00;
}
.zn-badge-estado.azul {
background-color: #2a60c8;
}
.zn-badge-estado.celeste {
background-color: #4d95dd;
}
.zn-badge-estado.naranjo {
background-color: #ee750a;
}
.zn-badge-estado.rosado {
background-color: #df61d7;
}
/*** BLOQUES ***/
.zn-bloque {
color: #fff; background-color: #3BAAE3; box-sizing: border-box; line-height: 40px; margin: 10px 0 15px; padding: 1px 25px 1px 15px; font-family: 'Montserrat', Verdana, sans-serif; border-radius: 5px; font-weight: 600; border: 0 none;
}
.zn-bloque:hover {
background: #c3c3c3;
}
.zn-bloque-cerrado {
width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; display: inline-block; margin: 0 15px;
}
.zn-bloque-abierto {
width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; display: inline-block; margin: 0 15px;
}
/*** FICHAS ***/
.zn-ficha-contenedor {
}
.zn-ficha-titulo {
color: #fff; background-color: #4d95dd; box-sizing: border-box; line-height: 40px; padding: 1px 25px 1px 15px; font-family: 'Montserrat', Verdana, sans-serif; font-weight: 600; border: 0 none; border-radius: 6px;
}
.zn-ficha-contenido {
padding: 20px 40px; border-radius: 0 0 5px 5px;
}
.zn-ficha-titulo.zn-bloque-cerrado {
margin: 0 10px;
}
/*** FOOTER ***/
.zn-footer {
width: 100%; height: 65px; position: absolute; bottom: 0; left: 0; background: #4d95dd;
}
.zn-footer-div {
width: 1200px; margin: auto; height: 65px;
}
.zn-footer-texto {
width: auto; height: auto; float: right; text-align: center; margin: 20px 20px; font-size: 14px; color: #FFF; letter-spacing: 1px;
}
.zn-footer-logo {
width: auto; height: 55px; float: left; text-align: center; padding: 5px; margin: 0px 20px;
}
/*** BOTONES VISTA PRINCIPAL ***/
.botones-listado {
color: #384e73; padding: 10px 0;
}
.zn-contenedor-submenu .botones-listado {
padding: 10px !important;
}
.botones-listado .derecha {
float: right;
}
.botones-listado .izquierda {
float: left;
}
.botones-listado .derecha button.znButton {
margin-left: 70px;
}
.botones-listado .derecha button.znBigButton {
margin-left: 30px;
}
.botones-listado .izquierda button.znBigButton {
margin-right: 30px;
}
/*** ALERTAS ***/
.zn-alerta {
padding: 8px 16px; text-align: justify; color: #000; margin: 5px 0; border-radius: 6px; box-sizing: border-box;
}
.zn-alertas-centrado {
margin: 0 auto 10px;
}
.zn-alerta .fila {
margin-bottom: 2px !important;
}
.zn-alertas-success,.zn-alerta.verde {
border: 1px solid #115b02; background-color: #ddf4d8; color: #115b02 !important;
}
.zn-alertas-reparos {
background-color: #ff6c0a; color: #fff !important; border:none;
}
.zn-alertas-rechazo {
background-color: #e74c3c; color: #fff !important; border:none;
}
.zn-alertas-importante,.zn-alerta.rojo {
border: 1px solid #ad0303; background-color: #ffe4e4; color: #7c1111 !important;
}
.zn-alertas-advertencia,.zn-alerta.amarillo {
border: 1px solid #5e5905; background-color: #fff998; color: #5e5905 !important;
}
.zn-alerta.naranjo {
border: 1px solid #94530b; background-color:#ffe5c9; color: #94530b !important;
}
/*** ESTADOS ***/
.zn-div-estado {
border-radius: 5px; color: #FFF; padding: 2px; text-align: center; height: 20px; line-height: 20px;
}
.zn-div-estado-formulario {
padding: unset; height: unset; line-height: 33px;
}
.zn-div-estado-leyenda {
display: inline-block; border-radius: 5px; color: #FFF; padding: 2px; text-align: center; width: 50px; height: 20px; line-height: 20px;
}
.zn-div-estado.zn-div-estado-blanco, .zn-div-estado-leyenda.zn-div-estado-blanco {
background-color: #BDC3C7;
}
.zn-div-estado.zn-div-estado-rojo, .zn-div-estado-leyenda.zn-div-estado-rojo {
background-color: #FF4757;
}
.zn-div-estado.zn-div-estado-verde, .zn-div-estado-leyenda.zn-div-estado-verde {
background-color: #0AC22C;
}
.zn-div-estado.zn-div-estado-naranjo, .zn-div-estado-leyenda.zn-div-estado-naranjo {
background-color: #FF9F05;
}
.zn-div-estado.zn-div-estado-naranjito, .zn-div-estado-leyenda.zn-div-estado-naranjito {
background-color: #FF5722;
}
.zn-div-estado.zn-div-estado-amarillo, .zn-div-estado-leyenda.zn-div-estado-amarillo {
background-color: #F1C40F;
}
.zn-div-estado.zn-div-estado-morado, .zn-div-estado-leyenda.zn-div-estado-morado {
background-color: #9B59B6;
}
.zn-div-estado.zn-div-estado-azul, .zn-div-estado-leyenda.zn-div-estado-azul {
background-color: #2196F3;
}
.zn-div-estado.zn-div-estado-negro, .zn-div-estado-leyenda.zn-div-estado-negro {
background-color: #2d3436;
}
/*** TOOLTIP ***/
.zn-tooltip {
position: relative; display: inline-block;
}
.zn-tooltip-right::after {
border-color: transparent #555 transparent transparent; border-style: solid; border-width: 5px; content: ""; margin-top: -5px; position: absolute; right: 100%; top: 25%;
}
.zn-tooltip-right-bottom::after {
border-color: transparent transparent #555 transparent; border-style: solid; border-width: 6px; content: ""; margin-left: -5px; position: absolute; bottom: 100%; left: 86%;
}
.zn-tooltip .zn-tooltip-text {
background-color: #555; border-radius: 6px; color: #fff; opacity: 0; padding: 2px 6px; position: absolute; text-align: justify; transition: opacity 0.6s ease 0s; visibility: hidden; z-index: 100; margin-left: 5px;
}
.zn-tooltip-right {
left: 130%; top: -10px;
}
.zn-tooltip-right-bottom {
left: -390px; top: 150%;
}
.zn-tooltip:hover .zn-tooltip-text {
visibility: visible; opacity: 1;
}
/*** RADIO-BUTTOM ***/
.zn-checkbuttom-opc {
margin-bottom: 8px; cursor: pointer;
}
.zn-checkbuttom {
height: 25px; width: 25px; background-color: #FFFFFF; border-radius: 50%; float: left; margin: 3px 10px 0 0; border: 2px solid #7F8C8D;
}
.zn-checkbuttom:hover {
background-color: #CCCCCC;
}
.zn-checkbuttom-checked {
background-color: #1ABC9C; border: 2px solid #1ABC9C;
}
.zn-checkbuttom-checked:hover {
background-color: #1ABC9C;
}
/*** REVISION BUTTOM ***/
.zn-revision-btn {
background: #fafbfd; /* Old browsers */
background: -moz-linear-gradient(top, #fafbfd 0%, #d8e0eb 80%, #bfcddf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafbfd), color-stop(80%,#d8e0eb), color-stop(100%,#bfcddf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafbfd 0%,#d8e0eb 80%,#bfcddf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafbfd 0%,#d8e0eb 80%,#bfcddf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafbfd 0%,#d8e0eb 80%,#bfcddf 100%); /* IE10+ */
background: linear-gradient(to bottom, #fafbfd 0%,#d8e0eb 80%,#bfcddf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfd', endColorstr='#bfcddf',GradientType=0 ); /* IE6-9 */
text-align: center; float: left; cursor: pointer; border: 1px solid #8ba0bc; margin-bottom: 5px; padding: 3px 12px; min-width: 100px; user-select: none;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.zn-revision-btn.left {
border-radius: 7px 0 0 7px;
}
.zn-revision-btn.right {
border-radius: 0 7px 7px 0;
}
.zn-revision-btn.center {
border-radius: 7px; cursor: default;
}
.zn-revision-btn.aprobar.seleccionado {
background: #99e000; /* Old browsers */
background: -moz-linear-gradient(top, #99e000 0%, #7db800 69%, #70a300 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99e000), color-stop(69%,#7db800), color-stop(99%,#70a300)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #99e000 0%,#7db800 69%,#70a300 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #99e000 0%,#7db800 69%,#70a300 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #99e000 0%,#7db800 69%,#70a300 100%); /* IE10+ */
background: linear-gradient(to bottom, #99e000 0%,#7db800 69%,#70a300 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99e000', endColorstr='#70a300',GradientType=0 ); /* IE6-9 */
border: 1px solid #628F00 !important; color: #fff !important;
}
.zn-revision-btn.rechazar.seleccionado {
background: #e74c3c; /* Old browsers */
background: -moz-linear-gradient(top, #e74c3c 0%, #e43825 69%, #c82a19 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e74c3c), color-stop(69%,#e43825), color-stop(100%,#c82a19)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e74c3c 0%,#e43825 69%,#c82a19 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e74c3c 0%,#e43825 69%,#c82a19 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e74c3c 0%,#e43825 69%,#c82a19 100%); /* IE10+ */
background: linear-gradient(to bottom, #e74c3c 0%,#e43825 69%,#c82a19 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c3c', endColorstr='#c82a19',GradientType=0 ); /* IE6-9 */
border: 1px solid #c0392b !important; color: #fff !important;
}
.zn-revision-btn.corregir.seleccionado {
background: #f6b651; /* Old browsers */
background: -moz-linear-gradient(top, #f6b651 0%, #f4a62a 79%, #f39c12 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6b651), color-stop(79%,#f4a62a), color-stop(100%,#f39c12)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6b651 0%,#f4a62a 79%,#f39c12 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6b651 0%,#f4a62a 79%,#f39c12 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6b651 0%,#f4a62a 79%,#f39c12 100%); /* IE10+ */
background: linear-gradient(to bottom, #f6b651 0%,#f4a62a 79%,#f39c12 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b651', endColorstr='#f39c12',GradientType=0 ); /* IE6-9 */
border: 1px solid #e67e22 !important; color: #fff !important;
}
/*** CHECK-BUTTOM ***/
.zn-check-checked {
position: absolute; height: 26px; width: 26px; background-color: #0AC22C; border: 1px solid #9BABC2 !important; border-radius: 4px;
}
.zn-check-checked:after {
content: ""; position: absolute; left: 10px; top: 5px; width: 5px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.zn-check {
position: absolute; height: 26px; width: 26px; background-color: #fff; border: 1px solid #9BABC2 !important; border-radius: 4px;
}
/*** TABLAS INFORMATIVAS (EJ. REPORTE INE) ***/
.zn-tabla-fila {
content: ""; display: table; clear: both; overflow: auto; margin: auto;
}
.zn-tabla-encabezado {
font-weight: 600; background-color: #6392cc; color: #FFF; text-align: center; width: 200px; float: left; line-height: 25px; height: 25px; border: 1px solid #6392cc;
}
.zn-tabla-celda {
background-color: #ffffff; text-align: center; width: 200px; float: left; line-height: 25px; border: 1px solid #6392cc; height: 25px; color: #384e73;
}
/*** MENU PRINCIPAL ***/
.zn-menu-principal {
background: #B3E0FD; border-style: solid; width:100%; border-width: 0 0 1px; content: ""; display: table; border-color: #4d95dd; box-sizing: border-box;
}
.zn-menu-principal.nivel-2 {
border-width: 1px; padding: 0 5px;
}
.zn-nav-principal {
list-style: none; padding: 2px 3px 0 0; margin: auto; width: 1200px; font-size: 14px; box-sizing: border-box;
}
.zn-nav-principal.nivel-2 {
width: 100%;
}
.zn-nav-principal li {
background: #3BAAE3; border: 1px #2694E8; border-style:solid solid none solid; float: left; margin: 1px 5px 0 0; padding: 0; position: relative; top: 0; white-space: nowrap; border-radius: 5px 5px 0 0; user-select: none;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.zn-nav-principal .zn-menu-principal-activo {
background: #FFF; margin-bottom: -1px; padding-bottom: 1px;
}
.zn-nav-principal .zn-menu-principal-activo a {
color: #1976ba;
}
.zn-nav-principal .zn-menu-principal-salir {
background: #fd8d2a;
}
.zn-nav-principal .zn-menu-seguridad-salir {
background: #fd8d2a; float: right; margin-right: 0; border: 1px solid #f56219; border-style: solid solid none solid;
}
.zn-nav-principal li a {
color: #fff; display: block; font-size: 14px; font-weight: 600; text-decoration: none; padding: 6px 12px; font-family: 'Montserrat',Verdana,sans-serif;
}
.zn-nav-principal > li:hover {
background: #d0cfcd; border: 1px #878787; border-style:solid solid none solid;
}
.zn-nav-principal > li:hover a {
color: #636363;
}
.zn-nav-principal > li:hover li a {
color: #fff; font-family: 'Montserrat',Verdana,sans-serif;
}
.zn-nav-principal > li {
float: left;
}
.zn-nav-principal li ul {
display: none; position: absolute; z-index: 100; background-color: #858585; padding: 0 3px 5px 1px; list-style: outside none none;
}
.zn-nav-principal li:hover > ul {
display: block;
}
.zn-nav-principal li ul li {
width: 100%; border-style:none; position:relative; border-radius: 0; line-height: 28px;
}
.zn-nav-principal li ul > li:hover {
background: #d0cfcd; border-style:none;
}
.zn-nav-principal li ul li ul {
right: 115px; top:-1px;
}
.zn-nav-principal-submenu {
width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff; display: inline-block; margin-left: 5px;
}
.zn-menu-principal-activo span.zn-nav-principal-submenu {
border-top: 6px solid #1976BA;
}
.zn-nav-principal > li:hover span.zn-nav-principal-submenu {
border-top: 6px solid #636363;
}
.zn-nav-principal-subsubmenu {
width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff; display: inline-block; margin-left: 5px;
}
/*** SUB-MENU PRINCIPAL ***/
.zn-submenu {
padding: 0 !important;
}
.zn-submenu .zn-submenu-nav {
margin: 0; padding: 3px 3px 0; background: #b3e0fd; border: 1px solid #AED0EA; color: #222222; font-size: 14px; font-weight: 600;
}
.zn-submenu .zn-submenu-nav:before, .zn-submenu-nav:after {
border-collapse: collapse; content: ""; display: table;
}
.zn-submenu .zn-submenu-nav:after {
clear: both;
}
.zn-submenu li {
border-bottom: 0 none; float: left; list-style: none outside none; margin: 1px 5px 0 0; padding: 0; position: relative; top: 0; white-space: nowrap; border-radius: 5px 5px 0 0; user-select: none;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.zn-submenu li a {
float: left; padding: 6px 12px; text-decoration: none; font-family: 'Montserrat',Verdana,sans-serif;
}
.zn-submenu-nav li:hover {
background: #d0cfcd; border: 1px #878787; border-style:solid solid none solid; color: #636363; font-size: 14px;
}
.zn-submenu-nav li:hover a, .zn-submenu-nav li:hover a:hover, .zn-submenu-nav li:hover a:link, .zn-submenu-nav li:visited {
color: #636363; text-decoration: none;
}
.zn-submenu-anchor {
cursor: pointer;
}
.zn-submenu-modal {
border: 1px solid #8BA0BC !important; line-height: 12px; padding-top: 5px !important;
}
.zn-submenu-subseccion {
border-color: #8BA0BC !important; line-height: 16px; padding-top: 3px !important;
}
.zn-submenu-selected {
background: #D8E4F2 !important; border-style: solid; border-color: #8BA0BC !important; border-width: 1px 1px 0; margin-bottom: -1px !important; padding-bottom: 1px !important;
}
.zn-submenu-default {
background: #3baae3; border: 1px solid #2694E8; color: #FFFFFF; font-size: 14px;
}
.zn-submenu-default a, .zn-submenu-default a:link, .zn-submenu-default a:visited {
color: #FFFFFF; text-decoration: none;
}
.zn-submenu-selected a {
color: #384E73 !important; cursor: default !important;
}
.zn-submenu-disabled {
background: #c4c4c4 !important; border-style: solid; border-color: #888888 !important; border-width: 1px 1px 0;
}
.zn-submenu-disabled a {
color: #787b86 !important; cursor: default !important; pointer-events: none;
}
.znSeccionTab.zn-submenu-disabled a {
cursor: default !important; pointer-events: none;
}
/*** MENU OPCIONES MODALES ***/
.zn-modal-menu-titulo {
width: 400px; line-height: 35px; border: 1px solid rgb(204, 204, 204); border-radius: 10px; color: #FFFFFF; font-weight: 600; background: #49a3df; margin: 12px auto; text-align: center; user-select: none;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.zn-modal-menu-encabezado {
cursor: pointer; width: 400px; line-height: 40px; border: 1px solid rgb(204, 204, 204); border-radius: 10px; color: #FFFFFF; font-weight: 600; background: #49a3df; margin: 12px auto; text-align: center;
}
.zn-modal-menu-encabezado:hover {
border: 1px solid #e7da79; background: #fef9b2; font-weight: 600; color: #ba7512;
}
.zn-modal-menu-opcion {
cursor: pointer; width: 400px; line-height: 40px; border: 1px solid rgb(204, 204, 204); border-radius: 10px; color: rgb(46, 110, 158); font-weight: 600; background: #dfeffc; margin: 12px auto; text-align: center; user-select: none;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.zn-modal-menu-opcion.disabled {
opacity: 0.7; pointer-events: none; background: #a4a4a4; color: #fff;
}
.zn-modal-menu-opcion.activo {
border: 1px solid #678cff; color: #fff; background: #76baff;
}
.zn-modal-menu-opcion:hover {
border: 1px solid #e7da79; background: #fef9b2; font-weight: 600; color: #ba7512;
}
/*** INPUT ***/
.znTextBox {
background-color: #FFFFFF; border: 1px solid #9BABC2 !important; height: 30px !important; padding: 3px 5px !important; color: #384E73; font-family: 'Lato', Verdana, sans-serif; font-size: 14px; border-radius: 4px; box-sizing: border-box;
}
.znTextBox:hover, .znTextBox:focus {
border: 1px solid #F3D64A !important;
}
.znEmpty .znTextBox {
color:#9F9F9F;
}
.znTextBoxDsc {
border: none !important; background-color: #D8E4F2 !important; color: #384E73; font-family: 'Lato', Verdana, sans-serif; font-size: 14px;
}
.znTextBoxObs {
border: none !important; background-color: #FFFFFF !important; color: #384E73; font-family: 'Lato', Verdana, sans-serif; font-size: 14px;
}
.znTextBox-error {
border: 1px solid #ff0000 !important;
}
/*** INPUT ***/
.znContrasenia {
border: 1px solid #7B8DA6; overflow: hidden; background: #fff; border-radius: 4px; width: 400px; line-height: 30px !important; float: left; margin-right: 4px;
}
.znContrasenia:hover {
border: 1px solid #D3B20D !important;
}
.znContrasenia div.znInputContrasenia {
float: left;
}
.znContrasenia input.znInputContrasenia {
background-color: #FFFFFF; border: none; width: 350px; height: 22px; padding: 3px 5px !important; color: #384E73; font-family: 'Lato', Verdana, sans-serif; font-size: 14px;
}
.znContrasenia div.znBotonContrasenia {
float: right; width: 40px; cursor: pointer;
}
/* UPLOAD BUTTON */
.znUpload {
border: 1px solid #7B8DA6; overflow: hidden; background: #fff; height: 28px; border-radius: 2px; width: 355px; position: relative; line-height: 30px !important;
}
.znUpload:hover {
border: 1px solid #D3B20D !important;
}
.znUploadButton {
border-right: 1px solid #7B8DA6; float: left; padding: 0 9px 0 6px; position: relative;
background: #D6DFEA; /* Old browsers */
background: -moz-linear-gradient(top, #FAFBFD 0%, #D6DFEA 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFBFD), color-stop(100%,#D6DFEA)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FAFBFD 0%,#D6DFEA 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #FAFBFD 0%,#D6DFEA 100%); /* IE10+ */
background: linear-gradient(to bottom, #FAFBFD 0%,#D6DFEA 100%); /* W3C */
}
.znUploadButton:hover {
border-color: #D3B20D !important;
background: #FDF1C4; /* Old browsers */
background: -moz-linear-gradient(top, #FDF1C4 0%, #FFDD6E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDF1C4), color-stop(100%,#FFDD6E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FDF1C4 0%,#FFDD6E 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #FDF1C4 0%,#FFDD6E 100%); /* IE10+ */
background: linear-gradient(to bottom, #FDF1C4 0%,#FFDD6E 100%); /* W3C */
}
.znUploadRightButton {
border-right: 0; border-left: 1px solid #7B8DA6; float: right; padding: 0 6px; cursor: pointer; z-index: 99;
}
.znUploadButton input {
position: absolute; left: auto; right: 0px; top: 0px; margin:0; padding:0; filter: Alpha(Opacity=0); -moz-opacity: 0; opacity: 0; cursor: pointer; height: 26px;
}
.znUploadDsc {
position: absolute; width: 9000px;
}
.znUploadDsc img {
margin-right: 5px;
}
/** NEW BUTTONS **/
button.znBigButton, button.znButton {
border: 1px solid #7B8DA6; cursor: pointer; border-radius: 4px; color: #384E73; font-family: inherit; font-size: inherit; line-height: 20px; height: auto !important; outline: none;
background: #D6DFEA; /* Old browsers */
background: -moz-linear-gradient(top, #FAFBFD 0%, #D6DFEA 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFBFD), color-stop(100%,#D6DFEA)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FAFBFD 0%,#D6DFEA 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #FAFBFD 0%,#D6DFEA 100%); /* IE10+ */
background: linear-gradient(to bottom, #FAFBFD 0%,#D6DFEA 100%); /* W3C */
}
button.znBigButton:hover, button.znButton:hover {
border-color: #D3B20D !important; outline: none;
background: #FDF1C4; /* Old browsers */
background: -moz-linear-gradient(top, #FDF1C4 0%, #FFDD6E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDF1C4), color-stop(100%,#FFDD6E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FDF1C4 0%,#FFDD6E 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #FDF1C4 0%,#FFDD6E 100%); /* IE10+ */
background: linear-gradient(to bottom, #FDF1C4 0%,#FFDD6E 100%); /* W3C */
}
button.znBigButton:focus, button.znButton:focus {
outline: none;
}
button span.znButtonImage {
margin-right: 5px;
}
button.znBigButton {
padding: 11px 10px 11px 9px;
}
button.znButton {
padding: 5px 10px 3px;
}
button.deshabilitado {
cursor: default !important;
}
/*** SELECT ***/
.znSelect {
height: 30px !important; padding: 0 25px 0 5px; border-radius: 4px; line-height: 30px; word-break: break-all; border: 1px solid #9BABC2; background: url('../imagenes/botones/select.png') no-repeat 99% 0%; background-color: #FFFFFF; font-family: 'Lato', Verdana, sans-serif; font-size: 14px; color: #384E73; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
}
.znSelect:focus {
outline: none;
}
.znSelect:hover {
border: 1px solid #F3D64A; background-position: 99% 100%;
}
/*** ENCABEZADOS CONTRATOS ***/
.znEncabezado {
color: #384e73;
}
.znEncabezado .fila {
content: ""; display: table; clear: both; overflow: auto;
}
.znEncabezado .columna {
float: left; line-height: 33px !important; word-wrap: break-word;
}
.znEncabezado .etiqueta {
float: left; line-height: 33px !important; font-weight: bold;
}
.znEncabezado .dsc-monto {
width: 140px; text-align: right; display: inline-block;
}
.zn-nota {
background-color: #4d95dd; border-radius: 5px; padding: 5px 15px; color: #ffffff;
}
/*** FORMULARIOS ***/
.modal {
background-color: #D8E4F2 !important;
}
.encabezado {
color: #384e73;
}
.encabezado .fila {
content: ""; display: table; clear: both; overflow: auto;
}
.formulario {
padding: 10px 0px; width: auto; color: #384e73;
}
.znBlockTab.formulario {
padding: 1.5em 1.5em 1.5em 1.5em;
}
.formulario .fila {
margin-bottom: 18px; content: ""; display: table; clear: both; overflow: auto; text-align: justify;
}
.formulario .columna, .encabezado .columna {
float: left; line-height: 33px !important; word-wrap: break-word;
}
.formulario .columna-derecha {
float: right; line-height: 33px !important; word-wrap: break-word;
}
.formulario .columna-jqgrid {
float: left; word-wrap: break-word;
}
.formulario .etiqueta, .encabezado .etiqueta {
float: left; line-height: 33px !important; font-weight: bold;
}
.formulario .prefijo {
margin-right: 15px; font-weight: 600; display: inline-block;
}
.formulario .prefijo-pesos {
margin-right: 69px; font-weight: 600; display: inline-block;
}
.formulario .boton {
float: right; margin-right: 35px;
}
.formulario .icon-error {
margin: 0 10px;
}
.formulario .msg-error {
color: #FF0000; font-weight: 600;
}
.formulario .advertencia {
font-size: 14px; color: #384e73; margin-top: 15px; text-align: justify;
}
.formulario #advertencia_files {
font-weight: 300;
}
.formulario .dsc-moneda {
width: 45px; text-align: right;
}
.formulario .dsc-monto {
width: 160px; text-align: right; display: inline-block;
}
.formulario .dsc-total {
width: 165px; text-align: right; display: inline-block; padding-right: 7px; box-sizing: border-box;
}
.formulario .dsc-monto-facturar {
width: 173px; text-align: right;
}
.formulario .dsc-monto-facturar-hito {
width: 163px; text-align: right;
}
.formulario .info {
font-size: 12px; font-weight: 300 !important;
}
.formulario h2.subtitulo {
font-size: 16px; color: #2E6E9E; font-weight: bold; letter-spacing: 1px;
}
.formulario input.normal { width: 360px; }
.formulario input.grande { width: 400px; }
.formulario input.extragrande { width: 590px; }
.formulario input.fecha { width: 100px; }
.formulario input.monto { width: 160px; text-align: right; }
.formulario input.porcentaje { width: 80px; text-align: right; }
.formulario input.mediano { width: 300px; }
.formulario input.telefono { width: 140px; }
.formulario input.numero { width: 90px; }
.formulario input.anio { width: 50px; }
.formulario input.plazo { width: 30px; margin: 0 5px; text-align: right; }
.formulario input.dias { width: 30px; text-align: right; }
.formulario input.rut { width: 90px; text-align: right; }
.formulario input.dv { width: 25px; text-align: center; margin-right: 10px; }
.formulario input.duracion { width: 45px; text-align: center; }
.formulario textarea.grande { width: 550px; height: 100px; }
.formulario textarea.mediano { width: 450px; height: 120px; }
.formulario textarea.s550x120 { width: 550px; height: 120px; }
.formulario textarea.s420x120 { width: 420px; height: 120px; }
.formulario textarea.s480x140 { width: 480px; height: 140px !important; }
.formulario textarea.s680x140 { width: 680px; height: 140px !important; }
.formulario textarea.s500x140 { width: 500px; height: 140px !important; }
.formulario textarea.s510x90 { width: 510px; height: 90px; }
.formulario textarea.s560x140 { width: 560px; height: 140px !important; }
.formulario textarea.s610x140 { width: 610px; height: 140px; }
.formulario textarea.s620x140 { width: 620px; height: 140px !important; }
.formulario textarea.s610x180 { width: 610px; height: 180px !important; }
.formulario textarea.s660x90 { width: 660px; height: 90px; }
.formulario textarea.s710x60 { width: 710px; height: 60px !important; }
.formulario textarea.s710x160 { width: 710px; height: 160px !important; }
.formulario textarea.s770x60 { width: 770px; height: 60px !important; }
.formulario textarea.s770x160 { width: 770px; height: 160px !important; }
.formulario textarea.s800x120 { width: 800px; height: 120px; }
.formulario textarea.s900x120 { width: 900px; height: 120px; }
.formulario textarea.s900x260 { width: 900px; height: 260px; }
.formulario textarea.normal { width: 350px; height: 120px; }
.formulario textarea.contrato { width: 590px; height: 60px; }
.formulario textarea.objeto { width: 590px; height: 100px; }
.formulario textarea.hito { width: 350px; height: 45px; }
.formulario textarea.revision { width: 590px; height: 45px; }
.formulario textarea.observaciones { width: 880px; height: 85px; }
.formulario textarea.proyecto { width: 590px; height: 40px; }
.formulario textarea.grande-bajo { width: 590px; height: 60px; }
.formulario textarea.grande-alto { width: 600px; height: 180px; }
.formulario textarea.muy-grande-alto { width: 800px; height: 200px; }
.formulario select.normal { width: 360px; }
.formulario select.grande { width: 410px; }
.formulario select.extragrande { width: 600px; }
.formulario select.mediano { width: 310px; }
.formulario select.pequeno { width: 260px; }
.formulario select.muypequeno { width: 160px; }
.formulario select.estado { width: 100px; }
.formulario select.modulo { width: 180px; }
.formulario select.anio { width: 70px; }
.formulario select.booleano { width: 50px; }
.formulario select.moneda { width: 70px; }
.formulario select.plazo { width: 90px; }
.formulario-botones .derecha { float: right; }
.formulario-botones .izquierda { float: left; }
.formulario-botones .derecha button.znButton { margin-left: 70px; }
.formulario-botones .izquierda button.znButton { margin-right: 30px; }
/*** SIZE ***/
.size-full, .porcent-100 { width: 100%; }
.size-auto { width: auto; }
.size-38 { width: 38px; }
.size-40 { width: 40px; }
.size-45 { width: 45px; }
.size-50 { width: 50px; }
.size-55 { width: 55px; }
.size-60 { width: 60px; }
.size-70 { width: 70px; }
.size-80 { width: 80px; }
.size-100 { width: 100px; }
.size-110 { width: 110px; }
.size-120 { width: 120px; }
.size-130 { width: 130px; }
.size-140 { width: 140px; }
.size-150 { width: 150px; }
.size-160 { width: 160px; }
.size-170 { width: 170px; }
.size-175 { width: 175px; }
.size-180 { width: 180px; }
.size-190 { width: 190px; }
.size-200 { width: 200px; }
.size-210 { width: 210px; }
.size-220 { width: 220px; }
.size-230 { width: 230px; }
.size-240 { width: 240px; }
.size-250 { width: 250px; }
.size-260 { width: 260px; }
.size-270 { width: 270px; }
.size-280 { width: 280px; }
.size-286 { width: 286px; }
.size-290 { width: 290px; }
.size-295 { width: 295px; }
.size-300 { width: 300px; }
.size-310 { width: 310px; }
.size-320 { width: 320px; }
.size-330 { width: 330px; }
.size-340 { width: 340px; }
.size-350 { width: 350px; }
.size-360 { width: 360px; }
.size-370 { width: 370px; }
.size-380 { width: 370px; }
.size-390 { width: 390px; }
.size-400 { width: 400px; }
.size-410 { width: 410px; }
.size-420 { width: 420px; }
.size-430 { width: 430px; }
.size-440 { width: 440px; }
.size-450 { width: 450px; }
.size-460 { width: 460px; }
.size-470 { width: 470px; }
.size-480 { width: 480px; }
.size-490 { width: 490px; }
.size-500 { width: 500px; }
.size-510 { width: 510px; }
.size-520 { width: 520px; }
.size-530 { width: 530px; }
.size-540 { width: 540px; }
.size-550 { width: 550px; }
.size-560 { width: 560px; }
.size-570 { width: 570px; }
.size-580 { width: 580px; }
.size-585 { width: 585px; }
.size-590 { width: 590px; }
.size-597 { width: 597px; }
.size-600 { width: 600px; }
.size-610 { width: 610px; }
.size-620 { width: 620px; }
.size-630 { width: 630px; }
.size-640 { width: 640px; }
.size-650 { width: 650px; }
.size-660 { width: 660px; }
.size-670 { width: 670px; }
.size-680 { width: 680px; }
.size-690 { width: 690px; }
.size-700 { width: 700px; }
.size-710 { width: 710px; }
.size-720 { width: 720px; }
.size-740 { width: 740px; }
.size-750 { width: 750px; }
.size-760 { width: 760px; }
.size-770 { width: 770px; }
.size-780 { width: 780px; }
.size-790 { width: 790px; }
.size-800 { width: 800px; }
.size-810 { width: 810px; }
.size-820 { width: 820px; }
.size-850 { width: 850px; }
.size-860 { width: 860px; }
.size-880 { width: 880px; }
.size-900 { width: 900px; }
.size-930 { width: 930px; }
.size-960 { width: 960px; }
.size-970 { width: 970px; }
.size-990 { width: 990px; }
.size-1040 { width: 1040px; }
.size-1100 { width: 1100px; }
.size-1130 { width: 1130px; }
.size-1140 { width: 1140px; }
.pl-50 {
padding-left: 50px !important;
}
/*** MARGEN ***/
.mt-3 { margin-top: 3px; }
.mt-5 { margin-top: 5px; }
.mt-8 { margin-top: 8px; }
.mt-10 { margin-top: 10px; }
.mt-12 { margin-top: 12px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mr-5 {
margin-right: 5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-13 {
margin-right: 13px;
}
.mr-20 {
margin-right: 20px;
}
.mr-30 {
margin-right: 30px;
}
.mr-35 {
margin-right: 35px;
}
.mr-40 {
margin-right: 40px;
}
.mr-50 {
margin-right: 50px;
}
.mr-54 {
margin-right: 54px;
}
.mr-60 {
margin-right: 60px;
}
.mr-70 {
margin-right: 70px;
}
.mr-120 {
margin-right: 120px;
}
.mr-160 {
margin-right: 160px;
}
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
.ml-95 { margin-left: 95px; }
.ml-100 { margin-left: 100px; }
.ml-140 { margin-left: 140px; }
.ml-150 { margin-left: 150px; }
.ml-180 { margin-left: 180px; }
.ml-210 { margin-left: 210px; }
.ml-220 { margin-left: 220px; }
.ml-230 { margin-left: 230px; }
.ml-270 { margin-left: 270px; }
.ml-290 { margin-left: 290px; }
.ml-475 { margin-left: 475px; }
.ml-650 { margin-left: 650px; }
.mlr-6 { margin: 0 6px; }
.fs-12 {
font-size: 12px;
}
.fs-16 {
font-size: 16px;
}
.fs-20 {
font-size: 20px;
}
.fs-24 {
font-size: 24px;
}
.fs-34 {
font-size: 34px;
}
.fw-600 {
font-weight: 600;
}
.lh-50 {
line-height: 50px;
}
/*** TOGGLE ***/
.toggle-slide {
overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr; text-align: center;
}
div.disabled > .toggle-slide {
opacity: 0.7; pointer-events: none;
}
.toggle-slide .toggle-on, .toggle-slide .toggle-off, .toggle-slide .toggle-blob {
float: left;
}
.toggle-slide .toggle-blob {
position: relative; z-index: 99;
}
.toggle .toggle-slide {
border-radius: 9999px; box-shadow: 0 0 0 1px #9BABC2;
}
.toggle .toggle-on, .toggle .toggle-off {
color: white; font-size: 14px;
}
.toggle-booleanos .toggle-on {
border-radius: 9999px 0 0 9999px; background: #0AC22C;
}
.toggle-otros .toggle-on {
border-radius: 9999px 0 0 9999px; background: #2980B9;
}
.toggle-estados .toggle-on {
border-radius: 9999px 0 0 9999px; background: #0AC22C;
}
.toggle-usuarios .toggle-on {
border-radius: 9999px 0 0 9999px; background: #B2BEC3;
}
.toggle .toggle-on:after {
height: 50%; content: ''; margin-top: -19%; display: block; border-radius: 9999px; margin-left: 10%;
}
.toggle-estados .toggle-off, .toggle-usuarios .toggle-off {
border-radius: 0 9999px 9999px 0; color: white; background: #3498DB;
}
.toggle-booleanos .toggle-off {
border-radius: 0 9999px 9999px 0; color: white; background: #B2BEC3;
}
.toggle-otros .toggle-off {
border-radius: 0 9999px 9999px 0; color: white; background: #2980B9;
}
.toggle .toggle-off:after {
height: 50%; content: ''; margin-top: -19%; display: block; margin-right: 10%; border-radius: 9999px;
}
.toggle .toggle-blob {
border-radius: 50px; background: -webkit-linear-gradient(#D1D1D1, #FAFAFA); background: linear-gradient(#D1D1D1, #FAFAFA);
}
/*** SIMBOLOGIA ***/
.zn-simbologia {
color: #384E73; cursor: pointer;
}
#znTablaSimbologia td {
vertical-align: top;
}
#znTablaSimbologia td:hover {
border-radius: 6px; background-color: #d8d8d8;
}
.box-simbologia {
padding: 20px;
}
.box-simbologia .zn-div-estado {
height: 30px; line-height: 30px; font-weight: 600;
}
.zn-detalle-simbologia {
line-height: 24px; text-align: justify;
}
/*** ESTILOS DE TITTLE ***/
[data-title_right]:hover:after {
opacity: 1; transition: all 0.1s ease 0.2s; visibility: visible;
}
[data-title_right]:after {
content: attr(data-title_right); background-color: #616161; color: #fff; font-size: 14px; font-family: Lato, Verdana, sans-serif; position: absolute; padding: 3px 20px; bottom: -1.8em; left: 100%; white-space: nowrap; box-shadow: 1px 1px 3px #222222; opacity: 0; border: 1px solid #111111; z-index: 99999; visibility: hidden; border-radius: 0px 8px 8px 6px;
}
[data-title_right] {
position: relative;
}
[data-title_left]:hover:after {
opacity: 1; transition: all 0.1s ease 0.2s; visibility: visible;
}
[data-title_left]:after {
content: attr(data-title_left); background-color: #616161; color: #fff; font-size: 14px; font-family: Lato, Verdana, sans-serif; position: absolute; padding: 3px 20px; bottom: -1.8em; right: 100%; white-space: nowrap; box-shadow: 1px 1px 3px #222222; opacity: 0; border: 1px solid #111111; z-index: 99999; visibility: hidden; border-radius: 8px 0px 8px 8px;
}
[data-title_left] {
position: relative;
}
/*** NOTIFICACIONES ***/
.zn-notificacion {
width: 950px;margin: auto;
}
.zn-notificacion-usuario-izquierda {
float: left; margin-bottom: 5px;
}
.zn-notificacion-usuario-derecha {
float: right; margin-bottom: 5px;
}
.zn-notificacion-arrow-up-izquierda {
width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 15px solid #FFF; margin-left: 50px;
}
.zn-notificacion-arrow-up-derecha {
width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 15px solid #FFF; margin-left: 750px;
}
.zn-notificacion-comentario {
margin: 0 0 30px 0; border-radius: 6px; background-color: #FFF; padding: 10px 20px; font-size: 14px; line-height: 24px;
}
.zn-notificacion-comentario-texto {
text-align: justify;
}
.zn-notificacion-comentario-adjunto {
margin-top: 15px;
}
.zn-notificacion-comentario-fecha {
float: left; margin-top: 15px; font-weight: 600; font-size: 12px;
}
.zn-notificacion-comentario-borrar {
float: right; margin-top: 15px;
}
/*** LEYENDAS ***/
table.zn-leyenda {
color: #384e73; border-collapse: collapse; border-radius: 4px;
}
.zn-leyenda td {
border: 1px solid #79b7e7; padding: 5px 12px; text-align: center;
}
.zn-leyenda th {
background: #dfeffc; border: 1px solid #79b7e7; color: #2e6e9e; font-weight: 600; padding:5px 12px; text-align: center;
}
.zn-leyenda caption {
background-color: #fff; color: #2e6e9e; font-size: 16px; font-weight: 600; padding: 0 8px 10px; text-align: left; width: 170px;
}
/*** JQUERY ZONANUBE ***/
.ui-widget-overlay {
position: fixed !important;
}
.ui-dialog {
overflow: hidden; border-radius: 10px !important; border-color:#2E70FF !important; background-color:#ffffff; border-width:2px !important; padding:0;
}
.ui-dialog .ui-dialog-title {
margin: .1em 16px .1em 0 !important;
}
.ui-dialog .ui-dialog-titlebar {
border:none; border-bottom-width:2px; font-weight:bold; font-size:16px;
}
.ui-dialog .ui-dialog-titlebar-close {
background: none;
border: 2px solid #fff;
border-radius: 20px;
width: 24px;
height: 24px;
position: absolute;
right: .4em;
padding: 0;
top: 45%;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
background-color: #FFFFFF;
}
.ui-dialog .ui-dialog-buttonpane {
border-top-width:2px !important; margin-top:0 !important;
}
.ui-dialog .ui-dialog-content {
padding: 1.5em 1.5em 1.5em 1.5em;
}
.ui-widget {
font-family: Lato,Verdana,sans-serif; font-size: 14px; color: #384E73;
}
.ui-widget :active {
outline: none;
}
.ui-widget input, .ui-widget select {
color: #384E73; font-family:Lato,Verdana,sans-serif; font-size: 14px; background-color: #FFFFFF; height: 22px; line-height: 22px; text-align: justify; white-space: normal;
}
.ui-widget textarea {
color: #384E73; font-family:Lato,Verdana,sans-serif; font-size: 14px; background-color: #FFFFFF; height: 22px; line-height: 22px; text-align: justify; white-space: pre-line; width: 335px;
}
.ui-widget textarea:hover, .ui-widget textarea:focus {
border: 1px solid #F3D64A;
}
.ui-widget-content {
border: 1px solid #a6c9e2; background: #FFFFFF; color: #384E73;
}
.ui-widget-header {
color: #FFFFFF; background-color: #2e70ff; border: 1px solid #2e70ff;
}
.ui-widget-header a {
color: #ffffff;
}
.ui-button .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: unset;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: unset;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: unset;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: unset;
}
.ui-icon-folder-collapsed {
margin-left: -5px;
}
.ui-icon-folder-open {
margin-left:-5px;
}
.ui-icon-none {
background-position: 0px 0px; width: 0 !important; height: 0 ! important;
}
.ui-widget-overlay {
background: #453F3F scroll 50% 50%; opacity: .5; -ms-filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: unset; box-shadow: unset;
}
/*** JQGRID ZONANUBE ***/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #c5dbec; background: #ecf6fd ; color: #2e6e9e;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #2e6e9e; text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #E7DA79; background: #FDF9A9; font-weight: bold; color: #BA7512;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #1d5987; text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #79b7e7; background: #f5f8f9; font-weight: bold; color: #e17009;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #e17009; text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #AFAEA7; background: #D8D8D4; color: #363530;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7; filter:Alpha(Opacity=70); font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35; filter:Alpha(Opacity=35); background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35);
} /* For IE8 - See #6059 */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(images/ui-icons_217bc0_256x240.png);
}
.zn-marco-app .ui-jqgrid {
margin: auto;
}
.myAltRowClass {
border: 1px solid #79b7e7; background: #DDECF7; font-weight: 600; color: #384E73;
}
/*** BARRA DE PROGRESO ***/
.zn-progress-container { width: 230px; }
.zn-progress { width: auto !important; padding: 4px; background-color: rgba(0,0,0,0.1); border-radius: 5px; position: relative; overflow: hidden; }
.zn-progress-bar { height: 20px; border-radius: 4px; animation: znProgressActive 6s linear infinite; background-image: linear-gradient(-45deg, rgba(255,255,255,0.125) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.125) 50%, rgba(255,255,255,0.125) 75%, transparent 75%, transparent); background-size: 25px 25px; display: block; float: left; box-shadow: inset 0px -1px 2px rgba(0,0,0,0.1); transition: none; }
.zn-progress-bar.rojo { background-color: #F44336; }
.zn-progress-bar.verde { background-color: #0AC22C; }
.zn-progress-bar.naranjo { background-color: #FF9800; }
.zn-progress-bar.amarillo { background-color: #f1c40f; }
@keyframes znProgressActive { 0% { background-position:0 0 } 100% { background-position:35px 35px } }
.zn-progress-container { width: 70%; float: left; }
.zn-porcentaje-container { float: right; width: 25%; line-height: 30px; text-align: right; }
/*** TOOLTIP SEGUNDA CUOTA ***/
.zn-info-tooltip {
border: 2px solid #2e70ff; margin: 0 0 30px 0; border-radius: 6px; background-color: #FFF; padding: 10px 20px; font-size: 16px; line-height: 34px;
}
.zn-info-tooltip-arrow-up {
width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 15px solid #2e70ff;
}