/*
Theme SAP Blue | Created 2019-MAR-15
*/
 
body.a-dashbrd-page-bg {
  background: url("themeblack-bg.jpg") no-repeat center center fixed;
  background-size: cover;
}
 
.a-dashbrd-page-bg,
.mastCmdContainer {
  background-color: transparent;
}
 
td.cmdBar {
  background-color:#354a5f;
  height: 46px;
}

a[awname="AribaAction:undelegate:actionClicked"]
{
position: absolute;
left:30%;
top: 17px;
}

.w-cmd-wrapper-L2 {
    font-size: 11px;
    line-height: 1;
    background-color: #ffffff;
}

.w-cmd-wrapper {
    padding-top: 0px;
    height: 48px;
}


img.w-ariba-logo-tall {
  position:absolute;
}

 
/* Header command bar on non-dashboard pages */
.cmdBar,
.cmdBarSpl,
{
  background-color: #354a5f;
}
.dbTabWrapper,
.w-navigation-bar-separator td {
  background-color:#ffffff;
}
 
 

.wcommunityProfileBackground {
    background-color: #E4E4E4;
}
 
body.a-dashbrd-page-bg .wcommunityProfileBackground {
    background-color: #E4E4E4;
}
 
a .a-community-sgncollapse {
    color: #ffffff;
}
 
 
/* Header command bar on dashboard page */
body.a-dashbrd-page-bg .cmdBar,
body.a-dashbrd-page-bg .cmdBarSpl,
{
  background-color: #354a5f;
}
body.a-dashbrd-page-bg .w-navigation-bar-separator td,
body.a-dashbrd-page-bg .dbTabWrapper,
body.a-dashbrd-page-bg .dbTabWrapper td
{
  background-color: #ffffff;
}
 
.a-dashbrd-page-bg .w-navigation-bar-separator {
    border-top: solid;
    background-color: white;
    color: white;
}
 
.a-nav-bar-recent a,
.a-nav-bar-recent a:link,
.a-nav-bar-recent a:visited,
.a-nav-bar-manage a,
.a-nav-bar-manage a:link,
.a-nav-bar-manage a:visited  {
  color: #212121;
}
.a-nav-bar-recent a:hover,
.a-nav-bar-recent a:hover .w-pml-icon,
.a-nav-bar-recent a:focus,
.a-nav-bar-recent a:focus .w-pml-icon,
.a-nav-bar-manage a:hover,
.a-nav-bar-manage a:hover .w-pml-icon,
.a-nav-bar-manage a:focus,
.a-nav-bar-manage a:focus .w-pml-icon {
  color:#00679E;
}
 
/* Header area elements inactive and not clickable */
td.cmdBar,
td.cmdBarSpl,
#cmdlinks,
.dbTabWrapper a,
.w-dashboard-configure-icon,
.a-dashbrd-page-bg .w-font-icon-size-dashboard,
.w-abpw-padder,
.w-back-page-nav,
.w-back-page-label,
.w-header-notification-link,
.w-header-username-link,
{
  color: #ffffff;
}

.w-header-realmlabel {
  color: #212121;
}

#cmdlinks .w-pml-icon{
  color: #ffffff;
}

.w-navigation-bar-separator .w-pml-icon {
  color:#212121
}

.cmdBarSpl {
    background-color: #354a5f;

}
.a-dashbrd-page-bg .a-community-sgncollapse a:link,
.a-dashbrd-page-bg .a-community-sgnexpand a:link,
.a-dashbrd-page-bg .a-community-sgncollapse a:visited,
.a-dashbrd-page-bg .a-community-sgnexpand a:visited {
  color:#ffffff;
}


 
/* Header area elements active and clickable */
#cmdlinks a,
a .w-abpw-padder,
a .w-back-page-nav,
a .w-back-page-label,
a .w-header-notification-link,
a .w-header-username-link {
  color: #ffffff;
}

.w-header-username-link {
  color: lightgrey;
}



.dbTabWrapper a {
  color: #212121;
  height: 41px;
}
 
 
/* Header area elements active on hover */
#cmdlinks a:hover,
#cmdlinks a:hover .w-pml-icon,
.dbTabWrapper a:hover,
.dbTabWrapper a:hover .w-pml-icon,
a:hover .w-dashboard-configure-icon,
.a-dashbrd-page-bg a:hover .w-font-icon-size-dashboard,
a:hover .w-abpw-padder,
a:hover .w-back-page-nav,
a:hover .w-back-page-label,
a:hover .w-header-notification-link,
a:hover .a-community-sgncollapse,
a:hover .a-community-sgncommunity,
a:hover .a-community-sgncommunityExpand,
a:hover .a-community-sgncommunitylink,
a:hover .a-community-sgnexpand,
a:hover .w-header-username-link {
  color: #00679E;
}
 
/* Header area elements active on focus */
#cmdlinks a:focus,
#cmdlinks a:focus .w-pml-icon,
.dbTabWrapper a:focus,
.dbTabWrapper a:focus .w-pml-icon,
a:focus .w-dashboard-configure-icon,
.a-dashbrd-page-bg a:focus .w-font-icon-size-dashboard,
a:focus .w-abpw-padder,
a:focus .w-back-page-nav,
a:focus .w-back-page-label,
a:focus .w-header-notification-link,
a:focus .a-community-sgncollapse,
a:focus .a-community-sgncommunity,
a:focus .a-community-sgncommunityExpand,
a:focus .a-community-sgncommunitylink,
a:focus .a-community-sgnexpand,
a:focus .w-header-username-link {
  color: #00679E;
}
 
