/* grid */

.dxbl-grid {
	border-radius: 4px;
	overflow: hidden !important;
	max-height: 500px;
}

.dxbl-grid.h-100 {
	max-height: 1000px;
}

.dxbl-grid.interactive-cursor-default tbody tr:not(:has(.dxbl-grid-empty-data)):not(.dxbl-grid-group-row):not(:has(.dxbl-grid-detail-cell)):hover {
	background-color: #e6ebff;
}

.dxbl-grid.interactive tbody tr:not(:has(.dxbl-grid-empty-data)):not(:has(.dxbl-grid-empty-data-area)):not(.dxbl-grid-group-row):not(:has(.dxbl-grid-detail-cell)):hover {
	cursor: pointer;
	background-color: #e6ebff;
}

.dxbl-grid-empty-data-area {
	cursor: default;
}

.dxbl-grid.interactive .dxbl-grid-group-row {
	cursor: default;
}

/*.dxbl-grid.interactive .dxbl-grid-indent-cell {*/
/*    background-color: white !important;*/
/*}*/

.dxbl-grid tbody tr .dxbl-grid-empty-data {
	cursor: default;
	padding: 20px 0 !important;
}

.dxbl-grid tbody tr .dxbl-grid-empty-data > span {
	font-weight: 300 !important;
	color: #aaaaaa;
}

.dxbl-grid.interactive tbody tr:has(.dxbl-grid-empty-data) span {
	font-weight: normal;
}

.dxbl-grid-header-row {
	border-radius: inherit !important;
}

.dxbl-grid-header-content {
	padding: 8px !important;
}

/*.dxbl-grid-filter-row td {*/
/*  padding: 8px !important;*/
/*}*/

.dxbl-grid tbody tr {
	height: 30px;
}

.dxbl-grid tbody td {
	font-size: 15px !important;
	padding: 10px 10px 9px 10px;
}

.dxbl-grid-selected-row {
	background-color: #e6ebff;
}

.dxbl-grid-filter-row .dxbl-text-edit {
	font-size: 15px !important;
	padding: 0 !important;
}

.dxbl-grid-filter-row .dxbl-text-edit-input {
	font-size: 15px !important;
	padding: 8px !important;
}

.dxbl-grid .command-buttons .btn {
	padding: 0 !important;
}

/*.dxbl-grid .command-buttons i {*/
/*    font-size: 14px;*/
/*}*/

