#mbxMap {
    width: auto;
    height: 100%;
  }
  #mbxMap:-webkit-full-screen { width: 100% !important; height: 100% !important; z-index: 99999; }
  #mbxMap:-moz-full-screen { width: 100% !important; height: 100% !important; z-index: 99999; }
  #mbxMap:full-screen { width: 100% !important; height: 100% !important; z-index: 99999; }
  
  
  #mbxMap1 {
    width: 50%;
    height: 100%;
    float: left;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
  }
  #mbxMap1:-webkit-full-screen { width: 49.5% !important; height: 100% !important; z-index: 99999; }
  #mbxMap1:-moz-full-screen { width: 49.5% !important; height: 100% !important; z-index: 99999; }
  #mbxMap1:full-screen { width: 49.5% !important; height: 100% !important; z-index: 99999; }
  #mbxMap2 {
    width: 50%;
    height: 100%;
    float: right;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
  }
  #mbxMap2:-webkit-full-screen { width: 49.5% !important; height: 100% !important; z-index: 99999; }
  #mbxMap2:-moz-full-screen { width: 49.5% !important; height: 100% !important; z-index: 99999; }
  #mbxMap2:full-screen { width: 49.5% !important; height: 100% !important; z-index: 99999; }
  
  /* DOCUMENT ---------------------------------------------------------- */
  html, body, #container {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
  }
  
body{
    padding-top: 60px;
}
body {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.navbar {
  min-height: 60px;
}

.navbar-brand {
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
  }
  
.navbar-brand span {
      font-weight: 300;
      font-size: 20px;
      line-height: 1em;
      margin-top: 9px;
}
  
.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 13px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    line-height: 27px;
  }
}

.navbar-default {
  background-color: #174a7c!important;
  color: white!important;
}

.navbar .divider-vertical {
	height: 60px;
	margin: 0 0px;
	border-left: 1px solid #174a7c;
}

.color-header-text {
  color: #ffffff!important;
}

.back-button {
    color: #ffffff!important;
    background-color: #3c6186!important;
}

.navbar-default .navbar-nav > .active{
  color: #ffffff;
  background: rgb(80, 142, 204);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background: rgb(80, 142, 204);
}
