.table-custom-container {
    position: relative;
}
.table-custom-container+.table-custom-container {
    margin-top: 50px;
}

.table-custom-section,
.table-custom-section .this-tr,
.table-custom-section .this-th,
.table-custom-section .this-td {
    position: relative;
}

.table-custom-section .this-tr {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}
.table-custom-section .this-th,
.table-custom-section .this-td {
    flex: 1 0 0;
    width: 100%;
}
.table-custom-section.flex-none .this-th,
.table-custom-section.flex-none .this-td {
    flex: none;
}
.table-custom-section .this-th.flex-fix,
.table-custom-section .this-td.flex-fix {
    flex: 1 0 0 !important;
}
.table-custom-section .this-th {
    font-weight: 500;
}

/* row head */
.table-custom-section .this-tr.table-custom-head-row {}

/* row item */
.table-custom-section .this-tr.table-custom-item-row {}

/* fix + scroll */

.table-custom-section>.table-custom-row,
.table-custom-section>.table-custom-row>.table-custom-col {
    position: relative;
}
.table-custom-section>.table-custom-row {
    display: flex;
    flex-wrap: nowrap;
}
.table-custom-section>.table-custom-row>.table-custom-col {
    flex: 1 0 0;
}
.table-custom-section>.table-custom-row>.table-custom-col.this-col-fix {}
.table-custom-section>.table-custom-row>.table-custom-col.this-col-scroll {
    overflow-x: auto;
}

/* --------------------------------------------------------------- */
/* ---------------------------- format --------------------------- */
/* --------------------------------------------------------------- */

.table-custom-section[class*="bg-style"] {
    border-radius: 10px;
    overflow: hidden;
}
.table-custom-section[class*="bg-style"] .this-th,
.table-custom-section[class*="bg-style"] .this-td {
    padding: 15px 20px;
}

/* bg style 1 */

.table-custom-section.bg-style-1 {
    background-color: rgba(var(--custom-rgb-color-white),1);
}
.table-custom-section.bg-style-1 .this-tr.table-custom-head-row>.this-th {
    color: rgba(var(--custom-rgb-color-primary),1);
    background-color: rgba(213,210,205,1);
}
.table-custom-section.bg-style-1 .this-tr.table-custom-item-row+.this-tr.table-custom-item-row>.this-th,
.table-custom-section.bg-style-1 .this-tr.table-custom-item-row+.this-tr.table-custom-item-row>.this-td {
    border-top: 1px solid rgba(var(--custom-rgb-color-black),0.1);
}
.table-custom-section.bg-style-1.has-scrollbar .table-custom-row>.table-custom-col.this-col-fix .this-tr>.this-th:last-child,
.table-custom-section.bg-style-1.has-scrollbar .table-custom-row>.table-custom-col.this-col-fix .this-tr>.this-td:last-child {
    border-right: 1px solid rgba(var(--custom-rgb-color-black),0.15);
}

.table-custom-section.bg-style-1.onload-hover .this-tr.hover>.this-td {
    background-color: rgba(var(--custom-rgb-color-primary),0.05);
}
/* .table-custom-section.bg-style-1 .this-tr.hover>.this-th.hover,
.table-custom-section.bg-style-1 .this-tr.hover>.this-td.hover {
    background-color: #f0f;
} */

.table-custom-section.bg-style-1 .this-tr.table-custom-item-row.this-title>.this-td {
    border-bottom: 1px solid rgba(var(--custom-rgb-color-black),1) !important;
    background-color: rgba(var(--custom-rgb-color-primary),0.05);
    font-weight: 600 !important;
}

/* xxl */
@media (min-width: 1400px) {}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* sm - xs */
@media (max-width: 767.98px) {}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* xs */
@media (max-width: 575.98px) {

/* --------------------------------------------------------------- */
/* ---------------------------- format --------------------------- */
/* --------------------------------------------------------------- */

.table-custom-section[class*="bg-style"] .this-th,
.table-custom-section[class*="bg-style"] .this-td {
    padding: 10px 15px;
}

}

/* xs custom */
@media (max-width: 399.98px) {}