body {
}
/*Changes from https://www.w3schools.com/code/tryit.asp?filename=GQPCM67HI00Q */

ol.nested-counter-list {
    counter-reset: item;
}

    ol.nested-counter-list li {
        display: block;
    }

        ol.nested-counter-list li::before {
            content: counters(item, ".") ". ";
            counter-increment: item;
            font-weight: bold;
        }

    ol.nested-counter-list ol {
        counter-reset: item;
    }

        ol.nested-counter-list ol > li {
            display: block;
        }

            ol.nested-counter-list ol > li::before {
                content: counters(item, ".") " ";
                counter-increment: item;
                font-weight: bold;
            }





.StatsWingRatingCol {
    background-color: lightblue;
}

.StatsPilotRatingCol {
    background-color: lightgray;
}

.StatsPilotCol {
    background-color: antiquewhite;
}

* {
    box-sizing: border-box;
}

.TeamTable{

    border-color: orangered;
    border: solid 1px;
    background-color: lightblue;

}

.ManualFlightLog {
    color: fuchsia;
}

.NonScoringResultsRow{
    color: darkgray;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px; /* Margin bottom by footer height */
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    border-top: solid;
    border-top-width: 1px;
    border-top-color: gainsboro;
    padding: 8px;

    /*background-color: #f5f5f5;*/
}

.footerImage {
    height: 30px;
}

.HiddenOnMobile {
/*    display: block;
*/}

.UserEmailColumn {
    display: block;
}

.ResultsPrizesColumn {
    display: block;
}

.RoundStatusProposed {
    color: darkorange;
}

.RoundStatusConfirmed {
    color: forestgreen;
}

.RoundStatusLocked {
    color: black;
}

.RoundStatusComplete {
    color: blue;
}

.RoundStatusCancelled {
    color: red;
}

