#editorTopbarContainer {
	background-color : rgb(255, 255, 255);
	left             : 0;
	top              : 0;
	width            : 100%;
	height           : 60px;
	z-index          : 54;
	position         : fixed;
}

#editorTopbarContainer .topBarContent {
	height : 60px;
	float  : left;
	width  : 33.3%;
}

#editorTopbarContainer .navbarCenter {
	text-align : center;
}

#editorTopbarContainer ul {
	list-style-type : none;
	margin          : 0;
	padding         : 0;
	display         : inline-block;
}

.navbarTopLeft ul li {
	height : 60px;
	float  : left;
}

.navbarTopLeft ul .logoContainer {
	width              : 60px;
	background-color   : rgb(153, 209, 34);
	-webkit-transition : width 0.2s ease;
	-moz-transition    : width 0.2s ease;
	-o-transition      : width 0.2s ease;
	transition         : width 0.2s ease;
	cursor:pointer;
}

.navbarTopLeft ul .maximizeContainer {
	background-color   : rgb(251, 251, 253);
	width              : 60px;
	vertical-align     : top;
	text-align         : center;
	transition         : background-color 0.2s ease;
	-webkit-transition : background-color 0.2s ease;
	-moz-transition    : background-color 0.2s ease;
	-o-transition      : background-color 0.2s ease;
}

.navbarTopLeft ul .maximizeContainer a {
	display         : block;
	color           : #6CBFE8;
	text-decoration : none;
	height          : 60px;
	line-height     : 60px;
	font-size       : 14px;
}

.navbarTopLeft ul .projectInfo {
	width : 150px;
}

.navbarTopLeft ul .projectInfo div:first-child {
	height : 60px;
}

.navbarTopLeft ul .projectInfo .info label {
	display    : block;
	margin-top : 9px;
}

.navbarTopLeft ul .projectInfo .projectName {
	font-size   : 16px;
	font-family : "Roboto";
	color       : rgb(56, 67, 71);
}

.navbarTopLeft ul .projectInfo .projectCover {
	font-size   : 13px;
	font-family : "Roboto";
	color       : rgb(134, 148, 153);
}

.navbarTopLeft ul .projectInfo .info {
	width       : 80%;
	margin-left : 10%;
	float       : left;
}

.navbarTopLeft ul .projectInfo .load {
    width  : 10%;
    float  : left;
    height : 60px;
}

.navbarTopLeft ul .projectInfo .load span {
    display    : inline-block;
    color      : #2E9ED5;
    font-size  : 10px;
}

.navbarTopLeft ul li.maximizeContainer {
    transition         : background-color 0.2s ease;
    -webkit-transition : background-color 0.2s ease;
    -moz-transition    : background-color 0.2s ease;
    -o-transition      : background-color 0.2s ease;
}

body.expand .navbarTopLeft ul li.maximizeContainer {
    background-color : rgb(153, 209, 34);
}

body.expand .navbarTopLeft ul li .maximizeMenu, .navbarTopLeft ul li .minimizeMenu {
    display : none;
}

.navbarTopLeft ul li .maximizeMenu, body.expand .navbarTopLeft ul li .minimizeMenu {
    display : block;
}

body.expand .navbarTopLeft ul li.maximizeContainer a {
    color : rgb(255, 255, 255);
}

li.projectInfo .load .printqicon-selectdown {
    -webkit-transition : transform 0.3s ease;
    -moz-transition    : transform 0.3s ease;
    -ms-transition     : transform 0.3s ease;
    -o-transition      : transform 0.3s ease;
    transition         : transform 0.3s ease;
    -webkit-transform : rotateX(0deg);
    -moz-transform    : rotateX(0deg);
    -ms-transform     : rotateX(0deg);
    -o-transform      : rotateX(0deg);
    transform         : rotateX(0deg);
}

li.projectInfo .load .printqicon-selectdown.flip {
    -webkit-transform : rotateX(180deg);
    -moz-transform    : rotateX(180deg);
    -ms-transform     : rotateX(180deg);
    -o-transform      : rotateX(180deg);
    transform         : rotateX(180deg);
}

.navbarCenter ul {
    text-align : center;
}

.navbarCenter ul li {
    width              : 173px;
    height             : 60px;
    display            : block;
    float              : left;
    -webkit-transition : background-color 0.2s ease;
    -moz-transition    : background-color 0.2s ease;
    -ms-transition     : background-color 0.2s ease;
    -o-transition      : background-color 0.2s ease;
    transition         : background-color 0.2s ease;
}

.navbarCenter ul li:hover {
    background-color : rgb(251, 251, 253);
}

.navbarCenter ul li:hover .effectbarLeftRight, .navbarCenter ul li:hover .effectbarRightLeft {
    width : 100% !important;
}

.navbarCenter ul li a {
    display         : block;
    color           : #2E9ED5;
    text-decoration : none;
    height          : 60px;
    line-height     : 60px;
}

.navbarCenter ul li a span {
    color : #384347;
}

.navbarCenter ul li a span {
    font-family : "Roboto";
    font-size   : 16px;
    margin-left : 10px;
}

.navbarCenter ul li.active {
    background-color : rgb(251, 251, 253);
}

.navbarCenter ul li.active .effectbarRightLeft, .navbarCenter ul li.active .effectbarLeftRight {
    width : 100%;
}

.navbarCenter ul li.active a {
    color : rgb(153, 209, 34);
}

.navbarCenter ul li.active span {
    color : #384347;
}

.navbarCenter ul li .editPersonalization, .navbarCenter ul li .previewPersonalization {
    line-height : 60px;
    font-size   : 16px;
    cursor      : pointer;
    position    : relative;
}

.navbarCenter ul li .effectbarRightLeft, .navbarCenter ul li .effectbarLeftRight {
	position           : absolute;
	width              : 0;
	background-color   : rgb(153, 209, 34);
	bottom             : 0;
	margin-left        : 0;
	height             : 2px;
	-webkit-transition : width 0.3s ease;
	-moz-transition    : width 0.3s ease;
	-ms-transition     : width 0.3s ease;
	-o-transition      : width 0.3s ease;
	transition         : width 0.3s ease;
}

.navbarCenter ul li .effectbarRightLeft {
	right : 0;
}

.navbarCenter ul li .effectbarLeftRight {
	left : 0;
}

.navbarRight ul li {
    width       : 80px;
    display     : inline-block;
    line-height : 60px;
    text-align  : center;
}

.navbarRight ul li:last-of-type {
    margin-right : 50px;
}

.navbarRight ul li a {
    color : #6CBFE8;
}
.navbarRight ul li a {
   text-decoration : none;
    height          : 60px;
    line-height     : 60px;
    font-size       : 12px;
     display         : block;
}
.navbarRight ul li.disabled a {
    color           : #E8E9EB;

}

.navbarRight ul li a span.title {
    color : #869499;
}

.navbarRight ul li.disabled span.title {
    color       : #E8E9EB;
}
.navbarRight ul li span.title {
    font-size   : 11px;
    font-family : "Roboto";
    height      : 100%;
}

.navbarRight ul li a.redo span.title {
    margin-right : 5px;
}

.navbarRight ul li a.undo span.title {
    margin-left : 5px;
}

.navbarRight {
    text-align : right;
}

body.expand .logoContainer {
    width : 140px;
}


.expand .logoContainer div.small_logo {
	display:none;
}


.logoContainer div.large_logo {
	display:none;
}

.logoContainer div.small_logo {
	display:block;
	width:30px;
	height:30px;
}


.expand .logoContainer div.large_logo {
	display:block;
	width:120px;
	height:30px;
}

.logoContainer .top_logo {
	background-repeat: no-repeat;
	background-position: center left 0;
	display: block;
	background-size:contain;
}
.logoSubContainer {
	padding: 15px;
}
/*end top bar*/

/*start sidebar*/
* {
    box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	background-color: #f3f4f6;
}

aside.sidebar {
    position: absolute;
    display: block;
    width: 60px;
    background-color: #213246;
    height: 100%;
    -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;
}

body.expand aside.sidebar {
    width: 200px;
}

aside.sidebar ul.mainMenu {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	/*padding: 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 {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

aside.sidebar ul.mainMenu li.mainItem a.mainTrigger 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 {
    display: block;
    float: left;
}

aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.inactive {
    color: #6cbfe8;
    background-color: #213246;
}

aside.sidebar ul.mainMenu li.mainItem a.mainTrigger: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: #99d122;*/
    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 {
    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 {
    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: -240px;
    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: 0;
}

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;
	height:100%;
}

aside.sidebar div.submenu > ul li.subItem {
    display: block;
    float: left;
}

aside.sidebar div.submenu > ul li.subItem a.subTrigger {
    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 {
    /*color: #99d122;*/
    color: #6cbfe8;
    background-color: #1b2939;
}

aside.sidebar div.submenu > ul li.subItem a.subTrigger:hover {
    color: #99d122;
}

aside.sidebar div.submenu > ul li.subItem a.subTrigger 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 {
    color: #99d122;
}

aside.sidebar div.submenu > ul li.subItem.active a.subTrigger span.icon {
    display: block;
}

aside.sidebar ul.mainMenu li.mainItem .submenu-sidebar label {
	color   : #fff;
	padding : 0 0 5px 0;
	display : inline-block;
}

aside.sidebar ul.mainMenu li.mainItem .submenu-sidebar label[for=tableRows] {
	width: 55px;
}

input#tableCols, input#tableRows { width: 115px; }

#tableDetails .buttonsContainer {
	text-align: center;
}

aside.sidebar ul.mainMenu li.mainItem .submenu-sidebar input,
aside.sidebar ul.mainMenu li.mainItem .submenu-sidebar textarea {
	width : 180px;
	font-family : Roboto;
	font-size   : 16px;
}
aside.sidebar ul.mainMenu li.mainItem .submenu-sidebar input {
	height      : 29px;
}
aside.sidebar ul.mainMenu li.mainItem .submenu-sidebar textarea {
	height : 150px;
}

aside.sidebar  ul.mainMenu li.mainItem .submenu-sidebar .buttonsContainer{
	text-align: center;
}

aside.sidebar  ul.mainMenu li.mainItem .submenu-sidebar button.button {
	font-size: 14px;
    font-family: "Roboto";
    line-height: 24px;
	font-weight: normal;
	position: relative;
	text-decoration: none;
	color: white;
	background-color: rgb(153, 209, 34);
	padding: 6px 20px;
	margin-left: -11px;
}

aside.sidebar ul.mainMenu li.mainItem .submenu-sidebar button.button:nth-of-type(2){
	margin-left: 0;
}

aside.sidebar  ul.mainMenu li.mainItem .submenu-sidebar button.button:hover { background: #6cbfe8; }
aside.sidebar  ul.mainMenu li.mainItem .submenu-sidebar button.button:active { top: 1px; }

.submenu-sidebar, .submenu-sidebar .label, .submenu-sidebar .input {
	font-size: 14px;
	}

button.button {
	border-style     : solid;
	border-width     : 0;
	cursor           : pointer;
	font-weight      : normal;
	line-height      : normal;
	margin           : 0 0 8px;
	position         : relative;
	text-decoration  : none;
	text-align       : center;
	padding-top      : 0.5625rem;
	padding-right    : 1.125rem;
	padding-bottom   : 0.625rem;
	padding-left     : 1.125rem;
	font-size        : 1rem;
	color            : white;
	background-color : rgb(153, 209, 34);
}
aside.sidebar .layoutsGallery,
aside.sidebar .unsplashGallery,
aside.sidebar .clipartsGallery
{
	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 5px 10px;
}

aside.sidebar ul.mainMenu li.mainItem.active .layoutsGallery,
aside.sidebar ul.mainMenu li.mainItem.active .unsplashGallery,
aside.sidebar ul.mainMenu li.mainItem.active .clipartsGallery
{
    right: -200px;
      padding-bottom:60px;
}

aside.sidebar .layoutsGalleryMask,
aside.sidebar .unsplashGalleryMask,
aside.sidebar .clipartsGalleryMask
{
    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 .unsplashGallery ul.unsplashGalleryList,
aside.sidebar .clipartsGallery ul.clipartsGalleryList
{
    width: 175px;
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

aside.sidebar .layoutsGallery ul.layoutsGalleryList li.listItem,
aside.sidebar .unsplashGallery  ul.unsplashGalleryList li.listItem,
aside.sidebar .clipartsGallery ul.clipartsGalleryList li.listItem
{
    list-style: none;
    width: 100%;
    height: 110px;
    display: block;
    margin: 5px 0 5px 0;
}

aside.sidebar .layoutsGallery ul.layoutsGalleryList li.listItem a.container,
aside.sidebar .unsplashGallery ul.unsplashGalleryList li.listItem a.container,
aside.sidebar .clipartsGallery ul.clipartsGalleryList li.listItem a.container
{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #213246;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
    position: relative;
    padding:0px;
}

aside.sidebar .layoutsGallery a.container u,
aside.sidebar .unsplashGallery a.container u,
aside.sidebar .clipartsGallery 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;
}

aside.sidebar .layoutsGallery a.container:hover u,
aside.sidebar .unsplashGallery a.container:hover u,
aside.sidebar .clipartsGallery a.container:hover u,
aside.sidebar .unsplahGallery a.container.selected u,
aside.sidebar .clipartsGallery a.container.selected u
{
    visibility: visible;
    opacity: 1;
}

aside.sidebar .layoutsGallery .container .icon,
aside.sidebar .unsplashGallery .container .icon,
aside.sidebar .clipartsGallery .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 .unsplashGallery .container .icon{
        top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);

}
aside.sidebar .layoutsGallery .container.selected .icon,
aside.sidebar .unsplashGallery .container:hover .icon,
aside.sidebar .clipartsGallery .container.selected .icon
{
    visibility: visible;
    opacity: 1;
}
#printqImageEditorToolbar .group .icon.printqicon-normalsmiley{
     color:#FA9C1E;
 }
#printqImageEditorToolbar .group .icon.printqicon-goodsmiley{
     color:rgb(153, 209, 34);
 }
