@font-face {
    font-family: 'Material Icons';
    src: url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.2.96/fonts/materialdesignicons-webfont.woff2) format('woff2');
}

body {
    font-size:13px;
    font-family:"Roboto";
}

a {
    c_olor: var(--colorPrincipal) !important
}

.max-width-500 { max-width: 500px; }
.size26 { font-size: 26px; }
.size45 {
    font-size: 45px;
}

.w6pct { width: 6%; }
.w7pct { width: 7%; }
.w8pct { width: 8%; }
.w9pct { width: 9%; }
.w11pct { width:11%; }
.w12pct { width:12%; }
.w13pct { width:13%; }
.w14pct { width:14%; }

.colorObservaciones {
    color: #FEDA35 !important;
}

.colorReconocimiento {
    color: #EBC05E !important;
}

.colorEliminar {
    color: #BD231C !important;
}

.color-fondo-reconocimiento-seleccionado {
    background-color: #f3f3f3 !important;
}

.bg-tasa-defectuosa {
    background-color: #fee2d7 !important;
}

.btn {
    border-radius: 0px;
    font-size: unset;
}

hr {
    margin-top: 0;
    margin-bottom: auto;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.form-control{
    border-radius:0px;
}

button, input, optgroup, select, textarea {
    font-size: 13px !important;
}

.card, .card-header:first-child {
    border-radius:0px;
}

    .card .card-body {
        padding: 0.75rem;
    }

.card-title {
    margin-bottom: .3rem;
}

.alert-sm {
    padding: 0.5rem 1rem !important;
}

.alert-dismissible .close {
    color: inherit !important;
}

.input-group-append > .btn {
    height: auto;
}

label.vacia {
    display: block;
}

.btn-primary {
    color: #fff;
    background-color: #5e9fe5;
    border-color: #5e9fe5;
}

.modal-header .close span {
    font-size: 30px;
}

.obligatorio:after {
    content: "*";
    color: #FF0000 !important;
    font-size: 12px;
}

.btn-storm {
    background-color: var(--colorPrincipal) !important;
    color: var(--colorPrincipalInverso) !important
}

    .btn-storm:hover {
        background-color: var(--colorPrincipalOscuro) !important
    }

.btn-verde {
    background-color: var(--colorVerde) !important;
    color: var(--colorPrincipalInverso) !important
}

    .btn-verde:hover {
        background-color: var(--colorVerdeOscuro) !important
    }

.btn-historia-clinica {
    background-color: #DDDDDD !important;
    color: #AAAAAA !important;
    padding: 0.15rem 0.25rem;
    min-width: 30px;
    height: 28px !important;
    line-height: 22px;
    font-size: 11px;
}

.btn:disabled, .btn[disabled], .btn.disabled {
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    color: #666666 !important;
}

.navbar-storm {
    background-color: var(--colorPrincipal) !important;
    color: var(--colorPrincipalInverso) !important
}

    .navbar-storm button, .navbar-storm a, .navbar-storm span {
        color: #fff !important
    }

button.sin-estilos {
    border: none;
    background-color: inherit;
}

ol.breadcrumb {
    margin-bottom: 0.5rem;
    padding: 0.5rem 0.75rem;
}

.tabla-storm thead tr, .tabla-storm-condensed thead tr {
    background-color: var(--colorPrincipalClaro) !important;
    color: var(--colorPrincipalClaroInverso) !important
}

    .tabla-storm thead tr a, .tabla-storm-condensed thead tr a {
        color: var(--colorPrincipalClaroInverso) !important
    }

        .tabla-storm thead tr a:hover, .tabla-storm-condensed thead tr a:hover {
            text-decoration: underline;
        }

.tabla-storm-condensed td, .tabla-storm-condensed th {
    padding: .35rem !important;
}

label.error {
    color: #dc3545 !important;
}

.validation-summary-errors ul {
    margin-bottom: 0px;
}

.tabla-storm .icono {
    font-size: 25px;
    line-height: 25px;
    text-decoration: none;
}

/* Menú Storm (del área de administración y de la web normal) */
.menu-storm {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .menu-storm ul li a, menu-storm ul li a:focus, menu-storm ul li a:visited {
        background-color: var(--colorPrincipalOscuro) !important;
        color: #FFFFFF !important;
    }

        .menu-storm ul li a:hover {
            background-color: var(--colorPrincipal) !important;
            color: #FFFFFF !important;
        }

    .menu-storm ul li.active {
        background-color: var(--colorPrincipal) !important;
    }

    .menu-storm ul li.active a {
        background-color: var(--colorPrincipal) !important;
        color: #FFFFFF !important;
    }

        .menu-storm ul li.active a:hover {
            background-color: var(--colorPrincipal) !important;
            color: #FFFFFF !important;
        }

    .menu-storm ul li.active > ul.sub-menu li {
        background-color: var(--colorPrincipalOscuro) !important;
        color: #FFFFFF !important;
    }
        .menu-storm ul li.active > ul.sub-menu li a {
            background-color: var(--colorPrincipalOscuro) !important;
            color: #FFFFFF !important;
        }

    .menu-storm ul li.active > ul.sub-menu li:hover {
        background-color: var(--colorPrincipal) !important;
        color: #FFFFFF !important;
    }
        .menu-storm ul li.active > ul.sub-menu a:hover {
            background-color: var(--colorPrincipal) !important;
            color: #FFFFFF !important;
        }

/* Menú Storm (del área de administración y de la web normal) */
.pestanas-storm {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .pestanas-storm ul li a, pestanas ul li a:focus, pestanas ul li a:visited {
        b_ackground-color: #AEAEAE !important;
        background-color: var(--colorPrincipalOscuro) !important;
        padding: 0.3em 1em !important;
        color: #FFFFFF !important;
    }

        .pestanas-storm ul li a:hover {
            background-color: var(--colorPrincipal) !important;
            color: #FFFFFF !important;
        }

    .pestanas-storm ul li.active {
        background-color: var(--colorPrincipal) !important;
    }

        .pestanas-storm ul li.active a {
            background-color: var(--colorPrincipal) !important;
            color: #FFFFFF !important;
        }

            .pestanas-storm ul li.active a:hover {
                background-color: var(--colorPrincipal) !important;
                color: #FFFFFF !important;
            }

/* Paginado del WebGrid */
.paginado-grid {
    text-align: center;
    font-weight: bold;
    color: #b0b0b0;
}

    .paginado-grid a {
        display: inline-block;
        /*width: 28px;*/
        min-width: 28px;
        height: 32px;
        line-height: 29px;
        border: 1px solid var(--colorPrincipal) !important;
        border-radius: 7px;
        color: #000000 !important;
        margin: 3px;
    }

        .paginado-grid a:hover {
            background-color: var(--colorPrincipal) !important;
            color: var(--colorPrincipalInverso) !important;
            text-decoration: none;
        }


.icono-verde {
    font-size: 25px;
    line-height: 25px;
    color: var(--colorVerde) !important
}

.icono-rojo {
    font-size: 25px;
    line-height: 25px;
    color: var(--colorRojo) !important
}

.icono-online {
    font-size: 25px;
    line-height: 25px;
    color: var(--colorVerde) !important
}

.icono-offline {
    font-size: 25px;
    line-height: 25px;
    color: #DDDDDD;
}

.campo-rojo {
    color: #BE0C35;
    font-weight: bold;
}

.campo-naranja {
    color: #E67E22;
    font-weight: bold;
}

.negrita {
    font-weight: bold;
}

@keyframes highlight {
    0% {
        background: #ffff99;
    }

    100% {
        background: none;
    }
}

/*@keyframes highlight-comunicados {
    0% {
        background: #fff480;
    }

    100% {
        background: none;
    }
}*/

.highlight {
    animation: highlight 2s;
}

.highlight-comunicados {
    /*    animation-name: highlight-comunicados;
    animation-duration: 2s;
    animation-direction: alternate;
    animation-iteration-count: 5;*/
    background: #fff480 !important;
}

.w400 {
    width: 400px;
}

.columna-avisos {
    position: absolute;
    width: 300px;
    right: 0px;
    top: 60px;
}

    .columna-avisos .aviso {
        font-size: 12px;
        position: relative;
        display: block;
        z-index: 10;
        margin-bottom: 5px !important;
    }

    .columna-avisos .comunicado {
        font-size: 12px;
        position: relative;
        display: block;
        z-index: 10;
        margin-bottom: 5px !important;
        border-color: #856404;
    }

.divIconoAdvertenciaErrorRestriccionHoraria {
    display: flex;
    align-items: center;
}

.fs80 {
    font-size: 80px;
}

.texto-centrado {
    text-align: center;
}

.ocultar {
    display:none;
}

.color-fondo-elemento-inactivo {
    background-color: #FEE2D7 !important;
}

.color-fondo-tipoTasa1 {    
    background-color: #effcef !important;
    color: #2b802b !important;
}


.color-fondo-tipoTasa2 {
    background-color: #fdf0f0 !important;
    color: #ff0000 !important;
}

.color-fondo-tipoTasa3 {
    background-color: #f8f6f6 !important;
    color: Gray !important;
}

.color-fondo-tipoTasa4 {
    background-color: #fff8ea !important;
    color: Orange !important;
}

.color-fondo-tipoTasa5 {
    background-color: #f2f3fe !important;
    color: Blue !important;
}

.dropdown-menu{border-radius:0px;}

/* Loading cargando */

#materialLoading {
    font-family: roboto;
    color: #222;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: table;
    z-index: 9999;
}

#materialLoadingCentered {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

#materialLoadingContent {
    text-align: center;
}

#materialLoading.hide {
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none;
}

    #materialLoading.hide #materialLoadingCentered {
        transform: scale(0.8);
        transition: transform 0.2s ease-out;
    }

