﻿html,
body,
#viewDiv {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	/*--calcite-color-brand: rgba(0,0,0,0);*/
}


.scrollSection {
	overflow: scroll;
	width: inherit;
	height: 300px;
	overflow-x: hidden;
	padding: 0.3em;
}

#sketchVM-controls {
	width: 125%;
	height: 300px;
}

#sitecheckPanel {
	width: 350px;
	height: auto;
	z-index: 99;
	top: 50px;
	left: 70%;
	position: absolute;
}

#sketchPanel {
	width: 320px;
	height: auto;
	padding: 2px;
	z-index: 99;
	top: 50px;
	left: 70%;
	position: absolute;
}
#measurePanel {
	width: 280px;
	height: auto;
	padding: 2px;
	z-index: 99;
	top: 50px;
	left: 45%;
	position: absolute;
}


#headingBlockAdddata {
	padding-left: 1em;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
#headingAdddata {
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
}
#headingBlock {
	padding-right: 2em;
}

#headingBlock1 {
	padding-right: 7em;
}

#divextenttools {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

#topbar {
	padding-left: 7em;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

#bufferNum {
	width: 210px;
}

#lblNullresults {
	padding-left: 3em;
}

.esri-widget--button.active,
.esri-widget--button.active:hover,
.esri-widget--button.active:focus {
	cursor: default;
	background-color: #999696;
}

	.esri-widget--button.active path,
	.esri-widget--button.active:hover path,
	.esri-widget--button.active:focus path {
		fill: #E4E4E4;
	}

#selectLayer {
	margin: 3px;
}

#searchforFeature {
	font-weight: normal;
	font-size: 10px;
	height: 500px;
}

.findresultcontainer {
	height: 250px;
	width: 100%;
}

#printPanel {
	font-weight: normal;
	font-size: 10px;
	width: 300px;
	max-height: 250px;
}

#overviewDiv {
	width: 150px;
	height: 125px;
	border: 1px solid black;
	z-index: 1;
	overflow: hidden;
}

#extentDiv {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 2;
}

#searchforLayer {
	font-weight: normal;
	font-size: 10px;
	width: 550px;
	height: 300px;
}

.searchlayerResultcontainer {
	height: 300px;
	width: 100%;
}

#dataVisiblityTool {
	font-weight: normal;
	font-size: 10px;
	width: 450px;
	height: 450px;
}

.datavisiblitytbl {
	height: 95%;
	width: 100%;
}

.esri-widget {
	font-size: 12px;
}
.esri-ui-corner .esri-expand .esri-widget--panel, .esri-ui-corner .esri-expand .esri-widget--panel-height-only, .esri-ui-corner .esri-component > .esri-widget--panel, .esri-ui-corner .esri-component.esri-widget--panel {
	width: 400px;
}
.siteCheckLayerHeader {
	width: 100%;
	background: LightGreen;
	font-weight: bold
}

.siteCheckResultRuler {
	clear: both;
	width: 100%;
	background-color: #d1d1d1;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px
}

.siteCheckAttributeTitle {
	display: inline-block !important;
	vertical-align: text-top;
	width: 40%;
	min-width: 40%;
	font-weight: bold;
	margin-bottom: 3px
}

.siteCheckAttributeResult {
	display: inline-block !important;
	vertical-align: text-top;
	width: 60%;
	min-width: 60%;
	margin-bottom: 3px
}

.siteCheckAttributePair {
	overflow: auto
}
.sitecheckbuffer {
	display: inline-block;
}
.esri-measurement-widget-content {
	position: fixed;
	bottom: 5px;
	right: 5px;
}


#divXYLocation {
	background-color: white;
	opacity: 0.75;
	color: black;
	font-size: 8pt;
	padding: 1px;
}
#whereamispan {
	display: inline-block !important;
	width: 70px;
}

/*#divProjection_Mapscale {
	position: absolute;
	top: 10px;
	left: 85%;
	height: auto
}*/
/*		vaadin-grid-cell-content {
			font-size: .575rem !important;
		}*/
