.default-option-widget {

}
.default-option-widget .default-option-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    flex-direction: row;

}

div.default-add:hover > div.selection-item {
    cursor:                     pointer;
    border-color:               #ACACAC;
    background-color:  #E8E8E7;
}

.default-option-widget .default-option-item{
    height: 36px;
    display: inline-flex;
}

.default-option-widget .default-option-item .selection-item{
    width: 35px;
    justify-content: center;
    display: flex;
    background-color: #F3F5F7;

    margin-right: 3px;
    border-right:               1px solid #E4E5E6 ;
    padding:                    1px;
    border-radius:              5px 0 0 5px;
    -webkit-transition:         all 0.3s;
    -moz-transition:            all 0.3s;
    -ms-transition:             all 0.3s;
    -o-transition:              all 0.3s;
    transition:                 all 0.3s;
}

.default-option-widget .default-option-item.selected > .selection-item{
    cursor:                     pointer;
    border-color:               #ACACAC;
    background-color:  #E8E8E7;
}
.default-option-widget .default-option-item .selection-item > div {
    align-self: center;
    border-color: #ACACAC;
}

.default-option-widget .default-option-buttons-bar{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 5px 10px 5px;
}
.default-option-widget .default-option-buttons-bar > button {
    margin: 0px 5px;
}