/* Section 508, WCAG */
.dxAIFE,
.dxAIFME
{
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: polygon(0 0);  /* clip-path: polygon(0 0); */
}
.dxAIFE
{
    height: 1px;
    overflow: hidden;
    position: absolute !important;
}
.dxAIFME
{
    position: fixed;
    left: 0;
    top: 0;
}
.dxAITC caption
{
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: polygon(0 0);
    height: 1px;
    overflow: hidden;
    padding: 0 !important;
    font-size: 0 !important;
    border: 0 !important;
    margin-top: -1px;
}
.dxAUFE,
.dxtv-acc-n [role="button"]
{
    outline: 0;
}
.dxAIR
{
    font-size: 0!important;
    border-width: 0!important;
    height: 0!important;
}
.dxAIR th
{
    border-width: 0!important;
    line-height: 0!important;
    padding: 0!important;
}
.dxDefaultCursor
{
    cursor: default;
}
.dxAFB
{
	outline: 1px dotted black;
}

.dx-acc-r .dxAIR 
{
    color: black !important;
    background-color: white !important;
}
/* ASPxHeadLine, ASPxSitemapControl */
.dxhl > .dx-acc,
.dxsm-control.dx-acc-r .dx-acc 
{
    display: inline-block !important;
}

/* Editors */
.dx-acc[class*="dxEditors_edtError"],
.dx-acc[class*="dxEditors_edtCalendarPrevYear"],
.dx-acc[class*="dxEditors_edtCalendarPrevMonth"],
.dx-acc[class*="dxEditors_edtCalendarNextMonth"],
.dx-acc[class*="dxEditors_edtCalendarNextYear"],
.dx-acc[class*="dxEditors_edtCalendarFNPrevYear"],
.dx-acc[class*="dxEditors_edtCalendarFNNextYear"],
.dx-acc[class*="dxEditors_edtCalendarFNPrevPeriod"],
.dx-acc[class*="dxEditors_edtCalendarFNNextPeriod"],
.dx-acc[class*="dxEditors_edtEllipsis"],
.dx-acc[class*="dxEditors_edtDropDown"],
.dx-acc[class*="dxEditors_edtSpinEditIncrementImage"],
.dx-acc[class*="dxEditors_edtSpinEditDecrementImage"],
.dx-acc[class*="dxEditors_edtSpinEditLargeIncImage"],
.dx-acc[class*="dxEditors_edtSpinEditLargeDecImage"]
{
    display: block;
}

/* HighContrast appearance */
.dxHighContrast *
{
    background: none!important;
}
.dxHighContrast .dxnbLite .dxnb-itemHover 
{
    border: 1px dotted black;
    box-sizing: border-box;
}

.dxHighContrast .dxnbLite .dxnb-itemSelected 
{
    border: 2px solid black;
    box-sizing: border-box;
}

.dxHighContrast .dxnbLite .dxnb-item.dxnb-itemSelected .dxnb-link 
{
    padding: 2px 3px 3px;
}

.dxHighContrast .dxmLite .dxm-hovered 
{
    border: 1px dotted black;
}

.dxHighContrast .dxmLite .dxm-selected,
.dxHighContrast .dxmLite .dxm-checked 
{
    border: 2px solid black;
}

.dxHighContrast .dxmLite .dxm-horizontal .dxm-selected .dxm-content,
.dxHighContrast .dxmLite .dxm-horizontal .dxm-checked .dxm-content 
{
    padding: 2px 6px 3px;
}

.dxHighContrast .dxmLite .dxm-horizontal .dxm-image-l .dxm-checked .dxm-content,
.dxHighContrast .dxmLite .dxm-horizontal .dxm-image-l .dxm-selected .dxm-content 
{
    padding: 3px;
}

.dxHighContrast .dxtvControl .dxtv-ndSel 
{
    border: 2px solid black;
    padding: 1px 3px 2px;
}

.dxHighContrast .dxtvControl .dxtv-ndHov 
{
    border: 1px dotted black;
}

.dxHighContrast .dxeListBoxItemSelected 
{
    border: 2px solid black;
    padding: 1px 1px 2px 1px;
}

