/*Custom Scrollbar*/
.cBSScrollContainer {
	overflow-y: auto;
	overflow-x: hidden;
}

.cBSScrollContainer::-webkit-scrollbar {
	width: 5px;
}

.cBSScrollContainer::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.cBSScrollContainer::-webkit-scrollbar-thumb {
	background: #888;
}

.cBSScrollContainer::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/*Element welches sich über die Komplette View streckt*/
.cBSStretchContainer {
	height: 100%;
	width: 100%;
}

/*Element welches sich Vertical über die Komplette View streckt*/
.cBSVerticalStretchContainer {
	height: 100%;
}

.cBSBorderContainer {
	border-style: solid;
  border-color: var(--dxds-color-border-neutral-default-rest);
	border-width: 1px;
	border-radius: 3px;
}

.headerLogo {
	min-width: 215px !important;
	padding: 0px !important;
	height: 50px !important;
}

.headerNavigationButtonIcon {
  height: 24px !important;
  width: 24px !important;
  margin-left: 10px !important;
}

.cBSButton {
  height: 32px;
  padding: 0px !important;
}

/* Einstellungen für LookupField */
.cBSLookupFieldAdditionalButtonContainer {
	cursor: pointer;
	padding: 0px 5px 0px 5px !important;
	margin-left: 5px;
}

.cBSLookupFieldAdditionalButtonIcon {
	height: 18px !important;
	width: 18px !important;
  cursor: pointer;
}

.cBSListViewGridFilterRowCellImageContainer {
	border-style: solid;
	border-width: 1px;
	border-color: var(--border-color);
	border-radius: 3px;
	width: 32px;
	height: 30px;
	margin-right: 5px;
	background: var(--primary-color)
}

.cBSListViewGridFilterRowCellImage {
	width: 20px;
	min-width: 20px;
	max-width: 20px;
	height: 20px;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 4px;
	filter: var(--image-color);
}

.cBSHorizontalStretchContainer {
	display: flex;
	width: 100%;	
}

.cBSListViewGridClearFilterImage {
	height: 18px;
	width: 18px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	cursor: pointer;
	filter: var(--image-color)
}

.cBSListViewSchedulerAppointmentContainer {
	height: 100%;
	width: 100%;
	display: flex;
	border-style: solid;
	border-color: lightgray;
	border-radius: 3px;
	border-width: 1px;
}

.cBSListViewSchedulerSelectedAppointmentContainer {
  height: 100%;
  width: 100%;
  display: flex;
  border-style: solid;
  border-color: var(--dxbl-scheduler-today-indicator-bg-color);
  border-radius: 3px;
  border-width: 1px;
}

.cBSListViewScheduleAppointmentStatusContainer {
    width: 5px;
    min-width: 5px;
  }

.cBSListViewScheduleAppointmentContentContainer {
	padding-left: 5px;
	width: 100%;
	height: 100%;
	display: block;
	white-space: pre-wrap;
	overflow: hidden;
}

