.btn-green {
    background-color: #56984B;
    color: white;
}

.btn-green:hover {
    background-color: darkgreen;
    color: white;
}

.text-green {
    color: #62AD56 !important;
}

.text-darkgreen {
    color: #3F7836;
}

.bg-green {
    background-color: #56984B !important;
}

.menu-item.active,
.menu-link.active {
    background-color: #68b85a !important;
    border-radius: 5px;
}

.menu-title {
    color: white !important;
}



.menu-bullet .bullet {
    background-color: var(--bs-primary-inverse) !important;
}

.bg-dashboard {
    background: linear-gradient(90deg, rgba(210, 232, 200, 1), rgba(210, 232, 200, 1), rgba(210, 232, 200, 0.8), rgba(210, 232, 200, 0.1)), url(../media/illustrations/background-website.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-page {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../media/illustrations/background-website.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fs-64 {
    font-size: 64px;
}

.fs-24 {
    font-size: 24px;
}

.fs-20 {
    font-size: 20px;
}

.fs-16 {
    font-size: 16px;
}

.fs-48 {
    font-size: 48px;
}

.fs-36 {
    font-size: 36px;
}

.image-input-placeholder {
    background-image: url(../media/avatars/blank.png);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #56984B !important;
    border-color: #56984B !important;
    color: white !important;
}

@media (min-width: 1200px) {
    .w-xl-1200px {
        width: 1200px !important;
    }
}

.list-attach {
    display: flex;
    justify-content: center;
    align-items: center;
}

.max-foto {
    height: 200px;
    width: 200px;
    object-fit: cover;
}

.max-foto-180 {
    height: 160px;
    width: 100%;
    object-fit: cover;
}