/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
table.dataTable > tbody > tr.selected > * {
    /* datatable sets selected row color to white by default */
    color: unset !important;
}
[readonly] {
    background-color: #eeeeee !important;
    cursor:not-allowed;
}

.dt-paging{
    text-align:right;
}
    .dt-paging nav {
        display: inline-block;
    }

.dt-paging-button {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    margin-left: -1px;
    line-height: 1.5;
    color: #0d6efd;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

    .dt-paging-button:first-of-type {
        border-top-left-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
    }

    .dt-paging-button:last-of-type {
        border-top-right-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
    }

    .dt-paging-button:hover:not(.disabled):not(.current) {
        background-color: #e9ecef;
        text-decoration: none;
    }

    .dt-paging-button.disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff;
        border-color: #dee2e6;
    }

    .dt-paging-button.current {
        z-index: 3;
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
        cursor: default;
    }

/* highlighted table */
table.highlight-row tr td {
    background-color: transparent;
}

table.highlight-row {
    cursor: default;
}

    table.highlight-row a {
        text-decoration: none;
        color: unset;
    }

    table.highlight-row tr {
        transition: background-color 0.3s;
    }

        table.highlight-row tr:hover {
            box-shadow: inset 0px 1px 20px 50px #f2fba95f !important;
        }

            table.highlight-row tr:hover td:not(.hot-column) {
                box-shadow: inset 0px 1px 20px 50px #f2fba95f !important;
            }

            table.highlight-row tr:hover a:not(.quick-button) {
                color: #051eff;
                visibility: visible;
            }

        table.highlight-row tr td.quick-action {
            border: none !important;
        }

            table.highlight-row tr td.quick-action .quick-action-handle {
                position: relative;
                visibility: hidden;
                border: 1px solid #767676;
                border-radius: 50%;
                transform: scale(0);
                transition: ease-in transform 0.1s;
            }

        table.highlight-row tr:hover td.quick-action .quick-action-handle {
            visibility: visible;
            transform: scale(1);
        }

    table.highlight-row tbody tr, table.highlight-row td {
        border-color: #ececec;
    }

    table.highlight-row tr td.quick-action .acti-tool button, .acti-tool a.quick-button {
        text-align: left;
        color: white;
    }

    table.highlight-row tr td a.edit-icon-on-hover {
        padding: 5px;
        display: block;
        width: 100%;
    }

        table.highlight-row tr td a.edit-icon-on-hover:hover::before {
            content: '\f303';
            position: absolute;
            font-family: 'Font Awesome 6 Free';
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            right: 0px;
            top: 1px;
            font-weight: 900;
        }

    table.highlight-row .acti-tool {
        display: none;
        position: absolute;
        z-index: 1;
        left: 5px;
        top: 5px;
    }

    table.highlight-row tbody tr.selected, table.highlight-row tbody tr.selected td:not(.hot-column) {
        box-shadow: inset 0px 1px 20px 50px #d7c10054 !important;
    }
    table.highlight-row tr.selected a, table.highlight-row tr.selected td {
      /*  color: white !important;*/
    }

    table.highlight-row tbody tr td:not(.quick-action) {
        min-width: 150px;
    }
.btn-indigo {
    color: #fff;
    background-color: var(--bs-indigo);
    border-color: var(--bs-indigo);
}

    .btn-indigo:hover {
        color: #fff;
        background-color: #520dc2;
        border-color: #4a0bb6;
    }

    .btn-indigo:focus,
    .btn-indigo.focus {
        box-shadow: 0 0 0 0.25rem rgba(102, 16, 242, 0.5);
    }

    .btn-indigo:active,
    .btn-indigo.active,
    .show > .btn-indigo.dropdown-toggle {
        background-color: #3e029f !important;
        color: white !important;
    }


.dt-layout-cell.dt-layout-start {
    display: none !important;
}

.dt-layout-row:not(.dt-layout-table) {
    display: none !important;
}

.dt-input {
    outline: none;
    box-shadow: none;
}

.table-top {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    white-space: nowrap;
    overflow: auto;
}

td, th {
    vertical-align: middle;
}

table * {
    position: relative; /* this is to correct loader position */
}
table thead:not(.no-sticky-header) {
    position: sticky;
    top: -1px;
    background-color: white !important;
    z-index: 1;
    box-shadow: inset 0px -1px 0 0px #bfbfbf;
}
tr.payment_Pending, tr.payment_Pending td {
    background-color: #fff5d6;
}
    tr.payment_Released, tr.payment_Released td {
        background-color: #70d70070;
    }

.dt-input {
    border-radius: 5px;
    margin-left: 10px;
    border: 1px solid #ddd;
    padding: 5px;
}