#datatables_buttons_info {
    background: #27b39a !important;
    color: #fff !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.25) !important;
    text-align: center !important;
    padding: 0 !important;
}

#datatables_buttons_info h2 {
    background: #5ec0ac !important;
    margin: 0 !important;
    padding: 35px 20px 15px !important;
    font-weight: 400 !important;
    color: #fff !important;
}

#datatables_buttons_info div {
    padding: 15px 20px 30px !important;
    font-size: 16px !important;
}

/* Literal catalog colors: do not inherit Inspinia primary/secondary semantics. */
.catalog-bg-blue,
.badge.catalog-bg-blue {
    color: #fff !important;
    background-color: #1c84c6 !important;
}

.catalog-bg-grey,
.badge.catalog-bg-grey {
    color: #fff !important;
    background-color: #6c757d !important;
}

.catalog-bg-green,
.badge.catalog-bg-green {
    color: #fff !important;
    background-color: #198754 !important;
}

.catalog-bg-teal,
.badge.catalog-bg-teal {
    color: #fff !important;
    background-color: #23c6c8 !important;
}

tr.catalog-row-blue > *,
tr.catalog-row-blue > td,
tr.catalog-row-blue > th {
    background-color: #eef6fc !important;
}

tr.catalog-row-grey > *,
tr.catalog-row-grey > td,
tr.catalog-row-grey > th {
    background-color: #f3f4f6 !important;
}

tr.catalog-row-green > *,
tr.catalog-row-green > td,
tr.catalog-row-green > th {
    background-color: #edf8f1 !important;
}

tr.catalog-row-teal > *,
tr.catalog-row-teal > td,
tr.catalog-row-teal > th {
    background-color: #e9f9f9 !important;
}

tr.catalog-row-blue:hover > *,
tr.catalog-row-blue:hover > td,
tr.catalog-row-blue:hover > th,
tr.catalog-row-grey:hover > *,
tr.catalog-row-grey:hover > td,
tr.catalog-row-grey:hover > th,
tr.catalog-row-green:hover > *,
tr.catalog-row-green:hover > td,
tr.catalog-row-green:hover > th,
tr.catalog-row-teal:hover > *,
tr.catalog-row-teal:hover > td,
tr.catalog-row-teal:hover > th {
    background-color: #eceff3 !important;
}

/* Shared inactive-record row state. Uses the same pastel red family as danger status rows. */
tr.app-row-inactive > *,
tr.app-row-inactive > td,
tr.app-row-inactive > th,
tr.row-inactive > *,
tr.row-inactive > td,
tr.row-inactive > th {
    background-color: #fff1f2 !important;
}

tr.app-row-inactive:hover > *,
tr.app-row-inactive:hover > td,
tr.app-row-inactive:hover > th,
tr.row-inactive:hover > *,
tr.row-inactive:hover > td,
tr.row-inactive:hover > th {
    background-color: #ffe4e6 !important;
}

.app-record-inactive {
    background-color: #fff1f2 !important;
}

.app-record-inactive:hover {
    background-color: #ffe4e6 !important;
}

.app-responsive-table.dtr-inline.collapsed > tbody > tr > td,
.app-responsive-table.dtr-inline.collapsed > tbody > tr > th {
    vertical-align: middle;
}

.app-responsive-table.dtr-inline.collapsed .app-dt-details {
    width: 100%;
    text-align: left;
}

.app-responsive-table.dtr-inline.collapsed .app-dt-detail-row {
    display: block;
    width: 100%;
    padding: .75rem 0;
    text-align: left;
    border-bottom: 1px solid var(--bs-border-color);
}

.app-responsive-table.dtr-inline.collapsed .app-dt-detail-row:last-child {
    border-bottom: 0;
}

.app-responsive-table.dtr-inline.collapsed .app-dt-detail-label {
    display: block;
    margin-bottom: .25rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
}

.app-responsive-table.dtr-inline.collapsed .app-dt-detail-value {
    display: block;
    max-width: 100%;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    overflow-wrap: anywhere;
    word-break: normal;
}

.app-responsive-table.dtr-inline.collapsed .app-dt-detail-value .badge,
.app-responsive-table.dtr-inline.collapsed .app-dt-detail-value .btn {
    white-space: normal;
}

.app-responsive-table.dtr-inline.collapsed .app-dt-detail-value ol,
.app-responsive-table.dtr-inline.collapsed .app-dt-detail-value ul {
    margin-bottom: 0;
    padding-left: 1.25rem;
}

.app-responsive-table.dtr-inline.collapsed tbody tr.child td.child,
.app-responsive-table.dtr-inline.collapsed tbody tr.child td {
    text-align: left !important;
    white-space: normal !important;
}