#printqImageEditorToolbar .group .icon.printqicon-badsmiley{
     color:rgb(255, 0, 0);
 }

/*save project*/
aside.sidebar  ul.mainMenu li.mainItem .submenu-sidebar {
	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 5px 10px;
}

body aside.sidebar ul.mainMenu li.active .submenu-sidebar#tableDetails,
body.load_project_frame_expanded  aside.sidebar ul.mainMenu li.active .submenu-sidebar#loadProjectFrame,
body.save_project_frame_expanded  aside.sidebar ul.mainMenu li.active .submenu-sidebar#saveProjectFrame
{
	right : -200px;
}

aside.sidebar  ul.mainMenu li.mainItem .submenu-sidebar ul {
	width      : 100%;
	display    : block;
	position   : relative;
	list-style : none;
	padding    : 0;
	margin     : 0;
}

aside.sidebar  ul.mainMenu li.mainItem .submenu-sidebar li {
	list-style     : none;
	display        : block;
	margin         : 5px 0 5px 0;
	color          : #fff;
	padding-bottom : 12px;
}

aside.sidebar #loadProjectFrame ul li span.span_border {
	width         : 179px;
	height        : 1px;
	border-bottom : 1px solid rgb(153, 209, 34);
	display       : inline-block;
	float         : left;
}

aside.sidebar div.submenu > ul li.subItem.saveProject_group a.subTrigger,
aside.sidebar div.submenu > ul li.subItem.loadProject_group a.subTrigger {
	font-size : 20px;
	padding   : 20px;
}

/*end save/load project*/

aside.sidebar ul.mainMenu li.mainItem.disabled a.mainTrigger {
	cursor : not-allowed;
}

aside.sidebar ul.mainMenu li.mainItem.disabled a.mainTrigger div.icon.inactive {
	left : 0;
}

aside.sidebar ul.mainMenu li.mainItem.disabled a.mainTrigger div.icon.active {
	color            : #6cbfe8;
	background-color : #213246;
}

aside.sidebar ul.mainMenu li.mainItem.disabled a.mainTrigger div.icon {
	-webkit-transition : none;
	-moz-transition    : none;
	-ms-transition     : none;
	-o-transition      : none;
	transition         : none;
}

aside.sidebar ul.mainMenu li.mainItem.disabled a.mainTrigger:hover div.icon.inactive {
	color : #6cbfe8;
}

aside.sidebar ul.mainMenu li.mainItem.disabled a.mainTrigger:hover div.icon.inactive {
	color : #c7c7c7;
}

aside.sidebar ul.mainMenu li.mainItem.disabled a.mainTrigger div.icon.inactive {
	color : #c7c7c7;
}

aside.sidebar ul.mainMenu li.mainItem.disabled a.mainTrigger div.icon.active {
	color : #c7c7c7;
}

/*end sidebar*/
/*start gallery**/
.galleryContainer .files-upload-input, .galleryContainer .show_used.f-show-used, .galleryContainer .drop-area {
    display: none;
}

