/* Shared control appearance; dimensions stay with each page and control. */
.dxeBase_Office2010Black,
.dxpcLite_Office2010Black .dxpc-content,
.system-content .dxgvControl_Office2010Black,
.dxeListBox_Office2010Black {
    color: #4f5157;
}

body input.dxeEditArea_Office2010Black:not(.dxeDisabled_Office2010Black),
.dxeMemoEditArea_Office2010Black:not(.dxeDisabled_Office2010Black) {
    color: #4f5157;
}

body .dxeNullText_Office2010Black input.dxeEditArea_Office2010Black,
.dxeNullText_Office2010Black .dxeMemoEditArea_Office2010Black {
    color: #c7cacf;
}

.dxeTextBox_Office2010Black,
.dxeButtonEdit_Office2010Black,
.dxeMemo_Office2010Black {
    border: 1px solid #b8bcc2 !important;
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
    transition: border-color .2s;
}

.dxeTextBox_Office2010Black .dxeEditArea_Office2010Black,
.dxeButtonEdit_Office2010Black .dxeEditArea_Office2010Black,
.dxeMemo_Office2010Black .dxeMemoEditArea_Office2010Black {
    background: transparent !important;
}

.dxeButtonEdit_Office2010Black .dxeButtonEditButton_Office2010Black {
    background-image: none !important;
    border-color: #b8bcc2 !important;
}

.dxeButtonEdit_Office2010Black td.dxeButtonEditButton_Office2010Black:last-child {
    border-radius: 0 7px 7px 0;
}

.dxeTextBox_Office2010Black.dxeFocused_Office2010Black,
.dxeButtonEdit_Office2010Black.dxeFocused_Office2010Black,
.dxeMemo_Office2010Black.dxeFocused_Office2010Black {
    border-color: #ff6b00 !important;
}

.dxbButton_Office2010Black {
    border: 0 !important;
    border-radius: 6px;
    background: #ff6b00 !important;
    box-shadow: none !important;
    color: #fff;
    transition: background-color .2s;
}

.dxbButton_Office2010Black.dxbButtonHover_Office2010Black {
    background: #e65f00 !important;
}

.dxbButton_Office2010Black.dxbButtonPressed_Office2010Black,
.dxbButton_Office2010Black.dxbButtonChecked_Office2010Black {
    background: #cc5500 !important;
    color: #fff;
}

.dxbButton_Office2010Black.dxbDisabled_Office2010Black {
    background: #e0e0e0 !important;
    color: #777;
}

.dxbButton_Office2010Black:focus-visible {
    outline: 2px solid #ff6b00;
    outline-offset: 3px;
}

.dxbButton_Office2010Black.button-secondary {
    background: transparent !important;
    box-shadow: inset 0 0 0 1px #4f5157 !important;
    color: #4f5157;
}

.dxbButton_Office2010Black.button-secondary.dxbButtonHover_Office2010Black {
    background: #f1f1f1 !important;
}

.dxbButton_Office2010Black.button-secondary.dxbButtonPressed_Office2010Black {
    background: #e0e0e0 !important;
    color: #4f5157 !important;
}

.dxbButton_Office2010Black.button-secondary.dxbDisabled_Office2010Black {
    background: transparent !important;
    box-shadow: inset 0 0 0 1px #bbb !important;
    color: #999;
}

@media (max-width: 768px), (pointer: coarse) {
    .dxeListBoxItemRow_Office2010Black { height: 44px; }
    .dxeListBoxItem_Office2010Black {
        box-sizing: border-box;
        height: 44px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        font-size: 16px !important;
        line-height: 22px;
        vertical-align: middle;
    }
}