/*!
 WPImager 1.0.0
 https://wpimager.com/
 2018 WPImager  
*/


#wpimager-editor .glyphicon-user {
    height:12px;
    width:12px;
    background-image: url(/images/icon-user.png);
    background-position: center center;
    display: block;
}

#wpimager-editor .fa, .fi {
    font-size: 14px;
    line-height: 1;
}
#wpimager-editor .fa-2x {
    font-size: 2em;
}

#wpimager-editor .fa-toggle-on {
    cursor: pointer;
    cursor: hand;
    color:#676767;
    vertical-align: middle;
    display: inline-block;
    /*    height:24px;*/
}
#wpimager-editor .toggle .active {
    color: #337ab7;
}	

#wpimager-editor .cvsconsole .fa {
    vertical-align: middle;
}


#wpimager-editor .fi-undo {
    vertical-align: middle;
    background-image: url(../images/undo_on.png);
    height: 14px;
    width: 14px;
    background-repeat: no-repeat;
    background-position: 0 -1px; 
}
#wpimager-editor .fi-redo {
    vertical-align: middle;
    background-image: url(../images/redo_on.png);
    height: 14px;
    width: 14px;
    background-repeat: no-repeat;
    background-position: -1px -1px; 
}

#wpimager-editor .fi-object-align-left, #wpimager-editor .fi-object-align-right, #wpimager-editor .fi-object-align-horizontal {
    background: url(../images/oalign-left.png);
    height: 20px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: -2px 0px; 
}
#wpimager-editor .fi-object-align-right {
    background-image: url(../images/oalign-right.png);
}
#wpimager-editor .fi-object-align-horizontal {
    background-image: url(../images/oalign-horizontal.png);
}
#wpimager-editor .fi-polygon {
    height: 18px;
    width: 18px;
    background: url(../images/poly5-star-yellow.png) 3px 4px no-repeat;
    overflow: visible;
}
#wpimager-editor .fi-poly5-star-yellow {
    height: 18px;
    width: 18px;
    background: url(../images/poly5-star-yellow.png) 3px 2px no-repeat;
}
#wpimager-editor .fi-poly5-yellow {
    height: 18px;
    width: 18px;
    background: url(../images/poly5-yellow.png) 3px 2px no-repeat;
}
#wpimager-editor .fi-poly5-hollow, #wpimager-editor .fi-customeshape-hollow {
    height: 14px;
    width: 14px;
    background: url(../images/poly5-hollow.png) 0px 0px no-repeat;
    display:inline-block;
    vertical-align: top;
    margin-top: 2px;
}

#wpimager-editor .fi-customeshape-hollow {
    background: url(../images/custom-shape-hollow.png) 0px 0px no-repeat;    
}
#wpimager-editor .fi-node-smooth, #wpimager-editor .fi-node-normal, #wpimager-editor .fi-node-symm, #wpimager-editor .fi-node-corner {
    height: 16px;
    width: 18px;
    background: url(../images/icon-node-smooth.png) 1px 2px no-repeat;
    display:inline-block;
    vertical-align: top;
    margin-top: 2px;
}

#wpimager-editor .fi-node-normal {
    background: url(../images/icon-node-normal.png) 1px 2px no-repeat;
}
#wpimager-editor .fi-node-symm {
    background: url(../images/icon-node-symm.png) 1px 2px no-repeat;
}
#wpimager-editor .fi-node-corner {
    background: url(../images/icon-node-corner.png) 1px 2px no-repeat;
}

#mode_edit_controls label.disabled {
    background:#555;   
    border-color:#333;
}

#txt_polyspoke_on, #txt_polyspoke_off,
#txt_polyspoke_on2, #txt_polyspoke_off2 {
    padding:2px 3px 5px !important;
}
#showTextBgControls .fa-font {
    background-color:#337ab7;
    color:#fafafa;
    padding:1px;
}
#wpimager-editor .fa-floppy-o {
    filter:alpha(opacity=60); 
    -moz-opacity:0.6; 
    opacity: 0.6; 
}

#wpimager-editor .fi-object-align-top, #wpimager-editor .fi-object-align-vertical, #wpimager-editor .fi-object-align-bottom {
    background-image: url(../images/oalign-top.png);
    height: 20px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: 0 1px; 
}
#wpimager-editor .fi-object-align-bottom {
    background-image: url(../images/oalign-bottom.png);
}
#wpimager-editor .fi-object-align-vertical {
    background-image: url(../images/oalign-vertical.png);
}

#wpimager-editor .fi-valign-top, #wpimager-editor .fi-valign-middle, #wpimager-editor .fi-valign-bottom {
    background-image: url(../images/valign_top.png);
    height: 17px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: 2px 3px; 
}

#wpimager-editor .fi-valign-middle {
    background-image: url(../images/valign_middle.png);
}
#wpimager-editor .fi-valign-bottom {
    background-image: url(../images/valign_bottom.png);
}
#wpimager-editor .btn-sm {
    padding: 5px 9px;
}
#wpimager-editor .btn-add-layer {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;    
    background:#567;
    color:#fff;
    line-height: 15px;
    height:32px;
    width:32px;
}
#wpimager-editor .btn-add-layer:hover, #wpimager-editor .btn-add-layer:active, #wpimager-editor .btn-add-layer:focus {
    background-color: #678 !important;
    color:#fff;
}
#savecanvas.disabled, #promptprintcanvas.disabled {
    background-color: #456;    
}

#wpimager-editor .btn-grayed {
    color: #333 !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}
#wpimager-editor .disabled .fi-redo { 
    background-image: url(../images/redo_off.png);
}
#wpimager-editor .disabled .fi-undo {
    background-image: url(../images/undo_off.png);
}

.dropdown-menu {
    width:200px;
    z-index: 200;
}
.dropdown-menu > li {
    margin:0;
}
.dropdown-menu > li > a {
    padding:4px 10px;
    font-size:13px;
}
#wpimager-editor {
    position: relative;
    margin:0;
    padding:0px 0 0px 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4 !important;
    color: #333;
    display: block;
    min-width: 860px;
}
#wpimager-editor ul
{
    list-style-type: none;
}
#wpimager-editor ul li a {
    text-decoration:none !important; 
}
#wpimager-editor select {
    height: 26px !important;
    margin:1px 0 0;
    background: #333;
    color:#aaa !important;
    border-color:#434343;
}
#wpimager-editor input {
    /*    height: auto; */                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
}
#btnEditTitle {
    padding-top:8px;
}
#cvsbox {
    text-align: center;position: relative;margin-top:0px;
    margin-bottom: 0px;
}
#cvswrap {
    text-align: center;
    overflow: auto;
    padding:0px;
    background:#333;
    line-height: 1.4;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: static;
    margin-top: 148px;
    /*    border:1px solid #dddddd;*/
}
#canvas_bottom {
    background-color: #333;
}
#cvsOutput {
    padding-left:6px;
    padding-right:6px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}
#wpimager_iframe {
    width:100%;
    margin:0;
    background-color: #222222;
    display: none;
}


#wpimager_settings, #wpimager_addslide {
    width:100%;
    margin:0;
    padding:20px 30px;
    color:#eaeaea;
    text-align: left;
    display: none;
    background-color: #222222;
}

#wpimager_settings .hideOutputConsole {
    position: absolute;
    top:0;
    left:0;
}
#cvs, #custom_dimenso, #component_dimenso {
    vertical-align: middle;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    margin: 4px;
}
#cvs {
    margin:0;
}
#comperspective, #comcanvas, #comcanvas_child, #imgcanvas,#cvso,#cvst,#cvtemp,#canvas_measuretext, #BGCanvas, #BGCanvas3X, #PatternCanvas, #PatternCanvasLight, #PatternCanvasDark, #MaskCanvas,#MaskCanvas2, #thumbpreview, #thumbnail, #blinkOff, #blinkOn {
    display: none;
}
#cvtemp {
    border:1px solid #fff;
}
#cvsfooter_wrap {
    background-color:#333;
    height:40px;
    padding:0 10px;
}
#cvsfooter {
    text-align: center;
    color:#999;
    font-size:13px;
    padding: 8px;
    position: absolute;
    left:0;
    height: 32px;
    line-height: 1.4;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;    
}
#cvsinfo_footer {
    line-height: 32px;
}
#onloadError, #onloadError_CanvasData {
    padding: 280px 40px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #eaeaea;
    /*    border: 1px solid #bdbdbd;
        background: #eaeaea;*/
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;    
    display: none;
}
#toolboxHandle, #toolSlidesHandle, #toolComHandle { 
    background:#222222;
    padding:6px 6px;
    margin: 0px 0px 4px;
    color:#efefef;
    font-size:13px;
}
#toolComHandle { 
    margin:0;
}
#toolBoxPosition_Right {
    position: absolute;
    top:36px;
    right:8px;
    font-size: 0.9em;
    color:#555;
}
#toolBoxPosition_Float {
    position: absolute;
    top:10px;
    right:12px;
    font-size: 0.9em;
    color:#555;
}
#toolBoxPosition_Left {
    position: absolute;
    top:36px;
    left:8px;
    font-size: 0.9em;
    color:#555;
}
#toolboxHandle a:focus {
    -webkit-box-shadow: none;
    box-shadow:none;
}

#toolboxLayersMenu, #toolSlidesMainMenu, #toolComMainMenu {
    padding:3px 4px 4px;text-align: left;color:#999;
}

#toolboxLayersMenu .btn-default .btn-default, #toolSlidesMainMenu .btn-default, .btn-slate, #toolComMainMenu .btn-default, .btn-slate {
    color: #999;
    border-color: transparent;
    background-color: #333;
}

#toolSlidesMainMenu .disabled, #toolComMainMenu .disabled {
    color:#555 !important;
}

