.FeesHead .col-sm-3, .FeesHead .col-sm-2, .FeesBody .col-sm-3, .FeesBody .col-sm-2 {
  max-width: none !important;
  min-width: 0 !important;
  flex: 1 0 auto !important;
  font-size: 14px !important;
}

.FeesHead .Row-Header p{
    line-height:14px !important;

}

.form-horizontal div.row div[class^="col-"] {
    margin-bottom: 0em;
}

.FeesHead .col-sm-3 p, .FeesHead .col-sm-2 p, .FeesBody .col-sm-3 p, .FeesBody .col-sm-2 p, .FeesHead input, .FeesBody input  {
  font-size: 14px !important;
}

@media screen and (max-width: 860px) {
    form .AttendList td.Col-FirstName, form .AttendList td.Col-LastName, form .AttendList td.Col-email, form .AttendList td.Col-emailName {
      min-height: 48px;
}
.FeesHead, .FeesBody {
    margin: 0px 0px;
}
}



/*remove extra padding at the top of content*/
.Body-Page-SinglePageRegEvent .GeneralBlueMainPage{
	padding-top:0px;
}
/*remove border on bootstrap card*/
.Body-Page-SinglePageRegEvent .card{
	border:none;
}


@media only screen and (max-width: 992px) {
	/*in mobile, remove the blue bar above banner.*/
	.Body-Page-SinglePageRegEvent .GeneralBlueTop2{
	  	display: none;
	}
	.Body-Page-SinglePageRegEvent .GeneralBlueTop3{
			margin-top:74px;
	}   
	/*fix spacing in header to fit logo and social icons*/
	.GeneralBlueTop1 .col-sm-8 {
		flex: 0 0 30%;
		max-width: 30%;
	}
	.GeneralBlueTop1 .col-sm-4 {
		flex: 0 0 70%;
		max-width: 70%;
		width: 50%;
	}
	.GeneralBlueTop1 .container{
		max-width: 100vw;
	}
	/*remove extra padding on content to align with rest of the elements on the page*/
	.GeneralBlueMainPage .card-body{
		padding:0;
	}
	.GeneralBlueMainPage .container{
		max-width: 100vw;
	}		
}