body {
    font-family: "Roboto condensed", "Lucida Grande", Verdana, Arial, sans-serif;
}

.social-media-box {
    /*position:fixed;*/
    /*z-index: 3;*/
    /*right: 20px;*/
    /*top: 100px;*/
}

.about-logo {
    width: 200px;
}

.scalable {
}

.outerBackdrop {
    transform-origin: top left;
    left: 10px;
    top: 10px;
    position: fixed;
    z-index: 3;
    display: inline-block;
    background-color: #666666;
    box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.6);
    border-radius: 15px 15px 0 0;
}

.hover-underline:hover {
    text-decoration: underline;
}

.globalMapBackdrop {
    transform-origin: top left;
    left: 10px;
    top: 10px;
    /*bottom: 50px;*/
    max-height: 80vh;
    position: fixed;
    z-index: 3;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    background-color: #666666;
    box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.6);
    border-radius: 15px;
    width: 350px;
    font-size: 1rem;
}

.aircraft-legend-global {
    position: absolute;
    font-size: 0.7rem;
    left: 5px;
    bottom: 35px;
    z-index: 2;
    line-height: 0;
}

.ongoing-navigation-ticker {
    position: absolute;
    /*font-size: 0.7rem;*/
    top: 75px;
    left: 10px;
    right: 0;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    z-index: 2;
    width: 350px;
    /*border: 1px solid #000000;*/
    background-color: rgba(255, 255, 255, 0.7);
    transform-origin: top left;
    /*border-radius: 15px;*/
    /*padding: 5px;*/
    /*line-height: 1;*/
}


.flexWrapper {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    width: 100%;
}

.contest-popup {
    width: 300px;
    max-width: 80vw;
    z-index: 5;
}

.eventListScrolling {
    overflow-y: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    width: 100%;
    height: 100%;
}

.eventListScrolling::-webkit-scrollbar {
    display: none;
}


.outerBackdropNarrow {
    /*width: 40%;*/
    width: 600px;

}


.outerBackdropWide {
    right: 10px;
}

.outerBackdropFull {
    /*max-height: 90%;*/
    /*min-height: 90%;*/

}

.outerBackdropHalf {
    /*max-height: 50%;*/
    /*min-height: 50%;*/

}

.backdropFull {
    height: 80vh;
}

.backdropHalf {
    max-height: 500px;
}

.backdrop {
    /*background: rgba(42, 42, 42, 0.9);*/
    /*border-radius: 5px;*/
    /*border: 1px solid #444;*/
    /*padding: 5px 10px;*/
    /*border-radius: 0 0 25px 25px;*/
    /*font-size: clamp(0.5rem, 0.1667rem + 1.1111vw, 1.5rem);*/
    font-size: 1.3rem;
    overflow-y: auto;
    position: relative;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    /*bottom: 0;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*margin: 44px auto;*/
    /*max-height: 500px;*/
}

