@media only screen and (min-width: 768px) {
    .pageBody {
        margin-right: auto;
        margin-left: auto;
        position: relative;
        padding:10px;
        width: 85%;
    }
}

@media only screen and (max-width: 480px) {
    input[type=text], textarea {
        width:100%;
        display: inline-block;
        float: left;
        clear: both;
    }
    .container {
        padding-left: .25em;
        padding-right: .25em;
    }
}

<!--  be = back end -->
.beError {
	color: #ff0000;
}

.beErrorblock {
	color: #000;
	background-color: #ffEEEE;
	border: 3px solid #ff0000;
	padding: 8px;
	margin: 16px;
}




/*the default fieldset wants to put in a background color....*/
.fieldset
{
    background-color: none;
}

/*textarea - force a new line after the label....*/
.textareas textarea
{ 
    display: block; 
    clear: left;
    width: 100%;
    margin-bottom: 1em;
    font-style: normal;
    font-size: 1em;
}

/*the blocks across the top wanted to display a number, and we couldn't tell it to display a letter....so we just set the number to hidden....*/
.number
{
    display: none;
}

/*this is for our tables...*/
thead tr
{
    background-color: #cfcfcf;
    text-align: center;
}

tr
{
    font-size: .75em;
}

 td label {
    display: none;
}

.billing
{
  table-layout: fixed;
  width: 100%;
}

.billing label
{
    text-align: center;
    color: black;
}

.billing td input { 
    width: 100%; 
    padding:10px; 
}

.diag label
{
    text-align: center;
    font-size: 1em;
    color: black;
}

/* C-3 Tables */
.employers
{
  table-layout: fixed;
  width: 100%;
}

.employers label
{
    text-align: center;
    color: black;
}

.employers th{
	text-align: center;
}

.employers td input { 
    width: 100%; 
    padding:10px; 
}

.employers caption { 
    color: #727272;
}


.employers td select{
	padding:10px;
	width: 100%;
	margin-bottom: .75em;
}



.doctors
{
  table-layout: fixed;
  width: 100%;
}

.doctors label
{
    text-align: center;
    color: black;
}

.doctors th{
	text-align: center;
}

.doctors td input { 
    width: 100%; 
    padding:10px; 
}

.doctors caption { 
     color: #727272;
}


.doctors td select{
	padding:10px;
	width: 100%;
	margin-bottom: .75em;
}




/* WCBPPOs checkbox */
.WCBPPOs
{
    padding-top: .75em;
}

/* Board provider Label */
.boardlabel 
{
    font-size: 1.20em;
    color: #419a93;
}


/* Signed under penalty */
.penaltylabel
{
   padding-top: 1.50em;
    font-style: italic;
    font-size: 1.15em;
    text-align: center;
    color: #e60000;
    font-weight: bold;
}


/* Important note about form */
.notes p, header
{
color:red; 
font-weight:bold;

}

.notes p1
{
	font-weight:bold;
}

.notes h1
{
	color:black;
	font-weight: bold;
	font-size: 1.30em;
	text-align: center;
}

/* This is for the banner/title that says...THIS FORM MAY ONLY BE SUBMITTED ELECTRONICALLY. DO NOT MAIL.*/
.submitelec
{
    text-align: center;
    color: #df0000;
    font-weight: bold;
    font-size: 1.00em;
}

/*3/1/17 Added to make colored box for instructions 
=====================================================*/
.instructions 
{
	background-color: #C1EBEB; 
	padding: 6px 16px; 
	font-weight: bold; 
	text-align: center;
	border-radius: 5px;
}


/*this is for the text area at the top of the given form...*/
.formtitle
{
    text-align: center;
}

.formtitle p1
{
	font-weight: bold;
	font-size: 1.50em;
}


/*this was for the "Required items are indicated by an" area on each page*/
.subheading {
    color: #df0000;
    font-size: .85em;
}

/* Changed for the buttons */
.tabcontrol > .actions a:focus
{
    background: #43a4de;

}



/*this was changed to have better color contrast*/
.tabcontrol > .actions a,
.tabcontrol > .actions a:hover,
.tabcontrol > .actions a:active
{
    background: #1d72a4;
}

/*this was changed to have better color contrast*/
.tabcontrol > .actions .disabled a,
.tabcontrol > .actions .disabled a:hover,
.tabcontrol > .actions .disabled a:active
{
    background: #e0dddd;
    color: #625a5a;
}

/*this is the class that gets assigned dynamically in the listenhere.js to hide something...*/
.hideADiv{
   display: none;
}

