html{
  position: relative;
  min-height: 100%;
}

body {
  padding-top: 100px;
  color:#2c617a;
  /* Margin bottom by footer height */
  margin-bottom: 120px;
}

.navbar-header {
    background-color: #3399cc;
}

.navbar-default {
    background-color: #3399cc;
}

.navbar-nav {
  margin-top: 15px;
}

.navbar-brand {
    float: left;
    height: 80px;
    padding: 15px 15px;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #eee;
}

.navbar-default .navbar-nav > li > a {
    color: #eee;
    padding: 0px 3px;
}

.navbar-collapse {
  background-color:#3399cc;
}

.nav>li {
    margin:5px;
}

.navbar-nav > .btn-install-app {
  display:none;
}

.page-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 110px;
  background-color: #f5f5f5;
  margin-top: 20px;
  padding-top:20px;
}

.footer-copyright {
    margin-top: 20px;
}

.top-panel {
    border-color: #98d4f2;
}

.panel-default>.panel-heading {
    color: #222;
    background-color: #98d4f2;
    border-color: #ddd;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #98d4f2;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

h1 { color:#2c617a; font-size: 20px; }
h2 { color:#2c617a; font-size: 17px; }
h3 { color:#2c617a; font-size: 14px; }
h4 { color:#2c617a; font-size: 11px; }

.red {
  border: 1px solid red;
  background: #fee;
}

.dashboard .panel-group {
  margin-bottom:2px;
}
.dashboard .status-bar {
  margin-bottom:15px;
}

.dash-heading-icon {
  padding-right:10px;
}

.dash-heading-icon-placeholder {
  display:block;
  width:27px;
}

.yellow-background, .table-striped>tbody>tr:nth-of-type(odd).yellow-background {
  background-color:#ffffb3;
}

.orange-background, .table-striped>tbody>tr:nth-of-type(odd).orange-background {
  background-color:#ffd480;
}

.red-background, .table-striped>tbody>tr:nth-of-type(odd).red-background {
  background-color:#ffc2b3;
}

.ride-tile {
   display: table;
   border: 2px white solid;
}

.ride-tile a {
  font: 24px bold arial, sans-serif;
  display:table-cell;
  text-align:right;
  vertical-align:bottom;
  color:#fff;
  height:100%;
  text-shadow: 1px 1px 2px black;
  padding: 5px;
}

.ride-image {
  width:100%;
  max-width: 300px;
  max-height:200px;
}

.helpvalue img {
  width:100%;
}

.stripe-confirmation {
  padding:10px 0;
  font: 12px bold arial, sans-serif;
}

@media (max-width: 991px) {
  .navbar {
      height:80px;
  }

  .navbar-brand {
      width:80%;
      max-height:50px;
  }

  .navbar-brand > img {
    max-width:275px;
    max-height:50px;
    margin-top:10px;
  }

  .nav>li {
      margin:0px;
  }

  .item-image img, .item-qr img {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .btn-group.btn-group-responsive > .btn {
    display: block;
    width: 100%;
  }

  /* making the border-radius correct */
  .btn-group.btn-group-responsive > .btn:first-child {
    border-radius: 6px 6px 0 0;
  }
  .btn-group.btn-group-responsive > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 6px;
  }
  .btn-group.btn-group-responsive > .btn:last-child:not(:first-child) {
    border-radius: 0 0 6px 6px;
  }

  /* fixing margin */
  .btn-group.btn-group-responsive .btn + .btn {
    margin-left: 0;
  }

  td {
    white-space: normal;
  }

  .loadingOverlayFont {
    text-align:center;
  }

  h1, h2, h3, h4, h5, h6 {
    text-align:center
  }

  .h1, h1 {
      font-size: 20px;
      margin: 10px;
  }

  .h2, h2 {
      font-size: 20px;
      margin: 10px;
  }

}

@media (max-width: 768px) {
  .navbar {
      height:80px;
  }

  .nav>li {
      margin:20px;
  }
}

@media (min-width: 991px) {
  .btn {
    white-space: normal;
  }
}

@media (max-width: 576px) {
  .navbar {
  }

  .navbar-brand {
  }

  .navbar-brand > img {
    width:80%;
  }
}


@media print {
  body {
    background-color: #fff;
  }

  .btn,
  .breadcrumb,
  .navbar-nav,
  .navbar-toggle
  { display:none; }

  .h1, h1 {
      font-size: 20px;
      margin: 10px;
  }
}