.nav-link.active {
    background-color: #324681 !important;
}

.nav-link:hover:not(.active) {
    background-color: #14375910 !important;
}

.sidebar.bg-light {
    width: 280px;
    position: fixed;
    height: 100vh;
    background-color: #fff !important;
}

hr {
    background-color: #324681 !important;
}

.nav li svg * {
    fill: #111827;
}

.nav .text-white svg * {
    fill: #fff;
}

.nav li:hover svg * {
    fill: #fff;
}

a {
    text-decoration: none !important;
}

.btn-main {
    color: #fff !important;
    background-color: #324681 !important;
    border-color: #324681 !important;
}

.h-map {
    height: calc(100vh - 80px)
}

.justify-around {
    justify-content: space-around;
}

.bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(50 70 129 / var(--tw-bg-opacity));
}

.hover\:bg-blue-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(50 70 129 / var(--tw-bg-opacity));
}

@media screen and (min-width: 768px) {
    .h-map {
        height: calc(100vh - 81px)
    }

    .swapper-desktop {
        max-width: 500px;
        height: calc(100% - 81px) !important;
        border-radius: 0 !important;
        left: auto !important;
    }
}

/* @media screen and (min-width: 1024px) {
    #parking-list-btn {
        margin-bottom: .25rem !important;
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
} */

@media (min-width: 1024px) {

    .lg\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:ml-64 {
        margin-left: 16rem;
    }
    
    #parking-list-btn {
        margin-bottom: .25rem !important;
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}