.colorPanel {
    margin: 0px;
    padding: 5px;
    position: fixed;
    z-index: 100;
    min-width: 20px;
    background-color: #2c3e50;
    top: 40%;
	
}
.colorPanel ul {
    margin: 0px;
   padding:0px;
    list-style: none;
	display:none;
 
}

.colorPanel ul li {
    display: block;
    margin-top: 5px;
}

.colorPanel ul a {
    display: block;
    width: 20px;
    height: 20px;
    border: #95a5a6 1px solid;
}

#cpToggle{
	display:block;
	height:20px;
	width:20px;
	background-image: url(data:image/png;base64,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);
	background-size:cover;
}