@media (max-width: 768px) {
    body {
        min-height: inherit !important;
    }
    #modulos {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #modulos .col-sm-6.col-xl-3 {
        width: 50%;
    }
    #modulos .col-sm-6.col-xl-3 h5 {
        font-size: 13px;
        padding: 10px 0 !important;
        margin: 0;
    }
    #modulos img {
        height: 50px;
        width: auto !important;
    }
    tr.message-unread td {
        text-align: left!important;
    }

    tr.message-unread td a {
        color: #2a2f43;
    }
    table {
        width: 100%;
    }

    form.form input {
        width: 100%;
        margin-bottom: 8px;
        min-height: 44px;
    }
    .m40 {
        margin: 0px !important;
    }
    .dt-layout-row {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    div.dt-container .dt-paging .dt-paging-button {
        padding: 0.5em;
    }
}