.dxtlControl_DevEx
{
    cursor: default;
    font: 11px Verdana, Geneva, sans-serif;
    color: #201f35;
    border: 1px solid #9da0aa;
    background: White url('CssImages/ControlBack.png') no-repeat right bottom;
}
.dxtlControl_DevEx caption
{
    font-weight: normal;
    color: #201f35;
    padding: 3px 3px 5px;
    text-align: center;
    background: #f2f3f4 url('CssImages/TitleBack.png') repeat-x left top;
    border-bottom: 0 solid #cacbd3;
    border: 1px solid #cacbd3;
}
/* Indent cells */
.dxtlIndent_DevEx,
.dxtlIndentWithButton_DevEx
{
    background: Transparent none;
    vertical-align: top;
}
.dxtlIndent_DevEx
{
    padding: 0 11px;
}
.dxtlIndentWithButton_DevEx
{
    padding: 4px 5px;
}
.dxtlSelectionCell_DevEx
{
    border-width: 0;
}
/* Tree-lines cells */
.dxtlLineRoot_DevEx,
.dxtlLineFirst_DevEx,
.dxtlLineMiddle_DevEx,
.dxtlLineLast_DevEx,
.dxtlLineFirstRtl_DevEx,
.dxtlLineMiddleRtl_DevEx,
.dxtlLineLastRtl_DevEx
{
    background-color: Transparent;
}
.dxtlIndent_DevEx,
.dxtlIndentWithButton_DevEx
{
    background-color: Transparent;
}
/* Headers */
.dxtlHeader_DevEx,
.dxtlControl_DevEx .dxtlHSDC
{
    background: #f2f3f4 url('CssImages/HeaderBack.png') repeat-x left top;
}
.dxtlHeader_DevEx
{
    border: 1px solid #cacbd3;
    padding: 5px 6px;
    font-weight: normal;
    color: #201f35;
}
.dxtlHeader_DevEx table.dxtl
{
    border-collapse: collapse;
    width: 100%;
}
.dxtlHeader_DevEx td.dxtl
{
    padding: 0;
}
.dxtlHeader_DevEx,
.dxtlHeader_DevEx td.dxtl
{
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
}
/* Nodes */
.dxtlNode_DevEx
{
    background: Transparent none;
}
.dxtlAltNode_DevEx td.dxtl,
.dxtlAltNode_DevEx .dxtlCommandCell_DevEx,
.dxtlAltNode_DevEx .dxtlSelectionCell_DevEx
{
    background: url('CssImages/AltBack.png') left top;
}
.dxtlSelectedNode_DevEx td.dxtl,
.dxtlSelectedNode_DevEx .dxtlCommandCell_DevEx,
.dxtlSelectedNode_DevEx .dxtlSelectionCell_DevEx
{
    background: #eff0f2 none;
    color: #201f35;
}
.dxtlFocusedNode_DevEx td.dxtl,
.dxtlFocusedNode_DevEx .dxtlCommandCell_DevEx,
.dxtlFocusedNode_DevEx .dxtlSelectionCell_DevEx
{
    background: #dde6fd url('CssImages/FocusedBack.png') repeat-x left top;
    color: #201f35;
}
.dxtlAltNode_DevEx .dxtlIndent_DevEx,
.dxtlSelectedNode_DevEx .dxtlIndent_DevEx,
.dxtlFocusedNode_DevEx .dxtlIndent_DevEx
{
    background: Transparent none;
}
.dxtlInlineEditNode_DevEx
{
    background: Transparent none;
}
.dxtlEditFormDisplayNode_DevEx td.dxtl,
.dxtlEditFormDisplayNode_DevEx .dxtlCommandCell_DevEx,
.dxtlEditFormDisplayNode_DevEx .dxtlSelectionCell_DevEx
{
    background: #f9f9fc none;
}
.dxtlNode_DevEx td.dxtl,
.dxtlAltNode_DevEx td.dxtl,
.dxtlSelectedNode_DevEx td.dxtl,
.dxtlFocusedNode_DevEx td.dxtl,
.dxtlEditFormDisplayNode_DevEx td.dxtl,
.dxtlCommandCell_DevEx
{
    padding: 4px 6px;
    border-width: 0;
    white-space: nowrap;
    overflow: hidden;
}
.dxtlHeader_DevEx .dxbButton_DevEx,
.dxtlCommandCell_DevEx .dxbButton_DevEx
{
    margin: -2px 2px;
}
.dxtlHeader_DevEx .dxbButton_DevEx .dxb,
.dxtlCommandCel_DevEx .dxbButton_DevEx .dxb
{
    padding-top: 0;
    padding-bottom: 0;
}
.dxtlEditFormDisplayNode_DevEx td.dxtl,
.dxtlEditFormDisplayNode_DevEx td.dxtl__cc
{
    border-bottom: 1px solid #d9dae0;
}
.dxtlInlineEditNode_DevEx td.dxtl
{
    border-width: 0;
    padding: 1px;
}
/* Preview */
.dxtlPreview_DevEx
{
    background: url('CssImages/PreviewBack.png') left top;
    color: #777777;
    padding: 14px;
    border-width: 0;
    overflow: hidden;
}
/* Footers */
.dxtlGroupFooter_DevEx td.dxtl,
.dxtlFooter_DevEx td.dxtl,
.dxtlControl_DevEx .dxtlFSDC
{
    background-color: #f9f9fc;
}
.dxtlGroupFooter_DevEx td.dxtl,
.dxtlFooter_DevEx td.dxtl
{
    padding: 6px;
    white-space: nowrap;
    border-top: 1px solid #e1e1e9;
    border-right: 1px solid #e1e1e9;
    border-bottom: 1px solid #e1e1e9;
    border-left-color: #e1e1e9;
    border-left-style: solid;
    border-left-width: 0 !important;
    overflow: hidden;
}
.dxtlGroupFooter_DevEx .dx-ar > br,
.dxtlFooter_DevEx .dx-ar > br
{
    float: none;
}
/* Pagers */
.dxtlPagerTopPanel_DevEx,
.dxtlPagerBottomPanel_DevEx
{
    background: #f1f2f6 url('CssImages/PagerBack.png') left top;
}
.dxtlPagerTopPanel_DevEx
{
    border-bottom: 1px solid #cacbd3;
}
.dxtlPagerBottomPanel_DevEx
{
    border-top: 1px solid #cacbd3;
}
/* Toolbars */
.dxtlControl_DevEx .dxctToolbar_DevEx.dxm-main.dxtlCTTop
{
    border-bottom: 1px solid #cacbd3;
}
.dxtlControl_DevEx .dxctToolbar_DevEx.dxm-main.dxtlCTBottom
{
    border-top: 1px solid #cacbd3;
}
/* Editing */
.dxtlEditForm_DevEx
{
    background: #f9f9fc none;
    border-width: 0;
    padding: 8px 10px 10px;
}
.dxtlEditFormCaption_DevEx,
.dxtlEditFormEditCell_DevEx
{
    padding: 4px;
}
.dxtlEditFormCaption_DevEx
{
    padding-left: 10px;
    white-space: nowrap;
}
.dxtlError_DevEx
{
    background-color: #ebecef;
    color: #ba1717;
    padding: 6px 10px;
    border-width: 0;
}
.dxtlPopupEditForm_DevEx
{
    padding: 12px;
}
/* Links */
.dxtlControl_DevEx a
{
    color: #1b3f91;
    text-decoration: none;
}
.dxtlControl_DevEx a:hover
{
    text-decoration: underline;
}
.dxtlSelectedNode_DevEx a,
.dxtlFocusedNode_DevEx a
{
    color: #1b3f91;
    text-decoration: none;
}
.dxtlSelectedNode_DevEx a:hover,
.dxtlFocusedNode_DevEx a:hover
{
    text-decoration: underline;
}
.dxtlCommandCell_DevEx a
{
    margin-right: 3px;
}
/* Loading panel */
.dxtlLoadingPanel_DevEx
{
    font: 11px Verdana, Geneva, sans-serif;
    color: #201f35;
    background-color: White;
    border: 1px solid #9da0aa;
}
.dxtlLoadingPanel_DevEx td.dx
{
    white-space: nowrap;
    text-align: center;
    padding: 7px 10px;
}
.dxtlLoadingPanel_DevEx .dxlp-loadingImage
{
    background-image: url('../Web/Loading.gif');
    height: 32px;
    width: 32px;
}
/* Disabled */
.dxtlDisabled_DevEx,
.dxtlDisabled_DevEx .dxtl
{
    color: #b1b1b8;
    cursor: default;
}
/* Filtering */
.dxtlFilterRow_DevEx
{
    background-color: #ebecef;
}
.dxtlFilterRow_DevEx > td
{
    border-bottom: 1px Solid #abacb9;
    border-right: 1px Solid #abacb9;
    border-top-width: 0;
    border-left-width: 0;
    padding: 2px;
    overflow: hidden;
}
.dxtlSearchPanel_DevEx
{
    padding: 7px;
    background-color: #ebecef;
    border-bottom: 1px solid #cacbd3;
}
.dxtlSearchPanel_DevEx > table
{
    width: 70%;
    max-width: 450px;
}
*[dir="rtl"].dxtlControl_DevEx .dxtlSearchPanel_DevEx .dxbButton_DevEx
{
    margin-left: 0;
    margin-right: 7px;
}
/* TODO remove (replace to command button style) */
.dxtlControl_DevEx .dxtlSearchPanel_DevEx .dxbButton_DevEx
{
    font-size: 0.9em;
    margin-top: -2px;
    margin-bottom: -2px;
}
.dxtlControl_DevEx .dxtlSearchPanel_DevEx .dxbButton_DevEx .dxb
{
    padding-top: 0;
    padding-bottom: 0;
}
.dxtlControl_DevEx .dxbButton_DevEx
{
    margin-left: 7px;
    margin-right: 0;
}
.dxtlFilterBar_DevEx
{
    border-top: 1px solid #cacbd3;
    background: #f9f9fc none;
}
.dxtlFilterBar_DevEx a
{
    color: #394ea2;
    text-decoration: underline;
}
.dxtlFilterBarCheckBoxCell_DevEx
{
    padding: 0 7px 0 3px;
}
.dxtlFilterBarImageCell_DevEx
{
    padding: 0 1px 0 3px;
    cursor: pointer;
}
.dxtlFilterBarExpressionCell_DevEx
{
    padding: 5px 5px 8px 0;
    white-space: nowrap;
}
.dxtlFilterBarClearButtonCell_DevEx
{
    padding: 5px 6px 8px;
}
dxtlFilterBuilderMainArea_DevEx
{
    background: white none;
    padding: 6px 2px;
}
.dxtlFilterBuilderButtonArea_DevEx
{
    background: #ededed none;
    border-top: 1px solid #cacbd3;
    padding: 6px;
    white-space: nowrap;
}
.dxtlControl_DevEx .dxtlHFSD
{
    height: 1px;
    margin: 2px 0;
}
.dxtlControl_DevEx .dxtlHFDRC
{
    margin: 15px 15px 25px;
}
.dxtlControl_DevEx .dxtlHFDRP
{
    margin-left: 15px;
    margin-right: 15px;
    padding: 9px 0 6px;
}
.dxtlControl_DevEx .dxtlHFDRP[id*="HFFDE"]
{
    margin-top: 15px;
    margin-bottom: 5px;
}
.dxtlControl_DevEx .dxtlHFDRP[id*="HFTDE"]
{
    margin-bottom: 25px;
}