@media print {
    @page {
        size: A4 landscape;
    }

    * {
        zoom: .95;
    }



    div {
        margin: 0 auto !important;
    }

    table {
        border-collapse: collapse !important;
        margin: 0;
    }

    table {
        page-break-inside: auto
    }

    tr {
        page-break-inside: avoid !important;
        page-break-after: auto
    }

    thead {
        display: table-header-group
    }
}
.versiontext {
    height: 25px;
    color: #000;
    font-size: 13px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #93aaef !important;
}
.accordion > .card .card-body i {
    font-size: 1rem;
}

.scrollable-list {
    max-height: 400px; /* Adjust based on your layout needs */
    overflow-y: auto;
}

.employee-item {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 5px;
}

.more-records {
    text-align: center;
    margin-top: 10px;
    color: #888; /* Optional: Change color to make it less prominent */
}

.scrollable-container {
    max-height: 400px; /* Adjust as needed */
    overflow-y: auto;
    padding-right: 10px; /* Ensure scrollbar is visible and does not overlap content */
}

.scrollable-list {
    /* Ensures the list takes full height of the container */
}

.employee-item {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 5px;
}

.more-records {
    text-align: center;
    margin-top: 10px;
    color: #888; /* Optional: Change color to make it less prominent */
}




.edit-icon {
    position: absolute;
    bottom: -4px;
    left: 63px;
    font-size: 19px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2px 5px;
    border-radius: 66%;
    cursor: pointer;
}