
select {
	background:white;
	border:1px solid black;

}

#header_position{
	z-index:10000;
}
#topnav-container{
	z-index:10007;
}
#contactbar{
	z-index:10000;
}
.full-width {
	width: 100% !important;
}
.elementwiz_column.full-width{
	margin-bottom:10px;
}
.half-width {
	width: 48% !important;
}
.hwmobile {
	width: 48% !important;
}
.hwmobile.sf {
	font-size:12px;	
}
.fourth-width {
	width: 25% !important;
}
.fifth-width {
	width: 20% !important;
}
.third-width {
	width: 30% !important;
}
.wizcolumn_container {
	width: 90%;
	margin: 10px auto 60px auto;
	overflow: hidden;
}
.border-right {
    border-right: 2px solid #6e6e6e;
    padding-right: 20px;
}
.not-margin {
	margin: 0 !important;
}
.not-margin-top {
	margin-top: 0px !important;
}
.overflow-y {
	overflow-y: hidden;
}
.curveorientation{
	width:100%;
	height:100px;
}
.curveorientation input{
	margin-left:20px;
}
.curveorientation .curve-up{
	width:70%;
	height:30px;
	margin-left:70px;
	background-image:url('/gfx/curve-up.svg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
.resetcurve{
	position: absolute;
	bottom:6%;
	left:6%;
}
.curveorientation .curve-down{
	width:70%;
	height:30px;
	margin-left:70px;
	background-image:url('/gfx/curve-down.svg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
#curveexample{
	width:100%;
	height:330px;
	padding-top:15px;
	margin-left:25px;
}
.orientationleft{
	width:32%;
	height:400px;
	border-right:1px solid #D8DEE6;
}
.orientationright{
	width:65%;
	height:400px;
}
#curveslider{
	width:100%;
	position:relative;
	z-index:200;
}
.curvedtext-title{
	background-image:url('/gfx/curvedtext.svg');
	background-size:50px auto;
}
#v3mainmodule{
  	max-width: 1244px;
  	background-color:#ffffff;
  	position:relative;
  	overflow:hidden;
  	color: #99a4aa;
}
#v3mainmodule.mobile{
	position:fixed;
	top:0;	
}
#v3buttonlayer{
	width:100%;
	height:100%;
	z-index:9999;
	position:absolute;
	left:0;
	top:0;
	pointer-events: none;;
}
#mainbuttonbar{
	height:50px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	color: #99a4aa;
	border-bottom:1px solid #99a4aa;
	pointer-events: all;
	background-color:#ffffff
}
#v3mainmodule.mobile #mainbuttonbar{
	top:25px;
}
#v3mainmodule.mobile #mainbuttonbar #v3modulePrice{
	color:black;
}
#v3mainmodule.mobile #mobiletopbuttonbar{
	position:absolute;
	top:0;
	background-color:white;
	width:100%;
	height:30px;
	pointer-events:all;
}

#v3mainmodule.mobile #mobiletopbuttonbar #mobileback{
	color:black;	
	margin-left:2%;
	margin-top:5px;
	float:left;
}
#v3mainmodule.mobile #mobiletopbuttonbar #mobilebasket{
	background-image: url('/gfx/basket-outline-black.svg');
	background-repeat: no-repeat;
	background-size: 20px;
	display: block;
	background-position: center;
	float:right;
	height:20px;
	width:20px;
	margin-top:5px;
	margin-right:4%;
}
#v3mainmodule.mobile #mobiletopbuttonbar #mobileshopcounter{
	position:absolute;
	top:2px;
	right:5px;
	width:18px;
	height:18px;
	border-radius:9px;
	border:1px solid black;
	color: black;
	text-align: center;
	background-color: white;
	font-size: 12px;
	font-weight: bold;}
#mbblocker{
	background-color:white;
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:2;
	opacity:0.5;
	display:none;
}
#outofthebox{
	bottom: 95px;
	position: absolute;
	width: 100%;
	text-align: center;
	color: red;
	font-weight: bold;
	display: none;
}
#v3elementprops{
	background: #eef6fd; 
    background: -webkit-linear-gradient(#fff, #eef6fd); 
    background: -o-linear-gradient(#fff, #eef6fd); 
    background: -moz-linear-gradient(#fff, #eef6fd); 
    background: linear-gradient(#fff, #eef6fd); 
	height: 55px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	pointer-events: all;
	border-top: 2px solid #eef6fd;
	font-size:13px;
}
#v3mobilefooter{
	background: #fff; 
	height: 55px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	pointer-events: all;
	border-top: 1px solid #a0b1bf;
	font-size:10px;
	text-align:center;


}
#v3mobilelogo{
	margin-top:10px;
}
.v3mobilefootersection{
	height:100%;
	width:35%;
	float:left;
}
.v3footerbutton{
	height:45%;
	border:none;
	width:30%;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-top:15%;
	cursor:pointer;
}
#v3footersupport{
	background-image:url('/gfx/maint-black.svg');
}
#v3footerspecifications{
	background-image:url('/gfx/check-black.svg');
}
#v3footerinstructions{
	background-image:url('/gfx/help-black.svg');
}
#v3elementprops #propelementicon {
	cursor: initial;
	background-size: 28px;
}
#v3prophider{
	background-color:#dddddd;
	height:100px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	pointer-events: all;
}
#v3prophider h3, #mainbuttonbar h3 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0;
    font-family: 'Open Sans';
    font-size: 25px;
}
#mainbuttonbar h3{
	font-size: 16px;
}
#v3toolbox{
	background: url('/gfx/background-vertical.jpg');
	background-color:#fecc00;
	width:50px;
	position:absolute;
	top:50px;
	left:0;
	pointer-events: all;
	padding-bottom: 10px;
}
#v3toolboxtitlebar{
	position: absolute;
    width: 82%;
    height: 28px;
    background-color: #EF7100;
    bottom: -28px;
    left: 5px;
    border-radius: 0 0 9px 9px;
}
#v3toolboxtitlebar{
	background-image: url("/gfx/ar-double-verti-white.svg");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
	
}
#v3toolboxbuttons{
	padding-bottom:10px;
}
.v3button{
	background-color: #ff9a1a;
	border-radius: 10px;
	cursor: pointer;
	float: left;
}
.v3toolboxbutton, #v3fullscreenbutton{
	width:40px;
	height:40px;
	margin-left:5px;
	margin-top:5px;
    background-color: #fff;
}
#v3dialogshadow{
	background-color:black;
	opacity:0.1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position: absolute;
	pointer-events:all;
	display:none;
}
#v3alertshadow{
	background-color:black;
	opacity:0.1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position: absolute;
	pointer-events:all;
	display:none;
}
#v3dialogshadowlarge{
	/*background-color:black;*/
	/*opacity:0.2;*/
	background-color: rgb(50, 50, 50);
    opacity: 0.6;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position absolute;
	pointer-events:all;
	display:none;
}
#v3tourshadow{
	background-color:black;
	opacity:0.03;
	top:0;
	left:0;
	width:100%;
	height:100%;
	position: absolute;
	pointer-events:all;
	display:none;
}
#v3tourarrow{
	position:absolute;
	width:0;
	height:0;
	left:0;
	top:0;
	border:20px solid transparent;
	border-top:50px solid #00af66;
	border-bottom:0px;
	display:none;
}
#v3dialog{
	position:absolute;
	width:80%;
	max-width: 800px;
	max-height: 410px;
	height:70%;
	top:15%;
	left:20%;
	background-color:white;
	border:2px solid #ffffff;
	border-radius:10px;
	pointer-events:all;
	padding: 0;
	display:none;
}
#v3dialog #v3dialogcontent{
	position:relative;
	max-height:100%;
}
#v3dialoglarge{
	position:absolute;
	width:94%;
	height:94%;
	top:2%;
	left:3%;
	background-color:white;
	/*border:2px solid #ffffff;*/
	border-radius:10px;
	pointer-events:all;
	padding-top:10px;
	padding-left:10px;
	display:none;
	overflow-x: hidden;
	overflow-y: auto;
}
#v3dialogmediumlarge{
	position:absolute;
	width:60%;
	height:80%;
	top:10%;
	left:20%;
	background-color:white;
	/*border:2px solid #ffffff;*/
	border-radius:10px;
	pointer-events:all;
	padding-top:10px;
	padding-left:10px;
	display:none;
	overflow-x: hidden;
	overflow-y: auto;
}
#v3dialogsmall{
	position:absolute;
	width:40%;
	max-width: 400px;
	height: auto;
	min-height: 200px;
	max-height: 320px;
	top:25%;
	left:30%;
	background-color:white;
	border:2px solid #ffffff;
	border-radius:10px;
	pointer-events:all;
	padding: 0;
	display:none;
	box-shadow: 1px 1px 9px #6e6e6e;
}
#v3mainmodule.mobile #v3dialogsmall, #v3mainmodule.mobile #v3dialogmediumlarge {
	box-shadow:none;
	border:1px solid #a0b1bf;
	border-radius:0;
	top:15%;
}
#v3alert{
	position:absolute;
	width:40%;
	max-width: 400px;
	height: auto;
	min-height: 200px;
	max-height: 320px;
	top:25%;
	left:30%;
	background-color:white;
	border:2px solid #ffffff;
	border-radius:10px;
	pointer-events:all;
	padding: 0;
	display:none;
	box-shadow: 1px 1px 9px #6e6e6e;
}
#v3dialogtour{
	position:absolute;
	width:40%;
	max-width: 400px;
	height: auto;
	min-height: 200px;
	top:25%;
	left:30%;
	background-color:white;
	border:2px solid #ffffff;
	pointer-events:all;
	padding: 0;
	display:none;
	border:2px solid #00af66;
}
#windowdragger, #windowdraggerlarge, #palettedragger{
	position:absolute;
	left:0;
	top:0;
	width:200px;
	height:40px;
	display:none;
	pointer-events:all;
	background-color:#a0b1bf;
	opacity:0.01;
	cursor:move;
}
#palettedragger{
	z-index:10000;
}
#tourbottom{
	position:absolute;
	width:100%;
	height:30px;
	bottom:0;
	padding:5px;
}
#progressbar{
	border:1px solid  #00af66;
	width:60%;
	float:left;
	height:20px;
}
#progressbarprogress{
	width:50%;
	height:100%;
	background-color:#00af66;
}
#tournext{
	background-image:url("/gfx/tournext.svg");
}
#tourprevious{
	background-image:url("/gfx/tourprevious.svg");
}
#tourpause{
	background-image:url("/gfx/tourpause.svg");
}
#tournext, #tourpause, #tourprevious{
	float:right;
	height:20px;
	width:20px;
	margin-right:15px;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
	
}
#v3tour{
	position:absolute;
	width:40%;
	max-width: 500px;
	height: auto;
	top:25%;
	left:30%;
	border:2px solid #ffffff;
	pointer-events:all;
	padding: 0 20px 0 20px;
	border:3px solid #00af66;
	border-radius:10px;
	background-color:white;
	display:none;
}
#v3tourstepcounter{
	background-color: #00af66;
	position: absolute;
	right: 0;
	padding: 10px;
	border-radius: 0 0 0 10px;
	color: white;
}
#v3touriconcontainer{
	min-height:35px;
}
#v3tourbuttonbar{
	margin-top:35px;
	min-height:55px;
}
#v3tourarrowcontainer{
	width: 40px;
	height: 40px;
	background-image: url('/gfx/tourarrow.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(-45deg);
	margin-top:10px;
	float:left;
}
#inlineicon{
	width: 20px;
	display: inline-block;
	margin-top: 2px;
	height: 20px;
	background-size: contain;
	background-repeat:no-repeat;
}
#v3touriconcontainer1{
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
	height: 35px;
	width: 35px;
	float:left;
	margin-top:10px;
	margin-right:10px;
}
.v3tourbutton{
	background-color: #00af66;
	border-radius: 10px;
	cursor: pointer;
	float: right;
	color: white;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 5px;
	text-shadow: none;
	padding: 5px 25px;
	text-align: center;
	border-radius: 25px;
	border:2px solid #00af66
}
.v3tourbutton.white{
	background-color:white;
	color:#00af66;
	float:left
	
}
#v3tourtext{
	color: black;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	clear:both;
	margin-right:10px;
}
.elementproptourcaption{
	color:#00af66;
	cursor: pointer;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	background-image:url("/gfx/question-green.svg")
}
#v3dialogmedium{
	position:absolute;
	width:60%;
	max-width: 600px;
	height: auto;
	min-height: 200px;
	max-height: 320px;
	top:25%;
	left:20%;
	background-color:white;
	border:2px solid #ffffff;
	border-radius:10px;
	pointer-events:all;
	padding: 0;
	display:none;
	box-shadow: 1px 1px 9px #6e6e6e;
}

#v3dialogcontentlarge{
	height:100%;
}
.v3button_last{
	margin-bottom:10px;
}

#v3btnAddText{
	background-image:url("/gfx/text.svg");
}
#v3btnAddQr{
	background-image:url("/gfx/qr.svg");
}
#v3btnAddUpload {
	background-image:url("/gfx/image.svg");
}
#v3btnAddLibrary {
	background-image:url("/gfx/deco.svg");
}
#v3btnAddRf {
	background-image:url("/gfx/image-stock.svg");
}
#v3btnAddShape {
	background-image:url("/gfx/shape.svg");
}
#shapecontentpreview{
	width: 150px;
	height: 150px;
	margin-left: 40px;
	position: relative;
	top: -50px;
	background-color:#fefefe;
	float:left;
}
#v3mainmodule.mobile #shapecontentpreview{
	float:unset;
	margin:auto;
	top:0;
}
#setshapeascutline{
	float:left;
	display:none;
	margin-left:15px;
}
#v3ColumnLineshape, #v3ColumnLinecurves{
	display:none;
}
.wizcontentradio{
	clear:both;
}
.wizradio{
	float:left;
}
.wizlinetype{
	float:left;
	width:100px;
	height:20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
#wizlinetype3{
	background-image:url('/gfx/line1.svg')
}
#wizlinetype4{
	background-image:url('/gfx/line2.svg')
}#wizlinetype5{
	background-image:url('/gfx/line3.svg')
}
#v3btnToDesignProps,#v3hidetabprops {
	background-image:url("/gfx/edit-orange.svg");
    margin-top: 2px;
}
#v3btnToDesignPropsmobile, #v3btnletteringpropertiesmobile{
	float:left;
	background-image:url('/gfx/edit-white.svg')
}
#v3btnletteringpropertiesmobile{
	display:none;
}
.v3toolboxbuttonmobile{
	width:18%;
	height:100%;
	background-color:#a0b1bf;
	background-repeat:no-repeat;
	background-size:35%;
	background-position: center 7px;
	color:white;
	text-align: center;
	line-height: 80px;
	float:left;
	font-size:12px;
}
#v3btnpriceoptionsmobile{
	float:right;
	background-image:url('/gfx/shopping-basket-white.svg');
	background-color:#00af66;
}
#v3savebtnmobile{
	float:right;
	background-image:url('/gfx/save-white.svg');
	
}
#v3loggedinbutton{
	background-image:url('/gfx/user-white.svg');
}
#v3btnResetLettering, #v3btnletteringproperties {
	width:40px;
	height:40px;
	
}
#v3btnDesignOpstand {
	background-image:url("/gfx/combine-orange.svg");
	margin-top: 1px;
	display:none;
	width:34px;
	height:34px;
}
#v3btnResetLettering {
	background:url("/gfx/refresh-orange.svg");
	margin-top: 2px;
}
#v3btnspraygun {
	background:url("/gfx/paint.svg");
	margin-top: 2px;
	width:40px;
	height:40px;
	background-size:20px;
	background-repeat:no-repeat;
	background-position: center center;
	display:none;
}
#v3plaklettertitel{
	width:140px;
	display:none;
}
#v3beletteringtitel{
	float:left;
	width:115px;
	padding-top:5px;
	overflow:hidden;
	height:35px;
}
#v3beletteringtiteledit{
	background:url("/gfx/pencil.svg");
	background-size:20px;
	background-repeat:no-repeat;
	background-position: center center;
	width:20px;
	height:40px;
	float:left;
}
#v3btnadminoptions {
	background:url("/gfx/admin.svg");
	margin-top: 2px;
	display:none;
}
#v3btnadminoptions.inactive{
	background-image:url("/gfx/admin-grey.svg");
}

#v3btnletteringproperties{
	background:url("/gfx/maintenance.svg");
	margin-top: 2px;
	
}
#v3btnSupport {
	background-image:url("/gfx/maint.svg");
	display:none;
}
#v3backgroundbutton {
	display:none;
	background-image:url("/gfx/car.svg");
	background-repeat:no-repeat;
	background-position:center center;
  border-radius: 10px;
  cursor: pointer;
  float: left;}
#v3hidebackgroundbutton {
	display:none;
	background-image:url("/gfx/nocar.svg");
	background-repeat:no-repeat;
	background-position:center center;
  	border-radius: 10px;
  	cursor: pointer;
  	float: left;
}
#v3bannerbackgroundbutton {
	display:none;
	background-image:url("/gfx/house.svg");
  border-radius: 10px;
  cursor: pointer;
  float: left;
}
#v3bannernobackgroundbutton {
	display:none;
	background-image:url("/gfx/nohouse.svg");
  border-radius: 10px;
  cursor: pointer;
  float: left;
}
#v3btnStartTour{
	background-image:url("/gfx/question-green.svg");
}
#v3rulerbutton,
#v3zoombutton,
#v3zoomin,
#v3zoomout,
#v3zoom1on1,
#v3fullscreenbutton,
#v3btnIntructions, 
#v3btnSpecifications   {
	background-repeat:no-repeat;
	background-position:center center;
  	border-radius: 10px;
  	cursor: pointer;
  	background-size: 22px;
  	float: left;
  	width:28px;
  	height:28px;
  	margin-bottom:5px;
}

#v3btnAddText, 
#v3btnAddQr,
#v3btnAddUpload,
#v3btnAddLibrary,
#v3btnAddRf,
#v3btnAddShape,
#v3btnSave,
#v3btnToDesignProps,
#v3btnResetLettering,
#v3btnletteringproperties,
#v3btnDesignOpstand,
#v3backgroundbutton,
#v3hidebackgroundbutton,
#v3bannerbackgroundbutton,
#v3bannernobackgroundbutton,
#v3btncollapse,
#v3btnSupport,
#v3btnStartTour,
#v3btnzoomtodesign,
#adaptmobilefinish,
#resetmobile,
#v3btnadminoptions,
#adaptmobilename,
#adaptmobilemirror,
#adaptmobilepaintmask,
#adaptmobilespacer,
#v3btnAddSeries
{
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 24px;

}
#v3btnAddSeries {
	background-image:url("/gfx/series-orange.svg");
	margin-top: 2px;
	background-size:18px;
}
#seriesoptions{
	position:absolute;
	top:60px;
	background-color:white;
	pointer-events:all;
	display:none;
}
.seriesoption{
	border:1px solid #a0b1bf;
	padding:5px;
}
#seriesoption1:hover{
	background-color:#f4f4f4
}
#v3btnSave {
	background-image:url("/gfx/save-text-green.svg");
	float: right;
	background-size:36px;
}
#v3btnSave.english{
	background-image:url("/gfx/save-text-green-english.svg");
}
#v3btnOpen {
	background-image:url("/gfx/opendesign.svg");
	background-repeat:no-repeat;
	background-position:center center;
	float: right;
	background-size:30px;
	display:none;
}
#v3rulerbutton{
	background-image:url("/gfx/ruler-purple.svg");
}
#v3zoombutton{
	background-image:url("/gfx/view-options.svg");
}
#v3zoomin {
    background-image: url("/gfx/frame-zoom-purple.svg");
}
#v3zoomout {
    background-image: url("/gfx/fill-zoom-purple.svg");
}
#v3btncollapse{
	background-image: url("/gfx/collapse-purple.svg");
	background-size:24px;
	margin-top:2px;
}
#v3btnzoomtodesign{
	background-image: url("/gfx/fill-zoom-purple.svg");
	background-size:24px;
	margin-top:2px;
}
#v3zoom1on1 {
    background-image: url("/gfx/scale-purple.svg");
    background-size: 20px;
}
#v3fullscreenbutton {
	background-image:url("/gfx/expand-purple.svg");
	fill:#bebebe;
}
#v3fullscreenbutton svg{
	fill:#000;
}
#v3btnIntructions{
	background-image:url("/gfx/help.svg");
}
#v3btnSpecifications {
  background-image:url("/gfx/check.svg");
}

#v3screendiagonal {
    background-image: url("/gfx/screendiagonal.png");
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    cursor: pointer;
    float: left;
}
#zoomoptions {
	position: absolute;
	left: 53px;
	top: 100px;
	background-color: #fff;
	border-radius: 9px;
	border: 2px solid #a0b1bf;
	pointer-events: all;
	background-size: cover;
	display:none;
	padding-right:5px;
}
.closeDisplayoptions{
	float: left;
  background-color: #a0b1bf;
  height: 28px;
  width: 20px;
  color: white;
  padding-top: 10px;
  padding-left: 5px;
  cursor:pointer;
}
#v3zoomselector, #v3moveSticker{
	border:2px dashed #bbbbbb;
	width:200px;
	height:200px;
	position:absolute;
	z-index:9997;
	left:200px;
	top:200px;
	display:none;
}
#bankcardsize{
	background-color:yellow;
	position:absolute;
	left:40px;
	top:200px;
	border-radius: 10px;
	border:1px solid #fecc00;
	width:85px;
	height:54px;
	
}
#bankcardslider{
	width:80%
}

#v3btnBasket1,
#v3btnBasket2,
#v3btnBasket3  {
	background-repeat:no-repeat;
	background-position:center center;
	margin-left:20px;
}
#v3btnBasket1{
	background-image:url("/gfx/shopping-basket-green.svg");
}
#v3btnBasket2 {
	background-image:url("/gfx/shopping-basket-green.svg");
}
#v3btnBasket3 {
	background-image:url("/gfx/shopping-basket-green.svg");
}
#v3btnpriceoptions{
	background-color: #fff;
	background-image:url("/gfx/shopping-basket-green.svg");
	background-repeat:no-repeat;
	background-size: 20px;
	background-position: 9px 6px;
	margin-top: 5px;
    padding: 8px 10px 8px 40px;
	float:right;
	margin-left:10px;
	margin-right:10px;
	color: #00af66;
	border: 2px solid #00af66;
	border-bottom-width:4px;
	border-radius: 7px;
}
#v3btnorderanonimous{
	background-color: #fff;
	background-image:url("/gfx/shopping-basket-green.svg");
	background-repeat:no-repeat;
	background-size: 20px;
	background-position: 9px 6px;
	margin-top: 5px;
     padding: 8px 10px 8px 40px;
	float:right;
	margin-left:10px;
	margin-right:10px;
	color: #00af66;
	border: 2px solid #00af66;
	border-bottom-width:4px;
	border-radius: 7px;
	display:none
}
#v3btnorderanonimousmobile{
	display:none;	
}
#v3btnmodifications{
	background-color: #EEF6FD;
	background-repeat:no-repeat;
	background-size: 30px;
	background-position: 9px 6px;
	margin-top: 5px;
  padding: 2px 10px 2px 45px;
	float:right;
	margin-left:10px;
	margin-right:10px;
	
	border: 1px solid #ccc;
	border-radius: 10px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	display:none;
}
#v3btnunmodified{
	background-color: #EEF6FD;
	background-repeat:no-repeat;
	background-size: 30px;
	background-position: 9px 6px;
	margin-top: 5px;
  padding: 2px 10px 2px 45px;
	float:right;
	margin-left:10px;
	margin-right:10px;
	
	border: 1px solid #ccc;
	border-radius: 10px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	display:none;
}

#v3btnmodifications.unmodified{
	color: #ff9a1a;
	background-image:url("/gfx/warning-orange.svg");
}
#v3btnmodifications.unmodified,#v3btnunmodified.unmodified{
	color: #ff9a1a;
	background-image:url("/gfx/warning-orange.svg");
}

#v3btnmodifications.modified, #v3btnunmodified.modified{
	color: 00af66;
	position: relative;
/*	background-image:url("/gfx/checkmark.png");
	background-position: 9px 4px*/;
}
#v3btnmodifications.modified:before, #v3btnunmodified.modified:before {
	content: '\221A';
    position: absolute;
    left: 8px;
    top: 5px;
    font-size: 15px;
    border: 2px solid;
    padding: 5px;
    width: 15px;
    text-align: center;
    height: 15px;
    margin-right: 5px;
    line-height: 16px;
    border-radius: 50%;
}
#v3btnDesignMirror{
	width:33px;
	height:33px;
	background-image:url("/gfx/mirrorh.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:22px auto;
	margin-top: 1px;
}
#v3btnDesignAfstandhouders{
	width:25px;
	height:25px;
	background-image:url("/gfx/afstandhouders-oranje.svg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px auto;
}

div.v3callout,#singlepricetip {
	width: 200px;
	position:absolute;
	left:70px;
	top:100px;
	background-color:#fff;
	padding: 10px;
	box-shadow: 2px 2px 2px #a0b1bf;
	border: 1px solid #a0b1bf;
	z-index:10;
}

.v3callout::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
}


.v3callout.left::before {
	left: -21px;
	border-right: 10px solid #a0b1bf;
}
.v3callout.topleft::before {
	top: -21px;
	border-bottom: 10px solid #99a4aa;
}
.v3callout.topright::before {
	left:180px;
	top: -21px;
	border-bottom: 10px solid #99a4aa;
}
.v3callout.bottomleft::before {
	bottom: -21px;
	border-top: 10px solid #99a4aa;
}
.v3callout.bottomright::before {
	left:180px;
	bottom: -21px;
	border-top: 10px solid #99a4aa;
}
#buttontooltip,#singlepricetip{
	display:none;
}

#v3designproperties{
	float:left;
    margin-top: 3px;
    font-size: 13px;
    padding-right: 10px;
    border-radius: 0 9px 9px 0;
    position: relative;
}