.galleryContainer .galleryImages li.galleryItem {
	background-color: rgb(251, 251, 253);
	box-shadow: inset 0.5px 0.866px 3px 0 rgba(29, 30, 35, 0.063);
	width: 124px;
	height: 88px;
	border-right: 1px solid #E3E4E6;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	/* white-space: nowrap; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.galleryContainer,
.galleryPreview
{
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 103px;
	margin: 0;
	padding-left: 60px;
	-webkit-transition: padding-left 0.2s ease;
	-moz-transition: padding-left 0.2s ease;
	-ms-transition: padding-left 0.2s ease;
	-o-transition: padding-left 0.2s ease;
	transition: padding-left 0.2s ease;
}

.expand .galleryContainer {
	width: 100%;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding-left: 200px;
}

body.side-gallery-open .galleryContainer,
body.side-gallery-open .galleryPreview,
body.side-gallery-unsplash-open .galleryContainer,
body.side-gallery-unsplash-open .galleryPreview
{
    padding-left: 262px;
}

body.expand.side-gallery-open .galleryContainer,
body.expand.side-gallery-open .galleryPreview,
body.expand.side-gallery-unsplash-open .galleryContainer,
body.expand.side-gallery-unsplash-open .galleryPreview
{
	width: 100%;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding-left: 400px;
}

.galleryContainer .galleryImages {

	margin: 0;
	padding-left: 0;
	padding-right: 120px;

}

.imagesWrapper {
    width: 100%;
    overflow: hidden;
}

.galleryContainer .galleryImages li.galleryItem > div:first-child {
    width: 103px;
    height: 66px;
    border: 1px dashed #C7C7C7;
    display: inline-block;
    margin-top: 11px;
    position: relative;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
    position: relative;

}

.remove {
    cursor: pointer;
}

.drag {
    cursor: move;
}

.galleryContainer .galleryImages li.galleryItem div.placeholder span:first-child {
}

.galleryContainer .galleryImages li.galleryItem div.placeholder div.loader-animation {
    position: relative;
    top: -17px;
}

.galleryContainer .galleryImages li.galleryItem.image div:first-child {
    border: none;
}

.galleryContainer .galleryImages li.galleryItem div.actions {
	width: 100%;
	height: 100%;
	background-color: none;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	text-align: center;
	position: absolute;
	top: 0;
}

.galleryContainer .galleryImages li.galleryItem div.placeholder span:first-child {
    position: relative;
    top: 22px;
    font-size: 20px;
    color: #E3E4E6;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder div.animation-container,
.galleryContainer .galleryImages li.galleryItem.empty div.placeholder div.animation-container {
    display: none;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder div.animation-container .loader-animation > div,
.galleryContainer .galleryImages li.galleryItem.empty div.placeholder div.animation-container .loader-animation > div {
    -webkit-animation: none;
    animation: none;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder span.background_placeholder {
    visibility: hidden;
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder:hover .actions {
    background-color: rgba(29, 44, 63, 0.7);
}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder:hover .pic.drag {
    left: 13px;
}

.allImagesGallery {
	height: 103px;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	padding-left: 0;
	padding-right: 120px;
	font-size: 0;

}

.galleryContainer .galleryImages li.galleryItem.image div.placeholder:hover .pic.remove {
    right: 13px;
}

.galleryContainer .galleryImages li.galleryItem div.placeholder .actions .pic {
    position: absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    top: 18px;
}

.galleryContainer .galleryImages li.galleryItem div.placeholder .actions .pic.drag {
    background-color: rgb(153, 209, 34);
    color: #FFFFFF;
    left: -50px;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease;
}

.galleryContainer .galleryImages li.galleryItem div.placeholder .actions .pic.remove {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    right: -50px;
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    -ms-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    transition: right 0.3s ease;
    font-size: 20px;
}

.galleryContainer .uploadImagesContainer {
    background-color: rgb(251, 251, 253);
    width: 124px;
    height: 88px;
    float: left;
    text-align: center;
   	right:0px;
    position: absolute;
    border-left: 1px solid #E3E4E6;
    z-index: 99;
    display: block;
    cursor: pointer;
}

.galleryContainer .uploadImagesContainer.over {
    background-color: rgba(29, 44, 63, 0.7);
}

.galleryContainer .uploadImagesContainer .uploadImages span {
    font-size: 24px;
    top: 22px;
    position: relative;
    color: #2C9DD5;
}

.galleryContainer .uploadImagesContainer .uploadImages {
    width: 103px;
    height: 66px;
    border: 1px dotted #C7C7C7;
    display: inline-block;
    margin-top: 11px;
    text-decoration: none;
}

.upload_helper {
    font-size: 14px;
    position: absolute;
    bottom: 88px;
    float: left;
    right: 32px;
    color: #AAACB1;
}

.upload_helper p {
    float: left;
}

.upload_helper span {
    background: url('../default/images/upload_helper.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 68px;
    float: left;
    background-position: 12px 16px;
    font-family: "Roboto";
}

/*toolbar start*/
.printqToolbar {
	width: auto;
	height: auto;
	left: -1500px;
	position: fixed;
	top: -1500px;
	z-index: 55;
}

.printqToolbar a {
	text-decoration: none;
}

.toolbarSection {
	height: 44px;
}

.printqToolbar .toolbarSection .group {
	color: #2A81AC;
	font-size: 14px;
	width: auto;
	height: 44px;
	float: left;
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 0 10px;
	border: none;
}

.printqToolbar .toolbarSection .group.moreText_group {
	float: right;
	border-left: 1px solid #C7C7C7;
}

.printqToolbar .toolbarSection .group a {
	height: 100%;
	display: inline-block;
	margin: 0 5px;
	outline: none;
	min-width: 16px;
    height:43px;
}

.printqToolbar .toolbarSection .group a.current_font {
	font-size: 14px;
	color: #384347;
	line-height: 44px;
    min-width: 133px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float : left;
}

.printqToolbar .toolbarSection .group a.changeFont {
	font-size: 9px;
	float : left;
}

.printqToolbar .changer div {
	float: left;
}

.printqToolbar .icon {
	font-size: 16px;
	color: #2A81AC;
	line-height: 44px;
}

.printqToolbar .toolbarSection .group ul {
	top: -46px;
	left: 0;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	background-color: #FFFFFF;
	z-index: 99;
	border: 1px solid rgba(0, 0, 0, 0.099);
	box-shadow: 1px 1.732px 5px 0 rgba(0, 0, 0, 0.050);
	-webkit-transform: scaleY(0.0000);
	-moz-transform: scaleY(0.0000);
	-ms-transform: scaleY(0.0000);
	-o-transform: scaleY(0.0000);
	transform: scaleY(0.0000);
	-webkit-transition: -webkit-transform 0.3s ease;
	-moz-transition: -moz-transfrom 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	transition: transform 0.3s ease;
}
.printqToolbar .toolbarSection .group.open ul
{
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.printqToolbar .toolbarSection .group.fontname_group ul {
	max-height: 270px;
	top: -34px;
	width: 100%;
}
.printqToolbar .toolbarSection .group.fontname_group ul > div,
.printqToolbar .toolbarSection .group.fontname_group ul > div > div:first-child
{
	width: 100%;
}

.printqToolbar .toolbarSection .group.fontname_group ul > div > div.mCSB_2_scrollbar_vertical{
	width: 5px;
}

.printqToolbar .toolbarSection .group.position_group ul {
	top: -91px;
}

.printqToolbar .toolbarSection .group ul li {
	padding: 0 10px;
	width: auto;
	background: #FFFFFF;
}

.printqToolbar .toolbarSection .group ul li a {
	color: #384347;
}

.printqToolbar .toolbarSection .group ul li a.disabled {
	cursor: not-allowed;
}

.printqToolbar .toolbarSection .group ul li a.disabled span.icon {
	color: #cccccc;
}

.printqToolbar .toolbarSection .group.fontname_group ul li a {
	height: 36px;
	line-height: 36px;
	text-align: left;
	width: 100%;
	margin: 0;
	min-width: 160px;
}

.printqToolbar .toolbarSection .group ul li a:hover {
	color: #33A0D6;
}

.printqToolbar .toolbarSection .group ul li span.border_bottom {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #C7C7C7;
	display: block;
}

.printqToolbar .toolbarSection .group ul li:last-child span.border_bottom {
	display: none;
}

.printqToolbarTop {
	border-bottom: 1px solid #C7C7C7;
	background-color: #FFFFFF;
}

.printqToolbar .changer.pt {
	display: inline-block;
	float: left;
	width: auto;
	line-height: 44px;
}

.printqToolbar .changeFont,
.printqToolbar .change_size {
	line-height: 44px;
}

.printqToolbar .changer.pt input {
	border: none;
	max-width: 50px;
	float: left;
	padding: 0;
	line-height: 44px;
	font-size: 14px;
	height:43px;
	padding: 0 5px;
	outline: none;
}

.printqToolbar .changer.pt label {
	line-height: 44px;
}

.printqToolbar .changer.buttons {
	height: 100%;
	float: left;
	color: #2A81AC;
	cursor: pointer;
	margin: 0 5px 0 10px;
}

.changer.buttons div {
	height: 50%;
	float: none;
	display: block;
}

.changer.buttons div span{
	height :100%;
	display: block;
	line-height: 22px;
	font-size: 18px;
}

.changer.buttons div:last-child span{
	font-size: 22px;
}

.printqToolbar .toolbarSection .forecolor_selector .current_color {
	width: 24px;
	height: 24px;
	background-color: red;
	display: block;
	margin-top: 10px;
	border-radius: 50%;
	border: 1px solid #ccc;
}

.printqToolbar .group .current a span.icon {
	color: rgb(153, 209, 34)
}

/*toolbar end*/
/*start color toolbar*/
.colorTabsContainer {
    position: fixed;
    top: -1500px;
    left: 1500px;
    z-index: 55;
}

.tabsContainer {
    width: 100%;
    display: inline-block;
    color: #2A81AC;
}

.tabsContainer div {
    float: left;
    width: 25%;
    cursor: pointer;
    text-align: center;
    height: 24px;
    line-height: 24px;
}

.tableColorContainer .tabsContainer div {
    width :20%;
}

.tabsContainer div.current {
    color: rgb(153, 209, 34);
}

.tabsContainer div:last-child {
    border: none;
}

.colorContainer {
	background-color: rgb(255, 255, 255);
	box-shadow: 1px 1.732px 5px 0 rgba(0, 0, 0, 0.043);
	width: 384px;
	max-height: 76px;
	height: 100%;
	padding-bottom: 9px;
}

.colorItem {
    cursor: pointer;
}

.colorContainer .colorList {
	max-height: 56px;
	height: 100%;
	width: 377px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-left: 9px;
	margin-top: 9px;
	display: none;
}
.forecolor .colorContainer .colorList,
.bordercolor .colorContainer .colorList,
.bgcolor .colorContainer .colorList
{
    display:inline-block;
}

.colorContainer ul li {
	width: 28px;
	height: 28px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	list-style-type: none;
	position : relative;
}

.colorContainer ul li b {
    display: none;
    width: 18px;
    height: 18px;
    background-color: #FFFFFF;
    border-radius: 50px;
    line-height: 20px;
    margin-top: 5px;
    font-size: 8px;
    color: #00ABEB;
    position: absolute;
    top:0px;
    left: 5px;
}

.colorContainer ul li.active b {
    display: inline-block;
}

.colorContainer .mCSB_inside > .mCSB_container {
	margin: 0;
}

.colorContainer ul li.transparentColor {
	opacity: 0.5;
	background-color: rgba(0,0,0,0.1);
}

.colorContainer ul li.transparentColor .line1 {
	width: 2px;
	height: 40px;
	border-left: 2px solid red;
	position: absolute;
	top: -7px;
	left: 12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*end color toolbar*/
/*tooltip*/
.tooltipContainer {
    background-color: rgb(29, 44, 63);
    opacity: 0.902;
    min-width: 185px;
    width: 100%;
    min-height: 65px;
    position: absolute;
    color: #FFFFFF;

}

.tooltipTitle p {
	margin: 0;
	padding: 10px 0 5px 10px;
	font-size: 16px;
}

.tooltipDescription p {
	margin: 0;
	padding: 0 10px 10px 10px;
	font-size: 14px;
	color: #6CBFE8;
}

.printqToolbar .mCSB_inside > .mCSB_container {
	margin-right: 0;
}

/*tooltip end*/
/*pagination start*/
.paginationContainer,
.paginationPreviewContainer {
	position: absolute;
	top: -200px;
	left: 118px;
	-webkit-transition: top 0.4s ease;
	-moz-transition: top 0.4s ease;
	-o-transition: top 0.4s ease;
	transition: top 0.4s ease;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.099);
	box-shadow: 1px 1.732px 5px 0 rgba(0, 0, 0, 0.050);
	width: 200px;
	z-index: 53;
}
.expand .paginationContainer,
.expand .paginationPreviewContainer
{
     left: 200px;

}

.paginationContainer.show_pagination,
.paginationPreviewContainer.show_pagination {
    top: 59px;
}

.paginationContainer .pages,
.paginationPreviewContainer .pages {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 16px;
	font-family: "Roboto";
	color: #384347;
	padding-top: 10px;
	height: 100%;
}

.paginationContainer .allPagesPagination,
.paginationPreviewContainer .allPagesPagination {
    max-height: 199px;
    overflow:hidden;
}

.paginationContainer .pages .page,
.paginationPreviewContainer .pages .page {
	padding: 10px 20px 0 20px;
	display: inline-block;
	line-height: 16px;
	cursor: pointer;
}

.paginationContainer .pages .page:last-child,
.paginationPreviewContainer .pages .page:last-child {
    padding-bottom: 10px;
}

.paginationPreviewContainer .pages .page:last-child span.border_pagination {
    visibility: hidden;
}

.paginationContainer .pages .page:hover a,
.paginationPreviewContainer .pages .page:hover a {
    color: #33A0D6;
}

.paginationContainer .pages li.page.current_page a,
.paginationPreviewContainer .pages li.page.current_page a {
    color: #33A0D6;
}

.paginationContainer .pages li.page a,
.paginationPreviewContainer .pages li.page a {
    text-decoration: none;
    color: #384347;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.paginationContainer .pages li.page span.border_pagination,
.paginationPreviewContainer .pages li.page span.border_pagination {
    width: 160px;
    height: 1px;
    border-bottom: 1px solid #C7C7C7;;
    display: inline-block;
    float: left;
    padding-top: 10px;
}

.paginationContainer .pages li.page span.icon,
.paginationPreviewContainer .pages li.page span.icon {
    display: none;
}

.paginationContainer .pages li.page.current_page span.icon,
.paginationPreviewContainer .pages li.page.current_page span.icon {
    display: inline-block;;
}

.paginationContainer .pages li.page span.icon,
.paginationPreviewContainer .pages li.page span.icon {
    position: absolute;
    left: 165px;
    font-size: 12px;
    line-height: 16px;
    color: #A6D73F;
}

.paginationContainer .mCSB_inside > .mCSB_container,
.paginationPreviewContainer .mCSB_inside > .mCSB_container {
	margin-right: 0 !important;
}

#paginationEditorContainer {
    display: none;
}

/*pagination end*/
#paginationContainer_Edit_Preview .projectCover {
    display: none;
}
.projectInfo .load .icon{
	margin-top: 0;
	line-height: 53px;
}

.navbarTopLeft ul .projectInfo .info label {
	display: block;
	line-height:53px;
	margin: 0;
	text-align: center;
	cursor: pointer;
}

#paginationContainer_Edit_Preview {
    cursor: pointer;
}

/*start blocks css*/
.enable-edit .page div.page_blocks.editable u {
    border: 1px dashed rgb(42, 129, 172);
    box-shadow: none !important;
    display: block;
    z-index: 0;
    box-sizing: content-box;
}
.enable-edit .page div.page_blocks.editable.edit u {
	border: 1px dashed #99d122;
}

.enable-edit .page_blocks .printqImageEditor .jwc_frame .faceRect {
    display: block;
    position: absolute;
}

.enable-edit.enable-resizable .page_blocks.over .ui-resizable-handle,
.enable-edit.enable-resizable .page_blocks.ui-resizable-resizing .ui-resizable-handle {
    display: block !important;
}

.page_blocks.ui-draggable-dragging .ui-resizable-handle,
.page_blocks.ui-rotatable-rotating .ui-resizable-handle,
.page_blocks.edit .ui-resizable-handle,
.enable-edit.enable-resizable .page_blocks.over.ui-rotatable-rotating .ui-resizable-handle {
    display: none !important;
}

.ui-resizable-handle {
    width: 10px !important;
    height: 10px !important;
    background-color: rgb(153, 209, 34);
    position: absolute !important;
    z-index: 99 !important;
    display: none !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

/*
.ui-resizable-handle:hover {
    width: 8px !important;
    height: 8px !important;
    border: 1px solid #000000;
}*/

.ui-resizable-n {
    top: -6px !important;
    left: 50% !important;
    margin-left: -5px;
    /*cursor: n-resize !important;*/
}

.ui-resizable-s {
    bottom: -6px !important;
    left: 50% !important;
    margin-left: -5px;
    /*cursor: s-resize !important;*/
}

.ui-resizable-w {
    top: 50% !important;
    margin-top: -5px;
    left: -5px !important;
    /*cursor: w-resize !important;*/
}

.ui-resizable-e {
    top: 50% !important;
    margin-top: -5px !important;
    right: -5px !important;
    /*cursor: e-resize !important;*/
}

.ui-resizable-nw {
    top: -6px !important;
    left: -6px !important;
    /*cursor: nw-resize !important;*/
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: none !important;
}

.ui-resizable-ne {
    top: -6px !important;
    right: -6px !important;
    /*cursor: ne-resize !important;*/
}

.ui-resizable-sw {
    bottom: -6px !important;
    left: -5px !important;
    /*cursor: sw-resize !important;*/
}

.ui-resizable-se {
    bottom: -6px !important;
    right: -6px !important;
    /*cursor: se-resize !important;*/
}

.ui-rotatable-handle {
    top: -25px !important;
    left: 50% !important;
    margin-left: -8px;
    width: 15px !important;
    height: 15px !important;
    position: absolute !important;
    display: inline-block !important;
    opacity: 1 !important;
}

.page_blocks.ui-rotatable-disabled .ui-rotatable-handle,
.page_blocks.edit .ui-rotatable-handle {
    display: none !important;
}

#subcontent #edit_tab .page .wasadd {
    display: block;
}

.ui-rotatable-handle {
    font-size: 10px;
    background: rgb(153, 209, 34) !important;
    text-align: center;
    border-radius: 50%;
    line-height: 18px;
    width: 18px !important;
    height: 18px !important;
    color: #fff;
}

/*end blocks css*/
/* transparency */
#printqTransparencyPicker,
#printqCharspacingPicker,
#printRotateSvgPicker{
    width: 100%;
    height: 100%;
    max-width: 350px;
    max-height: 50px;
    right: -1500px;
    position: fixed;
    top: -1500px;
    z-index: 56;
}
#printqBrightnessSlider,
#printqContrastSlider{
     width: 100%;
    height: 100%;
    max-width: 350px;
    max-height: 30px;
    z-index: 56;
 }
#printqTransparencyPicker .pickerBody,
#printqCharspacingPicker .pickerBody,
#printRotateSvgPicker .pickerBody
{
    width: 350px;
}
#printqContrastSlider,
#printqBrightnessSlider{
    width:100%;
    max-width:100%;
}

#printqTransparencyPicker .leftContainer,
#printqprintqCharspacingPicker .leftContainer,
#printRotateSvgPicker .leftContainer
{
    width: 50px;
    float: left;
}
#printqBrightnessSlider .leftContainer,
#printqContrastSlider .leftContainer{
    width:60px;
    float:left;
}
#printqTransparencyPicker .rightContainer,
#printqCharspacingPicker .rightContainer,
#printRotateSvgPicker .rightContainer
{
    width: 300px;
    height: 100%;
    float: left;
}
#printqBrightnessSlider .rightContainer,
#printqContrastSlider .rightContainer{
   width: 280px;
    height: 100%;
    float: left;
}

