html {
height: 100%;
width: 100%;
text-align: left;
background-color: #e0e0e0;
font-family: 'Verdana, Segoe UI, Tahoma, Geneva, sans-serif';
margin: 0;
padding: 0;
background: #dddddd;
height: 100%;
text-shadow: #000 0px 0px 0px;
/*Elimina el efecto bold en Safari*/
font-size: calc(var(--font-size) * 11px);
}
/* Pantallas Grandes */
@media (max-width: 1400px) {
html {
font-size: calc(var(--font-size) * 11px);
}
}
/* Tabletas */
@media (max-width: 768px) {
html {
font-size: calc(var(--font-size) * 10px);
}
}
/* Celulares */
@media (max-width: 450px) {
html {
font-size: calc(var(--font-size) * 9px);
}
}
:root {
--font-size: 1.2;
--page-height: 70;
--parent-height: calc(var(--page-height) * 1vh);
--textarea-width:200px;
--textarea-height:40px;
--observa-width:50vw;
--observa-height:5vh;
}
.form-control {
padding: 0.15rem 0.25rem;
font-size: inherit;
}
.item {
margin: 0;
padding: 0;
}
.font-controls {
top: 0em;
right: 0em;
display: flex;
font-size: 1.0vh;
}
.font-control {
margin-left: 0em;
padding: 0em;
border: 1px solid #000;
cursor: pointer;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: grey;
opacity: 0.3; /* Firefox */
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
color: grey;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: grey;
}
body {
width: 100%;
color: #000000;
background-color: #ffffff;
margin: 0;
padding: 0;
}
@media print {
body {
background-color: #ffffff;
}
}
header {
width: 100%;
padding-top: 0px;
}
#contenedor {
background: rgb(250, 250, 250);
background-color:transparent;
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
overflow: auto;
}
#cabeza {
height: auto;
width: 100%;
overflow: visible;
background-color: #fff;
z-index: 0;
}
#arriba {
top: 0px;
left: 0px;
height: 3em;
position: fixed;
width: 100%;
float: left;
background-color: transparent;
margin: 0;
padding: 0;
border: 0;
z-index: 1;
}
#medio {
margin: auto;
padding: 0px;
position: fixed;
overflow: auto;
top: 8.5em;
height: calc(100vh - 11.5em);
width: 100%;
background-color: #fff;
}
#abajo {
position: fixed;
bottom: 0px;
left: 0px;
height: 3em;
width: 100%;
/* background-color: #fff;*/
}
#pagina {
width: auto;
margin: 0 auto;
padding: 0 0 0 0px;
border: 0px;
height: calc(100vh - 11.50em);
overflow: auto;
background-color: transparent;
}
#mensajes {
font-size: 1.0em;
position: fixed;
top: 5em;
color: white;
width: 100%;
height: 1.5em;
padding-top: 0px;
clear: both;
color: white;
background-color: #5c5c5c;
}
#enlacese {
position: relative;
width: 100%;
/* top: 6.5em;*/
font-size: 1.0em;
margin-top: 0px;
padding-left: 10px;
padding-right: 5px;
margin-bottom: 0px;
background-color: transparent;
}
#enlaces {
position: fixed;
width: 100%;
height: auto;
top: 6.5em;
font-size: 1.0em;
margin-top: 0px;
padding-left: 1px;
padding-right: 1px;
overflow: hidden;
margin-bottom: 0px;
background-color: transparent;
}
#acciones {
float: left;
min-width: 50%;
text-align: left;
margin-left: 0px;
}
#back {
float:left;
}
#paginacion {
width: 100%;
font-size: 1em;
float: left;
position: fixed;
bottom: 3em;
height: 2em;
padding: 0;
clear: both;
color: white;
background: transparent;
}
#pietotal {
width: 100%;
float: left;
position: fixed;
bottom: 4em;
height: 9.5em;
padding: 0;
clear: both;
}
#pie {
width: 100%;
float: left;
position: fixed;
bottom: 0;
height: 3em;
padding: 0;
clear: both;
color: white;
background: transparent url('/assets/images/img/water/bgmenu2.png') repeat-x;
}
#aparece {
margin: auto;
padding: 0px;
position: fixed;
overflow: auto;
top: 0em;
width: 100%;
}
#mensajespop {
font-size: 1.0em;
position: relative;
top: auto;
width: 100%;
height: 1.5em;
padding-top: 0px;
clear: both;
color: white;
}
#completa {
width: 100%;
height: calc(100vh - 1em);
overflow: auto;
}
#emerge {
top: 2em;
width: 100%;
margin: 0 auto;
padding: 0 0 0 0px;
border: 0px;
overflow: auto;
background-color: transparent;
}
#emergentes {
width: 100%;
max-height: calc(100vh);
overflow: auto;
}
#informacion {
position: absolute;
top: 3em;
height: 2em;
padding-top: 0px;
width: 100%;
background-color: transparent;
padding: 0px 0px 0px 11em;
margin: 0px 0px 0px 0px;
}
#titulo {
width: 20%;
float: left;
background-color: transparent;
height: 2.0em;
}
#titulo2 {
width: 10%;
float: left;
text-align: left;
display: flex;
align-items: center;
font-weight: bold;
background-color: transparent;
height: 2.0em;
}
#herramientas {
width: 50%;
float: right;
height: 2.0em;
background-color: transparent;
}
#herramientas_i {
width: auto;
height: 2em;
text-align: right;
margin: 0;
padding: 0 0.5em 0 2em;
border-top-left-radius: 100%;
border-bottom-left-radius: 0%;
/* background-image: url('/assets/images/img/water/titulo_cab.png');
background-repeat: no-repeat;*/
float: right;
}
#herramientas_d {
width: auto;
float: right;
height: auto;
padding: 0px 10px;
border: 0px
}
#mensajes_i {
/*width: 30%;*/
float: left;
text-align: left;
padding: 0 0 0 0px !important;
}
#mensajes_c {
/* width: 20%;*/
float: left;
text-align: left;
}
#mensajes_d {
color: yellow;
/*width: 20%;*/
float: right;
text-align: right;
padding-right: 10px !important;
}
.celda {
background-color: rgb(253, 227, 221);
max-width: 10em;
padding-right: 1em;
float: left;
text-align: left;
}
#cfiltros {
min-width: 30%;
float: left;
/* text-align: left;*/
}
#fichast {
width: 100%;
font-size: 1.0em;
float: left;
text-align: left;
height: 2em;
background-color: #dddddd;
}
#tipos {
display: inline-block;
width: 100%;
font-size: 0.8em;
text-align: left;
}
#grupo {
display: inline-block;
width: auto;
}
#fichas {
width: 90%;
font-size: 1.0em;
float: left;
text-align: left;
height: 2em;
background-color: #dddddd;
}
#controles {
height: 2em;
width: auto;
float: left;
text-align: left;
}
#duplica {
height: 2em;
width: 5%;
font-size: 1em;
float: right;
text-align: right;
padding-right: 2em;
background-color: #dddddd;
}
#import {
height: 2em;
width: 15%;
font-size: 1em;
float: right;
text-align: right;
padding-right: 2em;
background-color: transparent;
}
#enviar {
height: 2em;
width: 5%;
font-size: 1em;
float: left;
text-align:left;
background-color: #dddddd;
}
.v-line{
border-left: thick solid #000;
height:100%;
left: 50%;
position: absolute;
}
hr {
height: 3px;
background-color: red;
}
ul.fichas {
width: 100%;
background-color: transparent;
float: left;
list-style-type: none;
padding: 3px 0 0 3px;
margin: 0 0 0 0;
}
ul.fichas li {
float: left;
width: auto;
text-decoration: inherit;
margin: 0em 0.0em 0.0em 0.0em;
}
ul.fichas li a {
background-color: #666666;
border: outset;
color: #999999;
padding: 0.2em 1em 0.2em 1em;
text-decoration: none;
}
ul.fichas li a:hover {
background-color: #b6b6b6;
border: ridge;
color: #FFFFFF;
}
ul.fichas li.fichasselec a {
background-color: #bebebe;
color: #FFFFFF;
padding: 0.2em 1em 0.2em 1em;
border: inset;
text-decoration: none;
}
ul.fichas li.fichasselec a:hover {
background-color: #000000;
color: #AAAAAA;
}
li a:hover {
color: #666
}
#accionesc {
float: left;
text-align: center;
}
#accionesd {
width: 12%;
float: right;
text-align: right;
overflow:hidden;
}
#accionesl {
width: 50%;
float: left;
text-align: left;
}
#informes {
float: right;
padding-right:10px;
text-align: right;
margin: 0px auto;
}
#emerges {
top: 0px;
padding-right: 0px;
text-align: right;
margin: 0px auto;
}
#informes a, button {
padding: 0px 0.5em 0px 0.5em;
}
fieldset {
display: inline;
margin-inline-start: 1px;
margin-inline-end: 2px;
padding-block-start: 0.35em;
padding-inline-start: 0.75em;
padding-inline-end: 0.75em;
padding-block-end: 0.625em;
min-inline-size: min-content;
border-width: 1px;
border-style: groove;
border-color: threedface;
border-image: initial;
width: 100%;
height: auto;
margin: 0.01em 0.01em 0.01em 0.01em;
float: left;
padding: 0px;
background-color: rgba(255, 255, 255, 0.1);
}
#rango {
background-color: rgba(253, 218, 218, 0.4);
color: #000;
}
#ej {
background-color: rgba(253, 218, 218, 0.4);
color: #000;
}
fieldset {
border-color: rgba(255, 255, 255, 0.8);
}
.filtros {
color: #aaa;
}
/*CONTENEDOR*/
#formulario {
text-align: left;
margin-left: 0em;
width: 100%;
}
#form_izq {
width: 60%;
float: left;
}
#form_drc {
width: 40%;
float: right;
}
#form_i {
width: 20%;
float: left;
}
#form_d {
width: 70%;
float: right;
}
.etiqueta {
font-size: 1.1em;
font-weight: bold;
width: 100%;
float: left;
}
.tarjetad {
font-size: 1.2em;
text-align: left;
width: 100%;
float: left;
background: rgb(255, 255, 255);
}
.tarjeta {
font-size: 1.2em;
text-align: left;
width: 100%;
height: 15em;
float: left;
background: rgb(255, 255, 255);
}
#form_izq input {
width: 80%;
}
#direccion {
background: rgb(255, 255, 255);
}
#form_drc input {
width: 80%;
}
#form_drc textarea {
width: 80%;
}
#botones {
width: 100%;
max-height: 1.8vh;
font-size: 1.0em;
background-color: transparent;
margin: 0px;
padding: 0px 3px 0px 3px;
border: 1px;
}
#botones img {
padding: 0px 1.6em 0 16em;
}
/*min-height: 100%;*/
#emerger {
width: auto;
max-width: 40.0vw;
max-height: 50.0vh;
overflow: auto;
margin: 0 auto;
height: auto !important;
}
#enemerger {
width: 90%;
float:inherit;
max-height: 40.0vh;
background-color: #fff;
margin: 10px 10px 10px 10px;
padding: 10px;
border: 0;
}
#emerger2 {
width: auto;
max-width: 80.0vw;
max-height: 60.0vh;
overflow: auto;
margin: 0 auto;
height: auto !important;
}
#enemerger2 {
width: 90%;
max-height: calc(var(--page-height) * 1vh);
max-width: 58.0vw;
background-color: #fff;
margin: 10px 10px 10px 10px;
padding: 10px;
border: 0;
}
#www {
width: auto;
height: 100%;
width: 100%;
/* max-width: 300px;
max-height: 200px;*/
overflow: auto;
margin: 0 auto;
height: auto !important;
}
#avisos {
width: auto;
max-width: 30.0vw;
max-height: 20.0vh;
overflow: auto;
margin: 0 auto;
height: auto !important;
}
#enavisos {
width: 90%;
float:inherit;
max-height: 18.0vh;
background-color: #fff;
margin: 10px 10px 10px 10px;
padding: 10px;
border: 0;
}
#enwww {
width: 90%;
float: inherit;
background-color: #fff;
margin: 10px 10px 10px 10px;
padding: 10px;
border: 0;
}
#cuerpo {
width: 100%;
min-height: 770px;
max-height: 770px;
min-width: 1024px;
max-width: 1600px;
background-color: transparent;
margin: 0 auto;
padding: 0 0 0 0px;
border: 0px;
}
/*PIE DE PAGINA*/
#navigation {
width: 95%;
float: right;
text-align: left;
position: absolute;
bottom: 3em;
height: 3em;
clear: both;
color: white;
background-color: transparent;
font-size: 1.0em;
}
#pie {
display:flex;
width: 100%;
text-align: left;
height: 3em;
clear: both;
color: white;
background-color: transparent;
}
#pie_i {
width: 80%;
height: 2em;
font-size: 1em;
color: #FFFFFF;
vertical-align: middle;
font-weight: bold;
text-align: left;
align-items: center ;
display: flex;
justify-content:flex-start;
}
#pie_c {
width: 60%;
font-size: 1em;
color: #111;
float: left;
text-align: center;
align-items: center ;
display: flex;
justify-content:flex-start;
}
#pie_d {
margin:auto;
max-width: 30%;
font-size: 1em;
float: right;
margin-right: 0px;
}
#logo {
width: 10em;
float: left;
height: 4em;
background-color: transparent;
z-index: 300;
display:flex;
justify-content: center;
align-items: center;
}
#logo2 {
width: 10em;
float: right;
height: 2em;
background-color: #fff;
display:flex;
justify-content: center;
align-items: center;
}
#logo3 {
width: 30%;
float: right;
height: 3em;
background-color: #fff;
display:flex;
justify-content: center;
align-items: center;
}
.logo {
margin:auto;
display:block;
max-width: 10em;
max-height: 5em;
}
.logo2 {
margin:auto;
display:block;
max-width: 10em;
max-height: 3em;
}
.logo3 {
margin:auto;
display:block;
max-width: 100%;
max-height: 3em;
margin-right:0px;
}
#logoc {
width: 30em;
font-size: 1.2em;
float: left;
height: 3em;
text-align: center;
background-color: transparent;
margin: 0 0 0.5em 0;
padding: 0;
border: 0;
}
#logod {
width: 10em;
float: right;
height: 3em;
background-color: transparent;
margin: 0 0 0.5em 0;
padding: 0;
border: 0;
}
#logod img {
max-width: 10em;
max-height: 3em;
}
#centro {
margin:0px auto;
/*height: 40vh;*/
width: 50vw;
background-color: rgb(255, 255, 255);
display:flex;
justify-content: center;
align-items: center;
}
#logom {
max-height: 24px;
max-width: 24px;
}
#contenedor_derecho {
width: 99%;
float: left;
height: auto;
background-color: transparent;
margin: 0px 0px;
padding: 0 5px;
border: 0;
}
#cabecera {
position: relative;
width: 100%;
max-height: 6.0em;
overflow: visible;
background-color: transparent;
padding: 0 0 0 0px;
border: 0px;
top: 0px;
font-size: 1em;
}
#cabemovil {
position: relative;
width: 100%;
max-height: 12em;
overflow: auto;
background-color: transparent;
padding: 0 0 0 0px;
border: 0px;
top: 0px;
font-size: 1em;
}
#listados {
width: 100%;
overflow: auto;
background-color: transparent;
margin: 0 auto;
padding: 0 0 0 0px;
border: 0px;
min-height: calc(var(--page-height) * 0.7vh);
max-height: calc(var(--page-height) * 1.vh);
}
#listadosm {
width: 100%;
min-height: 0px;
max-height: 50px;
overflow: auto;
}
#listados0 {
width: 100%;
min-height: 400px;
max-height: 660px;
overflow: auto;
}
#listados1 {
width: 100%;
max-height: calc(100vh - 13.5em);
overflow: auto;
}
#listados2 {
width: 100%;
max-height: calc(100vh - 22em);
overflow: auto;
}
#listados3 {
width: 100%;
max-height: calc(100vh - 40em);
overflow: auto;
}
#listados4 {
width: 100%;
min-height: 0px;
max-height: 110px;
overflow: auto;
}
.verdoc {
width: 100%;
max-height: calc(var(--parent-height) - 5vh);
overflow: auto;
}
.doculist {
width: 100%;
max-height: 10em;
overflow: auto;
}
.barelist {
width: 100%;
max-height: 20em;
overflow: auto;
}
.observalist {
max-width: 65vw;
max-height: 20vh;
overflow: auto;
}
/* scroll */
.doculist::-webkit-scrollbar { width: 2px; }
/* Track */
.doculist::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px; }
/* Handle */
.doculist::-webkit-scrollbar-thumb {background: rgb(101, 128, 121); border-radius: 10px; }
/* Handle on hover */
.doculist::-webkit-scrollbar-thumb:hover {background: #2d3a34;}
/* scroll */
.fotolist::-webkit-scrollbar { width: 2px;height: 2px; }
/* Track */
.fotolist::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 5px; }
/* Handle */
.fotolist::-webkit-scrollbar-thumb {background: rgb(101, 128, 121); border-radius: 5px; }
/* Handle on hover */
.fotolist::-webkit-scrollbar-thumb:hover {background: #2d3a34;}
/* scroll */
.verdoc::-webkit-scrollbar { width: 4px; }
/* Track */
.verdoc::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px; }
/* Handle */
.verdoc::-webkit-scrollbar-thumb {background: rgb(121, 121, 121); border-radius: 10px; }
/* Handle on hover */
.verdoc::-webkit-scrollbar-thumb:hover {background: #1b1b1b;}
/* scroll */
.observalist::-webkit-scrollbar { width: 2px; }
/* Track */
.observalist::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px; }
/* Handle */
.observalist::-webkit-scrollbar-thumb {background: rgb(101, 128, 121); border-radius: 10px; }
/* Handle on hover */
.observalist::-webkit-scrollbar-thumb:hover {background: #2d3a34;}
#contenidosm {
width: 100%;
min-height: 160px;
max-height: 160px;
overflow: auto;
}
#contenidos01 {
width: 100%;
min-height: calc(var(--page-height) * 0.9vh);
max-height: calc(var(--page-height) * 1vh);
overflow: auto;
}
#contenidosf {
width: 100%;
height: calc(100vh - 13.5em);
overflow: auto;
}
#contenidosf {
width: 100%;
height: calc(100vh - 13.5);
overflow: auto;
}
#contenidose {
width: 100%;
max-height: calc(100vh - 3em);
overflow: auto;
}
#contenidosef {
width: 100%;
height: calc(100vh -3em);
overflow: auto;
}
#contenidosef {
width: 100%;
height: calc(100vh - 3em);
overflow: auto;
}
#contenidos0 {
width: 100%;
max-height: calc(100vh);
overflow: auto;
}
#contenidos0f {
width: 100%;
height: calc(100vh);
overflow: auto;
}
#contenidos1 {
width: 100%;
overflow: auto;
max-height: calc(100vh - 18em);
}
#contenidos1f {
width: 100%;
height: calc(100vh - 18em);
overflow: auto;
}
#contenidos11 {
width: 100%;
min-height: calc(var(--page-height) * 0.9vh);
max-height: calc(100vh - 18em);
overflow: auto;
}
#contenidos12 {
width: 100%;
height: calc(100vh - 20em);
overflow: auto;
}
#contenidos2 {
width: 100%;
overflow: auto;
max-height: calc(100vh - 22em);
}
#contenidos2f {
width: 100%;
overflow: auto;
height: calc(100vh - 22em);
}
#contenidos10 {
width: 100%;
overflow: auto;
max-height: calc(100vh - 20em);
}
#contenidos20 {
width: 100%;
overflow: auto;
max-height: calc(100vh - 30em);
--parent-height :calc(100vh - 20em);
}
#contenidos21 {
width: 100%;
overflow: auto;
max-height: calc(100vh - 25em);
}
#contenidos22 {
width: 100%;
overflow: auto;
max-height: calc(100vh - 40em);
}
#contenidos3 {
width: 100%;
min-height: 30em;
max-height: 30em;
overflow: auto;
}
#contenidos4 {
width: 100%;
min-height: 10em;
height: calc(100vh - 32em);
overflow: auto;
}
#contenidos5 {
width: 100%;
min-height: 0px;
max-height: 100px;
overflow: auto;
background-color: transparent;
margin: 0 auto;
padding: 0 0 0 0px;
border: 0px;
font-size: 0.9em;
}
#contenidos6 {
width: 100%;
background-color: transparent;
margin: 0 auto;
padding: 0 0 0 0px;
border: 0px;
font-size: 0.8em;
}
#contenidoef {
width: 100%;
background: white;
height: calc(var(--page-height) * 0.80vh);
overflow: auto;
}
#mitad {
width: 100%;
background-color: white;
margin: 0px auto;
padding: 0 0 0 0px;
border: 1px;
}
#mitadl {
width: calc(50% - 5px);
height: auto;
float: left;
text-align: left;
border: 1px;
overflow: auto;
}
#mitadr {
width: calc(50% - 5px);
height: auto;
float: right;
text-align: left;
overflow: auto;
}
#mitad8 {
width: 65%;
height: auto;
float: left;
text-align: left;
overflow: auto;
}
#mitad2 {
width: 34%;
height: auto;
float: right;
text-align: left;
overflow: auto;
}
#mitad7 {
width: 55%;
height: auto;
float: left;
text-align: left;
overflow: auto;
}
#mitad3 {
width: 45%;
height: auto;
float: right;
text-align: left;
overflow: auto;
}
#verladoc {
overflow: auto;
width: 105%;
max-height: calc(100vh - 24em);
}
#paginal {
width: 60%;
height: 3em;
float: left;
overflow: hidden;
text-align: left;
background-color: transparent;
margin: 0 auto;
padding: 0 0 0 0px;
border: 1px;
}
#paginar {
width: 40%;
max-height: 25px;
float: right;
text-align: right;
overflow: hidden;
background-color: transparent;
margin: 0 auto;
padding: 0 0 0 0px;
border: 0px;
}
#paginal {
float: left;
border: 0px solid;
}
#paginai {
float: left;
border: 0px solid;
}
#paginap {
font-size: 1.0em;
display: inline;
float: right;
border: 0px solid;
}
#fichajes {
width: 80%;
min-width: 500px;
height: 640px;
text-align: left;
overflow: hidden;
background-color: transparent;
margin: 0 auto;
padding: 0 0 0 0px;
border: 0px;
}
#swicth {
margin: 0;
text-align: left;
vertical-align: middle;
padding: 0px 0px;
border-radius: 2px 2px 1px 2px;
z-index: 10;
}
#mini-nav2 {
background: transparent;
width: auto;
position: fixed;
top: 92px;
right: 2px;
font-size: 1em;
color: #FFF;
font-weight: normal;
margin: 0px;
text-align: right;
vertical-align: middle;
padding: 0px 0px;
border-radius: 1px 1px 2px 2px;
}
#mini-font {
background: transparent;
width: 100%;
}
#contenidomini {
font-size: 0.8em;
font-family: Verdana, Geneva, sans-serif;
}
.cont-img {
position: relative;
display: inline-block;
text-align: left;
}
.cont-img2 {
position: relative;
display: inline;
text-align: left;
}
.cont-img-etiq {
position: relative;
display: inline-block;
text-align: left;
}
.cont-texto-a {
position: absolute;
color: #ddd;
top: 10px;
left: 20px;
}
.cont-texto-c {
position: absolute;
color: #ddd;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cont-texto-d {
position: absolute;
color: #ddd;
top: 85%;
right: -25%;
transform: translate(-50%, -50%);
}
h1 {
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
margin: 0 0 0 0px;
color: #2e2e2e;
}
h2 {
font-weight: normal;
margin: 0;
color: #3b3b3b;
background-color: transparent;
}
h3 {
font-weight: normal;
margin: 0;
color: #535353;
}
h4 {
font-weight: bold;
margin: 0;
color: #fff;
background-color: #bbbbbb;
}
h5 {
font-weight: bold;
margin: 0;
color: #1b1b1b;
background-color: transparent;
}
h6 {
font-size: 1.3em;
font-weight: normal;
margin: 0;
color: #1f1f1f;
background-color: transparent;
}
h7 {
font-size: 0.8em;
color: #252525;
background-color: transparent;
}
.aplicacion {
font-size: 1em;
color: #fff;
text-align: right !important;
line-height: 30px;
}
p {
font-size: inherit;
padding: inherit;
line-height: inherit;
color:inherit;
}
p input {
width: auto;
}
li, dd, blockquote {
margin: 0;
}
a, a:link, a:visited, a:hover, a:active {
text-decoration: none;
}
a {
color: #020202;
text-decoration: none;
}
a:hover {
color: #F3CDCA;
}
a img {
border: none;
text-decoration: none;
}
img {
border: none;
text-decoration: none;
max-width: 820px;
max-height: 820px;
}
.img-informe-cab-p {
max-height: 10em;
max-width: 80em;
}
.img-informe-pie-p {
max-height: 10em;
max-width: 80em;
}
.img-informe-cab-l {
max-height: 6em;
max-width: 120em;
}
.img-informe-pie-l {
max-height: 6em;
max-width: 120em;
}
#notifing {
width: 100%;
background-color: #ffffffd5;
position: absolute;
top: 6.50em;
left: 0px;
margin: 0px;
z-index: 88;
display:flex;
justify-content: center;
align-items: center;
min-height: 79vh;
max-height: 79vh;
overflow: auto;
}
#saving {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 87;
}
img.saving {
max-height: 5em;
max-width: 5em;
}
#updating {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 87;
}
img.updating {
max-height: 3em;
max-width: 3em;
}
#exceling {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 87;
}
img.exceling {
max-height: 8em;
max-width: 8em;
}
#printing {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 88;
}
img.printing {
max-height: 12em;
max-width: 12em;
}
#listing {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 89;
}
img.listing {
max-height: 5em;
max-width: 5em;
}
#paginating {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 89;
}
img.paginating {
max-height: 5em;
max-width: 5em;
}
#sorting {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 89;
}
img.sorting {
max-height: 5em;
max-width: 5em;
}
#progresing {
width: 100px;
height: 100px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
z-index: 90;
}
#working {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 90;
}
img.working {
max-height: 4em;
max-width: 4em;
}
#opening {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 91;
}
img.opening {
max-height: 4em;
max-width: 4em;
}
#recicling {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 92;
}
img.recicling {
max-height: 4em;
max-width: 4em;
}
#viewing {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 93;
}
img.viewing {
max-height: 5em;
max-width: 5em;
}
#searching {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
z-index: 94;
}
img.searching {
max-height: 4em;
max-width: 4em;
}
img.grayscale {
filter: url("data:image/svg xml;utf8,#grayscale"); /* Firefox 10 */
-webkit-filter: grayscale(0%); /*Chrome 19+ & Safari 6+*/
-webkit-transition: all 1.5s ease; /*Fade to color for Chrome and Safari*/
-moz-transition: all 1.5s ease;
-webkit-backface-visibility: hidden; /*Fix for transition flickering*/
backface-visibility: hidden;
transition: all;
filter: gray; /*IE6-9*/
width: 100%;
height: 100%;
}
img.grayscale:hover {
-webkit-filter: grayscale(100%);
filter: gray; /*IE6-9*/
}
img.gray {
filter: url("data:image/svg xml;utf8,#grayscale"); /* Firefox 10 */
-webkit-filter: grayscale(100%); /*Chrome 19+ & Safari 6+*/
-webkit-transition: all 1.5s ease; /*Fade to color for Chrome and Safari*/
-moz-transition: all 1.5s ease;
-webkit-backface-visibility: hidden; /*Fix for transition flickering*/
backface-visibility: hidden;
transition: all;
filter: gray; /*IE6-9*/
width: 100%;
height: 100%;
}
.img_a30 {
border: none;
text-decoration: none;
max-width: 95%;
height: 95%;
}
.fotofija {
width: 90%;
height: 55vh;
overflow: auto;
}
.fotolist {
width: 95%;
height: 4em;
overflow: auto;
}
.difumina {
background-color: white;
border: 8px solid;
border-color: #ffffff;
z-index: 15;
box-shadow: 2px 2px 4px rgb(128, 127, 127), 8px 8px 8px rgb(48, 48, 44);
}
.difuminado {
background-color: white;
border: 2px solid;
border-color: #ffffff;
z-index: 15;
box-shadow: 1px 1px rgb(128, 127, 127), 3px 3px 3px rgb(48, 48, 44);
}
.img_dif {
max-width: 5em;
height: 3em;
text-decoration: none;
}
.progress-container {
width: 20em;
background-color: #f3f3f3;
margin-top: 10px;
border-radius: 5px;
}
.progress-bar {
height: 30px;
background-color: #4CAF50;
width: 0%;
border-radius: 5px;
text-align: center;
line-height: 30px;
color: white;
transition: width 0.3s;
}
.fileList {
width: 100%;
}
.file-item {
width: 15em;
margin-top: 5px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
.file-progress {
height: 20px;
width: 12em;
background-color: #e0e0e0;
margin-top: 5px;
border-radius: 3px;
}
.file-progress-bar {
height: 100%;
text-align: center;
background-color: #2196F3;
width: 0%;
border-radius: 3px;
transition: width 0.3s;
}
img.a040 {
border: none;
text-decoration: none;
max-width: 40px;
max-height: 40px;
}
img.a060 {
border: none;
text-decoration: none;
max-width: 60px;
max-height: 60px;
}
img.a080 {
border: none;
text-decoration: none;
max-width: 80px;
max-height: 80px;
}
img.a100 {
border: none;
text-decoration: none;
max-width: 100px;
max-height: 100px;
}
img.a120 {
border: none;
text-decoration: none;
max-width: 120px;
max-height: 120px;
}
.imga120 {
border: none;
text-decoration: none;
max-width: 120px;
max-height: 120px;
}
img.a140 {
border: none;
text-decoration: none;
max-width: 140px;
max-height: 140px;
}
img.a160 {
border: none;
text-decoration: none;
max-width: 160px;
max-height: 160px;
}
img.a180 {
border: none;
text-decoration: none;
max-width: 180px;
max-height: 180px;
}
img.a240 {
border: none;
text-decoration: none;
max-width: 240px;
max-height: 240px;
vertical-align: middle;
}
.imga240 {
border: none;
text-decoration: none;
max-width: 240px;
max-height: 120px;
}
img.a280 {
border: none;
text-decoration: none;
max-width: 280px;
max-height: 280px;
}
img.a320 {
border: none;
text-decoration: none;
max-width: 320px;
max-height: 320px;
}
img.a480 {
border: none;
text-decoration: none;
max-width: 480px;
max-height: 480px;
}
img.a560 {
border: none;
text-decoration: none;
max-width: 560px;
max-height: 560px;
}
img.a640 {
border: none;
text-decoration: none;
max-width: 640px;
max-height: 640px;
}
img.w020 {
border: none;
text-decoration: none;
max-width: 20px;
max-height: 30px;
}
img.w040 {
border: none;
text-decoration: none;
max-width: 40px;
max-height: 60px;
}
img.w080 {
border: none;
text-decoration: none;
max-width: 80px;
max-height: 120px;
}
img.w160 {
border: none;
text-decoration: none;
max-width: 160px;
max-height: 240px;
}
img.w240 {
border: none;
text-decoration: none;
max-width: 240px;
max-height: 320px;
}
img.w280 {
border: none;
text-decoration: none;
max-width: 280px;
max-height: 420px;
}
img.w320 {
border: none;
text-decoration: none;
max-width: 320px;
max-height: 480px;
}
img.w360 {
border: none;
text-decoration: none;
max-width: 360px;
max-height: 540px;
}
img.w400 {
border: none;
text-decoration: none;
max-width: 400px;
max-height: 600px;
}
img.w480 {
border: none;
text-decoration: none;
max-width: 480px;
max-height: 720px;
}
img.w560 {
border: none;
text-decoration: none;
max-width: 560px;
max-height: 840px;
}
img.w640 {
border: none;
text-decoration: none;
max-width: 640px;
max-height: 960px;
}
img.h040 {
border: none;
text-decoration: none;
max-width: 60px;
max-height: 40px;
}
img.h080 {
border: none;
text-decoration: none;
max-width: 120px;
max-height: 80px;
}
img.h160 {
border: none;
text-decoration: none;
max-height: 160px;
}
img.h200 {
border: none;
text-decoration: none;
max-height: 200px;
}
img.h240 {
border: none;
text-decoration: none;
max-height: 240px;
}
img.h280 {
border: none;
text-decoration: none;
max-height: 280px;
}
img.h320 {
border: none;
text-decoration: none;
max-width: 480px;
max-height: 320px;
}
img.h480 {
border: none;
text-decoration: none;
max-width: 720px;
max-height: 480px;
}
img.h560 {
border: none;
text-decoration: none;
max-width: 840px;
max-height: 560px;
}
img.h640 {
border: none;
text-decoration: none;
max-width: 960px;
max-height: 640px;
}
.img_norma10 {
max-width: 10vw;
max-height: 10vh;
border:thick;
text-decoration: none;
}
.img_norma20 {
max-width: 20vw;
max-height: 20vh;
border:thick;
text-decoration: none;
}
.img_norma30 {
max-width: 30vw;
max-height: 30vh;
border:thick;
text-decoration: none;
}
.img_norma40 {
max-width: 40vw;
max-height: 40vh;
border:thick;
text-decoration: none;
}
.img_norma50 {
max-width: 50vw;
max-height: 50vh;
border:thick;
text-decoration: none;
}
.img_norma60 {
max-width: 60vw;
max-height: 60vh;
border:thick;
text-decoration: none;
}
.img_norma70 {
max-width: 70vw;
max-height: 70vh;
border:thick;
text-decoration: none;
}
.img_peque_h:hover {
animation-name: grow-shrink;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes grow-shrink {
40% { transform: scale(0.7); }
80% { transform: scale(1.1); }
}
.img_peque_h {
max-width: 12vw;
max-height: 7vh;
border: thin;
text-decoration: none;
}
.img_w001 {
max-width: 1.5em;
max-height: 1em;
border: thin;
text-decoration: none;
}
.img_w002 {
max-width: 2em;
max-height: 1.50em;
border: thin;
text-decoration: none;
}
.img_w003 {
max-width: 3em;
max-height: 2em;
border: thin;
text-decoration: none;
}
.img_w004 {
max-width: 4em;
max-height: 3em;
border: thin;
text-decoration: none;
}
.img_w005 {
max-width: 5em;
max-height: 3.5em;
border: thin;
text-decoration: none;
}
.img_peque {
max-width: 6em;
max-height: 4em;
border: thin;
text-decoration: none;
}
.img_peque0 {
max-width: 10em;
max-height: 5.5em;
border: thin;
text-decoration: none;
}
.img_peque1 {
max-width: 12em;
max-height: 7em;
border: thin;
text-decoration: none;
}
.img_peque2 {
max-width: 16em;
max-height: 10em;
border: thin;
text-decoration: none;
}
.img_peque3 {
max-width: 20em;
max-height: 12.5em;
border: thin;
text-decoration: none;
}
.img_peque4 {
max-width: 24em;
max-height: 15em;
border: thin;
text-decoration: none;
}
.img_ico128 {
max-width: 128px;
max-height: 128px;
border: thin;
text-decoration: none;
}
.img_ico64 {
max-width: 64px;
max-height: 64px;
border: thin;
text-decoration: none;
}
.img_ico48 {
max-width: 48px;
max-height: 48px;
border: thin;
text-decoration: none;
}
.img_ico32 {
max-width: 32px;
max-height: 32px;
border: thin;
text-decoration: none;
}
.img_ico24 {
max-width: 24px;
max-height: 24px;
border: thin;
text-decoration: none;
}
.img_ico16 {
max-width: 16px;
max-height: 16px;
border: thin;
text-decoration: none;
}
.img_1em {
max-width: 1.5em;
max-height: 1.5em;
border: thin;
text-decoration: none;
}
.img_2em {
max-width: 3em;
max-height: 2em;
border: thin;
text-decoration: none;
}
.img_3em {
max-width: 4.5em;
max-height: 3em;
border: thin;
text-decoration: none;
}
.negrita {font-weight: bold;}
.normal { font-weight:normal;font-style:normal;}
.subraya { text-decoration:underline}
.negro { color:#000;}
.blanco { color: #fff;}
.gris {color: #777;}
.grana { color: #900;}
.rojo { color: #d00;}
.magenta {color:#f09}
.rosa { color: #f6f;}
.marron { color: #940;}
.naranja { color: #f93;}
.amarillo { color: #fc0;}
.menta { color: #5f5;}
.verde { color: #0a0;}
.verdinegro { color: #050;}
.celeste { color: #0df;}
.azul { color: #00f;}
.indigo { color: #13a;}
.violeta { color: #949;}
.morado {color:#82a}
progress {
border: none;
border-radius: 2rem;
width: 10vw;
height: 4px;
animation: prog 0.5s linear;
/*animation: prog 2s ease-in-out;*/
}
::-webkit-progress-bar-value {background-color: #000; border-radius: 2rem; box-shadow: 0 2px 5px rgba(249, 255, 249, 0.78) inset;white-space: pre;}
::-webkit-progress-value {background-color: #000; border-radius: 2rem; box-shadow: 0 2px 5px rgba(249, 255, 249, 0.78) inset;white-space: pre;}
::-moz-progress-bar {background-color: #000; border-radius: 2rem;}
@keyframes prog {
0% {width: 0%; background-color: #f1f1f1;}
100% {width: 10vw; color: #000;}
}
.progress-red::-webkit-progress-value{
background-color: red;
background: red;
}
.progress-red::-webkit-progress-bar-value{
background-color: red;
background: red;
}
.progress-red::-moz-progress-bar{
background-color: red;
background: red;
}
.progress-yellow::-webkit-progress-value{
background-color: yellow;
background: yellow;
}
.progress-yellow::-webkit-progress-bar-value{
background-color: yellow;
background: yellow;
}
.progress-yellow::-moz-progress-bar{
background-color: yellow;
background: yellow;
}
.progress-green::-webkit-progress-value{
background-color: green;
background: green;
}
.progress-green::-webkit-progress-bar-value{
background-color: green;
background: green;
}
.progress-green::-moz-progress-bar{
background-color: green;
background: green;
}
.progress-blue::-webkit-progress-value{
background-color: green;
background: green;
}
.progress-blue::-webkit-progress-bar-value{
background-color: green;
background: green;
}
.progress-blue::-moz-progress-bar{
background-color: green;
background: green;
}
.escala12 {
font-size: 1.2em;
}
.escala11 {
font-size: 1.1em;
}
.escala9 {
font-size: 0.9em;
color: #777;
}
.escala9c {
font-style: oblique;
font-size: 0.9em;
color: #999;
}
.escala8 {
font-size: 0.8em;
}
.escala7 {
font-size: 0.7em;
}
.escala6 {
font-size: 0.6em;
}
.cursiva {
font-style: italic;
}
.negritam {
font-weight: bold;
text-transform: uppercase;
}
.negritac {
text-shadow:#111;
color: #777;
font-weight: bold;
text-transform: uppercase;
font-style: italic;
}
.cifras {
color: #282828;
text-align: center;
size: 5px;
}
.texto {
color: #282828;
text-align: left;
}
.textom {
text-transform: uppercase;
}
.textoc {
color: #282828;
text-align: center;
}
.numero1 {
color: #282828;
text-align: right;
width: 2em;
}
.numero2 {
color: #282828;
text-align: right;
width: 3em;
}
.numero3 {
color: #282828;
text-align: right;
width: 4em;
}
.numero4 {
color: #282828;
text-align: right;
width: 5em;
}
.numero5 {
color: #282828;
text-align: right;
width: 6em;
}
.numero {
color: #282828;
text-align: right;
}
.numeron {
color: #111111;
font-weight: bold;
text-align: right;
}
hr {
color: #FFFFFF;
height: 0.5px;
}
abbr, acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
a acronym {
text-decoration: none;
}
.img_l {
float: left;
margin: 0;
padding: 0.2em;
background-color: #FFFFFF;
border: 3px solid #B5B5B5;
}
.img_r {
float: right;
margin: 0;
padding: 0.2em;
background-color: #FFFFFF;
border: 3px solid #B5B5B5;
}
.img_c {
float: none;
padding: 0.2em;
background-color: #FFFFFF;
border: 1px solid #B5B5B5;
display: block;
margin: auto;
max-width: 900px;
max-height: 700px;
;
}
.negrita {
font-weight: bold;
}
.errores {
color: #FF0000;
font-size: 0.9em
}
.button {
cursor: pointer;
}
input:disabled {
background-color:rgba(170, 170, 170, 0.712);
color: rgb(134, 134, 134);
}
textarea:disabled {
background-color:rgba(160, 160, 160, 0.712);
color: rgb(75, 75, 75);
}
input:readonly {
background-color: rgba(170, 170, 170, 0.3)
}
input:required {
border: 0px solid water;
background-color: rgba(255, 247, 135, 0.4);
}
input:valid {
border: 0.5px solid green;
box-shadow: 0.5px 0.5px 0 0px grey;
background-color: rgba(255, 255, 255, 0.8);
}
input:invalid {
border: 1px solid water;
box-shadow: 0 0 4px 1px water;
color: #f44;
background-color: rgba(255, 220, 220, 0.7);
}
input[type="checkbox"][readonly] {
pointer-events: none;
background-color: rgba(56, 56, 56, 0.5);
}
input[type="text"][readonly] {
pointer-events: none;
background-color: rgba(200, 200, 200, 0.50);
}
input[type="number"][readonly] {
pointer-events: none;
background-color: rgba(200, 200, 200, 0.50);
}
input:indeterminate {
/* Estilo opcional para el estado intermedio */
background-color: rgb(150, 148, 141) !important;
}
.triple-checkbox-container {
display:inline-flex;
align-items: center;
margin-right: 0.2rem;
}
.triple-checkbox {
width: 1em;
height: 1em;
border: 1px solid #6B7280; /* Gris medio */
border-color: #9c9c9c;
border-radius: 3px; /* Bordes redondeados */
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin: 0.1em;
transition: background-color 0.2s, border-color 0.2s;
flex-shrink: 0; /* Evita que se encoja */
}
/* Estado 'checked' (marcado) */
.triple-checkbox[data-state="1"] {
background-color: #22C55E; /* Verde esmeralda */
border-color: #22C55E;
}
.triple-checkbox[data-state="1"]::after {
content: '✔'; /* Símbolo de check */
color: white;
font-size: 1em;
font-weight: bold;
}
/* Estado 'indeterminate' (indeterminado) */
.triple-checkbox[data-state="2"] {
background-color: #FBBF24; /* Ámbar */
border-color: #FBBF24;
}
.triple-checkbox[data-state="2"]::after {
content: '—'; /* Guión para indeterminado */
color: white;
font-size: 1em;
font-weight: bold;
}
/* Estado 'unchecked' (desmarcado) - por defecto, sin estilos adicionales */
.triple-checkbox[data-state="0"] {
background-color: #b8b8b8; /* Blanco */
border-color: #6B7280; /* Gris medio */
content: ' '; /* Guión para indeterminado */
content: 'x'; /* Símbolo de check */
font-size: 1em;
}
.triple-checkbox-label {
margin-left: 0.75rem; /* Espacio entre la casilla y la etiqueta */
font-family: 'Inter', sans-serif;
color: #374151; /* Gris oscuro */
font-size: 1em;
line-height: 1.5rem;
cursor: pointer;
}
button:disabled {
pointer-events: none;
background-color: rgba(124, 124, 124, 0.5) !important;
color: rgba(56, 56, 56, 0.5) !important;
}
input[type="submit"]:disabled {
background-color: rgba(124, 124, 124, 0.5) !important;
color: rgba(56, 56, 56, 0.5) !important;
}
div [readonly] {
pointer-events: none;
}
input[type="select"][readonly] {
pointer-events: none;
background-color: rgba(200, 200, 200, 0.50);
}
select {
background-color: rgba(255, 255, 255, 0.5);
}
input[type="text"] {
max-width: 45em;
border: 1px solid #777777;
background-color: rgba(255, 255, 255, 0.5);
}
input[type="number"] {
border: 1px solid #777777;
background-color: rgba(255, 255, 255, 0.5);
}
input[type="campo"] {
border: 1px solid #999999;
}
input[type="file"] {
border: 1px solid #999999;
}
input[type="submit"], input[type="button"] {
border: 0.5px black;
background-color: rgba(255, 255, 255, 0.4);
box-shadow: 1px 1px 1px 1px #333;
}
input[type="password"] {
border: 1px solid #fff0f0a9;
padding: 2px;
}
input[type="submit"]:hover, input[type="button"]:hover {
box-shadow: 0px 0px 0px 0px rgb(49, 49, 49) inset;
background-color: rgba(255, 255, 255, 0.3);
}
input[type="submit"]:active, input[type="button"]:active {
box-shadow: 1px 1px 1px 1px #333 inset;
}
input:disabled {
background-color:rgba(226, 226, 226, 0.5);
color: rgb(70, 70, 70);
}
.texton {
background-color: transparent;
font-size: 1.5em;
}
.textin {
background-color: transparent;
font-size: 0.5em;
}
.textin2 {
background-color: transparent;
font-size: 0.7em;
}
.textin3 {
background-color: transparent;
font-size: 0.8em;
}
.textin4 {
background-color: transparent;
font-size: 0.9em;
}
.textin5 {
background-color: transparent;
font-size: 1em;
}
input[type="textc"] {
border: 0px solid #777777;
font-weight: bold;
text-align: center;
}
input[type="textin"] {
border: 0px;
font-size: 0.8em
}
input[type="texto"] {
border: 0px;
}
input[type="link"] {
border: 0px;
text-decoration: none;
color: #2a2a2a;
}
input[type="texton"] {
border: 0px;
font-weight: bold;
}
input[type="textonb"] {
border: 0px;
font-weight: bold;
}
input[type="textoc"] {
border: 0px;
font-weight: bold;
text-align: center;
}
input[type="textog"] {
border: 0px;
color: #666;
}
input[type="date"] {
border: 0px;
}
input[type="datetime"] {
border: 0px;
}
input[type="time"] {
border: 0px;
background-color: transparent;
}
input[type="fecha"] {
border: 0px;
background-color: transparent;
}
input[type="hora"] {
border: 0px;
background-color: transparent;
}
input[type="numeros"] {
border: 0px;
background-color: transparent;
text-align: right;
}
input[type="numerob"] {
border: 0px;
background-color: transparent;
text-align: right;
font-weight: bold;
}
input[type="numerok"] {
border: 0px;
background-color: transparent;
text-align: right;
font-style: oblique;
}
input[type="numerobk"] {
border: 0px;
background-color: transparent;
text-align: right;
font-weight: bold;
font-style: oblique;
}
input[type="checkeo"] {
border: 0px;
background-color: transparent;
}
.t_black {color: rgb(0, 0, 0);}
.t_red {color: rgb(255, 0, 0);}
.t_green {color: rgb(0, 255, 0);}
.t_blue {color: rgb(0, 0, 255);}
.t_yellow {color: rgb(255, 255, 0);}
.t_cyan {color: rgb(0, 255, 255);}
.t_magenta {color: rgb(255, 0, 255);}
.t_white {color: rgb(255, 255, 255);}
.f_black {background-color: rgba(0, 0, 0, 0.5);}
.f_red {background-color: rgba(255, 0, 0, 0.5);}
.f_green {background-color: rgba(0, 255, 0,0.5);}
.f_blue {background-color: rgba(0, 0, 255,0.5);}
.f_yellow {background-color: rgba(255, 255, 0);}
.f_cyan {background-color: rgba(0, 255, 255,0.5);}
.f_magenta {background-color: rgba(255, 0, 255,0.5);}
.f_white {background-color: rgba(255, 255, 255,0.5);}
.alerta {
border: 0px;
color: rgb(19, 19, 19);
text-decoration: #fff;
text-shadow: 0.5px 0.5px #ffffff;
-webkit-animation-name: blinker;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
-webkit-animation-duration: 3.0s;
animation-name: alerta;
animation-duration: 1s;
animation-timing-function: blinker;
animation-iteration-count: infinite;
animation: blinker 2s linear infinite;
}
.atencion {
background-color:rgb(255, 230, 2) !important;
text-shadow: 0.5px 0.5px #b98e01 !important;
}
.menos {
background-color:rgb(238, 253, 218) !important;
text-shadow: 0.5px 0.5px #0f8000 !important;
}
.mas {
background-color:rgb(253, 152, 149) !important;
text-shadow: 0.5px 0.5px #810000 !important;
}
@-webkit-keyframes blinker {
from { opacity: 1.0; }
to { opacity: 0.3; }
}
@keyframes blinker {
80% {
opacity: 0.3;
}
}
.contador {
font-size: 0.5em;
color: #ddd;
text-overflow: ellipsis;
white-space: nowrap;
}
label {
font-size: 0.7em;
color: #4d4d4d;
margin-top: 1px;
margin-right: 0px;
padding-right: 0px;
max-width: 20em;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
}
th label{color:#ffffff;}
th a{color:#ffffff;}
label.labelfor {
font-weight: bold;
padding: 2px;
}
label.info {
border-bottom: 1px solid #dcdcdc;
margin-right: 10px;
}
legend {
width: auto;
float: none;
font-size: 0.8em;
font-family: Verdana, Geneva, sans-serif;
color: #050505;
text-decoration: snow;
margin: 0px;
}
select {
border: 1px solid #dcdcdc;
margin-right: 10px;
}
.calendar table {
width: auto;
}
.tabla {
clear: both;
text-align: left;
width: 100%;
background-color: transparent;
color: #fff;
border: 0px solid #dcdcdc;
margin-right: 0px;
border-spacing: 0px;
}
table {
clear: both;
text-align: left;
background-color: transparent;
color: #fff;
border: 0px solid #dcdcdc;
margin-right: 0.0em;
border-spacing: 0px;
}
@media print {
.new-page {
page-break-before: always !important;
}
}
.keep-together {
page-break-inside: avoid;
}
.break-before {
page-break-before: always;
}
.break-after {
page-break-after: always;
}
thead { display: table-header-group }
tfoot { display: table-row-group }
tr { page-break-inside: avoid }
table {
word-wrap: break-word;
overflow-wrap:normal;
word-break:normal;
}
table td {
word-break: break-all;
overflow-wrap:normal;
word-break:normal;
}
table tfoot td {
font-size: 1.0em;
background-color: rgb(129, 129, 129);
color: #fff;
}
table caption {
font-weight: bold;
text-align: left;
color: #000
}
table th {
width: auto;
font-size: 0.8em;
letter-spacing: 0px;
background-color: #2e2e2e;
color: rgb(255, 255, 255);
}
th input {
background-color: #383838;
border: none;
color: #fff;
font-weight: bold;
}
td {
background-color: transparent;
color: #000;
width: auto;
padding: 0;
border-style : hidden!important;
border-bottom: 0px solid #ffffff00;
text-decoration: none;
}
table tr {
background-color: #ffffff;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table td {
background-color: transparent;
color: #000;
width: auto;
padding: 0;
border-style : hidden!important;
border-bottom: 0px solid #dcdcdc;
}
th a {
color: rgb(255, 255, 255)
}
th a:link {
color: rgb(255, 255, 255)
}
th a:hover {
color: #fff
}
td a {
color: rgb(0, 0, 0)
}
td a:visited {
color: rgb(156, 156, 156);
}
td a:hover {
color: #fff;
}
td a:active {
color: #000000;
}
td negrita {
font-weight: bold;
}
table.etiqueta {
height: 12vh;
min-width: 10em;
border-collapse: separate;
border-spacing: 10px 5px;
width:100%;
clear:both;
text-align: left;
background-color: transparent;
color:#000; border:0px solid #fff;
table-layout: fixed;
word-wrap: break-word;
}
table.etiqueta caption{font-weight:normal; color:rgb(122, 122, 122)}
table.etiqueta th {width:auto;font-size: 0.9em;letter-spacing: 0px;color:#fff; background-color: #9b9b9b; }
table.etiqueta tr {font-size: 1em; height:9em;background-color:#fff;color:#000; width:auto; padding: 0;border-bottom:0px solid #dcdcdc; margin: 5px 10px 15px 20px;}
table.etiqueta td {font-size: 0.8em; color:#000; height: 20vh; min-width: 20em; max-width:20em; padding:2px 5px 10px 2px ;border-top:1px solid rgb(128, 128, 128);border-right:3px solid rgb(36, 36, 36);border-left:1px solid rgb(126, 126, 126);border-bottom:6px solid rgb(65, 64, 64); }
table.informe {background-color: transparent; }
table.informe th {background-color: transparent; }
table.informe tr {background-color: transparent; }
table.informe td {background-color: transparent; }
table.imagenes {width:140em; clear:both;text-align: left; background-color: #fff; color:#000; border:0px solid #fff; table-layout: fixed;word-wrap: break-word;}
table.imagenes caption{font-weight:normal; color:rgb(70, 70, 70)}
table.imagenes th {width:auto;font-size: 0.9em;letter-spacing: 0px;color:#fff; background-color: #6e6e6e; }
table.imagenes tr {font-size: 1em; height:8em;background-color:#fff;color:#000; width:auto; padding: 0;border-bottom:0px solid #dcdcdc;}
table.imagenes td {background:url('/assets/images/imagen.png') no-repeat; background-size:contain; font-size: 0.8em;color:#000; width:20em; padding: 5px;border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #fff; }
table.imagenes img {max-width: 20vw;max-height:20vh; display:flexbox;}
table.imagenes img:hover {max-width: 20vw;max-height:vh;}
table.dispositivos {border-collapse: separate; border-spacing: 10px 5px;width:100%; clear:both;text-align: left; background-color: transparent; color:#000; border:0px solid #fff; table-layout: fixed;word-wrap: break-word;}
table.dispositivos caption{font-weight:normal; color:rgb(122, 122, 122)}
table.dispositivos th {width:auto;font-size: 0.9em;letter-spacing: 0px;color:#fff; background-color: #9b9b9b; }
table.dispositivos tr {font-size: 1em; height:9em;background-color:#fff;color:#000; width:auto; padding: 0;border-bottom:0px solid #dcdcdc; margin: 5px 10px 15px 10px;}
table.dispositivos td {
font-size: 0.8em;
color:#000;
height: 15vh;
min-width: 10em;
max-width:10em;
padding:2px 5px 10px 2px ;
border-top:1px solid rgb(128, 128, 128);
border-right:3px solid rgb(36, 36, 36);
border-left:1px solid rgb(126, 126, 126);
border-bottom:6px solid rgb(65, 64, 64);
background-image: linear-gradient(to bottom, rgba(240, 255, 40, 1) 0%, rgba(240, 255, 40, 1) 100%), linear-gradient(to bottom, rgb(226, 226, 226) 0%, rgb(214, 214, 214) 100%);
background-clip: content-box, padding-box;
}
table.tablapropia {
clear: both;
text-align: left;
background-color: #fff;
color: #000;
border: 0px solid #dcdcdc;
}
table.tablapropia caption {
font-weight: normal;
color: rgb(0, 0, 0)
}
table.tablapropia th {
width: auto;
font-size: 0.9em;
letter-spacing: 0px;
background-color: #fff;
}
table.tablapropia tr {
background-color: #ffffff;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropia td {
background-color: transparent;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropia0 {
width: auto;
clear: both;
text-align: left;
background-color: #fff;
color: #000;
border: 0px solid #fff;
}
table.tablapropia0 caption {
font-weight: normal;
color: rgb(54, 54, 54)
}
table.tablapropia0 th {
width: auto;
font-size: 0.9em;
letter-spacing: 0px;
color: #fff;
background-color: #858585;
}
table.tablapropia0 tr {
font-size: 0.8em;
background-color: #fff;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropia0 td {
background-color: transparent;
color: #000;
width: 100px;
padding: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}
table.tablapropia0 img {
max-width: 160px;
max-height: 160px;
}
table.tablapropia0 img:hover {
max-width: 161px;
max-height: 161px;
}
table.tablapropia1 {
width: auto;
clear: both;
text-align: left;
background-color: transparent;
color: #000;
border: 0px solid #fff;
}
table.tablapropia1 caption {
font-weight: normal;
color: #000
}
table.tablapropia1 th {
width: auto;
font-size: 0.8em;
letter-spacing: 0px;
color: #fff;
background-color: #5f5f5f;
}
table.tablapropia1 tr {
font-size: 0.9em;
background-color: #fff;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropia1 td {
background-color: transparent;
color: #000;
width: auto;
padding: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}
table.tablapropia1 img {
max-width: 100px;
max-height: 100px;
text-align: center;
}
table.tablapropia1 img:hover {
max-width: 80px;
max-height: 80px;
text-align: center;
perspective: 10px !important
}
table.tablapropia2 {
width: auto;
clear: both;
text-align: left;
background-color: #fff;
color: #000;
border: 1px solid #dcdcdc;
}
table.tablapropia2 caption {
font-weight: normal;
color: #000
}
table.tablapropia2 th {
width: auto;
font-size: 0.8em;
letter-spacing: 0px;
background-color: #fff;
}
table.tablapropia2 tr {
font-size: 0.9em;
background-color: #aaaaaa;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropia2 td {
background-color: transparent;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropia3 {
width: auto;
clear: both;
text-align: left;
background-color: #fff;
color: #000;
border: 0px solid #fff;
}
table.tablapropia3 caption {
font-weight: normal;
color: #000
}
table.tablapropia3 th {
width: auto;
font-size: 0.8em;
color: #fff;
letter-spacing: 0px;
background-color: #afafaf;
}
table.tablapropia3 tr {
font-size: 0.9em;
background-color: #fff;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropia3 td {
background-color: transparent;
color: #000;
vertical-align: top;
padding: 0px;
border-top: 0px solid #999;
border-right: 0px solid #999;
border-left: 0px solid #000;
border-bottom: 0px solid #000;
vertical-align: middle;
}
table.tablapropia3 img {
max-width: 10vw;
max-height: 10vh;
}
table.tablapropia3 img:hover {
max-width: 10.1vw;
max-height: 10.1vh;
cursor: inherit;
border: none
}
table.tablapropia4 {
width: auto;
clear: both;
text-align: left;
background-color: #fff;
color: #000;
border: 1px solid #8d8d8d;
}
table.tablapropia4 caption {
font-weight: normal;
color: #fff
}
table.tablapropia4 th {
width: auto;
font-size: 0.8em;
letter-spacing: 0px;
color: #FFF;
background-color: #727272;
}
table.tablapropia4 tr {
font-size: 0.9em;
background-color: #fff;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropia4 td {
background-color: transparent;
color: #000;
vertical-align: top;
height: 40px;
width: 40px;
padding: 5px;
border-top: 0px solid #999;
border-right: 0px solid #999;
border-left: 0px solid #000;
border-bottom: 0px solid #000;
}
table.tablapropia4 img {
max-width: 15vw;
max-height: 15vh;
}
table.tablapropia4 img:hover {
max-width: 15.1vw;
max-height: 15.1vw;
cursor: inherit;
border: thin;
}
table.tablapropia5 {
width: auto;
clear: both;
text-align: left;
background-color: #fff;
color: #000;
border: 1px solid #819d59;
}
table.tablapropia5 caption {
font-weight: normal;
color: #fff
}
table.tablapropia5 th {
width: auto;
font-size: 0.8em;
letter-spacing: 0px;
color: #FFF;
background-color: #819d59;
}
table.tablapropia5 tr {
font-size: 0.9em;
background-color: #fff;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropia5 td {
background-color: transparent;
color: #000;
vertical-align: top;
height: 40px;
width: 40px;
padding: 5px;
border-top: 0px solid #999;
border-right: 0px solid #999;
border-left: 0px solid #000;
border-bottom: 0px solid #000;
}
table.tablapropia5 img {
max-width: 15vw;
max-height: 15vh;
}
table.tablapropia5 img:hover {
max-width: 20vw;
max-height: 20vh;
cursor: inherit;
border: thin;
}
table.tablapropiac {
width: auto;
clear: both;
text-align: center;
background-color: transparent;
color: #000;
border: 0px solid #fff;
}
table.tablapropiac caption {
font-weight: normal;
color: #000
}
table.tablapropiac th {
width: auto;
font-size: 0.8em;
letter-spacing: 0px;
background-color: transparent;
}
table.tablapropiac tr {
font-size: 0.9em;
background-color: transparent;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablapropiac td {
background-color: transparent;
color: #000;
width: auto;
padding: 5px;
border-top: 0px solid #fff;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 1px solid #fff;
}
table.tablapropiac img {
max-width: 10vw;
max-height: 10vh;
}
table.tablapropiac img:hover {
max-width: 9.9vw;
max-height: 9.9vh;
}
table.tablarela {
width: auto;
clear: both;
text-align: left;
background-color: #fff;
color: #000;
border: 1px solid #819d59;
}
table.tablarela caption {
font-weight: normal;
color: #fff
}
table.tablarela th {
width: auto;
font-size: 0.8em;
letter-spacing: 0px;
color: #FFF;
background-color: #819d59;
}
table.tablarela tr {
font-size: 0.9em;
background-color: #fff;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablarela td {
background-color: transparent;
color: #000;
vertical-align: top;
height: 4vh;
width: 4vh;
padding: 4px;
border-top: 0px solid #999;
border-right: 0px solid #999;
border-left: 0px solid #000;
border-bottom: 0px solid #000;
}
table.tablarela img {
max-width: 1.6vw;
max-height: 1.6vh;
}
table.tablarela img:hover {
max-width: 1.6vw;
max-height: 1.6vh;
cursor: inherit;
border: thin;
}
table.tablaenlaces {
width: auto;
clear: both;
text-align: center;
background-color: transparent;
color: #000;
border: 0px solid #fff;
}
table.tablaenlaces caption {
font-weight: normal;
color: #000
}
table.tablaenlaces th {
width: auto;
font-size: 0.8em;
letter-spacing: 0px;
background-color: transparent;
}
table.tablaenlaces tr {
font-size: 0.9em;
background-color: transparent;
color: #000;
height: 90px;
width: auto;
min-height: 90px;
min-width: 90px;
padding: 0px;
border-bottom: 0px solid #dcdcdc;
}
table.tablaenlaces td {
background-color: transparent;
color: #000;
width: auto;
min-height: 0.9vh;
min-width: 0.9vw;
padding: 3px;
border-top: 0px solid #fff;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px solid #fff;
}
table.tablaenlaces img {
max-width: 0.60vw;
min-width: 0.60vh;
max-height: 0.60vh;
min-height: 0.60vh;
}
table.tablaenlaces img:hover {
max-width: 0.66vw;
min-width: 0.66vh;
max-height: 0.66vh;
min-height: 0.66vh;
}
table.tablaherramientas {
width: auto;
clear: both;
text-align: left;
background-color: transparent;
color: #000;
border: 0px solid #fff;
}
table.tablaherramientas caption {
font-weight: normal;
color: #000
}
table.tablaherramientas th {
width: auto;
color: transparent;
letter-spacing: 0px;
background-color: #ab333A;
}
table.tablaherramientas tr {
font-size: 1em;
background-color: transparent;
color: #000;
width: auto;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablaherramientas td {
background-color: transparent;
color: #000;
vertical-align: top;
padding: 0px;
border-top: 0px solid #999;
border-right: 0px solid #999;
border-left: 0px solid #000;
border-bottom: 0px solid #000;
vertical-align: middle;
}
table.tablaherramientas img {
max-width: 2.4em;
max-height: 2.0em;
}
table.tablaherramientas img:hover {
max-width: 2.0em;
max-height: 1.8em;
cursor: inherit;
border: none
}
table.tablaenlamov {
width: auto;
clear: both;
text-align: center;
background-color: transparent;
color: #000;
border: 0px solid #fff;
}
table.tablaenlamov caption {
font-weight: normal;
color: #000
}
table.tablaenlamov th {
width: auto;
font-size: 0.9em;
letter-spacing: 0px;
background-color: transparent;
}
table.tablaenlamov tr {
font-size: 1em;
background-color: transparent;
color: #000;
height: 30px;
width: auto;
min-height: 30px;
;
min-width: 90px;
padding: 0;
border-bottom: 0px solid #dcdcdc;
}
table.tablaenlamov td {
background-color: transparent;
color: #000;
width: auto;
min-height: 30px;
min-width: 30px;
padding: 5px;
border-top: 0px solid #fff;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px solid #fff;
}
table.tablaenlamov img {
max-width: 16px;
max-height: 16px;
min-height: 16px;
min-width: 16px
}
table.tablaenlamov img:hover {
max-width: 30px;
max-height: 30px;
min-height: 30px;
min-width: 30px
}
td.td_boton {
width: 50px;
}
td.td_boton td {
background-color: #ffffdd;
}
td.td_boton input {
width: 100%;
}
td.td_boton imput td {
background-color: #ffffdd;
}
thead tr th {
outline: solid 1px #e2e2e2;
outline-offset: -2px;
}
tr.trhead th {
/*font-size: 1em;*/
background-color: #3d3d3da6 !important;
outline: solid 1px #e2e2e2;
outline-offset: -1px;
}
tr.trfoot td {
/*font-size: 1em;*/
background-color: #dadada !important;
outline: solid 1px #5c5c5c;
outline-offset: -1px;
}
tr.trbloq {
font-weight: bold;
background-color: #aaaaaa;
color: rgb(51, 0, 0);
}
tr.trbloq td {
background-color: #fff;
font-weight: bold;
color: rgb(48, 48, 48);
}
tr.tr {
background-color: #000;
}
tr.tr:hover td:hover {
background-color: rgb(224, 224, 224)
}
tr.tr:hover td {
background-color: rgba(200, 200, 200, 0.8)
}
tr.tr td {
background-color: #fff;
}
tr.tr td:hover {
background-color: #f5f5f55b;
}
th.th0 {
background-color: rgb(134, 134, 134)
}
tr.tr0 td {
background-color: rgba(251, 255, 2, 0.2)
}
tr.tr0:hover td {
background-color: rgb(255, 255, 255)
}
tr.tr0 td:hover {
background-color: rgba(251, 255, 2, 0.6)
}
tr.tr1 {
background-color: #fff;
}
tr.tr1:hover td {
background-color: rgba(200, 200, 200, 1)
}
tr.tr1:hover td:hover {
background-color: rgb(255, 255, 255);
}
tr.tr1 td {
background-color: #eeeeee;
}
tr.trt td {
background-color: #bbb;
font-style: oblique;
vertical-align: middle
}
tr.trf td {
font-size: 1em;
background-color: rgba(250, 250, 229, 1);
padding-left: 0.5em;
}
tr.trnormal {
background-color: #fff;
}
tr.trnormal td {
background-color: #e7e7e7;
}
tr.tr1bloq {
font-weight: bold;
background-color: transparent;
color: rgb(77, 77, 77);
}
tr.tr1bloq td {
background-color: #eeeeee;
color: rgb(77, 77, 77);
}
tr.trpie {
background-color: #c7c7c7;
}
tr.trbloq:hover td {
background-color: rgba(153, 153, 153, 0.8)
}
tr.tr1:hover td {
background-color: rgba(153, 153, 153, 0.8)
}
tr.tr1bloq:hover td {
background-color: rgba(153, 153, 153, 0.8)
}
.button {
background: url('/assets/images/img/water/btt.png') repeat-x;
margin-left: 0px;
font-size: 1.0em;
color: #fff;
border: solid #fff 1px;
}
.button:hover {
background-color: gray;
}
#login {
width: 250px;
text-align: center;
color: #fff;
display: block;
margin: 10% auto auto 25%;
}
#login table {
width: 100%;
text-align: center;
background-color: #fff;
color: #000;
}
#login th {
width: 50%;
margin: 0;
padding: 0.5em;
text-align: left;
background-color: #dddddd;
}
#login td {
background-color: #fff;
color: #000;
width: auto;
padding: 0;
}
/*CABECERA*/
#cab {
height: 30px;
background-color: #fff;
width: 100%;
margin: 0px 0 0px 0;
padding: 0;
}
#cab #cab_sup {
height: 30px;
background-color: #fff;
}
#cab #cab_sup #cab_sup_left {
width: auto;
height: 30px;
background-color: #fff;
float: left
}
#cab #cab_sup #cab_sup_left h1.modulo {
color: #707070;
border-left: 1px solid #dcdcdc;
padding: 0 0 0 0.3em;
}
#cab #cab_sup #cab_sup_right {
width: 244px;
height: 30px;
margin: 0;
padding: 0;
background-image: url('/assets/images/img/water/titulo_cab.png');
background-repeat: no-repeat;
background-position: right;
background-color: #fff;
float: right;
}
#cab #cab_inf {
height: 20px;
background-color: transparent;
background: transparent url('/assets/images/img/water/bgmenu2.png') repeat-x;
}
#cab #cab_inf #cab_inf_left {
height: 16px;
width: 40%;
float: left;
text-align: left;
padding: 3px 0 0 0;
}
#cab #cab_inf #cab_inf_left span {
margin: 0 0 0 5px;
font-size: 1.0em;
}
#cab #cab_inf #cab_inf_left span a {
color: #fff;
text-decoration: none;
}
#cab #cab_inf #cab_inf_left span a:hover {
color: #000;
text-decoration: underline;
}
#cab #cab_inf #cab_inf_left span a.inicio {
font-weight: bold;
}
#cab #cab_inf #cab_inf_right {
height: 16px;
width: 54%;
float: right;
margin: 0;
padding: 3px 20px 0 0;
text-align: right;
}
#cab #cab_inf #cab_inf_right span {
margin: 0 0 0 5px;
font-size: 1.0em;
}
#cab #cab_inf #cab_inf_right span.usuario {
font-weight: bold;
}
.titulo {
position: relative;
top: 0.4em;
padding: 0.5em;
font-size: 1.2em;
color: #fff;
}
.section {
background-image: url('/assets/images/sqr3.gif');
background-position: 0pt -40px;
background-repeat: no-repeat;
float: left;
color: #FFFFFF;
padding-left: 1em;
font-size: 1.2em;
font-weight: bold;
text-decoration: underline;
position: relative;
top: 0.4em;
left: 0.5em;
}
.empleado {
background-position: 0pt -40px;
background-repeat: no-repeat;
float: left;
color: #FFFFFF;
padding-left: 1em;
font-size: 1.2em;
font-weight: bold;
position: relative;
top: 0.4em;
left: 0.5em;
}
#cab_menu {
height: 30px;
background-color: #fff;
}
.fieldset {
width: 99%;
height: auto;
margin: 0.25em 0.25em 0.25em 0.25em;
float: left;
padding: 2px;
background-color: rgba(255, 255, 255, 0.80);
}
#balances {
width: 48%;
height: auto;
margin: 0.5em 0 0.5em 0.5em;
padding: 0;
float: left;
}
#balances #linea {
margin: .4em 0;
}
#balances #linea label {
width: 50%;
float: left;
}
#balances table {
clear: both;
width: 96%;
text-align: left;
color: #fff;
border: 1px solid #00664A;
margin: 1em 0 0 0;
}
#balances table caption {
font-weight: bold;
color: #000
}
#balances table tr {
background-color: #ffffff;
color: #000;
width: auto;
padding: 0;
border-bottom: 1px solid #00664A;
}
#balances table th {
width: auto;
font-size: 1em;
letter-spacing: 0px;
background-color: #00664A;
}
#balances table tr td {
background-color: #ffffff;
width: auto;
padding: 0;
}
#balances table td input, table th input {
text-align: right;
border: 0px;
font-size: 1em;
}
#balances .der {
text-align: right;
}
#ratios {
width: 70%;
height: auto;
margin: 0.5em 0 0.5em 0.5em;
padding: 0;
float: left;
}
#ratios #linea {
margin: .4em 0;
}
#ratios #linea label {
width: 50%;
float: left;
}
#ratios table {
clear: both;
width: 90%;
text-align: left;
color: #fff;
border: 1px solid #00664A;
margin: 1em 0 0 0;
}
#ratios table caption {
font-weight: bold;
color: #000
}
#ratios table tr {
background-color: #ffffff;
color: #000;
width: auto;
padding: 0;
border-bottom: 1px solid #00664A;
}
#ratios table th {
width: auto;
font-size: 1em;
letter-spacing: 0px;
background-color: #00664A;
}
#ratios table tr td {
background-color: #ffffff;
width: auto;
padding: 0;
}
#ratios table td input, table th input {
text-align: right;
border: 0px;
font-size: 1em;
}
#ratios .der {
text-align: right;
}
#ratios tr.tr td:hover {
background-color: #c69983;
}
#ratios tr.trbloq:hover {
background-color: #c69983;
}
#ratios tr.tr1 td:hover {
background-color: #c69983;
}
#ratios tr.tr1bloq:hover {
background-color: #c69983;
}
#ratios tr.tr1 td {
background-color: #f7e5e4;
font-size: 1em;
}
/* Selección de Estilos */
#none {
background-color:#ffffff20;
border: 0.5px;
width: 16px;
height: 16px;
cursor: pointer;
box-shadow: 1px 1px 1px 2px rgb(0, 0, 0);
}
#red {
background: url('/assets/images/img/red/button.png') no-repeat;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
/*box-shadow: 2px 2px 2px 2px rgb(255, 154, 154)*/
}
#green {
background: url('/assets/images/img/green/button.png') no-repeat;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
/*box-shadow: 2px 2px 2px 2px rgb(204, 252, 190)*/
}
#blue {
background: url('/assets/images/img/blue/button.png') no-repeat;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
/*box-shadow: 2px 2px 2px 2px rgb(165, 186, 255)*/
}
#flame {
background: url('/assets/images/img/flame/button.png') no-repeat;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
/*box-shadow: 2px 2px 2px 2px rgb(247, 228, 186)*/
}
#yelow {
background: url('/assets/images/img/yelow/button.png') no-repeat;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
/*box-shadow: 2px 2px 2px 2px rgb(247, 228, 186)*/
}
#cosmos {
background: url('/assets/images/img/cosmos/button.png') no-repeat;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
/*box-shadow: 2px 2px 2px 2px rgb(238, 155, 255)*/
}
#water {
background: url('/assets/images/img/water/button.png') no-repeat;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
/* box-shadow: 2px 2px 2px 2px rgb(216, 216, 216)*/
}
#black {
background: url('/assets/images/img/black/button.png') no-repeat;
border: 0px white;
width: 18px;
height: 18px;
cursor: pointer;
border-style: solid;
border-width: 0.5px;
/*box-shadow: 0.5px 0.5px 0.5px 0.5px rgb(216, 216, 216);*/
}
#font-up {
background: gray;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
box-shadow: 5px 5px 5px 5px #999
}
#font-set {
background: black;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
box-shadow: 5px 5px 5px 5px #999
}
#font-down {
background: gray;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
box-shadow: 5px 5px 5px 5px #999
}
#more {
background: url('/assets/images/iconos/bullet_toggle_plus.png') no-repeat;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
box-shadow: 5px 5px 5px 5px #999
}
#minus {
background: url('/assets/images/iconos/bullet_toggle_minus.png') no-repeat;
border: 0px;
width: 18px;
height: 18px;
cursor: pointer;
box-shadow: 5px 5px 5px 5px #999
}
#reset {
background: url('/assets/images/iconos/font.png') no-repeat;
border: 1px;
width: 18px;
height: 18px;
cursor: pointer;
}
#auto_save {
background: url('/assets/images/button/autosave.png') no-repeat;
border: 1px;
width: 18px;
height: 18px;
cursor: pointer;
}
#auto_nosave {
background: url('/assets/images/button/save.png') no-repeat;
border: 1px;
width: 18px;
height: 18px;
cursor: pointer;
}
#aviso_lock {
background: url('/assets/images/button/lock.png') no-repeat;
border: 1px;
width: 18px;
height: 18px;
cursor: pointer;
}
#aviso_unlock {
background: url('/assets/images/button/unlock.png') no-repeat;
border: 1px;
width: 18px;
height: 18px;
cursor: pointer;
}
#aviso {
background: url('/assets/images/button/advice.png') no-repeat;
border: 1px;
width: 18px;
height: 18px;
cursor: pointer;
}
#save {
background: url('/assets/images/button/edit.png') no-repeat;
border: 1px;
width: 18px;
height: 18px;
cursor: pointer;
}
.baremotext {
width: var(--textarea-width);
height: var(--textarea-height);
}
.observatext {
width: var(--observa-width);
height: var(--observa-height);
}
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
border: 1px solid;
border-image: initial;
/*-webkit-rtl-ordering: logical;*/
resize: auto;
cursor: auto;
padding: 2px;
white-space: pre-wrap;
word-wrap: break-word;
margin: 0em;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
@-webkit-keyframes blinker {
from {
opacity: 1.0;
}
to {
opacity: 0.0;
}
}
}
input, textarea, keygen, select, button, isindex {
margin: 0em;
font-size: 1.0em;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}
.ext-buttonback {
position: fixed;
top: 260px;
right: 10%;
border: 1px solid #555;
background: #333;
font-size: 1.1em;
color: #FFF;
font-weight: normal;
line-height: 20px;
margin: 0;
vertical-align: middle;
padding: 2px 6px;
border-radius: 2px 2px 2px 2px;
z-index: 99;
}
#sesion {
float: right;
margin: 0;
text-align: right;
padding: 1em;
/* width:/*definir el ancho30%;*/
}
#sesion #tempomins,
#sesion #temposecs,
#sesion ul li {
display: inline;
vertical-align: top;
margin-left: 5px;
}
#table .action_reg_in {
background: url(/assets/images/menu/in.png) no-repeat 3px 2px;
border-right: 4px solid #094 !important;
}
#table .action_reg_out {
background: url(/assets/images/menu/out.png) no-repeat 3px 2px;
border-right: 4px solid #911 !important;
}
#accion ul, #accion ol, #accion li, #accion h1, #accion h2, #accion h3, #accion h4, #accion h5, #accion h6, #accion pre, #accion form, #accion body, #accion html, #accion p, #accion blockquote, #accion fieldset, #accion input {
margin: 0;
padding: 0;
}
#accion a img, :link img, :visited img {
border: none;
}
#accion input, #accion textarea, #accion select {
padding: 3px 0 0 20px;
font-size: 1em;
border: 1px solid #ddd;
vertical-align: middle;
cursor: pointer;
}
#accion .action_reset {
background: url(/assets/images/menu/in.png) no-repeat 3px 2px;
border-right: 4px solid #094 !important;
}
#accion .action_reg_in {
background: url(/assets/images/menu/in.png) no-repeat 3px 2px;
border-right: 4px solid #094 !important;
}
#accion .action_reg_out {
background: url(/assets/images/menu/out.png) no-repeat 3px 2px;
border-right: 4px solid #911 !important;
}
.ficha {
width: 70px;
height: 70px;
padding: 0;
border: 0;
float: left;
background-color: #d2d2d2;
background: transparent url('/assets/images/menu/fich-r.png') no-repeat;
margin: 0.250em;
padding: 0em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
text-align: center;
cursor: pointer;
}
.fdesc {
width: 70px;
height: 70px;
padding: 0;
border: 0;
float: left;
background-color: #d2d2d2;
background: transparent url('/assets/images/menu/fdes-r.png') no-repeat;
margin: 0.250em;
padding: 0em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
text-align: center;
cursor: pointer;
}
.fmovi {
width: 70px;
height: 70px;
padding: 0;
border: 0;
float: left;
background-color: #d2d2d2;
background: transparent url('/assets/images/menu/fmov-r.png') no-repeat;
margin: 0.250em;
padding: 0em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
text-align: center;
cursor: pointer;
}
.pagination {
display: inline-block;
}
.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
border-radius: 5px;
transition: background-color .3s;
border: 1px solid #ddd;
/* Gray */
margin: 0 4px;
/* 0 is for top and bottom. Feel free to change it */
/* font-size: 22px;*/
}
.pagination a.active {
background-color: #4CAF50;
color: white;
border-radius: 5px;
}
.pagination a:hover:not(.active) {
background-color: #c33;
color: #fff;
}
.current {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
border-radius: 5px;
transition: background-color .3s;
background-color: #ff9999;
color: white;
border-radius: 5px;
}
.pagination a:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pagination a:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
/* Add a black background color to the top navigation */
.topnav {
background-color: #333;
overflow: hidden;
}
/* Style the links inside the navigation bar */
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 1.4em;
}
/* Change the color of links on hover */
.topnav a:hover {
background-color: #ddd;
color: black;
}
/* Add an active class to highlight the current page */
.topnav a.active {
background-color: #4CAF50;
color: white;
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
display: none;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
.topnav.responsive {
position: relative;
}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}
.cr-total {
font-weight: bolder;
font-size: 1.2em;
}
.cr-subtotal {
font-weight: bold;
font-size: 1.1em;
}
.cr-criterio {
font-weight:bold;
font-size: 1.00em;
text-decoration-color: #111;
}
.cr-grupo {
font-style: italic;
font-size: 0.95em;
background-color: #333333;
}
.cr-subcriterio {
font-weight:lighter;
font-size: 0.9em;
}
.cr-valor {
font-size: 0.80em;
font-style: oblique;
background-color: #ffffff7c;
}
.as-titulo {
font-weight: bolder;
text-transform: uppercase;
font-size: 1.05em;
}
.as-grupo {
font-weight:bold;
font-size: 0.9em;
text-decoration-color: #111;
}
.as-item {
font-weight:normal;
font-size: 0.9em;
}
.as-coment {
font-size: 0.90em;
font-style: oblique;
background-color: #ffffff7c;
}
.as-oblig {
font-weight:bold;
font-style:normal;
font-size: 1.05em;
}
.as-opcion {
font-size: 1.0em;
font-weight:normal;
font-style: normal;
background-color: #ffffff7c;
}
.as-total {
font-weight: bolder;
font-size: 1.1em;
}
.as-aspecto {
font-weight: bold;
font-size: 1.00em;
}
.as-valor {
font-size: 0.90em;
font-style: normal;
}
.as-pun-b {
background-color: #2dff0333;
}
.cr-max-p {
color: #fda5007c;
}
.cr-obl-p {
color: #fd0000d2;
}
.cr-pun-p {
color: #2dff037c;
}
.cr-max-b {
font-weight:bold;
background-color: #f3ffb1ea;
/*color: #fda5007c;*/
}
.cr-obl-b {
background-color: #fd00002d;
}
.cr-pun-b {
background-color: #2dff037c;
}
.it-title {
font-weight: bolder;
text-transform: uppercase;
font-size: 1.25em;
}
.it-group {
font-weight:bold;
font-size: 1.1em;
text-decoration-color: #111;
}
.it-item, .it-text, .it-number, .it-currency, .it-percent {
font-weight:lighter;
font-size: 1.em;
}
.it-comment {
font-size: 0.90em;
font-style: oblique;
background-color: #ffffff7c;
}
.file-select {
position: relative;
display: inline-block;
}
.file-select::before {
width: 10em;
background-color: #353535;
color: white;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
content: 'Seleccionar archivo'; /* texto por defecto */
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.file-select input[type="file"] {
opacity: 0;
width: 15em;
height: 3em;
display: inline-block;
}