.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-r {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-wrap{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.flex-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-pack-end{
    -webkit-box-pack: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.scroll-by{
    overflow: auto;
    height: 100%;
}

.ta-c{
    text-align: center;
}
.ta-l{
    text-align: left;
}
.ta-r{
    text-align: right;
}
.filter-box{
    margin-bottom: 15px;
}
.label-text{
    padding-right: 5px;
}
#app .main-container{
    min-width: 1474px;
}
.el-date-editor .el-range-separator{
    min-width: 25px;
}
.pagination-box{
    border: 1px solid #EBEEF5;
    border-top: none;
    padding: 3px 0;
}
.toolbar-box{
    padding: 3px 0;
}
.el-table__body tr:hover>td{
    background-color: #C8F3FB !important;
}
.el-table__body tr.current-row>td{
    background-color: #C8F3FB !important;
}
/* .el-form-item{
    margin-bottom: 10px !important;
}
.el-input .el-input__inner, .el-select .el-input__inner{
    width: 223px;
}
.el-input-number .el-input__inner, .el-pagination__sizes .el-input__inner{
    width: inherit;
}
.el-range-editor.el-input__inner{
    width: 223px !important;
    padding: 3px 6px !important;
}
.el-range-editor--medium .el-range-input{
    font-size: 13px !important;
} */
.el-form-item{
    margin-bottom: 10px !important;
}
.el-range-editor.el-input__inner{
    /*width: 223px !important;*/
    /*padding: 3px 6px !important;*/
}
.el-range-editor--medium .el-range-input{
    font-size: 13px !important;
}
.dialogCustomClass{
    margin-top: 5vh !important;
}
.no-wrap{
    white-space: nowrap;
}
.color-red{
    color: red;
}
.color-green{
    color: green;
}
