#notify-container{position:absolute;z-index:2000;top:0}#notify-container.blocking{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,.2)}.notify{display:flex;flex-flow:column;flex:1;max-width:550px;margin:1em auto;padding:1em;box-shadow:1px 1px 3px #8d8d8d;background-color:#fff;color:#646464}.notify a{color:#1e7e34;text-decoration:none}.notify a:hover{text-decoration:underline}.notify.fade-in{animation:notify-fadein .5s}.notify.fade-out{animation:notify-fadeout .5s}.notify.chat,.notify.info,.notify.question{border-bottom:4px solid #4c97d6}.notify.chat .icon,.notify.info .icon,.notify.question .icon{color:#4c97d6}.notify.warning{border-bottom:4px solid #d60000}.notify.warning .icon{color:#d60000}.notify.success{border-bottom:4px solid #3fc832}.notify.success .icon{color:#3fc832}.notify.confirm .buttons{display:flex}.notify .message{display:flex}.notify .message .icon{margin-right:1em}.notify .message p{margin:0;padding:0}.notify .buttons{display:none;flex-flow:row-reverse}.notify .buttons button{border-radius:5px;border:1px solid #696c71;padding:.5em;margin-left:.5em;background-color:#fff;color:#696c71}.notify .buttons button.btn-accept{border-color:#1e7e34;color:#1e7e34}@keyframes notify-fadein{from{opacity:0;transform:scale(0,0)}to{opacity:1;transform:scale(1,1)}}@keyframes notify-fadeout{from{opacity:1;transform:scale(1,1)}to{opacity:0;transform:scale(0,0)}}.window{display:flex;flex-direction:column;padding:0;width:90%;max-width:90%;height:90%;background-color:#fff;box-shadow:0 0 5px #b8b8b8}.window header{display:flex;justify-content:space-between;align-items:center;padding:.8em 1em;background-color:#24916d;color:#fff}.window header section{display:flex;flex-flow:column}.window header h1{margin:0;font-family:sans-serif;font-size:16pt;font-weight:400;line-height:0}.window header .btn-room-name{font-size:8pt;padding-left:3em;margin:.4em 0 0 0;line-height:0;cursor:pointer;background-color:transparent;color:#fff;justify-content:left}.window header .btn-room-name i{margin-left:.5em}.window header nav{display:flex;flex-flow:row}.window header nav li{position:relative;list-style:none;margin-left:1em}.window header nav li button{width:2.5em;height:2.5em;background-color:rgba(0,0,0,.05);color:#fff}.window header nav li button:hover{background-color:rgba(1,1,1,.1)}.window header nav li button.record{background-color:#c03d18}.window header nav li button.record:hover{color:#c03d18;background-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.window header nav li button.record:hover+.preview-box{display:block}.window header nav li .preview-box{display:none;position:absolute;left:-90px;border-radius:5px;border:4px solid #fff;box-shadow:0 1px 3px #aaa}.window header nav li .preview-box video{width:230px}.window main{display:flex;flex-direction:row;width:100%;height:100%}.window main aside.menu{width:25%;height:100%;border-right:1px solid #ececec;overflow-y:auto;background-color:#f4f4f4}.window main aside.menu.rooms{background-color:transparent}.window main aside.menu.rooms button{flex-flow:column;align-items:first baseline;text-align:left}.window main aside.menu.rooms button:hover{background-color:#f9fdfc}.window main aside.menu ul{list-style:none;margin:0;padding:0}.window main aside.menu ul li{position:relative;border-bottom:1px solid #ececec}.window main aside.menu ul li button{display:flex;flex-flow:row!important;width:100%;padding:1em;background-color:transparent;border-radius:unset;color:#272727;cursor:pointer;justify-content:left;outline:0!important}.window main aside.menu ul li button .avatar{border-radius:100%;background-color:#f0f0f0;padding:.75em}.window main aside.menu ul li button .avatar i{color:#24916d}.window main aside.menu ul li button .info{padding-left:1em;align-self:flex-start}.window main aside.menu ul li button .info p{margin-top:.5em}.window main aside.menu ul li button .info i.remove{padding:1em}.window main aside.menu ul li button:hover{background-color:#d7d7d7}.window main aside.menu ul li button:hover i.remove{visibility:visible}.window main aside.menu ul li button.active{background-color:#ebebeb;border-left:.25em solid #24916d;padding-left:.75em;font-weight:700}.window main aside.menu ul li p{margin:0;color:#8f8f8f;font-size:.8em}.window main aside.menu ul i.icon{margin-right:1em}.window main aside.menu ul i.remove{position:absolute;right:0;top:0;padding:.5em;color:#c4c4c4;visibility:hidden;cursor:pointer}.window main aside.menu ul i.remove:hover{color:#cd3333}.window main aside.menu p.message{margin:1em;color:#8f8f8f;font-size:.8em;text-align:center}.window main section{padding:1em;width:100%;max-width:700px}.window main section.users-section{max-width:1000px}.window main section h2{margin:0 0 1em 0}body.fullscreen .controller.conference{position:relative;width:100%;max-width:100%;height:100%;padding:0;margin:0;box-shadow:none}body.fullscreen .controller.conference header{display:none}body.fullscreen .controller.conference .conference{position:relative;width:100%}body.fullscreen .controller.conference .conference .board{height:100%}body.fullscreen .controller.conference .conference .board .message h1.logo{opacity:1;font-weight:lighter}body.fullscreen .controller.conference .conference .board .webcam{position:relative}body.fullscreen .controller.conference .conference .board .screen-share .participant-view-placeholder{bottom:.5em;right:.5em}body.fullscreen .controller.conference .conference .board h1.logo{display:block;position:absolute;top:0;left:0;margin:0;padding:1em;opacity:.3;text-shadow:1px 1px #000;font-size:16pt}body.fullscreen .controller.conference .conference .panel{position:absolute;height:20%;width:100%;justify-content:left;bottom:0;left:0}body.fullscreen .controller.conference .conference .panel .webcam-view{width:20%}body.fullscreen .controller.conference .chat-room{display:none}body.fullscreen .powered{display:none}.window.dashboard main{display:flex;overflow-y:hidden}.window.dashboard main .canvas{display:flex;flex:1;background-color:#e9efec;justify-content:center;align-items:center}.window.dashboard main .canvas button{background-color:#24916d;color:#fff;padding:.5em;border:none;border-radius:5px}.window.dashboard main .canvas .btn-quick-new-meeting{display:flex}.window.dashboard main .canvas .btn-quick-new-meeting input{visibility:hidden;width:0;transition:width ease-out .2s;border-radius:5px;border:1px solid #bababa;padding:0 .5em}.window.dashboard main .canvas .btn-quick-new-meeting button{width:200px}.window.dashboard main .canvas .btn-quick-new-meeting.active input{visibility:visible;width:350px}.window.dashboard main .canvas .btn-quick-new-meeting.active input{border-top-right-radius:0;border-bottom-right-radius:0}.window.dashboard main .canvas .btn-quick-new-meeting.active button{border-top-left-radius:0;border-bottom-left-radius:0}form{display:flex;flex-direction:column;width:100%}.input-group{display:flex;flex-flow:column;width:100%;margin-bottom:1em}.input-group label{display:flex;flex-flow:column;margin-top:1em;font-weight:700;font-size:.8em}.input-group input{padding:.5em}.input-group .stacked{display:flex;flex-flow:row}.input-group .stacked label{width:47.5%}.input-group .stacked label+label{margin-left:5%}.input-group.address .txt-street-name{width:80%}.input-group.address .txt-house-number{width:15%;margin-left:5%}.input-group.postal-city label.postal-code{width:20%}.input-group.postal-city label.city{width:75%;margin-left:5%}.input-group select{margin-top:.5em}input{border:0;border-bottom:1px solid #24916d}input:focus{outline:0}textarea.txt-welcome{padding:.5em}.btn{background-color:#24916d;border-radius:2px;margin:auto;padding:1em 2em;color:#fff;text-decoration:none;font-size:11pt}.btn.btn-outline{background-color:transparent;border:1px solid #24916d;color:#24916d}.btn.btn-cancel{background-color:#adadad}.btn.btn-action{background-color:transparent;padding:0;color:#6b6b6b}.btn.btn-plain{background-color:transparent;color:#6b6b6b}.btn.btn-alter:hover{color:#e5be18}.btn.btn-trash:hover{color:#c22423}.btn i+span{margin-left:.5em}.btn-group{display:flex;flex-flow:row}.txt-welcome{resize:none}table.table{width:100%;margin-bottom:1em;border-collapse:collapse}table.table td,table.table th{padding:.5em;margin:0;border:0}table.table th{color:#4b4b4b;text-align:left}table.table th:last-child{text-align:center}table.table td{color:#7d8087}table.table tbody tr{cursor:pointer}table.table tbody tr:nth-child(odd){background-color:#f8f8f8}table.table tbody tr:hover{background-color:#f5f5f5}.modal.unsupported{min-height:350px}.modal.unsupported main .inner>p{margin-bottom:3em}.browsers{display:flex;justify-content:center;flex-wrap:wrap}.browsers .browser{display:flex;justify-content:center;flex-direction:column;padding:2em;text-decoration:none;text-align:center;color:#6b6b6b}.browsers .browser.firefox i{color:#f61}.browsers .browser.chrome i{color:#1da462}.browsers .browser.edge i{color:#0b85db}.browsers .browser.safari i{color:#27a4db}.browsers .browser span{margin-top:1em}.browsers .browser p{margin:.5em 0;font-size:.8em}*{box-sizing:border-box;font-family:sans-serif}.hidden{display:none!important}.controller-container,body,html{width:100%;height:100%;overflow:hidden;margin:0;display:flex;justify-content:center;align-items:center;flex-flow:column}body{background-color:#ebebeb}body.stroke{background-image:linear-gradient(#24916d 0,#24916d 50%,#ebebeb 50%)}button{display:flex;align-items:center;justify-content:center;border:0;border-radius:100%}button:active{outline:0}button:enabled{cursor:pointer}.controller.intro{padding:1em}.controller.intro h1{padding-top:2em}.controller.conference{display:flex;flex-direction:column;padding:0;width:90%;max-width:90%;height:90%;background-color:#fff;box-shadow:0 0 5px #b8b8b8}.controller.conference main{display:flex;flex-direction:row;width:100%;height:100%}.controller.conference main .conference{display:flex;flex-direction:column;flex:1}.controller.conference main .conference .board{height:80%;background:linear-gradient(#092134 0,#000 5%,#000 95%,#092134 100%);background-size:cover;position:relative;overflow:hidden}.controller.conference main .conference .board .message{display:flex;flex-flow:column;justify-content:center;text-align:center;height:100%}.controller.conference main .conference .board .message h2{color:#fff;opacity:.8}.controller.conference main .conference .board .message h2 i{color:#2266b3}.controller.conference main .conference .board .screen-share-outline{width:100%;height:100%;position:absolute}.controller.conference main .conference .board .screen-share{width:100%;height:100%;position:relative}.controller.conference main .conference .board .screen-share video{width:100%;height:100%;object-fit:contain;object-position:center}.controller.conference main .conference .board .screen-share .participant-view-placeholder{position:absolute;bottom:0;right:0;width:15%}.controller.conference main .conference .board h1.logo{display:none;font-weight:400}.controller.conference main .conference .panel{display:flex;justify-content:center;align-content:center;height:20%;padding:.4em}.controller.conference main .conference .panel .participants-container{display:flex;flex:1;flex-grow:unset}.big-screen .webcam-view{width:100%;height:100%;position:absolute}.big-screen .webcam-view video{width:100%;height:100%;object-fit:cover;object-position:center}.webcam-view{overflow:hidden;position:relative;background-color:#000;min-width:200px;width:20%;background-size:50%}.webcam-view.transparent{background-color:transparent}.webcam-view video{width:100%;height:100%;object-fit:cover;object-position:center}.webcam-view .message{display:flex;flex-flow:column;justify-content:center;text-align:center;height:100%}.webcam-view .message h4{color:#fff;opacity:.8}.webcam-view .message h4 i{color:#2c86ea}.webcam-view .controls{position:absolute;bottom:0;display:flex;flex-flow:row;padding:.75em}.webcam-view .controls button{width:30px;text-align:center;background-color:transparent}.webcam-view .controls button:first-child{padding-left:0}.webcam-view .controls button.muted i{color:#e80000}.webcam-view .controls button i{color:#fff;text-shadow:0 0 3px #000}aside.chat-room{display:flex;flex-direction:column;width:25%;border-left:1px solid #ececec}aside.chat-room .conversation{flex:1 0 auto;padding:1em;overflow-y:scroll;overflow-x:hidden;flex-flow:column;height:0}aside.chat-room .conversation .message{max-width:80%;position:relative;margin-bottom:10px;border-radius:1em;padding:.7em;background-color:#ececec;color:#464646;font-size:11pt;word-wrap:break-word;animation:chat-fadein .5s;clear:both}aside.chat-room .conversation .message.send{float:right;border-top-right-radius:0;background-color:#ceecce}aside.chat-room .conversation .message.send:after{content:'';position:absolute;right:0;top:25%;width:0;height:0;border:10px solid transparent;border-left-color:#ceecce;border-right:0;border-top:0;margin-top:-10px;margin-right:-10px}aside.chat-room .conversation .message.received{float:left;border-top-left-radius:0}aside.chat-room .conversation .message.received:after{content:'';position:absolute;left:0;top:25%;width:0;height:0;border:10px solid transparent;border-right-color:#ececec;border-left:0;border-top:0;margin-top:-10px;margin-left:-10px}aside.chat-room .conversation .message a{color:#1e7e34;text-decoration:none}aside.chat-room .conversation .message a:hover{text-decoration:underline}@keyframes chat-fadein{from{opacity:0}to{opacity:1}}aside.chat-room .write{display:flex;align-items:center;background-color:#ececec;box-shadow:inset 0 3px 8px -6px #4e4e4e}aside.chat-room .write .write-spacing{width:85%;margin-left:1em;padding:.8em;border-radius:1em;background-color:#fff}aside.chat-room .write .write-spacing textarea{width:100%;height:1.4em;border:none;background-color:transparent;color:#464646;resize:none;overflow:hidden;outline:0}aside.chat-room .write button{border:0;border-radius:100%;background-color:transparent;width:15%;margin:1em;padding:1em;color:#65676b}aside.chat-room .write button:hover{background-color:rgba(0,0,0,.1);color:#65676b}aside.chat-room .write button:disabled,aside.chat-room .write button:hover:disabled{background-color:transparent;color:#9b9ea5}nav{display:flex;flex-flow:row}nav li{position:relative;list-style:none;margin-left:1em}nav li.sub-menu{position:relative}nav li.sub-menu ul{display:none;position:absolute;z-index:2;width:220px;right:0;margin:0;padding:0;background-color:#fff;box-shadow:0 1px 3px #aaa}nav li.sub-menu ul li{margin:0;padding:0}nav li.sub-menu ul li.avatar{padding:1em;background-color:#f5f5f5;color:#6b6b6b}nav li.sub-menu ul button{display:block;width:100%;border-radius:0;background-color:transparent;color:#6b6b6b;text-align:left}nav li.sub-menu ul button i{margin:0 1em;width:20px}nav li.sub-menu:hover ul{display:block}nav li button{width:2.5em;height:2.5em;background-color:rgba(0,0,0,.05);color:#fff}nav li button:hover{background-color:rgba(1,1,1,.1)}nav li button.record{background-color:#c03d18}nav li button.record:hover{color:#c03d18;background-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}nav li button.record:hover+.preview-box{display:block}nav li .preview-box{display:none;position:absolute;left:-90px;border-radius:5px;border:4px solid #fff;box-shadow:0 1px 3px #aaa;z-index:2}nav li .preview-box video{width:230px}h1{color:#fff;font-weight:lighter}h2{color:#24916d;font-weight:400}.start{width:40%;min-width:500px}.modal{display:flex;background-color:#fff;box-shadow:0 0 5px #b8b8b8;width:100%;min-height:250px}.modal.login{min-width:600px}.modal header{min-width:200px;width:300px;background-color:#ebebeb;box-shadow:inset -3px 0 4px -5px #4e4e4e;color:#5c5c5c;padding:1em}.modal header h2{margin:0;font-weight:400;color:#24916d;text-align:center}.modal header p{font-size:.8em}.modal main{display:flex;flex-flow:column;flex:auto;color:#4b4b4b;padding:0}.modal main h2{margin:0 0 1em 0}.modal main h2.lbl-room-name{margin:0}.modal main .inner{display:flex;flex-flow:column;flex:1;justify-content:center;width:100%;padding:2em}.modal main .loader{width:100%}.modal main .loader .bar{height:5px;width:0;background-color:#24916d;transition:width ease-in-out .1s}.modal .btn-footer{display:flex;justify-content:center;width:100%;padding:1em 2em;background-color:#f5f5f5}.carousel{display:flex;flex:1;justify-content:center}.powered{position:absolute;bottom:0;margin:.5em}.powered p{color:#6b6b6b;font-size:.8em;text-decoration:none;margin:0}.powered a{color:#505050;text-decoration:none}.powered a:hover{color:#8f8f8f}.powered .lang-selector{display:flex;justify-content:center}.powered .lang-selector span{color:#8f8f8f}.powered .lang-selector button{border:none;background-color:transparent;font-size:.8em;color:#8f8f8f}.powered .lang-selector button.active{color:#757575}@media only screen and (max-width:1200px){.window{width:100%!important;max-width:100%!important;height:100%!important}.powered{display:none}}@media only screen and (max-width:768px){.modal.login{min-width:auto}.modal.login .btn-footer{flex-flow:column-reverse}.start{min-width:300px}.start .modal.welcome{flex-flow:column}.start .modal.welcome header{width:100%}aside.chat-room{display:none}.powered{display:none}}@media only screen and (max-width:500px){.controller.intro h1{padding-top:3em}}