/* pzplUI 2.2 */

:root {
	scroll-behavior: smooth;
	--bg-color: white;
	--bg-text: black;
	--button-text: white;
	--box-shadow-1: 0 2px 3px rgba(50, 50, 50, 0.2);
	--box-shadow-2: 0 3px 4px rgba(40, 40, 40, 0.4);
	--black: black;
	--black-hover: #212121;
	--black-light: #4d4d4d;
	--black-alert-a: #e6e6e6;
	--white: white;
	--blue-light: #b6d9fe;
	--blue: #0270e6;
	--blue-hover: #0068d7;
	--blue-alert-text: #0257b3;
	--blue-alert-a: #003166;
	--green-light: #a7e1aa;
	--green: #308c34;
	--green-hover: #338337;
	--green-alert-text: #236626;
	--green-alerta-a: #091a0a;
	--red-light: #ecaeb4;
	--red: #d03141;
	--red-hover: #c03240;
	--red-alert-text: #a82633;
	--red-alert-a: #55131a;
	--orange-light: #fcce94;
	--orange: #f08a07;
	--orange-hover: #df8106;
	--orange-alert-text: #995700;
	--orange-alert-a: #5b3503;
	--info-blue-light: #77dde6;
	--info-blue: #1e9aa6;
	--info-blue-hover: rgb(3, 129, 143);
	--info-blue-alert-text: #16727b;
	--info-blue-alert-a: #072224;
	--secondary: #64748B;
	--secondary-hover: #4B5563;
	--text-muted: #7d868e;
	--animation-speed: 1.5s;
	--animation-transform: 300px;
	--mp-spacing: 2rem;
	--card-border-color: rgba(12, 12, 12, 0.125);
	--card-header-bgcolor: rgba(0, 0, 0, .03);
	--modal-footer: #dee2e6;
	--mark-color: #fff4b8;
	--form1: #e9ecef;
	--form2: #ced4da;
	--form-shadow: 0 0 0 0.25rem rgba(0, 102, 255, 0.438);
	--jumbotron-bg: #e9ecef;
	--font-stack: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, "Helvetica Now Text", "Helvetica Neue", "Helvetica", Cantarell, Oxygen, Arial, Tahoma, Geneva, Verdana, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

body {
	background-color: var(--bg-color);
	color: var(--bg-text);
	line-height: 1.5;
	font-family: var(--font-stack)
}

a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent
}

[hidden] {
	display: none !important
}

code, kbd {
	font-family: "Ubuntu Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

kbd {
	padding: 0.2rem 0.3rem;
	color: white;
	background-color: #1d1e20;
	border-radius: 0.25rem
}

hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #ffffff
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.2
}

.h1, h1 {
	font-size: 2.5rem
}

.h2, h2 {
	font-size: 2rem
}

.h3, h3 {
	font-size: 1.75rem
}

.h4, h4 {
	font-size: 1.5rem
}

.h5, h5 {
	font-size: 1.25rem
}

.h6, h6 {
	font-size: 1rem
}

.d1 {
	font-size: 5rem
}

.d2 {
	font-size: 4.5rem
}

.d3 {
	font-size: 4rem
}

.d4 {
	font-size: 3.5rem
}

.d5 {
	font-size: 3rem
}

.d6 {
	font-size: 2.75rem
}

.text-light {
	font-weight: 400
}

mark {
	padding: 0.2em;
	background-color: var(--mark-color)
}

.bg-success {
	background-color: var(--green) !important
}

.bg-info {
	background-color: var(--info-blue) !important
}

.bg-danger {
	background-color: var(--orange) !important
}

.bg-error {
	background-color: var(--red) !important
}

.bg-normal {
	background-color: var(--blue) !important
}

.bg-dark {
	background-color: var(--black) !important
}

.bg-secondary {
	background-color: var(--secondary) !important
}

.text-normal {
	color: var(--blue) !important
}

