main p, main li, .notebox {
    color: #333;
}

.body .notebox {
    border: 1px solid #333;
}

/*table--centeredExceptFirst*/
/*global table*/
.body .table {
    color: #333;
}

.body .table--borders td, .body .table--borders th {
    vertical-align: middle;
}

.table th, .table td {
    text-align: left;
    vertical-align: middle;
}

@media screen and (max-width: 576px) {
    .table th, .table td {
        padding: 10px !important;
    }


}


/*table header*/
.table--borders thead tr, .table--borders thead th, .table--borders tbody th {
    background: var(--table-header-bgcolor);
    color: var(--table-header-color, white);
    font-weight: 500;
    border-color: white !important;

    strong {
        color: var(--table-header-color, white);

    }
}

.table th:not(:last-child) {
    border-right: 1px solid #fff;
}

.table th {
    padding: 20px;
    vertical-align: top;

}

.table--borders tbody th p {
    margin: 0px;
    color: white;
}

.body .table--borders th strong, .table th a {
    color: white !important;
}

.body .table--first th:first-child strong,
.body .table--first td:first-child strong {
    font-size: 24px;
}

.body .table--first th:first-child,
.body .table--first td:first-child {
    width: 400px;
}


/*first col and border*/
//.body .table--borders td:first-child strong {
//    color: var(--table-first-col-color, white);
//}

.body .table--first td:first-child strong {
    color: var(--table-first-col-color, white);
}


.body .table--borders td, .table--borders {
    border: 1px solid var(--table-border-color) !important;
}


/*even and odd*/
.table--borders tbody tr:nth-child(odd) {
    background: var(--table-bgcolor-even);
}

.table--borders tbody tr td.odd {
    background: var(--table-bgcolor-even);
}


.table--borders tbody tr:nth-child(even) {
    background: var(--table-bgcolor-odd);
}

.table--borders tbody tr td.even {
    background: var(--table-bgcolor-odd);
}

.table--plain tr, .table--plain td {
    background: transparent !important;
}

table.table--blank {
    margin-top: 0px !important;
    margin-bottom: 0px !important;

    td {
        border: none !important;
        border-color: transparent !important;
        padding: 10px !important;
    }
}

.table-guidelines td img {
    width: 100%;
}

/*gray*/
table td.gray, table th.gray, table.table--borders th.gray strong {
    background-color: #CCCCCC;
    color: #333 !important;
}

table td.gray {
    text-decoration: line-through;
}

/*table rounded*/

table.table-rounded, table.table--rounded {
    border-collapse: separate !important;
    border-spacing: initial !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    overflow: hidden;

    thead:first-child tr:first-of-type th:first-of-type, thead:first-child tr:first-of-type td:first-of-type {
        border-top-left-radius: 20px !important;
    }

    thead:first-child tr:first-of-type th:last-of-type, thead:first-child tr:first-of-type td:last-of-type {
        border-top-right-radius: 20px !important;
    }

    tbody:last-child tr:last-of-type td:first-of-type {
        border-bottom-left-radius: 20px !important;
    }

    tbody:last-child tr:last-of-type td:last-of-type {
        border-bottom-right-radius: 20px !important;
    }
}

.vertialAlignTop {
    vertical-align: top !important;
}

.table--borders.table-sm, .table-sm {
    td {
        padding: 10px 20px;
    }
}

.table-vertialAlignTop td {
    vertical-align: top;
}

.table-pb-0 td {
    padding-bottom: 0px !important;
}

.table-px-10 td {
    padding-right: 10px;
    padding-left: 10px;
}