html, body {
    height: 100% !important;
}

/**custom header**/

.custom-header-bar {
    z-index: 1;
    text-align: center;
    position:fixed;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 15px;
    color: #6b6b6b; /* FONT COLOR */
    font-size: 14px;
    background-color: #191919;
    border-bottom: 1px solid #393939;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-links li {
    margin-right: 20px; /* Add spacing between links */
}

.header-links a {
    text-decoration: none;
    color: #6b6b6b;
}

.header-links a:hover {
    text-decoration: none;
    color: #2879db;
}
.social-icons a {
    text-decoration: none;
    color: #6b6b6b;
    margin-left: 10px; /* Add spacing between social icons */
}

.social-icons a:hover {
    text-decoration: none;
    color: #e6e6e6;

}
/* You can adjust the font colors, link styles, and sizes as needed */

/**consistent rounding/bg colour**/

.layout-content.status.status-index .page-status,
.layout-content.status.status-index .components-section .components-container.one-column,
.layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
    border-radius: 4px;
}

/** pill shape instead of square
.availability-time-line-graphic rect {
  rx: 4px;
}
**/
.layout-content.status.status-index .components-section .components-container.one-column,
.layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
    background: rgba(0, 0, 0, 0.3);
}


.custom-header-navigation {
    min-width: 520px;
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
    line-height: 23px;
    white-space: nowrap;
}

.custom-header-navigation li {
    display: inline-block;
    padding-right: 5px;
    height: 33px;
    vertical-align: top
}

.custom-header-navigation li:last-child {
    padding-right: 0
}

.custom-header-navigation a {
    padding: 5px;
    display: inline-block;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.custom-header-navigation a:hover {
    text-decoration: none
}

.custom-header-navigation h1 {
    font-size: inherit;
    display: inline-block;
    line-height: 0;
    margin: 0
}

.custom-header-navigation a {
    color: #f2f2f2; /* FONT COLOR */
}

.custom-header-navigation a:hover {
    color: #D9643A; /* LINK COLOR */
    text-decoration: none
}

/**custom header logo masthead**/
.custom-masthead {
    text-align: center;
}

	.logo-container {
	  padding-bottom:35px;
  padding-top:56px;
	  font-weight:700;
	  font-size:22px;
	  margin:auto;
	  max-width:100%;
	  width:700px;
	  
	}

/**set overall width**/
.container {
    max-width: 900px;
    padding-bottom:80px;

}

/**set spacing for Uptime over the past 90 days text**/
.layout-content.status.status-index .components-section .components-container.one-column, .layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
    margin-top: 7px;
}

/**hide powered by atlassian**/
	.page-footer.border-color.font-small {
margin-bottom:30px !important;
  display:none
	}
.layout-content.status .incidents-list {
    margin-top: 70px;
    margin-bottom: 30px;
}

/* center the text in the All systems operational text */
.layout-content.status.status-index .page-status.status-none {
    text-align: center;
}
.layout-content.status.status-index .page-status.status-maintenance {
    text-align: center;
}

.footer {

    color: #fff; /* Text color */
    padding-top: 40px;
    font-family: Arial, sans-serif;
    text-align: center;
    bottom: 0;
    width: 100%;
    position:fixed;

}

.footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-logo img {
    max-width: 100px;
      margin-right: 10px; /* Add some space between logo and copyright text */
    filter: brightness(0.4); /* Initial brightness */
    transition: filter 0.5s; /* Add a smooth transition for the filter property */  
}

.footer-logo a:hover img {
    filter: brightness(1); /* Change the brightness on hover (makes it appear brighter) */
}

.footer-logo img a:hover {
  color:#ffffff;
}
.footer-logo {
  color:#242424;
  padding-left:10px;
  padding-bottom:50px;
}


.footer-copyright {
    font-size: 12px;
  border-top:1px solid #393939;
  margin-top:12px;
      background-color: #191919; /* Dark background color */
    padding:7px;
    color: #6b6b6b; /* Copyright text color */
}

/**hide activate page yellow box bottom corner */
.activate-page-prompt {
  display: none !important;
}

