/****************
  * Fix tooltips *
  ****************/
 #uptime-tooltip {
     border: none !important;
     background: transparent !important;
 }
 
 #uptime-tooltip .tooltip-box,
 #uptime-tooltip #box-arrow {
     background: rgba(255, 255, 255, 0.9) !important;
 }
 
 #uptime-tooltip #box-arrow {
     -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
     clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
 }
 
 #uptime-tooltip .pointer-smaller {
     border-bottom-color: rgba(255, 255, 255, 0.9) !important;
 }
 
 #uptime-tooltip .outage-field {
     background: rgba(255, 255, 255, 0.4) !important;
 }
 
 #uptime-tooltip .related-events .related-event .related-event-link {
     color: #EBEBEB !important; /* FONT COLOR */
 }
 
 /*****************************
  * Uniform status background *
  *****************************/
 .layout-content.status.status-index .components-section .components-container.one-column, .layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
     background-color: #ffffff;
 }
 
 /************************
  * Hide separator lines *
  ************************/
 body.status .layout-content.status .border-color, hr, .tooltip-base, .markdown-display table {
     border-color: transparent;
 }
 
 /************************
  * Past incidents lines *
  ************************/
 body.status .layout-content.status .date.border-color {
     border-color: #E0E0E0;
 }
 
 /*****************
  * Overall width *
  *****************/
 .container {
     max-width: 880px;
 }
 
 /**********************
  * Fix subscribe text *
  **********************/
 .updates-dropdown-container .updates-dropdown .updates-dropdown-section {
     color: #000;
 }
 
 /*********************
  * Tooltip '?' color *
  *********************/
 .tooltip-base {
     color: #B9B9BA;
 }
 
 /*****************
  * Custom header *
  *****************/
 .custom-header-bar {
     text-align: center;
     margin: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 5px 15px;
     color: #000000; /* FONT COLOR */
     font-size: 18px;
     background-color: #ffffff;
     border-bottom: 2px solid #f5f5f5; /* LINK COLOR */
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }
 
 .custom-header-navigation {
     min-width: 520px;
     margin: 0 auto;
     list-style-type: none;
     padding: 0;
     line-height: 23px;
     white-space: nowrap;
 }
 
 .custom-header-navigation li {
     display: inline-block;
     padding-right: 5px;
     height: 33px;
     vertical-align: top
 }
 
 .custom-header-navigation li:last-child {
     padding-right: 0
 }
 
 .custom-header-navigation a {
     padding: 5px;
     display: inline-block;
     -webkit-transition: color 0.2s;
     -o-transition: color 0.2s;
     transition: color 0.2s;
 }
 
 .custom-header-navigation a:hover {
     text-decoration: none
 }
 
 .custom-header-navigation h1 {
     font-size: inherit;
     display: inline-block;
     line-height: 0;
     margin: 0
 }
 
 .custom-header-navigation a {
     color: #000000; /* FONT COLOR */
 }
 
 .custom-header-navigation a:hover {
     color: #198038; /* LINK COLOR */
     text-decoration: none
 }
 
 /*******************
  * Custom masthead *
  *******************/
 .custom-masthead {
     text-align: center;
 }
 
 /**********
  * Status *
  **********/
 .layout-content.status.status-index .page-status {
     border: none;
     text-shadow: none;
 }
 
 /***********
  * Buttons *
  ***********/
 .flat-button,
 .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
     box-shadow: none;
     text-shadow: none;
 }
 
 /***********
  * Metrics *
  ***********/
 .metric .metric-meta {
     display: flex;
     justify-content: space-between;
     margin: .75rem 0 .125rem;
 }
 
 .metric .metric-meta .metric-name,
 .metric .metric-meta .metric-average {
     display: inline-block;
 }
 
 .metric .metric-meta .metric-average {
     float: right;
 }
   
 
 .metric .highcharts-background {
     fill: none;
 }
 
 .custom-metrics-container .timeframes-container .timeframe {
     font-size: .85rem;
     color: #198038; /* LINK COLOR */
     margin: .25em 0 0 .5em;
 }
 
 .footer-basic {
   padding:10px 0;
   background-color: #faf7f0;
   color:#4b4c4d;
 }
 
 .footer-basic ul {
   padding:0;
   list-style:none;
   text-align:center;
   font-size:18px;
   line-height:1.6;
   margin-bottom:0;
 }
 
 .footer-basic li {
   padding:0 10px;
 }
 
 .footer-basic ul a {
   color:inherit;
   text-decoration:none;
   opacity:0.8;
 }
 
 .footer-basic ul a:hover {
   opacity:1;
 }
 
 .footer-basic .social {
   text-align:center;
   padding-bottom:25px;
 }
 
 .footer-basic .social > a {
   font-size:24px;
   color:#000000;
   width:40px;
   height:40px;
   line-height:40px;
   display:inline-block;
   text-align:center;
   border-radius:50%;
   border:1px solid #000000;
   margin:0 8px;
   color:inherit;
   opacity:0.75;
   
 }
 
 .footer-basic .social > a:hover {
   opacity:0.9;
 }
 
 .footer-basic .copyright {
   margin-top:15px;
   text-align:center;
   font-size:13px;
   color:#000000;
   margin-bottom:10px;
 }
 
 .flex-list {
     position: relative;
     margin: 1em;
     overflow: hidden;
 }
 .flex-list ul {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;
     color:#000000;
     margin: auto;
     width: 50%;
 }
 .flex-list li {
     flex-grow: 1;
     flex-basis: auto;
         flex-wrap: nowrap;
     margin: .25em 0;
     padding: 0 1em;
     text-align: center;
     background-color: #faf7f0;
 }

.status-day:nth-child(n+9) { display:none; }