/*Google Fonts*/
/*Open Sans*/
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.ttf) format('truetype');
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/OpenSans-Regular.ttf) format('truetype');
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(fonts/OpenSans-SemiBold.ttf) format('truetype');
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.ttf) format('truetype');
}

:root {
    /* Color palette */
    /* Primary */
    --black: #222324;
    --dark-brown: #464a4f;
    --orange: #ff6500;
    --dark-grey: #6b6b6b;
    --brown-grey: #979797;
    --grey-1: #cccc;
    --grey-2: #f3f3f3;
    --grey-3: #f9f9f9;
    --white: white;
    --orangeglow: #d35807;
    /* Notifications warnings */
    --tomato: #f02424;
    --golden-yellow: #ffc118;
    --apple-green: #4caf6b;
    --info-blue: #2d9cdb;
    /* Data visualisation */
    --topace-blue: #309ddb;
    --aqua-blue: #57e2f2;
    --ocre: #edd87c;
    --brigth-orange: #ff8d41;
    --watermelon: #ff7f7f;
    /* Spacing  */
    --space-xxs: 2px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 14px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-xxl: 64px;
    /* Layout */
    --header-height: 64px;
    --left-menu-width: 80px;
}

/* Font overrides */

html body,
body #Content,
#mainDiv {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

#Content .MonoSizeFont > tbody > tr > td > .dxeMemoEditArea_XafTheme,
#Content .MonoSizeFont > span {
    font-family: monospace !important;
    white-space: pre-wrap;
}

#Content .dxrpControl_XafTheme td.dxrp,
#Content .dxrpControl_XafTheme td.dxrpHeader_XafTheme,
#Content .dxrpControlGB_XafTheme td.dxrp,
#Content .dxrpControl_XafTheme td.dxrp,
#Content .dxrpControl_XafTheme td.dxrpHeader_XafTheme,
#Content .dxrpControlGB_XafTheme td.dxrp,
#Content .XafVCap-Second,
#Content .dxpnlControl_XafTheme,
#Content .dxmLite_XafTheme,
#Content .dxeEditAreaSys, .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys,
#Content .dxgvDisabled_XafTheme,
#Content .dxeListBox_XafTheme,
#Content .dxgvHeader_XafTheme,
#Content .dxpLite_XafTheme,
#Content .dxgvControl_XafTheme,
#Content .dxpgRowFieldValue_XafTheme,
#Content .dxpgCell_XafTheme,
body .dxlpLoadingPanel_XafTheme,
body .dxlpLoadingPanelWithContent_XafTheme,
button,
input {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
}

#Content div#headerAlertContainer,
#Content .dxchartsuiLoadingPanel_XafTheme,
#Content .dxchartsuiCrosshairLabel_XafTheme,
#Content .dxchartsuiTooltip_XafTheme,
#Content .dxchartsuiTooltip_TopLeft_XafTheme,
#Content .dxchartsuiTooltip_TopRight_XafTheme,
#Content .dxchartsuiTooltip_BottomLeft_XafTheme,
#Content .dxchartsuiTooltip_BottomRight_XafTheme,
#Content .dxvsValidationSummary_XafTheme,
#Content .dxeTrackBar_XafTheme,
#Content .dxeHelpText_XafTheme,
#Content .dxeTBValueToolTip_XafTheme,
#Content .dxeBase_XafTheme,
#Content .dxeErrorCell_XafTheme,
#Content .dxeButtonEdit_XafTheme,
#Content .dxeTextBox_XafTheme,
#Content .dxeRadioButtonList_XafTheme,
#Content .dxeCheckBoxList_XafTheme,
#Content .dxeMemo_XafTheme,
#Content .dxeHyperlink_XafTheme,
#Content .dxeListBox_XafTheme,
#Content .dxeCalendar_XafTheme,
#Content .dxbButton_XafTheme,
#Content .dxfcControl_XafTheme,
#Content .dxeMaskHint_XafTheme,
#Content .dxeProgressBar_XafTheme,
#Content .dxpcDropDown_XafTheme,
#Content .dxeDropDownWindow_XafTheme,
#Content .dxcaControl_XafTheme,
#Content .dxcaLoadingPanel_XafTheme,
#Content .dxgvControl_XafTheme,
#Content .dxgvDisabled_XafTheme,
#Content .dxgvLoadingPanel_XafTheme,
#Content .dxpgControl_XafTheme, .dxpgCustForm_XafTheme,
#Content .dxpgLoadingPanel_XafTheme,
#Content .Layout,
#Content .dxccControl_XafTheme,
#Content .dxdvControl_XafTheme,
#Content .dxhlControl_XafTheme,
#Content .dxmLite_XafTheme,
#Content .dxnbLite_XafTheme,
#Content .dxnbLite_XafTheme .dxnb-header,
#Content .dxnbLite_XafTheme .dxnb-headerCollapsed,
#Content .dxncControl_XafTheme,
#Content .dxpLite_XafTheme,
#Content .dxpcLite_XafTheme,
#Content .dxdpLite_XafTheme,
#Content .dxpnlControl_XafTheme,
#Content .dxrpControl_XafTheme td.dxrp,
#Content .dxrpControl_XafTheme td.dxrpHeader_XafTheme,
#Content .dxrpControlGB_XafTheme td.dxrp,
#Content .dxsmControl_XafTheme,
#Content .dxtcLite_XafTheme,
#Content .dxtiControl_XafTheme,
#Content .dxucControl_XafTheme,
#Content .dxucEditArea_XafTheme,
#Content input[type="text"].dxucEditArea_XafTheme,
#Content .dxsplControl_XafTheme,
#Content .dxtvControl_XafTheme,
#Content .dxfmControl_XafTheme,
#Content .dxisControl_XafTheme,
#Content .dxigControl_XafTheme,
#Content .dxflFormLayout_XafTheme,
#Content .dxrControl_XafTheme {
    font-family: 'Open Sans', sans-serif;
}

    #Content .dxnbLite_XafTheme ul.dxnb-content.dxnb-left li.dxnb-item.dxnb-link span.dx-vam.dx-wrap {
        font-weight: 300;
    }

    #Content .dxeBase_XafTheme,
    #Content .dxnbLite_XafTheme .dxnb-header,
    #Content .dxnbLite_XafTheme .dxnb-headerCollapsed,
    #Content .dxnbLite_XafTheme {
        font-family: 'Open Sans', sans-serif !important;
    }
/* END Font overrides */

/*Collapsable groups*/
#Content .firstVerticalCardGroup{
    margin-bottom: 0px;
}

#Content .dxrpCollapseButton .dxWeb_rpCollapseButton_XafTheme {
    visibility: hidden;
}

#Content .dxrp-collapseBtnChecked {
    background-image: url(Images/ExpandArrow.svg) !important;
}

#Content .dxrpCollapseButton {
    background-image: url(Images/CollapseArrow.svg);
}

#Content .dxrpCollapseButton {
    float: none;
}

#Content .CardGroupBase > tbody > tr > .GroupHeader,
#Content .CardGroupBase > tbody > tr > td > .GroupHeader {
    color: var(--orange);
    border-bottom: 1px solid var(--dark-grey) !important;
    font-weight: 600 !important;
    padding: var(--space-sm) 0 !important;
}

.dialogContent .GroupHeader .Label {
    color: var(--orange);
}

#Content .dxpnlControl_XafTheme {
    font: 14px "Open Sans" sans-serif;
}

/*End Collapsable groups*/

#content {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg);
}

.LayoutTabContainer {
    width: calc( 100% - 2 * var(--space-lg));
}

.LayoutTabbedGroupContainer > div.dxtc-pc {
    /* Hiddes scrollbars on tab load */
    overflow: hidden !important;
}

.dialogContent > div {
    padding-left: var(--space-lg);
}

.dialogContent .headerTable .viewCaption {
    padding: 0;
}

.dialogContent > div > .headerTable {
    border-bottom: 1px solid var(--grey-1);
    background-color: var(--white);
    padding-left: 0;
    margin-left: - var(--space-lg);
}

#Logon_PopupActions_Menu {
    font-display: flex;
}

#Vertical_NC {
    height: auto !important;
}

.xafNavVisibleManually #Content {
    margin-left: 0;
}

#Vertical_UPSAC {
    width: max-content;
    display: flex;
}

.StrikeOutTextCustomCss input {
    text-decoration: line-through !important;
}

#Vertical_UPNC {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: visible;
    height: 100%;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #Vertical_NC {
        z-index: auto;
        margin-top: -10px;
    }
}

#Content .dxgvFooter_XafTheme {
    font-size: 12px;
}


/* LOGIN PAGE*/
#Content .LogonMainTable {
    border: none;
    margin: 0 20px 0 auto;
}

    #Content .LogonMainTable .LogonContent {
        padding: 0;
        background-color: #fff;
        opacity: 0.8;
    }

    #Content .LogonMainTable.LogonContentWidth,
    #Content .LogonMainTable .LogonContentWidth {
        width: 276px;
        background-color: white;
    }

    #Content .LogonMainTable .LogonContent .Item {
        margin-right: 0;
    }

    #Content .LogonMainTable .LogonContent .menuButtons .dxm-item,
    #Content .LogonMainTable .LogonContent .menuButtons .dxm-item a.dx,
    #Content .LogonMainTable .LogonContent .menuButtons .dxm-item .dx-vam {
        -webkit-filter: unset;
        filter: unset;
        box-shadow: none;
        -webkit-box-shadow: none;
        color: white;
        line-height: 14px;
    }

#Content .LogonTemplate .headerTable {
    height: 48px !important; /* xaf adds it inline */
}

#Content .dxgvFocusedRow_XafTheme {
    background-color: #e5e5e5;
}

#Content .dxeImage_XafTheme {
    vertical-align: middle;
    height: 24px !important;
    width: 24px !important;
    margin-right: 5px;
}

.sizeLimit {
    max-width: none !important;
}

