@charset "utf-8";
#flashobject,
#flashobject * {
    width: 30px !important;
    height: 30px !important;
}
#live_menu ul.previous_lives,
#options ul {
    z-index: 1000000;
    background-color: #515252;
    box-shadow: 1px 9px 11px rgba(0, 0, 0, 0.7);
    position: absolute;
}
#a,
#global,
.weather,
body,
table {
    width: 100%;
}
body,
p,
table,
ul {
    margin: 0;
}
.even,
.odd,
[data-id="gridb"] tbody tr:nth-child(2n),
[data-id="gridb"] tbody tr:nth-child(odd),
[data-id="gridc"] tr:nth-child(2n),
[data-id="gridc"] tr:nth-child(odd) {
    moz-transition:
            top 0.6s linear,
            background-color 0.5s linear;
    ms-transition:
            top 0.6s linear,
            background-color 0.5s linear;
    o-transition:
            top 0.6s linear,
            background-color 0.5s linear;
}
.head,
.title,
thead {
    text-shadow: 2px 2px 2px #000;
}
[data-id="gridc"] .rk div p,
p {
    line-height: 1.3em;
    padding: 0;
}
body,
p,
table,
td,
th,
ul {
    padding: 0;
}
@font-face {
    font-family: fontawesome;
    src:
            url(../fonts/fontawesome-webfont.ttf) format("truetype"),
            url(../fonts/fontawesome-webfont.woff) format("woff");
    font-weight: 400;
}
@font-face {
    font-family: fontawesome;
    src: url(../fonts/fontawesome-webfont.eot);
    font-weight: 400;
}
@font-face {
    font-family: "fontawesome light";
    src:
            url("../fonts/fontawesome-light.ttf") format("truetype"),
            url("../fonts/fontawesome-light.woff") format("woff");
    font-weight: 400;
}
@font-face {
    font-family: "fontawesome light";
    src: url("../fonts/fontawesome-light.eot");
    font-weight: 400;
}
@font-face {
    font-family: "fontawesome normal";
    src:
            url("../fonts/fontawesome-regular.ttf") format("truetype"),
            url("../fonts/fontawesome-regular.woff") format("woff");
    font-weight: 400;
}
@font-face {
    font-family: "fontawesome normal";
    src: url("../fonts/fontawesome-regular.eot");
    font-weight: 400;
}
@font-face {
    font-family: "fontawesome bold";
    src:
            url("../fonts/fontawesome-solid.ttf") format("truetype"),
            url("../fonts/fontawesome-solid.woff") format("woff");
    font-weight: 400;
}
@font-face {
    font-family: "fontawesome bold";
    src: url("../fonts/fontawesome-solid.eot");
    font-weight: 400;
}
@font-face {
    font-family: JetSet;
    src:
            url("../fonts/jetset.ttf") format("truetype"),
            url("../fonts/jetset.woff") format("woff");
    font-weight: 400;
}
@font-face {
    font-family: JetSet;
    src: url("../fonts/jetset.eot");
    font-weight: 400;
}
body,
html {
    min-height: 100%;
    overflow-x: hidden;
}
body {
    background-color: #000;
    font-family: Helvetica;
    display: table;
}
#global {
    color: #fff;
    font-family: Arial, Verdana, Tahoma;
    font-size: 16pt;
}
table {
    border: none;
    border-spacing: 0px 0px;
    font-size: 11.7px;
    border-collapse: collapse;
    border-spacing: 0px;
}
@media (min-width: 980px) {
    table {
        font-size: 0.875rem;
    }
}
[data-id="gridb"] tbody tr,
thead tr {
    height: 18px;
}
thead {
    background-color: #32485f;
    color: #fff;
    text-align: center;
}
select {
    border: none;
    border-radius: 0;
}
#driver_select.show_list_driver:focus,
select:active,
select:focus {
    outline: 0;
}
li {
    list-style: none;
}
#a {
    padding: 4px;
    font-size: 1em;
    color: #000;
}
#connection,
#options ul,
.comments b,
.div_link a:link,
.div_link a:visited,
.msgp,
.weather {
    color: #fff;
}
#flashobject {
    opacity: 0;
    position: absolute;
    top: -50px;
    left: -50px;
}
#grid,
#options ul li,
.fb-like,
.mobile_header,
.mobile_header a:before {
    position: relative;
}
.title {
    font-size: 0.77em;
    font-weight: 700;
    min-height: 36px;
}
#t6,
.title {
    background-color: #196281;
    background: -webkit-linear-gradient(top, #196281, #134d66);
    background: -moz-linear-gradient(top, #196281, #134d66);
    background: -ms-linear-gradient(top, #196281, #134d66);
    background: -o-linear-gradient(top, #196281, #134d66);
    background: linear-gradient(top, #196281, #134d66);
}
.battery,
.comments span[data-flag],
.track_d,
.wc,
.wm,
.wo,
.wr,
.ws,
[data-id="mobile_d"],
[data-id="wth1"],
a.logo {
    background-repeat: no-repeat;
    background-position: center;
}
#title_bar {
    display: -webkit-flex;
    display: flex;
    min-height: 32px;
    align-items: center;
}
#title_bar :not([data-id="title1"]):not([data-id="title2"]) {
    text-shadow: none;
}
[data-id="title1"] {
    float: left;
    width: auto;
    padding: 4px 1px 4px 10px;
}
[data-id="title2"] {
    overflow: hidden;
    width: auto;
    padding: 4px 1px 4px 20px;
    flex-grow: 1;
}
#live_menu,
#options {
    font-weight: 400;
    align-self: stretch;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#grid #tgrid *,
.pop_up_line_menu {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    white-space: nowrap;
}
#live_menu .live_menu_button,
#options .options_button {
    width: 45px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    position: relative;
    cursor: pointer;
}
#live_menu .live_menu_button:after {
    font-family: "fontawesome bold";
    content: "\f0c9";
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 19px;
    height: 19px;
    margin: auto;
    left: 0;
    right: 0;
}
#live_menu .live_menu_button:hover,
#options .options_button:hover {
    width: 45px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
#live_menu ul.previous_lives {
    left: 0;
    color: #fff;
    display: none;
}
#live_menu ul.previous_lives.open,
#options ul.open,
.block_width_1280,
.compare_driver_select ul.open {
    display: block;
}
#driver_data .driver_infos .flag[data-nat=""],
#driver_data .driver_infos .kart:empty,
#options .option_live_tracking,
#options ul,
.block_width_750,
.block_width_992,
.compare_driver_select .driver_selected[data-driver=""] > *,
.compare_driver_select ul li[data-driver=""] > *,
.div_driver_pit_time tbody td.laps,
.div_driver_pit_time tbody td.out_time,
.header_driver_pit_time thead th.laps,
.header_driver_pit_time thead th.out_time,
.hide,
.mobile_header a .triangle,
.pop_up_line_menu .driver_infos .flag[data-nat=""],
.pop_up_line_menu .driver_infos .infos div[data-type="class"] span:empty,
.pop_up_line_menu .driver_infos .kart:empty,
.pop_up_line_menu .driver_infos:empty,
.ranking_effect_off .block_onboard_progress_lap,
.ranking_effect_off .progress_lap,
.tracking svg g.drivers circle[data-visible="0"],
.tracking svg g.track circle,
.tracking_effect_off .tracking svg g.drivers circle,
.width_992.message {
    display: none;
}
#live_menu ul.previous_lives li {
    font-size: 14px;
    padding: 6px 14px 4px;
}
#live_menu ul.previous_lives li:not(.active):not(.unactive):hover,
#options ul li:not(.active):hover,
.compare_laps_time .left > div:not(.active):hover {
    background-color: #607d8b;
    cursor: pointer;
}
#live_menu ul.previous_lives li.active {
    background-color: #1595ee;
}
#options .options_button:after {
    font-family: fontawesome;
    content: "\f013";
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 21px;
    height: 21px;
    margin: auto;
    left: 0;
    right: 0;
}
#options ul {
    right: 0;
}
#options ul li {
    font-size: 14px;
    padding: 6px 50px 6px 14px;
}
#options ul li .on_off {
    width: 30px;
    height: 16px;
    border-radius: 10px;
    background-color: #282727;
    position: absolute;
    right: 7px;
    display: block;
    top: 6px;
}
#options ul li .on_off[data-value="1"] {
    background-color: #44b049;
}
#options ul li .on_off span {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    display: block;
    border-radius: 100%;
    transition: left 0.2s;
}
#options ul li .on_off[data-value="1"] span {
    left: 16px;
}
#options ul li.option_qrcode:after {
    font-family: fontawesome;
    content: "\f029";
    position: absolute;
    right: 12px;
    font-size: 24px;
    height: 0;
    line-height: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}
