/* Central place for project-specific Metro, Ace, and plugin overrides. */
body .sidebar												{ width: 18em; }

.sidebar+.main-content										{ margin-left: 18em; }

@media (min-width: 992px){
.sidebar+.main-content .breadcrumbs-fixed					{ left: 18em; }
}

.sidebar.menu-min .sidebar-shortcuts-large					{ width: 18em ;}

.nav-search																{ right: 1em; }

.blockUI.blockMsg														{ background: none !important; border: none !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]>.ace-icon, .widget-toolbar>a[data-action]>.ace-icon {
    padding: 0 4px;
}
body {
    font-family: "Open Sans", "Helvetica", sans-serif;
}

.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.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;
}

.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 {
    border-radius: 0.2rem;
}

.dataTables_scrollBody .badge:not(.badge-white) {
    opacity: 0.75;
}

.dataTables_scrollBody .badge.badge-white {
    opacity: 0.75;
}

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

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

.widget-main {
    padding: 0px;
}

@media (max-width: 479px), (max-height: 479px)  {

    table,
    .breadcrumbs, .breadcrumb, .navbar,
    .nav-list>li>a,
    .menuDateTimeList,
    .widget-toolbar a, .widget-title {
        font-size: 80%;
        line-height: unset !important;
    } 
    .nav_toolbar li a.fa {
        font-size: 22px !important;
    }

    .tempus-dominus-widget {
        zoom: 0.60;
    }
    .bwiseFilter .lbl, .bwiseFilter .btn, table a.btn,
    .bwiseFilter input, .bwiseFilter select,
    .bwiseFilter .select2-selection__rendered,
    .select2-results__option
    {
        font-size: x-small !important;
    }
    label,
    .bwiseDialog .lbl, .bwiseDialog .btn,
    .bwiseDialog input, .bwiseDialog select,
    .bwiseDialog .select2-selection__rendered
    {
        font-size: small !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-container .navbar-brand     { font-size: 16px;}

    .navbar-buttons .nav_toolbar li  {
        margin-top: 6px;
    }
    .navbar-buttons .nav_toolbar li a  {
        width: 28px;
        height: 28px;
    }
    .navbar-buttons .nav_toolbar li a.fa  {
        font-size: 12px;
    }

    .navbar:not(.navbar-collapse) .navbar-buttons .user-menu {
        padding-top:42px!important
    }

    .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
    }
}

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

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

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

.no-skin .nav-list>li.active:after{
	border-width:0 1px 0 0 !important;	
}	

.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;
}


@media only screen and (min-width: 992px) {
    .sidebar.h-sidebar {
        position: relative;
        margin-top: 0px;
    }

    .h-sidebar.sidebar-fixed+.main-content {
        padding-top: 64px !important;
    }
    .sidebar.h-sidebar+.main-content .breadcrumbs {
        margin: 0px 0px !important;
    }

    .h-sidebar .fa-lg {
        font-size: 16px !important;
    }
    
    .h-sidebar+.main-content #id_bwiseFocus {
        margin-top: 6px;
    }

    .h-sidebar+.main-content #id_bwiseSearch {
        margin-top: 8px;
    }
}


.h-sidebar.sidebar-fixed.menu-min+.main-content {
    padding-top: 44px !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: 20px 20px 20px 20px; background: #ffffff; 
    box-sizing: border-box; 
    max-height: calc(100vh - 140px);
    max-height: calc(100dvh - 140px);
    overflow-y: auto;
}

.bwiseDialog input[type=checkbox].ace.ace-checkbox-3:checked+.lbl::before, .bwiseDialog input[type=radio].ace.ace-checkbox-3:checked+.lbl::before {
    background-color: #2dab3f;
    border-color: #2dab3f;
    border-top-color: #2dab3f;
    border-right-color: #2dab3f;
    border-bottom-color: #2dab3f;
    border-left-color: #2dab3f;
    color: #FFF;
}

