.illustratie_selector_inner a{
	position: relative;
}
.illustratie_selector_inner a .overlay{
	position: absolute;
	z-index: 50;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
}
.tekst_container_uber_right a{
	display: inline-block;
	width: 210px;
	height: 50px;
	line-height: 50px;
	font-family: Yanone Kaffeesatz;
	text-transform: uppercase;
	transition: 0.3s ease;
	font-size: 24px;
	    position: absolute;
	text-align:center;
	color: #000000;
	text-decoration: none;
	background-color: #cbcbcb;
}
.phoneicon-creator img {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    margin-top: 2px !important;
}
.phonenumber-creator a {
    display: inline-block !important;
    width: 100% !important;
    color: #000 !important;
    text-decoration: none !important;
    height: 56px;
    margin-top: 30px;
    line-height: 40px !important;
}
.tekst_container_uber_right a:hover{
	background-color: #b5b5b5;
}


.zoom {
  position: absolute;
  top: 0px;
  left: 26%;
  height: 70px;
}

.zoom-fab {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom:10px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #33AE73;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  transition: 0.2s ease-out;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  color: #FFF;
}

.zoom-fab:hover {
  background-color: #4db6ac;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
.zoom-btn-sm span {
	line-height:40px;
	font-size:20px;
}
.zoom-btn-large {
  width: 60px;
  height: 60px;
  line-height: 60px;
}

.zoom-menu {
  position: absolute;
  right: 0px;
  left: auto;
  top: 70px;
  
  height: 500px;
  width: 60px;
  list-style: none;
  text-align: right;
}

.zoom-menu li {
  display: inline-block;
  margin-right: 10px;
}

.zoom-card {
  position: absolute;
  right: 150px;
  bottom: 70px;
  transition: box-shadow 0.25s;
  padding: 24px;
  border-radius: 2px;
  background-color: #009688;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: #FFF;
}

.zoom-card ul {
  -webkit-padding-start: 0;
  list-style: none;
  text-align: left;
}

.zoom-btn-delete { background-color: #F44336; }

.zoom-btn-delete:hover { background-color: #e57373; }

.zoom-btn-doc { background-color: #ffeb3b; }

.zoom-btn-doc:hover { background-color: #fff176; }

.zoom-btn-tangram { background-color: #4CAF50; }

.zoom-btn-tangram:hover { background-color: #81c784; }

.zoom-btn-report { background-color: #2196F3; }

.zoom-btn-report:hover { background-color: #64b5f6; }

.zoom-btn-feedback { background-color: #9c27b0; }

.zoom-btn-feedback:hover { background-color: #ba68c8; }

.scale-transition { transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }

.scale-transition.scale-out {
  transform: scale(0);
  transition: transform 0.2s !important;
}

.scale-transition.scale-in { transform: scale(1); }


.tekst_container_uber_right a img{
	float:left;
	margin-top: 6px;
	margin-left: 12px;
}

.close_creator {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
	background-image: url("grfx/button-background-grey.svg");
	background-repeat: no-repeat;
    background-size: 150px 73px;
    font-family: Yanone Kaffeesatz;
    font-size: 30px;
    font-weight: 700;
    height: 73px;
	    
    cursor:pointer;
    color: #f1f1f1;
    left: Calc(50% - 72px);
    line-height: 68px;
    margin-top: -12px;

    padding-right: 7px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s ease 0s;
    width: 144px;
    z-index: 60;
}

#creator-total {
	border:1px solid #000000;
	border-radius:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-size:15px;
	text-align:Center;
	width:37px;
	height:37px;
	line-height:37px;
	margin-top:6px;
}


#modal{
	width: calc(100% - 2px);
	background-color: #f1f1f1;
	border: 1px solid #b2b2b2;
	padding: 20px;
	height: 570px;
	position: absolute;
	z-index: 100;
	top:50%;
	transform: translateY(-50%);
	left: 0;
	display: none;
}

#modal p{
	font-family: 'Open sans'!important;
	font-size: 15px!important;
	line-height: 22px!important;
}

#modal h5{
	margin-bottom: 25px;
}

#modal .modal_image{
	text-align: center;
}

#modal .close_btn{
	position: absolute;
}

.modal_text{
	font-family: Yanone Kaffeesatz;
	font-size: 30px;
	margin-top: 40px;
	line-height: 36px;
	font-weight: 300	;
	height: 144px;
	text-align: center;
}

.modal_text h5{
	font-family: 30px;
	line-height: 36px;
	margin-top: 80px;
}

.modal_button{
	margin-top: 35px;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	width: 210px;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	font-size: 24px;
	text-align: center;
	background-color: #cbcbcb;
	transition: 0.3s ease;
	font-weight: 400;
	margin-left: 8px;
	margin-right: 8px;
}

.modal_button:hover{
	background-color: #bfbfbf;

}

#size-slider{
	width:200px;
}
.upload_btn {
	background:#808080!important;
}
.tekst_choice{
	width: 540px;
	margin: 120px auto;
	text-align: center;
}

.tekst_choice h3{
	font-family: Yanone Kaffeesatz;
	font-size: 30px;
	color: #000000;
	text-align: center;
	font-weight: normal;
}

.tekst_choice .btn_black{
	display: inline-block;
	padding: 14px 20px;
	color: #ffffff;
	background-color: #000000;
	font-family: Yanone Kaffeesatz;
	text-transform: uppercase;
	margin-right: 16px;
	font-size: 28px;
	text-decoration: none;
	margin-top: 40px;
	text-align: center;
}

#text_change_popup{
	position: absolute;
    background-color: #f1f1f1;
    width: calc(100% - 42px);
    height: 524px;
    border: 1px solid #bbbbbb;
    padding: 20px;
    z-index: 99999;
}

.closeBtn{
	border: 1px solid #000000;
	color: #000000;
	width: 50px;
	height: 50px;
	font-size: 30px;
	text-align: center;
	display: block;
	line-height: 30px;
	text-decoration: none;
}

.closeBtn i{
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
}

#preview span{
	display:table;
	margin-left: 36%;
	height:auto;
	border:1px solid #707070;
}
#preview span svg{
	display:table;
	
	max-width:100%;
	height:auto;
}
#preview span g{
	/*width:100%!important;
	max-width:100%;*/
}
#preview img{
	display: none;
}

