body {
	padding: 0;
  margin: 0;
}
html, body, #map, #wrapper2 {
	height: 100%;
	width: 100%;
	background: white;
	font-family: 'PT Sans', sans-serif;

}
canvas {
	max-width: 100%;
	max-height: 100%;
	transform-origin:left top;
}
#map {
	z-index: 1;
}
#subscribeModal{
	z-index: 2500;
}
sl-button::part(base){
	background-color: rgb(0, 130, 202);
}
sl-button::part(base):hover, sl-button::part(base):active, sl-button::part(base):focus {
	background-color:rgb(2, 85, 130);
}
#legend {
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 2;
	border: 1px solid black;
	height: 300px;
	visibility: hidden;
}
#loader {
	bottom: 0;
	height: 175px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 175px;
	z-index: 3;
}
#loader .dot {
	bottom: 0;
	height: 100%;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 87.5px;
}
#loader .dot::before {
	border-radius: 100%;
	content: "";
	height: 87.5px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scale(0);
	width: 87.5px;
}
#loader .dot:nth-child(7n+1) {
	transform: rotate(45deg);
}
#loader .dot:nth-child(7n+1)::before {
	animation: 0.8s linear 0.1s normal none infinite running load;
	background: #00aaff none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+2) {
	transform: rotate(90deg);
}
#loader .dot:nth-child(7n+2)::before {
	animation: 0.8s linear 0.2s normal none infinite running load;
	background: #e1261c none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+3) {
	transform: rotate(135deg);
}
#loader .dot:nth-child(7n+3)::before {
	animation: 0.8s linear 0.3s normal none infinite running load;
	background: #0040ff none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+4) {
	transform: rotate(180deg);
}
#loader .dot:nth-child(7n+4)::before {
	animation: 0.8s linear 0.4s normal none infinite running load;
	background: #330000 none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+5) {
	transform: rotate(225deg);
}
#loader .dot:nth-child(7n+5)::before {
	animation: 0.8s linear 0.5s normal none infinite running load;
	background: #990000 none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+6) {
	transform: rotate(270deg);
}
#loader .dot:nth-child(7n+6)::before {
	animation: 0.8s linear 0.6s normal none infinite running load;
	background: #0082ca none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+7) {
	transform: rotate(315deg);
}
#loader .dot:nth-child(7n+7)::before {
	animation: 0.8s linear 0.7s normal none infinite running load;
	background: #e60000 none repeat scroll 0 0;
}
#loader .dot:nth-child(7n+8) {
	transform: rotate(360deg);
}
#loader .dot:nth-child(7n+8)::before {
	animation: 0.8s linear 0.8s normal none infinite running load;
	background: #2a00ff none repeat scroll 0 0;
}
#loader .loader {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	bottom: -40px;
	height: 20px;
	left: 0;
	position: absolute;
	right: 0;
	width: 180px;
}
nav.toTop{
	text-align:center;
}

div.mailBtn, div.commInfo{
	display:flex;
	align-items: center;
	justify-content: center;
}
div.ol-scale-line.ol-unselectable {
	left: auto;
	right: 20px;
	background-color: rgba(225, 38, 28, 0.7)
}
.ol-scale-line-inner {
	color:white;
}
div.sidebar-tabs {
	background-color: rgba(0, 130, 202, 0.7);
}
div.sidebar-tabs ul li:hover {
	background-color: rgb(0, 130, 202);
}
div.sidebar-tabs ul li:focus {
	background-color: rgb(0, 130, 202);
}
.side {
	min-height: 24px;
}
h1.sidebar-header, .sidebar-tabs>li.active, .sidebar-tabs>ul>li.active, li#l1.active, li#l2.active, li#searchBarBtn.active, li.printLB.active a, li.info.active a {
	background-color: rgb(0, 130, 202);
}
h1, h4 {
	font-family: 'Raleway', sans-serif;
}
h4.main {
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	font-size:20px;
	padding-top:5px;
}
img.seal {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
}
div#mainAddress {
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
	vertical-align: middle;
}
h5, p, div#mainAddress {
	font-size: 16px;
}
h1#top.sidebar-header {
	padding-left: 40px;
}
h1.sidebar-header {
	padding-left: 40px;
}
p.lorem {
	padding-top: 20px;
}
a {
	color: rgb(0, 130, 202);
}
ul {
	list-style-type: none;
}

