/*(c) Vola Timing 2015-2020
@authors : Ferreira Da Costa Damien, Moro Alexandre
@date : 21/07/2021 17:12:52
-----------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-outline-style: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1;
    overscroll-behavior-y: none
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    height: 100%;
    overscroll-behavior-y: none
}

body {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto', sans-serif;
    background-color: #000;
    background-repeat: repeat-x;
    color: #111;
    height: 100%
}

#header {
    height: 100px;
    position: relative;
    /*background-image: url("//cdn1.live-timing.net/livepublish/img/image-header-publish-msports.png");*/
    background-image: url("https://www.racement.com/assets/uploads/general/Logos/Seriensponsoren/RDC_Logo_black_2023.svg");
    background-repeat: no-repeat;
    background-color: #000;
    background-size: cover;
    background-position: center top
}

#head {
    background-color: #000;
    height: 49px;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #666977;
    border-top: 2px solid #000; /*Linie unter Datum/Ort*/
    position: relative;
    padding-left: 1em;
    padding-right: 1em
}

#race_results_heats {
    background-color: #000;
    height: 49px;
    width: 100%;
    text-align: center;
    position: relative;
    border-bottom: 2px solid #666977
}

#race_results_data {
    background-color: #000;
    height: 49px;
    width: 100%;
    text-align: center;
    position: relative;
    border-bottom: 2px solid #666977
}

#race_informations {
    /*border-top: 2px solid #666977;*/
    border-top: 2px solid #000;
    height: 28px;
    position: relative;
    /*background: linear-gradient(90deg, #666977 0%, #000000 50%, #666977 100%);*/
    background: #000;
    text-align: center
}

#race_results_content {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 98px;
    overflow-y: auto;
    overflow-x: hidden
}

#race_name {
    color: #FFF;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle
}

#race_name span {
    line-height: 24px
}

a {
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: color .2s ease-in;
    transition: color .2s ease-in
}

a:hover {
    color: #666977
}

.btn_head {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    line-height: 45px;
    vertical-align: middle;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 6px;
    margin-left: 6px;
    padding-left: 0px;
    padding-right: 0px
}

.btn_head.current {
    margin-right: -2px;
    margin-left: -3px
}

.btn_head:hover,.btn_head.current {
    color: #666977
}

.btn_head.current:after {
    width: 0px;
    height: 0px;
    position: relative;
    content: "";
    display: inline-block;
    z-index: 100;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #000;
    top: 18px;
    right: 50%;
    margin-right: -8px
}

.btn_head.current:before {
    width: 0px;
    height: 0px;
    position: relative;
    content: "";
    display: inline-block;
    z-index: 100;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #666977;
    top: 16px;
    left: 50%;
    margin-left: -9px
}

.fullscreen .btn_head {
    display: none
}

.btn_head_command {
    float: right;
    color: #000;
    width: 120px;
    height: 36px;
    background-color: #666977;
    background-repeat: no-repeat;
    background-position: left;
    text-align: center;
    padding-left: 32px;
    margin-top: 4px;
    margin-right: 4px;
    border-radius: 18px;
    font-size: 1em;
    font-weight: bold;
    line-height: 36px;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: 0.7
}

.btn_head_command:hover {
    opacity: 1.0
}

.btn_head_command.enabled {
    opacity: 1.0
}

.btn_head_command.notavailable {
    display: none
}

#cmd_webtv {
    background-image: url(//cdn1.live-timing.net/livepublish/img/cmd_wtv.png);
    background-size: contain
}

#cmd_tracking {
    background-image: url(//cdn1.live-timing.net/livepublish/img/cmd_trk.png);
    background-size: contain
}

#cmd_fullscreen {
    background-image: url(//cdn1.live-timing.net/livepublish/img/cmd_fs.png);
    background-size: contain
}

#race_results_heats .btn_head,#race_results_data .btn_head {
    line-height: 50px
}

#content_wrapper {
    position: absolute;
    top: 177px;
    bottom: 28px;
    left: 0px;
    right: 0px
}

.fullscreen #content_wrapper {
    top: 100px;
    bottom: 0px
}

.tabs-content-full {
    width: 100%;
    height: 100%
}

#race_results,#documents,#help {
    display: none
}

#mobile_web_tv {
    width: 100%;
    height: calc(100vh - 249px)
}

#mobile_head_menu {
    display: none
}

#mobile_web_tv,#mobile_tracking {
    display: none
}

#mobile_tracking {
    border-top: 2px solid #666977
}

#vz_splitter {
    width: 3px;
    background-color: #666977;
    cursor: e-resize;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 100
}

#hz_splitter {
    height: 3px;
    width: 100%;
    background-color: #666977;
    cursor: n-resize;
    position: relative
}