#v3collapse, #v3zoomtodesign{
	float: left;
	margin-top: 3px;
	font-size: 14px;
	padding-right: 10px;
	border-radius: 9px 9px 9px 9px;
	position: relative;
	margin-left: 3px;
	display:none;
}
#collapseexplained, #zoomoutexplained{
	margin-top: 10px;
	margin-left: 4px;
	display: inline-block;
	text-overflow: ellipsis;
}
#helpButtons {
	float: left;
	margin-top: 10px;
}
#helpButtons p {
	padding-left: 10px;
    color: #a0b1c0;
    font-weight: bold;
}
#v3designproperties .designpropvalue {
	font-weight: normal;
}
.v3designsection{
	float:left;
	height:39px;
	margin-top:3px;
	padding-left:8px;
	padding-right:18px;
	max-width: 160px;
	overflow: hidden;
	word-break: break-all;
}
.v3designsection#v3designmaterial {
	max-width: 100%;
}
.v3designsection:last-of-type{ 
	border-radius: none;
}
.v3designsectionheader{
	color: rgba(212, 100, 0, 1);
}
.designpropcaptions{
	float:left;
}
.designpropvalues{
	float:left
}
.designpropcaption{
	padding-right:5px;
}
.designpropvalue{
	font-weight:bold;
}
#elementsectionText {
	width: 140px;
	cursor: pointer;
}
#elementsectionSize {
	width: 120px;
}
#elementsectionPosition {
	width: 80px;
}
#elementsectionFont {
	width: 100px;
}
#bottomcanvasdiv, #cropcanvasdiv{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#cropcanvasdiv{
	z-index:9991;
	display:none;
	pointer-events:all;
	
}
#cropmask{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size:100% 100%;
	opacity:60%;
	background-color:white;
}
#cropdrag{
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	background-image:url('/gfx/cropdrag.svg');
	cursor:move;
	position:absolute;
}
#cropmaskwait{
	width:80px;
	height:80px;
	margin:auto auto;
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	background-image:url('/gfx/transparentspinner.gif');
	position:absolute;
	top:45%;
	left:45%
}
#cropsource{
	position:absolute;
	background-repeat:no-repeat;
	background-position:relative
	background-size:contain
	
}
#cropslidertoolbox{
	position:absolute;
	background-color:white;
	border:1px solid #99a4aa;
}
#cropslider{
	width:90%;
	margin-left:5px;
}
#filledbackground{
	position: absolute;
	left: 500px;
	top: 200px;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	
	display:none;
}
#bottomcanvas{
	left:0;
	top:0;
	pointer-events:all;
}
#cropcanvasdiv{
	left:0;
	top:0;

}
#cropbuttons{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:white
}
.cropbutton{
	float: right;
	width: 15px;
	height:20px;
	border: 1px solid #99a4aa;
	margin: 2px;
	padding-right: 5px;
	text-align: right;
	padding: 3px;
	padding-right: 10px;
	border-radius: 5px;
	pointer-events:all;
	cursor:pointer;
	background-repeat:no-repeat;
	background-size:15px;
	background-position:5px center;
}
#cropready{
	background-image:url('/gfx/checkgreen.svg');
}
#cropcancel{
	background-image:url('/gfx/redcross.svg');
}
#cropmore{
	background-image:url('/gfx/more.svg');
	float:left;
	margin-left:10px;
}
#topcanvasdiv{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9990;
	pointer-events: none;
}
#topcanvas{
	left:0;
	top:0;
	pointer-events: none;
	
}
#crosshaircanvasdiv{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9991;
	pointer-events: none;
	display:none;
}
#verticalcrosshair{
	width:1px;
	height:50px;
	position:absolute;
	left:200px;
	top:200px;
	border-left:1px dashed #888888;
}
#horizontalcrosshair{
	width:50px;
	height:1px;
	position:absolute;
	left:200px;
	top:200px;
	border-top:1px dashed #888888;
}
#zoomselectordiv{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9998;
	pointer-events: all;
	display:none;
	background-color:#000000;
	opacity:0.001;
	cursor:zoom-in;
}

div.v3elementwiz {
	max-width: 800px;
	max-height:500px;
	position:absolute;
	left:70px;
	top:80px;
	background-color:#ffffff;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #dddddd;
	border: 2px solid #dddddd;
	pointer-events: all;
}

.v3elementwiz::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
}
.v3elementwiz.left::before {
	left: -20px;
	border-right: 10px solid #dddddd;
}
#v3dialogcontentlarge #elementwiz_title,
#v3dialogcontent #elementwiz_title, 
#v3dialogcontentsmall #elementwiz_title,
#v3alertcontentsmall #elementwiz_title,
#v3dialogcontentmedium #elementwiz_title,
#v3dialogcontentmediumlarge #elementwiz_title,
#v3dialogcontentlarge #fontfilters h1, 
#v3fontbigcontent .displayname,
#priceoptions .priceoptioncaption,
#v3foildescription .foilname,
#v3caraspects .v3aspecttile,
#palettetitle

{
	width: 90.6%;
    background-color: #99a4aa;
    /*background-size: 28px;*/
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 10%;
    margin: 0;
    font-size: 20px;
    border-radius: 9px 9px 0 0;
    margin: -2px;
    font-weight: 500;
}
#v3mainmodule.mobile #elementwiz_title{
	border-radius:0;
	font-size:15px;
	background-size:20px;
	padding-left:20%;
}
#palettetitle{
	width:90.3%;
	background-image:url('/gfx/paint-bucket-white.svg');
	background-size:24px;
	background-repeat:no-repeat;
}
#palettecontainer{
	width:100%;
	height:100%;
}
#paletteoptions{
	float: left;
	height: 70%;
	padding: 2%;
	border-right: 1px solid #99a4aa;
	margin-top: 10px;
	width:20%;
}
#palettecontent{
	height:100%;
	float:left;
	width:75%;
}
#uniformcontent, #savedcontent,#specialcontent{
	position:relative;
	height:90%;
}
#savedaccount, #saveddesign, #colorspresent{
	height:100%;
}
#saveddesigncolors, #alldesigncolors{
	overflow-y:scroll;
	max-height:70%;
}
.icon-addtoaccount:before{
	content:"\e93a";
	color:#ef7f1a;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	top: 15px;
	right:8px;
	cursor:pointer;
}
.colortoaccount{
	clear:both;
	margin-left:10px;
	display:none;
}
#addcolortoaccount2{
	position:absolute;
	bottom:0;
	left:10%;
	display:none;
}
#deletecolorfromaccount2{
	position:absolute;
	bottom:0;
	left:10%;
	display:none;
}
#gradientcontent,#librarycontent,#uploadcontent{
	width:40%;
	position:relative;
	float:left;
	height:100%;
}
#uploadcontent{
	padding:10px;
	width:37%
}
#uploadcontent #v3uploadtarget{
	padding:10px;
	height:100px;
}
#librarycontent{
	padding-top:10px;
	margin-top:3px;
	height:96%;
	overflow-y:scroll;
}
.paletteoption{
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left:5px;
}
.paletteoption:hover{
	background-color:#f4f4f4;
}
.paletteoption.selected{
	background-color:#fff7d7;
}
.palettesubtitle{
	font-weight:bold;
	margin-top:30px;
	font-size:16px;
	padding-left:10px;
}
.addpclink, addcolorseries{
	padding-left:10px;
	padding-top:10px;
	clear:both;
}
.paletteexplanation{
	padding-left:10px;
	padding-top:10px;
	
}
.personalcolumn{
	padding-left:10px;
}
.personalcolor{
	clear:both;
	width:100%;
}
.personalcolorname{
	padding-left:10px;
	float:left;
	max-width: 60%;
	overflow: hidden;
	font-size: 12px;
	padding-top: 5px;	
}
.allelementcolorname{
	padding-top:15px;
	padding-left:10px;
	float:left;
}
.deletecolor{
	margin-top:10px;
}
#fullcolorname{
	width: 100%;
	height: 20px;
	padding-top: 10px;
	padding-left: 10px;
}
#gradientpicker{
	position: absolute;
	left: 0;
	top: 50px;
	max-width: 150px;
	border: 1px solid #99a4aa;
	background: white;	
	display:none;
}
#gradientwarning{
	display:none;
}
#specialcontent{
	height:90%
}
.grpick{
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin-top: 2px;
	margin-left: 2px;
}
.pickersmallicon{
	width: 80%;
	height: 15%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 10px;
	margin-left: 10px;
}
#pickcontent{
	height:90%;
}
#pickeruploadlist{
	height: 95%;
	overflow-y: scroll;	
	width:10%
}
#pickeruploadsection{
	width:60%;
	height:95%;
	
}
#pickerresultsection2{
	width: 28%;
	height: 95%;
	margin-top: 10px;
	margin-left: 10px;
}
#pickerresultsection{
	width: 28%;
	height: 95%;
	margin-top: 10px;
	margin-left: 10px;
}
#pickeruploadimg{
	width:100%;
	margin-top:2%;
}
#pickerwarnings{
	position: relative;
	top: 2%;
	left: 0;
	width: 98%;
	height: 95%;
	background-color: white;
	border: 1px solid #6e6e6e;
 	display:none;
}
#tourtitle{
	width: 96.6%;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding-left: 4%;
  margin: 0;
  font-size: 20px;
  margin: -2px;
  font-weight: 500;
	background-color:#00af66;
}
#tourcontent{
	padding: 8px;
}
#v3dialogcontentsmall #elementwiz_title {
	width: 81%;
    padding-left: 20%;
}
#v3dialogcontentmedium #elementwiz_title,#v3dialogcontentmediumlarge #elementwiz_title {
	width: 85.6%;
    padding-left: 15%;
}
#v3dialogcontentlarge #elementwiz_title.v3library-title,
#v3dialogcontentlarge #elementwiz_title.v3pattern-title,
#v3dialogcontentlarge #elementwiz_title.crop-title,
#v3dialogcontentlarge #elementwiz_title.letterprop-title,
#v3dialogcontentlarge #elementwiz_title.v3background-title,
#v3dialogcontentlarge #elementwiz_title.v3background-title2,
#v3dialogcontentlarge #elementwiz_title.v3screendiagonal-title,
#v3dialogcontentlarge #elementwiz_title.v3design-title,
#v3dialogcontentmediumlarge #elementwiz_title.opstand-title,
#v3dialogcontentlarge #elementwiz_title.series-title,
#v3dialogcontentlarge #elementwiz_title.v3admin-title,
#v3dialogcontentlarge #elementwiz_title.v3open-title,
#v3dialogcontentmediumlarge #elementwiz_title.curvedtext-title,
#v3dialogcontentmediumlarge #elementwiz_title.save-title,
#v3dialogcontentmediumlarge #elementwiz_title.v3palette-title,
#v3dialogcontentlarge #elementwiz_title.fill-title,
#v3dialogcontentlarge #elementwiz_title.backgroundremove-title,
#v3dialogcontentlarge #elementwiz_title.cartoonyourself-title
 {
	margin: -29px 0px 0px -12px;
    width: 93%;
}
#priceoptions .priceoptioncaption {
	width: 88%;
    padding-left: 13%;
}
.addtext-title, .addshape-title, .displayname, #fontfilters h1, 
.upload-title, .qr-title, .s123fid-title, .v3library-title,.v3pattern-title, .basketsuccess-title, .delete-title, .edittext-title, .save-title, .reset-title, .letterheight-title, .crop-title, .fill-title, .letterprop-title, .modify-title, .priceoptioncaption, .nomodify-title, .v3background-title, .v3background-title2, .v3aspecttile, .v3design-title,.palette-title,.opstand-title,.series-title,.curvedtext-title, #palettetitle, .backgroundremove-title, .cartoonyourself-title  {
	background-repeat:no-repeat;
	background-position: 40px center;
}
.addtext-title, .displayname, #fontfilters h1, .edittext-title {
	background-image:url("/gfx/text-white.svg");
}
.addshape-title {
	background-image:url("/gfx/rectangle_white.svg");
}
.upload-title, .crop-title  {
	background-image:url("/gfx/image-white.svg");
}
.backgroundremove-title{
	background-image:url('/gfx/backgroundremove-white.svg');
	background-size:28px;
}
.cartoonyourself-title{
	background-image:url('/gfx/cartoonyourself_white.png');
	background-size:28px;
}
.fill-title {
	background-image:url("/gfx/paintbrush-white.svg");
	background-size:15px;
}
.letterprop-title{
	background-image:url("/gfx/maintenance-white.svg");
	background-position:10px center
}
.opstand-title  {
	background-image:url("/gfx/combine-white.svg");
}
.qr-title {
	background-image:url("/gfx/barcode-white.svg");
}
.palette-title {
	background-image:url("/gfx/palette-white.svg");
}
.s123fid-title {
	background-image:url("/gfx/image-stock-white.svg");
}
.v3library-title {
	background-image: url('/gfx/deco-white.svg');
}
.v3pattern-title {
	background-image: url('/gfx/pattern-white.svg');
	background-size:24px
}
.series-title {
	background-image: url('/gfx/series.svg');
}
.info-title {
	background-image: url('/gfx/info-icon-white.svg');
	background-repeat:no-repeat;
	background-position:40px center;
	background-size:24px;
}
.paintmask-title {
	background-image: url('/gfx/paint-white.svg');
	background-repeat:no-repeat;
	background-position:40px center;
	background-size:24px;
}
.v3screendiagonal-title {
	background-image: url('/gfx/diagonal.png');
	background-repeat:no-repeat;
	background-position:40px center;
	
}
.v3align-title {
	background-image: url('/gfx/alignleftwhite.svg');
	background-repeat:no-repeat;
	background-position:40px center;
	
}
.v3palette-title {
	background-image: url('/gfx/palette-white.svg');
	background-repeat:no-repeat;
	background-position:40px center;
	background-size:20px;
}
.v3admin-title {
	background-image: url('/gfx/adwhite.png');
	background-repeat:no-repeat;
	background-position:40px center;
	
}
.v3open-title {
	background-image: url('/gfx/opendesign_white.svg');
	background-repeat:no-repeat;
	background-position:40px center;
	background-size:25px;
}
.v3design-title{
	background-image: url('/gfx/edit-white.svg');
	background-size:25px;
}
#v3mainmodule.mobile #v3design-title{
	background:none;
	font-size:14px;
	text-align:center;
	font-weight:bold
	line-height:26px;
	border-top:1px solid #a0b1bf;
	
}
.basketsuccess-title, .priceoptioncaption {
	background-image: url('/gfx/shopping-basket-white.svg');
	background-position: 40px 4px;
}
.priceoptioncaption {
	background-position: 10px 5px;
}
.delete-title {
	background-image: url('/gfx/trash-white.svg');
	background-position: 40px 10px;
}
.save-title {
	background-image:url("/gfx/save-white.svg");
}
.reset-title {
	background-image:url("/gfx/refresh-white.svg");
	background-size:28px;
}
.shadow-title{
	background-image:url("/gfx/shadow-white.png");
	background-size:28px;
	background-repeat:no-repeat;
	background-position:20px;
}
.modify-title {
	/*background-image:url("/gfx/checkmark_white.png");
	background-size:30px;
	background-position: 20px center;*/
}
.modify-title:before {
	content: '\221A';
    position: absolute;
    left: 30px;
    top: 6px;
    font-size: 22px;
    border: 2px solid;
    padding: 5px;
    width: 10px;
    text-align: center;
    height: 10px;
    margin-right: 5px;
    line-height: 4px;
    border-radius: 50%;
}
.nomodify-title {
	background-image:url("/gfx/warning-white.svg");
	background-size:30px;
	background-position: 20px center;
}
.letterheight-title {
	background-image:url("/gfx/letterheight.png");
}
.v3background-title {
	background-image:url("/gfx/car_white.svg");
	background-size:28px;
}
.v3background-title2 {
	background-image:url("/gfx/achtergrond-wit.svg");
	background-size:28px;
}
.v3warning-title{
	background-image:url("/gfx/warning-white.svg");
	background-size:28px;
	background-position: 20px center;
	background-repeat:no-repeat;
}
.v3aspecttile {
	background-image:url("/gfx/car_white.svg");
	background-size:28px;
}
.wiz_column_caption{
    color: rgba(212, 100, 0, 1);
    font-weight: bold;
    margin-top: 10px;	
}
.wizcaption{
	float:left;
	width:100px;
	font-weight:bold;
	margin-top:15px;
	font-size: 14px;
}
.wizcaption.up{
	margin-top:8px;
}
.wizcaption.logincontent{
	margin-top:5px;
}
.wizcontent{
	float:left;
	padding-top:5px;
}
.wizcontent.logincontent{
	padding-top:5px;
}
.wizcontent.mobileunderline{
	border-bottom:2px solid #99a4aa;
	padding-bottom:10px;
}
#adaptmobilefinish{
	background-image:url('/gfx/combine-orange.svg');
	background-position:left;
	padding-left:30px;
}
#adaptmobilemirror{
	background-image:url('/gfx/mirror-orange.svg');
	background-position:left;
	padding-left:30px;
}
#adaptmobilename{
	background-image:url('/gfx/pencil.svg');
	background-position:left;
	padding-left:30px;
	background-size:20px;
}
#adaptmobilepaintmask{
	background-image:url('/gfx/paint.svg');
	background-position:left;
	padding-left:30px;
}
#adaptmobilespacer{
	background-image:url('/gfx/afstandhouders-oranje.svg');
	background-position:left;
	padding-left:30px;
}
#resetmobile{
	background-image:url('/gfx/refresh-orange.svg');
	background-position:left;
	padding-left:30px;
	
}
#mobilenameedit, #mobilenameeditbtn{
	display:none;
}
.outlinecolor{
	display:none;
}
.cutoutshape{
	display:none;
}
.v3textarea{
	width:99%;
	height:100px;
	border: 1.5px solid #6e6e6e;
}
#wiz_new_text{
	height:150px;
}
.v3tab{
	width: 32%;
	float: left;
	text-align: center;
	border: 2px solid #6e6e6e;
	height: 23px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 15px;
	font-weight: bold;
	overflow:hidden;
}
.v3tab.selected{
	background-color:#99a4aa;
	color:white;
}
.v3tab.quart{
	width:24%;
}
.v3tab.halfsize{
	width:49%;
}
.v3tabstrip{
	margin-top:15px;
}
#qrpreview{
	width:200px;
	height:200px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
#v3mainmodule.mobile #qrpreview{
	margin:auto;
}
#qrpreviewwait{
	width:100%;
	height:100%;
	background-color:white;
	background-repeat:no-repeat;
	background-size:30%;
	background-position:center center;
	background-image:url('/gfx/spinner2.gif');
	display:none;
}
.v3input:focus{
	box-shadow:0 0 2px #ffcc00;
}
.elementwiz_column{
  	float: left;
 }
.elementwiz_column.last{
 	border-right:0px;	
}
#existinguploadscontainer{
	margin:10px auto 10px auto;
}
#existinguploadscontainer #waitloop{
	background-image: url("/gfx/spinner2.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 64px auto;
  height: 150px;
  width: 100%;
}
#existinguploadscontainer #uploadscontainer{
	width:100%;
	height:100%;
	overflow-y:scroll;
	display:none;
	max-height:290px;
}
.uploadoverview{
	width:100px;
	height:100px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
#v3mainmodule.mobile .uploadoverview{
	width:27%;
	margin-left:3%;
	border: 1px solid #ffffff;

}
#v3mainmodule.mobile .uploadoverview.selected{
	border-color:#ff9a1a;
}
#wiz_edit_text {
	width: 98%;
}
.v3inputnumber{
	width:50px;
}
.v3labelalign{
	width:20px;
	float:left;
	margin-right:10px;
	height:20px;
}
.backslitdirection{
	display:none;
}
.v3radioalignment{
	float:left;
	display:none;
}
#lblbackslitvertical{
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-image:url('/gfx/backslitvertical.svg');
	display:inline-block;
	background-size:contain;
	background-position:center center;
	margin-left:5px;
}
#lblbackslithorizontal{
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-image:url('/gfx/backslithorizontal.svg');
	display:inline-block;
	background-size:contain;
	background-position:center center;
	margin-left:5px;
}
#lblbackslitdiagonal{
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-image:url('/gfx/backslitdiagonal.svg');
	display:inline-block;
	background-size:contain;
	background-position:center center;
	margin-left:5px;
}
#bntcornerradii{
	cursor:pointer;
	background-image:url('/gfx/cornerradii.svg');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
}
#lblbackslitvertical.selected{
	background-image:url('/gfx/backslitvertical_orange.svg');
}
#lblbackslithorizontal.selected{
	background-image:url('/gfx/backslithorizontal_orange.svg');
}
#lblbackslitdiagonal.selected{
	background-image:url('/gfx/backslitdiagonal_orange.svg');
}
#v3labelalignleft, #v3labelalignright, #v3labelaligncenter {
	background-position: center center;
  	background-repeat: no-repeat;
  	padding: 6px;
}
#v3labelalignleft,
#v3labelalignright,
#v3labelaligncenter{
	background-size: 25px;
}
#v3labelalignleft{
  background-image: url("/gfx/text-left.svg");
}
#v3labelalignright{
  background-image: url("/gfx/text-right.svg");
}
#v3labelaligncenter{
  background-image: url("/gfx/text-center.svg");  
}
#alignTextSection input[type="radio"] {
	display: none;
}
#alignTextSection label{
	padding-left: 10px;
	cursor: pointer;
}
#v3fontpickerbg {
}
#v3fontpicker {
  	cursor: pointer;
}
.v3closebutton:before, .closebuttonpick:before { 
	content: 'X';
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    /*text-shadow: 0px 0px 1px #6e6e6e;*/
}
#v3libitembig .v3closebutton:before, .v3closebutton.dark:before,#themebrowser .v3closebutton:before { 
	color: #6e6e6e;
}

.v3closebutton, #v3mainmodule .closebuttonpick {
    cursor: pointer;
    float: right;
    right: 3%;
    top: 1%;
    position: absolute;
    z-index:20;
}
#priceoptions .v3closebutton {
	right: 4%;
    top: 2%;
}
#v3mainmodule .closebuttonpick {
	background: none;
	right: -2%;
	top: 0px;
}
#elementwiz{
	display:none;
}
.v3textbutton{
	color:white;
	font-weight:bold;
	font-size:16px;
	padding:5px;
}
.v3marginbutton{
	margin-top:15px;
}
.v3addbutton, #v3mainmodule #btnbrowse, #v3mainmodule #btnget, #v3mainmodule #btndelete, #v3mainmodule #btncancel, #v3mainmodule #btnadd, #v3libitembig .v3addbutton, 
#v3btntoBasket, #v3btncontinuDesign, #v3btnsaveadmin, #v3mainmodule #v3btnsavesuccess,#btnstep2,#btnstep3,#btnstep4,#v3mainmodule #v3btnAddCMYK,#v3mainmodule #v3btnAddRGB  {
	position: absolute;
    bottom: 5%;
    right: 6%;
}
.v3cancelbutton{
	position: absolute;
    bottom: 5%;
    left: 6%;
}
.v3centerbutton{
	position: absolute;
  bottom: 5%;
  left: 35%;
}
.v3leftbutton{
	position: absolute;
  bottom: 5%;
  left: 5%;
}
.v3rightbutton{
	position: absolute;
  bottom: 5%;
  right: 5%;
}
#v3btnlogin, #v3btnsubscribe, #btnpalettewarning {
	position: absolute;
    bottom: 4%;
    background-color: #009cef;
}
#v3mainmodule.mobile #v3btnlogin,#v3mainmodule.mobile #v3btnsubscribe, #v3mainmodule.mobile #btnpalettewarning {
	background-color:#ff9a1a;
}
#v3mainmodule #v3btnsubscribe	 {
	right: 26%;
}
#v3mainmodule #v3btnlogin {
	right: 30%;
}
#v3mainmodule #btnpalettewarning {
	right: 10%;
}
#v3mainmodule #btnbrowse, #v3mainmodule #btnget {
	right: 52%;
}
#v3mainmodule #v3btnsavesuccess {
	right: 42%;
}

#v3fontbigcontent .v3addbutton, #v3libitembig .v3addbutton {
 	right: 28%;
 }
#v3btncontinuDesign, #v3mainmodule #btncancel {
	right: 63%;
 }
#v3libitembig  #v3btnaddpalette {
	right: 4%;
    bottom: 2%;
}

#palette{
    background-color: white;
    border: 3px solid #ebebeb;
    border-radius: 8px;
    height:320px;
    position: absolute;
    width: 80%;
    left:10%;
    height:60%;
    top:20%;
    z-index:9999;
    display:none;
}
#duplicatecolorerror{
	color: red;
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-weight: bold;
	display:none;
}
#backgroundcolorerror{
	color: red;
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-weight: bold;
	display:none;
}
.cpfield{
	width:28px;
	height:28px;
	cursor:pointer;
	float:left;
	border:1px solid #e0e0e0;
	border-radius:14px;
	margin-top:10px;
	margin-left:10px;
}
.cpswatch{
	width:26px;
	height:26px;
	margin:1px;
	border-radius:13px;
}
#cpfullname{
}
#cpfullname2{
	text-align:right;
}
.addcolor{
	position:absolute;
	bottom:10px;
	right:5%;
	font-size:12px;
}
#removeoutline{
	position:absolute;
	bottom:10px;
	left:5%;
	background-image:url('/gfx/removeoutline.svg');
	background-repeat:no-repeat;
	background-size:20px;
	background-position:0 center;
	padding-left:25px;
	font-size:12px;
}
#otherfillmenu{
	position:absolute;
	bottom:10px;
	left:5%;
	z-index:2;
	background-color:white
}
#otherfill{
	background-image:url('/gfx/paintbrush.svg');
	background-repeat:no-repeat;
	background-size:14px;
	background-position:0 center;
	font-size:12px;
	padding-left:25px;
	padding-top:10px;
	color:#ef7f1a;
	cursor:pointer;
}
.otherfillmenuitem{
	font-size:14px;
	line-height:16px;
	border-bottom:1px solid #6e6e6e;
	padding:5px 10px;
	cursor:pointer;
}
.otherfillmenuitem.menuhover{
	background-color: #efefef;
}
#otherfillmenuitems{
	border:1px solid #6e6e6e;
	display:none;
}
.paletteseparator{
	height: 2px;
	border-bottom: 1px solid #6e6e6e;
	position: absolute;
	top: 275px;
	width: 100%;
	display:none;
}
.wizcolumn_container.logincontainer{
	border: 2px solid #6e6e6e;
	border-radius: 10px;
	background-color: white;
	position: absolute;
	top: 10px;
	height: 90%;
	left: 5%;
	padding-left:15px;
	display:none;
}
.wizcolumn_container.logincontainer #closelogin{
	width:30px;
	cursor:pointer;
	float:right;
}
#cmykpreview, #rgbpreview{
	width:100px;
	height:100px;
}
.numbersize3{
	width:46px;
}
#cmykpreview.wait, #rgbpreview.wait{
	background-image: url('/gfx/spinner2.gif');
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center center;
}
#networkerror,#maintenancecoming{
	width: 90%;
	position: absolute;
	left: 40px;
	top: 50px;
	color:black;
	pointer-events:all;
	display:none;
}
#networkerrorbg{
	background-color: red;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.2;	
}
#closenetworkerror{
	position: absolute;
	top: 2px;
	right: 5px;
	width: 15px;
	cursor:pointer;
}
#palettewarning{
	border: 2px solid #6e6e6e;
	border-radius: 10px;
	background-color: white;
	position: absolute;
	top: 10%;
	height: 80%;
	left: 5%;
	width:90%;
	display:block;
	font-size:16px;
	display:none;
}
#palettewarning #palettewarningtitle{
	background-color: #99a4aa;
	color: white;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	padding-left: 80px;
	background-repeat: no-repeat;
	background-image: url("/gfx/warning_white.png");
	background-size: 25px;
	background-position: 15px 10px;	
}
#palettewarning .elementwizexplanation{
	margin-top:25px;
}
#palettewarning a{
	color:#009cef;
}
#palettewarning #closewarning{
	right:10%;
}
#rgbcolorpicker{
	width:80%;
}
.addcolor{
	background-image:url('/gfx/palette-add.svg');
	background-repeat:no-repeat;
	background-size:20px;
	background-position:0 center;
	padding-left:25px;
}
#addtopalette{
	background-image:url('/gfx/palette-add.svg');
	background-repeat:no-repeat;
	background-size:18px;
	background-position:0 center;
	
}
#rgbhex.hexwarning{
	background-color:#ffddde;
}
#closecolorpalette{
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 36px;
	z-index: 24;
	background-color: black;
	opacity: 0.01;
	cursor:pointer;	
}

