/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: swap;
  font-weight: 400;
  src: url("/fonts/montserrat-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url("/fonts/montserrat-v14-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("/fonts/montserrat-v14-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */ url("/fonts/montserrat-v14-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */ url("/fonts/montserrat-v14-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/montserrat-v14-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: swap;
  font-weight: 700;
  src: url("/fonts/montserrat-v14-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
    url("/fonts/montserrat-v14-latin-700.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("/fonts/montserrat-v14-latin-700.woff2") format("woff2"),
    /* Super Modern Browsers */ url("/fonts/montserrat-v14-latin-700.woff")
      format("woff"),
    /* Modern Browsers */ url("/fonts/montserrat-v14-latin-700.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/montserrat-v14-latin-700.svg#Montserrat") format("svg"); /* Legacy iOS */
}

body {
  font-family: "Montserrat", sans-serif;
  padding: 1rem;
}
h1 {
  font-weight: bold;
}
h1.appTitle {
  font-size: 2rem;
}
h3 {
  font-size: 1.25rem;
  font-weight: bold;
}
.container {
  max-width: 1600px;
}
.inline {
  display: inline;
}
.surge {
  color: #39af27;
}

.text-success {
  color: #39af27 !important;
}
header {
  color: #000;
  padding-top: 0.5em;
  padding-bottom: 1em;
}
#settings h3 {
  font-size: 1.2em;
  font-weight: bold;
}
.navbar {
  background-color: #fff;
}
a {
  color: #39af27;
  text-decoration: underline;
}
a:hover {
  color: #39af27;
}
a:active {
  color: #39af27;
}
a:visited {
  color: #39af27;
}
.btn-primary {
  background-color: #39af27;
  border-color: #39af27;
}
.btn-primary:hover {
  background-color: #f96302;
  border-color: #f96302;
}
.form-group {
  margin-bottom: 2em;
}
.logo {
  max-width: 125px;
  margin-top: -6px;
}
.nav-link,
.dropdown-item {
  text-decoration: none;
}
.navbar {
  padding: 0;
}
.navbar-light {
  color: #434343;
}
.navbar-light .navbar-nav .nav-link {
  color: #5f5f5f;
}
.datasetLabel {
  font-size: 0.8rem;
}
.dataToken {
  font-weight: bold;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #000;
}
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#fullMap {
  height: 70vh;
  width: 100%;
}
.mapboxgl-popup {
  max-width: 400px;
  font: 0.75em "Montserrat", sans-serif;
}
.marker {
  /*background-image: url('/images/mapbox-icon.png');*/
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}

.reviews h3 {
  font-weight: bold;
  font-size: 1.2em;
}

.reviewAvg {
  font-size: 3em;
  font-weight: bold;
}
.reviewTotal {
  font-size: 1.5em;
  font-weight: bold;
}
.disclaimer {
  font-size: 0.75em;
  font-weight: normal;
}

.imageStrip img {
  height: 150px;
}

.btnSearch {
  border-radius: 0 0.25em 0.25em 0;
}

.tab-content {
  width: 100%;
}

.card-footer {
  background-color: #fff;
}

.infoBoxValue {
  font-weight: bold;
  font-size: 1em;
}
.filterButton {
  margin-right: 1em;
}
.dataFilter > .btn {
  font-size: 0.75em;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #39af27;
}

.table td,
.table th {
  padding: 0.5em;
  font-size: 0.85rem;
}

h5.modal-title {
  font-weight: bold;
  font-size: 1.5rem;
}
.modal-xl {
  max-width: 1140px;
  max-width: 85%;
}
.mask-container {
  display: inline-block;
  position: relative; /*Keeps the mask within the container*/
}
.mask {
  display: none; /*This hides the mask*/
}
.mask.loading {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000; /*puts on top of everything*/
  background-image: url("http://startific.com/images/loading_icon_photo.gif");
  background-position: center;
  background-repeat: no-repeat;
}