.text-success {
	color: var(--green) !important
}

.text-error {
	color: var(--red) !important
}

.text-danger {
	color: var(--orange) !important
}

.text-dark {
	color: var(--black) !important
}

.text-info {
	color: var(--info-blue) !important
}

.text-white {
	color: var(--white) !important
}

.text-muted {
	color: var(--text-muted) !important
}

.text-secondary {
	color: var(--secondary) !important
}

.border {
	border: 1px solid var(--modal-footer) !important
}

.border-normal {
	border-color: var(--blue) !important
}

.border-success {
	border-color: var(--green) !important
}

.border-error {
	border-color: var(--red) !important
}

.border-danger {
	border-color: var(--orange) !important
}

.border-info {
	border-color: var(--info-blue) !important
}

.border-secondary {
	border-color: var(--secondary) !important
}

.flexbox {
	display: flex;
	flex-wrap: wrap
}

.column {
	display: block;
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0.75rem
}

.flex-10, .flex-15, .flex-20, .flex-25, .flex-30, .flex-35, .flex-40, .flex-45, .flex-5, .flex-50, .flex-55, .flex-60, .flex-65, .flex-70, .flex-75, .flex-80, .flex-85, .flex-90, .flex-95 {
	flex: none
}

.flex-100 {
	width: 100%
}

.flex-95 {
	width: 95%
}

.flex-90 {
	width: 90%
}

.flex-85 {
	width: 85%
}

.flex-80 {
	width: 80%
}

.flex-75 {
	width: 75%
}

.flex-70 {
	width: 70%
}

.flex-65 {
	width: 65%
}

.flex-60 {
	width: 60%
}

.flex-55 {
	width: 55%
}

.flex-50 {
	width: 50%
}

.flex-45 {
	width: 45%
}

.flex-40 {
	width: 40%
}

.flex-35 {
	width: 35%
}

.flex-30 {
	width: 30%
}

.flex-25 {
	width: 25%
}

.flex-20 {
	width: 20%
}

.flex-15 {
	width: 15%
}

.flex-10 {
	width: 10%
}

.flex-5 {
	width: 5%
}

.singleline {
	flex-wrap: nowrap
}

.center-flex {
	justify-content: center !important
}

.container {
	margin: 0 auto
}

.hero {
	padding: 3rem 1.5rem
}

.subtitle {
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.25
}

.title {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.125
}

blockquote, body, dd, dl, dt, fieldset, figure, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
	margin: 0;
	padding: 0
}

.consended h1, .consended h2, .consended h3, .consended h4, .consended h5, .consended h6 {
	margin: 0;
	padding: 0
}

.btn {
	display: inline-block;
	font-weight: 400;
	color: var(--button-text);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	border-radius: 0.25rem;
	transition: 0.3s;
	box-shadow: var(--box-shadow-1);
	background-color: transparent
}

.btn:hover {
	box-shadow: var(--box-shadow-2)
}

.btn-normal {
	background-color: var(--blue)
}

.btn-normal:hover {
	background-color: var(--blue-hover)
}

.btn:disabled {
	opacity: 0.6;
	cursor: default
}

.btn-success {
	background-color: var(--green)
}

.btn-success:hover {
	background-color: var(--green-hover)
}

.btn-error {
	background-color: var(--red)
}

.btn-error:hover {
	background-color: var(--red-hover)
}

.btn-danger {
	color: var(--black);
	background-color: var(--orange)
}

.btn-danger:hover {
	background-color: var(--orange-hover)
}

.btn-info {
	background-color: var(--info-blue)
}

.btn-info:hover {
	background-color: var(--info-blue-hover)
}

.btn-dark {
	background-color: var(--black)
}

.btn-dark:hover {
	background-color: var(--black-hover)
}

.btn-secondary {
	background-color: var(--secondary)
}

.btn-secondary:hover {
	background-color: var(--secondary-hover)
}

