* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mainbox {
    display: flex;
    min-width: 1024px;
    max-width: 1920px;
    padding: 10px 10px 0;
}

.select {
    margin-top: 4rem;
    padding: 15px;
    width: 100%;
    align-content: left;
}

.column {
    width: 50%;
}

.panel {
    height: 320px;
    padding: 0 15px 40px;
    margin-bottom: 15px;
    position: relative;
    background-size: 100% 100%;
}

/* h2 {
    height: 0.6rem;
    color: white;
    line-height: 0.6rem;
    text-align: center;
    font-size: 20px;
    vertical-align: sub;
} */
.data-table {
    /*     border: 2px;
    border-color: black;
    border-style: solid;
    border-collapse: collapse; */
    /* padding-top: 10px; */
    margin: auto;
}

.table-chart-before {
    padding-top: 5px;
    height: 300px;
    /* overflow: scroll; */
    /*     border: 1px solid black; */
    background-size: 100% 100%;
    text-align: center;
}

.table-chart-after {
    padding-top: 5px;
    height: 300px;
    overflow: scroll;
    /*     border: 1px solid black; */
    background-size: 100% 100%;
    text-align: center;
}

.chart {
    padding-top: 5px;
    height: 300px;
    background-color: #fff;
    background-size: 100% 100%;
    /*     border: 1px solid black; */
}

/* .data-table thead th,
.data-table tbody td,
.data-table tbody tr {
    border: 1px;
    border-color: black;
    border-style: solid;
    border-collapse: collapse;
} */

/* .select-table {
    vertical-align: middle;
    margin: 0 auto;
    top: 30%;
} */
/* .describe {
    height: fit-content;
    border: 1px solid black;
} */
.caption-top {
    position: sticky;
    top: 0;
    z-index: 1;
}