.browserupgrade{
        margin:.2em 0;
        background:#ccc;
        color:#000;
        padding:.2em 0
    }

    @media screen and (min-width:48em){
            .footer,.header,.marketing{
                padding-right:0;
                padding-left:0
            }
            .header{
                margin-bottom:2rem
            }
            .jumbotron{
                border-bottom:0
            }
        }
        .body{
            padding:0;
            padding-left:0;
            padding-right:0;
            padding-bottom:0;
            width:100%;
            max-width:1024px;
            min-width:200px
        }
        #right-menu{
            position:relative;
            height:calc(100vh - 153px);
            width:200px;
            background:#fff;
            z-index:1;
            border-style:solid;
            border-width:thin;
            font-size:large;
            top:130px;overflow-y:scroll;
            overflow-x:hidden;
            margin-left:0;
            padding-left:0;
            float:left
        }
        #page{
            padding:0;
            margin:0
        }
        #innhold{
            float:left;
            position:relative;
            height:calc(100vh - 151px);
            max-width:800px;
            overflow-y:scroll;
            overflow-x:hidden;
            top:130px;
            margin-right:0;
            padding-right:0
        }
        #innhold,.header{
            width:100%;
            min-width:200px
        }.header{
            padding-top:10px;
            max-width:1024px;
            background-color:#fff;
            z-index:1;
            font-size:large;
            position:fixed
        }
        .invalid-wind{
            color:red
        }
        #footer{
            padding:inherit;
            left:0;
            bottom:0;
            z-index:1;
            width:100%;
            min-width:200px;
            max-width:inherit;
            text-align:center;
            background-color:#fff
        }
        #footer,.dummy{
            position:fixed
        }
        .headeritem,.headeritemtitle{
            display:inline-block
        }
        .headeritemtitle{
            width:auto
        }
        .headeritemright{
            
            text-align:right;
            float:right;
            z-index: 2;
        }
        .headerSelect{
            width:100px;
            float:right;
            z-index: 1;
        }
        .finished{
            background-color:#90ee90!important
        }
        .progress_menu{
            color:red;
            font-size:x-large
        }
        .finished_menu{
            color:#90ee90;
            font-size:x-large
        }
        .new_pb,.new_sb{
            color:green
        }
        .eventheader{
            background-color:#789;
            font-size:large;
            padding:2px;
            columns:2
        }
        .event-event{
            width:200px;
            text-align:left;
            font-weight:700;
            float:left
        }
        .event-agegroupevent{
            width:45%;
            columns:2
        }
        .event-agegroup{
            text-align:left;
            padding-right:10px;
            padding-left:5px;
            font-weight:700;
            float:left
        }
        .event-eventdetail{
            width:200px;
            text-align:left;
            float:left
        }
        .event-advancing,.event-extra-text
        {
            font-size:small
        }
        .event-modified-time,.event-time{
            text-align:right;
            float:right;
            font-weight:700
        }
        .event-modified-time{
            width:100px
        }
        #connectionstatus{
            padding:5px;
            margin-right:10px
        }
        .connecting{
            background-color:#d3d3d3;
            color:#000
        }
        .connected{
            background-color:#90ee90;
            color:green
        }
        .disconnected{
            background-color:red;
            color:#fff
        }
        .fa-toggle-on{
            color:green
        }
        table{
            border-spacing:0;
            border-collapse:separate;
            width:100%;
            max-width:800px;
            min-width:200px
        }
        th,th.qualified{
            text-align:left
        }
        th.qualified{
            width:15px
        }
        td.affiliation{
            width:40%
        }
        td.name{
            font-weight:700
        }
        td.bib{
            width:40px;
            padding-right:10px
        }
        td.bib,td.lane{
            text-align:right
        }
        td.lane{
            width:35px
        }
        td.pb,td.sb{
            width:20px;
            text-align:right;
            padding-right:10px
        }
        td.wind{
            width:35px;
            text-align:right
        }
        td.result,th.result{
            width:65px;
            text-align:right
        }
        td.result{
            padding-right:10px;
            font-weight:700
        }
        td.qualified{
            font-weight:700;
            text-align:left
        }
        td.qualified,th.result{
            padding-right:5px
        }
        td.place,th.place{
            width:30px;
            text-align:right
        }
        td.place{
            padding-right:15px
        }
        td.totalplace,th.totalplace{
            width:30px;
            text-align:right
        }
        td.totalplace{
            padding-right:15px
        }
        td.detres{
            width:40px;
            text-align:right;
            border:1px solid #d3d3d3
        }
        td.detspaceing{
            width:100%
        }
        table tr.detailresult td:first-child,table tr.detailresult td:nth-child(2){
            text-align:right
        }
        tr.alternate:nth-child(2n){
            background:#ccc
        }
        tr.alternate:nth-child(odd){
            background:#fff
        }
        .modified{
            background:rgba(255,255,0,.507)!important
        }
        .no-call-room{
            background-color:#ff8f7b!important
        }
        .bestresult{
            font-weight:700
        }
        .lastchange{
            background-color:cyan
        }
        .BUGsearch,label{
            float:left;
            clear:none
        }
        label{
            display:block;
            padding:2px 1em 0 0
        }
        input.radio,input[type=radio]{
            float:left;
            clear:none;
            margin:2px 0 0 2px
        }
        #right-menu-chkShowHide{
            position:absolute;
            left:-990em
        }
        @media (max-width:1024px){
            body{
                padding:inherit
            }
            #right-menu{
                position:fixed;
                right:10px;
                top:130px;
                clear:both;
                display:none;
                overflow-y: auto;
                overflow-x: hidden;
            }
            #right-menu-chkShowHide+label{
                position:fixed;
                right:10px;
                top:100px;
                padding:.2em;
                margin:-3.75em 1em 0;
                border:2px solid #fff;
                background:#248;
                color:#fff;border-radius:.5em;z-index:2}#right-menu-chkShowHide+label:active,#right-menu-chkShowHide+label:focus,#right-menu-chkShowHide+label:hover{background:#06c}#right-menu-chkShowHide+label:after,#right-menu-chkShowHide+label:before{content:"";display:block;width:2em;height:.5em;border:solid #fff;border-width:.25em 0}#right-menu-chkShowHide+label:after{border-top:0}#right-menu-chkShowHide:checked~#right-menu{display:block}}@media (max-width:767px){body{padding-left:0;padding-right:0}}details{margin:1rem}details .competition_details{margin-bottom:10px}summary{font-weight:700}