body {
  color: silver;
}

.ui-widget-content {
  background-image: none;
  background-color: #000000;
}

div#LoginForm {
  background-color: rgba(0, 0, 0, 0.9);
}

input[type="text"],
input[type="password"] {
  border: 1px solid #000000;
  background-color: #808080;
}

input[type="button"],
input[type="submit"] {
  background-color: #808080;
}

div#DateSliderContainer {
  border: 1px #000000 solid;
}

  div#DateSliderContainer:hover {
    background-color: rgba(0, 0, 0, 0.9);
  }

div.SectionBox {
  background-color: rgba(0, 0, 0, 0.9);
  color: #808080;
}

  div.SectionBox div.close_btn {
    color: #808080;
  }

    div.SectionBox div.close_btn:hover {
      color: #FD551F;
    }

  div.SectionBox div.content {
    color: #808080;
  }

ul#NocActiveList LI div.status_content span.status {
  color: #000000;
}



#StationWeatherInfo img.WeatherItemIcon,
#WeatherInfo img.WeatherItemIcon {
  filter: invert(0.5);
}

div#options_bar {
  /*background-color: rgba(0, 0, 0, 0.9);*/
}

  div#options_bar UL LI span {
    color: white;
  }

  div#options_bar UL LI img {
    filter: invert(0);
  }

  div#options_bar UL LI.active span, div#options_bar UL LI:hover span {
    color: #FD551F;
  }

  div#options_bar UL LI.active img, div#options_bar UL LI:hover img {
    filter: invert(1) invert(37%) sepia(67%) saturate(1301%) hue-rotate(301deg) brightness(99%) contrast(89%);
    -webkit-filter: invert(1) invert(37%) sepia(67%) saturate(1301%) hue-rotate(301deg) brightness(99%) contrast(89%);
  }

  div#options_bar UL LI#btnActivateRequest span#ActivateRequestCounter {
    background-color: #FD551F;
  }

table#AeroLayers tr:hover, table#AirspaceLayers tr:hover, table#UASZoneLayers tr:hover {
    color: #5DBFD5;
}

table#AeroLayers div.ActiveInfo span.dot, table#AirspaceLayers div.ActiveInfo span.dot, table#UASZoneLayers div.ActiveInfo span.dot {
    background-color: #808080;
}

#StationWeatherInfo,
#TrafficSettings,
#AeroSettings,
#AirspaceSettings,
#UASZoneSettings,
#ActivatNocs,
#COMMSModule,
#OperatorSettings {
    background-color: rgba(0, 0, 0, 0.9);
}

    #StationWeatherInfo div.title div.close_btn,
    #TrafficSettings div.title div.close_btn,
    #AeroSettings div.title div.close_btn,
    #AirspaceSettings div.title div.close_btn,
    #UASZoneSettings div.title div.close_btn,
    #ActivatNocs div.title div.close_btn,
    #COMMSModule div.title div.close_btn,
    #OperatorSettings div.title div.close_btn {
        color: #808080;
    }

        #StationWeatherInfo div.title div.close_btn:hover,
        #TrafficSettings div.title div.close_btn:hover,
        #AeroSettings div.title div.close_btn:hover,
        #AirspaceSettings div.title div.close_btn:hover,
        #UASZoneSettings div.title div.close_btn:hover,
        #ActivatNocs div.title div.close_btn:hover,
        #COMMSModule div.title div.close_btn:hover,
        #OperatorSettings div.title div.close_btn:hover {
            color: #FD551F;
        }

    #StationWeatherInfo .ScrollBox,
    #TrafficSettings .ScrollBox,
    #AeroSettings .ScrollBox,
    #AirspaceSettings .ScrollBox,
    #UASZoneSettings .ScrollBox,
    #ActivatNocs .ScrollBox,
    #COMMSModule .ScrollBox,
    #OperatorSettings .ScrollBox {
        /* Track */
        /* Handle */
        /* Handle on hover */
    }

        #StationWeatherInfo .ScrollBox::-webkit-scrollbar-thumb,
        #TrafficSettings .ScrollBox::-webkit-scrollbar-thumb,
        #AeroSettings .ScrollBox::-webkit-scrollbar-thumb,
        #AirspaceSettings .ScrollBox::-webkit-scrollbar-thumb,
        #UASZoneSettings .ScrollBox::-webkit-scrollbar-thumb,
        #ActivatNocs .ScrollBox::-webkit-scrollbar-thumb,
        #COMMSModule .ScrollBox::-webkit-scrollbar-thumb,
        #OperatorSettings .ScrollBox::-webkit-scrollbar-thumb {
            background: #808080;
        }

            #StationWeatherInfo .ScrollBox::-webkit-scrollbar-thumb:hover,
            #TrafficSettings .ScrollBox::-webkit-scrollbar-thumb:hover,
            #AeroSettings .ScrollBox::-webkit-scrollbar-thumb:hover,
            #AirspaceSettings .ScrollBox::-webkit-scrollbar-thumb:hover,
            #UASZoneSettings .ScrollBox::-webkit-scrollbar-thumb:hover,
            #ActivatNocs .ScrollBox::-webkit-scrollbar-thumb:hover,
            #COMMSModule .ScrollBox::-webkit-scrollbar-thumb:hover,
            #OperatorSettings .ScrollBox::-webkit-scrollbar-thumb:hover {
                background: white;
            }

