body {
	font-family: "-apple-system-font", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	background-color: #2e3440;
}

.magfaces-row {
	word-break: break-word;
}

.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-selectOneButtons {
	padding: 0;
	border: none;
}

.magfaces-selectOneButtons>.magfaces-btn-label {
	margin-top: .25em;
}

.magfaces-selectOneRadio .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 {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

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

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

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

html.magfaces-progress,
html.magfaces-progress * {
	cursor: progress !important;
	pointer-events: none !important;
}

.magfaces-loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 2000;
	display: none;
}

.magfaces-loading {
	text-align: center;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.magfaces-form-control-link {
	background-color: #e9ecef;
}

.magfaces-form-control-link-disabled {
	background-color: #d8dee9;
	opacity: 1;
}

.magfaces-width-full {
	width: 100%;
}

.magfaces-width-half {
	width: 50%;
}

.magfaces-width-contain {
	width: fit-content;
}

.magfaces-justify-center {
	justify-content: center;
}

.magfaces-justify-right {
	justify-content: flex-end;
}

.magfaces-justify-left {
	justify-content: flex-start;
}

.magfaces-justify-evenly {
	justify-content: space-evenly;
}

.magfaces-justify-around {
	justify-content: space-around;
}

.magfaces-justify-between {
	justify-content: space-between;
}

.magfaces.toast {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.magfaces.toast.info {
	color: #627254;
	background: #edf2e8;
	;
}

.magfaces.toast.warn {
	color: #7a705e;
	background: #fbf5e8;
}

.magfaces.toast.error {
	color: #733a40;
	background: #f2dfe1;
}

.magfaces thead th {
    word-break: keep-all;
    white-space: nowrap;
}

.magfaces tbody tr td:first-child {
    word-break: initial;
}

.magfaces tbody tr {
    word-break: break-word;
}

.magfaces input::placeholder {
	opacity: .5;
}

input.magfaces.btn {
	white-space: normal;
}

.magfaces.modal {
  color: var(--bs-card-color);
}