#materialLoading.show {
    opacity: 1;
    transition: opacity 0.2s ease-in;
}

    #materialLoading.show #materialLoadingCentered {
        transform: scale(1);
        transition: transform 0.2s ease-in;
    }

#toast-container > div {
    opacity: .9 !important;
}


div.columnas-adicionales div.custom-checkbox {
    display: inline;
    margin-right: 10px;
}

    div.columnas-adicionales div.custom-checkbox label.custom-control-label {
        display: inline;
        padding-top: 13px !important;
    }

.cursor-pointer {
    cursor: pointer;
}

.proxima-renovacion {
    margin-top: 5px !important;
}

    .proxima-renovacion div.card-body {
        padding: 5px 10px;
    }

    .proxima-renovacion .fecha-renovacion-pasada {
        background-color: #ffd2d2;
    }

.btn-mas-info {
    padding: 6px 6px !important;
}

.close-popover {
    float: right;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.consejo-salud-laboral {
    padding: 8px 8px;
    border-radius: 5px;
    top: 7px;
    position: relative;
    font-weight: bold;
}

.historia-clinica .resumen-firmas-historia-clinica {
    background-color: #EEEEEE;
    padding: 5px 5px;
}

.historia-clinica .fondo-gris {
    background-color: #EEEEEE;
}

.historia-clinica .fila {
    border: 1px solid #EEEEEE;
    border-bottom: 0px;
}

    .historia-clinica .fila.no-border-left {
        border-left: none;
    }

    .historia-clinica .fila.no-border-right {
        border-right: none;
    }

    .historia-clinica .fila.no-border-top {
        border-top: none;
    }

    .historia-clinica .fila.no-border {
        border: none;
    }

    .historia-clinica .fila .padding {
        padding: 3px 6px;
    }

.historia-clinica .ultima-fila {
    border-bottom: 1px solid #EEEEEE;
}

.historia-clinica .fondo-amarillo {
    background-color: #FBF0C6;
}

.historia-clinica .highlight {
    animation: highlight 3000ms ease-out;
}

.historia-clinica .ver-arbol-enfermedades {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -3px;
}

.historia-clinica .ver-arbol-enfermedades:disabled i {
    color: #CCCCCC !important;
}

.historia-dictamen-final .tabla-enfermedades-restricciones td {
    font-size: 11px;
    border: 1px solid #CCCCCC;
    padding: 5px;
}

    .historia-dictamen-final .tabla-enfermedades-restricciones td p {
        margin-bottom: 0px;
    }

@keyframes highlight {
    0% {
        background-color: yellow;
    }

    100% {
        background-color: #e9ecef;
    }
}

.historia-clinica .highlight-rojo {
    animation: highlight-rojo 3000ms ease-out;
}
@keyframes highlight-rojo {
    0% {
        background-color: red;
    }

    100% {
        background-color: #e9ecef;
    }
}

.historia-clinica #imgFirmaFacultativo {
    max-height: 120px;
    padding: 10px;
    text-align: center;
}

