@media (max-width: 1024px) {
    .container { max-width: none; }
}

body { min-width: auto; }

.top-nav { background: #545a64; color: #c6c8ca; }
.top-nav div.menu { padding: 5px; height: 45px; }
.top-nav ul li { float: left; }
.top-nav form { clear: both; background: #454b53; padding: 7px 0px 5px; }
.top-nav label { padding: 5px 10px 0 10px; }
.top-nav .btn.dropdown-toggle { font-size: .8em; color: #fff; background-color:#2c3544; border: none; }
.top-nav .btn.btn-primary { padding: 0 30px; height: 35px; line-height: 3; margin-bottom: 0; }
.top-nav .dropdown.bootstrap-select .flag { width: 25px; }

.top-nav .btn.btn-primary.btn-share { padding: 0 10px; float: right; margin-right: 4px; }
.top-nav .btn.btn-primary.btn-share svg { margin-right: 7px; margin-top: -4px; }

.btn.btn-primary { display: inline-block; border: solid 1px #686e78; font-size: 12px; font-family: 'OpenSans_i'; color: #f5f5f5; width: auto; padding: 0 9px;border-radius: 4px; margin-bottom: 4px; height: 28px; line-height: 2.2; text-align: left; border-color: #545a64; background-color:#2c3544; }
.btn.btn-primary:hover { background-color:#f6ff00; color:#1a2029; }

h1 { font-family:'OpenSans600'; font-size: 1.65em; text-transform: uppercase; border-bottom: 1px solid #565d69; padding-bottom: 21px; margin-bottom: 55px; line-height: 1; }
h1 span { width: auto; border-bottom: 3px solid #f6ff00;padding-bottom: 14px; color: #ffffff; display: inline-block; }
h2 {float:left; width:100%; position:relative; color:#ffffff; font-family:'OpenSans_i'; font-size:1.85em;}

.contestants .dropdown-menu li { width: 100%; }

.table-title { float: left; width: 100%; color: #1a2029; font-size: 0.95em; background-color: #f6ff00; background-repeat: no-repeat; background-position: 96% center; padding: 12px 14px; text-transform: uppercase; font-family: 'OpenSans600'; margin-bottom: 0; }

table {float:left; width:100%;}
table th { background-color:#1a2029; text-align:center; font-size:12px; color:#cdcdcd; padding:10px 0; line-height:1.2; vertical-align: middle !important; border: none !important; }
table td { padding-top:5px; padding-bottom:5px; border-top: none !important; color: #b7b9bc; font-size: 0.95em; color: #d4d4d4; border-right: solid 1px #3a414c; text-align: center; }
table tr { background-color:#333b48; border-bottom:solid 1px #3a414c}
table tr:nth-child(2n+2) { background-color:#2c3544 !important; }
table thead tr th { position: sticky; top:0; }

.table.table-compact tbody td { padding: .5em; }
.table.table-no-border tr, .table.table-no-border tr td { border: none; }

table td.weight { font-family: 'OpenSans600i'; }

table.table-participation-history th { height: 60px; }
table.table-participation-history th.competition { text-align: left; font-family:'OpenSans600'; }

.flag img { width: 50px; float: left; }
.flag span { font-size: 1.5em; line-height: 1.5em; margin-left: 5px; }
/* .flag span { font-family:Monospace; font-size: 2.5em; line-height: 1em; margin-left: 5px; } */

.flag-left { float: left; }
.flag-left img { float: left; }
.flag-left span { margin-left: 5px; }
.flag-right { float: right; }
.flag-right img { float: right; }
.flag-right span { margin-left: 0; margin-right: 5px; }

a.btn-link, a.btn-link:hover { color: #f5f5f5; }

dl { }
dt, dd { background: #1a2029; padding: 0.5em; font-size: 1.3em; float: left; margin-bottom: .5em; }
dd { color: #f6ff00; }
dt { clear: both; }

table.head-to-head-stats tr { background: #1a2029; border: none !important; }
table.head-to-head-stats tr td { border: none !important; padding: 0.5em; font-size: 1.3em; font-weight: 700; color: #fff; }
table.head-to-head-stats tr.h2hstat-vs td { color: #1a2029 !important; }
table.head-to-head-stats tr td.h2h-value1, table.head-to-head-stats tr td.h2h-value2 { color: #f6ff00; }
table.head-to-head-stats tr.empty td { height: 0.5em; padding: 0; }
table.head-to-head-stats tr.h2hstat-vs-pct td { padding: 1px; font-size: 0.9em; }
table.head-to-head-stats tr.hidden td { height: 0; padding: 0; }

.results-list td.score { white-space: nowrap; }
.results-list i { vertical-align: middle; }
.results-list i.winner { color: #3bc43e; font-size: .6em; }
.results-list i.loser { color: red; display: none; }
.results-list .flag.home { text-align: left; }
.results-list .flag.away { text-align: right; }

.table.table-compact.table-no-border tbody td.link { padding-left: .5em; padding-right: .5em; }
.table tbody td.link { text-align: right; padding-right: 1em; padding-left: 1em; white-space: nowrap; }
tbody tr.rowlink:hover { background: #272e3b !important; cursor: pointer; }
.match-btn-xs { font-size: 0.7em; text-transform: uppercase; white-space: nowrap; }

.match-details .participants h3 { padding: 5px 0; }
table.match-details tr td { border: none !important; padding: 0.5em; font-size: 1.3em; font-weight: 700; color: #fff; }
table.match-details tr th { font-size: 1em; }
.match-details .match-detail-round-score .round-winner { color: yellow; }
.match-details .final-score .winner { background: #f6ff00; color: #1a2029; }
.match-details .match-detail-won th { padding: 10px; }
table.match-details tr th.match-detail-value1 { font-size: 1.3em; }
table.match-details tr th.match-detail-value2 { font-size: 1.3em; }

.btn-profile { display: inline-block; padding: 0; }
.btn-profile span { display: block; color: #f5f5f5; text-transform: uppercase; font-size: .8em; padding: .5em; background: #1a2029; }
.btn-profile:hover { border: 1px solid yellow; }

.match-details .match-detail-round-score .round-winner { color: yellow; }

table.medallists td { text-align: left; }
table.medallists td.photo { width: 130px; padding: 0; }
table.medallists img.photo { max-height: 200px; width: auto; max-width: auto; }

.photo { width: 225px; max-width: 100%; }
h1 img.competition-logo {
    margin-right: 25px;
    border: 20px solid #fff;
    background: #fff;
    max-height: 150px;
}

.home-competition-banners h2 { font-family:'OpenSans600'; font-size: 1.65em; text-transform: uppercase; border-bottom: 1px solid #565d69; padding-bottom: 21px; margin-bottom: 21px; line-height: 1; }
.home-competition-banners h2 span { width: auto; border-bottom: 3px solid #f6ff00;padding-bottom: 14px; color: #ffffff; }
.home-competition-banners h2.active { }
.home-competition-banners h2.past { margin-top: 30px; }
.home-competition-banners a { margin: 2px 2px 10px 2px; display: inline-block; }
.home-competition-banners a:hover { margin: 0px 0px 8px 0px; border: 2px solid #f6ff00; }

.profiles-home .table-title { text-align: center; }
.profiles-home td.participant { padding: 0; }
.profiles-home .participant span { display: block; }
.profiles-home .participant .btn-profile { display: block; }
.profiles-home .participant .btn-profile span { background: transparent; }
.profiles-home .participant .photo { width: auto; max-height: 250px; }
.profiles-home .participant .flag { width: 80px; margin: 0 auto; }
.profiles-home .participant .flag img { width: 33px; }
.profiles-home .participant .flag span { font-size: 1em; line-height: 0.5em; }

table.scores-rounds th { padding: 5px; }
table.scores-rounds td { padding: 2px 0px; }
table.scores-rounds .round-label { color: #f3f3f3; }
table.scores-rounds .round-winner { color: yellow; }
table.scores-rounds .home-winner { background: blue; }
table.scores-rounds .away-winner { background: red; }

@media (max-width: 575px) {
    table.head-to-head-stats { margin-top: 20px; }
    .top-nav .btn.btn-primary { padding: 0 15px; }
}
@media (min-width: 576px) {
    .flag { float: none; }
}