/*
* This file is cached by the browser, so a version change is required when contents are changed.
* It can be versioned independently of the project version, but should follow semver standards.
*/
body {
	font-family: "-apple-system-font", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	background-color: #f2f2f2;
}

.magfaces-card-header-text {
	font-weight: bold;
}

.magfaces-form-label {
	font-weight: bold;
}

pre {
	display: block;
	padding: .5em;
	margin: 0 0 .5em;
	font-size: 1.0em;
	color: #333333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #eaeaea !important;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: monospace;
}

.btn-check:checked + .btn-secondary {
	color: #fff;
	background-color: #424242;
	border-color: #c37402;
}

.magfaces-selectOneButton-form-control {
	padding: 0;
	border: none;
}

.magfaces-selectOneRadio-form-control .magfaces-invalid-feedback {
	margin-left: -24px;
}

.magfaces-table-rich {
	/*
	This is intentional. Hide the datatable until Javascript has a chance to execute it's slow ass self, to avoid a "UI flash" on page load. 
	*/
	display: none;
}

.magfaces-alert-last {
	margin-bottom: 0;
}

.magfaces-form-switch .magfaces-form-check-input {
	transform: scale(1.6);
	margin-left: -31px;
	margin-top: 9px;
}

.magfaces-form-switch .magfaces-form-label {
	margin-left: 17px;
	margin-top: 5px;
}