/*template styles*/
html, body, #mapcusp,#mapcmp,#maptsheet {
    margin:0; 
    padding:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#datacusp, #datacmp, #datatsheet {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%; /*tweak this param*/
    width: 100%;
    margin: 0px;
    padding: 0px;
    bottom:0;
}

.container {
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
     box-sizing: content-box;
    height: 100%;
    width: 100%;
    margin: 2px 0px 0px 2px;
    padding: 0px;
    top: 54px;
    border: 0 !important;

     /*padding: 0px !important;
     border: 0 !important;
     overflow: hidden !important; */

}

#map-tab-content{
    -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
    /*height: 100%;*/ /*tweak this param*/
    width: 100%;
    margin: 0px 0px 0px -2px;
    padding: 0px;
    position: absolute !important;
    top: 42px;
    bottom: 0px;

}


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;
}


.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;
}

.navbar-footer{
    height: 18px;
    opacity: 0.9;
    
}

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

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


.mapboxgl-popup {
    max-width: 340px !important;
}

.cusp-popupwrap {
   height: 55px;
  
   width: 230px;
   /*
   padding-bottom: 5px;*/
   overflow-y:auto;
   padding: 5px;

}

.cmp-popupwrap {
   height: 180px;
   width: 230px;
   /*
   padding-bottom: 5px;*/
   overflow-y:auto;
   padding: 5px;

}

.tsheet-popupwrap {
   height: 120px;
   width: 230px;
   /*
   padding-bottom: 5px;*/
   overflow-y:auto;
   padding: 5px;

}

.floatleftpop {
    float:left; 
    width: 50%;
    top: 20px;
    bottom: 20px;
    padding: 5px;
    
}

.floatrightpop {
   float: right;
   width: 50%;
   top: 20px;
   bottom: 20px;
   padding: 5px;
}



#cusp-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: 5px;
    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*/
}


#cmp-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:5px;
    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*/
}

#tsheet-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:5px;
    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-geocoder { min-width:100%; }

        .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-clearlyr {
            /*background-image: url(../images/layers.png);*/
            background-image:  url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBkPSJNNiAxOWMwIDEuMS45IDIgMiAyaDhjMS4xIDAgMi0uOSAyLTJWOWMwLTEuMS0uOS0yLTItMkg4Yy0xLjEgMC0yIC45LTIgMnYxMHptMy4xNy03LjgzYy4zOS0uMzkgMS4wMi0uMzkgMS40MSAwTDEyIDEyLjU5bDEuNDItMS40MmMuMzktLjM5IDEuMDItLjM5IDEuNDEgMCAuMzkuMzkuMzkgMS4wMiAwIDEuNDFMMTMuNDEgMTRsMS40MiAxLjQyYy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzktMS4wMi4zOS0xLjQxIDBMMTIgMTUuNDFsLTEuNDIgMS40MmMtLjM5LjM5LTEuMDIuMzktMS40MSAwLS4zOS0uMzktLjM5LTEuMDIgMC0xLjQxTDEwLjU5IDE0bC0xLjQyLTEuNDJjLS4zOS0uMzgtLjM5LTEuMDIgMC0xLjQxek0xNS41IDRsLS43MS0uNzFjLS4xOC0uMTgtLjQ0LS4yOS0uNy0uMjlIOS45MWMtLjI2IDAtLjUyLjExLS43LjI5TDguNSA0SDZjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDFoMTJjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFoLTIuNXoiLz48L3N2Zz4=);
            background-repeat: no-repeat;
            background-size: 26px;
            background-position: center;
        }

        /*#togglelyr{

        }*

       /*.mapboxgl-ctrl-top-right{
        top: 20px;
       }

       .mapboxgl-ctrl-top-left{
        top: 20px;
       }*/

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

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

/*Range Slider*/

#slider-handles-cusp {
        position: fixed;
        width: 300px;
        right:  150px;
        float: right;
        top: 140px;
        
}

#slider-handles-cmp {
        position: fixed;
        width: 300px;
        right:  150px;
        float: right;
        top: 140px;
        
}

#slider-handles-tsheet {
        position: fixed;
        width: 300px;
        right:  150px;
        float: right;
        top: 140px;
        
}

/*class to change color*/
.noUi-connect {
        background: #418bca;
}


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


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


/*mouse coords*/

.leaflet-container .leaflet-control-mouseposition {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 5px #bbb;
  padding: 0 5px;
  bottom: 0px;
  margin:0;
  color: #333;
  font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.filter-ctrl {
position: absolute;
top: 100px;
right: 10px;
z-index: 1;
}
 
.filter-ctrl input[type='text'] {
font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
width: 100%;
border: 0;
background-color: #fff;
margin: 0;
color: rgba(0, 0, 0, 0.5);
padding: 10px;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 3px;
width: 180px;
}


/*@media (max-width: 992px) {
    .navbar .navbar-brand {
        font-size: 18px;
    }
    
}*/

@media (max-width: 767px) {
    .navbar .navbar-brand {
        font-size: 18px;
    }
    
}


/*@media (max-width: 767px){*/
@media (max-width: 1200px){ /*Adjusted for the length of the navbar menu items */

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }


    .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;
	}

    .leaflet-bottom{
        bottom: 0px !important;
    }

    #slider-handles-cusp {
        position: fixed;
        width: 200px;
        right:  100px;
        float: right;
        top: 140px;
        
    }

    #slider-handles-cmp {
        position: fixed;
        width: 200px;
        right:  100px;
        float: right;
        top: 140px;
        
    }

    #slider-handles-tsheet {
        position: fixed;
        width: 200px;
        right:  100px;
        float: right;
        top: 140px;
        
    }

}
/* Print Handling */
@media print {
    .navbar {
        display: none !important;
    }
    .leaflet-control-container {
        display: none !important;
    }
}

/*app styles*/

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