#mapLoad{
  background-image: url("images/load.gif");
  background-position: center;
  background-color: rgba(0,0,0,0.8);
  background-repeat: no-repeat;
  position: absolute;
  top:0;
  left:0;
  right: 0;
  bottom:0;
}
#zoom{
    position: absolute;
    top:20px;
    right:20px;
    z-index:999;
    text-align: center;
}
#zoomIn{
    background: rgba(40,54,69,1);
    color:#FFF;
    padding: 10px 15px;
    margin-bottom: 1px;
}
#zoomOut{
    background: rgba(40,54,69,1);
    color:#FFF;
    padding: 10px 15px;
}
#zoomIn:hover, #zoomOut:hover{
  background:#EB0149!important;
  cursor: pointer;
}
#status_Live, #status_Offline{
  display: none;
}
#status_Live{}
  #status_Offline{
text-align: center;
  }
#status_Offline .name{
  font-family: 'Roboto', sans-serif;
  font-weight: 500!important;
  font-size:36px;
  margin-top: 7%;
}
#status_Offline .status{
  font-family: 'Roboto', sans-serif;
  font-weight: 100!important;
  font-size:21px;
}
h2{
  font-family: 'Roboto', sans-serif;
  font-weight: 500!important;
  font-size:26px;
}
#flightPlan_Container{
  position: relative;
}
#liveMap_Container{
  position:relative;
  width:100%;
  height:700px;
  overflow: hidden;
}
#liveInfo{
  z-index:99;
  position:absolute;
  top:0;
  left:-400px;
  bottom: 0;
  width:400px;
  transition-duration: 1500ms;
}
#liveInfo.close{
  left:0;

}
#liveInfo_content{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background: rgba(40,54,69,0.95);
  max-width:400px;
  color:#FFF;
  overflow-y: scroll;
  font-size:14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 100!important;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#liveInfo_content::-webkit-scrollbar {
  display: none;
}
#liveInfo_content h4{
  font-size:24px;
  font-weight: 100!important;
  color:#FFF!important;
  opacity: 0.7;
  margin: 50px 0 20px;
  padding: 5px 30px;
  display: block;
}
#liveInfo_content table{
    width: -webkit-fill-available;
  }
  #liveInfo_content table td{
  font-family: 'Roboto', sans-serif;
  font-weight: 100!important;
  display:flex;
  }
#liveInfo_content table td:nth-child(2){
  text-align: right!important;
}
#liveInfo_content table tr{
  background:transparent!important;
  color:#FFF!important;
  transition-duration: 500ms;
  padding: 5px 30px;
    display: block;
}
#liveInfo_content table tr:nth-child(even){
background: rgba(255,255,255,0.05)!important;
}
#liveInfo_content table tr:hover{
  transition-duration: 500ms;
  background: rgba(255,255,255,0.1)!important;
}
#liveInfo_content table tr:nth-child(even):hover{
background: rgba(255,255,255,0.15)!important;
}

#liveInfo_content table:nth-child(1){
  display:none;
}
#liveMap{
  position: absolute;
  top:0:left:0;
  transition: background-image 1s ease-in-out;
  overflow: hidden;
}
  #Map-draggable {

     cursor: move;}
     #Map-draggable.large {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}
#livemap #map{
z-index: 3;
top: 0%;
position: absolute;
left: 0%;
}
#flightPlan_Container p{
  margin:0;
}
#flightPlan_Container big, #flightPlan_Container big b{
font-size:32px;
font-family: 'Roboto', sans-serif;
font-weight: 100!important;
}
#flightPlan_Container p:nth-child(3) big b{
font-size:20px;
font-weight: 500!important;
}
#flightPlan_Container table{
  margin-top: 30px;
width: -webkit-fill-available;
font-size:16px;
font-family: 'Roboto', sans-serif;
font-weight: 300!important;
transition-duration: 500ms;
}
#flightPlan_Container table th{
  background-color: #283645;
  color:#FFF;
  text-transform: uppercase;
  font-size:14px;
  padding: 15px 10px;
}
#flightPlan_Container table td {
    padding: 15px 10px;
    text-align: center;
}
#flightPlan_Container tr{
  transition-duration: 500ms;
  background-color: rgba(0,0,0,0)!important;
}
#flightPlan_Container tr:nth-child(even){
background-color: rgba(0,0,0,0.03)!important;
}
#flightPlan_Container tr:hover{
  transition-duration: 500ms;
  background: rgba(0,0,0,0.1)!important;
}
#flightPlan_Container tr:nth-child(even):hover{
  transition-duration: 500ms;
  background: rgba(0,0,0,0.15)!important;
}

#flightPlan_Container table .active{
  background:#EB0149!important;
  color:#FFF!important;
}
#flightPlan_Container table .active span{
  color:#FFF!important;
}
#liveInfo_btn {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right:-50px;
  top:0;
  background: rgba(40,54,69,0.95);
  padding:7px 15px;
}

#liveInfo_btn .bar1, #liveInfo_btn .bar2,#liveInfo_btn .bar3 {
  width: 20px;
  height: 2px;
  background-color: #FFF;
  margin: 6px 0;
  transition: 0.4s;
}

#liveInfo.close #liveInfo_btn .bar1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 6px);
  transform: rotate(-45deg) translate(-5px, 6px);

}

#liveInfo.close #liveInfo_btn .bar2 {opacity: 0;}

#liveInfo.close #liveInfo_btn .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -7px);
  transform: rotate(45deg) translate(-5px, -7px);
}
#LiveMap{
  width: 100%;
  height:800px;
  background-position: center;
}





#map {
  margin: 0em;
}

#navigation {
  z-index: 2;
  position:absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}

#mapcontainer {
  z-index: 1;
  position:relative;
}

#navtable {
  margin: 0;
}