:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

.metadata {
  height: 100%;
  padding: 1rem !important; }
  .metadata-container {
    display: grid;
    grid-template-columns: 400px auto;
    grid-auto-flow: column;
    height: inherit; }
    .metadata-container .metadata-tree-view {
      display: flex;
      flex-direction: column; }
      .metadata-container .metadata-tree-view .metadata-tree-view__title {
        font-size: 1.5em;
        font-weight: bolder;
        margin-top: calc(15px - 0.5rem);
        margin-bottom: calc(15px + 0.5rem); }
      .metadata-container .metadata-tree-view ui-tree-panel .row {
        width: 100%; }
        .metadata-container .metadata-tree-view ui-tree-panel .row > .col {
          padding: 0; }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__selected .digi-move-line-down {
        color: var(--secondary, #b6246b); }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__selected .ui-tree__label {
        color: var(--secondary, #b6246b);
        background-color: transparent; }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__expander .digi-move-line-down {
        color: var(--secondary, #b6246b); }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__spacer__lines {
        border-bottom: 1px solid var(--secondary, #b6246b);
        border-left: 1px solid var(--secondary, #b6246b); }
      .metadata-container .metadata-tree-view ui-tree-panel .ui-tree__container .ui-tree__label.ui-tree__selectable:hover {
        background-color: transparent;
        color: var(--secondary, #b6246b); }
    .metadata-container .metadata-detail > .ui-panel {
      height: 100%; }
      .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row {
        display: flex;
        align-items: center; }
        .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row.metadata-detail__el {
          flex-direction: row-reverse;
          justify-content: flex-end;
          padding: 15px 0; }
          .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row.metadata-detail__el > .col {
            margin: 0; }
            .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row.metadata-detail__el > .col:last-child {
              display: flex;
              align-items: center;
              gap: 15px;
              padding: 0;
              margin-right: 20px; }
              .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row.metadata-detail__el > .col:last-child ui-icon {
                font-size: 24px;
                margin-top: 25px; }
        .metadata-container .metadata-detail > .ui-panel .ui-panel__body .row .metadata-detail__title {
          font-size: 25px;
          padding: 0; }
