/* ---------CSS THEME: 2024 Redwood Alignment------------ */
/* -------------Navigation Stylesheet Alt---------------- */
/* The Navigation Menu stylesheet applies to all screens, including JET UI. 
This stylesheet is intended to customize the display of the Alta navigation. 
It will have no affect on the Legacy navigation. */

/* IMPORTANT: When Alta Navigation is enabled, any custom scripts that are in the Header HTML need to be 
moved to the HTML Head */
  
/*  Vertically center the site name that is displayed in the Global Header. 
To change the contents and lettering of the site name, please use Global Header Branding editor.   */
#cpq-alta-header > span{
	align-items: center!important;
}

/*  Demo Override of Global Header Branding as this setting does not clone with environment refreshes.  */
#cpq-alta-header {
	min-height: 38.5px !important;
  height: 38.5px !important;
	background-color: #2c2826!important;
}

/*  Overwriting the Global Header images for demo purposes as this does not clone properly during refreshes. This is to better align with the new Redwood UI.
Reduces the height of the Global Header by minimizing the amount of empty space above and below 
the Global Navigation icons.  */
#cpq-alta-header > span > img,
#cpq-alta-header > span > p {
    margin: 0 5px!important;
	display: none;
}

#content #preview:after {
	  content: 'Note: Global Header Branding on Demo Environments has been overwritten through CSS to provide a consistent navigation experience with Redwood UI';
	  color: red;
  font-family: "Georgia", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
	font-style: italic;
    font-weight: 300;
  font-size: 15px;
	margin-left: 50px;
}


/* login form */
#login-form {
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: none;
	-moz-box-shadow: none;
   /* box-shadow: 1px 1px 4px #888;
    -moz-box-shadow: 1px 1px 4px #888;*/
}

span.delimiter,
.header-char-delim,
.admin-char-delim,
.commerce-char-delim { 
	display: none; 
}

#breadcrumbs{ 
	display:none; 
}

a.commerce-sidebar-item,
a.commerce-sidebar-current,
a.admin-sidebar-item,
a.admin-sidebar-current,
a.header-item,
a.header-current { 
	text-decoration: none; 
	outline: none; 
}

a:hover.commerce-sidebar-item,
a:hover.commerce-sidebar-current,
a:hover.admin-sidebar-item,
a:hover.admin-sidebar-current,
a:hover.header-item,
a:hover.header-current { 
	text-decoration: none; 
	outline: none; 
	color: #145c9e!important;
}


td.admin-img,
.bordercolor{ 
	background: #FFFFFF; 
}

.commerce-bordercolor,
.commerce-bordercolor .topcolor,
.admin-bordercolor,
.admin-bordercolor .topcolor,
.header-bordercolor,
#main-nav,
#sub-nav { 
	border-color: #ffffff; 
	background: #ffffff; 
	border: 0 solid #ffffff!important;
}

.admin-bordercolor,
.commerce-bordercolor{ 
    border-bottom: 1px solid #c4ced7!important;
  	-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
}


.admin-bordercolor { 
    height: 30px;
    padding: 0px 0 0 0;
}

.commerce-bordercolor nobr,
.admin-bordercolor nobr,
.header-bordercolor nobr,
.nav-links nobr {  
    background: none repeat scroll 0 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

.nav-links nobr{
    display: inline-block;
    padding: 0 5px;
}

.nav-links nobr a{
    display: inline-block;
    margin: 0px 0px 0 0;
    padding: 4px 4px 0 0;
}

.nav-links>a img,
.nav-links nobr img
.nav-links nobr img:hover{
    display: inline-block;
    padding: 2px 3px;
    border-radius: 2px;
	border: 1px solid #ffffff;
	height: 20px;
}

.nav-links nobr a:first-child img :hover{
    padding: 0px 0 0 0!important;
}

.nav-links nobr a:first-child{
    padding: 0px 0 0 0!important;
  border:1px solid #f2f4f5;
}

#main-nav,
#sub-nav,
div.nav-links {
	height: 28px;
}


#header-page #main-nav a, 
#header-page #main-nav a:visited, 
#header-page #sub-nav a, 
#header-page #sub-nav a:visited, 
#header-page .commerce-bordercolor .nav-center a, 
#header-page .commerce-bordercolor .nav-center a:visited {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #145c9e!important;
	/*! background: #ffffff; */ 
	border: 1px solid #ffffff;
	height: 22px;
	display: inline-block;
	margin: 0px 0px 0 0;
	padding: 2px;
	vertical-align: top;
	border-radius: 3px;
}