.dxp-num.dxp-current {
    background-color: var(--corange) !important;
}

#Content table.dxgvStatusBar_XafTheme {
    display: block;
    width: 99%;
}

#Content .dxgvPagerBottomPanel_XafTheme + .dxgvStatusBar_XafTheme {
    border: none;
}

#headerAlertContainer {
    z-index: 2000;
    position: relative;
}

.newStylePopupContent .menuButtons .blueItem {
    background-color: var(--corange) !important;
}

    .newStylePopupContent .menuButtons .blueItem.dxm-hovered {
        background-color: var(--corange) !important;
    }

.findPopupControl.dxpcLite_XafTheme .dxpc-header, .findPopupControl.dxdpLite_XafTheme .dxpc-header {
    background-color: white;
}

.dxpcLite_XafTheme .dxpc-content {
    background-color: white;
}

table.dxgvFilterBar_XafTheme {
    padding-right: 30px;
    border: none;
}

#Content .dxgvPagerBottomPanel_XafTheme {
    padding-right: 30px;
}

.CardGroupBase > tbody > tr > td > .GroupHeader {
    background-color: transparent;
}

.dxnb-header {
    /*display: none;*/
}


.dxeListBoxItemSelected_XafTheme {
    background-color: var(--corange) !important;
}

.dxeListBoxItemHover_XafTheme {
    background-color: #f3f3f3 !important;
}

#Content .menuButtons .dxm-item {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.menuButtons .dxm-item.dxm-hovered {
    background-color: var(--corange) !important;
}

.dxmLite_XafTheme .dxmtb.dxm-horizontal .dxm-hovered {
    /*background: linear-gradient(to bottom, var(--orange) 0%, var(--orange) 100%) !important;*/
}

.dxm-item.blueItem:not(.dxm-disabled) {
    background-color: White !important;
    border-color: White !important;
}

    .dxm-item.blueItem:not(.dxm-disabled) .dxm-content {
        background-color: White !important;
    }

.dxm-item.accountItem.dxm-subMenu .dx-vam {
    padding-left: 10px;
}

.dxm-item.accountItem.dxm-subMenu .dxm-image.dx-vam {
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    max-height: 32px;
    max-width: 32px;
}

.dxgvCSD {
    height: 600px !important;
}

td.xafToggleBar, td.xafNavToggleConteiner {
    /* Disabled by default */
    display: none;
}

.ToggleNavigationActiveImage, .ToggleNavigationImage {
    margin: 0;
}

ul.dxnb-content.dxnb-left {
    padding-bottom: 10px !important;
}

.Caption {
    /*text-transform: capitalize;*/
}

.dxGridView_gvHeaderFilter_XafTheme.dxgv__hfb.dx-vam {
    /*display: none !important;*/
}

/* MAIN MENU */
#Content #headerTableDiv {
    background-color: #fff;
    position: relative;
    z-index: 1010;
    height: calc( var(--header-height) - 1px);
    border-bottom: 1px solid var(--grey-1);
}

#Content .menuButtons .dxm-item.dxm-hovered.dxm-disabled,
#Content .menuButtons .dxm-item.dxm-hovered.dxm-disabled a.dx {
    background-color: #ffffff !important;
}

#Content #headerTableDiv .xafHeaderMenu {
    display: block;
}

    #Content #headerTableDiv .xafHeaderMenu ul {
        margin-bottom: 4px;
        margin-top: 4px;
    }

#Content #headerTableDiv .dxmLite_XafTheme .dxm-main.dxmtb {
    padding: 0;
}

#Content #headerTableDiv .dxmLite_XafTheme .dxmtb.dxm-horizontal .dxm-hovered {
    box-shadow: unset;
    -webkit-box-shadow: unset;
}

#Content #headerTableDiv .dxmLite_XafTheme .menuLinks.dxm-horizontal.dxmtb .dxm-item {
    /*border: 1px solid white;*/
    /*padding: 3px 10px 3px 3px;*/
    border-radius: 20px;
}

    #Content #headerTableDiv .dxmLite_XafTheme .menuLinks.dxm-horizontal.dxmtb .dxm-item.dxm-hovered {
        background-color: #fff;
    }

    #Content #headerTableDiv .dxmLite_XafTheme .menuLinks.dxm-horizontal.dxmtb .dxm-item .dxalink,
    #Content #headerTableDiv .dxmLite_XafTheme .menuLinks.dxm-horizontal.dxmtb .dxm-item .dxalink .dx-vam {
        text-decoration: none;
    }

#Content #headerTableDiv .dxmLite_XafTheme .dxm-popup {
    border: none;
    background-color: #414141;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,.4) !important; /* xaf also has an !important mark */
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.4) !important; /* xaf also has an !important mark */
}

    #Content #headerTableDiv .dxmLite_XafTheme .dxm-popup .dxm-item.dxm-hovered {
        background-color: #565656 !important; /* Collides with "#Content .dxm-popup .dxm-item.dxm-hovered" */
    }

#Content .paddings {
    padding: 0;
}

#viewSite {
    /*min-height: 703px;*/
    /*padding-top: var(--space-lg);*/
}

#Content .xafFooter {
    padding: var(--space-lg) 0 var(--space-md) calc(var(--left-menu-width) + var(--space-lg));
    font-size: 12px;
    font-weight: 300;
    width: auto;
    background-color: transparent;
}

    #Content .xafFooter.collapseMenu {
        width: calc(100% - 53px);
        margin-left: 53px;
    }


#Content .dxnbLite_XafTheme .dxnb-header,
#Content .dxnbLite_XafTheme .dxnb-headerCollapsed {
    border: none;
    padding: 12px 10px;
    background-color: #36393d;
    color: var(--white);
    border-bottom: 1px solid var(--dark-brown);
    display: flex;
    justify-content: space-between;
    /*text-transform: lowercase;*/
    font-weight: normal;
}

    .dxnbLite_XafTheme .dxnb-header,
    #Content .dxnbLite_XafTheme .dxnb-header::after,
    #Content .dxnbLite_XafTheme .dxnb-headerCollapsed::after {
        color: var(--white);
        display: inline-block;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 800;
    }

    #Content .dxnbLite_XafTheme .dxnb-header::after {
        content: "\f078";
    }

    #Content .dxnbLite_XafTheme .dxnb-headerCollapsed::after {
        content: "\f054";
    }

#Content .xafNav .dxnbLite_XafTheme {
    border: none !important; /* xaf also has an !important mark */
}


#Content .xafNav .dxnb-content {
    padding: 0;
    max-width: 80px;
}

#Content .xafNav .dxnbLite_XafTheme .dxnb-itemSelected .dxnb-link,
#Content .xafNav .dxnbLite_XafTheme .dxnb-largeSelected .dxnb-link {
    /*color: black;*/
}

#Content .xafNav .dxnbLite_XafTheme .dxnb-item.dxnb-itemHover,
#Content .xafNav .dxnbLite_XafTheme .dxnb-item.dxnb-itemHover a,
#Content .xafNav .dxnbLite_XafTheme .dxnb-largeHover,
#Content .xafNav .dxnbLite_XafTheme .dxnb-largeHover a,
#Content .xafNav .dxnbLite_XafTheme .dxnb-item.dxnb-itemSelected,
#Content .xafNav .dxnbLite_XafTheme .dxnb-item.dxnb-itemSelecte a {
    border-radius: 0;
    background-color: var(--orangeglow);
}

/* FORMS */
body {
    background-color: white;
}

#Content .white {
    background-color: inherit;
}

#Content .CardGroupBase {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #cccccc;
}

#Content .dxpnlControl_XafTheme {
    color: var(--dark-brown);
}

#Content .dxtc-spacer.dxtc-filler {
    max-width: 10px;
}

#Content .secondVerticalCardGroup {
    margin: 0;
}


#Content .dxrpHeader_XafTheme.GroupHeader .dxrpHCW {
    /*background-color: #f0f0f0;*/
    padding: 9px 38px 9px 9px;
}

#Content .CardGroupBase .dxrpHeader_XafTheme.GroupHeader .dxrpHCW {
    padding: 0px;
}

#Content .dxrpHeader_XafTheme.GroupHeader.Label {
    padding: 0px 0px 5px 30px;
}

#headerDivWithShadow.Shadow {
    border-bottom: 2px solid #ddd;
    box-shadow: none;
}

#Content #menuInnerTable .XafVCap-Second {
    text-transform: none !important;
}

#Content #menuInnerTable .XafVCap-First:not(:empty) ~ .XafVCap-Second {
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

    #Content #menuInnerTable .XafVCap-First:not(:empty) ~ .XafVCap-Second::before {
        content: " \\\ ";
    }

#Content #menuInnerTable.width100.movedInnerTable .XafVCap-First:not(:empty) ~ .XafVCap-Second {
    font-size: 13px;
    color: #333;
}

#Content #menuInnerTable.width100.movedInnerTable .XafVCap-First,
#Content #menuInnerTable.width100.movedInnerTable .XafVCap-Second {
    position: relative;
    top: 1px;
}

#Content #menuInnerTable.width100.movedInnerTable .XafVCap-Second {
    line-height: 30px;
    color: #848484;
}

#Content .movedInnerTable #menuContainer {
    top: 0;
}


#Content .dialogContent .GroupHeader .Label {
    /*border-bottom: 2px solid var(--orange);*/
    padding: 10px 0 6px 0;
    font-size: 16px;
}

#Content .CardGroupContent .GroupHeader .Label,
#Content .LayoutTabContainer .GroupHeader .Label {
    margin-left: 0;
}

#Content .dxrpHeader_XafTheme.GroupHeader.Label {
    font-size: 16px;
    /*text-transform: capitalize !important;*/
    font-weight: 400;
}

#Content .Item.codeEditor .WebEditorCell span {
    font-family: monospace;
    white-space: pre;
    overflow: auto;
    background-color: inherit; /* overwrite highlight.js */
}