.a-dashbrd-page-bg .w-font-icon-size-dashboard {
  color: #363636;
}
 
td.a-srch-bar-category a,
div.a-srch-portlet-category-dropdown {
  color: #636363;
}
 
.a-dashbrd-page-bg .portletTitleBar,
.w-notification-box-header {
  background-color: #c4c3c2;
}
 
.portletTitleBar .a-portlet-title-bar-wrng,
a .w-dashboard-configure-icon,
.a-dashbrd-page-bg a .w-font-icon-size-dashboard
{
  color: #636363;
}
 
body.a-dashbrd-page-bg .w-footer-ct-left,
body.a-dashbrd-page-bg #w-footer-id a {
  color: #00679e;
}
body.a-dashbrd-page-bg .w-footer-ct-right{
  color: #212121;
}
 
body.a-dashbrd-page-bg #w-footer-id a:hover,
body.a-dashbrd-page-bg #w-footer-id a:focus {
  text-decoration: underline;
  color: #D7D7D7;
}
 
.a-dashbrd-page-bg .scrollTableWrapper th.tableHead {
  background-color: #fff;
}
 
.w-dashboard-tabs .w-tabitem a {
  color: #212121;
}
.w-dashboard-tabs .w-tabitem a:hover {
  color: #ffffff;
}
.w-tabitem-selected a,
.w-dashboard-tabs .w-tabitem-selected a {
  color: #199DE0!important;
  font-weight: bold;
}
.a-dashbrd-page-bg .a-cat-section-title {
    color:#636363;
}
.a-dashbrd-page-bg .a-cat-home-non-cat-button  .w-btn, .w-btn:visited {
    background-color:rgba(255, 255, 255, 0.3);
    color:#636363;
}
.a-dashbrd-page-bg .a-cat-note-link a:link .a-cat-note-icon-small,
.a-dashbrd-page-bg .a-cat-note-link a:visited .a-cat-note-icon-small {
  color: #636363;
}
.a-dashbrd-page-bg .a-cat-note-link a:hover .a-cat-note-icon-small {
  color: #333333;
}
 

.a-cmdbar-prod-logo {
  max-height: 24px;
  max-width: 170px;
  vertical-align:middle;
}

td#prodimg {
  padding: 0;
  position: absolute;
  height: 100%;
  left: 1%;
  transition: left 0.5s ease-in-out;
  border: 1px solid transparent;
  padding-top: 0.75%;
  vertical-align: middle;
}





.w-ariba-logo-tall {
    max-height: 24px;
    max-width: 170px;
}

.w-ariba-logo {
    max-height: 24px;
    max-width: 170px;
}


/* Drag-n-drop styles for dashboard page. Non-dashboard pages have the same bg color in
both themes. So, they do not have theme-specific styles at this time. */
.onDrag .a-dashbrd-page-bg .tocDropZone,
.onDrag .a-dashbrd-page-bg .singleColDropZone,
.onDrag .a-dashbrd-page-bg .twoColDropZone,
.onDrag .a-dashbrd-page-bg .vtDropArea div.dropIndicator,
.onDrag .a-dashbrd-page-bg .vtDropArea div.dropIndicatorSD {
    border-color: #199DE0;
    color: #000000;
}
.onDrag .a-dashbrd-page-bg .vtDropAreaSelected div.dropIndicator,
.onDrag .a-dashbrd-page-bg .vtDropAreaSelected div.dropIndicatorSD,
.onDrag .a-dashbrd-page-bg .vtDropArea .vtDropFieldSelected,
.onDrag .a-dashbrd-page-bg .portletDropZoneSelected {
    border-color: #0000FF;
}
.a-cat-home-non-cat-button  a{
    color:#636363;
}


/* AW7 - Shell Bar CSS */

.aw7_user-name-initials {
    background-color: #0F828F;
    color: #FFFFFF;
}

a .aw7_w-back-page-nav, a .aw7_w-back-page-label, a .aw7_w-print-menu-icon, .aw7_w-header-search-link a,
.aw7_w-help-menu-icon, .aw7_w-preferences-menu-icon, .aw7_a-online-notif-icon-empty,
.aw7_w-refresh-session-menu-icon, .aw7_w-header-alert-link a, .aw7_w-header-site-link a, .aw7_w-header-home-link,
.aw7_w-notification-bell-icon{
    color: #D1E8FF !important;
}

.aw7_prodimg img, .aw7_w-ariba-banner_product-image img {
    position: static;
}

.a-dashbrd-page-bg .aw7_w-navigation-bar-separator {
    border: none;
}

.aw7_identifier-bar-content a:hover,
.aw7_shell-bar-content a:hover,
.aw7_a-online-notif-icon-empty:hover,
.aw7_a-online-notif-icon:hover {
    color: #D1E8FF !important;
}

.w-alert-system-count {
    color: #D1E8FF;
}

.aw7_a-online-notif-icon {
    color: #D1E8FF;
}