body {

	font-family: Roboto,Arial,sans-serif !important;

}

.FeesHead div[class^=col-],
.FeesBody div[class^=col-]{
	border:none;
}

.FeesHead .Col-Total,
.FeesBody .Col-Total{
	display: none;
}
.FeesHead, .FeesBody {
	margin: 0px;
}
.FeesHead{
	display:none;
}
/*by default hide this and show only with code*/
#AttendListDtl{
	/*display:none;*/
}

/*#AttendListDtl > table.AttendList > tbody > tr:nth-of-type(1),
#AttendListDtl > table.AttendList > tbody > tr:nth-of-type(2){
	display:none;
}*/

#TotalLine .Col-Total{
	display: block;
	text-align: left;
}

#TotalLine .Col-Description, #TotalLine .Col-Description p,#TotalLine .Col-Total{
	font-weight:bold;
}

#TotalLine .Col-Fee,
#TotalLine .Col-Quantity{
	display: none;
}

#TotalLine .col-sm-3{
	flex: 0 10% !important;
	max-width: 10% !important;
}

.fieldDisabled {
	background-color: #f7f7f7 !important;
	color: #b3b3b3 !important;
}

.FeesBody .Col-Description{
	flex: 0 0 66.666666% !important;
	max-width: 66.666666% !important;
}

.FeesBody .col-sm-2.Col-Dollar.Col-Total, 
.FeesBody .Col-Fee, .FeesBody .Col-Description {
	padding: 12px 15px !important;
}

.Section-EventRegistration .AttendList input[type=text], .Section-EventRegistration .AttendList select, .Section-EventRegistration .AttendList textarea {
	background-color: #f0f9fb;

}
@media only screen and (max-width: 800px) {
	
	.FeesBody .Col-Dollar{
		max-width: max-content !important;
		flex: 0 0 mac-content !important;
		width: nax-content !important;
	}

	.FeesBody .Col-Description{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.FeesBody .col-sm-2.Col-Dollar.Col-Total, 
	.FeesBody .Col-Fee, .FeesBody .Col-Description {
		padding: 12px 0px !important;
	}

	.FeesHead .row, .FeesBody .row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.Section-EventRegistration .BlockDetails {
		overflow: hidden;
	}
}