color-picker{display:block;margin:15px 0}color-picker .colors-list{margin:15px 0}color-picker .colors-list .color{width:40px;height:40px;border-radius:100%;display:inline-block;margin:0 8px;cursor:pointer;vertical-align:middle}color-picker .colors-list .color.selected{width:45px;height:45px;border:solid 2px #2c3e50}color-picker .colors-list .color.teal{background:#1abc9c}color-picker .colors-list .color.black{background:#34495e}color-picker .colors-list .color.purple{background:#9b59b6}color-picker .colors-list .color.grey{background:#dcdcdc}color-picker .colors-list .color.green{background:#2ecc71}color-picker .colors-list .color.blue{background:#2980b9}color-picker .colors-list .color.yellow{background:#f1c40f}color-picker .colors-list .color.orange{background:#e67e22}color-picker .colors-list .color.red{background:#e74c3c}