.reiwa-menu{
    position: absolute;
    border: thin solid black;
    bottom: 4.7em;
    width: 24em;
    height: auto;
    z-index: 350;
    /*left: calc(50% - 11em);*/
    left: 50%;
    margin-left: -12em;
    /*margin-right:auto;
    margin-right:auto;*/
    background-color: white;
    transition: all linear 0.2s;
}

.reiwa-menu.ng-enter{
    opacity: 0;
    transition: all linear 0.2s;
}

.reiwa-menu.ng-enter-active{
    opacity:1;
}

.reiwa-menu.ng-leave-active{
    opacity: 0;
}

.reiwa-menu h4{
    padding: 8px;
    text-align: left;
}

.reiwa-menu-content{
	margin: 0.5em;
}

.reiwa-menu-content label{
    font-weight:normal;
}

.reiwa-menu-arrow{
    top: -1.2em;
    left: calc(50% - 1em);
    position: absolute;
    z-index: 355;
	width: 0; 
	height: 0; 
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;	
	border-top: 1em solid white;
}

.reiwa-menu-arrow-new{
    top: -1.2em;
    left: calc(50% + 7.5em);
    position: absolute;
    z-index: 355;
	width: 0; 
	height: 0; 
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;	
	border-top: 1em solid white;
}

.reiwa-menu-arrow.ng-enter{
    opacity: 0;
    transition: all linear 0.2s;
}

.reiwa-menu-arrow.ng-enter-active{
    opacity: 1;
}

.reiwa-menu-arrow.ng-leave{
    opacity: 1;
    transition: all linear 0.2s;
}

.reiwa-menu-arrow.ng-leave-active{
    opacity: 0;
}

.reiwa-menu li{
    list-style-type:none;
    /*padding: 5px;*/
    margin: 3px;
    float:left;
    width: 100%;
}

.reiwa-legend-info{
    margin-left: 5px;
    margin-bottom: 8px;
    max-width:350px;
}

.reiwa-legend-note{
    margin-left: 5px;
    margin-bottom: 8px;
    margin-top: 8px;
}


.reiwa-menu img.layerControl{
    width: 1.5em;
    height: 1.5em;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

.reiwa-menu-footer{
    height: 10px;
    clear: both;
}

.reiwa-menu-icon{
    width: 20px;
    margin-right: 3px;
}

@media all and (max-height: 479px){
	.reiwa-menu-content{
		max-height: 200px;
		overflow-y: scroll;
        overflow-x: hidden;	
	}
}

@media all and (max-height: 255px){
    .reiwa-menu-content{
        max-height: 90px;
        overflow: scroll;
        overflow-x: hidden;	
    }
}

@media all and (max-width: 345px){
    .reiwa-menu{
        width: 22em;
        margin-left: -11em;
    }		
}

.popover-inner{
    min-width: 120px;
}