#printqTransparencyPicker .leftContainer span,
#printqCharspacingPicker .leftContainer span,
#printRotateSvgPicker .leftContainer span
{
    font-size: 30px;
    margin: 10px;
    display: inline-block;
    color: #2A81AC;
}
#printqBrightnessSlider .leftContainer span,
#printqContrastSlider .leftContainer span{
    font-size:12px;
   color: #2A81AC;
    margin:0px;
    line-height:15px;
}

#printqTransparencyPicker .rightContainer #transparencySlider,
#printqCharspacingPicker .rightContainer #charspacingSlider,
#printqBrightnessSlider .rightContainer  #brightnessSlider,
#printqContrastSlider  .rightContainer #contrastSlider,
#printRotateSvgPicker .rightContainer #rotateSvgSlider
{
    width: 90%;
    margin: 0 auto;
    top: 22px;
}

#printqBrightnessSlider .rightContainer  #brightnessSlider,
#printqContrastSlider  .rightContainer #contrastSlider{
    top:7px;
    width:88%;
    float:left;
    margin:0 8px;
}
.ui-pqboxer-helper {
    z-index: 999 !important;
}
#edit_tab .personalize_page.ui-pqboxer {
    cursor: crosshair;
}

/*end transparency*/
#fitTextCorrector {
    display: none;
}

/* imageGallery */

#printqImageEditorToolbar .resizeImageGroup {
	width: 250px;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	box-sizing: border-box;
	background-color: #FFFFFF;
	padding: 0 15px;
}

#printqImageEditorToolbar .group.edit {
    background-color: #FBFBFD;
}

#printqImageEditorToolbar .resizeImageGroup #slider {
	width: 100%;
	margin: 0 auto;
	top: 22px;
}

#printqImageEditorToolbar .resizeImageGroup .ui-state-default,
#printqTransparencyPicker .rightContainer .ui-state-default,
#printqCharspacingPicker .rightContainer .ui-state-default,
#printqBrightnessSlider  .rightContainer .ui-state-default,
#printqContrastSlider  .rightContainer .ui-state-default,
#printRotateSvgPicker .rightContainer .ui-state-default
{
	border: 2px solid #2A81AC;
	background: #FFFFFF;
	font-weight: bold;
	color: #1C94C4;
	border-radius: 20px;
	outline: none;
	width: 22px;
	height: 22px;
	text-align: center;
    cursor:pointer;
}

#printqBrightnessSlider  .rightContainer .ui-state-default,
#printqContrastSlider  .rightContainer .ui-state-default{
    width:14px;
    height:14px;
    margin-left:-.3em;
}
#printqImageEditorToolbar .resizeImageGroup .ui-widget-content,
#printqTransparencyPicker .rightContainer .ui-widget-content,
#printqCharspacingPicker .rightContainer .ui-widget-content,
#printqBrightnessSlider .rightContainer  .ui-widget-content,
#printqContrastSlider .rightContainer  .ui-widget-content,
#printRotateSvgPicker .rightContainer .ui-widget-content

{
	border: 1px solid #DDDDDD;
	background: none;
	color: #333333;
	background-color: rgb(51, 160, 214);
	box-shadow: inset 0.5px 0.866px 3px 0 rgba(0, 0, 0, 0.11);
	height: 3px;
}

#printqImageEditorToolbar .resizeImageGroup .ui-slider-handle,
#printqTransparencyPicker .rightContainer .ui-slider-handle,
#printqCharspacingPicker .rightContainer .ui-slider-handle,
#printRotateSvgPicker .rightContainer .ui-slider-handle
{
	top: -11px;
}
#printqBrightnessSlider  .rightContainer .ui-slider-handle,
#printqContrastSlider  .rightContainer .ui-slider-handle{
    top:-7px;
}
/* imageToolbar*/
/*printqImagePicker*/
#printqImagePicker {
    max-height: 349px;
}

#printqEffectPicker .effectGallery .effectContainer div.actions, #printqImagePicker .imageGallery .imageContainer div.actions {
    width: 100%;
    height: 100%;
    background-color: none;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    text-align: center;
    position : relative;
}

#printqEffectPicker .effectGallery .effectContainer:hover div.actions, #printqImagePicker .imageGallery .imageContainer:hover div.actions {
    background-color: rgba(29, 44, 63, 0.7);
}

#printqEffectPicker .effectGallery .effectContainer .actions .pic , #printqImagePicker .imageGallery .imageContainer .actions .pic {
    position: absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    top: 23px;
    cursor: pointer;
}

#printqEffectPicker .effectGallery .effectContainer .actions .pic.select, #printqImagePicker .imageGallery .imageContainer .actions .pic.select {
    background-color: #33A0D6;
    color: #FFFFFF;
    left: -50px;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease;
}

#printqImagePicker .imageGallery .imageContainer .actions .pic.remove {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    right: -50px;
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    -ms-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    transition: right 0.3s ease;
}

#printqImagePicker .imageGallery .hasPhoto.imageContainer:hover div.actions {
    background-color: rgba(29, 44, 63, 0.7);
}

#printqImagePicker .imageGallery .hasPhoto.imageContainer:hover .pic.select {
    left: 19px;
}

#printqImagePicker .imageGallery .hasPhoto.imageContainer:hover .pic.remove {
    right: 19px;
}

#printqImagePicker .imageGallery .imageContainer .animation-container {
    top: -70px;
}

#printqImagePicker .imageGallery .imageContainer.hasPhoto div.animation-container,
#printqImagePicker .imageGallery .imageContainer.empty div.animation-container {
    display: none;
}

#printqImagePicker .imageGallery .imageContainer.hasPhoto div.animation-container .loader-animation > div,
#printqImagePicker .imageGallery .imageContainer.empty div.animation-container .loader-animation > div {
    -webkit-animation: none;
    animation: none;
}

#printqImagePicker .pickerBody .imageUploadSection {
    width: 320px;
    height: 70px;
    border: 1px solid #C7C7C7;
    margin: 0 auto;
    margin-top: 15px;
    border-style: dashed;
    color: #AAACB1;
    display: block;
    line-height: 70px;
    position: relative;
}

#printqImagePicker .pickerBody .imageUploadSection input {
	position: absolute;
	right: 0;
	top: 0;
	font-family: Arial;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	font-size:0px !important;
	cursor:pointer !important;
}

#printqImagePicker .pickerBody .imageUploadSection .upload_arrow {
    background: url('../default/images/upload_helper.png');
    background-repeat: no-repeat;
    width: 45px;
    height: 68px;
    float: left;
    background-position: 7px 27px;
    font-family: "Roboto";
    display: inline-block;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
    margin-left: 15px;
    position:static;
}

#printqImagePicker .pickerBody .imageUploadSection .upload_ico {
        color: #2C9DD5;
    font-size: 24px;
    float: left;
    margin: 0 auto;
    display: inline-block;
    width: 78px !important;
    position: static !important;
    border: none !important;
    cursor: pointer;
    height: 100%;
    line-height: 50px;
    text-align: center;
}

#printqImagePicker .pickerBody .imageUploadSection .qq-upload-button-focus {
    outline: none !important;

}

/*ImagePicker end*/
/*printqEffectPicker*/
#printqEffectPicker, #printqImagePicker {
    width: 100%;
    height: 100%;
    max-width: 385px;
    right: -1500px;
    left: -1500px;
    position: fixed;
    top: 100px;
    z-index: 55;
}

#printqEffectPicker {
    max-height: 346px;
}

#printqEffectPicker .effectGallery, #printqImagePicker .imageGallery {
	display: inline;
	max-width: 362px;
	width: 362px;
	position: relative;
	height: 100%;
	overflow: auto;
	overflow: hidden;
	padding: 0;
	margin-top: -1px;
	margin-bottom: 0;

}

#printqEffectPicker .effectGallery .allEffects, #printqImagePicker .allMyImages {
    max-height: 249px;
    height: 249px;
}

#printqEffectPicker .effectGallery .effectContainer {
    background: none;
}

#printqEffectPicker .effectGallery .effectContainer > div {
    overflow: hidden;
    position: absolute;
    width: 80%;
    height: 80%;
    display: block;
    text-align: left;
    margin: 0 auto;
    position: relative;
}

#printqEffectPicker .effectGallery .effectContainer img {
	display: inline-block;
	width: auto;
	height: 110px;
	top: 0;
	position: static !important;
	max-width: 90px;
	max-height: 80px;
	margin-top: 13px;
}

#printqEffectPicker .effectGallery .effectContainer span.effectTitle {
    color: #384347;
    cursor: pointer;
    bottom: 7px;
    font-size: 14px;
    line-height: 17px;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    height: 20px;;
}

#printqEffectPicker .mCSB_inside > .mCSB_container, #printqImagePicker .mCSB_inside > .mCSB_container {
	margin-right: 0;
}

#printqEffectPicker .effectGallery .effectContainer.active {
    box-shadow: inset 5.5px 0.266px 9px 2px rgba(45, 48, 60, 0.063);
}

#printqEffectPicker .effectGallery .effectContainer:hover .mask {
    background-color: rgb(29, 44, 63);
}

#printqEffectPicker .effectGallery .effectContainer.active .mask {
    background-color: rgb(29, 44, 63);
}

#printqEffectPicker .effectGallery li.effectContainer .ico {
    width: 30px;
    height: 30px;
    position: absolute;
    margin: 0 auto;
    right: -30px;
    top: 39px;
    background-color: #33A0D6;
    opacity: 1;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
}

#printqEffectPicker .effectGallery li.effectContainer:hover .ico {
    right: 30px;
}

#printqEffectPicker .effectGallery li.effectContainer.active .ico {
    display: block;
}

#printqEffectPicker .pickerInfo, #printqImagePicker .pickerInfo {
	width: 100%;
	height: 50px;
	cursor: pointer;
	text-align: center;
	border-top: 0;
}

#printqEffectPicker .pickerInfo, #printqImagePicker .pickerInfo:first-child {
    border: 1px solid #C7C7C7;
}

#printqEffectPicker .pickerInfo span, #printqImagePicker .pickerInfo span {
    vertical-align: middle;
    font-size: 25px;
    top: 10px;
    position: relative;
    color: #2A81AC;

}

.greyscale {
     filter: url("../default/assets/grayscale.svg#greyscale");
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

}

.sepia {
      filter: url("../default/assets/sepia.svg#old-timey");
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    -o-filter: sepia(100%);
}

.invert {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
}

.flip_horizontal {
    -moz-transform: scaleX(-1) !important;
    -o-transform: scaleX(-1) !important;
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
    filter: FlipH !important;
    -ms-filter: FlipH !important;
}

.flip_vertical {
    -moz-transform: scaleY(-1) !important;
    -o-transform: scaleY(-1) !important;
    -webkit-transform: scaleY(-1) !important;
    transform: scaleY(-1) !important;
    filter: FlipV !important;
    -ms-filter: FlipV !important;
}

.flip_both {
    -moz-transform: scale(-1) !important;
    -o-transform: scale(-1) !important;
    -webkit-transform: scale(-1) !important;
    transform: scale(-1) !important;
    filter: Flip !important;
    -ms-filter: Flip !important;
}

/*printqEffectpicker*/
.qq-upload-drop-area {
    position: relative !important;
    background: #fff !important;
    display: inline-block !important;
}

.qq-upload-drop-area span {
	top: 0 !important;
	margin-top: 0 !important;
}

.back-to-cloud-albums {
    display: none !important;
}

.qq-upload-button {
    cursor: pointer;
}

.qq-upload-button-hover {
    background: transparent !important;
    width: 150px !important;
}

.qq-upload-list {
    display: none !important;
}

#printqEffectPicker .effectGallery .effectContainer:hover .actions .select,
#printqImagePicker .imageGallery .imageContainer:hover .actions .select {
    left: 18px;
}

#printqImagePicker .imageGallery .imageContainer:hover .actions .remove {
    right: 18px;
}

#printqImagePicker .pickerBody,
#printqImagePicker .selectboxPickerBody,
#printqImagePicker .facebookPickerBody,
#printqImagePicker .facebookPhotoPickerBody,
#printqImagePicker .instagramPickerBody,
#printqImagePicker .fotoliaPickerBody {
    display: none;
    position: relative;
    z-index: 1;
}

#printqImagePicker.myphotos .pickerBody,
#printqImagePicker.selectbox .selectboxPickerBody,
#printqImagePicker.facebook .facebookPickerBody,
#printqImagePicker.facebookPhoto .facebookPhotoPickerBody,
#printqImagePicker.instagram .instagramPickerBody,
#printqImagePicker.fotolia .fotoliaPickerBody {
    display: block;
}

