body {
        background-color: #f8f9fa;
        margin: 0;
        border: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .container {
        padding: 0px;
        margin: 30px;
    }

    .container-log {
        padding: 0px;
        margin: 30px 0px 0px 30px;
    }

    .card-header {
        background-color: #007bff;
        color: white;
    }

    .log-table {
        max-height: 300px;
        overflow-y: auto;
    }

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

    .btn-custom {
        background-color: #007bff;
        color: white;
    }

    #topo {
        background-image: url("/static/logo-x-via-transparente.png");
        background-size: 100px auto;
        line-height: 100px;
        /* Ajuste do tamanho da marca */
        background-repeat: no-repeat;
        height: 100px;
        width: 100%;
        margin: 0px 0px 0px 30px;
        padding: 0px;
        float: left;
        display: flex;
        align-items: flex-end;
        text-align: left;
        vertical-align: bottom;
    }

    #topo h2 {
        margin-left: 150px;
    }
    #topo h4 {
        margin-left: 150px;
    }

    .form-row {
        display: flex;
    }

    .botao-load {
        margin-left: 15px;
    }
    .btn-primary {
        background-color: #50B6E5;
        color: #000;
        border-color: #50B6E5;
    }
    .btn-primary:hover {
        background-color: #505EE5;
        color: #FFF;
        border-color: #505EE5;
    }
    .bg-primary {
        background-color: #50B6E5 !important;
        color: #000 !important;
        border-color: #50B6E5 !important;
    }