html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: linear-gradient(to right, #e0f2f1, #b2dfdb);
}

.content-wrap {
    flex: 1;
}

.footer-container {
    padding: 20px 0;
    color: #6c757d;
    width: 100%;
    text-align: center;
}

.footer-container a {
    color: #6c757d;
    text-decoration: none;
    margin: 0 5px;
}

.footer-container a:hover {
    color: #007bff;
}

.table {
    border-radius: 15px;
    overflow: hidden;
}

/* --- Botões com Cores Ajustadas -- */
.btn-pastel-blue {
    background-color: #5c85b0;
    border-color: #5c85b0;
    color: #ffffff;
}
.btn-pastel-blue:hover {
    background-color: #4a6b8f;
    border-color: #4a6b8f;
    color: #ffffff;
}

.btn-pastel-yellow {
    background-color: #ffb87f;
    border-color: #ffb87f;
    color: #212529;
}
.btn-pastel-yellow:hover {
    background-color: #ffa765;
    border-color: #ffa765;
    color: #212529;
}

.btn-pastel-red {
    background-color: #ff8a8a;
    border-color: #ff8a8a;
    color: #ffffff;
}
.btn-pastel-red:hover {
    background-color: #ff7070;
    border-color: #ff7070;
    color: #ffffff;
}

.btn-pastel-green {
    background-color: #90ee90;
    border-color: #90ee90;
    color: #333333;
}
.btn-pastel-green:hover {
    background-color: #78d678;
    border-color: #78d678;
    color: #333333;
}

.btn-pastel-grey {
    background-color: #c8c8c8;
    border-color: #c8c8c8;
    color: #333333;
}
.btn-pastel-grey:hover {
    background-color: #b4b4b4;
    border-color: #b4b4b4;
    color: #333333;
}

.caixa-relatorio {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Estilos para os links de navegação no menu lateral */
#sidebarMenu .nav-link.active,
#sidebarMenu .nav-link:hover {
    background-color: #5c85b0; /* Azul pastel escurecido */
    color: #ffffff; /* Texto branco para contraste */
}

#sidebarMenu .nav-link {
    color: #212529; /* Cor do texto padrão para links não ativos */
}

#sidebarMenu .nav-link i {
    color: #5c85b0; /* Azul pastel escurecido para os ícones do menu */
}

#sidebarMenu .nav-link.active i,
#sidebarMenu .nav-link:hover i {
    color: #ffffff; /* Ícones brancos quando o link está ativo ou hover */
}