.crew-name {
    font-size: 1rem;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.backdrop::-webkit-scrollbar {
    display: none;
}

.titleWrapper {
    /*position: fixed;*/
    /*display: inline-block;*/
    /*left: 70px;*/
    /*top: 20px;*/
    /*z-index: 2;*/
    /*border-radius: 15px 15px 0 0;*/
    border-radius: 15px 15px 0 0;

    position: relative;
    top: 0;
    left: 0;
    /*right: 0;*/
    /*height: 44px;*/
    background-color: #666666;
}


.bottomWrapper {
    /*position: fixed;*/
    /*display: inline-block;*/
    /*left: 70px;*/
    /*top: 20px;*/
    /*z-index: 2;*/
    /*border-radius: 0 0 15px 15px;*/
    background-color: #666666;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px;
}

.tableCollapse {

}

tr.selectedContestantRow td {
    background-color: brown;
}

tr.hidden {
    display: none;
}

.inheritDisplay {
    display: inherit;
}

.preWrap {
    white-space: pre-wrap;
}

.no-wrap {
    white-space: nowrap;
}

.gateTimesText {
    /*font-size: clamp(0.25rem, -0.0372rem + 1.2766vw, 1rem);*/
    font-size: 0.7rem
}


.lowerThirdsDouble {
    transform-origin: bottom right;
    position: fixed;
    width: 1400px;
    bottom: 2px;
    right: 2px;
    z-index: 2;
    transform: scale(0.8);
    pointer-events: none;
}

.lowerThirdsSingle {
    transform-origin: bottom right;
    position: fixed;
    width: 1250px;
    bottom: 2px;
    right: 2px;
    z-index: 2;
    transform: scale(0.8);
    pointer-events: none;
}

.clickable {
    pointer-events: all;
}

.danger-level-toggle {
    width: 0;
    position: relative;
    right: 54px;
    bottom: 68px;
    z-index: 999;
}

.danger-level-accumulated-score-container {
    position: relative;
    width: 50px;
    left: -1px;
}

.danger-level-accumulated-score-white {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    font-size: xx-large;
    text-align: center;
    width: 100%;
}

.danger-level-accumulated-score-black {
    color: black;
    position: absolute;
    top: 0;
    left: 0;
    font-size: xx-large;
    text-align: center;
    width: 100%;
}

.lower-thirds-inner-single {
    width: 600px;
}

.lower-thirds-inner-double {
    width: 750px;
}

.lower-thirds-current-score {
    font-size: 4.3rem;
    color: #e01b1c;
    /*margin-top: -20px;*/
    font-weight: bold;
    text-shadow: 2px 2px 5px black;
    margin-top: -20px;
}

.lower-thirds-current-score a {
    color: #e01b1c;
}

.lower-thirds-current-score a:hover {
    color: #e01b1c;
}

.lower-thirds-current-score-text {
    font-size: 1rem;
    color: #e01b1c;
    font-weight: bold;
    text-shadow: 2px 2px 5px black;
    margin-top: -10px;
}

.lower-thirds-current-score-text a {
    color: #e01b1c;
}

.lower-thirds-current-score-text a:hover {
    color: #e01b1c;
}

.lower-thirds-pilot-names {
    line-height: 1.3;
}

.lower-thirds-name-box {
    box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.6);
    border-radius: 15px 15px 0 0;
}

/* Large desktop */
@media (min-width: 1300px) {
    /*    .lowerThirdsDouble, .outerBackdropNarrow {*/
    /*        transform: scale(0.8);*/
    /*    }*/
    /*    .lowerThirdsSingle {*/
    /*        transform: scale(0.8);*/
    /*    }*/
}

@media (min-width: 1024px) and (max-width: 1300px) {
    .lowerThirdsDouble {
        transform: scale(0.6);
    }

    .lowerThirdsSingle {
        transform: scale(0.6);
    }

    .globalMapBackdrop, .scalableAsGlobalBackdrop {
        transform: scale(0.9);
    }

    .ongoing-navigation-ticker {
        transform:scale( 0.9);
        top: 70px
    }

    .scalable {
        transform: scale(0.7);
    }

}

@media (min-width: 900px) and (max-width: 1024px) {
    .lowerThirdsDouble {
        transform: scale(0.4);
    }

    .lowerThirdsSingle {
        transform: scale(0.4);
    }

    .globalMapBackdrop, .scalableAsGlobalBackdrop {
        transform: scale(0.85);
    }

    .ongoing-navigation-ticker {
        transform:scale( 0.85);
        top: 65px
    }
    .scalable {
        transform: scale(0.6);
    }

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 900px) {
    .lowerThirdsDouble {
        transform: scale(0.4);
    }

    .lowerThirdsSingle {
        transform: scale(0.4);
    }

    .globalMapBackdrop, .scalableAsGlobalBackdrop {
        transform: scale(0.75);
    }

        .ongoing-navigation-ticker {
        transform:scale( 0.75);
        top: 60px
    }


    .scalable {
        transform: scale(0.5);
    }


}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
    .lowerThirdsDouble {
        transform: scale(0.35);
    }

    .lowerThirdsSingle {
        transform: scale(0.35);
    }

    .globalMapBackdrop, .scalableAsGlobalBackdrop {
        transform: scale(0.75);
    }

    .ongoing-navigation-ticker {
        transform:scale( 0.75);
        top: 60px
    }

    .scalable {
        transform: scale(0.45);
    }

}

/* Landscape phones and down */
@media (max-width: 480px) {
    .lowerThirdsDouble {
        transform: scale(0.3);
    }

    .lowerThirdsSingle {
        transform: scale(0.3);
    }

    .globalMapBackdrop, .scalableAsGlobalBackdrop {
        transform: scale(0.5);
    }

        .ongoing-navigation-ticker {
        transform:scale( 0.5);
        top: 40px
    }


    .scalable {
        transform: scale(0.4);
    }

}