h4.modal1{
	color:black;
}
.modBtn{
	background-color:rgb(0,130,202);
	color:white;
}
.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
    z-index:1000;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "✖";
}
.checkbox.checbox-switch {
	padding-left: 0;
	padding-bottom: 5px;
}
.checkbox.checbox-switch label, .checkbox-inline.checbox-switch {
	display: inline-block;
	position: relative;
	padding-left: 0;
}
.checkbox.checbox-switch label input, .checkbox-inline.checbox-switch input {
	display: none;
}
.checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span {
	width: 35px;
	border-radius: 20px;
	height: 22px;
	border: 1px solid #dbdbdb;
	background-color: rgb(255, 255, 255);
	border-color: rgb(223, 223, 223);
	box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
	transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before {
	display: inline-block;
	width: 16px;
	height: 18px;
	border-radius: 50%;
	background: rgb(255, 255, 255);
	content: " ";
	top: 0;
	position: relative;
	left: 0;
	transition: all 0.3s ease;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.checkbox.checbox-switch label>input:checked+span:before, .checkbox-inline.checbox-switch>input:checked+span:before {
	left: 17px;
}
.checkbox.checbox-switch label>input:checked+span, .checkbox-inline.checbox-switch>input:checked+span {
	background-color: rgb(180, 182, 183);
	border-color: rgb(180, 182, 183);
	box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
	transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label>input:checked:disabled+span, .checkbox-inline.checbox-switch>input:checked:disabled+span {
	background-color: rgb(220, 220, 220);
	border-color: rgb(220, 220, 220);
	box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
	transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label>input:disabled+span, .checkbox-inline.checbox-switch>input:disabled+span {
	background-color: rgb(232, 235, 238);
	border-color: rgb(255, 255, 255);
}
.checkbox.checbox-switch label>input:disabled+span:before, .checkbox-inline.checbox-switch>input:disabled+span:before {
	background-color: rgb(248, 249, 250);
	border-color: rgb(243, 243, 243);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
label, .tip {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
}
select#type {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-top: 5px;
	border-radius: 5px;
}
div#info.sidebar-pane.active {
	padding-left: 0px;
}
div#housePic.housepic {
	padding: 5px;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
}
img#picheight {
	width: 90%;
	display: block;
	margin: auto;
	border-radius: 5px;
}
div img#picheight2 {
	width: 200px;
	height:150px;
	display: block;
	margin: auto;
	border-radius: 5px;
}
#picheight3, .picheight3{
	height:150px;
}
div.label-list {
	width: 50px;
}
a.listlink {
	height: 40px;
	display: table-cell;
	padding: 13px 0;
	text-decoration: none;
	text-align: center;
	color: rgb(0, 130, 202);
	cursor: pointer;
	margin: 0 auto;
	padding-left: 20px;
}
a.listlink.d-print-none {
	padding-left: 0px;
}
div.listrow {
	display: block;
	width: 100%;
	padding: 10px 0px 0px 0px;
	margin-left: 20%;
}
h5 {
	text-align: center;
}
div#weblinks {
	display: block;
	width: 100%;
	margin: auto;
}
img.d-print-none.infoSVG {
  min-height: 32px;
}
.ol-dragbox {
	border-color: rgb(0, 130, 202);
	border-width: 4px;
}
.tableSep {
	border-bottom: 1px solid black;
}
.headings {
	text-decoration: underline;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.toTop {
	padding-top: 5px;
	padding-bottom: 10px;
}
.ui-menu, .ui-widget-content {
	z-index: 2000;
	color: black;
	background: white;
	height: 88%;
	width: 350px;
	overflow: auto;
}

.ui-menu-item:hover h6.noLines.ui-menu-item-wrapper {
	border:0;
}
.ui-widget-content .ui-state-active {
  	color: #0082ca;
	background: white;
}
.ui-menu-item {
	font-family: 'PT SANS', sans-serif;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
}
.ui-menu-item:hover{
  	color: #0082ca;
  	background: white!important;
	  font-family: 'PT SANS', sans-serif;
	  font-size: 16px;
	  padding-left: 5px;
	  padding-right: 5px;
}
input.auto.ui-autocomplete-input, .auto1, #jump, .auto2, .auto3, .auto4 {
	border-radius: 5px;
	width: 325px;
	outline-color: #e1261c;
	height: 40px;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
}
.ol-control.ol-bar .ol-control button {
	background: rgba(0, 130, 202, .8);
	box-shadow: 3px 4px 3px 0px grey;
	margin-left: 5px;
}
.ol-control.ol-bar .ol-control button:hover {
	background-color: rgb(0, 130, 202);
}
.ol-control.ol-bar .ol-toggle.ol-active, .ol-control.ol-bar .ol-toggle.ol-active:hover {
	background-color: rgba(225, 38, 28, 0);
}
.ol-control.ol-bar .ol-toggle.ol-active button:hover, .ol-control.ol-bar .ol-toggle.ol-active>button {
	background-color: rgba(225, 38, 28, 0.9);
}
.highlightText {
	color: #e1261c;
}
ul.printList {
	padding-left: 0px;
}
.tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.7;
	white-space: nowrap;
}
.tooltip-measure {
	opacity: 1;
	font-weight: bold;
}
.tooltip-static {
	background: rgba(0, 0, 0, 0.5);
    color: white;
    opacity:1;
    border-radius: 4px;
	font-weight: bold!important;
	font-size: 14px;
}
.tooltip-measure:before, .tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}
.tooltip-static:before {
	border-top-color: white;
}
.dropIcon {
	height: 24px;
	width: 24px;
}
.tag {
	transform: rotate(135deg);
}
#export-png, #print, #divPrint, #sidePrint, #divPrint2, #clearBtn, #quest {
	margin-top: 10px;
	box-shadow: 3px 4px 3px grey;
}
#mailBtn1, #mailBtn2, #mailBtn3, #mailBtn4{
	margin-bottom:10px;
	box-shadow: 3px 4px 3px grey;
}
#clearBtn, #quest {
	margin-left:20px;
	padding:2px 4px;
}
button.btn.btn-xs.commBtn {
	padding: 2px 2px;
    margin-bottom: 10px;
    border: 0;
	color:#0082ca;
}
h6.commBtn{
	text-align: center;
	color:#0082ca;
	font-style:italic;
}
.btn-lg, .btn-sm, .btn-xs {
	border-color: grey;
	background-color: #f8f8f8;
	color: black;
}
.btn-lg:hover, .btn-sm:hover, .btn-xs:hover {
	background-color: rgba(225, 38, 28, .7);
	border: 1px solid rgb(225, 38, 28);
}
.btn-lg:focus, .btn-sm:focus, .btn-xs:focus {
	background-color: rgb(225, 38, 28);
	outline: none;
}
div.ol-search.ol-unselectable.ol-control {
	left: 600px;
	visibility: hidden;
}
div.ol-unselectable.ol-control.ol-bar {
	width: 100%;
}
#info1, .hideDesk {
	visibility: hidden;
}
.ol-control button {
	height: 3em;
	width: 3em;
}
#jump {
	margin-top: 10px;
}
div.form-group {
	margin-bottom: 0px;
}
div.ol-zoom.ol-unselectable.ol-control {
	right: 8px;
	left: auto;
	font-size: 10px;
}
button.ol-zoom-out, button.ol-zoom-in, button.ol-zoom-out:focus, button.ol-zoom-in:focus {
	background-color: rgba(0, 130, 202, 0.5);
	color:white;
}
button.ol-zoom-out:hover, button.ol-zoom-in:hover {
	background-color: rgb(0, 130, 202);
}
.dontUse3 {
	display: none;
}
.dontUse {
  display: none;
}
hr  {
    border: 0!important;
    height: 1px!important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))!important;
	padding:0;
}
li.ui-menu-item hr {
	border-top: 1px solid gray!important;
	background-image:none!important;
}
/* li.ui-menu-item hr:hover{
	margin-bottom:30px;
	padding-bottom:100px;
} */
a.dropdown-toggle{
    color:#2d2a32;
    height:100%;
    display:flex;
}
a.dropdown-toggle:hover {
    text-decoration:none;
}
a.dropdown-toggle::after {
    position:relative;
    top:50%;
}
#point, #line, #polygon, button.btn.btn-secondary.btn-sm, li.dropdown{
    height:100%;
    background-color:#ccdbdc;
    color:#2d2a32;
    border:1px solid #ccdbdc;
    padding:4px;
    font-size:18px;
    font-weight:bold;
	text-shadow: 1px 1px 1px #9B9B9B;
	border-radius:4px;
}
ul#polygon.dropdown-menu.show, ul#line.dropdown-menu.show, ul#point.dropdown-menu.show {
    height:auto;
}
#point:hover, #line:hover, #polygon:hover, #edit:hover, #delete:hover, li.dropdown:hover, #off:hover{
    background-color:#eafeff;
    border:1px solid #eafeff;
}
#off, #edit {
	margin-bottom:10px;
}
#p1, #li1, #py1, #p1 a, #li1 a, #py1 a{
    background-color:rgb(250,25,139);
    color:#465155
}
#p2, #li2, #py2, #p2 a, #li2 a, #py2 a {
    background-color:rgb(62,195,0);
    color:#465155
}
#p3, #l3, #py3, #p3 a, #l3 a, #py3 a {
    background-color:rgb(255,0,34);
    color:#465155
}
#p4, #l4, #py4, #p4 a, #l4 a, #py4 a{
    background-color:rgb(236,220,201);
    color:#465155;
}
#p5, #l5, #py5, #p5 a, #l5 a, #py5 a {
    -webkit-appearance: none;
    background-color:rgb(0,157,220);
    color:#465155
}
#p6, #l6, #py6, #p6 a, #l6 a, #py6 a {
    background-color:rgb(136,0,68);
    color:#465155;
}
#p7, #l7, #py7, #p7 a, #l7 a, #py7 a {
    background-color:rgb(21,230,205);
    color:#465155
}
#p8, #l8, #py8, #p8 a, #l8 a, #py8 a {
    background-color:rgb(228,255,26);
    color:#465155
}
#p9, #l9, #py9, #p9 a, #l9 a, #py9 a{
    background-color:rgb(183,227,204);
    color:#465155
}
#p10, #l10, #py10, #p10 a, #l10 a, #py10 a {
    background-color:rgb(254,78,0);
    color:#465155
}
#pointDrop, #lineDrop, #polyDrop{
	width:75%;
	margin-bottom:10px;
}
h6.noLines{
	padding:0;
	margin:0;
}

