.ivalid-input{
    border: 1px solid #ff0000 !important;
}

.color-thumbnail{
    -webkit-appearance: none;
    width: 50px !important;
    height: 50px !important;
    border: none !important;
    margin-top: 0px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    cursor: pointer;
}

.color-thumbnail::-webkit-color-swatch-wrapper {
    padding: 0;
}
.color-thumbnail::-webkit-color-swatch {
    border: none !important;
    border-radius: 50% !important;
}

.color-thumbnail-edit-btn
{
    margin: 8px;
}

.vertical-middle{
    vertical-align:middle;
}

.action-btn{
    width: 80px !important;
}

/*Spectrum color picker css overload*/
.sp-replacer{
    border: 1px solid #E0E0E0 !important;
    padding: 2px !important;
}
.sp-preview {
    background-image: none !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    border: 2px solid #eee !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 auto !important;
}

.sp-preview-inner {
    margin: 2px !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
}