:root {
  --main-color: #293a4a;
  --main-color-opacity-95: rgba(41, 58, 74, 0.95);
  --main-color-opacity-75: rgba(41, 58, 74, 0.75);
  --main-color-opacity-50: rgba(41, 58, 74, 0.5);
  --main-color-opacity-25: rgba(41, 58, 74, 0.25);
}
* {
  padding: 0;
  margin: 0;
}
body{
  height: 100%;
  margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    font-weight: 400;
}
a{
    color:var(--main-color);
    text-decoration: none;
}
a:hover{
    opacity:0.5;
    color:var(--main-color);
}
h1{
    font-weight:700;
    font-size:3.5em;
}
h2{
    font-weight:700;
    margin-bottom:1.5em;
    text-transform: uppercase;
}
h2:after{
    content: '';
    width: 5%;
    height: 10px;
    border-bottom: 3px solid #000;
    display: block;
}
h2 .small-heading{
    font-size:0.4em;
    margin-left:1em;
}
h4 .badge{
  font-size:0.5em;
}
p{
  line-height:1.8em;
}
p a{
  text-decoration: underline;
}
.top-menu{
    z-index:99;
    position: relative;
}
.navbar{
    background:transparent;
    -webkit-transition:background 0.5s;
    -moz-transition:background 0.5s;
    -o-transition:background 0.5s;
    transition:background 0.5s;
}
.navbar a{
    color:#fff !important;
}
.navbar a:hover{
  background:none;
}
.navbar hr{
  color:#fff;
}
.navbar button{
    border:0px;
}
.navbar #navbarNav ul li{
    font-size:1.2rem;
    margin-left:1.7rem;
    text-transform: uppercase;
}
.navbar-brand{
    padding-top:1.5em;
    padding-bottom:1.5em;
}
.navbar-brand img{
    width:200px;
    height:auto;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition:    width 0.5s ease-in-out;
    -ms-transition:     width 0.5s ease-in-out;
    -o-transition:      width 0.5s ease-in-out;
    transition:         width 0.5s ease-in-out;
}
.navbar-scrolled{
    background:var(--main-color-opacity-95);
    -webkit-transition:background 0.75s;
    -moz-transition:background 0.75s;
    -o-transition:background 0.75s;
    transition:background 0.75s;
}
.navbar-scrolled .navbar-brand{
    padding-top:0.5em;
    padding-bottom:0.5em;
}
.navbar-scrolled .navbar-brand img{
    width:150px;
    height:auto;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition:    width 0.5s ease-in-out;
    -ms-transition:     width 0.5s ease-in-out;
    -o-transition:      width 0.5s ease-in-out;
    transition:         width 0.5s ease-in-out;
}
.navbar-scrolled button{
    top:0.8em;
}
.navbar-nav .dropdown-menu{
  background:var(--main-color-opacity-95);
  border:0px;
}
.navbar-nav .dropdown span.online{
  margin-left:-0.75em;
}
.navbar-nav .badge{
  color:#ffc107;
}
.navbar-nav span.dropdown-item{
  color:#fff;
}
.navbar-nav span.dropdown-item:hover{
  background:inherit;
}
body.map .navbar{
  visibility: hidden;
}
body.map .navbar-scrolled{
  visibility:inherit;
}
.btn{
    color:#fff;
    background-color:var(--main-color);
    border:0px;
}
.btn:hover{
    background-color:var(--main-color-opacity-75);
}
.btn-danger{
  background-color:var(--bs-red);
}
.btn-success{
  background-color:var(--bs-green);
}
span.red{
  color:var(--bs-red);
}
span.green{
  color:var(--bs-green);
}
strong{
  font-weight:bold;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color:var(--main-color);
  color:#fff;
}
.height-25vh{
  height:25vh;
}
.alert ul{
  margin-bottom:0px;
  margin-top:0.5em;
}
.alert strong{
  font-weight:bold;
}
.alert-vfss{
  border:1px solid #FF00FF;
  background-color:rgba(255, 0, 255, 0.25);
}
.alert-atc{
  border:1px solid #0008ff;
  background-color:rgba(0, 8, 255, 0.25);
}
.alert-mairmet{
  border:1px solid #FFFF00;
  background-color:rgba(255, 255, 0, 0.25);
}
.alert-maf{
  border:1px solid #FFFF00;
  background-color:rgba(255, 255, 0, 0.25);
}
.alert-mnotam{
  border:1px solid #FF00FF;
  background-color:rgba(255, 0, 255, 0.25);
}
.alert-vfss .more{
  font-size:0.75em;
}
.alert-vfss .more a{
  color:#000;
}
.alert-nowcast .date{
  font-style:italic;
  margin-top:0.25em;
  margin-bottom:0.5em;
}
.cover{
    height:100vh;
    position: relative;
    text-align:center;
    background: #000;
    background-image: url('../images/cover.jpg');
    background-position: center;
    background-size: cover;
    margin-bottom:3em;
    overflow:hidden;
}
.cover-overlay{
  position: absolute;
  top:0px;
  width:100%;
  height:100%;
  z-index:2;
  background:var(--main-color-opacity-25);
}
.cover-video-overlay{
  position: absolute;
  top:0px;
  width:100%;
  height:100%;
  z-index:2;
  background:var(--main-color-opacity-50);
}
.cover-overlay-75{
  background:var(--main-color-opacity-75);
}
.cover-small{
    height:10vh;
}
.cover-half{
    height:50vh;
    background-image: url('../images/cover.jpg');
    background-position: center;
    background-size: cover;
}
.cover-75vh{
    height:75vh;
}
.cover-50vh{
  height:50vh;
}
.cover-35vh{
  height:35vh;
}
.cover-90vh{
    height:90vh;
    position: relative;
    text-align:center;
    background: #000;
    margin-bottom:3em;
}
.cover-empty{
  height:100px;
  position: relative;
  text-align:center;
  background:var(--main-color);
  margin-bottom:3em;
}
.cover-map{
  background:none;
  background-color:#17263c;
  overflow:hidden;
}
.cover-map-overflow{
  overflow:scroll !important;
}
.cover-full-map{
  margin-bottom:0px;
}
.cover-content{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:100%;
    padding:10px;
    z-index:2;
}
.cover h1{
    padding-bottom:1.5rem;
    color:#fff;
}
.cover h3{
    color:#fff;
}
.cover h1{
    margin:0 auto;
}
.cover .video-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index:1;
  pointer-events: none;
}
.cover .video-wrapper video {
  width:120%;
}
.col-sidebar{
  margin-top:-114px;
  z-index:9;
}
/* Mobile (Portrait/Landscape) */
@media only screen and (max-width: 767px) {
  .col-sidebar{
    margin-top:inherit;
  }
}
.col-sidebar h3.title{
  color:#fff;
  background-color:var(--main-color);
  padding:15px;
}
.col-sidebar ul{
  padding:0px;
  padding-left:15px;
}
.col-sidebar ul li{
  border-bottom:1px solid #ddd;
  list-style-type: none;
}
.col-sidebar ul li:last-child{
  border-bottom:0px;
}
footer{
    background-color:var(--main-color);
    color:rgba(255,255,255,0.5);
}
footer a{
    display:inline-block;
    padding-left:0.5em;
    padding-right:0.5em;
    color:rgba(255,255,255,0.5);
    text-decoration: none;
    font-size:0.9em;
}
footer a:hover{
  color:rgba(255,255,255,1);
}
footer .copyright{
    text-align:right;
}
footer .flightsimassociation img{
  display:inline-block;
}
.info-window h6{
  text-align:left;
}
.info-window div{
  margin-bottom:0.5em;
  text-align:left;
}
.info-window-pireps{
  width:225px;
}
.info-window .flight-category{
  font-size:1.25em;
  font-weight: bold;
}
.info-window .vfr{
  color:#21C322;
}
.info-window .mvfr{
  color:#2A6DD0;
}
.info-window .ifr{
  color:#FC2B1C;
}
.info-window .lifr{
  color:#FC4CFC;
}
.section-title{
    color:var(--main-color-opacity-25);
}
.section-title::before,
.section-title::after {
    display: inline-block;
    content: "";
    border-top: 1px solid var(--main-color-opacity-25);
    width: 20%;
    margin: -0.5rem 2rem;
    transform: translateY(-1rem);
}
.modal-header{
  background-color: var(--main-color);
  color:#fff;
  padding:0.75rem;
}
.modal-body{
  text-align: left;
}
textarea{
  height:200px !important
}
span.online{
  animation: blinker 3s linear infinite;
  font-size:0.5em;
}
span.online h3 span i{
  text-shadow: var(--bs-green) 1px 0 5px;
}
img.fade-5{
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
img.fade-5:hover{
  opacity:.5;
}
a.fade-5{
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
a.fade-5:hover{
  opacity:.5;
}
a.fade-5 img:hover{
  opacity:1;
}
.btn.fade-5{
  -webkit-transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}
.btn.fade-5:hover{
  opacity:.5;
}
.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parallax {
    background-attachment: scroll;
  }
}
.meteo-product-about{
  font-size:0.9em;
}
.meteo-product-about a{
  text-decoration: none;
}
.meteo-product-about .info{
  display:none;
}

.data-chart-container{
  width:800px;
  background-color:#393939;
  position: absolute;
  z-index: 99999;
  display:none;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.75);
}
.data-chart-container .resizer-right {
  width: 5px;
  height: 100%;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: e-resize;
}

