/* Style the tab */
.tab {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  background-color: white;
  position:sticky; 
/*  position: -webkit-sticky; */
  top:0px;
	z-index: 10;
}

/* Style the buttons inside the tab */
.tab button {
/*  background-color: white;*/
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 6px;
  transition: 0.3s;
  font-size: 16px;
  border-right: #ccc solid;
  border-right-width: 1px;
  /*border-right-style: solid;*/
  border-radius: 5px 5px 0px 0px;
  width: 125px;
  white-space: normal;
  height: 60px;
  letter-spacing:0.5px;
	margin-right: 2px;
	margin-bottom: 2px;
}

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

/* Create an active/current tablink class */
.tab button.active {
  color: white;
  background-color: rgb(225, 15, 33);

}

.active {
  color: white;
  background-color: rgb(225, 15, 33);

}

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

@media only screen and (max-width: 500px ) {
	
.tab button.active {
	    width: -webkit-fill-available;	
}

.tab button {
	    width: -webkit-fill-available;	
}
	
.tab {position: static;}


	
}