.vc-color-picker{display:inline-block}.vc-color-picker .vc-input{min-height:24px}.vc-color-picker .vc-input__append{height:24px;line-height:24px}.vc-color-picker__box{display:inline-block;width:100%;position:relative;vertical-align:middle;line-height:0;cursor:pointer}.vc-color-picker__box:hover .vc-color-picker__input{border-color:#57a3f3}.vc-color-picker.is-disabled{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc}.vc-color-picker.is-disabled:hover .vc-color-picker__input{border-color:#e3e5e8}.vc-color-picker__append{color:#808695;padding:0 10px 0 2px;position:relative;text-align:center;line-height:24px;font-size:12px;white-space:nowrap}.vc-color-picker__input{display:inline-block;width:100%;height:32px;line-height:1.5;padding:7px 6px 6px 7px;font-size:14px;border-radius:4px;color:#515a6e;background-image:none;position:relative;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.vc-color-picker.is-large .vc-color-picker__color{width:20px;height:20px}.vc-color-picker.is-large .vc-color-picker__input{font-size:16px;padding:10px 6px 6px 7px;height:40px}.vc-color-picker.is-large .vc-color-picker__icon{font-size:12px;height:40px;line-height:40px}.vc-color-picker.is-small .vc-color-picker__color{width:14px;height:14px}.vc-color-picker.is-small .vc-color-picker__input{height:24px;padding:5px 6px 4px 7px}.vc-color-picker.is-small .vc-color-picker__icon{font-size:10px;height:24px;line-height:24px}.vc-color-picker__color{width:18px;height:18px;border-radius:2px}.vc-color-picker__color div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);border-radius:2px}.vc-color-picker__color .vc-icon{font-size:10px;color:#999;-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.vc-color-picker__wrapper{padding:8px 8px 0;width:256px}.vc-color-picker__confirm{margin-top:8px;border-top:1px solid #e8eaec;text-align:right;padding:8px;clear:both}.vc-color-picker__confirm .vc-btn{height:24px;padding:0 9px;line-height:1.5}.vc-color-picker__confirm .is-default{margin-right:2px}.vc-color-picker__value{float:left;width:138px;height:24px;line-height:24px;font-size:14px;text-align:left}.vc-color-picker__value .vc-input{min-height:24px;height:24px}.vc-color-picker__value .vc-input input{padding:4px 7px}.vc-color-picker-hue-slider{width:100%;height:10px;margin-top:8px;cursor:pointer;position:relative}.vc-color-picker-hue-slider__bar{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:-webkit-gradient(linear,left top, right top,from(red),color-stop(17%, #ff0),color-stop(33%, #0f0),color-stop(50%, #0ff),color-stop(67%, #00f),color-stop(83%, #f0f),to(red));background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-color-picker-hue-slider__thumb{position:absolute;top:0;left:100px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vc-color-picker-panel{width:100%;height:180px;margin:0 auto;cursor:pointer;-webkit-box-sizing:initial;box-sizing:initial;position:relative}.vc-color-picker-panel__black,.vc-color-picker-panel__white{cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0}.vc-color-picker-panel__white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:-webkit-gradient(linear,left top, right top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.vc-color-picker-panel__black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));background:-webkit-gradient(linear,left bottom, left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(0deg,#000,rgba(0,0,0,0))}.vc-color-picker-panel__cursor{position:absolute}.vc-color-picker-panel__cursor div{width:4px;height:4px;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.vc-color-picker-alpha{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:10px;margin-top:8px;cursor:pointer;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")}.vc-color-picker-alpha__bar{position:relative;height:100%}.vc-color-picker-alpha__thumb{position:absolute;top:0;left:100px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.vc-color-picker-predefine{width:100%;margin-top:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.vc-color-picker-predefine__block{width:18px;height:18px;margin:0 0 6px 6px;cursor:pointer}.vc-color-picker-predefine__block div{height:100%;border-radius:2px;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.vc-color-picker-predefine__block:nth-child(10n+1){margin-left:3px}.vc-color-picker-predefine__block.is-selected{-webkit-box-shadow:0 0 2px 1px #409eff;box-shadow:0 0 2px 1px #409eff}.vc-color-picker-predefine__block.is-alpha{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")}