body{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{text-align:center;width:100%;height:100%}.App-logo{width:150px;z-index:10;position:absolute;bottom:5px;right:5px;cursor:pointer}.hidden{display:none}a{color:#4285f4;text-decoration:none}a:hover{color:#3b78e7;text-decoration:underline}#room-link a{white-space:nowrap}body{background-color:#333;color:#fff;font-family:"Roboto","Open Sans","Lucida Grande",sans-serif;height:100%;padding:0}body,header{margin:0;width:100%}header{background:#961010;padding:1em 0;position:absolute;text-align:center;top:0;z-index:1}.canvas-container{position:absolute!important}#background-canvas{position:absolute;top:-99999999px;left:-9999999999px}div.warning{background-color:#a80202;color:#000;font-weight:400;opacity:.9}#container{height:100%;position:absolute}#info-div{z-index:3}#room-link{margin:0 0 29px}#status{z-index:4}#videos{font-size:0;height:100%;pointer-events:none;position:absolute;transition:all 1s;width:100%}#videos.active{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}footer>div{background-color:#000;bottom:0;color:#fff;font-size:.9em;font-weight:300;line-height:2em;max-height:80%;overflow-y:auto;padding:10px;position:absolute;transition:opacity 1s;width:calc(100% - 20px);z-index:15}#room-number{text-align:center}#room-number,#zoom-level{position:absolute;width:100%;opacity:1;z-index:15}#zoom-level{left:10px;text-align:left}#error-div,#exceed-div,#sharing-div{text-align:center}#sharing-div{z-index:16}#cam-mic-modal{text-align:center;background-color:#000;opacity:.4;width:30%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:20}.mobile{width:60%!important;height:40%!important}.change-device-h{margin-bottom:15px}.selection-area{margin:15px}#close-btn{height:40px}.cammicoption{width:80%;margin-top:5px}footer>div.active{display:block;opacity:.8}div#privacy{bottom:7px;color:grey;position:absolute;right:10px}div#privacy a{font-size:14px;color:grey}html{height:100%;margin:0;width:100%}label{margin:0 10px 0 0}#annotation-area{position:absolute;z-index:2}#annotation-area,#local-video{max-height:100%;max-width:100%;height:100%;width:100%}#local-video{object-fit:cover}#minivideo-area{right:20px;height:100%;width:17%;position:absolute;transition:opacity 1s;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;bottom:20px;transition:all 1s}#minivideo-area.active{opacity:1;z-index:2}.mini-video{max-height:17%;max-width:100%;margin-top:10px}#minivideo-control-area{position:absolute;height:100%;width:100%}.mute-icons{width:50px;height:50px;position:absolute;z-index:3;cursor:pointer;transition:all 1s}#share-video{display:block;height:100%;max-height:100%;max-width:100%;object-fit:cover;position:absolute;width:100%;z-index:1}#share-video.active{opacity:1;z-index:1}#screenshare-video{display:block;height:100%;max-height:100%;max-width:100%;object-fit:cover;position:absolute;width:100%;z-index:1}#confirm-join-div{position:absolute;text-align:center;top:80%;width:100%;z-index:5}#confirm-join-div div{font-size:1.5em;margin-bottom:10px}.annotation-text-area{position:absolute;width:210px;font-size:20px;font-family:"Roboto",sans-serif;color:#000;z-index:16;outline:none;border:0 #fff;overflow:hidden}#status-div{text-align:center}#recent-rooms-list{list-style-type:none;padding:0 15px}button{background-color:#4285f4;border:none;border-radius:2px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.5);color:#fff;font-size:.8em;height:2.75em;margin:0 5px 20px;padding:.5em .7em;width:8em}button:active{background-color:#3367d6}button:hover{background-color:#3b78e7}button:focus{box-shadow:0 10px 15px 0 rgba(0,0,0,.5);outline:none}button[disabled]{background-color:#1e1e1e;background-color:hsla(0,0%,100%,.12);color:#4c4c4c;color:hsla(0,0%,100%,.3)}input[type=text]{background-color:transparent;border:none;border-bottom:1px solid #4c4c4f;color:#fff;display:block;font-size:1em;margin-right:20px;padding:.4em 0;width:100%}input[type=text]:focus{border-bottom:2px solid #4285f4;outline:none}input[type=text].invalid{border-bottom:2px solid #f44336}label.error-label{color:#f44336;font-weight:200;font-size:.85em;margin:0}#room-id-input-div{margin:15px}#room-id-input-div input{text-align:center}#signup-input-div{margin:15px}#signup-input-div input{text-align:center;font-size:.9em}.signup-instructions{margin-top:25px;margin-bottom:10px}#room-id-input-buttons{margin:15px}#signup-input-buttons{margin:50px}#passcode-input-div{margin:15px}#passcode-input-div input{text-align:center}#passcode-input-buttons{margin:15px}h1{font-weight:300;margin:0 0 .8em;padding:0 0 .2em}div#room-selection{margin:auto;padding:3em 1.5em 1.3em;width:35em}p{color:#eee;font-weight:300;line-height:1.6em}#icons{z-index:17;bottom:25px;left:6vw;position:absolute}#annotation-subicons{bottom:115px}#annotation-subicons,#record-subicons{z-index:16;left:calc(6vw + 70px);position:absolute}#record-subicons{bottom:155px}circle{fill:#666;fill-opacity:.6}svg.on circle{fill-opacity:0}path.on{display:none}path.off,svg.on path.on{display:block}svg.on path.off{display:none}svg{border-radius:48px;box-shadow:2px 2px 24px #444;display:block;margin:0 0 3vh}svg:hover{box-shadow:4px 4px 48px #666}#icons.active svg{-webkit-transform:translateX(0);transform:translateX(0)}#mute-audio{transition:40ms}#mute-audio.on,#mute-audio:hover{background:#407cf7}#mute-audio:hover circle{fill:#407cf7}#mute-video{transition:.12s}#mute-video.on,#mute-video:hover{background:#407cf7}#mute-video:hover circle{fill:#407cf7}#switch-video{transition:.2s}#switch-video:hover{background:#407cf7}#switch-video:hover circle{fill:#407cf7}#fullscreen{transition:.28s}#fullscreen.on,#fullscreen:hover{background:#407cf7}#fullscreen:hover circle{fill:#407cf7}#hangup{transition:.36s}#hangup:hover{background:#dd2c00}#hangup:hover circle{fill:#dd2c00}#screenshare{transition:40ms}#screenshare.on,#screenshare:hover{background:#407cf7}#screenshare:hover circle{fill:#407cf7}#zoom-button{transition:40ms}#zoom-button.on,#zoom-button:hover{background:#407cf7}#zoom-button:hover circle{fill:#407cf7}#annotation-tool{transition:40ms}#annotation-tool.on,#annotation-tool:hover{background:#407cf7}#annotation-tool:hover circle{fill:#407cf7}#capturing{transition:40ms}#capturing.on,#capturing:hover{background:#407cf7}#capturing:hover circle{fill:#407cf7}#clear{transition:40ms}#clear.on,#clear:hover{background:#407cf7}#clear:hover circle{fill:#407cf7}#recording{transition:40ms}#recording.on,#recording:hover{background:#dd2c00}#recording:hover circle{fill:#dd2c00}#screenshot{transition:40ms}#screenshot.on,#screenshot:hover{background:#dd2c00}#screenshot:hover circle{fill:#dd2c00}#cam-mic-btn{transition:40ms}#cam-mic-btn.on,#cam-mic-btn:hover{background:#407cf7}#cam-mic-btn:hover circle{fill:#407cf7}#draw-tool{transition:40ms}#draw-tool.on,#draw-tool:hover{background:#407cf7}#draw-tool:hover circle{fill:#407cf7}#spotlight{transition:40ms}#spotlight.on,#spotlight:hover{background:#407cf7}#spotlight:hover circle{fill:#407cf7}#chat-toggle{transition:40ms}#chat-toggle.on,#chat-toggle:hover{background:#407cf7}#chat-toggle:hover circle{fill:#407cf7}#stamp-tool{transition:40ms}#stamp-tool.on,#stamp-tool:hover{background:#407cf7}#stamp-tool:hover circle{fill:#407cf7}#send-btn{transition:40ms;box-shadow:none}#send-btn.on,#send-btn:hover{background:#407cf7}#send-btn:hover circle{fill:#407cf7}#text{transition:40ms}#text.on,#text:hover{background:#407cf7}#text:hover circle{fill:#407cf7}video::-webkit-media-controls,video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none}video::-webkit-media-controls-play-button,video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}@media screen and (device-aspect-ratio:2/3){input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{font-size:16px}}@media screen and (device-aspect-ratio:40/71){input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{font-size:16px}}@media screen and (device-aspect-ratio:375/667){input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{font-size:16px}}@media screen and (device-aspect-ratio:9/16){input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{font-size:16px}}.stamps-div{position:absolute;-webkit-flex-direction:column;flex-direction:column;left:50px;top:-30px;height:80px;background:rgba(0,0,0,.2)}.stamp-column-div,.stamps-div{display:-webkit-flex;display:flex;width:120px}.stamp-column-div{height:40px}.stamp-cell-div{width:40px;height:40px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer}.stamp-cell-div:hover{background-color:rgba(0,0,0,.4)}.stamp-img{display:block;width:50%;height:50%;margin:auto}#chat-window{position:absolute;width:0;height:100%;right:5px;background:rgba(0,0,0,.5);z-index:17;transition:all .7s;border-radius:20px}.chat-opened{width:300px!important}.chat-opened-mobile{width:150px!important}.chat-input-div{position:absolute;display:-webkit-flex;display:flex;width:95%;bottom:20px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-left:2.5%}.chat-input{margin:0}.bold-font{font-weight:700}.message-info{margin-bottom:0}.message-content{margin-top:0}.message-each-div{margin-left:2.5%;width:95%}.message-div{height:calc(100% - 120px);margin:20px;overflow-y:auto}.new-message-alert{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);margin:0}.ra-logo{cursor:pointer}.ra-logo:hover{color:#4285f4}#Footer{position:fixed;bottom:0;width:100%;text-align:center}.footer-p{margin:0}.vieaura-link{text-decoration:none!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.5);border-radius:5px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3367d6}