#body { position: relative; }
nav { margin-bottom:12px; }
#drawer { position: absolute; right: 0; top: 0px; }
#drawer .alert { margin: 8px 0 0 0 }

.btn-default {
    --bs-btn-color: #5e003e;
    --bs-btn-border-color: #5e003e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5e003e;
    --bs-btn-hover-border-color: #5e003e;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5e003e;
    --bs-btn-active-border-color: #5e003e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #5e003e;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #5e003e;
    --bs-gradient: none;
}

.btn-group-xs>.btn, .btn-xs
 {
	--bs-btn-line-height: 1;
	--bs-btn-padding-y: 2px;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

/* checkbox http://dimox.name/custom-checkboxes-and-radio-buttons-using-css-only/ */

.checkbox {
	vertical-align: top;
	width: 13px;
	height: 13px;
	margin: 0 3px 0 0;
}
.checkbox + label {
	cursor: pointer;
	vertical-align:middle;
	display:flex;
	align-items:center;
	margin-bottom:0;
	position:relative;
	line-height: 32px;
}
.checkbox:not(checked) {
	position: absolute;
	opacity: 0;
}
.checkbox:not(checked) + label {
	padding: 0 0 0 53px;
}
.checkbox:not(checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	width: 48px;
	height: 20px;
	border-radius: 13px;
	background: #CDD1DA;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
.checkbox:not(checked) + label:after {
	content: '';
	position: absolute;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 9px;
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	transition: all .2s;
}
.checkbox:checked + label:before {
	background: #9FD468;
}
.checkbox:checked + label:after {
	left: 29px;
}
.checkbox:focus + label:before {
	box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}