/* CSS custom fiakarting */

@import url("../../../common/flags/css/styles_flags_live_timing_fiakarting.css");

@font-face{
  font-family: "septembertime";
  src: url('../../commonv2/fonts/september-time.ttf') format('truetype'), url('../../commonv2/fonts/september-time.woff') format('woff');
  font-weight: normal;
}

@font-face{
  font-family: "septembertime";
  src: url('../../commonv2/fonts/september-time.eot');
  font-weight: normal;
}


/*
@font-face{
  font-family: "september";
  src: url('../../commonv2/fonts/september.ttf') format('truetype'), url('../../commonv2/fonts/september.woff') format('woff');
  font-weight: normal;
}

@font-face{
  font-family: "september";
  src: url('../../commonv2/fonts/september.eot');
  font-weight: normal;
}
*/

*{
  font-family: 'septembertime';
}


.nat{
  background: none!important;
}

.nat:after{
    width: 23px;
    height: 15px;
    content: '';
    display: block;
    transform: skew(-20deg);
    /*border: 1px solid #fff;*/
    border-bottom-left-radius: .4210526316rem;
    border-top-right-radius: .4210526316rem;
    margin: auto;
    /*background-image: inherit;*/
    background-size: cover;
    z-index: 10;
    position: relative;
}

body{
  background-color: #010e1c;
}

.dyna{
  background-color: #003062;
  background-color: #010e1c;
}

.width_1920 .weather{
  background-color: #00e293;
}


.even:not(.pass_effect):not(.pass_effect_2):not(.pass_effect_selected):not(.graphic_hover):not(.row_selection), 
*[data-id="gridc"] tr:nth-child(even), 
*[data-id="gridb"] tbody tr:nth-child(even){
  background-color: #001f3f;
  background-color: #15212e;
}
.odd:not(.pass_effect):not(.pass_effect_2):not(.pass_effect_selected):not(.graphic_hover):not(.row_selection), 
*[data-id="gridc"] tr:nth-child(odd), 
*[data-id="gridb"] tbody tr:nth-child(odd){
    background-color: #00162c;
    background-color: #010e1c;
}

#grid #tgrid tr.line_click:not(.pass_effect):not(.pass_effect_2):not(.pass_effect_selected){
  background-color: #5d6e80;
}

.row_selection:not(.pass_effect):not(.pass_effect_2):not(.pass_effect_selected),
.driver_lap_time tbody tr:hover, .driver_lap_time tbody tr.graphic_hover{
  background-color: #00b5e1;
  background-color: #0e5299;
}



.div_driver_lap_time .show_more{
    background-color: #00e293;
    color: #003062;
    font-weight: bold;
}
.div_driver_lap_time .show_more:hover{
  background-color: #003062;
  color: #fff;
}


/*#grid .rk{
  min-width: 28px!important;
  width: 28px!important;
}*/

#grid .rk div{
  width: 40px;
    border-width: 18px 0px 0 0;
}

#grid .rku div{
  width: 28px;
  border-color: #15406d transparent transparent transparent;
    border-width: 18px 0px 0 0;
}


#grid .no div{
  width: 36px;
    border-width: 0 0 14px 0px;
    /*line-height: 16px;*/
    line-height: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

/*filter: invert(1) brightness(336%) sepia(110%) saturate(1229%) hue-rotate(
-299deg
);*/

.pop_up_line_menu{
  color: #fff;
}

.pop_up_line_menu{
  background-color:  #00e293;
}

.pop_up_line_menu .arrow:after{
  color: #00e293;
}

.pop_up_line_menu .buttons div{
  background-color: rgba(0, 0, 0, 0.15);
}
.pop_up_line_menu .buttons div:hover{
  background-color: #15406d;
}
.pop_up_line_menu .buttons div.driver_data,
.pop_up_line_menu .buttons div.on_board,
.pop_up_line_menu .buttons div.select_line:before,
.pop_up_line_menu .buttons div.select_line:after{
  color: #fff;
}
.pop_up_line_menu .buttons div.select_line.selected:before{
  color: #F44336;
}
.pop_up_line_menu .on_board:before{
  font-family: 'fontawesome light';
  margin-right: 6px;
}
.pop_up_line_menu .driver_data:before{
  font-family: 'fontawesome light';
  margin-right: 6px;  
}

