@media screen {
body, td, input[type=text], textarea, select {
	font-family:Verdana, Arial, sans-serif !important;
	font-size:1rem !important;
	line-height:1.5 !important;
}
	.inputcontainer::after {
	left:-8px !important;
	font-size: 1rem !important;
}
	.renderPopUpSpan {
    font-size: 1em !important;
}
}
h2 {
	margin:0 0 1rem 0;
}
input {
	background-color:#fff;
	border:1px solid rgb(207,212,216); 
	padding:7px;
	box-sizing: border-box;
}
input[type=text]{
	height:42px;
	margin-bottom:.75rem;
}

input[type="radio-backup"] {
  /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
  /* For iOS < 15 to remove gradient background */
    background-color: #fff;
  /* Not removed via appearance */
	display: grid;
  	grid-template-columns: 1em auto;
  	gap: 0.5em;
}
li {
	margin-bottom:.75rem;
}

textarea {
	background-color: #fff;
	border:solid 1px rgb(207,212,216);
}
select {
	/*height: 3em;*/
	height:42px;
	border:solid 1px rgb(207,212,216);
}


table {
	margin-top:2rem;
	border-collapse:collapse;
}

table.borders {
	border-collapse:collapse;
}
table.no-borders {
	border-style:hidden;
}
table.lightGray {
	background-color:#e7e7e7;
}

table.borders td {
	border:solid 1px black;
	padding:3px 5px;
}
table.margin-left {
	margin-left:150px;
	margin-top:0;
	padding:0 50px;
	border:solid 1px black;
}
.no-margin {
	margin:0;
}

.grayTable {
	background-color:#f2f2f2;
}

#FormPage {
	/* this was commented but Gary Penrod complained about too much top margin. */
	margin:0 auto;
}

/*
.inputcontainer>div[role="radiogroup"]>div {
	display:inline-block;
}
*/

.hidden {
	display:none;
	position:absolute;
}


.allCaps {
	text-transform: uppercase;
}
.inputcontainer::before {
	/* moves the "required" asterisk a bit more to the left. */
    position: absolute;
    color: #b30000;
    left: -8px;
    top: 0;
    font-size: 10pt;
}
.indentedFormField {
	margin-left:40px;
}
div[role="radiogroup"] {
	margin-bottom:1rem;
}
.inputcontainer {
	margin-bottom: 1rem;
}
.select2-selection.select2-selection--single {
	height:45px;
	padding:7px;
	border: solid 1px rgb(207, 212, 216);
}
.tooltipButton, span[role="tooltip"] {
	/* did this for EPC-1 form 30-character max input */
	display:none;
}
}