.historia-clinica-datos-personales .foto {
    width: 70px;
    border: 1px solid var(--colorPrincipalClaro);
}

.seccion-historia-clinica-guardada {
    background-color: var(--colorVerde) !important;
    color: #FFFFFF !important;
}

.seccion-historia-clinica-firmada {
    background-color: var(--colorVerde) !important;
    color: #FFFFFF !important;
    border-bottom: 4px solid #4d57ff !important;
}

.custom-checkbox-no-margin-top label, .custom-radio-no-margin-top label {
    padding-top: 0px !important;
}

    .custom-checkbox-no-margin-top label::before, .custom-checkbox-no-margin-top label::after, .custom-radio-no-margin-top label::before, .custom-radio-no-margin-top label::after {
        margin-top: 0px !important;
    }

.checkbox-no-margin-top::before, .checkbox-no-margin-top::after, .custom-radio-no-margin-top::before, .custom-radio-no-margin-top::after {
    margin-top: 0px !important;
}


.tabla-audiometria .padding {
    padding: 3px 6px;
}

.tabla-audiometria .borde-inferior {
    border-bottom: 1px solid #EEEEEE;
}

.tabla-audiometria .panel-izq, .tabla-audiometria .panel-der {
    border: 1px solid #EEEEEE;
}

.tabla-audiometria .columna-1 {
    width: 15%;
}

.tabla-audiometria .columna-2 {
    width: 14.16%;
}

.tabla-audiometria .columna-3 {
    width: 14.16%;
}

.tabla-audiometria .columna-4 {
    width: 14.16%;
}

.tabla-audiometria .columna-5 {
    width: 14.16%;
}

.tabla-audiometria .columna-6 {
    width: 14.16%;
}

.tabla-audiometria .columna-7 {
    width: 14.16%;
}

.alerta-campo {
    background-color: #FEC4B8;
    border: 1px solid #FF0000;
    color: #FF0000;
}

.campo-salud-laboral {
    background-color: #E0F0FC !important;
    border: 1px solid #0B4D73 !important;
}

.campo-deshabilitado {
    background-color: #F6F6F6 !important;
}

.referencias-otras-exploraciones span.span-titulo, .referencias-otras-exploraciones div.subtitulo span.span-titulo, .referencias-otras-exploraciones div.detalle span.span-titulo {
    display: block;
    padding: 5px 10px;
    font-weight: bold;
    border: 1px solid #B0D5F8;
}


.horario {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    width: 100px;
    border: 1px solid #5e9fe5;
    background-color: #5e9fe5;
    color: #FFFFFF;
}

    .horario.completo {
        border: 1px solid #999999 !important;
        background-color: #cccccc !important;
        color: #666666 !important;
        cursor: not-allowed;
    }

    .horario.horario-seleccionado {
        background-color: var(--colorPrincipalClaro) !important;
        color: #F8AC1E !important;
        font-weight: bold !important;
    }

    .horario.overbooking {
        border: 1px solid #c74c4c !important;
        background-color: #d68787 !important;
    }

    .horario.horario-seleccionado-completo {
        border: 1px solid #c74c4c !important;
        background-color: #FC5858 !important;
        color: #FFFFFF !important;
    }



/* COMBO CON BANDERAS */
.dd .ddTitle {
    background: none !important;
}

.dd span.ddTitleText {
    p_adding: 0px 20px 0px 5px !important;
}

.dd .ddArrow {
    background: url(/Images/dd_arrow.gif) no-repeat !important;
}

/* SELECTOR DE COLORES*/
.selector-colores {
    width: 131px;
    position: absolute;
    z-index: 9999;
}

.selector-colores .card-body {
    padding: 5px;
}

.selector-colores .titulo-selector {
   font-size: 10px;
}

    .selector-colores .color, .color-muestra {
        width: 25px;
        text-align: center;
        height: 25px;
        font-weight: bold;
        border: 1px solid #CCCCCC;
    }

/* LISTA REFERENCIAS OTRAS EXPLORACIONES DE LA HC */
.lista-referencias {
    width: 350px;  
    position: absolute;
    z-index: 2;
}

    .lista-referencias #DivContenido {
        max-height: 375px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .lista-referencias .btn-referencia, .lista-referencias .btn-referencia-detalle {
        font-weight: bold;
        border: 1px solid #B0D5F8;
    }


/* FICHA VISITA*/
.ficha-visita {
    background-color: #FFFFFF !important;
}


/* DATOS VISITA*/

.datos-visita {
    width: 320px;
    font-size: 12px;
}

.datos-visita div.card-body {
    padding: 15px;
}

    .datos-visita .foto {
        width: 70px;
        border: 1px solid var(--colorPrincipalClaro);
    }

