#content{
/*  display: flex;
  flex-flow: column;*/
}

#top-panel{
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display:-webkit-flex;
  display:-webkit-flexbox;
  display:-ms-flex;
  display: flex;
  margin-bottom: 10px;
  -webkit-justify-content: space-around; 
  justify-content: space-around; 
  flex: 1 1 auto;
}

#orbital-map-container{
  width:50%
}

#orbital-map:-webkit-full-screen{
  width: 100%;
  height: 100%;
}

#orbital-map-container{
  display: flex;
  flex-direction: column;
}

#orbital-map{
  flex-grow: 1;
  position: relative;
}

.dg.main{
  position: absolute;
  top: 0px;
  right: 0px;
  background: none;
}

#orbital-map-container .dg.main input{
  font-family: sans-serif;
}

#navigation-orbit-info th{
  font-weight: bold;
}

#navigation-orbit-info thead th{
  text-align: right;
}

#navigation-orbit-info tbody th{
  padding-right: 10px;
}

#navigation-orbit-info td{
  padding-right: 5px;
  font-weight: normal;
}

#bottom-panel{
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display:-webkit-flex;
  display:-webkit-flexbox;
  display:-ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex: 0 1 auto;
}

#bottom-panel > div{
  margin-right: 10px;
}

#bottom-panel > div:last-child{
  margin-right: 0px;
}

#maneuver_node{
  display: none;
}

#maneuver_nodes > div{
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display:-webkit-flex;
  display:-webkit-flexbox;
  display:-ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

#node_list{
  max-height: 200px;
  overflow-y: auto;
  padding-right: 3px;
}

#node_selector{
  list-style: none;
  padding:0;
}

#node_selector li{
  border: 2px solid #FD7E23;
  padding: 3px;
  border-radius: 3px;
  margin-bottom: 2px;
  max-width: 250px;
}

#node_selector li.selected{
  color: #3A1604;
  background-color: #FD7E23;
  border: 2px solid #FD7E23;
  padding: 3px;
  border-radius: 3px;
}

#node_selector li.selected button{
  border: 2px solid #FD7E23;
  background-color: #3A1604;
  color: #FD7E23;
}

#node_selector li span{
  display:block;
  font-size: 11px;
}

#node_editor th{
  text-align: right;
}

#node_orbit_info td, #node_orbit_info th{
  text-align: right;
}

#node_orbit_info td{
  font-weight: normal;
}

#node_orbit_info th{
  padding-right: 5px;
}

#node_editor input{
  width: 100px;
}

#node_editor #ut_buttons{
  text-align: center;
}