#header-page #main-nav a:hover, 
#header-page #sub-nav a:hover, 
#header-page .commerce-bordercolor .nav-center a:hover, 
#header-page .commerce-bordercolor .nav-center a:hover {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #145c9e!important;

	height: 22px;
	display: inline-block;
	margin: 0px 0px 0 0;
	padding: 2px;
	vertical-align: top;
	border-radius: 3px;
}
.commerce-bordercolor .nav-left nobr:first-child,
.admin-bordercolor .nav-left nobr:first-child,
.header-bordercolor .nav-left nobr:first-child { 
	border-left: none; 
}

.commerce-bordercolor img,
.admin-bordercolor img,
.header-bordercolor img,
.nav-links nobr{
	border: 1px solid #f2f4f5;
}

.nav-links nobr img:hover,
.nav-links nobr:hover img{
	border: 1px solid #ffffff;
}

#subnav a,
.commerce-bordercolor img:hover,
.admin-bordercolor img:hover,
.header-bordercolor img:hover,
.nav-links nobr:hover,
.nav-links nobr:hover{
	color: #145c9e!important;
/    background: #ffffff; 
/	border: 1px solid #c4ced7;
}



.sidebar-folder a img { 
	margin: 0; 
}

a.commerce-sidebar-item,
a.commerce-sidebar-current,
a.admin-sidebar-item,
a.admin-sidebar-current,
a.header-item,
a.header-current {	
	padding-left: 0px;
	padding-right:0px; 
	color: #145c9e!important;
}


.admin-bordercolor table, 
.commerce-bordercolor table, 
.header-bordercolor table {
    white-space: nowrap;
	background: #ffffff; 
}

.commerce-bordercolor .nav-links nobr{  
	display: inline-block;
	padding: 0;
}

/* -------- Set all Nav fonts ---------*/

.admin-sidebar-item, 
.admin-sidebar-item:link, 
.admin-sidebar-item:visited, 
.admin-sidebar-current, 
.admin-nav-tab, 
.admin-nav-tab-on ,
.admin-tabs .tab-text,
.admin-char-delim ,
.commerce-sidebar-item, 
.commerce-sidebar-item:link, 
.commerce-sidebar-item:visited,
.commerce-sidebar-current,
.commerce-nav-tab, .commerce-nav-tab-on,
.commerce-tabs .tab-text,
.commerce-char-delim ,
.header-item, 
.header-item:link, 
.header-item:visited,
.header-current,
.header-tab, 
.header-tab-on,
.header-tabs .tab-text,
.header-char-delim,
.footer-item, 
.footer-item:link, 
.footer-item:visited,
.footer-current,
.footer-tab, .footer-tab-on,
.footer-tabs .tab-text,
.footer-char-delim,
#main-nav, 
#main-nav a,
#footer-nav, 
#footer-nav a,
.admin-nav, 
.admin-nav a,
.user-nav, 
.user-nav a,
#main-nav .tab-text,
#footer-nav .tab-text,
.admin-nav .tab-text,
.user-nav .tab-text,
#login-form  {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #145c9e;

}
.commerce-sidebar-item, .commerce-sidebar-item:link, .commerce-sidebar-item:visited {
	font-weight: 700;
    text-transform: none;
}
.admin-bordercolor,
#header-page{ 
    border-bottom: 1px solid #c4ced7;
  	-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
}

/* Fixes DocDesigner Headers */
#header-page {
  margin: 0 0 10px 0;
}
body, #wrapper {
background: none repeat scroll 0 0 #ffffff!important;	
}

#header-page #main-nav a, 
#header-page #main-nav a:visited, 
#header-page #sub-nav a, 
#header-page #sub-nav a:visited, 
#header-page .commerce-bordercolor .nav-center a, 
#header-page .commerce-bordercolor .nav-center a:visited {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ffffff;
	  padding: 2px 3px;
	  border-radius: 2px;
  height: 20px;
}

#header-page #main-nav a:hover, 
#header-page #sub-nav a:hover, 
#header-page .commerce-bordercolor .nav-center a:hover {
    display: inline-block;
    padding: 2px 3px;
    border-radius: 2px;
	height: 20px;
  color: #145c9e!important;
}

nav img {
    height: 20px;
}

.admin-home-page #top-bar-wrapper {
	padding: 0px;
	border-bottom: 0px;
	padding-bottom: 12px;
}

.top-bar {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    color: #252525 !important;
    font-weight: 400;
    font-size: 21px !important;
    text-transform: none;
	  padding-bottom: 12px !important;
}

.admin-home-page .top-bar {
	  padding-bottom: 0 !important;
}

