table { width:100%;}
td {border:1px solid #ccc;}
ul{	margin: 0;padding: 0 0 0 20px;}
p{margin: 0 0 10px 0;}
.text-right { text-align:right;}
.text-center { text-align:center;}
h4{margin: 0 0 10px;}

/* Remove focus ring as all screen readers tested on, add their own focus ring */
:focus{
  outline: 0;
}

/* ---------------------------------

		A C C O R D I A N

--------------------------------- */

.accordion{
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #019cdf;
	max-width: 350px;
}

.accordion-panel__heading{
	position: relative;
	padding: 20px;
	padding-left:25px;
	display: block;
	text-decoration: none;
	color: #fff;
	background: #019cdf;
	font-size: 12px;
	font-weight: 600;
	transition: all .2s;
	cursor:pointer;
	overflow:hidden;
}
.accordion-panel__heading:first-of-type{
}
.accordion-panel__heading:after{
	border-bottom: 1px solid white!important;
	content:'';
	display:block;
	width:100%;
	position:absolute;
	left:0;
	bottom: 0px;
	transition: all .2s;
}
.accordion-panel__heading svg{
	position:absolute;
	width:10px;
	height:10px;
	left:10px;
	transition: all 0.4s;
	transform:rotate(0deg);
	fill:#fff;
}

.accordion-panel__heading:before{
	transition: all .2s ease;
	content: "";
	border: 0px #019cdf solid;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
}
.accordion-panel__heading.active:before{
	transition: all .2s;
	border-left: 8px #ffe807 solid;
}
.accordion-panel__heading:HOVER{
	color: #fff;
	background: #019cdf;
	transition: all .2s;
}
.accordion-panel__heading.active:HOVER,
.accordion-panel__heading.active {
  transition: all .2s;
  color: #333;
  background: #ffe807;
  border-bottom: 0;
  padding: 11px 20px 12px 30px;
}
.accordion-panel__heading.active:after{
	left:8px;
}
.accordion-panel__heading.active svg{
	transform:rotate(90deg);
	fill:#000;
}
.accordion-panel__content{
  transition: all .2s;
  position: relative;
  padding: 0 20px 0 20px;
  background: #eeeeee;
  max-height: 0;
  overflow: hidden;
  font-size:11px;
  line-height: 15px;
}
.accordion-panel__content:before{
  transition: all .2s ease;
  content: "";
  border: 0px #019cdf solid;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
.accordion-panel__content.active:before{
  transition: all .2s;
  border-left: 8px #ffe807  solid;
}
.accordion-panel__content.active {
  transition: all .2s;
  max-height: 1500px;
  background: #eeeeee;
  padding: 14px 20px 15px 30px;
}
@media screen and  (min-width: 768px) and (max-width: 1199px) {
	.accordion-panel__heading {
		position: relative;
		padding: 17px;
		padding-left: 29px;
		display: block;
		text-decoration: none;
		color: #fff;
		background: #019cdf;
		font-size: 19px;
	}
	.accordion-panel__heading svg {
		position: absolute;
		width: 12px;
		height: 12px;
		left: 10px;
		top: 20px;
		transition: all 0.4s;
		transform: rotate(0deg);
		fill: #fff;
	}
	.accordion-panel__heading.active svg {
		top: 16px;
	}
		.accordion-panel__content{font-size: 16.48px;line-height: 21px;}
		.accordion-panel__content.active {
		  padding: 25px 10px 20px 44px;
		}
}
@media screen and  (min-width: 1200px) {
	.accordion-panel__heading {
		padding: 17px;
		padding-left: 29px;
		font-size: 18px;
	}
	.accordion-panel__heading svg {
		position: absolute;
		width: 12px;
		height: 12px;
		left: 10px;
		top: 20px;
		transition: all 0.4s;
		transform: rotate(0deg);
		fill: #fff;
	}
	.accordion-panel__heading.active svg {
		top: 16px;
	}
	.accordion-panel__content{font-size: 15px;line-height: 20px;}
			.accordion-panel__content.active {
		  padding: 23px 25px 18px 41px;
		}
}