/* OlimpBase - players-ind numbers=no (city+flag + tourn + player flag) */

:root{
  --w-flag: 35px;
  --w-city: 200px;
  --w-tourn: 150px;
  --w-year: 70px;
  --w-system: 70px;
  --w-plrs: 40px;
  --w-pos: 60px;

  --w-pts: 40px;
  --w-gms: 40px;
  --w-plus: 30px;
  --w-eq: 30px;
  --w-minus: 30px;

  --w-elo: 50px;
  --w-elop: 50px;

  /* 15 kolumn w HTML:
     1 flag(host), 2 city, 3 tourn, 4 year, 5 system, 6 plrs, 7 pos,
     8 flag(player), 9 pts, 10 gms, 11 +, 12 =, 13 -, 14 Elo, 15 Elop */
  --w-years: calc(
    var(--w-flag) + var(--w-city) + var(--w-tourn) +
    var(--w-year) + var(--w-system) + var(--w-plrs) +
    var(--w-pos) + var(--w-flag)
  );

  --w-table: calc(
    var(--w-years) +
    var(--w-pts) + var(--w-gms) +
    var(--w-plus) + var(--w-eq) + var(--w-minus) +
    var(--w-elo) + var(--w-elop)
  );
}

.ob-wrap{
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table.ob{
  border-collapse: collapse;
  table-layout: fixed;
  width: var(--w-table);
  min-width: var(--w-table);
  max-width: none;
  background: #fff;
}

table.ob td, table.ob th{
  box-sizing: border-box;
  padding: 4px 6px;
  border: 1px solid #b9b9b9;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

table.ob td.t-center, table.ob th.t-center,
table.ob td.t-right,  table.ob th.t-right{
  white-space: nowrap;
}

.t-left{ text-align: left; }
.t-center{ text-align: center; }
.t-right{ text-align: right; }

td.flag img{
  display: block;
  margin: 0 auto;
}