:host {
  height: 100%;
  width: 100%;
}
.cmf-core-constrols-dateTimeViewer-element-query {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
}
.cmf-core-controls-dateTimeViewer-wrapper {
  display: -webkit-box;
  display: flex;
  align-self: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.cmf-core-controls-dateTimeViewer-TimeAndZoneContainer {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
}
.cmf-core-controls-dateTimeViewer-TimeAndZoneContainer.small {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.cmf-core-controls-dateTimeViewer-TimeLabel {
  font-family: open-sans-regular;
  -webkit-box-flex: 1;
          flex: 1;
  text-align: center;
}
.cmf-core-controls-dateTimeViewer-TimeLabel.small {
  font-size: 200%;
}
.cmf-core-controls-dateTimeViewer-TimeLabel.medium {
  font-size: 400%;
}
.cmf-core-controls-dateTimeViewer-TimeLabel.large {
  font-size: 600%;
}
.cmf-core-controls-dateTimeViewer-TimezoneLabel {
  font-family: open-sans-light;
  text-align: left;
  align-self: center;
}
.cmf-core-controls-dateTimeViewer-DateLabel {
  font-family: open-sans-regular;
  align-self: center;
  -webkit-box-flex: 1;
          flex: 1;
}
.cmf-core-controls-dateTimeViewer-DateLabel.small {
  font-size: 80%;
}
.cmf-core-controls-dateTimeViewer-DateLabel.medium {
  font-size: 150%;
}
.cmf-core-controls-dateTimeViewer-DateLabel.large {
  font-size: 200%;
}