#toolSlidesMainMenu button, #toolComMainMenu button {
    padding:1px 3px;
}
#wpimager-editor .btn-darkslate.blue, #wpimager-editor .btn-darkslate.blue:focus {
    color:#178fe5;
    background-color: #111;
}
#wpimager-editor .btn-link:focus {
    color:#178fe5;
}
#wpimager-editor .btn-link:hover {
    color:#178fe5;
    text-decoration: none;
}
#wpimager-editor .btn-darkslate, .btn-darkslate:focus, #wpimager-editor .btn-darkslate:hover {    
    color: #999;
    border-color: transparent;
    background-color: #2a2a2a;
}

#wpimager-editor .btn-darkslate:hover {    
    background-color: #333;
    color:#eaeaea;
}


#toolboxLayersMenu .btn-default:hover, #toolSlidesMainMenu .btn-default:hover, #toolComMainMenu .btn-default:hover, .btn-slate:hover, .btn-slate:focus {
    background-color: #555;
    color: #aaa;
}


#toolboxLayersMenu, #toolboxLayersSortableWrap, #toolboxLayersActionBtn {
    display: none;
}
#txtActionTitle {
    color:#eaeaea;    
    font-size:1.3em;
}
#viewActions2 {
    margin: 10px 0;
}
#toolboxLayersActionBtn {
    padding:5px 0 ;
}
#toolboxLayersMenu button {
    background-color: #282828;
    color:#aaa;
    border: none;
}
#toolboxLayersFooter {
    border-top:1px solid #ccc;padding:6px 0px 0px 0;
}
#toolImage, #toolText {
    color:#333333;
    vertical-align: middle;
    text-align: left;
}
#postuploadconsole, #cropimageconsole, #mainimageconsole, #rotateimageconsole, #borderimageconsole {
    color:#eaeaea;
    text-align: center;
}
#wpimager-editor .cvsconsole {
    color:#ddd;
    background: #222;
    /*    padding:4px 16px;*/
    /*    position: absolute;
        top:-36px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        line-height: 20px;
        line-height:27px;
       width: 400px;*/
    font-size:12px; 
    text-align: center;
    border:1px solid transparent;
    height:43px;
    position: relative;
    white-space: nowrap;
}
#nilconsole,#resizecvsconsole {
    padding:0 !important;
    line-height: 40px !important;
}

#canvasmenu input, #canvasmenu select {
    color:#333;
}
#showImageShadowConsole span, #showTextShadowConsole span {
    text-shadow: 1px 1px 4px #23527c;
    padding-right: 2px;
}



#previewcanvascolorpicker {
    border:1px solid #999;
    cursor: pointer;
}

.cp-color-picker {
    z-index: 500000;
    overflow: visible !important;
    position: relative;
}

.cp-color-picker .cp-color-picker-handle {
    /*    display: none;*/
    position:absolute !important;
    right:-19px;
    top:0;    
    background: #444;
    z-index: 500000;
    width:24px;
    height:24px;
    padding: 3px 3px 3px 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;        
    cursor: pointer;
}

#toolText {
    padding:0px;display:none;
}

#wpimager-editor .cvsconsole {
    padding: 6px 4px 3px;
}
#wpimager-editor .font-select > a {
    background: #222;
    border-color:#434343;
    color:#ccc;
}
#wpimager-editor .font-select > a div {
    background: #222;
    border-left-color: #434343 !important;
}
#wpimager-editor .font-select-active > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#wpimager-editor .font-select .fs-drop {
    background: #222;
    border: none;
    color:#ccc;
}

#wpimager-editor .fs-results li.websafe {
    background-color: transparent;
}
#addmorefonts {
    color:#eaeaea;
    border-top:1px solid #555;
}
#wpimager-editor .cvsconsole .btn-sm {
    background-color:#2a2a2a;
    color:#999;
    border-color: transparent;
    padding:4px 6px !important;    
}
#wpimager-editor .cvsconsole .btn-sm.active, #wpimager-editor .cvsconsole .btn-sm.active:hover {
    background-color: #151515;
}
#wpimager-editor .cvsconsole .btn-sm:hover {
    background-color:#333;
}
#wpimager-editor .cvsconsole .ui-spinner-input, #wpimager-editor .cvsconsole .ui-spinner {
    margin-top:2px;
    margin-bottom: 2px;
    line-height: 20px;
}
#wpimager-editor .cvsconsole .ui-spinner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    

}
#toolImage{
    text-align: left; display: none;
    height:30px;
}
#wpimager-editor * { 
    outline:none;
}

#wpimager-editor input[type="checkbox"] {
    vertical-align: middle;
    margin-top: -1px;
    margin-left: 4px;
}


#basecolor, #fontcolor, #fontcolor2, #fontcolor3, #backcolor, .copicker, #fontcolorcanvas {
    padding:2px 4px;
    margin:0px !important;    
}

#bordercolorImage, #outlinecolorText, #bordercolorText, #bordercolorText2, #shadowcolorImage, #shadowcolorText, #shadowcolorTextFill {
    padding-top:1px;    
    padding-bottom:1px;    
    margin:0px !important;    
    vertical-align: middle;
}
#wpimager-editor .iconpicker {
    min-width: 50px; 
    padding:4px;
}

#toolCanvas input, #panelToolbar input {
    color:#222 !important;
}

#panelToolbar {
    padding: 0px;position:relative;
    background:#f1f1f1;
}
#wpimager-editor .btn-file {
    position: relative;
    overflow: hidden;
}
#wpimager-editor .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}    
#input {
    text-align:center;
    padding: 4px 48px;
    position: absolute;
    pointer-events: none;
    top:60px;
    left:-1000px;
    filter:alpha(opacity=0); 
    -moz-opacity:0; 
    opacity: 0; 
    z-index: 100;
    height: 200px;
    /*    color:transparent;*/
}
#wpimager-editor textarea {
    resize: none;

}
#wpimager-editor .modal {
    color:#333;        
    z-index:10400;
}
#wpimager-editor .modal-body, #wpimager-editor .modal-footer {
    text-align: center;
}

#wpimager-editor .evo-pop {
    position:absolute;
}

#wpimager-editor .picker-content .evo-pop {
    position:relative;
}

#wpimager-editor .evo-pointer, #wpimager-editor .evo-colorind, #wpimager-editor .evo-colorind-ie {
    float:none !important; 
    display:inline-block !important;
    vertical-align: top;
    width:26px !important; 
    height: 27px !important; 
    margin-left:2px !important;
    border:none;
}
#wpimager-editor .evo-colorind-ie {    
    height:26px;
    top:0;
}
#canvas-color-picker-sample .evo-sample {
    display:inline-block;
    vertical-align: top;
    width:18px; 
    height: 18px;     
    margin:1px 5px;
}
#canvas-color-picker-sample {
    line-height: 20px;
    height:20px;
}
#cancelcanvascolorpicker, #okcanvascolorpicker {
    padding:0px 8px;
    border:none;
    line-height: 16px;
    vertical-align: top;
    margin: 2px 5px 0;
    width:60px;    
}

#pickoncanvascolorpicker {
    padding:0px 8px 0 26px;
    border:none;
    line-height: 16px;
    margin: 0px 5px 0;
    background:transparent;
    position: relative;
    color:999;
}
#pickoncanvascolorpicker.active {
    color:#fff;
}

#pickoncanvascolorpicker.active:before {
    content: "\f00c";
    font-family: fontawesome;
    position: absolute;
    left: 6px;
    color: green;
}

#wpimager-editor .cvsconsole input[type="text"], #wpimager-editor .ui-spinner-input {
    line-height: 20px;
    border: 0;
    height: 20px;
    vertical-align: top;
}
#wpimager-editor .ui-spinner-input {
    margin-left:4px;
    margin-right: 14px;
}
#wpimager-editor .ui-spinner-input, #wpimager-editor .ui-widget-content, #wpimager-editor input {
    background: #222;
    color:#ccc !important;    
    text-align: center; 
    border-color: #434343 !important;
}

#wpimager-editor .colorPicker, #wpimager-editor .colorichPicker {
    padding: 2px 4px !important;
    line-height: 24px;
    height:28px;
    text-align: center;
    font-size: 13px;
}
#toolText_Background_controls .colorPickerWrap {
    color:#333;
    padding:0;
}
#wpimager-editor .colorPickerCover {
    margin:0;
    padding-top:1px;
    display: inline-block;
    vertical-align: top;
}
#wpimager-editor .evo-color {
    line-height: 0.8em;
}
#wpimager-editor .evo-pop {
    color:#aaa;
    z-index: 1010;
}
#wpimager-editor .evo-canpick {
    clear:both;
    text-align:center;
    padding:8px 0 6px;
}

#toolBox .evo-pop, #wpimager-editor .toolControl .evo-pop {
    right:8px;
}
#wpimager-editor .toolControl input {
    color:#333;
}
#toolBox .evo-palette, #toolBox .evo-palette-ie, #wpimager-editor .toolControl .evo-palette, #wpimager-editor .toolControl .evo-palette-ie {
    border-spacing: 3px;
}

#toolBox .evo-more, #wpimager-editor .toolControl .evo-more {
    display:none;
}

#listAddedCOM .add_component_slide img:hover {
    border-color:#667788 !important;    
}
#lineCap.activ, #lineJoin.activ,#flip_com_horizontal.activ, #flip_com_vertical.activ, #line_keep_horizontal.activ, #line_keep_vertical.activ, #render_mode_redraw.activ, #render_mode_scale.activ, .txtGrowDir.activ {
    color:#178fe5 !important;
}

#line_keep_horizontal:before, #line_keep_vertical:before {
    content: "\f13e";
    margin-right:5px;
    font-family: fontawesome;
    color:#606060;
}
#line_keep_horizontal.activ:before, #line_keep_vertical.activ:before {
    content: "\f023";
    margin-right:5px;
    font-family: fontawesome;
    color:#178fe5;    
}

#canvasmenu {
    position: relative;
    z-index:1010;
    right:0;
    top:0px;
    /*    margin-bottom: 6px;*/
    border-bottom: 0px solid #424242;
}
#canvasmenu .btn-slate:focus {
    background-color:#333333;
}
#canvasmenu .btn-slate:hover {
    background-color:#111111;
}
#cvsbox_menu > div > .btn-group > .btn {
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height:28px;
    width:29px;
    text-align: center;
    padding: 5px 6px;
    border:none;
    background: #282828;
    color:#999;
    margin-right: 2px;
}
#cvsbox_menu > div > .btn-group > .btn:hover {
    background: #494949;
}

