.grid-header {
    padding: 15px 8px 20px;

}

.card .datagrid table {
    border: none !important;
}

.datagrid {
    padding: unset;
    border-radius: 5px;
}

.datagrid table .col-action {
    position: sticky;
    right: 0;
    background-color: inherit; /* to match the table's background */
    padding: 0;
}

.datagrid table .col-action a {
    display: inline-block; /* to apply padding and background */
    background-color: #f7f7f7; /* a subtle background, modify as needed */
    padding: 5px 8px; /* padding around the icon */
    /*margin-right: 5px; !* space between icons *!*/
    border-radius: 4px; /* rounded corners for the background */
    transition: background-color 0.3s; /* smooth transition for hover effect */
}

.datagrid table .col-action a.danger {
    color: #f1416c;
}


.datagrid table .col-action a:hover {
    background-color: #e0e0e0; /* slightly darker background on hover */
}

.datagrid table th.col-action {
    display: none;
}

.datagrid table th {
    white-space: nowrap;
}

/*!* Hide col-items and col-pagination *!*/
/*#snippet-simpleGrid-pagination .col-items,*/
/*#snippet-simpleGrid-pagination .col-pagination {*/
/*    display: none;*/
/*}*/
#snippet-simpleGrid-pagination .col-items {
    width: 20%;
}

/* Adjust col-per-page to only display the reset button centered */
#snippet-simpleGrid-pagination .col-per-page {
    text-align: center; /* Center the content */
    width: 29%; /* Take full width */
    display: inline-flex;
    gap: 1rem;
}
#snippet-simpleGrid-pagination .col-per-page select{
    width: 150px;
    margin-left: auto;
    padding: 5px 40px 5px 15px;
    font-size: 1.1rem;
    line-height: 1.5;
}
#snippet-simpleGrid-pagination .col-per-page select.mr-auto{
    margin-right: auto;
    margin-left: unset;
}

/* Hide the select and submit button inside col-per-page */
#snippet-simpleGrid-pagination .col-per-page select,
#snippet-simpleGrid-pagination .col-per-page input[type="submit"] {
    /*display: none;*/
}

/* Optional: Adjust the reset button if needed */
#snippet-simpleGrid-pagination .btn-sm.reset-filter {
    /* Adjust styles if needed. For instance: */
    /* margin: 0 auto; */
    background-color: transparent !important;
}

.datagrid .reset-filter {
    color: #3F4254 !important;
    background-color: #E1E3EA !important;
}

.row-grid-bottom {font-size: 12px;background-color: #f6f5fc !important}