body #Content {
    font-family: 'Open Sans', sans-serif;
}

#Vertical_NC {
    height: calc(100vh - 120px);
    /*overflow: hidden;*/
}

#content {
    margin-left: 231px;
    font-size: 11px;
}

#viewState {
}

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

/*-------------------------Show---------------------------*/
/*-------------------------Showing---------------------------*/

.xafNav.xafNavVisibleManually.uncollapsingMenu:first-child {
    margin-top: inherit;
    margin-bottom: inherit;
}

.xafNav.xafNavVisibleManually.uncollapsingMenu .xafContent {
    width: inherit;
    margin-bottom: inherit;
}

.xafNav.xafNavVisibleManually.uncollapsingMenu #Vertical_NC {
    position: initial;
    padding-right: inherit;
}

    /*.xafNav.xafNavVisibleManually.uncollapsingMenu .dxnb-item span {
	display: none !important;
}

.xafNav.xafNavVisibleManually.uncollapsingMenu .dxnb-item img {
	margin-top: 1px;
}*/

    .xafNav.xafNavVisibleManually.uncollapsingMenu #Vertical_NC > ul li.dxnb-gr {
        /*width: 52px;*/
    }

        .xafNav.xafNavVisibleManually.uncollapsingMenu #Vertical_NC > ul li.dxnb-gr .dxnb-header {
            height: 40px;
            visibility: hidden;
            display: inherit;
        }

.xafNav.xafNavVisibleManually.uncollapsingMenu .NavBarLiteAC li.dxnb-gr .dxnb-content.dxnb-left:nth-child(1) {
    visibility: inherit;
    display: none;
}

.xafNav.xafNavVisibleManually.uncollapsingMenu .NavBarLiteAC li.dxnb-gr .dxnb-headerCollapsed:not(:first-child) {
    visibility: inherit;
    display: none;
}

.xafNav.xafNavVisibleManually.uncollapsingMenu .NavBarLiteAC li.dxnb-gr .dxnb-content.dxnb-left:not(:first-child) {
    visibility: inherit;
}

.xafNav.xafNavVisibleManually.uncollapsingMenu .dxnb-item span {
    display: none !important;
}

/*-------------------------Show completed---------------------------*/

.xafNav.xafNavVisibleManually:not(.uncollapsingMenu) #Vertical_NC > ul li.dxnb-gr {
    width: inherit;
}

.xafNav.xafNavVisibleManually:not(.uncollapsingMenu):not(.collapsingMenu) #Vertical_NC > ul {
    width: 255px;
}

.xafNav.xafNavVisibleManually:not(.uncollapsingMenu) #Tabla_Buscador {
    visibility: inherit;
}

.xafNav.xafNavVisibleManually:not(.uncollapsingMenu) .dxnb-header {
    visibility: inherit;
}

.xafNav.xafNavVisibleManually:not(.uncollapsingMenu) .xafContent {
    overflow: inherit;
}

.xafNav.xafNavVisibleManually:not(.uncollapsingMenu) .dxnb-item span {
    /*display: inline-block !important;*/
}

.xafNav.xafNavVisibleManually:not(.uncollapsingMenu) .dxnb-item img {
    margin-top: inherit;
    margin-top: inherit;
}


/*-------------------------Hide---------------------------*/
/*-------------------------Hidding---------------------------*/

.xafNav.xafNavVisibleManually.collapsingMenu #Tabla_Buscador {
    visibility: hidden;
}

.xafNav.xafNavVisibleManually.collapsingMenu .dxnb-item span {
    display: none !important;
}

/*.xafNav.xafNavVisibleManually.collapsingMenu .dxnb-item img {
    margin-top: 1px;
}*/

.xafNav.xafNavVisibleManually.collapsingMenu .NavBarLiteAC li.dxnb-gr .dxnb-header {
    visibility: hidden;
    display: inherit;
}

.xafNav.xafNavVisibleManually.collapsingMenu .NavBarLiteAC > ul li.dxnb-gr:not(:first-child) .dxnb-header {
    visibility: inherit;
    display: none;
}

.xafNav.xafNavVisibleManually.collapsingMenu .NavBarLiteAC > ul li.dxnb-gr:not(:first-child) .dxnb-content.dxnb-left {
    visibility: inherit;
    display: none;
}

.xafNav.xafNavVisibleManually.collapsingMenu .NavBarLiteAC > ul li.dxnb-gr:not(:first-child) .dxnb-headerCollapsed {
    visibility: inherit;
    display: none;
}