.datos-visita #spanEliminarVisita {
    position: relative;
    top: -12px;
    left: 5px;
    width: 26px;
}
    .datos-visita .reconocimiento {
        padding: 10px 0px;
    }

    .datos-visita .reconocimiento div.icono, .datos-visita .opcion-menu div.icono {
        margin-right: .5rem !important;
    }

        .datos-visita .reconocimiento div.icono i, .datos-visita .opcion-menu div.icono i {
            font-size: 20px;
        }

    .datos-visita .reconocimiento div.texto {
        margin-right: .5rem !important;
    }

        .datos-visita .reconocimiento div.paso-conduccion {
            margin-top: 5px;
            margin-left: 20px;
        }

            .datos-visita .reconocimiento div.paso-conduccion div.icono i {
                font-size: 16px;
            }

            .datos-visita .reconocimiento div.paso-conduccion div.texto {
                padding-top: 3px;
            }

    .datos-visita .opcion-menu div.texto {
        margin-right: .5rem !important;
        line-height: 30px;
    }

    .datos-visita .btn-historia-clinica {
        background-color: #DDDDDD;
        color: #AAAAAA;
        padding: 0.15rem 0.15rem;
        min-width: 25px;
        font-size: 10px;
        height: 25px !important;
        line-height: 18px !important;
    }

    /* Containers */
    /* Ejemplo: <div class="container container10"> */

    .container{
        margin-left:unset;
    }
    .container12 {
        max-width: 1400px;
    }
    .container10 {
        max-width: 1200px;
    }
    .container8 {
        max-width: 1000px;
    }
    .container6 {
        max-width: 800px;
    }

.image-preview {
    border: 2px solid var(--colorPrincipalClaro);
    max-width: 200px;
}

.lista-consejos {
    width: 300px;
    position: absolute;
    z-index: 9999;
    box-shadow: 3px 3px 8px #D3D3D3;
}

.lista-consejos button {
    font-size: 11px !important;
}

.lista-consejos .card {
    margin-top: 0px;
}

    .lista-consejos .card-body {
        border-color: var(--colorPrincipal) !important;
    }

.reconocimientos-datos-visita {
    width: 70% !important;
}

@media only screen and (max-width: 1600px) {
    .reconocimientos-datos-visita {
        width: 85% !important;
    }
}

@media only screen and (max-width: 1366px) {
    .reconocimientos-datos-visita {
        width: 100% !important;
    }
}

/* MODAL RESULTADO OBTENER TRAMITABILIDAD Y TRAMITAR PERMISO*/

#modalResultadoObtenerTramitabilidadServicioDgt #DivErroresServicio i.icono, #modalResultadoTramitarPermiso #DivErroresServicio i.icono {
    font-size: 40px;
    color: var(--colorRojo) !important;
}

#modalResultadoObtenerTramitabilidadServicioDgt #DivAvisosServicio i.icono, #modalResultadoTramitarPermiso #DivAvisosServicio i.icono {
    font-size: 40px;
    color: var(--colorNaranja) !important;
}

#modalResultadoObtenerTramitabilidadServicioDgt #DivErroresServicio span.titulo, #modalResultadoObtenerTramitabilidadServicioDgt #DivAvisosServicio span.titulo,
#modalResultadoTramitarPermiso #DivErroresServicio span.titulo, #modalResultadoTramitarPermiso #DivAvisosServicio span.titulo {
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
}


/* MODAL RESULTADO OBTENER TRAMITABILIDAD Y TRAMITAR PERMISO*/

#modalReintentarTramite i.icono {
    font-size: 40px;
    color: var(--colorNaranja) !important;
}


/* FICHA RECONOCIMIENTO */
.ficha-reconocimiento-finalizado div.card-header {
    padding: 5px 15px;
}

.ficha-reconocimiento-finalizado div.card-header span.titulo {
    font-size: 16px;
    line-height: 29px;
}

.ficha-reconocimiento-finalizado div.card-body table tr:last-child td {
    border-bottom: none !important;
}

.ficha-reconocimiento-finalizado div.card-body table td {
    border-bottom: 1px solid #DDDDDD;
}

    .ficha-reconocimiento-finalizado div.card-body table td.titulo {
        border-bottom: 1px solid #FFFFFF;
        width: 225px;
        background-color: var(--colorPrincipalClaro);
    }

.ficha-reconocimiento-finalizado .div-aviso-confirmar-tramite {
    margin-top: 0px;
}

    .ficha-reconocimiento-finalizado .div-aviso-confirmar-tramite .card-body, .ficha-reconocimiento-finalizado .div-aviso-confirmar-tramite .card-footer {
        background-color: #FDFCB3;
        color: #FF0000;
    }

/* FIN FICHA RECONOCIMIENTO */
.trazas-dgt div.card-header {
    padding: 5px 15px;
}

.trazas-dgt tr.peticion-ok td {
    background-color: #E0F8E0;
}

.trazas-dgt tr.peticion-error td {
    background-color: #F6CECE;
}

.trazas-dgt tr.peticion-aviso td {
    background-color: #F6E3CE;
}

.reconocimiento-visado .custom-control .custom-control-label {
    padding-top: 0px !important;
}

    .reconocimiento-visado .custom-control .custom-control-label::before {
        margin-top: -2px !important;
    }

    .reconocimiento-visado .custom-control .custom-control-label::after {
        margin-top: -2px !important;
    }

.buscador-visitas .custom-control .custom-control-label {
    padding-top: 0px !important;
}

    .buscador-visitas .custom-control .custom-control-label::before {
        margin-top: -2px !important;
    }

    .buscador-visitas .custom-control .custom-control-label::after {
        margin-top: -2px !important;
    }

.resumen-tasas .tabla-resumen .tipo-tasa-5 {
    background-color: #F2F3FE !important;
    color: #0000FF !important;
}

.resumen-tasas .tabla-resumen .fila-resumen-secundario-tipo-tasa-5 table {
    background-color: #FFFFFF !important;
    color: #0000FF !important;
}

.resumen-tasas .tabla-resumen .tipo-tasa-4 {
    background-color: #FFF8EA !important;
    color: #FFB937 !important;
}