.colorcaption{
	float:left;
	width:30px;
}
.v3textelement{
	position:absolute;
	left:200px;
	top:200px;
	padding:0;
	margin:0;
	font-size:12px;
	line-height:1;
}
.v3element img{
	width:100%;
	height:100%;
	position:relative;
	display:block;
}
.v3element svg, .patternelement svg{
	display:block;
}
.droptarget, .dropspinner{
	z-index: 12;
	position: absolute;
	top:40%;
	width: 100%;
	height:100%;
	text-align: center;
	color: #505050;	
}
.droptarget{
	top:30%;
}

.dropspinner{
	display:none;
}
.droptargettext{
	width:40%;
	height:40%;
	background-image:url('/gfx/portraitphoto.svg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin:auto;
	opacity:0.5;
}
.dropspin img{
	width:32px;
	height:32px;
	margin:auto;
}
.v3droptarget{
	position:absolute;
	left:200px;
	top:200px;
	padding:0;
	margin:0;
	font-size:12px;
	line-height:1;
	background-color:white;
	opacity:0.01;
	display:none;
}
.v3elementIcon{
	/*background-color: #bbbbbb;*/
	background-repeat:no-repeat;
	background-position:center center;
  border-radius: 10px;
  cursor: pointer;
  float: left;
	width:40px;
	height:40px;
	/*margin-left:5px;*/
	margin-top:5px;
}
.v3elementIcon2{
	/*background-color: #dddddd;*/
	background-repeat:no-repeat;
	background-position:center center;
  	border-radius: 0px;
  	float: left;
	width:28px;
	height:40px;
	margin-left:5px;
	margin-top:5px;
}
.v3elementsection{
	float: left;
    height: 100%;
    min-height: 50px;
    padding-top: 3px;
    border-right: 1px solid #D8DEE6;
    padding-left: 6px;
    padding-right: 5px;
}
.v3elementsection.noborder{
	border:none;
	padding-right:0;
}
.v3elementsection.popup{
	height:auto
}
#propmoreproperties.v3elementsection{
	background-image:url('/gfx/moreproperties.svg');
	background-repeat:no-repeat;
	background-size:24px;
	background-position:center center;
	width:40px;
	cursor:pointer;
}
#overflowcounter{
	position:relative;
	top:0;
	right:0;
	width:15px;
	height:14px;
	border-radius:8px;
	background-color:#00af66;
	color:white;
	float:right;
	font-size:10px;
	text-align:center;
	padding-top:1px
}
#bgcolorsection2{
	float:left;
	display:none;
}
#backgroundwarning.v3elementsection{
	background-color: #fcf9f9;
	background-image: url('/gfx/warning-red.svg');
	background-repeat: no-repeat;	
	background-position: 10px 5px;
	background-size: 30px;
	padding-left: 60px;
	width: 30%;
	font-size: 14px;
	padding-top: 5px;
}
#elementsectionzindex{
    position: absolute;
    right: 100px;
    border-right: none;
}
.elementpropcaption{
	color: #99a4aa;
	padding-right:5px;
	margin-bottom:2px;
	display: inline-block;
}
#v3elementprops .elementpropfirstrow,
#v3popupprops .elementpropfirstrow {
	height:30px;
}
#propdesigndimensions .elementpropcaption,
#v3positionsection .elementpropcaption{
	width: 13px;
}
.elementpropcaption.dimensioncaption{
	margin-right:5px;
}
.elementpropsinglecaption, .elementwiz-caption{
	color: #99a4aa;
	padding-right:5px;
	margin-bottom:5px;
}
.elementwiz_line{
	margin-top:15px;
	clear:both;
	height:30px;
}
.elementwiz_caption{
	width:30%;
	float:left;
}
.elementwiz_value{
	font-weight:bold;
	color:black;
	float:left;
}
#patterninterface,#patternwait{
	width:300px;
	height:300px;
	margin:auto;
	margin-top:150px;
	position:relative;
	overflow:hidden;
}
#patternwait{
	margin-top:-300px;
	opacity:0.7;
	background-color:white;
	background-repeat:no-repeat;
	background-size:50%;
	background-position:center center;
	background-image:url("/gfx/spinner2.gif");
	display:none;
}
#canvaspattern{
	width:100%;
	height:100%;
	z-index:100;
	position:relative;
	pointer-events:none;
}
.patternelement, .patternelement2{
	background-size: contain;
  	background-repeat: no-repeat;
  	position: absolute;
}
.patternelement2 img{
	width:100%;
	height:100%;
}
#themebrowser{
	background-color: white;
	border: 2px solid #6e6e6e;
	left: 5%;
	width: 90%;
	position: absolute;
	top: 50px;
	padding-left: 20px;
	padding-bottom: 20px;
	box-shadow: 10px 10px 5px #888888;
	height: 80%;
	overflow-y:scroll;
	z-index:101;
}
.themetile{
	float:left;
	width:250px;
	margin-top:20px;
	
}
.themename{
	width: 100%;
	text-align: center;
	margin-top: 5px;
 }
.themetile .v3button{
	float:right;
	margin-right:25px;
	width:80%;
	padding: 5px 0;
}
.themepreview{
	width:80%;
	margin-left:10%;
	height:200px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
.themepreview .deletepattern, .themepreview .editpattern{
	float:right;
	width:20px;
	height:20px;
	margin-top:4px;
	margin-right:4px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center center;
}
.themepreview .deletepattern{
	background-image:url('/gfx/trash-orange.svg');
}
.themepreview .editpattern{
	background-image:url('/gfx/edit-orange.svg');
}
#themebrowser #removequestion{
	position: absolute;
	border: 1px solid black;
	width: 50%;
	height: 25%;
	left: 25%;
	top: 25%;
	background-color: white;
	padding: 10px;
	display:none;
}
#fontexclusion{
	position: absolute;
	width: 90%;
	height: 80%;
	left: 5%;
	top: 12%;
	border-radius: 9px;
	background-color: white;
	border: 1px solid #D8DEE6;
	display:none;
}
#fontexclusioncontent{
	padding-left:5%;
	padding-right:5%;
}
#fontexclusion p{
	margin-top:6px;
}
#fontexcludedchars2{
	color:black;
}
.fontexclusiontip{
	color:#ef7f1a
}
.elementpropvalues{
	float:left;
	max-width: 115px;
	width: auto;
}
.elementinputdim{
	width:50px;
	font-size:10px;
	margin-bottom:5px;
	padding: 0 2px;
}
.elementpropbuttons{
	height:40px;
	float:left;
}
.elementpropbutton, .elementgroupbutton{
	width:26px;
	height:26px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px;
	cursor:pointer;
}
.elementgroupbutton{
	display:none;
}
.elementoverflowbutton{
	width:100%;
	height:26px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:16px;
	cursor:pointer;
	padding-left:30px;
	margin-left:5px;
}
#elementmirrorh, #elementmirrorh2{
	background-image:url('/gfx/mirror-orange.svg');
	background-size:16px;
	float:left;
	width:18px;
	height:18px;
	cursor: pointer;
}
#elementmirrorv, #elementmirrorv2{
	
	background-image:url('/gfx/mirror-orange.svg');
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-size:14px;
	float:left;
	background-size:16px;
	width:18px;
	height:18px;
	cursor: pointer;	
	margin-left: 7px;
}
#elementmoveup, #elementmoveup2 {
	background-image:url('/gfx/arrow-up-orange.svg');
}
#elementmovetotop, #elementmovetotop2 {
	background-image:url('/gfx/arrow-top-orange.svg');
	background-size:26px;
}
#elementmovedown,#elementmovedown2{
	background-image:url('/gfx/arrow-down-orange.svg');
}
#elementmovetobottom,#elementmovetobottom2{
	background-image:url('/gfx/arrow-bottom-orange.svg');
	background-size:26px;
}
#elementduplicate, #elementduplicate2{
	background-image:url('/gfx/dupli-orange.svg');
}
#elementAdminbtn,#elementAdminbtn2{
	background-image:url('/gfx/admin.svg');
}
#elementresetratio,#elementresetratio2{
	background-image:url('/gfx/restore-orange.svg');
}
#elementtrash, #elementtrash2, .deletecolor{
	background-image:url('/gfx/trash-orange.svg');
}
#elementgroup{
	background-image:url('/gfx/group-orange.svg');
}
#elementungroup{
	background-image:url('/gfx/ungroup-orange.svg');
}
#elementmovetotop2, #elementmovetobottom2{
	background-position-x:-5px
}
.circletimer{
	width:30px;
	height:30px;
	margin:auto;
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	background-image:url('/gfx/spinner2.gif');
	display:none;
}
.ootwpreview{
	width:200px;
	height:200px;
	background-position:center center;
	background-size:contain;
	margin:auto;
	background-repeat:no-repeat;
}
#ootwdelete{
	float:right;
	margin-right:40px;
}
#ootwcenter{
	margin-left:40px;
}
#editcontentcaption_text,
#editcontentcaption_image,
#editcontentcaption_image2,
#editcontentcaption_qr,
#editcontentcaption_ca,
#editcontentcaption_ca2,
#editcontentcaption_sh,
#editcontentcaption_color,
#editcontentcaption_car,
#v3addtext,
#v3addupload,
#v3addlibrary,
#v3addqr,
#v3addstock,
#v3addshape,
#v3addcar,
#v3addbanner,
#v3fontpicker,
#v3movedesign,
#v3addframe{
	color:#ff9a1a;
	cursor:pointer;
	background-size:16px;
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:22px;
}
#editcontentcaption_text.large,
#editcontentcaption_image.large,
#editcontentcaption_qr.large,
#editcontentcaption_ca.large,
#editcontentcaption_sh.large,
#editcontentcaption_ca2.large,
#editcontentcaption_image2.large
{
	width: 32px;
	height: 32px;
	background-size: contain;
	margin-left: 5px;
	padding-left: 0;
	margin-top: 5px;	
	float:left;
}


#editcontentcaption_text,
#editcontentcaption_qr,
#editcontentcaption_sh,
#editcontentcaption_ca2,
#v3fontpicker{
	background-image:url('/gfx/edit-orange.svg')
}
#editcontentcaption_image, #editcontentcaption_ca{
	background-image:url('/gfx/crop-orange.svg')
}
#editcontentcaption_color{
	background-image:url('/gfx/pipet.svg')
}
#editpalette{
	background-image:url('/gfx/palette-orange.svg');
	display:none;
}
#editcontentcaption_image2{
	background-image:url('/gfx/removebackground.svg');
}
.noselection{
	display:none;
}
#openpalettebackground{
	background-image:url('/gfx/paint-bucket-orange.svg');
}
#v3movedesign{
	background-image:url('/gfx/movedesign.svg');
}
#v3addtext,
#v3addupload,
#v3addlibrary,
#v3addqr,
#v3addstock,
#v3addshape,
#v3addbanner
{
	background-image:url('/gfx/add-orange.svg')
}
#v3addcar,#v3addbanner,#v3addframe
{
	background-image:url('/gfx/add-purple.svg')
}
#editcontentcaption_car{
	background-image:url('/gfx/edit-purple.svg')
}
#v3addcar,
#v3addbanner,
#editcontentcaption_car,
#v3movedesign,
#v3addframe{
	color:#768bc2;
}
#propdesignrotation .numberfieldsmall {
	width: 27px;
}
#propdesignreadabilitydistance  {
	border-right: 0px;
	padding-right: 0px;
}
#propdesignreadabilitydistance .elementproptextvalue {
	font-size: 13px;
}
#elementList .colorpickerbg {
	background: none;
	border: none;
}
#elementList .colorpicker {
	background: none;
	border: 1px solid #99a4aa;
	width: 20px;
	height: 20px;
	margin-left: 0px;
	border-radius:12px;
}
.v3switch,.v3switch3 {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 20px;
}

.v3switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.v3slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.v3slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .v3slider {
  background-color: #00af66;
}

input:focus + .v3slider {
  box-shadow: 0 0 1px #00af66;
}

input:checked + .v3slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

.v3slider.round {
  border-radius: 34px;
}

.v3slider.round:before {
  border-radius: 50%;
}

.mirrorselected{
	background-color:#dddddd;
}
#lockbutton{
	background-image:url('/gfx/unlock.svg');
	background-color: transparent;
  border: none;
  cursor: pointer;
  position:relative;
  left:-5px;
  top:2px;
}
#lockbutton2{
	background-image:url('/gfx/unlock.svg');
	background-color: transparent;
  border: none;
  cursor: pointer;
  position:relative;
  left:-5px;
  top:-3px;
}
#lockbutton.locked, #lockbutton2.locked{
	background-image:url('/gfx/lock-orange.svg');
}
#toplockborder{
	width: 15px;
	height: 5px;
	border-right: 1px solid #ff9a1a;
	border-top: 1px solid #ff9a1a;
	position: relative;
	left: -10px;
	top: 4px;
}
#toplockborder2{
	width: 15px;
	height: 3px;
	border-right: 1px solid #ff9a1a;
	border-top: 1px solid #ff9a1a;
	position: relative;
	left: -10px;
	top: 0;
}#bottomlockborder{
	width: 15px;
  height: 5px;
  border-right: 1px solid #ff9a1a;
  border-bottom: 1px solid #ff9a1a;
  position: relative;
  left: -10px;
  top: 2px;
}
#bottomlockborder2{
	width: 15px;
  height: 5px;
  border-right: 1px solid #ff9a1a;
  border-bottom: 1px solid #ff9a1a;
  position: relative;
  left: -10px;
  top: -2px;
}
#lockbuttonsection{
	padding-right:0;
}
#handlesection{
	padding-left:0;
}
.v3propfiller{
	height:44px;
}
.handle{
	width:5px;
	height:5px;
	border:1px solid #a1afbd;;
	float:left;
}
.handleactive{
	background-color: #ff9a1a;
}
#handlebutton {
}
#handletable{
	margin-top:2px;
	margin-left:1px;
	cursor: pointer;
}
#handletable td{
	padding:0;
}
.handlebuttonlarge{
	width:92px;
	height:92px;
	top:-64px;
}
.handlelarge{
	width:25px;
	height:25px;
}
.colorpickerelement {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	height: 20px;
	margin-left: 5px;
	width: 20px;
	border-radius: 12px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center center;
}
.colorpickerelement.selected{
	border:1px solid #6f6e6e
}
.borderpicker{
	border:1px solid rgb(255,154,26);
	width:15px;
	height:15px;
}
.colorpickerbgelement {
    cursor: pointer;
}
.colorpickerbgelement.cppersonal{
	margin-top:5px;
}
.v3deletecolor{
	margin-top:10px;
}
.v3colortitle{
	margin-left:10px;
}
#propdesigneffects{
	display:none;
	background-image:url('/gfx/effects.png');
	background-repeat:no-repeat;
	background-position:0px 25px;
	width:20px;
	background-size:35px;
	cursor:pointer;
}
#mnueffect, #mnueffectstyle, #mnueffectmetal{
	position:absolute;
	pointer-events:all;
	background-color:white;
	z-index:950;
	display:none;
	border:1px solid #99a4aa;
}
.mnueffect, .mnueffectstyle{
	height:22px;
	padding-top:3px;
	padding-right:10px;
	border-bottom:1px solid #99a4aa;
	background-size:20px;
	background-repeat:no-repeat;
	background-position:5px center;
}
.mnueffecthover, .mnueffectnohover{
	padding-left:40px;
	float:left;
	height:100%;
}
.mnueffect#effecttransparency{
	background-image:url('/gfx/tranparency.svg')
}
.mnueffect#effecttransparency #crcaption{
	float: left;
	background-color: #00af66;
	color: white;
	border-radius: 20px;
	width: 25px;
	height: 20px;
	text-align: center;
	margin-top: -3px;
	padding-top: 3px;
}
.mnueffect#effecttransparency #crcaption.off{
	background-color: #fff;
}
.mnueffect#effectgreyscale{
	background-image:url('/gfx/image.svg')
}
.mnueffect#effectshadow{
	background-image:url('/gfx/shadow.svg')
}
.mnueffect#effectblockshadow{
	background-image:url('/gfx/3d.svg')
}
.mnueffect#effectremovebackground{
	background-image:url('/gfx/removebackground_gray.svg')
}
.mnueffect#effectcartoonyourself{
	background-image:url('/gfx/cartoonyourself.png')
}
.mnueffect#effectsepia{
	background-image:url('/gfx/portrait.svg')
}
.mnueffect#effectneon{
	background-image:url('/gfx/neon.png');
	background-size:26px;
}
.mnueffect#effectbevel{
	background-image:url('/gfx/bevel.png')
}

#effectcount{
	background-color: #00af66;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	color: white;
	font-size: 8px;
	text-align: center;
	padding-top: 2px;
	margin-left: 8px;
	margin-top: 2px;
}
.fxcaption{
	float:left;
	width:200px;
}
.fxstate{
	width:25px;
	height:20px;
	float:left;
	background-size:contain;
	background-repeat:no-repeat;
	
}
.fxstate.on{
	background-image:url('/gfx/checkgreen.svg');
}
#fxstatestyles, #fxstatemetal{
	background-image:url('/gfx/right.svg');
	background-size: 15px;
	background-position: right;
}
#fxstatestyles.active, #fxstatemetal.active{
	background-image:url('/gfx/right-green.svg');
}
.fxmore{
	border:1px solid #99a4aa;
	width:20px;
	height:20px;
	border-radius:4px;
	float:left;
	text-align:center;
	cursor:pointer;
	margin-left:5px;
}
.switch{
	float:left;
	width:40px;
	position:relative;
	margin-left:5px;
	display:none;
}
.fxslider{
	width:36px;
	height:20px;
	border-radius:10px;	
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.fxslider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  border-radius:8px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.swon .fxslider {
  background-color: #00af66;
}
.swon .fxslider:before{
	left:20px;
}
#showeffect{
	width:100px;
	height:100px;
	background-color:#888888;
	margin-top:75px;
	position:relative;
	margin-bottom:100px;
	margin-left:20px;
	float:left;
}
#showeffectbevel{
	width:75px;
	height:75px;
	background-color:#888888;
	margin-top:75px;
	position:relative;
	margin-bottom:100px;
	margin-left:25%;
	float:left;
	border:12.5px solid #bfbdbd;
	border-left-color:#555555;
	border-bottom-color:#555555;
}
#showtextshadow{
	float: left;
	font-size: 100px;
	color: #888888;
	margin-top: 75px;
	margin-left: 100px;
	line-height: 0.8;	
	font-weight:bold;
}
#showneonout{
	width:100px;
	height:100px;
	background-color:white;
	border:2px solid magenta;
	margin-top:75px;
	position:relative;
	margin-bottom:100px;
	margin-left:100px;
	float:left;
}
#showneonin{
	width:90%;
	height:90%;
	background-color:white;
	border:2px solid magenta;
	position:relative;
	top:3px;
	left:3px;
}
#v3stylepreview{
	position: absolute;
	width: 40%;
	max-width: 300px;
	max-height: 410px;
	height: 10%;
	top: 50px;
	left: 35%;
	pointer-events: none;
	display: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-color: white;
	border: 1px solid #99a4aa;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 10px;
}
#popupokcancel .mobilestyle{
	width:24.5%;
	height:50px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:25px;
	float:left;
	
}
#popupokcancel .mobilestyle .caption{
	margin-top: 25px;
	text-align:center;	
	font-size:12px;
	font-weight:bold;
}
#popupokcancel #stylepreview{
	width:90%;
	height:60px;
	margin-left:5%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-color: white;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border: 1px solid #99a4aa;
	margin-bottom:10px;
	border-top:none;
		
}
#canvaseffect{
	
}
.effectvalue{
	width:30px;
}
.aswitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#propdesigntransparency{
	display:none;
}
#btntransparency,#btntransparency2{
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url('/gfx/tranparency.svg');
}
#btntransparency2{
	float:right;
}
#transparencysliderdiv, #sepiasliderdiv, .effectstylesliderdiv{
	float:left;
	display:none;
}
#transparencysliderdiv2, #sepiasliderdiv2, .effectstylesliderdiv2{
	display:none;
	position:relative;
	top:0;
	left:0;
}
#transparencyslider, #sepiaslider, #bevelslider, .effectstyleslider{
	width:90px;
	pointer-events: all;
	margin-top:0;
}
#traficlight{
	width:25px;
	height:90%;
	border-radius:25px;
	float:left;
	background-color:black;
	margin-left:5px;
	padding-top:2px;
}
#traficlight.yellow{
	background-image:none;
}
.traficlamp{
	width:12px;
	height:12px;
	border-radius:6px;
	margin-left:6px;
	margin-top:3px;
	opacity:30%;
}
#trred{
	background-color:#ff6600;
}
#tryellow{
	background-color:#fff44f;
}
#trgreen{
	background-color:#66FF00;
}
#traficlight.green #trgreen{
	opacity:100%;
}
#traficlight.red #trred{
	opacity:100%;
}
#traficlight.yellow #tryellow{
	opacity:100%;
}
#elementList{
	background-color: white;
  right:-964px;
  position: absolute;
  top: 54px;
  width:1000px;
  pointer-events:all;
  overflow-y: scroll;
  overflow-x: hidden;
  border-bottom: 1px solid #dddddd;
}
#elementListTitle{
 	background-color: #FECC00;
    background-image: url("/gfx/ar-double-hori-white.svg");
    background-position: 9px center;
    background-repeat: no-repeat;
    height: 35px;
    line-height: 35px;
    padding-left: 60px;
    width: 100%;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 35px;
}
.propdiv{
	width:100%;
	height:55px;
	overflow:hidden;
	border-left: 2px solid #fff;
}
.propdiv:nth-of-type(odd) {
    background-color: #f6f6f6;
    border-left: 2px solid #f6f6f6;
}
.propdiv.collapsed{
	height:30px;
	cursor: pointer;
}
.collapsed .v3elementIcon2{
  /*background-size: 15px 15px;*/
  /*border-radius: 5px;*/
  height: 23px;
  margin-left: 2px;
  width: 23px;
}
.activeprop{
	border-left:2px solid #face99 !important;
}
.shapeicon{
	background-image:url("/gfx/shape.svg");
	background-size:26px;
}
.texticon{
	background-image:url("/gfx/text.svg");
}
.uploadicon{
	background-image:url("/gfx/image.svg");
}
.libicon{
	background-image:url("/gfx/deco.svg");
}
.qricon{
	background-image:url("/gfx/barcode-grey.svg");
}
.rficon{
	background-image:url("/gfx/image-stock.svg");
}
.seriesinfo{
	width:0px;
	height:25px;
	float:left;
	background-image:url('/gfx/series-orange.svg');
	background-size: 20px 20px;
	background-position:left bottom;
	background-repeat:no-repeat;
}
.seriesinfo.active{
	width:20px;
}
.seriesinfo.t0{
	background-image:url('/gfx/series-orange0.svg');
}
.seriesinfo.t1{
	background-image:url('/gfx/series-orange1.svg');
}
.seriesinfo.t2{
	background-image:url('/gfx/series-orange2.svg');
}
.seriesinfo.t3{
	background-image:url('/gfx/series-orange3.svg');
}
.seriesinfo.t4{
	background-image:url('/gfx/series-orange4.svg');
}
.seriesinfo.t5{
	background-image:url('/gfx/series-orange5.svg');
}
.seriesinfo.t6{
	background-image:url('/gfx/series-orange6.svg');
}
.seriesinfo.t7{
	background-image:url('/gfx/series-orange7.svg');
}
.lockinfo{
	width:0px;
	height:25px;
	float:left;
}
.lockinfo.active{
	width:20px;
}
.lockinfo.pinned{
	background-image:url('/gfx/pushpin.png');
	background-size: 20px 20px;
	background-position:left bottom;
	background-repeat:no-repeat;
}
.lockinfo.pinned.pintoback{
	background-image:url('/gfx/pushpin2.png');
	background-size: 20px 20px;
	background-position:left bottom;
	background-repeat:no-repeat;
}
.lockinfo.locked{
	background-image:url('/gfx/layerlocked.png');
	background-size: 20px 20px;
	background-position:left center;
	background-repeat:no-repeat;
}
.lockinfo.knife{
	background-image:url('/gfx/knife-20.png');
	background-size: 20px 20px;
	background-position:left center;
	background-repeat:no-repeat;
}
.lockinfo.admin{
	background-image:url('/gfx/ad.png');
	background-size: 20px 20px;
	background-position:left center;
	background-repeat:no-repeat;
}
.lockinfo.hideprops{
	background-image:url('/gfx/hideprops.svg');
	background-size: 20px 20px;
	background-position:left center;
	background-repeat:no-repeat;
	
}
.lockinfo.nonprinting{
	background-color:#EF7100;
	webkit-mask-image:url('/gfx/noprint.svg');
	mask-image:url('/gfx/noprint.svg');
	mask-size: 20px 20px;
	mask-position:left center;
	mask-repeat:no-repeat;
}
.propertypropcaption{
	padding-right:5px;
	font-size:11px;
	padding-top: 1.4px;
	color:#99a4aa;
}
.propertycaption{
	font-size:11px;
	color:#99a4aa;
}
#editcontentcaption_text, #editcontentcaption_image,  #editcontentcaption_qr {
	display: none;
}
#v3dashvertical{
	z-index:9990;
	position:absolute;
	height:100%;
	width:1px;
	border-left:1px dashed #009900;
	left:50px;
	top:0;
	cursor:ew-resize;
	display:none;
}
#v3dashdiagonal{
	z-index:9990;
	position:absolute;
	height:100%;
	width:1px;
	border-left:1px dashed #009900;
	left:50%;
	top:0;
	transform:rotate(-30deg);
	display:none;
}
#v3dashhorizontal{
	z-index:9990;
	position:absolute;
	width:100%;
	height:1px;
	border-top:1px dashed #009900;
	top:100px;
	left:0;
	cursor:ns-resize;
	display:none;
}
#v3dashline{
	border:2px dashed #bbbbbb;
	width:200px;
	height:100px;
	position:absolute;
	display:none;
	z-index:9997;
	cursor:move;
	
}
#v3selector{
	left:400px;
	top:200px;
	position:relative;
	z-index:9996;
	display:none;
	
}
.v3circle {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    position:absolute;
   background-size:30px;
}
.v3pcorner{
	z-index:1002;
}

