/* CSS items that are Moxie specific */
	.FixedWidthMText {
		font-family: Consolas, Courier New, Courier, monospace, sans-serif;
	}
	
	#grouptotal {
		font-weight: bold;	
	}
	
	.PageBreak {
		color: transparent;
	}
	
	.RspVideo {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 60px;
		overflow: hidden;
	}
	
	.RspVideo iframe, .RspVideo object, .RspVideo embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* Short classes for common margins and padding */
	.mbMB15 		{margin-bottom: 15px;}
	.mbMB20 		{margin-bottom: 20px;}
	.mbMB25 		{margin-bottom: 25px;}
	.mbMB30 		{margin-bottom: 30px;}
	.mbMB45 		{margin-bottom: 45px;}
	.mbMT-10MB20	{margin: -10px 0 20px 0;}
	.mbMR10MB10		{margin: 0px 10px 10px 0px;}
	.mbMT10MB10		{margin: 10px 0 10px 0;}
	.mbPTB1RL10		{padding: 1px 10px;}
	.mbMWH100 		{max-width: 100px; max-height: 100px;}
	
	.mbBNo			{border: none;}
	.mbDIn			{display: inline;}
	.mbH20W250		{height: 20px; width: 250px;}
	.mbLSNo			{list-style-type: none;}
	.mbML1MR1		{margin-left: 1px; margin-right: 1px;}
	.mbTAR			{text-align: right;}
	.mbW100pH400	{width: 100%; height: 400px;}

/* Page-Break-After */
	.mbPageAfter	{page-break-after: always;}

/* Fix for Bootstrap Tabs with badges wrapping issue: change 3px to 2px */
	.badge {
		padding: 2px 7px;
	}

/* Fix for DataTables.net Search Filter Position with Tools Turned on (div.dt-search = DataTables 2+, div.dataTables_filter = 1.x) */
	div.dataTables_filter, div.dt-search {
		margin-top: 9px;
	}

/* vanillajs-datepicker (bootstrap-v5 templates) in DARK mode. Upstream's datepicker-bs5.css is light-only: it paints the
   picker #fff / #f8f9fa but leaves day text to inherit the body colour, which Bootstrap's dark theme makes light grey -
   so current-month days were light-on-white. These rules apply only under data-bs-theme="dark" and use Bootstrap 5.3's
   own theme variables; light mode is untouched. */
	[data-bs-theme="dark"] .datepicker-picker {background-color: var(--bs-body-bg); color: var(--bs-body-color);}
	[data-bs-theme="dark"] .datepicker-dropdown .datepicker-picker {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); border: 1px solid var(--bs-border-color);}
	[data-bs-theme="dark"] .datepicker-title,
	[data-bs-theme="dark"] .datepicker-footer {background-color: var(--bs-tertiary-bg);}
	[data-bs-theme="dark"] .datepicker-controls .btn {border-color: var(--bs-tertiary-bg); background-color: var(--bs-body-bg); color: var(--bs-body-color);}
	[data-bs-theme="dark"] .datepicker-header .datepicker-controls .btn {border-color: transparent;}
	[data-bs-theme="dark"] .datepicker-controls .btn:hover,
	[data-bs-theme="dark"] .datepicker-controls .btn:focus,
	[data-bs-theme="dark"] .datepicker-controls .btn:not(:disabled):active {border-color: var(--bs-border-color); background-color: var(--bs-secondary-bg); color: var(--bs-emphasis-color);}
	[data-bs-theme="dark"] .datepicker-controls .btn:disabled {border-color: var(--bs-tertiary-bg); background-color: var(--bs-tertiary-bg); color: var(--bs-secondary-color);}
	[data-bs-theme="dark"] .datepicker .week {color: var(--bs-tertiary-color);}
	[data-bs-theme="dark"] .datepicker-cell:not(.disabled):hover {background-color: var(--bs-tertiary-bg);}
	[data-bs-theme="dark"] .datepicker-cell.focused:not(.selected) {background-color: var(--bs-secondary-bg);}
	[data-bs-theme="dark"] .datepicker-cell.disabled {color: var(--bs-tertiary-color);}
	[data-bs-theme="dark"] .datepicker-cell.prev:not(.disabled),
	[data-bs-theme="dark"] .datepicker-cell.next:not(.disabled) {color: var(--bs-secondary-color);}
	[data-bs-theme="dark"] .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {background-color: var(--bs-tertiary-bg);}
	[data-bs-theme="dark"] .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover,
	[data-bs-theme="dark"] .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {background-color: var(--bs-secondary-bg);}
	[data-bs-theme="dark"] .datepicker-cell.range {background-color: var(--bs-secondary-bg);}
	[data-bs-theme="dark"] .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover,
	[data-bs-theme="dark"] .datepicker-cell.range.focused {background-color: var(--bs-tertiary-bg);}
	[data-bs-theme="dark"] .datepicker-cell.range.disabled {color: var(--bs-tertiary-color);}

/* Admin record button bar (Record Actions / Reports, Copy, Delete...): Default.dll wraps it in .mbRecBtns, a flex row that
   wraps; keep each label on one line so a crowded bar flows onto more rows instead of squeezing every button. */
	.mbRecBtns .btn {white-space: nowrap;}