@keyframes load {
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
@media(min-width:1023px) and (max-width: 1367px) {
	input.auto.ui-autocomplete-input, .auto1, #jump,  .auto2, .auto3, .auto4 {
		width: 295px;
		font-size: 15px;
	}
}
@media (min-width: 1000px) and (max-width: 1025px) {
	input#name {
		width: 300px;
	}
	div.listrow.d-print-none {
		margin-left: 60px;
	}
	#info1, .hideDesk {
		visibility: visible;
	}
	div.ol-unselectable.ol-control.ol-bar {
		width: 100%;
	}
	.ol-control button {
		height: 3em;
		width: 3em;
	}
	input.auto.ui-autocomplete-input, .auto1, #jump,  .auto2, .auto, .auto4 {
		width: 300px;
		font-size: 15px;
	}
}
@media (min-width: 750px) and (max-width: 800px) {
	div#searchBar.sidebar-pane.active {
		padding-left: 5px;
	}
	input#name {
		width: 250px;
		font-size: 14px;
	}
	div.listrow.d-print-none {
		margin-left: 20px;
	}
	#info1, .hideDesk {
		visibility: visible;
	}
	div.ol-unselectable.ol-control.ol-bar {
		width: 100%;
	}
	.ol-control button {
		height: 2em;
		width: 2em;
	}
	input.auto.ui-autocomplete-input, .auto1, #jump,  .auto2, .auto3, .auto4 {
		width: 250px;
		font-size: 13px;
	}
	a.listlink {
		padding-left: 5px;
	}
}
@media (max-width: 500px) {
	div#searchBar.sidebar-pane.active {
		padding-left: 5px;
	}
	input#name {
		width: 300px;
		font-size: 15px;
	}
	div#propertySummary {
		margin: 0 auto;
	}
	div.listrow.d-print-none {
		margin-left: 60px;
	}
	#info1, .hideDesk {
		visibility: visible;
	}
}
@media (max-width: 400px) {
	div#searchBar.sidebar-pane.active {
		padding-left: 5px;
	}
	input#name {
		width: 300px;
		font-size: 15px;
	}
	div#propertySummary {
		margin: 0 auto;
	}
	div.listrow.d-print-none {
		margin-left: 30px;
	}
	#info1, .hideDesk {
		visibility: visible;
	}
	div.ol-unselectable.ol-control.ol-bar {
		width: 100%;
	}
	.ol-control button {
		height: 2.5em;
		width: 2.5em;
	}
	input.auto.ui-autocomplete-input, .auto1, #jump,  .auto2, .auto3, .auto4 {
		width: 300px;
		font-size: 15px;
	}
	.checkbox.checbox-switch {
		padding-left: 0;
		padding-bottom: 10px;
	}
}
@media (max-width: 330px) {
	div#searchBar.sidebar-pane.active {
		padding-left: 5px;
	}
	input#name {
		width: 250px;
		font-size: 14px;
	}
	div.listrow.d-print-none {
		margin-left: 10px;
	}
	h1.sidebar-header.d-print-none {
		padding-left: 5px;
	}
	h1#top.sidebar-header {
		padding-left: 5px;
		margin-left: 0px;
	}
	#info1, .hideDesk {
		visibility: visible;
	}
	div.ol-unselectable.ol-control.ol-bar {
		width: 100%;
	}
	.ol-control button {
		height: 2em;
		width: 2em;
	}
	input.auto.ui-autocomplete-input, .auto1, #jump,  .auto2, .auto3, .auto4 {
		width: 250px;
		font-size: 13px;
		color: black;
	}
	.checkbox.checbox-switch {
		padding-left: 0;
		padding-bottom: 0px;
	}
	a.listlink {
		padding-left: 10px;
	}
	.needSpace {
		margin-top: 50px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.dontUse2 {
		display: none;
	}
	.dontUse3 {
		font-size: 15px;
		display: inline;
  }
  .dontUse {
    font-size: 20px;
    display: inline;
    margin-left: 50px;
  }
}