#live-f1-content, #live-f1-content2 {
    font-family: courier new, courier, monospace;
    font-size: 12px;
    color: #C0C0C0;
    background-color: #000;
    white-space: nowrap;
    line-height: 15px;
}

#live-f1-content .span {
    cursor: pointer;
}

#live-f1-racecontrol {
    font-family: courier new, courier, monospace;
    color: #C0C0C0;
    background-color: #000;
    height: 390px;
    overflow: auto;
}
#live-f1-racecontrol p {
    /*width: 530px;*/
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 16px;
    /*white-space: normal;*/
}

#live-f1-classification, #live-f1-classification2 {
    font-family: courier new, courier, monospace;
    background: #000;
    color: #808080;
    padding-top: 2px;
}

#live-f1-racecontrol_small {
    font-family: courier new, courier, monospace;
    background: #000;
    color: #808080;
}

#live-f1-telemetry {
    width: 570px;
    overflow: auto;
    background: #000;
    font-family: courier new, courier, monospace;
    color: #C0C0C0;
}
#live-f1-telemetry_ul {
    margin: 0px;
    padding: 0px;
}
#live-f1-telemetry li {
    float: left;
    width: 190px;
    height: 380px;
    list-style: none;
    padding: 10px 0px 0px 0px;
    position: relative;
}
#live-f1-telemetry li .rpm {
    position: absolute;
    text-align: center;
    top: 105px;
    width: 100%;
    color: rgba(255, 0, 0, 0.8);
}
#live-f1-telemetry li .speed {
    position: absolute;
    text-align: center;
    top: 120px;
    width: 100%;
    color: rgba(0, 255, 0, 0.8);
}
#live-f1-telemetry li .drs {
    position: absolute;
    text-align: center;
    top: 145px;
    left: 70px;
    width: 50px;
    color: rgba(255, 255, 255, 0.9);
    background: green;

    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}
#live-f1-telemetry li .gear {
    position: absolute;
    text-align: center;
    top: 77px;
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
    font-family: Verdana, Tahoma, Helvetica, Arial;
    font-size: 18px;
    font-weight: bold;
}
#live-f1-telemetry li .laps {
    height: 170px;
    width: 100%;
    overflow: auto;
}
#live-f1-telemetry li .laps p {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 16px;
}

#live-f1-test-content {
    font-family: courier new, courier, monospace;
    font-size: 12px;
    color: #C0C0C0;
    background-color: #000;
    white-space: nowrap;
    line-height: 15px;
}

#live-f1-test-classification {
    font-family: courier new, courier, monospace;
    background: #000;
    color: #808080;
    padding-top: 4px;
}

.live-f1-test-history {
    font-family: courier new, courier, monospace;
    background: #000;
    color: #C0C0C0;
    padding: 5px;
}

#live-f1-content .f0  { color: #000000; }
#live-f1-content .f1  { color: #000080; }
#live-f1-content .f2  { color: #00AA00; }
#live-f1-content .f3  { color: #008080; }
#live-f1-content .f4  { color: #CC0000; }
#live-f1-content .f5  { color: #A000A0; }
#live-f1-content .f6  { color: #DDDD00; }
#live-f1-content .f7  { color: #C0C0C0; }
#live-f1-content .f8  { color: #808080; }
#live-f1-content .f9  { color: #0000FF; }
#live-f1-content .f10 { color: #00FF00; }
#live-f1-content .f11 { color: #00FFFF; }
#live-f1-content .f12 { color: #FF8C00; }
#live-f1-content .f13 { color: #FF00FF; }
#live-f1-content .f14 { color: #FFFF00; }
#live-f1-content .f15 { color: #FFFFFF; }

