@import  url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
* {
  text-transform: lowercase !important;
}
/* Background */
body {
  background-color: #000000 !important;
}

.cookie-consent-banner {
display:none;
}

.whitespace-pre-wrap.actual-title {
  font-weight: bold;
}

.pagination .current {
  color: #ffffff !important;
  font-family: "PT Mono", monospace !important;
}

.status .font-large {
  font-family: "PT Mono", monospace !important;
  font-weight: bold;
}

.history-footer-link span {
  color: #ffffff !important;
  font-weight: bold;
}

.history-footer-link {
  color: #ffffff !important;
  font-family: "PT Mono", monospace !important;
  font-weight: bold;
}

.page-footer.border-color.font-small span {
  color: #ffffff !important;
  font-weight: bold;
}

.page-footer.border-color.font-small a {
  color: #ffffff !important;
  font-family: "PT Mono", monospace !important;
  font-weight: bold;
}

.update-title {
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
}

.page-title .incident-name {
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
}

.page-title .color-secondary {
  color: #ffffff !important;
  font-family: "PT Mono", monospace; 
}

.update-timestamp {
  color: #ffffff !important;
  opacity: 0.5 !important;
  font-family: "PT Mono", monospace; 
}


.update-timestamp.color-secondary {
  color: #ffffff !important;
  opacity: 0.5 !important;
  font-family: "PT Mono", monospace; 
}

.status .incident {
  background-color: #000000 !important;
}

.modal-content label {
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
}

.subscribe {
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
  font-weight: bold;
}

.updates-dropdown {
  background-color: #333333 !important;
  color: #ffffff !important;
  font-family: "PT Mono", monospace;  
}

.updates-dropdown-section {
  background-color: #333333 !important;
  color: #ffffff !important;
  font-family: "PT Mono", monospace;  
}

.updates-dropdown-section .flat-button {
  background-color: #000000 !important;
  color: #ffffff !important;
  font-family: "PT Mono", monospace;  
}

.updates-dropdown-nav {
  background-color: #000000 !important;
  color: #ffffff !important;
  font-family: "PT Mono", monospace;   
}

.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a {
  background-color: #000000 !important;
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
  border-color: #000000 !important;
}

#updates-dropdown-close-btn {
  background-color: #000000 !important;
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
  border-color: #000000 !important;
}

.show-updates-dropdown {
  background-color: #333333 !important;
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
}

.flat-button {
  background-color: #333333 !important;
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
}

.subscribe-button {
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
}

.component-status {
  font-family: "PT Mono", monospace;
}

.modal {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.modal-header {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.modal-body {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.modal-footer {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

#incident-subscription-dialog-header, #incident-subscription-dialog-description {
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
}

.incident-title {
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
}

.status.layout-content h4 {
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
}

.message.incident-body {
  color: #ffffff !important;
  opacity: 0.8;
  font-family: "PT Mono", monospace;
}

/* Header Text */
.masthead {
  font-family: "PT Mono", monospace;
}

.masthead .color-primary {
  color: #ffffff;
}

/* Service (realtime) Status Container */
.component-inner-container .name {
  color: #ffffff;
  font-family: "PT Mono", monospace;
}

.subheader {
  color: #ffffff !important;
  font-family: "PT Mono", monospace;
  opacity: 0.8;
  font-size: 12pt;
}

/* Uptime History - Component Picker */
.component-selector.control-group {
  color: #ffffff;
  background-color: #000000;
  font-family: "PT Mono", monospace;
}

.whitespace-pre-wrap {
  color: #ffffff;
  font-family: "PT Mono", monospace;
}

.updates .update {
  color: #ffffff;
  font-family: "PT Mono", monospace;
}
.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .legend-item.light {
  color: #ffffff;
  opacity: 0.8;
}

.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .legend-item {
  color: #ffffff;
    opacity: 1;
}

.components-section {
  border-width: 1px !important;
  border-color: #333333 !important;
}

.component-container {
  border-width: 1px !important;
  border-color: #333333 !important;
}

.components-uptime-link {
  color: #ffffff !important;
  opacity: 0.8;
}

#past-incidents {
  color: #ffffff;
  font-family: "PT Mono", monospace;
}

.status-day {
  color: #ffffff;
  opacity: 0.8;
}

.color-secondary {
  color: #ffffff;
  opacity: 1;
}

.pagination-container {
  color: #ffffff !important;
}

.current {
  color: #ffffff !important;
}

.month-title {
  color: #ffffff;
  opacity: 0.8;
}

.status-day {
  font-family: "PT Mono", monospace !important;
}


.date {
  font-family: "PT Mono", monospace !important;
}