/* Central place for project-specific Bootstrap and plugin overrides. */
.nav-search																{ right: 1em; }

.blockUI.blockMsg														{ background: none !important; border: none !important; }

/*  custom bootstrap colors matching HC app colors 
    reference https://handycash.wiki/wiki/doku.php/documentation:mobile:gui:colors:contrasts
*/
:root {
  /* MediumBlue */
  --bs-primary: #1755E6;
  --bs-primary-rgb: 23, 85, 230;

  /* Teal */
  --bs-secondary: var(--bwise-teal);
  --bs-secondary-rgb: var(--bwise-teal-rgb);

  /* OkGreen */
  --bs-success: #37B24D;
  --bs-success-rgb: 55, 178, 77;

  /* Azure */
  --bs-info: var(--bwise-azure);
  --bs-info-rgb: var(--bwise-azure-rgb);

  /* Bootstrap warning – unchanged */
  --bs-warning: #FFC107;
  --bs-warning-rgb: 255, 193, 7;

  /* AlertRed */
  --bs-danger: #C92A2A;
  --bs-danger-rgb: 201, 42, 42;

  /* MediumGray */
  --bs-light: #D8D8DE;
  --bs-light-rgb: 216, 216, 222;

  /* Anthrazite */
  --bs-dark: #292D38;
  --bs-dark-rgb: 41, 45, 56;

  /* Frame-filter reset action */
  --bwise-pink: #D6487E;
  --bwise-pink-rgb: 214, 72, 126;

  --bwise-grey: #6C757D;
  --bwise-grey-rgb: 108, 117, 125;
  --bwise-purple: #7762A3;
  --bwise-purple-rgb: 119, 98, 163;
  --bwise-teal: #00796B;
  --bwise-teal-rgb: 0, 121, 107;
  --bwise-azure: #108ABA;
  --bwise-azure-rgb: 16, 138, 186;
  --bwise-inverse: #343A40;
  --bwise-inverse-rgb: 52, 58, 64;

  --bs-link-color: var(--bwise-azure);
  --bs-link-color-rgb: var(--bwise-azure-rgb);
  --bs-link-hover-color: #0D759E;
  --bs-link-hover-color-rgb: 13, 117, 158;

}

/* Legacy foreground utilities are still used by toolbar icon definitions. */
.blue { color: #478FCA !important; }
.green { color: #69AA46 !important; }
.orange { color: #FF892A !important; }
.orange2 { color: #FEB902 !important; }
.purple { color: #A069C3 !important; }
.pink { color: #C6699F !important; }
.pink2 { color: #D6487E !important; }
.red { color: #DD5A43 !important; }
.red2 { color: #E08374 !important; }
.grey { color: #777 !important; }
.light-blue { color: #93CBF9 !important; }
.light-green { color: #B0D877 !important; }
.light-grey { color: #BBB !important; }
.light-orange { color: #FCAC6F !important; }
.light-red { color: #F77 !important; }
.dark { color: #333 !important; }
.black { color: #000 !important; }
.white { color: #FFF !important; }

/*
    Bootstrap compiles the button and text-background variants with literal
    colors. Reconnect those variants to the semantic colors above so a single
    palette is used throughout the administration UI.
*/
.btn-primary, .btn-outline-primary, .text-bg-primary {
    --bwise-variant-color: var(--bs-primary);
    --bwise-variant-rgb: var(--bs-primary-rgb);
    --bwise-variant-foreground: var(--bs-white);
}

.btn-secondary, .btn-outline-secondary, .text-bg-secondary {
    --bwise-variant-color: var(--bs-secondary);
    --bwise-variant-rgb: var(--bs-secondary-rgb);
    --bwise-variant-foreground: var(--bs-white);
}

.btn-success, .btn-outline-success, .text-bg-success {
    --bwise-variant-color: var(--bs-success);
    --bwise-variant-rgb: var(--bs-success-rgb);
    --bwise-variant-foreground: var(--bs-white);
}

.btn-info, .btn-outline-info, .text-bg-info {
    --bwise-variant-color: var(--bs-info);
    --bwise-variant-rgb: var(--bs-info-rgb);
    --bwise-variant-foreground: var(--bs-white);
}

.btn-warning, .btn-outline-warning, .text-bg-warning {
    --bwise-variant-color: var(--bs-warning);
    --bwise-variant-rgb: var(--bs-warning-rgb);
    --bwise-variant-foreground: var(--bs-dark);
}

.btn-danger, .btn-outline-danger, .text-bg-danger {
    --bwise-variant-color: var(--bs-danger);
    --bwise-variant-rgb: var(--bs-danger-rgb);
    --bwise-variant-foreground: var(--bs-white);
}

.btn-light, .btn-outline-light, .text-bg-light {
    --bwise-variant-color: var(--bs-light);
    --bwise-variant-rgb: var(--bs-light-rgb);
    --bwise-variant-foreground: var(--bs-dark);
}

.btn-dark, .btn-outline-dark, .text-bg-dark {
    --bwise-variant-color: var(--bs-dark);
    --bwise-variant-rgb: var(--bs-dark-rgb);
    --bwise-variant-foreground: var(--bs-white);
}

.btn-primary, .btn-secondary, .btn-success, .btn-info,
.btn-warning, .btn-danger, .btn-light, .btn-dark {
    --bs-btn-color: var(--bwise-variant-foreground);
    --bs-btn-bg: var(--bwise-variant-color);
    --bs-btn-border-color: var(--bwise-variant-color);
    --bs-btn-hover-color: var(--bwise-variant-foreground);
    --bs-btn-hover-bg: color-mix(in srgb, var(--bwise-variant-color) 88%, var(--bs-black));
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bwise-variant-color) 82%, var(--bs-black));
    --bs-btn-focus-shadow-rgb: var(--bwise-variant-rgb);
    --bs-btn-active-color: var(--bwise-variant-foreground);
    --bs-btn-active-bg: color-mix(in srgb, var(--bwise-variant-color) 80%, var(--bs-black));
    --bs-btn-active-border-color: color-mix(in srgb, var(--bwise-variant-color) 76%, var(--bs-black));
    --bs-btn-disabled-color: var(--bwise-variant-foreground);
    --bs-btn-disabled-bg: var(--bwise-variant-color);
    --bs-btn-disabled-border-color: var(--bwise-variant-color);
}

/* Retains the distinct reset action used by frame filters. */
.btn-pink {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bwise-pink);
    --bs-btn-border-color: var(--bwise-pink);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: color-mix(in srgb, var(--bwise-pink) 88%, var(--bs-black));
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bwise-pink) 82%, var(--bs-black));
    --bs-btn-focus-shadow-rgb: var(--bwise-pink-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: color-mix(in srgb, var(--bwise-pink) 80%, var(--bs-black));
    --bs-btn-active-border-color: color-mix(in srgb, var(--bwise-pink) 76%, var(--bs-black));
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--bwise-pink);
    --bs-btn-disabled-border-color: var(--bwise-pink);
}

/* Legacy button names still emitted by shared controls. */
.btn-default {
    --bwise-legacy-button-color: var(--bs-light);
    --bwise-legacy-button-rgb: var(--bs-light-rgb);
    --bwise-legacy-button-foreground: var(--bs-dark);
}

.btn-grey {
    --bwise-legacy-button-color: var(--bwise-grey);
    --bwise-legacy-button-rgb: var(--bwise-grey-rgb);
    --bwise-legacy-button-foreground: var(--bs-white);
}

.btn-purple {
    --bwise-legacy-button-color: var(--bwise-purple);
    --bwise-legacy-button-rgb: var(--bwise-purple-rgb);
    --bwise-legacy-button-foreground: var(--bs-white);
}

.btn-inverse {
    --bwise-legacy-button-color: var(--bwise-inverse);
    --bwise-legacy-button-rgb: var(--bwise-inverse-rgb);
    --bwise-legacy-button-foreground: var(--bs-white);
}

.btn-white {
    --bwise-legacy-button-color: var(--bs-white);
    --bwise-legacy-button-rgb: 255, 255, 255;
    --bwise-legacy-button-foreground: var(--bs-dark);
}

.btn-default, .btn-grey, .btn-purple, .btn-inverse, .btn-white {
    --bs-btn-color: var(--bwise-legacy-button-foreground);
    --bs-btn-bg: var(--bwise-legacy-button-color);
    --bs-btn-border-color: var(--bwise-legacy-button-color);
    --bs-btn-hover-color: var(--bwise-legacy-button-foreground);
    --bs-btn-hover-bg: color-mix(in srgb, var(--bwise-legacy-button-color) 88%, var(--bs-black));
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bwise-legacy-button-color) 82%, var(--bs-black));
    --bs-btn-focus-shadow-rgb: var(--bwise-legacy-button-rgb);
    --bs-btn-active-color: var(--bwise-legacy-button-foreground);
    --bs-btn-active-bg: color-mix(in srgb, var(--bwise-legacy-button-color) 80%, var(--bs-black));
    --bs-btn-active-border-color: color-mix(in srgb, var(--bwise-legacy-button-color) 76%, var(--bs-black));
    --bs-btn-disabled-color: var(--bwise-legacy-button-foreground);
    --bs-btn-disabled-bg: var(--bwise-legacy-button-color);
    --bs-btn-disabled-border-color: var(--bwise-legacy-button-color);
}

.btn-primary, .btn-secondary, .btn-success,
.btn-warning, .btn-danger, .btn-dark {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-disabled-color: var(--bs-white);
}

.btn-outline-primary, .btn-outline-secondary, .btn-outline-success,
.btn-outline-info, .btn-outline-warning, .btn-outline-danger, .btn-outline-light, .btn-outline-dark {
    --bs-btn-color: var(--bwise-variant-color);
    --bs-btn-border-color: var(--bwise-variant-color);
    --bs-btn-hover-color: var(--bwise-variant-foreground);
    --bs-btn-hover-bg: var(--bwise-variant-color);
    --bs-btn-hover-border-color: var(--bwise-variant-color);
    --bs-btn-focus-shadow-rgb: var(--bwise-variant-rgb);
    --bs-btn-active-color: var(--bwise-variant-foreground);
    --bs-btn-active-bg: var(--bwise-variant-color);
    --bs-btn-active-border-color: var(--bwise-variant-color);
    --bs-btn-disabled-color: var(--bwise-variant-color);
    --bs-btn-disabled-border-color: var(--bwise-variant-color);
}

.btn-outline-primary, .btn-outline-secondary, .btn-outline-success,
.btn-outline-warning, .btn-outline-danger, .btn-outline-dark {
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white);
}

.text-bg-primary, .text-bg-secondary, .text-bg-success, .text-bg-info,
.text-bg-warning, .text-bg-danger, .text-bg-light, .text-bg-dark {
    color: var(--bwise-variant-foreground) !important;
    background-color: rgba(var(--bwise-variant-rgb), var(--bs-bg-opacity, 1)) !important;
}


.hc-progress {
    min-width: 320px;
    max-width: 420px;
    color: #fff;
    text-align: left;
}

.hc-progress__title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.hc-progress__bar {
    width: 100%;
    height: 18px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.hc-progress__fill {
    width: 0%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #5bc0de 0%, #7fe7c4 100%);
    transition: width 0.2s linear;
}

.hc-progress__meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 0.5rem;
    font-size: 0.95rem;
}

.bwise-suffix-label {
    display: inline-flex;
    align-items: center;
    min-height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.menu-icon.fa-lg {font-weight: 800 !important;}

.widget-toolbar>.widget-menu>a[data-action]>i, .widget-toolbar>a[data-action]>i {
    padding: 0 4px;
}
body {
    font-family: "Open Sans", "Helvetica", sans-serif;
}

.bwiseDialog .form-check-input:checked,
.bwiseFilter .form-check-input:checked {
    background-color: color-mix(in srgb, var(--bs-primary) 75%, var(--bs-body-bg));
    border-color: color-mix(in srgb, var(--bs-primary) 75%, var(--bs-body-bg));
}

.bwiseDialog .form-check-input:focus,
.bwiseFilter .form-check-input:focus {
    border-color: color-mix(in srgb, var(--bs-primary) 60%, var(--bs-body-bg));
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--bs-primary) 20%, transparent);
}

#sidebar {
    --dashboard-menu-highlight-color: var(--nav-bar-background-color, var(--bs-primary));
    --dashboard-menu-highlight-text-color: var(--nav-bar-text-color, var(--bs-white));
}

#sidebar .nav-link,
#sidebar .nav-group-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    color: var(--bs-body-color);
    text-align: start;
    background: transparent;
    border: 0;
}

#sidebar.menu-rainbow .nav-main:not(.active):nth-child(6n + 1) {
    --dashboard-menu-rainbow-color: var(--bs-info-text-emphasis);
}

#sidebar.menu-rainbow .nav-main:not(.active):nth-child(6n + 2) {
    --dashboard-menu-rainbow-color: var(--bs-success-text-emphasis);
}

#sidebar.menu-rainbow .nav-main:not(.active):nth-child(6n + 3) {
    --dashboard-menu-rainbow-color: var(--bs-warning-text-emphasis);
}

#sidebar.menu-rainbow .nav-main:not(.active):nth-child(6n + 4) {
    --dashboard-menu-rainbow-color: var(--bs-danger-text-emphasis);
}

#sidebar.menu-rainbow .nav-main:not(.active):nth-child(6n + 5) {
    --dashboard-menu-rainbow-color: var(--bs-primary-text-emphasis);
}

#sidebar.menu-rainbow .nav-main:not(.active):nth-child(6n) {
    --dashboard-menu-rainbow-color: var(--bs-pink);
}

#sidebar.menu-rainbow .nav-main:not(.active) > .nav-link,
#sidebar.menu-rainbow .nav-main:not(.active) > .nav-group-toggle,
#sidebar.menu-rainbow .nav-main:not(.active) > .nav-link *,
#sidebar.menu-rainbow .nav-main:not(.active) > .nav-group-toggle * {
    color: var(--dashboard-menu-rainbow-color) !important;
}

