html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow:hidden;
}
/*
html, body, #map {
      padding:0;
      margin:0;
      height:100%;
      position:relative;
}*/

#map {
      padding:0;
      margin:0;
      position:relative;
	  height:100%;
}

#borderContainerMain/*, #mainBody*/ {
    width: 100%;
    height: 100%;
}

.message-box {
	position: absolute;
	width: 400px;
	left: 50%;
	margin-left: -200px;
	top: 50%;
	padding: 10px;
	background-color:white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.message-box-close{
	float: right;	
	background-image: url('../resources/icons/close-button.png');
	background-repeat: no-repeat;	
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-size: 13px 13px;
}
.message-box-close:hover{
	background-image: url('../resources/icons/close-button-active.png');
}
.message-box-checkbox-cont{
	margin-top: 10px;
}
.message-box-checkbox{
	background-image: url('../resources/icons/checkbox.png');
	background-repeat: no-repeat;	
	width: 16px;
	height: 16px;
	cursor: pointer;
	float: left;
}
.message-box-checkbox.message-box-checkbox-on {
	background-image: url('../resources/icons/checkbox-on.png');
}
.message-box-checkbox-text{
	float: left;
	padding-left: 5px;
	font-family: "Avenir Next","Avenir","Helvetica Neue","Helvetica","Arial", sans-serif;
}

.message-box p {
	margin: 6px 0 6px 0;
	font-family: "Avenir Next","Avenir","Helvetica Neue","Helvetica","Arial", sans-serif;
}

@media (max-width: 767px) { 
	.message-box{
		width: 300px;	
		margin-left: -150px;	
	}
}

/*@media screen and (max-width: 767px), screen and (orientation:portrait) { */
@media screen and (max-width: 767px) { 

	#rightMapSelector,
	#leftMapSelector,
	#headerDesktop{
		display: none;
	}
	
	div#headerWrapper{
		height:40px;
	}

	div#header.dijitBorderContainerPane{
		z-index: 102;
	}
}

	#headerWrapper{
		height: 101px;
	}

	

	
@media screen and (max-height: 350px) { 
	div#selectorView.dijitContentPane,
	div#leftMobileSelector.dijitAccordionContainer,
	div#rightMobileSelector.dijitAccordionContainer
	{
		 overflow: scroll !important;
	}
}
	
/*
#hblogo {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAASCAMAAACaR4u6AAAAt1BMVEUAAAACAgIICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAADAwMAAAD9/f0AAAAGBgYAAAACAgICAgLr6+sGBgYBAQH5+fk1NTU0NDSNjY3m5ub19fV2dnZFRUVZWVn09PRYWFjl5eWKiorFxcUAAADt7e3x8fEoHx/j4+PU1NRDQ0NAQEBRUVGsrKyioqKmIidvb2+ysrJfX1+VlZWrq6vW1tZjFRddXV18GR0jIyOCgoKZmZn///+4Jyyx2QNnAAAAO3RSTlMALjUkDxoUAQQKHk37KFlCOiHgPkf1RWaBxfKIN3XpR9ehpnDp3k3Qu1wqVluo111si5GWzXaZnXFuTNF43twAAAM6SURBVHjafZWJctsgEIYLGByDEeiWb8f1GTtxm6RHunn/5+ovpNQaj9OdyWiBf/kIy66/BOvfDXpK9QZ3/f6XrvU7CzdVrULC2oXbFhh3PXk66VoWdmst7KBPJ1kvwKD6c3pQH5t9KDDJ+elPUHXtGjKQdkiLmtLsBoMX4FMiJnsYQKXEhr7FKqhaGRh2Tm8VLa3sRgf3CqI5IBaHGYTIxvBVtiBKm3gchW2oYlphqZH1cFXWr2nyTEsvFMLb6eCB0oX0Yj+kQ8qErIWI1FrD7amYb4kM4gcIhgoQBxVEtUzHwjKfren7PS0Nt3VIiI5jWUdcQYQbUhltU261UtoyXnAmtBbMlUTlYSFUHS3ShO7LrQdGKRkznh6Ph0O0pp+AQIUQKUP0YoHc3YLs15Tvztxafh7lNF+lnO3zwyvBkAkpsWuWECxZFUwI5lfJEKPxV0DyoCpG+ZTx834OfyR71xCbDSnYsHKuavwkc6tNCchwOPxmLcPBTYIBluZn748AYtRAxkG1XW1SV+Vh/hNI/lhOdjSOojHtqvIlp5UxUfSbKDIp59tfTz9MlNAkiiYJJca80ryKohkgzXVFJnNZZsqcRjPnWXz7uh6jIJlMKC+hfqGk3rOGOM7Tp/f391+YqExmZkQT/D3D7UBc6uY0W1EeOSTns8Q77s2O7h9pZDx3M8q/NhDjGf/xDnvCRJWlDqzHe/zPcC8Q4z0g319pb7gIxdC/hqR4wtwy10Acs/xwgfAuxH1A8gskPOHUZxeI+gRyZLFNG4i3gh0vkPT/19VCnDOAhOvi9tZ1xaHitfANhAv9AYnmuCHfTXxZrbGl2dP4uWwTPymRR2OgnZV4Nm/bW4kfaAZILDXb0fMLjZiWYkF5OPiKYOEJM+4SCrY5el8sg9tAojAoATHhCd+qE7Q+QKSSYkQvgAiUPSCovTdfrMaAaBmqcVPXwL9iXIZiNBt6S897+Ns5nbk/7jc3IKGJPzzgReAzZWz6gCai9BTVO7XCYmKqMTOo54qiQCeI27biCxiHyta9pIBexHFwp1dtBZS2c+KDYKnwNNrfIgXDB4i2r2shYq0uDbIeBpnUOji90CB1t0H+BXabiMfgVODkAAAAAElFTkSuQmCC') no-repeat scroll right center rgba(0, 0, 0, 0);
    *background: url("../images/hb_white.png") no-repeat scroll right center rgba(0, 0, 0, 0); /* For IE 6 and 7 
    height: 30px;
    position: absolute;
    left: 15px;
    bottom: -1px;
    width: 100px;
    z-index: 51;
}
*/


