/* Filter Row BEGIN */
.dxgvFilterRow_Shine td.dxgv {
    padding: 0px;
}

.dxgvFilterRow_Shine .dxeTextBox_Shine td.dxic,
tr.dxgvFilterRow_Shine table.dxeButtonEditSys td.dxic {
    padding: 2px;
    border-radius: 2px;
    font-size: 12px;
    position: static;
}
/* Filter Row END */

td.dxgvHeader_Shine {
    color: white;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: var(--tertiary-color);
}

    td.dxgvHeader_Shine a.dxeHyperlink_Shine {
        color: white;
        font-family: var(--font-weight-semibold);
    }

    td.dxgvHeader_Shine a.dxgvCommandColumnItem_Shine {
        color: white !important;
        font-family: var(--font-weight-semibold);
        text-decoration: underline;
    }

.dxgvArm td {
    background-color: var(--tertiary-color);
    padding-top: 0px;
    padding-bottom: 0px;
}

.dxgvCSD {
    border-radius: 4px;
}

/* Column Chooser Image */
div.dxctToolbar_Shine ul li div.dxm-content {
    padding: 0px !important;
}

/* Column Chooser Button */
div.dxctToolbar_Shine.dxm-horizontal.dxmtb .dxm-item {
    border: none !important;
}

div.dxctToolbar_Shine ul li {
    padding-left: 2px;
}

.Gridview_DangerButton {
    color: var(--danger-color) !important;
    font: var(--font-family-regular-text-bold);
}

.Gridview_CommandButton {
    font: var(--font-family-regular-text-bold);
    text-wrap: wrap;
}

.gridview-column-command {
    text-align: center;
    font: var(--font-family-regular-text-bold);
    border-bottom: 1px solid #DFDFDF !important;
    border-right: 1px solid #DFDFDF !important;
}

.gridview-column-command-checkbox {
    padding-left: 0px !important;
}

a.Gridview_CommandButton.dxbDisabled_Shine {
    color: var(--disabled-color);
    border: none;
}

td.dxgvHeader_Shine span.dxICheckBox_Shine {
    margin-left: -3px;
}

/* Remove margin from selection checkbox in command columns */
td.dxgvHeader_Shine span.dxICheckBox_Shine.dxichSys.dx-not-acc,
td.dxgvCommandColumn_Shine span.dxICheckBox_Shine.dxichSys.dx-not-acc {
    margin: 0 !important;
    border-radius: 4px;
    background-color: white;
}

.GridViewColumnHeader span.dxICheckBox_Shine {
    border: solid 1px;
}

.dxgvDataRow_Shine td.dxgv.ins-btn-danger {
    color: var(--danger-color);
}

.dxgvDataRow_Shine td.dxgv.bold-text {
    font-family: var(--font-family-regular-text-bold) !important;
}

.dxgvSelectedRow_Shine td, .dxgvFocusedRow_Shine td, tr.dxgvFocusedRow_Shine {
    background-color: rgba(76, 158, 110, 0.3) !important; /*var(--secondary-color) !important;*/
    color: black !important;
}

.dxgvSelectedRow_Shine a.Gridview_CommandButton,
.dxgvFocusedRow_Shine a.Gridview_CommandButton,
.dxgvSelectedRow_Shine a.dxgvCommandColumnItem_Shine,
.dxgvSelectedRow_Shine a.GridViewImageButton,
.dxgvSelectedRow_Shine a.GridView_DangerButton {
    color: var(--primary-color-dark) !important;
}

.dxgvSelectedRow_Shine span.dxICheckBox_Shine {
    background-color: white !important;
    border-radius: 4px;
}

.dxgvSelectedRow_Shine span.dxeIRadioButton_Shine {
    background-color: white !important;
    border-radius: 14px;
}

/*radio buttons*/
td.dxgvCommandColumn_Shine span.dxeIRadioButton_Shine {
    margin-left: 0px;
}

/*checkboxes used as radio buttons*/
td.gridview-column-command-checkbox span.dxeIRadioButton_Shine {
    margin-left: 7px;
}

.dxgvCustDialogShine .dxmodalTableSys {
}

.dxgvCustDialogColumnItem_Shine {
    margin-top: 0px !important;
}

/*dxCustomDialogRowHeight*/
.dxgvCustDialog_Shine {
    height: 600px;
    width: 400px;
    overflow-y: auto;
}

.GridViewImageButton {
    font-size: 14px;
}

.CommandColumn_Link a span {
    text-decoration: underline;
    color: var(--caution-color);
}

.dxp-pageSizeItem {
    float: right;
}
}

tr.dxgvDataRowAlt_Shine.dxgvFocusedRow_Shine td {
    color: #484848 !important;
}

tr.dxgvDataRowAlt_Shine.dxgvFocusedRow_Shine td.gridview-column-command a {
    color: var(--primary-color) !important;
}

/* Changing the checkbox image to use the selected row sprite instead of the focused row sprite because the colors wash out and the user cannot see the checkbox */
tr.dxgvDataRow_Shine.dxgvFocusedRow_Shine td.dxgvCommandColumn_Shine.dxgv.dx-ac span.dxICheckBox_Shine.dxichSys.dx-not-acc.dxWeb_edtCheckBoxChecked_Shine {
    background-position-x: -400px;
    background-position-y: -76px;
}