/* CSS */
:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}


body {
				    
    background: #f2f2f2; 
}

h2.status.font-large{
margin-bottom: 0px;
}

.component-container{
  user-select: none;
}

.layout-content.status .masthead-container .masthead {
    margin-bottom: 0px!important;
}

.layout-content .incident-title {
    color: #29343D !important;
}



.color-primary{
color: #333333 !important;
}
/* Custom button */

a#show-updates-dropdown, .flat-button {
  			    font-weight: 500;
      box-shadow: none!important;
      color: #ffffff!important;
      background-color: rgb(0, 89, 221);
      border-radius: 8px!important;
     text-shadow: none!important;
  text-decoration: none!important;
  height:56px;
  align-content: center;
     
  }

  a#show-updates-dropdown:hover, .flat-button:hover {
      box-shadow: none!important;
      background-color: #04a!important;
      text-shadow: none!important;
      border-radius: 8px!important;
      text-decoration: none;
  }

a{
  text-decoration: underline;
}

a.previous-page{
   text-decoration: none;
}
a.next-page{
   text-decoration: none;
}

 .flat-button {
  			    font-weight: 600;
      box-shadow: none!important;
      color: #ffffff!important;
      background-color: rgb(0, 89, 221);
      border-radius: 8px!important;
     text-shadow: none!important;
     
  }
.flat-button:hover {
      box-shadow: none!important;
      background-color: #04a!important;
      text-shadow: none!important;
      border-radius: 8px!important;
      
  }
.updates-dropdown-section .flat-button {
    
    text-shadow: none!important;
}


.layout-content.status .masthead-container.basic .masthead{
  padding: 16px 24px 0px 24px;
}

.layout-content.status .masthead-container.basic .masthead .logo-container{
  padding-top: 12px;
 max-width: 160px; 
}



.layout-content.status.status-index .page-status{
 margin-bottom: 24px; 
}

.layout-content.status .masthead-container .masthead{
 margin-bottom: 24px; 
}



.unresolved-incidents,
.components-section,
.incidents-list,
.page-footer,
.history-container,
.history-nav,
.history-backpage,
.status-full-history .container,
.status-incident .container,
.scheduled-maintenances-container
{
	   background:#fff
}
  
.incidents-list,
.page-footer,
.container,
.scheduled-maintenances-container
{
  padding:24px;
}

.components-uptime-link {

}

.page-status{
    margin-bottom: 24px;
}

.component-section{
    margin-bottom: 24px;
}

.components-section{
  margin-bottom: 24px;
}

.layout-content.status .incidents-list{
  margin-top: 24px;
}

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

/* Mediaquery Phones*/

@media screen and (max-width: 650px) {
  .layout-content.status .masthead-container.basic .masthead{
  padding: 8px 8px;
}

.layout-content.status .masthead-container.basic .masthead .logo-container{
  float:left;
	 max-width: 130px; 
 margin-bottom: 0rem;
}


  
  
  .layout-content.status .masthead-container.basic .masthead .updates-dropdown-container{
   float:right; 
    padding: 2px 8px 2px !important;
  }
  
  
  
}