#header{padding:40px;}
.headercontainer{max-width:960px; margin:0 auto;}
#logo .updates-dropdown-container{padding-top:15px;}
#logo #trial-button{position:relative; float:right;}
.navigationbar{ position:relative;height: 35px; display: block; background-color: #19426C; left: 0; width: 100% }
.nav-tabs{ margin-top: 50px; padding-top: 15px; height: 61px; }
.nav-tabs ul{ zoom: 1; clear: both; list-style: none; height: 45px; border-bottom: 1px solid #E0E0E0; }
.nav-tabs li a { margin: 0; padding: 10px 15px; float: left; font-weight: 500 }
.nav-tabs li{ height: 100%; list-style: none; border: 1px solid #E0E0E0; vertical-align: center; float: left; position: relative; margin: 0; border-bottom: 0 !important; white-space: nowrap; }
#showTalendSecurity { display: none; padding-top: 40px; padding-left: 25px; }
#showTalendSecurity div{ padding-top: 25px; }
#showTalendSecurity ul { padding-left: 20px;} 
#showTalendSecurity li { list-style: square; } 
#showTalendSecurity span { font-weight:bold }

.layout-content.status .incidents-list{margin-top:absolute;}
body.history .custom-footer-container{display:none}
body.index .custom-footer-container{display:block !important;}
#custom-metrics {position:absolute;margin:0 auto;top:absolute;left:50%;}
#custom-metrics .aligned{position: relative; left: -50%;}
#past-metrics{padding-top:30px;auto;width:auto; border-style: solid;padding-bottom:30px;border-bottom-width: 1px;}
#past-metrics .old-metrics-data{width:100px;font-weight: 500;padding-bottom: 3px;margin-bottom: 10px;border-right:1px solid #ccc;display:inline-block;}
#past-metrics .old-metrics-data .timeline{border-style: solid;border-bottom-width: 1px;text-align:center}
#past-metrics .old-metrics-data .metric-value{padding-top:10px;text-align:center;color:#AAAAAB}
#metrics-data{table-layout: fixed; width: 100%;border: 1px solid #e9e9e9;border-collapse: collapse;
}
#metrics-data thead {vertical-align: middle;border-color: inherit; font-weight: 500 
}
#metrics-data tbody {vertical-align: middle;border-color: inherit
}
#metrics-data tr {border-bottom: 1px solid #e9e9e9; vertical-align: inherit;
}
#metrics-data td, th {min-width: 80px; vertical-align: inherit; text-align: -webkit-center;
}
#metrics-data td.datacenter, th.datacenter {padding: 1px 20px 1px 10px; width: 200px;white-space: nowrap;border-right: 1px solid #e9e9e9;text-align: left;font-weight: 500;
}
.statusbanner {
  margin-top: 15px;
  padding: 20px;
  background-color: #4e6170;
  color: white;
  margin-bottom: 15px;
}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}