.summary-table td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 75%;
}

.summary-table tfoot tr:nth-child(1) td {
    height: 1px !important;
}

.summary-table tfoot td {
    height: 20px !important;
}

.legend {
    position: absolute;
    /*font-size: 80%;*/
}

.legend-1 {
    width: 200px;
}

.details-table tfoot, .details-table tfoot tr, .details-table tfoot td {
    height: 0px !important;
    padding: 0px !important;
}

/*
.details-table th:nth-child(1) {
    border-right: none !important;
    border-bottom: none !important;
}

.details-table th:nth-child(2) {
    border-left: none !important;
}

.details-table tbody tr:nth-child(1) [rowspan] {
    border-top: none !important;
}
*/
.details-table tbody [rowspan] {
    font-size: 18px;
}


.details-table th {
    border: 2px solid black;
}

.details-table td {
    border: 1px solid silver;
    xfont-size: 12px;
}

.details-table i {
    margin: 0 auto;
    width: 10px;
    display: block;
}

.details-table [rowspan] {
    border-top: 2px solid black;
    border-right: 2px solid black;
    xheight: 120px !important;
    background-color: white;
}

.details-table thead th {
    vertical-align: bottom;
}

    .details-table thead th:not(:nth-child(2)) {
        vertical-align: bottom;
        text-align: center;
    }

.details-table tbody span {
    display: block;
    /* FF3.5+ */
    -moz-transform: rotate(-90.0deg);
    /* Opera 10.5 */
    -o-transform: rotate(-90.0deg);
    /* Saf3.1+, Chrome */
    -webkit-transform: rotate(-90.0deg);
    transform: rotate(-90.0deg);
    text-align: center;
    font-weight: 600;
}


.details-table [rowspan] ~ td {
    border-top: 2px solid black !important;
}

.details-table thead th {
    padding: 5px;
}

.details-table td {
    padding: 3px;
}








.details-table .fa-asterisk {
    color: rgba(234, 183, 16, .4);
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 150%;
}

.details-table tfoot {
    font-size: 80%;
}

.details-table th:nth-child(8):before {
    content: '*';
    color: rgba(234, 183, 16, .4);
    position: absolute;
    font-size: 400%;
    bottom: 40px;
}

.details-table,
.details-table tr,
.details-table td,
.details-table th {
    position: relative;
    padding: 2px 10px 2px 10px;
}



    .details-table th > span > span {
        font-size: 80%;
        font-weight: 400;
        margin-top: -10px;
        display: block;
    }

    .details-table th,
    .details-table td {
        width: 1px !important;
    }

    .details-table tbody tr:nth-child(odd) {
        background: #f1f1f1
    }

    .details-table tbody td:nth-child(2),
    .details-table tbody td:nth-child(4),
    .details-table tbody td:nth-child(6),
    .details-table tbody td:nth-child(8),
    .details-table tbody td:nth-child(10) {
        background-color: rgba(234, 183, 16, .4);
    }

    .details-table tbody [rowspan] ~ td:nth-child(2),
    .details-table tbody [rowspan] ~ td:nth-child(4),
    .details-table tbody [rowspan] ~ td:nth-child(6),
    .details-table tbody [rowspan] ~ td:nth-child(8),
    .details-table tbody [rowspan] ~ td:nth-child(10) {
        background-color: transparent;
    }

    .details-table tbody [rowspan] ~ td:nth-child(3),
    .details-table tbody [rowspan] ~ td:nth-child(5),
    .details-table tbody [rowspan] ~ td:nth-child(7) {
        background-color: rgba(234, 183, 16, .4);
    }

    .details-table thead th:nth-child(3),
    .details-table thead th:nth-child(5),
    .details-table thead th:nth-child(7),
    .details-table thead th:nth-child(10) {
        background-color: rgba(234, 183, 16, .4);
    }

    .details-table tfoot td {
        height: 40px;
    }

        .details-table tfoot td > span {
            background-color: rgba(234, 183, 16, .4);
            display: block;
            position: absolute;
            top: 0;
            right: 0px;
            padding: 10px;
            font-size: 80%;
            font-style: italic;
            white-space: nowrap;
        }


