@font-face {
    font-family: "Nunito Sans";
    src: url('../fonts/nunito-sans/NunitoSans-Regular.eot');
    src: url('../fonts/nunito-sans/NunitoSans-Regular.eot') format('embedded-opentype'), url('../fonts/nunito-sans/NunitoSans-Regular.woff2') format('woff2'), url('../fonts/nunito-sans/NunitoSans-Regular.woff') format('woff'), url('../fonts/nunito-sans/NunitoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nunito Sans";
    src: url('../fonts/nunito-sans/NunitoSans-Italic.eot');
    src: url('../fonts/nunito-sans/NunitoSans-Italic.eot') format('embedded-opentype'), url('../fonts/nunito-sans/NunitoSans-Italic.woff2') format('woff2'), url('../fonts/nunito-sans/NunitoSans-Italic.woff') format('woff'), url('../fonts/nunito-sans/NunitoSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Nunito Sans";
    src: url('../fonts/nunito-sans/NunitoSans-Bold.eot');
    src: url('../fonts/nunito-sans/NunitoSans-Bold.eot') format('embedded-opentype'), url('../fonts/nunito-sans/NunitoSans-Bold.woff2') format('woff2'), url('../fonts/nunito-sans/NunitoSans-Bold.woff') format('woff'), url('../fonts/nunito-sans/NunitoSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Nunito Sans";
    src: url('../fonts/nunito-sans/NunitoSans-BoldItalic.eot');
    src: url('../fonts/nunito-sans/NunitoSans-BoldItalic.eot') format('embedded-opentype'), url('../fonts/nunito-sans/NunitoSans-BoldItalic.woff2') format('woff2'), url('../fonts/nunito-sans/NunitoSans-BoldItalic.woff') format('woff'), url('../fonts/nunito-sans/NunitoSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

:root {
    --azul: #1266ab;
}

body, select, input {
    font-family: "Nunito Sans", Arial, Helvetica, Sans-Serif;
}

body {
    font-size: 16px;
    margin-top: 0em;
    margin-left: 0em;
    color: #505050;
    margin-right: 0em;
    text-decoration: none;
}

.huelgaSeleccionada {
    font-size: 0.8em;
}

.Azul {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    COLOR: var(--azul);
    PADDING-TOP: 3px;
}

.NaranjaGrande {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 20px;
    PADDING-BOTTOM: 3px;
    COLOR: #a94900;
    PADDING-TOP: 3px;
}

#divContenido {
    min-width: 950px
}

.tituloAzul {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    color: var(--azul);
    padding-top: 3px;
}

.tituloAzulBold {
    font-size: 18px;
    font-weight: bold;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
    color: var(--azul);
    padding-top: 3px;
}

.popupMenu {
    background-color: #F5F7F8;
    z-index: 300;
    opacity: .9;
}


a {
    color: var(--azul);
    text-decoration: none
}

    a:active {
        text-decoration: none
    }

    a:hover {
        text-decoration: underline;
    }

    a:visited {
        color: var(--azul);
        text-decoration: none
    }


/* Estilos para generar el menu desplegable con boton Expandir */

li {
    COLOR: var(--azul);
    list-style-type: none;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
}

ul#open2 {
    list-style-type: none;
    border-top: none;
    margin: 0;
    padding: 0;
}

li img {
    vertical-align: middle;
}


.menu .closed > ul {
    display: none;
}

.menu .opened > i {
    transform: rotate(90deg);
}

.menu .fa-caret-right {
    font-size: 17px;
    margin-right: 3px;
}

.menu {
    line-height: 17px;
}


.boton-prim, .boton-sec, .boton-rojo {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    letter-spacing: .09em;
    font-size: 16px;
    border-width: 1px;
    border-style: solid;
    min-width: 145px;
    cursor: pointer;
}

.boton-prim {
    border-color: #114DA6;
    background-color: #114DA6;
    color: #FFFFFF;
}

    .boton-prim:hover, .boton-prim:focus {
        background-color: #093473;
        border-color: #093473;
    }

.boton-sec {
    border-color: #114DA6;
    background-color: #FFFFFF;
    color: #114DA6;
}

    .boton-sec:hover, .boton-sec:focus {
        background-color: #093473;
        color: #FFFFFF;
    }

.boton-rojo {
    background-color: red;
    color: white;
}

    .boton-rojo:hover, .boton-rojo:focus {
        background-color: darkred;
    }

.boton:disabled {
    pointer-events: none;
    background-color: #e9ecef;
    color: gray;
}


.divBotones {
    margin-top: 30px;
    text-align: center;
}

h1 {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 20px;
}

h3 {
    font-size: 1.2em
}

h4 {
    font-size: 1em
}

h5 {
    font-size: 0.85em
}

h6 {
    font-size: 0.7em
}


/*   Estilos para datos de huelga     */

table.TablaHuelga {
    border-spacing: 0px;
    border-width: 2px;
    border-color: Navy;
    border-collapse: collapse;
    border-style: Solid;
    border-width: 1px;
    text-align: center;
}

.TablaHuelga th {
    background-color: #114DA6;
    color: White;
}

.TablaHuelga td {
    border-width: 1px;
    border-style: solid;
    border-color: #505050;
    border-spacing: 0px;
    border-collapse: collapse;
}

.TablaHuelga th, .TablaHuelga td {
    padding: 5px;
    vertical-align: middle;
    font-size: 11px;
}

.TablaHuelga caption {
    font-size: 15px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
    caption-side: top;
    text-align: center;
}

.TablaHuelga .iconoExpandir {
    visibility: hidden; /* ponemos así para que ocupe el espacio y queden alineados */
    font-size: 17px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}


.TablaHuelga .collapsed > :first-child .iconoExpandir {
    visibility: visible;
}

.TablaHuelga .expanded > :first-child .iconoExpandir {
    transform: rotate(90deg);
    visibility: visible;
}


.TablaHuelgaSinBorde {
    /*padding-left: 1px;
    border-width:0px;
    border-style:none;*/
    background-color: gray;
    color: White;
    font-weight: 100;
}

.TablaHuelgaSinBorde2 {
    /*padding-left: 1px;
    border-width:0px;
    border-style:none;*/
    background-color: #D3D3D3;
    color: White;
    font-weight: 100;
}

.TablaHuelga .nivel1 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

.TablaHuelga .nivel2 {
    padding-left: 20px;
}

.TablaHuelga .nivel3 {
    padding-left: 35px;
}

.TablaHuelga .nivel4 {
    padding-left: 50px;
}

.TablaHuelga .nivel5 {
    padding-left: 65px;
}



.TablaHuelgaCabeceraBordesBlancos th {
    border: 1px solid white;
}

    .TablaHuelgaCabeceraBordesBlancos th:first-child {
        border-left: 1px solid #114DA6;
    }

    .TablaHuelgaCabeceraBordesBlancos th:last-child {
        border-right: 1px solid #114DA6;
    }

.TablaHuelgaCabeceraBordesBlancos tr:first-child th {
    border-top: 1px solid #114DA6;
}

.TablaDesgloseTurnos {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

    .TablaDesgloseTurnos th {
        border: solid 1px white;
    }

    .TablaDesgloseTurnos tbody tr:last-child td {
        border-top: double 5px;
    }
/**********************************/

.PnlDatosTurno {
    display: flex;
    padding-bottom: 20px;
    justify-content: space-evenly;
}

    .PnlDatosTurno input[type="text"], .PnlDatosTurno th {
        font-size: 14px;
    }

.TablaDatosTurno {
    margin-left: 5px;
    margin-right: 5px;
}


    .TablaDatosTurno th {
        text-align: center;
    }

    .TablaDatosTurno td {
        text-align: center;
    }

    .TablaDatosTurno input {
        width: 90px;
        margin-left: 20px;
        margin-bottom: 9px;
        text-align: right;
    }

.PnlCabecera {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

/**********************************/
.TablaEstadisticas {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .TablaEstadisticas .columnaEfectivos p {
        min-width: 65px;
        margin: 0;
    }

    .TablaEstadisticas .columnaPorcentaje p {
        min-width: 110px;
        margin: 0;
    }

    .TablaEstadisticas .columnaTitulo p {
        margin: 0;
    }


.asterisco {
    font-size: x-large;
    vertical-align: middle;
    color: red;
}

.panelSiteMap {
    margin-left: 11px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.textoMiga {
    color: var(--azul);
}

.panelSiteMapConEncabezado {
    position: absolute;
    top: 110px;
    margin-left: 11px;
    margin-bottom: 5px;
}

hr.lineaAmarilla {
    background-color: #fed500;
    height: 1px;
    border: none;
    opacity: 1;
}

.divCamposFormulario {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: start;
    align-items: center;
    margin-top: 20px;
}

    .divCamposFormulario > div {
        margin-right: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
    }


    .divCamposFormulario label, input[type='text'], input[type="password"], select {
        padding-top: 3px;
        padding-bottom: 3px;
    }



/********************/


.form-control, .form-select {
    width: auto;
}

.form-control, .form-select, .form-check-input {
    display: inline-block;
    border-style: solid;
    border-width: 2px;
}

.form-select, input[type=text].form-control, input[type=password].form-control, input[type=search].form-control {
    height: 48px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}


    .form-control:focus, .form-check-input:focus, .form-select:focus, .form-select.is-invalid:focus {
        box-shadow: none;
    }

    .form-control:focus, .form-select:focus, .form-check-input:focus {
        border-color: #658cc5;
    }


.fieldsetCamposFormulario {
    margin-top: 20px;
    border: 1px solid lightgray;
    padding: 10px;
}

    .fieldsetCamposFormulario legend {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.25rem !important;
    }


button.botonComoEnlace {
    background: none !important;
    border: none;
    padding: 0 !important;
    text-decoration: underline;
    cursor: pointer;
    color: var(--azul);
    font-weight: bold;
}

    button.botonComoEnlace:hover {
        text-decoration: none;
    }

.divCentrosIncluidos {
    margin-top: 30px;
}

    .divCentrosIncluidos p {
        font-weight: bold;
    }

    .divCentrosIncluidos li {
        list-style-type: disc;
        color: inherit;
    }

.validator-error, .validator-error li {
    color: red;
}