/* Colors */
.text-warning {
    color: #FFD700 !important;
}

.text-purple {
    color: #6f42c1;
}

.bg-purple {
    background: #6f42c1;
}

/* Borders */
.rounded-lg {
    border-radius: 1rem !important;
}

/* Animations */
.sk-fade-top {
    animation: fadeInTop 0.3s ease-in-out;
}

.sk-fade-bottom {
    animation: fadeInBottom 0.3s ease-in-out;
}

.sk-fade-right {
    animation: fadeInRight 0.3s ease-in-out;
}

@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Shadows */
.hover-shadow:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    transition: box-shadow .3s ease-in-out;
}

/* Scrollbar */
.overflow-auto::-webkit-scrollbar {
    height: 6px;
}

.overflow-auto::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.overflow-auto::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.overflow-auto::-webkit-scrollbar-thumb:hover {
    background: #555;
}