/* Template */

div.header{
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
}

div.header div{
    font-weight: bold;
}

div.header div a{
    color: #2C3892;
    margin-right: .5em;
    text-decoration: none;
}

div.header div a:hover{
    text-decoration: underline;
}

div.main-menu{
    background-color: #51ADE5;
    padding: 10px;
    max-width: 1100px;
}

div.main-menu a{
    color: #2C3892;
    font-weight: bold;
    margin-left: .25em;
    text-decoration: none;
    padding: 10px;
}

div.main-menu a:hover{
    text-decoration: underline;
}

div.main-menu a.selected{
    background-color: #2598DE;
}

div.sub-menu{
    background-color: #71C6E5;
    padding: 6px 10px;
    max-width: 1100px;
}

div.sub-menu a{
    color: #2C3892;
    font-weight: bold;
    margin-left: .25em;
    padding: 6px 10px;
    text-decoration: none;
}

div.sub-menu a:hover{
    text-decoration: underline;
}

div.sub-menu a.selected{
    background-color: #46B5DD;
}

div.footer{
    margin-top: 10px;
    text-align: center;
}

/* Home */
div.home-display{
    display: flex;
}

div.sidebar{
    border: solid #51ADE5 1px;
    flex-basis: 175px;
    margin-right: 5px;
    padding: .25em;
    text-align: center;
}

div.sidebar hr{
    color: #51ADE5;
}

div.sidebar hr.sub{
    color: #EEF;
    margin: 2px;
}

div.sidebar h3{
    margin: 2px;
}

div.home-content{
    flex-basis: 50%;
    flex-grow: 1;
}

/* Jobs */
div.jobheading{
    background-color: #71c6e5;
    font-weight: bold;
    padding: 10px;
}

/* Records */
table.record-summary th.header{
    font-size: 1.75em;
}

table.record-summary tr.spacer td{
    background-color: #FFF;
    border: none;
    height: 7px;
}

/* Grid */
table.grid{
    border: solid #EEF 1px;
    border-collapse: collapse;
    margin: 5px 2px;
}

table.grid tr:nth-child(even){
    background-color: #EEF;
}

table.grid th{
    padding: 0px 5px;
}

table.grid td{
    padding: 3px;
}

table.grid td.section, table.grid th.section {
    background-color: #fff;
}

div.home-content table td {
    padding-left: 8px;
    padding-right: 8px;
}

table.center-but-first td:not(:first-child) {
    text-align: center;
}

div.flash-message {
    text-align: center;
    margin: 15px;
    font-size: larger;
    color: red;
}
div.footer {
    margin-top: 50px;
}


.btn-xs {
    padding: 0rem .5rem ;
    font-size: .75rem;
    border-radius: .2rem;
}

.big-round-icon {
    border: 0px solid darkblue;
    border-radius: 30px;
}

.med-round-icon {
    border: 1px solid lightblue;
    border-radius: 18px;
}

.mcdl-background-color {
    background-color: #333399;
}
.page-footer {
    min-height: 200px;
}

div.mcdl-content {
    min-height: 65vh;
}


table.table-auto {
    width: auto;
}

th.mcdl-meetname, td.mcdl-meetname {
    text-align: center;
    width: 25rem;
}
th.mcdl-division, td.mcdl-division {
    text-align: center;
    width: 6rem;
}
th.mcdl-seed, td.mcdl-seed {
    text-align: center;
    width: 4rem;
}
th.mcdl-poolname, td.mcdl-poolname {
    text-align: left;
    width: 12rem;
}
th.mcdl-poolcode, td.mcdl-poolcode {
    text-align: center;
    width: 6rem;
}
th.mcdl-score, td.mcdl-score {
    text-align: center;
    width: 5rem;
}
th.mcdl-points, td.mcdl-points {
    text-align: center;
    width: 6rem;
}
th.mcdl-exdiveup, td.mcdl-exdiveup {
    text-align: center;
    width: 7rem;
}

th.mcdl-agegroup, td.mcdl-agegroup {
    text-align: center;
    min-width: 6rem;
}
th.mcdl-gender, td.mcdl-gender {
    text-align: center;
    min-width: 3rem;
}
th.mcdl-firstyear, td.mcdl-firstyear {
    text-align: center;
    min-width: 6rem;
}
th.mcdl-fullname {
    text-align: left;
    min-width: 10rem;
}
th.mcdl-birthdate, td.mcdl-birthdate {
    text-align: center;
    min-width: 7rem;
}
th.mcdl-flag, td.mcdl-flag {
    text-align: center;
}
th.mcdl-actions, td.mcdl-actions {
    text-align: center;
    width: 6rem;
}
th.mcdl-datetime, td.mcdl-datetime {
    text-align: left;
    width: 12rem;
}
th.mcdl-offname, td.mcdl-offname {
    width: 20rem;
}
th.mcdl-count, td.mcdl-count {
    text-align: center
}
th.mcdl-checkbox, td.mcdl-checkbox {
        text-align: center;
        width: 5rem;
}
th.mcdl-compmeets, td.mcdl-compmeets {
    text-align: center;
    width: 5rem;
}
th.mcdl-avscore {
    text-align: center;
    width: 8rem;
}
td.mcdl-avscore {
    text-align: center;
    width: 8rem;
}

td.mcdl-week, th.mcdl-week {
    text-align: center;
    min-width: 5rem;
}
th.mcdl-meetheader {
    text-align: center;
    min-width: 20rem;
}

h1 {
    font-size: 1.75rem;
}
h2 {
    font-size: 1.5rem;
}
h3 {
    font-size: 1.25rem;
}
h4 {
    font-size: 1.2rem;
}
h5 {
    font-size: 1.2rem;
}
h6 {
    font-size: 1.0rem;
}

input[type="number"].score::-webkit-outer-spin-button,
input[type="number"].score::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"].score {
    -moz-appearance: textfield;
}

.btn-primary {
    background-color: #333399;
}
.btn-primary:hover {
    background-color:#06069a;
}

.card-header {
    background-color: #333399;
    color: white;
}
.card-title {
    color: white;
}
.card-subtitle {
    color:#ddd!important;
}
.dropdown-menu-scroll {
    overflow-y:auto;
    max-height:70vh;
}

.card.card-homepage {
    margin-top: 1rem;
}
.card.card-homepage .card-header {
    text-align: center;
}
.card.card-homepage .mcdl-title-icon {
    color: #333399;
}

@media print {
    tr    { page-break-inside:avoid; page-break-after:auto }
    .card {display: block; page-break-inside:avoid;}
    .card-header {color: black}
    .no-print {display: none}
}

.hidden {
    display: none;
}