.PrizeImage {
    height: 30px;
    width: 30px;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.flex-item-left {
    padding: 1px;
    flex: 43%;
}

.flex-item-right {
    padding: 1px;
    flex: 57%;
}

.Site-Guide-Link {
    font-size: inherit;
}

.Data-table-left {
    text-align: right;
    font-weight: bold;
    /*width: 200px;*/
    padding-right: 10px;
    padding-left: 20px;
}

.Data-table-centre {
    color: red;
    text-align: center;
    font-weight: bold;
    background-color: lightgreen;
    padding-right: 10px;
    padding-left: 20px;
}

.Data-table-right {
    padding-left: 15px;
    text-align: left;
    /*width: 200px;*/
}

.What3WordsImage {
    width: 150px;
    padding: 10px;
}

.form-control.ddl-width-auto {
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.Rt-table-cell {
    text-align: right;
}

.Lt-table-cell {
    text-align: left;
    background-color: white;
}

.affix {
    top: 51px;
    z-index: 9999 !important;
}

.affix navbar-default navbar{
        background-color: greenyellow;
 }
/*
    This section from: https://css-tricks.com/centering-css-complete-guide/
*/
main {
    background: white;
    margin: 20px 0;
    padding: 10px;
}

.center {
    margin: 0 auto;
    width: 400px;
    padding: 5px;
    text-align: center;
}


.LoginLabel {
    margin: 0 auto;
    width: 300px;
    padding: 5px;
}

main h3{
    margin: 0 auto;
    width: 300px;
    padding: 5px;
}

main div {
    width: 200px;
    margin: 0 auto;
    padding: 15px;
    margin: 5px auto;
}

.navbar-brand {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
}

.AdvanceBannerBrand {
    font-family: 'FFClanProMedium';
    color: white;
}

@font-face {
    font-family: 'FFClanProMedium';
    src: url('fonts/FFClanProMedium.TTF') format('truetype');
}
@font-face {
    font-family: 'FFClanProThin';
    src: url('fonts/FFClanProThin.TTF') format('truetype');
}

.navbar-toggle {
    z-index: 3;
}

.glyphicon.glyphicon-user {
    font-size: large;
}

/* Overrides to style dropdown nav elements in inverse colours */
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #222;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #080808;
}

    .nav > li > a:hover > .glyphicon, .nav > li > a:hover > .caret, .nav .open > a:focus > .glyphicon, .nav .open > a:focus > .caret {
        color: white;
    }

.inverse-dropdown {
    background-color: #222;
    border-color: #080808;
}

    .inverse-dropdown > li > a {
        color: #999;
    }

        .inverse-dropdown > li > a:hover {
            color: #fff;
            background-color: #000;
        }

/* End overrides to style dropdown nav elements in inverse colours */


.CarouselSpacer {
    height: 1EM;
}

.EmergencyContactNumber {
    color: red;
}

.lead a {
    font-size: 21px;
}

.noScoreLabel {
    color: red;
}

.DidNotScoreLabel {
    color: black;
}

.ClubPilotLabel{
    color: green;
}

.PilotLabel {
    color: black;
}

.AdvancedPilotLabel {
    color: palevioletred;
}

.ScoreLabel {
    font-weight: bold;
}

.center {
    text-align: center;
}

.ClubInTeamSheet {
    padding-top: 150px;
    background-color: yellow;
    z-index: 9999;
    color: Background;
    visibility: hidden;
}

.ResultsPageScrollPadding {
    padding-top: 60px;
    background-color: yellow;
    z-index: 9999;
    color: Background;
    visibility: hidden;
}

.width-textarea{
    max-width: 800px;
    margin: 30px;
}

.RoundResultsTable{
    border-color: black;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
@media (min-width: 1200px) and (max-width: 3000px) {
    .navbar.navbar-default.affix {
        /*background-color: black;*/
        width: 1140px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .navbar.navbar-default.affix {
        /*background-color: orange;*/
        width: 940px;
    }
}

@media (min-width: 880px) and (max-width: 991px) {
    .navbar.navbar-default.affix {
        /*background-color: darkseagreen;*/
        width: 720px;
    }
}


/* Remove the top border from results tables*/
.table > thead > tr > th, .table > tbody > tr > th {
    border-top: none;
}


/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {

    .footerImage {
        height: 25px;
    }

    .UserEmailColumn {
        display: none;
    }

    .HiddenOnMobile {
        display: none;
    }

    .ResultsPrizesColumn {
        display: none;
    }

    .width-textarea {
        max-width: 320px;
        margin: 30px;
    }

    a.btn.btn-default {
        /*background-color: greenyellow;*/
        margin-top: 5px;
    }

    .navbar.navbar-default.affix {
        width: 100%;
        left: 0;
    }

    .inverse-dropdown > li > a {
        font-size: large;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: large;
    }

    .flex-item-right, .flex-item-left {
        flex: 100%;
    }

    .What3WordsPartialTable {
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 3px;
        padding: 0px;
    }

    .form-control.ddl-width-auto {
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 3px;
    }

    h4 {
        margin-left: 15px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding: 0px;
    }

    .What3WordsImage {
        width: 130px;
        padding: 5px;
    }

    .flex-item-left {
        /*background-color: lightgray;*/
    }

        .flex-item-left .Rtable-cell {
            font-weight: bold;
        }

    body {
        /*background-color: lightblue;*/
        width: 100%;
    }

    form {
        /*width: 100%;*/
        /*background-color: lightblue;*/
    }

    .table {
        margin-bottom: 0px;
    }

    span.form-group {
        margin-left: 15px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    div.container.body-content {
        padding-right: 5px;
        padding-left: 5px;
    }

    #selectedTeam {
        margin-left: 15px;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    hr {
        margin: 5px;
    }

    div h1 {
        padding-left: 5px;
        margin: 5px;
    }

    input.btn-default {
        /*padding-left: 12px;*/
        margin-left: 15px;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .dl-horizontal {
        width: 100%;
    }

    .Data-table-centre {
        text-align: center;
        font-weight: bold;
        padding-right: 10px;
        padding-left: 20px;
    }

    td.Data-table-left {
        width: 50%;
        text-align: right;
        font-weight: bold;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-size: larger;
    }

    .Data-table-right {
        text-align: left;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-size: larger;
    }

    .Site-Guide-Link {
        font-size: inherit;
    }

    .jumbotron {
        padding-top: 3px;
        padding-bottom: 3px;
        margin-bottom: 3px;
    }

        .jumbotron h1 {
            font-size: 25px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

    h2 {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    p {
        font-size: small;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    h4 {
        font-size: medium;
        /*font-weight: bold;*/
        margin: 5px;
    }

    h3 {
        /*font-size: medium;*/
        font-weight: bold;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    a {
        /*font-size: small;*/
    }

    h1 a {
        font-size: 25px;
    }

    .CarouselSpacer {
        height: 0px;
    }

    div.Rtable-cell {
        padding: 3px;
    }

    .Rtable-cell {
        box-sizing: border-box;
        flex-grow: 1;
        width: 100%;
        padding: 3px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid red;
        font-size: small;
    }

    .Rtable-cell-left {
        box-sizing: border-box;
        flex-grow: 1;
        width: 100%;
        padding: 3px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .BannerUserName {
        color: yellow;
        display: none;
    }

    .panel-body {
        padding: 3px;
    }

    .table > thead > tr > th, .table > tbody > tr > th {
        border-top: none;
    }

    .PrizeImage
    {
        height: 25px;
        width: 25px;
    }

    } /* END Responsive layout - makes a one column-layout instead of a two-column layout END*/

.Rtable {
    position: relative;
    top: 0px;
    left: 0px;
}

.Rtable {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    padding: 0;
}

.Rtable--4cols > .Rtable-cell {
    width: 25%;
    text-align: left;
}

.Rtable-cell {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    /*font-size: small;*/
}

.Rtable-cell-left {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

* {
    box-sizing: border-box;
}

.flex-container {
    display: flex;
    flex-direction: row;
    text-align: center;
}

.HomePageBannerText {
    text-align: center;
}

h3.HomePageBannerText {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
}

.form-group {
    width: 100%;
}

.lead a {
    font-size: 16px;
    font-weight: bold;
}

.glyphicon-chevron-down {
    font-size: 25px;
}

.glyphicon-chevron-up {
    font-size: 25px;
}

.glyphicon-trash {
    font-size: 20px;
}

.glyphicon-floppy-disk {
    font-size: 25px;
}

.glyphicon-info-sign {
    font-size: 25px;
}

.glyphicon-copyright-mark {
    font-size: 20px;
}

.glyphicon-ok {
    font-size: 30px;
}

.glyphicon-question-sign {
    font-size: 30px;
}

h3 {
    /*font-size: medium;*/
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

h4 {
    margin-top: 1px;
    margin-bottom: 1px;
}