How do I include a CSS file for layout control?

I have a specific layout I need to use for the PDF forms. I can do the HTML components just fine, however, I need the CSS styling in order to be able to manage the HTML components correctly.

Some of the components are supported, however, things centered around flex boxes aren’t, and that’s really what I need.

Is there a way I can include this CSS code (below; through a separate file) within the PDF to handle the HTML layout properly?

Thanks!

.cdrCT {
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	justify-content: space-between;
}

.cdrBox {
	min-height: 150px;
	flex: 1 1 45%;
	margin: 25px auto;
	padding: 5px;
	min-width: 275PX;
}

.headerBar {
	text-align: center;
	height: 30px;
	background: #a48327;
	color: #000;
	font: bold 20px/30px Verdana, serif;
}

.fancyList  {
	display: flex;
	flex-flow: row wrap;
	border: 0;
}

.fancyList dt {
	flex-basis: 30%;
	font-weight: bold;
	text-align: right;
	margin: 0;
	color: #000;
	padding-right: 5px;
}

.fancyList dd {
	flex-basis: 50%;
	margin: 0;
	color: #000;
}

• This topic was modified 5 years, 9 months ago by Douglas "BearlyDoug" Hazard.