.hide{display:none}.color-picker-wrapper{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.color-picker-wrapper.body{position:absolute}.color-picker-row{display:inline-block;background-color:#ddd}.color-picker{display:inline-block;width:20px;height:20px;cursor:pointer;margin:1px 1px;vertical-align:middle}.color-picker-wrapper.picker-icon{font-size:.1px;display:inline-block;vertical-align:text-bottom;margin-left:-18px}.color-picker-wrapper.picker-icon.trigger{vertical-align:baseline;margin-left:0}.color-picker-row .color-picker:first-child{margin-left:2px}.color-picker-row .color-picker:last-child{margin-right:2px}.color-picker-row-wrapper:first-child .color-picker{margin-top:2px}.color-picker-row-wrapper:last-child .color-picker{margin-bottom:2px}.color-picker-wrapper.picker-icon .color-picker{width:4px;height:4px;margin:0}.color-picker{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.color-picker:hover{border:1px solid #ddd}.color-picker.navy{background-color:#001f3f}.color-picker.blue{background-color:#0074d9}.color-picker.aqua{background-color:#7fdbff}.color-picker.teal{background-color:#39cccc}.color-picker.olive{background-color:#3d9970}.color-picker.green{background-color:#2ecc40}.color-picker.lime{background-color:#01ff70}.color-picker.yellow{background-color:#ffdc00}.color-picker.orange{background-color:#ff851b}.color-picker.red{background-color:#ff4136}.color-picker.maroon{background-color:#85144b}.color-picker.fuchia{background-color:#f012be}.color-picker.purple{background-color:#b10dc9}.color-picker.black{background-color:#111}.color-picker.gray{background-color:#aaa}.color-picker.white{background-color:#fff}