html, body, #app{
    height: 100%;
    font-size: 14px;
    min-width: 750px;
    overflow: hidden;
}
.fleft{
    float: left;
}
.fright{
    float: right;
}
.table-wrap{
    height: calc(100% - 88px);
}
.blue-color-btn {
    color: #4a90e2;
    border: 1px solid #4a90e2;
    border-radius: 2px;
    line-height: 22px;
    padding: 0 15px;
    background: transparent;
    outline: none;
}
.blue-color-btn:disabled {
    color: #909399;
}
.default .blue-color-btn:disabled {
    color: #242730;
}
.query-title {
    height: 28px;
    line-height: 28px;
    background: #f5f6f8;;
    padding: 0 6px;
}
.default .query-title {
    background: #21242C;
}
.white .top-bar-box .query-title {
    background: #F5F6F8;
}
.pagination-div{
    text-align: center;
    line-height: 30px;
}
.page-content{
    box-sizing: border-box;
    padding: 2px 5px;
    height: 30px;
}
.page-content .el-date-editor.el-input, .page-content .el-select{
    width: 150px;
}
.el-table__empty-text {
   line-height: 28px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}