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

/*  FOOD SERVICE ENABLERS
	SALES TEAM PORTAL
	"CLEAN" / DEFAULT THEME
	MAIN STYLESHEET 

		--- TABLE OF CONTENTS ---
			- IMPORTS
			- GLOBAL ELEMENTS
			- NOT UTILIZED
*/

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



@import url( base.css );
@import url( tac.css );
@import url( oppy-stylesheet.css );
@import url( pos-stylesheet.css );
@import url( trn-stylesheet.css );
@import url( cda-stylesheet.css );
@import url( nav-stylesheet.css );
@import url( obj-stylesheet.css );
@import url( opr-stylesheet.css );
@import url( cdr-stylesheet.css );
@import url( tpf-stylesheet.css );
@import url( sim-stylesheet.css );
@import url( spl-stylesheet.css );
@import url( cmp-stylesheet.css );
@import url( inc-stylesheet.css );
@import url( pcm-stylesheet.css );
@import url( shr-stylesheet.css );
@import url( prc-stylesheet.css );
@import url( mkt-stylesheet.css );
@import url( ssg-stylesheet.css );
@import url( eml-stylesheet.css );
@import url( fsr-stylesheet.css );
@import url( dot-stylesheet.css );
@import url( bpl-stylesheet.css );
@import url( gpo-stylesheet.css );
@import url( sme-stylesheet.css );
@import url( bid-stylesheet.css );
@import url( fnd-stylesheet.css );
@import url( chd-stylesheet.css );
@import url( tpm-stylesheet.css );
@import url( cll-stylesheet.css );
@import url( wrk-stylesheet.css );
@import url( smpl-stylesheet.css );
@import url( bsg-stylesheet.css );
/* @import url( ask-stylesheet.css ); */
@import url( evt-stylesheet.css );
@import url( mad-stylesheet.css );
@import url( srch-stylesheet.css );
/* @import url( ofs-stylesheet.css ); */
/* @import url( dax-stylesheet.css ); */
@import url( prd-stylesheet.css );
@import url( pdr-stylesheet.css );
@import url( cma-stylesheet.css );
@import url( qba-stylesheet.css );
@import url( mgm-stylesheet.css );
/* @import url( feed-content.css ); */



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



/* ------------------------------------------------------------- */
/* GLOBAL ELEMENTS */