.btn-normal-outline {
	color: var(--blue);
	border-color: var(--blue)
}

.btn-normal-outline:hover {
	color: var(--white);
	background-color: var(--blue)
}

.btn-success-outline {
	color: var(--green);
	border-color: var(--green)
}

.btn-success-outline:hover {
	color: var(--white);
	background-color: var(--green)
}

.btn-error-outline {
	color: var(--red);
	border-color: var(--red)
}

.btn-error-outline:hover {
	color: var(--white);
	background-color: var(--red)
}

.btn-danger-outline {
	color: var(--orange);
	border-color: var(--orange)
}

.btn-danger-outline:hover {
	color: var(--white);
	background-color: var(--orange)
}

.btn-info-outline {
	color: var(--info-blue);
	border-color: var(--info-blue)
}

.btn-info-outline:hover {
	color: var(--white);
	background-color: var(--info-blue)
}

.btn-dark-outline {
	color: var(--black);
	border-color: var(--black)
}

.btn-dark-outline:hover {
	color: var(--white);
	background-color: var(--black)
}

.btn-secondary-outline {
	border-color: var(--secondary)
}

.btn-secondary-outline:hover {
	background-color: var(--secondary)
}

.btn-block {
	display: block;
	width: 100%
}

.btn-lg {
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem
}

.btn-sm {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem
}

.alert {
	padding: 0.75rem 1.25rem;
	border-radius: 0.25rem;
	margin-bottom: 1rem;
	color: var(--white)
}

.alert-normal {
	color: var(--blue-alert-text);
	background-color: var(--blue-light)
}

.alert-normal a {
	color: var(--blue-alert-a)
}

.alert-success {
	background-color: var(--green-light);
	color: var(--green-alert-text)
}

.alert-success a {
	color: var(--green-alert-a)
}

.alert-error {
	color: var(--red-alert-text);
	background-color: var(--red-light)
}

.alert-error a {
	color: var(--red-alert-a)
}

.alert-danger {
	color: var(--orange-alert-text);
	background-color: var(--orange-light)
}

.alert-danger a {
	color: var(--orange-alert-a)
}

.alert-info {
	color: var(--info-blue-alert-text);
	background-color: var(--info-blue-light)
}

.alert-info a {
	color: var(--info-blue-alert-a)
}

.alert-dark {
	background-color: var(--black-light)
}

.alert-dark a {
	color: var(--black-alert-a)
}

.alert a {
	font-weight: 700
}

.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	border-radius: 0.25rem
}

.badge-normal {
	background-color: var(--blue)
}

.badge-success {
	background-color: var(--green)
}

.badge-error {
	background-color: var(--red)
}

.badge-danger {
	background-color: var(--orange)
}

.badge-info {
	background-color: var(--info-blue)
}

.badge-dark {
	background-color: var(--black)
}

.badge-pill {
	border-radius: 50rem !important
}

.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	color: var(--white);
	text-align: center;
	white-space: nowrap;
	background-color: var(--blue);
	transition: width 0.6s ease
}

.progress {
	display: flex;
	height: 1rem;
	overflow: hidden;
	line-height: 0;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
	margin-top: 1rem
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem
}

.spinner {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: 0.25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spinner 0.75s linear infinite
}