text:hover{
	cursor: move;

}

text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;  
  -khtml-user-select: none;    
  -moz-user-select: none;      
  -ms-user-select: none;    
  user-select: none;       
}

.inner_tab_buttons{
	position: absolute;
	right: 68px;
	width: 135px;
}


.snede_container{
	position: relative;
}

.snede_container .promobutton{
	left: 40px;
	top: -100px;
}

.adreslabel .promobutton{
	top: -50px;
	left: -50px;
}

.enveloplabel .promobutton{
	top: -50px;
	left: 160px;
}

.promobutton{
	width: 100px;
	height: 100px;
	background-color: #faaf3b;
	color: #ffffff;
	font-family: Yanone Kaffeesatz;
	border: 1px solid #b2b2b2;
	border-radius: 106px;
	position: absolute;
}

.promobutton .promo_small{
	display: inline-block;
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 20px;
	margin-top: 2px;
}

.promobutton .promo_big{
	display: inline-block;
	width: 100%;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	line-height: 28px;
	margin-top: 24px;
}

.subtab_adressen{
	width: 620px;
	height: 520px;
	padding: 0 55px;
}

.grey_button{
	display: block;
	width: 100%;
	text-align: center;
	font-family: Yanone Kaffeesatz;
	font-size: 24px;
	color: #000000;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 30px;
	background-color: #cbcbcb;
}
.transparent_btn{
	display: block;
	width: calc(100% - 2px);
	text-align: center;
	font-family: Yanone Kaffeesatz;
	font-size: 24px;
	color: #000000;
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid #cbcbcb;
}

.green_button{
	display: block;
	width: 210px;
	text-align: center;
	font-family: Yanone Kaffeesatz;
	font-size: 24px;
	color: #ffffff;
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #39b44a;
	border: 1px solid #cbcbcb;
	transition: 0.3s ease;
	background-image: url('/catalog/view/theme/letterpress/stylesheet/grfx/button_file.png');
	background-repeat: no-repeat;

}

.green_button:hover{
	background-position: -210px 0;

}

.adreslabel, .enveloplabel{
	width: 210px;
	margin-left: 45px;
	margin-top: 12px;
	display: block;
	float:left;
	font-family: Yanone Kaffeesatz;
	font-size: 21px;
	line-height: 24px;
	position: relative;

}

.adreslabel p, .enveloplabel p{
	margin-top: 20px;
}