.v3lefttop {
    top:-10px;
    left:-10px;
    cursor:nw-resize;
    background-image:
        url("/gfx/up-left.svg");
    background-repeat:no-repeat;
}
#v3mainmodule.mobile .v3lefttop{
	background-image: url('/gfx/mobilehandle.svg');
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:15px 15px;
	z-index:9998;
	border-radius:unset;
}
.v3leftbottom {
    top:90px;
    left:-10px;
    cursor:ne-resize;
    background-image:
        url("/gfx/down-left.svg");
    background-repeat:no-repeat;
}
#v3mainmodule.mobile .v3leftbottom {
	background-image: url('/gfx/mobilehandle.svg');
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:15px 10px;
	z-index:9998;
	border-radius:unset;
}
.v3rightbottom {
    top:90px;
    left:190px;
    cursor:nw-resize;
    background-image:
        url("/gfx/down-right.svg");
    background-repeat:no-repeat;
}
#v3mainmodule.mobile .v3rightbottom{
	background-image: url('/gfx/mobilehandle.svg');
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:5px 5px;
	z-index:9998;
	border-radius:unset;
	
}
.v3righttop {
    top:-10px;
    left:190px;
    cursor:ne-resize;
    background-image:
        url("/gfx/up-right.svg");
    background-repeat:no-repeat;
}
#v3mainmodule.mobile .v3righttop{
	background-image: url('/gfx/mobilehandle.svg');
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:5px 15px;
	z-index:9998;
	border-radius:unset;
	
}
.v3middletop{
    background-image:
        url("/gfx/up.png");
    background-repeat:no-repeat;
    top:-10px;
    left:95px;
    display:none;
    cursor:n-resize;
    background-position:0 5px;
}
#v3mainmodule.mobile .v3middletop{
	background-image: url('/gfx/mobilehandle.svg');
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:10px 12px;
	z-index:9998;
	border-radius:unset;
}
.v3middlebottom{
    top:90px;
    left:95px;
    display:none;
    cursor:n-resize;
    background-image:
        url("/gfx/down.png");
    background-repeat:no-repeat;
    background-position:0 10px;
}
#v3mainmodule.mobile .v3middlebottom{
	background-image: url('/gfx/mobilehandle.svg');
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:10px 8px;
	z-index:9998;
	border-radius:unset;
}
.v3leftmiddle{
    top:40px;
    left:-10px;
    display:none;
    cursor:e-resize;
    background-image:
        url("/gfx/left.png");
    background-repeat:no-repeat;
    background-position: 5px 0;
}
#v3mainmodule.mobile .v3leftmiddle{
	background-image: url('/gfx/mobilehandle.svg');
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:15px 10px;
	z-index:9998;
	border-radius:unset;
}
.v3rightmiddle{
    top:40px;
    left:190px;
    display:none;
    cursor:e-resize;
    background-image:
        url("/gfx/right.png");
    background-repeat:no-repeat;
    background-position:10px 0;
}
#v3mainmodule.mobile .v3rightmiddle{
	background-image: url('/gfx/mobilehandle.svg');
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:8px 10px;
	z-index:9998;
	border-radius:unset;
}
.v3leftmiddle,.v3rightmiddle {
	background-size: 15px;
} 
.v3rotate {
    top:-30px;
    left:40px;
    cursor:ew-resize;
    background-image:
        url("/gfx/rotate.svg");
    background-repeat:no-repeat;
}
#v3mainmodule.mobile .v3rotate {
    background-image:
        url("/gfx/rotatemobile.svg");
}
.v3center{
    top:-30px;
    left:40px;
    cursor:move;
    background-image:
        url("/gfx/center.svg");
    background-repeat:no-repeat;
	
}
.v3menubtn,
.v3eyedropbtn,
.v3deletebtn,
.v3cropbtn,
.v3editbtn,
.v3groupbtn,
.v3ungroupbtn,
.v3uploadbtn {
	top:-30px;
    left:40px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-color: #6e6e6e;
    background-position: center;
    background-size: 20px;
}
#v3mainmodule.mobile .v3menubtn,
#v3mainmodule.mobile .v3eyedropbtn,
#v3mainmodule.mobile .v3deletebtn,
#v3mainmodule.mobile .v3cropbtn,
#v3mainmodule.mobile .v3editbtn,
#v3mainmodule.mobile .v3groupbtn,
#v3mainmodule.mobile .v3ungroupbtn,
#v3mainmodule.mobile .v3uploadbtn {
	background-color:#000;
}
.v3menubtn {
    background-image: url("/gfx/options-menu-white.svg");
}
.v3deletebtn {
    background-image: url("/gfx/trash-white.svg");
}
#v3mainmodule.mobile .v3deletebtn {
    background-image: url("/gfx/trash-mobile.svg");
    background-size:30px;
}
.v3cropbtn {
    background-image: url("/gfx/crop-white.svg");
}
.v3eyedropbtn{
	background-image: url("/gfx/pipet.svg");
}
.v3editbtn{
	background-image: url("/gfx/edit-white.svg");
}
.v3groupbtn{
	background-image: url("/gfx/group-white.svg");
}
.v3ungroupbtn{
	background-image: url("/gfx/ungroup-white.svg");
}
.v3uploadbtn{
	background-image: url("/gfx/opendesign_white.svg");
	background-size:18px;
}
.propcolorbutton{
	margin-top:10px;
}
.propbuttonbg{
	width:70px;
	height:20px;
	border:1px solid #505050;
	border-radius:3px;
	background: linear-gradient(#ffffff, #c0c0c0);
	cursor:pointer;
}
.propbutton{
    background-color: #ffffff;
    border: 1px solid #909090;
    height: 14px;
    margin-left: 4px;
    margin-top: 2px;
    width: 60px;
    display:block;
    overflow:hidden;
}

.elementpropfont{
	/*width:80px;*/
	white-space:nowrap;
	overflow:hidden;
}
.elementpropAlignment1{
	background-image: url("/gfx/alignleftdark.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 10px 10px;
}
.elementpropAlignment2{
	background-image: url("/gfx/aligncenterdark.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 10px 10px;
}
.elementpropAlignment3{
	background-image: url("/gfx/alignrightdark.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 10px 10px;
}
#v3elementpropimage{
    background-color: white;
    height: 85%;
    margin-left: 6px;
    margin-right: 6px;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: contain !important;
    
}
.v3elementpropimage{
  height: 32px;
  width: 90%;
  background-repeat:no-repeat;
  background-position:center center;
	text-align:center;
	word-break: break-all;
}
#v3elementpropimagebg{
    height: 50px;
    min-width:150px;
}
#elementOptionsbtn, #elementUndobtn,#elementRedobtn{
    background-image: url("/gfx/options-menu.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    border-left: 2px solid #bbbbbb;
    float: right;
    height: 40px;
    margin-top: 5px;
    width: 40px;
    cursor:pointer;
}
#elementUndobtn,#elementRedobtn{
	background-image: url("/gfx/undo.svg");
}

#elementRedobtn{
	transform:scaleX(-1);
	border-left:0px;
	border-right:2px solid #bbbbbb;
}
#elementoptionsmenu{
	position:absolute;
	right:0;
	bottom: 85px;
	min-width:120px;
	border-left:2px solid #e0e0e0;
	display:none;
	background-color:white;
}
#adminoptionsmenu {
	position: absolute;
	right: 80px;
	bottom: 120px;
	min-width: 120px;
	border-left: 2px solid #99a4aa;
	background-color: white;
	border-right: 2px solid #99a4aa;
	display:none;
	border-radius:9px 9px 0 0;
	border-bottom:2px solid #99a4aa;
}
#undooptionsmenu {
	position: absolute;
	right: 80px;
	bottom: 120px;
	min-width: 120px;
	border-left: 2px solid #99a4aa;
	background-color: white;
	border-right: 2px solid #99a4aa;
	display:none;
	border-radius:9px 9px 0 0;
	border-bottom:2px solid #99a4aa;
}
.optionsmenu{
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 5px;
	padding-left: 30px;
	line-height: 25px;
	height: 30px;
	color: white;
	background-color: #99a4aa;
	font-size: 15px;
	border-radius: 9px 9px 0 0;
}
.optionsmenuadmin{
	background-image:url('/gfx/admin-white.svg')
}
.optionsmenuundo{
	background-image:url('/gfx/undo-white.svg')
}.elementoptionmenuitem{
	height:40px;
	width:100%;
	border-top:2px solid #D8DEE6;
	cursor:pointer;
	background: rgba(0, 0, 0, 0) linear-gradient(#ffffff,#eef6fd) repeat scroll 0 0;
}
#taskbaroverflow{
	
	position: absolute;
	right: 0;
	bottom: 95px;
	min-width: 120px;
	background-color: white;
	display:none;
	border:2px solid #99a4aa;	
	border-radius:11px 11px 0 0;
}
#tboverflowleft{
	float:left;
	border-right:2px solid #D8DEE6;
}
#tboverflowright{
	float:left;
	
}
.overflowdimension1, .overflowdimension2{
	float:left;
}
.elementoverflowcaption{
	min-width:25px;
	padding-right:10px;
}
.overflowitem{
	border-bottom:2px solid #D8DEE6;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	margin-left:5px;
}
.overflowitem.last{
	border:0
}
#taskbaroverflowicon{
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	margin-left:10px;
}
#taskbaroverflowtitle{
	width:100%;
	background-color:#99a4aa;
	border-radius:9px 9px 0 0;
	height:20px;
	color:white;
	padding-left:5px;
	margin-bottom:5px;
}
#taskbaroverflowclose{
	color:white;
	float:right;
	width:40px;
	text-align:center;
	cursor:pointer;
}
.fr.mb{
	margin-bottom:5px;
}
.elementoptionmenubutton{
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 37px;
    width: 23px;
    margin: 2px;
}
#undooptionsmenu{
	position:absolute;
	right:120px;
	bottom: 85px;
	min-width:120px;
	display:none;
	background-color:white;
	max-height:400px;
	overflow-y:scroll;
}
.undooption{
	height:25px;
	line-height: 25px;
	padding: 0 10px;
	border-bottom: 2px solid #D8DEE6;
	cursor:pointer;
	font-size: 12px;
	/*background: rgba(0, 0, 0, 0) linear-gradient(#ffffff,#eef6fd) repeat scroll 0 0;*/
}
#elementoptionmenudelete{
	background-image: url("/gfx/trash.svg");
	width: 18px;
}
#elementoptionmenuup{
	background-image: url("/gfx/ar-up.svg");
}
#elementoptionmenucrop{
	background-image: url("/gfx/crop.svg");
}
#elementoptionmenudown{
	background-image: url("/gfx/onderaan.svg");
}
#elementoptionmenutotop{
	background-image: url("/gfx/bovenaan.svg");
}
#elementoptionmenutobottom{
	background-image: url("/gfx/ar-down.svg");
}
#elementoptionmenualign{
	background-image: url("/gfx/uitlijnen.svg");
}
#elementoptionmenuduplicate{
	background-image: url("/gfx/dupli.svg");
}
#elementoptionmenuresetratio{
	background-image: url("/gfx/restore.svg");
}
#elementoptionmenuadminoptions{
	background-image: url("/gfx/admin.png");
}
#elementoptionmenuundo{
	background-image: url("/gfx/undo.svg");
}
#elementoptionmenudtp{
	background-color: #a0b1c0;
  -webkit-mask-image: url("/gfx/dtp.svg");
  mask-image: url("/gfx/dtp.svg");
  mask-size:20px 20px;
  mask-repeat:no-repeat;
  mask-position:center;
  -webkit-mask-size:20px 20px;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
}
#elementoptionmenunoprint{
	background-color: #a0b1c0;
  -webkit-mask-image: url("/gfx/noprint.svg");
  mask-image: url("/gfx/noprint.svg");
  mask-size:20px 20px;
  mask-repeat:no-repeat;
  mask-position:center;
  -webkit-mask-size:20px 20px;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
}
#elementoptionmenuzindex{
	background-color: #a0b1c0;
  -webkit-mask-image: url("/gfx/zindex.svg");
  mask-image: url("/gfx/zindex.svg");
  mask-size:20px 20px;
  mask-repeat:no-repeat;
  mask-position:center;
  -webkit-mask-size:20px 20px;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
}

#backgroundcolorpicker{
	border: 2px solid #A0B1C0;
	width: 12px;
	height: 15px;
	margin-top: 10px;
	margin-left: 2px;
	border-radius: 4px;
}
.menuitemtext{
  color: #808080;
  font-size: 12px;
  font-weight: bold;
  display: table-cell;
  display: -moz-box;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 12px;
}
#fontfilters{
	margin-top: -29px;
    margin-left: -10px;
    margin-bottom: 15px;
    float: left; 
    width: 103%;
    border-radius: 9px;
}
#fontfilters h1{
	margin-top:0;
	padding-left:10px;
	background-color:rgba(212,100,0,1);
	color:white;
	
}
#fontsectie{
    float: left;
    height: 100%;
    overflow: scroll;
    width: 100%;
}
#v3fontlist li{
    background-color: #fff;
    border: 2px solid #6e6e6e;
    border-radius: 9px;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 100px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 0;
    text-decoration: none;
    width: 29%;
    z-index: 3;
}
#v3fontlist li:last-child {
	/*margin-bottom: 100px;*/
}
#v3fontlist li .fontname{
	background-color: #6e6e6e;
    color: #fff;
    height: 25px;
    line-height: 25px;
    /*border-radius: 0 0 9px 9px;*/
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 19px;
    text-align: center;
    /* border-top: 3px solid #ebebeb; */
}
#v3fontlist li img{
    /*background-color: #ebebeb;*/
    /*border: 1px solid #ebebeb;*/
    border-radius: 5px;
    margin-left: 20px;
    margin-top: 10px;
    padding: 10px;
    width: 270px;	
}
#v3fontlist li.v3selectedfont{
	border: 2px solid #fd7b1a;
}
#v3fontlist .fontimage{
	height:25px;
}
#v3fontlist .fontdescription{
	margin-top:0px;
	padding-left: 6px;
	width: 28%;
    display: block;
    border: 1px solid #ddd;
    border-radius: 0 0 9px 9px;
    margin: 0 auto;
    font-family: sans-serif;
}
.fontdescription span {
	padding: 0 9px;
}
.fontdescription .bold {
	font-weight: bolder;
    text-shadow: 0px 1px 0px #000;
    color: #000;
}
.fontdescription .italic {
	font-style: italic;
}
.fontdescription .disable {
	color: #eaeaea;
}
#v3fontbig{
    background-color: white;
    border: 2px solid #6E6E6E;
    border-radius: 10px;
    left: 250px;
    min-width: 500px;
    position: absolute;
    top: 100px;
    display:none;
    /*padding-left:20px;*/
    padding-bottom:20px;
    box-shadow: 10px 10px 5px #888888;
}
#v3fontbig .displayname{
    color: #fff;
    margin-top: -20px;
    width: 84.5%;
    padding-left: 16%;
}
#v3fontbig .fontimage{
	padding: 20px 30px;
}
#v3fontbig input{
	margin-top:-25px;
	margin-right:20px;
}
#v3fontbig .font-info {
	margin: -10px 30px 10px 30px;
    background: #e5e5e5;
    font-style: italic;
    padding: 5px 10px;
    font-size: 13px;
}
#v3waitloop{
  background-image: url("/gfx/spinner2.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 64px auto;
  height: 250px;
  width: 100%;
}
#v3waitloopsmall{
  background-image: url("/gfx/spinner2.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 64px auto;
  height: 150px;
  width: 100%;
}
#working #hourglass{
  background-image: url("/gfx/spinner2.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px auto;
  height: 50px;
  width: 100%;
  margin-top:20px;
}
#working{
	display:none;
}
.center{
	text-align:center;
}
#v3waittext{
  color: grey;
  font-size: 14px;
  text-align: center;
}
.v3filterSection li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#fontfilters .v3filterSection li {
	display: inline-block;
	vertical-align: middle;
}
.v3filterSection li label {
	padding-left: 10px;
	cursor: pointer;
}
#v3libraryfilters li label:hover,
#v3libraryfilters li label.active	 {
	color: #fd7b1a;
}
.v3filterSection li>label>input[type=checkbox] { 
	display: none;
}
.v3filterSection {
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    line-height: 22px;
    font-weight: 200;
    color: #7A7878;
    margin: -10px 0 0;
    padding: 0px;
}
.v3filterSection li .adminfunction::before{
	top:0;
}
#fontfilters .v3filterSection  {
	margin: 10px 40px 5px;
}
#v3fontlist {
	margin-top: 20px;
	padding-bottom: 100px;
	overflow: hidden;
}
.v3filterSection label[for="filtercat1"],
.v3filterSection label[for="filtercat2"],
.v3filterSection label[for="filtercat3"],
.v3filterSection label[for="filtercat4"]  {
	background-position: 30px 6px;
  	background-repeat: no-repeat;
  	color: transparent;
}
.v3filterSection label[for="filtercat1"],
.v3filterSection label[for="filtercat2"],
.v3filterSection label[for="filtercat3"],
.v3filterSection label[for="filtercat4"] {
	width: 65px;
	height: 28px;
}
.v3filterSection label[for="filtercat1"] {
	background-image: url(/gfx/schreef.svg);
}
.v3filterSection label[for="filtercat2"] {
	background-image: url(/gfx/schreefloos.svg);
	width: 90px;
}
.v3filterSection label[for="filtercat3"] {
	background-image: url(/gfx/schrift.svg);
}
.v3filterSection label[for="filtercat4"] {
	background-image: url(/gfx/fantasie.svg);
	width: 100px;
}
#fontfilters .v3filterSection label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-bottom: 10px;
}
#fontfilters .v3filterSection label:before {
    content:"";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 0px;
    box-shadow: inset 0px 0px 1px 1px #6e6e6e;
    border-radius: 0px;
}
#fontfilters .v3filterSection input[type=checkbox] {
    display: none;
}
#fontfilters .v3filterSection input[type=checkbox]:checked + label:before {
    content:"\2713";
    font-size: 15px;
    color: #6e6e6e;
    text-align: center;
    line-height: 15px;
}
#v3searchfonts {
    background: #fcfcfc url("/gfx/search-gray.svg") no-repeat scroll 10px 6px;
    border: 1px solid #d1d1d1;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    color: #bebebe;
    font-size: 11px;
    font-style: italic;
    padding: 6px 15px 6px 35px;
    width: 110px;
}
.v3filterheader{
    height: 32px;
    padding-left: 25px;
    padding-top: 7px;	
    font-size: 14px;
    font-weight:700;
}
#v3filterheader1{
	background-color: #face99;
}
.v3libheader{
    height: 32px;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 15px;
    padding-top: 7px;
    font-size: 15px;
    font-weight: 900;
    /*background-color: #EF7100;*/
    color: #6e6e6e;
    border-radius: 9px 9px 0 0;
}
.v3nopointer{
	cursor:auto;
}
.v3propbutton{
    border-radius: 10px;
    float: left;
    height: 42px;
    margin-left: 8px;
    width: 41px;
    cursor: pointer;
}
.v3propbutton.narrow {
	width:28px;
	height: 28px;
	margin-top: 8px;
	margin-right: 2px;
}
#v3propbuttonup,
#v3propbuttontop,
#v3propbuttonbottom,
#v3propbuttondown,
#v3propbuttondelete {
	background-repeat:no-repeat;
	background-position: center center;
	width:100%;
	height:100%;
}
   
#v3propbuttonup{
	background-image:url('/gfx/arrow-up-orange.svg');
	background-position: center 7px;
}
#v3propbuttontop{
	background-image:url('/gfx/arrow-top-orange.svg');
}
#v3propbuttonbottom{
	background-image:url('/gfx/arrow-bottom-orange.svg');
}
#v3propbuttondown{
	background-image:url('/gfx/arrow-down-orange.svg');
}
#v3propbuttondelete{
	background-image:url('/gfx/trash-orange.svg');
	width:28px;
	height: 28px;
	margin-top: 8px;
	background-size: 20px;
}
.v3inputAlert{
	border:1px solid red;
}
.v3alertmsg{
	color:red;
	font-size:12px;
	margin-left:0px;
	clear:both;
	display:none;
}
.v3passwordForgotten {
	float: right;
	padding-right: 20px;
	color: #009cef;
	cursor: pointer;
}
#v3mainmodule.mobile .v3passwordForgotten{
	color:#ff9a1a;
}
.palettepwforgotten{
	display:none;
}
#v3libraryfilters,#v3libraryseach{
    -webkit-box-shadow: 1px 1px 15px #BFBFBF;
    box-shadow: 1px 1px 15px #BFBFBF;
    border-radius: 9px;
    float: left;
    height: 80%;
    overflow: auto;
    width: 100%;
    float:left;
}
#v3libraryseach{
	height:10%;
	position:relative;
	margin-bottom:5px;
}
#v3librarysearchmobile{
	
}
.decorationleftmenu{
	float: left;
	width: 20%;
	height: 93%;
}
#v3libraryseach .btnsearch,#v3libraryseachmobile .btnsearch{
background: url(/gfx/search.svg) center center no-repeat !important;
background-size: auto;
background-size: 15px !important;
height: 22px;
width:35px;
position: absolute;
left:180px;
top: 20px;
border: none;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: medium;
border-left: 1px solid #d1d1d1;	
}
#v3libraryseachmobile .btnsearch{
	position:unset;
	height:36px;
	margin-left:-50px;
	
}
#v3librarysearchtext{
	margin-top:20px;
	margin-left:10px;
	border:1px solid #d1d1d1;
	border-radius:20px;
	width:190px;
	height:20px;
	padding-left:10px;
	outline:none;
}
#v3libraryseachmobile #v3librarysearchtext{
	margin-top:0;
	margin-left:10px;
	border:1px solid #d1d1d1;
	border-radius:20px;
	width:90%;
	height:30px;
	padding-left:10px;
	outline:none;
}
#libsearchresult{
	position: absolute;
	left: 20px;
	top: 15%;
	background-color: white;
	border: 1px solid #d1d1d1;
	height:auto;
	overflow-y:scroll;
	max-height:200px;
	width:190px;
	padding-left:10px;
	display:none;
}
#libsearchresult p{
	margin-top:10px;
	margin-bottom:5px
}
#searchresultlist .bold{
	color:#6e6e6e
}
#searchresultlist li{
	margin-top:5px;
	cursor:pointer;
}
#v3brandfilters{
    -webkit-box-shadow: 1px 1px 15px #BFBFBF;
    box-shadow: 1px 1px 15px #BFBFBF;
    border-radius: 9px;
    float: left;
    height: 95%;
    overflow: auto;
    width: 15%;
    float:left;
}#v3modelfilters{
    -webkit-box-shadow: 1px 1px 15px #BFBFBF;
    box-shadow: 1px 1px 15px #BFBFBF;
    border-radius: 9px;
    float: left;
    height: 95%;
    overflow: auto;
    width: 15%;
    float:left;
    margin-left:15px
}
#v3extrafilters{
    -webkit-box-shadow: 1px 1px 15px #BFBFBF;
    box-shadow: 1px 1px 15px #BFBFBF;
    border-radius: 9px;
    float: left;
    height: 95%;
    overflow: auto;
    width: 15%;
    float:left;
    margin-left:15px
}
.v3brandFilterSection {
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    line-height: 22px;
    font-weight: 200;
    color: #7A7878;
    margin: 0 0 -10px;
    padding: 0 0 0 10px;
}
#v3brandFilterSection{
	display:none;
}
.v3carbrand{
	font-weight:bold;
}
.v3carmodel{
	padding-left:20px;
	display:none;
}
#v3librarycontent{
	float:left;
	overflow:auto;
	width:80%;
	height:90%;
}
#designthumbs{
	overflow-y:scroll;
	width:95%;
	height:90%;
	margin: 20px auto 0 auto
}
.v3designthumb{
    border: 1px solid #6e6e6e;
    border-radius: 9px;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 22%;
    height: 280px;
    position: relative;
}
.v3designthumb td{
	padding-bottom:0;
}
.v3designthumbnumber{
	width:100%;
	text-align:center;
}
#v3openhider{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0.05;
	background-color:black;
	display:none;
}
#v3openconfirmationheader{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #99a4aa;
	color: white;
	height: 25px;
	padding-top: 5px;
	padding-left: 40px;
	background-image:url('/gfx/trash-white.svg');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:10px 8px;
	
}

#v3openconfirmation{
	position:absolute;
	width:40%;
	height:20%;
	top:40%;
	left:30%;
	background-color:white;
	border-radius:10px;
	display:none;
}
.v3libitemsmall{
    border: 1px solid #6e6e6e;
    border-radius: 9px;
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 18%;
    height: 130px;
    position: relative;
}
.v3fillitem{
	width:40%;
}
.v3libitemsmall.selected{
	background-color:#eeeeee;
}
.v3libitemsmallimg{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: contain;
}
.v3designthumbimg{
	width:100%;
	height:40%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: contain;
	margin-top:4%
}
.v3open{
	float:left;
	margin-left:5px;
}
.v3delete{
	float:right;
	margin-right:5px;
}
.v3libitemsmallname{
	  color: #fd7b1a;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    border-top:3px solid #ebebeb;
    text-align: center;
}
#v3libitembig{
    background-color: white;
    border: 2px solid #6e6e6e;
    border-radius: 10px;
    left: 350px;
    min-width: 450px;
    position: absolute;
    top: 40px;
    padding-left:20px;
    padding-bottom:20px;
    box-shadow: 10px 10px 5px #888888;
    display:none;
}
#libItemlargeImage{
	width:400px;
	height:400px;
	position:relative;
	left:10px;
	top:20px;
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom: 40px;

}
.v3libitembigright{
	min-width:200px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
#v3libitemsearchterms{
	width:250px;
	height:300px;
}
#shapepicker,#variableradius{
    background-color: white;
    border: 2px solid #6e6e6e;
    border-radius: 10px;
    left: 30%;
    width: 30%;
    height:65%;
    position: absolute;
    top: 40px;
    padding-left:20px;
    padding-bottom:20px;
    box-shadow: 10px 10px 5px #888888;
    overflow-y:auto;
    display:none;
}
#closeshapesticker,#closevariableradius{
	width: 30px;
	float: right;
	margin-top: 5px;
	margin-bottom: ;
	font-size: 16px;
	color: black;
	cursor:pointer;
}
#variableradiustable{
	margin:auto;
	margin-top: 10px;
	width: 200px;
	height: 150px;
	border: 2px solid #6e6e6e;
}
#vrcanvasdiv{
	width:200px;
	height:200px;
	margin:auto;
}
#vrcanvas{
	width:200px;
	height:200px;
}
#shapestickerheader{
	margin-bottom:10px;
}
.stickershape{
	float:left;
	width:100px;
	height:100px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 70%;
}
.stickershape:hover{
	background-color:#e0e0e0;
}
#stickershapepreview{
	display:none;
}
.stickershape:hover{
	background-color:#ffffff;
}
#adminoverride{
  background-color: white;
  border: 2px solid #6e6e6e;
  border-radius: 10px;
  left: 350px;
  width: 450px;
  height:150px;
  position: absolute;
  top: 350px;
  padding:20px;
  box-shadow: 10px 10px 5px #888888;
  display:none;
}
#v3mainmodule #palette {
	border: 2px solid #6e6e6e;
}
.v3libpic{
	display:none;
	max-width: 100%;
}
.v3hascolor{
	background-image:url('/gfx/colorpicker.png');
	background-repeat:no-repeat;
	background-position:right center;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 45%;

}
.v3searchcount{
	position: absolute;
	top: 0;
	left: 5%;
}
.v3url{
	width:250px;
}
#v3mainmodule.mobile .v3url{
	width:90%;
}
#v3uploadtarget, #v3uploadtargetbackground{
	border: 2px dashed #6E6E6E;
    border-radius: 9px;
    margin-top: 15px;
    padding-left: 40px;
    padding-top: 20px;
    height: 80px;
    background: #fefefe;
}
#v3uploadtargetfill{
	border: 2px dashed #6E6E6E;
	border-radius: 9px;
	margin-top: 15px;
	height: 80px;
	background:#fefefe;
	width: 80%;
	margin-left: 5%;
	padding:10px;
}
#v3uploadtarget .span, #v3uploadtargetfill .span{
    color: #a0a0a0;
    font-size: 16px;
    font-weight: bold;
	
}
#elementsectionUploadFilename .designpropvalue {
	max-width: 140px;
	overflow: auto;
}
#v3uploadtarget.hover,#v3uploadtargetfill.hover{
	background-color:#eeeeee;
}
#v3uploadmessages,#v3uploadmessagesfill{
	font-size:12px;
}
#v3uploadpgb,#v3uploadpgbfill{
	width:200px;
	display:none;
}
#v3fileselect,#v3fileselectfill{
	display:none;
}
#v3uploadpreview{
	width:300px;
	height:280px;
	margin-left: 30px;
	background-repeat:no-repeat;
	background-position:center center;	
}
#multipageupload{
	display:none;
}
#bitmapwarning, #pngwarning{
	margin-top:10px;
	margin-left:10px;
	width:70%;
}
#v3uploadpreviewstep1, #v3uploadpreviewstep2{
	width: 98%;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 100%;
	margin-top:10px;
}
#v3mainmodule.mobile #v3uploadpreviewstep2{
	height:200px;
}
#v3sizeinfo .v3name{
	float:left;
	width:150px;
}
#v3sizeinfo .v3price{
	float:left;
	width:100px;
}
#v3sizeinfo .v3size{
	float:left;
}
.v3imgid{
	margin-left:20px;
}
#v3checkdownload{
	color:#888888;
}
#v3modulePrice{
  color: #00af66;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-right: 20px;
  margin-top: 5px;
}
#v3numplakletters{
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	display:none;
}
#v3adminconsole{
  width: 100%;
  background-color:#ffffff;
  position:relative;
  overflow:hidden;
  margin-top:10px;
}
#v3adminconsolecontent {
	overflow: hidden;
	border: 3px solid #ebebeb;
	border-radius: 0px 0px 9px 9px;
	background: #f6f6f6;
	padding: 10px 0px 20px 0px;
	border-top: 0;
}
#v3adminconsolecaption{
	background-color: #6e6e6e;
    height: 40px;
    border-radius: 9px 9px 0px 0px;
}
.v3adminconsolecaption{
	font-weight: normal;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    padding-left: 20px;
}
.admindescription{
    color: #6e6e6e;
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    width: 40%;
    padding: 10px 0px;
}