#canvasinfo {
    text-align: left;
    padding:0px 6px 6px;
    position: absolute;
    top:44px;
    left:4px;
    z-index:1000;
}
#lineheight {
    color:#333;
}
#texttoolbar {
    padding:5px 10px 5px;
    text-align: center;
}
#texttoolbar .font-select, .toolboxLayersCom .font-select {
    text-align: left;
}

#wpimager-editor .font-select .fs-results li {
    margin:0;
    padding: 7px 8px;   
}

#fontweight-wrapper ul.dropdown-menu {
    min-width:0;
    width:140px !important;
}
#texttoolbar .font-select {
    width:160px;   
}
#wpimager-editor button#bold span, #wpimager-editor button#italic span {
    width: 14px;
    height: 17px;
}

#wpimager-editor label[id^="txt_align"], #wpimager-editor label[id^="txt_valign"] {
    padding: 6px 8px 3px;
}
#wpimager-editor label[id^="txt_oalign"], #wpimager-editor label[id^="txt_ovalign"],#wpimager-editor label[id^="img_oalign"], #wpimager-editor label[id^="img_ovalign"] { 
    padding:5px 8px 2px !important;
}
#resizeHeightImage2Canvas, #resizeTextHeight2Canvas {
    width:36px;
}
#wpimager-editor .btn.active:focus, #wpimager-editor .btn:focus, #wpimager-editor .btn:active:focus {
    outline:none;
}
#wpimager-editor .btn-default.disabled {
    opacity:1;
    color:#888888;
}
#cropimageconsole, #imgconsole, #txtconsole, #mainimageconsole, #rotateimageconsole,#borderimageconsole, #outlinetextconsole, #bordertextconsole, #linestyletoolbar, #linetoolbar, #shapetoolbar, #polygontoolbar, #circulartextconsole, #positiontextconsole, #rotatetextconsole, #canvascolorpickerconsole {
    display:none;
}

#imgconsole .btn-default,#imgconsole .btn-sm, #txtconsole .btn-default {
    padding:4px 10px;
}
#imgconsole .fa {
    font-size:14px !important;
}
#cvsbox_menu {
    padding: 0px 0 3px;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    background: #333;
    height:50px;
}
#cvsbox_menu.fixed, #toolBox.fixed, #canvas_slides.fixed {
    position: fixed !important;
}
#txtconsole, #imgconsole {
    padding:6px 6px 0;
    padding-right: 6px;
    /*    overflow: hidden;*/
    color:#999;
    background-color:#333333;
    white-space: nowrap;
}
#cropimageconsole, #toolText {
    font-size:12px;
}
#imgconsole, #txtconsole {
    font-size: 11px;
}
#panelToolbar .btn-reset {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding:6px 8px;line-height: 12px;  
    background:#333333; margin:1px;
}
#toolText .btn-sm  {
    padding:4px 9px;
}
#toolText, #texttoolbar {
    font-size:13px;    
}
#toolCanvas {
    padding:0px 16px 8px;
    font-size:13px;
    display: none;
    margin-top: 8px;
    margin-bottom: 10px;
}
#toolCanvas .content-media-sizes {
    display:none;
    margin-left:10px;
}
#toolCanvas .content-media-sizes a {
    color:#eaeaea;
}
#toolCanvas .content-media-sizes a div {
    padding:1px 4px;
}
#toolCanvas .content-media-sizes a:hover div {
    background-color:#454545;
}
#toolCanvas .content-media-sizes a.active div {
    background-color:#222;
}
#currentSizeLayout {
    font-size:13px;
    color:#aaa;
    /*    margin:12px 100px 0 0;*/
    margin: 4px 0;

}
#wpimager-editor .faded {
    filter:alpha(opacity=40); 
    -moz-opacity:0.4; 
    opacity: 0.6; 
    color:#000 !important;
}
#toolboxLayerSortable, #toolSlidesSortable, #toolComSortable, #toolboxLayersSortable {
    position: relative;
    overflow-y:auto;
    overflow-x: hidden;
    text-align: left;
    color:#555;
    height:100%;
    width:100%;
}

#toolComSortableWrap, #toolSlidesSortableWrap {
    overflow-y: auto;
    overflow-x: hidden;
}
#toolboxLayerSortableWrap, #toolboxLayersSortableWrap {
    width:250px;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding:4px !important;
}

#toolboxLayerSortableWrap .invalid-position {
    background-color: #ac2925;
    height: 0;
    padding: 0;
    border:none;
}


#toolBox {
    padding: 0;
    /*    position:absolute;*/
    float:right;
    z-index: 5001;
    /*    left:810px;*/
    overflow:visible;
    border:1px solid #454545;
    margin-left:10px;
    background-color: #333 !important;
    line-height: 1.4 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*    width:255px;*/
    /*    margin-right:10px;*/
}

#wpimager-editor ul.toolControl {
    line-height: 1.4em;
}
#toolBox ul.nav, #wpimager-editor ul.toolControl.nav, #wpimager-editor ul.nav-slide {
    padding: 0px 4px 0;
    margin: 0;
    text-align: center;
}
#wpimager-editor ul.nav-slide {
    padding: 6px 0 6px;
}

#toolBox.ui-widget-content {
    background:none;
}
#toolBox ul.nav li, #wpimager-editor ul.toolControl.nav li, #wpimager-editor ul.nav-slide li {
    padding:0px !important;
    margin: 3px 1px;
    float: none;
    display: inline-block;
}

#wpimager-editor ul.toolControl {
    position: absolute;
    right:-160px;
    top:10px;
    width:160px;
    z-index: 99999;
}

#wpimager-editor ul.toolControl.nav li {
    margin: 0 3px;

}

#wpimager-editor ul.nav-slide {
    margin-top: 8px;
}

#wpimager-editor ul.nav-slide li a {
    display: block;
}

#wpimager-editor ul.nav-slide li a:hover {
    color:#fff !important;
}



#wpimager-editor ul.toolControl.nav li.sdControl a:hover, #wpimager-editor ul.toolControl.nav li.sdControl a:focus {
    background: #222;
}

#wpimager-editor ul.toolControl.nav li.sdControl {
    display: block;
    line-height: 21px;
}

#wpimager-editor ul.toolControl.nav li.sdControl a.small {
    font-size:96%;
}

#wpimager-editor ul.toolControl.nav li.sdControl.active a:hover, 
#wpimager-editor ul.toolControl.nav li.sdControl.active a:focus {
    background-color:#000;
    color:#fff;    
}

#wpimager-editor ul.toolControl.nav li.sdAlert {
    padding: 6px 8px !important;
    background-color:#434343;
    color:#ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;    
    display: block;
    line-height: 15px;    
    text-align: left;
    font-size:0.9em;
}
#wpimager-editor ul.toolControl.nav li.sdAlert .close {
    color:#ddd;
}

#toolBox ul.nav li a {
    padding: 4px 8px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-color:#151515;
    font-size:13px;    
    color:#999;
}

#wpimager-editor ul.toolControl.nav li a:not(.btn) {
    padding: 3px 8px;
    font-size:13px;    
    color:#999;    
}
#wpimager-editor ul.toolControl.nav li {
    display: block;
    margin:0 0 2px;
    width:100%;

}
#wpimager-editor ul.toolControl.nav li a.btn {
    display: block;
    margin:0 0 3px;
    width:100%;
}
#wpimager-editor ul.toolControl.nav li:hover a.btn, 
#wpimager-editor ul.toolControl.nav li a.btn:focus {
    background-color:#000;
}

#wpimager-editor ul.nav-slide li a {
    padding: 4px 8px;
    width:32px;
    height:32px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color:#555;
    font-size:13px;    
    color:#aaa; 
    line-height: 26px;
}

#toolBox ul.nav li a:hover {
    color: #23527c;
}
#toolBox ul.nav li.active a {
    background-color:#337ab7;
    color:#fff;    
}
#wpimager-editor ul.toolControl li.active a, 
#wpimager-editor ul.toolControl li.active a:hover, 
#wpimager-editor ul.toolControl li.active a:focus
{
    background-color:#111;
    color:#fff;
}

#wpimager-editor ul.toolControl li.active a:before {
    content: "\f00c";
    font-family: fontawesome;
    position: absolute;
    left:6px;
    color:green;  
}

#wpimager-editor ul.toolControl li.dir0 a:before {
    content: "\f061";
    font-family: fontawesome;
    position: absolute;
    left:6px;
    color:#00a0d2;  
}
#wpimager-editor ul.toolControl li.dir1 a:before {
    content: "\f063";
    font-family: fontawesome;
    position: absolute;
    left:6px;
    color:#00a0d2;  
}

#wpimager-editor ul.nav-slide li.active a {
    background-color:#d43f3a;
    color:#fff;
}

#wpimager-editor ul.nav-slide li #select_templateOn {
    width:auto;
}

#wpimager-editor .btn-success-underline {
    border-bottom: 3px solid #337ab7;
    background-color: #111;
}

#wpimager-editor .btn-success-underline:hover, .btn-success-underline:focus {
    background-color: #111;
}

#wpimager-editor .toolboxLayersCom {
    padding:16px 4px 0;
    color:#ddd;
    font-size:13px;
    margin-right:3px;
}

#wpimager-editor .toolboxLayersCom input, #wpimager-editor .toolboxLayersCom textarea {
    color:#333;
}

#wpimager-editor .toolboxLayersCom #input2 {
    width:240px;
    height:100px;
}
#wpimager-editor .toolboxLayersCom textarea {
    font-size:14px;
}
#wpimager-editor .toolboxLayersCom p {
    padding:4px 0;
}
#toolboxLayerFontawesome, #toolBrowseShape, #toolboxLayerDrawLine, #toolBrowsePolygon,#toolboxLayerAddBackground, #toolboxLayerAddText,#toolCanvas {
    display: none;
    overflow-y: auto;
}
#toolboxLayerFontawesome table {
    margin:0 auto;
}
#toolboxLayerFontawesome table tbody {
    color:#333;
}

