.courseBlock .numberOfFriends{
	position: absolute;
    left: 7px;
    bottom: 4px;
    display:none;
}

.courseBlock .friendIcon{
	position: absolute;
    left: 14px;
    bottom: 4px;
    display:none;
    z-index: 1;
}

#scheduleContainer{
	margin-left: 78px;
	margin-top: 126px;
	width:800px;
	height:800px;
	float:left;
	display:none;
}

.horLine{
	position: absolute;
	left: 64px;
	width: 883px;
	z-index: -2;
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
	opacity:.3;
}

#lines{
	top: 9px;
	left: 289px;
	position: absolute;

}

#allDays{
	width: 900px;
	height: 20px;
	position: absolute;
	top: 134px;
	left: 276px;
	font-family: "Avenir",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	opacity: .6;
	display:none;
}

.day{
	float:left;
	margin-left:146px;
}

.dontShow{
	display:none;
}


.removeClassX{
	font-size: 9px;
	position:absolute;
	opacity: .5;
	right:4px;
	top:0px;
	width:5px;
	font-weight:bold;

}

.removeClassXTBA{
	font-size: 9px;
	position:absolute;
	opacity: .5;
	top:0px;
	width:5px;

}



.removeClassX:hover{
	opacity:1;
	cursor: pointer;
}

#allTimes{
	width:5px;
	position:absolute;
	top:125px;
	left:110px;
	font-family:"Raleway";
	opacity:.6;
}

.nmbr{
	/*float:left;*/
	margin-bottom:47.5px;
	margin-top:0px;
	position:absolute;
	font-family:"Raleway";
	opacity:.5;

}

#eight{top: 114px;}
#nine{ top: 172px;}
#ten{ top: 230px;}
#eleven{ top: 288px;}
#twelve{ top: 346px;}
#thirteen{ top: 404px;}
#fourteen{ top: 462px;}
#fifteen{ top: 520px;}
#sixteen{ top: 578px;}
#seventeen{ top: 636px;}
#eighteen{ top: 694px;}
#nineteen{ top: 752px;}
#twenty{top: 810px;}
#twentyone{top: 868px;}
#twentytwo{top: 926px;}

.courseBlock{
	border-style: solid;
	border-width: 0px;
	border-radius:10px;
	margin-top:4px;
	margin-bottom:4px;
	font-family: "Avenir",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	opacity:1;
	cursor:pointer;
	-webkit-print-color-adjust: exact; /* So that when people print, their courseblocks will be in color */
	-webkit-transition: all .15s ;
	-moz-transition: all .15s ;
	-o-transition: all .15s ;
	-ms-transition: all .15s ;
	transition: all .15s ;
	/*overflow:scroll;*/
	
}

.courseBlock:hover{
	/*
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
	*/
	-webkit-box-shadow: 0px 0px 2px 2px #C9C9C9;
	-moz-box-shadow: 0px 0px 15px 5px #C9C9C9;
	box-shadow: 0px 0px 7px 3px #C9C9C9;
}


/* full width classes */
.courseBlock.fullWidth .subjectAndNumberTag{
	font-size: 15px;
}
.courseBlock.fullWidth .extraInfoTime{
	opacity:.5;
	margin-top:1px;
	font-size:11px;
}

.courseBlock.fullWidth .extraInfoBuilding{
	opacity:.5;
	font-size:11px;
}

.courseBlock.fullWidth .removeClassX{
	font-size: 10px;
}


/* half width classes */
.courseBlock.halfWidth .subjectAndNumberTag{
	font-size: 11px;
	margin-top: 5px;
}

.courseBlock.halfWidth .extraInfoTime{
	opacity:.5;
	margin-top:1px;
	font-size:11px;
}

.courseBlock.halfWidth .extraInfoBuilding{
	display:none;
}

.courseBlock.halfWidth .removeClassX{
	font-size: 8px;
}



/* third width classes */
.courseBlock.thirdWidth .subjectAndNumberTag{
	font-size: 11px;
	margin-top: -1px;
}

.courseBlock.thirdWidth .extraInfoTime{
	opacity:.5;
	margin-top:1px;
	font-size:9px;
}

.courseBlock.thirdWidth .extraInfoBuilding{
	display:none;
}

.courseBlock.thirdWidth .removeClassX{

}



/* fourth width classes */
.courseBlock.quarterWidth .subjectAndNumberTag{
	margin-top: 7px;
}


.courseBlock.quarterWidth .extraInfoTime{
	display:none;
}


.courseBlock.quarterWidth .extraInfoBuilding{
	display:none;
}

.courseBlock.quarterWidth .removeClassX{

}


/* fifth width classes */
.courseBlock.fifthWidth .subjectAndNumberTag{
	margin-top: 7px;
}

.courseBlock.fifthWidth .extraInfoTime{
	display:none;
}

.courseBlock.fifthWidth .extraInfoBuilding{
	display:none;
}

.courseBlock.fifthWidth .removeClassX{

}


/* less than fifth width classes */
.courseBlock.lessThanFifth .subjectAndNumberTag{
	margin-top: 7px;
	font-size: 8px;
}

.courseBlock.lessThanFifth .extraInfoTime{
	display: none;
}

.courseBlock.lessThanFifth .extraInfoBuilding{
	display: none;
}

.courseBlock.lessThanFifth .removeClassX{
	
}



.dayColumn{
	margin-bottom: 300px;
	position:absolute;
	width:175px;
}

#mondayColumn{
	background-color:blue;
	left:354px;
}

#tuesdayColumn{
	background-color:red;
	left:529px;
}

