#accordion {clear:both; }
#accordion p{ font-size:1.2em; margin:0 0 0px 0; padding-bottom:0}
#accordion h3  {text-align: left !important; font-size:1.3em !important}

.ui-state-default { text-align: left !important;  color: var(--acBlue) !important;}
			  
		
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { left:auto !important;right: .5em !important;}
.ui-icon {background:#ccc; width:0px!important; height:0px!important; background-image:none !important; content:'+'; color:#ffffff !important}
.ui-icon:after {content:'+'; color:#ffffff !important}
			
.ui-accordion .ui-accordion-icons {padding-left: 0.7em!important;padding-right: 2.2em!important;}
		
			
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {    background: #eeeeee !important;  border:0px !important; cursor: pointer}			
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {    background: #eeeeee !important; border:0px !important  }
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active { background: #000000 !important; color: white !important;  border:0px !important  }			
			
.ui-accordion .ui-accordion-content {    padding-left: 1em!important;   padding-right: 1em!important;  border-top: 0;    overflow: auto;}
		
.ui-accordion-header[aria-expanded="true"]:after{  content: "-"; color:#ffffff; position:absolute;   right:2%;}
.ui-accordion-header[aria-expanded="false"]:after{	content: "+";position:absolute;    right:2%;}
@media only screen and (min-width: 0px) and (max-width: 991px) {
	#accordion h3  {text-align: left !important; font-size:1.0em !important}

			  }