.v3adminbutton, .v3addbutton, .v3textbutton , .v3textbutton, .v3foilbutton{
    color: white;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    text-shadow: none;
    padding: 5px 25px;
    text-align: center;
    border-radius: 25px;
}
.v3adminbutton:hover, .v3addbutton:hover, .v3textbutton:hover , .v3textbutton:hover {
	background: #D46400;
}
.v3toolboxbutton:hover, #v3fullscreenbutton:hover, #v3btnpriceoptions:hover, .v3buttontab:hover, #v3btnResetLettering:hover, #v3btnletteringproperties:hover, .v3leftbarbutton:hover, .mnueffect:hover,.mnueffectstyle:hover {
	background-color:#f4f4f4;
}
.v3adminbutton {
	width: 17%;
}
.v3adminsection{
	/*border-top: 2px solid #dddddd;*/
	padding-top:5px;
	padding-bottom:5px;
	
}
#v3btnAH{
	bottom:15%;
}
#v3btnNoAH{
	background-color:white;
	color:#ff9a1a;
	border: 1px solid #ff9a1a;
}
.elementwizexplanation{
	max-width:90%;
	margin-top: 5px;
	padding-left: 15px;
    padding-right: 20px;
}
.elementwizexplanation.palettename{
	display:none;	
}
.elementwizexplanation.black{
	color:black;
}
#uploadstep1left{
	width:49%;
	border-right:1px solid #99a4aa;
	float: left;
	font-size:13px
	margin-top:10px;
}
#uploadstep1right{
	width:49%;
	float:left;
	height:80%;
	margin-top:10px;
}
#uploadstep2left{
	float:left;
	width:79%;
	height:80%;
	display:none;
	margin-top:10px;
}
#uploadstep2right{
	float:left;
	width:19%;
	font-size:13px;
	height:80%;
	display:none;
	margin-top:10px;
}
#uploadstep2clearing{
	width:100%;
	margin-top:10px;
	margin-bottom:100px;
}
#btnsubtitleright{
	position: absolute;
	bottom: 3%;
	right: 6%;
	display:none
}
#btnsuperscriptright{
	position: absolute;
	bottom: 12%;
	right: 4%;
	width:220px;
	display:none;
	
}
#btnstep1{
	position:absolute;
	left:6%;
	bottom:5%;
}
#closeblocker{
	position: absolute;
	top: 1%;
	right: 2%;
	width: 30px;
	height: 20px;
	cursor:pointer
}
.elementwiztabs{
	width:100%;
}
.elementwiztab{
	float:left;
	width:49%;
	border:2px solid #99a4aa;
	border-radius: 5px 5px 0 0;
	text-align: center;
}
.elementwiztab.activetab{
	background-color:#99a4aa;
	color:white
}
.elementwiztab.disabledtab{
	color:#a0a0a0;
	border-color:#a0a0a0;
}
#v3imageholder{
	width:100%;
	height:100%;
}
#step2dimensions{
	height:70%;
}
#step3position{
	height:70%;
}
#step2dimensions #v3imageholder, #step3position #v3imageholder2{
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}
#v3crosshair1, #v3crosshair2{
	position:absolute;
	width:40px;
	height:40px;
	background-image:url("/gfx/crosshair.svg");
	background-repeat:no-repeat;
	background-size:100%;
	top:300px;
}
#v3mainmodule.mobile #v3crosshair1,#v3mainmodule.mobile #v3crosshair2{
	top:5px;
}
#v3crosshair1{
	right:15%;
}
#v3crosshair2{
	right:5%;
}
#v3mainmodule.mobile #v3crosshair1{
	right:unset;
	left:15%;
}
#v3mainmodule.mobile #v3crosshair2{
	right:15%;
}
#v3positioning{
	border:2px dashed #bbbbbb;
	width:200px;
	height:100px;
	position:absolute;
	cursor:move;
	top:300px;
	left:30#0px;
}
#v3distance{
	width:60px;
}
#v3mainmodule.mobile #v3distance{
	width:75%;
}
#supportid{
	color: rgba(212, 100, 0, 1);
	font-size:16px;
	font-weight:bold;
	margin-left:150px;
	margin-top:10px;
}
.v3supportrequest{
	border-bottom:1px solid #dddddd;
	clear:both;
}
.v3supportID{
	float:left;
	color: rgba(212, 100, 0, 1);
	font-size:14px;
	font-weight:bold;
	padding-left: 10px;
	padding-top:10px;
  width:10%;
}
.v3supportdt{
	width:30%;
	float:left;
	padding-top:10px;
}
#supportquestion{
	position:absolute;
	width:100%;
	height:80%;
	top:40px;
	left:0;
	background-color:white;
	display:none;
}
#closesupport{
	position:absolute;
	top:1%;
	right:2%;
	width:20px;
	height:35px;
	z-index:22;
	cursor:pointer;
}
.v3deletesupportbutton{
	float:left;
  background-image: url("/gfx/bin.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.v3supportdisabled{
	background-color:#dddddd;
}
#v3supportblocker{
	position:absolute;
	width:100%;
	height:100%;
	pointer-events:all;
	top:0;
	left:0;
	background-color:white;
	opacity:0.01;
	display:none;
}
#v3supportblocker2{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
}
.v3supportwarning{
	color: rgba(212, 100, 0, 1);
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
	float:left;
	display:none;
}
#v3mmblocker{
  background-color: #dddddd;
  color: white;
  font-size: 20px;
  font-weight: bold;
  height: 40px;
  left: 0;
  padding-left: 50px;
  padding-top: 10px;
  top: 0;
  width: 100%
}
#v3tbblocker{
  background-color: #dddddd;
  left: 0;
  position: absolute;
  top: 50px;
  width: 50px;
  height:550px;
}
#v3propblocker{
  background-color: #dddddd;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  height:100px;
}
#v3elblocker{
  background-color: #dddddd;
  right: 0;
  position: absolute;
  top: 50px;
  width: 40px;
  height:550px;
	
}
#supportupdatealert{
  background-color: #dddddd;
  color: white;
  font-size: 20px;
  font-weight: bold;
  height: 40px;
  padding-left: 50px;
  padding-top: 10px;
	background-image:url('/gfx/info-icon-orange.svg');
	background-size:40px;
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:50px;
	display:none;
}
#headersupportblocker{
	position:absolute;
	width:100%;
	height:100%;
	background-color: #dddddd;
	opacity:0.5;
	display:none;
}
#priceoptions{
	position:absolute;
	width:360px;
	height:220px;
	top:60px;
	right:10px;
	border:2px solid #dddddd;
	background-color:white;
	pointer-events: all;
	display:none;
	border-radius: 9px 9px 0 0;
}
.priceoptioncaption{
	font-weight:bold;
  margin-left: 10px;
  margin-top: 15px;
  color: rgba(212, 100, 0, 1);
}
.priceoptionpriceline .priceoptionprice {
	width: 67px;
}
.priceoptionpriceline .priceoptionunitinfo {
	background-image:url('/gfx/info-icon-orange.svg');
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:15px;
	width:18px;
	height:30px;
	float:left;
}
.priceoptionnumber{
  float: left;
  margin-right: 10px;
  text-align: right;
  width: 58px;
  font-weight:bold;
  padding-top:15px;
  padding-left:10px;
}
.priceoptionunit{
	width:50px;
	float:left;
	font-weight:bold;
	padding-top:15px;
}
.priceoptionprice{
    float: left;
    text-align: right;
    width: 60px;
    padding-top:15px;
}
#v3btntoBasket{
	/*background-image:url("/gfx/basket2.png");
	background-repeat:no-repeat;
	background-position:8px center;
	padding-left:40px;
	padding-right:10px;*/
}
#v3btncontinuDesign{
	/*margin-left:40px;
	background-image:url("/gfx/pen2.png");
	background-repeat:no-repeat;
	background-position:8px center;
	padding-left:40px;
	padding-right:10px;*/
}
.v3element{
	overflow:hidden;
}
svg{
	preserveAspectRatio:none;
}
#cropimagecontainer{
    height: 80%;
    margin-left: 1%;
    width: 80%;
    float:left
}

#v3mainmodule.mobile #cropimagecontainer{
	width: 90%;
	height: 300px;
	float: unset;	
	margin-left:5%;
}


#removebackgroundcontainer1, #removebackgroundcontainer2, #removebackgroundcontainer3{
    height: 60%;
    margin-left: 1%;
    width: 45%;
    float:left;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
}
#removebackgroundcontainer1.small, #removebackgroundcontainer2.small, #removebackgroundcontainer3.small{
	width:35%
}
#v3mainmodule.mobile #removebackgroundcontainer1, #v3mainmodule.mobile #removebackgroundcontainer2, #v3mainmodule.mobile #removebackgroundcontainer3{
	width: 50%;
	height: 100px;
	margin: auto;
	float: unset;
}
#removebackgroundcontainer2,#removebackgroundcontainer3{
	float:right;
	margin-right:1%;
}
#removebackgroundcontainer3{
	display:none;	
}
#cartoonstyles{
	width:25%;
	height:60%;
	overflow-y:scroll;
	float:left;
}
.cartoonstyle{
	width:100%;
	height:80px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
.cartoonstyle.active{
	background-color:#ebebeb;
}
#v3mainmodule.mobile .cartoonstyle{
	display:inline-block;
	width:80px;
}
.cartoonstyletitle{
	text-align: center;
	line-height: 30px;
	border-top:1px solid #99a4aa;
	border-bottom:1px solid #99a4aa;
	margin-bottom: 5px;
	width:98%;
}
.cartoontitle{
	text-align:center;
	margin-bottom:5px;
}
#cropshapes{
	float:left;
	width:15%;
	height:80%;
	overflow:auto;
}
.v3cropshape{
	border: 1px solid #6e6e6e;
	border-radius: 9px;
	cursor: pointer;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 70%;
	height: 80px;
	position: relative;
}
#v3mainmodule.mobile .v3cropshape{
	width:40px;
	height:40px;
	display:inline-block;
	border-color:white;
	
}
.v3cropshape.selected{
	border: 2px solid #6e6e6e;
}
#v3mainmodule.mobile .v3cropshape.selected{
	border-color:#ff9a1a;
}
#v3cropshaperect{
	border: 2px dashed #bbbbbb;
	margin: 4px;
	height:80%;
}
#pickcolorcontainer{
    height: 80%;
    margin-left: 1%;
    width: 78%;
    float:left;
}
#pickercolortmpresult,#pickercolortmpresult2{
	width:30px;
	height:30px;
	float:left;
	margin-right:20px
}
#pickercolorclickresult,#pickercoloranalysisresult,#pickerspinner,#pickercoloranalysisresult2,#pickercolorclickresult2{
	width:30px;
	height:30px;
	float:left;
	margin-right:20px
}
#analysisresult2{
	padding-top:20px;
}
#rgbtext,#rgbtext2{
	margin-top:5px;
}
.slider {
  -webkit-appearance: none;
  width: 80%;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin-bottom:20px;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #6e6e6e;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #6e6e6e;
  cursor: pointer;
}
#pxslider2{
	transform:rotate(270deg);
	margin-top:45px;
	width:90px;
}
#colorname,#colorname2{
	width:120px;
}
#pickerspinner{
	background-image:url('/gfx/spinner2.gif');
	background-repeat:no-repeat;
	background-position:center;
	width:120px;
	height:100px;
	float:left;
	margin-right:20px
}
#pickerspinner2{
	background-image: url('/gfx/spinner2.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 20px;
	background-size: contain;
	margin-top: 10px;
	display:none;
}
#pickercolorresult{
	float:left;
	width:20%;
}
#magnifycanvas,#magnifycanvas2{
	border-radius:45px;
	margin-left:35px;
}
#magnifycanvas2{
	margin-left:0;
}
#pickertmpresult{
	width:161px;
}
#pickerresult{
	height: 30px;
	width: 160px;
	background-color:white;
}
#pickercoloraveraged{
	margin-top:5px;
}
#v3loginsection{
	position: absolute;
	top: 50px;
	background-color: white;
	left: 200px;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
	border-radius:9px
}
#cropimageimage{
	position:absolute;
}
#v3cropline,#v3maskline{
	border:2px dashed #bbbbbb;
	position:absolute;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
#v3cropwin,#v3maskwin{
	position:absolute;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
#libfillcontainer{
	float:left;
	width:30%;
	height:90%;
	overflow-y:scroll;
}
#uploadfillcontainer{
	float:left;
	width:30%;
	height:50%;
	position:relative
}
#libfillcontainer .v3libitemsmall{
	width:45%;
}
#libfillexample{
	float:left;
	width:60%;
	height:100%;
	position:relative;
	top:2px;
	overflow:hidden;
}
#libfillbgcontainer{
	position:absolute;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:60%;
	height:50%;
	left:20%;
	top:25%;
}
#libfillcanvas{
	width:100%;
	height:100%;
}
#libfillmaskcontainer{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	opacity:0.85;
	pointer-events:none;
}
.hexwarning{
	background-color:#ffd0d0;
}
.elementalignmentbutton{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:16px auto;
	border-radius:5px;
	width:18px;
	height:18px;
	float:left;
	margin-right:2px;
}
#elementalignmentleft, #elementalignmentleft2{
	background-image:url('/gfx/text-left.svg');
}
#elementalignmentcenter, #elementalignmentcenter2{
	background-image:url('/gfx/text-center.svg');
}
#elementalignmentright, #elementalignmentright2{
	background-image:url('/gfx/text-right.svg');
}
#elementalignmentleft.alignmentselected, #elementalignmentleft2.alignmentselected{
	background-image:url('/gfx/align-left-orange.png');
}
#elementalignmentcenter.alignmentselected, #elementalignmentcenter2.alignmentselected{
	background-image:url('/gfx/align-center-orange.png');
}
#elementalignmentright.alignmentselected, #elementalignmentright2.alignmentselected{
	background-image:url('/gfx/align-right-orange.png');
}
#v3labelalignleft.alignmentselected,
#v3labelaligncenter.alignmentselected,
#v3labelalignright.alignmentselected {
}

#v3labelalignleft.alignmentselected,
#elementalignmentleft.alignmentselected, #elementalignmentleft2.alignmentselected{
	background-image:url('/gfx/text-left-orange.svg');
}
#v3labelaligncenter.alignmentselected,
#elementalignmentcenter.alignmentselected, #elementalignmentcenter2.alignmentselected{
	background-image:url('/gfx/text-center-orange.svg');
}
#v3labelalignright.alignmentselected,
#elementalignmentright.alignmentselected, #elementalignmentright2.alignmentselected{
	background-image:url('/gfx/text-right-orange.svg');
}
.numberfieldtbsmall{
	margin-top:0px !important;
	width:auto;
}
#propdesigndimensions .numberfieldtable.numberfieldtbsmall {
	float: none;
	overflow: hidden;
	display: inline-block;
}
.numberfieldsmall{
	width:35px;
}
#v3designPropertiesToggle {
		display: none;
		content: "";
	    position: absolute;
	    right: -41px;
	    top: -1px;
	    background-color: #EF7100;
	    background-image: url("/gfx/edit-white.svg");
	    background-size: 28px;
	    background-position: 9px center;
	    background-repeat: no-repeat;
	    height: 43px;
	    line-height: 39px;
    	width: 40px;
	    color: #fff;
	    border-radius: 0px 0px 9px 0px;
	    cursor: pointer;
}
.v3designPropertiesClose, .v3elementListClose {
	position: relative;
	cursor: pointer;
	background-image: none !important;
}
.v3designPropertiesClose:before, .v3elementListClose:before {
	content: 'X';
    font-size: 25px;
    color: #fff;
    position: absolute;
    right: 35%;
}
.v3elementListClose:before {
	right: 94%;
}
.cpfield.selected{
	border:1px solid #ef7100;
}
#v3toolboxbuttonsMobile, #v3designproperties.mobile {
	display: none;
}
.v3login {
	margin-left: 1px;
	padding-left: 20px;
    margin-bottom: 20px;
    border-radius: 9px;
    padding: 0px 10px 53px 10px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    position: relative;
    background: #ffffff;
}
.v3login.last {
	margin-left: 20px;
}

.wiz_column_caption_holder {
	margin-top: -10px;
    width: 100%;
    margin-left: -10px;
    margin-bottom: 20px;
    padding-right: 20px;
    background-color: #009cef;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
#v3mainmodule.mobile .wiz_column_caption_holder{
	background-color: #99a4aa;
	border-radius:0;
}
.v3login .wiz_column_caption{
	font-family: 'Open Sans', arial;
    background: url('/gfx/lock-white.svg') 10px 7px no-repeat;
    font-weight: normal;
    padding-left: 30px;
    font-size: 20px;
    line-height: 35px;
    height: 35px;
    color: #ffffff;
}
.v3login .wizcaption {
	width: 34%;
}
.v3login .wizcontent {
    width: 65%;
}

.v3login .wizcontent.registercontent.passwordcontent {
    width: 65%;
}
.v3login .wizcontent.registercontent.passwordcontent .password-strength-meter-module {
    width: 85%;
}
#wiz_subscribe_password,#wiz_new_password{
	width:80%;
}
#newstrongpassword{
	display:none;
	margin-bottom:80px;
}
.registercontent .info-icon{
	width: 10%;
	height: 20px;
	margin-top: -40px;
	position: relative;
	top: -20px;
}
.v3login .wizcontent input {
	width: 78%;
	height: 20px;
}
#v3mainmodule.mobile .v3login .wizcontent input {
	width:80%;	
}
#v3mainmodule.mobile .v3login .wizcontent{
 	width:100%;
}
.v3login #passwordexplained{
	display:none;
}
.wizcolumn_container.nomargin{
	margin-bottom:0;
}
#v3dialogmediumlarge #login-eye, #logincontainer #login-eye{
	cursor:pointer;
	width:20px;
	position: relative;
	left: -30px;
	top: 0px;
}

.valid-mail-meter-module, .password-strength-meter-module, .equal-password-meter-module{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  margin: 0 auto 10px;
  width: 82%;
  height: 0.5em;

  /* Applicable only to Firefox */
  background: none;
  background-color: rgba(0, 0, 0, 0.1);		
  position:relative;
  top:0;
}
/*
.password-strength-meter-module[value="1"]::-webkit-meter-optimum-value { background: red; }
.password-strength-meter-module[value="2"]::-webkit-meter-optimum-value { background: orangered; }
.password-strength-meter-module[value="3"]::-webkit-meter-optimum-value { background: orange; }
.password-strength-meter-module[value="4"]::-webkit-meter-optimum-value { background: gold; }
.password-strength-meter-module[value="5"]::-webkit-meter-optimum-value { background: green; }
*/
/* Gecko based browsers */
/*.password-strength-meter-module[value="1"]::-moz-meter-bar { background: red; }
.password-strength-meter-module[value="2"]::-moz-meter-bar { background: orangered; }
.password-strength-meter-module[value="3"]::-moz-meter-bar { background: orange; }
.password-strength-meter-module[value="4"]::-moz-meter-bar { background: gold; }
.password-strength-meter-module[value="5"]::-moz-meter-bar { background: green; }*/
.password-strength-meter-module[value="1"]::-webkit-meter-optimum-value { background: red; }
.password-strength-meter-module[value="2"]::-webkit-meter-optimum-value { background: orange; }
.password-strength-meter-module[value="3"]::-webkit-meter-optimum-value { background: glod; }
.password-strength-meter-module[value="4"]::-webkit-meter-optimum-value { background: green; }
.password-strength-meter-module[value="1"]::-moz-meter-bar { background: red; }
.password-strength-meter-module[value="2"]::-moz-meter-bar { background: orange; }
.password-strength-meter-module[value="3"]::-moz-meter-bar { background: gold; }
.password-strength-meter-module[value="4"]::-moz-meter-bar { background: green; }


.equal-password-meter-module[value="1"]::-webkit-meter-optimum-value { background: orangered; }
.equal-password-meter-module[value="2"]::-webkit-meter-optimum-value { background: gold; }
.equal-password-meter-module[value="3"]::-webkit-meter-optimum-value { background: greenyellow; }
.equal-password-meter-module[value="4"]::-webkit-meter-optimum-value { background: green; }
/* Gecko based browsers */
.equal-password-meter-module[value="1"]::-moz-meter-bar { background: orangered; }
.equal-password-meter-module[value="2"]::-moz-meter-bar { background: gold; }
.equal-password-meter-module[value="3"]::-moz-meter-bar { background: greenyellow; }
.equal-password-meter-module[value="4"]::-moz-meter-bar { background: green; }

.valid-mail-meter-module[value="1"]::-webkit-meter-optimum-value { background: green; }
.valid-mail-meter-module[value="1"]::-moz-meter-bar { background: green; }

.v3login .elementwizexplanation {
	padding-left: 0px;
}
.elementwizexplanationLogin {
	margin: 20px auto;
    padding: 0;
    width: 90%;
}

.v3designpropertyline{
	clear:both;
	margin-bottom:8px;
	min-height:28px;
}
.v3designpropertyline.narrow{
	margin-bottom:0;
}
.v3designpropertyline#errorsection1 {
	margin-bottom: 10px;
	margin-left: 150px;
	overflow: hidden;
}
.v3designpropertycell{
	float:left;
	width:150px;
}
.v3designpropertycell1{
	float:left;
	width:150px;
	padding-bottom: 5px;
}
.v3designpropertycell130{
	float:left;
	width:130px;
	padding-bottom: 5px;
}
.v3designpropertycell130.mainshape{
	display:none;
}
.v3designpropertycell1.full {
	width: 100%;
}
.v3designpropertycell1 {

}
.v3designpropertycell2{
	float:left;
	width:60px;
}
.v3designpropertycell3{
	float:left;
	width:400px;
}
.v3designpropertycell300{
	float:left;
	width:300px;
}
.v3designpropertycell200{
	float:left;
	width:200px;
}
.v3designpropertycell180{
	float:left;
	width:180px;
}
.v3designpropertycell100{
	float:left;
	width:100px;
}
.v3designpropertycell3.prijs{
	width: 212px;
}
.v3designpropertycell4{
	float:left;
	width:600px;
}
.v3designpropertycell4#deliverytip,.mobileline#deliverytip{
	font-style:italic;
	padding-left:25px;
	background-image:url('/gfx/tip-grey.svg');
	background-position:0 0;
	background-size: auto 20px;
	background-repeat:no-repeat;
}
.mobileline#deliverytip{
	padding-left:45px;
	background-position:20px 0;	
}
.v3designpropertycell4.fr,
.v3designpropertycell1.fr {
	float: right !important;
}
.v3designpropertycell1.fr .v3button {
 	margin-top: 0;
}
.v3designpropertyline .v3designpropertycell4 {
	width: auto;
}
.designpropertyoption{
	width:170px;
	display:inline-block;
}
.designpropertyoption100{
	width:100px;
	display:inline-block;
}
#bannerdefaultlist{
	border: 1px solid #6E6E6E;
	height: 28px;
	overflow: hidden;
	z-index: 9;
	position: absolute;
	background-color: white;
	width: 400px;
	background-image:url("/gfx/ar-half-down-small.svg");
	background-position:98% 6px;
	background-size:15px;
	background-repeat:no-repeat;
	cursor:pointer;
}

