/* 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: #0e395d;
		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: #0060A9 !important;
		color: #ffffff !important;
	}  
	#courses .ui-accordion .ui-accordion-header:hover{ 
		background: #0e395d !important;
		color: #ffffff !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_ffffff_256x240.png") !important;
	}
	#courses .ui-state-hover .ui-icon, .ui-state-focus .ui-icon{
		background-image: url("/uploaded/bvsd-GUI/CoursesStyles/ui-icons_ffffff_256x240.png") !important;
	}
/* Main Span padding and link */
	#courses .coursedocinfo{
		padding: 5px 10px 5px 25px;
	}
	#courses .coursedocinfo span {
		display: -webkit-inline-box;
		font-size: 16px;
		padding-right: 10px;
	}
	#courses .coursedocinfo span a {
		color: #0060A9;
	}	
/* custom Title description and properties of the span */
	#courses .coursetitle {
		font-size: 20px;
		padding: 0px;
	}
	#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: 15px !important;
	}	
/* 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;
	}
/* 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;
		color: #0060A9;
		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;
		}
	}
/*Upcoming courses are blank*/
#courses div#accordion2:before {
    content: 'The Upcoming Course Catalog will be available January 2021.';
    color: #000;
    font-size: 28px;
    display: none;
}

/* Hide Tab in courses upcoming */
#courses ul.fsTabsNav li + li {
    display: none !important;
}
#courses .fsPanelGroup .fsTabsNav li +li {
    display: none !important;
}
#courses span.Hearfalse, .hidden {
    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;
}