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

body {
  height: 100%;
  -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;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

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

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

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

div:focus {
  outline: none;
}

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

// main-container global css
.app-container {
  padding: 20px;
}
.filter-container {
  margin-bottom: 15px;
}


.top-right-btn {
  float: right;
  //padding-top: 8px;
}
//greenButton
.el-button--green{
  color: white;
  background-color: #42b983;
  border-color: #42b983;
}
.el-button--green:focus,.el-button--green:hover{
  border-color: #68c199;
  background: #68c199;
  color: #FFF;
}
//新增CSS样式
.ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.el-table--mini .cell{
  padding-right: 3px !important;
  padding-left: 3px !important;
}
.el-table--mini .cell {
  padding-left: 3px !important;
}
.el-table--mini td, .el-table--mini th {
  padding: 3px 0;
}
.elTble th{
  padding: 0px 0 !important;
}
.elTble td{
  padding: 0px 0 !important;
}
.elTble th{
  margin: 0px !important;
}
.elTble td{
  margin: 0px !important;
  height: 30px !important;
}
.elTble .el-table--mini td{
  padding: 3px 0 !important;
}


//::-webkit-scrollbar {
//  width:2px;
//}
//.innerbox::-webkit-scrollbar {/*滚动条整体样式*/
//  width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
//  height: 2px;
//  background-color: #D7D7D7
//
//}
///* 滚动槽 */
//::-webkit-scrollbar-track {
//  border-radius:4px;
//}
//
///* 滚动条滑块 */
//::-webkit-scrollbar-thumb {
//  border-radius:4px;
//  background-color: #D7D7D7;
//  height: 2px;
//}
//滚动条样式
//::-webkit-scrollbar-track-piece {
//  -webkit-border-radius: 0
//}
//::-webkit-scrollbar {
//  width: 5px;
//  height: 10px
//}
//::-webkit-scrollbar-thumb {
//  height: 50px;
//  background-color: #d7d7d7;
//  -webkit-border-radius: 6px;
//  outline-offset: -2px;
//  filter: alpha(opacity = 50);
//  -moz-opacity: 0.5;
//  -khtml-opacity: 0.5;
//  opacity: 0.5
//}
//::-webkit-scrollbar-thumb:hover {
//  height: 50px;
//  background-color: #878987;
//  -webkit-border-radius: 6px
//}
//.el-table__fixed-right::before, .el-table__fixed::before {
//  content: '';
//  position: absolute;
//  left: 0;
//  bottom: 0;
//  width: 100%;
//  height: 0px;
//  background-color: #EBEEF5;
//  z-index: 4;
//  filter: alpha(opacity = 0);
//  -moz-opacity: 0;
//  -khtml-opacity: 0;
//  opacity: 0
//}

.rowHoverNone .el-table tbody tr:hover>td {
  background-color:transparent !important;
}
/*// 如果td没有颜色，可以去掉，这里加上保险*/
.rowHoverNone .el-table__body tr.hover-row>td {
  background-color: transparent !important;
}