/*this is the class that gets assigned dynamically in the listenhere.js to show something...*/
.showADiv{
   display: inline;
}

/*for the asterix to be red*/
.asterix
{
    color: #e60000!important;
	font-weight: bold;
	font-size: 1.5em;
	vertical-align:text-top;
    vertical-align: middle;
}


/*modifying the default fieldset settings....*/
.fieldsetCkbxs {
    border-style: solid;
    border-width: 1px;
    display:inline;
  padding: .5em; 
    margin-top: 1.25em;
    width: 100%;
}
.fieldsetCkbxs legend {
	font-size: 1.15em;

	}
.checkbox-grid li {
    display: block;
    float: left;
    width: 33%;
}

.checkbox-grid50 li {
    display: block;
    float: left;
    width: 50%;
}

.checkbox-grid30 li {
    display: block;
    float: left;
    width: 30%;
}



/*to override the padding left for fieldsets from the foundation.vp.css file - we're using this for
the radio buttons and checkbox areas - wanted them to line up with other fields....
.column, .columns {
    padding-left: 0rem;
}
*/
.columnForm, .columnsForms {
    padding-left: 0rem;
}

/*logo/header...*/
#logobanner
{
    font-weight: bold;
    font-size: 1.25em;
    margin-top: .75em;
}

.ebizHR {
    background-image: url(BlueLine.gif);
    background-repeat: repeat;
    width: 100%;
    height: 4px;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
    font-size: 120%;
}

.pageTitleH1 {
    /* float: left; */
    text-align: left;
    font-size: 150%;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 0px;
    /* vertical-align: middle; */
    color: #000066;
    clear: right;
}


/*this was to force the buttons to 1 line...*/
.tabcontrol > .content > .body input[type=button] {
    display: inline;
    margin: .25em;
}

/*this was to force the caption of the Exam Date table to have no padding*/
.examdt caption {
    padding: 0em;
  
}

.examdt label {
    color: black;
  
}


.legendradio{
    margin-bottom: 0.0em;
    color: #727272;
    font-weight: bold;
    padding-top: 0em;
    font-size: 1em;
}

/*this is for the radio button ITSELF - wanted to make it a bit bigger....*/
 input[type="radio"] {
    display: inline-block;
    width: 1.00em;
    height: 1em;
    margin-left: .5em;
 } 

/*this is for the radio button's LABEL - wanted it black, with a bit of padding....*/
 input[type="radio"] + label {
    color: #727272;
    padding-right: .5em;
    padding-left: .25em;
    font-style: italic;
    margin-top: .50em;
    font-weight: normal;
} 

/*this is for when a LABEL is within a series of radio buttons - like number of months for next follow-up visit...*/
 label.radioInputLabel {
    color: #727272;
    padding-right: .5em;
    padding-left: .25em;
    display: inline-block;
    font-style: italic;
}

label.InputLabelHidden {
    display: none;

}

/*this is for when an input area is within a series of radio buttons - like the ENTRY (input area) of number of months for next follow-up visit...*/
 input.radioInputArea {
    color: black;
    padding-right: .5em;
    padding-left: .25em;
    display: inline-block;
    margin-right: 1em;
}

input[type="checkbox"] {
    display: inline-block;
    width: 1em;
    height: 1.00em;
    margin-right: 0.15em;
    margin-left: .35em;
    vertical-align: top;  
}

.checkboxLabel 
{
    color: #727272;
    margin-top: 1em;
} 

input[type="checkbox"].checkboxCkbx {
    width: 1em;
    height: 1em;
    float: left;
	margin-top: .50em;
    margin-right: 0.15em;
}


.checkboxInputArea  {
    display: inline-block;
    color: black;
    margin-top: .25em;
}

input[type="checkbox"].checkboxCkbxLittle {
    width: 1em;
    height: 1em;
    float: left;
	margin-top: .25em;
    margin-right: 0.15em;
} 




.checkboxInputLabel {
    /*color: black;
    margin-top: 0em;
    font-style: italic;*/
    display: none;
   
}

.chckboxColumnWithText {
    width: 6.83333%;
    float: left;
    padding-left: 0rem;
    padding-right: 0.9375rem;
}

.chckboxColumnWithTextWider {
    width: 8.83333%;
    float: left;
    padding-left: 0rem;
    padding-right: 0.9375rem;
}



/* Line break before Provider Signature*/
hr { 
  border : 0;
  height: 1.50px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0));
  margin-top: 2.50em;
}

