@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

tr.laptime { background: #000; text-align:right; }
tr.laptime :hover{ background: red; }

body{ margin:0; padding:0; background:#000; font-size:14px; font-style:none; font-family: helvetica; color: #fff}

/*body{ margin:0; padding:0; background:#000; font-size:16px; font-family: 'Inter', sans-serif; color: #fff}
*/img{ border: 0px; }

#topline{ position: absolute; left:10px; top: 0;}

#menu_options ul .item{ border-left:1px solid #111; border-right:1px solid #111;background-color:#030303;border-bottom:1px solid #000; display:none;padding:0;margin:0}
#menu_options ul li a{ padding-left:10px; color: #fff;text-decoration:none }
#menu_options ul:hover .item{display:block;padding:0;margin:0;}
#menu_options ul{ margin:0;padding:0 0 0 10px;}
#menu_options{ z-index:-12; width:140px; font-size: 10px; font-weight:bold;float:left}

#tags{
-moz-border-radius: 0px; border-radius: 0px; background: #ccc; color:#000; border: 0;height:28px;width:460px;font-size:12px
}

#menu {
 -webkit-columns: 5;
    -moz-columns: 5;
    columns: 5;
    height: 1000px;
    width: 400px;
}

#menu ul .item{ border-left:1px solid #222; border-right:1px solid #222;background-color:#030303;border-bottom:1px solid #000; display:none;padding:0;margin:0}
#menu ul li a{ padding-left:10px; color: #fff;text-decoration:none 

}
#menu ul:hover .item{display:block;padding:0;margin:0}
#menu ul{ margin:0;padding:0 0 0 10px;}
#menu{ z-index:-10; width:140px; font-size: 12px;float:left}

#container{ width: 90px; margin-top:0px;}

#topline{ height: 40px;width: 100%; border-bottom: 1px solid #555;background: #000; }
#topclose{ font-size:12px padding:3px 3px 3px 3px;text-align:center;background:#222;color:#fff }
#dayline{  width:100%; background:#ff0000;border-bottom:1px solid #222; }
#daylink{ font-size: 16px; color: #000; text-decoration:none; border: 0px solid #000;}

#userline{ border-bottom:1px solid #111; }
#driver{ color: #ecd61d;}
#user_past_data{background-color: #000;	border:2px solid #ff0000;position:absolute;left:20px;top:0px;right:20px;bottom:0px;display:none;overflow: auto;}

#myChart{}


li{float:left}

.session{
 box-shadow: 0px 5px 10px 0px rgba(78,255,255,0.2);
}
.rata{
 box-shadow: 0px 5px 10px 0px rgba(78,255,255,0.2);
}

.dropbtn {
  background-color: #fff;
  color: #000;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  color:#000;
  border: 1px solid #333;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.5);
  z-index: 1;
  
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 2px 2px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ffa800}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}