#sidebar .nav-item.active > .nav-link,
#sidebar .nav-item.active > .nav-group-toggle {
    color: var(--dashboard-menu-highlight-text-color) !important;
    background-color: var(--dashboard-menu-highlight-color) !important;
}

#sidebar[data-menu-mode="collapse"] .nav-item.active > .nav-link,
#sidebar[data-menu-mode="collapse"] .nav-item.active > .nav-group-toggle {
    box-shadow: 0 -0.15rem var(--dashboard-menu-highlight-color),
        0 0.15rem var(--dashboard-menu-highlight-color);
}

#sidebar .nav-item.active > .nav-link *,
#sidebar .nav-item.active > .nav-group-toggle * {
    color: inherit !important;
}

#sidebar[data-menu-mode="collapse"] .navbar-nav {
    flex-direction: row;
    gap: 0.25rem;
}

#sidebar[data-menu-mode="collapse"] {
    --bs-navbar-padding-y: 0.15rem;
    min-height: 0;
    margin-bottom: 0;
}

#sidebar[data-menu-mode="collapse"][data-bs-theme="light"] {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg) !important;
}

#sidebar[data-menu-mode="collapse"][data-bs-theme="dark"] {
    color: var(--bs-white);
    background-color: var(--bs-dark) !important;
}

#sidebar[data-menu-mode="collapse"] .dropdown-menu {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
}

#sidebar[data-menu-mode="collapse"] .navbar-nav > .nav-item > .nav-link,
#sidebar[data-menu-mode="collapse"] .nav-group-toggle {
    display: grid;
    grid-template-rows: 1.5rem 1.25rem;
    width: 5.5rem;
    height: 3.5rem;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    gap: 0;
    padding: 0.35rem 0.25rem 0.15rem;
    font-size: 0.875rem;
    line-height: 1.1;
    text-align: center;
    white-space: normal;
}

#sidebar[data-menu-mode="collapse"] .navbar-nav > .nav-item > .nav-link > .menu-label,
#sidebar[data-menu-mode="collapse"] .nav-group-toggle > .menu-label {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    white-space: nowrap;
}

#sidebar[data-menu-mode="collapse"] .nav-group-toggle {
    position: relative;
}

#sidebar[data-menu-mode="collapse"] .nav-group-toggle::after {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    bottom: auto;
}

#sidebar[data-menu-mode="collapse"] .navbar-nav > .nav-item > .nav-link > .fa-lg,
#sidebar[data-menu-mode="collapse"] .nav-group-toggle > .fa-lg {
    font-size: 1.125rem;
}

@media (max-width: 991.98px) {
    #sidebar[data-menu-mode="collapse"] #sidebar-menu.collapse:not(.show) {
        display: block;
    }
}

@media (max-width: 1199.98px) {
    #sidebar[data-menu-mode="collapse"] .menu-label {
        display: none;
    }

    #sidebar[data-menu-mode="collapse"] .navbar-nav > .nav-item > .nav-link,
    #sidebar[data-menu-mode="collapse"] .nav-group-toggle {
        grid-template-rows: 1fr;
        width: 3rem;
        height: 3rem;
        padding: 0.5rem;
    }
}

@media (min-width: 992px) {
    body:has(#main-container.menu-layout-side) {
        display: flex;
        flex-direction: column;
    }

    body:has(#main-container.menu-layout-side) > #navbar {
        flex: 0 0 auto;
    }

    #main-container.menu-layout-side {
        display: flex;
        flex: 1 1 auto;
        align-items: stretch;
        min-height: 0;
    }

    #main-container.menu-layout-side > #sidebar[data-menu-mode="offcanvas"] {
        position: static;
        flex: 0 0 18rem;
        width: 18rem;
        overflow-y: auto;
    }

    #main-container.menu-layout-side > #sidebar[data-menu-mode="offcanvas"] + .main-content {
        flex: 1 1 0;
        height: 100%;
        min-width: 0;
        margin-left: 0;
    }
}

.navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.35);
}

.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}



.badge.text-bg-secondary,
.badge.text-bg-success,
.badge.text-bg-info {
    color: var(--bs-white) !important;
}

.badge.bg-white,
.text-bg-white {
    background-color: #fff !important;
    color: #222 !important;
    border: 1px solid #d5d5d5;
}

.badge.badge-white {
    border: 1px solid currentColor;
    text-shadow: none;
}

.text-bg-default,
.badge-default {
    background-color: var(--bs-light) !important;
    color: var(--bs-dark) !important;
}

.badge.badge-white.text-bg-default,
.badge.badge-white.badge-default {
    background-color: rgba(var(--bs-light-rgb), 0.35) !important;
    color: var(--bs-dark) !important;
}

.text-bg-important,
.badge-important {
    background-color: var(--bs-danger) !important;
    color: var(--bs-white) !important;
}

.text-bg-purple,
.badge-purple {
    background-color: var(--bwise-purple) !important;
    color: var(--bs-white) !important;
}

.text-bg-yellow,
.badge-yellow {
    background-color: var(--bs-warning) !important;
    color: var(--bs-dark) !important;
}

.badge.badge-white.text-bg-important,
.badge.badge-white.badge-important {
    background-color: rgba(var(--bs-danger-rgb), 0.15) !important;
    color: var(--bs-danger) !important;
}

.badge.badge-white.text-bg-purple,
.badge.badge-white.badge-purple {
    background-color: rgba(var(--bwise-purple-rgb), 0.15) !important;
    color: var(--bwise-purple) !important;
}