.xafNav.xafNavVisibleManually.collapsingMenu .NavBarLiteAC li.dxnb-gr .dxnb-headerCollapsed.itemCollpasedShow {
    visibility: inherit;
    display: inherit;
}

.xafNav.xafNavVisibleManually.collapsingMenu .NavBarLiteAC li.dxnb-gr .dxnb-content.dxnb-left.itemCollpasedShow:nth-child(1) {
    visibility: inherit;
}

.xafNav.xafNavVisibleManually.collapsingMenu li.dxnb-gr .dxnb-content.dxnb-left.itemCollpasedShow {
    visibility: hidden;
    display: inherit;
}

/*-------------------------Hide completed---------------------------*/

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu) #Tabla_Buscador {
    visibility: hidden;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu) .dxnb-item span {
    display: none !important;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu) .dxnb-item img {
    margin-top: 1px;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu):not(.uncollapsingMenu) .NavBarLiteAC > ul li.dxnb-gr:not(:first-child) .dxnb-header {
    visibility: inherit;
    display: none;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu):not(.uncollapsingMenu) .NavBarLiteAC > ul li.dxnb-gr:not(:first-child) .dxnb-content.dxnb-left {
    visibility: inherit;
    display: none;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu):not(.uncollapsingMenu) .NavBarLiteAC > ul li.dxnb-gr:not(:first-child) .dxnb-headerCollapsed {
    visibility: inherit;
    display: none;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu) .NavBarLiteAC li.dxnb-gr .dxnb-header {
    visibility: hidden;
    display: inherit;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu) .NavBarLiteAC li.dxnb-gr .dxnb-headerCollapsed.itemCollpasedShow {
    visibility: inherit;
    display: inherit;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu) .NavBarLiteAC li.dxnb-gr .dxnb-content.dxnb-left.itemCollpasedShow:nth-child(1) {
    visibility: inherit;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu) li.dxnb-gr .dxnb-content.dxnb-left.itemCollpasedShow {
    visibility: hidden;
    display: inherit;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu) .xafContent {
    overflow: hidden;
}

.xafNav:not(.xafNavVisibleManually):not(.collapsingMenu) #Vertical_NC {
    position: initial;
    /*padding-right: 3px;*/
}

/*------------------------------------------------------------------------------------*/

li.dxnb-item.dxnb-link {
    font-size: 13px;
}

    li.dxnb-item.dxnb-link img {
        /*margin-bottom: 0 !important;
        margin-top: 0 !important;*/
    }

.dxnbLite_XafTheme li.dxnb-gr {
    margin-bottom: -3px !important;
    margin-top: -3px !important;
}

#Vertical_UPNC {
    overflow: hidden;
    width: 100%;
}

#Vertical_NC {
    width: calc(100% + 15px);
    height: calc(100% - 76px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 16px 0 16px 3px;
    margin: -10px 0;
    z-index: -1;
}

    #Vertical_NC > ul {
        margin-bottom: 30px;
    }

/*#Vertical_NC > ul li.dxnb-gr.collapseMenu {
            width: 52px;
        }

            #Vertical_NC > ul li.dxnb-gr.collapseMenu .dxnb-header {
                display: none;
            }

        #Vertical_NC > ul li.dxnb-gr.unCollapseMenu .dxnb-header {
            height: 40px;
        }*/

/*Elemento desplegado se muestra todo el menú*/
/*.dxnb-header.itemUnCollpasedShow {
    visibility: inherit;
    display: inherit;
}*/

/*.dxnb-headerCollapsed.itemUnCollpasedShow {
	visibility: hidden;
	display: none;
}*/

/*.dxnb-content.dxnb-left.itemUnCollpasedShow {
    visibility: inherit;
    display: inherit;
}*/

/*Elemento plegado se muestra todo el menú*/
/*.dxnb-header.itemCollpasedShow {
    visibility: inherit;
    display: inherit;
}

.dxnb-headerCollapsed.itemCollpasedShow {
    visibility: inherit;
    display: inherit;
}

.dxnb-content.dxnb-left.itemCollpasedShow {
    visibility: inherit;
    display: none;
}*/

/*Elemento desplegado se oculta todo el menú*/
/*.dxnb-header.itemUnCollpasedHidden {
    visibility: hidden;
    display: inherit;
}

.dxnb-headerCollapsed.itemUnCollpasedHidden {
    visibility: hidden;
    display: none;
}

.dxnb-content.dxnb-left.itemUnCollpasedHidden {
    visibility: inherit;
    display: inherit;
}*/


