:root {
  --nikkikiwi-color-deep-dark: #333;
  --nikkikiwi-color-light-grey: #ccc;
  --nikkikiwi-color-fade: #e5dccd;
  --nikkikiwi-color-primary-darker: #39311e;
  --nikkikiwi-color-primary-dark: #7b5d4a;
  --nikkikiwi-color-primary-deep: #e1aa87;
  --nikkikiwi-color-primary: #efd19d;
  --nikkikiwi-color-primary-light: #feedcf;
  --nikkikiwi-color-secondary-orange: #f9d77b;
  --nikkikiwi-color-secondary-blue: #0078a8;
  --nikkikiwi-rgb-primary-darker: 57, 49, 30;
  --nikkikiwi-rgb-primary-dark: 123, 93, 74;
  --nikkikiwi-rgb-primary-deep: 225, 170, 135;
  --nikkikiwi-color-elegant: #e2ba86;
  --nikkikiwi-color-fresh: #a6be9b;
  --nikkikiwi-color-sweet: #f9b6b8;
  --nikkikiwi-color-sexy: #a1c3ca;
  --nikkikiwi-color-cool: #98b3d1;
  --nikkikiwi-color-table-warning-background: rgba(255, 0, 0, 0.7);

  --nikkikiwi-filter-range-slider-diameter: 16px;
  --nikkikiwi-filter-range-track-height: 6px;
}

.nikkikiwi select:focus {
  outline: none;
}

.nikkikiwi,
.nikkikiwi-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nikkikiwi {
  background-color: var(--nikkikiwi-color-primary-light);
  min-height: 100vh;
}

.nikkikiwi-title,
.nikkikiwi-filter,
.nikkikiwi-datatable,
.nikkikiwi-footer-content,
.nikkikiwi-footnote {
  max-width: 2500px;
  width: 90%;
}
.nikkikiwi-title {
  position: relative;
  text-align: center;
  margin-top: 5px;
}

.nikkikiwi-title-nexus {
  position: absolute;
  top: 5%;
  right: 10px;
  height: 100%;
  height: 90%;
}
.nikkikiwi .nexusButton-icon svg {
  fill: var(--nikkikiwi-color-primary-darker);
}
.nikkikiwi .nexusButton-icon:hover svg {
  fill: var(--nikkikiwi-color-primary-dark);
}
.nikkikiwi .nexusButton-menu-button svg {
  stroke: var(--nikkikiwi-color-primary-darker);
  fill: var(--nikkikiwi-color-primary-darker);
}
.nikkikiwi .nexusButton-menu-button:hover svg {
  stroke: var(--nikkikiwi-color-primary-dark);
  fill: var(--nikkikiwi-color-primary-dark);
}

.nikkikiwi-whiteSpace {
  flex: 1;
}

.nikkikiwi h1 {
  margin: 0;
  color: var(--nikkikiwi-color-primary-darker);
}

.nikkikiwi-footnote {
  margin-top: 5px;
  font-size: 12px;
}

.nikkikiwi-footer {
  margin-top: 30px;
  background-color: var(--nikkikiwi-color-primary-darker);
  width: 100%;
}
.nikkikiwi-footer,
.nikkikiwi-footer a {
  color: var(--nikkikiwi-color-primary-light);
}

.nikkikiwi-footer h3 {
  margin-bottom: 0;
}
.nikkikiwi-footer ul {
  margin-top: 0;
}