@media screen and (max-device-width: 812px) {
  .navbar-nav .dropdown:last-of-type .dropdown-menu {
    left: -75%;
  }
  a[href="/login"] img {
    width: 100%;
  }
  .hom { visibility: hidden; clear: both; float: left; display: none; }
  .nav-mobile { font-size: 18px; }
  .nav-icon-mobile { padding-top: 1px; padding-bottom: 0px; font-size: 26px; }
}

html { font-size: 14px; }
table { font-size: 14px; }
a  { text-decoration: none; }
a:hover { text-decoration: underline; }
.link-dark a { color: black; }
.heat-result td:nth-of-type(odd) { background:rgba(0, 0, 0, 0.05); }
.heat-result tbody { font-family: sans-serif; }
.heat-result tfoot { font-family: sans-serif; }
/*.heat-result th:nth-of-type(odd) { background:rgba(0, 0, 0, 0.05); }*/
/*table.fix-header > thead > tr > th { position: sticky; top: 0px; background: white; }*/
table.fix-header > tbody > tr > th { position: sticky; left: 0px; z-index: 1; background: white; }
table.fix-header > tfoot > tr > th { position: sticky; left: 0px; z-index: 1; background: white; }
table.table-rank td { text-align: center; }
.p { display: none }
.g { display: none }
.ig { display: none }
.best-stint-lap  { background: #0dcaf0!important; }
.best-race-lap { background: #df73ff!important; }
.joker-lap { background: #f0c577!important; }
.bg-tag { background: #9440c8!important; }
.stat-dd { display: inline-block; }
.stat-dd-btn { border-radius: 0.5rem; border: 1px solid black; }
.pitstop_time_editable { color: rgb(255, 193, 7)!important; border-bottom-color: rgb(255, 193, 7)!important; border-bottom-style: dashed!important;  }
span.kart { width: 32px; }
a.editable, a.editable:hover { color: black; border-bottom-color: black; }
.favorite { background-color: rgb(210, 244, 234)!important }
/* .favorite { border-left: 1px solid black; border-right: 1px solid black; } */
.time-bar {
  margin: 2px auto;
  height: 15px;
  width: 2px;
  float: left;
 }
.time-bar-separator { background-color: #555; }
.tt .tt-text {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  margin: 20px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tt:hover .tt-text {
  visibility: visible;
}

.heatSelected { color: rgb(0, 170, 0) }
.muted { color: rgb(128, 137, 145)!important }
.unmuted { color: #000000!important }
.kartSelected { background-color: blue !important; }

table.compact>:not(caption) >*>* { padding: 0.15rem 0.25rem; }
table.tbl-rounded { border-width: 1px; border-style: solid; border-collapse: separate; border-spacing: 0px; border-radius: 6px; }

img.inverted {
  -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
          filter: invert(100%);
}

.tbl-rounded th:first-of-type { border-top-left-radius: 6px; }
.tbl-rounded th:last-of-type { border-top-right-radius: 6px; }
.tbl-rounded tr:last-of-type td:first-of-type { border-bottom-left-radius: 6px; }
.tbl-rounded tr:last-of-type td:last-of-type { border-bottom-right-radius: 6px; }

.tbl-rounded tr:first-of-type th { padding-top:    0.5rem; }
.tbl-rounded tr:last-of-type td  { padding-bottom: 0.5rem; }
.tbl-rounded tr > :first-child   { padding-left:   0.7rem; }
.tbl-rounded tr > :last-child    { padding-right:  0.7rem; }

svg a:visited { }

@media print {
  .kart {
    background-color: transparent!important;
    color: black;
    font-weight: 900;
    font-size: 20px;
  }
  table { font-size: 20px; }
  h5 { font-size: 22px; }
}