.pages-container {
    width: 90%;
    height: 90%;
    position: relative;
    overflow: auto;
    left: 5%;
    top: 5%;
}

.pages-container .pages {
    display: block;
    height: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    overflow: hidden;
}

.pages-container .pages .page {
    opacity: 1 !important;
}

#preview_tab .magnify img.small {
    max-width: 100%;
    max-height: 600px;
}

/*pagination preview*/
#paginationPreviewContainer {
    display: none;
}

/* end pagination_preview*/
/*.logoContainer {
    background-image: url('../default/images/logo_small.png');
    background-repeat: no-repeat;
    background-position: 14px 20px;
}

.expand .logoContainer {
    background-image: url('../default/images/logo.png');
    background-repeat: no-repeat;
    background-position: 14px 20px;
}*/

#mainContent #subcontent #preview_tab {
    position: relative;
}

#mainContent #subcontent .pages #preview_page {
    display: inline-block;
    position: initial;
    opacity: 0;
    left: 50%;
    top: 50%;
    transition: opacity 200ms ease;
    z-index: 0;
}

body.preview #current_page_name {
    display: none;
}

body.edit #current_page_name_preview {
    display: none;
}

body.preview .undo_redo_group,
body.edit #addtoCartContainer {
    display: none !important;
}

.navbarRight ul#addtoCartContainer li#attach,
.navbarRight ul#addtoCartContainer li#attachAdmin
{
	margin-right: 0;
	display: inline-block;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	width: 100%;
}
/*#attach .icon{
    width:125px;
}*/
.navbarRight ul li#attach span,
.navbarRight ul li#attachAdmin span
{
    font-size:16px;
    margin-right: 10px;
}
.navbarRight ul#addtoCartContainer li span {
    float: left;
    width:80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:right;

}

.navbarRight ul#addtoCartContainer li a {
	font-size: 20px;
	color: rgb(153, 209, 34);
	margin-right: 70px;
}

#defaultPageTemplate {
    display: none;
}

#addResetContainer div.group {
    width: 33%;
    float: left;
    display: inline-block;
    text-align: center;

}

#addResetContainer a {
    text-decoration: none;
    color: #2a81ac;
    font-size: 22px;
}

#addResetContainer a.printqicon-addnewpage {
    font-size: 26px;
    line-height: 19px;
}

#addResetContainer {
    padding-bottom: 10px;
    height: 100%;
    width: 100%;
    display: inline-block;

}

/*new design*/

.images_messages {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
}

.images_messages span.message {
    display: table-cell;
    vertical-align: middle;
    color: #AAACB1;
}

.hasPhoto + .images_messages {
    display: none;
}

#printqImagePicker .pickerBody .imageUploadSection .upload_text {
    font-family: "Roboto";
    font-size: 13px;
    float: left;
    padding-left: 15px;
    text-align: left;
    position:static;
    width:180px;
}

.qq-upload-drop-area.qq-upload-drop-area-active {
    background-color: rgba(29, 44, 63, 0.7) !important;
}

input[type="file"] {
    cursor: pointer !important;
}

#printqImagePicker #mCSB_5_scrollbar_vertical {
    display: block !important;
}

/*#printqImagePicker .imageGalleryBorder {
    border-bottom: 1px solid #c7c7c7;
}*/

#printqImagePicker .imageGallery .imageContainer:hover,
#printqEffectPicker .effectGallery .effectContainer:hover {
    background-color: rgb(251, 251, 253)
}

#printqEffectPicker .effectGallery .effectContainer .mask {
    opacity: 0.7;
    width: 100%;
    height: 110px;
    position: absolute;
    max-width: 100%;
    max-height: 80px;
    /* left: 2px; */
    top: 13px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

#printqEffectPicker .effectGallery .effectContainer div.placeholder,
#printqImagePicker .imageGallery .imageContainer div.placeholder {
    width: 104px;
    height: 78px;
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
    margin: 0;
}

#printqEffectPicker .effectGallery .effectContainer div.placeholder .imgContainer{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    padding: 0;
    position: absolute;
    left :0px;
}

#printqEffectPicker .pickerInfo {
	width: 50px;
	height: 50px;
	position: absolute;
	left: -50px;
	line-height: 50px;
	text-align: center;
	background-color: #FBFBFD;
	box-shadow: 1px 1.732px 5px 0 rgba(0, 0, 0, 0.043);
	border: 1px solid #C7C7C7;
	top: -1px;
}

#printqEffectPicker .effectGallery .effectContainer {
    position: static !important;
}

#printqEffectPicker .effectGallery .effectContainer, #printqImagePicker .imageGallery .imageContainer {
    display: block;
    width: 124px;
    height: 98px;
    border-color: #C7C7C7;
    border-style: solid;
    border-width: 1px;
    position: relative;
    padding: 10px;
    margin: -1px 0 0 -1px;
    float: left;
    overflow: hidden;
    background-color: #fff;
}

#printqEffectPicker .effectGallery .effectContainer, #printqImagePicker .imageGallery .imageContainer.hasTitle{
    height: 116px;
}

#printqEffectPicker .effectGallery .effectContainer div.itemTitle, #printqImagePicker .imageGallery .imageContainer div.itemTitle{
	width: 104px;
	height: 18px;
	line-height: 10px;
	font-size: 10px;
	font-family: "Roboto Medium";
	color: #384347;
	display: block;
	position: relative;
	padding-top: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ui-tooltip {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
    min-width: 185px;
    max-width: 240px !important;
    position: absolute !important;
}

/*end new design*/
.enable-edit .page div.page_blocks.editable.bgadded.image.over {
    cursor: default;
}

.enable-edit .page div.page_blocks.editable.bgadded.bgprepare.image.over {
    cursor: pointer;
}

#subcontent #edit_tab .enable-edit .page_blocks.bgprepare {
    display: table;
    background: #FFFFff;
    z-index: 498;
}

#subcontent #edit_tab .enable-edit .page_blocks #dropHelper,
#subcontent #edit_tab .page_blocks #dropHelper {
    display: none;
}

#subcontent #edit_tab .enable-edit .page_blocks.bgprepare #dropHelper {
	display: block;
	color: #818181;
	font: 20px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	line-height: 20px;
	position: absolute;
	top: 150px;
	background: #ededed;
	z-index: 99;
	left: 0;
}

#subcontent #edit_tab .enable-edit .page_blocks.bgprepare.edit #dropHelper {
    display: none;
}

#subcontent #edit_tab .page_blocks.bgadded {
    display: table;
}

#subcontent #edit_tab .enable-edit .page_blocks.bgadded u {
    border: none !important;
}

#subcontent #edit_tab .enable-edit .page_blocks.bgadded.bgprepare u {
    border: 1px dashed #3399ff;
}

.projectDescription {
    font-weight: 100;
    font-size: 14px;
    word-break: break-word;
    color:#fff;
    padding-bottom: 8px;
}

.projectName {
    font-size: 18px;
    font-weight: 500;
    color:#fff;
}

#printqImagePicker .connectBtn {
    display: none;
}

#printqImagePicker .imageGallery.connect + .connectBtn {
    display: inline-block;
    margin-top: 50px;
    left: 88px;
    top: -14px;
}
#printqEffectPicker .effectGallery .effectContainer:hover .pic.select,
#printqImagePicker .selectboxPickerBody .imageGallery .hasPhoto.imageContainer:hover .pic.select,
#printqImagePicker .selectboxPickerBody .imageGallery .hasPhoto.imageContainer:hover .pic.select,
#printqImagePicker .fotoliaPickerBody .imageGallery .hasPhoto.imageContainer:hover .pic.select,
#printqImagePicker .facebookPickerBody .imageGallery .hasPhoto.imageContainer:hover .pic.select,
#printqImagePicker .facebookPhotoPickerBody .imageGallery .hasPhoto.imageContainer:hover .pic.select,
#printqImagePicker .instagramPickerBody .imageGallery .hasPhoto.imageContainer:hover .pic.select {
    left: 37px;
}

#printqImagePicker.myphotos .pickerInfo.myphotos-btn span,
#printqImagePicker.instagram .pickerInfo.instagram-btn span,
#printqImagePicker.facebook .pickerInfo.facebook-btn span,
#printqImagePicker.facebookPhoto .pickerInfo.facebook-btn span,
#printqImagePicker.fotolia .pickerInfo.fotolia-btn span,
#printqImagePicker.selectbox .pickerInfo.selectbox-btn span {
    color: rgb(153, 209, 34);
}

#printqImagePicker .pickerInfo.fotolia-btn span {
    font-size: 19px;
}

.tabsContainerImage {
    width: 50px;
    position: absolute;
    left: -50px;
    display: inline-block;
    height: 100%;
}

.fotoliaSearchBox {
    height: 45px;
    border-bottom: 1px solid #c7c7c7;

}

#fotoliaSeachInput {
    top: 13px;
    position: absolute;
    left: 6px;
    float: left;
    width: 170px;
}

#fotoliaSearchBtn {
    left: 190px;
    position: absolute;
    top: 16px;
}

.loadMore {
    list-style: none;
    width: 100%;
    height: 31px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    background: #fff;
    border-bottom: none;
    top: 20px;
    padding-top: 6px;

}

.allFotoliaImages {
    max-height: 297px;
    height: 100%;
}

.helperItem {
    position: absolute;
    display: none;
}

.helperItem.enabled {
    display: block;
}

.helperAttr.width1 {
	border-width: 1px 0 0 1px;
}

.helperAttr.width2 {
	border-width: 2px 0 0 2px;;
}

.helperAttr.width3 {
	border-width: 3px 0 0 3px;;
}

.helperAttr.width4 {
	border-width: 4px 0 0 4px;
}

.helperAttr.width5 {
	border-width: 5px 0 0 5px;
}

.helperAttr.solid {
    border-style: solid;
}

.helperAttr.dashed {
    border-style: dashed;
}

.helperAttr.dotted {
    border-style: dotted;
}

.helperAttr.double {
    border-style: double;
}

.helperAttr.groove {
    border-style: groove;
}

.helperAttr.ridge {
    border-style: ridge;
}

.helperAttr.red {
    border-color: #ff0000;
}

.helperAttr.grey {
    border-color: #646464;
}

.helperAttr.green {
    border-color: #00ff00;
}

.helperAttr.blue {
    border-color: #0000ff;
}

.helperAttr.black {
    border-color: #000000;
}

.helperAttr.white {
    border-color: #ffffff;
}

.helperAttr.before:before {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    border-width: 1px;
    display: block;
    content: "";
    border-style: dashed;
    top: -1px;
    left: -1px;
}

.helperAttr.before_width1:before {
	top: -1px;
	left: -1px;
	border-width: 1px 0 0 1px;
}

.helperAttr.before_width2:before {
	top: -2px;
	left: -2px;
	border-width: 2px 0 0 2px;
}

.helperAttr.before_width3:before {
	top: -3px;
	left: -3px;
	border-width: 3px 0 0 3px;
}

.helperAttr.before_width4:before {
	top: -4px;
	left: -4px;
	border-width: 4px 0 0 4px;
}

.helperAttr.before_width5:before {
	top: -5px;
	left: -5px;
	border-width: 5px 0 0 5px;
}

.helperAttr.before_solid:before {
    border-style: solid;
}

.helperAttr.before_dashed:before {
    border-style: dashed;
}

.helperAttr.before_dotted:before {
    border-style: dotted;
}

.helperAttr.before_double:before {
    border-style: double;
}

.helperAttr.before_groove:before {
    border-style: groove;
}

.helperAttr.before_ridge:before {
    border-style: ridge;
}

.helperAttr.before_red:before {
    border-color: #ff0000;
}

.helperAttr.before_grey:before {
    border-color: #646464;
}

.helperAttr.before_green:before {
    border-color: #00ff00;
}

.helperAttr.before_blue:before {
    border-color: #0000ff;
}

.helperAttr.before_black:before {
    border-color: #000000;
}

.helperAttr.before_white:before {
    border-color: #ffffff;
}

.pFrame, .pLine {
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
}

.pFrame .pContur, .pLine .pContur {
    width: 100%;
    height: 100%;
}

.pFrame.top {
    height: 0;
}

.pFrame.left {
    width: 0;
}

.pFrame.bottom {
    height: 0;
}

.pFrame.right {
    width: 0;
}

.pLine.vertical {
    width: 0;
}

.pLine.horizontal {
    height: 0;
}

.pHelper, .pDescription {
    font-size: 12px;
    line-height: 14px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #646464;
    z-index: 99;
}