.splitter-handle-vlvertical {
    position: absolute;
    top: 50%;
    left: -6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 16px;
    width: 16px;
    background-color: #666977;
    z-index: 100
}

.splitter-handle-vlhorizontal {
    position: absolute;
    left: 50%;
    top: -6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 16px;
    width: 16px;
    background-color: #666977;
    z-index: 100
}

.live_wrapper {
    min-height: 200px;
    height: 100%;
    background-color: #000
}

.right_wrapper {
    height: 100%;
    width: 35%;
    float: left;
    background-color: #066;
    position: relative
}

.live_timing_table {
    overflow: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 26px
}

.live_webtv {
    height: 100%;
    background-color: #666;
    position: relative
}

#race_results_content .live_timing_table {
    top: 0px
}

.live_timing {
    background-color: #000;
    height: 100%;
    width: 65%;
    float: left;
    position: relative
}

.live_timing,#race_results_content {
    background: #000000;
    background: -webkit-linear-gradient(72deg, #000 0%, #000 13%, #002700 28%, #001d00 31%, #000 100%);
    background: -webkit-linear-gradient(18deg, #000 0%, #000 13%, #002700 28%, #001d00 31%, #000 100%);
    background: -o-linear-gradient(18deg, #000 0%, #000 13%, #002700 28%, #001d00 31%, #000 100%);
    /*background: linear-gradient(72deg, #000 0%, #000 13%, #002700 28%, #001d00 31%, #000 100%);*/
    background: linear-gradient(72deg, #000 0%, #000 13%, #002700 28%, #001d00 31%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 )
}

#hack_iframe_webtv,#hack_iframe_tracking {
    visibility: hidden;
    background-color: rgba(0,0,0,0);
    opacity: 0.0;
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 0;
    top: 0
}

#popup_fullscreen {
    overflow: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 28px;
    top: 177px;
    background-color: #000;
    display: none;
    z-index: 1000;
    border-bottom: 2px solid #BE1600
}

#popup_fullscreen_title {
    width: 100%;
    height: 45px;
    position: relative;
    background-color: #656464;
    text-align: center;
    overflow: auto;
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 45px
}

#popup_fullscreen_hint {
    font-size: 0.9em;
    text-align: center;
    color: #fff
}

#popup_fullscreen_content {
    overflow-y: auto;
    text-align: center
}

#menu_mobile_helper {
    text-align: center
}

.popup_button {
    color: #fff;
    cursor: pointer;
    line-height: 45px;
    vertical-align: middle;
    -webkit-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px
}

.popup_button:hover {
    color: #BE1600
}

#menu_mobile_helper ul {
    text-align: left;
    list-style-type: none;
    display: inline-block
}

.table_heat_result {
    transform-origin: 0 0
}

.table_heat_result,.table_startlist_result,.table_direction_message,.admins_list {
    width: 100%
}

th {
    /*background-color: #000;*/
    /*color: #666977;*/
    background-color: #fff;
    color: #000;
    font-size: 16px;
    padding: 4px 3px
}

.table_heat_result td,.table_startlist_result td,.admins_list td {
    font-size: 16px;
    padding: 2px 3px;
    font-weight: 550;
    border-left: 0px solid #000;
    vertical-align: middle;
    height: 26px
}

.table_heat_result tbody tr:nth-child(odd) td,.table_startlist_result tbody tr:nth-child(odd) td,.admins_list tbody tr:nth-child(odd) td {
    background-color: #e2e2e2; /*rgba(99,99,99,0.2)*/
    color: #000000
}

.table_heat_result tbody tr:nth-child(even) td,.table_startlist_result tbody tr:nth-child(even) td,.admins_list tbody tr:nth-child(even) td {
    background-color: #fff; /*rgba(0,0,0,0.6)*/
    color: #000000
}

.row_step td {
    vertical-align: middle;
    background-color: #000;
    //background: linear-gradient(90deg, #000000 0%, #666977 50%, #000000 100%);
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    font-weight: 550;
    padding-top: 2px
}

.row_step td img {
    width: 30px;
    margin: 4px
}

.row_step td:first-child {
    text-align: center
}

tr.provisional_results td {
   
 background: #008000;
    background-color: #008000
/*background: #BE1600;
    background-color: #BE1600*/
}
/* RANK */
.rk {
    text-align: center;
    /*color: #000*/
   color: #BE1600
}

.nu {
// color: #008000;
   color: #BE1600;   
text-align: center
}

.order,.rank,.bib {
    width: 4em;
    text-align: center
}

.table_heat_result .competitor,.table_heat_result .team,.table_heat_result .club,.results .class,.table_startlist_result .competitor {
    text-align: left
}

