.dxpgControl_MexTheme, .dxpgCustForm_MexTheme {
    background-color: #F9F9F9;
    border: Solid 3px #D3D3D3;
    color: #000000;
    font: 12px Tahoma;
}

.dxpgContainerCell_MexTheme { vertical-align: top; }

.dxpgMainTable_MexTheme {
    border: 0px;
    border-collapse: separate;
    color: #000000;
    font: 12px Tahoma;
    text-align: left;
    width: 100%;
}

div.dxpgMainTable_MexTheme { -ms-touch-action: pinch-zoom; }

.dxpgMainTable_MexTheme caption {
    background: #ACACAC;
    border-bottom: solid 3px #D3D3D3;
    color: white;
    font-size: 15px;
    font-weight: normal;
    padding: 4px 3px;
    text-align: center;
}

.dxpgHeader_MexTheme {
    background-color: #969696;
    background-position: left top;
    background-repeat: repeat-x;
    border: Dotted 0px #5C5C5C;
    color: #FFFFFF;
    cursor: pointer;
	
    text-align: left;
    white-space: nowrap;
}

.dxpgHeaderTable_MexTheme {
    border-width: 1px;
    width: 100%;
}

.dxpgMSDraggable .dxpgHeaderTable_MexTheme,
.dxpgCustFieldsDiv_MexTheme .dxpgHeaderTable_MexTheme { -ms-touch-action: pinch-zoom; }

.dxpgHeaderGroupButton_MexTheme {
    padding-left: 4px;
    vertical-align: middle;
}

.dxpgHeaderText_MexTheme {
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 5px;
}

.dxpgHeaderSort_MexTheme {
    padding-left: 0px;
    padding-right: 4px;
    padding-top: 0px;
    vertical-align: middle;
}

.dxpgHeaderFilter_MexTheme {
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 2px;
    padding-top: 2px;
    vertical-align: middle;
}

