.printonly {
	display: none;
}

@media print {
	body * {
		visibility: hidden;
	}
	.noprint {
		display: none !important;
	}
	.printonly {
		visibility: visible;
		display: block;
	}
	div.bubble {
		display: none;
	}
	.printable, .printable * {
		visibility: visible;
	}
	.course_header {
		border-left: 1px solid #BBBBBB;
		border-top: 1px solid #BBBBBB;
	}
	.time_block {
		opacity: 1.0;
	}
	#nav_table {
		display: none;
	}
}

.reg_parent {
	position: relative;
	margin: 0 6px;
}

.reg_parent div {
	/*Useful to debug*/
	/*border: 1px solid black;*/
	
}

.reg_tips {
	position: relative;
	text-align: center;
}

.reg_row1 {
	position: relative;
	margin-bottom: 20px;
}
.reg_row1_enroll {
	height:160px;
}

.reg_title {
    text-align: center;
}

.reg_links {
	float: left;
	clear: left;
	line-height: 23px;
	position: relative;
	margin-top: 4px;
}

.reg_sort {
	float:right;
	margin: 6px 0px 6px 5px;
}

.reg_filters {
	clear:right;
	float:right
}

.reg_flip {
	position: absolute;
	left: 50%;
	/*width: 240px;*/
	margin-left: -120px;
	text-align: center;
	top: 50%;
    margin-top: -32px;
}

.reg_row2 {
	/*position: relative;*/
	margin: 0 auto;
	display: none;
}

.reg_row3 {
	position: relative;
	margin: 0 auto;
	text-align: center;
	display: none;
}

.days5 {
	max-width: 750px;
}

.days6 {
	max-width: 775px;
}

.days7 {
	max-width: 820px;
}

.reg_schedule {
	float: right;
	position: relative;
	max-width: 50%; /* This value controls the width of the timetable relative to the rest*/
}
.reg_schedule1 {
	float: left;
	position: relative;
	max-width: 100%;
	padding-bottom: 5px;
	padding-left: 17px;
	box-sizing: border-box;
}
.reg_schedule2 {
	float: left;
	position: relative;
	max-width: 100%;
	padding-bottom: 5px;
	padding-left: 17px;
	box-sizing: border-box;
}
.dual_schedule {
	max-width: 66%;
}
.dual_schedule .reg_schedule1, .dual_schedule .reg_schedule2 {
	max-width: 50%;
}
.reg_schedule1, .reg_schedule2 {
	/* Fixes Safari issue */
	min-width: 280px;
}

.reg_legend {
	position: relative;
	overflow: hidden;
	margin: auto auto 40px auto;
	padding-bottom: 8px;
}

.dateGridHolder {
	margin-top: 6px;
	overflow: hidden;
}

.arrow_hover:hover {
	opacity: 0.6;
}

.legend_table {
	width: 100%;
}


.legend_box {
	position: relative;
	/*display: inline-block;*/
	/*display: inline;*/
	zoom: 1;
	top: 0px;
	vertical-align: top;
}

.printed_by {
	margin: 4px;
}

.eoLabel {
	
}

.enrollmentOption {
	margin-bottom: 6px;
}

.timesToAvoid {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 40px;
}

