.main-container {
    width: 100%;
    height: 100%;
}

.layui-tab-content {
    width: 100%;
    height: calc(100% - 40px) !important;
}

#tablecontent {
    width: 96%;
    height: calc(100% - 40px) !important;
}

#tablecontent tr td {
    height: 30px;
    border: 1px solid black;
    text-align: center;
}

#title {
    font-size: 20px;
    vertical-align: center;
    text-align: center;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

.tab-center {
    width: 100%;
    height: 40px;
    text-align: center;
}

.layui-tab-item {
    width: 100%;
    height: 100%;
}

.mapTab {
    width: 100%;
    height: 50px;
}

.chartDiv {
    width: 100%;
    height: calc(100% - 40px) !important;
}

.tableDiv {
    width: 100%;
}

.center {
    text-align: center;
}

.input-time {
    width: 100px;
    display: inline-block;
}

.layui-tab {
    margin: 0px;
}

.btn-vertical {
    vertical-align: bottom;
}