/* Custom datatable design css */
#myTable {
    border-collapse: collapse !important;
    margin: 0 !important;
    width: 100% !important;
}

#myTable_wrapper,
.dataTables_wrapper,
table {
    margin: 0 !important;
    padding: 0 !important;
}

.custom-table-header-row {
    border-bottom: 1px solid var(--h-custom-table-border-color) !important;
}

.custom-table-header-cell {
    background-image: linear-gradient(45deg, var(--h-surface-color) 0%, var(--h-surface-color-end) 51%, var(--h-surface-color) 100%);
    border: 1px solid var(--h-custom-table-border-color) !important;
}

.custom-table-header-cell {
    transition: 0.5s;
    background-size: 200% auto;
}

.custom-table-header-cell:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.custom-table-row {
    background-color: var(--h-background-color) !important;
}

.custom-table-row:focus,
.custom-table-row:hover {
    background-color: var(--h-surface-color-end) !important;
}

.custom-table-cell {
    font-size: var(--h-font-size-body) !important;
    padding: 5px !important;
    border: 1px solid var(--h-custom-table-border-color) !important;
}

.custom-table-cell-wrap {
    font-size: var(--h-font-size-body) !important;
    width: 1%;
    white-space: nowrap;
    padding: 5px;
    text-align: center;
    border: 1px solid var(--h-custom-table-border-color) !important;
}

/* Custom lighter row*/
.custom-table-row-light {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.custom-bordered-box {
    height: auto;
    font-size: 12px;
    background: var(--h-custom-bordered-box-background-color) !important;
    background-color: transparent;
    border: 3px solid var(--h-custom-bordered-box-border-color) !important;
    border-radius: 0;
    color: var(--h-custom-bordered-box-text-color);
    box-shadow: none !important;
}

.custom-bordered-box .row {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.custom-bordered-box .custom-bordered-box-header {
    border-bottom: 1px solid var(--h-custom-bordered-box-border-color) !important;
}