@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

body {
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  color: #002a4d !important;
}

.layout-content.status.status-index .page-status.status-none {
    background-color: #C8F8DE;
}

/* Status text color */
.layout-content.status.status-index .page-status .status {
    color: #002a4d !important;
    font-family: 'Open Sans', sans-serif;
}


.font-large {
    font-weight: 200;
    font-size: 14px;
  	  line-height: 100%;
    font-family: 'Open Sans', sans-serif;
}


.layout-content.status .border-color, hr {
  border-color: #D6D6D6;
  background-color: #fff;
}

/* Status Product boxes */
.components-container,
.components-container .component-container,
.components-container .child-components-container {
  background-color: #EAF6FF !important; 
}


.layout-content.status.status-full-history .history-nav a:not(.current) {
    border-bottom: 1px solid #d6d6d6 !important;
}

.layout-content.status .incidents-list.format-expanded .status-day .date {
    background-color: #EAF6FF !important;
}


.layout-content.status .incidents-list.format-expanded .status-day {
    margin-top: 35px;
  background-color: #EAF6FF !important;
  padding: 20px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
 
}



body.status.history.status {
 background-color: #ffffff; 
}

body.status.uptime.status {
 background-color: #ffffff; 
}


div.page-footer.border-color.font-small {
 background-color: #ffffff; 
  padding: 20px;
  font-family: 'Open Sans', sans-serif;
}

div.page-footer {
  margin:0px;
}


.layout-content.status.status-api .section .example-container .example-opener .color-secondary, .grouped-items-selector, .layout-content.status.status-full-history .history-nav a.current, div[id^="subscribe-modal"] .modal-footer, div[id^="subscribe-modal"], div[id^="updates-dropdown"] .updates-dropdown-section, #uptime-tooltip .tooltip-box {
    background-color: #fff;
}

.small {
  color: #002a4d !important;
  font-family: 'Open Sans', sans-serif;
}

.component-status {
  color: #002a4d !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 19.6px !important;
}

.components-container span.name,
.component-container span.name {
  font-size: 19.6px !important;
}


.component-status::before {
  content: "●";
  margin-right: 6px;
  font-size: 19.6px !important;
  color: #07A951; 
}

.component-inner-container.status-green .component-status::before  { color: #07A951 !important; }
.component-inner-container.status-yellow .component-status::before  { color: #F7B917 !important; }
.component-inner-container.status-orange .component-status::before  { color: #fb7c1c !important; }
.component-inner-container.status-red .component-status::before     { color: #B0272F !important; }


.layout-content.status.status-index .unresolved-incident.impact-maintenance .updates, .layout-content.status.status-index .scheduled-incidents-container {
    border-color: #005499;
    background-color: #fff;
    border-radius: 0px 0px 4px 4px;
}

.layout-content.status.status-full-history>.container {
    position: relative;
  background-color: #fff;
  display:grid;
  
}

.layout-content.status.status-full-history .history-nav {
    border-bottom-width: 1px;
    border-style: solid;
    margin: 0;
  background-color: #ffffff;
}


.history-backpage {
    padding: 20px;
     border: 1px solid #fff;
  border-radius: 4px;
  margin: 10px;
}


.layout-content.status.status-full-history.starter {
    background-color: #ffffff; 
}

div[data-react-class='HistoryIndex'] {
  border-left:1px solid #D6D6D6;
  border-right:1px solid #D6D6D6;
}


.history-nav.border-color::after {
  border-left:1px solid #D6D6D6;
  border-right:1px solid #D6D6D6;  
}


.uptime-calendar {    
  border-left: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  margin:0px;
  padding:20px;
  border-radius:0;
}

.grouped-item-label {
    font-weight: 200;
    font-size: 14px;
  	  line-height: 100%;
    font-family: 'Open Sans', sans-serif;
}

#show-updates-dropdown {
  background-color: #23afe6 !important;
  color: #ffffff !important;
  border-radius: 25px !important;
  padding: 10px 20px !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: none !important;
}

.updates-dropdown-container {
  display: flex !important;
  align-items: center !important;
  padding-right: 40px !important;
}

.status-icon-button {
  z-index: 10000 !important;
  position: relative !important;
}

div[id^="updates-dropdown"] {
  right: 0 !important;
  left: auto !important;
}