.tab {overflow: hidden;
}

.tabcontent {display: none; padding: 30px 0;}
    
.tab button {background-color: inherit; float: left; border: none;
    outline: none; cursor: pointer; padding: 14px 16px; 
    transition: 0.3s;}
    
.tab button:hover {background-color: #000;
color: #fff;
}

.tablinks{
text-transform: uppercase;
font-weight: 700;
margin: 0 2px;
border: 2px solid #ccc;
margin-bottom: -2px;
position: relative;
z-index: 100 !important;

}


.tab .active {
border-top: 2px solid #000000 !important;
border-right: 2px solid #000000 !important;
border-left: 2px solid #000000 !important;
background: #dcdcdd;
position: relative;
z-index: 100 !important;
}




.actived a{color:green}
.actived a:hover{ font-weight: bold}

.deactivated a{color:red}
.deactivated a:hover{ font-weight: bold}

.available {color:green; }
.disable{ color: red; font-weight: bold}
.intraining{color: blue; font-weight: bold}
.vacation{ font-weight: bold}


.tab-pane{
border-top: 2px solid #000;
margin-top: -2px;
}