/*
 * Need2Code theme core.
 * Load after DevExpress/XAF Bootstrap or Fluent theme assets and before a concrete Need2Code theme.
 */
:root,
[data-bs-theme=light] {
  color-scheme: light;
  --n2c-theme-primary: #060300;
  --n2c-theme-primary-rgb: 6, 3, 0;
  --n2c-theme-accent: #0a5959;
  --n2c-theme-accent-rgb: 10, 89, 89;
  --n2c-theme-info: #00a9e6;
  --n2c-theme-danger: #aa2519;
  --n2c-theme-surface: #ffffff;
  --n2c-theme-surface-muted: #f3f5f5;
  --n2c-theme-surface-strong: #e7ecec;
  --n2c-theme-border: #cfd8d8;
  --n2c-theme-text: #182020;
  --n2c-theme-text-muted: #526060;
  --n2c-theme-focus: rgba(var(--n2c-theme-accent-rgb), 0.28);
  --n2c-theme-density-unit: 0.25rem;
  --n2c-app-brand-logo-size: 2rem;
  --n2c-app-brand-font-size: 1rem;
  --bs-primary: var(--n2c-theme-primary);
  --bs-primary-rgb: var(--n2c-theme-primary-rgb);
  --bs-success: var(--n2c-theme-accent);
  --bs-success-rgb: var(--n2c-theme-accent-rgb);
  --bs-info: var(--n2c-theme-info);
  --bs-danger: var(--n2c-theme-danger);
  --bs-body-font-family: var(--n2c-font-body, "Spline Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --bs-body-font-size: 0.875rem;
  --bs-body-line-height: 1.38;
  --bs-body-color: var(--n2c-theme-text);
  --bs-body-bg: var(--n2c-theme-surface-muted);
  --bs-border-color: var(--n2c-theme-border);
  --bs-border-radius: 0.2rem;
  --bs-border-radius-sm: 0.15rem;
  --bs-border-radius-lg: 0.3rem;
  --bs-focus-ring-color: var(--n2c-theme-focus);
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --n2c-theme-primary: #ffffff;
  --n2c-theme-primary-rgb: 255, 255, 255;
  --n2c-theme-accent: #39a3a3;
  --n2c-theme-accent-rgb: 57, 163, 163;
  --n2c-theme-surface: #171d1d;
  --n2c-theme-surface-muted: #101414;
  --n2c-theme-surface-strong: #263030;
  --n2c-theme-border: #3c4747;
  --n2c-theme-text: #ecf2f2;
  --n2c-theme-text-muted: #b2c0c0;
  --n2c-theme-focus: rgba(var(--n2c-theme-accent-rgb), 0.35);
  --bs-body-color: var(--n2c-theme-text);
  --bs-body-bg: var(--n2c-theme-surface-muted);
  --bs-border-color: var(--n2c-theme-border);
}

html,
body {
  min-height: 100%;
}

body,
.dxbl,
.xaf-main,
#_need2CodeThemeRoot {
  font-family: var(--bs-body-font-family);
  color: var(--n2c-theme-text);
  background: var(--n2c-theme-surface-muted);
  letter-spacing: 0;
}

[data-bs-theme=dark] body,
body.dxbl-fluent-dark,
body.dxbl-theme-dark,
body.n2c-dark,
[data-bs-theme=dark] .dxbl,
[data-bs-theme=dark] .xaf-main,
[data-bs-theme=dark] .xaf-content,
[data-bs-theme=dark] .main,
[data-bs-theme=dark] main,
[data-bs-theme=dark] #_need2CodeThemeRoot,
body.n2c-dark .dxbl,
body.n2c-dark .xaf-main,
body.n2c-dark .xaf-content,
body.n2c-dark .main,
body.n2c-dark main,
body.n2c-dark #_need2CodeThemeRoot {
  color: var(--n2c-theme-text) !important;
  background-color: var(--n2c-theme-surface-muted) !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--n2c-font-heading, var(--bs-body-font-family));
  font-weight: 700;
  line-height: 1.16;
  color: var(--n2c-theme-primary);
}

a {
  color: var(--n2c-theme-accent);
}

.xaf-main,
.xaf-content,
.main,
main {
  background: var(--n2c-theme-surface-muted);
}

.card,
.modal-content,
.accordion-item,
.dxbl-card,
.dxbl-grid,
.dxbl-fl,
.dxbl-tabs,
.dxbl-group-control {
  border-color: var(--n2c-theme-border);
  border-radius: var(--bs-border-radius);
  box-shadow: none;
}

.card,
.modal-content,
.accordion-item,
.dxbl-card,
.dxbl-grid {
  background-color: var(--n2c-theme-surface);
}

.card-header,
.modal-header,
.accordion-header,
.dxbl-card-header,
.dxbl-grid-header-row,
.dxbl-grid-top-panel,
.dxbl-grid-bottom-panel {
  background-color: var(--n2c-theme-surface-strong);
  border-color: var(--n2c-theme-border);
}

.btn,
.dxbl-btn {
  border-radius: var(--bs-border-radius-sm);
  font-family: var(--n2c-font-body, var(--bs-body-font-family));
  font-weight: 600;
}

.btn-primary,
.dxbl-btn-primary {
  --bs-btn-bg: var(--n2c-theme-primary);
  --bs-btn-border-color: var(--n2c-theme-primary);
  --bs-btn-hover-bg: var(--n2c-theme-accent);
  --bs-btn-hover-border-color: var(--n2c-theme-accent);
}

.form-control,
.form-select,
.dxbl-text-edit,
.dxbl-spin-edit,
.dxbl-combobox,
.dxbl-dropdown-edit {
  border-color: var(--n2c-theme-border);
  border-radius: var(--bs-border-radius-sm);
  background-color: var(--n2c-theme-surface);
}

.form-control:focus,
.form-select:focus,
.dxbl-text-edit:focus-within,
.dxbl-spin-edit:focus-within,
.dxbl-combobox:focus-within,
.dxbl-dropdown-edit:focus-within {
  border-color: var(--n2c-theme-accent);
  box-shadow: 0 0 0 0.18rem var(--n2c-theme-focus);
}

.dxbl-grid .dxbl-grid-table > tbody > tr:hover > td {
  background-color: rgba(var(--n2c-theme-accent-rgb), 0.08);
}

.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td,
.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td {
  background-color: rgba(var(--n2c-theme-accent-rgb), 0.14);
}

.xaf-application-title,
.xaf-header .navbar-brand,
.xaf-main-header .navbar-brand,
.navbar-brand,
.header-logo,
[class*=application-title i],
[class*=app-title i] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.2rem;
  color: var(--n2c-theme-text);
  font-size: var(--n2c-app-brand-font-size, 1rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0;
}

.header-logo {
  width: var(--n2c-app-brand-logo-size, 2rem);
  min-width: var(--n2c-app-brand-logo-size, 2rem);
  height: var(--n2c-app-brand-logo-size, 2rem);
  border-radius: 50%;
  justify-content: center;
  background-color: var(--n2c-theme-accent) !important;
  color: #fff !important;
  overflow: hidden;
}

.header-logo::after {
  content: "T";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1;
}