@keyframes spinner {
	to {
		transform: rotate(360deg)
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.box {
	border-radius: 5px;
	box-shadow: 0 0.5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
	padding: 1rem
}

.box-sm {
	padding: 0.5rem;
	box-shadow: 0 0.4em 1em -.125em rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .05)
}

.box-lg {
	padding: 2rem;
	box-shadow: 0 1em 1em -.125em rgba(12, 12, 12, .1), 0 0 0 1px rgba(12, 12, 12, .02)
}

.well {
	min-height: 20px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 0.25rem;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well-lg {
	padding: 25px
}

.well-sm {
	padding: 10px
}

.anim-bottom, .anim-left, .anim-right, .anim-top {
	position: relative
}

.anim-spin {
	animation: pzplui-spin var(--animation-speed) linear forwards
}

@keyframes pzplui-spin {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
	}
}

.anim-fade {
	animation: pzplui-fade var(--animation-speed) linear forwards
}

@keyframes pzplui-fade {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.anim-fade-out {
	animation: pzplui-fade-out var(--animation-speed) linear forwards
}

@keyframes pzplui-fade-out {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.anim-top {
	animation: pzplui-top var(--animation-speed) linear forwards
}

@keyframes pzplui-top {
	from {
		opacity: 0;
		bottom: var(--animation-transform)
	}
	to {
		opacity: 1;
		bottom: 0
	}
}

.anim-bottom {
	animation: pzplui-bottom var(--animation-speed) linear forwards
}

@keyframes pzplui-bottom {
	from {
		opacity: 0;
		top: var(--animation-transform)
	}
	to {
		opacity: 1;
		top: 0
	}
}

.anim-left {
	animation: pzplui-left var(--animation-speed) linear forwards
}

@keyframes pzplui-left {
	from {
		opacity: 0;
		right: var(--animation-transform)
	}
	to {
		opacity: 1;
		right: 0
	}
}

.anim-right {
	animation: pzplui-right var(--animation-speed) linear forwards
}

@keyframes pzplui-right {
	from {
		opacity: 0;
		left: var(--animation-transform)
	}
	to {
		opacity: 1;
		left: 0
	}
}

.anim-zoom {
	animation: pzplui-zoom var(--animation-speed) forwards
}

@keyframes pzplui-zoom {
	from {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}

.anim-grow {
	width: 0;
	animation: pzplui-grow calc(var(--animation-speed) / 3) linear forwards
}

@keyframes pzplui-grow {
	from {
		width: 0
	}
	to {
		width: 100%
	}
}

.anim-hover-grow {
	transition: transform 0.3s
}

.anim-hover-grow:hover {
	transform: scale(1.1)
}

.img-fluid {
	max-width: 100%;
	height: auto
}

.img-round {
	border-radius: 0.25rem !important
}

.img-thumbnail {
	padding: 0.25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	max-width: 100%;
	height: auto
}

.navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 0.5rem 1rem;
	text-decoration: none
}

.navbar-brand {
	display: inline-block;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap
}

.navbar ul {
	list-style: none;
	flex-direction: row;
	display: flex
}

.navbar ul li {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	display: block;
	padding: 0.5rem 1rem;
	opacity: 0.8
}

.navbar-fixed {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999
}

.nav-pill {
	border-radius: 0.25rem;
	display: block;
	color: var(--white) !important;
	background-color: var(--blue);
	padding: 0.5rem 1rem;
	text-decoration: none
}

.not-pill {
	color: var(--blue) !important
}

.float-start {
	float: left
}

.float-end {
	float: right
}

.pointer-disabled {
	pointer-events: none
}

.pointer-revert {
	pointer-events: auto
}

.select-all {
	user-select: all
}

.select-none {
	user-select: none
}

.p0 {
	padding: 0
}

.p1 {
	padding: calc(var(--mp-spacing) * .25)
}

.p2 {
	padding: calc(var(--mp-spacing) * .5)
}

.p3 {
	padding: var(--mp-spacing)
}

.p4 {
	padding: calc(var(--mp-spacing) * 1.25)
}

.p5 {
	padding: calc(var(--mp-spacing) * 1.5)
}

.p6 {
	padding: calc(var(--mp-spacing) * 1.75)
}

.p7 {
	padding: calc(var(--mp-spacing) * 2)
}

.m0 {
	margin: 0
}

.m1 {
	margin: calc(var(--mp-spacing) * .25)
}

.m2 {
	margin: calc(var(--mp-spacing) * .5)
}

.m3 {
	margin: var(--mp-spacing)
}

.m4 {
	margin: calc(var(--mp-spacing) * 1.25)
}

.m5 {
	margin: calc(var(--mp-spacing) * 1.5)
}

.m6 {
	margin: calc(var(--mp-spacing) * 1.75)
}

.m7 {
	margin: calc(var(--mp-spacing) * 2)
}

.card {
	border: 1px solid var(--card-border-color);
	border-radius: 0.25rem
}

.card-body {
	padding: 1rem
}

.card-header {
	padding: 0.5rem 1rem;
	background-color: var(--card-header-bgcolor);
	border-bottom: 1px solid var(--card-border-color)
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
	margin-top: 0;
	margin-bottom: 0.75rem
}

.modal {
	width: 500px;
	display: none;
	position: fixed;
	z-index: 100;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4)
}

.modal-content {
	background-color: #fff;
	border-radius: 0.3rem;
	margin: auto;
	max-width: 50%
}

.modal-header {
	padding: 1rem;
	border-bottom: 1px solid var(--modal-footer)
}

.modal-body {
	padding: 1rem
}

.modal-footer {
	display: flex;
	justify-content: flex-end;
	padding: 0.75rem;
	border-top: 1px solid var(--modal-footer)
}

.modal-footer>* {
	margin: 0.25rem
}

.pagination {
	display: flex;
	padding-left: 0;
	list-style: none
}

.pag-link {
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	border: 1px solid var(--modal-footer)
}

.pag-item.active .pag-link {
	color: #fff;
	background-color: var(--blue)
}

.pag-item:first-child .pag-link {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem
}

.pag-item:last-child .pag-link {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem
}

.pag-lg .pag-link {
	padding: 0.80rem 1.5rem;
	font-size: 1.3rem;
	line-height: 1.5
}

.pag-sm .pag-link {
	padding: 0.3rem 0.5rem;
	font-size: 0.75rem;
	line-height: 1.3
}

.overflow-auto {
	overflow: auto !important
}

.overflow-none {
	overflow: hidden !important
}

.inputs label {
	display: flex;
	align-items: center;
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	text-align: center;
	background-color: var(--form1);
	border: 1px solid var(--form2);
	border-radius: 0.25rem
}

.inputs>.form-select, .inputs>input, .inputs>textarea {
	flex: 1 1 auto;
	width: 1%
}

.inputs input, .inputs textarea {
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	opacity: 0.9;
	border: 1px solid var(--form2);
	border-radius: 0.25rem
}

.inputs {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%
}

.inputs> :not(:first-child) {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

input:focus, textarea:focus {
	box-shadow: var(--form-shadow)
}

input, textarea {
	transition: all 0.1s;
	font-family: var(--font-stack)
}

input[type="color"] {
	background-color: var(--form1);
	border: 1px solid var(--form2);
	border-radius: 0.25rem;
	max-width: 2.85rem;
	height: auto;
	cursor: pointer;
	padding: 0.375rem
}

input[type="color"]::-moz-color-swatch {
	height: 1.5em;
	border-radius: 0.25rem
}

input[type="file"] {
	cursor: pointer;
	width: 100%;
	padding: 0.375rem 0.75rem;
	border: 1px solid var(--form2);
	border-radius: 0.25rem
}

input[type="file"]::file-selector-button {
	padding: 0.375rem 0.75rem;
	margin: -.375rem -.75rem;
	margin-inline-end: 0.75rem;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px
}

table {
	text-align: left;
	border-collapse: collapse;
	width: 100%
}

table td, table th {
	padding: 0.7rem;
	border-top: 1px solid var(--modal-footer)
}

table thead {
	border-bottom: 2px solid var(--modal-footer);
	font-weight: 700
}

.table-dark {
	color: white;
	background-color: #232527
}

.table-dark td, .table-dark th, .table-dark thead {
	border-color: #35393d
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: rgba(59, 59, 59, 0.089)
}

.table-dark.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: rgba(235, 235, 235, 0.089)
}

.table-border td, .table-border th {
	border: 1px solid var(--modal-footer)
}

.dark-mode {
	--bg-color: #1d1e20;
	--bg-text: white;
	--box-shadow-1: 0 0.2rem 0 rgba(0, 0, 0, 0.05);
	--box-shadow-2: 0 0.2rem 0 rgba(0, 0, 0, .1);
	--mark-color: #ffdc1f;
	--form1: #161310;
	--form2: #312b25;
	--form-shadow: 0 0 0 0.25rem #7dd4fc98;
	--jumbotron-bg: #252525
}

.dark-mode mark {
	opacity: 0.8
}

.dark-mode input {
	background-color: rgba(255, 255, 255, .05);
	color: white
}

.dark-mode table td, .dark-mode table th, .dark-mode table thead {
	border-color: #47494d
}

.dark-hr, .dark-mode hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .3);
	border-bottom: none
}