#canvas_bottom.freeze .ui-resizable-se, #canvas_bottom.freeze .ui-resizable-sw, #canvas_bottom.freeze .ui-resizable-s {
    display:none;
}

#toolBox .ui-resizable-se {
    right: 0px;
    bottom: 0px;
    width:16px;
    height:16px;
}
#toolBox .ui-resizable-sw {
    left: 0px;
    bottom: 0px;
    width:16px;
    height:16px;
}
#toolBox .ui-resizable-w {
    left: 0px;
    bottom: -10px;
    width:12px;
}
#toolBox .ui-resizable-e {
    right: 0px;
    bottom: -10px;
    width:12px;
}

#toolBox .btn-layer-visible, #toolBox .btn-layer-lock {    
    float:left;
    width:24px;
    border:none;
    padding:10px 0;
    margin:0px;
    height:56px;
    border:1px solid #3f3f3f;
    background-color:#3f3f3f;   
    filter:alpha(opacity=90); 
    -moz-opacity:0.9; 
    opacity: 0.9; 

}

#toolBox .btn-layer-visible span, #toolBox .btn-layer-lock span {    
    padding:0px;
    color:#ababab;
    font-size:13px;
}

#canvas_slides { 
    padding: 0;
    position:absolute;
    top:147px;
    z-index: 5001;
    /*    left:810px;*/
    overflow:visible;
    margin-left:0px;
    line-height: 18px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-right: 0px;
    margin-bottom: 0px;
    width:160px;
}
#canvas_slides.mini {
    left:0px;
    width:46px;
    background-color:transparent;
    border:none;
}
#canvas_slides.mini .toolslideItem .square {
    height:32px;
    background-color: transparent;
    border:none;
    padding:0;
}

#canvas_slides.mini #toolSlidesHandle,#canvas_slides.mini #toolComHandle, #canvas_slides.mini #toolSlidesMainMenu, #canvas_slides.mini #toolComMainMenu {
    display:none !important;
}

#canvas_slides.mini .toolslide.active .tool-slide-number, #canvas_slides.mini .toolslide.active .tool-slide-number:hover {
    background-color:#d43f3a;
    opacity: 0.96;
}
#canvas_slides.mini .toolslide .tool-slide-number:hover {
    background-color:#000;
    opacity: 0.7;
}
#canvas_slides.mini .toolslide.active .square {
    background-color: transparent !important;
}

#canvas_slides.maxi {
    left:0px;
    width:160px;
    border:1px solid #454545;
    background-color: #333;
}
#canvas_slides.maxi #toolSlidesHandle #toolViewSlides_Min2 {
    position: absolute;
    right:10px;
    top:8px;
    color:#999;
}
#canvas_slides.maxi .toolslideItem .square {
    height:40px;
}

#canvas_slides.maxi #toolSlidesHandle, #canvas_slides.maxi #toolComHandle, #canvas_slides.maxi #toolSlidesMainMenu, #canvas_slides.maxi #toolComMainMenu {
    display:block;
}


#canvas_slides .tool-slide-info, #dialog-restore-slides .tool-slide-info {
    position: absolute;
    left:8px;
    bottom: 0px;
    z-index: 1;
    font-size: 0.9em;
    color:#ccc;
    line-height: 16px;
}
#canvas_slides .tool-slide-info button {
    text-decoration: none;
}

#canvas_slides .tool-slide-number, #dialog-restore-slides .tool-slide-number {
    background-color: #222;
    text-align: center;
    height: 32px;
    width:100%;
    line-height: 32px;
    padding:0px;
    /*    border:1px solid #555;*/
    font-size:17px;
    font-weight: 300 !important;
    opacity:0.7;    
}
#canvas_slides .toolslideKit .tool-slide-number:before {
    content: "\f1b2";
    font-family: fontawesome;
    font-size:24px;
    position: absolute;
    z-index: -1;
    left:12px;
    top:-1px;
    color:#454545;      
}

#canvas_slides .toolslideKit.active .tool-slide-number:before {
    color:#00a0d2;
}
#canvas_slides .toolslideKit.active .tool-slide-number {
    background-color:#337ab7 !important;
}


#canvas_slides .btn-slide-layout {
    color:#abc;
    line-height: 20px;
}
#wpimager-editor .toolslideItem .editSlideTitle, #canvas_slides .btn-action-play {
    float:right;
    width:24px;
    border:none;
    padding:10px 0;
    margin:0px;
    height:56px;
    border-color:#333;
    border-style: solid;
    border-width: 0 1px 0 1px;
    background-color:#3f3f3f;   
    color:#888;
}

#wpimager-editor .toolslideItem .btn-action-play, #wpimager-editor .toolslideItem .btn-action-play.active {
    border-color:transparent !important;    
    border:none !important;
    margin:0px;
}
#wpimager-editor .toolslideItem.active .square {
    border:none;
}
#wpimager-editor .toolslideItem .editSlideTitle {
    position:absolute;
    right:0;
    top:0px;
    z-index: 100;
    border-color:transparent;
    padding: 0;
    height:40px;
}
#wpimager-editor .toolslideItem .editSlideTitle:hover {
    border-color:#333;
    color:#ccc;
}
#wpimager-editor .toolslideItem .tl {
    padding: 0 4px;
}

#canvas_slides .btn-action-play, #restore-slides-box .btn-action-play {
    color:#999;
    width:18px;
    float:left;
    height: 48px;
    display: none;
}

#canvas_slides .toolslide:hover  .btn-action-play {
    color:#ddd;
    /*    color:#fff;*/
}

#canvas_slides .btn-action-play {
    /*    display: none;*/
}

#wpimager-editor .sorthandle {
    color:#fff;
    background-color: #333;
    font-weight: bold;
    position: absolute;
    top:-1px;
    width:20px;
    height:20px;
    z-index: 20;
    padding:2px 3px;
    text-align: center;
    margin:0px 0 0 27px;
    font-size: 13px;
    cursor: move; 
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    display:none;
    /*    -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;*/

}

#wpimager-editor .sorthandle:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#wpimager-editor .toolboxLayer .progress-uploading {  
    position:absolute;
    z-index: 10;
    top: 0px;
    margin: 12px 16px 6px;
    height:16px;
    width:80%;
    text-align: center;
    display: none;
}
#wpimager-editor .toolboxLayer .progress {
    height:10px;
    width:100%;
    margin-bottom: 12px;
}
#wpimager-editor .toolboxLayer .progress-uploading .progress-bar {
    height:10px;
}
#wpimager-editor .square,  #wpimager-editor .ui-sortable-placeholder {
    position: relative;
    margin:6px 8px 6px 4px;
    margin: 2px auto;
    background-color:#454545;
    height:68px;
}

/* }, .toolboxLayer.multi:before { */
#wpimager-editor .toolboxLayer.active:before, #wpimager-editor .toolboxLayer.active:before, #wpimager-editor .toolFormLayer.active:before { 
    border-bottom: 10px solid transparent;   
    border-top: 10px solid transparent;  
    border-left: 7px solid #d54e21; 
    width: 0;
    height: 0;
    content: "";
    display: block;
    position: absolute;
    left:-8px;
    top:18px;
    z-index: 200;  
}
#wpimager-editor .toolboxLayer.active.startsort:before {
    border:none;    
}
#wpimager-editor .toolboxLayer.multi:before {
    border-right: 7px solid #999;
}
#wpimager-editor .toolboxLayer:hover > .sorthandle {
    display: block;
}
#canvas_slides.maxi .toolslide:hover > .sorthandle {
    display: block;
}
#wpimager-editor .toolslide > .sorthandle {
    right:32px;
    display: none;
}


#wpimager-editor .toolboxLayer.active .square,#wpimager-editor .toolboxLayer.multi .square, #wpimager-editor .toolboxLayer.active .square, #wpimager-editor .toolFormLayer.active .square {
    background-color: #f4511e !important;
    color:#fff;
}

#wpimager-editor .toolslide.activehover .square, #wpimager-editor .toolslide.activehover .editSlideTitle {
    background-color: #282828 !important;
}
#canvas_slides.mini .toolslide.activehover .tool-slide-number {
    background-color: #000000 !important;
}

#wpimager-editor .toolslide.active .square, #wpimager-editor .toolslide.active .editSlideTitle, #wpimager-editor .toolslide.active .btn-action-play {
    background-color: #456;
}

#wpimager-editor .toolslide.comInUse .tlnote, #wpimager-editor .toolslide.comInUse .ic-toolslide {
    color: #8bc34a !important;    
}

#wpimager-editor .toolslide.comInUse {
    border-left:2px solid #8bc34a;
}

#wpimager-editor .toolslide.useInCom .tlnote, #wpimager-editor .toolslide.useInCom .ic-toolslide, #wpimager-editor .toolslide.active .usage-count {
    color: #4d99f4 !important;    
}

#wpimager-editor .toolslide.useInCom .tlnote.active {
    font-weight: bold;
    text-decoration: underline;
}


#wpimager-editor .toolslide.useInCom {
    border-left:2px solid #4d99f4;
}

#wpimager-editor .ui-sortable-helper {
    z-index: 6000;
}
#wpimager-editor .toolboxLayerImage .square, #wpimager-editor .toolboxLayerText .square, #wpimager-editor .toolslideItem .square, #wpimager-editor .toolboxLayer .square, #wpimager-editor .toolboxLayerImage .square, #wpimager-editor .toolFormLayer .square, #wpimager-editor .toolFormLayerText .square, #wpimager-editor .toolFormLayerImage .square {
    height:56px;
    background-size: 50px 50px;
    background-position: 2px 2px;
    margin:0;
    overflow: hidden;
}

#wpimager-editor .toolboxLayerImage .square, #wpimager-editor .toolslideItem .square, #wpimager-editor .toolboxLayer .square, #wpimager-editor .toolFormLayer .square {
    background-color: #3f3f3f;   
    color:#fafafa;
}