.pCutter {
    background: url("../default/images/helper-sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    z-index: 99;
    width: 20px;
    height: 25px;
}

.pHelper {
    text-align: left;
}

.pHelper.right {
    margin-top: -8px;
    padding-left: 40px;
    width: 250px;
    margin-left: 5px;
    left: 100%
}

.pHelper.bottom {
    top: 100%;
    margin-top: 5px;
    margin-left: -2px;
    padding-left: 20px;
    padding-top: 13px;
    text-align: left;
    width: 250px;
}

.pHelper.right:before {
    background: url("../default/images/helper-sprites.png") no-repeat scroll -100px 0 rgba(0, 0, 0, 0);
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    width: 30px;
    z-index: 498;
}

.pHelper.bottom:before {
    background: url("../default/images/helper-sprites.png") no-repeat scroll -200px 0 rgba(0, 0, 0, 0);
    content: "";
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: 498;
}

#preview_tab .magnify {
    display: inline-block;
    position: relative;
}

#preview_tab .magnify .large {
    width: 300px;
    height: 300px;
    position: absolute !important;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    display: none;
}

.group.helper_group2 {
	position: absolute;
	bottom: 0;
}

/*switch button*/

.switch-container .switch-wrapper .switch-button-label {
    color: #fff;
    float: left;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out 0s;
}

.switch-container .switch-wrapper .switch-button-label.on {
    opacity: 1;
}

.switch-container .switch-wrapper .switch-button-background {
    background: none repeat scroll 0 0 rgb(153, 209, 34);;

}

.switch-container .switch-wrapper .switch-button-button {
    background: none repeat scroll 0 0 #fff;
}

.switch-container .switch-wrapper .multiple-pages {
    background-position: -33px 0;
}

.switch-container .switch-wrapper .single-page {
    background-position: 0 0;
}

.switch-container {
    font-size: 13px;
}

.switch-button-label {
    cursor: pointer;
    float: left;
    font-size: 10pt;
    color: #fff;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: #0088cc;
}

.switch-button-background {
    background: none repeat scroll 0 0 #fafafa;
    border-radius: 12px;
    cursor: pointer;
    float: left;
    margin: 1px 10px;
    position: relative;
    top: 8px;
    left: -4px;

}

.switch-button-button {

    border-radius: 12px;
    left: 2px;
    margin-bottom: 2px;
    margin-top: 3px;
    position: absolute;
}

#mainContent #subcontent .tdPreviewFrame {
    min-height: 750px;
    min-width: 850px;
}

#preview_tab.tdpreview .pages-container #preview_page {
    display: none !important;
}

/*end switch button*/
.group.preview_actions {
    width: 100%;
    margin: 0 auto;
    padding-top: 9px;
    cursor: pointer;
    text-align: Center;
}
.tdpreview  .download_pdf_group{
    border-right: none;
}
.download_pdf_group {
    width: 37px;
    height: 37px;
    font-size: 16px;
    display: inline-block;
    margin-right: -3px;

}

.download_pdf_group a {
    width: 100%;
    height: 100%;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #2c9dd5;
    display: table;
}

.download_pdf_group a span {
    line-height: 36px;

}

.switch-button-label.off {
    display: none
}

.switch-button-label.on_label {
    position: absolute;
    top: 1px;
    left: 12px;
}

.switch-button-label.off_label {
    position: absolute;
    top: 1px;
    left: 19px;
}

.td_group {
    width: 103px;
    height: 37px;
    display: inline-block;

}

.preview-mode-switch {
    width: 70%;
    height: 100%;
    float: left;

}

.tittle_td {
    width: 30%;
    float: left;
    font-size: 16px;
    line-height: 36px;
    padding-left: 9px;
}

#preview_tab .pages-container #frame_3d {
    display: none;
}

#preview_tab.tdpreview .pages-container #frame_3d {
    display: inline-block;
}

#mainContent #subcontent .tdPreviewFrame {
    min-height: 750px;
    min-width: 850px;
}

.confirmCheckbox .pages-container,
.tdPreview .pages-container {
	top: 0;

}

.checkbox_label {
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
}

.checkbox_label a {
    font-size: 16px;
}

.checkbox_label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: bottom;
	background-color: transparent;
	color: #000000;
	text-align: center;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
	border-radius: 0;
}

input[type=checkbox]:checked + .checkbox_label:before {
    content: "\2714";
    font-size: 12px;
}

.preview_mask {
    display: none;
}

body.preview .preview_mask,
body .disabled > .preview_mask {
    width: 100%;
    height: 100%;
    bottom: 60px;
    position: relative;
    cursor: not-allowed;
    display: block;
    background: transparent;
    z-index: 9999999;
}

body.preview aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.inactive,
body.preview aside.sidebar ul.mainMenu li.mainItem a.mainTrigger div.icon.active {
    color: #c7c7c7;
}

#doubleCheckData {
    padding-bottom: 9px;
}

.layoutsGallery .mCSB_inside > .mCSB_container,
.unsplashGallery .mCSB_inside > .mCSB_container,
.cliparts .mCSB_inside > .mCSB_container
{
    margin-right: 5px !important;
}
.border_w{
 background-color: #6cbfe8;
    width: 70%;
    display: block;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
.border_0pt{
    background:none;
}
.border_1pt{
    height: 1px;
}

.border_2pt{

	height: 2px;
}

.border_3pt{

	height: 3px;
}
.colorContainer .borderWidth li{
    width:25%;
    cursor:pointer;
}
.colorContainer .borderWidth,
.colorContainer .borderStyle
{
	max-height: 56px;
	height: 100%;
	width: 377px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-left: 9px;
	margin-top: 9px;
	display: none;
}

.colorContainer .borderStyle{
    max-height :62px;
}

.borderwidth .colorContainer .borderWidth,
.borderstyle .colorContainer .borderStyle
{
    display:inline-block;
}

.borderWidth li.active span{
    background-color:rgb(153, 209, 34);
}
.borderWidth li.active span.border_0pt{
    background:none;
    color:rgb(153, 209, 34);
}

.border_0, .border_1, .border_2, .border_3, .border_4, .border_5, .border_6, .border_7, .border_8, .border_9, .border_10, .border_11, .border_12, .border_13, .border_14, .border_15, .border_icon, .border_width_icon, .border_color_icon {
    background: url(../default/assets/table_borders_sprites.png) no-repeat;
}

.borderstyle .colorContainer ul.borderStyle li {
    background-color: #2A81AC;
    margin:2px;
    cursor: pointer;
    position : relative;
}

.borderstyle .colorContainer ul.borderStyle li > span{
    margin: 3px 2px 3px 3px;
    width: 23px;
    height: 22px;
    display: block;
}

.border_0{
    background-position: 0 0;
}

.border_1{
    background-position: -50px 0;
}

.border_2{
    background-position: -100px 0;
}

.border_4{
    background-position: -150px 0;
}

.border_5{
    background-position: -200px 0;
}

.border_8{
    background-position: -250px 0;
}

.border_3{
    background-position: -400px 0;
}

.border_6{
    background-position: -450px 0;
}

.border_7{
    background-position: -500px 0;
}

.border_9{
    background-position: -550px 0;
}

.border_11{
    background-position: -600px 0;
}

.border_12{
    background-position: -250px -50px ;
}

.border_13{
    background-position: -300px -50px ;
}

.border_14{
    background-position: -350px -50px ;
}

.border_10{
    background-position: -300px 0;
}

.border_15{
    background-position: -350px 0;
}

.border_color_icon{
    background-position: -200px -50px ;
    width: 27px;
    height: 27px;
}

.border_icon{
    background-position: -152px -50px ;
    width: 23px;
    height: 23px;
}

.border_width_icon{
    background-position: -100px -50px ;
    width: 22px;
    height: 20px;
}
.enable-edit.enable-resizable .page_blocks.over.edit .ui-resizable-handle {
    display:none !important;
}
.enable-edit.enable-resizable .page_blocks.ui-resizable-resizing .ui-resizable-handle.not-active {
    display : none !important;
}
#addResetContainer .add_page_group a,
#addResetContainer .delete_page_group a{
    font-size:12px;
    line-height:22px;
}
.paginationPreviewContainer .pages .page:last-child span.border_pagination
{
visibility:hidden;
}
aside.sidebar .layoutsGallery ul.layoutsGalleryList li.listItem.defaultLayout{
    display:none;
}
.disablePointerEvent{
	pointer-events: none;
}
@media only screen and (max-width: 1040px) {
.navbarCenter ul li{
    width:145px;
}
}
/*end gallery*/


body.tdPreview.preview #paginationContainer_Edit_Preview {
    display:none;
}
#noProjects{
    color:#fff;
}
.isIE #printqEffectPicker .effectGallery .effectContainer.is_sepia,
.isIE #printqEffectPicker .effectGallery .effectContainer.is_greyscale,
.isIE #printqEffectPicker .effectGallery .effectContainer.is_invert
{
     display:none;
 }
.no-webgl.td_group{
    display:none;
}
/*login user*/
aside.sidebar .loginUser,
aside.sidebar .registerUser
{
    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;
    padding: 5px 0 5px 10px;
    background-color: #213246;
}
aside.sidebar ul.mainMenu li.mainItem.active .loginUser,
aside.sidebar ul.mainMenu li.mainItem.active .registerUser
{right: -200px;
      background-color: #1b2939;
}
aside.sidebar ul.mainMenu li.mainItem.active .loginUser ul,
aside.sidebar ul.mainMenu li.mainItem.active .registerUser ul
{
    padding: 0;
    text-align: center;
    margin: 0;
}
aside.sidebar ul.mainMenu li.mainItem .loginUser li ,
aside.sidebar ul.mainMenu li.mainItem .registerUser li
{
    list-style: none;
    display: block;
    margin: 5px 0 5px 0;
    color: #fff;
    padding-bottom: 12px;
    font-size:14px;
    text-align:left;
}
aside.sidebar ul.mainMenu li.mainItem .loginUser li.buttonsContainer,
aside.sidebar ul.mainMenu li.mainItem .registerUser li.buttonsContainer
{
    text-align:center;
}
aside.sidebar ul.mainMenu li.mainItem .loginUser input,
aside.sidebar ul.mainMenu li.mainItem .registerUser input
{
    height:29px;
    width: 180px;
    font-family: Roboto;
    font-size: 16px;
}
aside.sidebar ul.mainMenu li.mainItem .loginUser label,
aside.sidebar ul.mainMenu li.mainItem .registerUser label
{
    color: #fff;
    padding: 0 0 5px 0;
    display: inline-block;
}
/*end login user*/
.colorContainer ul li.whitecolor{
    border:1px solid #ccc;
}
.page div.page_blocks > div:first-child{
    z-index:1;
}
.isIE .page div.page_blocks img{
    height:auto;
}
aside.sidebar ul.mainMenu li.mainItem .loginUser{
z-index:-1;
}
.navbarTopLeft ul .projectInfo .info label{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
}
 #addtoCartContainer{
            width:100%;
 }
 /*apo v2 update*/
.page div.page_blocks.templateblock{
    display:none;
}
#subcontent #edit_tab .page .foradd{
	display: none;
}
#templatesContainer{
    display:none;
}
aside.sidebar .page_options_group div.submenu > ul li.subItem.active a.subTrigger{
        background-color: #213246;
}
aside.sidebar .page_options_group div.submenu > ul li.subItem a.subTrigger.printqicon-plus_icon,
aside.sidebar .page_options_group div.submenu > ul li.subItem a.subTrigger.printqicon-minus
{
    font-size: 15px;
    line-height: 25px;
}
.secondPaginationPreviewContainer,
.secondPaginationEditContainer
{
    position: absolute;
    top: 10px;
    width: auto;
    height: 35px;
    line-height: 35px;
    z-index:9;
    display:none;
}
.secondpagination #paginationContainer_Edit_Preview,
.secondpagination #page_picker_editor{
    display:none;
}
.secondpagination .secondPaginationPreviewContainer,
.secondpagination .secondPaginationEditContainer{
    display:block;
        padding: 0 30px;
    left: 50%;
    transform: translateX(-50%);

}
body.hide_toolbar  .secondPaginationPreviewContainer,
body.hide_toolbar   .secondPaginationEditContainer{
      margin-left:-30px;
}

