/* ==UserStyle==
@name           Example
@namespace      example.com
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url("https://classroom.google.com/"), url-prefix("https://classroom.google.com/"), domain("https://classroom.google.com/") {
/*The default settings for the project*/
.default {
    background-image:url('https://i.imgur.com/xKJYZ9H.jpeg') !important;
    background-color:yellow !important;
    color: rgba(0, 0, 0, 1) !important;
    font-size:25px !important;
    margin:0px !important;
    opacity: 1 !important;
}

span {
   font-size:16px !important;
}

span::after {
   font-size:16px !important;
}


/* DEBUGG TOOL: Testing to change content in css
a:hover::after {
    content: " (" attr(href)")"; 
}
*/

span[class=""] { 
    color: rgba(0, 0, 0, 1) !important;
    font-size:20px !important;
} 



#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > span {
    color:white;
}



/* Background*/
#studybee > md-sidenav {
    color: rgba(0, 0, 0, 1) !important;
    font-size:16px !important;
    
}

/* Student row*/
p {
    display:flex;
    padding:5px !important;
    color: rgba(0, 0, 0, 1) !important;
    font-size:17px !important;
    
}


p:hover {
    font-size:18px !important;
    background-color:#c2c2c2 !important;
       
}



#studybee > studybee-handle {
    z-index:0;
    border-radius:10px;
    width:65px !important;
    height:250px !important;
    background-color:#fbcd03 !important;
}

/*Remove sb image*/
img[src="chrome-extension://nbhebloikpdgagghfhamjkbgfnobcfck/images/icon-128.png"] {display:none;} 
[src="chrome-extension://nbhebloikpdgagghfhamjkbgfnobcfck/images/icon-128.png"] {display:none;}



#studybee > md-sidenav > app-main-menu > mat-sidenav-container > div.mat-drawer-backdrop.ng-star-inserted {
    width: 510px !important;
}

.jss21 {
    display:flex;
    margin-bottom:200px !important;
    width:50px !important;
    height:50px !important;
    padding-bottom:10px;
    
    
}



#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div.MuiPaper-root.MuiAccordion-root.jss12.Mui-expanded.jss13.MuiAccordion-rounded.MuiPaper-elevation1.MuiPaper-rounded > div.MuiCollapse-container.MuiCollapse-entered > div > div > div > div > div > div:nth-child(4) > span.MuiSlider-root.jss20.MuiSlider-colorPrimary > span.MuiSlider-thumb.jss21.MuiSlider-thumbColorPrimary.jss25 {
    
    margin-bottom:200px !important;
    width:50px !important;
    height:50px !important;

    
}






/*Assesment*/
#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div.MuiPaper-root.MuiAccordion-root.jss12.Mui-expanded.jss13.MuiAccordion-rounded.MuiPaper-elevation1.MuiPaper-rounded > div.MuiCollapse-container.MuiCollapse-entered > div > div > div > div > div > span {
    
    color: rgba(0, 0, 0, 1) !important;
    font-size:22px !important;
    
}



/*
aria-valuetext="A"
label="A"
*/






/* Grade size scrollbar huge*/
#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div.MuiPaper-root.MuiAccordion-root.jss12.Mui-expanded.jss13.MuiAccordion-rounded.MuiPaper-elevation1.MuiPaper-rounded > div.MuiCollapse-container.MuiCollapse-entered > div > div > div > div > div > div:nth-child(4) > span.MuiSlider-root.jss20.MuiSlider-colorPrimary > span.MuiSlider-thumb.jss21.MuiSlider-thumbColorPrimary.MuiSlider-active.jss22.jss26.jss25 > span
{
    font-size:220px !important;
    color: rgba(0, 0, 0, 1) !important;
}


#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div.MuiPaper-root.MuiAccordion-root.jss12.Mui-expanded.jss13.MuiAccordion-rounded.MuiPaper-elevation1.MuiPaper-rounded > div.MuiCollapse-container.MuiCollapse-entered > div > div > div > div > div > div:nth-child(4) > span.MuiSlider-root.jss20.MuiSlider-colorPrimary > span.MuiSlider-thumb.jss21.MuiSlider-thumbColorPrimary.MuiSlider-active.jss22.jss26.jss25 > span ::selection
{
    background: yellow;
}






/* Background color grades*/
span[label="A"] { 
    background-color:#40ff46 !important;
    font-size: 202px !important;

} 

span[label="B"] { 
    background-color:#40a9ff !important;
    font-size: 202px !important;

} 

span[label="C"] { 
    background-color:#ffec40 !important;
    font-size: 202px !important;

} 

span[label="D"] { 
    background-color:#c042ff !important;
    font-size: 202px !important;

}
span[label="E"] { 
    background-color:#bfaf00 !important;
    font-size: 202px !important;

}
span[label="F"] { 
    background-color:#bf0000 !important;
    font-size: 202px !important;

} 

span[label="F"] { 
    background-color:#bf0000 !important;
    font-size: 202px !important;
} 

/* EXPANDED SB */
#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(3) > div:nth-child(1){
    
    display:flex;
    justify-content:center !important;
    color: rgba(0, 0, 0, 1) !important;
    font-size:16px !important;
  
}


#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div > span {
    display:flex !important;
    justify-content:center !important;
    color: rgba(0, 0, 0, 1) !important;
    font-size:16px !important;
    
}

/*------------------------------------------------------*/


/*EXPANDED view student, status, summary and objectives*/
tr[class=""] { 
    color: rgba(0, 0, 0, 1) !important;
    font-size:20px !important;
} 

table[class=""] { 
    color: rgba(0, 0, 0, 1) !important;
    font-size:20px !important;
}

#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div > table > tr:nth-child(1) > th:nth-child(3) {
        color: rgba(0, 0, 0, 1) !important;

}

#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div > table > tr:nth-child(1) > th:nth-child(2) {
        color: rgba(0, 0, 0, 1) !important;

}

#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div > table > tr:nth-child(1) > th:nth-child(3) {
        color: rgba(0, 0, 0, 1) !important;

}

#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div > table > tr:nth-child(1) > th:nth-child(4) {
        color: rgba(0, 0, 0, 1) !important;

}



/*STUDENT name*/
#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(4) > div > span:nth-child(1) {
            font-size:22px !important;
            color: rgba(0, 0, 0, 1) !important;
            text-decoration: underline;
}

#studybee > md-sidenav > div > teacher-assignments > div > rapp > div > div:nth-child(4) > div > span:nth-child(2) {
    display:none;
}



}