@font-face { font-family: Montserrat; src:url("./MontserratSemiBold.ttf"); }
@font-face { font-family: Nunito; src:url("./Nunito.ttf"); }
@font-face { font-family: Digitalt; src:url("./Digitalt.ttf"); }
@font-face { font-family: Excluded; src:url("./ExcludedItalic.ttf"); }

body {
    font-family: Nunito, Open Sans, Arial, sans-serif;
    margin: 0px auto 30px auto;
    padding: 10px;
    width: 65rem;
    font-size: 1rem;
}
h4 {
    margin: 5px 0px;
}
table {
    vertical-align: middle;
    font-size: 1rem;
}
span.run-settings {
    font-size: 1rem;
}
th {
    vertical-align: bottom;
    padding: 0px 3px;
}
tr {
    background-color: #f9f9f9a0;
}
tr.official-track {
    background-color: #eeffee;
}
tr.default-lap {
    background-color: #ffffcc;
}
tr.laps-20 {
    background-color: #ccffff;
}
tr.laps-100 {
    background-color: #99ffff;
}
tr:hover {
/*    font-weight: bold;*/
}
thead ~ tbody tr:hover {
    background-color: #f9f9f9f0 !important;
}
tr.official-track:hover {
    background-color: #ccffcc !important;
}
tr.default-lap:hover {
    background-color: #ffff88 !important;
}
tr.laps-20:hover {
    background-color: #88ffff !important;
}
tr.laps-100:hover {
    background-color: #33ffff !important;
}
a.partial-result-link, a.usual-link {
    text-decoration: none;
    color: blue;
}
img.small {
    width: 40px;
    height: 40px;
}
img.big {
    width: 200px;
    height: 200px;
}
td {
    padding: 0px 5px 0px 5px;
}
#results-filter-time-button:checked ~ table tbody tr td table tbody tr.result-by-player {
    display: none;
}
#results-filter-player-button:checked ~ table tbody tr td table tbody tr.result-by-time {
        display: none;
}
tr.result-rank-1 {
    font-size: 1.83rem;
    background-color: #ffff00;
}
tr.result-rank-2 {
    font-size: 1.67rem;
    background-color: #cccccc;
}
tr.result-rank-3 {
    font-size: 1.50rem;
    background-color: #ff9999;
}
tr.result-rank-4 {
    background-color: #ccccff;
}
tr.result-rank-5 {
    background-color: #ccffcc;
}
.result-recent {
    color: #0000ff;
    font-weight: bold;
}
td.result-table-recent {
    color: #0000ff;
    font-weight: bold;
}
#show-normal-check:not(:checked) ~ table tbody tr.normal-race {
    display: none;
}
#show-tt-check:not(:checked) ~ table tbody tr.time-trial {
    display: none;
}
#show-normal-dir-check:not(:checked) ~ table tbody tr.normal-dir {
    display: none;
}
#show-rev-check:not(:checked) ~ table tbody tr.rev-dir {
    display: none;
}
#show-official-check:not(:checked) ~ table tbody tr.official-track {
    display: none;
}
#show-addons-check:not(:checked) ~ table tbody tr.addon {
    display: none;
}
#show-recent-only-check:checked ~ table tbody tr:not(.recent-run) {
    display: none;
}