.bannerdefaultlistitem{
	font-size: 15px;
	border-bottom: 1px solid #D8DEE6;
	height: 30px;
	width: 95%;
}
.bannerdefaultlistitem:hover{
	background-color:#f4f4f4
}
.bannerdefaultpreview{
	float:left;
	width:20%;
	height:90%;
}
.bannerdefaultpreviewexample{
	background-color:#D8DEE6;
	position:relative;
}
.bannerdefaultname{
	float:left;
	width:35%;
	padding-top:3px;
	padding-left:3%;
}
.bannerdefaultwidth{
	float:left;
	width:30%;
	padding-top:3px;
}
.bannerdefaultheight{
	float:left;
	width:15%;
	padding-top:3px;
}
.v3italic{
	font-style:italic;
}
.v3smalltext{
	width:40px;
}
#designlocked{
	color: #ef7f1a;
	font-weight: bold;
	font-size:16px;
	display:none;
}
.adminmemo{
	width:100%;
	height:100px;
}
.v3firstextension{
	margin-top:10px;
}
#prijsbtw,
.font-big {
    color: #000 !important;
    font-size: medium;
    font-weight: bold;
}
#canvascontainer{
	float:right;
}
#btnresetvalues{
	margin-bottom: 20px;
	padding-top: 10px;
}
#v3mainmodule.mobile #btnresetvalues{
	background-color:#a0b1bf;
	color:white;
	line-height:20px;
	padding-bottom:8px;
}
#v3mainmodule.mobile #designproperties{
	font-size:12px;
}
#v3mainmodule.mobile #designproperties #stickereigenshappen{
	overflow-y:scroll;
	max-height:435px;
}
#v3mainmodule.mobile #designproperties .info-icon{
	vertical-align: middle;
	margin-top: -3px;
	padding-left: 10px;
	width: 22px;
	height: 22px;
	cursor: pointer;
}
#btnresetvalues .icon-refresh {
    font-size: 19px;
    padding-right: 10px;
    vertical-align: sub;
}	
#v3mainmodule.mobile #btnresetvalues .icon-refresh{
	margin-left:38%;
}
#v3mainmodule.mobile #libcontent{
	overflow-y:scroll;
	height:400px;	
}
#v3mainmodule.mobile .mobilefolder{
	float:left;
	width:24.5%;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:30px;
	background-image:url('/gfx/mobilefolder.svg');
	height:60px;
}
#v3mainmodule.mobile .mobilelibitem{
	float:left;
	width:19%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	height:60px;
	margin-top:5px;
	border:1px solid #ffffff;	
}
#v3mainmodule.mobile .mobilelibitem.selected{
	border-color:#ff9a1a;
}
#v3mainmodule.mobile .mobilelibmore{
	float:right;
	margin-right:5%;	
}
#v3mainmodule.mobile #backlink{
	display:none;
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 5% top;
	background-image: url('/gfx/backlink.svg');
	padding-left: 60px;
  
}
#v3mainmodule.mobile .mobilefolder .caption{
	margin-top:30px;	
	font-size:12px;
	text-align:center;
}
#foilpalette{
  background-color: white;
  border: 3px solid #6e6e6e;
  border-radius: 8px;
  height: 95%;
  position: absolute;
  width: 80%;
  z-index:9999;
  left:10%;
  top:0;
  display:none;
}
.v3foilgroup{
	width:100%;
	margin-top:10px;
	clear:both;
}
.v3foilgrouptitle{
	width:100%;
	background-color:#6e6e6e;
	color:white;
	padding: 2px 0px 2px 2px;
}
.v3foilfield{
  float: left;
  height: 26px;
  margin-left: 10px;
  margin-top: 8px;
  width: 60px;
}
.v3foilfield.selected{
	border:1px dashed #6e6e6e;
	height:24px
}
.v3foilswatch{
	height:15px;
	width:100%;
}
.v3foilname{
	width:100%;
	text-align:center;
	line-height: 8px;
    padding-top: 2px;
	font-size:9px;
}
#v3foildescription{
	position:absolute;
	width:80%;
	height:80%;
	background-color:white;
	top:10%;
	left:10%;
  border: 3px solid #6e6e6e;
  border-radius: 8px;
  display:none;
}
.v3foildetaildescription{
	width:25%;
	float:left;
}
.v3foildetailcontent{
	float:left;
	width:69%;
}
.v3foildetailcontent.narrow{
	width:59%;
}
.v3foildetailline{
	margin-top:10px;
}
.v3showcutting{
	opacity:0.4;
	position:absolute;
}
#v3colopickerupload{
	position:absolute;
	bottom:7%;
	left:60%;
	display:none
}
#v3foildetails {
	padding: 0 10px;
}
.v3foilpalettecolumn{
	width:50%;
}
.v3foilpalettecolumn-inner{
	padding:10px 20px;
}
.v3foilpalettecolumn1 h3{
	font-size: 12px;
	color: #6e6e6e;
	display: inline-block;
	width: 32.8%;
	font-weight: normal;

}
.v3foilpalettecolumn2 h3 {
	font-size: 12px;
	color: #6e6e6e;
	display: inline-block;
	width: 49.8%;
	font-weight: normal;
	
}
.v3foilpalettecolumn2 #colorcode {
	float:right;
}
.v3foilcolumnpalette{
	float:left;
	margin-top:12px;
	font-size:12px;
}
.v3foilcolumnpalette.first{
	margin-top:10px;
}
.v3foil-title{
	border-bottom:5px solid #eaeaea;
	color:black;
}
.foilpalettetitle{
	font-size:16px;
	font-weight:bold
}
.foildescriptionimage{
	width: 100px;
	height: 100px;
	position: absolute;
	right: 10px;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.foildescriptionimage:hover{
	width: 400px;
	height: 400px;
}
.elementalignleft{
	background:url("/gfx/elementalignleft.png");
}
.elementalignright{
	background:url("/gfx/elementalignright.png");
}
.elementaligncv{
	background:url("/gfx/elementaligncentervertical.png");
}
.elementaligntop{
	background:url("/gfx/elementaligntop.png");
}
.elementalignbottom{
	background:url("/gfx/elementalignbottom.png");
}
.elementalignch{
	background:url("/gfx/elementaligncenterhorizontal.png");
}
.designalignleft{
	background:url("/gfx/designalignleft.png");
}
.designalignright{
	background:url("/gfx/designalignright.png");
}
.designaligntop{
	background:url("/gfx/designaligntop.png");
}
.designalignbottom{
	background:url("/gfx/designalignbottom.png");
}
.designaligncv{
	background:url("/gfx/designaligncv.png");
}
.designalignch{
	background:url("/gfx/designalignch.png");
}
.elementwizalignmenticon{
	width:25px;
	background-repeat:no-repeat;
	height:25px;
	float:left;
	background-position:center;
	
}
.alignmentoption{
	margin-bottom:10px;
}
#alignclick{
	position:absolute;
	left:60px;
	top:60px;
	font-weight:bold;
	display:none;
	background-color:#00af66;
	color:white;
	//opacity:0.6;
	width:200px;
	padding:10px;
	border-radius:10px;
	pointer-events:all

}
#alignclick::before{
	border:10px solid transparent;
	border-top:10px solid #00af66;
	position:absolute;
	content:"";
	width:0px;
	height:0px;
	bottom:-20px;
	left:90px;
}
.extrainfo-icon,
.extrainfo-icon1 {
	width: 22px;
	height: 22px;
}
.extrainfo {
	border: 1px solid #ddd;
    font-style: italic;
    padding: 5px;
}
.materialname {
	position: relative;
	padding-right: 0;
}
.extrainfo-icon {
	position: absolute;
	right: -15px;
	top: 1px;
}
.extrainfo-icon1 {
	padding-left: 5px;
}
.v3startupcall{
	position:absolute;
	z-index:20000;
	pointer-events:none;
	display:none;
}
#v3calloutanchor{
	position:absolute;
	width:1px;
	height:1px;
	background-color:red;
	left:200px;
	top:200px;
	opacity:0.01;
	pointer-events:none;
}

.caricon{
	width: 190px;
	height: 200px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 1px 1px 15px #BFBFBF;
	border-radius: 9px;
	margin-left: 20px;
	margin-top: 20px;
	background-size: 150px;
}

.caricon2{
	width: 210px;
	height: 210px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 1px 1px 15px #BFBFBF;
	border-radius: 9px;
	margin-left: 20px;
	margin-top: 20px;
	background-size: auto;
}
#v3caraspects{
	position:absolute;
	width: 800px;
	height: 550px;
	top: 60px;
	left: 180px;
	display:none;
	background-color:white;
	border: 1px solid #6e6e6e;
	border-radius: 9px;
}
#v3carhover .title{
	margin-left:5px;
}
#v3carhover .value{
	font-weight:bold;
	margin-left:5px;
}
#v3carhover{
	display:none;
}
#v3modelheader{
	font-weight: bold;
	font-size: 15px;
	padding-left: 20px;
	position: relative;
left: 20px;	
}
#colorcontainer{
	margin-left:55px;
	margin-top:10px;
	display:none;
}
#chassiscolorpicker{
	margin-left:20px;
}
#howitworks{
	max-width: 80%;
	left: 3%;
	width: 700px;
	background-size: contain;
	height: 500px;
	box-shadow: none;
	font-size: 20px;
	top: 50px;
}
.errorbox .extrainfo-icon1,
.closeZoomoptions,
#mobileElementToggle,
.closeElementoptions,
.mobile-separator {
	display: none;
}
/************* Foilpage ***********/
.v3product-image #v3article_imageviewer #v3foilcolorswatchbig {
	width: 200px;
	height:200px;
	border-radius:100px;
  margin: 0 auto;
  display: block;
  margin-top:20px

}
.v3foildescription{
	margin-top:10px;
	margin-bottom:10px;
}
.v3foilcolumn{
	float:left;
	margin-bottom:25px;
}
.v3foilcolumn1{
	width:30%;
}
.v3foilcolumn2{
	width:69%;
}
.v3foilcolumn.title{
	font-weight:bold;
	font-size:20px;
	color:#000000
}
.v3product-title .bold, .v3foilformcaption .bold, #v3foiltotalprice.bold{
	font-weight:bold;
	color:#000000;
	text-align:left;
	
}
.v3foilformcaption{
	width:40%;
	float:left;
	margin-bottom:10px;
}
.v3foilformvalue{
	width:59%;
	float:left;
	margin-bottom:10px;
}
.v3foilformcaption.black, .v3foilformvalue.black{
	color:#000000;
	font-weight:bold;
	margin-bottom:30px;
}
.black{
	color:#000000
}
.v3foilformtopmargin{
	margin-top:20px;
}
#v3foilpalette{
	width:100%;
	margin-top:20px;
}
.v3foilpalettecolumn1{
	width:50%;
	float:left;
}


.v3foiltab{
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px;
	border-radius:15px 15px 0 0;
	cursor:pointer;
}
.v3foiltabmobile{
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px;
	cursor: pointer;
	background-color: #EF7F1A;
	color: #ffffff;
	margin-top: 5px;
}
.v3foiltab.selected{
	background-color:#EF7F1A;
	color:#ffffff;
}
#v3foilgroupdescription{
	background-color: #EF7F1A;
	color: #ffffff;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 14px;
}
.v3foilswatch2{
	width: 36px;
	height: 36px;
	float: left;
	margin: 2px;
	border-radius: 18px;
	cursor:pointer;
}
.v3foilswatchselect{
	width: 42px;
	height: 42px;
	float: left;
	margin: 10px;
	border-radius: 21px;
}
.v3foilswatchselect.selected{
	border:1px solid #ef7100;
	width: 40px;
	height: 40px;
}
#v3foilpaletteinner{
	position:absolute;
	bottom:0;
	min-height:260px;
	width:100%;
}
.v3foilbutton{
	float:right;
	margin-top:-10px;
}
.v3foilbutton.grayed{
	background-color:#f2f2f2
}
#swatchname{
	position:absolute;
	bottom:0;
	left:10px;
}
.v3foilpalettecolumn2 #detailcontent{
	border-top:5px solid #eaeaea
	border-bottom:5px solid #eaeaea
}
v3foilpalettecolumn2 h2{
	font-size:14px;
	font-weight:bold;
}
.v3palettedescription{
	border-bottom:5px solid #eaeaea;
	padding:5px;	
	display:none;
}
.foilsection{
	display:none;
}
.v3foildetailheadernmobile{
	font-weight:bold;
	color:black;
}
.v3foildownarrow{
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 12px solid white;
	float: right;
	margin-top: 4px;
}
.v3foiluparrow{
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 12px solid white;
	float: right;
	margin-top: 4px;
}
#v3elementtype{
	height:32px;
	position: absolute;
	bottom:58px;
	pointer-events:all;
	width:100%;
}
#v3elementtypetitle{
	height:32px;
	background-color:#fff;
	color:#99a4aa;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: auto;
	width: max-content;
	padding: 7px 20px 0 20px;
	font-size: 16px;
	font-style: italic;	
}
#v3tabstrip{
	height:32px;
	position: absolute;
	bottom:57px;
	pointer-events:all;
	width:100%;
	border-bottom:1px solid #99a4aa;
}
#leftbuttonbar{
	position:absolute;
	left:0;
	top:52px;
	width:34px;
	pointer-events:all;
}
#v3mainmodule.mobile #leftbuttonbar{
	width:100%;
	top:unset;
	bottom:57px;
	background-color:white;
	height:55px;
	border-top:1px solid #a0b1bf
}
#v3mainmodule.mobile #texteditdiv{
	position:absolute;
	top:25px;
	left:25px;
	width:50%;
	height:50%;
	pointer-events:all;
	display:none;
	background-color:rgba(255,255,255,0.8);
}
#v3mainmodule.mobile #texteditdiv #texteditarea{
	width:100%;
	height:100%;	
	resize:none;
	background:transparent;
}
#v3mainmodule.mobile #v3mobileinfobar, #v3mainmodule.mobile .v3mobilesubmenu{
	height:55px;
	position:absolute;
	bottom:114px;
	background-color:white;
	width:100%;
	pointer-events:all;
	
}
#v3mainmodule.mobile #v3mobileinfobar{
	pointer-events:none;
	background:unset;
}
 #v3mainmodule.mobile .v3mobilesubmenu{
 	bottom:57px;
 	display:none;
}
.v3leftbarbutton{
	width:100%;
	height:34px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:20px;
	background-color:white;
	pointer-events:all;
	border: 1px solid #99a4aa;
	border-radius: 4px;
	margin-top: 2px;
	cursor:pointer;
}
#v3mainmodule.mobile .v3leftbarbutton{
	width:16.6%;
	border:none;
	height:100%;
	background-position:center 5px;
	min-width:72px;
	display:inline-block;
}
#v3mainmodule.mobile .v3leftbarbutton .leftbuttoncaption{
	margin-top:30px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	
	
}
#v3mainmodule.mobile .horscroll{
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width:none;
}
#v3mainmodule.mobile .v3mobileinfobutton{
	width: 35px;
	border: 1px solid #a0b1bf;
	height: 35px;
	background-position: center center;
	background-size: 20px;
	background-repeat: no-repeat;
	cursor:pointer;
	float: left;
	border-radius: 60px;
	margin-top: 10px;
	margin-left: 10px;
	background-color:white;
	pointer-events:all;
}
#v3mainmodule.mobile .v3mobileinfobutton.fr{
	float:right;
	margin-right:10px;
}
#v3mainmodule.mobile #mobileinfobutton{
	background-image:url('/gfx/info-gray.svg');
}
#v3mainmodule.mobile #mobileundobutton{
	background-image:url('/gfx/undo.svg');
}
#v3mainmodule.mobile #mobiletourbutton{
	background-image:url('/gfx/question-gr.svg');
}
#v3mainmodule.mobile .horscrollitems{
	transform:rotate(90deg);
	width:100%;
	height:100%;
	min-width:432px;
}
.leftbuttonplus{
	color:#ff9a1a;
	position:relative;
	top:-3px;
	font-weight:bold;
}
.leftbuttonquestion{
	color:#ff9a1a;
	position:relative;
	bottom:-3px;
	font-weight:bold;
}
#v3mainmodule.mobile .v3elementsection{
	float: unset;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center 5px;
	background-size:25px;
	padding:unset;
	border:none;
	height:100%;
	margin-left:5px;
	min-width:50px;
}
#v3mainmodule.mobile .v3elementsection .elementsectioncaption{
	margin-top:30px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
#v3mainmodule.mobile #propdesignfont{
	background-image:url('/gfx/fontproperties-black.svg');
	background-size:30px;
}
#v3mainmodule.mobile #propdesigncrop{
	background-image:url('/gfx/crop-black.svg');
}
#v3mainmodule.mobile #propdesignfont.active{
	background-image:url('/gfx/fontproperties-orange.svg');
}
#v3mainmodule.mobile #propdesignletterheight{
	background-image:url('/gfx/letterheight-black.svg');
	background-size:30px;
}
#v3mainmodule.mobile #propdesignletterheight.active{
	background-image:url('/gfx/letterheight-orange.svg');
}
#v3mainmodule.mobile #propdesignfill{
	background-image:url('/gfx/fill-black.svg');
	background-size:25px;
}
#v3mainmodule.mobile #propdesignfill.active{
	background-image:url('/gfx/fill-orange.svg');
}
#v3mainmodule.mobile #propdesignborder{
	background-image:url('/gfx/border-black.svg');
	background-size:25px;
}
#v3mainmodule.mobile #propdesignborder.active{
	background-image:url('/gfx/border-orange.svg');
}
#v3mainmodule.mobile #propdesignalignment{
	background-image:url('/gfx/text-left-black.svg');
	background-size:25px;
}
#v3mainmodule.mobile #propdesignalignment.active{
	background-image:url('/gfx/text-left-orange.svg');
}
#v3mainmodule.mobile #propdesigntextoncircle{
	background-image:url('/gfx/textoncircle.svg');
	background-size:50px;
}
#v3mainmodule.mobile #propdesigntextoncircle.active{
	background-image:url('/gfx/textoncircle-orange.svg');
}
#v3mainmodule.mobile #propdesigndimensions{
	background-image:url('/gfx/dimensions-black.svg');
}
#v3mainmodule.mobile #propdesigndimensions.active{
	background-image:url('/gfx/dimensions-orange.svg');
}
#v3mainmodule.mobile #propdesignposition{
	background-image:url('/gfx/position-black.svg');
}
#v3mainmodule.mobile #propdesignposition.active{
	background-image:url('/gfx/position-orange.svg');
}
#v3mainmodule.mobile #propdesigneffects{
	background-image:url('/gfx/effects-black.svg');
}
#v3mainmodule.mobile #propdesigneffects.active{
	background-image:url('/gfx/effects-orange.svg');
}
#v3mainmodule.mobile #propdesignoptions{
	background-image:url('/gfx/options-black.svg');
}
#v3mainmodule.mobile #propdesignoptions.active{
	background-image:url('/gfx/options-orange.svg');
}
#v3mainmodule.mobile #propdesignedit{
	background-image:url('/gfx/edit-black.svg');
}
#v3mainmodule.mobile #propdesignedit.active{
	background-image:url('/gfx/edit-orange.svg');
}
#v3mainmodule.mobile #propdesignmirror{
	background-image:url('/gfx/mirror-black.svg');
	background-size:30px;
	background-position:center 10px;
}
#v3mainmodule.mobile #propdesignmirror.active{
	background-image:url('/gfx/mirror1-orange.svg');
}
#v3mainmodule.mobile #propdesignrotate{
	background-image:url('/gfx/rotate-black.svg');
}
#v3mainmodule.mobile #propdesignrotate.active{
	background-image:url('/gfx/rotate-orange.svg');
}
#v3mainmodule.mobile #propdesignalign{
	background-image:url('/gfx/align-black.svg');
}
#v3mainmodule.mobile #propdesignalign.active{
	background-image:url('/gfx/align-orange.svg');
}
#v3mainmodule.mobile #optionduplicate{
	background-image:url('/gfx/dupli-black.svg');
	background-size:20px;
}
#v3mainmodule.mobile #optionratio{
	background-image:url('/gfx/restore-black.svg');
	background-size:20px;
}
#v3mainmodule.mobile #optiondelete{
	background-image:url('/gfx/trash-black.svg');
	background-size:20px;
}
#v3mainmodule.mobile #mirrorhorizontal{
	background-image:url('/gfx/mirror1-black.svg');
}
#v3mainmodule.mobile #mirrorvertical{
	background-image:url('/gfx/mirrorvertical-black.svg');
}
#v3mainmodule.mobile #stepforward{
	background-image:url('/gfx/arrow-up-black.svg');
	background-size:20px;
}
#v3mainmodule.mobile #stepbackward{
	background-image:url('/gfx/arrow-down-black.svg');
	background-size:20px;
}
#v3mainmodule.mobile #ontop{
	background-image:url('/gfx/arrow-top-black.svg');
}
#v3mainmodule.mobile #onbottom{
	background-image:url('/gfx/arrow-bottom-black.svg');
}
#v3mainmodule.mobile #propdesignorder{
	background-image:url('/gfx/order-black.svg');
	background-size:30px;
	background-position:center 10px;
}
#v3mainmodule.mobile #propdesignorder.active{
	background-image:url('/gfx/order-orange.svg');
}
.v3leftbarbutton#leftbartext{
	background-image:url('/gfx/text-orange.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbartext{
	background-image:url('/gfx/text.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbartext.active{
	background-image:url('/gfx/text-orange.svg');
}
.v3leftbarbutton#leftbarupload{
	background-image:url('/gfx/image-orange.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarupload{
	background-image:url('/gfx/image.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarupload.active{
	background-image:url('/gfx/image-orange.svg');
}
.v3leftbarbutton#leftbarlibrary{
	background-image:url('/gfx/deco-orange.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarlibrary{
	background-image:url('/gfx/deco.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarlibrary.active{
	background-image:url('/gfx/deco-orange.svg');
}
.v3leftbarbutton#leftbarbarcode{
	background-image:url('/gfx/barcode-orange.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarbarcode{
	background-image:url('/gfx/barcode-grey.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarbarcode.active{
	background-image:url('/gfx/barcode-orange.svg');
}
.v3leftbarbutton#leftbarstock{
	background-image:url('/gfx/image-stock-orange.svg');
}
.v3leftbarbutton#leftbarshape{
	background-image:url('/gfx/shape-orange.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarshape{
	background-image:url('/gfx/shape.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarshape.active{
	background-image:url('/gfx/shape-orange.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarbackground{
	background-image:url('/gfx/background.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarsurrounding{
	background-image:url('/gfx/surrounding-gray.svg');
}
#v3mainmodule.mobile .v3leftbarbutton#leftbarsurrounding.active{
	background-image:url('/gfx/surrounding-orange.svg');
}
#v3mainmodule.mobile .v3elementsection#surroundmove{
	background-image:url('/gfx/movedesign-black.svg');
	background-size:20px;
}
.v3leftbarbutton#leftbarpattern{
	background-image:url('/gfx/pattern-orange.svg');
	margin-top:6px;
}
#v3mainmodule.mobile .v3mobilesubsubmenu{
	min-height:55px;
	position:absolute;
	bottom:114px;
	background-color:white;
	width:100%;
	border-top:1px solid #a0b1bf;
	display:none;
	pointer-events:all;
}
.v3mobilesubsubmenu .leftcontainer{
	width:75%;
	float:left;
}
.v3mobilesubsubmenu .rightcontainer{
	width:14%;
	float:left;
}
.v3mobilesubsubmenu .mobileline, .mobilepop .mobileline, .mobilepop2 .mobileline, #leftbarlinesexplainedmobile .mobileline{
	width:95%;
	clear:both;
	margin-top:15px;
	padding-left:5%;
	height:23px;
}
.v3mobilesubsubmenu .mobileline.autoheight, .mobilepop .mobileline.autoheight, .mobilepop2 .mobileline.autoheight{
	height:unset;
	min-height:20px;
}
 .mobilepop .mobileline.nm{
 	margin-top:0
 }
.mobilepop .mobileline.lt{
  	border-top: 1px solid #a0b1bf;
  	padding-top:5px;
  	
}
.mobilepop .playmovie{
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url('/gfx/play-orange.svg');
	background-repeat: no-repeat;
	background-size: 20px 20px;	
}
.mobilepop .mobileline.head{
	font-weight:bold;
}
.v3mobilesubsubmenu .mobileline .slidecontainer,.mobilepop .mobileline .slidecontainer,.mobilepop2 .mobileline .slidecontainer{
	width:50%;
	float:left;
	margin-right:5%;
}
.v3mobilesubsubmenu .mobileline .slidecontainer .range, .mobilepop .range,.mobilepop2 .range{
	height:2px;
	background:#a0b1bf;
	opacity:1;
	margin-bottom:0;
	width:100%
	
}
.range::-moz-range-thumb {
	width:10px;
	height:10px;
	background:#ff9a1a;
	border-radius: 50%;
}

.range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 10px;
	height: 10px;
	border-radius: 50%; 
	background: #ff9a1a;
	cursor: pointer;
}
.v3mobilesubsubmenu .mobileline .textcontainer,.mobilepop .mobileline .textcontainer,.mobilepop2 .mobileline .textcontainer{
	float:left;
	width:15%;
}
.v3mobilesubsubmenu .mobileline .unit,.mobilepop .mobileline .unit,.mobilepop2 .mobileline .unit{
	float:left;
	color:black;
}
.v3mobilesubsubmenu .mobileline .caption,.mobilepop .mobileline .caption,.mobilepop2 .mobileline .caption, #leftbarlinesexplainedmobile .mobileline .caption{
	float:left;
	width:15%;
	font-size:12px;
}
#leftbarlinesexplainedmobile .graphcolumn{
	width:15%;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center center;
}
#captionoutermargin{
	background-image:url('/gfx/outermargin.svg');
}
#captioninnermargin{
	background-image:url('/gfx/innermargin.svg');
}
#captioncutline{
	background-image:url('/gfx/cutline.svg');
}
#linesexamples{
	height: 150px;
	overflow-y: scroll;	
}
.linesexample{
	width:100%;
	height:100px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
#textwrong{
	background-image:url('/gfx/stickerlines3_wrong.png');
}
#textright{
	background-image:url('/gfx/stickerlines3_right.png');
}
#backgroundwrong{
	background-image:url('/gfx/stickerlines4_wrong.png');
}
#backgroundright{
	background-image:url('/gfx/stickerlines4_right.png');
}
.v3mobilesubsubmenu .mobileline .caption.wide,.mobilepop .mobileline .caption.wide,.mobilepop2 .mobileline .caption.wide{
	float:left;
	width:30%;
	font-size:12px;
}
.v3mobilesubsubmenu #toplockborder{
	display: block;
	height: 18px;
	margin-top: 20px;
	margin-left: 10px;
}
.v3mobilesubsubmenu #bottomlockborder{
	margin-left: 10px;
	height:18px;
	
}
.v3mobilesubsubmenu .switch, .mobilepop .switch, .mobilepop2 .switch, #leftbarlinesexplainedmobile .switch{
	position: relative;
	display: inline-block;
	width: 46px;
	height: 20px;
	margin-bottom: 5px;	
}
.v3mobilesubsubmenu .slider::before, .mobilepop  .slider::before, .mobilepop2  .slider::before, #leftbarlinesexplainedmobile  .slider::before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius:50%;
}
.v3mobilesubsubmenu .switch input, .mobilepop .switch input , .mobilepop2 .switch input, #leftbarlinesexplainedmobile .switch input  {
	opacity: 0;
	width: 0;
	height: 0;
}
input:checked + .slider {
	background-color:black	
}
.v3mobilesubsubmenu .slider, .mobilepop .slider, .mobilepop2 .slider, #leftbarlinesexplainedmobile .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  height:20px;
  border-radius:50%;
  width:45px;
}
.v3mobilesubsubmenu .slider.round, .mobilepop .slider.round, .mobilepop2 .slider.round , #leftbarlinesexplainedmobile .slider.round {
  border-radius: 34px;
}
.v3mobilesubsubmenu #lockbutton{
	margin-left:10px;
}
.v3mobilesubsubmenu .handle{
	width:20px;
	height:20px;
	border:2px solid #ff9a1a
}
.v3mobilesubsubmenu #handlebutton{
	margin-top:10px;	
}
.v3mobilesubsubmenu .mobileline .textcontainer .mobiletext,.mobilepop .mobileline .textcontainer .mobiletext,.mobilepop2 .mobileline .textcontainer .mobiletext{
	width:75%;
}
.v3mobilesubsubmenu#submenufonts{
	padding-left:30px;
}
.v3mobilesubsubmenu .mobilefont {
	display:inline-block;
	height:20px;
	width:100px;
	background-repeat:no-repeat;
	background-size:90%;
	background-position:center center;
	margin-top:15px;
	border-right:1px solid #a0b1bf
}
.v3mobilesubsubmenu #fontweight {
	position:absolute;
	left:0;
	top:0;
	width:20px;	
	border-right:1px solid #a0b1bf;
	height:100%;
}
.v3mobilesubsubmenu #fontweightbold, .v3mobilesubsubmenu  #fontweightitalic{
	width:100%;
	height:50%;
	color:black;
	font-family: "Times New Roman", Times, serif;
	line-height:200%;
	text-align:center;
	font-size:16px;
}
.v3mobilesubsubmenu #fontweightbold.selected, .v3mobilesubsubmenu  #fontweightitalic.selected{
	background-color:#ff9a1a;
	
}
.v3mobilesubsubmenu #fontweightbold.unavailable, .v3mobilesubsubmenu  #fontweightitalic.unavailable{
	background-color:white;
	color:#a0b1bf;
}
.v3mobilesubsubmenu  #fontweightitalic{
	border-top:1px solid #a0b1bf;
}
.v3mobilesubsubmenu .alignmentbuttons{
	margin:auto;
	width:fit-content;
}
.v3mobilesubsubmenu .alignmentbutton{
	background-repeat:no-repeat;
	background-size:80%;
	background-position:center center;
}
.v3mobilesubsubmenu #alignmentleft{
	background-image: url('/gfx/text-left-black.svg');
}
.v3mobilesubsubmenu #alignmentleft.selected{
	background-image: url('/gfx/text-left-orange.svg');
}
.v3mobilesubsubmenu #alignmentcenter{
	background-image: url('/gfx/text-center-black.svg');
}
.v3mobilesubsubmenu #alignmentcenter.selected{
	background-image: url('/gfx/text-center-orange.svg');
}
.v3mobilesubsubmenu #alignmentright{
	background-image: url('/gfx/text-right-black.svg');
}
.v3mobilesubsubmenu #alignmentright.selected{
	background-image: url('/gfx/text-right-orange.svg');
}
#v3mainmodule.mobile .v3mobilesubsubmenu #barcodetypeqr{
	background-image: url('/gfx/Barcode-black.svg');
	background-size:20px;
}
#v3mainmodule.mobile .v3mobilesubsubmenu #barcodetypeean{
	background-image: url('/gfx/barcodeean.svg');
	background-position:center 15px;
}
#v3mainmodule.mobile .v3mobilesubsubmenu #barcodetype128{
	background-image: url('/gfx/barcode128.svg');
	background-position:center 15px;
}
#v3mainmodule.mobile .v3mobilesubsubmenu #shapetyperectangle{
	background-image: url('/gfx/rectangle-black.svg');
	background-position:center 5px;
	background-size:20px;
}
#v3mainmodule.mobile .v3mobilesubsubmenu #uploadsaved{
	background-image: url('/gfx/rectangle-black.svg');
	background-position:center 5px;
	background-size:20px;
}
#v3mainmodule.mobile .v3mobilesubsubmenu #shapetypeellipse{
	background-image: url('/gfx/ellipse-black.svg');
	background-position:center 5px;
	background-size:20px;
}
#v3mainmodule.mobile .v3mobilesubsubmenu #shapetypeline{
	background-image: url('/gfx/line-black.svg');
	background-position:center 15px;
	background-size:20px;
}
#v3mainmodule.mobile .v3mobilesubsubmenu #uploadsaved,#v3mainmodule.mobile .v3mobilesubsubmenu #uploadsession{
	background-image: url('/gfx/image-black.svg');
	background-position:center 5px;
	background-size:20px;
}
#v3mainmodule.mobile .v3mobilesubsubmenu #uploaddirect{
	background-image: url('/gfx/big-black-plus.svg');
	background-position:center 5px;
	background-size:20px;
}
.v3mobilesubsubmenu #effecttransparency{
	background-image: url('/gfx/effecttransparency.svg');
}
.v3mobilesubsubmenu #effectshadow{
	background-image: url('/gfx/effectshadow.png');
}
.v3mobilesubsubmenu #effect3d{
	background-image: url('/gfx/effect3d.svg');
}
.v3mobilesubsubmenu #effectneon{
	background-image: url('/gfx/effectneon.png');
}
.v3mobilesubsubmenu #effectbevel{
	background-image: url('/gfx/effectbevel.png');
}
.v3mobilesubsubmenu #effectfill{
	background-image: url('/gfx/effectfill.png');
}
.v3mobilesubsubmenu #effectmetal1{
	background-image: url('/gfx/effectmetal.png');
}
.v3mobilesubsubmenu #effectremovebackground1{
	background-image:url('/gfx/effectremovebackground.svg')
}
.v3mobilesubsubmenu #effectcartoonyourself1{
	background-image:url('/gfx/effectcartoonyourself.png')
}
.v3mobilesubsubmenu .fillbutton{
	display: inline-block;
	background-repeat:no-repeat;
	background-position:center 5px;
	background-size:25px;
}
.v3mobilesubsubmenu #filluniform.fillbutton,
.v3mobilesubsubmenu #fillsavedcolors.fillbutton,
.v3mobilesubsubmenu #fillnewcolor.fillbutton,
.mobileline #fillshadow,
.mobileline#designpropertiescolor
{
	background-image:url("/gfx/fill-black.svg")
}
.mobileline#designpropertiescolor{
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 25px;
}
.effectcolorpicker{
	background-image:url("/gfx/fill-black.svg");
	float:left;
	height:23px;
	width:25px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.mobilepop #outlineuniform.fillbutton, .mobilepop #outlinesavedcolors.fillbutton, .mobilepop #outlinenewcolor.fillbutton,
.mobilepop2 #outlineuniform.fillbutton, .mobilepop2 #outlinesavedcolors.fillbutton, .mobilepop2 #outlinenewcolor.fillbutton{
	background-image:url("/gfx/outline-black.svg")
}
.v3mobilesubsubmenu #filluniform.fillbutton.selected, .v3mobilesubsubmenu #fillsavedcolors.fillbutton.selected{
	background-image:url("/gfx/fill-orange.svg")
}
.v3mobilesubsubmenu #fillgradient.fillbutton{
	background-image:url("/gfx/gradient-black.png")
}
.v3mobilesubsubmenu #fillgradient.fillbutton.selected{
	background-image:url("/gfx/gradient-orange.png")
}
.v3mobilesubsubmenu #fillownimage.fillbutton, .v3mobilesubsubmenu #fillbackgrounds.fillbutton{
	background-image:url("/gfx/ownimage-black.svg")
}
.v3mobilesubsubmenu #fillownimage.fillbutton.selected, .v3mobilesubsubmenu #fillbackgrounds.fillbutton.selected{
	background-image:url("/gfx/ownimage-orange.svg")
}
.mobilepop, .mobilepop2{
	background-color:white;
	pointer-events:all;
	position:absolute;
	bottom:-700px;
	z-index:9999;
	width:100%;
}
.mobilepop2{
	z-index:9998;
}
.mobilepop .popuptitle, .mobilepop2 .popuptitle{
	color:#a0b1bf;
	text-align:center;
	font-size:14px;
	border-top:1px solid #a0b1bf;
	border-bottom:1px solid #a0b1bf;
	margin: 0;
	height: 30px;
	line-height: 30px;
	
}
#uniformdragger, #popupdragger, #designdragger{
	background-color:white;
	position:absolute;
	width:100%;
	top:327px;
	top:-60px;
	z-index:100000;
	pointer-events:all;
	height:20px;
	opacity:0.01;
}
.mobilepop .cpfield,.mobilepop2 .cpfield{
	margin-right:10px;
}
.mobilepop .high20, .mobilepop2 .high20{
	width:100%;
	height:20px;
	clear:both;
}
.mobilepop .fakedragger, .mobilepop2 .fakedragger{
	width: 50%;
	height: 6px;
	border-radius:3px;
	background-color: #a0b1bf;
	margin:auto;
	margin-top: 8px;
}
.mobilepop #okcancelheader, .mobilepop2 #okcancelheader, .v3mobilesubsubmenu #okcancelheader{
	width:100%;
	height:30px;
	border-top:1px solid #a0b1bf;
	border-bottom:1px solid #a0b1bf;
	text-align:center;
	color: #a0b1bf;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}
