.legend-control.shown.ol-control {
    background-color: transparent;
}

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

.legend-control {
    position: absolute;
    top: 3.5em;
    right: 0.5em;
    text-align: left;
	z-index:308;
}

.legend-control.shown {
    bottom: 3em;
}

.legend-control .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;
	z-index:308;
}

.legend-control.shown .panel {
    display: block;
}

.legend-control button {
    float: right;
    width: 38px;
    height: 38px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAlCAMAAAD/XqB2AAAAA3NCSVQICAjb4U/gAAAA4VBMVEX////////5/Pf9+//1+vH39/fy9fru9ubu8vfw8PDp7vbm8tzc7c3p5uXf5fHn4+LQ57zN5bff3NvR2uzL1enU1NTI0+jCzuXMzMy/zOTMx8bGxsbAwMDFwL+czXKqu9uXymq1sK+artSEwU99vUWkpKSMo85xtzSIoM2jnJuHn8xutS+kmZhstC2ZmZmfmJdksCFgrhtcrRd4k8ZWqQ1zjsRVqQxPpgNNpQB5eXlzc3NSdbdGa7JmZmY6Yq1aWloyW6pWVFQqVadLS0tFRUUzMzMrKysVFRUTExMKCgoAAADLEh18AAAAS3RSTlMA//////////////////////////////////////////////////////////////////////////////////////////////////9ZxP9cAAAACXBIWXMAAAsSAAALEgHS3X78AAAAH3RFWHRTb2Z0d2FyZQBNYWNyb21lZGlhIEZpcmV3b3JrcyA4tWjSeAAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8xNy8yMO+ModEAAAFZSURBVDiNjZR9V4IwFIe5W6usiCxfKEGzUqO0MjLKUiDKyu//gdomAgM3eg78s/Ocu3t/G2hAytC1SqlDNPoiWIFUTnfoOM7wTLYtdaAb+ZxjKmEQSJx7f8bwaSEgRhad788cJ3ZMIPriV8CBggPWUiQqOpiEiyxfFncqYj951j3bIZsqnOl8BaHkQWg9F4a6Zdu2ZSjySTJRnAWCw0atVmvsqnJuzjlvexKJOTfBOyM4hdxR4NTpz7kzbwJC08+U6UYHWkLKLdhUx/jJKN9G6lzHDu0HdDNFh3Sviw8+V3BC14q3Z5XPdn/iuu6kI7us2ZyxPENanx0fUjmwf3U7GAxG54rvAtovjwzvKN9z3De7Y+3nMeOpSme37gR6FRzXSRyo5+7z0oeCY+adqOAQ6L2KGOu9PO54VVnPdPlg9EAZX25JAuIZoh2GMmeCORIjdkr4l1P+r8N/I0Zi9wCxBVgAAAAASUVORK5CYII=') /*logo.png*/;
    background-image1:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAMAAAA5HAOUAAAAA3NCSVQICAjb4U/gAAACr1BMVEX///9i0v8LltsICAgKBgEAAABi0v9DQ0IICAgKBgEAAAAlT2wSICwLEhYICAgABgEAAAACOlUICAgAAAAMIBMAAAAAAAAAAAABjM4ASGsAAAAABwkAAAAiIiMAAAAOKjsAAABTU04AAAAAAACyyZupxaGtvo2mvJIBickAAAD/5mD/4lj+4WD/4VD/2U3/1lja3mb31VnT3mjJ2mfzzVTC0ZLDzYzOzl7iwlG4yF+Jz3CLzG2+vHLUuk76tADuqVX/pyT+qCZgzXjvqwCEwWdUzHnoqwDrqAB6v2jKsgh3v2jnqAD0oCVdxHLfqAFTw3RSv3HhnwBLvnK3pwjklyFQre3UnQBQuG1MrO26njWqpgpBu3L/jQBIt262m0KKpVdMqOeaoUBAtm/ljRfMkEhKpOGUnUKMnEmnmwg9oe5Jntmdk05HntvvggBFntzahRRHp2M6muWfjDyHkkFDpx9BldFNpBwBti8arih4jUVujUruZVMAri4/ir49ir/iZFMLltsBqiw5mRyKfTYBpSsApTEPoikBktdJiE8Aj+TVXEwAjdYBjM6obRg7hVEHicgBmygBickxhVIAlykAhswAhdQ3eacAhcWzYgAzd6Yzc54Afb8BiyQ0d0ibXg6IXzCIWyttYyspc0qdVgErZ5Mob0QBa58vYIPBOiwBZpZiUh1pTiN2SQsBXIh7QwElT2xZRxxrQgpPRR0BWhguR1AqRiwASGsBTRQdOlBpKR9lKB8YOyguNRoBQhEMNl8dM0Q8KhMSMUmxCQCnDQEWMx9DKAAvJQkgJgIOKhqBCQA/GhQBJzoQIxUAKQdvCAEBIjIMIBMzFBQNHCUeGAULGQ8AGiwCFB4BFQYQDg8eBwoRCwYzAAAECg4QCAAeAgAKBgEABwkABgEJAAAAAAAAAAkgdbbMAAAA5XRSTlMAEREREREiIiIiIjMzMzMzM0RERFVVZneIiIiZmaqqu7vMzN3u7u7u7u7/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////OpaVLwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB90RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgOLVo0ngAAAK7SURBVDiNhdT5W0xRGAfwy9jXsUxDRnIv0jQ1ZSkqkZGsM5S60zYyZBmhtNgmKdMMGWlajErWpJKtLFmylzWhhJRx5/SHOPfc2edR709n+Tzf5z3nec7BMEsNdSXY2AA1yRUHgOCynDbGWUaTeQT1prKSavxBuNiRUVwCjGVSeET302spkrACoFI1UgTHmu8GWu/9HQ9HXJhyfJEgMI6UFIDiHGXhQwpHjuWCUw0xszMoulmiM0USKBT6rZDTSqVSKYubgTubzfPsvLzEe9auo0jhnySkfI0fZHGMUuUozzdT1Lsri/neHqlJWSa1gWRYUBGjoDvQ9iRsvtDHIzXZViEmOGxWKmXb/XkIKewUKV/lJ5DZqBt8nzmpexUOCjKBzJibx6iDb+u8EHJUpDxIZoxOR0y9uqVuIUJOiow4YYxeSTN1ZEhLkxQhZyUpgkqcnqeODA9peSZV/EcVgFzxWnFmbLhoc3tTP6o4XQydaMfJ78/7U3mZNCo99eB6olkBZ6WOpVGJXpPEIEWi4tsYR1UYGS7aXlqi059JNqGsqoxhjmqnCCGLiioHxq7RTjfBILOC6FH+B2KEjUpYn2bcuAUhk4Lo8ZHsmt/uVpVA+sqMadoSvUVFlYHer/k1rz4TLLNKIAMEMX0VWoSQgqh+U8ev1++NXHMWREKv3X0VOp1J0ejustB9HX8M08zd08jHvxxYlfQsROu2xl8FMwaZFELBcEOvNaljZQjtOdfLQ28OKhp5+0szboNajQYhTa0JGRgEVQQZwOcHV73s8cRB+00dPIC2uq/eDkG13HfB/oYeTzcOC4OvsKtaq9N8BKdDbRGGfzl0pxuSIcx0JHfClLn6nhfgQrwNwnCAUmxr8FTD0ovgVq8VYWyO82fk0rrtUjfgOa3bF24ABI8zAJr4c/qAnyKGDZ/puPIP1JC9p2L9p/UAAAAASUVORK5CYII=') /*logo.png*/;
    background-repeat: no-repeat;
    background-position: 2px;
    background-color: white;
    border: none;
}

.legend-control.shown button {
    display: none;
}

.legend-control button:focus, .legend-control button:hover {
    background-color: white;
}

.legend-control ul {
    padding-left: 1em;
    list-style: none;
}

.legend-control li.group {
    padding-top: 5px;
}

.legend-control li.group > label {
    font-weight: bold;
}

.legend-control li.layer {
    display: table;
}

.legend-control li.layer label, .legend-control li.layer input {
    display: table-cell;
    vertical-align: sub;
}

.legend-control label.disabled {
    opacity:0.4;
}

.legend-control input {
    margin: 4px;
}

.legend-control.touch ::-webkit-scrollbar {
    width: 4px;
}

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

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

.legend-control .group.legend-control-fold > label:before  {
    content: '';
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
}

.legend-control .group.legend-control-fold.legend-control-close > label:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.legend-control .group.legend-control-fold.legend-control-open > label:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.legend-control .group.legend-control-fold.legend-control-close > ul {
    overflow: hidden;
    height: 0;
}