/**hide the empty space in front of ITW Managed Services**/
.layout-content.status.status-index .components-section .component-container .group-parent-indicator {
  display: none;
}
.incidents-list{
display:none;

}
.no-incidents {
display:none;
}

.metrics-container {
  padding-bottom: 75px;
}

	/***********
	 * legend under components *
	 ***********/ 
.legend-item.legend-item-uptime-value {
  display:none;
}
.legend-item.legend-item-date-range {
  display:none;
}
.spacer {
  display:none;
}

/**rounded headers for incidents top**/

/**maintenance window requires setting bottom right and bottom left**/
.layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom:16px;

}
.layout-content.status.status-index .unresolved-incident.impact-maintenance .updates, .layout-content.status.status-index .scheduled-incidents-container {
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
.layout-content.status.status-index .unresolved-incident.impact-major .incident-title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}
.layout-content.status.status-index .unresolved-incident.impact-minor .incident-title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}
.layout-content.status.status-index .unresolved-incident.impact-critical .incident-title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.layout-content.status.status-index .unresolved-incident.impact-minor .updates, .layout-content.status.status-index .scheduled-incidents-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.layout-content.status.status-index .unresolved-incident.impact-major .updates, .layout-content.status.status-index .scheduled-incidents-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.layout-content.status.status-index .unresolved-incident.impact-critical .updates, .layout-content.status.status-index .scheduled-incidents-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.layout-content.status.status-index .unresolved-incident.impact-critical .updates, .layout-content.status.status-index .scheduled-incidents-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/**border around green status box**/
.layout-content.status.status-index .page-status.status-none {
    background-color: #14A34B;
    border: 2px solid #006400;
    padding-bottom:16px;
}
/* Media query for screens with a width of 768 pixels or less hide social icons */
@media (max-width: 331px) {
    .social-icons {
        display: none;
    }
}


@media (max-width: 430px) {
  .logo-container {
    padding-top:75px;
    }
}

/* Media query for screens 768px or less */
@media (max-width: 536px) {
    .logo-container img {
        /* Use the second logo for smaller screens */
        content: url('https://i.imgur.com/9mFcN1B.png');
        /* You may also adjust the width and height if needed */
    max-width:60%;
    }
}
/* Media query for screens with a width of 768 pixels or less hide social icons */
@media (max-width: 536px) {
    .custom-header-bar {
        position:absolute;
    padding-top:9px;
    }
}

/* Default styles for larger screens */
.custom-header-bar .header-links li:nth-child(1) a::before {
    content: "ITWeapons";
}

.custom-header-bar .header-links li:nth-child(3) a::before {
    content: "Incident History";
}

.custom-header-bar .header-links li:nth-child(4) a::before {
    content: "Contact ITW Support";
}

/* Media query for screens 768px or less */
@media (max-width: 768px) {
    .custom-header-bar .header-links li:nth-child(1) a::before {
        content: "ITW";
    }

    .custom-header-bar .header-links li:nth-child(3) a::before {
        content: "History";
    }

    .custom-header-bar .header-links li:nth-child(4) a::before {
        content: "Contact";
    }
}
/* Default footer text for larger screens */
.footer-copyright::before {
    content: "Copyright 2023 ITWeapons Inc. Information on this page will automatically refresh every 2 minutes. To report an issue, please contact the ITW Service Desk.";
}

/* Media query for screens 768px or less */
@media (max-width: 768px) {
    .footer-copyright::before {
        content: "2023 ITWeapons Inc., a division of Konica Minolta";
    }
}

/* Media query for screens with a width of 768 pixels or less hide social icons */
@media (max-width: 536px) {
    .footer-copyright {
    padding-bottom:15px;
    }
}
/**end media queries for small screens**/

.flat-button {
  background-color:#1da1f2;
}
/**fix padding on bottom of sheduled maintenance advisory box**/
.layout-content.status.status-index .page-status.status-maintenance {
padding-bottom:16px;
}
.layout-content.status.status-index .page-status .status {
    color: #fff;
    position: relative;
    top: 0px !important;
}

/** set the text align to center for the main status bar **/
.layout-content.status.status-index .page-status.status-minor {
  text-align: center !important;
}