#grid tr:not(.head) td[data-type="grp"],
#grid tr:nth-child(n + 2),
#t6,
.pop_up_help table tbody tr td.grid_position img,
.width_750 .mobile_and_battery thead tr {
    height: 28px;
}
.track_d {
    height: 120px;
    min-width: 190px;
}
.div_link a:hover {
    color: #1e92c9;
}
a.logo {
    display: block;
    height: 90px;
}
#grid td,
.col2,
.div_tgrid {
    overflow: hidden;
}
.weather {
    text-align: left;
    font-weight: 700;
    height: 40px;
    font-size: 16pt;
}
[data-id="wth2"],
[data-id="wth3"] {
    height: 19px;
}
[data-id="wth1"] {
    width: 50%;
    height: 40px;
    background-size: auto 90%;
}
[data-id="mobile_d"] {
    height: 94px;
    background-image: url(../images/mobile.png);
    width: 50%;
}
[data-id="mobile_d"] a {
    width: 100%;
    height: 100%;
    display: block;
}
.battery {
    background-image: url(../images/battery_1.png);
    height: 100%;
    width: 50%;
    background-size: 110px;
    border-left: 1px solid #4e4e4e;
    cursor: pointer;
}
.battery.safe {
    background-image: url(../images/battery_2.png);
}
.comments {
    width: auto;
    text-align: left;
    font-size: 0.55em;
    padding-left: 1px;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 126px;
    margin-right: 2px;
}
#t6,
.comments .com_no,
.no {
    text-align: center;
}
.comments > div {
    padding-top: 5px;
    padding-bottom: 10px;
}
.comments p {
    line-height: initial;
    padding: 2px;
    color: #dcdcdc;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.comments p:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.06);
}
.comments b:after {
    content: " ";
}
.comments span[data-flag] {
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 18px;
    background-size: 100%;
    margin-right: 4px;
    margin-left: 4px;
}
.comments span[data-flag="purple"],
.comments span[data-flag="warmup"] {
    background-image: url(../images/flag_warmup.png);
}
.comments span[data-flag="green"] {
    background-image: url(../images/flag_green.png);
}
.comments span[data-flag="yellow"] {
    background-image: url(../images/flag_yellow.png);
}
.comments span[data-flag="red"] {
    background-image: url(../images/t_red.png);
}
.comments span[data-flag="chequered"] {
    background-image: url(../images/flag_finish.png);
}
.comments span[data-flag="warning"] {
    background-image: url(../images/driver_flag_warning.png);
}
.comments span[data-flag="technical"] {
    background-image: url(../images/driver_flag_mechanical.png);
}
.comments span[data-flag="black"] {
    background-image: url(../images/driver_flag_black.png);
}
.comments span[data-flag="onelap"] {
    background-image: url(../images/driver_flag_onelap.png);
}
.comments span[data-flag="invest"] {
    background-image: url(../images/driver_flag_invest.png);
}
.comments span[data-flag="5seconds"] {
    background-image: url(../images/driver_flag_5s_print.png);
}
.comments span[data-flag="10seconds"] {
    background-image: url(../images/driver_flag_10s_print.png);
}
.comments span[data-flag="msg"] {
    background-image: url(../images/msg_info.png);
}
.comments span[data-flag="msg_error"] {
    background-image: url(../images/msg_error.png);
}
.comments span[data-flag="msg_warning"] {
    background-image: url(../images/msg_warning.png);
}
.comments span[data-flag="penalty"] {
    background-image: url(../images/penalty_2.png);
}
.comments span[data-flag="msg"],
.comments span[data-flag="msg_error"],
.comments span[data-flag="msg_warning"],
.comments span[data-flag="penalty"] {
    background-size: 80%;
}
.comments span[data-flag="black"],
.comments span[data-flag="technical"],
.comments span[data-flag="warning"] {
    -webkit-filter: drop-shadow(0px 0px 1px #fff);
    filter: drop-shadow(0px 0px 1px #fff);
}
.comments .com_no {
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 4px;
    margin-left: 2px;
    font-weight: 700;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px;
    border-color: transparent transparent #4aa1da;
    line-height: 16px;
    min-width: 22px;
}
#connection {
    width: 15%;
    min-width: 158px;
    font-weight: 700;
}
@media (max-width: 400px) {
    [data-id="title1"],
    [data-id="title2"] {
        font-size: 0.8em;
    }
    #connection {
        min-width: 0;
    }
}
.message {
    width: 55%;
}
.msgp {
    background-color: red;
    font-weight: 700;
}
.msgt,
.msgw {
    color: #000;
    font-weight: 700;
}
.msgt {
    background-color: #fff;
}
.msgw {
    background-color: #ff0;
}
.dr,
.no {
    /*color: #fff;*/
}
[data-id="msg"] {
    line-height: 20px;
}
#local_time {
    width: 35%;
}
.ws {
    background-image: url(../images/Ws.png);
}
.wm {
    background-image: url(../images/Wm.png);
}
.wc {
    background-image: url(../images/Wc.png);
}
.wo {
    background-image: url(../images/Wo.png);
}
.wr {
    background-image: url(../images/Wr.png);
}
.no {
    font-weight: 700;
    font-size: 0.875rem;
}
.dr {
    text-align: left;
}
.drteam,
.drteamb,
.drteamg,
.drteamr,
.drteamw,
.drteamy {
    color: #9e9e9e;
    filter: brightness(1.4);
    text-align: left;
    background-image: url(../images/DrTeam.png);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 13px;
}
.rkb,
.rkw {
    font-size: 0.9em;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 10px;
    text-align: left;
}
#driver_data .driver_infos .div_drivers .helmet[data-color="#FFFF00"],
.drteamy,
.pop_up_line_menu .driver_infos .div_drivers .helmet[data-color="#FFFF00"] {
    background-image: url(../images/DrTeamY.png);
}
#driver_data .driver_infos .div_drivers .helmet[data-color="#FF0000"],
.drteamr,
.pop_up_line_menu .driver_infos .div_drivers .helmet[data-color="#FF0000"] {
    background-image: url(../images/DrTeamR.png);
}
#driver_data .driver_infos .div_drivers .helmet[data-color="#00FF00"],
.drteamg,
.pop_up_line_menu .driver_infos .div_drivers .helmet[data-color="#00FF00"] {
    background-image: url(../images/DrTeamG.png);
}
#driver_data .driver_infos .div_drivers .helmet[data-color="#00C8FF"],
.drteamb,
.pop_up_line_menu .driver_infos .div_drivers .helmet[data-color="#00C8FF"] {
    background-image: url(../images/DrTeamB.png);
}
#driver_data .driver_infos .div_drivers .helmet[data-color="#FFFFFF"],
.drteamw {
    background-image: url(../images/DrTeamW.png);
}
.drteam:before,
.drteamb:before,
.drteamg:before,
.drteamr:before,
.drteamw:before,
.drteamy:before {
    content: "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0";
}
.dru {
    color: #0f0;
    text-align: left;
}
.drd {
    color: red;
    text-align: left;
}
.rkb {
    color: #0f0;
    font-weight: 700;
    background-image: url(../images/Su2.png);
}
.rkw {
    color: red;
    font-weight: 700;
    background-image: url(../images/Sd2.png);
}
.tb,
.ti,
.tn,
.to {
    text-align: right;
    font-weight: 700;
}
.rke {
    background-image: url(../images/Se2.png);
    background-repeat: no-repeat;
    background-position: left;
    height: 13px;
    width: 15px;
}
.gf,
.gm {
    background-position: top center;
    background-repeat: no-repeat;
}
.tb {
    /*color: #fa00fa;*/
}
.ti {
    color: #0f0;
}
.driver_lap_time tbody tr td[data-color=""],
.tn {
    /*color: #f7f700;*/
}
.to {
    color: #15b5ff;
}
.llp_dot .ib[data-type="llp"],
.llp_dot .in[data-type="llp"],
.llp_dot .tb[data-type="llp"],
.llp_dot .ti[data-type="llp"],
.llp_dot .tn[data-type="llp"],
.llp_dot .to[data-type="llp"],
.llp_dot .tr[data-type="llp"],
.sector_dot .ib[data-type="s1"],
.sector_dot .ib[data-type="s2"],
.sector_dot .ib[data-type="s3"],
.sector_dot .in[data-type="s1"],
.sector_dot .in[data-type="s2"],
.sector_dot .in[data-type="s3"],
.sector_dot .tb[data-type="s1"],
.sector_dot .tb[data-type="s2"],
.sector_dot .tb[data-type="s3"],
.sector_dot .ti[data-type="s1"],
.sector_dot .ti[data-type="s2"],
.sector_dot .ti[data-type="s3"],
.sector_dot .tn[data-type="s1"],
.sector_dot .tn[data-type="s2"],
.sector_dot .tn[data-type="s3"],
.sector_dot .to[data-type="s1"],
.sector_dot .to[data-type="s2"],
.sector_dot .to[data-type="s3"],
.sector_dot .tr[data-type="s1"],
.sector_dot .tr[data-type="s2"],
.sector_dot .tr[data-type="s3"],
.speed_dot .ib[data-type="sp1"],
.speed_dot .ib[data-type="sp2"],
.speed_dot .in[data-type="sp1"],
.speed_dot .in[data-type="sp2"],
.speed_dot .tb[data-type="sp1"],
.speed_dot .tb[data-type="sp2"],
.speed_dot .ti[data-type="sp1"],
.speed_dot .ti[data-type="sp2"],
.speed_dot .tn[data-type="sp1"],
.speed_dot .tn[data-type="sp2"],
.speed_dot .to[data-type="sp1"],
.speed_dot .to[data-type="sp2"],
.speed_dot .tr[data-type="sp1"],
.speed_dot .tr[data-type="sp2"] {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    max-width: 22px;
    min-width: 22px;
    width: 28px;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    padding: 0 !important;
}
#grid,
.div_link,
.driver_lap_time,
.dyna,
.global_table,
.global_table .global_table_col1 .col1 {
    width: 100%;
}
#grid .rk div,
.dyna,
.head,
.ib,
.in {
    color: #fff;
}
.llp_dot .tb[data-type="llp"],
.sector_dot .tb[data-type="s1"],
.sector_dot .tb[data-type="s2"],
.sector_dot .tb[data-type="s3"],
.speed_dot .tb[data-type="sp1"],
.speed_dot .tb[data-type="sp2"] {
    background-image: url(../images/tb.png);
}
.llp_dot .ti[data-type="llp"],
.sector_dot .ti[data-type="s1"],
.sector_dot .ti[data-type="s2"],
.sector_dot .ti[data-type="s3"],
.speed_dot .ti[data-type="sp1"],
.speed_dot .ti[data-type="sp2"] {
    background-image: url(../images/ti.png);
}
.llp_dot .tn[data-type="llp"],
.sector_dot .tn[data-type="s1"],
.sector_dot .tn[data-type="s2"],
.sector_dot .tn[data-type="s3"],
.speed_dot .tn[data-type="sp1"],
.speed_dot .tn[data-type="sp2"] {
    background-image: url(../images/tn.png);
}
.llp_dot .to[data-type="llp"],
.sector_dot .to[data-type="s1"],
.sector_dot .to[data-type="s2"],
.sector_dot .to[data-type="s3"],
.speed_dot .to[data-type="sp1"],
.speed_dot .to[data-type="sp2"] {
    background-image: url(../images/to.png);
}
#onboard .sectors .tb,
#onboard .sectors .ti,
#onboard .sectors .tn,
#onboard .sectors .to,
#onboard .sectors .tr,
.sectors thead tr th {
    font-weight: 400;
}
#onboard .tlast .tb,
#onboard .tlast .ti,
#onboard .tlast .tn,
#onboard .tlast .to,
#onboard .tlast .tr,
.best,
.gap,
.tlast {
    text-align: right;
}
.div_link,
.ib,
.in {
    text-align: center;
}
.ib {
    font-weight: 700;
}
.gf {
    background-image: url(../images/Gf.png);
}
.gm {
    background-image: url(../images/Gm.png);
}
.gl {
    background-image: url(../images/Gl.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.gs,
.lf,
.lg,
.lr,
.ly,
.nat,
.sd,
.sf,
.si,
.sl,
.sn,
.so,
.sr,
.ss,
.su {
    background-repeat: no-repeat;
    background-position: center;
}
.gs {
    background-image: url(../images/Gs.png);
}
#onboard p {
    line-height: 1.2em;
}
a {
    text-decoration: none;
}
.div_link {
    height: 30px;
    font-size: 0.7em;
    margin-bottom: 5px;
    margin-top: 25px;
}
.fb-like {
    top: -5px;
}
.cf {
    clear: both;
}
.bg {
    background-color: #1eea1e;
}
.br {
    background-color: red;
}
.by {
    background-color: #f1c40f;
}
.bo {
    background-color: #f60;
}
.bp {
    background-color: #f0f;
}
.odd,
[data-id="gridb"] tbody tr:nth-child(odd),
[data-id="gridc"] tr:nth-child(odd) {
    background-color: #fff;
    -webkit-transition:
            top 0.6s linear,
            background-color 0.5s linear;
    transition:
            top 0.6s linear,
            background-color 0.5s linear;
}
.even,
[data-id="gridb"] tbody tr:nth-child(2n),
[data-id="gridc"] tr:nth-child(2n) {
    background-color: #f8f8f8;
    -webkit-transition:
            top 0.6s linear,
            background-color 0.5s linear;
    transition:
            top 0.6s linear,
            background-color 0.5s linear;
}
.lg {
    background-image: url(../images/lightsg.png);
}
.lr {
    background-image: url(../images/lightsr.png);
}
.ly {
    background-image: url(../images/lightsy.png);
}
.lf {
    background-image: url(../images/Ff.png);
}
.nat {
    background-size: 35px 23px;
    /*background-position-y: 2px;*/
}
#grid {
    margin-bottom: 10px;
    overflow: hidden;
}
#grid #tgrid .dr,
#grid #tgrid .drd,
#grid #tgrid .drteam,
#grid #tgrid .dru,
.div_messages p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dyna {
    background-color: #000;
    min-height: 40px;
    height: 40px;
    font-size: 1.2em;
    font-weight: 700;
}
.driver_timing_2 .sectors tr:nth-child(odd),
.head,
.sectors thead {
    background-color: #32485f;
}
.global_table,
.table_in_footer {
    font-size: 16pt;
}
.dyna [data-id="dyn1"] {
    width: 50%;
    padding-left: 10px;
    text-align: left;
    font-size: 26px;
    line-height: 26px;
}
.dyna [data-id="light"] {
    min-height: 40px;
    text-align: center;
    width: 160px;
    min-width: 160px;
}
.dyna [data-id="dyn2"] {
    padding-right: 10px;
    font-size: 26px;
    line-height: 26px;
    width: 50%;
    text-align: right;
}
@media (max-width: 550px) {
    .dyna [data-id="dyn1"] {
        padding-left: 3px;
        text-align: center;
        font-size: 24px;
    }
    .dyna [data-id="dyn2"] {
        display: none;
    }
}
.global_table .global_table_col1 {
    width: 80%;
    vertical-align: top;
}
.global_table .global_table_col2 {
    width: 20%;
    max-width: 400px;
    vertical-align: top;
}
.global_table .global_table_col2 .col2 {
    width: 100%;
    border-left: 2px solid #3eaac4;
}
@media (max-width: 980px) {
    .global_table .global_table_col1 {
        width: 100%;
    }
    .width_1920.global_table_col2,
    .width_1920.message {
        display: none;
    }
    .block_width_992,
    .width_992.message {
        display: block;
    }
    #driver_data .div_driver_lap_time {
        max-height: initial !important;
    }
}
@media (max-width: 750px) {
    .block_width_992 {
        display: none;
    }
    .block_width_750 {
        display: block;
    }
}
.width_992 .dyna [data-id="dyn1"] {
    width: 39%;
}
.table_in_footer tbody {
    vertical-align: top;
}
.best,
.pop_up_help table tbody tr td img,
[data-id="best"] tr {
    vertical-align: middle;
}
.table_in_footer .td_comments .comments {
    overflow-y: auto;
}
.width_992 .table_in_footer .td_tchp,
.width_992 .table_in_footer [data-id="best"] {
    border-left: 2px solid #3eaac4;
}
.width_750 .td_tchp,
.width_750 [data-id="mobile_t"],
.width_992 .table_in_footer .td_comments,
.width_992 .table_in_footer .td_tchp,
.width_992 .table_in_footer [data-id="best"],
.width_992 .td_battery,
.width_992 .td_mobile,
.width_992 .td_weather,
.width_992 [data-id="track"] {
    width: 50%;
}
.width_992 .td_battery .battery,
.width_992 .td_mobile a {
    height: 120px;
    display: block;
    width: 100%;
    border: none;
    cursor: pointer;
}
.width_992 .td_battery,
.width_992 .td_mobile,
.width_992 .td_weather {
    border-left: 1px solid #4e4e4e;
}
.width_750 .td_weather {
    min-width: 150px;
}
.width_750 .comments {
    max-height: 110px;
}
.width_750 .mobile_and_battery td {
    width: 50%;
    font-size: 13px;
    font-weight: 700;
}
.width_750 .mobile_and_battery .battery,
.width_750 .mobile_and_battery [data-id="mobile_d"] {
    width: 100%;
    display: block;
    height: 90px;
    border: none;
}
.width_750 .map_and_weather [data-id="mobile_t"],
.width_750 .map_and_weather [data-id="track"],
.width_750 .t_comments [data-id="comments"],
.width_750 .table_in_footer th,
.width_992 .t_comments [data-id="comments"],
.width_992 .table_in_footer th,
.width_992 [data-id="mobile_t"],
.width_992 [data-id="track"] {
    font-size: 13px;
    height: 20px;
    color: #fff;
}
.width_750 .map_and_weather .track_d {
    padding: 1px;
}
.width_750 [data-id="best"] {
    border-right: 2px solid #3eaac4;
}
.width_750.message,
.width_992.message {
    width: 100%;
    background-color: #357888;
    font-size: 12px;
    margin-bottom: 20px;
    text-align: center;
    background: -webkit-linear-gradient(top, #196281, #134d66);
    background: -moz-linear-gradient(top, #196281, #134d66);
    background: -ms-linear-gradient(top, #196281, #134d66);
    background: -o-linear-gradient(top, #196281, #134d66);
    background: linear-gradient(top, #196281, #134d66);
    min-height: 20px;
}
.width_750 .td_mobile {
    height: 64px;
}
.width_750 [data-id="light"] {
    padding-left: 20px;
}
.width_750 [data-id="dyn1"],
.width_750 [data-id="dyn2"] {
    font-size: 26px;
    padding-left: 10px;
    width: auto;
}
@media (max-width: 600px) {
    .width_750 [data-id="dyn1"],
    .width_750 [data-id="dyn2"] {
        float: none;
        padding-right: 0;
        width: auto;
        text-align: center;
    }
    .width_750 [data-id="dyn1"] {
        padding-top: 0;
    }
    .width_750 [data-id="dyn2"] {
        padding-top: 0;
        font-size: 15px;
    }
}
@media (max-width: 500px) {
    .width_750 .table_in_footer .td_tchp {
        width: 100%;
        display: block;
    }
    .width_750 .table_in_footer td[data-id="best"] {
        width: 100%;
        display: block;
        border: none;
    }
}
.head {
    text-align: center;
    font-weight: 700;
}
.mobile_header h1,
.on_board_button {
    text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
}
#grid .head,
.driver_lap_time .head {
    border-bottom: 2px solid #000;
    white-space: nowrap;
    height: 28px;
    line-height: 28px;
}
#grid #tgrid {
    cursor: default;
    width: 100%;
}
#grid #tgrid tr {
    cursor: pointer;
    width: 100%;
}
#grid #tgrid tr:not(.head):not(.progress_lap):not(.line_click):hover {
    opacity: 0.6;
}
#grid #tgrid tr.line_click {
    background-color: #424141;
    transition: none;
    opacity: 1;
}
#grid #tgrid * {
    user-select: none;
}
td.nat {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
}
#grid .rk {
    border-bottom: 2px solid transparent;
    border-top: 1px solid transparent;
    height: 18px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}