.cBSDotContainer {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.cBSPointer{
	cursor: pointer;
}

.cBSCursor {
	cursor: default;
}

.cBSFileEditorDeleteButton{
	height: 24px;
	width: 24px;
}

.cBSColorRectangle{
	width: 20px;
	height: 20px;
}

.footerEntryContainer {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
}

.cBSFooterEntryUnit {
	margin: 0px 15px 0px 5px;
  white-space: nowrap;
}

.cBSListViewColumnValidationIcon {
	height: 24px;
	width: 24px;
	margin-right: 5px;
	margin-top: 4px;
	margin-left: 5px;
}

.cBSListViewGridColumnValidationContainer{
	padding-right: 5px;
	padding-left: 5px;
}

.cBSExtendedPopupButtonContainer {
	height: 32px;
	border-radius: 3px;
	border-style: solid;
	border-color: var(--border-color);
	border-width: 1px;
	display: flex;
	cursor: pointer;
}

.cBSExtendedPopupButtonImage {
	height: 18px;
	width: 18px;
	cursor: pointer;
	margin-left: 5px;
	margin-top: 7px;
}

.cBSExtendedPopupButtonText {
	color: var(--font-color);
	cursor: pointer;
	margin-right: 10px;
	margin-top: 7px;
	margin-left: 5px;
}

.cBSDisplayNone {
	display: none;
}

.cBSListViewGridFooterContainer {
	border-style: none solid solid solid !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	height: 50px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
  background-color: var(--dxds-color-surface-neutral-default-rest);
}

.cBSListViewSchedulerFooterContainer {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
  border-color: var(--dxds-color-border-neutral-default-rest);
	height: 50px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
  margin-top: 10px;
	padding-right: 10px;
	background-color: var(--dxds-color-surface-neutral-default-rest);
}

.cBSListViewSchedulerContainer {
  margin-left: 10px;
  margin-right: 10px;
  height: 100%;
}

.cBSListViewLayoutItemContainer {
	display: flex;
	margin-left: 20px;
}

.cBSListViewLayoutItemText {
	padding-top: 6px;
	color: var(--font-color);
}

.cBSDataViewMenuItemContainer {
	display: flex;
	height: 20px;
	margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  align-items: center;
	cursor: pointer;
}

.cBSDataViewFilterItemIcon {
	width: 18px !important;
  height: 18px !important;
}

.cBSDataViewFilterItemText {
  margin: 0px 0px 0px 5px;
  padding: 0px;
}

.cBSEditViewFieldRowContainer {
	display: flex;
	width: 100%;
}

.cBSEditViewFieldRowItemContainer {
	width: 100%;
}

	.cBSEditViewFieldRowItemContainer:not(:last-of-type) {
		margin-right: 1rem;
	}

.cBSDefaultTopMargin{
	margin-top: 10px;
}

.cBSUserMenuHeaderMenuImageContainer {
	margin-right: 7px;
	margin-left: 7px;
	display: flex;
  height: 100%;
  align-items: center;
  cursor: pointer;
}

.cBSUserMenuHeaderMenuImage {
	height: 24px !important;
	width: 24px !important;
	cursor: pointer;
}

.cBSMainViewTabHeaderContainer {
	height: 45px;
	display: flex;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 12px;
	border-radius: 3px 3px 0px 0px;
}

.cBSMainViewHeaderImage {
	width: 21px !important;
	height: 21px !important;
	margin-left: 5px !important;
	margin-bottom: 2px !important;
}

.cBSMainViewHeaderText {
	cursor: pointer;
	margin-right: 10px;
	margin-left: 5px;
}

.cBSMainViewHeaderCloseImage {
	cursor: pointer;
  height: 12px !important;
  width: 12px !important;
}

.cBSReportPrintButton {
	height: 100%;
	margin-left: 10px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-color);
}

.cBSReportPrintButtonText{
	margin-left: auto;
	margin-right: auto;	
}