.feature_title {
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

.filter_icon {
	width: 20px;
	height: 20px;
	display: inline-block;
}

.mobilesort {
	visibility: hidden;
}

.mobile_nb {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	display: none;
	line-height: normal;
}

.mobilesort {
	top: 7px;
	float: right;
	position: relative;
}

.mobileNUmber {
	display: none;
}

.sliderdiv {
	margin-top: 6px;
	margin-bottom: 16px;
	position: relative;
}

.monthscalc {
	padding-left:40px;
	position:relative;
	overflow: hidden;
}

.timezoneAbbr {
	position: absolute;
	left: 5px;
	top: 3px;
	line-height: 92%;
}

.weekName {
	position: absolute;
	width: 100%;
	text-align: center;
	top: -17px;
}

.crnListInfo {
	padding: 6px 3px 1px 3px;
	text-align: center;
}
.crnListWarning {
	padding: 6px 3px 6px 30px;
	background-image: url('../images/exclamation2.png');
	background-position: 7px 50%;
	background-size: 18px;
	background-repeat: no-repeat;
	text-align: left;
}
.crnListWarningInfo {
	background-position: 8px 50%;
	background-image: url('../images/help.png');
}
.crnListWarningGood {
	background-image: url('../images/check.png');
	background-size: 17px;
    background-position: 8px;
}

.loginlogout{
	float: right;
	height: 32px;
	margin-right: 8px;
	margin-top: -32px;
	min-width: 34px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	visibility:hidden;
	opacity: 0.53;
}
.logoutmobilebutton{
	background-image: url('../images/logout20.png');	
}
.loginmobilebutton {	
	background-image: url('../images/login20.png');	
}
	
@media only screen and (max-width:680px) {
	.center {
  		position: relative;
	}
	.centerparent {
	position: fixed;
	left:50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index:999;
	}
	.navigation li a {
		padding: 14px 8px;
	}
	.loginlogout {		
		visibility:visible;
	}
	.reg_schedule {
		width: 100%;
		max-width: 100%;
	}
	.reg_schedule1 {
		width: 100%;
		max-width: inherit;
		padding-left: 0px;
	}
	.reg_schedule2 {
		width: 100%;
		max-width: inherit;
		padding-left: 0px;
	}
	.reg_legend {
		float: right;
		width: 100%;
		max-width: none;
	}
	.reg_flip {
		background: linear-gradient(rgb(253, 253, 253), rgb(233, 233, 233));
	}
	.header_lang {
		position: absolute;
		right: 25px !important;
		bottom: 16px;
	}
	.monthscalc {
		padding-left:inherit;
	}
	.timesToAvoid {
		margin-left: inherit;
	}
	.weekName {
		display:none;
	}
	.legend_box {
		width: 100%;
	}
	.mobilesort {
		visibility: visible;
	}
	
	.dual_schedule .reg_schedule1, .dual_schedule .reg_schedule2 {
		max-width: 100%;
	}
	.reg_title, .reg_links, .reg_sort, .reg_filters, .reg_flip {
		position: relative;
		float: left;
		width: 100%;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		margin: auto;
	}
	.reg_title {
		margin: 6px;
		padding: 0px;
	}
	.reg_row1 {
		height: inherit;
	}
	.reg_row1_enroll {
		height: inherit;	
	}
	.reg_filters {
		display: none;
		margin-bottom: 30px;
	}
	.reg_row1 {
		height: inherit;
	}
	.nomobile, .nonmobilesort {
		display: none;
	}
	.header_lang {
		display: none;
	}
	
	div.bubble {
		width: 98%;
	}
	
}

.selectmoreval, .selectmorevalhideshow {
	display:none;
}

.toggleExtra {
	padding: 3px;
	text-align: center;
}


@media only screen and (max-width:340px) {
	.mobile_nb {
		display: inline;
	}
	.nonmobile {
		display: none;
	}
	.mobileNUmber {
		display: inline;
	}
	.reg_header .header_right h1 {
		font-size:12px !important;
	} 
	
}

@media only screen and (max-width:298px) {
 
	div.bubble {
		width: 94%;
	}
	.tall span {
		font-size: 6px;
	}
	#popupfilter {
		left: 10%;
		width: 200px !important;
	}
	.rowfilter .filteroption {
		font-size: 12px;
	}
	.reg_legend {
		font-size: 10px;
	}
	.sliderdiv .slider {
		font-size: 10px;
	}
	.headerInside img {
    	height: 28px !important;
    }
    .loginlogout {
    	margin-top: -32px;    
    	background-size: 19px 20px;
    }
}