body {
	font-family: 'Open Sans', sans-serif; 
	background-color:#f8f9fa;
	color:#333;
}
.tooltip-inner {
	font-size:11px;
}
.top-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #353535;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	height: 60px;
	z-index:999;
}
	.top-bar .logo {
		float: left;
		padding: 15px;
	}
		.top-bar .logo img {
			max-height: 30px;
		}
	
	.top-bar .main-buttons {
		float:left;
		color:#FFF;
		margin-left:10px;
		padding-left:30px;
		border-left:1px dotted #888;
	}
		.top-bar .main-buttons .main-button {
			float:left;
			margin-right:30px;
			padding:10px 0;
			text-align:center;
			cursor:pointer;
		}
			.top-bar .main-buttons .main-button i {
				font-size:28px;
			}
			.top-bar .main-buttons .main-button .text {
				font-size:9px;
				line-height:10px;
				text-transform:uppercase;
				
			}
	.top-bar .main-buttons::after {
		content:'';
		display:block;
		clear:both;
	}
	.top-bar .project-name-conf {
		float:left;
		border-left:1px dotted #888;
		margin-left:10px;
		padding-left:30px;
		font-size:25px;
		line-height:60px;
		color:#888;
		display:none;
	}
		.top-bar .project-name-conf .project-name {
			color:#FFF;
		}
	.top-bar .detail-btn {
		float: right;
		height: 60px;
		padding: 19px 20px;
		width: 200px;
		background-color: #d1d1d1;
		color: #353535;
		line-height: 60px;
		font-size:22px;
		line-height:22px;
		text-align:right;
		cursor:pointer;
	}
		.top-bar .detail-btn i {
			font-size: 22px;
			line-height: 22px;
			margin-right:5px;
		}

