/* TODO: clean the style */
.flex-element.flex-element-stats, .flex-element-stats > div > div {
    width: 100%;
}

.flex-element-stats > div {
    margin-top: 25px;
}

.flex-element-stats .flex-element-item-one-col {
    flex-basis: 95%;
    margin-top: 10px;
}

.flex-element-stats .flex-element-item-two-col {
    flex-basis: 45%;
    margin-top: 10px;
}

.flex-element-stats .flex-element-item-three-col {
    flex-basis: 30%;
    margin-top: 10px;
    min-width: 30em;
}

.titles-space {
    margin-top: 55px;
}

/* stats as table */
.google-visualization-table {
    width: 100% !important;
}

table.google-visualization-table-table {
    width: 100% !important;
    background: transparent !important;
}

.google-visualization-table-tr-head {
    background-color: rgb(153, 152, 152) !important;
}

.google-visualization-table .gradient {
    background-image: none !important;
}

.google-visualization-table-tr-even {
    background-color: #8497a7 !important;
}

.google-visualization-table-tr-odd {
    background-color: #b98381 !important;
}

.google-visualization-table-div-page {
    background-color: rgb(153, 152, 152) !important;
}

.google-visualization-table-th, .google-visualization-table-td {
    color: black !important;
    text-align: center !important;
}

#change-start, #change-end {
    width: 10em;
    font-size: 15px;
}

#button-change-date {
    display: initial;
}