/* /// LEGEND /// */
.legend-position {
user-select: none;
cursor: pointer;
}
.legend {
float: right;
padding: 3px;
margin-top: -6px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 1px 1px 1px #999;
background: rgba(220, 220, 220, 0.8);
}
.legend .legendWrap {
/* display: flex; */
}
.legend .legendWrap > div {
/* flex: auto; */
}
.legend .co {
height: 100%;
}
.legend .no {
display: flex;
flex-direction: column;
margin-left: 1px;
}
.legend .no>span {
flex: auto;
display: block;
font-size: 0.8em;
text-align: center;
}
.legend .unit {
border-top: 1px dotted #ccc;
font-size: 0.7em;
text-align: center;
}
.legend .no.dense {
line-height: 1.0em;
}
.legend .no.half {
margin-top: 10px;
}
.legend-btn {
position: absolute;
right: -3px;
top: 0;
width: 30px;
height: 30px;
border: none;
text-indent: -999em;
border-radius: 15px 0 0 15px;
background-color: rgba(0, 0, 0, 0.3);
background-image: url(../images/svg/legend_wh.svg);
background-repeat: no-repeat;
background-position: left 6px center;
background-size: 22px;
}