.dxHighContrast .dxeListBoxItemHover 
{
    border: 1px dotted black;
    padding: 2px 2px 3px 3px;
}

.dxHighContrast .dxgvSelectedRow > td.dxgv 
{
    border-top: 2px solid black !important;
    border-bottom: 2px solid black !important;
    padding: 2px 6px 2px;
}

.dxHighContrast .dxgvSelectedRow > td.dxgv:first-child 
{
    border-left: 2px solid black !important;
}

.dxHighContrast .dxgvSelectedRow > td.dxgv:last-child 
{
    border-right: 2px solid black !important;
}

.dxHighContrast .dxrControl .dxr-itemChecked 
{
    border: 2px solid black;
    margin-top: -1px;
}

.dxHighContrast .dxrControl .dxr-itemHover 
{
    border: 1px dotted black;
}

/* wcag AA contrast */
.dx-acc-r .dxeIRBFocused
{
    outline-color: #8F7200;
    *border-color: #8F7200;
}
.dx-acc-r .dxcvTitlePanel,
.dx-acc-r .dxcvTable caption,
.dx-acc-r .dxgvTitlePanel, 
.dx-acc-r .dxgvTable caption,
.dx-acc-r .dxvgTitlePanel, 
.dx-acc-r .dxvgTable caption
{
    background-color: #767676;
}
.dx-acc-r .dxcvCard .dxflCaption, 
.dx-acc-r .dxcvFlowCard .dxflCaption 
{
    color: #686868;
}
.dx-acc-r td.dxeErrorCell 
{
    color: #e00000;
}
.dx-acc-r a.dxfcGroupType 
{
    color: #e00000 !important;
}
.dx-acc-r .dxeListBoxItemSelected
{
    background-color: #707070;
}
.dx-acc-r.dxeNullText .dxeEditArea, 
.dx-acc-r.dxeNullText .dxeMemoEditArea 
{
    color: #707070;
}
.dxeTextBox.dx-acc-r .dxeFNTextSys,
.dxeButtonEdit.dx-acc-r .dxeFNTextSys,
.dxeMemo.dx-acc-r .dxeFNTextSys {
    color: #707070;
}
.dx-acc-r a.dxfcValue 
{
    color: #707070 !important;
}
.dx-acc-r td.dxeHelpText 
{
    color: #767676;
}
.dx-acc-r .dxgvFocusedRow,
.dx-acc-r .dxgvSelectedRow 
{
    background-color: #707070;
}
.dx-acc-r.dxvsValidationSummary a.dxvsHL,
.dx-acc-r.dxvsValidationSummary a.dxvsHL:visited
{
    color: #e00000;
}
.dx-acc-r .dxtiGroupHeaderText
{
    background-color: #707070;
}
.dx-acc-r .dxpc-footer,
.dx-acc-r.dxizControl .dxiz-hint > span,
.dx-acc-r .dxtiFilterBoxInfoText,
.dx-acc-r .dxtiFilterBox, 
.dx-acc-r .dxtiFilterBox table
{
    color: #686868;
}
.dx-acc-r .dxhlDate,
.dx-acc-r .dxflGroupBoxCaption
{
    color: #707070;
}
.dx-acc-r.dxccControl a 
{
    color: #1E3695 !important;
}
.dx-acc-r .dxsmLevel2, 
.dx-acc-r .dxsmLevel2 a, 
.dx-acc-r .dxsmLevel2Categorized a, 
.dx-acc-r .dxsmLevel2Categorized 
{
    color: #446EDA;
}
.dx-acc-r .dxICBFocused 
{
    outline: 1px dotted #8F7200;
}
.dx-acc-r.dxdvControl 
{
    color: #686868;
}
.dx-acc-r .dxgvEmptyDataRow,
.dx-acc-r .dxdvEmptyData
{
	color: #767676;
}
/*ASPxCheckBox*/
.dxToggleDesignMode
{
    background-image: none!important;
}

/* ASPxPopupControl */
.dxpcDesignMode,
.dxdpDesignMode {
	display: block !important;
	position: static !important;
	visibility: visible !important;
}

.dxdpDesignMode > tbody > tr > td,
.dxpcDesignMode > tbody > tr > td {
	padding: 0;
}

