
 
    :root {
        --main-color: rgb(151, 152, 152);
        --main-color-opacity-95: rgba(151, 152, 152, 0.95);
        --main-color-opacity-75: rgba(151, 152, 152, 0.75);
        --main-color-opacity-50: rgba(151, 152, 152, 0.5);
        --main-color-opacity-25: rgba(151, 152, 152, 0.25);
    }
    body{
        background-color:#282f37;
        color:#979898;
    } 
    .jumbotron h1, 
    h1, 
    h2, 
    h3, 
    h4, 
    h5, 
    h6, 
    h2.date-header a{
        color:#fff;
    }
    a{
        color:#dee2e6;
    }
    
    form legend{
        color:#fff;
    }
    
    .navbar-aviation-flights-top,
    .user-header-background,
    .footer,
    #quick-search #quick-search-result,
    #map-sidebar button,
    .map-overlay .panel-heading, 
    .modal-header{
        background-color: #313B45 !important;
    }

    .map-overlay .panel .panel .panel-heading{
        border-color:#313B45 !important;
    }
    .map-overlay .panel .panel .panel-heading a{
        color:#fff;
    }

   .navbar-aviation-flights .navbar-brand.logo-dark{
       display:none;
   }
   .navbar-aviation-flights .navbar-brand.logo-white{
       display:block;
   }
   
   .navbar-aviation-flights .navbar-right li i,
   .navbar-aviation-flights .navbar-right li a i,
   .navbar-aviation-flights .navbar-right li i{
       background-color: #282f37;
       color:#fff;
   }
   .navbar-aviation-flights .navbar-right li a:active i,
   .navbar-aviation-flights .navbar-right li.active a i,
   .navbar-aviation-flights .navbar-right li a:hover i{
       background-color: #fff;
       color:#282f37;
   }
    
   .navbar-aviation-flights .navbar-right li a{
       color:#fff;
   }
    
    
   .nav-pills li a{
       background-color:#282f37 !important;
       color:#fff !important;
   }
   .nav-pills li.active a,
   .nav-pills li a:hover{
       background-color: #fff !important;
       color:#282f37 !important;
   }
   
   .row-buttons a,
   .btn-info{
       background-color:#fff;
       color:#282f37;
   }
   
   .dropdown-menu>li>a{
       color:#fff;
   }
   .dropdown-menu li a:hover{
    background-color:#898f9c; 
   }
   
   .form-control{
       background-color:#282f37 !important;
       color:#fff;
   }
   
   .alert a{
      color:#000; 
   }
   
   .panel{
      background-color:#282f37; 
   }

   .btn:hover,
   .btn:focus{
    background-color:#898f9c !important; 
   }
   
   body.page-search .search-form-container .btn{
       background-color:#282f37; 
       color: #fff;
   }
   body.page-search .search-form-container input[type="submit"]{
       background-color:#fff;
       color: #282f37;
   }
   .bootstrap-select .filter-option,
   .bootstrap-select .dropdown-menu,
   .bootstrap-select .dropdown-menu.inner{
      background-color:#282f37; 
   }
   .bootstrap-select .dropdown-menu li.selected a,
   .bootstrap-select .dropdown-menu li a:hover{
    background-color:#898f9c; 
   }
   .bootstrap-select .filter-option-inner-inner,
   .bootstrap-select .bs-caret{
       color:#fff;
   }
    
    .summary .info span.number{
        color:#fff;
    }
    
    body.page-msn .aircraft-details strong{
        color:#fff;
    }
    body.page-msn .aircraft-activity .flight-item-msn strong{
        color:#fff;
    }
    body.page-msn .aircraft-activity .flight-item-msn{
        background-color:transparent;
        border-bottom:1px dotted #6c757d;
    }
    body.page-msn .nav-pills li a,
    body.page-msn .nav-pills li.active a{
        color:#fff !important;
    }
    body.page-msn .nav-pills li.active a{
        border-bottom: 1px solid #fff;
    }

    .btn-admin-edit .dropdown-menu{
        background-color:#282f37;
    }


    .page-cover .fade-to-white{
        background: -moz-linear-gradient(top, rgba(40,47,55,0) 0%, rgba(40,47,55,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(40,47,55,0) 0%,rgba(40,47,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(40,47,55,0) 0%,rgba(40,47,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#282f37',GradientType=0 ); /* IE6-9 */
    }
    
    
    .flight-item .container-inner{
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    }
    .flight-item .detail strong{
        color:#fff;
    }
    .flight-item-date .date a{
        color:#fff;
    }
    .flight-container .date-fixed{
        background-color:rgba(33, 37, 41, 0.7);
    }
    .flight-container .date-fixed a{
        color:#fff;
    }
    .flight-item .col-sm-12 h3 a{
        color:#fff;
    }

    .flight-calendar-container .fc-view-container{
        background-color:#3E4A56;
    }

    .pager li>a{
        color:#282f37;
        background:#fff;
    }
    
    .navbar-toggle .icon-bar{
        border-bottom:2px solid #fff;
    }
    .navbar-collapse{
        background-color:#282f37; 
    }
       
   body.page-premium-statistics .row h4{
       color:#fff;
   }
   body.page-premium-statistics .afo .divider-top .shape-fill{
    fill: #282f37;
  }
  body.page-premium-statistics .afo{
    background-color: #373d43;
  }

  .afo-jumbotron{
    background-color: #373d43;
  }
  .afo-jumbotron .divider-bottom{
    background-color: #282f37;
  }
  .afo-jumbotron .divider-bottom .shape-fill{
    fill: #373d43;
  }
  body.page-afo .divider-top .shape-fill, 
  body.page-afo .divider-bottom .shape-fill{
    fill: #282f37;
}
   
   body.page-user_login,
   body.page-user_reset{
       background:none;
       background-color: #282f37;
   }
   body.page-user_login form,
   body.page-user_reset form,
   body.page-user_register form{
       background-color: #282f37;
   }
   
   .modal-dialog .modal-content{
       background-color: #282f37;
   }
   
   body.page-user_register .info .col-sm-1{
       color:#fff;
   }

   .bootstrap-datetimepicker-widget,
   .bootstrap-datetimepicker-widget a.btn span{
        background-color:#282f37; 
        color: #fff;
   }
   .bootstrap-datetimepicker-widget tr th:hover,
   .bootstrap-datetimepicker-widget .minute:hover,
   .bootstrap-datetimepicker-widget .minute.active,
   .bootstrap-datetimepicker-widget .hour:hover,
   .bootstrap-datetimepicker-widget .hour.active,
   .bootstrap-datetimepicker-widget .day:hover,
   .bootstrap-datetimepicker-widget .day.active,
   .bootstrap-datetimepicker-widget .month:hover,
   .bootstrap-datetimepicker-widget .month.active,
   .bootstrap-datetimepicker-widget .year:hover,
   .bootstrap-datetimepicker-widget .year.active,
   .bootstrap-datetimepicker-widget .decade:hover,
   .bootstrap-datetimepicker-widget .decade.active,
   .bootstrap-datetimepicker-widget a.btn:hover,
   .bootstrap-datetimepicker-widget a.btn span:hover,
   .bootstrap-datetimepicker-widget .timepicker-hour:hover,
   .bootstrap-datetimepicker-widget .timepicker-minute:hover{
        color:#282f37;
        background-color:#898f9c !important;
   }

body.page-christmas .navbar-aviation-flights{
    background:#282f37 !important;
}

body.page-news-id .news-content:first-letter {
    color:#fff;
}

.upgrade .info .col-sm-1{
    color:inherit;
}

.flight-table-container td.flight-activity span{
    color: inherit !important;
}

pre{
    background: inherit;
    color: inherit;
}

body.page-about .divider-top .shape-fill,
body.page-about .divider-bottom .shape-fill{
    fill: #282f37;
}

  .upgrade-jumbotron{
    background-color: #373d43;
  }
  .upgrade-jumbotron .divider-bottom{
    background-color: #282f37;
  }
  .upgrade-jumbotron .divider-bottom .shape-fill{
    fill: #373d43;
  }


  body.page-business-api .api-list div i{
    color:#fff;
  }

/* NEW HEADER 2023 */
.navbar-aviation-flights-group{
    background:#282f37 !important;
}
.navbar-aviation-flights-group ul.navbar-nav li a{
    color:#fff !important;
}
.navbar-aviation-flights-group .navbar-nav .open .dropdown-menu{
    background:#282f37 !important;
}
.navbar-aviation-flights-group #navbar-quick-search-result{
    background-color: #313B45 !important;
}
.navbar-aviation-flights-group{
    background:inherit !important;
}
.navbar-aviation-flights-group svg path,
.navbar-aviation-flights-group svg text{
    fill:#fff !important;
}
.navbar-aviation-flights-group li.single a{
    color:#fff !important;
}
.navbar-aviation-flights-group .navbar-toggle .icon-bar {
    border-bottom: 2px solid #fff !important;
}

@media only screen and (max-width: 767px) { /*mobile*/
    .navbar-aviation-flights-group div.navbar-collapse ul.navbar-nav, 
    .navbar-aviation-flights-group div.collapsing ul.navbar-nav{
        background:inherit !important;
    }
}