.chat_form{width:100%}.chat_form .chat_log{width:100%;height:45vh;overflow-y:auto;background-color:#c1d1d8;transition:height .7s;border-radius:4px}.chat_form .chat_log.expand{height:75vh}.chat_form .chat_log .chat-mssg-item{list-style-type:none;background-color:#588d8d;border-radius:5px;padding:6px 10px 10px;margin:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:250px;overflow-wrap:break-word}.chat_form .chat_log .chat-mssg-item .author{text-align:right;font-size:14px;font-weight:500}.chat_form .input_form input{width:100%;box-shadow:none;transition:none;border:none;border-bottom:2px solid #2c717a}.notes_page{width:90%;height:48vh;background-color:#e7f6f7;white-space:pre-wrap;white-space:pre-line;border-radius:4px;transition:height .7s}.notes_page.expand{height:80vh}textarea.notes_page{width:300px;height:400px;padding:0 0 0 20px;line-height:30px;background:#fff url(http://i.stack.imgur.com/UfzKa.jpg) no-repeat -75px -135px}body{padding:0;margin:0}.room_page{width:100%;height:100vh;padding:0}#sidebar{width:25%;height:100vh;overflow:hidden;padding:5px 0 0;border:1px solid red;transition:width 1s}#sidebar.hide{width:3%}#myVideoContainer.hide{width:0}#streamToggle.hide{width:0;display:none}#members_chat_notes.hide{width:0;display:none!important}.myStreamContainer{height:45vh}#members_chat_notes{height:55vh;transition:width 1s}.membersContainer{height:48vh;background-color:#c1d1d8;padding:10px;overflow-y:auto;transition:height .7s;border-radius:5px}.membersContainer.expand{height:80vh}.member_name{font-size:20px;font-weight:500;margin:8px}.main-wrapper{min-width:75%;height:100vh;overflow-x:auto}.main{width:75%;height:100vh;padding:20px;border:1px solid #00f;position:relative;overflow-y:hidden}.main.expand{width:97%}.main .sessionTitle{width:100%;height:50px;padding:10px;background-color:#282829;color:#ebe7e7;font-size:25px;position:absolute;top:0;left:0;text-align:center}.main .stream-container{width:100%;position:relative;top:5%;margin-bottom:120px}.control-btns{width:100%;height:50px;padding:12px;background-color:#282829;position:absolute;bottom:0;left:0}.control-btns button{margin-right:20px}.myVideoContainer.streamHide{height:0}.myVideoContainer{background-color:#282829;padding:0;width:300px;height:200px;overflow:hidden;border-radius:7px;transition:width 1s,height .7s!important}.myVideoContainer .callerName{color:#ebe7e7;font-size:18px;padding:3px 3px 3px 10px}.memberVideoContainer{background-color:#282829;padding:0;margin:20px;width:400px;height:265px;overflow:hidden;border-radius:7px}.memberVideoContainer .memberNameContainer{color:#ebe7e7;font-size:18px;padding:3px 3px 3px 10px}.memberVideoContainer .memberVideo{width:400px}.memberVideoContainer.expand{width:850px;height:565px}.memberVideoContainer.memberNameContainer.expand{color:#ebe7e7;font-size:22px;padding:5px 5px 5px 15px}.memberVideo.expand{width:850px}.streamToggle{width:100%;height:20px;margin-top:10px;margin-bottom:10px;background-color:#eceef1;border:none;border-bottom:1px solid #929191;transition:width 1s}.streamToggle.collapsed{border-top:1px solid #929191;border-bottom:none}.streamToggle span{display:inline-block;width:20px;height:1px;margin:-1px;background-color:#000;position:relative;bottom:10px}.streamToggle span:first-of-type{-webkit-transform:rotate(340deg);transform:rotate(340deg)}.streamToggle.collapsed span:first-of-type,.streamToggle span:nth-of-type(2){-webkit-transform:rotate(200deg);transform:rotate(200deg)}.streamToggle.collapsed span:nth-of-type(2){-webkit-transform:rotate(340deg);transform:rotate(340deg)}#sidebarCollapse{width:35px;height:35px;margin-right:5px;border:1px solid #cfcece}#sidebarCollapse.hide span{display:block;margin:6px;width:12px;height:2px;background-color:#444343}#sidebarCollapse.hide span:first-of-type{-webkit-transform:rotate(50deg);transform:rotate(50deg)}#sidebarCollapse.hide span:nth-of-type(2){-webkit-transform:rotate(310deg);transform:rotate(310deg)}#sidebarCollapse span{display:block;margin:-1px;width:22px;height:2px;background-color:#444343}#sidebarCollapse span:first-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#sidebarCollapse span:nth-of-type(2){-webkit-transform:rotate(315deg);transform:rotate(315deg)}.shared-screen{width:400px;height:auto}.shared-screen.expand{width:900px;height:auto}.switch{position:relative;display:inline-block;width:40px;height:25px;margin:15px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(15px);transform:translateX(15px)}.slider.round{border-radius:25px}.slider.round:before{border-radius:50%}.chatroom_wrapper{width:100%;height:100%;padding:50px}.chatroom_wrapper .members_list{width:25%;background-color:#c1d1d8;height:70vh;border-radius:6px;padding:25px;overflow-wrap:break-word;overflow-y:auto}.chatroom_wrapper .chatroom_chat_form{width:50%;height:75vh}.chatroom_wrapper .chat_log{height:60vh;width:100%;background-color:#c1d1d8;padding:18px;border-radius:6px 6px 0 0;overflow-y:auto}.chatroom_wrapper .chatroom_buttons Button{margin-top:50px;margin-left:50px}.chatroom_chat_form .chat_log .chat_input{width:100%}.chatroom_chat_form .chat_input input{border:none;border-bottom:2px solid #a4aaaa}.chatroom_chat_form .chat_input input:focus{outline:none;transition:none;box-shadow:none;border:none;border-bottom:2px solid #1d5d5f}.chatroom_chat_form .chat_log .chat-mssg-item{list-style-type:none;background-color:#588d8d;border-radius:5px;padding:6px 10px 10px;margin:8px;min-width:180px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:85%;overflow-wrap:break-word}.chatroom_chat_form .chat_log .chat-mssg-item .author{text-align:right;font-size:14px;font-weight:500}.form-wrapper{display:block;width:350px;padding:20px;margin-left:auto;margin-right:auto;margin-top:10%;border:1px solid #868484}.form-wrapper .appTitle{text-align:center;padding:20px}.auth-form{text-align:center}.auth-form input{display:block;width:85%;margin-left:auto;margin-right:auto;height:30px;outline:none;margin-bottom:35px}h3{margin:30px}.accordion-container{margin:40px;padding:20px;width:90vw;height:70vh;overflow-y:auto;background-color:#e9ecef}.accordion-button,.accordion-button:focus{background-color:#91989e;border:none;outline:none;transition:none;box-shadow:none}.accordion{width:75%}.chat-notes-container .chats{padding:10px;background-color:#c1d1d8}.chat-notes-container .chats,.chat-notes-container .notes{margin:20px;width:38%;height:300px;border:1px solid #636262;border-radius:5px;overflow-y:scroll}.chat-notes-container .notes{padding:0 0 0 20px;line-height:30px;background:#fff url(http://i.stack.imgur.com/UfzKa.jpg) no-repeat -75px -135px}.chat-mssg-block{list-style-type:none;background-color:#588d8d;border-radius:5px;padding:6px 10px 10px;margin:8px 8px 8px -20px;min-width:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow-wrap:break-word}.chat-mssg-block .author{text-align:right;font-size:12px;font-weight:500}.website-content{padding:50px}.homepage_modal .switch{position:relative;display:inline-block;width:40px;height:25px;margin:15px}.homepage_modal .switch input{opacity:0;width:0;height:0}.homepage_modal .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.homepage_modal .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.homepage_modal input:checked+.slider{background-color:#2196f3}.homepage_modal input:focus+.slider{box-shadow:0 0 1px #2196f3}.homepage_modal input:checked+.slider:before{-webkit-transform:translateX(15px);transform:translateX(15px)}.homepage_modal .slider.round{border-radius:25px}.homepage_modal .slider.round:before{border-radius:50%}.button-link,.button-link:hover{color:#fff;text-decoration:none}input#copy_text{border:none;border-bottom:1px solid #365aa8;color:#365aa8;width:200px}
/*# sourceMappingURL=main.132c9862.chunk.css.map */