body {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#dataTable {
    margin: 10px auto;
    max-width: 600px;
}

#dataTable table td, #dataTable table th  {
    vertical-align: middle;
    text-align: center;
}

#dataTable table tfoot td, #dataTable table thead th  {        
    background: #bae9f0;
    font-weight: bold;
}

#dataTable .statistics_min  {    
    background-color: rgb(148, 233, 148);
}

#dataTable .statistics_max  {    
    background-color: rgb(150, 150, 238);
}

#timestampRange>.btn-group {
    margin-right: 10px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgb(223, 222, 222);    
}

#currentWaterLevel {
    margin-left: 10px;
    color: rgb(183, 247, 181);    
}

h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#datetimepickerStart, #datetimepickerEnd {
    text-align: center;
}

#statistics_table table {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 600px;
    text-align: center;
}

#statistics_table table thead th {
    text-align: center;
}