/* We usually place text on top of other objects.
   Mouseover events, titles, etc should apply to the underlying object.
   So we disable all mouse interactions on text elements. */
text {
    pointer-events: none;
}


/* Force the container to a fixed width */
.container {
    width: 940px;
    margin: 0 auto;
}

.scroller {
    overflow-x: scroll;
  -webkit-overflow-scrolling: touch;  /* Momentum scrolling for iOS */
          overflow-scrolling: touch;
}

.demo svg {
  margin: 20px 20px;
}

.demo .calendarmap {
  font-size: 66%;
}

.demo.dip {
  padding-top: 40px;
}