/* ----------------- Main ----------------- */
/* Loading panel */
.dxheLoadingDiv_ArcMate
{
    background: white;
    opacity: 0.85;
    filter: alpha(opacity=85);
}
.dxheLoadingPanel_ArcMate {
    background-color: white;
    font: 0.765rem Arial, Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #38495e;
    -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_ArcMate td.dx
{
	font-size: 1.17rem;
	white-space: nowrap;
	text-align: center;
	padding: 10px 14px;
}
.dxheLoadingPanel_ArcMate .dxlp-loadingImage
{
	background-image: url('../Web/Loading.gif');
	height: 32px;
	width: 32px;
    background-repeat: no-repeat;
    background-position: center center;
}

.dxheControl_ArcMate {
    font: 0.765rem Arial, Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Area */
.dxheErrorFrame_ArcMate {
    font: 0.765rem Arial, Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #D00707;
    background-color: #FBC7C7;
    margin-bottom: 6px;
}
.dxheControl_ArcMate .dxeMemo_ArcMate .dxheErrorFrame_ArcMate .dxhe,
.dxheControl_ArcMate.dxhe-rtl .dxeMemo_ArcMate .dxheErrorFrame_ArcMate .dxhe,
.dxheErrorFrame_ArcMate .dxhe 
{
    padding: 5px;
}
.dxheControl_ArcMate .dxeMemo_ArcMate .dxheErrorFrame_ArcMate .dxhe td,
.dxheControl_ArcMate.dxhe-rtl .dxeMemo_ArcMate .dxheErrorFrame_ArcMate .dxhe td,
.dxheErrorFrame_ArcMate .dxhe td 
{
    padding: 0;
}
.dxheErrorFrame_ArcMate .dxheErrorFrameCloseButton_ArcMate 
{
    cursor: pointer;
}
.dxheContentArea_ArcMate td.dxheViewArea_ArcMate /*B209529*/
{
	line-height: 0;
}
.dxheContentArea_ArcMate td.dxheViewArea_ArcMate.dxheHtmlViewArea_ArcMate
{
    line-height: inherit;
}
.dxheDesignViewArea_ArcMate,
.dxhePreviewArea_ArcMate
{
    background: none var(--white);
}
.dxheControl_ArcMate .dxheHtmlViewArea_ArcMate,
.dxheHtmlViewArea_ArcMate .CodeMirror,
body.dxheDesignViewArea_ArcMate,
body.dxhePreviewArea_ArcMate {
    margin: 0px;
    background: none var(--white);
    border: 0;
    font-size: smaller;
    font: 0.765rem Arial, Helvetica, sans-serif;
}
.dxheControl_ArcMate .dxeMemo_ArcMate.dxheHtmlViewArea_ArcMate .dxeMemoEditArea_ArcMate,
body.dxheDesignViewArea_ArcMate,
body.dxhePreviewArea_ArcMate
{
    padding: 15px 20px 0 20px;
}
.dxheControl_ArcMate .dxeMemo_ArcMate.dxheHtmlViewArea_ArcMate td
{
    padding: 0 40px 0 0;
}
.dxheControl_ArcMate.dxhe-rtl .dxheContentArea_ArcMate .dxeMemo_ArcMate.dxheHtmlViewArea_ArcMate td
{
	padding: 0 0 0 40px;
}
.dxheControl_ArcMate .dxeMemo_ArcMate textarea 
{
	resize: none;
}
.dxheControl_ArcMate td.dxheDesignViewArea_ArcMate .dxm-main.dxmtb 
{
    border: 1px solid #C3C3C3;
    background: var(--white);
}
.dxheControl_ArcMate td.dxheDesignViewArea_ArcMate
{
    position: relative;
}
.dxheViewArea_ArcMate .dxhe-tiControlsWrapper span.dxhe-tiTagName {
    padding-right: 18px;
}
.dxheViewArea_ArcMate .dxhe-tiControlsWrapper .dxbButton_ArcMate{
    min-width: 16px;
}
.dxheViewArea_ArcMate .dxhe-tiControlsWrapper .dxbButton_ArcMate.dxhe-tiDeleteButton {
    margin-right: 1px;
}
td.dxheDesignViewArea_ArcMate .dxmLite_ArcMate {
    position: absolute;
    right: 0;
    padding-right: 24px;
}
td.dxheDesignViewArea_ArcMate .dxmLite_ArcMate.dxm-rtl {
    right: inherit;
    padding-right: 0px;
    padding-left: 5px;
}
.dxheViewArea_ArcMate .dxheAudio
{
	background-image: url('dxheAudio.svg');
}
.dxheViewArea_ArcMate .dxheFlash
{
	background-image: url('dxheFlash.svg');
}
.dxheViewArea_ArcMate .dxheVideo
{
	background-image: url('dxheVideo.svg');
}
.dxheViewArea_ArcMate .dxheYoutube
{
	background-image: url('dxheYoutube.svg');
}
.dxheViewArea_ArcMate img.dxheNotSupported
{
	background-image: url('dxheNotSupported.svg');
}
.dxheViewArea_ArcMate img.dxheAudio,
.dxheViewArea_ArcMate img.dxheFlash,
.dxheViewArea_ArcMate img.dxheVideo,
.dxheViewArea_ArcMate img.dxheYoutube,
.dxheViewArea_ArcMate img.dxheNotSupported
{
    background-repeat: no-repeat;
    background-position: center;
    background-color: #cfcfcf;
    border: 1px dotted var(--white);
    opacity: 0.8;
}
.dxheViewArea_ArcMate .dxhe-tiControlsWrapper {
    background-color: #009688;
    padding: 3px 4px 2px 10px;
    border: none;
}
.dxheViewArea_ArcMate .dxhePlaceholder 
{
    cursor: default;
    white-space: nowrap;
}
.dxheViewArea_ArcMate.dxheDesignViewArea_ArcMate .dxheSelected
{
    background-color: #E0E0E0;
}
.dxhe-insertPlaceholder .dxeListBox_ArcMate.dxeFocused_ArcMate
{
    border: 1px solid #C0C0C0;
}
.dxhe-insertPlaceholder .dxflGroup_ArcMate,
.dxpc-contentWrapper .dxflFormLayout_ArcMate.dxhe-insertPlaceholder .dxflGroup_ArcMate .dxflGroupBox_ArcMate .dxflListBoxItemSys
{
    padding-top: 0;
}
.dxhe-insertPlaceholder .dxflGroup_ArcMate .dxhe-dialogLI.dxhe-dialogButtonsContainer
{
    padding-top: 10px;
}
.dxhe-insertPlaceholder .dxeListBox_ArcMate,
.dxhe-insertPlaceholder .dxeListBox_ArcMate .dxlbd
{
    width: 220px;
    height: 215px;
}
/* CodeMirror */
.dxheHtmlViewArea_ArcMate .CodeMirror-activeline-background 
{
    background: #e0e0e0;
    opacity: 0.7;
}
.dxheHtmlViewArea_ArcMate .CodeMirror-foldgutter-open::after
{
    content: url('heFoldGutterOpen.svg');
}
.dxheHtmlViewArea_ArcMate .CodeMirror-foldgutter-folded::after
{
    content: url('heFoldGutterFolded.svg');
}
.dxheHtmlViewArea_ArcMate .CodeMirror-foldmarker::after
{
    content: url('dxheFoldMarker.png');
    background-size: 16px 10px;
}
.dxheSourceEditorSys.dxheHtmlViewArea_ArcMate .CodeMirror-gutter.CodeMirror-linenumbers,
.dxheHtmlViewArea_ArcMate .CodeMirror-gutter.CodeMirror-linenumbers 
{
    border-left: 0;
    border-right: 0;
}
/* Element appearance in DesignView */
body.dxheDesignViewArea_ArcMate table.dxEmptyBorderTable,
body.dxheDesignViewArea_ArcMate table.dxEmptyBorderTable td  {
    border:1px dotted gray;
}
@media print 
{
	body.dxheDesignViewArea_ArcMate table.dxEmptyBorderTable,
	body.dxheDesignViewArea_ArcMate table.dxEmptyBorderTable td  
	{
		border:0px;
	}
}
body.dxheDesignViewArea_ArcMate
{
    word-wrap: inherit;
}
body.dxheDesignViewArea_ArcMate pre
{
    word-wrap: break-word;
    white-space: pre-wrap;
}

/* Status Bar */
.dxheStatusBar_ArcMate 
{
    background-color: #f1f1f1;
}
.dxheControl_ArcMate .dxheStatusBar_ArcMate .dxheStatusBarTab_ArcMate .dxtc-link
{
    padding: 10px 24px 11px 24px;
}
.dxheStatusBarActiveTab_ArcMate 
{
}
.dxHtmlEditor_heSizeGrip_ArcMate
{
    cursor: se-resize;
    margin: 0 4px 4px 0;
}
.dxHtmlEditor_heSizeGripRtl_ArcMate
{
    cursor: ne-resize;
    margin: 0 0 4px 4px;
}
.dxheSizeGripContainer_ArcMate
{
    width: 100%;
    text-align: right;
    font-size: 0;
    margin-top: -18px;
}
.dxheControl_ArcMate.dxhe-rtl .dxheSizeGripContainer_ArcMate 
{
	text-align: left;
}
.dxheStatusBar_ArcMate .dxtcLite_ArcMate.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab {
    border-top: none;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    background-color: var(--white);
}
.dxheStatusBar_ArcMate .dxtcLite_ArcMate.dxtc-bottom > .dxtc-stripContainer .dxtc-leftIndent {
    width: 0px !important;
}
.dxheStatusBar_ArcMate .dxtcLite_ArcMate.dxtc-bottom > .dxtc-stripContainer .dxtc-tab {
}
.dxheStatusBar_ArcMate .dxtcLite_ArcMate.dxtc-bottom > .dxtc-stripContainer {
    padding-bottom: 0px;
}
.dxheStatusBar_ArcMate .dxtcLite_ArcMate > .dxtc-stripContainer .dxtc-activeTab,
.dxheStatusBar_ArcMate .dxtcLite_ArcMate > .dxtc-stripContainer .dxtc-activeTab a {
    color: #009688;
}
.dxheStatusBar_ArcMate .dxtcLite_ArcMate > .dxtc-stripContainer .dxtc-tab a {
    color: #38495e;
}

.dxheStatusBar_ArcMate .dxtcLite_ArcMate {
    margin-left: -1px;
}
.dxheControl_ArcMate.dxhe-rtl .dxheStatusBar_ArcMate .dxtcLite_ArcMate {
    margin-right: -1px;
}
.dxheControl_ArcMate .dxrControl_ArcMate .dxtcLite_ArcMate.dxtc-top .dxtc-tab
{
	background: transparent;
}
/* ----------------- Dialog Forms ----------------- */
.dxpcLite_ArcMate .dxheDlgFooter,
.dxpcLite_ArcMate .dxheCustomDialog_ArcMate .dxhecd-Buttons
{
    background-color: white;
    border-top: Solid 1px #E0E0E0;
	padding: 10px 11px;
	text-align: right;
}
.dxpcLite_ArcMate.dxRtl .dxheDlgFooter,
.dxpcLite_ArcMate.dxRtl .dxheCustomDialog_ArcMate .dxhecd-Buttons
{
    text-align: left;
}
.dxpcLite_ArcMate .dxheDlgFooterBtn
{
    margin-left: 8px;
}
.dxpcLite_ArcMate.dxRtl .dxheDlgFooterBtn
{
    margin-right: 8px;
    margin-left: 0;
}
/* Insert Image Form */
.dxpcLite_ArcMate .dxheDlgInsertImageForm .dxheDlgImagePreviewCell,
.dxpcLite_ArcMate .dxheDlgSelectImageForm .dxheDlgImagePreviewCell
{
    color: #878787;
    border: dashed 1px #cac8c8;
}
.dxpcLite_ArcMate .dxheDlgPasteFromWordForm .dxheDlgPasteContainerCell td
{
	border: Solid 1px #9F9F9F;
}
/*----------------- Toolbars -----------------*/
.dxtbSpacing_ArcMate
{
	height: 2px;
}
.dxtbControl_ArcMate {
    color: #38495e;
    width: 100%;
    border-bottom: Solid 1px #E5E5E5;
    background-color: #f1f1f1;
    padding-bottom: 7px;
}
.dxtbControl_ArcMate td.dxmMenu_ArcMate
{
	border-width: 0px;
}
.dxtbControl_ArcMate .dxmLite_ArcMate .dxm-main.dxmtb {
    padding-top: 7px;
}
.dxtbControl_ArcMate .dxmLite_ArcMate .dxm-main 
{
	background-color: #f1f1f1;
}
.dxtbControl_ArcMate .dxmLite_ArcMate .dxmtb.dxm-horizontal .dxm-separator b
{
	background-color: #dfdfdf;
}
.dxtbComboBoxMenuItem_ArcMate
{
    padding-top: 2px;
}
.dxheControl_ArcMate .dxrControl_ArcMate .dxr-minBtn
{
    padding-right: 8px;
}
.dxheControl_ArcMate .dxtbControl_ArcMate.dxtbr_ArcMate,
.dxheControl_ArcMate .dxrControl_ArcMate .dxpc-mainDiv.dxr-minPopup
{
    border: 0;
}

/* Toolbars Lightweight Mode */
.dxtbControl_ArcMate .dxmLite_ArcMate .dxm-main 
{
    border-width: 0px;
}
.dxmLite_ArcMate .dxhetipControl_ArcMate img
{
	vertical-align: top;
}
.dxtbControl_ArcMate .dxm-horizontal.dxmtb .dxm-dropDownMode .dxtcbColorDiv_ArcMate
{
    margin-top: -1px;
    margin-bottom: -2px;
}

/* ToolbarColorButton */
.dxtcbControl_ArcMate { }
.dxtcbColorDiv_ArcMate
{
	width: 16px;
	height: 3px;
	font-size: 0;
	background-color: Transparent;
}

/*----------------- RoundPanel -----------------*/
.dxheRP.dxrpControl_ArcMate .dxrpcontent_ArcMate
{
    padding: 9px 10px 10px 10px !important;
}

/* InsertMediaDialogs */
.dxflFormLayout_ArcMate .dxhe-dialogSettings 
{
    width: 320px;
    padding-left: 30px;
}
.dxflFormLayout_ArcMate.dxhe-mediaDialog .dxtcLite_ArcMate > .dxtc-stripContainer .dxtc-leftIndent,
.dxflFormLayout_ArcMate.dxhe-mediaDialog .dxtcLite_ArcMate > .dxtc-stripContainer .dxtc-rightIndent {
    width: 0px;
}
.dxflFormLayout_ArcMate.dxhe-mediaDialog .dxtcLite_ArcMate.dxtc-top > .dxtc-content {    
    border-left: 1px solid #D1D1D1 !important;
    border-right: 1px solid #D1D1D1 !important;
    border-bottom: 1px solid #D1D1D1 !important;
    border-top:  3px solid #DFDFDF !important;
    border-top-style: solid !important;
    margin-top: -3px;
}
.dxflFormLayout_ArcMate.dxhe-mediaDialog .dxic-previewPanel.dxrpControl_ArcMate {
    background: var(--white);
    border: 1px dashed #A3A3A3;
}
.dxflFormLayout_ArcMate.dxhe-mediaDialog .dxic-previewPanel.dxrpControl_ArcMate .dxic-previewText {
    font-size: 1.65rem;
}
.dxflFormLayout_ArcMate.dxhe-mediaDialog .dxic-previewPanel.dxrpControl_ArcMate span.dxic-validationTip {
    margin-bottom: 5px;
}

.dxflFormLayout_ArcMate.dxhe-mediaDialog 
{
    width: 900px;
}
.dxflFormLayout_ArcMate.dxhe-mediaDialog .dxic-control, 
.dxflFormLayout_ArcMate.dxhe-mediaDialog .dxhe-dialogSettings 
{
    height: 700px;
}
div.dxflFormLayout_ArcMate.dxhe-dialog table.dxhe-dialogLG
{
    padding-left: 14px;
    padding-right: 14px;
}
div.dxhe-insertLinkDialog.dxflFormLayout_ArcMate div.dxhe-dialog div.dxhe-dialogLI.dxhe-dialogButtonsContainer {
    margin-left: -4px;
}
div.dxhe-insertLinkDialog.dxflFormLayout_ArcMate.dxhe-dialog .dxflRadioButtonListItemSys td.dxe {
    padding-bottom: 10px;
}
div.dxflFormLayout_ArcMate.dxhe-dialog > table.dxhe-dialogLG.dxflGroupSys,
div.dxflFormLayout_ArcMate.dxhe-dialog .dxhe-dialogButtonsContainer {
    padding-bottom: 12px;
    padding-top: 24px;
}
.dxhe-dialog .dxhe-dialogButtonsContainer td:last-child .dxbButton_ArcMate {
    margin-left: 12px;
    margin-right: 5px;
}
div.dxhe-insertImageDialog.dxflFormLayout_ArcMate .dxhe-dialogLI.dxhe-dialogButtonsContainer {
    margin-top: 15px;
}
.dxhe-insertImageDialog.dxflFormLayout_ArcMate.dxhe-dialog > table.dxhe-dialogLG.dxflGroupSys {
    padding: 13px 14px 29px;
}
.dxhe-insertLinkDialog.dxflFormLayout_ArcMate.dxhe-dialog > table.dxhe-dialogLG.dxflGroupSys {
    padding: 13px 18px 12px 18px;
}
div.dxhe-insertLinkDialog.dxflFormLayout_ArcMate.dxhe-dialog table.dxhe-dialogLG {
    padding-right: 0px;
    padding-left: 5px;
}

.dxflFormLayout_ArcMate.dxhe-dialog a.dxtc-link 
{
    padding: 4px 10px;
}
div.dxflFormLayout_ArcMate.dxhe-mediaDialogStyleSettings > table.dxhe-dialogLG.dxflGroupSys,
div.dxflFormLayout_ArcMate.dxhe-mediaDialogMainSettings > table.dxhe-dialogLG.dxflGroupSys
{
    padding: 32px;
}
.dxHtmlEditor_heConstrainProportionsMiddleOn_ArcMate,
.dxHtmlEditor_heConstrainProportionsMiddleOff_ArcMate {
    margin-left: 4px;
}
/* tag inspector */
.dxheDesignViewArea_ArcMate .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_ArcMate .dxhe-tiWrapper
{
    border-bottom: 1px solid #E5E5E5;
    background-color: #F1F1F1;
}
.dxheDesignViewArea_ArcMate .dxhe-tiSeparator,
.dxheDesignViewArea_ArcMate .dxhe-tiTagName 
{
    color: #757575;
}
.dxheDesignViewArea_ArcMate .dxheSelectedTag_ArcMate {
    color: var(--white);
}
.dxhe-intelliSenseSysWin .dxeListBox_ArcMate.dxeFocused_ArcMate
{
    border-color: #c0c0c0;
}

div.dxhe-searchQuick div.dxbButton_ArcMate,
div.dxhe-searchQuick div.dxbButton_ArcMate .dxb
{
    background: none !important;
    border: none !important;
}
.dxpcLite_ArcMate.dxhe-quickSearchSysWin .dxhe-flItem0 
{
    padding-left: 2px !important;
}

