/* Main Ui Accordion Styles and Classes */
	#courses .ui-accordion .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		padding: 20px 19px 18px;
		margin-bottom: 0;
		border-radius: 3px;
		border: 1px solid #dce0e9;
	color: inherit;
		font-size: 20px;
		line-height: 28px;
		font-weight: 700;
		font-family: Roboto Condensed,sans-serif;
		text-transform: none;
		letter-spacing: -.25px;
		-webkit-transition: .3s;
		transition: .3s;
	}
	#courses .ui-accordion .ui-accordion-content {
		height: auto !important;
		padding: 10px;
	}
	#courses .ui-accordion .ui-accordion-content > Div {
		width: fit-content !important; 
		width: auto;  
	}
	#courses .ui-state-active, .ui-button.ui-state-active{
		background: #e1e1e1 !important;
		
	}  
	#courses .ui-accordion .ui-accordion-header:hover{ 
		background: #e1e1e1 !important;
		
	}
/* Icon Arrow fixes */
	#courses .ui-icon, .ui-widget-content .ui-icon {
		background-image: url("/uploaded/bvsd-GUI/CoursesStyles/ui-icons_444444_256x240.png") !important;
	}
	#courses .ui-state-active .ui-icon, .ui-button:active .ui-icon {
		background-image: url("/uploaded/bvsd-GUI/CoursesStyles/ui-icons_444444_256x240.png") !important;
	}
	#courses .ui-state-hover .ui-icon, .ui-state-focus .ui-icon{
		background-image: url("/uploaded/bvsd-GUI/CoursesStyles/ui-icons_444444_256x240.png") !important;
	}
/* Main Span padding and link */
	#courses .coursedocinfo{
		padding: 5px 10px 5px 25px;
	}
	#courses .coursedocinfo span {
		display: -webkit-inline-box;
		font-size: 15px;
		padding-right: 8px;
	}
	#courses .coursedocinfo span a {
		
	}	
/* custom Title description and properties of the span */
	#courses .coursetitle {
		font-size: 20px;
		padding: 0px;
 font-weight: bold;
	}
	#courses .subinfo {
		padding: 0px;
		font-size: 14px;
		font-size: 16px;
	}
	#courses .description {
		padding: 7px 0px;
		display: block;
		line-height: 22px;
		font-size: 16px;
		padding-bottom: 10px !important;
	}	
#courses .description p {
    margin-bottom: 0px;
}

/* Custom display none for properties NA */
	#courses span.null {
		display: none;
	}
	#courses span.undefined {
		display: none;
	}
	#courses span.Preq {
		display: none;
	}
	#courses span.fees0 {
		display: none;
	}
	#courses span.NCAAfalse {
		display: none;
	}
	#courses span.N\/A{
		display: none;
	}
	#courses span.ElecReq {
		margin-right: 10px;
	}
#courses span.StateRequirementundefined{
display: none;
}
#courses span.Weightedundefined{
display: none;
}
#courses span.SoBLundefined{
display: none;
}
/* Search Bar*/
	.searchFunction {
		width: 100%;
		padding: 20px 0px 20px 0px;
	}
	* {
		box-sizing: border-box;
	}
	
	#myInput {
		background-image: url("/uploaded/bvsd-GUI/CoursesStyles/customSearch.jpg");
		background-position: 10px 12px;
		background-repeat: no-repeat;
		width: 100%;
		font-size: 16px;
		padding: 12px 20px 12px 40px;
		border: 1px solid #0060A9;
		margin-bottom: 12px;	
	}
	#myUL {
		list-style-type: none;
		padding: 0;
		 margin: 0;
	}
	#myUL li a {
		border: 1px solid #0060A9;
		/* Prevent double borders */
		margin-top: -1px; 
		background-color: #f6f6f6;
		padding: 12px;
		text-decoration: none;
		font-size: 18px;
		
		display: block
	}
	#myUL li a:hover:not(.header) {
		background-color: #eee;
	}
	/*#courses .fsElement {
		margin-bottom: 0px;
	}
	#courses .fsComposeMode .fsElement {
		margin-bottom: 30px;
	}
	#courses div#fsEl_15027 {
    	display: none;
	}
	#courses h1 {
		margin-bottom: 0px;
	}
/* Width under 600px*/
	@media only screen and (max-width: 600px) {
		#courses .ui-accordion .ui-accordion-header {
			font-size: 18px;
			line-height: 16px;  
		}
		#courses .ui-accordion .ui-accordion-content {
			padding: 5px;
		}
		#courses .fsAccordion .fsPanel > .fsElementContent, .fsTabs .fsPanel > .fsElementContent {
			padding: 41px 15px 43px;
		}
		#courses h2.fsElementTitle {
			display: none;
		}
	}
#courses span.Hearfalse {
    display: none !important;
}

span.Heartrue {
    color: #fff;
    font-size: 1px !important;
}
span.Heartrue b {
    color: black;
    font-size: 16px;
}
span.Heartrue:after {
    content: 'Yes' !important;
    display: block !important;
    color: black;
    font-size: 16px;
}

span.NCAAtrue {
    color: #fff;
    font-size: 1px !important;
}
span.NCAAtrue b {
    color: black;
    font-size: 16px;
}
span.NCAAtrue:after {
    content: 'Yes' !important;
    display: block !important;
    color: black;
    font-size: 16px;
}
span.hidden {display: none !important;}