.table-text-section,
.table-text-row,
.table-text-row>.table-text-col {
    position: relative;
}
.table-text-row>.table-text-col.this-col-topic {}
.table-text-row>.table-text-col.this-col-label {
    padding-right: 15px;
}
.table-text-row>.table-text-col.this-col-colon {
    width: 15px;
    text-align: left;
}
.table-text-row>.table-text-col.this-col-detail {}

/* separator */
.table-text-section.separator-color-black[class*="separator-top"] .table-text-row,
.table-text-section.separator-color-black .table-text-row+.table-text-row {
    border-top: 1px solid rgba(var(--cpn-color-black),1);
}
.table-text-section.separator-color-gray[class*="separator-top"] .table-text-row,
.table-text-section.separator-color-gray .table-text-row+.table-text-row {
    border-top: 1px solid rgba(var(--cpn-color-black),0.1);
}
.table-text-section.separator-color-gray-light[class*="separator-top"] .table-text-row,
.table-text-section.separator-color-gray-light .table-text-row+.table-text-row {
    border-top: 1px solid rgba(var(--cpn-color-black),0.07);
}
.table-text-section.separator-top-10 .table-text-row,
.table-text-section.separator-10 .table-text-row+.table-text-row {
    padding-top: 10px;
    margin-top: 10px;
}
.table-text-section.separator-top-15 .table-text-row,
.table-text-section.separator-15 .table-text-row+.table-text-row {
    padding-top: 15px;
    margin-top: 15px;
}
.table-text-section.separator-top-20 .table-text-row,
.table-text-section.separator-20 .table-text-row+.table-text-row {
    padding-top: 20px;
    margin-top: 20px;
}
.table-text-section.separator-top-30 .table-text-row,
.table-text-section.separator-30 .table-text-row+.table-text-row {
    padding-top: 30px;
    margin-top: 30px;
}
.table-text-section.separator-top-40 .table-text-row,
.table-text-section.separator-40 .table-text-row+.table-text-row {
    padding-top: 40px;
    margin-top: 40px;
}
.table-text-section.separator-top-50 .table-text-row,
.table-text-section.separator-50 .table-text-row+.table-text-row {
    padding-top: 50px;
    margin-top: 50px;
}
.table-text-section .table-text-row>.table-text-col.this-col-topic.separator {
    border-bottom: 1px solid rgba(var(--cpn-color-black),0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* --------------------------------------------------------------- */
/* ----------------- align left and right format ----------------- */
/* --------------------------------------------------------------- */

.table-text-row.align-left-and-right-format {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.table-text-row.align-left-and-right-format.flex-wrap {
    flex-wrap:wrap;
}
.table-text-row.align-left-and-right-format>.table-text-col.this-col-label {
    flex: 1 0 0;
    text-align: left;
}
.table-text-row.align-left-and-right-format>.table-text-col.this-col-detail {
    text-align: right;
}

/* --------------------------------------------------------------- */
/* --------------------- label custom format --------------------- */
/* --------------------------------------------------------------- */

.table-text-row.label-custom-format {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.table-text-row.label-custom-format>.table-text-col.this-col-label {
}
.table-text-row.label-custom-format>.table-text-col.this-col-detail {
    flex: 1 0 0;
	word-wrap: break-word;
}

/* label custom */

.flex-basis-50 { flex-basis: 50px; }
.flex-basis-60 { flex-basis: 60px; }
.flex-basis-70 { flex-basis: 70px; }
.flex-basis-80 { flex-basis: 80px; }
.flex-basis-90 { flex-basis: 90px; }
.flex-basis-100 { flex-basis: 100px; }

.flex-basis-110 { flex-basis: 110px; }
.flex-basis-120 { flex-basis: 120px; }
.flex-basis-130 { flex-basis: 130px; }
.flex-basis-140 { flex-basis: 140px; }
.flex-basis-150 { flex-basis: 150px; }
.flex-basis-160 { flex-basis: 160px; }
.flex-basis-170 { flex-basis: 170px; }
.flex-basis-180 { flex-basis: 180px; }
.flex-basis-190 { flex-basis: 190px; }
.flex-basis-200 { flex-basis: 200px; }

.flex-basis-210 { flex-basis: 210px; }
.flex-basis-220 { flex-basis: 220px; }
.flex-basis-230 { flex-basis: 230px; }
.flex-basis-240 { flex-basis: 240px; }
.flex-basis-250 { flex-basis: 250px; }
.flex-basis-260 { flex-basis: 260px; }
.flex-basis-270 { flex-basis: 270px; }
.flex-basis-280 { flex-basis: 280px; }
.flex-basis-290 { flex-basis: 290px; }
.flex-basis-300 { flex-basis: 300px; }

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

    /* label custom - xxl */

    .flex-basis-xxl-full { flex-basis: 100%; }
    .flex-basis-xxl-clear { flex-basis: 0; }

    .flex-basis-xxl-50 { flex-basis: 50px; }
    .flex-basis-xxl-60 { flex-basis: 60px; }
    .flex-basis-xxl-70 { flex-basis: 70px; }
    .flex-basis-xxl-80 { flex-basis: 80px; }
    .flex-basis-xxl-90 { flex-basis: 90px; }
    .flex-basis-xxl-100 { flex-basis: 100px; }

    .flex-basis-xxl-110 { flex-basis: 110px; }
    .flex-basis-xxl-120 { flex-basis: 120px; }
    .flex-basis-xxl-130 { flex-basis: 130px; }
    .flex-basis-xxl-140 { flex-basis: 140px; }
    .flex-basis-xxl-150 { flex-basis: 150px; }
    .flex-basis-xxl-160 { flex-basis: 160px; }
    .flex-basis-xxl-170 { flex-basis: 170px; }
    .flex-basis-xxl-180 { flex-basis: 180px; }
    .flex-basis-xxl-190 { flex-basis: 190px; }
    .flex-basis-xxl-200 { flex-basis: 200px; }

    .flex-basis-xxl-210 { flex-basis: 210px; }
    .flex-basis-xxl-220 { flex-basis: 220px; }
    .flex-basis-xxl-230 { flex-basis: 230px; }
    .flex-basis-xxl-240 { flex-basis: 240px; }
    .flex-basis-xxl-250 { flex-basis: 250px; }
    .flex-basis-xxl-260 { flex-basis: 260px; }
    .flex-basis-xxl-270 { flex-basis: 270px; }
    .flex-basis-xxl-280 { flex-basis: 280px; }
    .flex-basis-xxl-290 { flex-basis: 290px; }
    .flex-basis-xxl-300 { flex-basis: 300px; }

}

/* 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) {

    /* label custom - xl */

    .flex-basis-xl-full { flex-basis: 100%; }
    .flex-basis-xl-clear { flex-basis: 0; }

    .flex-basis-xl-50 { flex-basis: 50px; }
    .flex-basis-xl-60 { flex-basis: 60px; }
    .flex-basis-xl-70 { flex-basis: 70px; }
    .flex-basis-xl-80 { flex-basis: 80px; }
    .flex-basis-xl-90 { flex-basis: 90px; }
    .flex-basis-xl-100 { flex-basis: 100px; }

    .flex-basis-xl-110 { flex-basis: 110px; }
    .flex-basis-xl-120 { flex-basis: 120px; }
    .flex-basis-xl-130 { flex-basis: 130px; }
    .flex-basis-xl-140 { flex-basis: 140px; }
    .flex-basis-xl-150 { flex-basis: 150px; }
    .flex-basis-xl-160 { flex-basis: 160px; }
    .flex-basis-xl-170 { flex-basis: 170px; }
    .flex-basis-xl-180 { flex-basis: 180px; }
    .flex-basis-xl-190 { flex-basis: 190px; }
    .flex-basis-xl-200 { flex-basis: 200px; }

    .flex-basis-xl-210 { flex-basis: 210px; }
    .flex-basis-xl-220 { flex-basis: 220px; }
    .flex-basis-xl-230 { flex-basis: 230px; }
    .flex-basis-xl-240 { flex-basis: 240px; }
    .flex-basis-xl-250 { flex-basis: 250px; }
    .flex-basis-xl-260 { flex-basis: 260px; }
    .flex-basis-xl-270 { flex-basis: 270px; }
    .flex-basis-xl-280 { flex-basis: 280px; }
    .flex-basis-xl-290 { flex-basis: 290px; }
    .flex-basis-xl-300 { flex-basis: 300px; }

}

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

    /* label custom - lg */

    .flex-basis-lg-full { flex-basis: 100%; }
    .flex-basis-lg-clear { flex-basis: 0; }

    .flex-basis-lg-50 { flex-basis: 50px; }
    .flex-basis-lg-60 { flex-basis: 60px; }
    .flex-basis-lg-70 { flex-basis: 70px; }
    .flex-basis-lg-80 { flex-basis: 80px; }
    .flex-basis-lg-90 { flex-basis: 90px; }
    .flex-basis-lg-100 { flex-basis: 100px; }

    .flex-basis-lg-110 { flex-basis: 110px; }
    .flex-basis-lg-120 { flex-basis: 120px; }
    .flex-basis-lg-130 { flex-basis: 130px; }
    .flex-basis-lg-140 { flex-basis: 140px; }
    .flex-basis-lg-150 { flex-basis: 150px; }
    .flex-basis-lg-160 { flex-basis: 160px; }
    .flex-basis-lg-170 { flex-basis: 170px; }
    .flex-basis-lg-180 { flex-basis: 180px; }
    .flex-basis-lg-190 { flex-basis: 190px; }
    .flex-basis-lg-200 { flex-basis: 200px; }

    .flex-basis-lg-210 { flex-basis: 210px; }
    .flex-basis-lg-220 { flex-basis: 220px; }
    .flex-basis-lg-230 { flex-basis: 230px; }
    .flex-basis-lg-240 { flex-basis: 240px; }
    .flex-basis-lg-250 { flex-basis: 250px; }
    .flex-basis-lg-260 { flex-basis: 260px; }
    .flex-basis-lg-270 { flex-basis: 270px; }
    .flex-basis-lg-280 { flex-basis: 280px; }
    .flex-basis-lg-290 { flex-basis: 290px; }
    .flex-basis-lg-300 { flex-basis: 300px; }

}

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

    /* label custom - md */

    .flex-basis-md-full { flex-basis: 100%; }
    .flex-basis-md-clear { flex-basis: 0; }

    .flex-basis-md-50 { flex-basis: 50px; }
    .flex-basis-md-60 { flex-basis: 60px; }
    .flex-basis-md-70 { flex-basis: 70px; }
    .flex-basis-md-80 { flex-basis: 80px; }
    .flex-basis-md-90 { flex-basis: 90px; }
    .flex-basis-md-100 { flex-basis: 100px; }

    .flex-basis-md-110 { flex-basis: 110px; }
    .flex-basis-md-120 { flex-basis: 120px; }
    .flex-basis-md-130 { flex-basis: 130px; }
    .flex-basis-md-140 { flex-basis: 140px; }
    .flex-basis-md-150 { flex-basis: 150px; }
    .flex-basis-md-160 { flex-basis: 160px; }
    .flex-basis-md-170 { flex-basis: 170px; }
    .flex-basis-md-180 { flex-basis: 180px; }
    .flex-basis-md-190 { flex-basis: 190px; }
    .flex-basis-md-200 { flex-basis: 200px; }

    .flex-basis-md-210 { flex-basis: 210px; }
    .flex-basis-md-220 { flex-basis: 220px; }
    .flex-basis-md-230 { flex-basis: 230px; }
    .flex-basis-md-240 { flex-basis: 240px; }
    .flex-basis-md-250 { flex-basis: 250px; }
    .flex-basis-md-260 { flex-basis: 260px; }
    .flex-basis-md-270 { flex-basis: 270px; }
    .flex-basis-md-280 { flex-basis: 280px; }
    .flex-basis-md-290 { flex-basis: 290px; }
    .flex-basis-md-300 { flex-basis: 300px; }

}

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

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

    /* label custom - sm */

    .flex-basis-sm-full { flex-basis: 100%; }
    .flex-basis-sm-clear { flex-basis: 0; }

    .flex-basis-sm-50 { flex-basis: 50px; }
    .flex-basis-sm-60 { flex-basis: 60px; }
    .flex-basis-sm-70 { flex-basis: 70px; }
    .flex-basis-sm-80 { flex-basis: 80px; }
    .flex-basis-sm-90 { flex-basis: 90px; }
    .flex-basis-sm-100 { flex-basis: 100px; }

    .flex-basis-sm-110 { flex-basis: 110px; }
    .flex-basis-sm-120 { flex-basis: 120px; }
    .flex-basis-sm-130 { flex-basis: 130px; }
    .flex-basis-sm-140 { flex-basis: 140px; }
    .flex-basis-sm-150 { flex-basis: 150px; }
    .flex-basis-sm-160 { flex-basis: 160px; }
    .flex-basis-sm-170 { flex-basis: 170px; }
    .flex-basis-sm-180 { flex-basis: 180px; }
    .flex-basis-sm-190 { flex-basis: 190px; }
    .flex-basis-sm-200 { flex-basis: 200px; }

    .flex-basis-sm-210 { flex-basis: 210px; }
    .flex-basis-sm-220 { flex-basis: 220px; }
    .flex-basis-sm-230 { flex-basis: 230px; }
    .flex-basis-sm-240 { flex-basis: 240px; }
    .flex-basis-sm-250 { flex-basis: 250px; }
    .flex-basis-sm-260 { flex-basis: 260px; }
    .flex-basis-sm-270 { flex-basis: 270px; }
    .flex-basis-sm-280 { flex-basis: 280px; }
    .flex-basis-sm-290 { flex-basis: 290px; }
    .flex-basis-sm-300 { flex-basis: 300px; }

}

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

    /* label custom - xs */

    .flex-basis-xs-full { flex-basis: 100%; }
    .flex-basis-xs-clear { flex-basis: 0; }

    .flex-basis-xs-50 { flex-basis: 50px; }
    .flex-basis-xs-60 { flex-basis: 60px; }
    .flex-basis-xs-70 { flex-basis: 70px; }
    .flex-basis-xs-80 { flex-basis: 80px; }
    .flex-basis-xs-90 { flex-basis: 90px; }
    .flex-basis-xs-100 { flex-basis: 100px; }

    .flex-basis-xs-110 { flex-basis: 110px; }
    .flex-basis-xs-120 { flex-basis: 120px; }
    .flex-basis-xs-130 { flex-basis: 130px; }
    .flex-basis-xs-140 { flex-basis: 140px; }
    .flex-basis-xs-150 { flex-basis: 150px; }
    .flex-basis-xs-160 { flex-basis: 160px; }
    .flex-basis-xs-170 { flex-basis: 170px; }
    .flex-basis-xs-180 { flex-basis: 180px; }
    .flex-basis-xs-190 { flex-basis: 190px; }
    .flex-basis-xs-200 { flex-basis: 200px; }

    .flex-basis-xs-210 { flex-basis: 210px; }
    .flex-basis-xs-220 { flex-basis: 220px; }
    .flex-basis-xs-230 { flex-basis: 230px; }
    .flex-basis-xs-240 { flex-basis: 240px; }
    .flex-basis-xs-250 { flex-basis: 250px; }
    .flex-basis-xs-260 { flex-basis: 260px; }
    .flex-basis-xs-270 { flex-basis: 270px; }
    .flex-basis-xs-280 { flex-basis: 280px; }
    .flex-basis-xs-290 { flex-basis: 290px; }
    .flex-basis-xs-300 { flex-basis: 300px; }

}

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