.badge.badge-white.text-bg-yellow,
.badge.badge-white.badge-yellow {
    background-color: rgba(var(--bs-warning-rgb), 0.18) !important;
    color: #9a6700 !important;
}

.badge.badge-white.text-bg-primary {
    background-color: rgba(var(--bs-primary-rgb), 0.15) !important;
    color: var(--bs-primary) !important;
}

.badge.badge-white.text-bg-secondary {
    background-color: rgba(var(--bs-secondary-rgb), 0.15) !important;
    color: var(--bs-secondary) !important;
}

.badge.badge-white.text-bg-success {
    background-color: rgba(var(--bs-success-rgb), 0.15) !important;
    color: var(--bs-success) !important;
}

.badge.badge-white.text-bg-danger {
    background-color: rgba(var(--bs-danger-rgb), 0.15) !important;
    color: var(--bs-danger) !important;
}

.badge.badge-white.text-bg-warning {
    background-color: rgba(var(--bs-warning-rgb), 0.18) !important;
    color: #9a6700 !important;
}

.badge.badge-white.text-bg-info {
    background-color: rgba(var(--bs-info-rgb), 0.15) !important;
    color: #0c6f87 !important;
}

.badge.badge-white.text-bg-light {
    background-color: rgba(var(--bs-secondary-rgb), 0.12) !important;
    color: #6c757d !important;
}

.badge.badge-white.text-bg-dark {
    background-color: rgba(var(--bs-dark-rgb), 0.12) !important;
    color: var(--bs-dark) !important;
}

.badge.badge-white.text-bg-pink {
    background-color: rgba(198, 105, 159, 0.15) !important;
    color: #c6699f !important;
}

.badge.badge-white.text-bg-blue {
    background-color: rgba(71, 143, 202, 0.15) !important;
    color: #478fca !important;
}

.badge.badge-white.text-bg-grey {
    background-color: rgba(119, 119, 119, 0.15) !important;
    color: #777 !important;
}

.dataTables_scrollBody .badge,
.dt-scroll-body .badge {
    border-radius: 0.2rem;
}


table.dataTable.table-bordered table.metro_table_form th:last-child,
table.dataTable.table-bordered table.metro_table_form td:last-child {
 border-right-width: 0px;
}

.text-bg-pink {
    background-color: #f7c7d9 !important;
    color: #5f2343 !important;
}

.main-container {
    padding-top: 0 !important;
}

.clearControl,
.clearAll,
.resetControl,
.resetAll {
    width: 24px;
    height: 2.2em;
    padding: 2px 0 !important;
    text-align: center;
}

.clearControl .fa,
.clearAll .fa,
.resetControl .fa,
.resetAll .fa {
    width: auto;
}

.value-plain {
    padding: 3px 0px 0px;
    margin-bottom: 4px;
    font-size: 14px;
    font-family: inherit;
}

input.hasError, select.hasError {
	border-color:#a94442 !important;	
    background-image: url(../img/warning.png)  !important;
    background-repeat: no-repeat  !important;
    background-position: right center !important;
}

.wrap-input-error label.hasError, .wrap-input-error label.error {
	margin: 0.25em 0px;
	color: #a94442 !important;
}

.select2-selection.hasError{
	padding-right: 1.5em;	
	background: none !important
}

.select2-selection.hasError .select2-selection__rendered{
    background-image: url(../img/warning.png)  !important;
    background-repeat: no-repeat  !important;
    background-position: right center !important;
}
.select2-container .select2-selection--single {
    height: inherit !important;
}


#contentType.bwiseFrame								{ position: relative; padding: 0 0 0 0 !important; }
.main-content .breadcrumbs.d-none + #contentType.bwiseFrame { position: relative; padding: 0 0 0 0 !important; }
#contentType.bwiseFrame > .row						{ margin: 0; }
#contentType.bwiseFrame > .row #bwiseContent	    { padding: 0; overflow-x:hidden; overflow-y: auto; }

.bwiseDialog			{
    position: relative;
    padding: 12px;
    background: #ffffff;
    box-sizing: border-box; 
    max-height: calc(100vh - 140px);
    max-height: calc(100dvh - 140px);
    overflow-y: auto;
}

.bwiseDialog .bwise-form-row {
    align-items: center;
}
.bwiseDialog .bwise-form-row > .form-label {
    display: flex;
    align-items: center;
    min-height: 26px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #52606d;
    font-weight: 600;
    line-height: 1.25;
}
.bwiseDialog input:not([type=checkbox]):not([type=radio]),
.bwiseDialog select,
.bwiseDialog textarea {
    min-height: 26px;
    padding: 2px 6px;
    line-height: 1.3;
}

.row > .row {
    padding-left: 0px;
    padding-right: 0px;
}


.bwiseDialog .select2-container--default .select2-selection--single .select2-selection__rendered,
.bwiseDialog select {
    height: 26px;
    line-height: 20px;
}
.bwiseDialog .select2-container--default .select2-selection--single {
    height: 26px !important;
}
.bwiseDialog .wrap-input-error {
    min-width: 0;
}
.bwiseDialog .wrap-input-error > .select2-container {
    width: 100% !important;
    min-width: 0;
}
.bwiseDialog .bwise-suffix-label {
    min-height: 26px;
}
.bwiseDialog div.title {
    display: flex;
    align-items: center;
    min-height: 28px;
    margin: 0;
    padding: 4px 6px;
    color: #1f2d3d;
    font-weight: 600;
    line-height: 1.25;
    background: #f5f7fa;
    border-bottom: 1px solid #d7dce3;
    border-left: 3px solid #337ab7;
}
.bwiseDialog div.title:has(> h1) { margin-top: 1.5rem; }
.bwiseDialog div.title:has(> h2) { margin-top: 1.25rem; }
.bwiseDialog div.title:has(> h3) { margin-top: 1rem; }
.bwiseDialog div.title:has(> h4) { margin-top: 0.75rem; }
.bwiseDialog div.title:has(> h5) { margin-top: 0.5rem; }
.bwiseDialog div.title:has(> h6) { margin-top: 0.25rem; }
.bwiseDialog > .row:first-child div.title { margin-top: 0; }
.bwiseDialog div.title > h1,
.bwiseDialog div.title > h2,
.bwiseDialog div.title > h3,
.bwiseDialog div.title > h4,
.bwiseDialog div.title > h5,
.bwiseDialog div.title > h6 {
    margin: 2px 0px;
}
.bwiseDialog div.title > h1 { font-size: 2rem; }
.bwiseDialog div.title > h2 { font-size: 1.75rem; }
.bwiseDialog div.title > h3 { font-size: 1.5rem; }
.bwiseDialog div.title > h4 { font-size: 1.25rem; }
.bwiseDialog div.title > h5 { font-size: 1.1rem; }
.bwiseDialog div.title > h6 { font-size: 1rem; }
.bwiseDialog div.title .fa-border {
    margin-left: 0.4rem;
}
.bwiseDialog .header div.title {
    min-height: 0;
    margin: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
}
.bwiseDialog .header div.title > h1,
.bwiseDialog .header div.title > h2,
.bwiseDialog .header div.title > h3,
.bwiseDialog .header div.title > h4,
.bwiseDialog .header div.title > h5,
.bwiseDialog .header div.title > h6 {
    font-weight: 700;
}

.overflow-auto                                       {overflow-y: auto;}

.footer-content										{ background: #ffffff; }
.filter_box												{ position: relative; margin: 0 0 0 0; }

/*
    The application shell is viewport-bound so the navigation stays visible.
    Bootstrap no longer provides Ace's scrollable content wrapper, therefore
    the content pane itself must establish the vertical scroll container.
*/
.main-content, body, html							{ height: 100vh; overflow: hidden; }
.main-content {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.menu-hor.main-content-inner                      { padding-bottom: 12em !important; }		.menu-ver.main-content-inner                  { padding-bottom: 3em !important; }

input:required:not(:read-only):not(.hasError),
textarea:required:not(:read-only):not(.hasError),
select:required:not(.hasError),
[aria-required=true]:not(.hasError) {
    background-color: #faebcc;
    border-color: color-mix(in srgb, var(--bs-border-color) 65%, var(--bs-body-bg));
}

select:required:not(.hasError) + span.select2-container {
    background-color: #faebcc;
}

.bwiseDialog select:not(.select2-hidden-accessible),
.bwiseFilter select:not(.select2-hidden-accessible) {
    border-color: var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.select2-container--default .select2-selection--single {background-color: transparent;}
.select2-container--default .select2-selection--multiple {
    background-color: transparent;
    line-height: inherit;
}

#contentType.bwiseFrame .bwiseAction {
    padding: 10px;
    border-right: 2px solid #f0f0f0;
    background: #fafafa;
    overflow: auto hidden;
}

#contentType.bwiseFrame .bwiseAction > .col-12 { width: 100%; }

#contentType.bwiseFrame .bwiseAction .submit-actions { display: flex; margin: 0; }
#contentType.bwiseFrame .bwiseAction .submit-actions > a {
    width: 50%;
}
#contentType.bwiseFrame .bwiseFilterContent	{ position: relative; padding: 0 1px 0 0; }

.row.hcFrame {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    margin-left: 0;
    margin-right: 0;
    min-height: 0;
}

#contentType.bwiseFrame .bwiseQueryResult {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

#contentType.bwiseFrame .bwiseQueryResult > .h100p,
#contentType.bwiseFrame .bwiseQueryResult > .bwiseList100p {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

#contentType.bwiseFrame .bwiseQueryResult .bwiseResultTable {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

#contentType.bwiseFrame .bwiseQueryResult .bwiseResultTable > .dataTables_wrapper,
#contentType.bwiseFrame .bwiseQueryResult .bwiseResultTable > .dt-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

#contentType.bwiseFrame .bwiseQueryResult .bwiseResultTable > .dt-container > .dt-layout-row.dt-layout-table,
#contentType.bwiseFrame .bwiseQueryResult .bwiseResultTable > .dt-container > .dt-layout-row.dt-layout-table > .dt-layout-cell {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

#contentType.bwiseFrame .bwiseQueryResult .bwiseResultTable > .dataTables_wrapper > .dataTables_scroll,
#contentType.bwiseFrame .bwiseQueryResult .bwiseResultTable > .dt-container > .dt-scroll,
#contentType.bwiseFrame .bwiseQueryResult .bwiseResultTable > .dt-container > .dt-layout-row.dt-layout-table > .dt-layout-cell > .dt-scroll {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

#contentType.bwiseFrame .bwiseQueryResult .dataTables_scrollHead,
#contentType.bwiseFrame .bwiseQueryResult .dt-scroll-head {
    overflow: visible !important;
}

