.rule-view {
  height: 100%;
  width: 100%;
  background: white;
}

.rule-view-header {
  height: 4rem;
  margin-bottom: 0;
  line-height: 4rem;
  border-bottom: 1px solid #d7d6d6;
}

.rule-view-header-title {
  float: right;
  margin-right: 30px;
  font-size: medium;
}

.rule-view-body {
  overflow-y: auto;
  display: inline-block;
  width: 100%;
  background: white;
  padding: 20px 70px 0;
}

.rule-task-tabs-content {
  .rule-task-tabs-title {
    padding: 0 2rem;
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 2.5;
    border-bottom: 1px solid #1D6B59;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  }

  .rule-task-tabs {
    min-height: 25rem;
    margin-top: 1rem;

    .threshold-tip {
      padding: 1rem;
      font-size: 1.2rem;
      color: red;
    }

    .ant-table-placeholder {
      border: 1px solid #C1DAD7;
      border-top: 0;
    }

    .ant-table {
      border-radius: 0;

      table {
        border-bottom: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-radius: 0;

        th {
          padding: 8px;
          text-align: center;
        }

        td {
          padding: 8px;
          font-weight: 400;
          text-align: center;
        }
      }
    }
  }

  .rule-detail-content {
    width: 100%;
    padding: 10px 0;

    .ant-input-wrapper {
      .ant-input {
        height: 2rem;
        border-radius: 2px;
      }
    }

    .ant-checkbox-wrapper {
      margin-left: 10px;
    }

    .ant-row {
      margin: 5px 10px;

      .ant-select-selection--single {
        width: 100%;
        height: 2rem;
        border: 1px solid #B1ACAC;
        border-radius: 2px;
      }

      .ant-input-wrapper {
        .ant-input {
          margin: 0 10px;
        }
      }
    }
  }
}
