html body{background-color:#f0f5f5;font-family:'Exo','Helvetica',sans-serif;font-size:1em}#canvas-container{position:fixed;width:calc(100% -  230px);height:80%;left:230px;top:0;overflow:scroll;margin:0;padding:0}#console-container{position:fixed;width:calc(100% -  230px);height:calc(100% -  80%);left:230px;top:80%;color:#fff;margin:0;padding:0}#canvas-content{display:block;width:100%;height:100%}#left-logo-container{position:fixed;width:230px;height:145px;left:0;top:0;background:linear-gradient(to bottom, #76a3a3 0, #699 50%, #486b6b 100%);background-color:#699;margin:0;padding:0;padding-top:0}#left-logo-container img{display:block;width:70%;margin-left:-32px;margin-top:-50px;opacity:1}.left-drag-image{position:absolute;z-index:2;left:10px;top:20px}.left-drag-image img{opacity:.5}#left-tab-container{position:fixed;width:67px;height:calc(100% -  145px);left:0;top:145px;background-color:#293d3d;margin:0;padding:0;padding-top:0;border-right:3px solid #0099cc}#left-menu-container{position:fixed;width:160px;height:calc(100% -  145px);left:70px;top:145px;background-color:#c2d6d6;margin:0;padding:0}.left-menu-img{display:block;width:65%;margin-left:8px;padding:11px 0;opacity:.7}[class*="left-tab-link"]{display:block;width:100%;color:#808080;padding:4px 0;cursor:pointer;text-decoration:none;font-size:.6em;text-align:center}.left-tab-link:hover{animation-name:left-tab-link-hover;animation-duration:.3s;color:#FFFFFF;background-color:#3e5c5c}.left-tab-link:hover div{color:#FFFFFF}[class*="left-tab-link"] div{display:block;width:30px;color:#b3b3b3;margin:0 auto;padding:7px 0;text-align:center}.left-tab-link-sel{background-color:#0099cc;color:#FFFFFF}.left-tab-link-sel div{color:#fff}.left-tab-link div:hover{animation-name:left-tab-link-hover-div;animation-duration:.3s;color:#FFFFFF}@keyframes left-tab-link-hover{from{background-color:#293d3d;color:#293d3d}to{background-color:#3e5c5c;color:#FFFFFF}}@keyframes left-tab-link-hover-div{from{color:#b3b3b3}to{color:#FFFFFF}0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}25%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}50%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}75%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}100%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}.left-menu-link{display:block;width:calc(100% - 4px);background-color:#e1ebeb;padding:0 0;border-right:4px solid #e1ebeb;cursor:pointer;text-decoration:none;font-size:.8em}.left-menu-link:hover{background-color:#fff;border-right:4px solid #0086b3}.left-menu-link:hover div{background-color:#0086b3}.left-menu-link div{display:inline-block;width:32px;background-color:#0099cc;color:#FFFFFF;margin:0 auto;margin-right:4px;padding:6px 0;text-align:center}.left-menu-tile{display:inline-block;width:calc(50% - 6px);background-color:#f0f5f5;padding:6px 0 0 0;margin:3px;cursor:pointer;text-align:center;text-decoration:none;font-size:.8em}.left-menu-tile div{display:block;width:100%;min-height:27px}.left-menu-tile img{width:50%;margin:0 auto}.left-menu-tile span{display:block;width:100%;background-color:#94b8b8;color:#FFFFFF;padding:6px 0}.left-menu-tile:hover{background-color:#fff}.left-menu-tile:hover span{background-color:#0086b3}#console-content{display:block;overflow-y:scroll;width:100%;height:100%;background-color:#0a0f0f;color:#fff;padding:5px 10px 5px 10px;outline:0;font-family:Courier,monospace;font-size:.8em}#console-content .info{color:#ccccb3}#console-content .error{color:#ff3333}#console-content .data{color:#fff}#console-resize-bar{display:block;width:100%;height:4px;background-color:#3d5c5c;padding:0;margin:0}#console-float-control{display:inline-block;position:absolute;top:2px;left:calc(100% - 22px);background-color:#3d5c5c;color:#fff;padding:0 8px 0 6px;border-left:2px;border-radius:2px;cursor:pointer}#overlay-screen{display:block;position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000;background-color:rgba(0,0,0,0.4);color:#000000;font-family:Exo,Helvetica,sans-serif}#dialog{display:none;position:relative;overflow:auto;width:300px;background-color:#fefefe;margin:auto;padding:0;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);animation-name:animatetop;animation-duration:.5s}.dialog-text{display:block;padding:10px 20px 5px 20px;font-weight:300;text-align:center;font-size:.9em}.dialog-text p{padding:6px;margin:0;font-size:.7em}.dialog-text a{color:#000000;font-weight:400}#properties{display:none;position:relative;overflow:auto;background-color:#f2f2f2;margin:auto;padding:10px 0 3px 0;width:400px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.property-text{display:block;padding:3px 20px 0 20px;font-weight:300;text-align:center;font-size:.7em}#preload{display:block;width:100%;height:100%;background-color:#f0f5f5;align-content:center;padding:0}#preload img{display:block;position:fixed;left:calc(50% - 150px);top:50px}#preload span{display:block;position:fixed;width:60%;top:380px;margin-left:20%;font-family:'Helvetica',sans-serif;font-weight:300;text-align:center;font-size:.9em}.circular-container{display:block;position:fixed;top:300px;left:47%;width:6%;margin:0 auto}.circle{border:5px solid transparent;border-radius:70%}.circular-loader1{width:50px;height:50px;display:table;padding:5px;border-top:5px solid #00807d;border-bottom:5px solid #00807d;animation:circular_loader1 linear 1.5s infinite}.circular-loader2{width:10px;height:10px;display:table-cell;border-right:5px solid #00b4b0;border-left:5px solid #00b4b0;animation:circular_loader2 linear 1s infinite}@keyframes circular_loader1{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes circular_loader2{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@keyframes animatetop{from{top:-400px;opacity:0}to{top:0;opacity:1}}[class*="dialog_button"]{display:inline-block;float:right;min-width:60px;max-width:100px;color:#000;border-bottom:3px solid rgba(255,255,255,0);border-radius:2px;padding:8px 8px 5px 8px;margin:5px 10px 5px 0;cursor:pointer;font-weight:400;font-size:.7em;text-align:center;text-decoration:none}[class*="dialog_button"]:hover{border-bottom:3px solid #003300}[class*=" neg"]:hover{border-bottom:3px solid #F00}[class*=" pos"]:hover{border-bottom:3px solid #00cc99}.select_container{display:block;width:calc(100% - 22px);background-color:#FFF;border:1px solid #d9d9d9;border-radius:3px;margin:5px 10px}[class*="option"]{display:block;width:100%;background-color:#FFF;color:#000;padding:3px 2px 3px 5px;margin:0;cursor:pointer;font-family:'Exo','Helvetica',sans-serif;font-weight:300;font-size:1em;text-align:left}[class*="option"] span{font-size:.7em;vertical-align:text-top}.option:hover{background-color:#e0ebeb}[class*="_selected"]{background-color:#a3c2c2;font-weight:400;color:#FFF}[class*="input"]{display:inline-block;width:calc(100% - 38px);overflow-x:scroll;white-space:nowrap;background-color:#FFF;border:1px solid #d9d9d9;border-radius:3px;padding:2px 8px;margin:5px 10px;font-family:'Exo','Helvetica',sans-serif;font-weight:400;font-size:.8em;text-align:left}[class*="textarea"]{display:inline-block;width:calc(100% - 38px);height:100px;overflow:scroll;white-space:nowrap;resize:none;background-color:#FFF;border:1px solid #d9d9d9;border-radius:3px;padding:4px 8px;margin:5px 10px;font-weight:300;font-size:.8em;text-align:left}[class*="_red"]{border:1px solid #F00}[class*="_green"]{border:1px solid #00cc99}[class*="input"],[class*="textarea"],[class*="option"],.select_container:focus{outline:0}[class*="header_"]{display:block;width:100%;padding:10px 0;text-align:center}[class*="_alert"]{background-color:#ff9900;color:#FFF}[class*="_confirm"]{background-color:#53c653;color:#FFF}[class*="_neutral"]{background-color:#33cccc;color:#FFF}#message{display:none;position:fixed;left:calc(100% - 320px);overflow:auto;width:300px;background-color:#00eb93;padding:0;border-radius:5px;border-bottom:4px solid #006b43;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);animation-name:animatemessage;animation-duration:5s;animation-fill-mode:forwards}@keyframes animatemessage{0%{top:-400px;opacity:0}10%{top:20px;opacity:1}80%{top:20px;opacity:1}100%{top:-400px;opacity:0;display:none}}#message div{display:inline-block;background-color:#00ad6d;color:#FFFFFF;padding:10px 10px 10px 10px}#message span{display:inline-block;max-width:200px;padding:5px;font-weight:300;text-align:center;font-size:.8em}#message a{display:inline-block;color:#000000;padding:10px;margin:0;cursor:pointer;font-weight:400;font-size:.7em;text-align:center;text-decoration:none}#message a:hover{text-decoration:underline}