/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 09.08.2024, 20:29:30
    Author     : robert
*/

 /* Style the tab */
.tab {
  overflow: hidden;
  border: none;
  background-color: rgb(255, 251, 255);
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

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

/* Create an active/current tablink class */
.tab button.active {
  background-color: rgb(222, 199, 255);
}

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


.tab > button {
    padding: 5px;
}
.tab > button > * {
    width: 80px;
    border: 1px solid black;
    border-radius: 5px;
}
.tab > button > label {
    padding: 14px 0px;
    display: block;
    height: 24px;
    font-size: 20px;
    margin-bottom: 3px;
}

.tabcontent {
    position: fixed;
    height: calc(100% - 137px);
    width: calc(80% - 2px);
    padding: 5px 0px 0px 0px;
    border-radius: 5px;
    margin-top: -5px;
}
.tabcontent > div {
    height: calc(100% - 0px);
    overflow: auto;
    z-index: 1;
    position: relative;
}
.tabcontent > div > img {
    margin-bottom: -5px;
}