/* Definição de cores personalizadas */
.bg-primary-purple {
    background-color: #6A0DAD !important; /* Roxo intenso */
}

.bg-dark-purple {
    background-color: #4B0082 !important; /* Roxo escuro */
}

.text-purple {
    color: #6A0DAD !important;
}

.text-dark-purple {
    color: #4B0082 !important;
}

/* Botões personalizados */
.btn-purple {
    background-color: #6A0DAD;
    color: white;
    border: none;
}

    .btn-purple:hover {
        background-color: #4B0082;
        color: white;
    }

/* Estilização do corpo */
body {
    background-color: #f4f2ff; /* Roxo bem claro */
    font-family: 'Arial', sans-serif;
}
.sidebar-sticky {
    background-color: #4f0a82 !important;
    color:white;
}
/* Estilização do rodapé */
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 250px;
        height: 100%;
        z-index: 1040;
        transition: transform 0.3s ease-in-out;
        transform: translateX(-100%);
    }

        .sidebar.show {
            transform: translateX(0);
        }
}