/* 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_Material
{
    background: white;
    opacity: 0.85;
    filter: alpha(opacity=85);
}
.dxheLoadingPanel_Material
{
    background-color: white;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #484848;
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 8px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 8px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 8px 0 rgba(0,0,0,0.12);
}
.dxheLoadingPanel_Material td.dx
{
    font-size: 1.17em;
    white-space: nowrap;
    text-align: center;
    padding: 10px 14px;
}
.dxheLoadingPanel_Material .dxlp-loadingImage
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    animation: dxLoadSpinSys 1s linear infinite;
    border: 4px solid #009688;
    border-top: 4px solid #EEE;
    width: 24px;
    height: 24px;
}
html.dxIE.dxBrowserVersion-9 .dxheLoadingPanel_Material .dxlp-loadingImage
{
    background-image: url('../Web/Loading.gif');
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    animation: none;
    border: none;
    border-radius: 0;
}
.dxheDesignViewArea_Material .dx-base64img-wrapper:after
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    animation: dxLoadSpinSys 1s linear infinite;
    border: 4px solid #009688;
    border-top: 4px solid #EEE;
    width: 24px;
    height: 24px;
}
html.dxIE.dxBrowserVersion-9 .dxheDesignViewArea_Material .dx-base64img-wrapper:after
{
    background-image: url('../Web/Loading.gif');
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    animation: none;
    border: none;
    border-radius: 0;
}
.dxheDesignViewArea_Material .dx-base64img-wrapper:after
{
    margin: -16px 0px 0px -16px;
}
.dxheControl_Material
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
/* Area */
.dxheErrorFrame_Material
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #D00707;
    background-color: #FBC7C7;
    margin-bottom: 6px;
}
.dxheControl_Material .dxeMemo_Material .dxheErrorFrame_Material .dxhe,
.dxheControl_Material.dxhe-rtl .dxeMemo_Material .dxheErrorFrame_Material .dxhe,
.dxheErrorFrame_Material .dxhe
{
    padding: 5px;
}
.dxheControl_Material .dxeMemo_Material .dxheErrorFrame_Material .dxhe td,
.dxheControl_Material.dxhe-rtl .dxeMemo_Material .dxheErrorFrame_Material .dxhe td,
.dxheErrorFrame_Material .dxhe td
{
    padding: 0;
}
.dxheErrorFrame_Material .dxheErrorFrameCloseButton_Material
{
    cursor: pointer;
}
.dxheContentArea_Material td.dxheViewArea_Material
{
    line-height: 0;
}
.dxheContentArea_Material td.dxheViewArea_Material.dxheHtmlViewArea_Material
{
    line-height: inherit;
}
.dxheDesignViewArea_Material,
.dxhePreviewArea_Material
{
    background: none #FFFFFF;
}
.dxheControl_Material .dxheHtmlViewArea_Material,
body.dxheDesignViewArea_Material,
body.dxhePreviewArea_Material
{
    margin: 0px;
    background: none #FFFFFF;
    border: 0;
    font-size: smaller;
    font: 12px Arial, Helvetica, sans-serif;
}
.dxheControl_Material .dxeMemo_Material.dxheHtmlViewArea_Material .dxeMemoEditArea_Material,
body.dxheDesignViewArea_Material,
body.dxhePreviewArea_Material
{
    padding: 15px 20px 0 20px;
}
.dxheControl_Material .dxeMemo_Material.dxheHtmlViewArea_Material td
{
    padding: 0 40px 0 0;
}
.dxheControl_Material.dxhe-rtl .dxheContentArea_Material .dxeMemo_Material.dxheHtmlViewArea_Material td
{
    padding: 0 0 0 40px;
}
.dxheControl_Material .dxeMemo_Material textarea
{
    resize: none;
}
.dxheControl_Material td.dxheDesignViewArea_Material .dxm-main.dxmtb
{
    border: 1px solid #C3C3C3;
    background: #ffffff;
}
.dxheControl_Material td.dxheDesignViewArea_Material
{
    position: relative;
}
.dxheViewArea_Material .dxhe-tiControlsWrapper span.dxhe-tiTagName
{
    padding-right: 18px;
}
.dxheViewArea_Material .dxhe-tiControlsWrapper .dxbButton_Material
{
    min-width: 16px;
    width: auto !important;
}
.dxheViewArea_Material .dxhe-tiControlsWrapper .dxbButton_Material.dxhe-tiDeleteButton
{
    margin-right: 1px;
}
td.dxheDesignViewArea_Material .dxmLite_Material
{
    position: absolute;
    right: 0;
    padding-right: 24px;
}
td.dxheDesignViewArea_Material .dxmLite_Material.dxm-rtl
{
    right: inherit;
    padding-right: 0px;
    padding-left: 5px;
}
.dxheViewArea_Material .dxheAudio
{
    background-image: url('dxheAudio.svg');
}
.dxheViewArea_Material .dxheFlash
{
    background-image: url('dxheFlash.svg');
}
.dxheViewArea_Material .dxheVideo
{
    background-image: url('dxheVideo.svg');
}
.dxheViewArea_Material .dxheYoutube
{
    background-image: url('dxheYoutube.svg');
}
.dxheViewArea_Material img.dxheNotSupported
{
    background-image: url('dxheNotSupported.svg');
}
.dxheViewArea_Material img.dxheAudio,
.dxheViewArea_Material img.dxheFlash,
.dxheViewArea_Material img.dxheVideo,
.dxheViewArea_Material img.dxheYoutube,
.dxheViewArea_Material img.dxheNotSupported
{
    background-repeat: no-repeat;
    background-position: center;
    background-color: #cfcfcf;
    border: 1px dotted #FFFFFF;
    opacity: 0.8;
}
.dxheViewArea_Material .dxhe-tiControlsWrapper
{
    background-color: #009688;
    padding: 3px 4px 2px 10px;
    border: none;
}
.dxheViewArea_Material .dxhePlaceholder
{
    cursor: default;
    white-space: nowrap;
}
.dxheViewArea_Material.dxheDesignViewArea_Material .dxheSelected
{
    background-color: #E0E0E0;
}
.dxhe-insertPlaceholder .dxeListBox_Material.dxeFocused_Material
{
    border: 1px solid #C0C0C0;
}
.dxhe-insertPlaceholder .dxflGroup_Material,
.dxpc-contentWrapper .dxflFormLayout_Material.dxhe-insertPlaceholder .dxflGroup_Material .dxflGroupBox_Material .dxflListBoxItemSys
{
    padding-top: 0;
}
.dxhe-insertPlaceholder .dxflGroup_Material .dxhe-dialogLI.dxhe-dialogButtonsContainer
{
    padding-top: 10px;
}
.dxhe-insertPlaceholder .dxeListBox_Material,
.dxhe-insertPlaceholder .dxeListBox_Material .dxlbd
{
    width: 220px;
    height: 215px;
}
/* CodeMirror */
.dxheHtmlViewArea_Material .CodeMirror-activeline-background
{
    background: #e0e0e0;
    opacity: 0.7;
}
.dxheHtmlViewArea_Material .CodeMirror-foldgutter-open::after
{
    content: url('heFoldGutterOpen.svg');
}
.dxheHtmlViewArea_Material .CodeMirror-foldgutter-folded::after
{
    content: url('heFoldGutterFolded.svg');
}
.dxheHtmlViewArea_Material .CodeMirror-foldmarker::after
{
    content: url('dxheFoldMarker.png');
    background-size: 16px 10px;
}
.dxheSourceEditorSys.dxheHtmlViewArea_Material .CodeMirror-gutter.CodeMirror-linenumbers,
.dxheHtmlViewArea_Material .CodeMirror-gutter.CodeMirror-linenumbers
{
    border-left: 0;
    border-right: 0;
}
/* Element appearance in DesignView */
body.dxheDesignViewArea_Material table.dxEmptyBorderTable,
body.dxheDesignViewArea_Material table.dxEmptyBorderTable td
{
    border: 1px dotted gray;
}
@media print
{
    body.dxheDesignViewArea_Material table.dxEmptyBorderTable,
    body.dxheDesignViewArea_Material table.dxEmptyBorderTable td
    {
        border: 0px;
    }
}
body.dxheDesignViewArea_Material
{
    word-wrap: inherit;
}
body.dxheDesignViewArea_Material pre
{
    word-wrap: break-word;
    white-space: pre-wrap;
}
/* Status Bar */
.dxheStatusBar_Material
{
    background-color: #f1f1f1;
}
.dxheControl_Material .dxheStatusBar_Material .dxheStatusBarTab_Material .dxtc-link
{
    padding: 10px 24px 11px 24px;
}
.dxHtmlEditor_heSizeGrip_Material
{
    cursor: se-resize;
    margin: 0 4px 4px 0;
}
.dxHtmlEditor_heSizeGripRtl_Material
{
    cursor: ne-resize;
    margin: 0 0 4px 4px;
}
.dxheSizeGripContainer_Material
{
    width: 100%;
    text-align: right;
    font-size: 0;
    margin-top: -18px;
}
.dxheControl_Material.dxhe-rtl .dxheSizeGripContainer_Material
{
    text-align: left;
}
.dxheStatusBar_Material .dxtcLite_Material.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab
{
    border-top: none;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    background-color: #FFFFFF;
}
.dxheStatusBar_Material .dxtcLite_Material.dxtc-bottom > .dxtc-stripContainer .dxtc-leftIndent
{
    width: 0px !important;
}
.dxheStatusBar_Material .dxtcLite_Material.dxtc-bottom > .dxtc-stripContainer
{
    padding-bottom: 0px;
}
.dxheStatusBar_Material .dxtcLite_Material > .dxtc-stripContainer .dxtc-activeTab,
.dxheStatusBar_Material .dxtcLite_Material > .dxtc-stripContainer .dxtc-activeTab a
{
    color: #009688;
}
.dxheStatusBar_Material .dxtcLite_Material > .dxtc-stripContainer .dxtc-tab a
{
    color: #484848;
}
.dxheStatusBar_Material .dxtcLite_Material
{
    margin-left: -1px;
}
.dxheControl_Material.dxhe-rtl .dxheStatusBar_Material .dxtcLite_Material
{
    margin-right: -1px;
}
.dxheControl_Material .dxrControl_Material .dxtcLite_Material.dxtc-top .dxtc-tab
{
    background: transparent;
}
/* ----------------- Dialog Forms ----------------- */
.dxpcLite_Material .dxheDlgFooter,
.dxpcLite_Material .dxheCustomDialog_Material .dxhecd-Buttons
{
    background-color: white;
    border-top: Solid 1px #E0E0E0;
    padding: 10px 11px;
    text-align: right;
}
.dxpcLite_Material.dxRtl .dxheDlgFooter,
.dxpcLite_Material.dxRtl .dxheCustomDialog_Material .dxhecd-Buttons
{
    text-align: left;
}
.dxpcLite_Material .dxheDlgFooterBtn
{
    margin-left: 8px;
}
.dxpcLite_Material.dxRtl .dxheDlgFooterBtn
{
    margin-right: 8px;
    margin-left: 0;
}
.dxhe-dialogLoadingPanel.dxlpLoadingPanel_Material
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Insert Image Form */
.dxpcLite_Material .dxheDlgInsertImageForm .dxheDlgImagePreviewCell,
.dxpcLite_Material .dxheDlgSelectImageForm .dxheDlgImagePreviewCell
{
    color: #878787;
    border: dashed 1px #cac8c8;
}
.dxpcLite_Material .dxheDlgPasteFromWordForm .dxheDlgPasteContainerCell td
{
    border: Solid 1px #9F9F9F;
}
/*----------------- Toolbars -----------------*/
.dxtbSpacing_Material
{
    height: 2px;
}
.dxtbControl_Material
{
    color: #484848;
    width: 100%;
    border-bottom: Solid 1px #E5E5E5;
    background-color: #f1f1f1;
    padding-bottom: 7px;
}
.dxtbControl_Material td.dxmMenu_Material
{
    border-width: 0px;
}
.dxtbControl_Material .dxmLite_Material .dxm-main.dxmtb
{
    padding-top: 7px;
}
.dxtbControl_Material .dxmLite_Material .dxm-main
{
    background-color: #f1f1f1;
}
.dxtbControl_Material .dxmLite_Material .dxmtb.dxm-horizontal .dxm-separator b
{
    background-color: #dfdfdf;
}
.dxtbComboBoxMenuItem_Material
{
    padding-top: 2px;
}
.dxheControl_Material .dxrControl_Material .dxr-minBtn
{
    padding-right: 8px;
}
.dxheControl_Material .dxtbControl_Material.dxtbr_Material,
.dxheControl_Material .dxrControl_Material .dxpc-mainDiv.dxr-minPopup
{
    border: 0;
}
.dxhe-bardock .dxmLite_Material .dxm-horizontal.dxmtb .dxm-item
{
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}
.dxhe-bardock .dxmLite_Material .dxm-horizontal .dxm-spacing,
.dxhe-bardock .dxmLite_Material .dxm-horizontal.dxmtb .dxm-image-l .dxm-separator,
.dxhe-bardock .dxmLite_Material .dxm-horizontal.dxmtb .dxm-image-r .dxm-separator
{
    margin-bottom: 4px;
}
/* Toolbars Lightweight Mode */
.dxtbControl_Material .dxmLite_Material .dxm-main
{
    border-width: 0px;
}
.dxmLite_Material .dxhetipControl_Material img
{
    vertical-align: top;
}
/* ToolbarColorButton */
.dxtcbControl_Material
{
    position: relative;
    display: inline-flex;
}
.dxtcbColorDiv_Material
{
    position: absolute;
    margin: 0 !important;
    left: 0;
    bottom: 0;
    transform: translateY(calc(100% + 2px));
    width: 100%;
    height: 3px;
    font-size: 0;
    background-color: Transparent;
}
/*----------------- RoundPanel -----------------*/
.dxheRP.dxrpControl_Material .dxrpcontent_Material
{
    padding: 9px 10px 10px 10px !important;
}
/* InsertMediaDialogs */
.dxflFormLayout_Material .dxhe-dialogSettings
{
    width: 320px;
    padding-left: 30px;
}
.dxflFormLayout_Material.dxhe-mediaDialog .dxtcLite_Material > .dxtc-stripContainer .dxtc-leftIndent,
.dxflFormLayout_Material.dxhe-mediaDialog .dxtcLite_Material > .dxtc-stripContainer .dxtc-rightIndent
{
    width: 0px;
}
.dxflFormLayout_Material.dxhe-mediaDialog .dxtcLite_Material.dxtc-top > .dxtc-content
{
    border-left: 1px solid #DFDFDF !important;
    border-right: 1px solid #DFDFDF !important;
    border-bottom: 1px solid #DFDFDF !important;
    border-top: 3px solid #DFDFDF !important;
    border-top-style: solid !important;
    margin-top: -3px;
}
.dxflFormLayout_Material.dxhe-mediaDialog .dxic-previewPanel.dxrpControl_Material
{
    background: #FFFFFF;
    border: 1px dashed #A3A3A3;
}
.dxflFormLayout_Material.dxhe-mediaDialog .dxic-previewPanel.dxrpControl_Material .dxic-previewText
{
    text-transform: uppercase;
    font-size: 1.65em;
}
.dxflFormLayout_Material.dxhe-mediaDialog .dxic-previewPanel.dxrpControl_Material span.dxic-validationTip
{
    margin-bottom: 5px;
}
.dxflFormLayout_Material.dxhe-mediaDialog
{
    width: 900px;
}
.dxpcLite_Material.dx-dialog.dxhe-dialog-media-popup
{
    max-width: 950px;
}
.dxflFormLayout_Material.dxhe-mediaDialog .dxic-control,
.dxflFormLayout_Material.dxhe-mediaDialog .dxhe-dialogSettings
{
    height: 570px;
}
div.dxflFormLayout_Material.dxhe-dialog table.dxhe-dialogLG
{
    padding-left: 16px;
    padding-right: 16px;
}
div.dxhe-insertLinkDialog.dxflFormLayout_Material div.dxhe-dialog div.dxhe-dialogLI.dxhe-dialogButtonsContainer
{
    margin-left: -4px;
}
div.dxhe-insertLinkDialog.dxflFormLayout_Material.dxhe-dialog .dxflRadioButtonListItemSys td.dxe
{
    padding-bottom: 10px;
}
div.dxflFormLayout_Material.dxhe-dialog > table.dxhe-dialogLG.dxflGroupSys,
div.dxflFormLayout_Material.dxhe-dialog .dxhe-dialogButtonsContainer
{
    padding-bottom: 12px;
    padding-top: 24px;
}
.dxhe-dialog .dxhe-dialogButtonsContainer td:last-child .dxbButton_Material
{
    margin-left: 12px;
    margin-right: 5px;
}
div.dxhe-insertImageDialog.dxflFormLayout_Material .dxhe-dialogLI.dxhe-dialogButtonsContainer
{
    margin-top: 15px;
}
.dxhe-insertImageDialog.dxflFormLayout_Material.dxhe-dialog > table.dxhe-dialogLG.dxflGroupSys
{
    padding: 13px 14px 29px;
}
.dxhe-insertLinkDialog.dxflFormLayout_Material.dxhe-dialog > table.dxhe-dialogLG.dxflGroupSys
{
    padding: 13px 18px 12px 18px;
}
div.dxhe-insertLinkDialog.dxflFormLayout_Material.dxhe-dialog table.dxhe-dialogLG
{
    padding-right: 0px;
    padding-left: 5px;
}
.dxflFormLayout_Material.dxhe-dialog a.dxtc-link
{
    padding: 4px 10px;
}
div.dxflFormLayout_Material.dxhe-mediaDialogStyleSettings > table.dxhe-dialogLG.dxflGroupSys,
div.dxflFormLayout_Material.dxhe-mediaDialogMainSettings > table.dxhe-dialogLG.dxflGroupSys
{
    padding: 32px;
}
.dxHtmlEditor_heConstrainProportionsMiddleOn_Material,
.dxHtmlEditor_heConstrainProportionsMiddleOff_Material
{
    margin-left: 4px;
}
/* tag inspector */
.dxheDesignViewArea_Material .dxhe-tiSelection
{
    box-sizing: border-box;
    position: absolute;
    border: 1px solid #009688;
    background-color: #009688;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
}
.dxheDesignViewArea_Material .dxhe-tiWrapper
{
    border-bottom: 1px solid #E5E5E5;
    background-color: #F1F1F1;
}
.dxheDesignViewArea_Material .dxhe-tiSeparator,
.dxheDesignViewArea_Material .dxhe-tiTagName
{
    color: #757575;
}
.dxheDesignViewArea_Material .dxheSelectedTag_Material
{
    color: #FFFFFF;
}
.dxhe-intelliSenseSysWin .dxeListBox_Material.dxeFocused_Material
{
    border-color: #c0c0c0;
}
div.dxhe-searchQuick div.dxbButton_Material,
div.dxhe-searchQuick div.dxbButton_Material .dxb
{
    background: none !important;
    border: none !important;
}
.dxpcLite_Material.dxhe-quickSearchSysWin .dxhe-flItem0
{
    padding-left: 2px !important;
}
div.dxhe-searchQuick .dxbButton_Material.dxbTSys
{
    width: initial !important;
}
div.dxhe-searchQuick .dxbButton_Material
{
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.dxheViewArea_Material
{
    border-bottom: 1px solid #DCDCDC;
}
td.dxheStatusBar_Material div.dxtcLite_Material.dxtcSys > .dxtc-stripContainer > li
{
    border-top: 1px solid #DCDCDC;
}
.dxhe-dialogWrapperPanel .dxucBrowseButton_Material
{
    padding: 6px 18px 7px;
}
.dxflFormLayout_Material.dxhe-insertTableDialog
{
    width: 511px;
}
div.dxflFormLayout_Material.dxhe-dialog:not(.dxhe-mediaDialogMainSettings):not(.dxhe-mediaDialogStyleSettings) > table.dxflGroup_Material.dxhe-dialogLG.dxflGroupSys
{
    padding-top: 0px;
}
.dxhe-dialog .dxflGroupBoxCaption_Material.dxhe-dialogLGBC
{
    left: 12px;
}
.dxpcLite_Material.dx-dialog > .dxhe-dialog-popup > .dxpc-header
{
    padding: 12px 10px 12px 16px;
}
.dxhe-dialog .dxflGroupBox_Material.dxhe-dialogLGB
{
    margin: 16px 0px;
}
.dxhe-dialog.dxhe-insertTableDialog .dxhe-dialogButtonsContainer td:last-child .dxbButton_Material
{
    margin-right: 12px;
}
div.dxflFormLayout_Material.dxhe-dialog.dxhe-insertTableDialog .dxhe-dialogLGB > table.dxhe-dialogLG
{
    padding-left: 12px;
    padding-right: 12px;
}
.dxpcLite_Material.dx-dialog.dxhe-dialog-tables-popup
{
    max-width: 700px;
}
.dxpcLite_Material.dx-dialog.dxhe-dialog-placeholder-popup,
.dxpcLite_Material.dx-dialog.dxhe-dialog-rowproperties-popup,
.dxpcLite_Material.dx-dialog.dxhe-dialog-cellproperties-popup,
.dxpcLite_Material.dx-dialog.dxhe-dialog-columnproperties-popup
{
    max-width: 500px;
}