html, body {height: 100%;}

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

.wrap > .container {padding: 70px 15px 20px;}

.footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.not-set {
  color: #c55;
  font-style: italic;
}

a.pseudo {
  position: relative;
  text-decoration: none;
  color: inherit;
}
a.pseudo:after {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 1px dashed black;
  bottom: 0;
  left: 0;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  /*noinspection CssNoGenericFontName*/
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {content: "\e151";}

a.desc:after {content: "\e152";}

.sort-numerical a.asc:after {content: "\e153";}

.sort-numerical a.desc:after {content: "\e154";}

.sort-ordinal a.asc:after {content: "\e155";}

.sort-ordinal a.desc:after {content: "\e156";}

.grid-view td {
  white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}

.requests-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
}

.requests-list .summary {grid-column: 1 / -1}

@media (min-width: 600px) {
  .requests-list {grid-template-columns: 1fr 1fr}
}

@media (min-width: 800px) {
  .requests-list {grid-template-columns: 1fr 1fr 1fr}
}