.table_heat_result .points,.table_heat_result .inter_time,.table_heat_result .time,.table_heat_result .gap,.table_heat_result .inter_gap {
    text-align: right;
color: #000000
}

.table_heat_result .code {
    font-weight: bold
}

.table_heat_result .nation,.results .nation,.table_startlist_result .nation {
    width: 72px;
    text-align: center
}

.nation span {
    display: inline-block;
    width: 18px;
    height: 12px
}

.table_heat_result td.inter_time {
    width: 10em
}

.table_heat_result td.gap,.table_heat_result td.inter_gap {
    width: 8em
}

.table_heat_result td.time {
    width: 12em
}

.table_heat_result .competitor a,.table_startlist_result .competitor a {
    text-decoration: none;
    color: #FFF
}

.table_heat_result tbody.competitors_on_run tr:nth-child(odd) td {
    background-color: #fff;
    /*background-color: #BE1600;*/
    color: #000
}

.table_heat_result tbody.competitors_on_run tr:nth-child(even) td {
    background-color: #fff;
    /*background-color: #BE1600;*/
    color: #000
}

th.can_be_grouped,th.can_be_ordered {
    cursor: pointer;
    background-image: url("//cdn1.live-timing.net/livepublish/img/filter_skialp.png");
    background-position: 4px center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    padding-left: 22px;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

th.can_be_grouped:hover,th.can_be_ordered:hover {
//    color: #BE1600;
color: #008000;
    -webkit-transition: color .2s ease-in;
    transition: color .2s ease-in
}

th.ranked_by {
//    background-color: #561111;     
    background-color: #666977
}

.table_heat_result tbody tr.filter_line:nth-child(odd) td,.table_heat_result tbody tr.filter_line:nth-child(even) td {
//    background: #561111;
    background: #666977;
//    background-color: #561111; 
    background-color: #666977;;
    color: #FFF;
    font-weight: bold
}

.row_step.on_run td {
    color: #fff
}

td.best_inter {
    background-color: rgba(15,235,0,0.5) !important
}

td.video_link {
    text-align: center
}

td.video_link a img {
    width: 24px;
    height: 24px;
    margin: -2px;
    vertical-align: middle
}

td.medal img {
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.align_center {
    text-align: center
}

.align_left {
    text-align: left
}

.align_right {
    text-align: right
}

#run_video_player_block {
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 900
}

#run_video_player_wrapper {
    width: 80%;
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2%
}

.video_link img {
    vertical-align: middle;
    height: 24px
}

#nav {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
//    left: 5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#nav div,#nav a {
    display: inline-block;
    color: #FFF
}

@media (min-width: 1103px) {
    #nav a:last-child {
        margin-right:5em
    }
}

#header .vola_logo {
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFF;
    font-size: 14px
}

#header .vola_logo img {
    vertical-align: middle;
    display: block;
    margin: 0 auto 10px auto
}

#nav a {
    font-size: 34px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-right: 0.8em;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: color .2s ease-in, border-bottom-color .2s ease-in, border-top-color .2s ease-in;
    -o-transition: color .2s ease-in, border-bottom-color .2s ease-in, border-top-color .2s ease-in;
    transition: color .2s ease-in, border-bottom-color .2s ease-in, border-top-color .2s ease-in
}

#nav .ylogo {
    //margin-right: 0.8em;
    margin-right: 0.8em;
    width: 260px;
    height: 54px;
    vertical-align: middle;
    background-image: url(//cdn1.live-timing.net/livepublish/img/vola_h60.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

#nav a:hover,#nav a.current {
    color: #666977;
    border-top-color: #666977;
    border-bottom-color: #666977
}

#wrapper_app_content {
    color: #ffffff;
    display: none
}

#loading_wrapper {
    background-color: #000;
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-top: 2px solid #BE1600
}

#loading_content {
    margin-top: 20vh;
    width: 80vw;
    max-width: 612px;
    margin-left: auto;
    margin-right: auto
}

#bar_loading {
    background-color: #FFF;
    width: 80%;
    margin-left: 10%;
    height: 7px
}

#bar_text {
    color: #FFF;
    margin-left: 4%;
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: margin-left .2s ease-in;
    -o-transition: margin-left .2s ease-in;
    transition: margin-left .2s ease-in
}

#bar_icon {
    width: 36px;
    height: 118px;
    background-repeat: no-repeat;
    background-image: url("//cdn1.live-timing.net/livepublish/img/bar_icon_msports.png");
    background-position: center center;
    background-size: contain;
    margin-left: 7%;
    -webkit-transition: margin-left .2s ease-in;
    transition: margin-left .2s ease-in
}

