/* START Hide Uptime from main page */
.legend-item.light.legend-item-date-range {display: none;}
.legend-item.legend-item-uptime-value {display:none;}
.spacer {display: none;}
/* END Hide Uptime from main page */

/*-------------------------------------------------*/

/*
Replace "x" with the number of days you want to show + 2.
For example, if you wanted to show the last 3 days of history, you would replace x with 5.
Do the replacements described above and then paste the following into your Custom CSS section.
*/
.past-incidents {"Past"}
.status-day:nth-child(n+7) { display:none; }
/*End Past Incidents */

/*-------------------------------------------------*/

/*change background color
*/
/*
body {
background-color: #fff;
color:purple
}
*/
  
 /*background-image: url(https://c.pxhere.com/photos/c1/e2/black_board_chalk_traces_school_learn_education_smeared_writing_board-1057578.jpg!d);
 background-color: #cccccc;
}
/*End background image */

/*-------------------------------------------------*/

/* 2 Column Layout */
/*.components-container {
color:purple
}
*/

/*.components-container {
  display: flex;
  flex-wrap: wrap;
}

.component-container {
  flex-basis: 50%;
}

.component-container:nth-child(even) {
  border-left: 0 !important;
}

.component-container:nth-child(2) {
  border-top: 1px solid #E0E0E0 !important;
}

/*-------------------------------------------------*/
a:hover, a:focus, .layout-content.status-index .page-footer span a:hover, a:focus, .layout-content.status-index .timeframes-container .timeframe:not(.active):hover, focus .layout-content.status-incident .subheader a:hover, a:focus{
  text-decoration: underline;
}
/*-------------------------------------------------*/

/* start Hide "Posted on" from main page */
/*div.update > small {display:none;}
/* end Hide "Posted on" from main page */

/*-------------------------------------------------*/