#Content .Item.multilineEditor .WebEditorCell {
    max-width: calc(100vw - 350px);
}

#Content .Item.multilineEditor2 .WebEditorCell {
    max-width: calc(100vw - 80px);
}

#Content .Item.multilineEditor .WebEditorCell,
#Content .Item.multilineEditor2 .WebEditorCell {
    border: 1px solid #ccc !important;
    padding: 8px;
}

    #Content .Item.multilineEditor .WebEditorCell textarea,
    #Content .Item.multilineEditor2 .WebEditorCell textarea {
        margin: -8px !important;
        padding: 8px !important;
        width: calc(100% + 7px) !important;
        font-family: monospace !important;
    }

#Content .xafContentWithoutMenu .Item.multilineEditor .WebEditorCell {
    max-width: calc(100vw - 140px);
}

/*Avoid background color of conditional appearance because now I show an Icon*/
#Content .WebEditorCell {
    background-color: transparent !important;
    word-wrap: anywhere;
}

/*Avoid background color of conditional appearance because now I show an Icon in detailviews*/
.Transparent-Background.dxeDisabled_XafTheme {
    background-color: var(--grey-2) !important;
    border-bottom: 1px solid var(--brown-grey);
    color: var(--dark-brown);
}

.Transparent-Background {
    background-color: transparent !important;
}

#Content .XafVCap-First {
    color: #4a4a4a;
}

#Content .Item.ListViewItem {
    width: 100%;
}

#Content div.Item td.dxePBMainCell {
    width: 100%;
}

.GroupHeader.Label {
    background-color: transparent !important;
}

#Content .LayoutTabContainer .Item {
    width: 100%;
}

#Content .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-sb {
    border: none;
}

#Content .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-sbHover {
    border-style: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #ccc;
}

#Content .dxgvPagerBottomPanel_XafTheme .dxmLite_XafTheme .dxm-item.dxm-selected {
    background-color: #ccc;
}

    #Content .dxgvPagerBottomPanel_XafTheme .dxmLite_XafTheme .dxm-item.dxm-selected span.dx-vam {
        color: #fff;
    }

#Content .dxgvPagerBottomPanel_XafTheme .dxmLite_XafTheme .dxm-item.dxm-hovered {
    background-color: #ccc !important; /* xaf also has an !important mark */
}

    #Content .dxgvPagerBottomPanel_XafTheme .dxmLite_XafTheme .dxm-item.dxm-hovered span.dx-vam {
        color: #fff;
    }

#Content .dxmLite_XafTheme .dxm-horizontal .dxm-separator b {
    display: none;
}

#Content .dxmLite_XafTheme .dxm-vertical .dxm-spacing,
#Content .dxmLite_XafTheme .dxm-popup .dxm-spacing {
    display: none;
}

#Content .dxpLite_XafTheme .dxp-button,
#Content .dxpLite_XafTheme .dxp-num {
    margin: 0;
    border-radius: 0;
    border-style: none;
}

#Content .dxpLite_XafTheme .dxp-button {
    padding: 6px 3px 5px 3px;
}

#Content .dxpLite_XafTheme .dxp-num {
    padding: 8px 10px 8px 10px;
}

#Content .dxpLite_XafTheme .dxp-pageSizeItem {
    padding: 0px 0px 0px 32px;
}


/* ACTION MENU */
#Content #menuAreaDiv.movedMenu.darkGray {
    background-color: white;
}

#Content #menuContainer {
    display: flex;
    justify-content: flex-end;
    /*   -ms-flex-align: rigjht; */
    float: initial !important; /* xaf adds it inline */
}

#Content .dxm-hasText.dxm-disabled span {
    color: #C8C8C8 !important;
}

#Content .dxmLite_XafTheme .menuButtons.menuButtons_XafTheme .dxeButtonEdit_XafTheme {
    border-radius: 0;
    width: 200px !important; /* xaf adds it inline */
    /*margin-right: 30px;*/
}

#Content .dxm-popup .dxm-item {
    border-radius: 0;
    border: none;
}

    #Content .dxm-popup .dxm-item.dxm-hovered {
        color: #222222;
        background-color: rgba(33,33,33,0.05) !important; /* xaf also has an !important mark */
    }

        #Content .dxm-popup .dxm-item.dxm-hovered .dxm-content {
            background-color: transparent !important; /* xaf also has an !important mark */
        }

#Content .dxmLite_XafTheme .menuLinks.dxm-horizontal.dxmtb .dxm-item {
    border-radius: 0;
    border: none;
}

    #Content .dxmLite_XafTheme .menuLinks.dxm-horizontal.dxmtb .dxm-item.dxm-hovered {
        color: #222222;
        background-color: rgba(33,33,33,0.05);
    }

#Content .dxmLite_XafTheme .dxm-tmpl .dxeFocused_XafTheme {
    border-color: #c6c6c6;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#Content .WebEditorCell .dxeTextBoxSys.dxeTextBox_XafTheme.dxeTextBoxDefaultWidthSys.dxeFocused_XafTheme,
#Content .dxeTextBoxSys.dxeTextBox_XafTheme.dxeTextBoxDefaultWidthSys.dxeFocused_XafTheme,
#Content .dxeButtonEditSys.dxeButtonEdit_XafTheme.dxeReadOnly_XafTheme.dxeFocused_XafTheme,
#Content .dxeButtonEditSys.dxeButtonEdit_XafTheme.xafLookupEditor.dxeFocused_XafTheme {
    border-color: #4a4a4a;
    outline: 0;
    box-shadow: none;
}

/* Properties page */
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-l .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-r .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-l .dxm-subMenu .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-r .dxm-subMenu .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-t .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-b .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-t .dxm-subMenu .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-b .dxm-subMenu .dxm-content {
    border-radius: 0;
}

    /* Properties page */
    #Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-l .dxm-content.dxm-hasText,
    #Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-r .dxm-content.dxm-hasText,
    #Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-l .dxm-subMenu.dxm-hasText .dxm-content,
    #Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-r .dxm-subMenu.dxm-hasText .dxm-content,
    #Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-t .dxm-content.dxm-hasText,
    #Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-b .dxm-content.dxm-hasText,
    #Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-t .dxm-subMenu.dxm-hasText .dxm-content,
    #Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-b .dxm-subMenu.dxm-hasText .dxm-content {
        border-radius: 0;
        float: inherit !important;
    }

/* Properties page */
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-l .dxm-hovered .dxm-content.dxm-hasText,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-r .dxm-hovered .dxm-content.dxm-hasText,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-l .dxm-hovered .dxm-subMenu.dxm-hasText .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-r .dxm-hovered .dxm-subMenu.dxm-hasText .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-t .dxm-hovered .dxm-content.dxm-hasText,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-b .dxm-hovered .dxm-content.dxm-hasText,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-t .dxm-hovered .dxm-subMenu.dxm-hasText .dxm-content,
#Content .dxmLite_XafTheme .dxmtb.dxm-horizontal.menuButtons .dxm-image-b .dxm-hovered .dxm-subMenu.dxm-hasText .dxm-content {
    border-radius: 0;
    border: none;
    margin: 0;
}



/* GRIDS */
#Content .GridView .dxgvTable_XafTheme {
    border: none;
}

    #Content .GridView .dxgvTable_XafTheme .dxgvHeader_XafTheme {
        background-color: white;
        color: var(--dark-grey);
        border-style: solid;
        border-width: 0 0 1px 0 !important; /* xaf adds it inline */
        border-color: #ddd;
        padding: var(--space-md) 5px;
    }

        #Content .GridView .dxgvTable_XafTheme .dxgvHeader_XafTheme:hover {
            background-color: #F8F8F8;
        }

        #Content .GridView .dxgvTable_XafTheme .dxgvHeader_XafTheme table td:first-child {
            width: 1px;
        }

        #Content .GridView .dxgvTable_XafTheme .dxgvHeader_XafTheme table td:nth-child(2) {
            width: unset !important; /* xaf adds it inline */
            text-align: unset !important; /* xaf adds it inline */
        }

        #Content .GridView .dxgvTable_XafTheme .dxgvHeader_XafTheme:last-of-type {
            padding-right: 30px;
        }


#Content .dxgvControl_XafTheme,
#Content .dxgvDisabled_XafTheme {
    border: none;
}

#Content .dxgvPagerBottomPanel_XafTheme,
#Content .dxgvPagerTopPanel_XafTheme {
    border: none;
}

#Content .LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-content {
    border: none;
}

#Content .dxgvDataRow_XafTheme.over td {
    background-color: #f3f3f3;
}

    #Content .dxgvDataRow_XafTheme.over td:hover {
        background-color: #f3f3f3;
        color: black;
    }

#Content .dxgvDataRow_XafTheme.dxgvSelectedRow_XafTheme td {
    background-color: #ccc !important;
}

#Content .dxeListBox_XafTheme .dxeListBoxItemRow_XafTheme .dxeListBoxItem_XafTheme.dxeListBoxItemSelected_XafTheme {
    background-color: var(--orange);
    color: #fff;
}

#Content .dxeListBox_XafTheme .dxeListBoxItemRow_XafTheme .dxeListBoxItem_XafTheme.dxeListBoxItemHovered_XafTheme {
    background-color: var(--orange) !important; /* xaf also has an !important mark */
    color: #fff;
}

#Content .dxgvEditFormDisplayRow_XafTheme td.dxgv,
#Content .dxgvDetailCell_XafTheme td.dxgv,
#Content .dxgvDetailRow_XafTheme.dxgvADR td.dxgvAIC,
#Content .dxgvInlineEditRow_XafTheme td.dxgv,
#Content .dxgvDataRow_XafTheme td.dxgv,
#Content .dxgvEmptyDataRow_XafTheme td.dxgv,
#Content .dxgvEditFormDisplayRow_XafTheme td.dxgv .WebEditorCell span,
#Content .dxgvDetailCell_XafTheme td.dxgv .WebEditorCell span,
#Content .dxgvDetailRow_XafTheme.dxgvADR td.dxgvAIC .WebEditorCell span,
#Content .dxgvInlineEditRow_XafTheme td.dxgv .WebEditorCell span,
#Content .dxgvEmptyDataRow_XafTheme td.dxgv .WebEditorCell span {
    border-style: solid !important; /* xaf also has an !important mark */
    border-width: 0 0 1px 0 !important; /* xaf adds it inline */
    border-color: #eee !important; /* xaf also has an !important mark */
    padding: var(--space-md);
    color: var(--dark-grey);
}

