.literally .button-style-1{border:2px solid transparent;border-radius:3px}.literally .button-style-1{text-decoration:none;cursor:pointer}.literally .button-style-1.selected:not(.disabled){background-color:#fcbf23}.literally .button-style-1:hover:not(.disabled){border-color:#fcbf23}.literally .button-style-1.disabled{cursor:default;opacity:0.3}.literally.toolbar-at-top .lc-drawing{bottom:0;top:31px}.literally.toolbar-at-top .lc-options{top:0;border-bottom:1px solid #555}.literally.toolbar-at-bottom .lc-drawing{bottom:31px;top:0}.literally.toolbar-at-bottom .lc-options{bottom:0;border-top:1px solid #555}.literally.toolbar-hidden .lc-drawing{left:0;right:0;bottom:0;top:0}.literally.toolbar-hidden .lc-options,.literally.toolbar-hidden .lc-picker{display:none}.literally{position:relative;background-color:#ddd;min-height:400px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;user-select:none}.literally,.literally *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.literally>*{position:absolute}.literally .lc-picker{top:0;left:0;bottom:0;width:61px;background-color:#e6e6e6}.literally .lc-drawing{right:0;left:0;bottom:0;left:0}.literally .lc-drawing>*{position:absolute;top:0;right:0;bottom:0;left:0}.literally .lc-drawing.with-gui{right:0;left:61px;cursor:default}.literally .lc-drawing.with-gui .polygon-toolbar{top:auto;height:31px}.literally .lc-drawing.with-gui .polygon-toolbar .polygon-toolbar-button{float:left}.literally .lc-drawing.with-gui .text-tool-input:focus{outline:none}.literally .lc-picker{z-index:1001;border-right:1px solid #555}.literally .lc-picker .toolbar-button{width:26px;height:26px;line-height:26px;margin:2px;padding:0;cursor:pointer;text-align:center;border:2px solid transparent;border-radius:3px}.literally .lc-picker .toolbar-button{text-decoration:none;cursor:pointer}.literally .lc-picker .toolbar-button.selected:not(.disabled){background-color:#a1d9fe}.literally .lc-picker .toolbar-button:hover:not(.disabled){border-color:#a1d9fe}.literally .lc-picker .toolbar-button.disabled{cursor:default;opacity:0.3}.literally .lc-picker .thin-button{cursor:pointer;float:left;position:relative}.literally .lc-picker .fat-button{clear:both;width:56px}.literally .lc-picker .lc-pick-tool,.literally .lc-picker .lc-undo,.literally .lc-picker .lc-redo,.literally .lc-picker .lc-zoom-in,.literally .lc-picker .lc-zoom-out{background-size:100% auto;background-repeat:no-repeat;background-position:center center}.literally .color-well{font-size:10px;float:left;width:60px}.literally .color-well.open{}.literally .color-well-color-container{border:2px solid transparent;border-radius:3px;border:1px solid #aaa;position:relative;width:28px;height:28px;margin:1px auto;overflow:visible}.literally .color-well-color-container{text-decoration:none;cursor:pointer}.literally .color-well-color-container.selected:not(.disabled){}.literally .color-well-color-container:hover:not(.disabled){border-color:#a1d9fe}.literally .color-well-color-container.disabled{cursor:default;opacity:0.3}.literally .color-well-color-container .color-well-checker{position:absolute;width:50%;height:50%;background-color:black}.literally .color-well-color-container .color-well-checker-top-left{border-top-left-radius:3px}.literally .color-well-color-container .color-well-checker-bottom-right{border-bottom-right-radius:3px}.literally .color-well-color-container .color-well-color{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px}.literally .color-picker-popup{position:absolute;z-index:1;background-color:white;border:1px solid #555;left:60px;bottom:31px}.literally .color-picker-popup .color-row{clear:both}.literally .color-picker-popup .color-row .color-cell{cursor:pointer;width:20px;height:20px;line-height:20px;float:left}.literally .color-picker-popup .color-row .color-cell:hover,.literally .color-picker-popup .color-row .color-cell.selected{border:1px solid #555;line-height:18px}.literally .color-picker-popup .color-row .color-cell.transparent-cell{width:100%}.literally .horz-toolbar{height:31px;background-color:#e6e6e6}.literally .horz-toolbar .label{line-height:30px;margin:0 0.25em 0 0.25em;font-size:12px}.literally .horz-toolbar span{line-height:30px;margin:0 0.25em 0 0.25em;font-size:12px;float:left}.literally .horz-toolbar .square-toolbar-button{border:2px solid transparent;border-radius:3px;margin:1px;border:1px solid #aaa;width:28px;height:28px;float:left;position:relative}.literally .horz-toolbar .square-toolbar-button{text-decoration:none;cursor:pointer}.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled){background-color:#a1d9fe}.literally .horz-toolbar .square-toolbar-button:hover:not(.disabled){border-color:#a1d9fe}.literally .horz-toolbar .square-toolbar-button.disabled{cursor:default;opacity:0.3}.literally .horz-toolbar .square-toolbar-button img{max-width:100%;max-height:100%}.literally .horz-toolbar .square-toolbar-button label{position:absolute;top:0;right:0;bottom:0;left:0;line-height:26px;margin:auto;float:none;text-align:center}.literally .polygon-toolbar{position:absolute;border-top:1px solid #555;border-bottom:1px solid #555;width:100%}.literally.toolbar-at-bottom .polygon-toolbar{top:-100%}.literally.toolbar-at-top .polygon-toolbar{top:100%}.literally .lc-options{z-index:1;right:0;left:61px}.literally .lc-options .lc-font-settings{height:30px;line-height:31px;padding-left:4px;background-color:#f5f5f5}.literally .lc-options .lc-font-settings input{margin:0 0.5em 0 0}.literally .lc-options .lc-font-settings input[type=checkbox]{margin:0 0.5em 0 0.5em}
.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled){

}

