.layer-switcher.shown.ol-control {
    background-color: transparent;
	 z-index: 99999 !important;
}

.layer-switcher.shown.ol-control:hover {
    background-color: transparent;
}

.layer-switcher {
    position: absolute;
    top: 3.5em;
    right: 0.5em;
    text-align: left;
}

.layer-switcher.shown {
    bottom: 3em;
}

.layer-switcher .panel {
    padding: 0 1em 0 0;
    margin: 0;
    border: 4px solid #eee;
    border-radius: 4px;
    background-color: white;
    display: none;
    max-height: 100%;
    overflow-y: auto;
	    min-width: 250px;
}

.layer-switcher.shown .panel {
    display: block;
}

.layer-switcher button {
    /*
	float: right;
    width: 38px;
    height: 38px;
	*/
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACmUlEQVRIiZWUQUhUURSGvzdIiIhEiEi4iIiIcCHSopULkRYRLiIiJKRFi5CIEBctQohw4SoiwkW0EBchIhIRMgsRV+FCiNKyIkLFQIRKajAZ5vwt7hnnOc2beR64vMvlnf+e/z//uRGpQkdBo8AliFaBVWAF9AGideA7RH8rZUY1gAG1QzQOdFb4wYA/wC/gM7AMWgHe+cU/aoBbH2gbTKBDLBPoJ2gmCbwR7ClYPvxsscS0e1PCBXYaNH+4iiuyeBl6d7Dyi6CNFPRrMNAkWFMcuB40DFZITz9xjYPqisgRqBUYA3qBTJWup4114C1oGaIsoIXqUqTezwWLai/GeAPQPdDHkmMOLdEu2KBLnQHd8fPfoGv4MDWCzoKG3L9l1SWuHNhNB67z/D3HuBywS41uAcuCCmG4dAM0CHoFtlNBll3QFQcH9ACUB+2AesKQB2BA3WBrnjwPOlFm3yOg8y7nLNhSAAGwetCjmJSPQZ1gLeFybMBvFWiiwnCUhWVADV5YA9gzZ12ISbcL2gJ7Aeh9jP5mkERDoI64n/8P1YNNBWD74rL0gY3FZFwAdBzslv/8LQzbvkO2waZBA4G2Ghy8GWzWgRZBbX7eBrbo51nQsXhFGdDVmFxfnWY+RnsNNOmgxX4dd+lOgpb8fKYcvA50N3haedAT17kZ1AV238FyMfrZUr90CuyTyzxVYlqy57QnbjmLKrqrG9Qf9gA6FybWCqCx4LiDSXOx7j8H6wQ1xXxcJdQF2nQHjZYuPRA24pUXfVxw/SdD83WmMiP1ECY2D3ronk8Ky4B1gA2BXntV8fdnA2wiPAvWDtYPlvN36HaypImXFZurYbCFYNf9QcqB7YWvrteoPE0IsFawC6ARsDeBkXrTZP8DyZqo4nU6kfkAAAAASUVORK5CYII=");
/*
	background-repeat: no-repeat;
    background-position: 2px;
    background-color: white;
    border: none;
*/
background-repeat: no-repeat;
background-color: white;
    border-radius: 30px;
    border-style: solid;
    border-color: #0245b1;
    border-width: 2px;
    padding: 5px;
	height: 40px;
    width: 40px;

	background-position: center;
}
.ol-control{
	background-color:rgba(255,255,255,0);
}

.layer-switcher.shown button {
    display: none;
}

.layer-switcher button:focus, .layer-switcher button:hover {
    background-color: white;
}

.layer-switcher ul {
    padding-left: 1em;
    list-style: none;
}

.layer-switcher li.group {
    padding-top: 5px;
}

.layer-switcher li.group > label {
    font-weight: bold;
}

.layer-switcher li.layer {
    display: table;
}

.layer-switcher li.layer label, .layer-switcher li.layer input {
   /* <!-- display: table-cell; -->*/
    display: inline;
    vertical-align: sub;
}

.layer-switcher label.disabled {
    opacity:0.4;
}

.layer-switcher input {
    margin: 4px;
}

.layer-switcher.touch ::-webkit-scrollbar {
    width: 4px;
}

.layer-switcher.touch ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.layer-switcher.touch ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}


.gg-menu-boxed {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
	margin-left:2px;
    transform: scale(var(--ggs,1));
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid;
}
.gg-menu-boxed::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    border-radius: 3px;
    top:2px;
    left: 2px;
    box-shadow: 0 4px 0, 0 8px 0
}

.gg-toolbox {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
	margin-left:10px;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 16px;
    border: 2px solid;
    border-radius: 2px
}
.gg-toolbox::after,
.gg-toolbox::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute
}
.gg-toolbox::before {
    border: 2px solid;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    left: 4px;
    width: 10px;
    height: 4px;
    top: -5px
}
.gg-toolbox::after {
    width: 18px;
    height: 2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    box-shadow:
        0 -2px 0,
        inset 4px 0 0,
        inset -4px 0 0;
    top: 4px
}

.documentsLegend{
	text-decoration:underline;
	color:blue;
	cursor:pointer;
	
	
}
.palgroupHeaderMinimised{
	color:red;
	cursor:pointer;
}
.palgroupHeader{
	color:blue;
	cursor:pointer;
	
}