@font-face {
    font-family: 'Roboto';
    src: url('/static/fonts/Roboto-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}


body {
    padding: 0;
    margin: 0;
}


body, #map {
    height: 100%; }
#map{
  background:#242426;
}

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

#main {position:relative;min-height:100%;}
#cont {min-height:100%;padding-top:70px;padding-bottom:90px;}


a {
   color:#fff;
   outline: none;
}
a:focus{outline:none;}
a:hover, a:active, a:focus {
  color:#fff;
  /* styling for any way a link is about to be used */
}

/* always collapsed menubutton*/
@media (min-width: 768px) {
  #mynavbarheader{width:100%;}
  #mainmenu-btn {
    display: inline;float:right;border:0px;
  }

  #mymainmenu{width:100%;}
  #mymainmenu.collapse {
    display: none !important;
       height: 0!important;
        padding-bottom: 0;
        overflow: hidden!important;
  }
  #mymainmenu.collapse.in{
        display:block!important;    
        height:auto!important;
        overflow:visible!important;
    }
     .navbar-toggle{
        display:block!important;    
    }
   .navbar-nav>li,.navbar-header{
        float:none; 
    }

}

/*animation of menu bars*/

.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}


/* end animation stuff*/

.custom .leaflet-popup-tip,
.custom .leaflet-popup-content-wrapper {
    background-color: rgba(20,20,20,0.95);
    color: #ffffff;
}
.custom-attribution a{color:white;}

/*
.leaflet-control-container{background:transparent;}
.leaflet-control{background:transparent;}
.leaflet-control-attribution{background:transparent;bottom:30px;}
*/

.bar-red{
display:none;
height:30px;line-height:30px;float:left;text-align:right;padding-right:1em;
background-color:rgba(204,0,0, 0.7); 
background-color:rgba(230,60,0, 0.7); 
background-color:rgba(50,50,50, 0.7); 
/*display:table-cell;vertical-align:center;*/
}

.bar-green{
display:none;/**/
height:30px;line-height:30px;float:left;text-align:left;padding-left:1em;background-color:rgba(119,179,0,0.7);
}

a.llpopup {/*color:#f80;*/}


.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 3s; /* Firefox < 16 */
  -ms-animation: fadein 3s; /* Internet Explorer */
  -o-animation: fadein 3s; /* Opera < 12.1 */
  animation: fadein 3s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}