.jumbotron {
	padding: 4rem 2rem;
	background-color: var(--jumbotron-bg);
	border-radius: 0.3rem
}

.lead {
	font-size: 1.4rem;
	font-weight: 300
}

abbr[title] {
	text-decoration: underline dotted;
	cursor: help
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.accordion[open] summary {
	background-color: var(--blue-light);
	color: var(--blue-alert-a);
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem
}

.accordion:not([open]) summary, .accordion:not(summary) *, .accordion[open] summary {
	padding: 1.3rem
}

.accordion:not(summary) * {
	border: 1px solid var(--card-border-color)
}

.media {
	display: flex;
	align-items: flex-start
}

.media>a, .media>img {
	margin-right: 1rem
}

.media .media {
	margin-top: 1rem !important
}

.block:not(:last-child) {
	margin-bottom: 1.5rem
}

.block-sm:not(:last-child) {
	margin-bottom: 1rem
}

.block-lg:not(:last-child) {
	margin-bottom: 2rem
}

.pzplui-strict-mode .h1, .pzplui-strict-mode .h2, .pzplui-strict-mode .h3, .pzplui-strict-mode .h4, .pzplui-strict-mode .h5, .pzplui-strict-mode .h6, .pzplui-strict-mode h1, .pzplui-strict-mode h2, .pzplui-strict-mode h3, .pzplui-strict-mode h4, .pzplui-strict-mode h5, .pzplui-strict-mode h6 {
	margin-top: 0;
	margin-bottom: 0.5rem
}

.pzplui-strict-mode .progress:not(.progress > .progress-bar) {
	border: none;
	border-radius: 9999px;
	display: block;
	height: 1rem;
	overflow: hidden;
	padding: 0;
	width: 100%;
	background-color: #e6e6e6 !important;
	appearance: none
}

.pzplui-strict-mode .progress.bg-normal::-moz-progress-bar {
	background-color: var(--blue)
}

.pzplui-strict-mode .progress.bg-success::-moz-progress-bar {
	background-color: var(--green)
}

.pzplui-strict-mode .progress.bg-error::-moz-progress-bar {
	background-color: var(--red)
}

.pzplui-strict-mode .progress.bg-danger::-moz-progress-bar {
	background-color: var(--orange)
}

.pzplui-strict-mode .progress.bg-info::-moz-progress-bar {
	background-color: var(--info-blue)
}

video, embed {
	transform: perspective(75em) rotateX(18deg);
	box-shadow: rgba(22, 31, 39, 0.42) 0px 60px 123px -25px, rgba(19, 26, 32, 0.08) 0px 35px 75px -35px;
	border-radius: 10px;
	border: 1px solid;
	border-color: rgb(213, 220, 226) rgb(213, 220, 226) rgb(184, 194, 204);
	width: 85vw;
	margin-bottom: 3rem;
}