@font-face {
			font-family: 'Montserrat';
			font-style: normal;
			font-weight: 400;
			src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v7/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
			unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
		}
		
		html,
        body		{
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            font-family: "Montserrat";
            background-color: #0099CC;
			overflow: auto
        }
		
		#search{
			position: absolute;
			right: 125px;
			top: 10px;
			z-index: 9999;
			font-family: 'Montserrat';
		}
        
        #appIcon {
            float: left;
            border: none;
            border-style: none;
            vertical-align: middle;
            margin: 5px;
			z-index: 999;
			left: 10px;
			top: 5px;
			position: absolute; 
			display: block
        }
        
        #appTitle {
            font-family: "Montserrat";
            font-size: 26px;
            font-style: bold;
            color: White;
			position: absolute; 
            left: 100px;
            text-shadow: #A79696 0.1em 0.1em 0.2em;
			padding-top: 10px
        }
		.arcgisSearch .searchInput{
			font-family: 'Montserrat';
		}
		
		.map .logo-med {
			background-image: url("ag-logo-small.png") !important;
			display: inline-block;
			cursor: pointer;
			background-repeat: no-repeat !important;
			background-size: 55% !important;
			right: 35px;
			bottom: 35px;
            margin-bottom: 1rem;
		}       

        
        #divToggle {
            width: 250px;
            padding: 4px;
            position: absolute;
            display: none;
            background-color: #006699;
            right: 7px;
            top: 1%;
            z-index: 999;
            border-radius: 8px;
            color: white;
            vertical-align: left;
            text-align: left;
            border-color: 1px solid #121310;
        }
		
        .esriSimpleSlider {
			background-color: #006699;
			opacity: 0.9;
			top: 40px !important;
			color: white !important;
			font-family: 'Montserrat';
		}              
		
        #LocateButton {
            position: absolute;
            top: 115px;
            left: 19px;
            z-index: 50;
        }
.LocateButton .zoomLocateButton {
            background-color: #006699;
}
.LocateButton .zoomLocateButton:hover {
	background-color:rgba(255,255,255,0.90);
}
.HomeButton .home {
	background-color: #006699;
}	
.HomeButton .home:hover {
	background-color:rgba(255,255,255,0.90);
}	
.esriScalebarRulerBlock {
    color: #006699 !important;
    background-color: #006699 !important;
    border-color: #7F5417 !important
}
.esriScalebarLabel {
    color: #006699 !important;
}
        #HomeButton {
            position: absolute;
            top: 160px;
            left: 19px;
            z-index: 50;
        }
        
        .ui-dialog .ui-dialog-content {
            background-color: #006699;
            color: white;
            overflow: hidden;
            z-index: 2001;
        }
        
        .ui-dialog .ui-dialog-content {
            overflow: visible;
            z-index: 2001;
            text-align: left;
        }
        
        .ui-widget-header {
            height: 15px;
            background: #006699;
            color: white;
            z-index: 2001;
        }
       
        
        .esriPopup .esriPopupWrapper {
            box-shadow: 0px 0px 1em #006699;
            border-radius: 5px;
			font-family: 'Montserrat';
			background-color: #F6F5F3
        }
        
        .esriPopup .titlePane {
            background-color: #006699;
			font-family: 'Montserrat';
        }
		.esriPopup .contentPane {
			background-color: #F6F5F3;
		}
		.esriPopup .actionsPane {
			background-color: #F6F5F3;
		}       
        table {
            width: 100%;
            border-collapse: collapse;
			font-family: 'Montserrat';
        }
        
        tr:nth-child(odd) {
            background-color: #d3d3d3;
        }
        
        td {
            padding: 4px;
            text-align: center;
        }
        
        th {
            background-color: #006699;
            color: white;
            padding: 4px;
            text-align: center;
        }
        
        .ui-widget-overlay {
            background: rgb(105, 105, 105) url(images/ui-bg_flat_0_aaaaaa_40x100.png) 99% 99% repeat-x;
            opacity: 0.5;
            filter: Alpha(Opacity=80);
            z-index: 2001;
        }
		
		#overviewLegend{
			bottom: 60px;
			left: 20px;
			display: block;
			position: absolute;
			z-index: 999;
		} 
		
		#basemapToggle{
			position: absolute;
			right: 15px;
			top: 15px;
			z-index: 9999
		}
	.esriAttribution{
		display:none !important; 
	}