.data-chart-container .resizer-bottom {
  width: 100%;
  height: 5px;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: n-resize;
}

.data-chart-container .resizer-both {
  width: 5px;
  height: 5px;
  background: transparent;
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: nw-resize;
}
.data-chart-metar{
   background:#fff;
   width:850px;
}
.data-chart-metar .metar-content{
  max-height:400px;
  overflow:scroll;
}
.data-chart-metar .metar-content .metar-header{
  padding:0.5em;
}
.data-chart-metar .metar-content .row{
   margin-left:0px;
   margin-right:0px;
}
.data-chart-metar .metar-content .metar-item{
  border-bottom:1px solid #ddd;
  padding:1em;
}
.data-chart-metar .metar-content .metar-item:hover{
  background:#f8f8f8;
}
.data-chart-metar .metar-content .icon,
.data-chart-metar .metar-content .temperature,
.data-chart-metar .metar-content .wind-icon{
  font-size:2em;
}
.data-chart-metar .metar-content span.VFR{
    background-color:#4bd328;
}
.data-chart-metar .metar-content span.MVFR{
    background-color:#0000ee;
}
.data-chart-metar .metar-content span.IFR{
    background-color:#ff0000;
}
.data-chart-metar .metar-content span.LIFR{
    background-color:#c3f;
}
.data-chart-metar .metar-content .raw{
  font-size:0.9em;
}
.data-chart-metar .metar-content .details div{
  margin-bottom:0.5em;
}
.data-chart-metar .metar-content .taf-item .date span {
  border-bottom: 1px dashed #000;
  cursor: help;
  margin-bottom: 0.5em;
  display: inline-block;
}
.data-chart-metar .metar-content .taf-item .winds i,
.data-chart-metar .metar-content .taf-item .wx i {
  font-size: 2em;
}
.data-chart-metar .metar-content .taf-item .col-md-2,
.data-chart-metar .metar-content .taf-item .col-md-3 {
  text-align: center;
}
.data-chart-metar .metar-content .jumbotron.no-metar{
  font-size:1.5em;
  padding-bottom:0px;
}
.data-chart-metar .metar-content .jumbotron.no-metar .icon{
  font-size:2em;
}
.data-chart-container .data-chart-container-header{
  padding: 10px;
  padding-bottom:0px;
  cursor: move;
  z-index: 999;
  background-color: #282f37;
  color: #ffffff;
}
.data-chart-container .data-chart-container-header a{
  color:#ffffff;
  float:right;
}
.data-chart-container .data-chart-container-header a.minimize{
  margin-right:1em;
}
.data-chart-container .table-responsive{
  height:390px;
  overflow:auto;
  background:#ededed;
}
.data-chart-container .table-responsive table{
  width:100%;
}
.data-chart-container .table-responsive table thead{
  background:#393939;
  color:#fff;
}
.data-chart-container .table-responsive table thead tr th{
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:0.5em;
}
.data-chart-container .table-responsive table tbody tr{
  border-bottom:1px solid #ddd;
}
.data-chart-container .table-responsive table tbody tr:nth-of-type(odd){
  background-color:#f9f9f9;
}
.data-chart-container .table-responsive table tbody tr td{
  padding-top:1em;
  padding-bottom:1em; 
  padding-left:0.5em;
}
.data-chart-container .table-responsive table tbody tr td a{
  border-bottom:1px solid #f8c023;
}
.data-chart-container .title{
  display:inline-block;
  white-space: nowrap;
  overflow:hidden;
}
.data-chart-iframe{
  background:#fff;
  width:850px;
  height:600px;
}
.data-chart-iframe iframe{
  top:35px;
  left: 0;
  width:100%;
  height: 100%;
  position: absolute;
  border: none;
}
#data-chart-container-airport-polygon-search{
  width:450px;
}
#data-chart-container-airport-polygon-search .airport-polygon-search-container{
  background:#fff;
  max-height: 500px;
  overflow: scroll;
}
#data-chart-container-airport-polygon-search .airport-polygon-search-container .airport-polygon-row{
  padding:0.75em;
  font-size:1.1em;
  border-bottom:1px solid #ccc;
  overflow:hidden;
  clear:both;
}
#data-chart-container-airport-polygon-search .airport-polygon-search-container .airport-polygon-row:nth-child(odd) { 
  background: #f8f8f8;
}
#data-chart-container-airport-polygon-search .airport-polygon-search-container .airport-polygon-row:last-child{
  border-bottom:0px;
}
.row-even-odd .metar-item{
  border-bottom:1px solid #ddd;
}
.row-even-odd .metar-item:hover{
  background:#f8f8f8;
}
.row-even-odd:nth-child(even){
  background:#f8f8f8;
}
.row-even-odd .actions form,
.row-even-odd .actions a{
  display:inline-block;
  margin-left:0.35em;
  margin-right:0.35em;
}
.row-even-odd .actions form button{
  background:none;
  border:0px;
  color:red;
}

