/**
 * NDIS gateway checkout fields. Legacy inline styles, scoped to the
 * gateway's own container so nothing leaks into the rest of checkout.
 */

.ndis-gateway-description {
	display: block;
	margin: 1em 0;
}

.ndis-sub-title {
	display: block;
	font-size: 1.17em;
	margin: 1em 0;
	font-weight: bold;
	color: #000 !important;
}

.ndis-container {
	background-color: #f2f2f2;
	padding: 5px 20px 15px 20px;
	border: 1px solid lightgrey;
	border-radius: 3px;
	box-sizing: border-box;
}

.ndis-container * {
	box-sizing: border-box;
}

.ndis-column {
	float: left;
	width: 50%;
	padding: 10px;
}

.ndis-column--full {
	width: 100%;
}

.ndis-column--spacer {
	min-height: 75px;
}

.ndis-row::after {
	content: "";
	display: table;
	clear: both;
}

.ndis-row .checkbox {
	padding-left: 20px;
}

.ndis-container input[type="text"],
.ndis-container input[type="tel"],
.ndis-container input[type="number"],
.ndis-container input[type="date"],
.ndis-container input[type="email"],
.ndis-container textarea,
.ndis-container select {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.ndis-container input[type="number"] {
	padding: 14px;
}

.ndis-container input[type="date"] {
	padding: 13px;
}

#ndis_payment_method_field .radio,
#ndis_support_category_field .radio,
#ndis_service_agreement_field .radio {
	display: inline-block;
	margin: 0 0.8em 0 0.4em;
}

/* Hidden until the matching option is chosen; toggled by ndis-fields.js. */
#plan_managed_content,
#plan_managed_content_other,
#category_other_content,
#carer-details-div {
	display: none;
}

@media (max-width: 800px) {
	.ndis-column {
		width: 100%;
	}
}