/* Page Fonts */
*{font-family: "Aktiv Grotesk", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.header-wrapper {
  position: relative;
  height: 565px;
}
.header-section {
position: absolute;
width: 100%;
height: 97px;
left: 0px;
top: 0px;
background: linear-gradient(93.28deg, #000000 0%, #000000 101.73%);
}
.header-container {
    text-align:center;
    width: 45%;
    margin-top: 20px;
    margin-bottom: 25px;

}
/* banner class */
.jfrog-banner {
  position: absolute;
  width: 100%;
  height: 270px;
  left: 0px;
  top: 97px;
}
.jfrog-banner > img {
    background-size: 100% 100%;
    width: 100%;
    height: auto;
}
/*subscribe alignment*/
.updates-dropdown-container {
  top:20px
}
/*choose region*/
.choose {
position: absolute;
width: 100%;
height: 24.22px;
top: 419.43px;
font-family: Open Sans;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #000000;
text-align: center;
}
/* tab styling*/
.tab {
    position: absolute;
    width: 100%;
    height: 50px;
    top: 463.49px;
    display: flex;
    justify-content: center;
}
.tab > button {
width: 124.3px;
background: #FFFFFF;
margin-left: 5px;
}
/* Style the buttons inside the tab */
.tab button {
  background-color: #F6F6F6;
 /*  float: left;*/
border: 0.585713px solid #DADADA;
box-sizing: border-box;
border-radius: 1.17143px;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color:#686868;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
  background: #FFFFFF;
border: 0.585713px solid #40BE46;
border-radius: 1.17143px;
  color: #40BE46;
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
 /* border: 1px solid #ccc; */
  border-top: none;
}

/*Remove Space - between tab & operational*/
.layout-content.status .custom-header-container {
    overflow-wrap: break-word;
    margin-bottom: 0px;
}

/*All operational*/
.container-custom-com {
  max-width: 65% !important;
}
.page-status{

  width: 100%;
  float: left;


}
/*incident operational margin*/

.layout-content.status.status-index .page-status {
margin-bottom: 40px;
}
/*incident above margin*/
.layout-content.status .incidents-list {
 margin-top: 0px;
}
.components-section {
 width: 65%;
  float: left;
}

.component-statuses-legend {
  width: 35%;
    float: left;
    padding: 50px;
}

.legend-item {
  padding: 20px;
  font-size: 14px;
}

.incidents-list {
  float: left;
  width: 100%;
}

.scheduled-maintenances-container {
    float: left;
  width: 100%;
}

.page-footer {
  float: left;
  width: 100%;
}


/*
.check-mark{
	width:20px;
	height:20px;
	border-radius:50%;
	background-color:green;
	color:#fff;
	padding:5px;
}
*/
/*compenent border */
.component-container {
		 border-top-width: 1px !important}
/*component group*/
.updates-dropdown-container {position:absolute;top:30px;right:calc(20% + 135px); display:block !important;background-color:black; color:#1d8048 !important;padding:5px;outline:0;border-radius:5px}
.btn{
background-color:#40BE46; color:#fff !important;padding:5px;outline:0;top:30px}
/*background image on the top */
/*.bg-img{background-image:url('https://media.jfrog.com/wp-content/uploads/sites/13/2021/03/18131016/top_bck.png');padding-top:10px;background-size:cover}
.legend-item{display:inline;padding-right:20px}
.component-statuses-legend{display:flex;align-items:center;justify-content:center;padding:0px 0px 50px 0px;}*/

/*new code*/
/* Hide Uptime from component box in the main page*/
.legend-item.legend-item-uptime-value {display:none;}
.spacer {display: none;}


/*Display the operational icons*/

/*.component-statuses-icons{
  position: absolute;
  max-width: 44%;
    float: right;
    padding: 50px;
   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
}*/

/* Reduce the history*/
.status-day:nth-child(n+9) { display:none; }
a{color:black}
#show-updates-dropdown{color:#fff !important}
/*History status link & content */
.components-uptime-link {visibility:hidden
}.components-uptime-link a{
visibility:visible;padding-left:10px}
.components-uptime-link a:before{
  content:'Operation Status over the past 90 days';color:#aaaaaa; padding-right:20px}



/*Dashboard*/
.incident-wrapper{display:flex;justify-content:center}


.footer-container > a {
  color: white;
}

.container{
width:100%;padding:10px 50px;float:left;max-width:100%
}

.components-uptime-link > a{
font-size: 1.2em !important;

}

/* Footer section */
.page-footer{
  height:100px;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;margin:0;}
.page-footer span{margin-right:10px}
.page-footer a{color:#fff;margin-left:10px;
}
/*Changing Powered By font to black*/
.page-footer .color-secondary{color:#100101}