/* Dynamic individual statistics table for indbase_alltime */

:root {
  --as-grid: #a9a9a9;
  --as-head-bg: #eeeecc;
  --as-cell-bg: #f2f2f2;
  --as-font: 10pt Georgia, Arial;
  --as-row-title-h: 34px;
  --as-row-h: 22px;

  --as-w-no: 40px;
  --as-w-name: 230px;
  --as-w-team: 70px;
  --as-w-flag: 38px;
  --as-w-ap: 45px;
  --as-w-years: 230px;
  --as-w-pts: 52px;
  --as-w-gms: 52px;
  --as-w-plus: 38px;
  --as-w-eq: 38px;
  --as-w-minus: 38px;
  --as-w-pct: 50px;
  --as-w-medals: 80px;

  --as-at-row-head-h: 28px;
  --as-at-row-player-h: 26px;
  --as-at-w-pos: 35px;
  --as-at-w-name: 220px;
  --as-at-w-flag: 35px;
  --as-at-w-year: 40px;
  --as-at-w-gap: 1px;
  --as-at-w-pld: 30px;
  --as-at-w-place: 30px;

  --as-bc-row-country-h: 35px;
  --as-bc-row-head-h: 25px;
  --as-bc-row-player-h: 20px;
  --as-bc-row-sep-h: 3px;
  --as-bc-w-event: 170px;
  --as-bc-w-pos: 50px;
  --as-bc-w-player: 280px;
  --as-bc-w-total: calc(var(--as-bc-w-event) + var(--as-bc-w-pos) + var(--as-bc-w-player));
  --as-bc-w-country-flag: 50px;
  --as-bc-w-country-name: 200px;
  --as-bc-w-country-pad: 25px;
  --as-bc-w-country-medals: calc(var(--as-bc-w-total) - var(--as-bc-w-country-flag) - var(--as-bc-w-country-name) - var(--as-bc-w-country-pad));

  --as-bcm-row-head-h: 22px;
  --as-bcm-row-item-h: 20px;
  --as-bcm-w-pos: 35px;
  --as-bcm-w-fed: 200px;
  --as-bcm-w-code: 40px;
  --as-bcm-w-flag: 35px;
  --as-bcm-w-med: 50px;
  --as-bcm-w-total: calc(var(--as-bcm-w-pos) + var(--as-bcm-w-fed) + var(--as-bcm-w-code) + var(--as-bcm-w-flag) + 3 * var(--as-bcm-w-med));
}

#as-wrap {
  width: 100%;
  text-align: center;
}

.as-table {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 1px;
  background: var(--as-grid);
  font: var(--as-font);
  text-align: center;
}

.as-table td {
  background: var(--as-cell-bg);
  height: var(--as-row-h);
  padding: 1px 4px;
  box-sizing: border-box;
  vertical-align: middle;
}

.as-head td {
  background: var(--as-head-bg) !important;
  font-weight: bold;
}

.as-title td {
  background: var(--as-head-bg) !important;
  height: var(--as-row-title-h);
  text-align: center;
}

.as-title-cell {
  height: var(--as-row-title-h);
  line-height: var(--as-row-title-h);
  padding-top: 0;
  padding-bottom: 0;
}

.as-title-lbl {
  font: 10pt Georgia, Arial;
  color: gray;
  font-weight: bold;
}