#TodayDetails div.StatusForDay > div.StatusDayItem.on div.statusiconOut {
  background-color: #FD551F;
}

div.MouseOver {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
}

  div.MouseOver div.HiliteBlock {
    width: 48px;
    border-radius: 10px;
    text-align: center;
    padding: 5px 0px 5px 0px;
    color: white;
  }

  div.MouseOver UL.ext_dot li.active {
    background-color: #FD551F;
  }

  div.MouseOver UL.ext_dot li div.StatusToolTip {
    background-color: rgba(0, 0, 0, 0.9);
  }

#BottomSliderBar .ui-slider-handle {
    background-color: #5DBFD5 !important;
    background-image: none;
}

#DateSelectionBox {
  background-color: black;
  border: 10px solid black;
}

    #DateSelectionBox div#DatePicker_Date {
        color: #FD551F
    }


#DateSelectionBox div#DatePicker_Month {
    background-color: #808080;
}

    #DateSelectionBox div#DatePicker_Month:hover {
      background-color: rgba(0, 0, 0, 0.9);
      color: white;
    }

  #DateSelectionBox:hover {
    border-color: #FD551F;
  }

.ui-slider-pips .ui-slider-pip {
  color: #808080;
}

.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
    color: #5DBFD5;
}

#MonthRotator div.MonthRotatorItem > div.MonthItem > span.dot {
  background-color: #808080;
}

#MonthRotator div.MonthRotatorItem > div.MonthItem > span.label {
  color: white;
  background-color: rgba(0, 0, 0, 0.9);
}

#MonthRotator div.MonthRotatorItem > div.MonthItem:hover > span.dot {
  background-color: #FD551F;
}

#MonthRotator div.MonthRotatorItem > div.MonthItem:hover > span.label {
  background-color: #FD551F;
  color: white;
}

div.SectionBox span.ui-slider-handle,
div.ToolbarBox span.ui-slider-handle {
  background-color: #FD551F !important;
  background-image: none;
}

div.SectionBox .ui-widget.ui-widget-content,
div.ToolbarBox .ui-widget.ui-widget-content {
  background-color: #808080;
}

div#LegentBar {
  background-color: rgba(0, 0, 0, 0.9);
  color: #FD551F;
}

  div#LegentBar > UL LI#LegentBarButton span {
    background-color: #111111;
    color: #FD551F;
  }

div.hilite, span.hilite {
  color: #FD551F;
  font-weight: bold;
}

div.sub-hilite, span.sub-hilite {
  font-weight: bold;
}

table.LiveInfo td {
  color: #FD551F;
}

  table.LiveInfo td span {
    color: white;
    font-weight: bold;
  }

div.CommsFlightBox div.CommsMessageBox div.ComsMessageBoxContent table.ComsMessageBoxContent TD div.date {
    color: #5DBFD5;
    font-weight: bold;
}

div.CommsFlightBox div.CommsMessageBox div.ComsMessageBoxContent table.ComsMessageBoxContent TD div.user {
  color: white;
}

div#FlightInformationBoxContainer div.CommsFlightBox div.CommsMessageBox div.ComsMessageBoxFooter,
div#FlightInformationBoxContainer div.CommsFlightBox div.CommsMessageBox div.ComsMessageBoxTitle {
  background-color: rgba(0, 0, 0, 0.9);
}
div#ReservationComms div.CommsFlightBox div.CommsMessageBox div.ComsMessageBoxFooter,
div#ReservationComms div.CommsFlightBox div.CommsMessageBox div.ComsMessageBoxTitle {
  background-color: rgba(0, 0, 0, 0.9);
}
#BottomSliderBar div#ButtonReset {
  color: #FD551F;
}

  #BottomSliderBar div#ButtonReset div.rounded {
    background-color: rgba(0, 0, 0, 0.9);
  }

  #BottomSliderBar div#ButtonReset:hover {
    color: white;
  }

@media screen and (max-width:1500px) {
  #zoomContainer {
    zoom: 60%;
  }

  div#options_bar {
    zoom: 70%;
  }

  div#LegentBar {
    zoom: 63%;
  }

  #RadialDialer, #DatePicker {
    zoom: 70%;
  }
}


.spanClass {
  background-color: #ff0000;
  border-radius: 20px;
  padding-left: 9px;
  padding-right: 9px;
  color: #ffffff;
}

.divClass {
  background-color: #222222;
  border-radius: 25px;
  padding: 8px;
}

#heading {
  font-size: 18px;
  font-weight: bold;
  font-family: 'Avenir Next Condensed';
}

#divconflict {
  background-color: #303030;
  border-radius: 20px;
  padding: 8px;
  margin-bottom: 4px;
}

#divresolution {
  background-color: #333333;
  border-radius: 20px;
  padding: 8px;
}

.spanresClass {
  color: black;
  background-color: #FFBF00;
  border-radius: 20px;
  padding-left: 9px;
  padding-right: 9px;
}

.spanresolveClass {
  color: #ffffff;
  background-color: #339933;
  border-radius: 20px;
  padding-left: 9px;
  padding-right: 9px;
}