body{margin:0;padding:0;background:#fff;font-family:sans-serif;font-size:14px;line-height:1.4;position:relative;min-height:100vh}h1{font-size:18px;margin:25px 0 0;text-align:right}h1.appSelect{border:1px solid #ccc;border-radius:5px;padding:5px;background:#fff;background:linear-gradient(to bottom, #fff 0%, #eee 100%);cursor:pointer}h1.appSelect:hover{color:#337ab7;border-color:#337ab7;background:linear-gradient(to bottom, #fff 0%, #eef 100%)}h1.appSelect span{display:inline-block;width:20px;height:20px;font-size:14px;border:1px solid #ccc;border-radius:100%;color:#337ab7;text-align:center;line-height:20px}.appList{position:absolute;background:#fff;box-sizing:border-box;border:1px solid #ccc;padding:7px 7px 7px 30px;margin:0;box-shadow:5px 5px 15px rgba(0,0,0,.3)}.appList li{position:relative}.appList li.active a{color:#000;font-weight:bold;text-decoration:none}.appList a{display:inline-block;line-height:24px;width:100%}.appList a:hover{background:#eef;text-decoration:underline}.main{overflow:hidden;min-height:100vh}.controlsNManual{float:right;margin:0 25px;width:calc(33% - 50px)}.controls p{text-align:right;max-width:unset}label{display:block;margin-top:15px}select,input,textarea{padding:7px;width:100%;box-sizing:border-box;font-family:sans-serif;font-size:14px;line-height:1.4;vertical-align:top}input[type=checkbox]{width:unset}input.minusSmall{width:calc(100% - 85px)}input.small{width:70px;float:right}button{color:#333;background-color:#fff;display:inline-block;font-size:14px;cursor:pointer;border:1px solid #ccc;padding:10px 20px;border-radius:5px}button:hover{background-color:#e6e6e6;border-color:#adadad}#download,.downloadlist a{color:#fff;display:inline-block;background:#337ab7;text-decoration:none;padding:10px 20px;border:1px solid rgba(0,0,0,0);border-radius:5px;font-size:18px;margin-bottom:15px;margin-left:5px}#download:hover,.downloadlist a:hover{background-color:#286090}#download[hidden]{display:none}.help-block{margin-top:2px}#canvas,.canvas{float:right;max-height:100vh;max-width:67%;background-image:url(../img/transparent.png);outline:2px dashed #999}.canvasmessage{width:1920px;height:1080px;display:flex;justify-content:center;align-items:center;font-size:1.5em;background:#e0b6b6;text-align:center;padding:40px;box-sizing:border-box}.canvasmessage[hidden]{display:none}a{color:#337ab7;text-decoration:none}a:hover{text-decoration:underline}.imgp{clear:left;float:left;margin:0 20px 20px 0}p{max-width:600px}.fa{margin-right:3px}.button{background-color:#fff;display:inline-block;font-size:14px;cursor:pointer;border:1px solid #337ab7;padding:10px 20px;border-radius:5px;text-decoration:none}.button:hover{background-color:#dce7f1;color:#286090;border-color:#286090;text-decoration:none}.lightbox{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0);background:rgba(0,0,0,.5);z-index:1000}.lightbox div{position:relative;background:#fff;padding:15px 35px 35px;max-width:500px;margin:100px auto 0;box-shadow:0px 5px 15px rgba(0,0,0,.5)}.manuals{overflow:hidden}.manual{clear:left}.manual video{max-width:100%}.manual .important{border:2px solid #ffcf00;padding:10px 15px;background:#fff6cf}.images2{max-width:unset}.images2 img{width:calc(50% - 5px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.canvasError{position:absolute;right:0;top:0;padding:10px 15px;background:#db0c0c;color:#fff;margin:20px;font-size:21px}#textarow{position:relative}#textawarning{position:absolute;padding:5px;left:0;bottom:0;background:#db0c0c;color:#fff}.fadeout{opacity:0 !important;transition:opacity 1s}.break{clear:left;margin:16px 0}.small{font-size:.9em;color:#999}.dragEffect{position:fixed;top:0;left:0;bottom:0;right:0;background:hsla(0,0%,80%,.8);display:flex;align-items:center;justify-content:center;border:20px dashed hsla(0,0%,40%,.4);font-size:4em}.dragEffect[hidden]{display:none}@media(max-width: 1640px){.manuals{float:none;clear:both;width:auto;max-width:600px;margin:0 auto}}@media(max-width: 1000px){#canvas{max-width:100%;float:none}.controls{width:auto;clear:both;float:none}}@media(max-width: 650px){.manuals{margin:0 25px}}@media(max-width: 500px){.imgp{float:none;margin:1em 0}.lightbox div{padding:15px 25px 25px}}