/********************************
  Section - Display None Begin
********************************/

/* tool tip after sla and status text hides */
.tooltip-base {
  display: none !important;
}

/* sla ok hides */  .status-day:nth-child(n+30) { display:none; }

/* sla ok hides */  div.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div:nth-child(2) > div > span.component-status{display:none;}

/* sla ok hides */ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div:nth-child(3) > div > span.component-status {display:none;}

/*removing mail & close btn before Email Add */ #updates-dropdown > div.updates-dropdown-nav.nav-items-2 {display:none; }

/*removing text before Email Add */ #updates-dropdown-email > div {display:none; }

/*removing Subscribe */ .layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title .subscribe { display:none; }

/* sla ok hides */ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div:nth-child(3) > div.component-inner-container.status-green.showcased > div > div { display:none; }

/* sla ok hides */ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.component-statuses-legend.font-small > div.legend-item.status-blue {display:none; } 

/* sla ok hides */ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.component-statuses-legend.font-small > div.legend-item.status-red  {display:none; } 

/*removing subscribe for history page */ .layout-content.status.status-full-history.starter > div.masthead-container.basic > div > div.updates-dropdown-container { display:none; }

/* sla ok hides */ .page-footer.border-color.font-small > span > a { display:none;}

/* sla ok hides */.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.component-statuses-legend.font-small > div.legend-item.status-yellow{display:none;}

/* sla ok hides */ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div > div > span.tooltip-base.tool.tooltipstered{display:none;}

/* sla ok hides */ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div.component-container.border-color.is-group.open > div.child-components-container > div > div > div{display:none;}

/* sla ok hides */ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div.component-container.border-color.is-group.open > div.child-components-container > #legend {display:none;}

/* sla ok hides */ .no-incidents {display:none;}

/* sla ok hides */ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div:nth-child(1) > div > div > div{display:none;}

/* sla ok hides */ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div:nth-child(2) > div > div > div{display:none;}

/*remove text above graph*/ .layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-uptime-link.history-footer-link{display:none;} 

/********************************
  Section - Grid Order Begin
********************************/

div.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column{
   display: grid;
}

/* Order:0 */ .components-container one-column{order:0;}

/* Order:1 */ .unresolved-incidents{order:1;}

/* Order:2 */ .layout-content.status.status-index.starter > div.custom-footer-container > div.sla-text{ order:2;}

/* Order:3 */
.incidents-list.format-expanded{
  order:3;
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 70px;
}

/* Order:4 */ .layout-content.status.status-index.starter > div.custom-header-container > div.text-area {  order:4;}

/* Order:5 */ .page-footer.border-color.font-small { order:5;}

.container{  display: grid;}

/********************************
  Section - CSS Align Begin
********************************/

/*remove text above graph*/
.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div:nth-child(3) > div > span.name{
 text-align:center;
 white-space: prewrap;
  color: white;
}

/*remove text above graph*/
.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div:nth-child(3){ 
  background-color:#FFA500;
  top:10px;
}

/*remove text above graph*/
.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.component-statuses-legend.font-small{
      text-align:  center;
      margin-top: 10px;
      margin-bottom: 1.5rem;
}

/*remove text above graph*/
div.legend-item.status-green{
  color:#00B400;
  content:'okii';
}

/*remove text above graph*/
div.legend-item.status-orange{ color:#F7A128;}

/*remove text above graph*/
.layout-content.status.status-index.starter > div.container > div.page-status.status-none > h2 {
text-align: center;}

/*remove text above graph*/
.layout-content.status.status-index.starter > div.container > div.page-status.status-none{
    margin-bottom: 0px;
}

/*remove text above graph*/
.layout-content.status.status-index.starter > div.container > div.components-section.font-regular{
  margin-bottom: 0px;
}

/*remove text above graph*/
.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.component-statuses-legend.font-small{
  display:block;
justify-content:center;
}

/*remove text above graph*/
div.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div:nth-child(2) {
  order:0;
  text-align:center;
   color: white;
  background-color:#10078F;
  margin-bottom: 1.5rem;
  -webkit-border-radius: 4px 4px 4px 4px !important;

}

/* round edges */ 
 div.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div:nth-child(1){
    order:1;
    -webkit-border-radius: 4px 4px 4px 4px !important;
}

/********************************
  Section - Unused Begin
********************************/

.custom-header-container{
    -webkit-text-size-adjust: 100%;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #333333;
    box-sizing: border-box;
  top:100px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 850px;
    display: grid;
order:5;}

.component-statuses-legend font-small{
      -webkit-text-size-adjust: 100%;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #333333;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-size: 0.875rem;
    line-height: 1.334375rem;
    overflow: hidden;
    text-align: center;
    margin-top: 1.5rem;
}

.ds-margin-top-24{
    -webkit-text-size-adjust: 100%;
    color: #10078F;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 26px;
    word-break: break-word;
    box-sizing: border-box;
    font-family: inherit;
    margin-top: 24px;
  margin-left: 24px;
  
}

.layout-content.status.status-index.starter > div.custom-footer-container > div.ds-text-icon > span{
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    color: #10078F;
    box-sizing: border-box;
    font-family: inherit;
    vertical-align: middle;}

/********************************
  Section - Footer Begin
********************************/

.page-footer.border-color.font-small {
  visibility: visible; 
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color:#10078F;
  color: white;
  text-align: center;
  height: 50px;
  padding:15px;
}

.layout-content.status.status-index.starter > div.container > div.page-footer.border-color.font-small{
  visibility: visible; 
}
/********************************
  Section - Ends
********************************/