/*     brand Colors              */
/*      light colors         */
@media (max-width: 980px) {
  .match-width {
    width: 50% !important;
  }
}

@media (max-width: 880px) {
  footer {
    height: 70px;
  }
  .change_comment_field {
    width: 180px !important;
  }
}

.multiple {
  max-width: none;
  float: none !important;
  margin-top: 50px !important;
}

.object-layout_big-part {
  padding-top: 50px !important;
}

header {
  background: #714f9b;
}

header .button {
  background-color: #604383;
}

header .button:hover {
  background-color: #4c3568;
}

.button {
  background-color: #714f9b;
  border: 1px solid #604383;
  color: #FFF;
}

.button:hover {
  background-color: #604383;
}

.button-small {
  background-color: #714f9b;
  border: 1px solid #604383;
  color: #FFF;
}

.button-small:hover {
  background-color: #604383;
}

.button-small .button-secondary {
  background-color: #333;
  border: 1px solid #212121;
  color: #FFF;
}

.button-small .button-secondary:hover {
  background-color: #212121;
}

.button-secondary {
  background-color: #333;
  border: 1px solid #212121;
  color: #FFF;
}

.button-secondary:hover {
  background-color: #212121;
}

.dropdown-toggle {
  background-color: #604383 !important;
}

.dropdown-toggle:hover {
  background-color: #4c3568 !important;
}

.listing .button {
  background-color: #714f9b;
  border: 1px solid #604383;
  color: #FFF;
}

.listing .button:hover {
  background-color: #604383;
}

.listing .button-secondary {
  background-color: #333;
  border: 1px solid #212121;
  color: #FFF;
}

.listing .button-secondary:hover {
  background-color: #212121;
}

header h1 {
  color: #FFF !important;
}

.page-explorer .listing .title {
  color: #FFF !important;
}

.page-explorer .listing .index {
  background-color: #8b6ab3;
}

.page-explorer .listing .index .title h2 {
  color: #FFF !important;
}

.page-explorer .listing .index .button {
  color: #FFF;
}

.page-explorer .listing .index .button:hover {
  background-color: #604383;
}

.page-explorer .listing .index .button.bicolor {
  background-color: #714f9b;
  border: 1px solid #604383;
  color: #FFF;
}

.page-explorer .listing .index .button.bicolor:hover {
  background-color: #604383;
}

.page-explorer .listing .index .button.bicolor .button-small {
  background-color: #714f9b;
  border: 1px solid #604383;
  color: #FFF;
}

.page-explorer .listing .index .button.bicolor .button-small:hover {
  background-color: #604383;
}

.t-inverted .u-btn-current {
  color: #FFF;
}

.t-inverted .u-btn-current:hover {
  background-color: #604383;
  color: #FFF;
}

.bicolor .button {
  background-color: #714f9b;
  border: 1px solid #604383;
  color: #FFF;
}

.bicolor .button:hover {
  background-color: #604383;
}

.bicolor .button .button-small {
  background-color: #714f9b;
  border: 1px solid #604383;
  color: #FFF;
}

.bicolor .button .button-small:hover {
  background-color: #604383;
}

.breadcrumb {
  background-color: #714f9b;
}

.breadcrumb .home:hover {
  background-color: #604383;
  color: #FFF;
}

.tab-nav.merged {
  background-color: #604383;
}

.tab-nav a {
  background-color: #8b6ab3;
  border-top: 0.3em solid #333;
  color: #FFF;
}

.tab-nav .li .active a {
  background-color: #8b6ab3;
}

.multiple > li {
  border: 1px solid darkgrey;
  background: #f1f1f1;
}

.object .fields .multiple {
  float: none !important;
}

.object fieldset {
  max-width: 1480px !important;
}

.listing td, .listing td:first-child {
  display: table-cell;
  padding: 0 0 0 0;
  vertical-align: top !important;
}

footer {
  z-index: 4;
}

.change_comment_field {
  position: fixed;
  bottom: -2px;
  right: 80px;
  font-size: 9px;
  z-index: 5;
  width: 420px;
}

.change_comment_field label {
  z-index: 5;
  color: #FFF;
  text-transform: uppercase;
  font-size: 12px;
}

.change_comment_field .error-message {
  display: none !important;
}

.c-wagtailautocomplete__selection {
  background-color: #FFF !important;
  color: black !important;
  border: 1px solid #333;
  width: 80%;
}

.c-wagtailautocomplete__suggestions__item {
  background-color: #FFF !important;
  color: black !important;
  border: 1px solid #333;
}

.c-wagtailautocomplete__suggestions__item--active {
  background-color: #714f9b !important;
  color: black !important;
  border: 1px solid #333;
}
/*# sourceMappingURL=custom_admin.css.map */