﻿@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

* {
    font-family: 'Roboto', sans-serif;
}

body {
    width: 100%;
    height: 100%;
    padding: 0px;
}

.body-content {
    width: 100%;
    height: 100%;
    padding: 0px;
}
.navbar-custom {
    background-color: #307aad;
    color: white;
    z-index: 101;
}

.barLeft {
    height: 50px;
    color: white;
    text-align: center;
}

.login {
    text-align: center;
}

#kmyCarousel {
    display: none;
}

.loginIcons {
    display: flex;
    margin-top: 80px;
    justify-content: space-evenly;
}


/*Estilo Login Escritorio*/
@media(min-width: 728px) {

    #spinner-div {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: rgba(255,255,255,0.8);
        z-index: 200;
    }
    .barLeft {
        height: 100vh;
        color: white;
        text-align: center;
        z-index: -1;
        background-color: #307aad;
    }

    .login {
        text-align: center;
        height: 100vh;
    }


    .loginIcons {
        display: flex;
        margin-top: 80px;
        width: 100%;
        justify-content: space-evenly;
    }

    .login img {
        height: 180px;
        width: 180px;
        margin-bottom: 0px;
    }

    .loginPage {
        position: fixed;
        left: 0px;
    }

    .tableHeaders {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white;
        background-color: #307aad;
        opacity: 0.9;
    }

    .slide {
        height: 100vh;
    }

    #kmyCarousel {
        display: block;
    }
}

/*Version móvil*/
.tableHeaders {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    background-color: #307aad;
    opacity: 0.9;
}

.item img {
    min-height: 100vh;
}

.selectOpt {
    display: block;
    color: #307aad;
    font-size: 16px;
}

    .selectOpt:hover {
        color: white;
        background-color: #307aad;
    }

.navigation {
    color: #307aad;
}



.addClient {
    margin-right: 30px;
    margin-top: 10px;
}

#ListaEmpresas {
    height: 25px;
    margin-top: 5px;
}

#ListaDepartamentos {
    margin-top: 7px;
    margin-left: 20px;
}

#ListaCargos {
    margin-top: 7px;
}



/*
 * Main content
 */

.main {
    padding-right: 0px;
    padding-left: 500px;
    padding-bottom: 60px;
}

@media (min-width: 768px) {
    .main {
        padding-right: 0px;
        padding-bottom: 60px;
    }
}

@media(min-width:768px) {

    #tablaAccesorios thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        opacity: 0.9;
        color: white;
    }

    #tablaAccesorios tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tablaClientes thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        opacity: 0.9;
        color: white;
    }

    #tablaClientes tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    

    #tblEmpaques tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tblEmpaques thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        opacity: 0.9;
        color: white;
    }

    #tablaVehiculos tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tablaVehiculos thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        opacity: 0.9;
        color: white;
    }

    #tablaViajes thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        opacity: 0.9;
        color: white;
    }

    #tablaViajes tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tblSalidaKits thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        opacity: 0.9;
        color: white;
    }

    #tblSalidaKits tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tablaEmpleado thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: #307aad;
    }

    #tablaCheck thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaEmpleado thead th td {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }


    #tablaInstalacion thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaInstalacion tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tablaInstalacion2 thead tr th {
        text-align: center;
        opacity: 0.9;
        font-size: 14px;
        background-color: #307aad;
        color: white;
    }

    #tablaInstalacion2 tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tablaEquipos thead tr th {
        text-align: center;
        opacity: 0.9;
        font-size: 14px;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialFq thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialDGA thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialFuranos thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialRA thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialRdBaja thead tr th {
        text-align: center;
        opacity: 0.9;
        font-size: 14px;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialRdAlta thead tr th {
        text-align: center;
        opacity: 0.9;
        font-size: 14px;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialTTR thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialBushing thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }


    #tablaHistorialIcc thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialFP thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaRA thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #21618C;
        color: white;
    }

    #tablaRdBaja thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaRdAlta thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    
    #tablaEquipos tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tablaBM thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaRT thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaFp thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        color: white;
    }
    #tablaFp2 thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        color: white;
    }

    #tablaBushing thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaICC thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaMuestras thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaIE thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialIE thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #admitancia1 thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #admitancia2 thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #admitancia3 thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #admitancia4 thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaUsuarios thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #admitancia5 thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialFDS thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialDn thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaHistorialBm thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaAdmitanciaAlta thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaAdmitanciaMedia thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaAdmitanciaCc thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaInterdevanado thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaAdmitanciaTra thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tablaInformes thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tblEquipoMantenimiento thead tr th {
        text-align: center;
        font-size: 14px;
        opacity: 0.9;
        background-color: #307aad;
        color: white;
    }

    #tblEquiposKit tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tblEquiposKit thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        opacity: 0.9;
        color: white;
    }

    #tblAccesoriosEquipo thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        opacity: 0.9;
        color: white;
    }

    #tblAccesoriosEquipo tbody tr td {
        text-align: center;
        font-size: 14px;
    }

    #tablaViajesRealizados thead tr th {
        text-align: center;
        font-size: 14px;
        background-color: #307aad;
        opacity: 0.9;
        color: white;
    }

    #tablaViajesRealizados tbody tr td {
        text-align: center;
        font-size: 14px;
    }
}
#spinner-div {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(255,255,255,0.8);
    z-index: 2;
}



