@CHARSET "UTF-8";

.Years {display:flex; justify-content:center;}
.Years div {margin:0 .5em;}
.active {font-weight:bold;}
.Years a {color:black; text-decoration: none;}

input.minmax {width:4em;}

.newRow {display:none;}

.Division {margin-top:2em;}
.DivTitle {font-size:150%;font-weight:bold;}
.Classes {display:flex; justify-content:flex-start;}
.Classes div {flex:0 0 10em; text-align:center;border:1px solid #444; background-color:#bbb;padding:0.5em; margin:0.5em 1em;}

.GroupTitle {font-size:150%;font-weight:bold;margin:2em 1em 1em;}
.ArcherRank {display:flex; justify-content:flex-start;margin-top:0.5em;}
.Rank {flex:0 0 3em;text-align:right;margin-right:1em;}
.Archer {flex:0 0 10vw;margin-right:1em;}
.Competitions.CompetitionTotals {flex:0 0 14em;margin-right:1em;font-size:85%;}
.Competitions {flex:0 0 20em;margin-right:1em;font-size:85%;}
.Competitions>div {display:flex;}
.Competitions>div>div:FIRST-CHILD {flex:1 0 5em; text-align:left;}
.CompPlace {white-space:nowrap;overflow: hidden;flex:1 0 8em; }
.Competitions>div>div:LAST-CHILD {flex:0 0 4em; text-align:right;}
.Points {font-weight:bold;}

.BonusCompetitions {flex:1 0 16em;max-width:30em; margin-right:1em;font-size:85%;}
.BonusCompetitions>div {display:flex;}
.BonusCompetitions>div>div {flex:0 0 4em; text-align:right;}
.BonusCompetitions>div>div:FIRST-CHILD {flex:1 0 6em; text-align:left;}
.BonusCompetitions>div>div:LAST-CHILD {flex:0 0 4em; text-align:right;}
.Explain {font-size:80%;}

.Header {text-align:center; background-color:#444;color:white;padding:1em 0;}

.RankHead { background-color: #dddddd; margin:auto; margin-top:1em; padding:1em; border-radius: 0.5em; border:1px solid darkgrey; text-align:center;}
.RankHead > div {margin-top:0.5em; margin-bottom:0.5em; font-size:1.5em;}
.RankHead > div.small {font-size:1em;}
.RankHead select {font-size:1em;}

.Tabs {margin-top:1em; display: flex;}
.Tabs div {padding:1em; margin-left:1em; font-size:1.25em; font-weight:bold; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border:1px solid darkgrey; background-color: #dddddd; cursor: pointer;}
.Tabs div.Active {background-color: white; border-bottom:none; }
.TabPage {background-color: white; padding:1em; border:1px solid darkgrey; border-radius: 0.5em; margin-top:-1px;}
.TabPage table {margin: auto;}

#RankSetting textarea {height:5em; width:50em;}
#RankSetting input,
#RankSetting select
    {width:50em;}

.Button {font-size:x-small; border:1px solid black; background-color:#aaa; padding:0.5em;border-radius:0.25em;cursor: pointer;}