/* SIGNUP WIDGET */
.cover-signup-widget{
  background-image: url('../images/cover-signup-widget.jpg');
}
.cover-signup-widget h5{
  width:70%;
  color:#fff;
  margin: 0 auto;
  line-height:1.5em;
}
.cover-signup-widget .btn:hover{
  background-color:var(--main-color) !important;
  opacity:1 !important;
  color:#fff;
  font-size:1em;
}


/* HOME */
.flight-tracker-mobile{
  display:none;
}
.cover-home{
    background-image: url('../images/cover-home.jpg');
}
.cover-home .search .nav li button{
  color:#fff;
}
.home-links{
  background:#f8f8f8;
}
.home-links i{
  position: relative;
}
.cover-become-a-vfss-widget{
    background-image: url('../images/cover-become-a-vfss.jpg');
}
.cover-become-a-vfss-widget h5{
    color:#fff;
    margin-left:5em;
    margin-right:5em;
}


/* CONTACT */
.cover-contact{
    background-image: url('../images/cover-contact.jpg');
}
body.page-contact-contact header{
    margin-bottom:3rem;
}
body.page-contact-contact footer{
    margin-top:3rem;
}
body.page-contact-contact textarea{
    height:125px !important;
}

/* ABOUT */
.cover-about{
    background-image: url('../images/cover-about.jpg');
}

