html {
  font-size: 10px;
}

html,body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  color: white;
  background-color: #fff;
}

#call-log-view > div {
  background-color: white;
}

.font-light {
  font-weight: 300;
}

a {
  outline: 0;
}

a:hover, a:active, a:focus {
  outline: 0;
}

.hide {
  display: none !important;
}

.contact-primary-info {
  font-size: -moz-calc(15*0.226rem);
  color: black;
}

.contact-secondary-info {
  font-size: -moz-calc(6*0.226rem);
  color: white;
}

.grid-wrapper {
  width: 100%;
  height: 100%;
}

body.hidden *[data-l10n-id] {
  visibility: hidden;
}

/**
 * FIXME/bug 1026079: Remove these when tabs are implemented using building
 * blocks. They are temporary overrides for clipping issues.
 */
body .bb-tablist [aria-selected="true"] ~.bb-tabpanel {
  visibility: hidden;
}

body .bb-tablist :target .bb-tabpanel {
  z-index: -1;
  visibility: visible;
}