.lowerThirdsProfileImage {
    align-self: flex-end; /* safari */
    height: 280px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
    overflow: hidden;
}

.lowerThirdsTeamImage {
    max-height: 130px;
}

.transparent {
    background-color: transparent;
}

.transparent-partial {
    /*background-color: rgba(255, 255, 255, 0.7);*/
    opacity: 0.5;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.personalFlag {
    margin-top: -5px;
    width: 40px;
}

.progressWheel {
    height: 35px;
}

.widthLink {
    float: right;
}


.heightLink {
    float: right;
}

.wizardImage {
    max-height: 400px;
}

.centered {
    position: fixed; /* or absolute */
    top: 50%;
    left: 50%;
}

.past-event-detail {
    display: flex;
    justify-content: center;
}

.taskTitle {
    /*font-size: clamp(1rem, 0.1667rem + 3.33333vw, 2rem);*/
    /*font-size: clamp(0.5rem, 0.1667rem + 1.1111vw, 1.5rem);;*/
    /*font-size: clamp(0.5rem, -0.1429rem + 2.8571vw, 2rem);*/
    font-size: 2rem;
    vertical-align: middle;
    color: aliceblue;
}


.eventTitle {
    /*font-size: clamp(1rem, 0.1667rem + 3.33333vw, 2rem);*/
    /*font-size: clamp(0.5rem, 0.1667rem + 1.1111vw, 1.5rem);;*/
    font-size: 2rem;
    vertical-align: middle;
    color: aliceblue;
}

.taskTitleName {
    color: #70ad47;
    font-weight: bold;
}

.contestant-details-header {
    /*font-size: clamp(0.5rem, 0.1667rem + 1.1111vw, 1.5rem);;*/
    font-size: 1.2rem;

}

.details-progress-circle {
    /*width: 3vw;*/
    width: 60px;
    float: right;
}

#logoButton {
    height: 80px;
    width: 80px;
}

#menuButton {
    /*font-size: 40px;*/
    /*height: 40px;*/
    /*width: 40px;*/
}

#settingsButton {
    font-size: 50px !important;
}

#logoButtonWrapper {
    bottom: 20px;
    right: 10px;
    position: fixed;
    z-index: 2;
}


#sponsor {
    bottom: 30px;
    left: 10px;
    width: 20vw;
    height: 200px;
    background-color: #262626cc;
    position: fixed;
    z-index: 2;

}

#sponsor .logo {
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#disclaimer {
    bottom: 2px;
    left: 0;
    position: fixed;
    z-index: 2;
    background-color: #262626;
    color: white;
    font-size: 0.7rem;
    /*width: 330px;*/
    padding: 4px;
    /*padding-left: 4px;*/
    /*height: 45px;*/
}

#disclaimer .logo {
    height: 40px;
    float: right;
    padding-right: 10px;
    /*padding-top: 4px;*/
}

#returnLinkImage {
    /*height: 80px;*/
    width: 30vw;
    max-width: 250px;
    min-width: 100px;
}

#returnLink {
    bottom: 10px;
    right: 0px;
    position: fixed;
    z-index: 2;
}


#settingsLink {
    bottom: 40px;
    right: 10px;
    position: fixed;
    z-index: 2;
}


.logoImage {
    /*height: 80px;*/
    /*width: 40vw;*/
    top: 10px;
    /*max-width: 400px;*/
    /*min-width: 200px;*/
    right: 10px;
    position: fixed;
    z-index: 2;
    color: #e01b1c;
    /*font-size: large;*/
    /*background-color: #666666cc;*/
    /*border-radius: 5px;*/
    /*padding: 0 5px;*/
}

.wikiImage {
    /*height: 80px;*/
    /*width: 40vw;*/
    top: 60px;
    /*max-width: 400px;*/
    /*min-width: 200px;*/
    right: 10px;
    position: fixed;
    z-index: 2;
    color: #e01b1c;
    /*font-size: large;*/
    /*background-color: #666666cc;*/
    /*border-radius: 5px;*/
    /*padding: 0 5px;*/
}