/* SERVICES */
.cover-services{
    background-image: url('../images/cover-services.jpg');
}

/* ADD PIREP */
.cover-pirep{
    background-image: url('../images/cover-about.jpg');
}
body.page-pireps-pireps_add textarea{
    height:125px !important;
}

/* DEVELOPERS */
body.page-developers-developers h4 small{
  font-size:0.75em;
  padding-left:0.25em;
}
body.page-developers-developers h4 small span{
  color:#989898;
}

/* DEVELOPERS CODE EDITOR */
#code-form textarea{
  display:none
}
#code-editor { 
    width:100%;
    height:500px;
}

/* FLIGHTPLANS */
.route-row .date{
  opacity:0.75;
  font-size:0.8em;
}

/* FLIGHTS */
body.page-flights-flights h3 a{
  text-decoration: none;
}
body.page-flights-flights .flight-telemetry-container{
  background: rgba(41, 58, 74, 1);
}
body.page-flights-flights .flight-telemetry-container .info{
  color:#fff;
  font-size:12px;
  text-align: center;
}
body.page-flights-flights .flight-telemetry-container .info a.dropdown-toggle{
  color:#fff;
  text-decoration: underline;
}
body.page-flights-flights .flight-telemetry-container ul.dropdown-menu li span {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 0.9em;
    font-weight:bold;
}
body.page-flights-flights .flight-telemetry-container .live-info{
  color:#fff;
  font-size:0.9em;
  text-align: center;
}
body.page-flights-flights .departure-col{
  text-align: left;
}
body.page-flights-flights .arrival-col{
  text-align: right;
}
body.page-flights-flights .route-info{
  font-size:0.9em;
  text-align: center;
}
body.page-flights-flights .time{
  border-bottom: 1px solid #ddd;
  display: inline-block;
}
body.page-flights-flights .weather-row .col-small{
  font-size:0.9em;
}
body.page-flights-flights .weather-row .icon{
  font-size:1.25em;
}
body.page-flights-flights .weather-row .temperature{
  font-size:1.4em;
}
body.page-flights-flights .weather-row .gust{
  font-size:0.9em;
}
body.page-flights-flights .progress{
  height:30px;
  font-size:0.9em;
}
body.page-flights-flights .progress-bar{
  background-color:var(--main-color);
}

/* METAR */
.cover-metar{
  background-image: url('../images/cover-metar.jpg');
}
.metar-type a{
  margin-left:0.25em;
  margin-right:0.25em;
  font-size:1.4em;
}
.metar-type input{
  width: 50px;
  text-align: center;
}
.metar-chart-pills li.nav-item .badge{
  color:#ffc107;
}


/* AIRPORT */
.cover-airport{
  background-image: url('../images/cover-airport.jpg');
}

