/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
.dxtlControl_DevEx
{
    cursor: default;
    font: 11px Verdana, Geneva, sans-serif;
    color: #201f35;
    border: 1px solid #9da0aa;
    background: White url('/DXR.axd?r=0_867-u656v') no-repeat right bottom;
}
.dxtlControl_DevEx caption
{
    font-weight: normal;
    color: #201f35;
    padding: 3px 3px 5px;
    text-align: center;
    background: #f2f3f4 url('/DXR.axd?r=0_872-u656v') 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('/DXR.axd?r=0_869-u656v') 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('/DXR.axd?r=0_866-u656v') left top;
}
.dxtlSelectedNode_DevEx td.dxtl,
.dxtlSelectedNode_DevEx .dxtlCommandCell_DevEx,
.dxtlSelectedNode_DevEx .dxtlSelectionCell_DevEx,
.dxtlSelectedCell_DevEx
{
    background: #eff0f2 none;
    color: #201f35;
}
.dxtlSelectedNode_DevEx td.dxtl.dxtlSelectedCell_DevEx
{
    background: #dbdbdd none;
}
.dxtlFocusedNode_DevEx td.dxtl,
.dxtlFocusedNode_DevEx .dxtlCommandCell_DevEx,
.dxtlFocusedNode_DevEx .dxtlSelectionCell_DevEx
{
    background: #dde6fd url('/DXR.axd?r=0_868-u656v') 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('/DXR.axd?r=0_871-u656v') 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('/DXR.axd?r=0_870-u656v') 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.dxeHyperlink:not([href]):not([onclick]):not(.dxbButtonSys)
{
    color: #201f35;
    text-decoration: none;
}
.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('/DXR.axd?r=0_894-u656v');
    height: 32px;
    width: 32px;
}
.dx-acc-r.dxtlLoadingPanel_DevEx .dxlp-loadingImage:before
{
    content: url('/DXR.axd?r=0_894-u656v');
}
/* Disabled */
.dxtlDisabled_DevEx,
.dxtlDisabled_DevEx .dxtl
{
    color: #b1b1b8;
    cursor: default;
}
/*batch*/
.dxtlControl_DevEx .dxtlBatchEditDeletedNode_DevEx,
.dxtlControl_DevEx .dxtlBatchEditNewNode_DevEx.dxtlBatchEditDeletedNode_DevEx,
.dxtlControl_DevEx .dxtlBatchEditDeletedNode_DevEx .dxtlPreview_DevEx
{
    background: #EFEFEF;
}
.dxtlControl_DevEx td.dxtlBatchEditCell_DevEx:not(.dxBatchEditCheckBoxCell)
{
    padding: 0 2px;
}
.dxtlControl_DevEx td.dxtlBatchEditModifiedCell_DevEx
{
    background: #d7f9c7;
}
.dxtlBatchEditDeletedNode_DevEx > td:not(.dxtlCommandColumn)_DevEx
{
    color: rgba(0,0,0,0.5);
}
.dxtlBatchEditDeletedNode_DevEx td.dxtlBatchEditModifiedCell_DevEx
{
    background: #eefbe7;
}
td.dxtlBatchEditModifiedCell_DevEx.dxtlSelectedCell_DevEx
{
    background: #c6efce;
}
.dxtlControl_DevEx .dxtlBatchEditNewNode_DevEx
{
    background: #F0FAEA;
}
.dxtlFocusedCell_DevEx
{
    box-shadow: inset 2px 2px 0 #2292B1, inset -2px -2px 0 #2292B1;
    -webkit-box-shadow: inset 2px 2px 0 #2292B1, inset -2px -2px 0 #2292B1;
    -moz-box-shadow: inset 2px 2px 0 #2292B1, inset -2px -2px 0 #2292B1;
}
.dxtlControl_DevEx .dxtlErrorCell
{
    padding-left: 5px;
    width: 1px;
}
.dxtlControl_DevEx .dxtlErrorCell img
{
    margin: -3px 0;
}
/* 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;
}