
#advisory-title-storm span :not(.x-btn-icon-el) {
  all: unset;
  font-size: 19px !important;
  font-weight: bold !important;
  padding-right: 3px !important;
}

#advisory-title-storm {
  background: transparent !important;
}

#advisory-title-number span :not(.x-btn-icon-el) {
  all: unset;
  font-size: 19px !important;
  font-weight: bold !important;
}

#advisory-title-number {
  background: transparent !important;
  text-align: right;
}

#advisory-title-hour span :not(.x-btn-icon-el) {
  all: unset;
  font-size: 19px !important;
  font-weight: bold !important;
}

#advisory-title-hour {
  background: transparent !important;
  text-align: right;
}

#advisory-decrement-btn {
  all: unset;
  background: transparent !important;
  cursor: pointer;
}

#advisory-increment-btn {
  all: unset;
  background: transparent !important;
  cursor: pointer;
}

#animateAdvisory, #animateHour {
  transform: rotate(90deg);
  background: transparent !important;
  padding-left: 6px;
  border: transparent;
}

#forecasthour-increment-btn {
  background: transparent !important;
  cursor: pointer;
  padding: 0px 0px 3px 0px !important;
}

#forecasthour-increment-btn span {
  background-size: 12px;
  background-position: bottom !important;
  padding: 0 !important;
}

#forecasthour-decrement-btn {
  background: transparent !important;
  cursor: pointer;
  padding: 2px 0px 0px 0px !important;
}

#forecasthour-decrement-btn span {
  background-size: 12px;
  background-position: top !important;
  padding: 0 !important;
}

#advisory-title-date-time {
  all: unset;
  font-size: 19px !important;
  font-weight: bold !important;
}

.hvx-menu-item-selected {
  background-color: #d9e4f2;
}
.hvx-menu-item-selected .x-menu-item-link .x-menu-item-text {
  font-weight: bold;
}