@media (max-width: 768px) {
    .summary-table tfoot span {
        font-size: 120% !important;
    }

    .details-table,
    .details-table tr,
    .details-table td,
    .details-table th {
        padding: 2px;
    }


        .details-table tbody span {
            width: 60px !important;
            white-space: nowrap;
            font-size: 80%;
            bottom: 0px !important;
            margin-bottom: -50%
        }

        .details-table tfoot td > span {
            padding: 2px;
        }

        .details-table th > span {
            transform-origin: 0 50%;
            transform: rotate(-90deg);
            white-space: nowrap;
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
        }

        .details-table thead th {
            height: 160px;
            padding: 5px !important;
            min-width: 20px;
            vertical-align: bottom;
        }

        .details-table i {
            font-size: 10px;
        }

    .summary-table th:nth-child(8):before {
        font-size: 300% !important;
    }

    .summary-table thead span > span {
        display: none !important;
    }

    .summary-table {
        font-size: 80%;
    }

    .details-table {
        font-size: 12px;
        background-color: white;
        border: 2px solid black !important;
        margin: 0 auto;
    }
}

.details-table {
    border: 2px solid black !important;
}

}














.summary-table .fa-asterisk {
    color: rgb(220 172 4);
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 150%;
}

.summary-table tfoot {
    font-size: 80%;
}

.summary-table th:nth-child(8):before {
    content: '*';
    color: rgb(220 172 4);
    position: absolute;
    font-size: 400%;
    bottom: 20px;
}

.summary-table,
.summary-table tr,
.summary-table td,
.summary-table th {
    position: relative;
    padding: 2px 5px 2px 5px;
}

    .summary-table th > span {
        transform-origin: 0 50%;
        transform: rotate(-90deg);
        white-space: nowrap;
        display: block;
        position: absolute;
        bottom: -10px;
        left: 50%;
    }

        .summary-table th > span > span {
            font-size: 80%;
            font-weight: 400;
            margin-top: -10px;
            display: block;
        }

    .summary-table th:not(:first-child),
    .summary-table td:not(:first-child) {
        width: 1px;
    }

    .summary-table tbody tr:nth-child(odd) {
        background: #c5c5c5
    }

    .summary-table tbody td:nth-child(2),
    .summary-table tbody td:nth-child(4),
    .summary-table tbody td:nth-child(6),
    .summary-table tbody td:nth-child(8),
    .summary-table tbody td:nth-child(10) {
        background-color: rgba(234, 183, 16, .4);
    }

    .summary-table tfoot tr:not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)):not(:nth-last-child(4)) td:nth-child(2),
    .summary-table tfoot tr:not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)) td:nth-child(4),
    .summary-table tfoot tr:not(:nth-last-child(1)):not(:nth-last-child(2)) td:nth-child(6),
    .summary-table tfoot tr:not(:nth-last-child(1)) td:nth-child(8) {
        background-color: rgba(234, 183, 16, .4);
    }

    .summary-table tfoot td {
        height: 40px;
    }

        .summary-table tfoot td > span {
            background-color: rgba(234, 183, 16, .4);
            display: block;
            position: absolute;
            top: 0;
            right: 0px;
            padding: 3px;
            font-size: 80%;
            font-style: italic;
            white-space: nowrap;
        }


@media (max-width: 768px) {
    .summary-table,
    .summary-table tr,
    .summary-table td,
    .summary-table th {
        padding: 2px;
    }

        .summary-table tfoot td > span {
            padding: 2px;
        }

        .summary-table i {
            font-size: 10px;
        }

        .summary-table th > span {
            bottom: -5px;
        }

        .summary-table th:nth-child(8):before {
            bottom: 30px;
        }
}