.dxpgHeaderHover_MexTheme { background-color: #F16A39; }

.dxpgArea_MexTheme, .dxpgArea_MexTheme table {
    color: Black;
    font: 12px Tahoma;
}

.dxpgArea_MexTheme {
    background-color: #E6E6E6;
    border: Dotted 1px #E6E6E6;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    padding: 0px 3px 0px 3px;
}

.dxpgColumnArea_MexTheme { border-bottom-style: Dotted; }

.dxpgRowArea_MexTheme { }

.dxpgDataArea_MexTheme { }

.dxpgFilterArea_MexTheme {
    background-color: #FCFCFC;
    background-image: url('pgAreaBackground.gif');
    background-position: left bottom;

    background-repeat: repeat-x;
    border-bottom: Dotted 1px #5C5C5C;
    color: Black;
}

.dxpgEmptyArea_MexTheme {
    cursor: default;
    padding-bottom: 7px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
}

.dxpgColumnFieldValue_MexTheme {
    background-color: #969696;
    border: Dotted 1px #5C5C5C;
    border-bottom-style: none;
    border-left-style: Dotted;
    border-right-style: none;
    border-top-style: Dotted;
    color: #FFFFFF;
    font-weight: normal;
    padding: 4px 6px;
    padding-bottom: 5px;
    text-align: left;
}

.dxpgColumnTotalFieldValue_MexTheme {
    background-color: #838383;
    border-bottom-style: none;
    border-left-style: Dotted;
    border-right-style: none;
    border-top-style: Dotted;
}

.dxpgColumnGrandTotalFieldValue_MexTheme {
    background-color: #656565;
    border-bottom-style: none;
    border-left-style: Dotted;
    border-right-style: none;
    border-top-style: Dotted;
}

.dxpgRowFieldValue_MexTheme {
    background-color: #979797;
    border: Dotted 1px #5C5C5C;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: Dotted;
    border-top-style: Dotted;
    color: #FFFFFF;
    font-weight: normal;
    padding: 4px 6px 5px 6px;
    text-align: left;
}

.dxpgRowTotalFieldValue_MexTheme {
    background-color: #838383;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: Dotted;
    border-top-style: Dotted;
}

.dxpgRowTreeFieldValue_MexTheme {
    font: 0px;
    padding: 0px;
}

.dxpgRowGrandTotalFieldValue_MexTheme {
    background-color: #656565;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: Dotted;
    border-top-style: Dotted;
    padding: 6px 6px 7px 6px;
}

.dxpgCollapsedButton_MexTheme {
    border: 0px;
    margin-right: 5px;
    vertical-align: -3px;
}

.dxpgSortByColumnImage_MexTheme {
    border: 0px;
    margin-left: 5px;
    vertical-align: 1px;
}

.dxpgCell_MexTheme {
    background-color: #FFFFFF;
    border-bottom-style: none;
    border-color: #E3E3E3;
    border-left-style: Solid;
    border-right-style: none;
    border-top-style: Solid;
    border-width: 1px;
    padding: 4px;
    padding-bottom: 5px;
    text-align: right;
    white-space: nowrap;
}

.dxpgKPICell_MexTheme {
    text-align: center;
    vertical-align: middle;
}

.dxpgTotalCell_MexTheme { background-color: #F8F8F8; }

.dxpgGrandTotalCell_MexTheme { background-color: #eeeeee; }

.dxpgFilterItem_MexTheme {
    font: 12px Tahoma;
    white-space: nowrap;
}

.dxpgFilterButton_MexTheme {
    font: 12px Tahoma;
    padding: 2px 6px;
}

.dxpgLoadingDiv_MexTheme {
    background-color: Gray;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=1);
    opacity: 0.01;
}

.dxpgTopPager_MexTheme {
    border-bottom: Dotted 1px #5C5C5C;
    border-left: none;
    border-right: none;
    border-top: none;
}

.dxpgBottomPager_MexTheme {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: Dotted 1px #5C5C5C;
}

.dxpgCustomizationFieldsHeader_MexTheme {
    color: #000000;
    font: 12px Tahoma;
}

.dxpgCustomizationFieldsContent_MexTheme { padding: 0px !important; }

.dxpgLoadingPanel_MexTheme {
    background-color: White;
    border: solid 1px #3485be;
    color: #3c8dc7;
    font: 12px Tahoma;
}

.dxpgLoadingPanel_MexTheme td.dx {
    padding: 10px 20px 6px;
    text-align: center;
    white-space: nowrap;
}

.dxpgMenuItem_MexTheme { font: 12px Tahoma; }

.dxpgDataHeadersImage_MexTheme {
    margin-right: 5px;
    vertical-align: -2px;
}

.dxpgPrefilterPanelContainer_MexTheme {
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
}

.dxpgPrefilterPanel_MexTheme {
    background: #f2f2f2;
    border: none;
}

.dxpgPrefilterPanelLink_MexTheme {
    color: #365d79;
    text-decoration: underline;
}

a:hover.dxpgPrefilterPanelLink_MexTheme { color: #3c8dc7; }

.dxpgPrefilterPanelCheckBoxCell_MexTheme {
    padding: 0 3px;
    padding-right: 7px;
}

.dxpgPrefilterPanelImageCell_MexTheme {
    cursor: pointer;
    padding: 0 3px;
    padding-right: 1px;
}

.dxpgPrefilterPanelExpressionCell_MexTheme {
    font-size: 12px;
    padding: 5px 5px 8px 0;
    white-space: nowrap;
}

.dxpgPrefilterPanelClearButtonCell_MexTheme {
    font-size: 12px;
    padding: 5px 6px 8px;
}

.dxpgFilterBuilderMainArea_MexTheme {
    background: white;
    padding: 6px 2px;
}

.dxpgFilterBuilderButtonArea_MexTheme {
    background-color: #e9e9e9;
    border-top: solid 1px #E0E0E0;
    padding: 6px;
    white-space: nowrap;
}

.dxpgGroupSeparator_MexTheme { vertical-align: middle; }

.dxpgCustFieldsFilterAreaHeaders_MexTheme,
.dxpgCustFieldsRowAreaHeaders_MexTheme,
.dxpgCustFieldsColumnAreaHeaders_MexTheme,
.dxpgCustFieldsDataAreaHeaders_MexTheme,
.BottomPanelOnly1by4 .dxpgFLFRDiv_MexTheme,
.BottomPanelOnly1by4 .dxpgFLCDDiv_MexTheme {
    height: 50%;
    width: 100%;
}

.StackedDefault .dxpgCustFieldsFieldList_MexTheme { height: 34%; }

.StackedDefault .dxpgFLFRDiv_MexTheme {
    float: left;
    height: 66%;
    width: 50%;
}

.StackedDefault .dxpgFLCDDiv_MexTheme {
    float: right;
    height: 66%;
    width: 50%;
}

.StackedDefault .dxpgCustFieldsFilterAreaHeaders_MexTheme .dxpgFLTextDiv_MexTheme,
.StackedDefault .dxpgCustFieldsColumnAreaHeaders_MexTheme .dxpgFLTextDiv_MexTheme { height: 47px; }

.TopPanelOnly .dxpgCustFieldsFieldList_MexTheme {
    height: 100%;
    width: 100%;
}

.TopPanelOnly .dxpgFLDefereDiv_MexTheme .dxeBase_MexTheme,
.TopPanelOnly .dxpgFLDefereDiv_MexTheme .dxpgFLDefereDB_MexTheme,
.BottomPanelOnly1by4 .dxpgCustFieldsFieldList_MexTheme,
.TopPanelOnly .dxpgFLFRDiv_MexTheme,
.TopPanelOnly .dxpgFLCDDiv_MexTheme,
.BottomPanelOnly2by2 .dxpgCustFieldsFieldList_MexTheme,
.TopPanelOnly .dxpgFLTextDiv_MexTheme div { display: none; }

.TopPanelOnly .dxpgFLTextDiv_MexTheme { height: 19px; }

.TopPanelOnly .dxpgFLDefereDiv_MexTheme { height: 16px; }

.BottomPanelOnly2by2 .dxpgFLFRDiv_MexTheme,
.StackedSideBySide .dxpgCustFieldsFieldList_MexTheme {
    float: left;
    height: 100%;
    width: 50%;
}

.BottomPanelOnly2by2 .dxpgFLCDDiv_MexTheme {
    float: right;
    height: 100%;
    width: 50%;
}

.StackedSideBySide .dxpgFLFRDiv_MexTheme,
.StackedSideBySide .dxpgFLCDDiv_MexTheme {
    float: right;
    height: 50%;
    width: 50%;
}

.dxpgCustFields_MexTheme {
    display: block;
    position: relative;
}

.dxpgFLListDiv_MexTheme > div {
    background: #FFFFFF;
    border: 1px solid #969696;
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 1px;
    position: relative;
}

.dxpgFLListDiv_MexTheme > div > div {
    background: #FFFFFF;
    display: block;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    position: relative;
}

.DragOver .dxpgFLListDiv_MexTheme > div { background: #FFD324; }

.dxpgFLListDiv_MexTheme { padding: 0px 3px 0px 3px; }

.dxpgFLButtonDiv_MexTheme .dxbButton_MexTheme div.dxb { padding: 2px 8px 1px; }

.dxpgFLButtonDiv_MexTheme .dxbButton_MexTheme div.dxbf {
    border: dotted 1px black;
    padding: 1px 7px 0px;
}

.dxpgFLTextDiv_MexTheme { height: 28px; }

.dxpgFLTextDiv_MexTheme div {
    display: block;
    float: left;
    left: 6px;
    margin: -17px 0px 3px 0px;
    position: relative;
    top: 100%;
}

div.dxpgFLTextImgDiv_MexTheme {
    display: block;
    height: 16px;
    left: 3px;
    margin: -18px 0px 3px 0px;
    width: 16px;
}

.dxpgFLButtonDiv_MexTheme {
    float: right;
    height: 28px;
    position: relative;
    z-index: 1;
}

.dxpgFLDefereDiv_MexTheme { height: 50px; }

.dxpgCustFieldsDiv_MexTheme {
    clear: both;
    padding: 0px 9px;
}

.dxpgFLButton_MexTheme {
    height: 23px;
    margin: 12px 12px 0px 0px;
    width: 40px;
}

.dxpgFLDefereDiv_MexTheme .dxeBase_MexTheme {
    border-collapse: separate;
    display: block;
    float: left;
    margin-left: 8px;
    padding: 17px 0px 0px 0px;
}

.dxpgFLDefereDB_MexTheme {
    display: block;
    float: right;
    margin-top: 16px;
    padding: 0px 12px 0px 0px;
}

.dxpgFLDefereDiv_MexTheme .dxbButton_MexTheme div.dxb { padding: 2px 14px 2px 14px; }

.dxpgFLDefereDiv_MexTheme .dxbButton_MexTheme div.dxbf {
    border: dotted 1px black;
    padding: 1px 13px 1px 13px;
}

.dxpgFLListDiv_MexTheme table {
    overflow: visible;
    table-layout: fixed;
    width: 100%;
}

.dxpgFLListDiv_MexTheme table table td { overflow: hidden; }