.editor-grid {
  -fx-padding: 0;
  -fx-alignment: center;
  -fx-font-size: 12pt;
}

.editor-grid .pane {
  -fx-padding: 0.25em 0.25em 0.25em 0.6em;
}

.melter-information {
    -fx-padding: 7;
    -fx-border-width: 0 0 1 0;
    -fx-border-color: -color-border-default;
}

.editor-grid .odd {
  -fx-background-color: -color-bg-subtle;
}

.editor-grid .preview {
  -fx-font-family: "monospaced";
}

.editor-filter-bar {
  -fx-padding: 0.5em 1.2em 0.5em 0.5em;
  -fx-background-color: -color-bg-inset;
-fx-border-color: -color-border-default;
-fx-border-width: 1 0 0 0;
}

.editor .menu {
  -fx-font-size: 10pt;
}

.editor-nav-bar-container {
  -fx-padding: 0.4em;
    -fx-background-color: -color-bg-inset;
    -fx-border-color: -color-border-default;
-fx-border-width: 0 0 1 0;
}

.editor-nav-bar {
    -fx-background-color: -color-bg-default;
    -fx-border-color: -color-border-default;
-fx-border-width: 1;
  -fx-padding: 0 0.3em 0 0.3em;
    -fx-background-radius: 4;
    -fx-border-radius: 4;
}

.editor-nav-bar-container .button {
  -fx-padding: 0.6em;
    -fx-background-color: transparent;
}

.editor-nav-bar .button {
  -fx-padding: 0.2em 0.2em 0.2em 0.2em;
}

.editor-grid .button {
-fx-padding: 0.25em 0.2em 0.25em 0.2em;
    -fx-background-color: transparent;
}

.editor-grid .text-field {
-fx-padding: 0.25em 0.2em 0.25em 0.2em;
-fx-border-width: 0 1em 0 1em;
}

.color-picker .color-label {
-fx-padding: 0;
-fx-alignment: center;
}

.list-expand-button .ikonli-font-icon {
    -fx-icon-code: "mdi-json";
}

.coa-button .ikonli-font-icon {
    -fx-icon-code: "mdi-eye";
}


.nav-back-button .ikonli-font-icon {
    -fx-icon-code: "mdi-arrow-left-bold";
}

.nav-forward-button .ikonli-font-icon {
    -fx-icon-code: "mdi-arrow-right-bold";
}

.coa-options {
-fx-padding: 0.5em;
  -fx-background-color: #EEEEEEFF;
-fx-border-color: #CCCCCCFF;
-fx-border-width: 0.1em;
}