.secondPaginationPreviewContainer ul,
.secondPaginationEditContainer ul
{
   list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 20000em;
    height: 100%;
    position: absolute;
}
.secondPaginationPreviewContainer ul li.page,
.secondPaginationEditContainer ul li.page
{
      cursor: pointer;
    float: left;
    min-width: 28px;
    color: #717173;
    text-align: center;
    font-size: 13px;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 35px;
    margin: 0 4px;
    padding: 0px 1px 0px 1px;
    line-height: 35px;
    position:relative;
    top:3px;
}
.secondPaginationPreviewContainer ul li.page.active a,
.secondPaginationEditContainer ul li.page.active a
{
  border: 2px solid rgb(153, 209, 34)
}
.secondPaginationPreviewContainer ul li.page a,
.secondPaginationEditContainer ul li.page a
{
    position: relative;
    color: #384347;
    font-family: "Roboto";
    text-decoration: none;
    border: 1px solid #c7c9c9;
    box-shadow: 2px 2px 2px #e5e5e5;
    padding: 4px 8px 6px 8px;
    width: 100%;
    height: 100%;
    line-height: 30px;
    height: 28px;
    line-height: 28px;
    min-width: 28px;
}

.secondPaginationPreviewContainer ul li.page.active a,
.secondPaginationEditContainer ul li.page.active a
{
    box-shadow:none;
}
.secondPaginationPreviewContainer .subcontainerSecondPagination,
.secondPaginationEditContainer .subcontainerSecondEditPagination
{
    width: 33.3%;
    position: relative;
    float: left;
    text-align: center;
    overflow: hidden;
    height: 35px;
}
.previous_arrow,
.next_arrow {
    text-decoration: none;
    color: #717173;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    width: 30px;
    cursor: pointer;
}
.previous,
.next
{
    width: 30px;
    float: left;
    font-size: 13px;
    line-height: 35px;
    height: 35px;
    position:absolute;
    text-align:center;
    display:none;
}
.next{
    right:0px;
}
.previous{
    padding-right:10px;
    left:0;
}
.secondPagination li img{
    display:none;
}
.logoContainer div.small_logo.back_button,
.logoContainer div.large_logo.back_button{
    font-size: 22px;
    text-align: center;
    color: #fff;
        line-height: 30px;
}
.logoContainer div.large_logo.back_button .title{
    display: inline-block;
    font-size: 16px;
    font-family: "Roboto";
    height: auto;
    line-height: 30px;
    padding: 0;
    position: absolute;
    left: 63px;
    width: 98px;

}
.logoContainer div.large_logo.back_button{
    text-align: left;
    padding-left: 8px;
}
.secondpagination .group.preview_actions{
    padding-top:0;
    position:relative ;
    top:46px;
}
.secondpagination .pages-container{
    top:5%;
}
/*apo end v2 update*/

/*apo v22 update start*/
#canvasArea .pages .page .grid_top,
#canvasArea .pages .page .grid_top_middle,
#canvasArea .pages .page .grid_bottom_middle {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 999;
}
#canvasArea .pages .page .grid_left,
#canvasArea .pages .page .grid_left_middle,
#canvasArea .pages .page .grid_right_middle {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    z-index: 999;
}

#canvasArea .pages .page .grid_left.snaped,
#canvasArea .pages .page .grid_top.snaped {
    background-color: #CE2D28;
}
#canvasArea .pages .page .grid_left_middle.snaped ~ .grid_left,
#canvasArea .pages .page .grid_right_middle.snaped ~ .grid_left,
#canvasArea .pages .page .grid_bottom_middle.snaped  ~ .grid_top,
#canvasArea .pages .page .grid_top_middle.snaped  ~ .grid_top
{
    background-color: #CE2D28;
    visibility: visible !important;
}
#printqEditorPdfVtToolbar .header_{

}
#printqEditorPdfVtToolbar .headersContainer
{
        width: auto;
    height: 100%;
    float: left;
    padding: 0px 20px 0px 20px;
    max-width: 99999999px;
    display: flex;
}

#printqEditorPdfVtToolbar .headersContainer .header{
      float: left;
    width: 190px;
    height: 40px;
    padding-right: 10px;
    line-height: 40px;
}
#printqEditorPdfVtToolbar .row_number{
       width: 20px;
    float: left;
    text-align: center;
    height:40px;
}
#printqEditorPdfVtToolbar .headersContainer .header .span_value{
    float:left;
    line-height:40px;
}
#printqEditorPdfVtToolbar .headersContainer  .delete{
    float:right;
}
#printqEditorPdfVtToolbar .printqtoolbarBottom
{
       height: auto;
    max-height: 350px;
    width: 100%;
}
#printqEditorPdfVtToolbar  input{
    width:180px;
    height:25px;
}
#printqEditorPdfVtToolbar .wrapper_value{
            float: left;
    padding-right: 10px;
}
#printqEditorPdfVtToolbar .wrapper_delete_row{
    float:left;
    width:20px;
    text-align:center;

}
#printqEditorPdfVtToolbar .wrapper_delete_row .icon{
    line-height:20px;
}
#printqEditorPdfVtToolbar .pdfVtContainer{
    height:100%;
    float:left;
}
#printqEditorPdfVtToolbar .rowContainer{
    height:20px;
    clear: left;
}
#printqEditorPdfVtToolbar .pdfvtBottomActions{
    height:40px;
    width:100%;
       padding: 0px 20px 0px 20px;
    float:left;

}
#printqEditorPdfVtToolbar .pdfvtBottomActions a{
     text-decoration: underline;
    font-size: 12px;
    width: 50%;
    display: inline-block;
    float: left;
    text-align:left;
    cursor:pointer;

}
#printqEditorPdfVtToolbar .pdfvtBottomActions a:last-child{
    text-align:right;
}
#printqEditorPdfVtToolbar .pdfvtAddRows{
    text-align:center;
    padding:0 40px 0 40px;
}
#printqEditorPdfVtToolbar .pdfvtAddRows a.addRowButton{
        width: 220px;
    display:inline-block;
    border:1px solid #ccc;
    height:25px;
}
#printqEditorPdfVtToolbar .pdfvtAddRows a.addRowButton span{
    line-height:25px;
}
#printqEditorPdfVtToolbar .pdfvtAddHeaders {
    float:left;
        padding: 40px 20px 0 0;

}
#printqEditorPdfVtToolbar .pdfvtAddHeaders a.addHeaderButton{
    text-align:center;
    width:25px;
    height:130px;
    border:1px solid #ccc;
    display:inline-block;

}
#printqEditorPdfVtToolbar .pdfvtAddHeaders a.addHeaderButton span.icon{
    line-height:130px;
}
#printqEditorPdfVtToolbar .fineuploader{
    display:none;
}
#printqEditorPdfVtToolbar  .printqToolbarTop{
     height: auto;
    max-width: 515px;
}
#printqEditorPdfVtToolbar .useHeadersContainer .headerName {
    padding: 0px 10px 0px 10px;
    float: left;
    border: 1px solid #ccc;
    text-align: center;
    margin-right: 10px;
    height: 20px;
    margin-bottom:5px;
}
#printqEditorPdfVtToolbar .useHeadersContainer .headerTitle {
    font-size: 14px;
    color: #000;
    line-height: 18px;
    width: 100%;
    height: 100%;
    display: inline-block;
}
#printqEditorPdfVtToolbar  .useHeaderTitle{
    padding-left: 10px;
    font-size: 16px;
    color: #000;
}
#printqEditorPdfVtToolbar .useHeadersContainer
{
    height: 100%;
    width: 50%;
    display: inline-block;
    padding: 10px 10px 0px 10px;
}
#printqEditorPdfVtToolbar .scrollableContainer{
        max-width: 450px;
    float: left;
    overflow: auto;
    margin: 0px 10px 10px 10px;
    max-height: 315px;
}
#pdfVtForm{
    height:100%;
    float:left;
}
.enable-edit .page div.page_blocks.editable.text.edit.blackColor
{
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important;
}
.circletext .ui-rotatable-handle {
	display : none !important;
}

.circletext svg path {
	stroke-width : 0px;
}
/* start circletextchanger */
#printqCircleTextChanger {
	text-align : center;
	z-index    : 99999;
	width      : 100%;
	height     : 100%;
	background : rgba(240, 240, 240, 0.58) !important;
	position   : fixed;
	top        : 0;
	left       : 0;
	display    : none;
}

#printqCircleTextChanger.edit {
	display : block;
}

#printqCircleTextChanger .printqBox {
	width    : 500px;
	height   : 200px;
	margin   : 0 auto;
	top      : 35%;
	position : relative;
}

#printqCircleTextChanger .printqBox .editZone {
	padding : 25px 0px 25px 0px;
}

#printqCircleTextChanger .printqBox .editZone textarea {
	width         : 90%;
	height        : 85px;
	position      : relative;
	padding       : 2px;
	border        : 1px solid rgb(153, 209, 34);
	border-radius : 5px;
	outline       : none;
	resize        : none;
	overflow      : auto;
}

#printqCircleTextChanger .rightContainer #circletextinput {
	width    : 90%;
	margin   : 0 auto;
	top      : 10px;
	display  : inherit;
	height   : 30px;
	position : relative;
}

/*end circletextchanger*/
/*center gallery*/
body.center_gallery .galleryContainer {
      max-width: 1200px;
    text-align: center;
}
body.hide_toolbar aside.sidebar{
    left: -60px;
    position:fixed;
    top:0px;
    z-index:100;
}
body.expand.hide_toolbar aside.sidebar{
left:0px;
}
body.hide_toolbar .navbarTopLeft ul #close{
    display:none
}
body.hide_toolbar.expand  #paginationContainer_Edit_Preview{
    position:relative;
    left:140px;
}
body.hide_toolbar  #paginationContainer_Edit_Preview
{
    position: relative;
    left: 60px;

}
 aside.sidebar ul.mainMenu li.mainItem.close_sidebar_group{
     display:none;
 }
body.hide_toolbar aside.sidebar ul.mainMenu li.mainItem.close_sidebar_group {
    display:block;

}

aside.sidebar ul.mainMenu li.mainItem.close_sidebar_group a.mainTrigger div.icon{
    line-height:24px;
}
.headerContainer{
    height: 60px;
    position: fixed;
    top: 0px;
    width: 100%;
}
body.allow_header #editorTopbarContainer{
    top:60px;
}
body.allow_header .container{
    padding-top:120px;
}
body .wrapper_sidebar_gallery{
    display:none;
}
body.expand.hide_toolbar #mainContent #subcontent,
body.hide_toolbar #mainContent #subcontent,
body.expand.side-gallery-open.hide_toolbar .galleryContainer,
body.expand.side-gallery-open.hide_toolbar .galleryPreview,
body.side-gallery-open.hide_toolbar .galleryContainer,
body.side-gallery-open.hide_toolbar .galleryPreview,
body.side-gallery-unsplash-open.hide_toolbar .galleryContainer,
body.side-gallery-unsplash-open.hide_toolbar .galleryPreview,
body.expand.hide_toolbar .galleryContainer,
body.expand.hide_toolbar .galleryPreview,
body.hide_toolbar .galleryContainer,
body.hide_toolbar .galleryPreview
{
    padding-left:0px;
}
body.expand.hide_toolbar aside.sidebar ul.mainMenu{
    padding-top:10px;
}
body.crosshair{
   cursor:crosshair !important;
}

