/* @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html,
body {
    height: 100%;
    font-family: "Inter", serif;
    font-weight: 600;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.container-principal{
    padding:25px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.summary {
    background-color: #d9edf7;
    margin-bottom: 7px;
    border-radius: 5px;
    padding: 7px 15px;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}

legend.scheduler-border2 {
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: left !important;
}

.cursor{
    cursor: pointer;
}

.navbar-inverse .navbar-brand{
    color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a{
    color: #000000;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus
{
    color: #fff;
    background-color: #A4A4A4 !important;
}

.navbar-brand {
    padding: 0px;
}

.breadcrumb {
    background-color: #d6eaf8;
}

.btn {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3); /* Sombra más intensa */
    transition: all 0.3s ease; /* Transición suave */
    border: none; /* Elimina el borde por defecto de Bootstrap */
    position: relative; /* Necesario para el efecto de "bajar" */
}

.btn:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Reduce la sombra al hacer clic */
    transform: translateY(5px); /* Mayor desplazamiento hacia abajo */
}

.encabezado-rojo{
    background-color:#EA6868;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.encabezado-verde{
    background-color:#90BF88;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.encabezado-amarillo{
    background-color:#F8A656;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.fondo-amarillo{
    background-color:#FFFF00;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 12px !important;
}

.fondo-azul{
    background-color:#5156dd;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 18px !important;
}

.fondo-blanco{
    background-color:#ffffff;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 14px !important;
}

.fondo-rojo{
    background-color:#FF0000;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 12px !important;
}

.fondo-verde{
    background-color:#17ea66;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 12px !important;
}

.fondo-azul-claro{
    background-color:#2badff;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 12px !important;
}

.fondo-magneto{
    background-color:#ff7ff5;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 12px !important;
}

.encabezado-cobertura{
    background-color:#FFBF00;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.fila-encabezado{
    height: 20px !important;
}

.mensaje-tabla{
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
}

.centrar{
    text-align: center;
    vertical-align: middle;
}

.justificar{
    text-align: justify;
}

.derecha{
    text-align: right;
}

.navbar-inverse{
    border-color: #0087c5;
    background-color: #0087c5;
}

.pad5{
    padding: 5px;
}

.margen1{
    margin: 2px;
}


.margen-etiqueta{
    padding-top: 25px;
}

.margen-remover{
    padding-top: 5px;
}

.f7{
    font-size: 7pt;
}

.f13{
    font-size: 13pt;
}

.f15{
    font-size: 15pt;
}


.fw-bold {
    font-weight: bold;
}





.form-group input[type="checkbox"][class="roles"]{
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}



@media screen and (max-width: 360px){
    .div-horas-criticas{
        padding-bottom: 25px;
    }

    #horas-criticas{
        position: relative;
        margin-top: -15px;
    }

    #titulo{
        font-size: 11pt;
        font-weight: bold;
    }
}


@media screen and (min-width: 361px) and (max-width: 980px){
    .div-horas-criticas{
        padding-bottom: 25px;
    }

    #horas-criticas{
        position: relative;
        margin-top: -15px;
    }

    #titulo{
        font-weight: bold;
    }
}


@media screen and (min-width: 981px) and (max-width: 1280px){
    .div-horas-criticas{
        padding-bottom: 25px;
    }

    #horas-criticas{
        position: relative;
        margin-top: 25px;
        margin-left: -30px;
        font-size: 9pt;
    }

    #titulo{
        font-weight: bold;
    }
}


@media screen and (min-width: 1281px) and (max-width: 1366px){
    .div-horas-criticas{
        padding-bottom: 25px;
    }

    #horas-criticas{
        position: relative;
        margin-top: 25px;
        margin-left: -30px;
        font-size: 10pt;
    }

    #titulo{
        font-weight: bold;
    }
}


@media screen and (min-width: 1367px){
    .div-horas-criticas{
        padding-bottom: 25px;
    }

    #horas-criticas{
        position: relative;
        margin-top: 25px;
        margin-left: -20px;
        /*font-size: 12pt;*/
    }

    #titulo{
        font-weight: bold;
    }
}


form div.required label.control-label:after {
    content:" * ";
    color:red;
}

.requerido{
    color: red;
    font-size: 13pt;
}

.ancho-total{
    width: 100%;
}

.ancho{
    border: solid;
}

.letra-roja{
    color:red;
}

.letra-verde{
    color:green;
}

.letra-amarilla{
    color: #F0AD4E;
}

.negrita{
    font-weight: bold;
}

.margen-top{
    margin-top: 5px;
}

.margen-bottom{
    margin-bottom: 5px;
}

.margen-top-10{
    margin-top: 10px;
}

.ancho-200{
    width:200px;
}

.ancho-modal{
    width: 80%;
}

.nd{
    text-decoration: none !important;
}

.black{
    color: black;
}

.black:hover{
    color: black;
}

.black:focus{
    color: black;
}

#tabla-convocatorias tr th{
    max-width: 100px;
    white-space: normal;
}


.alto-chosen{
    height: 32px !important;
}

#mensaje-asistencia{
    margin-top: -10px;
}

.icono-personal-asistente{
    width: 70px;
}

.celda-personal-asistente{
    vertical-align: top;
    padding-left: 15px;
    font-size: 10pt;
}

.remover-personal-asistente{
    position: absolute;
    top: 10px;
    right: 10px;
}

.oculto{
    display:none;
}


.mensaje-conectado{
    position: absolute;
    margin-left:25px;
}


.foto-trabajador-mc{
    width: 100px;
}


/* Margenes */
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }

.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 1rem; }
.ml-4 { margin-left: 1.5rem; }
.ml-5 { margin-left: 3rem; }

.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 1rem; }
.mr-4 { margin-right: 1.5rem; }
.mr-5 { margin-right: 3rem; }

.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3 { margin-top: 1rem; margin-bottom: 1rem; }
.my-4 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-5 { margin-top: 3rem; margin-bottom: 3rem; }

.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-3 { margin-left: 1rem; margin-right: 1rem; }
.mx-4 { margin-left: 1.5rem; margin-right: 1.5rem; }
.mx-5 { margin-left: 3rem; margin-right: 3rem; }
/* Fin márgenes */


/* Padding */
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 1rem; }
.pt-4 { padding-top: 1.5rem; }
.pt-5 { padding-top: 3rem; }

.pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 1rem; }
.pb-4 { padding-bottom: 1.5rem; }
.pb-5 { padding-bottom: 3rem; }

.pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 1rem; }
.pl-4 { padding-left: 1.5rem; }
.pl-5 { padding-left: 3rem; }

.pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 1rem; }
.pr-4 { padding-right: 1.5rem; }
.pr-5 { padding-right: 3rem; }

.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-5 { padding-top: 3rem; padding-bottom: 3rem; }

.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 1rem; padding-right: 1rem; }
.px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-5 { padding-left: 3rem; padding-right: 3rem; }
/* Fin padding */