#handle_loading {
    background-color: #666977;
    width: 0%;
    height: 100%;
    -webkit-transition: width .2s ease-in;
    transition: width .2s ease-in
}

#bar_start {
    float: left;
    background-image: url("//cdn1.live-timing.net/livepublish/img/bar_start_msports.png");
    background-size: contain;
    width: 44px;
    height: 35px;
    margin-top: 83px;
    margin-left: 3%
}

#bar_end {
    float: right;
    margin-top: 83px;
    background-image: url("//cdn1.live-timing.net/livepublish/img/bar_end.png");
    background-size: contain;
    width: 44px;
    height: 35px;
    margin-right: 3%
}

#text_start {
    float: left;
    color: #666977;
    margin-left: 10%;
    font-weight: bold;
    font-size: 16px;
    margin-top: 0.5em
}

#text_end {
    margin-top: 0.5em;
    float: right;
    color: #666977;
    margin-right: 10%;
    font-weight: bold;
    font-size: 16px
}

#text_loading {
    color: #666977;
    text-align: center;
    width: 100%
}

@media (max-width: 1103px) {
    #loading_wrapper {
        top:60px
    }
}

#docs {
    background-color: #000;
    background-image: url("//cdn1.live-timing.net/livepublish/img/bg_triangles_msports.png");
    background-position: bottom;
    background-repeat: no-repeat
}

#documents_wrapper {
    width: 1070px;
    margin-left: auto;
    margin-right: auto;
    height: calc(100% - (49px + 2px));
    overflow: auto
}

#documents_wrapper_table {
    display: table;
    height: 100%;
    width: 100%
}

#documents_list {
    display: table-cell;
    width: 190px;
    color: #FFF;
    vertical-align: top
}

#documents_list a {
    font-size: 14px;
    cursor: pointer;
    width: 190px;
    display: block;
    border-bottom: 2px solid #BE1600;
    line-height: 1.5em
}

#documents_list .current {
    color: #BE1600;
    background-image: url("//cdn1.live-timing.net/livepublish/img/arrow_right_msports.png");
    background-position: 90% 15%;
    background-repeat: no-repeat;
    background-size: 20px
}

.dateadded {
    display: inline-block;
    clear: both;
    font-size: 12px
}

#document_preview {
    display: table-cell;
    background-color: #FFF;
    height: calc(100% - (49px + 2px));
    width: 690px;
    position: absolute;
    -webkit-box-shadow: inset 0 -20px 40px 0 rgba(0,0,0,0.5);
    box-shadow: inset 0 -20px 40px 0 rgba(0,0,0,0.5)
}

#document_head {
    display: table-cell;
    width: 190px;
    vertical-align: top
}

#document_head a {
    background-color: #BE1600;
    color: #FFF;
    text-decoration: none;
    padding: 8px 1em;
    font-size: 14px;
    cursor: pointer;
    display: inline-block
}

#document_head a img {
    vertical-align: middle;
    height: 1em
}

#heat_document {
    width: 100%;
    height: 99%
}

#search_block_wrapper {
    background-color: #000
}

#search_block {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #FFF;
    line-height: 46px;
    font-size: 15px
}

#search_block #inputs_list {
    width: 100%;
    text-align: center
}

#search_block #inputs_list input {
    color: #BE1600;
    background-color: #000;
    border: 2px solid #FFF;
    font-weight: bold;
    line-height: 46px;
    padding-left: 1em
}

#search_block a {
    color: #FFF;
    text-decoration: none;
    line-height: 46px;
    font-weight: bold;
    font-size: 18px
}

#search_block a:hover {
    color: #BE1600
}

::-webkit-input-placeholder {
    color: #fff
}

:-ms-input-placeholder {
    color: #fff
}

::-ms-input-placeholder {
    color: #fff
}

::placeholder {
    color: #fff
}

#content_race_list {
    position: absolute;
    bottom: 28px;
    left: 0px;
    right: 0px;
    top: 100px;
    overflow: auto;
    border-top: 2px solid #666977
}

#home_footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 30px;
    background-color: #000
}

#footer_links {
    height: 26px;
    line-height: 26px;
    color: #FFF;
    padding-left: 2em
}

#bottom_banner_wrapper {
    border-top: 2px solid #666977;
    height: 0px
}

.background_wallpaper {
    background: url("//cdn1.live-timing.net/livepublish/img/bg_default_race_list_msports.jpg");
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat
}

#home_footer a {
    color: #FFF;
    text-decoration: none;
    margin-right: 1em;
    font-size: 0.7em;
    -webkit-transition: color .2s ease-in, border-bottom-color .2s ease-in, border-top-color .2s ease-in;
    -o-transition: color .2s ease-in, border-bottom-color .2s ease-in, border-top-color .2s ease-in;
    transition: color .2s ease-in, border-bottom-color .2s ease-in, border-top-color .2s ease-in
}