/* REGISTER */
.features-container h4{
  padding-bottom:0.5em;
  border-bottom:1px solid #ddd;
}
.features-container h4 small{
  font-size:0.75em;
  color:#989898;
}
.features .fas {
  font-size: 2.5em;
  margin-top:0.25em;
  color:var(--main-color);
}
.features .icon{
  text-align: center;
}
.features .row{
  margin-bottom:3em;
}
.features .row:last-child{
  margin-bottom:0px;
}
.registration-title h3 {
  font-weight:bold;
}

/* DASHBOARD */
.user-feed-row .user-feed-item{
  border-bottom:1px solid #ddd;
}
.user-feed-row .user-feed-item:last-child{
  border-bottom:0px;
}
.user-feed-row .user-feed-item .date{ 
  color:#989898;
  font-size:0.8em;
}

/* PHOTO UPLOAD */
#photo-success,
#photo-error,
#photo-upload{
  display:none;
}
#photo-alert .location-loading{
  display:none;
}

/* USER SETTINGS */
body.page-settings-user_settings li.active.patreon a,
body.page-settings-user_settings li.patreon a{
    background-color:rgba(249,104,84, 0.2) !important;
    border-color: rgb(249,104,84) !important;
    color: rgb(249,104,84) !important;
}
body.page-settings-user_settings h4.patreon{
    color: rgb(249,104,84) 
}

/* ADMIN */
.table .row{
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ddd;
	position: relative;
}
.table .row.header{
	font-weight: bold;
}
.table .row .actions a{
	margin-left: 0.25em;
	margin-right: 0.25em;
}

