:root {
    --primary: #ffb545;
    --base-color: #15222b;
    --second-color: #01213a;
    --text-color: #ffffff;
    --highlight-color: #ffb545;
    --button-bg: #ffb545;
    --button-hover-bg: #ffb545;
    --header-bg: #15222b;
}

.vertnavigation {
  min-width: 17rem;
  width: 17rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.4s;
}

.vertnavigation--footer {
  position: absolute;
  bottom: 1rem;
}

.vertnavigation--app a {
    color: #aaa;
}

.vertnavigation--app.active a {
    color: #666;
}

.vertnavigation a.active {
    color: #55605f;
}

.vertnavigation--content {
  padding-top: 0.5rem;
  padding-left: 1rem;
}

.vertnavigation--content h2 {
  padding-bottom: 1rem;
}

.vertnavigation--content ul {
  padding-left: 1rem;
}

.vertnavigation--content li {
  list-style-type: none;
}

.page-content {
  width: calc(100% - 17rem);
  margin-left: 17rem;
}

.module h2, .module caption, .inline-group h2, div.breadcrumbs {
  background: var(--base-color);
  color: var(--text-color);
}

#changelist-filter li.selected a {
  color: var(--highlight-color) !important;
}

a:link, a:visited {
  color: var(--highligh-color);
}

.submit-row input[name="_addanother"],
.submit-row input[name="_continue"],
.submit-row input[name="_action.copy"] {
  background-color: var(--second-color);
}

.submit-row input[name="_save"] {
  background-color: var(--base-color);
}