.dockedButtons .hasmenu{z-index:1000} .ui-widget.ui-widget-content{opacity:1} video::-webkit-media-controls-panel{display:none!important} .videoContainer{position:relative;overflow:hidden;background:0 0;color:#ccc;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%} .grommet #ircWindow.ui-dialog-content{margin:0;padding:0} .control{color:#ccc;position:absolute;top:0;left:0;z-index:2147483647;display:none;background:#1F1F1F;background:linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-moz-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-webkit-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-o-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);opacity:.9;border-bottom-left-radius:35px;border-bottom-right-radius:35px;padding-right:35px;padding-left:35px;cursor:auto} .control.fullscreenMode{cursor:move} .topControl{height:11px;border-bottom:1px solid #404040;padding:1px 5px;background:#1F1F1F;background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%)} .btmControl{clear:both;background:#1F1F1F;background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%)} .control div.btn{float:left;width:34px;padding:0 5px;cursor:pointer;display:none} .dockedButtons{display:flex} .dockedButtons div.btn{margin:0 4px} div.btn:hover svg{fill:#fff!important;stroke:hsla(0,0%,100%,.8)} .btnHotKeys svg,.control-icon-keyboard{stroke:hsla(0,0%,100%,.3);max-width:44px;max-height:44px;width:44px;height:27px;pointer-events:none} .dockedButtons .control-icon-keyboard{margin-top:-5px} .btnVM .control-icon-cd{width:29px;max-width:30px;height:30px;max-height:30px} .dockedButtons .btnVM .control-icon-cd{margin-top:-4px;width:34px} .btnHotKeys svg.control-icon-keyboard path{stroke-width:1.25px} .btnHotKeys svg.control-icon-keyboard{stroke-width:1px;height:37px} div.btn:hover svg path{stroke:#fff} .control div.text{font-size:12px;font-weight:700;line-height:30px;text-align:center;font-family:verdana;width:20px;border:none;color:#777} .control .btnHotKeys,.control .btnOptions,.control div.btnPin{display:flex} .control.dockedMode div.btn.dockedMode,.control.fullscreenMode div.btn.fullscreenMode,.control.windowedMode div.btn.windowedMode{display:flex} .control.windowedMode div.btnPin{display:none} div.videoContainer>div.control.dockedMode,div.videoContainer>div.control.windowedMode{display:none!important} .control div.btnPin.selected{border:1px solid #000;border-radius:5px;background-color:hsla(0,0%,100%,.2)} .control div.btnPin.selected svg path{fill:hsla(0,0%,100%,.7)} .control div.btnOptions{width:32px;height:32px;max-width:36px;max-height:36px;padding:0;margin-left:5px;margin-right:-4px} .control div.btnOptions svg{width:32px;height:32px;max-width:36px;max-height:36px} .control div.btnOptions .control-icon-logo path{stroke-width:8px} .control div.btnOptions .control-icon-menu{padding:2px 4px 0 4px} .control div.selected{font-size:15px;color:#ccc} div.btnVideoContract,div.btnVideoDocked,div.btnVideoFullScreen,div.btnVideoMaximize,div.btnVideoRestore,div.btnVideoWindowMode{float:right} .control.windowedMode.maximized div.btn.restore,.control.windowedMode:not(.maximized) div.btn.maximize{display:flex} .btnVideoMaximize svg,.btnVideoRestore svg{max-width:22px;max-height:22px;margin-right:1px;margin-left:1px;margin-top:2px} .control:not(.maximized) div.btn.restore{display:none} .control.maximized div.btn.maximize{display:none} .control div.rightControl div.btn{margin-top:5px} .control div.btnVideoDocked>svg{vertical-align:top} .progress{width:85%;height:10px;position:relative;float:left;cursor:pointer;background:#444;background:-moz-linear-gradient(top,#666,#333);background:-webkit-linear-gradient(top,#666,#333);background:-o-linear-gradient(top,#666,#333);-moz-box-shadow:0 2px 3px #333 inset;-webkit-box-shadow:0 2px 3px #333 inset;box-shadow:0 2px 3px #333 inset;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px} .progress span{height:100%;position:absolute;top:0;left:0;display:block;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px} .timeBar{z-index:10;width:0;background:#3FB7FC;background:-moz-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);background:-webkit-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);background:-o-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);-moz-box-shadow:0 0 1px #fff;-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff} .bufferBar{z-index:5;width:0;background:#777;background:-moz-linear-gradient(top,#999,#666);background:-webkit-linear-gradient(top,#999,#666);background:-o-linear-gradient(top,#999,#666);-moz-box-shadow:2px 0 5px #333;-webkit-box-shadow:2px 0 5px #333;box-shadow:2px 0 5px #333} .time{width:15%;float:right;text-align:center;font-size:11px;line-height:12px} .hasmenu svg.control-icon-checkmark{height:20px;fill:#666;stroke:#666} .hasmenu svg.control-icon-eject{fill:#666!important;stroke:#666!important} .hasmenu svg.status-icon-blank{height:20px;width:24px;margin:0} .hasmenu svg.control-icon-checkmark polyline{stroke:#666} .hasmenu.irc .ui-widget-header{height:auto;font-size:1em} .hasmenu.irc .ui-widget-header>div{font-size:smaller;padding:6px 24px;opacity:.7} .ui-menu hr.ui-menu-item-wrapper{height:1px;background:#aaa;margin:0;padding:0;border:0} .ui-menu li.key-container div.ui-state-active:hover{background-color:transparent;cursor:default} .ui-menu button.menu-vkey-button{display:inline-block;border-radius:10px;border:2px solid #01a982;padding:5px;height:inherit;min-width:38px;margin:2px;background:0 0;font-size:12px;color:#000} .ui-dialog-titlebar-close svg{stroke:#000!important;display:block!important} .videoContainer #vm-url-form .form-field{display:block;border:1px solid rgba(0,0,0,.15)} .videoContainer #vm-url-form .form-field--error{border:1px solid #f04953} .videoContainer #vm-url-form .form-field__error{color:#f04953;float:right} .videoContainer #vm-url-form .form-field__label{color:#000;float:left} .videoContainer #vm-url-form input{color:#333} .videoContainer .ui-dialog-titlebar{display:block!important} .videoContainer .ui-dialog-title{float:left!important;text-align:left!important;position:relative!important} .ui-dialog.hrc-dialog-window{border:none!important;outline:0!important;padding:0;background:0 0} .irc-dialog{display:block!important} .irc-statusbar{position:absolute;bottom:0;left:0;height:24px;line-height:12px;width:100%;font-size:12px;font-weight:700;font-family:Metric,Arial,san-serif;padding:2px 10px 2px 10px;background:#1F1F1F;background:linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-moz-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-webkit-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);background:-o-linear-gradient(top,#242424 0,#1F1F1F 95%,transparent 100%);opacity:.9;color:#ccc;border-bottom-left-radius:10px;border-bottom-right-radius:10px;white-space:nowrap} .irc-canvas{width:100%;background:#000} .videoContainer .irc-canvas{height:calc(100% - 24px);margin-bottom:24px} .videoContainer.statusbar--off .irc-canvas{height:100%;margin-bottom:0} .videoContainer .irc-statusbar{display:flex;justify-content:space-between;flex-direction:row} .videoContainer.statusbar--off .irc-statusbar{display:none} .status-panel{display:inline-block;padding:2px 5px 2px 5px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .status-panel>span{margin:2px 5px 2px 5px} .status-panel .group1{margin-right:1px;margin-left:1px} .status-panel span.vm-activity svg{height:14px;width:14px} .status-panel span.vm-activity.vm-active circle{fill:#00FF7F} .status-panel span.power-state svg{height:14px;width:14px;stroke:#ccc} .status-panel span.health-state svg{height:14px;width:14px} .status-panel span.screen-capture{margin-right:10px;cursor:pointer;padding:0} .status-panel span.screen-capture svg{height:14px;width:16px} .status-panel span.screen-capture svg:hover{stroke:#ccc!important} .status-panel span.encryption{color:#ccc;margin-right:24px;margin-left:0} .status-panel span.encryption svg{width:14px;height:14px;margin:0} .status-resolution{width:100px} .status-text{width:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text} .status-icons{width:auto} .pwrMenuIcon{width:24px;height:24px;border:0;margin:10px 5px 0 0;float:left} .pwrOff .ui-menu-item-wrapper,.pwrOn .ui-menu-item-wrapper{padding:5px 24px}