/* checkboxes */
.checkboxNote p
{
       color: #419a93;
       text-align: center;
}

.checkboxNote p1{
       color: #419a93;
       text-align: left;
}


/*Form Tab Control*/

/*Form- Main Border*/
.tabcontrol > .content
{
       border-left: 1px solid #ccc;
       border-top: 1px solid #ccc;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
      
}

/* Main Form Background*/
.tabcontrol > .content
{
    background-color: #ffffff;
}

/*Form Labels*/
/*more spacing on the form between the labels and input areas... */
 label
{
    margin-bottom: 1.0em;
    margin-top: .25em;
    color: #727272;
    font-weight: bold;
    text-align: right;
   }


input
{
	margin-top:.25em;
	margin-bottom: 1.0em;
}

.Notice p
{
 font-weight: bold;	
}

.Notice header
{
 font-weight: bold;
  margin: 1em 0;
  font-size: 1em;	
}

legend {
	padding-bottom: 12px;
    font-size: 1.25em;
    color: #419a93;
    font-weight: bold;	
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style:italic;
  font-size: .75em;

  
}
::-moz-placeholder { /* Firefox 19+ */
 font-style:italic;
 font-size: .75em;
}
:-ms-input-placeholder { /* IE 10+ */
  font-style:italic;
  font-size: .75em;
  color: color #419a93;
}



.button {
	background-color: #419a93;
	 color: #000000;
     height: 2.5em;
}

.button:hover, .button:focus {
    background: #69c0ba;
    color: #000000;
}

.submission {
	padding-top: 18px;
}

.submission > button{
	font-weight: bold;
	width: 10em;
    height: 2.5em;
}


div.custom-file-input {
    width: 157px;
    height: 57px;
    overflow: hidden;
}

div.custom-file-input input {
	background-color: #419a93;
}

.notRequiredField {
	padding-left:1.5em;
}


/* used on C4 checkbox Physical Examination */
.indent {
	padding-left:2.3em;
}


/* C4-AMR referring doctor label*/
.refDoc p{
     font-weight: bold;
     color: #419a93;
}



/* OTPT4 for the Doctor and Report Type & DB470 Claim Type */
.typeOf {
	text-align: center;
}

/* OTPT4 for the Doctor and Report Type Labels & DB470 Claim Type Label */
.typeLabel
{
	font-weight: bold;
	color: black;
	font-size: 1.30em;
}

table caption{
	text-align: left;
}

.benefits label {
       width: 3.30em;
       height: .50em;
       white-space: pre-line;
       display: inline-block;
       text-align: center;
       margin-top: -3em;
}

.paragraphPartA {
    margin-bottom: .5em;
    margin-top: .5em;
    color: #727272;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.0em;
}

.partASentence {
    margin-bottom: 1.0em;
    margin-top: 1.0em;
    color: #727272;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.0em;
}

#PartA hr {
       border : 0;
       height: 1.50px; 
       margin-top: .5em;
       margin-bottom: 1.5em;
       background-image: none;
    background-color: black;
}

#PartA textarea {
       margin-bottom: 1em;
}

#PartB hr {
       border : 0;
       height: 1.50px; 
       margin-top: .5em;
       margin-bottom: 1.5em;
       background-image: none;
    background-color: black;
}

#Certification p1 {
    margin-bottom: 1.0em;
    margin-top: 1.0em;
    color: #000000;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.15em;
    line-height: 2.5em;
}


.row {
	padding-top: 0em;
	padding-bottom: 1.5em;

}





a.mover 	{ 
background: #419a93; 
padding: 6px 12px; 
position: absolute;
color: #000000; 
font-weight: bold; 
text-decoration: none; }

a.mover:visited {
    background-color: #419a93;
    color: #000000;
    text-decoration: none;
}
a.mover:link {
    color: #000000;
    text-decoration: none;
}
a.mover:hover, a.mover:focus{
	background: #69c0ba;
}
.next-tab { 
bottom: 0; 
right: 0; 
-moz-border-radius-topleft: 10px; 
-webkit-border-top-left-radius: 10px; }
.prev-tab { 
bottom: 0; 
left: 0; 
-moz-border-radius-topright: 10px; 
-webkit-border-top-right-radius: 10px; }

.beError {
	color: #ff0000;
}

.beErrorblock {
	color: #000;
	background-color: #ffEEEE;
	border: 3px solid #ff0000;
	padding: 8px;
	margin: 16px;
}



