/* NetMapPortal.css */
    html,
   body {
    text-align: center;
      padding: 0px;
	  margin: 0;
	  border: 5px;
	  height: 100%;
	  overflow: auto;
	}
	
    #viewDiv {
	  position:relative;
	  float:right;
	  height:100%;
	  width: 80%;
      padding: 0px;
	  overflow: hidden;
    }
	
	#StreamsDiv {
    text-align: center;
		height:100%;
		position:absolute;
		float:left;
		width: 20%;
      padding: 0px;
      background-color: #e4edf4;
      color: #444;
    }
    
    .m1 {
	    margin-bottom: 10px;
	    margin-top: 10px;
    }
    
    .p1 {
	    padding: 10px;
    }
    
    .btn-primary {
	  -webkit-border-radius: 3;
	  -moz-border-radius: 3;
	  border-radius: 3px;
	  color: #ffffff;
	  font-size: 16px;
	  background: #144e75;
	  padding: 5px 5px 5px 5px;
	  text-decoration: none;
	  border: 0px ;
		
	}
    
    .btn-primary2 {
	  -webkit-border-radius: 3;
	  -moz-border-radius: 3;
	  border-radius: 3px;
	  color: #144e75;
	  font-size: 16px;
	  background: #ffffff;
	  padding: 5px 5px 5px 5px;
	  text-decoration: none;
	  border: 0px ;
		
	}
	
	.btn-secondary {
	  -webkit-border-radius: 3;
	  -moz-border-radius: 3;
	  border-radius: 3px;
	  color: #ffffff;
	  font-size: 13px;
	  background: #42ba61;
	  padding: 5px 5px 5px 5px;
	  text-decoration: none;
	  border: 0px ;
	}
	
	div.description {
		font-size: 13px;
	}
	
	.esri-widget {
	background-color:rgba(255,255,255,0.8);
    }
	.esri-widget-button {
	background-color:rgba(255,255,255,0.38);
    }
	.boxed {
	  border: 1px solid black;
		border-radius: 5px;
		margin:0px 5px;
	}
	
	#TWdiv {
      position: relative;
	  bottom: 0;
	}

	.print {
	position: absolute;
	bottom: 10px;
	text-align: center;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 90%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}