#laps-filter-default-button:checked ~ table tbody tr:not(.default-lap) {
    display: none;
}
#laps-filter-20-button:checked ~ table tbody tr:not(.laps-20) {
    display: none;
}
#laps-filter-100-button:checked ~ table tbody tr:not(.laps-100) {
    display: none;
}
td.small {
    font-size: 1.16rem;
    text-align: center;
}
td.smaller {
    font-size: 0.83rem;
    text-align: center;
}
td.result-rank-1-same:not(.medal-empty) {
    background-color: #ffff00ff;
}
td.result-rank-2-same:not(.medal-empty) {
    background-color: #ccccccee;
}
td.result-rank-3-same:not(.medal-empty) {
    background-color: #ff9999dd;
}
td.result-rank-4-same:not(.medal-empty) {
    background-color: #ccccffaa;
}
td.result-rank-5-same:not(.medal-empty) {
    background-color: #ccffcc77;
}
td.result-rank-disconnect-same:not(.medal-empty) {
    background-color: #000000;
    color: #ffffff;
}
span.result-rank-1-same:not(.medal-empty) {
    background-color: #ffff00ff !important;
    padding: 0px 10px;
    border-radius: 5px;
}
span.result-rank-2-same:not(.medal-empty) {
    background-color: #ccccccee !important;
    padding: 0px 10px;
    border-radius: 5px;
}
span.result-rank-3-same:not(.medal-empty) {
    background-color: #ff9999dd !important;
    padding: 0px 10px;
    border-radius: 5px;
}
span.result-rank-4-same:not(.medal-empty) {
    background-color: #ccccffaa !important;
    padding: 0px 10px;
    border-radius: 5px;
}
span.result-rank-5-same:not(.medal-empty) {
    background-color: #ccffcc77 !important;
    padding: 0px 10px;
    border-radius: 5px;
}
div.line p span.medal {
    background-color: #99999955;
    padding: 0px 5px !important;
}
span.result-rank-disconnect-same:not(.medal-empty) {
    background-color: #000000;
    color: #ffffff;
    padding: 0px 10px;
}
td.medal {
    font-size: 1.16rem;
    text-align: center;
}
td {
    border-radius: 0.2rem;
}
tr.result-row-unclear {
/*    display: none;*/
}

input[type="radio"] {
    display: none;
}

:root {
    --start1: 10%;
    --finish1: -100%;
    --start2: 120%;
    --finish2: 10%;
}


div.line {
    height: 50px;
    overflow: hidden;
    position: relative;
/*    background: #fefefe;*/
/*    color: #333;*/
/*    border: 1px solid #4a4a4a;*/
}
        
div.line p {
    position: absolute;
/*    width: 100%;*/
    font-size: 24pt;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    white-space: nowrap;
}
div.line p#line {
    -moz-transform: translateX(var(--start1));
    -webkit-transform: translateX(var(--start1));
    transform: translateX(var(--start1));
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 60s linear infinite;
}
div.line p#line2 {
    -moz-transform: translateX(var(--start2));
    -webkit-transform: translateX(var(--start2));
    transform: translateX(var(--start2));
    -moz-animation: scroll2-left 2s linear infinite;
    -webkit-animation: scroll2-left 2s linear infinite;
    animation: scroll2-left 60s linear infinite;
}


@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(var(--start1));
    }
    100% {
        -moz-transform: translateX(var(--finish1));
    }
}
@-moz-keyframes scroll2-left {
    0% {
        -moz-transform: translateX(var(--start2));
    }
    100% {
        -moz-transform: translateX(var(--finish2));
    }
}


@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(var(--start1));
    }
    100% {
        -webkit-transform: translateX(var(--finish1));
    }
}
@-webkit-keyframes scroll2-left {
    0% {
        -webkit-transform: translateX(var(--start2));
    }
    100% {
        -webkit-transform: translateX(var(--finish2));
    }
}


@keyframes scroll-left {
    0% {
        -moz-transform: translateX(var(--start1));
        -webkit-transform: translateX(var(--start1));
        transform: translateX(var(--start1));
    }
    100% {
        -moz-transform: translateX(var(--finish1));
        -webkit-transform: translateX(var(--finish1));
        transform: translateX(var(--finish1));
    }
}
@keyframes scroll2-left {
    0% {
        -moz-transform: translateX(var(--start2));
        -webkit-transform: translateX(var(--start2));
        transform: translateX(var(--start2));
    }
    100% {
        -moz-transform: translateX(var(--finish2));
        -webkit-transform: translateX(var(--finish2));
        transform: translateX(var(--finish2));
    }
}


table.game-description tbody tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    width: auto; /* 100px; */
}

span.fixed-width-name {
    max-width: 100px;
    display: block;
    font-size: 0.8rem;
}
td.map-name {
    white-space: normal !important;
    font-size: 0.8rem;
    max-width: 100px;
}
a {
    text-decoration: none;
    color: blue;
}

#nomination-ranked-selected:not(:checked) ~ div.for-nomination-ranked {
    display: none;
}
#nomination-speedrun-selected:not(:checked) ~ div.for-nomination-speedrun {
    display: none;
}
#nomination-ranked-races-selected:not(:checked) ~ div.for-nomination-ranked-races {
    display: none;
}

td.overall-points-addition {
    font-weight: bold;
}

input:checked + label {
    /*background-color: #d5e8f6;*/
    font-weight: bold;
    text-decoration: underline;
}
input:not(:checked) + label {
    /*background-color: #d5e8f6;*/
    font-weight: bold;
}