.dxdpDesignMode .dxpc-contentWrapper,
.dxpcDesignMode .dxpc-contentWrapper {
	height: 100%;
	overflow: hidden;
}
.dxpc-content .dx-vam { /* Q588755 */
    display: inline !important;
}

/* ASPxPager */
.dxpDesignMode {
	display: inline;
}

.dxpDesignMode,
.dxpDesignMode b {
	float: none !important;
}

/* ASPxDataView */
td[align="justify"] .dxpDesignMode .dxp-pageSizeItemCell {
	width: 100%;
}

td[align="justify"] .dxpDesignMode .dxp-pageSizeItemCell > b {
	float: right !important;
}
/* ASPxImageGallery */
.dxigDesignMode .dxig-ti {
	border: 1px solid #c8c8c8;
	background-repeat: no-repeat;
	background-position: center center;
}

.dxigDesignMode td > div {
	overflow: visible !important;
}

.dxigDesignMode .dxbplc .dxig-ti {
	width: 100% !important;
	padding-bottom: 65%;
}

/* ASPxTabControl */
.dxtcDesignMode {
	float: none !important;
}

/* ASPxPageControl */
.dxtcDesignMode.dxtc-top .dxtc-content,
.dxtcDesignMode.dxtc-bottom .dxtc-content {
	float: none !important;
}

/* ASPxMenu */
.dxmDesignMode > tbody > tr > td > table {
	width: 100%;
}

.dxmDesignMode > tbody > tr > td,
.dxm-item,
.dxm-spacing {
	padding: 0;
}

.dxmDesignMode .dxm-separator {
    height: 100%;
}
.dxmLite_DevEx .dxm-separator b,
.dxmLite_Office2003Blue .dxm-separator b,
.dxmLite_Office2003Olive .dxm-separator b,
.dxmLite_Office2003Silver .dxm-separator b,
.dxmLite_PlasticBlue .dxm-separator b,
.dxmLite_RedWine .dxm-separator b {
    background: #E9DEF3 !important;
}

.dxm-content {
	font: 12px Tahoma, Geneva, sans-serif;
	float: none !important;
}

.dxmLite_DevEx .dxm-content,
.dxmLite_Office2010Black .dxm-content,
.dxmLite_Office2010Blue .dxm-content,
.dxmLite_Office2010Silver .dxm-content {
	font: 11px Verdana, Geneva, sans-serif;
}

.dxmLite_iOS .dxm-content {
	font: 18px 'Helvetica Neue',Helvetica,Verdana,sans-serif bold !important;
}

.dxmLite_Moderno .dxm-content {
	font: 14px 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif !important;
}

/* GridToolbar */
.dxmDesignMode.dxctToolbar_iOS > tbody > tr > td > table,
.dxmDesignMode.dxctToolbar_Material > tbody > tr > td > table,
.dxmDesignMode.dxctToolbar_MaterialCompact > tbody > tr > td > table,
.dxmDesignMode.dxctToolbar_Mulberry > tbody > tr > td > table,
.dxmDesignMode.dxctToolbar_Moderno > tbody > tr > td > table {
    border-collapse:collapse;
    margin: 2px 0px;
}

.dxmLite_iOS .dxmDesignMode.dxctToolbar_iOS.dxmtb .dxm-item,
.dxmLite_Material .dxmDesignMode.dxctToolbar_Material.dxmtb .dxm-item,
.dxmLite_MaterialCompact .dxmDesignMode.dxctToolbar_MaterialCompact.dxmtb .dxm-item,
.dxmLite_Mulberry .dxmDesignMode.dxctToolbar_Mulberry.dxm-horizontal.dxmtb .dxm-item,
.dxmLite_Moderno .dxmDesignMode.dxctToolbar_Moderno.dxm-horizontal.dxmtb .dxm-item {
    border-right-width: 1px;
}

/* ASPxRibbon */
.dxrDesignMode .dxr-groupList .dxr-groupSep {
	float: none!important;
}

.dxrDesignMode .dxr-groupList .dxr-group {
	float: none!important;
}

.dxrDesignMode .dxr-block {
	float: none!important;
}

