/* Auto width dropdown editor in data grid */

.dx-overlay-wrapper .dx-popup-content .dx-list-item {
	display: block;
}

.dx-widget.dx-button-success .dx-button,
.dx-widget.dx-button-success .dx-button .dx-icon,
.dx-button-mode-outlined.dx-button-success {
	background-color: transparent;
	border-color: var(--dx-color-success);
	color: var(--dx-color-success);
}

.override-text-green {
	--override-text-color: green;
}

.override-text-blue {
	--override-text-color: blue;
}

.override-text-grey {
	--override-text-color: grey;
}

.dx-lookup-field,
.dx-texteditor-input {
	color: var(--override-text-color, #333);
}

/* Make Combobox not overflow */

.dx-field-item-content {
	overflow: hidden;
}

/* Background */

.bg-transparent {
	background-color: transparent !important;
}

.bg-white {
	background-color: white !important;
}

/* Border */
.border {
	border: 1px solid #ccc !important;
}

.rounded {
	border-radius: .25rem !important;
}

.rounded-circle {
	border-radius: 50% !important;
}

/* Tabpanel */
.dx-tab.dx-tab-selected {
	border-color: var(--accent-color);
	background-color: var(--accent-color);
}

.dx-tab:not(.dx-tab-selected) {
	background-color: #FFFFFF;
	color: black;
}

.dx-tab::before,
.dx-tab::after {
	display: none !important;
}

.dx-tab.dx-tab-selected .dx-tab-text {
	color: #FFFFFF;
}

.dx-tab:not(.dx-tab-selected):hover {
	background-color: #f2f2f2;
}

.dx-tabpanel-container {
	background-color: #FFFFFF;
}

.scroll-auto {
	overflow-y: scroll;
	max-height: 100%;
}

.dx-datagrid-header-panel {
	background-color: white;
	border-top: 1px solid #eee;
	padding: 10px 10px 0 10px;
}

/* ExportImportInventoryFinanceReport */
#report-wrap {
	display: flex;
	gap: 12px;
	transition: all 0.25s ease;
}

#report-left {
	flex: 1 1 auto;
	min-width: 420px;
	transition: flex 0.25s ease;
}

#report-right {
	display: none;
	width: 0;
	overflow: hidden;
	transition: all 0.25s ease;
	padding: 12px 12px 0 12px;
	background-color: #fff;
}

#report-wrap.open #report-left {
	flex: 0 0 58%;
}

#report-wrap.open #report-right {
	display: block;
	flex: 0 0 41.5%;
	min-width: 320px;
}

/* breadcrumb */

.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: white;
	border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	float: left;
	padding-right: 0.5rem;
	color: var(--accent-color);
	content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
	text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
	text-decoration: none;
}

.breadcrumb-item.active a {
	color: #6c757d;
}