@import '~choerodon-ui/lib/style/themes/default';

.editable-cell {
  position: relative;
}

.editable-cell-value-wrap {
  cursor: pointer;
}

.c7n-editable-table {
  .c7n-form-item-children {
    .c7n-input-focus {
      .c7n-input-label {
        transition: none;
      }
    }
  }

  .c7n-form-explain {
    position: absolute;
  }

  .c7n-table-empty {
    display: none;
  }

  tr:hover > td {
    background-color: transparent !important;
  }

  tr > td:focus {
    background-color: transparent !important;
  }

  td {
    border-bottom: none !important;
    padding: 0 0 10px 0 !important;
  }

  textarea.c7n-input {
    min-height: auto;
  }

  .del-btn {
    line-height: 1.5;
    font-size: 18px;
    margin-left: 13px;
    position: relative;
    cursor: pointer;
  }

  .icon-equal {
    font-size: 28px;
    color: var(--text-color4);
  }
}

.c7n-cm-warning {
  color: #d50000;
}

.c7n-sidebar-from-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color2);
  line-height: 24px;
  margin-bottom: 10px;

  i {
    font-size: 16px;
    color: var(--help-icon-color);
    padding-left: 5px;
    height: 20px;
  }

  .c7n-config-mode-btn {
    margin-left: 12px;
  }
}

.c7n-config-editor {

  .c7n-form-item {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .c7ncd-config-yaml-tip {
    margin-top: 20px;
    color: #d50000;
  }

  .c7n-config-container {

    .c7n-config-equal {
      font-size: 28px;
      color: var(--text-color4);
      line-height: .48rem;
      text-align: center;
    }
    .del-btn {
      line-height: .48rem;
      font-size: 18px;
      position: relative;
      cursor: pointer;
      text-align: center;
    }

    .@{c7n-pro-prefix}-textarea-float-label textarea.@{c7n-pro-prefix}-textarea {
      min-height: .25rem !important;
    }
  }
}