@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&display=swap";

/* src/styles-app-layout.css */
body {
  color: #393a4c;
  font-family: Assistant, sans-serif;
  font-size: 12px;
  min-width: 1400px;
  overflow-x: auto;
}
[dir] body {
  background-color: #f5f6f9;
  margin: 0;
}
.fw-500 {
  font-weight: 400;
}
* {
  box-sizing: border-box;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
[dir] button,
[dir] input[type=submit] {
  cursor: pointer;
}
.btn-accordion {
  display: block;
  width: 100%;
}
[dir] .btn-accordion {
  background: 0 0;
  border: none;
  box-shadow: none;
  padding: 0;
  border-radius: 10px;
}
.btn-accordion:hover {
  opacity: 0.7;
}
.btn-accordion:focus {
  outline: 0;
}
[dir] .btn-accordion:focus {
  background-color: rgba(149, 120, 211, 0.15);
}
.alert {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
[dir] .alert {
  padding: 20px;
  border-radius: 10px;
}
.alert-float-btns {
  position: absolute;
  top: 5px;
}
[dir=ltr] .alert-float-btns {
  right: 20px;
}
[dir=rtl] .alert-float-btns {
  left: 20px;
}
[dir] .alert.bordered {
  border: 2px solid #c1c1f2;
}
[dir] .alert.sm {
  padding: 10px;
}
[dir] .alert.md {
  padding: 40px 20px 28px;
}
[dir] .alert.primary {
  background-color: #d6cde9;
}
.alert.primary h2,
.alert.primary h3,
.alert.primary h4 {
  color: #9578d3;
}
.alert.primary .alert-icon i,
.alert.primary .alert-icon svg {
  color: #9578d3;
  font-size: 2.5em;
}
[dir=ltr] .alert.primary .alert-icon i,
[dir=ltr] .alert.primary .alert-icon svg {
  margin-right: 0.5em;
}
[dir=rtl] .alert.primary .alert-icon i,
[dir=rtl] .alert.primary .alert-icon svg {
  margin-left: 0.5em;
}
[dir] .alert.success {
  background-color: #ebfffc;
}
.alert.success h2,
.alert.success h3,
.alert.success h4 {
  color: #2ed9c3;
}
.alert.success .alert-icon i,
.alert.success .alert-icon svg {
  color: #2ed9c3;
  font-size: 2.5em;
}
[dir=ltr] .alert.success .alert-icon i,
[dir=ltr] .alert.success .alert-icon svg {
  margin-right: 0.5em;
}
[dir=rtl] .alert.success .alert-icon i,
[dir=rtl] .alert.success .alert-icon svg {
  margin-left: 0.5em;
}
[dir] .alert.danger {
  background-color: #f8ebeb;
}
.alert.danger h2,
.alert.danger h3,
.alert.danger h4 {
  color: #bd3333;
}
.alert.danger .alert-icon i,
.alert.danger .alert-icon svg {
  color: #bd3333;
  font-size: 2.5em;
}
[dir=ltr] .alert.danger .alert-icon i,
[dir=ltr] .alert.danger .alert-icon svg {
  margin-right: 0.5em;
}
[dir=rtl] .alert.danger .alert-icon i,
[dir=rtl] .alert.danger .alert-icon svg {
  margin-left: 0.5em;
}
[dir] .alert.warning {
  background-color: #fffef0;
}
.alert.warning h2,
.alert.warning h3,
.alert.warning h4 {
  color: #e0cc00;
}
.alert.warning .alert-icon i,
.alert.warning .alert-icon svg {
  color: #e0cc00;
  font-size: 2.5em;
}
[dir=ltr] .alert.warning .alert-icon i,
[dir=ltr] .alert.warning .alert-icon svg {
  margin-right: 0.5em;
}
[dir=rtl] .alert.warning .alert-icon i,
[dir=rtl] .alert.warning .alert-icon svg {
  margin-left: 0.5em;
}
[dir] .alert.extra {
  background-color: #eff1fa;
}
.alert.extra h2,
.alert.extra h3,
.alert.extra h4 {
  color: #393a4c;
}
.alert.extra .alert-icon i,
.alert.extra .alert-icon svg {
  color: #393a4c;
  font-size: 2.5em;
}
[dir=ltr] .alert.extra .alert-icon i,
[dir=ltr] .alert.extra .alert-icon svg {
  margin-right: 0.5em;
}
[dir=rtl] .alert.extra .alert-icon i,
[dir=rtl] .alert.extra .alert-icon svg {
  margin-left: 0.5em;
}
[dir] .alert.secondary {
  background-color: #f5f6f9;
}
.alert.secondary h2,
.alert.secondary h3,
.alert.secondary h4 {
  color: #a5b8f0;
}
.alert.secondary .alert-icon i,
.alert.secondary .alert-icon svg {
  color: #a5b8f0;
  font-size: 2.5em;
}
[dir=ltr] .alert.secondary .alert-icon i,
[dir=ltr] .alert.secondary .alert-icon svg {
  margin-right: 0.5em;
}
[dir=rtl] .alert.secondary .alert-icon i,
[dir=rtl] .alert.secondary .alert-icon svg {
  margin-left: 0.5em;
}
.alert h2,
.alert h3,
.alert h4 {
  font-size: 16px;
}
[dir] .alert h2,
[dir] .alert h3,
[dir] .alert h4,
[dir] .alert p {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
  font-weight: 400;
}
.card {
  display: block;
  text-decoration: none;
  color: inherit;
}
[dir] .card {
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.03);
}
.card .status-badge {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  color: #9578d3;
}
[dir] .card .status-badge {
  border: 1px solid #9578d3;
  border-radius: 50%;
}
.card.dark {
  color: #fff;
}
[dir] .card.dark {
  background-color: #2e2f45;
}
.card.hover-dark:focus,
.card.hover-dark:hover {
  color: #fff;
}
[dir] .card.hover-dark:focus,
[dir] .card.hover-dark:hover {
  background-color: #2e2f45;
  box-shadow: 0 27px 15px -10px rgba(46, 47, 69, 0.26);
}
.card.hover-dark:focus img,
.card.hover-dark:hover img {
  filter: grayscale(100%);
}
.card.hover-dark:focus .btn-icon,
.card.hover-dark:hover .btn-icon {
  color: #fff;
}
[dir] .card.hover-dark:focus .btn-icon,
[dir] .card.hover-dark:hover .btn-icon {
  background-color: #393a4c;
}
[dir] .card.hover-dark:focus .bdb:not(.i),
[dir] .card.hover-dark:hover .bdb:not(.i) {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.card.hover-dark:focus .status-badge,
.card.hover-dark:hover .status-badge {
  color: #393a4c;
}
[dir] .card.hover-dark:focus .status-badge,
[dir] .card.hover-dark:hover .status-badge {
  background-color: #fff;
  border-color: transparent;
}
[dir] .card.md {
  padding: 15px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-weight: 400;
  font-size: 12px;
}
.btn {
  height: 34px;
  text-decoration: none;
  color: #393a4c;
  font-size: 12px;
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
[dir] .btn {
  padding: 0 21px;
  border: none;
  box-shadow: none;
  text-align: center;
  border-radius: 5px;
}
.btn.lg {
  height: 45px;
  font-size: 18px;
}
.btn.btn-fixicon i,
.btn.btn-fixicon svg {
  width: 30px;
}
.btn i,
.btn svg {
  font-size: 1.4em;
}
[dir=ltr] .btn i,
[dir=ltr] .btn svg {
  margin-right: 0.5em;
}
[dir=rtl] .btn i,
[dir=rtl] .btn svg {
  margin-left: 0.5em;
}
.btn:focus {
  outline: 0;
}
.btn.btn-icon {
  color: #393a4c;
}
[dir] .btn.btn-icon {
  padding: 0 10px;
  background-color: #fff;
}
[dir] .btn.btn-icon:hover {
  background-color: #eff1fa;
}
[dir] .btn.btn-icon:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
.btn.btn-icon i,
.btn.btn-icon svg {
  width: auto;
}
[dir] .btn.btn-icon i,
[dir] .btn.btn-icon svg {
  margin: 0;
}
.btn.btn-icon.sm {
  height: 20px;
}
[dir] .btn.btn-icon.sm {
  padding: 0 2px;
}
.btn.btn-icon.sm i,
.btn.btn-icon.sm svg {
  font-size: 1em;
}
[dir] .btn.btn-icon.transparent:not(:hover) {
  background: 0 0;
}
.btn.btn-icon.light {
  color: #fff;
}
[dir] .btn.btn-icon.light:hover {
  background-color: #4b4850;
}
.btn.btn-icon.primary {
  color: #9578d3;
}
.btn.btn-primary {
  color: #fff;
}
[dir] .btn.btn-primary {
  background-color: #9578d3;
}
[dir] .btn.btn-primary.active,
[dir] .btn.btn-primary:active,
[dir] .btn.btn-primary:focus {
  background-color: #6d41cb;
}
.btn.btn-primary-round {
  width: 55px;
  height: 55px;
  color: #9578d3;
}
[dir] .btn.btn-primary-round {
  background: #fff;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
}
[dir] .btn.btn-primary-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(149, 120, 211, 0.25);
}
.btn.btn-primary-round i,
.btn.btn-primary-round svg {
  font-size: 1.8em;
}
[dir] .btn.btn-primary-round i,
[dir] .btn.btn-primary-round svg {
  margin: 0;
}
.btn.btn-primary-round.active,
.btn.btn-primary-round:active {
  color: #fff;
}
[dir] .btn.btn-primary-round.active,
[dir] .btn.btn-primary-round:active {
  background-color: #9578d3;
}
.btn.btn-primary-round.hover,
.btn.btn-primary-round:hover {
  color: #9578d3;
}
[dir] .btn.btn-primary-round.hover,
[dir] .btn.btn-primary-round:hover {
  background-color: #d6cde9;
}
.btn.btn-primary-round:focus {
  outline: 0;
}
[dir] .btn.btn-primary-round:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
.btn.btn-primary-round:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-primary-round:disabled {
  background-color: #d9d8db;
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-primary-link {
  font-weight: 400;
}
[dir] .btn.btn-primary-link {
  padding: 0;
  background: 0 0;
}
.btn.btn-primary-link.active,
.btn.btn-primary-link.hover,
.btn.btn-primary-link:active,
.btn.btn-primary-link:hover {
  font-weight: 700;
}
.btn.btn-primary-link i,
.btn.btn-primary-link svg,
.btn.btn-primary-link.hover,
.btn.btn-primary-link:hover {
  color: #9578d3;
}
[dir=ltr] .btn.btn-primary-link.pd {
  padding-left: 15px;
  padding-right: 15px;
}
[dir=rtl] .btn.btn-primary-link.pd {
  padding-right: 15px;
  padding-left: 15px;
}
.btn.btn-primary-outline {
  color: #9578d3;
}
[dir] .btn.btn-primary-outline {
  background: 0 0;
  border: 1px solid #9578d3;
}
.btn.btn-primary-outline.active,
.btn.btn-primary-outline:active {
  color: #6d41cb;
}
.btn.btn-primary-outline:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-primary-outline:disabled {
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-primary:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-primary:disabled {
  background-color: #d9d8db;
  cursor: not-allowed;
}
[dir] .btn.btn-primary-outline:focus,
[dir] .btn.btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
.btn.btn-icon.success {
  color: #2ed9c3;
}
.btn.btn-success {
  color: #fff;
}
[dir] .btn.btn-success {
  background-color: #2ed9c3;
}
[dir] .btn.btn-success.active,
[dir] .btn.btn-success:active,
[dir] .btn.btn-success:focus {
  background-color: #10bca6;
}
.btn.btn-success-round {
  width: 55px;
  height: 55px;
  color: #2ed9c3;
}
[dir] .btn.btn-success-round {
  background: #fff;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #ebfffc;
}
[dir] .btn.btn-success-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(46, 217, 195, 0.25);
}
.btn.btn-success-round i,
.btn.btn-success-round svg {
  font-size: 1.8em;
}
[dir] .btn.btn-success-round i,
[dir] .btn.btn-success-round svg {
  margin: 0;
}
.btn.btn-success-round.active,
.btn.btn-success-round:active {
  color: #fff;
}
[dir] .btn.btn-success-round.active,
[dir] .btn.btn-success-round:active {
  background-color: #2ed9c3;
}
.btn.btn-success-round.hover,
.btn.btn-success-round:hover {
  color: #2ed9c3;
}
[dir] .btn.btn-success-round.hover,
[dir] .btn.btn-success-round:hover {
  background-color: #ebfffc;
}
.btn.btn-success-round:focus {
  outline: 0;
}
[dir] .btn.btn-success-round:focus {
  box-shadow: 0 0 0 2px rgba(46, 217, 195, 0.6);
}
.btn.btn-success-round:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-success-round:disabled {
  background-color: #d9d8db;
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-success-link {
  font-weight: 400;
}
[dir] .btn.btn-success-link {
  padding: 0;
  background: 0 0;
}
.btn.btn-success-link.active,
.btn.btn-success-link.hover,
.btn.btn-success-link:active,
.btn.btn-success-link:hover {
  font-weight: 700;
}
.btn.btn-success-link i,
.btn.btn-success-link svg,
.btn.btn-success-link.hover,
.btn.btn-success-link:hover {
  color: #2ed9c3;
}
[dir=ltr] .btn.btn-success-link.pd {
  padding-left: 15px;
  padding-right: 15px;
}
[dir=rtl] .btn.btn-success-link.pd {
  padding-right: 15px;
  padding-left: 15px;
}
.btn.btn-success-outline {
  color: #2ed9c3;
}
[dir] .btn.btn-success-outline {
  background: 0 0;
  border: 1px solid #2ed9c3;
}
.btn.btn-success-outline.active,
.btn.btn-success-outline:active {
  color: #10bca6;
}
.btn.btn-success-outline:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-success-outline:disabled {
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-success:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-success:disabled {
  background-color: #d9d8db;
  cursor: not-allowed;
}
[dir] .btn.btn-success-outline:focus,
[dir] .btn.btn-success:focus {
  box-shadow: 0 0 0 2px rgba(46, 217, 195, 0.6);
}
.btn.btn-icon.danger {
  color: #bd3333;
}
.btn.btn-danger {
  color: #fff;
}
[dir] .btn.btn-danger {
  background-color: #bd3333;
}
[dir] .btn.btn-danger.active,
[dir] .btn.btn-danger:active,
[dir] .btn.btn-danger:focus {
  background-color: #982c2c;
}
.btn.btn-danger-round {
  width: 55px;
  height: 55px;
  color: #bd3333;
}
[dir] .btn.btn-danger-round {
  background: #fff;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #f8ebeb;
}
[dir] .btn.btn-danger-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(189, 51, 51, 0.25);
}
.btn.btn-danger-round i,
.btn.btn-danger-round svg {
  font-size: 1.8em;
}
[dir] .btn.btn-danger-round i,
[dir] .btn.btn-danger-round svg {
  margin: 0;
}
.btn.btn-danger-round.active,
.btn.btn-danger-round:active {
  color: #fff;
}
[dir] .btn.btn-danger-round.active,
[dir] .btn.btn-danger-round:active {
  background-color: #bd3333;
}
.btn.btn-danger-round.hover,
.btn.btn-danger-round:hover {
  color: #bd3333;
}
[dir] .btn.btn-danger-round.hover,
[dir] .btn.btn-danger-round:hover {
  background-color: #f8ebeb;
}
.btn.btn-danger-round:focus {
  outline: 0;
}
[dir] .btn.btn-danger-round:focus {
  box-shadow: 0 0 0 2px rgba(189, 51, 51, 0.6);
}
.btn.btn-danger-round:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-danger-round:disabled {
  background-color: #d9d8db;
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-danger-link {
  font-weight: 400;
}
[dir] .btn.btn-danger-link {
  padding: 0;
  background: 0 0;
}
.btn.btn-danger-link.active,
.btn.btn-danger-link.hover,
.btn.btn-danger-link:active,
.btn.btn-danger-link:hover {
  font-weight: 700;
}
.btn.btn-danger-link i,
.btn.btn-danger-link svg,
.btn.btn-danger-link.hover,
.btn.btn-danger-link:hover {
  color: #bd3333;
}
[dir=ltr] .btn.btn-danger-link.pd {
  padding-left: 15px;
  padding-right: 15px;
}
[dir=rtl] .btn.btn-danger-link.pd {
  padding-right: 15px;
  padding-left: 15px;
}
.btn.btn-danger-outline {
  color: #bd3333;
}
[dir] .btn.btn-danger-outline {
  background: 0 0;
  border: 1px solid #bd3333;
}
.btn.btn-danger-outline.active,
.btn.btn-danger-outline:active {
  color: #982c2c;
}
.btn.btn-danger-outline:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-danger-outline:disabled {
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-danger:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-danger:disabled {
  background-color: #d9d8db;
  cursor: not-allowed;
}
[dir] .btn.btn-danger-outline:focus,
[dir] .btn.btn-danger:focus {
  box-shadow: 0 0 0 2px rgba(189, 51, 51, 0.6);
}
.btn.btn-icon.warning {
  color: #e0cc00;
}
.btn.btn-warning {
  color: #fff;
}
[dir] .btn.btn-warning {
  background-color: #e0cc00;
}
[dir] .btn.btn-warning.active,
[dir] .btn.btn-warning:active,
[dir] .btn.btn-warning:focus {
  background-color: #f5b800;
}
.btn.btn-warning-round {
  width: 55px;
  height: 55px;
  color: #e0cc00;
}
[dir] .btn.btn-warning-round {
  background: #fff;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #fffef0;
}
[dir] .btn.btn-warning-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(224, 204, 0, 0.25);
}
.btn.btn-warning-round i,
.btn.btn-warning-round svg {
  font-size: 1.8em;
}
[dir] .btn.btn-warning-round i,
[dir] .btn.btn-warning-round svg {
  margin: 0;
}
.btn.btn-warning-round.active,
.btn.btn-warning-round:active {
  color: #fff;
}
[dir] .btn.btn-warning-round.active,
[dir] .btn.btn-warning-round:active {
  background-color: #e0cc00;
}
.btn.btn-warning-round.hover,
.btn.btn-warning-round:hover {
  color: #e0cc00;
}
[dir] .btn.btn-warning-round.hover,
[dir] .btn.btn-warning-round:hover {
  background-color: #fffef0;
}
.btn.btn-warning-round:focus {
  outline: 0;
}
[dir] .btn.btn-warning-round:focus {
  box-shadow: 0 0 0 2px rgba(224, 204, 0, 0.6);
}
.btn.btn-warning-round:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-warning-round:disabled {
  background-color: #d9d8db;
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-warning-link {
  font-weight: 400;
}
[dir] .btn.btn-warning-link {
  padding: 0;
  background: 0 0;
}
.btn.btn-warning-link.active,
.btn.btn-warning-link.hover,
.btn.btn-warning-link:active,
.btn.btn-warning-link:hover {
  font-weight: 700;
}
.btn.btn-warning-link i,
.btn.btn-warning-link svg,
.btn.btn-warning-link.hover,
.btn.btn-warning-link:hover {
  color: #e0cc00;
}
[dir=ltr] .btn.btn-warning-link.pd {
  padding-left: 15px;
  padding-right: 15px;
}
[dir=rtl] .btn.btn-warning-link.pd {
  padding-right: 15px;
  padding-left: 15px;
}
.btn.btn-warning-outline {
  color: #e0cc00;
}
[dir] .btn.btn-warning-outline {
  background: 0 0;
  border: 1px solid #e0cc00;
}
.btn.btn-warning-outline.active,
.btn.btn-warning-outline:active {
  color: #f5b800;
}
.btn.btn-warning-outline:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-warning-outline:disabled {
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-warning:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-warning:disabled {
  background-color: #d9d8db;
  cursor: not-allowed;
}
[dir] .btn.btn-warning-outline:focus,
[dir] .btn.btn-warning:focus {
  box-shadow: 0 0 0 2px rgba(224, 204, 0, 0.6);
}
.btn.btn-icon.extra {
  color: #393a4c;
}
.btn.btn-extra {
  color: #fff;
}
[dir] .btn.btn-extra {
  background-color: #393a4c;
}
[dir] .btn.btn-extra.active,
[dir] .btn.btn-extra:active,
[dir] .btn.btn-extra:focus {
  background-color: #2e2f45;
}
.btn.btn-extra-round {
  width: 55px;
  height: 55px;
  color: #393a4c;
}
[dir] .btn.btn-extra-round {
  background: #fff;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #e1e1e1;
}
[dir] .btn.btn-extra-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(57, 58, 76, 0.25);
}
.btn.btn-extra-round i,
.btn.btn-extra-round svg {
  font-size: 1.8em;
}
[dir] .btn.btn-extra-round i,
[dir] .btn.btn-extra-round svg {
  margin: 0;
}
.btn.btn-extra-round.active,
.btn.btn-extra-round:active {
  color: #fff;
}
[dir] .btn.btn-extra-round.active,
[dir] .btn.btn-extra-round:active {
  background-color: #393a4c;
}
.btn.btn-extra-round.hover,
.btn.btn-extra-round:hover {
  color: #393a4c;
}
[dir] .btn.btn-extra-round.hover,
[dir] .btn.btn-extra-round:hover {
  background-color: #eff1fa;
}
.btn.btn-extra-round:focus {
  outline: 0;
}
[dir] .btn.btn-extra-round:focus {
  box-shadow: 0 0 0 2px rgba(57, 58, 76, 0.6);
}
.btn.btn-extra-round:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-extra-round:disabled {
  background-color: #d9d8db;
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-extra-link {
  font-weight: 400;
}
[dir] .btn.btn-extra-link {
  padding: 0;
  background: 0 0;
}
.btn.btn-extra-link.active,
.btn.btn-extra-link.hover,
.btn.btn-extra-link:active,
.btn.btn-extra-link:hover {
  font-weight: 700;
}
.btn.btn-extra-link i,
.btn.btn-extra-link svg,
.btn.btn-extra-link.hover,
.btn.btn-extra-link:hover {
  color: #393a4c;
}
[dir=ltr] .btn.btn-extra-link.pd {
  padding-left: 15px;
  padding-right: 15px;
}
[dir=rtl] .btn.btn-extra-link.pd {
  padding-right: 15px;
  padding-left: 15px;
}
.btn.btn-extra-outline {
  color: #393a4c;
}
[dir] .btn.btn-extra-outline {
  background: 0 0;
  border: 1px solid #393a4c;
}
.btn.btn-extra-outline.active,
.btn.btn-extra-outline:active {
  color: #2e2f45;
}
.btn.btn-extra-outline:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-extra-outline:disabled {
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-extra:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-extra:disabled {
  background-color: #d9d8db;
  cursor: not-allowed;
}
[dir] .btn.btn-extra-outline:focus,
[dir] .btn.btn-extra:focus {
  box-shadow: 0 0 0 2px rgba(57, 58, 76, 0.6);
}
.btn.btn-icon.secondary {
  color: #a5b8f0;
}
.btn.btn-secondary {
  color: #fff;
}
[dir] .btn.btn-secondary {
  background-color: #a5b8f0;
}
[dir] .btn.btn-secondary.active,
[dir] .btn.btn-secondary:active,
[dir] .btn.btn-secondary:focus {
  background-color: #6d41cb;
}
.btn.btn-secondary-round {
  width: 55px;
  height: 55px;
  color: #a5b8f0;
}
[dir] .btn.btn-secondary-round {
  background: #fff;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #eceef9;
}
[dir] .btn.btn-secondary-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(165, 184, 240, 0.25);
}
.btn.btn-secondary-round i,
.btn.btn-secondary-round svg {
  font-size: 1.8em;
}
[dir] .btn.btn-secondary-round i,
[dir] .btn.btn-secondary-round svg {
  margin: 0;
}
.btn.btn-secondary-round.active,
.btn.btn-secondary-round:active {
  color: #fff;
}
[dir] .btn.btn-secondary-round.active,
[dir] .btn.btn-secondary-round:active {
  background-color: #a5b8f0;
}
.btn.btn-secondary-round.hover,
.btn.btn-secondary-round:hover {
  color: #a5b8f0;
}
[dir] .btn.btn-secondary-round.hover,
[dir] .btn.btn-secondary-round:hover {
  background-color: #f5f6f9;
}
.btn.btn-secondary-round:focus {
  outline: 0;
}
[dir] .btn.btn-secondary-round:focus {
  box-shadow: 0 0 0 2px rgba(165, 184, 240, 0.6);
}
.btn.btn-secondary-round:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-secondary-round:disabled {
  background-color: #d9d8db;
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-secondary-link {
  font-weight: 400;
}
[dir] .btn.btn-secondary-link {
  padding: 0;
  background: 0 0;
}
.btn.btn-secondary-link.active,
.btn.btn-secondary-link.hover,
.btn.btn-secondary-link:active,
.btn.btn-secondary-link:hover {
  font-weight: 700;
}
.btn.btn-secondary-link i,
.btn.btn-secondary-link svg,
.btn.btn-secondary-link.hover,
.btn.btn-secondary-link:hover {
  color: #a5b8f0;
}
[dir=ltr] .btn.btn-secondary-link.pd {
  padding-left: 15px;
  padding-right: 15px;
}
[dir=rtl] .btn.btn-secondary-link.pd {
  padding-right: 15px;
  padding-left: 15px;
}
.btn.btn-secondary-outline {
  color: #a5b8f0;
}
[dir] .btn.btn-secondary-outline {
  background: 0 0;
  border: 1px solid #a5b8f0;
}
.btn.btn-secondary-outline.active,
.btn.btn-secondary-outline:active {
  color: #6d41cb;
}
.btn.btn-secondary-outline:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-secondary-outline:disabled {
  border-color: #c6c4c9;
  cursor: not-allowed;
}
.btn.btn-secondary:disabled {
  color: #9f9ca6;
}
[dir] .btn.btn-secondary:disabled {
  background-color: #d9d8db;
  cursor: not-allowed;
}
[dir] .btn.btn-secondary-outline:focus,
[dir] .btn.btn-secondary:focus {
  box-shadow: 0 0 0 2px rgba(165, 184, 240, 0.6);
}
.btn.btn-link {
  font-weight: 400;
}
[dir] .btn.btn-link {
  background-color: transparent;
}
.btn.btn-link.hover:not(:disabled),
.btn.btn-link:focus,
.btn.btn-link:hover:not(:disabled) {
  font-weight: 700;
}
[dir] .btn.btn-transparent {
  background: 0 0;
}
[dir] div.btn-icon.btn:hover,
[dir] span.btn-icon.btn:hover {
  background-color: #fff;
}
.btn-map-location {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 210px;
  width: 306px;
}
[dir] .btn-map-location {
  border: 1px solid #c1c1f2;
  background: #eceef9;
  border-radius: 3px;
  padding: 0 10px;
}
.btn-map-location span {
  display: block;
}
.btn-map-location-label {
  font-size: 22px;
  font-weight: 400;
  display: inline-flex;
  line-height: 30px;
  align-items: center;
  color: #4f5269;
}
[dir] .btn-map-location-label {
  margin-top: 0.5em;
}
.btn-map-location-label i {
  font-size: 1em;
}
[dir] .btn-map-location:hover {
  background-color: #eff1fa;
}
[dir] .btn-map-location:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
.btn-area {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 80px;
  width: 128px;
}
[dir] .btn-area {
  border: 1px solid #c1c1f2;
  background: #eceef9;
  border-radius: 3px;
  padding: 0 10px;
}
.btn-area input {
  z-index: 10;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  clip: auto;
  opacity: 0;
  position: absolute;
}
[dir] .btn-area input {
  margin: 0;
  cursor: pointer;
}
[dir=ltr] .btn-area input {
  left: 0;
}
[dir=rtl] .btn-area input {
  right: 0;
}
[dir] .btn-area:not(.has-file) {
  cursor: pointer;
}
.btn-area img {
  object-fit: contain;
  object-position: center;
}
.btn-area b {
  font-weight: 400;
}
.btn-area > span {
  display: block;
}
.btn-area-label {
  font-size: 12px;
  display: flex;
  color: #393a4c;
  align-items: center;
}
[dir] .btn-area-label {
  margin-top: 0.5em;
}
.btn-area-label span {
  text-decoration: underline;
}
.btn-area-label i {
  font-size: 1em;
}
[dir=ltr] .btn-area-label i {
  margin-right: 5px;
}
[dir=rtl] .btn-area-label i {
  margin-left: 5px;
}
[dir] .btn-area:hover:not(.has-file) {
  background-color: #eff1fa;
}
[dir] .btn-area:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir] .double-tabs .p-tabview-nav-content {
  border-radius: 5px;
  padding: 4px;
  background-color: #eff1fa;
}
.double-tabs .p-tabview-nav-content ul {
  list-style: none;
  display: flex;
}
[dir] .double-tabs .p-tabview-nav-content ul {
  margin: 0;
  padding: 0;
}
.double-tabs .p-tabview-nav-content ul li {
  width: 50%;
}
[dir] .double-tabs .p-tabview-nav-content .p-tabview-nav {
  background: 0 0;
  border-color: transparent;
}
.double-tabs .p-tabview-nav-content .p-tabview-nav-link {
  height: 26px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(46, 47, 69, 0.5);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-transform: capitalize;
}
[dir] .double-tabs .p-tabview-nav-content .p-tabview-nav-link {
  border: none !important;
  margin: 0 !important;
  background-color: transparent !important;
  padding: 0 20px;
  border-radius: 5px;
}
.double-tabs .p-tabview-nav-content .p-tabview-nav-link .badge {
  color: #fff;
}
[dir] .double-tabs .p-tabview-nav-content .p-tabview-nav-link .badge {
  background-color: #a5b8f0;
}
[dir=ltr] .double-tabs .p-tabview-nav-content .p-tabview-nav-link .badge {
  margin-left: 0.5em;
}
[dir=rtl] .double-tabs .p-tabview-nav-content .p-tabview-nav-link .badge {
  margin-right: 0.5em;
}
[dir] .double-tabs .p-tabview-nav-content .p-tabview-nav-link:hover:not([aria-selected=true]) {
  background-color: #dbe3f9 !important;
}
.double-tabs .p-tabview-nav-content .p-highlight .p-tabview-nav-link[aria-selected=true] {
  font-weight: 700;
  color: #fff;
}
[dir] .double-tabs .p-tabview-nav-content .p-highlight .p-tabview-nav-link[aria-selected=true] {
  background-color: #a5b8f0 !important;
}
.double-tabs .p-tabview-nav-content .p-highlight .p-tabview-nav-link[aria-selected=true] .badge {
  color: #a5b8f0;
}
[dir] .double-tabs .p-tabview-nav-content .p-highlight .p-tabview-nav-link[aria-selected=true] .badge {
  background-color: #fff;
}
.badge {
  font-weight: 700;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 17px;
  min-width: 17px;
  color: #393a4c;
}
[dir] .badge {
  border-radius: 50%;
  background-color: #fff;
}
.badge.md {
  min-width: 20px;
  min-height: 20px;
}
.badge.light {
  color: #a5b8f0;
}
[dir] .badge.light {
  background-color: #fff;
}
.badge.danger {
  color: #fff;
}
[dir] .badge.danger {
  background-color: #bd3333;
}
.badge.success {
  color: #fff;
}
[dir] .badge.success {
  background-color: #2ed9c3;
}
.badge.warning {
  color: #fff;
}
[dir] .badge.warning {
  background-color: #e0cc00;
}
.badge.primary {
  color: #fff;
}
[dir] .badge.primary {
  background-color: #9578d3;
}
.badge.secondary {
  color: #fff;
}
[dir] .badge.secondary {
  background-color: #a5b8f0;
}
.badge.danger-outline {
  color: #bd3333;
}
[dir] .badge.danger-outline {
  border: 1px solid #bd3333;
}
.badge.success-outline {
  color: #2ed9c3;
}
[dir] .badge.success-outline {
  border: 1px solid #2ed9c3;
}
.badge.warning-outline {
  color: #e0cc00;
}
[dir] .badge.warning-outline {
  border: 1px solid #e0cc00;
}
.badge.primary-outline {
  color: #9578d3;
}
[dir] .badge.primary-outline {
  border: 1px solid #9578d3;
}
.badge.secondary-outline {
  color: #a5b8f0;
}
[dir] .badge.secondary-outline {
  border: 1px solid #a5b8f0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
[dir] .sr-only {
  padding: 0;
  margin: -1px;
  border: 0;
}
textarea.form-control {
  height: 68px;
  resize: vertical;
}
[dir] textarea.form-control {
  padding: 15px;
}
input.form-control,
select.form-control,
textarea.form-control {
  width: 100%;
  color: #393a4c;
}
[dir] input.form-control,
[dir] select.form-control,
[dir] textarea.form-control {
  border-radius: 5px;
  background-color: #dfe1eb;
  box-shadow: none;
  border: 1px solid #dfe1eb;
}
input.form-control::placeholder,
select.form-control::placeholder,
textarea.form-control::placeholder {
  opacity: 1;
  color: rgba(57, 58, 76, 0.7);
}
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  outline: 0;
  position: relative;
  z-index: 2;
}
[dir] input.form-control:focus,
[dir] select.form-control:focus,
[dir] textarea.form-control:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
  background-color: #eff1fa;
  border-color: #9578d3;
}
input.form-control:focus + .form-control-btn,
select.form-control:focus + .form-control-btn,
textarea.form-control:focus + .form-control-btn {
  color: #393a4c;
}
input.form-control:disabled,
select.form-control:disabled,
textarea.form-control:disabled {
  color: #9f9ca6;
}
[dir] input.form-control:disabled,
[dir] select.form-control:disabled,
[dir] textarea.form-control:disabled {
  background-color: #d9d8db;
  border-color: #d9d8db;
  cursor: not-allowed;
}
input.form-control,
select.form-control {
  height: 34px;
  width: 100%;
}
[dir] input.form-control,
[dir] select.form-control {
  padding: 0 15px;
}
.dblock {
  display: block;
}
.has-status {
  display: inline-block;
}
.has-status:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
}
[dir] .has-status:before {
  border-radius: 50%;
}
[dir=ltr] .has-status:before {
  margin-right: 0.5em;
}
[dir=rtl] .has-status:before {
  margin-left: 0.5em;
}
.has-status.text-md:before {
  width: 16px;
  height: 16px;
}
[dir] .has-status.gray:before {
  background-color: #9f9ca6;
}
[dir] .has-status.primary:before {
  background-color: #9578d3;
}
[dir] .has-status.success:before {
  background-color: #2ed9c3;
}
[dir] .has-status.danger:before {
  background-color: #bd3333;
}
[dir] .has-status.warning:before {
  background-color: #e0cc00;
}
[dir] .has-status.extra:before {
  background-color: #393a4c;
}
[dir] .has-status.secondary:before {
  background-color: #a5b8f0;
}
.form-message {
  font-size: 0.9em;
  display: block;
}
[dir] .form-message {
  margin-top: 5px;
}
.form-message.primary {
  color: #9578d3;
}
.form-message.success {
  color: #2ed9c3;
}
.form-message.danger {
  color: #bd3333;
}
.form-message.warning {
  color: #e0cc00;
}
.form-message.extra {
  color: #393a4c;
}
.form-message.secondary {
  color: #a5b8f0;
}
.form-select {
  width: 100%;
  position: relative;
}
.form-select .form-control {
  appearance: none;
}
[dir=ltr] .form-select .form-control {
  padding-right: 30px;
}
[dir=rtl] .form-select .form-control {
  padding-left: 30px;
}
[dir=ltr] .form-select .form-control:focus + .icon {
  transform: translateY(-50%) rotate(180deg);
}
[dir=rtl] .form-select .form-control:focus + .icon {
  transform: translateY(-50%) rotate(-180deg);
}
.form-select .icon {
  display: inline-block;
  font-size: 0.5em;
  position: absolute;
  z-index: 2;
  top: 50%;
  transition: 0.3s;
  pointer-events: none;
  color: rgba(57, 58, 76, 0.7);
}
[dir] .form-select .icon {
  transform: translateY(-50%);
}
[dir=ltr] .form-select .icon {
  right: 15px;
}
[dir=rtl] .form-select .icon {
  left: 15px;
}
.form-grid-switcher {
  display: flex;
}
.form-grid-switcher label {
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[dir] .form-grid-switcher label {
  margin: 0 0.1em;
  cursor: pointer;
}
.form-grid-switcher label i {
  font-size: 1.2em;
  color: rgba(57, 58, 76, 0.5);
}
.form-grid-switcher label input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}
[dir] .form-grid-switcher label input {
  border: none;
}
.form-grid-switcher label input:checked + i {
  color: #393a4c;
}
[dir] .form-grid-switcher label input:focus + i {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
.form-checkbox .form-control-label,
.form-radio .form-control-label,
.form-switcher .form-control-label {
  font-size: 14px;
}
[dir=ltr] .form-checkbox .form-control-label,
[dir=ltr] .form-radio .form-control-label,
[dir=ltr] .form-switcher .form-control-label {
  margin-left: 0.5em;
}
[dir=rtl] .form-checkbox .form-control-label,
[dir=rtl] .form-radio .form-control-label,
[dir=rtl] .form-switcher .form-control-label {
  margin-right: 0.5em;
}
[dir] .form-checkbox {
  cursor: pointer;
}
.form-checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}
[dir] .form-checkbox input {
  border: none;
}
.form-checkbox input + i {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  font-size: 0.8em;
  color: transparent;
}
[dir] .form-checkbox input + i {
  padding: 0;
  background-color: #fff;
  border: 2px solid #9578d3;
  border-radius: 3px;
}
[dir] .form-checkbox input:disabled + i {
  background-color: #d9d8db;
  border-color: #cfced2;
}
[dir] .form-checkbox input:checked + i {
  background-color: #9578d3;
}
.form-checkbox input:checked + i:before {
  color: #fff;
}
[dir] .form-checkbox input:checked:disabled + i {
  background-color: #d9d8db;
  border-color: #cfced2;
}
[dir] .form-checkbox input:focus + i {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir] .form-checkbox.no-border input:not(:checked) + i {
  border-color: transparent;
}
.form-checkbox.sm input + i {
  width: 16px;
  height: 16px;
}
[dir] .form-radio {
  cursor: pointer;
}
.form-radio input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}
[dir] .form-radio input {
  border: none;
}
.form-radio input + i {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
[dir] .form-radio input + i {
  padding: 0;
  background-color: #fff;
  border: 2px solid #9578d3;
  border-radius: 50%;
}
.form-radio input + i:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
}
[dir] .form-radio input + i:before {
  border-radius: 50%;
  background: 0 0;
}
.form-radio input:disabled + i {
  color: #9f9ca6;
}
[dir] .form-radio input:disabled + i {
  background-color: #d9d8db;
  border-color: #cfced2;
  cursor: not-allowed;
}
[dir] .form-radio input:checked + i {
  background-color: transparent;
  border-color: #9578d3;
}
[dir] .form-radio input:checked + i:before {
  background-color: #9578d3;
}
[dir] .form-radio input:checked:disabled + i {
  background-color: #d9d8db;
  border-color: #cfced2;
}
[dir] .form-radio input:checked:disabled + i:before {
  background-color: #fff;
}
[dir] .form-radio input:focus + i {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir] .form-radio.no-border input:not(:checked) + i {
  border-color: transparent;
}
[dir] .form-radio.transparent input + i {
  background: 0 0;
}
.form-radio.sm input + i {
  width: 22px;
  height: 22px;
}
.form-radio.sm input + i:before {
  width: 12px;
  height: 12px;
}
[dir] .form-switcher {
  cursor: pointer;
}
.form-switcher input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}
[dir] .form-switcher input {
  border: none;
}
.form-switcher input + i {
  width: 50px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  transition: 0.2s;
}
[dir] .form-switcher input + i {
  padding: 2px;
  border: 2px solid #9f9ca6;
  border-radius: 42px;
}
.form-switcher input + i:before {
  content: "";
  width: 18px;
  height: 18px;
}
[dir] .form-switcher input + i:before {
  border-radius: 50%;
  background-color: #4f5269;
}
.form-switcher input:disabled + i {
  color: #9f9ca6;
}
[dir] .form-switcher input:disabled + i {
  background-color: #d9d8db;
  border-color: #cfced2;
  cursor: not-allowed;
}
[dir] .form-switcher input:disabled + i:before {
  background-color: #9f9ca6;
}
.form-switcher input:checked + i {
  justify-content: flex-end;
}
[dir] .form-switcher input:checked + i {
  background-color: #9578d3;
  border-color: transparent;
}
[dir] .form-switcher input:checked + i:before {
  background-color: #fff;
}
[dir] .form-switcher input:checked:disabled + i {
  background-color: #d9d8db;
  border-color: #cfced2;
}
[dir] .form-switcher input:focus + i {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
.form-dropdown {
  position: relative;
}
.form-dropdown-popup {
  position: absolute;
  z-index: 10;
  top: 100%;
  min-width: 200px;
}
[dir] .form-dropdown-popup {
  margin-top: 10px;
  border-radius: 10px;
  border: 1px solid #ecebed;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.03);
  padding: 10px;
  background-color: #fff;
}
[dir=ltr] .form-dropdown-popup {
  left: 0;
}
[dir=rtl] .form-dropdown-popup {
  right: 0;
}
[dir=ltr] .form-dropdown-popup.to-right {
  left: auto;
  right: 0;
}
[dir=rtl] .form-dropdown-popup.to-right {
  right: auto;
  left: 0;
}
.form-dropdown-popup ul {
  list-style: none;
}
[dir] .form-dropdown-popup ul {
  margin: 0;
  padding: 0;
}
.form-dropdown-popup ul li {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[dir] .form-dropdown-popup ul li {
  padding: 5px 0;
  cursor: pointer;
}
.form-dropdown-popup ul li.active,
.form-dropdown-popup ul li:focus,
.form-dropdown-popup ul li:hover {
  color: #9578d3;
  font-weight: 700;
}
.form-dropdown-popup ul li.divider {
  position: relative;
}
.form-dropdown-popup ul li.divider:after {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  height: 1px;
}
[dir] .form-dropdown-popup ul li.divider:after {
  background-color: #cfced2;
}
[dir=ltr] .form-dropdown-popup ul li.divider:after {
  left: 0;
  right: 0;
}
[dir=rtl] .form-dropdown-popup ul li.divider:after {
  right: 0;
  left: 0;
}
[dir] .form-dropdown-popup ul li.has-control {
  padding: 0;
}
[dir] .form-dropdown-popup.lg {
  padding: 20px;
}
.form-dropdown-label {
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
[dir] .form-dropdown-label {
  padding: 0 15px;
  border-radius: 5px;
  background-color: #dfe1eb;
  box-shadow: none;
  border: 1px solid #dfe1eb;
}
[dir] .form-dropdown-label.light-style {
  background-color: #f5f6f9;
  border-color: transparent;
}
[dir] .form-dropdown-label:hover {
  background-color: #eff1fa;
}
.form-dropdown-label i,
.form-dropdown-label svg {
  font-size: 0.5em;
  display: block;
  color: rgba(57, 58, 76, 0.5);
}
[dir=ltr] .form-dropdown-label i,
[dir=ltr] .form-dropdown-label svg {
  margin-left: 1em;
}
[dir=rtl] .form-dropdown-label i,
[dir=rtl] .form-dropdown-label svg {
  margin-right: 1em;
}
.form-dropdown-label:focus {
  outline: 0;
}
[dir] .form-dropdown-label:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
  border-color: #9578d3;
}
.form-dropdown-label:focus i,
.form-dropdown-label:focus svg {
  color: #393a4c;
}
.form-dropdown-label:disabled {
  color: #9f9ca6;
}
[dir] .form-dropdown-label:disabled {
  background-color: #d9d8db;
  cursor: not-allowed;
}
.form-label {
  font-size: 12px;
  display: block;
  font-weight: 400;
  color: rgba(57, 58, 76, 0.7);
}
[dir] .form-label {
  margin-bottom: 10px;
}
[dir] .form-group {
  margin-bottom: 20px;
}
.form-control {
  font-size: 12px;
}
.form-control-group {
  position: relative;
  display: flex;
  align-items: center;
}
[dir] .form-control-group {
  border-radius: 5px;
}
[dir] .form-control-group.form-control-invalid {
  box-shadow: 0 0 0 2px #bd3333;
}
.form-control-group.lg .form-control-btn,
.form-control-group.lg input.form-control {
  height: 45px;
  font-size: 14px;
}
[dir] .form-control-group.lg .form-control-btn {
  padding: 0 17px;
}
[dir=ltr] .form-control-group.has-btn-end .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir=rtl] .form-control-group.has-btn-end .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[dir=ltr] .form-control-group.has-btn-end .form-control-btn:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
[dir=rtl] .form-control-group.has-btn-end .form-control-btn:last-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
[dir=ltr] .form-control-group.has-btn-start .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 0;
}
[dir=rtl] .form-control-group.has-btn-start .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 0;
}
[dir=ltr] .form-control-group.has-btn-start .form-control-btn:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
[dir=rtl] .form-control-group.has-btn-start .form-control-btn:first-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
[dir] .form-control-group.has-bg .form-control,
[dir] .form-control-group.has-bg .form-control-btn {
  background-color: #fff;
  border-color: transparent;
}
.form-control-group.has-bg .form-label {
  color: rgba(57, 58, 76, 0.7);
}
[dir] .form-control-group.light-style .form-control,
[dir] .form-control-group.light-style .form-control-btn {
  background-color: #f5f6f9;
  border-color: transparent;
}
[dir] .form-control-group.bordered .form-control,
[dir] .form-control-group.bordered .form-control-btn {
  background: 0 0;
  border: 1px solid #c1c1f2;
}
.form-control-group.bordered.has-btn-start .form-control {
  border-inline-start: none;
}
.form-control-group.bordered.has-btn-start .form-control-btn {
  border-inline-end: none;
}
.form-control-btn {
  color: rgba(57, 58, 76, 0.7);
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir] .form-control-btn {
  background-color: #dfe1eb;
  padding: 0 15px;
  border: none;
  box-shadow: none;
}
.form-control-btn i {
  font-size: 1em;
  display: block;
}
.form-control-btn:focus {
  outline: 0;
  position: relative;
  z-index: 3;
}
[dir] .form-control-btn:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
  background-color: #eff1fa;
}
.form-control-btn:disabled {
  color: #9f9ca6;
}
[dir] .form-control-btn:disabled {
  background-color: #d9d8db;
  cursor: not-allowed;
}
.form-control-disabled .form-control-btn {
  color: #9f9ca6;
}
[dir] .form-control-disabled .form-control-btn {
  background-color: #d9d8db;
  cursor: not-allowed;
}
.brand-list {
  list-style: none;
}
[dir] .brand-list {
  margin: 0;
  padding: 0;
}
.brand-list li {
  font-size: 14px;
  display: flex;
  align-items: center;
}
[dir] .brand-list li {
  margin-bottom: 1em;
}
[dir] .brand-list li:last-child {
  margin-bottom: 0;
}
.brand-list li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
}
[dir] .brand-list li:before {
  border-radius: 50%;
  background-color: #9578d3;
}
[dir=ltr] .brand-list li:before {
  margin-right: 1em;
}
[dir=rtl] .brand-list li:before {
  margin-left: 1em;
}
body,
html {
  height: 100%;
}
.layout {
  min-height: 100%;
}
.layout-login {
  background-position: 0 100%, 100% 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir] .layout-login {
  background-image: url(/assets/images/bg.png), url(/assets/images/bg2.png);
  background-repeat: no-repeat;
  background-size: 50% auto, auto auto;
}
[dir] .layout-dashboard {
  padding-top: 74px;
}
[dir=ltr] .layout-dashboard {
  padding-left: 140px;
}
[dir=rtl] .layout-dashboard {
  padding-right: 140px;
}
.login-form {
  max-width: 378px;
}
[dir] .login-form {
  margin: 0 auto;
}
.login-form .code-fields input::-webkit-inner-spin-button,
.login-form .code-fields input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
[dir] .login-form .code-fields input::-webkit-inner-spin-button,
[dir] .login-form .code-fields input::-webkit-outer-spin-button {
  margin: 0;
}
.login-form .code-fields input {
  appearance: textfield;
  height: 48px;
  font-size: 30px !important;
  font-weight: 400;
}
[dir] .login-form .code-fields input {
  padding: 0 14px !important;
  border-radius: 5px;
}
.login-form .forgot-line {
  font-size: 14px;
}
[dir] .login-form .forgot-line {
  margin: 1.5em 0;
}
.login-form .forgot-line a {
  color: #393a4c;
  display: inline-flex;
}
[dir] .login-form .forgot-line a {
  padding: 0 0.5em;
}
.login-form .space {
  height: 50px;
}
.login-form .dont-have-account {
  font-size: 16px;
}
.login-form .dont-have-account a {
  color: #9578d3;
  font-weight: 700;
  text-decoration: none;
}
.login-form .btn {
  width: 100%;
}
[dir] .login-form header {
  text-align: center;
  margin-bottom: 1.2em;
}
.login-form header p {
  font-size: 18px;
}
[dir] .login-form header p {
  margin: 0;
}
.login-form h2,
.login-form h3 {
  font-size: 24px;
  font-weight: 400;
}
[dir] .login-form h2,
[dir] .login-form h3 {
  margin: 3em 0 0.5em;
}
.btn-help {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
}
[dir] .btn-help {
  text-align: center;
  padding: 10px;
}
.btn-help span {
  display: block;
}
[dir] .btn-help span {
  margin-top: 5px;
}
.btn-help:hover {
  opacity: 0.7;
}
.dashboard-sidebar-menu {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
[dir] .dashboard-sidebar-menu {
  background-color: #2e2f45;
  padding: 24px 28px;
}
[dir=ltr] .dashboard-sidebar-menu {
  left: 0;
}
[dir=rtl] .dashboard-sidebar-menu {
  right: 0;
}
.dashboard-sidebar-menu .menu {
  list-style: none;
  width: 80px;
}
[dir] .dashboard-sidebar-menu .menu {
  margin: 2.5em 0 0;
  padding: 0;
}
.dashboard-sidebar-menu .menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  text-decoration: none;
  color: #9f9ca6;
}
[dir] .dashboard-sidebar-menu .menu a {
  text-align: center;
  margin-bottom: 0.5em;
  border-radius: 10px;
}
.dashboard-sidebar-menu .menu a i {
  font-size: 1.6em;
}
.dashboard-sidebar-menu .menu a .label {
  display: block;
  font-size: 12px;
}
[dir] .dashboard-sidebar-menu .menu a .label {
  margin-top: 0.3em;
}
.dashboard-sidebar-menu .menu a.active {
  color: #fff;
}
[dir] .dashboard-sidebar-menu .menu a.active {
  background-color: #4d4e73;
}
.dashboard-sidebar-menu .menu a:hover:not(.active) {
  color: #fff;
}
[dir] .dashboard-sidebar-menu .menu a:hover:not(.active) {
  background-color: #393a4c;
}
.dashboard-navbar {
  height: 74px;
  position: fixed;
  z-index: 999;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[dir] .dashboard-navbar {
  background-color: #fff;
  padding: 0 24px;
}
[dir=ltr] .dashboard-navbar {
  left: 140px;
  right: 0;
}
[dir=rtl] .dashboard-navbar {
  right: 140px;
  left: 0;
}
[dir] .dashboard-navbar h1 {
  margin: 0;
}
.btn-notifi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  position: relative;
  color: #393a4c;
}
[dir] .btn-notifi {
  border-radius: 50%;
  background: 0 0;
  border: none;
}
[dir=ltr] .btn-notifi {
  margin-left: 5px;
}
[dir=rtl] .btn-notifi {
  margin-right: 5px;
}
.btn-notifi:focus {
  outline: 0;
}
[dir] .btn-notifi:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
.btn-notifi .badge {
  position: absolute;
  top: 0;
}
[dir=ltr] .btn-notifi .badge {
  right: 0;
}
[dir=rtl] .btn-notifi .badge {
  left: 0;
}
[dir] .btn-notifi:hover {
  background-color: #eff1fa;
}
img.cover {
  object-fit: contain;
  object-position: center;
}
.avatar-btn {
  height: 34px;
  display: inline-flex;
  align-items: center;
  color: #393a4c;
}
[dir] .avatar-btn {
  background: 0 0;
  border: none;
  padding: 0 10px;
  border-radius: 5px;
}
.avatar-btn:focus {
  outline: 0;
}
[dir] .avatar-btn:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir] .avatar-btn:hover {
  background-color: #eff1fa;
}
.avatar-btn .label {
  font-size: 16px;
}
[dir] .avatar-btn .label {
  padding: 0 10px;
}
.avatar-btn i {
  font-size: 0.4em;
}
[dir] .dashboard-container {
  padding: 24px 24px 0;
}
.grid-divider > div.cell,
.grid-divider > span.cell {
  border-inline-end: 1px solid #e5e7eb;
}
.grid-divider > div.cell:last-of-type,
.grid-divider > span.cell:last-of-type {
  border-inline-end: none;
}
.divider-v {
  position: relative;
  width: 1px;
  height: 32px;
}
[dir] .divider-v {
  background-color: #e5e7eb;
}
.divider-v.fh {
  height: auto;
}
.divider-vf {
  position: relative;
  min-width: 1px;
}
[dir] .divider-vf {
  background-color: #e5e7eb;
}
[dir] .divider-vf.darken {
  background-color: rgba(149, 120, 211, 0.2);
}
.text-large {
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}
.text-md {
  font-size: 24px;
  font-weight: 700;
}
.jcs {
  justify-content: flex-start !important;
}
.card-fix-height {
  min-height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.iblock {
  display: inline-block;
}
img {
  max-width: 100%;
}
.dashboard-center-layout {
  display: flex;
}
.dashboard-center-layout.has-sidebar {
  display: block;
  position: relative;
}
[dir=ltr] .dashboard-center-layout.has-sidebar {
  padding-right: 300px;
}
[dir=rtl] .dashboard-center-layout.has-sidebar {
  padding-left: 300px;
}
.dashboard-events-sidebar-container {
  position: absolute;
  top: 24px;
  bottom: 0;
  width: 300px;
}
[dir=ltr] .dashboard-events-sidebar-container {
  right: 0;
}
[dir=rtl] .dashboard-events-sidebar-container {
  left: 0;
}
.dashboard-events-sidebar {
  width: 100%;
}
[dir] .dashboard-events-sidebar {
  box-shadow: none;
  background-color: #fff;
}
[dir=ltr] .dashboard-events-sidebar {
  border-radius: 10px 0 0 10px;
}
[dir=rtl] .dashboard-events-sidebar {
  border-radius: 0 10px 10px 0;
}
[dir] .dashboard-events-sidebar .p-tabview-nav-container {
  padding: 0 15px;
  margin-bottom: 10px;
}
[dir] .dashboard-events-sidebar .p-tabview .p-tabview-panels {
  padding: 1px;
}
[dir] .dashboard-events-sidebar-header {
  padding: 20px 18px 14px;
}
[dir] .dashboard-events-sidebar .event-card {
  padding: 5px 20px;
  cursor: pointer;
}
[dir] .dashboard-events-sidebar .event-card .selected,
[dir] .dashboard-events-sidebar .event-card:hover {
  background-color: #eff1fa;
  border-radius: 5px;
}
.bdb {
  border-block-end: 2px solid #e5e7eb;
}
.bdb2 {
  border-block-end: 2px solid #c1c1f2;
}
.vertical-tab-panel .p-accordion .p-accordion-content {
  border-block-end: 1px solid #dbe3f9;
}
.event-header {
  display: flex;
  align-items: flex-start;
}
.event-header i {
  font-size: 1.8em;
  color: #a5b8f0;
  display: inline-block;
  width: 30px;
}
[dir] .event-header i {
  margin-top: 0.1666666667em;
}
.event-header i.icon-ticket {
  line-height: 1.5;
  font-size: 1em;
}
.event-header .event-name {
  font-size: 1.1666666667em;
  line-height: 20px;
  font-weight: 700;
  display: block;
}
.event-header .event-desc {
  font-size: 1em;
  line-height: 1.3333333333em;
  color: #9f9ca6;
  display: block;
}
.lh-14 {
  line-height: 14px;
}
.stretch > .cell {
  flex-grow: 1;
}
.lh-16 {
  line-height: 16px;
}
.ticket-box {
  width: 100%;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir] .ticket-box {
  background-color: #eff1fa;
  padding: 10px 12px;
  border-radius: 5px;
}
[dir=ltr] .ticket-box img {
  margin-right: 10px;
}
[dir=rtl] .ticket-box img {
  margin-left: 10px;
}
[dir] .ticket-box.no-bg {
  background: 0 0;
}
[dir=ltr] .pl-16 {
  padding-left: 16px;
}
[dir=rtl] .pl-16 {
  padding-right: 16px;
}
[dir] .big-event-card {
  background-color: #fff;
  border-radius: 5px;
}
.big-event-card-header {
  border-block-end: 2px solid #e5e7eb;
}
[dir] .big-event-card-header {
  padding: 10px;
}
[dir] .big-event-card-header.bp {
  padding: 20px 40px;
}
[dir] .big-event-card-section {
  padding: 12px 16px;
}
[dir=ltr] .big-event-card-footer {
  padding-left: 10px;
  padding-right: 10px;
}
[dir=rtl] .big-event-card-footer {
  padding-right: 10px;
  padding-left: 10px;
}
.big-event-card-footer i,
.big-event-card-footer svg {
  font-size: 1.6em;
}
[dir] .big-event-card-graph-area {
  margin: 0 auto;
  padding-top: 10px;
}
.big-event-card.x2 {
  font-size: 14px;
}
.big-event-card.as-link {
  position: relative;
}
.big-event-card.as-link .btn {
  position: relative;
  z-index: 20;
}
[dir] .big-event-card.as-link:hover {
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.15);
}
.big-event-card .card-event-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10;
}
[dir] .big-event-card .card-event-link {
  background: 0 0;
  border: none;
}
[dir=ltr] .big-event-card .card-event-link {
  left: 0;
}
[dir=rtl] .big-event-card .card-event-link {
  right: 0;
}
[dir] .big-event-card[role=button] {
  cursor: pointer;
}
[dir] .big-event-card[role=button]:focus {
  box-shadow: 0 0 0 2px #9578d3;
}
.notifi {
  min-width: 260px;
  color: #393a4c;
}
[dir] .notifi {
  border-radius: 10px;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  padding: 24px 20px;
}
.notifi.fixed {
  position: fixed;
  z-index: 1000000;
  bottom: 40px;
}
[dir=ltr] .notifi.fixed {
  right: 40px;
}
[dir=rtl] .notifi.fixed {
  left: 40px;
}
.notifi-close {
  position: absolute;
  top: 5px;
}
[dir=ltr] .notifi-close {
  right: 2px;
}
[dir=rtl] .notifi-close {
  left: 2px;
}
[dir] .notifi h3,
[dir] .notifi h4,
[dir] .notifi p {
  margin: 0;
}
.notifi h3,
.notifi h4 {
  font-size: 16px;
}
[dir] .notifi h3,
[dir] .notifi h4 {
  margin-top: 8px;
}
.notifi.dark {
  color: #fff;
}
[dir] .notifi.dark {
  background-color: #2e2f45;
}
.notifi.dark .btn.btn-icon {
  color: #fff;
}
[dir] .notifi.dark .btn.btn-icon:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.dashboard-horizontal-tabs ul {
  list-style: none;
  display: flex;
}
[dir] .dashboard-horizontal-tabs ul {
  margin: 0 -15px;
  padding: 0;
}
[dir=ltr] .dashboard-horizontal-tabs ul li {
  padding-right: 10px;
}
[dir=rtl] .dashboard-horizontal-tabs ul li {
  padding-left: 10px;
}
.dashboard-horizontal-tabs ul a {
  text-decoration: none;
  color: #9f9ca6;
  height: 34px;
  display: inline-flex;
  align-items: center;
}
[dir] .dashboard-horizontal-tabs ul a {
  padding: 0 15px;
}
.dashboard-horizontal-tabs ul a.active {
  color: #9578d3;
  font-weight: 700;
  position: relative;
}
.dashboard-horizontal-tabs ul a.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 4px;
}
[dir] .dashboard-horizontal-tabs ul a.active:after {
  border-radius: 6px;
  background-color: #9578d3;
}
.dashboard-horizontal-tabs ul a:hover:not(.active) {
  color: #393a4c;
}
[dir=ltr] .dashboard-sidebar {
  padding-right: 24px;
}
[dir=rtl] .dashboard-sidebar {
  padding-left: 24px;
}
[dir] .card-event {
  border-radius: 10px;
  border: 2px solid #c1c1f2;
  padding: 20px;
}
[dir] .card-event.selected {
  border-color: transparent;
  background-color: #f5f6f9;
}
.table {
  border-collapse: collapse;
}
.table thead {
  border-block-end: 2px solid #e5e7eb;
}
.table th {
  font-weight: 700;
  white-space: nowrap;
  font-size: 16px;
}
[dir=ltr] .table th {
  text-align: left;
}
[dir=rtl] .table th {
  text-align: right;
}
[dir] .table td,
[dir] .table th {
  padding-top: 20px;
  padding-bottom: 20px;
}
[dir=ltr] .table td:first-child,
[dir=ltr] .table th:first-child {
  padding-left: 20px;
}
[dir=ltr] .table td:last-child,
[dir=ltr] .table th:last-child,
[dir=rtl] .table td:first-child,
[dir=rtl] .table th:first-child {
  padding-right: 20px;
}
[dir=rtl] .table td:last-child,
[dir=rtl] .table th:last-child {
  padding-left: 20px;
}
.table td {
  vertical-align: top;
}
[dir] .table.separated tbody tr:nth-child(even) td {
  background-color: #eceef9;
}
[dir=ltr] .table.separated tbody tr:nth-child(even) td:first-child {
  border-radius: 10px 0 0 10px;
}
[dir=ltr] .table.separated tbody tr:nth-child(even) td:last-child,
[dir=rtl] .table.separated tbody tr:nth-child(even) td:first-child {
  border-radius: 0 10px 10px 0;
}
[dir=rtl] .table.separated tbody tr:nth-child(even) td:last-child {
  border-radius: 10px 0 0 10px;
}
.table.centered td {
  vertical-align: middle;
}
.table.has-bd tbody td {
  border-block-end: 1px solid #e5e7eb;
}
.has-dropdown {
  position: relative;
}
[dir] .card-blue {
  border-radius: 10px;
  padding: 30px;
  background-color: #eceef9;
  border: 2px solid transparent;
}
[dir] .card-blue.lg {
  padding: 18px 45px;
}
[dir] .card-blue.sm {
  padding: 10px 24px;
}
.card-blue.sm > .row {
  min-height: 122px;
}
[dir] .card-blue.md {
  padding: 24px;
}
[dir] .card-blue.light {
  background-color: #f4f5fb;
}
[dir] .card-blue.bordered {
  border: 2px solid #c1c1f2;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
}
[dir] .overlay {
  background-color: rgba(0, 0, 0, 0.38);
}
[dir=ltr] .overlay {
  right: 0;
  left: 0;
}
[dir=rtl] .overlay {
  left: 0;
  right: 0;
}
[dir] .floatbar-header {
  padding: 16px;
}
.floatbar-section {
  overflow-y: auto;
  flex-grow: 1;
}
[dir] .floatbar-section {
  padding: 16px;
}
.floatbar .p-sidebar-content {
  overflow: visible;
}
.floatbar .sidebar-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100vh;
}
[dir] .floatbar .sidebar-content {
  padding: 16px;
}
.card-bordered {
  display: inline-block;
}
[dir] .card-bordered {
  padding: 15px;
  border-radius: 5px;
  border: 2px solid #c1c1f2;
}
.graphbox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
[dir] .graphbox {
  margin-top: 11px;
}
[dir] fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
fieldset legend {
  font-size: 14px;
  color: rgba(57, 58, 76, 0.7);
  display: block;
  font-weight: 400;
}
[dir] fieldset legend {
  margin-bottom: 15px;
}
.modal {
  position: fixed;
  z-index: 999999;
  top: 50%;
}
[dir] .modal {
  border-radius: 10px;
  background-color: #fff;
  padding: 24px;
}
[dir=ltr] .modal {
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir=rtl] .modal {
  right: 50%;
  transform: translate(50%, -50%);
}
.accordion.bordered .accordion-item {
  border-block-end: 2px solid #e5e7eb;
}
.accordion.bordered .accordion-item:last-child {
  border-block-end: none;
}
[dir] .accordion-component {
  background-color: #dfe1eb;
  border-radius: 10px;
  margin-bottom: 24px;
}
.accordion-component-table thead th {
  font-weight: 400;
  font-size: 14px;
}
[dir=ltr] .accordion-component-table thead th {
  text-align: left;
}
[dir=rtl] .accordion-component-table thead th {
  text-align: right;
}
[dir] .accordion-component-table td,
[dir] .accordion-component-table th {
  padding: 12px 0;
}
[dir] .accordion-component-table-wrap {
  padding: 0 15px 6px;
}
[dir] .accordion-component .btn-accordion {
  padding: 20px 15px;
}
.card-secondary {
  color: #fff;
  position: relative;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir] .card-secondary {
  background-color: #bbcff6;
  border-radius: 10px;
  padding: 15px;
}
.card-secondary-label {
  top: 15px;
  position: absolute;
}
[dir=ltr] .card-secondary-label {
  left: 15px;
}
[dir=rtl] .card-secondary-label {
  right: 15px;
}
html:not(.dark-mode) .dark-only {
  display: none;
}
.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.row-inline {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.aie {
  align-items: flex-end;
}
.aic {
  align-items: center;
}
.ais {
  align-items: flex-start;
}
.aist {
  align-items: stretch;
}
.jce {
  justify-content: flex-end;
}
.jcc {
  justify-content: center;
}
.jcb {
  justify-content: space-between;
}
.ase {
  align-self: flex-end;
}
flex {
  display: flex !important;
}
iflex {
  display: inline-flex !important;
}
.op0 {
  opacity: 0;
  pointer-events: none;
}
.offsety-2 {
  position: relative;
  top: 2px;
}
.offsety-3 {
  position: relative;
  top: 3px;
}
.has-float-btn {
  position: relative;
}
.has-float-btn .float-btn {
  position: absolute;
  top: 2px;
}
[dir=ltr] .has-float-btn .float-btn {
  right: 15px;
}
[dir=rtl] .has-float-btn .float-btn {
  left: 15px;
}
.bd-start {
  border-inline-start: 2px solid #393a4c;
}
[dir=ltr] .bd-start {
  padding-left: 5px;
}
[dir=rtl] .bd-start {
  padding-right: 5px;
}
[dir] .no-border {
  border-color: transparent !important;
}
.no-td {
  text-decoration: none !important;
}
.ovh {
  overflow: hidden;
}
.rotate {
  display: inline-block;
  position: relative;
}
[dir=ltr] .rotate {
  transform: rotate(180deg);
}
[dir=rtl] .rotate {
  transform: rotate(-180deg);
}
[dir] .no-mg {
  margin: 0 !important;
}
[dir] .rounded {
  border-radius: 5px;
}
[dir] .round {
  border-radius: 50%;
}
[dir] .shadow {
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.03);
}
.w-stretch {
  width: 100%;
}
[dir] .bsh {
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.03);
}
[hidden] {
  display: none !important;
}
.w-30per {
  min-width: 30%;
}
.mw-32 {
  min-width: 32px;
}
.mw-130 {
  min-width: 130px;
}
.mw-134 {
  min-width: 134px;
}
.mw-174 {
  min-width: 174px;
}
.w-212 {
  width: 212px;
}
.mw-216 {
  min-width: 216px;
}
.mw-245 {
  min-width: 245px;
}
.mw-250 {
  min-width: 250px;
}
.mw-355 {
  min-width: 355px;
}
.mw-400 {
  min-width: 400px;
}
.mw-415 {
  min-width: 415px;
}
.mh-120 {
  min-height: 120px;
}
.mh-128 {
  min-height: 128px;
}
.mh-284 {
  min-height: 284px;
}
.mh-300 {
  min-height: 300px;
}
.h-410 {
  height: 410px;
}
.mh-600 {
  min-height: 600px;
}
.color-gray {
  color: rgba(57, 58, 76, 0.5);
}
.color-dark {
  color: #393a4c;
}
.color-gray2 {
  color: rgba(57, 58, 76, 0.7);
}
.color-primary {
  color: #9578d3;
}
[dir] .bg-color-primary {
  background-color: #9578d3;
}
.color-success {
  color: #2ed9c3;
}
[dir] .bg-color-success {
  background-color: #2ed9c3;
}
.color-danger {
  color: #bd3333;
}
[dir] .bg-color-danger {
  background-color: #bd3333;
}
.color-warning {
  color: #e0cc00;
}
[dir] .bg-color-warning {
  background-color: #e0cc00;
}
.color-extra {
  color: #393a4c;
}
[dir] .bg-color-extra {
  background-color: #393a4c;
}
.color-secondary {
  color: #a5b8f0;
}
[dir] .bg-color-secondary {
  background-color: #a5b8f0;
}
.fg-1 {
  flex-grow: 1;
}
.fb-10 {
  flex-basis: 10%;
}
.fw-10 {
  min-width: 10%;
}
.fw-15 {
  min-width: 15%;
}
.fz-x1 {
  font-size: 1em;
}
.fg-2 {
  flex-grow: 2;
}
.fb-20 {
  flex-basis: 20%;
}
.fw-20 {
  min-width: 20%;
}
.fw-25 {
  min-width: 25%;
}
.fz-x2 {
  font-size: 2em;
}
.fg-3 {
  flex-grow: 3;
}
.fb-30 {
  flex-basis: 30%;
}
.fw-30 {
  min-width: 30%;
}
.fw-35 {
  min-width: 35%;
}
.fz-x3 {
  font-size: 3em;
}
.fg-4 {
  flex-grow: 4;
}
.fb-40 {
  flex-basis: 40%;
}
.fw-40 {
  min-width: 40%;
}
.fw-45 {
  min-width: 45%;
}
.fz-x4 {
  font-size: 4em;
}
.fg-5 {
  flex-grow: 5;
}
.fb-50 {
  flex-basis: 50%;
}
.fw-50 {
  min-width: 50%;
}
.fw-55 {
  min-width: 55%;
}
.fz-x5 {
  font-size: 5em;
}
.fg-6 {
  flex-grow: 6;
}
.fb-60 {
  flex-basis: 60%;
}
.fw-60 {
  min-width: 60%;
}
.fw-65 {
  min-width: 65%;
}
.fz-x6 {
  font-size: 6em;
}
.fg-7 {
  flex-grow: 7;
}
.fb-70 {
  flex-basis: 70%;
}
.fw-70 {
  min-width: 70%;
}
.fw-75 {
  min-width: 75%;
}
.fz-x7 {
  font-size: 7em;
}
.fg-8 {
  flex-grow: 8;
}
.fb-80 {
  flex-basis: 80%;
}
.fw-80 {
  min-width: 80%;
}
.fw-85 {
  min-width: 85%;
}
.fz-x8 {
  font-size: 8em;
}
.fg-9 {
  flex-grow: 9;
}
.fb-90 {
  flex-basis: 90%;
}
.fw-90 {
  min-width: 90%;
}
.fw-95 {
  min-width: 95%;
}
.fz-x9 {
  font-size: 9em;
}
.fg-10 {
  flex-grow: 10;
}
.fb-100 {
  flex-basis: 100%;
}
.fw-100 {
  min-width: 100%;
}
.fw-105 {
  min-width: 105%;
}
.fz-x10 {
  font-size: 10em;
}
.fz-1 {
  font-size: 0.0833333333em !important;
}
.fz-2 {
  font-size: 0.1666666667em !important;
}
.fz-3 {
  font-size: 0.25em !important;
}
.fz-4 {
  font-size: 0.3333333333em !important;
}
.fz-5 {
  font-size: 0.4166666667em !important;
}
.fz-6 {
  font-size: 0.5em !important;
}
.fz-7 {
  font-size: 0.5833333333em !important;
}
.fz-8 {
  font-size: 0.6666666667em !important;
}
.fz-9 {
  font-size: 0.75em !important;
}
.fz-10 {
  font-size: 0.8333333333em !important;
}
.fz-11 {
  font-size: 0.9166666667em !important;
}
.fz-12 {
  font-size: 1em !important;
}
.fz-13 {
  font-size: 1.0833333333em !important;
}
.fz-14 {
  font-size: 1.1666666667em !important;
}
.fz-15 {
  font-size: 1.25em !important;
}
.fz-16 {
  font-size: 1.3333333333em !important;
}
.fz-17 {
  font-size: 1.4166666667em !important;
}
.fz-18 {
  font-size: 1.5em !important;
}
.fz-19 {
  font-size: 1.5833333333em !important;
}
.fz-20 {
  font-size: 1.6666666667em !important;
}
.fz-21 {
  font-size: 1.75em !important;
}
.fz-22 {
  font-size: 1.8333333333em !important;
}
.fz-23 {
  font-size: 1.9166666667em !important;
}
.fz-24 {
  font-size: 2em !important;
}
.fz-25 {
  font-size: 2.0833333333em !important;
}
.fz-26 {
  font-size: 2.1666666667em !important;
}
.fz-27 {
  font-size: 2.25em !important;
}
.fz-28 {
  font-size: 2.3333333333em !important;
}
.fz-29 {
  font-size: 2.4166666667em !important;
}
.fz-30 {
  font-size: 2.5em !important;
}
[dir] .grid-sm {
  margin: 0 -10px;
}
[dir] .grid-sm > .cell {
  padding: 0 10px;
}
[dir] .grid-xsm {
  margin: 0 -6px;
}
[dir] .grid-xsm > .cell {
  padding: 0 6px;
}
[dir] .grid-lg {
  margin: 0 -40px;
}
[dir] .grid-lg > .cell {
  padding: 0 40px;
}
[dir] .grid-md {
  margin: 0 -32px;
}
[dir] .grid-md > .cell {
  padding: 0 32px;
}
.grid-5-events {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
}
[dir] .grid-5-events {
  margin: 0;
}
[dir] .grid-5-events > .cell {
  padding: 0;
}
.grid-3 {
  flex-wrap: wrap;
  justify-content: flex-start;
}
[dir] .grid-3 {
  margin: -10px;
}
.grid-3 > .cell {
  width: 33.33%;
}
[dir] .grid-3 > .cell {
  padding: 10px;
}
.grid-5 {
  flex-wrap: wrap;
  justify-content: flex-start;
}
[dir] .grid-5 {
  margin: -20px;
}
.grid-5 > .cell {
  width: 33.333%;
}
[dir] .grid-5 > .cell {
  padding: 20px;
}
.grid-4-events {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}
[dir] .grid-4-events {
  margin: 0;
}
[dir] .grid-4-events > .cell {
  padding: 0;
}
.grid-4 {
  flex-wrap: wrap;
}
[dir] .grid-4 {
  margin: -10px;
}
.grid-4 > .cell {
  width: 25%;
}
[dir] .grid-4 > .cell {
  padding: 10px;
}
.grid-20 {
  flex-wrap: wrap;
}
[dir] .grid-20 {
  margin: -10px;
}
.grid-20 > .cell {
  width: 20%;
}
[dir] .grid-20 > .cell {
  padding: 10px;
}
.container {
  overflow: hidden;
  max-width: 100%;
}
[dir] .container {
  margin: 0 auto;
}
[dir] .text-center {
  text-align: center;
}
[dir] .text-end {
  text-align: end;
}
.normal {
  font-weight: 400;
}
.bold {
  font-weight: 700;
}
[dir] .mb-2px {
  margin-bottom: 2px;
}
[dir] .mt-2px {
  margin-top: 2px;
}
[dir] .mb-3px {
  margin-bottom: 3px;
}
[dir] .mt-3px {
  margin-top: 3px;
}
[dir] .mb-2 {
  margin-bottom: 5px;
}
[dir] .mb-3 {
  margin-bottom: 6px;
}
[dir] .mt-3 {
  margin-top: 6px;
}
[dir=ltr] .mr-5 {
  margin-right: 10px;
}
[dir=ltr] .ml-5,
[dir=rtl] .mr-5 {
  margin-left: 10px;
}
[dir=rtl] .ml-5 {
  margin-right: 10px;
}
[dir] .mt-5 {
  margin-top: 10px;
}
[dir] .mb-5 {
  margin-bottom: 10px;
}
[dir=ltr] .mr-10 {
  margin-right: 20px;
}
[dir=ltr] .ml-10,
[dir=rtl] .mr-10 {
  margin-left: 20px;
}
[dir=rtl] .ml-10 {
  margin-right: 20px;
}
[dir] .mt-10 {
  margin-top: 10px;
}
[dir] .mb-10 {
  margin-bottom: 10px;
}
[dir] .mt-16px {
  margin-top: 16px;
}
[dir] .mt-20 {
  margin-top: 10px;
}
[dir] .mb-20 {
  margin-bottom: 10px;
}
[dir=ltr] .pl-5 {
  padding-left: 10px;
}
[dir=ltr] .pr-5,
[dir=rtl] .pl-5 {
  padding-right: 10px;
}
[dir=rtl] .pr-5 {
  padding-left: 10px;
}
[dir=ltr] .ps-5 {
  padding-left: 5px;
  padding-right: 5px;
}
[dir=rtl] .ps-5 {
  padding-right: 5px;
  padding-left: 5px;
}
[dir] .pt-10 {
  padding-top: 10px;
}
[dir] .pb-10 {
  padding-bottom: 10px;
}
[dir=ltr] .pl-10 {
  padding-left: 20px;
}
[dir=ltr] .pr-10,
[dir=rtl] .pl-10 {
  padding-right: 20px;
}
[dir=rtl] .pr-10 {
  padding-left: 20px;
}
[dir] .pt-16 {
  padding-top: 16px;
}
[dir] .pb-16 {
  padding-bottom: 16px;
}
[dir] .pd-20 {
  padding: 20px;
}
[dir] .pd-16 {
  padding: 16px;
}
[dir] .pt-24 {
  padding-top: 24px;
}
[dir] .pb-24 {
  padding-bottom: 24px;
}
[dir] .pd-24 {
  padding: 24px;
}
[dir] .pd-30 {
  padding: 30px;
}
[dir] .pd-40 {
  padding: 40px;
}
[dir] .pd-50 {
  padding: 50px;
}
[dir=ltr] .ps-70 {
  padding-left: 70px;
  padding-right: 70px;
}
[dir=rtl] .ps-70 {
  padding-right: 70px;
  padding-left: 70px;
}
[dir=ltr] .ps-90 {
  padding-left: 90px;
  padding-right: 90px;
}
[dir=rtl] .ps-90 {
  padding-right: 90px;
  padding-left: 90px;
}
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textrea {
  width: 100%;
}
[dir] .p-avatar.p-avatar-circle {
  border-radius: 50%;
}
[dir] .avatar-dropdown .p-button {
  padding: 0;
}
[dir] .avatar-dropdown.avatar-dropdown {
  box-shadow: none;
}
.theme-switcher {
  display: flex;
  align-items: center;
}
[dir] .theme-switcher {
  margin-top: 3em;
  cursor: pointer;
  padding: 4px;
  border-radius: 42px;
  background-color: #383950;
}
.theme-switcher input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
[dir] .theme-switcher input {
  padding: 0;
  margin: -1px;
  border: 0;
}
.theme-switcher i {
  width: 43px;
  height: 26px;
  color: rgba(255, 255, 255, 0.5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4em;
}
[dir] .theme-switcher i {
  border-radius: 42px;
}
.theme-switcher input:not(:checked) ~ .light {
  color: #fff;
}
[dir] .theme-switcher input:not(:checked) ~ .light {
  background-color: #2ed9c3;
}
.theme-switcher input:checked ~ .dark {
  color: #fff;
}
[dir] .theme-switcher input:checked ~ .dark {
  background-color: #2ed9c3;
}
[dir=ltr] .dropdown-short .p-dropdown-label {
  padding-right: 0;
}
[dir=rtl] .dropdown-short .p-dropdown-label {
  padding-left: 0;
}
[dir=ltr] .text-start {
  text-align: left;
}
[dir=rtl] .text-start {
  text-align: right;
}
[dir=ltr] .right-3em {
  right: 3em;
}
[dir=rtl] .right-3em {
  left: 3em;
}
[dir] .mt-2 {
  margin-top: 2px;
}
[dir] .mt-15 {
  margin-top: 30px;
}
[dir] .mb-15 {
  margin-bottom: 30px;
}
[dir] .mb-20 {
  margin-bottom: 35px;
}
[dir] .mt-16 {
  margin-top: 34px;
}
[dir] .mt-16h {
  margin-top: 35px;
}
[dir] .mb-16 {
  margin-bottom: 34px;
}
[dir] .mb-15px {
  margin-bottom: 15px;
}
.p-dropdown-categories-with-icons .icon {
  font-size: 1.3em;
  display: block;
  width: 15px;
}
[dir] .p-dropdown-categories-with-icons .icon {
  text-align: center;
}
.p-dropdown-categories-with-icons .icon.icon-ticket {
  font-size: 1em;
}
.p-dropdown-panel {
  overflow: hidden;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
  color: #393a4c;
  font-weight: 400;
}
[dir] .p-datatable .p-datatable-tbody > tr.p-highlight {
  background-color: #eff1fa;
}
.p-datatable .p-datatable-thead > tr > th {
  transition: none;
  font-weight: 700;
  font-size: 16px;
  color: #393a4c;
  white-space: nowrap;
}
[dir] .p-datatable .p-datatable-thead > tr > th {
  background-color: #fff;
}
[dir=ltr] .p-datatable .p-datatable-thead > tr > th:not(:first-child) {
  border-left: 0;
}
[dir=ltr] .p-datatable .p-datatable-thead > tr > th:not(:last-child),
[dir=rtl] .p-datatable .p-datatable-thead > tr > th:not(:first-child) {
  border-right: 0;
}
[dir=rtl] .p-datatable .p-datatable-thead > tr > th:not(:last-child) {
  border-left: 0;
}
.p-datatable {
  overflow: hidden;
}
[dir] .p-datatable {
  border-radius: 10px;
}
[dir] .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}
.avatar-uploader {
  display: inline-block;
  position: relative;
}
[dir] .avatar-uploader {
  margin-bottom: 1.5em;
}
[dir] .avatar-uploader input:focus + .photo-area {
  box-shadow: 0 0 0 2px #9578d3;
}
.avatar-uploader .photo-area {
  width: 100px;
  height: 100px;
  display: block;
}
[dir] .avatar-uploader .photo-area {
  cursor: pointer;
  border-radius: 50%;
  padding: 4px;
  background-color: #fff;
}
.avatar-uploader .photo-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.avatar-uploader.isnew .photo-area {
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir] .avatar-uploader.isnew .photo-area {
  background-color: #e2e1e4;
}
.avatar-uploader.isnew .photo-area .icon {
  font-size: 3em;
  color: #fff;
}
.avatar-uploader .p-button {
  bottom: 5px;
  position: absolute;
  width: 30px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 30px !important;
}
[dir] .avatar-uploader .p-button {
  padding: 0;
}
[dir=ltr] .avatar-uploader .p-button {
  right: 0;
}
[dir=rtl] .avatar-uploader .p-button {
  left: 0;
}
.avatar-uploader .p-button .icon {
  font-size: 1em;
}
[dir] .avatar-uploader .p-button .icon {
  margin-top: -2px;
}
[dir] .p-datatable-striped.p-datatable .p-datatable-tbody > tr > td {
  border: none;
}
[dir=ltr] .no-pr {
  padding-right: 0 !important;
}
[dir=rtl] .no-pr {
  padding-left: 0 !important;
}
[dir=ltr] .pr-5px {
  padding-right: 5px !important;
}
[dir=rtl] .pr-5px {
  padding-left: 5px !important;
}
.floatbar .p-sidebar-header {
  display: none;
}
.floatbar .button-delete {
  position: absolute;
  bottom: 32px;
}
[dir=ltr] .floatbar .button-delete {
  right: 32px;
}
[dir=rtl] .floatbar .button-delete {
  left: 32px;
}
.floatbar .sidebar-content {
  position: relative;
}
[dir] .floatbar .sidebar-content {
  padding-top: 10px;
}
[dir=ltr] .floatbar .p-sidebar-content {
  padding-left: 0;
  padding-right: 0;
}
[dir=rtl] .floatbar .p-sidebar-content {
  padding-right: 0;
  padding-left: 0;
}
.vertical-tab-panel .p-tabview {
  display: flex;
}
.vertical-tab-panel .p-tabview-panels {
  flex-grow: 1;
}
.vertical-tab-panel .p-tabview-nav {
  flex-direction: column;
}
[dir] .vertical-tab-panel .p-tabview-nav {
  border: none;
}
[dir] .vertical-tab-panel .p-tabview-nav li {
  padding: 10px 0;
}
.vertical-tab-panel .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  color: #393a4c;
}
[dir] .vertical-tab-panel .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  border-color: transparent;
  background-color: #eceef9;
}
.vertical-tab-panel .p-tabview-nav li .p-tabview-nav-link {
  height: 80px;
  display: flex;
  align-items: center;
  width: 200px;
  font-size: 18px;
}
[dir] .vertical-tab-panel .p-tabview-nav li .p-tabview-nav-link {
  border: 2px solid #c1c1f2;
  border-radius: 10px;
  padding: 0 20px;
}
.vertical-tab-panel .p-tabview-nav li .p-tabview-nav-link .icon {
  font-size: 1.5em;
  color: #9578d3;
}
[dir=ltr] .vertical-tab-panel .p-tabview-nav li .p-tabview-nav-link .icon {
  margin-right: 10px;
}
[dir=rtl] .vertical-tab-panel .p-tabview-nav li .p-tabview-nav-link .icon {
  margin-left: 10px;
}
app-accordion-group:last-child .accordion-panel {
  border-block-end: none;
}
.accordion-panel {
  border-block-end: 1px solid #c1c1f2;
}
.accordion-panel .accordion-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion-panel .accordion-title-container .icon {
  font-size: 0.6em;
  color: #9f9ca6;
}
[dir] .accordion-panel .accordion-title-container .icon {
  cursor: pointer;
}
[dir=ltr] .accordion-panel .accordion-title-container .icon {
  margin-left: 24px;
}
[dir=rtl] .accordion-panel .accordion-title-container .icon {
  margin-right: 24px;
}
.accordion-panel .accordion-button {
  flex-grow: 1;
  display: block;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: #393a4c;
}
[dir] .accordion-panel .accordion-button {
  padding: 24px 0;
}
.accordion-panel .accordion-button:focus {
  outline: 0;
  color: #9578d3;
}
[dir] .accordion-panel .accordion-button:focus {
  box-shadow: none;
}
[dir=ltr] .accordion-panel.opened .icon {
  transform: rotate(180deg);
}
[dir=rtl] .accordion-panel.opened .icon {
  transform: rotate(-180deg);
}
[dir] .accordion-panel .accordion-body {
  padding-bottom: 16px;
}
[dir=ltr] .card-blue .card-blue-section {
  padding-left: 24px;
  padding-right: 12px;
}
[dir=rtl] .card-blue .card-blue-section {
  padding-right: 24px;
  padding-left: 12px;
}
.events-grid .event-card {
  font-size: 1.2em;
}
[dir] .events-grid .event-card {
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(199, 203, 226, 0.26);
  background-color: #fff;
}
[dir] .events-grid .event-card.bg-gray {
  background-color: #f5f5f6;
  box-shadow: none;
}
[dir] .events-grid .event-card[role=button]:focus,
[dir] .events-grid .event-card[role=button]:hover {
  cursor: pointer;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.15);
}
[dir=ltr] .events-grid .event-card-footer,
[dir=ltr] .events-grid .event-card-header,
[dir=ltr] .events-grid .event-card-section {
  padding-left: 40px;
  padding-right: 40px;
}
[dir=rtl] .events-grid .event-card-footer,
[dir=rtl] .events-grid .event-card-header,
[dir=rtl] .events-grid .event-card-section {
  padding-right: 40px;
  padding-left: 40px;
}
.events-grid .event-card-header {
  border-block-end: 1px solid #e5e7eb;
}
[dir] .events-grid .event-card-header {
  padding-top: 16px;
  padding-bottom: 16px;
}
[dir] .events-grid .event-card-section .ticket-box:not(.bg-required) {
  background: 0 0;
}
[dir] .events-grid .event-card-footer {
  padding-bottom: 25px;
}
[dir] .events-grid .event-card-footer .event-statistic-box {
  text-align: center;
}
[dir] .events-grid .event-card-footer .event-statistic-box-label {
  margin-bottom: 1em;
}
[dir] .light-pb .p-progressbar {
  background-color: #fff;
}
.p-input-filled .pi:not(.p-multiselect-token-icon):not(.pi-times).color-primary,
.p-input-filled-transparent .pi:not(.p-multiselect-token-icon):not(.pi-times).color-primary {
  color: #9578d3;
}
.s-box-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[dir] .s-box-value > .grid-xsm {
  margin: 0;
}
[dir=ltr] .p-input-icon-left .p-calendar .p-inputtext {
  padding-left: 3.5em;
}
[dir=rtl] .p-input-icon-left .p-calendar .p-inputtext {
  padding-right: 3.5em;
}
[dir=ltr] .p-input-icon-left p-calendar + .pi {
  left: 1em;
}
[dir=rtl] .p-input-icon-left p-calendar + .pi {
  right: 1em;
}
.has-float {
  position: relative;
}
.app-popover {
  min-width: 231px;
  color: #393a4c;
  z-index: 1000;
}
[dir] .app-popover {
  background-color: #fff;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.03);
  border-radius: 10px;
}
[dir] .gate-popover-header,
[dir] .gate-popover-section {
  padding: 16px;
}
.fix-bd-accordion .accordion-panel {
  border-block-end: 2px solid #e5e7eb;
}
[dir] .no-pd {
  padding: 0 !important;
}
[dir=ltr] .no-pl {
  padding-left: 0 !important;
}
[dir=rtl] .no-pl {
  padding-right: 0 !important;
}
.app-icons-menu .pi.p-menuitem-icon {
  color: #9578d3;
}
.app-icons-menu .pi-trash.p-menuitem-icon {
  color: #bd3333;
}
.app-icons-menu .pi-trash.p-menuitem-icon ~ .p-menuitem-text {
  color: #bd3333;
  font-weight: 700;
}
[dir=ltr] .pl-15px {
  padding-left: 15px !important;
}
[dir=rtl] .pl-15px {
  padding-right: 15px !important;
}
.p-component-overlay .p-dialog-header {
  justify-content: center;
}
.link-text {
  text-decoration: none;
  color: inherit;
}
.link-text:hover {
  text-decoration: underline;
}
.p-avatar-image img {
  object-fit: contain;
  object-position: center;
}
.knob-component {
  position: relative;
}
.knob-component-icon {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6em;
}
[dir=ltr] .knob-component-icon {
  left: 50%;
  transform: translate(-50%, -35px);
}
[dir=rtl] .knob-component-icon {
  right: 50%;
  transform: translate(50%, -35px);
}
.knob-component .p-knob-text {
  font-size: 14px;
  position: relative;
  color: #4b4850 !important;
}
[dir] .knob-component .p-knob-text {
  transform: translateY(10px);
}
.p-knob-range,
.p-knob-value {
  transform: rotate(150deg);
}
[dir] .p-knob-range,
[dir] .p-knob-value {
  transform-origin: center;
}
.pac-container {
  z-index: 100000;
}
[dir] .card-running-event .p-progressbar {
  background-color: #fff;
}
[dir] .gate-statsbox-content .p-input-filled .p-treeselect {
  background-color: #ecebed;
}
.gate-statsbox-content .p-treeselect .p-treeselect-label.p-placeholder {
  color: #000;
}
.card.dark .p-treeselect-clear-icon,
.card.dark .p-treeselect-trigger,
.hover-dark:hover .p-treeselect-clear-icon,
.hover-dark:hover .p-treeselect-trigger {
  color: #fff !important;
}
[dir] .card.dark .p-input-filled .p-treeselect,
[dir] .hover-dark:hover .p-input-filled .p-treeselect {
  background-color: rgba(254, 254, 254, 0.3);
}
.card.dark .p-treeselect .p-treeselect-label.p-placeholder,
.hover-dark:hover .p-treeselect .p-treeselect-label.p-placeholder {
  color: #fff !important;
}
[dir=ltr] .pl-10px {
  padding-left: 10px;
}
[dir=rtl] .pl-10px {
  padding-right: 10px;
}
[dir=ltr] .pr-16 {
  padding-right: 16px;
}
[dir=rtl] .pr-16 {
  padding-left: 16px;
}
[dir] .divider-h {
  border-bottom: 1px solid #ecebed;
}
.knob-component .p-knob-range {
  stroke: #f5f5f6 !important;
}
[dir] .graph-white-bg {
  border-radius: 12px;
  background-color: #fff;
  padding: 20px;
  margin-top: 20px;
}
.dashboard-events-sidebar .ticket-box img {
  max-width: 20px;
  object-fit: contain;
}
.btn-icon[disabled] {
  opacity: 0.4;
}
.btn-icon[disabled] .icon {
  color: #000;
}
.pi.icon {
  font-size: 1.2em !important;
}
button.p-treeselect-close {
  display: none !important;
}
.p-input-filled .pi.icon-calendar_time,
.p-input-filled .pi.icon-time,
.p-input-filled .pi.pi-chevron-down,
.p-input-filled-light .pi.icon-calendar_time,
.p-input-filled-light .pi.icon-time,
.p-input-filled-light .pi.pi-chevron-down,
.p-input-filled-transparent .pi.icon-calendar_time,
.p-input-filled-transparent .pi.icon-time,
.p-input-filled-transparent .pi.pi-chevron-down {
  pointer-events: none;
}
.cell-event-location-left {
  width: auto;
  flex-grow: 1;
  border-inline-end: 2px solid #ecebed;
}
[dir=ltr] .cell-event-location-left {
  padding-right: 20px;
  margin-right: 20px;
}
[dir=rtl] .cell-event-location-left {
  padding-left: 20px;
  margin-left: 20px;
}
.ai-stretch {
  align-items: stretch;
}
.has-loader {
  opacity: 0.6;
}
.has-loader:after {
  content: "";
  display: block;
  width: 40px;
  position: absolute;
  top: 50%;
  height: 40px;
}
[dir] .has-loader:after {
  border-radius: 50%;
  margin-top: -20px;
  border: 4px solid #9578d3;
}
[dir=ltr] .has-loader:after {
  left: 50%;
  margin-left: 20px;
  border-left-color: transparent;
  animation-name: spin-ltr;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
[dir=rtl] .has-loader:after {
  right: 50%;
  margin-right: 20px;
  border-right-color: transparent;
  animation-name: spin-rtl;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
[dir] .item:not(.item_selected) .card-event {
  border-color: #e2e1e4;
}
.event-card-header {
  min-height: 72px;
}
[dir] .p-datatable .p-datatable-tbody > tr > td,
[dir] .p-datatable .p-datatable-thead > tr > th {
  border-color: #ecebed;
}
.layout-dashboard {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.p-scrollpanel-content {
  height: calc(100% + 18px);
  width: calc(100% + 18px);
  position: relative;
  overflow: auto;
  box-sizing: border-box;
}
[dir=ltr] .p-scrollpanel-content {
  padding: 0 18px 18px 0;
}
[dir=rtl] .p-scrollpanel-content {
  padding: 0 0 18px 18px;
}
.myknob-component {
  position: relative;
}
.myknob-component .myknob-component-caption {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.myknob-component .myknob-component-caption .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.myknob-component .myknob-component-caption .column .icon {
  width: 30px;
  height: 30px;
}
.myknob-component .myknob-component-caption .column .myknob-component-caption-percent {
  font-size: 20px;
}
.myknob-component .u-progress {
  position: relative;
  transform: rotate(-90deg);
}
.myknob-component .u-progress .u-progress-bg {
  stroke: #ecebed;
}
.myknob-component .u-progress .u-progress-status {
  stroke: #9578d3;
}
.myknob-component.success .u-progress-bg {
  stroke: rgba(46, 217, 195, 0.1);
}
.myknob-component.success .u-progress-status {
  stroke: #2ed9c3;
}
.myknob-component.danger .u-progress-bg {
  stroke: rgba(189, 51, 51, 0.1);
}
.myknob-component.danger .u-progress-status {
  stroke: #bd3333;
}
.myknob-component.warning .u-progress-bg {
  stroke: rgba(255, 147, 113, 0.1);
}
.myknob-component.warning .u-progress-status {
  stroke: #ff9371;
}
.myknob-component.default .u-progress-bg {
  stroke: rgba(149, 120, 211, 0.1);
}
.myknob-component.default .u-progress-status {
  stroke: #9578d3;
}
.no-statistic {
  position: absolute;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir] .no-statistic {
  text-align: center;
}
[dir=ltr] .no-statistic {
  left: 0;
  right: 0;
}
[dir=rtl] .no-statistic {
  right: 0;
  left: 0;
}
.no-statistic h2 {
  font-size: 24px;
  font-weight: 700;
}
.no-statistic p {
  font-size: 16px;
  color: #bcbac0;
}
.no-statistic img {
  bottom: 0;
  position: absolute;
}
[dir=ltr] .no-statistic img {
  left: 20px;
}
[dir=rtl] .no-statistic img {
  right: 20px;
}
.centerbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir] .centerbox {
  padding: 50px;
}
.app-popover {
  position: fixed;
}
.dashboard-in-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 333px);
}
.dashboard-in-section span {
  font-size: 32px;
  font-weight: 700;
  display: block;
}
[dir] .dashboard-in-section span {
  text-align: center;
}
.dashboard-in-section span .timer {
  color: #9578d3;
  display: block;
}
[dir] .dashboard-in-section span .timer {
  margin-top: 15px;
}
.dashboard-in-section img {
  position: absolute;
  bottom: 0;
}
[dir=ltr] .dashboard-in-section img {
  left: 30px;
}
[dir=rtl] .dashboard-in-section img {
  right: 30px;
}
.is_disabled {
  pointer-events: none;
}
.btn-edit-kpi {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}
[dir] .btn-edit-kpi {
  border: 2px solid #c1c1f2;
  border-radius: 10px;
  background-color: #eceef9;
}
[dir=ltr] .btn-edit-kpi {
  margin-left: 16px;
}
[dir=rtl] .btn-edit-kpi {
  margin-right: 16px;
}
.btn-edit-kpi .labelname {
  display: block;
  font-size: 12px;
}
[dir] .btn-edit-kpi .labelname {
  margin-top: 15px;
}
.btn-edit-kpi:hover {
  opacity: 0.8;
}
.custom-options-dropdown .btn.btn-icon {
  height: auto;
}
[dir] .custom-options-dropdown .btn.btn-icon {
  padding-bottom: 5px;
  padding-top: 5px;
  margin: -5px 0;
}
.custom-option-dropdown {
  width: 180px;
  border-block-start: 2px solid #ecebed;
}
[dir] .custom-option-dropdown {
  margin-top: 5px;
  padding-top: 10px;
}
.custom-option-dropdown label {
  white-space: nowrap;
  font-weight: 700;
}
[dir=ltr] .custom-option-dropdown label {
  margin-right: 10px;
}
[dir=rtl] .custom-option-dropdown label {
  margin-left: 10px;
}
[dir] .custom-option-dropdown input {
  background-color: #ecebed;
}
.custom-option-dropdown .btn.btn-icon {
  color: #9578d3;
}
[dir=ltr] .custom-option-dropdown .btn.btn-primary-outline {
  padding-left: 5px;
  padding-right: 5px;
}
[dir=rtl] .custom-option-dropdown .btn.btn-primary-outline {
  padding-right: 5px;
  padding-left: 5px;
}
.kpi-graph {
  width: 100%;
}
.kpi-graph .kpi-space {
  height: 14px;
}
.kpi-graph .column {
  display: flex;
  flex-direction: column;
}
.kpi-graph .big-label {
  font-size: 32px;
  height: 32px;
  line-height: 32px;
  font-weight: 700;
  display: block;
}
.kpi-graph .desc {
  line-height: 1;
  font-size: 14px;
}
.kpi-graph .p-progressbar {
  height: 8px;
}
[dir] .kpi-graph .p-progressbar {
  background-color: #ecebed;
}
.kpi-graph .p-progressbar-determinate .p-progressbar-label {
  display: none !important;
}
.kpi-graph-2 .kpi-space {
  height: 10px;
}
.kpi-graph-3 .desc-2 {
  max-width: 140px;
  display: block;
  font-size: 12px;
  line-height: 1.2;
}
.kpi-graph-4 .desc,
.kpi-graph-5 .desc {
  font-size: 18px;
}
.kpi-graph-4 .desc b {
  font-weight: 400;
  color: #b2b0b8;
}
.v-progressbar {
  width: 8px;
  overflow: hidden;
  position: relative;
}
[dir] .v-progressbar {
  border-radius: 10px;
  background-color: #ecebed;
}
.v-progressbar span {
  position: absolute;
  bottom: 0;
  display: block;
}
[dir] .v-progressbar span {
  background-color: #9578d3;
}
[dir=ltr] .v-progressbar span {
  left: 0;
}
[dir=rtl] .v-progressbar span {
  right: 0;
}
.v-stretch {
  height: 100%;
}
.jc-start {
  justify-content: flex-start;
}
.ai-fe {
  align-items: flex-end;
}
.int-guide img {
  position: relative;
}
[dir=ltr] .int-guide img {
  transform: none;
}
[dir=rtl] .int-guide img {
  transform: scaleX(-1);
}
.dark-mode :root {
  --surface-a: #29282c;
  --surface-b: #29282c;
  --surface-c: #343338;
  --surface-d: #3f3d44;
  --surface-e: #29282c;
  --surface-f: #29282c;
  --text-color: #dcdbde;
  --text-color-secondary: #c5c3c9;
  --primary-color: #9578d3;
  --primary-color-text: #ffffff;
  --font-family: Assistant, sans-serif;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f4f4f5;
  --surface-200: #e4e4e7;
  --surface-300: #d4d4d8;
  --surface-400: #a1a1aa;
  --surface-500: #71717a;
  --surface-600: #52525b;
  --surface-700: #3f3f46;
  --surface-800: #27272a;
  --surface-900: #18181b;
  --gray-50: #fafafa;
  --gray-100: #f4f4f5;
  --gray-200: #e4e4e7;
  --gray-300: #d4d4d8;
  --gray-400: #a1a1aa;
  --gray-500: #71717a;
  --gray-600: #52525b;
  --gray-700: #3f3f46;
  --gray-800: #27272a;
  --gray-900: #18181b;
  --content-padding: 1.25em;
  --inline-spacing: 0.5em;
  --border-radius: 0.4166666667rem;
  --surface-ground: #fafafa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #e5e7eb;
  --surface-hover: #f4f4f5;
  --focus-ring: 0 0 0 1px #9578d3;
  --maskbg: rgba(0, 0, 0, 0.4);
  --blue-50: #fbfbfe;
  --blue-100: #e9eefb;
  --blue-200: #d8e0f9;
  --blue-300: #c7d3f6;
  --blue-400: #b6c5f3;
  --blue-500: #a5b8f0;
  --blue-600: #8c9ccc;
  --blue-700: #7481a8;
  --blue-800: #5b6584;
  --blue-900: #424a60;
  --green-50: #f5fdfc;
  --green-100: #cdf6f1;
  --green-200: #a5efe5;
  --green-300: #7de7da;
  --green-400: #56e0ce;
  --green-500: #2ed9c3;
  --green-600: #27b8a6;
  --green-700: #209889;
  --green-800: #19776b;
  --green-900: #12574e;
  --yellow-50: #fdfcf2;
  --yellow-100: #f8f3c2;
  --yellow-200: #f2e991;
  --yellow-300: #ecdf61;
  --yellow-400: #e6d630;
  --yellow-500: #e0cc00;
  --yellow-600: #bead00;
  --yellow-700: #9d8f00;
  --yellow-800: #7b7000;
  --yellow-900: #5a5200;
  --cyan-50: #f3fbfd;
  --cyan-100: #c3edf5;
  --cyan-200: #94e0ed;
  --cyan-300: #65d2e4;
  --cyan-400: #35c4dc;
  --cyan-500: #06b6d4;
  --cyan-600: #059bb4;
  --cyan-700: #047f94;
  --cyan-800: #036475;
  --cyan-900: #024955;
  --pink-50: #fef6fa;
  --pink-100: #fad3e7;
  --pink-200: #f7b0d3;
  --pink-300: #f38ec0;
  --pink-400: #f06bac;
  --pink-500: #ec4899;
  --pink-600: #c93d82;
  --pink-700: #a5326b;
  --pink-800: #822854;
  --pink-900: #5e1d3d;
  --indigo-50: #f7f7fe;
  --indigo-100: #dadafc;
  --indigo-200: #bcbdf9;
  --indigo-300: #9ea0f6;
  --indigo-400: #8183f4;
  --indigo-500: #6366f1;
  --indigo-600: #5457cd;
  --indigo-700: #4547a9;
  --indigo-800: #363885;
  --indigo-900: #282960;
  --teal-50: #f3fbfb;
  --teal-100: #c7eeea;
  --teal-200: #9ae0d9;
  --teal-300: #6dd3c8;
  --teal-400: #41c5b7;
  --teal-500: #14b8a6;
  --teal-600: #119c8d;
  --teal-700: #0e8174;
  --teal-800: #0b655b;
  --teal-900: #084a42;
  --orange-50: #fff8f3;
  --orange-100: #feddc7;
  --orange-200: #fcc39b;
  --orange-300: #fba86f;
  --orange-400: #fa8e42;
  --orange-500: #f97316;
  --orange-600: #d46213;
  --orange-700: #ae510f;
  --orange-800: #893f0c;
  --orange-900: #642e09;
  --bluegray-50: #f7f8f9;
  --bluegray-100: #dadee3;
  --bluegray-200: #bcc3cd;
  --bluegray-300: #9fa9b7;
  --bluegray-400: #818ea1;
  --bluegray-500: #64748b;
  --bluegray-600: #556376;
  --bluegray-700: #465161;
  --bluegray-800: #37404c;
  --bluegray-900: #282e38;
  --purple-50: #fbf7ff;
  --purple-100: #ead6fd;
  --purple-200: #dab6fc;
  --purple-300: #c996fa;
  --purple-400: #b975f9;
  --purple-500: #a855f7;
  --purple-600: #8f48d2;
  --purple-700: #763cad;
  --purple-800: #5c2f88;
  --purple-900: #432263;
  --red-50: #fef6f6;
  --red-100: #fbd2d2;
  --red-200: #f8afaf;
  --red-300: #f58b8b;
  --red-400: #f26868;
  --red-500: #ef4444;
  --red-600: #cb3a3a;
  --red-700: #a73030;
  --red-800: #832525;
  --red-900: #601b1b;
  --primary-50: #faf8fd;
  --primary-100: #e6dff4;
  --primary-200: #d1c5ec;
  --primary-300: #bdabe4;
  --primary-400: #a992db;
  --primary-500: #9578d3;
  --primary-600: #7f66b3;
  --primary-700: #685494;
  --primary-800: #524274;
  --primary-900: #3c3054;
}
[dir].dark-mode .p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}
.dark-mode .p-error {
  color: #e24c4c;
}
.dark-mode .p-text-secondary {
  color: #c5c3c9;
}
.dark-mode .p-link:focus {
  outline: 0;
}
[dir].dark-mode .p-link:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
@keyframes p-component-overlay-enter-animation {
  from {
    background-color: transparent;
  }
  to {
    background-color: var(--maskbg);
  }
}
@keyframes p-component-overlay-leave-animation {
  from {
    background-color: var(--maskbg);
  }
  to {
    background-color: transparent;
  }
}
[dir].dark-mode .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  border-color: #9578d3;
}
.dark-mode .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: 0;
}
[dir].dark-mode .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
.dark-mode .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
  color: #dcdbde;
}
.dark-mode .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  color: #fff;
}
[dir].dark-mode .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  background: #a5b8f0;
}
[dir].dark-mode p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
  border-color: #f0a9a7;
}
.dark-mode .p-autocomplete-panel {
  color: #dcdbde;
}
[dir].dark-mode .p-autocomplete-panel {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  color: #dcdbde;
}
[dir].dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  border: 0;
  background: 0 0;
}
.dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  background: #343338;
}
.dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
  color: #dcdbde;
}
[dir].dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
  background: 0 0;
}
.dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  color: #dcdbde;
}
[dir].dark-mode .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  background: #29282c;
}
.dark-mode p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon,
.dark-mode p-autocomplete.p-autocomplete-clearable.p-autocomplete-dd .p-autocomplete-clear-icon {
  color: #c5c3c9;
}
[dir].dark-mode p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
  border-color: #f0a9a7;
}
.dark-mode .p-datepicker {
  color: #dcdbde;
}
[dir].dark-mode .p-datepicker {
  background: #29282c;
  border: 1px solid transparent;
}
[dir].dark-mode .p-datepicker:not(.p-datepicker-inline) {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[dir].dark-mode .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: #29282c;
}
.dark-mode .p-datepicker .p-datepicker-header {
  color: #dcdbde;
}
[dir].dark-mode .p-datepicker .p-datepicker-header {
  background: #29282c;
  border-bottom: 1px solid #3f3d44;
}
[dir=ltr].dark-mode .p-datepicker .p-datepicker-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-datepicker .p-datepicker-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-next,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-prev {
  color: #c5c3c9;
}
[dir].dark-mode .p-datepicker .p-datepicker-header .p-datepicker-next,
[dir].dark-mode .p-datepicker .p-datepicker-header .p-datepicker-prev {
  border: 0;
  background: 0 0;
}
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover,
[dir].dark-mode .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-next:focus,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-prev:focus {
  outline: 0;
}
[dir].dark-mode .p-datepicker .p-datepicker-header .p-datepicker-next:focus,
[dir].dark-mode .p-datepicker .p-datepicker-header .p-datepicker-prev:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year {
  color: #dcdbde;
}
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover,
.dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover {
  color: #9578d3;
}
[dir].dark-mode .p-datepicker table td > span {
  border: 1px solid transparent;
}
.dark-mode .p-datepicker table td > span.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-datepicker table td > span.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-datepicker table td > span:focus {
  outline: 0;
}
[dir].dark-mode .p-datepicker table td > span:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-datepicker table td.p-datepicker-today > span {
  color: #dcdbde;
}
[dir].dark-mode .p-datepicker table td.p-datepicker-today > span {
  background: #3f3d44;
  border-color: transparent;
}
.dark-mode .p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-datepicker table td.p-datepicker-today > span.p-highlight {
  background: #a5b8f0;
}
[dir].dark-mode .p-datepicker .p-datepicker-buttonbar,
[dir].dark-mode .p-datepicker .p-timepicker {
  border-top: 1px solid #343338;
}
.dark-mode .p-datepicker .p-timepicker button {
  color: #c5c3c9;
}
[dir].dark-mode .p-datepicker .p-timepicker button {
  border: 0;
  background: 0 0;
}
.dark-mode .p-datepicker .p-timepicker button:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-datepicker .p-timepicker button:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-datepicker .p-timepicker button:focus {
  outline: 0;
}
[dir].dark-mode .p-datepicker .p-timepicker button:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir].dark-mode .p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: 0;
}
.dark-mode .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  background: #a5b8f0;
}
[dir=ltr].dark-mode .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-left: 1px solid #343338;
}
[dir=rtl].dark-mode .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-right: 1px solid #343338;
}
[dir=ltr].dark-mode .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  border-left: 0;
}
[dir=rtl].dark-mode .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  border-right: 0;
}
[dir].dark-mode .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
  outline: 0;
}
[dir].dark-mode .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir].dark-mode .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
  background: #343338;
}
.dark-mode .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
  outline: 0;
}
[dir].dark-mode .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir].dark-mode .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
  background: #343338;
}
.dark-mode .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
  outline: 0;
}
[dir].dark-mode .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode p-calendar.p-calendar-clearable .p-calendar-clear-icon,
.dark-mode p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-cascadeselect {
  background: #29282c;
  border: 1px solid transparent;
}
[dir].dark-mode .p-cascadeselect:not(.p-disabled):hover {
  border-color: #9578d3;
}
.dark-mode .p-cascadeselect:not(.p-disabled).p-focus {
  outline: 0;
}
[dir].dark-mode .p-cascadeselect:not(.p-disabled).p-focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
[dir].dark-mode .p-cascadeselect .p-cascadeselect-label {
  background: 0 0;
  border: 0;
}
.dark-mode .p-cascadeselect .p-cascadeselect-label.p-placeholder {
  color: #c5c3c9;
}
.dark-mode .p-cascadeselect .p-cascadeselect-label:enabled:focus {
  outline: 0;
}
[dir].dark-mode .p-cascadeselect .p-cascadeselect-label:enabled:focus {
  box-shadow: none;
}
.dark-mode .p-cascadeselect .p-cascadeselect-trigger {
  color: #c5c3c9;
}
[dir].dark-mode .p-cascadeselect .p-cascadeselect-trigger {
  background: 0 0;
}
[dir=ltr].dark-mode .p-cascadeselect .p-cascadeselect-trigger {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-cascadeselect .p-cascadeselect-trigger {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
.dark-mode .p-cascadeselect-panel {
  color: #dcdbde;
}
[dir].dark-mode .p-cascadeselect-panel {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
  color: #dcdbde;
}
[dir].dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
  border: 0;
  background: 0 0;
}
.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
  outline: 0;
}
[dir].dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
  background: #343338;
}
[dir].dark-mode p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
  border-color: #f0a9a7;
}
[dir].dark-mode .p-input-filled .p-cascadeselect {
  background: #383950;
}
[dir].dark-mode .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
  background-color: #383950;
}
[dir].dark-mode .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
  background-color: #29282c;
}
.dark-mode p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
  color: #c5c3c9;
}
.dark-mode .p-checkbox .p-checkbox-box {
  color: #dcdbde;
}
[dir].dark-mode .p-checkbox .p-checkbox-box {
  border: 2px solid #55525b;
  background: #29282c;
}
.dark-mode .p-checkbox .p-checkbox-box .p-checkbox-icon {
  color: #fff;
}
[dir].dark-mode .p-checkbox .p-checkbox-box.p-highlight {
  border-color: #9578d3;
  background: #9578d3;
}
[dir].dark-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: #9578d3;
}
.dark-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  outline: 0;
}
[dir].dark-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
.dark-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  color: #fff;
}
[dir].dark-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  border-color: #9578d3;
  background: #9578d3;
}
[dir].dark-mode p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
  border-color: #f0a9a7;
}
[dir].dark-mode .p-input-filled .p-checkbox .p-checkbox-box {
  background-color: #383950;
}
[dir].dark-mode .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
  background: #9578d3;
}
[dir].dark-mode .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  background-color: #383950;
}
[dir].dark-mode .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background: #9578d3;
}
[dir].dark-mode .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
  border-color: #9578d3;
}
.dark-mode .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: 0;
}
[dir].dark-mode .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
.dark-mode .p-chips .p-chips-multiple-container .p-chips-token {
  color: #fff;
}
[dir].dark-mode .p-chips .p-chips-multiple-container .p-chips-token {
  background: #a5b8f0;
}
.dark-mode .p-chips .p-chips-multiple-container .p-chips-input-token input {
  color: #dcdbde;
}
[dir].dark-mode p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
  border-color: #f0a9a7;
}
.dark-mode p-chips.p-chips-clearable .p-chips-clear-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-colorpicker-panel {
  background: #e7e7e9;
  border: 1px solid #f3f2f3;
}
[dir].dark-mode .p-colorpicker-panel .p-colorpicker-color-handle,
[dir].dark-mode .p-colorpicker-panel .p-colorpicker-hue-handle {
  border-color: #29282c;
}
[dir].dark-mode .p-colorpicker-overlay-panel {
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[dir].dark-mode .p-dropdown {
  background: #29282c;
  border: 1px solid transparent;
}
[dir].dark-mode .p-dropdown:not(.p-disabled):hover {
  border-color: #9578d3;
}
.dark-mode .p-dropdown:not(.p-disabled).p-focus {
  outline: 0;
}
[dir].dark-mode .p-dropdown:not(.p-disabled).p-focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
[dir].dark-mode .p-dropdown .p-dropdown-label {
  background: 0 0;
  border: 0;
}
.dark-mode .p-dropdown .p-dropdown-label.p-placeholder {
  color: #c5c3c9;
}
.dark-mode .p-dropdown .p-dropdown-label:enabled:focus {
  outline: 0;
}
[dir].dark-mode .p-dropdown .p-dropdown-label:enabled:focus {
  box-shadow: none;
}
.dark-mode .p-dropdown .p-dropdown-trigger {
  color: #c5c3c9;
}
[dir].dark-mode .p-dropdown .p-dropdown-trigger {
  background: 0 0;
}
[dir=ltr].dark-mode .p-dropdown .p-dropdown-trigger {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-dropdown .p-dropdown-trigger {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
.dark-mode .p-dropdown .p-dropdown-clear-icon {
  color: #c5c3c9;
}
.dark-mode .p-dropdown-panel {
  color: #dcdbde;
}
[dir].dark-mode .p-dropdown-panel {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-dropdown-panel .p-dropdown-header {
  color: #dcdbde;
}
[dir].dark-mode .p-dropdown-panel .p-dropdown-header {
  border-bottom: 0;
  background: #29282c;
}
[dir=ltr].dark-mode .p-dropdown-panel .p-dropdown-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-dropdown-panel .p-dropdown-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
  color: #c5c3c9;
}
.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  color: #dcdbde;
}
[dir].dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  border: 0;
  background: 0 0;
}
.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  color: #dcdbde;
}
[dir].dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  background: 0 0;
}
.dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  color: #dcdbde;
}
[dir].dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  background: #29282c;
}
[dir].dark-mode p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
  border-color: #f0a9a7;
}
[dir].dark-mode .p-input-filled .p-dropdown {
  background: #383950;
}
[dir].dark-mode .p-input-filled .p-dropdown:not(.p-disabled):hover {
  background-color: #383950;
}
[dir].dark-mode .p-editor-container .p-editor-toolbar {
  background: #29282c;
}
[dir=ltr].dark-mode .p-editor-container .p-editor-toolbar {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-editor-container .p-editor-toolbar {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
[dir].dark-mode .p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #3f3d44;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #c5c3c9;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #c5c3c9;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  color: #c5c3c9;
}
[dir].dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #dcdbde;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #dcdbde;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #dcdbde;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #dcdbde;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #dcdbde;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #dcdbde;
}
[dir].dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #dcdbde;
}
.dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  background: #343338;
}
[dir=ltr].dark-mode .p-editor-container .p-editor-content {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-editor-container .p-editor-content {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir].dark-mode .p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #3f3d44;
}
.dark-mode .p-editor-container .p-editor-content .ql-editor {
  color: #fefefe;
}
[dir].dark-mode .p-editor-container .p-editor-content .ql-editor {
  background: #29282c;
}
[dir=ltr].dark-mode .p-editor-container .p-editor-content .ql-editor {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-editor-container .p-editor-content .ql-editor {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
.dark-mode .p-editor-container .ql-snow.ql-toolbar button:focus,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button:hover {
  color: #dcdbde;
}
.dark-mode .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke {
  stroke: #dcdbde;
}
.dark-mode .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill {
  fill: #dcdbde;
}
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button.ql-active {
  color: #9578d3;
}
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke {
  stroke: #9578d3;
}
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill {
  fill: #9578d3;
}
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label,
.dark-mode .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.dark-mode .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label {
  color: #9578d3;
}
.dark-mode .p-inputgroup-addon {
  color: #c5c3c9;
}
[dir].dark-mode .p-inputgroup-addon {
  background: #29282c;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
[dir=ltr].dark-mode .p-inputgroup-addon {
  border-left: 1px solid transparent;
}
[dir=ltr].dark-mode .p-inputgroup-addon:last-child,
[dir=rtl].dark-mode .p-inputgroup-addon {
  border-right: 1px solid transparent;
}
[dir=rtl].dark-mode .p-inputgroup-addon:last-child {
  border-left: 1px solid transparent;
}
[dir=ltr].dark-mode .p-inputgroup > .p-component + .p-inputgroup-addon,
[dir=ltr].dark-mode .p-inputgroup > .p-element + .p-inputgroup-addon,
[dir=ltr].dark-mode .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon,
[dir=ltr].dark-mode .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon {
  border-left: 0;
}
[dir=rtl].dark-mode .p-inputgroup > .p-component + .p-inputgroup-addon,
[dir=rtl].dark-mode .p-inputgroup > .p-element + .p-inputgroup-addon,
[dir=rtl].dark-mode .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon,
[dir=rtl].dark-mode .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon {
  border-right: 0;
}
[dir=ltr].dark-mode .p-inputgroup button:first-child,
[dir=ltr].dark-mode .p-inputgroup input:first-child,
[dir=ltr].dark-mode .p-inputgroup-addon:first-child,
[dir=ltr].dark-mode .p-inputgroup > .p-inputwrapper:first-child > .p-component,
[dir=ltr].dark-mode .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-inputgroup button:first-child,
[dir=rtl].dark-mode .p-inputgroup input:first-child,
[dir=rtl].dark-mode .p-inputgroup-addon:first-child,
[dir=rtl].dark-mode .p-inputgroup > .p-inputwrapper:first-child > .p-component,
[dir=rtl].dark-mode .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=ltr].dark-mode .p-inputgroup .p-float-label:first-child input {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=ltr].dark-mode .p-inputgroup button:last-child,
[dir=ltr].dark-mode .p-inputgroup input:last-child,
[dir=ltr].dark-mode .p-inputgroup-addon:last-child,
[dir=ltr].dark-mode .p-inputgroup > .p-inputwrapper:last-child > .p-component,
[dir=ltr].dark-mode .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext,
[dir=rtl].dark-mode .p-inputgroup .p-float-label:first-child input {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-inputgroup button:last-child,
[dir=rtl].dark-mode .p-inputgroup input:last-child,
[dir=rtl].dark-mode .p-inputgroup-addon:last-child,
[dir=rtl].dark-mode .p-inputgroup > .p-inputwrapper:last-child > .p-component,
[dir=rtl].dark-mode .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=ltr].dark-mode .p-inputgroup .p-float-label:last-child input {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-inputgroup .p-float-label:last-child input {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir].dark-mode p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
  border-color: #f0a9a7;
}
.dark-mode p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
  color: #c5c3c9;
}
[dir].dark-mode p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
  border-color: #f0a9a7;
}
.dark-mode p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-inputswitch .p-inputswitch-slider {
  background: #55525b;
}
[dir].dark-mode .p-inputswitch .p-inputswitch-slider:before {
  background: #29282c;
}
.dark-mode .p-inputswitch.p-focus .p-inputswitch-slider {
  outline: 0;
}
[dir].dark-mode .p-inputswitch.p-focus .p-inputswitch-slider {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir].dark-mode .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
  background: #4d4a52;
}
[dir].dark-mode .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #9578d3;
}
[dir].dark-mode .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  background: #29282c;
}
[dir].dark-mode .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
  background: #6d41cb;
}
[dir].dark-mode p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
  border-color: #f0a9a7;
}
.dark-mode .p-inputtext {
  color: #fefefe;
}
[dir].dark-mode .p-inputtext {
  background: #29282c;
  border: 1px solid transparent;
}
[dir].dark-mode .p-inputtext:enabled:hover {
  border-color: #9578d3;
}
.dark-mode .p-inputtext:enabled:focus {
  outline: 0;
}
[dir].dark-mode .p-inputtext:enabled:focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
[dir].dark-mode .p-inputtext.ng-dirty.ng-invalid {
  border-color: #f0a9a7;
}
.dark-mode .p-float-label > label {
  color: #c5c3c9;
}
.dark-mode .p-float-label > .ng-invalid.ng-dirty + label {
  color: #f0a9a7;
}
.dark-mode .p-input-icon-left > i:first-of-type,
.dark-mode .p-input-icon-right > i:last-of-type {
  color: #c5c3c9;
}
.dark-mode ::-webkit-input-placeholder {
  color: #c5c3c9;
}
.dark-mode :-moz-placeholder {
  color: #c5c3c9;
}
.dark-mode ::-moz-placeholder {
  color: #c5c3c9;
}
.dark-mode :-ms-input-placeholder {
  color: #c5c3c9;
}
[dir].dark-mode .p-input-filled .p-inputtext,
[dir].dark-mode .p-input-filled .p-inputtext:enabled:hover {
  background-color: #383950;
}
.dark-mode .p-listbox {
  color: #dcdbde;
}
[dir].dark-mode .p-listbox {
  background: #29282c;
  border: 1px solid transparent;
}
.dark-mode .p-listbox .p-listbox-header {
  color: #dcdbde;
}
[dir].dark-mode .p-listbox .p-listbox-header {
  border-bottom: 0;
  background: #29282c;
}
[dir=ltr].dark-mode .p-listbox .p-listbox-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-listbox .p-listbox-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-listbox .p-listbox-header .p-listbox-filter-icon {
  color: #c5c3c9;
}
.dark-mode .p-listbox .p-listbox-list .p-listbox-item {
  color: #dcdbde;
}
[dir].dark-mode .p-listbox .p-listbox-list .p-listbox-item {
  border: 0;
}
.dark-mode .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-listbox .p-listbox-list .p-listbox-item:focus {
  outline: 0;
}
[dir].dark-mode .p-listbox .p-listbox-list .p-listbox-item:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
.dark-mode .p-listbox .p-listbox-list .p-listbox-item-group {
  color: #dcdbde;
}
[dir].dark-mode .p-listbox .p-listbox-list .p-listbox-item-group {
  background: #29282c;
}
.dark-mode .p-listbox .p-listbox-list .p-listbox-empty-message {
  color: #dcdbde;
}
[dir].dark-mode .p-listbox .p-listbox-list .p-listbox-empty-message {
  background: 0 0;
}
.dark-mode .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  background: #343338;
}
[dir].dark-mode p-listbox.ng-dirty.ng-invalid > .p-listbox {
  border-color: #f0a9a7;
}
[dir].dark-mode .p-multiselect {
  background: #29282c;
  border: 1px solid transparent;
}
[dir].dark-mode .p-multiselect:not(.p-disabled):hover {
  border-color: #9578d3;
}
.dark-mode .p-multiselect:not(.p-disabled).p-focus {
  outline: 0;
}
[dir].dark-mode .p-multiselect:not(.p-disabled).p-focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
.dark-mode .p-multiselect .p-multiselect-label.p-placeholder {
  color: #c5c3c9;
}
.dark-mode .p-multiselect.p-multiselect-chip .p-multiselect-token {
  color: #fff;
}
[dir].dark-mode .p-multiselect.p-multiselect-chip .p-multiselect-token {
  background: #a5b8f0;
}
.dark-mode .p-multiselect .p-multiselect-trigger {
  color: #c5c3c9;
}
[dir].dark-mode .p-multiselect .p-multiselect-trigger {
  background: 0 0;
}
[dir=ltr].dark-mode .p-multiselect .p-multiselect-trigger {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-multiselect .p-multiselect-trigger {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
.dark-mode .p-multiselect-panel {
  color: #dcdbde;
}
[dir].dark-mode .p-multiselect-panel {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-multiselect-panel .p-multiselect-header {
  color: #dcdbde;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-header {
  border-bottom: 0;
  background: #29282c;
}
[dir=ltr].dark-mode .p-multiselect-panel .p-multiselect-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-multiselect-panel .p-multiselect-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-close,
.dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  border: 0;
  background: 0 0;
}
.dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  outline: 0;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  color: #dcdbde;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  border: 0;
  background: 0 0;
}
.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  outline: 0;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  color: #dcdbde;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  background: #29282c;
}
.dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  color: #dcdbde;
}
[dir].dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  background: 0 0;
}
[dir].dark-mode p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
  border-color: #f0a9a7;
}
[dir].dark-mode .p-input-filled .p-multiselect {
  background: #383950;
}
[dir].dark-mode .p-input-filled .p-multiselect:not(.p-disabled):hover {
  background-color: #383950;
}
[dir].dark-mode .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background-color: #29282c;
}
.dark-mode p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
  color: #c5c3c9;
}
[dir].dark-mode p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
  border-color: #f0a9a7;
}
.dark-mode .p-password-panel {
  color: #dcdbde;
}
[dir].dark-mode .p-password-panel {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[dir].dark-mode .p-password-panel .p-password-meter {
  background: #3f3d44;
}
[dir].dark-mode .p-password-panel .p-password-meter .p-password-strength.weak {
  background: #ef4444;
}
[dir].dark-mode .p-password-panel .p-password-meter .p-password-strength.medium {
  background: #f59e0b;
}
[dir].dark-mode .p-password-panel .p-password-meter .p-password-strength.strong {
  background: #22c55e;
}
.dark-mode p-password.p-password-clearable .p-password-clear-icon,
.dark-mode p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
  color: #c5c3c9;
}
.dark-mode .p-radiobutton .p-radiobutton-box {
  color: #dcdbde;
}
[dir].dark-mode .p-radiobutton .p-radiobutton-box {
  border: 2px solid #55525b;
  background: #29282c;
}
[dir].dark-mode .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color: #9578d3;
}
.dark-mode .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  outline: 0;
}
[dir].dark-mode .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
[dir].dark-mode .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background-color: #9578d3;
}
[dir].dark-mode .p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #9578d3;
  background: #29282c;
}
.dark-mode .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  color: #fff;
}
[dir].dark-mode .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  border-color: #9578d3;
  background: #29282c;
}
[dir].dark-mode p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
  border-color: #f0a9a7;
}
[dir].dark-mode .p-input-filled .p-radiobutton .p-radiobutton-box,
[dir].dark-mode .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  background-color: #383950;
}
[dir].dark-mode .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight,
[dir].dark-mode .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  background: #29282c;
}
.dark-mode .p-rating .p-rating-icon {
  color: #dcdbde;
}
.dark-mode .p-rating .p-rating-icon.p-rating-cancel {
  color: #ef4444;
}
.dark-mode .p-rating .p-rating-icon:focus {
  outline: 0;
}
[dir].dark-mode .p-rating .p-rating-icon:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-rating .p-rating-icon.pi-star-fill,
.dark-mode .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
  color: #9578d3;
}
.dark-mode .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
  color: #dc2626;
}
.dark-mode .p-selectbutton .p-button {
  color: #dcdbde;
}
[dir].dark-mode .p-selectbutton .p-button {
  background: #29282c;
  border: 1px solid #55525b;
}
.dark-mode .p-selectbutton .p-button .p-button-icon-left,
.dark-mode .p-selectbutton .p-button .p-button-icon-right {
  color: #c5c3c9;
}
.dark-mode .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  color: #dcdbde;
}
[dir].dark-mode .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #343338;
  border-color: #55525b;
}
.dark-mode .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.dark-mode .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #c5c3c9;
}
.dark-mode .p-selectbutton .p-button.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-selectbutton .p-button.p-highlight {
  background: #9578d3;
  border-color: #9578d3;
}
.dark-mode .p-selectbutton .p-button.p-highlight .p-button-icon-left,
.dark-mode .p-selectbutton .p-button.p-highlight .p-button-icon-right,
.dark-mode .p-selectbutton .p-button.p-highlight:hover {
  color: #fff;
}
[dir].dark-mode .p-selectbutton .p-button.p-highlight:hover {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.dark-mode .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
  color: #fff;
}
[dir].dark-mode p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
  border-color: #f0a9a7;
}
[dir].dark-mode .p-slider {
  background: #3f3d44;
  border: 0;
}
[dir].dark-mode .p-slider .p-slider-handle {
  background: #29282c;
  border: 2px solid #9578d3;
}
.dark-mode .p-slider .p-slider-handle:focus {
  outline: 0;
}
[dir].dark-mode .p-slider .p-slider-handle:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir].dark-mode .p-slider .p-slider-range {
  background: #9578d3;
}
[dir].dark-mode .p-slider:not(.p-disabled) .p-slider-handle:hover {
  background: #9578d3;
  border-color: #9578d3;
}
.dark-mode .p-togglebutton.p-button {
  color: #dcdbde;
}
[dir].dark-mode .p-togglebutton.p-button {
  background: #29282c;
  border: 1px solid #55525b;
}
.dark-mode .p-togglebutton.p-button .p-button-icon-left,
.dark-mode .p-togglebutton.p-button .p-button-icon-right {
  color: #c5c3c9;
}
.dark-mode .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
  color: #dcdbde;
}
[dir].dark-mode .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #343338;
  border-color: #55525b;
}
.dark-mode .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.dark-mode .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #c5c3c9;
}
.dark-mode .p-togglebutton.p-button.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-togglebutton.p-button.p-highlight {
  background: #9578d3;
  border-color: #9578d3;
}
.dark-mode .p-togglebutton.p-button.p-highlight .p-button-icon-left,
.dark-mode .p-togglebutton.p-button.p-highlight .p-button-icon-right,
.dark-mode .p-togglebutton.p-button.p-highlight:hover {
  color: #fff;
}
[dir].dark-mode .p-togglebutton.p-button.p-highlight:hover {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.dark-mode .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
  color: #fff;
}
[dir].dark-mode p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
  border-color: #f0a9a7;
}
[dir].dark-mode .p-treeselect {
  background: #29282c;
  border: 1px solid transparent;
}
[dir].dark-mode .p-treeselect:not(.p-disabled):hover {
  border-color: #9578d3;
}
.dark-mode .p-treeselect:not(.p-disabled).p-focus {
  outline: 0;
}
[dir].dark-mode .p-treeselect:not(.p-disabled).p-focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
.dark-mode .p-treeselect .p-treeselect-label.p-placeholder {
  color: #c5c3c9;
}
.dark-mode .p-treeselect.p-treeselect-chip .p-treeselect-token {
  color: #dcdbde;
}
[dir].dark-mode .p-treeselect.p-treeselect-chip .p-treeselect-token {
  background: #3f3d44;
}
.dark-mode .p-treeselect .p-treeselect-trigger {
  color: #c5c3c9;
}
[dir].dark-mode .p-treeselect .p-treeselect-trigger {
  background: 0 0;
}
[dir=ltr].dark-mode .p-treeselect .p-treeselect-trigger {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-treeselect .p-treeselect-trigger {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir].dark-mode p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
  border-color: #f0a9a7;
}
.dark-mode .p-treeselect-panel {
  color: #dcdbde;
}
[dir].dark-mode .p-treeselect-panel {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-treeselect-panel .p-treeselect-header {
  color: #dcdbde;
}
[dir].dark-mode .p-treeselect-panel .p-treeselect-header {
  border-bottom: 0;
  background: #29282c;
}
[dir=ltr].dark-mode .p-treeselect-panel .p-treeselect-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-treeselect-panel .p-treeselect-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-treeselect-panel .p-treeselect-header .p-treeselect-close,
.dark-mode .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
  border: 0;
  background: 0 0;
}
.dark-mode .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
  outline: 0;
}
[dir].dark-mode .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir].dark-mode .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
  border: 0;
}
.dark-mode .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
  color: #dcdbde;
}
[dir].dark-mode .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
  background: 0 0;
}
[dir].dark-mode .p-input-filled .p-treeselect {
  background: #383950;
}
[dir].dark-mode .p-input-filled .p-treeselect:not(.p-disabled):hover {
  background-color: #383950;
}
[dir].dark-mode .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
  background-color: #29282c;
}
.dark-mode p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
  color: #c5c3c9;
}
.dark-mode .p-button {
  color: #fff;
}
[dir].dark-mode .p-button {
  background: #9578d3;
  border: 1px solid #9578d3;
}
.dark-mode .p-button:enabled:hover {
  color: #fff;
}
[dir].dark-mode .p-button:enabled:hover {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .p-button:enabled:active {
  color: #fff;
}
[dir].dark-mode .p-button:enabled:active {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .p-button.p-button-outlined {
  color: #9578d3;
}
[dir].dark-mode .p-button.p-button-outlined {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-button.p-button-outlined:enabled:hover {
  color: #9578d3;
}
[dir].dark-mode .p-button.p-button-outlined:enabled:hover {
  background: rgba(149, 120, 211, 0.04);
  border: 1px solid;
}
.dark-mode .p-button.p-button-outlined:enabled:active {
  color: #9578d3;
}
[dir].dark-mode .p-button.p-button-outlined:enabled:active {
  background: rgba(149, 120, 211, 0.16);
  border: 1px solid;
}
.dark-mode .p-button.p-button-outlined.p-button-plain {
  color: #c5c3c9;
}
[dir].dark-mode .p-button.p-button-outlined.p-button-plain {
  border-color: #c5c3c9;
}
.dark-mode .p-button.p-button-outlined.p-button-plain:enabled:hover {
  color: #c5c3c9;
}
[dir].dark-mode .p-button.p-button-outlined.p-button-plain:enabled:hover {
  background: #343338;
}
.dark-mode .p-button.p-button-outlined.p-button-plain:enabled:active {
  color: #c5c3c9;
}
[dir].dark-mode .p-button.p-button-outlined.p-button-plain:enabled:active {
  background: #3f3d44;
}
.dark-mode .p-button.p-button-text {
  color: #9578d3;
}
[dir].dark-mode .p-button.p-button-text {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-button.p-button-text:enabled:hover {
  color: #9578d3;
}
[dir].dark-mode .p-button.p-button-text:enabled:hover {
  background: rgba(149, 120, 211, 0.04);
  border-color: transparent;
}
.dark-mode .p-button.p-button-text:enabled:active {
  color: #9578d3;
}
[dir].dark-mode .p-button.p-button-text:enabled:active {
  background: rgba(149, 120, 211, 0.16);
  border-color: transparent;
}
.dark-mode .p-button.p-button-text.p-button-plain,
.dark-mode .p-button.p-button-text.p-button-plain:enabled:hover {
  color: #c5c3c9;
}
[dir].dark-mode .p-button.p-button-text.p-button-plain:enabled:hover {
  background: #343338;
}
.dark-mode .p-button.p-button-text.p-button-plain:enabled:active {
  color: #c5c3c9;
}
[dir].dark-mode .p-button.p-button-text.p-button-plain:enabled:active {
  background: #3f3d44;
}
.dark-mode .p-button:focus {
  outline: 0;
}
[dir].dark-mode .p-button:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-button .p-badge {
  color: #9578d3;
}
[dir].dark-mode .p-button .p-badge {
  background-color: #fff;
}
[dir].dark-mode .p-button.p-button-raised {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.dark-mode .p-button.p-button-secondary,
.dark-mode .p-buttonset.p-button-secondary > .p-button,
.dark-mode .p-splitbutton.p-button-secondary > .p-button {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-secondary,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button {
  background: #64748b;
  border: 1px solid #64748b;
}
.dark-mode .p-button.p-button-secondary:enabled:hover,
.dark-mode .p-buttonset.p-button-secondary > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-secondary:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  background: #475569;
  border-color: #475569;
}
[dir].dark-mode .p-button.p-button-secondary:enabled:focus,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button:enabled:focus,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2em #c0c7d2;
}
.dark-mode .p-button.p-button-secondary:enabled:active,
.dark-mode .p-buttonset.p-button-secondary > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-secondary > .p-button:enabled:active {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-secondary:enabled:active,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button:enabled:active {
  background: #475569;
  border-color: #475569;
}
.dark-mode .p-button.p-button-secondary.p-button-outlined,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
  color: #64748b;
}
[dir].dark-mode .p-button.p-button-secondary.p-button-outlined,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-outlined,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-button.p-button-secondary.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
  color: #64748b;
}
[dir].dark-mode .p-button.p-button-secondary.p-button-outlined:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
  background: rgba(100, 116, 139, 0.04);
  border: 1px solid;
}
.dark-mode .p-button.p-button-secondary.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
  color: #64748b;
}
[dir].dark-mode .p-button.p-button-secondary.p-button-outlined:enabled:active,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
  background: rgba(100, 116, 139, 0.16);
  border: 1px solid;
}
.dark-mode .p-button.p-button-secondary.p-button-text,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-text {
  color: #64748b;
}
[dir].dark-mode .p-button.p-button-secondary.p-button-text,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-text,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-text {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-button.p-button-secondary.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
  color: #64748b;
}
[dir].dark-mode .p-button.p-button-secondary.p-button-text:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
  background: rgba(100, 116, 139, 0.04);
  border-color: transparent;
}
.dark-mode .p-button.p-button-secondary.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
  color: #64748b;
}
[dir].dark-mode .p-button.p-button-secondary.p-button-text:enabled:active,
[dir].dark-mode .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
  background: rgba(100, 116, 139, 0.16);
  border-color: transparent;
}
.dark-mode .p-button.p-button-info,
.dark-mode .p-buttonset.p-button-info > .p-button,
.dark-mode .p-splitbutton.p-button-info > .p-button {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-info,
[dir].dark-mode .p-buttonset.p-button-info > .p-button,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button {
  background: #3b82f6;
  border: 1px solid #3b82f6;
}
.dark-mode .p-button.p-button-info:enabled:hover,
.dark-mode .p-buttonset.p-button-info > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-info > .p-button:enabled:hover {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-info:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-info > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button:enabled:hover {
  background: #2563eb;
  border-color: #2563eb;
}
[dir].dark-mode .p-button.p-button-info:enabled:focus,
[dir].dark-mode .p-buttonset.p-button-info > .p-button:enabled:focus,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2em #b1cdfb;
}
.dark-mode .p-button.p-button-info:enabled:active,
.dark-mode .p-buttonset.p-button-info > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-info > .p-button:enabled:active {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-info:enabled:active,
[dir].dark-mode .p-buttonset.p-button-info > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button:enabled:active {
  background: #2563eb;
  border-color: #2563eb;
}
.dark-mode .p-button.p-button-info.p-button-outlined,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-outlined {
  color: #3b82f6;
}
[dir].dark-mode .p-button.p-button-info.p-button-outlined,
[dir].dark-mode .p-buttonset.p-button-info > .p-button.p-button-outlined,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button.p-button-outlined {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-button.p-button-info.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  color: #3b82f6;
}
[dir].dark-mode .p-button.p-button-info.p-button-outlined:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  background: rgba(59, 130, 246, 0.04);
  border: 1px solid;
}
.dark-mode .p-button.p-button-info.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  color: #3b82f6;
}
[dir].dark-mode .p-button.p-button-info.p-button-outlined:enabled:active,
[dir].dark-mode .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  background: rgba(59, 130, 246, 0.16);
  border: 1px solid;
}
.dark-mode .p-button.p-button-info.p-button-text,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-text {
  color: #3b82f6;
}
[dir].dark-mode .p-button.p-button-info.p-button-text,
[dir].dark-mode .p-buttonset.p-button-info > .p-button.p-button-text,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button.p-button-text {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-button.p-button-info.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  color: #3b82f6;
}
[dir].dark-mode .p-button.p-button-info.p-button-text:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  background: rgba(59, 130, 246, 0.04);
  border-color: transparent;
}
.dark-mode .p-button.p-button-info.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  color: #3b82f6;
}
[dir].dark-mode .p-button.p-button-info.p-button-text:enabled:active,
[dir].dark-mode .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  background: rgba(59, 130, 246, 0.16);
  border-color: transparent;
}
.dark-mode .p-button.p-button-success,
.dark-mode .p-buttonset.p-button-success > .p-button,
.dark-mode .p-splitbutton.p-button-success > .p-button {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-success,
[dir].dark-mode .p-buttonset.p-button-success > .p-button,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button {
  background: #22c55e;
  border: 1px solid #22c55e;
}
.dark-mode .p-button.p-button-success:enabled:hover,
.dark-mode .p-buttonset.p-button-success > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-success > .p-button:enabled:hover {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-success:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-success > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button:enabled:hover {
  background: #16a34a;
  border-color: #16a34a;
}
[dir].dark-mode .p-button.p-button-success:enabled:focus,
[dir].dark-mode .p-buttonset.p-button-success > .p-button:enabled:focus,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2em #a0efbd;
}
.dark-mode .p-button.p-button-success:enabled:active,
.dark-mode .p-buttonset.p-button-success > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-success > .p-button:enabled:active {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-success:enabled:active,
[dir].dark-mode .p-buttonset.p-button-success > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button:enabled:active {
  background: #16a34a;
  border-color: #16a34a;
}
.dark-mode .p-button.p-button-success.p-button-outlined,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-outlined {
  color: #22c55e;
}
[dir].dark-mode .p-button.p-button-success.p-button-outlined,
[dir].dark-mode .p-buttonset.p-button-success > .p-button.p-button-outlined,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button.p-button-outlined {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-button.p-button-success.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  color: #22c55e;
}
[dir].dark-mode .p-button.p-button-success.p-button-outlined:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  background: rgba(34, 197, 94, 0.04);
  border: 1px solid;
}
.dark-mode .p-button.p-button-success.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  color: #22c55e;
}
[dir].dark-mode .p-button.p-button-success.p-button-outlined:enabled:active,
[dir].dark-mode .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  background: rgba(34, 197, 94, 0.16);
  border: 1px solid;
}
.dark-mode .p-button.p-button-success.p-button-text,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-text {
  color: #22c55e;
}
[dir].dark-mode .p-button.p-button-success.p-button-text,
[dir].dark-mode .p-buttonset.p-button-success > .p-button.p-button-text,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button.p-button-text {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-button.p-button-success.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
  color: #22c55e;
}
[dir].dark-mode .p-button.p-button-success.p-button-text:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
  background: rgba(34, 197, 94, 0.04);
  border-color: transparent;
}
.dark-mode .p-button.p-button-success.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
  color: #22c55e;
}
[dir].dark-mode .p-button.p-button-success.p-button-text:enabled:active,
[dir].dark-mode .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
  background: rgba(34, 197, 94, 0.16);
  border-color: transparent;
}
.dark-mode .p-button.p-button-warning,
.dark-mode .p-buttonset.p-button-warning > .p-button,
.dark-mode .p-splitbutton.p-button-warning > .p-button {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-warning,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button {
  background: #f59e0b;
  border: 1px solid #f59e0b;
}
.dark-mode .p-button.p-button-warning:enabled:hover,
.dark-mode .p-buttonset.p-button-warning > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-warning > .p-button:enabled:hover {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-warning:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button:enabled:hover {
  background: #d97706;
  border-color: #d97706;
}
[dir].dark-mode .p-button.p-button-warning:enabled:focus,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button:enabled:focus,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2em #fbd89d;
}
.dark-mode .p-button.p-button-warning:enabled:active,
.dark-mode .p-buttonset.p-button-warning > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-warning > .p-button:enabled:active {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-warning:enabled:active,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button:enabled:active {
  background: #d97706;
  border-color: #d97706;
}
.dark-mode .p-button.p-button-warning.p-button-outlined,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
  color: #f59e0b;
}
[dir].dark-mode .p-button.p-button-warning.p-button-outlined,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button.p-button-outlined,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-button.p-button-warning.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
  color: #f59e0b;
}
[dir].dark-mode .p-button.p-button-warning.p-button-outlined:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
  background: rgba(245, 158, 11, 0.04);
  border: 1px solid;
}
.dark-mode .p-button.p-button-warning.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  color: #f59e0b;
}
[dir].dark-mode .p-button.p-button-warning.p-button-outlined:enabled:active,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  background: rgba(245, 158, 11, 0.16);
  border: 1px solid;
}
.dark-mode .p-button.p-button-warning.p-button-text,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-text {
  color: #f59e0b;
}
[dir].dark-mode .p-button.p-button-warning.p-button-text,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button.p-button-text,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-text {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-button.p-button-warning.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
  color: #f59e0b;
}
[dir].dark-mode .p-button.p-button-warning.p-button-text:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
  background: rgba(245, 158, 11, 0.04);
  border-color: transparent;
}
.dark-mode .p-button.p-button-warning.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
  color: #f59e0b;
}
[dir].dark-mode .p-button.p-button-warning.p-button-text:enabled:active,
[dir].dark-mode .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
  background: rgba(245, 158, 11, 0.16);
  border-color: transparent;
}
.dark-mode .p-button.p-button-help,
.dark-mode .p-buttonset.p-button-help > .p-button,
.dark-mode .p-splitbutton.p-button-help > .p-button {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-help,
[dir].dark-mode .p-buttonset.p-button-help > .p-button,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button {
  background: #a855f7;
  border: 1px solid #a855f7;
}
.dark-mode .p-button.p-button-help:enabled:hover,
.dark-mode .p-buttonset.p-button-help > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-help > .p-button:enabled:hover {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-help:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-help > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button:enabled:hover {
  background: #9333ea;
  border-color: #9333ea;
}
[dir].dark-mode .p-button.p-button-help:enabled:focus,
[dir].dark-mode .p-buttonset.p-button-help > .p-button:enabled:focus,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2em #dcbbfc;
}
.dark-mode .p-button.p-button-help:enabled:active,
.dark-mode .p-buttonset.p-button-help > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-help > .p-button:enabled:active {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-help:enabled:active,
[dir].dark-mode .p-buttonset.p-button-help > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button:enabled:active {
  background: #9333ea;
  border-color: #9333ea;
}
.dark-mode .p-button.p-button-help.p-button-outlined,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-outlined {
  color: #a855f7;
}
[dir].dark-mode .p-button.p-button-help.p-button-outlined,
[dir].dark-mode .p-buttonset.p-button-help > .p-button.p-button-outlined,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button.p-button-outlined {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-button.p-button-help.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
  color: #a855f7;
}
[dir].dark-mode .p-button.p-button-help.p-button-outlined:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
  background: rgba(168, 85, 247, 0.04);
  border: 1px solid;
}
.dark-mode .p-button.p-button-help.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
  color: #a855f7;
}
[dir].dark-mode .p-button.p-button-help.p-button-outlined:enabled:active,
[dir].dark-mode .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
  background: rgba(168, 85, 247, 0.16);
  border: 1px solid;
}
.dark-mode .p-button.p-button-help.p-button-text,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-text {
  color: #a855f7;
}
[dir].dark-mode .p-button.p-button-help.p-button-text,
[dir].dark-mode .p-buttonset.p-button-help > .p-button.p-button-text,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button.p-button-text {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-button.p-button-help.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
  color: #a855f7;
}
[dir].dark-mode .p-button.p-button-help.p-button-text:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
  background: rgba(168, 85, 247, 0.04);
  border-color: transparent;
}
.dark-mode .p-button.p-button-help.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
  color: #a855f7;
}
[dir].dark-mode .p-button.p-button-help.p-button-text:enabled:active,
[dir].dark-mode .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
  background: rgba(168, 85, 247, 0.16);
  border-color: transparent;
}
.dark-mode .p-button.p-button-danger,
.dark-mode .p-buttonset.p-button-danger > .p-button,
.dark-mode .p-splitbutton.p-button-danger > .p-button {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-danger,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button {
  background: #ef4444;
  border: 1px solid #ef4444;
}
.dark-mode .p-button.p-button-danger:enabled:hover,
.dark-mode .p-buttonset.p-button-danger > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-danger > .p-button:enabled:hover {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-danger:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button:enabled:hover {
  background: #dc2626;
  border-color: #dc2626;
}
[dir].dark-mode .p-button.p-button-danger:enabled:focus,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button:enabled:focus,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2em #f9b4b4;
}
.dark-mode .p-button.p-button-danger:enabled:active,
.dark-mode .p-buttonset.p-button-danger > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-danger > .p-button:enabled:active {
  color: #fff;
}
[dir].dark-mode .p-button.p-button-danger:enabled:active,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button:enabled:active {
  background: #dc2626;
  border-color: #dc2626;
}
.dark-mode .p-button.p-button-danger.p-button-outlined,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-outlined,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
  color: #ef4444;
}
[dir].dark-mode .p-button.p-button-danger.p-button-outlined,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button.p-button-outlined,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-button.p-button-danger.p-button-outlined:enabled:hover,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  color: #ef4444;
}
[dir].dark-mode .p-button.p-button-danger.p-button-outlined:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  background: rgba(239, 68, 68, 0.04);
  border: 1px solid;
}
.dark-mode .p-button.p-button-danger.p-button-outlined:enabled:active,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  color: #ef4444;
}
[dir].dark-mode .p-button.p-button-danger.p-button-outlined:enabled:active,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  background: rgba(239, 68, 68, 0.16);
  border: 1px solid;
}
.dark-mode .p-button.p-button-danger.p-button-text,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-text,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-text {
  color: #ef4444;
}
[dir].dark-mode .p-button.p-button-danger.p-button-text,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button.p-button-text,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-text {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-button.p-button-danger.p-button-text:enabled:hover,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
  color: #ef4444;
}
[dir].dark-mode .p-button.p-button-danger.p-button-text:enabled:hover,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
  background: rgba(239, 68, 68, 0.04);
  border-color: transparent;
}
.dark-mode .p-button.p-button-danger.p-button-text:enabled:active,
.dark-mode .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
.dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
  color: #ef4444;
}
[dir].dark-mode .p-button.p-button-danger.p-button-text:enabled:active,
[dir].dark-mode .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
  background: rgba(239, 68, 68, 0.16);
  border-color: transparent;
}
.dark-mode .p-button.p-button-link {
  color: #9578d3;
}
[dir].dark-mode .p-button.p-button-link {
  background: 0 0;
  border: transparent;
}
.dark-mode .p-button.p-button-link:enabled:hover {
  color: #9578d3;
}
[dir].dark-mode .p-button.p-button-link:enabled:hover {
  background: 0 0;
  border-color: transparent;
}
[dir].dark-mode .p-button.p-button-link:enabled:focus {
  background: 0 0;
  box-shadow: 0 0 0 0.2em #9578d3;
  border-color: transparent;
}
.dark-mode .p-button.p-button-link:enabled:active {
  color: #9578d3;
}
[dir].dark-mode .p-button.p-button-link:enabled:active {
  background: 0 0;
  border-color: transparent;
}
.dark-mode .p-speeddial-action {
  color: #fff;
}
[dir].dark-mode .p-speeddial-action {
  background: #dcdbde;
}
.dark-mode .p-speeddial-action:hover {
  color: #fff;
}
[dir].dark-mode .p-speeddial-action:hover {
  background: #e7e7e9;
}
[dir].dark-mode .p-speeddial-mask {
  background-color: rgba(0, 0, 0, 0.4);
}
.dark-mode .p-splitbutton.p-button-outlined > .p-button {
  color: #9578d3;
}
[dir].dark-mode .p-splitbutton.p-button-outlined > .p-button {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-splitbutton.p-button-outlined > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #9578d3;
}
[dir].dark-mode .p-splitbutton.p-button-outlined > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(149, 120, 211, 0.04);
}
.dark-mode .p-splitbutton.p-button-outlined > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #9578d3;
}
[dir].dark-mode .p-splitbutton.p-button-outlined > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(149, 120, 211, 0.16);
}
.dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
  color: #c5c3c9;
}
[dir].dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
  border-color: #c5c3c9;
}
.dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #c5c3c9;
}
[dir].dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #c5c3c9;
}
[dir].dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #3f3d44;
}
.dark-mode .p-splitbutton.p-button-text > .p-button {
  color: #9578d3;
}
[dir].dark-mode .p-splitbutton.p-button-text > .p-button {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-text > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #9578d3;
}
[dir].dark-mode .p-splitbutton.p-button-text > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(149, 120, 211, 0.04);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-text > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #9578d3;
}
[dir].dark-mode .p-splitbutton.p-button-text > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(149, 120, 211, 0.16);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-text.p-button-plain > .p-button,
.dark-mode .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #c5c3c9;
}
[dir].dark-mode .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #c5c3c9;
}
[dir].dark-mode .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
  background: #3f3d44;
}
[dir].dark-mode .p-splitbutton.p-button-raised {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
  color: #64748b;
}
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #64748b;
}
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(100, 116, 139, 0.04);
}
.dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #64748b;
}
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(100, 116, 139, 0.16);
}
.dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button {
  color: #64748b;
}
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #64748b;
}
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(100, 116, 139, 0.04);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #64748b;
}
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(100, 116, 139, 0.16);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button {
  color: #3b82f6;
}
[dir].dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #3b82f6;
}
[dir].dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(59, 130, 246, 0.04);
}
.dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #3b82f6;
}
[dir].dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(59, 130, 246, 0.16);
}
.dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button {
  color: #3b82f6;
}
[dir].dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #3b82f6;
}
[dir].dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(59, 130, 246, 0.04);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #3b82f6;
}
[dir].dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(59, 130, 246, 0.16);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button {
  color: #22c55e;
}
[dir].dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #22c55e;
}
[dir].dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(34, 197, 94, 0.04);
}
.dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #22c55e;
}
[dir].dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(34, 197, 94, 0.16);
}
.dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button {
  color: #22c55e;
}
[dir].dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #22c55e;
}
[dir].dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(34, 197, 94, 0.04);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #22c55e;
}
[dir].dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(34, 197, 94, 0.16);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
  color: #f59e0b;
}
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #f59e0b;
}
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(245, 158, 11, 0.04);
}
.dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #f59e0b;
}
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(245, 158, 11, 0.16);
}
.dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button {
  color: #f59e0b;
}
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #f59e0b;
}
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(245, 158, 11, 0.04);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #f59e0b;
}
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(245, 158, 11, 0.16);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button {
  color: #a855f7;
}
[dir].dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #a855f7;
}
[dir].dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(168, 85, 247, 0.04);
}
.dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #a855f7;
}
[dir].dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(168, 85, 247, 0.16);
}
.dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button {
  color: #a855f7;
}
[dir].dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #a855f7;
}
[dir].dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(168, 85, 247, 0.04);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #a855f7;
}
[dir].dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(168, 85, 247, 0.16);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
  color: #ef4444;
}
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
  background-color: transparent;
  border: 1px solid;
}
.dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #ef4444;
}
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(239, 68, 68, 0.04);
}
.dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #ef4444;
}
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(239, 68, 68, 0.16);
}
.dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button {
  color: #ef4444;
}
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover,
.dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  color: #ef4444;
}
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover,
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
  background: rgba(239, 68, 68, 0.04);
  border-color: transparent;
}
.dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active,
.dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  color: #ef4444;
}
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active,
[dir].dark-mode .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
  background: rgba(239, 68, 68, 0.16);
  border-color: transparent;
}
.dark-mode .p-carousel .p-carousel-content .p-carousel-next,
.dark-mode .p-carousel .p-carousel-content .p-carousel-prev {
  color: #c5c3c9;
}
[dir].dark-mode .p-carousel .p-carousel-content .p-carousel-next,
[dir].dark-mode .p-carousel .p-carousel-content .p-carousel-prev {
  border: 0;
  background: 0 0;
}
.dark-mode .p-carousel .p-carousel-content .p-carousel-next:enabled:hover,
.dark-mode .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-carousel .p-carousel-content .p-carousel-next:enabled:hover,
[dir].dark-mode .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-carousel .p-carousel-content .p-carousel-next:focus,
.dark-mode .p-carousel .p-carousel-content .p-carousel-prev:focus {
  outline: 0;
}
[dir].dark-mode .p-carousel .p-carousel-content .p-carousel-next:focus,
[dir].dark-mode .p-carousel .p-carousel-content .p-carousel-prev:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir].dark-mode .p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background-color: #343338;
}
[dir].dark-mode .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
  background: #3f3d44;
}
.dark-mode .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  color: #fff;
}
[dir].dark-mode .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background: #a5b8f0;
}
.dark-mode .p-datatable .p-datatable-header {
  color: #dcdbde;
}
[dir].dark-mode .p-datatable .p-datatable-header {
  background: #29282c;
  border: 1px solid #343338;
}
.dark-mode .p-datatable .p-datatable-footer {
  color: #dcdbde;
}
[dir].dark-mode .p-datatable .p-datatable-footer {
  background: #29282c;
  border: 1px solid #343338;
}
[dir].dark-mode .p-datatable .p-datatable-thead > tr > th {
  border: 1px solid #343338;
  background: #29282c;
}
.dark-mode .p-datatable .p-datatable-tfoot > tr > td {
  color: #dcdbde;
}
[dir].dark-mode .p-datatable .p-datatable-tfoot > tr > td {
  border: 1px solid #343338;
  background: #29282c;
}
.dark-mode .p-datatable .p-sortable-column .p-sortable-column-icon {
  color: #c5c3c9;
}
.dark-mode .p-datatable .p-sortable-column .p-sortable-column-badge {
  color: #fff;
}
[dir].dark-mode .p-datatable .p-sortable-column .p-sortable-column-badge {
  background: #a5b8f0;
}
.dark-mode .p-datatable .p-sortable-column:not(.p-highlight):hover {
  color: #dcdbde;
}
[dir].dark-mode .p-datatable .p-sortable-column:not(.p-highlight):hover {
  background: #343338;
}
.dark-mode .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: #c5c3c9;
}
.dark-mode .p-datatable .p-sortable-column.p-highlight {
  color: #9578d3;
}
[dir].dark-mode .p-datatable .p-sortable-column.p-highlight {
  background: #29282c;
}
.dark-mode .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon,
.dark-mode .p-datatable .p-sortable-column.p-highlight:hover {
  color: #9578d3;
}
[dir].dark-mode .p-datatable .p-sortable-column.p-highlight:hover {
  background: #343338;
}
.dark-mode .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
  color: #9578d3;
}
.dark-mode .p-datatable .p-sortable-column:focus {
  outline: 0;
}
[dir].dark-mode .p-datatable .p-sortable-column:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
.dark-mode .p-datatable .p-datatable-tbody > tr {
  color: #dcdbde;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr {
  background: #29282c;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td {
  border: 1px solid #343338;
}
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
  color: #c5c3c9;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel,
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
  border: 0;
  background: 0 0;
}
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover,
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus {
  outline: 0;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus,
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-datatable .p-datatable-tbody > tr:focus {
  outline: #9578d3 solid 0.15rem;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr.p-highlight {
  background: #a5b8f0;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #a5b8f0;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #a5b8f0;
}
.dark-mode .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  color: #dcdbde;
}
[dir].dark-mode .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  background: #343338;
}
[dir].dark-mode .p-datatable .p-column-resizer-helper {
  background: #9578d3;
}
[dir].dark-mode .p-datatable .p-datatable-scrollable-footer,
[dir].dark-mode .p-datatable .p-datatable-scrollable-header {
  background: #29282c;
}
[dir].dark-mode .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot,
[dir].dark-mode .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead {
  background-color: #29282c;
}
[dir].dark-mode .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) td {
  background: #35323a;
}
.dark-mode .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
  color: #fff;
}
[dir].dark-mode .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight td {
  background: #a5b8f0;
}
.dark-mode .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler,
.dark-mode .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
  color: #fff;
}
.dark-mode .p-dataview .p-dataview-header {
  color: #dcdbde;
}
[dir].dark-mode .p-dataview .p-dataview-header {
  background: #29282c;
  border: 1px solid #343338;
}
.dark-mode .p-dataview .p-dataview-content {
  color: #dcdbde;
}
[dir].dark-mode .p-dataview .p-dataview-content {
  background: #29282c;
  border: 0;
}
[dir].dark-mode .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
  border: solid #343338;
}
.dark-mode .p-dataview .p-dataview-footer {
  color: #dcdbde;
}
[dir].dark-mode .p-dataview .p-dataview-footer {
  background: #29282c;
  border: 1px solid #343338;
}
[dir=ltr].dark-mode .p-dataview .p-dataview-footer {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-dataview .p-dataview-footer {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
.dark-mode .p-column-filter-menu-button {
  color: #c5c3c9;
}
[dir].dark-mode .p-column-filter-menu-button {
  border: 0;
  background: 0 0;
}
.dark-mode .p-column-filter-menu-button:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-column-filter-menu-button:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-open,
.dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-open,
[dir].dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
  background: #343338;
}
.dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-active,
.dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
  color: #fff;
}
[dir].dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-active,
[dir].dark-mode .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
  background: #a5b8f0;
}
.dark-mode .p-column-filter-menu-button:focus {
  outline: 0;
}
[dir].dark-mode .p-column-filter-menu-button:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-column-filter-clear-button {
  color: #c5c3c9;
}
[dir].dark-mode .p-column-filter-clear-button {
  border: 0;
  background: 0 0;
}
.dark-mode .p-column-filter-clear-button:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-column-filter-clear-button:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-column-filter-clear-button:focus {
  outline: 0;
}
[dir].dark-mode .p-column-filter-clear-button:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-column-filter-overlay {
  color: #dcdbde;
}
[dir].dark-mode .p-column-filter-overlay {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  color: #dcdbde;
}
[dir].dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  border: 0;
  background: 0 0;
}
.dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
  outline: 0;
}
[dir].dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
[dir].dark-mode .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
  border-top: 1px solid #343338;
}
.dark-mode .p-column-filter-overlay-menu .p-column-filter-operator {
  color: #dcdbde;
}
[dir].dark-mode .p-column-filter-overlay-menu .p-column-filter-operator {
  border-bottom: 0;
  background: #29282c;
}
[dir=ltr].dark-mode .p-column-filter-overlay-menu .p-column-filter-operator {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-column-filter-overlay-menu .p-column-filter-operator {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
[dir].dark-mode .p-column-filter-overlay-menu .p-column-filter-constraint {
  border-bottom: 1px solid #343338;
}
[dir].dark-mode .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
  border-bottom: 0;
}
.dark-mode .fc.fc-unthemed .fc-view-container th {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-unthemed .fc-view-container th {
  background: #29282c;
  border: 1px solid #3f3d44;
}
.dark-mode .fc.fc-unthemed .fc-view-container td.fc-widget-content {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-unthemed .fc-view-container td.fc-widget-content {
  background: #29282c;
  border: 1px solid #3f3d44;
}
[dir].dark-mode .fc.fc-unthemed .fc-view-container td.fc-head-container {
  border: 1px solid #3f3d44;
}
[dir=ltr].dark-mode .fc.fc-unthemed .fc-view-container .fc-row {
  border-right: 1px solid #3f3d44;
}
[dir=rtl].dark-mode .fc.fc-unthemed .fc-view-container .fc-row {
  border-left: 1px solid #3f3d44;
}
.dark-mode .fc.fc-unthemed .fc-view-container .fc-event {
  color: #fff;
}
[dir].dark-mode .fc.fc-unthemed .fc-view-container .fc-event {
  background: #9578d3;
  border: 1px solid #9578d3;
}
[dir].dark-mode .fc.fc-unthemed .fc-view-container .fc-divider {
  background: #29282c;
  border: 1px solid #3f3d44;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button {
  color: #fff;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button {
  background: #9578d3;
  border: 1px solid #9578d3;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
  color: #fff;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
  color: #fff;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:focus {
  outline: 0;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button {
  background: #29282c;
  border: 1px solid #55525b;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover {
  background: #343338;
  border-color: #55525b;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active {
  color: #fff;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active {
  background: #9578d3;
  border-color: #9578d3;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover {
  color: #fff;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus,
.dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus {
  outline: 0;
}
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus,
[dir].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir=ltr].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=ltr].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child,
[dir=rtl].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
  border-color: #3f3d44;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness th {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness th {
  background: #29282c;
  border-color: #3f3d44;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness td {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness td {
  border-color: #3f3d44;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-view {
  background: #29282c;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover {
  background: 0 0;
  border: 0;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
  border: 1px solid #3f3d44;
  background: #29282c;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
  color: #c5c3c9;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
  border: 0;
  background: 0 0;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
  outline: 0;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
  border: 1px solid #3f3d44;
  background: #29282c;
  border-top: 0;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
  color: #fff;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
  background: #9578d3;
  border-color: #9578d3;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
  color: #fff;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
  background: #9578d3;
  border-color: #9578d3;
}
.dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
  color: #f3f2f3;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
  background: #343338;
}
[dir].dark-mode .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
  background: #29282c;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button {
  color: #fff;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button {
  background: #9578d3;
  border: 1px solid #9578d3;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
  color: #fff;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
  color: #fff;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
  color: #fff;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
  background: #9578d3;
  border: 1px solid #9578d3;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
  outline: 0;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button {
  background: #29282c;
  border: 1px solid #55525b;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover {
  color: #dcdbde;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover {
  background: #343338;
  border-color: #55525b;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active {
  color: #fff;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active {
  background: #9578d3;
  border-color: #9578d3;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover {
  color: #fff;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus,
.dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus {
  outline: 0;
}
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus,
[dir].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir=ltr].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=ltr].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child,
[dir=rtl].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-right-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-left-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
.dark-mode .fc.fc-theme-standard a {
  color: #dcdbde;
}
.dark-mode .fc.fc-theme-standard .fc-highlight {
  color: #fff;
}
[dir].dark-mode .fc.fc-theme-standard .fc-highlight {
  background: #a5b8f0;
}
.dark-mode .p-orderlist .p-orderlist-header {
  color: #dcdbde;
}
[dir].dark-mode .p-orderlist .p-orderlist-header {
  background: #29282c;
  border: 1px solid #3f3d44;
  border-bottom: 0;
}
[dir=ltr].dark-mode .p-orderlist .p-orderlist-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-orderlist .p-orderlist-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
[dir].dark-mode .p-orderlist .p-orderlist-filter-container {
  background: #29282c;
  border: 1px solid #3f3d44;
  border-bottom: 0;
}
.dark-mode .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
  color: #c5c3c9;
}
.dark-mode .p-orderlist .p-orderlist-list {
  color: #dcdbde;
}
[dir].dark-mode .p-orderlist .p-orderlist-list {
  border: 1px solid #3f3d44;
  background: #29282c;
}
[dir=ltr].dark-mode .p-orderlist .p-orderlist-list {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-orderlist .p-orderlist-list {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
.dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item {
  color: #dcdbde;
}
[dir].dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item {
  border: 0;
  background: 0 0;
}
.dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
  outline: 0;
}
[dir].dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
.dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
  color: #dcdbde;
}
.dark-mode .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
  background: #343338;
}
[dir].dark-mode .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
  background: #29282c;
}
[dir].dark-mode .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
  background: #343338;
}
.dark-mode .p-orderlist-item.cdk-drag-preview {
  color: #dcdbde;
}
[dir].dark-mode .p-orderlist-item.cdk-drag-preview {
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 0;
  background: #29282c;
}
.dark-mode .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
  background: #343338;
}
.dark-mode .p-organizationchart .p-organizationchart-node-content.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-organizationchart .p-organizationchart-node-content.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
  color: #5c7ee4;
}
[dir].dark-mode .p-organizationchart .p-organizationchart-line-down {
  background: #3f3d44;
}
[dir].dark-mode .p-organizationchart .p-organizationchart-line-left {
  border-color: #3f3d44;
}
[dir=ltr].dark-mode .p-organizationchart .p-organizationchart-line-left {
  border-right: 1px solid #3f3d44;
}
[dir=rtl].dark-mode .p-organizationchart .p-organizationchart-line-left {
  border-left: 1px solid #3f3d44;
}
[dir].dark-mode .p-organizationchart .p-organizationchart-line-top {
  border-top: 1px solid #3f3d44;
  border-color: #3f3d44;
}
.dark-mode .p-organizationchart .p-organizationchart-node-content {
  color: #dcdbde;
}
[dir].dark-mode .p-organizationchart .p-organizationchart-node-content {
  border: 1px solid #3f3d44;
  background: #29282c;
}
.dark-mode .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  color: inherit;
}
[dir].dark-mode .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  background: inherit;
}
.dark-mode .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
  outline: 0;
}
[dir].dark-mode .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-paginator {
  color: #c5c3c9;
}
[dir].dark-mode .p-paginator {
  background: #29282c;
  border: solid #343338;
}
.dark-mode .p-paginator .p-paginator-first,
.dark-mode .p-paginator .p-paginator-last,
.dark-mode .p-paginator .p-paginator-next,
.dark-mode .p-paginator .p-paginator-prev {
  color: #c5c3c9;
}
[dir].dark-mode .p-paginator .p-paginator-first,
[dir].dark-mode .p-paginator .p-paginator-last,
[dir].dark-mode .p-paginator .p-paginator-next,
[dir].dark-mode .p-paginator .p-paginator-prev {
  background-color: transparent;
  border: 1px solid #55525b;
}
.dark-mode .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.dark-mode .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover,
.dark-mode .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.dark-mode .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover {
  color: #dcdbde;
}
[dir].dark-mode .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
[dir].dark-mode .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover,
[dir].dark-mode .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
[dir].dark-mode .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover {
  background: #343338;
  border-color: #55525b;
}
[dir=ltr].dark-mode .p-paginator .p-paginator-first {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=ltr].dark-mode .p-paginator .p-paginator-last,
[dir=rtl].dark-mode .p-paginator .p-paginator-first {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl].dark-mode .p-paginator .p-paginator-last {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dark-mode .p-paginator .p-paginator-current {
  color: #c5c3c9;
}
[dir].dark-mode .p-paginator .p-paginator-current {
  background-color: transparent;
}
.dark-mode .p-paginator .p-paginator-pages .p-paginator-page {
  color: #c5c3c9;
}
[dir].dark-mode .p-paginator .p-paginator-pages .p-paginator-page {
  background-color: transparent;
  border: 1px solid #55525b;
}
.dark-mode .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  color: #dcdbde;
}
[dir].dark-mode .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  background: #343338;
  border-color: #55525b;
}
.dark-mode .p-picklist .p-picklist-header {
  color: #dcdbde;
}
[dir].dark-mode .p-picklist .p-picklist-header {
  background: #29282c;
  border: 1px solid #3f3d44;
  border-bottom: 0;
}
[dir=ltr].dark-mode .p-picklist .p-picklist-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-picklist .p-picklist-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
[dir].dark-mode .p-picklist .p-picklist-filter-container {
  background: #29282c;
  border: 1px solid #3f3d44;
  border-bottom: 0;
}
.dark-mode .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
  color: #c5c3c9;
}
.dark-mode .p-picklist .p-picklist-list {
  color: #dcdbde;
}
[dir].dark-mode .p-picklist .p-picklist-list {
  border: 1px solid #3f3d44;
  background: #29282c;
}
[dir=ltr].dark-mode .p-picklist .p-picklist-list {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-picklist .p-picklist-list {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
.dark-mode .p-picklist .p-picklist-list .p-picklist-item {
  color: #dcdbde;
}
[dir].dark-mode .p-picklist .p-picklist-list .p-picklist-item {
  border: 0;
  background: 0 0;
}
.dark-mode .p-picklist .p-picklist-list .p-picklist-item:focus {
  outline: 0;
}
[dir].dark-mode .p-picklist .p-picklist-list .p-picklist-item:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
.dark-mode .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-picklist .p-picklist-list .p-picklist-empty-message {
  color: #dcdbde;
}
.dark-mode .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
  background: #343338;
}
[dir].dark-mode .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
  background: #29282c;
}
[dir].dark-mode .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
  background: #343338;
}
.dark-mode .p-picklist-item.cdk-drag-preview {
  color: #dcdbde;
}
[dir].dark-mode .p-picklist-item.cdk-drag-preview {
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 0;
  background: #29282c;
}
[dir].dark-mode .p-timeline .p-timeline-event-marker {
  border: 2px solid #9578d3;
  background-color: #29282c;
}
[dir].dark-mode .p-timeline .p-timeline-event-connector {
  background-color: #3f3d44;
}
.dark-mode .p-tree {
  color: #dcdbde;
}
[dir].dark-mode .p-tree {
  border: 1px solid #3f3d44;
  background: #29282c;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  color: #c5c3c9;
}
[dir].dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  border: 0;
  background: 0 0;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
  border-color: transparent;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
  outline: 0;
}
[dir].dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
  color: #c5c3c9;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: #dcdbde;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  outline: 0;
}
[dir].dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon,
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
  color: #fff;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #343338;
}
.dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
  color: #f3f2f3;
}
[dir].dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
  background: #343338;
}
.dark-mode .p-tree .p-tree-filter-container .p-tree-filter-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
  background-color: #6081e4;
}
.dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
  color: #dcdbde;
}
[dir].dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
  border: 1px solid #3f3d44;
  background-color: #29282c;
}
.dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
  background-color: #a5b8f0;
}
.dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
  color: #fff;
}
.dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
  color: #c5c3c9;
}
.dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
  color: inherit;
}
[dir].dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
  background-color: inherit;
}
.dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #343338;
}
.dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
  outline: 0;
}
[dir].dark-mode .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-treetable .p-treetable-header {
  color: #dcdbde;
}
[dir].dark-mode .p-treetable .p-treetable-header {
  background: #29282c;
  border: 1px solid #343338;
}
.dark-mode .p-treetable .p-treetable-footer {
  color: #dcdbde;
}
[dir].dark-mode .p-treetable .p-treetable-footer {
  background: #29282c;
  border: 1px solid #343338;
}
.dark-mode .p-treetable .p-treetable-thead > tr > th {
  color: #8c8994;
}
[dir].dark-mode .p-treetable .p-treetable-thead > tr > th {
  border: 1px solid #343338;
  background: #29282c;
}
.dark-mode .p-treetable .p-treetable-tfoot > tr > td {
  color: #dcdbde;
}
[dir].dark-mode .p-treetable .p-treetable-tfoot > tr > td {
  border: 1px solid #343338;
  background: #29282c;
}
.dark-mode .p-treetable .p-sortable-column {
  outline-color: #9578d3;
}
.dark-mode .p-treetable .p-sortable-column .p-sortable-column-icon {
  color: #c5c3c9;
}
.dark-mode .p-treetable .p-sortable-column .p-sortable-column-badge {
  color: #fff;
}
[dir].dark-mode .p-treetable .p-sortable-column .p-sortable-column-badge {
  background: #a5b8f0;
}
.dark-mode .p-treetable .p-sortable-column:not(.p-highlight):hover {
  color: #dcdbde;
}
[dir].dark-mode .p-treetable .p-sortable-column:not(.p-highlight):hover {
  background: #343338;
}
.dark-mode .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: #c5c3c9;
}
.dark-mode .p-treetable .p-sortable-column.p-highlight {
  color: #9578d3;
}
[dir].dark-mode .p-treetable .p-sortable-column.p-highlight {
  background: #29282c;
}
.dark-mode .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: #9578d3;
}
.dark-mode .p-treetable .p-treetable-tbody > tr {
  color: #dcdbde;
}
[dir].dark-mode .p-treetable .p-treetable-tbody > tr {
  background: #29282c;
}
[dir].dark-mode .p-treetable .p-treetable-tbody > tr > td {
  border: 1px solid #343338;
}
.dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  color: #c5c3c9;
}
[dir].dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  border: 0;
  background: 0 0;
}
.dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
  outline: 0;
}
[dir].dark-mode .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: #dcdbde;
}
.dark-mode .p-treetable .p-treetable-tbody > tr:focus {
  outline: #9578d3 solid 0.15rem;
}
.dark-mode .p-treetable .p-treetable-tbody > tr.p-highlight {
  color: #fff;
}
[dir].dark-mode .p-treetable .p-treetable-tbody > tr.p-highlight {
  background: #a5b8f0;
}
.dark-mode .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler,
.dark-mode .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
  color: #fff;
}
.dark-mode .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
  color: #dcdbde;
}
[dir].dark-mode .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
  background: #343338;
}
.dark-mode .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
  color: #dcdbde;
}
[dir].dark-mode .p-treetable .p-column-resizer-helper {
  background: #9578d3;
}
[dir].dark-mode .p-treetable .p-treetable-scrollable-footer,
[dir].dark-mode .p-treetable .p-treetable-scrollable-header {
  background: #29282c;
}
.dark-mode .p-virtualscroller .p-virtualscroller-header {
  color: #dcdbde;
}
[dir].dark-mode .p-virtualscroller .p-virtualscroller-header {
  background: #29282c;
  border: 1px solid #343338;
}
.dark-mode .p-virtualscroller .p-virtualscroller-content {
  color: #dcdbde;
}
[dir].dark-mode .p-virtualscroller .p-virtualscroller-content {
  background: #29282c;
  border: 0;
}
.dark-mode .p-virtualscroller .p-virtualscroller-footer {
  color: #dcdbde;
}
[dir].dark-mode .p-virtualscroller .p-virtualscroller-footer {
  background: #29282c;
  border: 1px solid #343338;
}
[dir=ltr].dark-mode .p-virtualscroller .p-virtualscroller-footer {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-virtualscroller .p-virtualscroller-footer {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
.dark-mode .p-accordion .p-accordion-header .p-accordion-header-link {
  color: #dcdbde;
}
[dir].dark-mode .p-accordion .p-accordion-header .p-accordion-header-link {
  border: 1px solid #3f3d44;
  background: #29282c;
}
.dark-mode .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  outline: 0;
}
[dir].dark-mode .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  color: #dcdbde;
}
[dir].dark-mode .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  background: #343338;
  border-color: #3f3d44;
}
.dark-mode .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  color: #dcdbde;
}
[dir].dark-mode .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #29282c;
  border-color: #3f3d44;
}
[dir=ltr].dark-mode .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl].dark-mode .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dark-mode .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  color: #dcdbde;
}
[dir].dark-mode .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-color: #3f3d44;
  background: #343338;
}
.dark-mode .p-accordion .p-accordion-content {
  color: #dcdbde;
}
[dir].dark-mode .p-accordion .p-accordion-content {
  border: 1px solid #3f3d44;
  background: #29282c;
  border-top: 0;
}
[dir=ltr].dark-mode .p-accordion .p-accordion-content,
[dir=rtl].dark-mode .p-accordion .p-accordion-content {
  border-radius: 0 0 0.4166666667rem 0.4166666667rem;
}
[dir].dark-mode .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link,
[dir].dark-mode .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link,
[dir].dark-mode .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  border-top: 0;
}
[dir=ltr].dark-mode .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
[dir=ltr].dark-mode .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=ltr].dark-mode .p-accordion p-accordiontab:last-child .p-accordion-content {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-accordion p-accordiontab:last-child .p-accordion-content {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
.dark-mode .p-card {
  color: #dcdbde;
}
[dir].dark-mode .p-card {
  background: #29282c;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.dark-mode .p-card .p-card-subtitle {
  color: #c5c3c9;
}
[dir].dark-mode .p-divider .p-divider-content {
  background-color: #29282c;
}
[dir].dark-mode .p-divider.p-divider-horizontal:before {
  border-top: 1px #3f3d44;
}
[dir=ltr].dark-mode .p-divider.p-divider-vertical:before {
  border-left: 1px #3f3d44;
}
[dir=rtl].dark-mode .p-divider.p-divider-vertical:before {
  border-right: 1px #3f3d44;
}
.dark-mode .p-fieldset {
  color: #dcdbde;
}
[dir].dark-mode .p-fieldset {
  border: 1px solid #3f3d44;
  background: #29282c;
}
.dark-mode .p-fieldset .p-fieldset-legend {
  color: #dcdbde;
}
[dir].dark-mode .p-fieldset .p-fieldset-legend {
  border: 1px solid #3f3d44;
  background: #29282c;
}
.dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
  color: #dcdbde;
}
.dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
  outline: 0;
}
[dir].dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  background: #343338;
  border-color: #3f3d44;
}
.dark-mode .p-panel .p-panel-header {
  color: #dcdbde;
}
[dir].dark-mode .p-panel .p-panel-header {
  border: 1px solid #3f3d44;
  background: #29282c;
}
[dir=ltr].dark-mode .p-panel .p-panel-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-panel .p-panel-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-panel .p-panel-header .p-panel-header-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-panel .p-panel-header .p-panel-header-icon {
  border: 0;
  background: 0 0;
}
.dark-mode .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-panel .p-panel-header .p-panel-header-icon:focus {
  outline: 0;
}
[dir].dark-mode .p-panel .p-panel-header .p-panel-header-icon:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-panel .p-panel-content {
  color: #dcdbde;
}
[dir].dark-mode .p-panel .p-panel-content {
  border: 1px solid #3f3d44;
  background: #29282c;
  border-top: 0;
}
[dir=ltr].dark-mode .p-panel .p-panel-content {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-panel .p-panel-content {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
.dark-mode .p-panel .p-panel-footer {
  color: #dcdbde;
}
[dir].dark-mode .p-panel .p-panel-footer {
  border: 1px solid #3f3d44;
  background: #29282c;
  border-top: 0;
}
[dir].dark-mode .p-scrollpanel .p-scrollpanel-bar {
  background: #55525b;
  border: 0;
}
.dark-mode .p-splitter {
  color: #dcdbde;
}
[dir].dark-mode .p-splitter {
  border: 1px solid #3f3d44;
  background: #29282c;
}
[dir].dark-mode .p-splitter .p-splitter-gutter {
  background: #29282c;
}
[dir].dark-mode .p-splitter .p-splitter-gutter .p-splitter-gutter-handle,
[dir].dark-mode .p-splitter .p-splitter-gutter-resizing {
  background: #3f3d44;
}
[dir].dark-mode .p-tabview .p-tabview-nav {
  background: 0 0;
  border: 1px solid #3f3d44;
}
.dark-mode .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  color: #c5c3c9;
}
[dir].dark-mode .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border: solid #3f3d44;
  border-color: transparent transparent #3f3d44;
  background: #29282c;
}
[dir=ltr].dark-mode .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  outline: 0;
}
[dir].dark-mode .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  box-shadow: inset 0 0 0 1px #9578d3;
}
.dark-mode .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  color: #c5c3c9;
}
[dir].dark-mode .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  background: #29282c;
  border-color: #c5c3c9;
}
.dark-mode .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  color: #9578d3;
}
[dir].dark-mode .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: #29282c;
  border-color: #9578d3;
}
.dark-mode .p-tabview .p-tabview-nav-btn.p-link {
  color: #9578d3;
}
[dir].dark-mode .p-tabview .p-tabview-nav-btn.p-link {
  background: #29282c;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.dark-mode .p-tabview .p-tabview-nav-btn.p-link:focus {
  outline: 0;
}
[dir].dark-mode .p-tabview .p-tabview-nav-btn.p-link:focus {
  box-shadow: inset 0 0 0 1px #9578d3;
}
.dark-mode .p-tabview .p-tabview-panels {
  color: #dcdbde;
}
[dir].dark-mode .p-tabview .p-tabview-panels {
  background: 0 0;
  border: 0;
}
[dir=ltr].dark-mode .p-tabview .p-tabview-panels {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-tabview .p-tabview-panels {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir].dark-mode .p-toolbar {
  background: #29282c;
  border: 1px solid #3f3d44;
}
.dark-mode .p-confirm-popup {
  color: #dcdbde;
}
[dir].dark-mode .p-confirm-popup {
  background: #29282c;
  border: 0;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
[dir].dark-mode .p-confirm-popup:after,
[dir].dark-mode .p-confirm-popup:before {
  border: solid rgba(41, 40, 44, 0);
  border-bottom-color: #29282c;
}
[dir].dark-mode .p-confirm-popup.p-confirm-popup-flipped:after,
[dir].dark-mode .p-confirm-popup.p-confirm-popup-flipped:before {
  border-top-color: #29282c;
}
[dir].dark-mode .p-dialog {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: 0;
}
.dark-mode .p-dialog .p-dialog-header {
  color: #dcdbde;
}
[dir].dark-mode .p-dialog .p-dialog-header {
  border-bottom: 0;
  background: #29282c;
}
[dir=ltr].dark-mode .p-dialog .p-dialog-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-dialog .p-dialog-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon {
  border: 0;
  background: 0 0;
}
.dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  outline: 0;
}
[dir].dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-dialog .p-dialog-content {
  color: #dcdbde;
}
[dir].dark-mode .p-dialog .p-dialog-content {
  background: #29282c;
}
.dark-mode .p-dialog .p-dialog-footer {
  color: #dcdbde;
}
[dir].dark-mode .p-dialog .p-dialog-footer {
  border-top: 0;
  background: #29282c;
}
[dir=ltr].dark-mode .p-dialog .p-dialog-footer {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-dialog .p-dialog-footer {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
.dark-mode .p-overlaypanel {
  color: #dcdbde;
}
[dir].dark-mode .p-overlaypanel {
  background: #29282c;
  border: 0;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.dark-mode .p-overlaypanel .p-overlaypanel-close {
  color: #fff;
}
[dir].dark-mode .p-overlaypanel .p-overlaypanel-close {
  background: #9578d3;
}
.dark-mode .p-overlaypanel .p-overlaypanel-close:enabled:hover {
  color: #fff;
}
[dir].dark-mode .p-overlaypanel .p-overlaypanel-close:enabled:hover {
  background: #6d41cb;
}
[dir].dark-mode .p-overlaypanel:after {
  border: solid rgba(41, 40, 44, 0);
  border-bottom-color: #29282c;
}
[dir].dark-mode .p-overlaypanel:before {
  border: solid rgba(41, 40, 44, 0);
  border-bottom-color: #27262a;
}
[dir].dark-mode .p-overlaypanel.p-overlaypanel-flipped:after,
[dir].dark-mode .p-overlaypanel.p-overlaypanel-flipped:before {
  border-top-color: #29282c;
}
.dark-mode .p-sidebar {
  color: #dcdbde;
}
[dir].dark-mode .p-sidebar {
  background: #29282c;
  border: 0;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-close,
.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-sidebar .p-sidebar-header .p-sidebar-close,
[dir].dark-mode .p-sidebar .p-sidebar-header .p-sidebar-icon {
  border: 0;
  background: 0 0;
}
.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
[dir].dark-mode .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
  border-color: transparent;
  background: #343338;
}
.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.dark-mode .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  outline: 0;
}
[dir].dark-mode .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
[dir].dark-mode .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-tooltip .p-tooltip-text {
  color: #29282c;
}
[dir].dark-mode .p-tooltip .p-tooltip-text {
  background: #dcdbde;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[dir=ltr].dark-mode .p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: #dcdbde;
}
[dir=ltr].dark-mode .p-tooltip.p-tooltip-left .p-tooltip-arrow,
[dir=rtl].dark-mode .p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-left-color: #dcdbde;
}
[dir=rtl].dark-mode .p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-right-color: #dcdbde;
}
[dir].dark-mode .p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: #dcdbde;
}
[dir].dark-mode .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: #dcdbde;
}
.dark-mode .p-fileupload .p-fileupload-buttonbar {
  color: #dcdbde;
}
[dir].dark-mode .p-fileupload .p-fileupload-buttonbar {
  background: #29282c;
  border: 1px solid #3f3d44;
  border-bottom: 0;
}
[dir=ltr].dark-mode .p-fileupload .p-fileupload-buttonbar {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-fileupload .p-fileupload-buttonbar {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
  outline: 0;
}
[dir].dark-mode .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-fileupload .p-fileupload-content {
  color: #dcdbde;
}
[dir].dark-mode .p-fileupload .p-fileupload-content {
  background: #29282c;
  border: 1px solid #3f3d44;
}
[dir=ltr].dark-mode .p-fileupload .p-fileupload-content {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-fileupload .p-fileupload-content {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
.dark-mode .p-fileupload-choose:not(.p-disabled):hover {
  color: #fff;
}
[dir].dark-mode .p-fileupload-choose:not(.p-disabled):hover {
  background: #6d41cb;
  border-color: #6d41cb;
}
.dark-mode .p-fileupload-choose:not(.p-disabled):active {
  color: #fff;
}
[dir].dark-mode .p-fileupload-choose:not(.p-disabled):active {
  background: #6d41cb;
  border-color: #6d41cb;
}
[dir].dark-mode .p-breadcrumb {
  background: #29282c;
  border: 1px solid #3f3d44;
}
.dark-mode .p-breadcrumb ul li .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-breadcrumb ul li .p-menuitem-link:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
  color: #c5c3c9;
}
.dark-mode .p-breadcrumb ul li.p-breadcrumb-chevron,
.dark-mode .p-breadcrumb ul li:last-child .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-breadcrumb ul li:last-child .p-menuitem-icon {
  color: #c5c3c9;
}
.dark-mode .p-contextmenu {
  color: #dcdbde;
}
[dir].dark-mode .p-contextmenu {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-contextmenu .p-menuitem-link,
.dark-mode .p-contextmenu .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-contextmenu .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-contextmenu .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #f3f2f3;
}
.dark-mode .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-contextmenu .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-contextmenu .p-menuitem-link:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
[dir].dark-mode .p-contextmenu .p-submenu-list {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[dir].dark-mode .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #343338;
}
.dark-mode .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-contextmenu .p-menu-separator {
  border-top: 1px solid #343338;
}
.dark-mode .p-contextmenu .p-menuitem-badge {
  color: #fff;
}
[dir].dark-mode .p-contextmenu .p-menuitem-badge {
  background: #9578d3;
}
[dir].dark-mode .p-dock .p-dock-list {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-mode .p-megamenu {
  color: #dcdbde;
}
[dir].dark-mode .p-megamenu {
  background: #29282c;
  border: 1px solid #3f3d44;
}
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #f3f2f3;
}
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
[dir].dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
[dir].dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-megamenu .p-menuitem-link,
.dark-mode .p-megamenu .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-megamenu .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-megamenu .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #f3f2f3;
}
.dark-mode .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-megamenu .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-megamenu .p-menuitem-link:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
.dark-mode .p-megamenu .p-megamenu-panel {
  color: #dcdbde;
}
[dir].dark-mode .p-megamenu .p-megamenu-panel {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-megamenu .p-megamenu-submenu-header {
  color: #dcdbde;
}
[dir].dark-mode .p-megamenu .p-megamenu-submenu-header {
  background: #29282c;
}
[dir=ltr].dark-mode .p-megamenu .p-megamenu-submenu-header {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-megamenu .p-megamenu-submenu-header {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
[dir].dark-mode .p-megamenu .p-megamenu-submenu .p-menu-separator {
  border-top: 1px solid #343338;
}
[dir].dark-mode .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #343338;
}
.dark-mode .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-megamenu .p-menuitem-badge {
  color: #fff;
}
[dir].dark-mode .p-megamenu .p-menuitem-badge {
  background: #9578d3;
}
.dark-mode .p-menu {
  color: #dcdbde;
}
[dir].dark-mode .p-menu {
  background: #29282c;
  border: 1px solid #3f3d44;
}
.dark-mode .p-menu .p-menuitem-link,
.dark-mode .p-menu .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-menu .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-menu .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-menu .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #f3f2f3;
}
.dark-mode .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-menu .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-menu .p-menuitem-link:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
[dir].dark-mode .p-menu.p-menu-overlay {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.dark-mode .p-menu .p-submenu-header {
  color: #dcdbde;
}
[dir].dark-mode .p-menu .p-submenu-header {
  background: #29282c;
}
[dir=ltr].dark-mode .p-menu .p-submenu-header {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
[dir=rtl].dark-mode .p-menu .p-submenu-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
[dir].dark-mode .p-menu .p-menu-separator {
  border-top: 1px solid #343338;
}
.dark-mode .p-menu .p-menuitem-badge {
  color: #fff;
}
[dir].dark-mode .p-menu .p-menuitem-badge {
  background: #9578d3;
}
.dark-mode .p-menubar {
  color: #dcdbde;
}
[dir].dark-mode .p-menubar {
  background: #29282c;
  border: 1px solid #3f3d44;
}
.dark-mode .p-menubar .p-menuitem-link,
.dark-mode .p-menubar .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-menubar .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-menubar .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-menubar .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #f3f2f3;
}
.dark-mode .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-menubar .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-menubar .p-menuitem-link:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #f3f2f3;
}
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
[dir].dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
[dir].dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-menubar .p-submenu-list {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[dir].dark-mode .p-menubar .p-submenu-list .p-menu-separator {
  border-top: 1px solid #343338;
}
[dir].dark-mode .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #343338;
}
.dark-mode .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-menubar .p-menuitem-badge {
  color: #fff;
}
[dir].dark-mode .p-menubar .p-menuitem-badge {
  background: #9578d3;
}
@media screen and (max-width: 960px) {
  .dark-mode .p-menubar .p-menubar-button,
  .dark-mode .p-menubar .p-menubar-button:hover {
    color: #c5c3c9;
  }
  [dir].dark-mode .p-menubar .p-menubar-button:hover {
    background: #343338;
  }
  .dark-mode .p-menubar .p-menubar-button:focus {
    outline: 0;
  }
  [dir].dark-mode .p-menubar .p-menubar-button:focus {
    box-shadow: 0 0 0 1px #9578d3;
  }
  [dir].dark-mode .p-menubar .p-menubar-root-list {
    background: #29282c;
    border: 0;
    box-shadow:
      0 0 #0000,
      0 0 #0000,
      0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  [dir].dark-mode .p-menubar .p-menubar-root-list .p-menu-separator {
    border-top: 1px solid #343338;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link,
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
    color: #dcdbde;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon,
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
    color: #c5c3c9;
  }
  [dir].dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
    background: #343338;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #f3f2f3;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #c5c3c9;
  }
  .dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
    outline: 0;
  }
  [dir].dark-mode .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
    box-shadow: inset 0 0 0 0.15em #9578d3;
  }
  [dir].dark-mode .p-menubar .p-menubar-root-list .p-submenu-list {
    box-shadow: none;
    border: 0;
  }
}
.dark-mode .p-panelmenu .p-panelmenu-header > a {
  color: #dcdbde;
}
[dir].dark-mode .p-panelmenu .p-panelmenu-header > a {
  border: 1px solid #3f3d44;
  background: #29282c;
}
.dark-mode .p-panelmenu .p-panelmenu-header > a:focus {
  outline: 0;
}
[dir].dark-mode .p-panelmenu .p-panelmenu-header > a:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
  color: #dcdbde;
}
[dir].dark-mode .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
  background: #343338;
  border-color: #3f3d44;
}
.dark-mode .p-panelmenu .p-panelmenu-header.p-highlight > a {
  color: #dcdbde;
}
[dir].dark-mode .p-panelmenu .p-panelmenu-header.p-highlight > a {
  background: #29282c;
  border-color: #3f3d44;
}
[dir=ltr].dark-mode .p-panelmenu .p-panelmenu-header.p-highlight > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl].dark-mode .p-panelmenu .p-panelmenu-header.p-highlight > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dark-mode .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  color: #dcdbde;
}
[dir].dark-mode .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  border-color: #3f3d44;
  background: #343338;
}
.dark-mode .p-panelmenu .p-panelmenu-content {
  color: #dcdbde;
}
[dir].dark-mode .p-panelmenu .p-panelmenu-content {
  border: 1px solid #3f3d44;
  background: #29282c;
  border-top: 0;
}
[dir=ltr].dark-mode .p-panelmenu .p-panelmenu-content,
[dir=rtl].dark-mode .p-panelmenu .p-panelmenu-content {
  border-radius: 0 0 0.4166666667rem 0.4166666667rem;
}
.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link,
.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #f3f2f3;
}
.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
[dir].dark-mode .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a,
[dir].dark-mode .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a,
[dir].dark-mode .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
  border-top: 0;
}
[dir=ltr].dark-mode .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
[dir=ltr].dark-mode .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
[dir=ltr].dark-mode .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
  border-bottom-right-radius: 0.4166666667rem;
  border-bottom-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
  border-bottom-left-radius: 0.4166666667rem;
  border-bottom-right-radius: 0.4166666667rem;
}
.dark-mode .p-panelmenu .p-menuitem-badge {
  color: #fff;
}
[dir].dark-mode .p-panelmenu .p-menuitem-badge {
  background: #9578d3;
}
.dark-mode .p-slidemenu {
  color: #dcdbde;
}
[dir].dark-mode .p-slidemenu {
  background: #29282c;
  border: 1px solid #3f3d44;
}
.dark-mode .p-slidemenu .p-menuitem-link,
.dark-mode .p-slidemenu .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-slidemenu .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-slidemenu .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #f3f2f3;
}
.dark-mode .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-slidemenu .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-slidemenu .p-menuitem-link:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
[dir].dark-mode .p-slidemenu .p-slidemenu-list,
[dir].dark-mode .p-slidemenu.p-slidemenu-overlay {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[dir].dark-mode .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
  background: #343338;
}
.dark-mode .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
  color: #dcdbde;
}
.dark-mode .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-slidemenu .p-slidemenu-separator {
  border-top: 1px solid #343338;
}
.dark-mode .p-slidemenu .p-slidemenu-backward {
  color: #dcdbde;
}
.dark-mode .p-slidemenu .p-menuitem-badge {
  color: #fff;
}
[dir].dark-mode .p-slidemenu .p-menuitem-badge {
  background: #9578d3;
}
[dir].dark-mode .p-steps .p-steps-item .p-menuitem-link {
  background: #29282c;
}
.dark-mode .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  color: #dcdbde;
}
[dir].dark-mode .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  border: 1px solid #343338;
  background: #29282c;
}
.dark-mode .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  color: #c5c3c9;
}
.dark-mode .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
  outline: 0;
}
[dir].dark-mode .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-steps .p-steps-item.p-highlight .p-steps-number {
  color: #fff;
}
[dir].dark-mode .p-steps .p-steps-item.p-highlight .p-steps-number {
  background: #a5b8f0;
}
.dark-mode .p-steps .p-steps-item.p-highlight .p-steps-title {
  color: #dcdbde;
}
[dir].dark-mode .p-steps .p-steps-item:before {
  border-top: 1px solid #343338;
}
[dir].dark-mode .p-tabmenu .p-tabmenu-nav {
  background: 0 0;
  border: 1px solid #3f3d44;
}
.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  color: #c5c3c9;
}
[dir].dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border: solid #3f3d44;
  border-color: transparent transparent #3f3d44;
  background: #29282c;
}
[dir=ltr].dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border-top-right-radius: 0.4166666667rem;
  border-top-left-radius: 0.4166666667rem;
}
[dir=rtl].dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border-top-left-radius: 0.4166666667rem;
  border-top-right-radius: 0.4166666667rem;
}
.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  outline: 0;
}
[dir].dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  box-shadow: inset 0 0 0 1px #9578d3;
}
.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
  color: #c5c3c9;
}
[dir].dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
  background: #29282c;
  border-color: #c5c3c9;
}
.dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  color: #9578d3;
}
[dir].dark-mode .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  background: #29282c;
  border-color: #9578d3;
}
.dark-mode .p-tabmenu .p-tabmenu-nav-btn.p-link {
  color: #9578d3;
}
[dir].dark-mode .p-tabmenu .p-tabmenu-nav-btn.p-link {
  background: #29282c;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.dark-mode .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
  outline: 0;
}
[dir].dark-mode .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
  box-shadow: inset 0 0 0 1px #9578d3;
}
.dark-mode .p-tieredmenu {
  color: #dcdbde;
}
[dir].dark-mode .p-tieredmenu {
  background: #29282c;
  border: 1px solid #3f3d44;
}
.dark-mode .p-tieredmenu .p-menuitem-link,
.dark-mode .p-tieredmenu .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-tieredmenu .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-tieredmenu .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #f3f2f3;
}
.dark-mode .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
.dark-mode .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #c5c3c9;
}
.dark-mode .p-tieredmenu .p-menuitem-link:focus {
  outline: 0;
}
[dir].dark-mode .p-tieredmenu .p-menuitem-link:focus {
  box-shadow: inset 0 0 0 0.15em #9578d3;
}
[dir].dark-mode .p-tieredmenu .p-submenu-list,
[dir].dark-mode .p-tieredmenu.p-tieredmenu-overlay {
  background: #29282c;
  border: 0;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[dir].dark-mode .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #343338;
}
.dark-mode .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #dcdbde;
}
.dark-mode .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.dark-mode .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #c5c3c9;
}
[dir].dark-mode .p-tieredmenu .p-menu-separator {
  border-top: 1px solid #343338;
}
.dark-mode .p-tieredmenu .p-menuitem-badge {
  color: #fff;
}
[dir].dark-mode .p-tieredmenu .p-menuitem-badge {
  background: #9578d3;
}
.dark-mode .p-inline-message.p-inline-message-info {
  color: #2563eb;
}
[dir].dark-mode .p-inline-message.p-inline-message-info {
  background: #eff6ff;
  border: none;
}
.dark-mode .p-inline-message.p-inline-message-info .p-inline-message-icon {
  color: #2563eb;
}
.dark-mode .p-inline-message.p-inline-message-success {
  color: #059669;
}
[dir].dark-mode .p-inline-message.p-inline-message-success {
  background: #ecfdf5;
  border: none;
}
.dark-mode .p-inline-message.p-inline-message-success .p-inline-message-icon {
  color: #059669;
}
.dark-mode .p-inline-message.p-inline-message-warn {
  color: #d97706;
}
[dir].dark-mode .p-inline-message.p-inline-message-warn {
  background: #fef3c7;
  border: none;
}
.dark-mode .p-inline-message.p-inline-message-warn .p-inline-message-icon {
  color: #d97706;
}
.dark-mode .p-inline-message.p-inline-message-error {
  color: #dc2626;
}
[dir].dark-mode .p-inline-message.p-inline-message-error {
  background: #fef3c7;
  border: none;
}
.dark-mode .p-inline-message.p-inline-message-error .p-inline-message-icon {
  color: #dc2626;
}
[dir].dark-mode .p-message .p-message-close {
  background: 0 0;
}
[dir].dark-mode .p-message .p-message-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.dark-mode .p-message .p-message-close:focus {
  outline: 0;
}
[dir].dark-mode .p-message .p-message-close:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir].dark-mode .p-message.p-message-info {
  background: #eff6ff;
  border: none;
}
.dark-mode .p-message.p-message-info .p-message-close,
.dark-mode .p-message.p-message-info .p-message-icon {
  color: #2563eb;
}
.dark-mode .p-message.p-message-success {
  color: #059669;
}
[dir].dark-mode .p-message.p-message-success {
  background: #ecfdf5;
  border: none;
}
.dark-mode .p-message.p-message-success .p-message-close,
.dark-mode .p-message.p-message-success .p-message-icon {
  color: #059669;
}
.dark-mode .p-message.p-message-warn {
  color: #d97706;
}
[dir].dark-mode .p-message.p-message-warn {
  background: #fef3c7;
  border: none;
}
.dark-mode .p-message.p-message-warn .p-message-close,
.dark-mode .p-message.p-message-warn .p-message-icon {
  color: #d97706;
}
.dark-mode .p-message.p-message-error {
  color: #dc2626;
}
[dir].dark-mode .p-message.p-message-error {
  background: #fef3c7;
  border: none;
}
.dark-mode .p-message.p-message-error .p-message-close,
.dark-mode .p-message.p-message-error .p-message-icon {
  color: #dc2626;
}
[dir].dark-mode .p-toast .p-toast-message {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
[dir].dark-mode .p-toast .p-toast-message .p-toast-icon-close {
  background: 0 0;
}
[dir].dark-mode .p-toast .p-toast-message .p-toast-icon-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.dark-mode .p-toast .p-toast-message .p-toast-icon-close:focus {
  outline: 0;
}
[dir].dark-mode .p-toast .p-toast-message .p-toast-icon-close:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-toast .p-toast-message.p-toast-message-info {
  color: #2563eb;
}
[dir].dark-mode .p-toast .p-toast-message.p-toast-message-info {
  background: #eff6ff;
  border: none;
}
.dark-mode .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close,
.dark-mode .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
  color: #2563eb;
}
.dark-mode .p-toast .p-toast-message.p-toast-message-success {
  color: #059669;
}
[dir].dark-mode .p-toast .p-toast-message.p-toast-message-success {
  background: #ecfdf5;
  border: none;
}
.dark-mode .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close,
.dark-mode .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
  color: #059669;
}
.dark-mode .p-toast .p-toast-message.p-toast-message-warn {
  color: #d97706;
}
[dir].dark-mode .p-toast .p-toast-message.p-toast-message-warn {
  background: #fef3c7;
  border: none;
}
.dark-mode .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close,
.dark-mode .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
  color: #d97706;
}
.dark-mode .p-toast .p-toast-message.p-toast-message-error {
  color: #dc2626;
}
[dir].dark-mode .p-toast .p-toast-message.p-toast-message-error {
  background: #fef3c7;
  border: none;
}
.dark-mode .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close,
.dark-mode .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
  color: #dc2626;
}
.dark-mode .p-galleria .p-galleria-close {
  color: #29282c;
}
[dir].dark-mode .p-galleria .p-galleria-close {
  background: 0 0;
}
.dark-mode .p-galleria .p-galleria-close:hover {
  color: #29282c;
}
[dir].dark-mode .p-galleria .p-galleria-close:hover {
  background: rgba(255, 255, 255, 0.1);
}
.dark-mode .p-galleria .p-galleria-item-nav {
  color: #29282c;
}
[dir].dark-mode .p-galleria .p-galleria-item-nav {
  background: 0 0;
}
.dark-mode .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
  color: #29282c;
}
[dir].dark-mode .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.1);
}
.dark-mode .p-galleria .p-galleria-caption {
  color: #29282c;
}
[dir].dark-mode .p-galleria .p-galleria-caption {
  background: rgba(0, 0, 0, 0.5);
}
[dir].dark-mode .p-galleria .p-galleria-indicators .p-galleria-indicator button {
  background-color: #343338;
}
[dir].dark-mode .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
  background: #3f3d44;
}
.dark-mode .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  color: #fff;
}
[dir].dark-mode .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: #a5b8f0;
}
[dir].dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
  background: rgba(0, 0, 0, 0.5);
}
[dir].dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
  background: rgba(255, 255, 255, 0.4);
}
[dir].dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
  background: rgba(255, 255, 255, 0.6);
}
.dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  color: #fff;
}
[dir].dark-mode .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: #a5b8f0;
}
[dir].dark-mode .p-galleria .p-galleria-thumbnail-container {
  background: rgba(0, 0, 0, 0.9);
}
.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next,
.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev {
  color: #29282c;
}
[dir].dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next,
[dir].dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev {
  background-color: transparent;
}
.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover,
.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover {
  color: #29282c;
}
[dir].dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover,
[dir].dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover {
  background: rgba(255, 255, 255, 0.1);
}
.dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
  outline: 0;
}
[dir].dark-mode .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-galleria-mask,
.dark-mode .p-image-mask {
  --maskbg: rgba(0, 0, 0, 0.9);
}
.dark-mode .p-image-preview-indicator {
  color: #f8f9fa;
}
[dir].dark-mode .p-image-preview-indicator {
  background-color: transparent;
}
[dir].dark-mode .p-image-preview-container:hover > .p-image-preview-indicator {
  background-color: rgba(0, 0, 0, 0.5);
}
.dark-mode .p-image-action.p-link {
  color: #f8f9fa;
}
[dir].dark-mode .p-image-action.p-link {
  background-color: transparent;
}
.dark-mode .p-image-action.p-link:hover {
  color: #f8f9fa;
}
[dir].dark-mode .p-image-action.p-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
[dir].dark-mode .p-avatar {
  background-color: #35323a;
}
[dir].dark-mode .p-avatar-group .p-avatar {
  border: 2px solid #29282c;
}
.dark-mode .p-badge {
  color: #fff;
}
[dir].dark-mode .p-badge {
  background: #9578d3;
}
.dark-mode .p-badge.p-badge-secondary {
  color: #fff;
}
[dir].dark-mode .p-badge.p-badge-secondary {
  background-color: #64748b;
}
.dark-mode .p-badge.p-badge-success {
  color: #fff;
}
[dir].dark-mode .p-badge.p-badge-success {
  background-color: #22c55e;
}
.dark-mode .p-badge.p-badge-info {
  color: #fff;
}
[dir].dark-mode .p-badge.p-badge-info {
  background-color: #3b82f6;
}
.dark-mode .p-badge.p-badge-warning {
  color: #fff;
}
[dir].dark-mode .p-badge.p-badge-warning {
  background-color: #f59e0b;
}
.dark-mode .p-badge.p-badge-danger {
  color: #fff;
}
[dir].dark-mode .p-badge.p-badge-danger {
  background-color: #ef4444;
}
.dark-mode .p-chip {
  color: #dcdbde;
}
[dir].dark-mode .p-chip {
  background-color: #3f3d44;
}
.dark-mode .p-chip .pi-chip-remove-icon:focus {
  outline: 0;
}
[dir].dark-mode .p-chip .pi-chip-remove-icon:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
.dark-mode .p-inplace .p-inplace-display:not(.p-disabled):hover {
  color: #f3f2f3;
}
[dir].dark-mode .p-inplace .p-inplace-display:not(.p-disabled):hover {
  background: #343338;
}
.dark-mode .p-inplace .p-inplace-display:focus {
  outline: 0;
}
[dir].dark-mode .p-inplace .p-inplace-display:focus {
  box-shadow: 0 0 0 1px #9578d3;
}
[dir].dark-mode .p-progressbar {
  border: 0;
  background: #29282c;
}
[dir].dark-mode .p-progressbar .p-progressbar-value {
  border: 0;
  background: #2ed9c3;
}
.dark-mode .p-progressbar .p-progressbar-label {
  color: #fff;
}
[dir].dark-mode .p-scrolltop {
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
[dir].dark-mode .p-scrolltop.p-link {
  background: rgba(0, 0, 0, 0.7);
}
[dir].dark-mode .p-scrolltop.p-link:hover {
  background: rgba(0, 0, 0, 0.8);
}
.dark-mode .p-scrolltop .p-scrolltop-icon {
  color: #29282c;
}
[dir].dark-mode .p-skeleton {
  background-color: #343338;
}
[dir=ltr].dark-mode .p-skeleton:after {
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0));
}
[dir=rtl].dark-mode .p-skeleton:after {
  background:
    linear-gradient(
      -90deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0));
}
.dark-mode .p-tag {
  color: #fff;
}
[dir].dark-mode .p-tag {
  background: #9578d3;
}
.dark-mode .p-tag.p-tag-success {
  color: #fff;
}
[dir].dark-mode .p-tag.p-tag-success {
  background-color: #22c55e;
}
.dark-mode .p-tag.p-tag-info {
  color: #fff;
}
[dir].dark-mode .p-tag.p-tag-info {
  background-color: #3b82f6;
}
.dark-mode .p-tag.p-tag-warning {
  color: #fff;
}
[dir].dark-mode .p-tag.p-tag-warning {
  background-color: #f59e0b;
}
.dark-mode .p-tag.p-tag-danger {
  color: #fff;
}
[dir].dark-mode .p-tag.p-tag-danger {
  background-color: #ef4444;
}
.dark-mode .p-terminal {
  color: #dcdbde;
}
[dir].dark-mode .p-terminal {
  background: #29282c;
  border: 1px solid #3f3d44;
}
[dir].dark-mode .p-inputgroup,
[dir].dark-mode .p-inputtext,
[dir].dark-mode .p-selectbutton,
[dir].dark-mode .p-togglebutton {
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
[dir].dark-mode .p-inputgroup .p-inputtext,
[dir].dark-mode .p-inputgroup .p-selectbutton,
[dir].dark-mode .p-inputgroup .p-togglebutton {
  box-shadow: none;
}
[dir].dark-mode .p-inputtext.p-invalid.p-component:enabled:focus {
  box-shadow: 0 0 0 1px #f0a9a7;
}
[dir].dark-mode .p-inputswitch.p-focus .p-inputswitch-slider {
  box-shadow: 0 0 0 2px #9578d3;
}
[dir].dark-mode .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  border-color: #9578d3;
}
[dir].dark-mode .p-paginator .p-paginator-current {
  border: 0;
}
[dir].dark-mode .p-button:focus {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #9578d3,
    0 1px 2px 0 transparent;
}
[dir].dark-mode .p-button.p-button-secondary:enabled:focus {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #64748b,
    0 1px 2px 0 transparent;
}
[dir].dark-mode .p-button.p-button-success:enabled:focus {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #22c55e,
    0 1px 2px 0 transparent;
}
[dir].dark-mode .p-button.p-button-info:enabled:focus {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #3b82f6,
    0 1px 2px 0 transparent;
}
[dir].dark-mode .p-button.p-button-warning:enabled:focus {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #f59e0b,
    0 1px 2px 0 transparent;
}
[dir].dark-mode .p-button.p-button-help:enabled:focus {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #a855f7,
    0 1px 2px 0 transparent;
}
[dir].dark-mode .p-button.p-button-danger:enabled:focus {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #ef4444,
    0 1px 2px 0 transparent;
}
[dir].dark-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,
[dir].dark-mode .p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box.p-focus {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px #9578d3,
    0 1px 2px 0 transparent;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #9578d3;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #9578d3;
}
[dir].dark-mode .p-button.p-button-icon-only.p-button-rounded .p-button-icon + .p-button-label {
  border: 0;
}
.dark-mode .p-button[disabled],
.dark-mode .p-disabled.p-button {
  color: #a3a0a9;
}
[dir].dark-mode .p-button[disabled]:not(.p-button-outlined):not(.p-button-text),
[dir].dark-mode .p-disabled.p-button:not(.p-button-outlined):not(.p-button-text) {
  background-color: #4a484f;
}
[dir].dark-mode .p-button[disabled]:not(.p-button-text),
[dir].dark-mode .p-disabled.p-button:not(.p-button-text) {
  border-color: #4a484f;
}
[dir=ltr].dark-mode .p-splitbutton .p-splitbutton-defaultbutton,
[dir=ltr].dark-mode .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
[dir=ltr].dark-mode .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button {
  border-right: 0;
  border-radius: 0.4166666667rem 0 0 0.4166666667rem;
}
[dir=rtl].dark-mode .p-splitbutton .p-splitbutton-defaultbutton,
[dir=rtl].dark-mode .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
[dir=rtl].dark-mode .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button {
  border-left: 0;
  border-radius: 0 0.4166666667rem 0.4166666667rem 0;
}
[dir=ltr].dark-mode .p-splitbutton-menubutton,
[dir=ltr].dark-mode .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button,
[dir=ltr].dark-mode .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button {
  border-radius: 0 0.4166666667rem 0.4166666667rem 0;
}
[dir=ltr].dark-mode .p-autocomplete-dd .p-autocomplete-input,
[dir=ltr].dark-mode .p-autocomplete-dd .p-autocomplete-multiple-container,
[dir=rtl].dark-mode .p-splitbutton-menubutton,
[dir=rtl].dark-mode .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button,
[dir=rtl].dark-mode .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button {
  border-radius: 0.4166666667rem 0 0 0.4166666667rem;
}
[dir=ltr].dark-mode .p-autocomplete-dd .p-autocomplete-dropdown,
[dir=rtl].dark-mode .p-autocomplete-dd .p-autocomplete-input,
[dir=rtl].dark-mode .p-autocomplete-dd .p-autocomplete-multiple-container {
  border-radius: 0 0.4166666667rem 0.4166666667rem 0;
}
[dir=rtl].dark-mode .p-autocomplete-dd .p-autocomplete-dropdown {
  border-radius: 0.4166666667rem 0 0 0.4166666667rem;
}
.dark-mode .p-autocomplete-input-token input {
  outline: 0;
}
[dir].dark-mode .p-autocomplete-input-token input {
  border: 0;
}
[dir].dark-mode .p-input-filled .p-inputtext.p-focus {
  background-color: #29282c;
}
.dark-mode .p-inputwrapper.p-input-filled .p-autocomplete-dropdown.p-button:not(:hover),
.dark-mode .p-inputwrapper.p-input-filled .p-button.p-datepicker-trigger:not(:hover) {
  color: #fefefe;
}
[dir].dark-mode .p-inputwrapper.p-input-filled .p-autocomplete-dropdown.p-button:not(:hover),
[dir].dark-mode .p-inputwrapper.p-input-filled .p-button.p-datepicker-trigger:not(:hover) {
  background-color: #383950;
  border-color: #383950;
}
[dir=ltr].dark-mode .p-calendar-w-btn .p-inputtext {
  border-radius: 0.4166666667rem 0 0 0.4166666667rem;
}
[dir=ltr].dark-mode .p-calendar-w-btn .p-datepicker-trigger,
[dir=rtl].dark-mode .p-calendar-w-btn .p-inputtext {
  border-radius: 0 0.4166666667rem 0.4166666667rem 0;
}
[dir=rtl].dark-mode .p-calendar-w-btn .p-datepicker-trigger {
  border-radius: 0.4166666667rem 0 0 0.4166666667rem;
}
[dir].dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
[dir].dark-mode .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year {
  border: none;
  background-color: #343338;
  box-shadow: none;
}
[dir].dark-mode .p-hidden-accessible {
  border: 0;
}
.dark-mode .p-reset {
  outline: 0;
}
[dir].dark-mode .p-reset {
  border: 0;
}
@keyframes p-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[dir].dark-mode .p-link {
  background-color: transparent;
  border: none;
}
[dir].dark-mode .p-sr-only {
  border: 0;
}
[dir=ltr].dark-mode .p-buttonset .p-button:not(:last-child) {
  border-right: 0;
}
[dir=rtl].dark-mode .p-buttonset .p-button:not(:last-child) {
  border-left: 0;
}
[dir=ltr].dark-mode .p-buttonset .p-button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=ltr].dark-mode .p-buttonset .p-button:last-of-type,
[dir=rtl].dark-mode .p-buttonset .p-button:first-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl].dark-mode .p-buttonset .p-button:last-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=ltr].dark-mode .p-colorpicker-panel .p-colorpicker-color {
}
[dir=rtl].dark-mode .p-colorpicker-panel .p-colorpicker-color {
}
[dir=ltr].dark-mode .p-colorpicker-panel .p-colorpicker-hue {
}
[dir=rtl].dark-mode .p-colorpicker-panel .p-colorpicker-hue {
}
[dir].dark-mode .p-ink {
  background: rgba(255, 255, 255, 0.5);
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
[dir].dark-mode .p-tooltip-arrow {
  border-color: transparent;
}
[dir].dark-mode .p-field-checkbox.bg-transparent .p-checkbox-box:not(.p-highlight) {
  background: 0 0;
}
[dir].dark-mode .p-field-checkbox.primary .p-checkbox-box {
  border-color: #9578d3;
}
[dir].dark-mode .p-field-checkbox.dark .p-checkbox-box {
  border-color: #fefefe;
}
[dir].dark-mode .p-field-radiobutton.bg-transparent .p-radiobutton-box:not(.p-highlight) {
  background: 0 0;
}
[dir].dark-mode .p-field-radiobutton.primary .p-radiobutton-box {
  border-color: #9578d3;
}
[dir].dark-mode .p-field-radiobutton.dark .p-radiobutton-box {
  border-color: #fefefe;
}
[dir=ltr].dark-mode .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
  border-radius: 0 0.4166666667rem 0 0;
}
[dir=rtl].dark-mode .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
  border-radius: 0.4166666667rem 0 0;
}
[dir=ltr].dark-mode .p-inputnumber-buttons-stacked .p-inputnumber-input {
  border-radius: 0.4166666667rem 0 0 0.4166666667rem;
}
[dir=rtl].dark-mode .p-inputnumber-buttons-stacked .p-inputnumber-input {
  border-radius: 0 0.4166666667rem 0.4166666667rem 0;
}
[dir=ltr].dark-mode .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
  border-radius: 0 0 0.4166666667rem;
}
[dir=rtl].dark-mode .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
  border-radius: 0 0 0 0.4166666667rem;
}
[dir=ltr].dark-mode .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
  border-radius: 0 0.4166666667rem 0.4166666667rem 0;
}
[dir=ltr].dark-mode .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down,
[dir=rtl].dark-mode .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
  border-radius: 0.4166666667rem 0 0 0.4166666667rem;
}
[dir=rtl].dark-mode .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
  border-radius: 0 0.4166666667rem 0.4166666667rem 0;
}
[dir=ltr].dark-mode .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl].dark-mode .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=ltr].dark-mode .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
[dir=rtl].dark-mode .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
[dir].dark-mode .p-dropdown-label {
  box-shadow: none;
}
[dir].dark-mode .p-input-filled-light .p-inputwrapper:not(.p-inputwrapper-focus) .p-dropdown,
[dir].dark-mode .p-input-filled-light .p-inputwrapper:not(.p-inputwrapper-focus) .p-inputtext,
[dir].dark-mode .p-input-filled-light .p-inputwrapper:not(.p-inputwrapper-focus) .p-multiselect,
[dir].dark-mode .p-input-filled-light .p-inputwrapper:not(.p-inputwrapper-focus) .p-treeselect,
[dir].dark-mode .p-input-filled-light > .p-inputtext:not(:focus) {
  background-color: #35323a;
  box-shadow: none;
}
[dir].dark-mode .p-input-filled-transparent .p-inputwrapper:not(.p-inputwrapper-focus) .p-dropdown,
[dir].dark-mode .p-input-filled-transparent .p-inputwrapper:not(.p-inputwrapper-focus) .p-inputtext,
[dir].dark-mode .p-input-filled-transparent .p-inputwrapper:not(.p-inputwrapper-focus) .p-multiselect,
[dir].dark-mode .p-input-filled-transparent .p-inputwrapper:not(.p-inputwrapper-focus) .p-treeselect,
[dir].dark-mode .p-input-filled-transparent > .p-inputtext:not(:focus) {
  background-color: transparent;
  box-shadow: none;
  border: 1px solid #525377;
}
[dir].dark-mode .p-datatable .p-checkbox,
[dir].dark-mode .p-datatable .p-checkbox .p-checkbox-box:not(.p-highlight),
[dir].dark-mode .p-input-filled .p-dropdown:not(.p-disabled).p-focus,
[dir].dark-mode .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext,
[dir].dark-mode .p-input-filled .p-inputtext:enabled:focus,
[dir].dark-mode .p-input-filled-light .p-dropdown:not(.p-disabled).p-focus,
[dir].dark-mode .p-input-filled-light .p-dropdown:not(.p-disabled).p-focus .p-inputtext,
[dir].dark-mode .p-input-filled-light .p-inputtext:enabled:focus,
[dir].dark-mode .p-input-filled-transparent .p-dropdown:not(.p-disabled).p-focus,
[dir].dark-mode .p-input-filled-transparent .p-dropdown:not(.p-disabled).p-focus .p-inputtext,
[dir].dark-mode .p-input-filled-transparent .p-inputtext:enabled:focus,
[dir].dark-mode .p-inputwrapper.p-inputwrapper-focus .p-multiselect,
[dir].dark-mode .p-inputwrapper.p-inputwrapper-focus .p-multiselect:hover,
[dir].dark-mode .p-multiselect-panel .p-checkbox,
[dir].dark-mode .p-multiselect-panel .p-checkbox .p-checkbox-box:not(.p-highlight) {
  background: 0 0;
}
[dir].dark-mode .p-multiselect.p-multiselect-chip .p-multiselect-token {
  background-color: #9578d3;
}
[dir].dark-mode .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
  background: 0 0;
}
.dark-mode body {
  color: #fefefe;
}
[dir].dark-mode body {
  background-color: #1e1a24;
}
.dark-mode button,
.dark-mode input,
.dark-mode select,
.dark-mode textarea {
  color: inherit;
}
[dir].dark-mode .btn-accordion {
  background: 0 0;
  border: none;
  box-shadow: none;
}
.dark-mode .btn-accordion:focus {
  outline: 0;
}
[dir].dark-mode .btn-accordion:focus {
  background-color: rgba(149, 120, 211, 0.15);
}
[dir].dark-mode .alert.bordered {
  border: 2px solid #383950;
}
[dir].dark-mode .alert.primary {
  background-color: #321a45;
}
.dark-mode .alert.primary .alert-icon i,
.dark-mode .alert.primary .alert-icon svg,
.dark-mode .alert.primary h2,
.dark-mode .alert.primary h3,
.dark-mode .alert.primary h4 {
  color: #ded5f1;
}
[dir].dark-mode .alert.success {
  background-color: #1a3a36;
}
.dark-mode .alert.success .alert-icon i,
.dark-mode .alert.success .alert-icon svg,
.dark-mode .alert.success h2,
.dark-mode .alert.success h3,
.dark-mode .alert.success h4 {
  color: #bff3ed;
}
[dir].dark-mode .alert.danger {
  background-color: #3e162d;
}
.dark-mode .alert.danger .alert-icon i,
.dark-mode .alert.danger .alert-icon svg,
.dark-mode .alert.danger h2,
.dark-mode .alert.danger h3,
.dark-mode .alert.danger h4 {
  color: #edbebe;
}
[dir].dark-mode .alert.warning {
  background-color: #634c08;
}
.dark-mode .alert.warning .alert-icon i,
.dark-mode .alert.warning .alert-icon svg,
.dark-mode .alert.warning h2,
.dark-mode .alert.warning h3,
.dark-mode .alert.warning h4 {
  color: #fff7a8;
}
[dir].dark-mode .alert.extra {
  background-color: #383950;
}
.dark-mode .alert.extra .alert-icon i,
.dark-mode .alert.extra .alert-icon svg,
.dark-mode .alert.extra h2,
.dark-mode .alert.extra h3,
.dark-mode .alert.extra h4 {
  color: #fefefe;
}
[dir].dark-mode .alert.secondary {
  background-color: #1a3043;
}
.dark-mode .alert.secondary .alert-icon i,
.dark-mode .alert.secondary .alert-icon svg,
.dark-mode .alert.secondary h2,
.dark-mode .alert.secondary h3,
.dark-mode .alert.secondary h4 {
  color: #e3e9fa;
}
.dark-mode .card {
  color: inherit;
}
[dir].dark-mode .card {
  background-color: #29282c;
  box-shadow: none;
}
[dir].dark-mode .card.darkmode-bg-secondary {
  background-color: #35323a;
}
.dark-mode .card .status-badge {
  color: #9578d3;
}
[dir].dark-mode .card .status-badge {
  border: 1px solid #9578d3;
}
.dark-mode .card.dark {
  color: #1e1a24;
}
[dir].dark-mode .card.dark {
  background-color: #fefefe;
}
.dark-mode .card.hover-dark:focus,
.dark-mode .card.hover-dark:hover {
  color: #1e1a24;
}
[dir].dark-mode .card.hover-dark:focus,
[dir].dark-mode .card.hover-dark:hover {
  background-color: #fefefe;
  box-shadow: none;
}
.dark-mode .card.hover-dark:focus .btn-icon,
.dark-mode .card.hover-dark:hover .btn-icon {
  color: #1e1a24;
}
[dir].dark-mode .card.hover-dark:focus .btn-icon,
[dir].dark-mode .card.hover-dark:hover .btn-icon {
  background-color: #fefefe;
}
[dir].dark-mode .card.hover-dark:focus .bdb:not(.i),
[dir].dark-mode .card.hover-dark:hover .bdb:not(.i) {
  border-bottom-color: rgba(30, 26, 36, 0.2);
}
.dark-mode .card.hover-dark:focus .status-badge,
.dark-mode .card.hover-dark:hover .status-badge {
  color: #fefefe;
}
[dir].dark-mode .card.hover-dark:focus .status-badge,
[dir].dark-mode .card.hover-dark:hover .status-badge {
  background-color: #1e1a24;
  border-color: transparent;
}
.dark-mode .btn {
  color: #fefefe;
}
[dir].dark-mode .btn {
  border: none;
  box-shadow: none;
}
.dark-mode .btn:focus {
  outline: 0;
}
.dark-mode .btn.btn-icon {
  color: #fefefe;
}
[dir].dark-mode .btn.btn-icon {
  background-color: transparent;
}
[dir].dark-mode .btn.btn-icon:hover {
  background-color: #383950;
}
[dir].dark-mode .btn.btn-icon:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir].dark-mode .btn.btn-icon.transparent:not(:hover) {
  background: 0 0;
}
.dark-mode .btn.btn-icon.light {
  color: #1e1a24;
}
[dir].dark-mode .btn.btn-icon.light:hover {
  background-color: #f3f2f3;
}
.dark-mode .btn.btn-icon.primary {
  color: #9578d3;
}
.dark-mode .btn.btn-primary {
  color: #fff;
}
[dir].dark-mode .btn.btn-primary {
  background-color: #9578d3;
}
[dir].dark-mode .btn.btn-primary.active,
[dir].dark-mode .btn.btn-primary:active,
[dir].dark-mode .btn.btn-primary:focus {
  background-color: #6d41cb;
}
.dark-mode .btn.btn-primary-round {
  color: #9578d3;
}
[dir].dark-mode .btn.btn-primary-round {
  background: #1e1a24;
  border: 1px solid #3d3943;
}
[dir].dark-mode .btn.btn-primary-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(149, 120, 211, 0.25);
}
.dark-mode .btn.btn-primary-round.active,
.dark-mode .btn.btn-primary-round:active {
  color: #fff;
}
[dir].dark-mode .btn.btn-primary-round.active,
[dir].dark-mode .btn.btn-primary-round:active {
  background-color: #9578d3;
}
.dark-mode .btn.btn-primary-round.hover,
.dark-mode .btn.btn-primary-round:hover {
  color: #fefefe;
}
[dir].dark-mode .btn.btn-primary-round.hover,
[dir].dark-mode .btn.btn-primary-round:hover {
  background-color: #321a45;
}
.dark-mode .btn.btn-primary-round:focus {
  outline: 0;
}
[dir].dark-mode .btn.btn-primary-round:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
.dark-mode .btn.btn-primary-round:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-primary-round:disabled {
  background-color: #4a484f;
  border-color: #605d67;
}
[dir].dark-mode .btn.btn-primary-link {
  background: 0 0;
}
.dark-mode .btn.btn-primary-link i,
.dark-mode .btn.btn-primary-link svg,
.dark-mode .btn.btn-primary-link.hover,
.dark-mode .btn.btn-primary-link:hover {
  color: #9578d3;
}
.dark-mode .btn.btn-primary-outline {
  color: #c9bbe9;
}
[dir].dark-mode .btn.btn-primary-outline {
  background: 0 0;
  border: 1px solid #9578d3;
}
.dark-mode .btn.btn-primary-outline.active,
.dark-mode .btn.btn-primary-outline:active {
  color: #b4a0e0;
}
.dark-mode .btn.btn-primary-outline:hover:not(:disabled) {
  color: #fff;
}
.dark-mode .btn.btn-primary-outline:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-primary-outline:disabled {
  border-color: #605d67;
}
.dark-mode .btn.btn-primary:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-primary:disabled {
  background-color: #4a484f;
}
[dir].dark-mode .btn.btn-primary-outline:focus,
[dir].dark-mode .btn.btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
.dark-mode .btn.btn-icon.success {
  color: #2ed9c3;
}
.dark-mode .btn.btn-success {
  color: #fff;
}
[dir].dark-mode .btn.btn-success {
  background-color: #2ed9c3;
}
[dir].dark-mode .btn.btn-success.active,
[dir].dark-mode .btn.btn-success:active,
[dir].dark-mode .btn.btn-success:focus {
  background-color: #10bca6;
}
.dark-mode .btn.btn-success-round {
  color: #2ed9c3;
}
[dir].dark-mode .btn.btn-success-round {
  background: #1e1a24;
  border: 1px solid #085b50;
}
[dir].dark-mode .btn.btn-success-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(46, 217, 195, 0.25);
}
.dark-mode .btn.btn-success-round.active,
.dark-mode .btn.btn-success-round:active {
  color: #fff;
}
[dir].dark-mode .btn.btn-success-round.active,
[dir].dark-mode .btn.btn-success-round:active {
  background-color: #2ed9c3;
}
.dark-mode .btn.btn-success-round.hover,
.dark-mode .btn.btn-success-round:hover {
  color: #fefefe;
}
[dir].dark-mode .btn.btn-success-round.hover,
[dir].dark-mode .btn.btn-success-round:hover {
  background-color: #1a3a36;
}
.dark-mode .btn.btn-success-round:focus {
  outline: 0;
}
[dir].dark-mode .btn.btn-success-round:focus {
  box-shadow: 0 0 0 2px rgba(46, 217, 195, 0.6);
}
.dark-mode .btn.btn-success-round:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-success-round:disabled {
  background-color: #4a484f;
  border-color: #605d67;
}
[dir].dark-mode .btn.btn-success-link {
  background: 0 0;
}
.dark-mode .btn.btn-success-link i,
.dark-mode .btn.btn-success-link svg,
.dark-mode .btn.btn-success-link.hover,
.dark-mode .btn.btn-success-link:hover {
  color: #2ed9c3;
}
.dark-mode .btn.btn-success-outline {
  color: #96ece1;
}
[dir].dark-mode .btn.btn-success-outline {
  background: 0 0;
  border: 1px solid #2ed9c3;
}
.dark-mode .btn.btn-success-outline.active,
.dark-mode .btn.btn-success-outline:active {
  color: #6ce4d5;
}
.dark-mode .btn.btn-success-outline:hover:not(:disabled) {
  color: #fff;
}
.dark-mode .btn.btn-success-outline:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-success-outline:disabled {
  border-color: #605d67;
}
.dark-mode .btn.btn-success:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-success:disabled {
  background-color: #4a484f;
}
[dir].dark-mode .btn.btn-success-outline:focus,
[dir].dark-mode .btn.btn-success:focus {
  box-shadow: 0 0 0 2px rgba(46, 217, 195, 0.6);
}
.dark-mode .btn.btn-icon.danger {
  color: #bd3333;
}
.dark-mode .btn.btn-danger {
  color: #fff;
}
[dir].dark-mode .btn.btn-danger {
  background-color: #bd3333;
}
[dir].dark-mode .btn.btn-danger.active,
[dir].dark-mode .btn.btn-danger:active,
[dir].dark-mode .btn.btn-danger:focus {
  background-color: #982c2c;
}
.dark-mode .btn.btn-danger-round {
  color: #bd3333;
}
[dir].dark-mode .btn.btn-danger-round {
  background: #1e1a24;
  border: 1px solid #5e0808;
}
[dir].dark-mode .btn.btn-danger-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(189, 51, 51, 0.25);
}
.dark-mode .btn.btn-danger-round.active,
.dark-mode .btn.btn-danger-round:active {
  color: #fff;
}
[dir].dark-mode .btn.btn-danger-round.active,
[dir].dark-mode .btn.btn-danger-round:active {
  background-color: #bd3333;
}
.dark-mode .btn.btn-danger-round.hover,
.dark-mode .btn.btn-danger-round:hover {
  color: #fefefe;
}
[dir].dark-mode .btn.btn-danger-round.hover,
[dir].dark-mode .btn.btn-danger-round:hover {
  background-color: #3e162d;
}
.dark-mode .btn.btn-danger-round:focus {
  outline: 0;
}
[dir].dark-mode .btn.btn-danger-round:focus {
  box-shadow: 0 0 0 2px rgba(189, 51, 51, 0.6);
}
.dark-mode .btn.btn-danger-round:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-danger-round:disabled {
  background-color: #4a484f;
  border-color: #605d67;
}
[dir].dark-mode .btn.btn-danger-link {
  background: 0 0;
}
.dark-mode .btn.btn-danger-link i,
.dark-mode .btn.btn-danger-link svg,
.dark-mode .btn.btn-danger-link.hover,
.dark-mode .btn.btn-danger-link:hover {
  color: #bd3333;
}
.dark-mode .btn.btn-danger-outline {
  color: #e29494;
}
[dir].dark-mode .btn.btn-danger-outline {
  background: 0 0;
  border: 1px solid #bd3333;
}
.dark-mode .btn.btn-danger-outline.active,
.dark-mode .btn.btn-danger-outline:active {
  color: #d76a6a;
}
.dark-mode .btn.btn-danger-outline:hover:not(:disabled) {
  color: #fff;
}
.dark-mode .btn.btn-danger-outline:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-danger-outline:disabled {
  border-color: #605d67;
}
.dark-mode .btn.btn-danger:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-danger:disabled {
  background-color: #4a484f;
}
[dir].dark-mode .btn.btn-danger-outline:focus,
[dir].dark-mode .btn.btn-danger:focus {
  box-shadow: 0 0 0 2px rgba(189, 51, 51, 0.6);
}
.dark-mode .btn.btn-icon.warning {
  color: #e0cc00;
}
.dark-mode .btn.btn-warning {
  color: #fff;
}
[dir].dark-mode .btn.btn-warning {
  background-color: #e0cc00;
}
[dir].dark-mode .btn.btn-warning.active,
[dir].dark-mode .btn.btn-warning:active,
[dir].dark-mode .btn.btn-warning:focus {
  background-color: #f5b800;
}
.dark-mode .btn.btn-warning-round {
  color: #e0cc00;
}
[dir].dark-mode .btn.btn-warning-round {
  background: #1e1a24;
  border: 1px solid #3e321f;
}
[dir].dark-mode .btn.btn-warning-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(224, 204, 0, 0.25);
}
.dark-mode .btn.btn-warning-round.active,
.dark-mode .btn.btn-warning-round:active {
  color: #fff;
}
[dir].dark-mode .btn.btn-warning-round.active,
[dir].dark-mode .btn.btn-warning-round:active {
  background-color: #e0cc00;
}
.dark-mode .btn.btn-warning-round.hover,
.dark-mode .btn.btn-warning-round:hover {
  color: #fefefe;
}
[dir].dark-mode .btn.btn-warning-round.hover,
[dir].dark-mode .btn.btn-warning-round:hover {
  background-color: #634c08;
}
.dark-mode .btn.btn-warning-round:focus {
  outline: 0;
}
[dir].dark-mode .btn.btn-warning-round:focus {
  box-shadow: 0 0 0 2px rgba(224, 204, 0, 0.6);
}
.dark-mode .btn.btn-warning-round:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-warning-round:disabled {
  background-color: #4a484f;
  border-color: #605d67;
}
[dir].dark-mode .btn.btn-warning-link {
  background: 0 0;
}
.dark-mode .btn.btn-warning-link i,
.dark-mode .btn.btn-warning-link svg,
.dark-mode .btn.btn-warning-link.hover,
.dark-mode .btn.btn-warning-link:hover {
  color: #e0cc00;
}
.dark-mode .btn.btn-warning-outline {
  color: #fff26f;
}
[dir].dark-mode .btn.btn-warning-outline {
  background: 0 0;
  border: 1px solid #e0cc00;
}
.dark-mode .btn.btn-warning-outline.active,
.dark-mode .btn.btn-warning-outline:active {
  color: #ffed36;
}
.dark-mode .btn.btn-warning-outline:hover:not(:disabled) {
  color: #fff;
}
.dark-mode .btn.btn-warning-outline:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-warning-outline:disabled {
  border-color: #605d67;
}
.dark-mode .btn.btn-warning:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-warning:disabled {
  background-color: #4a484f;
}
[dir].dark-mode .btn.btn-warning-outline:focus,
[dir].dark-mode .btn.btn-warning:focus {
  box-shadow: 0 0 0 2px rgba(224, 204, 0, 0.6);
}
.dark-mode .btn.btn-extra,
.dark-mode .btn.btn-icon.extra {
  color: #fff;
}
[dir].dark-mode .btn.btn-extra {
  background-color: #fff;
}
[dir].dark-mode .btn.btn-extra.active,
[dir].dark-mode .btn.btn-extra:active,
[dir].dark-mode .btn.btn-extra:focus {
  background-color: #2e2f45;
}
.dark-mode .btn.btn-extra-round {
  color: #fff;
}
[dir].dark-mode .btn.btn-extra-round {
  background: #1e1a24;
  border: 1px solid #383950;
}
[dir].dark-mode .btn.btn-extra-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.25);
}
.dark-mode .btn.btn-extra-round.active,
.dark-mode .btn.btn-extra-round:active {
  color: #fff;
}
[dir].dark-mode .btn.btn-extra-round.active,
[dir].dark-mode .btn.btn-extra-round:active {
  background-color: #fff;
}
.dark-mode .btn.btn-extra-round.hover,
.dark-mode .btn.btn-extra-round:hover {
  color: #fefefe;
}
[dir].dark-mode .btn.btn-extra-round.hover,
[dir].dark-mode .btn.btn-extra-round:hover {
  background-color: #383950;
}
.dark-mode .btn.btn-extra-round:focus {
  outline: 0;
}
[dir].dark-mode .btn.btn-extra-round:focus {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
}
.dark-mode .btn.btn-extra-round:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-extra-round:disabled {
  background-color: #4a484f;
  border-color: #605d67;
}
[dir].dark-mode .btn.btn-extra-link {
  background: 0 0;
}
.dark-mode .btn.btn-extra-link i,
.dark-mode .btn.btn-extra-link svg,
.dark-mode .btn.btn-extra-link.hover,
.dark-mode .btn.btn-extra-link:hover,
.dark-mode .btn.btn-extra-outline {
  color: #fff;
}
[dir].dark-mode .btn.btn-extra-outline {
  background: 0 0;
  border: 1px solid #fff;
}
.dark-mode .btn.btn-extra-outline.active,
.dark-mode .btn.btn-extra-outline:active,
.dark-mode .btn.btn-extra-outline:hover:not(:disabled) {
  color: #fff;
}
.dark-mode .btn.btn-extra-outline:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-extra-outline:disabled {
  border-color: #605d67;
}
.dark-mode .btn.btn-extra:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-extra:disabled {
  background-color: #4a484f;
}
[dir].dark-mode .btn.btn-extra-outline:focus,
[dir].dark-mode .btn.btn-extra:focus {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
}
.dark-mode .btn.btn-icon.secondary {
  color: #a5b8f0;
}
.dark-mode .btn.btn-secondary {
  color: #fff;
}
[dir].dark-mode .btn.btn-secondary {
  background-color: #a5b8f0;
}
[dir].dark-mode .btn.btn-secondary.active,
[dir].dark-mode .btn.btn-secondary:active,
[dir].dark-mode .btn.btn-secondary:focus {
  background-color: #6d41cb;
}
.dark-mode .btn.btn-secondary-round {
  color: #a5b8f0;
}
[dir].dark-mode .btn.btn-secondary-round {
  background: #1e1a24;
  border: 1px solid #383950;
}
[dir].dark-mode .btn.btn-secondary-round:not(:disabled) {
  box-shadow: 0 4px 20px rgba(165, 184, 240, 0.25);
}
.dark-mode .btn.btn-secondary-round.active,
.dark-mode .btn.btn-secondary-round:active {
  color: #fff;
}
[dir].dark-mode .btn.btn-secondary-round.active,
[dir].dark-mode .btn.btn-secondary-round:active {
  background-color: #a5b8f0;
}
.dark-mode .btn.btn-secondary-round.hover,
.dark-mode .btn.btn-secondary-round:hover {
  color: #fefefe;
}
[dir].dark-mode .btn.btn-secondary-round.hover,
[dir].dark-mode .btn.btn-secondary-round:hover {
  background-color: #1a3043;
}
.dark-mode .btn.btn-secondary-round:focus {
  outline: 0;
}
[dir].dark-mode .btn.btn-secondary-round:focus {
  box-shadow: 0 0 0 2px rgba(165, 184, 240, 0.6);
}
.dark-mode .btn.btn-secondary-round:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-secondary-round:disabled {
  background-color: #4a484f;
  border-color: #605d67;
}
[dir].dark-mode .btn.btn-secondary-link {
  background: 0 0;
}
.dark-mode .btn.btn-secondary-link i,
.dark-mode .btn.btn-secondary-link svg,
.dark-mode .btn.btn-secondary-link.hover,
.dark-mode .btn.btn-secondary-link:hover {
  color: #a5b8f0;
}
.dark-mode .btn.btn-secondary-outline {
  color: #d1dbf7;
}
[dir].dark-mode .btn.btn-secondary-outline {
  background: 0 0;
  border: 1px solid #a5b8f0;
}
.dark-mode .btn.btn-secondary-outline.active,
.dark-mode .btn.btn-secondary-outline:active {
  color: #bfcdf4;
}
.dark-mode .btn.btn-secondary-outline:hover:not(:disabled) {
  color: #fff;
}
.dark-mode .btn.btn-secondary-outline:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-secondary-outline:disabled {
  border-color: #605d67;
}
.dark-mode .btn.btn-secondary:disabled {
  color: #8c8994;
}
[dir].dark-mode .btn.btn-secondary:disabled {
  background-color: #4a484f;
}
[dir].dark-mode .btn.btn-secondary-outline:focus,
[dir].dark-mode .btn.btn-secondary:focus {
  box-shadow: 0 0 0 2px rgba(165, 184, 240, 0.6);
}
[dir].dark-mode .btn.btn-link {
  background-color: transparent;
}
[dir].dark-mode .btn.btn-transparent {
  background: 0 0;
}
[dir].dark-mode div.btn-icon.btn:hover,
[dir].dark-mode span.btn-icon.btn:hover {
  background-color: #1e1a24;
}
[dir].dark-mode .btn-map-location {
  border: 1px solid #525377;
  background: #383950;
}
.dark-mode .btn-map-location-label {
  color: #4f5269;
}
[dir].dark-mode .btn-map-location:hover {
  background-color: #383950;
}
[dir].dark-mode .btn-map-location:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir].dark-mode .btn-area {
  border: 1px solid #525377;
  background: #383950;
}
.dark-mode .btn-area-label {
  color: #fefefe;
}
[dir].dark-mode .btn-area:hover:not(.has-file) {
  background-color: #383950;
}
[dir].dark-mode .btn-area:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir].dark-mode .double-tabs .p-tabview-nav-content {
  background-color: #383950;
}
[dir].dark-mode .double-tabs .p-tabview-nav-content .p-tabview-nav {
  background: 0 0;
  border-color: transparent;
}
.dark-mode .double-tabs .p-tabview-nav-content .p-tabview-nav-link {
  color: rgba(173, 174, 184, 0.5);
}
[dir].dark-mode .double-tabs .p-tabview-nav-content .p-tabview-nav-link {
  border: none !important;
  background-color: transparent !important;
}
.dark-mode .double-tabs .p-tabview-nav-content .p-tabview-nav-link .badge {
  color: #fff;
}
[dir].dark-mode .double-tabs .p-tabview-nav-content .p-tabview-nav-link .badge {
  background-color: #a5b8f0;
}
[dir].dark-mode .double-tabs .p-tabview-nav-content .p-tabview-nav-link:hover:not([aria-selected=true]) {
  background-color: #2e499a !important;
}
.dark-mode .double-tabs .p-tabview-nav-content .p-highlight .p-tabview-nav-link[aria-selected=true] {
  color: #fff;
}
[dir].dark-mode .double-tabs .p-tabview-nav-content .p-highlight .p-tabview-nav-link[aria-selected=true] {
  background-color: #a5b8f0 !important;
}
.dark-mode .double-tabs .p-tabview-nav-content .p-highlight .p-tabview-nav-link[aria-selected=true] .badge {
  color: #a5b8f0;
}
[dir].dark-mode .double-tabs .p-tabview-nav-content .p-highlight .p-tabview-nav-link[aria-selected=true] .badge {
  background-color: #fff;
}
.dark-mode .badge {
  color: #fefefe;
}
[dir].dark-mode .badge {
  background-color: #1e1a24;
}
.dark-mode .badge.light {
  color: #a5b8f0;
}
[dir].dark-mode .badge.light {
  background-color: #fff;
}
.dark-mode .badge.danger {
  color: #fff;
}
[dir].dark-mode .badge.danger {
  background-color: #bd3333;
}
.dark-mode .badge.success {
  color: #fff;
}
[dir].dark-mode .badge.success {
  background-color: #2ed9c3;
}
.dark-mode .badge.warning {
  color: #fff;
}
[dir].dark-mode .badge.warning {
  background-color: #e0cc00;
}
.dark-mode .badge.primary {
  color: #fff;
}
[dir].dark-mode .badge.primary {
  background-color: #9578d3;
}
.dark-mode .badge.secondary {
  color: #fff;
}
[dir].dark-mode .badge.secondary {
  background-color: #a5b8f0;
}
.dark-mode .badge.danger-outline {
  color: #bd3333;
}
[dir].dark-mode .badge.danger-outline {
  border: 1px solid #bd3333;
}
.dark-mode .badge.success-outline {
  color: #2ed9c3;
}
[dir].dark-mode .badge.success-outline {
  border: 1px solid #2ed9c3;
}
.dark-mode .badge.warning-outline {
  color: #e0cc00;
}
[dir].dark-mode .badge.warning-outline {
  border: 1px solid #e0cc00;
}
.dark-mode .badge.primary-outline {
  color: #9578d3;
}
[dir].dark-mode .badge.primary-outline {
  border: 1px solid #9578d3;
}
.dark-mode .badge.secondary-outline {
  color: #a5b8f0;
}
[dir].dark-mode .badge.secondary-outline {
  border: 1px solid #a5b8f0;
}
[dir].dark-mode .sr-only {
  border: 0;
}
.dark-mode input.form-control,
.dark-mode select.form-control,
.dark-mode textarea.form-control {
  color: #fefefe;
}
[dir].dark-mode input.form-control,
[dir].dark-mode select.form-control,
[dir].dark-mode textarea.form-control {
  background-color: #383950;
  box-shadow: none;
  border: 1px solid #383950;
}
.dark-mode input.form-control::placeholder,
.dark-mode select.form-control::placeholder,
.dark-mode textarea.form-control::placeholder {
  color: rgba(254, 254, 254, 0.7);
}
.dark-mode input.form-control:focus,
.dark-mode select.form-control:focus,
.dark-mode textarea.form-control:focus {
  outline: 0;
}
[dir].dark-mode input.form-control:focus,
[dir].dark-mode select.form-control:focus,
[dir].dark-mode textarea.form-control:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
  background-color: #2e2f45;
  border-color: #9578d3;
}
.dark-mode input.form-control:focus + .form-control-btn,
.dark-mode select.form-control:focus + .form-control-btn,
.dark-mode textarea.form-control:focus + .form-control-btn {
  color: #fefefe;
}
.dark-mode input.form-control:disabled,
.dark-mode select.form-control:disabled,
.dark-mode textarea.form-control:disabled {
  color: #8c8994;
}
[dir].dark-mode input.form-control:disabled,
[dir].dark-mode select.form-control:disabled,
[dir].dark-mode textarea.form-control:disabled {
  background-color: #4a484f;
  border-color: #4a484f;
}
[dir].dark-mode .has-status.gray:before {
  background-color: #8c8994;
}
[dir].dark-mode .has-status.primary:before {
  background-color: #9578d3;
}
[dir].dark-mode .has-status.success:before {
  background-color: #2ed9c3;
}
[dir].dark-mode .has-status.danger:before {
  background-color: #bd3333;
}
[dir].dark-mode .has-status.warning:before {
  background-color: #e0cc00;
}
[dir].dark-mode .has-status.extra:before {
  background-color: #fff;
}
[dir].dark-mode .has-status.secondary:before {
  background-color: #a5b8f0;
}
.dark-mode .form-message.primary {
  color: #9578d3;
}
.dark-mode .form-message.success {
  color: #2ed9c3;
}
.dark-mode .form-message.danger {
  color: #bd3333;
}
.dark-mode .form-message.warning {
  color: #e0cc00;
}
.dark-mode .form-message.extra {
  color: #fff;
}
.dark-mode .form-message.secondary {
  color: #a5b8f0;
}
.dark-mode .form-select .icon {
  color: rgba(254, 254, 254, 0.7);
}
.dark-mode .form-grid-switcher label i {
  color: rgba(254, 254, 254, 0.5);
}
[dir].dark-mode .form-grid-switcher label input {
  border: none;
}
.dark-mode .form-grid-switcher label input:checked + i {
  color: #fefefe;
}
[dir].dark-mode .form-grid-switcher label input:focus + i {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir].dark-mode .form-checkbox input {
  border: none;
}
.dark-mode .form-checkbox input + i {
  color: transparent;
}
[dir].dark-mode .form-checkbox input + i {
  background-color: #1e1a24;
  border: 2px solid #9578d3;
}
[dir].dark-mode .form-checkbox input:disabled + i {
  background-color: #4a484f;
  border-color: #55525b;
}
[dir].dark-mode .form-checkbox input:checked + i {
  background-color: #9578d3;
}
.dark-mode .form-checkbox input:checked + i:before {
  color: #fff;
}
[dir].dark-mode .form-checkbox input:checked:disabled + i {
  background-color: #4a484f;
  border-color: #55525b;
}
[dir].dark-mode .form-checkbox input:focus + i {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir].dark-mode .form-checkbox.no-border input:not(:checked) + i {
  border-color: transparent;
}
[dir].dark-mode .form-radio input {
  border: none;
}
[dir].dark-mode .form-radio input + i {
  background-color: #1e1a24;
  border: 2px solid #9578d3;
}
[dir].dark-mode .form-radio input + i:before {
  background: 0 0;
}
.dark-mode .form-radio input:disabled + i {
  color: #8c8994;
}
[dir].dark-mode .form-radio input:disabled + i {
  background-color: #4a484f;
  border-color: #55525b;
}
[dir].dark-mode .form-radio input:checked + i {
  background-color: transparent;
  border-color: #9578d3;
}
[dir].dark-mode .form-radio input:checked + i:before {
  background-color: #9578d3;
}
[dir].dark-mode .form-radio input:checked:disabled + i {
  background-color: #4a484f;
  border-color: #55525b;
}
[dir].dark-mode .form-radio input:checked:disabled + i:before {
  background-color: #fff;
}
[dir].dark-mode .form-radio input:focus + i {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir].dark-mode .form-radio.no-border input:not(:checked) + i {
  border-color: transparent;
}
[dir].dark-mode .form-radio.transparent input + i {
  background: 0 0;
}
[dir].dark-mode .form-switcher input {
  border: none;
}
[dir].dark-mode .form-switcher input + i {
  border: 2px solid #8c8994;
}
[dir].dark-mode .form-switcher input + i:before {
  background-color: #4f5269;
}
.dark-mode .form-switcher input:disabled + i {
  color: #8c8994;
}
[dir].dark-mode .form-switcher input:disabled + i {
  background-color: #4a484f;
  border-color: #55525b;
}
[dir].dark-mode .form-switcher input:disabled + i:before {
  background-color: #8c8994;
}
[dir].dark-mode .form-switcher input:checked + i {
  background-color: #9578d3;
  border-color: transparent;
}
[dir].dark-mode .form-switcher input:checked + i:before {
  background-color: #fff;
}
[dir].dark-mode .form-switcher input:checked:disabled + i {
  background-color: #4a484f;
  border-color: #55525b;
}
[dir].dark-mode .form-switcher input:focus + i {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir].dark-mode .form-dropdown-popup {
  border: 1px solid #343338;
  box-shadow: none;
  background-color: #1e1a24;
}
.dark-mode .form-dropdown-popup ul li.active,
.dark-mode .form-dropdown-popup ul li:focus,
.dark-mode .form-dropdown-popup ul li:hover {
  color: #9578d3;
}
[dir].dark-mode .form-dropdown-popup ul li.divider:after {
  background-color: #55525b;
}
[dir].dark-mode .form-dropdown-label {
  background-color: #383950;
  box-shadow: none;
  border: 1px solid #383950;
}
[dir].dark-mode .form-dropdown-label.light-style {
  background-color: #35323a;
  border-color: transparent;
}
[dir].dark-mode .form-dropdown-label:hover {
  background-color: #383950;
}
.dark-mode .form-dropdown-label i,
.dark-mode .form-dropdown-label svg {
  color: rgba(254, 254, 254, 0.5);
}
.dark-mode .form-dropdown-label:focus {
  outline: 0;
}
[dir].dark-mode .form-dropdown-label:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
  border-color: #9578d3;
}
.dark-mode .form-dropdown-label:focus i,
.dark-mode .form-dropdown-label:focus svg {
  color: #fefefe;
}
.dark-mode .form-dropdown-label:disabled {
  color: #8c8994;
}
[dir].dark-mode .form-dropdown-label:disabled {
  background-color: #4a484f;
}
.dark-mode .form-label {
  color: rgba(254, 254, 254, 0.7);
}
[dir].dark-mode .form-control-group.form-control-invalid {
  box-shadow: 0 0 0 2px #bd3333;
}
[dir=ltr].dark-mode .form-control-group.has-btn-end .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir=rtl].dark-mode .form-control-group.has-btn-end .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[dir=ltr].dark-mode .form-control-group.has-btn-end .form-control-btn:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
[dir=rtl].dark-mode .form-control-group.has-btn-end .form-control-btn:last-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
[dir=ltr].dark-mode .form-control-group.has-btn-start .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[dir=rtl].dark-mode .form-control-group.has-btn-start .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[dir=ltr].dark-mode .form-control-group.has-btn-start .form-control-btn:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
[dir=rtl].dark-mode .form-control-group.has-btn-start .form-control-btn:first-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
[dir].dark-mode .form-control-group.has-bg .form-control,
[dir].dark-mode .form-control-group.has-bg .form-control-btn {
  background-color: #383950;
  border-color: transparent;
}
.dark-mode .form-control-group.has-bg .form-label {
  color: rgba(254, 254, 254, 0.7);
}
[dir].dark-mode .form-control-group.light-style .form-control,
[dir].dark-mode .form-control-group.light-style .form-control-btn {
  background-color: #35323a;
  border-color: transparent;
}
[dir].dark-mode .form-control-group.bordered .form-control,
[dir].dark-mode .form-control-group.bordered .form-control-btn {
  background: 0 0;
  border: 1px solid #c1c1f2;
}
.dark-mode .form-control-group.bordered.has-btn-start .form-control {
  border-inline-start: none;
}
.dark-mode .form-control-group.bordered.has-btn-start .form-control-btn {
  border-inline-end: none;
}
.dark-mode .form-control-btn {
  color: rgba(254, 254, 254, 0.7);
}
[dir].dark-mode .form-control-btn {
  background-color: #383950;
  border: none;
  box-shadow: none;
}
.dark-mode .form-control-btn:focus {
  outline: 0;
}
[dir].dark-mode .form-control-btn:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
  background-color: #2e2f45;
}
.dark-mode .form-control-btn:disabled {
  color: #8c8994;
}
[dir].dark-mode .form-control-btn:disabled {
  background-color: #4a484f;
}
.dark-mode .form-control-disabled .form-control-btn {
  color: #8c8994;
}
[dir].dark-mode .form-control-disabled .form-control-btn {
  background-color: #4a484f;
}
[dir].dark-mode .brand-list li:before {
  background-color: #9578d3;
}
[dir].dark-mode .layout-login {
  background-image: url(/assets/images/bg.png), url(/assets/images/bg2.png);
}
.dark-mode .login-form .forgot-line a {
  color: #fefefe;
}
.dark-mode .login-form .dont-have-account a {
  color: #9578d3;
}
.dark-mode .btn-help {
  color: #fff;
}
[dir].dark-mode .dashboard-sidebar-menu {
  background-color: #2e2f45;
}
.dark-mode .dashboard-sidebar-menu .menu a {
  color: #8c8994;
}
.dark-mode .dashboard-sidebar-menu .menu a.active {
  color: #fff;
}
[dir].dark-mode .dashboard-sidebar-menu .menu a.active {
  background-color: #4d4e73;
}
.dark-mode .dashboard-sidebar-menu .menu a:hover:not(.active) {
  color: #fff;
}
[dir].dark-mode .dashboard-sidebar-menu .menu a:hover:not(.active) {
  background-color: #4d4e73;
}
[dir].dark-mode .dashboard-navbar {
  background-color: #1e1a24;
}
.dark-mode .btn-notifi {
  color: #fefefe;
}
[dir].dark-mode .btn-notifi {
  background: 0 0;
  border: none;
}
.dark-mode .btn-notifi:focus {
  outline: 0;
}
[dir].dark-mode .btn-notifi:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir].dark-mode .btn-notifi:hover {
  background-color: #383950;
}
.dark-mode .avatar-btn {
  color: #fefefe;
}
[dir].dark-mode .avatar-btn {
  background: 0 0;
  border: none;
}
.dark-mode .avatar-btn:focus {
  outline: 0;
}
[dir].dark-mode .avatar-btn:focus {
  box-shadow: 0 0 0 2px rgba(149, 120, 211, 0.6);
}
[dir].dark-mode .avatar-btn:hover {
  background-color: #383950;
}
.dark-mode .grid-divider > div.cell,
.dark-mode .grid-divider > span.cell {
  border-inline-end: 1px solid #3d3943;
}
.dark-mode .grid-divider > div.cell:last-of-type,
.dark-mode .grid-divider > span.cell:last-of-type {
  border-inline-end: none;
}
[dir].dark-mode .divider-v,
[dir].dark-mode .divider-vf {
  background-color: #3d3943;
}
[dir].dark-mode .divider-vf.darken {
  background-color: rgba(149, 120, 211, 0.2);
}
[dir].dark-mode .dashboard-events-sidebar {
  box-shadow: none;
  background-color: #2e2f45;
}
[dir].dark-mode .dashboard-events-sidebar .event-card .selected,
[dir].dark-mode .dashboard-events-sidebar .event-card:hover {
  background-color: #383950;
}
.dark-mode .bdb {
  border-block-end: 2px solid #3d3943;
}
.dark-mode .bdb2 {
  border-block-end: 2px solid #383950;
}
.dark-mode .vertical-tab-panel .p-accordion .p-accordion-content {
  border-block-end: 1px solid #2e499a;
}
.dark-mode .event-header i {
  color: #a5b8f0;
}
.dark-mode .event-header .event-desc {
  color: #8c8994;
}
[dir].dark-mode .ticket-box {
  background-color: #383950;
}
[dir].dark-mode .ticket-box.no-bg {
  background: 0 0;
}
[dir].dark-mode .big-event-card {
  background-color: #29282c;
}
.dark-mode .big-event-card-header {
  border-block-end: 2px solid #3d3943;
}
[dir].dark-mode .big-event-card.as-link:hover {
  box-shadow: none;
}
[dir].dark-mode .big-event-card .card-event-link {
  background: 0 0;
  border: none;
}
[dir].dark-mode .big-event-card[role=button]:focus {
  box-shadow: 0 0 0 2px #9578d3;
}
.dark-mode .notifi {
  color: #fefefe;
}
[dir].dark-mode .notifi {
  box-shadow: none;
  background-color: #1e1a24;
}
.dark-mode .notifi.dark {
  color: #fff;
}
[dir].dark-mode .notifi.dark {
  background-color: #2e2f45;
}
.dark-mode .notifi.dark .btn.btn-icon {
  color: #fff;
}
[dir].dark-mode .notifi.dark .btn.btn-icon:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .dashboard-horizontal-tabs ul a {
  color: #8c8994;
}
.dark-mode .dashboard-horizontal-tabs ul a.active {
  color: #9578d3;
}
[dir].dark-mode .dashboard-horizontal-tabs ul a.active:after {
  background-color: #9578d3;
}
.dark-mode .dashboard-horizontal-tabs ul a:hover:not(.active) {
  color: #fefefe;
}
[dir].dark-mode .card-event {
  border: 2px solid #c1c1f2;
}
[dir].dark-mode .card-event.selected {
  border-color: transparent;
  background-color: #35323a;
}
.dark-mode .table thead {
  border-block-end: 2px solid #3d3943;
}
[dir].dark-mode .table.separated tbody tr:nth-child(even) td {
  background-color: #383950;
}
.dark-mode .table.has-bd tbody td {
  border-block-end: 1px solid #3d3943;
}
[dir].dark-mode .card-blue {
  background-color: #35323a;
  border: 2px solid transparent;
}
[dir].dark-mode .card-blue.light {
  background-color: #35323a;
}
[dir].dark-mode .card-blue.bordered {
  border: 2px solid #383950;
}
[dir].dark-mode .overlay {
  background-color: rgba(0, 0, 0, 0.38);
}
[dir].dark-mode .card-bordered {
  border: 2px solid #383950;
}
[dir].dark-mode fieldset {
  border: none;
}
.dark-mode fieldset legend {
  color: rgba(254, 254, 254, 0.7);
}
[dir].dark-mode .modal {
  background-color: #1e1a24;
}
.dark-mode .accordion.bordered .accordion-item {
  border-block-end: 2px solid #3d3943;
}
.dark-mode .accordion.bordered .accordion-item:last-child {
  border-block-end: none;
}
[dir].dark-mode .accordion-component {
  background-color: #35323a;
}
.dark-mode .card-secondary {
  color: #fff;
}
[dir].dark-mode .card-secondary {
  background-color: #3f4d69;
}
.dark-mode .light-only {
  display: none;
}
.dark-mode .event-category-icon,
.dark-mode img[src*="/cloud.svg"],
.dark-mode img[src*="check.svg"],
.dark-mode img[src*="entry.svg"],
.dark-mode img[src*="import_tickets.svg"],
.dark-mode img[src*="local.svg"],
.dark-mode img[src*="qr.svg"],
.dark-mode img[src*="user.svg"] {
  filter: invert(100%);
}
[dir].dark-mode .inverse-bg-transparent {
  background: 0 0;
}
[dir].dark-mode .card-table {
  padding: 0 !important;
  background: 0 0;
}
.dark-mode .bd-start {
  border-inline-start: 2px solid #fefefe;
}
[dir].dark-mode .no-border {
  border-color: transparent !important;
}
[dir].dark-mode .bsh,
[dir].dark-mode .shadow {
  box-shadow: none;
}
.dark-mode .color-gray {
  color: rgba(254, 254, 254, 0.5);
}
.dark-mode .color-dark {
  color: #fefefe;
}
.dark-mode .color-gray2 {
  color: rgba(254, 254, 254, 0.7);
}
.dark-mode .color-primary {
  color: #9578d3;
}
[dir].dark-mode .bg-color-primary {
  background-color: #9578d3;
}
.dark-mode .color-success {
  color: #2ed9c3;
}
[dir].dark-mode .bg-color-success {
  background-color: #2ed9c3;
}
.dark-mode .color-danger {
  color: #bd3333;
}
[dir].dark-mode .bg-color-danger {
  background-color: #bd3333;
}
.dark-mode .color-warning {
  color: #e0cc00;
}
[dir].dark-mode .bg-color-warning {
  background-color: #e0cc00;
}
.dark-mode .color-extra {
  color: #fff;
}
[dir].dark-mode .bg-color-extra {
  background-color: #fff;
}
.dark-mode .color-secondary {
  color: #a5b8f0;
}
[dir].dark-mode .bg-color-secondary {
  background-color: #a5b8f0;
}
[dir].dark-mode .avatar-dropdown.avatar-dropdown {
  box-shadow: none;
}
[dir].dark-mode .theme-switcher {
  background-color: #383950;
}
[dir].dark-mode .theme-switcher input {
  border: 0;
}
.dark-mode .theme-switcher i {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .theme-switcher input:not(:checked) ~ .light {
  color: #fff;
}
[dir].dark-mode .theme-switcher input:not(:checked) ~ .light {
  background-color: #2ed9c3;
}
.dark-mode .theme-switcher input:checked ~ .dark {
  color: #fff;
}
[dir].dark-mode .theme-switcher input:checked ~ .dark {
  background-color: #2ed9c3;
}
.dark-mode .p-datatable .p-datatable-tbody > tr.p-highlight {
  color: #fefefe;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr.p-highlight {
  background-color: #383950;
}
.dark-mode .p-datatable .p-datatable-thead > tr > th {
  color: #fefefe;
}
[dir].dark-mode .p-datatable .p-datatable-thead > tr > th {
  background-color: #1e1a24;
}
[dir=ltr].dark-mode .p-datatable .p-datatable-thead > tr > th:not(:first-child) {
  border-left: 0;
}
[dir=ltr].dark-mode .p-datatable .p-datatable-thead > tr > th:not(:last-child),
[dir=rtl].dark-mode .p-datatable .p-datatable-thead > tr > th:not(:first-child) {
  border-right: 0;
}
[dir=rtl].dark-mode .p-datatable .p-datatable-thead > tr > th:not(:last-child) {
  border-left: 0;
}
[dir].dark-mode .avatar-uploader input:focus + .photo-area {
  box-shadow: 0 0 0 2px #9578d3;
}
[dir].dark-mode .avatar-uploader .photo-area {
  background-color: #1e1a24;
}
[dir].dark-mode .avatar-uploader.isnew .photo-area {
  background-color: #3f3d44;
}
.dark-mode .avatar-uploader.isnew .photo-area .icon {
  color: #1e1a24;
}
[dir].dark-mode .p-datatable-striped.p-datatable .p-datatable-tbody > tr > td,
[dir].dark-mode .vertical-tab-panel .p-tabview-nav {
  border: none;
}
.dark-mode .vertical-tab-panel .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  color: #fefefe;
}
[dir].dark-mode .vertical-tab-panel .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  border-color: transparent;
  background-color: #35323a;
}
[dir].dark-mode .vertical-tab-panel .p-tabview-nav li .p-tabview-nav-link {
  border: 2px solid #383950;
}
.dark-mode .vertical-tab-panel .p-tabview-nav li .p-tabview-nav-link .icon {
  color: #9578d3;
}
.dark-mode app-accordion-group:last-child .accordion-panel {
  border-block-end: none;
}
.dark-mode .accordion-panel {
  border-block-end: 1px solid #383950;
}
.dark-mode .accordion-panel .accordion-title-container .icon {
  color: #8c8994;
}
.dark-mode .accordion-panel .accordion-button {
  color: #fefefe;
}
.dark-mode .accordion-panel .accordion-button:focus {
  outline: 0;
  color: #9578d3;
}
[dir].dark-mode .accordion-panel .accordion-button:focus {
  box-shadow: none;
}
[dir].dark-mode .events-grid .event-card {
  box-shadow: none;
  background-color: #2e2f45;
}
[dir].dark-mode .events-grid .event-card.bg-gray {
  background-color: #29282c;
  box-shadow: none;
}
[dir].dark-mode .events-grid .event-card[role=button]:focus,
[dir].dark-mode .events-grid .event-card[role=button]:hover {
  box-shadow: none;
}
.dark-mode .events-grid .event-card-header {
  border-block-end: 1px solid #3d3943;
}
[dir].dark-mode .events-grid .event-card-section .ticket-box:not(.bg-required) {
  background: 0 0;
}
[dir].dark-mode .dashboard-container .card.inverse-bg-transparent {
  padding: 0;
}
[dir].dark-mode .light-pb .p-progressbar {
  background-color: #1e1a24;
}
.dark-mode .p-input-filled .pi:not(.p-multiselect-token-icon):not(.pi-times).color-primary,
.dark-mode .p-input-filled-transparent .pi:not(.p-multiselect-token-icon):not(.pi-times).color-primary {
  color: #9578d3;
}
.dark-mode .app-popover {
  color: #fefefe;
}
[dir].dark-mode .app-popover {
  background-color: #1e1a24;
  box-shadow: none;
}
.dark-mode .fix-bd-accordion .accordion-panel {
  border-block-end: 2px solid #3d3943;
}
.dark-mode .app-icons-menu .pi.p-menuitem-icon {
  color: #9578d3;
}
.dark-mode .app-icons-menu .pi-trash.p-menuitem-icon,
.dark-mode .app-icons-menu .pi-trash.p-menuitem-icon ~ .p-menuitem-text {
  color: #bd3333;
}
.dark-mode .link-text {
  color: inherit;
}
[dir].dark-mode .card-running-event .p-progressbar {
  background-color: #1e1a24;
}
[dir].dark-mode .gate-statsbox-content .p-input-filled .p-treeselect {
  background-color: #343338;
}
.dark-mode .gate-statsbox-content .p-treeselect .p-treeselect-label.p-placeholder {
  color: #fff;
}
.dark-mode .card.dark .p-treeselect-clear-icon,
.dark-mode .card.dark .p-treeselect-trigger,
.dark-mode .hover-dark:hover .p-treeselect-clear-icon,
.dark-mode .hover-dark:hover .p-treeselect-trigger {
  color: #000 !important;
}
[dir].dark-mode .card.dark .p-input-filled .p-treeselect,
[dir].dark-mode .hover-dark:hover .p-input-filled .p-treeselect {
  background-color: rgba(0, 0, 0, 0.3);
}
.dark-mode .card.dark .p-treeselect .p-treeselect-label.p-placeholder,
.dark-mode .hover-dark:hover .p-treeselect .p-treeselect-label.p-placeholder {
  color: #000 !important;
}
[dir].dark-mode .divider-h {
  border-bottom: 1px solid #343338;
}
.dark-mode .p-message.p-message-info {
  color: #a5b8f0;
}
[dir].dark-mode .p-message.p-message-info {
  background-color: #29282c;
}
.dark-mode .knob-component .p-knob-range {
  stroke: #3f3d44 !important;
}
.dark-mode .knob-component .p-knob-text {
  color: #f3f2f3 !important;
}
[dir].dark-mode .graph-white-bg {
  background-color: #fff;
}
.dark-mode .btn-icon[disabled] .icon {
  color: #000;
}
.dark-mode .cell-event-location-left {
  border-inline-end: 2px solid #343338;
}
@keyframes spin-ltr {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin-rtl {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
[dir].dark-mode .has-loader:after {
  border: 4px solid #9578d3;
}
[dir=ltr].dark-mode .has-loader:after {
  border-left-color: transparent;
}
[dir=rtl].dark-mode .has-loader:after {
  border-right-color: transparent;
}
[dir].dark-mode .item:not(.item_selected) .card-event {
  border-color: #3f3d44;
}
[dir].dark-mode .p-datatable .p-datatable-tbody > tr > td,
[dir].dark-mode .p-datatable .p-datatable-thead > tr > th {
  border-color: #343338;
}
.dark-mode .myknob-component .u-progress .u-progress-bg {
  stroke: #343338;
}
.dark-mode .myknob-component .u-progress .u-progress-status {
  stroke: #9578d3;
}
.dark-mode .myknob-component.success .u-progress-bg {
  stroke: rgba(46, 217, 195, 0.1);
}
.dark-mode .myknob-component.success .u-progress-status {
  stroke: #2ed9c3;
}
.dark-mode .myknob-component.danger .u-progress-bg {
  stroke: rgba(189, 51, 51, 0.1);
}
.dark-mode .myknob-component.danger .u-progress-status {
  stroke: #bd3333;
}
.dark-mode .myknob-component.warning .u-progress-bg {
  stroke: rgba(255, 147, 113, 0.1);
}
.dark-mode .myknob-component.warning .u-progress-status {
  stroke: #ff9371;
}
.dark-mode .myknob-component.default .u-progress-bg {
  stroke: rgba(149, 120, 211, 0.1);
}
.dark-mode .myknob-component.default .u-progress-status {
  stroke: #9578d3;
}
.dark-mode .no-statistic p {
  color: #6b6873;
}
.dark-mode .dashboard-in-section span .timer {
  color: #9578d3;
}
[dir].dark-mode .btn-edit-kpi {
  border: 2px solid transparent;
  background-color: #35323a;
}
.dark-mode .custom-option-dropdown {
  border-block-start: 2px solid #343338;
}
[dir].dark-mode .custom-option-dropdown input {
  background-color: #343338;
}
.dark-mode .custom-option-dropdown .btn.btn-icon {
  color: #9578d3;
}
[dir].dark-mode .kpi-graph .p-progressbar {
  background-color: #343338;
}
.dark-mode .kpi-graph-4 .desc b {
  color: #76727e;
}
[dir].dark-mode .v-progressbar {
  background-color: #343338;
}
[dir].dark-mode .v-progressbar span {
  background-color: #9578d3;
}

/* src/styles.scss */
html,
body {
  font-family: Assistant, sans-serif;
}
* {
  font-family: inherit;
}
:root:not(.dark-mode) {
  --text-color: #5d5a64;
  --text-color-secondary: #706c77;
  --primary-color: #9578d3;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f4f4f5;
  --surface-200: #e4e4e7;
  --surface-400: #a1a1aa;
  --surface-ground: #fafafa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-border: #e5e7eb;
  --primary-50: #faf8fd;
  --primary-100: #e6dff4;
  --primary-200: #d1c5ec;
  --primary-300: #bdabe4;
  --primary-600: #7f66b3;
  --primary-700: #685494;
}
:root {
  --p-primary-50: #f5f1fb;
  --p-primary-100: #ede6f8;
  --p-primary-200: #d9cdf1;
  --p-primary-300: #bba8e6;
  --p-primary-400: #9578d3;
  --p-primary-500: #9578d3;
  --p-primary-600: #7d5fc0;
  --p-primary-700: #6549a8;
  --p-primary-800: #53398e;
  --p-primary-900: #3e2870;
  --p-primary-950: #281a4c;
  --p-primary-color: #9578d3;
  --p-primary-contrast-color: #ffffff;
  --p-primary-hover-color: #7d5fc0;
  --p-primary-active-color: #6549a8;
  --p-surface-0: #ffffff;
  --p-surface-50: #f8f8f9;
  --p-surface-100: #f5f5f6;
  --p-surface-200: #ecebed;
  --p-surface-300: #d9d8da;
  --p-surface-400: #b8b7ba;
  --p-surface-500: #8e8c91;
  --p-surface-600: #706c77;
  --p-surface-700: #5d5a64;
  --p-surface-800: #3f3c47;
  --p-surface-900: #2d2a33;
  --p-surface-950: #1a1820;
  --p-text-color: #5d5a64;
  --p-text-muted-color: #706c77;
  --p-text-hover-color: #4b4850;
  --p-content-border-color: #d9d8da;
  --p-content-hover-background: #ecebed;
  --p-form-field-border-color: #d9d8da;
  --p-form-field-hover-border-color: #9578d3;
  --p-form-field-focus-border-color: #9578d3;
  --p-form-field-invalid-border-color: #ef4444;
  --p-form-field-background: #ffffff;
  --p-form-field-color: #5d5a64;
  --p-form-field-placeholder-color: #706c77;
  --p-focus-ring-color: #9578d3;
  --p-focus-ring-shadow: 0 0 0 1px #9578d3;
  --p-overlay-modal-background: #ffffff;
  --p-overlay-modal-border-color: #d9d8da;
  --p-overlay-popover-background: #ffffff;
  --p-overlay-popover-border-color: #d9d8da;
  --p-overlay-select-background: #ffffff;
  --p-overlay-select-border-color: #d9d8da;
  --p-overlay-select-color: #5d5a64;
  --p-border-radius-sm: 0.35rem;
  --p-border-radius-md: 0.4166666667rem;
  --p-border-radius-lg: 0.5rem;
  --p-border-radius-xl: 0.75rem;
  --p-font-family: Assistant, sans-serif;
  --p-message-text-font-size: 0.75rem;
  --p-message-text-font-weight: 400;
  --p-message-icon-size: 0.875rem;
  --p-transition-duration: 0.15s;
}
html.dark-mode {
  --p-primary-color: #9578d3;
  --p-primary-contrast-color: #ffffff;
  --p-primary-hover-color: #a992db;
  --p-primary-active-color: #bba8e6;
  --p-surface-0: #29282c;
  --p-surface-50: #2d2b31;
  --p-surface-100: #343338;
  --p-surface-200: #3f3d44;
  --p-surface-300: #4d4b52;
  --p-surface-400: #706c77;
  --p-surface-500: #8e8c91;
  --p-surface-600: #b8b7ba;
  --p-surface-700: #c5c3c9;
  --p-surface-800: #dcdbde;
  --p-surface-900: #ecebed;
  --p-surface-950: #f5f5f6;
  --p-text-color: #dcdbde;
  --p-text-muted-color: #c5c3c9;
  --p-text-hover-color: #f0eff2;
  --p-content-border-color: #3f3d44;
  --p-content-hover-background: #343338;
  --p-form-field-border-color: #4d4b52;
  --p-form-field-hover-border-color: #9578d3;
  --p-form-field-focus-border-color: #9578d3;
  --p-form-field-invalid-border-color: #ef4444;
  --p-form-field-background: #29282c;
  --p-form-field-color: #dcdbde;
  --p-form-field-placeholder-color: #8e8c91;
  --p-focus-ring-color: #9578d3;
  --p-focus-ring-shadow: 0 0 0 1px #9578d3;
  --p-overlay-modal-background: #2d2b31;
  --p-overlay-modal-border-color: #3f3d44;
  --p-overlay-popover-background: #2d2b31;
  --p-overlay-popover-border-color: #3f3d44;
  --p-overlay-select-background: #29282c;
  --p-overlay-select-border-color: #3f3d44;
  --p-overlay-select-color: #dcdbde;
}
.cursor-pointer {
  cursor: pointer;
}
#myapp {
  opacity: 1 !important;
}
.p-component {
  font-size: 12px;
  font-weight: 400;
}
.p-link {
  font-size: 12px;
}
.p-inputtext {
  font-size: 1em;
  font-weight: 400;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input,
.p-chips .p-chips-multiple-container .p-chips-input-token input {
  font-size: 12px;
}
.p-button {
  font-size: 12px;
}
.p-datatable-tbody td .icon {
  font-size: 1rem;
}
.p-input-icon-left,
.p-input-icon-right {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.p-input-icon-left > p-datepicker,
.p-input-icon-left > p-calendar,
.p-input-icon-right > p-datepicker,
.p-input-icon-right > p-calendar,
.p-input-icon-left > p-inputmask,
.p-input-icon-right > p-inputmask {
  flex: 1;
  min-width: 0;
  width: 100%;
}
.p-input-icon-left p-inputmask .p-inputtext,
.p-input-icon-right p-inputmask .p-inputtext {
  width: 100%;
}
[dir] .p-datepicker {
  display: inline-flex !important;
}
[dir] .p-dialog .p-datepicker:has(.p-datepicker-panel-inline) {
  width: 100%;
}
.p-dialog .p-datepicker > p-motion {
  flex: 1 1 auto;
  min-width: 0;
}
.p-dialog .p-datepicker-panel-inline {
  width: 100%;
}
.p-datepicker-panel:not(.p-datepicker-panel-inline) {
  position: absolute !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 24rem !important;
}
body > p-motion > .p-datepicker-panel:not(.p-datepicker-panel-inline) {
  position: static !important;
}
.p-input-icon-left > i:first-child,
.p-input-icon-left > svg:first-child {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 1;
  pointer-events: none;
  line-height: 1;
}
[dir=ltr] .p-input-icon-left > i:first-child,
[dir=ltr] .p-input-icon-left > svg:first-child {
  left: 0.75rem;
}
[dir=rtl] .p-input-icon-left > i:first-child,
[dir=rtl] .p-input-icon-left > svg:first-child {
  right: 0.75rem;
}
[dir=ltr] .p-input-icon-left > .p-inputtext {
  padding-left: 2.5rem;
}
[dir=rtl] .p-input-icon-left > .p-inputtext {
  padding-right: 2.5rem;
}
.p-input-icon-left p-datepicker + i,
.p-input-icon-left p-datepicker + svg,
.p-input-icon-left p-calendar + i,
.p-input-icon-left p-calendar + svg,
.p-input-icon-left p-inputmask + i,
.p-input-icon-left p-inputmask + svg {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 1;
  pointer-events: none;
  line-height: 1;
}
[dir=ltr] .p-input-icon-left p-datepicker + i,
[dir=ltr] .p-input-icon-left p-inputmask + i {
  left: 1em;
}
[dir=rtl] .p-input-icon-left p-datepicker + i,
[dir=rtl] .p-input-icon-left p-inputmask + i {
  right: 1em;
}
[dir=ltr] .p-input-icon-left p-inputmask .p-inputtext {
  padding-left: 3.5em;
}
[dir=rtl] .p-input-icon-left p-inputmask .p-inputtext {
  padding-right: 3.5em;
}
[dir=ltr] .p-input-icon-left p-datepicker .p-datepicker-input,
[dir=ltr] .p-input-icon-left p-datepicker .p-inputtext {
  padding-left: 3.5em;
}
[dir=rtl] .p-input-icon-left p-datepicker .p-datepicker-input,
[dir=rtl] .p-input-icon-left p-datepicker .p-inputtext {
  padding-right: 3.5em;
}
.p-input-icon-right > i:last-child,
.p-input-icon-right > svg:last-child {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 1;
  pointer-events: none;
  line-height: 1;
}
[dir=ltr] .p-input-icon-right > i:last-child,
[dir=ltr] .p-input-icon-right > svg:last-child {
  right: 0.75rem;
}
[dir=rtl] .p-input-icon-right > i:last-child,
[dir=rtl] .p-input-icon-right > svg:last-child {
  left: 0.75rem;
}
[dir=ltr] .p-input-icon-right > .p-inputtext {
  padding-right: 2.5rem;
}
[dir=rtl] .p-input-icon-right > .p-inputtext {
  padding-left: 2.5rem;
}
.p-button:not(.btn) {
  color: #ffffff;
}
.p-button.p-button-outlined {
  background: transparent;
  color: var(--p-primary-color, #9578d3);
}
.p-button.p-button-outlined.p-button-help {
  color: var(--p-purple-500, #a855f7);
}
.p-button.p-button-outlined.p-button-danger {
  color: var(--p-red-500, #ef4444);
}
.p-button.p-button-outlined.p-button-success {
  color: var(--p-green-500, #22c55e);
}
.p-button.p-button-outlined.p-button-secondary {
  color: var(--p-surface-500, #8e8c91);
}
.p-button.p-button-link {
  color: #9578d3;
}
[dir] .p-button.p-button-link {
  background: 0 0;
  border: transparent;
}
.p-button.p-button-link:enabled:hover {
  color: #9578d3;
}
[dir] .p-button.p-button-link:enabled:hover {
  background: 0 0;
  border-color: transparent;
}
.p-button.p-button-link:enabled:hover .p-button-label {
  text-decoration: underline;
}
[dir] .p-button.p-button-link:enabled:focus {
  background: 0 0;
  box-shadow: 0 0 0 0.2em #9578d3;
  border-color: transparent;
}
.p-button.p-button-text {
  color: #9578d3;
}
[dir] .p-button.p-button-text {
  background: transparent;
  border-color: transparent;
}
.p-button.p-button-text:enabled:hover {
  color: #7d5fc0;
}
[dir] .p-button.p-button-text:enabled:hover {
  background: rgba(149, 120, 211, 0.08);
  border-color: transparent;
}
.p-button.p-button-text.p-button-danger {
  color: var(--p-red-500, #ef4444);
}
[dir] .p-button.p-button-text.p-button-danger:enabled:hover {
  background: rgba(239, 68, 68, 0.08);
}
.p-button.p-button-text.p-button-secondary {
  color: var(--p-surface-500, #8e8c91);
}
[dir] .p-inputtext {
  background: #fefefe;
  padding: 0.75em 1.2em;
  border: 1px solid transparent;
  border-radius: 0.4166666667rem;
  margin: 0;
}
.p-inputtext {
  color: #393a4c;
  transition: none;
  appearance: none;
}
[dir] .p-inputtext:enabled:hover {
  border-color: #9578d3;
}
.p-inputtext:enabled:focus {
  outline: 0;
  outline-offset: 0;
}
[dir] .p-inputtext:enabled:focus {
  box-shadow: 0 0 0 1px #9578d3;
  border-color: #9578d3;
}
[dir] .p-inputtext.ng-dirty.ng-invalid {
  border-color: #f0a9a7;
}
[dir] .p-input-filled .p-inputtext,
[dir] .p-input-filled .p-inputtext:enabled:hover {
  background-color: #dfe1eb;
}
[dir] .p-input-filled .p-inputtext.p-focus {
  background-color: #fefefe;
}
[dir] .p-input-filled .p-inputtext:enabled:focus,
[dir] .p-input-filled-light .p-inputtext:enabled:focus,
[dir] .p-input-filled-transparent .p-inputtext:enabled:focus {
  background: 0 0;
}
[dir] .p-input-filled .p-textarea,
[dir] .p-input-filled .p-textarea:enabled:hover {
  background-color: #dfe1eb;
}
[dir] .p-input-filled .p-textarea:enabled:focus,
[dir] .p-input-filled-light .p-textarea:enabled:focus,
[dir] .p-input-filled-transparent .p-textarea:enabled:focus {
  background: 0 0;
}
.p-inputwrapper.p-input-filled .p-autocomplete-dropdown.p-button:not(:hover),
.p-inputwrapper.p-input-filled .p-button.p-datepicker-trigger:not(:hover) {
  color: #393a4c;
}
.p-inputgroup {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.p-inputgroup .p-inputtext,
.p-inputgroup .p-inputwrapper,
.p-inputgroup .p-inputwrapper > .p-component {
  flex: 1 1 auto;
}
[dir] .p-inputgroup > .p-component,
[dir] .p-inputgroup > .p-element,
[dir] .p-inputgroup > .p-inputwrapper {
  border-radius: 0;
  margin: 0;
}
[dir=ltr] .p-inputgroup > button:first-child,
[dir=ltr] .p-inputgroup > input:first-child,
[dir=ltr] .p-inputgroup > .p-inputwrapper:first-child .p-inputtext,
[dir=rtl] .p-inputgroup > button:last-child,
[dir=rtl] .p-inputgroup > input:last-child,
[dir=rtl] .p-inputgroup > .p-inputwrapper:last-child .p-inputtext {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
[dir=ltr] .p-inputgroup > button:last-child,
[dir=ltr] .p-inputgroup > input:last-child,
[dir=ltr] .p-inputgroup > .p-inputwrapper:last-child .p-inputtext,
[dir=rtl] .p-inputgroup > button:first-child,
[dir=rtl] .p-inputgroup > input:first-child,
[dir=rtl] .p-inputgroup > .p-inputwrapper:first-child .p-inputtext {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
[dir] .p-inputwrapper.p-input-filled .p-autocomplete-dropdown.p-button:not(:hover),
[dir] .p-inputwrapper.p-input-filled .p-button.p-datepicker-trigger:not(:hover) {
  background-color: #dfe1eb;
  border-color: #dfe1eb;
}
.p-component:disabled,
.p-disabled {
  opacity: 0.6;
}
[dir] :disabled {
  cursor: not-allowed;
}
.p-radiobutton.p-radiobutton-checked .p-radiobutton-box {
  border-color: var(--p-primary-color, #9578d3);
  background: #ffffff;
}
.p-radiobutton.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
  visibility: visible;
  transform: translateZ(0) scale(1, 1);
  background-color: var(--p-primary-color, #9578d3);
}
body.sidebar-compact-mode .dashboard-sidebar-menu {
  width: 140px !important;
  position: fixed;
  overflow: visible !important;
  transition: none !important;
}
body.sidebar-compact-mode .dashboard-sidebar-menu > div {
  width: 140px !important;
  display: flex;
  flex-direction: column;
  align-items: center !important;
  transition: none !important;
  overflow: visible !important;
}
body.sidebar-compact-mode .dashboard-sidebar-menu .menu {
  width: 100% !important;
  transition: none !important;
  overflow: visible !important;
}
[dir=ltr] body.sidebar-compact-mode .dashboard-navbar {
  left: 140px !important;
}
[dir=rtl] body.sidebar-compact-mode .dashboard-navbar {
  right: 140px !important;
}
[dir=ltr] body.sidebar-compact-mode .dashboard-container {
  padding-left: 24px !important;
}
[dir=rtl] body.sidebar-compact-mode .dashboard-container {
  padding-right: 24px !important;
}
[dir=rtl] .p-scrollpanel-bar-y {
  right: calc(100% - 15px) !important;
}
[dir=rtl] .p-scrollpanel {
  overflow-y: hidden !important;
}
.grid-1-events {
  display: grid !important;
  margin: 0;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.grid-1-events > .cell {
  padding: 0;
}
.dashboard-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: none;
  -webkit-overflow-scrolling: touch;
  contain: layout style paint;
  height: calc(100vh - 170px);
  padding-right: 15px;
  margin-right: -15px;
}
.column {
  display: flex;
  flex-direction: column !important;
  justify-content: start;
}
.gap-5 {
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 11px !important;
  }
  h1 {
    font-size: 17px !important;
  }
  h2 {
    font-size: 15px !important;
  }
  h3 {
    font-size: 13px !important;
  }
  .text-large {
    font-size: 26px !important;
  }
  .form-control-label {
    font-size: 12px !important;
  }
  .btn-icon {
    font-size: 1.1em !important;
  }
  .btn {
    font-size: 11px !important;
  }
  .icon {
    font-size: 1.3em !important;
  }
  input {
    font-size: 10px !important;
  }
  .dashboard-horizontal-tabs ul li {
    padding: unset !important;
  }
}
.landscape {
  height: 100%;
  overflow-y: auto;
}
.show-text-until-20-chars {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 40ch;
}
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.gap-20 {
  gap: 20px;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
}
html.dark-mode app-limits-status .component-container {
  color: #e2e8f0;
}
html.dark-mode app-limits-status .limit-card {
  background: #1e293b !important;
  border-left-color: #334155 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
html.dark-mode app-limits-status .limit-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
html.dark-mode app-limits-status .limit-card.status-ok {
  border-left-color: #10b981 !important;
}
html.dark-mode app-limits-status .limit-card.status-ok .limit-header i {
  color: #10b981 !important;
}
html.dark-mode app-limits-status .limit-card.status-ok::before {
  border-top-color: #10b981 !important;
}
html.dark-mode app-limits-status .limit-card.status-approaching {
  border-left-color: #f59e0b !important;
}
html.dark-mode app-limits-status .limit-card.status-approaching .limit-header i {
  color: #f59e0b !important;
}
html.dark-mode app-limits-status .limit-card.status-approaching::before {
  border-top-color: #f59e0b !important;
}
html.dark-mode app-limits-status .limit-card.status-limit-reached {
  border-left-color: #3b82f6 !important;
}
html.dark-mode app-limits-status .limit-card.status-limit-reached .limit-header i {
  color: #3b82f6 !important;
}
html.dark-mode app-limits-status .limit-card.status-limit-reached::before {
  border-top-color: #3b82f6 !important;
}
html.dark-mode app-limits-status .limit-card.status-exceeded {
  border-left-color: #ef4444 !important;
}
html.dark-mode app-limits-status .limit-card.status-exceeded .limit-header i {
  color: #ef4444 !important;
}
html.dark-mode app-limits-status .limit-card.status-exceeded::before {
  border-top-color: #ef4444 !important;
}
html.dark-mode app-limits-status .limit-header h4 {
  color: #f1f5f9 !important;
}
html.dark-mode app-limits-status .limit-numbers .current-usage {
  color: #f1f5f9 !important;
}
html.dark-mode app-limits-status .limit-numbers .limit-value {
  color: #94a3b8 !important;
}
html.dark-mode app-limits-status .progress-bar {
  background: #334155 !important;
}
html.dark-mode app-limits-status .progress-text {
  color: #94a3b8 !important;
}
html.dark-mode app-limits-status .no-limit-text {
  color: #94a3b8 !important;
}
html.dark-mode app-limits-status .limits-status-badge.status-ok {
  background: rgba(16, 185, 129, 0.2) !important;
  color: #10b981 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}
html.dark-mode app-limits-status .limits-status-badge.status-approaching {
  background: rgba(245, 158, 11, 0.2) !important;
  color: #f59e0b !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
}
html.dark-mode app-limits-status .limits-status-badge.status-limit-reached {
  background: rgba(59, 130, 246, 0.2) !important;
  color: #3b82f6 !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
}
html.dark-mode app-limits-status .limits-status-badge.status-exceeded {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #ef4444 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}
html.dark-mode app-limits-status .limit-details {
  background: #0f172a !important;
  border-top-color: #334155 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
html.dark-mode app-limits-status .limit-details .detail-row .label {
  color: #cbd5e1 !important;
}
html.dark-mode app-limits-status .limit-details .detail-row .value {
  color: #f1f5f9 !important;
}
html.dark-mode app-limits-status .empty-state h3 {
  color: #f1f5f9 !important;
}
html.dark-mode app-limits-status .progress-fill.progress-success {
  background:
    linear-gradient(
      90deg,
      #10b981,
      #059669) !important;
}
html.dark-mode app-limits-status .progress-fill.progress-warning {
  background:
    linear-gradient(
      90deg,
      #f59e0b,
      #d97706) !important;
}
html.dark-mode app-limits-status .progress-fill.progress-info {
  background:
    linear-gradient(
      90deg,
      #3b82f6,
      #2563eb) !important;
}
html.dark-mode app-limits-status .progress-fill.progress-danger {
  background:
    linear-gradient(
      90deg,
      #ef4444,
      #dc2626) !important;
}
html:not(.dark-mode) app-limits-status .limit-card {
  background: white !important;
  border-left-color: #e5e5e5 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}
html:not(.dark-mode) app-limits-status .limit-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}
html:not(.dark-mode) app-limits-status .limit-header h4 {
  color: #1f2937 !important;
}
html:not(.dark-mode) app-limits-status .limit-numbers .current-usage {
  color: #1f2937 !important;
}
html:not(.dark-mode) app-limits-status .limit-numbers .limit-value {
  color: #6b7280 !important;
}
html:not(.dark-mode) app-limits-status .progress-bar {
  background: #f3f4f6 !important;
}
html:not(.dark-mode) app-limits-status .progress-text {
  color: #4b5563 !important;
}
html:not(.dark-mode) app-limits-status .no-limit-text {
  color: #6b7280 !important;
}
html:not(.dark-mode) app-limits-status .limits-status-badge.status-ok {
  background: #dcfce7 !important;
  color: #16a34a !important;
  border-color: #bbf7d0 !important;
}
html:not(.dark-mode) app-limits-status .limits-status-badge.status-approaching {
  background: #fef3c7 !important;
  color: #d97706 !important;
  border-color: #fed7aa !important;
}
html:not(.dark-mode) app-limits-status .limits-status-badge.status-limit-reached {
  background: #dbeafe !important;
  color: #2563eb !important;
  border-color: #93c5fd !important;
}
html:not(.dark-mode) app-limits-status .limits-status-badge.status-exceeded {
  background: #fecaca !important;
  color: #dc2626 !important;
  border-color: #fca5a5 !important;
}
html:not(.dark-mode) app-limits-status .limit-details {
  background: #f8fafc !important;
  border-top-color: #e5e7eb !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}
html:not(.dark-mode) app-limits-status .limit-details .detail-row .label {
  color: #374151 !important;
}
html:not(.dark-mode) app-limits-status .limit-details .detail-row .value {
  color: #111827 !important;
}
.gate-popover {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  padding: 16px;
}
.gate-popover .gate-popover-header {
  margin-bottom: 12px;
}
.gate-popover .gate-popover-section {
  margin-top: 12px;
}
.gate-popover {
}
.gate-popover .p-select,
.gate-popover .p-multiselect,
.gate-popover .p-inputtext {
  max-width: 100%;
}
.gate-popover {
}
.gate-popover::-webkit-scrollbar {
  width: 6px;
}
.gate-popover::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.gate-popover::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.gate-popover::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
html.dark-mode .gate-popover::-webkit-scrollbar-track {
  background: #343338;
}
html.dark-mode .gate-popover::-webkit-scrollbar-thumb {
  background: #4d4b52;
}
html.dark-mode .gate-popover::-webkit-scrollbar-thumb:hover {
  background: #706c77;
}
.menu-popover {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.app-popover {
  z-index: 10000 !important;
  position: fixed !important;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
html.dark-mode .app-popover {
  background: #2d2b31;
  border-color: #3f3d44;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
::ng-deep .p-confirmdialog .p-dialog-header {
  background:
    linear-gradient(
      135deg,
      #667eea 0%,
      #764ba2 100%) !important;
  color: white !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 1.25rem 1.5rem !important;
  border-bottom: none !important;
}
::ng-deep .p-confirmdialog .p-dialog-header .p-dialog-title {
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  color: white !important;
}
::ng-deep .p-confirmdialog .p-dialog-header .p-dialog-header-icon {
  color: white !important;
  width: 2rem !important;
  height: 2rem !important;
}
::ng-deep .p-confirmdialog .p-dialog-header .p-dialog-header-icon:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
::ng-deep .p-confirmdialog .p-dialog-header .p-dialog-header-icon:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.3) !important;
}
::ng-deep .p-confirmdialog .p-dialog-content {
  padding: 2rem 1.5rem !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}
::ng-deep .p-confirmdialog .p-dialog-content .p-confirm-dialog-icon {
  font-size: 2.5rem !important;
  color: #f59e0b !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
}
::ng-deep .p-confirmdialog .p-dialog-content .p-confirm-dialog-message {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: #374151 !important;
  flex: 1 !important;
  word-break: break-word !important;
}
::ng-deep .p-confirmdialog .p-dialog-footer {
  padding: 1rem 1.5rem 1.5rem !important;
  border-top: 1px solid #e5e7eb !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
}
::ng-deep .p-confirmdialog .p-dialog-footer .p-button {
  min-width: 100px !important;
  padding: 0.625rem 1.25rem !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
::ng-deep .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-accept {
  background:
    linear-gradient(
      135deg,
      #667eea 0%,
      #764ba2 100%) !important;
  border-color: #667eea !important;
}
::ng-deep .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-accept:hover {
  background:
    linear-gradient(
      135deg,
      #5568d3 0%,
      #63408b 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4) !important;
}
::ng-deep .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-accept:focus {
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.5) !important;
}
::ng-deep .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject {
  background: #f3f4f6 !important;
  border-color: #d1d5db !important;
  color: #374151 !important;
}
::ng-deep .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject:hover {
  background: #e5e7eb !important;
  border-color: #9ca3af !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}
::ng-deep .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject:focus {
  box-shadow: 0 0 0 0.2rem rgba(156, 163, 175, 0.5) !important;
}
::ng-deep .p-confirmdialog.p-dialog {
  border-radius: 8px !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
}
::ng-deep .p-confirmdialog {
}
[dir=rtl] ::ng-deep .p-confirmdialog .p-dialog-content .p-confirm-dialog-icon {
  margin-left: 1rem !important;
  margin-right: 0 !important;
}
[dir=rtl] ::ng-deep .p-confirmdialog .p-dialog-footer {
  justify-content: flex-start !important;
}
html.dark-mode ::ng-deep .p-confirmdialog .p-dialog-content {
  background: #2d2b31 !important;
}
html.dark-mode ::ng-deep .p-confirmdialog .p-dialog-content .p-confirm-dialog-message {
  color: #dcdbde !important;
}
html.dark-mode ::ng-deep .p-confirmdialog .p-dialog-footer {
  background: #29282c !important;
  border-top-color: #3f3d44 !important;
}
html.dark-mode ::ng-deep .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject {
  background: #343338 !important;
  border-color: #4d4b52 !important;
  color: #dcdbde !important;
}
html.dark-mode ::ng-deep .p-confirmdialog .p-dialog-footer .p-button.p-confirm-dialog-reject:hover {
  background: #3f3d44 !important;
  border-color: #706c77 !important;
  color: #f0eff2 !important;
}
.p-drawer-mask.p-component-overlay.p-drawer-mask-leave {
  pointer-events: none;
}
.p-drawer.station-edit-drawer {
  width: 600px !important;
  max-width: 90vw !important;
}
.p-drawer.station-edit-drawer .p-drawer-header {
  padding: 1.5rem;
  border-bottom: 1px solid #dee2e6;
}
.p-drawer.station-edit-drawer .p-drawer-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}
.p-drawer.station-edit-drawer .p-drawer-header .p-drawer-close-button {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.p-drawer.station-edit-drawer .p-drawer-header .p-drawer-close-button:hover {
  color: #495057;
  background: rgba(0, 0, 0, 0.04);
}
.p-drawer.station-edit-drawer .p-drawer-header .p-drawer-close-button .pi {
  font-size: 1.25rem;
}
.p-drawer.station-edit-drawer .p-drawer-content {
  padding: 1.5rem;
}
.p-drawer.station-edit-drawer .station-drawer-content .selected-call-group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 6px;
  margin-bottom: 8px;
  border: 1px solid #dee2e6;
}
.p-drawer.station-edit-drawer .station-drawer-content .selected-call-group-item .call-group-info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.p-drawer.station-edit-drawer .station-drawer-content .selected-call-group-item .call-group-info .color-indicator {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
.p-drawer.station-edit-drawer .station-drawer-content .selected-call-group-item .reorder-buttons {
  display: flex;
  gap: 4px;
}
.p-drawer.station-edit-drawer .station-drawer-content .selected-call-group-item .reorder-buttons button {
  min-width: 32px;
  height: 32px;
  padding: 4px;
}
.p-drawer.station-edit-drawer .station-drawer-content .selected-call-group-item .reorder-buttons button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
html.dark-mode .p-drawer.station-edit-drawer {
  background: #2d2b31;
  color: #dcdbde;
}
html.dark-mode .p-drawer.station-edit-drawer .p-drawer-header {
  border-bottom-color: #3f3d44;
  color: #dcdbde;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer .station-section {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: #3f3d44 !important;
}
html.dark-mode .p-drawer.station-edit-drawer .station-section .station-section-legend {
  color: #a78bd4 !important;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer [style*="border-bottom: 1px solid #dee2e6"] {
  border-bottom-color: #3f3d44 !important;
}
html.dark-mode .p-drawer.station-edit-drawer [style*="border-top: 1px solid #dee2e6"] {
  border-top-color: #3f3d44 !important;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer .station-drawer-footer {
  border-top-color: #3f3d44 !important;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer label,
html.dark-mode .p-drawer.station-edit-drawer .fz-12,
html.dark-mode .p-drawer.station-edit-drawer .form-helper {
  color: #c5c3c9 !important;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer .restriction-rule-card {
  background: rgba(255, 255, 255, 0.04);
  border-color: #3f3d44 !important;
}
html.dark-mode .p-drawer.station-edit-drawer .restriction-rule-card.rule-has-error {
  background: rgba(220, 53, 69, 0.08);
  border-color: rgba(220, 53, 69, 0.5) !important;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer input[type=time] {
  background: #343338 !important;
  color: #dcdbde !important;
  border-color: #4d4b52 !important;
  color-scheme: dark;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer [style*="border-color: rgb(222, 226, 230)"],
html.dark-mode .p-drawer.station-edit-drawer [style*="border-color: #dee2e6"] {
  border-color: #4d4b52 !important;
  color: #c5c3c9 !important;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer .reorder-buttons button {
  border-color: #4d4b52 !important;
}
html.dark-mode .p-drawer.station-edit-drawer .reorder-buttons button i {
  color: #c5c3c9 !important;
}
html.dark-mode .p-drawer.station-edit-drawer .station-drawer-content .selected-call-group-item {
  background: #343338;
  border-color: #3f3d44;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer .p-input-filled .p-multiselect,
html.dark-mode .p-drawer.station-edit-drawer .p-multiselect {
  background: #343338 !important;
  color: #dcdbde !important;
  border-color: #4d4b52 !important;
}
html.dark-mode .p-drawer.station-edit-drawer .p-input-filled .p-multiselect .p-multiselect-label,
html.dark-mode .p-drawer.station-edit-drawer .p-multiselect .p-multiselect-label {
  color: #dcdbde !important;
}
html.dark-mode .p-drawer.station-edit-drawer .p-input-filled .p-multiselect .p-multiselect-label.p-placeholder,
html.dark-mode .p-drawer.station-edit-drawer .p-multiselect .p-multiselect-label.p-placeholder {
  color: #706c77 !important;
}
html.dark-mode .p-drawer.station-edit-drawer .p-input-filled .p-multiselect .p-multiselect-dropdown,
html.dark-mode .p-drawer.station-edit-drawer .p-multiselect .p-multiselect-dropdown {
  color: #c5c3c9 !important;
}
html.dark-mode .p-drawer.station-edit-drawer .p-multiselect:not(.p-disabled):hover {
  border-color: #706c77 !important;
}
html.dark-mode .p-drawer.station-edit-drawer .p-multiselect:not(.p-disabled).p-focus {
  background: #29282c !important;
  border-color: #9578d3 !important;
}
html.dark-mode .p-drawer.station-edit-drawer {
}
html.dark-mode .p-drawer.station-edit-drawer .btn.btn-extra-outline {
  background: #343338 !important;
  border-color: #4d4b52 !important;
  color: #c5c3c9 !important;
}
html.dark-mode .p-drawer.station-edit-drawer .btn.btn-extra-outline.active,
html.dark-mode .p-drawer.station-edit-drawer .btn.btn-extra-outline:active {
  background: #3a3650 !important;
  border-color: #9578d3 !important;
  color: #dcdbde !important;
}
html.dark-mode .p-drawer.station-edit-drawer .btn.btn-extra-outline:hover:not(.active) {
  background: #3f3d44 !important;
  color: #dcdbde !important;
}
.rtl-pagination {
  direction: rtl;
}
.rtl-pagination ::ng-deep .p-paginator {
  direction: rtl;
}
.rtl-pagination ::ng-deep .p-paginator .p-paginator-first .p-paginator-icon,
.rtl-pagination ::ng-deep .p-paginator .p-paginator-prev .p-paginator-icon,
.rtl-pagination ::ng-deep .p-paginator .p-paginator-next .p-paginator-icon,
.rtl-pagination ::ng-deep .p-paginator .p-paginator-last .p-paginator-icon {
  transform: scaleX(-1);
  display: inline-block;
}
.rtl-pagination ::ng-deep .p-paginator .p-paginator-first {
  margin-left: 0.5rem;
  margin-right: 0;
}
.rtl-pagination ::ng-deep .p-paginator .p-paginator-prev {
  margin-left: 0.25rem;
  margin-right: 0;
}
.rtl-pagination ::ng-deep .p-paginator .p-paginator-next {
  margin-right: 0.25rem;
  margin-left: 0;
}
.rtl-pagination ::ng-deep .p-paginator .p-paginator-last {
  margin-right: 0.5rem;
  margin-left: 0;
}
.rtl-pagination ::ng-deep .p-paginator .p-paginator-current {
  text-align: right;
  direction: rtl;
}
.rtl-pagination ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page {
  direction: ltr;
}
:not(.rtl-pagination) ::ng-deep .p-paginator .p-paginator-first .p-paginator-icon,
:not(.rtl-pagination) ::ng-deep .p-paginator .p-paginator-prev .p-paginator-icon,
:not(.rtl-pagination) ::ng-deep .p-paginator .p-paginator-next .p-paginator-icon,
:not(.rtl-pagination) ::ng-deep .p-paginator .p-paginator-last .p-paginator-icon {
  transform: scaleX(1);
}
[dir=rtl] .p-datepicker .p-datepicker-header .p-datepicker-prev-button span,
[dir=rtl] .p-datepicker .p-datepicker-header .p-datepicker-next-button span,
[dir=rtl] .p-datepicker .p-datepicker-header .p-datepicker-prev-button svg,
[dir=rtl] .p-datepicker .p-datepicker-header .p-datepicker-next-button svg,
[dir=rtl] .p-datepicker .p-datepicker-header .p-datepicker-prev-button .p-icon,
[dir=rtl] .p-datepicker .p-datepicker-header .p-datepicker-next-button .p-icon,
[dir=rtl] .p-datepicker .p-datepicker-header .p-datepicker-prev-button i,
[dir=rtl] .p-datepicker .p-datepicker-header .p-datepicker-next-button i,
[dir=rtl] .p-datepicker-panel .p-datepicker-header .p-datepicker-prev-button span,
[dir=rtl] .p-datepicker-panel .p-datepicker-header .p-datepicker-next-button span,
[dir=rtl] .p-datepicker-panel .p-datepicker-header .p-datepicker-prev-button svg,
[dir=rtl] .p-datepicker-panel .p-datepicker-header .p-datepicker-next-button svg {
  transform: scaleX(-1) !important;
  display: inline-block !important;
}
[dir=ltr] .p-datepicker .p-datepicker-header .p-datepicker-prev-button span,
[dir=ltr] .p-datepicker .p-datepicker-header .p-datepicker-next-button span,
[dir=ltr] .p-datepicker .p-datepicker-header .p-datepicker-prev-button svg,
[dir=ltr] .p-datepicker .p-datepicker-header .p-datepicker-next-button svg,
[dir=ltr] .p-datepicker .p-datepicker-header .p-datepicker-prev-button .p-icon,
[dir=ltr] .p-datepicker .p-datepicker-header .p-datepicker-next-button .p-icon,
[dir=ltr] .p-datepicker .p-datepicker-header .p-datepicker-prev-button i,
[dir=ltr] .p-datepicker .p-datepicker-header .p-datepicker-next-button i {
  transform: scaleX(1) !important;
  display: inline-block !important;
}
.p-select .p-select-label,
.p-multiselect .p-multiselect-label {
  font-size: 1em !important;
  padding: 0.75em 1.2em !important;
}
.p-select,
.p-multiselect {
  background: #fefefe !important;
}
[dir] .p-input-filled .p-select,
[dir] .p-input-filled .p-multiselect {
  background: #dfe1eb !important;
}
[dir] .p-input-filled .p-select:not(.p-disabled):hover,
[dir] .p-input-filled .p-multiselect:not(.p-disabled):hover {
  background-color: #dfe1eb !important;
}
[dir] .p-input-filled .p-select:not(.p-disabled).p-focus,
[dir] .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background-color: #fefefe !important;
}
.p-select-overlay.p-component-overlay,
.p-multiselect-overlay.p-component-overlay,
.p-autocomplete-overlay.p-component-overlay,
.p-treeselect-overlay.p-component-overlay {
  width: auto !important;
  height: auto !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: 1px solid #d9d8da !important;
  border-radius: 0.4rem !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
.p-multiselect-overlay {
  min-width: 220px;
}
html.dark-mode .p-select-overlay.p-component-overlay,
html.dark-mode .p-multiselect-overlay.p-component-overlay,
html.dark-mode .p-autocomplete-overlay.p-component-overlay {
  background-color: #29282c !important;
  background: #29282c !important;
  border-color: #3f3d44 !important;
  color: #dcdbde !important;
}
html.dark-mode .p-select,
html.dark-mode .p-multiselect {
  background: #29282c !important;
  color: #dcdbde !important;
  border-color: #4d4b52 !important;
}
html.dark-mode [dir] .p-input-filled .p-select,
html.dark-mode [dir] .p-input-filled .p-multiselect {
  background: #343338 !important;
}
html.dark-mode [dir] .p-input-filled .p-select:not(.p-disabled):hover,
html.dark-mode [dir] .p-input-filled .p-multiselect:not(.p-disabled):hover {
  background: #343338 !important;
}
html.dark-mode [dir] .p-input-filled .p-select:not(.p-disabled).p-focus,
html.dark-mode [dir] .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background: #29282c !important;
}
[dir] .p-datepicker,
.p-datepicker {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.p-datepicker-panel {
  background: #ffffff !important;
  border: 1px solid #d9d8da !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}
html.dark-mode .p-datepicker-panel {
  background: #2d2b31 !important;
  border-color: #3f3d44 !important;
  color: #dcdbde !important;
}
html.dark-mode .p-datepicker-panel .p-datepicker-header {
  background: #2d2b31 !important;
  border-bottom-color: #3f3d44 !important;
  color: #dcdbde !important;
}
html.dark-mode .p-datepicker-panel .p-datepicker-day-cell-inner:hover {
  background: #343338 !important;
}
html.dark-mode .p-datepicker-panel td > span:hover {
  background: #343338 !important;
}
.p-inputtext-lg .p-inputtext,
[dir] .p-inputtext-lg .p-inputtext {
  font-size: 1rem !important;
  padding: 0.75em 1.2em !important;
}
.p-input-icon-left p-datepicker,
.p-input-icon-right p-datepicker {
  width: 100% !important;
}
[dir=ltr] .p-input-icon-left:has(> i) p-datepicker .p-datepicker-input,
[dir=ltr] .p-input-icon-left:has(> svg) p-datepicker .p-datepicker-input {
  padding-left: 3.4em !important;
}
[dir=rtl] .p-input-icon-left:has(> i) p-datepicker .p-datepicker-input,
[dir=rtl] .p-input-icon-left:has(> svg) p-datepicker .p-datepicker-input {
  padding-right: 3.4em !important;
}
[dir=ltr] .p-input-icon-right:has(> i) p-datepicker .p-datepicker-input,
[dir=ltr] .p-input-icon-right:has(> svg) p-datepicker .p-datepicker-input {
  padding-right: 3.4em !important;
}
[dir=rtl] .p-input-icon-right:has(> i) p-datepicker .p-datepicker-input,
[dir=rtl] .p-input-icon-right:has(> svg) p-datepicker .p-datepicker-input {
  padding-left: 3.4em !important;
}
.p-password:has(.p-password-toggle-mask-icon) .p-password-input {
  padding-inline-end: 2.5rem !important;
}
.p-drawer-mask {
  pointer-events: none;
}
.p-drawer {
  pointer-events: auto;
  z-index: 10001 !important;
}
p-toast {
  z-index: 10100 !important;
}
.p-dialog-mask {
  z-index: 10050 !important;
}
body > .p-overlay,
body > p-motion:has(> .p-datepicker-panel),
body > .p-datepicker-panel {
  z-index: 10100 !important;
}
.p-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  height: 2rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-inline-end: 8px;
  flex-shrink: 0;
}
.p-avatar.p-avatar-lg {
  width: 3rem !important;
  height: 3rem !important;
}
.p-avatar.p-avatar-xl {
  width: 4rem !important;
  height: 4rem !important;
}
.p-avatar .p-avatar-label {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  text-align: center !important;
  width: 100% !important;
}
[dir] .p-chip {
  padding: 0.375em 1.2em !important;
}
.row-inline p-chip + p-chip {
  margin-inline-start: 4px;
}
[dir] .p-checkbox.p-checkbox-checked .p-checkbox-box {
  border-color: #9578d3 !important;
  background: #9578d3 !important;
}
[dir] .p-input-filled .p-checkbox.p-checkbox-checked .p-checkbox-box {
  border-color: #9578d3 !important;
  background: #9578d3 !important;
}
.p-checkbox-checked .p-checkbox-icon {
  color: #ffffff !important;
  display: block !important;
}
[dir] .p-accordionheader {
  padding: 1.25em !important;
  border: 1px solid #e2e1e4 !important;
  background: #f5f5f6 !important;
  border-radius: 0.4166666667rem !important;
}
.p-accordionheader {
  color: #5d5a64 !important;
  font-weight: 700 !important;
  transition: none !important;
}
.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {
  color: #5d5a64 !important;
}
[dir] .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {
  background: #ecebed !important;
  border-color: #e2e1e4 !important;
}
[dir=ltr] .p-accordionpanel-active > .p-accordionheader {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
[dir=rtl] .p-accordionpanel-active > .p-accordionheader {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[dir] .p-accordionpanel-active:not(.p-disabled) > .p-accordionheader:hover {
  background: #ecebed !important;
  border-color: #e2e1e4 !important;
}
[dir] .p-accordioncontent-content {
  padding: 1.25em !important;
  border: 1px solid #e2e1e4 !important;
  border-top: 0 !important;
  background: #fefefe !important;
}
[dir=ltr] .p-accordioncontent-content {
  border-radius: 0 0 0.4166666667rem 0.4166666667rem !important;
}
[dir=rtl] .p-accordioncontent-content {
  border-radius: 0 0 0.4166666667rem 0.4166666667rem !important;
}
[dir] .p-accordionpanel:not(:first-child) > .p-accordionheader {
  border-top: 0 !important;
  border-radius: 0 !important;
}
[dir=ltr] .p-accordionpanel:first-child > .p-accordionheader {
  border-top-right-radius: 0.4166666667rem !important;
  border-top-left-radius: 0.4166666667rem !important;
}
[dir=rtl] .p-accordionpanel:first-child > .p-accordionheader {
  border-top-left-radius: 0.4166666667rem !important;
  border-top-right-radius: 0.4166666667rem !important;
}
[dir=ltr] .p-accordionpanel:last-child:not(.p-accordionpanel-active) > .p-accordionheader {
  border-bottom-right-radius: 0.4166666667rem !important;
  border-bottom-left-radius: 0.4166666667rem !important;
}
[dir=rtl] .p-accordionpanel:last-child:not(.p-accordionpanel-active) > .p-accordionheader {
  border-bottom-left-radius: 0.4166666667rem !important;
  border-bottom-right-radius: 0.4166666667rem !important;
}
html.dark-mode [dir] .p-accordionheader {
  background: #343338 !important;
  border-color: #3f3d44 !important;
}
html.dark-mode .p-accordionheader {
  color: #dcdbde !important;
}
html.dark-mode .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {
  color: #f0eff2 !important;
}
html.dark-mode [dir] .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {
  background: #3f3d44 !important;
  border-color: #4d4b52 !important;
}
html.dark-mode [dir] .p-accordionpanel-active:not(.p-disabled) > .p-accordionheader:hover {
  background: #3f3d44 !important;
  border-color: #4d4b52 !important;
}
html.dark-mode [dir] .p-accordioncontent-content {
  background: #29282c !important;
  border-color: #3f3d44 !important;
  color: #dcdbde !important;
}
.floatbar .p-drawer-header {
  display: none !important;
}
[dir=ltr] .floatbar .p-drawer-content {
  padding-left: 0;
  padding-right: 0;
}
[dir=rtl] .floatbar .p-drawer-content {
  padding-right: 0;
  padding-left: 0;
}
.floatbar.requirement-submission-drawer .p-drawer-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.floatbar.requirement-submission-drawer .sidebar-content,
.floatbar.requirement-submission-drawer .sidebar-content > form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.floatbar.requirement-submission-drawer .floatbar-section {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.floatbar.vehicle-drawer .sidebar-content,
.floatbar.hme-drawer .sidebar-content {
  height: auto;
  min-height: 100%;
  overflow: visible;
}
[dir] .double-tabs .p-tablist {
  background: transparent;
  border: none;
  width: 100%;
}
.double-tabs .p-tablist-active-bar {
  display: none !important;
}
[dir] .double-tabs .p-tablist-tab-list {
  background: transparent;
  border: none;
  width: 100%;
}
[dir] .double-tabs .p-tablist-content {
  width: 100%;
  overflow: hidden;
}
.double-tabs .p-tablist-prev-button,
.double-tabs .p-tablist-next-button {
  display: none !important;
}
[dir] .double-tabs .p-tablist-content {
  border-radius: 5px;
  padding: 4px;
  background-color: #eff1fa;
}
html.dark-mode [dir] .double-tabs .p-tablist-content {
  background-color: #343338;
}
.double-tabs .p-tab {
  flex: 1 1 50%;
  height: 26px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(46, 47, 69, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-transform: capitalize;
}
[dir] .double-tabs .p-tab {
  border: none !important;
  margin: 0 !important;
  background-color: transparent !important;
  padding: 0 20px;
  border-radius: 5px;
  text-decoration: none;
}
.double-tabs .p-tab .badge {
  color: #fff;
}
[dir] .double-tabs .p-tab .badge {
  background-color: #a5b8f0;
}
[dir=ltr] .double-tabs .p-tab .badge {
  margin-left: 0.5em;
}
[dir=rtl] .double-tabs .p-tab .badge {
  margin-right: 0.5em;
}
[dir] .double-tabs .p-tab:hover:not([aria-selected=true]) {
  background-color: #dbe3f9 !important;
}
.double-tabs .p-tab[aria-selected=true] {
  font-weight: 700;
  color: #fff;
}
[dir] .double-tabs .p-tab[aria-selected=true] {
  background-color: #a5b8f0 !important;
}
.double-tabs .p-tab[aria-selected=true] .badge {
  color: #a5b8f0;
}
[dir] .double-tabs .p-tab[aria-selected=true] .badge {
  background-color: #fff;
}
.dashboard-center-layout.has-sidebar {
  min-height: calc(100vh - 74px);
}
@media print {
  body,
  [dir] body,
  [dir=ltr] body,
  [dir=rtl] body {
    min-width: 0 !important;
    width: 100% !important;
  }
  app-dashboard-navbar,
  app-dashboard-sidebar,
  .p-tablist,
  app-interactive-guide,
  .help-center-side {
    display: none !important;
  }
  [dir] .layout-dashboard,
  [dir=ltr] .layout-dashboard,
  [dir=rtl] .layout-dashboard {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  [dir] .dashboard-container {
    padding: 0 !important;
  }
  .layout,
  .layout-dashboard {
    display: block !important;
  }
  p-tabs,
  .p-tabs,
  .help-tabs,
  .help-center-page,
  .help-center-shell,
  .help-center-grid,
  .help-center-content,
  .p-tabpanels,
  .p-tabpanel {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}
.place-autocomplete-wrap {
  display: block;
}
.place-autocomplete-wrap gmp-place-autocomplete {
  width: 100%;
  display: block;
}
gmp-place-autocomplete {
  display: block;
  width: 100%;
  position: relative;
  border-radius: 6px;
}
gmp-place-autocomplete::part(input) {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: var(--p-inputtext-background, #ffffff);
  border: 1px solid var(--p-inputtext-border-color, #d1d5db);
  border-radius: 6px;
  padding: 0.75rem 1.2rem;
  font-family: inherit;
  font-size: 1rem;
  color: var(--p-inputtext-color, #374151);
  outline: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  cursor: text;
  transition: border-color 0.2s, box-shadow 0.2s;
}
gmp-place-autocomplete::part(input):focus {
  border-color: var(--p-primary-color, #9578d3);
  box-shadow: 0 0 0 3px rgba(149, 120, 211, 0.14);
}
[dir] .p-input-filled gmp-place-autocomplete,
[dir] .p-input-filled-light gmp-place-autocomplete {
  background: #dfe1eb;
}
[dir] .p-input-filled gmp-place-autocomplete::part(input),
[dir] .p-input-filled-light gmp-place-autocomplete::part(input) {
  background: #dfe1eb;
  border: none;
}
[dir] .p-input-filled gmp-place-autocomplete::part(input):focus,
[dir] .p-input-filled-light gmp-place-autocomplete::part(input):focus {
  background: #fefefe;
  border-color: var(--p-primary-color, #9578d3);
}

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons-RSSEDYLY.eot");
  src:
    url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-4GST5W3O.woff2") format("woff2"),
    url("./media/primeicons-P53SE5CV.woff") format("woff"),
    url("./media/primeicons-GEFHGEHP.ttf") format("truetype"),
    url("./media/primeicons-DHQU4SEP.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* src/assets/fonts/yabi-icons.css */
@font-face {
  font-family: yabi-icons;
  src: url(/assets/fonts/ungic.eot);
  src:
    url(/assets/fonts/ungic.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/ungic.woff2) format("woff2"),
    url(/assets/fonts/ungic.woff) format("woff"),
    url(/assets/fonts/ungic.ttf) format("truetype"),
    url(/assets/fonts/ungic.svg#icon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.icon {
  font-family: yabi-icons !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon::selection {
  background-color: transparent;
}
.icon-label {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.icon-area:before {
  content: "\f100";
}
.icon-arrow_down:before {
  content: "\f101";
}
.icon-arrow_top:before {
  content: "\f102";
}
.icon-ball:before {
  content: "\f103";
}
.icon-bell:before {
  content: "\f104";
}
.icon-border:before {
  content: "\f105";
}
.icon-calendar_fill:before {
  content: "\f106";
}
.icon-calendar_time:before {
  content: "\f107";
}
.icon-calendar:before {
  content: "\f108";
}
.icon-check:before {
  content: "\f109";
}
.icon-close_circle_outline:before {
  content: "\f10a";
}
.icon-dotes:before {
  content: "\f10b";
}
.icon-drag:before {
  content: "\f10c";
}
.icon-emergency:before {
  content: "\f10d";
}
.icon-filter:before {
  content: "\f10e";
}
.icon-grid_row:before {
  content: "\f10f";
}
.icon-grid:before {
  content: "\f110";
}
.icon-import:before {
  content: "\f111";
}
.icon-left:before {
  content: "\f112";
}
.icon-light:before {
  content: "\f113";
}
.icon-link:before {
  content: "\f114";
}
.icon-location_cancel:before {
  content: "\f115";
}
.icon-location:before {
  content: "\f116";
}
.icon-lock:before {
  content: "\f117";
}
.icon-mail:before {
  content: "\f118";
}
.icon-map:before {
  content: "\f119";
}
.icon-mask:before {
  content: "\f11a";
}
.icon-more_horizontal:before {
  content: "\f11b";
}
.icon-night:before {
  content: "\f11c";
}
.icon-page:before {
  content: "\f11d";
}
.icon-path:before {
  content: "\f11e";
}
.icon-pencil_fill:before {
  content: "\f11f";
}
.icon-pencil:before {
  content: "\f120";
}
.icon-peoples:before {
  content: "\f121";
}
.icon-photo:before {
  content: "\f122";
}
.icon-plus_o:before {
  content: "\f123";
}
.icon-plus:before {
  content: "\f124";
}
.icon-refresh:before {
  content: "\f125";
}
.icon-right:before {
  content: "\f126";
}
.icon-search:before {
  content: "\f127";
}
.icon-send:before {
  content: "\f128";
}
.icon-settings:before {
  content: "\f129";
}
.icon-sound_bold:before {
  content: "\f12a";
}
.icon-sound:before {
  content: "\f12b";
}
.icon-statistics:before {
  content: "\f12c";
}
.icon-target:before {
  content: "\f12d";
}
.icon-ticket:before {
  content: "\f12e";
}
.icon-time:before {
  content: "\f12f";
}
.icon-trash:before {
  content: "\f130";
}
.icon-trending_down:before {
  content: "\f131";
}
.icon-trending_up:before {
  content: "\f132";
}
.icon-users:before {
  content: "\f133";
}
.icon-visible:before {
  content: "\f134";
}
.icon-volume:before {
  content: "\f135";
}
.icon-warning:before {
  content: "\f136";
}
.icon-xls:before {
  content: "\f137";
}

/* node_modules/ngx-spinner/animations/ball-scale-multiple.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-scale-multiple,
.la-ball-scale-multiple > div {
  position: relative;
  box-sizing: border-box;
}
.la-ball-scale-multiple {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-scale-multiple.la-dark {
  color: #333;
}
.la-ball-scale-multiple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-scale-multiple {
  width: 32px;
  height: 32px;
}
.la-ball-scale-multiple > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  opacity: 0;
  animation: ball-scale-multiple 1s 0s linear infinite;
}
.la-ball-scale-multiple > div:nth-child(2) {
  animation-delay: 0.2s;
}
.la-ball-scale-multiple > div:nth-child(3) {
  animation-delay: 0.4s;
}
.la-ball-scale-multiple.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-sm > div {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-2x > div {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-scale-multiple.la-3x > div {
  width: 96px;
  height: 96px;
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  5% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* angular:styles/global:styles */