body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.panel .screen{position:relative;top:-180px;left:85px;width:130px;height:66px;border:1px solid #ccc;z-index:10;background-color:#000}.panel .screen canvas{width:128px;height:64px;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.panel .screen .main{border:0 solid red}.panel .screen .overlay{border:0 solid #00f}.panel .screen .hidden{display:none}.panel .wrapper .gestureUp{position:relative;top:-370px;left:-1px;height:10px;width:300px}.panel .wrapper .gestureDown{position:relative;top:-72px;left:-1px;height:10px;width:300px}.panel .wrapper .gestureLeft{position:relative;top:-380px;left:-10px;height:299px;width:10px}.panel .wrapper .gestureRight{position:relative;top:-680px;left:298px;height:299px;width:10px}.panel .wrapper .gesture{border:1px solid #000;background-color:#000;transition:all .3s ease;opacity:.1}.panel .wrapper .gesture:hover{opacity:.7}.panel .btn{font-size:10pt}.panel .btn .variable{color:#ccc;word-wrap:break-word}panel .btn .led.red{background-color:red}body{padding-top:58px}.top-menu{padding:0 1em;border-bottom:2px solid #a9a9a9}.top-menu .nav-link.active{border-bottom:2px solid #888a85}.top-menu .run{margin-left:1em}.top-menu .separator{border-right:1px solid #888a85}.menu{background-color:#f8f9fa!important;padding:0;display:flex;font-size:1rem;overflow:hidden;resize:none}.menu a{word-wrap:revert}.menu .active{font-weight:700}.menu .noInterface{color:#721c24}.menu .cluVariable{color:#1e7e34}.menu .clu{color:#28a745}.menu .inactive{color:#333}.menu .vertical{padding-top:1em;flex:40px 1;background-color:#343a40;display:inline;float:left;font-size:25px;color:#f5f5f5;text-align:center}.menu .variables{padding:1em;flex:90% 1}.texteditorMenu{background-color:#fff}.texteditorMenu p{display:inline}.consoleRun,.luaToOml,.omlToLua{width:5em;margin:0 5px;padding:7px 5px}.editor-bar{padding:3px}.editor-bar .nav-link.active{border-bottom:2px solid #888a85}.editor-bar .consoleRun{display:inline}.propertiesBox{margin-bottom:1rem}.properties{background-color:#f8f9fa!important;padding:1rem}.eventTextarea{height:100px;width:80%}.playground{display:flex;flex-wrap:wrap;background-color:#a9a9a9;margin-bottom:1rem}.digitalIn{width:300px;height:300px;border:1px solid;margin:10px;overflow:scroll;font-size:10pt;overflow-x:hidden}.digitalIn .description{border-bottom:1px solid #000;height:30px}.digitalIn .channels .channel{position:relative;width:100%;border-bottom:1px solid;height:68px;padding:5px}.digitalIn .channels .channel .info{position:absolute;width:40px;height:25px;top:0;right:0}.digitalIn .channels .channel .label{position:relative;left:25px;top:-10px}.digitalIn .channels .click{position:absolute;font-size:1rem;left:10px;top:35px;padding:0 3px;background-color:#f5f5f5}.digitalIn .channels .led{position:relative;left:5px;top:7px;background-color:#fff;width:10px;height:5px;margin:5px}.digitalIn .channels .led.green{background-color:#adff2f}.relay{width:300px;height:300px;border:1px solid #1b1e21;margin:10px;font-size:10pt;overflow:scroll;overflow-x:hidden}.relay .transmitters{display:inline;overflow:scroll}.relay .transmitters .transmitter{width:100%;height:68px;padding:5px;border-bottom:1px solid;position:relative}.relay .transmitters .transmitter .ledWrapper{border:0 solid}.relay .transmitters .transmitter .ledWrapper .led{position:relative;left:0;top:2px;background-color:#fff;width:10px;height:5px;margin:5px}.relay .transmitters .transmitter .ledWrapper .label{position:relative;left:20px;top:-15px}.relay .transmitters .transmitter .info{position:absolute;width:40px;height:25px;top:0;right:0}.relay .description{border-bottom:1px solid #000;height:27px}.relay .transmitters .transmitter .led.green{background-color:#adff2f}.relay .description{padding:5px}body{background-color:#ccc}.panel{width:300px;height:300px;background-color:#000;border:1px solid #fff;margin:10px}.panel .btn{width:140px;height:140px;border:1px solid #ccc;margin:4px}.panel .btn .led{left:5px;top:5px;background-color:#fff;width:10px;height:5px;margin:5px}.panel .btn .led.green{background-color:#adff2f}.panel .btn .led.right{left:165px}.CLU{width:300px;height:300px;border:1px solid;margin:10px;overflow:scroll;overflow-x:hidden}.description{border-bottom:1px solid #000;height:27px;padding:5px;font-size:10pt}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timer{position:relative;width:100%;height:80px;border-bottom:1px solid #000;padding:5px}.timer .fadeIn{-webkit-animation:fadeIn 1s ease-in-out 0s;animation:fadeIn 1s ease-in-out 0s}.timer .info{position:absolute;width:40px;height:25px;top:0;right:0}.timer .title{font-size:10pt}.timer .led{float:left;background-color:#adff2f;width:10px;height:5px;margin:6px}.satel{position:relative;width:100%;height:60px;border-bottom:1px solid #000;padding:5px}.satel .info{position:absolute;width:40px;height:25px;top:0;right:0}.satel .title{font-size:10pt}.satel .led{float:left;width:10px;height:5px;margin:6px}.satel .led,.satel .led.on{background-color:#adff2f}.satel .led.off{background-color:#eee}.http{position:relative;width:100%;height:200px;border-bottom:1px solid #000;padding:5px}.http .info{position:absolute;width:40px;height:25px;top:0;right:0}.http .title{font-size:10pt}.http .request-info{height:150px;overflow:scroll}.newProject{background-color:#f8f9fa!important;padding:1rem;margin-bottom:1rem}.logs{width:100%;height:500px}.navbar-main button{margin-left:5px}.icons{display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between}.icons .icon{text-align:center;border:1px solid;width:136px;margin:5px;padding:10px 3px}.comments{background-color:#f8f9fa!important;padding:1rem;margin-bottom:1rem}