.commands-bar {
	position:absolute;
	top:60px;
	left:0;
	width:380px;
	bottom:0;
	background-color:#FFFFFF;
	box-shadow: 4px 0px 20px rgba(0,0,0,0.3);
	overflow:auto;
}
	.commands-bar .block-overlay {
		position:fixed;
		z-index:9999;
		left:0;
		right:0;
		top:0;
		bottom:0;
		background-color:rgba(255,255,255,0.4);
	}
	.commands-bar .title {
		height:80px;
		line-height:80px;
		color:#333;
		font-size:20px;
		padding:0 15px;
	}
	.commands-bar #components-tabs {
		margin-bottom:15px;
		border:0;
	}
		.commands-bar #components-tabs .nav-item {
			width:33.33%;
		}
			.commands-bar #components-tabs .nav-item .nav-link {
				padding:10px 0;
				cursor:pointer;
				font-size:14px;
				line-height:16px;
				color:#333;
				text-align:center;
				position:relative;
				border:0;
				border-radius:0;
				font-weight:200;
			}
			.commands-bar #components-tabs .nav-item .nav-link.active {
				background-color:#f1f3f4;
				font-weight:bold;
			}
			.commands-bar #components-tabs .nav-item .nav-link:after {
				position:absolute;
				width:1px;
				top:0;
				left:0;
				height:100%;
				content:'';
				background-color:#CCC;
			}
	.commands-bar .properties-tabs .nav-item {
		width:33.33%;
		border-bottom:1px solid #CCC;
	}
		.commands-bar .properties-tabs .nav-item .nav-link {
			padding:10px 0;
			cursor:pointer;
			font-size:13px;
			line-height:16px;
			color:#333333;
			text-align:center;
			position:relative;
			border:0;
			border-radius:0;
			font-weight:200;
		}
		.commands-bar .properties-tabs .nav-item .nav-link.active {
			background-color:#f1f3f4;
			font-weight:bold;
		}
		.commands-bar .properties-tabs .nav-item .nav-link:after {
			position:absolute;
			width:1px;
			top:0;
			left:0;
			height:100%;
			content:'';
			background-color:#CCC;
		}
		.commands-bar .properties-tabs-content .tab-pane {
			padding:10px;
		}
			.commands-bar .properties-tabs-content .tab-pane .form-group {
				margin-bottom:10px;
			}
			.commands-bar .properties-tabs-content .tab-pane .form-group:after {
				display: block;
				clear: both;
				content: "";
			}
				.commands-bar .properties-tabs-content .tab-pane .form-group hr {
					margin-bottom:5px;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group label {
					color:#333;
					font-size:12px;
					line-height:35px;
					font-weight:200;
					float:left;
					width:35%;
					margin-bottom:0;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group label.fullwidth {
					width:100%;
					display:block;
					font-weight:normal;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group label.label-sheets {
					float:right;
					width:23%;
					padding-left:20px;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group .form-control {
					padding: 5px 10px;
					border:1px solid #dee0e4;
					font-size:13px;
					color:#333;
					height:35px;
					display:inline-block;
					float:right;
					width:65%;
					font-weight:200;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group .help-block {
					padding: 8px 0px;
					font-size:11px;
					color:#999;
					display:inline-block;
					float:right;
					width:65%;
					font-weight:200;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group .preview-file{
					display:inline-block;
					float:right;
					width:65%;
					position:relative;
					overflow:hidden;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group .preview-file:after {
					display: block;
					clear: both;
					content: "";
				}
					.commands-bar .properties-tabs-content .tab-pane .form-group .preview-file input[type="file"] {
						position:absolute;
						top:0;
						left:0;
						width:90%;
						visibility: hidden;
						width:1px;
						height:1px;
					}
					.commands-bar .properties-tabs-content .tab-pane .form-group .preview-file .choose-file,
					#PrintsUploadButton .choose-file {
						display:inline-block;
						width:30%;
						height:35px;
						line-height:33px;
						text-align:center;
						font-size:10px;
						color:#333;
						background-color:#DDD;
						border:1px solid #AAA;
						float:left;
						padding:0;
						cursor:pointer;
					}
					.commands-bar .properties-tabs-content .tab-pane .form-group .preview-file .filename {
						display:inline-block;
						width:60%;
						height:35px;
						line-height:35px;
						padding:0px 5px;
						font-size:10px;
						color:#333;
						overflow:hidden;
						text-overflow:ellipsis;
						white-space:nowrap;
						float:left;	
						cursor:pointer;
					}
					.commands-bar .properties-tabs-content .tab-pane .form-group .preview-file .remove-file {
						display:inline-block;
						width:10%;
						height:35px;
						line-height:35px;
						text-align:center;
						float:left;
						padding:0;
						border:0;
						background-color:transparent;
						color:#dc3545;
						cursor:pointer;
						visibility:hidden;
					}

					.remove-clipart {
						display:inline-block;
						width:30%;
						height:35px;
						line-height:33px;
						text-align:center;
						font-size:10px;
						color:#333;
						background-color:#DDD;
						border:1px solid #AAA;
						padding:0;
						cursor:pointer;
					}
					
					
				.commands-bar .properties-tabs-content .tab-pane .form-group select.form-control{
					background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
					-moz-appearance: none; 
					-webkit-appearance: none; 
					appearance: none;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group .fontSelect {
					background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
					padding: 0 10px;
					border:1px solid #dee0e4;
					font-size:20px;
					line-height:35px;
					color:#333;
					height:35px;
					display:inline-block;
					float:right;
					width:65%;
					font-weight:200;
					border-radius:4px;
				}
				.fontSelectUl {
					list-style: none;
					width: 200px;
					background: #f9f9f9;
					position: absolute;
					left: 0;
					padding:0;
					top: 35px;
					z-index: 99999;
					max-height:200px;
					overflow-y:auto;
				}
					.fontSelectUl li {
						overflow: hidden;
						cursor: pointer;
						padding: 5px 10px;
						font-size: 16px;
						border-bottom: 1px solid #EEEEEE;
					}
					.fontSelectUl li:last-child {
						-webkit-border-radius: 0 0 4px 4px;
						-moz-border-radius: 0 0 4px 4px;
						border-radius: 0 0 4px 4px;
					}
					.fontSelectUl li:hover {
						background: #DDD;
					}
				.commands-bar .properties-tabs-content .tab-pane .form-group .form-control.format {
					width:30%;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group .form-control.sheets {
					width:12%;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group .form-control.fontSize {
					width:25%;
					float:left;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group.radio-field-container.collapsable label {
					cursor:pointer;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group.radio-field-container.collapsable .collapse-arrow {
					float:right;
					margin-right:5px;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group.radio-field-container .fields.collapsed {
					overflow:hidden;
					height:0px;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group.radio-field-container .fields:after {
					display:block;
					content:'';
					clear:both;
				}
					.commands-bar .properties-tabs-content .tab-pane .form-group.radio-field-container .fields .group {
						margin-bottom:10px;
					}
					.commands-bar .properties-tabs-content .tab-pane .form-group.radio-field-container .fields .group:after {
						display:block;
						content:'';
						clear:both;
					}
						.commands-bar .properties-tabs-content .tab-pane .form-group.radio-field-container .fields .group .group-label {
							float:left;
							width:23%;
							padding-right:2%;
							font-size:11px;
							padding-top:15px;
						}
						.commands-bar .properties-tabs-content .tab-pane .form-group.radio-field-container .fields .group .group-fields {
							float:left;
							width:75%;
						}
						.commands-bar .properties-tabs-content .tab-pane .form-group.radio-field-container .fields .group .group-fields:after {
							display:block;
							content:'';
							clear:both;
						}
				.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline {
					float:left;
					cursor:pointer;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline * {
					cursor:pointer;
				}
					.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline .text-label {
						line-height:13px;
						height:26px;
						overflow:hidden;
					}
					
					.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline.selected label {
						font-weight:bold !important;
						background-color:#F8F8F8;
					}
					.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline:hover label {
						font-weight:bold !important;
						background-color:#F8F8F8;
					}
				.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline.preview {
				width: 20%;
				text-align: center;
				margin-top: 5px;
				padding: 0px 5px 0px 5px;
				min-height: 90px;				
				}
				.commands-bar #PrintsBox-tab-content .properties-tabs-content .tab-pane .form-group .radio-form-inline.preview {
					width: 25%;
					text-align: center;
				    margin-top: 5px;
				    padding: 0px 5px 0px 5px;
				    min-height: 105px;				
				}

				.commands-bar .properties-tabs-content .tab-pane .form-group.preview.col2 .radio-form-inline.preview {
					width:50%;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline.preview-tooltip {
					width:16%;
					text-align:center;
					margin-top:5px;
				}
				/* Testo finitura Album/Box con radio semplici SimpleRadio */
				.commands-bar .properties-tabs-content .tab-pane .form-group.SimpleRadio > label
				{
					min-height: 70px;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group.SimpleRadio .radio-form-inline {
					float: left;
				    cursor: pointer;
				    width: 65%;
			  	}

				.commands-bar .properties-tabs-content .tab-pane .form-group.SimpleRadio .radio-form-inline label .text-label{
				line-height: 20px;
				}
					
				.commands-bar .properties-tabs-content .tab-pane .form-group.SimpleRadio .radio-form-inline label{
					width: 90%;	
					float: right;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group.SimpleRadio .radio-form-inline:hover label
				{
					background: transparent!important;
					font-weight: 200 !important;
				}
				.commands-bar .properties-tabs-content .tab-pane .form-group.SimpleRadio .radio-form-inline.selected label
				{
					background: transparent!important;
					font-weight: 200 !important;
				}
				/* end testo finitura Album*/
				
				
					.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline.preview label,
					.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline.preview-tooltip label {
						display:block;
						padding-top:5px;
						padding-bottom:5px;
						width:100%;
						text-align:center;
						font-size:11px;
						line-height:18px;
						font-weight:normal;
					}
					.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline.preview-tooltip img {
						border:1px solid transparent;
						max-width:32px;
					}
					.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline.preview-tooltip.selected img {
						border:1px solid #000;
					}
					.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline.preview input[type="radio"],
					.commands-bar .properties-tabs-content .tab-pane .form-group .radio-form-inline.preview-tooltip input[type="radio"] {
						display: none;
					}

			.commands-bar .properties-tabs-content .tab-pane #AlbumCover_AlbumCoverTextAlign button {
				border:0;
				padding:0;
				margin:0;
				margin-right:10px;
				background-color:transparent;
				cursor:pointer;
			}
			.commands-bar .properties-tabs-content .tab-pane #AlbumCover_AlbumCoverTextAlign i.active {
				color:red;
			}

.preview-container {
	position:fixed;
	top:60px;
	left:380px;
	right:350px;
	bottom:0;
}
	.preview-container .preview-component {
		display:none;
		margin:auto;
		position:relative;
		top:50%;
		transform:translateY(-50%);
	}
	.preview-container .preview-component.active {
		display:block;
	}
		.preview-container .preview-component canvas {
			width:100%;
			height:100%;
			top:0;
			left:0;
			bottom:0;
			right:0;
			position:absolute;
		}
		.preview-container .preview-component #canvas_AlbumCoverInsertPhoto { /* Testo */
			z-index:15;
		}

		.preview-container .preview-component #canvas_AlbumCoverText { /* Testo */
			z-index:15;
		}
		.preview-container .preview-component #canvas_AlbumCoverPatch { /* Copertina Toppa */
			z-index:12;
		}
		.preview-container .preview-component #canvas_AlbumCoverFrame { /* Secono materiale copetina (CoverFrame) */
			z-index:11;
		}

		.preview-container .preview-component #canvas_AlbumCoverBuiltInLogoModel { /* Logo evento modello */
			z-index:11;
		}
		.preview-container .preview-component #canvas_AlbumCoverPlexiglass { /* Nel caso esista un plexiglass */
			z-index:11;
		}
		.preview-container .preview-component #canvas_AlbumCover { /* Copertina */
			z-index:10;
		}
		.preview-container .preview-component #canvas_AlbumCoverEditor { /* Copertina */
			z-index:6;
		}

		.preview-container .preview-component #canvas_AlbumBack { /* Retro */
			z-index:5;
		}
		.preview-container .preview-component #canvas_AlbumBackCover { /* Dorso */
			z-index:6;
		}
		
		
		
		.preview-container .preview-component #canvas_AlbumBackSheet { /* Dorso e retro */
			z-index:5;
		}
		
.detail-bar {
	position:fixed;
	top:60px;
	right:0;
	width:350px;
	bottom:0;
	background-color:#FFFFFF;
	box-shadow: -4px 0px 20px rgba(0,0,0,0.3);
}
	.detail-bar .title {
		height:80px;
		line-height:80px;
		color:#333;
		font-size:20px;
		padding:0 18px;
	}
	.detail-bar .component-label {
		line-height:24px;
		color:#333333;
		font-size:14px;
		font-weight:bold;
		padding:5px 18px;
		border-bottom:1px solid #dee0e4;
	}
	.detail-bar .component-table {
		font-size:13px;
	}
		.detail-bar .component-table th, .detail-bar .table.component-table td {
			width:50%;
			padding:8px 18px;
			border:0;
			font-weight:200;
		}
		.detail-bar .component-table th {
			color:#333333;
		}
		.detail-bar .component-table td {
			color:#777777;
		}
	
	.detail-bar #checkoutRiep .title-riep{
		line-height:24px;
		color:#333333;
		font-size:14px;
		font-weight:bold;
		padding:5px 18px;
		border-bottom:1px solid #dee0e4;
		margin-top:20px;
		margin-bottom:0px;
	}
	.detail-bar #checkoutRiep .col-label {
		font-weight:200;
		color:#333333;
		height:26px;
		line-height:26px;
		font-size:14px;
		float:left;
		width:60%;
		padding:0 18px;
		margin-bottom:10px;
	}
	.detail-bar #checkoutRiep .col-qta {
		width:10%;
		float:left;
		margin-bottom:10px;
	}
	.detail-bar #checkoutRiep .col-qta input {
		width:100%;
		height:26px;
		line-height:26px;
		font-size:13px;
		text-align:center;
		border-radius:4px;
		border: 1px solid #dee0e4;
	}
	
	.detail-bar #checkoutRiep .col-price {
		font-weight:200;
		color:#777777;
		height:26px;
		line-height:26px;
		font-size:13px;
		text-align:right;
		float:right;
		width:30%;
		padding:0 18px;
		margin-bottom:10px;
	}
	.detail-bar #checkoutRiep .subtotal .col-price{text-decoration:line-through;}
	
	.detail-bar #checkoutRiep .component-rows::after {
		display:block;
		content:'';
		clear:both;
	}
	.detail-bar #checkoutRiep .row-product {
		padding:10px 0;
		margin-bottom:10px;
	}
	.detail-bar #checkoutRiep .row-product::after, .detail-bar #checkoutRiep .shipping::after, 
	.detail-bar #checkoutRiep .subtotal::after, .detail-bar #checkoutRiep .total::after {
		display:block;
		content:'';
		clear:both;
	}
		
		.detail-bar #checkoutRiep .row-product .col-label, .detail-bar #checkoutRiep .row-product .col-qta, .detail-bar #checkoutRiep .row-product .col-price {
			margin-bottom:0;
		}
	.detail-bar #checkoutRiep .shipping {
		padding:0 18px;
		border-top:1px solid #dee0e4;
		padding-top:10px;
	}
		.detail-bar #checkoutRiep .shipping .col-label, .detail-bar #checkoutRiep .shipping .col-price {
			padding:0;
		}
	.detail-bar #checkoutRiep .total {
		border-top:1px solid #dee0e4;
		padding:18px 0;
	}
	.detail-bar #checkoutRiep .total .col-label, .detail-bar #checkoutRiep .total .col-price {
		color:#333333;
		font-size:14px;
		font-weight:bold;
		margin-bottom:0;
		height:auto;
		height: 26px;
		  line-height: 26px;
	}
	.detail-bar #checkoutRiep .total .col-label br
	{

		content: "";
		margin: -5px;
	    display: block;
	  
	}
	.detail-bar #checkoutRiep .total .col-label small {
		font-size:12px;
		line-height:12px;
		font-weight:200;
	}
	.detail-bar #checkoutRiep .btn-checkout {
		margin:10px 18px;
		background-color:#69aeff;
		color:#FFF;
		font-size:18px;
		line-height:48px;
		height:48px;
		border-radius:24px;
		text-align:center;
		cursor:pointer;
	}
	
	