/*Elemento plegado se oculta todo el menú*/
/*.dxnb-header.itemCollpasedHidden {
    visibility: hidden;
    display: inherit;
}

.dxnb-headerCollapsed.itemCollpasedHidden {
    visibility: hidden;
    display: none;
}

.dxnb-content.dxnb-left.itemCollpasedHidden {
    visibility: hidden;
    display: inherit;
}*/

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

#Content {
    /*padding-left: 231px;*/
}

    #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 {
        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 .dxlpLoadingPanel_XafTheme,
    #Content .dxlpLoadingPanelWithContent_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;
        }

        #Content .dxbButton_XafTheme.dxb-outline {
            border-color: #c6c6c6 !important;
        }

    #Content .dxbDisabled_XafTheme {
        background: #e7e7e7 !important;
    }

    #Content .dxbButton_XafTheme.dxb-outline.dxbDisabled_XafTheme {
        color: #c6c6c6;
    }

    #Content .dxbButton_XafTheme.dxb-outline {
        color: #3e3e3e;
        border-radius: 0;
    }

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

    #Content tr.dxgvGroupRow_XafTheme td[colspan] {
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 600;
        font-size: 12px;
    }

    #Content .dxeEditAreaSys, .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys,
    #Content .dxeListBox_XafTheme,
    #Content .menuButtons.dxm-main.dxmtb .dxm-item a.dx,
    #Content span.dx-vam.dx-nowrap,
    #Content .dxpLite_XafTheme {
        font-size: 12px !important;
    }

    #Content .dxmLite_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 .dxgvFocusedGroupRow_XafTheme {
        background-color: #e5e5e5;
        color: #7e7e7e;
    }

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

.dxp-num.dxp-current {
    background-color: #FF6500 !important;
}

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

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

.xafNav > #Vertical_UPNC.xafContent {
    margin-right: 0 !important;
    width: 250px;
}

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

#Vertical_navigation {
    height: 100%;
    padding-top: 61px;
    top: 0;
    bottom: 0;
    position: fixed;
    border-right: 1px solid #ddd;
}

    #Vertical_navigation.xafNav > .xafContent {
        margin-top: 0;
        background-color: white;
    }

    #Vertical_navigation #Tabla_Buscador {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #Vertical_navigation #Tabla_Buscador .dxic {
            position: inherit;
        }

.dxeTextBox_XafTheme td.dxic
{
	padding-top: 10px !important;
	padding-bottom: 10px !important;	
}

.dxeButtonEdit_XafTheme td.dxic
{
	padding-top: 10px !important;
	padding-bottom: 10px !important;	
}

.newStylePopupContent .menuButtons .blueItem {
    background-color: #FF6500 !important;
}

    .newStylePopupContent .menuButtons .blueItem.dxm-hovered {
        background-color: #FF6500 !important;
    }

.findPopupControl.dxpcLite_XafTheme .dxpc-header, .findPopupControl.dxdpLite_XafTheme .dxpc-header {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0ia…hlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4NCjwvc3ZnPg0K);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(237,237,237,1) 100%);
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(237,237,237,1) 100%);
}

.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;*/
}

.dxmLite_XafTheme .menuButtons .dxm-item {
    border: none !important;
}

.dxeListBoxItemSelected_XafTheme {
    background-color: #FF6500 !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: #FF6500 !important;
}

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

.menuButtons .dxm-item.dxm-hovered a.dx {
    color: #FF6500 !important;
}

/*.menuButtons .dxm-item.dxm-hovered {
    background-color: #FF6500 !important;
}

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

.menuButtons .dxm-item.dxm-hovered a.dx {
    color: #FF6500 !important;
}*/

