/*
    Descrição: Estilos do color picker
    Autor: Adriano Angélico
    Data: 11/09/2015
    Versão: 1.0
*/

.colorpicker {
    background: url(colorpicker/images/colorpicker.png) no-repeat center;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

#colorwheel {
    background: url(colorpicker/images/colorwheel.png) no-repeat;
    border-radius: 50%;
    cursor: default;
    display: none;
    position: absolute;
    overflow: hidden;
}

#colorwheel::before {
    background: #ccc;
    content: '';
    display: block;
    height: 10px;
    width: 10px;
}