#home_footer a:hover {
    color: #666977
}

#race_list {
    width: 100%
}

.race_sep_offline {
    background-color: #383939;
    color: #b2b2b2;
    text-align: center
}

.race_line,.athlete_line {
    width: 100%;
    float: left;
    background-color: #000;
    height: 49px;
    color: #FFF;
    display: table;
    cursor: pointer;
    border-bottom: 2px solid #383939
}

.hidden {
    opacity: 0
}

.race_line.live {
    border-bottom: 2px solid #00800
}

.athlete_line {
    width: 100%;
    float: left;
    background-color: #000;
    height: 20px;
    color: #FFF;
    display: table;
    cursor: pointer;
    border-bottom: 2px solid #383939
}

.race_line>div {
    display: table-cell;
    line-height: 50px
}

.athlete_line>div {
    margin-right: auto;
    margin-left: auto;
    line-height: 20px
}

.name {
    display: table-cell;
    vertical-align: middle;
    line-height: normal
}

.name a {
    color: #BE1600;
    text-decoration: none
}

.race_line:hover .name a {
    color: #FFF
}

.logo_left,.logo_right {
    background-color: #FFF;
    display: table-cell
}

.logo_left img,.logo_right img {
    display: inline;
    max-width: 135px;
    vertical-align: middle;
    max-height: 48px
}

.logo_left {
    text-align: right
}

.logo_wrapper {
    width: 280px;
    display: inline-block;
    text-align: center
}

.race_status {
    line-height: normal;
    width: 80px;
    padding-left: 1em;
    vertical-align: middle
}

.race_status div {
    padding-left: 0.5em;
    padding-right: 0.5em;
    height: 17px;
    text-align: center;
    line-height: 17px;
    background-color: #4d4d4d;
    color: #20201f;
    font-weight: bold;
    display: inline-block;
    margin-right: 0.3em;
    cursor: help;
    font-size: 0.8em
}

.race_status div.on {
    background-color: #00800
}

.race_data {
    vertical-align: middle
}

.race_data,.athlete_data {
    width: 1024px
}

.race_data>div,.athlete_data>div {
    display: table-cell;
    border-spacing: 0px
}

.race_text>div,.athlete_text>div {
    display: table-cell;
    vertical-align: middle
}

.race_infos {
    line-height: normal;
    vertical-align: middle
}

.race_infos>div {
    float: left;
    line-height: 1em
}

.athlete_text {
    padding-left: 2em
}

.date {
    width: 100px
}

.gender {
    width: 7em
}

.discipline {
    width: 3em
}

.name {
    width: 320px;
    font-size: 16px
}

.athlete_text .licence {
    width: 5em;
    text-align: center
}

.athlete_text .name {
    min-width: 320px;
    width: auto;
    margin-left: 2em
}

.athlete_text .nation {
    text-align: center;
    padding-left: 2em;
    width: 5em;
    background-position: left center
}

.athlete_text .year {
    width: 3em
}

#mobile_unoffical_results {
    display: none
}

.arrow_mobile_help {
    display: none
}

@media (max-width: 320px) {
    #nav a {
        font-size:15px
    }
}

@media (min-width: 321px) and (max-width: 400px) {
    #nav a {
        font-size:20px
    }
}

@media (max-width: 1600px) {
    .logo_left img,.logo_right img {
        max-width:75px
    }

    .logo_wrapper {
        width: 160px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 1360px) {
    .logo_left img,.logo_right img {
        max-width:60px
    }

    .logo_wrapper {
        width: 120px;
        margin-left: auto;
        margin-right: auto
    }

    .right_wrapper {
        display: none
    }
}

@media (min-width: 401px) and (max-width: 1103px) {
    #nav a {
        font-size:24px
    }
}

