:root {
    --readonly-bg-color: #e8e8e8;
}

.col-2-half {
    .make-md-column(2.5);
}

.common-textbox-align-right {
    text-align: right;
}

.common-masked-input-align-right {
    text-align: right;
}

.common-textbox-uppercase {
    text-transform: uppercase;
}

.commonlabel-required {
    color: red;
}

.common-spinedit-align-right {
    text-align: right;
}

.common-default-field {}

.warning .dxbl-edit-validation-status .dxbl-edit-validation-status-icon-invalid {
    display: none !important;
}

.warning .dxbl-edit-validation-status::before {
    position: relative;
}

.warning .dxbl-edit-validation-status::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f071';
    color: gold;
}

.dxbl-edit-validation-status>.dxbl-image.dxbl-edit-validation-status-icon-valid {
    display: none !important;
}

.dxbl-text-edit.valid.modified .dxbl-edit-validation-status::before {
    position: relative;
}

.dxbl-text-edit.valid.modified .dxbl-edit-validation-status::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f303';
    color: #0fa319;
}

.dxbl-grid.hide-toolbar > .dxbl-grid-toolbar-container {
	display: none !important;
}

dxbl-expandable-container>.dxbl-group-body-content>.dxbl-row {
    margin-top: 0 !important;
}

.col-2-half {
    width: 20%;
}

.col-5-half {
    width: 44.99%;
}

.col-9-half {
    width: 78.3%;
}

.dxbl-fl .dxbl-row {
    margin-left: unset;
    margin-right: unset;
}

.dxbl-fl .dxbl-fl-item > .dxbl-fl-ctrl {
	margin-top: unset !important;
}

.dxbl-fl .dxbl-fl-gd,
.dxbl-fl .dxbl-fl-gt {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.25rem;
}


/*Change appearance of a readonly tagbox items when embedded in a grid column*/
.hidden-tag-btn.dxbl-text-edit.dxbl-readonly {
	border-width: 0px;
}

.hidden-tag-btn.dxbl-text-edit.dxbl-readonly::before {
	opacity: 0%;
}

.common-grid-command-button {
	width: 24px;
	text-align: center;
	padding-left: 0.35rem;
}

.common-grid-command-button-container {
	display: flex;
	gap: 10px;
}

input[type="text"]:read-only {
	background-color: var(--readonly-bg-color);
}

/* Remove default padding from DxDrawer target content area for consistent layout between shells */
.dxbl-drawer-content {
	padding: 0 !important;
}

/* Remove default padding from DxDrawer target content area for consistent layout between shells */
.dxbl-fl .dxbl-fl-group > .dxbl-group > .dxbl-group-body > .dxbl-group-body-content {
	--dxbl-fl-group-content-padding-x: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
}