* {box-sizing: border-box;}

ilb{display:inline-block;}

body {margin:0px;background:#292e48;}
header {width:100%;color:black;background-color:white;padding:5px;clear:both;overflow:hidden;text-align: center;letter-spacing: 8px;font-size: 2.5em;font-weight:bolder;vertical-align:text-top;align-items: center;}
main {color:white;padding:3px;text-align:center;overflow:auto;margin:auto;float:left}
.blah {color:white;padding:3px;text-align:left;overflow:auto;margin:auto;float:left}
footer {width:100%;color:white;background-color:#292e48;padding:3px;clear:both;}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

input {white-space:nowrap;padding:5px;border-radius:5px;}
select {white-space:nowrap;padding:5px;border-radius:5px;}
label {white-space:nowrap;}

a{text-decoration:none;}
.printonly{display:none}
.pointer{cursor:pointer}
.strikeout{text-decoration:line-through;color:gray;}


/************CLANDAR*/
.calendarViewOption{padding:5px;background-color:LightSteelBlue;font-size:1.1em;color:white;cursor:pointer}
.calendarViewOption:hover{background-color:LemonChiffon;color:SteelBlue;}
.selectedCalendarViewOption{padding:5px;background-color:SteelBlue;font-size:1.1em;color:white;cursor:pointer}


.calendarItem{margin:2px 0px 2px 0px;}

.AllHoliday{order:1;background:Lime;padding:3px;border-radius:10px;white-space:normal;}
.StudentHoliday{order:2;background:DodgerBlue;padding:3px;border-radius:10px;white-space:normal;}
.BellSchedule{order:3;background:Moccasin;color:black;padding:3px;;border-radius:10px;white-space:normal;}
.Information{order:4;background:LightGray;padding:3px;border-radius:10px;white-space:normal;}
.Generic{order:3;background:whitesmoke;padding:3px;border-radius:10px;white-space:normal;}


.topDes{order:4;padding:3px;text-align:center;white-space:normal;}
.topic{order:4;padding:3px;text-align:center;font-weight:bold;white-space:normal;}
.description{order:5;padding:3px;text-align:left;white-space:normal;}
.announcement{order:3;padding:3px;background:Aquamarine;border:solid Aquamarine 2px;font-weight:bold;text-align:left;white-space:normal;}
.blackout{order:1;padding:3px;background:Gold;border:solid Gold 2px;text-align:left;white-space:normal;}

.newCalendarInput{padding:10px;white-space:normal;}

/*PERSONAL CALENDAR*/
.red{background:rgba(139,0,0,.33);color:rgb(200,0,0);border-left:solid DarkRed 5px;font-family: monospace;}
.orange{background:rgba(255,140,0,.33);color:rgb(255,100,0);border-left:solid DarkOrange 5px;font-family: monospace;}
.yellow{background:rgba(255,215,0,.33);color:DarkGoldenrod;border-left:solid Gold 5px;font-family: monospace;}
.green{background:rgba(0,100,0,.33);color:DarkGreen;border-left:solid DarkGreen 5px;font-family: monospace;}
.blue{background:rgba(0,0,139,.33);color:DarkBlue;border-left:solid DarkBlue 5px;font-family: monospace;}
.purple{background:rgba(128,0,128,.33);color:Purple;border-left:solid Purple 5px;font-family: monospace;}
.brown{background:rgba(139,69,19,.33);color:SaddleBrown;border-left:solid SaddleBrown 5px;font-family: monospace;}
.grey{background:rgba(0,0,0,.33);color:Black;border-left:solid Black 5px;font-family: monospace;}




/*OTHER STUFF*/





.gradeTableCell{border: 1px solid black;border-collapse:collapse;text-align:left;font-weight:normal;background-color:white}
.gradeTableItem{padding:5px;white-space:nowrap;}

	.drop_file_zone {
		background-color: #EEE; 
		border: #999 2px dashed;
		width: calc(100%-10px); 
		padding: 3px;
		font-size: 1em;
	text-align:center;
	overflow:auto;
}

.highlight{background:LightYellow;}
.sticky{position: -webkit-sticky;position:sticky;top: 0;}
.FileViewDownload{overflow:auto}

.signin {z-index:200;opacity:.9;background-color:black;color:white;height:100vh;width:100%;position:absolute;left:0;font-size:1.0em;padding:2px;display:none}

.PaleGreenHover{background-color:Honeydew;}
.PaleGreenHover:hover{background-color:LemonChiffon;}
.AliceBlueHover{background-color:AliceBlue;}
.AliceBlueHover:hover{background-color:LemonChiffon;}


.indexclassicons{height:35px;filter: opacity(50%);}
.indexclassicons:hover{filter:invert(100%);background-color:orangered}

.user {background-color:black;color:white;text-align:right;padding:5px;white-space:normal;position:relative;padding:5px 5px 5px 5px;z-index:999}

.userdropbtn {cursor: pointer;}
.userdropdown {cursor:pointer;position: relative;display: inline-block;z-index:99999}
.userdropdown-content {display: none;position: absolute;background-color: #f9f9f9;color:green;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 51;text-align:left}
.userdropdown-content span {color: black;padding: 6px 6px;text-decoration: none;display: block;z-index:52}
.userdropdown-content span:hover {background-color: white;color:red}
.userdropdown:hover .userdropdown-content {display: block;}
.userdropdown:hover .userdropbtn {color:yellow;}

.userdropdownlink{width:100%;padding:5px;background-color:white;color:#292e48;border:2px solid black;text-decoration:none}
.userdropdownlink:hover{width:100%:padding:5px;background-color:PowderBlue;color:red;border:2px solid darkred}


.userdropdownB {cursor:pointer;display: block;}
.userdropdown-contentB {display:none;transition: display 1000ms;}
.userdropdownB:hover .userdropdown-contentB {display:inline-block;}



.infounitlink{background-color:DodgerBlue;color:white;padding:5px;width:100%;clear:left;clear:right;white-space:nowrap}
.infounitlink:hover{background-color:limegreen;color:black;width:100%;clear:left;clear:right}

.ClassCabinetLink{margin:auto;padding:5px;float:left;cursor:pointer;text-align:center;width:100%;padding:5px;display:block;}
.ClassCabinetLink:hover{background:LemonChiffon;color:navy;font-weight:bold;}


.dragdropPossible{border:dashed Aquamarine 2px;}

/*for the index*/

.classcabinetinfo{background:white;text-align:left;font-size:1em;padding:10px;width:100%;border:solid black 3px;margin-top:5px;}


.tosLinks{width:100%;padding:10px;margin:5px;background:AliceBlue;}
.tosDocs{width:100%;padding:5px;border:solid navy 3px;border-radius:5px;}




.picturelink {cursor:pointer}
.picturelink:hover {border:3px solid yellow;}




.displaynone{display:none;}
.displayblock{display:block;}
.displayilb{display:inline-block;}
.displayinline{display:inline;}

.mobileonlyblock{display:block;}
.mobileonlyilb{display:block;}
.mobileonlyilinline{display:inline;}
.desktoponlyblock{display:none;}
.desktoponlyilb{display:none;}
.desktoponlyilinline{display:none;}


.mobilesciencetoday{width:100%;float:left;display:block;margin-top:5px;}
.desktopsciencetoday{display:none;}

/* mobile */
.indexContent{display:flex;flex-direction:column;}
.indexSchedule{background:white;padding:5px;border:solid black 2px;overflow:auto;}



.myclassesgrid{
		display:block;
		grid-template-columns: repeat(auto-fill,100%);
		width:100%;
		order:1;
		grid-gap:15px;
	}
	
.duedates{
	width:100%;
	display:block;
	margin-top:5px;
	order:2;
	float:none;
	}
	
.scitoday{width:100%;display:block;margin-top:5px;order:3;}


.classlinkdiv{
	display:block;background:white;color:black;font-size:1.5em;font-weight:bold;text-decoration:none;text-align:center;vertical-align: middle;font-family:Verdana, Geneva, sans-serif;border:0px solid black;cursor:pointer;padding:15px;overflow:auto;box-shadow: 5px 5px 5px SteelBlue;
	margin:15px 10px 15px 10px;
}
.classlinkdiv:hover {box-shadow: 5px 5px 5px Yellow;}
.classlinkimg{max-width:100%;max-height:250px;object-fit:cover;}















.mobileindexlinks{float:left;position: -webkit-sticky;position: sticky;top: 0;margin-top:5px;margin-bottom:5px;background-color:#292e48}
.mobileindexlink{background-color:white;border:3px solid #292e48;font-size:.8em;color:black;text-align:center;padding:2px;float:left}
.mobileindexlink:hover{background-color:LemonChiffon}
	/*<a> within the mobileindex LINKS*/
	a.mobilelink:link,a.mobilelink:visited{color:black;text-decoration:none}
	a.mobilelink:hover{color:black;text-decoration:underline}
	a.mobilelink:active{color:red;text-decoration:none}


.sciencetodayheading{font-size:1.25em;background-color:black;color:white;text-align:center}
.sciencetodaylink{width:100%;padding:5px;background-color:white;color:black;border:2px solid black;text-decoration:none}
.sciencetodaylink:hover{width:100%;padding:5px;background-color:DarkSeaGreen;color:black;border:2px solid darkred;cursor:pointer}
.sciencenav{cursor:pointer}
.sciencenav:hover{color:red}
.dropdown-content {display: none;position:absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;z-index: 1;height:250px;width:300px;overflow:scroll;background-color:white}

	a.spotlightlink:link,a.spotlightlink:visited{color:black;text-decoration:none}
	a.spotlightlink:hover{color:black;text-decoration:none}
	a.spotlightlink:active{color:red;text-decoration:none}

.spotlightarchive{width:100%;float:left;background-color:#292e48}
.spotlight{width:100%;}
.messages {width:100%;}

.contentmain {text-align:left;background-color:white;color:black;float:left;padding:5px;margin:5px;overflow:auto;white-space:normal}
.contentsub  {width:100%;text-align:left;background-color:white;color:black;float:left;padding:5px;margin:5px;overflow:auto;white-space:normal;visibility:hidden;height:0px}
.contentlinks {background-color:white;clear:both;padding:5px;}

.unitname {font-size:1.25em;font-weight:bold;color:black}
.bannerimage{display:block;width:100%;margin:auto}

.white {background-color:white;padding:20px 20px 20px 20px;width:100%;margin:auto;color:black;text-align:left;overflow:auto;}
/*for the navigator*/
	.topcontroller{z-index:99;position: -webkit-sticky;position:sticky;top: 0;}
	
	.navigator{background-color:black;padding-top:8px;padding-left:5px;padding-right:5px;padding-bottom:0px;clear:both;}

	a.navlink:link,.navlink:visited {color:black;text-decoration:none}
	a.navlink:hover{color:yellow;text-decoration:underline}
	a.navlink:active{color:red}

	a.activenavlink:link,a.activenavlink:visited {color:black;text-decoration:none}
	a.activenavlink:hover{color:gold;text-decoration:underline}
	a.activenavlink:active{color:red}

	.activetab{background-color:white;color:black;padding:5px;border-radius: 5px 15px 0px 0px;white-space:nowrap;height:30px;position: relative;display: inline-block;min-width:40px;}
	.inactivetab{background-color:LightSkyBlue;padding:5px;border-radius: 5px 15px 0px 0px;white-space:nowrap;height:30px;position: relative;display: inline-block;min-width:40px;}
	.inactivetab:hover{background-color:dodgerblue;}
	.tabText{display:none;}
	
	.activepiclink{filter: grayscale(0%);height:25px;vertical-align:text-top}
	.inactivepiclink{filter: grayscale(100%);height:25px;vertical-align:text-top}

/* for the schedule*/
	.schedulelink{color:black;text-decoration:none;padding:5px 0px 5px 0px;font-weight:bold;float:left;white-space:nowrap;}
	
	.schedule {background-color:white;color:black;padding:5px;}
	
	
	.daily1 {width:100%;border-top: 2px solid black;float:left;white-space:pre-line}
	.daily2 {width:100%;border-top: 2px solid black;float:left;white-space:pre-line}
	.daily3 {width:100%;border-top: 2px solid black;float:left;white-space:pre-line}
	.daily4 {width:100%;border-top: 2px solid black;float:left;white-space:pre-line}
	.daily5 {width:100%;border-top: 2px solid black;float:left;white-space:pre-line}
	.daily6 {width:100%;border-top: 2px solid black;float:left;white-space:pre-line}
	.daily7 {width:100%;border-top: 2px solid black;float:left;white-space:pre-line}
	.daily100{width:100%;border-top: 2px solid black;float:left;white-space:pre-line}
	.dailytable {width:100%}
	
	
	.classdate {background-color:LightSlateGray;color:black;text-align:center;font-weight:bold;white-space:nowrap;overflow:visible;margin-bottom:3px;padding-top:3px;padding-bottom:3px}
	.CurrentWeek{background-color:CadetBlue;color:white;font-weight:bold;text-align:center;margin-bottom:3px;padding-top:3px;padding-bottom:3px;border:solid CadetBlue 3px;}
	.CurrentDay{background-color:rgb(244,255,137);color:CadetBlue;font-weight:bold;text-align:center;border:solid CadetBlue 3px;margin-bottom:3px;padding-top:3px;padding-bottom:3px}
	
	
	.topic{}
	.reading{color:purple}
	a.unitlink:link,a.unitlink:visited {font-weight:bold;color:black;text-decoration:none}
	a.unitlink:hover {color:yellow;text-decoration:underline}
	a.unitlink:active {color:red;text-decoration:underline}
	.doing {text-decoration:italic}
	.bellwork {color:Teal;text-decoration:none;font-weight:bold}
	.assessment {color:red;text-decoration:underline;font-weight:bold}
	.assessmenttext {color:red}
	
	.due {color:FireBrick;font-weight:bold}
	a.duelink:link,a.duelink:visited {color:FireBrick;text-decoration:none}
	a.duelink:hover {color:yellow;text-decoration:underline;cursor:pointer}
	a.duelink:active {color:red;text-decoration:underline}


	.today {text-decoration:underline;font-weight:bold}
	a.todaylink:link,a.contentlink:visited {text-decoration:none}
	a.todaylink:hover {color:yellow;text-decoration:underline;cursor:pointer}
	a.todaylink:active {color:red;text-decoration:underline}



	.activities {color:black;text-decoration:underline;font-weight:bold}
	
	.content {color:orange;text-decoration:underline;font-weight:bold}
	a.contentlink:link,a.contentlink:visited {color:orange;text-decoration:none}
	a.contentlink:hover {color:yellow;text-decoration:underline}
	a.contentlink:active {color:red;text-decoration:underline}
	
	
	.studyguide {color:Teal;text-decoration:underline;font-weight:bold}
	a.studyguidelink:link,a.studyguidelink:visited {color:Teal;text-decoration:none}
	a.studyguidelink:hover {color:yellow;text-decoration:underline}
	a.studyguidelink:active {color:red;text-decoration:underline}

	
	.hw {color:green;text-decoration:underline;font-weight:bold}
	a.homeworklink:link,a.homeworklink:visited {color:green;text-decoration:none}
	a.homeworklink:hover {color:yellow;text-decoration:underline}
	a.homeworklink:active {color:red;text-decoration:underline}

	.classwork {color:blue;text-decoration:underline;font-weight:bold}
	a.classworklink:link,a.classworklink:visited {color:blue;text-decoration:none}
	a.classworklink:hover {color:yellow;text-decoration:underline}
	a.classworklink:active {color:red;text-decoration:underline}
	
	.supporting {color:purple;text-decoration:underline;font-weight:bold}
	a.supportinglink:link,a.supportinglink:visited {color:purple;text-decoration:none}
	a.supportinglink:hover {color:yellow;text-decoration:underline}
	a.supportinglink:active {color:red;text-decoration:underline}

	.weekend {width:100%;clear:both;background-color:black;}

.assignmentspage {width:100%;background-color:white;padding:5px;display:inlink-block;float:none;}
.filepreview {width:100%;display:inline-block;float:none;overflow:auto;}
.googleiframe{width:100%; height:100vh}

.aboutdrmayberryelement{display:block;color:black;background-color:white;text-align:left;padding:15px}

.hnavbar {color:white;background-color:gray;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px}
.hnavbar:hover {background-color:PaleGreen;cursor:pointer}
.hnavbarcurrent {color:black;background-color:LemonChiffon;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px}

/*DIV LINKS*/
.assignmentLinkFromUnit{color:white;padding:3px;border-top: 1px solid white;width:100%;clear:left;clear:right;border-radius:5px;margin:5px;}
.assignmentLinkFromUnit:hover{border:solid gold 3px;}

.pptx{background-color:orange;color:white;padding:3px;border-top: 1px solid white;width:100%;clear:left;clear:right}
.pptx:hover{background-color:Moccasin;color:black;border:1px solid darkorange;width:100%;clear:left;clear:right}
.docx{background-color:royalblue;color:white;padding:3px;border-top: 1px solid white;width:100%;clear:left;clear:right}
.docx:hover{background-color:lightblue;color:black;border:1px solid darkblue;width:100%;clear:left;clear:right}
.xlsx{background-color:darkgreen;color:white;padding:3px;border-top: 1px solid white;width:100%;clear:left;clear:right}
.xlsx:hover{background-color:lightgreen;color:black;border:1px solid darkgreen;width:100%;clear:left;clear:right}
.mp4{background-color:mediumpurple;color:white;padding:3px;border-top: 1px solid white;width:100%;clear:left;clear:right}
.mp4:hover{background-color:thistle;color:black;border:1px solid indigo;clear:left;width:100%;clear:right}

.png{background-color:mediumpurple;color:white;padding:3px;border-top: 1px solid white;width:100%;clear:left;clear:right}
.png:hover{background-color:thistle;color:black;border:1px solid indigo;width:100%;clear:left;width:100%;clear:right}

.jpg{background-color:mediumpurple;color:white;padding:3px;border-top: 1px solid white;width:100%;clear:left;clear:right}
.jpb:hover{background-color:thistle;color:black;border:1px solid indigo;width:100%;clear:left;clear:right}


.quiz{background-color:orangered;color:white;padding:3px;border-top: 1px solid white;width:100%;clear:left;clear:right}
.quiz:hover{background-color:orangered;color:white;border:1px solid white;width:100%;clear:left;clear:right}

.exam{background-color:firebrick;color:white;padding:3px;border-top: 1px solid whitewidth:100%;;clear:left;clear:right}
.exam:hover{background-color:firebrick;color:white;border:1px solid white;width:100%;clear:left;clear:right}


.pdf{background-color:lightsalmon;color:white;padding:3px;border-top: 1px solid white;width:100%;clear:left;clear:right}
.pdf:hover{background-color:mistyrose;color:black;border:1px solid darkred;width:100%;clear:left;clear:right}

.otherlink{background-color:darkkhaki;color:white;padding:5px;border: 1px solid white;width:100%;clear:left;clear:right;margin:2px}
.otherlink:hover{background-color:khaki;color:black;border:1px solid black;width:100%;clear:left;clear:right}
	/*<a> within the DIV LINKS*/
	.unitpagelink:link,.unitpagelink:visited{color:white;text-decoration:none;}
	.unitpagelink:hover{color:black;}
	.unitpagelink:active{color:red;text-decoration:none}
	
	.unitpagerightlink:link,.unitpagerightlink:visited{color:black;text-decoration:none;}
	.unitpagerightlink:hover{color:MediumBlue;}
	.unitpagerightlink:active{color:red;text-decoration:none}


.assignmentpiece{float:left;clear:both;white-space:nowrap}
.assignmentSubmissionList{min-width:100%;background-color:white;display:inline-block;float:left;padding:5px}


.assignmentleftpart{text-align:left;float:left;width:100%}
.assignmentrightpartstudent{text-align:left;float:left;width:100%}
.assignmentrightpart{text-align:left;float:left;width:100%}
.assignmentrightsubpart{float:left}

/*not turned in*/
.notturnedintimeleft{color:green;font-weight: bold;background-color:GreenYellow;}
.notturnedinlate{background-color:HotPink;color:white;font-weight: bold;padding-left:3px;padding-right:3px;border-radius:3px;}
.notturnedinverylate{color:Red;font-weight: bold;background-color:hotpink;padding-left:3px;padding-right:3px;border-radius:3px;}
/*turned in*/
.turnedinontime{color:Green;font-weight: bold;}
.turnedinlate{color:HotPink;font-weight: bold;}
.turnedinverylate{color:DeepPink;font-weight: bold;}/**/

/*INCOMPLETE*/
.incompletelate{background-color:LemonChiffon;color:black;font-weight:bold}
.incompleteverylate{background-color:LemonChiffon;color:black;font-weight:bold;}

/**/
.excused{background-color:PaleGreen;font-weight: bold;padding-left:3px;padding-right:3px;border-radius:3px;}
.cheated{background-color:MediumVioletRed;color:white;font-weight: bold;padding-left:3px;padding-right:3px;border-radius:3px;}
.missing{color:red;font-weight: bold;padding-left:3px;padding-right:3px;border-radius:3px;}
.gradedbyteacher{color:black;}
.completed{color:black;}


.excusedgrade{color:green;}
.notstarted{color:red;font-weight:bold}
.incompletegrade{color:MAGENTA;font-weight:bold}
.rawgrade{color:black;}
.attemptscore{color:black;font-weight:bold;}
.latepenalty{color:DarkRed;}
.cheatedpenalty{color:Fuchsia;}
.bonuspoints{color:Green;}
.curve{color:Green;}
.finalgrade{color:Purple;font-weight:bold;}
.raisedtominimum{color:Purple;font-weight:bold;}
.teacheroverride{color:Purple;font-weight:bold;}

.error{background:yellow;color:Crimson}





.resubmitrequested{}

/*FOR FORM TYPE PAGES*/
.leftdiscussioncountdiv{width:100%}
.leftdiscussioncountdiv:hover{}
.leftcenterdiscussioncountdiv{width:100%;}
.rightcenterdiscussioncountdiv{width:100%;}
.rightdiscussioncountdiv{width:100%;}
.categoryheading{padding:5px;background-color:black;color:white;font-size:1.25em;border-radius:5px;margin-top:5px;margin-bottom:5px}
.masterdiscussioncheckbox{width:20px;float:left;white-space:nowrap;background-color:yellow}
.masterdiscussioncheckbox:hover{background-color:palegreen}
.discussioncheckbox{white-space:nowrap;}
.discussioncheckbox:hover{background-color:palegreen}
.unitdiscussionlink{background-color:lightgray;color:black}
.unitdiscussionlink:hover{background-color:palegreen;color:blue}
.generallink{cursor:pointer}
.generallink:hover{background-color:palegreen}
.bluelink{cursor:pointer;color:blue}
.bluelink:hover{background-color:PowderBlue;color:Green}

.yellowlink{cursor:pointer;background-color:yellow;color:DarkRed}
.yellowlink:hover{background-color:LemonChiffon;color:Firebrick}

.lyellowlink{cursor:pointer}
.lyellowlink:hover{background-color:Gold;}



.bluelink2{cursor:pointer;}
.bluelink2:hover{background-color:PowderBlue}

.bluelabel{cursor:pointer;}
.bluelabel:hover{background-color:PowderBlue}



.gray{cursor:not-allowed;color:Black}
.gray:hover{background-color:Gray}
.button2{cursor:pointer;border:solid 2px black;}
.button2:hover{border:solid 2px gold;}
.redlink{cursor:pointer}
.redlink:hover{background-color:Tomato}
.redtextlink{cursor:pointer}
.redtextlink:hover{color:red;font-weight:bold}
.discussionsectionheading {font-size:1.25em;font-weight:bold;background-color:#292e48;color:white}

.buttonLink{display:inline-block;padding:10px;border-radius:8px;background-color:CornflowerBlue;cursor:pointer;white-space:nowrap;margin:2px;border:solid DodgerBlue 2px;font-weight:bold;}
.buttonLink:hover{background-color:LemonChiffon;color:black}
.inactiveButtonLink{display:inline-block;padding:5px;border-radius:8px;background-color:LightSteelBlue;border:solid Gray 2px;}


.buttonLinkB{font-size:.8em;display:inline-block;padding:5px;border-radius:8px;background-color:CornflowerBlue;cursor:pointer;white-space:nowrap;margin:2px;border:solid DodgerBlue 2px;font-weight:bold;color:white;}
.activebuttonLinkB{background-color:PowderBlue;color:black;}
.buttonLinkB:hover{background-color:LemonChiffon;color:black}

.buttonLinkS{font-size:.8em;display:inline-block;padding:5px;border-radius:8px;background-color:MediumSeaGreen;cursor:pointer;white-space:nowrap;margin:2px;border:solid Green 2px;font-weight:bold;color:white;}
.activebuttonLinkS{background-color:PaleGreen;color:black;}
.buttonLinkS:hover{background-color:LemonChiffon;color:black}


.buttonLinkH{display:inline-block;padding:5px;border-radius:8px;background-color:Honeydew;cursor:pointer;white-space:nowrap;margin:2px;}
.buttonLinkH:hover{background-color:LemonChiffon;color:black}


.grayButtonLink{padding:5px;color:black;background:lightgray;padding:5px;border-radius:10px;margin:2px;cursor:pointer;}
.grayButtonLink:hover{background:LemonChiffon;}




.greenbuttonLink{padding:10px;border-radius:8px;background-color:limegreen;cursor:pointer;margin:2px;border:solid lime 2px;}
.greenbuttonLink:hover{background-color:LemonChiffon;color:black}
.greenbuttonLink:active{background-color:LemonChiffon;color:red}


.LightBluebuttonLink{padding:5px;border-radius:8px;background-color:LightBlue;cursor:pointer;margin:2px;}
.LightBluebuttonLink:hover{background-color:LemonChiffon;color:black}
.LightBluebuttonLink:active{background-color:LemonChiffon;color:red}

.selectedButtonLink{display:inline-block;padding:5px;border-radius:8px;background-color:PaleGreen;border:solid CornflowerBlue 2px;}

.selectedButtonLink:hover{background-color:PaleGreen;}

	a.discussionboardlink:link,a.discussionboardlink:visited{color:red;text-decoration:none;}
	a.discussionboardlink:hover{color:white;text-decoration:none;}
	a.discussionboardlink:active{color:red;text-decoration:none;}

	a.discussionboardlink2:link,a.discussionboardlink2:visited{color:white;text-decoration:none;}
	a.discussionboardlink2:hover{color:darkorange;text-decoration:underline;}
	a.discussionboardlink2:active{color:red;text-decoration:none;}
	.dbluelink{background-color:SteelBlue;padding:5px;font-weight:bold}
	.dbluelink:hover{background-color:LightSteelBlue;}

.assignmentViewDesktopShortcuts{display:block;background-color:white;color:black;padding:5px;overflow:auto;border-bottom:solid black 3px;}
.assignmentViewHeadings{background-color:limegreen;color:white;padding:5px;font-size:1.25em;margin:10px 10px 0px 10px;}
.assignmentViewDiv{}

.assignmentStudenWorkSubheading{font-size:1.1em;background-color:RoyalBlue;color:white;margin:5px;padding:5px;}



.mobileblock{display:block}
.mobileinlineblock{display:inlineblock}
.desktopblock{display:none}
.desktopinlineblock{display:none}
.desktopautowidth{width:100%}

/*FROM ASSIGNMENT EDIT...BUT ALSO NOW USED FOR OTHERS*/
	.editTitle{padding:5px;width:250px;background-color:lightsteelblue;float:left;clear:left;margin-bottom:2px;}
	.editHowToTurnInTitle{padding:5px;width:250px;background-color:lightgreen;float:left;clear:left;margin-bottom:2px;}
	.editFollowUpTitle{padding:5px;width:300px;background-color:Gainsboro;float:left;clear:left;margin-bottom:2px;}
	.editDBTitle{padding:5px;width:250px;background-color:Wheat;float:left;clear:left;margin-bottom:2px;}
	.editBonusTitle{padding:5px;width:300px;background-color:lightyellow;float:left;clear:left;margin-bottom:2px;}
	.editForStudentsTitle{padding:3px;width:300px;background-color:Plum;float:left;clear:left;margin-bottom:2px;}
	.editAssessmentTitle{padding:3px;width:300px;background-color:LavenderBlush;float:left;clear:left;margin-bottom:2px;}
	.editGradingTitle{padding:3px;width:200px;background-color:DarkSeaGreen;float:left;clear:left;margin-bottom:2px;}
	.editPenaltiesTitle{padding:3px;width:300px;background-color:MistyRose;float:left;clear:left;margin-bottom:2px;}
	
	
	
	.inputContainer{float:left;clear:right;padding:3px;border-radius:5px}
	.inputContainerLeft{float:left;padding:3px;border-radius:5px;width:125px;text-align:center;}
	.inputContainerRight{float:left;clear:right;padding:3px;border-radius:5px;width:125px;;text-align:center;}
	.SectionHeading{background-color:gray;color:white;margin-bottom:3px;padding:5px;clear:both;}
	.assignmentSectionHeading{background-color:gray;color:white;margin-bottom:3px;padding:5px;cursor:pointer;clear:both;}
	.assignmentSectionHeading:hover{background-color:lightyellow;color:black;}
	.scroll{cursor:pointer;color:white;white-space:nowrap}
	.ck-editor__editable_inline {min-height: 200px;max-height:400px;overflow:scroll;}
	
	.floatLeft100{float:left;width:100%}
	.floatLeft50{float:left;width:100%}
	.floatLeft33{float:left;width:100%}
	.floatLeft66{float:left;width:100%}
	.floatRight50{float:right;width:100%}
	
	
/*for teacher view of studentAssignmentRecord*/
.assignmentRecordList{clear:all;background-color:white;width:100%;border:solid black 1px;}
.assignmentRecordList:hover{background-color:lightyellow;}

.assignmentRecordLine{border:solid gray 1px;}
.assignmentRecordLine:hover{background-color:LemonChiffon;}
.assignmentRecordSpan{padding:5px;display:inline-block;white-space:nowrap;overflow:clip;}
	
/*for file uploads*/
/* [PROGRESS BAR] */
#progress {
  width: 606px;
  border: 3px solid black;
  height: 31px;

}
#bar {
  width: 1px;
  transition: width ease 0.3s;
  height: 25px;
}

.fileuploadprogress{
  width: 606px;
  max-width:100%;
  border: 3px solid black;
  height: 31px;

}
.fileuploadprogressbar{
  width: 1px;
  transition: width ease 0.3s;
  height: 25px;
}

.commentMainBubble{position:relative}
.commentMainBubble:after {
  float:right;
  content: ' ';
  width: 0px;
  height: 0px;
  position:100px;
  border: 10px solid;
  border-color: blue red green yellow;
}

	.rosterPhoto {
		grid-row-start: 1;
		grid-row-end: 8;
	}
/*gradeGritem*/
	.gradeGrid {
	  display: grid;
	  grid-template-columns: auto; /* fr instead of % */
	  grid-auto-rows: auto; /* auto-rows instead of template-rows */
	  grid-auto-flow: row; /* fill all the space */
	  gap: 5px;
	  background-color:white;
	}

	.gradeGridIndividual {
	  display: grid;
	  grid-template-columns: 100px auto;
	  gap: 3px;
	  background-color:white;
	}



	.gradeGridItem {
	  text-align:top;/*#bada55;*/
	}
	
	.gradeGridExtra{grid-column: 1/-1;}


.mobileMarginLeft50{margin-left:50px;width:calc(100% - 50px);}

.assessmentQuestions{display:flex;flex-direction:column;}

.assessmentShortcuts{text-align:center;order:0;margin:5px;border:solid gray 1px;background:white;border-radius:5px;padding:5px;width:100%;z-index:2;align-self: flex-start;}


.mobilecenter{text-align:center;}
.dekstop33mobile100{width:100%;}
.dekstop25mobile100{width:100%;}
.dekstop50mobile100{width:100%;}

.desktopgrid3mobileblock{display:block;}


/*from ccInstruct*/
/*from ccInstruct*/
/*from ccInstruct*/
/*from ccInstruct*/
.top{vertical-align:top;}
.honeydew{background:Honeydew;}
.hovergreen{cursor:pointer;padding:10px;border-radius:10px;}
.hovergreen:hover{background:SpringGreen;}
.hovergreen:active{background:gold;border:solid SpringGreen 2px;}

/* flip the pane when hovered */
.flip-container:hover .flipper{
	transform: rotateY(180deg);
}



/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}


.flip-container, .front, .back, .flipper {
	width:100%;text-align:center;
}
.front, .back{
}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

/*END OF FLIP CONTAINER*/
/*END OF FLIP CONTAINER*/
/*END OF FLIP CONTAINER*/
/*END OF FLIP CONTAINER*/
.pointer{cursor:pointer}
.strikeout{text-decoration:line-through;color:gray;}
.sticky{position: -webkit-sticky;position:sticky;top: 0;}
.center {display: block;margin-left: auto;margin-right: auto;text-align:center;}

.heading{font-weight:bold;font-size:2.5em;color:DeepSkyBlue;}
.subheading{margin:10px;font-size:1.5em;color:Navy;font-weight:bold;}
.hidden{display:none;}
.red{color:red;}
.lime{color:lime;}

.whiteback{background:white;}
.grayback{background:gray;}
/* .yellow{background:LightYellow;} */
/* .green{background:SpringGreen;} */
/* .blue{background:AliceBlue;} */
/* .sky{background:LightSkyBlue;} */
/* .tomato{background:tomato;} */
/* .DarkSalmon{background:DarkSalmon;} */
/* .mobileblue{background:LightSkyBlue;} */

.hoverblue{cursor:pointer;padding:10px;border-radius:10px;}
.hoverblue:hover{background-color:PowderBlue}
.hoverred{cursor:pointer;padding:10px;border-radius:10px;}
.hoverred:hover{background-color:Tomato}

.submitButton{background:SpringGreen;padding:10px;border:lime;border-radius:10px;cursor:pointer;}
.submitButton:hover{background:lime;}
.submitButton:active{background:gold;border:solid SpringGreen 2px;}

.signinCCI{display:block;background:white;padding:25px;width:100%;float:none;border:solid DeepSkyBlue 3px;border-radius:10px;}




.mobilegrid{display:grid}

.indexLinks{background:#5166cd;color:AliceBlue;cursor:pointer;text-decoration:none;padding:10px;border-radius:5px;text-align:center;font-size:1.1em;font-weight:bold;}
.indexLinks:hover{background:Honeydew;color:navy;}

.currentIndexLink{background:palegreen;color:Navy;text-decoration:none;padding:10px;border-radius:5px;text-align:center;font-size:1.1em;font-weight:bold;}

/*grades table for mobile*/
.gradesTableDefault{width:100%;max-width:100%;display:block;overflow:auto;}
.gradesTableWEmail{display:none;}

.gradesEmailDefault{display:none;}
.gradesEmailWEmail{width:100%;display:block}


.hiddenOnMobile{display:none;}

@media (min-width: 800px) {
	
/*grades table for desktop*/
.gradesTableDefault{width:100%;display:block;}
.gradesTableWEmail{width:50%;display:block;}

.gradesEmailDefault{display:none;}
.gradesEmailWEmail{width:50%;display:block}

	
	
	
    /* For desktop: */
.mobilecenter{text-align:initial;}
.assessmentQuestions{display:flex;flex-direction:row;}
.assessmentShortcuts{text-align:center;order:0;margin:5px;border:solid gray 1px;background:white;border-radius:5px;padding:5px;width:100px;z-index:2;align-self: flex-start;}
	
/*gradeGritem*/
	.gradeGrid {
	  grid-template-columns:auto auto auto auto auto auto auto auto; /* fr instead of % */
	}

/*other things*/
.hiddenOnDesktop{display:none;}
.mobilegrid{display:none}
.mobileblock{display:none}
.mobileinlineblock{display:none}
.desktopblock{display:block}
.desktopinlineblock{display:inlineblock}
.desktopautowidth{width:auto}
	
.desktopgrid3mobileblock{display:grid; grid-template-columns: 25% 37% 37%;column-gap:10px;}



.indexContent{display:block;}/*changes to flex in mobile above*/

.duedates{
	width:350px;
	float:left;
	
	margin:0px 0px 5px 0px;
	
	
	}
.indexSchedule{background:white;padding:5px;border:solid black 2px;overflow:auto;	min-height:300px;
	max-height:calc(100vh - 160px);
}

.myclassesgrid{
	  padding-left:15px;
	  display:grid;
	  grid-gap: 15px;
	  grid-template-columns: repeat(auto-fill, 275px);
	  width:calc(100% - 350px);text-align:top;
	  clear:right;
	}
.scitoday{
	  display:grid;
	  grid-gap: 5px;
	  grid-template-columns: repeat(auto-fill, 275px);
	  width:calc(100% - 350px);text-align:top;
	  clear:right;
	  padding:15px 0px 0px 15px;
	}


.classlinkdiv{vertical-align:top;box-shadow: 5px 5px 5px SteelBlue;margin:0px;}

.tosLinks{float:left;width:250px;padding:10px;}
.tosDocs{float:left;width:calc(100% - 300px);margin:0 30 30 30;padding:25px;border:solid navy 3px;border-radius:5px;}
	
	
.daily1 {width:100%;float:left}
.daily2 {width:50%;float:left}
.daily3 {width:33.33%;float:left}
.daily4 {width:25%;float:left}
.daily5 {width:20%;float:left}
.daily6 {width:16.66%;float:left}
.daily7 {width:14.28%;float:left}
.daily100{width:100%;float:left}

.weekend {background-color:white}

.assignmentspage {width:400px;height:100vh;float:left;background-color:white;overflow:auto}
.filepreview {width:calc(100% - 400px);float:left}

.desktopextras{display:block;}
.mobileindexlinks{display:none;}
.mobilesciencetoday{display:none}
.desktopsciencetoday{display:block;width:350px;}
.picturelink {height:350px}

.spotlightarchive{}

.assignmentpiece{clear:both;white-space:nowrap}/*if clear:none then stays on one line*/
.assignmentSubmissionList{min-width:200px}

.signin {z-index:9999;opacity:.9;background-color:black;color:white;height:100vh;width:100%;position:absolute;left:0;top:0;font-size:1.5em;padding:10px;display:none}

.leftdiscussioncountdiv{width:20%;float:left;text-align:left}
.leftcenterdiscussioncountdiv{width:40%;float:left;text-align:center}
.rightcenterdiscussioncountdiv{width:20%;float:left;text-align:center}
.rightdiscussioncountdiv{width:20%;float:left;text-align:right}
.assignmentleftpart{width:67%;}

.assignmentrightpartstudent{text-align:right;width:33%;}
.assignmentrightpart{text-align:left;width:33%;}

.assignmentrightsubpart{float:right}

.floatLeft50{float:left;width:50%}
.floatLeft33{float:left;width:33%}
.floatLeft66{float:left;width:66%}
.floatRight50{float:right;width:50%}

.dekstop33mobile100{width:33%;max-width:250px;}
.dekstop25mobile100{width:25%;max-width:250px;}
.dekstop50mobile100{width:40%;}


.tabText{display:inline-block;}


.classcabinetinfo{width:calc(100% - 350px);float:left;padding:20px;margin-bottom:5px}
.ClassCabinetLink{display:inline-block;margin-right:10px;width:auto;text-align:left;padding:3px;}

.mobileonlyblock{display:none;}
.mobileonlyilb{display:none;}
.mobileonlyilinline{display:none;}
.desktoponlyblock{display:block;}
.desktoponlyilb{display:inline-block;}
.desktoponlyilinline{display:inline;}

.mobileMarginLeft50{margin-left:0px;}
.signinCCI{max-width:300px;float:right}

}

@media print{
	.noprint{display:none;}
	.printonly{display:block;}
}