/* Always use the LoVe HAte rule for link property order - link, visited, hover, active */
a:link{color: #493a27;text-decoration: underline;}
a:visited{color: #493a27;text-decoration: underline;}	
a:hover{color:#736b60;text-decoration: underline;}
a:active{color: #493a27;text-decoration: underline;}
	
/* Change global font color, background color and margins here */
body{	
	color:#2a2b30;
	background-color:#FFFFFF;
	margin:0px 5px 5px 3px; 
	}

#display { margin-top:0;}
xbody.ie8 #display { margin-top:15px;}


/* Header Section */
#headerContainer{
	width:1000px;
	}
	
	#header{
		background-color: #fff;
		}

.masthead{ vertical-align:middle; height:93px; background-image: url( ../graphics/masthead.jpg ); background-position:center; background-repeat:no-repeat; }
.masthead .sponsor-logos{ float:right; clear:none; position:relative; left:-70px; top:-5px;}
.masthead .client-logo{ float:left; clear:none; top:-16px; position:relative; left:23px; }
.masthead .tag-line{ color:#00305C; font-size:14px; font-weight:bold; font-family:arial;letter-spacing:1px; position:relative; padding-left:183px; top:45px;}
.masthead .tag-line span{ font-weight:normal; font-size:12px;}
		
body#content-template .sponsor-logos{ display:none; }
	
#main-print-template #headerContainer {xwidth:600px;}

/* Titles */
#titleContainer {height:26px; background-color:#fff;margin-bottom:5px; color:#ffffff; margin-top:0px; width:1000px;line-height:12px;}

#titleContainer .panel-control { float:left; xmargin-top:3px; xmargin-left:3px; display:block; }


#titleContainer select { margin-left:15px; width:200px; height:22px; xmargin-top:5px; xvertical-align:middle; xline-height:10px;}

body.ie #titleContainer select { margin-top:2px; }

#myRelationships { position:absolute; left:300px; xfloat:left; display:inline-block; vertical-align:top; padding-top:2px;}


body.slide-nav-on.scroll #titleContainer { position:fixed !important; top:0px !important; z-index:1000 !important;}
body.slide-nav-on.scroll #nav { position:fixed !important; top:26px !important; z-index:1000 !important; }
body.slide-nav-on.scroll #data-alert { display:none; }

body.scroll.canopy #titleContainer { position : fixed !important; top:-78px !important; z-index:1000 !important }
body.canopy #navigationDrawer { margin-left:32px; margin-right: 32px }
body.canopy { background-color:#F6F7F8; margin-left:0px; margin-right:0px; margin-left : 0px; margin-top: 0px !important;}
body.canopy #titleContainer { background-color:white; }


body.full-width #headerContainer, 
body.full-width #titleContainer, 
body.full-width #primaryContainer, 
body.full-width #footerContainer { width:100% !important;  }

#display { width : 96vw; }
#display { width : 100%; } /* testing */

body.full-width #user-profile-options { left:unset !important; right:15px !important; }
body.full-width span#report-center { left:unset !important; right:200px !important; }

@media screen and ( max-width: 1000px ) {
	body.full-width #headerContainer, 
	body.full-width #titleContainer, 
	body.full-width #primaryContainer, 
	body.full-width #footerContainer { width:1000px !important; }
	body.full-width span#report-center { left:575px !important; }
}

/*#myRelationships .fse-help { position:relative; top:-2px;  }*/


.ie7 #myRelationships .fse-help { position:static;  }
#myRelationships .fse-help { display:none !important; }

.tb-l { height:26px; background-color: #b0b0b0; padding:0px 0px 0px 0px;}
.tb-r { height:26px; background-color: #b0b0b0;padding:0px 5px 0px 0px;}
.tb-c { margin:0px 0px 0px 0px;height:26px; background-color: #b3b3b3; }

#title {xline-height:1.5em;font-weight:bold;padding-left:5px;float:left;xmargin-top:-2px; display:inline-block;margin-top:7px; }

/* Top right links: Corporate Home, Edit Profile, Logout */
#specialLinks {float:right; color:#ebebeb; padding-right:10px; padding-top:4px; text-decoration:none;}
#specialLinks a { font-size:.9em;margin: 0px 3px 0px 2px; font-family: Arial; text-decoration:none;}
#specialLinks a:link {color:#ebebeb;}
#specialLinks a:visited {color:#ebebeb;}
#specialLinks a:hover {color:#ffffff; }
#specialLinks img { vertical-align:top; } /* 01/02/2020 MWG */

/* Main Content area */
#primaryContainer {width: 1000px;}

#flexContainer { margin-left:0px; padding-left:0px;}

#displayContainer {
	height :75vh;
	padding:0px 0px 0px 0px;
	background-color: white;
}

#displayContainer { padding-right : 0px; } /* testing - was zero, tried 5 and 8 */
#flexContainer { padding-left:8px;} /* testing - was zero */

	

#flexContainer {
	width:261px; padding-top:0px; }

#footerContainer {
	background-color:rgb(40, 60, 137); 
	background:none;
	color:#C0C0C0;
	text-align:center;
	margin-top:5px;
	width: 1000px;
	}

#content-template #footerContainer{ 
	background-color:transparent; 
	border-top: 2px solid #C0C0C0;
	}
	
#main-print-template #footerContainer{ 
	background-color:transparent; 
	border-top: 2px solid #C0C0C0;
	width:600px;
	}

#footerContainer a { color:#505050; }

#footer div{ 
	color:#505050;
	text-align:left; 
	padding-top:.5em;
	font-size:12px; 
	text-align: center;
	}
#footer div br { display : none; }
/*
#fseContainer{
	width: 450px;
	margin-left:auto;
	margin-right:auto;
	}
*/

.fb-l { 
	height:28px; 
	background-image: url( ../graphics/fb_l.png );
	background-position: top left;
	background-repeat: no-repeat;
	padding:0px 0px 0px 5px;
}

.fb-r { 
	height:28px; 
	background-image: url( ../graphics/fb_r.png );
	background-position: top right;
	background-repeat: no-repeat;
	padding:0px 5px 0px 0px;
}

.fb-c { 
	margin:0px 0px 0px 0px;
	height:28px;
	background-image: url( ../graphics/fb_c.png );
	background-position: top left;
	background-repeat: repeat-x; 
}



/* UI object classes */

.listRowAlt {
	background-color: #F0F0F0; }

table.recordList thead {
	border: none; background-color: #a1a1a1 ; color: #ffffff ; font-weight:bold; font-size:1em; vertical-align:bottom; text-transform: uppercase; font-weight: normal; }
	
.thead2{
	background-color: #CFCFD1;
	color:#000000;
    font-weight:bold;
}

table.recordList tfoot td {
	border-color:#BEBB92; }
	
table.recordList tfoot { line-height:15px; }

table.recordList tr.empty > td { color:#B0B0B0; }
/* table.recordList tr.empty > td a { color:#B0B0B0; } */ /* removed for dxtheme helvetica now changes */

.box {border: 1px solid #330000; background-color:#F9F1DC;text-align:center;}
/*text-align:center;width:200px;padding:5px;border:1px solid ##330000;background-color:F9F1DC;*/

div.grid { border:1px solid #330000; background-color:#E3D4A8;}
table.grid { border-top:1px solid #330000;border-left:1px solid #330000;}
table.grid tr { text-align:center; }
table.grid thead tr { background-color:#E3D4A8;}
table.grid thead td,table.grid thead th {  border-bottom:1px solid #330000;border-right:1px solid #330000; }
table.grid tbody td { border-bottom:1px solid #330000;border-right:1px solid #330000;}


/* application component styles */

/* operator management */

#oprDetailPopup {
	border:1px solid #717171;
	width:99%; }
#oprDetailPopupHeader {
	padding:5px;
    border:1px solid #C0C0C0;}
	border-bottom: 2px solid #717171; }
#oprDetailPopupHeader td strong {
	color:#F3903B; }
#oprDetailPopupBody {
	padding:5px;
	left:0; }
#oprDetailPopupBody table {
	line-height:15px; }
#oprDetailPopupBody td {
	text-align:left;}

#frm_operatorMgmt {
	x-background-color: #F7F6E3; }

/*
#options table {
	border-color: #5A5A5A; }
*/

/* distributor management */

#dstDetailPopup {
	border:1px solid #5A5A5A;
	background-color: #F7F6E3;
	width:99%; }
#dstDetailPopupHeader {
	padding:5;
    border:1px solid #5A5A5A;
	border-bottom: 2px solid #5A5A5A; }
#dstDetailPopupHeader td strong {
	color:#CC0000; }
#dstDetailPopupBody {
	padding:5;
	left:0; }
#fseLogo {float:right;clear:both;margin-top:2px;margin-right:2px;}


#dstDetailPopupBodyOverview p { margin:0; margin-bottom:5px; font-size:.9em; margin-right:15px; font-style:italic;}

#dstDetailPopupBody table {
	line-height:15px; }
#dstDetailPopupBody td {
	text-align:left;}




/* sales team news */
#news-container h1 {
	background-color: #08794f;
	color: #D1BA88;}
.news-item {
	border-color: #08794F;}

/* general */

#displayContainer .content-introduction p { font-size: 1.2em; padding: 0px 0px 10px 10px; }
#displayContainer .content-introduction h3 { font-size: 1.2em; }
#displayContainer .content-introduction { border-top: 1px solid silver; margin-left:10px; margin-right:10px;}
.content-introduction a { color: #F3903B; }

/* hot box */
/* #hotbox-portlet-container {border-color: #E7DED5; margin-left:0px; padding-left:0px;} */
#hotbox-portlet-container h2 {
	background-color: #B59333; ;
	font-size:1.3em;
	line-height:16px;
	padding-top: 3px; padding-bottom:3px;
	color: #FFFFFF;}

#hotbox-search-results { border: 1px solid #E7DED5; border-top:none;}
#hotbox-portlet-container .content-introduction {
	xborder-top: 5px solid #CBC5B3;
	padding-top: 0px; padding-bottom:10px; padding-left:10px; padding-right:7px;
	border-bottom: 3px solid #C0C0C0;
	}
#hotbox-portlet-container .content-introduction p { font-size: 1.2em; }
#hotbox-portlet-container .content-introduction h3 { font-size: 1.2em; color:rgb(40, 60, 137);}


#hotbox-keyword-search {
	background-color: steelblue; xborder-top:3px solid #876B25; padding-top:3px; padding-bottom:5px;padding-left:10px; padding-right:7px;
	}
#hotbox-keyword-search img {
	margin-left: -10px; margin-top: -3px;
	}
#hotbox-keyword-search td { padding-left: 5px; }

/* admin center */
#broker-profile-panel { font-size: 1.2em; padding: 10px; padding-top:3px; }

xbody.ie8 .list-navigation { margin-top:16px; }

#prc-list-navigation { background-color: #e7e7e7; text-align:right; padding-right:20px; padding-bottom:4px;}
#prc-list-navigation a { color: black; font-size: .9em; padding-left: 20px; text-decoration:underline; cursor:pointer;}
.prc-product-summary td { border-bottom: 1px solid silver; padding-bottom:10px;vertical-align:top;padding-top:4px;}
.prc-product-summary td img { margin-top: 2px; margin-right: 7px; }
.prc-product-summary td p { margin:0; }
#prc-detail-tab-panel {padding-left:10px; padding-right:10px;}
#prc-detail-tab-panel h2 { width: 100%; border-bottom: 1px solid silver; padding-bottom: 2px; }
#prc-detail-view-panel h1 { font-size: 1.4em; padding-bottom:10px;}

#heading { font-size: 2em; font-weight:bold; text-align: center; margin-top:10px; padding-bottom:0px; margin-bottom:0px;}

.portlet div.body .section { border:1px solid #E7DED5; margin:1px; padding:1px; background-color:#E8E8E8;  }
.portlet div.body .section p {font-size:.9em;padding:3px;margin:0px;}
.portlet div.view { background-color:white; }


/* document library */
.file-description-cell {font-size: .9em; width: 320px;}
.file-link-cell {font-size:.9em;}
.file-last-modified-cell {font-size:.9em;}
.file-size-cell {font-size:.9em; padding-bottom: 6px;}
.teaser2-layout-container {margin: 10px 0 0 10px; padding-right: 20px;}
.toggleFavorite {padding-left: 2px;}
/* end document library */

/* image library */
table.image-record	{border-bottom: 1px solid #666666;}
.portlet.CDAResourcePortlet .image-record {margin-bottom:0px!important;}
.portlet.CDAResourcePortlet .image-list	{padding-bottom: 12px}
/* end image library */

.lead-app-container {
	}

.lead-app-container .lead_colhdr{
	font-weight: bold;
}
.lead-app-container .lead_bodybgcolor .lead_colhdr td {
	background-color: #91897E;
	color: #ffdec0;
}
.lead-app-container table.lead_listrowalt { border 1px solid silver; margin-bottom:1em; }

.lead-app-container table.lead_bodybgcolor { border: 1px solid silver; }
.lead-app-container .lead_bodybgcolor .lead_listrow{
	}

.lead-app-container .lead_bodybgcolor .lead_listrowalt{
	background-color: #F0F0F0;
}

.sales-initiative-feedback-requirements a {
	color:steelblue;
	}


div.construction-title { position:absolute; display:block; color:white; text-align:left; top:30px; left:10px; font-size:22pt; font-weight:bold; font-family:arial; visibility:hidden; }

.form-input { padding-left:4px; }
.form-detail-textarea {width: 300px;height: 100px;padding-left:4px;}
.form-instruction { color: silver; }
.form-section-break { height: 25px; }

.fse-hidden-element select { display:none; }

/* PORTLETS */
/* ///////////////////////////////////////////////////////// */
.portlet.layout-2 { background:none; margin:0px 0px 10px 0px;  }
#options > .portlet.layout-2 { min-width:173px !important; }

.portlet.layout-2 .header {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#737171+0,#a2a2a2+100 */
   background:transparent; border:none; height:auto; width:auto;
   background: #d8d8d8; /* Old browsers */
   border: 1px solid #666666;
  xxxbackground: -moz-linear-gradient(top,  #737171 0%, #a2a2a2 100%); /* FF3.6-15 */
  xxxbackground: -webkit-linear-gradient(top,  #737171 0%,#a2a2a2 100%); /* Chrome10-25,Safari5.1-6 */
  xxxbackground: linear-gradient(to top,  #737171 0%,#a2a2a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  xxxfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737171', endColorstr='#a2a2a2',GradientType=0 ); /* IE6-9 */
  xxxx-webkit-border-top-left-radius: 4px;
  xxxx-webkit-border-top-right-radius: 4px;
  xxxx-moz-border-radius-topleft: 4px;
  xxxx-moz-border-radius-topright: 4px;
  }


.portlet.layout-2 .header h1 { font-weight:bold; font-size:11px;text-transform:uppercase; 
	margin-bottom:2px; /* changed from 4px for dx themes and change to helvetica now */
	color:#525252;}
.portlet.layout-2 .header h1 a {text-decoration: none;}

.portlet.layout-2 .header2 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#737171+0,#a2a2a2+100 */
   background:transparent; height:auto; width:auto;
   background: #f1f1f1;
   border: 1px solid #cccccc;
  }
.portlet.layout-2 .header2 h1 { font-weight:bold; font-size:11px;text-transform:uppercase;color:#333333;}

.portlet.layout-2 .view { border:1px solid #DDDDDD; border-top:none; border-bottom:none;overflow:hidden; padding:0px 1px 0px 1px;  }
.portlet.layout-2 .view h3, .portlet.layout-2 .view h2{ color: #493a27; }
.portlet.layout-2 p{ font-size:11px; }

.portlet.layout-2 .hdr-l { height:21px; padding:0px 0px 0px 5px;}
.portlet.layout-2 .hdr-r { height:21px; padding:0px 5px 0px 0px;}
.portlet.layout-2 .hdr-c { margin:0px 0px 0px 0px;height:21px;}

.portlet.layout-2 .ftr-l { /*height:2px;*/ background-color:#c6c6c6; /*padding:0px 0px 0px 5px;*/ padding:0px 0px 0px 0px;}
.portlet.layout-2 .ftr-r { height:2px; background-color:#c6c6c6; padding:0px 5px 0px 0px;}
.portlet.layout-2 .ftr-c { height:2px; background-color:#c6c6c6; padding:0px 0px 0px 0px;}

/* scrum 22026 */
/* .portlet.layout-2 a:link { color:#b53524;} */
/*.portlet.layout-2 a:visited { color:#b53524;} */
.portlet.layout-2 a:hover { color:#e23c24; text-decoration:underline;}
.portlet.layout-2 a:active { color:#b53524;}


.portlet.layout-2 .hdr-c td.title, .portlet.layout-2 .hdr-c td.control { padding:0px 0px 0px 0px; border:none; }
/*.portlet.layout-2 .hdr-c td.title { padding-bottom:2px; }*/
.portlet.layout-2 .hdr-c td.control  {position: static;}
.portlet.layout-2 .hdr-c td.control img { cursor:pointer; vertical-align:baseline; }
.portlet .header table { width:100%; }
.portlet .header2 table { width:100%; }

.portlet.layout-2 .hdr-c td.control div { display:inline-block; margin:0px; padding:0px; }
.portlet.layout-2 .hdr-c td.control div span.fse-help { float:right; position:relative; top:1px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:20px; background-image: url(../graphics/FSE-Help-Portlet.png)}

.portlet-onclick {cursor: pointer;}
.portlet-onclick:hover {text-decoration: underline;}

#display .portlet.layout-2 .view a { margin-left:0px; }
#displayContainer .portlet.layout-2 { background:none; margin:0px 0px 10px 0px; }
#displayContainer div.content-introduction.teaser2-layout.db1col	{width: 99%;}
#displayContainer div.content-introduction.teaser2-layout.db1col + div.content-introduction.teaser2-layout.db1col {width: 90%;}
#displayContainer div.content-introduction.teaser2-layout.with-thumb-100 p	{line-height: 14px;}
#displayContainer div.content-introduction.teaser2-layout h3 {margin-left: 14px;}
#displayContainer div.content-introduction.teaser2-layout p {margin-left: 14px;}
#displayContainer div.cda-app-container.dashboard .teaser2-layout-container {padding-left: 0px; padding-right: 0px;}

.content-introduction a{ margin-left:0px !important; }
.teaser2-layout-container div.content-div-line	{height: 1px; background-color:#e4e4e4; margin: 10px 12px 0px 12px; width: 90%; text-align:center; float:left;}
#displayContainer div.content-introduction.teaser2-layout.db1col + div.content-introduction.teaser2-layout.db1col {border:0px!important;}
/* .content-layout-socket	{margin: 0 0 0 14px!important; padding-right: 22px!important;} */
.content-layout-socket h1 {color: #333333; margin-bottom:16px; font-size: 14px;}
.content-layout-socket h2 {color: #666666; margin-bottom:14px;}
.content-item-text h1 {color:#555555; margin-bottom: 14px;}
.content-item-text h2 {color:#666666; margin-bottom: 10px;}
.content-item-text p {line-height: 20px;}

.shortcut-list {padding:8px; }
.shortcut-list span{ cursor:pointer; text-decoration:underline;}

xbody.ie8 #opr-reassign-operator-profile-portlet-view div table { margin-top:5px;}
xbody.ie8 #opr-basic-profile-portlet-view div table { margin-top:5px;}
xbody.ie8 #cdr-detail-tab div table { margin-top:5px;}


.yui-navset .yui-content div { background-color:white; }

/* ///////////////////////////////////////////////////////// */

#contact-us-form-container fieldset#contact-us-message-fields textarea { width: 595px; height: 9em; }

#contact-us-form-container { border: 1px solid #CCCCCC; padding:.5em;}
.content-container { padding-top:0px; font-size: 1.2em; }
#display #heading { margin-top:0px; text-align:right; padding-right:0px; font-size:15px; font-weight:bold; }


.pos_sbmtBtn { border:none !important; background-color:none !important; }



/* NOT UTILIZED */

div.client-logo{ 
	display:block; 
	}
			
div.client-logo img{ 
	position:absolute; 
	width:140px;
	height:67px; 
	top:40px; 
	left:670px;  
	}

.fsRewards-txt{ color:#000000; font-weight:bold; vertical-align:middle; font-size:10px;}
.fsRewards-label{ color:#000000; font-weight:bold; vertical-align:middle; font-size:10px;}
.fsRewards-label img{ color:#669900; font-weight:bold; vertical-align:middle; font-size:10px;}
.prd_footnote{ color:#000000; font-weight:bold; vertical-align:middle; font-size:10px;}

.task-control span.ico { float:right; margin-top:2px; }
.task-control { border-bottom:1px solid silver; padding-bottom:5px; margin-bottom:2px; }
#task-portlet-view-socket { padding:3px; padding-bottom:5px;}
.task-list { width:100%; }
.task-list td { vertical-align:top; padding-bottom:3px; }
.task-list thead td { vertical-align:bottom; font-weight:bold; border-bottom:1px solid #A0A0A0; }
.task-list tbody td { height:16px; }
.task-list td.status { width:16px; padding-left:0px; }
.task-list tbody td.taskDescription span { white-space:nowrap; display:inline-block; width:140px; overflow:hidden;}
.task-list tbody td.taskDescription { padding-top:2px; }
.task-list tbody td.dueDate { padding-top:2px; }
.task-list td.taskDescription, .task-list td.dueDate { padding-left:4px; }


/* taskDialog is obsolete */
#taskDialog #notesTab textarea { width:507px; height:180px; }
#taskDialog .tab-body { height:200px; }
#taskDialog input#dueDate { width:80px; }
#taskDialog .tab-body label { font-weight:bold; }
#taskDialog .tab-body label.inst { font-weight:normal; }
#taskDialog #generalTab table td { vertical-align:top; }
#taskDialog #generalTab table em { padding-left:5px; padding-right:5px; }
#taskDialog textarea#taskDescription { width:430px; height:3em; }
#taskDialog .task-status { text-align:right; }
#taskDialog #customerTab table td { vertical-align:top; }
#taskDialog #generalTab table td label, #taskDialog #customerTab table td label { padding-right:5px; }
#taskDialog #customerTab #partnerSummarySocket { height:45px;}
#taskDialog #customerTab #partnerSelect { width:430px; }


.taskDialog_0 #notesTab textarea { width:507px; height:180px; }
.taskDialog_0 .tab-body { height:200px; }
.taskDialog_0 input#dueDate { width:80px; }
.taskDialog_0 .tab-body label { font-weight:bold; }
.taskDialog_0 .tab-body label.inst { font-weight:normal; }
.taskDialog_0 #generalTab table td { vertical-align:top; }
.taskDialog_0 #generalTab table em { padding-left:5px; padding-right:5px; }
.taskDialog_0 textarea#taskDescription { width:430px; height:3em; }
.taskDialog_0 .task-status { text-align:right; }
.taskDialog_0 #customerTab table td { vertical-align:top; }
.taskDialog_0 #generalTab table td label, .taskDialog_0 #customerTab table td label { padding-right:5px; }
.taskDialog_0 #customerTab #partnerSummarySocket { height:45px;}
.taskDialog_0 #customerTab #partnerSelect { width:430px; }

.fse-alert { color: #db4425; } /* was red, changed my MWG on 11/16/2022 */


iframe.fse-punchout.stp-punchout { width:555px; height:1500px; }
#main-dashboard #primaryContainer { width:550px !important; margin:0xp 0px 0px 0px;}

.weblog-toggle-bar { margin-top:5px; margin-bottom:5px; height:16px; padding:0px; }
.weblog-toggle-bar .ico { vertical-align:bottom; margin-right:3px;}
.weblog-post h1 { font-weight:bold; font-size:10pt !important; border:none; border-top:8px solid silver; padding-top:8px; padding-left:20px;}
.weblog-post h2 { font-weight:normal; font-size:8pt !important; padding-top:7px; padding-bottom:1px; padding-left:20px; }
.weblog-post h2 .post-date { font-weight:bold; }
.weblog-post div.comment { padding:5px; font-size:8pt; line-height:1.5em; padding-left:20px; }
.weblog-post div.comment > a { display:block; margin-top:7px; margin-bottom:7px; font-style:italic; font-weight:bold; }
.portlet.layout-2 .weblog-post div.comment > a:link {color:#006538 !important; } 
.weblog-post { padding-bottom:5px; padding-top:5px; padding-bottom:15px; }
.weblog-post .attachments img { vertical-align:bottom; margin-left:3px; margin-right:3px; }
.weblog-more { padding-bottom:5px; padding-left:5px; }
.weblog-post .attachments { padding-left:20px; }
.weblog-post-delete{ float:right;}


.bread-crumb-trail { margin:0px 0px 0px 0px; padding:2px; padding-bottom:5px; margin-bottom:5px; font-size:.9em; font-size:7pt; border-bottom:1px solid #D0D0D0;}
.bread-crumb-trail span { padding-right:4px; padding-left:4px; }
.bread-crumb-trail span:first-child { padding-left:0px; }


.sysReportCenterDialog div.yui-navset div.yui-content > div { height:300px; background-color:white; }
.sysReportCenterDialog #rc_criteriaTab { overflow:auto; }
.sysReportCenterDialog #rc_helpTab { overflow:auto; }
.sysReportCenterDialog #rc_helpTab h1 {font-size: 1.4em !important; font-weight: bold; margin: 14px 0 16px 10px;}
.sysReportCenterDialog #rc_helpTab h2 {font-size: 1.4em !important; font-weight: bold; margin: 14px 0 16px 10px;}
.sysReportCenterDialog #rc_helpTab h3 {font-size: 1.2em !important; font-weight: bold; margin: 14px 0 16px 10px;}
.sysReportCenterDialog #rc_helpTab p {    color: #333333; font-size: 12px; line-height: 18px; margin-left: 10px;}
.sysReportCenterDialog #rc_helpTab ul li{    color: #333333; font-size: 12px; line-height: 18px; margin-bottom: 8px}
.sysReportCenterDialog #rc_outputTab strong { display:inline-block; width:70px;}
.sysReportCenterDialog #rc_outputTab > div { height:22px; }
.sysReportCenterDialog #rc_recipients { width:430px; }
.sysReportCenterDialog #rc_recipients_cc { width:430px; }
.sysReportCenterDialog #rc_replyTo { width:430px; }
.sysReportCenterDialog #rc_subject { width:430px; }
.sysReportCenterDialog #rc_message { height:6em; width:504px; margin-top:3px; overflow:auto; }
.sysReportCenterDialog #rc_controlArea { margin-top:5px; margin-bottom:8px; }
.sysReportCenterDialog table.rc-criteria td { vertical-align:top; }
.sysReportCenterDialog table.rc-criteria > tbody > tr > td { padding-bottom:4px; }
.sysReportCenterDialog table.rc-criteria { width: 100%; }
.sysReportCenterDialog table.rc-criteria td:first-child + td { width:100%; }
.sysReportCenterDialog table.rc-criteria td:first-child + td a { vertical-align:top; }
.sysReportCenterDialog table.rc-criteria tr.single-line td { vertical-align:middle; }
.sysReportCenterDialog table.rc-criteria td:first-child + td select { width:300px; }
.sysReportCenterDialog table.rc-criteria td:first-child { width:auto; }
.sysReportCenterDialog table.rc-criteria td:first-child label { white-space:nowrap; }
.sysReportCenterDialog input.date { width:72px; }

.sysReportCenterDialog #rc_scheduleTab table.sch-options + div {  margin-top:10px; }

.sysReportCenterDialog #rc_scheduleTab table { margin-top:10px; }
.sysReportCenterDialog #rc_scheduleTab table.sch-options { width:100%; }
.sysReportCenterDialog #rc_scheduleTab table.sch-options td { width:75px; border: 1px solid silver; padding:5px; padding-right:10px;}
.sysReportCenterDialog #rc_scheduleTab table.sch-options td + td { width:auto; }
.sysReportCenterDialog #rc_scheduleTab table.sch-options td + td div div + div { padding-top:5px; }
.sysReportCenterDialog #rc_scheduleTab table.sch-range td input { width:80px; }
.sysReportCenterDialog #rc_scheduleTab table.sch-delivery td input { width:200px; }
.sysReportCenterDialog #rc_scheduleTab table.sch-delivery label { display:inline-block; width:75px; }

.sysReportCenterDialog #rc_scheduleTab table.sch-history label { display:inline-block; width:75px; }
.sysReportCenterDialog #rc_scheduleTab table.sch-history span { font-style:italic; }

#frm_saveReport #userReportName { width:95%; }

.rptDistributionList { width:100%; }
.rptDistributionList thead td { border-bottom:1px solid silver; } 
.rptDistributionList td:first-child { width:90%; padding-left:5px; }
.rptDistributionList td:first-child + td { width:10%; }

#rptDistributionListScroll { border-bottom:1px solid silver; margin:0px 0px 10px 0px; padding:0px; overflow:auto; height:100px; }

#reportRequestStatusTitle { padding-left:23px;margin-bottom:15px;margin-top:15px; font-size:18px }
#reportRequestStatusTitle > span { font-weight:normal }

#reportRequestStatusTitle.waiting > span:first-child { display:inline; }
#reportRequestStatusTitle.waiting > span:first-child + span { display:none; }

#reportRequestStatusTitle.ready > span:first-child { display:none; }
#reportRequestStatusTitle.ready > span:first-child + span { display:inline; }

#reportRequestStatusTitle.error > span:first-child { display:none; }
#reportRequestStatusTitle.error > span:first-child + span { display:none; }

#waitingForReportGraphic { text-align:center; margin-bottom:15px; }

#waitingForReportGraphic.waiting > img.ready { display:none; }
#waitingForReportGraphic.waiting > img.error { display:none; }

#waitingForReportGraphic.ready > img.waiting { display:none; }
#waitingForReportGraphic.ready > img.error { display:none; }

#waitingForReportGraphic.error > img.ready { display:none; }
#waitingForReportGraphic.error > img.waiting { display:none; }

#reportRequestStatusSocket { padding-left:23px; }



#quick-report-options { position:absolute;border:1px solid silver;background-color:#E0E0E0;width:200px; padding-top:2px; padding-bottom:2px; }
#quick-report-options div { color:black; text-transform:none; padding-top:5px; cursor:default; padding-left:2px; }
#quick-report-options div:first-child { padding-top:0px; }
#quick-report-options div.quickReport:hover,
#quick-report-options div.more:hover { background-color:silver; color:white; }
#quick-report-options div.quickReport { padding-left:10px; cursor:pointer; }
#quick-report-options div.heading { font-style:italic; margin-top:5px; }
#quick-report-options div.more {  margin-bottom:5px; cursor:pointer; }

#profileActions { position:absolute;border:1px solid silver;background-color:#E0E0E0;width:200px; padding-top:2px; padding-bottom:2px; }
#profileActions div { color:black; text-transform:none; padding-top:5px; cursor:default; padding-left:2px; }
#profileActions div:first-child { padding-top:0px; }
#profileActions div.profileAction:hover,
#profileActions div.more:hover { background-color:silver; color:white; }
#profileActions div.profileAction { padding-left:10px; cursor:pointer; xheight:30px; }
#profileActions div.heading { font-style:italic; margin-top:5px; }
#profileActions div.more {  margin-bottom:5px; cursor:pointer; }

#user-profile-options { z-index:10000; position:absolute; margin-top:0px; left:685px; xborder:1px solid silver; xbackground-color:#E0E0E0; xheight:200px; width:300px; xpadding-top:2px; xpadding-bottom:2px; }
#user-profile-options a { color:black !important; font-size:12px; }
#user-profile-options form[name='frm_accountProfile'] label { color:black; }

#report-center-options-container { z-index:10000; color:initial !important; top: 20px; right: 5px; position: absolute;} 
#report-center-view-options { z-index:15000; xposition:absolute; width:270px; border:1px solid #e0e0e0; }
#report-center-run-options { z-index:15000; xposition:absolute; width:270px; border:1px solid #e0e0e0; }

#report-center-run-options .heading { font-size:12px; background-color:initial; padding:0px; padding-bottom:4px; text-transform:uppercase; color: #000000; font-weight: bold; }
#report-center-run-options .quickreport { font-size:9px; background-color:initial; padding:0px; padding-bottom:4px; text-transform:initial;}

#report-center-options-container a{ color:#000000 !important; }

#report-center-view-options-switch.running { animation: attentionBlinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate; color:#ffc221; }
#report-center-view-options-switch.finished { animation: attentionBlinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate; color:green; }

@keyframes attentionBlinker { to { opacity: 0; } }

label.mandatory:after { content:'*'; }
label.mandatory { color:blue; }
label.required { color:blue; }
label.missing { color:red; }

table.flexFields td:first-child { font-weight:bold; padding-right:3px; }
table.flexFields td:first-child .sub-label { font-weight:normal; font-size:.9em; font-style:italic; }
table.flexFields td span.chars-left { display:block; margin-bottom:5px; }


/* IE 6 fixes ------------------------------------------------------------------------*/
body.ie6 .dashboard { width:555px; }
body.ie6 #sku-socket-container { height:100px;}
/* dialog box */
body.ie6 .yui-module, .yui-overlay, .yui-paneltaskDialogy { background:#ECEDED !important; border:none !important;}
body.ie6 .yui-panel .hd { background-image:none !important; background-color:#ECEDED !important; border:none !important;}
body.ie6 .bd { height:auto !important;  border:none !important;}
body.ie6 .yui-panel .ft { background-image:none !important; background-color:#ECEDED !important; border:none; padding-top:10px !important;}
/* ---------------------------------------------------------------------------------- */

.cda-empty{ text-align:center; height:50px; padding-top:25px; font-weight:bold;}

thead > tr > .sortable { cursor: pointer; text-decoration:underline; }

#tnc span { font-family: Verdana; font-size: 10pt; }
#tnc span.tnc-clientname { font-size: 9pt; font-weight:bold; white-space:nowrap; }


/* Report Center - Manufacturer/Status Control */
.grp_mfr {background-color:#F5F5F5; padding-left: 10px;}
.grp_mfrT {padding-top: 10px;}


 table#userReportRequests { margin-left:0px; margin-right:0px; width:100%; }
 table#userReportRequests td:first-child > div { margin-left:6px; font-size: 8px; color:#999999; font-family:verdana; }
 table#userReportRequests td:first-child > div.ERROR { color:red;  }
 table#userReportRequests tbody tr td { padding-bottom:10px; vertical-align:top; }
 table#userReportRequests td:first-child + td { text-align:right; }
 table#userReportRequests td:first-child + td > div { display:inline-block;width:16px;height:16px;padding:0px;text-align:center; }
 table#userReportRequests thead tr td { border-bottom:1px solid silver; vertical-align:bottom; font-weight:bold; }
 table#userReportRequests tbody tr:first-child td { padding-top:8px; }
 table#userReportRequests tbody tr td img { border:none; margin-top:2px; }
 
 div.mapping-section > div { overflow:auto; height:250px; margin-top:3px; }
 div.mapping-section  table.mapping { width:100%; }
 div.mapping-section  table.mapping > thead > tr > td { border-bottom:1px solid silver; font-weight:bold; width:50%; }
 div.mapping-section  table.mapping > tbody > tr > td { width:50%; }
 div.mapping-section  table.mapping > tbody > tr > td input { width: 95%; }
 
 div.mapping-control { margin-top:5px; margin-bottom:5px; }
 
 div.mapping-info { }

 /* Top Nav Report Center */
 span#report-center{
 	float:right;
 	height:19px;
 	margin:3px 20px 3px 0;
 }

img#report-center-icon { cursor:pointer; }

 span.report-center-drop{
 	display:inline-block;
 	vertical-align:top;
 	xmargin-top:5px;
 	font-size:12px;
 	cursor:pointer;
 	padding-left: 2px;
 	line-height: 20px;
 }

  span.report-center-drop:hover	{
  	background: #ebebeb;
  	color: #333333;
  }

 	span.report-dArr{
 		width:20px;
 		display:inline-block;
 	}

 		span.report-dArr img{
 			display:block;
 			margin-left:auto;
 			margin-right:auto;
 		}

 
 /* Browser Message (Alert Box) */
 div#browserMsg { position:fixed;width:200px;top:5px;left:783px;background-color:red;border:none;color:white;padding:10px;z-index:10; vertical-align:middle; text-align:center;}
 div#browserMsg a { text-decoration:none; color:white; font-size:10pt; text-transform:uppercase; cursor:pointer; }
 
 /* nrn portlet */

.nrn-feed { padding-bottom:10px; }
.nrn-item { padding-top:10px; font-family:arial; font-size:10px; }
.nrn-item h1.title { font-size:12px; }
.nrn-item > table { font-family:arial; }
.nrn-item + .nrn-item { border-top:1px solid silver; margin-top:10px; }
.nrn-item img.thumbnail { width:75px;  }
.nrn-item > table > tbody > tr > td:first-child { width:90px; text-align:center; vertical-align:top; }
.nrn-item > table > tbody > tr > td:first-child + td { padding-left:5px; width:auto; text-align:left; vertical-align:top; padding-right:5px; }
.nrn-item > div.description { display:none; }
.nrn-item .pubdate { font-size: 9px; text-transform:uppercase; padding-top:8px; }
.nrn-tooltip .field-deck { display:none; }
.nrn-tooltip .og_rss_groups { display:none; }
.nrn-tooltip .field-byline { display:none; }
.nrn-tooltip .field-content-focus { display:none; }
.nrn-tooltip a { display:none; }

img.nrn-logo { margin:8px; border:none; }	 

.yui-skin-fse .yui-tt .bd {
    color: #000;
    padding: 2px 5px;
    border-color: #D4C237 #A6982B #A6982B #A6982B;
    border-width: 1px;
    border-style: solid;
    background-color: #eaeaea;   }
 
 span.hotkey { color:black !important; font-weight:bold !important; padding:0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important; display:inline !important; }
 label > span.hotkey { text-decoration:underline !important; }
 
 .htabset a span.hotkey { text-decoration:underline !important; }
 
 
@media only screen and (max-device-width: 425px) {
	 body.login #headerContainer, body.login #footerContainer, body.login #fseContainer, body.login #titleContainer { display:none; }
	 xbody.login #primaryContainer > tbody > tr > td:first-child { display:none; }
	 body.login #primaryContainer > tbody > tr > td:first-child { padding-left:0px !important; }
	 body.login div.login-box { position:static; left:0; width:100% !important; }
	 body.login div.login-area { position:static; width:100% !important; }
	 body.login div.login-content { display:none; }
	 body.login #loginTitle { display:block !important; }
	 body.login #primaryContainer { width:auto !important; }
	 body.login { width:305px; margin:10px auto !important;}
}

#frm_fndProductLookup div.tab-body {padding-bottom: 6px;}


#userReportRequests tbody tr td { color:grey; }
#quick-report-options-socket { color:grey; }

#quick-report-options-socket .heading { background-color:#ffffff !important; }


.stp-removable-filter { margin:0px 0px 0px 0px; }
.stp-removable-filter .stp-filter-content { display:inline-block; }
.stp-removable-filter .stp-filter-control { display:inline-block; 
                                    visibility:hidden;
                                    width:20px; height:20px; 
                                    vertical-align:top; text-align:right; 
                                    background-image: url( ../graphics/close.gif );
                                    background-position: right top;
                                    background-repeat: no-repeat;
                                    cursor:pointer;
                                    }
.stp-removable-filter:hover .stp-filter-control { visibility:visible; }
.stp-removable-filter:hover { /* border:1px solid #E0E0E0; */ margin:-1px -1px -1px -1px; }

.stp-filter label { display:inline-block; min-width:100px; padding-right:5px; }
.stp-filter label + div { display:inline-block; }
.stp-filter { padding-bottom:1em; }

.stp-filter > * { vertical-align:top; }

#manageFiltersDialogFilterList { max-height:300px; overflow:auto; }

#manageFiltersDialogFilterList > div + div { margin-top: 10px; }
#manageFiltersDialogFilterList .filterSet { column-count: 3; padding-bottom:10px; }
#manageFiltersDialogFilterList .filterSet > div { padding-left:20px; text-indent:-20px; padding-bottom:5px;}

#manageFiltersDialogFilterList > div > h1 { font-size:12px; font-weight:normal; color:black; background-color:#E0E0E0; margin:0px 0px 0px 0px; padding:5px 5px 5px 5px; }
/* old dashboard styles
#userDashboardContainer { padding:10px;  }
#userDashboard { text-align:initial; display: grid; grid-column-gap : 5px; grid-row-gap: 5px; }
#userDashboard .portlet3 { width:100%; border:1px solid silver; }
#userDashboard .portlet3 > h1 { display:block; font-size:12px; height: 20px; padding-top:5px; color:white; background-color:#8f8f8f; text-align: center; font-weight:normal; text-transform: uppercase; }
#userDashboard .portlet3 > div.portletContent { padding:5px; padding-top:10px; }
#userDashboard .portlet3 > div.portletContent > div { height:inherit; width:inherit; }


x#userDashboard { grid-template-columns: 33% 33% 33%; }
x#userDashboard .portlet3 > div.portletContent { height:150px; }

#userDashboard { grid-template-columns: 50% 50%;}
body.full-width #userDashboard { grid-template-columns: 33% 33% 33% !important }
#userDashboard .portlet3 > div.portletContent { height:175px; }


.portletCollection { text-align:initial; display: grid; grid-column-gap : 5px; grid-row-gap: 5px; }
.portletCollection { grid-template-columns: 50% 50%;}
body.full-width .portletCollection { grid-template-columns: 33% 33% 33% !important }

.portletCollection .portlet3 { width:100%; border:1px solid silver; }
.portletCollection .portlet3 > h1 { display:block; font-size:12px; height: 20px; padding-top:5px; color:white; background-color:#c0c0c0; text-align: center; font-weight:normal; }
.portletCollection .portlet3 > div.portletContent { padding:5px; padding-top:10px; }
.portletCollection .portlet3 > div.portletContent > div { height:inherit; width:inherit; }

.portletCollection .portlet3 > div.portletContent { height:175px; }
*/

/* new dashboard styles begin */
.portalDashboardContainer { padding:10px;  }
.portalDashboard { text-align:initial; }
.portalDashboard.default { display: grid; grid-column-gap : 5px; grid-row-gap: 5px; }

.portalDashboard .portlet3 { width:100%; border:1px solid #CCCCCC; box-shadow: 2px 2px 2px #CCCCCC; }
/* 
.portalDashboard .portlet3 > h1 { display:block; font-size:12px; height: 20px; padding-top:5px; color:white; background-color:#8f8f8f; text-align: center; font-weight:normal; text-transform: uppercase; }
*/
.portalDashboard .portlet3 > div.portletContent { padding:5px; padding-top:10px; margin-bottom:15px; }
.portalDashboard .portlet3 > div.portletContent > div { height:inherit; width:inherit; }

.portalDashboard .portlet3 > div.portletTitle.dx-toolbar { padding: 8px 8px 8px 10px; color:#63666b; border-bottom: 2px solid #e3e4e3; xbackground-color:#8f8f8f; text-align: left; font-weight:normal; text-transform: uppercase; font-size: 18px; }
.portalDashboard .portlet3 > div.portletTitle.dx-toolbar .dx-toolbar-label {font-weight: bold; }
.portalDashboard .portlet3 > div.portletTitle.dx-toolbar .portletPreferences { padding-right:5px; padding-top: 2px; }
.portalDashboard .portlet3 > div.portletTitle.dx-toolbar .portletPreferences span { font-size: 20px; cursor: pointer;}

.portalDashboard .portlet3 > div.portletTitle.dx-toolbar .widgetHelp { padding-right:5px; padding-top: 2px; }
.portalDashboard .portlet3 > div.portletTitle.dx-toolbar .widgetHelp span { font-weight: normal; color: #E8E8E8; font-size: 20px; cursor: pointer;}


.portalDashboard.default { grid-template-columns: 1fr 1fr; }

@media only screen and (min-device-width: 1000px) {
  body.full-width .portalDashboard.default { grid-template-columns: 1fr 1fr 1fr !important; } 
}

.portalDashboard .portlet3 > div.portletContent { height:175px; }
.portalDashboardToolbar { padding-bottom: 5px !important; }

.portalDashboardTabs .dx-tab { color: #333333; text-transform: uppercase; background-color: #f7f7f7; font-weight: normal; }
.portalDashboardTabs .dx-tab.dx-tab-selected { background-color: #FFFFFF; font-weight: bold; } 
/* new dashboard styles end */

.fx-navigation .dx-menu-item {
	background-color: #9b9b9b;
	color: #ffffff;
    height: 30px;
    padding-top: 5px; padding-right:20px;
    font-size: 12px;
    font-weight: bold;
	border-bottom: 1px solid #8b8b8b !important;
}


.fx-navigation .dx-menu-item.dx-state-hover { color:#000000; background-color: #9b9b9b; }

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
/*li{display:inline-block;}*/

#columns {
  list-style-type: none;
}


.column {
  width: 100%;
  padding: 2px 0 2px 0;
  margin: 0 10px 0 10px;
  text-align: left;
  cursor: move;
}
.column span.drag {
 /* height: 20px;*/
  display: inline-block;
  text-align: center;
  width: 200px;
  color: black;
  font-style:sans-serif;
  font-size: 18 px;
  font-weight: 600;
  background-color: #ccc;
  padding: 5px 10px 5px 10px;
  margin:0 15px 0 15px;
  border-bottom: 1px solid #ccc;
  border-radius: 10px;
  border: 2px solid #ccc;
}

.column input[type=text] {
  /*height: 20px;*/
  width: 200px;
  color: black;
  /*background-color: #ccc;*/
  padding: 2px 10px 2px 10px;
  margin:0 10px 0 10px;
 /* border-bottom: 1px solid #ddd;
  border-radius: 10px;
  border: 2px solid #666666;*/
}

.column.dragElem {
  opacity: 0.4;
}
.column.over {
  /*border: 2px dashed #000;*/
  border-top: 2px solid #b1b4b5;
}

.cdr-variance-widget-content { height : 180px; }
.cdr-variance-widget-content .cdr-variance-widget-arrow { margin-top: 0px; margin-bottom: 0px; height :155px; color : white; font-size: 80pt; text-align: center; font-weight:bold; letter-spacing: -9px; }
.cdr-variance-widget-content .cdr-variance-widget-arrow div { vertical-align:middle; padding-top:8px; margin-right:5px; }
.cdr-variance-widget-content .cdr-variance-widget-number { margin-top: 0px; margin-bottom: 0px; height: 25px; background-color: #f1f1f1; text-align:center; border-top: solid 1px #e3e4e3; font-size:20px; padding: 5px 0px 0px 0px, xpadding-top:5px; xpadding-bottom:5px }


.cdr-variance-widget-content .cdr-variance-widget-arrow.upward {
	background-image: url( ../graphics/upward_trend_percent_arrow.png ); background-position:center; background-repeat:no-repeat;
}

.cdr-variance-widget-content .cdr-variance-widget-arrow.downward  {
	background-image: url( ../graphics/downward_trend_percent_arrow.png ); background-position:center; background-repeat:no-repeat;
}

.autoDevExpress { display:none; }
.legacyControl { display:inline-block !important; }
.legacyForm { border: 1px solid lime; padding:10px; }


.fx-toolbar { margin-bottom: 5px; }
.fx-analyzerTab { padding-top: 5px; padding-left:5px; padding-right: 5px;}

.fx-active-preference .dx-field-item-label-text { color : blue } 

.fx-breadcrumbs .fx-breadcrumb { 
	
	max-width : 300px;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
	/* background-color : #d9ebf7; */
	margin-right: 5px !important; 

}

.fx-priority-indicator {
	display : inline-block; 
	height : 20px; 
	width : 20px; 
	padding-top : 2px;
	text-align : center;
	border-radius : 10px; 
	background-color : #95bf7f;
	color : white;
}

.fx-priority-indicator.high-priority {
	background-color : #2b8000;
}
.fx-priority-indicator.high-priority::before {
	content : "H";
}

.fx-priority-indicator.low-priority {
	background-color : #cadfbf;
}

.fx-priority-indicator.low-priority::before {
	content : "L";
}

.fx-priority-indicator.medium-proirity {
	background-color : #95bf7f
}

.fx-priority-indicator.medium-priority::before {
	content : "M";
}

.fx-capitalize  { text-transform : capitalize; }


div.fx-void-matrix-stats {

	margin-bottom : 8px;
    border : 1px solid;
    border-top-width : 9px;
    padding : 8px;
    height : 100%;

}

div.fx-void-matrix-stats .fx-void-matrix-stat-heading { font-size : 11px }
div.fx-void-matrix-stats .fx-void-matrix-stat-value { font-size : 16px; padding-top:3px; }
div.fx-void-matrix-stats .fx-void-matrix-stat-value span { font-weight : bold; }
div.fx-void-matrix-stats .fx-void-matrix-stat-value span + span { padding-left: .5em; font-weight : normal; }

.fx-void-matrix-cell { padding-top:16px;  }

.fx-void-matrix-opp-status {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    height: 20px;
    padding-top: 2px;
    border-radius: 15px;
    background-color: #eef0f2;
    text-align: center;
	vertical-align : middle;
}

span + .fx-void-matrix-opp-status { margin-left: 10px }

.fx-void-matrix-volume {
    display: inline-block;
    height: 20px;
    padding-top: 2px;
    text-align: center;
	vertical-align : middle;
}

.fx-void-matrix-stars {
	vertical-align : middle; display : inline-block; padding-left : 5px; padding-right : 5px; padding-top: 3px; height : 20px; border-radius : 15px; background-color: #eef0f2;
}

.fx-void-matrix-stars i {
  	font-size : 12px;
	margin-right : 3px;
	color : #dadce0;
}

.fx-void-matrix-stars i.dx-icon-check {
  	font-size : 14px;
}

.fx-void-matrix-stars i.fx-void-matrix-star-on {
	color : #565a5f;
}

.fx-void-matrix-header-buttons .dx-button-content { width :20px !important;  }
.fx-void-matrix-header-buttons .dx-button-content .dx-icon { font-size:18px !important; }

.fx-void-matrix-opportunity-tooltip {
	text-align : left; display : grid; grid-template-columns : 100px 100px; 
}

.fx-void-matrix-operator-tooltip {
	text-align : left; display : grid; grid-template-columns : 150px 150px; 
}

.fx-void-matrix-purchasing-tooltip {
	text-align : left; display : grid; grid-template-columns : 150px 150px; 
}

.dx-button.fx-highlighted-background { background-color : #d6c4e6; } 

.dx-datagrid .dx-row > td.fx-void-matrix-intersection  { padding : 6px !important }


.fx-objective-target-warning { width : 370px; }
.fx-objective-target-warning td { text-align : left; width : 120px; vertical-align : top; white-space : normal; padding-bottom : 5px; }
.fx-objective-target-warning td + td { width : auto; }