.bwiseDialog input, .bwiseDialog select, .bwiseDialog textarea {
    padding: 2px 2px 2px;
}
.bwiseDialog .control-label {
    padding-top: 3px;
}

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

.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 .btn-group-sm>.btn, .bwiseDialog .btn-sm {
    border-width: 2px;
    font-size: 12px;
    padding: 4px 8px;
    line-height: 1.18;
}

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

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

.main-content, body, html							{ height: 100vh; overflow: hidden; }
.menu-hor.main-content-inner                      { padding-bottom: 12em !important; }		.menu-ver.main-content-inner                  { padding-bottom: 3em !important; }		input:required:not(:read-only)
,textarea:required:not(:read-only)
,select:required, select:required + span.select2-container
,[aria-required=true] 								{ background-color:#faebcc; }

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

#contentType.bwiseFrame .bwiseFilter, #contentType.bwiseFrame .bwiseAction {
    padding: 10px;
    border-right: 2px solid #f0f0f0;
    background: #fafafa;
    overflow-x: hidden;
    overflow-y: auto;
}
#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 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

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

#contentType.bwiseFrame .bwiseQueryResult .dataTables_scrollHead {
    overflow: visible !important;
}

#contentType.bwiseFrame .bwiseQueryResult .dataTables_scrollBody {
    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.6rem 0.9rem;
    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>.ace-icon:first-child {
    color: inherit; border: none !important;width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 14px; }
	 
.tree .tree-selected>.tree-item-name>.ace-icon:first-child {
    background-color: transparent; color: #F9A021; 
}

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

.dataTable>thead>tr>th.sorting_asc, .dataTable>thead>tr>th.sorting_desc{ background-image:none;

 	
}

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

.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%; }
@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; }
	.main-content { overflow: auto; }
	#contentType.bwiseFrame .bwiseFilter { border-right: 2px solid transparent; }
}

.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                  {display: flex; justify-content: left; padding: 0px 12px;}
.bwiseDialog .sortable-handle.handle-left > .btn           {
    float: none;
    display: inline-flex;
    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     {background: #ffffff; border-color: #bfc9d6; color: #4f5a67;}
.bwiseDialog .sortable-handle.handle-left > .btn:active    {cursor: grabbing;}
.bwiseDialog .sortable-handle.handle-left > .btn > i        {margin: 0; line-height: 1;}

.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[disabled],
.bwiseDialog input[readonly], .bwiseDialog input[aria-readonly="true"], 
.bwiseDialog select[readonly], .bwiseDialog select[aria-readonly="true"], .bwiseDialog select[readonly] + .select2-container .select2-selection__rendered,
input[type=checkbox][readonly].ace+.lbl::before, input[type=radio][readonly].ace+.lbl::before
{
    background-color: #ddd;
}

.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; }
@media screen and (max-width: 991px) {
.contentTable .contentTable_content > div > div		{ position: relative; }
}

.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;}

.bwiseAction .col-12, .bwiseAction .form-history-box {width: 100%}

#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;
}


.bwiseAction .submit-actions {
    display:flex; 
    flex-direction: row;
    border: none;
    margin: 0px;
    padding: 0px;
    background: transparent;
}
.bwiseAction .submit-actions a {
    width: 50%;
}

.bwiseFilter div.intent-filter {
    margin-left: 22px;
    margin-top: 0px;
    display: inline-block;
    width: -webkit-fill-available;
    margin-right: 2px;
}

.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;
}


i.dim {
    filter: opacity(70%);
}
.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                                     { height: 45px; line-height: 23px; padding: 10px 4px;}
#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; }

.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.fa:hover                                           { text-decoration: none; }
.nav_toolbar li a.mi                                                 { color: white; font-size: 26px; padding: 10px; }
.nav_toolbar li a.mi:hover                                           { text-decoration: none; }
.nav_toolbar li a.glyphicon                                          { color: white; font-size: 24px; padding: 10px; }
.nav_toolbar li a.glyphicon:hover                                    { text-decoration: none; }


