body {
  background-color: #dededf;
 font-family: sans-serif;
}

.table_component {
    overflow: auto;
    width: 100%;
}

.table_component table {
  border-style: solid;
  border-width: 10px;
  border-bottom-color: #dededf;
  border-right-color: #dededf;
  border-left-color: #949495;
  border-top-color: #949495;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0px;
  text-align: center;
}

.table_component caption {
    caption-side: top;
    text-align: center;
}

.table_component th {
  
  border-style: solid;
  border-width: 10px;
  border-top-color: #dededf;
  border-left-color: #dededf;
  border-right-color: #949495;
  border-bottom-color: #949495;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
    text-align: center;
  
    
    
}
.table_component th:hover {
     border-style: solid;
  border-width: 10px;
  border-bottom-color: #dededf;
  border-right-color: #dededf;
  border-left-color: #949495;
  border-top-color: #949495;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
    text-align: center;
    


    
}

.table_component td {
    border-style: solid;
  border-width: 10px;
  border-bottom-color: #dededf;
  border-right-color: #dededf;
  border-left-color: #949495;
  border-top-color: #949495;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
    

 
    
}