.WebObserver{background:#d3d3d3;border:1px solid #a9a9a9;font-family:Open Sans,sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;line-height:1.42857;font-size:13px;height:100vh}.WebObserver-top{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.WebObserver-userlist{min-width:220px;margin:5px 5px 0 0}.WebObserver-stream{width:100%;text-align:center;margin:5px 5px 0}.WebObserver-chat{height:30vh;margin:5px}.WebObserver-logout-message{width:30vw;margin:10vh auto;border:1px solid silver;text-align:center;padding:1em}.stream-only.WebObserver{background:rgba(0,0,0,0);border:none}.stream-only .WebObserver-chat,.stream-only .WebObserver-userlist{display:none}.stream-only .WebObserver-stream{margin:0}.BasicComponent-header{background:dimgray;color:#f5f5f5;padding-left:8px;text-align:left;height:23px;padding-top:2px}.BasicComponent-header h1{font-weight:700;font-size:16px;display:inline;padding-right:8px;z-index:2}.BasicComponent{height:100%;background:#f8f8ff;color:#000;position:relative;border:1px solid #a9a9a9}.BasicComponent-content{z-index:1;margin-top:25px;position:absolute;top:0;bottom:0;left:0;right:0}.stream-only .BasicComponent-content{top:0;margin-top:0}.stream-only .BasicComponent{border:none}.WebRTCStreaming{height:100%;width:100%;text-align:center}.WebRTCStreaming video{width:100%;object-fit:contain;max-height:100%}.HLSStreaming{height:100%;width:100%;text-align:center}.HLSStreaming video{width:100%;object-fit:contain;max-height:100%}.NativeHLSStreaming{height:100%;width:100%;text-align:center}.NativeHLSStreaming video{width:100%;object-fit:contain;max-height:100%}.JpegPushStreaming{height:100%;width:100%;text-align:center}.JpegPushStreaming img{width:100%;object-fit:contain;max-height:100%}.Overlay-container{position:absolute;top:0;left:50%}.Overlay-container .Overlay{position:relative;top:0;left:-50%}.Overlay-container .Overlay .Overlay-window{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.7}.SenderInfo{font-size:11px;padding-left:8px;padding-right:8px;padding-top:2px}.SenderInfo p{margin-bottom:3px;margin-top:0}.Userlist{height:100%;display:flex;flex-direction:column}.Userlist .Userlist-list{flex:1 1;overflow-y:auto;overflow-x:hidden;margin-left:4px;margin-right:4px;margin-bottom:5px;height:100%;border:1px solid #a9a9a9;background-color:#fff}.Userlist .card:hover{background-color:#b0c4de}.Userlist .card{border-radius:0;border-color:#4682b4;background-color:#f5f5f5}.Userlist .card .card-header{padding:2px;background-color:#dcdcdc}.Userlist .card .card-body{font-size:10px}.Userlist .card .card-body,.Userlist .card .list-group-item{padding:2px;background-color:inherit}.Userlist .card .list-group-item .divider{display:block;border-bottom:1px solid silver}.Userlist .card img{padding:0 4px 2px 2px;vertical-align:top}.Userlist .card.active{background-color:#ffb27f}.Userlist .options{font-size:12px;padding-left:8px;padding-right:8px;padding-top:5px}.Userlist .options select{width:100%}.Userlist .buttons label{display:inline-block;margin-bottom:5px}.Userlist .buttons{font-size:12px;padding-left:8px;padding-bottom:5px}.Userlist .buttons button{height:22px;width:54px;margin-right:6px}.Userlist #cam2cam{vertical-align:middle}.Userlist .Userlist-cam2cam-disabled{color:silver}.Userlist-count{float:right;margin-right:5px;font-size:12px}.Chat{height:100%;display:flex;flex-direction:column}.Chat .Chat-messages{flex:1 1;height:100%;margin:6px;overflow:auto}.Chat-control{height:30px;background:dimgray;color:#f5f5f5;display:flex;flex-direction:row}.Chat-control button,.Chat-control input,.Chat-control label{margin:4px}.Chat-message.message-translated{background-color:gray}.Chat-message .message-lang{display:inline-block;padding-right:5px}.Chat .Visible{margin-top:5px}.Autotext{position:absolute;border:1px solid #000;color:#000;background:#fff;right:0;bottom:30px;font-size:12px}.Autotext-header{background:dimgray;color:#f5f5f5;text-align:left;height:18px;width:100%;padding-top:2px}.Autotext-header h2{font-weight:700;font-size:12px;display:inline;padding-left:8px}.LanguageSelect{margin-top:4px}.LanguageSelect input[type=radio]{margin-top:-1px;vertical-align:middle}.Templates{width:100%}.Templates tr{width:inherit;cursor:pointer}.Templates tr:nth-child(2n){background:#d3d3d3}.Templates tr:hover{background-color:#ffb27f}.ChatInput{width:100%;flex:1 1;display:flex}.ChatInput button{width:50px}.ChatInput-input{width:100%}.SenderHeader-software-version{display:inline-block;float:right;margin-right:5px}.Kickdialog{top:50%;left:50%;position:absolute;margin:0 -50% 0 0;transform:translate(-50%,-50%);width:500px;height:400px}.Kickdialog-header{background:dimgray;color:#f5f5f5;text-align:left;height:18px;width:100%;padding-top:2px;margin-top:4px}.Kickdialog-header h2{font-weight:700;font-size:12px;display:inline;padding-left:8px}.Kickdialog-description{padding:3px}.Kickdialog-textarea{width:486px;height:130px;margin-left:3px;resize:none}.Kickdialog-button-group{width:inherit;margin:0 auto;text-align:center}.Kickdialog-button{margin-right:5px;margin-left:5px;width:70px}.InfoPopup{background:#fff;width:600px;height:460px;font-size:12px;position:absolute;left:0;top:0;margin:10px;border:1px solid #000;color:#000}.InfoPopup-Header{background:#d3d3d3;border-bottom:1px solid gray;height:30px;vertical-align:middle}.InfoPopup-Header h3{line-height:30px;padding-left:7px;margin:0}.InfoPopup-Content{margin-left:7px}.InfoPopup-Footer{text-align:right;position:absolute;bottom:7px;right:7px}.InfoPopup-Footer button{width:80px}.Popups.modal:before{content:" ";background:#add8e6;position:fixed;margin-left:-50%;margin-top:-50%;width:300%;height:300%;background:rgba(0,0,0,.5);cursor:not-allowed}.Popups{position:absolute;z-index:1001;width:100%;height:100%}