/* Tabelas */
.table-responsive{
    overflow-x:auto;
}

/* Celular */
@media (max-width:768px){

    .container,
    .container-fluid{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .text-end{
        text-align:center !important;
    }

    .titulo{
        font-size:28px !important;
    }

    .card-painel,
    .card-info{
        padding:20px !important;
        margin-bottom:15px;
    }

    .numero{
        font-size:40px !important;
    }

    .btn{
        width:100%;
        margin-bottom:5px;
    }

    .btn-sm{
        width:auto;
    }

    table{
        font-size:12px;
    }

    .pagination{
        flex-wrap:wrap;
    }
}
@media (max-width:768px){

    .chat{
        padding:15px !important;
    }

    .chat h2{
        font-size:22px !important;
    }

    .msg{
        font-size:14px;
    }

    .d-flex.justify-content-between{
        flex-direction:column;
        gap:10px;
    }

    .d-flex.justify-content-between .btn{
        width:100%;
    }

    img.img-fluid{
        max-width:100% !important;
        height:auto;
    }

}
@media (max-width:768px){

    .logo{
        font-size:20px !important;
    }

    .relogio{
        font-size:14px !important;
    }

}
@media (max-width:768px){

    .topo{
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:center !important;
        text-align:center !important;
        gap:10px !important;
        padding:15px !important;
    }

    .logo{
        font-size:22px !important;
        line-height:1.3;
    }

    .relogio{
        font-size:14px !important;
        width:100%;
    }

}
@media (max-width:768px){

    .d-flex.flex-nowrap{
        flex-wrap:wrap !important;
    }

}
@media (max-width:768px){

    .flex-nowrap{
        flex-wrap:wrap !important;
    }

}