/*
    Example styles for demo
*/

.j2ht_table,
.j2ht_table table {
    width: 100%;
    border-collapse: collapse;
    --cellpadding: 4px;
}

.j2ht_table {
    border: 1px black solid;
}

.j2ht_table table {
    border: 1px #e6e6e6 solid;
    font-size: 12px;
}

.j2ht_table table {
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
    margin-left: 8px;
}

.j2ht_table table > tbody > tr:nth-child(0) {
    background-color: #f7f7f7;
}

.j2ht_table > thead > tr > td,
.j2ht_table table > thead > tr > td {
    font-weight: normal;
    padding: var(--cellpadding);
}

.j2ht_table > thead > tr > td {
    color: #FFFFFF;
    background: #1b1e24;
}

.j2ht_table table > thead > tr > td {
    color: #000000;
    background: #e6e6e6;
}

.j2ht_table > tbody > tr > td,
.j2ht_table table > tbody > tr > td {
    padding: var(--cellpadding);
}


.j2ht_tableb,
.j2ht_tableb table {
    width: 100%;
    border-collapse: collapse;
    --cellpadding: 4px;
}

.j2ht_tableb {
    border: 1px black solid;
}

.j2ht_tableb table {
    border: 1px #e6e6e6 solid;
    font-size: 12px;
}

.j2ht_tableb table {
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
    margin-left: 8px;
}

.j2ht_tableb table > tbody > tr:nth-child(0) {
    background-color: #f7f7f7;
}

.j2ht_tableb > thead > tr > td,
.j2ht_tableb table > thead > tr > td {
    font-weight: normal;
    padding: var(--cellpadding);
}

.j2ht_tableb > thead > tr > td {
    color: #FFFFFF;
    background: #1b1e24;
}

.j2ht_tableb table > thead > tr > td {
    color: #000000;
    background: #e6e6e6;
}

.j2ht_tableb > tbody > tr > td,
.j2ht_tableb table > tbody > tr > td {
    padding: var(--cellpadding);
}


.j2ht_tablec,
.j2ht_tablec table {
    width: 100%;
    border-collapse: collapse;
    --cellpadding: 4px;
}

.j2ht_tablec {
    border: 1px black solid;
}

.j2ht_tablec table {
    border: 1px #e6e6e6 solid;
    font-size: 12px;
}

.j2ht_tablec table {
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
    margin-left: 8px;
}

.j2ht_tablec table > tbody > tr:nth-child(0) {
    background-color: #f7f7f7;
}

.j2ht_tablec > thead > tr > td,
.j2ht_tablec table > thead > tr > td {
    font-weight: normal;
    padding: var(--cellpadding);
}

.j2ht_tablec > thead > tr > td {
    color: #FFFFFF;
    background: #1b1e24;
}

.j2ht_tablec table > thead > tr > td {
    color: #000000;
    background: #e6e6e6;
}

.j2ht_tablec > tbody > tr > td,
.j2ht_tablec table > tbody > tr > td {
    padding: var(--cellpadding);
}

.j2ht_tabled,
.j2ht_tabled table {
    width: 100%;
    border-collapse: collapse;
    --cellpadding: 4px;
}

.j2ht_tabled {
    border: 1px black solid;
}

.j2ht_tabled table {
    border: 1px #e6e6e6 solid;
    font-size: 12px;
}

.j2ht_tabled table {
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
    margin-left: 8px;
}

.j2ht_tabled table > tbody > tr:nth-child(0) {
    background-color: #f7f7f7;
}

.j2ht_tabled > thead > tr > td,
.j2ht_tabled table > thead > tr > td {
    font-weight: normal;
    padding: var(--cellpadding);
}

.j2ht_tabled > thead > tr > td {
    color: #FFFFFF;
    background: #1b1e24;
}

.j2ht_tabled table > thead > tr > td {
    color: #000000;
    background: #e6e6e6;
}

.j2ht_tabled > tbody > tr > td,
.j2ht_tabled table > tbody > tr > td {
    padding: var(--cellpadding);
}




.j2ht_tablee,
.j2ht_tablee table {
    width: 100%;
    border-collapse: collapse;
    --cellpadding: 4px;
}

.j2ht_tablee {
    border: 1px black solid;
}

.j2ht_tablee table {
    border: 1px #e6e6e6 solid;
    font-size: 12px;
}

.j2ht_tablee table {
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
    margin-left: 8px;
}

.j2ht_tablee table > tbody > tr:nth-child(0) {
    background-color: #f7f7f7;
}

.j2ht_tablee > thead > tr > td,
.j2ht_tablee table > thead > tr > td {
    font-weight: normal;
    padding: var(--cellpadding);
}

.j2ht_tablee > thead > tr > td {
    color: #FFFFFF;
    background: #1b1e24;
}

.j2ht_tablee table > thead > tr > td {
    color: #000000;
    background: #e6e6e6;
}

.j2ht_tablee > tbody > tr > td,
.j2ht_tablee table > tbody > tr > td {
    padding: var(--cellpadding);
}






.j2ht_tablef,
.j2ht_tablef table {
    width: 100%;
    border-collapse: collapse;
    --cellpadding: 4px;
}

.j2ht_tablef {
    border: 1px black solid;
}

.j2ht_tablef table {
    border: 1px #e6e6e6 solid;
    font-size: 12px;
}

.j2ht_tablef table {
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
    margin-left: 8px;
}

.j2ht_tablef table > tbody > tr:nth-child(0) {
    background-color: #f7f7f7;
}

.j2ht_tablef > thead > tr > td,
.j2ht_tablef table > thead > tr > td {
    font-weight: normal;
    padding: var(--cellpadding);
}

.j2ht_tablef > thead > tr > td {
    color: #FFFFFF;
    background: #1b1e24;
}

.j2ht_tablef table > thead > tr > td {
    color: #000000;
    background: #e6e6e6;
}

.j2ht_tablef > tbody > tr > td,
.j2ht_tablef table > tbody > tr > td {
    padding: var(--cellpadding);
}







.j2ht_tableg,
.j2ht_tableg table {
    width: 100%;
    border-collapse: collapse;
    --cellpadding: 4px;
}

.j2ht_tableg {
    border: 1px black solid;
}

.j2ht_tableg table {
    border: 1px #e6e6e6 solid;
    font-size: 12px;
}

.j2ht_tableg table {
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
    margin-left: 8px;
}

.j2ht_tableg table > tbody > tr:nth-child(0) {
    background-color: #f7f7f7;
}

.j2ht_tableg > thead > tr > td,
.j2ht_tableg table > thead > tr > td {
    font-weight: normal;
    padding: var(--cellpadding);
}

.j2ht_tableg > thead > tr > td {
    color: #FFFFFF;
    background: #1b1e24;
}

.j2ht_tableg table > thead > tr > td {
    color: #000000;
    background: #e6e6e6;
}

.j2ht_tableg > tbody > tr > td,
.j2ht_tableg table > tbody > tr > td {
    padding: var(--cellpadding);
}