.logoImageRE {
    /*height: 80px;*/
    /*width: 40vw;*/
    top: 10px;
    /*max-width: 400px;*/
    /*min-width: 200px;*/
    right: 10px;
    position: fixed;
    z-index: 2;
    color: #e01b1c;
    /*font-size: large;*/
    /*background-color: #666666cc;*/
    /*border-radius: 5px;*/
    /*padding: 0 5px;*/
}


.resultsServiceIcon {
    top: 110px;
    right: 15px;
    position: fixed;
    z-index: 2;
}

.trackImage {
    /*height: 80px;*/
    /*width: 30px;*/
    top: 60px;
    right: 15px;
    position: fixed;
    z-index: 2;
    /*color: #e01b1c;*/
    /*font-size: large;*/
    /*background-color: #666666cc;*/
    /*border-radius: 5px;*/
    /*padding: 0 5px;*/
}


.openAipLink {
    /*height: 80px;*/
    /*width: 30px;*/
    top: 110px;
    right: 15px;
    position: fixed;
    z-index: 2;
    /*color: #e01b1c;*/
    /*font-size: large;*/
    /*background-color: #666666cc;*/
    /*border-radius: 5px;*/
    /*padding: 0 5px;*/
}

.playbackNotice {
    font-size: xx-large;
    position: absolute;
    top: 10px;
    right: 79px;
    z-index: 10;
    font-weight: bold;
}

.offlineNotice {
    font-size: xx-large;
    position: absolute;
    top: 60px;
    right: 79px;
    z-index: 1001;
    color: red;
}


.replayIcon {
    top: 160px;
    right: 15px;
    position: fixed;
    z-index: 2;
}

.managementIcon {
    top: 210px;
    right: 15px;
    position: fixed;
    z-index: 2;
}


.menuButtonImage {

}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 150px;*/
}

#heightSliderLabel, #heightValue {
    vertical-align: top;
}


.loadingIndicator {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    width: 66px;
    height: 66px;
}

#map-holder {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.fill {
    min-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0;
}


html, body {
    height: 100%;
}

/*table{height: 500px; overflow-y: scroll;display:block;}*/
/*th { position: sticky; top: 0; }*/

#cesiumContainer {
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    display: block;
    z-index: 1;
}

#routeEditor {
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    display: block;
    z-index: 1;
    position: fixed;
    /*top: 59.5px;*/
    left: 0;
}

#routeSaveButton {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 2;
}

.toastContainer {
    position: fixed;
    top: 90px;
    right: 10px;
    z-index: 2;
}

.myAirplaneIcon {
    text-align: center;
    /*line-height: 20px;*/
    font-size: 20px;
}

.myAnnotationIcon {
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}

.myGateIcon {
    text-align: center;
    line-height: 18px;
    font-size: medium;
}

.myGateDistance {
    text-align: center;
    line-height: 18px;
    font-size: small;
}


.myGateLink {
    text-align: left;
    line-height: 18px;
    font-size: large;
    color: blue;
}

.ReactTable {
    width: 100%;
}

.commaList {
    display: inline;
    list-style: none;
    padding: 0px;
}

.commaList li {
    display: inline;
}

.commaList li::after {
    content: ", ";
}

.commaList li:last-child:after {
    content: ""
}

.greenBackground {
    background-color: lightgreen;
}

.redBackground {
    background-color: lightcoral;
}

#logoContainer {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 100px;
    width: 200px;
    height: 100px;
}


/**
 * Profile image component
 */
.team-badge {
    /*width: 400px;*/
}

.profile-header-container {
    margin: 0 auto;
    text-align: center;
}

.profile-header-img {
    /*padding: 54px;*/
    max-height: 100px;
}

.profile-header-img > img.img-square {
    /*width: 120px;*/
    height: 120px;
    border: 2px solid #51D2B7;
}

.profile-header {
    /*margin-top: 43px;*/
}


.aircraft-header-container {
    margin: 0 auto;
    /*text-align: center;*/
}

.aircraft-header-img {
    /*padding: 54px;*/
}

.aircraft-header-img > img.img-long {
    width: 150px;
    border: 2px solid #51D2B7;
}

.aircraft-header {
    margin-top: 43px;
}

/**
 * Ranking component
 */
.rank-label-container {
    margin-top: -19px;
    /* z-index: 1000; */
    text-align: center;
}

.label.label-default.rank-label {
    background-color: rgb(81, 210, 183);
    padding: 5px 10px 5px 10px;
    border-radius: 27px;
}


