body {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
body, html { 
  font-family: 'Montserrat', sans-serif;
}
h1, h2, h3, h4, h5, h6 { 
  font-weight: bold;
}
a, a:hover, a:focus, a:active {
  text-decoration: none !important;
}
#container {
  background-color:#fff;
}
.container {
  margin-bottom: 35px; 
}
.main {
  background-color:#fff;
}
.navbar-nav {
  margin: 0px -15px; 
}
.navbar-nav li i {
  margin-right: 5px; 
}
.navbar-inverse { 
  background-color:transparent;
  border:none;
  margin-top:5px;
}
.navbar-collapse {
  background:#FFF;
  border-bottom:1px solid #ddd;
  border-top:none;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
  margin-top:7px;
}
.navbar-inverse .navbar-toggle {
  border-color:#e9004c;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color:#e9004c;
}
.navbar-inverse .navbar-nav>li>a {
  text-align:left;
  color:#333;
  padding: 15px 15px;
  border-bottom:1px solid #f0f0f0;
  font-size:16px;
}

.navbar-inverse .navbar-nav>li:hover,.navbar-inverse .navbar-nav>li:active,.navbar-inverse .navbar-nav>li:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li:active,.navbar-inverse .navbar-nav .open .dropdown-menu>li:focus {
  -webkit-box-shadow: inset 0px -2px 0px 0px #e9004c;
  -moz-box-shadow: inset 0px -2px 0px 0px #e9004c;
  box-shadow: inset 0px -2px 0px 0px #e9004c;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
  color:black;
}
#topnav {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
  text-align:center;
  background:#000;
  position:fixed;
  z-index:3;
  top:0;
  width:100vw;
  padding:3px 0;
}
#bottomnav {
  -webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.5);
  text-align:center;
  background:#000;
  position:fixed;
  z-index:3;
  bottom:0;
  width:100vw;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}
#bottomnav .btn-default {
  background-color:#000;
  color:white;
}
#bottomnav .btn-default:active {
  color:#ddd;
  box-shadow: inset 0px 0px 5px 1px #555;
}
.funkyradio-warning input[type="radio"]:checked ~ label:before, .funkyradio-warning input[type="checkbox"]:checked ~ label:before { background-color: #e9004c !important; }
.progress { height: 10px; }
.progress-bar-warning { background-color:#e9004c; }
.input-group.date {
  margin-bottom: 15px;
}
.btn {
  outline: none !important;
}
.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active, .btn-primary:active:focus {
  background-color:#E8004C;
  border-color:#E8004C;
  color:white;
}
.btn-info,.btn-info:hover,.btn-info:focus,.btn-info:active, .btn-info:active:focus {
  background-color:black;
  border-color:black;
  color:#e9004c;
}
.btn-default,.btn-default:hover,.btn-default:focus,.btn-default:active, .btn-default:active:focus {
  background-color:white;
  border-color:#000;
  color:#000;
}
.btn-warning {
  background-color:white;
  border-color:#E8004C;
  color:#E8004C;
}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active, .btn-warning:active:focus {
  background-color: #E8004C;
  color: #fff;
}
.head, h2:first-of-type {
  margin-top:10px;
  text-align:center;
  padding-bottom:5px;
  border-bottom:2px solid #E8004C;
}
.card {
  padding:25px;
  border:1px solid #E8004C;
  border-radius:15px 3px;
  margin-bottom:10px;
}
.card>.title {
  padding-top:0;
  margin-top:0
}
.dash.card {
  color: #E8004C;
  margin-bottom:20px;
  text-align:center;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
}
.dash.card p {
  margin: 0;
}
.dash.card:hover * {
  color: white;
  text-decoration: none;
}
.dash.card:hover {
  background: #E8004C;
}

/* Conveyor pages */
.topper {
  background-color:#eee;
  padding:15px;
  width:100%;
  padding-bottom:10px;
}
.panel { margin-bottom:5px; }
.conveyoritem {
  text-transform:uppercase;
  color:black;
  font-weight:600;
  background-color:#eee;
  padding:5px 10px;
  border-radius:4px;
  margin-bottom:10px;
}
.subtitle {
  border-radius:10px;
  color:white;
  text-align:center;
  background:#777;
  padding:3px;
  text-transform:uppercase;
}
.conveyors>.panel {
  border:0;
}
.conveyors>.panel>.panel-collapse>.panel-body {
  border:0;
  padding: 0 15px;
}
.conveyors>.panel>.panel-heading {
  background-color:#eee;
  border: 4px solid #555;
  border-radius:20px;
}
.conveyors .btn-default {
  text-transform:uppercase;
  text-align:left;
  border:3px solid #eee;
}
.newconveyorbtn {
  font-weight:bold;
  border: 4px solid #555;
  text-transform:uppercase;
  border-radius:20px;
  text-align:left;
  padding:8px 12px;
  background-color:#eee;
}

@media (max-width: 412px) {
  .navbar-nav {
  	margin-left: -15px !important;
  }
}