/* Style the tab */
.res_tab {
overflow: hidden;
border: 1px solid #3d3d37;
background-color: #3d3d37;
}
    
.res_bit form {
display: inline;
}
    
/* Style the buttons that are used to open the tab content */
.res_tab button {
background-color: #585f5a;
background-image: none;
border-radius: 0;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 5px 10px;
transition: 0.3s;
font-size: 14pt;
font-weight: bold;
width:20%;
}
    
/* Change background color of buttons on hover */
.res_tab button:hover {
background-color: #81b487;
color:#3d3d37;
}
    
/* Create an active/current tablink class */
.res_tab button.active {
/* background-color: #dadbda; */
border-bottom: 3px solid #3d3d37;
/* font-weight: 600; */
}
    
/* Style the tab content */
.res_tabcontent {
background: #3d3d37;
padding: 6px 12px;
border: 1px solid #3d3d37;
border-top: none;
animation: fadeEffect 1s; /* Fading effect takes 1 second */
    }
    
/* Go from zero to full opacity */
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
    
.res_ausgabe {
display: flex;
flex-wrap: wrap;
}
    
.res_ausgabe h1 {
flex-basis: 100%;
text-align: center;
}
    
.res_ausgabe .res_bit {
flex-grow: 1;
width: 33%;
margin: 1px; }

.resuserentry{
background-color: #474740;
padding:5px;
text-align:justify;}

.res_ausgabe .res_bit h3{
text-align: center;
background-color: #81b487;
color:#3d3d37;
margin: 1px;
}

.res_add {
display: flex;
flex-wrap: wrap;
justify-content: center;    }

.res_add h2 {
flex-basis: 100%;
text-align:center;
}
    
.res_add_save {
flex-basis: 100%;
text-align: center;    }

.res_mod {
background: #3d3d37;
padding: 6px 12px;
border: 1px solid #3d3d37;
border-top: none;  }
    
.res_add_inputs, .res_add_select {
/* flex-grow: 1; */
margin: 5px 25px;}
    
.res_add_inputs {
text-align: right;}    

.resboxtext{
width:auto;
height:auto;
padding:20px 30px;
text-align:justify;
font-size:13pt;}