.table-wrapper {
  .title {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
    align-items: center;
    h1 {
      padding-left: 5px;
      font-family: VWAGTheSans_Bold !important;
      font-size: 18px;
      color: #333;
    }
  }
  .search {
    padding: 0 4px 20px;
    .item {
      display: flex;
      align-items: center;
      label {
        width: 150px;
        padding-right: 10px;
        text-align: right;
      }
    }
  }
  .tags {
    display: flex;
    align-items: center;
    padding: 15px;
    margin-bottom: 20px;
    label {
      padding-right: 10px;
    }
    ul {
      display: flex;
      li {
        display: flex;
        align-items: center;
        margin-right: 15px;
        .iconfont {
          margin-right: 2px;
          font-size: 20px;
          color: #787676;
        }
      }
    }
  }
}

.el-table {
  width: 100%;
  border: 1px solid #e1e1e1;
  thead {
    th {
      background: #f4f6f6 !important;
      padding: 12px 0;
      color: #333;
      &:first-child {
        padding-left: 15px;
      }
      .cell {
        font-family: VWAGTheSans_Bold !important;
        font-size: 15px !important;
      }
    }
  }

  tbody {
    tr {
      td {
        padding: 12px 0;
        color: #333;
        &:first-child {
          padding-left: 15px;
        }
      }
    }
  }
  .el-table__body tr.current-row>td.el-table__cell {
    background-color: #ecf5ff;
  }
}

.el-pagination {
  padding: 15px 0 0;
  text-align: right;
  margin-right: -5px;
  .el-pagination__sizes{
    .el-input__inner{
      // height: 28px !important;;
      // line-height: 26px  !important;;
    }
  }
  .el-pager {
    .number {
      //background: #fff !important;
      //border: 1px solid #e4e4e4;
      &:hover {
        //color: #0241a5 !important;
        //border: 1px solid #0241a5 !important;
      }
    }
    .active {
      //color: #0241a5 !important;
      //border: 1px solid #0241a5 !important;
    }
  }
  .btn-prev,
  .btn-next {
    //background: #fff !important;
  }
}

.el-tag {
  cursor: pointer;
}

.el-dialog__wrapper {
  .el-dialog__header {
    padding: 20px 30px;
    .el-dialog__title {
      font-family: VWAGTheSans_Bold !important;
      font-size: 18px;
    }
  }
  .el-dialog__body {
    padding: 0 30px;
  }
  .el-dialog__footer {
    padding: 20px 30px 30px;
  }
}

.el-popconfirm__main {
  margin-bottom: 10px;
}

.el-tooltip__popper {
  max-width: 30% !important;
}

.el-button {
  span {
    font-size: 14px;
  }
  .iconfont {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
  }
}
.el-button--mini {
  span {
    font-size: 12px;
  }
}

.el-input__inner {
  // height: 36px !important;
  // line-height: 36px !important;
}

.el-input__icon {
  line-height: 36px !important;
}

.el-select {
  width: 100%;
}

.el-message-box {
  width: 500px;
}

.el-message {
  .el-icon {
    font-size: 24px;
  }
  .el-message__content {
    font-size: 18px;
  }
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #409eff;
  border-color: #409eff;
  box-shadow: -1px 0 0 0 #409eff;
}

.el-radio-button__inner {
  padding: 10px 18px;
  font-size: 15px;
}

.el-breadcrumb {
  font-size: 16px;
}

.btn-group {
  text-align: right;
}

.el-tabs__content {
  overflow: visible !important;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row-center {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column-center {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.cursor {
  cursor: pointer;
}

.flex1{
  flex: 1;
}

.ml-5{
  margin-left: 5px;
}
.ml-10{
  margin-left: 10px;
}
.mt-10{
  margin-top: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}

.grey-bg {
  background: #f8f8f8;
}

.ajunp {
  border-bottom: solid 1px rgb(11, 44, 85);
  cursor: pointer;
}
