body {
  /*  padding-top: 50px;*/
}
html,
body,
#gmap {
  height: 100%;
}
.body {
  padding-bottom: 15.7em;
  background-color: #f0f0f0;
}
/* Bootstrap Customize Begin */

.btn-default {
  color: #990033;
  background-color: #fcfcfc;
  border-color: #ddd;
}
.btn-special {
  color: #fff;
  background-color: #990033;
  border-color: #ddd;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #990033;
  border-color: #ddd;
}
.btn-special:hover,
.btn-special:focus,
.btn-special:active,
.btn-special.active,
.open .dropdown-toggle.btn-special {
  color: #fff;
  background-color: #de004c;
  border-color: #ddd;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #990033;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #990033;
  background-color: #e2e2e2;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #990033;
  border-color: #990033;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #990033;
  outline: 0;
}
/* Bootstrap Customize End */

.unselectable {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}
.modeImage {
  cursor: pointer;
  height: 45px;
}
.modeTitle {
  margin-left: 0.7em;
  font-weight: 900;
  font-size: 1.2em;
  color: #990033;
  cursor: pointer;
  height: 45px;
  /*  display: table-cell;*/
  /*  text-align: center;*/
  /*  vertical-align: middle;*/
}
.modeInactiveImage {
  opacity: 0.4;
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  -o-filter: grayscale(80%);
  -ms-filter: grayscale(80%);
  filter: grayscale(80%);
}
.modeCurrentImage {
  display: inline;
}
.v-center {
  display: table !important;
}
.forecastImage {
  height: 45px;
}
.forecastImageList {
  height: 25px;
  margin-right: 1em;
  margin-left: 1em;
}
.forecastItem {
  font-size: 0.85em;
}
.forecastInfo {
  color: #990033;
  font-size: 0.8em;
  font-weight: 900;
  text-shadow: 1px 1px 1px #FFF;
}
.navbar-default {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.button-control {
  font-weight: 900;
}
.setting-icon {
  font-size: 1.5em;
  /*  margin-right: 10px;*/
  /*  margin-left: 10px;*/
  color: #990033;
}
.panel-float-title {
  position: absolute;
  top: 15px;
  /*  left: 50%;*/
  left: 0px;
  /*  width: 400px;*/
  /*  margin-left: -180px;*/
  z-index: 5;
  /*  background-color: hsla(0, 100%, 56%, 0.19);*/
  /*  padding: 5px;*/
  /*  border: 1px solid #999;*/
  /*  text-align: center;*/
}
.panel-float-explore {
  position: absolute;
  top: 70px;
  /*  left: 50%;*/
  left: 0px;
  /*  width: 400px;*/
  /*  margin-left: -180px;*/
  z-index: 5;
  /*  background-color: hsla(0, 100%, 56%, 0.19);*/
  /*  padding: 5px;*/
  /*  border: 1px solid #999;*/
  /*  text-align: center;*/
}
.panel-float-setting {
  position: absolute;
  top: 20px;
  /*  left: 50%;*/
  right: 0px;
  /*  width: 400px;*/
  /*  margin-left: -180px;*/
  z-index: 9;
  /*  background-color: hsla(0, 100%, 56%, 0.19);*/
  /*  padding: 5px;*/
  /*  border: 1px solid #999;*/
  /*  text-align: center;*/
}
.panel-float-forecast {
  position: absolute;
  top: 120px;
  left: 0px;
  /*  right: 0px;*/
  /*  width: 450px;*/
  /*  margin-left: -180px;*/
  z-index: 5;
  /*  background-color: hsla(0, 100%, 56%, 0.19);*/
  /*  padding: 5px;*/
  /*  border: 1px solid #999;*/
  /*  text-align: center;*/
}
.panel-float-control {
  position: absolute;
  top: 20px;
  /*  left: 50%;*/
  left: 58px;
  /*  width: 500px;*/
  /*  margin-left: -180px;*/
  z-index: 7;
  /*  background-color: hsla(0, 100%, 56%, 0.19);*/
  /*  padding: 0px;*/
  /*  border: 1px solid #999;*/
}
.panel-float-search {
  position: absolute;
  top: 75px;
  /*  left: 50%;*/
  left: 58px;
  width: 450px;
  /*  margin-left: -180px;*/
  z-index: 6;
  /*  background-color: hsla(0, 100%, 56%, 0.19);*/
  /*  padding: 0px;*/
  /*  border: 1px solid #999;*/
}
.panel-float-events {
  position: absolute;
  bottom: 0px;
  /*  left: 50%;*/
  /*  left: 1%;*/
  width: 100%;
  height: 15.3em;
  overflow: auto;
  /*  margin-left: -180px;*/
  z-index: 4;
  /*  background-color: hsla(0, 100%, 56%, 0.19);*/
  /*    padding: 0px;*/
  /*  border: 1px solid #999;*/
}
.panel-float-copyright {
  position: absolute;
  bottom: 16.7em;
  /*  left: 0px;*/
  /*  left: 50%;*/
  /*  left: 1%;*/
  width: 100%;
  /*  margin-left: -180px;*/
  z-index: 4;
  /*  background-color: rgba(0, 0, 0, 0.8);*/
  /*    padding: 0px;*/
  /*  border: 1px solid #999;*/
  /*  display: none;*/
}
.panel-float-copyright-explore {
  bottom: 1em !important;
}
.copyright {
  background-color: rgba(255, 255, 255, 0.37);
  font-size: 0.7em;
  color: #5d5d5d;
  /*  font-weight: 600;*/
  padding-left: 1em;
  padding-right: 1em;
}
.event-box1 {
  border: 2.5px solid hsla(217, 100%, 50%, 0.8);
}
.event-box2 {
  border: 2.5px solid hsla(350, 98%, 50%, 0.8);
}
.event-box3 {
  border: 2.5px solid hsla(51, 100%, 51%, 0.8);
}
.event-box4 {
  border: 2.5px solid hsla(115, 100%, 50%, 0.8);
}
.event-box {
  background-color: hsla(0, 0%, 100%, 0.85);
  margin: 0 0 0.3em 0;
  padding: 0px 5px 0px 5px;
}
.event-label {
  font-weight: 900;
  white-space: nowrap;
  /*  color: #404040;*/
}
.event-detail {
  cursor: pointer;
  height: 7em;
  font-size: 0.83em;
  overflow: auto;
}
.event-detail-header {
  font-weight: 900;
}
.event-pagination {
  padding: 0px;
  margin: 0px;
  text-align: left;
  /*  display: none;*/
}
.marker-label,
.marker-icon {
  z-index: 99;
  position: absolute;
  display: block;
  margin-top: -55px;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  font-size: 30px !important;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.geo-labels {
  color: #990033;
  background-color: white;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: auto;
  border: 1px solid rgba(0, 0, 0, 0.47);
  white-space: nowrap;
  margin: 2px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /*
  padding-top: 0.1em;
  padding-bottom: 0.1em;
*/
}
@media (max-width: 991px) {
  .body {
    padding-bottom: 21em;
  }
  .panel-float-events {
    height: 20.6em;
  }
  .event-detail {
    height: 5em;
  }
  .panel-float-copyright {
    bottom: 22em;
  }
}
@media (max-width: 510px) {
  .body {
    padding-bottom: 16em;
  }
  .panel-float-events {
    height: 15.6em;
  }
  .event-detail {
    height: 3.5em;
  }
  .panel-float-copyright {
    bottom: 17em;
    white-space: nowrap;
  }
  .panel-float-search {
    /*  position: absolute;*/
    /*  top: 75px;*/
    /*  left: 50%;*/
    left: 0px;
    width: 350px;
    /*  margin-left: -180px;*/
    /*  z-index: 6;*/
    /*  background-color: hsla(0, 100%, 56%, 0.19);*/
    /*  padding: 0px;*/
    /*  border: 1px solid #999;*/
  }
  .panel-float-control {
    /*  position: absolute;*/
    /*  top: 20px;*/
    /*  left: 50%;*/
    left: 0px;
    /*  width: 500px;*/
    /*  margin-left: -180px;*/
    /*  z-index: 7;*/
    /*  background-color: hsla(0, 100%, 56%, 0.19);*/
    /*  padding: 0px;*/
    /*  border: 1px solid #999;*/
  }
  .modeImage {
    /*    height: 30px;*/
    /*    display: none;*/
  }
  .modeCurrentImage {
    display: none;
  }
  .modeTitle {
    display: none;
    /*
    display:table-cell;
    vertical-align:middle;
*/
  }
  .forecastInfo {
    display: none;
  }
}
@media (max-width: 380px) {
  #signin {
    display: none;
  }
  .panel-float-search {
    width: 320px;
  }
}