.slider-wrapper {
    min-height: 250px;
}

.slider-item {
    display: none;
    animation: fadeIn 0.4s ease-in-out;
}

.slider-item.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(15px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.indicator {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #dee2e6;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator.active,
.indicator:hover {
    background: #2f55d4;
    transform: scale(1.2);
}

table tbody tr:hover {
    background-color: #f8f9fa;
    cursor: pointer;
}

table tbody tr input {
    margin-right: 8px;
}

.nav-pills .nav-link {
    border-radius: 0.5rem;
}

.nav-pills .nav-link.active {
    background-color: #2f55d4;
}