/*removes the excessive top 60px margin */
.layout-content.status .custom-header-container {
  margin-top: -30px;
}

/*Adding Some spacing between top logo and system status */
.container {
padding-top:15px
}

/*get the status legend to show up*/
.layout-content.status.status-index .components-section .components-container.one-column + .component-statuses-legend {
    display: block;
}

/*get the checkmarks to show up*/
.layout-content.status.status-index .components-section .components-container.one-column .component-container .icon-indicator {
    display: block;
}

/*Sets the formatting for the newComponentTable*/
.newComponentTable {
    width: 100%;
    border-left: 1px solid #DFE1E6;
    border-right: 0px solid #DFE1E6;
    border-top: 1px solid #DFE1E6;
    border-bottom: 0px solid #DFE1E6;
    margin-left: auto;
    margin-right: auto;
}

.newComponentTable td {
    border-left: 0px solid #DFE1E6;
    border-right: 1px solid #DFE1E6;
    border-top: 0px solid #DFE1E6;
    border-bottom: 1px solid #DFE1E6;
    padding: 1.4rem 1.25rem 1.3rem;
    text-align: center;
}

.newComponentTable td:nth-child(1) {
    text-align: left;
}

.newComponentTable thead {
    font-weight: 500;
}
.status-Operational {
    color: #2CA01C;
}

.status-Degraded {
    color: #f1c40f;
}

.status-Partial {
    color: #e67e22;
}

.status-Major {
    color: #F25A52;
}

.status-Maintenance {
    color: #3498D8;
}

/* overrides color of legend to be Intuit Green */
  .layout-content.status-index .components-statuses .component-container.status-green:after, .status-green .icon-indicator, .components-container .component-inner-container.status-green .component-status, .components-container .component-inner-container.status-green .icon-indicator
  {
      color: #2CA01C
  }

/* Adjusts the bottom of the QBO Logo Container */
.layout-content.status .masthead-container.basic .masthead{
    margin-bottom: 15px;
}

/* Adjusts the bottom of the Systems GO container */
.layout-content.status.status-index .page-status.status-none {
    margin-bottom: 30px;
}

/* Adjusts the bottom of the Need Help Container */
.layout-content.status.status-index .text-section{
    margin-bottom: 40px;
}

/*Adjusts the legend for Incidents further up*/
.layout-content.status.status-index .components-section .component-statuses-legend{
    margin-top: 10px;
}

/*Adjusts the Past Incidents to be further up */
.layout-content.status.status-index .components-section{
    margin-bottom: 30px;
}
.layout-content.status .incidents-list{
    margin-top: 40px;
}

/*Moves the footer closer to the incident list */
body.status .layout-content.status .border-color, hr, .tooltip-base, .markdown-display table, #uptime-tooltip .tooltip-box{
    margin-top: 40px;
    margin-bottom: 10px;
}

/*Condenses Past Incidents */
.layout-content.status .incidents-list.format-expanded .status-day{
    margin-top: 10px;
    margin-bottom: 10px;
}
.layout-content.status .incidents-list.format-expanded .status-day .date{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px;
}

/*Underlines links to make them more obvious*/
a:hover, a:active {text-decoration: underline;}

/*On Hover gives pointer icon*/
a:hover {
    cursor: pointer;
}

.custom-header-container {
margin-bottom: 0px;
}