html {
  height: 100%;
}
body {
  background-color: transparent;
  background-color: #d9dadb;
}
.container.home {
  margin-top: 113px;
}
.container-fluid.home {
  padding-top: 113px;
}
.login_body {
  background-color: #d9dadb;
}
#shop_header {
  background-color: white;
  top: 113px;
  padding-top: 1px;
}
#shop_header.onTop {
  position: fixed;
  top: 113px;
  z-index: 10000;
  width: 100%;
  border-bottom: 2px solid black;
}
.btn.btn-base {
  background-color: black;
  color: white;
  margin-bottom: 2px;
}
.btn.btn-primary {
  margin-bottom: 2px;
}
.td .singleRecord {
  vertical-align: middle;
}
.glyphicon-2x {
  font-size: 2em;
}
.glyphicon-3x {
  font-size: 3em;
}
.glyphicon-4x {
  font-size: 4em;
}
.glyphicon-5x {
  font-size: 5em;
}
.glyphicon-6x {
  font-size: 6em;
}
.verticalLine {
  border-left: 1px solid #e8e2e2;
}
.btn.btn-kart {
  background-color: black;
  color: white;
  margin-bottom: 2px;
}
.btn.btn-unit {
  background-color: white;
  color: black;
  margin-bottom: 2px;
}
.progress.kartview {
  background-color: white;
  margin-bottom: 0px;
  height: 35px;
}
.progress-bar-grey {
  background-color: grey;
}
.progress-bar-yellow {
  background-color: yellow;
}
.progress-bar-wait {
  background-color: yellow;
}
md-toast.md-success-toast-theme {
  background-color: #5cb85c;
}
md-toast.md-danger-toast-theme {
  background-color: red;
}
.panel-default > .panel-heading.kartview {
  background-color: black;
  color: white;
  padding: 6px 16px 1px 16px;
}
.pagetitle {
  font-size: 22px;
  margin-left: 5px;
  color: black;
}
.navbar-default {
  background-color: #ffffff;
  border-color: #ecf0f1;
  color: black;
  border-bottom-color: black;
  border-bottom-width: 2px;
}
.navbar-default .navbar-brand {
  color: #000607;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #040007;
}
.navbar-default .navbar-text {
  color: #000607;
}
.navbar-default .navbar-nav > li > a {
  color: #000607;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #040007;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #040007;
  background-color: #ecf0f1;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #040007;
  background-color: #ecf0f1;
}
.navbar-default .navbar-toggle {
  border-color: #ecf0f1;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ecf0f1;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000607;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000607;
}
.navbar-default .navbar-link {
  color: #000607;
}
.navbar-default .navbar-link:hover {
  color: #040007;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000607;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #040007;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #040007;
    background-color: #ecf0f1;
  }
}