.main-ribbon-template .header-left-side,
#main-ribbon-window-template-component .header-left-side {
  flex: 0 0 calc(var(--n2c-app-brand-logo-size, 2rem) + 1rem);
  width: calc(var(--n2c-app-brand-logo-size, 2rem) + 1rem);
  min-width: calc(var(--n2c-app-brand-logo-size, 2rem) + 1rem);
  justify-content: center;
}

.main-ribbon-template .header-logo,
#main-ribbon-window-template-component .header-logo {
  display: inline-flex !important;
  width: var(--n2c-app-brand-logo-size, 2rem) !important;
  min-width: var(--n2c-app-brand-logo-size, 2rem) !important;
  height: var(--n2c-app-brand-logo-size, 2rem) !important;
  min-height: var(--n2c-app-brand-logo-size, 2rem) !important;
}

.xaf-application-title img,
.xaf-application-title svg,
.xaf-header .navbar-brand img,
.xaf-header .navbar-brand svg,
.xaf-main-header .navbar-brand img,
.xaf-main-header .navbar-brand svg,
.navbar-brand img,
.navbar-brand svg,
.header-logo img,
.header-logo svg,
.header-logo .dxbl-image,
.header-logo .dxbl-icon,
[class*=application-title i] img,
[class*=application-title i] svg,
[class*=app-title i] img,
[class*=app-title i] svg {
  width: var(--n2c-app-brand-logo-size, 2rem);
  height: var(--n2c-app-brand-logo-size, 2rem);
  min-width: var(--n2c-app-brand-logo-size, 2rem);
  min-height: var(--n2c-app-brand-logo-size, 2rem);
  opacity: 0.96;
}

.xaf-sidebar.sidebar {
  min-width: var(--n2c-sidebar-width, 260px);
  background-color: var(--n2c-theme-surface);
  color: var(--n2c-theme-text);
}
.xaf-sidebar.sidebar svg,
.xaf-sidebar.sidebar .dxbl-icon,
.xaf-sidebar.sidebar .dxbl-image {
  color: var(--n2c-theme-text-muted);
  fill: currentColor;
}

.xaf-sidebar.sidebar .xaf-nav-menu-item-icon,
.xaf-navigation .xaf-nav-menu-item-icon,
.xaf-nav-menu .xaf-nav-menu-item-icon,
.xaf-main-menu .xaf-nav-menu-item-icon {
  display: none !important;
}
.xaf-sidebar.sidebar .xaf-nav-link,
.xaf-navigation .xaf-nav-link,
.xaf-nav-menu .xaf-nav-link,
.xaf-main-menu .xaf-nav-link {
  display: inline-flex !important;
  align-items: center;
  gap: 0.45rem;
}
.xaf-sidebar.sidebar .xaf-nav-link::before,
.xaf-navigation .xaf-nav-link::before,
.xaf-nav-menu .xaf-nav-link::before,
.xaf-main-menu .xaf-nav-link::before {
  content: "";
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  flex: 0 0 1rem;
  background-color: currentColor;
  opacity: 0.92;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1rem 1rem;
  mask-size: 1rem 1rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4Zm2 4h8a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2Zm0 4h8a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4Zm2 4h8a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2Zm0 4h8a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2Z'/%3E%3C/svg%3E");
}
.xaf-sidebar.sidebar .has-children > .dxbl-accordion-group-header .xaf-nav-link::before,
.xaf-sidebar.sidebar .has-children > .dxbl-accordion-item-content .xaf-nav-link::before,
.xaf-navigation .has-children > .dxbl-accordion-group-header .xaf-nav-link::before,
.xaf-navigation .has-children > .dxbl-accordion-item-content .xaf-nav-link::before,
.xaf-nav-menu .has-children > .dxbl-accordion-group-header .xaf-nav-link::before,
.xaf-nav-menu .has-children > .dxbl-accordion-item-content .xaf-nav-link::before,
.xaf-main-menu .has-children > .dxbl-accordion-group-header .xaf-nav-link::before,
.xaf-main-menu .has-children > .dxbl-accordion-item-content .xaf-nav-link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 6a2 2 0 0 1 2-2h4.2a2 2 0 0 1 1.4.6L11 6h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 6a2 2 0 0 1 2-2h4.2a2 2 0 0 1 1.4.6L11 6h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Z'/%3E%3C/svg%3E");
}
.xaf-sidebar.sidebar .xaf-image,
.xaf-sidebar.sidebar .xaf-nav-image,
.xaf-sidebar.sidebar .xaf-nav-link-icon,
.xaf-sidebar.sidebar .dxbl-image,
.xaf-sidebar.sidebar .dxbl-icon,
.xaf-sidebar.sidebar svg.svg-inline--fa,
.xaf-sidebar.sidebar .svg-inline--fa,
.xaf-navigation .xaf-image,
.xaf-navigation .xaf-nav-image,
.xaf-navigation .xaf-nav-link-icon,
.xaf-navigation .dxbl-image,
.xaf-navigation .dxbl-icon,
.xaf-navigation svg.svg-inline--fa,
.xaf-navigation .svg-inline--fa,
.xaf-nav-menu .xaf-image,
.xaf-nav-menu .xaf-nav-image,
.xaf-nav-menu .xaf-nav-link-icon,
.xaf-nav-menu .dxbl-image,
.xaf-nav-menu .dxbl-icon,
.xaf-nav-menu svg.svg-inline--fa,
.xaf-nav-menu .svg-inline--fa,
.xaf-main-menu .xaf-image,
.xaf-main-menu .xaf-nav-image,
.xaf-main-menu .xaf-nav-link-icon,
.xaf-main-menu .dxbl-image,
.xaf-main-menu .dxbl-icon,
.xaf-main-menu svg.svg-inline--fa,
.xaf-main-menu .svg-inline--fa {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  flex: 0 0 1rem;
  color: var(--n2c-theme-text-muted);
  fill: currentColor;
  opacity: 0.9;
}
.xaf-sidebar.sidebar .xaf-image[style*=mask],
.xaf-sidebar.sidebar .xaf-image[style*=-webkit-mask],
.xaf-sidebar.sidebar .xaf-nav-image[style*=mask],
.xaf-sidebar.sidebar .xaf-nav-image[style*=-webkit-mask],
.xaf-sidebar.sidebar .dxbl-image[style*=mask],
.xaf-sidebar.sidebar .dxbl-image[style*=-webkit-mask],
.xaf-sidebar.sidebar .dxbl-icon[style*=mask],
.xaf-sidebar.sidebar .dxbl-icon[style*=-webkit-mask],
.xaf-navigation .xaf-image[style*=mask],
.xaf-navigation .xaf-image[style*=-webkit-mask],
.xaf-navigation .xaf-nav-image[style*=mask],
.xaf-navigation .xaf-nav-image[style*=-webkit-mask],
.xaf-navigation .dxbl-image[style*=mask],
.xaf-navigation .dxbl-image[style*=-webkit-mask],
.xaf-navigation .dxbl-icon[style*=mask],
.xaf-navigation .dxbl-icon[style*=-webkit-mask],
.xaf-nav-menu .xaf-image[style*=mask],
.xaf-nav-menu .xaf-image[style*=-webkit-mask],
.xaf-nav-menu .xaf-nav-image[style*=mask],
.xaf-nav-menu .xaf-nav-image[style*=-webkit-mask],
.xaf-nav-menu .dxbl-image[style*=mask],
.xaf-nav-menu .dxbl-image[style*=-webkit-mask],
.xaf-nav-menu .dxbl-icon[style*=mask],
.xaf-nav-menu .dxbl-icon[style*=-webkit-mask],
.xaf-main-menu .xaf-image[style*=mask],
.xaf-main-menu .xaf-image[style*=-webkit-mask],
.xaf-main-menu .xaf-nav-image[style*=mask],
.xaf-main-menu .xaf-nav-image[style*=-webkit-mask],
.xaf-main-menu .dxbl-image[style*=mask],
.xaf-main-menu .dxbl-image[style*=-webkit-mask],
.xaf-main-menu .dxbl-icon[style*=mask],
.xaf-main-menu .dxbl-icon[style*=-webkit-mask] {
  background-color: currentColor !important;
  filter: none !important;
}
.xaf-sidebar.sidebar img.xaf-image,
.xaf-sidebar.sidebar img.xaf-nav-image,
.xaf-sidebar.sidebar img.dxbl-image,
.xaf-navigation img.xaf-image,
.xaf-navigation img.xaf-nav-image,
.xaf-navigation img.dxbl-image,
.xaf-nav-menu img.xaf-image,
.xaf-nav-menu img.xaf-nav-image,
.xaf-nav-menu img.dxbl-image,
.xaf-main-menu img.xaf-image,
.xaf-main-menu img.xaf-nav-image,
.xaf-main-menu img.dxbl-image {
  background-color: transparent !important;
  object-fit: contain;
}

