/* Estilos para mostrar los datos */
.tabla-datos-body{
    font-size: 14px;
}

/* Estilos para el modal abstract */
.modal {
    color:black;
}

/* Cambio de vision de la pestaña */
.scode-body{
    display: none;
}
.scode-body.selected{
    display: block;
}

/* Estilos de los botones del menu-navegado r*/
.scode-nav-btn{
    background-color: rgb(238, 238, 238) !important;
    color: black !important;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
}
.scode-nav-btn:hover{
    background-color: rgb(200, 200, 200) !important;
}
.scode-nav-btn.selected{
    background-color: rgb(10, 102, 137) !important;
    color: white !important;
}

/* Estilos del menu-navegador para menos de 1000px */
@media screen and (max-width:1000px) {
    .scode-nav1 {
        display: none;
    }
    .scode-nav2 {
        display: block;
    }
    .scode-nav-btn{
        width: 100%;
    }
}

/* Estilos del menu-navegador para mas de 1000px */
@media screen  and (min-width:1000px) {
    .scode-nav1 {
        display: block;
    }
    .scode-nav2 {
        display: none;
    }
}