/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-weight: 500;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.layout-content.status .masthead-container .masthead {
  margin-bottom: 0;
  padding-bottom: 70px;
}

.layout-content.status.status-index .scheduled-maintenances-container {
  margin: 20px;
}

.layout-content.status .incidents-list {
  margin: 20px;
}

body {
   height: 100%;
   background-color: #010101;
}

 .status {
  background: url(https://www.netskope.com/wp-content/uploads/2020/11/V1-header-background-image-1600x1000-White.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-sizing:border-box;
}

.masthead-container {
    background: white;
    padding: 20px;
}

.layout-content.status .masthead-container.basic {
  max-width: 1140px;
}

.container {
  background: white;
  max-width: 1140px;
  padding-bottom: 40px;
}

.layout-content.status.status-index .unresolved-incidents {
  margin-bottom: 0px;
}

.layout-content.status.status-incident > .container {
  background: white;
  max-width: 1140px;
  padding: 20px;
}

.layout-content.status.status-incident > .container {
  margin-top: 0px;
  margin-bottom: 0px;
}

.layout-content.status.status-index .scheduled-maintenances-container {
  margin: 0px;
  padding-bottom: 30px;
}

.unresolved-incident {
  padding-bottom: 30px;
}

.subscribe {
  display: none;
}

#Maintenance .incident-title .font-large{
  background-color: #00A9CE;
}

.layout-content.status.status-index .unresolved-incident.impact-minor .incident-title, .layout-content.status.status-index .scheduled-incidents-container {
  background-color: #00A9CE;
  border-color: #00A9CE;
}

.layout-content.status.status-index .unresolved-incident.impact-minor .updates, .layout-content.status.status-index .scheduled-incidents-container {
  border-color: #00A9CE;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title a, .layout-content.status.status-index .incidents-list .incident-title.impact-major a {
  color: #00A9CE;
}

.layout-content.status.status-index .unresolved-incident.impact-major .incident-title {
  background-color: #00A9CE;
  border-color: #00A9CE;
}

.layout-content.status.status-index .unresolved-incident.impact-major .updates{
  border-color: #00A9CE;
}

.nskp-section {
  border-bottom: 1px;
    border-style: solid;
    margin-bottom: 15px;
    border-color: #e0e0e0;
}

#Incidents.tabcontent div.incidents-list.format-expanded div.unresolved-incidents div.unresolved-incident.impact-none div.incident-title.font-large{
  background-color: #00A9CE;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container {
    width: 100%;
    float: none;
    border-bottom-width: 0px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-left-width: 1px !important;
}

#nslinks a:link {
	color: #0000EE;
	text-decoration: underline;
	cursor: auto;
}
#nslinks a:hover {
	cursor: pointer;
}
#nslinks a:visited {	color: #551A8B;
text-decoration: underline;
cursor: auto;
}
#nslinks a:link:active 	{color: (internal value);}
	
#nslinks a:visited:active { 	color: (internal value);}

.layout-content.status-index .status-day .update-title.impact-none a,
	.layout-content.status-index .status-day .update-title.impact-none a:hover,
	.layout-content.status-index .timeframes-container .timeframe.active,
	.layout-content.status-full-history .month .incident-container .impact-none,
	.layout-content.status.status-index .incidents-list .incident-title.impact-none a,
	.incident-history .impact-none, .layout-content.status .grouped-items-selector.inline .grouped-item.active,
	.layout-content.status.status-full-history .history-nav a.current,
	.layout-content.status.status-full-history .history-nav a:not(.current):hover,
	div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label,
	#uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link
	{
	color: #f1c40f;
}

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M8C8HNR');</script>
<!-- End Google Tag Manager -->