.classroom-dashboard-client,.classroom-list-item{table-layout:fixed;list-style-type:none;list-style-position:outside}.classroom-list-item{display:list-item;line-height:1.14285714em;padding:.21428571em 0}.classroom-list-item .classroom-list-item-image{width:2em;height:2em;border-radius:500rem;display:inline-block;margin:0;padding:0;border:0}.classroom-list-item .classroom-list-item-content{display:inline-block;line-height:1.14285714em;padding:0 0 0 .5em;vertical-align:top;width:calc(100% - 2.5em)}.classroom-list-item .classroom-list-item-content .classroom-list-item-description,.classroom-list-item .classroom-list-item-content .classroom-list-item-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.classroom-list-item .classroom-list-item-content .classroom-list-item-description{color:#666;font-size:90%}.classroom-list-item .classroom-list-item-content .classroom-list-item-description i,.classroom-list-item .classroom-list-item-content .classroom-list-item-description span{margin:0 .3em 0 0}.classroom-client{padding:.5em .5em .5em 20px;font-size:.8em;color:#8ffabf}.classroom-client .group-indicator{display:inline-block;color:#ecf0f1;float:right;margin-right:1em}.classroom-client .ring-bell{display:inline-block;color:#ecf0f1;position:absolute;right:1em;opacity:.3}.classroom-client .ring-bell:hover{opacity:.8}.classroom-client .ring-bell:active,.classroom-info.classroom-info-fullscreen .close-icon:hover,.classroom-info:not(.classroom-info-fullscreen):hover,.nearby-classrooms .sublabel.nearby-title .nearby-reload:hover{opacity:.5}.classroom-client .away-label{display:none;color:#666}.classroom-client .teacher-label,.classroom-client.classroom-client-offline{color:#666}.classroom-client.classroom-client-away{color:#ecb689}.classroom-client.classroom-client-away .away-label{display:inline-block}.nearby-classrooms .sublabel.nearby-title{color:#eee;font-size:1em;position:relative;width:100%}.nearby-classrooms .sublabel.nearby-title .nearby-reload{position:absolute;right:0;bottom:.2em}.nearby-classrooms .nearby-classroom{position:relative;padding:.2em 0}.nearby-classrooms .nearby-classroom .backstage-button{position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:auto;padding:.2em .5em;font-size:.8em}.nearby-classrooms .nearby-classroom .title{font-size:.8em;padding:.2em 0}.nearby-classrooms .nearby-classroom .subtitle{font-size:.6em;color:#ccc}.classroom-info-tr{vertical-align:center}.classroom-info-buttons{width:45%}.classroom-info-buttons .backstage-button{padding-left:.25em;white-space:nowrap;text-align:left}.classroom-info{text-align:center}.classroom-info .classroom-fullscreen-button{font-size:.8em;float:right;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.classroom-info:not(.classroom-info-fullscreen){width:55%}.classroom-info.classroom-info-fullscreen{background-color:#222;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;overflow:hidden;-webkit-animation:classroom-info .3s;animation:classroom-info .3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;color:#ecf0f1}.classroom-info.classroom-info-fullscreen .close-icon{position:absolute;top:20px;right:20px;font-size:20px}.classroom-info.classroom-info-fullscreen .classroom-info-inner{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);font-size:10em}@media (min-width:991px){.classroom-info.classroom-info-fullscreen .classroom-info-inner{font-size:15em}}.classroom-info.classroom-info-fullscreen .classroom-info-label{font-size:.3em;margin-bottom:.5em}.classroom-info.classroom-info-fullscreen .classroom-info-big{font-size:1.4em;margin-bottom:.5em}.classroom-info.classroom-info-fullscreen .classroom-info-small{font-size:1em}.classroom-info .classroom-info-big{font-size:1.4em}.classroom-info .classroom-info-small{font-size:.8em}.classroom-clients-label{margin-bottom:0}.classroom-client .name-input{width:50%;display:inline-block;margin-bottom:0;padding-top:0;padding-bottom:0}.classroom-client .name-input.name-input-locked{background:0 0;color:#8ffabf}html.navigation-locked #leftbar-toggle,html.navigation-locked #next-chapter,html.navigation-locked #previous-chapter{opacity:.2;pointer-events:none}html.classroom-teacher .classroom-teacher-invisible,html:not(.classroom-teacher) .classroom-teacher-visible{display:none}.group-tabs .group-none{position:relative}.group-tabs .group-none .placeholder{visibility:hidden}.group-tabs .group-none i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.teacher-options{margin-bottom:.25em}.teacher-panel .menu-item{position:absolute}.teacher-panel .menu-item:active .teacher-panel-popover,.teacher-panel .menu-item:hover .teacher-panel-popover{display:block}.teacher-panel .menu-item .teacher-panel-popover{position:absolute;bottom:3.5em;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:7em;padding:.5em;background:#222;line-height:.7em;display:none}.teacher-panel .menu-item .teacher-panel-popover span{font-size:.7em}.teacher-panel .teacher-panel-locknav{left:5em}.teacher-panel .teacher-panel-locknav.active .teacher-panel-toggle-off,.teacher-panel .teacher-panel-locknav:not(.active) .teacher-panel-toggle-on{display:none}.teacher-panel .teacher-panel-scroll{left:9em}@media (max-width:767px){.teacher-panel .teacher-panel-locknav{left:4em}.teacher-panel .teacher-panel-scroll{left:8em}}#classroom-alert-panel{background-color:#e74c3c;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;overflow:hidden;animation:classroom-alert-panel-fade 4s;animation-timing-function:ease-in;-webkit-animation:classroom-alert-panel-fade 4s;-webkit-animation-timing-function:ease-in}@-webkit-keyframes classroom-alert-panel-fade{0%{opacity:1}100%{opacity:0}}@keyframes classroom-alert-panel-fade{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes classroom-info{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes classroom-info{0%{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.classroom-dashboard-container{margin-top:1em;margin-bottom:1em;color:#eee}.classroom-dashboard-container button{background-color:#444;font-family:Roboto-Light;color:#eee;border-radius:0;border:0}.classroom-dashboard-container button:active,.classroom-dashboard-container button:hover{background-color:#222;font-family:Roboto-Light;color:#fff;border-radius:0;border:0}.classroom-dashboard-panel{margin-top:0;background-color:#444;font-family:Roboto-Light;font-size:.7em;padding:.5em 1em}.classroom-dashboard-group-label-count{margin:0 .5em}.classroom-dashboard-group-label-count::before{content:"("}.classroom-dashboard-group-label-count::after{content:")"}.classroom-dashboard-result span p{margin:0}.classroom-dashboard-client{font-family:Roboto-Regular;display:list-item;line-height:1.14285714em;padding:.21428571em 0}.classroom-dashboard-client .classroom-dashboard-client-image{width:2.5em;height:2.5em;border-radius:500rem;float:left;display:block;margin:.2em;padding:0;border:0}.classroom-dashboard-client .classroom-dashboard-client-content{display:inline-block;line-height:2em;padding:0 0 0 .5em;vertical-align:top;width:calc(100% - 3em)}.classroom-dashboard-client .classroom-dashboard-client-content .classroom-dashboard-client-header{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:2em;font-size:1.6em;font-weight:400;color:#c8ffd7}.classroom-code-display{right:5em;width:5em}.classroom-code-display-content{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.classroom-code-display-inactive{display:none}