/*template styles*/

html,body{  
    margin:0; padding:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    
}

#map { position:absolute; top:0; bottom:0; height: 100%; width:100%; padding-left:0; padding-right: 0;}

label {
    font-weight: normal;
	font-size: 14px !important;
}

#loading {
    position: absolute;
    width: 220px;
    height: 19px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -110px;
    z-index: 20001;
}

.mapbox-logo{
    display: none !important;
}


.navbar{
	
	-webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.5);
    box-shadow: 0 -1px 5px rgba(0,0,0,0.5);
    opacity: 0.9;
    filter: alpha(opacity=90); /* IE 7 and Earlier */
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

.navbar-footer{
    height: 18px;
    opacity: 0.9;
    filter: alpha(opacity=90); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

.navbar .navbar-brand {
    /*font-weight: bold;*/
    font-size: 20px;
    /*color: white;*/
    white-space: nowrap;
}

.navbar-collapse.in {
    overflow-y: hidden;
}


.mapboxgl-ctrl-geocoder { 
    min-width:100%; 
      
}



#layer-switcher{
          display: block;
          position: relative;
          background:#fff;
          padding:6px 10px 6px 6px;
          color:#404040;
          color:rgba(0,0,0,0.75);
          margin-right:8px;
          margin-top:8px;
          float: right;
          border-radius: 3px;
          top:50px;
          z-index: 1000;
          border: 2px solid rgba(0,0,0,.2);
          background-clip: padding-box;
          overflow: auto;
          max-height: 400px; /*tweak height of layer list*/

        }

        #layer-separator {
            height: 0;
            border-top: 1px solid #ddd;
            border-top-color: rgba(0,0,0,.1);
            margin: 5px -10px 5px -6px;
        }

        .mapboxgl-ctrl-togglegeo {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIj4NCiAgPHBhdGggZD0iTTguNSA0QzYgNCA0IDYgNCA4LjUgNCAxMSA2IDEzIDguNSAxMyA5LjQgMTMgMTAuMiAxMi44IDEwLjggMTIuM0wxMC45IDEyLjMgMTQuMyAxNS43QzE0LjUgMTUuOSAxNC43IDE2IDE1IDE2IDE1LjYgMTYgMTYgMTUuNiAxNiAxNSAxNiAxNC43IDE1LjkgMTQuNSAxNS43IDE0LjNMMTIuMyAxMC45IDEyLjMgMTAuOEMxMi44IDEwLjIgMTMgOS40IDEzIDguNSAxMyA2IDExIDQgOC41IDR6TTguNSA1LjVDMTAuMiA1LjUgMTEuNSA2LjggMTEuNSA4LjUgMTEuNSAxMC4yIDEwLjIgMTEuNSA4LjUgMTEuNSA2LjggMTEuNSA1LjUgMTAuMiA1LjUgOC41IDUuNSA2LjggNi44IDUuNSA4LjUgNS41eiIgZmlsbD0iIzAwMCIvPg0KPC9zdmc+);
            background-repeat: no-repeat;
            background-size: 26px;
            background-position: center;
        }

        .mapboxgl-ctrl-togglelyr {
            /*background-image: url(../images/layers.png);*/
            background-image:  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzIuNTA4IDMyLjUwOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIuNTA4IDMyLjUwODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGcgaWQ9ImMzMF9wYXBlciI+DQoJCTxwYXRoIGQ9Ik0wLDExLjI1N2wxNi4yNTQtOS4wNzVsMTYuMjU0LDkuMDc1bC0xNi4yNTQsOS4wNzRMMCwxMS4yNTd6Ii8+DQoJCTxwYXRoIGQ9Ik0wLDE2LjI1NWwxLjkwOC0xLjYxNGwxNC4zNDYsNy43MTVsMTQuMzItNy43NDhsMS45MzQsMS42NDdsLTE2LjI1NCw5LjA3MkwwLDE2LjI1NXoiLz4NCgkJPHBhdGggZD0iTTAsMjEuMjU0bDEuOTA4LTEuNjE1bDE0LjM0Niw3LjcxNmwxNC4zMi03Ljc1bDEuOTM0LDEuNjQ5bC0xNi4yNTQsOS4wNzJMMCwyMS4yNTR6Ii8+DQoJPC9nPg0KCTxnIGlkPSJDYXBhXzFfMjVfIj4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
            background-repeat: no-repeat;
            background-size: 26px;
            background-position: center;
        }

       .mapboxgl-ctrl-top-right{
        top: 50px;
       }

       .mapboxgl-ctrl-top-left{
        top: 50px;
       }

       .mapboxgl-ctrl-bottom-right{
        bottom: 18px;
       }

       .mapboxgl-ctrl-bottom-left{
        bottom: 18px;
       }


.leaflet-control-attribution {
	bottom: 18px;
}


/*mouse coords*/

#mousecoords {
  /*background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 5px #bbb;*/
  position: absolute;
  padding: 0 5px;
  bottom: 0px;
  margin:0;
  color: #333;
  font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  z-index: 2000;
}

@media (max-width: 992px) {
    .navbar .navbar-brand {
        font-size: 18px;
    }
    
}
@media (max-width: 767px){
    
    .url-break {
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .dropdown-menu a i{
        color: #FFFFFF;
    }

	body {
		padding-bottom: 0px;
	}

     .mapboxgl-ctrl-bottom-right{
        bottom: 0px !important;
       }

    .mapboxgl-ctrl-bottom-left{
        bottom: 0px !important;
    }

    #mousecoords {
      visibility: hidden;
    }

}
/*app styles*/

.logo{
	float:left;
	padding-top: 5px;
	padding-left: 5px;
}