/* Encorp Pacific (Canada) Return-It 101 School Forms Sub CSS */
/* Last Updated: 2022.07.28 ET */

@import url('encp_ris.css');

select[name="BinRequest"] {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

h2 {
	max-width: 100%;
}

p,
h3 {
	text-align: center;
	max-width: 40em;
	margin: 1em auto;
}

div.info p:not(.intro) {
	text-align: left;
	max-width: calc(90vw - 2em);
}

div.info p.intro + p {
	margin-top: 2em;
}

div.info + div.notice {
	margin-top: 2em;
}

p.searchbox + p {
	margin-top: 3em;
}

p.tickfield {
	max-width: 34em;
	text-align: left;
	text-indent: -1.8em;
	padding-left: 1.8em;
	margin-left: auto;
	margin-right: auto;
}

p.commandbar {
	max-width: 100%;
	margin-top: 2em;
}

p.helpinfo {
	margin-top: 2em;
}

p.helpinfo a {
	display: block;
}

div.instructions * { text-align: left !important; }

div.instructions ul > li {
	margin-bottom: 0.5em;
}

ul.alert {
	position: relative;
	max-width: 30em;
	margin: 1em auto;
	left: 50%;
	transform: translate(-50%, 0);
}

form.regform table {
	margin-left: auto;
	margin-right: auto;
}

span.radioset {
	display: inline-block;
	white-space: nowrap;
	margin: 0 0.5em 0.5em 0;
}

table tr.required th::after {
	content: '*';
	position: absolute;
	color: rgb(220,70,70);
	font-weight: bold;
	margin-left: 0.2em;
}

table.regresults {
	min-width: 35.5em;
	border: 1px solid rgb(221,221,221);
	border-spacing: 0;
	border-radius: 4px;
	margin: 2em auto;
}

table.regresults th {
	color: rgb(34,67,156);
	font-weight: bold;
	letter-spacing: 0.08em;
	text-align: left;
	text-transform: uppercase;
	vertical-align: top;
	padding: 1.3em 1.5em;
}

table.regresults td {
	text-align: left;
	vertical-align: middle;
	padding: 1.3em 1.5em;
	border-top: 1px solid rgb(221,221,221);
}

table.regresults th.code,
table.regresults th.status,
table.regresults td.code,
table.regresults td.status {
	text-align: center;
}

table.regresults td.school {
	min-width: 16em;
}

table.regresults td small {
	display: block;
}

table.regresults .nextbutton {
	font-size: 0.8em;
}

table.regdetails {
	min-width: 35.5em;
	border-spacing: 0;
	margin: 1em auto 3em;
}

table.regdetails.info {
	border-top: 1px solid rgb(221,221,221);
	border-bottom: 1px solid rgb(221,221,221);
}

table.regdetails th,
table.regdetails td {
	text-align: left;
	vertical-align: top;
	padding: 0.5em 1em;
}

table.regdetails th {
	text-align: right;
}

table.regdetails.fields th {
	vertical-align: middle;
}

table.regdetails.fields tr.tallfield th,
table.regdetails.fields tr.tallfield td {
	vertical-align: top;
	padding-top: 1em;
}

table.regdetails.fields td input[type="text"],
table.regdetails.fields td input[type="email"] {
	width: 20em;
}

table.regdetails td p.note {
	max-width: 20em;
	text-align: left;
	margin: 1em auto 1em 0;
}

table.regdetails tr:first-child th {
	padding-top: 1.2em;
}

table.regdetails tr:last-child td {
	padding-bottom: 1.2em;
}

@media (min-width: 701px) {

	table.regdetails tr:first-child td {
		padding-top: 1.2em;
	}

	table.regdetails tr:last-child td {
		padding-bottom: 1.2em;
	}

}

@media (max-width: 700px) {

	input[type="text"],
	input[type="email"],
	textarea {
		display: block;
		min-width: 0;
		width: 100% !important;
		margin: 0.5em 0;
	}

	::-webkit-input-placeholder { font-size: 0.6em; }
	::-moz-placeholder { font-size: 0.6em; }
	:-ms-input-placeholder { font-size: 0.6em; }
	:-moz-input-placeholder { font-size: 0.6em; }

	table.regresults {
		min-width: 0;
	}

	table.regresults th,
	table.regresults td {
		padding: 1.3em 0.5em;
	}

	table.regresults td.school {
		min-width: 0;
	}

	table.regresults button.nextbutton {
		width: 1em;
		height: 2.6em;
		padding: 0.5em 1.5em;
	}

	table.regresults .nextbutton::after {
		right: 1.2em;
	}

	table.regdetails {
		min-width: 0;
	}

	table.regdetails tr {
		display: block;
	}

	table.regdetails th,
	table.regdetails td {
		display: block;
		min-width: 0;
		max-width: 100%;
		width: 100% !important;
		text-align: left;
		vertical-align: top;
		padding-left: 0;
		padding-right: 0;
	}

	table.regdetails th {
		padding-bottom: 0;
	}

	table.regdetails.fields td input[type="text"],
	table.regdetails.fields td input[type="email"] {
		width: 15em;
		margin: 0;
	}

	span.radioset {
		display: block;
	}

	.nextbutton,
	.backbutton {
		font-size: 1em;
	}

}

#corryesno,
#corrinstruction {
	display: none;
}