/*.menuButtons .dxm-item a.dx{
    background-color: #FF6500 !important;
}

.menuButtons .dxm-item a.dx:hover{
    background-color: #FF6500 !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;
}

.xafNavToggleConteiner {
    width: 31px;
    min-width: 31px;
}

    .xafNavToggleConteiner .ToggleNavigationImage, .xafNavToggleConteiner .ToggleNavigationActiveImage {
        margin-left: -15px;
        margin-right: -24px;
    }

    .xafNavToggleConteiner .ToggleNavigationActiveImage {
        background-position: -49px -66px;
    }

@media (max-width: 1646px) {
    .xafNavToggleConteiner {
        width: 31px;
        min-width: 31px;
    }
}

@media (max-width: 1256px) {
    .xafNavToggleConteiner {
        width: 33px;
        min-width: 33px;
    }
}

@media (max-width: 968px) {
    .xafNavToggleConteiner {
        width: 34px;
        min-width: 34px;
    }
}

@media (max-width: 868px) {
    .xafNavToggleConteiner {
        width: 35px;
        min-width: 35px;
    }
}

@media (max-width: 1000px) {
    .customFlxTheme #Vertical_navigation.xafNavHidden {
        display: block;
    }
}

@media (max-width: 480px) {
    #headerTableDiv .paddings .headerTable, #headerTableDiv .paddings .menuAreaDiv {
        padding-left: 0;
    }

    .xafNavToggleConteiner {
        width: 35px;
        min-width: 35px;
    }
}

/*@media (min-width: 768px) {
    .xafNavToggleConteiner .ToggleNavigationImage, .xafNavToggleConteiner .ToggleNavigationActiveImage {
        margin-left: -26px;
        width: 36px;
    }
}

@media (min-width: 992px) {
    .xafNavToggleConteiner .ToggleNavigationImage, .xafNavToggleConteiner .ToggleNavigationActiveImage {
        margin-left: -26px;
        width: 33px;
    }
}

@media (min-width: 1200px) {
    .xafNavToggleConteiner .ToggleNavigationImage, .xafNavToggleConteiner .ToggleNavigationActiveImage {
        margin-left: -26px;
        width: 33px;
    }
}*/

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

.Caption {
    text-transform: uppercase;
}

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

/* MAIN MENU */
#Content #headerTableDiv {
    background-color: #fff;
    position: relative;
    z-index: 1010;
}

    #Content #headerTableDiv.borderBottom {
        border-bottom: 1px solid #ddd;
        box-shadow: none;
    }

    #Content #headerTableDiv .dxm-image.dx-vam {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    #Content #headerTableDiv .dxm-hasText span {
        color: white;
    }

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

#Content #headerTableDiv .headerTable {
    min-height: 48px;
    height: 60px;
}
/*
#Content .headerTable .XafVCap-First:empty:before {
    content: '\80';
}*/

#Content #headerTableDiv .xafHeaderMenu {
    /*margin-top: 14px;*/
    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 17px;
}

#viewSite {
    min-height: 703px;
}

@media(max-width:480px) {
    #Content #headerTableDiv .xafHeaderMenu {
        display: none;
    }
}

@media(max-width:768px) {
    #Content .paddings {
        padding: 0 0 0 17px;
    }
}


#Content .xafFooter {
    width: calc(100% - 248px);
    margin-left: 248px;
    padding-bottom: 0;
    padding-top: 8px;
    height: 46px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 300;
    background-color: white;
}

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

#Content #Vertical_navigation {
    margin-left: -20px;
    overflow: hidden;
}

#Content .dxnbLite_XafTheme .dxnb-header,
#Content .dxnbLite_XafTheme .dxnb-headerCollapsed {
    border: none;
    padding: 0;
    background-color: transparent;
}

    #Content .dxnbLite_XafTheme .dxnb-header::after,
    #Content .dxnbLite_XafTheme .dxnb-headerCollapsed::after {
        color: #333;
        display: inline-block;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 800;
        position: relative;
        padding: 12px 10px 12px 3px;
        /*float: right;*/
    }

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

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

    #Content .dxnbLite_XafTheme .dxnb-header span,
    #Content .dxnbLite_XafTheme .dxnb-headerCollapsed span {
        font-size: 11px;
        font-weight: 600;
        padding-left: 10px;
        overflow: hidden;
        height: 30px;
        padding-top: 10px;
        color: #4a4a4a;
    }

    #Content .dxnbLite_XafTheme .dxnb-header span {
        width: 208px;
    }

    #Content .dxnbLite_XafTheme .dxnb-headerCollapsed span {
        width: 210px;
    }

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

/*#Content .xafNav ul.dxnbLite_XafTheme {
  margin-bottom: 16px;
}*/

#Content .xafNav .dxnb-content {
    padding: 0;
}

#Content .xafNav .dxnbLite_XafTheme .dxnb-last .dxnb-content,
#Content .xafNav .dxnbLite_XafTheme .dxnb-content,
#Content .xafNav .dxnbLite_XafTheme .dxnb-item {
    border: 0 solid transparent;
    border-radius: 0;
    color: black;
}

    #Content .xafNav .dxnbLite_XafTheme .dxnb-last .dxnb-content li,
    #Content .xafNav .dxnbLite_XafTheme .dxnb-content li,
    #Content .xafNav .dxnbLite_XafTheme .dxnb-item li {
        border-left-width: 5px;
    }

