.flat-table {
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 20px;
  border-collapse:collapse;
  font-family: "Raleway, serif";
  font-size: 10px;

  border: none;
              border-radius: 3px;
             -webkit-border-radius: 3px;
             -moz-border-radius: 3px;
}
.flat-table th, .flat-table td {
  box-shadow: inset 0 -1px rgba(0,0,0,0.25), 
    inset 0 1px rgba(0,0,0,0.25);
}
.flat-table th {
  text-align: center!important;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  padding: 1em;
  color: #fff;
  text-shadow: 0 0 1px rgba(0,0,0,0.1);
  font-size: 1.5em;
  text-align: center!important;
}
.flat-table td {
  color: #f7f7f7;
  padding: 0.7em 1em 0.7em 1.15em;
  text-shadow: 0 0 1px rgba(255,255,255,0.1);
  font-size: 1.4em;
}
.flat-table tr {
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
}
.flat-table-1 {
  background: #336ca6;
  text-align: center;
}
.flat-table-1 tr:hover {
  background: rgba(0,0,0,0.19);
}
.flat-table-2 tr:hover {
  background: rgba(0,0,0,0.1);
}
.flat-table-2 {
  background: #f06060;
  text-align: center;
}
.flat-table-3 {
  background: #52be7f;
  text-align: center;
}
.flat-table-3 tr:hover {
  background: rgba(0,0,0,0.1);
  
}