#wednesdayColumn{
	background-color:blue;
	left:704px;
}

#thursdayColumn{
	background-color:red;
	left:879px;
}
#fridayColumn{
	background-color:blue;
	left:1054px;
}




.CALcourseName{
	color:black;
	padding-top:4px;
	font-size:18px;
	text-align: center;
	font-size:11px;
	padding:2px;

}

.CALcourseName.fiftymin{
	padding-top:4px !important;
	
}

.CALcourseName.ninetymin{
	
}


#bottomPadding{
	margin-bottom: 100px;
}


.no{
	visibility: hidden;
}

.extraInfo.fiftymin{
	/*margin-top:1px !important;*/
	
} 

.extraInfo.ninetymin{
	margin-top:1px !important;
	/*font-size:13px !important;*/
}



#test{
	padding-top:40px;
}

/* INFO COLUMN CSS */

#infoColumn{
	width: 251px;
	margin-left: 38px;
	margin-top: 14px;
	font-family: "Avenir",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	position: fixed;
	overflow: auto;
	height: 515px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	border-radius: 13px;
	padding: 13px;
	background-color: #f5faff;

}

.titleIN{
	font-size:15px;
	text-align:center;
}

.subjectNumberIN{
	font-size:19px;
	text-align:center;
}

.daysIN{
	margin-top:10px;
	font-size:16px;
	text-align: center;
}

.instructorIN{
	text-align: center;	
	margin-top:10px;
}

.buildingIN{
	text-align: center;	
	margin-top:10px;
}

.genEdsIN{
	text-align: center;	
	margin-top:10px;
}

.descriptionIN{
	text-align: center;	
	margin-top:10px;
	font-size:12px;
}
.gradeDataIN{
	text-align: center;	
	margin-top:10px;
	font-size:13px;
}






/*old grade data css*/
.CALGDinfoText{
	font-size: 13px;
	font-family: 'Raleway';
	padding: 7px;
	margin-top: 5px;
}
.CALGDprofessorNameHas{
	font-size: 13px;
	font-family: 'Raleway';
	padding: 7px;
	padding-bottom: 0px;
	margin-top: 5px;
}
.CALGDgradedThisCourse{
	font-size: 13px;
	font-family: 'Raleway';
}


.GDcircle{
	display: block;
	height: 32px;
	width: 32px;
	line-height: 32px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	margin-right:12px;

	color: #3B3B3B;
	text-align: center;
	font-size: 12px;
	float:left;
	font-family:'Raleway';
}

.CALGDblue{
	background-color:#DBF7FF;
	margin-left:48px;
}

.CALGDpink{
	background-color:#FFCFCC;
}

.CALGDorange{
	background-color:#FFE5BF;
}

.CALGDpurple{
	background-color:#DFD3E0;
	margin-right:0px !important;

}

.CALGDclassTitle{
	text-align: center;
	margin-bottom:12px;
	font-size:16px;
	margin-top:10px;
	font-family:'Raleway';
}

.CALGDgradeContainer{
	
}

.CALGDlabel{
	margin-top:-5px;
}


.CALGDNotFound{
	font-family: 'Raleway';
	font-size: 15px;
	width: 100px;
	margin: auto;
	padding-top: 7px;
	padding-bottom: 10px;
	display:none; /* Because we don't have grade data */
}

/*old hr css */
.faddedLine{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(75,106,173,.7), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(75,106,173,.7), rgba(0,0,0,0)); 
	margin-top:0px !important;
	margin-bottom:3px !important;
}






/* Header bar css */




#right{
	float:right;
	width:530px;
	margin-top:7px;
	text-align:center;
	padding-right:27px;
	position:absolute;
	right:30px;

}


body{
	margin:0px;
	padding:0px !important;
}


.navitem{
	transition-duration: 0.15s;
	-webkit-transition-duration: 0.15s; /* Safari */
	margin-left:20px;
	margin-right:10px;
	margin-top: 10px;
	float:right;
	font-family:'Lato';
	font-size:11pt !important;
	color:black;
}

.navitem:hover{
	text-shadow: rgb(23, 139, 247) 0 0 10px;
	color:white;
	cursor: pointer;
}



#navbar{
	font-family:'Lato';
	font-size:13pt;
	color:black;
	width:300px;
	float:left;
}




#left{
	float:left;
}




.alert.alert-info{
	padding: 10px !important;
	margin-left: 23px !important;
	width: 191px !important;
}


.GDblue.cal{
	margin-left: 24px !important;
}


#welcomeInfo{
	width: 168px;
	margin: auto;
	margin-top: 67px;
}

#tbaContainer{
	display:none;
	position:absolute;
	left:312px;
}


.prerequisitesIN{
	font-size: 12px;
	margin-top:15px;
	margin-bottom:10px;

}



.attributesIN,.majorRestrictionsIN,.levelRestrictionsIN,.campusRestrictionsIN,.collegeRestrictionsIN,.crnIN,.scheduleTypeIN{
	font-size: 12px;
	text-align: center;
	margin-top:15px;
}


.crnIN, .courseInfoIN, .courseTypeIN, .inGroupWithIN, .attributesIN, .prerequisitesIN, .corequisitesIN, .crossListedWithIN, .majorRestrictionsIN, .levelRestrictionsIN, .campusRestrictionsIN, .collegeRestrictionsIN, .scheduleTypeIN{
		text-align: left !important;
}

.courseTypeIN, .courseInfoIN, .inGroupWithIN{
	margin-bottom:15px;
	font-size:12px;
}

.courseTypeIN{
	margin-top:20px;
}

.booksIN{
	display:none;
}