/* Grafika Ceskeho krasobruslarskeho svazu (czechskating.skating-results.live).
   Stejna paleta jako vysledkova tabule fsmResultsCks: tmava modra #011027,
   cerveny akcent #ed1c24, svetle modry podklad #eff5fa. Nacita se az po srl.css. */

:root {
  --navy: #011027;
  --blue: #283895;
  --sky: #009aff;
  --red: #ed1c24;
  --tint: #eff5fa;
  --line: #dbe4ef;
}

body {
  background-color: var(--tint);
  color: var(--navy);
  font-family: 'Open Sans', 'Segoe UI', Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* hlavicka: tmave modra s cervenou linkou */
.navbar-inverse {
  background-color: var(--navy);
  border-bottom: 3px solid var(--red);
  box-shadow: none;
}
.navbar-inverse .navbar-brand {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
}
.navbar-inverse .navbar-nav > li > a {
  color: rgba(255, 255, 255, .72);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: .06em;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  box-shadow: inset 0 -3px 0 var(--red);
}
.navbar-inverse .navbar-toggle { border-color: rgba(255, 255, 255, .35); }
.navbar-inverse .dropdown-menu { background-color: var(--navy); }
.navbar-inverse .dropdown-menu > li > a { color: rgba(255, 255, 255, .8); }
.navbar-inverse .dropdown-menu > li > a:hover {
  background-color: rgba(255, 255, 255, .12);
  color: #fff;
}

.logo-hlavicka h1 {
  color: var(--navy);
  text-transform: uppercase;
  letter-spacing: .02em;
  font-weight: 800;
}
.logo-hlavicka h1 small {
  text-transform: none;
  letter-spacing: 0;
  color: rgba(1, 16, 39, .55);
}
a { color: var(--blue); }
a:hover { color: var(--red); }
hr { border-top-color: var(--line); }
footer { color: rgba(1, 16, 39, .55); }

/* karty zavodu */
.zavod-karta {
  border: 1px solid var(--line);
  border-left: 4px solid var(--red);
  border-radius: 6px;
  box-shadow: none;
}
.zavod-karta:hover {
  box-shadow: 0 4px 14px rgba(1, 16, 39, .12);
  transform: none;
}
.zavod-karta h3 {
  color: var(--navy);
  text-transform: uppercase;
  letter-spacing: .01em;
  font-weight: 800;
}
.zavod-karta h4 {
  color: rgba(1, 16, 39, .58);
  font-weight: 600;
}
.zavod-karta .btn {
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
}
.btn-primary { background-color: var(--blue); border-color: var(--blue); }
.btn-primary:hover, .btn-primary:focus { background-color: var(--navy); border-color: var(--navy); }

/* online panel */
#nextToSkateInfo.alert,
#lastScoredPerformanceInfo.alert,
#competitionNotRunning.alert {
  border: 1px solid var(--line);
  border-left: 5px solid var(--red);
  border-radius: 6px;
  box-shadow: none;
}
#nextToSkateInfo.alert.bg-success { background: #fff; border-left-color: var(--red); }
#lastScoredPerformanceInfo.alert.bg-info { background: #fff; border-left-color: var(--blue); }
#nextToSkate, #lastScoredParticipant { color: var(--navy); }
#nextToSkatePointsTo1st { background: var(--navy); border-radius: 3px; }

/* tabulky */
table.dataTable thead,
table.table thead {
  background-color: var(--navy);
  border-bottom: 3px solid var(--red);
}
table.table.results,
table.dataTable {
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: none;
}
table.table > thead > tr > th {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .06em;
}
table.dataTable tbody tr.odd { background-color: var(--tint); }
table.dataTable.hover tbody tr:hover,
table.results tbody tr.performanceResult:hover { background-color: #dfeaf6; }
table.table > tbody > tr > td { border-top-color: var(--line); }
table.dataTable tbody tr.bg-info,
table#timeSchedule tbody tr.group { background-color: #dfeaf6; }
.results.dataTable span.badge.ranking { border-color: var(--navy); color: var(--navy); border-radius: 3px; }
.totalScore .badge, .TSS .badge { background-color: var(--blue); }
.totalScore .badge, .TSSA .badge { background-color: var(--red); }
.segment1 .badge, .TES .badge { background-color: var(--navy); }
#totalRank.badge, .segment2 .badge, .TCS .badge { background-color: var(--sky); }