#Content .dxgvControl_XafTheme .HideConditionalAppearance Table {
    background-color: transparent !important; /*We delete the conditional formating of the nested grids*/
}

#Content .Transparent-Background .dxeEditArea_XafTheme.dxeDisabled_XafTheme {
    background-color: transparent !important; /*We delete the conditional formating detailviews in popups*/
}

#Content .HideConditionalAppearance { /*Keep the border in the grids when we apply a conditional appearance*/
    border-style: solid !important;
    border-width: 0 0 1px 0 !important;
    border-color: #eee !important;
    color: var(--dark-grey);
}

#Content .dxgvHeader_XafTheme, #Content .dxgvHeader_XafTheme table {
    color: var(--dark-brown);
    font-size: 14px;
}

#Content .dxgvDataRow_XafTheme td.dxgvIndentCell + td.dxgvCommandColumn_XafTheme.dxgv.dx-ac {
    padding-left: 0 !important;
}

#Content .dxgvDataRow_XafTheme td.dxgv .WebEditorCell span {
}

#Content .dxgvEmptyDataRow_XafTheme td.dxgv,
#Content .dxgvEmptyDataRow_XafTheme td.dxgv .WebEditorCell span {
    text-align: left;
}

#Content .dxgvGroupRow_XafTheme td.dxgvIndentCell {
    border-right: 0;
}

#Content .dxgvGroupRow_XafTheme td.dxgv {
    border-bottom: 0;
}

#Content .dxgvDataRowHover_XafTheme.over {
    background-color: #f3f3f3 !important;
    color: inherit !important;
}

#Content .dxgvDataRowHover_XafTheme {
    background-color: #ccc !important;
}

#Content .dxgvDataRow_XafTheme.dxgvDataRowHover_XafTheme td.dxgv {
    /*color: #fff !important;*/
}

    /*
#Content .dxeBase_XafTheme {
    color: inherit !important;
}*/

    #Content .dxgvDataRow_XafTheme.dxgvDataRowHover_XafTheme td.dxgv .dxeBase_XafTheme {
        color: inherit !important;
    }

#Content .dxgvDataRow_XafTheme.dxgvDataRowHover_XafTheme.over td.dxgv {
    color: inherit !important;
}

#Content .dxgvEditFormDisplayRow_XafTheme td:first-of-type,
#Content .dxgvDetailCell_XafTheme td:first-of-type,
#Content .dxgvDetailRow_XafTheme.dxgvADR td:first-of-type,
#Content .dxgvInlineEditRow_XafTheme td:first-of-type {
    padding-left: 30px;
}

#Content .dxgvDataRow_XafTheme td:first-of-type {
    padding-left: 0;
}

#Content .dxgvEditFormDisplayRow_XafTheme td:last-of-type,
#Content .dxgvDetailCell_XafTheme td:last-of-type,
#Content .dxgvDetailRow_XafTheme.dxgvADR td:last-of-type,
#Content .dxgvInlineEditRow_XafTheme td:last-of-type,
#Content .dxgvDataRow_XafTheme td:last-of-type {
    padding-right: 30px;
}

/* TABS */

.dxtc-activeTab::after {
    content: " ";
    display: block;
    height: 15px;
    width: 100%;
    background-color: var(--orange);
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    height: 3px;
    top: -2px;
}

#Content .LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-leftIndent {
    border-left: none;
}

#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tab,
#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab {
    background-color: transparent;
    padding: 0;
    margin-right: var(--space-md);
    overflow: visible;
    border: 0 !important;
    /*text-transform: uppercase;*/
}

    #Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tab,
    #Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab,
    #Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
        display: block;
        height: 24px !important;
    }

#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-strip {
    border-bottom: 1px solid var(--orange);
    /*text-transform: capitalize;*/
    font-weight: 600;
}

.dxtc-flex > .dxtc-stripContainer .dxtc-strip {
}

.LayoutTabbedGroupContainer .dxtcSys > .dxtc-stripContainer,
.LayoutTabbedGroupContainer .dxtc-flex .dxtc-sva {
    /* overflow: visible; */
}

#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tab img,
#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab img {
    display: none !important;
}

#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tab .dxtc-link,
#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
    padding: 0 2px;
}

#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab,
#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme.dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab.dxtc-lead,
#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme.dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab {
    background-color: transparent !important; /* xaf also has an !important mark */
}

#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tab {
    border-color: transparent !important;
}

#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
    color: var(--orange);
    border: 0;
}

#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tabHover,
#Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-tabHover .dxtc-link {
    background-color: transparent;
}

#Content .LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-leftIndent,
#Content .LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-spacer,
#Content .LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-rightIndent,
#Content .LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-sbWrapper,
#Content .LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-sbIndent,
#Content .LayoutTabbedGroupContainer .dxtc-top.dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-sbSpacer {
    border-bottom: none !important;
}

/* CHECKBOXES */
@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-ms-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-o-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

#Content .Layout .BCC .dxeDisabled_XafTheme {
    height: 24px;
}

#Content .Layout .BCC .CheckBox {
    height: 48px;
}

#Content .dxWeb_edtCheckBoxChecked_XafTheme,
#Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme,
#Content .dxWeb_edtCheckBoxGrayed_XafTheme,
#Content .dxWeb_edtCheckBoxGrayedDisabled_XafTheme,
#Content .dxWeb_edtCheckBoxUnchecked_XafTheme,
#Content .dxWeb_edtCheckBoxUncheckedDisabled_XafTheme {
    height: 14px;
    width: 14px;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    border-color: var(--dark-grey);
    background: none;
    font-size: 14px;
}

#Content .WebEditorCell .dxWeb_edtCheckBoxChecked_XafTheme,
#Content .WebEditorCell .dxWeb_edtCheckBoxCheckedDisabled_XafTheme,
#Content .WebEditorCell .dxWeb_edtCheckBoxGrayed_XafTheme,
#Content .WebEditorCell .dxWeb_edtCheckBoxGrayedDisabled_XafTheme,
#Content .WebEditorCell .dxWeb_edtCheckBoxUnchecked_XafTheme,
#Content .WebEditorCell .dxWeb_edtCheckBoxUncheckedDisabled_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayed_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayedDisabled_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxUnchecked_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxUncheckedDisabled_XafTheme {
    height: 20px;
    width: 20px;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
}


#Content .RadioButton > tbody > tr > td > span {
    /*Override border radius for fake radio buttons*/
    border-radius: 30px !important;
}

#Content .dxWeb_edtCheckBoxChecked_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme {
    background-color: transparent;
}

#Content .dxWeb_edtCheckBoxGrayed_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayed_XafTheme {
    background-color: transparent;
}

    #Content .dxWeb_edtCheckBoxChecked_XafTheme::before,
    #Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
    #Content .dxWeb_edtCheckBoxGrayed_XafTheme::before,
    #Content .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before,
    #Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme::before,
    #Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
    #Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayed_XafTheme::before,
    #Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before {
        line-height: 1em;
        display: inline-block !important; /* xaf has an !important mark for .dx-not-acc */
        font-family: 'Font Awesome 5 Pro';
    }

    #Content .dxWeb_edtCheckBoxChecked_XafTheme::before,
    #Content .dxWeb_edtCheckBoxGrayed_XafTheme::before,
    #Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme::before,
    #Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayed_XafTheme::before {
        color: var(--orange);
    }

#Content .RadioButton .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .RadioButton .dxWeb_edtCheckBoxGrayed_XafTheme::before,
#Content .Layout .BCC .RadioButton td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .Layout .BCC .RadioButton td.dxichCellSys .dxWeb_edtCheckBoxGrayed_XafTheme::before {
    color: transparent;
    background-color: var(--orange);
    border-radius: 8px;
    margin: 2px;
    width: 12px;
    height: 10px;
    left: 2px;
    top: 1px;
}


#Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before {
    color: #9a9a9a;
}

#Content .RadioButton .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .RadioButton .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before,
#Content .Layout .BCC .RadioButton td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .Layout .BCC .RadioButton td.dxichCellSys .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before {
    color: transparent;
    background-color: #9a9a9a;
    border-radius: 8px;
    margin: 2px;
    width: 12px;
    height: 10px;
    left: 2px;
    top: 1px;
}

#Content .dxWeb_edtCheckBoxGrayed_XafTheme::before,
#Content .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayed_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before {
    content: "\25AC" !important; /* xaf has an !important mark for .dx-not-acc */
    line-height: 0;
    position: relative;
    top: -5px;
    font-size: 10px;
    font-weight: 800;
}

.dxICheckBox_XafTheme {
    font-size: 17px;
}

.dxtlSelectedNode_XafTheme {
    background: 0;
}

#Content .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .dxWeb_edtCheckBoxChecked_XafTheme::before {
    content: "\f00c" !important; /* xaf has an !important mark for .dx-not-acc */
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -ms-animation: fadein .5s;
    -o-animation: fadein .5s;
    animation: fadein .5s;
    position: relative;
    top: -2px;
}

#Content .dxWeb_edtCheckBoxChecked_XafTheme::before {
    top: -2px;
}

#Content .TreeList .dxWeb_edtCheckBoxChecked_XafTheme::before {
    top: 0;
}

#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before {
    top: 1px;
    left: 0px;
}


#content .dxgvHeader_XafTheme.XCC .dx-wrap.dx-ac {
    padding: 0;
}

