/* ESRI Styling */

/* BASEMAPS */
	
	.esriBasemapGallery {
		margin-left:0px;
		padding:0px 10px 0px 10px;
	}
	
	.esriBasemapGalleryNode { 
		float:none; 
		width:100%;
		border:solid 1px #d8ebda;			
		display:block; 
		margin:10px 10px 0px 0px; 
		padding:5px;
		border-radius:5px;			
		background:#f0f9f2; /* For browsers that do not support gradients */
	    background:-webkit-linear-gradient(top,#f0f9f2,#f0f9f2,#d8ebda); /* For Safari 5.1 to 6.0 */
	    background:-o-linear-gradient(top,#f0f9f2,#f0f9f2,#d8ebda); /* For Opera 11.1 to 12.0 */
	    background:-moz-linear-gradient(top,#f0f9f2,#f0f9f2,#d8ebda); /* For Firefox 3.6 to 15 */
	    background:linear-gradient(top,#f0f9f2,#f0f9f2,#d8ebda); /* Standard syntax */ 
	}
	
	.esriBasemapGalleryNode a {
		vertical-align:top;
		display:inline-block;
		border:solid 0px black;
	}
	
	.esriBasemapGalleryThumbnail {
		border:0px;
		margin:0px;
		box-shadow:none;
		border-radius:5px;
	}
	
	.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
		border:2px solid #00dd66;
		margin:0;
	}
	
	.esriBasemapGalleryLabelContainer {
		vertical-align:top;
		padding-top:0px;
		padding-bottom:0px;
		width:150px;
		display:inline-block;
		overflow:visible;		
		font-size:0.8em;
		height:38px;
	}
	
	.esriBasemapGalleryLabelContainer span {
		display:table-cell;
		vertical-align:middle;
		text-align:left;
		width:130px;
		padding-left:20px;
		height:67px;
		font-size:1.15em;
		color:#737373;
		font-weight:bold;
	}
	
	
/* LAYERS */

	.esriLayerList .esriContainer {
	/* Layer List: Inside Container */
		padding:0;
		border:0;
		border-radius:0;
		border-bottom:0;
	}
	
	.esriLayerList .esriContainer .esriHasTabContent { }
	
	.esriContainer .esriLayer {
		border:1px solid #d8ebda;			
		display:block; 
		margin:7px 4px; 
		padding:5px;
		border-radius:5px;			
		background:#f0f9f2; /* For browsers that do not support gradients */
	    background:-webkit-linear-gradient(top,#f0f9f2,#f0f9f2,#d8ebda); /* For Safari 5.1 to 6.0 */
	    background:-o-linear-gradient(top,#f0f9f2,#f0f9f2,#d8ebda); /* For Opera 11.1 to 12.0 */
	    background:-moz-linear-gradient(top,#f0f9f2,#f0f9f2,#d8ebda); /* For Firefox 3.6 to 15 */
	    background:linear-gradient(top,#f0f9f2,#f0f9f2,#d8ebda); /* Standard syntax */
	}
	
	.esriLayerList .esriSliderLabels {
	/* Layer List: Slider Numbers Container */
		height:auto;
		color:#737373;
		font-weight:bold;
	}
	
	.esriContainer .esriLayer .esriTabContainer {
	/* Layer List: Layer Slider */
		padding:0px 8px 8px 8px;
	}
	
	.esriLayerList .esriContainer .esriTitleContainer {
		border:0;
		color:#000;
	}
	
	.esriLayerList .esriContainer .esriLabel {
	/* Layer List: Layer Label */
		float:left;
		font-weight:normal;
		display: block;
		padding:0 0 0 5px;
		margin:0px;
		word-wrap:break-word;
		width:75%;
		color:#4d4d4d;
	}
	
	esriList { }
	
	.esriListVisible .esriLabel {
	/* Layer List: Layer Label ( when checked ) */
		padding:0 0 0 5px;
		width:65% !important; 
		color:#cc5200 !important; 
	} 
	
	.esriLayerList .esriHasTabContent.esriHasButton .esriLabel{
		padding-right: 15px;
	}
	
	.esriLayerList .esriContainer .esriCheckbox {
		float:left;
		height:16px;
		width:16px;
		padding:0px;
		margin:0px;
	}
	
	.esriLayerList .esriToggleButton {
	/* Layer List: Open/Close Button Area */
		float:left;
		height:auto;
		width:auto;
		line-height:auto;
		margin:0 0 0 3px;
		padding:0px;
		cursor:pointer;
		text-align:left;
		padding:0px;
		width:16px;
		height:16px;
		outline:none;
	}
	
	.esri-icon-right:before {
	/* Layer List: Button Closed */
		content: '';
		background:url("/static/images/plus_sign.png");
		width:100%;
		height:100%;
		display:block;
	}
	
	.esri-icon-down:before {
	/* Layer List: Button Opened */
		content: '';
		background:url("/static/images/minus_sign.png");
		width:100%;
		height:100%;
		display:block;
	}
	
	.esriLayerList .esriTabSelected {
	/* slider: body */
		padding:0;
		margin:0;
	} 
	
	.esriLayerList .dijitSlider {
	/* slider: line width */ 
		width:100%;
	} 
	
	.esriLayerList .esriSliderLabels {
	/* slider: labels width */
		width:calc(100% - 26px);
	} 
			
	.dijitSliderProgressBarH {
	/* slider: bar area - filled */
		border-color:#375e27;
		background-color:#77cc56;
		height:8px;
	}
	
	.dijitSliderLeftBumper {
	/* slider: bar background left bumper */
		border-color:#375e27;
		background-color:#77cc56;
		height:8px;
		border-radius:4px 0 0 4px;
	}
	
	.dijitSliderRightBumper {
	/* slider: bar background right bumper */
		border-color:#375e27;
		background-color:#375e27;
		height:8px;
		border-radius:0 4px 4px 0;
	}
	
	.dijitSliderBarContainerH {
	/* slider: bar background */
		border-color:#375e27;
		background-color:#375e27;
		height:8px;
	}
	
	.dijitSliderRemainingBarH {
	/* slider: bar area - remaining to fill */
		border-color:#375e27;
		background-color:#375e27;
		height:8px;
	}
	
	.dijitSliderMoveable div, .dijitSliderMoveableH div {
	/* slider: handle */
		width:16px;
		height:16px;
		border:0;
		top:-5px; 
		border-radius:5px;
		outline:none;
		background:url("http://findicons.com/files/icons/1620/crystal_project/16/mini_circle.png");
	}
	
	.dijitSliderThumbFocused {
	/* slider: handle focused */
		border-color:red;
		background-color:red;
	}
	
	.dijitSliderImageHandle, .dijitSliderImageHandleH {  }


/* LEGENDS */
	
	.esriLegendService {
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		border:1px solid #d8ebda;
		margin:7px 4px;
		border-radius: 5px;			
		background:#f0f9f2; /* For browsers that do not support gradients */
	    background:-webkit-linear-gradient(top,#f0f9f2,#d8ebda); /* For Safari 5.1 to 6.0 */
	    background:-o-linear-gradient(top,#f0f9f2,#d8ebda); /* For Opera 11.1 to 12.0 */
	    background:-moz-linear-gradient(top,#f0f9f2,#d8ebda); /* For Firefox 3.6 to 15 */
	    background:linear-gradient(top,#f0f9f2,#d8ebda); /* Standard syntax */
	    max-width:300px !important;/* max-width:300px; */ /* auto !important --- calc(20% - 20px) */
	    min-width:150px !important;
	    width:auto !important;
	    display:inline-block !important;
	    vertical-align:top;
	    font-size:0.6em;
	}
	
	#legendDiv_layer0 {
		display:none !important;
	}
	
	#legendDiv_layer1 {
		display:none !important;
	}
	
	.esriLegendServiceLabel {
		display:block;
		color:#cc5200;
		text-weight:bold;
		font-size:1.2em;
		/* max-width:140px; */
		width:auto !important;
		word-wrap:break-word;
	}
	
	.esriLegendService table + div {
		padding:0;
		font-weight:bold;
		color:#4d4d4d;
	}
	
	.esriLegendService > :first-child { float:left !important; width:40% !important; max-width:80px; vertical-align:top; }
	
	.esriLegendService > :first-child + div { float:left !important; max-width:50%; vertical-align:top }
	
	.esriLegendLayer td:first-child + td table { width:95% !important; }
		
	.esriLegendMsg {
		padding-left:10px;
		padding-top:5px;
		font-size:0.9em;
		color:#737373;
		font-weight:bold;
	}
	
	.esriLegendLayer { width:100%; /* 100% !important */ }
	
	/* SPECIAL */
	#legendDiv_Hospitals { max-width: 400px;  }	
	#legendDiv_Hospitals > :first-child { width:65px !important; }
	#legendDiv_Hospitals > :first-child + div { max-width:100% !important; }
	
	#legendDiv_Total_Potential_Healthcare_Exchange_Eligibles_by_County { max-width: 200px;  }
	#legendDiv_Total_Potential_Healthcare_Exchange_Eligibles_by_County > :first-child { max-width:40% !important; }
	#legendDiv_Total_Potential_Healthcare_Exchange_Eligibles_by_County > :first-child + div { width:50% !important; }
	
	#legendDiv_Total_Potential_Medicaid_Beneficiaries_by_County { max-width: 230px;  }
	#legendDiv_Total_Potential_Medicaid_Beneficiaries_by_County > :first-child { max-width:40% !important; }
	#legendDiv_Total_Potential_Medicaid_Beneficiaries_by_County > :first-child + div { width:50% !important; }
	
	#legendDiv_Economic_Impact { max-width: 250px;  }
	#legendDiv_Economic_Impact > :first-child { max-width:40% !important; }
	#legendDiv_Economic_Impact > :first-child + div { width:50% !important; }
	
	#legendDiv_Aggregate_Summary { max-width: 250px;  }
	#legendDiv_Aggregate_Summary > :first-child { max-width:40% !important; }
	#legendDiv_Aggregate_Summary > :first-child + div { width:50% !important; }
	
	#legendDiv_Congressional_Districts { max-width: 150px; }
	#legendDiv_Congressional_Districts > :first-child { max-width:40% !important; }
	#legendDiv_Congressional_Districtss > :first-child + div { width:50% !important; }
	
	#legendDiv_Primary_Care_HPSA { max-width: 200px; } #legendDiv_Primary_Care_HPSA > :first-child { max-width:40% !important; }
	
	#legendDiv_Dental_Care_HPSA { max-width: 200px; } #legendDiv_Dental_Care_HPSA > :first-child { max-width:40% !important; }
	
	#legendDiv_Mental_Health_HPSA { max-width: 200px; } #legendDiv_Mental_Health_HPSA > :first-child { max-width:40% !important; }
	

	.dijitTooltipContainer {
		border-radius: 8px;
		padding: 8px 10px;
		background: #fff;
		border: solid 2px #ff3300;
		color: #000;
		width: 150px;
		text-align: center;
	}

#deskPanelLegend .deskPanelArea,
#legendDiv {
	height: auto !important;
	max-height: 220px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	display: block !important;
	width: 100% !important;
	padding: 6px 10px !important;
	box-sizing: border-box !important;
}

.custom_legend_card {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	float: left !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 10px 8px 0 !important;
	padding: 5px 12px !important;
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
}

.custom_legend_title {
	font-weight: 700 !important;
	color: #0f4c81 !important;
	font-size: 12px !important;
	margin-right: 6px !important;
	white-space: nowrap !important;
}

.custom_legend_symbol {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}


#legendDiv *,
#legendDiv .esri-legend__service,
#legendDiv .esri-legend__layer,
#legendDiv .esri-legend__layer-body,
#legendDiv .esri-legend__layer-table,
#legendDiv .esri-legend__layer-child-table,
#legendDiv .esri-legend__layer-cell,
#legendDiv tr,
#legendDiv td,
#legendDiv hr {
	border-bottom: none !important;
	border-top: none !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

#legendDiv .esri-legend {
	display: block !important;
	width: 100% !important;
	background: transparent !important;
}

#legendDiv .esri-legend__service {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	float: left !important;
	width: auto !important;
	max-width: none !important;
	margin-right: 12px !important;
	margin-bottom: 8px !important;
	background: transparent !important;
	border-bottom: none !important;
}

#legendDiv .esri-legend__layer {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 4px 8px !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 4px 10px !important;
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
	white-space: nowrap !important;
}

#legendDiv .esri-legend__layer-body,
#legendDiv .esri-legend__layer-table,
#legendDiv .esri-legend__layer-child-table,
#legendDiv table.esri-legend__layer-table tbody {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 4px 8px !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: none !important;
}

#legendDiv .esri-legend__layer-caption,
#legendDiv .esri-legend__layer-title,
#legendDiv .esri-legend__service-label {
	display: inline-block !important;
	font-weight: 700 !important;
	color: #0f4c81 !important;
	font-size: 12px !important;
	margin-right: 6px !important;
	white-space: nowrap !important;
	border-bottom: none !important;
}

#legendDiv .esri-legend__layer-table tr,
#legendDiv .esri-legend__layer-row {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 4px !important;
	margin-right: 6px !important;
	white-space: nowrap !important;
	border-bottom: none !important;
}

#legendDiv .esri-legend__layer-cell--symbol,
#legendDiv td.esri-legend__layer-cell--symbol {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 4px 0 0 !important;
	vertical-align: middle !important;
}

#legendDiv .esri-legend__layer-cell--label,
#legendDiv td.esri-legend__layer-cell--label {
	display: inline-flex !important;
	align-items: center !important;
	font-size: 12px !important;
	color: #1e293b !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
}

