html body{margin:0;padding:0;height:100vh;width:100vw;font-weight:500;background-color:#fff!important}.MuiTypography-root,html body{font-family:"Montserrat","Roboto","Helvetica","Arial",sans-serif!important}#root{height:100vh;width:100vw}.light{font-weight:300!important}.bold{font-weight:700!important}.smallFont{font-size:11px}.icon-sm{width:16px;height:16px}.white-bg{background-color:#fff!important}.white-bg>*{color:#000!important}.ghost-white-bg{background-color:#f6f8fa!important}.white-smoke-bg{background-color:#e8eef3!important}.text-center{text-align:center!important}.br-1{border-radius:4px!important}.br-2{border-radius:8px!important}.br-3{border-radius:16px!important}.br-4{border-radius:32px!important}.br-5{border-radius:64px!important}.br-6{border-radius:128px!important}.br-50{border-radius:50%!important}.br-100{border-radius:100%!important}.mt-1{margin-top:3px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:16px!important}.mt-4{margin-top:32px!important}.mt-5{margin-top:64px!important}.mt-6{margin-top:128px!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:16px!important}.mb-4{margin-bottom:32px!important}.mb-5{margin-bottom:64px!important}.mb-6{margin-bottom:128px!important}.my-1{margin-top:3px!important;margin-bottom:4px!important}.my-2{margin-top:8px!important;margin-bottom:8px!important}.my-3{margin-top:16px!important;margin-bottom:16px!important}.my-4{margin-top:32px!important;margin-bottom:32px!important}.my-5{margin-top:64px!important;margin-bottom:64px!important}.my-6{margin-top:128px!important;margin-bottom:128px!important}.mx-1{margin-left:3px!important;margin-right:4px!important}.mx-2{margin-left:8px!important;margin-right:8px!important}.mx-3{margin-left:16px!important;margin-right:16px!important}.mx-4{margin-left:32px!important;margin-right:32px!important}.mx-5{margin-left:64px!important;margin-right:64px!important}.mx-6{margin-left:128px!important;margin-right:128px!important}.pt-1{padding-top:3px!important}.pt-2{padding-top:8px!important}.pt-3{padding-top:16px!important}.pt-4{padding-top:32px!important}.pt-5{padding-top:64px!important}.pt-6{padding-top:128px!important}.pb-1{padding-bottom:4px!important}.pb-2{padding-bottom:8px!important}.pb-3{padding-bottom:16px!important}.pb-4{padding-bottom:32px!important}.pb-5{padding-bottom:64px!important}.pb-6{padding-bottom:128px!important}.py-1{padding-top:3px!important;padding-bottom:4px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.py-3{padding-top:16px!important;padding-bottom:16px!important}.py-4{padding-top:32px!important;padding-bottom:32px!important}.py-5{padding-top:64px!important;padding-bottom:64px!important}.py-6{padding-top:128px!important;padding-bottom:128px!important}.px-1{padding-left:3px!important;padding-right:4px!important}.px-2{padding-left:8px!important;padding-right:8px!important}.px-3{padding-left:16px!important;padding-right:16px!important}.px-4{padding-left:32px!important;padding-right:32px!important}.px-5{padding-left:64px!important;padding-right:64px!important}.px-6{padding-left:128px!important;padding-right:128px!important}.w-100{width:100%}.h-100{height:100%}.text-center{text-align:center}.fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.title{font-size:24;font-weight:700;margin-bottom:20}@media (min-width:576px){.fluid{max-width:540px}.title{font-size:18;font-weight:700;margin-bottom:20}}@media (min-width:768px){.fluid{max-width:720px}}@media (min-width:992px){.fluid{max-width:960px}}@media (min-width:1200px){.fluid{max-width:1140px}}.hide-spinner>*>input::-webkit-inner-spin-button,.hide-spinner>*>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hide-spinner>*>input[type=number] .hide-spinner{-moz-appearance:textfield}body>*{scrollbar-width:thin;scrollbar-color:#00f orange}body>::-webkit-scrollbar{width:6px}body>::-webkit-scrollbar-track{background:transparent}body>::-webkit-scrollbar-thumb{background-color:grey;border-radius:20px;border:3px solid transparent}#practice-mode-timer svg{fill:#000!important;margin-right:12px}#handover-note div{cursor:pointer}.collapsed-note{text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:4.5em}.collapsed-note,.expanded-note{display:block;line-height:1.5em}div.dashed{border-top:1px dashed #bbb;margin-top:3;margin-bottom:3}.button{cursor:pointer;transition:transform .2s ease;border-radius:3px}.button:active{opacity:.5;transform:translateY(2px)}.button:disabled{background-color:#bbb}.button:hover{transform:scale(1.1)}.button:hover:disabled{transform:none;cursor:not-allowed}.practice-button{background-color:#007aff}.lesson-button,.practice-button{color:#fff;border:none;text-align:center;display:inline-block;width:70px;height:25px;justify-content:center;align-items:center;margin-bottom:3px}.lesson-button{background-color:#3c6}.connect-button{background-color:#000}.connect-button,.disconnect-button{color:#fff;border:none;text-align:center;display:inline-block;width:70px;height:25px;justify-content:center;align-items:center;margin-bottom:3px}.disconnect-button{background-color:red}.skip-button{background-color:orange;color:#fff;border:none;text-align:center;display:inline-block;width:70px;height:25px;justify-content:center;align-items:center;margin-bottom:3px}.vibrate{animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.loader{border-radius:50%;border:5px solid #f3f3f3;border-top-color:#3498db;width:15px;height:15px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-top-right{right:5px}.header-top-left,.header-top-right{align-items:center;bottom:8px;display:flex;justify-content:center;line-height:15px;padding:4px;position:absolute}.header-top-left{left:5px}.header-btn{background-color:transparent;border:none}.header-txt{font-size:15;padding:5px;margin-bottom:3px}.spinning{animation:spin 1s linear infinite}.lock-button{background-color:brown;border:none;border-radius:50%}.lock-button,.unlock-button{align-items:center;justify-content:center;height:30px;width:30px;margin-right:10px;margin-top:5px;margin-bottom:5px;display:flex}.unlock-button{background-color:#fff;border:1px solid #999;border-radius:50%}.learn-mode-practice{margin-left:-35px}.learn-mode-practice,.learn-mode-tutor{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:106px;left:32px;z-index:99}.practice-mode{height:70px;width:175px;margin-top:-10px}.tutor-mode{height:60px;width:60px}.dialog-icon .toolbox-icon{background-color:#fff;border-radius:5px;border:1px solid #d1dbe8;margin:0 4px;width:48px;height:48px;align-items:center;justify-content:center;display:flex}.dialog-icon .toolbox-icon svg{fill:#5e6d7a}.raisehand .toolbox-icon{background-color:#000;border:1px solid #555;width:48px;height:48px}.raisehand .toolbox-icon svg{fill:#fff}.dialog-info-header{font-weight:700}.dialog-info-header,.dialog-info-text{font-size:14;color:#fff;text-align:center;margin-bottom:10px}.dialog-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:15px;padding-bottom:15px;min-height:250px}.dialog-practice-mode{height:105px;width:263px}.dialog-tutor-mode{height:80px;width:80px}.dialog-close{position:absolute;top:5px;right:5px}.overflow-menu{font-size:1.2em;list-style-type:none;background-color:transparent;background-color:initial;margin:-16px -24px;padding:4px 0}.overflow-menu .overflow-menu-item{align-items:center;color:#b8c7e0;cursor:pointer;display:flex;font-size:14px;height:22px;padding:5px 12px}.overflow-menu .overflow-menu-item div{display:flex;flex-direction:row;align-items:center}.overflow-menu .overflow-menu-item:hover{background-color:#313d52;color:#b8c7e0}.overflow-menu .overflow-menu-item.unclickable{cursor:default}.overflow-menu .overflow-menu-item.unclickable:hover{background:inherit}.overflow-menu .overflow-menu-item.disabled{cursor:auto;color:#3b475c}.overflow-menu .overflow-menu-item-icon{margin-right:10px}.overflow-menu .overflow-menu-item-icon i{display:inline;font-size:24px}.overflow-menu .overflow-menu-item-icon i:hover{background-color:transparent;background-color:initial}.overflow-menu .overflow-menu-item-icon img{max-width:24px;max-height:24px}.overflow-menu .overflow-menu-item-icon svg{fill:#b8c7e0!important}.overflow-menu .profile-text{max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.menu-icon .toolbox-icon{border:none;margin-left:6px;width:12px;height:24px;align-items:center;justify-content:center;display:flex}.menu-icon .toolbox-icon svg{fill:#5e6d7a}.learn-mode-timer{flex-direction:column;position:absolute;top:106px;left:32px;z-index:99}.learn-mode-timer,.practice-mode-timer{display:flex;justify-content:center;align-items:center}.practice-mode-timer{height:50px;width:50px;border-radius:50%;background-color:#007aff;position:relative}.timer-icon svg{fill:#fff;opacity:.25;height:25px;width:25px}.timer-icon-solid svg{fill:#fff;opacity:1;height:25px;width:25px}.timer{align-items:center;justify-content:center;top:0;left:0;bottom:0;right:0;position:absolute;display:flex}.timer .timer-text{font-size:12;color:#fff}.tutor-mode-timer{margin-top:6px;align-items:center;justify-content:center;height:50px;width:50px;border-radius:50%;background-color:#3c6;display:flex;position:relative}.grouped-rooms{width:100%;height:100%;white-space:nowrap;position:relative;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:#eee}.grouped-rooms div *{overflow:hidden}.single-room{width:24.5%;height:80vh;overflow-x:hidden;overflow-y:scroll;float:none;padding:0 5px;display:inline-block;zoom:1}.room-header{position:-webkit-sticky;position:sticky;top:5px;display:flex;flex-direction:"row";background-color:#bbb;padding:10px;opacity:.8;align-items:center}.room-title{margin-left:10px;font-size:15px;color:#000;flex:1 1}.coffee-break .activated{color:#fff;padding:4px 8px;background-color:#3c6;border-radius:5px;overflow:hidden}.coffee-break .activated,.coffee-break .deactivated{font-weight:700;font-size:14;text-align:center;margin-bottom:15}.coffee-break .deactivated{color:red}.dialog-coffee-break{height:100px;width:100px;transform:scale(2)}.coffee-break-button{background-color:#007aff;border:none;text-align:center;display:flex;padding:10px;justify-content:center;align-items:center;margin:10px;font-size:14}.coffee-break-icon{font-size:12}.coffee-break-timer{display:flex;flex-direction:row;align-items:center;vertical-align:center}.coffee-break-icon svg{fill:#fff;margin-right:3px}.blink{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.title{flex-grow:1;display:block}ul{padding-top:0!important}.outer-container{left:81px}.opened-outer-container,.outer-container{top:64px;bottom:0;right:8px;position:fixed}.opened-outer-container{left:240px}@media (max-width:576px){.outer-container{top:56px;left:65px;position:fixed}.opened-outer-container{top:56px;left:240px;position:fixed}}.inner-container{position:relative;z-index:99}.avatar-container{height:200px;width:200px;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.avatar-container>.MuiAvatar-root{height:80px;width:80px}.container{min-width:1200px;min-height:840px;display:grid;grid-gap:1px;padding:1px;background-color:#d3d3d3;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:64px 128px 128px 128px 128px 128px 128px;border-radius:8px}.item{background:#fff;display:flex}.item:first-of-type{grid-column-start:3;grid-column-end:10;border-top-right-radius:8px}.item:nth-of-type(2){grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:8;border-top-left-radius:8px;border-bottom-left-radius:8px;background:#f6f8fa}.item:last-child{border-bottom-right-radius:8px}.selected-day{width:220px}.top-left-panel{flex:2 1;overflow-y:overlay}.bottom-left-panel{flex:1 1}.subject-icon{height:18px!important;width:18px!important;margin-right:6px}@media (max-width:576px){.lg-avatar{height:60px!important;width:60px!important}}.search-container{position:relative;display:flex;background-color:transparent;flex-direction:row;width:100%;height:48px;margin-left:8px}.search-container>div.MuiInputBase-root{background-color:#fff;padding-left:20px;padding-right:20px;width:100%}.search-icon-container{position:absolute;right:60px;height:48px;display:flex;align-items:center}.scroll-container{max-height:460px!important;overflow-y:auto}.lg-avatar{height:120px!important;width:120px!important}.fill{display:flex;justify-content:center;align-items:center;overflow:hidden;height:100vh}.fill img{flex-shrink:0;min-width:100%;min-height:100%}h2{font-size:40px}.login-form-container{background-color:#fff;height:100%;padding:20px 50px}@media (max-width:576px){.fill{display:none}}
/*# sourceMappingURL=main.d39d2b0f.chunk.css.map */