body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2{font-size:24px}h3{font-size:20px}h1,h2,h3,h4,h5,h6{line-height:1.2}*{box-sizing:border-box}.separator{border-bottom:2px solid #333;margin:40px 0}.table--row{display:flex;align-items:stretch;border-bottom:1px solid #333}.table--row:last-of-type{border-bottom:0}.table--row:nth-of-type(2n){background-color:rgba(63,81,181,.25)}.table--cell{flex:0 1 50px;text-align:center;padding:7px 10px;border-right:1px solid #333;display:flex;align-items:center;justify-content:center}.table--cell:last-of-type{border-right:0}.table--cell.grow-1{flex-grow:1}.table--cell.grow-2{flex-grow:2}.table--cell__content{word-break:break-word}.table__icon{cursor:pointer}.table--header .table--cell{font-size:14px}.table--header .table--cell,.warning{text-transform:uppercase;font-weight:700}.warning{font-size:12px}.form__datepicker,.form__field--datePicker,.form__select{margin-bottom:15px}.form__textField{width:100%}.form__textField--custom.MuiFormControl-root,.form__textField--wrapper{margin-bottom:15px}.form__passwordField{width:100%}.form__passwordField.MuiFormControl-root{margin-bottom:15px}.form__datePicker,.form__select,.form__select--inner{width:100%}.form__actions{display:flex;justify-content:space-between}form .form__field--label-error{font-size:12px}.loader{position:fixed;z-index:1000;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.75);display:flex;justify-content:center;align-items:center;flex-direction:column}.loader__container{position:relative;width:60px;height:80px}.loader__container-inner{height:50px;width:50px;-webkit-animation:spin 1.4s linear infinite both;animation:spin 1.4s linear infinite both;position:absolute;top:60%;left:50%;border-radius:50%;border-color:transparent #3f51b5;border-style:solid;border-width:3px}.loader__container-inner--sm{height:30px;width:30px;border-width:2px}@-webkit-keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.modal{position:fixed;z-index:999;top:0;left:0;right:0;min-height:100vh;background-color:rgba(0,0,0,.2)}@media (max-width:768px){.modal{padding:0 15px}}.modal__title{color:rgba(0,0,0,.38);font-size:18px;font-weight:600;text-align:center;margin-bottom:35px}.modal__title--with-icon{display:flex;flex-direction:column;align-items:center}.modal__title--with-icon svg{width:35px;height:40px;margin-bottom:30px}.modal__date-picker{display:flex;justify-content:center;padding:0 0 45px}.modal__info{background-color:#f1f1f1;padding:20px 0}.modal__info h2{padding:5px 27px;color:#000;font-weight:700;font-size:13px}.modal__info p{padding:0 27px 20px;font-size:12px}.modal__info ul li{padding:15px 27px;display:flex;justify-content:space-between;color:#000;font-weight:700;font-size:13px}@media (max-width:1441px){.modal__info ul li{font-size:12px}}.modal__info ul li .info-value{font-weight:400}.modal__info ul li .info-value .expired-date{color:#fd3617;font-weight:700}.modal__info ul li .info-areas{display:flex}.modal__inner{max-height:100%;overflow:auto;padding:15px 20px;transform:translateY(-50%);position:absolute;top:50%;background-color:#fff;border-radius:5px;box-shadow:0 3px 40px rgba(0,0,0,.16)}@media (min-width:769px){.modal__inner{padding:40px 50px;min-width:500px;left:50%;transform:translate(-50%,-50%)}}@media (max-width:768px){.modal__inner{width:calc(100% - 30px)}}.modal--big .modal__inner{max-width:700px;width:100%}@media (max-width:767px){.modal--big .modal__inner{max-width:calc(100% - 30px)}}.modal__inner--overflow-unset{overflow:unset}.modal__actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.modal__actions .btn--green{width:auto}.login{padding-top:100px}@media (min-width:769px){.login__register-button{margin-top:50%}}.login__form{padding:25px 25px 25px 0}@media (min-width:769px){.login__form{border-right:1px solid rgba(0,0,0,.25)}}@media (max-width:768px){.login__form{border-bottom:1px solid rgba(0,0,0,.25)}}.register{padding-top:100px}.register__register-button{text-align:center}.register__form{padding:25px 25px 25px 0;margin-left:10%;margin-right:10%}.register__revealingButton{cursor:pointer}.user__panel{border:1px solid #000;padding:0;text-align:center}.user__ribbon{height:100%;min-height:100vh;min-width:250px;background-color:#f1f1f1;max-width:300px}.user__ribbon--inner{overflow:auto;width:100%;height:100vh}.user__ribbonContainer{position:fixed;top:0;left:0;z-index:99}.user__ribbonContainer--opened{border-right:1px solid #3f51b5}.user__ribbonContainer--closed .user__ribbon{background-color:transparent;min-width:0}.user__ribbonPanel{width:100%;min-height:100px;text-align:center}.user__ribbonPanel h1{font-size:18px}.user__ribbonPanel_content{margin:20px 0;width:100%}.user__ribbonPanel--profile{display:flex;align-items:center;padding-top:10px}.user__ribbonPanel-r{padding-left:15px}.user__homePage,.user__messages{height:80px;margin-top:10px;margin-bottom:10px;float:left;margin-left:15px}.user__profilePicture{margin-left:15px;cursor:pointer}.user__name{color:#3f51b5;text-align:left;padding-right:15px}.user__onhoverName{cursor:pointer}.user__logout{height:40px;text-align:left;padding:0 10px;margin:auto auto 5px}.user__revealingButton{padding-top:4px;border:1px solid #3f51b5;border-left:0;border-radius:0 20px 20px 0;position:absolute;right:-25px;top:40%;transform:translateY(-50%);line-height:35px;background-color:#fff;background-color:#f1f1f1;cursor:pointer}.user__revealingButton--closed{left:0;right:auto}.user__button{height:100px;width:300px}.user__button2{padding-top:0;height:70px;width:130px}.user__profilePanel{margin-top:20px;justify-content:center;text-align:center}.user__playButton{width:30vw;height:40vh;margin:25vh auto 0;display:flex;align-items:center;justify-content:center;border:1px solid #388bbb;border-radius:15vw/20vh;color:#388bbb;cursor:pointer}.user__playFont{font-size:5vw}.user__calendarPanel{padding-top:50px}.user__addButton,.user__deleteButton{width:120px;height:50px}.user__calendarRow{display:grid;justify-content:space-around;padding-bottom:3px}.user__calendarTile{width:14%;height:85px;border:1px solid #3f51b5;text-align:center;line-height:30px}.user__weekendTile{background-color:#a1a1a1}.user__dayTile{width:14%;height:50px;border:1px solid #3f51b5;color:#3f51b5;text-align:center}.user__dayTile h3{margin-top:10px}.user__calendar{position:relative}.user__calendarNext{width:20px;height:40px;border:1px solid #3f51b5;border-left:0;border-radius:0 20px 20px 0;position:absolute;right:-19px;top:50%;transform:translateY(-50%);line-height:35px;background-color:#fff;cursor:pointer}.user__calendarNext--closed{left:0;right:auto}.user__calendarPrevious{width:20px;height:40px;border:1px solid #3f51b5;border-right:0;border-radius:20px 0 0 20px;position:absolute;left:-19px;top:50%;transform:translateY(-50%);line-height:35px;background-color:#fff;cursor:pointer}.user__calendarPrevious--closed{left:0;right:auto}.user__dateTitle{color:#3f51b5}.user__groupsPanel{width:200px;position:absolute;border:1px solid #3f51b5;border-bottom:none;right:100px;top:170px}.user__groupsUpperPanel{width:200px;height:50px;border-bottom:1px solid #3f51b5}.user__groupsName{width:150px;color:#3f51b5}.user__groupsAdd,.user__groupsName{height:50px;float:left;line-height:50px;text-align:center;font-weight:700}.user__groupsAdd{width:50px;border-left:1px solid #3f51b5;cursor:pointer}.user__groupIcon{height:50px;width:50px;float:left;line-height:50px;text-align:center;cursor:pointer}.user__pointer{cursor:pointer}.MuiMenuItem-root.custom-menu-item{border-top:1px solid #3f51b5;padding-top:30px;font-weight:700;color:#3f51b5;justify-content:center;padding-bottom:30px}.MuiMenuItem-root.custom-menu-item:last-of-type{border-bottom:1px solid #3f51b5}.profile__profilePicture{border:1px solid #388bbb;width:200px;height:200px;border-radius:100px;float:left;line-height:200px;text-align:center;margin:0 auto 40px;cursor:pointer}.profile__form{max-width:450px;margin:0 auto}.profile__main{padding-top:50px}@media (max-width:768px){.profile__main h3{margin:0}.profile__main .form__textField--wrapper{width:100%}}.profile__pictureContainer{align-items:center;display:flex;justify-content:center}.profile__inputTitle{text-align:left;color:#388bbb}@media (min-width:769px){.profile__inputTitle{text-align:right;padding-right:20px}}.profile__input{align-items:center;display:flex}@media (min-width:769px){.profile__input{line-height:50px}}.profile__submitButton{text-align:center}@media (max-width:768px){.profile__submitButton.MuiGrid-item{margin-top:15px}}.news__filter{display:flex;align-items:center;justify-content:center}.news__main{margin-top:50px}.news__generalInfo,.news__myClassesInfo,.news__myPlaysInfo{border:1px solid #388bbb}.news__generalInfo{box-shadow:3px 6px 4px green}.news__myClassesInfo{box-shadow:3px 6px 4px red}.news__myPlaysInfo{box-shadow:3px 6px 4px orange}.news__container{grid-row-gap:20px}.news__myClassesLabel{color:red;float:left}.news__generalLabel{color:green;float:left}.news__myPlaysLabel{color:orange;float:left}.news__checkbox{display:block;height:25px}.news__checkbox--groups svg{color:red}.news__checkbox--games svg{color:orange}.news__checkbox--general svg{color:green}.news__card{word-break:break-word}.game iframe{width:100vw;height:100vh}.progress{padding-top:50px}.progress__gameContainer{padding-bottom:25px;border-top:2px solid #000;justify-content:center}.progress__text{border-bottom:2px solid #000;padding:10px 10px 10px 30px;line-height:35px;display:flex}.progress__trophy{margin-right:10px;flex:1 0 150px;text-align:right}.progress__description{word-break:break-word;flex-grow:1}@media (min-width:769px){.games-list{padding-top:60px}}@media (max-width:768px){.games-list{padding-top:15px}}.games-list .select--big{font-size:24px;min-width:300px}.games-list__levels{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;padding:15px 0}.games-list__levels .levelCard{padding:15px;cursor:pointer}@media (min-width:769px){.games-list__levels .levelCard{width:33.33333%}}@media (min-width:451px) and (max-width:768px){.games-list__levels .levelCard{width:50%}}@media (max-width:450px){.games-list__levels .levelCard{width:100%}}.games-list__levels .levelCard__name{font-weight:700}.games-list__levels .levelCard__description,.games-list__levels .levelCard__name,.games-list__levels .levelCard__short{margin-bottom:10px}.games-list__levels .levelCard__description{font-size:12px}.games-list__levels .levelCard .MuiCard-root:hover{background-color:#f1f1f1}.game-view iframe{width:100vw;height:100vh}.studentGroups{padding:40px 0}.groupsTable{margin-bottom:20px}.groupsTable h3{text-align:center}.newGroup__modal--actions{display:flex;justify-content:space-between}.joinGroup form{display:flex;justify-content:center;align-items:center}.joinGroup form button{margin-left:10px}.allGroups{padding-top:50px;height:100vh}.allGroups__upperTile,.allGroups__upperTile2{text-align:center;border-bottom:2px solid #000;padding:20px}.allGroups__upperTile{border-right:2px solid #000}.allGroups__tile{border-right:2px solid #000}.allGroups__tile,.allGroups__tile2{text-align:center;padding:20px}.allGroups__violet{background-color:#acacea}.allGroups__green{background-color:#eeacb0}.allGroups__red{background-color:#acfcb0}.allGroups__container{height:100%}.allGroups__join{padding-top:20px}.allGroups__joinLabel{text-align:center;border-top:2px solid #000;padding:20px}.allGroups__joinInput{display:flex;justify-content:center;align-items:center;padding-top:20px}.allGroups__input{float:left;margin-top:-15px;margin-right:20px}.specificGroup{padding:40px 0}.groupCode,.groupHeading{margin:20px auto}.groupCode__inner,.groupHeading__inner{display:flex;justify-content:center;align-items:center;min-width:500px}.groupCode__name,.groupHeading__name{flex:0 1 250px}.groupCode__panel,.groupHeading__panel{margin-left:10px}.groupCode__panel svg,.groupHeading__panel svg{cursor:pointer;margin-left:5px}.groupCode__addMember,.groupHeading__addMember{text-align:center;margin-top:10px}.groupHeading__inner{align-items:flex-end}.groupCode__name{display:flex;flex-wrap:wrap;justify-content:center}.groupMembers__table--row{display:flex;align-items:stretch;border-bottom:1px solid #333}.groupMembers__table--row:nth-of-type(2n){background-color:rgba(63,81,181,.25)}.groupMembers__table--row:last-of-type{border-bottom:0}.groupMembers__table--cell{text-align:center;padding:7px 10px;border-right:1px solid #333;display:flex;align-items:center;justify-content:center}.groupMembers__table--cell:last-of-type{border-right:0}.groupMembers__table--cell.grow-1{width:15%}.groupMembers__table--cell.grow-2{width:35%}.groupMembers__table--cell .table--cell__content{word-break:break-word}.newMember__modal--actions{display:flex;justify-content:space-between;margin-top:15px}.teacher-panel--inner{display:flex;margin-top:40px}@media (min-width:769px){.teacher-panel--l{flex:0 1 920px}.teacher-panel--r{margin-left:15px;flex:0 1 500px}.teacher-panel--spacer{flex:0 1 500px}}.teacher-panel__actions{max-width:930px;margin:50px auto 20px}@media (min-width:401px){.teacher-panel__actions button+button{margin-left:15px}}@media (max-width:768px){.teacher-panel{padding:5px 15px 15px}.teacher-panel__actions{margin-top:10px}.teacher-panel--inner{flex-wrap:wrap}.teacher-panel--l,.teacher-panel--r{width:100%}.teacher-panel--spacer{display:none}.teacher-panel .fc .fc-toolbar.fc-header-toolbar{display:flex;flex-wrap:wrap}.teacher-panel .groups__section{max-width:100%}}@media (max-width:400px){.teacher-panel__actions button:first-of-type{margin-bottom:5px}}.task-details-modal{max-width:500px}.task-details-modal--actions button+button{margin-left:15px}.event-content{font-size:16px;padding:0 3px;cursor:pointer;display:flex;align-items:center;overflow:hidden}.event-content__icon{padding-right:3px}.groups__section{max-width:300px;border:1px solid #000}.groups .group{padding:7px 10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.groups .group:nth-of-type(2n){background-color:rgba(63,81,181,.25)}.groups .group .group__icon svg{font-size:25px}.groups .group p{margin:0}
/*# sourceMappingURL=main.284a91cd.chunk.css.map */