#grade_book a{
	text-decoration:none;
	color:#2e2e2e;
}

#grade_book{
	 border-spacing: 0px;
	 font-family: 'Roboto';
	 color: #736E6E;
}


#grade_book .student_names{
	position:sticky;
	top:0;
	justify-content:center;
	white-space: nowrap;
	background:white;
	border:thin solid #B8B8B8;
	z-index:100;
    box-shadow: inset 0px -2px black;
    vertical-align: baseline;
    height: 1px;
}

#grade_book .student_names div{
	display: flex;
    writing-mode: vertical-lr;
    transform: scale(-1, -1);
    height: fit-content;
    background: pink;
}

#grade_book .student_names a{
   white-space: nowrap;
}

#grade_book .student_names [score_display]{
    writing-mode: initial;
    transform: scale(-1, -1);
    /* margin-bottom: auto; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
}


#grade_book .assignment_name{
	position:sticky;
	left:0;
	white-space: nowrap;
	background:white;
	border:thin solid #B8B8B8;
	height:24px;
	font-size: small;
	text-align: left;
	padding:0px 10px;
	box-shadow: inset -2px 0px black;
	z-index: 100;
}

#grade_book .assignment_name a{
	display:flex;
	color: #736E6E;
}

#grade_book .assignment_created{
	white-space: nowrap;
	border:thin solid #B8B8B8;
	padding:0px 10px;
	font-size: small;
	color: #736e6e;
}




#grade_book [score_display]{
    min-width: 40px;
    border:thin solid #B8B8B8;
    position: relative;
    text-align:center;
    font-size: smaller;
}

#grade_book [score_display="A"]{
/*	background: #87ff60; */
}

#grade_book [score_display="B"]{
/*	background: #dfff60; */
}

#grade_book [score_display="C"]{
/*	background: #fff03e; */
}

#grade_book [score_display="D"]{
/*	background: #ffbb3e; */
}

#grade_book [score_display="F"]{
	background: #ffd1d1;
	color: #B91414;
}

#grade_book [score_display]:hover{/* box-shadow: 	inset -2px -2px 6px 2px rgb(0 0 0 / 50%); */cursor:pointer;background-color: #e7e7e7;}

#grade_book .highlight{
	background:#d5e7ef;
}

#grade_book tr.highlight th{
	background:#d5e7ef;
}



.grade_book_holder{
	width:100%; 
	overflow:auto; 
	max-height:90vh;
	border-radius:6pt;
	border:2px solid gray;
}

.grade_book_holder::-webkit-scrollbar {
	height:10pt;
}
 

.grade_book_holder::-webkit-scrollbar-thumb {
	width: 1px;
	background-color: #44A7FC;
}

.grade_book_holder::-webkit-scrollbar-track {
	background-color: rgba(180, 180, 180, 1);
}

.grade_book_holder::-webkit-scrollbar-corner {
	background-color: rgba(190, 190, 190, 1);
}