.fw-option-type-color-palette .predefined,
.fw-option-type-color-palette .predefined .fw-option-type-radio,
.fw-option-type-color-palette .predefined .fw-option-type-radio div,
.fw-option-type-color-palette .custom {
    display: inline-block;
}

.fw-option-type-color-palette .predefined {
    vertical-align: middle;
}

.fw-option-type-color-palette .predefined .fw-option-type-radio div {
    margin-left: 7px;
}

.fw-option-type-color-palette .predefined .fw-option-type-radio div:first-child {
    margin-left: inherit;
}

.fw-option-type-color-palette .custom input.fw-option-type-text {
    width: 100px;
    margin-left: 10px;
}

.fw-option-type-color-palette .custom input.fw-option-type-text:first-child {
    margin: 0;
}

.fw-backend-option-input-type-color-palette .fw-option-help-in-input {
    top: 4px !important;
}

.fw-option-type-color-palette .predefined .fw-option.fw-option-type-radio label {
    position: relative;
    top: -4px;
}

.fw-option-type-color-palette input[type=radio] {
    margin-right: 10px;
    position: relative;
    left: 5px;
    top: 7px;
    visibility: hidden;
}

.fw-option-type-color-palette .predefined .fw-option.fw-option-type-radio div:last-child input[type=radio] {
    visibility: visible;
}

.fw-option-type-color-palette .fw-palette {
    display: block;
    padding: 2px;
    border-radius: 2px;
    position: absolute;
    z-index: 1;

}

.fw-option-type-color-palette .fw-palette.fw-palette-border,
.fw-option-type-color-palette .fw-palette.fw-palette-border:hover {
    border: 3px solid #64bd1f;
    top: 1px;
}

.fw-option-type-color-palette .fw-palette {
    border: 3px solid transparent;
    top: 1px;
}

.fw-option-type-color-palette .fw-palette .fw-palette-border-white {
    border: 1px solid #e8e8e8;
    width: 16px;
    height: 16px;
}

.fw-option-type-color-palette .fw-palette:hover {
    border: 3px solid #dddddd;
    top: 1px;
}

.fw-option-type-color-palette .fw-palette-inner {
    display: block;
    width: 18px;
    height: 18px;
}

.fw-backend-option-design-default > .fw-backend-option-input.fw-backend-option-input-type-color-palette.width-type-fixed > .fw-inner {
    width: auto;
}

.fw-option-type-color-palette .predefined {
    margin-top: -4px;
}

.fw-force-xs .fw-option-type-multi-picker .fw-backend-option-design-default {
    padding-left: 0;
    padding-right: 0;
}

.fw-force-xs .fw-option-type-color-palette .predefined .fw-option-type-radio div {
    margin-left: 3px;
}

