:root {
	--font-size: 1.2rem;
}

#certification-search {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-content: center;
	gap: 30px;
}

#searchLabel {
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-content: center;*/
	text-align: center;
	padding: 0 !important;
}

#searchLabel.ce {
	color: var(--ce-primary);
}

#searchLabel.ica {
	color: var(--ica-secondary);
}

#searchLabel.dcc {
	color: #532a45;
}

#searchLabel.icb {
	color: var(--ica-secondary);
}

#searchLabel.iot {
	color: var(--iot-primary);
}

#searchLabel.maritime {
	color: var(--maritime-primary);
}

#searchDescription {
	/*display: flex;*/
	/*flex-flow: column wrap;*/
	/*justify-content: center;*/
	/*align-content: center;*/
	/*color: var(--font-color);*/
	/*padding-bottom: 10px;*/
	text-align: center;
	width: 100% !important;
	padding: 0 !important;
}

th.companyName.dt-orderable-asc.dt-orderable-desc {
	width: 30%;
}

#inputArea {
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	justify-content: center;
	margin: 0 auto;
	border: 2px solid;
	min-width: fit-content;
	width: 50%;
	border-radius: 25px;
}

#inputArea.ce {
	border-color: var(--ce-primary);
}

#inputArea.dcc {
	border-color: #532a45;
}

#inputArea.ica {
	border-color: var(--ica-primary);
}

#inputArea.icb {
	border-color: var(--icb-primary);
}

#inputArea.iot {
	border-color: var(--iot-primary);
}

#inputArea.maritime {
	border-color: var(--maritime-primary);
}

#cert-search-input {
	display: flex;
	justify-content: center;
	flex-grow: 1;
	text-align: center;
	font-size: var(--font-size);
	font-weight: bold;
	border: none;
	border-radius: 30px;
}

#cert-search-input.ce {
	color: var(--ce-primary);
}

#cert-search-input.dcc {
	color: #532a45;
}

#cert-search-input.ica,
#cert-search-input.icb {
	color: var(--ica-secondary);
}

#cert-search-input.iot {
	color: var(--iot-primary);
}

#cert-search-input.maritime {
	color: var(--maritime-primary);
}

#cert-search-input.ce::placeholder {
	color: var(--ce-primary);
	opacity: 0.8;
}

#cert-search-input.ica::placeholder,
#cert-search-input.icb::placeholder {
	color: var(--ica-secondary);
	opacity: 0.8;
}


#cert-search-input.dcc::placeholder {
	color: #532a45;
	opacity: 0.8;
}

#cert-search-input.iot::placeholder {
	color: var(--iot-primary);
	opacity: 0.8;
}

#cert-search-input.maritime::placeholder {
	color: var(--maritime-primary);
}

#cert-search-submit {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid;
	border-radius: 25px 20px 20px 25px;
	margin: 0;
	font-weight: bold;
	width: 150px;
	height: 40px;
	font-size: var(--font-size);
}

#cert-search-submit:hover {
	cursor: pointer;
}

#cert-search-submit.ce {
	border-color: var(--ce-primary);
	background-color: var(--ce-primary);
	color: white;
}

#cert-search-submit.dcc {
	border-color: #532a45;
	background-color: #532a45;
	color: white;
}

#cert-search-submit.ica {
	border-color: var(--ica-primary);
	background-color: var(--ica-primary);
	color: var(--ica-secondary);
}

#cert-search-submit.icb {
	border-color: var(--icb-primary);
	background-color: var(--icb-primary);
	color: white;
}

#cert-search-submit.iot {
	border-color: var(--iot-primary);
	background-color: var(--iot-primary);
	color: white;
}

#cert-search-submit.maritime {
	border-color: var(--maritime-primary);
	background-color: var(--maritime-primary);
	color: white;
}

#cert-search-text {
	color: var(--font-color);
}

.hidden {
	display: none !important;
}

.no_cert_results {
	font-weight: bold;
}

#cert_search_results_table > tbody > tr > td > a {
	font-weight: bold;
}

#cert_search_results_table > tbody > tr > td > a:hover {
	text-decoration: underline;
}

@media all and (max-width: 650px) {
	thead {
		display: none;
	}
	tr {
		display: flex;
		flex-flow: column;
		text-align: center;
	}
	td.companyName {
		background:#DBDBDB;
		color:#444444;
		font-size:large;
	}
	td.certificateLevel::before {
		content: "Certification: ";
		font-weight: 700;
	}
	td.certificationDate::before {
		content: "Date of Certification: ";
		font-weight: 800;
	}
	td.certificationExpiryDate::before {
		content: "Certification Expiry: ";
		font-weight: 700;
	}
}


@media all and (max-width: 427px) {
	#inputArea {
		border: none;
	}

	#cert-search-input {
		border: 2px solid;
		margin-bottom: 10px;
	}
}

#cf-turnstile {
	display: flex;
	justify-content: center;
}