html,body{width:100%;height:100%;margin:0;padding:0}body{display:table;background:#000}.loading{display:table-cell;vertical-align:middle;font-family:Arial,sans-serif;font-size:65px;color:#fff;text-align:center}.gameContainer{display:table;position:absolute;top:0;left:0;width:100%;height:100%;background:#222;min-width:800px;min-height:600px}.header{width:100%;line-height:80px;height:80px;display:table-row;background:#444;font-family:Arial,sans-serif;font-size:35px;color:#fff;text-align:center;overflow:hidden}.header .logo{margin-left:20px;margin-top:10px;margin-bottom:10px;height:60px;float:left}.header .right{float:right;margin-right:20px}.header .name{display:inline-block;margin:auto;font-size:40px;color:#6a831e}.content{display:table-row}.main-menu{display:table-cell;width:100%;height:100%;padding:15px}.main-menu .menu-wrapper{display:table;width:100%;height:100%}.main-menu .row{display:table-row}.main-menu .heading{height:75px;font-family:Arial,sans-serif;font-size:50px;font-weight:bold;line-height:60px;color:#fff;text-align:center}.main-menu .heading-left{display:table;text-align:left;float:left}.main-menu .heading-right{display:table;text-align:right;float:right}.main-menu .bottom{margin-top:15px}.main-menu .grid-wrapper-wrapper{display:table-cell;width:100%;height:100%;background-color:#333}.main-menu .grid-wrapper{position:relative;display:table;width:100%;height:100%}.main-menu .grid{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;overflow:auto}.main-menu .grid .items-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;flex-direction:row;flex-wrap:wrap;margin:50px}.main-menu .grid .item{display:table;margin:0 auto;float:left;cursor:pointer;padding:10px;text-align:center;font-family:Arial,sans-serif;color:#fff;text-decoration:none}.main-menu .grid .item:hover{background-color:#444}.main-menu .grid .item .name{width:200px;font-size:20px;font-weight:bold}.main-menu .grid .item .description{width:200px;height:2.4em;font-size:15px;overflow:hidden}.main-menu .grid .item .ranked{width:200px;font-size:15px;font-style:italic}.main-menu .grid .item .ranked-green{color:#6a831e}.main-menu .grid .item .image{position:relative;width:134px;height:134px;margin:0 auto}.main-menu .grid .item .image img{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;max-width:134px;max-height:134px}.main-menu .grid .item .image .solved{position:absolute;bottom:0;right:0;font-size:56px;color:#6a831e}.main-menu .row .btn-left{float:left;margin-right:15px}.main-menu .row .btn-right{float:right;margin-left:15px}.ingame_wrapper{width:100%;height:100%;display:table}.level_header{font-family:Arial,sans-serif;width:100%;line-height:50px;height:50px;display:table-row;background-color:#333;font-size:20px;color:#fff;text-align:center;overflow:hidden}.level_header .series_name{float:left;margin-left:25px}.level_header .level_name{display:inline-block;margin:auto}.level_header .need_hint{float:right;margin-right:25px}.level_header .need_hint a,.level_header .need_hint a:visited{color:#6a831e}.level_body{display:table-cell;height:100%}.level_body .level_view{width:60%;height:100%;float:left;display:table;border-collapse:separate;border-spacing:10px}.level_body .level_view .bot_status{display:table-row;height:80px;line-height:80px;width:100%}.level_body .level_view .level_area{display:table-row;background-color:#333;width:100%;height:100%}.level_body .program_view{width:40%;height:100%;float:right;display:table;border-collapse:separate;border-spacing:10px}.level_body .program_view .program_controls{display:table-row;background:#444;height:80px;width:100%}.level_body .program_view .program_controls .button{width:16%;height:72px;margin-left:2%;margin-right:2%;margin-top:4px;margin-bottom:4px;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;float:left}.level_body .program_view .program_controls .button.run{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_run.png')}.level_body .program_view .program_controls .button.run:hover{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_run_selected.png')}.level_body .program_view .program_controls .button.run.disabled{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_run_disabled.png')}.level_body .program_view .program_controls .button.clear{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_clear.png')}.level_body .program_view .program_controls .button.clear:hover{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_clear_selected.png')}.level_body .program_view .program_controls .button.clear.disabled{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_clear_disabled.png')}.level_body .program_view .program_controls .button.exit{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_exit.png')}.level_body .program_view .program_controls .button.exit:hover{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_exit_selected.png')}.level_body .program_view .program_controls .button.exit.disabled{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_exit_disabled.png')}.level_body .program_view .program_controls .button.reset{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_reset.png')}.level_body .program_view .program_controls .button.reset:hover{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_reset_selected.png')}.level_body .program_view .program_controls .button.reset.disabled{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_reset_disabled.png')}.level_body .program_view .program_controls .button.stop{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_stop.png')}.level_body .program_view .program_controls .button.stop:hover{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_stop_selected.png')}.level_body .program_view .program_controls .button.stop.disabled{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_stop_disabled.png')}.level_body .program_view .program_controls .button.warp{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_warp.png')}.level_body .program_view .program_controls .button.warp:hover{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_warp_selected.png')}.level_body .program_view .program_controls .button.warp.active{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_warp_selected.png')}.level_body .program_view .program_controls .button.warp.active_turbo{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_warp_selected_turbo.png')}.level_body .program_view .program_controls .button.warp.active:hover{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_warp_selected.png')}.level_body .program_view .program_controls .button.warp.disabled{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/buttons/btn_warp_disabled.png')}.level_body .program_view .program_editor{display:table-row;height:100%}.level_body .level_view .bot_status{font-family:Arial,sans-serif;color:#fff;font-size:25px}.level_body .level_view .bot_status .battery_status{float:left}.level_body .level_view .bot_status .memory_status{float:right}.level_body .level_view .bot_status .battery_icon{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/battery_icon.png');background-size:contain;height:50px;width:50px;float:left;margin-top:15px}.level_body .level_view .bot_status .memory_icon{background-image:url('https://www.ksp.sk/static/specialne/ksp/32/3/1/assets/graphics/memory_icon.png');background-size:contain;height:50px;width:50px;float:right;margin-right:10px;margin-left:10px;margin-top:15px}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-family:Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.42857143;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn-default{color:#6a831e;background-color:#444;border-color:#333}@-webkit-keyframes ngdialog-flyin{0{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ngdialog-flyin{0{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes ngdialog-flyout{0{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes ngdialog-flyout{0{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}}.ngdialog.ngdialog-theme-default{width:100%;height:100%;padding-bottom:160px;padding-top:160px}.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content{-webkit-animation:ngdialog-flyout .5s;animation:ngdialog-flyout .5s}.ngdialog.ngdialog-theme-default .ngdialog-content{-webkit-animation:ngdialog-flyin .5s;animation:ngdialog-flyin .5s;background-color:#444;border-radius:5px;color:#fff;font-family:Arial,sans-serif;font-size:1.1em;line-height:1.5em;margin:0 auto;max-width:100%;padding:1em;position:relative;width:450px;word-break:break-word;z-index:100}.ngdialog.ngdialog-theme-default .ngdialog-close{border-radius:5px;cursor:pointer;position:absolute;right:0;top:0}.ngdialog.ngdialog-theme-default .ngdialog-close:before{background:transparent;border-radius:3px;color:#bbb;content:'\00D7';font-size:26px;font-weight:400;height:30px;line-height:26px;position:absolute;right:3px;text-align:center;top:3px;width:30px}.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,.ngdialog.ngdialog-theme-default .ngdialog-close:active:before{color:#777}.ngdialog.ngdialog-theme-default .ngdialog-message{margin-bottom:.5em}.ngdialog.ngdialog-theme-default .ngdialog-input{margin-bottom:1em}.ngdialog.ngdialog-theme-default .ngdialog-input textarea,.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]{background:#fff;border:0;border-radius:3px;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0 0 .25em;min-height:2.5em;padding:.25em .67em;width:100%}.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus{-webkit-box-shadow:inset 0 0 0 2px #8dbdf1;box-shadow:inset 0 0 0 2px #8dbdf1;outline:0}.ngdialog.ngdialog-theme-default .ngdialog-buttons{*zoom:1}.ngdialog.ngdialog-theme-default .ngdialog-buttons:after{content:'';display:table;clear:both}.ngdialog.ngdialog-theme-default .ngdialog-button{border:0;border-radius:3px;cursor:pointer;float:right;font-family:inherit;font-size:.8em;letter-spacing:.1em;line-height:1em;margin:0 0 0 .5em;padding:.75em 2em;text-transform:uppercase}.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:ngdialog-pulse 1.1s infinite;animation:ngdialog-pulse 1.1s infinite;outline:0}@media(max-width:568px){.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:none;animation:none}}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary{background:#3288e6;color:#fff}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary{background:#e0e0e0;color:#777}