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

}

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

.datagrid {
    padding: unset;
}

.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, .datagrid table td {
    white-space: nowrap;
}

.datagrid table th .datagrid-column-header-additions a[data-datagrid-reset-filter-by-column] {
    display: none;
}

.datagrid table th .filter-input-wrapper {
    position: relative;
}

.datagrid table th .filter-input-wrapper .filled {
    background-color: #ffc700;
}

.datagrid table th .filter-remove-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.datagrid table td {
    max-width: 250px; /* Adjust as needed */
    overflow: hidden;
    text-overflow: ellipsis;
}

.datagrid table.table {
    background-color: rgb(222 220 220 / 65%);
    border-radius: 0px !important;
}

.datagrid thead tr th a {
    color: gray;
    font-weight: 500;
}

.datagrid thead tr:first-child th {
    padding-bottom: 0px;
}

.datagrid .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: #FBFAFA;
}

.datagrid .table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: white;
}

/*!* 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%;
    max-width: 200px;
}

/* 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; */
}


/** DATAGRID TREE */
.datagrid .datagrid-tree {
    padding: 0 20px 20px;
    min-width: 800px;
}

.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content {
    height: 39px;
}

.datagrid .datagrid-tree .datagrid-tree-item-right-actions {
    position: sticky;
    right: 0;
    background-color: inherit; /* to match the table's background */
    padding: 0;
    min-width: 60px;
}

.datagrid .datagrid-tree .datagrid-tree-item-right-actions-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 *!*/
    color: gray;
    border-radius: 4px; /* rounded corners for the background */
    transition: background-color 0.3s; /* smooth transition for hover effect */
}

.datagrid .datagrid-tree .datagrid-tree-item-right-actions-action a.danger {
    color: #f1416c;
}