/*--------MAIN PANEL-----*/
div[role="main"]:not(.login-card div[role="main"]) {
	/* background-color: rgba(var(--main-panel-bg), 1); */
}
.dxbl-theme-dark div[role="main"]:not(.login-card div[role="main"]) {
	background-color: rgba(var(--navigation-bg), 0.1);
}
.xaf-action-fulltextsearch {
	/* border: 1px solid rgba(var(--midgrey), 0.35) !important; 
	border-radius: 8px !important;*/
	border-bottom: 1px dashed rgba(var(--midgrey), 0.35) !important;
}
.dxbl-group-header .dxbl-text {
	font-weight: 700;
}

/* -------TAB OVERRIDE -------*/
.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul {
	border-bottom: 0px !important;
}
.dxbl-tabs-content-panel .dxbl-tabs > .dxbl-tabs-tablist {
	background-color: transparent !important;
	border-bottom: 1px solid rgba(var(--midgrey), 0.35);
}
.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item.dxbl-active::after {
	background: var(--site-primary) !important;
	height: 4px !important;
	border-radius: 2px !important;
}
.dxbl-tabs-content-panel .dxbl-tabs > .dxbl-tabs-tablist .dxbl-tabs-item:not(.dxbl-active) {
	opacity: .65;
}
.dxbl-fl .dxbl-fl-tab-content {
	/* padding: 10px 0px !important; */
}
.dxbl-tabs-content-panel .dxbl-group-body-content > .dxbl-row:not(.dxbl-group-body-content > .dxbl-row .dxbl-group-body-content > .dxbl-row) {
	margin: 0px !important;
}
/*.dxbl-group-body-content > .dxbl-row > .dxbl-fl-group:not(:has(.dxbl-group.expanded)):not(.dxbl-group-body-content > .dxbl-row > .dxbl-fl-group .dxbl-row > .dxbl-fl-group) {
	background-color: var(--bs-body-bg) !important;
	padding-bottom: 15px;
	border-radius: 7px;
	border: 1px solid rgba(var(--midgrey), 0.35) !important;
 } */
.dxbl-group-body-content > .dxbl-row > .dxbl-fl-group:has(.dxbl-group.expanded) { 
    padding: 0px;
}

/* -------FORM OVERRIDE -------*/
.dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit) {
	border-radius: 0px;
	border: 0px;
	border-bottom: 1px dashed rgba(var(--midgrey), 0.75);
	padding: 0px;
}
.dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit):hover {
	border-bottom: 1px solid rgba(var(--primary), 1) !important;
	box-shadow: 0px 2px 0px 0px rgba(var(--primary), .4) !important;
}
.dxbl-tag-box > .dxbl-tag:not(.dxbl-tag-tmpl) {
	margin-bottom: 3px;
}
.dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit) .dxbl-btn-group:not(:has(.dxbl-chatui-chat-button)),
/* .dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit) .dxbl-btn:not(.dxbl-tag-btn-close):not(.dxbl-chatui-chat-button),
.dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit) .dxbl-edit-btn-clear {
	opacity: 0;
	transition: .3s;
} */
.dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit):hover .dxbl-btn-group,
.dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit):hover .dxbl-btn {
	opacity: 1 !important;
	transition: .3s;
}
.dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit):has(:focus) {
	box-shadow: none !important;
}
.dxbl-fl .dxbl-fl-cpt {
	color: rgba(var(--darktext), 0.65) !important;
	padding-bottom: 0px;
	font-size: 13px;
}
.dxbl-theme-dark .dxbl-fl .dxbl-fl-cpt {
	color: rgba(255,255,255, 0.55) !important;
	padding-bottom: 0px;
}
/* .dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit) > .dxbl-btn-group > .dxbl-btn:not(.dxbl-btn.dxbl-edit-btn-clear):not(.dxbl-btn.dxbl-btn-icon), 
.dxbl-text-edit:not(.dxbl-navigation-filter):not(.dxbl-toolbar-group .dxbl-text-edit) .dxbl-btn:not(.dxbl-btn.dxbl-btn-icon) {
	border-radius: 0px !important;
	opacity: .5;
} */
button:not(.dxbl-toolbar-menu-item button, dxbl-combobox button, .dxbl-modal-header-default button, 
button.rd-orders-tab-btn, button.dxbl-tabs-scroll-btn-next, 
button.dxbl-tabs-scroll-btn-prev, .dxbl-edit-btn-clear):hover, 
.dxbl-text-edit > .dxbl-btn-group > .dxbl-btn:not(.dxbl-btn.dxbl-btn-icon):not(.xaf-clear-button):hover {
	box-shadow: none !important;
	color: currentColor !important;
	opacity: 1 !important;
}