#contentType.bwiseFrame .bwiseQueryResult .dataTables_scrollBody,
#contentType.bwiseFrame .bwiseQueryResult .dt-scroll-body {
    flex: 1 1 auto;
    min-height: 0;
    padding-bottom: 1em;
    overflow-y: auto !important;
}

.bwiseList100p {
    height: 100%;
    overflow: hidden;
    padding-bottom: 36px !important;
}

.h100p {
    height: 100% !important;
}

.col-fixed-300 {
    width: 300px;
    position: fixed;
    z-index: 1;
}

.col-offset-300 { 
    padding-left: 300px;
    z-index: 0;
    padding-right: 0px !important;
}

.toolbar_icon {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0px 16px 0px 0px;
    opacity: 0.5;
}

.tabcontrol .nav-tabs,
.bwiseDialog .nav-tabs,
#contentType .nav-tabs {
    gap: 0.2rem;
    border-bottom-color: #d7dce3;
}

.tabcontrol .nav-tabs .nav-link,
.bwiseDialog .nav-tabs .nav-link,
#contentType .nav-tabs .nav-link {
    color: #52606d;
    background: #f5f7fa;
    border-color: #d7dce3 #d7dce3 transparent;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    padding: 0.2rem 0.4rem;
    line-height: 1.75;
}
.tabcontrol .nav-tabs .nav-link:hover,
.tabcontrol .nav-tabs .nav-link:focus,
.bwiseDialog .nav-tabs .nav-link:hover,
.bwiseDialog .nav-tabs .nav-link:focus,
#contentType .nav-tabs .nav-link:hover,
#contentType .nav-tabs .nav-link:focus {
    color: #2f3b48;
    background: #eef2f6;
    border-color: #cbd3dc #cbd3dc transparent;
}

.tabcontrol .nav-tabs .nav-link.active,
.bwiseDialog .nav-tabs .nav-link.active,
#contentType .nav-tabs .nav-link.active {
    color: #1f2d3d;
    font-weight: 600;
    background: #fff;
    border-color: #c7d0da #c7d0da #fff;
}

.tabcontrol .tab-content,
.bwiseDialog .tab-content,
#contentType .tab-content {
    padding: 0 0.5em 0.5em;
}

.tree .tree-item>.tree-item-name>i:first-child {
    color: inherit; border: none !important;width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 14px; }
	 
.tree .tree-selected>.tree-item-name>i:first-child {
    background-color: transparent; color: #F9A021; 
}

.tree .tree-branch .tree-branch-header>.tree-branch-name>i:first-child, .tree .tree-item>.tree-item-name>i:first-child { font-size: 14px; width: 18px;
}

.dataTable>thead>tr>th.sorting_asc,
.dataTable>thead>tr>th.sorting_desc,
.dataTable>thead>tr>th.dt-ordering-asc,
.dataTable>thead>tr>th.dt-ordering-desc { background-image:none;}


table thead {
    --bs-table-bg: #f3f3f3;
}


.dataTable>tbody>tr.selected>td {
    background-color: #d9edf7 !important;;
    color: #393939 !important;
}

.dataTable>tbody>tr>td.table-merge-cell {
    vertical-align: middle;
}

.bwise_fixed_heigh .main-content-inner, .bwise_fixed_heigh .page-content, .bwise_fixed_heigh .page-content > .row, .bwise_fixed_heigh .page-content > .row > div	{ height: 100%; }

.sort-placeholder {
    border: dotted 1px silver;
    background-color: aliceblue;
    margin: 2px 0px;
}

