/* Vocabulario */
#vocab {
    width: 100%;
}
#vocab table td {
    vertical-align: middle;
}
#interiorVocab {
    color: black;
}
#interiorVocab .row>* {
    padding: 0;
}
#interiorVocab h2 {
    font-size: 1.5em; /* Viga 24px ? */
    cursor: pointer;
    color: white;
}
#interiorVocab td {
    font-size: 1.125em; /* 18px en 1920 x 1080 */
}
#interiorVocab img {
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: rgba(0,0,0,50%);
    border-radius: 15px;
}
.hoverable #interiorVocab img:hover {
    background: black;
}

/* Estilo del DataTable de Bootstrap */
#interiorVocab > div {
    width: 100%;
}

.dataTables_filter {
    font-size: 1.125em; /* 18px en 1920 x 1080 */
    float: right;
}
.dataTables_filter input {
    width: 200px;
}
.dataTables_info {
    font-size: 1.125em; /* 18px en 1920 x 1080 */
}

#tablaVocab {
    margin-top: 25px;
}
#tablaVocab h2>span {
    visibility: hidden;
}


.table-hover tbody tr:hover td {
    background-color: #CC990077;
}


/* PARA PANTALLA ANGOSTA (CEL) */
/* Media query para cambiar al bajar de 768px: */
@media screen and (max-width: 767px) {
    /* Vocabulario */
    #vocab {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    #tablaVocab {
        text-align: center;
    }

    .dataTables_filter {
        float: none;
    }
}

@media screen and (max-width: 575px) { /* Antes era 540 */
    #tablaVocab_wrapper .col-sm-12 {
        display: -webkit-box;
        display: -ms-flexbox;
            display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    }
}