#table_style {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
  #table_style td, #table_style th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align:center;
  }
  
  #table_style tr:nth-child(even){background-color: #f2f2f2;}
  
  #table_style tr:hover {background-color: #ddd;}
  
  #table_style th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04AA6D;
    color: white;
  }


 .table_style {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
  .table_style td, #table_style th {
    border: 1px solid #ddd;
    padding: 8px;
    /*text-align:center;*/
  }
  
  .table_style tr:nth-child(even){background-color: #f2f2f2;}
  
  .table_style tr:hover {background-color: #ddd;}
  
  .table_style th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04AA6D;
    color: white;
  }

  
  .hb_button {
    display: inline-block;
    padding: 15px 25px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #4CAF50;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
  }
  
  .hb_button:hover {background-color: #3e8e41}
  
  .hb_button:active {
    background-color: #3e8e41;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
  }

  #right_bar{
    z-index:1;position:fixed;right:10px;top:200px;
  }
  
  .hb_c{
    text-align:center;
  }
  .hb_r{
    text-align:right;
  }
  .hb_b{
    font-weight:bold;
  }