<style>
            html,body {
                height: 100%;
                font-family: 'Hind', 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
                font-size: 12pt;
                margin: 1px 1px 1px 0px;
                position: static
            }

            body {
                font-family: 'Hind', 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
                background-image: url('back_logo.png');
                background-position: center;
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-size: 40%;
                padding-top: 68px;
                margin-left: 0px;
            }

            h3 {
                margin: 3px;
                padding: 4px
            }

            div {
                display: block
            }

            td,th {
                vertical-align: text-top;
                margin-right: 3px;
                padding-left: 5px;
                padding-right: 5px
            }

            table tr:nth-child(2n+1) {
                background-color: #fff
            }

            table tr:first-child {
                background-color: rgba(233,184,23,.7)
            }

            #container {
                height: 100%;
                min-height: 100%;
                position: relative
            }

            #header {
                font-size: 12pt;
                font-style: normal;
                font-weight: 700;
                background-color: #E9B817;
                padding: 8px 10px;
                top: 0px;
                position: fixed;
                width: 100%;
                z-index: 150;
                border-bottom: #111617 solid 1px;
                min-width: 400px
            }

            #classHeader {
                font-size: 10pt;
                color: #000;
                width: auto;
                height: 30px;
                max-height: 40px;
                margin-right: 10px;
                margin-top: 8px;
                min-width: 380px;
                white-space: nowrap
            }

            #classHeader select {
                border-radius: 4px;
                border-style: hidden;
                font-size: 12pt;
                background-color: #D9D9D9;
                max-width: 140px;
                margin-top: 4px;
                padding: 1px
            }

            #strName {
                white-space: nowrap;
            }

            #results {
                font-size: 14pt;
                display: inline-block;
                margin-top: 5px;
                margin-bottom: 45px;
                margin-left: 10px;
                padding-bottom: 35px
            }

            .textCent {
                font-size: 9pt;
                text-align: center;
                width: 100%;
                float: none;
                vertical-align: middle;
                padding: 3px
            }

            .footer {
                font-size: x-small;
                color: rgba(0,0,0,.35);
                text-align: center;
                width: 100%;
                float: none;
                vertical-align: middle;
                padding: 6px
            }

            #bottom {
                vertical-align: bottom;
                z-index: 150;
                width: 100%;
                position: fixed;
                bottom: 0;
                background-color: rgba(216,216,216,.5)
            }

            #bottom .img_resBy {
                float: right;
                vertical-align: bottom;
                z-index: 400;
                margin-right: 25px
            }

            #modal_setup {
                background: #d3d3d3;
                color: #000;
                right: auto;
                left: auto;
                top: 50px;
                margin: 20px;
                width: auto;
                position: fixed;
                padding: 20px;
                display: none;
                border-radius: 5px;
                -moz-box-shadow: 0 3px 7px rgba(0,0,0,.25);
                -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.25);
                box-shadow: 0 3px 7px rgba(0,0,0,.25);
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                visibility: hidden;
                z-index: 200
            }

            #modal_results,#modal_splits {
                background: #d3d3d3;
                color: #000;
                margin-left: auto;
                margin-right: auto;
                width: auto;
                min-width: 250px;
                position: fixed;
                padding: 5px;
                display: none;
                font-size: 11pt;
                border-radius: 3px;
                border-color: #bebe41;
                border-width: 1px;
                box-shadow: 0 6px 28px rgba(0,0,0,.8);
                -moz-box-shadow: 0 6px 28px rgba(0,0,0,.8);
                -webkit-box-shadow: 0 6px 28px rgba(0,0,0,.8);
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                visibility: hidden;
                z-index: 250
            }

            #modal_splits {
                background: #f5f5f5
            }

            #modal_rresult,#modal_rsplits {
                font-size: 12pt
            }

            .clFrame {
                background-color: #f5f5f5;
                border: solid 1px #808080;
                display: inline-block;
                padding: 3px;
                width: auto
            }

            .list {
                padding: 5px;
                padding-right: 15px
            }

            .list span {
                margin: 4px;
                display: block
            }

            .protheader {
                font-weight: 700;
                background-color: #d3d3d3
            }

            .btn {
                color: #000;
                padding: 2px 3px;
                margin: 1px 3px;
                text-decoration: none;
                border-radius: 6px;
                display: inline-block;
                cursor: pointer;
                font-size: 1.3em;
                width: 1.3em;
                height: 1.5em;
                text-align: center
            }

            .btn:hover,rb:hover {
                background: #7CA298
            }

            .blnk {
                cursor: pointer
            }

            .blnk:hover {
                font-weight: bolder
            }

            .rb {
                color: #000;
                padding: 3px;
                text-decoration: none;
                border-color: #ccc;
                border-width: 1px;
                border-style: solid;
                border-radius: 4px;
                display: block;
                width: 100%;
                box-shadow: 0 1px rgba(0,0,0,.35);
                background-color: rgba(255,211,67,.7);
                cursor: pointer
            }

            .ok {
                float: right;
                background: #7DA49A;
                width: 2em
            }

            .fav {
                cursor: pointer;
                font-size: 2em
            }

            .on {
                color: rgba(201,85,17,.95)
            }

            .glow {
                text-shadow: 2px 2px 2px rgba(255,125,0,.88)
            }

            #filterBtn {
                margin: 3px
            }

            .splits {
                font-size: 10pt;
                display: inline-block;
                overflow: auto;
                max-height: 380px;
                height: 40vh;
                padding-right: 20px
            }

            .message_error {
                background: #FF5959;
                color: #111617;
                font-weight: bold;
                left: 10px;
                top: 80px;
                width: auto;
                position: fixed;
                padding: 10px;
                display: block;
                border-radius: 5px;
                box-shadow: 0 3px 7px rgba(0,0,0,.25);
                -moz-box-shadow: 0 3px 7px rgba(0,0,0,.25);
                -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.25);
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                z-index: 600
            }

            .message_info {
                background: #7CA298;
                color: #111617;
                font-weight: bold;
                left: 10px;
                top: 80px;
                width: auto;
                position: fixed;
                padding: 10px;
                display: block;
                border-radius: 5px;
                box-shadow: 0 3px 7px rgba(0,0,0,.25);
                -moz-box-shadow: 0 3px 7px rgba(0,0,0,.25);
                -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.25);
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                z-index: 500
            }

            .centered {
                position: fixed;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            .infoBox {
                background: rgba(238,245,84,.95);
                color: #000;
                width: auto;
                padding: 20px;
                display: block;
                border-radius: 5px;
                -moz-box-shadow: 0 3px 7px rgba(0,0,0,.25);
                -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.25);
                box-shadow: 0 3px 7px rgba(0,0,0,.25);
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                z-index: 500
            }

            .textSmall {
                vertical-align: central;
                text-align: center;
                width: 100%;
                font-size: 30px
            }

            .textBig {
                vertical-align: central;
                text-align: center;
                width: 100%;
                font-size: 60px
            }

            .rj {
                text-align: right
            }

            td.rj {
                white-space: nowrap
            }

            .nil {
                text-decoration: dotted;
                font-style: italic
            }

            .fl {
                float: left;
                margin: 1px 7px 1px 0px
            }

            .fr {
                float: right
            }

            .kp {
                color: #fff;
                text-align: center
            }

            .kp span {
                cursor: pointer
            }

            .kp_ok {
                background-color: #228b22
            }

            .kp_mp {
                background-color: #f00
            }

            .kp_nc {
                background-color: #696969
            }

            .b {
                background-color: rgba(255,62,0,.75);
                border-radius: 5px
            }

            .g {
                background-color: rgba(136,233,149,.75);
                border-radius: 5px
            }

            .cl {
                max-width: 100px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .bc {
                position: relative
            }

            .bc[data-badge]:after {
                content: attr(data-badge);
                position: absolute;
                top: -10px;
                right: -10px;
                font-size: .7em;
                background: #a10541;
                border: 1px solid #fff;
                border-radius: 50%;
                box-shadow: 0 1px 3px rgba(0,0,0,.4);
                color: #fff;
                text-align: center;
                line-height: 1.4em;
                width: 1.4em;
                height: 1.4em
            }

            .onoffswitch {
                position: relative;
                width: 75px;
                margin-top: 4px;
                user-select: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none
            }

            .onoffswitch-checkbox {
                display: none
            }

            .onoffswitch-label {
                display: block;
                overflow: hidden;
                cursor: pointer;
                border: 2px solid #999;
                border-radius: 15px
            }

            .onoffswitch-inner {
                display: block;
                width: 200%;
                margin-left: -100%;
                transition: margin .3s ease-in 0s
            }

            .onoffswitch-inner:before,.onoffswitch-inner:after {
                display: block;
                float: left;
                width: 50%;
                height: 19px;
                padding: 0;
                line-height: 16px;
                font-size: 16px;
                color: #fff;
                font-weight: bold;
                box-sizing: border-box
            }

            .onoffswitch-inner:before {
                content: "🥇";
                padding-left: 8px;
                background-color: #7CA298;
                color: #fff
            }

            .onoffswitch-inner:after {
                content: "⏱";
                padding-top: 3px;
                padding-right: 8px;
                background-color: #EEEEEE;
                color: #000;
                text-align: right
            }

            .onoffswitch-switch {
                display: block;
                width: 14px;
                margin: 3px;
                background: #fff;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 50px;
                border: 2px solid #999;
                border-radius: 15px;
                transition: all .3s ease-in 0s
            }

            .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
                margin-left: 0
            }

            .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
                right: 0
            }

            @media only screen and (max-width: 480px) {
                #header,#bottom {
                    min-width:320px
                }

                body {
                    width: 100%;
                    overflow: auto;
                    font-size: 10pt
                }

                #modal_rresults {
                    padding: 10px;
                    font-size: 10pt
                }

                #results {
                    font-size: 10pt;
                    margin-left: 2px
                }

                .splits {
                    font-size: 8pt
                }

                #classHeader select {
                    font-size: 11pt;
                    max-width: 90px
                }
            }

            @media print {
                .no-print,.no-print * {
                    display: none !important
                }

                #results {
                    padding-top: 5px;
                    padding-bottom: 5px
                }

                *,*:before,*:after {
                    color: #000 !important;
                    text-shadow: none !important;
                    background: transparent !important;
                    -webkit-box-shadow: none !important;
                    box-shadow: none !important
                }

                a,a:visited {
                    text-decoration: underline
                }
            }
        </style>