/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

body, html {
    height: 100%;
}

body {
   background-color: #aaa;
}

.container, .row {
	height:100%;
}

.flex-row, .flex-row > div[class*='col-'] {  
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex:0 auto;
	height:100%;
}

.flex-col {
	display: flex;
	display: -webkit-flex;
	flex: 1;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
	-webkit-flex: 2;
	flex: 2;
}

.navbar-default .navbar-brand {
    color: #777;
}

.panel-top-padding {
    padding-top: 75px;
}

.navbar-routecard > .container {
  padding: 0px;
  width: 100%;
}

.navbar-routecard .navbar-nav > li {
  float: none;
}

.navbar-routecard .navbar-nav {
  margin: 0px;
}

.navbar-inverse {
   background-color: #333;
   color: transparent;
}

.navbar-right {
  margin-right: 5px;
}

.nav-pills>li>a {
    color: #9d9d9d;
    padding-left: 0px;
    padding-right: 0px;
    width: 37px;
    margin-left: 5px;
    margin-right: 5px;
}

.nav-pills>li>a>span>i {
  width: 37px;
  height: 37px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {

 color: rgba(90,190,90,255) ! important;
 background-color: #333 ! important;
 cursor: pointer;
}

.nav-pills>li>a:hover, .nav-pills>li>a:focus {
 background-color:#333;
}

.navbar-bright {
 background-color:#eee;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}

.navbar-routecard {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 45px;
  border-radius: 1px;
  border: 1px;
  z-index: 1030;
  float: left;
  margin-left: inherit;
}

.waypoint-col {
  border-right: 1px solid #ddd; /* Add right border to separate from legs */
}

.leg-col {
  padding-left: 20px; /* Offset leg columns to the right */
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:30px;
  	/* width:228px; */
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;*/
   /* width:228px; */
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}

.navitabs {
  position: initial;
 }

#map{height:80vh}.row{margin-top:20px;margin-bottom:20px}.graph{width:100%;margin:10px auto}.origin-background{background-color:beige}.tableHeader{background-color:rgba(90,190,90,255)}.btn-contol{background-color:rgba(90,190,90,255)}

.parallax {
    /* The image used */
    background-image: url('../img/parallax.jpg');

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}