.custom-table .page-item:first-child .page-link, .custom-table .page-item:last-child .page-link, .custom-table .page-item:not(:first-child) .page-link {
    font-size: 12px;
    border: 0px;
}

.custom-table .page-item.active .page-link {
    border-radius: 10px;
    font-size: 12px;
}

.custom-table .page-link:hover {
    border-radius: 10px;
}

.app-sidebar .main-sidebar-header .header-logo img {
    height: auto !important;
    width: 100%;
}
/* .reportstable tr th.select-checkbox.selected::after {
    content: "✔";
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
} */

.overflow_ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form_btn {
    display: flex;
    justify-content: right;
    gap: 10px;
    width: 25%
}

    .form_btn > button {
        width: 30% !important
    }

.custom-table {
    /*scrollbar-width: thin;
    scrollbar-width: #E1E1E1 white*/
}

thead{
    z-index: 10
}
th, td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.basic_loader {
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 30px;
    clip-path: inset(0 3ch 0 0);
    animation: l4 1s steps(4) infinite;
}


@keyframes l4 {
    to {
        clip-path: inset(0 -1ch 0 0)
    }
}

.user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 10px 20px;
}

#username {
    font-size: 16px;
    font-weight: bold;
}

#user_role {
    font-size: 14px;
    color: #666;
}