:root {
    --b-table: var(--bs-secondary);
    --b-table-no: rgba(var(--bs-secondary-color-rgb), .15);
    --b2-table: var(--bs-primary);
    --b2-table-no: rgba(var(--bs-primary-rgb), .25);
    /*--b-table-no: rgba(255, 102, 0, .4);*/
}

.b_table {
    width: 100%;
    overflow: auto;
    font-family: Calibri;
    margin-top: .5em;
    margin-bottom: .5em;
}

    .b_table table {
        width: 100%;
        border-collapse: collapse;
        font-size: medium;
        /*font-size: small;*/
        /*border-color: #DDE6ED;*/
    }

        .b_table table thead tr{
            position: sticky;
            top: 0;
        }

        .b_table table th {
            /*background-color: #507451;*/
            background-color: var(--b-table);
            color: white;
            padding: 2px;
            font-weight: 600;
            white-space: nowrap;
            text-transform: uppercase;
            padding: 2px 5px;
        }

        .b_table table tr {
            text-align: left;
            vertical-align: top;
            background-color: white;
            font-weight: 600;
            font-size: 11pt;
        }

            .b_table table tr:nth-child(odd) {
                /*background-color: #e5efe5;*/
                background-color: var(--b-table-no);
            }

        .b_table table tbody {
            color: var(--b-table);
        }

        .b_table table td {
            padding: 2px 5px;
            white-space: nowrap;
           
            /*min-width: 100px;*/
        }

        .b_table table tfoot {
            border-top: .5px solid black;
            border-bottom: double black;
            text-transform: uppercase;
            font-weight: bold;
        }





.b_table2 {
    width: 100%;
    overflow: auto;
    font-family: Calibri;
    margin-top: .5em;
    margin-bottom: .5em;
}

    .b_table2 table {
        width: 100%;
        border-collapse: collapse;
        font-size: medium;
        /*font-size: small;*/
        /*border-color: #DDE6ED;*/
    }

        .b_table2 table thead tr {
            position: sticky;
            top: 0;
        }

        .b_table2 table th {
            /*background-color: #507451;*/
            background-color: var(--b2-table);
            color: white;
            padding: 2px;
            font-weight: 600;
            white-space: nowrap;
            text-transform: uppercase;
            padding: 2px 5px;
        }

        .b_table2 table tr {
            text-align: left;
            vertical-align: top;
            background-color: white;
            font-weight: 700;
            font-size: 11pt;
        }

            .b_table2 table tr:nth-child(odd) {
                /*background-color: #e5efe5;*/
                background-color: var(--b2-table-no);
            }

        .b_table2 table tbody {
            color: var(--b-table);
        }

        .b_table2 table td {
            padding: 2px 5px;
            white-space: nowrap;
            /*min-width: 100px;*/
        }

        .b_table2 table tfoot {
            border-top: .5px solid black;
            border-bottom: double black;
            text-transform: uppercase;
            font-weight: bold;
        }


.b_table table tbody tr input[type='text'],
.b_table table tbody tr input[type='number'] {
    background: #ffffff40 !important;
    border: 1px solid #ffffff56 !important;
    padding: 0 5px 0 0 !important;
    outline: none !important;
}

.b_table table tbody tr a {
    text-decoration: none;
    color: var(--pri-color);
}

.b_table table tbody tr a:hover,
.b_table table tbody tr a:focus,
.b_table table tbody tr a:active {
    text-decoration: 1px solid underline;
    color: var(--pri-color);
}



tr.seccondH {
    background: rgba(var(--tri-color-no), .7) !important;
    font-weight: bolder;
}