body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
    font-size: small;
}

th,
td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
}

table tbody tr td:first-child {
    text-align: left;
    max-width: 130px;
}

.no-incidents {
	    display: none;
}

.updates {
	    max-height: 600px;
	    overflow: auto;
}

.status-circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
}

.status-icon {
 	   vertical-align: middle; 
}

#componentsTable .status-circle:hover::before {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 1;
}

#componentsTable .status-operational:hover::before {
    content: "Operational";
}

.status-operational {
    background-color: #A1D318;
}

#componentsTable .status-degraded-performance:hover::before {
    content: "Degraded Performance";
}

.status-degraded-performance {
    background-color: #E0DA20;
}

#componentsTable .status-partial-outage:hover::before {
    content: "Partial Outage";
}

.status-partial-outage {
    background-color: #EB8321;
}

#componentsTable .status-major-outage:hover::before {
    content: "Major Outage";
}

.status-major-outage {
    background-color: #F53131;
}

#componentsTable .status-under-maintenance:hover::before {
    content: "Under Maintenance";
}

.status-under-maintenance {
    background-color: #3498db;
}

.sample-row th {
    border: none;
    width: 100%;
}

.sample-row th span {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    font-weight: normal;
    padding-right: 10px;
    margin-right: 5px;
}

thead tr:first-child th {
    display: table-cell;
    width: 100%;
    text-align: center;
}

#headerTable {
    border-bottom: none;
}

#headerTable .status-text {
    margin-right: 20px;
}

.updates-dropdown-container {

    float: right;
}

.header-container {
    display: flex;

    margin: 0 auto;

}

.header-column {
    flex: 1;

}


#show-updates-dropdown {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    background-color: #3498db;
    /* Blue background color */
    color: #fff;
    /* White text color */
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-size: 0.75rem;
    line-height: 1.1625rem;
    font-weight: 500;
    text-transform: uppercase;
}


.image-logo {
    vertical-align: middle;
	    height: 40px;
    max-width: 100%;
 
    border: 0;

}

.nowrap-span {
  white-space: nowrap;
}

/*Override top operational banners*/
.layout-content.status.status-index .page-status.status-none {
  background-color: #007138;
}

.layout-content.status.status-index .page-status.status-minor {
  background-color: #FF8120;
}

.layout-content.status.status-index .page-status.status-major {
  background-color: #BA0003;
}

.layout-content.status.status-index .page-status.status-maintenance {
  background-color: #0359A6;
}

#show-updates-dropdown {
 background-color:  #291972;
}

#show-updates-dropdown:hover {
    background-color: #291972;
}

.flat-button, .masthead .updates-dropdown-container .show-updates-dropdown, .layout-content.status-full-history .show-filter.open {
  
   background-color: #291972 !important;
}