*{box-sizing:border-box}body{padding:0;margin:0;background-color:#F3F4F6}aside.sidebar{display:block;width:60px;height:100%;position:relative;-webkit-transition:width 0.2s ease;-moz-transition:width 0.2s ease;-ms-transition:width 0.2s ease;-o-transition:width 0.2s ease;transition:width 0.2s ease;float:left;z-index:11;position:absolute}body.expand aside.sidebar{width:200px}aside.sidebar ul.mainMenu{list-style:none;text-align:left;margin:0;padding:0 0 0 0;width:100%;height:100%;background-color:#213246}aside.sidebar ul.mainMenu li.mainItem{width:100%;height:60px}aside.sidebar ul.mainMenu li.mainItem a.mainTrigger,aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer,aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer{display:block;width:100%;height:100%;position:relative;overflow:hidden;z-index:502}aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon,aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon,aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon{display:block;font-size:24px;text-decoration:none;padding:18px;height:60px;-webkit-transition:background 0.2s ease,color 0.2s ease,left 0.2s ease;-moz-transition:background 0.2s ease,color 0.2s ease,left 0.2s ease;-ms-transition:background 0.2s ease,color 0.2s ease,left 0.2s ease;-o-transition:background 0.2s ease,color 0.2s ease,left 0.2s ease;transition:background 0.2s ease,color 0.2s ease,left 0.2s ease;position:absolute;left:0%;top:0;width:100%}aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon:before,aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon:before,aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon:before{display:block;float:left}aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.inactive,aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon.inactive,aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon.inactive{color:#6CBFE8;background-color:#213246}aside.sidebar ul.mainMenu li.mainItem a.mainTrigger:hover div.icon.inactive,aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer:hover div.icon.inactive,aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer:hover div.icon.inactive{color:#99D122}aside.sidebar ul.mainMenu li.mainItem.active a.mainTrigger div.icon.inactive{left:-100%}aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.active{color:#6CBFE8;background-color:#1B2939;left:100%}aside.sidebar ul.mainMenu li.mainItem a.mainTrigger:hover div.icon.active{color:#99D122}aside.sidebar ul.mainMenu li.mainItem.active a.mainTrigger div.icon.active{left:0%}aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon span.title,aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon span.title,aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon span.title{font-size:14px;font-family:"Roboto";height:auto;line-height:24px;padding:0;display:none;position:absolute;left:63px;width:100%}body.expand aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon span.title,body.expand aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon span.title,body.expand aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon span.title{display:block}aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon span.more{display:block;float:right;font-size:8px;height:auto;line-height:26px;width:auto;position:absolute;right:7px}aside.sidebar .submenu{position:relative;left:-180px;top:-60px;overflow:hidden;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;width:240px;z-index:501}aside.sidebar ul.mainMenu li.mainItem.active .submenu{left:100%}aside.sidebar div.submenu > ul{padding:0;margin:0;width:240px;list-style:none;display:block}aside.sidebar div.submenu > ul li.subItem{display:block;float:left}aside.sidebar div.submenu > ul li.subItem a.subTrigger,aside.sidebar div.submenu > ul li.subItem a.subTriggerDrawing{display:block;color:#6CBFE8;font-size:24px;text-decoration:none;padding:18px;height:60px;background-color:#213246;-webkit-transition:background 0.2s ease,color 0.2s ease;-moz-transition:background 0.2s ease,color 0.2s ease;-ms-transition:background 0.2s ease,color 0.2s ease;-o-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease;overflow:hidden;position:relative}aside.sidebar div.submenu > ul li.subItem.active a.subTrigger,aside.sidebar div.submenu > ul li.subItem.active a.subTriggerDrawing{color:#6CBFE8;background-color:#1B2939}aside.sidebar div.submenu > ul li.subItem a.subTrigger:hover,aside.sidebar div.submenu > ul li.subItem a.subTriggerDrawing:hover{color:#99D122}aside.sidebar div.submenu > ul li.subItem a.subTrigger span.icon,aside.sidebar div.submenu > ul li.subItem a.subTriggerDrawing span.icon{font-size:8px;display:block;padding:4px 0 0 0;text-align:center;display:none}aside.sidebar div.submenu > ul li.subItem.active a.subTrigger span.icon,aside.sidebar div.submenu > ul li.subItem.active a.subTriggerDrawing span.icon{color:#99D122}aside.sidebar div.submenu > ul li.subItem.active a.subTrigger span.icon,aside.sidebar div.submenu > ul li.subItem.active a.subTriggerDrawing span.icon{display:block}aside.sidebar .layoutsGallery,aside.sidebar .shapesGallery,aside.sidebar .backgroundsGallery,aside.sidebar #loadProjectFrame,aside.sidebar #saveProjectFrame,aside.sidebar .backgroundsGeneralGallery,aside.sidebar .backgroundsSearchGallery,aside.sidebar .backgroundsGallery{position:absolute;right:0%;top:0;overflow:hidden;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;width:200px;height:100%;z-index:0;background-color:#1B2939;padding:5px 0 65px 10px}aside.sidebar .backgroundsSearchGallery,aside.sidebar .backgroundsGeneralGallery{top:90px;padding:5px 0 155px 10px}aside.sidebar ul.mainMenu li.mainItem.active .layoutsGallery,aside.sidebar ul.mainMenu li.mainItem.active .shapesGallery,aside.sidebar ul.mainMenu li.mainItem.active .backgroundsGallery{right:-200px}aside.sidebar .layoutsGalleryMask,aside.sidebar .shapesGalleryMask,aside.sidebar .backgroundsGalleryMask{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;z-index:0;background-color:#213246}aside.sidebar .layoutsGallery ul.layoutsGalleryList,aside.sidebar .shapesGallery ul.shapesGalleryList,aside.sidebar .backgroundsGallery ul.backgroundsGalleryList,aside.sidebar .backgroundsGallery ul.backgroundsGallerySearchList,aside.sidebar .shapesGallery ul.shapesCategoryList{width:100%;display:block;position:relative;list-style:none;padding:0;margin:0;overflow:hidden}aside.sidebar .shapesGallery ul.shapesGalleryList{padding-bottom:40px}aside.sidebar .layoutsGallery ul.layoutsGalleryList li.listItem,aside.sidebar .backgroundsGallery ul.backgroundsGallerySearchList li.listItem,aside.sidebar .backgroundsGallery ul.backgroundsGalleryList li.listItem{list-style:none;width:100%;height:110px;display:block;margin:5px 0 5px 0}aside.sidebar .shapesGallery ul.shapesGalleryList li.listItem,aside.sidebar .shapesGallery ul.shapesCategoryList li.listItem{list-style:none;width:85px;height:90px;display:block;margin:5px 2.5px 5px 2.5px;float:left;padding:5px;border:1px solid #000;position:relative}aside.sidebar .shapesGallery ul.shapesGalleryList li.ui-draggable.listItem a{position:initial}aside.sidebar .layoutsGallery ul.layoutsGalleryList li.listItem a.container,aside.sidebar .backgroundsGallery ul.backgroundsGallerySearchList li.listItem a.container,aside.sidebar .backgroundsGallery ul.backgroundsGalleryList li.listItem a.container{display:block;width:100%;height:100%;background-color:#213246;background-repeat:no-repeat;background-position:center center;text-decoration:none;position:relative;padding:0}aside.sidebar .shapesGallery ul.shapesGalleryList li.listItem .animation-container{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}aside.sidebar .shapesGallery ul.shapesGalleryList li.listItem .animation-container{display:none}aside.sidebar .shapesGallery ul.shapesGalleryList li.listItem.empty .animation-container{display:block}aside.sidebar .shapesGallery ul.shapesGalleryList li.listItem a.container,aside.sidebar .shapesGallery ul.shapesCategoryList li.listItem a.container{display:block;width:100%;height:100%;background-color:none;background-repeat:no-repeat;background-position:center center;text-decoration:none;padding:0}aside.sidebar .shapesGallery ul.shapesCategoryList li.listItem a.container{background-size:70%;background-position:50% 0%}aside.sidebar .shapesGallery ul.shapesCategoryList li.listItem a.container .category_title{text-transform:capitalize;color:#FFF;text-align:center;position:absolute;width:100%;bottom:0;left:0;font-size:13px}aside.sidebar .shapesGallery .shapesGalleryContainer,aside.sidebar .shapesGallery .shapesCategoryContainer{width:100%;position:relative;height:100%}aside.sidebar .shapesGallery.categories_expand .shapesCategoryContainer,aside.sidebar .shapesGallery.categories .shapesGalleryContainer,aside.sidebar .shapesGallery.categories .topShapesActions{display:none}aside.sidebar .shapesGallery.categories .shapesCategoryContainer,aside.sidebar .shapesGallery.categories_expand .shapesGalleryContainer,aside.sidebar .shapesGallery.categories_expand .topShapesActions{display:block}aside.sidebar .shapesGallery .topShapesActions{padding:10px 10px;height:40px}aside.sidebar .shapesGallery .topShapesActions .backShapesCategory{font-size:17px;text-decoration:none;color:#6CBFE8}aside.sidebar .layoutsGallery ul.layoutsGalleryList li.listItem a.container,aside.sidebar .backgroundsGallery ul.backgroundsGalleryList li.listItem a.container,aside.sidebar .backgroundsGallery ul.backgroundsGallerySearchList li.listItem a.container{background-size:cover}aside.sidebar .backgroundsGallery .backgroundsGeneralGallery,aside.sidebar .backgroundsGallery .backgroundsSearchGallery,aside.sidebar .backgroundsGallery.backgroundResult .actions .action_buttons .reset_button{display:none}aside.sidebar .backgroundsGallery.backgroundResult .backgroundsGeneralGallery,aside.sidebar .backgroundsGallery.searchResult .backgroundsSearchGallery{display:block}aside.sidebar .shapesGallery ul.shapesGalleryList li.listItem a.container{background-size:contain}aside.sidebar .layoutsGallery a.container u,aside.sidebar .shapesGallery a.container u,aside.sidebar .backgroundsGallery a.container u{opacity:0;border-style:solid;border-width:2px;border-color:rgb(153,209,34);display:block;width:100%;height:100%;moz-box-shadow:0 0 7px 3px rgba(153,209,34,0.35);webkit-box-shadow:0 0 7px 3px rgba(153,209,34,0.35);box-shadow:0 0 7px 3px rgba(153,209,34,0.35);-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;visibility:hidden;position:absolute;top:0;left:0}aside.sidebar .layoutsGallery a.container:hover u,aside.sidebar .backgroundsGallery a.container:hover u,aside.sidebar .shapesGallery a.container:hover u,aside.sidebar .shapesGallery a.container.selected u,aside.sidebar .backgroundsGallery a.container.selected u,aside.sidebar .layoutsGallery a.container.selected u{visibility:visible;opacity:1}aside.sidebar .shapesGallery .container .icon,aside.sidebar .backgroundsGallery .container .icon,aside.sidebar .layoutsGallery .container .icon{display:block;width:30px;height:30px;position:absolute;bottom:0;right:0;background-color:rgb(153,209,34);font-size:10px;color:#FFF;line-height:30px;text-align:center;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-ms-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;visibility:hidden;opacity:0}aside.sidebar .layoutsGallery .container.selected .icon,aside.sidebar .shapesGallery .container.selected .icon,aside.sidebar .backgroundsGallery .container.selected .icon{visibility:visible;opacity:1}aside.sidebar .layoutsGallery .mCSB_inside > .mCSB_container,aside.sidebar .shapesGallery .mCSB_inside > .mCSB_container,aside.sidebar .backgroundsGallery .mCSB_inside > .mCSB_container{margin-right:10px}aside.sidebar .layoutsGallery .mCSB_scrollTools,aside.sidebar .shapesGallery .mCSB_scrollTools,aside.sidebar .backgroundsGallery .mCSB_scrollTools{right:-3px}aside.sidebar .mainTrigger div.printqicon-background{padding-left:15px!important}aside.sidebar ul.mainMenu li.mainItem.zoom_text_group{bottom:160px;position:absolute;height:30px!important;line-height:30px;text-align:center;font-size:12px;font-family:"Roboto";padding:0;color:#6CBFE8}aside.sidebar .zoom_out_group .icon,aside.sidebar .zoom_in_group .icon{font-size:16px!important}aside.sidebar .zoom_out_group .zoomOutContainer .icon,aside.sidebar .zoom_in_group .zoomInContainer .icon{padding:22px!important}aside.sidebar .zoom_out_group .zoomOutContainer .icon .title,aside.sidebar .zoom_in_group .zoomInContainer .icon .title{line-height:16px!important}aside.sidebar ul.mainMenu li.mainItem.zoom_out_group{bottom:100px;position:absolute}aside.sidebar ul.mainMenu li.mainItem.zoom_in_group{bottom:190px;position:absolute}aside.sidebar .zoomOutContainer div,aside.sidebar .zoomInContainer div{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}body.expand aside.sidebar .zoomOutContainer div,body.expand aside.sidebar .zoomInContainer div{margin-left:11px}.preview_mask{display:none}body.preview_area .preview_mask{width:100%;height:100%;position:absolute;cursor:not-allowed;display:block;background:transparent;z-index:9999999;left:0;top:0}body.preview_area aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.inactive,body.preview_area aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.active,body.preview_area aside.sidebar ul.mainMenu li.mainItem span.zoom_percent,body.preview_area aside.sidebar ul.mainMenu li.mainItem a.zoomInContainer div.icon,body.preview_area aside.sidebar ul.mainMenu li.mainItem a.zoomOutContainer div.icon{color:#C7C7C7}.projectDescription{font-weight:100;font-size:14px;word-break:break-word;color:#FFF;padding-bottom:8px;text-align:left}.projectName{font-size:18px;font-weight:500;color:#FFF;text-align:left}#shapePlaceholderSidebar{display:none;position:absolute;left:-2000px;top:-1000px}aside.sidebar .backgroundsGallery .actions{padding-right:5px}aside.sidebar .backgroundsGallery .actions input.searchImage{position:relative;display:block;width:100%;height:30px;padding:0 10px;margin:10px 0}aside.sidebar .backgroundsGallery .actions div.button{width:33%;height:30px;margin:0 auto;text-align:center;background-color:rgb(153,209,34);position:relative;display:inline-block}aside.sidebar .backgroundsGallery .actions .action_buttons{text-align:center}aside.sidebar .backgroundsGallery .actions div.button a{text-decoration:none;color:#FFF;width:100%;height:100%;position:relative;display:block}aside.sidebar .backgroundsGallery .actions div.button a span{line-height:30px}