.dxbl-grid-footer-row td {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

dxbl-grid .command-buttons button:not(:first-child) {
	margin-left: 4px;
}

.dxbl-grid.no-column-headers thead {
	display: none;
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-detail-cell {
	padding: 16px !important;
	cursor: default;
}

.dxbl-group > .dxbl-group-header > .dxbl-btn.dxbl-group-expand-btn > svg.dxbl-image {
	color: #26548c !important;
}

.btn-grid {
	font-size: 14px;
	padding: 4px 10px;
}

.btn-grid-100 {
	font-size: 14px;
	padding: 4px 10px;
	width: 100%;
}

dxbl-grid dxbl-combo-box input {
	font-size: 15px !important;
}

/* editors */

dxbl-input-editor {
	font-size: 17px !important;
	padding: 11px !important;
}

/*.dxbl-grid:not(.dxbl-grid-filter-row) dxbl-combobox input {*/
/*  font-size: 17px !important;*/
/*  padding: 15px !important;*/
/*}*/

dxbl-grid dxbl-combobox input {
	font-size: 15px !important;
	padding: 15px !important;
}

dxbl-combo-box input {
	font-size: 17px !important;
	padding: 10px !important;
}

dxbl-grid dxbl-combo-box input {
	font-size: 15px !important;
	padding: 15px !important;
}

.dxbl-btn-toolbar dxbl-combo-box input {
	font-size: 15px !important;
	padding: 8px !important;
}

dxbl-combo-box .dxbl-readonly input {
	background-color: white !important;
}

dxbl-spinedit {
	font-size: 17px !important;
	padding: 11px !important;
}

dxbl-date-edit input {
	font-size: 17px !important;
	padding: 15px !important;
}

dxbl-memo-editor textarea {
	font-size: 17px !important;
	padding: 10px !important;
}

dxbl-masked-input input {
	font-size: 17px !important;
	padding: 15px !important;
}

/*tr.rowCssClass > td {*/
/*    vertical-align:initial!important;*/
/*}*/

/*.dxbl-text-edit>.dxbl-btn-group:hover {*/
/*  border-left: none;*/
/*  background-color: #e6f0ff;*/
/*}*/

::placeholder {
	color: #bbbbbb !important;
}

/* dx accordion */

/*.dxbl-accordion {*/
/*    z-index: 0 !important;*/
/*}*/

.dxbl-accordion-group-header {
	font-size: 17px !important;
	font-weight: bold !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	align-items: center;
}

.dxbl-accordion-group-header:hover {
	background-color: white !important;
}

.dxbl-accordion-items-container .dxbl-group.dxbl-accordion-group.expanded .dxbl-accordion-group-header {
	background-color: #fefefe !important;
	color: black !important;
}

.accordion-item:hover {
	background-color: #f0f0f0; /* Change this to your desired color */
}

.dxbl-accordion .dxbl-group {
	font-size: 16px !important;
	line-height: 1.75 !important;
	font-family: "Roboto", sans-serif !important;
}

.dxbl-accordion .card-body {
	border-radius: 0 !important;
}

.dxbl-accordion .dxbl-group-header .dxbl-accordion-item-text-container .dxbl-image {
	width: 20px;
}

/*.dxbl-expandable-container[expanded-state="True"] {*/
/*  padding: 16px !important;*/
/*}*/

.dxbl-accordion-item-text-container {
	color: #3778c8 !important;
	font-weight: normal;
}

.dxbl-accordion-item-text-container .dxbl-image {
	padding: 0;
}

.dxbl-accordion-item-text.dxbl-text {
	padding-top: 5px;
}

.dxbl-accordion-item-content .dxbl-image {
	color: #3778c8;
}

.pane {
	padding: 16px;
}

/* dx tag */

.dxbl-tag-box {
	min-height: 56px;
	max-height: 56px;
	padding: 8px 10px 10px 10px;
}

.dxbl-tag {
	background-color: #d7e4f4 !important;
}

.dxbl-tag-text {
	font-size: 15px !important;
	padding-top: 0 !important;
}

.dxbl-tag .dxbl-image {
	background-color: #87aede !important;
}

.dxbl-tag-box > .dxbl-edit-btn-clear {
	top: 11px !important;
}

/* dx tag in filter row */

.dxbl-grid-filter-row .dxbl-tag-box {
	min-height: initial;
	max-height: initial;
	padding-left: 3px !important;
	padding-bottom: 3px !important;
}

.dxbl-grid-filter-row .dxbl-tag {
	border-radius: 8px !important;
}

/*.dxbl-grid-table tbody td {*/
/*    vertical-align:initial !important;*/
/*}*/

/* rich-edit */

.rich-edit {
	width: 100%;
	max-height: 400px;
}

.h-100-percent {
	height: 100%;
}

.w-min-400px {
	min-width: 400px;
}

.w-100-percent {
	width: 100%;
}

dxbl-input-editor .dxbl-btn-group,
dxbl-input-editor .dxbl-btn-group .dxbl-btn {
	background-color: transparent !important;
}

/*dxbl-input-editor .dxbl-btn-group:hover,*/
/*dxbl-input-editor .dxbl-btn-group .dxbl-btn:hover {*/
/*    background-color: rgba(0, 0, 0, 0.01) !important;*/
/*}*/

/* list box */

.dxbl-listbox-item:hover {
	background-color: #f6f6f6 !important;
}

.dxbl-listbox-item-selected {
	color: black !important;
	background-color: #f6f6f6 !important;
}

.dxbl-listbox div.dxbl-listbox-item-selected, .dxbl-listbox tr.dxbl-listbox-item-selected > td {
	color: black;
}

.dxbl-grid-filter-row td {
	border-bottom: 2px solid #dddddd !important;
}

.row:last-child {
	padding-bottom: 0 !important;
}

.w-100 {
	width: 100%;
}

/* date range */

dxbl-date-range-picker input {
	font-size: 17px !important;
	padding: 15px !important;
}

/* pivot */

/*.dxbl-pivot-total {*/
/*    font-weight: bold;*/
/*}*/

/* modal */

.dxbl-modal-body {
	padding: 0 !important;
}

/*********************************
tabs
 *********************************/

dxbl-tab-list {
	border-bottom: none !important;
}

.dxbl-tabs-tablist {
	/*padding-bottom: 16px !important;*/
}

.dxbl-tabs-content {
	margin-top: 16px;
}

.dxbl-tabs-tablist button {
	padding: 8px 16px;
	color: #0070C4 !important;
	border-color: #99c2ff !important;
	margin-right: 8px !important;
}

.dxbl-tabs-tablist button:hover {
	padding: 8px 16px;
	color: #0070C4 !important;
	background-color: #ebf2fa !important;
	border-color: #99c2ff !important;
	margin-right: 8px !important;
}

.dxbl-tabs-item.dxbl-active button {
	background-color: #ebf2fa !important;
	border-color: #99c2ff !important;
}

.dxbl-tabs-item.dxbl-active button:hover {
	color: #0070C4;
	background-color: #ebf2fa !important;
	border-color: #99c2ff !important;
}