/* Reusable vivid red palette, scoped to the selected preset and default template. */
body.app-template--default[data-pc-preset="preset-vivid-red"] {
  --pc-sidebar-active-color: #E30018;
  --bs-blue: #E30018;
  --bs-primary: #E30018;
  --bs-primary-rgb: 227, 0, 24;
  --bs-primary-bg-subtle: #FFF1F2;
  --bs-primary-border-subtle: #E30018;
  --bs-primary-text-emphasis: #990010;
  --bs-primary-light: #FFF1F2;
  --bs-link-color: #E30018;
  --bs-link-color-rgb: 227, 0, 24;
  --bs-link-hover-color: #BB0014;
  --bs-link-hover-color-rgb: 187, 0, 20;
  --dt-row-selected: 227, 0, 24;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .bg-light-primary {
  background: #FFF1F2;
  color: #990010;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .link-primary {
  color: #E30018 !important;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .link-primary:hover, body.app-template--default[data-pc-preset="preset-vivid-red"] .link-primary:focus {
  color: #BB0014 !important;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #E30018;
  --bs-btn-border-color: #E30018;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #BB0014;
  --bs-btn-hover-border-color: #BB0014;
  --bs-btn-focus-shadow-rgb: 227, 0, 24;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #990010;
  --bs-btn-active-border-color: #990010;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #E30018;
  --bs-btn-disabled-border-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-link {
  --bs-btn-color: #E30018;
  --bs-btn-hover-color: #BB0014;
  --bs-btn-active-color: #BB0014;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .text-bg-primary {
  color: #ffffff !important;
  background-color: RGBA(227, 0, 24, var(--bs-bg-opacity, 1)) !important;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .accordion {
  --bs-accordion-btn-focus-border-color: #E30018;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(227, 0, 24, 0.25);
  --bs-accordion-active-color: #990010;
  --bs-accordion-active-bg: #FFF1F2;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E30018'%3e%3cpath fill-rule=' evenodd' d=' M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .alert-primary {
  --bs-alert-color: #990010;
  --bs-alert-bg: #FFF1F2;
  --bs-alert-border-color: #E30018;
  --bs-alert-link-color: #990010;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .list-group {
  --bs-list-group-active-bg: #E30018;
  --bs-list-group-active-border-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .list-group-item-primary {
  color: #990010;
  background-color: #FFF1F2;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .nav {
  --bs-nav-link-hover-color: #BB0014;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .nav-pills {
  --bs-nav-pills-link-active-bg: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .pagination {
  --bs-pagination-hover-color: #BB0014;
  --bs-pagination-focus-color: #BB0014;
  --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(227, 0, 24, 0.25);
  --bs-pagination-active-bg: #E30018;
  --bs-pagination-active-border-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .progress {
  --bs-progress-bar-bg: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check .form-check-input.input-primary:checked {
  border-color: #E30018;
  background-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check .form-check-input.input-light-primary:checked {
  border-color: #FFF1F2;
  background-color: #FFF1F2;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check .form-check-input.input-light-primary:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23E30018' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check .form-check-input.input-light-primary:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23E30018'/%3e%3c/svg%3e");
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check .form-check-input.input-primary:focus[type=checkbox], body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check .form-check-input.input-primary:focus[type=radio], body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check .form-check-input.input-light-primary:focus[type=checkbox], body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check .form-check-input.input-light-primary:focus[type=radio] {
  box-shadow: 0 0 0 0.2rem rgba(227, 0, 24, 0.25);
  border-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check.form-switch .form-check-input.input-light-primary:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E30018'/%3e%3c/svg%3e");
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-light-primary {
  background: #FFF1F2;
  color: #990010;
  border-color: #FFF1F2;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-light-primary .material-icons-two-tone {
  background-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-light-primary:hover {
  background: #E30018;
  color: #fff;
  border-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-light-primary.focus, body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-light-primary:focus {
  background: #E30018;
  color: #fff;
  border-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-light-primary:not(:disabled):not(.disabled).active, body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-light-primary:not(:disabled):not(.disabled):active, body.app-template--default[data-pc-preset="preset-vivid-red"] .show > .btn-light-primary.dropdown-toggle {
  background: #E30018;
  color: #fff;
  border-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-check:active + .btn-light-primary,
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-check:checked + .btn-light-primary {
  background: #E30018;
  color: #fff;
  border-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-link-primary {
  background: transparent;
  color: #E30018;
  border-color: transparent;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-link-primary .material-icons-two-tone {
  background-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-link-primary:hover {
  background: #FFF1F2;
  color: #990010;
  border-color: #FFF1F2;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-link-primary.focus, body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-link-primary:focus {
  background: #FFF1F2;
  color: #990010;
  border-color: #FFF1F2;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-link-primary:not(:disabled):not(.disabled).active, body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-link-primary:not(:disabled):not(.disabled):active, body.app-template--default[data-pc-preset="preset-vivid-red"] .show > .btn-link-primary.dropdown-toggle {
  background: #FFF1F2;
  color: #990010;
  border-color: #FFF1F2;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-check:active + .btn-link-primary,
body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-check:checked + .btn-link-primary {
  background: #FFF1F2;
  color: #990010;
  border-color: #FFF1F2;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .table-primary {
  --bs-table-color: #ffffff;
  --bs-table-bg: #E30018;
  --bs-table-border-color: #BB0014;
  --bs-table-striped-bg: #BB0014;
  --bs-table-striped-color: #ffffff;
  --bs-table-active-bg: #BB0014;
  --bs-table-active-color: #ffffff;
  --bs-table-hover-bg: #BB0014;
  --bs-table-hover-color: #ffffff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}


body.app-template--default[data-pc-preset="preset-vivid-red"] .btn-outline-primary {
  --bs-btn-color: #E30018;
  --bs-btn-border-color: #E30018;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #BB0014;
  --bs-btn-hover-border-color: #BB0014;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #990010;
  --bs-btn-active-border-color: #990010;
  --bs-btn-disabled-color: #E30018;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #E30018;
  --bs-btn-focus-shadow-rgb: 227, 0, 24;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-control:focus,
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-select:focus,
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check-input:not([class*="input-"]):focus {
  border-color: #E30018;
  box-shadow: 0 0 0 0.2rem rgba(227, 0, 24, 0.25);
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .form-check-input:not([class*="input-"]):checked {
  background-color: #E30018;
  border-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .dropdown-item.active,
body.app-template--default[data-pc-preset="preset-vivid-red"] .dropdown-item:active {
  color: #fff;
  background-color: #E30018;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .pc-sidebar .pc-item.active > .pc-link,
body.app-template--default[data-pc-preset="preset-vivid-red"] .pc-sidebar .pc-item:focus-within > .pc-link {
  color: #990010;
  background-color: #FFF1F2;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .pc-sidebar .pc-item.active > .pc-link .pc-micon,
body.app-template--default[data-pc-preset="preset-vivid-red"] .pc-sidebar .pc-item.active > .pc-link .pc-arrow {
  color: inherit;
}
body.app-template--default[data-pc-preset="preset-vivid-red"] .pagination { --bs-pagination-color: #E30018; }
body.app-template--default[data-pc-preset="preset-vivid-red"] :focus-visible { outline: 2px solid #990010; outline-offset: 2px; }
body.app-template--default[data-pc-preset="preset-vivid-red"] ::selection { background: #E30018; color: #fff; }

body.app-template--default[data-pc-preset="preset-vivid-red"] .bg-primary-subtle.text-primary,
body.app-template--default[data-pc-preset="preset-vivid-red"] .bg-light-primary.text-primary {
  color: #990010 !important;
}