#table-container-table_filter {
margin: auto;
display: block flow;
text-align: center;
}
.form-control {
width:50%;
}

#table-container-table_info{
    text-align: center
}
#table-container > p:nth-child(2) {
    text-align: center
}
.text-right {
    text-align: center
}

#table-container-table{
    padding: 1%;
    margin: auto;
}
tbody  {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;

    font-family: Arial;
    min-width: 1%;

    text-align: center;
    border-radius: 5px;
    overflow:hidden;
}


h1 {
    text-align: center;
    font-family: Arial;
}
h4 {
    text-align: center;
    font-family: Arial;
}


.styled-table th {
   
    color: black;
    text-align: center;
    font-size: 20px;
    background-color:#bae6ff;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    
}

.styled-table thead th:active {
background-color: white;
transition: .1s;
}

.styled-table th,
.styled-table td {
    padding: .5em;
    
    
}
a {
  color: rgb(22, 6, 255);
}

.styled-table tbody tr {
    border-bottom: 1px solid rgb(0, 0, 0);
}



.styled-table tbody tr:last-of-type {
    border-bottom: 1px solid rgb(177, 177, 177);}

tr:nth-child(2n+3){
    background-color: #eefaff;
}
tr:nth-child(1)>td{
    background-color: #eefaff;
}
tr:nth-child(2n+2){
  background-color: #ffe0e7;
}

.CellComment{
  display:none;
  position:absolute; 
  z-index:100;
  border:1px;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:red;
  padding:3px;
  color:red; 
  top:20px; 
  left:20px;
}

.CellWithComment:hover span.CellComment{
  display:block;
}