/* list groups */
.just-padding {
    padding: 15px;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
    padding-left: 10px
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
    padding-left: 10px
}

.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
    /*padding-left: 10px*/
}

.list-group.list-group-root > .list-group > .first-in-between > .second-in-between > .list-group-item {
    /*padding-left: 10px;*/

}


.list-group-item .mdi {
    margin-right: 0;
}

/*.collapse {*/
/*    display: none;*/
/*}*/

/*.collapse .show {*/
/*    display: block;*/
/*}*/

.modal-90w {
    width: 90vw;
    max-width: 90vw;
}


.modal-60w {
    /*width: 60vw;*/
    max-width: 800px;
}


.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    display: inline-block;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.leaflet-almostbottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    bottom: 20px; /* possible because the placeholder's parent is the map */
    /*transform: translateY(-50%); !* using the CSS3 Transform technique *!*/
    padding-top: 10px;
}

.leaflet-almostbottom .leaflet-control {
    margin-bottom: 10px;
}

.about-title {
    text-shadow: 1px 1px #000000;
    color: #e01b1c;
}

.pilotTime {
    position: absolute;
    z-index: 1000;
    right: 70px;
    top: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    font-size: clamp(1rem, 0.1667rem + 3.33333vw, 2rem);
}

.registerLink {
    position: absolute;
    z-index: 1000;
    left: 0px;
    bottom: 30px;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    /*border-radius: 10px;*/
    font-size: clamp(1rem, 0.1667rem + 3.33333vw, 2rem);
}


.borderless tr, .borderless td, .borderless th {
    border: none !important;
    padding: 0
}

.flex-even {
    flex: 1;
}

.prohibitedTooltip {
    border: none;
    background: none;
    box-shadow: none;
    font-weight: bold;
}


/*.leaflet-marker-pane > * {*/
/*    -webkit-transition: transform 1.0s linear;*/
/*    -moz-transition: transform 1.0s linear;*/
/*    -o-transition: transform 1.0s linear;*/
/*    -ms-transition: transform 1.0s linear;*/
/*    transition: transform 1.0s linear;*/
/*}*/


div.ris-slide-image-container {
    padding: unset;
    height: 55%;
}

div.ris-slide-title-container {
    padding: unset;
}

div.ris-controller-container {
    height: 20%;
    top: 90%
}

div.ris-slide-icons-container {
    display: none
}

div.ris-large {
    width: 60vw;
}

.profile-image-header {
    width: 100%;
    height: 15rem;
    object-fit: contain;
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px; /* Set the fixed height of the footer here */
    line-height: 30px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

.results-table-background {
    background: url("/static/img/results_background3.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*background-image: url("/static/img/results_background2.jpg");*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
}


/* Image attribution */
.img-container {
    position: relative;
    display: inline-block;
}

.img-attributed {
    width: 100%;
    max-width: 400px;
}

.img-attribution {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 .5em .5em 0;
    padding: .25em;
    color: white;
    background-color: rgba(0, 0, 0, .2)
}


.bg-dark-transparent {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.bg-transparent {
    background-color: transparent;
}

.number-right {
    text-align: right;
}

.results-table a {
    color: #c1d4ff;
    /*color: #e01b1c*/
}

/*.results-table {*/
/*    color: #ff7575;*/
/*    !*color: #e3f1ff;*!*/
/*}*/

.results-table a:hover {
    color: whitesmoke;
}

.editableCell {
    color: #c1d4ff;
    /*color: #e01b1c;*/
}

.editableCell:hover {
    color: whitesmoke;
    text-decoration: underline;
}

.results-table-contest-name {
    margin-top: 8px;
}


/* React thermometer */
.thermometer__percent-current {
    display: none;
}

.thermometer__statistics {
    display: none;
}

.thermometer {
    width: 50px;
}

.thermometer--normal {
    width: 50px;
}

.thermometer .thermometer__mask .thermometer__bg-color {
    background: linear-gradient(#f44336, #8BC34A, #2196F3);
}

.navbar.transparent.navbar-dark .navbar-inner {
    background: rgba(0, 0, 0, 0.4);
}

.zoom {
    transition: transform .2s; /* Animation */
}

.zoom:hover {
    transform: scale(6); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    position: absolute;
    /*left:0;*/
}

.ui-datepicker {
    z-index: 999 !important
}