@keyframes pulseBorder{0%{border:solid 2px #E20376}to{border:solid 2px #fff}}.rotate{position:absolute;z-index:150;top:0;left:100%;width:100%;height:100%;display:none;padding:5px}.rotate i{font-size:2rem;cursor:pointer;background:#fff;border-radius:40px;color:#e20376;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.element:hover .rotate{display:block}.edit>#zoom{cursor:url(/buyer/img/verplaatsen-active.svg) 10 10,auto!important}.add #zoom{cursor:url(/buyer/img/toevoegen-active.svg) 10 10,auto!important}.drag #zoom{cursor:url(/buyer/img/hand-active.svg) 45 45,auto!important}.drag.mousedown #zoom{cursor:url(/buyer/img/hand-drag.svg) 45 45,auto!important}.forbidden #zoom{cursor:not-allowed!important}.price-container{position:fixed;left:0;right:0;bottom:0;z-index:500;text-align:center;height:0px}.price{left:auto;transform:translate(0);color:#fff;position:fixed;right:140px;font-size:16px;bottom:3px;padding:10px 20px}.price{position:fixed;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;color:#fff;right:140px;font-size:16px;bottom:3px;padding:10px 20px}@media (min-width: 1200px){.price{left:auto;transform:translate(0);color:#fff;position:fixed;right:140px;font-size:16px;bottom:3px;padding:10px 20px}}.alert-container{position:fixed;left:0;right:0;z-index:500;text-align:center;height:0px}.alert-container .alert{display:inline-block;opacity:0;min-width:20px;padding:15px 30px;background:#fff;pointer-events:none}.alert-container .alert.show{opacity:1;pointer-events:auto}.svg_grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.white{filter:brightness(0) invert(1)}.element{position:absolute;background:#fff;border-radius:40px;z-index:100;padding:1px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.element.highlight{animation-name:pulseBorder;animation-iteration-count:infinite;animation-timing-function:ease;animation-direction:alternate;animation-duration:1s;border:2px solid #E20376}.element.start{z-index:1000}.element.default{background:#00a0e0}.element.default img{filter:brightness(5)}.element.default img:hover{filter:brightness(0)}.element:hover{z-index:1000}.element:hover .group{display:block}.element .pass{position:absolute;top:-10px;right:-5px;color:#00a0e0}.element .group{display:none;position:absolute;bottom:40px;left:50%;transform:translate(-50%);padding:0 4px;font-size:11px;border:#00a0e0 1px solid;color:#00a0e0;background:#fff;border-radius:6px;max-width:200px;text-align:center}.element .info{position:absolute;left:105%;transform-origin:left;bottom:0;padding:0 4px;font-size:9px;border:#E20376 1px solid;color:#e20376;background:#fff;border-radius:4px;letter-spacing:-1px;z-index:10}.element_wrapper.active .stripe,.element_wrapper:hover .stripe{pointer-events:none}.element_wrapper.active .stripe span,.element_wrapper:hover .stripe span{display:block}.edit span.distance,.pdf span.distance{display:block!important}.forbidden-layer{position:absolute;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;background-size:12px 12px;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.1,#E20376),color-stop(.1,transparent),color-stop(.5,transparent),color-stop(.5,#E20376),color-stop(.6,#E20376),color-stop(.6,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,#E20376 10%,transparent 10%,transparent 50%,#E20376 50%,#E20376 60%,transparent 60%,transparent);background-image:-moz-linear-gradient(-45deg,#E20376 10%,transparent 10%,transparent 50%,#E20376 50%,#E20376 60%,transparent 60%,transparent);background-image:-ms-linear-gradient(-45deg,#E20376 10%,transparent 10%,transparent 50%,#E20376 50%,#E20376 60%,transparent 60%,transparent);background-image:-o-linear-gradient(-45deg,#E20376 10%,transparent 10%,transparent 50%,#E20376 50%,#E20376 60%,transparent 60%,transparent);background-image:linear-gradient(-45deg,#E20376 10%,transparent 10%,transparent 50%,#E20376 50%,#E20376 60%,transparent 60%,transparent)}.footer img.action:hover,.purple{filter:invert(31%) sepia(100%) saturate(7002%) hue-rotate(314deg) brightness(90%) contrast(100%)}.notes{position:absolute;z-index:100}.notes textarea{min-height:10px;resize:none;font-size:12px;padding:6px 10px;background:#fff}.notes textarea.resize{resize:auto}.notes textarea:hover{border-radius:0 0 2px 2px}.notes .header{height:20px;background-color:#b1d1d1;position:absolute;top:-20px;left:0;right:0;border-radius:2px 2px 0 0;cursor:move;display:none}.notes .header .close{float:right;color:#fff;background:#e20376;padding:3px;width:15px;height:15px;margin-top:3px;margin-right:3px;text-align:center;line-height:7px;border-radius:2px;cursor:pointer}.notes.active:hover .header{display:block}.stripe{background:linear-gradient(to right,#e20376 50%,#fff0 0%) repeat-x,repeat-y top,right,bottom,left;background-size:15px 1px,15px 10px;position:absolute;display:flex;justify-content:center;align-items:center;z-index:50}.stripe.blue{background:linear-gradient(to right,#00a0e0 50%,#fff0 0%) repeat-x,repeat-y top,right,bottom,left;background-size:10px 2px,10px 10px}.stripe span{display:none;color:#e20376;font-size:12px;white-space:nowrap;background:#fff;border-radius:3px;padding:0 5px;margin-bottom:25px}.measurement-lines{--icon-radius: 50px;--line-color: #E20376;position:absolute;pointer-events:none;z-index:50;border-color:var(--line-color)}.measurement-lines span.distance{display:block;position:absolute;color:var(--line-color);font-size:12px;white-space:nowrap;background:#fff;border-radius:3px;padding:0 5px}.measurement-lines.blue{--line-color: #00a0e0}.measurement-lines.corner-bl{background-image:linear-gradient(to right,var(--line-color) 50%,transparent 50%),linear-gradient(to bottom,var(--line-color) 50%,transparent 50%);background-position:bottom left,top left;background-size:10px 2px,2px 10px;background-repeat:repeat-x,repeat-y}.measurement-lines.corner-bl .horizontal{bottom:0;left:clamp(var(--icon-radius),50%,100% - var(--icon-radius));transform:translate(-50%,calc(100% + 5px))}.measurement-lines.corner-bl .horizontal.offset{transform:translate(-50%,calc(100% + 5px + var(--icon-radius)))}.measurement-lines.corner-bl .vertical{left:0;top:clamp(var(--icon-radius),50%,100% - var(--icon-radius));transform:translate(calc(-50% + 10px),-50%) rotate(-90deg)}.measurement-lines.corner-bl .vertical.offset{transform:translate(calc(-50% - var(--icon-radius) - 12px),-50%) rotate(-90deg)}.measurement-lines.corner-tl{background-image:linear-gradient(to right,var(--line-color) 50%,transparent 50%),linear-gradient(to bottom,var(--line-color) 50%,transparent 50%);background-position:top left,top left;background-size:10px 2px,2px 10px;background-repeat:repeat-x,repeat-y}.measurement-lines.corner-tl .horizontal{top:0;left:clamp(var(--icon-radius),50%,100% - var(--icon-radius));transform:translate(-50%,calc(-100% - 5px))}.measurement-lines.corner-tl .horizontal.offset{transform:translate(-50%,calc(-100% - 5px - var(--icon-radius)))}.measurement-lines.corner-tl .vertical{left:0;top:clamp(var(--icon-radius),50%,100% - var(--icon-radius));transform:translate(calc(-50% + 10px),-50%) rotate(-90deg)}.measurement-lines.corner-tl .vertical.offset{transform:translate(calc(-50% - var(--icon-radius) - 12px),-50%) rotate(-90deg)}.measurement-lines.corner-br{background-image:linear-gradient(to right,var(--line-color) 50%,transparent 50%),linear-gradient(to bottom,var(--line-color) 50%,transparent 50%);background-position:bottom right,top right;background-size:10px 2px,2px 10px;background-repeat:repeat-x,repeat-y}.measurement-lines.corner-br .horizontal{bottom:0;left:clamp(var(--icon-radius),50%,100% - var(--icon-radius));transform:translate(-50%,calc(100% + 5px))}.measurement-lines.corner-br .horizontal.offset{transform:translate(-50%,calc(100% + 5px + var(--icon-radius)))}.measurement-lines.corner-br .vertical{right:0;top:clamp(var(--icon-radius),50%,100% - var(--icon-radius));transform:translate(calc(50% - 10px),-50%) rotate(-90deg)}.measurement-lines.corner-br .vertical.offset{transform:translate(calc(50% + var(--icon-radius) + 12px),-50%) rotate(-90deg)}.measurement-lines.corner-tr{background-image:linear-gradient(to right,var(--line-color) 50%,transparent 50%),linear-gradient(to bottom,var(--line-color) 50%,transparent 50%);background-position:top right,top right;background-size:10px 2px,2px 10px;background-repeat:repeat-x,repeat-y}.measurement-lines.corner-tr .horizontal{top:0;left:clamp(var(--icon-radius),50%,100% - var(--icon-radius));transform:translate(-50%,calc(-100% - 5px))}.measurement-lines.corner-tr .horizontal.offset{transform:translate(-50%,calc(-100% - 5px - var(--icon-radius)))}.measurement-lines.corner-tr .vertical{right:0;top:clamp(var(--icon-radius),50%,100% - var(--icon-radius));transform:translate(calc(50% - 10px),-50%) rotate(-90deg)}.measurement-lines.corner-tr .vertical.offset{transform:translate(calc(50% + var(--icon-radius) + 12px),-50%) rotate(-90deg)}#guidance{position:absolute}.footer img{height:40px;cursor:pointer}.pdf-label{background-color:#f29100;position:fixed;right:0;top:30px;font-size:20px;line-height:22px;color:#fff;padding:12px 30px;text-align:right}.element_details{padding:120px 50px 50px;width:100%}.element_details table{font-family:sans-serif!important;font-size:14px}.element_details table th{padding:5px;text-transform:uppercase}.element_details table td{padding:0 5px}.element_details table td img{margin:0 auto}.menu{opacity:40%;position:fixed;padding:30px;z-index:600;transition:opacity .2s}.menu:hover{opacity:100%}.menu img{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(170%) contrast(100%)}.menu ul{border:1px solid #00a0e0}.menu ul li{min-width:200px;color:#fff;background:#00a0e0;padding:7px 15px;line-height:35px;font-weight:medium;cursor:pointer;clear:both}.menu ul li span{display:block;float:left;min-width:50px;margin-right:5px;margin-left:-7px}.menu ul li span img{margin-left:auto;margin-right:auto}.menu ul li:hover,.menu ul li.disabled{background:#fff;color:#00a0e0}.menu ul li:hover img,.menu ul li.disabled img{filter:invert(50%) sepia(89%) saturate(2715%) hue-rotate(166deg) brightness(94%) contrast(100%)}.menu ul li.info{background:#fff;border:1px solid #E20376;color:#e20376;margin:-1px -1px 0}.menu ul li.height-input{cursor:default}.menu ul li.height-input:hover{background:#00a0e0;color:#fff}.menu ul li.height-input .form-control{width:120px;margin-right:8px;border:1px solid #fff;background:#ffffffe6;color:#333}.menu ul li.height-input .form-control::placeholder{color:#999}.menu ul li.height-input .btn{background:#fff;color:#00a0e0;border:1px solid #fff;font-weight:700}.menu ul li.height-input .btn:hover{background:#e20376;color:#fff;border-color:#e20376}.menu ul li.danger{background:#e20376;border:1px solid #E20376;color:#fff;margin:-1px}.menu ul li.danger:hover{background:#fff;color:#e20376}.collapse{padding-left:10px;padding-right:10px}.comment_table{width:100%}.comment_table th{padding-bottom:5px}.comment_table td{vertical-align:middle}.blue_arrow{background-color:#00a0e0;position:absolute;z-index:100;display:flex;justify-content:center;align-items:center}.blue_arrow input{text-align:center;width:auto;position:absolute;z-index:20}.blue_arrow span,.blue_arrow input{background:#fff;padding:0 5px;border-radius:3px;margin-bottom:25px;white-space:nowrap}.blue_arrow.active:hover{border:2px solid #00a0e0;margin-top:-1px}.blue_arrow.active:hover .arrow_left{border-width:0 4px 4px 0;top:-5px;right:-4px}.blue_arrow.active:hover .arrow_right{border-width:0 4px 4px 0;bottom:-5px;left:-4px}.blue_arrow .anchor{position:absolute;border-radius:13px;width:25px;height:25px;top:-8px;right:-11px;cursor:move}.blue_arrow .arrow_left{position:absolute;right:0;top:-3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);border:solid #00a0e0;border-width:0 2px 2px 0;display:inline-block;padding:3px}.blue_arrow .arrow_right{border:solid #00a0e0;border-width:0 2px 2px 0;display:inline-block;padding:3px;left:0;content:"";position:absolute;bottom:-3px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}.ruler{background-color:#0cc;position:absolute;z-index:200;display:flex;justify-content:center;align-items:center}.ruler span{background:#fff;padding:0 5px;border-radius:3px;margin-bottom:30px;white-space:nowrap}.ruler .marks{display:flex;position:absolute;left:0;right:0;align-items:center;flex-direction:row-reverse;justify-content:space-between}.ruler .marks .mark{width:1px;height:10px;background-color:#0cc}.ruler .marks .mark.big{height:20px}.ruler .marks .mark:first-child,.ruler .marks .mark:last-child{visibility:hidden}.ruler .anchor{position:absolute;border-radius:13px;width:25px;height:25px;top:-8px;right:-11px;cursor:move}.ruler .left{position:absolute;right:0;top:-2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);border:solid #00cccc;border-width:0 2px 2px 0;display:inline-block;padding:3px}.ruler .right{border:solid #00cccc;border-width:0 2px 2px 0;display:inline-block;padding:3px;left:0;position:absolute;bottom:-2px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}