.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {
    background-color: #FCBF23;
}
.literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {border-color: #FCBF23;}

.literally {background:#ffffff;}
.literally .lc-picker {background:#ffffff;}
.literally .lc-clear {display:none;}
.fs-container {width:100%;height:100%;}

.literally .lc-picker .thin-button
{width:48px;height:48px;margin:5px 5px 0 0;
    border:1px solid #000000;
    border-radius:100px;
    background-size:70% auto;
    background-color:#ffffff;
}
.literally .color-well-color-container {width:48px;height:48px;
    border:1px solid #000000;
    border-radius:100px;
    overflow:hidden;
    margin:5px 5px 0 0;
}
.literally .color-well-color-container:hover:not(.disabled) {border-color:#000000;}
.literally .lc-picker .color-well > label {
    background: #000000;color:#ffffff;padding:0 5px;border-radius:5px;
    font-size:10px;
    margin-top:-10px;
    margin-right:10px;
}

.literally .lc-picker .toolbar-button:hover:not(.disabled) {
    border-color:#FCBF23;
}
.literally .lc-picker .toolbar-button.selected:not(.disabled) {
    background-color:#FCBF23;
    border-color:#000000;
}
.literally .lc-picker {width:60px;}
.literally .lc-options {left:60px;}
.literally .lc-drawing.with-gui {left:60px;top:41px;}
.literally .lc-color-pickers .color-well:nth-child(2), .literally .lc-color-pickers .color-well:nth-child(3){
    display:none;
}
.literally .lc-picker {border-right:3px dashed #000000;}
.literally.toolbar-at-top .lc-options {border-bottom: 3px dashed #000000;background:#ffffff;}
.literally .horz-toolbar {height:41px;padding:5px 5px 5px 5px;}
.literally .lc-picker .thin-button.lc-zoom-in {margin-bottom:10px;}
.literally .color-well.open {background-color: transparent;}
.lc-picker-contents {padding-top:5px;}
.literally .lc-options .lc-font-settings {background-color: #ffffff;}

.literally {height:100%;}
.lc_draw_hide {height:100%;}
.lc_draw_hide canvas {width:100%;height:100%;}
.lc_draw_hide {display:none;}

@media all and (max-width: 767.98px) and (orientation: portrait) {
    /*.literally .lc-picker .thin-button {
        width: 26px;
        height: 26px;
        margin: 5px 1px 0 1px;
    }
    .literally .color-well-color-container {
        width: 52px;
        height: 52px;
    }*/
}
@media all and (max-width: 767.98px) and (max-height: 760px) {
    .literally .lc-picker .thin-button {
        width: 32px;
        height: 32px;
        margin: 5px 1px 0 9px;
    }
    .literally .color-well-color-container {
        width: 52px;
        height: 52px;
    }
}
@media all and (max-height: 560px) {
    .literally .lc-picker .thin-button {
        width: 24px;
        height: 24px;
        margin: 5px 1px 0 1px;
    }
    .literally .color-well-color-container {
        width: 52px;
        height: 52px;
    }
}
.literally .lc-picker.min-icon-fix  .thin-button {
    width: 24px;
    height: 24px;
    margin: 5px 1px 0 1px;
}
.literally .min-icon-fix .color-well-color-container {
    width: 52px;
    height: 52px;
}
.literally .lc-picker.min-icon-fix .lc-zoom-in {margin-bottom:8px;}


#canvasHidden {display:none;}