/* Empty. Add your own CSS if you like */
.bar-acme {
  background-color: #0088c2 !important;
  color: #0088c2; 
}

.bar-kinvey {
   background-color: #D44B2B !important;
   color: #D44B2B;   
}

.bar-med {
   background-color: #1667a1 !important;
   color: #1667a1;   
}

.acme-text {
  color: #0088c2 !important;
}

.gray-text {
   color: #86888a;
}

.bar-gray {
 background-color: #86888a !important;
   color: #86888a;     
}


.med-text {
   color: #1667a1 !important;
}

.greentext {
   color: #77ba20;
}

.nav-bar-block, .bar {
  background-color: inherit !important;
}


.bar-harley {
   background-color: #ff6600 !important;
   color: #ff6600;   
}

.harley-text {
   color: #ff6600 !important;
}

.bar-zeeco {
   background-color: #e32228 !important;
   color: #e32228;   
}

.zeeco-text {
   color: #e32228 !important;
}

.kinvey-text {
   color: #f0582e !important;
}

.harleybutton {
   border-top: 1px solid #000000;
   background: #ff6600;
   /*background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#0088c2));
   background: -webkit-linear-gradient(top, #333333, #0088c2);
   background: -moz-linear-gradient(top, #333333, #0088c2);
   background: -ms-linear-gradient(top, #333333, #0088c2);
   background: -o-linear-gradient(top, #333333, #0088c2);*/
   padding: 9px 18px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; font-stretch:normal; 
   text-decoration: none;
   vertical-align: middle;
}

.harleybutton:hover {
   border-top-color: #333333;
   background: #ff6600;
   color: #000000;
}

.harleybutton:active {
   border-top-color: #1b435e;
   background: #ff6600;
   color: #000000;
}

.zeecobutton {
   border-top: 1px solid #000000;
   background: #e32228;
   /*background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#0088c2));
   background: -webkit-linear-gradient(top, #333333, #0088c2);
   background: -moz-linear-gradient(top, #333333, #0088c2);
   background: -ms-linear-gradient(top, #333333, #0088c2);
   background: -o-linear-gradient(top, #333333, #0088c2);*/
   padding: 9px 18px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; font-stretch:normal; 
   text-decoration: none;
   vertical-align: middle;
   }
.zeecobutton:hover {
   border-top-color: #333333;
   background: #e32228;
   color: #000000;
   }
.zeecobutton:active {
   border-top-color: #1b435e;
   background: #e32228;
   color: #000000;
   }




.acmebutton {
   border-top: 1px solid #000000;
   background: #0088c2;
   /*background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#0088c2));
   background: -webkit-linear-gradient(top, #333333, #0088c2);
   background: -moz-linear-gradient(top, #333333, #0088c2);
   background: -ms-linear-gradient(top, #333333, #0088c2);
   background: -o-linear-gradient(top, #333333, #0088c2);*/
   padding: 9px 18px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; font-stretch:normal; 
   text-decoration: none;
   vertical-align: middle;
   }
.acmebutton:hover {
   border-top-color: #333333;
   background: #0088c2;
   color: #000000;
   }
.acmebutton:active {
   border-top-color: #1b435e;
   background: #0088c2;
   color: #000000;
   }

.medbutton {
   border-top: 1px solid #000000;
   background: #1667a1;
   /*background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#0088c2));
   background: -webkit-linear-gradient(top, #333333, #0088c2);
   background: -moz-linear-gradient(top, #333333, #0088c2);
   background: -ms-linear-gradient(top, #333333, #0088c2);
   background: -o-linear-gradient(top, #333333, #0088c2);*/
   padding: 9px 18px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; font-stretch:normal; 
   text-decoration: none;
   vertical-align: middle;
   }
.medbutton:hover {
   border-top-color: #333333;
   background: #1667a1;
   color: #ffffff;
   }
.medbutton:active {
   border-top-color: #1b435e;
   background: #1667a1;
   color: #ffffff;
   }

   input{
  text-align:left;
}

.kinveybutton {
   border-top: 1px solid #000000;
   background: #f5a68e;
   /*background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#0088c2));
   background: -webkit-linear-gradient(top, #333333, #0088c2);
   background: -moz-linear-gradient(top, #333333, #0088c2);
   background: -ms-linear-gradient(top, #333333, #0088c2);
   background: -o-linear-gradient(top, #333333, #0088c2);*/
   padding: 9px 18px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; font-stretch:normal; 
   text-decoration: none;
   vertical-align: middle;
   }
.kinveybutton:hover {
   border-top-color: #333333;
   background: #909090;
   color: #ffffff;
   }
.kinveybutton:active {
   border-top-color: #1b435e;
   background: #909090;
   color: #ffffff;
   }

   .pane {
    background-color: #e5e5e5;
}

   input{
  text-align:left;
}


.login-background {
  background: #d4d4d4;
}

.scroll {
    height: 100%;
}

#loadingMap {
  top: 50%;
  left: 50%;
  width: 400px;
  height: 50px;
  position: absolute;
  text-align: center;
  background-color: #EEE;
  margin: -25px 0 0 -200px;
}

#loadingMap > h3 {
  color: #BBB;
  text-shadow: -1px -1px 0px rgba(150, 150, 150, 1);
}

#map {
    background-color: #EEE;
    width: 100%;
    height: 100%;
}