/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}

.navbar-blue{
	margin-bottom:0px;
	background-color:#000a79;
}

/*
 * Placeholder dashboard ideas
 */

 
 .page-header {
   margin:20px 0 20px;
 }


.fixed {
	position: fixed;
	width: 100%;
	text-align:center;	
    background-color:#EEEEFF;
}

.buttons-row {
	padding-bottom: 10px;
    padding-top: 10px;
    border-style: solid;
    border-color: #8b9fd6;
    border-width:1px;
}

#btn-color1 {
	color:#eeeeee;
}

#btn-color1:hover{
   color:#ffffff;     
}

#btn-color2 {
	color:#eeeeee;
}

#btn-color2:hover{
   color:#ffffff;     
}

#btn-color3 {
	color:#eeeeee;
}

#btn-color3:hover{
   color:#ffffff;     
}

#btn-color4 {
	color:#eeeeee;
}

#btn-color4:hover{
   color:#ffffff;     
}


.links-container{
	margin-left: 20%;
	margin-right: 20%;
	background-color: #ffffff;	
}

.links-row{
	margin-left: 0px;
	margin-right: 0px;	
	
}
.mission-title{
	margin-top: 1%;
	margin-left: 0.5%;
	margin-right: 0.5%;	
	color: #000a79;
	text-align:left;
}

#missionnamelabel{
	font-size:14px;
	font-weight:bold;
} 

.input-control{
	width:79.4%;
	border-radius:1px;
	border-style:solid;
	border-color:#8b9fd6;
	border-width:1px;
	display:inline-block;
	vertical-align:middle;
}

.submit-control{
	width:6%;
	color:white;
    background:#5077c0; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	display:inline-block;
	vertical-align:middle;  
    padding-bottom: 3px;
    padding-top: 3px;	  	
}

.mission-body{
	background-color:#eee;
}

.btn-black{
	color: white;
	background-color: #5077c0;
 }

 .btn-black{
	color: white;
	background-color: #5077c0;
 }
 
.btn-red{
	color: white;
	background-color: #ea8466;
 }
 

.link-list{
   margin-top:9%;
   margin-left:5%;
   margin-right:5%;	     		   	
}
 
 .link-list-table{
   width:100%;	
   table-layout:fixed;
   border-collapse: separate;
   background-color:white      
 }

.link-list-table sh{
   empty-cells: show;
 }
 
.table-with-border{
   border-width:1px;
   border-style: solid;
   border-color:lightgray;	
}  
  
 #number-col{
   width:5%; 
 }
 
 #content-col{
   width:90%      
 }
 
#commands-col{
   width:5%      
 }