/* 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-table td {*/
/*	vertical-align: top !important;*/
/*}*/

/*.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-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: 15px !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-items-container .dxbl-group.dxbl-accordion-group.expanded .dxbl-accordion-group-header {
    background-color: #e6f0ff !important;
}

.dxbl-accordion-group-header {
    font-size: 17px !important;
    font-weight: bold !important;
    background-color: rgba(0, 0, 0, 0.01) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    align-items: center;
}

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

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

.pane {
    padding: 16px;
}

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

/*.dxbl-accordion.faq .dxbl-group {*/
/*	background-color: rgba(0,0,0,0.03) !important;*/
/*}*/

/* 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;*/
/*}*/

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

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

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

.dxbl-tabs-tablist button {
    padding: 8px 16px;
    color: var(--color-blue) !important;
    border-color: #99c2ff !important;
    margin-right: 8px !important;
}

.dxbl-tabs-tablist button:hover {
    padding: 8px 16px;
    color: var(--color-blue) !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: var(--color-blue);
    background-color: #ebf2fa !important;
    border-color: #99c2ff !important;
}