.resumen-tasas .tabla-resumen .fila-resumen-secundario-tipo-tasa-4 table {
    background-color: #FFFFFF !important;
    color: #FFB937 !important;
}

.resumen-tasas .tabla-resumen .tipo-tasa-3 {
    background-color: #F8F6F6 !important;
    color: #808080 !important;
}

.resumen-tasas .tabla-resumen .fila-resumen-secundario-tipo-tasa-3 table {
    background-color: #FFFFFF !important;
    color: #808080 !important;
}

.resumen-tasas .tabla-resumen .tipo-tasa-2 {
    background-color: #FDF0F0 !important;
    color: #FF2424 !important;
}

.resumen-tasas .tabla-resumen .fila-resumen-secundario-tipo-tasa-2 table {
    background-color: #FFFFFF !important;
    color: #FF2424 !important;
}

.resumen-tasas .tabla-resumen .tipo-tasa-1 {
    background-color: #EFFCEF !important;
    color: #2B802B !important;
}

.resumen-tasas .tabla-resumen .fila-resumen-secundario-tipo-tasa-1 table {
    background-color: #FFFFFF !important;
    color: #2B802B !important;
}

.resumen-tasas .tabla-resumen .total {
    background-color: #F2F2F2 !important;
    font-weight: bold !important;
}

.resumen-tasas .tabla-resumen th, .resumen-tasas .tabla-resumen td, .resumen-tasas .tabla-resumen .tabla-resumen-secundario th, .resumen-tasas .tabla-resumen .tabla-resumen-secundario td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.estados-notificaciones-recarga td {
    width: 50px;
}

.estado-notificacion-recarga {
    border-top: none !important;
    padding: 5px 10px !important;
}

    .estado-notificacion-recarga.verde {
        background-color: #DFFADB;
    }

    .estado-notificacion-recarga.amarillo {
        background-color: #F9FBBF;
    }

    .estado-notificacion-recarga.naranja {
        background-color: #FCF3B4;
    }

    .estado-notificacion-recarga.morado {
        background-color: #BBBBFF;
    }

    .estado-notificacion-recarga.rojo {
        background-color: #FFC4C4;
    }

    .estado-notificacion-recarga span {
        display: block;
        height: 100%;
        width: 100%;
        font-size: 30px;
        color: #6c757d;
    }

    .estado-notificacion-recarga.cambiar-estado span {
        cursor: pointer;
    }

.leyenda-notificacion-recarga {
    padding: 5px;
}

    .leyenda-notificacion-recarga .icono {
        padding: 2px 5px;
        color: #6c757d;
        font-size: 18px;
        border: 1px solid #6c757d;
    }

    .leyenda-notificacion-recarga .icono.verde {
        background-color: #DFFADB;
    }

    .leyenda-notificacion-recarga .icono.amarillo {
        background-color: #F9FBBF;
    }

    .leyenda-notificacion-recarga .icono.naranja {
        background-color: #FCF3B4;
    }

    .leyenda-notificacion-recarga .icono.morado {
        background-color: #BBBBFF;
    }

    .leyenda-notificacion-recarga .icono.rojo {
        background-color: #FFC4C4;
    }

.leyenda-notificacion-recarga .descripcion {
    line-height:35px;
    margin-left: 10px;
}

/* ENFERMEDADES Y RESTRICCIONES */
.enfermedades-restricciones {
    width: 100%;
    height: 500px;
    padding: 5px;
    border: 2px solid var(--colorPrincipalClaro);
    background-color: #EEEEEE;
}

    .enfermedades-restricciones .enfermedades {
        background-color: #FFFFFF;
        overflow-y: scroll;
        height: 485px;
        padding: 5px;
    }

.resumen-restricciones {
    width: 100%;
    height: 180px;
    padding: 5px;
    border: 2px solid var(--colorPrincipalClaro);
    background-color: #EEEEEE;
}
    .resumen-restricciones .restricciones {
        background-color: #FFFFFF;
        overflow-y: scroll;
        height: 165px;
        padding: 5px;
    }

/* MODAL ENFERMEDADES Y RESTRICCIONES */

.modal-enfermedades-restricciones {
    position: absolute;
    width: 600px;
    height: 300px;
    padding: 5px;
    border: 2px solid var(--colorPrincipalClaro);
    background-color: #EEEEEE;
}

    .modal-enfermedades-restricciones .enfermedades {
        background-color: #FFFFFF;
        overflow-y: scroll;
        height: 285px;
        padding: 5px;
    }

    .modal-enfermedades-restricciones .cerrar {
        cursor: pointer;
        font-size: 16px;
        margin-left: 5px;
    }

/* ÁRBOL ENFERMEDADES Y RESTRICCIONES */

#ulArbolEnfermedades, #ulArbolEnfermedades ul {
    list-style-type: none;
}

#ulArbolEnfermedades {
    margin: 0;
    padding: 0;
    font-size: 11px;
}

    #ulArbolEnfermedades .custom-checkbox-no-margin-top label, .custom-radio-no-margin-top label {
        padding-top: 5px !important;
    }

    /* Style the caret/arrow */
    #ulArbolEnfermedades .plus, #ulArbolEnfermedades .minus {
        cursor: pointer;
        user-select: none; /* Prevent text selection */
        font-size: 14px !important;
    }

    /* Create the caret/arrow with a unicode, and style it */
        #ulArbolEnfermedades .plus::before {
            /*content: "\002B";*/
            font-family: "Material Icons";
            content: "\F0417";
            color: var(--colorPrincipal);
            display: inline-block;
            margin-right: 6px;
            margin-top: 2px;
        }

        #ulArbolEnfermedades .minus::before {
            /*content: "\2212";*/
            font-family: "Material Icons";
            content: "\F0376";
            color: var(--colorPrincipal);
            display: inline-block;
            margin-right: 6px;
            margin-top: 2px;
        }

    /* Hide the nested list */
    #ulArbolEnfermedades .nested, #ulArbolEnfermedades div.restricciones-grupo .nested {
        display: none;
    }

    /* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
    #ulArbolEnfermedades .active, #ulArbolEnfermedades div.restricciones-grupo .active {
        display: block;
    }

    #ulArbolEnfermedades .no-apto {
        color: #999;
        font-family: "Courier New", Courier, monospace;
        cursor: default;
        font-size: 20px;
        font-weight: 700;
    }

    #ulArbolEnfermedades div.restricciones, #ulArbolEnfermedades div.restricciones-grupo div.grupo-restricciones {
        padding-left: 50px;
    }

    #ulArbolEnfermedades .cargando {
        padding-left: 50px;
    }

    #ulArbolEnfermedades .cargando .loader {
        border-radius: 50%;
        width: 20px;
        height: 20px;
        color: #000000;
        animation-name: spin;
        animation-duration: 1000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        margin: 0px;
        padding: 0px;
        margin-right: 3px;
    }

    @keyframes spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

/* MONITOR DESPENSA DE TASAS */