/* meteoNautics */
.loading{
  position: absolute;
  height: 100%;
  z-index: 9;
  background: rgba(67,67,67, 0.75);
  width: 100%;
  color:#fff;
}
.cover-home{
    background-image: url('../images/cover-home.jpg');
}
.cover-api{
    background-image: url('../images/cover-api.jpg');
}
.category-convective{
  border-left:10px solid #FF0000;
}
.category-turbulence{
  border-left:10px solid #ff6600;
}
.category-snow{
  border-left:10px solid #fff;
}
.category-icing{
  border-left:10px solid #0008ff;
}
.category-visibility{
  border-left:10px solid #980298;
}
.category-general{
  border-left:10px solid #AEB1B9;
}
.category-wind-shear{
  border-left:10px solid #0008ff;
}
.category-mountain-wave{
  border-left:10px solid #ff06ff;
}
.category-tropical-cyclone{
  border-left:10px solid #cb6600;
}
.category-volcanic-ash{
  border-left:10px solid #afd4cb;
}
.category-instrument-flight-rules{
  border-left:10px solid #980298;
}
.spacer-height{
  min-height:60vh;
}
.wx-item{
  margin-bottom:2.5em;
}
.wx-item h4 a{
  text-decoration: none;
}
.wx-item-meta{
  margin-bottom:0.5em;
  color:#989898;
}
.wx-item-meta div{
  margin-bottom:0.5em;
}
small.patreon{
  color:rgb(249,104,84);
  margin-left:3px;
  text-shadow:0px 2px #000;
}
.flight-info i{
  opacity:0.5;
}
.flight-info div:hover i{
  opacity:1;
}
.flight-info-weather a,
.flight-info a{
  text-decoration: underline;
}
.documention-table-header div{
  background-color: var(--main-color);
  color: #fff;
  text-transform:uppercase;
  padding:8px;
}
.documention-table-row{
    padding:8px;
    border-bottom:1px solid #ddd;
}
.documention-table-row .col,
.documention-table-row .col{
    font-weight: 700;
}
.documention-table-row:last-child{
    border-bottom:0px;
}
pre{
  background:var(--main-color);
  color:#fff;
  padding:10px;
}
#map-sidebar button{ 
  display:block;
}
#map-sidebar{
  top: 125px;
  left: 10px;
  overflow:auto;
  position: absolute;
  z-index: 9999;
}
#map-sidebar button{
   width: 45px;
   margin-bottom: 0.25em;
}
#map-sidebar .meteonautics-logo img{
  margin-top:-5px;
}
#map-sidebar button:hover{
  opacity:0.9;
}
#map-sidebar .fa-stack{
  width: 100%;
  height: inherit;
  line-height: inherit;
  display: inherit;
}
#map-sidebar .fa-stack .fa-ban{
  color:Tomato;
  font-size:1.5em;
  margin-top: -6px;
  margin-left: -1px;
}
#map-sidebar h6{
  font-weight:bold;
}
#map-sidebar .show-on-mobile{
  display:none;
}
.map-container{ 
  position:relative;
  height:100%;
}
.map-container #marker-tooltip {
  display: none;
  position:absolute;
  background-color:rgba(255, 255, 255, 0.9);
  text-align:left;
  padding:0.25em;
  padding-left: 0.7em;
  padding-right: 0.7em;
  font-size: 0.9em;
  min-width:100px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(152,152,152,1);
  -moz-box-shadow: 0px 0px 5px 1px rgba(152,152,152,1);
  box-shadow: 0px 0px 5px 1px rgba(152,152,152,1);
  z-index:10;
}
.map-container #tooltip-other {
  display: none;
  position:absolute;
  width: 300px;
  height: auto;
  background-color: rgba(0,0,0,0.75);
  font-size:0.9em;
  font-weight:normal;
  color:#fff;
  margin: 15px;
  text-align:left;
  line-height: 18px;
  z-index:99;
}
.map-container #flight-data-container .flight {
  position:absolute;
  z-index:9;
  background-color:rgba(0, 0, 0, 0.6);
  color:#fff;
  text-align:left;
  padding:0.25em;
  font-size:0.6em;
  min-width:100px;
}
.map-container #flight-data-container img{
  width:20px;
  float:left;
  margin-right:5px;
  margin-bottom:15px;
}
.map-container #tooltip-other .heading, 
.map-container #tooltip-other .body{
  padding:0.5em;
}
.map-container #tooltip-other .body div{
  margin-bottom:0.5em;
}
.map-container #tooltip-other ul{
  margin-bottom:1em;
  padding-left:1.5em;
}
.map-container #rightclick-menu {
  display: none;
  position:absolute;
  background-color:rgba(255, 255, 255, 0.9);
  text-align:left;
  padding:1em;
  font-size: 15px;
  min-width:100px;
  max-height:350px;
  overflow-y: scroll;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(41, 58, 74,1);
  -moz-box-shadow: 0px 0px 5px 1px rgba(41, 58, 74,1);
  box-shadow: 0px 0px 5px 1px rgba(41, 58, 74,1);
  z-index:99999;
}
.map-container #rightclick-menu hr{
  margin-top: 5px;
  margin-bottom: 5px;
}
.map-container #rightclick-menu div{
  margin-bottom:0.75em;
}
.map-container #rightclick-menu div:last-child{
  margin-bottom:0px;
}
.map-container #rightclick-menu #lat-lng{
  font-weight:600;
}
.map-container #rightclick-menu a{
  color:#000;
}
.map-container #rightclick-menu .sounding-container{
  padding-left:10px;
}
.map-container #rightclick-menu .sounding-container,
.map-container #rightclick-menu .sounding-container .model-sounding-na{
  display:none;
}
.map-container #rightclick-menu .sounding-item div,
.map-container #rightclick-menu .sounding-source div{
  display:none;
}
.map-container #rightclick-menu .sounding-item .weathernerds,
.map-container #rightclick-menu .sounding-source .weathernerds{
  display:block;
}
.map-container .extra-info{
  position:absolute;
  top:30px;
  right:10px;
  background:rgba(255, 255, 255, 0.75);
  padding:0.5em;
  padding-left:0.75em;
  padding-right:0.75em;
  webkit-box-shadow: 0px 2px 25px -7px rgba(0,0,0,0.9);
  -moz-box-shadow: 0px 2px 25px -7px rgba(0,0,0,0.9);
  box-shadow: 0px 2px 25px -7px rgba(0,0,0,0.9);
}
.map-container .extra-info .info-alert-container div:first-child{
  margin-top:1em;
}
.map-container .extra-info .info-alert{
  color:red;
  font-weight:bold;
}
.map-container .extra-info .info-alert span{
  color:#000;
  font-size:0.9em;
}
.map-container .extra-info #coordinates{
  font-size:0.9em;
  text-align: right;
}
.map-container #map-navdata .alert{
  font-size:0.75em;
}
.map-container #map-navdata .approach-error{
  color:#721c24;
  font-size:0.75em;
}
.map-container #map-navdata .approach-type{
  font-size:0.9em;
}
.map-container #map-navdata .approach-type div{
  margin-top:5px;
  margin-bottom:5px;
}
#mobile-popup{ 
  position:absolute;
  width:80%;
  height:60vh;
  background:#fff;
  z-index:99999;
  position: absolute; 
  overflow-y:scroll;
  left: 0; 
  right: 0; 
  top: 0; 
  bottom: 0; 
  margin: auto;
  display:none;
  -webkit-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.75);
}
#mobile-popup .heading,
#mobile-popup .body{
  padding:0.75em;
  text-align: left;
}
#mobile-popup .heading{
  font-weight:bold;
}
#mobile-popup .body{
  height:100%;
}
#mobile-popup .body img{
  width:100%;
}
#mobile-popup .close{
  position: absolute;
  top:10px;
  right:15px;
}
#mobile-popup h3{
  color:#000;
}
#mobile-popup .body-vertical-center{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
} 
 .map-overlay{
   top: 125px;
   left: 10px;
   background-color:#ededed;
   text-align:left;
   width:330px;
   max-height:600px;
   overflow:auto;
   position: absolute;
   z-index: 999;
   display:none;
   border-radius:10px 10px 0 0;
   -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 }
