/*

Legend

*/

.wrapper-Vertical {
    display: flex;
}

.wrapper-Vertical .wrapper-layer-legend-colors,
.wrapper-Vertical .wrapper-layer-legend-labels {
    flex-direction: column;
    justify-content: center;
}

.wrapper-Vertical .wrapper-layer-legend-colors {
    align-items: center;
}
.icon-choropleth,
.icon-gradient,
.legendClassLabel{
    flex-grow: 1;
    flex-basis: 0;
    height: 12px;
    font-size:12px;
}

.wrapper-Vertical .icon-choropleth,
.wrapper-Vertical .icon-gradient,
.wrapper-Vertical .legendClassLabel{
    margin: 4px 6px;
}

.wrapper-Vertical .legendClassLabel {
    display: flex;
    align-items: center;
}

.icon-choropleth {
    height: var(--legend-size, 14px);
    width: var(--legend-size, 14px);
    padding: 0;
    border: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}

.wrapper-Vertical .icon-choropleth {
    border-radius: 50%;
}

.labels-gradient div:last-child {
    text-align: right;
}

.wrapper-Vertical .labels-gradient div:last-child{
    text-align: unset !important;
}

.legendClassLabel {
    text-wrap: nowrap;
}

.wrapper-layer-legend.wrapper-Vertical {
    display: flex;
    overflow: auto;
}

.wrapper-layer-legend.wrapper-Vertical.legend-vector-swatches {
    flex-direction: column;
}