.driver-active {
    z-index: 9999;
}

.swiper-pagination-bullet-active {
    width: 1.3rem !important;
    border-radius: 100px;
}

.swiper-pagination-lock {
    display: none !important;
}

.swiper-button-lock {
    display: none !important;
}

.active-link {
    background-color: rgb(168, 85, 247, 0.1);
    color: #7e22ce;
    font-weight: bold;
}

.complete-link {
    background-color: rgb(13, 110, 55, 0.1);
    color: #0D6E37;
    font-weight: bold;
}

.complete-link:hover {
    background-color: rgb(13, 110, 55, 0.1) !important; 
}

.incomplete-link {
    background-color: rgba(255, 119, 0, 0.1);
    color: #FF7600;
    font-weight: bold;
}

.incomplete-link:hover {
    background-color: #ff77001a !important;
}

.inactive-link {
    background-color: rgba(117, 136, 163, 0.1);
    color: #64748B;
    font-weight: bold;
}

.inactive-link:hover {
    background-color: rgba(117, 136, 163, 0.1) !important;
}

.alerta-incompleto-start {
    transition: background-color .4s ease, border-color .4s ease, opacity .4s ease;
}

.alerta-incompleto-ativo {
    background-color: #a955f7 !important;
    border: 2px solid #a955f7 !important;
    opacity: 0.35;
}


.incomplete-alert-2 {
    background-color: rgba(169, 85, 247, 0.5) !important;
}

.w-fill {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
}

.transform-dropdown {
    transform: rotateX(-10deg) translateZ(0) translate3d(0, 37px, 0);
}

.transform-dropdown-show {
    transform: rotateX(0deg) translateZ(0) translate3d(0, 37px, 5px);
}

.not-last-mb-6:not(:last-child) {
    margin-bottom: 1.5rem;
}

* {
    scroll-behavior: smooth !important;
}

/* Animate Shake  */
.animate-shake {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
}

.whats-gradient {
    background: linear-gradient(
        45deg,
        rgba(1, 159, 22, 1) 0%,
        rgba(0, 57, 8, 1) 100%
    );
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}