/* =========================
   GENERAL TABLE STYLE
=========================== */

table thead th {
    background-color: var(--main-color);
    color: var(--white-color);
    text-align: center;
    padding: 10px;
}

/* =========================
   GENERAL DATATABLE STYLE
=========================== */

table.dataTable {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9rem;
    color: var(--black-color);
    background-color: transparent;
}

table.dataTable thead th {
    background-color: var(--main-color);
    color: var(--white-color);
    text-align: center;
    padding: 10px;
}

table.dataTable tbody tr {
    color: var(--black-color);
    background-color: transparent;
}

table.dataTable tbody tr td {
    padding: 10px;
    border-top: 0.2px solid #000;
}

table.dataTable tbody tr.even {
    background-color: rgba(255, 255, 255, 0.5);
}

/* =========================
   DATATABLE BUTTONS
=========================== */
.dt-button {
    background-color: var(--main-color) !important;
    color: var(--white-color) !important;
    box-shadow: var(--box-shadow-middle);
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    margin: 2px;
}

.dt-button:hover {
    opacity: 0.9;
}

/* Optional if you use grouped buttons */
span.dt-button-spacer.bar {
    border-left: 1px solid rgba(185, 61, 58, 1) !important;
    vertical-align: middle;
    padding-left: 0.5em;
}

/* =========================
   PAGINATION & FILTER
=========================== */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: var(--red-color);
    color: var(--white-color) !important;
    box-shadow: var(--box-shadow-middle);
    margin: 0 2px;
    border-radius: 4px;
    padding: 5px 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--main-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: var(--main-color);
    font-weight: bold;
    /* color: var(--white-color) !important; */
}

/* =========================
   FILTER & LENGTH INPUTS
=========================== */
.dataTables_wrapper select,
.dataTables_wrapper input[type="search"] {
    color: var(--black-color) !important;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 8px;
    margin-left: 5px;
}

/* =========================
   STATUS BADGE (CUSTOM)
=========================== */
.row_status {
    padding: 2px 8px;
    border-radius: 15px;
    text-transform: uppercase;
    text-shadow: -1px 0px 7px rgba(0, 0, 0, 0.39);
    font-size: 0.8rem;
    display: inline-block;
    font-weight: bold;
    letter-spacing: .05rem;
}

/* =========================
   FIXED COLUMN SUPPORT
=========================== */
.DTFC_LeftBodyWrapper table tbody tr td {
    color: var(--white-color) !important;
    /* background-color: transparent; */
    background-color: var(--red-color) !important;
    padding: 10px;
}

.DTFC_LeftBodyWrapper tbody tr.even,
.DTFC_LeftBodyWrapper tbody tr.odd {
    background-color: var(--red-color) !important;
}

/* =========================
   UTILITY
=========================== */
.text-transparent {
    color: rgba(0, 0, 0, 0%);
}



/* TODO ================== MANAGE ASSSET  ================== */
/* #table-manage-asset tbody tr {

}

#table-manage-asset tbody tr td {
 
} */


/* #table-manage-combat-asset_length,
#table-manage-combat-asset_filter,
#table-manage-combat-asset_info,
#table-manage-combat-asset_paginate,
#table-manage-combat-asset_previous,
#table-manage-combat-asset_next,

#table-manage-warehouse-asset_length,
#table-manage-warehouse-asset_filter,
#table-manage-warehouse-asset_info,
#table-manage-warehouse-asset_paginate,
#table-manage-warehouse-asset_previous,
#table-manage-warehouse-asset_next,

#table-manage-devices-asset_length,
#table-manage-devices-asset_filter,
#table-manage-devices-asset_info,
#table-manage-devices-asset_paginate,
#table-manage-devices-asset_previous,
#table-manage-devices-asset_next,

#table-manage-simcard-asset_length,
#table-manage-simcard-asset_filter,
#table-manage-simcard-asset_info,
#table-manage-simcard-asset_paginate,
#table-manage-simcard-asset_previous,
#table-manage-simcard-asset_next,

#table-manage-accounts_length,
#table-manage-accounts_filter,
#table-manage-accounts_info,
#table-manage-accounts_paginate,
#table-manage-accounts_previous,
#table-manage-accounts_next,

#table-combat-asset-sub-summary_length,
#table-combat-asset-sub-summary_filter,
#table-combat-asset-sub-summary_paginate,
#table-combat-asset-sub-summary_previous,
#table-combat-asset-sub-summary_next {
    color: var(--black-color) !important;
}

#table-combat-asset-sub-summary_info {
    color: transparent !important;
}

#table-manage-combat-asset_length select,
#table-manage-warehouse-asset_length select,
#table-manage-devices-asset_length select,
#table-manage-simcard-asset_length select,
#table-manage-accounts_length select,
#table-combat-asset-sub-summary_length select {
    color: var(--black-color) !important;
}

#table-manage-combat-asset_filter input,
#table-manage-warehouse-asset_filter input,
#table-manage-devices-asset_filter input,
#table-manage-simcard-asset_filter input,
#table-manage-accounts_filter input,
#table-combat-asset-sub-summary_filter input {
    color: var(--black-color) !important;
} */