body {
  font-family: 'Roboto',sans-serif;
}

.even {
  background-color: #FDFDFD;
}

.odd {
  background-color: #F0F0F0;
}

.centre {
  text-align: center;
}

.hoverRow:hover {
  background-color: #E0E0E0;
}

strong {
  font-weight: bolder;
}

.tableHead {
  background-color: #555555;
  color: #FFFFFF;
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.even > div,
.odd > div,
.tableHead > div {
  padding-top: 5px;
  padding-bottom: 5px;
}
.leaflet-bottom.leaflet-right {
  display: none;
}

.leaflet-top.leaflet-left {
  z-index: initial;
}
.toasted.toasted-primary.success {
  background-color: #5cb85c;
}

.toasted.toasted-primary.warning {
  background-color: #f0ad4e;
}

.toasted.toasted-primary.danger {
  background-color: #d9534f;
}

.toasted.toasted-primary.danger a.action,
.toasted.toasted-primary.warning a.action,
.toasted.toasted-primary.success a.action {
  color: #000000;
}

.showOverflowModal.v--modal-box {
  overflow: visible !important;
  background: #FFD902;
  border-radius: 10px;
}

/* add a little spacing for FA icons inside buttons */
.v-btn .svg-inline--fa {
  margin-right: 5px;
}

a.v-btn:hover, a.v-btn:active {
  text-decoration: none;
}

.v-card-actions {
  background-color: #f5f5f5;  /* grey lighten-4 */
}

.emptyPlaceholder {
  padding: 15px;
  text-align: center;
  font-size: 20px;
  color: #b4b4b4;
  font-weight: bold;
}

.v-btn.btn-blu {
  color: #fff;
  background-color: #4ab3f4;
  border-color: #1da1f2;
}
.v-btn.btn-blu:hover {
  background-color: #1da1f2;
}

input.basicInput {
  display: inline-block;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  padding-left: 3px;
}

/* just until we can switch to v-selects and/or remove bootstrap */
select {
  -moz-appearance: auto !important;
  -webkit-appearance: auto !important;
  border-style: solid !important;
}

/* until we can remove bootstrap */
label.v-label {
  margin-bottom: 0;
  font-weight: normal;
}

@font-face {
  font-family: "UniversalSans-800";
  src: url("./fonts/UniversalSans-800.ttf") format('truetype');
}

@font-face {
  font-family: "UniversalSans-680";
  src: url("./fonts/UniversalSans-680.ttf") format('truetype');
}

@font-face {
  font-family: "UniversalSans-480";
  src: url("./fonts/UniversalSans-480.ttf") format('truetype');
}