.pop_up_line_menu .driver_infos{
  background-color: #15212e;
}

.pop_up_line_menu .driver_infos .driver_photo{
  padding-left: 5px;
  padding-bottom: 7px;
}
.pop_up_line_menu .driver_infos{
    padding-top: 4px;
}
.pop_up_line_menu.display_down .driver_infos{
  margin-top: 4px;
}

.pop_up_line_menu .driver_infos .flag{
  transform: skew(-20deg);
    border-bottom-left-radius: .4210526316rem;
    border-top-right-radius: .4210526316rem;
}



#driver_data .driver_infos{
  background-color: #15406d;
  background-color: #122a42;
}

#driver_data .driver_infos .flag{
  transform: skew(-20deg);
    border-bottom-left-radius: .4210526316rem;
    border-top-right-radius: .4210526316rem;  
}

#driver_data .driver_infos{
  /*border: 2px solid #00e293;*/
}

.header_driver_lap_time tbody tr{
  background-color: #003062;
}


#driver_data .graphic_lap_time .graphic_lap_time_padding{
  background-color: #122a42;
}


#driver_data .graphic_lap_time .show_less,
#driver_data .graphic_lap_time .show_more{
  /*background-color: #00e293;*/
  color: #00e293;
}
/*#driver_data .graphic_lap_time .show_less:hover,
#driver_data .graphic_lap_time .show_more:hover{
  background-color: #0e5299;
}*/

#driver_data .graphic_lap_time .legend>div{
  background-color: #003062;
}
#driver_data .graphic_lap_time .legend>div.active{
  background-color: #00e293;
  color: #003062;
  text-decoration: none;
}


.compare_driver_select .rank{
  width: 28px;
    margin-right: 3px;
    border-width: 16px 0px 0 0;
}

.compare_laps_time .compare_driver_select .kart{
  width: 26px;
    border-width: 0 0 14px 0px;
    padding-right: 0px;
    margin-left: 2px;
}

.compare_driver_select ul li.driver_1{
  background-color: #00e293!important;
  color: #003062;
}

.compare_driver_select ul{
  background: #010e1c;
}
.compare_driver_select ul li:not(.row_selection):nth-child(even) {
    background-color: #15212e;
}

.compare_laps_time .compare_driver_select .driver_selected{
    background-color: #003062;
}



.div_link{
  padding-bottom: 5px;
    padding-top: 25px;
    background-color: #003062;
    margin: 0px;
}



.dyna *[data-id="dyn1"]{
  font-size: 32px;
}
@media (max-width: 550px){
  .dyna *[data-id="dyn1"]{
      font-size: 30px;
  }
}


table {
    font-size: 13px;
}

#grid .rk div p{
  line-height: 1em;
}


@media (min-width: 980px){
  table {
      font-size: .68em;
  }

  #grid .no div{
    line-height: 15px;
  }
}


.compare_laps_time .compare_driver_select li .driver,
.compare_laps_time .compare_driver_select .driver{
  font-size: 14px;
}

.compare_laps_time .compare_driver_select .kart{
  font-size: 13px;
  line-height: 14px;
}






.lg{
    background-image: url(../../commonv2/images/lightsg_fiakarting.png);
    background-size: 160px;
}

.lr{
    background-image: url(../../commonv2/images/lightsr_fiakarting.png);
    background-size: 160px;
}

.ly{
    background-image: url(../../commonv2/images/lightsy_fiakarting.png);
    background-size: 160px;
}

.lf{

}



.global_table .global_table_col2 .col2{
  border-left-width: initial;
}




.width_750 .map_and_weather *[data-id="track"], .width_750 .map_and_weather *[data-id="mobile_t"], .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="track"], .width_992 *[data-id="mobile_t"]{
  color: inherit;
}

