.color-picker{border-radius:3px;width:2.25rem;height:2.25rem;cursor:pointer;border:1px solid #ccc;display:inline-block;vertical-align:middle}.colorPickWrapper{position:relative;width:0;height:0}#colorPick *{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}#colorPick{background:#fff;position:absolute;border-radius:5px;padding:10px;font-family:"Open Sans",sans-serif;width:220px;box-sizing:content-box;z-index:999;border:1px solid #ccc}#colorPick span{user-select:none;font-size:9pt;text-transform:uppercase;font-weight:700;color:#bbb;margin-bottom:5px;display:block;clear:both}.customColorHash{border-radius:5px;height:23px;width:122px;margin:1px 4px;padding:0 4px;border:1px solid #babbba;outline:0}.customColorHash.error{border-color:#ff424c;color:#ff424c}.colorPickButton{border-radius:5px;width:20px;height:20px;margin:0 3px;cursor:pointer;display:inline-block;border:1px solid #ccc}.colorPickButton:hover{transform:scale(1.1)}.colorPickDummy{background:#fff;border:1px dashed #bbb}