#Content .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before {
    font-weight: 400;
}

#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before {
    font-weight: 300;
}

#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayed_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before {
    padding-top: 3px;
    text-indent: 3px;
}

#Content .WebEditorCell .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .WebEditorCell .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .WebEditorCell .dxWeb_edtCheckBoxGrayed_XafTheme::before,
#Content .WebEditorCell .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayed_XafTheme::before,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before {
    content: "\f00c" !important;
    display: inline-block !important;
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    font-weight: 400;
}

#Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme.dxICheckBox_XafTheme.dxichSys::before {
    padding-top: 0;
}

#Content .dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme::before {
    padding-left: 3px;
}

#Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme,
#Content .dxWeb_edtCheckBoxGrayedDisabled_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayedDisabled_XafTheme,
#Content .dxWeb_edtCheckBoxUncheckedDisabled_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxUncheckedDisabled_XafTheme {
    border-color: #dad8d8;
}

#Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxCheckedDisabled_XafTheme,
#Content .dxWeb_edtCheckBoxGrayedDisabled_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxGrayedDisabled_XafTheme {
    background-color: #fff;
}

#Content .dxgvFilterBarCheckBoxCell_XafTheme .dxICheckBox_XafTheme {
    text-align: center;
}

#Content .dxeTAR.dxeBase_XafTheme .dxichTextCellSys,
#Content .dxeTAL.dxeBase_XafTheme[dir='rtl'] .dxichTextCellSys {
    padding: 0px 0 0px 4px;
    font-weight: 600;
    font-size: 12px;
}

#Content .WebEditorCell .dxeDisabled_XafTheme .dxichTextCellSys {
    /*color: #9a9a9a;*/
    color: black;
}

.dxgvGroupRow_XafTheme .dxgvIndentCell.dxgv {
    border-bottom-width: 0px !important;
}

.dxgvGroupRow_XafTheme td.dxgv /*, .dxgvFocusedGroupRow_XafTheme td.dxgv*/ {
    border-bottom-width: 1px !important;
}

#Content .dxgvBatchEditModifiedCell_XafTheme,
/*#Content .dxgvFocusedCell_XafTheme #Content .dxeEditArea_XafTheme,*/
#Content .dxgvBatchEditCell_XafTheme {
    box-shadow: none !important;
    border: 1px Solid #c6c6c6 !important;
}

.dxmLite_XafTheme.dxm-ltr .menuButtons .dxm-dropDownMode .dxm-popOut {
    border-left: 0 !important;
}

/*Menú superior izquierda, My Details y logoff*/
#Vertical_SAC_Menu_DXI0_T,
#Vertical_SAC_Menu_DXI1_T {
    color: black !important;
}

#Content .dxmLite_XafTheme .dxm-horizontal.menuLinks .notificationItem a.dxm-content.dx.dxalink {
    background-color: #fff;
    border: 1px Solid #c6c6c6;
    margin-top: -1px;
}

    #Content .dxmLite_XafTheme .dxm-horizontal.menuLinks .notificationItem a.dxm-content.dx.dxalink img {
        /*filter: invert(53%) sepia(96%) saturate(2739%) hue-rotate(2deg) brightness(104%) contrast(102%);*/
        display: none !important;
    }

    #Content .dxmLite_XafTheme .dxm-horizontal.menuLinks .notificationItem a.dxm-content.dx.dxalink:before {
        font-weight: 800;
        color: var(--orange);
        padding: 2px;
        /* QUITAR las siguientes líneas al activar FontAwesome_Replace() de main.js */
        font-family: 'Font Awesome 5 Pro';
        font-size: 20px;
        content: "\f0f3";
        padding: 10px 6px;
        display: inline-block;
    }

    #Content .dxmLite_XafTheme .dxm-horizontal.menuLinks .notificationItem a.dxm-content.dx.dxalink span.dx-vam {
        color: black !important;
        padding: 0 0 8px 6px;
    }

#Content .dxmLite_XafTheme .menuLinks.dxm-horizontal .notificationItem.dxm-item.dxm-hovered {
    border: none;
}

#Content .dxm-horizontal.dxm-autoWidth > ul,
#Content .dxm-horizontal.dxm-autoWidth > ul > li,
#Content .dxm-horizontal.dxm-noWrap > ul > li {
    display: inline-block;
}

#Content #xafHeaderMenu .dxm-item.dxm-hovered {
    background-color: white !important;
    border-color: transparent !important;
    color: var(--orange) !important;
}

#Content .dxmLite_XafTheme .menuButtons.dxm-horizontal.dxmtb .dxm-image-l .dxm-popOut {
    padding: 0px 0px 0px 3px;
    height: 33px !important;
}

@media (min-width: 600px) {

    #Content .LayoutTabContainer.LayoutTabContainerWithNestedFrame {
        padding-left: 0;
    }

    #Content .GroupContent.firstEditorContainer.JobInformation .Item {
        padding-left: 0;
        padding-right: 0;
    }

    #Content .GroupContent.lastEditorContainer.JobInformation .Item {
        padding-left: 0;
        padding-right: 0;
    }

    #Content .GroupContent.secondEditorContainer.JobInformation .Item {
        padding-left: 0;
        padding-right: 0;
    }
}

#Content .Item.ListViewItem {
    outline: none;
}

#Content .dxgvControl_XafTheme.GridView:focus {
    outline: none;
}

#Content .dxpLite_XafTheme .dxp-num.dxp-current {
    background-color: #ffffff !important;
    color: black !important;
    font-size: 12px !important;
    border-bottom: 3px solid var(--orange) !important;
    padding: 8px 2px 3px 2px;
    margin: 0 8px 5px 8px;
}

#Content .dxWeb_edtCheckBoxChecked_XafTheme.dxICheckBox_XafTheme.dxichSys::before,
#Content .dxWeb_edtCheckBoxGrayed_XafTheme.dxICheckBox_XafTheme.dxichSys::before {
    padding-left: 0;
    padding-top: 0;
}

#Content td.dxgv.dx-ar {
    text-align: left;
}

#Content table.dxgvTable_XafTheme td.dxgvHeader_XafTheme.dx-wrap {
    width: inherit !important;
}

.xafToggleBar > div {
    height: 60px;
    border-right: 1px solid #ddd;
    width: 4px;
}

#menuAreaDiv {
    margin-bottom: var(--space-lg);
}

    #menuAreaDiv .xafNavToggleConteiner {
        display: none;
    }

    #menuAreaDiv .xafToggleBar > div {
        display: none;
    }

    #menuAreaDiv .xafToggleLogo img {
        width: 290px;
        margin: 12px 0 12px 38px;
        display: none;
    }

    #menuAreaDiv.movedMenu .xafToggleLogo img {
        display: inherit;
    }

    #menuAreaDiv.movedMenu #menuInnerTable {
        padding: 0 var(--space-md);
        height: var(--header-height);
    }

    #menuAreaDiv.movedMenu .xafToggleBar > div {
        display: block;
    }

.alert-bell {
    display: table-cell;
}

.media-title {
    display: none;
}

#Content #menuCell {
    display: block;
    /*width: calc(100vw - 150px);*/
    width: 85%; /*Si se descomenta no se colapsan correctametne los botones de flexxworkspaces*/
    float: right;
    /*padding: var(--space-sm) 0;*/
    padding-top: 18px;
}

#Content .movedInnerTable #menuCell {
    padding: var(--space-xs) 0;
    width: 75%;
}

.dxgvControl_XafTheme.GridView .dxAC {
    border-left: none;
}

#Content #menuCell #menuContainer ul.dx.dxm-image-l {
    float: right;
    /*margin-right: 10px;*/
    width: auto !important;
    /*display: flex;*/
}

#Content div.dxmLite_XafTheme li.dxm-item.dxm-dropDownMode.dxm-noImage.dxm-ami.dxm-hovered {
    min-width: 35px !important;
}

.dxgvEditFormDisplayRow_XafTheme td.dxgv, .dxgvInlineEditRow_XafTheme td.dxgv, .dxgvDataRow_XafTheme td.dxgv {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.LogoOffice {
    margin-top: -55px;
    padding-left: 30px;
}

.DivPublishMethod {
    margin-left: 20%;
}

.AccountText1 .StaticText {
    font-weight: bold !important;
    /*color:black;*/
}

.AccountText2 .StaticText {
    color: black;
}

.AccountText3 .StaticText {
    font-weight: bold !important;
    color: red !important;
}

.FloatRight {
    float: right !important;
}

.TextColorBlack .StaticText {
    /*color:black !important;*/
    font-weight: bold !important;
}

#Vertical_UPEI {
    float: left !important;
    width: 100% !important;
}

.CardGroupBase {
    border: none !important;
}

.dxm-item.accountItem.dropDownSecurity.dxm-subMenu .dx-vam {
    text-decoration: none !important;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 18px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 5px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: var(--orange);
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--orange);
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

#Vertical_SAC_Menu_DXI2_T {
    color: black !important;
}

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        background-color: var(--orange);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.LogonMainTable.LogonContentWidth .menuButtons.dxm-main.dxmtb .dxm-item {
    font-size: 14px;
}


