.uk-progress.progress-green::-webkit-progress-value {
    background-color:rgb(64, 177, 64) ;
  }
  .uk-progress.progress-green::-moz-progress-bar {
    background-color:rgb(64, 177, 64) ;
  }
  .uk-progress.progress-green::-ms-fill {
    background-color:rgb(64, 177, 64) ;
  }

  .uk-notification-message-warning{
    background-color: orange !important;
    border-radius: 10px;
    color: black !important;
    box-shadow: 0px 0px 3px gray;
    text-align: center !important;
    width: 210px !important;
    margin-left: auto;
    margin-right: auto;
    font-size: medium !important;
    padding: 10px !important;
    vertical-align: middle !important;
  }
  .uk-notification-message-success{
    background-color: green !important;
    border-radius: 10px;
    color: white !important;
    box-shadow: 0px 0px 3px gray;
    text-align: center !important;
    width: 210px !important;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle !important;
    font-size: medium !important;
    padding: 10px !important;
  }

  .tableHeadMost{
    background-color: #cf6214;
  }

  .tableHeadMost th{
    color:white !important;
    font-weight: 600 !important; 
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .tableHeadMost th:first-child{
    text-align: center;
  }
  .tableHeadMost th:nth-child(2){
    text-align: center;
  }
  .tableHeadMost th:nth-child(3){
    text-align: center;
  }
  .tableHeadMost th:nth-child(6){
    text-align: center;
  }

  .tableBodyMost{
    text-align: left;
    white-space: nowrap !important;

  }

  .tableBodyMost td{
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle !important;
    color: black;  
    font-weight: 400;
  }

  .tableBodyMost td:first-child{
    text-align: center;
    vertical-align: middle;
  }

  .tableBodyMost td:nth-child(2){
    font-weight: 600 !important;
    text-align: center;
  }
  .tableBodyMost td:nth-child(3){
    text-align: center;
  }
  .tableBodyMost td:nth-child(4){
    padding-left: 0 !important;
  }
  .tableBodyMost td:nth-child(6){
    text-align: center;
  }
  .tableBodyMost td:nth-child(7){
    padding-left: 0 !important;
  }


  .tableHeaderPerformance{
    background-color: #191970;
  }

  .tableHeaderPerformance th{
    color:white !important;
    font-weight: 600 !important; 
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .tableHeaderPerformance th:first-child{
    text-align: center;
  }
  .tableHeaderPerformance th:nth-child(2){
    text-align: center;
  }
  .tableHeaderPerformance th:nth-child(3){
    text-align: center;
  }
  .tableHeaderPerformance th:nth-child(8){
    text-align: center;
  }

  .tableBodyPerformance{
    text-align: left;
    white-space: nowrap !important;

  }

  .tableBodyPerformance td{
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle !important;
    color: black;  
    font-weight: 400;
  }

  .tableBodyPerformance td:first-child{
    text-align: center;
    vertical-align: middle;
  }

  .tableBodyPerformance td:nth-child(2){
    font-weight: 600 !important;
    text-align: center;
  }
  .tableBodyPerformance td:nth-child(3){
    text-align: center;
  }
  .tableBodyPerformance td:nth-child(4){
    padding-left: 0 !important;
  }
  .tableBodyPerformance td:nth-child(8){
    text-align: center;
  }
  .tableBodyPerformance td:nth-child(9){
    padding-left: 0 !important;
  }

  .tableHeaderPenalties{
    background-color: #686869; 
  }

  .tableHeaderPenalties th{
    color:white !important;
    font-weight: 600 !important; 
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .tableBodyPenalties{
    text-align: left;
    white-space: nowrap;
  }

  .tableBodyPenalties td{
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .tableBodyMost td:first-child{
    text-align: center;
  }

  .switcherMost{
    font-size: larger !important;
    font-weight: 600 !important;
    background-color: #cf6214;
    width: 49%;
    max-width: 400px;
    padding: 0 !important;
    border-radius: 3px !important;
  }

  .switcherMost:hover{
    background-color: #a81414 !important;
  }

  .switcherPerformance{
    font-size: larger !important;
    font-weight: 600 !important;
    background-color: #191970;
    width: 49%;
    max-width: 400px;
    padding: 0 !important;
    border-radius: 3px !important;
  }

  .switcherPerformance:hover{
    background-color: #191970 !important;
  }

  .uk-countdown-number{
    font-weight: 700;
    color: rgb(22, 22, 22);
  }

  @media (max-width: 640px) {
    .uk-countdown-number{
      /* Minimum font size */
      font-size: 50px !important;
    }
  }

  .blink_me {
    animation: blinker 3s ease infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

  .square {
    height: 18px;
    width: 10px;
    background-color: #555;
    border-radius: 2px;
  }

.bodyAllLaps td:first-child{
      width: 25px;
      font-weight: 700;
      padding-left: 20px;
      color: black;
  }

.bodyAllLaps td:nth-child(2){
    width: 80px;
}
  
.bodyAllLaps td:nth-child(3){
    padding: 0;
    vertical-align: middle;
}

.headerAllLaps th:first-child{
  padding-left: 20px;
}

.headerAllLaps th:nth-child(3){
  padding-left: 0;
}

.avgBackground{
  background: linear-gradient(to right,rgba(0, 0, 0, 0) 33%, rgba(236, 173, 89, 0.123) 33%);
  background-size: cover;
}

.buttonGray{
  background-color: gray !important;
  border-radius: 5px !important;
}
.buttonGray:hover{
  background-color: #2e2e2e !important;
}