/** =================================================================== */
/** Contains all styles for editor                                      */
/** =================================================================== */

:root {
  --dpt-editor-column-gap: 10px;
  --dpt-editor-row-gap: 10px;
}

.dpt-editor-gnd {
  display: grid;
  gap: 10px;
}

.dpt-editor-gnd button {
  justify-self: center;
}

.dpt-editor-form fieldset {
  align-items: center;
  column-gap: 25px;
  display: grid;
  grid-template-columns: 1fr;
}

.dpt-editor-form fieldset > hr {
  border: 0;
  border-top: 1px solid;
  width: 100%;
}

.dpt-editor-form fieldset > label {
  font-weight: 600;
}

.dpt-editor-row {
  align-items: center;
  column-gap: var(--dpt-editor-column-gap);
  display: grid;
  position: relative;
  row-gap: var(--dpt-editor-row-gap);
}

.dpt-editor-row > a {
  position: absolute;
}

.dpt-editor-row > hr {
  border: 0;
  border-top: 1px dashed;
  margin: 0;
  width: 100%;
}

.dpt-editor-row > hr:last-child {
  display: none;
}

.dpt-editor-select-datamodel-link-multiple > button:not(.mcr_xeditor_repeaterbutton_minus) {
  max-width: max-content;
}

.dpt-editor-row.dpt-editor-multiple .dpt-editor-field-content {
  border-bottom: 2px solid black;
}

.dpt-editor-row.dpt-editor-multiple .dpt-editor-field-content:last-child {
  border-bottom: unset;
}


/*.dpt-editor-row.dpt-editor-multiple .dpt-editor-field-content:nth-child(2n) {*/
/*  background-color: lightcyan;*/
/*}*/

/*.dpt-editor-row.dpt-editor-multiple .dpt-editor-field-content:nth-child(4n) {*/
/*  background-color: lightskyblue;*/
/*}*/

.dpt-editor-person-multiple {
  grid-template-columns: max-content 1fr;
}

.dpt-editor-person-multiple > hr {
  grid-column: 1 / span 2;
}

.dpt-editor-control-buttons {
  align-items: center;
  display: flex;
  gap: 5px;
}

.dpt-editor-validation-message {
  color: var(--color-danger);
}

.dpt-editor-buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

button[name^='_xed_submit_append'] {
  background-color: var(--color-success);
}

button[name^='_xed_submit_remove'] {
  background-color: var(--color-danger);
}

button[name^='_xed_submit_append'],
button[name^='_xed_submit_down'],
button[name^='_xed_submit_remove'],
button[name^='_xed_submit_up'] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  padding: 0;
  width: 34px;
}

/* Override mcr button styles */
/* .mcr_xeditor_repeaterbutton_minus {
  background-color: var(--color-danger);
}

.mcr_xeditor_repeaterbutton_plus {
  background-color: var(--color-success);
}

.mcr_xeditor_repeaterbutton_minus,
.mcr_xeditor_repeaterbutton_plus,
.mcr_xeditor_repeaterbutton_arrow-down,
.mcr_xeditor_repeaterbutton_arrow-up {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  padding: 0;
  width: 34px;
} */


.dpt-editor-row-date-type-from-to {
  display: grid;
  grid-template-columns: max-content 1fr 1fr;
  gap: 5px;
}

.dpt-editor-row-sub-heading-multiple {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.dpt-editor-row-padded {
  padding-left: 50px;
}

@media (min-width: 576px) {
  .dpt-editor-gnd {
    display: grid;
    grid-template-columns: 1fr max-content;
  }

  .dpt-editor-gnd button {
    justify-self: unset;
  }
}

@media (min-width: 768px) {
  .dpt-editor-form fieldset {
    grid-template-columns: max-content 1fr;
  }

  .dpt-editor-form fieldset > hr {
    grid-column: 1 / span 2;
  }
}

@media (min-width: 992px) {
  .dpt-editor-select-multiple,
  .dpt-editor-text-multiple {
    grid-template-columns: max-content 1fr;
  }

  .dpt-editor-select-multiple > hr,
  .dpt-editor-text-multiple > hr {
    grid-column: 1 / span 2;
  }

  .dpt-editor-select-multiple .dpt-editor-validation-message,
  .dpt-editor-text-multiple .dpt-editor-validation-message {
    grid-column: 1 / span 2;
  }

  .dpt-editor-select-text-multiple {
    grid-template-columns: max-content max-content 1fr;
  }

  .dpt-editor-select-text-multiple .dpt-editor-validation-message {
    grid-column: 1 / span 3;
  }

  .dpt-editor-select-text-multiple > hr {
    grid-column: 1 / span 3;
  }

  .dpt-editor-select-agent-link-multiple,
  .dpt-editor-select-work-link-multiple {
    grid-template-columns: max-content 1fr max-content max-content;
  }

  .dpt-editor-select-agent-link-multiple > hr,
  .dpt-editor-select-work-link-multiple > hr {
    grid-column: 1 / span 4;
  }

  .dpt-editor-select-agent-link-multiple .dpt-editor-validation-message,
  .dpt-editor-select-work-link-multiple .dpt-editor-validation-message {
    grid-column: 1 / span 4;
  }

  .dpt-editor-select-agent-link-multiple .dpt-editor-datamodel-link-text,
  .dpt-editor-select-work-link-multiple .dpt-editor-datamodel-link-text {
    grid-column: 1 / span 4;
  }

  .dpt-editor-select-person-link-multiple {
    grid-template-columns: 1fr max-content max-content;
  }

  .dpt-editor-select-person-link-multiple > hr {
    grid-column: 1 / span 3;
  }

  .dpt-editor-select-person-link-multiple .dpt-editor-validation-message {
    grid-column: 1 / span 3;
  }

  .dpt-editor-select-person-link-multiple .dpt-editor-datamodel-link-text {
    grid-column: 1 / span 3;
  }

  .dpt-editor-link-multiple {
    grid-template-columns: max-content 1fr 1fr;
  }

  .dpt-editor-link-multiple > hr {
    grid-column: 1 / span 3;
  }

  .dpt-editor-link-multiple .dpt-editor-validation-message {
    grid-column: 1 / span 3;
  }

  .dpt-editor-name-multiple {
    grid-template-columns: max-content 1fr;
  }

  .dpt-editor-name-multiple > hr {
    grid-column: 1 / span 2;
  }

  .dpt-editor-date-multiple {
    grid-template-columns: max-content 1fr;
  }

  .dpt-editor-date-multiple > hr {
    grid-column: 1 / span 2;
  }
}