.color-palette {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    opacity: 0;
    padding: 5px 7px 3px;
    position: absolute;
    -webkit-transition: visibility 0s ease .218s,opacity .218s linear;
    transition: visibility 0s ease .218s,opacity .218s linear;
    visibility: hidden;
    width: 136px;
    z-index: 4011;
}

.color-picker:hover .color-palette {
    visibility: visible;
    opacity: 1;
}

.color-palette div.transparent-color {
    border-color: rgb(224,224,224);
}

.selected-color, .color-palette div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    margin: 2px;
    opacity: 1;
    cursor: pointer;
    display: inline-block;
    border: 2px solid transparent;
	box-shadow: inset -25px 25px -40px rgba(0,0,0,.9); 
	background-image: -webkit-linear-gradient(-45deg, rgba(255,255,220,.3) 0%, transparent 100%);
	background-image: -moz-linear-gradient(-45deg, rgba(255,255,220,.3) 0%, transparent 100%);  
	background-image: -o-linear-gradient(-45deg, rgba(255,255,220,.3) 0%, transparent 100%);
	background-image: -ms-linear-gradient(-45deg, rgba(255,255,220,.3) 0%, transparent 100%);
    outline: none!important;
}

.selected-color, .color-palette div:hover {
    border-color: rgba(0,0,0,0.1);
}

.color-palette div.palette-selected-color {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE4cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMC41NCIgdmlld0JveD0iMCAwIDE4IDE4IiBoZWlnaHQ9IjE4cHgiPgogIDxwYXRoIGQ9Im0wIDBoMTh2MThoLTE4eiIgZmlsbD0ibm9uZSIvPgogIDxwYXRoIGQ9Im02LjYxIDExLjg5bC0zLjExLTMuMTEtMS4wNiAxLjA2IDQuMTcgNC4xNiA4Ljk1LTguOTUtMS4wNi0xLjA1eiIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px
}