.classroom-video-container .OT_widget-container,.settings-video-container .OT_widget-container,.participant-tile .OT_widget-container{background-color:transparent}.classroom-video-container .ot-wrapper,.settings-video-container .ot-wrapper,.participant-tile .ot-wrapper{z-index:2}.classroom-video-container .ot-wrapper .vcx_stream,.settings-video-container .ot-wrapper .vcx_stream,.participant-tile .ot-wrapper .vcx_stream{object-fit:cover;border-radius:1px;-webkit-border-radius:1px}.classroom-video-container .ot-wrapper .bw-notification,.settings-video-container .ot-wrapper .bw-notification,.participant-tile .ot-wrapper .bw-notification{display:none !important}.classroom-video-container .ot-wrapper .custom-bandwidth-notification,.settings-video-container .ot-wrapper .custom-bandwidth-notification,.participant-tile .ot-wrapper .custom-bandwidth-notification{display:none;position:absolute;z-index:100;padding:5px 10px;top:25%;right:50%;transform:translateX(50%);background:rgba(0,0,0,0.29);border-radius:5px;color:#fff}.classroom-video-container .audio-level-meter,.settings-video-container .audio-level-meter,.participant-tile .audio-level-meter{position:absolute;bottom:5px;right:2px;z-index:3;display:flex;justify-content:center;width:22px;height:22px}.classroom-video-container .audio-level-meter ul,.settings-video-container .audio-level-meter ul,.participant-tile .audio-level-meter ul{list-style-type:none;padding:0;margin:0}.classroom-video-container .audio-level-meter li,.settings-video-container .audio-level-meter li,.participant-tile .audio-level-meter li{flex:0 0 auto;width:4px;height:4px;border-radius:4px;padding:0px;margin:2px 0px;background:#fff;transition:all 0.33s cubic-bezier(0.25, 0.1, 0.25, 1)}.classroom-video-container .audio-level-meter li.active,.settings-video-container .audio-level-meter li.active,.participant-tile .audio-level-meter li.active{background:#01A14B;border:0 solid #C5FF00}.classroom-video-container .audio-level-meter .mic-inactive,.settings-video-container .audio-level-meter .mic-inactive,.participant-tile .audio-level-meter .mic-inactive{background-color:#F12C3E;border:1px solid #F12C3E;padding:3px;height:22px;line-height:1;border-radius:50%;color:#fff}.classroom-video-container .audio-level-meter .mic-inactive>i,.settings-video-container .audio-level-meter .mic-inactive>i,.participant-tile .audio-level-meter .mic-inactive>i{color:#fff;display:inline-block;font-size:14px}.classroom-video-container .ot-resolution-control{z-index:3}.settings-video-container .no-video-wrapper{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;text-align:center;z-index:0;background:#333;display:flex;justify-content:center;align-items:center}.settings-video-container .no-video-wrapper .profile-photo,.settings-video-container .no-video-wrapper .offline-avatar{display:flex;flex:0;flex-basis:28%;border-radius:50%;max-width:150px;max-height:150px;height:50%;width:50%}.settings-video-container .no-video-wrapper .profile-photo{border:4px solid rgba(255,255,255,0.1);box-shadow:0 0 0 4px rgba(255,255,255,0.1);background-color:rgba(255,255,255,0.1)}.settings-video-container .no-video-wrapper .profile-photo img{width:100%;border-radius:50%}.settings-video-container .no-video-wrapper .profile-photo .username-substring{background-color:#f7f7f7;border-radius:50%;width:100%;padding:12px 10px}.settings-video-container .no-video-wrapper .profile-photo .username-substring span{font-size:44px;font-weight:bold;letter-spacing:1.2px;color:#333333;border-radius:50%}.system-device .disable{opacity:0.4;pointer-events:none;border:1px solid grey}.classroom-video-container .no-video-wrapper,.participant-tiles-container .no-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;z-index:1}.classroom-video-container .no-video-wrapper.offline,.participant-tiles-container .no-video-wrapper.offline{background-color:#ccc}.classroom-video-container .no-video-wrapper.expelled,.participant-tiles-container .no-video-wrapper.expelled{background-color:#003359;filter:grayscale(100%);-webkit-filter:grayscale(100%)}.classroom-video-container .no-video-wrapper .offline-avatar,.participant-tiles-container .no-video-wrapper .offline-avatar{max-width:150px;max-height:150px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;overflow:hidden;margin:auto;background:#f7f7f7}.classroom-video-container .no-video-wrapper .offline-avatar i,.participant-tiles-container .no-video-wrapper .offline-avatar i{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:22px;color:#cccccc}.classroom-video-container .no-video-wrapper .dc-block,.participant-tiles-container .no-video-wrapper .dc-block{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:22px;color:#EFEFEF;border-radius:50%;box-shadow:0px 0px 1px #EFEFEF}.classroom-video-container .teacher-avatar .offline-avatar i,.participant-tiles-container .teacher-avatar .offline-avatar i{font-size:44px}.classroom-video-container .profile-photo,.participant-tiles-container .profile-photo{max-width:150px;max-height:150px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;overflow:hidden;margin:auto;border:9px solid rgba(255,255,255,0.1);box-shadow:0 0 0 9px rgba(255,255,255,0.1);background-color:rgba(255,255,255,0.1)}.classroom-video-container .profile-photo.for-avchat,.participant-tiles-container .profile-photo.for-avchat{width:150px}.classroom-video-container .profile-photo.for-whiteboard,.participant-tiles-container .profile-photo.for-whiteboard{border:4px solid rgba(255,255,255,0.1);box-shadow:0 0 0 4px rgba(255,255,255,0.1)}.classroom-video-container .profile-photo img,.participant-tiles-container .profile-photo img{border-radius:50%;width:100%}.classroom-video-container .profile-photo .username-substring,.participant-tiles-container .profile-photo .username-substring{width:100%;height:100%;background-color:#f7f7f7;position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%, -50%);overflow:hidden;margin:auto}.classroom-video-container .profile-photo .username-substring span,.participant-tiles-container .profile-photo .username-substring span{font-size:100%;font-weight:bold;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:1.2px;color:#333333;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.stream-loader{display:flex;justify-content:center;align-items:center;width:100%;position:absolute;height:100%;z-index:6;background:rgba(0,0,0,0.7)}.stream-loader .ot-spinner{border-right-color:transparent;display:inline-block;overflow:hidden;text-indent:-9999px;width:32px;height:32px;border:2px solid #ffffff;border-top:3px solid transparent;border-radius:16px;animation:rotation 2s infinite linear;-webkit-animation:rotation 2s infinite linear}.participant-tiles-container{display:flex}.participant-tiles-container .part-wrapper{display:inline-block;height:100%;width:12.4%}.participant-tiles-container .part-wrapper-student{height:19%;width:50%;padding:0.5%}.participant-tiles-container .part-wrapper-student-encounter-class{height:17.5%;width:67%;padding-top:0.5%;padding-bottom:0.5%}.participant-tiles-container .participant-tile .user-participant-tile{width:100% !important}.participant-tiles-container .participant-tile .audio-level-meter{bottom:5px;right:0px;z-index:2}.participant-tiles-container .participant-tile .audio-level-meter .mic-inactive{background-color:transparent;border:none}.participant-tiles-container .participant-tile .audio-level-meter .mic-inactive .dc-mic-slash{font-size:18px}.participant-tiles-container .participant-tile .profile-photo{border:4px solid rgba(255,255,255,0.1);box-shadow:0 0 0 4px rgba(255,255,255,0.1)}.participant-tiles-container.student-container-encounter-class{flex-wrap:wrap;align-content:flex-start;justify-content:center}.participant-tiles-container.student-container-sc-cc-class{flex-wrap:wrap;align-content:flex-start}.part-wrapper-wb{width:15.5% !important}.part-wrapper-wb-encounter-class{width:20% !important}.breakout-disabled{pointer-events:none;opacity:0.5;background:#CCC}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}.participant-tiles-container .mute-and-expel-action-menu{position:absolute;top:0;right:0;z-index:4}.participant-tiles-container .mute-and-expel-action-menu .dropdown-menu{display:block;min-width:140px;max-width:100%;width:100%;padding:16px 0px;left:-115px;position:sticky}.participant-tiles-container .mute-and-expel-action-menu .dropdown-menu li{height:32px;line-height:32px;cursor:pointer;padding:0px 16px}.participant-tiles-container .mute-and-expel-action-menu .dropdown-menu li:hover{background-color:#EFEFEF}.participant-tiles-container .mute-and-expel-action-menu .dropup:hover>.dc-dc-arrow-down{display:inline-block;transform:rotate(180deg)}.participant-tiles-container .mute-and-expel-action-menu i{color:white;font-size:14px;width:24px;height:24px;line-height:24px;display:inline-block}.classroom-video-container .dc-settings,.participant-tile .dc-settings{position:absolute;left:5px;top:5px;z-index:3;color:#fff;cursor:pointer;font-size:12px;text-align:center;line-height:26px;opacity:1;background-color:#40A1BF;border-radius:3px;width:26px;height:26px}.classroom-video-container ul.resolution-options,.participant-tile ul.resolution-options{position:absolute;list-style:none;background-color:#fff;text-align:left;padding:0;margin:0;display:block}.classroom-video-container ul.resolution-options li,.participant-tile ul.resolution-options li{display:block;font-size:11px;font-weight:normal;white-space:nowrap;padding:5px 10px;cursor:pointer}.classroom-video-container ul.resolution-options li:hover,.participant-tile ul.resolution-options li:hover{background-color:#EFEFEF}.classroom-video-container ul.resolution-options li.active,.participant-tile ul.resolution-options li.active{background-color:#AAAAAA}.classroom-video-container ul.resolution-options li>span,.participant-tile ul.resolution-options li>span{color:#1A1A1A;font-size:11px}.classroom-video-container ul.resolution-options li span.resolution,.participant-tile ul.resolution-options li span.resolution{color:#F12C3E;font-size:9px}.classroom-video-container .resolution-options,.participant-tile .resolution-options{z-index:4;left:5px;top:32px;padding:0}.classroom-video-container .resolution-options li,.participant-tile .resolution-options li{list-style:none;padding:5px 10px;color:rgba(0,0,0,0.87);font-family:'Noto Sans' !important}.classroom-video-container .resolution-options li span,.participant-tile .resolution-options li span{font-size:12px}.classroom-video-container .resolution-options li span.resolution,.participant-tile .resolution-options li span.resolution{color:#F12C3E;font-size:9px}.classroom-video-container .resolution-options li.active,.participant-tile .resolution-options li.active{background-color:#999999}.participant-tile .ot-resolution-control{position:absolute;right:5px;left:auto;z-index:3}.participant-tile .dc-settings{left:auto;right:1px}.participant-tile ul.resolution-options{left:auto;right:32px;top:auto;bottom:-84px}.participant-tile .ot-privilege-notification{left:0;top:0;width:0;height:0;border:20px solid #F12C3E;border-right-color:transparent;border-bottom-color:transparent;position:absolute;z-index:4}.participant-tile .ot-privilege-notification i{position:absolute;font-size:14px;top:-14px;left:-15px;color:#fff}.participant-tile .ot-handrise-control{line-height:1;border-radius:50%;left:8px;bottom:25px;padding:5px;background-color:#40A1BF;position:absolute;z-index:4;cursor:pointer}.participant-tile .ot-handrise-control i{font-size:12px;color:#fff}.participant-tile .ot-handrise-control.hand-rised{display:none}.participant-tile .ot-handrise-control.teacher{background-color:#F12C3E}.participant-tile .user-away-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.5);z-index:4}.participant-tile .user-away-container i{font-size:26px;color:#ffdd15}.classroom-video-container .ot-breakout-notification,.participant-tile .ot-breakout-notification{top:0;left:0;width:0;height:0;border-right-color:transparent !important;border-bottom-color:transparent !important;position:absolute;z-index:4}.classroom-video-container .ot-breakout-notification i.link-icon,.participant-tile .ot-breakout-notification i.link-icon{position:absolute;top:-15px;right:0;display:inline-block;color:#fff;font-size:14px}.classroom-video-container .ot-breakout-notification.room-group-0,.participant-tile .ot-breakout-notification.room-group-0{border:20px solid #F12C3E}.classroom-video-container .ot-breakout-notification.room-group-1,.participant-tile .ot-breakout-notification.room-group-1{border:20px solid #F69022}.classroom-video-container .ot-breakout-notification.room-group-2,.participant-tile .ot-breakout-notification.room-group-2{border:20px solid #6DBD46}.classroom-video-container .ot-breakout-notification.room-group-3,.participant-tile .ot-breakout-notification.room-group-3{border:20px solid #713E97}.classroom-video-container .ot-username,.participant-tile .ot-username{display:block;bottom:0px;left:8px;text-align:left;color:#ffffff;position:absolute;width:75%;z-index:3}.classroom-video-container .ot-username p,.participant-tile .ot-username p{margin:0px;font-size:12px;text-align:left;color:#ffffff;white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis}.classroom-video-container .ot-username p.blocked,.participant-tile .ot-username p.blocked{text-decoration:line-through}.alert-modal{position:absolute;left:50%;transform:translateX(-50%);z-index:100;background:#fff;top:10%;border-radius:.25rem;box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);padding:1rem}.alert-modal button{float:right;margin:.5rem;min-width:75px}#ot-publisher-video-container-classroom .vcx_player,#ot-publisher-video-container-classroom video{height:100% !important;width:100% !important}#ot-publisher-video-container-classroom .bw-notification{display:none !important}#ot-publisher-video-container-classroom .custom-bandwidth-notification{display:none;position:absolute;z-index:100;padding:5px 10px;top:25%;right:50%;transform:translateX(50%);background:rgba(0,0,0,0.29);border-radius:5px;color:#fff;width:inherit;max-width:max-content;max-width:-moz-max-content}.avatar-container{width:142px;height:142px;border-radius:50%;overflow:hidden;margin:auto}.photo-container{border:6px solid grey}.photo-container img{width:100%}.profile-container{border:5px solid rgba(0,51,89,0.6);display:flex;justify-content:center;align-items:center;box-shadow:0 6px 8px 0 rgba(0,0,0,0.16)}.profile-container .name-container{width:122px;height:122px;display:flex;align-items:center;justify-content:center;box-shadow:0px 0px 0px 5.6px rgba(0,51,89,0.9);background-color:#003359;border-radius:50%;margin:auto}.profile-container .username-substring{display:flex;font-size:46px;font-weight:bold;font-stretch:normal;line-height:normal;color:#fff;overflow:hidden}.toggle-container{margin-top:58px;margin-bottom:8px}.toggle-container .tooltip-container{position:relative;display:inline-block;border-bottom:1px dotted rgba(0,0,0,0.7);padding-bottom:7px;margin-top:10px}.toggle-container .tooltip-container .tooltip-text{visibility:hidden;opacity:0;width:122px;background-color:rgba(0,0,0,0.7);color:#fff;text-align:center;border-radius:6px;padding:14px 12px;position:absolute;z-index:1;margin-left:-77px;margin-top:-64px;font-family:'Noto Sans';font-size:11px}.toggle-container .tooltip-container .tooltip-text.show-tooltip{visibility:visible !important;opacity:1 !important}.toggle-container .tooltip-container .tooltip-text::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent}.toggle-container .audio-video-toggle-container{display:flex;flex-direction:row;flex:50%;align-items:center;justify-content:center}.toggle-container .audio-video-toggle-container .audio-video-toggle-switch{position:relative;display:block;width:30px;height:14px;cursor:pointer;background-color:#909090;border:1px solid #909090;border-radius:124px;margin-left:14px}.toggle-container .audio-video-toggle-container .audio-video-toggle-switch .audio-video-toggle-switch-circle{position:absolute;display:block;height:12px;width:12px;background-color:#fff;border-radius:124px}.toggle-container .audio-video-toggle-container .audio-video-toggle-switch-on{background-color:#003359;border:1px solid #003359}.toggle-container .audio-video-toggle-container .audio-video-toggle-switch-on .audio-video-toggle-switch-circle-on{left:auto;right:0}
/*# sourceMappingURL=classroom.css.map */