.admin-home-page #list-display h2 {
    line-height: 20px;
    height: 30px;
    font-weight: normal;
    color: #252525;
    border-bottom: 1px solid #ccc;
}

.admin-home-page #list-display .ul-list-display {
    border: 0px;
}

.admin-home-page #content {
    border: 1px solid #ccc;
}

.admin-home-page #content-wrapper {
    border: none;
}

/*.admin-home-page #content-wrapper {
    width: 97%;
    margin: 0px auto;
    padding: 0px;
}

#list-display .ul-list-display {
    width: 93%;
	margin: 0;
		margin-right: 45px;
	min-height: 250px;
}

.view-type-wrapper {
    width: 100%;
}*/

#list-display li a {
    color: #252525 ;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11.5px;
	font-weight: 700;
    text-decoration: none;
	line-height: 20px;
}

#list-display ul li ul li {
    color: #252525 ;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11.5px;
	font-weight: 700;
		line-height: 20px;
}

.admin-home-page #list-display div > ul > li { background-repeat: no-repeat; background-position: 100% 35%; min-height: 150px; }

.form-header {
    background-color: #ffffff;
    color: #333333;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 28px;
}

.admin-home-page {
    background: #ffffff;
}

#cpqUserMenu_layer #cpqUserMenu a[role="menuitem"] > a {
    font-weight: normal;
	color: #777 !important;
}

/* Add Redwood stripe to Global Header */
/*#cpq-alta-header {
	  padding-bottom: 10px !important;
    background-image: url("../../image/Icons/colorstrip_redwood_desktop_new.png") !important;
    background-repeat: repeat-x;
    background-position: left bottom;
	  background-size: 600px;
}*/

/*  This is an example of how to customize the icons used for Global Navigation shortcuts.   
#cpq-alta-header #cpq-header-tb .cpq-nav-threepages[aria-labelledby="ui-id-4"] .cpq-nav-icon::before {
content: url("../../image/Icons/CUSTOMICON1_ena.png")!important;
}
#cpq-alta-header #cpq-header-tb a.oj-hover[aria-labelledby="ui-id-4"] .cpq-nav-icon::before {
content: url("../../image/Icons/CUSTOMICON1_hov.png")!important;
}
#cpq-alta-header #cpq-header-tb a.cpq-selected[aria-labelledby="ui-id-4"] .cpq-nav-icon::before {
content: url("../../image/Icons/CUSTOMICON1_act.png")!important;
}
*/


/* Nav Icon - Home */


#cpq-alta-header>nav .user-icon {
	content: "" !important;
	color:#fff;
	font-size:9pt;
	height: 24.5px !important;
	width: 24.5px !important;
	background: url('../../image/Icons/icon-redwood-user.png') !important;
	justify-content: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;	
}
#cpq-alta-header>nav .user-icon:before {
	content: "" !important;
	color:#fff;
	font-size:9pt;
	height: 28px !important;
	width: 28px !important;
	background: url('../../image/Icons/icon-redwood-user.png') !important;
	justify-content: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

#__oj_zorder_container .oj-toolbar-separator, #cpq-alta-header .oj-toolbar-separator, #cpq-nav-drawer-style .oj-toolbar-separator {
  display: none!important;
}

html:not([dir="rtl"]) .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-icons-only .oj-button-icon.oj-end {
  display: none!important;
}


#cpq-alta-header #cpq-header-tb .cpq-nav-home.cpq-nav-icon:before{
	 content:url('../../image/Icons/icon-redwood-home.png')!important;
}

#cpq-alta-header #cpq-header-tb .cpq-nav-home.cpq-selected .cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-home.png')!important;
}

/* Nav Icon - Admin */
#cpq-alta-header #cpq-header-tb .cpq-nav-gear.cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-admin.png')!important;
}
#cpq-alta-header #cpq-header-tb .cpq-nav-gear.cpq-selected .cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-admin.png')!important;
}

/* Nav Icon - Process */
#cpq-alta-header #cpq-header-tb .cpq-nav-money.cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-process.png')!important;
}
#cpq-alta-header #cpq-header-tb .cpq-nav-money.cpq-selected .cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-process.png')!important;
}

/* Nav Icon - Process */
#cpq-alta-header #cpq-header-tb .cpq-nav-like.cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-favorites.png')!important;
}
#cpq-alta-header #cpq-header-tb .cpq-nav-like.cpq-selected .cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-favorites.png')!important;
}

