fish-hub-status-tile .upToDate {
  color: #5ac896; }

fish-hub-status-tile .outOfDate {
  color: #f34136; }

fish-hub-status-tile .hubIcon {
  color: #5aaed6;
  font-size: 62px; }
  @media (max-width: 1920px) {
    fish-hub-status-tile .hubIcon {
      font-size: 48px; } }
  @media (max-width: 768px) {
    fish-hub-status-tile .hubIcon {
      font-size: 35px; } }

fish-hub-status-tile .tiltIcon {
  display: inline-block;
  font-size: 62px; }
  @media (max-width: 1920px) {
    fish-hub-status-tile .tiltIcon {
      font-size: 48px; } }
  @media (max-width: 768px) {
    fish-hub-status-tile .tiltIcon {
      font-size: 35px; } }

fish-hub-status-tile .dataType {
  font-family: GothamRounded-Book !important;
  font-size: 16px; }
  @media (max-width: 1920px) {
    fish-hub-status-tile .dataType {
      font-size: 14px; } }

fish-hub-status-tile .chargingBoltOverlay {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  font-size: 48px; }
  @media (max-width: 1920px) {
    fish-hub-status-tile .chargingBoltOverlay {
      font-size: 32px; } }

fish-hub-status-tile .hubStatusContainer {
  margin-top: 25px;
  height: 100%;
  display: flex; }
  @media (max-width: 1920px) {
    fish-hub-status-tile .hubStatusContainer {
      margin-top: 10px; } }
  @media (max-width: 767px) {
    fish-hub-status-tile .hubStatusContainer {
      margin-top: 0px; } }
  fish-hub-status-tile .hubStatusContainer .hubRow {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow {
      display: flex;
      justify-content: space-around; }
      fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .dataReadingCol {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 33%;
        /* JAB: This is to ensure items line up, but assumes always 3 items on a row. */ }
        fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .dataReadingCol .hubDataReading {
          font-family: GothamRounded-Bold !important;
          font-size: 28px;
          padding-top: 10px; }
          @media (max-width: 1920px) {
            fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .dataReadingCol .hubDataReading {
              font-size: 23px; } }
          @media (max-width: 768px) {
            fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .dataReadingCol .hubDataReading {
              font-size: 21px;
              padding-top: 5px; } }
          @media (max-width: 767px) {
            fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .dataReadingCol .hubDataReading {
              font-size: 16px;
              padding-top: 5px; } }
        fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .dataReadingCol .hubDataText {
          font-size: 18px; }
          @media (max-width: 1920px) {
            fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .dataReadingCol .hubDataText {
              font-size: 15px; } }
          @media (max-width: 767px) {
            fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .dataReadingCol .hubDataText {
              font-size: 12px; } }
        fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .dataReadingCol .hubDataIcon {
          position: relative; }
      fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .vr4g-note {
        opacity: 0.5;
        padding-left: 30px;
        padding-right: 30px;
        transition-duration: 250ms; }
        fish-hub-status-tile .hubStatusContainer .hubRow .hubDataRow .vr4g-note:hover {
          opacity: 1; }

@keyframes icon-blink {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

fish-hub-status-tile .icon-blink {
  -webkit-animation: icon-blink 2s infinite;
  -moz-animation: icon-blink 2s infinite;
  -ms-animation: icon-blink 2s infinite;
  -o-animation: icon-blink 2s infinite;
  animation: icon-blink 2s infinite;
  animation-direction: alternate; }