@import '../common/var-nb.scss';
@import '../mixins/utils.scss';
@import '../mixins/mixins.scss';

/* panel
 ----------------------------*/

@include b(panel) {
  border-radius: 10px;
  background-color: $--color-white;
  box-shadow: $--box-shadow;
  padding: 0 0 10px 0;
  .el-table{
    color: $--color-font;
  }
  .el-table::before {
    height: 0;
  }
  .el-table tr:nth-child(2n+1) td{
    background: $--color-background-lighter;
  }
  .el-table tr:hover td{  
    background: $--color-background;
  }
  .el-table th > .cell{
    font-size: $--size-font-mid;
    color: $--color-font;
    line-height: 34px;
  }
  .el-table th.is-sortable > .cell{
    line-height: 23px;
  }
  .el-table th.is-leaf{
    border-bottom: 1px solid $--color-border-lighter;
  }
  .el-table td{
    border-bottom: none;
    font-family: Arial;
  }
  .el-table .sort-caret.descending {
    bottom: 9px;
  }
  .el-table .sort-caret.ascending {
    top: 7px;
  }
  .el-table .sort-caret {
    border-width: 4px;
  }
  .el-table .ascending .sort-caret.ascending {
    border-bottom-color: $--color-primary;
  }
  .el-table .descending .sort-caret.descending {
    border-top-color: $--color-primary;
  }
  .el-table__footer-wrapper{
    margin-top: 0px!important;
    border-top:1px solid $--color-border-lighter;
    padding: 15px 0;
  }
  .el-table__footer-wrapper td{
    background: #fff!important;
    border-top:0;
  }
  .el-table__body tr:hover > td {
    background-color: $--color-grey!important;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner{
    background-color: #d3aa6e;
    border-color: #d3aa6e;
  }
}

@include b(panel-title) {
  border-radius: 10px 10px 0 0;
  background: $--color-grey-lighter;
  height: $--panel-height-header + 2px;
  line-height: $--panel-height-header + 2px;
  text-align: left;
  font-size: $--size-font-max;
  color: $--color-font;
  padding: 0 24px;
}

@include b(panel-body) {
  background: $--color-white;
}

@include b(panel-search) {
  min-height: 70px;
  background-color: $--color-grey-lighter;
  border-top: 1px solid $--color-border-lighter;
  border-bottom: 1px solid $--color-border-lighter;
  text-align: left;
  padding: 20px 20px 0;
}

@include b(panel-title-tool) {
  float: right;
}