.live-timing-table .row:hover {
    background: #333;
    cursor: pointer;
}
.live-timing-table .selected {
    background: #333;
    cursor: pointer;
}
.live-timing-table td {
    padding-right: 8px;
}
.live-timing-table .c0 { color: #000000; } /* null */
.live-timing-table .c1 { color: #C0C0C0; } /* default */
.live-timing-table .c2 { color: #CC0000; } /* pit */
.live-timing-table .c3 { color: #00AA00; } /* best */
.live-timing-table .c4 { color: #A000A0; } /* record */
.live-timing-table .c5 { color: #008080; } /* data */
.live-timing-table .c6 { color: #BBBB00; } /* old */
.live-timing-table .c7 { color: #808080; } /* eliminated */

.live-timing-table .s0 { background-color: #000000; } /* null */
.live-timing-table .s1 { background-color: #C0C0C0; } /* default */
.live-timing-table .s2 { background-color: #CC0000; } /* pit */
.live-timing-table .s3 { background-color: #00AA00; } /* best */
.live-timing-table .s4 { background-color: #A000A0; } /* record */
.live-timing-table .s5 { background-color: #008080; } /* data */
.live-timing-table .s6 { background-color: #BBBB00; } /* old */
.live-timing-table .s7 { background-color: #808080; } /* eliminated */
.live-timing-table .s8 { background-color: #505050; } /* underscore */

.live-timing-table .al { text-align: left; }
.live-timing-table .ar { text-align: right; }
.live-timing-table .ac { text-align: center; }

.live-timing-table .segments {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 2px;
}
.live-timing-table .segments .ms {
    height: 1px;
    margin-right: 3px;
    flex: 1;
}

/* old
.live-timing-table .tHS { color: #FFC0CB; }
.live-timing-table .tUS { color: #CC00CC; }
.live-timing-table .tSS { color: #CC0000; }
.live-timing-table .tS  { color: #BBBB00; }
.live-timing-table .tM  { color: #C0C0C0; }
.live-timing-table .tH  { color: #CC7700; }
.live-timing-table .tI  { color: #00AA00; }
.live-timing-table .tW  { color: #008080; }
*/
/* 2019 */
.live-timing-table .tS  { color: #CC0000; }
.live-timing-table .tM  { color: #BBBB00; }
.live-timing-table .tH  { color: #C0C0C0; }
.live-timing-table .tI  { color: #00AA00; }
.live-timing-table .tW  { color: #008080; }


#live-f1-content .b0  { background-color: #000000; }
#live-f1-content .b1  { background-color: #000080; }
#live-f1-content .b2  { background-color: #008000; }
#live-f1-content .b3  { background-color: #008080; }
#live-f1-content .b4  { background-color: #FF0000; }
#live-f1-content .b5  { background-color: #800080; }
#live-f1-content .b6  { background-color: #BBBB00; }
#live-f1-content .b7  { background-color: #C0C0C0; }
#live-f1-content .b8  { background-color: #808080; }
#live-f1-content .b9  { background-color: #0000FF; }
#live-f1-content .b10 { background-color: #00FF00; }
#live-f1-content .b11 { background-color: #00FFFF; }
#live-f1-content .b12 { background-color: #FF8C00; }
#live-f1-content .b13 { background-color: #FF00FF; }
#live-f1-content .b14 { background-color: #FFFF00; }
#live-f1-content .b15 { background-color: #FFFFFF; }

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#advanced {
    width: 20px;
    height: 20px;

    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
    background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);

    animation-name: spin; 
    animation-duration: 3s; /* 3 seconds */
    animation-iteration-count: infinite; 
    animation-timing-function: linear;
}

.livetiming_status_green div,
.livetiming_status_red div,
.livetiming_status_yellow div,
.livetiming_status_sc div,
.livetiming_status_scstby div {
    float: right;
    padding: 1px 5px;
}
.livetiming_status_green div {
    color: #008080;
    background: #000;
}
.livetiming_status_red div {
    color: #eee;
    background: #ee0000;
}
.livetiming_status_yellow div {
    color: #333;
    background: #f5f500;
}
.livetiming_status_sc div {
    color: #333;
    background: #f5f500;
}
.livetiming_status_scstby div {
    color: #333;
    background: #f5f500;
}