html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.card.compact {
    min-height: 512px;
    width: 240px;
}

.card.comfortable {
    min-height: 512px;
    width: 440px;
}

.card.comfortable li.route {
    float: left;
    width: 49%;
}

.card.comfortable li.route:nth-child(2n+1) {
    clear: both;
}

.hover {
    visibility: hidden;
}

.hover-trigger:hover .hover {
    visibility: visible;
}

legend {
    width: inherit;
    padding: 0 10px;
    border-bottom: none;
    margin-bottom: 0;
}

.legend-container {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: end;
    align-content: end;
    border-bottom: 1px solid #a19d91
}

.sortEquipment {
    min-height: 206px;
}

ul.sortRoutes {
    list-style-type: none;
    min-height: 512px;
    width: 100%;
}

.validation-highlight {
    border-color: red;
}