#image_url {
    position: absolute;top:-24px;width:100%;text-align: center;padding:0 4px;color:#888;font-size:0.9em;
}
#wpimager-editor .toolboxLayerUnknown .square, #wpimager-editor .toolboxLayerCOM .square, #wpimager-editor .toolboxLayerText .square, #wpimager-editor .toolboxLayerText .square, #wpimager-editor .toolFormLayerText .square  {
    height:56px;
    background-size: 50px 50px;
    background-position: 2px 2px;
    margin:0;
    overflow: hidden;
    background-image:url(../images/icon-text-layer.png);
    background-color: #3f3f3f;   
    color:#fafafa;
}

#wpimager-editor .toolboxLayerUnknown .square {
    background-image:url(../images/icon-unknown-layer.png);
}
#wpimager-editor .toolboxLayerCOM .square {
    background-image:url(../images/icon-component-layer.png);
}
#wpimager-editor .toolboxLayerText .polysquare {
    background-image:url(../images/icon-polygon-layer.png);
}
#wpimager-editor .toolboxLayerText .customsquare {
    background-image:url(../images/icon-custom-layer.png);
}
#wpimager-editor .toolboxLayerText .linesquare {
    background-image:url(../images/icon-line-layer.png);
}
#wpimager-editor .toolboxLayerText .curvedtext {
    background-image:url(../images/icon-curvedtext-layer.png);
}
#wpimager-editor .toolslideItem .square {
    height:56px;
    padding:1px 4px 0;
}

#restore-slides-box .toolslideItem .square {
    height:42px;
    padding:1px 4px 8px !important;
}
#restore-slides-box .editSlideTitle {
    display: none !important;
}
#restore-slides-box-wrap {
    overflow-y: auto;
    height: 80%;
}
#wpimager-editor .toolslideItem .tlnote {
    font-size: 15px !important;
    color:#eaeaea !important;
}
#wpimager-editor .toolslideItem .square:hover {
    cursor: pointer;
}

#wpimager-editor .toolboxLayer .tl, #wpimager-editor .toolboxLayer .tl, #wpimager-editor .toolFormLayer .tl {
    padding-left:60px;   
}
#wpimager-editor .toolboxLayer #editLayerNote, #wpimager-editor .toolslide #editActionNote {
    position: absolute;
    top:0;
    z-index: 200;
    background: #eaeaea;
    width:100%;
    height:100%;
    padding:4px 6px;
    text-align: center;
    display:none;
}
#wpimager-editor .toolslide #editActionNote {
    padding:1px 3px;
    background-color: #333;
}
#wpimager-editor .toolboxLayer #txtEditLayerNote, #wpimager-editor .toolslide #txtEditActionNote {
    padding:2px 4px;
    margin-bottom: 2px;
    height:24px;
    width:100%;
}

#wpimager-editor .toolslide #editActionNote {
    text-align: left;
}

#wpimager-editor .toolslide #txtEditActionNote {
    border-radius: 0;
    padding:0px 2px;
    height: 18px;
    font-size:0.9em;
}
#wpimager-editor .square .table-cell .fa-lock, #wpimager-editor .square .table-cell .fa-eye-slash {
    /*    text-shadow: 0px 0px 3px #ffffff;    */
    color:#fdfdfd;
    background:#898989;
    padding: 3px;
    position: absolute;
    bottom:2px;
    left:33px;
    width:18px; height:18px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
    text-align: center;
    font-size:12px;
}
#wpimager-editor .square .itl .removeImage:hover {
    color:#d9543f !important;
    text-shadow: 0px 0px 3px #ffffff;    
}
#wpimager-editor .bigsquare {
    background-color:#333;
    width:112px;
    height:112px;    
    margin-top: 6px;
}

#wpimager-editor .squared {
    float:left;
    position: relative;
    width:80px;
    height:80px;
    margin:0;
    margin-right:10px;
    background-color:#111;
    overflow:hidden;
}

#the-list .squared {
    background-color: transparent;
}


#wpimager-editor .toolboxLayer, #wpimager-editor .toolslideItem, #wpimager-editor .toolboxLayer {
    position: relative;
    /*    border-left:8px solid transparent;  */
    margin: 1px 0 0 0;
    clear:both;
}


#wpimager-editor .tl, #wpimager-editor .itl, #wpimager-editor .atl {
    padding:2px 4px;
    text-align: left;
    color:#dddddd;
    font-size:1.2em;
}

#wpimager-editor .toolboxLayer .tlnote, #wpimager-editor .toolslide .tlnote {
    font-size: 13px !important;
    line-height: 18px;
    padding-right: 4px;
    vertical-align: middle;
    overflow: hidden;
    color:#ffffff;
    white-space: nowrap;
}
#wpimager-editor .toolslide .tlnote {
    padding-left: 16px;
    padding-top: 2px;
}
#canvas_slides.maxi .toolslide .fa-square-o, #restore-slides-box .toolslide .fa-square-o {
    position: absolute;
    top:2px;
    left:8px;
}
#canvas_slides.maxi .toolslide .fa-cube, #restore-slides-box .toolslide .fa-cube, #canvas_slides.maxi .toolslide .fa-clone {
    position: absolute;
    top:4px;
    left:7px;
}
#canvas_slides.maxi .toolslide .fa-cubes {
    position: absolute;
    top:4px;
    left:4px;    
}

#wpimager-editor .toolboxLayer .tlcontent {
    display:inline-block;
}

#wpimager-editor .toolboxLayer .label-template {
    position:absolute;
    bottom:2px;
    left:2px;
    font-size:10px;
    color: #fff;
    background:green;
    padding:1px 0 0;
    height:17px; 
    width:17px;
    line-height: 17px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
#wpimager-editor .toolboxLayer .label-template .fa {
    font-size:14px;    
}

#wpimager-editor .toolboxLayer .label-template {
    display:none;
}

#act0 .square,#act0 .btn-action-play {
    /*    background-color: #388e3c;*/
    border: none;
    color:#fff;
}
#act0.active .square,#act0.active .btn-action-play {
    /*    background-color: #1b5e20 !important;*/
}
#wpimager-editor .gtl, #wpimager-editor .ttl, #wpimager-editor .itl, #wpimager-editor .atl {
    position: absolute;
    right:0px;
    top: 3px;
    z-index: 101;
    display: none;
    padding:0;
}
#wpimager-editor .gtl a, #wpimager-editor .ttl a, #wpimager-editor .itl a, #wpimager-editor .atl a {
    color:#888;

}
#wpimager-editor .atl {
    display: block;
}
#contentBrowseBackground {
    overflow-y:scroll;
}
#contentBrowseBackground .layer, #contentBrowseShape .layer, #contentBrowsePolygon .layer {
    display: inline-block;
    margin: 6px;
}
#toolBrowseBackground {
    display: none;
}
#toolBrowseShape {
    padding:8px;
}

#contentDrawShape {
    padding: 20px 0;
    background:#222;
}
#wpimager-editor .bgtlg, #wpimager-editor .polytlg {
    width:90px;
    height: 90px;
    z-index: 12;
    border:1px solid #bbb;    
}
#wpimager-editor .shapetlg {
    border:1px solid #bbb;    
}
#wpimager-editor .bgtlg:hover, #wpimager-editor .shapetlg:hover, #wpimager-editor .polytlg:hover {
    cursor: pointer;
}
#wpimager-editor .tlc, #wpimager-editor .tlcb, #wpimager-editor .tlg {
    position: absolute;
    right:11px;
    bottom: 13px;
    width:14px;
    height: 14px;
    z-index: 12;
    border:1px solid #bbb;
    display:none;
}
#wpimager-editor .tlcb {
    z-index: 10;
    right:6px;
    bottom:6px;
}
#wpimager-editor .tlg {
    width: 32px;
    height: 10px;
    right:6px;
    bottom:8px; 
}
#toolboxLayerSortable .tlg.rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:0;
}

#wpimager-editor .toolboxLayerText:hover .bg,#wpimager-editor .toolboxLayerImage:hover .bg {
    overflow:hidden;
}
#wpimager-editor .ui-sortable-placeholder {
    width:100%;
    border: 1px dashed #888;
    /*    background: #ccc;*/
    margin: 0;
}


#wpimager-editor .content {
    position:absolute;
    height:100%; 
    width:100%; 
    padding: 0px;
    overflow: hidden;
}

#wpimager-editor .table{
    display:table;
    width:100%;
    height:100%;
}
#wpimager-editor .table-cell{
    display:table-cell;
    vertical-align:middle;
    text-align: left;
    color:#777;
}
#wpimager-editor .icon-hidehide {
    display:none;
}

#wpimager-editor ul{
    text-align:left;
    margin:5% 0 0;
    padding:0;
    list-style-position:inside;
}
#wpimager-editor li{
    /*    margin: 0 0 0 5%;*/
    margin:0;
    padding:0;
}


#wpimager-editor .content .rs{
    width:auto;
    height:auto;
    max-height:90%;
    max-width:100%;
}

#wpimager-editor .bg{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
    /*    border:1px solid #3f3f3f;*/
}


#wpimager-editor .lbl_pick_text > label {
    padding: 0;
    margin:0;
}


#toolText_top {
    position:absolute;
    top: -40px;
    left:-4px;
}

#imgconsole_task, #txtconsole_task,#nilconsole_task, #resizeconsoleconsole_task {
    color:#333;
    padding:0px;
    /*    position: absolute;
        top:-36px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;*/
    line-height: 26px;
    width: 100%;
    font-size:12px; 
    text-align: center;
    background-color:#2c2c2c;
    white-space: nowrap;
}


#wpimager-editor .console_task_box {
    color:#333;
    padding: 0px 12px 0;
    position: relative;
}