@media (max-width: 1103px) {
    .vola_logo {
        display:none
    }

    #header {
        display: block;
        position: relative;
        height: 60px
    }

    #nav a {
        padding-bottom: 4px;
        padding-top: 4px;
        margin-right: 0.1em
    }

    #nav a:last-child {
        margin-right: 1.5em
    }

    #nav .ylogo {
        margin-right: 0.1em;
        width: 100px;
        height: 40px
    }

    #race_results_content {
        position: inherit;
        overflow: hidden
    }

    #content_wrapper {
        position: inherit;
        width: 100%
    }

    #content_race_list {
        position: inherit
    }

    #popup_fullscreen {
        top: 137px
    }

    #home_footer {
        height: 30px;
        position: inherit;
        clear: both
    }

    .live_timing_table {
        overflow: inherit
    }

    #footer_links {
        display: none
    }

    #bottom_banner_wrapper {
        border-top: 2px solid #BE1600;
        height: 30px
    }

    #mobile_unoffical_results {
        display: block;
        background-color: #000;
        color: #FFF;
        border-bottom: 2px solid #BE1600;
        line-height: 1.8em;
        font-weight: bold
    }

    .btn_help {
        background-color: #383939;
        display: inline-block;
        width: 3em;
        text-align: center;
        font-size: 1em;
        line-height: 2.0em;
        vertical-align: middle
    }

    #race_sep_offline {
        font-size: 1em;
        padding: 0.2em
    }

    .race_data,.athlete_data {
        width: 100%;
        display: table;
        padding-top: .4em;
        padding-bottom: .4em
    }

    .race_status {
        width: 5em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        display: table-cell
    }

    .race_status div {
        height: auto;
        font-size: 1.2em;
        line-height: 1.3em;
        margin-right: 0.2em;
        margin-top: 0.1em;
        margin-bottom: 0.1em;
        padding-left: 0.4em;
        padding-right: 0.4em
    }

    .race_text,.athlete_text {
        display: table-cell;
        vertical-align: middle
    }

    .race_text>div,.athlete_text>div {
        display: block;
        line-height: 1em;
        vertical-align: middle;
        width: 100%
    }

    .race_text .date {
        padding-left: 8px
    }

    .race_text>div>div {
        display: block;
        margin-right: 1em;
        line-height: 1em
    }

    .logo_left,.logo_right {
        display: none
    }

    .logo_left a,.logo_right a {
        display: none
    }

    .logo_wrapper {
        display: none
    }

    .athlete_text {
        padding-top: 1em;
        padding-bottom: 1em
    }

    .athlete_text .name {
        margin-left: 0em
    }

    .date,.location,.discipline,.date,.codex,.gender {
        font-size: 0.8em
    }

    .name {
        padding-top: 0.1em;
        font-size: 1.1em
    }

    #search_block #inputs_list input {
        margin-bottom: 0.1em
    }

    #search_block {
        line-height: 24px;
        font-size: 10px
    }

    #search_block #inputs_list input {
        line-height: 24px;
        padding-left: 1em
    }

    #search_block a {
        line-height: 24px;
        font-size: 14px
    }

    .arrow_mobile_help {
        font-size: 16px
    }

    #head {
        overflow: auto
    }

    #race_results_heats {
        overflow: auto
    }

    #race_results_data {
        overflow: auto
    }

    #menu_mobile_helper {
        height: 40px;
        display: table;
        margin-right: 1em;
        margin-left: auto;
        margin-right: auto
    }

    #menu_mobile_helper .btn_head,#mobile_head_menu_helper .btn_head {
        display: table-cell;
        white-space: nowrap;
        padding-right: 0.5em;
        height: 45px;
        line-height: 45px;
        font-size: 1.0em
    }

    #mobile_head_menu .btn_head img {
        vertical-align: middle;
        margin-left: 1em
    }

    .arrow_mobile_help:hover {
        cursor: auto;
        color: #FFF
    }

    .btn_head.current:before,.btn_head.current:after {
        display: none
    }

    #menu_mobile_helper .btn_head_command {
        display: none !important;
        height: 0px;
        width: 0px
    }

    #mobile_head_menu {
        height: 48px;
        display: inherit
    }

    #mobile_head_menu_helper {
        display: table;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .popup_button:after {
        content:'';
        border-bottom: 2px solid #FFF;
        width: 90%;
        height: 6px;
        display: block;
        margin: 0 auto
    }

    #documents_wrapper {
        width: 100%
    }

    #document_preview,#heat_document {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 100%;
        display: none
    }

    #btn_close_documentviewer,#btn_close_heat_documentviewer {
        position: absolute;
        right: 3vw;
        top: 3vw;
        height: 4em;
        width: 4em;
        display: none;
        background-color: rgba(33,33,33,0.8);
        -webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.42);
        -moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.42);
        box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.42);
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        background-image: url(//vola-publish.com/images/cancel32.png);
        background-repeat: no-repeat;
        background-size: 60% 60%;
        background-position: center center
    }

    #documents_list a {
        line-height: 2em;
        padding-left: 0.5em
    }

    #document_head {
        display: none
    }
}

#help {
    text-align: center;
    color: #FFF;
    vertical-align: middle;
    overflow-y: auto
}

#help h3 {
    font-size: 15px;
    color: #BE1600;
    font-weight: 700;
    margin-top: 3em
}

#help p {
    line-height: 2.5em
}

#help p img {
    vertical-align: middle;
    height: 2em;
    margin-right: 1em
}