/* Nav Icon - Catalog */
#cpq-alta-header #cpq-header-tb .cpq-nav-threecubes.cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-catalog.png')!important;
}
#cpq-alta-header #cpq-header-tb .cpq-nav-threecubes.cpq-selected .cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-catalog.png')!important;
}

/* Nav Icon - Profile */
#cpq-alta-header #cpq-header-tb .cpq-nav-cardperson.cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-profile.png')!important;
}
#cpq-alta-header #cpq-header-tb .cpq-nav-cardperson.cpq-selected .cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-profile.png')!important;
}

/* Nav Icon - My Quotes */
#cpq-alta-header #cpq-header-tb .cpq-nav-threepages.cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-myquotes.png')!important;
}
#cpq-alta-header #cpq-header-tb .cpq-nav-threepages.cpq-selected .cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-myquotes.png')!important;
}

/* Nav Icon - Reporting */
#cpq-alta-header #cpq-header-tb .cpq-nav-linebargraph.cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-reporting.png')!important;
}
#cpq-alta-header #cpq-header-tb .cpq-nav-linebargraph.cpq-selected .cpq-nav-icon:before {
	 content:url('../../image/Icons/icon-redwood-reporting.png')!important;
}

/* Nav Icon - Help */
#cpq-alta-header #cpq-header-tb li.cpq-nav-help .cpq-nav-icon:before {
 content:url("../../image/Icons/icon-help.png") !important;
}
#cpq-alta-header #cpq-header-tb li.cpq-nav-help.cpq-selected .cpq-nav-icon:before {
 content:url("../../image/Icons/icon-help.png") !important;
}

/* Nav Icon - Logout */
#cpq-alta-header #cpq-header-tb li.cpq-nav-login .cpq-nav-icon:before {
 content:url("../../image/Icons/icon-logout.png") !important;
}
#cpq-alta-header #cpq-header-tb li.cpq-nav-login.cpq-selected .cpq-nav-icon:before {
 content:url("../../image/Icons/icon-logout.png") !important;
}

/* Nav Icon - Link */
#cpq-alta-header #cpq-header-tb li.cpq-nav-link .cpq-nav-icon:before {
 content:url("../../image/Icons/icon-chain.png") !important;
}
#cpq-alta-header #cpq-header-tb li.cpq-nav-link.cpq-selected .cpq-nav-icon:before {
 content:url("../../image/Icons/icon-chain.png") !important;
}

/* Nav Icon - Info */
#cpq-alta-header #cpq-header-tb li.cpq-nav-info .cpq-nav-icon:before {
 content:url("../../image/Icons/icon-info.png") !important;
}
#cpq-alta-header #cpq-header-tb li.cpq-nav-info.cpq-selected .cpq-nav-icon:before {
 content:url("../../image/Icons/icon-info.png") !important;
}


#cpq-alta-header #cpq-header-tb li.oj-hover {
 border-bottom:none !important;
}
#cpq-alta-header #cpq-header-tb li.cpq-selected {
 border-bottom:none !important;
}

.oj-button-jqui.oj-selected.oj-button-half-chrome, .oj-button.oj-selected.oj-button-half-chrome .oj-button-button {
    background-color: #c4ced7 !important;
    border-color: #c4ced7 !important;
}

#ui-id-25.oj-button-button.oj-component-initnode{
	    background-color: #2c2826 !important;
    border-color: #2c2826 !important;
}
.oj-button.oj-selected.oj-hover.oj-button-half-chrome .oj-button-icon {
 color:#878c90 !important;
}

#cpq-drawer-button.oj-button.oj-button-half-chrome.oj-button-icon-only.oj-enabled.oj-complete.oj-default button.oj-button-button div.oj-button-label span.oj-button-icon.oj-start span.oj-fwk-icon-hamburger.oj-fwk-icon{
  color: #ffffff!important;
}

#configuration .oj-fwk-icon, .oj-panel-drag-icon, .oj-panel-expand-icon, .oj-panel-collapse-icon, .oj-panel-remove-icon, .oj-listview-drill-icon, .oj-listview-drag-handle, .oj-web-applayout-offcanvas-icon, .oj-progressstatus-cancel-icon, .oj-component-icon, .oj-popup-tail.oj-popup-tail-simple {
  font-size: 20px !important;
  font-weight: bold;
  font-style: bold;
  color: #594564 !important;
}

#cpq-alta-header > span #drawer-separator {
  display: none;
}

#cpqUserMenu_layer #cpqUserMenu {
  margin-top: 15px!important;
	width: 230px!important
}

#cpqUserMenu_layer #cpqUserMenu {
	font: 16px  'Oracle Sans',-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
}