.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: var(--grey-1);
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table;
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal {
    top: 0 !important;
    height: 100vh !important;
}


    .modal .btn {
        border: 1px solid #c6c6c6 !important;
        padding: 9px 21px 8px 22px;
    }

        .modal .btn:active {
            border: none;
        }

        .modal .btn:focus {
            box-shadow: none;
        }

        .modal .btn.btn-primary {
            background-color: var(--orange);
        }

            .modal .btn.btn-primary:hover {
                background-color: var(--orange);
            }

        .modal .btn.btn-danger {
            background-color: #f86c6b;
        }

            .modal .btn.btn-danger:hover {
                background-color: #f64846;
            }

        .modal .btn.btn-warning {
            background-color: #ffc107;
        }

            .modal .btn.btn-warning:hover {
                background-color: #e0a800;
            }

        .modal .btn.btn-info {
            background-color: #63c2de;
        }

            .modal .btn.btn-info:hover {
                background-color: #43b6d7;
            }

        .modal .btn.btn-success {
            background-color: #4dbd74;
        }

            .modal .btn.btn-success:hover {
                background-color: #3ea662;
            }

        .modal .btn.btn-secondary,
        .modal .btn.btn-default {
            background-color: white;
        }

            .modal .btn.btn-default:hover,
            .modal .btn.btn-secondary:hover {
                background-color: #ccc;
            }

    .modal .modal-dialog {
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
        -o-transition: opacity 0.3s linear, right 0.3s ease-out;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }

    .modal.fade .modal-dialog {
        transform: translate(100%, 0) !important;
    }

    .modal.fade.show {
        z-index: 2502;
    }

        .modal.fade.show .modal-dialog {
            transform: translate(0, 0) !important;
        }

    .modal .modal-dialog .modal-content .modal-header button {
        float: right;
        margin-left: 10px;
    }

#Content table#menuInnerTable li.dxm-item.notificationItem.dxm-hovered {
    background-color: white !important;
}

    #Content table#menuInnerTable li.dxm-item.notificationItem.dxm-hovered a.dxm-content.dxm-hasText.dxalink {
        background-color: #ccc !important;
    }


#Content .dxtlControl_XafTheme .dxtlDataTable {
    border: none;
}

    #Content .dxtlControl_XafTheme .dxtlDataTable thead th {
        border-bottom: 1px solid #ddd;
    }

    #Content .dxtlControl_XafTheme .dxtlDataTable tbody tr.dxtlNode_XafTheme td.dxtl {
        padding: var(--space-md);
    }

#Content .dxtlNode_XafTheme td.dxtl {
    padding: 5px 10px;
}

#Content .dxtlControl_XafTheme .dxtlDataTable tbody tr td.dxtl__B0 {
    border-style: none !important;
    border-bottom: 1px solid #eee !important;
}

#Content .dxtlIndentWithButton_XafTheme {
    padding: 7px 4px;
}

#Content .dxtlSelectionCell_XafTheme {
    border: none;
}

#Content .dxtlHeader_XafTheme {
    border: none;
    background: #ffffff;
    padding: 6px 10px 5px;
    font-weight: 300;
}

body .daterangepicker {
    border-radius: 0;
    display: none;
    box-shadow: 1px 1px 3px black;
}

#Content .dxrpControl_XafTheme .WebEditorCell textarea {
    min-height: 70px;
    resize: vertical;
}

#Content .dxgvFocusedCell_XafTheme {
    -webkit-box-shadow: none;
}

.WizardPageTitle > .StaticText {
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: darkgray;
}


.ExecutedCommandsClass {
    white-space: pre;
    font-family: Lucida Console;
    font-size: 12px;
}

.PopupMessageClass {
    padding: 15px;
}

.dxpc-contentWrapper .dxgvCustomization_XafTheme {
    height: 300px !important;
    width: 250px !important;
}

#Content .JobInformation {
    width: 78% !important;
}

    #Content .JobInformation .Caption {
        padding-bottom: 5px;
    }

  #Content .JobInformation .WebEditorCell {
    padding-top: 3px;
    padding-right: 3%;
    white-space: normal;
  }

    #Content .JobInformation .FirstInformation {
        margin-top: 15px;
    }

/* #Content .JobInformation .SecondInformation {
        margin-top: 45px;
    }*/


#Content .app-body.job-steps-body .hidden {
    display: none;
}

#Content .app-body.job-steps-body table {
    margin-bottom: 0 !important;
}

    #Content .app-body.job-steps-body table tbody > tr > td:first-child {
        width: 2%;
        white-space: nowrap;
    }

#Content .app-body.job-steps-body span.fa {
    transition: all 400ms;
}

    #Content .app-body.job-steps-body span.fa:before {
        font-size: 13px;
        color: black;
    }

    #Content .app-body.job-steps-body span.fa:hover {
        cursor: pointer !important;
        color: #333;
    }

#Content .app-body.job-steps-body .tr-selected > td:not(:first-child) {
    background-color: #337ab7;
    color: #ffffff;
}

#Content .app-body.job-steps-body .cell-label {
    color: rgb(74, 74, 74);
    font-size: 11px;
    color: #4a4a4a;
    font-weight: 300;
}

#Content .app-body.job-steps-body .cell-value {
    display: block;
}

#Content .app-body.job-steps-body .table-condensed th {
    padding: var(--space-md) var(--space-md) var(--space-md) 0;
}

#Content .app-body.job-steps-body .table-condensed {
    width: 100%;
}

    #Content .app-body.job-steps-body .table-condensed > thead > tr > th {
        border: 0;
    }

    #Content .app-body.job-steps-body .table-condensed > tbody > tr {
        padding: 0;
    }

        #Content .app-body.job-steps-body .table-condensed > tbody > tr > td {
            padding: var(--space-md) var(--space-md) var(--space-md) 0;
            cursor: pointer;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }


#Content .app-body.job-steps-body table > tbody > tr.step-detail {
    border-bottom: none;
    border-top: none;
    background-color: var(--grey-3);
}

#Content .app-body.job-steps-body tr.no-detail.showing-detail {
    background-color: var(--grey-3) !important;
}

#Content .app-body.job-steps-body table > tbody > tr.step-detail > td {
    cursor: text;
}

#Content .app-body.job-steps-body table > tbody > tr.step-detail td {
    border-bottom: none;
    border-top: none;
}

#Content .dxeButtonEditButton_XafTheme {
    padding: 6px 10px;
}

.dialogContent #headerTable .dxm-horizontal.menuButtons.menuButtons_XafTheme ul {
    display: flex;
}

#Content .dxmLite_XafTheme .dxm-main.menuButtons {
    padding: 0;
    float: right;
}

#Content .XafFileDataAnchor {
    border: none !important;
}

#Content .dxlbd .dxeI img, .dxeButtonEditSys .dxeIIC img {
    max-width: 25px; /*Icons in row filter*/
}

/* Rounded big combos and buttons */
#Content .menuButtons .dxm-item,
.menuButtons_XafTheme .dxm-item,
.nf_rightMenu .menuLinks > .dx > .dxm-item,
.modal .btn,
#Content .app-body.job-steps-body .show-cmdlet-action,
#content .menuLinks_XafTheme .dxm-item,
.dxbButton_XafTheme,
.dxgvPagerBottomPanel_XafTheme .dxpLite_XafTheme .dxp-comboBox {
    margin: var(--space-sm);
    padding: 5px;
    border: solid 1px var(--dark-grey) !important;
    border-radius: 6px !important;
    background-color: var(--white);
}

.menuLinks > .dxm-image-l > .dxm-item.dropDownNew {
    /*New button in nested listviews into a wizard*/
    margin: var(--space-sm);
    padding: 5px;
    border: solid 1px var(--dark-grey) !important;
    border-radius: 6px !important;
    background-color: var(--white);
}

/*    #Content .menuButtons .FullTextClass .dxm-item,
    .menuButtons_XafTheme .dxm-item,
    .nf_rightMenu .menuLinks > .dx > .dxm-item,
    .modal .btn
{
    margin: var(--space-sm);
    padding: 5px;
    border: 0 !important;
    border-radius: 6px !important;
    background-color: var(--white);
}*/

.dxgvPagerBottomPanel_XafTheme .dxpLite_XafTheme .dx {
    margin-top: 20px;
}

#Content .app-body.job-steps-body .show-cmdlet-action {
    margin: 0 var(--space-md);
    min-width: max-content;
}

#content .menuLinks_XafTheme .dxm-item {
    margin-bottom: var(--space-sm);
}

.menuLinks_XafTheme .dxm-item:first-child {
    margin-left: 0;
}

/*.dxbButton_XafTheme img {
    display: none !important;
}*/

#Content .app-body.job-steps-body .show-cmdlet-action {
    width: fit-content;
    padding: 15px;
    cursor: pointer;
}

    #Content .app-body.job-steps-body .show-cmdlet-action i {
        display: none;
    }

.modal .btn {
    padding: 10px;
}

.dxgvStatusBar_XafTheme div.dxbButton_XafTheme {
    padding: 11px 14px;
    margin-left: var(--space-md);
}

.dxbButton_XafTheme.dxb-outline,
.dxbButton_XafTheme.dxb-outline.dxbButtonHover_XafTheme,
.dxbButton_XafTheme.dxb-outline.dxbButtonPressed_XafTheme {
    color: var(--dark-brown);
}

#Content .menuButtons_XafTheme .dxm-item.dxm-tmpl,
#Content .menuButtons_XafTheme .dxm-item.dxm-tmpl:hover {
    padding: 1px;
}

    #Content .menuButtons_XafTheme .dxm-item.dxm-tmpl input,
    #content .dxeButtonEditButtonHover_XafTheme,
    #content .dxeButtonEditButtonPressed_XafTheme,
    .nf_rightMenu .dxeButtonEdit_XafTheme td.dxic,
    #Content .TemplatedItem .dxeButtonEdit_XafTheme,
    #Content .nf_rightMenu .dxmLite_XafTheme .dxm-tmpl .dxeFocused_XafTheme,
    #headerTable .dxeButtonEditButtonHover_XafTheme {
        background-color: transparent;
        border-color: transparent;
    }

#Content .dialogContent #headerTable .dxm-horizontal.menuButtons.menuButtons_XafTheme ul .dxm-item.blueItem a {
    background-color: transparent !important;
}


#Content .nf_rightMenu .TemplatedItem,
#Content .nf_rightMenu .TemplatedItem .dxeButtonEdit_XafTheme {
    width: 100%;
}

    #Content .nf_rightMenu .TemplatedItem .dxeButtonEditButton_XafTheme {
        margin-right: 6px;
    }

