.colorbarshorizontal{
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    flex: 1;
}

 .node--type-mmpiframe .colorbarshorizontal_box{
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
}

.colorbarshorizontal_items{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.colorbarshorizontal_items ul{
    display: flex;
    flex: 1;
}

.colorbarshorizontal_items li{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.colorbarshorizontal_items .marker_style1 {
    width: 2px;
    height: 4px;
    background: #000;
    left: -1px;
    position: relative;
    top: 0px;
}

.colorbarshorizontal_items .color_bar_item_value {
    position: relative;
    height: 20px;
    text-align: left;
    top: 31px;
    padding: 0px 3px 0px 3px;
    transform: rotate(270deg);
    text-align: right;
    right: 50%;
    flex: 1;
}

.colorbarshorizontal_items .level_color {
    width: 100%;
}