[data-bs-theme=dark] .xaf-sidebar.sidebar,
.dxbl-theme-dark .xaf-sidebar.sidebar,
.dxbl-fluent-dark .xaf-sidebar.sidebar,
body.n2c-dark .xaf-sidebar.sidebar {
  background-color: var(--n2c-theme-surface) !important;
  color: var(--n2c-theme-text) !important;
  border-color: var(--n2c-theme-border) !important;
}

[data-bs-theme=dark] .xaf-sidebar.sidebar a,
[data-bs-theme=dark] .xaf-sidebar.sidebar button,
[data-bs-theme=dark] .xaf-sidebar.sidebar .xaf-nav-link,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-group-header,
.dxbl-theme-dark .xaf-sidebar.sidebar a,
.dxbl-theme-dark .xaf-sidebar.sidebar button,
.dxbl-theme-dark .xaf-sidebar.sidebar .xaf-nav-link,
.dxbl-theme-dark .xaf-sidebar.sidebar .dxbl-group-header,
.dxbl-fluent-dark .xaf-sidebar.sidebar a,
.dxbl-fluent-dark .xaf-sidebar.sidebar button,
.dxbl-fluent-dark .xaf-sidebar.sidebar .xaf-nav-link,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-group-header,
body.n2c-dark .xaf-sidebar.sidebar a,
body.n2c-dark .xaf-sidebar.sidebar button,
body.n2c-dark .xaf-sidebar.sidebar .xaf-nav-link,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-group-header {
  color: var(--n2c-theme-text) !important;
}