label {
    display: inline-block;
    padding: 1px 3px;
    margin-right: -4px;
    text-align: center;
    border-radius: 30px 0px 0px 0px;
}

div.for-tab {
    min-height: 300px;
    border-radius: 0px 30px 0px 0px;
}
div.for-category {
    min-height: 300px;
    border-radius: 0px 30px 0px 0px;
}
div.for-page {
    min-height: 300px;
    padding-left: 5px;
    border-radius: 0px 30px 0px 0px;
}

td.username-speedrun-table {
    min-width: 100px;
}
th.header-result-small {
    font-size: 60% !important;
}

table.info-scoring {
    font-size: 60% !important;
}

table.info-scoring thead tr th,
table.info-scoring tbody tr td {
    padding: 0px !important;
    min-width: 11px;
    text-align: center;
}

h6 {
    margin: 0px;
}

table.info-scoring-ranking {
    background-color: #eaea82 !important;
}
table.info-scoring-speedrun {
    background-color: #c6e7c0 !important;
}
table.info-scoring-inspeedrun {
    background-color: #c0d7e7 !important;
}
table.info-scoring-ranking tr {
    background-color: #eaea82 !important;
}
table.info-scoring-speedrun tr {
    background-color: #c6e7c0 !important;
}
table.info-scoring-inspeedrun tr {
    background-color: #c0d7e7 !important;
}


img.logo {
    width: 64px;
    height: 64px;
}
img.logo-bigger {
    width: 98px;
    height: 98px;
}

span.kart-class {
    display: inline-block;
    border-radius: 50%;
    font-size: 0.8333rem;
    font-weight: bold;
    line-height: 1rem;
    width: 1rem;
    height: 1rem;
    text-align: center;
    font-family: Montserrat;
}

span.kart-class-heavy{
    background-color: #9814cc;
    color: #ffffff;
}
span.kart-class-medium {
    background-color: #e62e2e;
    color: #ffffff;
}
span.kart-class-light {
    background-color: #ffa64d;
    color: #ffffff;
}

div.scrollable-table {
    overflow-x: scroll;
}

.stinky {
    position: sticky;
    /* left: 0; */
}

span.fractional {
    font-size: 65%;
}

a.link-to-static, span.link-to-static {
    font-size: 60%;
}

div.small-shift {
    width: 20px;
    height: 1px;
    margin: 0px;
    padding: 0px;
    float: left;
}

div.summary-left {
    display: flex;
    float: left;
    width: 110px;
    padding: 5px;
    align-content: center;
    justify-content: center;
}

span.summary-left-text {
    flex: 0 0 700px;
    text-wrap: wrap;
}

div.summary-right {
    display: flex;
    width: 720px;
    padding: 5px;
    align-content: center;
}

div.summary-end {
    clear: left;
}

table.rules-scoring {
    text-align: center;
    vertical-align: center;
}

table.rules-scoring thead th {
    vertical-align: middle !important;
}

span.red-score {
    color: red;
    font-weight: bold;
}

span.blue-score {
    color: blue;
    font-weight: bold;
}

td.red-members {
    background-color: #ffbbbb;
}
td.blue-members {
    background-color: #bbbbff;
}