#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 {
    border-radius: 0;
    background-color: #f3f3f3;
    /*text-decoration: underline !important;*/ /* xaf also has an !important mark */
}


/* 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 table .dxpnlControl_XafTheme.GroupContent.Adaptivity.AdaptivityEditorContainer.CardGroupBase{
    border: none;
}*/

#Content .xafNav .dxnbLite_XafTheme .dxnb-itemSelected,
#Content .xafNav .dxnbLite_XafTheme .dxnb-itemSelected a,
#Content .xafNav .dxnbLite_XafTheme .dxnb-item.dxnb-itemSelected.dxnb-itemHover,
#Content .xafNav .dxnbLite_XafTheme .dxnb-item.dxnb-itemSelected.dxnb-itemHover a,
#Content .xafNav .dxnbLite_XafTheme .dxnb-largeSelected,
#Content .xafNav .dxnbLite_XafTheme .dxnb-largeSelected a,
#Content .xafNav .dxnbLite_XafTheme .dxnb-largeSelected.dxnb-largeHover,
#Content .xafNav .dxnbLite_XafTheme .dxnb-largeSelected.dxnb-largeHover a {
    border-left-color: #FF6500;
    background-color: #ccc;
}

#Content .dxpnlControl_XafTheme {
    color: black;
}

#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 .dxrpHeader_XafTheme.GroupHeader.Label {
    padding: 0px 0px 5px 30px;
}

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

#menuInnerTable {
    padding-bottom: 40px;
    padding-right: 0;
}

#Content #menuInnerTable.width100:not(.movedInnerTable) .XafVCap-First,
#Content #menuInnerTable.width100:not(.movedInnerTable) .XafVCap-Second {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 17px;
    padding-left: 30px;
    position: relative;
    top: 26px;
    padding-top: 0;
}

#Content #menuInnerTable.width100:not(.movedInnerTable) .XafVCap-Second {
    line-height: 44px;
    padding-left: 30px;
    color: #848484;
    padding-bottom: 10px;
}

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

#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 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 17px;
    padding-left: 30px;
    position: relative;
    top: 1px;
}

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

#menuInnerTable.movedInnerTable {
    padding-right: 34px;
}

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

#Content .GroupHeader .Label {
    margin-left: 30px;
    padding-left: 0;
}

#Content .dialogContent .GroupHeader .Label {
    /*border-bottom: 2px solid #ff6500;*/
    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 .WebEditorCell span {
    font-size: 11px;
    line-height: 16px;
    overflow-wrap: break-word;
}

#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);
}

#Content .Caption {
    color: #4a4a4a;
    font-weight: 400;
    font-size: 11px;
    margin-bottom: 8px;
}

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

#Content .CardGroupBase > tbody > tr > td > .GroupHeader {
    color: #4a4a4a;
}

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

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

#Content .Item {
    /*float: left;
    width: 276px;
    margin-right: 12px;*/
    margin-bottom: 11px;
}

    #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 {
    width: 100%;
    width: -moz-available; /* Firefox/Gecko */
    width: -webkit-fill-available; /* Chrome */
    float: initial !important; /* xaf adds it inline */
    position: relative;
    top: 20px;
}

    #Content #menuContainer td:nth-child(2) {
        width: 1px;
    }

#Content .dxmLite_XafTheme .dxm-horizontal .dxm-spacing {
    /*display: none;*/
}

/*#Content .dxm-image.dx-vam {
  -webkit-filter: invert(100%) grayscale(100%);
  filter: invert(100%) grayscale(100%);
}

#Content .dxm-disabled .dxm-image.dx-vam {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}*/

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

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

#Content .dxmLite_XafTheme .menuButtons.menuButtons_XafTheme .dxm-item {
    border-radius: 0;
    border: 1px solid #e7e7e7;
}

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

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

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

#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;
        /*border: 1px solid #e7e7e7;*/
        /*border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7;*/
        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;
        /*padding: 3px 10px;*/
        border-style: solid;
        border-width: 0 0 1px 0 !important; /* xaf adds it inline */
        border-color: #ddd;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 22px;
    }

        #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:first-of-type {
            padding-left: 19px;
        }

        #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;
}

#Content table.dxgvControl_XafTheme.GridView td.dxgvHeader_XafTheme.dx-wrap:first-of-type {
    padding-left: 9px;
}