.monitor-despensa-tasas table {
    width: 100%;
}

    .monitor-despensa-tasas table thead td {
        text-align: center;
        font-weight: bold;
    }

    .monitor-despensa-tasas table tbody tr td {
        height: 35px;
    }

    .monitor-despensa-tasas table tbody tr td {
        text-align: center;
        vertical-align: middle;
    }
        .monitor-despensa-tasas table tbody tr td span.cantidad {
            padding: 5px;
            font-size: 12px;
        }

            .monitor-despensa-tasas table tbody tr td span.cantidad.bg-danger {
                color: #FFFFFF;
            }

            .monitor-despensa-tasas table tbody tr td span.cantidad.bg-warning {
                color: #535D53;
            }

            .monitor-despensa-tasas table tbody tr td span.cantidad.bg-success {
                color: #535D53;
            }

/* MONITOR DE VALIDACIÓN DE FIRMAS GRÁFICAS */

.monitor-validacion-firmas-graficas {
    width: 500px;
}

.monitor-validacion-firmas-graficas div.div-secciones-historia-clinica-sin-guardar, .monitor-validacion-firmas-graficas div.div-firmas-sin-validar {
   height: 120px;
}

.monitor-validacion-firmas-graficas table td {
    height: 25px;
    padding: 2px 5px;
}

.monitor-validacion-firmas-graficas table thead tr td {
    font-weight: bold;
    background-color: #CCCCCC;
}

.monitor-validacion-firmas-graficas table tbody tr:nth-child(odd) {
    background-color: #F3F3F3;
}

.monitor-validacion-firmas-graficas table tbody tr:nth-child(even) {
    background-color: #E3E3E3;
}

/* ICONO CARGANDO PARA UTILIZARLO DENTRO DE DIVs QUE HAGAN CONSULTAS AJAX Y QUERAMOS "BLOQUEAR" HASTA FINALIZAR LA CARGA */
.icono-cargando {
    font-family: roboto;
    color: #222;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: table;
    z-index: 9999;
}

.icono-cargando-centered {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

.icono-cargando-content {
    text-align: center;
}

    .icono-cargando.hide {
        opacity: 0;
        transition: opacity 0.2s ease-out;
        pointer-events: none;
    }

        .icono-cargando.hide .icono-cargando-centered {
            transform: scale(0.8);
            transition: transform 0.2s ease-out;
        }

    .icono-cargando.show {
        opacity: 1;
        transition: opacity 0.2s ease-in;
    }

        .icono-cargando.show .icono-cargando-centered {
            transform: scale(1);
            transition: transform 0.2s ease-in;
        }

/*CkEditor 5*/

.ck-editor__editable_inline {
    min-height: 400px;
} {
    min-height: 500px;
}

.tag-container {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0.2em 0.6em 0.3em;
    font-size: 85%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    background: #5385B0;
    text-shadow: none;
}

/* IMPORTES TIPOS DE TASA */
.leyenda-tarifas-tipos-tasa .color {
    width: 30px;
    border: 1px solid #6c757d;
}

    .leyenda-tarifas-tipos-tasa .color.actual {
        background-color: #bae6c6;
    }

    .leyenda-tarifas-tipos-tasa .color.caducada {
        background-color: #F3F3F3;
    }

    .leyenda-tarifas-tipos-tasa .color.futura {
        background-color: #FFFFFF;
    }

.titulo-tarifa-tipo-tasa {
    font-size: 16px;
    font-weight: bold;
}


.tarifa-tipo-tasa td {
    padding: 0.3rem 0.3rem !important;
    height: 50px;
}

.tarifa-tipo-tasa.caducada td {
    background-color: #F3F3F3;
}

    .tarifa-tipo-tasa.caducada td span {
        color: #999999;
    }

.tarifa-tipo-tasa.actual td {
    background-color: #bae6c6;
}

    .tarifa-tipo-tasa.actual td span {
        color: #0c802a;
    }

.libro-registro .estado-tramite {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

    .libro-registro .estado-tramite.dudoso {
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 18px;
        line-height: 20px;
    }

    .libro-registro .estado-tramite.tramite-renovacion {
        background-color: #08a300;
    }

    .libro-registro .estado-tramite.informe-medico {
        background-color: var(--colorAzul);
    }

    .libro-registro .estado-tramite.tramite-offline {
        background-color: #FFDE00;
    }

    .libro-registro .estado-tramite.tramite-error {
        background-color: #F25905;
    }

/* LISTA SUGERENCIAS */

.lista-sugerencias {
    position: relative;
    display: none;
    z-index: 999;
}

    .lista-sugerencias .sugerencia {
        display: inline-block;
        padding: 5px 10px;
        margin: 2px 5px;
        border-radius: 5px;
        background-color: #7CB5E6;
        color: #FFFFFF;
        cursor: pointer;
        white-space: nowrap;
    }

/* FIN LISTA SUGERENCIAS */

/* ESTADISTCAS AFLUENCIA CENTRO */

#DivContenedorGraficoEstadisticaAfluencia span.titulo {
    display: block;
    font-weight: bold;
    font-size: 15px;
    padding-left: 30px;
}

#DivContenedorGraficoEstadisticaAfluencia div.enlaces-rango-fechas {
    padding-left: 30px;
}

    #DivContenedorGraficoEstadisticaAfluencia div.enlaces-rango-fechas a {
        margin-right: 10px;
    }

        #DivContenedorGraficoEstadisticaAfluencia div.enlaces-rango-fechas a.active {
            font-weight: bold;
        }