.dxrDesignMode .dxr-groupContent {
	overflow: hidden!important;
}

.dxrDesignMode .dxr-blLrgItems .dxr-item {
	max-width: 44px!important;
}

.dxrDesignMode .dxr-tabContent .dxr-tabWrapper {
	position: static;
}

.dxrDesignMode .dxr-tabContent {
	position: static;
}

.dxrDesignMode .dxr-item .dxr-label .dxr-popOut {
	line-height: 1;
}

.dxrDesignMode .dxtcLite.dxtc-top .dxtc-tab,
.dxrDesignMode .dxtcLite.dxtc-top .dxtc-activeTab,
.dxrDesignMode .dxtcLite.dxtc-top .dxtc-tab.dxr-contextTab,
.dxrDesignMode .dxtcLite.dxtc-top .dxtc-activeTab.dxr-contextTab {
    margin-top: 0px!important;
}

/* ASPxRoundPanel */
.dxrpDesignMode.dxrpControl.dxrpCollapsed .dxrpHLE,
.dxrpDesignMode.dxrpControl.dxrpCollapsed .dxrpHRE,
.dxrpDesignMode.dxrpControl.dxrpCollapsed .dxrpHeader {
	background-position: center !important;
}

*[dir="rtl"].dxrpDesignMode .dxrpHeader {
	white-space: normal !important;
}

/* ASPxImageZoom */
.dxizDesignMode {
	display: block !important;
}
.dxizDesignMode .dxiz-wrapper > img {
	display: inline !important;
	position: static !important;
}
.dxizDesignMode.dxiz-emptyImage .dxiz-wrapper > img {
    padding: 5px;
}
.dxizDesignMode .dxiz-hint {
	top: 0;
	left: 0;
}
.dxizDesignMode .dxiz-hint > span {
	vertical-align: auto !important;
}

