.nav-link {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 10px;
    transition: padding 0.3s, justify-content 0.3s, width 0.3s;
}

.sidebar-text {
    margin-left: 10px;
    transition: margin 0.3s, opacity 0.3s;
}

.collapsed .sidebar-text {
    display: none;
}

.nav-link.active {
    background-color: #28a745;
    color: white !important;
}

.nav-link:hover {
    background-color: rgba(54,249,56,0.1);
    color: #36F938;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #036404;
    color: white !important;
}

.nav-pills .nav-link {
    background-color: transparent;
    color: #36F938;
}

.nav-link:hover {
    background-color: rgba(54,249,56,0.1);
    color: #36F938;
}

/* Bottom nav Android - Outros dropdown toggle */
#dropdown-outros-android > a.nav-link.dropdown-toggle {
    color: #36F938 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 50px !important;
    padding: 4px 8px !important;
    font-size: inherit !important;
}

#dropdown-outros-android > a.nav-link.dropdown-toggle::after {
    display: none !important;
}

/* Deixa o toggle do DropdownMenu com aparência de ativo */
.nav-item.active > .nav-link,
.nav-item.active > .nav-link.dropdown-toggle,
.nav-pills .nav-item.active > a.nav-link,
.dropend.nav-item.active > .nav-link,
.dropend.nav-item.active > .nav-link.dropdown-toggle,
.dropend.nav-item.active > button,
.dropend.nav-item.active > button.dropdown-toggle,
.dropend.nav-item.active > a,
.dropend.nav-item.active > a.dropdown-toggle,
#dropdown-abastecimentos.active > a,
#dropdown-servicos.active > a {
    background-color: #036404 !important;
    color: white !important;
    border-radius: var(--bs-border-radius);
}

.toggle-circle {
    position: absolute;
    right: -28px;
    top: 38px;
    z-index: 1000;
}

/* Estilo para fixar o cabeçalho */
.table-responsive thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}

.text-card-value {
    font-size: 20pt;
}

.text-card-title {
    font-size: 12pt;
}

@media (max-width: 425px) {
    .responsive-img {
        height: 150px;
    }
}

@media (max-width: 375px) {
    .responsive-img {
        height: 130px;
    }

    #columns-select {
        width: 150px;
    }

    .text-card-value {
        font-size: 18pt;
    }
}

@media (max-width: 320px) {
    .responsive-img {
        height: 110px;
    }

    #columns-select {
        width: 140px;
    }
}