.looks-clickable {
  cursor: pointer;
}

:root {
  --bs-primary: #173e6a;
  --bs-primary-rgb: 23, 62, 106;
  --bs-primary-text-emphasis: #102d4e;
  --bs-primary-bg-subtle: #d0deec;
  --bs-primary-border-subtle: #a2bad4;
  --bs-link-color: #173e6a;
  --bs-link-color-rgb: 23, 62, 106;
  --bs-link-hover-color: #12345a;
  --bs-link-hover-color-rgb: 18, 52, 90;
  --bs-focus-ring-color: rgba(23, 62, 106, 0.28);
  --bs-pagination-active-color: #ffffff;
  --bs-pagination-active-bg: #173e6a;
  --bs-pagination-active-border-color: #173e6a;
}

.text-primary {
  color: #173e6a !important;
}

.bg-primary {
  background-color: #173e6a !important;
}

.border-primary {
  border-color: #173e6a !important;
}

.link-primary {
  color: #173e6a !important;
}

.link-primary:hover,
.link-primary:focus {
  color: #12345a !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #173e6a;
  --bs-btn-border-color: #173e6a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #12345a;
  --bs-btn-hover-border-color: #12345a;
  --bs-btn-focus-shadow-rgb: 23, 62, 106;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0f2947;
  --bs-btn-active-border-color: #0f2947;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #173e6a;
  --bs-btn-disabled-border-color: #173e6a;
}

.btn-outline-primary {
  --bs-btn-color: #173e6a;
  --bs-btn-border-color: #173e6a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #173e6a;
  --bs-btn-hover-border-color: #173e6a;
  --bs-btn-focus-shadow-rgb: 23, 62, 106;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #12345a;
  --bs-btn-active-border-color: #12345a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #173e6a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #173e6a;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #9a7a00;
  --bs-btn-border-color: #9a7a00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9a7a00;
  --bs-btn-hover-border-color: #9a7a00;
  --bs-btn-focus-shadow-rgb: 154, 122, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7f6500;
  --bs-btn-active-border-color: #7f6500;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #9a7a00;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #9a7a00;
  --bs-gradient: none;
}

.page-link.active,
.active > .page-link {
  color: #ffffff;
  background-color: #173e6a;
  border-color: #173e6a;
}

/* SweetAlert2 theme overrides */
div:where(.swal2-container) .swal2-popup {
  border: 1px solid #d6e2ee;
  border-radius: 1rem;
  box-shadow: 0 20px 50px rgba(15, 41, 71, 0.2);
  padding: 1.5rem 1.5rem 1.25rem;
  font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

div:where(.swal2-container) .swal2-title {
  color: #102d4e;
  font-size: 1.35rem;
  font-weight: 700;
}

div:where(.swal2-container) .swal2-html-container {
  color: #38506b;
  font-size: 1rem;
}

div:where(.swal2-container) .swal2-input,
div:where(.swal2-container) .swal2-select,
div:where(.swal2-container) .swal2-textarea {
  border: 1px solid #b9cce0;
  border-radius: 0.65rem;
  font-size: 0.98rem;
}

div:where(.swal2-container) .swal2-input:focus,
div:where(.swal2-container) .swal2-select:focus,
div:where(.swal2-container) .swal2-textarea:focus {
  border-color: #173e6a;
  box-shadow: 0 0 0 0.2rem rgba(23, 62, 106, 0.2);
}

div:where(.swal2-container) .swal2-styled.swal2-confirm {
  background-color: #173e6a;
  border: 1px solid #173e6a;
  color: #ffffff;
  border-radius: 0.6rem;
  font-weight: 600;
  box-shadow: none;
}

div:where(.swal2-container) .swal2-styled.swal2-confirm:hover {
  background-color: #12345a;
  border-color: #12345a;
}

div:where(.swal2-container) .swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 62, 106, 0.25);
}

div:where(.swal2-container) .swal2-styled.swal2-confirm:active {
  background-color: #0f2947;
  border-color: #0f2947;
}

div:where(.swal2-container) .swal2-styled.swal2-confirm.swal2-styled-custom-primary {
  background-color: #173e6a;
  border-color: #173e6a;
  color: #ffffff;
}

div:where(.swal2-container) .swal2-styled.swal2-confirm.swal2-styled-custom-primary:hover {
  background-color: #12345a;
  border-color: #12345a;
}

div:where(.swal2-container) .swal2-styled.swal2-confirm.swal2-styled-custom-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 62, 106, 0.25);
}

div:where(.swal2-container) .swal2-styled.swal2-confirm.swal2-styled-custom-primary:active {
  background-color: #0f2947;
  border-color: #0f2947;
}

div:where(.swal2-container) .swal2-styled.swal2-confirm.swal2-styled-custom-danger {
  background-color: #d33;
  border-color: #d33;
  color: #ffffff;
}

div:where(.swal2-container) .swal2-styled.swal2-confirm.swal2-styled-custom-danger:hover {
  background-color: #b92b2b;
  border-color: #b92b2b;
}

div:where(.swal2-container) .swal2-styled.swal2-confirm.swal2-styled-custom-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 51, 51, 0.25);
}

div:where(.swal2-container) .swal2-styled.swal2-confirm.swal2-styled-custom-danger:active {
  background-color: #a52424;
  border-color: #a52424;
}

div:where(.swal2-container) .swal2-styled.swal2-cancel {
  border-radius: 0.6rem;
  font-weight: 600;
}

.app-sidebar[data-bs-theme="kiosk"] {
  --bs-secondary-bg: #12345a;
  --lte-sidebar-color: #c8dcf4;
  --lte-sidebar-hover-color: #ffffff;
  --lte-sidebar-active-color: #ffffff;
  --lte-sidebar-menu-active-bg: rgba(94, 181, 255, 0.22);
  --lte-sidebar-menu-active-color: #ffffff;
  --lte-sidebar-hover-bg: rgba(94, 181, 255, 0.16);
  --lte-sidebar-submenu-bg: rgba(9, 21, 40, 0.36);
  --lte-sidebar-submenu-color: #b9d0ee;
  --lte-sidebar-submenu-hover-color: #ffffff;
  --lte-sidebar-submenu-hover-bg: rgba(117, 196, 255, 0.16);
  --lte-sidebar-submenu-active-color: #ffffff;
  --lte-sidebar-submenu-active-bg: rgba(117, 196, 255, 0.24);
  --lte-sidebar-header-color: #e4f0ff;
  background-image: linear-gradient(165deg, #173e6a 0%, #12345a 52%, #0f2947 100%);
  border-right: 1px solid rgba(159, 210, 255, 0.22);
}

.app-sidebar[data-bs-theme="kiosk"] .sidebar-brand {
  border-bottom: 1px solid rgba(159, 210, 255, 0.22);
}

.app-sidebar[data-bs-theme="kiosk"] .sidebar-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(173, 218, 255, 0.35);
}

.app-sidebar[data-bs-theme="kiosk"] .sidebar-wrapper .sidebar-menu > .nav-item.menu-open > .nav-link.active:not(:hover) {
  background-color: var(--lte-sidebar-menu-active-bg);
}

.app-sidebar[data-bs-theme="kiosk"] .sidebar-wrapper .sidebar-menu > .nav-item.menu-open > .nav-link {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.app-sidebar[data-bs-theme="kiosk"] .sidebar-wrapper .sidebar-menu > .nav-item.menu-open > .nav-treeview {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  overflow: hidden;
}

.app-sidebar[data-bs-theme="kiosk"] .sidebar-wrapper .nav-treeview > .nav-item:last-child > .nav-link {
  margin-bottom: 0;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