#wpimager-editor .hideOutputConsole {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
#wpimager-editor .console_task_box .btn-link:hover, #wpimager-editor .cvsconsole .btn-link:hover, #wpimager-editor .cvsconsole .btn-link:focus {
    text-decoration: none;
    color:#aaa;
}
#wpimager-editor .console_task_box .active {
    /*    border-bottom: 3px solid #ac2925;*/
    border-top: 3px solid #4862A3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color:#222;
    color:#e5e5e5;
}
#wpimager-editor .console_task_box:hover .active {
    color:#e5e5e5;
}
#wpimager-editor .console_task_box button[id^='show'] {
    padding:9px 9px 7px;
    /*    border-right:1px solid #ccc;*/
}

#txtconsole #modeTextEdit, #closeCustomCanvasSize2 {
    background:#222;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-top: 0px;
}

#txtconsole #modeTextEdit:hover, #closeCustomCanvasSize2:hover {
    text-decoration: none;
    color:#337ab7 !important;
    background:#1a1a1a;
}
#txtconsole #modeTextEdit.active {
    border-top:none;
    background:#d54e21;
    color:#ffffff;
}
#txtconsole #spanFontsize3 {
    display: none;
}
#wpimager-editor .console_task_box button:focus {
    text-decoration:none;
}

#toolText_Background {
    /*    position:absolute;
        top: -39px;    
        left: -4px;*/
    /*    display: inline-block;*/
    color:#333;
    font-size: 0.9em;
    border:1px solid #ddd;
    padding: 0px 6px 0;
    background: #fafafa;
    height:36px;
}
#showconsole {
    color:#678;
    margin: 14px auto;
    padding: 6px 6px !important;
    float:left;
}

#optionbackcolor {
    float:left;
}

#toolText_Background_controls .ui-spinner {
    vertical-align: top;

}
#toolText_Background_controls #backinvert_box {
    display:inline-block;
    padding: 4px 8px 4px 0;
    margin-right: 4px;
}

#backinvert_box input {
    outline: none;
}

#backwrap-gradient, #fontwrap-gradient {
    width:320px;
    display:inline-block;
    vertical-align: top;
}
#backwrap-radialwidth, #backwrap-rotation, #fontwrap-rotation, #fontwrap-gradline, #backwrap-offset, #backwrap-width, #backwrap-radius, #backwrap-opacity, #backwrap-stripe-offset {
    /*    width:116px;*/
    display:inline-block;    
    vertical-align: middle;
    line-height: 30px;
    padding: 0px 0px;
}

#backwrap-offset {
    width:170px;
}

#backwrap-color, #fontwrap-color {
    display:inline-block;
    vertical-align: top;
    padding: 2px 0px;
    line-height: 30px;
}

#backwrap-opacity {
    width:106px;
}
#backcoloroption-wrap, #fontcoloroption-wrap {
    display:inline-block;
    vertical-align: top;
    padding: 2px 10px;
}
#wpimager-editor .gradient {
    display: inline-block;
    vertical-align: middle;
}
#browseCanvasControls {
    text-decoration: none;
}
#pagetitle {
    padding: 10px 22px;
    font-size:22px;
    background-color: #333;
    color:#eaeaea;
}
#backtocanvas-wrap {
    clear:both;
    width: 100%;
    background-color: #222222;
    color:#eaeaea;
    text-align: center;
    display: none;
}
#backtocanvas {
    color: orange;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom:1px solid orange;
    padding:2px 8px;
}
#backtocanvas:hover {
    background-color: #333333;
    color:#fff;
}

#backtowp {
    display: block;
    float:left;
    width:36px;
    height:36px;
    line-height:32px;
    margin: 8px 10px 8px 6px;
    padding: 0 0 0 8px;
    text-align: left;
    border:1px solid #797979;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;    
    text-decoration: none;
    overflow: hidden;
    position: relative;
    z-index: 100;
}
#backtowp span {
    color:#9a9a9a;    
    height:36px;
    line-height:34px;
    display: inline-block;
    vertical-align: top;
}
#backtowp:hover {
    border:none;
    margin: 0 4px 0 0;
    padding: 8px 8px 8px 6px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;    
    background-color: #0073aa;
    width:48px;
    height:50px;
}
#backtowp span#txtBacktoWP {
    padding: 1px 2px;
    font-size:32px;
}
#backtowp:hover span {
    color:#ddd;
}
#backtowp:hover span#arrBacktoWP {
    display:none;
}
#backtowp span.fa {
    line-height:32px;
    font-size:20px;
}
#canvascolorpickerconsole {
    position:absolute !important;
    top:78px !important;
    z-index: 1000;
    width:100%;
    height: 90px !important;
    padding:6px 4px !important;
}
#canvas-color-picker {
    cursor: pointer;
    cursor: hand;
}
#zipCanvasConsole, #toolViewConsole {    
    padding:10px 0px;
    line-height: 1.6em;
    background-color:#2e2e2e !important;
    /*    display: none;*/
    margin: 0;
    border: none;
    color:#ddd;
}
#toolViewConsole { display:none; width:100%; clear:both;border:none !important; margin: 0 !important }

#zipCanvasConsole .btn-block {
    margin:10px;
}
#wpimager-editor .cvssegment {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-bottom: 10px;        
}
#wpimager-editor .cvssegment.gray {
    background-color: #fafafa;
}
#wpimager-editor .cvssegment.title {
    margin: 0;
    border: none;
}
#wpimager-editor .cvssegment > #generated_image {
    padding:10px 20px;
}
#wpimager-editor .cvssegment ul.menu {
    margin:0;
    padding: 0;
    /*    border-bottom:1px solid #dddddd;*/
    background-color:#fafafa;
    clear:both;
}
#wpimager-editor .cvssegment ul.menu li {
    float:left;
    margin:0;
    /*    border-right:1px solid #dddddd;*/
}
#wpimager-editor .cvssegment ul.menu li.pull-right {
    float:left;
    margin:0;
    border-left:1px solid #dddddd;
    border-right:none;
}

#wpimager-editor .cvssegment ul.menu li a {
    padding: 10px 18px !important;
    display: block;
    font-size:13px;
    background-color:#2e2e2e;    
    color:#bbb;
}
#wpimager-editor .cvssegment ul.menu li a:hover {
    text-decoration: none;
    color:#ddd;
}
#imageurl {
    text-align: center;padding:0 4px;color:#777;line-height: 32px;
    font-size:13.5px;
}
#alertbar, #wpimager-editor .alertbar {
    padding:4px 10px;margin:0;display:none;position:absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top:0px;
    width:380px;
    background: #d54e21;
    color: #ffffff;
    border:none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 4px;
}
#demobar {
    display: inline-block;
    text-align: center;
    /*    top:-10px;*/
    width:480px;
    background: #245FA3;
    padding: 3px;
    font-size:0.9em;
}
#undoredo-box {
    position:absolute;right:0px; z-index: 1000 !important;padding: 6px 4px;
}
#undoredo-box button {
    padding: 4px 8px !important;
    height: 27px;
    border:none;   
    background-color: #282828;
}
#textPadding, #polygonSides,#polygonSides2, #alphaBack, #radiusBack, #alphaImage, #rotateImage, #borderImage, #blurImage, #outlineText, #spacingText,#spacingText2, #borderGap,#borderText,#borderTextDash,#borderTextSpace, #borderText2,#borderTextDashset, #shadowImage, #shadowText, #shadowTextFill, #shadowOxTextFill, #shadowOyTextFill {
    width:26px;
}
#shadowOxText, #shadowOyText, #shadowOxTextFill, #shadowOyTextFill,#shadowOxImage, #shadowOyImage  {
    width:22px;    
}
#backradialOx, #backradialOy, #backstripeOx {
    width:24px;
}
#txtGrow,#txtAngle1,#txtAngle2, #alphaText, #rotateText, #rotateImage, #radiusImage, #radiusText, #skewAImage, #skewBImage, #skewAText, #skewBText, #cropImageWidth, #cropImageHeight, #backgradrotation, #fontgradrotation, #circAngle, #textAngle, #backtilewidth, #backradialRad {
    width:28px;
}
#cvsdownload-box {
    position:absolute;
    left:0px;
    top:8px;
}
#cvszoom-box {
    position:absolute;
    right:16px;
}
#cvszoom,#custom_canvas_width,#custom_canvas_height,#component_canvas_width,#component_canvas_height {
    width:38px;
}
#cvszoom { display:none; }
#lineLength, #circRadAdj, #xFine, #yFine, #imageWidth, #imageHeight, #fontsize, #fontsize2,#fontsize3, #canvasWidth, #canvasHeight, #polygonSpokeRatio, #txtRadius, #txtWidth, #txtHeight {
    width:34px;
}
#basecolor, #fontcolor,#fontcolor2,#fontcolor3, #backcolor,  #bordercolorImage, #outlinecolorText, #bordergapcolor, #bordercolorText, #bordercolorText2, #shadowcolorImage, #shadowcolorText,#shadowcolorTextFill, #canvascolor, #canvasforecolor, #color {
    width:70px !important;
}
.copicker {
    width:76px !important;    
}
#fontcolorcanvas {
    width:100px; height:30px;
}
#fontcolorcanvas-wrap {
    display:inline-block;
    vertical-align: top;
}
#warn-layer-hidden {
    text-align: center;position: absolute;top:36px;width:100%;display:none;
}
#warn-layer-hidden span {
    padding:2px;
}
#wpimager-editor .center {
    text-align: center;
}
#clearimage {
    margin: 0;color:#ddd;padding:4px 3px 6px;
}
#iconpicker {
    display: none;
}
#wpfooter {
    display: none;
}



#fontTest {
    display: none;
}

#wpimager-editor .pin-small {
    font-size:13px;
    line-height: 20px;
    color:#678;
}

#wpimager-editor .onloadShow {
    display:none;
}

#wpimager-editor .underline {
    text-decoration: underline;
}

/**** simple uploader **/
#wpimager-editor .progress {
    height: 16px;
}

/*** loading ***/
#wpimager-editor .loader:before,
#wpimager-editor .loader:after,
#wpimager-editor .loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load4 1.8s infinite ease-in-out;
    animation: load4 1.8s infinite ease-in-out;
}
#wpimager-editor .loader {
    margin: 0px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
}
#wpimager-editor .loader:before {
    left: -3.5em;
}
#wpimager-editor .loader:after {
    left: 3.5em;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
}
#wpimager-editor .loader:before,
#wpimager-editor .loader:after {
    content: '';
    position: absolute;
    top: 0;
}
@-webkit-keyframes load4 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #ccc;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #999;
    }
}
@keyframes load4 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #ccc;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #999;
    }
}

