.expandcollapse-item {
  overflow: hidden;
  /*border-top:1px solid blue;*/
}

.expandcollapse-heading-collapsed {
  cursor: pointer;
  /*padding: 15px 20px;*/
  position: relative;  
  color: black; 
  background-color: white;
}
.expandcollapse-heading-collapsed:after {
	position:absolute;
	content:"+";
	font-family:"icomoon";
	right:33px;
	top:0;
	color:#fff;
	font-size:16px;
}

.expandcollapse-item:first-of-type {
  border-top:0px;
}


.expandcollapse-heading-collapsed p{
  font-size: 16px;
  font-weight: normal;
  margin:0px;
}

.expandcollapse-heading-expanded {
  cursor: pointer;  
  /*padding: 15px 20px;*/
  position: relative;  
  background-color: #fff !important; 
	margin:0;
} 
.expandcollapse-heading-expanded:after {
	position:absolute;
	content:"-";
	font-family:"icomoon";
	right:33px;
	top:0;
	color:#fff;
	font-size:16px;
}

.expandcollapse-heading-expanded p{
  font-size: 16px;
  font-weight: bold;
  margin:0px;
}

.expandcollapse-heading-collapsed > span,
.expandcollapse-heading-expanded > span {
  position:absolute;
  top: 25px;
  right: 15px;
  font-size: 20px;
  line-height: 0px;
}

.expand-collapse-content {
  /*padding: 20px;*/
   margin: 0 0 5px;
}


/*
animation:*/

.slideDown.ng-hide {
  max-height: 0;
  transition: max-height 0.45s ease-out;
  overflow:hidden;
  position:relative;
}

.slideDown {  
  /*max-height: 2500px;*/
  transition: max-height 0.45s ease-out;
  overflow:hidden;
  position:relative;
}

.slideDown.ng-hide-remove,
.slideDown.ng-hide-add {
  /* remember, the .hg-hide class is added to element
  when the active class is added causing it to appear
  as hidden. Therefore set the styling to display=block
  so that the hide animation is visible */
  display:block!important;
}


.slideDown.ng-hide-add {
  animation-name: hide;
  -webkit-animation-name: hide;  

  animation-duration: .5s; 
  -webkit-animation-duration: .5s;

  animation-timing-function: ease-in;  
  -webkit-animation-timing-function: ease-in;  
}



.slideDown.ng-hide-remove {
  animation-name: show;
  -webkit-animation-name: show;  

  animation-duration: .5s; 
  -webkit-animation-duration: .5s;

  animation-timing-function: ease-out;  
  -webkit-animation-timing-function: ease-out;  
}

/* 16px baseline ( - 479px) */
@media only screen  and (max-width:29.938em) {
	.expandcollapse-heading-collapsed:after {right: 20px;}
	.expandcollapse-heading-expanded:after {right: 20px;}
}