input.tiToggleRound+label:before,input.tiToggleRoundFlat+label{-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s}.lightenedPrimaryColor{color:#6196d9}.secondaryColor{color:#7e8287}.alertColor,.ternaryColor{color:#2f6ab4}.primaryBackgroundColor{background-color:#245797}.lightPrimaryColor{color:#6196d9}.lightPrimaryBackgroundColor{background-color:#6196d9}.lighterPrimaryBackgroundColor{background-color:#8ab2e3}.lightestPrimaryBackgroundColor{background-color:#b3cded}.secondaryBackgroundColor{background-color:#7e8287}.lightSecondaryBackgroundColor{background-color:#c0c2c4}.lighterSecondaryBackgroundColor{background-color:#dadcdd}.lightestSecondaryBackgroundColor{background-color:#f5f5f6}.ternaryBackgroundColor{background-color:#2f6ab4}.lightTernaryBackgroundColor{background-color:#84acdf}.lighterTernaryBackgroundColor{background-color:#acc7e9}.lightestTernaryBackgroundColor{background-color:#d5e2f4}.contrastBackgroundColor{background-color:#777}.lightContrastBackgroundColor{background-color:#b7b7b7}.lighterContrastBackgroundColor{background-color:#d0d0d0}.lightestContrastBackgroundColor{background-color:#eaeaea}.titleFont{font-family:Oswald,sans-serif}.defaultFont,.smallFont{font-family:'Titillium Web',sans-serif}.defaultFont{font-size:1pc}.smallFont{font-size:9pt}.okColor{color:#30b455}.warningColor{color:#EFAF13}.alertColor{color:red}.circleText{width:50%}.circleText:after{content:"";display:block;width:100%;height:0;padding-bottom:100%;background:#8ab2e3;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:2px 2px 2px 0 #ccc!important;-moz-box-shadow:2px 2px 2px 0 #ccc!important;box-shadow:2px 2px 2px 0 #ccc!important}.circleText div{float:left;width:100%;padding-top:50%;line-height:1em;margin-top:-.5em;text-align:center;color:#fff}.circleAlertButton,.circleButton{width:3em;height:3em;line-height:3em;font-size:1em;text-decoration:none;display:block;text-align:center}.circleText:hover:after{background:#777;color:#FFF;cursor:hand}.circleButton{border:1px solid #2f6ab4;border-radius:50%;background:#FFF;color:#2f6ab4}.circleButton:hover{-webkit-animation:circleButtonClick 1s;-moz-animation:circleButtonClick 1s;-o-animation:circleButtonClick 1s;animation:circleButtonClick 1s;cursor:hand}@keyframes circleButtonClick{0%{background:#2f6ab4;-webkit-box-shadow:1px 1px 1px 0 #2f6ab4;-moz-box-shadow:1px 1px 1px 1px #2f6ab4;-o-box-shadow:1px 1px 1px 1px #2f6ab4;box-shadow:1px 1px 1px 0 #2f6ab4}100%{background:#FFF;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}}@-webkit-keyframes circleButtonClick{0%{background:#2f6ab4}100%{background:#FFF}}.circleAlertButton{border:1px solid red;border-radius:50%;background:#FFF;color:red}.lcd table,.lcd td{border:1px solid #888}.ledRgb,.lightBlink,.lightOff,.lightOn{font-size:35px!important}.circleAlertButton:hover{-webkit-animation:circleAlertButtonClick 1s;-moz-animation:circleAlertButtonClick 1s;-o-animation:circleAlertButtonClick 1s;animation:circleAlertButtonClick 1s;cursor:hand}@keyframes circleAlertButtonClick{0%{background:red;-webkit-box-shadow:1px 1px 1px 0 red;-moz-box-shadow:1px 1px 1px 1px red;-o-box-shadow:1px 1px 1px 1px red;box-shadow:1px 1px 1px 0 red}100%{background:#FFF;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}}@-webkit-keyframes circleAlertButtonClick{0%{background:red}100%{background:#FFF}}table.buttonGrid{border-spacing:0}table.buttonGrid td{padding:5px}.lightOff{color:#BBB!important}.lightOn{color:#ff0!important}@keyframes blink{0%{color:#ff0}100%{color:#999}}@-webkit-keyframes blink{0%{color:#ff0}100%{color:#999}}.lightBlink{-webkit-animation:blink .5s linear infinite;-moz-animation:blink .5s linear infinite;animation:blink .5s linear infinite}.lcd table{background-color:#EEE;border-collapse:collapse}.lcd .matrix{min-width:15px;width:15px;min-height:20px;height:20px;font-family:monospace;font-size:1em;color:#000}.relay .closed,.relay .open{font-size:20px}.pushButton{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:none;font-family:'Titillium Web',sans-serif;color:#fff;font-size:1em;background:#245797;padding:10px 20px;text-decoration:none}.pushButton:hover{background:#777;text-decoration:none}.tiToggle{position:absolute;margin-left:-9999px;visibility:hidden}.tiToggle+label{display:block;position:relative;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input.tiToggleRound+label{padding:2px;width:4em;height:2em;background-color:#ddd;-webkit-border-radius:2em;-moz-border-radius:2em;-ms-border-radius:2em;-o-border-radius:2em;border-radius:2em}input.tiToggleRound+label:after,input.tiToggleRound+label:before{display:block;position:absolute;top:1px;left:1px;bottom:1px;content:""}input.tiToggleRound+label:before{right:1px;background-color:#f1f1f1;-webkit-border-radius:2em;-moz-border-radius:2em;-ms-border-radius:2em;-o-border-radius:2em;border-radius:2em;transition:background .3s}input.tiToggleRound+label:after{width:2em;background-color:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);-moz-box-shadow:0 2px 5px rgba(0,0,0,.3);box-shadow:0 2px 5px rgba(0,0,0,.3);-webkit-transition:margin .3s;-moz-transition:margin .3s;-o-transition:margin .3s;transition:margin .3s}input.tiToggleRoundFlat+label,input.tiToggleRoundFlat+label:before{-webkit-border-radius:2em;-moz-border-radius:2em;-ms-border-radius:2em;-o-border-radius:2em}input.tiToggleRound:checked+label:before{background-color:#2f6ab4}input.tiToggleRound:checked+label:after{margin-left:2em}input.tiToggleRoundFlat+label{padding:1px;width:4em;height:2em;background-color:#ddd;border-radius:2em;transition:background .3s}input.tiToggleRoundFlat+label:after,input.tiToggleRoundFlat+label:before{display:block;position:absolute;content:""}input.tiToggleRoundFlat+label:before{top:1px;left:1px;bottom:1px;right:1px;background-color:#fff;border-radius:2em;-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s;transition:background .3s}input.tiToggleRoundFlat+label:after{top:1px;left:1px;bottom:1px;width:2em;background-color:#ddd;-webkit-border-radius:2em;-moz-border-radius:2em;-ms-border-radius:2em;-o-border-radius:2em;border-radius:2em;-webkit-transition:margin .3s,background .3s;-moz-transition:margin .3s,background .3s;-o-transition:margin .3s,background .3s;transition:margin .3s,background .3s}.irs,.irs .ui-input-text{border:none!important}input.tiToggleRoundFlat:checked+label{background-color:#2f6ab4}input.tiToggleRoundFlat:checked+label:after{margin-left:2em;background-color:#2f6ab4}input.tiToggle-yes-no+label{padding:2px;width:90pt;height:60px}input.tiToggle-yes-no+label:after,input.tiToggle-yes-no+label:before{display:block;position:absolute;top:0;left:0;bottom:0;right:0;color:#fff;font-family:"Roboto Slab",serif;font-size:20px;text-align:center;line-height:60px}.irs-from,.irs-max,.irs-min,.irs-single,.irs-to{line-height:1.333;text-shadow:none;padding:1px 5px;font-size:1em}input.tiToggle-yes-no+label:before{background-color:#ddd;content:attr(data-off);-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-o-transition:-o-transform .5s;transition:transform .3s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}input.tiToggle-yes-no+label:after{background-color:#8ce196;content:attr(data-on);-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}input.tiToggle-yes-no:checked+label:before{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}input.tiToggle-yes-no:checked+label:after{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}.irs{height:5em}.irs-with-grid{height:75px}.irs-line,.irs-line-left,.irs-line-mid,.irs-line-right{height:2px}.irs-line{top:3em;background:#f5f5f6;border:1px solid #CCC;border-radius:1px;-moz-border-radius:1px}.irs-bar,.irs-bar-edge{height:5px;top:3em;background:#8ab2e3}.irs-bar{border:1px solid #8ab2e3;border-left:3px solid #8ab2e3}.irs-bar-edge{width:1pc;border:1px solid #8ab2e3;border-right:4px solid #8ab2e3;border-radius:1px 0 0 1px;-moz-border-radius:1px 0 0 1px}.irs-shadow{height:2px;top:38px;background:#000;opacity:.3;border-radius:5px;-moz-border-radius:5px}.irs-slider,.irs-slider.state_hover,.irs-slider:hover{background:#FFF}.irs-slider{top:2em;width:2em;height:2em;border:1px solid #245797;border-radius:2em;-moz-border-radius:2em;box-shadow:none!important;cursor:pointer}.irs-max,.irs-min{color:#b3cded;top:0;border-radius:3px;-moz-border-radius:3px;background:0 0!important}.irs-from,.irs-single,.irs-to{color:#FFF;background:#245797;border-radius:3px;-moz-border-radius:3px}.irs-grid{height:27px}.irs-grid-pol{opacity:.5;background:#245797}.irs-grid-pol.small{background:#999}.irs-grid-text{bottom:5px;color:#99a4ac}.battery{font-size:1em;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);display:inline-block}.batteryLevelOk{color:#30b455}.batteryLevelWarn{color:#EFAF13}.batteryLevelAlert{color:#E81309}.dronePhoto{height:200px}.droneControlPanel{position:relative;width:300px;height:200px;border:1px solid #BBB}.buttonIcon{font-size:40px}.droneControlStick{position:absolute;font-size:36px;color:#245797}img.snapshotImage{-webkit-box-shadow:2px 2px 2px 0 #ccc;-moz-box-shadow:2px 2px 2px 0 #ccc;box-shadow:2px 2px 2px 0 #ccc;border-radius:3px}.sp-container{border-radius:2px;background-color:#FFF;border:1px solid #c0c2c4;padding:0}