.user-profile-header .user-profile-img {
	min-height: 120px;
}

.misc-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100vh;
	text-align: center;
}

.line.active {
	background-color: #5d596c;
}

#snow-editor.form-control {
	border-radius: 0;
}

.hidden-radio {
	display: none!important;
}

.dashboard-icon {
	font-size: 5rem;
}

.stretched-link {
	color: #5d596c;
}

html.dark-style body .stretched-link {
	color: #b6bee3;
}

.p-0 {
  padding: 0 !important;
}

.p-50 {
  padding: 0.125rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-1_5 {
  padding: 0.375rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.p-9 {
  padding: 2.25rem !important;
}

.p-10 {
  padding: 2.5rem !important;
}

.p-11 {
  padding: 2.75rem !important;
}

.p-12 {
  padding: 3rem !important;
}

.px-0 {
  padding-inline-end: 0 !important;
  padding-inline-start: 0 !important;
}

.px-50 {
  padding-inline-end: 0.125rem !important;
  padding-inline-start: 0.125rem !important;
}

.px-1 {
  padding-inline-end: 0.25rem !important;
  padding-inline-start: 0.25rem !important;
}

.px-1_5 {
  padding-inline-end: 0.375rem !important;
  padding-inline-start: 0.375rem !important;
}

.px-2 {
  padding-inline-end: 0.5rem !important;
  padding-inline-start: 0.5rem !important;
}

.px-3 {
  padding-inline-end: 0.75rem !important;
  padding-inline-start: 0.75rem !important;
}

.px-4 {
  padding-inline-end: 1rem !important;
  padding-inline-start: 1rem !important;
}

.px-5 {
  padding-inline-end: 1.25rem !important;
  padding-inline-start: 1.25rem !important;
}

.px-6 {
  padding-inline-end: 1.5rem !important;
  padding-inline-start: 1.5rem !important;
}

.px-7 {
  padding-inline-end: 1.75rem !important;
  padding-inline-start: 1.75rem !important;
}

.px-8 {
  padding-inline-end: 2rem !important;
  padding-inline-start: 2rem !important;
}

.px-9 {
  padding-inline-end: 2.25rem !important;
  padding-inline-start: 2.25rem !important;
}

.px-10 {
  padding-inline-end: 2.5rem !important;
  padding-inline-start: 2.5rem !important;
}

.px-11 {
  padding-inline-end: 2.75rem !important;
  padding-inline-start: 2.75rem !important;
}

.px-12 {
  padding-inline-end: 3rem !important;
  padding-inline-start: 3rem !important;
}

.py-0 {
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
}

.py-50 {
  padding-block-start: 0.125rem !important;
  padding-block-end: 0.125rem !important;
}

.py-1 {
  padding-block-start: 0.25rem !important;
  padding-block-end: 0.25rem !important;
}

.py-1_5 {
  padding-block-start: 0.375rem !important;
  padding-block-end: 0.375rem !important;
}

.py-2 {
  padding-block-start: 0.5rem !important;
  padding-block-end: 0.5rem !important;
}

.py-3 {
  padding-block-start: 0.75rem !important;
  padding-block-end: 0.75rem !important;
}

.py-4 {
  padding-block-start: 1rem !important;
  padding-block-end: 1rem !important;
}

.py-5 {
  padding-block-start: 1.25rem !important;
  padding-block-end: 1.25rem !important;
}

.py-6 {
  padding-block-start: 1.5rem !important;
  padding-block-end: 1.5rem !important;
}

.py-7 {
  padding-block-start: 1.75rem !important;
  padding-block-end: 1.75rem !important;
}

.py-8 {
  padding-block-start: 2rem !important;
  padding-block-end: 2rem !important;
}

.py-9 {
  padding-block-start: 2.25rem !important;
  padding-block-end: 2.25rem !important;
}

.py-10 {
  padding-block-start: 2.5rem !important;
  padding-block-end: 2.5rem !important;
}

.py-11 {
  padding-block-start: 2.75rem !important;
  padding-block-end: 2.75rem !important;
}

.py-12 {
  padding-block-start: 3rem !important;
  padding-block-end: 3rem !important;
}

.pt-0 {
  padding-block-start: 0 !important;
}

.pt-50 {
  padding-block-start: 0.125rem !important;
}

.pt-1 {
  padding-block-start: 0.25rem !important;
}

.pt-1_5 {
  padding-block-start: 0.375rem !important;
}

.pt-2 {
  padding-block-start: 0.5rem !important;
}

.pt-3 {
  padding-block-start: 0.75rem !important;
}

.pt-4 {
  padding-block-start: 1rem !important;
}

.pt-5 {
  padding-block-start: 1.25rem !important;
}

.pt-6 {
  padding-block-start: 1.5rem !important;
}

.pt-7 {
  padding-block-start: 1.75rem !important;
}

.pt-8 {
  padding-block-start: 2rem !important;
}

.pt-9 {
  padding-block-start: 2.25rem !important;
}

.pt-10 {
  padding-block-start: 2.5rem !important;
}

.pt-11 {
  padding-block-start: 2.75rem !important;
}

.pt-12 {
  padding-block-start: 3rem !important;
}

.pe-0 {
  padding-inline-end: 0 !important;
}

.pe-50 {
  padding-inline-end: 0.125rem !important;
}

.pe-1 {
  padding-inline-end: 0.25rem !important;
}

.pe-1_5 {
  padding-inline-end: 0.375rem !important;
}

.pe-2 {
  padding-inline-end: 0.5rem !important;
}

.pe-3 {
  padding-inline-end: 0.75rem !important;
}

.pe-4 {
  padding-inline-end: 1rem !important;
}

.pe-5 {
  padding-inline-end: 1.25rem !important;
}

.pe-6 {
  padding-inline-end: 1.5rem !important;
}

.pe-7 {
  padding-inline-end: 1.75rem !important;
}

.pe-8 {
  padding-inline-end: 2rem !important;
}

.pe-9 {
  padding-inline-end: 2.25rem !important;
}

.pe-10 {
  padding-inline-end: 2.5rem !important;
}

.pe-11 {
  padding-inline-end: 2.75rem !important;
}

.pe-12 {
  padding-inline-end: 3rem !important;
}

.pb-0 {
  padding-block-end: 0 !important;
}

.pb-50 {
  padding-block-end: 0.125rem !important;
}

.pb-1 {
  padding-block-end: 0.25rem !important;
}

.pb-1_5 {
  padding-block-end: 0.375rem !important;
}

.pb-2 {
  padding-block-end: 0.5rem !important;
}

.pb-3 {
  padding-block-end: 0.75rem !important;
}

.pb-4 {
  padding-block-end: 1rem !important;
}

.pb-5 {
  padding-block-end: 1.25rem !important;
}

.pb-6 {
  padding-block-end: 1.5rem !important;
}

.pb-7 {
  padding-block-end: 1.75rem !important;
}

.pb-8 {
  padding-block-end: 2rem !important;
}

.pb-9 {
  padding-block-end: 2.25rem !important;
}

.pb-10 {
  padding-block-end: 2.5rem !important;
}

.pb-11 {
  padding-block-end: 2.75rem !important;
}

.pb-12 {
  padding-block-end: 3rem !important;
}

.ps-0 {
  padding-inline-start: 0 !important;
}

.ps-50 {
  padding-inline-start: 0.125rem !important;
}

.ps-1 {
  padding-inline-start: 0.25rem !important;
}

.ps-1_5 {
  padding-inline-start: 0.375rem !important;
}

.ps-2 {
  padding-inline-start: 0.5rem !important;
}

.ps-3 {
  padding-inline-start: 0.75rem !important;
}

.ps-4 {
  padding-inline-start: 1rem !important;
}

.ps-5 {
  padding-inline-start: 1.25rem !important;
}

.ps-6 {
  padding-inline-start: 1.5rem !important;
}

.ps-7 {
  padding-inline-start: 1.75rem !important;
}

.ps-8 {
  padding-inline-start: 2rem !important;
}

.ps-9 {
  padding-inline-start: 2.25rem !important;
}

.ps-10 {
  padding-inline-start: 2.5rem !important;
}

.ps-11 {
  padding-inline-start: 2.75rem !important;
}

.ps-12 {
  padding-inline-start: 3rem !important;
}

/* Brand primary tokens (light) */
:root {
  --bs-primary: #0D9394;
  --bs-primary-rgb: 13, 147, 148;
  --bs-link-color: #0D9394;
  --bs-link-hover-color: #0a7b7c;

  --bs-primary-text-emphasis: #0a6f70;
  --bs-primary-bg-subtle: #dff4f4;
  --bs-primary-border-subtle: #a8dddd;
}

/* Brand primary tokens (dark) */
.dark-style {
  --bs-primary: #0D9394;
  --bs-primary-rgb: 13, 147, 148;
  --bs-link-color: #0D9394;
  --bs-link-hover-color: #35aaab;

  --bs-primary-text-emphasis: #7ed3d4;
  --bs-primary-bg-subtle: #1f3f40;
  --bs-primary-border-subtle: #2a5a5b;
}

/* Vuexy compiles label buttons with its original purple palette. Keep the
 * shared primary label variant aligned with PCTA's teal brand color. */
.btn-label-primary {
  background-color: #dff4f4 !important;
  border-color: transparent !important;
  color: #0D9394 !important;
}

.btn-label-primary:hover,
.btn-label-primary:focus,
.btn-label-primary.focus {
  background-color: #c7eaea !important;
  border-color: transparent !important;
  color: #0a7b7c !important;
}

.btn-label-primary:active,
.btn-label-primary.active,
.btn-label-primary.show.dropdown-toggle,
.show > .btn-label-primary.dropdown-toggle {
  background-color: #0D9394 !important;
  border-color: #0D9394 !important;
  color: #fff !important;
}

.btn-label-primary:focus,
.btn-label-primary.focus,
.btn-label-primary:active:focus,
.btn-label-primary.active:focus {
  box-shadow: 0 0 0 0.15rem rgba(13, 147, 148, 0.2) !important;
}

.btn-label-primary.waves-effect .waves-ripple {
  background: rgba(13, 147, 148, 0.2) !important;
}

/* Dark mode hard overrides for Vuexy theme-default-dark hex literals */
.dark-style .text-primary {
  color: #0D9394 !important;
}

.dark-style .text-body[href]:hover {
  color: #35aaab !important;
}

.dark-style .bg-primary {
  background-color: #0D9394 !important;
}

.dark-style .bg-label-primary {
  background-color: #1f3f40 !important;
  color: #0D9394 !important;
}

.dark-style .btn-primary {
  background-color: #0D9394 !important;
  border-color: #0D9394 !important;
}

.dark-style .btn-outline-primary,
.dark-style .btn-label-primary {
  color: #0D9394 !important;
  border-color: #0D9394 !important;
}

.dark-style .btn-label-primary {
  background-color: #1f3f40 !important;
}

.dark-style .btn-label-primary:hover,
.dark-style .btn-label-primary:focus {
  background-color: #2a5a5b !important;
  color: #7ed3d4 !important;
}

.dark-style .btn-label-primary:active,
.dark-style .btn-label-primary.active,
.dark-style .btn-label-primary.show.dropdown-toggle,
.dark-style .show > .btn-label-primary.dropdown-toggle {
  background-color: #0D9394 !important;
  border-color: #0D9394 !important;
  color: #fff !important;
}

.dark-style .page-item.active .page-link,
.dark-style .pagination li.active > a:not(.page-link),
.dark-style .page-item > .page-link.active {
  border-color: #0D9394 !important;
  background-color: #0D9394 !important;
}

.dark-style .progress-bar {
  background-color: #0D9394 !important;
}

.dark-style .list-group-item-primary,
.dark-style .list-group-item-action.active,
.dark-style .list-group-item-action.active:hover,
.dark-style .list-group-item-action.active:focus {
  border-color: #0D9394 !important;
  background-color: #0D9394 !important;
}

.dark-style .bg-menu-theme .menu-item.active > .menu-link,
.dark-style .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle,
.dark-style .bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  color: #0D9394 !important;
}

.dark-style .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
.dark-style .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(270deg, rgba(13, 147, 148, 0.7) 0%, #0D9394 100%) !important;
}

/* Keep breadcrumb aligned with brand color */
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active a:hover,
.breadcrumb-item.active a:focus,
.dark-style .breadcrumb-item,
.dark-style .breadcrumb-item a,
.dark-style .breadcrumb-item.active a:hover,
.dark-style .breadcrumb-item.active a:focus,
.dark-style .breadcrumb-item.active a:not(:hover, :focus) {
  color: #0D9394 !important;
}

/* Public feedback scale buttons */
.feedback-scale-option-label {
  background-color: transparent !important;
  border-color: #0D9394 !important;
  color: #0D9394 !important;
}

.feedback-scale-option-label:hover,
.feedback-scale-option-label:focus,
.feedback-scale-option-label:active {
  background-color: rgba(13, 147, 148, 0.08) !important;
  border-color: #0D9394 !important;
  color: #0D9394 !important;
  box-shadow: none !important;
}

.btn-check.feedback-scale-option:focus + .feedback-scale-option-label {
  background-color: rgba(13, 147, 148, 0.08) !important;
  border-color: #0D9394 !important;
  color: #0D9394 !important;
  box-shadow: 0 0 0 0.15rem rgba(13, 147, 148, 0.16) !important;
}

.btn-check.feedback-scale-option:checked + .feedback-scale-option-label,
.btn-check.feedback-scale-option:checked + .feedback-scale-option-label:hover,
.btn-check.feedback-scale-option:checked + .feedback-scale-option-label:focus,
.btn-check.feedback-scale-option:checked + .feedback-scale-option-label:active,
.feedback-scale-option-label.is-selected {
  background-color: #0D9394 !important;
  border-color: #0D9394 !important;
  color: #fff !important;
  box-shadow: 0 0.125rem 0.375rem rgba(13, 147, 148, 0.35) !important;
}

/* Reminder days: outline means available; solid brand color means selected. */
.reminder-day-option-label,
.reminder-day-option-label:hover,
.reminder-day-option-label:focus,
.reminder-day-option-label:active {
  background-color: #fff !important;
  border-color: #28c76f !important;
  color: #28c76f !important;
  box-shadow: none !important;
}

.btn-check.reminder-day-option:focus + .reminder-day-option-label {
  box-shadow: 0 0 0 0.15rem rgba(13, 147, 148, 0.16) !important;
}

.btn-check.reminder-day-option:checked + .reminder-day-option-label,
.btn-check.reminder-day-option:checked + .reminder-day-option-label:hover,
.btn-check.reminder-day-option:checked + .reminder-day-option-label:focus,
.btn-check.reminder-day-option:checked + .reminder-day-option-label:active {
  background-color: #0D9394 !important;
  border-color: #0D9394 !important;
  color: #fff !important;
  box-shadow: 0 0.125rem 0.375rem rgba(13, 147, 148, 0.35) !important;
}

/* Reserve video space before Plyr finishes loading */
.capsule-video-frame {
  display: block;
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  background-color: #000;
}

.capsule-video-frame > video,
.capsule-video-frame > .plyr,
.capsule-video-frame .plyr__video-wrapper {
  width: 100%;
  height: 100%;
}

.capsule-video-frame video,
.capsule-video-frame .plyr__video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}