.mobilepop .cppersonal, .mobilepop2 .cppersonal{
	display:block;
	float:left;
}
.mobilepop .personalcolor, .mobilepop2 .personalcolor{
	clear:unset;
}
.mobilepop .palettesubtitle,.mobilepop2 .palettesubtitle{
	margin-top: 5px;
	border-top:1px solid #a0b1bf;
	border-bottom:1px solid #a0b1bf;
	font-size: 12px;
	line-height: 30px;
}
.mobilepop .cpswatch, .mobilepop .cpswatch{
	margin-top:1px;
}
.mobilepop #okcancelcancel, .mobilepop  #okcancelok,.mobilepop2 #okcancelcancel, .mobilepop2  #okcancelok{
	width:10%;
	height:100%;
}
.mobilepop #okcancelcancel, .v3mobilesubsubmenu #okcancelcancel,.mobilepop2 #okcancelcancel{
	float:left;
	border-right:1px solid #a0b1bf;
	width:10%;
	height:100%;
	font-size:18px;
}
.mobilepop #okcancelok,.mobilepop2 #okcancelok, .v3mobilesubsubmenu  #okcancelok{
	float:right;
	border-left:1px solid #a0b1bf;
	width:10%;
	height:100%;
	font-size:18px;
}
.mobilepop .mobileline .caption.mobilepop2 .mobileline .caption{
	float:left;
	width:30%;
	font-size:12px;
}
.mobilepop .mobileline .caption.narrow.mobilepop2 .mobileline .caption.narrow{
	width:20%;
}
.mobilepop .mobileline .halfline, .mobilepop2 .mobileline .halfline{
	float:left;
	width:30%;
}
.mobilepop .mobileline .wholeline,.mobilepop2 .mobileline .wholeline{
	float:left;
	width:50%;
}
.mobilepop #libfillexample,.mobilepop2 #libfillexample{
	height:200px;
}
#libfillexample .halfw, .mobilepop2 .halfw{
	float:left;
	width:49%;
	height:100%;
}
#libfillexample #textoutlineexample{
	font-size:100px;
	line-height:200px;
	text-align:center;
}
#libfillexample #rectangleoutlineexample{
	background-color:#ebebeb;
	width:50%;
	height:50%;
	margin:auto;
	margin-top:25%;
}
#libfillexample #curveexample{
	width:100%;
	height:100%;
}
.mobilepop .hw,.mobilepop2 .hw{
	width:49%;
}
.mobileline .curve-updown{
	height:80px;
	position:relative;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:60%;
}
.mobileline .curve-updown .bottomcaption{
	position:absolute;
	bottom:0;
	margin-left:40%;
}
.mobilepop2 #curvetotop{
	background-image:url('/gfx/curve-up.svg');
}
.mobilepop2 #curvetobottom{
 	background-image:url('/gfx/curve-down.svg');
}
.mobilepop #libfillbgcontainer, .mobilepop2 #libfillbgcontainer{
	width:80%;
	height:80%;
	top:10%;
	left:10%;
}
.mobilepop #libfillmaskcontainer, .mobilepop2 #libfillmaskcontainer{
	top:-50px;
	left:-25%;
	height:150%;
	width:150%;
}
.mobilepop input[type='radio'], .mobilepop2 input[type='radio'] {
    accent-color: #ff9d3b;
}
.mobilepop .v3libitemsmall, .mobilepop2 .v3libitemsmall{
	width:26%;
	height:90px;
}
.mobilepop #librarycontent, .mobilepop2 #librarycontent{
	width:90%;
	margin-left:5%;
}
.mobilepop #outlinecolorsample, .mobilepop2 #outlinecolorsample{
	width:10%;
	float:right;
	background-color:black;
	margin-right:10%;
}
.mobilepop .addtoaccount, .mobilepop2 .addtoaccount{
	background-image: url('/gfx/addtoaccount.svg');
	background-repeat: no-repeat;
	background-size: 30px;
	background-position:center;
	width: 30px;
	height: 30px;
	margin-top: 10px;
}
.mobilepop .pcgroup, .mobilepop2 .pcgroup{
	float:left;
	width:30%;
}
.mobilepop #addtoaccountexplained, .mobilepop2 #addtoaccountexplained{
	font-size: 9px;
	background-image: url('/gfx/addtoaccount_gray.svg');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position:10px center;
	padding-left: 35px;
	height: 30px;
	line-height: 30px;
}
.v3leftbarbutton#leftbarlinesexplained{
	margin-top: 20px;
	display:none;
	position: absolute;
	left: -406px;
	width: 440px;
	top: 50%;
	background-position: right center;
	height:auto;
	border:none;
	background-color:white;
	border:1px solid  #ff9d3b;
	border-left:none;
	border-radius:0 8px 8px 0;
}
#leftbarlinesexplainedmobile{
	position:absolute;
	bottom:180px;
	width:80%;
	background-color:white;
	left:-10%;
	border:1px solid  #99a4aa;
	border-radius:8px;	
	pointer-events:all;
	display:none;
}
.mobilepop .popupexplanation, .mobilepop2 .popupexplanation{
	font-size: 10px;
	color: black;
	padding-left: 10px;	
	margin-top:5px;
	margin-bottom:5px;
}
.mobilepop #rgbpreview, .mobilepop2 #rgbpreview{
	height:80px;
}
.mobilepop .big-orange-minus, .mobilepop2 .big-orange-minus{
	background-image:url('/gfx/big-orange-minus.svg');
	background-position:center center;
	background-size:100%;
	background-repeat:no-repeat;
	float:left;
	width:20px;
	height:20px;
	margin-right:10px;
}
.mobilepop .big-orange-plus, .mobilepop2 .big-orange-plus{
	background-image:url('/gfx/big-orange-plus.svg');
	background-position:center center;
	background-size:100%;
	background-repeat:no-repeat;
	float:left;
	width:20px;
	height:20px;
	margin-left:10px;
}
.mobilepop .colorcaption, .mobilepop .colorcaption{
	font-size:12px;
}
.mobilepop #addcontent, .mobilepop2 #addcontent{
	overflow:hidden;
}
.mobilepop #v3uploadtargetfill, .mobilepop2 #v3uploadtargetfill{
	border: 1px dashed #a0b1bf;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:40px;
	background-image:url('/gfx/big-orange-plus.svg');
	text-align: center;
}
.mobilepop .mobilebutton, .mobilepop2 .mobilebutton{
	font-size:11px;
	padding:5px 10px;
}
.mobilepop #mobileownuploadcaption, .mobilepop2 #mobileownuploadcaption{
	margin-top:60px;
}
.v3leftbarbutton#leftbarlinesexplained.vis{
}
.v3leftbarbutton#leftbarlinesexplained:hover{
background-color::white;	
}
#leftbarlinesbtn{
	background-image:url('/gfx/stickerlines.png');
	background-repeat:no-repeat;
	background-size: 34px;
	height: 90px;
	border-left:none;
	border-radius: 0 4px 4px 0;
	float:right;
	width:34px;
	background-color:white;
	background-position:center center;
	border-radius:8px;
}
#leftbarlinestext{
	float:left;
}
#leftbarlineslegend{
	float:left;
	width:30px;
	height:70px;
	background-image:url('/gfx/auxlines.png');
	background-repeat:no-repeat;
	background-size:contain;
	margin-top:5px;
	margin-right:4px;
}
.leftbarlinescutline{
	position:relative;
	top:19px;
	width:100%;
	height:4px;
}
#leftbarlinescutline2.leftbarlinescutline{
	top:64px;
	width:32px;
	left:2px;;
}
#v3panbuttons{
	position:absolute;
	left:0;
	bottom:100px;
	height:100px;
	width:100px;
	background-color:#D8DEE6;
	border-radius:50%;
	display:none;
}
.v3panbutton{
	width:26px;
	height:30px;
	position:absolute;
	background-size:contain;
	background-image:url('/gfx/triangle-white.svg');
	cursor:pointer;
	background-repeat:no-repeat;
	pointer-events:all;
}
#v3pantop{
	top:2px;
	left:37px;
	transform:rotate(270deg);
}
#v3panbottom{
	bottom:2px;
	left:37px;
	transform:rotate(90deg);
}
#v3panright{
	right:2px;
	top:37px;
}
#v3panleft{
	left:2px;
	top:37px;
	transform:rotate(180deg);
}
#v3pancenter{
	left:37px;
	top:37px;
	background-image:url('/gfx/centerbutton.svg');
}
#storingsmelding,#storingsmeldingfreesletters{
	position: absolute;
	top: 10%;
	left: 10%;
	font-size: 20px;
	font-weight: bold;
	color: red;
	display:none;
}
#v3waitbar{
	position: absolute;
	top: 54px;
	left: 40px;
	pointer-events: all;
	background-color: rgba(255,255,255,0.8);
	border: 2px solid #99a4aa;
	min-width: 25%;
	display:none;
	z-index:10000;
}
#v3mainmodule.mobile #v3waitbar{
	left:0;
	top:74px;
	width:100%;
	border-width:1px;
}
#v3waitbarElements{
	position: absolute;
	top: 54px;
	left: 40px;
	pointer-events: all;
	background-color: rgba(255,255,255,0.8);
	border: 2px solid #99a4aa;
	min-width: 25%;
	display:none;
	z-index:10000;
}
#v3waitbarElements #elementcounter{
	font-size:20px;
	font-weight:bold;
}
#v3waitbarElements p{
	margin-top:10px;
}
#v3waitbartext{
	float:left;
	margin-left:5px;
	margin-right:10px;
	text-align:left;
	color:#565f64;
}
#v3mainmodule.mobile #v3waitbartext{
	font-size:12px;
	line-height:24px;
}
#v3closewaitbar{
	float:right;
	padding:5px;
	cursor:pointer;
}
#v3waiticon{
	float:left;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-image:url('/gfx/spinner2.gif');
	background-size:contain;
	margin:5px;
}
#v3mainmodule.mobile #v3waiticon{
	width:20px;
	height:20px;
}
#v3waiticonElements{
	float:left;
	width:80px;
	height:80px;
	background-repeat:no-repeat;
	background-image:url('/gfx/waitelements.gif');
	background-size:contain;
	margin:5px;
}
#dropwelcome, #dropwait{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	display:none;
}
#dropwelcome #dropwelcomesmiley, #dropwait #dropwelcomesmiley{
	width: 40%;
	height: 40%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/gfx/happysmile.png');
	margin-top: 10%;
	width: 100%;
	background-position: center;
}
 #dropwait #dropwelcomesmiley{
 	background-image: url('/gfx/smilewait.png');
 }
#dropwelcome #dropwelcometext,#dropwait #dropwelcometext{
	font-size: 300%;
	color: #ff9a1a;
	width: 100%;
	position: absolute;
	top: 70%;
	text-align: center;
}
#v3tabstripdevider{
	display:none;
}
.v3buttontab{
	height: 100%;
	border: 1px solid #99a4aa;
	width: 42px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-position: center;
	background-size: 22px;
	background-repeat: no-repeat;
	background-color: white;
	position:relative;
	bottom:1px;
	cursor:pointer;
}
.v3hidebuttontab{
	height: 25px;
	border: 1px solid #99a4aa;
	width: 42px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-position: 10px 2px;
	background-size: 22px;
	background-repeat: no-repeat;
	background-color: white;
	position:relative;
	bottom:1px;
	padding-top:28px;
	text-align:center;
	float:left;
}
.v3elementtab{
	float: left;
}
.v3supporttab{
	float:right;
}
.v3buttontab.selected{
	border-bottom:1px solid #fff;
	margin-top:-3px;
	height:115%;
}
#v3tabtext,#v3hidetabtext{
	background-image:url('/gfx/text-orange.svg');
}
#v3tabupload,#v3hidetabupload{
	background-image:url('/gfx/image-orange.svg');
}
#v3tabsupport,#v3hidetabsupport{
	background-image:url('/gfx/maint-green.svg');
}
#v3tabspecifications,#v3hidetabspecifications{
	background-image:url('/gfx/check-green.svg');
}
#v3tabinstructions,#v3hidetabinstructions{
	background-image:url('/gfx/help-green.svg');
}
#v3tablibrary,#v3hidetablibrary{
	background-image:url('/gfx/deco-orange.svg');
}
#v3tabqr,#v3hidetabqr{
	background-image:url('/gfx/barcode-orange.svg');
}
#v3tabstock,#v3hidetabstock{
	background-image:url('/gfx/image-stock-orange.svg');
}
#v3tabshape,#v3hidetabshape{
	background-image:url('/gfx/shape-orange.svg');
}
#v3tabundo,#v3hidetabundo{
	background-image:url('/gfx/undo-orange.svg');
}
#v3tabalign,#v3hidetabalign{
	background-image:url('/gfx/align-orange.svg');
}
#v3tabbackgroundcolor,#v3hidetabbackgroundcolor{
	background-image:url('/gfx/bgcolor.svg');
}
#v3tabviewoptions,#v3hidetabviewoptions{
	background-image:url('/gfx/view-options-purple.svg');
}
#v3tabcar,#v3hidetabcar{
	background-image:url('/gfx/car-purple.svg');
}
#v3tabbanner,#v3hidetabbanner{
	background-image:url('/gfx/achtergrond.svg');
}
#seriesinput-table{
	border-collapse:collapse;
}
#seriesinput-table tr{
	border:1px solid #000000;
}
#seriesinput-table td{
	padding-top:8px;
}
.seriesinput-row:nth-child(even){
		background-color:#f2f2f2;
}
.si{
	border:1px solid #a0a0a0;
	width:300px;
}
.bi,.fi{
	border:1px solid #a0a0a0;
	width:100px;
	margin-left:5px;
}
.si.noborder, .fi.noborder, .bi.noborder{
	border:none;
	padding-left:2px;
}
.fi.noborder, .bi.noborder{
	margin-left:8px;
}
#seriesinput-table-container{
	max-height:500px;
	overflow-y:scroll;
	float:right;
	width:55%;
}
#seriesname{
	width:280px;
	margin-bottom:10px;
}
#deldiv{
	position:absolute;
	bottom:6%;
	left:50%;
}
.positionbutton{
	height: 15px;
	width: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	background-size: 20px 10px;
	border: 1px solid #a0b1bf;
	border-radius: 5px;
	margin-right: 3px;
}
.so{
	float:left;
	width:25%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:80% 80%;
}
.so:hover{
	background-color:#f4f4f4;
}
#positionfirst, #sofirst{
	background-image:url('/gfx/first.svg');
}
#positionshortest, #soshortest{
	background-image:url('/gfx/shortest.svg');
}#positionlongest, #solongest{
	background-image:url('/gfx/longest.svg');
}#positionlast, #solast{
	background-image:url('/gfx/last.svg');
}
#seriesinput-fill-options{
	float:left;
	width:40%;
}
#seriesimputmethod1, #seriesimputmethod2, #seriesimputmethod3, #seriesimputmethod4{
	display:none;
	margin-top:10px;
}
#v3pastevalues{
	width:380px;
	height:200px;
}
#v3pastecount{
	width:50px;
	height:200px;
}
#v3pasteprompt{
	margin-left:100px;
}
#seriespopupblocker{
	position:absolute;
	width:102%;
	height:102%;
	left:-10px;
	top:-20px;
	background-color:#000000;
	opacity:0.05;
	display:none;
}
.seriespopup{
	position:absolute;
	width:50%;
	height:30%;
	left:25%;
	top:30%;
	background-color:#ffffff;
	border-radius:10px;
	overflow:hidden;
	display:none;
}
.seriespopup-title{
	height:26px;
	width:100%;
	position:relative;
	background-color:#99a4aa;
	color:white;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:16px;
	padding-left:10px;
	padding-top:4px;
	margin-bottom:10px;
}
#uploadresultdiv{
	margin-top:50px;
	display:none;
}
#uploadresults{

}
.uploadtable{
	border-collapse:collapse;
	border:1px solid #99a4aa;
}
.uploadtable td{
	border:1px solid #99a4aa
}
#v3waitloopseries{
  background-image: url("/gfx/spinner2.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 64px auto;
  height: 150px;
  width: 100%;
}
.stickercount{
	text-align:right;
	margin-bottom:20px;
	padding-right:30px;
}
.seriesinput2{
	margin-top:20px;
}
.seriesinput2 td{
	vertical-align:top;
}
.afstandhouderimage{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100% ;
  height: 1px;
  width: 1px;
  display:none;
}
#ahimg{
  background-repeat: no-repeat;
  background-size: auto 100% ;
  height: 220px;
  width: 100%;
  margin-left:5px;
}
#ahtooltip{
	float:right;
	margin-right:50px;
	margin-top:20px;
	width:300px;
}
#ahprice{
	float:right;
	margin-right:50px;
	margin-top:20px;
	width:300px;
	font-weight:bold;
	color:black;
}
.v3npfirstcol{
	width:55%;
	float:left;
	padding-right:10px;
}
.v3npsecondcol{
	width:43%;
	float:left;
	padding-left:10px;
	border-left:1px solid #99a4aa
}
.npsize{
	float:left;
	width:30%;
	height:100px;
	position:relative;
}
.txsize{
	float:left;
	width:24%;
	height:140px;
	position:relative;
}
.npsizepreview, .txsizepreview{
	background-color:#cdd1d2;
	position:absolute;
	bottom:20px;
}
.txsizepreview{
	bottom:40px;	
}
.npsize.selected .npsizepreview,.txsize.selected .txsizepreview{
	border:2px solid #ff9a1a;
}
.npsizetext, .txcaptiontext{
	position:absolute;
	bottom:0;
}
.txsizetext{
	position:absolute;
	bottom:20px;
}
#designthumbs .nodesigns{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}
/*** Responsive Design *****/
@media screen and (max-width: 1200px) {
	#bgcolorcaption{
		width:15%;
	}
	#bgcolorsection{
		width:80%
	}
	.filloptionfiller{
		display:none;
	}
}
@media screen and (max-width: 1120px) {
	.v3npfirstcol{
		width:90%
	}
	.v3npsecondcol{
		width:90%;
		border-left:none;
	}
}
@media screen and (max-width: 1023px) {
	#swfcontent, #v3mainmodule, #contenthider {
		width: 100%;
	}
	#v3btnpriceoptions {
		text-indent: -99999px;
		background-position: center center;
	}
	.v3designsection {
		max-width: 100px;
		overflow: auto;
		word-break: break-word;
	}
}
@media screen and (max-width: 980px) {
	.v3designsection,
	.v3designsection#v3designmaterial {
		max-width: 90px;
	}
	#v3tour{
		width:60%;
	}
	#fontfilters,
	#v3dialogcontentlarge #elementwiz_title.v3screendiagonal-title {
		margin-top: 0;
	}
	##v3dialog{
		max-height: 70%;
		top: 3%;
		height: 100%;
		min-height: 70%;
		overflow-y: auto;
	}
	##v3dialog #v3dialogcontent{
		max-height:initial;
	}
}
@media screen and (max-width: 800px){
	#palettecontent{
		width:70%;
	}
}
@media screen and (max-width: 600px){
	#paletteoptions{
		width:95%;
		border:none;
		padding-top:0;
		padding-bottom:0;
		border-bottom:1px solid #99a4aa;
		height:auto;
	}
	#palettecontent{
		width:95%;
	}
	.paletteoption{
		margin-top: 0;
		padding-top: 2px;
		padding-bottom: 2px;		
	}
	#palettetitle{
		padding-left:30%;
		width:70.3%
	}
	#palette{
		height:95%;
	}
	#palette .half-width{
		width:48% !important;
	}
	#palette #savedaccount, #palette #saveddesign, #palette #addrgb, #palette #addcmyk{
		height:auto;
		width:90% !important;
	}
	#v3mainmodule #v3btnAddRGB, #v3mainmodule #v3btnAddCMYK{
		position:unset;
	}
	#addcontent, #savedcontent{
		overflow-y: scroll;
		height: 70%;
		scrollbar-width: none;
	}
	#gradientcontent, #librarycontent, #uploadcontent {
		width: 98%;
		position: relative;
		float: left;
		height: auto;
	}
	#librarycontent{
		height:250px;
	}
	#cornerdiv{
		float:left;
		width:98%;
	}
	#typediv{
		margin-top:0;
	}
	#palette .slider{
		margin-bottom:0;
	}
	#libfillexample{
		width:98%;
	}
	.cpswatch{
		margin-top:0;
	}
	#palette .personalcolorname{
		padding-top:0;
		
	}
	#palette .deletecolor{
		display:none;
	}
}

