/* ===================== *
 * ## Chart Component ##
 * ===================== */


/* ================ *
 * ## Data Table ##
 * ================ */

.casper-chart-component .highcharts-data-table {
   height: 100%;
   overflow: auto;
   width: 100%;
}

.casper-chart-component .highcharts-data-table > table {
   min-width: 100%;
}

.casper-chart-component .highcharts-data-table > table caption { display: none; }

.casper-chart-component .highcharts-data-table > table > thead {
   background: var(--black);
   color: var(--white);
}

.casper-chart-component .highcharts-data-table > table > thead tr th {
   font-weight: normal;
}

.casper-chart-component .highcharts-data-table > table > thead tr,
.casper-chart-component .highcharts-data-table > table > tbody tr {
   line-height: 22px;
}

.casper-chart-component .highcharts-data-table > table > thead tr th,
.casper-chart-component .highcharts-data-table > table > tbody tr th,
.casper-chart-component .highcharts-data-table > table > tbody tr td {
   padding: 0 10px;
   text-align: left;
}

.casper-chart-component .highcharts-data-table > table > tbody tr:nth-child(odd) {
   background: var(--grey-lighter);
}