/*
You can place customized css styles here. The file will be included in all .html pages as the last item in the html <head> section.
*/

body, .panel { 
  background-color:#333;
  background: linear-gradient(135deg,#444,#111);
  color:#eee;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #4c4c4c;
}

.table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border-color: #555;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    color: #333;
    background-color:#eee;
}

.table-striped>tbody>tr>td.warning, .table-striped>tbody>tr>th.warning {
  background-color: #fcf8e3 !important;
}

.table-striped>tbody>tr>td.success, .table-striped>tbody>tr>th.success {
  background-color: #dff0d8 !important;
}
.success, .warning {
  color: #333;
}

.bestLap {
  color: #ff44ff;
}

svg .title, svg text {
    fill: rgba(200, 200, 200, 0.9) !important;
}

svg .tooltip rect {
    fill: rgba(24, 24, 24, 0.7) !important;
}