.athlete_head {
    color: #FFF;
    font-size: 22px;
    text-align: center;
    line-height: 34px;
    background-color: #BE1600;
    text-transform: uppercase
}

.athlete_infos {
    text-align: center;
    height: 50px
}

.centered_block {
    display: inline-block
}

.athlete_infos .centered_block>div {
    display: table-cell;
    font-size: 14px;
    line-height: 50px
}

.info_label {
    color: #fff
}

.info_data {
    color: #008000;
    padding-left: 0.5em;
    margin-right: 3em
}

@media (max-width: 1023px) {
    .athlete_infos {
        height:auto;
        text-align: left
    }

    .centered_block {
        margin-left: 77px;
        padding-top: 1em;
        padding-bottom: 1em
    }

    .athlete_infos .centered_block>div {
        display: block;
        line-height: 1.1em;
        font-size: 16px
    }
}

.table_heat_result .parallel_left_col1,.table_heat_result .parallel_right_col1 {
    width: 40%
}

.table_heat_result .parallel_left_col2,.table_heat_result .parallel_right_col2 {
    width: 10%
}

.table_heat_result .parallel_run_title {
    text-align: center;
    font-weight: bold;
    font-size: 14px
}

.parallel_sep {
    clear: both;
    height: 4em;
    background-color: #000 !important
}

.serie_sep td {
    height: 0.5em;
    background: #082e4d !important;
    background-color: #082e4d !important;
    border: 0px
}

.parallel_gap_positif,.table_heat_result td.p_s0 {
    text-align: center
}

.parallel_gap_negatif,.table_heat_result td.p_s1 {
    text-align: center
}

.parallel_winner,.table_heat_result td.p_s2 {
    text-align: center;
    background-color: rgba(78,190,0,0.8) !important;
    color: #FFF
}

.table_heat_result tr.parallel_winner:nth-child(even) td.competitor,.table_heat_result tr.parallel_winner:nth-child(odd) td.competitor {
    background-color: rgba(78,190,0,0.8) !important
}

.table_heat_result td.p_i_s2 {
    background-color: rgba(15,235,0,0.2) !important
}

.parallel_status,.table_heat_result td.p_s3 {
    text-align: center;
    vertical-align: middle;
    background-color: rgba(189,1,1,0.2) !important
}

.parallel_status_run,.table_heat_result td.p_i_s3 {
    text-align: center;
    background-color: rgba(189,1,1,0.2) !important
}

td.parallel_rnk_wrapper {
    background-color: #ececec !important
}

td.parallel_rnk_wrapper th {
    background-color: rgba(0,0,0,0.6) !important;
    background: rgba(0,0,0,0.6)
}

.download_table {
    width: 50%;
    margin: 8px auto;
    background: #082e4d;
    background-color: #082e4d;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.download_table td {
    padding: 4px 16px;
    vertical-align: middle
}

.download_ico {
    width: 64px
}

#document_add {
    display: none;
    margin: 50px auto 0 auto;
    color: #FFFFFF;
    width: 500px;
    max-width: calc(100% - 20px);
    z-index: 999;
    border: 2px solid #BE1600;
    background-color: #000000;
    padding: 20px
}

#document_add form>div {
    margin-bottom: 10px
}

.current-language {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%
}

.current-language img {
    height: 32px;
    cursor: pointer
}

@media (min-width: 767px) {
    .current-language img {
        height:46px
    }
}

.choose-language {
    z-index: 1001;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    max-width: calc(100% - 50px);
    padding: 10px;
    background-color: #000000;
    color: #FFFFFF;
    border: 1px solid #FFFFFF
}

.choose-language .title {
    text-align: center
}

.choose-language .imgs {
    margin-top: 15px;
    text-align: center
}

.choose-language .imgs img {
    height: 70px;
    cursor: pointer;
    margin: 0 10px
}

.close-languages {
    float: right;
    font-size: 20px;
    cursor: pointer
}

th.can_be_grouped,th.can_be_ordered {
   background-image: url("//cdn1.live-timing.net/livepublish/img/filter_msports.png")
}

#bar_icon {
    width: 49px
}

#content_wrapper {
    background: #000000;
    background: -moz-linear-gradient(-45deg, #000 0%, #000 13%, #390000 27%, #390000 31%, #000 100%);
    background: -webkit-linear-gradient(-45deg, #000 0%, #000 13%, #390000 27%, #390000 31%, #000 100%);
    background: linear-gradient(135deg, #000 0%, #000 13%, #390000 27%, #390000 31%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 )
}

#mobile_web_tv,#mobile_tracking {
    width: 100%;
    height: calc(100vh - 184px)
}

.track_status {
    background-color: #666666;
    color: #FFF;
    width: 100%
}

.track_message1,.track_message2,.track_message3 {
    float: left;
    padding-right: 0.5em;
    padding-left: 0.5em;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    font-size: 16px
}

.track_message1 {
    float: right
}

.live_heat_title {
    float: left;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 1em
}

.live_timing {
    background-color: #000;
    height: 100%;
    width: 65%;
    float: left;
    position: relative
}

#race_results_content .live_timing_table {
    top: 26px
}