/* Floating Single-Line Tool Button Bar */
.mainTools {
	width: fit-content !important;
	max-width: 100% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	padding: 4px 16px !important;
	border: 1px solid rgba(255, 255, 255, 0.8) !important;
	border-radius: 30px !important;
	box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
	margin: 0 auto 10px auto !important;
	text-align: center !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
}

#mainToolsBtns {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	white-space: nowrap !important;
}

.mainTools .toolMainBtn {
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	margin: 0 1px !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--portal-brand, var(--primary-brand, #0f4c81)) !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
}

.mainTools .toolMainBtn i,
.mainTools .toolMainBtn .fas,
.mainTools .toolMainBtn .fa {
	font-size: 16px !important;
}

/* Map Overlay Zoom Buttons (Left Hand Side Bold White Icons Targetting ::before) */
.esri-ui-top-left .esri-zoom,
.esri-zoom,
.esri-ui-top-left .esri-component.esri-zoom {
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.3) !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	border: 1.5px solid #ffffff !important;
}

.esri-zoom .esri-widget--button,
.esri-ui .esri-zoom .esri-widget--button,
.esri-widget--button.esri-zoom__button {
	background-color: var(--portal-brand, var(--primary-brand, #0f4c81)) !important;
	color: #ffffff !important;
	width: 40px !important;
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.esri-zoom .esri-widget--button *,
.esri-zoom .esri-widget--button *::before,
.esri-zoom .esri-widget--button ::before,
.esri-zoom .esri-widget--button span,
.esri-zoom .esri-widget--button [class*="esri-icon"],
.esri-zoom .esri-widget--button .esri-icon,
.esri-zoom .esri-icon-plus::before,
.esri-zoom .esri-icon-minus::before {
	color: #ffffff !important;
	fill: #ffffff !important;
	stroke: #ffffff !important;
	font-weight: 900 !important;
	-webkit-text-stroke: 1.5px #ffffff !important;
	font-size: 22px !important;
	line-height: 1 !important;
}

.esri-zoom .esri-widget--button:hover {
	background-color: var(--portal-brand-hover, var(--primary-brand-dark, #0369a1)) !important;
}

.esri-zoom .esri-widget--button:hover *,
.esri-zoom .esri-widget--button:hover *::before {
	color: #ffffff !important;
	fill: #ffffff !important;
	stroke: #ffffff !important;
}

.esri-zoom .esri-widget--button:focus,
.esri-zoom .esri-widget--button:focus-within,
.esri-zoom .esri-widget--button:focus-visible,
.esri-zoom .esri-widget--button:active,
.esri-zoom .esri-widget--button[aria-pressed="true"] {
	background-color: var(--portal-brand, var(--primary-brand, #0f4c81)) !important;
	outline: none !important;
	box-shadow: none !important;
}






#identify_options .btn {
	padding: 4px 10px !important;
	font-size: 12px !important;
	border-radius: 6px !important;
	line-height: 1.2 !important;
}

#identify_options .btn i {
	font-size: 13px !important;
}