#Content .dxmLite_XafTheme .menuButtons .dxm-item.dxm-disabled,
#Content .app-body.job-steps-body .show-cmdlet-action.disabled,
#Content .dxbButton_XafTheme.dxbDisabled_XafTheme {
    border-color: var(--grey-1) !important;
    background-color: transparent !important;
    color: var(--grey-1);
}

#Content .menuButtons .dxm-item:hover,
.menuButtons_XafTheme .dxm-item:hover,
.modal .btn:hover,
#Content .app-body.job-steps-body .show-cmdlet-action:hover,
.menuLinks_XafTheme .dxm-item:hover {
    border-color: var(--black) !important;
}


/* Hovered buttons */
#Content .menuButtons .dxm-item.dxm-hovered,
#Content .menuButtons .dxm-item.dxm-hovered a.dx,
#Content .dialogContent #headerTable .dxm-horizontal.menuButtons.menuButtons_XafTheme ul .dxm-item.dxm-hovered,
.modal .btn:hover,
#Content .app-body.job-steps-body .show-cmdlet-action:hover,
.menuLinks_XafTheme .dxm-item.dxm-hovered,
#Content .date-range-li:hover {
    background-color: var(--grey-2) !important;
}

/* On scroll fix */
#Content .movedInnerTable .dxmLite_XafTheme .menuButtons .dxm-item {
    margin-bottom: var(--space-xs);
    margin-top: var(--space-xs);
}

.dxp-pageSizeItem label {
    padding: var(--space-sm);
}



.dialogContent .LayoutTabbedGroupContainer > .dxtcLite_XafTheme.dxtc-top > .TabControlContent,
.dialogContent .LayoutTabbedGroupContainer > .dxtcLite_XafTheme.dxtc-top > .dxtc-stripContainer,
.dialogContent {
    margin: 0;
    margin-right: 15px;
}

.GroupHeader .Label, .LayoutTabContainer .MasterDetailSplitter .GroupHeader .Label {
    padding-left: 0 !important;
    display: inline-block;
}



#Content .CardGroupContent {
    padding: var(--space-lg) 0;
}

#Content .Item {
    margin-bottom: var(--space-lg);
    padding-left: 0px;
}

#Content .CardGroupContent .Caption {
    color: var(--black);
    font-weight: 600;
    font-size: 12px;
}

#Content .Caption:empty {
    display: none;
}

.movedInnerTable #breadcrumb {
    position: absolute;
    line-height: 0;
}

#breadcrumb .XafVCap-First,
#breadcrumb .XafVCap-Second {
    display: inline;
    font-size: 18px;
    color: var(--orange);
    /*text-transform: uppercase;*/
    display: inline;
}

#Content .dxpLite_XafTheme .dxp-pageSizeItem {
    /*text-transform: capitalize;*/
}

/* Text input */
#Content .dxeTextBox_XafTheme,
#Content .dxeButtonEdit_XafTheme,
body.dialog .dxeButtonEdit_XafTheme,
body.dialog .dxeTextBox_XafTheme {
    border: 0px solid transparent;
    border-bottom: 1px solid var(--brown-grey);
    color: var(--dark-brown);
    background-color: var(--grey-2);
    height: 39px;
}

#headerContent .dxeButtonEdit_XafTheme {
    border-color: transparent !important;
    background-color: transparent;
}

#Content #headerTable .dxm-tmpl .dxeFocused_XafTheme,
#Content #menuContainer .dxm-tmpl .dxeFocused_XafTheme,
#headerTable .dxeButtonEdit_XafTheme,
#menuContainer .dxeButtonEdit_XafTheme,
#Content .headerTable .dxeFocused_XafTheme {
    border-color: transparent;
    background-color: inherit;
}

    #headerTable .dxeButtonEdit_XafTheme:hover,
    #Content .headerTable .dxeFocused_XafTheme {
        background-color: var(--grey-2);
        border-radius: 6px;
    }

#Content .dxeTextBox_XafTheme input,
#Content .dxeButtonEdit_XafTheme input,
body.dialog .dxeTextBox_XafTheme input,
body.dialog .dxeButtonEdit_XafTheme input,
.dxeButtonEdit_XafTheme input {
    background-color: inherit;
}

#Content .dxeDisabled_XafTheme {
    /*border: 0;*/
}

#Content .dxeEditArea_XafTheme.dxeDisabled_XafTheme {
    color: var(--dark-brown);
}

#Content .dxeFocused_XafTheme {
    border: 1px solid var(--brown-grey);
}

.dxeTextBox_XafTheme td.dxic,
.dxeButtonEdit_XafTheme td.dxic {
    padding: var(--space-sm) var(--space-md) !important;
    height: 29px;
}

.nf_rightMenu .dxeButtonEdit_XafTheme td.dxic {
    padding: 5px 2px 4px 7px !important;
}

.dashboardinfo-body .main .container-fluid {
    padding: 0;
}

/* Horizontal Menu separator */
#Content .ACH .dxmLite_XafTheme .dxm-horizontal .dxm-spacing,
#Content .dxmLite_XafTheme .dxm-horizontal .dxm-separator {
    /* No menu separators we use padding instead */
    display: none;
}

#Vertical_navigation {
    height: 100% !important;
    padding: 0 !important;
    background-color: var(--dark-brown);
    position: relative;
    bottom: 0;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    #Vertical_navigation::before {
        display: block;
        background-color: var(--dark-brown);
        position: fixed;
        width: var(--left-menu-width);
        height: 100vh;
        top: 0;
        z-index: -1;
        content: ' ';
    }

    #Vertical_navigation::-webkit-scrollbar {
        display: none;
    }

    #Vertical_navigation #Tabla_Buscador {
        /*display: none;*/
    }

#Vertical_UPNC ul,
body #Vertical_navigation .xafContent,
body #Vertical_navigation .dxnbLite_XafTheme .dxnb-item {
    background-color: inherit;
}

#Vertical_UPNC .dxnb-item .dx-vam {
    display: block !important;
    font-size: 10px;
    text-align: center;
    margin: 0 !important;
}

/* Side menu Icons */
#Vertical_UPNC .dxnb-item .dxnb-img,
.dxnb-img {
    width: 24px !important;
    height: 24px !important;
    display: block;
    margin: 0 auto !important;
}

.xafNav.xafNavVisibleManually:not(.uncollapsingMenu):not(.collapsingMenu) #Vertical_NC > ul {
    width: var(--left-menu-width);
}

#Content .xafNav .dxnbLite_XafTheme .dxnb-item {
    border: 0;
    color: var(--white);
    padding: var(--space-md) 0;
    width: calc(85px - --space-md * 2);
}

/* Loading */
.dxlpLoadingPanel_XafTheme, .dxlpLoadingPanelWithContent_XafTheme {
    border-radius: 7px;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.11);
}

.dashboardinfo-body .h-75 {
    height: 70% !important;
}

.menuLinks_XafTheme .dxm-item a.dx > span,
.menuLinks_XafTheme .dxm-item a.dx {
    color: var(--dark-brown);
}

.menuButtons_XafTheme a.dx {
    color: var(--dark-brown) !important;
}

.dxm-hovered .menuButtons_XafTheme a.dx {
    color: var(--color-white) !important;
}

#Content .dxm-hasText span, #Content .dxgv.dx-al
#Content .WebEditorCell span {
    /* Inline color red overrides */
    color: var(--dark-grey) !important;
}

.no-detail td.name-column::before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 800;
    content: "\f054";
    color: var(--dark-grey);
    display: block;
    height: 100%;
    float: left;
    margin-right: var(--space-md);
    margin-bottom: var(--space-md);
}

#Content .app-body.job-steps-body .table-condensed > tbody > tr > td.name-column {
    padding-left: var(--space-md);
}

.job-steps-body .no-detail.showing-detail td.name-column::before {
    content: "\f078";
}

.job-steps-body .no-detail.showing-detail td {
    font-weight: normal;
}

.job-steps-body tr > td.name-column {
    width: 46%;
}

.job-steps-body .tr td.name-column:first-of-type {
}

.progress {
    width: 61px;
    max-width: 80px;
    border-bottom: 7px solid var(--grey-1);
}

.progress,
.progress-bar {
    height: 26px;
}

.progress-bar {
    border: 0;
    border-bottom: 7px solid var(--brigth-orange);
    overflow: visible;
}

    .progress-bar span {
        font-size: 16px;
        color: var(--dark-brown);
        width: 61px;
        margin: 0 auto;
        min-width: 64px;
        display: block;
        text-align: center;
    }

#Content div.Item td.dxePBMainCell {
    border-bottom: 7px solid var(--grey-1);
}

.dxeProgressBarIndicator {
    background-color: transparent !important;
    border-bottom: 7px solid var(--brigth-orange);
    position: relative;
    top: 7px;
}

#Content .dxeProgressBar {
    border: 0;
    padding: 14px 0;
    margin: 0 auto;
    font: inherit;
    width: 60% !important;
    background: transparent !important;
}

#Content .dxpbVC {
    font-size: 16px;
    display: block;
    background-color: transparent;
    color: var(--dark-brown);
}

#Content .LayoutTabContainer {
    padding: var(--space-md) 0 0 0;
}

#Content .Item.JobPercentageClass {
    width: 103px !important;
    height: 72px !important;
    background: var(--white) url("Images/Endpoint.svg") no-repeat scroll center !important;
    background-size: auto 100%;
    margin: 0;
    padding: 0;
}

#Content .JobImageDiv {
    min-width: 200px;
}

    #Content .JobImageDiv .ProgressImage {
        display: none;
    }

.estimated-time-detail .DivSteps {
    display: flex;
}

.divProgressAndDesc {
    display: flex;
    padding-left: 44px;
}

    .divProgressAndDesc .description-detail {
        padding: 0 var(--space-xl);
        max-width: 407px;
    }

.estimated-time-detail div:only-child {
    -ms-grid-row-span: 2;
}

