/*-----------------------------------*
*  thanh-le phd, research projects  *
*-----------------------------------*/
html{height:100%;overflow:hidden}body{margin:0;background-color:#727272!important;height:100%;display:flex;flex-direction:column}form{padding:10px}#chatmenu,#sysmenu{overflow:hidden!important}.btn-mic-on .icon,.icon-mic-on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F4B400' d='M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z'/%3E%3C/svg%3E")}.btn-mic-off .icon,.icon-mic-off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F4B400' d='M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z'/%3E%3C/svg%3E")}.btn-sound-on .icon,.icon-sound-on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4B400' d='M22.485 25.985c-0.384 0-0.768-0.146-1.061-0.439-0.586-0.586-0.586-1.535 0-2.121 4.094-4.094 4.094-10.755 0-14.849-0.586-0.586-0.586-1.536 0-2.121s1.536-0.586 2.121 0c2.55 2.55 3.954 5.94 3.954 9.546s-1.404 6.996-3.954 9.546c-0.293 0.293-0.677 0.439-1.061 0.439v0zM17.157 23.157c-0.384 0-0.768-0.146-1.061-0.439-0.586-0.586-0.586-1.535 0-2.121 2.534-2.534 2.534-6.658 0-9.192-0.586-0.586-0.586-1.536 0-2.121s1.535-0.586 2.121 0c3.704 3.704 3.704 9.731 0 13.435-0.293 0.293-0.677 0.439-1.061 0.439z'%3E%3C/path%3E%3Cpath fill='%23F4B400' d='M13 30c-0.26 0-0.516-0.102-0.707-0.293l-7.707-7.707h-3.586c-0.552 0-1-0.448-1-1v-10c0-0.552 0.448-1 1-1h3.586l7.707-7.707c0.286-0.286 0.716-0.372 1.090-0.217s0.617 0.519 0.617 0.924v26c0 0.404-0.244 0.769-0.617 0.924-0.124 0.051-0.254 0.076-0.383 0.076z'%3E%3C/path%3E%3C/svg%3E")}.btn-sound-off .icon,.icon-sound-off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4B400' d='M30 19.348v2.652h-2.652l-3.348-3.348-3.348 3.348h-2.652v-2.652l3.348-3.348-3.348-3.348v-2.652h2.652l3.348 3.348 3.348-3.348h2.652v2.652l-3.348 3.348 3.348 3.348z'%3E%3C/path%3E%3Cpath fill='%23F4B400' d='M13 30c-0.26 0-0.516-0.102-0.707-0.293l-7.707-7.707h-3.586c-0.552 0-1-0.448-1-1v-10c0-0.552 0.448-1 1-1h3.586l7.707-7.707c0.286-0.286 0.716-0.372 1.090-0.217s0.617 0.519 0.617 0.924v26c0 0.404-0.244 0.769-0.617 0.924-0.124 0.051-0.254 0.076-0.383 0.076z'%3E%3C/path%3E%3C/svg%3E")}.btn-link .icon,.icon-link{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4B400' d='M6 2v24h24v-24h-24zM28 24h-20v-20h20v20zM4 28v-21l-2-2v25h25l-2-2h-21z'%3E%3C/path%3E%3Cpath fill='%23F4B400' d='M11 8l5 5-6 6 3 3 6-6 5 5v-13z'%3E%3C/path%3E%3C/svg%3E")}.btn-hand .icon,.icon-hand{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpath fill='%23F4B400' d='M13.75 2c-0.969 0-1.75 0.781-1.75 1.75v10.25h-0.5v-8.25c0-0.969-0.781-1.75-1.75-1.75s-1.75 0.781-1.75 1.75v12.25l-2.406-3.203c-0.375-0.5-0.969-0.797-1.594-0.797-1.109 0-2 0.906-2 2 0 0.438 0.141 0.859 0.406 1.203l6 8c0.375 0.5 0.969 0.797 1.594 0.797h10.75c0.719 0 1.344-0.516 1.484-1.219l1.188-6.328c0.047-0.297 0.078-0.609 0.078-0.922v-7.781c0-0.969-0.781-1.75-1.75-1.75s-1.75 0.781-1.75 1.75v4.25h-0.5v-8.25c0-0.969-0.781-1.75-1.75-1.75s-1.75 0.781-1.75 1.75v8.25h-0.5v-10.25c0-0.969-0.781-1.75-1.75-1.75zM13.75 0c1.406 0 2.703 0.797 3.344 2.063 0.219-0.047 0.438-0.063 0.656-0.063 2.063 0 3.75 1.687 3.75 3.75v0.266c2.172-0.125 4 1.547 4 3.734v7.781c0 0.438-0.047 0.875-0.125 1.297l-1.188 6.312c-0.297 1.656-1.75 2.859-3.437 2.859h-10.75c-1.25 0-2.453-0.609-3.203-1.594l-6-8c-0.516-0.688-0.797-1.547-0.797-2.406 0-2.203 1.781-4 4-4 0.656 0 1.453 0.156 2 0.531v-6.781c0-2.063 1.687-3.75 3.75-3.75 0.219 0 0.438 0.016 0.656 0.063 0.641-1.266 1.937-2.063 3.344-2.063z'%3E%3C/path%3E%3C/svg%3E")}.btn-screen .icon,.icon-screen{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4B400' d='M0 2v20h32v-20h-32zM30 20h-28v-16h28v16zM21 24h-10l-1 4-2 2h16l-2-2z'%3E%3C/path%3E%3C/svg%3E")}.btn-noscreen .icon,.icon-noscreen{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4B400' d='M22.2 15.448v2.652h-2.652l-3.348-3.348-3.348 3.348h-2.652v-2.652l3.348-3.348-3.348-3.348v-2.652h2.652l3.348 3.348 3.348-3.348h2.652v2.652l-3.348 3.348 3.348 3.348z'%3E%3C/path%3E%3Cpath fill='%23F4B400' d='M0 2v20h32v-20h-32zM30 20h-28v-16h28v16zM21 24h-10l-1 4-2 2h16l-2-2z'%3E%3C/path%3E%3C/svg%3E%0A")}.btn-tv .icon,.icon-tv{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4B400' d='M30.662 9.003c-2.775-0.399-5.731-0.688-8.815-0.851l5.153-5.153-2-2-7.017 7.017c-0.656-0.011-1.317-0.017-1.983-0.017v0l-8-8-2 2 6.069 6.069c-3.779 0.133-7.386 0.454-10.731 0.935-0.86 3.366-1.338 7.086-1.338 10.997s0.477 7.63 1.338 10.997c4.489 0.645 9.448 1.003 14.662 1.003s10.173-0.358 14.662-1.003c0.86-3.366 1.338-7.086 1.338-10.997s-0.477-7.63-1.338-10.997zM26.997 27.331c-3.367 0.43-7.086 0.669-10.997 0.669s-7.63-0.239-10.997-0.669c-0.645-2.244-1.003-4.724-1.003-7.331s0.358-5.087 1.003-7.331c3.366-0.43 7.086-0.669 10.997-0.669s7.63 0.239 10.996 0.669c0.645 2.244 1.004 4.724 1.004 7.331s-0.358 5.087-1.003 7.331z'%3E%3C/path%3E%3C/svg%3E")}.btn-stop .icon,.icon-stop{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4B400' d='M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13zM10 10h12v12h-12z'%3E%3C/path%3E%3C/svg%3E")}.btn-menu .icon,.icon-menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4B400' d='M2 6h28v6h-28zM2 14h28v6h-28zM2 22h28v6h-28z'%3E%3C/path%3E%3C/svg%3E%0A")}.btn-users .icon,.icon-users{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 32'%3E%3Cpath fill='%23F4B400' d='M24 24.082v-1.649c2.203-1.241 4-4.337 4-7.432 0-4.971 0-9-6-9s-6 4.029-6 9c0 3.096 1.797 6.191 4 7.432v1.649c-6.784 0.555-12 3.888-12 7.918h28c0-4.030-5.216-7.364-12-7.918z'%3E%3C/path%3E%3Cpath fill='%23E4A400' d='M10.225 24.854c1.728-1.13 3.877-1.989 6.243-2.513-0.47-0.556-0.897-1.176-1.265-1.844-0.95-1.726-1.453-3.627-1.453-5.497 0-2.689 0-5.228 0.956-7.305 0.928-2.016 2.598-3.265 4.976-3.734-0.529-2.39-1.936-3.961-5.682-3.961-6 0-6 4.029-6 9 0 3.096 1.797 6.191 4 7.432v1.649c-6.784 0.555-12 3.888-12 7.918h8.719c0.454-0.403 0.956-0.787 1.506-1.146z'%3E%3C/path%3E%3C/svg%3E")}#chatbell,.btn-bell .icon,.icon-bell{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23F4B400' d='M32.047 25c0-9-8-7-8-14 0-0.58-0.056-1.076-0.158-1.498-0.526-3.532-2.88-6.366-5.93-7.23 0.027-0.123 0.041-0.251 0.041-0.382 0-1.040-0.9-1.891-2-1.891s-2 0.851-2 1.891c0 0.131 0.014 0.258 0.041 0.382-3.421 0.969-5.966 4.416-6.039 8.545-0.001 0.060-0.002 0.121-0.002 0.183 0 7-8 5-8 14 0 2.382 5.331 4.375 12.468 4.878 0.673 1.263 2.002 2.122 3.532 2.122s2.86-0.86 3.532-2.122c7.137-0.503 12.468-2.495 12.468-4.878 0-0.007-0.001-0.014-0.001-0.021l0.048 0.021zM25.82 26.691c-1.695 0.452-3.692 0.777-5.837 0.958-0.178-2.044-1.893-3.648-3.984-3.648s-3.805 1.604-3.984 3.648c-2.144-0.18-4.142-0.506-5.837-0.958-2.332-0.622-3.447-1.318-3.855-1.691 0.408-0.372 1.523-1.068 3.855-1.691 2.712-0.724 6.199-1.122 9.82-1.122s7.109 0.398 9.82 1.122c2.332 0.622 3.447 1.318 3.855 1.691-0.408 0.372-1.523 1.068-3.855 1.691z'%3E%3C/path%3E%3C/svg%3E")}.btn-bell .icon,.btn-hand .icon,.btn-link .icon,.btn-menu .icon,.btn-mic-off .icon,.btn-mic-on .icon,.btn-noscreen .icon,.btn-screen .icon,.btn-sound-off .icon,.btn-sound-on .icon,.btn-stop .icon,.btn-tv .icon,.btn-users .icon,.icon-bell,.icon-hand,.icon-link,.icon-menu,.icon-mic-off,.icon-mic-on,.icon-noscreen,.icon-screen,.icon-sound-off,.icon-sound-on,.icon-stop,.icon-tv,.icon-users{width:4.3vmin;height:4.3vmin;min-width:18px;min-height:18px;margin:3px auto;display:block;background-repeat:no-repeat}#screen{flex:1;overflow:hidden}#main_video{width:100%;height:100%;left:auto;top:auto}#remote,#ytstream{margin:0;padding:0;overflow:hidden;background:0 0!important;width:100%;height:100%;position:fixed;z-index:107;bottom:0;right:0;left:0;top:0}#ytstream span{position:relative;float:left;top:100%;left:50%;transform:translate(-50%,-101%);font-size:1.8rem;text-shadow:-2px 1px 2px rgba(0,0,0,.4),1px -1px 3px #bebebe;color:#555}#rvideo{z-index:109;display:inline-block;position:absolute;bottom:15vmin;left:27vmin}#rvideo img,#rvideo video{height:20vmin;transition:transform .25s ease;cursor:zoom-in;border-radius:4px;box-shadow:rgba(0,0,0,.1) 0 4px 6px -1px,rgba(0,0,0,.06) 0 2px 4px -1px;background:repeating-linear-gradient(to right,#c4e17f 0,#c4e17f 12.5%,#f7fdca 12.5%,#f7fdca 25%,#fad071 25%,#fad071 37.5%,#f0766b 37.5%,#f0766b 50%,#db9dbe 50%,#db9dbe 62.5%,#c49cdf 62.5%,#c49cdf 75%,#6599e2 75%,#6599e2 87.5%,#61c2e4 87.5%,#61c2e4 100%),#fff;background-repeat:no-repeat;padding:.23rem 0 0 0}#rvideo .zoom{transform:scale(2.5);cursor:zoom-out}#rscreen{z-index:108;display:inline-block;position:absolute;top:1vmin;right:11vmin;width:125vmin}#rscreen video{width:100%;height:auto;box-shadow:rgba(3,102,214,.3) 0 0 0 3px}#userctl{width:12vmin;min-width:60px;height:auto;margin:0 3px;padding:0;overflow:hidden;position:fixed;bottom:0;right:0;z-index:111;text-align:center}#userctl>div{margin-bottom:1.5vmin}#userctl a:focus{outline:0!important;box-shadow:none!important}#userctl .left{float:left}#userctl .right{float:right}#userctl .l-btn-icon-left .l-btn-icon{left:0}#userctl .l-btn-left .l-btn-empty{margin:0 8px;width:0}#chatbtn span,.usercard span{line-height:12px;font-family:Helvetica;font-weight:700;font-size:10px;color:#4285f4}#userctl img,#userpict{border-radius:50%;opacity:.72;width:9vmin;height:9vmin;min-width:24px;min-height:24px;margin-bottom:5px;margin-top:5px}#chatbell{position:absolute;bottom:12px;right:2px;display:none;width:12px;height:12px}#oulcontent{overflow-y:auto;overflow-x:hidden;max-height:75vh}#oulcontent .usercard{position:relative;display:inline-block;line-height:1px;text-align:center;text-overflow:ellipsis}.usercard span{text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap;max-width:110px}.usercard .icon-hand,.usercard .icon-link,.usercard .icon-mic-off,.usercard .icon-mic-on,.usercard .icon-sound-on{display:block;margin:0;position:absolute;right:4px;top:4px;width:22px;height:22px;border-radius:50%;background-position:2px 2px;background-size:18px 18px;background-color:rgba(60,60,60,.3)}.usercard .icon-link{top:84px}#oulcontent img{display:block;width:110px;max-width:110px;margin-bottom:5px;border-radius:.4rem;padding:.16rem}#chathead{line-height:30px;text-align:center;border-bottom:1px solid #ddd;font-weight:700;background-image:linear-gradient(#f7f7f7,#ccc)}#chatinfo{overflow:auto}#chatfoot{padding:5px;text-align:center;border-top:1px solid #ddd}.chat-left,.chat-right{width:95%!important;margin:12px 7px}.chat-right{text-align:right}.chat-left .chat-cnt,.chat-right .chat-cnt{background-color:#fafafa;padding:5px 7px;margin:12px 5px 2px 7px;position:relative;display:inline-block;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.3),0 2px 5px rgba(0,0,0,.2);font-family:Helvetica;font-size:10.5pt}.chat-left .chat-cnt::before,.chat-right .chat-cnt::before{border-bottom-color:#fafafa!important;border-top:none;border:10px solid transparent;content:'';position:absolute;width:0;height:0;bottom:100%;filter:drop-shadow(0 -.0625rem .0625rem rgba(0, 0, 0, .1))}.chat-left .chat-cnt::before{left:1em;right:auto}.chat-right .chat-cnt::before{left:auto;right:1em}.chat-left::after,.chat-right::after{content:"";clear:both;display:table}.chat-right .chat-cnt{background-color:#f5f5f5}.chat-user{padding:0 12px;display:inline-block;height:32px;font-size:13px;font-weight:550;color:rgba(0,60,60,.6);line-height:32px;border-radius:16px;background-color:#eee}.chat-right .chat-user{color:rgba(90,0,90,.6);background-color:#e4e4e4}.chat-user img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chat-right .chat-user img{float:right;margin-right:-12px;margin-left:8px}.chat-time{font-size:10px;color:rgba(64,64,64,.6);display:inline-block;height:24px;padding:3px 4px}.quiz-choice{margin:10px 0 0 5px;display:flex;flex-direction:row;text-align:left;vertical-align:top}.quiz-choice div{margin:0;padding:0;width:auto;line-height:22px}.quiz-choice .quiz-select{width:30px;text-align:center}*{scrollbar-width:thin}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#ddd}::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:20px;border:3px solid Gray}