/*.preview-tooltip label[data-title]:hover::before,
.preview-tooltip label[data-title]:focus::before {
content: attr(data-title);
position: absolute;
width: 65%;
white-space: nowrap;
background: white;
color: black;
border-radius: 2px;
box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
font-size: 14px;
padding: 3px 5px;
z-index: 1000;
margin-top: -45px;
display: block;
text-align: center;
left: 26%;
font-weight: normal;
}
*/

.datepicker{z-index:1000!important}




/*****************************/

			#modal-editor-body-commands .form-group {
				margin-bottom:10px;
			}
			#modal-editor-body-commands .form-group:after {
				display: block;
				clear: both;
				content: "";
			}
				#modal-editor-body-commands .form-group hr {
					margin-bottom:5px;
				}
				#modal-editor-body-commands .form-group label {
					color:#333;
					font-size:12px;
					line-height:35px;
					font-weight:200;
					float:left;
					width:35%;
					margin-bottom:0;
				}
				#modal-editor-body-commands .form-group label.fullwidth {
					width:100%;
					display:block;
					font-weight:normal;
				}
				#modal-editor-body-commands .form-group label.label-sheets {
					float:right;
					width:23%;
					padding-left:20px;
				}
				#modal-editor-body-commands .form-group .form-control {
					padding: 5px 10px;
					border:1px solid #dee0e4;
					font-size:13px;
					color:#333;
					height:35px;
					display:inline-block;
					float:right;
					width:65%;
					font-weight:200;
				}
				#modal-editor-body-commands .form-group .help-block {
					padding: 8px 0px;
					font-size:11px;
					color:#999;
					display:inline-block;
					float:right;
					width:65%;
					font-weight:200;
				}
				#modal-editor-body-commands .form-group .preview-file{
					display:inline-block;
					float:right;
					width:65%;
					position:relative;
					overflow:hidden;
				}
				#modal-editor-body-commands .form-group .preview-file:after {
					display: block;
					clear: both;
					content: "";
				}
					#modal-editor-body-commands .form-group .preview-file input[type="file"] {
						position:absolute;
						top:0;
						left:0;
						width:90%;
						visibility: hidden;
						width:1px;
						height:1px;
					}
					#modal-editor-body-commands .form-group .preview-file .choose-file {
						display:inline-block;
						width:30%;
						height:35px;
						line-height:33px;
						text-align:center;
						font-size:10px;
						color:#333;
						background-color:#DDD;
						border:1px solid #AAA;
						float:left;
						padding:0;
						cursor:pointer;
					}
					#modal-editor-body-commands .form-group .preview-file .filename {
						display:inline-block;
						width:60%;
						height:35px;
						line-height:35px;
						padding:0px 5px;
						font-size:10px;
						color:#333;
						overflow:hidden;
						text-overflow:ellipsis;
						white-space:nowrap;
						float:left;	
						cursor:pointer;
					}
					#modal-editor-body-commands .form-group .preview-file .remove-file {
						display:inline-block;
						width:10%;
						height:35px;
						line-height:35px;
						text-align:center;
						float:left;
						padding:0;
						border:0;
						background-color:transparent;
						color:#dc3545;
						cursor:pointer;
						visibility:hidden;
					}
					
				#modal-editor-body-commands .form-group select.form-control{
					background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
					-moz-appearance: none; 
					-webkit-appearance: none; 
					appearance: none;
				}
				#modal-editor-body-commands .form-group .fontSelect {
					background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
					padding: 0 10px;
					border:1px solid #dee0e4;
					font-size:17px;
					line-height:35px;
					color:#333;
					height:35px;
					display:inline-block;
					float:right;
					width:100%;
					font-weight:200;
					border-radius:4px;
				}
				.fontSelectUl {
					list-style: none;
					width: 200px;
					background: #f9f9f9;
					position: absolute;
					left: 0;
					padding:0;
					top: 35px;
				}
					.fontSelectUl li {
						overflow: hidden;
						cursor: pointer;
						padding: 5px 10px;
						font-size: 25px;
						border-bottom: 1px solid #EEEEEE;
					}
					.fontSelectUl li:last-child {
						-webkit-border-radius: 0 0 4px 4px;
						-moz-border-radius: 0 0 4px 4px;
						border-radius: 0 0 4px 4px;
					}
					.fontSelectUl li:hover {
						background: #DDD;
					}
				#modal-editor-body-commands .form-group .form-control.format {
					width:30%;
				}
				#modal-editor-body-commands .form-group .form-control.sheets {
					width:12%;
				}
				#modal-editor-body-commands .form-group .form-control.fontSize {
					width:25%;
					float:left;
				}
				#modal-editor-body-commands .form-group.radio-field-container.collapsable label {
					cursor:pointer;
				}
				#modal-editor-body-commands .form-group.radio-field-container.collapsable .collapse-arrow {
					float:right;
					margin-right:5px;
				}
				#modal-editor-body-commands .form-group.radio-field-container .fields.collapsed {
					overflow:hidden;
					height:0px;
				}
				#modal-editor-body-commands .form-group.radio-field-container .fields:after {
					display:block;
					content:'';
					clear:both;
				}
					#modal-editor-body-commands .form-group.radio-field-container .fields .group {
						margin-bottom:10px;
					}
					#modal-editor-body-commands .form-group.radio-field-container .fields .group:after {
						display:block;
						content:'';
						clear:both;
					}
						#modal-editor-body-commands .form-group.radio-field-container .fields .group .group-label {
							float:left;
							width:23%;
							padding-right:2%;
							font-size:11px;
							padding-top:15px;
						}
						#modal-editor-body-commands .form-group.radio-field-container .fields .group .group-fields {
							float:left;
							width:75%;
						}
						#modal-editor-body-commands .form-group.radio-field-container .fields .group .group-fields:after {
							display:block;
							content:'';
							clear:both;
						}
				#modal-editor-body-commands .form-group .radio-form-inline {
					float:left;
					cursor:pointer;
				}
				#modal-editor-body-commands .form-group .radio-form-inline * {
					cursor:pointer;
				}
					#modal-editor-body-commands .form-group .radio-form-inline .text-label {
						line-height:13px;
						height:26px;
						overflow:hidden;
					}
					
					#modal-editor-body-commands .form-group .radio-form-inline.selected label {
						font-weight:bold !important;
						background-color:#F8F8F8;
					}
					#modal-editor-body-commands .form-group .radio-form-inline:hover label {
						font-weight:bold !important;
						background-color:#F8F8F8;
					}
				#modal-editor-body-commands .form-group .radio-form-inline.preview {
