/* reduce max-width so component and status are closer together*/
.container {
    width: 80%;
    max-width: 700px;
}
/* set component border and tooltip to dark grey */
body.status .layout-content.status .border-color, hr, 
.tooltip-base, .markdown-display table {
    border-color: #888;
}
/* reduce margin on bottom of current status bar */
.page-status {
  margin-bottom: 20px !important;
}
/* reduce margin on bottom of about section text */
.text-section {
  margin-bottom: 20px !important;
}
/* reduce main page incident history to 5 days  */
.status-day:nth-child(n+7) { display:none; }

.UCSIcon {
    display: inline;
    width: 100%;
    height: 100%;
    fill: var(--ucs-icon-fill-color, currentColor);
    stroke: var(--ucs-icon-stroke-color, none);
    transition: var(--ucs-icon-transition, none);
}
.tooltip-base {
    color: #fff;
}