#DivContenedorGraficoEstadisticaAfluencia .grafico-estadistica-afluencia {
    height: 300px;
}

/* FIN ESTADISTCAS AFLUENCIA CENTRO */

/* ESTADISTCAS AFLUENCIA CENTRO */

#DivContenedorGraficoEstadisticaReconocimientosFacultativos span.titulo {
    display: block;
    font-weight: bold;
    font-size: 15px;
    padding-left: 30px;
}

#DivContenedorGraficoEstadisticaReconocimientosFacultativos div.enlaces-rango-fechas {
    padding-left: 30px;
}

    #DivContenedorGraficoEstadisticaReconocimientosFacultativos div.enlaces-rango-fechas a {
        margin-right: 10px;
    }

        #DivContenedorGraficoEstadisticaReconocimientosFacultativos div.enlaces-rango-fechas a.active {
            font-weight: bold;
        }

#DivContenedorGraficoEstadisticaReconocimientosFacultativos .grafico-estadistica-reconocimientos-facultativos {
    height: 300px;
}

/* FIN ESTADISTCAS AFLUENCIA CENTRO */

/* ESTADISTICAS RECONOCIMIENTOS POR TIPO */

#DivContenedorGraficoEstadisticasReconocimientosPorTipo span.titulo {
    display: block;
    font-weight: bold;
    font-size: 15px;
    padding-left: 30px;
}

#DivContenedorGraficoEstadisticasReconocimientosPorTipo div.enlaces-rango-fechas {
    padding-left: 30px;
}

    #DivContenedorGraficoEstadisticasReconocimientosPorTipo div.enlaces-rango-fechas a {
        margin-right: 10px;
    }

        #DivContenedorGraficoEstadisticasReconocimientosPorTipo div.enlaces-rango-fechas a.active {
            font-weight: bold;
        }

#DivContenedorGraficoEstadisticasReconocimientosPorTipo .grafico-estadistica-reconocimientos-portipo {
    height: 300px;
}

/* FIN ESTADISTICAS RECONOCIMIENTOS POR TIPO */
/* ESTADISTCAS CÓDIGOS FIDELIZACIÓN */
#DivContenedorGraficoEstadisticaCodigosFidelizacion span.titulo {
    display: block;
    font-weight: bold;
    font-size: 15px;
    padding-left: 30px;
}

#DivContenedorGraficoEstadisticaCodigosFidelizacion div.enlaces-rango-fechas {
    padding-left: 30px;
}

    #DivContenedorGraficoEstadisticaCodigosFidelizacion div.enlaces-rango-fechas a {
        margin-right: 10px;
    }

        #DivContenedorGraficoEstadisticaCodigosFidelizacion div.enlaces-rango-fechas a.active {
            font-weight: bold;
        }

#DivContenedorGraficoEstadisticaCodigosFidelizacion .grafico-estadistica-codigos-fidelizacion {
    /*height: 200px;*/
}

/* FIN ESTADISTCAS AFLUENCIA CENTRO */

/* NOTIFICACIONES DEVUELTAS */

.devueltas-selected {
    background-color: var(--colorPrincipal) !important;
    color: white;
    border-radius: 10px;
    padding: 3px 10px;
}

/* FIN NOTIFICACIONES DEVUELTAS */

/* CARGA ARCHIVOS DGT */

.carga-archivos-dgt .insercion {
    background-color: #a4e9a8
}

.carga-archivos-dgt .eliminacion {
    background-color: #ffdddd
}

.carga-archivos-dgt .modificacion {
    background-color: #f8f8c7
}

.carga-archivos-dgt .reactivacion {
    background-color: #efc7f8
}

.carga-archivos-dgt .contador {
    display: inline-block;
    padding: 1px 5px;
    border: 1px solid #CCCCCC;
    font-weight: bold;
}

/* FIN CARGA ARCHIVOS DGT */



/* ---------------------- Nuevos estilos look&feel ---------------------- */

body {
    background-color:#f1f1f1;
}

tbody, thead {
    border: 1px solid rgba(0,0,0,.125);
}
.paginado-grid {
    border: 1px solid rgba(0,0,0,.125);
    background-color:#fff;
}
.breadcrumb {
    background-color: #ddddee;
}
.card {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
}
.card-body {
    b_ackground-color: #f5f5f5;

}

tbody tr:nth-child(odd) {
    background-color: #fff;
}
tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

:root {
    --colorPrincipal: #5C95e6;
}

.navbar .mdi-exit-to-app {
    background: #DC143C;
    padding: 5px;
    border-radius: 50%;
}

.btn-storm, .btn-outline-secondary, .btn-secondary, .btn-warning {
    padding: 5px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

    .btn-storm {
        border: solid 1px var(--colorPrincipal) !important;
    }
        .btn-storm .mdi, .btn-outline-secondary .mdi, .btn-secondary .mdi, .btn-warning .mdi {
            font-size: 18px;
        }

.btn-storm-amarillo {
    padding: 5px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-storm-amarillo:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-storm-amarillo .mdi {
        font-size: 18px;
    }

#multinivel-tabs-menu .main-menu {
    border-color: rgba(0, 0, 0, .2) !important;
}

#multinivel-tabs-home .main-home {
    border-color: rgba(0, 0, 0, .2) !important;
}

