body {
  /* background-image: url('../dist/img/background.jpg'); */
  background-size: cover;
  background-position: center;
}

.login-page {
  background-image: url('../dist/img/background.jpg');
  background-size: cover;
  background-position: center;
}

.brand-custom {
    width: 100%;
}

/*
 * Espaçamento comum dos cartões da aplicação.
 *
 * Muitas vistas legadas usam a utilidade Bootstrap `p-0` para as tabelas.
 * Essa utilidade anulava por completo a margem interior do cartão e fazia os
 * filtros, botões e tabelas encostarem às bordas. A regra é global para que a
 * leitura seja consistente em todos os módulos, sem mexer em cada vista.
 */
:root {
    --iwebit-card-padding: 1rem;
}

.card > .card-body.p-0,
.card > .card-footer.p-0,
.card > form > .card-body.p-0,
.card > form > .card-footer.p-0 {
    padding: var(--iwebit-card-padding) !important;
}

/* Os controlos DataTables usam linhas Bootstrap com margens negativas. */
.card .card-body .dataTables_wrapper > .row,
.card .card-footer .dataTables_wrapper > .row {
    margin-right: 0;
    margin-left: 0;
}

.card .card-body .dataTables_wrapper > .row > [class*='col-'],
.card .card-footer .dataTables_wrapper > .row > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

/* Mantém o espaço também quando a tabela é a única peça do cartão. */
.card > .card-body.table-responsive.p-0,
.card > .card-footer.table-responsive.p-0 {
    padding: var(--iwebit-card-padding) !important;
}

@media (max-width: 575.98px) {
    :root {
        --iwebit-card-padding: .75rem;
    }
}