@import url(reset.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@font-face {
  font-family: bosun;
  src: url(fonts/bosun03.otf); }

html,
body {
  height: 100%;
  font-family: 'Open Sans', sans-serif; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 0.8em; }

table {
  width: 100%; }

table tr {
  height: 40px;
  display: table-row; }

.trStribed {
  background-color: #eeeeee; }

.tdRoute {
  width: 50px;
  cursor: pointer; }

table td {
  height: 50px;
  padding-left: 10px;
  vertical-align: middle; }

.container {
  height: 100%;
  width: 100%; }

.googleMap {
  width: 100%;
  position: fixed;
  height: calc(100% - 80px);
  position: fixed;
  top: 80px;
  left: 0px; }

.listeTable {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  top: 80px;
  left: 0px; }

.infoMarker {
  height: 90px;
  width: 100%;
  font-family: 'Open Sans', sans-serif; }

.infoMarker img.displayed {
  display: block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer; }

.infoMarker h2 {
  font-size: 20px; }

.barTop {
  background-color: #151B8A;
  color: white;
  position: fixed;
  height: 40px;
  width: 100%;
  top: 0px;
  left: 0px; }

.barMenu {
  background-color: #8B8A8F;
  position: fixed;
  height: 40px;
  width: 100%;
  top: 40px;
  left: 0px; }

.barMenu li {
  display: inline-block;
  line-height: 40px;
  width: 50%;
  box-shadow: inset 0px 0px 0px 1px #000;
  text-align: center;
  float: left; }

.barMenu li:hover {
  background-color: #626Af0; }

.barMenu .menuitem-1 {
  background-color: #626Af0; }

.barMenu a {
  text-decoration: none;
  color: white; }

.infoapp {
  position: fixed;
  background-color: white;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 100; }

.infoapp .iaBack {
  padding-left: 10px;
  padding-right: 25px;
  font-size: 32px;
  cursor: pointer; }

.iaTop {
  color: white;
  background-color: #151B8A;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
  text-align: left; }

.iaTxt {
  margin: 10px; }

.iaLogo {
  margin: 10px; }

.infoapp .iaBack img {
  cursor: pointer; }

.routeplanning {
  position: fixed;
  background-color: white;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 100; }

.visibilityTransform {
  display: block; }

.rpTop {
  color: white;
  background-color: #151B8A;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
  text-align: right; }

.routeplanning .rpTopSub {
  padding-left: 10px;
  background-color: #8B8A8F;
  height: 40px;
  line-height: 40px;
  font-size: 18px; }

.routeplanning .rpBack {
  padding-left: 20px;
  padding-right: 10px;
  font-size: 32px;
  cursor: pointer; }

.routeplanning .rpRoute td {
  vertical-align: middle;
  height: 50px;
  font-size: 15px;
  padding-left: 5px; }

/*# sourceMappingURL=style.css.map */