/* Limit the number of days of history displayed to 10 */
.status-day:nth-child(n+12) { display:none; }


 html * { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Lato, Helvetica, Arial, sans-serif !important; }

.tooltipster-box { max-width: 40em; }

.tooltipster-base {
    height: max-content !important;
}

.tooltipster-borderless .tooltipster-box { background: #fdfdfd !important; border: 1px solid black !important;  }
.tooltipster-content { color: #000000 !important; font-size: 12pt; height: max-content; overflow: hidden; text-wrap: balance; white-space: normal; }
.tooltipster-arrow-background { background: #eeeeee !important; }



.layout-content.status.status-index .page-status .status {
  color: #202122; 
}

.layout-content.status.status-index .unresolved-incidents .impact-minor .incident-title a {
 	 color: #202122 !important;
}


.layout-content.status.status-index .unresolved-incidents .impact-major .incident-title a {
 	 color: #202122 !important;
}


.font-large {
 	 font-size: 1.2rem; 
}

.tooltip-base {
  color: #ffffff;
  background-color: #3366CC;
}
.tooltip-base:hover { color: #ffffff; }


.timeframes-container a { height: 100%;  }
.timeframes-container { position: sticky; top: 0px; z-index: 1000; background: #ffffff; padding-bottom: 0.5em; padding-top: 0.3em }

.component-status { font-weight: bold; }


.layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe.active {
  text-decoration: underline;
}

a.timeframe.color-secondary { color: #3366CC !important; }