.ExtrasMenuCont {
    position : absolute;
    right: 1em;
    top: 0.3em;
    width:12em;
    z-index: 1200;
    max-height: 0;
    
    
   

.ExtrasMenu {
    position:relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 80vh;
    margin-top: 0.3em;
    align-content: flex-end;
    border-radius: 0.5em;
    background-color:#e6e6e6ab;
    padding:0.4em;
}
}

.ExtrasMenu_OpenerBtn {
    
    position: relative;
    font-size: 1.5em;
    top: 0.2em;
    left: 4.5em;
    
}

.ExtrasMenu_BtnOnBar {
    background-color: #e7e7e7;
    margin: 0.1em ;
}

.Teacher_BtnOnBar {
    background-color: yellow;
}

.ExtrasMenuBtn_MagiconSoundBtn {
    z-index: 1000;
}

.StudentGroupScrim{
    
 background-color:white;
    
}

.StudentGroupCont{

    position:relative;
    display: inline-block;
    border: 0.06em solid gray;
    background-color:snow;
    margin: 2.4em;
    padding: 1.4em 1.2em;
    border-radius: 0.7em;
    
}

.StudentGroupList{
    

}

.StudentGroup_Closer{

    position: absolute;
    top: -1.5em;
    right: -1.5em;
    
}

.StudentGroupListItem{
    
    border: 0.02em solid gray;
    margin: 0.3em 0.2em;
    padding: 0.2em;
    border-radius: 0.2em;
    font-size:2em;
    background-color: #e5d6d6;

}

.StudentGroupPic{
    
     width:100%;
     height:100%;
     position:absolute;
     top:0;
     background-size: 80%;
     background-position: center 0.2%;
     background-repeat: no-repeat;

}

.StudentGroupPic_BtnCont{
    
    position: absolute;
    top: 42em;
    right: 2em;
    
}
.StudentGroupPic_Star {
    
     width:100%;
     height:100%;
     position:absolute;
     top:0;
     background-size: 55%;
     background-position: center 0;
     background-repeat: no-repeat;

    
}