.enveloplabel{
	margin-left: 115px;
}

.kleur_snede_uitleg{
	display: block;
	height: 50px;
	width: 220px;
	border: 1px solid #cbcbcb;
	text-align: center;
	line-height: 50px;
	float: left;
	font-family: Yanone Kaffeesatz;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	transition: 0.3s ease;
	margin-left: 330px;
	margin-top: 30px;
	font-size: 24px;
}

.kleur_snede_uitleg:hover{
	background-color: #cbcbcb;
}

.tekst_container_left h4{
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 20px;
	font-family: Yanone Kaffeesatz;
	text-align: center;
	font-weight: 300;
}

.tekst_container_left{
	margin-top: -50px;
	position:relative;
}
html body{
	font-size: 100%;
}

#color_preview>span>svg {
	background-color: #ffffff;    
	width: auto;
}
.side_select.active {
	opacity:1!important;
}
.balloon {
	line-height:20px;
}

#text_preview>span>svg {
	background-color: #ffffff;    
	width: auto;
}
#illu_preview>span>svg{
	max-width: 400px;
	max-height: 400px;
	background-color: #ffffff;    
	width: auto;
}
.illu_container_inner {
	width: 310px;
	margin-left:50px;
}
#illu_preview {
	display:table;
	margin-left:auto;
	margin-right:auto;
}
#illustratie_view {
	border:0px solid #ffffff!important;
}
#tekst_fixing{
	width: 278px;
    border: 1px solid #b2b2b2;
    height: 104px;
    line-height: 104px;
    outline: 0;
    border-radius: 7px;
    text-align: center;
    background-color: #ffffff;
    transition: 0.3s ease;

}

.creator .creator_main .creator_tabs .tab#tekst .tekst_container_inner .tekst_container_right input[type="text"]{
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-top: none;
	border-bottom: none;
	margin: 0 auto;
	max-width: 278px;
}

.selectable{
	transition: 0.1s ease;
	outline: 0px solid #00ff00;
	border: 0px solid #00ff00;
}

.selectable:hover{
	
	cursor: pointer;
}





ol.foundColor li a:hover ,  ol.foundColor li.active a{
	background-color: #989898;
	color: #ffffff;

}

ol.foundColor .color_count{
	display: block;
	background-color: #e5e5e5;
	height: 40px;
	padding-right: 10px;
	color: #000000;
	padding-left: 10px;
	line-height: 36px;	
	text-transform: uppercase;
	float:left;
	font-family: Yanone Kaffeesatz;
	font-size: 24px;
	transition: 0.3s ease;
}



ol.foundColor .color_name{
	text-transform: uppercase;
	float:left;
	font-family: Yanone Kaffeesatz;
	display: block;
	height: 40px;
	line-height: 36px;
	padding-left: 10px;
	color: #000000;
}

.small_preview_voorkant, .small_preview_midden{
	display: block;
	position: relative;
	text-align: left;
	float:none!important;
}

.small_preview_voorkant{
	margin-left:0px;	
	display:table;
	margin-left:auto;
	margin-right:auto; 
}

.small_preview_midden{
	width: 500px;
	
}

.small_preview_voorkant svg, .small_preview_midden svg{
	
	background-color: #ffffff;
}


.snede_container {
	box-sizing:border-box;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
}
.small_preview{
	width: 310px;
	float: left;
	margin-top: 40px;
	margin-bottom: 40px;
}

.disabled{
	position: absolute;
	z-index: 5000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.disabled:hover{
	cursor: no-drop;
}
.arrow-left,.arrow-right {
	cursor:pointer;
}
#size-slider {
	position:absolute;
	left:70%;
	height:470px;
}

#slider {
	height:400px;
}
#qtip-overlay{
    position: fixed;
    left: -10000em;
    top: -10000em;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs{ cursor: pointer; }

/* Change opacity of overlay here */
#qtip-overlay div{
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;

    background-color: black;

    opacity: 0.7;
    filter:alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
    
.hidden {
	display:none!important;
}

.illu {
	cursor:move;
	position:absolute;
	box-sizing: border-box;
	padding:1px;
}
.illu:hover {
	border:1px dashed #000000;
	padding:0px;
}

