.dynamic-fieldset-template {
  display: none;
}

.dynamic-fieldset-root {
  border: 1px solid rgb(213, 213, 213);
  border-radius: 10px;
  padding: 10px;
  min-height: 100px;
  background-color: white;
}

.dynamic-fieldset-head i.meapp-helper {
  margin-left: 0;
}

.dynamic-fieldset-head > div {
  display: inline-block;
}

/* Buttons: */
.dynamic-fieldset-add,
.dynamic-fieldset-remove {
  padding: 5px 12px !important;
  height: 36px;
}
button.dynamic-fieldset-remove {
  background-color: rgb(168, 54, 56);
}
div.dynamic-fieldset-add-btn {
  margin-left: 0;
  vertical-align: top;
}

.dynamic-fieldset-edit-toggle {
  display: block;
  float: right;
}

div.dynamic-fieldset {
  background-color: white;
}

select option.placeholder-option {
  color: grey;
}

/* BELOW ARE DEFAULTS - these will not fit every case! */

div.dynamic-fieldset-fields {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
div.dynamic-fieldset:not(.dynamic-fieldset-template) {
  display: table-row;
  /*
  border-bottom: 1px solid rgb(234, 234, 234);
  border-top: none;
  border-left: none;
  border-right: none;
  */
}
div.dynamic-fieldset > * {
  display: table-cell;
  /*
  padding-left: 4px;
  padding-right: 4px;
  */
  padding: 4px;
  /*
  border: 1px solid rgb(213, 213, 213);
  */
  border: none;
}
div.dynamic-fieldset > * input {
  width: calc(100% - 8px);
}

div.dynamic-fieldset-root .meapp-form-group[class*=dynamic-fieldset-] {
  margin-bottom: 0;
  margin-right: 10px;
}
div.dynamic-fieldset .meapp-form-group input ~ label.meapp-control-label {
  /* Doesn't work inside the table */
  display: none;
}
div.dynamic-fieldset-title-header {
  font-weight: bold;
}
div.dynamic-fieldset-remove-header {
  text-align: right;
  width: 3em;
}

.dynamic-fieldset-widget-flexible-checkbox {
  display: inline-block;
  width: 44px !important;
  vertical-align: middle;
  margin-bottom: -8px;
}
.always-hidden {
  display: none !important;
}

div.dynamic-fieldset-header-row {
  display: table-row;
}
div.dynamic-fieldset-header-cell {
  display: table-cell;
  padding: 4px;
  /*
  border: 1px solid rgb(213, 213, 213);
  */
  border-bottom: 1px solid rgb(145, 145, 145);
  font-weight: bold;
  height: 40px;
  /*
  line-height: 40px;
  */
  line-height: 1.4em;
  vertical-align: baseline;
}

div.dynamic-fieldset-head {
  margin-bottom: 10px;
}

/*
div.dynamic-fieldset-head .filtered-select-search {
  width: 200px;
  display: inline-block;
  margin-right: 10px;
}

div.dynamic-fieldset-head .filtered-select-search i.fa {
  right: 40px; / * reposition due to layout changes * /
}

div.dynamic-fieldset-head .wrapped-field select {
  max-width: calc(100% - 240px);
  display: inline-block;
  margin-right: 10px;
  z-index: 9999;
  overflow: visible;
}
*/

select.dynamic-fieldset-source-list {
  z-index: 10000;
  overflow: visible;
}

/**
 * Some special cases
 * TODO: Relocate!
*/
div.dynamic-fieldset-cell.notes-field {
  width: 40vw;
}
div.dynamic-fieldset-cell.notes-field input {
  max-width: 40vw;
}