/*end center gallery*/
body.hide_toolbar.allow_back .group.helper_group2 {
    bottom:60px;
}
body.hide_toolbar .group.back_group {
    bottom:0px;
    position:absolute;
}
aside.sidebar ul.mainMenu li.mainItem.active.group.back_group a.mainTrigger div.icon.inactive{
    left:0px;
}
.page_navigation{
      width: 30px;
    height: 30px;
    position: absolute;
    font-size:25px;
}
#preview_tab.tdpreview .page_navigation{
    display:none !important;
}
.page_navigation a{
    color:#666;
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration:none;
}
body.hide_toolbar #mainContent #subcontent{
    transition:none;
}
body.center_gallery.expand.hide_gallery .galleryContainer,
body.center_gallery .galleryContainer,
body.center_gallery #mainContent #subcontent .pages .page,
body.center_gallery #mainContent #subcontent .pages .page.active,
body.expand.center_gallery #mainContent #subcontent,
body.center_gallery #mainContent #subcontent
{
    padding-left:0px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
body.expand.center_gallery #mainContent #subcontent,
body.center_gallery #mainContent #subcontent
{
    padding-left:60px;
}
.page div.page_blocks div.blockBorder{
    z-index:0;
}
body.center_gallery .galleryContainer .uploadImagesContainer{
    right:60px;
}
body.center_gallery.hide_toolbar .galleryContainer .uploadImagesContainer{
right:0px;
}
body.hide_toolbar #mainContent #subcontent,
body.hide_toolbar.expand #mainContent #subcontent
{
    padding-left:0px;
}
#printqEffectPicker .pickerInfo.brightness_contrast_effects{
    top:48px;
}
#printqEffectPicker .effectsPickerBody,
#printqEffectPicker .bightnessContrastPickerBody
{
    display:none;
}
#printqEffectPicker.myeffects .effectsPickerBody,
#printqEffectPicker.brightness_contrast .bightnessContrastPickerBody
{
    display:block;
}
.brightnessContrastImageWrapper #currentImage{
       max-width: 280px;
    height: auto;
    width: auto;
    max-height: 200px
}
.brightnessContrastImageWrapper{
    text-align:center;
    padding:20px;
}
.sliderPipe{
        width: 2px;
    height: 8px;
    display: inline-block;
    background-color: #2A81AC;
    position: absolute;
    top: -4px;
    left: 50%;
}
.slidersWrapper{
    padding:0 20px;
}
.sliderValues{
    font-size: 10px;
    float: left;
    line-height: 15px;
}
#searchUnsplash{
          width: 180px;
    font-family: Roboto;
    font-size: 16px;
    border-radius: 0px;
    border: none;
    position: relative;
    height: 30px;
    margin: 0px 0px;
}
.searchContainer label{
    color: #fff;
    padding: 0 0 5px 0;
    display: inline-block;
}
.searchContainer .button{
    list-style: none;
    display: block;
    margin: 10px auto;
    color: #fff;
    padding-bottom: 12px;
    font-size: 14px;
    text-align: left;
}

#imageGalleryUnsplashImageTemplate{
    display:none
}
.loading-mask-unsplash {
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    height: 100%;
    display:none;
    background-color: rgba(29, 44, 63, 0.7);
}

.loading-mask-unsplash > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    position:relative;
    top:50%;
}

.loading-mask-unsplash .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading-mask-unsplash .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform : scale(0);
        transform         : scale(0);
    }
    40% {
        -webkit-transform : scale(1.0);
        transform         : scale(1.0);
    }
}
aside.sidebar ul.mainMenu li.mainItem  span.searchUnsplashIcon {
        position: absolute;
    right: 16px;
    top: 36px;
    cursor: pointer;
    display: block;
    color: #000000;
}
.page div.page_blocks > div > div svg{
    overflow:visible;
}
 body.expand.side-gallery-unsplash-open.center_gallery .galleryContainer,
 body.expand.center_gallery.side-gallery-open .galleryContainer
 {
     padding-left:0px;
 }
.fontsContainer  .mCSB_scrollTools{
    width:4px;
 }
 .register_user_expand #loginUser{
		display:none;
 }
 #registerUser{
	 display:none;
 }
 .register_user_expand #registerUser {
	 	display:block;
 }
 .register,
 .back_login
 {
	     color: #fff;
    padding: 0 0 5px 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
         height: auto;
    cursor: pointer;
 }
 .show_advice
{
    color: #f00;
    font-size: 12px;
    padding-top: 4px;
}

.pdfVtPackage {
    display    : none;
    text-align : center;
    text-align : center;
    width      : 100%;
    left       : 50%;
    transform  : translateX(-50%);
    width      : 100%;
    padding-left: 60px;
    position: fixed;
    margin-top : 50px; /*IMPDE-84*/
}
.expand  .pdfVtPackage {
    padding-left: 200px;
}
.preview .pdfVtPackage {
    display : block;
}

.pdf_vt_item_pagination {
    display : none !important;
}

body.is_used_pdf_vt .page_navigation_back_preview,
body.is_used_pdf_vt .page_navigation_next_preview {
    display:none !important;
 }
#pdfvtPackageSelect{
        padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 3px;
}
.message_pdf_vt
{
    display: block;
    float: right;
    color: rgb(153, 209, 34);
    padding-right: 10px;
    font-size: 14px;
}
.group.helper_group2 {
    bottom: 60px;
}

/*apo v22 update stop*/
/*apo edge pdfvt*/
#printqEditorPdfVtToolbar .useHeadersContainer{
    height:auto;
}

#pdfVtForm{
    height:auto;
}

#printqEditorPdfVtToolbar .pdfVtContainer{
    height: auto;
    display: inline-table;
}

#printqEditorPdfVtToolbar .printqtoolbarBottom{
    position:relative;
}
 aside.sidebar ul.mainMenu li.mainItem .registerUser{
     z-index:-1;
 }
 .spanEdit{
     display:inline-block;
 }
 .page div.page_blocks > div:first-child{
     overflow:hidden;
 }
/*apo edge pdfvt stop*/
.play-button-outer {
       width: 35px;
    height: 35px;
    background-color: #EA3323;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: -7px;
}

.play-button {
     margin: 0 auto;
    top: 50%;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: transparent transparent transparent #ffff;
    transform: translate(-50%,-50%);
    left: 57%;
    text-align: center;
}


.play-button-outer:hover .play-button {
  opacity: 1;
}
.buttonContainer span{
    cursor: pointer;
}
.buttonContainer
{
        position: relative;
    height: 30px;
    background: #000;
    width: auto;
    color: #fff;
    border-radius: 5px;
    line-height: 30px;
    font-size: 16px;
    padding-left: 5px;
    max-width: 50%;
    min-width: 160px;
    display: inline-block;
        top: -10px;
    cursor: pointer;
}
/*apo changes*/
body.preview aside.sidebar ul.mainMenu li.mainItem{
    display: none;
}
#addtoCartContainer #attach {

}

#addtoCartContainer #attach a{
    width   : 250px;
    display : inline-block;
    margin  : 0px;
    float   : right;
    color   : #FFFFFF !important;

    background-color : #EA5355;
}

#addtoCartContainer #attach a span{
    color:#fff;
    text-align : right;
    width      : 65%;
}

.button_edit,
.button_preview{
    display:none !important;
    width:275px !important;
}

body.edit .button_preview,
body.preview .button_edit
{
    display: block !important;
}
.button_preview{
    background : #EA5355 !important;
    color      : #FFFF !important;
}

.button_preview span,
.button_preview a
{
color:#fff !important;
}

 .button_preview .effectbarLeftRight {
    background-color: #fff !important;
}
.navbarCenter.topBarContent ul
{
    width      : auto  ;
    text-align : center  ;
}
.pdfVtPackage label{
    background:yellow;
}
.clickActionFooter a{
    color: #fff !important;
    font-size : 25px !important;
}.clickActionFooter a span{
     font-family : Roboto;
     font-size   : 25px;
     padding-left : 10px !important;
}
.clickActionFooter.edit_selection a {
    background-color: #EA5355 !important;

}

.editTextActions li{
    width:50% !important;


}

.editTextActions li:nth-child(2) {
    display:none !important;
}

.editTextActions li:nth-child(3) {
    background-color : #EA5355 !important;
}

body #editorTopbarContainerMobile .topBarContent .topBarActions li a{
    font-size   : 22px;
    line-height : 38px;
    color : #FFFFFF !important;
}
body #editorTopbarContainerMobile .topBarContent .topBarActions li span{
    font-size   : 12px;
    clear       : both;
    float       : left;
    line-height : 16px;
    text-align  : center;
    width       : 100%;
    font-family : Roboto;
    color       : #FFFFFF;
}

#editorTopbarContainerMobile .topBarContent .topBarActions li.preview_state a{
    background-color : #EA5355 !important;
}

.ppmt.preview #editorTopbarContainerMobile .topBarContent .topBarActionsEdit li,
.ppmt.preview #editorTopbarContainerMobile .topBarContent .topBarActionsEdit,
.ppmt.preview #editorTopbarContainerMobile .topBarContent li.preview_state
{
    display: none;
}
.ppmt.preview #editorTopbarContainerMobile .topBarContent li
{
    width : 50%;
}

body.ppmt.ppmt-preview #editorTopbarContainerMobile .topBarContent .topBarActionsPreview,
body.ppmt.ppmt-preview #editorTopbarContainerMobile .topBarContent .addtoCartButton
{
    width:50% !important;
}

body.ppmt.ppmt-preview #editorTopbarContainerMobile .topBarContent .topBarActionsPreview li{
    width : 100%;
}

body.ppmt.ppmt-preview #editorTopbarContainerMobile .topBarContent .topBarActions li span
{
    width       : auto;
    float       : right;
    clear       : right;
    font-size   : 25px;
    line-height : 53px;
    padding-right : 40px;
}

body.ppmt.ppmt-preview #editorTopbarContainerMobile .topBarContent .topBarActions li.edit_state a
{
    font-size   : 25px;
    line-height : 53px;
    width:75%
}

.ppmt #editorTopbarContainerMobile  .addtoCartButton a span{
    font-family : Roboto;
    font-size   : 25px;
    float       : left;
    width       : 75%;
    text-align  : center;
}

body.ppmt.ppmt-preview .printqicon-addtocart:before {
    content  : "\e901";
    position : relative;
    left     : -35px;
}
.ppmt #editorTopbarContainerMobile  .addtoCartButton a{
    background-color: #EA5355 !important;
    font-size   : 25px !important;
    line-height : 60px !important;
    color: #ffff !important;
}
.sidebar .play-button-outer{
    position         : absolute;
    top              : 50%;
    transform        : translateY(-50%);
    left             : 18px;
    background-color : #6CBFE8;
    width            : 26px;
    height           : 26px;
}
.sidebar span.link{
    font-size   : 14px;
    font-family : "Roboto";
    height      : auto;
    line-height : 24px;
    padding     : 0;
    display     : none;
    position    : absolute;
    left        : 63px;
    width       : 100%;
    display     : block;
    color       : #6CBFE8;
    top         : 50%;
    transform   : translateY(-50%);
}
.sidebar .play-button{

    margin       : 0 auto;
    top          : 50%;
    position     : relative;
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 9px;
    border-color : transparent transparent transparent #213246;
    transform    : translate(-50%, -50%);
    left         : 59%;
    text-align   : center;
}
#openLink
{
    position : absolute  ;
    bottom   : 120px  ;
}

.group.fontname_group .play-button {
    border-width : 10px;
    left         : 8px;
}
.group.fontname_group .play-button-outer {
    width            : 30px;
    height           : 30px;
    background-color : #6CBFE8;
    cursor           : pointer;
    border-radius    : 50%;
    position         : absolute;
    top              : 12px !important;
    right            : -7px;
    left             : 50%;
}
/*end apo changes*/
.preview .galleryContainer{
    display:none;
}
.galleryPreview{
    display:none;
}
.preview .galleryPreview{
    display:block;
    display    : block;
    background : #FFFFFF;
    height: 70px;
    font-weight:bold;
}

.galleryPreview span{
    width:100%;
    text-align:center;
    float:left;
    display:inline-block;
    color: #EA5355;
}

.galleryPreview span.title {
    font-size:24px;

}
.ppmt.preview .galleryPreview {
    display    : block;
    display    : block;
    background : #FFFFFF;
    height     : 70px;
    width      : 100%;
    top        : 60%;
    padding    : 0px;
}

.ppmt.ppmt-preview .PaginationContainerMobilePreview {
    display     : block;
    padding-top : 70px;
}

body.ppmt.ppmt-preview #editorTopbarContainerMobile .topBarContent .topBarActions li.edit_state span,
body.ppmt.ppmt-preview #editorTopbarContainerMobile .topBarContent .topBarActions li.edit_state a
{
    line-height:60px !important;
}
#cbGetterContainer {
    display: block;
    position: absolute;
    top: -15000px;
    left: -15000px;
    visibility: hidden;
}
#cbGetter {
    display: inline;
    font-size: 100pt;
    line-height: 133px;
    outline: none;
    background: darkgoldenrod;
}
#editorHeight {
    display: none;
    width: 100%;
    height: auto;
}
.page div.page_blocks.text > div > div {
    display: inline;
    width: 100% !important;
    max-width: 100% !important;
}
.page div.page_blocks.text > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#getLinesPlayAreaContainer {
    visibility: hidden;
    position: absolute;
    top: -7000px;
    left: -7000px;
    z-index: 999999;
}
#getLinesPlayArea {
    padding: 0;
    margin: 0;
    border: none;
    min-height: 1px;
    resize: none;
    box-sizing: border-box;
    white-space: normal;
    word-wrap: normal;
    display: inline;
}

.page div.page_blocks.text > div:first-child{
    overflow: visible;
}