.logologin {
    width: 15%;
}

.buttons-excel {
    display: none;
    visibility: hidden;
}

.container-x {
    text-align: center;
}

.img {
    width: 200px;
}

dt {
    color: red;
}

dd span {
    color: #ffffff;
    font-size: 20px;
}

.activo {
    background-color: lawngreen;
    margin-left: 22%;
    margin-right: 22%;
    border-radius: 15px;
}

.inactivo {
    background-color: orangered;
    margin-left: 22%;
    margin-right: 22%;
    border-radius: 15px;
}

.head-logo{
    padding-top:5px;
}

@media screen and (max-width: 479px) {
    .logologin {
        width: 35%;
    }

    .dt-button, .buttons-excel, .buttons-html5 {
        visibility: hidden;
    }

    .head-logo {
        padding-top: 5px;
        padding-left: 5px;
    }
}