/*#Content .dxgvDataRow_XafTheme.over td {
    background-color: #F2FBFE;
}

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

#Content .dxgvDataRow_XafTheme.dxgvSelectedRow_XafTheme td {
    background-color: #ccc;
}*/

#Content .dxeListBox_XafTheme .dxeListBoxItemRow_XafTheme .dxeListBoxItem_XafTheme.dxeListBoxItemSelected_XafTheme {
    background-color: #FF6500;
    color: #fff;
}

#Content .dxeListBox_XafTheme .dxeListBoxItemRow_XafTheme .dxeListBoxItem_XafTheme.dxeListBoxItemHovered_XafTheme {
    background-color: #FF6500 !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 */
    font-size: 11px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 11px !important;
}
/*
#Content .dxgvDataRow_XafTheme td.dxgvCommandColumn_XafTheme.dxgv.dx-ac {
    padding-left: 31px !important;
    padding-right: 22px !important;
}*/

#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 .dxgvDataRow_XafTheme td.dxgv {
    color: black;
}

#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 */
#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 {
    border-width: 0 0 2px 0 !important;
    border-style: solid !important;
    background-color: transparent;
    padding: 0;
    margin-left: 20px;
    height: 20px !important; /* xaf adds it inline */
}

    #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 {
    border-color: #FF6500 !important;
}

    #Content .LayoutTabbedGroupContainer .dxtcLite_XafTheme > .dxtc-stripContainer .dxtc-activeTab span {
        font-weight: bold;
    }

#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 .dxWeb_edtCheckBoxChecked_XafTheme,
#Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme,
#Content .dxWeb_edtCheckBoxGrayed_XafTheme,
#Content .dxWeb_edtCheckBoxGrayedDisabled_XafTheme,
#Content .dxWeb_edtCheckBoxUnchecked_XafTheme,
#Content .dxWeb_edtCheckBoxUncheckedDisabled_XafTheme {
    height: 11px;
    width: 11px;
    border-width: 1px;
    border-style: solid;
    background: none;
    font-size: 9px;
}

#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: 24px;
    width: 24px;
    border-width: 1px;
    border-style: solid;
    font-size: 24px;
}

#Content .dxWeb_edtCheckBoxUnchecked_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxUncheckedDisabled_XafTheme {
    background-color: white;
    border-color: #b5b5b5;
}

#Content .dxWeb_edtCheckBoxChecked_XafTheme,
#Content .Layout .BCC td.dxichCellSys .dxWeb_edtCheckBoxChecked_XafTheme {
    background-color: #ffffff;
    border-color: #9a9a9a;
}

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

    #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: #ff6500;
    }

#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 .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: "\f219" !important; /* xaf has an !important mark for .dx-not-acc */
    font-weight: 800;
    padding-left: 2px;
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -ms-animation: fadein .5s;
    -o-animation: fadein .5s;
    animation: fadein .5s;
}

#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: "\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;
}

#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 .dxWeb_edtCheckBoxChecked_XafTheme::before,
#Content .dxWeb_edtCheckBoxCheckedDisabled_XafTheme::before,
#Content .dxWeb_edtCheckBoxGrayed_XafTheme::before,
#Content .dxWeb_edtCheckBoxGrayedDisabled_XafTheme::before {
    font-size: 11px;
    padding-top: 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 {
    font-size: 19px;
    line-height: 24px;
    width: 24px;
    text-align: center;
}

#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: 8px 0 0px 4px;
}

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

.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;
}

.dx-vam.dx-wrap {
    height: 17px;
}

span.dx-vam.dx-wrap {
    font-size: 11px;
}

#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: #ff6500;
        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 {
    float: left !important;
    /*margin-right: 10px;*/
}

#Content #xafHeaderMenu .dxm-item.dxm-hovered {
    background-color: white !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 {
        padding-left: 30px;
        padding-right: 30px;
    }

        #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 #ff6500 !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 {
    /*padding-bottom: 15px;*/
}

    #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-bottom: 0;
    }

    #menuAreaDiv.movedMenu .xafNavToggleConteiner {
        display: table-cell;
    }

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

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

.media-title {
    display: none;
}

#Content .title-menu-inner-table {
    display: table-cell;
}

@media (max-width: 1256px) {
    .xafToggleBar > div {
        width: 2px;
    }
}

@media (max-width: 992px) {
    #menuAreaDiv.movedMenu > img {
        display: none;
    }

    table#menuInnerTable.movedInnerTable {
        padding-left: 0;
    }

    #Content .dxmLite_XafTheme .menuButtons.menuButtons_XafTheme .dxeButtonEdit_XafTheme {
        width: 130px !important;
    }
}

