/* Autor: Dr. Hubert Tausch  */
/* biomatica Dr. Tausch GmbH */
/* All rights reserved       */
/* Stand: 12.02.2024         */

/* Style the registers := tabs */

.edu_regs {
  overflow: hidden;
  border: 1px solid #ccc; 
  background-color: #f1f1f1;
}

/* .tab { overflow: hidden; border: 1px solid #c0c0c0; background-color: #f1f1f1; }*/
.tab { overflow-x: auto; white-space: nowrap; border: 1px solid #c0c0c0; background-color: #f1f1f1; }

/* Style the buttons that are used to open the tab content */
.tab button {
  height: 100%;	
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0px 10px;
  transition: 0.3s;
  color: #0070C0;
}

/* 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;
  font-weight: bold;
  border-bottom: 2px solid #0070c0;
  position: relative;
  z-index: 1;
}

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

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}