/*Place and size inset map divs*/
.akViewDiv, .hiViewDiv{
	width:200px;
	height:175px;
	padding: 0;
	margin: 0;
	background-color: #585a5e;	
	background-color: #585a5ed1;
	display:flex;
	transition: all .25s ease;
}
.minInset .akViewDiv, .minInset .hiViewDiv{
	display: none;
}
.insetContainer{
	position: relative;
	display: none;
}
.insetContainer.minInset{
	box-shadow: none;
}
.insetContainer.show{	
	display: block;
}
.insetToggle{	
    position: absolute;
    top: 0;
    right: 0;
    background: #29596f;
    padding: 2px 3px 1px 4px;
    color: white;
    text-shadow: 1px 1px 0px black;
    box-shadow: 2px 2px 3px black;
    border-radius: 7px;
    cursor: pointer;   
    text-align: center;
    transition: .25s all ease;    
    transform: translate(20%, -20%);
    z-index: 2;
}
.minInset .insetToggle{
	position: relative;
    display: inline;
    top: unset;
    bottom:0;
}
.insetToggle:hover{
 	font-size: 1.5em;
 	background: #193846;
 	color:white;
 	text-decoration: none;
}
.insetToggle:after{
	content: " \e60a";
    font-family: "CalciteWebCoreIcons" !important;
}
.minInset .insetToggle:after{
	content: " \e60d";
    font-family: "CalciteWebCoreIcons" !important;
}
.hiViewDiv:hover, .akViewDiv:hover{
	background-color: #585a5e;	
}
.akViewDiv .esri-ui, .hiViewDiv .esri-ui{
	overflow:visible;
}
.aboutDiv{
	font-size: 13pt;
	margin-right:5px;	
	padding-left:3px;
	padding-right:3px;
	text-align: center;
	border-left:1px solid #38393b;
	border-right:1px solid #38393b;
	height:49px;
}
.aboutDiv:hover{		
	background: #214556;
}
.aboutDiv a{
	color:white !important;	
}
@media only screen and (max-width: 900px){
	.akViewDiv, .hiViewDiv {
		width: 100px;
		height: 75px;
	}
}

@media only screen and (max-width: 700px){
	.akViewDiv, .hiViewDiv, .insetContainer{
		display:none !important;
	}