.search-box {
  padding: 20px 20px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 6px 0px 20px 0px #C4CBD6;

  .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: 10px;
  }

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

  .table-box,
  .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;
    }
  }
}


.table-box {
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 6px 0px 20px 0px #C4CBD6;

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

  .el-pagination {
    padding: 10px 20px;
    text-align: left;
    background: #F2F6FF;
    margin-top: 10px;
  }

  .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;
// }


.warn-btn {
  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%);
  }
}

.danger-btn {
  background: $red;
  border-color: $red;

  &:hover,
  &:focus {
    background: lighten($red, 5%);
    border-color: lighten($red, 5%);
  }

  &.is-disabled,
  &.is-disabled:hover {
    background: lighten($red, 10%);
    border-color: lighten($red, 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;
}