.searchBox {
  padding: 20px 20px 10px; margin-bottom: 20px; background: $gray;
  .block-title {
    display: none;
  }
  .btn-wrap {
    text-align: left;
  }
}




.whiteBox {
  position: absolute; top: 0;right: 0;bottom: 0; left: 0;overflow: auto; background: $gray;
  .whiteBox-inner {
    position: absolute; top: 10px;right: 10px; bottom: 10px;left: 10px;
  }
}


.el-dialog {
  .block-title {
    width: 100%; padding: 0 10px; margin-bottom: 20px; font-size: 14px;
  }
  .el-dialog__header {
    font-size: 16px;  background: $gray; border-bottom: 1px solid darken($gray,5%);
  }
  .el-dialog__body {
    padding: 0;
  }

  .btn-wrap-left,.btn-wrap {
    padding: 10px 20px;
  }

  .tableBox,.dialog-info {
    margin: 20px;  border:0;
  }

  .table-total {
    padding: 10px;  background: $gray;
  }

  .dialog-btn-wrap {
    display: flex; padding: 10px;  background: $gray; border-top: 1px solid darken($gray,5%);  justify-content: flex-end;  align-items: center;
  }

  .el-form-item {
    display: flex;
    .el-form-item__content {
      text-align: left;  flex: 1;
    }
  }
}


.tableBox {
  position: relative; margin-bottom: 20px;border-bottom: 1px solid lighten($lightblue,30%);
  .btn-wrap-left {
    padding: 10px;
  }
  .block-title{
    margin-bottom: 0;
  }
  .el-pagination {
    padding: 10px 20px; text-align: left; background: $gray;
  }
  .el-pagination__total {
    float: right;
  }
  .add-btn {
    position: absolute; top: 5px; right: 10px;z-index: 10;
  }
}

.el-table--enable-row-hover .el-table__body tr:hover > td,.el-table__body tr.hover-row > td,.el-table__body tr.hover-row.el-table__row--striped > td {
  background: #faf182;
}

.el-table {
  thead th{
    color: #333;  background: $gray !important;
  }
  .tableTotalRow td {
    color: #333;  background: $gray !important; color:#000; font-weight: bold;
  }
  .tableTotalRow1 td{
    background: lighten($gray,2%) !important;
  }
  .tableTotalRow2 td{
    background: lighten($gray,4%) !important;
  }
  .tableTotalRow3 td{
    background: lighten($gray,6%) !important;
  }
  // tr td:first-child .cell,tr th:first-child .cell {
  //   padding-left: 24px;
  // }
}

.warnBtn{
  background: $orange; border-color: $orange;
  &:hover,&:focus{
    background: lighten($orange,5%); border-color: lighten($orange,5%);
  }
  &.is-disabled,&.is-disabled:hover{
    background: lighten($orange,10%);border-color: lighten($orange,10%);
  }
}

.el-button--medium{
  font-size: 16px; padding:12px 22px; 
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
  background: #fef8e4;
}

.el-dialog .el-dialog__body{
  overflow: hidden;
}