#grid .no div,
#grid .rk div,
#grid .rku div {
    border-style: solid;
    height: 0;
}
#grid td[data-type="grp"] {
    min-width: 18px;
    max-width: 18px;
    width: 18px;
}
.rk {
    color: #000;
    font-weight: 700;
    text-align: center;
}
#grid .rk div {
    width: 28px;
    border-width: 24px 12px 0 0;
    border-color: #d9d9d9 transparent transparent;
    background-color: #414141;
}
#grid .rk p {
    margin-top: -19px;
    color: #000;
    min-height: 1px;
}
#grid .rku {
    min-width: 39px;
    max-width: 39px;
    width: 24px;
}
#grid .rku div {
    width: 22px;
    border-width: 23px 12px 0 0;
    border-color: #414141 transparent transparent;
    color: #fff;
    padding-left: 5px;
}
#grid .rku p {
    margin-top: -19px;
    min-height: 1px;
}
.sd,
.sf,
.si,
.sl,
.sn,
.so,
.sr,
.ss,
.su {
    width: 13px;
    min-width: 13px;
    max-width: 13px;
    background-size: 13px 18px;
}
#grid td[data-type="sta"] {
    width: 13px;
    min-width: 13px;
    max-width: 13px;
    padding-left: 0;
    padding-right: 0;
}
.sf {
    background-image: url(../images/st_finish.png);
}
.si {
    background-image: url(../images/st_in.png);
}
.so {
    background-image: url(../images/st_out.png);
}
.su {
    background-image: url(../images/st_up.png);
}
.sd {
    background-image: url(../images/st_down.png);
}
.ss {
    background-image: url(../images/st_stop.png);
}
.sr {
    background-image: url(../images/st_run.png);
}
.sl {
    background-image: url(../images/st_l.png);
}
#grid .no {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
}
#grid .no p {
    line-height: 14px;
}
#grid .no div {
    width: 36px;
    border-width: 0 0 23px 12px;
    border-color: transparent transparent #4aa1da;
    line-height: 28px;
}
[data-id="gridc"] .dr,
[data-id="gridc"] .drd,
[data-id="gridc"] .dru {
    padding-right: 5px;
    padding-left: 10px;
    vertical-align: middle;
}
[data-id="gridc"] tr {
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
}
.position div,
[data-id="gridc"] .rk div {
    border-color: #fff transparent transparent;
}
[data-id="gridc"] .rk div {
    width: 25px;
    height: 0;
    border-style: solid;
    border-width: 18px 12px 0 0;
    color: #000;
}
[data-id="gridc"] tr:first-child .rk div {
    border-color: #fbb610 transparent transparent;
}
[data-id="gridc"] tr:nth-child(2) .rk div {
    border-color: #a5abc1 transparent transparent;
}
[data-id="gridc"] tr:nth-child(3) .rk div {
    border-color: #e9a35b transparent transparent;
}
[data-id="gridc"] .rk div p {
    margin: -16px 0 0;
    color: #000;
}
.row_selection {
    background-color: #666;
    -webkit-transition:
            top 0.6s linear,
            background-color 0.1s linear;
    moz-transition:
            top 0.6s linear,
            background-color 0.1s linear;
    ms-transition:
            top 0.6s linear,
            background-color 0.1s linear;
    o-transition:
            top 0.6s linear,
            background-color 0.1s linear;
    transition:
            top 0.6s linear,
            background-color 0.1s linear;
}
.pass_effect {
    background-color: #418ceb;
    -webkit-transition:
            top 0.6s linear,
            background-color 0.2s linear;
    moz-transition:
            top 0.6s linear,
            background-color 0.2s linear;
    ms-transition:
            top 0.6s linear,
            background-color 0.2s linear;
    o-transition:
            top 0.6s linear,
            background-color 0.2s linear;
    transition:
            top 0.6s linear,
            background-color 0.2s linear;
}
.pass_effect_2,
.pass_effect_selected {
    moz-transition:
            top 0.6s linear,
            background-color 0.5s linear;
    ms-transition:
            top 0.6s linear,
            background-color 0.5s linear;
    o-transition:
            top 0.6s linear,
            background-color 0.5s linear;
}
.pass_effect_2 {
    background-color: rgba(65, 140, 235, 0.5);
    -webkit-transition:
            top 0.6s linear,
            background-color 0.5s linear;
    transition:
            top 0.6s linear,
            background-color 0.5s linear;
}
#onboard .pass_effect,
#onboard .pass_effect_2 {
    background-color: #418ceb;
    -webkit-transition: none !important;
    moz-transition: none !important;
    ms-transition: none !important;
    o-transition: none !important;
    transition: none !important;
}
.pass_effect_selected {
    background-color: #56759c;
    -webkit-transition:
            top 0.6s linear,
            background-color 0.5s linear;
    transition:
            top 0.6s linear,
            background-color 0.5s linear;
}
.div_messages,
.div_on_board_button {
    bottom: 0;
    moz-transition:
            bottom 0.5s linear,
            opacity 0.5s linear;
    ms-transition:
            bottom 0.5s linear,
            opacity 0.5s linear;
    o-transition:
            bottom 0.5s linear,
            opacity 0.5s linear;
}
#tgrid {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
}
.block_mobile {
    display: none;
    z-index: 10000000;
    min-height: 250px;
}
.mobile_header {
    height: 45px;
}
.mobile_header h1 {
    margin: 0 auto;
    line-height: 47px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding-left: 11px;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 210px);
}
#driver_button,
.mobile_header a {
    font-size: 12px;
    position: absolute;
    top: 8px;
    cursor: pointer;
    height: 30px;
    color: #fff;
    line-height: 30px;
    font-family: inherit;
    font-weight: 700;
}
.mobile_header a {
    padding-left: 8px;
    padding-right: 8px;
    left: 2px;
    width: auto;
}
.mobile_header a:before {
    font-family: "fontawesome normal";
    content: "\f177";
    font-size: 13px;
    padding-right: 6px;
    top: 1px;
}
#driver_button {
    right: 8px;
    width: 75px;
    text-align: center;
    background-color: #373737;
}
.div_driver_select:hover #driver_button {
    box-shadow: none;
    top: 9px;
    cursor: pointer;
}
#driver_select {
    opacity: 0;
    z-index: 10000;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 74px;
    max-width: 74px;
    height: 30px;
    max-height: 30px;
}
#driver_select.show_list_driver {
    opacity: 1;
    right: 8px;
    top: 41px;
    min-width: 158px;
    min-height: 130px;
    color: #fff;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: rgb(55 55 55);
}
#driver_select.show_list_driver option {
    padding: 4px;
}
#live {
    top: 0;
    z-index: 10000;
}
#onboard {
    font-size: 11pt;
    width: 100%;
}
#onboard table {
    font-size: 0.5em;
    color: #fff;
}
#onboard .sf {
    background-image: url(../images/st_finish_2.png);
}
#onboard .si {
    background-image: url(../images/st_in_2.png);
}
#onboard .so {
    background-image: url(../images/st_out_2.png);
}
#onboard .su {
    background-image: url(../images/st_up_2.png);
}
#onboard .sd {
    background-image: url(../images/st_down_2.png);
}
#onboard .ss {
    background-image: url(../images/st_stop_2.png);
}
#onboard .sr {
    background-image: url(../images/st_run_2.png);
}
#onboard .sl {
    background-image: url(../images/st_l_2.png);
}
#onboard .sn {
    background-color: #000;
}
#onboard .sd,
#onboard .sf,
#onboard .si,
#onboard .sl,
#onboard .sn,
#onboard .so,
#onboard .sr,
#onboard .ss,
#onboard .su {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 72px;
    min-width: 80px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#div_driver_button {
    text-align: center;
    height: 42px;
}
#div_driver_button .driver_button {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 6px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
}
#div_driver_button .driver_button.selected {
    background-color: #373737;
    transform: scale(0.95);
}
#div_driver_button .driver_button p {
    font-size: 15px;
    width: 50px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
    -webkit-transition: background-color 1s linear;
    moz-transition: background-color 1s linear;
    ms-transition: background-color 1s linear;
    o-transition: background-color 1s linear;
    transition: background-color 1s linear;
}
@media (max-width: 430px) {
    .mobile_header h1 {
        font-size: 14px;
    }
    #div_driver_button .driver_button p {
        width: 42px;
    }
    .driver_timing {
        display: none;
    }
}
@media (max-width: 350px) {
    #div_driver_button .driver_button p {
        width: 37px;
    }
    #div_driver_button .driver_button {
        margin-left: 9px;
        margin-right: 9px;
    }
}
@media (max-width: 315px) {
    #div_driver_button .driver_button {
        margin-left: 5px;
        margin-right: 5px;
    }
}
.driver_timing {
    min-height: 225px;
}
.position {
    color: #fff;
    text-align: left;
    width: 20%;
}
.position div {
    width: 110px;
    height: 0;
    border-style: solid;
    border-width: 61px 40px 0 0;
    color: #000;
}
.position p {
    margin-top: -61px;
    font-size: 52px;
    margin-left: 5px;
    text-align: center;
}
.position p:not(:empty):before {
    content: "P";
}
.tlast {
    font-size: 7em;
    width: 50%;
    padding-right: 5px;
    height: 70px;
}
.sectors {
    height: 95px;
}
.sectors thead {
    color: #fff;
    text-align: center;
}
.sectors thead p {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
.gap,
.sector1,
.sector2,
.sector3 {
    font-size: 4em;
    text-align: center;
}
.tsector1,
.tsector2,
.tsector3 {
    font-size: 6em;
    text-align: center;
    height: 51px;
    width: 33.33333%;
}
@media (max-width: 520px) {
    .tsector1,
    .tsector2,
    .tsector3 {
        font-size: 5.5em;
    }
}
@media (max-width: 479px) {
    .tsector1,
    .tsector2,
    .tsector3 {
        font-size: 5em;
    }
}
.best,
.gap {
    font-size: 7em;
}
.status {
    width: 30%;
}
.status p {
    width: 100%;
    height: 60px;
}
.best {
    width: 50%;
    padding-right: 5px;
    height: 68px;
}
.best p {
    line-height: 68px !important;
    text-align: right;
}
.gap p {
    width: inherit;
    padding-left: 5px;
    text-align: left;
    font-size: 45px;
}
.gap p:not(:empty):before {
    content: "+";
}
.driver_timing_2 {
    display: none;
    min-height: 372px;
}
.driver_timing_2 .gap {
    height: 55px;
    font-size: 38px;
    padding-right: 5px;
}
.driver_timing_2 .gap p {
    text-align: right;
    max-width: 150px;
    overflow: hidden;
    margin-left: auto;
    font-size: 31px;
}
.driver_timing_2 .position div {
    border-width: 49px 32px 0 0;
}
.driver_timing_2 .position p {
    margin-top: -53px;
    font-size: 48px;
}
.driver_timing_2 .status p {
    margin-left: 13px !important;
}
.driver_timing_2 .best {
    height: auto;
}
.driver_timing_2 .best p {
    line-height: 20px;
    font-size: 48px;
}
.driver_timing_2 .sectors tr:nth-child(odd) p {
    line-height: 25px;
    font-size: 23px;
}
.driver_timing_2 .tlast p {
    line-height: 66px;
    font-size: 48px;
}
.div_messages {
    position: fixed;
    height: 20px;
    width: 100%;
    z-index: 500000;
    text-align: center;
    font-size: 12px;
    -webkit-transition:
            bottom 0.5s linear,
            opacity 0.5s linear;
    transition:
            bottom 0.5s linear,
            opacity 0.5s linear;
}
.div_messages.hide {
    opacity: 0;
    bottom: -21px;
}
.div_messages p[class=""] {
    background-color: rgba(0, 0, 0, 0.8);
}
.div_on_board_button {
    position: fixed;
    background-color: #a0adbd;
    width: 130px;
    margin-left: -65px;
    height: 56px;
    z-index: 10000000;
    left: 50%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-transition:
            bottom 0.5s linear,
            opacity 0.5s linear;
    transition:
            bottom 0.5s linear,
            opacity 0.5s linear;
    cursor: default;
}
.div_on_board_button.hide {
    opacity: 0;
    bottom: -57px;
}
.on_board_button {
    color: #fff;
    cursor: pointer;
    position: absolute;
    padding-left: 8px;
    padding-right: 12px;
    top: 14px;
    right: 29px;
    font-size: 12px;
    font-weight: 700;
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    background-color: #5c7aa5;
    border-radius: 5px;
    box-shadow: -1px 1px 1px #fff;
    text-align: center;
}
.on_board_button:hover {
    box-shadow: none;
    top: 15px;
    right: 30px;
}
.div_on_board_button .on_board_button .triangle {
    border-style: solid;
    border-width: 14px 0 14px 15px;
    border-color: transparent transparent transparent #5c7aa5;
    position: absolute;
    left: 78px;
    top: 1px;
}
.onboard_progress_lap,
.progress_lap {
    position: absolute;
    width: 13% !important;
    left: -13%;
    height: 1px !important;
    background: -moz-linear-gradient(
            left,
            rgba(125, 185, 232, 0) 0,
            rgba(125, 185, 232, 0.11) 10%,
            rgba(50, 91, 255, 0.99) 86%,
            #325bff 87%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0, rgba(125, 185, 232, 0)),
            color-stop(10%, rgba(125, 185, 232, 0.11)),
            color-stop(86%, rgba(50, 91, 255, 0.99)),
            color-stop(87%, #325bff)
    );
    background: -webkit-linear-gradient(
            left,
            rgba(125, 185, 232, 0) 0,
            rgba(125, 185, 232, 0.11) 10%,
            rgba(50, 91, 255, 0.99) 86%,
            #325bff 87%
    );
    background: -o-linear-gradient(
            left,
            rgba(125, 185, 232, 0) 0,
            rgba(125, 185, 232, 0.11) 10%,
            rgba(50, 91, 255, 0.99) 86%,
            #325bff 87%
    );
    background: -ms-linear-gradient(
            left,
            rgba(125, 185, 232, 0) 0,
            rgba(125, 185, 232, 0.11) 10%,
            rgba(50, 91, 255, 0.99) 86%,
            #325bff 87%
    );
    background: linear-gradient(
            to right,
            rgba(125, 185, 232, 0) 0,
            rgba(125, 185, 232, 0.11) 10%,
            rgba(50, 91, 255, 0.99) 86%,
            #325bff 87%
    );
    margin-top: 27px;
}
.block_onboard_progress_lap {
    position: absolute;
    top: 180px;
    height: 3px;
    overflow: hidden;
    width: 100%;
}
.onboard_progress_lap {
    height: 3px !important;
    z-index: 1000;
    margin: 0;
}
.div_effect_message {
    position: fixed;
    z-index: 1000000000;
    top: 45%;
    display: none;
    margin-left: auto;
    margin-right: auto;
    left: 10%;
    right: 10%;
    width: 140px;
}
.pop_up,
.pop_up_line_menu {
    position: fixed;
    z-index: 100000;
    display: none;
}
.effect_message {
    background-color: rgba(55, 55, 55, 0.9);
    white-space: nowrap;
    text-align: center;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
}
.ranking_effect_off .even,
.ranking_effect_off .odd,
.ranking_effect_off .pass_effect,
.ranking_effect_off .pass_effect_2,
.ranking_effect_off .pass_effect_selected,
.ranking_effect_off .row_selection {
    -webkit-transition:
            top 0.3s linear,
            background-color linear;
    moz-transition:
            top 0.3s linear,
            background-color 0s linear;
    ms-transition:
            top 0.3s linear,
            background-color 0s linear;
    o-transition:
            top 0.3s linear,
            background-color 0s linear;
    transition:
            top 0.3s linear,
            background-color linear;
}
.no_live {
    font-size: 30px;
    text-align: center;
    color: #fff;
}
.link_fullscreen {
    margin-right: 10px;
}
.fullscreen_button {
    right: 10px;
    width: 25px;
    height: 25px;
    top: 4px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../images/fullscreen_1.png);
}
.fullscreen_button:hover,
.reload:hover {
    opacity: 0.7;
}
.reload {
    width: 190px;
    height: 50px;
    cursor: pointer;
    margin: 200px auto;
}
.reload .reload_img {
    width: 50px;
    height: 51px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../images/reload.png);
}
.reload p {
    line-height: 50px;
    color: #fff;
    font-size: 25px;
    float: left;
    margin-left: 35px;
}
.div_driver_lap_time,
.pop_up_help table,
.pop_up_line_menu .buttons {
    margin-left: auto;
    margin-right: auto;
}
.pop_up_line_menu {
    background-color: #fff;
    color: #000;
    left: 228px;
    top: 368px;
    font-size: 13px;
    border-radius: 4px;
    margin-top: -8px;
    user-select: none;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.41);
    padding: 5px;
    min-width: 150px;
    flex-direction: column;
}
#driver_data .go_live,
.div_driver_lap_time .show_more {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.pop_up_line_menu.display_down {
    margin-top: 8px;
    flex-direction: column-reverse;
}
.pop_up_line_menu.visible {
    display: flex;
}
.pop_up_line_menu .arrow {
    position: absolute;
    height: 0;
    bottom: 0;
    top: auto;
    left: 2px;
}
.pop_up_line_menu.display_down .arrow {
    bottom: auto;
    top: 0;
}
.pop_up_line_menu .arrow:after {
    position: absolute;
    font-family: fontawesome;
    content: "\f0da";
    font-size: 35px;
    color: #fff;
    height: 12px;
    line-height: 1px;
    bottom: -11px;
    clear: both;
    overflow: hidden;
    display: block;
}
.pop_up_line_menu.display_down .arrow:after {
    line-height: 21px;
    bottom: -1px;
}
.pop_up_line_menu .buttons {
    width: 228px;
    overflow: hidden;
}
.pop_up_line_menu .buttons div {
    cursor: pointer;
    width: 46px;
    height: 28px;
    line-height: 28px;
    float: right;
    text-align: center;
    border-radius: 3px;
    background-color: #ced3e0;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
}
.pop_up_line_menu .buttons div:hover {
    background-color: #dde4f6;
}
.pop_up_line_menu .buttons .driver_data,
.pop_up_line_menu .buttons .on_board {
    width: 92px;
    display: flex;
    justify-content: center;
    font-weight: 700;
    color: #000;
}
.pop_up_line_menu .buttons .select_line {
    background-color: transparent;
    width: 36px;
    margin-right: 0;
}
.pop_up_line_menu .buttons .driver_data {
    margin-left: 0;
}
.pop_up_line_menu .driver_data:before {
    font-family: "fontawesome bold";
    content: "\e098";
    font-size: 19px;
    margin-right: 3px;
}
.pop_up_line_menu .select_line.selected:after,
.pop_up_line_menu .select_line:before {
    font-family: "fontawesome light";
    content: "\f004";
    font-size: 19px;
    font-weight: 700;
    color: #000;
}
.pop_up_line_menu .select_line.selected:before {
    font-family: "fontawesome bold";
    font-weight: 400;
    color: #f44336;
    font-size: 17px;
}
.pop_up_line_menu .select_line.selected:after {
    position: absolute;
    left: 0;
    width: 100%;
}
.pop_up_line_menu .on_board:before {
    font-family: "fontawesome bold";
    content: "\f622";
    font-size: 19px;
    margin-right: 3px;
}
.pop_up {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.pop_up_help,
.pop_up_qrcode {
    color: #fff;
    max-width: 660px;
    width: 90%;
    font-size: 22px;
    position: absolute;
    background: #2d2d2d;
    padding-bottom: 15px;
    box-shadow: rgba(0, 0, 0, 0.36) 0 0 13px 0;
    overflow-y: auto;
    display: none;
}
.pop_up_help .close,
.pop_up_qrcode .close {
    width: 36px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    text-align: center;
    line-height: 35px;
}
.pop_up_help .close:after,
.pop_up_qrcode .close:after {
    font-family: "fontawesome normal";
    content: "\f00d";
}
.pop_up_help .close:hover,
.pop_up_qrcode .close:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.pop_up_help .title,
.pop_up_qrcode .title {
    text-align: center;
    height: 34px;
    line-height: 34px;
    min-height: auto;
    margin-bottom: 15px;
}
.pop_up_help table {
    text-align: center;
    width: calc(100% - 30px);
}
.pop_up_help table tbody tr td:first-child {
    padding-left: 5px;
    padding-right: 5px;
    background: rgba(0, 0, 0, 0.3);
    max-width: 115px;
}
.pop_up_help table tbody tr td:nth-child(2) {
    padding: 5px;
}
.pop_up_help table tbody tr td:nth-child(3) {
    text-align: left;
    padding: 5px;
    font-weight: 400 !important;
}
.pop_up_help table tbody tr:nth-child(odd) {
    background-color: #1b1b1b;
}
.pop_up_help table tbody tr:nth-child(2n) {
    background: #272727;
}
.pop_up_help table tbody tr td.grid_status img {
    width: 13px;
}
.pop_up_help table tbody tr td.menu img {
    max-width: 110px;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
}
.pop_up_help table tbody tr td.menu_button img {
    width: 37px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.pop_up_help table tbody tr td.menu_button.button_menu_data img,
.pop_up_help table tbody tr td.menu_button.button_menu_on_board img {
    width: 70px;
}
.pop_up_help table tbody tr td.menu_button.button_menu_follow img {
    width: 32px;
}
.pop_up_help table tbody tr td.effects img {
    max-width: 130px;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
}
.pop_up_help table tbody tr td.previous_live img {
    width: 30px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.pop_up_help table tbody tr td.zoom img {
    max-width: 56px;
}
.pop_up_help > .info {
    text-align: center;
    font-size: 14px;
    margin-top: 12px;
}
.pop_up_help .follow {
    overflow: hidden;
    padding-right: 6px;
    margin-bottom: 13px;
}
.pop_up_help .follow p {
    float: right;
    font-size: 13px;
    margin-right: 10px;
    line-height: 20px;
}
.pop_up_help .follow iframe {
    float: right;
    height: 20px;
}
@media (max-width: 450px) {
    .pop_up_help,
    .pop_up_qrcode {
        width: 96%;
    }
    .pop_up_help table {
        width: calc(100% - 6px);
    }
    .pop_up_help table tbody tr td:first-child {
        max-width: 80px;
        min-width: 80px;
    }
    .pop_up_help > .info {
        font-size: 11px;
    }
}
.pop_up_qrcode {
    max-width: 500px;
}
.pop_up_qrcode .qrcode {
    padding-left: 3%;
    padding-right: 3%;
}
.pop_up_qrcode .qrcode img {
    width: 100%;
    width: calc(100% - 20px);
    border: 10px solid #fff;
    background-color: #fff;
}
#driver_data {
    width: 100%;
    position: relative;
    display: none;
}
.div_driver_lap_time {
    width: 100%;
    overflow-y: auto;
    max-height: 750px;
}
.header_driver_lap_time thead {
    overflow: hidden;
    height: 18px;
}
.header_driver_lap_time thead th {
    float: left;
    line-height: 18px;
    height: 18px;
}
.header_driver_lap_time tbody td {
    float: left;
    text-align: center;
    height: 20px;
}
.header_driver_lap_time tbody tr {
    background-color: #393939;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
}
.driver_lap_time tbody {
    color: #fff;
    font-weight: 700;
    cursor: default;
}
.driver_lap_time tbody tr {
    height: 20px;
    text-align: center;
    transition: none;
    cursor: pointer;
}
.driver_lap_time tbody tr.graphic_hover,
.driver_lap_time tbody tr:hover {
    background-color: #424141;
}
.driver_lap_time tbody tr td[data-color="g"] {
    color: #0f0;
}
.driver_lap_time tbody tr td[data-color="p"] {
    color: #fa00fa;
}
.driver_lap_time tbody tr td[data-color="r"] {
    color: red;
}
.driver_lap_time tbody tr td[data-color="b"] {
    color: #15b5ff;
}
.driver_lap_time tbody tr td[data-color="c"] {
    color: #fffff;
    text-decoration: line-through;
    opacity: 0.7;
}
.driver_lap_time tbody tr td.lap {
    max-width: 80px;
    width: 80px;
}
.driver_lap_time tbody tr td.delta,
.driver_lap_time tbody tr td.lap_time,
.driver_lap_time tbody tr td.sector {
    width: 60px;
}
.driver_lap_time tbody tr td.delta {
    font-size: 100%;
    opacity: 0.8;
}
.driver_lap_time
tbody
tr
td.delta:not(:empty):not([data-color="g"]):not([data-color="p"]):not([data-color="r"]):not(
        [data-color="b"]
    ):before {
    content: "+";
}
.driver_lap_time tbody tr td.delta[data-color="b"],
.driver_lap_time tbody tr td.delta[data-color="r"] {
    font-size: 0px;
}
.driver_lap_time tbody tr td.lap_time_delta[data-color="r"]:before {
    content: "IN";
    font-size: 13.5px;
    font-family: monospace;
}
.driver_lap_time tbody tr td.lap_time_delta[data-color="b"]:before {
    content: "OUT";
    font-size: 13.5px;
    font-family: monospace;
}
.div_driver_lap_time .show_more {
    text-align: center;
    background-color: #aeb4c4;
    color: #fff;
    font-size: 0.6em;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    width: 74%;
    border-radius: 4px;
    margin: 13px auto 20px;
    user-select: none;
}
#driver_data .driver_infos .stats_link:hover,
.compare_laps_time .compare_driver_select .driver_selected:hover,
.div_driver_lap_time .show_more:hover,
.pop_up_line_menu .driver_infos .driver_photo .stats_link:hover {
    background-color: #607d8b;
}
.div_driver_lap_time .show_more.unactive {
    opacity: 0;
    cursor: default;
}
.div_driver_pit_time {
    padding-bottom: 30px;
}
.header_driver_pit_time thead th {
    float: left;
    line-height: 18px;
    height: 18px;
    white-space: nowrap;
    padding-left: 4px;
    padding-right: 4px;
}
.driver_pit_time tbody tr {
    height: 20px;
    text-align: center;
    transition: none;
}
.div_driver_pit_time tbody td {
    min-width: 10px;
    padding-left: 4px;
    padding-right: 4px;
}
.div_driver_pit_time tbody td.in_time,
.div_driver_pit_time tbody td.out_time,
.div_driver_pit_time tbody td.pit_time,
.div_driver_pit_time tbody td.track_time {
    font-weight: 700;
}
.div_driver_pit_time tbody td.driver {
    min-width: 25px;
    background-color: rgba(255, 255, 255, 0.1);
}
#driver_data .driver_infos .div_drivers .helmet[data-color="#000000"],
.div_driver_pit_time tbody td.driver[data-color="#000000"] {
    color: #fff !important;
}
.div_driver_pit_time tbody td.total_time {
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 540px) {
    .div_driver_pit_time tbody td.driver span,
    .div_driver_pit_time tbody td.laps,
    .div_driver_pit_time tbody td.out_time,
    .header_driver_pit_time thead th.laps,
    .header_driver_pit_time thead th.out_time {
        display: none;
    }
    .div_driver_pit_time tbody td.driver {
        background-repeat: no-repeat;
        background-position: center;
        filter: brightness(1.4);
        background-image: url(../images/DrTeam.png);
    }
    .div_driver_pit_time tbody td.driver[data-color="#FFFF00"] {
        background-image: url(../images/DrTeamY.png);
    }
    .div_driver_pit_time tbody td.driver[data-color="#FF0000"] {
        background-image: url(../images/DrTeamR.png);
    }
    .div_driver_pit_time tbody td.driver[data-color="#00FF00"] {
        background-image: url(../images/DrTeamG.png);
    }
    .div_driver_pit_time tbody td.driver[data-color="#00C8FF"] {
        background-image: url(../images/DrTeamB.png);
    }
    .div_driver_pit_time tbody td.driver[data-color="#FFFFFF"] {
        background-image: url(../images/DrTeamW.png);
    }
}
#driver_data .go_live {
    font-size: 14px;
    text-align: left;
    user-select: none;
    height: 38px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 35px;
}
#driver_data .graphic_lap_time,
.compare_laps_time,
.compare_laps_time * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
}
#driver_data .go_live span {
    margin-left: 10px;
    display: inline-block;
    padding-right: 21px;
    font-size: 16px;
}
#driver_data .go_live span:hover {
    cursor: pointer;
    opacity: 0.7;
}
#driver_data .go_live span:before {
    font-family: "fontawesome normal";
    content: "\f177";
    font-size: 19px;
    padding-left: 14px;
    padding-right: 12px;
    position: relative;
    top: 1.5px;
}
#driver_data .driver_infos_graphic {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: start;
    align-items: start;
    align-items: flex-start;
}
#driver_data .driver_infos_graphic:after {
    clear: both;
    content: "";
    height: 0;
    display: block;
}
#driver_data .driver_infos {
    padding-top: 10px;
    margin-left: 10px;
    width: 40%;
    float: left;
    background-color: #232323;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    min-height: 25px;
    align-self: start;
}
#driver_data .driver_infos:empty,
.tracking svg path[data-type="out"] {
    opacity: 0;
}
#driver_data .infos {
    overflow: hidden;
    font-size: 15px;
    padding: 6px 20px 10px;
    line-height: 20px;
    display: flex;
}
#driver_data .div_drivers .infos {
    padding-top: 8px;
    padding-bottom: 8px;
}
#driver_data .driver_infos .follow {
    position: absolute;
    right: 3px;
    top: 4px;
    z-index: 50;
    cursor: pointer;
    opacity: 0.8;
    width: 24px;
    height: 24px;
    text-align: center;
}
#driver_data .driver_infos .follow:hover {
    opacity: 1;
}
#driver_data .driver_infos .follow:before,
#driver_data .driver_infos[data-followed="1"] .follow:after {
    font-family: "fontawesome light";
    content: "\f004";
    font-size: 19px;
    height: 19px;
    font-weight: 700;
    color: #fff;
    top: 5px;
    position: absolute;
    left: -1px;
}
#driver_data .driver_infos[data-followed="1"] .follow:before {
    font-family: "fontawesome bold";
    font-size: 17px;
    color: #f44336;
    top: 5px;
    left: 0;
}
#driver_data .driver_infos .driver_photo {
    padding: 7px 20px 2px;
    position: relative;
    display: none;
    z-index: 20;
}
#driver_data .driver_infos .driver_photo img {
    display: block;
    min-height: 90px;
    max-width: 120px;
    max-height: 120px;
}
#driver_data .driver_infos .stats_link {
    position: absolute;
    left: 150px;
    bottom: 2px;
    background-color: #515252;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
    cursor: pointer;
    display: none;
}
#driver_data .driver_infos .kart,
.pop_up_line_menu .driver_infos .kart {
    background-color: #4aa1da;
    margin-right: 10px;
    float: left;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}