.heat_title {
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    font-size: 16px;
    padding-left: 1em;
    background-color: #000
}

.live_timing,#race_results_content {
    background: #000000;
    background: -moz-linear-gradient(-45deg, #000 0%, #000 13%, #390000 27%, #260000 31%, #000 100%);
    background: -webkit-linear-gradient(-45deg, #000 0%, #000 13%, #390000 27%, #260000 31%, #000 100%);
    background: linear-gradient(135deg, #000 0%, #000 13%, #260900 27%, #390000 31%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 )
    
}

.live_webtv {
    height: 50%;
    background-color: #666;
    position: relative
}

.live_tracking {
    height: 50%;
    background-color: #000;
    position: relative
}

.table_heat_result,.table_startlist_result,.table_direction_message {
    width: 100%
}

td {
    color: #000000;
    font-size: 16px;
    padding: 2px 3px;
    font-weight: 550
}

.table_heat_result tr:nth-child(odd) td,.table_startlist_result tr:nth-child(odd) td {
    /*background-color: rgba(99,99,99,0.2)*/
    /*background-color: linear-gradient(90deg, #000000 0%, #666977 50%, #000000 100%)*/
 background-color: #000
     
}

.table_heat_result tr:nth-child(even) td,.table_startlist_result tr:nth-child(even) td {
   /*background-color: rgba(0,0,0,0.6)*/
      background-color: #000
}

.table_heat_result tr:nth-child(odd) .nu {
    /*background-color: rgba(24,24,24,0.2);
    background: rgba(24,24,24,0.2)*/
    background-color: #e2e2e2;
    background: #e2e2e2;
   
}

.table_heat_result tr:nth-child(even) .nu {
    /*background-color: rgba(0,0,0,0.6);
    background: rgba(0,0,0,0.6)*/
    background-color: #fff;
    background: #fff
    
}

.tw {
    background-color: #000000;
    color: #ffffff
}

.ty {
    background-color: #000000;
    color: #ffaf50
}

.tg {
    background-color: #000000;
    color: #00ff00
}

.tp {
    background-color: #000000;
    color: #ff00ff
}

.st img {
    height: 12px
}

.pi,.pl,.pe {
    background-position: 10% center;
    background-size: 0.8em;
    padding-left: 1.5em;
    background-repeat: no-repeat
}

.pi {
    color: #00ff00;
    background-image: url("//cdn1.live-timing.net/livepublish/img/pi.png")
}

.pl {
    color: #ff0000;
    background-image: url("//cdn1.live-timing.net/livepublish/img/pl.png")
}

.pe {
    color: #02acec;
    background-image: url("//cdn1.live-timing.net/livepublish/img/pe.png")
}

.competitors_on_run td {
    line-height: 1.5em;
    font-weight: bold
}

.table_heat_result tbody.grid_ranking_header tr:nth-child(2n+1) td,.table_heat_result tbody.grid_ranking_header tr:nth-child(2n+1) th {
    background-color: #000;
    color: #000;
    line-height: 1.5em;
    font-weight: bold;
    border-right-color: #BE1600;
    border-left-color: #BE1600
}

.name {
    width: 512px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 8px
}

.subtitle {
    font-size: 14px;
    vertical-align: middle;
    line-height: normal
}

.location {
    width: 320px;
    font-size: 14px;
    vertical-align: middle;
    line-height: normal;
    padding-left: 8px
}

.race_text .date {
    padding-left: 0.5em
}

.discipline {
    font-size: 14px
}

@media (max-width: 1103px) {
    .live_timing_table {
        position:inherit;
        top: inherit
    }

    .race_status {
        width: 7em;
        padding-left: 1em;
        padding-bottom: 1em;
        padding-top: 1em;
        display: table-cell
    }

    .race_status div {
        line-height: 1.5em;
        margin-top: 0.1em;
        margin-bottom: 0.1em
    }

    .race_text {
        display: table-cell;
        vertical-align: middle
    }

    .race_text>div {
        display: block;
        width: 100%
    }

    .date {
        font-size: 0.8em
    }

    .name a {
        font-size: 1.2em
    }

    .location {
        font-size: 1.0em;
        line-height: 1.4em
    }

    .discipline {
        font-size: 1.5em
    }
}