:root {
    --audit-green: #5CE9CF;
    --audit-cyan: #00a6e0;
    --audit-gray: #7a7876;
    --bernal-blue: #013D62;
    --bernal-green: #5CE9CF;
    --bernal-skyblue: #229AF1;
    --bernal-darkblue: #013D62;
    --bernal-darkgreen: #013D62;
    --bernal-darkcyan: #013D62;
    --bernal-darkgray: #013D62;

    /* SOCIAL MEDIA */
    --facebook-blue: #1877F2;
    --instagram-pink: #E1306C;
    --linkedin-blue: #0A66C2;
    --whatsapp-green: #25D366;
}

.btn {
    color: white !important;
    background-color: var(--bernal-skyblue) !important;
    border-radius: 8px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3) !important;
    transition: all 0.3s ease !important;
}

.btn:hover {
    background-color: var(--bernal-darkblue) !important;
    box-shadow: 0 6px 15px rgba(21, 67, 96, 0.4) !important;
    transform: translateY(-2px);
}

.audit-green-text {
    color: var(--audit-green) !important;
}

.audit-cyan-text {
    color: var(--bernal-skyblue) !important;
}

.audit-gray-text {
    color: var(--audit-gray) !important;
}

.audit-green {
    background-color: var(--audit-green) !important;
}

.audit-cyan {
    background-color: var(--bernal-blue) !important;
}

.audit-gray {
    background-color: var(--audit-gray) !important;
}

.facebook-blue {
    background-color: var(--facebook-blue) !important;
}

.instagram-pink {
    background-color: var(--instagram-pink) !important;
}

.linkedin-blue {
    background-color: var(--linkedin-blue) !important;
}

.whatsapp-green {
    background-color: var(--whatsapp-green) !important;
}

.btn-flat-white {
    background-color: transparent !important;
    border: 2px solid white !important;
    border-radius: 5px !important;
}

/* =========================================  UTILS=========================================*/
i.left {
    margin: 0 !important;
}

.hideElement {
    display: none !important;
}

.justify-text {
    text-align: justify !important;
}

.card .card-title {
    font-size: larger !important;
    font-weight: 400 !important;
}

/* =========================================  PROGRESS BAR =========================================*/
.progress {
    background-color: white !important;
}

.progress .indeterminate {
    background-color: #9bbf11 !important;
}