body {
	overflow: hidden;
}
#wrapper{
 position: absolute;
 width: 100%;
 height: 100%;
}
#mapwin {
 overflow: hidden;
}
#layerControl{
	width: 200px;
	float: left;
	z-index: 1;
    overflow-y: auto;
}
.layerControl-free{
	position: absolute;
}
#layersComponent .panel-body{
 cursor: pointer;
}
.layerControl-locked{
	position: relative;
	z-index: 3;
	width: 200px;
	overflow: hidden;
	background-color: white;
	height: 100%;
 	position: relative;
    box-shadow: 3px 0 4px 0 rgba(0, 0, 0, 0.4);
}
.hide-left {
	left: -200px;
}
.show-left {
	left: 0px;
}
.button-layerControl{
	right: 20px;
	top: 20px;
	float: right;
}

.layer-control_active{
	-webkit-box-shadow:        
		inset 0px 11px 8px -10px rgba(0,0,0,0.4),
        inset 0px -11px 8px -10px rgba(0,0,0,0.4); 
	-moz-box-shadow:        
		inset 0px 11px 8px -10px rgba(0,0,0,0.4),
        inset 0px -11px 8px -10px rgba(0,0,0,0.4); 
	box-shadow:        
		inset 0px 11px 8px -10px rgba(0,0,0,0.4),
        inset 0px -11px 8px -10px rgba(0,0,0,0.4); 
	background-color: #eaecea;
}
.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));
  border: 1px solid rgba(0,0,0,0.4)ccc;
  bottom: 12px;
  left: -50px;
  min-width: 280px;
}
.ol-popup:after, .ol-popup:before {
  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: rgba(0,0,0,0.4)ccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
#popup-content > .panel {
	margin-bottom: 0px;
	border: 0px;
}
#popup-content > .panel > .panel-body {
	padding: 0px;
}
.getFeatureInfo_columnTitle{
	background-color: #ccc;
	font-weight: bold;
}
.getFeatureInfo_columnValue{
	text-indent: 15px;
}
.getFeatureInfo_layerTableDiv{
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
.getFeatureInfo_headingText{
	width: 95%;
}
#getFeatureInfo_backButton{
	width: 10%;
	float: left;
}
.getFeatureInfo_columnValue > td {
	padding-right: 15px;
}
.getFeatureInfo_headingDiv {
	height: 40px;
	padding: 10px 0px 10px 10px;
}
.getFeatureInfo_selectObject{
	text-indent: 15px;
}
.getFeatureInfo_selectObject:hover{
	background-color: #ccc;
	cursor: pointer;
}
.address-search{
	position: absolute;
	top: 20px;
	right: 20px;
    width: 40vh;
}
.address-search button{ 
    padding: 11 16;
    background-color: #175387;
    border: #175387 solid;
}
#list-wrap{
    overflow-y: auto;
}
.address-search input{
    font-size: 14px;
}
.loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}