// 全局变量
@import './variables.scss';
// ele样式覆盖
@import './element-ui.scss';
// 顶部右侧显示
@import './top.scss';
// 导航标签
@import './tags.scss';
// 工具类函数
@import './mixin.scss';
// 侧面导航栏
@import './sidebar.scss';
// 动画
@import './animate/vue-transition.scss';
//主题
@import './theme/index.scss';
//适配
@import './media.scss';
//通用配置
@import './normalize.scss';

a{
  text-decoration: none;
  color:#333;
}
*{
  outline: none;
}
//滚动条样式
@include scrollBar;


.flex{display: flex;}

.flex1{flex: 1;}

.flex-d-c{
  flex-direction: column;
}

.jc-sb{
  justify-content:space-between
}
.jc-al-c{
  align-items: center;
}
.flex-center{
  justify-content: center;
  align-items: center;
}

.grid4x4{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 25% 25% 25% 25%;
}

.w-100p{width: 100%;}
.h-100p{height: 100%;}

.mg-l-10{margin-left: 10px;}
.mg-t-10{margin-top: 10px;}
.mg-r-10{margin-right: 10px;}
.mg-b-10{margin-bottom: 10px;}
.mg-10{margin: 10px;}

.pd-l-10{padding-left: 10px;}
.pd-t-10{padding-top: 10px;}
.pd-r-10{padding-right: 10px;}
.pd-b-10{padding-bottom: 10px;}
.pd-10{padding: 10px;}

.mg-l-20{margin-left: 20px;}
.mg-t-20{margin-top: 20px;}
.mg-r-20{margin-right: 20px;}
.mg-b-20{margin-bottom: 20px;}
.mg-20{margin: 20px;}

.pd-l-20{padding-left: 20px;}
.pd-t-20{padding-top: 20px;}
.pd-r-20{padding-right: 20px;}
.pd-b-20{padding-bottom: 20px;}
.pd-20{padding: 20px;}

.box-size-bb{box-sizing: border-box;}

.bgc-f6{background-color: #f6f6f6;}
.bgc-w{background-color: #ffffff;}

.normal-black{color: #606266;}

.border-10{border-radius: 10px;}
.border-grey{
  border-color: rgb(187, 187, 187);
  border-width: 1px;
  border-style: solid;
}
.border-grey-b{
  border-bottom: 1px solid rgb(187, 187, 187);
}

.border-green{
  border-color: #67C23A;
  border-width: 1px;
  border-style: solid;
}

.font-s-12{font-size: 12px;}
.font-c-warning{color: rgb(240, 99, 10);}

.font-bold{font-weight: bold;}

.text-icon{
  padding:0px;
  font-size: 18px;
}
.text-icon-danger.el-button--text{
  color: #f56c6c;
}

.text-success{color: #34c362;}
.text-warning{color: #ec6421;}

.text-align-c{text-align: center;}

.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
}

.ov-auto{
  overflow: auto;
}

.ov-hidden{
  overflow: hidden;
}

.el-btn-purple.el-button--primary{
  background-color: #7f83f7;
  border-color: #7f83f7;
}

.cascader-dialog{
  width: 370px;
  height: 210px;
  .el-dialog{
    margin: 0;
  }
  .el-dialog__header{
    padding: 0;
  }
  .el-dialog__body{
    padding: 0;
  }
}

.required:before{
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}

