.egr {
  margin-left: -1.5em;
  margin-bottom: -1.5em; }

.egr-row {
  margin-left: 1.5em;
  width: calc(100% - 1.5em);
  padding-bottom: 1.5em; }

.egr-fieldsets {
  position: relative; }

.egr-fieldset {
  padding-top: 1.5em;
  padding-right: 1.5em;
  border: 2px solid #ddd;
  background: #fff;
  position: relative; }

.egr-even > .egr-fieldsets > .egr-fieldset {
  background: #eee; }

.egr-outline {
  display: none; }

.egr-fields {
  flex: 1; }

.egr-actions {
  width: calc(100% + 1.5em);
  display: none;
  justify-content: center;
  border-top: 1px solid #ddd; }
  .egr-actions > * {
    height: 2.5em;
    line-height: 2.5em;
    cursor: pointer;
    padding-right: 1.5em;
    padding-left: 1.5em;
    user-select: none;
    border-right: 1px solid #ddd; }
    .egr-actions > *:last-child {
      border-right: none; }

.egr-even .egr-actions {
  border-top: 1px solid #ccc; }
  .egr-even .egr-actions > * {
    border-right: 1px solid #ccc; }
    .egr-even .egr-actions > *:last-child {
      border-right: none; }

.egr-row[data-count="0"] > .egr-empty {
  display: block; }

.egr-row[data-count="0"] > .egr-row-actions {
  display: none; }

.egr-dropdown-active .egr-add-button:before {
  display: block; }

.egr-dropdown {
  position: absolute;
  background: #000;
  border-radius: 4px;
  right: 0;
  z-index: 10000;
  display: none;
  margin-top: .4em; }
  .egr-dropdown:before {
    content: '';
    border-left: .4em solid transparent;
    border-right: .4em solid transparent;
    border-bottom: .4em solid #000;
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -.3em; }

.egr-empty .egr-dropdown:before {
  left: 2em; }

.egr-row-actions .egr-dropdown:before {
  left: calc(100% - 2.4em); }

.egr-dropdown-active .egr-dropdown {
  display: block; }

.egr-dropdown-active .egr-add-button .icon {
  transform: rotateX(180deg); }

.egr-empty {
  padding: 1.5em;
  background: #ddd;
  display: none; }
  .egr-empty .egr-add-button {
    border-bottom: 2px solid #aaa;
    cursor: pointer;
    position: relative;
    display: inline-block; }
    .egr-empty .egr-add-button .egr-dropdown {
      right: auto;
      margin-top: .7em; }

.egr-output {
  margin-left: 1.5em;
  width: calc(100% - 1.5em);
  padding-bottom: 1.5em;
  display: none; }
  .egr-output textarea {
    width: 100%;
    height: 300px;
    border: 2px solid #ddd;
    padding: .5em;
    font-size: .9em;
    outline: none; }

.egr-outline {
  opacity: .5; }

.egr .ui-sortable-helper {
  border-bottom: 2px solid #ddd; }

.egr-presentation .egr-fieldset:first-child > .egr-actions > .egr-sort-up {
  display: none; }

.egr-presentation .egr-fieldset:last-child > .egr-actions > .egr-sort-down {
  display: none; }

.egr-presentation .egr-fieldset:only-child > .egr-actions > .egr-sort-up,
.egr-presentation .egr-fieldset:only-child > .egr-actions > .egr-sort-down,
.egr-presentation .egr-fieldset:only-child > .egr-actions > .egr-sorting {
  display: none; }

.egr-row-actions {
  margin-top: .5em; }
  .egr-row-actions:after {
    clear: both;
    content: '';
    display: table; }

.egr-add-button {
  cursor: pointer;
  display: inline-block;
  position: relative;
  user-select: none; }
  .egr-add-button span {
    color: #777; }
  .egr-add-button:hover span {
    color: #000; }

.egr-add {
  float: right; }

.egr-add-select {
  padding: .75em 1.5em .75em 1.5em;
  color: #fff;
  border-bottom: 1px solid #222;
  white-space: nowrap;
  cursor: pointer;
  user-select: none; }
  .egr-add-select:hover {
    color: #999; }
  .egr-add-select:last-child {
    border-bottom: 0; }

.egr-dropdown-active .egr-add-button:before {
  display: block; }

.egr-grid-item {
  display: flex;
  flex-wrap: wrap; }

.egr-fieldset {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

@media screen and (min-width: 60em) {
  .egr-grid-item {
    width: calc(100% + 1.5em); }
  .egr-fieldset {
    margin-right: 1.5em;
    margin-bottom: 1.5em; }
  .egr-grid-item-1-2 > .egr-fieldset {
    width: calc(100% / 2 - 1.5em); }
  .egr-grid-item-1-3 > .egr-fieldset {
    width: calc(100% / 3 - 1.5em); }
  .egr-grid-item-1-4 > .egr-fieldset {
    width: calc(100% / 4 - 1.5em); }
  .egr-grid-item-1-5 > .egr-fieldset {
    width: calc(100% / 5 - 1.5em); } }

.egr-element-delete {
  width: calc(100% + 1.5em);
  z-index: 100;
  background: #fff;
  display: flex; }
  .egr-element-delete .egr-delete-message {
    padding: 1.5em;
    position: relative;
    background: #fff;
    margin: 0 auto; }

.egr-delete-buttons {
  max-width: 20em;
  justify-content: space-between;
  display: flex;
  margin-top: .5em; }
  .egr-delete-buttons > * {
    cursor: pointer;
    line-height: 2em; }

.egr-delete-cancel {
  padding: 0 .5em;
  color: #777;
  border: 2px solid transparent; }
  .egr-delete-cancel span {
    border-bottom: 2px solid #eee; }
  .egr-delete-cancel:hover {
    color: #000; }
    .egr-delete-cancel:hover span {
      border-bottom: 2px solid #ccc; }

.egr-delete-apply {
  border-radius: .3em;
  padding: 0 1em;
  color: #b3000a;
  border: 2px solid #b3000a;
  font-weight: bold; }
  .egr-delete-apply:hover {
    color: #fff;
    background: #b3000a; }

.egr-delete-active {
  position: relative; }

.egr-delete-active .egr-fields:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #b3000a;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: .2; }

.egr-style-table > .egr-fieldsets {
  border: 2px solid #ddd; }
  .egr-style-table > .egr-fieldsets > .egr-fieldset {
    border: none;
    margin-bottom: 0;
    padding-top: .5em;
    padding-right: .5em; }
    .egr-style-table > .egr-fieldsets > .egr-fieldset:last-child {
      border-bottom: 0; }
      .egr-style-table > .egr-fieldsets > .egr-fieldset:last-child > .egr-actions {
        border-bottom: 0; }
    .egr-style-table > .egr-fieldsets > .egr-fieldset > .egr-fields > .field {
      padding-left: .5em;
      margin-bottom: .5em; }
    .egr-style-table > .egr-fieldsets > .egr-fieldset > .egr-actions {
      width: calc(100% + .5em); }

.egr-style-table.egr-odd > .egr-fieldsets > .egr-labels {
  background: #fff; }

.egr-style-table.egr-odd > .egr-fieldsets > .egr-fieldset > .egr-actions {
  border-bottom: 1px solid #ddd; }

.egr-style-table.egr-even > .egr-fieldsets > .egr-labels {
  background: #eee; }

.egr-style-table.egr-even > .egr-fieldsets > .egr-fieldset > .egr-actions {
  border-bottom: 1px solid #ccc; }

.egr-labels {
  padding-top: 1em;
  padding-right: 1em;
  border-bottom: 1px solid #ddd; }
  .egr-labels > .field {
    margin-bottom: 0.5em;
    padding-left: 1em !important; }

/*# sourceMappingURL=style.css.map */