.xaf-inline-action button.xaf-action {
	filter: grayscale(100%);
}
.dxbl-theme-dark .xaf-inline-action button.xaf-action {
	/* filter: var(--icon-filter-white); */
}

.dxbl-btn.dxbl-group-expand-btn:not(.dxbl-disabled):not(:disabled):focus-visible {
	--dxbl-btn-focus-shadow-color:  var(--site-primary) !important;
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-selected-item::before,
.dxbl-calendar:not(.dxbl-disabled):not(:disabled) .dxbl-calendar-content > table > tbody > tr:not(.dxbl-calendar-days-of-week) td:not(.dxbl-calendar-disabled-item):not(.dxbl-calendar-week-number).dxbl-calendar-selected-item:not(.dxbl-disabled):not(:disabled):hover::before {
	background-color: rgba(var(--primary), 1);
}

/* -----------TOOLBAR ---------*/
.main-toolbar {
	padding: 0px;
	margin-bottom: 10px;
}
.dxbl-toolbar:not(.dxbl-modal .dxbl-toolbar):not(.header-right-side .dxbl-toolbar):not(.logon-main-container .dxbl-toolbar)  {
	background-color: rgba(var(--midgrey), 0.15);
	height: 50px !important;
	border-radius: 0px;
}

.nested-toolbar .dxbl-toolbar:not(.dxbl-modal .dxbl-toolbar):not(.header-right-side .dxbl-toolbar) {
	border-radius: 10px;
}
.dxbl-toolbar:not(.dxbl-modal .dxbl-toolbar):not(.header-right-side .dxbl-toolbar) .dxbl-btn-toolbar {
	padding: 5px 15px !important;
	height: 50px !important;
}

.dxbl-toolbar:not(.dxbl-modal .dxbl-toolbar):not(.header-right-side .dxbl-toolbar)  button.dxbl-btn:not(button[data-action-name="New"]):not(.dxbl-btn.dxbl-btn-primary),
.dxbl-toolbar:not(.dxbl-modal .dxbl-toolbar):not(.header-right-side .dxbl-toolbar)  button.dxbl-toolbar-btn,
.dxbl-toolbar:not(.dxbl-modal .dxbl-toolbar):not(.header-right-side .dxbl-toolbar)  .dxbl-btn-split .dxbl-btn {
	border: 1px solid transparent !important;
	background-color: transparent;
	/* border: 1px solid rgba(var(--midgrey), .25) !important; */
	/* box-shadow: 0px 1px 0px 0px rgba(var(--midgrey), .5) !important; */
}
.dxbl-btn-primary, .dxbl-btn[data-action-name="New"],
.dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-primary.dxbl-disabled {
	background: var(--site-primary) !important;
}

/* ----------- REPORTS ---------*/
.dxbrv-viewbox .dxbl-toolbar:not(.dxbl-modal .dxbl-toolbar):not(.header-right-side .dxbl-toolbar):not(.logon-main-container .dxbl-toolbar)  {
	background-color: transparent;
}
.dxbrv-tabs {
	background-color: rgba(var(--primary), .75);
}
.dxbrv-bricks-container.dxbrv-bricks-container-border-primary {
	border-color: rgba(var(--primary), 1);
}
.dxbrv-wrapper .dxbrv-progress-pane .dxbrv-progress-bar,
.dxbrv-grid-resize .dxbrv-rightpanel-resize-anchor .dxbrv-resize-drop-marker {
	background-color: rgba(var(--primary), .75);
}
.dxbrv-viewbox .dxbl-toolbar:not(.dxbl-modal .dxbl-toolbar):not(.header-right-side .dxbl-toolbar) .dxbl-btn-toolbar {
	height: fit-content !important;
}
/* ----------- CANVAS DETAIL VIEWS (dashboard / workflow) ---------*/

/* View mode hides the single-tab "Design" strip so the canvas renders without
   tab chrome; the class is toggled by the Dashboard/Workflow design-mode
   controllers. Both selectors cover the CssClass landing on the .dxbl-tabs
   root or on a wrapper around it. */
.canvas-tabs-headerless > .dxbl-tabs-tablist,
.canvas-tabs-headerless > .dxbl-tabs > .dxbl-tabs-tablist {
	display: none;
}
.dxbl-btn-toolbar .dxbl-text-edit{
	/* border: 1px solid rgba(var(--midgrey), 0.35) !important; 
	border-radius: 8px !important;*/
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px dashed rgba(var(--midgrey), 0.75) !important;
	background-color: transparent;
}
.dxbl-btn-toolbar .dxbl-text-edit:has(:focus):not(:has(.dxbl-btn:focus)) {
	border-bottom: 1px dashed rgba(var(--primary), 1) !important;
}
/* -----------COMPANY STYLING ---------*/
.company-styling input[type="color"]{
	padding: 0px;
	border: 1px solid transparent;
	outline: 0px;
  border-radius: 5px;
  box-shadow: 0 0 0 2px rgba(var(--midgrey), 0.5);
}
.company-styling .theme-colors .color-sets .dxbl-fl-group:not(.color-sets .dxbl-fl-group:first-child) {
	border-top: 1px solid rgba(var(--midgrey), 0.5);
}
.company-styling .theme-colors .color-sets label:not(.xaf-static-text) {
	color: currentColor!important;
	font-weight: 700;
}
.company-styling .theme-colors .color-sets label.xaf-static-text {
	color: currentColor!important;
	opacity: .75;
}
.company-styling .system-colors {}

.company-logos .logo-light .img-thumbnail {
	background: white !important;
}
.company-logos .logo-dark .img-thumbnail {
	background: var(--site-darktext) !important;
}
.company-logos .logo-light .xaf-preview-image.xaf-preview-image-detail-view {
	filter: none !important;
	background: var(--site-darktext) !important;
}
.company-logos .logo-dark .xaf-preview-image.xaf-preview-image-detail-view {
	filter: var(--icon-filter-white);
}
/*---------MASTER DETAIL MOBILE---------*/

/* @media (max-width: 850px) {
.xaf-masterdetail-splitter {
	display:none;
}
.xaf-masterdetail-container,
.xaf-masterdetail-first-pane,
.xaf-masterdetail-view.xaf-masterdetail-detailview {
	display: block !important;
}
.xaf-masterdetail-view.xaf-masterdetail-detailview {
	border: 1px solid rgba(var(--midgrey), 0.5);
	padding: 10px;
	margin-top: 10px;
}
.xaf-masterdetail-first-pane .dxbl-grid-selected-row td {
 padding-bottom: 10px !important;
}
.xaf-masterdetail-first-pane .dxbl-grid-selected-row .dxbl-grid-selection-cell {
	position: relative;
  overflow: visible;
}
.xaf-masterdetail-first-pane .dxbl-grid-selected-row .dxbl-grid-selection-cell::after {
	content:"Scroll down to see details";
	width: 350px;
	text-align: left;
	bottom: -22px;
	left: 0px;
	position: absolute;
	white-space: normal ;
	z-index: 1;
	border:1px solid rgba(var(--orange), 0.5);
	box-shadow:inset 0 0 0 21px var(--site-yellow);
	color: black !important;
	opacity: 1;
	padding: 0px 10px;
	border-radius: 0 0 8px 0;
	
}
} */