span.deprecated {
    opacity: 50%;
}


                    label.label-tab-1 {
                        width: 794.00px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-2 {
                        width: 394.00px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-3 {
                        width: 260.67px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-4 {
                        width: 194.00px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-5 {
                        width: 154.00px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-6 {
                        width: 127.33px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-7 {
                        width: 108.29px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-8 {
                        width: 94.00px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-9 {
                        width: 82.89px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-10 {
                        width: 74.00px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-11 {
                        width: 66.73px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-12 {
                        width: 60.67px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-13 {
                        width: 55.54px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-14 {
                        width: 51.14px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-15 {
                        width: 47.33px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-16 {
                        width: 44.00px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-17 {
                        width: 41.06px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-18 {
                        width: 38.44px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-19 {
                        width: 36.11px; height: 25.00px; font-size: 100.00%%;
                    }
                
                    label.label-tab-20 {
                        width: 34.00px; height: 25.00px; font-size: 100.00%%;
                    }
                
                input:not(:checked) + label.label-global-cla {
                    background-color: #52c5ff70;
                    font-weight: bold;
                }
                input:not(:checked) + label.label-global-ind {
                    background-color: #a9a9a970;
                    font-weight: bold;
                }
                input:checked + label.label-global-cla {
                    background-color: #52c5ff;
                    font-weight: bold;
                }
                input:checked + label.label-global-ind {
                    background-color: #a9a9a9;
                    font-weight: bold;
                }
                div.for-tab-classifications {
                    padding: 5px 5px 5px 0px;
                    background-color: #52c5ff;
                }
                div.for-tab-events {
                    padding: 5px 5px 5px 0px;
                    background-color: #a9a9a9;
                }
            
                    #tab-classifications-selected:not(:checked) ~ div.for-tab-classifications {
                        display: none;
                    }
                
                    #tab-events-selected:not(:checked) ~ div.for-tab-events {
                        display: none;
                    }
                
                    #category-emp-selected:not(:checked) ~ div.for-category-emp {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-emp {
                        background-color: #eeeeee70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-emp {
                        background-color: #eeeeee;
                        font-weight: bold;
                    }
                    div.for-category-emp {
                        padding: 5px 5px 5px 0px;
                        background-color: #eeeeee;
                    }
                
                        #page-emp-tab-selected:not(:checked) ~ div.for-page-emp-tab {
                            display: none;
                        }
                        input:checked + label.label-page-emp-tab {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-emp-tab {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                    #category-bat-selected:not(:checked) ~ div.for-category-bat {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-bat {
                        background-color: #ffcccc70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-bat {
                        background-color: #ffcccc;
                        font-weight: bold;
                    }
                    div.for-category-bat {
                        padding: 5px 5px 5px 0px;
                        background-color: #ffcccc;
                    }
                
                        #page-bat-ran-selected:not(:checked) ~ div.for-page-bat-ran {
                            display: none;
                        }
                        input:checked + label.label-page-bat-ran {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-bat-ran {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-bat-gam-selected:not(:checked) ~ div.for-page-bat-gam {
                            display: none;
                        }
                        input:checked + label.label-page-bat-gam {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-bat-gam {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-bat-pdi-selected:not(:checked) ~ div.for-page-bat-pdi {
                            display: none;
                        }
                        input:checked + label.label-page-bat-pdi {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-bat-pdi {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-bat-rul-selected:not(:checked) ~ div.for-page-bat-rul {
                            display: none;
                        }
                        input:checked + label.label-page-bat-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-bat-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }
                    
                    #category-ran-selected:not(:checked) ~ div.for-category-ran {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-ran {
                        background-color: #ccccff70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-ran {
                        background-color: #ccccff;
                        font-weight: bold;
                    }
                    div.for-category-ran {
                        padding: 5px 5px 5px 0px;
                        background-color: #ccccff;
                    }
                
                        #page-ran-ran-selected:not(:checked) ~ div.for-page-ran-ran {
                            display: none;
                        }
                        input:checked + label.label-page-ran-ran {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-ran-ran {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-ran-gam-selected:not(:checked) ~ div.for-page-ran-gam {
                            display: none;
                        }
                        input:checked + label.label-page-ran-gam {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-ran-gam {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-ran-pdi-selected:not(:checked) ~ div.for-page-ran-pdi {
                            display: none;
                        }
                        input:checked + label.label-page-ran-pdi {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-ran-pdi {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-ran-rul-selected:not(:checked) ~ div.for-page-ran-rul {
                            display: none;
                        }
                        input:checked + label.label-page-ran-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-ran-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }
                    
                    #category-spd-selected:not(:checked) ~ div.for-category-spd {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-spd {
                        background-color: #f8d0bc70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-spd {
                        background-color: #f8d0bc;
                        font-weight: bold;
                    }
                    div.for-category-spd {
                        padding: 5px 5px 5px 0px;
                        background-color: #f8d0bc;
                    }
                
                        #page-spd-tab-selected:not(:checked) ~ div.for-page-spd-tab {
                            display: none;
                        }
                        input:checked + label.label-page-spd-tab {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-spd-tab {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-spd-rul-selected:not(:checked) ~ div.for-page-spd-rul {
                            display: none;
                        }
                        input:checked + label.label-page-spd-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-spd-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }
                    
                    #category-gps-selected:not(:checked) ~ div.for-category-gps {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-gps {
                        background-color: #aaffaa70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-gps {
                        background-color: #aaffaa;
                        font-weight: bold;
                    }
                    div.for-category-gps {
                        padding: 5px 5px 5px 0px;
                        background-color: #aaffaa;
                    }
                
                        #page-gps-tab-selected:not(:checked) ~ div.for-page-gps-tab {
                            display: none;
                        }
                        input:checked + label.label-page-gps-tab {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-gps-tab {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-gps-1ee-selected:not(:checked) ~ div.for-page-gps-1ee {
                            display: none;
                        }
                        input:checked + label.label-page-gps-1ee {
                            background-color: #999999a0;
                            font-weight: bold;
                        }
                        div.for-page-gps-1ee {
                            padding: 5px 5px 5px 5px;
                            background-color: #999999a0;
                        }
                    
                        #page-gps-2ee-selected:not(:checked) ~ div.for-page-gps-2ee {
                            display: none;
                        }
                        input:checked + label.label-page-gps-2ee {
                            background-color: #999999a0;
                            font-weight: bold;
                        }
                        div.for-page-gps-2ee {
                            padding: 5px 5px 5px 5px;
                            background-color: #999999a0;
                        }
                    
                        #page-gps-3ee-selected:not(:checked) ~ div.for-page-gps-3ee {
                            display: none;
                        }
                        input:checked + label.label-page-gps-3ee {
                            background-color: #999999a0;
                            font-weight: bold;
                        }
                        div.for-page-gps-3ee {
                            padding: 5px 5px 5px 5px;
                            background-color: #999999a0;
                        }
                    
                        #page-gps-4ee-selected:not(:checked) ~ div.for-page-gps-4ee {
                            display: none;
                        }
                        input:checked + label.label-page-gps-4ee {
                            background-color: #999999a0;
                            font-weight: bold;
                        }
                        div.for-page-gps-4ee {
                            padding: 5px 5px 5px 5px;
                            background-color: #999999a0;
                        }
                    
                        #page-gps-5ee-selected:not(:checked) ~ div.for-page-gps-5ee {
                            display: none;
                        }
                        input:checked + label.label-page-gps-5ee {
                            background-color: #999999a0;
                            font-weight: bold;
                        }
                        div.for-page-gps-5ee {
                            padding: 5px 5px 5px 5px;
                            background-color: #999999a0;
                        }
                    
                        #page-gps-6ee-selected:not(:checked) ~ div.for-page-gps-6ee {
                            display: none;
                        }
                        input:checked + label.label-page-gps-6ee {
                            background-color: #999999a0;
                            font-weight: bold;
                        }
                        div.for-page-gps-6ee {
                            padding: 5px 5px 5px 5px;
                            background-color: #999999a0;
                        }
                    
                        #page-gps-7ee-selected:not(:checked) ~ div.for-page-gps-7ee {
                            display: none;
                        }
                        input:checked + label.label-page-gps-7ee {
                            background-color: #999999a0;
                            font-weight: bold;
                        }
                        div.for-page-gps-7ee {
                            padding: 5px 5px 5px 5px;
                            background-color: #999999a0;
                        }
                    
                        #page-gps-8ee-selected:not(:checked) ~ div.for-page-gps-8ee {
                            display: none;
                        }
                        input:checked + label.label-page-gps-8ee {
                            background-color: #999999a0;
                            font-weight: bold;
                        }
                        div.for-page-gps-8ee {
                            padding: 5px 5px 5px 5px;
                            background-color: #999999a0;
                        }
                    
                        #page-gps-rul-selected:not(:checked) ~ div.for-page-gps-rul {
                            display: none;
                        }
                        input:checked + label.label-page-gps-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-gps-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }
                    
                    #category-soc-selected:not(:checked) ~ div.for-category-soc {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-soc {
                        background-color: #aaffff70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-soc {
                        background-color: #aaffff;
                        font-weight: bold;
                    }
                    div.for-category-soc {
                        padding: 5px 5px 5px 0px;
                        background-color: #aaffff;
                    }
                
                        #page-soc-ran-selected:not(:checked) ~ div.for-page-soc-ran {
                            display: none;
                        }
                        input:checked + label.label-page-soc-ran {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-soc-ran {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-soc-gam-selected:not(:checked) ~ div.for-page-soc-gam {
                            display: none;
                        }
                        input:checked + label.label-page-soc-gam {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-soc-gam {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-soc-pdi-selected:not(:checked) ~ div.for-page-soc-pdi {
                            display: none;
                        }
                        input:checked + label.label-page-soc-pdi {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-soc-pdi {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-soc-rul-selected:not(:checked) ~ div.for-page-soc-rul {
                            display: none;
                        }
                        input:checked + label.label-page-soc-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-soc-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }
                    
                    #category-egg-selected:not(:checked) ~ div.for-category-egg {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-egg {
                        background-color: #ffffaa70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-egg {
                        background-color: #ffffaa;
                        font-weight: bold;
                    }
                    div.for-category-egg {
                        padding: 5px 5px 5px 0px;
                        background-color: #ffffaa;
                    }
                
                        #page-egg-tab-selected:not(:checked) ~ div.for-page-egg-tab {
                            display: none;
                        }
                        input:checked + label.label-page-egg-tab {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-egg-tab {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-egg-rul-selected:not(:checked) ~ div.for-page-egg-rul {
                            display: none;
                        }
                        input:checked + label.label-page-egg-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-egg-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }
                    
                    #category-mar-selected:not(:checked) ~ div.for-category-mar {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-mar {
                        background-color: #ffaaff70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-mar {
                        background-color: #ffaaff;
                        font-weight: bold;
                    }
                    div.for-category-mar {
                        padding: 5px 5px 5px 0px;
                        background-color: #ffaaff;
                    }
                
                        #page-mar-tab-selected:not(:checked) ~ div.for-page-mar-tab {
                            display: none;
                        }
                        input:checked + label.label-page-mar-tab {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-mar-tab {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-mar-rul-selected:not(:checked) ~ div.for-page-mar-rul {
                            display: none;
                        }
                        input:checked + label.label-page-mar-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-mar-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }
                    
                    #category-gen-selected:not(:checked) ~ div.for-category-gen {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-gen {
                        background-color: #eeeeee70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-gen {
                        background-color: #eeeeee;
                        font-weight: bold;
                    }
                    div.for-category-gen {
                        padding: 5px 5px 5px 0px;
                        background-color: #eeeeee;
                    }
                
                        #page-gen-tab-selected:not(:checked) ~ div.for-page-gen-tab {
                            display: none;
                        }
                        input:checked + label.label-page-gen-tab {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-gen-tab {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-gen-rul-selected:not(:checked) ~ div.for-page-gen-rul {
                            display: none;
                        }
                        input:checked + label.label-page-gen-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-gen-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }
                    
                    #category-are-selected:not(:checked) ~ div.for-category-are {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-are {
                        background-color: #72abab70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-are {
                        background-color: #72abab;
                        font-weight: bold;
                    }
                    div.for-category-are {
                        padding: 5px 5px 5px 0px;
                        background-color: #72abab;
                    }
                
                        #page-are-tab-selected:not(:checked) ~ div.for-page-are-tab {
                            display: none;
                        }
                        input:checked + label.label-page-are-tab {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-are-tab {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-are-rul-selected:not(:checked) ~ div.for-page-are-rul {
                            display: none;
                        }
                        input:checked + label.label-page-are-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-are-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }
                    
                    #category-cop-selected:not(:checked) ~ div.for-category-cop {
                        display: none;
                    }
                    input:not(:checked) + label.label-category-cop {
                        background-color: #7272ab70;
                        font-weight: bold;
                    }
                    input:checked + label.label-category-cop {
                        background-color: #7272ab;
                        font-weight: bold;
                    }
                    div.for-category-cop {
                        padding: 5px 5px 5px 0px;
                        background-color: #7272ab;
                    }
                
                        #page-cop-tab-selected:not(:checked) ~ div.for-page-cop-tab {
                            display: none;
                        }
                        input:checked + label.label-page-cop-tab {
                            background-color: #bbbbbba0;
                            font-weight: bold;
                        }
                        div.for-page-cop-tab {
                            padding: 5px 5px 5px 5px;
                            background-color: #bbbbbba0;
                        }
                    
                        #page-cop-rul-selected:not(:checked) ~ div.for-page-cop-rul {
                            display: none;
                        }
                        input:checked + label.label-page-cop-rul {
                            background-color: #ffffffa0;
                            font-weight: bold;
                        }
                        div.for-page-cop-rul {
                            padding: 5px 5px 5px 5px;
                            background-color: #ffffffa0;
                        }