/* Block For The Footer */

.header{

height:80px; 
  display:flex; 
  border-bottom: solid 8px; 
  border-image: linear-gradient(to right, #001938, #0098eb) 1;
  margin-bottom:20px;
}

.logo{
display:in-line block;
 width:150px;
  padding:20px 0 20px 40px; 
}

#headersubscribe{
  background-color:#0098eb; 
  padding:5px; 
  text-align:center; 
  width:100px; 
  display:in-line block; 
  height:35px; 
  right:2.5%; 
  border:0.5px white solid; 
  border-radius:5px; 
  font-weight:bold; 
  float:right; 
  position:absolute; 
  margin-top:20px;
  color:black;
}


.footer{
  text-align: center;
  background-color: #ffffff;
  padding: 20px;
  color: #474e66;
  font-size: 10px;
}

.footer {
  max-width: 1500px;
  margin: 0 auto;
}


/* 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 */

.updates-dropdown-container .show-updates-dropdown::after {
  content: "Subscribe";
}


/* Style for the button container */
.updates-dropdown-container {
    position: relative; 
    display: inline-block; 
}

/* Style for the dropdown content */
.updates-dropdown {
    display: none; 
    position: absolute; 
    left: auto; 
    right: 0; 

    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    min-width: 160px; 
    z-index: 1; 
}

.update strong {
    display: inline-block; 
    background-color: #0098EB; 
    color: #001938; 
    padding: 5px 15px; 
    border-radius: 5px;
    font-weight: bold; 
    text-align: center; 
    cursor: default; 
    border: none;
    margin-right: 10px;
}

.update.resolved strong {
    background-color: #06734F;
    color: #FFFFFF;
}

.update.identified strong {
    background-color: #CB8401;
    color: #FFFFFF; 
}