/* ASPxImageSlider */
.dxisDesignMode > tbody > tr > td {
    height: 100%;
}
.dxisDesignMode .dxis-mainLayout,
.dxisDesignMode .dxis-mainLayout .dxis-imageArea,
.dxisDesignMode .dxis-mainLayout .dxis-buttons
 {
	width: 100%;
	height: 100%;
}
.dxisDesignMode .dxis-grayBorder {
	border: 1px solid #adb0b4;
}
.dxisDesignMode .dxis-grayBackground {
	background-color: #eaedf1;
}
.dxisDesignMode .dxis-button {
	background-color: white;
}
.dxisDesignMode .dxis-button.dxis-buttonHorOrientation {
	width: 23px;
	height: 39px;
}
.dxisDesignMode .dxis-button.dxis-buttonVertOrientation {
	width: 39px;
	height: 23px;
}
.dxisDesignMode .dxis-mainLayout .dxis-button.dxis-buttonVertOrientation {
	margin: 0 auto;
}
.dxisDesignMode .dxis-button.dxis-buttonHorOrientation > div {
	width: 15px;
	height: 23px;
	margin: 8px auto 0px;
}
.dxisDesignMode .dxis-button.dxis-buttonVertOrientation > div {
	width: 23px;
	height: 15px;
	margin: 4px auto 0px;
}
.dxisDesignMode .dxis-button.dxis-buttonHorOrientation.dxis-prevButton > div {
	background-position: -1px 0px;
}
.dxisDesignMode .dxis-button.dxis-buttonHorOrientation.dxis-nextButton > div {
	background-position: -18px 0px;
}
.dxisDesignMode .dxis-button.dxis-buttonVertOrientation.dxis-prevButton > div {
	background-position: -61px -5px;
}
.dxisDesignMode .dxis-button.dxis-buttonVertOrientation.dxis-nextButton > div {
	background-position: -35px -5px;
}
.dxisDesignMode .dxis-buttonSpacing {
	width: 100%;
	height: 100%;
}
.dxisDesignMode.dxis-navBarHor .dxis-navBarCell .dxis-navBar {
	width: 100%;
}
.dxisDesignMode.dxis-navBarHor .dxis-thumbnail {
	height: 60px;
}
.dxisDesignMode.dxis-navBarVert .dxis-thumbnail {
	width: 90px;
}
.dxisDesignMode.dxis-navBarVert .dxis-navBarCell .dxis-navBar{
	width: 90px !important;
	height: 100%;
}
.dxisDesignMode.dxis-navBarVert .dxis-navBarCell {
	height: 100%;
    vertical-align: top;
}
.dxisDesignMode .dxis-spacing,
.dxisDesignMode.dxis-navBarHor .dxis-navBar .dxis-itemSpacing {
    padding: 5px 0 0 5px;
	width: 0px;
	height: 0px;
}
.dxisDesignMode.dxis-navBarVert .dxis-navBar .dxis-itemSpacing {
	height: 5px;
}
.dxisDesignMode.dxis-navBarHor .dxis-navBarButtonsWrapper .dxis-button {
	margin-left: 1px;
    margin-right: 1px;
	margin-top: 7px;
}
.dxisDesignMode.dxis-navBarVert .dxis-navBarButtonsWrapper .dxis-button {
	margin-top: 1px;
    margin-bottom: 1px;
}
.dxisDesignMode.dxis-navBarHor.dxis-noImageArea {
	height: auto !important;
}
.dxisDesignMode.dxis-navBarVert.dxis-noImageArea {
	width: auto !important;
}
.dxisDesignMode .dxis-navBarWrapper {
	height: 100%;
    position: relative;
}
.dxisDesignMode .dxis-navBarButtonsWrapper {
    top: 0px;
    width: 100%;
	height: 100%;
    position: absolute;
}
.dxisDesignMode.dxis-navBarVert .dxis-dotsNavBarCell .dxis-navBar {
    width: 18px;
}
.dxisDesignMode.dxis-navBarHor .dxis-dotsNavBarCell .dxis-navBar {
	width: auto;
}
.dxisDesignMode .dxis-dot {
	width: 15px;
    height: 15px;
	background-position: -1px -28px;
}
.dxisDesignMode .dxis-dot.dxis-dotSelected {
	background-position: -18px -28px;
}
.dxrDesignMode .dxr-tabContent {
    border-top-width: 1px!important;
}
.dxrDesignMode .dxtc-tab, .dxrDesignMode .dxtc-leftIndent, .dxrDesignMode .dxtc-sbWrapper, .dxrDesignMode .dxtc-sbIndent, .dxrDesignMode .dxtc-sb, .dxrDesignMode .dxtc-rightIndent  {
	border-bottom: 0!important;
}

/* ASPxHint */
.dxhDesignMode {
    position: relative!important;
    width: 100px;
    display: table!important;
}
.dxhDesignMode .dxh-callout.dxh-inner-callout {
    bottom: -13px!important;
    margin-left: -9px!important;
    border-width: 7px!important;
}
.dxhDesignMode .dxh-callout {
    margin-left: -10px!important; 
}

.dxhControl_Material.dxhDesignMode {
    background-color: #000!important;
}
.dxhControl_Material.dxhDesignMode.dxh-top .dxh-inner-callout {
    border-top-color: #000!important;
}

.dxhControl_MaterialCompact.dxhDesignMode {
    background-color: #000 !important;
}
.dxhControl_MaterialCompact.dxhDesignMode.dxh-top .dxh-inner-callout {
    border-top-color: #000!important;
}

.dxhControl_iOS.dxhDesignMode {
    background-color: #000 !important;
}
.dxhControl_iOS.dxhDesignMode.dxh-top .dxh-inner-callout {
    border-top-color: #000!important;
}

/* SharePoint empty design time*/
.dxspdtDesignMode {
    width: 350px;
}
.dxspdtDesignMode span {
    display: block;
    font-family: 'Segoe UI';
    color: rgba(34, 34, 34, 255);
    text-align: center;
}
.dxspdtDesignMode .dxspdtImg {
    display: block;
    margin: auto;
    padding: 36px 0 36px 0;
    width: 108px;
    height: 108px;
}
.dxspdtDesignMode .dxspdtTitle {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}
.dxspdtDesignMode .dxspdtMsg {
    padding: 14px 8px 0 8px;
    font-size: 14px;
    line-height: 15px;
}