.map-overlay-close{
   float:right;
   color:#fff;
 }
 .map-overlay-close:hover{
   opacity:0.75;
 }
 .map-overlay .meteonautics-logo{
  width:25px;
  margin-top:-5px;
}
 .map-overlay header{
   margin-top:0px;
   padding:0.75rem;
   text-align: center;
   background: #393939;
 }
 .map-overlay header h5{
   color:#fff;
   margin: 0px;
  font-size: 1rem;
 }
 .map-overlay .panel{ 
   padding:0.5rem;
}
.map-overlay .panel-heading{ 
   text-transform:uppercase;
   color:#6d6d6d;
   font-weight:600;
   margin-bottom:0.5rem;
}
 .map-overlay .layer-settings,
 .map-overlay .current_weather_type_group,
 .map-overlay .sigwx_hour_group{
   display:none;
   margin-top:1em;
   padding-left:1em;
   padding-right:1em;
 }
 .map-overlay .button-link a{
   display:block;
   text-align:center;
   padding:5px;
   color:#fff;
   background-color:#2B2C29;
 }
 .map-overlay .button-link a:hover{
   background-color:#F8BE34;
 }
 .map-overlay hr{
   border-top:1px solid #ccc;
   margin-top:20px;
   margin-bottom:20px;
 }
.map-overlay .source{
   font-size: 0.7em;
   line-height: 1.3em;
   margin-top:1.5em;
   margin-bottom:1.5em;
   color: #989898;
 }
 .map-overlay .danger-font{
   color:#dc3545;
 }
.map-overlay .form-group{
   margin-bottom:15px;
 }
.map-overlay .form-group input[type=checkbox]{
   margin-right:5px;
 }
.map-overlay .form-group select{
   width:100%;
 }
 .map-overlay .form-group .input-sm{
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 3px;
   border:1px solid #ddd;
   width:80%;
}
.map-overlay textarea{
   width:98%;
}
.map-overlay .form-group .input-group{
   margin-top: 0.25em;
   margin-bottom: 0.25em;
}
.map-overlay .form-group .input-group-addon{
   padding: 6px 12px;
   font-size: 14px;
   font-weight: 400;
   line-height: 1;
   color: #555;
   text-align: center;
   background-color: #eee;
   border: 1px solid #ccc;
   border-radius: 4px;
}
.map-overlay p{
   margin-bottom: 1em;
}
.map-overlay #us_radar_type_individual{
  display:none;
}
.map-overlay .error{
  display:none;
}
.map-overlay .error i{
  color:inherit;
}
.map-overlay .accordion h2::after{
  display:none;
}
.map-overlay .search-result{
  padding:1em;
}
.map-overlay .search-result div{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  border-bottom:1px solid #ccc;
}
.map-overlay .search-result div:last-child{
  border-bottom:0px;
}
.map-container .airline-logo{
  margin-bottom:0.5em;
  margin-top:0.5em;
}
.map-container .airline-logo img{
  max-height:20px;
}
.map-overlay #user-map-locations div{
  padding:0.5em;
  border-bottom:1px solid #ddd;
}
.map-overlay #user-map-locations div .delete{
  font-size:0.75em;
  float:right;
}
.map-overlay #user-map-locations div:last-child{
  border-bottom:0px;
}
.map-overlay .location-loading{
  display:none;
}
#map{
  width:100%;
  height:100%;
}
.map-sources{
  position: absolute;
  bottom:0px;
  font-size:0.6em;
  padding:0.2em;
  z-index:9;
  background:#b6b6b6;
}
.map-sources span{
  display:inline-block;
  margin-right:1em;
  display:none;
}
.map-sources span:first-child{
  margin-left:1em;
}
#map-atc-winds{
  display:none;
  z-index: 9;
  position: absolute;
  top: 110px;
  right:10px;
  background:var(--main-color);
  color:#fff;
  padding:0.75em;
  max-width: 225px;
}
#map-atc-winds h3{
  margin:0px;
}
#map-atc-winds h3 i{
  display:block;
  font-size:3em;
}
#map-atc-winds .raw-metar{
  font-size:0.75em;
  text-align: center;
}
.disclaimer{
    text-align:center;
    font-size:0.9em;
    color:#989898;
    padding:10px;
}
.disclaimer i{
    display:block;
}
.sources .col{
    text-align:center;
}
.flight-list{
  border:1px solid #000;
  background-color:#f8f8f8;
}
.flight-list .col-border{
  border-bottom:1px solid #ccc;
}
.weather-container h4 small{
  color:#777;
}
.weather-container .icon,
.weather-container .temperature,
.weather-container .wind-icon{
  font-size:2em;
}
span.VFR{
    background-color:#4bd328;
}
span.MVFR{
    background-color:#0000ee;
}
span.IFR{
    background-color:#ff0000;
}
span.LIFR{
    background-color:#c3f;
}
.weather-container .raw{
  font-size:0.9em;
}
.weather-container .details div{
  margin-bottom:0.5em;
}
.weather-container .taf-item .date span {
  border-bottom: 1px dashed #000;
  cursor: help;
  margin-bottom: 0.5em;
  display: inline-block;
}
.weather-container .taf-item .winds i,
.weather-container .taf-item .wx i {
  font-size: 2em;
}
.weather-container .taf-item .col-md-2,
.weather-container .taf-item .col-md-3 {
  text-align: center;
}
.station-form,
.temperature-form,
.wind_speed-form,
.wind_gust_speed-form{
  display:none;
}
.statistics{
  text-align: center;
}
.chart{
	max-width: 1800px;
	max-height: 550px;
	margin-bottom:2em;
  padding:2em;
}
.booking-item .date{
  color:#989898;
  font-size:0.9em;
}
.online-item{
  border-bottom:1px solid #ddd;
}
.online-item:last-child{
  border-bottom:0px;
}
.online-item .date{
  color:#989898;
  font-size:0.9em;
}
.btn-primary{
  position: relative;
}
.bootstrap-select{
  width:450px !important;
}
.bootstrap-select .btn{
  background-color: inherit;
  color:#000;
  opacity:0.5;
}
.search-tip{
  display:none;
  font-size:0.9em;
}

