/*your custom css goes here*/ 

.aiz-side-nav-link.active i {
    color: #19406f!important;
}

.fa-pulse, .fa-spin-pulse {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.disabled-events{
    pointer-events: none;
    filter: grayscale(100%);
    cursor: not-allowed;
}

@media (min-width: 768px) {
    .modal-content .modal-body{
        max-height: 70vh;
    }
}

.hover-shadow:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.transition {
    transition: all 0.3s ease-in-out;
}

.btn-outline-secondary.active,
.btn-outline-dark.active {
    background-color: #015861;
    color: white;
    border-color: #015861;
}

.icon-circle {
    width: 60px;
    height: 60px;
    background-color: #e9f3f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.card:hover .icon-circle {
    background-color: #015861;
}

.card:hover .icon-circle i {
    color: #fff !important;
}

.hover-shadow:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.transition {
    transition: all 0.3s ease-in-out;
}
.btn-circle {
    border-radius: 50em;
}