.cBSEditViewFieldUnit {
	margin-left: 10px;
	margin-bottom: 0px;
	padding-top: 6px;
	color: var(--font-color);
	min-width: 80px;
	max-width: 80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.cBSListViewGridContainer {
	margin: 0 10px 10px 10px;
	height: 100%;
}

.cBSListViewGridColumnMoreButtonImage {
	height: 18px;
	margin-left: 12px;
	filter: var(--image-color);
}

@media screen and (max-height:450px) {
	.cBSStatusBarFilterButtonContainer {
		height: 100%;
		max-height: 150px;
	}
}

@media screen and (max-height:650px) {
	.cBSStatusBarFilterButtonContainer {
		height: 100%;
		max-height: 300px;
	}
}


.themswitcher-icon-fluent-mode-dark {
    mask-image: url(../Images/themswitcher-icon-fluent-mode-dark.svg);
}

.themswitcher-icon-fluent-mode-light {
	mask-image: url(../Images/themswitcher-icon-fluent-mode-light.svg);
}

.cBSMenuItemToolbar {
  margin: 0px 10px 10px 10px;
}


.cBSToolbarItem {
	height: 32px;
}

  /*StandardButtonFarbe ändern*/
	.cBSToolbarItem .dxbl-btn-primary {
		background-color: #0052CC !important;
	}

/*StandardButtonFarbe ändern*/
.dxbl-btn.dxbl-btn-primary {
	--dxbl-btn-bg: #0052CC !important;
	--dxbl-btn-hover-bg: #0052CC !important;
}

/*Breite auf 100% Strecken, damit Templates für Toolbar auch gestreckt dargestellt werden können*/
/*.cBSToolbarItem .dxbl-toolbar-menu-item {
  width: 100%;
  margin: 0px !important;
  padding: 0px !important;
}

.cBSToolbarItem .dxbl-toolbar-item-tmpl {
	width: 100%;
	margin: 0px 10px 0px 0px !important;
	padding: 0px !important;
}*/
/*Breite auf 100% Strecken, damit Templates für Toolbar auch gestreckt dargestellt werden können*/
.cBSToolbarDropDownItem .dxbl-toolbar-menu-item {
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
}

.cBSToolbarDropDownItem .dxbl-toolbar-item-tmpl {
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
}

.cBSListViewSearchBar {
	height: 32px;
	min-width: 250px;
	width: 250px;
	max-width: 250px;	
}

.cBSListViewSearchBarCollapsed {
	height: 32px;
	min-width: 32px;
	width: 32px;
	max-width: 32px;	
}

.cBSListViewGrid {
	height: 100%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
}

.cBSListViewGridHeaderRow {
	height: 40px;
  background-color: var(--header-color) !important;
}


.cBSListViewGridHeaderRow .dxbl-grid-fixed-cell{
  background-color: var(--header-color) !important;
}

.cBSListViewGridFilterCell {
	margin: 0px;
	padding: 0px;
	height: 45px;	
}

.cBSListViewGridFooterRow {
	height: 40px;	
}

.cBSListViewSelectedGridEditRow {
	height: 40px;
}

.cBSListViewGridRow {
	height: 40px;	
}

.cBSListViewGridRowUnRead {
	height: 40px;
  font-weight: 500 !important;
}

.cBSListViewSelectedGridRow {
	height: 40px;	
}

.cBSListViewSelectedGridRowUnRead {
	height: 40px;
  font-weight: 500 !important;
}

.cBSListViewGridSelectedSetRow {
	height: 40px;
  font-style: italic !important;
}

.cBSListViewGridSetRow {
	height: 40px;
  font-style: italic !important;
}

.cBSFooterEntryEditor {
	border: none !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  padding: 0px !important;
  margin-top: 1px;
}

.cBSFooterEntryEditorInput {
	font-family: 'Font500' !important;
	text-align: end !important;
  padding: 0px !important;
  margin: 0px !important;
}

.cBSEditViewFieldContainer {
  width: 100%;
}

.cBSEditViewFieldContainer button {
	--dxbl-btn-border-width: 0px;
}

	.cBSEditViewFieldContainer .dxbl-tag {
		margin-top: 2px !important;
		margin-bottom: 2px !important;
	}

.cBSListViewGridPager {	
	height: 32px;
}

.cBSListViewGridPageCountSelector {
	margin-left: 10px;
	min-width: 80px;
	max-width: 80px;	
	width: 80px;
	height: 32px !important;
}

.cBSIconButtonImage {
	height: 20px !important;
	width: 20px !important;
	cursor: pointer;
}

.cBSExpandButtonImage {
  height: 16px !important;
  width: 16px !important;
  cursor: pointer;
  opacity: 0.7;
}

.cBSSplitButton {
	margin-right: 5px;
	border-style: none none none solid;
	border-width: 1px;
	padding-left: 5px;
  border-color: lightgray;
}

.cBSSplitButtonIcon {
  height: 16px !important;
  width: 16px !important;
  cursor: pointer;
}

.cBSOpenModulesTabHeaderTabControl {
	height: 45px !important;
}

.cBSNavigationSubCategory {
	background-color: #2D2F39 !important;
	border-color: transparent;
}

.userMenuButtonIcon {
	height: 24px !important;
	width: 24px !important;
	cursor: pointer;
}

.userMenuMainButtonIcon {
  height: 24px !important;
  width: 24px !important;
  cursor: pointer;
}

.cBSUserMenuCheckBox {
  margin: 0px !important;
  padding: 0px !important;
}

.cBSSimpleNavigationMenu {
	width: 60px;
  background-color: #2D2F39 !important;
}

.cBSSimpleNavigationMenuSubItem .dxbl-dropdown-body {
	background-color: #2D2F39 !important;
}

.cBSSimpleNavigationMenuSubItem .dxbl-scroll-viewer-content {
  background-color: #2D2F39 !important;
}

.smallNavigationSubCategoryContainer {
	margin-top: 10px;
	margin-bottom: 10px;
	max-height: 400px;
}

.mainCategoryIcon {
	height: 24px !important;
	width: 24px !important;
}

.subCategoryIcon {
  height: 21px !important;
  width: 21px !important;
}

.smallNavigationMainCategoryIcon {
  height: 24px !important;
  width: 24px !important;
  margin-left: 18px !important;
  margin-top: 10px !important;
}

.mainCategoryItem {
	border-color: #2D2F39 !important;
}

.mainCategoryItem .dxbl-accordion-group-header {
	max-height: 40px !important;
	background-color: #2D2F39 !important;
}

.mainCategoryItem .dxbl-group-header {
  background-color: #2D2F39 !important;
}

.mainCategoryItem .dxbl-accordion-group-body:focus-visible {
	outline: none;
}

.mainCategoryItem svg {
  fill: #464958 !important;
}

.openModulesTabHeaderContainer {
	margin-top: 10px;
	margin-left: 10px;
	background-color: var(--dxds-color-surface-neutral-default-rest);
	border-radius: 3px 0px 0px 3px;
	border-color: var(--dxds-color-border-neutral-default-rest);
	border-style: solid none solid solid;
	border-width: 1px;
}

.cBSListViewCollapsedDetailViewImage {
	width: 26px !important;
	height: 26px !important;
	margin-top: 12px !important;
	opacity: 0.5 !important;
	cursor: pointer
}

.cBSDetailViewCollapseImage {
  float: right;
  width: 24px;
  margin-top: 12px;
  opacity: 0.5;
  cursor: pointer
}

.cBSDetailDataMainImage {
  height: 18px !important;
  width: 18px !important;
}

.cBSDetailDataItemImage {
  height: 18px !important;
  width: 18px !important;
}

.detailTreeNodeChildTemplate .dxbl-treeview-item-text-tmpl {
  padding: 0px !important;
  margin: 0px !important;
}

.cBSButtonTemplateText {
	margin: 0px 0px 0px 5px;
  font-weight: normal;
}

.cBSIconTextButtonImage {
  height: 18px !important;
  width: 18px !important;
  cursor: pointer;
}

.cBSIconTextButtonContainer {
  height: 32px;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.cBSUserMenuHeaderMenuItemContainer {
  display: flex;
  height: 32px;
  align-items: center;
  cursor: pointer;
}

.cBSUserMenuHeaderMenuItemText {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  cursor: pointer;
}

.cBSUserMenuHeaderUserText {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
  height: 14px;
}

.cBSUserMenuHeaderUserPermissionText {
  font-size: 12px;
  text-align: center;
  height: 14px;
}

.userInfoContainer {
  justify-content: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.userMenuMainButton {
  cursor: pointer;
  align-items: center;
}

.userMenuButton {
	margin-left: 3px;
	cursor: pointer;
  align-items: center;
  display: flex;
}

.cBSUserMenuHeaderUserIcon {
  justify-content: center;
  display: flex;
  width: 100%;
}

.cBSListViewGridTextRowCell {
  padding: 0px !important;
}

.cBSMainViewUserMenu {
	height: 49px !important;
	margin-left: 10px !important;
  background-color: transparent! important;
}

.cBSNavigationSearch {
	background-color: #464958 !important;
	border: none !important;
	color: #BEC0CF !important
}

.cBSListViewGridContextMenu {
  width: max-content;
}

.cBSListViewGridContextMenuItem {
	height: 32px;
  padding: 0px !important;
}

.cBSIconButtonContainer {
  height: 32px;
  /*width: 32px;*/
  cursor: pointer;
  /*Content zentrieren*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.cBSIconTextButtonMainContainer {
  height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center !important;
  width: 100%;
  padding: 0px !important;
  white-space: nowrap;
}

.cBSTextButtonContainer {
  height: 32px;
  cursor: pointer;
  display: flex;
  justify-content: start !important;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  margin-right: 5px;
}

.cBSEditViewMainTab {
  height: 35px !important;
}

.cBSEditViewSubTab {
  height: 35px !important;
}

.cBSEditViewTabHeaderContainer {
  margin-left: 10px;
  background-color: var(--dxds-color-surface-neutral-default-rest);
  border-radius: 3px 0px 0px 3px;
  border-color: var(--dxds-color-border-neutral-default-rest);
  border-style: solid none solid solid;
  border-width: 1px;
  height: 40px;
}

.cBSEditViewSubTabHeaderContainer {
  margin-left: 10px;
  margin-top: 10px;
  background-color: var(--dxds-color-surface-neutral-default-rest);
  border-radius: 0px 0px 0px 3px;
  border-color: var(--dxds-color-border-neutral-default-rest);
  border-style: solid none solid solid;
  border-width: 1px;
}

.cBSFavoritesMenuItem .dxbl-menu-item-tmpl {
	outline: none !important;
}

.cBSEditViewDetailViewPagesContainer {
	background-color: var(--dxds-color-surface-neutral-default-rest);
  border-radius: 3px;
  border-color: var(--dxds-color-border-neutral-default-rest);
  border-style: solid;
  border-width: 1px;
	height: 100%;
}

.cBSEditViewDetailViewPagesContentContainer {
  height: 100%;
}

.cBSEditViewDetailViewPageItemImage {
  height: 20px !important;
  width: 20px !important;
  cursor: pointer;
}

.cBSEditViewDetailViewPageItemText {
  margin: 0px 0px 0px 10px;
  cursor: pointer;
}

.cBSEditViewDetailViewPageItem {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 32px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.cBSListViewGridRowCellIcon {
  width: 18px !important;
  height: 18px !important;
  display: block;
  margin: auto;
}

.cBSListViewGridRowCellIcon2 {
  width: 18px !important;
  height: 18px !important;
  display: block;
  margin-right: 10px;
}

.cBSDetailDataOpenDetailDataContainer {
  height: calc(100% - 10px);
  margin-top: 10px;
}

.detailViewContentContainer {
  height: 100%;
  background-color: var(--dxds-color-surface-neutral-subdued-rest);
  border-style: solid none none none;
  border-color: var(--dxds-color-border-neutral-default-rest);
  border-width: 1px;
}

.cBSDetailViewTreeSplitter {
  
}



.cBSModulesSetupContainer {
  background-color: var(--dxds-color-surface-neutral-subdued-rest);
  height: 100%;
}

.cBSModulesSetupCaption {
  padding: 10px;
  margin: 0px;
}

.cBSModulesSetupFunctionButtonsContainer {
  display: flex;
  margin: 0px 10px 10px 10px;
  width: 100%;
}

.cBSModulesSetupLeftContent {
  height: 400px;
  width: 100%;
  padding: 5px;
  overflow: auto;
  margin: 0px 5px 0px 10px;
  background-color: var(--dxds-color-surface-neutral-default-rest);
  border-radius: 3px;
  border-color: var(--dxds-color-border-neutral-default-rest);
  border-style: solid ;
  border-width: 1px;
}

.cBSModulesSetupLeftHeaderContainer {
  width: 100%;
  display: flex;
}

.cBSModulesSetupRightHeaderContainer {
  display: flex;
  width: 100%;
}

.cBSModulesSetupContentContainer {
  display: flex;
  height: 100%;
  width: 100%;
}

.cBSModulesSetupRightContent {
  height: 100%;
  width: 100%;
  margin-right: 10px;
  margin-left: 5px;
}

.cBSModulesSetupSelectedModulesBox {
  height: 400px !important;
}

.cBSModulesSetupNavigationItem {
  height: 30px;
  margin-left: 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.cBSModulesSetupNavigationItemText {
  margin: 0px 0px 0px 5px;
}

@media screen and (max-width:480px) {
  .cBSModulesSetupLeftContent {
    height: 200px;
  }

  .cBSModulesSetupRightContent {
    height: 200px;
    margin-top: 10px;
  }

  .cBSModulesSetupContentContainer {
    display: block;
  }

  .cBSModulesSetupRightHeaderContainer {
    display: flex;
    height: 30px;
  }

  .cBSModulesSetupLeftContent {
    height: 200px;
  }
}

.cBSExtendedPopupBody {
  margin: 0px;
  padding: 0px;
}

.cBSTransactionTransferKindContainer {
  height: 100%;
  width: 100%;
  display: flex;
}

.cBSTransactionTransferKindLeftContainer {
  width: 300px;
  height: 100%;
}

.cBSTransactionTransferKindRightContainer {
  height: calc(100% - 50px);
  width: 100%;
  margin: 0px 10px 10px 0px;
}

.cBSTransactionTransferKindRightBorderContainer {
  height: 100%;
  width: 100%;
  background-color: var(--dxds-color-surface-neutral-default-rest);
  border-radius: 3px;
  border-color: var(--dxds-color-border-neutral-default-rest);
  border-style: solid;
  border-width: 1px;
}

.cBSTransactionTransferKindIconContainer {
  margin-top: 50px;
  display: flex;
  width: 100%;
  justify-content: center;
}

.cBSTransactionTitleTextBox {
  width: 500px !important;
  margin-left: 10px;
}

.cBSTransactionTransferKindRadioGroup {
	padding: 0px;
  padding: 0px;
  margin: 0px 0px 0px 5px;
}

.cBSTransactionTransferKindCheckBox {
  padding: 0px;
  margin: 0px 0px 0px 5px;
}

.cBSTransactionTransferTransactionOriginContainer {
  /*background-color: var(--dxds-color-surface-neutral-default-rest);
  border-radius: 3px;
  border-color: var(--dxds-color-border-neutral-default-rest);
  border-style: solid;
  border-width: 1px;
	margin: 10px*/
}

.cBSTransactionTransferTransactionOriginCaption {
  margin: 0px;
}

.cBSTransactionTransferTransactionOriginField {
  background-color: var(--dxds-color-surface-neutral-default-rest);
  border-radius: 3px;
  border-color: var(--dxds-color-border-neutral-default-rest);
  border-style: solid;
  border-width: 1px;
  height: 32px;
  padding: 5px;
  margin-top: 10px;
}

.cBSTransactionTransferPositions {
  height: calc(100% - 40px);
  width: 100%;
}

.cBSTransactionTransferTransactionListView {
	height: calc(100% - 175px);
	width: 100%;
}

.cBSTransactionTransferAmountsCaption {
  margin: 10px 0px 0px 10px;
}

.cBSOrderAssistantTransactionTypeComboBox {
	padding: 0px;
	margin: 0px;
	width: 300px !important;
}

.cBSOrderAssistantOderBaseTransactionContainer {
  display: flex;
  align-items: center;
}

.cBSOrderAssistantContainer {
  height: 100%;
  width: 100%;
  display: flex;
}

.cBSOrderAssistantLeftContainer {
  width: calc(100% - 30%);
}

.cBSOrderAssistantRightContainer {
  width: calc(100% - 70%);
}

.cBSOrderAssistantLeftTopContainer {
  height: calc(100% - 450px);
}

.cBSOrderAssistantLeftBottomContainer {
  height: 340px;
  padding: 0px !important;
  margin: 40px 0px 0px 0px;
}

.cBSOrderAssistentGrid {
  height: 100% !important;
}

.cBSOrderAssistantArticlesContainer {
  height: calc(100% - 40px);
  margin: 0px 0px 0px 10px;
}

.cBSOrderAssistantShoppingCartContainer {
  height: calc(100% - 50px);
  margin: 10px;
}

.cBSOrderAssistantSuppliersContainer {
  height: 210px;
  margin: 0px 0px 10px 10px;
}

.cBSOrderAssistantSuppliersCaption {
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cBSOrderAssistantPositionsButtonContainer {
  margin-top: 10px;
  display: flex;
}

.cBSOrderAssistantSuppliersAddButton {
  width: 120px;
  margin-top: 10px;
}

.cBSOrderAssistantTransactionsContainer {
	height: calc(100% - 150px);
	margin: 0px 10px 0px 10px;
}

.cBSOrderAssistantPositionsContainer {
	height: calc(100% - 40px);
	margin: 0px 0px 0px 10px;
}

.cBSColumnChooser {
  height: 100% !important;
  margin: 10px !important;
}

.cBSPlainTextEditor {
  height: 100%;
}

.cBSPlainTextEditorArea {
  height: 100%;
}

.cBSRecordSelectionViewContainer {
  display: flex;
  height: calc(100% - 10px);
  margin-top: 10px;
}

.cBSRecordSelectionViewListContainer {
  height: 100%;
}

.cBSRecordSelectionViewMutliContainer {
  border: solid 1px lightgray;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 5px;
}

.cBSOrderAssistantOrderBaseLabel {
  width: 150px;
}

/*#region LoginPage*/

.cBSLoginViewContainer {
  height: 100%;
  width: 100%;
  display: flex;
}

.cBSLoginViewLeftContainer {
  flex: 0 0 30%;
}

.cBSLoginViewRightContainer {
  display: flex;
  flex-direction: column;
}

.cBSLoginFieldContainer {
  height: 40px;
  margin-top: 15px;
}

.cBSLoginViewLoginContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.cBSLoginViewInfoContainer {
}

.cBSLoginViewLoginContentContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.cBSLoginViewLoginContentContainerSpace {
  flex: 0 0 25%;
}

.cBSLoginViewFieldsContainer {
  height: 100%;
  width: 100%;
  padding: 0 20px;
}

.cBSLoginViewCevisioImage {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 70px;
  margin-bottom: 40px;
}

.cBSLoginViewFunctionsContainer {
  height: 20px;
  margin-top: 15px;
}

.cBSLoginViewFunctionContentContainer {
  display: flex;
  float: right;
  height: 20px;
  cursor: pointer
}

.cBSLoginViewFunctionImage {
  height: 18px;
  margin-top: 2px;
  cursor: pointer
}

.cBSLoginViewFunctionText {
  text-align: right;
  margin-left: 5px;
  cursor: pointer;
}

.cBSLoginViewLoginButtonContainer {
  height: 42px;
  margin-top: 15px;
  cursor: pointer;
  border-radius: 3px;
}

.cBSLoginViewLoginButtonText {
  /*Immer weiß, da Button auch im DarkMode Blau bleibt und somit der Inhalt weiß sein muss*/
  color: white;
  text-align: center;
  padding-top: 10px;
  cursor: pointer
}

.cBSLoginViewHelpContainer {
  height: 42px;
  margin-top: 15px;
}

.cBSLoginViewHelpText {
  text-align: center;
  cursor: pointer
}

.cBSLoginViewCopyRightText {
  text-align: center;
  cursor: default;
  height: 20px;
  margin-bottom: 10px;
}

.cBSLoginViewCopyRightText a {
  text-decoration: none;
  color: black;
  font-weight: 500;
}

.cBSLoginViewVersionInfo {
  text-align: center;
  cursor: default;
  height: 20px;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.cBSLoginViewNewsBackground {
  height: 100%;
  width: 100%;
  background-color: #2D2F39;
  background-image: url('/Images/LoginMask.png');
  background-size: 100% 100%;
}

.cBSLoginViewNewsContainer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  flex: 0 0 30%
}

.cBSLoginViewNewsSpacer {
  flex: 1;
}

/*#endregion */


.disable-wrapper {
  height: calc(100%);
  position: relative;
}

.disable-overlay {
  position: absolute;
  inset: 0;
  /*HINWEIS: darf niemals 999 sein, da sonst auch die Popup nicht mehr geklickt werden können*/
  z-index: 1; 
  cursor: not-allowed;
}

.cBSSplitButtonDropDown button {
  background-color: transparent !important;
}

  .cBSSplitButtonDropDown button:hover {
    background-color: lightgray !important;
  }

.cBSEditViewContainer {
  height: 100%;
  overflow: hidden;
}

.cBSEditViewHeader {
  height: 50px;
  border-style: none none solid none;
  border-color: var(--border-color);
  margin: 0px 10px 0px 10px;
  border-width: 2px;
  width: 100%;
}

.cBSEditViewHeaderCaption {
  margin-top: 15px;
}

.cBSEditViewContentContainer {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}

.cBSEditViewMenuContainer {
  height: 42px;
  width: 100%;
}

.cBSEditViewMainContainer {
  /*Muss so eingestellt werden, keine Ahnung warum, sonst wird die Scrollbar nicht korrekt dargestellt*/
  height: calc(100% - 100px);
  width: 100%;
}

.cBSEditViewPage {
  height: 100% !important;
}

.cBSEditViewPage .dxbl-row {
  margin-bottom: 0px !important;
}

  .cBSEditViewMainGroupPages {
    height: 40px !important;
  }

/*Header ausblenden*/
.cBSEditViewGroupBoxWithoutHeader .dxbl-group-header {
  display: none !important;
}

/*Header ausblenden*/
.cBSEditViewGroupBoxStretchWithoutHeader .dxbl-group-header {
  display: none !important;
}

.cBSEditViewGroupBoxStretch {
  /*Hier fit conntent verwenden, statt 100% damit auch die letzte Groupbox immer schön & sauber angezeigt wird*/
  height: fit-content !important;
}

.cBSEditViewGroupBoxStretchPage {
  height: 99% !important;
}

  .cBSEditViewGroupBoxStretchPage dxbl-group-control {
    height: 100% !important;
  }

  .cBSEditViewGroupBoxStretchPage .dxbl-group-body-content {
    height: 100% !important;
  }

.cBSEditViewGroupBoxStretchPage .dxbl-group-body-content .dxbl-row {
  height: 100% !important;
  /*margin-top: 1px !important;*/
}

/*.cBSEditViewGroupBoxStretchPage .dxbl-group-body-content .dxbl-row div{
  height: 100%;
}*/

  .cBSEditViewFieldLayoutItemStretch {
    height: 100%;
  }
.cBSEditViewFieldLayoutItemStretch .dxbl-fl-ctrl {
  height: 100% !important;
}

.cBSEditViewFieldLayoutItemStretch .dxbl-fl-ctrl-nc {
  height: 100% !important;
}

.cBSDocumentViewContainer {
  height: calc(100% - 40px);
  width: 100%;
}

.cBSSyncHtmlEditor {
  height: 100%;
  min-height: 300px;
}

  .cBSSyncHtmlEditor .e-rte-container {
    min-height: 300px;
  }

.cBSOrderAssistantTransactionFilter {
  display: flex;
  align-items: center;
}

.cBSHtmlEditorContainer {
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: var(--dxds-color-border-neutral-default-rest);
  height: 332px;
}

.cBSHtmlEditorToolbarContainer {
  display: flex;
  height: 32px;
  border-style: none none solid none;
  border-width: 1px;
  border-color: var(--dxds-color-border-neutral-default-rest);
}

.cBSHtmlEditor {
  height: 295px;
  overflow-y: auto;
  scroll-behavior: smooth;
  outline: none !important;
  padding: 5px;
}

.cBSHtmlEditorFullFit {
  height: 330px;
  overflow-y: auto;
  scroll-behavior: smooth;
  outline: none !important;
  padding: 5px;
  background-color: lightgray;
}

.cBSFilterToolbarItem {
  height: 600px;
  width: 250px;
}

  .cBSFilterToolbarItem .dxbl-toolbar-item-tmpl {
    width: 250px;
  }

  .cBSTreeViewNodeSelected span {
    font-weight: bold !important;
  }

.cBSFilterToolbarItemHeader {
  display: flex;
  justify-content: flex-end;
  background-color: var(--dxds-color-surface-neutral-subdued-rest);
  border-style: none none solid none;
  border-width: 1px;
  border-color: var(--dxds-color-border-neutral-default-rest);
}

.cBSUniversalRecordSelectionViewContainer {
  display: flex;
  width: 100%;
  height: 100%;
}

.cBSUniversalRecordSelectionViewLeftContainer {
  height: 100%;
  width: 250px;
}

.cBSUniversalRecordSelectionViewRightContainer {
  height: calc(100% - 50px);
  width: calc(100% - 250px);
  padding-top: 10px;
}

.cBSUniversalRecordSelectionViewObjectListBox {
  height: calc(100% - 55px) !important;
}

.cBSFilterEditorContainer {
  height: 100%;
  width: 100%;
  padding-top: 10px;
}

.cBSSimpleFilterBuilderContainer {
  height: calc(100% - 50px);
  margin-left: 10px;
  margin-right: 10px;
}

.cBSFilterFieldsContainer {
  height: 100%;
  width: 100%;
  display: flex;
}

.cBSFilterFieldsLeftContainer {
  height: calc(100% - 55px);
  width: 50%;
}

.cBSFilterFieldsRightContainer {
  height: calc(100% - 55px);
  width: 50%;
}

.cBSFilterFieldsViewsContainer {
  height: calc(100% - 50px);
  margin: 0px 5px 10px 10px;
  background-color: var(--dxds-color-surface-neutral-default-rest);
  padding: 10px;
  overflow: hidden;
}

.cBSFilterFieldsViewTree {
  height: calc(100% - 20px) !important;
}

.cBSFilterFieldsFieldsContainer {
  height: calc(100% - 50px);
  margin: 0px 10px 0px 5px;
  background-color: var(--dxds-color-surface-neutral-default-rest);
}

.cBSFilterFieldSelectionFieldsListBox {
  height: calc(100% - 40px) !important;
  border: none !important;
}

.cBSFilterFieldSelectionFieldsFooter {
  text-align: end;
}