.as-sort {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

.as-hlbl {
  display: inline-block;
}

.as-arr {
  display: inline-block;
  color: #777;
  font-size: 8px;
  line-height: 1;
  vertical-align: middle;
}

.as-arr.as-up {
  margin-right: 4px;
}

.as-arr.as-down {
  margin-left: 4px;
}

.as-arr.as-on {
  color: #777;
}

.as-arr.as-hidden {
  visibility: hidden;
}

.as-c-no { width: var(--as-w-no); }
.as-c-name { width: var(--as-w-name); text-align: center; }
.as-c-team { width: var(--as-w-team); }
.as-c-flag { width: var(--as-w-flag); }
.as-c-ap { width: var(--as-w-ap); }
.as-c-years { width: var(--as-w-years); }
.as-c-pts { width: var(--as-w-pts); }
.as-c-gms { width: var(--as-w-gms); }
.as-c-plus { width: var(--as-w-plus); }
.as-c-eq { width: var(--as-w-eq); }
.as-c-minus { width: var(--as-w-minus); }
.as-c-pct { width: var(--as-w-pct); }
.as-c-medals { width: var(--as-w-medals); }

.as-c-name a {
  text-decoration: none;
  color: blue;
}

.as-c-name a:hover {
  font-weight: bold;
}

.as-c-flag img {
  vertical-align: middle;
}

/* Static medal table: <event>-alltime.html */
.as-at-table {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 1px;
  border: 0 !important;
  background: var(--as-grid);
  text-align: center;
}

.as-at-table td {
  box-sizing: border-box;
  vertical-align: middle;
  background: var(--as-cell-bg);
  height: var(--as-at-row-player-h);
  padding: 1px 4px;
  border: 0;
}

.as-at-head td {
  background: var(--as-head-bg);
  height: var(--as-at-row-head-h);
  font-weight: bold;
}

.as-at-pos { width: var(--as-at-w-pos); }
.as-at-name { width: var(--as-at-w-name); }
.as-at-flag { width: var(--as-at-w-flag); }
.as-at-year { width: var(--as-at-w-year); }
.as-at-gap { width: var(--as-at-w-gap); }
.as-at-table td.as-at-gap {
  padding: 0;
  min-width: 0;
}
.as-at-pld { width: var(--as-at-w-pld); }
.as-at-place { width: var(--as-at-w-place); }

/* Positions by Country: <event>-by-country.html */
.as-bc-country-table {
  width: var(--as-bc-w-total);
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--as-grid) !important;
  background: var(--as-head-bg);
  text-align: center;
}

.as-bc-country-row td {
  height: var(--as-bc-row-country-h);
  background: var(--as-head-bg) !important;
  border: 0;
  box-sizing: border-box;
  vertical-align: middle;
}

.as-bc-country-flag { width: var(--as-bc-w-country-flag); }
.as-bc-country-name { width: var(--as-bc-w-country-name); }
.as-bc-country-medals { width: var(--as-bc-w-country-medals); }
.as-bc-country-pad { width: var(--as-bc-w-country-pad); }

.as-bc-table {
  width: var(--as-bc-w-total);
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 1px;
  border: 0 !important;
  background: var(--as-grid);
  text-align: center;
}

.as-bc-table td {
  box-sizing: border-box;
  vertical-align: middle;
  background: var(--as-cell-bg);
  padding: 1px 4px;
  border: 0;
}

.as-bc-head-row td {
  height: var(--as-bc-row-head-h);
  background: var(--as-head-bg);
  font-weight: bold;
}

.as-bc-player-row td {
  height: var(--as-bc-row-player-h);
}

.as-bc-event {
  width: var(--as-bc-w-event);
}

.as-bc-pos {
  width: var(--as-bc-w-pos);
  text-align: center;
}

.as-bc-player {
  width: var(--as-bc-w-player);
}

.as-bc-sep {
  height: var(--as-bc-row-sep-h);
  line-height: var(--as-bc-row-sep-h);
  padding: 0;
  background: var(--as-head-bg) !important;
  background-color: var(--as-head-bg) !important;
}

/* Medal table by country */
.as-bcm-table {
  width: var(--as-bcm-w-total);
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 1px;
  border: 0 !important;
  background: var(--as-grid);
  text-align: center;
}

.as-bcm-table td {
  box-sizing: border-box;
  vertical-align: middle;
  background: var(--as-cell-bg);
  border: 0;
  padding: 1px 4px;
}

.as-bcm-head-row td {
  height: var(--as-bcm-row-head-h);
  background: var(--as-head-bg);
  font-weight: bold;
}

.as-bcm-row td {
  height: var(--as-bcm-row-item-h);
}

.as-bcm-pos { width: var(--as-bcm-w-pos); }
.as-bcm-fed { width: var(--as-bcm-w-fed); }
.as-bcm-code { width: var(--as-bcm-w-code); }
.as-bcm-flag { width: var(--as-bcm-w-flag); }
.as-bcm-med { width: var(--as-bcm-w-med); }