.bwiseDialog div.row.sortable-item                         {position: relative;}
.bwiseDialog .sortable-handle.align-bottom                 {position: absolute; bottom: 20px;}
.bwiseDialog .sortable-handle.handle-left,
.bwiseDialog .sortable-handle.handle-left-inside                   {padding: 0px 12px;}
.bwiseDialog .sortable-handle.handle-left > .btn,
.bwiseDialog .sortable-handle.handle-left-inside > .btn           {
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin: 0px 0 2px 0;
    padding: 0;
    border: 1px solid #d8dee6;
    border-radius: 6px;
    background: #f7f9fc;
    box-shadow: none;
    color: #6b7785;
    cursor: grab;
}
.bwiseDialog .sortable-handle.handle-left > .btn:hover,
.bwiseDialog .sortable-handle.handle-left-inside > .btn:hover       {background: #ffffff; border-color: #bfc9d6; color: #4f5a67;}

.bwiseDialog .sortable-handle.handle-left > .btn:active,
.bwiseDialog .sortable-handle.handle-left-inside > .btn:active      {cursor: grabbing;}

.bwiseDialog .sortable-handle.handle-left > .btn > i,
.bwiseDialog .sortable-handle.handle-left-inside > .btn > i         {margin: 0; line-height: 1;}

.bwiseDialog .sortable-handle.handle-left                           {position: absolute; left: -32px;}
.bwiseDialog .sortable-handle.handle-left-inside                    {position: absolute; left: -8px;}

.bwiseDialog .sortable-handle.handle-left a,
.bwiseDialog .sortable-handle.handle-left-inside a                  {padding: 2px; background-color: transparent !important; border-color: transparent !important;}

.bwiseDialog .sortable-handle.handle-compact .btn {
    border: 0px;
    margin: 0px;
    padding: 4px;
    width: 28px;
    height: 28px;
    background-color: transparent !important;
}

.bwiseDialog .sortable-handle.handle-left-inside a {
    padding: 2px;

    background-color: transparent !important;
    border-color: transparent !important;
}

.bwiseDialog .sortable-handle.handle-left-inside + .row {
    width:  calc(100% - 20px);
    position: relative;
    left: 20px;
}

.bwiseDialog select[disabled],
.bwiseDialog a[readonly], .bwiseDialog a[aria-readonly="true"], 
.bwiseDialog input[readonly], .bwiseDialog input[aria-readonly="true"], 
.bwiseDialog select[readonly], .bwiseDialog select[aria-readonly="true"],
.bwiseDialog label[readonly], .bwiseDialog label[aria-readonly="true"],
.bwiseDialog select[readonly] + .select2-container .select2-selection__rendered,
.bwiseDialog select[readonly] + .select2-container .select2-selection
{
    filter: saturate(0.0);
    pointer-events: none;
}

.bwiseDialog select[readonly] + .select2-container .select2-selection__rendered .select2-selection__clear {
    display: none;
}

.bwiseFilter select[disabled] {
    color: #848484 !important;
    background-color: #eee !important;
    border-color: #d5d5d5 !important;
    pointer-events: none;
    cursor: default;
}

.bwiseFilter select[disabled]:hover,
.bwiseFilter select[disabled]:focus {
    border-color: #d5d5d5 !important;
    box-shadow: none !important;
}




.filter_form,
.filter_form > form											{ height: 100%; }
.filter_form .filter_table									{ height: 100%; width: 100%; }
.filter_form .filter_table tr:last-of-type td		{ height: 100%; }
.filter_form .filter_tree_container						{ position: relative; height: 100%; }
.filter_form .filter_tree									{ position: absolute; left: -20px; top: 0; right: -20px; bottom: 0; border-top: 3px solid #e5e5e5; overflow: auto; }

.contentTable													{ width: 100%; height: 100%; }
.contentTable td												{ vertical-align: top; }
.contentTable .contentTable_content						{ width: 100%; height: 100%; vertical-align: top; }
.contentTable .contentTable_content > div				{ position: relative; height: 100%; }
.contentTable .contentTable_content > div > div		{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; }

.bwicon															{ text-indent: 0 !important; width: 24px; height: 30px; margin: 0 10px 10px 0; text-align: center; line-height: 30px; font-size: 18px; color: #646464; }
.bwicon:hover													{ color: #000000; }
.bwicon.bwicon_move:hover									{ cursor: move !important; }


.jstree-icon.mi												{ font-size: 15px !important; }
.jstree-icon.fa												{ font-size: 14px !important; }




#contentType .fixed.frame									{ position: relative; height: 100%; }
#contentType .fixed.filter									{ position: absolute; left: 0; top: 0; bottom: 0; width: 300px; height: 100%; }
#contentType .fixed.filter button						{ width: 100%; }
#contentType .fixed.content								{ position: absolute; left: 300px; top: 0; bottom: 0; right: 0; height: 100%; }
#contentType .content.tight .row			            { margin-bottom: 5px; }
#contentType .content.tight hr							{ margin-top: 5px; margin-bottom: 5px; }

.bwAccordion .widget-header > div						{ position: relative; float: right; width: 38px; height: 38px; margin-left: 19px; cursor: pointer;  }
.bwAccordion .widget-header > div:before				{ display: block; content: "\f078"; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; line-height: 38px; color: #669FC7; font-family: "FontAwesome";  }
.bwAccordion.open .widget-header > div:before		{ content: "\f077";  }
.bwAccordion .widget-body									{ display: none; }
.bwAccordion.open .widget-body							{ display: block; }

.bwiseDialog .button-box .submit-actions {margin-bottom: 0px; margin-top: 0px; padding: 4px 4px; border: none; display:flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center;}

.bwiseDialog .form-history-box .row {margin-bottom: 0px;}
.bwiseDialog .form-history-box label {padding: 2px 2px; }
.bwiseDialog .form-history-box input {padding: 2px 2px; border: none; background-color: transparent !important;}

#contentType .card form .bwiseDialog,
#contentType .widget-box form .bwiseDialog {
    padding: 4px;
}

#contentType .card form .bwiseDialog .title,
#contentType .widget-box form .bwiseDialog .title {
    margin-top: 4px;
}


.bwiseFilter .intent-filter {
    display: block;
    width: auto;
    margin: 0 0.125rem 0 1.375rem;
}

.margin-left-gap {
    padding-left: 8px;
}

.margin-right-gap {
    padding-right: 8px;
}

.breadcrumbs .home-icon {
    font-size: 16px;
}

.dropdown-navbar {
    width: 380px;
}

a.disabled {
    filter: saturate(0.0) opacity(0.5);
    pointer-events: none;
}

.component.config-error {
    color: red;
    background: yellow;
    width: 100%;
    padding: 12px 8px;
    border: 2px orange solid;
}


del {
    color: darkorchid;
    opacity: 0.7;
}

.notification-badge {
    margin-left: 8px;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.text-monospace {
    font-family: monospace;
}

.untranslated {
    color: red;
}

.untranslated-html {
    color: red;
    background-color: yellow;
}

:root {
  --dt-row-selected: aliceblue;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-html-background: white;
}
:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}

.dd-dragel {z-index: 1199; /* above modals */ } 

.bootstrap-duallistbox-container button {box-sizing: border-box !important;}

.margin-2  {margin:  2px;}      .margin-left-2   {margin-left:  2px;}     .margin-right-2    {margin-right:  2px;}      .margin-top-2   {margin-top:  2px;}     .margin-bottom-2    {margin-bottom:  2px;}
.margin-4  {margin:  4px;}      .margin-left-4   {margin-left:  4px;}     .margin-right-4    {margin-right:  4px;}      .margin-top-4   {margin-top:  4px;}     .margin-bottom-4    {margin-bottom:  4px;}
.margin-6  {margin:  6px;}      .margin-left-6   {margin-left:  6px;}     .margin-right-6    {margin-right:  6px;}      .margin-top-6   {margin-top:  6px;}     .margin-bottom-6    {margin-bottom:  6px;}
.margin-8  {margin:  8px;}      .margin-left-8   {margin-left:  8px;}     .margin-right-8    {margin-right:  8px;}      .margin-top-8   {margin-top:  8px;}     .margin-bottom-8    {margin-bottom:  8px;}
.margin-10 {margin: 10px;}      .margin-left-10  {margin-left: 10px;}     .margin-right-10   {margin-right: 10px;}      .margin-top-10  {margin-top: 10px;}     .margin-bottom-10   {margin-bottom: 10px;}
.margin-12 {margin: 12px;}      .margin-left-12  {margin-left: 12px;}     .margin-right-12   {margin-right: 12px;}      .margin-top-12  {margin-top: 12px;}     .margin-bottom-12   {margin-bottom: 12px;}
.margin-14 {margin: 14px;}      .margin-left-14  {margin-left: 14px;}     .margin-right-14   {margin-right: 14px;}      .margin-top-14  {margin-top: 14px;}     .margin-bottom-14   {margin-bottom: 14px;}
.margin-16 {margin: 16px;}      .margin-left-16  {margin-left: 16px;}     .margin-right-16   {margin-right: 16px;}      .margin-top-16  {margin-top: 16px;}     .margin-bottom-16   {margin-bottom: 16px;}

.padding-2  {padding:  2px;}    .padding-left-2  {padding-left:  2px;}    .padding-right-2   {padding-right:  2px;}     .padding-top-2  {padding-top:  2px;}    .padding-bottom-2   {padding-bottom:  2px;}
.padding-4  {padding:  4px;}    .padding-left-4  {padding-left:  4px;}    .padding-right-4   {padding-right:  4px;}     .padding-top-4  {padding-top:  4px;}    .padding-bottom-4   {padding-bottom:  4px;}
.padding-6  {padding:  6px;}    .padding-left-6  {padding-left:  6px;}    .padding-right-6   {padding-right:  6px;}     .padding-top-6  {padding-top:  6px;}    .padding-bottom-6   {padding-bottom:  6px;}
.padding-8  {padding:  8px;}    .padding-left-8  {padding-left:  8px;}    .padding-right-8   {padding-right:  8px;}     .padding-top-8  {padding-top:  8px;}    .padding-bottom-8   {padding-bottom:  8px;}
.padding-10 {padding: 10px;}    .padding-left-10 {padding-left: 10px;}    .padding-right-10  {padding-right: 10px;}     .padding-top-10 {padding-top: 10px;}    .padding-bottom-10  {padding-bottom: 10px;}
.padding-12 {padding: 12px;}    .padding-left-12 {padding-left: 12px;}    .padding-right-12  {padding-right: 12px;}     .padding-top-12 {padding-top: 12px;}    .padding-bottom-12  {padding-bottom: 12px;}
.padding-14 {padding: 14px;}    .padding-left-14 {padding-left: 14px;}    .padding-right-14  {padding-right: 14px;}     .padding-top-14 {padding-top: 14px;}    .padding-bottom-14  {padding-bottom: 14px;}
.padding-16 {padding: 16px;}    .padding-left-16 {padding-left: 16px;}    .padding-right-16  {padding-right: 16px;}     .padding-top-16 {padding-top: 16px;}    .padding-bottom-16  {padding-bottom: 16px;}

.bwiseDialog {    container-type: inline-size;}

@container (inline-size < 540px) {
    .col-12 {width: 100%}      .col-11 {width: 91.666%}   .col-10 {width: 83.333%}     .col-9 {width: 75%}
    .col-8 {width: 66.666%}    .col-7 {width: 58.333%}    .col-6 {width: 50%}          .col-5 {width: 41.666%}
    .col-4 {width: 33.333%}    .col-3 {width: 25%}        .col-2 {width: 16.666%}      .col-1 {width: 8.333%}
}

@container (inline-size >= 540px) {
    .col-sm-12 {width: 100%}      .col-sm-11 {width: 91.666%}   .col-sm-10 {width: 83.333%}     .col-sm-9 {width: 75%}
    .col-sm-8 {width: 66.666%}    .col-sm-7 {width: 58.333%}    .col-sm-6 {width: 50%}          .col-sm-5 {width: 41.666%}
    .col-sm-4 {width: 33.333%}    .col-sm-3 {width: 25%}        .col-sm-2 {width: 16.666%}      .col-sm-1 {width: 8.333%}
}

@container (inline-size >= 720px) {
    .col-md-12 {width: 100%}      .col-md-11 {width: 91.666%}   .col-md-10 {width: 83.333%}     .col-md-9 {width: 75%}
    .col-md-8 {width: 66.666%}    .col-md-7 {width: 58.333%}    .col-md-6 {width: 50%}          .col-md-5 {width: 41.666%}
    .col-md-4 {width: 33.333%}    .col-md-3 {width: 25%}        .col-md-2 {width: 16.666%}      .col-md-1 {width: 8.333%}
}

@container (inline-size >=992px) {
    .col-lg-12 {width: 100%}      .col-lg-11 {width: 91.666%}   .col-lg-10 {width: 83.333%}     .col-lg-9 {width: 75%}
    .col-lg-8 {width: 66.666%}    .col-lg-7 {width: 58.333%}    .col-lg-6 {width: 50%}          .col-lg-5 {width: 41.666%}
    .col-lg-4 {width: 33.333%}    .col-lg-3 {width: 25%}        .col-lg-2 {width: 16.666%}      .col-lg-1 {width: 8.333%}
}



.filter_box:after {
    display: block; content: ""; clear: both;
}

#navbar-container .navbar-brand {
    display: flex;
    align-items: center;
    height: 38px;
    margin: 0;
    padding: 0 0.5rem;
    font-size: 1.5rem;
    line-height: 1.2;
}
#navbar-container                                                   { width: 100%; max-width: none; display: flex; align-items: stretch; flex-wrap: nowrap; }
#navbar-container > .navbar-control-group,
#navbar-container > .navbar-title-group,
#navbar-container > .navbar-buttons,
#navbar-container > .navbar-toggler                                 { flex: 0 0 auto; }
.navbar-title-group                                                 { display: flex; align-items: stretch; }
.navbar-toolbar-group                                               { display: flex; align-items: stretch; }
.navbar-right-group                                                 { margin-left: auto; display: flex; align-items: stretch; flex-wrap: nowrap; }
.navbar-right-group .navbar-buttons                                 { flex: 0 0 auto; }

#id_bwiseToggleFilter {
    display: flex;
    align-items: center;
}

#id_bwiseToggleFilter .btn,
#id_bwiseToggleFilter .btn:hover,
#id_bwiseToggleFilter .btn:focus {
    color: var(--nav-bar-text-color);
}

#navbar .navbar-buttons .nav-link,
#navbar .navbar-buttons .dropdown-toggle {
    color: var(--bs-white) !important;
}

#navbar .navbar-buttons .nav-link:hover,
#navbar .navbar-buttons .nav-link:focus,
#navbar .navbar-buttons .dropdown-toggle:hover,
#navbar .navbar-buttons .dropdown-toggle:focus {
    color: var(--bs-white) !important;
    background-color: rgba(0, 0, 0, 0.1);
}

.navbar-buttons .nav-item.light-blue > .dropdown-toggle {
    display: inline-flex;
    align-items: center;
}

.navbar-buttons .user-info {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0.5rem;
    line-height: 1.2;
}

