2876 lines
50 KiB
CSS
2876 lines
50 KiB
CSS
|
|
|
|
/**************************************ESTILO BASE***********************************/
|
|
:root {
|
|
--AzulOAAF: #2291d0;
|
|
--GrisOscuroOAAF: #343334;
|
|
--AzulClaroOAAF: #6fafd3;
|
|
--GrisClaroOAAF: #a4a3a4;
|
|
--GrisNeutro: #e9e9e9;
|
|
--TT1: #cdf1b1;
|
|
--TT2: #52ecf6;
|
|
--TT3: #ea8361;
|
|
--TTEx: #ba65f5;
|
|
}
|
|
|
|
.gestionPropia {
|
|
--AzulOAAF: #2291d0;
|
|
--GrisOscuroOAAF: #343334;
|
|
--AzulClaroOAAF: #6fafd3;
|
|
--GrisClaroOAAF: #a4a3a4;
|
|
}
|
|
|
|
.gestionPersonal {
|
|
--AzulOAAF: #343334;
|
|
--AzulClaroOAAD: #a4a3a4;
|
|
--GrisOscuroOAAF: #2291d0;
|
|
--GrisClaroOAAF: #6fafd3;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'RobotoB';
|
|
src: url('FUENTES/Roboto-Bold.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'RobotoI';
|
|
src: url('FUENTES/Roboto-Italic.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('FUENTES/Roboto-Regular.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'SatoshiB';
|
|
src: url('FUENTES/Satoshi-Black.otf') format('opentype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Satoshi';
|
|
src: url('FUENTES/Satoshi-Regular.otf') format('opentype');
|
|
}
|
|
|
|
|
|
/**************************************ESTILO GENERAL***********************************/
|
|
p {
|
|
font-family: "Satoshi";
|
|
|
|
}
|
|
.op05{
|
|
opacity:0.5;
|
|
}
|
|
.celdaBoton{
|
|
cursor:pointer;
|
|
text-align:center;
|
|
font-weight:bold
|
|
}
|
|
.celdaBoton:hover {
|
|
color:white;
|
|
background-color: var(--AzulOAAF);
|
|
|
|
}
|
|
.celdaH {
|
|
background-color: var(--AzulOAAF);
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.celdaH p {
|
|
text-decoration: none;
|
|
color: white;
|
|
text-align: center;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.celdaH p:hover {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
.celdaD {
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
padding-block: 2px;
|
|
}
|
|
|
|
.celdaD p {
|
|
text-align: center;
|
|
margin: 0;
|
|
color: black;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.multiselect {
|
|
width: 200px;
|
|
}
|
|
|
|
.selectBox {
|
|
position: relative;
|
|
}
|
|
|
|
.selectBox select {
|
|
width: 100%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.overSelect {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
#checkboxes {
|
|
display: none;
|
|
border: 1px #dadada solid;
|
|
}
|
|
|
|
#checkboxes label {
|
|
display: block;
|
|
}
|
|
|
|
#checkboxes label:hover {
|
|
background-color: #1e90ff;
|
|
}
|
|
|
|
#cajaFiltros {
|
|
display: flex;
|
|
max-width: 750px;
|
|
justify-content: space-between;
|
|
margin-bottom: 15px;
|
|
margin-inline: auto;
|
|
flex-wrap:wrap;
|
|
}
|
|
#btnPicar {
|
|
margin-top: 50px;
|
|
}
|
|
.cajaModInc {
|
|
background-color: white;
|
|
padding: 20px;
|
|
height: fit-content;
|
|
margin-inline: auto;
|
|
margin-block: auto;
|
|
flex-direction: column-reverse;
|
|
display: flex;
|
|
}
|
|
.oculto{
|
|
display:none !important
|
|
}
|
|
|
|
#btnAtrasGeneral {
|
|
position: fixed;
|
|
top: 145px;
|
|
left: 160px;
|
|
z-index: 6;
|
|
}
|
|
#tablasPersonalMob {
|
|
display: none;
|
|
}
|
|
#marcoSituacion{
|
|
background-color: #0000007f;
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100vh;
|
|
justify-content:center;
|
|
align-items:center;
|
|
z-index:15;
|
|
}
|
|
#divSituacion {
|
|
padding:20px;
|
|
max-width:80%;
|
|
max-height:600px;
|
|
background-color:white;
|
|
}
|
|
#tablaActivos{
|
|
max-height:500px;
|
|
overflow-y:auto;
|
|
}
|
|
#tablaInactivos {
|
|
max-height: 500px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.lblGeneral {
|
|
margin-bottom:0;
|
|
margin-top:10px;
|
|
}
|
|
#divCambiarIBAN {
|
|
background-color: #000000b2;
|
|
width:100%;
|
|
height:100vh;
|
|
justify-content:center;
|
|
align-items:center;
|
|
z-index:15;
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
#divIBAN {
|
|
background-color:white;
|
|
padding:20px;
|
|
min-width:450px;
|
|
max-width:650px;
|
|
display:flex;
|
|
flex-direction:column;
|
|
gap:15px;
|
|
}
|
|
#IncidenciasPendientesDiv {
|
|
background-color: #000000bf;
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 30;
|
|
display: none;
|
|
justify-content: center;
|
|
align-items: center
|
|
}
|
|
|
|
|
|
.popupIncPendientes {
|
|
height: 180px;
|
|
padding: 20px;
|
|
display: flex;
|
|
min-width: 500px;
|
|
background-color: white;
|
|
justify-content: center;
|
|
position: relative;
|
|
flex-direction: column;
|
|
/*background-image: url(../content/images/logoModal.png);*/
|
|
/*background-position: left;
|
|
background-position-y: bottom;
|
|
background-repeat: no-repeat;*/
|
|
}
|
|
|
|
|
|
.ListaMenu a {
|
|
text-decoration:none;
|
|
color:darkgray
|
|
}
|
|
#txtobservacionesPI {
|
|
width: calc(100% - 175px)
|
|
}
|
|
.tituloMobile {
|
|
display:none
|
|
}
|
|
#usuarioNav {
|
|
font-weight: bold;
|
|
color: black;
|
|
text-decoration: none;
|
|
font-family: 'SatoshiB';
|
|
}
|
|
.card-header {
|
|
background-color: var(--AzulOAAF);
|
|
cursor:pointer;
|
|
}
|
|
.card-header:hover {
|
|
background-color:var(--AzulClaroOAAF)
|
|
}
|
|
|
|
.CardSubgrupo {
|
|
border: none;
|
|
background-color: transparent;
|
|
color: white;
|
|
}
|
|
|
|
.sombraNavegador {
|
|
-webkit-box-shadow: 0px 0px 19px 2px rgba(0,0,0,0.19);
|
|
box-shadow: 0px 0px 19px 2px rgba(0,0,0,0.19);
|
|
}
|
|
|
|
.TablaOAAF th {
|
|
font-family: 'RobotoB';
|
|
text-align: start;
|
|
}
|
|
|
|
.TablaOAAF td {
|
|
font-family: 'Roboto';
|
|
text-align: start;
|
|
}
|
|
|
|
#barraNavegacionVacia {
|
|
padding-inline: 160px;
|
|
z-index: 5;
|
|
flex-direction: column;
|
|
left: 0;
|
|
top: 0px;
|
|
position: fixed;
|
|
width: 100%;
|
|
background-color: white;
|
|
}
|
|
#Nav1 {
|
|
padding-inline: 160px;
|
|
z-index: 5;
|
|
flex-direction: column;
|
|
left: 0;
|
|
top: 0px;
|
|
position: fixed;
|
|
width: 100%;
|
|
background-color: white;
|
|
}
|
|
.btnHome {
|
|
margin-block: 15px;
|
|
display: flex;
|
|
width: 100%;
|
|
font-size: 40px;
|
|
justify-content: center;
|
|
font-family: 'SatoshiB' !important;
|
|
text-decoration: none !important;
|
|
}
|
|
.btnHome h1{
|
|
padding:0
|
|
}
|
|
.btnOAAFAzul {
|
|
user-select: none;
|
|
cursor: pointer;
|
|
background-color: var(--AzulOAAF);
|
|
border-radius: 15px;
|
|
font-family: 'Satoshi';
|
|
border: none;
|
|
color: white !important;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.btnOAAFAzul:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.btnOAAFBlack {
|
|
user-select: none;
|
|
cursor: pointer;
|
|
padding: 10px;
|
|
text-align: center;
|
|
background-color: var(--GrisOscuroOAAF);
|
|
border-radius: 15px;
|
|
font-family: 'Satoshi';
|
|
border: none;
|
|
color: white !important;
|
|
}
|
|
|
|
.btnOAAFBlack:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.body {
|
|
font-family: 'Roboto'
|
|
}
|
|
|
|
.padding-pag {
|
|
padding-inline: 160px;
|
|
}
|
|
|
|
|
|
.listaTeletrabajo {
|
|
transition: all 0.2s
|
|
}
|
|
|
|
.listaTeletrabajoCheck {
|
|
transition: all 0.2s
|
|
}
|
|
|
|
.listaTeletrabajo:hover {
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.listaTeletrabajoCheck:hover {
|
|
cursor: pointer;
|
|
background-color: var(--GrisClaroOAAF);
|
|
color: white;
|
|
}
|
|
|
|
.diaConTeletrabajo1 {
|
|
background-color: var(--TT1);
|
|
color: white;
|
|
}
|
|
|
|
|
|
.diaConTeletrabajo2 {
|
|
background-color: var(--TT2);
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.diaConTeletrabajo3 {
|
|
background-color: var(--TT3);
|
|
color: white;
|
|
}
|
|
|
|
|
|
.diaConTeletrabajoEx {
|
|
background-color: var(--TTEx);
|
|
color: white;
|
|
}
|
|
|
|
.btnCerrarModInc {
|
|
border: 1px solid black;
|
|
padding: 5px;
|
|
padding-inline: 10px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.btnCerrarModInc:hover {
|
|
background-color: black;
|
|
color: white !important;
|
|
}
|
|
|
|
|
|
.btnBack:hover {
|
|
background-color: var(--AzulClaro) !important
|
|
}
|
|
.ocultoTurn {
|
|
display:none
|
|
}
|
|
body {
|
|
/* position: relative;
|
|
padding-top: 150px;
|
|
font-family: "Roboto";
|
|
padding-left: 0px;
|
|
padding-right: 0px;*/
|
|
}
|
|
|
|
/*.collapseInc:not(.show) {
|
|
display: none;
|
|
}*/
|
|
|
|
.hidden {
|
|
display: none
|
|
}
|
|
|
|
.pagina {
|
|
padding-top: 200px;
|
|
padding-inline: 160px;
|
|
}
|
|
|
|
.btnAzul {
|
|
cursor:pointer;
|
|
height: 38px !important;
|
|
background-color: var(--AzulOAAF) !important;
|
|
color: white !important;
|
|
border-radius: 5px;
|
|
border: none;
|
|
text-transform: uppercase;
|
|
font-family: "RobotoB";
|
|
font-size: 16px;
|
|
filter: opacity(0.7);
|
|
}
|
|
|
|
|
|
.btnAzul:hover {
|
|
filter: opacity(1);
|
|
}
|
|
|
|
.btnGris {
|
|
cursor:pointer;
|
|
height: 38px !important;
|
|
background-color: var(--GrisNeutro) !important;
|
|
color: black !important;
|
|
border-radius: 5px;
|
|
border: none;
|
|
text-transform: uppercase;
|
|
font-family: "RobotoB";
|
|
font-size: 16px;
|
|
}
|
|
|
|
.btnGris:hover {
|
|
background-color: var(--GrisMedio) !important;
|
|
}
|
|
|
|
.cajaIntPicadas {
|
|
min-width: 425px;
|
|
}
|
|
|
|
.btnBlanco {
|
|
height: 38px !important;
|
|
background-color: white !important;
|
|
color: var(--AzulOAAF);
|
|
border-radius: 5px;
|
|
border: none;
|
|
}
|
|
|
|
.btnBlanco:hover {
|
|
background-color: lightgray !important;
|
|
}
|
|
#navigation {
|
|
box-shadow: 10px 25px 31px -26px rgba(0,0,0,0.33);
|
|
}
|
|
.btnAlargado {
|
|
min-width: 200px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.IntroducirFechas {
|
|
margin-bottom: 0px;
|
|
line-height: normal;
|
|
justify-content: space-evenly;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
margin-top: 3rem;
|
|
max-width: 740px;
|
|
}
|
|
.selectInHora {
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
.inFecha {
|
|
width: 150px;
|
|
height: 30px;
|
|
margin-left: 0px;
|
|
border-radius: 6px;
|
|
border-color: rgba(0,0,0,.1);
|
|
}
|
|
.row {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.celdaBlanca {
|
|
background-color: white !important;
|
|
border: 0px none !important;
|
|
}
|
|
|
|
.pagina {
|
|
height: 100vh;
|
|
}
|
|
|
|
.Loading {
|
|
display: none;
|
|
width: 100px;
|
|
/*animation-name: spin;*/
|
|
animation-duration: 3000ms;
|
|
animation-iteration-count: infinite;
|
|
animation-timing-function: linear;
|
|
}
|
|
|
|
#divLoading {
|
|
display: none;
|
|
z-index: 99;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100vh;
|
|
background-color: #00000086;
|
|
}
|
|
|
|
#divLoading .Loading {
|
|
display: flex !important;
|
|
position: fixed;
|
|
width: 150px;
|
|
height:auto;
|
|
top: 400px;
|
|
border-radius: 100%;
|
|
left: calc(50% - 75px);
|
|
background: white;
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
#divLoading2 {
|
|
position: absolute;
|
|
top: 300px;
|
|
left: calc(50% - 50px);
|
|
}
|
|
|
|
#divLoading3 {
|
|
position: absolute;
|
|
top: 300px;
|
|
left: calc(50% - 50px);
|
|
}
|
|
|
|
#divLoading4 {
|
|
position: absolute;
|
|
top: 300px;
|
|
left: calc(50% - 50px);
|
|
}
|
|
|
|
#divLoading5 {
|
|
position: absolute;
|
|
top: 355px;
|
|
left: calc(50% - 50px);
|
|
}
|
|
|
|
#divLoading6 {
|
|
position: absolute;
|
|
top: 300px;
|
|
left: calc(50% - 50px);
|
|
}
|
|
|
|
.inactivo {
|
|
display: none !important;
|
|
}
|
|
|
|
/*.tablaPicadas tr:nth-child(odd) td {
|
|
background-color: #dedede
|
|
}*/
|
|
/**************************************BARRA NAVEGACION***********************************/
|
|
.barraNavegacion {
|
|
height: 50px;
|
|
padding-right: 0px;
|
|
padding-left: 15px;
|
|
margin-left: 11px;
|
|
}
|
|
|
|
.top-menu2 {
|
|
line-height: 35px;
|
|
position: relative;
|
|
display: flex;
|
|
list-style: none;
|
|
padding: 0px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.top-menu2 ul li {
|
|
cursor: pointer;
|
|
padding: 10px;
|
|
background-color: var(--AzulClaroOAAF);
|
|
display: none;
|
|
max-width: 250px;
|
|
line-height: normal;
|
|
}
|
|
|
|
.top-menu2 li {
|
|
color: black !important;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
transition: all 0.2s
|
|
}
|
|
|
|
.top-menu2 li:hover {
|
|
border-bottom: 4px solid;
|
|
border-block-color: var(--AzulOAAF);
|
|
color: var(--AzulParlamento) !important;
|
|
transition: all 0.2s
|
|
}
|
|
|
|
#optContHorario {
|
|
padding-left: 0;
|
|
position: fixed;
|
|
top: 105px;
|
|
left: calc(50% - 225px);
|
|
padding-top: 80px;
|
|
}
|
|
|
|
#optContHorario li {
|
|
color: white;
|
|
cursor: pointer;
|
|
padding: 10px;
|
|
background-color: #F8F9FA;
|
|
display: none;
|
|
max-width: 250px;
|
|
line-height: normal;
|
|
}
|
|
|
|
#optContHorario:hover li {
|
|
transition: all 0.2s;
|
|
display: block
|
|
}
|
|
|
|
#optContHorario:hover li:hover {
|
|
transition: all 0.2s;
|
|
}
|
|
.pag {
|
|
min-height: calc(100vh - 396px);
|
|
width: 100%;
|
|
padding-inline: 10%;
|
|
padding-top: 250px;
|
|
}
|
|
.top-menu2 ul li:hover {
|
|
transition: all 0.2s;
|
|
display: block;
|
|
}
|
|
|
|
#navLateral {
|
|
padding-inline: 10px;
|
|
max-height: calc(100vh - 396px);
|
|
overflow: auto;
|
|
}
|
|
|
|
#navLateral ul {
|
|
list-style-type: disc
|
|
}
|
|
|
|
#navLateral ul li {
|
|
cursor: pointer;
|
|
margin-block: 15px;
|
|
}
|
|
|
|
#navLateral ul li a {
|
|
color: black;
|
|
text-decoration: none
|
|
}
|
|
|
|
#navLateral ul li:hover {
|
|
opacity: 0.6
|
|
}
|
|
|
|
.listActivo {
|
|
font-weight: bold
|
|
}
|
|
|
|
.migasDePan {
|
|
font-size:14px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.migasDePan ul {
|
|
list-style: none;
|
|
display: flex;
|
|
gap: 5px;
|
|
}
|
|
|
|
.migasDePan ul li {
|
|
cursor: pointer;
|
|
color: blue;
|
|
}
|
|
|
|
.migasDePan .migaActiva {
|
|
cursor: initial;
|
|
color: dimgrey
|
|
}
|
|
|
|
|
|
.navbar-light .navbar-nav .nav-link {
|
|
/*color: white !important;*/
|
|
font-family:'Satoshi';
|
|
cursor:pointer;
|
|
}
|
|
|
|
navbar navbar-expand-lg
|
|
#usuarioNav {
|
|
color: white !important;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.separacion {
|
|
padding-top: 20px;
|
|
width: 100%;
|
|
background-color: white;
|
|
}
|
|
|
|
.item1 {
|
|
grid-row-end: 1 / span 2;
|
|
display: flex;
|
|
justify-content: end !important;
|
|
}
|
|
|
|
.item2 {
|
|
grid-area: nominas;
|
|
justify-content: start !important;
|
|
}
|
|
|
|
.item3 {
|
|
grid-area: datosPersonales;
|
|
justify-content: start !important;
|
|
}
|
|
|
|
.grid-container {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
background-color: #F8F9FA;
|
|
padding: 40px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.recuadroDeHome {
|
|
background-color: #F8F9FA;
|
|
margin-left: 5%;
|
|
margin-right: 5%
|
|
}
|
|
|
|
.contenedor {
|
|
display: flex;
|
|
}
|
|
|
|
.barraIzquierda {
|
|
width: 20px;
|
|
height: 90px;
|
|
background-color: var(--AzulParlamento);
|
|
}
|
|
|
|
.barraArriba {
|
|
background-color: #5BA1BA;
|
|
height: 10px;
|
|
margin-left: 20px;
|
|
width: calc(100% - 20px);
|
|
justify-content: end;
|
|
position: fixed;
|
|
top: 0px;
|
|
}
|
|
|
|
.containerNavBar {
|
|
background-color: white;
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.formatoCategoriasHome {
|
|
padding-bottom: 10px;
|
|
/*font-family: Neuton-Regular;*/
|
|
color: white;
|
|
padding-left: 30px;
|
|
font-size: 40px;
|
|
}
|
|
|
|
.hoverLinkControlHorario {
|
|
background-image: url('../Content/images/ControlHorarioImg.png');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.hoverLinkControlHorario:hover {
|
|
background-image: url('../Content/images/ControlHorarioHover.jpg');
|
|
}
|
|
|
|
|
|
.hoverLinkDatosPersonales {
|
|
background-image: url('../Content/images/DatosPersonalesImg.jpeg');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
|
|
.hoverLinkDatosPersonales:hover {
|
|
background-image: url('../Content/images/DatosPersonalesHover.jpg');
|
|
}
|
|
|
|
|
|
.hoverLinkNominas {
|
|
background-image: url('../Content/images/NominasImg.jpeg');
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.hoverLinkNominas:hover {
|
|
background-image: url('../Content/images/NominasHover.jpg');
|
|
}
|
|
|
|
.justificadoCentro {
|
|
justify-content: center;
|
|
}
|
|
|
|
.colorFondoNavBar {
|
|
background-color: #F8F9FA !important;
|
|
height: 100px;
|
|
}
|
|
|
|
.titularOpcControlHorario {
|
|
font-family: 'Satoshi';
|
|
color: var(--AzulOAAF);
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
|
|
.divInpHora .row .div {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
#usNav {
|
|
display: flex;
|
|
margin-right: 20px;
|
|
gap: 10px;
|
|
}
|
|
|
|
#usNav img {
|
|
height: 20px;
|
|
margin-right: 13px;
|
|
margin-top: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gestionPersonal #imgUsers div {
|
|
filter: hue-rotate(350deg);
|
|
}
|
|
|
|
.gestionPersonal #imgLogout div {
|
|
filter: hue-rotate(350deg);
|
|
}
|
|
|
|
.gestionPersonal #imgCambioModo div {
|
|
filter: hue-rotate(350deg);
|
|
}
|
|
|
|
#imgLogout div {
|
|
background-image: url(../content/images/logoutHover.png);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
margin-right: 15px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
#imgLogout div:hover {
|
|
background-image: url(../content/images/logout.png);
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
#imgCambiarModo i {
|
|
height: 25px;
|
|
width: 25px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
#imgCambiarModo i:hover {
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
#imgUsers div {
|
|
height: 25px;
|
|
width: 25px;
|
|
margin-right: 15px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
#imgUsers div:hover {
|
|
background-image: url(../content/images/userEdit.png);
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.usSeleccionado {
|
|
padding-top: 90px;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.usSeleccionado p {
|
|
margin-top: 0;
|
|
padding-inline: 40px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.navbar-brand {
|
|
cursor: pointer;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
|
|
background-color: var(--AzulClaro);
|
|
border-radius: 0px;
|
|
padding: 12px;
|
|
}
|
|
|
|
.navbar-nav {
|
|
align-items: center;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
background-color: white;
|
|
font-family: 'Roboto';
|
|
}
|
|
|
|
.dropdown-item {
|
|
color: black;
|
|
background-color: white;
|
|
}
|
|
|
|
.dropdown-item:hover {
|
|
border-bottom: 4px solid;
|
|
border-color: var(--AzulOAAF);
|
|
}
|
|
|
|
.dropdown-item.active {
|
|
border-bottom: 4px solid;
|
|
background-color: white !important;
|
|
color: black !important;
|
|
border-color: var(--AzulOAAF);
|
|
}
|
|
|
|
|
|
.incidenciasDesplegable {
|
|
background-color: white;
|
|
font-family: 'Roboto';
|
|
}
|
|
|
|
.incidenciasDesplegable > tr > td {
|
|
color: black;
|
|
background-color: white;
|
|
}
|
|
|
|
.incidenciasDesplegable > tr > td:hover {
|
|
border-bottom: 4px solid;
|
|
border-color: var(--AzulOAAF);
|
|
}
|
|
|
|
.incidenciasDesplegable > tr > td.active {
|
|
border-bottom: 4px solid;
|
|
background-color: white !important;
|
|
color: black !important;
|
|
border-color: var(--AzulOAAF);
|
|
}
|
|
|
|
.activado {
|
|
border-bottom: 4px solid;
|
|
border-color: var(--AzulOAAF) !important;
|
|
}
|
|
|
|
.activadoSub {
|
|
border-bottom: 4px solid;
|
|
border-color: var(--AzulOAAF) !important;
|
|
}
|
|
|
|
|
|
#topMenuVacia {
|
|
margin-top: 23px;
|
|
width: calc(100% - 322px);
|
|
margin-left: 15px
|
|
}
|
|
|
|
#topMenuVacia2 {
|
|
margin-top: 23px;
|
|
width: calc(100% - 322px);
|
|
margin-left: 15px
|
|
}
|
|
|
|
|
|
/**************************************SELECCION MODO***********************************/
|
|
#usNavVacia {
|
|
display: flex
|
|
}
|
|
|
|
#usNavVacia img {
|
|
height: 20px;
|
|
margin-right: 13px;
|
|
margin-top: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#imgLogoutVacia div {
|
|
background-image: url(../content/images/logoutHover.png);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
margin-right: 15px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
#imgLogoutVacia div:hover {
|
|
background-image: url(../content/images/logout.png);
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
#UsuarioNavVacia {
|
|
color: white !important;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
|
|
/**************************************SELECCION USUARIOS***********************************/
|
|
|
|
|
|
#usNavVacia2 {
|
|
display: flex
|
|
}
|
|
|
|
#usNavVacia2 img {
|
|
height: 20px;
|
|
margin-right: 13px;
|
|
margin-top: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#imgLogoutVacia2 div {
|
|
background-image: url(../content/images/logoutHover.png);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
margin-right: 15px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
#imgLogoutVacia2 div:hover {
|
|
background-image: url(../content/images/logout.png);
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
#UsuarioNavVacia2 {
|
|
color: white !important;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
#cajaUsuario {
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.divUsuarioSelect p {
|
|
margin-bottom: 15px;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
#divBtn {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.CBUsuarios {
|
|
width: 85%;
|
|
}
|
|
|
|
.CBUsuarios input {
|
|
height: 30px;
|
|
}
|
|
|
|
#btnSeleccionar {
|
|
position: relative;
|
|
bottom: 0;
|
|
margin-top: 15px;
|
|
max-width: 450px;
|
|
width: 100%;
|
|
margin-inline: auto;
|
|
}
|
|
|
|
.colorFondoSeleccionPersonas {
|
|
background-color: var(--GrisNeutro) !important;
|
|
}
|
|
|
|
.seleccionando {
|
|
height: 100vh;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#cajaSelecciones {
|
|
padding-inline: 0px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: auto;
|
|
margin-right: 5px;
|
|
background-color: white;
|
|
max-width: 500px;
|
|
min-height: 40vh;
|
|
max-height: 70vh;
|
|
overflow: auto;
|
|
position: relative;
|
|
}
|
|
|
|
#cajaSeleccionados {
|
|
padding-inline: 0px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 5px;
|
|
margin-right: auto;
|
|
background-color: white;
|
|
max-width: 500px;
|
|
max-height: 70vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
|
|
|
.barraArriba {
|
|
display: none;
|
|
}
|
|
|
|
.cajaIntPicadas{
|
|
min-width:0
|
|
}
|
|
|
|
#topMenu {
|
|
display: none;
|
|
}
|
|
|
|
.barraIzquierda {
|
|
display: none;
|
|
}
|
|
|
|
.colorFondoNavBar {
|
|
margin-top: 0px;
|
|
height: 60px;
|
|
background-color: var(--AzulOAAF) !important;
|
|
}
|
|
|
|
#linkLogoParlamento {
|
|
display: none;
|
|
}
|
|
|
|
#usNav {
|
|
display: none;
|
|
}
|
|
|
|
.textoParAnda {
|
|
display: flex !important;
|
|
}
|
|
|
|
.divConMenuHambur {
|
|
display: flex !important;
|
|
}
|
|
|
|
#divElementosCabecera {
|
|
display: flex !important;
|
|
}
|
|
|
|
.separacionHome {
|
|
margin-top: 0px !important;
|
|
}
|
|
}
|
|
|
|
.separacionHome {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.hlist {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: #e5e5e5;
|
|
box-shadow: 0px 30px 50px -50px rgba(0,0,0,0.19);
|
|
}
|
|
|
|
.hlist li {
|
|
list-style-type: none;
|
|
display: inline-block;
|
|
padding: 9px;
|
|
}
|
|
|
|
|
|
|
|
|
|
#divElementosCabecera {
|
|
display: none;
|
|
}
|
|
|
|
.divConMenuHambur {
|
|
display: none;
|
|
width: 70px;
|
|
height: 60px;
|
|
background-color: white;
|
|
}
|
|
|
|
|
|
.textoParAnda {
|
|
display: none;
|
|
width: 200px;
|
|
height: 80px;
|
|
font-size: 25px;
|
|
align-items: center;
|
|
color: white;
|
|
}
|
|
|
|
.inpUsuario {
|
|
/*
|
|
margin-top: 5px;
|
|
height: 20px;
|
|
width: 20px;
|
|
|
|
*/
|
|
margin-right: 30px;
|
|
}
|
|
|
|
#selectAllselUs {
|
|
margin-top: 7px;
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.inpDep {
|
|
margin-top: 7px;
|
|
min-height: 16px;
|
|
min-width: 16px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.pUsuario {
|
|
line-height: 30px;
|
|
margin: 0;
|
|
}
|
|
|
|
.divUsuario {
|
|
margin-bottom: 15px;
|
|
padding-inline: 40px;
|
|
}
|
|
|
|
.fondoAzulOscuro {
|
|
background: var(--AzulOAAF);
|
|
color: white;
|
|
padding-block: 10px;
|
|
}
|
|
|
|
.divDep {
|
|
font-size: 20px;
|
|
}
|
|
|
|
/**************************************CONTROL HORARIO***********************************/
|
|
#pagControlHorario2 {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0;
|
|
z-index: -1;
|
|
height: 100vh;
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 60%;
|
|
background-position-x: left;
|
|
opacity: 0.5;
|
|
background-position-y: bottom;
|
|
}
|
|
|
|
.menusControlHorario2 ul {
|
|
position: absolute !important;
|
|
top: 300px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.menusControlHorario2 a {
|
|
text-decoration: none;
|
|
color: white !important;
|
|
font-size: 25px;
|
|
}
|
|
|
|
.menusControlHorario2 p {
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.categoriasLiCH {
|
|
user-select: none;
|
|
font-family: 'Satoshi' !important;
|
|
transition: all 0.2s;
|
|
margin-bottom: 15px;
|
|
color: var(--AzulOAAF);
|
|
}
|
|
|
|
.categoriasLiCH:hover {
|
|
border-bottom: 4px solid;
|
|
border-color: var(--AzulOAAF);
|
|
font-size: 30px
|
|
}
|
|
|
|
.menuItemCH {
|
|
position: inherit;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
padding-left: 80px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
min-width: 600px;
|
|
max-width: 850px;
|
|
min-height: 40px;
|
|
background-color: var(--AzulClaro);
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.menuItemCH:hover {
|
|
transform: scale(110%);
|
|
transform-origin: 0% 100%;
|
|
background-color: var(--AzulOAAF);
|
|
transition: all 0.1s;
|
|
}
|
|
|
|
/************************************** HOME ***********************************/
|
|
|
|
.btnSeccion {
|
|
border-radius: 5px;
|
|
width: 100%;
|
|
max-width: 700px;
|
|
height: 320px;
|
|
position: relative;
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
transition: all 0.2s
|
|
}
|
|
|
|
.btnSeccion img {
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
|
|
.btnSeccion:hover {
|
|
transform: scale(102%);
|
|
filter: grayscale(100%);
|
|
transition: all 0.2s
|
|
}
|
|
|
|
.datosPersonales {
|
|
display: flex;
|
|
justify-content: right;
|
|
}
|
|
|
|
.nominas {
|
|
justify-content: right;
|
|
display: flex;
|
|
}
|
|
|
|
|
|
/************************************** NOMINAS ***********************************/
|
|
.inptxt {
|
|
border-radius: 15px;
|
|
border-width: 1px;
|
|
padding-inline: 15px;
|
|
text-align: end;
|
|
font-family: 'Roboto';
|
|
}
|
|
|
|
.intAnyoNominas {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.intAnyoNominas p {
|
|
font-family: "Roboto";
|
|
color: var(--AzulOAAF);
|
|
margin-right: 15px;
|
|
margin-bottom: 0px;
|
|
line-height: 38px !important;
|
|
}
|
|
|
|
|
|
#mensajeError {
|
|
color: red;
|
|
text-align: center
|
|
}
|
|
|
|
.listadoNominas {
|
|
margin-top: 0rem !important;
|
|
}
|
|
|
|
.listadoNominas ul li {
|
|
height: 50px;
|
|
width: 100% !important;
|
|
font-family: 'Roboto';
|
|
color: white;
|
|
background-color: var(--GrisClaroOAAF);
|
|
list-style: none !important;
|
|
border: solid;
|
|
border-width: 1px !important;
|
|
border-color: black;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.listadoNominas ul li:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.listadoNominas ul li p {
|
|
margin-bottom: 0px !important;
|
|
height: 20px;
|
|
margin-left: 20px;
|
|
line-height: normal;
|
|
}
|
|
|
|
/************************************** INTRODUCIR PICADA ***********************************/
|
|
|
|
.secPicada {
|
|
padding: 50px;
|
|
padding-top: 25px;
|
|
font-size: 20px;
|
|
margin-top: 50px;
|
|
width: 100%;
|
|
}
|
|
|
|
#fechaHoraPicada {
|
|
font-weight: bolder;
|
|
font-size: 20px;
|
|
}
|
|
|
|
#fechaActual p {
|
|
font-family: 'Roboto';
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.incidencias {
|
|
height: 40px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.incidencias p {
|
|
font-size: 15px;
|
|
line-height: 35px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.nombreDiaSemana {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.divListadoTeletrabajo {
|
|
height: 100%;
|
|
width: 85%;
|
|
background-color: var(--GrisNeutro);
|
|
}
|
|
|
|
.selectIn {
|
|
border-radius: 15px;
|
|
min-height: 30px;
|
|
font-family: 'Roboto';
|
|
width: calc(100% - 260px)
|
|
}
|
|
|
|
.selectIn .dxeButton {
|
|
transition: all 0.2s;
|
|
background: var(--AzulOAAF);
|
|
border-radius: 0 !important;
|
|
border-bottom-right-radius: 15px !important;
|
|
border-top-right-radius: 15px !important;
|
|
}
|
|
|
|
.selectIn .dxeButton:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.selectIn .dxic {
|
|
padding-inline: 10px !important;
|
|
border-radius: 15px;
|
|
background-color: white;
|
|
}
|
|
|
|
.selectIn .dxpcDropDown {
|
|
background: white;
|
|
font-family: 'Roboto';
|
|
}
|
|
|
|
.selectIn .dxeButton {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.selectIn p {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
#mensajePicada {
|
|
margin-top: 30px;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-size: 18px;
|
|
max-width: 400px;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
#selIncidenciaNoReloj {
|
|
width: calc(100% - 185px);
|
|
}
|
|
/***************************************** teletrabajo******************************/
|
|
|
|
.txtAreaIntTeletrabajo {
|
|
height: 230px;
|
|
width: 560px;
|
|
resize: none;
|
|
}
|
|
|
|
.fondoVentanaTeletrabajo {
|
|
background-image: url(../content/images/logoModal.png);
|
|
background-position: left;
|
|
background-position-y: bottom;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/************************************** LISTADO PICADAS ***********************************/
|
|
#mensaje {
|
|
color: red;
|
|
font-weight: bold;
|
|
margin-top: 1rem;
|
|
text-align: center;
|
|
}
|
|
|
|
#btnImprimir {
|
|
display: none;
|
|
/*background-color: var(--AzulClaro);*/
|
|
color: white !important;
|
|
}
|
|
|
|
.btnMostrar {
|
|
text-align: center !important;
|
|
background-color: var(--AzulClaro);
|
|
color: white !important;
|
|
}
|
|
|
|
#tablaPicadas {
|
|
/* width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;*/
|
|
}
|
|
|
|
.tablaPicadas {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-height: 540px;
|
|
/*overflow-y: scroll;*/
|
|
/*overflow-x: hidden;*/
|
|
position: relative;
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
width: 95%;
|
|
background-color: #fafafa;
|
|
overflow-x:auto;
|
|
}
|
|
|
|
.tablaPicadas table {
|
|
width: 100%;
|
|
}
|
|
|
|
.tablaPicadas td {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
width: auto;
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
background-color: white;
|
|
}
|
|
|
|
.tablaPicadas th {
|
|
position: sticky;
|
|
top: -1px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
background-color: var(--AzulOAAF);
|
|
color: white;
|
|
font-weight: bold;
|
|
/*border: 1px solid white;*/
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
.table-striped > tbody > tr:nth-child(odd) > td,
|
|
.table-striped > tbody > tr:nth-child(odd) > th {
|
|
background-color: white;
|
|
}
|
|
|
|
|
|
.tablaPicadas2 {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-height: 540px;
|
|
overflow-y: scroll;
|
|
/*overflow-x: hidden;*/
|
|
position: relative;
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
width: 95%;
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.tablaPicadas2 table {
|
|
width: 100%;
|
|
}
|
|
|
|
.tablaPicadas2 td {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
width: auto;
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
background-color: white;
|
|
}
|
|
|
|
.tablaPicadas2 th {
|
|
position: sticky;
|
|
top: 0px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
background-color: var(--AzulOAAF);
|
|
color: white;
|
|
font-weight: bold;
|
|
border: 1px solid white;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
/*#mostrarGeneral {
|
|
background-color: var(--AzulClaro);
|
|
display: none;
|
|
color: white;
|
|
}
|
|
#mostrarGeneralInc {
|
|
text-align: center !important;
|
|
margin-left:2.5%;
|
|
width: max-content;
|
|
background-color: var(--AzulClaro);
|
|
display: none;
|
|
color: white;
|
|
}
|
|
*/
|
|
|
|
.btnPersona {
|
|
text-align: center !important;
|
|
background-color: var(--AzulOAAF);
|
|
color: white !important;
|
|
}
|
|
|
|
/************************************** INTRODUCIR SOLICITUDES ***********************************/
|
|
|
|
.anchoComboBox {
|
|
min-width: calc(100% - 260px);
|
|
}
|
|
|
|
.observacionesSolici {
|
|
height: 80px;
|
|
font-size: 18px;
|
|
text-align: start;
|
|
padding-left: 0.5rem;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.4em;
|
|
padding-right: 0.4em;
|
|
vertical-align: top;
|
|
resize: none;
|
|
width: calc(100% - 260px);
|
|
}
|
|
|
|
/************************************** INTRODUCIR INCIDENCIAS ***********************************/
|
|
|
|
.fechainiciosolo {
|
|
width: 360px;
|
|
}
|
|
|
|
.divInpHora {
|
|
min-width: 150px;
|
|
}
|
|
|
|
.incidenciasInt {
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
|
|
.incidenciasInt p {
|
|
/*margin-right: 15px;*/
|
|
margin-top: 0px;
|
|
margin-bottom: 0.5rem !important;
|
|
}
|
|
|
|
.txtInputPrepend {
|
|
background: rgb(128, 128, 128) !important;
|
|
color: white;
|
|
font-size: 10px;
|
|
height: 30px;
|
|
width: 55px;
|
|
margin-left: 5px;
|
|
border: none;
|
|
}
|
|
|
|
.divInpHora {
|
|
min-width: 150px;
|
|
}
|
|
|
|
.inHora {
|
|
height: 30px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
#inpObservaciones {
|
|
height: 80px;
|
|
font-size: 12px;
|
|
text-align: start;
|
|
padding-left: 0.5rem;
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.4em;
|
|
padding-right: 0.4em;
|
|
vertical-align: top;
|
|
width: calc(100% - 260px)
|
|
}
|
|
|
|
#mensajeIncidencia {
|
|
font-size: 20px;
|
|
margin-top: 20px !important;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: red;
|
|
font-weight: bold;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
#mensajeSolicitudes {
|
|
font-size: 20px;
|
|
margin-top: 20px !important;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: red;
|
|
font-weight: bold;
|
|
margin-bottom: 0px;
|
|
}
|
|
/************************************** BOLSA HORAS ***********************************/
|
|
#tablaBolsaHoras {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
#tablaBolsaHoras .tablaPicadas td {
|
|
padding: 3px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
/************************************** DESGLOSE INCIDENCIA ***********************************/
|
|
|
|
#DesgIncidencia #tablaIncidencia {
|
|
border-radius: 5px !important;
|
|
}
|
|
|
|
#DesgIncidencia #tablaIncidencia th {
|
|
text-align: start;
|
|
padding: 10px;
|
|
width: 200px;
|
|
}
|
|
|
|
#DesgIncidencia #tablaIncidencia td {
|
|
padding: 10px;
|
|
}
|
|
|
|
#DesgIncidencia #tablaIncidencia td span {
|
|
color: white;
|
|
margin-left: -10px;
|
|
margin-right: 10px;
|
|
background-color: grey;
|
|
padding: 13px;
|
|
}
|
|
|
|
.linkIncidencia {
|
|
color: #0e7fd6 !important;
|
|
text-align: end !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#listEstadosInc {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.DesgIncAtras {
|
|
height: 50px;
|
|
width: 70px;
|
|
position: fixed;
|
|
top: 125px;
|
|
z-index: 10;
|
|
left: 160px;
|
|
transition: all 0.2s
|
|
}
|
|
|
|
|
|
.estado {
|
|
display: flex;
|
|
}
|
|
|
|
.estado input {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.estado p {
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
#filtroEstados {
|
|
display: flex;
|
|
margin-inline: auto;
|
|
width: fit-content;
|
|
gap: 30px;
|
|
padding: 10px;
|
|
background-color: var(--AzulOAAF);
|
|
color: white;
|
|
padding-inline: 30px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
}
|
|
/************************************** VAAPBC ***********************************/
|
|
.tblVAAPBC td {
|
|
padding: 3px;
|
|
padding-inline: 5px
|
|
}
|
|
|
|
#mensajeVAAPBC {
|
|
text-align: center;
|
|
color: red;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/************************************** ANTIGUOS ***********************************/
|
|
|
|
#pagControlHorario {
|
|
position: absolute;
|
|
top: -165px;
|
|
left: 0;
|
|
z-index: -1;
|
|
height: 100vh;
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position-x: right;
|
|
background-position-y: bottom;
|
|
background-image: url('images/FondoControlHorario.png');
|
|
}
|
|
|
|
.menusControlHorario {
|
|
position: absolute;
|
|
top: 70px;
|
|
left: -30px;
|
|
}
|
|
|
|
.menusControlHorario a {
|
|
text-decoration: none;
|
|
color: white !important;
|
|
font-size: 25px;
|
|
}
|
|
|
|
.menusControlHorario p {
|
|
cursor: pointer;
|
|
margin: 0px;
|
|
}
|
|
/*
|
|
#btnPicar {
|
|
background-color: white;
|
|
color: var(--AzulOAAF);
|
|
width: 100%;
|
|
font-size: 20px;
|
|
}
|
|
|
|
#btnPicar:hover {
|
|
background-color: grey;
|
|
color: white;
|
|
}
|
|
*/
|
|
#btnIntIncidencia {
|
|
background-color: white;
|
|
color: var(--AzulOAAF);
|
|
width: 100%;
|
|
font-size: 20px;
|
|
}
|
|
|
|
#btnIntIncidencia:hover {
|
|
background-color: grey;
|
|
color: white;
|
|
}
|
|
|
|
/************************************** CALENDARIO ***********************************/
|
|
|
|
.diaDeLaSemana {
|
|
padding-left: 5px !important;
|
|
border: 2px solid var(--GrisOscuro);
|
|
max-height: 20%;
|
|
width: 14.28%;
|
|
padding: 0px;
|
|
height: 50px;
|
|
cursor: pointer
|
|
}
|
|
|
|
/*.diaDeLaSemanaActivo:hover {
|
|
border: 1px solid var(--GrisMedio);
|
|
color: var(--GrisMedio)
|
|
}
|
|
*/
|
|
.finSemana {
|
|
background-color: #f7f7f7;
|
|
}
|
|
|
|
.icoNavCalendario {
|
|
color: black !important;
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
.numeroCalendario {
|
|
margin-right: 10px;
|
|
line-height: normal;
|
|
margin-top: 5px;
|
|
font-size: 23px;
|
|
}
|
|
|
|
|
|
|
|
.diaVacio {
|
|
border: 0px none;
|
|
}
|
|
|
|
#calendarioPicadas {
|
|
width: 400px;
|
|
position: absolute;
|
|
top: 300px;
|
|
left: calc(50% - 200px)
|
|
}
|
|
|
|
}
|
|
|
|
/************************************** ANIMACIONES ***********************************/
|
|
|
|
@keyframes spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
/************************************** PRINT ***********************************/
|
|
|
|
@media print {
|
|
@page {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
body {
|
|
padding-top: 5rem !important;
|
|
padding-bottom: 5rem !important;
|
|
}
|
|
|
|
.myDivToPrint {
|
|
display: block;
|
|
background-color: white;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
padding: 15px;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
-webkit-print-color-adjust: exact;
|
|
border-spacing: 0px !important;
|
|
}
|
|
|
|
.header {
|
|
display: none;
|
|
}
|
|
|
|
.footer {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
/************************************** MOVIL ***********************************/
|
|
|
|
@media (max-width: 1312px) {
|
|
.btnSeccion {
|
|
max-width: 100%;
|
|
height: 200px;
|
|
margin-inline: 0 !important;
|
|
}
|
|
|
|
.nominas {
|
|
margin-inline: 0;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.controlHorario {
|
|
margin-inline: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.estado p{
|
|
font-size:12px;
|
|
}
|
|
#fechaHoraPicada{
|
|
width:100%;
|
|
display:flex;
|
|
}
|
|
#txtobservacionesPI {
|
|
width: 100%
|
|
}
|
|
.ListaMenu li {
|
|
margin-block:15px
|
|
}
|
|
#tablasPersonalMob {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
#divSituacion {
|
|
max-width:90%
|
|
}
|
|
#collapse1 #Div2 {
|
|
padding:0 !important;
|
|
}
|
|
#collapse2 #Div4 {
|
|
padding:0 !important;
|
|
}
|
|
#divSituacion{
|
|
overflow-y:auto
|
|
}
|
|
#tAct{
|
|
display:none;
|
|
}
|
|
#tAus{
|
|
display:none;
|
|
}
|
|
.tituloTabla {
|
|
font-size: 15px
|
|
}
|
|
|
|
#labelArchivo {
|
|
line-height: 0;
|
|
margin-bottom: 12px !important;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.inpArchivoDiv {
|
|
flex-direction: column;
|
|
width: auto;
|
|
height: 120px;
|
|
}
|
|
|
|
.divInpHora {
|
|
width: 100% !important
|
|
}
|
|
|
|
.colVaciaFooter {
|
|
display: none !important
|
|
}
|
|
|
|
.cajaModInc {
|
|
padding: 0px;
|
|
padding-block: 20px
|
|
}
|
|
|
|
#DesgIncidencia #tablaIncidencia td {
|
|
display: flex;
|
|
padding: 0;
|
|
}
|
|
|
|
#DesgIncidencia #tablaIncidencia td span {
|
|
width: 75px;
|
|
}
|
|
|
|
.tituDesgSol {
|
|
width: 100%
|
|
}
|
|
|
|
.tablaDesgSol {
|
|
width: 100%;
|
|
}
|
|
|
|
.barraArriba {
|
|
display: none;
|
|
}
|
|
|
|
#topMenu {
|
|
display: none;
|
|
}
|
|
|
|
.barraIzquierda {
|
|
display: none;
|
|
}
|
|
|
|
.colorFondoNavBar {
|
|
margin-top: 0px;
|
|
height: 60px;
|
|
background-color: var(--VerdeParlamento) !important;
|
|
}
|
|
|
|
#cajaSelecciones {
|
|
margin-inline: auto !important
|
|
}
|
|
|
|
#linkLogoParlamento {
|
|
display: none;
|
|
}
|
|
|
|
#usNav {
|
|
display: none;
|
|
}
|
|
|
|
#nombreUsVacio {
|
|
color: white !important
|
|
}
|
|
|
|
.textoParAnda {
|
|
display: flex !important;
|
|
}
|
|
|
|
.divConMenuHambur {
|
|
display: flex !important;
|
|
}
|
|
|
|
#divElementosCabecera {
|
|
display: flex !important;
|
|
}
|
|
|
|
.separacionHome {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.fondoOscuro {
|
|
position: fixed;
|
|
width: 100%;
|
|
left:0;
|
|
height: 100vh;
|
|
background-color: #000000bb
|
|
}
|
|
|
|
.dropdown-item:active {
|
|
background-color: transparent
|
|
}
|
|
|
|
.tituloMobile {
|
|
display: flex;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.migasDePan {
|
|
display: none
|
|
}
|
|
|
|
.CardSubgrupo {
|
|
white-space: break-spaces;
|
|
text-align: start;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.dropdown-item {
|
|
margin-block: 10px;
|
|
white-space: pre-wrap
|
|
}
|
|
.navegadorMobile {
|
|
display: block;
|
|
width: 100%;
|
|
z-index:15;
|
|
}
|
|
.navegadorMobile a {
|
|
/*font-weight: bold;*/
|
|
text-decoration:none
|
|
}
|
|
#navigation {
|
|
display: none
|
|
}
|
|
|
|
.pag {
|
|
margin-top: 0;
|
|
padding-inline: 10px;
|
|
min-height: calc(100vh - 328px);
|
|
}
|
|
|
|
body {
|
|
/*padding-top: 80px*/
|
|
}
|
|
.padding-pag {
|
|
padding-inline:10px
|
|
}
|
|
.formatoCategoriasHome {
|
|
font-size: 30px;
|
|
text-align: center;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
#navLateral {
|
|
display: none
|
|
}
|
|
|
|
.soloMovil {
|
|
display: unset
|
|
}
|
|
/* body {
|
|
padding-top:40px
|
|
}*/
|
|
|
|
.soloDesk {
|
|
display: none !important
|
|
}
|
|
|
|
.botonesListados {
|
|
margin-inline: auto;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
.secPicada {
|
|
font-size: 15px;
|
|
margin-top: 20px;
|
|
padding:0;
|
|
}
|
|
|
|
.popupIncPendientes {
|
|
min-width: 400px;
|
|
}
|
|
|
|
.popupIncPendientes .btnAzul {
|
|
font-size: 13px
|
|
}
|
|
|
|
.popupIncPendientes .btnGris {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.listadoControlHorario {
|
|
top: 190px;
|
|
left: 15px;
|
|
}
|
|
|
|
.listadoDatosAdministrativos {
|
|
top: 190px;
|
|
left: 15px;
|
|
}
|
|
|
|
.DesgIncAtras {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
#mensajeGestPersonal {
|
|
display: none !important
|
|
}
|
|
|
|
.barraNavegacion {
|
|
flex-direction: column;
|
|
height: auto;
|
|
align-items: start;
|
|
padding-inline: 0 !important;
|
|
position: relative;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.titularOpcControlHorario {
|
|
margin-left: 15px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
#barraNavegacion {
|
|
background-color: white;
|
|
padding-inline: 0 !important;
|
|
}
|
|
|
|
#footer {
|
|
padding-inline: 0
|
|
}
|
|
|
|
.divListadoTeletrabajo {
|
|
width: 100%;
|
|
}
|
|
|
|
#areaAgenda {
|
|
width: 100%;
|
|
}
|
|
|
|
.tablaPicadas th {
|
|
min-width: 100px;
|
|
}
|
|
|
|
.seccionHomeDesk {
|
|
display: none;
|
|
}
|
|
|
|
.seccionHomeMobile {
|
|
display: flex;
|
|
}
|
|
|
|
#topMenuVacia {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
padding-block: 10px;
|
|
}
|
|
|
|
.navbar-nav {
|
|
align-items: start;
|
|
}
|
|
|
|
.top-menu2 {
|
|
flex-direction: column;
|
|
margin-bottom: 15px;
|
|
width: 100%;
|
|
}
|
|
|
|
.top-menu2 li {
|
|
margin: 0px;
|
|
max-width: 100% !important;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
#menucolapsable {
|
|
width: 100% !important;
|
|
}
|
|
|
|
#filtroEstados {
|
|
gap: 15px;
|
|
}
|
|
|
|
#optContHorario {
|
|
padding-left: 0;
|
|
position: relative;
|
|
width: 100%;
|
|
left: auto;
|
|
top: auto;
|
|
padding-top: 0;
|
|
}
|
|
|
|
#optContHorario li {
|
|
padding-left: 50px !important;
|
|
width: 100%;
|
|
}
|
|
|
|
#usNav {
|
|
margin-left: 30px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#NavbarMenuComp {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
#imgLogoMobileSelModo {
|
|
display: flex;
|
|
}
|
|
|
|
#imgLogoDeskSelModo {
|
|
display: none
|
|
}
|
|
|
|
#menucolapsable {
|
|
height: auto !important;
|
|
}
|
|
|
|
.btnSeccion {
|
|
max-width: 100%;
|
|
height: 80px;
|
|
margin-inline: 0 !important;
|
|
}
|
|
|
|
.nominas {
|
|
margin-inline: 0;
|
|
margin-bottom: 0px;
|
|
}
|
|
#btnAtrasGeneral {
|
|
top: 25px;
|
|
left: 225px;
|
|
}
|
|
.controlHorario {
|
|
margin-inline: 0;
|
|
}
|
|
|
|
.imgBarraVacia {
|
|
display: none
|
|
}
|
|
|
|
.btnSeccion img {
|
|
height: 60px;
|
|
}
|
|
|
|
.btnAzul {
|
|
cursor:pointer;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.btnGris {
|
|
cursor:pointer;
|
|
margin-top: 20px
|
|
}
|
|
|
|
#cajaSeleccionados {
|
|
display: none;
|
|
}
|
|
|
|
.menuItemCH {
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.home {
|
|
margin-inline: 0 !important;
|
|
padding-inline: 0 !important;
|
|
}
|
|
|
|
.row {
|
|
margin-inline: 0 !important;
|
|
}
|
|
|
|
#Home .home {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.intAnyoNominas input {
|
|
width: 70%;
|
|
}
|
|
|
|
.intAnyoNominas #inAnno {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.incidenciasInt {
|
|
flex-direction: column;
|
|
}
|
|
|
|
#selIncidenciaNoReloj {
|
|
width: 100%;
|
|
}
|
|
|
|
#inpExpediente {
|
|
width: 100% !important;
|
|
}
|
|
|
|
#inpObservaciones {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.pagina {
|
|
max-width: 100%;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.selectInHora {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.input-group {
|
|
flex-wrap: nowrap;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.selectIn {
|
|
width: 100%;
|
|
}
|
|
|
|
.inFecha {
|
|
width: inherit;
|
|
}
|
|
|
|
.incidenciasInt p {
|
|
margin-bottom: 1rem !important;
|
|
}
|
|
|
|
.IntroducirFechas {
|
|
width: auto !important;
|
|
}
|
|
|
|
#selecctorInps {
|
|
display: block !important;
|
|
}
|
|
|
|
#selecctorInps input {
|
|
width: 100% !important;
|
|
}
|
|
.btnHome{
|
|
font-size:20px;
|
|
}
|
|
.DesgIncAtras{
|
|
left:20px;
|
|
z-index:0 !important
|
|
}
|
|
.CBUsuarios {
|
|
height: 30px;
|
|
width: 100%;
|
|
}
|
|
|
|
.divTablas {
|
|
max-width: 95%;
|
|
overflow: scroll;
|
|
margin-inline: auto;
|
|
}
|
|
|
|
.pUsuario {
|
|
max-width: calc(100% - 40px);
|
|
}
|
|
|
|
.burgerMenuActivo {
|
|
background-color: var(--AzulOAAF);
|
|
color: white;
|
|
}
|
|
|
|
.burgerMenuActivo span {
|
|
filter: invert(1)
|
|
}
|
|
|
|
#filtroEstados {
|
|
max-width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.cajaTabla {
|
|
max-width: 100%;
|
|
overflow-x: scroll;
|
|
margin-bottom: 25px
|
|
}
|
|
|
|
#mensajeGestPersonal {
|
|
margin-left: 15px !important;
|
|
margin-top: 0px !important;
|
|
font-size: 30px !important;
|
|
}
|
|
.pag{
|
|
padding-top:150px !important;
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 450px) {
|
|
.textoContacto {
|
|
font-size: 13px
|
|
}
|
|
|
|
.popupIncPendientes {
|
|
min-width: 350px;
|
|
}
|
|
}
|
|
/*@media (max-width: 991px) {*/
|
|
|
|
/**************************************BARRA NAVEGACION***********************************/
|
|
/*.menusControlHorario2 ul {
|
|
top: 190px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.menusControlHorario ul {
|
|
top: 190px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#mensajeGestPersonal {
|
|
display: none !important;
|
|
}
|
|
|
|
#divDI {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
#divCH {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.pagina {
|
|
padding-inline: 20px;
|
|
}
|
|
|
|
.DesgIncAtras {
|
|
left: 20px;
|
|
}
|
|
|
|
.padding-pag {
|
|
padding-inline: 20px;
|
|
}
|
|
|
|
.barraNavegacion {
|
|
flex-direction: column;
|
|
height: auto;
|
|
align-items: start;
|
|
padding-inline: 0;
|
|
position: relative;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
#barraNavegacion {
|
|
padding-left: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
#topMenuVacia {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
padding-block: 10px;
|
|
}
|
|
|
|
.navbar-nav {
|
|
align-items: start;
|
|
}
|
|
|
|
.top-menu2 {
|
|
flex-direction: column;
|
|
margin-bottom: 15px;
|
|
width: 100%;
|
|
}
|
|
|
|
.top-menu2 li {
|
|
margin: 0px;
|
|
max-width: 100% !important;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
#menucolapsable {
|
|
width: 100% !important;
|
|
}
|
|
|
|
#optContHorario {
|
|
padding-left: 0;
|
|
position: relative;
|
|
width: 100%;
|
|
left: auto;
|
|
top: auto;
|
|
padding-top: 0;
|
|
}
|
|
|
|
#optContHorario li {
|
|
padding-left: 50px !important;
|
|
width: 100%;
|
|
}
|
|
|
|
#usNav {
|
|
margin-left: 30px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#NavbarMenuComp {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
#menucolapsable {
|
|
height: auto !important;
|
|
}
|
|
|
|
.btnSeccion {
|
|
max-width: 100%;
|
|
height: 200px;
|
|
margin-inline: 0 !important;
|
|
}
|
|
|
|
.nominas {
|
|
margin-inline: 0;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.controlHorario {
|
|
margin-inline: 0;
|
|
}
|
|
|
|
.btnSeccion img {
|
|
height: 60px;
|
|
}
|
|
|
|
.btnAzul {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#cajaSeleccionados {
|
|
display: none;
|
|
}
|
|
|
|
.menuItemCH {
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.home {*/
|
|
/*margin-top: 50px;*/
|
|
/*}
|
|
|
|
#Home .home {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.intAnyoNominas input {
|
|
width: 70%;
|
|
}
|
|
|
|
.intAnyoNominas #inAnno {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.incidenciasInt {
|
|
flex-direction: column;
|
|
}
|
|
|
|
#selIncidenciaNoReloj {
|
|
width: 100%;
|
|
}
|
|
|
|
#inpExpediente {
|
|
width: 100% !important;
|
|
}
|
|
|
|
#inpObservaciones {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.selectInHora {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.input-group {
|
|
flex-wrap: nowrap;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.inFecha {
|
|
width: inherit;
|
|
}
|
|
|
|
.incidenciasInt p {
|
|
margin-bottom: 1rem !important;
|
|
}
|
|
|
|
.IntroducirFechas {
|
|
width: auto !important;
|
|
}
|
|
|
|
#selecctorInps {
|
|
display: block !important;
|
|
}
|
|
|
|
#selecctorInps input {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.CBUsuarios {
|
|
height: 30px;
|
|
width: 100%;
|
|
}
|
|
|
|
.pUsuario {
|
|
max-width: calc(100% - 40px);
|
|
}
|
|
|
|
.burgerMenuActivo {
|
|
background-color: var(--AzulOAAF);
|
|
color: white;
|
|
}
|
|
|
|
.burgerMenuActivo span {
|
|
filter: invert(1)
|
|
}
|
|
|
|
#filtroEstados {
|
|
max-width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.cajaTabla {
|
|
max-width: 100%;
|
|
overflow-x: scroll;
|
|
margin-bottom: 25px
|
|
}
|
|
|
|
#barraNavegacionVacia {
|
|
padding-inline: 0px;
|
|
}
|
|
#Nav1{
|
|
padding-inline:0px;
|
|
}
|
|
.btnOAAFAzul {
|
|
margin-block: 20px;
|
|
}
|
|
.selectIn {
|
|
width:100%;
|
|
}
|
|
#filtroEstados{
|
|
gap:15px;
|
|
}
|
|
.btnHome {
|
|
margin-block: 5px;
|
|
font-size: 30px;
|
|
justify-content: center !important;
|
|
}
|
|
}*/
|