.input-group-text.input-group-ico {
    margin-top: -4px;
}

.btn {
    padding: 8px 16px;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 0.25rem 0.5rem !important;
    /*font-size: .875rem !important;*/
}


.tabla-storm td .btn-group-sm > .btn, .btn-sm {
    padding: 5px !important;
}
.tabla-storm td .btn-storm .mdi,
.tabla-storm td .btn-verde .mdi,
.tabla-storm td .btn-warning .mdi {
    font-size: 20px;
    line-height: 1 !important;
}

.tabla-storm td .btn-storm,
.tabla-storm td .btn-verde,
.tabla-storm td .btn-warning {
    line-height: 1 !important;
    display: inline-flex;
    align-items: center;
}
    .card .card{
    background-color:#f5f5ff;
}
.card .card .card{
    background-color: #ffffff;
}

.card .gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .card .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    font-size: 18px;
}

.ico-circulo-verde {
    border: solid 1px lightseagreen;
    padding: 1px;
    border-radius: 50%;
    color: lightseagreen;
}

.ico-circulo-dorado {
    border: solid 1px #EBC05E;
    padding: 1px;
    border-radius: 50%;
    color: #EBC05E;
}

.maxw400resp{
    max-width:500px;
}

@media (min-width: 1200px) {
    .maxw400resp {
        max-width: calc(50% - 10px);
    }
}
@media (min-width: 1800px) {
    .maxw400resp {
        max-width: calc(33% - 10px);
    }
}
@media (min-width: 2400px) {
    .maxw400resp {
        max-width: calc(25% - 10px);
    }
}

#multinivel-tabs-menu ul > li > a, #multinivel-tabs-menu ul > li.active {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#multinivel-tabs-home ul > li > a, #multinivel-tabs-home ul > li.active {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* pulso semaforo */

.blobs-container {
    display: flex;
}

.badge.badge-pill {
    background: black;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    margin: 10px;
    height: 20px;
    width: 20px;
    transform: scale(1);
    animation: pulse-black 2s infinite;
}

 .badge.badge-pill.badge-danger {
    background: rgba(255, 82, 82, 1);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}


.badge.badge-pill.badge-warning {
    background: rgba(255, 177, 66, 1);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
    animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
    }
}




.badge.badge-pill.badge-success {
    background: rgba(51, 217, 178, 1);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
    }
}

.size22{
    font-size:22px;
}

.btn-historia-clinica, .datos-visita .btn-historia-clinica {
    border-radius: 5px;
    border: solid 1px #aaa;
    transition: all 1s ease;
    -transition-property: all;
    -transition-duration: 1s;
    min-width: 20px;
    line-height: unset !important;
    font-size: 11px;
    width: 28px;
    height: 28px !important;
    padding: 2px !important;
    font-size: .875rem !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.btn-historia-clinica:hover{
    position: relative;
    transition: all 1s ease;
    top:-2px;
    left:-2px;
}

td .mdi.mdi-star{
    font-size:20px;
    vertical-align:-2px;
}

.line-height-1{
    line-height: 1;
}
.line-height-12 {
    line-height: 1.2;
}

.btn-block {
    display: block !important;
}

.navbar-storm .btn {
    padding: 6px 10px;
}

.btn.btn-sm.btn-storm,
.btn.btn-sm.btn-verde,
.btn.btn-sm.btn-warning{
    margin: 0px 1px 2px 0px !important;
} 
.h55{
    height:55px;
}

.spinner-border-sm {
    width: 1.25rem !important;
    height: 1.25rem !important;
    border-width: 0.2em;
}

/* Loading de tramites con el servicio de la DGT */

#loadingServicioDgt {
    font-family: roboto;
    color: #222;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: table;
    z-index: 9999;
}

    #loadingServicioDgt #loadingServicioDgtCentered {
        display: table-cell;
        vertical-align: middle;
        padding: 20px;
    }

    #loadingServicioDgt #loadingServicioDgtContent {
        text-align: center;
        width: 600px;
        margin: auto;
        font-size: 18px;
        font-weight: bold;
    }

        #loadingServicioDgt #loadingServicioDgtContent .card {
            border-radius: 10px;
            border: 2px solid rgb(92, 149, 230);
        }

            #loadingServicioDgt #loadingServicioDgtContent .card .card-body {
                padding-top: 50px;
                padding-bottom: 50px;
            }

#loadingServicioDgt.hide {
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none;
}

    #loadingServicioDgt.hide #loadingServicioDgtCentered {
        transform: scale(0.8);
        transition: transform 0.2s ease-out;
    }

#loadingServicioDgt.show {
    opacity: 1;
    transition: opacity 0.2s ease-in;
}

    #loadingServicioDgt.show #loadingServicioDgtCentered {
        transform: scale(1);
        transition: transform 0.2s ease-in;
    }

    #loadingServicioDgt.show #loadingServicioDgtContent .progress-bar {
        height: 26px;
        background-color: rgba(92, 149, 230, 0.2);
        width: 100%;
        overflow: hidden;
        margin: 30px 0px 30px 0px;
        border-radius: 10px;
    }

    #loadingServicioDgt.show #loadingServicioDgtContent .progress-bar-value {
        width: 100%;
        height: 100%;
        background-color: rgb(92, 149, 230);
        animation: indeterminateAnimation 1.5s infinite linear;
        transform-origin: 0% 50%;
    }

@keyframes indeterminateAnimation {
    0% {
        transform: translateX(0) scaleX(0);
    }

    40% {
        transform: translateX(0) scaleX(0.3);
    }

    100% {
        transform: translateX(100%) scaleX(0.3);
    }
}

/* Remarca el dia de hoy, cuando no esta seleccionado, en el Datepicker */
.gj-picker-bootstrap table tr td.today:not(.selected) div {
    color: var(--colorPrincipalOscuro) !important;
    background-color: var(--colorPrincipalClaro) !important;
    border-radius: 4px !important;
    font-weight: 700 !important
}