/*
    Elements on Color Tab

 */


.codeviewarea{
    width: 100%;
}

.color_chooser_input{
    width: 100px;
    height: 60px;
}


.chessboard {
    position: relative;
    background-image: linear-gradient(45deg, gray 25%, transparent 25%), linear-gradient(-45deg, gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, gray 75%), linear-gradient(-45deg, transparent 75%, gray 75%);
    background-size: 16px 16px;
    background-position:0 0, 0 8px, 8px -8px, -8px 0px;

}
.transparency_slider_bg2{
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}




/*
Color Table

 */
#colortable{
    width: 100%;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}

#addColor{

}

.selected{
    background-color: gray;
    color:white;

}

/*

Advanced Area

 */

.codearea{
    width: 100%;
    height: 200px;

}

.codeviewarea{
    white-space:pre;
}



.glasses{
    left: -17px;
    top: 10px;
    width: 0px;
    height: 0px;
    position: relative;
}