@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './button.scss';

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  // background:#EBECF2;
  font-size: 12px;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

div:focus{
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

//main-container全局样式
.app-main{//默认台式分辨率1920
  height: 91%;//控制右边内容框架区域高度
}
@media (max-width: 1600px) {//分辨率 1600px  
  .app-main{
    height: 90%;//控制右边内容框架区域高度
  }
}
@media (max-width: 1440px) {//分辨率 1440px  
  .app-main{
    height: 88%;//控制右边内容框架区域高度
  }
}
@media (max-width: 1366px) {//分辨率 1366px  
  .app-main{
    height: 88%;//控制右边内容框架区域高度
  }
}
@media (max-width: 1280px) {//分辨率 1280px  
  .app-main{
    height: 90%;//控制右边内容框架区域高度
  }
}
@media (max-width: 1024px) {//分辨率 1024px  
  .app-main{
    height: 85%;//控制右边内容框架区域高度
  }
}

.app-container {
  padding: 20px;
}
em,b,i,strong{font-style: normal;font-weight: normal}
ul{margin: 0;padding: 0;}
li{list-style: none}
//文本左对齐
.text-left{text-align: left; float: left;}

//页面结构框架
.el-body {
  height: 100%;width: 100%;overflow: auto;padding-left: 220px;background: #ffffff;border-radius: 5px;
  .el-title {height: 100%;float: left;width: 220px;margin-left: -220px;padding:0 17px;overflow: auto;border-right: 1px solid #f1f1f1;}
  .el-content {float: right;width: 100%;height: 100%;overflow: auto;padding: 30px 30px 0 30px;}
}
.el-body-single{height: 100%;width: 100%;overflow: auto;background: #ffffff;border-radius: 5px;}
.buttonBox{margin-top:10px;margin-bottom:5px;}
//单页面（不包含左右两列）
.container{  background: #fff;  border-radius:4px;  padding:15px 20px;  min-height: 100%;  width: 100%; overflow: auto;}
//分页统一右对齐
.el-paginationR{text-align: right; margin-top:20px; } 
//收费登记统一上下左右间距
.containerBox{ margin:30px 20px 30px;}
.Resource_title{ margin-bottom:25px; color: #666; font-size: 14px;}
.Resource_title span {margin-right: 30px;}
//收费登记弹窗全局样式
.containerBoxPoP{ margin: 0 20px 20px;}
//搜索区域与其他块的距离
.searchBox{margin-bottom: 10px;}
//文本文字颜色
.TextColor{color: #111;}

//最小宽度设置
.appmain{
  .el-col-5{min-width: 140px;}
}

//头部下拉背景颜色
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  @include bg_color($background-color-theme);
  span{
    color: #fff!important;
  }
}
//tagviews切换
.tags-view-container {
  .tags-view-wrapper{
    li.active{ @include bg_color($background-color-theme);}
    li:hover{ @include bg_color($background-color-theme);}
}}

//头部背景
.Header{
  display: none;//临时注释头部
  @include HeaderBg($Header-Bgcolor-theme);
}
//表格列配置头css
.columnHeader{
  strong{font-weight: bold;margin-right:10px;}
  i{color: #2e8ad7;cursor: pointer;}
}