.palette-color-picker-button{position:relative;display:inline-block;width:28px;height:28px;margin-right:8px;background-size:cover;cursor:pointer;box-shadow:0 0 0 1px #bbb;border:2px solid #fff}
.palette-color-picker-bubble{display:none;margin:12px 0;position:absolute;bottom:100%;z-index:999999;width:360px;padding:10px 8px 8px 8px;border:1px solid #bbb;border-radius:3px;background-color:#fff}.palette-color-picker-bubble:after,.palette-color-picker-bubble:before{top:100%;left:14px;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.palette-color-picker-bubble:after{border-color:transparent;border-top-color:#fff;border-width:8px;margin-left:-8px}.palette-color-picker-bubble:before{border-color:transparent;border-top-color:#bbb;border-width:9px;margin-left:-9px}.palette-color-picker-bubble.downside{bottom:auto;top:100%; height:400px; overflow:auto;}.palette-color-picker-bubble.downside:after,.palette-color-picker-bubble.downside:before{top:auto;bottom:100%}.palette-color-picker-bubble.downside:after{border-top-color:transparent;border-bottom-color:#fff}.palette-color-picker-bubble.downside:before{border-top-color:transparent;border-bottom-color:#bbb}
.palette-color-picker-bubble .swatch{text-shadow: 1px 0.5px #d8d6d6 !important;
    color: #000 !important; position:relative;display:inline-block;width:12.66%;padding-top:11.00%;margin:1% 2%;outline:1px solid #bbb;border:2px solid #fff;border-radius:3px;cursor:pointer;overflow:hidden}.palette-color-picker-bubble .swatch.active{outline-color:#000;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75)}.palette-color-picker-bubble .swatch.clear{background-color:#fff}.palette-color-picker-bubble .swatch.clear:before{position:absolute;content:'';display:block;top:-1px;left:0;width:100px;height:2px;background-color:#e00;transform-origin:0 0;transform:rotate(45deg)}.palette-color-picker-bubble.double .swatch{width:29.30%;padding-top:11.00%;margin:1% 2%}.palette-color-picker-bubble.double .swatch.clear:before{transform:rotate(22.5deg)}.palette-color-picker-bubble.wide .swatch{width:96.2%;padding-top:11.00%;margin:1% 2%}.palette-color-picker-bubble.wide .swatch.clear{width:12.66%}.palette-color-picker-bubble.force-left{left:-178px}.palette-color-picker-bubble.force-left:after,.palette-color-picker-bubble.force-left:before{left:188px}
.color-title {display: block}
.palette-color-picker-button {    margin-left: 20px;; background: url('../img/palette-color-picker-icon.svg'); float:left; width: 32px !important; height: 32px!important; margin-top:1px; border-radius: 4px; margin-right: 4px !important;}
.color_pick_field { width: 80%;}
.color_class {width: 90%;}
.pattern_label {
	text-align: left !important;
    float: left;
    margin-top: 20px;
    padding-left: 20px;
	color: #9b9b9b !important;
}
.pattern_select {
	    margin-left: 20px;
    width: 90%;
}
#color_2_div {
	    margin-top: 15px;
    margin-bottom: 15px;
}
#color_3_div {
	margin-bottom: 30px;
}