@charset "utf-8";
/* CSS Document */
.design_editor div{box-sizing:border-box;}
.design_editor hr{border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(255,255,255,0.5); margin:10px 0}

.design_editor{border:1px solid #eee; background:#fafafa; padding:10px;  position:relative;}
.design_editor .design_name{ position:absolute; top:60px; left:20px; font-size:30px; font-weight:normal; line-height:1em;}
.design_editor .design_info{ position:absolute; top:80px; right:20px; font-size:12px; font-weight:normal; line-height:1em; color:#aaa;}
.design_editor .toolbar{ position:absolute; top:19px; right:18px;}
.design_editor .toolbar .icoButt{}

.design_editor .design_editor_menu{ border-bottom:1px solid #eee; padding:10px;  width:100%; background:white; margin-bottom:50px;}
.design_editor .design_editor_menu .icoButt{border:none; background:none; display:block;}
.displayBlock .icoButt{display:block; margin-bottom:5px;}

.design_editor .editArea{display:block; position:relative; box-sizing:border-box; background:rgba(0,0,0,0.1)}
.design_editor .editArea canvas{}
.design_editor .editArea .paskaBackground{position:absolute;top:0;left:0; width:100%;}
.design_editor .editArea .paskaBackground svg{width:100% !important; height:auto !important;}
.design_editor .editArea .paskaBackground svg #paper{fill:#fff}

.design_editor .rightpanel{display:block; width:calc(30% - 20px); position:absolute; bottom:40px; right:10px;}
.design_editor .rightpanel .icoButt{border:none; background:none; margin:0}
.design_editor .rightpanel input[type=text]{box-shadow:none; border:1px solid #ddd; border-radius:0; padding:0.1em; font-size:1em; }

.design_editor .originCross{width:80px;}

.design_editor .hiddenTools{display:block;background:white; height:250px;}
.design_editor .hiddenTools .icoButt{border:none; background:none; margin:0}
.design_editor .hiddenTools input[type=text]{box-shadow:none; border:1px solid #ddd; border-radius:0; padding:0.1em; font-size:1em;}
.design_editor .hiddenTools .tools{ box-shadow:0 0 3px rgba(0,0,0,0.3); box-shadow:none; box-sizing:border-box; padding:20px; border-radius:0px; display:none; }
.design_editor .hiddenTools .toolsx:before{
	content: "";
    position: absolute;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;	
    top: -10px;
    right: calc(50% - 8px);
    bottom: auto;
    left: auto;
    border-width: 0 10px 10px;

}
.design_editor .hiddenTools .tools .tool-name{font-size:10px; padding:0 0 5px 0;}
.design_editor .hiddenTools .tools.tool-text{width:400px;}
.design_editor .hiddenTools .tools.tool-rect{}

.positionSettings{width:100%;}
.positionSettings td:nth-child(1){width:40%;}
.positionSettings td:nth-child(2){width:40%;}
.positionSettings td:nth-child(3){width:20%;}

.paskyColors{
	border-bottom:1px solid #eee;
	padding: 5px 0;
}
.removeWhites:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f096\00a0";
	font-weight:normal;
	color:#d5502b;
}

.removeWhites.isRemoved:before{
	content: "\f046\00a0";
}

.paskyColors .colorGroup{display:inline-block; border-right:1px solid #ddd;padding:0 10px 0 10px;}
.colorGroup > span{
	width:20px;
	height:20px;
	display:inline-block;
	border:2px solid white;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	text-indent:-999em;
	overflow:hidden;
	margin:0 3px 3px 0;
	border-radius:20px;
	cursor:pointer;
}
.paskyColors .colorGroup h3{
	font-size:12px;
	margin:0;
	padding:0 10px 0 0;
	display:inline-block;
	width:auto;
	line-height:22px;
}

.paskyColors .colorGroup:last-child{border:none;}

.eshop_cart_item_price{
	float:left;
	width:30%;
	text-align:right;
	line-height:35px;
}
.eshop_cart_item_amount{width:33.3333%;float:left; text-align:center;}
.eshop_cart_item_total{width:33.3333%;float:left; text-align:left; line-height:35px;}
.amountWrapper{display:inline-block}
.eshop_cart_item_amount .amount {
	width:75px;
}

#result{
	position:absolute;
	bottom:0;
	left:0;
}

.galleryItemFrame{
	display:block;
	float:left;
	width:100px;
	height:120px;
	margin:0 10px 10px 0;
	position:relative;
	border-radius:5px;
	box-shadow:0 0 3px rgba(0,0,0,0.2);	
}
.galleryItem{
	margin:0 5px;
	cursor:pointer;
}
.galleryItem > .galleryItemName{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:2px;
	font-size:11px;
	text-align:center;

}
.galleryItem > .galleryItemImage{
	padding:5px;
	max-height:90px !important;
}

.galleryItemDelete{
	position:absolute;
	top:5px;
	right:5px;
	background:rgba(255,255,255,0.7);
	padding:3px;
}

.bread-crumb{
	background:#eee;
	padding:5px;
	margin-bottom:10px;
}