body {
    font-size: 14px;
}

a {
    color: black;
}

#test-selector, #competition-selector {
    margin-top: 10px;
}

#test-selector {
    margin-bottom: 10px;
}

tr.even {
    background-color: #f9f9f9;
}

tr.partial-row td {
    padding-top: 4px !important;
    font-size: 85%;
    text-align: right;
    border-top: none !important;
}

.panel-heading {
    font-size: 125%;
    font-weight: bold;
}

.reprise-error {
    color: #c80000;
    margin-left: -3px;
    margin-right: -3px;
}

.banner {
    width: 100%;
    padding-bottom: 8px;
    padding-top: 8px;
}

.judge-partial {
    color: #333;
    color: rgba(50, 50, 50, 0.80);
    margin-left: -3px;
}

.judge-region {
    font-weight: normal;
}

.region-partial {
    font-size: 11px;
}

.header-prize {
    margin-right: 6px;
}

.position-info {
    font-size: 1.5em;
}

.test-description {
    font-size: 90%;
    margin-left: 28px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}

.change-region {
    border-top: 2px black solid;
}

.competitor-detail {
    cursor: pointer;
}

.competitor-total {
    text-align: center;
}

span.judge-comment {
    border: thin solid #55555555;
    font-size: 9px;
    padding: 1px;
    white-space: nowrap;
    text-transform: lowercase;
}

.judge-comment span.position {
    margin-right: 1px;
    font-weight: bold;
    text-transform: uppercase;
}

span.judge-comment-global {
    font-size: 11px;
    padding: 1px;
    display: block;
}

.judge-comment-global span.position {
    margin-right: 3px;
    font-weight: bold;
    text-transform: uppercase;
}

tr.competitor-detail:hover > td,
tr.competitor-detail:active > td,
tr.competition-test-detail:hover > td,
tr.competition-test-detail:active > td,
tr.competition-index:hover > td,
tr.competition-index:active > td {
    background-color: #eee;
}

tr.group-separator > td {
    height: 8px;
    padding: 3px !important;
    border-top: solid #aaa 2px !important;
    background: #ccc;
}

tr.group-title > td {
    padding-top: 12px !important;
}

.test-time {
    font-size: .88em;
}

span.test-time {
    padding-left: 6px;
}

.team-competitor {
    border-bottom: 1px solid #ddd;
    margin-bottom: 6px;
}

.team-competitor-container .team-competitor:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.team-competitor .position-info {
    font-size: 1em;
    font-weight: normal;
}

.team-competitor-test {
    font-size: .88em;
}

.team-competitor-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.team-competitor-details {
}



.team-competitor-with-test {
    height: 62px;
}

.team-competitor-without-test {
    height: 42px;
}

.team-competitor-disabled div {
    color: #888;
}

.team-competitor-total.team-competitor-disabled div:before {
    content: "(";
}

.team-competitor-total.team-competitor-disabled div:after {
    content: ")";
}

.team-result {
    font-weight: bold;
}

.hidden-lg.team-result {
    font-size: 1.2em;
}

.print-button {
    float: right;
    margin: -8px;
}

    .print-button > div > div > .dropdown-item {
        padding: 12px;
    }

.competition-test-date .print-button,
.competitions-header .print-button {
    margin: -5px;
}

.local-flag-md {
    padding: 0;
    margin: 0;
    zoom: .6;
}

.download-reprise,
.download-reprise a,
.download-reprise a:hover
.download-reprise a:active {
    font-size: 18px;
    padding-right: 6px;
    color: black;
    text-decoration: none;
}

    .download-reprise i {
        font-size: 18px;
    }

.local-flag-xs {
    padding: 0;
    margin: auto;
    zoom: .4;
}

.local-flag-md-container {
    width: 36px;
    padding: 0 !important;
    margin: 0;
}

.competitor-detail-header > .local-flag {
    float: left;
    padding-right: 10px;
}

.competitor-detail-header > .competitor,
.competitor-detail-header > .position {
    float: left;
}

.competitor-detail-header > .position {
    font-size: 22px;
    padding-right: 10px;
}

.test-detail-person:not(:empty) ~ .test-detail-person:not(:empty):before {
    content: ", ";
}

.highlight {
    font-weight: bold;
    background-color: darkseagreen !important;
}

table.five-judges tr.totals td strong {
    font-size: .9em;
}

.reprise-factor {
    font-variant-position: ordinal;
}

.reprise-description {
    max-width: 300px;
}

.competition-location {
    font-size: .9em;
}

.score-diff {
    font-size: .85em;
}

.updated-0 td {
    background-color: rgba(132,222,2,.85)
}

.updated-1 td {
    background-color: rgba(132,222,2,.75)
}

.updated-2 td {
    background-color: rgba(132,222,2,.5)
}

.updated-3 td, .updated-4 {
    background-color: rgba(132,222,2,.4)
}

.updated-5 td, .updated-6 td, .updated-7 td {
    background-color: rgba(132,222,2,.3)
}

.updated-8 td, .updated-9 td, .updated-10 td {
    background-color: rgba(132,222,2,.2)
}

.updated-11 td, .updated-12 td, .updated-13 td, .updated-14 td {
    background-color: rgba(132,222,2,.15)
}

.updated-15 td, .updated-16 td, .updated-17 td, .updated-18 td, .updated-19 td, .updated-20 td {
    background-color: rgba(132,222,2,.1)
}

.no-top-border {
    border-top: none !important;
}

