.page-node.page-edit-form .block-page-title-block {
  margin: 0 2rem
}

.form-element-wrapper-readonly .field-content-wrapper {
  background: #eee;
}

.form-element-wrapper-readonly input {
  background: #eee;
}

.form-element-wrapper-readonly .field-label-wrapper,
.form-element-wrapper-readonly .form-element-readonly {
  color: #aaa !important;
}

/*==================== pretty-edit ====================*/
.prettyedit-wrapper {
  border:     none;
  background: #fff;
  padding:    0 !important;
}

.prettyedit-wrapper > legend {
  display: none;
}

/*-------- grid --------*/
/* wrapper: grid 2 columns */
.prettyedit-wrapper .field--widget-file-generic > div > .form-wrapper,
.prettyedit-wrapper .field--widget-image-image > div > .form-wrapper,
.prettyedit-wrapper .field--widget-autocomplete-deluxe.form-wrapper,
.prettyedit-wrapper .field--widget-dateday-the-widget,
.prettyedit-wrapper .field--widget-datetime-default,
.prettyedit-wrapper .field--widget-datetime-timestamp,
.prettyedit-wrapper .field--widget-datetime-datelist > fieldset,
.prettyedit-wrapper .field--widget-options-buttons > fieldset,
.prettyedit-wrapper .field--widget-select2-entity-reference > .form-item,
.prettyedit-wrapper .field--widget-string-textarea > .form-item,
.prettyedit-wrapper .field--widget-number > .form-item,
.prettyedit-wrapper .field--widget-link-default > .form-item,
.prettyedit-wrapper .extra_field_wrapper > .form-item,
.prettyedit-wrapper .field--widget-options-select > .form-item,
.prettyedit-wrapper .field--widget-string-textfield > .form-item {
  display:               grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  margin:                0;
  border-bottom:         1px solid #ccc
}

/* label: column 1*/
.prettyedit-wrapper .field--widget-file-generic > div > .form-wrapper > summary,
.prettyedit-wrapper .field--widget-image-image > div > .form-wrapper > summary,
.prettyedit-wrapper .field--widget-autocomplete-deluxe.form-wrapper > label,
.prettyedit-wrapper .field--widget-dateday-the-widget > .field-label-wrapper,
.prettyedit-wrapper .field--widget-datetime-default > .field-label-wrapper,
.prettyedit-wrapper .field--widget-datetime-timestamp > .field-label-wrapper,
.prettyedit-wrapper .field--widget-datetime-datelist > fieldset > legend,
.prettyedit-wrapper .field--widget-options-buttons > fieldset > legend,
.prettyedit-wrapper .field--widget-select2-entity-reference > .form-item .field-label-wrapper,
.prettyedit-wrapper .field--widget-string-textarea > .form-item .field-label-wrapper,
.prettyedit-wrapper .field--widget-number > .form-item > .field-label-wrapper,
.prettyedit-wrapper .field--widget-link-default > .form-item > .field-label-wrapper,
.prettyedit-wrapper .extra_field_wrapper > .form-item > .field-label-wrapper,
.prettyedit-wrapper .field--widget-options-select > .form-item > .field-label-wrapper,
.prettyedit-wrapper .field--widget-string-textfield > .form-item > .field-label-wrapper {
  grid-column: 1;
  background:  #eee !important;
  margin:      0;
  padding:     .5rem .75rem;
  font-weight: bold;
}

/* content: column 2 */
.prettyedit-wrapper .field--widget-file-generic > div > .form-wrapper > .details-wrapper,
.prettyedit-wrapper .field--widget-image-image > div > .form-wrapper > .details-wrapper,
.prettyedit-wrapper .field--widget-autocomplete-deluxe.form-wrapper > .autocomplete-deluxe-container,
.prettyedit-wrapper .field--widget-autocomplete-deluxe.form-wrapper > .autocomplete-deluxe-value-container,
.prettyedit-wrapper .field--widget-dateday-the-widget > .field-content-wrapper,
.prettyedit-wrapper .field--widget-datetime-default > .field-content-wrapper,
.prettyedit-wrapper .field--widget-datetime-timestamp > .field-content-wrapper,
.prettyedit-wrapper .field--widget-datetime-datelist > fieldset > div,
.prettyedit-wrapper .field--widget-options-buttons > fieldset > div.fieldset-wrapper,
.prettyedit-wrapper .field--widget-select2-entity-reference > .form-item .field-content-wrapper,
.prettyedit-wrapper .field--widget-string-textarea > .form-item .field-content-wrapper,
.prettyedit-wrapper .field--widget-number > .form-item .field-content-wrapper,
.prettyedit-wrapper .field--widget-link-default > .form-item > .field-content-wrapper,
.prettyedit-wrapper .extra_field_wrapper > .form-item > .field-content-wrapper,
.prettyedit-wrapper .field--widget-options-select > .form-item > .field-content-wrapper,
.prettyedit-wrapper .field--widget-string-textfield > .form-item > .field-content-wrapper {
  grid-column: 2;
  grid-row:    1;
  padding:     5px 0
}

/* table drag */
.prettyedit-wrapper .tabledrag-toggle-weight-wrapper {
  display: none;
}

.prettyedit-wrapper .form-wrapper .multiple-value-button {
  text-align: right
}

/* form-element */
.prettyedit-wrapper .field-content-wrapper input,
.prettyedit-wrapper .field-content-wrapper select,
.prettyedit-wrapper .field-content-wrapper textarea {
  border: 0;
}

.prettyedit-wrapper .field-content-wrapper input[type='checkbox'],
.prettyedit-wrapper .field-content-wrapper input[type='radio'] {
  border: 1px solid #ccc;
}

.prettyedit-wrapper .field--widget-options-buttons > fieldset > .fieldset-wrapper .form-check {
  min-width: 12rem;
  display:   inline-block;
  margin:    2px 10px
}

.prettyedit-wrapper .field--widget-file-generic > div > .form-wrapper > .details-wrapper input,
.prettyedit-wrapper .field--widget-image-image > div > .form-wrapper > .details-wrapper input {
  border: 1px solid #ccc !important;
}

/*-------- extra --------*/
.prettyedit-wrapper table.field-multiple-table tr.even td {
  background-color: #efefef !important;
}

.prettyedit-wrapper .field--widget-file-generic > div > .form-wrapper > .details-wrapper,
.prettyedit-wrapper .field--widget-image-image > div > .form-wrapper > .details-wrapper {
  padding: 5px 12px;
}

.prettyedit-wrapper .autocomplete-deluxe-container {
  border:  none;
  padding: 0 .75rem !important;
}

.prettyedit-wrapper .field--widget-options-buttons > fieldset.fieldgroup > .fieldset-wrapper > .description,
.prettyedit-wrapper .field--widget-datetime-timestamp.form-wrapper .description,
.prettyedit-wrapper .field-content-wrapper > .description {
  padding: 0 12px;
}

.prettyedit-wrapper details {
  border: none;
}

.prettyedit-wrapper .field--widget-datetime-datelist > fieldset > div {
  padding: 0 12px !important;
}