/*width: 33%;
text-align: center;
margin-top: 5px;
padding: 0px 5px 0px 5px;
min-height: 123px;
*/
width: 20%;
text-align: center;
margin-top: 5px;
padding: 0px 5px 0px 5px;
min-height: 85px;

/*width: 25%;
text-align: center;
margin-top: 5px;
padding: 0px 5px 0px 5px;
min-height: 100px;
*/
				}
				#modal-editor-body-commands .form-group.preview.col2 .radio-form-inline.preview {
					width:50%;
				}
				#modal-editor-body-commands .form-group .radio-form-inline.preview-tooltip {
					width:16%;
					text-align:center;
					margin-top:5px;
				}
					#modal-editor-body-commands .form-group .radio-form-inline.preview label,
					#modal-editor-body-commands .form-group .radio-form-inline.preview-tooltip label {
						display:block;
						padding-top:5px;
						padding-bottom:5px;
						width:100%;
						text-align:center;
						font-size:11px;
						line-height:18px;
						font-weight:normal;
					}
					#modal-editor-body-commands .form-group .radio-form-inline.preview-tooltip img {
						border:1px solid transparent;
						max-width:32px;
					}
					#modal-editor-body-commands .form-group .radio-form-inline.preview-tooltip.selected img {
						border:1px solid #000;
					}
					#modal-editor-body-commands .form-group .radio-form-inline.preview input[type="radio"],
					#modal-editor-body-commands .form-group .radio-form-inline.preview-tooltip input[type="radio"] {
						display: none;
					}
					
