#controls {
    top: 10% !important;
    left: 15%;
    width: 40% !important;
        }
        @media screen and (max-width:480px){
            .entry-content td {font-size: 12px !important;} 
    #controls {
    width: 100% !important;
    left: 0% !important;
    }
        }

.hapus {
    float: left;
    position: relative;
    background: #000;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
    margin-top: 3px;
    font-weight: bold;
}

#controls {
    position: fixed;
    z-index: 99999;
}

.rgba {
    background-color: rgba(0, 0, 0, 0.5);
}

#controls fieldset {

}

#controls legend {
    border: 1px solid #ccc;
    background: black;
    color: white;
}

.color {
    float: left;
    position: relative;
    border: 3px solid #ccc;

    width: 30px;
    height: 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 30px;
    border-radius: 30px;

}

.color span {
    position: absolute;
    top: 0px;
    left: 30px;
    border: 0;
    font-size: 10px;
    color: black;
}

.red {
    background: red;
}

.green {
    background: green;
}

.blue {
    background: blue;
}

.purple {
    background: purple;
}

.deeppink {
    background: #FF1493;
}

.darkorange {
    background: #FF8C00;
}

.maroon {
    background: #800000;
}

.grendark {
    background: #555555;
}

.white {
    background: #ffffff;
}

.blk {
    background: #000000;
}

.colorpicker_submit {
    color: white;
}

.colorpicker {
    z-index: 20;
}

.selected {
    border: 3px solid black;
}