/* NBU Online Exam Form — public styles */

/* Form & controls ---------------------------------------------------- */

.numef-form {
	max-width: 560px;
	margin: 1em 0 2em;
}
.numef-form p { margin: 0 0 1em; }
.numef-form label { font-weight: 600; display: block; }
.numef-form input[type="text"],
.numef-form input[type="date"],
.numef-form select {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	border: 1px solid #8c8f94;
	border-radius: 4px;
	margin-top: 4px;
	font-weight: 400;
}
.numef-btn {
	display: inline-block;
	background: #16305c;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px 24px;
	font-size: 15px;
	cursor: pointer;
	text-decoration: none;
}
.numef-btn:hover,
.numef-btn:focus { background: #274f7a; color: #fff; }

/* Notices ------------------------------------------------------------- */

.numef-notice {
	border-radius: 3px;
	padding: 12px 16px;
	margin: 0 0 1em;
}
.numef-notice-error { border-left: 4px solid #8a1f11; background: #fcf0f1; }
.numef-notice-warn { border-left: 4px solid #996800; background: #fcf9e8; }
.numef-notice-success { border-left: 4px solid #007017; background: #edfaef; }

/* Panel (selection + status) ------------------------------------------ */

.numef-panel {
	max-width: 720px;
	background: #fff;
	border: 1px solid #d5dde5;
	border-radius: 6px;
	padding: 22px 26px;
	margin: 1em 0 2em;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.numef-panel h3 { margin-top: 0; color: #16305c; }
.numef-panel h4 {
	margin: 18px 0 6px;
	color: #16305c;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
}
.numef-meta { color: #50575e; margin: 2px 0 10px; }

.numef-paper-list {
	margin: 4px 0 8px;
	padding-left: 20px;
}
.numef-paper-list li { margin-bottom: 4px; }

.numef-choices label {
	display: block;
	font-weight: 400;
	margin: 5px 0;
}
.numef-choices input { margin-right: 8px; }

.numef-amount {
	font-size: 16px;
	background: #f4f7fa;
	border: 1px dashed #b7c4d0;
	border-radius: 4px;
	padding: 10px 14px;
}
.numef-declaration label {
	font-weight: 400;
	font-size: 13.5px;
	color: #3c434a;
	display: block;
}
.numef-declaration input { margin-right: 8px; }

/* Status table --------------------------------------------------------- */

.numef-status-table {
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 6px;
}
.numef-status-table th,
.numef-status-table td {
	border: 1px solid #d5dde5;
	padding: 8px 12px;
	text-align: left;
	font-size: 14px;
}
.numef-status-table th { background: #f4f7fa; width: 30%; white-space: nowrap; }
.numef-status-approved { color: #007017; letter-spacing: 1px; }
.numef-status-rejected { color: #8a1f11; letter-spacing: 1px; }

.numef-payinfo {
	border-left: 4px solid #16305c;
	background: #f4f7fa;
	border-radius: 3px;
	padding: 10px 16px;
	margin-top: 14px;
}
.numef-payinfo h4 { margin: 0 0 4px; }
.numef-payinfo p { margin: 0; }

/* Attendance sheet ------------------------------------------------------ */

.numef-attendance {
	max-width: 900px;
	margin: 0 auto;
}
.numef-attendance h2 {
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #16305c;
}
.numef-attendance h3 {
	margin: 4px 0 10px;
	text-align: center;
	letter-spacing: 4px;
	color: #16305c;
}
.numef-attendance > p { text-align: center; margin: 0 0 14px; }

.numef-att-table {
	width: 100%;
	border-collapse: collapse;
}
.numef-att-table th,
.numef-att-table td {
	border: 1px solid #444;
	padding: 6px 10px;
	font-size: 13.5px;
	text-align: left;
	height: 26px;
}
.numef-att-table thead th {
	background: #16305c;
	color: #fff;
	text-align: center;
}
.numef-att-table tbody td { height: 30px; }

.numef-att-foot {
	display: flex;
	justify-content: space-between;
	margin-top: 26px;
	font-size: 13.5px;
}

/* Print ------------------------------------------------------------------ */

@media print {
	.numef-no-print,
	header, footer, nav, aside, #wpadminbar { display: none !important; }
	body { background: #fff !important; }
	.numef-panel { box-shadow: none; border: none; max-width: 100%; }
	.numef-att-table thead th {
		background: #16305c !important;
		color: #fff !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}

/* ===================== Responsive additions ===================== */
@media (max-width: 782px) {
	.numef-form, .numef-panel { max-width: 100%; box-sizing: border-box; }
	.numef-panel table { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	.numef-form input, .numef-form select, .numef-form textarea { width: 100%; box-sizing: border-box; }
	.numef-btn { width: 100%; box-sizing: border-box; text-align: center; }
}