.text {
	cursor:move;
	position:absolute;
	box-sizing: border-box;
	padding:1px;
}
#preview {
	position:relative;
}
.illu_popup_cliparts .illu {
	min-width:40px;
	min-height:40px;
}
.illu svg {
	width:100%;
	height:100%;
}
.illu img {
	width:100%;
	height:100%;
	display:block!important;
}
.active .cancel_and_go_btn {
	margin-top:-12px!important;
}
.cancel_and_go_btn {
	margin-top:-300px!important;
}
.cancel_and_go_btn {
	
}
.pulse-weapon {
  border:1px dashed green; 
}

 @-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(2); }
    100% { -webkit-transform: scale(1); }
 }
 
 @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
 }
 
 .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-iteration-count:infinite;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.creator .creator_main .creator_tabs #illustratie.tab .illustratie_selector_outer {
	margin-top: -360px;
}
#preview_content .ui-resizable-handle {
	display:none!important;
}
.delete_object {
	position:absolute;
	right:-20px;
	top:0px;
	color:red;
	width:30px;
	height:30px;
	font-size:20px;
	display:none;
	cursor:pointer;
}
.edit_object {
	position:absolute;
	left:-30px;
	top:0px;
	color:black;
	width:30px;
	height:30px;
	font-size:20px;
	display:none;
	cursor:pointer;
}
#modal {
	z-index:100000000000!important;
}
.illu_popup_cliparts  {
	list-style:none;
	display:table;
	width:100%;
}
.illu_popup_cliparts li {
	display:table;
	float:left;
	width:40px;
	height:40px;
}
.illu_popup_cliparts .illu {
	width:40px;
	height:40px;
}
.tab_fix {
	z-index:200;
}

#color_preview { 
	position:relative;display:table;width:auto!important; 
	margin-left:auto;
	margin-right:auto; 
}
#color_preview .illu { display:block; }

#text_preview { position:relative;display:table;margin-left:auto;margin-right:auto; }
#text_preview .illu { display:block; }

#illu_preview { position:relative; }
#illu_preview .illu { display:block; }

#text_preview span { border: 1px solid #707070;
    display: table;
    height: auto;
}
#illu_preview span { border: 1px solid #707070;
    display: table;
    height: auto;
}
#color_preview span { border: 1px solid #707070;
    display: table;
    height: auto;
}
#illu_preview span .illu illu { width:100%!important;height:100%!important;display:block!important; }
#illu_preview span .illu illu svg { width:100%!important;height:100%!important; }

#text_preview span .illu illu { width:100%!important;height:100%!important;display:block!important; }
#text_preview span .illu illu svg { width:100%!important;height:100%!important; }

#color_preview span .illu illu { width:100%!important;height:100%!important;display:block!important; }
#color_preview span .illu illu svg { width:100%!important;height:100%!important; }

.object-selected {
	border:1px dashed #000000;
}

#formaat_btn {
	position:relative;
	z-index:10000000000000000000000;
}
#formaat_btn span{
	position:relative;
	z-index:10000000000000000000000;
}
#preview span .illu { display:block; }
#preview span .illu:hover .delete_object,#preview span .illu:hover .edit_object { display:block; }
#preview span .text:hover .delete_object,#preview span .text:hover .edit_object { display:block; }
#preview span .illu:hover .delete_object,#preview span .illu:hover .ui-resizable-handle { display:block!important; }
#preview span .text:hover .delete_object,#preview span .text:hover .ui-resizable-handle { display:block!important; }

#preview span .illu illu { width:100%!important;height:100%!important;display:block!important; }
#preview span .illu illu svg { width:100%!important;height:100%!important; }

#helpline-middle{position:absolute;left:0;top:50%;width:0;height:1px;z-index:200;border-top:1px dashed #ccc;z-index:0;}
#helpline-vertical-middle{position:absolute;left:0;top:50%;width:0;height:1px;z-index:200;border-left:1px dashed #ccc;z-index:0;}

#helpline-snap-element { position:absolute;left:0;top:0; }
#helpline-snap-element2 { position:absolute;left:0;top:0; }
text {
	line-height:inherit;
}
.dropdown {
	max-height:250px!important;
	overflow-y:scroll;
}
.site_container.creator{
	background-color: #ffffff;
}
.svg_afbeelding {
	
}
.svg_afbeelding g{
	
}
ol.foundColor li.active a {
	background-color: #000000;
	color: #ffffff;
}
ol.foundColor li a:hover {
	background-color: #000000;
	color: #ffffff;
}