#wpimager-editor .spin-custom {
    -webkit-animation: spin 3000ms infinite linear;
    animation: spin 3000ms infinite linear;
}
#wpimager-editor .pin-rotate {

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes shakeme {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
#wpimager-editor .shakeme {
    -webkit-animation-name: shakeme;
    -webkit-animation-duration: 0.8s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}


#wpimager-editor .grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}


#wpimager-editor .grabbable:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#wpimager-editor .wrap .page-title-action, #wpimager-editor .wrap .page-title-action:active {
    margin-left: 4px; 
    padding: 4px 8px; 
    position: relative; 
    top: -3px; 
    text-decoration: none; 
    border: none; 
    -webkit-border-radius: 2px; 
    border-radius: 2px; 
    background: #e0e0e0; 
    text-shadow: none; 
    font-weight: 600; 
    font-size: 13px; 
}

#wpimager-editor .wrap .page-title-action:hover {
    background: #00a0d2;
    color: #fff;
}
#cvsformat-box {
    margin-top: 22px;
}
#btnFileFormat {
    width:36px;
    height:36px;
    padding:0px 0;
    line-height: 36px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f5f5f5;
    color:#676767;
    border: none;
}

#ddFileFormat, #ddBaseShapeImg, #ddBaseShapeTxt {
    text-align: center;
    width: 64px;
    min-width: 64px;
    text-align: center;
    margin-top: 10px;
}

#ddBaseShapeImg, #ddBaseShapeTxt {
    min-width: 114px;
    text-align: left;
    z-index:10000;
}
#btnBaseShapeImg, #btnBaseShapeTxt {
    border-top:none;
    color:#4862A3;
    background-color:#222;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}


#ddFileFormat li a {
    /*    padding: 2px 0;*/
    font-size:12px;
}

#duZoom {
    width: 100px;
    min-width: 100px;
    margin-bottom: 8px;
    right:2px;
    text-align: center;
    z-index: 10000;
}

#paste_clipboard {
    opacity:0;
    position:fixed;
    bottom:0px;
    left:0px;   
    margin-left: -100px;
    width:10px;
    overflow: hidden;
}
#progressWrap {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right:0;
    top:166px;
    width:380px;
    position:absolute;
    z-index: 300;
}

#printProgressWrap, #downloadProgressWrap, #uploadProgressWrap {
    padding:10px 10px 6px;margin:0 0 10px;display:none;
    background: #434343;
    color:#fafafa;
    border:3px solid #404040;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    filter:alpha(opacity=98); 
    -moz-opacity:0.98; 
    opacity: 0.98; 
}

#uploadProgressWrap {
    background: transparent;
    color:#333;
    max-width: 400px;
    margin:20px auto;
    border:none;
}

#printProgressOuter, #downloadProgressOuter {
    margin: 6px 0 8px;
}

#downloadProgressNG, #printProgressNG
{
    padding:0 8px 8px;
    color: #a94442;
}
#downloadcanvas.disabled {
    background:#f5f5f5;
}

#printProgressWrap .progress, #downloadProgressWrap .progress {
    height:12px;
    width:100%;
}

#wpbody .update-nag {
    display:none;
}

#progressDialog .modal-backdrop {
    filter: alpha(opacity=60) !important;
    opacity: .6 !important;
}
#progressDialog .modal-dialog {
    width: 400px;
}
#progressDialog .progress {
    height: 12px;
}

#wpimager-editor .percentspinner .ui-spinner:before {
    content: "%";
    width: 40px;
    padding-top: 3px;
    position: absolute;
    top: 0;
    right: 2px;
    color:#555;
}

#wpimager-editor span.stretch {
    display:inline-block;
    -webkit-transform:scale(1.3,1); /* Safari and Chrome */
    -moz-transform:scale(1.3,1); /* Firefox */
    -ms-transform:scale(1.3,1); /* IE 9 */
    -o-transform:scale(1.3,1); /* Opera */
    transform:scale(1.3,1); /* W3C */
}
#wpimager-editor span.stretch-slide {
    display:inline-block;
    -webkit-transform:scale(1.14,1); /* Safari and Chrome */
    -moz-transform:scale(1.14,1); /* Firefox */
    -ms-transform:scale(1.14,1); /* IE 9 */
    -o-transform:scale(1.14,1); /* Opera */
    transform:scale(1.14,1); /* W3C */
    vertical-align: top;
    padding-top: 3px;
}

#wpimager-editor span.trapezoid {
    display:inline-block;
    transform-origin: 50% 50% 0px;
    transform: perspective(10px) rotateY(25deg);
}

#wpimager-editor span.skewed {
    display:inline-block;
    transform-origin: 50% 50% 0px;
    transform: perspective(10px) rotateY(0deg) skewY(21deg) translateX(-1px) translateY(0px);
}

#canvas_slides div::-webkit-scrollbar-track, #toolBox div::-webkit-scrollbar-track, #cvswrap::-webkit-scrollbar-track,#color-palette-box::-webkit-scrollbar-track, #wpimager-editor .fs-results::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #666;
}

#canvas_slides div::-webkit-scrollbar, #toolBox div::-webkit-scrollbar, #cvswrap::-webkit-scrollbar,#color-palette-box::-webkit-scrollbar, #wpimager-editor .fs-results::-webkit-scrollbar
{
    width: 12px;
    background-color: #767676;
}

#canvas_slides div::-webkit-scrollbar-thumb, #toolBox div::-webkit-scrollbar-thumb, #cvswrap::-webkit-scrollbar-thumb,#color-palette-box::-webkit-scrollbar-thumb, #wpimager-editor .fs-results::-webkit-scrollbar-thumb
{
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

#canvas_slides div::-webkit-scrollbar-button,#toolBox div::-webkit-scrollbar-button,#cvswrap::-webkit-scrollbar-button,#color-palette-box::-webkit-scrollbar-button, #wpimager-editor .fs-results::-webkit-scrollbar-button {
    background-size: 100%;
    height: 12px;
    width: 12px;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}

#canvas_slides div::-webkit-scrollbar-corner,#toolBox div::-webkit-scrollbar-corner,#cvswrap::-webkit-scrollbar-corner,#color-palette-box::-webkit-scrollbar-corner, #wpimager-editor .fs-results::-webkit-scrollbar-corner {
    background: #333;
}


#canvas_slides div::-webkit-scrollbar-button:vertical:increment,#toolBox div::-webkit-scrollbar-button:vertical:increment, #cvswrap::-webkit-scrollbar-button:vertical:increment, #color-palette-box::-webkit-scrollbar-button:vertical:increment, #wpimager-editor .fs-results::-webkit-scrollbar-button:vertical:increment {
    background: url('../images/scroll-sprite.png') no-repeat -2px -7px;
}

#canvas_slides div::-webkit-scrollbar-button:horizontal:increment,#toolBox div::-webkit-scrollbar-button:horizontal:increment, #cvswrap::-webkit-scrollbar-button:horizontal:increment, #wpimager-editor .fs-results::-webkit-scrollbar-button:horizontal:increment {
    background: url('../images/scroll-sprite.png') no-repeat -22px -18px;
}

#canvas_slides div::-webkit-scrollbar-button:vertical:decrement,#toolBox div::-webkit-scrollbar-button:vertical:decrement, #cvswrap::-webkit-scrollbar-button:vertical:decrement,#color-palette-box::-webkit-scrollbar-button:vertical:decrement, #wpimager-editor .fs-results::-webkit-scrollbar-button:vertical:decrement {
    background: url('../images/scroll-sprite.png') no-repeat -20px -6px;
}
#canvas_slides div::-webkit-scrollbar-button:horizontal:decrement,#toolBox div::-webkit-scrollbar-button:horizontal:decrement, #cvswrap::-webkit-scrollbar-button:horizontal:decrement, #wpimager-editor .fs-results::-webkit-scrollbar-button:horizontal:decrement {
    background: url('../images/scroll-sprite.png') no-repeat -2px -18px;
}

#wpimager-editor .hundred-percent-fullwidth {
    overflow: visible !important;
    background: transparent !important;
}

#wpimager-editor .nomargin {
    margin:0 !important;
}

#wpimager-editor button
{
    margin-bottom: 0px;
    margin-right: 0px; }


/*.modal-content {
    background-color: #222;
    color:#ddd
}
.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top:none;
}*/



#wpimager-editor .fa-with-prev:before {
    content: "\f148";
}
#wpimager-editor .fa-with-prev {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
#wpimager-editor label {
    font-weight: normal !important;
}
#wpimager-editor .label.usage-count {
    font-size:11px;
    font-weight: normal !important;
}

#wpimager-editor .rotate90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#wpimager-editor .rotate45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#wpimager-editor .rotate-45 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#wpimager-editor .left_col {
    background: #333; }
/*
#vmenu_main.left_col, #vmenu_main .left_col {
  background-color:#e7e7e7;
}*/
#wpimager-editor .hideOutputConsole {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

#canvas-side-menu {
    min-height: 100%;
    /*  width: 70px;*/
    padding: 0;
    z-index: 100;
    /*  position: absolute; */
    background-color: #333;
    left:-70px;
}

#canvas-side-menu.menu_fixed {
    position: fixed;
    height: 100%; }


#wpimager-editor .sidebar-header {
    border-bottom: 0;
    margin-top: 46px; }

#wpimager-editor .sidebar-header:first-of-type {
    margin-top: 0; }

#wpimager-editor ul.side-nav.side-menu {
    margin-top: 0;
}
#wpimager-editor .side-nav.side-menu > li {
    position: relative;
    display: block;
    float:left;
    cursor: pointer; 
    margin: 0;
}
#wpimager-editor .side-nav.side-menu > li.active {
    background-color:#222;
}