@media (max-width: 968px) {
    .xafToggleBar > div {
        width: 1px;
    }
}

@media (max-width: 868px) {
    .xafToggleBar > div {
        width: 0;
    }
}

@media (max-width: 768px) {
    #Content .dxmLite_XafTheme .dxm-tmpl .dxeButtonEdit_XafTheme > tbody > tr :last-child img {
        display: none;
    }

    .media-title {
        display: table-cell;
    }

    #Content .title-menu-inner-table {
        display: none;
    }

    .alert-bell {
        display: none;
    }

    #Content #menuCell #menuContainer ul.dx.dxm-image-l.dashboardinfo {
        margin-left: 15px;
    }
}

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

#Content span.dx-vam.dxm-ait,
#Content span.dx-vam.dxm-airt {
    font-size: 12px;
}

#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;
}

#Content .dxtcLite_XafTheme.dxtc-top > .dxtc-stripContainer {
    padding-left: 10px;
}

#Content .NestedFrame .mf_Menu > table,
#Content .NestedFrame .nf_Menu > table {
    padding-left: 30px;
}

#Content .dxtcLite_XafTheme {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
}

.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;
}

#Content .CardGroupContent {
    padding-top: 0;
}

.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: #FF6500;
}

input:focus + .slider {
    box-shadow: 0 0 1px #FF6500;
}

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;
}

.LogonContent {
    padding: 50px 60px !important;
}

.LogonContentWidth {
    height: 300px !important;
    width: 300px !important;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        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-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .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-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.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-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

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

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

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857;
    font-weight: 500;
    font-size: 1.5rem;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.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-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

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

    .modal .modal-header {
        padding: 12px 25px;
    }

    .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: #ff6500;
        }

            .modal .btn.btn-primary:hover {
                background-color: #FF6500;
            }

        .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 {
        margin: -1px auto;
        width: 40%;
        max-width: 40%;
        border: 1px solid #cccccc;
        position: absolute;
        right: 0;
        height: 100%;
        -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 {
        height: 100%;
        border-radius: 0;
        border: none;
    }

        .modal .modal-dialog .modal-content .modal-header {
            display: block;
            border-bottom-color: #EEEEEE;
            background-color: #F7F7F7;
        }

            .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 .dxtlDataTable thead th {
    font-family: 'Open Sans', sans-serif;
}

#Content .dxtlControl_XafTheme .dxtlDataTable {
    border: none;
    font-family: 'Open Sans', sans-serif;
}

    #Content .dxtlControl_XafTheme .dxtlDataTable thead th {
        border-bottom: 1px solid #ddd;
    }
    /*
    #Content .dxtlControl_XafTheme .dxtlDataTable tbody tr td {
        border-bottom: 1px solid #eee;
    }*/

    #Content .dxtlControl_XafTheme .dxtlDataTable tbody tr.dxtlNode_XafTheme td.dxtl {
        padding: 5px 10px;
    }

#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;
}

.dxpgRowFieldValue_XafTheme,
.dxpgCell_XafTheme {
}

/*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');
}

.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;
}

/*Job Steps*/
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");

@media (min-width: 600px) {
    #Content .LayoutTabContainer {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
}

#Content .CardGroupContent {
    padding-left: 2% !important;
    padding-right: 2% !important;
}

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

    #Content .JobInformation .Caption {
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
    }

    #Content .JobInformation .WebEditorCell {
        padding-top: 3px;
        padding-right: 3%;
        font-weight: 600 !important;
        word-break: break-all;
    }

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

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

#Content .JobImageDiv {
    width: 15% !important;
    margin-left: 2%;
    margin-right: 5%;
}

    #Content .JobImageDiv .ProgressImage {
        position: relative;
        left: calc(50% - 67px);
    }


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

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

    #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 .tr-detail > td:first-child,
#Content .app-body.job-steps-body .tr-detail > td:nth-child(2) {
    padding-left: 1.25% !important;
}

#Content .app-body.job-steps-body .tr-detail.level-2 > td:first-child,
#Content .app-body.job-steps-body .tr-detail.level-2 > td:nth-child(2) {
    padding-left: calc(1.25% * 2) !important;
}

#Content .app-body.job-steps-body .tr-detail.level-3 > td:first-child,
#Content .app-body.job-steps-body .tr-detail.level-3 > td:nth-child(2) {
    padding-left: calc(1.25% * 3) !important;
}