/*****************************/
				#modal-editor-body-commands .form-group .radio-form-inline.clipart {
					width:33%;
					text-align:center;
					margin-top:5px;
				}
				#modal-editor-body-commands .form-group .radio-form-inline.clipart img {
					border:1px solid transparent;
					max-width:50px;
                    max-height:50px;
				}
				#modal-editor-body-commands .form-group .radio-form-inline.clipart.selected img {
					border:1px solid #000;
				}

				#modal-editor-body-commands .form-group .radio-form-inline.clipart-box {
					width:33%;
					text-align:center;
					margin-top:5px;
				}
				#modal-editor-body-commands .form-group .radio-form-inline.clipart-box img {
					border:1px solid transparent;
					max-width:50px;
                    max-height:50px;
				}
				#modal-editor-body-commands .form-group .radio-form-inline.clipart-box.selected img {
					border:1px solid #000;
				}
				

.colorpicker{z-index: 9999!important}
.editorMove {cursor: move;}
.open-editor,.open-editor-box,.open-editor-prints-box{width: 30%;height: 35px;line-height: 33px;text-align: center;font-size: 10px;color:#333;background-color:#DDD;border: 1px solid#AAA;padding: 0;cursor: pointer;}
.editor-btn-group{text-align: center}
.modal-full {min-width: 100%;margin: 0;}
.modal-full .modal-content {min-height: 100vh;}

#editor_cover::before {content: " ";width: 100%;height: 1px;position: absolute;border-top: 1px solid black;top: 50%;left: 0;z-index: 1}
#editor_cover::after {content: " ";width: 0px;height: 100%;position: absolute;border-left: 1px solid black;top: 0;left: 50%;z-index: 1}

#editor_box_cover::before {content: " ";width: 100%;height: 1px;position: absolute;border-top: 1px solid black;top: 50%;left: 0;z-index: 1}
#editor_box_cover::after {content: " ";width: 0px;height: 100%;position: absolute;border-left: 1px solid black;top: 0;left: 50%;z-index: 1}


#editor_prints_box_cover::before {content: " ";width: 100%;height: 1px;position: absolute;border-top: 1px solid black;top: 50%;left: 0;z-index: 1}
#editor_prints_box_cover::after {content: " ";width: 0px;height: 100%;position: absolute;border-left: 1px solid black;top: 0;left: 50%;z-index: 1}


#Prints-preview,#PrintsCustom-preview,#Gadgets-preview{margin:0 20px 0px 20px}
.printWrapper{float: left;width: 185px;margin-right: 10px;padding: 10px;border: 1px solid lightgray;margin-bottom: 10px}
.printWrapper .preview canvas{width: unset;height: unset;left: unset;right: unset;bottom: unset;position: inherit;}

.processing .preview {
    display: block;
    width: 32px;
    height: 32px;
    background: url('../images/loading.gif') center no-repeat;
        background-size: auto;
    background-size: contain;
}

.notificationarea{height: auto!important;width: 100%!important;border: 1px solid red!important;}
.howtolink{height: auto!important;width: 100%!important;border: 0px!important;background: #0085ff!important;color:white!important;text-align: center!important}
.selectdescription{
	width: 100%!important;
	border: 0px!important;
	font-size: 12px!important;
    background: transparent!important;
    padding: 0px!important;
}

#PrintsBoxModel .radio-form-inline{max-height: 96px;}

.modal-backdrop {background-color: rgba(0,0,0,.0001) !important;}

.commands-bar-backdrop,.detail-bar-backdrop{display:none;position: sticky;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: black;width: 100%;height: 100%;opacity: 0.5;}

	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
        position: absolute;
        margin: 20px;
        top:50px;
        width: auto;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

#deleteClip{position:absolute;right:0px}


/*
.ui-resizable-handle {
  position: absolute;
  width: 12px;
  height: 12px;
  background: rgb(255, 0, 106);
  border-width: 1.5px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
  border-radius: 999px;
}

.resizable-wrapper {
  width: 8px;
  height: 16px;
}
.ui-resizable-se{right: -5px;bottom: -5px;}


  */
  
  .qtyWrapper{margin-top: 10px;}
  .qtyWrapper input{width:55px!important}