.no-bottom-border {
    border-bottom: none !important;
}

.judge-remove {
    font-style: italic;
    opacity: .7;
    color: #555;
    transform: scale(.9);
    font-weight: normal;
}

@media (min-width: 667px) {
    #logo-studbook {
        height: 36px;
        margin: -8px;
    }
}

@media (max-width: 991px) { /* md */
    .competitor-total {
        text-align: right;
    }
}

@media (max-width: 812px) { /* iPhone X horizontal */

    body {
        font-size: 12px;
    }

    .competitor-total {
        text-align: right;
    }

    #logo-studbook {
        height: 24px;
        margin: -3px;
    }

    .panel-heading,
    .panel-body {
        padding: 2px 5px;
    }

    .navbar,
    .panel {
        margin-bottom: 0;
    }

    .navbar {
        margin: 2px;
    }

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 4px;
    }

    tr.even {
        background-color: #f4f4f4;
    }

    .competitor-detail-header > .local-flag {
        zoom: .8;
    }

    table.five-judges > tbody > tr > td {
        font-size: 10px;
        padding-left: 2px;
        padding-right: 2px;
    }
}

.test-live,
.test-live i {
    color: #4CC402;
}

.test-live {
}


.youtube-container {
    text-align: center;
    width: 360px;
    height: 200px;
    position: fixed;
    bottom: 2px;
    right: 2px
}

.youtube-menu {
    float: right;
    margin-top: -20px;
}

.youtube-iframe {
    width: 100%;
    height: 100%;
}

.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

.competition-test-judge,
.competition-test-judge-sm {
    font-size: .85em;
}

.competition-test-judge {
    display: block;
}

tr.competition-test-judges-sm td {
    border-top: none !important;
}

.competition-test-date,
.competitions-header,
.competition-test-date a,
.competitions-header a {
    background-color: #888;
    color: white;
}

.horse-owner, .horse-breeder {
    font-size: .9em;
}

span.badge.horse-details {
    background-color: #ddd;
    border-radius: 5px;
    color: black;
    padding: 2px 3px;
}

span.badge.competition-details {
    background-color: #ddd;
    border-radius: 2px;
    color: black;
    padding: 6px;
    margin-bottom: 4px;
}

.horse-family {
    font-weight: normal;
    font-stretch: ultra-condensed;
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

    .horse-family.horse-sire {
        background: linear-gradient(to right,#add8e6ff,#add8e677 100%);
    }

    .horse-family.horse-dam {
        background: linear-gradient(to right,rgba(255,182,193,0.7) 0,rgba(255,182,193,0.33) 100%);
    }

    .horse-family.horse-damsire {
        background: linear-gradient(to right,#add8e677,#add8e600 100%);
    }

th .horse-details, th .horse-family {
    font-size: 11.5px;
}

.cnr-circle {
    display: inline-block;
    line-height: 0px;
    border-radius: 50%;
    background-color: #f1e7df;
    border: 1px solid #140073;
    font-size: 12px;
    min-width: 26px;
    max-width: 32px;
    text-align: center;
    margin-bottom: -2px;
}

    .cnr-circle span {
        display: inline-block;
        padding-top: 50%;
        padding-bottom: 50%;
        text-align: center;
    }

.test-break td:before {
    content: "Break";
}

.test-break {
    height: 36px;
    background: #f1e7df;
    align-content: center;
    text-align: center;
}


.is-partial strong::after {
    content: ")";
}

.is-partial strong::before {
    content: "(";
}

.is-partial strong {
    color: rgba(150, 150, 150, 0.90);
    font-style: italic;
    font-weight: normal !important;
}


/*  PRINT  */
@media print {

    a[href]:after {
        content: none !important;
    }

    body {
        font-size: 11px;
    }

    tbody.five-judges-print > tr > td {
        font-size: 10px;
    }

    .region-partial {
        font-size: 9px;
    }

    .print-visible {
        display: initial !important;
    }

    td.print-visible,
    th.print-visible {
        display: table-cell !important;
    }

    tr.print-visible {
        display: table-row !important;
    }

    .print-invisible {
        display: none !important;
    }

    .reprise-error {
        color: #c80000 !important;
    }

    .panel-heading {
        padding: 2px;
    }

    .panel-default {
        border-color: transparent;
    }

    .panel-body {
        padding: 2px;
    }

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 4px;
    }

    .competitor-total {
        text-align: center;
    }

    #competitor-info > tbody > tr > td {
        padding-bottom: 1px;
        padding-top: 1px;
    }

    .panel {
        margin-bottom: 4px;
    }

    thead {
        display: table-header-group;
    }

    tfoot {
        display: table-footer-group;
    }

    #test-info,
    #competitor-info {
        page-break-after: always;
    }

    #test-info,
    #competitor-info {
        page-break-after: auto !important;
    }

    tr.even > td {
        background-color: #eee !important;
    }

    .local-flag-md {
        padding: 0;
        margin: auto;
        zoom: .4;
    }

    .print-visible.local-flag,
    .print-visible.local-flag-md,
    .print-visible.ff-st {
        display: block !important;
    }

    .badge, span.badge.horse-details {
        padding-left: 0;
        padding-right: 0;
    }

        .badge::after {
            content: " | ";
        }

        .badge:last-child::after {
            content: "";
        }

    .team-competitor-with-test {
        height: 48px;
    }

    .team-competitor-without-test {
        height: 36px;
    }

    .team-row {
        page-break-inside: avoid;
    }
}