.form-signin {
    max-width: 330px;
    padding: 1rem;
}

.bg-green-light {
    background-color: #F6FCF6;
}

.shadow-tw {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagination{
    --bs-pagination-color: #78c2ad;
    --bs-pagination-bg: #fff;
    --bs-pagination-border-color: #78c2ad;
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: #78c2ad;
    --bs-pagination-hover-border-color: #78c2ad;
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #78c2ad;
    --bs-pagination-active-border-color: #78c2ad;
    .page-item {
        &:first-child {
            margin-right: 20px;
        }
        &:last-child {
            margin-left: 20px;

        }
        .page-link {
            margin: 0 2px;
            border-radius: var(--bs-pagination-border-radius);
        }
    }
}

@media (max-width: 576px) {
    .tooltipMenu {
        &:hover {
            .tooltipText {
                visibility: visible;
            }
        }
    }
}
.tooltipMenu {
    position: relative;
    display: inline-block;

    .tooltipText {
        visibility: hidden;
        width: auto;
        background-color: var(--bs-primary);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1;
        top: 5%;
        left: 110%;
        white-space: nowrap;

        &::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent var(--bs-primary) transparent transparent;
        }
    }
}