/*基于elementUI写的颜色样式--字体颜色*/

.ifcolprimary{color: #409EFF !important;}
.ifcoldanger{color: #F56C6C !important;}
.ifcolwarning{color: #E6A23C !important;}
.ifcolsuccess{color: #67C23A !important;}

/*基于elementUI写的颜色样式--背景颜色*/

.ifbgprimary{background: #409EFF !important;color: #fff !important;}
.ifbgdanger{background: #F56C6C !important;color: #fff !important;}
.ifbgwarning{background: #E6A23C !important;color: #fff !important;}
.ifbgsuccess{background: #67C23A !important;color: #fff !important;}

/*重置elementui---表单左边的文字左对齐，容纳5个文字*/

.el-form-item__label{text-align: left !important;font-size: 13px !important;font-weight: 700;}

/*重置elementui---表单有两个时间选择，开始时间和结束时间*/

.el-form-item.ifTime .el-date-editor{width: 100% !important;}
.el-form-item.ifTime .el-col-2{text-align: center !important;}

/*重置elementui---表单有两个时间选择，开始时间和结束时间--如果是弹窗*/

.iflayerTime .layerTwoSelect{width: 100%;display: flex;justify-content: space-between;}
.iflayerTime .layerTwoSelect .el-date-editor{width: 45% !important;}
.iflayerTime .layerTwoSelect span{padding: 0 10px;}
.iflayerTime .layerTwoSelect .el-input--prefix .el-input__inner{padding-left: 15% !important;}

/*重置elementui---如果是数据表格*/

.ifDataTable tr th,.ifDataTable tr td{text-align: center;}

/*重置elementui---表格分页*/

.ifPage{padding-top: 30px;}
.ifPage .el-pagination{padding: 0 !important;}
.ifPage .el-pagination button:first-child{margin-left: 0 !important;}

/*重置elementui---让下拉选择框和文本框等表单元素宽度一致*/

.el-form-item .el-select{width: 100% !important;box-sizing: border-box;}

/*重置elementui---右侧手风琴菜单*/

.el-menu{border-right: none !important;}

/*重置elementui---顶部导航菜单*/

.el-menu.el-menu--horizontal{border-bottom: none !important;display: flex;justify-content: flex-end;}

/*重置elementui---如果是弹窗并且带form表单的*/

.iflayerform .el-dialog__body{padding-top: 0 !important;padding-bottom: 0 !important;}
.iflayerform .el-form .el-form-item{margin-bottom: 0 !important;}
.iflayerform .el-dialog__footer{padding: 20px !important;}

/*去掉elementui的表单每个单条下面的间距*/

.el-form-item{margin-bottom: 0 !important;}

/*当elementui聚焦的时候的边框颜色*/

.el-input.is-active .el-input__inner, .el-input__inner:focus{border-color: #E91A1A;}
.el-select .el-input__inner:focus{border-color: #E91A1A;}