/*Added to make accordion show focus box*/
 
 a.accordionItemHeader h5.mr-2{
	font-size:1.10rem !important;
}
.accordionItemContainer{
	border-top:2px solid #6ac7fd;
	background-color:#f7f7f7;
}
  a.collapsed, a.collapse{
	display:block;
	padding:8px 0;
	}
	
.pageACC .card-body a{text-decoration:underline !important};
.pageACC .accordion .card{
	border-bottom: 1px #81D4FA solid !important;
}
.pageACC span{
	position:relative;
	float:right;
	margin-bottom:2.5rem;

}
/* added h5 specificity to remove extraneous span styles produced by SP editor - 3/8/21 */
.pageACC h5 span:after{
	content: "\f078";
	font-family: "Font Awesome 5 pro";
	position: absolute;
	right: 0;
	top: 0;
	left:100%;
	color:black;
	display: block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	background:#4FC3F7;
	border-radius:10%;
    vertical-align: middle;
	text-align: center;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
	font-size:.8rem;
}

.pageACC span.down:after{
	/*-ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);*/
    content: "\f077";
    background:#0277bd;
    color:#fff;
    
 }
  .pageACC > div{
    padding-left:0px;
 }
 

 /* IE/Sharepoint Table fix*/
 @media screen and (min-width: 540px) and (max-width: 589px){
	.pageACC{
		max-width:520px;
	}
	.pageACC card{
		max-width:520px;
	}
}
@media screen and (min-width: 590px) and (max-width: 639px){
	.pageACC{
		max-width:570px;
	}
	.pageACC card{
		max-width:570px;
	}
}
@media screen and (min-width: 620px) and (max-width: 689px){
	.pageACC{
		max-width:620px;
	}
	.pageACC card{
		max-width:620px;
	}
}
@media screen and (min-width: 690px) and (max-width: 739px){
	.pageACC{
		max-width:670px;
	}
	.pageACC card{
		max-width:670px;
	}
}
@media screen and (min-width: 740px) and (max-width: 789px){
	.pageACC{
		max-width:720px;
	}
	.pageACC card{
		max-width:720px;
	}
}
@media screen and (min-width: 790px) and (max-width: 839px){
	.pageACC{
		max-width:770px;
	}
	.pageACC card{
		max-width:770px;
	}
}
@media screen and (min-width: 840px) and (max-width: 889px){
	.pageACC{
		max-width:820px;
	}
	.pageACC card{
		max-width:820px;
	}
}
@media screen and (min-width: 890px) and (max-width: 939px){
	.pageACC{
		max-width:870px;
	}
	.pageACC card{
		max-width:870px;
	}
}
@media screen and (min-width: 940px) and (max-width: 989px){
	.pageACC{
		max-width:920px;
	}
	.pageACC card{
		max-width:920px;
	}
}
@media screen and (min-width: 990px) and (max-width: 1039px){
	.pageACC{
		max-width:970px;
	}
	.pageACC card{
		max-width:970px;
	}
}
@media screen and (min-width: 1040px) and (max-width: 1089px){
	.pageACC{
		max-width:1020px;
	}
	.pageACC card{
		max-width:1020px;
	}
}
@media screen and (min-width: 1090px) and (max-width: 1139px){
	.pageACC{
		max-width:1070px;
	}
	.pageACC card{
		max-width:1070px;
	}
}
@media screen and (min-width: 1140px) and (max-width: 1199px){
	.pageACC{
		max-width:1120px;
	}
	.pageACC card{
		max-width:1120px;
	}
}