#driver_data .driver_infos .stats_link.kartcom {
    background-image: url(../../commonv2/images/logo_kartcom.png);
    padding-left: 84px;
    background-repeat: no-repeat;
    background-size: 74px;
    background-position: 5px 5px;
}
#driver_data .driver_infos .stats_link.sws {
    background-image: url(../../commonv2/images/logo_sws.png);
    padding-left: 84px;
    background-repeat: no-repeat;
    background-size: 67px;
    background-position: 7px 5px;
}
#driver_data .driver_infos .stats_link:after,
.pop_up_line_menu .driver_infos .driver_photo .stats_link:after {
    font-family: "fontawesome normal";
    content: "\f35d";
    padding-left: 6px;
    font-size: 11px;
    position: relative;
    top: -1px;
}
#driver_data .driver_infos .kart {
    width: 36px;
    height: 20px;
}
#driver_data .driver_infos .flag {
    float: left;
    height: 20px;
    width: 34px;
    min-width: 34px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
#driver_data .driver_infos .driver {
    float: left;
    min-height: 20px;
}
#driver_data .driver_infos .infos div[data-type="class"] span {
    text-align: center;
    background-color: #878787;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}
#driver_data .driver_infos .div_drivers {
    border-top: 2px solid #fff;
    padding-top: 4px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
