.traveler-info {
    height:57vh;
}

.traveler-info-contents {
  overflow: hidden;
  padding: 2vh;
}

.traveler-info-overview {
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0);
  margin-bottom: 1vh;
  height: 15%;
  overflow-y: hidden;
  position: relative;
  display: flex;
}

.traveler-info-details {
  overflow-y: auto;
}

.traveler-info-image {
  flex: 1;
  max-width: 10vh;
  border: 1px solid white;
}

.traveler-info-hits {
  position: relative;
  flex: 5; 
}

.traveler-info-hit-group {
  position: relative;
  overflow: hidden;
  cursor: pointer;  
}


.traveler-info-hit-group-inactive {
  opacity: 0.2;
  cursor: default;
}

.traveler-info-hit-label:hover {
  text-decoration: underline;
}

.traveler-info-hit-label {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.3rem;
  display: inline;
  /*color: rgba(200, 0, 0, 0.7);*/
}

.traveler-info-smaller-text{
  font-size: 1.0rem;
}

.traveler-info-hit-icon {
  width: 2vh;
  height: 2vh;
  cursor: hand;
  cursor: pointer;
}

.traveler-info-group {
  margin-top: 0.5vh;
  color:white;
  overflow: hidden;
  display: flex;
}

.traveler-info-label {
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
  color: white;
  flex: 1;
}

.traveler-info-value {
  font-weight: 700;
  font-size: 1.7rem;
  flex: 1;
}


.traveler-info-fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .traveler-info-fill img {
        width: 6vw;
    }