#navbar .navbar-buttons .nav-link i,
#navbar .navbar-buttons .dropdown-toggle i,
#navbar .navbar-buttons .nav-link span,
#navbar .navbar-buttons .dropdown-toggle span {
    color: inherit !important;
}

#bwise_notifications .dropdown-toggle::after {
    display: none;
}

/* Responsive layout */
@media (max-width: 479px), (max-height: 479px) {
    table,
    .breadcrumbs, .breadcrumb, .navbar,
    .menuDateTimeList,
    .widget-toolbar a, .widget-title {
        font-size: 80%;
        line-height: unset !important;
    }

    .nav_toolbar li a.fa {
        font-size: 22px !important;
    }

    .nav_toolbar li a.fa-copy,
    .nav_toolbar li a.fa-print {
        font-size: 12px !important;
    }

    .tempus-dominus-widget {
        zoom: 0.60;
    }

    table a.btn {
        font-size: x-small !important;
    }

    label,
    .bwiseDialog .lbl, .bwiseDialog .btn,
    .bwiseDialog input, .bwiseDialog select,
    .bwiseDialog .select2-selection__rendered {
        font-size: small !important;
    }

    #contentType.bwiseFrame .bwiseFilter label {
        font-size: 100% !important;
    }

    .bwiseFilter .select2-selection {
        line-height: 12px !important;
        height: unset;
        min-height: unset;
    }

    .bwiseFilter .form-control {
        height: unset;
    }

    .widget-header {
        min-height: 18px;
        height: 24px;
    }

    .widget-toolbar {
        line-height: initial !important;
    }

    .navbar {
        height: 38px;
    }

    #navbar-container .navbar-brand { font-size: 16px; height: 36px; line-height: 18px; padding-top: 8px; padding-bottom: 8px; }
    #navbar-container > .navbar-toggler,
    #navbar-container > .navbar-control-group,
    #navbar-container > .navbar-title-group,
    #navbar-container > .navbar-buttons,
#navbar-container > .navbar-right-group {
    min-height: 36px;
}

    .navbar-buttons .nav_toolbar li {
        margin-top: 4px;
    }

    .navbar-buttons .nav_toolbar li a {
        width: 24px;
        height: 24px;
    }

    .navbar-buttons .nav_toolbar li a.fa {
        font-size: 18px;
        padding: 6px;
    }

    #bwise_toolbar_left li a {
        width: 32px;
        height: 32px;
    }

    #bwise_toolbar_left li a.fa,
    #bwise_toolbar_left li a.mi,
    #bwise_toolbar_left li a.glyphicon {
        font-size: 18px !important;
        padding: 6px;
    }

    .navbar:not(.navbar-collapse) .navbar-buttons .nav-user-photo {
        margin-right: 0;
    }

    .navbar:not(.navbar-collapse) .navbar-buttons .user-info {
        position: absolute;
        margin-top: 40px;
        margin-left: 1px;
        right: 2px;
        z-index: 1032;
        color: #777;
        font-size: 14px;
        width: 156px;
        max-width: 156px;
        padding-left: 8px;
        padding-right: 8px;
        height: 32px;
        line-height: 26px !important;
        display: none;
        border-bottom: 1px solid #E5E5E5;
        text-align: center;
        vertical-align: middle;
        cursor: text;
    }

    .navbar:not(.navbar-collapse) .navbar-buttons .user-info > small {
        display: inline;
        opacity: 1;
    }

    li.open .user-info {
        display: inline-block !important;
    }
}

@media (min-width: 768px) {
    .modal-xl {
        width: 85%;
        max-width: 85%;
    }

    .modal-lg {
        width: 1020px;
        max-width: 85%;
    }
}

@media screen and (max-width: 991px) {
	.bwise_fixed_heigh .main-content-inner, .bwise_fixed_heigh .page-content, .bwise_fixed_heigh .page-content .row, .bwise_fixed_heigh .page-content .row > div	{ height: auto; }
    .contentTable .contentTable_content > div > div               { position: relative; }

    /* Stack filters above results so one content scroll reaches both panes. */
    .row.hcFrame                                                   { height: auto !important; }
    #contentType.bwiseFrame .bwiseFilter                          { height: auto !important; overflow: visible; }

    body                                                            { zoom: 80%; height: 125vh; }
    .main-content                                                   { height: 125vh; }
    #navbar-container                                               { flex-wrap: nowrap; }
    .navbar-title-group                                             { flex: 1 1 auto; min-width: 0; overflow: hidden; }
    #navbar-container .navbar-brand                                 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .navbar-right-group                                             { flex: 0 1 auto; width: auto; min-width: 0; margin-left: auto; justify-content: flex-end; flex-wrap: nowrap; }
    .navbar-right-group .navbar-buttons                             { min-width: 0; }
    .navbar-right-group .nav_toolbar                                { flex-wrap: nowrap; }
    .bootbox {
        width: 100vw;
        width: 100dvw;
        height: 100vh;
        height: 100dvh;
    }

    #lightboxOverlay {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        width: 100dvw !important;
        height: 100vh !important;
        height: 100dvh !important;
    }

    #lightbox {
        width: 100vw;
        width: 100dvw;
    }

    #contentType.bwiseFrame .bwiseFilter { border-right-color: transparent; }
    #contentType.bwiseFrame .bwiseFilter.h100p {
        align-self: flex-start;
    }

    .bwise-form-row > .number-control-narrow {
        flex: 0 0 auto;
        width: 66.666667%;
        max-width: 66.666667%;
    }

    .nav-user-photo                                                 { width: 24px !important; height: 24px !important; }
    #bwise_notifications .badge                                     { font-size: 8px; }

    .tabcontrol .nav-tabs .nav-item,
    .bwiseDialog .nav-tabs .nav-item,
    #contentType .nav-tabs .nav-item                                { display: flex; min-height: 55px; }

    .tabcontrol .nav-tabs .nav-link,
    .bwiseDialog .nav-tabs .nav-link,
    #contentType .nav-tabs .nav-link                                { display: flex; align-items: center; min-height: 55px; line-height: 1.2; padding: 0.3rem 0.5rem; }

}

.nav_toolbar														{ margin: 0; }
.nav_toolbar:after													{ display: block; content: ""; clear: both; }
.nav_toolbar li														{ float: left; list-style: none; }
.nav_toolbar li a													{ display: block; width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; opacity: 0.8; }
.nav_toolbar li a:hover											    { background-color: rgba( 0,0,0,0.2 ); opacity: 1; }

.nav_toolbar li a.fa                                                 { color: white; font-size: 26px; padding: 10px; }
.nav_toolbar li a.mi                                                 { color: white; font-size: 26px; padding: 10px; }
.nav_toolbar li a.glyphicon                                          { color: white; font-size: 24px; padding: 10px; }

.navbar-buttons a,
.nav-search .btn-link                                               { text-decoration: none !important; }

.bwiseDialog > *													{ margin-bottom: 8px; }
.bwiseDialog > :last-child                                    { margin-bottom: 0; }
.bwiseForm > *														{ margin-bottom: 5px; }
.bwiseForm textarea													{ height: 118px; }
.bwiseDialog .text-bold	                                            { font-weight: bold; }

.max-width-25														{ max-width: 300px; }
.max-width-33														{ max-width: 396px; }
.max-width-50														{ max-width: 600px; }
.max-width-66														{ max-width: 792px; }
.max-width-75														{ max-width: 900px; }
.max-width-100														{ max-width: 1200px; }
.no-border-right													{ border-right: none !important; }
.no-border-left														{ border-left: none !important; }
.no-border-top														{ border-top: none !important; }
.no-border-bottom												    { border-bottom: none !important; }
.no-border												            { border: none !important; }

.no-overflow                                                        { overflow: auto; height: inherit!important; }

select.align-right                                                  {text-align-last: right; }
.align-right > .select2-results__option                                                 {text-align: right; }
input[type=number]                                                 {text-align: right; }

div.internal-error {color: red; background: yellow;}

input[type=number].no-buttons::-webkit-outer-spin-button,
input[type=number].no-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.right-buttonspace {
  padding-right: 18px;
}

input[type='number'].placeholder-buttonspace::placeholder,
.select2 .select2-selection.placeholder-buttonspace .select2-selection__rendered {
  padding-right: 18px !important;
}

.select2 ul.select2-selection__rendered {
    margin-left: inherit;
}

.select2-hidden-accessible {display:none;}

.verify-feedback.label {
    line-height: inherit;
    height: inherit;
    padding: 5px 4px 6px;
}

span.select2-container--default         {width: 100% !important;}
span.select2-container--default .select2-search--inline input {width: 100% !important;}


.select2-image-container {display: flow-root;}
.select2-image-container .select2-image-preview {width: 32px; height: 32px; object-fit: contain; object-position: center; border: dotted black 1px;}
.select2-image-container .select2-image-preview.image-right {float: right; margin: 0px 4px 0 16px;}
.select2-image-container .select2-image-preview.image-left {float: left; margin: 0px 16px 0 4px;}

.select2-selection__clear { position: absolute !important; right: 2em !important;}


.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: -4px;
}