#driver_data .driver_infos .div_drivers .infos,
.pop_up_line_menu .driver_infos .div_drivers .infos {
    font-size: 13px;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}
#driver_data .driver_infos .div_drivers .infos[data-current="1"] {
    font-weight: 700;
    background-color: #393939;
    width: calc(100% - 2px);
    margin-left: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#driver_data .driver_infos .div_drivers .flag {
    margin-right: 4px;
    width: 30px;
    min-width: 30px;
}
#driver_data .driver_infos .div_drivers .helmet,
.pop_up_line_menu .driver_infos .div_drivers .helmet {
    width: 20px;
    height: 20px;
    min-width: 20px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(1.4);
    background-image: url(../images/DrTeam.png);
    float: left;
}
#driver_data .driver_infos .div_drivers .infos[data-current="1"] .helmet,
.pop_up_line_menu .driver_infos .div_drivers .infos[data-current="1"] .helmet {
    filter: brightness(1);
    background: 0 0;
}
#driver_data .driver_infos .div_drivers .infos[data-current="1"] .helmet:before,
.pop_up_line_menu .driver_infos .div_drivers .infos[data-current="1"] .helmet:before {
    font-family: "fontawesome normal";
    content: "\f622";
    font-size: 16px;
    font-weight: 400;
}
#driver_data .driver_infos .div_drivers .driver {
    padding-left: 4px;
    padding-right: 4px;
    width: 55%;
    height: auto;
    max-width: 260px;
}
#driver_data .driver_infos .div_drivers .track_time {
    white-space: nowrap;
    text-align: center;
    width: 90px;
    min-width: 90px;
    font-size: 12px;
}
@media (max-width: 1045px) and (min-width: 980px) {
    #driver_data .driver_infos .stats_link.kartcom {
        padding-left: 60px;
        background-size: 55px;
        background-position: 3px 7px;
    }
    #driver_data .driver_infos .stats_link.sws {
        padding-left: 60px;
        background-size: 50px;
        background-position: 3px 6.5px;
    }
}
@media (max-width: 790px) and (min-width: 769px) {
    #driver_data .driver_infos .stats_link.kartcom {
        padding-left: 60px;
        background-size: 55px;
        background-position: 3px 7px;
    }
    #driver_data .driver_infos .stats_link.sws {
        padding-left: 60px;
        background-size: 50px;
        background-position: 3px 6.5px;
    }
}
#driver_data .block_skill_points *,
#driver_data .block_skill_points :after,
#driver_data .block_skill_points :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#driver_data .block_skill_points {
    z-index: 50;
    position: absolute;
    top: 1px;
    left: 151px;
    transform: scale(0.8);
    transform-origin: center left;
    min-width: 170px;
    width: 220px;
    display: none;
}
#driver_data .div_circle {
    height: 74px;
    width: 74px;
    border-radius: 100%;
    background-color: #494a4a;
    color: #fff;
    text-align: center;
    position: relative;
    float: left;
    z-index: 200;
}
#driver_data .div_level_sws,
.pop_up_line_menu .driver_infos .div_level_sws {
    background-size: contain;
    height: 40px;
    flex-direction: column;
    background-repeat: no-repeat;
}
#driver_data .div_circle:after {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
    content: "";
}
#driver_data .div_circle svg {
    transform: rotate(-228deg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#driver_data .div_circle svg circle {
    stroke-width: 7.5px;
    fill: rgba(0, 0, 0, 0);
    stroke-linecap: round;
    z-index: 200;
    stroke: rgba(255, 255, 255, 0.36);
    r: 31;
    cy: 37;
    cx: 37;
    stroke-dasharray: 194, 7787445225671807846;
    stroke-dashoffset: 46;
}
#driver_data .div_circle svg.circle_progress circle {
    stroke: #fff;
    stroke-dashoffset: 100;
    z-index: 300;
    transition: opacity 0.3s;
}
#driver_data .div_circle .skill_points {
    font-size: 28px;
    top: 14px;
    position: absolute;
    width: 100%;
    font-weight: 700;
    font-family:
            Open Sans,
            sans-serif;
}
#driver_data .div_circle .skill_picture {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 25px;
    height: 32px;
    margin: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#driver_data .div_circle .skill_picture[data-skill="1"] {
    background-image: url("../../commonv2/images/wheel_1.png");
}
#driver_data .div_circle .skill_picture[data-skill="2"] {
    background-image: url("../../commonv2/images/wheel_2.png");
}
#driver_data .div_circle .skill_picture[data-skill="3"] {
    background-image: url("../../commonv2/images/wheel_3.png");
}
#driver_data .div_circle .skill_picture[data-skill="4"] {
    background-image: url("../../commonv2/images/wheel_4.png");
}
#driver_data .div_circle .skill_picture[data-skill="5"] {
    background-image: url("../../commonv2/images/wheel_5.png");
}
#driver_data .div_skill {
    width: 138px;
    float: left;
}
#driver_data .div_skill .skill {
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    font-family:
            Open Sans,
            sans-serif;
    height: 24px;
    position: relative;
    top: 13px;
}
#driver_data .div_skill .div_skill_progress {
    background-color: #494a4a;
    height: 21px;
    width: 100%;
    margin-left: -10px;
    padding-top: 5px;
    position: relative;
    z-index: 100;
    padding-left: 15px;
    top: 15px;
}
#driver_data .div_skill .skill_progress,
.tracking,
.tracking svg {
    margin-right: auto;
    margin-left: auto;
}
#driver_data .div_skill .div_skill_progress:after {
    position: absolute;
    width: 20px;
    height: 0;
    border-style: solid;
    border-width: 21px 18px 0 0;
    border-color: #494a4a transparent transparent;
    content: "";
    display: block;
    top: 0;
    right: -18px;
}
#driver_data .div_skill .skill_progress {
    width: 105px;
    height: 10px;
    background-size: 105px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url("../../commonv2/images/skill_progress_0.png");
}
#driver_data .div_skill .skill_progress:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-size: 105px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url("../../commonv2/images/skill_progress_5.png");
}
#driver_data .div_skill .skill_progress[data-skill="1"]:after {
    width: 22;
}
#driver_data .div_skill .skill_progress[data-skill="2"]:after {
    width: 42px;
}
#driver_data .div_skill .skill_progress[data-skill="3"]:after {
    width: 62px;
}
#driver_data .div_skill .skill_progress[data-skill="4"]:after {
    width: 82px;
}
@media (max-width: 1110px) {
    #driver_data .block_skill_points {
        transform: scale(0.66);
    }
}
@media (max-width: 1050px) {
    #driver_data .block_skill_points {
        transform: scale(0.56);
    }
}
@media (max-width: 980px) {
    #driver_data .block_skill_points {
        transform: scale(0.8);
    }
}
@media (max-width: 865px) {
    #driver_data .block_skill_points {
        transform: scale(0.66);
    }
}
@media (max-width: 790px) {
    #driver_data .block_skill_points {
        transform: scale(0.56);
    }
}
@media (max-width: 768px) {
    #driver_data .block_skill_points {
        transform: scale(0.8);
    }
}
@media (max-width: 430px) {
    .driver_timing_2 {
        display: block;
    }
    .block_onboard_progress_lap {
        top: 235px;
    }
    #driver_data .block_skill_points {
        left: 143px;
    }
}
@media (max-width: 360px) {
    #driver_data .block_skill_points {
        transform: scale(0.69);
    }
}
#driver_data .div_level_sws {
    width: 190px;
    justify-content: center;
    position: absolute;
    left: 151px;
    z-index: 50;
    top: 24px;
    font-size: 13px;
    display: none;
}
#driver_data .div_level_sws .level,
.pop_up_line_menu .driver_infos .div_level_sws .level {
    width: 50%;
    text-align: center;
}
#driver_data .div_level_sws .points,
.pop_up_line_menu .driver_infos .div_level_sws .points {
    width: 50%;
    text-align: center;
    font-size: 85%;
}
@media (max-width: 1250px) and (min-width: 769px) {
    #driver_data .div_level_sws {
        width: 116px;
        height: 24px;
        font-size: 9px;
    }
}
@media (max-width: 430px) {
    #driver_data .driver_infos .driver_photo,
    #driver_data .infos {
        padding-left: 12px;
    }
    #driver_data .driver_infos .div_drivers .infos {
        font-size: 12px;
    }
    #driver_data .driver_infos .stats_link {
        left: 142px;
    }
    #driver_data .div_level_sws {
        left: 142px;
        width: 150px;
        height: 30px;
        font-size: 10px;
    }
}
@media (max-width: 340px) {
    #driver_data .driver_infos .stats_link.kartcom {
        padding-left: 60px;
        background-size: 55px;
        background-position: 3px 7px;
    }
    #driver_data .driver_infos .stats_link.sws {
        padding-left: 60px;
        background-size: 50px;
        background-position: 3px 6.5px;
    }
    #driver_data .div_level_sws {
        width: 116px;
        height: 24px;
        font-size: 9px;
    }
}
.pop_up_line_menu .driver_infos {
    background-color: #fff;
    margin-bottom: 4px;
    align-self: start;
    border-radius: 3px;
    min-width: 146px;
}
.pop_up_line_menu.display_down .driver_infos {
    padding-top: 4px;
    margin-bottom: 0;
}
.pop_up_line_menu .driver_infos .driver_photo {
    padding-right: 5px;
    padding-bottom: 3px;
    display: none;
    overflow: hidden;
}
.pop_up_line_menu:not(.display_down) .driver_infos .driver_photo {
    padding-bottom: 7px;
}
.pop_up_line_menu .driver_infos .driver_photo .div_image {
    float: left;
    display: flex;
    position: relative;
}
.pop_up_line_menu .driver_infos .driver_photo img {
    max-height: 190px;
    max-width: 200px;
    border-radius: 2px;
}
.pop_up_line_menu .driver_infos .driver_photo .stats_link {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.67);
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
    cursor: pointer;
    margin-top: -3px;
    text-align: right;
    border-bottom-right-radius: 2px;
    display: none;
}
.pop_up_line_menu .driver_infos .driver_photo .stats_link.kartcom {
    background-image: url(../../commonv2/images/logo_kartcom.png);
    padding-left: 78px;
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: 6px 6.5px;
}
.pop_up_line_menu .driver_infos .driver_photo .stats_link.sws {
    background-image: url(../../commonv2/images/logo_sws.png);
    padding-left: 71px;
    background-repeat: no-repeat;
    background-size: 58px;
    background-position: 6px 6px;
}
.pop_up_line_menu .driver_infos .div_level_sws {
    width: 196px;
    margin-bottom: 5px;
    margin-left: 2px;
    justify-content: center;
    display: none;
    color: #fff;
}
@media (max-height: 600px) {
    .pop_up_line_menu .driver_infos .driver_photo img {
        max-height: 150px;
    }
    .pop_up_line_menu .driver_infos .div_level_sws {
        display: none !important;
    }
}
.pop_up_line_menu .infos {
    overflow: hidden;
    font-size: 13px;
    padding: 2px 5px 3px;
    line-height: 20px;
    display: flex;
}
.pop_up_line_menu .driver_infos .kart {
    width: 30px;
    height: 18px;
    font-size: 90%;
    color: #fff;
}
.pop_up_line_menu .driver_infos .flag {
    float: left;
    height: 18px;
    width: 27px;
    min-width: 27px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.pop_up_line_menu .driver_infos .driver {
    float: left;
    min-height: 20px;
    white-space: normal;
    font-weight: 700;
}
.pop_up_line_menu .driver_infos .infos div[data-type="class"] span {
    text-align: center;
    background-color: #878787;
    height: 18px;
    line-height: 20px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    font-size: 92%;
}
.pop_up_line_menu .driver_infos .div_drivers {
    border-top: 2px solid #c5c5c5;
    padding-top: 4px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.pop_up_line_menu .driver_infos .div_drivers .infos[data-current="1"] {
    background-color: #e0e7f9;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pop_up_line_menu .driver_infos .div_drivers .flag {
    margin-right: 4px;
    width: 27px;
    min-width: 27px;
}
.pop_up_line_menu .driver_infos .div_drivers .helmet[data-color="#000000"] {
    color: #000 !important;
}
.pop_up_line_menu .driver_infos .div_drivers .helmet[data-color="#FFFFFF"] {
    background-image: url(../images/DrTeam.png);
}
.pop_up_line_menu .driver_infos .div_drivers .driver {
    padding-left: 4px;
    padding-right: 4px;
    width: 90%;
    height: auto;
    max-width: 260px;
    min-width: 100px;
}
.pop_up_line_menu .driver_infos .div_drivers .track_time {
    white-space: nowrap;
    text-align: right;
    width: 53px;
    min-width: 53px;
    padding-right: 2px;
    font-size: 12px;
    font-weight: 400;
}
.compare_laps_time,
.compare_laps_time * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
}
.compare_laps_time:after {
    display: block;
    clear: both;
    content: "";
    height: 0;
}
.compare_laps_time .left {
    float: left;
    padding-top: 16px;
    padding-left: 10px;
    display: none;
}
.compare_laps_time .left > div {
    width: 75px;
    height: 28px;
    line-height: 29px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    background-color: #515252;
    float: left;
}
.compare_laps_time .left > div.active {
    background-color: #208fdc;
    cursor: default;
}
.compare_laps_time .right {
    float: right;
    width: 60%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.compare_laps_time .compare_driver_title {
    width: 140px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    min-height: 0;
    line-height: 31px;
    text-align: center;
    font-weight: 400;
    float: left;
    background-color: #ffb300;
    color: #000;
}
.compare_laps_time .compare_driver_select {
    width: 220px;
    float: left;
    cursor: pointer;
    position: relative;
    max-width: 400px;
    width: calc(100% - 140px);
}
.compare_laps_time .compare_driver_select .driver_selected {
    width: 100%;
    overflow: hidden;
    height: 30px;
    background-color: #515252;
    padding-left: 4px;
    padding-top: 7px;
    padding-right: 30px;
    position: relative;
}
.compare_laps_time .compare_driver_select .driver_selected:after {
    font-family: fontawesome;
    content: "\f0d7";
    position: absolute;
    right: 7px;
    top: 3px;
    color: #fff;
    font-size: 24px;
}
.compare_driver_select .rank {
    width: 36px;
    height: 0;
    border-style: solid;
    border-width: 16px 10px 0 0;
    border-color: #fff transparent transparent;
    color: #000;
    position: relative;
    float: left;
}
.compare_driver_select .rank:after {
    position: absolute;
    display: inline-block;
    top: -16px;
    content: attr(data-rank);
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.compare_laps_time .compare_driver_select .kart {
    width: 33px;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 9px;
    border-color: transparent transparent #4aa1da;
    line-height: 16px;
    float: left;
    font-size: 11px;
    font-weight: 700;
    margin-top: 1px;
    text-align: center;
    padding-right: 2px;
    margin-left: -6px;
}
.compare_laps_time .compare_driver_select .driver {
    float: left;
    font-size: 13px;
    width: calc(100% - 64px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 5px;
}
.compare_laps_time .compare_driver_select li .driver {
    font-size: 12px;
    line-height: 16px;
}
.compare_driver_select ul {
    position: absolute;
    top: 30px;
    max-height: 297px;
    overflow-y: auto;
    background: #131313;
    border: 1px solid #393939;
    padding: 2px 2px 7px;
    box-shadow: 3px 2px 6px -3px #000;
    z-index: 50;
    width: 100%;
    display: none;
}
.compare_driver_select ul li {
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    min-height: 20px;
    transition: none;
}
.compare_driver_select ul li:not(.row_selection):nth-child(2n) {
    background-color: #232323;
}
.compare_driver_select ul li:hover {
    background-color: #424141 !important;
}
.compare_driver_select ul li.driver_1 {
    background-color: #1595ee !important;
}
.compare_driver_select ul li.driver_2 {
    background-color: #ffb300 !important;
}
@media (max-width: 600px) {
    #options ul li {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    #options ul li .on_off {
        top: 11px;
    }
    #live_menu ul.previous_lives li {
        padding-top: 12px;
        padding-bottom: 10px;
    }
    .compare_driver_select ul li {
        padding-top: 8px;
        padding-bottom: 8px;
        min-height: 32px;
    }
}
#driver_data .graphic_lap_time {
    float: left;
    width: 60%;
    position: relative;
    padding: 10px;
    user-select: none;
    align-self: stretch;
}
#driver_data .graphic_lap_time .graphic_lap_time_padding {
    position: relative;
    height: 100%;
    background-color: #232323;
}
#driver_data .graphic_lap_time .graphic {
    width: 100%;
    min-height: 250px;
    height: 100%;
    z-index: 30;
}
#driver_data .graphic_lap_time .information_bubble {
    color: #fff;
    background-color: #1595ee;
    position: absolute;
    border-radius: 3px;
    font-size: 12px;
    display: none;
    z-index: 200;
}
#driver_data .graphic_lap_time .information_bubble .time {
    font-family: JetSet;
    position: relative;
    z-index: 200;
    background-color: inherit;
    padding: 2px 14px;
    border-radius: 3px;
}
#driver_data .graphic_lap_time .information_bubble .gap {
    font-family: JetSet;
    position: relative;
    z-index: 200;
    background-color: #ffb300;
    padding: 2px 14px;
    margin-bottom: 4px;
    font-size: 10px;
}
#driver_data .graphic_lap_time .information_bubble .triangle {
    content: "";
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    position: absolute;
    bottom: -8px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    border-radius: 4px;
    background-color: #9c27b0;
    background-color: inherit;
    z-index: 100;
}
#driver_data .graphic_lap_time .legend {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    z-index: 50;
    white-space: nowrap;
}
#driver_data .graphic_lap_time .legend > div {
    display: inline-block;
    margin-left: 1px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    min-width: 22px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#driver_data .graphic_lap_time .legend > div.active {
    cursor: default;
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1.5px;
    color: #4cb2f8;
}
#driver_data .graphic_lap_time .legend > div:not(.active):hover {
    opacity: 0.8;
    cursor: pointer;
}
#driver_data .graphic_lap_time .legend_2 {
    position: absolute;
    left: 14px;
    bottom: 9px;
    font-size: 13px;
    z-index: 20;
    cursor: default;
}
#driver_data .graphic_lap_time .legend_2:after {
    font-family: "fontawesome bold";
    content: "\f356";
    margin-left: 3px;
    font-size: 9px;
    opacity: 0.8;
    z-index: 20;
    cursor: default;
}
#driver_data .graphic_lap_time .lap {
    position: absolute;
    bottom: -6px;
    left: 22px;
    background: #1595ee;
    color: #fff;
    padding-left: 3px;
    padding-right: 3px;
    height: 14px;
    min-width: 14px;
    text-align: center;
    line-height: 14px;
    font-family:
            Open Sans,
            sans-serif;
    font-size: 11px;
    border-radius: 4px;
    z-index: 50;
    display: none;
}
#driver_data .graphic_lap_time .show_less,
#driver_data .graphic_lap_time .show_more {
    position: absolute;
    bottom: 10px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    z-index: 50;
    cursor: pointer;
    display: none;
    height: 18px;
}
#driver_data .graphic_lap_time .show_more {
    right: 10px;
    font-size: 13px;
}
#driver_data .graphic_lap_time .show_less:hover,
#driver_data .graphic_lap_time .show_more:hover {
    color: #4cb2f8;
}
#driver_data .graphic_lap_time .show_more:before {
    font-family: "fontawesome light";
    content: "\f0fe";
    font-size: 20px;
}
#driver_data .graphic_lap_time .show_less {
    right: 33px;
    font-size: 9px;
}
#driver_data .graphic_lap_time .show_less:before {
    font-family: "fontawesome light";
    content: "\f146";
    font-size: 20px;
}
@media (max-width: 769px) {
    #driver_data * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #driver_data .driver_infos {
        float: none;
        width: 100%;
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }
    #driver_data .driver_infos_graphic {
        display: block;
    }
    #driver_data .graphic_lap_time {
        float: none;
        width: 100%;
        padding-top: 0;
    }
    #driver_data .compare_laps_time {
        display: flex;
        flex-direction: column-reverse;
    }
    #driver_data .compare_laps_time .left {
        width: 100%;
    }
    #driver_data .compare_laps_time .right {
        width: 100%;
        padding-right: 10px;
        padding-left: 8px;
    }
}
@media (max-width: 570px) {
    #driver_data .div_driver_lap_time td.delta,
    #driver_data .div_driver_lap_time td.empty,
    #driver_data .header_driver_lap_time th.delta,
    #driver_data .header_driver_lap_time th.empty {
        display: none !important;
    }
    #driver_data .div_driver_lap_time td {
        width: auto;
        max-width: initial;
    }
    #driver_data .div_driver_lap_time td.lap {
        max-width: 40px;
        width: 40px;
    }
    #driver_data .graphic_lap_time .legend {
        top: 5px;
    }
    #driver_data .graphic_lap_time .legend > div {
        font-size: 15px;
        padding-left: 9px;
        padding-right: 7px;
        line-height: 24px;
        margin-left: 6px;
    }
}
@media (max-width: 450px) {
    .compare_laps_time .compare_driver_title {
        width: 72px;
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .compare_laps_time .compare_driver_select {
        width: calc(100% - 72px);
    }
}
@media (max-height: 570px) {
    .compare_driver_select ul {
        max-height: 217px;
    }
}
.tracking {
    display: none;
}
.tracking svg {
    display: block;
    min-width: 300px;
    max-height: 350px;
}
@media (max-width: 1200px) {
    .tracking svg {
        min-width: 250px;
        max-width: 300px;
    }
}
.tracking svg path {
    fill: none;
    stroke: #c0c0c0;
    stroke-width: 7;
}
.tracking svg path[data-type="in"] {
    stroke: #7d7b7b;
}
.tracking svg rect[data-type="sf"] {
    fill: #009cff;
    x: -3.5;
    y: -9;
    width: 6px;
    height: 18px;
}
.tracking svg g.drivers circle {
    stroke: #03a9f4;
    stroke-width: 1.4;
    fill: #f0f0f0;
    r: 6.5px;
}
#live[data-type="race"] .tracking svg g.drivers circle[data-position="1"] {
    fill: #ff8800;
    stroke: #ffda07;
}
#live[data-type="best_time"] .tracking svg g.drivers circle[data-position="1"] {
    fill: #d439ee;
    stroke: #a218b9;
}
#live .tracking svg g.drivers circle[data-selected="1"] {
    r: 13px;
}
#live .tracking svg g.drivers circle[data-compare_hover="1"]:not([data-selected="1"]):not([data-data_selected="1"]),
#live .tracking svg g.drivers circle[data-hover="1"] {
    fill: #607d8b;
    stroke: #607d8b;
    r: 12px;
}
#live .tracking svg g.drivers circle[data-data_selected="1"]:not([data-selected="1"]) {
    fill: #424445;
    fill: #607d8b;
}
#live .tracking svg g.drivers circle[data-data_selected="1"] {
    stroke: #169fff;
    stroke-width: 5px;
    r: 12px;
}
#live .tracking svg g.drivers circle[data-compare_selected="1"]:not([data-selected="1"]):not([data-data_selected="1"]) {
    fill: #424445;
}
#live .tracking svg g.drivers circle[data-compare_selected="1"]:not([data-data_selected="1"]) {
    stroke: #ffb300;
    stroke-width: 5px;
    r: 12px;
}