#Content .app-body.job-steps-body .table-condensed > tbody > tr > td.show-cmdlet-detail {
    padding-right: 0;
    vertical-align: bottom;
}

.dialog.headerTable {
    background: none;
    border: 0;
    font-size: 12px;
}

/* Expanding Rows */
#Content .dxgvGroupRow_XafTheme {
    background-color: inherit;
    color: var(--dark-grey);
}

    #Content .dxgvGroupRow_XafTheme td {
        border-bottom: 1px solid var(--orange) !important;
    }

        #Content .dxgvGroupRow_XafTheme td:first-child {
            border-color: transparent !important;
        }

/* Ugly menubar ghost space fix */
#menuContainer > tbody > tr > td:nth-child(2) {
    width: 1px;
}

#menuContainer .vertical-menubar {
    display: inline-block;
}


#Content .dxgvControl_XafTheme .dxgvHSDC + .dxgvCSD,
#Content .dxgvControl_XafTheme .dxgvHSDC {
    border: 0;
}

.dxgvControl_XafTheme .dxgvFSDC {
    border: 0;
}

#FindDialog_PopupActions {
    display: flex;
    justify-content: flex-end;
}

#popupControlsContainer .dxpc-headerContent {
    padding: 0;
}

.dxgvAdaptiveGroupPanel_XafTheme, .dxgvGroupPanel_XafTheme {
    border: 0;
}

.dxgvHeader_XafTheme {
    padding: 0 var(--space-sm);
    border-color: var(--dark-brown)
}

.JobPercentageClass {
    width: auto !important;
}

#Content .JobDurationClass {
    margin-left: var(--space-md);
    color: var(--black);
    padding: 0;
    display: flex;
    align-items: flex-end;
    height: 64px;
}

    #Content .JobDurationClass .Item {
        margin: 0;
    }

#main-logo {
    margin-left: var(--space-lg);
    display: block;
    padding-top: 6px;
}

.powered-by-caption {
    color: var(--dark-brown);
    /*text-transform: capitalize;*/
    font-size: 14px;
    font-weight: normal;
    margin-right: var(--space-xs);
}

#footer > div {
    display: inline-block;
}

#Vertical_navigation .dxnbLite_XafTheme .dxnb-gr.dxnb-last .dxnb-header,
#Vertical_navigation .dxnbLite_XafTheme .dxnb-gr.dxnb-last .dxnb-headerCollapsed {
    padding: 8px 10px;
}

    #Vertical_navigation .dxnbLite_XafTheme .dxnb-gr.dxnb-last .dxnb-header > .dxnb-img,
    #Vertical_navigation .dxnbLite_XafTheme .dxnb-gr.dxnb-last .dxnb-headerCollapsed > .dxnb-img {
        margin: 0 !important;
    }

#Vertical_pnlWarningMessage,
.Vertical_pnlWarningMessageNested,
#FindDialog_pnlWarningMessage,
#Dialog_pnlWarningMessage {
  /* Override inline styles */
  margin: var(--space-md) 0;
  color: #8a6d3b;
  background-color: #fcf8e3;
  padding: 10px 10px 10px 20px;
  border: 1px solid #faebcc;
  border-radius: 4px;
}

#Vertical_pnlInfoMessage,
.Vertical_pnlInfoMessageNested {
    margin: var(--space-md) 0;
    color: #8a6d3b;
    padding: 10px 10px 10px 20px;
    border: 1px solid #faebcc;
    border-radius: 4px;
}

#Content .ErrorMessage.WarningMessage{
    display: flex;
}

#Dialog_pnlWarningMessage {
    margin-right: var(--space-md);
}

#headerTable .menuLinks_XafTheme .dxm-hovered a.dx > span {
    color: var(--orange) !important;
}

.DiagnosisLinkText {
    margin: var(--space-md) 0;
    color: #8a6d3b;
    padding: 10px 10px 10px 20px;
    border: 1px solid #faebcc;
    border-radius: 4px;
    font-size: small;
    font-weight: 600;
}

.DiagnosisLink {
    color: #8a6d3b;
    font-size: small;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

#Content .CenteredLink {
    padding-top: 20px;
}

/*Fix width of the scheduled plannifications*/
.ScheduleFromClass {
    width: 240px !important;
}

.ScheduleToClass {
    width: 85px !important;
}

#Content .HidenTextPropertyEditorClassInitializing .dxeEditArea_XafTheme {
    color: var(--grey-2);
}

/*HidenTextPropertyEditorClass*/
.HidenTextPropertyEditorClass {
    display: flex;
    position: relative;
}

#Content .HidenTextPropertyEditorImageClass input.dxeEditArea_XafTheme {
    color: white;
}

.HidenTextPropertyEditorImageClass {
    cursor: pointer;
    position: absolute;
    right: 5px;
    margin-top: 8px;
    width: 25px;
}

.custominfoclass::before {
    content: "\f05a";
}

.custominfoclass {
    cursor: pointer;
    margin-left: 5px;
}


.ASPxLookupPropertyEditorWithLinkButtonClass {
    width: 14px;
    margin: 0px;
    margin-left: 10px;
    border: none !important;
    padding: 0px;
}

.ASPxLookupPropertyEditorWithLinkClass {
    display: flex;
}


#menuContainer span#date-range {
    font-size: 14px;
    color: var(--dark-grey);
    top: -3px;
}

#pick-date {
    margin-left: 15px;
}

.dxgvFilterRow_XafTheme td {
    background-color: var(--grey-2);
}

#Vertical_UPVH {
    margin-top: var(--space-md);
}

code[class*="language-"], pre[class*="language-"] {
    overflow: auto;
    word-wrap: normal;
    word-break: break-word;
    padding: var(--space-sm);
    white-space: pre-wrap;
    hyphens: none;
    tab-size: 4;
    text-align: left;
}

.modal-body .app-body {
    padding-right: var(--space-md);
}

.ChipButtonSelected {
    /*background-color: var(--grey-1) !important;*/
    margin: 4px;
    margin-bottom: 3px;
    padding: 0px;
    border: none !important;
}

.ChipButton {
    margin: 4px;
    margin-bottom: 3px;
    padding: 0px;
    filter: grayscale(100%);
    border: none !important;
}


    .ChipButtonSelected.dxbButtonHover_XafTheme,
    .ChipButton.dxbButtonHover_XafTheme {
        filter: grayscale(0%) !important;
        background-color: var(--white) !important;
    }

.CustomActionResultDisplayNone {
    display: none;
}

.ChoiceChipButtonsTable {
    width: 100%;
    background-color: White;
}

.ChoiceChipButtonsCell {
    text-align: center;
}

.FooterLeftAlign {
    text-align: left !important;
}


.dxpc-closeBtnHover {
    background: var(--orange) !important; /*Close button in the column chooser*/
}


/* Token box filter*/
.dxeToken_XafTheme {
    background-color: var(--orangeglow) !important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin: 1px 2px 1px 1px;
}

#Content .dxeTokenText_XafTheme {
    padding: 4px 7px 4px 5px;
    max-width: 140px !important;
}

#content .TokenBoxFilterActionItem {
    height: 39px;
    margin: 1px;
}

.TokenBoxFilterActionItem > tbody > tr > td.dxic {
    padding: 7px 0px 7px 7px !important;
    height: 29px;
    min-height: 29px;
    box-sizing: content-box !important; /*Disable the '.dxeTokenBox td.dxic' value*/
}

#Content .TokenBoxFilterActionItem.dxeFocused_XafTheme > tbody > tr > td.dxic {
    height: auto;
    border-radius: 6px !important;
}

.TokenBoxFilterActionItem td:hover {
    height: auto !important;
}

.TokenBoxFilterActionItemDiv {
    width: 200px;
}

.WorkspaceGroupTokenBoxFilterActionItemDiv {
    width: 200px;
}

.TokenBoxFilterActionItemDivInterior {
    position: absolute;
    border-radius: 6px !important;
    border: solid 1px var(--dark-grey) !important;
    background-color: white !important;
    z-index: 1000;
}

.dxeTokenBox td.dxic {
    box-sizing: border-box;
    height: auto;
}

#Content .dxm-item.dxm-tmpl.NoBorder {
    border: none !important;
    min-width: 200px !important;
}

#Content .ReadOnlyTokenFLXField_TagsList {
    border-bottom: none;
    background-color: white;
}


    #Content .ReadOnlyTokenFLXField_TagsList > tbody > tr > td.dxic > span.dxeToken_XafTheme > span.dxeTokenRemoveButton_XafTheme {
        visibility: hidden !important;
        width: 0px;
    }


/*End Token box filter*/
/*Detect Object changed*/
.ObjectChangedLabel {
    font-weight: 600;
}

#Vertical_pnlObjectChanged {
    margin: var(--space-md) 0;
    color: #8a6d3b;
    background-color: #fcf8e3;
    padding: 10px 10px 10px 20px;
    border: 1px solid #faebcc;
    border-radius: 4px;
}

#Content .ObjectChangedRefreshColor {
    background-color: var(--orangeglow) !important;
}

#Content .btnDownloadRAClientVisibility {
    display: none !important;
}

#Content .btnDownloadRAExeClientVisibility {
    display: none !important;
}
/*End detect Object changed*/

#Content .IFooterBar {
    padding: 10px 0px 15px 15px;
    background-color: #f7f7f7;
}

#Content .dxgvStatusBar_XafTheme tr.dxgv > td {
    padding: 10px 0px 0px 1px;
}

/* XAF CHARTS */

/* Exclude chart preview images as mouse event target to avoid the Microsoft Edge's Visual Search overlay being shown on them */
/*Removed becuase it broke the tooltips in the workspaces list view*/
/*#Content .ListViewItem .dxpnlControl_XafTheme img {
  pointer-events: none;
}*/

/* End of CHARTS */

.dxpLite_XafTheme .dxp-comboBox input
{
  width:40px !important;
}