.color-scheme-demo-wrapper{
    position: fixed;
    width: 210px;
    z-index: 100;
    background: #ffffff;
    border: 1px solid #d2cdcd;
    top: 200px;
    left: -210px;
    padding: 20px;
    text-align: center;
    transition: .2s all;
}
.color-scheme-demo-wrapper.open{
    left: 0;
}
.color-scheme-demo-wrapper.open .cog-wheel i{
    animation: none;
}
.cog-wheel{
    display: block;
    font-family: FontAwesome;
    content: "\f013";
    position: absolute;
    left: 100%;
    top: 10px;
    padding: 10px;
    font-size: 20px;
    background: #ffffff;
    border: 1px solid #d2cdcd;
    border-left-color: transparent;
    cursor: pointer;
}
.cog-wheel i.rotating{
    /*animation: rotating 2s linear infinite;*/
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.color-scheme-demo-wrapper input[type='text']{
    width: 100%;
    display: block;
    height: 40px;
    border: 1px solid #808080;
    padding-left: 10px;
}
.custom-color-label{
    margin-top: 20px;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    color: #1a1a1a;
    font-weight: 800;
    text-align: left;
}
.color-scheme-demo-wrapper input[type='submit']{
    height: 40px;
    margin-top: 10px;
    background: #1a1a1a;
    color: #ffffff;
    border: none;
    /*border-radius: 5px;*/
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;

}
.color-scheme-demo-wrapper input[type='radio']{
    visibility: hidden;
    display: none;
}
/*.color-scheme-demo-wrapper label.color-label{*/
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/
/*}*/
.color-scheme-demo-wrapper label.color-default{
    background: #ffd800;
}
.color-scheme-demo-wrapper label.color-two{
    background: #ff9800;
}
.color-scheme-demo-wrapper label.color-three{
    background: #303f9f;
}
.color-scheme-demo-wrapper label.color-four{
    background: #8bc34a;
}
.color-scheme-demo-wrapper label.color-five{
    background: #e53935;
}

.color-scheme-demo-wrapper label{
    cursor: pointer;
    opacity: .4;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    display: inline-block;
    transition: .2s all;
    font-size: 11px;
}
.color-scheme-demo-wrapper label:hover{
    opacity: 1;
}
.color-scheme-demo-wrapper img{
    max-width: 100%;
}

.color-scheme-demo-wrapper input[type="radio"]:checked+label {
    opacity: 1;
}

.jQWCP-wWidget{
    width: 265px !important;
    height: 200px !important;
}