/* Override label alignment
-------------------------------------------------------------- */
div.forms dl dt > span, div.forms dl dt > a, div.forms dl dt > label, 
dl.form dt > span, dl.form dt > a, dl.form dt > label, 
dl.form dd .label, dl.form dd .hyperlink, dl.form.labels dd > *,
div.forms .label, div.forms .hyperlink, div.controls .label, div.controls .hyperlink {
    margin-top: 2px;
}

div.controls > *:not(.group):not(.button), div.controls div.group > *:not(.group):not(.button)
{
    margin-top: 3px;
}
div.controls .label, div.controls .hyperlink, div.controls div.group .label, div.controls div.group .hyperlink {
    padding-top: 2px;
} /* Becomes 5px with margin */

/* Remove background colours
-------------------------------------------------------------- */
.dxtcLite_Metropolis {
    color: inherit;
}

/* Fix checkbox and radiobutton (and list versions) layout
-------------------------------------------------------------- */
.checkbox.dxeBase_Metropolis label, .radiobutton.dxeBase_Metropolis label, .checkboxlist.dxeCheckBoxList_Metropolis label, .radiobuttonlist.dxeRadioButtonList_Metropolis label {
    cursor: pointer;
} /* Cursor for checkbox & radiobutton labels */
.checkbox.dxeBase_Metropolis.dxeReadOnly_Metropolis label, .radiobutton.dxeBase_Metropolis.dxeReadOnly_Metropolis label, .checkboxlist.dxeCheckBoxList_Metropolis.dxeReadOnly_Metropolis label, .radiobuttonlist.dxeRadioButtonList_Metropolis.dxeReadOnly_Metropolis label {
    cursor: default;
} /* Cursor for disabled checkbox & radiobutton labels */
span.checkbox.dxeBase_Metropolis, span.radiobutton.dxeBase_Metropolis, table.checkbox.dxeBase_Metropolis td:first-child, table.radiobutton.dxeBase_Metropolis td:first-child, table.checkboxlist.dxeCheckBoxList_Metropolis table td table td:first-child, table.radiobuttonlist.dxeRadioButtonList_Metropolis td span, 
table.radiobuttonlist.dxeRadioButtonList_Metropolis table td table td:first-child {
    padding: 0 3px 2px 0 !important;
} /* Line up checkboxes & radiobuttons with other controls (height & width 21px) */
table.checkbox.dxeBase_Metropolis td:last-child, table.radiobutton.dxeBase_Metropolis td:last-child, table.checkboxlist.dxeCheckBoxList_Metropolis table td table td:last-child, table.radiobuttonlist.dxeRadioButtonList_Metropolis table td table td:last-child {
    padding: 0 0 1px 0 !important;
} /* Line up checkbox, checkboxlist radiobutton and radiobuttonlist labels with other controls */
.grid span.dxeBase_Metropolis.dxichCellSys.dxeTAR {
    padding: 1px 0 0 0;
} /* Line up checkbox in grid column */
.grid td.dxgvCommandColumn_Metropolis.dxgv {
    padding: 0 6px 3px;
}
.grid td.dxgvHeader_Metropolis img, .grid td.dxgv:not(.dxgvCommandColumn_Metropolis) img {
    margin-top: 2px;
}

/* Fix checkbox and radiobutton printing *** not working, not in Moderno
-------------------------------------------------------------- */
@media print {
    span.dxICheckBox_Metropolis, span.dxIRadioButton_Metropolis {
        margin: -7px -3px 0 3px;
    }
    span.dxWeb_edtCheckBoxUnchecked_Metropolis:before, span.dxWeb_edtRadioButtonUnchecked_Metropolis:before {
        content: "o";
        font-size: 12px;
    } /* Show a symbol for unchecked checkbox / radiobutton (as theme control not printed) */
    span.dxWeb_edtCheckBoxChecked_Metropolis:before, span.dxWeb_edtRadioButtonChecked_Metropolis:before {
        content: "x";
        font-size: 12px;
    } /* Show a symbol for checked checkbox / radiobutton (as theme control not printed) */
}

/* Fix grid popup edit form
-------------------------------------------------------------- */
div.popup div.dxgvPopupEditForm_Metropolis {
    padding: 0 !important;
} /* Outer div */
div.popup div.dxgvPopupEditForm_Metropolis table.dxgvEditFormTable_Metropolis td.dxgvEditFormCaption_Metropolis {
    padding: 2px 10px 0 0 !important;
    vertical-align: top;
} /* Form labels */
div.popup div.dxgvPopupEditForm_Metropolis table.dxgvEditFormTable_Metropolis td.dxgvEditFormCell_Metropolis {
    padding: 0 0 10px 0 !important;
} /* Form controls */
div.popup div.dxgvPopupEditForm_Metropolis table.dxgvEditFormTable_Metropolis td.dxgvCommandColumn_Metropolis {
    padding: 0 0 10px 0 !important;
    text-align: center;
} /* Command buttons */
div.popup div.dxgvPopupEditForm_Metropolis table.dxgvEditFormTable_Metropolis td.dxgvCommandColumn_Metropolis div.dxbButton_Metropolis {
    margin: 0 5px !important;
} /* Command button spacing */
div.popup div.dxgvPopupEditForm_Metropolis table.dxgvEditFormTable_Metropolis td.dxgvCommandColumn_Metropolis > span {
    display: none;
} /* Command column (2px + 1px is added due to additional span) */