/* 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 */
/* ----------------- Main ----------------- */
/* Loading panel */
.dxheLoadingDiv_Effect
{
    background: white;
    opacity: 0.85;
    filter: alpha(opacity=85);
}
.dxheLoadingPanel_Effect
{
    font: 12px Tahoma, Geneva, sans-serif;
    color: #f88538;
    background-color: White;
    border: 1px solid #F88538;
}
.dxheLoadingPanel_Effect td.dx
{
    white-space: nowrap;
    text-align: center;
    padding: 10px 20px 6px;
}
.dxheLoadingPanel_Effect .dxlp-loadingImage,
.dxheDesignViewArea_Effect .dx-base64img-wrapper:after
{
    background-image: url('../Web/Loading.gif');
    height: 18px;
    width: 18px;
}
.dxheDesignViewArea_Effect .dx-base64img-wrapper:after
{
    margin: -9px 0px 0px -9px;
}
.dxheControl_Effect
{
    border: Solid 3px #d3d3d3;
    font: 12px Tahoma, Geneva, sans-serif;
}
/* Area */
.dxheContentArea_Effect
{
    padding: 4px;
    padding-bottom: 6px;
    background-color: #E5E5E5;
}
.dxheErrorFrame_Effect
{
    font: 12px Tahoma, Geneva, sans-serif;
    color: #D00707;
    background-color: #FBC7C7;
    border-bottom: solid 1px #DEC0C0;
}
.dxheControl_Effect .dxeMemo_Effect .dxheErrorFrame_Effect .dxhe,
.dxheControl_Effect.dxhe-rtl .dxeMemo_Effect .dxheErrorFrame_Effect .dxhe,
.dxheErrorFrame_Effect .dxhe
{
    padding: 5px;
}
.dxheControl_Effect .dxeMemo_Effect .dxheErrorFrame_Effect .dxhe td,
.dxheControl_Effect.dxhe-rtl .dxeMemo_Effect .dxheErrorFrame_Effect .dxhe td,
.dxheErrorFrame_Effect .dxhe td
{
    padding: 0px;
}
.dxheErrorFrame_Effect .dxheErrorFrameCloseButton_Effect
{
    cursor: pointer;
}
.dxheViewArea_Effect
{
    border: Solid 3px #D3D3D3;
}
.dxheContentArea_Effect td.dxheViewArea_Effect
{
    line-height: 0;
}
.dxheContentArea_Effect td.dxheViewArea_Effect.dxheHtmlViewArea_Effect
{
    line-height: inherit;
}
.dxheDesignViewArea_Effect,
.dxhePreviewArea_Effect
{
    background-color: #FFFFFF;
}
.dxheControl_Effect .dxheHtmlViewArea_Effect,
body.dxheDesignViewArea_Effect,
body.dxhePreviewArea_Effect
{
    margin: 0px;
    background-image: none;
    font-size: smaller;
    font: 12px Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}
