#header {
  background: white;
  color: black;
  border-bottom: 1px solid black;
}

#header a:link, #header a:visited {
  color: #555;
}

#header {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  height: auto;

}

#header > div {
  flex: 0 0 100%;
  float: none;
  margin: 0;
}

#header #branding {
  flex: 0 0 200px;
}

#header #user-tools {
  flex: 3 0 auto;
  margin-left: 15px;
}

#header #nav-global {
  margin: 30px 0 15px 0;
}

div.breadcrumbs {
  background-color: rgb(160, 41, 87);
  color: #ddd;
}

p.paginator a:link, p.paginator a:visited {
  background-color: rgb(160, 41, 87);

}

p.paginator a.showall {
  background-color: #fff;
  color: rgb(160, 41, 87);
}

div.breadcrumbs a:focus, div.breadcrumbs a:hover {
  color: #ddd;
}

input[type=submit] {
  background-color: rgb(220, 124, 161);
}

input[type=submit]:hover {
  background-color: rgb(185, 74, 117);
  transition: background-color .5s;

}

input[type=submit].default {
  background-color: rgb(160, 41, 87);
}

input[type=submit].default:hover {
  background-color: rgb(129, 18, 61);
}

.object-tools a:hover {
  background-color: rgb(220, 124, 161);
  transition: background-color .5s;
}

.module h2, .module caption, .inline-group h2  {
  background: rgb(160, 41, 87);
  color: white;
}
.change-form .selector-chosen h2 {
    background: rgb(185, 74, 117);
}
.row1 {
  background: #EEE;
}

a:link, a:visited, body #changelist-filter li.selected a, .change-form fieldset.collapsed .collapse-toggle {
  color: rgb(160, 41, 87);
}

#fields-select ul li {
  list-style-type: none;
}

.basket-actions ul {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}

.basket-actions ul li {
  display: inline-block;
  background: #777;
  padding: 1em;
  margin: 1em 1em 0 0;
  -moz-border-radius: 5px;
}

.basket-actions ul li a {
  color: white;
}

.basket-actions ul li a:hover {
  color: #552222;
}

tr.removed {
  text-decoration: line-through;
  background: #f1f1f1;
}

.contact .details {
  display: none;
  position: relative;
}

.contact:hover .details {
  display: block;
  position: absolute;
  margin-left: 2em;
  margin-top: -7em;
  max-width: 500px;
  background: white;
  padding: 1em;
  border: 1px solid black;
  -moz-box-shadow: 3px 3px 3px black;
}

.changed {
  background: #FDD;
}

/* Fixed savebar avoids too much scrolling */

body {
  margin-bottom: 1em;
}

.model-contact .submit-row {
  position: fixed;
  right: 1em;
  width: 75%;
  bottom: 0;

  -moz-box-shadow: 2px 2px 5px black;
  -webkit-box-shadow: 2px 2px 5px black;
  box-shadow: 2px 2px 5px black;

  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

fieldset.left {
  float: left;
  width: 49%;
}

fieldset.right {
  float: right;
  width: 49%;
}

fieldset.clear {
  clear: both;
}

.colM .aligned.right .vLargeTextField,
.colM .aligned.left .vLargeTextField {
  width: 300px;
}

.autocomplete-w1 {
  background: url(img/shadow.png) no-repeat bottom right;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 8px 0 0 6px; /* IE6 fix: */
  _background: none;
  _margin: 0;
}

.autocomplete {
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  text-align: left;
  max-height: 350px;
  overflow: auto;
  margin: -6px 6px 6px -6px; /* IE6 specific: */
  _height: 350px;
  _margin: 0;
  _overflow-x: hidden;
}

.autocomplete .selected {
  background: #F0F0F0;
}

.autocomplete div {
  padding: 2px 5px;
  white-space: nowrap;
}

.autocomplete strong {
  font-weight: normal;
  color: #3399FF;
}

#changelist-filter .bulk-basket a {
  display: inline-block;
}

.bulk-basket {
  display: block
}

.wide_fields input:not(.vDateField) {
  width: 500px;
}

.left input, .right input {
  width: 60%;
}

#id_name {
  width: 500px;
}

td.error {
  background: red;
}