/*Estilo tablas pantalla móvil*/

#tablaAccesorios thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#tablaAccesorios tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tablaMuestras thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaInformes thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaViajes thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#tablaViajes tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tblEmpaques tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tblEmpaques thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#tblSalidaKits thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#tblSalidaKits tbody tr td {
    text-align: center;
    font-size: 14px;
}
#tablaBM thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}
#tblEquiposKit tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tblEquiposKit thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#tablaIE thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    color: white;
    opacity: 0.9;
}

#tablaCheck thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    color: white;
    opacity: 0.9;
}

#tablaBushing thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaICC thead tr th {
    opacity: 0.9;
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    color: white;
}

#tablaRdBaja thead tr th {
    text-align: center;
    opacity: 0.9;
    font-size: 14px;
    background-color: #307aad;
    color: white;
}

#tablaRdAlta thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    color: white;
}

#tablaRA thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaFp thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}
#tablaFp2 thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    color: white;
}
#tablaClientes thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#tablaHistorialIcc thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaUsuarios thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaClientes tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tablaEmpleado thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaEmpleado thead th td {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}


#tablaInstalacion thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#tablaInstalacion tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tablaMuestras tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tablaInstalacion2 thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaInstalacion2 tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tablaEquipos thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaEquipos tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tablaHistorialFq thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaAdmitanciaAlta thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaAdmitanciaMedia thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}


#tablaHistorialDGA thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialFuranos thead tr th {
    text-align: center;
    opacity: 0.9;
    font-size: 14px;
    background-color: #307aad;
    color: white;
}

#tablaHistorialRA thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialRdBaja thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialRdAlta thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialTTR thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialIE thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialBushing thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialFP thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaRT thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialFDS thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialDn thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaHistorialBm thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaInterdevanado thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaAdmitanciaTra thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}
#tblEquipoMantenimiento thead tr th {
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
    background-color: #307aad;
    color: white;
}

#tablaEquipos tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tblAccesoriosEquipo thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#tblAccesoriosEquipo tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tablaViajesRealizados thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#tablaViajesRealizados tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tablaVehiculos tbody tr td {
    text-align: center;
    font-size: 14px;
}

#tablaVehiculos thead tr th {
    text-align: center;
    font-size: 14px;
    background-color: #307aad;
    opacity: 0.9;
    color: white;
}

#serie {
    text-transform: uppercase;
}


#popup {
    z-index: 1600;
}


.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebarAdmin {
    position: fixed;
    top: 0;
    /* rtl:raw:
  right: 0;
  */
    bottom: 0;
    /* rtl:remove */
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 40px 0 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebarTech {
    position: fixed;
    top: 0;
    /* rtl:raw:
  right: 0;
  */
    bottom: 0;
    /* rtl:remove */
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 40px 0 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
    /*background-color: #21618C;*/
    background-color: #FBEF36;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

@media (max-width: 767.98px) {
    .sidebar {
        top: 0px;
        padding: 0px;
    }
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebarAdmin .nav-link {
    font-weight: 400;
    color: white;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: baseline;
}

.sidebarTech .nav-link {
    font-weight: 400;
    color: #307aad;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: baseline;
}

.sidebar .nav-link span {
    margin-right: 5px;
}

.sidebar .nav-link.active {
    color: #2470dc;
}

    .sidebar .nav-link:hover .feather,
    .sidebar .nav-link.active .feather {
        color: #307aad;
    }

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

.sidebarAdmin .nav-link:hover {
    background-color: white;
    color: #307aad;
}

.sidebarTech .nav-link:hover {
    background-color: #307aad;
    color: white;
}
/*
 * Navbar
 */
.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
    top: .25rem;
    right: 1rem;
    color: white;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

    .form-control-dark:focus {
        border-color: transparent;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
    }

.red-alert-ra {
    border: 2px solid red;
}

#btnRegresarEquipos {
    margin-bottom: 50px;
}

#pruebasElectricas .nav-link {
    color: white;
}

    #pruebasElectricas .nav-link:hover {
        background-color: white;
        color: #307aad;
    }

#myTab .nav-link {
    color: white;
    border-radius: 0px;
}

    #myTab .nav-link:hover {
        background-color: white;
        color: #307aad;
    }

#myTab .nav-item:active {
    background-color: white;
    color: #307aad;
}

/*Tab2 para crear pruebas*/
#myTab2 .nav-link {
    color: white;
    border-radius: 0px;
}

    #myTab2 .nav-link:hover {
        background-color: white;
        color: #307aad;
    }

#myTab2 .nav-item:active {
    background-color: white;
    color: #307aad;
}

.unidades {
    font-size: 11px;
    text-align: center;
}

.label50{
    width: 50%;
}