#Content .app-body.job-steps-body .tr-detail.level-4 > td:first-child,
#Content .app-body.job-steps-body .tr-detail.level-4 > td:nth-child(2) {
    padding-left: calc(1.25% * 4) !important;
}

#Content .app-body.job-steps-body .tr-detail.level-5 > td:first-child,
#Content .app-body.job-steps-body .tr-detail.level-5 > td:nth-child(2) {
    padding-left: calc(1.25% * 5) !important;
}

#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 {
    position: relative;
    top: 10px;
}

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

    #Content .app-body.job-steps-body .table-condensed > thead > tr > th {
        font-weight: 300;
        font-size: 11px;
        color: #4a4a4a;
        padding: 6px 7px 5px 0;
        border: none;
    }

    #Content .app-body.job-steps-body .table-condensed > tbody > tr {
        color: rgb(74, 74, 74);
    }

        #Content .app-body.job-steps-body .table-condensed > tbody > tr > td {
            padding-right: 1%;
            padding-left: 0;
            padding-top: 9px;
            padding-bottom: 9px;
            cursor: pointer;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
            word-break: break-all;
        }

            #Content .app-body.job-steps-body .table-condensed > thead > tr > th.name-column,
            #Content .app-body.job-steps-body .table-condensed > tbody > tr > td.name-column {
                width: 20%;
            }

            #Content .app-body.job-steps-body .table-condensed > thead > tr > th.status-column,
            #Content .app-body.job-steps-body .table-condensed > tbody > tr > td.status-column {
                width: 25%;
            }

            #Content .app-body.job-steps-body .table-condensed > thead > tr > th.returned-column,
            #Content .app-body.job-steps-body .table-condensed > tbody > tr > td.returned-column {
                width: 15%;
            }

            #Content .app-body.job-steps-body .table-condensed > thead > tr > th.start-time-column,
            #Content .app-body.job-steps-body .table-condensed > tbody > tr > td.start-time-column {
                width: 18%;
            }

            #Content .app-body.job-steps-body .table-condensed > thead > tr > th.end-time-column,
            #Content .app-body.job-steps-body .table-condensed > tbody > tr > td.end-time-column {
                width: 15%;
            }

            #Content .app-body.job-steps-body .table-condensed > thead > tr > th.empty-column,
            #Content .app-body.job-steps-body .table-condensed > tbody > tr > td.empty-column {
                width: 31%;
            }

            #Content .app-body.job-steps-body .table-condensed > tbody > tr > td .progress {
                border-radius: 0;
                width: 100%;
                border: 1px solid #ff6500;
                margin-bottom: 0;
                position: relative;
            }

                #Content .app-body.job-steps-body .table-condensed > tbody > tr > td .progress .progress-bar.flx {
                    background-color: #FF6500;
                    color: #000;
                    font-weight: bold;
                    text-align: center;
                    height: 15px;
                }

                    #Content .app-body.job-steps-body .table-condensed > tbody > tr > td .progress .progress-bar.flx .show {
                        position: absolute;
                        display: block;
                        width: 100%;
                        color: black;
                    }

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

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

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.progress-detail {
            width: 13%;
            padding-right: 5%;
        }

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.description-detail {
            width: 29%;
            padding-right: 3%;
        }

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.empty-first-row-detail {
            width: 26%;
        }

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.estimated-time-detail {
            width: 20%;
        }

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.empty-second-row-detail {
            width: 20%;
        }

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.show-cmdlet-detail {
            width: 15%;
        }

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.border-top {
            border-top: 1px solid #ccc;
        }

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.padding-top-20 {
            padding-top: 20px;
        }

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.padding-bottom-25 {
            padding-bottom: 25px;
        }

        #Content .app-body.job-steps-body table > tbody > tr.step-detail > td.padding-bottom-30 {
            padding-bottom: 30px;
        }

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


#Content .app-body.job-steps-body .show-cmdlet-action {
    padding: 7px 10px 5px 15px;
    cursor: pointer;
    width: 100px;
}

    #Content .app-body.job-steps-body .show-cmdlet-action .far.fa-eye {
        padding-right: 10px;
    }

    #Content .app-body.job-steps-body .show-cmdlet-action:hover {
        background-color: #ccc;
    }

    #Content .app-body.job-steps-body .show-cmdlet-action.disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

        #Content .app-body.job-steps-body .show-cmdlet-action.disabled:hover {
            background-color: inherit;
        }

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

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