/* Drop down */



#rightMapSelector,
#leftMapSelector {
    position: absolute;
    z-index: 400;
    top: 0;
}
#rightMapSelector, #leftMapSelector
/*#rightMapSelector div, #leftMapSelector div*/
{
   /* min-width: 20em;*/
	max-width: 41%;
	overflow: hidden;
}
#rightMapSelector {
    right: 8%;
}
#leftMapSelector {
    left: 8%;
}
table.dijitMenuTable,
table.dijitMenuTable {
    min-width: 20em;
}
td.dijitMenuItemLabel{
	max-width: 18em;
	overflow: hidden;
}
td.tdDistinct{
	text-align:center;
    padding-left: 10px;
    padding-right: 10px;
	
}
.calcite tr.dijitMenuItem td.dijitMenuItemIconCell{
	padding-left: 5px;
    padding-right: 5px;
    width: 10px;
}
tr.selectedLyr{
	background-color:#e2f1fb !important;
	color: #4c4c4c !important;
	opacity: 1 !important;
}

td.tdDistinct:hover, td.tdDistinct a:hover, td.tdDistinct img:hover{
	cursor: pointer;
}

td.tdDistinct:hover {
	background-color:#aadbfa;
	
	/*box-sizing: border-box;
	border-style: solid;
	border-color: #0079c1;
	#e2f1fb*/
}

a{
	text-decoration: none;
}
#HomeButton {
	position: absolute;
	top: 90px;
	left: 15px;
	z-index: 30;
}
/*
div .banner{
	display: none !important;
}
*/

h3 .navbar{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
div.dijitAccordionChildWrapper div.dijitAccordionContainer-child{
	width: 100% !important;
}
.calcite div.dijitContentPane{
	padding: 0;
}

div.dijitAccordionContainer-child table.dijitMenuTable{
	width: 100%;
	min-width: 100%;
    /*height: inherit;*/
}

div#selectorView, #leftMobileSelector, #rightMobileSelector{
	display: block;
	/*height: 90%;*/
}

div#selectorView.selectorHidden, #leftMobileSelector.selectorHidden, #rightMobileSelector.selectorHidden{
	display: none !important;
}

div#map.mapHidden{
	display: none !important;
}

div#leftMobileSelector.dijitAccordionContainer, div#rightMobileSelector.dijitAccordionContainer{
	height: 100%;
}
div.dijitAccordionInnerContainerSelected  div.dijitAccordionChildWrapper, 
div.dijitAccordionInnerContainerSelected  div.dijitAccordionChildWrapper div.dijitAccordionContainer-child{
	    min-height: 50px;
		background-color: #f4f4f4;
}
span#rightSeleted1.rightLink, span#leftSeleted1.leftLink{
	    overflow: hidden;
		width: 36%;
		height: 30px
}
span#mapViewLink{
	width: 15%
}

#loadingOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #E5E5E5;
	-webkit-box-shadow: inset 0px 0px 82px 19px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 82px 19px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 82px 19px rgba(0,0,0,0.3);
}

@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

@keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
@-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }

#loadingOverlay.fadeOut {
	-webkit-animation: fadeout 1.1s;
	-moz-animation: fadeout 1.1s;
	-ms-animation: fadeout 1.1s;
	-o-animation: fadeout 1.1s;
	animation: fadeout 1.1s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

#loadingIndicator {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 700;
}

.loadingIndicator {
	margin-left: -17px;
	margin-top: -35px;
}

div#loadingScreen.loaded{
	display: none;
}
div#swipeDiv .vertical:before{
	background-color: #f8f8f8;
}