/*
        :root {
            --color_bg: #d9d2ca;
            --color_button: #becde0;
            --color_button_hover:#e0ffe0;             
            --color_font: #5d5c61; 
            --color_font_no_orl: #0000FF;            
            --color_font_a_hover: #48ae00;
            --color_table_head: #becdde;
            --color_table_odd: #becede;
            --color_table_even: #ffffff; 
        }
        from service+
        */

        :root {
            --color_bg: #ccd0cf;
            --color_button: #f8f8f8;
            --color_button_hover: #e0ffe0;             
            --color_font: #000000; 
            --color_font_no_orl: #0000ff;            
            --color_font_a_hover: #48ae00;
            --color_table_head: #d4d8dd;
            --color_table_odd: #daebe3;
            --color_table_even: #ffffff; 
        }

        * {
            box-sizing: border-box;
            padding:0px;
            margin:0px;
        }
        html, body {
            width:100%;
            height:100%;
        }
        body {
            background-color: var(--color_bg);
            color: var(--color_font);
        }
        .wrapping {
            display: flex;
            flex-direction: vertical;
            min-height: 100%;
           
        }
        .container {
            width:800px;
            padding-bottom: 20px;
            padding-top: 10px;
            margin: 0 auto;
        }


        .navpan {
            list-style: none;
            padding: 0px;
            margin: 0px;
            text-align: center;
            padding-top: 20px;
            padding-bottom: 20px;
        
        }

        .navpan li {
            display: inline;
        }

        .navpan a {
            display: inline-block;
            text-decoration: none;
            color: var(--color_font);
            width: 155px;
            padding: 15px 0px;
            background-color: var(--color_button);
            margin: 0 0px;
            font-weight: bold;
            
        }

        .navpan a:hover {
            background-color: var(--color_button_hover);
            color: var(--color_font);
        }

        .tab3 {
            margin: 0px 40px;
            border:1px solid black;  
            border-collapse: collapse;          
        }

        .tab3 td {
            border:1px solid black;
            width:140px;
            height:20px;
            text-align: center;;
        }

        
        .tab3 tr{
            background-color: var(--color_table_odd);
        }
        

        .tab3 tr:nth-child(9) td:nth-child(1) {
            background-color: var(--color_table_even);
        }

        .tab3 tr:nth-child(8n+5) td:nth-child(1) {
            background-color: var(--color_table_even);
        }

        .tab3 tr:nth-child(4n+3) td:nth-child(1) {
            background-color: var(--color_table_even);
        }

        .tab3 tr:nth-child(2n) td:nth-child(1) {
            background-color: var(--color_table_even);
        }

        a {
            text-decoration: none;
            color:var(--color_font);
            /*font-weight: normal;*/
        }

        a:hover {
            /*font-weight: bolder;*/
            color: var(--color_font_a_hover);
        }

        ul {
            list-style: none;
            margin: 0 40px; 
            margin-bottom: 10px;           
        }

        .ch {
            border: 1px solid black;
            border-collapse: collapse;
            margin: 0px 40px;
        }
        .ch td {
            border: 1px solid black;
            
        }

        .ch tr:nth-child(odd) {
            background-color: var(--color_table_odd);
        }

        .ch tr:nth-child(even) {
            background-color: var(--color_table_even);
        }

        .ch th {
            background-color: var(--color_table_head);
            border: 1px solid black;
        } 

        table {
            border:1px solid black;
            border-collapse: collapse;
        }

        td {
            border: 1px solid black;
            border-collapse: collapse;
        }
        th {
            border: 1px solid black;
            background-color: var(--color_table_head); 
        }

        table tr:nth-child(odd) {
            background-color: var(--color_table_odd);
        }   
        
        table tr:nth-child(even) {
            background-color: var(--color_table_even);
        }         

        h3 {
            padding-top: 30px;
            padding-bottom: 10px;
        }    
        
        .horse-noch {
            padding-left: 40px;
        }

        .main-tab-records .dist {
            text-align: center;
        }

        .main-tab-records .name {
            font-weight: bold;
        }

        .horse {
            font-weight: bold;
        }


        .main-tab-records .win {
            width: 280px;
        }

        .tab_col_center {
            text-align: center;
        }

        .no_orl {
            color: var(--color_font_no_orl);
        }

        .komment { 
            /*margin-left: 40px;*/ 
            font-style:italic;
         } 
         
         .space {
            background-color: var(--color_font_no_orl); 
            color: var(--color_font_no_orl);
         }

         .kom {
            caption-side: bottom;
            text-align: left;
            margin-top: 2px;
         }