.VerticalTemplate
{
    background-color:#f0f0f0;
}

/*bottom footer bar of main window*/
.xafFooter {
    /**/background-color: #454142; /*primus grey*/
        background-color: black;
}

/*divisionSelectorStyle is being applied to DivisionSelectorAction CustomCSSClassName in Model.DesignedDiffs*/
.divisionSelectorStyle > .dxm-content.dxm-hasText.dx.dxalink > span {
    color: white;
}

.divisionSelectorStyle.dxm-hovered > .dxm-content.dxm-hasText.dx.dxalink > span {
    color: ghostwhite !important;
}

/*.dx-vam {
    color: white !important;
}*/
/*.primusHeaderMenu {
    color: white !important;
}*/
/*hamburger menu button*/
.ToggleNavigationImage {
}

/*navbar control*/
.dxpnlControl {
}
.NavBarLiteAC {
}
.dxnbLite_XafTheme {
}
.dxnbSys {
}
/*main navbar menu item*/
.dxnb-gr {
}
.dxnb-header {
}
.dxnb-content {
}
.dxnb-left {
}
/*navbar sub-menu item*/
.dxnb-item {
}
.dxnbLite_XafTheme {
}

/*Notifications section style*/
.dxmLite_XafTheme .dxm-horizontal.menuLinks .notificationItem a.dxm-content {
    background-color: #EF483E; /*#33B360;*/
    border-radius: 55px;
    padding: 1px 14px 1px 6px !important;
}

/*Hide mobile logo if screen width above 800*/
@media screen and (min-width: 800px) {
    #Vertical_TSIC {
        display: none !important;
    }
}

/*Hide regular logo if screen width below 800*/
@media screen and (max-width: 800px) {
    #Vertical_TIC {
        display: none !important;
    }
}

/*Hide division selector in second row of toolbar if screen width above 800*/
@media screen and (min-width: 800px) {
    #Vertical_XafUpdatePanel3 {
        display: none !important;
    }
}

/*Hide division selector in main toolbar if screen width below 800*/
@media screen and (max-width: 800px) {
    #Vertical_SAC_Menu_DXI1_ {
        display: none !important;
    }
}

/*Breadcrumb style*/
.PrimusBreadcrumbs {
    color: black;
}
.PrimusBreadcrumbs a:link {
    color: #045cad;
}

.toUpperCase .dxeEditAreaSys {
    text-transform: uppercase;
}
/* tab experimenting
.dxtc-tab {
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
*/
/*
.dxtc-tab {
    border-radius: 10px 10px 0px 0px;
    color: coral !important;
    border-top-width: 10px !important;
}

.dxtc-activeTab {
    border-radius: 8px 8px 0px 0px;
    bordor-top-color: aqua !important;
    border-color: blueviolet !important;
    border-spacing: 30px !important;
}

.tabRoundedCorners {
    border-radius: 10px 10px 0px 0px;
}
*/