/*таблицы*/
.t {background-color: gray;}
.t td, .t th{background-color: white;}
/*черезстрочная таблица*/
.zebra {margin: 0 -2em; width: calc(100% + 4em); counter-reset:trnumber}
.zebra tr td{counter-increment: trnumber;}
#zebra {margin: 0; width:100%;}
li .zebra {margin: 0; width: auto;}
.zebra th {
  font-weight: normal;
  font-size: 1.2em;
  background: #666;
  color: #DDD;
  padding: 10px 15px;
  text-align: left;
}
.zebra th a{color: white;}
.zebra td {
  color: #669;
  border-top: 1px solid #e8edff;
  padding: 10px 15px;
}
.zebra tr:nth-child(2n) {background: #eee;}
@media screen and (max-width: 600px) {
.zebra th {
  font-weight: normal;
  font-size: 80%;
  padding: 4px;
  text-align: left;
}
.zebra td {
 font-size: 80%;
  border-top: 1px solid #e8edff;
  padding: 4px;
}}

/*Большая таблица*/

.longtable
{
    font-size: 60%;
}
@media screen and (max-width: 1800px) {
.longtable
{
    font-size: 50%;
}
}
@media screen and (max-width: 1600px) {
.longtable
{
    font-size: 40%;
}
}
@media screen and (max-width: 1200px) {
.longtable
{
    font-size: 30%;
}
}
/*гибкая таблица*/
.flex_table { 
  width: 100%; 
  border-collapse: collapse; 
}
.flex_table tr:nth-of-type(odd) { 
  background: #eee; 
}
.flex_table th { 
  background: #04497D; 
  color: white; 
  font-weight: bold; 
}
.flex_table td, .flex_table th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
  font-size: 80%;
}