html, body {
height: 100%;
}
/*Estilos de Radio Button ************************************************************************************************************************************************/
input[type="radio"] {
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
appearance: none;
/* For iOS < 15 */
background-color: var(--form-background);
/* Not removed via appearance */
margin: 0;
font: inherit;
color: currentColor;
width: 25px;
height: 25px;
border: 5px solid #009500;
border-radius: 50%;
transform: translateY(-0.075em);
display: grid;
place-content: center;
cursor: pointer;
}
input[type="radio"]::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em var(--form-control-color);
/* Windows High Contrast Mode */
background-color: #0000E9;
}
input[type="radio"]:checked::before {
transform: scale(1);
}
/*Estilos de Capa Div ************************************************************************************************************************************************/
#DivCapaContenido {
position: fixed;
top: 0px;
width: calc(100% - 300px);
left: 300px;
overflow: auto;
height: 100%;
z-index: 1010;
}
#DivCapaMenu {
position: fixed;
top: 0px;
left: 0px;
overflow: auto;
/*text-align: center;*/
width: 300px;
height: 100%;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1000;
background-image: url(../Images/Fondo2.png);
background-size: 5000px;
background-repeat: no-repeat;
background-position: center;
}
#DivCapaMenuMobile {
display: none;
}
#DivCapaSubMenu {
position: absolute;
height: 100%;
width: 300px;
left: 300px; /*El width de DivCapaMenu*/
display: none;
z-index: 1011;
}
#DivLogo {
height: 100px;
z-index: 1001;
overflow: hidden;
background-image: url(../Images/Logo11.png);
background-repeat: no-repeat;
background-size: 125px;
}
#DivLogo2 {
height: 100px;
z-index: 1001;
overflow: hidden;
background-image: url(../Images/Logo11.png);
background-repeat: no-repeat;
background-size: 125px;
}
#DivLogoAcualy {
height: 50px;
z-index: 1001;
overflow: hidden;
background-image: url(../Images/Logo0.png);
background-repeat: no-repeat;
background-size: 175px;
}
#DivLogoPeqAcualy {
height: 50px;
z-index: 1001;
overflow: hidden;
background-image: url(../Images/Logo0.png);
background-repeat: no-repeat;
background-size: 125px;
}
#DivLogoPeqAcualy2 {
height: 50px;
z-index: 1001;
overflow: hidden;
background-image: url(../Images/Logo0.png);
background-repeat: no-repeat;
background-size: 125px;
}
#DivLogoPeqAcualy3 {
height: 50px;
z-index: 1001;
overflow: hidden;
background-image: url(../Images/Logo0.png);
background-repeat: no-repeat;
background-size: 125px;
}
#DivLogo3 {
height: 100px;
z-index: 1001;
overflow: hidden;
background-image: url(../Images/Logo11.png);
background-repeat: no-repeat;
background-size: 80px;
padding-top:60px;
}
#DivLogo4 {
height: 50px;
z-index: 1001;
overflow: hidden;
background-image: url(../Images/Logo11.png);
background-repeat: no-repeat;
background-size: 80px;
padding-top: 60px;
}
#DivCuerpoIndex {
color: #009500;
font-size: 25px;
font-weight: bold;
position: fixed;
top: 0px;
left: 300px;
width: calc(100% - 300px);
height: 100%;
z-index: 1000;
overflow: hidden;
background-image: url(../Images/FondoLogin.png);
background-repeat: no-repeat;
background-position: top;
background-size: 100%;
}
#DivCapaLogin_A {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
overflow: hidden;
}
#DivCapaLogin_B {
margin: auto auto auto auto;
position: relative;
top: 10%;
overflow: hidden;
width: 450px;
height: 500px;
background-image: url(../Images/FondoLogin.png);
background-repeat: no-repeat;
background-position: top;
background-size: 800px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 15px gray;
}
#DivModalInstalacion {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
background: rgba(0,0,0,0.5);
}
#DivModalInstalacion_ {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1012;
background: rgba(0,0,0,0.5);
}
#DivModalInstalacion_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 300px); /*50% menos la mitad del height*/
overflow: auto;
width: 750px;
left: calc(50% - 375px); /*50% menos la mitad del width*/
height: 600px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
display: none;
}
#DivModalNuevaInstalacion {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 340px); /*50% menos la mitad del height*/
overflow: auto;
width: 750px;
left: calc(50% - 375px); /*50% menos la mitad del width*/
height: 680px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1012;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
display: none;
}
#DivModalRegistroUsuario {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1013;
background: rgba(0,0,0,0.5);
}
#DivModalListadoUsuarios {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1010;
background: rgba(0,0,0,0.5);
}
#DivModalListadoInstalaciones {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1010;
background: rgba(0,0,0,0.5);
}
#DivModalRegistroUsuario_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 225px); /*50% menos la mitad del height*/
overflow: auto;
width: 750px;
left: calc(50% - 375px); /*50% menos la mitad del width*/
height: 450px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1013;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
display: none;
}
#DivModalEdicionUsuario {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1013;
background: rgba(0,0,0,0.5);
}
#DivModalEdicionUsuario_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 225px); /*50% menos la mitad del height*/
overflow: auto;
width: 750px;
left: calc(50% - 375px); /*50% menos la mitad del width*/
height: 450px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1013;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
display: none;
}
#DivModalEdicionInstalacion {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1010;
background: rgba(0,0,0,0.5);
}
#DivModalEdicionInstalacion_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 225px); /*50% menos la mitad del height*/
overflow: auto;
width: 750px;
left: calc(50% - 375px); /*50% menos la mitad del width*/
height: 450px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1010;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
display: none;
}
#DivModalUbicacion {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1001;
background: rgba(0,0,0,0.5);
}
#DivModalCliente {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
background: rgba(0,0,0,0.5);
}
#DivModalCliente_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 190px); /*50% menos la mitad del height*/
overflow: auto;
width: 700px;
left: calc(50% - 350px); /*50% menos la mitad del width*/
height: 380px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
display: none;
}
#DivModalIncidencia {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1002;
background: rgba(0,0,0,0.5);
}
#DivModalIncidencia_B {
margin: auto auto auto auto;
position: fixed;
top: 5%; /*50% menos la mitad del height*/
overflow: hidden;
width: 1000px;
left: calc(50% - 500px); /*50% menos la mitad del width*/
height: 90%;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1500px;
display: none;
}
#DivListadoProveedores_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 270px); /*50% menos la mitad del height*/
overflow: hidden;
width: 1000px;
left: calc(50% - 500px); /*50% menos la mitad del width*/
height: 540px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1500px;
display: none;
}
#DivModalIncidencia_C {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 240px); /*50% menos la mitad del height*/
overflow: hidden;
width: 1000px;
left: calc(50% - 500px); /*50% menos la mitad del width*/
height: 480px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1500px;
display: none;
}
#DivModalListadoProductos_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 250px); /*50% menos la mitad del height*/
overflow: hidden;
width: 1000px;
left: calc(50% - 500px); /*50% menos la mitad del width*/
height: 500px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1500px;
display: none;
}
#DivModalRegistroInicioFinTemporada_B {
margin: auto auto auto auto;
position: fixed;
top: 1%; /*50% menos la mitad del height*/
overflow: hidden;
width: 98%;
left: 1%; /*50% menos la mitad del width*/
height: 98%;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
display: none;
}
#DivModalCalibraciones_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 225px); /*50% menos la mitad del height*/
overflow: hidden;
width: 1000px;
left: calc(50% - 500px); /*50% menos la mitad del width*/
height: 450px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1500px;
display: none;
}
#DivModalDocumentos {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 130px); /*50% menos la mitad del height*/
overflow: hidden;
width: 800px;
left: calc(50% - 400px); /*50% menos la mitad del width*/
height: 260px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1500px;
display: none;
}
#DivModalCarpetas {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 130px); /*50% menos la mitad del height*/
overflow: hidden;
width: 800px;
left: calc(50% - 400px); /*50% menos la mitad del width*/
height: 260px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1500px;
display: none;
}
#DivModalRegistroVerificacion_B {
margin: auto auto auto auto;
position: fixed;
top: 1%; /*50% menos la mitad del height*/
overflow: hidden;
width: 98%;
left: 1%; /*50% menos la mitad del width*/
height: 98%;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
display: none;
}
#DivModalFiltros {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1002;
background: rgba(0,0,0,0.5);
}
#DivModalFiltros_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 240px); /*50% menos la mitad del height*/
overflow: hidden;
width: 1000px;
left: calc(50% - 500px); /*50% menos la mitad del width*/
height: 480px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1003;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1500px;
display: none;
}
#DivModalMatriz {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1001;
background: rgba(0,0,0,0.7);
}
#DivModalLeyenda {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1001;
background: rgba(0,0,0,0.7);
}
#DivNombreInstalacionReco {
float: left;
width: 500px;
text-align: left;
padding-left: 100px;
padding-top: 15px;
}
#DivNombreInstalacion {
float: left;
width: 400px;
text-align: center;
font-size: 15px !important;
padding-top: 20px;
}
#DivNombreInstalacion_InciBanis {
float: left;
width: 800px;
text-align: left;
font-size: 16px !important;
padding-top: 20px;
padding-left: 20px;
}
#DivCliente_InciBanis {
float: left;
width: 400px;
text-align: center;
font-size: 15px !important;
padding-top: 20px;
}
#DivCliente_Informe {
float: left;
width: 400px;
text-align: center;
font-size: 15px !important;
padding-top: 20px;
}
#DivInstalacion_InciBanis {
float: left;
width: 400px;
text-align: center;
font-size: 15px !important;
padding-top: 20px;
}
#DivModalParametro {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
background: rgba(0,0,0,0.5);
}
#DivModalParametro_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 250px); /*50% menos la mitad del height*/
overflow: auto;
width: 700px;
left: calc(50% - 350px); /*50% menos la mitad del width*/
height: 500px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1000px;
display: none;
}
#DivModalMatriz_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 250px); /*50% menos la mitad del height*/
overflow: auto;
width: 700px;
left: calc(50% - 350px); /*50% menos la mitad del width*/
height: 500px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
display: none;
}
#DivModalLeyenda_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 160px); /*50% menos la mitad del height*/
overflow: auto;
width: 500px;
left: calc(50% - 250px); /*50% menos la mitad del width*/
height: 320px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
display: none;
}
#DivModalVasos {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 325px); /*50% menos la mitad del height*/
overflow: auto;
width: 90%;
left: 5%;
height: 650px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1012;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
display: none;
}
#DivModalParametros {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 340px); /*50% menos la mitad del height*/
overflow: auto;
width: 750px;
left: calc(50% - 375px);
height: 680px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1012;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
display: none;
}
#DivModalNuevoVaso {
margin: auto auto auto auto;
position: fixed;
top: 0px;
overflow: hidden;
width: 100%;
left: 0px;
height: 100%;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1012;
background-color: #fff;
background-color: #fff;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 4000px;
display: none;
}
#DivDatosModalNuevoVaso {
margin: auto auto auto auto;
position: fixed;
top: 90px;
overflow: auto;
width: 100%;
left: 0px;
height: calc(100% - 160px);
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1012;
padding-top: 20px;
}
#DivPieModalNuevoVaso {
margin: auto auto auto auto;
position: fixed;
top: calc(100% - 70px);
overflow: hidden;
width: 100%;
left: 0px;
height: 70px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1012;
padding-left: 20px;
padding-right: 30px;
}
#DivModalUsuarios {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 300px); /*50% menos la mitad del height*/
overflow: auto;
width: 850px;
left: calc(50% - 425px); /*50% menos la mitad del width*/
height: 600px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1013;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
display: none;
}
#DivModalInstalaciones {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 300px); /*50% menos la mitad del height*/
overflow: auto;
width: 90%;
left: 5%;
height: 600px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1010;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
display: none;
}
#DivListadoUsuariosFix {
position: fixed;
left: 300px;
top: 100px;
width: calc(100% - 300px);
height: calc(100% - 100px);
overflow: auto;
display: none;
}
#DivListadoInstalacionesFix {
position: fixed;
left: 300px;
top: 100px;
width: calc(100% - 300px);
height: calc(100% - 100px);
overflow: none;
display: none;
}
#DivParametrosUbicacionMain {
margin: auto auto auto auto;
position: fixed;
top: 100px;
height: calc(100% - 100px);
overflow: hidden;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
}
#DivParametrosHistorialMain {
margin: auto auto auto auto;
position: fixed;
top: 210px;
height: calc(100% - 210px);
overflow: hidden;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
}
#DivListadoIncidencias {
margin: auto auto auto auto;
position: fixed;
top: 170px;
height: calc(100% - 170px);
overflow: auto;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
}
#DivListadoDocumentos {
margin: auto auto auto auto;
position: fixed;
/*top: 170px;
height: calc(100% - 170px);*/
overflow: auto;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
}
#DivParametrosRecogidaMain {
margin: auto auto auto auto;
position: fixed;
top: 210px;
height: calc(100% - 290px);
overflow: hidden;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
}
#DivRecogidaParametros {
margin: auto auto auto auto;
position: fixed;
top: 100px;
height: calc(100% - 100px);
overflow: hidden;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
}
#DivUbicaciones {
margin: auto auto auto auto;
position: fixed;
top: 100px;
height: calc(100% - 100px);
overflow: hidden;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
}
#DivListaParametrosPorInstalacion {
margin: auto auto auto auto;
position: fixed;
top: 165px;
height: calc(100% - 80px);
overflow: hidden;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
}
#DivCapaConfiguracion {
margin: auto auto auto auto;
position: fixed;
top: 100px;
height: calc(100% - 100px);
overflow: hidden;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 13px;
font-weight: bold;
z-index: 1001;
}
#DivHistorialParametros {
margin: auto auto auto auto;
position: fixed;
top: 100px;
height: calc(100% - 100px);
overflow: hidden;
width: calc(100% - 300px);
left: 300px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
#DivDescSelectInstalacion1 {
float: left;
width: 100px;
text-align: right;
padding-top: 20px;
display: none;
}
#DivDescSelectInstalacion2 {
float: left;
width: 400px;
text-align: left;
padding-top: 10px;
display: none;
}
#DivDescSelectInstalacion1_param {
float: left;
width: 100px;
text-align: right;
padding-top: 20px;
}
#DivDescSelectInstalacion2_param {
float: left;
width: 400px;
text-align: left;
padding-top: 10px;
}
#DivDescSelectInstalacion2_b {
float: left;
width: 300px;
text-align: left;
padding-top: 10px;
display: none;
}
#DivDescSelectFechaReco {
float: left;
width: 100px;
text-align: right;
padding-top: 20px;
}
#DivDescSelectHoraReco {
float: left;
width: 100px;
text-align: right;
padding-top: 20px;
}
#DivDescSelectFechaDesdeHisto {
float: left;
width: 100px;
text-align: right;
padding-top: 20px;
}
#DivSelectFechaDesdeHisto {
float: left;
width: 300px;
text-align: left;
padding-top: 10px;
}
#DivSelectFechaHastaHisto {
float: left;
width: 300px;
text-align: left;
padding-top: 10px;
}
#DivDescSelectFechaHastaHisto {
float: left;
width: 100px;
text-align: right;
padding-top: 20px;
}
#DivSelectFechaReco {
float: left;
width: 400px;
text-align: left;
padding-top: 10px;
}
#DivLogoMenu {
float: left;
width: 70%;
text-align: left;
padding-left: 10px;
cursor: pointer;
margin-top: -6px;
}
.DivSelectHoraReco1 {
float: left;
width: 50px;
text-align: left;
padding-top: 10px;
}
.DivSelectHoraReco2 {
float: left;
width: 10px;
padding-left: 2px;
padding-top: 18px;
}
#DivDescSelectVasoReco {
float: left;
width: 100px;
text-align: right;
padding-top: 20px;
}
#DivDescSelectVasoHisto {
float: left;
width: 100px;
text-align: right;
padding-top: 20px;
}
#DivSelectVasoReco {
float: left;
width: 400px;
text-align: left;
padding-top: 10px;
}
#DivSelectVasoHisto {
float: left;
width: 300px;
text-align: left;
padding-top: 10px;
}
#DivModalCargando {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1004;
background: rgba(0,0,0,0.7);
}
#DivModalCargando2 {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1014;
background: rgba(0,0,0,0.7);
}
#DivModalCargando_b {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 25px); /*50% menos la mitad del height*/
overflow: auto;
width: 50px;
left: calc(50% - 25px); /*50% menos la mitad del width*/
height: 50px;
z-index: 1004;
}
#DivModalAlertaEnHistorial {
position: fixed;
top: 0px;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: none;
z-index: 1005;
background: rgba(0,0,0,0.5);
}
#DivModalAlertaEnHistorial_B {
margin: auto auto auto auto;
position: fixed;
top: calc(50% - 215px); /*50% menos la mitad del height*/
overflow: auto;
width: 700px;
left: calc(50% - 350px); /*50% menos la mitad del width*/
height: 430px;
color: #00542D;
font-family: Arial;
font-size: 12px;
font-weight: bold;
z-index: 1001;
background-color: #fff;
border-top: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-bottom: 1px solid #9B9B9B;
background-color: #fff;
border-radius: 10px;
box-shadow: 5px 5px 5px #565656;
background-image: url(../Images/Fondo1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
display: none;
z-index: 1006;
}
#DivListadoParametros {
width: 100%;
height: calc(100% - 220px);
overflow: auto;
display: none;
}
#DivSubListadoParametros {
width: 100%;
height: calc(100% - 80px);
overflow: auto;
}
#DivMensajeNoHayInicio {
display: none;
position: absolute;
background-color: orange;
right: 20px;
bottom: 10px;
width: 600px;
height: 75px;
text-align: left;
font-weight: normal;
border-radius: 10px;
padding-left: 8px;
padding-top: 5px;
z-index:1004;
}
#DivToolTipBotonCopiar {
display: none;
position: absolute;
color: #fff;
font-weight:bold;
background-color: RGBA( 0, 149, 0, 0.9 );
left: 300px;
top: 50px;
width: 300px;
height: 50px;
text-align: left;
font-weight: normal;
border-radius: 10px;
padding-left: 5px;
padding-top: 5px;
z-index: 1004;
}
#DivBotones {
width: 100%;
text-align: right;
padding-right: 25px;
padding-top: 5px;
display: none;
}
#BotonesHisto0 {
float: left;
width: calc(100% - 800px);
text-align: right;
padding-top: 5px;
padding-right: 10px;
}
#BotonesHisto1 {
float: left;
width: calc(100% - 350px);
}
#BotonesHisto2 {
float: left;
width: 350px;
}
#BotonesInciBanistas {
float: right;
width: calc(100% - 800px);
text-align: right;
padding-top: 10px;
padding-right: 10px;
}
#DivLogoAlertas {
float: left;
width: 200px;
height:100px;
padding-left: 20px;
padding-top:25px;
}
#DivTituloAlertas {
float: left;
width: calc(100% - 200px);
text-align: right;
height: 100px;
padding-right: 20px;
padding-top: 20px;
}
#DivListadoLimitesParametros {
overflow: auto;
width: 100%;
height: 450px;
}
#TituloModalNuevoVaso {
position: fixed;
color: #0000E9;
text-align: right;
padding-right: 20px;
font-size: 30px;
font-weight: bold;
background-image: url(../Images/Cabecera3.png) !important;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 90px;
background-color: transparent;
overflow: hidden;
}
#DivBotonesFiltrosInformeInstalaciones {
padding-left: 20px;
padding-right: 25px;
text-align: right;
}
/* Estilos particulares ********************************************************************************************************************************************/
.DivCapaLogin_B_display {
display: none;
}
.CabeceraLogin {
width: 100%;
height: 160px;
background-image: url('../images/Logo0.png');
background-size: 320px;
background-position: center;
background-repeat: no-repeat;
margin-top: 10px;
overflow: hidden;
}
.CabeceraLoginB {
text-align: right;
padding-right: 55px;
padding-top: 30px;
font-size: 22px;
}
.OpcionMenu {
height: 40px;
border-bottom: solid;
border-bottom-width: 1px;
border-bottom-color: #fff;
position: relative;
cursor: pointer;
color: #fff;
}
.SubMenu {
display: none;
height: 100px;
width: 100%;
position: relative;
color: #D1DDD9;
font-size: 25px;
font-weight: bold;
background-color: #009500;
background-image: url(../Images/Fondo2.png);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
}
.SubMenuMobile {
display: none;
height: 100px;
width: 100%;
position: relative;
color: #D1DDD9;
font-size: 25px;
font-weight: bold;
background-color: #009500;
background-image: url(../Images/Fondo2.png);
background-repeat: no-repeat;
background-position: center;
background-size: 2000px;
}
.PrimeraOpcionMenu {
border-top: solid;
border-top-width: 1px;
border-top-color: #fff;
}
.SubOpcionMenu_1 {
float: left;
position: absolute;
top: 6px;
left: 20px;
}
.SubOpcionMenu_2 {
float: left;
position: absolute;
top: 8px;
text-align: left;
left: 25%;
font-size: 14px;
}
.TopNoCentradoGrande {
top: 0px !important;
}
.TituloG {
color: #1E4EFA;
font-size: 25px;
font-weight: bold;
}
.TituloP {
color: #1E4EFA;
font-weight: bold;
}
.DivModalUsuario_B_Alto {
height: 520px !important;
top: calc(50% - 260px) !important; /*50% menos la mitad del height*/
}
.EstiloParametro {
float: left;
width: 33%;
padding-left: 20px;
}
.AlertaAmarilla {
width: 22px;
height: 22px;
border-radius: 25px;
background-color: yellow;
margin: auto;
}
.AlertaRoja {
width: 22px;
height: 22px;
border-radius: 25px;
background-color: red;
margin: auto;
}
.BorderBottomGrid {
border-bottom: solid 1px #E1EEF4;
}
.BuscadorA {
float: left;
width: 300px;
}
.BuscadorB {
float: left;
width: 100px;
text-align: left;
}
.BotonesAlertHisto0 {
float: left;
width: 1%;
}
.BotonesAlertHisto1 {
float: left;
width: 99%;
text-align: left;
}
.BotonesAlertHisto2 {
float: left;
width: 50%;
text-align: right;
}
.BotonAlerta {
width: 200px;
}
.ContenedorBotonesAlerta_A {
float: left;
width: 34%;
text-align: left;
padding-left: 20px;
}
.ContenedorBotonesAlerta_B {
float: left;
width: 66%;
text-align: right;
padding-right: 20px;
}
.CuadroDatos_Titulo_1 {
float: left;
width: 100%;
background-color: #0000E9;
color: #fff !important;
height: 30px;
font-weight: bold;
font-size: 12px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-top: 7px;
padding-left: 5px;
}
.CuadroDatos_Vaso_1 {
float: left;
width: 100%;
height: 250px;
box-shadow: 0px 0px 15px #6C757D;
border: 2px solid #0000E9;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding-left: 15px;
padding-top: 10px;
}
.CuadroDatos_Titulo_2 {
float: left;
width: 60%;
background-color: #0000E9;
color: #fff !important;
height: 30px;
font-weight: bold;
font-size: 12px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-top: 7px;
padding-left: 5px;
}
.CuadroDatos_Vaso_2 {
float: left;
width: 60%;
height: 250px;
box-shadow: 0px 0px 15px #6C757D;
border: 2px solid #0000E9;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding-left: 15px;
padding-top: 10px;
}
.BotonExportar {
width: 150px;
height: 40px;
}
.BotonExportar_0 {
width: 150px;
height: 40px;
}
.BotonesDocumentos {
width: 160px;
font-size: 14px;
height: 35px;
}
.BotonSeleccionarDocumento {
width: 170px;
height: 35px;
font-size: 14px;
background-image: url(../Images/iconos/file.png);
background-size: 25px;
background-repeat: no-repeat;
background-position-y: center;
text-align: right;
padding-right: 10px;
background-position-x: 10px;
}
.CajaTextoModalIncidencia_A {
float: left;
width: 33%;
height: 60px;
}
.CajaTextoModalIncidencia_B {
float: left;
width: 50%;
}
.CajaTextoModalIncidencia_B0 {
float: left;
width: 50%;
}
.CajaTextoModalIncidencia_C {
float: left;
width: 100%;
height: 40px;
}
.CajaTextoModalIncidencia_D {
float: left;
width: 25%;
height: 60px;
}
.CajaTextoModalIncidencia_E {
float: left;
width: 33%;
height: 60px;
}
.CajaTextoModalIncidencia_F {
float: left;
width: 33%;
}
.CajaTextoModalIncidencia_G {
float: left;
width: 50%;
height: 60px;
}
.CajaTextoModalCarpeta_A {
float: left;
width: 210px;
padding-top: 8px;
}
.CajaTextoModalCarpeta_B {
float: left;
width: calc(100% - 210px);
}
.RadioButtonIncidencia_1 {
float: left;
width: 150px;
}
.TituloModalIncidencia {
text-align: right;
height: 35px;
}
.FiltroEspecialInformeInstalaciones {
float: left;
width: 33%;
}
.DivBotonAnadirDocumento {
float: left;
text-align: left;
width: 180px;
padding-top: 10px;
padding-left: 10px;
}
.DivBotonAnadirCarpeta {
float: left;
text-align: left;
width: calc(100% - 180px);
padding-top: 10px;
padding-left: 10px;
display: none;
}
/*Estilos para las capas de iconos ***********************************************************************************************************************************/
.Config {
cursor: pointer;
width: 30px;
height: 30px;
background-image: url(../Images/iconos/configmenu.png);
background-size: 30px;
background-repeat: no-repeat;
}
.CerrarSesion {
cursor: pointer;
width: 30px;
height: 30px;
background-image: url(../Images/iconos/CerrarSesion1.png);
background-size: 30px;
background-repeat: no-repeat;
}
.CerrarMenu_Mobile {
float:right;
width: 50px;
height: 50px;
background-image: url(../Images/iconos/Cerrar_mobile.png);
background-size: 50px;
background-repeat: no-repeat;
}
.BotonBuscar {
cursor: pointer;
width: 35px;
height: 35px;
background-image: url(../Images/iconos/Buscar.png);
background-size: 35px;
background-repeat: no-repeat;
}
.Configuracion {
cursor: pointer;
width: 35px;
height: 35px;
background-image: url(../Images/iconos/usuario1.png);
background-size: 35px;
background-repeat: no-repeat;
}
.HistoricoParametros {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/historico1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.RecogerParametros {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/recogerparam1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.ConfiguracionParametros {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/configuracionparametros1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionInstalaciones {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/gestioninstalaciones1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.InformeInstalaciones {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/informe1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionUsuarios {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/gestionusuarios1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionUsuariosA {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/logo3.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionUsuariosC {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/gestionclientes1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionUsuariosI {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/gestioninstalaciones1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionAutoControl {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/autocontrol1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionDocumentos {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/documents1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionAutoControlA {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/banista1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionAutoControlB {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/IncidenciasInstalaciones1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionAutoControlC {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/ProductosQuimicos1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionAutoControlD {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/Proveedores1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionAutoControlE {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/Inicio1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionAutoControlF {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/calibre1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionAutoControlG {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/verificacion1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionAutoControlH {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/registroautocontrol.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionParametros {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/editar1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.ParametrosPorUbicacion {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/ubicacion1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.ParametrosPorInstalacion {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/gestioninstalaciones1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.GestionClientes {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/gestionclientes1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.Alertas {
width: 25px;
height: 25px;
background-image: url(../Images/iconos/alerta1.png);
background-size: 25px;
background-repeat: no-repeat;
}
.Volver {
cursor: pointer;
width: 50px;
height: 50px;
background-image: url(../Images/iconos/volver1.png);
background-size: 40px;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.VolverPeq {
cursor: pointer;
width: 30px;
height: 30px;
background-image: url(../Images/iconos/volver1.png);
background-size: 30px;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.Cerrar {
cursor: pointer;
width: 50px;
height: 50px;
background-image: url(../Images/iconos/cerrar1.png);
background-size: 35px;
background-repeat: no-repeat;
background-position-x: right;
}
.Cerrar2 {
cursor: pointer;
width: 30px;
height: 30px;
background-image: url(../Images/iconos/cerrar1.png);
background-size: 32px;
background-repeat: no-repeat;
background-position-x: right;
margin-top: 10px;
}
.Cerrar3 {
cursor: pointer;
width: 30px;
height: 30px;
background-image: url(../Images/iconos/cerrar3.png);
background-size: 32px;
background-repeat: no-repeat;
background-position-x: right;
}
/* Estilos generales ***********************************************************************************************************************************************/
.NoEditable {
background-color:lightblue;
}
.divsConfig {
width: 750px;
padding-left: 20px;
cursor: pointer;
}
.clear {
clear: both;
}
.Centrado {
text-align: center;
}
.hand {
cursor: pointer;
}
.azul1 {
color: #0000E9;
}
.azulAcualy {
color: #1E4EFA
}
.azul1BG {
background-color: #0000E9;
}
.azulAcualyBG {
background-color: #1E4EFA;
}
.TituloSeccion {
position: fixed;
/*color: #0000E9;*/
color: #1E4EFA;
text-align: right;
padding-right: 20px;
font-size: 30px;
font-weight: bold;
background-image: url(../Images/Cabecera2.png) !important;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
width: calc(100% - 300px);
line-height: 100px;
background-color: transparent;
overflow: hidden;
}
.TituloSeccion2 {
position: fixed;
/*color: #0000E9;*/
color: #1E4EFA;
text-align: right;
padding-right: 20px;
font-size: 30px;
font-weight: bold;
background-image: url(../Images/Cabecera2.png) !important;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
width: calc(100% - 300px);
line-height: 100px;
background-color: transparent;
overflow: hidden;
}
.TituloSeccion3 {
position: fixed;
/*color: #0000E9;*/
color: #1E4EFA;
text-align: right;
padding-right: 20px;
font-size: 30px;
font-weight: bold;
background-image: url(../Images/Cabecera2.png) !important;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
width: calc(100% - 300px);
line-height: 100px;
background-color: transparent;
overflow: hidden;
}
.TituloSeccion_B {
position: fixed;
/*color: #0000E9;*/
color: #1E4EFA;
text-align: right;
padding-right: 20px;
font-size: 30px;
font-weight: bold;
background-image: url(../Images/Cabecera3.png) !important;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
width: 90%;
height: 90px;
background-color: transparent;
overflow: hidden;
}
.TituloSeccion_C {
position: fixed;
/*color: #0000E9;*/
color: #1E4EFA;
text-align: right;
padding-right: 20px;
font-size: 30px;
font-weight: bold;
background-image: url(../Images/Cabecera3.png) !important;
background-size: 2300px;
background-repeat: no-repeat;
background-position: center;
width: 850px;
height: 90px;
background-color: transparent;
overflow: hidden;
}
.TituloSeccion_D {
position: fixed;
/*color: #0000E9;*/
color: #1E4EFA;
text-align: right;
padding-right: 20px;
font-size: 30px;
font-weight: bold;
/*background-image: url(../Images/Cabecera3.png) !important;
background-size: 2300px;
background-repeat: no-repeat;
background-position: center;*/
width: 700px;
height: 90px;
background-color: transparent;
overflow: hidden;
}
.BotonNuevaInstalacion {
position: fixed;
left: 400px;
top: 50px;
height: 50px;
overflow: hidden;
}
.BotonNuevaIncidencia {
position: fixed;
left: 400px;
top: 50px;
height: 50px;
overflow: hidden;
}
.BotonNuevaIncidencia_1 {
float: left;
width: 100%;
text-align: left;
}
.BotonOcultarFiltrosHistorial {
display: none;
}
.CuerpoSeccionListado {
position: fixed;
left: 300px;
top: 100px;
width: calc(100% - 300px);
height: calc(100% - 100px);
overflow: auto;
}
.Ancho_Treinta {
width: 30px;
}
.Ancho_Cien {
width: 100px;
}
.Alto_Diez {
height: 10px;
}
.Alto_Cuarenta {
height: 40px;
}
.Alto_Treinta {
height: 30px;
}
.BorRad20 {
border-radius: 20px;
}
.blanco {
color: #fff;
}
.verde {
color: #009500;
}
.gris {
color: #606060;
}
.grisPeq {
color: #606060;
}
.MenuBG {
background-image: url(../Images/Fondo2.png);
background-repeat: no-repeat;
background-position: center;
background-size: 1000px;
}
.FiltrosOver {
color: #009500; /*verde*/
background-color: #fff;
background-image: url(../Images/Fondo2.png);
background-size: 500px;
background-repeat: no-repeat;
background-position: center;
}
.FiltrosOverB {
color: #fff;
/*background-color: #0000E9; azul1*/
background-color: #1E4EFA; /*azul1Acualy*/
background-image: url(../Images/Fondo2.png);
background-size: 500px;
background-repeat: no-repeat;
background-position: center;
}
.FiltrosOverBotonBorrarFirmaCliente1 {
background-color: #7F0000 !important;
box-shadow: 3px 5px 15px gray;
}
.FiltrosOverBotonBorrarFirmaCliente2 {
background-color: #7F0000 !important;
box-shadow: 3px 5px 15px gray;
}
.datagrid table {
border-collapse: collapse;
text-align: left;
width: 100%;
}
.datagrid {
font: normal 12px/150% Arial, Helvetica, sans-serif;
background-color: transparent;
overflow: hidden;
border: 1px solid #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.datagrid table td, .datagrid table th {
padding: 3px 10px;
}
.datagrid table thead th {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0000E9), color-stop(1, #009500) );
background: -moz-linear-gradient( center top, #0000E9 5%, #009500 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000E9', endColorstr='#009500');
background-color: #0000E9;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
border-left: 1px solid #FFFFFF;
}
.datagrid table thead th:first-child {
border: none;
}
.datagrid table tbody td {
/*color: #474747;*/
border-left: 1px solid #E1EEF4;
font-size: 11px;
font-weight: normal;
}
.datagrid table tbody .alt td {
background: #E1EEF4;
color: #0000E9;
}
.datagrid table tbody td:first-child {
border-left: none;
}
.datagrid table tbody tr:last-child td {
border-bottom: none;
}
.btn-copiar {
color: #fff;
font-size: 8px;
background-color: #009500;
border-color: #fff;
width: 99.7%;
}
.btn-copiar:hover {
color: #fff;
background-color: #157347;
border-color: #146c43;
}
.BOTON-EDITAR-INSTALACION {
cursor: pointer;
width: 30px;
}
.BOTON-ELIMINAR {
cursor: pointer;
width: 30px;
}
.BOTON-ELIMINAR2 {
cursor: pointer;
width: 30px;
}
.BOTON-ELIMINAR-INSTALACION {
cursor: pointer;
width: 30px;
}
.BOTON-ELIMINAR-VASO {
cursor: pointer;
width: 30px;
}
.BOTON-ELIMINAR-USUARIO {
cursor: pointer;
width: 30px;
}
.FondoLinea {
background-color: aliceblue;
color: #474747;
}
.FondoLineaAlt {
background-color: #E1EEF4;
color: #474747;
}
.FondoLineaDiv {
background-color: #fff;
}
.FondoLineaDivAlt {
background-color: #E1EEF4;
}
.ResalteCabecera {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0000B5), color-stop(1, #007500)) !important;
}
.ResalteLinea {
background-color: lightblue !important;
color: #000 !important;
}
.ResalteLinea2 {
background-color: RGBA( 127, 255, 197, 0.7 ) !important;
color: #000 !important;
}
.caja-texto {
padding: 7px;
display: block;
width: 95%;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.caja-texto-incidencia {
width: 50% !important;
}
.caja-texto-peq {
padding: 3px;
display: block;
width: 95%;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.caja-password {
padding: 7px;
display: block;
width: 290px;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.combo {
display: block;
width: 95%;
padding: 7px;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.combo-peq {
display: block;
width: 95%;
padding: 3px;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.combo2 {
display: block;
width: 100%;
padding: 7px;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 15px;
font-weight: bold;
line-height: 1.5;
color: #212529;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
text-align: center;
}
.calendar {
display: block;
width: 95%;
padding: 7px;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url(../Images/iconos/calendario.png);
background-repeat: no-repeat;
background-position: right 0.40rem center;
background-size: 25px 25px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
text-align: center;
padding-right: 30px;
}
.readonly {
color: #404040;
background-color: #C6C6C6;
}
.readonly2 {
color: #404040;
background-color: #E1EEF4;
}
.Thead {
float: left;
width: 250px;
border: solid 1px #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0000E9), color-stop(1, #009500));
background-color: #0000E9;
color: #FFFFFF;
border-left: 1px solid #FFFFFF;
height: 30px;
line-height: 15px;
padding: 7px 10px;
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}
.Thead_peq {
float: left;
width: 100px;
border: solid 1px #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0000E9), color-stop(1, #009500));
background-color: #0000E9;
color: #FFFFFF;
border-left: 1px solid #FFFFFF;
height: 30px;
line-height: 15px;
padding: 7px 10px;
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}
.TheadSinW {
float: left;
border: solid 1px #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0000E9), color-stop(1, #009500));
background-color: #0000E9;
color: #FFFFFF;
border-left: 1px solid #FFFFFF;
height: 30px;
line-height: 15px;
padding: 7px 10px;
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}
.Width10pc {
float:left;
width: 10%;
}
.Width15pc {
float: left;
width: 15%;
}
.Width20pc {
float: left;
width: 20%;
}
.Width50px {
float: left;
width: 50px;
}
.Width120px {
float: left;
width: 120px;
}
.WidthEspecial1 {
float: left;
width: calc(27% - 80px);
}
.paddingleft10 {
padding-left:10px;
}
.Tbody1 {
float: left;
border: solid 2px #fff;
background-color: #009500;
border-radius: 10px;
text-align: center;
color: #fff;
width: 250px;
font-size: 11px;
font-weight: bold;
display: table;
height: 50px !important;
padding-top: 12px;
}
.Tbody2_Par {
float: left;
border: solid 2px #E1EEF4;
border-radius: 10px;
text-align: center;
cursor: pointer;
background-color: #fff;
width: 250px;
margin: auto;
font-size: 11px;
font-weight: normal;
height: 50px !important;
padding-top: 12px;
color: #0000E9;
font-size: 15px;
font-weight: bold;
}
.Tbody2_Peq_Par {
float: left;
border: solid 2px #E1EEF4;
border-radius: 10px;
text-align: center;
background-color: #fff;
width: 100px;
margin: auto;
font-size: 11px;
font-weight: normal;
height: 50px !important;
padding-top: 7px;
color: #0000E9;
font-size: 15px;
font-weight: bold;
}
.Tbody2_Impar {
float: left;
border: solid 2px #fff;
border-radius: 10px;
text-align: center;
cursor: pointer;
background-color: #E1EEF4;
width: 250px;
margin: auto;
font-size: 11px;
font-weight: normal;
height: 50px !important;
padding-top: 12px;
color: #0000E9;
font-size: 15px;
font-weight: bold;
}
.Tbody2_Peq_Impar {
float: left;
border: solid 2px #fff;
border-radius: 10px;
text-align: center;
background-color: #E1EEF4;
width: 100px;
margin: auto;
font-size: 11px;
font-weight: normal;
height: 50px !important;
padding-top: 7px;
color: #0000E9;
font-size: 15px;
font-weight: bold;
}
.observaciones {
height: 150px;
border-radius: 10px;
box-shadow: 0px 0px 15px #6C757D;
border: 2px solid #0000E9;
}
.observaciones_normal {
height: 100px;
}
.observaciones_peq {
height: 60px;
}
.observaciones_especifico {
width: 605px !important;
height: 70px !important;
}
.CabeceraModal_A {
float: left;
width: 40%;
padding-left: 20px;
padding-top:20px;
}
.CabeceraModal_B {
float: left;
width: 60%;
text-align: right;
height: 100px;
padding-right: 20px;
padding-top: 20px;
}
.CabeceraModal_C {
float: left;
width: 60%;
text-align: right;
height: 100px;
padding-right: 20px;
padding-top: 20px;
}
.paddingtop8_0 {
padding-top: 8px;
}
.paddingtop8_2 {
padding-top: 8px;
}
.paddingtop25_15 {
padding-top: 25px;
}
.fontsize10_09 {
font-size: 10px;
}
/*Estilos de Filtros Over para las capas de iconos ****************************************************************************************************************************/
.FiltrosOverDivConfig {
background-image: url(../Images/iconos/configmenu2.png);
}
.FiltrosOverDivCerrarSesion {
background-image: url(../Images/iconos/CerrarSesion2.png);
}
.FiltrosOverDivConfiguracion {
background-image: url(../Images/iconos/gestionusuario2.png);
}
.FiltrosOverDivHistoricoParametros {
background-image: url(../Images/iconos/historico2.png);
}
.FiltrosOverDivRecogerParametros {
background-image: url(../Images/iconos/recogerparam2.png);
}
.FiltrosOverDivConfiguracionParametros {
background-image: url(../Images/iconos/configuracionparametros2.png);
}
.FiltrosOverDivGestionInstalaciones {
background-image: url(../Images/iconos/gestioninstalaciones2.png);
}
.FiltrosOverDivInformeInstalaciones {
background-image: url(../Images/iconos/informe2.png);
}
.FiltrosOverDivGestionClientes {
background-image: url(../Images/iconos/gestionclientes2.png);
}
.FiltrosOverDivAlertas {
background-image: url(../Images/iconos/alerta2.png);
}
.FiltrosOverDivVolver {
background-image: url(../Images/iconos/volver2.png);
}
.FiltrosOverDivCerrar {
background-image: url(../Images/iconos/cerrar2.png);
}
.FiltrosOverDivCerrarModalUsuarios {
background-image: url(../Images/iconos/cerrar2.png);
}
.FiltrosOverDivCerrarModalVasos {
background-image: url(../Images/iconos/cerrar2.png);
}
.FiltrosOverDivCerrarModalVaso {
background-image: url(../Images/iconos/cerrar2.png);
}
.FiltrosOverDivCerrarModalParametros {
background-image: url(../Images/iconos/cerrar2.png);
}
.FiltrosOverDivCerrarModalInstalaciones {
background-image: url(../Images/iconos/cerrar2.png);
}
.FiltrosOverDivCerrarModalLeyenda {
background-image: url(../Images/iconos/cerrar2.png);
}
.FiltrosOverDivGestionUsuarios {
background-image: url(../Images/iconos/gestionusuarios2.png);
}
.FiltrosOverDivGestionUsuariosA {
background-image: url(../Images/iconos/logo3.png);
}
.FiltrosOverDivGestionAutoControl {
background-image: url(../Images/iconos/autocontrol2.png);
}
.FiltrosOverDivGestionDocumentos {
background-image: url(../Images/iconos/documents2.png);
}
.FiltrosOverDivGestionParametros {
background-image: url(../Images/iconos/logo3.png);
}
.FiltrosOverDivParametrosPorUbicacion {
background-image: url(../Images/iconos/logo3.png);
}
.FiltrosOverBotonBuscar {
background-image: url(../Images/iconos/BuscarOver.png);
}
.FiltrosOverDivCerrarMensaje {
background-image: url(../Images/iconos/Cerrar1.png);
}
.FiltrosOverSpanMensajeLinkInicioFinTemporada {
cursor: pointer;
color: #0000E9;
text-decoration:underline;
}
.FiltrosOverBotonCopiarParametros {
content: url(../Images/iconos/Copiar3.png);
}
/******************************************************************************************************************************************************************************/
.MuyPeq {
font-size: 13px;
font-weight: bold
}
.MuymuyPeq {
font-size: 12px;
font-weight: bold
}
.Peq {
font-size: 25px;
font-weight: bold
}
.SinOpacity {
opacity: unset !important;
}
.Vinculo {
cursor: pointer;
}
.Vinculo:focus,
.Vinculo:visited,
.Vinculo:hover {
color: #009500; /*verde*/
}
.VinculoSimple {
cursor: pointer;
}
.CajaTexto {
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.CajaTexto:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.CajaTexto::-moz-placeholder {
color: #999;
opacity: 1;
}
.CajaTexto:-ms-input-placeholder {
color: #999;
}
.CajaTexto::-webkit-input-placeholder {
color: #999;
}
.CajaTexto::-ms-expand {
background-color: transparent;
border: 0;
}
#LoginModelOnly ul {
list-style-type: none;
width: 400px;
}
.btnVolver {
color: #0000E9; /*azul1*/
font-weight: bold;
font-size: 30px;
cursor: pointer;
}
.btnVolver:focus,
.btnVolver:visited,
.btnVolver:hover {
color: #009500; /*verde*/
text-decoration: none;
}
.TituloMP {
color: #0000E9;
font-family: Arial;
font-size: 12px;
font-weight: bold;
padding-left: 5px;
}
.AlineacionDerecha {
text-align: right;
}
.WellcomeUno {
background-color: RGBA( 0, 0, 233, 0.1 );
color: #474747;
}
.WellcomeDos {
background-color: RGBA( 0, 0, 233, 0.2 );
color: #474747;
}
.Negrita {
font-weight: bold !important;
}
.Azulita {
font-weight: bold !important;
color: #1E4EFA;
font-size: 14px;
}
.CabeceraBuscador {
font-weight: bold;
font-size: 13px;
color: #1E4EFA;
}
.SoloVisibleMobile {
display: none;
}
.DivFirma {
float: left;
width: 600px;
height: 320px;
margin-left: calc(50% - 300px);
text-align: center;
}
.Boton1ListadoIncisInstalaciones {
float: left;
width: calc(100% - 170px);
text-align: right;
}
.Boton2ListadoIncisInstalaciones {
float: left;
width: 170px;
text-align: right;
}
.LogoListadoAutocontrol {
width: 80px;
}
.LogoListadoAutocontrol2 {
width: 80px;
}
.LogoGestionDocumentos {
width: 70px;
padding-top: 15px;
}
.TablaRegistroInicioFinTemporada {
width:100%;
}
.TablaRegistroVerificaciones_Sub1 {
width:25%;
}
.TablaRegistroVerificaciones_Sub2 {
width: 35%;
}
.TablaRegistroVerificaciones {
width: 100%;
}
.TablaRegistroAutoControl {
width: 100%;
}
.FechaRegistroInicioFinTemporada_1 {
float: left;
width: 300px;
}
.FechaRegistroInicioFinTemporada_2 {
float: left;
width: calc(100% - 300px);
text-align: left;
}
.FechaRegistroInicioFinTemporada_2_a {
float: left;
width: 75px;
text-align: right;
padding-right: 5px;
padding-top: 2px;
}
.FechaRegistroInicioFinTemporada_2_b {
float: left;
width: 130px;
margin-top: -5px;
}
.FechaDiagnosisInicioFinTemporada_1 {
float: left;
width: 172px;
padding-top: 2px;
}
.FechaDiagnosisInicioFinTemporada_2_a {
float: left;
width: 60px;
padding-top: 2px;
}
.FechaDiagnosisInicioFinTemporada_2_b {
float: left;
width: 130px;
padding-top: 2px;
margin-top: -7px;
}
.TituloRegistroAutoControlFrecuenciaMensual_1 {
font-size: 10px;
border-left: 1px solid #009500;
border-bottom: 1px solid #009500;
text-align: center;
height: 35px;
padding-top: 3px;
width: 100%;
}
.TituloRegistroAutoControlFrecuenciaMensual_2 {
font-size: 10px;
border-left: 1px solid #009500;
border-bottom: 1px solid #009500;
text-align: center;
height: 35px;
padding-top: 3px;
width: 100%;
}
.UploadFile1 {
float: left;
width: 180px;
}
.UploadFile2 {
float: left;
width: calc(100% - 180px);
padding-top: 9px;
}
.BotonDescargar {
cursor: pointer;
background-image: url(../Images/iconos/download1.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.BotonDescargar:hover {
background-image: url(../Images/iconos/download2.gif);
}
.BotonDescargar2 {
cursor: pointer;
background-image: url(../Images/iconos/download1.png);
background-repeat: no-repeat;
background-position: right;
background-size: 30px;
}
.BotonDescargar2:hover {
background-image: url(../Images/iconos/download2.gif);
}
.BotonBorrar {
cursor: pointer;
background-image: url(../Images/iconos/eliminar3.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.BotonBorrar:hover {
background-image: url(../Images/iconos/eliminar2.gif);
}
.BotonEditar {
cursor: pointer;
background-image: url(../Images/iconos/editar3.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.BotonEditar:hover {
background-image: url(../Images/iconos/editar4.gif);
}
.CajaDescarga {
background-color: #fff;
border: 1px solid lightblue;
}
.CajaDescarga:hover {
background-color: lightblue;
}
.CajaCarpeta {
background-color: lightyellow;
border: 1px solid lightyellow;
}
.CajaCarpeta:hover {
border-color: #EAEACE;
background-color: #EAEACE;
}
.Documento {
float: left;
width: calc(25% - 10px);
height: 90px;
}
.DivComboPlantilla {
float: left;
width: calc(100% - 60px);
}
.TextoValorGuardado {
float: left;
width: 475px;
height: 30px;
margin: auto;
padding-top: 10px;
}
/****************************************************************************************************************************************************/
/* Media Query **************************************************************************************************************************************/
/****************************************************************************************************************************************************/
@media only screen and (min-width: 600px) {
#DivCapaLogin_A {
background-image: url(../Images/Fondo1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 5000px;
}
#DivRecogidaParametros {
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
#DivCapaConfiguracion {
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
}
@media only screen and (max-width: 600px) {
#DivLogo2 {
height: 80px;
background-size: 90px;
background-position-y: center;
}
#DivLogoAcualy {
height: 80px;
z-index: 1001;
overflow: hidden;
background-image: url(../Images/Logo11.png);
background-repeat: no-repeat;
background-size: 100px;
margin-top: -10px;
margin-left: -10px;
}
#DivLogoPeqAcualy {
height: 70px;
background-image: url(../Images/Logo11.png);
background-position-x: left;
background-position-y: top;
background-size: 100px;
margin-top: -10px;
margin-left: -10px;
}
#DivLogoPeqAcualy2 {
height: 60px;
background-image: url(../Images/Logo11.png);
background-position-x: left;
background-position-y: top;
background-size: 80px;
margin-top: -15px;
margin-left: -10px;
}
#DivLogoPeqAcualy3 {
background-size: 100%;
margin-left:10px;
height:35px;
}
#DivCapaLogin_B {
top: 0px;
width: 100%;
height: 100%;
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-bottom: 0px;
border-radius: 0px;
background-size: 1200px;
}
#DivCapaMenu {
display: none;
}
#DivCapaMenuMobile {
display: block;
position: fixed;
top: 0px;
left: 0px;
overflow: auto;
width: 35px;
height: 100%;
z-index: 1000;
/*background-color: #0000E9;*/
text-align: center;
padding-top: 10px;
}
#DivCapaContenido {
width: calc(100% - 35px);
left: 35px;
}
#DivRecogidaParametros {
background-image: url(../Images/Fondo2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 3000px;
width: calc(100% - 35px);
left: 35px;
}
#DivUbicaciones {
width: calc(100% - 35px);
left: 35px;
}
#DivListaParametrosPorInstalacion {
width: calc(100% - 35px);
left: 35px;
top: 200px;
}
#DivCapaConfiguracion {
width: calc(100% - 35px);
left: 35px;
}
#DivDescSelectInstalacion1 {
width: 90px;
}
#DivDescSelectInstalacion2 {
width: calc(100% - 90px);
}
#DivDescSelectFechaReco {
width: 90px;
}
#DivDescSelectHoraReco {
width: 40px;
}
#DivDescSelectFechaDesdeHisto {
width: 90px;
}
#DivDescSelectFechaHastaHisto {
width: 90px;
}
#DivSelectFechaReco {
width: calc(100% - 250px);
}
#DivDescSelectVasoReco {
width: 90px;
}
#DivDescSelectVasoHisto {
width: 90px;
}
#DivSelectVasoReco {
width: calc(100% - 90px);
}
#DivSelectVasoHisto {
width: calc(100% - 90px);
}
#DivSelectFechaDesdeHisto {
width: calc(100% - 90px);
}
#DivSelectFechaHastaHisto {
width: calc(100% - 90px);
}
#DivListadoParametros {
height: calc(95% - 223px);
}
#DivSubListadoParametros {
height: calc(95% - 80px);
}
#DivParametrosRecogidaMain {
top: 250px;
height: calc(85% - 210px);
width: calc(100% - 35px);
left: 35px;
}
#DivBotones {
text-align: center;
padding-right: 0px;
}
#DivCopiarParametros {
padding-left: 0px !important;
}
#DivHistorialParametros {
width: calc(100% - 35px);
left: 35px;
background-size: 1600px;
}
#DivCuerpoIndex {
font-size: 15px;
left: 35px;
width: calc(100% - 35px);
background-image: url(../Images/FondoLogin.png);
background-repeat: no-repeat;
background-position: top;
background-size: 1500px;
}
#DivDescSelectInstalacion2_b {
width: calc(100% - 90px);
}
#BotonesHisto0 {
padding-top: 20px;
width: 100%;
}
#BotonesHisto1 {
display: none;
}
#BotonesHisto2 {
width: 100%;
text-align: center;
}
#BotonesInciBanistas {
padding-top: 10px;
width: 100%;
}
#DivNombreInstalacionReco {
width: 100%;
text-align: center;
padding-left: 0px;
}
#DivNombreInstalacion {
padding-top: 10px;
width: 100%;
text-align: center;
}
#DivParametrosHistorialMain {
top: 355px;
height: calc(100% - 355px);
width: calc(100% - 35px);
left: 35px;
}
#DivListadoInstalacionesFix {
left: 35px;
top: 100px;
width: calc(100% - 35px);
}
#DivModalAlertaEnHistorial_B {
top: 2%;
overflow: auto;
width: 90%;
left: 5%;
height: 95%;
overflow: auto;
border-radius: 5px;
}
#DivTituloAlertas {
padding-right: 10px;
padding-top: 10px;
width: 70%;
}
#DivLogoAlertas {
padding-left: 10px;
width: 30%
}
#DivListadoLimitesParametros {
height: 350px;
}
#DivCapaSubMenu {
position: absolute;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
z-index: 1012;
background-color: RGBA( 0, 0, 0, 0.5 ) !important;
}
#DivNombreInstalacion_InciBanis {
width: 100%;
font-size: 15px !important;
padding-top: 10px;
padding-left: 10px;
}
#DivCliente_InciBanis {
width: 100%;
text-align: center;
font-size: 14px !important;
padding-top: 10px;
}
#DivCliente_Informe {
width: 100%;
text-align: center;
font-size: 14px !important;
padding-top: 10px;
}
#DivInstalacion_InciBanis {
width: 100%;
text-align: center;
font-size: 14px !important;
padding-top: 10px;
}
#DivListadoIncidencias {
margin: auto auto auto auto;
position: fixed;
top: 245px;
height: calc(100% - 245px);
width: calc(100% - 35px);
left: 35px;
}
#DivListadoDocumentos {
margin: auto auto auto auto;
position: fixed;
width: calc(100% - 35px);
left: 35px;
}
.Documento {
width: calc(100% - 10px);
}
#BotonAltaIncidenciaBanista {
height:25px;
padding-top:1px;
}
#DivModalIncidencia_B {
top: 2%; /*50% menos la mitad del height*/
width: 96%;
left: 2%; /*50% menos la mitad del width*/
height: 96%;
background-size: 2000px;
}
#DivListadoProveedores_B {
top: 2%; /*50% menos la mitad del height*/
width: 96%;
left: 2%; /*50% menos la mitad del width*/
height: 96%;
background-size: 2000px;
}
#DivModalIncidencia_C {
top: 2%; /*50% menos la mitad del height*/
width: 96%;
left: 2%; /*50% menos la mitad del width*/
height: 96%;
background-size: 2000px;
}
#DivModalListadoProductos_B {
top: 2%; /*50% menos la mitad del height*/
width: 96%;
left: 2%; /*50% menos la mitad del width*/
height: 96%;
background-size: 2000px;
}
#DivModalFiltros_B {
top: 2%; /*50% menos la mitad del height*/
width: 96%;
left: 2%; /*50% menos la mitad del width*/
height: 96%;
background-size: 2000px;
}
#DivModalCalibraciones_B {
top: 2%; /*50% menos la mitad del height*/
width: 96%;
left: 2%; /*50% menos la mitad del width*/
height: 96%;
background-size: 2000px;
}
#DivModalDocumentos {
top: calc(50% - 175px); /*50% menos la mitad del height*/
width: 96%;
left: 2%; /*50% menos la mitad del width*/
height: 350px;
background-size: 2000px;
}
#DivModalCarpetas {
top: calc(50% - 175px); /*50% menos la mitad del height*/
width: 96%;
left: 2%; /*50% menos la mitad del width*/
height: 350px;
background-size: 2000px;
}
#DivMensajeNoHayInicio {
right: 1%;
width: 98%;
height:100px;
}
#DivToolTipBotonCopiar {
left: 5px;
top: 75px;
height:75px;
}
#DivBotonesFiltrosInformeInstalaciones {
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
#DivLogoMenu {
padding-left: 25px;
}
.divsConfig {
width: 90%;
}
.SubMenuMobile {
left: 0px;
width: 100%;
}
.combo2 {
font-size: 12px;
text-align: left;
}
.CabeceraLoginB {
padding-right: 40px;
font-size:21px;
}
.CuerpoSeccionListado {
left: 35px;
width: calc(100% - 35px);
}
.grisPeq {
font-size:9px;
}
.MostrarMenu {
display: block !important;
width: 100% !important;
z-index: 1012 !important;
}
.TopNoCentradoGrande {
top: 8px !important;
}
.TituloSeccion {
padding-right: 10px;
font-size: 20px;
background-size: 1200px;
width: calc(100% - 35px);
}
.TituloSeccion2 {
padding-right: 10px;
font-size: 20px;
background-size: 1200px;
width: calc(100% - 35px);
line-height: unset;
height: 100px;
}
.TituloSeccion3 {
padding-right: 10px;
background-size: 1200px;
width: calc(100% - 35px);
height: 100px;
}
.TituloMP {
padding-left: 10px;
padding-right: 10px;
}
.TituloSeccionCalibracion {
line-height: unset;
height:105px;
}
.TituloMobile {
font-size: 15px;
}
.datagrid {
overflow: auto;
}
.BuscadorA {
width: calc(80%);
}
.BuscadorB {
width: calc(20%);
}
.BotonNuevaInstalacion {
left: 160px;
top: 55px;
}
.BotonNuevaIncidencia {
left: 30px;
top: 60px;
width:100%;
}
.BotonNuevaIncidencia_1 {
width: 75%;
}
.BotonNuevaIncidencia_2 {
float: left;
width: 25%;
text-align: right;
}
.BotonMostrarOcultarInformeInstalaciones {
float: right;
width: 25%;
}
.BotonOcultarFiltrosHistorial {
display: block;
position: fixed;
right: 10px;
top: 55px;
height: 50px;
overflow: hidden;
}
.BotonesAlertHisto0 {
width: 100%;
height: 60px;
}
.BotonesAlertHisto1 {
width: 100%;
}
.BotonesAlertHisto2 {
width: 100%;
padding-top: 10px;
}
.NoVisibleMobile {
display: none;
}
.SoloVisibleMobile {
display: block;
}
.BotonAlerta {
width: 190px;
}
.ContenedorBotonesAlerta_A {
padding-left: 5px;
}
.ContenedorBotonesAlerta_B {
padding-right: 5px;
}
.BotonExportar {
height: 30px;
padding-top:3px;
font-size:14px;
}
.BotonesDocumentos {
width:150px;
height: 30px;
font-size: 13px;
}
.caja-texto-incidencia {
width: 90% !important;
}
.CajaTextoModalIncidencia_A {
width: 100%;
}
.CajaTextoModalIncidencia_B0 {
width: 100%;
height:60px;
}
.CajaTextoModalIncidencia_B {
width: 100%;
height:25px;
}
.CajaTextoModalIncidencia_D {
width: 50%;
}
.CajaTextoModalIncidencia_E {
width: 50%;
}
.CajaTextoModalIncidencia_F {
width: 100%;
height: 25px;
}
.RadioButtonIncidencia_1 {
width: 20%;
}
.TituloModalIncidencia {
height: 42px;
}
.FiltroEspecialInformeInstalaciones {
width: 100%;
}
.DivFirma {
width: 100%;
text-align: center;
margin-left: 0px;
}
.Boton1ListadoIncisInstalaciones {
width: 50%;
text-align: center;
}
.Boton2ListadoIncisInstalaciones {
width: 50%;
text-align: center;
}
.CabeceraModal_A {
padding-left:5px;
width: 30%;
}
.observaciones_especifico {
width: 99% !important;
}
.CabeceraModal_B {
width: 70%;
height:80px;
}
.CabeceraModal_C {
width: 70%;
}
.LogoListadoAutocontrol {
width: 65px;
}
.LogoListadoAutocontrol2 {
width: 55px;
padding-top:14px;
}
.LogoGestionDocumentos {
width: 70px;
}
.TablaRegistroInicioFinTemporada {
width: 875px;
}
.TablaRegistroVerificaciones_Sub1 {
width: 18%;
}
.TablaRegistroVerificaciones_Sub2 {
width: 42%;
}
.TablaRegistroVerificaciones {
width: 1050px;
}
.TablaRegistroAutoControl {
width: 1050px;
}
.FechaRegistroInicioFinTemporada_1 {
width: 100%;
}
.FechaRegistroInicioFinTemporada_2 {
width: 100%;
}
.FechaRegistroInicioFinTemporada_2_a {
text-align: left;
padding-right: 5px;
padding-top: 18px;
width:60px;
}
.FechaRegistroInicioFinTemporada_2_b {
float: left;
width: 150px;
margin-top: 10px;
}
.FechaDiagnosisInicioFinTemporada_1 {
width: 100%;
}
.FechaDiagnosisInicioFinTemporada_2_a {
float: left;
padding-top: 18px;
}
.FechaDiagnosisInicioFinTemporada_2_b {
width: 150px;
margin-top: 10px;
}
.TituloRegistroAutoControlFrecuenciaMensual_1 {
font-size: 9px;
height: 42px;
padding-top: 1px;
}
.TituloRegistroAutoControlFrecuenciaMensual_2 {
font-size: 9px;
height: 42px;
padding-top: 8px;
}
.calendarPeq {
background-size: 12px 12px;
font-size: 10px;
text-align: left;
padding-right: 0px;
}
.paddingtop0_5 {
padding-top: 5px;
}
.paddingtop0_6 {
padding-top: 6px;
}
.paddingtop8_0 {
padding-top: 0px;
}
.paddingtop8_2 {
padding-top: 2px;
}
.paddingtop25_15 {
padding-top: 15px;
}
.fontsize10_09 {
font-size: 9px;
}
.MarginTopMenos17 {
margin-top: -17px;
}
.FuenteMuyPeq {
font-size:6px;
}
.BotonMasPequeMobile {
width:100px !important;
}
.ImagenMasPequeMobile {
width:18px;
}
.UploadFile1 {
width: 100%;
height:40px;
}
.UploadFile2 {
width: 100%;
padding-top: 0px;
}
.DivComboPlantilla {
width: 100%;
}
.DivBotonAnadirDocumento {
width: 50%;
}
.DivBotonAnadirCarpeta {
text-align: right;
width: 50%;
padding-right: 10px;
}
.CajaTextoModalCarpeta_A {
width: 100%;
padding-top: 0px;
}
.CajaTextoModalCarpeta_B {
width: 100%;
}
.TextoValorGuardado {
width: 95%;
height: 50px;
}
}
@media only screen and (max-width: 400px) {
#DivSelectFechaReco {
width: calc(100% - 215px);
}
.DivSelectHoraReco1 {
width: 30px;
}
}