[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-active,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover,
.dxbl-theme-dark .xaf-sidebar.sidebar .dxbl-active,
.dxbl-theme-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-active,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-active,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover {
  background-color: rgba(var(--n2c-theme-accent-rgb), 0.2) !important;
  color: var(--n2c-theme-text) !important;
}

.dxbl-fluent-dark .xaf-sidebar.sidebar .xaf-image,
.dxbl-fluent-dark .xaf-sidebar.sidebar .xaf-nav-image,
.dxbl-fluent-dark .xaf-sidebar.sidebar .xaf-nav-link-icon,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-image,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-icon,
.dxbl-fluent-dark .xaf-sidebar.sidebar svg.svg-inline--fa,
.dxbl-fluent-dark .xaf-sidebar.sidebar .svg-inline--fa,
.dxbl-fluent-dark .xaf-navigation .xaf-image,
.dxbl-fluent-dark .xaf-navigation .xaf-nav-image,
.dxbl-fluent-dark .xaf-navigation .xaf-nav-link-icon,
.dxbl-fluent-dark .xaf-navigation .dxbl-image,
.dxbl-fluent-dark .xaf-navigation .dxbl-icon,
.dxbl-fluent-dark .xaf-navigation svg.svg-inline--fa,
.dxbl-fluent-dark .xaf-navigation .svg-inline--fa,
[data-bs-theme=dark] .xaf-sidebar.sidebar .xaf-image,
[data-bs-theme=dark] .xaf-sidebar.sidebar .xaf-nav-image,
[data-bs-theme=dark] .xaf-sidebar.sidebar .xaf-nav-link-icon,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-image,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-icon,
[data-bs-theme=dark] .xaf-sidebar.sidebar svg.svg-inline--fa,
[data-bs-theme=dark] .xaf-sidebar.sidebar .svg-inline--fa,
[data-bs-theme=dark] .xaf-navigation .xaf-image,
[data-bs-theme=dark] .xaf-navigation .xaf-nav-image,
[data-bs-theme=dark] .xaf-navigation .xaf-nav-link-icon,
[data-bs-theme=dark] .xaf-navigation .dxbl-image,
[data-bs-theme=dark] .xaf-navigation .dxbl-icon,
[data-bs-theme=dark] .xaf-navigation svg.svg-inline--fa,
[data-bs-theme=dark] .xaf-navigation .svg-inline--fa,
body.n2c-dark .xaf-sidebar.sidebar .xaf-image,
body.n2c-dark .xaf-sidebar.sidebar .xaf-nav-image,
body.n2c-dark .xaf-sidebar.sidebar .xaf-nav-link-icon,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-image,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-icon,
body.n2c-dark .xaf-sidebar.sidebar svg.svg-inline--fa,
body.n2c-dark .xaf-sidebar.sidebar .svg-inline--fa,
body.n2c-dark .xaf-navigation .xaf-image,
body.n2c-dark .xaf-navigation .xaf-nav-image,
body.n2c-dark .xaf-navigation .xaf-nav-link-icon,
body.n2c-dark .xaf-navigation .dxbl-image,
body.n2c-dark .xaf-navigation .dxbl-icon,
body.n2c-dark .xaf-navigation svg.svg-inline--fa,
body.n2c-dark .xaf-navigation .svg-inline--fa {
  color: var(--n2c-theme-text-muted) !important;
  fill: currentColor !important;
  stroke: currentColor;
  opacity: 0.94;
}

.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover .xaf-image,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover .dxbl-image,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active .xaf-image,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active .dxbl-image,
.dxbl-fluent-dark .xaf-navigation .dxbl-treeview-item-container:hover .xaf-image,
.dxbl-fluent-dark .xaf-navigation .dxbl-treeview-item-container:hover .dxbl-image,
.dxbl-fluent-dark .xaf-navigation .dxbl-treeview-item-container.dxbl-active .xaf-image,
.dxbl-fluent-dark .xaf-navigation .dxbl-treeview-item-container.dxbl-active .dxbl-image,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover .xaf-image,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover .dxbl-image,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active .xaf-image,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active .dxbl-image,
[data-bs-theme=dark] .xaf-navigation .dxbl-treeview-item-container:hover .xaf-image,
[data-bs-theme=dark] .xaf-navigation .dxbl-treeview-item-container:hover .dxbl-image,
[data-bs-theme=dark] .xaf-navigation .dxbl-treeview-item-container.dxbl-active .xaf-image,
[data-bs-theme=dark] .xaf-navigation .dxbl-treeview-item-container.dxbl-active .dxbl-image,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover .xaf-image,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover .dxbl-image,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active .xaf-image,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active .dxbl-image,
body.n2c-dark .xaf-navigation .dxbl-treeview-item-container:hover .xaf-image,
body.n2c-dark .xaf-navigation .dxbl-treeview-item-container:hover .dxbl-image,
body.n2c-dark .xaf-navigation .dxbl-treeview-item-container.dxbl-active .xaf-image,
body.n2c-dark .xaf-navigation .dxbl-treeview-item-container.dxbl-active .dxbl-image {
  color: var(--n2c-theme-text) !important;
}

[data-bs-theme=dark] .dxbl-popup,
[data-bs-theme=dark] .dxbl-dropdown-dialog,
[data-bs-theme=dark] .dxbl-drawer-panel,
[data-bs-theme=dark] .dxbl-drawer,
[data-bs-theme=dark] [class*=theme-switcher i],
body.n2c-dark .dxbl-popup,
body.n2c-dark .dxbl-dropdown-dialog,
body.n2c-dark .dxbl-drawer-panel,
body.n2c-dark .dxbl-drawer,
body.n2c-dark [class*=theme-switcher i] {
  background-color: var(--n2c-theme-surface) !important;
  color: var(--n2c-theme-text) !important;
  border-color: var(--n2c-theme-border) !important;
}

[data-bs-theme=dark] .dxbl-popup input,
[data-bs-theme=dark] .dxbl-popup select,
[data-bs-theme=dark] .dxbl-dropdown-dialog input,
[data-bs-theme=dark] .dxbl-dropdown-dialog select,
body.n2c-dark .dxbl-popup input,
body.n2c-dark .dxbl-popup select,
body.n2c-dark .dxbl-dropdown-dialog input,
body.n2c-dark .dxbl-dropdown-dialog select {
  background-color: var(--n2c-theme-surface-strong) !important;
  color: var(--n2c-theme-text) !important;
  border-color: var(--n2c-theme-border) !important;
}

.xaf-sidebar.sidebar .about-info {
  margin-top: auto;
  padding: 0.6rem 0.8rem;
  border-top: 1px solid var(--n2c-theme-border);
  color: var(--n2c-theme-text-muted);
  font-size: 0.8125rem;
  line-height: 1.2;
}

.xaf-sidebar.sidebar .about-info .app-name {
  color: var(--n2c-theme-accent);
  font-weight: 700;
}

.xaf-sidebar.sidebar .about-info .version {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Segoe UI Mono", Roboto Mono, monospace;
  font-size: 0.75rem;
}

[data-bs-theme=dark] .xaf-sidebar.sidebar img,
.dxbl-theme-dark .xaf-sidebar.sidebar img,
.dxbl-fluent-dark .xaf-sidebar.sidebar img,
body.n2c-dark .xaf-sidebar.sidebar img {
  filter: brightness(0) saturate(100%) invert(82%) sepia(11%) saturate(220%) hue-rotate(131deg) brightness(92%) contrast(89%);
  opacity: 0.9;
}

[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover img,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active img,
.dxbl-theme-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover img,
.dxbl-theme-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active img,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover img,
.dxbl-fluent-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active img,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container:hover img,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-treeview-item-container.dxbl-active img {
  filter: brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(141%) hue-rotate(131deg) brightness(101%) contrast(92%);
  opacity: 1;
}

[data-bs-theme=dark] .dxbl-toolbar .dxbl-image,
[data-bs-theme=dark] .dxbl-toolbar .dxbl-icon,
[data-bs-theme=dark] .dxbl-toolbar svg,
[data-bs-theme=dark] .xaf-application-title,
[data-bs-theme=dark] .xaf-application-title .dxbl-image,
[data-bs-theme=dark] .xaf-application-title .dxbl-icon,
[data-bs-theme=dark] .xaf-application-title svg,
[data-bs-theme=dark] .xaf-header .navbar-brand,
[data-bs-theme=dark] .xaf-header .navbar-brand .dxbl-image,
[data-bs-theme=dark] .xaf-header .navbar-brand .dxbl-icon,
[data-bs-theme=dark] .xaf-header .navbar-brand svg,
[data-bs-theme=dark] .header-logo,
[data-bs-theme=dark] .header-logo .dxbl-image,
[data-bs-theme=dark] .header-logo .dxbl-icon,
[data-bs-theme=dark] .header-logo svg,
[data-bs-theme=dark] .view-caption-root,
[data-bs-theme=dark] .view-caption-root .dxbl-image,
[data-bs-theme=dark] .view-caption-root .dxbl-icon,
[data-bs-theme=dark] .view-caption-root svg,
[data-bs-theme=dark] .xaf-caption-icon-container,
[data-bs-theme=dark] .xaf-caption-icon,
[data-bs-theme=dark] .xaf-image,
[data-bs-theme=dark] .xaf-sidebar.sidebar svg,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-icon,
[data-bs-theme=dark] .xaf-sidebar.sidebar .dxbl-image,
[data-bs-theme=dark] svg.svg-inline--fa,
[data-bs-theme=dark] .svg-inline--fa,
[data-bs-theme=dark] .fa,
[data-bs-theme=dark] .fa-solid,
[data-bs-theme=dark] .fa-regular,
[data-bs-theme=dark] .fa-brands,
[data-bs-theme=dark] [class^=fa-],
[data-bs-theme=dark] [class*=" fa-"],
body.n2c-dark .dxbl-toolbar .dxbl-image,
body.n2c-dark .dxbl-toolbar .dxbl-icon,
body.n2c-dark .dxbl-toolbar svg,
body.n2c-dark .xaf-application-title,
body.n2c-dark .xaf-application-title .dxbl-image,
body.n2c-dark .xaf-application-title .dxbl-icon,
body.n2c-dark .xaf-application-title svg,
body.n2c-dark .xaf-header .navbar-brand,
body.n2c-dark .xaf-header .navbar-brand .dxbl-image,
body.n2c-dark .xaf-header .navbar-brand .dxbl-icon,
body.n2c-dark .xaf-header .navbar-brand svg,
body.n2c-dark .header-logo,
body.n2c-dark .header-logo .dxbl-image,
body.n2c-dark .header-logo .dxbl-icon,
body.n2c-dark .header-logo svg,
body.n2c-dark .view-caption-root,
body.n2c-dark .view-caption-root .dxbl-image,
body.n2c-dark .view-caption-root .dxbl-icon,
body.n2c-dark .view-caption-root svg,
body.n2c-dark .xaf-caption-icon-container,
body.n2c-dark .xaf-caption-icon,
body.n2c-dark .xaf-image,
body.n2c-dark .xaf-sidebar.sidebar svg,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-icon,
body.n2c-dark .xaf-sidebar.sidebar .dxbl-image,
body.n2c-dark svg.svg-inline--fa,
body.n2c-dark .svg-inline--fa,
body.n2c-dark .fa,
body.n2c-dark .fa-solid,
body.n2c-dark .fa-regular,
body.n2c-dark .fa-brands,
body.n2c-dark [class^=fa-],
body.n2c-dark [class*=" fa-"] {
  --fa-primary-color: var(--n2c-theme-text);
  --fa-secondary-color: var(--n2c-theme-text);
  --fa-primary-opacity: 0.96;
  --fa-secondary-opacity: 0.96;
  color: var(--n2c-theme-text) !important;
  fill: currentColor !important;
  stroke: currentColor;
  opacity: 0.96;
}

.dxbl-fluent-dark .dxbl-toolbar .dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-icon,
.dxbl-fluent-dark .dxbl-toolbar svg,
.dxbl-fluent-dark .xaf-application-title,
.dxbl-fluent-dark .xaf-application-title .dxbl-image,
.dxbl-fluent-dark .xaf-application-title .dxbl-icon,
.dxbl-fluent-dark .xaf-application-title svg,
.dxbl-fluent-dark .xaf-header .navbar-brand,
.dxbl-fluent-dark .xaf-header .navbar-brand .dxbl-image,
.dxbl-fluent-dark .xaf-header .navbar-brand .dxbl-icon,
.dxbl-fluent-dark .xaf-header .navbar-brand svg,
.dxbl-fluent-dark .header-logo,
.dxbl-fluent-dark .header-logo .dxbl-image,
.dxbl-fluent-dark .header-logo .dxbl-icon,
.dxbl-fluent-dark .header-logo svg,
.dxbl-fluent-dark .view-caption-root,
.dxbl-fluent-dark .view-caption-root .dxbl-image,
.dxbl-fluent-dark .view-caption-root .dxbl-icon,
.dxbl-fluent-dark .view-caption-root svg,
.dxbl-fluent-dark .xaf-caption-icon-container,
.dxbl-fluent-dark .xaf-caption-icon,
.dxbl-fluent-dark .xaf-image,
.dxbl-fluent-dark svg.svg-inline--fa,
.dxbl-fluent-dark .svg-inline--fa,
.dxbl-fluent-dark .fa,
.dxbl-fluent-dark .fa-solid,
.dxbl-fluent-dark .fa-regular,
.dxbl-fluent-dark .fa-brands,
.dxbl-fluent-dark [class^=fa-],
.dxbl-fluent-dark [class*=" fa-"] {
  --fa-primary-color: var(--n2c-theme-text);
  --fa-secondary-color: var(--n2c-theme-text);
  --fa-primary-opacity: 0.96;
  --fa-secondary-opacity: 0.96;
  color: var(--n2c-theme-text) !important;
  fill: currentColor !important;
  stroke: currentColor;
  opacity: 0.96;
}

.svg-inline--fa .fa-primary,
.svg-inline--fa .fa-secondary,
.fa-duotone .fa-primary,
.fa-duotone .fa-secondary,
.fad .fa-primary,
.fad .fa-secondary {
  fill: currentColor !important;
  color: currentColor !important;
  opacity: 1 !important;
}

[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn,
[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn .dxbl-btn-caption,
[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn .dxbl-image,
[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn .dxbl-icon,
[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn svg,
body.n2c-dark .dxbl-toolbar .dxbl-btn,
body.n2c-dark .dxbl-toolbar .dxbl-btn .dxbl-btn-caption,
body.n2c-dark .dxbl-toolbar .dxbl-btn .dxbl-image,
body.n2c-dark .dxbl-toolbar .dxbl-btn .dxbl-icon,
body.n2c-dark .dxbl-toolbar .dxbl-btn svg {
  color: var(--n2c-theme-text) !important;
  fill: currentColor !important;
}

.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-btn-caption,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-icon,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn svg {
  color: var(--n2c-theme-text) !important;
  fill: currentColor !important;
}

[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn .dxbl-image[style*=mask],
[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn .dxbl-icon[style*=mask],
[data-bs-theme=dark] .dxbl-toolbar .dxbl-image[style*=mask],
[data-bs-theme=dark] .dxbl-toolbar .dxbl-icon[style*=mask],
body.n2c-dark .dxbl-toolbar .dxbl-btn .dxbl-image[style*=mask],
body.n2c-dark .dxbl-toolbar .dxbl-btn .dxbl-icon[style*=mask],
body.n2c-dark .dxbl-toolbar .dxbl-image[style*=mask],
body.n2c-dark .dxbl-toolbar .dxbl-icon[style*=mask] {
  background-color: var(--n2c-theme-text) !important;
}

.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-image[style*=mask],
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-icon[style*=mask],
.dxbl-fluent-dark .dxbl-toolbar .dxbl-image[style*=mask],
.dxbl-fluent-dark .dxbl-toolbar .dxbl-icon[style*=mask] {
  background-color: var(--n2c-theme-text) !important;
}

[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn .dxbl-image:not([style*=mask]),
[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn .dxbl-icon:not([style*=mask]),
[data-bs-theme=dark] .dxbl-toolbar .dxbl-image:not([style*=mask]),
[data-bs-theme=dark] .dxbl-toolbar .dxbl-icon:not([style*=mask]),
body.n2c-dark .dxbl-toolbar .dxbl-btn .dxbl-image:not([style*=mask]),
body.n2c-dark .dxbl-toolbar .dxbl-btn .dxbl-icon:not([style*=mask]),
body.n2c-dark .dxbl-toolbar .dxbl-image:not([style*=mask]),
body.n2c-dark .dxbl-toolbar .dxbl-icon:not([style*=mask]) {
  background-color: transparent !important;
  filter: brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(141%) hue-rotate(131deg) brightness(101%) contrast(92%);
}

.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-image:not([style*=mask]),
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-icon:not([style*=mask]),
.dxbl-fluent-dark .dxbl-toolbar .dxbl-image:not([style*=mask]),
.dxbl-fluent-dark .dxbl-toolbar .dxbl-icon:not([style*=mask]) {
  background-color: transparent !important;
  filter: brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(141%) hue-rotate(131deg) brightness(101%) contrast(92%);
}

[data-bs-theme=dark] .dxbl-toolbar .dxbl-separator,
[data-bs-theme=dark] .dxbl-toolbar [class*=separator],
[data-bs-theme=dark] .dxbl-toolbar [class*=Separator],
body.n2c-dark .dxbl-toolbar .dxbl-separator,
body.n2c-dark .dxbl-toolbar [class*=separator],
body.n2c-dark .dxbl-toolbar [class*=Separator] {
  border-color: rgba(var(--n2c-theme-text-rgb), 0.28) !important;
  background-color: rgba(var(--n2c-theme-text-rgb), 0.28) !important;
  opacity: 1;
}

.dxbl-fluent-dark .dxbl-toolbar .dxbl-separator,
.dxbl-fluent-dark .dxbl-toolbar [class*=separator],
.dxbl-fluent-dark .dxbl-toolbar [class*=Separator] {
  border-color: rgba(var(--n2c-theme-text-rgb), 0.28) !important;
  background-color: rgba(var(--n2c-theme-text-rgb), 0.28) !important;
  opacity: 1;
}

[data-bs-theme=dark] svg.svg-inline--fa path,
[data-bs-theme=dark] .svg-inline--fa path,
[data-bs-theme=dark] .fa svg path,
[data-bs-theme=dark] .fa-solid svg path,
[data-bs-theme=dark] .fa-regular svg path,
[data-bs-theme=dark] .fa-brands svg path,
body.n2c-dark svg.svg-inline--fa path,
body.n2c-dark .svg-inline--fa path,
body.n2c-dark .fa svg path,
body.n2c-dark .fa-solid svg path,
body.n2c-dark .fa-regular svg path,
body.n2c-dark .fa-brands svg path {
  fill: currentColor !important;
}

.dxbl-fluent-dark svg.svg-inline--fa path,
.dxbl-fluent-dark .svg-inline--fa path,
.dxbl-fluent-dark .fa svg path,
.dxbl-fluent-dark .fa-solid svg path,
.dxbl-fluent-dark .fa-regular svg path,
.dxbl-fluent-dark .fa-brands svg path {
  fill: currentColor !important;
}

[data-bs-theme=dark] .xaf-caption-icon-container,
body.n2c-dark .xaf-caption-icon-container {
  background-color: rgba(var(--n2c-theme-accent-rgb), 0.28) !important;
  border-radius: 50%;
}

[data-bs-theme=dark] .xaf-image,
body.n2c-dark .xaf-image {
  background-color: transparent !important;
  color: var(--n2c-theme-text) !important;
  fill: currentColor !important;
}

[data-bs-theme=dark] .xaf-image[style*=mask],
body.n2c-dark .xaf-image[style*=mask] {
  background-color: var(--n2c-theme-text) !important;
  color: var(--n2c-theme-text) !important;
}

[data-bs-theme=dark] .dxbl-toolbar img.dxbl-image,
[data-bs-theme=dark] .dxbl-toolbar .dxbl-image img,
[data-bs-theme=dark] .xaf-application-title img,
[data-bs-theme=dark] .xaf-header .navbar-brand img,
[data-bs-theme=dark] .header-logo img,
[data-bs-theme=dark] .header-logo .dxbl-image,
[data-bs-theme=dark] .view-caption-root img,
[data-bs-theme=dark] .view-caption-root .dxbl-image,
[data-bs-theme=dark] img.xaf-caption-icon,
body.n2c-dark .dxbl-toolbar img.dxbl-image,
body.n2c-dark .dxbl-toolbar .dxbl-image img,
body.n2c-dark .xaf-application-title img,
body.n2c-dark .xaf-header .navbar-brand img,
body.n2c-dark .header-logo img,
body.n2c-dark .header-logo .dxbl-image,
body.n2c-dark .view-caption-root img,
body.n2c-dark .view-caption-root .dxbl-image,
body.n2c-dark img.xaf-caption-icon {
  filter: brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(141%) hue-rotate(131deg) brightness(101%) contrast(92%);
  opacity: 0.96;
}

.dxbl-fluent-dark .dxbl-toolbar img.dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-image img,
.dxbl-fluent-dark .xaf-application-title img,
.dxbl-fluent-dark .xaf-header .navbar-brand img,
.dxbl-fluent-dark .header-logo img,
.dxbl-fluent-dark .header-logo .dxbl-image,
.dxbl-fluent-dark .view-caption-root img,
.dxbl-fluent-dark .view-caption-root .dxbl-image,
.dxbl-fluent-dark img.xaf-caption-icon {
  filter: brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(141%) hue-rotate(131deg) brightness(101%) contrast(92%);
  opacity: 0.96;
}

.dxbl-toolbar .dxbl-btn:is([data-action-name=New],
[data-action-name="My Profile"],
[data-action-name=Approve],
[data-action-name="Reset to Draft"],
[data-action-name=Submit],
[data-action-name="Quick Entry"],
[data-action-name="My Entries"]) > .xaf-toolbar-item-icon.dxbl-image,
.xaf-ribbon-hamburger-icon.dxbl-image,
.tiburtius-main-nav-toggle .dxbl-image {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
  color: currentColor;
  background-color: currentColor !important;
  background-image: none !important;
  opacity: 0.92;
  filter: none !important;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1.1rem 1.1rem;
  mask-size: 1.1rem 1.1rem;
}

.dxbl-toolbar .dxbl-btn.dxbl-disabled > .xaf-toolbar-item-icon.dxbl-image,
.dxbl-toolbar .dxbl-btn:disabled > .xaf-toolbar-item-icon.dxbl-image {
  opacity: 0.46;
}

.dxbl-toolbar .dxbl-btn[data-action-name=New] > .xaf-toolbar-item-icon.dxbl-image {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-6v6a1 1 0 1 1-2 0v-6H3a1 1 0 1 1 0-2h6V3a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-6v6a1 1 0 1 1-2 0v-6H3a1 1 0 1 1 0-2h6V3a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
}

.dxbl-toolbar .dxbl-btn[data-action-name="My Profile"] > .xaf-toolbar-item-icon.dxbl-image {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");
}

.dxbl-toolbar .dxbl-btn[data-action-name=Submit] > .xaf-toolbar-item-icon.dxbl-image {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.4 2.2a1 1 0 0 1 .4 1.1l-5 14a1 1 0 0 1-1.8.2l-2.7-4.8-4.8-2.7a1 1 0 0 1 .2-1.8l14-5a1 1 0 0 1 .7 0Zm-4.2 3.6-7 2.5 3.1 1.8a1 1 0 0 1 .4.4l1.8 3.1 1.7-7.8Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.4 2.2a1 1 0 0 1 .4 1.1l-5 14a1 1 0 0 1-1.8.2l-2.7-4.8-4.8-2.7a1 1 0 0 1 .2-1.8l14-5a1 1 0 0 1 .7 0Zm-4.2 3.6-7 2.5 3.1 1.8a1 1 0 0 1 .4.4l1.8 3.1 1.7-7.8Z'/%3E%3C/svg%3E");
}

.dxbl-toolbar .dxbl-btn[data-action-name=Approve] > .xaf-toolbar-item-icon.dxbl-image {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm3.9 6.7-4.5 4.5a1 1 0 0 1-1.4 0l-2-2a1 1 0 1 1 1.4-1.4l1.3 1.3 3.8-3.8a1 1 0 1 1 1.4 1.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm3.9 6.7-4.5 4.5a1 1 0 0 1-1.4 0l-2-2a1 1 0 1 1 1.4-1.4l1.3 1.3 3.8-3.8a1 1 0 1 1 1.4 1.4Z'/%3E%3C/svg%3E");
}

.dxbl-toolbar .dxbl-btn[data-action-name="Reset to Draft"] > .xaf-toolbar-item-icon.dxbl-image {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 4.2A7 7 0 1 1 3.3 9a1 1 0 1 1 2 .2 5 5 0 1 0 1.6-3.5L8 6.8A1 1 0 0 1 7.3 8.5H3.5a1 1 0 0 1-1-1V3.7A1 1 0 0 1 4.2 3l1.3 1.2ZM9 7h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 4.2A7 7 0 1 1 3.3 9a1 1 0 1 1 2 .2 5 5 0 1 0 1.6-3.5L8 6.8A1 1 0 0 1 7.3 8.5H3.5a1 1 0 0 1-1-1V3.7A1 1 0 0 1 4.2 3l1.3 1.2ZM9 7h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
}

.dxbl-toolbar .dxbl-btn[data-action-name="Quick Entry"] > .xaf-toolbar-item-icon.dxbl-image {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 4a1 1 0 1 0-2 0v4c0 .3.1.5.3.7l2.5 2.5a1 1 0 1 0 1.4-1.4L11 9.6V6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 4a1 1 0 1 0-2 0v4c0 .3.1.5.3.7l2.5 2.5a1 1 0 1 0 1.4-1.4L11 9.6V6Z'/%3E%3C/svg%3E");
}

.dxbl-toolbar .dxbl-btn[data-action-name="My Entries"] > .xaf-toolbar-item-icon.dxbl-image {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4Zm2 4h8a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2Zm0 4h8a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4Zm2 4h8a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2Zm0 4h8a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2Z'/%3E%3C/svg%3E");
}

.xaf-ribbon-hamburger-icon.dxbl-image,
.tiburtius-main-nav-toggle .dxbl-image {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm0 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm1 4a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H4Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm0 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm1 4a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H4Z'/%3E%3C/svg%3E") !important;
}

[data-bs-theme=dark] .dxbl-toolbar .dxbl-btn:is([data-action-name=New],
[data-action-name="My Profile"],
[data-action-name=Approve],
[data-action-name="Reset to Draft"],
[data-action-name=Submit],
[data-action-name="Quick Entry"],
[data-action-name="My Entries"]) > .xaf-toolbar-item-icon.dxbl-image,
body.n2c-dark .dxbl-toolbar .dxbl-btn:is([data-action-name=New],
[data-action-name="My Profile"],
[data-action-name=Approve],
[data-action-name="Reset to Draft"],
[data-action-name=Submit],
[data-action-name="Quick Entry"],
[data-action-name="My Entries"]) > .xaf-toolbar-item-icon.dxbl-image,
.dxbl-theme-dark .dxbl-toolbar .dxbl-btn:is([data-action-name=New],
[data-action-name="My Profile"],
[data-action-name=Approve],
[data-action-name="Reset to Draft"],
[data-action-name=Submit],
[data-action-name="Quick Entry"],
[data-action-name="My Entries"]) > .xaf-toolbar-item-icon.dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn:is([data-action-name=New],
[data-action-name="My Profile"],
[data-action-name=Approve],
[data-action-name="Reset to Draft"],
[data-action-name=Submit],
[data-action-name="Quick Entry"],
[data-action-name="My Entries"]) > .xaf-toolbar-item-icon.dxbl-image,
[data-bs-theme=dark] .xaf-ribbon-hamburger-icon.dxbl-image,
body.n2c-dark .xaf-ribbon-hamburger-icon.dxbl-image,
.dxbl-theme-dark .xaf-ribbon-hamburger-icon.dxbl-image,
.dxbl-fluent-dark .xaf-ribbon-hamburger-icon.dxbl-image {
  background-color: currentColor !important;
  color: var(--n2c-theme-text) !important;
  filter: none !important;
}

.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-btn-caption,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-icon,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn svg,
.dxbl-fluent-dark .view-caption-root,
.dxbl-fluent-dark .view-caption-root .dxbl-image,
.dxbl-fluent-dark .view-caption-root .dxbl-icon,
.dxbl-fluent-dark .view-caption-root svg,
.dxbl-fluent-dark .xaf-caption-icon,
.dxbl-fluent-dark .xaf-caption-icon-container,
.dxbl-fluent-dark .xaf-ribbon-hamburger-icon.dxbl-image {
  color: #ecf2f2 !important;
  fill: currentColor !important;
  stroke: currentColor;
}
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .xaf-toolbar-item-icon.dxbl-image[style*=mask],
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .xaf-toolbar-item-icon.dxbl-image[style*=-webkit-mask],
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn:is([data-action-name=New],
[data-action-name="My Profile"],
[data-action-name=Approve],
[data-action-name="Reset to Draft"],
[data-action-name=Submit],
[data-action-name="Quick Entry"],
[data-action-name="My Entries"]) > .xaf-toolbar-item-icon.dxbl-image,
.dxbl-fluent-dark .xaf-ribbon-hamburger-icon.dxbl-image {
  background-color: #ecf2f2 !important;
  color: #ecf2f2 !important;
  filter: none !important;
}
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn.dxbl-disabled > .xaf-toolbar-item-icon.dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn:disabled > .xaf-toolbar-item-icon.dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn.dxbl-disabled img.dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn:disabled img.dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn.dxbl-disabled svg,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn:disabled svg {
  opacity: 0.72 !important;
}
.dxbl-fluent-dark .dxbl-toolbar img.dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-image img,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn img.dxbl-image,
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-image:not([style*=mask]),
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn .dxbl-icon:not([style*=mask]),
.dxbl-fluent-dark .dxbl-toolbar .dxbl-btn svg {
  background-color: transparent !important;
  filter: brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(141%) hue-rotate(131deg) brightness(101%) contrast(92%) !important;
}
.dxbl-fluent-dark .view-caption-root img,
.dxbl-fluent-dark .view-caption-root .dxbl-image:not([style*=mask]),
.dxbl-fluent-dark img.xaf-caption-icon {
  background-color: transparent !important;
  filter: brightness(0) saturate(100%) invert(96%) sepia(6%) saturate(141%) hue-rotate(131deg) brightness(101%) contrast(92%) !important;
}

.logon-template-header.card.card-header {
  min-height: 5rem;
  justify-content: center;
  background: linear-gradient(180deg, rgba(236, 250, 250, 0.92), rgba(255, 255, 255, 0.98)), #ffffff !important;
  border-color: rgba(17, 24, 24, 0.16) !important;
}

#logon-template-component.app {
  background: radial-gradient(circle at 50% 0%, rgba(var(--n2c-theme-accent-rgb), 0.08), transparent 28rem), #f3f5f5 !important;
  color: #111818 !important;
}

.logon-template-header .header-logo {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: auto !important;
  min-width: auto !important;
  height: auto !important;
  min-height: auto !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  color: #12302f !important;
  overflow: visible;
  box-shadow: none;
}

.logon-template-header .header-logo::before {
  content: none;
}

.logon-template-header .header-logo::after {
  content: "Tiburtius";
  width: auto;
  height: auto;
  color: #12302f;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 1.85rem;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.logon-main.card {
  overflow: hidden;
  border: 1px solid rgba(17, 24, 24, 0.14);
  background-color: #ffffff !important;
  color: #111818 !important;
  box-shadow: 0 18px 42px rgba(17, 24, 24, 0.12);
}

.logon-main.card .card-body {
  background-color: #ffffff !important;
}

.logon-main.card .card-header,
.logon-main.card > .card-header,
.logon-main.card [class*=header i] {
  background: linear-gradient(180deg, #f4fbfb 0%, #e6f1f1 100%) !important;
  color: #111818 !important;
  border-bottom: 1px solid rgba(var(--n2c-theme-accent-rgb), 0.42);
}

.logon-main.card h1,
.logon-main.card h2,
.logon-main.card label,
.logon-main.card .dxbl-text,
.logon-main.card .dxbl-fl-cpt,
.logon-main.card .card-body {
  color: #111818 !important;
}

.logon-main.card .xaf-language-switcher-text-container {
  min-height: 1.875rem;
  padding-inline: 0.65rem;
  border: 1px solid rgba(var(--n2c-theme-accent-rgb), 0.42) !important;
  border-radius: var(--bs-border-radius-sm);
  background-color: rgba(var(--n2c-theme-accent-rgb), 0.1) !important;
  color: #12302f !important;
}

.logon-main.card .xaf-language-switcher-text-container span,
.logon-main.card .xaf-language-switcher-text-container svg {
  color: #12302f !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

.logon-main.card input,
.logon-main.card .dxbl-text-edit-input,
.logon-main.card .dxbl-text-edit input {
  background-color: #fbfdfd !important;
  color: #111818 !important;
  caret-color: var(--n2c-theme-accent) !important;
}

.logon-main.card input::placeholder,
.logon-main.card .dxbl-text-edit-input::placeholder {
  color: #667070 !important;
}

.logon-main.card .dxbl-text-edit,
.logon-main.card .dxbl-edit {
  border-color: rgba(var(--n2c-theme-accent-rgb), 0.36) !important;
  background-color: #fbfdfd !important;
}

.logon-main.card .logon-toolbar .dxbl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  font-weight: 800;
}

.logon-main.card .logon-toolbar .xaf-action .xaf-toolbar-item-icon {
  display: none !important;
}

.logon-main.card .logon-toolbar .xaf-action::before {
  content: "";
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.logon-main.card .logon-toolbar .xaf-action[data-action-name="Log in"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H9a1 1 0 1 1 0-2h6V5H9a1 1 0 0 1-1-1Zm1.7 3.3a1 1 0 0 1 1.4 0l2 2a1 1 0 0 1 0 1.4l-2 2a1 1 0 1 1-1.4-1.4l.3-.3H4a1 1 0 1 1 0-2h6l-.3-.3a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H9a1 1 0 1 1 0-2h6V5H9a1 1 0 0 1-1-1Zm1.7 3.3a1 1 0 0 1 1.4 0l2 2a1 1 0 0 1 0 1.4l-2 2a1 1 0 1 1-1.4-1.4l.3-.3H4a1 1 0 1 1 0-2h6l-.3-.3a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E");
}

.logon-main.card .logon-toolbar .xaf-action[data-action-name="Send Code"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 4h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 2v.3l7 4.2 7-4.2V6H3Zm14 2.6-6.5 3.9a1 1 0 0 1-1 0L3 8.6V14h14V8.6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 4h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 2v.3l7 4.2 7-4.2V6H3Zm14 2.6-6.5 3.9a1 1 0 0 1-1 0L3 8.6V14h14V8.6Z'/%3E%3C/svg%3E");
}

.logon-main.card .logon-toolbar .dxbl-btn-primary {
  background-color: var(--n2c-theme-accent) !important;
  border-color: #7adbe0 !important;
  color: #ffffff !important;
}

.logon-main.card .logon-toolbar .dxbl-btn-secondary {
  background-color: #f7fbfb !important;
  border-color: rgba(var(--n2c-theme-accent-rgb), 0.62) !important;
  color: #12302f !important;
}

[data-bs-theme=dark] .logon-template-header.card.card-header,
body.n2c-dark .logon-template-header.card.card-header {
  background: linear-gradient(180deg, rgba(18, 48, 47, 0.72), rgba(37, 37, 37, 0.88)), #252525 !important;
  border-color: rgba(var(--n2c-theme-text-rgb), 0.22) !important;
}

[data-bs-theme=dark] #logon-template-component.app,
body.n2c-dark #logon-template-component.app {
  background: #252525 !important;
  color: #ffffff !important;
}

[data-bs-theme=dark] .logon-template-header .header-logo,
body.n2c-dark .logon-template-header .header-logo {
  color: #f4ffff !important;
}

[data-bs-theme=dark] .logon-template-header .header-logo::after,
body.n2c-dark .logon-template-header .header-logo::after {
  color: #f4ffff;
  text-shadow: 0 0 18px rgba(var(--n2c-theme-accent-rgb), 0.42);
}

[data-bs-theme=dark] .logon-main.card,
body.n2c-dark .logon-main.card {
  border-color: rgba(var(--n2c-theme-text-rgb), 0.22);
  background-color: #252525 !important;
  color: #f4f8f8 !important;
  box-shadow: none;
}

[data-bs-theme=dark] .logon-main.card .card-body,
body.n2c-dark .logon-main.card .card-body {
  background-color: #252525 !important;
}

[data-bs-theme=dark] .logon-main.card .card-header,
[data-bs-theme=dark] .logon-main.card > .card-header,
[data-bs-theme=dark] .logon-main.card [class*=header i],
body.n2c-dark .logon-main.card .card-header,
body.n2c-dark .logon-main.card > .card-header,
body.n2c-dark .logon-main.card [class*=header i] {
  background: linear-gradient(180deg, #12302f 0%, #0f2424 100%) !important;
  color: #f4fbfb !important;
  border-bottom-color: rgba(var(--n2c-theme-accent-rgb), 0.58);
}

[data-bs-theme=dark] .logon-main.card h1,
[data-bs-theme=dark] .logon-main.card h2,
[data-bs-theme=dark] .logon-main.card label,
[data-bs-theme=dark] .logon-main.card .dxbl-text,
[data-bs-theme=dark] .logon-main.card .dxbl-fl-cpt,
[data-bs-theme=dark] .logon-main.card .card-body,
body.n2c-dark .logon-main.card h1,
body.n2c-dark .logon-main.card h2,
body.n2c-dark .logon-main.card label,
body.n2c-dark .logon-main.card .dxbl-text,
body.n2c-dark .logon-main.card .dxbl-fl-cpt,
body.n2c-dark .logon-main.card .card-body {
  color: #f4f8f8 !important;
}

[data-bs-theme=dark] .logon-main.card .xaf-language-switcher-text-container,
body.n2c-dark .logon-main.card .xaf-language-switcher-text-container {
  background-color: rgba(var(--n2c-theme-accent-rgb), 0.18) !important;
  color: #ecffff !important;
}

[data-bs-theme=dark] .logon-main.card .xaf-language-switcher-text-container span,
[data-bs-theme=dark] .logon-main.card .xaf-language-switcher-text-container svg,
body.n2c-dark .logon-main.card .xaf-language-switcher-text-container span,
body.n2c-dark .logon-main.card .xaf-language-switcher-text-container svg {
  color: #ecffff !important;
}

[data-bs-theme=dark] .logon-main.card .logon-toolbar .dxbl-btn-secondary,
body.n2c-dark .logon-main.card .logon-toolbar .dxbl-btn-secondary {
  background-color: #1b2a2a !important;
  color: #eefafa !important;
}
/*# sourceMappingURL=need2code-core.css.map */