.form-nestedGroup {
  padding: 7px;
  margin-left: -7px;
  margin-right: -7px;
  border-radius: 10px;

  .form-nestedGroup & {
    margin-left: 20px;
  }

  .el-switch {
    vertical-align: text-bottom;
  }
}

.form-nestedGroup--active {
  background-color: #f8f8f8;
  border-radius: 5px;
}

/**
 * Used in modal for footer buttons styling
 */
.form-buttons {
  text-align: right;
  margin: ($grid-gutter-width / 2) 0;
  display: flex;
  justify-content: space-between;

  .c-group-footer & { margin: 0; }

  .form-buttons-fixed & {
    margin-top: 0;
    background: #fff;
    padding: 15px 30px 15px 15px;
    border-top: 1px solid $form-border-color;
  }

  .el-dialog & {
    position: relative;
    bottom: -30px;
    border-top: 1px solid #eee;
    padding: 15px;
    margin: 0 -20px;
    background: #fafafa;
  }

  .el-dialog__footer & {
    margin-top: 0;
    bottom: -20px;
  }
}

.form-addButton--multiple {
  width: 30% !important;
  position: relative;
  background-color: #fafafa;

  &:before {
    content: ' ';
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    border: 1px solid #ddd;
  }

  &:hover:before {
    border-color: #c6e2ff;
  }
}

.form-addButton {
  text-align: center;
  margin: 10px 0;

  .el-button {
    width: 49%;
  }
}

.form-row {
  margin-bottom: $grid-gutter-width / 2;
}

/**
 * InputText
 */
.form-inputLangWrapper {
  display: table;
  width: 100%;

  & > * {
    display: table-cell;
  }

  textarea { border-radius: 0 4px 4px 0; }
}

.form-inputLang {
  font-family: monospace;

  .el-input--small &,
  .el-input--small + .el-input-group__append & {
    font-size: 0.85em;
  }
}

.form-advancedOptions {
  .el-collapse-item__header {
    border-bottom-color: #fff;
    padding-left: 10px;
  }
  .el-collapse-item__content {
    padding-bottom: 0;
  }
  .el-collapse-item__wrap {
    background-color: #fbfbfb;
    border-top: 1px solid $--collapse-border-color;
    padding: 10px;
  }
}