.setting-row{
  margin-bottom:0.5em;
}
.setting-row form.delete-alert {
	display: inline-block;
}
.setting-row form.delete-alert button {
	background: none;
	border: none;
  margin-right:0.5em;
}
.setting-row form.delete-alert button .icon-delete{
	color: red;
}

/* Tablet (Landscape) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h1{
      font-size:2.5em;
  }

  /* INDEX */
  .cover .video-wrapper video{
    width:150%;
  }
}

/* Tablet (Portrait) (usually until 959px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1{
      font-size:2.5em;
  }

  /* INDEX */
  .cover .video-wrapper video{
   width:250%;
  }
}

/* Mobile (Portrait/Landscape) */
@media only screen and (max-width: 767px) {
    .navbar-brand img{
        width:200px;
        height:auto;
    }
    .navbar .navbar-collapse a{
      display:block;
    }
    #navbarCollapse .d-inline-flex{
        display:block !important;
    }
    h1{
        font-size:2.25em;
    }
    h3{
        font-size:1.5em;
    }
    .cover-half{
        height:75vh;
    }
    footer .copyright{
        text-align:left;
    }

    .map-container .extra-info{
      font-size:0.75em;
      text-align:left;
    }
    .map-container .extra-info #coordinates{
      display:none;
    }
    #map-atc-winds{
      display:none !important;
    }
/*
    .cover-map{
      overflow-y: scroll;
    }
    */
    #map-sidebar,
    .map-overlay{
      top:25px;
    }

    #map-sidebar{
      max-height:90vh;
      overflow-y: scroll;
      padding-bottom:2em;
   }

    .map-overlay{
      overflow-y: scroll;
      height:100%;
    }

    #map-sidebar .show-on-mobile{
      display:block;
    }
    #map-sidebar .hide-for-mobile{
      display:none;
    }

    .map-container #rightclick-menu {
      max-height:250px;
    }

    /* INDEX */
    .cover .video-wrapper{
      display:none;
    }

    /* SIGNUP WIDGET */
    .cover-signup-widget{
      height:500px;
    }

    /* REGISTER */
  .features-container h4 small{
    display:block;
  }
    
}

/* Mobile (Portrait) */
@media only screen and (max-width: 479px) {

  /* SIGNUP WIDGET */
  .cover-signup-widget{
    height:750px;
  }
}

.fade-in-1 {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s;
}
.fade-in-2 {
    animation: fadeIn ease 8s;
    -webkit-animation: fadeIn ease 8s;
    -moz-animation: fadeIn ease 8s;
    -o-animation: fadeIn ease 8s;
    -ms-animation: fadeIn ease 8s;
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}