html{position:relative;min-height:100%}nav{height:50px;z-index:1;background-color:#4d4d4d!important;border-color:#4d4d4d!important;border-top-right-radius:0!important;border-top-left-radius:0!important}.navbar-header,nav{width:100%}.nav-icon{padding:5px 15px;float:right}nav a{color:#ccc!important}nav i.fa{font-size:40px;color:#ccc}nav a:hover{color:#a9a9a9!important}nav i.fa:hover{color:#a9a9a9}#main-container{padding-bottom:80px}.vertical-center{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.horizontal-center{margin:0 auto}.form-control{color:#08a;font-weight:700}.form-control:focus{border-color:#08a;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,136,170,.6)}input.btn{font-weight:700}.btn{font-weight:700!important}.btn-success{background-color:#06d362!important;border-color:#06d362}.btn-success:hover{background-color:#1abd61!important;border-color:#1abd61}.footer{position:absolute;bottom:0;width:100%;height:60px;background-color:#4d4d4d}.footer .text-muted{margin:20px 0;float:left;color:#ccc}.openvidu-logo{height:35px;float:right;margin:12px 0;transition:all .1s ease-in-out}.openvidu-logo:hover{-webkit-filter:grayscale(.5);filter:grayscale(.5)}.demo-logo{margin:0;height:22px;float:left;padding-right:8px}a:hover .demo-logo{-webkit-filter:brightness(.7);filter:brightness(.7)}#join-dialog h1{color:#4d4d4d;font-weight:700;text-align:center}#img-div{text-align:center;position:absolute;top:19%;left:50%;transform:translate(-50%,-50%)}#img-div img{height:15%;width:42.5%}#join-dialog label{color:#08a}#join-dialog input.btn{margin-top:15px}#session-header{margin-bottom:20px}#session-title{display:inline-block}#buttonLeaveSession{float:right;margin-top:20px}#video-container video{position:relative;float:left;cursor:pointer}#main-video p,#video-container p{display:inline-block;background:#f8f8f8;padding-right:5px;padding-left:5px;color:#777;font-weight:700;border-bottom-right-radius:4px}#main-video p{position:absolute;left:0;font-size:22px}#main-video video{cursor:auto}#session img{width:100%;height:auto;display:inline-block;object-fit:contain;vertical-align:initial}#session #video-container img{position:relative;float:left;width:50%;cursor:pointer;object-fit:cover;height:180px}@media screen and (max-width:991px){.vertical-center{width:85%;padding-top:10px;top:57%}}video{width:100%;height:auto;float:left;cursor:pointer}.streamcomponent div{position:absolute;background:#f8f8f8;padding-left:5px;padding-right:5px;color:#777;font-weight:700;border-bottom-right-radius:4px;width:100%}p{margin:0}.stream-container{padding:0}#header{color:#fff;height:40px;background-color:#333;padding:0 14px 0 0;position:absolute;top:0;left:0;z-index:999999;min-width:400px!important}.toolbar{padding:0!important}.headerLight{color:#706969!important;background-color:#eee!important}#navButtons,#navSessionInfo{position:absolute}#navButtons{left:0;right:0;min-width:400px}#navChatButton{position:absolute;right:10px;top:none}#titleContent{max-width:100px;background-color:#494949;padding:0 15px;font-size:16px;overflow:hidden;text-overflow:ellipsis;float:right;margin:20px -18px 5px}.titleContentLight{background-color:#dfdfdf!important;color:#000}#header_img{max-width:135px;margin-right:10px;margin-top:10px}#session-title{font-family:"Open Sans",sans-serif}#point{width:10px;height:10px;position:absolute;top:12px;right:33px;border-radius:50%;background-color:#ffa600;border:1px solid #000;z-index:99999}.pointLight{border:1px solid #fff!important}@media only screen and (max-width:700px){#navChatButton,#titleContent{display:none}}.bg-lightgray{background-color:#d3d3d3}#chatContainer{width:100%;height:400px;position:relative}#chatToolbar{height:30px;background-color:#3d3d3d;box-sizing:border-box;font-weight:700;font-size:14px;text-align:center;padding-top:4px;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff}#closeButton{position:absolute;right:0;top:-8px}#chatComponent{background-color:#b8b8b8;position:absolute;z-index:99999;top:0;left:0;right:0;bottom:0;margin:auto;width:calc(100% - 30px);border-radius:20px}.message-wrap{padding:0 15px;height:calc(100% - 80px);overflow:auto}.message{position:relative;padding:7px 0}.user-img{position:absolute;border-radius:45px;width:60px;height:60px;top:15px}.msg-detail{width:100%;display:inline-block}.msg-detail p{margin:0;font-size:15px}.msg-info p{font-size:.8em;color:#000;font-style:italic}.msg-content{position:relative;margin-top:5px;border-radius:5px;padding:8px;color:#000;width:auto;max-width:80%}span.triangle{border-radius:2px;height:8px;width:8px;top:12px;display:block;transform:rotate(45deg);position:absolute}.text{word-break:break-all;color:#000}.message>.left .msg-detail .msg-info{text-align:left}.message.left .user-img{left:-5px;border:1px solid hsla(0,0%,94.1%,.58)}.message.left .msg-detail .msg-content{background-color:#f0f0f0;float:left}.message.left .msg-detail .msg-content span.triangle{background-color:#f0f0f0;border-bottom-width:0;border-left-width:0;left:-5px}.message.right .msg-detail .msg-info{text-align:right}.message.right .user-img{right:-5px;border:1px solid rgba(200,255,232,.67)}.message.right .msg-detail .msg-content{background-color:#c8ffe8;float:right}.message.right .msg-detail .msg-content span.triangle{background-color:#c8ffe8;border-bottom-width:0;border-left-width:0;right:-5px}#messageInput{position:absolute;bottom:0;width:100%;background-color:#fff;text-align:center;padding:10px 0;height:45px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}#messageInput input{width:90%;height:100%;border:none;outline:none;font-size:14px;margin-left:-6%;color:#000}#sendButton{background-color:#81e9b0;position:absolute;right:10px;top:0;bottom:0;margin:auto;border:1px solid #7ae2a9;box-shadow:none!important;margin-left:3px!important;margin-bottom:2px!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#6b6b6b}.chatComponentLight ::-webkit-scrollbar-thumb{background-color:#eee!important}
/*# sourceMappingURL=main.1b91f8c3.chunk.css.map */