table select.intable {border: none;background: transparent;color:#393939;margin: 0px;padding: 0px;height: 1.5em;;}
table select.intable.modified {background-image: linear-gradient(120deg, #3fff0020, #f0f3f020);}

table.dataTable {margin-top: 0px !important}

table.dataTable.display tbody tr:nth-child(odd).highlight {background-color: lemonchiffon;}
table.dataTable.display tbody tr:nth-child(even).highlight {background-color: lightyellow;}
table.dataTable.display tbody tr.highlight > td {background-color: inherit;}
table.dataTable.display tbody tr td.table-merge-highlight {background-color: lightyellow;}

table.dataTable.display tr.total td, table.dataTable.display tr.grandtotal td {font-weight: bold;}

table.dataTable.display tr.total.highlight, table.dataTable.display tr.grandtotal.highlight {background-color: palegoldenrod;}
table.dataTable.display tbody tr:nth-child(odd).total.highlight, table.dataTable.display tbody tr:nth-child(odd).grandtotal.highlight {background-color: khaki;}
table.dataTable.display tbody tr:nth-child(even).total.highlight, table.dataTable.display tbody tr:nth-child(even).grandtotal.highlight {background-color: palegoldenrod;}

table tbody tr:nth-child(odd) td.headercol,
table tbody tr:nth-child(even) td.headercol {background-color: #f3f3f3; font-weight: bold;}

table.dataTable.display td {padding: 1px 2px;}
table.dataTable.display th {padding: 4px 4px;}

table.dataTable.display tr.total td, table.dataTable.display tr.total th {padding-top: 6px; padding-bottom: 6px; vertical-align: baseline; color: darkblue;}
table.dataTable.display tr.grandtotal td, table.dataTable.display tr.grandtotal th {padding-top: 12px; padding-bottom: 12px; vertical-align: baseline; font-size: larger; color: midnightblue;}

table.dataTable.display tr td.stylebold, .dataValue.stylebold {font-weight: bold;}
table.dataTable.display tr td.styledark1, .dataValue.styledark1  {background-image: linear-gradient(120deg, #00000008, #0000000a);}
table.dataTable.display tr td.styledark2, .dataValue.styledark2 {background-image: linear-gradient(120deg, #00000010, #00000014);}



table.dataTable.display tbody tr:nth-child(even) td.highlight, .dataValue.highlight {background-color: lightyellow;}
table.dataTable.display tbody tr:nth-child(odd) td.highlight {background-color: lemonchiffon;}

table.dataTable.display tr.total td.highlight-total, table.dataTable.display tr.grandtotal td.highlight-grandtotal
, .dataValue.highlight-total, .dataValue.highlight-grandtotal {background-color: lightyellow;}
table.dataTable.display tbody tr:nth-child(odd).total td.highlight-total, table.dataTable.display tbody tr:nth-child(odd).grandtotal td.highlight-grandtotal {background-color: lemonchiffon;}
table.dataTable.display tbody tr:nth-child(even).total td.highlight-total, table.dataTable.display tbody tr:nth-child(even).grandtotal td.highlight-grandtotal {background-color: lightyellow;}


table.dataTable.display tbody tr:nth-child(even) td.highlight1, .dataValue.highlight1 {background-color: #f7ece4;}
table.dataTable.display tbody tr:nth-child(odd) td.highlight1 {background-color: #f5e7dd;}

table.dataTable.display tr.total td.highlight1-total, table.dataTable.display tr.grandtotal td.highlight1-grandtotal
, .dataValue.highlight1-total, .dataValue.highlight1-grandtotal {background-color: #f7ece4;}
table.dataTable.display tbody tr:nth-child(odd).total td.highlight1-total, table.dataTable.display tbody tr:nth-child(odd).grandtotal td.highlight1-grandtotal {background-color: #f5e7dd;}
table.dataTable.display tbody tr:nth-child(even).total td.highlight1-total, table.dataTable.display tbody tr:nth-child(even).grandtotal td.highlight1-grandtotal {background-color: #f7ece4;}


table.dataTable.display tbody tr:nth-child(even) td.highlight2, .dataValue.highlight2 {background-color: #e4f7ec;}
table.dataTable.display tbody tr:nth-child(odd) td.highlight2 {background-color: #ddf5e7;}

table.dataTable.display tr.total td.highlight2-total, table.dataTable.display tr.grandtotal td.highlight2-grandtotal
, .dataValue.highlight2-total, .dataValue.highlight2-grandtotal {background-color: #e4f7ec;}
table.dataTable.display tbody tr:nth-child(odd).total td.highlight2-total, table.dataTable.display tbody tr:nth-child(odd).grandtotal td.highlight2-grandtotal {background-color: #ddf5e7;}
table.dataTable.display tbody tr:nth-child(even).total td.highlight2-total, table.dataTable.display tbody tr:nth-child(even).grandtotal td.highlight2-grandtotal {background-color: #e4f7ec;}


table.dataTable.display tbody tr:nth-child(even) td.highlight3, .dataValue.highlight3 {background-color: #f0f5fb;}
table.dataTable.display tbody tr:nth-child(odd) td.highlight3 {background-color: #e3efff;}

table.dataTable.display tr.total td.highlight3-total, table.dataTable.display tr.grandtotal td.highlight3-grandtotal
, .dataValue.highlight3-total, .dataValue.highlight3-grandtotal {background-color: #f0f5fb;}
table.dataTable.display tbody tr:nth-child(odd).total td.highlight3-total, table.dataTable.display tbody tr:nth-child(odd).grandtotal td.highlight3-grandtotal {background-color: #e3efff;}
table.dataTable.display tbody tr:nth-child(even).total td.highlight3-total, table.dataTable.display tbody tr:nth-child(even).grandtotal td.highlight3-grandtotal {background-color: #f0f5fb;}



textarea[disabled]             {    color: #848484!important;    background-color: #EEE!important}
textarea[disabled]:hover       {    border-color: #D5D5D5!important}
textarea[readonly]             {    color: #939192;    background: #F5F5F5!important;    cursor: default}
textarea[readonly]:hover       {    border-color: #c3c3c3}
textarea[readonly]:focus       {    -webkit-box-shadow: none;    box-shadow: none;    border-color: #AAA;    background-color: #F9F9F9}

.row.newrow {
    position: relative;
}

.row.newrow::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 100%;
    left: -8px;
    background-image: linear-gradient(120deg, #3fff00bd, #f0f35e);
    opacity: .7;
    pointer-events: none;
}

.Collapsable-header {
    display: block;
}

.Collapsable.collapsed {
    display: none;
}

.Collapsable.expanded {
    display: block;
}

details.Collapsable-header {
    display: block;
}

details.toggle_title.Collapsable-header > summary {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 3px 6px;
    color: #2f3b48;
    background: #f5f7fa;
    border: 1px solid #d7dce3;
    border-radius: 0.25rem;
    cursor: pointer;
    list-style: none;
}

details.toggle_title.Collapsable-header > summary:hover {
    background: #eef2f6;
    border-color: #cbd3dc;
}

details.toggle_title.Collapsable-header[open] > summary {
    color: #1f2d3d;
    background: #f5f7fa;
    border-color: #c7d0da;
}

details.Collapsable-header > summary:focus-visible {
    outline: 2px solid rgba(45, 171, 63, 0.45);
    outline-offset: 2px;
}

details.Collapsable-header > summary::-webkit-details-marker {
    display: none;
}

details.Collapsable-header > summary::marker {
    content: "";
}

details.filter_box.Collapsable-header > summary {
    display: flex;
    align-items: center;
    width: 100%;
}

details.filter_box.Collapsable-header > summary > h1,
details.filter_box.Collapsable-header > summary > h2,
details.filter_box.Collapsable-header > summary > h3,
details.filter_box.Collapsable-header > summary > h4,
details.filter_box.Collapsable-header > summary > h5,
details.filter_box.Collapsable-header > summary > h6 {
    flex: 1 1 auto;
    order: 1;
}

details.filter_box.Collapsable-header > summary > .collapseIconWrap {
    order: 2;
}

details.Collapsable-header:not([open]) + * {
    display: none;
}

details.Collapsable-header > summary > h1,
details.Collapsable-header > summary > h2,
details.Collapsable-header > summary > h3,
details.Collapsable-header > summary > h4,
details.Collapsable-header > summary > h5,
details.Collapsable-header > summary > h6 {
    display: block;
    flex: 1 1 auto;
    margin: 0;
    line-height: 1.25;
}

details.Collapsable-header[open] .collapseIcon-open {
    display: inline-block;
}

details.Collapsable-header[open] .collapseIcon-closed {
    display: none;
}

details.Collapsable-header:not([open]) .collapseIcon-open {
    display: none;
}

details.Collapsable-header:not([open]) .collapseIcon-closed {
    display: inline-block;
}

.toggle_title.Collapsable-header .collapseIcon,
.filter_box.Collapsable-header .collapseIcon {
    font-size: 100%;
    color: #337ab7;
}

.toggle_title.Collapsable-header.icon-right .collapseIconWrap,
.filter_box.Collapsable-header .collapseIconWrap {
    margin-left: auto;
}

.toggle_title.Collapsable-header .collapseIconWrap,
.filter_box.Collapsable-header .collapseIconWrap {
    display: inline-flex;
    flex: 0 0 1em;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.filter_box .datetime-input, .form-history-box .datetime-readonly {
    font-size: unset;
}

.nav-search .select2-container--default .select2-selection {
    line-height: 18px;
}

.nav-search .form-search,
.nav-search .form-focus {
    display:flex;
    flex-direction: row;
    width: 100%;
}
.nav-search .input-icon,
.nav-search .input-group,
.nav-search .nav-focus-input {
    flex:auto;
}
.nav-search  .nav-search-input {
    width: 100%;
}

/* Compact Bootstrap form pane used by frame filters. */
#contentType.bwiseFrame .bwiseFilter {
    --bwise-filter-border: color-mix(in srgb, var(--bs-border-color) 65%, var(--bs-body-bg));
    padding: 0.5rem;
    background-color: var(--bs-tertiary-bg);
    border-right: var(--bs-border-width) solid var(--bs-border-color);
    overflow: hidden auto;
    font-size: 100%;
}

#contentType.bwiseFrame .bwiseFilter .filter_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.25rem 0;
    min-width: 0;
    margin-bottom: 0.25rem;
    padding: 0.25rem 0;
}

#contentType.bwiseFrame .bwiseFilter .filter_box > :is(h5, .row, details) {
    flex: 0 0 100%;
}

#contentType.bwiseFrame .bwiseFilter .filter_box > h5 {
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: 100%;
    font-weight: 600;
    line-height: 1.2;
}

#contentType.bwiseFrame .bwiseFilter .filter_box :is(.form-control, select, .select2-container) {
    margin-block: 0.125rem !important;
}

#contentType.bwiseFrame .bwiseFilter .filter_box :is(input:not(.form-check-input):not(.hasError), select:not(.hasError), textarea:not(.hasError), .select2-selection) {
    border-color: var(--bwise-filter-border);
}

#contentType.bwiseFrame .bwiseFilter .select2-container--default .select2-selection {
    background-color: var(--bs-white);
    line-height: 1rem;
}

#contentType.bwiseFrame .bwiseFilter .select2-container--default .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px) !important;
}

#contentType.bwiseFrame .bwiseFilter .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + 0.75rem);
}

#contentType.bwiseFrame .bwiseFilter .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + 0.75rem);
}

#contentType.bwiseFrame .bwiseFilter .select2-container .select2-search--inline .select2-search__field {
    height: 1rem;
    line-height: 1rem;
    margin-block: 0.0625rem !important;
}

#contentType.bwiseFrame .bwiseFilter .select2-container--default .select2-selection--multiple:not(:has(.select2-selection__choice)) .select2-search--inline .select2-search__field {
    height: calc(1.5em + 0.75rem);
    line-height: calc(1.5em + 0.75rem);
    margin-top: 0.1875rem !important;
    margin-bottom: 0 !important;
}

#contentType.bwiseFrame .bwiseFilter .select2-container--default .select2-selection--multiple {
    min-height: calc(1.5em + 0.75rem + 2px);
    padding-bottom: 0.0625rem;
}

#contentType.bwiseFrame .bwiseFilter .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-block: 0.125rem 0.0625rem;
    padding-block: 0.125rem;
}

/* A row of filter boxes is a compact Bootstrap card group. */
#contentType.bwiseFrame .bwiseFilter form > .row > [class*="col-"] > .filter_box,
#contentType.bwiseFrame .bwiseFilter form > .tabcontrol .tab-pane > .row > [class*="col-"] > .filter_box {
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-left: 0.1875rem solid var(--bs-primary);
    border-radius: var(--bs-border-radius-sm);
    box-shadow: var(--bs-box-shadow-sm);
}

#contentType.bwiseFrame .bwiseFilter form > .row > [class*="col-"] > .filter_box :is(h4, h5),
#contentType.bwiseFrame .bwiseFilter form > .tabcontrol .tab-pane > .row > [class*="col-"] > .filter_box :is(h4, h5) {
    margin: 0;
    color: var(--bs-emphasis-color);
    font-size: 100%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

#contentType.bwiseFrame .bwiseFilter .padding_bottom_10 { padding-bottom: 0.125rem; }
#contentType.bwiseFrame .bwiseFilter .padding_top_10 { padding-top: 0.625rem; }
#contentType.bwiseFrame .bwiseFilter .label-none { color: inherit; background-color: transparent; }
#contentType.bwiseFrame .bwiseFilter :is(input, select, .select2-selection__rendered, .btn),
.filterSelect2 {
    font-size: inherit !important;
}
#contentType.bwiseFrame .bwiseFilter .select2-container .select2-results__option.optInvisible { display: none; }
#contentType.bwiseFrame .bwiseFilter .select2-container--default .select2-selection--multiple .select2-selection__choice__display { white-space: normal; }

.below-popup .popup-description {
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
}
.below-popup .popup-description:empty {display: none;}

.below-popup .popup-description pre {
    padding: 0;
    margin: 0;
    border: none;
}


.copybutton-right {
    display: flex;
    align-self: stretch;
    min-width: 0;
}

.copybutton-right > .btn {
    flex: 1 1 auto;
}
.bwiseFilter input[type=email],
.bwiseFilter input[type=url],
.bwiseFilter input[type=search],
.bwiseFilter input[type=tel],
.bwiseFilter input[type=color],
.bwiseFilter input[type=text],
.bwiseFilter input[type=password],
.bwiseFilter input[type=datetime],
.bwiseFilter input[type=datetime-local],
.bwiseFilter input[type=date],
.bwiseFilter input[type=month],
.bwiseFilter input[type=time],
.bwiseFilter input[type=week],
.bwiseFilter input[type=number],
.bwiseFilter .select2-selection__rendered,
.bwiseFilter select,
.bwiseFilter textarea {
    color: #D6487E !important;  /* same as .btn-pink */
}

.bwiseFilter ::placeholder {
    color: #93b4c4;
    font-style: italic;
}

.bwiseContent ::placeholder {
    color: #C0C0C0;
}

/* date/time pickers */

::-webkit-datetime-edit { margin-right: -2.5em; }
::-webkit-datetime-edit-fields-wrapper { margin-left: 0px; margin-right: 0px; padding: 0px; }
::-webkit-datetime-edit-text { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;  }
::-webkit-datetime-edit-month-field { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
::-webkit-datetime-edit-day-field { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
::-webkit-datetime-edit-year-field { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
::-webkit-calendar-picker-indicator { padding: 0px; margin: 1px; margin-right: 0px; }

input[type="datetime-local"]::-webkit-datetime-edit
{ zoom: 95%; }
input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper
{ zoom: 90%; }

input[type="datetime-local"]::-webkit-datetime-edit
{ margin-right: -3.8em; }

input[type="date"]:not(.has-value):before
,input[type="datetime-local"]:not(.has-value):before
,input[type="month"]:not(.has-value):before
,input[type="week"]:not(.has-value):before
,input[type="time"]:not(.has-value):before
{
  color: #999999;
  content: attr(placeholder);

}
input[type="date"].align-center:not(.has-value):before
, input[type="datetime-local"].align-center:not(.has-value):before
, input[type="month"].align-center:not(.has-value):before
, input[type="week"].align-center:not(.has-value):before
, input[type="time"].align-center:not(.has-value):before
{
  text-align: center;
  width: 100%;
}

  /* Chrome entire field / Safari just delimiters */
  input:not(.has-value)::-webkit-datetime-edit-text

  /* safari individual elements */
, input:not(.has-value)::-webkit-datetime-edit-month-field
, input:not(.has-value)::-webkit-datetime-edit-day-field
, input:not(.has-value)::-webkit-datetime-edit-year-field
{
    display: none;
}
input:not(.has-value)::-webkit-datetime-edit{
    margin-right: -12em;
}


.narrow hr {margin-top: 8px; margin-bottom: 2px;}

.tooltip.input-label .tooltip-inner {
    color: black;
    text-shadow: none;
    background-color: aliceblue;
    font-size: 12pt;
    border-radius: 8px;
}

.image-area {
    border: dotted 2px silver;
    padding: 5px;
    background: whitesmoke;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

/* Date-time shortcut menus */
.menuDateTimeList {
    min-width: 10rem;
    max-width: min(18rem, calc(100vw - 1rem));
    width: max-content;
    padding: 0.25rem 0;
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    box-shadow: var(--bs-box-shadow);
}

.menuDateTimeList .ui-menu-item-wrapper {
    padding: 0.4rem 0.75rem;
    white-space: nowrap;
}

/*
    Popup Editor
*/

.PopupEditor .bwiseDialog {padding: 0px;}
.PopupEditor .bwiseDialog > .row,
.PopupEditor .bwiseDialog .row > .row {margin-left: 0; margin-right: 0;}
.PopupEditor .bwiseResultTable {width: 100%;}

.bwiseDialog .row {margin-bottom: 2px;}

.bootbox-body .PopupToolbarContainer {
        background: #2C6AA0;
        height: 3em;
    }
.bootbox-body .PopupToolbar {
        list-style: none;
        display: flex;
        margin: 0px 12px;
        font-size: 24px;
    }
.bootbox-body .PopupToolbar a {
        color: aliceblue;
        width: 32px; height: 32px;
        display: inline-block;
        background-repeat: no-repeat;
        margin-top: 6px;
        background-size: 80% !important;
    }


/* cards */ 

.card-header *  {
    margin-top: 2px;
    margin-bottom: 0px;
}

#lightbox .lb-caption { font-size: xx-large; }
#lightbox .lb-number { font-size: x-large; }


.dt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding-block: 0.25rem;
}

.dt-button.buttons-select-all {display: none !important;}


.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.skin-1 .breadcrumbs,
.skin-2 .breadcrumbs,
.skin-3 .breadcrumbs {
    margin: 0;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: 0;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: 0;
}

.breadcrumb-single-line {
    --bs-breadcrumb-divider: '>';
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
}

.breadcrumb-single-line > li {
    white-space: nowrap;
    flex: 0 0 auto;
}

.breadcrumb-single-line > li.active {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.breadcrumb-single-line > li.active > span {
    white-space: nowrap;
}

.breadcrumb-tools {
    position: static;
    line-height: normal;
    height: auto;
    border-bottom: 0;
    background: transparent;
    text-align: initial;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.breadcrumb-tool,
.breadcrumb-tool form {
    display: flex;
    align-items: center;
}

#id_bwiseFocus,
#id_bwiseFocus form {
    min-width: 18rem;
}

#id_bwiseFocus .nav-focus-input {
    flex: 1 1 auto;
    min-width: 0;
}

.filter:has(input[type=radio]) {
    margin-top: 3px;
}

help {
    color: #777; /* same as .text-muted */
    font-size: initial;
}

.modal-content {
    border-radius: 8px;
    box-shadow: 5px 12px 16px color-mix(in srgb, black 30% , black 0%);
}

.delay-time {
    font-size: smaller;
}

.height-zero {
    height: 0px;
}


.modal-header .close {
    font-size: unset;
}