.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:8px 9px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:8px 9px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top;align-content: center;}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}

.html { background-color: #f1f1f1f; } 
.body {
    min-height: 100vh;
    max-width: 700px; 
    margin: 0 auto;
}
.nc-inlinecheckbox {

    float: left;
    width: 100%;
    }

.nc-inlinecheckbox label {
    display: inline;  
    padding: 5px ;
    white-space: nowrap;  
    text-align: center;
    }

.nc-wrapper {
  margin-right: auto; /* 1 */
  margin-left:  auto; /* 1 */ 
  max-width: 600px; /* 2 */  
  padding-right: 10px; /* 3 */ 
  padding-left:  10px; /* 3 */
  border: 1px solid #c3c3c3; 
  border-radius: 15px; 
  padding: 20px; 
  box-shadow: 0 0 10px #000;
  border:1px solid #fff;
  background: #fff; 
  height: auto; align-content: center;
 margin-top:  50px /* half of you height */
}

.nc-wrapper table 
{ 
  width:100%;
}


.tcss-code01 {  
  border: 3px solid #c3c3c3;
  display: flex;
  flex-wrap: wrap; 
  align-content: center;
} 
.tcss-code02 {  
  border: 1px solid #c3c3c3;
  float: right; 
    margin-right: 0px; 
    font-size: 12px;  
} 
/* Style the tab */
.tab {
 
  overflow: hidden;
 
}
.tablinks{
 
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;  
  align-content: center;
}
.tabcenter {
  margin: auto;
  width: 50%; 
  padding: 0px;
}
.tabcenter img {
  border-radius: 90%;
}

.tabcenter a:link{
color: green;
}
.tabcenterAlink {
color: green;
text-decoration: underline;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;  
  cursor: pointer;
  padding: 14px ;
  transition: 0.3s;
  font-size: 17px;
}

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

/* Create an active/current tablink class */
.tab button.active {
 color: green;
 text-decoration: underline;
}


/* Style the buttons inside the tab */
.tabrd button {
  background-color: inherit;  
  cursor: pointer;
  padding: 14px ;
  transition: 0.3s;
  font-size: 17px;
    border: 1px solid #c3c3c3; 
  border-radius: 15px; 
  padding: 20px; 
  box-shadow: 0 0 10px #000;
  
}

/* Change background color of buttons on hover */
.tabrd button:hover {
  background-color: #ddd; 
  text-decoration: underline;
}

/* Create an active/current tablink class */
.tabrd button.active {
 color: green;
 text-decoration: underline;
}



/* Style the tab content */
.tabcontent {
  display: none;
  padding: 12px 12px;  
  animation: fadeEffect 0.5s; /* Fading effect takes 1 second */
}
/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}