@media screen and (max-height: 750px){
 .v3foilswatchselect{
 		width:22px;
 		height:22px;
 	}
 	.v3foilswatch2{
 		width:20px;
 		height:20px;
 		margin:0;
 	}
 	#v3foilpaletteinner{
 		min-height:160px;
 	}
 	.v3foilswatchselect.selected{
 		width:20px;
 		height:20px;
 	}
}
@media screen and (max-height: 670px){
	.v3product-image #v3article_imageviewer #v3foilcolorswatchbig{
		width:100px;
		height:100px;
	}
	#v3foilproperties{
		overflow-y:scroll;
		max-height:260px;
	}
}
@media screen and (max-width: 768px) {
	#dropwelcome #dropwelcometext{
		font-size:150%;
	}
	#swfcontent, #v3mainmodule {
		width: 100%;
	}
	#v3mainmodule {
		padding-bottom: 60px;
	}
	#content_wrapper {
		padding: 0 !important;
	}
	/** Design Properties ***/
	.v3designsection {
		padding: 0 5px;
		max-width: 120px;
	}
	#v3btnpriceoptions {
		margin-right: 1px;
    	padding: 10px 4px 10px 34px;
    	margin-left: 5px;
    	margin-right: 5px;
	}
	#v3fullscreenbutton {
		margin-right: 2px;
	}
	#v3modulePrice {
		font-size: 13px;
	}
	/** Elementen **/
	#elementList{
		/*right: -768px;*/
	}
	#v3elementprops {
		//height: 200px;
	}
	#v3tabstrip{
		//bottom:90px;
		
	}
	/***  Toolbox ****/
	#v3dialog {
		width: 91%;
		left: 5%;
	}
	#v3dialogsmall {
		width: 50%;
	}
	#v3dialogcontentsmall #elementwiz_title {
    	width: 81.1%;
	}
	#priceoptions .priceoptioncaption {
    	/*width: 95.5%;*/
	}
	.v3libitemsmall {
		width: 21%;
	}
	.v3login .wizcaption {
		width: 40%;
	}
	.v3login .wizcontent {
	    width: 60%;
	}
	/* Admin console */
	.v3adminbutton {
    	width: 22%;
	}
	#materialproperties  {
		margin-top: 20px;
	}
	.v3designpropertyline {
		padding-top: 15px;
		font-size: 14px;
	}
	.v3designpropertyline#errorsection1 {
		margin-left: 0;
	}
	.v3designpropertycell {
		width: 100%;
	} 
	#v3propertyringsv .v3designpropertycell{
		display: none;
	}
	.extrainfo {
		width: 95%;
	}
	#shapepicker{
		width:50%;
		left:20%;
	}
	.v3designpropertycell.hidemobile{
		display:none;
	}
	#backslitoptions{
		margin-top:10px;
		margin-left:15px;
	}
}
@media screen and (max-width: 767px) {
	#contenthider {
		/*min-height: auto;*/
	}
	#v3mainmodule {
    	padding-bottom: 0px; 
	}
	.v3designsection {
    	max-width: 100%;
   	 	width: 100%;
   	 	height: auto;
   	 	border-right: none;
	}
	.designpropcaption, .designpropvalue {
		width: auto;
		display: inline-block;
		color: #6e6e6e;	
		font-weight: bold;
	}
	.designpropcaption, #designname {
		padding-left: 10px;
	}
	#v3designproperties.desktop, #v3elementprops.desktop {
		/*display: none;*/
	}
	 #v3prophider {
	 	/*display: none !important;*/
	 }
	.properties-title {
		background: #ef7100;
		padding: 0px 0 0 10px;
		color: #fff;
		height: 42px;
		line-height: 42px;
	}
	.properties-title h2 { 
		margin: 0;
	}
	#v3designproperties {
		background: none;
	}
	#v3designproperties.mobile {
		display: block;
		position: absolute;
		height: 1000px;
		top: 47px;
		left: -50%;
		width: 50%;
		border-radius: 0;
    	max-width: 100%;
		background: #eef6fd;
	    background: -webkit-linear-gradient(#fff, #eef6fd);
	    background: -o-linear-gradient(#fff, #eef6fd);
	    background: -moz-linear-gradient(#fff, #eef6fd);
	    background: linear-gradient(#fff, #eef6fd);
		color: #6e6e6e;	
		font-size: 15px;
		padding: 0;
		-webkit-transition: all 0.5s; 
    	transition: all 0.5s;
    	border: 1px solid;
    	border-left: none;

	}
	#v3elementprops #propelementicon {
		width: 100%;
    	background-position: 10px center;
    	margin-top: 0px;
	}
	#v3designproperties.toggleBox {
		left: 0%;
		height: 100%;
		min-height: 600px;
		overflow-y: scroll;
	}
	#v3designproperties.toggleBox #v3designPropertiesToggle {
		right: 0;
	}
	#v3toolbox {
		/*display: none;*/
		background: #fff;
		width: 100%;
		padding-bottom: 0;
	}
	#v3toolbox , #elementList {
		position: relative;
	}
	#helpButtons {
		width: 40px;
	    height: 40px;
	    margin-left: 5px;
	    margin-top: 5px;
	    border: 1px solid #ccc;
	    background-color: #EEF6FD;
	    border-radius: 10px;
	}
	#helpButtons p {
		padding-left: 0;
	    text-align: center;
	    line-height: 40px;
	}

	#elementsectionzindex,
	#elementList #elementsectionPosition, 
	#elementList #elementsectionSize, 
	#elementList #elementsectionColor, 
	#elementList #elementsectionLetterheight, 
	#elementList #elementsectionQrtext,
	#elementsectionUploadResolution,
	#elementsectionText,
	#elementsectionFont,
	#elementListTitle span,
	#v3btnResetLettering,
	#v3btnletteringproperties,
	#v3btnletteringpropertiesmobile
	#elementsectionUploadFilename,
	.propdiv.collapsed,
	.v3designsection,
	#elementsectionQrtext
	#v3btnResetLettering,
	#v3toolboxtitlebar,
	#helpButtons,
	#helpOptions .closeZoomoptions,  
	#v3zoomin, 
	#v3zoomout,
	#v3zoom1on1,
	#propdesignqrquality,
	#propdesignconerradius,
	.menuitemtext,
	#elementoptionmenuundo {
		display: none;
	}
	#propdesignalignment,
	#propdesigncolors,
	#propdesignmirror,
	#propelementicon,
	#propdesignoutline,
	#propdesigntext,
	#propdesignuploadfilename {
		//display: none !important;
	}
	#v3btnAddText, #v3btnAddQr, #v3btnAddUpload, #v3btnAddLibrary, #v3btnAddRf, #v3btnAddShape, #v3btnSave, #v3btnToDesignProps, #v3btnResetLettering, #v3btnletteringproperties, #v3btnDesignOpstand, #v3backgroundbutton, #v3hidebackgroundbutton, #v3bannerbackgroundbutton, #v3bannernobackgroundbutton, #v3btncollapse, #v3btnSupport {
		background-size: 32px;
	}
	#v3dialogcontentlarge #elementwiz_title.v3library-title, #elementwiz_title.v3pattern-title, #v3dialogcontentlarge #elementwiz_title.crop-title,#elementwiz_title.fill-title, #v3dialogcontentlarge #elementwiz_title.v3background-title, #v3dialogcontentlarge #elementwiz_title.v3background-title2, #v3dialogcontentlarge #elementwiz_title.v3screendiagonal-title, #v3dialogcontentlarge #elementwiz_title.v3design-title,.opstand-title,.save-title {
		margin-top: 0;
	}
	#elementListTitle,
	.propdiv {
		width: auto;
		display: table-cell;
	}
	#v3designPropertiesToggle, #v3toolboxbuttonsMobile {
		/*display: block;*/
	}
	#v3btnToDesignProps {
		margin: 0 2px;
		width: 40px;
		height: 40px;
	}
	.designpropcaptions, .elementpropvalues, #v3elementpropimagebg, .elementpropsinglecaption, .propbuttonbg, .elementproptextvalue {
		display: inline-block;
	}
	.v3elementsection {
		height: auto;
    	min-height: 40px;
	}
	#v3zoombutton {
		position: relative;
	}
	#v3zoombutton:after {
		content: "";
	    border: 0.3em solid transparent;
	    position: absolute;
	    border-top: 7px solid #a0b1c0;
	    bottom: -12px;
	    left: 40%;
	}
	#v3zoombutton.active:after,
	#helpButtons.active:after {
		border-top: 7px solid #000;
	}
	.elementpropcaption {
/*	    display: inline-block;
	    float: left;
	    margin-top: 3px;
	    min-width: 15px;
    	text-align: center;*/
	}
	.elementpropbutton, .elementgroupbutton {
		margin-top: 0px;
	}
	#v3designproperties .numberfieldtbsmall, #v3designproperties .numberfieldtb {
		margin-top: 0px;
    	width: 65px; 
   		height: 20px !important;
	}
	#v3designproperties .numberfieldsmall, #v3designproperties .numberfieldsmall {
    	padding-left: 5px;
    	width: 90%;
    	/*height: 20px !important;*/
	}
	#v3labelalignright {
		margin-right: 0px;
	}
	#v3libitembig, #v3fontbig {
		left: 20%;
	}
	#v3elementprops .v3elementsection {
/*		width: 97%;
    	padding: 0px 0px 5px 10px;*/
    	border-right: none;
	}
	#v3elementprops .v3subelementsection {
		width: 97%;
    	padding: 0px 0px 10px 0px;
	}
	.v3toolboxbutton, #v3fullscreenbutton {
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	#v3btnBasket1, #v3btnBasket2, #v3btnBasket3 {
		margin-bottom: 0;
	}

	#zoomoptions .v3toolboxbutton {
		margin-bottom: 5px;
		width: 34px;
		margin-left: 8px;
		margin-right: 8px;
	}
	#lockbutton.locked {
		background-size: 25px;
	}
	.elementpropsinglecaption {
		padding-right: 15px;
    	display: inline-block;
    	float: left;
	}
	.elementpropsinglecaption.mobile {
		display: block;
		float: none;
	}
	#propdesigncolors .colorpickerbg {
		float: left;
	}
	.v3toolboxbutton.first {
		margin-left: 0;
	}
	 #v3toolboxbuttonsMobile {
	 	clear: both;
		border-top: 2px solid #a0b1c0;;
		border-bottom: 2px solid #a0b1c0;
		padding-left: 10px;
		overflow: hidden;
	 }
	 #v3designproperties.mobile #v3elementprops {
	 	position: initial;
	 	display: none;
	 }
	#v3modulePrice {
    	font-size: 20px;
	}
	.elementproptextvalue {
		font-size: 13px;
		vertical-align: super;
    	padding-left: 3px;
	}
	.v3adminbutton {
    	width: 28%;
	}
	#v3btnSupport {
		/*margin-left: 0px;*/
	}

	.addtext-title, .displayname, #fontfilters h1, .upload-title, .qr-title, .s123fid-title, .v3library-title, .v3pattern-title, 
	.basketsuccess-title, .delete-title, .edittext-title, .save-title, .letterheight-title, .crop-title, .fill-title, .letterprop-title, .opstand-title {
		background-position: 30px center;
	}
	.propbuttonbg {
		width: 50%;
		height: 23px;
	}
	.propbutton {
		width: 92%;
		height: 17px;
	}
	.elementalignmentbutton {
    	background-size: 18px auto;
    	width: 20px;
    	height: 20px;
    	float: left;
    	margin-right: 5px;
	}

	#elementListTitle {
		background-image: url("/gfx/schuifknoppe-white.svg");
	    height: 42px;
	    vertical-align: super;
	    background-size: 32px;
	    margin-left: -3px;
	    border-radius: 0;
	}
	#leftbuttonbar{
		top:96px;
	}
	#elementList.collapsed #elementListTitle {
		/*background-image: url(/gfx/ar-double-hori-white.svg);*/
	}
	.v3elementListClose:before {
		right: 24px;
		top: 2px;
	}
	.activeprop {
		border: none;
		box-shadow: inset 1px 1px 15px 1px #8b9196;
	}
	#palette {
		left: 7% !important;
	}
	#elementList {
		top: 50px; 
		width: 50px;
		right: 0;
		height: 42px;
		border-radius: 10px 0 0 10px;
		border: 2px solid #FECC00;
		display: inline-block;
		/*transition: all 0.5s;*/
	}
	#mainbuttonbar h3 {
    	font-size: 15px;
    	display: inline-block;
	}	
	#zoomoptions {
	    right: 2px;
	}
	.closeZoomoptions,
	.closeElementoptions {
		font-size: 18px;
		float: left;
		display: inline-block;
	    height: 46px;
	    line-height: 46px;
	    color: #fff;
	    padding: 0 10px;
	    border-right: 5px solid #fff;
	}
	.closeElementoptions  {
/*		height: auto;
		line-height: 41px;*/
		border: none;
		padding: 0 8px;
	}
	#zoomoptions .fc {
		display: none;
	}
	#v3toolboxbuttons {
	    padding-bottom: 0px;
	    overflow: hidden;
	    border-bottom: 1px solid #a0b1c0;
	}
	#elementList.collapsed { 
		right: 0%;
		width: 90%;	
		border-radius: 10px 0 0 10px;
		overflow-x: scroll;		
		overflow-y: hidden;
	}
	.collapsed .v3elementIcon2 {
		width: 30px;
		margin-right: 10px;
		height: 42px;
	}
	#elementsectionSize, #elementsectionColor, #elementsectionUploadResolution {
		clear: both;		
	}
	#elementList #elementsectionPosition, 
	#elementList #elementsectionSize, 
	#elementList #elementsectionColor, 
	#elementList #elementsectionLetterheight,
	#elementsectionUploadResolution {
		width: 90px;		
	}
	#elementList #elementsectionColor, 
	#elementList #elementsectionLetterheight,
	#elementsectionUploadResolution,
	#elementsectionUploadFilename,
	#elementList #elementsectionFont,
	#elementsectionQrtext  {
		border-top: 1px solid #dde2e9;
		border-bottom: 1px solid #dde2e9;
	}
	#elementList #elementsectionFont {
		border-right: none;
	}
	#elementList #elementsectionPosition, 
	#elementList #elementsectionSize {
		border-bottom: none;
	}
	#elementList #elementsectionText, #elementList #elementsectionPosition, #elementsectionUploadFilename {
		border-right: none;
		overflow: hidden;
	}
	#elementList #elementsectionText {
		margin-bottom: 10px;
	}
	#elementList .elementpropvalues {
		width: 75px;
	}
	#elementsectionzindex {
    	right: 10%;
	}
	#v3propbuttondelete {
		margin-left: 3px; 
	}
	#elementList .v3elementIcon2 { 
		margin-top: 0;
		margin-left: 5px;
	}
	.propdiv.collapsed {
    	/*height: 35px;*/
	}
	.propdiv { 
		height: 42px;
		vertical-align: super;
		
	}
	#elementList #prreaddability {
		width: 50px;
    	display: inline-block;
    	float: left;
	}
	#elementList #cp2 {
		width: 38px;
    	display: inline-block;
	}
	#elementList .v3propbutton { 
		margin-left: 5px;
	}
	.v3startupcall {
		display: none !important;
	}
	#elementoptionsmenu {
		background-color: #a1b1c1;
		border-left: none;
		top: -50px;
    	bottom: initial;
    	padding: 0px;
    	border-radius: 9px;
    	right: 5px;
	}
	.elementoptionmenuitem {
		display: inline-block;
		width: auto;
		height: auto;
		background: transparent;
		border-top: none;
		margin: 2px -2px 0 0;
	}
	#elementoptionmenuchangebackgroundcolor {
		margin-left: 5px;
	}
	.elementoptionmenubutton {
		width: 30px;
	    height: 30px;
	    margin: 2px;
	    border: 1px solid #ccc;
	    background-color: #EEF6FD;
	    border-radius: 9px;
	    text-align: center;
	}
	#elementoptionmenudelete {
		width: 30px;
	}
	#propdesigndimensions,
	#propdesigntext {
		/*width: 35%;*/
		display: inline-block;
	}
	#propdesignrotation {
		//width: 15%;
	}
	#elementoptionmenuduplicate,
	#elementoptionmenuresetratio {
		background-size: 25px;
	}
	.mobile-separator {
		position: absolute;
    	height: 100%;
	    background: #fff;
	    overflow: hidden;
	    border: 2px solid #fff;
	    display: inline-block;
	}
	.elementpropvalues {
		/*max-width: 109px;*/
	}
	#elementUndobtn, #elementOptionsbtn  {
		border-left: none;
		border: 1px solid #9fb0bf;
    	border-radius: 9%;
    	background-color: #fff;
    	margin-right: 10px;
	}

}
@media screen and (max-width: 680px){
	.v3login.last {
    margin-left: 10px;
	}
	#v3tour{
		width:80%;
	}
	.v3tourbutton{
		width:80%;
	}
	.v3tourbutton.white{
		float:right !important;
	}
	#v3tabstrip{
		bottom:90px;
	}
	#v3panbuttons{
		bottom:130px;
	}
	.v3supporttab{
		float:left;
	}
	#v3elementtypetitle{
		display:none;
	}
	#v3tabstripdevider{
		display:block;
	}
	#taskbaroverflow{
		bottom:130px;
	}
}
@media screen and (max-width: 610px) {
	#bgcolorsection2{
		display:block;
	}
	.backgroundpicker{
		display:none;
	}
	.cppersonal{
		display:none;
	}
	#palette .cppersonal{
		display:block;
	}
	#bgcolorsection{
		width:auto;
	}
	#bgcolorcaption{
		width:auto;
	}
}
@media screen and (max-width: 580px) {
	.registercontent{
		clear:both;
	}
	#v3designproperties.mobile {
		/*width: 78%;*/
		/*left: -80%;*/
	}
	#v3designproperties.toggleBox {
		left: 0%;
	}
	.v3textarea, #wiz_edit_text {
    	width: 97%;
	}
	.fourth-width {
    	width: 48% !important;
	}
	#alignTextSection label {
    	padding-left: 7px;
	}
	#v3dialog {
		max-height: 70%;
		top: 3%;
		height: 100%;
	    min-height: 70%;
	    overflow-y: auto;
	}
	.elementwiz_column {
		min-height: 85px;
		padding-right: 2%;
	}
	.half-width, .third-width {
    	width: 100% !important;
	}
	.v3mobilebutton{
		position:inherit;
	}
	#v3uploadtarget {
		padding: 10px;
		height: 100px;
	}
	#v3uploadpreview {
    	width: 100%;
    	height: 150px;
    	margin-left: 0px;
	}
	.v3imgid {
	    margin-left: 0px;
	    margin-top: 10px;
	    width: 95%;
	    border: 1px solid #6e6e6e;
	    height: 20px;
	}
	#v3librarycontent {
		width: 76%;
	}
	.v3libitemsmall {
    	width: 28%;
	}
	.addtext-title, .displayname, #fontfilters h1, .upload-title, .qr-title, 
	.s123fid-title, .v3library-title, .v3pattern-title, .basketsuccess-title, .delete-title, .edittext-title, .save-title, .letterheight-title, .crop-title, .fill-title .letterprop-title, .opstand-title {
    	background-position: 20px center;
	}
	.basketsuccess-title, .priceoptioncaption {
		background-position: 20px 5px;
	}
	#v3libitembig {
		left: 18%;
    	min-width: 65%;
	}
	#elementListTitle {
    	/*background-position: center center;*/
	}
	.v3login {
    	margin-left: 10px;
    	margin-right: 10px;
	}
	.v3login.last {
    	margin-left: 10px;
	}
	#mobileElementToggle {
		background-image: url(/gfx/ar-double-hori-orange.svg);
		border: 2px solid #EF7100;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		top: 50px;
		height: 42px;
		width: 40px;
		margin-left: -5px;
		border-radius: 0 10px 10px 0;
    	background-size: 30px; 
    	/*display: inline-block;*/
	}
	#zoomoptions {
		right: 5px !important;
	}
}
@media screen and (max-width: 480px) {
	#helpOptions {
		display: none;
		position: absolute;
		background: #a0b1c0;
		border: none;
		width: auto;
		height: auto;
	    right: 2px;
	    left: initial;
	    border-radius: 9px;
	}

	#helpButtons {
		position: relative;
	}
	#helpButtons:after {
		content: "";
	    border: 0.3em solid transparent;
	    position: absolute;
	    border-top: 7px solid #a0b1c0;
	    bottom: -12px;
	    left: 40%;
	}
	#helpOptions .v3toolboxbutton {
		margin-bottom: 5px;
		width: 34px;
		height: 34px;
		margin-left: 8px;
		margin-right: 8px;
	}
	#helpOptions .closeZoomoptions,
	#helpButtons,
	.closeElementoptions  {
		display: block;
	}
	#elementList {
    	/*right: -90%;*/
	}
	#elementList.collapsed {
    	/*right: -12%;*/
	}
	#v3designproperties {
    	/*right: 62%;*/
    	/*width: 52%;*/
	}
	.admindescription {
		margin-left: 10px;
	}
	.v3adminbutton {
    	width: 66%;
    	margin-left: 10%;
	}
	.v3libheader {
		line-height: 14px;
		font-size: 14px;
	}
	#v3foildescription {
		width: 100%;
		left: 5%;
		height: 85%;
		top: 8%;
	}
	.admindescription { 
		width: 90%;
	}
	#v3dialoglarge {
		top: 2%;
		left: 2%;
    	width: 93%;
	}
	#v3dialogmediumlarge{
		top: 10%;
		left: 10%;
    width: 80%;
		
	}
	#libpalette .wizcaption {
		width: 50px;
	}
	#v3libitembig #v3btnaddpalette {
    	right: 1%;
    	bottom: 3%;
	}
	#v3dialogcontentlarge #elementwiz_title, #v3dialogcontent #elementwiz_title, #v3dialogcontentsmall #elementwiz_title, 
	#v3dialogcontentlarge #fontfilters h1, #v3fontbigcontent .displayname, #priceoptions .priceoptioncaption {
		font-size: 15px;
		width: 76.1%;
    	padding-left: 25%;
	}
	.v3labelalign {
   		margin-right: 4px;
	}
	#v3adminconsole {
    	width: 97%;
    	margin: 10px auto;
	}
	.v3libitemsmall {
    	width: 42%;
	}
	#priceoptions {
		width: 90%;
		right: 2%;
	}
	#v3libitembig {
		left: 2%;
    	min-width: 90%;
	}
	#libItemlargeImage {
		width: 300px;
		height: 300px;
		background-size: contain !important;
		left: 0px;
    	top: 30px;
	}
	.decorationleftmenu{
		width:30%;
	}
	#v3librarycontent{
		width:66%;
	}
	#v3dialogsmall {
    	width: 90%;
    	left: 5%;
	}
	#priceoptions .priceoptioncaption {
		font-size: 15px;
	}
	#v3mainmodule #v3btnlogin {
    	right: 27%;
	}
	#v3fontlist {
		padding-left: 5px;
	}
	#v3fontlist li {
		width: 45%;
		margin-right: 10px;
	}
	#v3fontbig {
		width: 95%;
		left: 2%;
		min-width: auto;
	}
	#v3fontbig .fontimage img {
		width: 84%;
	}
	#v3fontbig input {
    	margin-top: -10px;
	}
	#canvascontainer {
    	float: none;
	}
	#MijnSticker .numberfieldtextbox {
		width: 33px;
	}
	#foilpalette {
		height: 100%;
		width: 95%;
		left: 2%;
		top: 0%;
	}
	#mainbuttonbar h3 {
		display: none;
	}
	.v3designpropertycell4.fr, .v3designpropertycell1.fr {
		float: left !important;
	}
	.elementpropvalues {
		/*max-width: 210px;*/
	}
	.numberfieldsmall {
    	width: 37px;
	}
	#propdesignrotation {
    	//width: 50px;
	}
	#elementUndobtn, #elementOptionsbtn  {
		position: absolute;
		margin-right: 5px;
	}
	#elementUndobtn {		
    	right: 50px;
	}
	#elementOptionsbtn {
    	right: 0
	}
	#lockbutton.locked, #handlebutton, #toplockborder, #bottomlockborder {
		display: none;
	}
	#propdesignuploadpercentage #epwidthcaption, #propdesignuploadpercentage #epheightcaption, #propdesignuploadpercentage .numberfieldtable {
		/*float: left;*/
	}
	#propdesignuploadpercentage {
		/*width: 100%;*/
	}
	#propdesigntext {
		margin-top: 5px;
	}
	#propdesigndimensions .elementpropcaption {
		width: auto;
	}
	#propdesigndimensions .numberfieldtable {
    	margin: 0 !important
	}
	.v3product-image #v3foilcolorswatchbig{
		width:150px !important;
		height:150px !important;
		border-radius:75px !important;
		margin-left:0px !important;
	}

}
@media screen and (max-width: 400px) {
	.v3designpropertycell3{
		width:300px;
	}
}
@media screen and (max-width: 380px) {
	#v3btncontinuDesign, #v3mainmodule #btncancel {
		right: 56%;
	}
	#v3foildescription {
    	height: 99%;
    	top: 5%;
	}
	#foilbutton .v3addbutton {
		bottom: 2%;
	}
	.priceoptionnumber {
		width: 50px;
	}
	.priceoptionpriceline .numberfieldtable {
		width: 100%;
	}
	.priceoptionpriceline .numberfieldnumberbox {
		width: 90%;
	}
	.priceoptionpriceline .priceoptionprice {
    	width: 63px;
	}
	.v3toolboxbutton, #v3fullscreenbutton {
		margin-left: 2px;
		margin-right: 2px;
	}
	#mainbuttonbar .v3toolboxbutton {
		margin-left: 5px;
		margin-right: 5px;
	}
	#v3elementpropimagebg {
		min-width: 135px;
	}
}
@media screen and (max-width: 360px) {
	.v3designpropertycell4 {
		margin-top: 10px;
	}
	#foilpalette {
		width: 95%;
		left: 0%;
	}
	.v3foilfield {
		margin-left: 8px;
	}
	.priceoptionunit {
    	width: 40px;
	}
	.v3toolboxbutton, #v3fullscreenbutton {
		margin-left: 1px;
		margin-right: 1px;

	}
	.elementpropvalues {
		max-width: 210px;
	}
	.elementpropvalues {
		max-width: 190px;
	}
}
@media screen and (max-width: 320px) {
	.priceoptionnumber {
		width: 18px;
	}
	#v3labelalignleft, #v3labelalignright, #v3labelaligncenter { 
		margin-right: 1px;
	}
	#v3dialoglarge {
		left: 1%;
	}
	#libItemlargeImage {
    	width: 260px;
    	height: 260px;
	}
	#v3btnAddRf {
		margin-left: 0px;
	}
	#v3btnSupport {
		margin-left: 10px;
	}
	#v3libitembig #v3btnaddpalette {
		font-size: 13px;
    	padding: 5px 20px;
	}
	.v3foilfield {
		width: 53px;
	}
	.v3toolboxbutton, #v3fullscreenbutton |{
		width: 35px;
		height: 35px;
		background-size: 27px !important;
	}
}