.dxheControl_Effect .dxeMemo_Effect.dxheHtmlViewArea_Effect .dxeMemoEditArea_Effect,
body.dxheDesignViewArea_Effect,
body.dxhePreviewArea_Effect
{
    padding: 15px 20px 0 20px;
}
.dxheControl_Effect .dxeMemo_Effect.dxheHtmlViewArea_Effect td
{
    padding: 0 40px 0 0;
}
.dxheControl_Effect.dxhe-rtl .dxheContentArea_Effect .dxeMemo_Effect.dxheHtmlViewArea_Effect td
{
    padding: 0 0 0 40px;
}
.dxheControl_Effect .dxeMemo_Effect textarea
{
    resize: none;
}
.dxheControl_Effect td.dxheDesignViewArea_Effect .dxm-main.dxmtb
{
    border: 1px solid #F88538;
    padding: 2px;
}
.dxheControl_Effect td.dxheDesignViewArea_Effect
{
    position: relative;
}
td.dxheDesignViewArea_Effect .dxmLite_Effect
{
    position: absolute;
    right: 0;
    padding-top: 5px;
    padding-right: 22px;
}
td.dxheDesignViewArea_Effect .dxmLite_Effect.dxm-rtl
{
    right: inherit;
    padding-right: 0px;
    padding-left: 5px;
}
.dxheViewArea_Effect .dxheAudio
{
    background-image: url('dxheAudio.png');
}
.dxheViewArea_Effect .dxheFlash
{
    background-image: url('dxheFlash.png');
}
.dxheViewArea_Effect .dxheVideo
{
    background-image: url('dxheVideo.png');
}
.dxheViewArea_Effect .dxheYoutube
{
    background-image: url('dxheYoutube.png');
}
.dxheViewArea_Effect img.dxheNotSupported
{
    background-image: url('dxheNotSupported.png');
}
.dxheViewArea_Effect img.dxheAudio,
.dxheViewArea_Effect img.dxheFlash,
.dxheViewArea_Effect img.dxheVideo,
.dxheViewArea_Effect img.dxheYoutube,
.dxheViewArea_Effect img.dxheNotSupported
{
    background-repeat: no-repeat;
    background-position: center;
    background-color: #cfcfcf;
    border: 1px dotted #FFFFFF;
    opacity: 0.8;
}
.dxheViewArea_Effect .dxhePlaceholder
{
    cursor: default;
    white-space: nowrap;
}
.dxheViewArea_Effect.dxheDesignViewArea_Effect .dxheSelected
{
    background-color: #F5754C;
    color: white;
}
.dxhe-insertPlaceholder .dxeListBox_Effect.dxeFocused_Effect
{
    border: 1px solid #A0A0A0;
}
.dxpc-contentWrapper .dxflFormLayout_Effect.dxhe-insertPlaceholder .dxflGroup_Effect .dxflGroupBox_Effect
{
    padding: 0 0 6px 0;
    margin: 0;
}
.dxpc-contentWrapper .dxflFormLayout_Effect.dxhe-insertPlaceholder .dxflGroup_Effect .dxflGroupBox_Effect .dxflListBoxItemSys
{
    padding-top: 0;
}
.dxhe-insertPlaceholder .dxflGroup_Effect .dxhe-dialogLI.dxhe-dialogButtonsContainer
{
    padding-top: 10px;
}
.dxhe-insertPlaceholder .dxeListBox_Effect,
.dxhe-insertPlaceholder .dxeListBox_Effect .dxlbd
{
    width: 220px;
    height: 195px;
}
/* CodeMirror */
.dxheHtmlViewArea_Effect .CodeMirror-activeline-background
{
    background-color: #d3d3d3;
    opacity: 0.5;
}
.dxheHtmlViewArea_Effect .CodeMirror-foldgutter-open::after
{
    content: url('heFoldGutterOpen.png');
}
.dxheHtmlViewArea_Effect .CodeMirror-foldgutter-folded::after
{
    content: url('heFoldGutterFolded.png');
}
.dxheHtmlViewArea_Effect .CodeMirror-foldmarker::after
{
    content: url('dxheFoldMarker.png');
}
.dxpcLite_Effect .dxpc-mainDiv.dxpc-shadow
{
    padding: 0;
}
/* Element appearance in DesignView */
body.dxheDesignViewArea_Effect table.dxEmptyBorderTable,
body.dxheDesignViewArea_Effect table.dxEmptyBorderTable td
{
    border: 1px dotted gray;
}
@media print
{
    body.dxheDesignViewArea_Effect table.dxEmptyBorderTable,
    body.dxheDesignViewArea_Effect table.dxEmptyBorderTable td
    {
        border: 0px;
    }
}
body.dxheDesignViewArea_Effect
{
    word-wrap: inherit;
}
body.dxheDesignViewArea_Effect pre
{
    word-wrap: break-word;
    white-space: pre-wrap;
}
/* Status Bar */
.dxHtmlEditor_heSizeGrip_Effect
{
    cursor: se-resize;
}
.dxHtmlEditor_heSizeGripRtl_Effect
{
    cursor: ne-resize;
}
.dxheSizeGripContainer_Effect
{
    width: 100%;
    text-align: right;
    font-size: 0;
    margin-top: -12px;
}
.dxheControl_Effect.dxhe-rtl .dxheSizeGripContainer_Effect
{
    text-align: left;
}
/* ----------------- Dialog Forms ----------------- */
.dxpcLite_Effect .dxheDlgFooter,
.dxpcLite_Effect .dxheCustomDialog_Effect .dxhecd-Buttons
{
    background-color: #F9F9F9;
    border-top: solid 1px #E0E0E0;
    padding: 10px 11px;
    text-align: right;
}
.dxpcLite_Effect.dxRtl .dxheDlgFooter,
.dxpcLite_Effect.dxRtl .dxheCustomDialog_Effect .dxhecd-Buttons
{
    text-align: left;
}
.dxpcLite_Effect .dxheDlgFooterBtn
{
    width: 80px;
    margin-left: 8px;
}
.dxpcLite_Effect.dxRtl .dxheDlgFooterBtn
{
    margin-right: 8px;
    margin-left: 0;
}
.dxpcLite_Effect .dxheDlgInsertImageForm .dxheDlgImagePreviewCell
{
    color: #878787;
    border: dashed 1px #cac8c8;
}
.dxpcLite_Effect .dxheDlgPasteFromWordForm .dxheDlgPasteContainerCell td
{
    border: Solid 1px #A0A0A0;
}
/*----------------- Toolbars -----------------*/
.dxtbSpacing_Effect
{
    height: 3px;
}
.dxtbControl_Effect
{
    color: black;
    background-color: #D3D3D3;
    border-bottom: Solid 3px #D3D3D3;
}
.dxtbControl_Effect td.dxmtb.dxmMenu_Effect
{
    border: 0px;
}
.dxtbComboBoxMenuItem_Effect
{
    padding-top: 1px;
}
.dxheControl_Effect .dxrControl_Effect
{
    background-color: #E5E5E5;
}
.dxheControl_Effect .dxrControl_Effect .dxtcLite_Effect .dxtc-stripContainer .dxtc-spacer,
.dxheControl_Effect .dxrControl_Effect .dxtcLite_Effect.dxtc-top .dxtc-leftIndent
{
    width: 3px;
}
.dxheControl_Effect .dxrControl_Effect .dxr-tabContent
{
    border-width: 0 0 3px 0;
}
.dxheControl_Effect .dxrControl_Effect .dxr-minBtn
{
    padding-right: 7px;
}
.dxheControl_Effect .dxtbControl_Effect.dxtbr_Effect,
.dxheControl_Effect .dxrControl_Effect .dxpc-mainDiv.dxr-minPopup
{
    border: 0;
}
/* Toolbars Lightweight Mode */
.dxtbControl_Effect .dxmLite_Effect .dxm-main.dxmtb
{
    border-width: 0px;
}
.dxmLite_Effect .dxhetipControl_Effect img
{
    vertical-align: top;
}
.dxtbControl_Effect .dxmLite_Effect .dxm-horizontal.dxmtb .dxm-image-l .dxm-item.dxtb-cddi .dxm-content,
.dxtbControl_Effect .dxmLite_Effect .dxm-horizontal.dxmtb .dxm-image-r .dxm-item.dxtb-cddi .dxm-content
{
    padding-top: 5px;
    padding-bottom: 5px;
}
/* ToolbarColorButton */
.dxtcbColorDiv_Effect
{
    width: 16px;
    height: 4px;
    font-size: 0;
    background-color: Red;
    margin-top: -3px;
}
/*----------------- RoundPanel -----------------*/
.dxheRP.dxrpControl_Effect td.dxrp,
.dxheRP.dxrpControlGB_Effect td.dxrp
{
    color: #000000;
}
.dxheRP.dxrpControl_Effect .dxrpcontent
{
    padding: 15px !important;
}
/* Header */
.dxheRP.dxrpControl_Effect .dxrpHeader_Effect td.dxrp,
.dxheRP.dxrpControlGB_Effect span.dxrpHeader_Effect
{
    font-size: 1.08em;
    font-weight: bold;
    color: #313131;
    text-align: left;
}
/* InsertMediaDialogs */
.dxflFormLayout_Effect .dxhe-dialogSettings
{
    width: 250px;
    padding-left: 16px;
}
.dxpcLite_Effect.dx-dialog.dxhe-dialog-media-popup
{
    max-width: 720px;
}
.dxflFormLayout_Effect.dxhe-mediaDialog
{
    width: 720px;
}
.dxflFormLayout_Effect.dxhe-mediaDialog .dxic-control,
.dxflFormLayout_Effect.dxhe-mediaDialog .dxhe-dialogSettings
{
    height: 450px;
}
div.dxflFormLayout_Effect.dxhe-dialog table.dxhe-dialogLG
{
    padding-left: 32px;
    padding-right: 32px;
}
div.dxflFormLayout_Effect.dxhe-dialog > table.dxhe-dialogLG.dxflGroupSys,
div.dxflFormLayout_Effect.dxhe-dialog .dxhe-dialogButtonsContainer
{
    padding: 16px;
}
div.dxflFormLayout_Effect.dxhe-mediaDialogStyleSettings > table.dxhe-dialogLG.dxflGroupSys,
div.dxflFormLayout_Effect.dxhe-mediaDialogMainSettings > table.dxhe-dialogLG.dxflGroupSys
{
    padding: 32px;
}
/* tag inspector */
.dxheDesignViewArea_Effect .dxhe-tiSelection
{
    box-sizing: border-box;
    position: absolute;
    border: 1px solid #2255FF;
    background-color: #0066FF;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
}
.dxhe-intelliSenseSysWin .dxeListBox_Effect.dxeFocused_Effect
{
    border-color: #A0A0A0;
}
div.dxhe-searchQuick div.dxbButton_Effect,
div.dxhe-searchQuick div.dxbButton_Effect .dxb
{
    background: none !important;
    border: none !important;
}
.dxheHtmlViewArea_Effect,
.dxheDesignViewArea_Effect,
.dxhePreviewArea_Effect
{
    border-color: #D3D3D3;
    border-width: 3px;
}
.dxheStatusBarTab_Effect
{
    border-top-color: #D3D3D3;
    border-top-width: 3px;
}
.dxhe-dialogWrapperPanel .dxucBrowseButton_Effect
{
    padding: 2px 14px 3px;
}
.dxflFormLayout_Effect.dxhe-insertTableDialog
{
    width: 475px;
}