#wpimager-editor .side-menu > li > a {
    text-align: center;
    padding:10px 0 8px;
    display: block;
    width:60px;
    font-size:10px !important;
}
#wpimager-editor .side-nav.side-menu > li > a.inactive, #wpimager-editor .side-nav.side-menu > li > a.inactive:hover {
    color:#555 !important;
    cursor:default;
}
#wpimager-editor a:focus {
    outline: none;
    box-shadow: none;
}
#canvas-side-menu .side-menu li a i {
    font-size: 18px !important;
    text-align: center;
    width: 100% !important;
    /*    margin-bottom: 5px;*/
}

#canvas-side-menu .side-menu li a.btn-danger, #canvas-side-menu .side-menu li a.btn-success {
    color:#fff !important;
}

#wpimager-editor .side-nav.side-menu > li > a:hover {
    color: #ccc !important; }

#wpimager-editor .side-nav.side-menu > li > a:hover, .nav > li > a:focus {
    /*  text-decoration: none;
      background: transparent; */
}

#wpimager-editor .side-nav.side-menu > li > a, .nav.child_menu > li > a {
    color: #888; }

#canvas-side-menu .btn-default {
    background: none;
}

#wpimager_addslide {
    text-align: center;
    padding: 0;
    min-height: 600px;
}

#wpimager_addslide_mainmenu {
    background-color: #222;
    padding:30px 40px 4px;
    text-align: left;
}
#wpimager_addslide .selbanner {
    background: #333;
    margin: 3px;
    padding: 8px 10px;
    font-size: 0.95em;
    color: #bbb;
    border: 1px solid #393939;
    display: inline-block;
}

#wpimager_addslide .selbanner:hover {
    background-color:#333333;
    color:#fff;
}

#wpimager_addslide .create-panel {
    padding: 30px;
}
/*#wpimager_addslide .section {
        width:25%;
        float:left;
}*/

#wpimager_addslide a:hover {
    text-decoration: none;
}

#wpimager_addslide .header-media-sizes {
    padding:10px 14px 0;
}

#wpimager_addslide .selbanner.active, #wpimager_addslide .content-media-sizes a:hover .selbanner.active  {
    border-bottom: 3px solid #337ab7;
}
#wpimager_addslide .canvas-subtitle, #wpimager_addslide .canvas-action {
    margin-left: 20px;
    margin-bottom: 10px;
    height:40px;
    color:#999;
}
#dimenso, #custom_dimenso, #component_dimenso {
    text-align: center;vertical-align: middle;width:800px; height:500px;background:#434343; color:#fafafa;
    line-height: 500px;
    margin: 20px auto;
}
#dimension_name {
    line-height: 32px;
    margin: 0 10px 0 0;   
    font-size:20px;
}


#color-palette-box-wrap {
    top: 0px;
    left:0;
    margin: 0px;
    position: absolute;
    height:100%;
    width:100%;
    padding:42px 10px 48px;
}
#color-palette-box {
    position: relative;
    height:100%;
    overflow-y: auto;
    background-color: #282828;
    /*    margin-top:48px;*/
}
#color-palette-box a.palette-block {
    display:block;
    margin: 0 0;
    padding: 5px 0px 4px;
    position: relative;
    height:40px;
    text-align: center;
}
#color-palette-box a.palette-block:hover {
    background-color:#202020;
}
#color-palette-box span.palette-square {
    width:30px;height:30px;display:inline-block;
    vertical-align: middle;
}
#color-palette-box span.palette-title {
    position: absolute;
    bottom:10px;
    display:block;
    width:100%;
    text-align: center;
    color:#eaeaea;
    font-size:14px;
    text-shadow: 0px 0px 10px #000000;
}

#color-palette-box .palette-edit {
    display: none;    
    position: absolute;
    right:8px;
    top:8px;
    z-index: 2009;
}

#color-palette-box .palette-block-wrap {
    position: relative;
    overflow: hidden;
}
#color-palette-box .palette-block-wrap:hover  .palette-edit {
    display: block;    
}


#TB_title {
    background: none;
    font-size: 23px;
    font-weight: 300;
    border:none;
    padding: 8px 4px 10px;
    height: 80px;

}
#TB_title:after {
    content: "";
    display: table;
    clear: both;

}
#TB_window {
    background: #fafafa;
}
#TB_container,#TB_uploader {
    overflow: auto;
    position: relative;
    background: #fff;
    border-top: 1px solid #ddd;
}
#TB_uploader {
    overflow: hidden !important;
}

#TB_uploader > div {
    display: inline-block;
    vertical-align: middle;
}

#TB_container_menu {
    position: absolute;
    top:44px;
    left:0;
    z-index:2147483615;
}
#TB_container_menu ul {
    margin:0 0 0 10px;   
}

#TB_container_menu ul li {
    float: left;       
    margin:0;
}

#TB_container_menu ul li a {
    display: block;
    padding: 8px 14px;
    height: 36px;
}
#TB_container_menu ul li a:hover, #TB_container_menu ul li a:focus {
    text-decoration: none;
}

#TB_container_menu ul li.active {
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:none;
    background-color:#fff;
}

#TB_uploader.dropactive {
    background:#245FA3;
    color:#fafafa;
}


#TB_ajaxContainer {
    position: relative;
}
#TB_closeWindowButton {
    right:10px;    
}

#TB_closeWindowButton:focus .tb-close-icon {
    box-shadow: none;
}
#TB_uploader {
    display: none;
}
#media_results {
    margin-top: 10px;    
}
#media_results .item {
    border: 3px solid transparent;    
}
#media_results .item.active{
    border: 3px solid #0073aa;
}
#media_selected_panel {
    position: absolute;
    right:0;
    top:0;
    width:240px;
    background:#f3f3f3;
    padding:0;
    line-height: 22px;
    color:#555;
    overflow: hidden;
}
.flex-images { overflow: hidden; }
.flex-images .item { 
    display:inline-block;text-align:center;width:120px; height:120px; margin: 0px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative;  }
.flex-images .item:hover {
    cursor: pointer;
    cursor: hand;
}
.flex-images .item img { 
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    position: absolute;
    height: 100%;
    border:2px solid #fff;
}


ul#io-slides-select {
    padding: 0px 4px 0;
    margin: 0;
    text-align: center;
}

ul#io-slides-select li {
    padding:0px !important;
    margin: 3px 1px;
    float: none;
    display: inline-block;
}

ul#io-slides-select li a {
    padding: 4px 8px;
    width:32px;
    height:32px;
    background-color:#555;
    font-size:13px;    
    color:#aaa; 
    line-height: 26px;
}

ul#io-slides-select li.active a {
    background-color:#d43f3a;
    color:#fff;
}


ul#io-slides-select li.selected {
    border-bottom: 2px solid #e67e22;
    padding-bottom: 6px !important;
    /*    -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;    */
}

#dialog-com-textedit .modal-content {
    color:#fafafa;
    background-color: #404040;
}
#com-textedit-box-wrap {

}
#com-textedit-box .com-textedit-layer {
    position: relative;
    margin: 0 0 16px;
    padding:0px;
}

#com-textedit-box .com-textedit-layer.child {
    margin-left: 20px;
}

#com-textedit-box .com-textedit-ori {
    margin-right: 0;
    margin-left: 0;
    background-color: #383838;
    border:1px solid #555;
    border-radius: 4px 4px 0 0;    
    padding:8px 10px 4px;  
}

#com-textedit-box .com-textedit-overwrite {
    margin-right: 0;
    margin-left: 0;
    background-color: #303030;
    border-style: solid;
    border-color: #555;
    border-width: 0px 1px 1px 1px;
    border-radius: 0 0 4px 4px;    
    padding:8px 10px;    
}


#com-textedit-box .com-textedit-layer.overwrite .cmd-textedit-overwrite {
    color:#fff;
    background-color:#1b95e0;
}
#com-textedit-box .com-textedit-layer textarea {
    background:#333;    
    color:#ccc;
    border-color:#333;
}

#com-textedit-box .com-textedit-layer.overwrite textarea {
    background:#555;    
    color:#ccc;
    border-color:#383838;
}

#com-textedit-box .com-textedit-layer.overwrite .com-textedit-ori-content {
    text-decoration: line-through;
}
#com-textedit-box .com-textedit-layer:not(.overwrite) textarea {
    text-decoration: line-through;
}
#com-textedit-box .com-textedit-layer .com-textedit-ori-footer-xy {
    display: none;
}
#com-textedit-box .com-textedit-layer.overwrite .com-textedit-ori-footer-xy {
    display: block;
}
#com-textedit-box textarea {
    /*padding-bottom: 24px;*/
}
#com-textedit-box .cmd-textedit-overwrite {
    margin:3px 0;
}
#com-textedit-box .com-textedit-ori-footer {
    font-size:13px;
    margin-top: 4px;
}
#com-textedit-box .com-textedit-ori-footer-xy {
    float:right;
}

#com-textedit-box .com-textedit-x, #com-textedit-box .com-textedit-y {
    width:30px;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 1px;
}

#com-textedit-box .ui-spinner {
    background:#383838;
    color:#fafafa;
    border-color:#606060;
}
#dialog-com-textedit .modal-footer button {
    width:80px;
}

#dialog-background-slide fieldset, #dialog-replace-image fieldset {
    border:1px solid #777;
    padding:6px 6px 10px;   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    color:#aaa;
    line-height: 24px;
    font-size: 0.95em;
}

#dialog-background-slide legend, #dialog-replace-image legend {
    display:inline;
    width:auto;
    text-align: left; 
    color:#eaeaea;
    border:none;
    font-size:1em;
    margin: 0 6px 0;
    padding:2px 4px;    
}

#dialog-replace-image .modal-backdrop.in, #dialog-background-slide .modal-backdrop.in, #dialog-IO-slides .modal-backdrop.in, #dialog-com-textedit .modal-backdrop.in {
    opacity: 0.1;
}

#replaceimagesizes .isCropNG:before {
    content: "\f06a";
    font-family: fontawesome;
    color: #ddd;
    margin-right:4px;
}
#replaceimagesizes .isCropOK {

}