.bg{
  background-color: #00e293;
}






#grid .rku p{
  margin-top: -17px;
}






#options ul li .on_off[data-value="1"]{
  background-color: #00e293;
}



.position div{
  border-color: #fff white transparent transparent;
}


#driver_button{
  background-color: #00e293;
  color: #003062;
}

#driver_select.show_list_driver{
  background-color: rgb(0 48 98);
}

#driver_select.show_list_driver option:checked{
  background-color: #00e293;
}



.pop_up_line_menu .driver_infos .div_drivers{
  border-color: #00e293;
}

.pop_up_line_menu .driver_infos .div_drivers .infos[data-current="1"]{
  background-color: #003062;
}

.pop_up_line_menu .driver_infos .div_drivers .helmet[data-color="#000000"]{
  color: #fff!important; 
}
.pop_up_line_menu .driver_infos .div_drivers .helmet[data-color="#FFFFFF"]{
  background-image: url(../images/DrTeamW.png);
}









/* ---------  Title  --------- */
.title, #t6, .width_750.message, .width_992.message{
  background-color: #003062;
  background: #003062;
  background: -webkit-linear-gradient( top, #003062, #003062);
  background: -moz-linear-gradient( top, #003062, #003062);
  background: -ms-linear-gradient( top, #003062, #003062);
  background: -o-linear-gradient( top, #003062, #003062);
  background: linear-gradient( top, #003062, #003062);
  color: #00e293;
  text-shadow: none;
}


/* ---------  Progress Lap  --------- */
.progress_lap, .onboard_progress_lap{
  background-color: #00e293;
  background: #00e293;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(86%,#00e293));
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, #00e293 86%);
  background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, #00e293 86%);
  background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, #00e293 86%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%, #00e293 86%);
}


/* ---------  Table Header  --------- */
.head, thead, .sectors thead, .sectors thead p, .sectors .sector1, .sectors .sector2, .sectors .sector3, .sectors .sector1 p, .sectors .sector2 p, .sectors .sector3 p, .width_750 .map_and_weather *[data-id="track"], .width_750 .map_and_weather *[data-id="mobile_t"], .width_750 .t_comments *[data-id="t_com"], .width_750 .table_in_footer th, .width_992 .t_comments .t_com, .width_992 .table_in_footer th, .width_992 *[data-id="track"], .width_992 *[data-id="mobile_t"]{
  background-color: #00e293;
  color: #003062;
  text-shadow: none;
}


/* ---------  No Kart Color  --------- */
#grid .no div{
  border-color: transparent transparent #00b4e1;
  color: #ffffff;
}


/* ---------  Pass Effects / Row Selection  --------- */
.row_selection{
  background-color: #003c75;
}

.pass_effect, #onboard .pass_effect_2, #onboard .pass_effect{
  background-color: #0dcaf9;
  background-color: #009d66;
}

.pass_effect_2{
  background-color: rgba(13, 202, 248, 0.5); /* même couleur que .pass_effect avec une alpha de 0.5 */
  background-color: rgba(0, 157, 102, 0.5); /* même couleur que .pass_effect avec une alpha de 0.5 */
}

.pass_effect_selected{
  background-color: rgb(6, 131, 183); /* ou couleur entre .pass_effect et .row_selection ou même couleur que .pass_effect */
  background-color: rgba(0, 157, 102, 0.5); /* même couleur que .pass_effect avec une alpha de 0.5 */
}


/* ---------  Grid Border Right  --------- */
.global_table .global_table_col2 .col2, .width_750 *[data-id="best"], .width_992 .table_in_footer *[data-id="best"], .width_992 .table_in_footer .td_tchp{
  border-color: #00e293;
}


/* ---------  Onboard Selected Button  --------- */
#div_driver_button .driver_button.selected{
  background-color: #10c1ed;
}





/* ---------  Track  --------- */
.track_d{
  background-image:url(../ftp/track.png);
}

/* ---------  Logo  --------- */
a.logo{
  background-image:url(../ftp/logo.png);
}