.bwiseDialog > *													{ margin-bottom: 12px; }
.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; }

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; 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 .even.highlight {background-color: lightyellow;}
table.dataTable.display .odd.highlight {background-color: lemonchiffon;}

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

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

table tr.even td.headercol {background-color: #f3f3f3; font-weight: bold;}
table tr.odd 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;}
table.dataTable.display tr.grandtotal td, table.dataTable.display tr.grandtotal th {padding-top: 12px; padding-bottom: 12px; vertical-align: baseline; font-size: larger;}

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 tr.even td.highlight, .dataValue.highlight {background-color: lightyellow;}
table.dataTable.display tr.odd td.highlight {background-color: lemonchiffon;}

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


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

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


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

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


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

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



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.Collapsable-header > summary {
    display: block;
    cursor: pointer;
    list-style: none;
}

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

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

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: inline-block;
    margin: 0;
}

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: 120%;
    color: #337ab7;
    position: relative;
}

.toggle_title.Collapsable-header:not(.icon-right) .collapseIconWrap {
    float: left;
    margin-right: 4px;
}

.toggle_title.Collapsable-header.icon-right .collapseIconWrap,
.filter_box.Collapsable-header .collapseIconWrap {
    float: right;
    margin-right: 4px;
}

.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 .nav-focus-input {
    flex:auto;
}
.nav-search  .nav-search-input {
    width: 100%;
}

#contentType.bwiseFrame .bwiseFilter .filter_box	{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
#contentType.bwiseFrame .bwiseFilter .filter_box > h5,
#contentType.bwiseFrame .bwiseFilter .filter_box > .row,
#contentType.bwiseFrame .bwiseFilter .filter_box > details {
    flex: 0 0 100%;
}
#contentType.bwiseFrame .bwiseFilter .padding_bottom_10	{ padding-bottom: 2px; }
#contentType.bwiseFrame .bwiseFilter .padding_top_10	{ padding-top: 10px; }
#contentType.bwiseFrame .bwiseFilter .label-none {color: inherit; background-color: transparent;}
#contentType.bwiseFrame .bwiseFilter { padding: 0px 6px 6px 6px; }
#contentType.bwiseFrame .bwiseFilter .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    margin-left: 0;
    margin-right: 0;
}
#contentType.bwiseFrame .bwiseFilter .select2-container .select2-results__option.optInvisible {
    display: none;
}
#contentType.bwiseFrame .bwiseFilter .select2-container--default .select2-selection {
    line-height: 18px;
}
#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 {
    height: -webkit-fill-available;
}
.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;
}


.handle-left {
    position: absolute;
    left: -32px;
}

.handle-left a {
    padding: 2px;

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

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

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

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

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


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

/*
    Popup Editor
*/

.PopupEditor .bwiseResultTable {width: 100%;}

.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: 2px;
}

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


/*
    data table button tuning for setting Attributes.ExportLocal enabled
*/
.dt-button {
    background: none !important;
    border: none !important;
    width: 32px !important;
    height: 32px !important;
    background-size: 32px !important;
    color: transparent !important;
}

.dt-button a {
    font-size: 1.8em !important;
}

.dt-buttons {
    display: flex;
    padding-top: 2px;
    padding-bottom: 6px;
}

.dt-button.buttons-excel {background-image:url("metro/img/funkt/file-xls.png") !important; order: 4;}
.dt-button.buttons-csv {background-image:url("metro/img/funkt/file-csv.png") !important; order: 5;}
.dt-button.buttons-pdf {background-image:url("metro/img/funkt/file-pdf.png") !important; order: 3;}
.dt-button.buttons-copy {order: 1;}
.dt-button.buttons-print {order: 2;}
.dt-button.buttons-select-all {display: none !important;}


.breadcrumbs-flex {
    background-color: transparent !important;
    margin-top: 8px;
}

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

.breadcrumb-single-line {
    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;
}