/*Tabs*/
.tabs {
  margin-top: 20px;
  padding: 0 10px;
}
.tabs input {
  display: none;
}
.tabs label {
  display: inline-block;
  padding: 3px 0 3px 0;
  margin: 0 -2px;
  width: 33%; /* =100/tabs number */
  border-bottom: 1px solid #000;
  text-align: center;

}
.tabs label:hover {
  cursor: pointer;
}
.tabs input:checked + label {
  border: 1px solid #000;
  border-width: 1px 1px 0 1px;
	color: white;
	background-color: slategrey;
}
.tabs #tab1:checked ~ .content #content1,
.tabs #tab2:checked ~ .content #content2,
.tabs #tab3:checked ~ .content #content3
{
  display: block;
}
.tabs .content > div {
  display: none;
  padding-top: 10px;
  text-align: left;
  /*height: 192px;*/
  overflow: visible;
}
.tabs2 {
  margin-top: 20px;
  padding: 0 10px;
}
.tabs2 input {
  display: none;
}
.tabs2 label {
  display: inline-block;
  padding: 3px 0 3px 0;
  margin: 0 -2px;
  width: 33.3%; /* =100/tabs number */
  border-bottom: 1px solid #000;
  text-align: center;

}
.tabs2 label:hover {
  cursor: pointer;
}
.tabs2 input:checked + label {
  border: 1px solid #000;
  border-width: 1px 1px 0 1px;
	color: white;
	background-color: slategrey;
}
.tabs2 #tab5:checked ~ .content2 #content5,
.tabs2 #tab6:checked ~ .content2 #content6,
.tabs2 #tab7:checked ~ .content2 #content7
{
  display: block;
}
.tabs2 .content2 > div {
  display: none;
  padding-top: 10px;
  text-align: left;
  /*height: 192px;*/
  overflow: visible;
}