.v-content__wrap {
  background-color: white;
}

.se-dark-blue {
  background-color: #2f4050;
}

/* Speed Dial component with text aligned sanely */
.v-speed-dial.aligned .v-speed-dial__list {
  align-items: flex-end;
}
.v-speed-dial.aligned button {
  margin-right: 0px;
}

/* adds borders between list items */
.borders-between [role="listitem"] {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

dl {
  display: flex;
  flex-flow: row wrap;
}
dt {
  flex-basis: 35%;
  padding: 2px 0px;
  font-weight: 300;
}
dd {
  padding: 2px 0px 2px 8px;
  flex-basis: 65%;
  flex-grow: 1;
  margin: 0px;
}

dl.wide dt {
  flex-basis: 80%;
}

dl.wide dd {
  flex-basis: 20%;
}

/* makes navigation drawer dark blue */
.theme--dark.v-navigation-drawer,
.theme--dark.v-toolbar.v-sheet {
  background-color: #2f4050 !important;
}

/* list items indicated as draft */
.v-list-item.draft {
  border-left: 4px solid #ef9a9a;
  padding-left: 12px;
}

/*
  Fix: https://github.com/vuetifyjs/vuetify/issues/8875
  Spec: https://material.io/components/tabs/#scrollable-tabs

  Hides the annoying blank "previous" tab button that does nothing but force the tab
  bar off center from the layout.
*/
.v-tabs-bar.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-tabs-bar--show-arrows):not(.v-slide-group--has-affixes)
  .v-slide-group__prev {
  display: none !important;
  visibility: hidden;
}

#inspection-edit .v-text-field__details .v-messages__message {
  text-align: right;
}