/* C4 Assisted Devices checkboxes  */
.checkbox-list li {
    display: block;
    width: 20%;
    float: left;
}  

.boxed {
  border: 1px solid black ;
  padding: .5em; 
  margin-top: 1.25em;
  width: 100%;
}

.generalText {
    margin-bottom: 1.0em;
    margin-top: .25em;
    color: #727272;
    font-weight: bold;
    text-align: right;
}

.examples {
	color:black;
	font-size: .85em;
	font-style: italic;
	padding-left:1.75em;
	padding-bottom: 1em;
}

.examples label {
	color:black;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
}


.labelcontd {
    margin-bottom: 1.0em;
    margin-top: .25em;
    color: #727272;
    font-weight: bold;
    text-align: left;
}


/* DB-470 Benefit Paid Table */
.benefitPay{
	table-layout: fixed;
  width: 100%;
}

.benefitPay td input{
	width: 100%; 
    padding:10px; 
}

.benefitPay th{
text-align: center;
}

/* VDF-1 Tables */
.trainings
{
  table-layout: fixed;
  width: 100%;
}

.trainings label
{
    text-align: center;
    color: black;
}

.trainings th{
	text-align: center;
}

.trainings td input { 
    width: 100%; 
    padding:10px; 
}

.trainings caption { 
    color: #727272;
}

.jobs
{
  table-layout: fixed;
  width: 100%;
}

.jobs label
{
    text-align: center;
    color: black;
}

.jobs th{
	text-align: center;
}

.jobs td input { 
    width: 100%; 
    padding:10px; 
}

.jobs caption { 
    color: #727272;
}

.checkboxListHeading {
    font-size: 110%;
    color: #419a93;
    font-weight: bold;
}

.signNote p{
	 font-style: italic;
	  color: #727272;
    margin-top: 1em;
    
   
}

.signLegend{
    width: 100%;
	border: solid;
	border-width: 1px;
	font-size: .80em;
	padding-bottom: 1px;
    color: black;
    font-weight: normal;
    padding:1em;
    text-align: center;	
	}

.endNote{
color: #727272;
font-size: 1em;
font-weight: bold;
    
}

label[for="newInfoDesc"] {
    display: none;
}

label[for="otherReasonDesc"] {
    display: none;
}

label[for="carrierContestReopenDesc"] {
    display: none;
}

#listAttachedFiles h3 {
    color: #419a93;
}

/*C-240 Tables */
.sClass th{
	text-align: center;
}

.wklypay th{
	text-align: center;
}


/* Online Registration.... */
.typeOfRegistration input[type="radio"] {
	margin-left: 1.5em;
    color: #727272;
    font-weight: bold;
    text-align: right;

}

.getPDF{
	clear:both;

	display: block;
	text-align:left;
}

.submitEclaimsDataText {
	font-weight: bold;
    color: black;
    font-size: 1.15em;
}

#submitEclaimsData input[type="checkbox"]{
	margin-left: 1.5em;
}

.legendLabel{
    margin-bottom: 0.0em;
    color: #727272;
    font-weight: bold;
    padding-top: 0em;
    font-size: 1.15em;
    
}

/* C-4.3 changes*/

.checkboxLabelC43{
float: right;
    margin-right: 85px;
}


 .containerBox {
 display: inline-flex;


}
/* C-4.3 info box*/
.itemA{
	width: 500px;
    height: 120px;
    border: 1px solid black;
    box-sizing: border-box;
 	margin-left: 50px;
 	margin-top: -20px;
 	font-size: 12px;
 	 	margin-left: auto;
margin-right: auto;
}

.totalAmount{
	float:right;
	
}
/*  */
input[type="checkbox"].checkboxAlign{ 
	display: inline-block;
    width: 1em;
    height: 1.00em;
    margin-right: 0.15em;
    margin-left: .35em;
    vertical-align: top;
} 


.indentMore{
       padding-left: 10em;
       
}

.infoAdded{
       
       color: #727272;
}


.contactbutton {
    font-size: 0.75rem;
}

.submitFormEclaims {
    font-size: large;
    font-family: sans-serif;
    padding: .50em;
}

/* foundation library is no longer imported, had to come up with a new way to display the form header... */
.grid-headercontainer {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
    padding: 5px;
}

.grid-headercontainer > div {
    font-weight: bold;
    font-size: 1.25em;
}

.grid-leftheadertext {
    grid-column-start: 1;
    grid-column-end: 3;
    text-align: left;
}

.grid-rightheadertext {
    text-align: right;
}