@charset "UTF-8";
/* CSS Document */
/*try again*/
/* Modern UI Refresh: Google Fonts, Color Scheme, and Base Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root { 
  /* Brand & Primary (unchanged) */
  --brand-primary: #004aad; /*1f6feb;*/
  --brand-primary-hover: #1554c0;
  --brand-primary-bg: #f3f7ff;
  --brand-secondary: #ffcc33;
  --brand-color: #ffffff;
  --brand-secondary-bg: #f9f9f9;

  /* Backgrounds (unchanged) */
  --primary-bg: #fdfefe;
  --even-bg: #f3f7ff;
  --secondary-bg: #e8edf5;
  --secondary-inverted-bg: #17120A;
  --surface-bg: #ffffff;
  --ghost-bg: rgba(31,111,235,0.05);
  --ghost-color: #eef5ff;
  --tracking-bg: linear-gradient(0deg, #c7dbff 0%, #edf3ff 100%);

  /* Text (unchanged except accent for clarity) */
  --primary-color: #141b2d;
  --secondary-color: #4d5d72;
  --secondary-inverted-color: #ffffff;
  --accent-color: #0f3dbb;   /* deep blue—good against all backgrounds */
  --accent-hover: #2740d0;
  --accent-bg: #e8edff;

  /* Status — CVD-friendly */
  --success-color: #2E7D32;
  --warning-color: #F57C00;
  --error-color: #C62828;
/*  --success-color: #0FA3B1; */ /* teal/cyan (distinct from red/orange) */
/*  --warning-color: #E19A00; */ /* amber with higher contrast */
/*  --error-color:   #B0005B; */ /* magenta/crimson (separates from orange & teal) */

  --hold-color: #d97706;
    /* Navigation — stronger color separation */
  --nav-bg: #c2d4fa;           /* deeper blue-tinted band */
  --nav-border: #9fbaf2;       /* darker visible divider line */
  --nav-color: #0a1d3e;        /* stronger contrast text */
  --nav-active-bg: var(--brand-primary);    /* lighter active tab for clear separation */
  --nav-active-color: var(--surface-bg); /* maintains legibility against lightened bg */
  --nav-hover-bg: #a9c3ff;    /* lighter active tab for clear separation */
  --nav-hover-color: #08142d; /* maintains legibility against lightened bg */

  /* Buttons (unchanged) */
  --button-bg: #2563eb !important;
  --button-hover-bg: linear-gradient(90deg, #3277e0 0%, #509eea 100%);
  --button-color: #ffffff;
  --button-secondary-bg: #f0f4fa;
  --button-secondary-color: #1f6feb;
  --button-secondary-hover: #e1ebf9;

  /* Border, Shadow, Radius (unchanged) */
  --border-color: #d0d8e6;
  --border-radius: 8px;
  --shadow-sm: 0 2px 6px rgba(20,35,70,0.06);
  --shadow: 0 6px 14px rgba(20,35,70,0.10);
  --shadow-lg: 0 18px 40px -8px rgba(20,35,70,0.16),
               0 6px 14px -4px rgba(20,35,70,0.10);
  --overlay-color: #000000;

  /* Typography (unchanged) */
  --font-family: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --default-font-size: 15px;
}

html, body {
  font-family: var(--font-family) !important;
  background: var(--primary-bg) !important;
  color: var(--primary-color);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family) !important;
  color: var(--primary-color) !important;
  font-weight: 600;
}

a {
  color: var(--brand-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
	color: var(--brand-primary);
	font-weight:normal;
	text-decoration:underline;
	cursor:pointer;
}

a:hover, a:focus {
  color: var(--brand-primary-hover);
  text-decoration: underline;
}

button, input[type="submit"], input[type="button"], .button, a.button, button.button, input.button {
  background: var(--button-bg);
  color: var(--button-color);
  border: 1px solid var(--brand-primary) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow) !important;
  font-family: var(--font-family) !important;
  font-weight: normal;
  padding: 8px 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.afrPrintButton, .afrApplyButton {
  background: var(--button-bg) !important;
  color: var(--primary-color) !important;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover {
  /*background: var(--button-bg) !important;
  color: var(--button-color) !important;*/
  filter: brightness(0.8);
}

/* -----------------------------------------------------------
 Navigation Bar
-------------------------------------------------------------- */

#nav-bar {
  	float:left;
	margin-top:36px;
	margin-left:0;
	position:absolute;
	z-index:99;
	left: 210px;
	width: auto;
}

#nav-bar ul {
  	float: left;
  	margin: 0;
  	padding: 0;
  	/* width: 100%; BH 12/10/2012: Removed so we can put the return button for legacy use */
	height:40px;
}

#nav-bar ul li {
  	float:left;
	height:30px;
	line-height:30px;
	background-position:top;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
  	background: color-mix(in srgb, var(--nav-bg) 0%, transparent);
  	color: var(--nav-color);
	border-top-left-radius: 8px !important; /* future proofing */
	border-top-right-radius: 8px !important; /* future proofing */
	margin-right: 10px !important;
	font-size: 1rem !important;
	border-bottom: 3px solid transparent;
	transition: border-bottom 0.2s, color 0.2s;
}

#nav-bar ul li.last-nav-tab {
	margin-right:0px;
}

#nav-bar ul li a {
text-decoration: none;
display:block;
padding:0 9px;
color: var(--primary-color);
}

#nav-bar ul li:hover, #nav-bar ul li:hover a {
	background:var(--nav-hover-bg);
	color: var(--nav-hover-color);
	font-weight: bold !important;
	border-top-left-radius: 8px !important; /* future proofing */
	border-top-right-radius: 8px !important; /* future proofing */
}

#nav-bar ul li.active a {
  background: var(--nav-active-bg);
  color: var(--nav-active-color) !important;
  border-bottom: 5px solid var(--nav-active-color) !important;
  box-shadow: 0 2px 0 0 var(--nav-active-color, var(--nav-active-color)) !important;
  font-weight:bold !important;
	border-top-left-radius: 8px !important; /* future proofing */
	border-top-right-radius: 8px !important; /* future proofing */
}

#nav-bar ul li.active a {
  color: var(--nav-active-color) !important;
}

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


		RESET.CSS


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

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
/*	vertical-align: baseline; */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
/*	line-height: 1; */
	line-height: 1.55;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ClearFix
------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}



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


		GENERAL.CSS


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


/* -----------------------------------------------------------
 General Settings
-------------------------------------------------------------- */

html {
	/* BH 6/26/2013: removed this because in IE7, when opening a modal, it would create scrollbars for the whole page and mess up sizing -- overflow:auto; */
	overflow:hidden;
  --lh: 1.2rem;
  line-height: var(--lh);
}

html, body {
	height:100%;
}

body {
	color: var(--primary-color);
	font-family: var(--font-family) !important;
	font-size: var(--default-font-size);
	line-height:1.55;
	background-color: var(--primary-bg);
	background-position:bottom;
	overflow:hidden;
}

.watermark {
	background: radial-gradient(circle at top left, #445069 0%, #2d3645 100%) !important;
	/*background:url(/images/bkgd.png) repeat !important;*/
}

hr {
	float:left;
	color: var(--border-color);
	border:1px solid var(--border-color);
	width:100%;
}

.border {
	border:2px solid var(--accent-color);
}

.border-top {
	border-top: 1px solid var(--border-color);
}

.border-right {
	border-right: 1px solid var(--border-color);
}

.border-left {
	border-left: 1px solid var(--border-color);
}

.border-left-var(--error-color) {
	border-left: 1px solid var(--error-color);
}

.border-bottom {
	border-bottom: 1px solid var(--border-color);
}

.border-bottom-thick {
	border-bottom: 2px solid var(--accent-color);
	padding-bottom:3px;
}

.rounded {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 10px; /* future proofing */
}

.transparency {
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

/* -----------------------------------------------------------
 Typography
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: var(--accent-color);
}

h1 {
	font: bold 24px/24px Arial, Helvetica, sans-serif;
}

h2 {
	font: bold 22px/22px Arial, Helvetica, sans-serif;

}

h3 {
	font: bold 20px/20px Arial, Helvetica, sans-serif;
}

h4 {
	font: bold 18px/18px Arial, Helvetica, sans-serif;
}

h5 {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
}

h6 {
	font: bold 14px/14px Arial, Helvetica, sans-serif;

}

p {
	margin: 0 0 20px;
}

ul.content-list li.active {
	background-color: var(--accent-color) !important;
	color: var(--button-color) !important;
}

ul.content-list li.active a {
	color: var(--button-color);
}

ul.lined-list li {
	border-bottom:1px solid var(--border-color);
	padding:3px;
	display:block;
	float: left;
}

#available-codes li {
	float: none;
}

#available-codes-container {
	height:200px;
	width:230px;
	overflow:auto;
}

#available-codes-container ul, #available-codes-container li {
	float: left;
}

#available-codes-container ul li {
	width: 207px;
	padding 10px 0;
}

li span.actions {
	/* margin:4px; */
	padding:0 3px;
	white-space:nowrap;
	background-color: var(--secondary-bg);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:left;
	clear: both;
}

li span.actions button {
	float:left;
}

.white {
	color: var(--brand-color) !important;
}

.white-background {
	background-color: var(--surface-bg);
}

.faux-col {
	background: url(/images/faux-column.gif) var(--surface-bg) repeat-y;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.italics {
	font-style: italic;
}

.small-text {
	font-size: 12px;
}

.sub-line {
	font-size: 9px;
	display:block;
	clear:both;
	text-align:left;
}


/* --- Tool Tip --- */

a.tt {
    position:relative;
    z-index:24;
	color:var(--primary-color) !important;
	text-decoration:none;
}

a.tt span {
	display: none;
}

a.tt:hover {
	z-index:25; color: var(--primary-color); /*background:; ie hack, something must be changed in a for ie to execute it*/
}

a.tooltip span{
display: none;
}

a.tt:hover span.tooltip {
    display:block;
    position:fixed;
	z-index:99999;
    top:var(--tooltip-top, 270px);
	left:10vw;
	width:80vw;
	white-space:normal;
	color: var(--accent-color);
    text-align: left;
	filter: alpha(opacity:100);
	KHTMLOpacity: 1.0;
	MozOpacity: 1.0;
	opacity: 1.0;
	cursor:default;
	background-color: var(--secondary-bg);
	border:2px solid var(--accent-color);
	border-radius: 10px;
}


a.tt:hover span.tooltip table {
	margin: 10px !important;
	padding: 0 !important;
}

a.tt:hover span.tooltip td { /* different middle bg for stretch */
	padding: 5px 10px;
}

/* vendor names in awarded vendor popup */
/* table tr td.requisitionCategoryVendorName { font-size: 14px !important; } */

/* for Requisition Total shipping hover */
#shippingDiv {
    display:block;
    position:absolute;
	z-index:9999;
    top:80%;
	bottom:0;
	left:10%;
	right:10%;
	white-space:normal;
	color: var(--primary-color);
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	cursor:default;
	background-color: var(--primary-bg);
	border:2px solid var(--accent-color);
	border-bottom: 0;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding: 5px 10px;
}

/* -----------------------------------------------------------
 Main Positioning
-------------------------------------------------------------- */


#wrapper {
	min-height:100%;
	height: auto !important;
	/* height: 100; */
	margin: 0 auto;
	position: absolute;
  	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
 	overflow: auto; /* this needs to stay in or content that needs to scroll won't be able to */
}

#main-container {
	min-width:1000px;
	overflow:hidden;
	/*width:auto;*/
	height:auto;
	margin:0;
}

#login-container {
	width:380px;
	height:auto;
	background-color:var(--surface-bg);
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.6);
}

#changePW-container {
	width:550px;
	height:auto;
	background-color:var(--surface-bg);
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
}

#changePW-form {
	width:520px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}

#changePW-Info {
	width:520px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

#changePW-Info tr td {
	padding:0px;
}

.changePW-footer {
	width:520px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
    text-align: center;
    vertical-align: bottom;
}

.changePW-fail:before {
    content: url(/images/unchecked.gif);
}

.changePW-fail {
    font-weight: bold;

}

.changePW-pass:before {
    content: url(/images/icons/checkmark.gif);
}

.changePW-pass {
    font-weight: normal;
}

#header-container {
	background-color: var(--surface-bg);
	border-bottom: 1px solid var(--border-color);
}

#column-container {
	margin-top:155px;
	position:fixed;
	top:0;
	bottom:0;
	width:100%;
}

#column-container tr td {
	vertical-align:top;
}


#left-column {
	width:250px;
	float: left;
}

#right-column {
 	width:830px;
 	float:left;
 	margin-left:10px;
 }

#main-content {
	display:block;
	width:100%;
	min-width:1000px;
	background-color: var(--surface-bg);
	float:left;
}


#main-content table.main {
	width:100%;
	height:auto;
}

#footer-container {
	background-color:var(--accent-color);
	color:var(--surface-bg);
	/* height:110px; */
	min-width:1000px;
	width:100%;
	overflow:hidden;
	position:absolute;
	bottom:0;
}

#footer-container table {
	color: var(--primary-color);
}

.push {
	height:110px;
}

/* -----------------------------------------------------------
 General Positioning
-------------------------------------------------------------- */

.f-right {
	float:right;
}

.f-left {
	float:left;
}

.next-line { /* Forces something to the next line */
	display:block;
	clear:both;
	margin-top:5px;
}
.next-line-no-margin{ /* Forces something to the next line */
	display:block;
	clear:both;
}

.clear {
	clear:both;
}

.no-margin {
	margin:0 !important;
}

.req-ticker-over {
	color:var(--error-color);
	font-weight:bold;
	padding-left:20px;
	background:url(/images/icons/up-ticker.png) no-repeat;
	background-position:left;
}

.req-ticker-under {
	color:var(--success-color);
	font-weight:bold;
	padding-left:20px;
}

.req-ticker-info {
	color:var(--error-color);
}

.req-over-second-line {
	color: var(--error-color);
	font-size: 9pt;
}

/* -----------------------------------------------------------
 Element Settings
-------------------------------------------------------------- */

.element { /* Basic element container has built-in margin on either side */
	margin:0 10px 0 10px;
}

.element table td {
	padding:0 8px;
}

.element-buffer { /* Adds a little top and bottom buffer to an element */
	margin-top:20px;
	margin-bottom:20px;
}

.sub-element { /* Removes side margin and adds element-buffer */
	margin:20px 0;
}

.center-element { /* Centers Elements */
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	clear:both;
}

.center-element table { /* Tables can't text-align center so you need margin auto for tables in center-element */
	margin-left:auto;
	margin-right:auto;
}

.content-element {
	padding:20px 10px 20px 10px;
}

.content-element table tr {
	padding:20px;
}

.nowrap {
	white-space:nowrap;
}

/* Styles are a beautiful thing */
.ancillary {
	font-size: 11px;
}

.error {
	color: var(--error-color);
}

.red {
	background-color: var(--error-color) !important;
	color: var(--surface-bg) !important;
}

#instructionBox {
	width: auto;
	z-index: 3000;
	position: absolute;
	background: var(--surface-bg);
	border: 2px solid var(--accent-color);
	padding: 20px;

}

a.modalCloseImg {
    background: url("/images/buttons/simplemodal/x.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline;
    height: 29px;
    position: absolute;
    right: -18px;
    top: -15px;
    width: 25px;
    z-index: 3200;
}

.largeFont { font-size: 12pt !important; font-weight:bold;}
.mediumFont { font-size: 11pt !important; }
#reqOverBudget { text-align: center; }
#reqAFRequired { text-align: center; }
.pointer { cursor: pointer; }







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


		BARS.CSS


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


/* fix for category bar */
.window-shade-contents {
	width:100%;
}

.window-shade-contents a {
	position:static;
}

/* tooltip anchors need relative positioning for the tooltip to work */
.window-shade-contents a.tt {
	position:relative;
}

/* -----------------------------------------------------------
 Users and CS Bar
-------------------------------------------------------------- */

#user-bar {
	background-color:var(--secondary-bg);
	height:25px;
	width:100%;
	float:left;
}

#user-bar .element {
	height:25px;
	line-height:25px;
	color:var(--accent-color);
	font-size:12px;
}

#user-bar .element table tr td { /* Added by Jason to fix wrapping issue */
	height:25px;
	white-space:nowrap;
}

#cs-user-bar {
	background-color:var(--secondary-bg);
	height:25px;
	width:100%;
	float:left;
	font-size: var(--default-font-size) !important;
}
#cs-user-bar * {
	font-size: inherit !important;
}

#cs-user-bar .element {
	line-height:25px;
	height:25px;
	color:var(--accent-color);
	font-size:12px;
}

#cs-user-bar .element table tr td { /* Added by Jason to fix wrapping issue */
	height:25px;
	white-space:nowrap;
	vertical-align:top;
}

#cs-user-bar .element select {
	margin-top:3px;
}

#user-bar .element a, #cs-user-bar .element a {
	text-decoration:none;
	font-weight:normal;
}

#user-bar .element a:hover, #cs-user-bar .element a:hover {
	text-decoration:underline;
	font-weight:normal;
}

/* ADDED BY JASON */

#login-bar {
	background-color:var(--secondary-bg);
	height:25px;
	width:100%;
	float:left;
	color:var(--accent-color);
	font-size: var(--default-font-size) !important;
}
#login-bar * {
	font-size: inherit !important;
}

#login-bar a {
	color:var(--brand-primary);
}

#login-bar div.f-left {
	margin-left:18px !important;
}

/* -----------------------------------------------------------
 CS Viewing As Bar
-------------------------------------------------------------- */

#cs-viewing-as-bar {
	height:30px;
	background-color:var(--accent-color);
	line-height:30px;
	color:var(--surface-bg);
	float:left;
	left:0;
	right:0;
	top:25px;
	position:absolute;
	z-index:200;
	margin-top:25px;
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

#cs-viewing-as-bar .element {
	font-weight:bold;
	font-size:18px;
	text-align: center;
	white-space:nowrap;
}

/* -----------------------------------------------------------
 Mast Bar
-------------------------------------------------------------- */

#mast-bar {
	background: var(--surface-bg) ;
	height:66px;
	width:100%;
	float:left;
}

#mast-bar #logo {
	width:200px;
	height:50px;
	float:left;
	margin-left:10px;
	margin-top:5px;
}

#mast-bar #main-nav {
	width:775px;
	height:40px;
}


.ghosted { font-weight:normal; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; background:url(/images/top-shadow.png) var(--secondary-bg) repeat-x !important;}
.ghosted a { text-decoration:none; color:inherit; cursor: text; }
.ghosted a:hover { color:var(--accent-color) !important; }

/* -----------------------------------------------------------
 Title and Status Bars
-------------------------------------------------------------- */

#title-bar {
	background-position:bottom;
	float:left;
	/* height:40px; */
	width:100%;
	background: var(--brand-primary)  !important;
	color: var(--primary-color) !important;
	box-shadow: var(--shadow) !important;
}
}

#title-bar .element {
	line-height:20px;
	margin-top:12px;
	color:var(--primary-color);
}

#title-bar .element a {
	color:var(--primary-color);
}

#title-bar h1 {
	font-size:24px;
	color:var(--primary-color);
	float:left;
	/* line-height:40px; */
	margin-left:20px;
	text-transform:uppercase;
}

#title-bar * {
  color: var(--primary-color);
}

.title-bar-group {
	background: var(--accent-bg) !important;
	border-radius: 8px !important;
	padding: 5px 5px !important;
	margin: 12px 5px !important;
	border: 1px solid var(--accent-color) !important;
}

#req-status-bar {
	height:70px;
	position:absolute;
	top:116px;
	z-index:99;
	right:0;
	width:auto;
	background-color:var(--brand-primary);
	background-position:top;
	overflow:hidden;
}

#req-status-bar .element {
	margin-top:0;
	float:left;
}

#req-status-bar .element table {
	float:left;
}

#req-status-bar .element table tr td {
	padding:6px 2px;
	white-space:nowrap;
}

/* -----------------------------------------------------------
 Category Bar
-------------------------------------------------------------- */

#category-bar {
	/* background-color:#182a46; */
	background-color:var(--accent-hover);
	height:30px;
	float:left;
	width:100%;
}

#category-bar .element, #category-bar table {
	height:30px;
	color:var(--surface-bg);
}

/* -----------------------------------------------------------
 Alert Message Bar
-------------------------------------------------------------- */

#message-bar {
	background-color:var(--error-color);
	color:var(--button-color);
	height:25px;
	line-height:25px;
	float:left;
	width:100%;
}

#message-bar .element {
	background:url('/images/buttons/btn-alert.png') no-repeat;
	background-position: left;
	padding-left:20px;
}

.message {
	width:100%;
	height:50px;
	background-color:var(--error-color);
	position:absolute;
	z-index:99;
	margin-top:-5px;
	border-bottom:2px solid var(--error-color);
	line-height:50px;
	color:var(--surface-bg);
	font-size:18px;
	text-align:center;
}

.message.error {
	background-color:var(--error-color);
	border-bottom:1px solid var(--error-color);
}

.message.success {
	background-color:var(--success-color);
	border-bottom:1px solid var(--brand-primary-hover);
}

.message.confirm {
	background:url(/images/save-bkgd.jpg) repeat-x;
	bottom:0;
	z-index:98;
	border-top:2px solid var(--secondary-color);
	border-bottom:none;
	color:var(--primary-color);
}

.message .message-buttons {
	margin-left:auto;
	margin-right:auto;
	width:30%;
	height:50px;
	overflow:hidden;
}

.message .message-buttons li {
	display:inline-block;
}

/* -----------------------------------------------------------
 Section Tabs Bar
-------------------------------------------------------------- */

#section-tabs {
  	float:left;
  	/* width:100%; */
	margin-top:8px;
	padding-left:10px;
	position:relative;

	z-index:99;
}

#section-tabs ul {
  	float: left;
  	margin: 0;
  	padding: 0;
  	width: auto;
}

#section-tabs ul li {
	float: left;
	height: 30px;
	color: var(--nav-color);
	line-height: 30px;
	background: var(--nav-bg);
	border: none;
	margin: 0 5px -1px 5px;
	border-bottom: 3px solid transparent;
	font-size: 1rem;
	box-shadow: none;
	transition: border-bottom 0.2s, color 0.2s;
}

#section-tabs ul li.active {
	background: var(--nav-active-bg) !important;
	color: var(--nav-active-color) !important;
	border-bottom: 5px solid var(--nav-active-color) !important;
	box-shadow: 0 2px 0 0 var(--nav-active-color, var(--nav-active-color)) !important;
	font-weight:bold;
	border-top-left-radius: 8px !important; /* future proofing */
	border-top-right-radius: 8px !important; /* future proofing */
}

#section-tabs ul li:hover {
	background: var(--nav-hover-bg) !important;
	color: var(--nav-hover-color) !important;
	border-bottom: 5px solid var(--nav-active-color) !important;
	box-shadow: 0 2px 0 0 var(--nav-active-color, var(--nav-active-color)) !important;
	font-weight:bold;
}

#section-tabs ul li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	color: inherit;
	background: inherit;
	border-top-left-radius: 8px !important; /* future proofing */
	border-top-right-radius: 8px !important; /* future proofing */
}

#section-tabs ul li:hover a {
	font-weight: bold;
}

#section-tabs ul li:active a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	color: var(--nav-active-color) !important;
	font-weight: bold;
}

#section-tabs-clearAllFilters {
	float:right;
	margin-right:10px;
	margin-top:4px;
}

/* Ensure underline tab style for Semantic UI tab/menu classes */
.ui.menu .item,
.ui.tabular.menu .item,
.ui.pointing.menu .item {
  background: var(--primary-bg)  !important;
  color: var(--primary-color) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 3px solid transparent !important;
  font-size: 1rem !important;
  transition: border-bottom 0.2s, color 0.2s;
}
.ui.menu .item.active,
.ui.menu .item:hover,
.ui.tabular.menu .item.active,
.ui.tabular.menu .item:hover,
.ui.pointing.menu .item.active,
.ui.pointing.menu .item:hover {
  background: var(--nav-bg) !important;
  color: var(--accent-color) !important;
  border-bottom: 5px solid var(--accent-color) !important;
  box-shadow: 0 2px 0 0 var(--accent-color, var(--accent-color)) !important;
}
.ui.menu .item.active a,
.ui.menu .item:hover a,
.ui.tabular.menu .item.active a,
.ui.tabular.menu .item:hover a,
.ui.pointing.menu .item.active a,
.ui.pointing.menu .item:hover a {
  color: var(--accent-color) !important;
}

ul#budget-year-tabs li a {
  	text-decoration: none;
	display:block;
	padding:0 20px;
	color:var(--accent-color);
}

ul#budget-year-tabs li.active {
	background-color: var(--nav-active-color);
	background-image:none;
	border-bottom:solid 2px var(--surface-bg);
	margin-bottom:-1px;
}

ul#budget-year-tabs li.active {
	font-size: 12pt;
}

ul#budget-year-tabs li.active a {
	color: var(--nav-active-color);
}

ul#budget-year-tabs li:hover {
  	background-color: var(--nav-active-color);
}

ul#budget-year-tabs li a:hover {
  	color: var(--nav-active-color);
}

ul#budget-year-buttons li {
	background: var(--primary-bg)  !important;
	color: var(--primary-color) !important;
	border: none !important;
	border-bottom: 3px solid transparent;
	transition: border-bottom 0.2s, color 0.2s;
}
ul#budget-year-buttons li.active, ul#budget-year-buttons li:hover {
	background: var(--primary-bg)  !important;
	color: var(--accent-color) !important;
	border-bottom: 5px solid var(--accent-color) !important;
	box-shadow: 0 2px 0 0 var(--accent-color, var(--accent-color)) !important;
}
ul#budget-year-buttons li a {
	color: var(--primary-color) !important;
}
ul#budget-year-buttons li.active a, ul#budget-year-buttons li a:hover {
	color: var(--accent-color) !important;
}

ul#budget-year-buttons li.active {
	font-size: 12pt;
}

ul#budget-year-buttons li.active a {
	color: var(--nav-active-color);
}

ul#budget-year-buttons li:hover {
  	background-color: var(--nav-active-bg);
}

ul#budget-year-buttons li a:hover {
  	color: var(--nav-active-color);
}

#section-tabs-bar {
	width:100%;
	height:40px;
	float:left;
	position:relative;
	background: var(--nav-bg) ;
	border-bottom: 1px solid var(--nav-border);
}

#section-tabs-separator {
	width:100%;
	height:0px;
	float:left;
	border-bottom: 0px solid var(--nav-border);
}

#section-tabs-actions-bar {
	width:100%;
	height:40px;
	background-color: var(--nav-bg);
	float:left;
}

#section-tabs-actions-bar.double-size {
	height:65px;
}

.section-title-bar {
	height:100px;
	width:100%;
	height:60px;
	background-color: var(--primary-bg);
	float:left;
}

.section-title-bar h2 {
	border-bottom: 2px solid var(--accent-color);
	padding-bottom:3px;
	margin:15px 20px 0 20px;
}

#section-tabs-actions-bar .element {
	line-height:20px;
	margin-top:9px;
}

/* -----------------------------------------------------------
 Section Tabs Bar - Secondary tabs
-------------------------------------------------------------- */

#secondary-tabs {
  	float:left;
	margin-top:8px;
	padding-left:10px;
	z-index:99;
}

#secondary-tabs ul {
  	float: left;
  	margin: 0;
  	padding: 0;
  	width: auto;
}

#secondary-tabs ul li {
  	float:left;
	height:30px;
	background: var(--nav-bg);
	color: var(--nav-color);
	line-height:30px;
	border:solid 1px var(--nav-border);
	border-left: none;
	border-collapse: collapse;
	margin-bottom: -1px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#secondary-tabs ul li:first-child {
	border-left :solid 1px var(--nav-border);
}

#secondary-tabs ul li a {
  	text-decoration: none;
	display:block;
	padding:0 20px;
	color:var(--nav-color);
	font-weight: normal;
}

#secondary-tabs ul li.active {
	background-color: var(--nav-active-bg);
	background-image:none;
	border-bottom:solid 2px var(--nav-border);
	margin-bottom:-1px;
}

#secondary-tabs ul li.active {
	font-size: 12pt;
}

#secondary-tabs ul li.active a {
	color:var(--nav-active-color);
	font-weight: bold;
}

#secondary-tabs ul li:hover {
  	background-color: var(--nav-hover-bg);
}

#secondary-tabs ul li a:hover {
  	color: var(--nav-hover-color);
	font-weight: bold;
}

#secondary-tabs ul li {
	float: left;
	height: 30px;
	color: var(--nav-color) !important;
	line-height: 30px;
	background: var(--nav-bg)  !important;
	border: none !important;
	margin: 0 5px -1px 5px;
	border-bottom: 3px solid transparent;
	font-size: 1rem !important;
	box-shadow: none !important;
	transition: border-bottom 0.2s, color 0.2s;
}

#secondary-tabs ul li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	color: inherit;
}

#secondary-tabs ul li.active {
	background: var(--nav-active-bg) !important;
	color: var(--nav-active-color) !important;
	border-bottom: 5px solid var(--nav-active-color) !important;
	box-shadow: 0 2px 0 0 var(--nav-active-color), var(--nav-active-color) !important;
}

#secondary-tabs ul li:hover {
	background: var(--nav-hover-bg) !important;
	color: var(--nav-hover-color) !important;
	border-bottom: 5px solid var(--nav-active-color) !important;
	box-shadow: 0 2px 0 0 var(--nav-hover-color), var(--nav-hover-color) !important;
}

/* -----------------------------------------------------------
 Window Shade Bar WHITE *BH 1/25/2013 for My Reqs
-------------------------------------------------------------- */

#window-shade-bar-white { 
	padding-bottom: 10px; 
}

#window-shade-handle-white-container {
	clear:both;
	width:100%;
	height:27px;
	border-top: 1px solid var(--accent-color);
}

#window-shade-handle-white {
	background-color:var(--surface-bg);
	display:block;
	color:var(--accent-color);
	border: 1px solid var(--accent-color);
	border-top: none;
	height:20px;
	font-size:11px;
	width:140px;
	margin-left: auto;
	margin-right: auto;
	padding-top:2px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 10px; /* future proofing */
	border-bottom-right-radius: 10px; /* future proofing */
}

a.window-shade-handle-white-closed {
	background-color:var(--accent-color) !important;
	color: var(--surface-bg) !important;
}

#window-shade-handle-white:hover {
	filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}


/* -----------------------------------------------------------
 Window Shade Bar
-------------------------------------------------------------- */

#window-shade-bar {
	background-color:var(--secondary-bg);
	border-top:solid 4px var(--border-color);
	border-bottom:solid 4px var(--border-color);
	color: var(--secondary-color);
/*	height:85px; Removed fixed height so content can push elements - Jason */
	width:100%;
	float:left;
	min-width:1000px;
	display:flex;
	/* BH 7/3/2013: Removed to var(--error-color)uce the padding in the OrderEZ window shade as per new layout -- padding:10px 0; */
}

#window-shade-bar a {
	color:var(--secondary-color);
}


/* Removed fixed height so content can push elements - Jason */
/*
#window-shade-bar .element {
	height:85px;
}

*/

#window-shade-bar .element .title {
	color:var(--secondary-color);
	font-size: 16px;
	font-weight: bold;
}

#window-shade-bar .element button {
	margin-top:10px;
}

#window-shade-bar .element table {
	margin-top:15px;
}

#window-shade-bar .element h4 {
	margin:22px 0 0 0;
	color:var(--secondary-color);
	width:110px;
}

#window-shade-handle-container {
	clear:both;
	width:100%;
	height:auto;
	border-top: 1px solid var(--border-color);
	background-color: var(--nav-bg);
}

#window-shade-handle {
	background-color: var(--secondary-bg);
	display:block;
	color: var(--brand-secondary);
	height:22px;
	font-size:12px;
	width:100px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	padding-top:4px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	border: 1px solid var(--border-color);
	border-top: 0px;
	margin-top: -1px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; /* future proofing */
	border-bottom-right-radius: 3px; /* future proofing */
	font-weight: normal;
	position: absolute;
	left: 50%;
	margin-left: -50px;
}


#window-shade-handle:hover {
	filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}

#req-categories {
	background-color:var(--surface-bg);
	border-top:solid 4px var(--surface-bg);

/*	height:85px; Removed fixed height so content can push elements - Jason */
	width:100%;
	float:left;
	min-width:1000px;
	padding:5px 0 10px 0;
}

#req-categories-table-div {
	width: 100%;
}

.req-titlebar {
	width:100%;
	height:36px;
	background-image: url(/images/my-reqs-center-gradient.gif);
	line-height:36px;
	font-weight: bold;
	border-top: solid 1px var(--border-color);
	border-bottom: solid 1px var(--border-color);
	color: var(--primary-color);
}

.req-titlebar span.buffer-left-20 {
	margin-left: 20px;
}

.req-titlebar-top-buffer {
	border-top: 4px solid var(--surface-bg);
}

.req-titlebar-instructions-dark {
	color: var(--secondary-color);
	font-weight: normal;
}

#req-category-bar-controller-container {
	clear:both;
	width:100%;
	border-top: 4px solid var(--surface-bg);
}

#req-category-bar-controller {
	display:block;
	padding-top:2px;
	text-decoration:none;
	cursor:pointer;
	padding-left: 20px;
}

.req-category-button {
	border: 1px solid var(--border-color);
    border-radius: 8px 8px 8px 8px;
    font-size: 9pt;
	font-weight: normal !important;
    cursor: pointer;
    display: block;
    margin: 2px;
    overflow: visible;
    padding: 2px 2px 4px 2px;;
    text-decoration: none;
    white-space: nowrap;
    background: var(--secondary-bg);
	color: var(--secondary-color);
}

.req-category-button-priority {
	border: 2px solid var(--primary-color);
    border-radius: 8px 8px 8px 8px;
    font-size: 9pt;
	font-weight: bold !important;
    cursor: pointer;
    display: block;
    margin: 2px;
    overflow: visible;
    padding: 2px 2px 4px 2px;
    text-decoration: none;
    white-space: nowrap;
    background: var(--accent-bg);
	color: var(--accent-color);
}

.req-category-button:hover {
	background: var(--secondary-inverted-bg) !important;
	color: var(--secondary-inverted-color) !important;
}

/* -----------------------------------------------------------
 Pagination Bar
-------------------------------------------------------------- */

#pagination-bar {
	background-color:var(--secondary-bg);
	color:var(--accent-color);
	height:30px;
	width:100%;
	float:left;
	min-width:1000px;
	font-weight:bold;
	border-top:solid 1px var(--border-color);
	border-bottom:solid 1px var(--border-color);
}

#pagination-bar .element span {
	line-height:35px;
	height:30px;
	float:left;
	margin:0 5px;
}

button.page-arrow {
	height:20px !important;
	width:25px !important;
	padding:0 !important;
	margin-top:6px !important;
}

button.page-arrow img {
	margin:-2px 0 0 0 !important;
}

.dataTables-paginate-bar {
	background-color:var(--secondary-bg);
	color:var(--accent-color);
	height:35px;
	width:100%;
	min-width:1000px;
	font-weight:bold;
	border-top:solid 1px var(--border-color);
	border-bottom:solid 1px var(--border-color);
	line-height:35px;
}

.dataTables-paginate-bar-processing {
	text-align: center;
	color: var(--error-color);
	font-size: 14pt;
}

.dataTables_info { float: right; }
.dataTables_paginate { float: right; }

/* -----------------------------------------------------------
 Accordion Bars
-------------------------------------------------------------- */

.accordion-bar {
	height:35px;
	background:url(/images/accordians/accordion-main-bg.png) repeat-x;
	background-position:bottom;
	width:100%;
	border-top:solid 1px var(--warning-color);
	z-index:99;
	position:relative;
	color: var(--secondary-color);
}

.accordion-bar .element {
	line-height:25px;
	color:var(--warning-color);
	margin-top:5px;
}

#requested-items-bar {
	border-bottom:solid 1px var(--warning-color);
	background-color:var(--secondary-bg);
	line-height: 35px;
}

#not-available-items-bar {
	border-bottom:solid 1px var(--warning-color);
	background-color:var(--secondary-bg);
	line-height: 35px;
}


a.pointer {
	background: transparent url(/images/accordians/accordion-arrow-icon-right.png) center left no-repeat;
	padding-left: 45px;
	line-height: 35px;
	display:block;
	cursor:pointer;
	/* color:var(--warning-color); */
	color: var(--brand-primary);
}

a.pointer-down {
	background: transparent url(/images/accordians/accordion-arrow-icon-down.png) center left no-repeat;
	padding-left: 45px;
	line-height: 35px;
	display:block;
	cursor:pointer;
	/* color:var(--warning-color); */
	color: var(--brand-primary);
}

.accordian-count {
	background: transparent url(/images/accordians/accordion-var(--error-color)ball-notification-icon.png) center no-repeat;
	width: 29px;
	text-align: center;
	color: var(--surface-bg);
	margin: 0 3px;
}

.accordian-bar-separator { color: var(--secondary-color); }

/* -----------------------------------------------------------
 Bottom Actions Bar
-------------------------------------------------------------- */

#bottom-actions-bar {
	background-color:var(--secondary-bg);
	color:var(--accent-color);
	font-size: var(--default-font-size) !important;
	padding-top: 4px;
	height:50px;
	width:100%;
	position:absolute;
	z-index:999;
}
#bottom-actions-bar * {
	font-size: inherit !important;
}

}

#bottom-actions-bar .element {
	margin-top:5px;
}


/* Styles are a beautiful thing */

#reqOverBudget {
	background-color: var(--error-color);
	color: var(--surface-bg);
	font-weight: bold;
	font-size: 12pt;
	width: 100%;
	padding: 2px;
	float: left;
}

#reqAFRequired {
	background-color: var(--accent-bg);
	color: var(--accent-color);
	font-weight: bold;
	font-size: 12pt;
	width: 100%;
	padding: 2px;
	float: left;
}




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


		PAGES.CSS


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


/* -----------------------------------------------------------
 Login Page
-------------------------------------------------------------- */

#login-logo {
	width:225px;
	height:75px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#login-form {
	width:350px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}

#scrolling-vendor-box {
	width:100%;
	height:120px;
	position:absolute;
	bottom:0;
	text-align:center;
	background-color:var(--surface-bg);
}

#login-help-links {
	width:380px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}


/* -----------------------------------------------------------
 Admin Page
-------------------------------------------------------------- */

#switcher {
	width:auto;
	height:auto;
	margin:50px auto;
	display:table;
	border:3px solid var(--secondary-bg);
	-moz-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border-radius: 15px !important;
}

.switcher-column {
	height:320px;
	overflow:auto;
	float:left;
	display:table-cell;
}

.switcher-button-column {
	border-left:1px solid var(--border-color);
	border-right:1px solid var(--border-color);
}

.switcher-header {
	height:30px !important;
	width:100%;
	border-bottom:2px solid var(--border-color);
	background-color:var(--secondary-bg);
}

#switcher-arrows {
	float:left;
	margin-top:100px;
}

.switcher-arrow {
	height:30px;
	width:30px;
	padding:0 !important;
	-moz-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
	border-radius: 15px !important;
	margin:10px !important;
}

button.switcher-arrow img {
	margin:0 2px !important;
}

span.acct-code, span.acct-code-type, span.acct-code-school {
	line-height:12px;
	float: left;
	white-space:nowrap;
	clear:both;
}

li span.acct-code-type {
	clear: both;
}

span.budget, span.spent {
	width:130px;
	display:block;
}

/* -----------------------------------------------------------
 Vendors Page
-------------------------------------------------------------- */
#vendors-left-column {
	display:table-cell;
}

#vendors-list {
	background-color:var(--secondary-bg);
	width:250px;
	position:fixed;
	margin-top:155px;
	bottom:0;
	top:0;
	overflow:auto;
}

#vendors-filter {
	padding:8px;
	color:var(--accent-color);
	margin:0;
	background-color:var(--secondary-bg);

}

#vendors-list ul {
	margin-left:10px;
}

#vendors-categories-column {
	display:table-cell;
}

#vendors-categories-list {
	background-color:var(--surface-bg);
	position:fixed;
	margin-top:155px;
	bottom:0;
	top:0;
	left:250px;
	right:240px;
	overflow:auto;
}

#vendors-info-column {
	display:table-cell;
}

#vendors-info {
	width:240px;
	background-color:var(--secondary-bg);
	position:fixed;
	margin-top:155px;
	bottom:0;
	top:0;
	right:0;
	overflow:auto;
	padding:10px;
}

#vendors-info-column ul li button {
	margin-top:10px;
}

/* -----------------------------------------------------------
 Requisition Comments Modal
-------------------------------------------------------------- */

#req-comments-box {
	float:left;
	width:400px;
}

#req-comments {
	width:425px;
	height:300px;
	overflow:auto;
	float:right;
}

#req-comments li {
	margin:5px;
	padding:5px;
	border:solid 1px var(--border-color);
}

#req-comments li span {
	clear:both;
	display:block;
	background-color:var(--secondary-bg);
	padding:3px;
	font-size:9px;
	margin-top:3px;
}

/* Styles are a beautiful thing */



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


		TABLES.CSS


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

table {
  font-family: var(--font-family) !important;
  font-size: var(--default-font-size) !important;
}
table *, table *:before, table *:after {
  font-size: inherit !important;
}
table.default th, table.default td, table.accordion-content th, table.accordion-content td { font-size: 10pt; }

/* -----------------------------------------------------------
 General Table Settings
-------------------------------------------------------------- */
table tr td.label {
	text-align:right;
	padding-right:0;
	white-space:nowrap;
}

table tr td.label-left {
	text-align:left;
	padding-right:0;
	white-space:nowrap;
	font-size:10pt;
}

table tr td.label-center {
	text-align:center;
	padding-right:0;
	white-space:nowrap;
}

table tr td.button-left {
	text-align:left;
	padding-left:0;
}

table tr td.button-right {
	text-align:right;
	padding-left:0;
}

table tr td.button-center {
	text-align:center;
	padding-left:0;
}

/* -----------------------------------------------------------
.default Table
-------------------------------------------------------------- */

table.default {
	width:100%;
/* DCH Removed for dataTables Upgrade
    border:solid 5px var(--secondary-bg);
*/
	clear:left;
}

table.default tr td, table.default tr th {
	border-top:solid 2px var(--secondary-bg);
	border-bottom:solid 2px var(--secondary-bg);
	/* BH 6/20/2013: removed so tables will defaul left - text-align: center; */
	padding:3px 5px;
	background-color: var(--primary-bg);
}

table.default tr td.no-padding, table.default tr th.no-padding {
    padding: 0;
}

table.defaultOverride tr td {
    background-color: var(--primary-bg);
    border-bottom: none;
    border-top: none;
    border-bottom:solid 2px var(--secondary-bg);
    /* padding: 3px 5px; */
    /* text-align: center; */
}

table.defaultOverride tr:last-child td {
	border-bottom: none;
}

table.default tfoot tr th { /* bh 5/21/2012: added to line up print view */
	padding:3px 4px;
	border: 0px;
}

table.default tr td a {
	text-decoration:none;
	font-weight:normal;
}

table.default tr td a:hover {
	text-decoration:underline;
}

table.default tr td a.tt {
	color:var(--brand-primary);
}

table.default tr th {
	height:20px;
	color:var(--accent-color);
	line-height:20px;
	background-color:var(--secondary-bg);
	border-left:solid 2px var(--secondary-bg);
	border-right:solid 2px var(--secondary-bg);
	font-weight:bold;
}

table.default tr.rowshade td {
	height:30px;
	color:var(--accent-color);
	font-weight:bold;
	line-height:30px;
	background-color:var(--secondary-bg);
	border-left:solid 2px var(--secondary-bg);
	border-right:solid 2px var(--secondary-bg);
}

table.default tr td input[type="text"] {
	background:var(--surface-bg);
}

table.default tr.hover td {
	background-color: var(--warning-color) !important;
}

table.default tr.active td {
	background-color: var(--warning-color) !important;
	/* removed BH 3/1/2013 for useradmin var(--accent-color) */
	/* color:var(--surface-bg) !important; */
	/* padding:5px; */
}
/* removed BH 3/1/2013 for useradmin
table.default tr.active td a {
	color:var(--surface-bg);
}
*/
/* DCH Added for dataTables Upgrade */
table.dataTable.default tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid var(--secondary-bg);
  border-right: 5px solid var(--secondary-bg);
}
table.dataTable.default tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 5px solid var(--secondary-bg);
}
table.dataTable.default tbody tr:first-child th,
table.dataTable.default tbody tr:first-child td {
  border-top: none;
}

/* -----------------------------------------------------------
.padded-list Table
-------------------------------------------------------------- */

table.padded-list {
	width:auto;
	border:none;
}

table.padded-list tr td {
	text-align:center;
	padding:10px;
	background-color: var(--primary-bg);
}

table.padded-list tr td a {
	text-decoration:underline;
}

/* -----------------------------------------------------------
.padded Table
-------------------------------------------------------------- */

table.padded {
	width:auto;
	border:none;
}

table.padded tr td {
	padding:10px;
}


/* -----------------------------------------------------------
.accordion-content Table
-------------------------------------------------------------- */

table.accordion-content {
	width:100%;
	border:solid 5px var(--warning-color);
}

table.accordion-content tr td, table.accordion-content tr th {
	border-top:solid 2px var(--secondary-bg);
	border-bottom:solid 2px var(--secondary-bg);
	/* BH 6/20/2013: removed so tables will defaul left - text-align: center; */
	padding:3px 5px;
	background-color: var(--primary-bg);
}

table.accordion-content tr td a {
	text-decoration:none;
	color:var(--brand-primary);
	font-weight:normal;
}

table.accordion-content tr td a:hover {
	text-decoration:underline;
}

table.accordion-content tr th {
	height:30px;
	color:var(--accent-color);
	line-height:20px;
	background-color:var(--secondary-bg);
	border-left:solid 2px var(--warning-color);
	border-right:solid 2px var(--warning-color);
	font-weight: bold;
}

table.accordion-content tr td input[type="text"]:focus {
	border:2px solid var(--error-color);
}

table.accordion-content tr.accordion-button-row td {
	background-color:var(--secondary-bg);
	height:55px;
}

/* -----------------------------------------------------------
.po-sub-table Table
-------------------------------------------------------------- */

table.po-sub-table {
	width:100%;
	border:solid 2px var(--border-color);
}

table.po-sub-table tr td, table.po-sub-table tr th {
	border-top:solid 1px var(--border-color);
	border-bottom:solid 1px var(--border-color);
	/* BH 6/20/2013: removed so tables will defaul left - text-align: center; */
	padding:3px 5px;
	background-color: var(--primary-bg);
}

table.po-sub-table tr td {
	font-weight: normal !important;
}

table.po-sub-table tr th {
	height:30px;
	color:var(--secondary-color);
	line-height:20px;
	background-color:var(--secondary-bg);
	border-left:solid 2px var(--border-color);
	border-right:solid 2px var(--border-color);
	font-weight: bold;
}

table.po-sub-table tr td input[type="text"]:focus {
	border:2px solid var(--border-color);
}



/* -----------------------------------------------------------
.not-available Table
-------------------------------------------------------------- */

table.not-available {
	width:100%;
	border:solid 5px var(--border-color);
}

table.not-available tr td, table.not-available tr th {
	border-top:solid 2px var(--secondary-bg);
	border-bottom:solid 2px var(--secondary-bg);
	/* BH 6/20/2013: removed so tables will defaul left - text-align: center; */
	padding:5px 5px;
	background-color: var(--primary-bg);
}

table.not-available tr td a {
	text-decoration:none;
	color:var(--brand-primary);
	font-weight:normal;
}

table.not-available tr td a:hover {
	text-decoration:underline;
}

table.not-available tr td {
	text-decoration: line-through;
}

table.not-available tr th {
	height:30px;
	color:var(--accent-color);
	line-height:30px;
	background-color:var(--secondary-bg);
	border-left:solid 2px var(--warning-color);
	border-right:solid 2px var(--warning-color);
}


/* -----------------------------------------------------------
.filters Table
-------------------------------------------------------------- */

table.filters {
	width:auto;
	min-width:100%;
	border:none;
	white-space:nowrap; /* Added by Jason */
}

table.filters tr td {
	border:none;
	padding:3px 8px;

}

table.filters tr td a {
	text-decoration:underline;
}

/*
table.filters tr td select {
	width:auto;
	min-width:100%;

}
*/

/* -----------------------------------------------------------
.modal-info Table
-------------------------------------------------------------- */

table.modal-info {
	width:100%;
	border:none;
}

table.modal-info tr td {
	border:none;
	padding:3px 5px;
}

table.modal-info tr td a {
	text-decoration:underline;
}


/* -----------------------------------------------------------
.window-shade-contents Table
-------------------------------------------------------------- */


table.window-shade-contents tr td {
	padding:0px 2px;
	/* white-space:nowrap; */
	/* font-size:10px; */
	/* font-size:14px; */
}


/* -----------------------------------------------------------
.forms Table
-------------------------------------------------------------- */


/* See forms.css */


/* -----------------------------------------------------------
 Table Classes
-------------------------------------------------------------- */

input.qty[type="text"]{
	text-align:center;
	width:30px;
	float: none;
}


table tr td.text-left, table tr th.text-left {
	text-align:left;
}

table tr td.text-right, table tr th.text-right {
	text-align:right;
}

table tr td.text-center, table tr th.text-center {
	text-align:center;
}

table tr td p.description, table tr td p.bid-as {
	margin:1px 0;
}

/* table descriptions */
/* changed
table tr td p.description a{
	font-weight: bold;
	color: var(--accent-color);
}
*/
table tr td.description a{
	font-weight: normal;
	color: var(--accent-color) !important;
}

table tr td div.addenda-label {
	display:block;
	height:15px;
	line-height:15px;
	width:auto;
	float:left;
	background-color:var(--secondary-bg);
	color:var(--primary-color);
	border: 1px solid var(--border-color);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	padding:5px 10px;
	margin:5px 2px 5px 0;
}

table tr td div.addenda-label a {
	color:var(--brand-primary);
	text-decoration:none;
}

table tr td div.addenda-label p {
	float:left;
	padding:0;
	margin:0;
}

table tr td div.addenda-label span {
	text-align:right;
	float:right;
}

.rejected {text-decoration: line-through;}

/* datatables even striping */
table tr.even td {
	background-color: var(--even-bg);
}

table tr.highlight td {
	background-color: var(--brand-secondary);
}

select.highlight {
	background-color: var(--brand-secondary);
	font-weight: bold;
}

/* hand over sortable columns */
table.dataTable tr th.sortable { cursor: pointer; }

div.dataTables_scrollBody { position: relative; }

/* styles for specific tables */
table.default tr td, table.accordion-content tr td { font-weight: normal; }
table.default tr td a, table.accordion-content tr td a { font-weight: normal; }
table.default input, table.accordion-content input { font-weight: normal; }

.addenda-total-column {
	text-align: right;
	color: var(--warning-color);
	font-weight: normal;
}

/* Added styles for alignment for datatables */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* -----------------------------------------------------------
.orderEZ Table
-------------------------------------------------------------- */

table.orderEZ tr td {
	padding: 5px;
	white-space:nowrap;
	/* font-size:10px; */
	/* font-size:14px; */
}

.orderEZLabel {
	font-weight: bold;
}

.orderEZ {
	margin: -1px 0px 0px 0px;;
}


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


		FORMS.CSS


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

/* -----------------------------------------------------------
 General Form Settings
-------------------------------------------------------------- */

/* Select */
select
{
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    height:24px;
	width:auto;
	padding:0px 5px 2px 5px;
	margin: 0px;
	background:var(--surface-bg);
	border:2px solid var(--border-color);
}

/* Inputs */

input[type="text"], input[type="password"]
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    height:16px;
	width:auto;
	padding:2px 5px 2px 5px;
	background:var(--surface-bg);
	border:2px solid var(--border-color);
}

input[type="text"]:focus, input[type="password"]:focus
{
	border:2px solid var(--brand-primary);
}

input:focus{
  border: none;
  border-color: transparent;
}


input.default-input-length {
	width:150px !important;
}

input.short-input-length {
	width:75px !important;
}

/* TextAreas */

textarea {
	padding:2px 5px 2px 5px;
	background-color:var(--surface-bg);
	border:2px solid var(--border-color);
	height: 50px;
}

textarea:focus
{
	border:2px solid var(--brand-primary);
}

/* Labels */

.label {
	font-weight:normal;
	font-size:13px;
	line-height:15px;
	margin:0;
	text-align:right;
	clear:left;
}

.label-left {
	font-weight:normal;
	font-size:13px;
	line-height:15px;
	margin:0;
	text-align:left;
	clear:left;
}

.label span {
	font-weight:normal;
}

.label-left {
	text-align:left;
}

/* -----------------------------------------------------------
 .form Table
-------------------------------------------------------------- */

table.form {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:auto;
}

table.form tr td {
	border:none;
	padding:5px 8px 5px 5px;
}


table.form tr td input[type="text"], table.form tr td select, table.form tr td textarea, table.form tr td input[type="password"] {
	width:98%;
	/* margin-left:-5px;  BH 2/4/2014: Adjusted from -5 to -12 for IE11 */
}

table.form-left tr td.label {
		text-align:left;
}


/* -----------------------------------------------------------
 Button Settings
-------------------------------------------------------------- */

.left-buttons {
    left: 0%;
    position: absolute;
    right: 71%;
    text-align: left;
    z-index: 1;
}

.center-buttons {
    left: 25%;
    position: absolute;
    right: 25%;
    text-align: center;
    z-index: 1;
}

.modal-center-buttons {
    left: 1%;
    position: absolute;
    right: 1%;
    text-align: center;
    z-index: 1;
}

.center-element-buttons { /* Centers Buttons in element container */
	text-align:center;
	padding:5px 0;
}

.center-buttons table {
	/* BH 8/14/2013: Removed this becuase it was forcing centevar(--error-color) buttons to be off center -- width:500px; */
	margin-left:auto;
	margin-right:auto;
}

a.button, button.button, input.button {
display:inline-flex;
margin:0 2px;
padding: 5px 10px 10px 10px;
/* line-height:12px; */
height:30px;
text-decoration:none;
text-transform:none;
font-weight:normal;
/* color:var(--secondary-color); */
/*color: var(--accent-color);*/

/*padding:4px 10px 5px 7px;  Links - BH 1/23/2014: Removed this to fix ie11 print button in Awarded Vendors, but messes up ie7. */

border:2px solid var(--secondary-bg);
-moz-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-radius: 3px;
white-space:nowrap;
-moz-box-shadow: 0px 1px 2px var(--accent-color);
-webkit-box-shadow: 0px 1px 2px var(--accent-color);
box-shadow: 0px 1px 2px var(--accent-color);
/* position:relative; */
overflow:visible;
cursor:pointer;
}

button.short-button {
	font-size:11px;
    line-height:11px;
	height:22px;
	padding: 0px;
}

button.green-button,button.green-button-large,input.green-button,input.green-button-large {
	display:inline;
    margin:0 5px;
    background: var(--success-color);
    background-position:bottom;
    font-family: Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:12px;
	height:22px;
    text-decoration:none;
	padding:5px 10px 5px 7px; /* Links */
	border:1px solid var(--success-color);
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	-moz-box-shadow: 0px 1px 2px var(--accent-color);
  	-webkit-box-shadow: 0px 1px 2px var(--accent-color);
  	box-shadow: 0px 1px 2px var(--accent-color);
	overflow:visible;
	cursor:pointer;
}
button.green-button-large, input.green-button-large {
	height:30px;
	font-size:13px;
    line-height:13px;
}


button.white-button,button.white-button-large,input.white-button,input.white-button-large {
	display:inline;
    margin:0 5px;
    background: var(--surface-bg);
    background-position:bottom;
    font-family: Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:12px;
	height:22px;
    text-decoration:none;
    color: var(--button-secondary-color);
	padding:3px 10px 5px 7px; /* Links */
	border:1px solid var(--brand-secondary);
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	-moz-box-shadow: 0px 1px 2px var(--accent-color);
  	-webkit-box-shadow: 0px 1px 2px var(--accent-color);
  	box-shadow: 0px 1px 2px var(--accent-color);
	overflow:visible;
	cursor:pointer;
}
button.white-button-large, input.white-button-large {
	height:30px;
	font-size:13px;
    line-height:13px;
}

button.blue-button,button.blue-button-large,input.blue-button,input.blue-button-large {
	display:inline;
    margin:0 5px;
    background: var(--brand-secondary);
    background-position:bottom;
    font-family: Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:12px;
	height:22px;
    text-decoration:none;
    color: var(--nav-color);
	padding:3px 10px 5px 7px; /* Links */
	border:1px solid var(--brand-secondary);
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	-moz-box-shadow: 0px 1px 2px var(--accent-color);
  	-webkit-box-shadow: 0px 1px 2px var(--accent-color);
  	box-shadow: 0px 1px 2px var(--accent-color);
	overflow:visible;
	cursor:pointer;
}
button.blue-button-large, input.blue-button-large {
	height:30px;
	font-size:13px;
    line-height:13px;
}




button.two-line-button {
	height: 40px;
}

.ghosted {
	cursor:default !important;
}


button[type] {
	padding:4px 10px 4px 7px; /* Firefox */
    /* line-height:17px; */ /* Safari -- BH 7/12/2013: Removed this because it was causing issues in IE. Doesn't look like it did anything in Safari */
}

a.button {
	padding:4px 10px 4px 7px; /* Firefox */
    line-height:17px; /* Safari */
}


a.button img, button.button img, input.button img {
    margin:0 3px -3px 0;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

a.button:hover, button.button:hover, input.button:hover {
	background:none;
	background-color:var(--accent-hover);
	color:var(--surface-bg);
	text-decoration:none;

}

button.button.ghosted:hover, input.button.ghosted:hover {
	color:var(--secondary-color);
}

button.icon, input.icon {
	background:none;
	border:none;
	width:22px;
}

a.notes {
	/* background: transparent url(/images/buttons/btn-notes.png) center no-repeat; */
	background: transparent url(/images/icons/icon-notes.png) center no-repeat;
	height:32px;
	width:32px;
	display: block;
	margin: auto;
	text-align: center;
}

textarea.notes {
	width:325px;
	height:100px;
	overflow:auto;
}

#requestAddendaItemForm .requivar(--error-color) {
	background-color: var(--surface-bg);
}


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


		MODALS.CSS


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


/* -----------------------------------------------------------
 Modals
-------------------------------------------------------------- */

#modal-title-bar {
	height:30px;
	padding:10px 0;
	border-bottom:solid 3px var(--accent-color);
	background: var(--nav-bg) ;
}

#modal-title-bar .element {
	width:98%;
	float:left;
	margin-top:5px;
}


#modal-title-bar .element h1 {
	margin:0;
	float:left;
}

#modal-title-bar .element span {
	float:right;
	font-weight:bold;
	font-size:13px;
	margin-right:5px;
}

#modal-section-tabs-bar {
	width:100%;
	height:40px;
	float:left;
	background: var(--primary-bg) ;
	background-position:top;
}

#modal-section-tabs-bar .element {

}

#modal-section-tabs-actions-bar {
	width:100%;
	height:40px;
	background-color:var(--surface-bg);
	float:left;
}

#modal-section-tabs-actions-bar .element {
	line-height:20px;
	margin-top:9px;
}

#modal-main-content {
	border-radius: 0px;
}

#modal-main-content h3 {
	padding:5px;
	font-size:14px;
	float:left;
}

#modal-main-content h4 {
	padding:5px;
	font-size:14px;
	border-bottom:solid 2px var(--border-color);
	margin:0 10px;
}

#modal-bottom-actions-bar {
	background:var(--nav-bg);
	height: 40px;
	width: 100%;
	position:relative;
	bottom:0;
	padding-top:10px;
}

#modal-bottom-actions-bar .element {
	height: 40px;
}

.modal-tray {
	background:url(/images/bkgd.png) repeat;
	height:auto;
	width: 100%;
	padding-top:10px;
	margin: 10px 0 0 0;
	border-top:solid 5px var(--secondary-bg);
}

.modal-tray h3 {
	color:var(--surface-bg);
}

.modal-launch {
	background:url(/images/buttons/btn-launch.png) no-repeat;
	background-position:right;
	padding-right:20px;
}

.modal-override-reason-bar {
	background-color:var(--secondary-bg);
	padding:5px;
	margin:0 0 15px 0;
}

.modal-override-reason-bar input[type=text] {
	width:400px;
}

.modal-form-content {
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
}

/* This section is for the Simple Modal popups */
#simplemodal-overlay {
	background:var(--overlay-color);
}
#simplemodal-container {
/*	background-color:var(--surface-bg);*/
	border:4px solid var(--secondary-color);
	height:auto !important;
	max-height: 90vh !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 10px; /* future proofing */
}

.simplemodal-wrap {
	overflow: hidden !important;
	background: var(--primary-bg);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
} /* BH 6/21/2013: This is for IE7 */

/* Modal content layout for scrolling center section */
#modal-main-content {
	overflow-y: auto;
	max-height: calc(90vh - 150px);
}

/* Make iimDescription divs scrollable when modal is constrained */
div.iimDescription:not(.iimHeading) {
	overflow-y: auto;
	max-height: calc(50vh - 50px);
}

/* this is var(--error-color)undant, there is another up higher
#simplemodal-container a.modalCloseImg {
	background:url('/images/buttons/simplemodal/x.png') no-repeat; *//* adjust url as requivar(--error-color) *//*
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}
*/

table tr.search-table-row-border td {
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
	padding: 5px 10px;
}

table tr.search-table-row-border td.last-child {
	border-right: 1px solid var(--border-color);
}

/* 3-column screens
----------------------------------*/

#sds-screen-left { 
	width: 270px; 
	border-right: 1px solid var(--accent-color); 
	float: left; 
} /* BH 2/4/2014: Adjusted width from 30 to 32 for IE 1024 */
#sds-screen-right { 
	width: 754px; 
	border-right: 1px solid var(--accent-color); 
	float: left; 
	overflow:auto; 
} /* BH 2/4/2014: Adjusted width from 30 to 32 for IE 1024 */
#split-screen-left { 
	width: 32%; 
	border-right: 1px solid var(--accent-color); 
	float: left; 
	background: var(--nav-bg);
} /* BH 2/4/2014: Adjusted width from 30 to 32 for IE 1024 */
#split-screen-center { 
	width: 37.8%; 
	border-right: 1px solid var(--accent-color); 
	float: left; 
	overflow: auto; 
	background: var(--nav-bg);
} /* BH 2/4/2014: Adjusted width from 39.8 to 37.8 for IE 1024 */
#split-screen-right { 
	width: 30%; 
	float: left;
	background: var(--nav-bg); 
}
button.rtk-button {
    width:180pt;
	height:40pt;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	font-weight:bold;
	margin: 0px;
	color: var(--accent-color);
	background:url(/images/top-shadow.png) var(--secondary-bg) repeat-x;
	background-position:top; }
button.rtk-button:hover {
	background-color:var(--brand-primary);
	background-image:none;
	color: var(--surface-bg);
 }
button.active {
	background-color:var(--accent-hover);
	background-image:none;
	border-bottom:solid 1px var(--accent-hover);
	color:var(--surface-bg);
}
.vertical-tabs tr td { padding: 0px; margin: 10px 0px 10px 10px; }
.vertical-tabs div { padding:0px; margin: 10px 0px 10px 10px; }

#exports-Div { width:100%; text-align:center; margin-top:20px; margin-bottom; 20px; vertical-align:middle; }
button.export-button { width:250px; height:50px; text-align:center; vertical-align:middle; font-size:12pt; }
label.export-label { font-size:12pt; }
input.export-input { font-size:12pt; }

.tri-center-header {
	background: var(--secondary-bg) ;
	background-positon: top;
	border-bottom: solid 1px var(--border-color);
	padding-top: 3px;;
}

.tri-center-header > p, .msrpCenterHeaderBold {
	margin-top: 11px;
	margin-bottom: 11px;
	line-height: 20px;
    font-weight: bold;
   }

.tri-center-column-side-buffer {
	padding-left: 11px;
	padding-right: 11px;
}

.tri-center-header-buffer-top { margin-top: 10px; }
.tri-center-header-buffer-bottom { margin-bottom: 10px; }

/* MSRP page */
table.left tr th, table.left tr td { text-align: left !important; }

a#msrpTrainingVideo {
	color:var(--surface-bg);
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

a#msrpTrainingVideo:hover {
	color:var(--surface-bg);
	text-decoration:underline;
}

a#msrpTrainingVideo:active {
	color:var(--surface-bg);
	text-decoration:underline;
}

th.has-button {
	line-height: 30px !important;
}

// this fixes print button in MSRP that wasn't vertically aligning center
th.has-button button {
	line-height: 25px !important;
}

/* 3-column screen buttons
----------------------------------*/

ul.lr-button {
	width: 100%;
  	float: left;
  	margin: 0;
  	padding: 0;
}

ul.lr-button li {
	width: 49%;
	float:left;
	height:27px;
	color: var(--nav-color) !important;
	line-height:27px;
	background: var(--nav-bg)  !important;
	border: none !important;
	text-align: center;
	border-bottom: 3px solid transparent;
	transition: border-bottom 0.2s, color 0.2s;
}

ul.lr-button li.left {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px; /* future proofing */
	border-bottom-left-radius: 4px; /* future proofing */
}

ul.lr-button li.right {
	border-left: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px; /* future proofing */
	border-bottom-right-radius: 4px; /* future proofing */
}

ul.lr-button li a {
	text-decoration: none;
	display:block;
	padding:0 20px;
	color: var(--nav-color) !important;
}

ul.lr-button li.active, ul.lr-button li:hover {
	background: var(--nav-active-bg)  !important;
	color: var(--nav-active-color) !important;
	border-bottom: 5px solid var(--nav-active-color) !important;
	box-shadow: 0 2px 0 0 var(--nav-active-color, var(--nav-active-color)) !important;

}

ul.lr-button li.active a, ul.lr-button li a:hover {
	color: var(--nav-active-color) !important;
	font-weight:bold;
}


/* -------------------------------------------- */
/* 3-column screen buttons x3
----------------------------------*/

ul.lmr-button {
	width: 100%;
  	float: left;
  	margin: 0;
  	padding: 0;

}

ul.lmr-button li {
	width: 32%;
	float:left;
	height:27px;
	color: var(--nav-color) !important;
	line-height:27px;
	background: var(--nav-bg)  !important;
	border: none !important;
	text-align: center;
	border-bottom: 3px solid transparent;
	transition: border-bottom 0.2s, color 0.2s;
}

ul.lmr-button li.left {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px; /* future proofing */
	border-bottom-left-radius: 4px; /* future proofing */
}

ul.lmr-button li.middle {
	border-left: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px; /* future proofing */
	border-bottom-right-radius: 0px; /* future proofing */
}

ul.lmr-button li.right {
	border-left: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px; /* future proofing */
	border-bottom-right-radius: 4px; /* future proofing */
}

ul.lmr-button li a {
	text-decoration: none;
	display:block;
	padding:0 20px;
	color: var(--nav-color) !important;
}

ul.lmr-button li.active, ul.lmr-button li:hover {
	background: var(--nav-active-bg)  !important;
	color: var(--nav-active-color) !important;
	border-bottom: 5px solid var(--nav-active-color) !important;
	box-shadow: 0 2px 0 0 var(--nav-active-color, var(--nav-active-color)) !important;
}

ul.lmr-button li.active a, ul.lmr-button li a:hover {
	color: var(--nav-active-color) !important;
	font-weight:bold;
}


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

div.grey-buttons {
  	/* width: 95%; */
    margin: 5px auto;
}

div.grey-buttons ul {
	width: 100%;
  	float: left;
  	margin: 0;
  	padding: 0;

}

div.grey-buttons ul li {
	/* width: 49%; */
  	float:left;
	height:27px;
	color:var(--surface-bg);
	line-height:27px;
	background:url(/images/lr-button-on.png) var(--secondary-bg) repeat-x;
	background-position:top;
	border:solid 1px var(--secondary-color);
	text-align: center;
}

div.grey-buttons ul li.left {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px; /* future proofing */
	border-bottom-left-radius: 4px; /* future proofing */
}

div.grey-buttons ul li.middle {
	border-left: 0px;
	border-right: 0px;
}

div.grey-buttons ul li.right {
	border-left: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px; /* future proofing */
	border-bottom-right-radius: 4px; /* future proofing */
}

div.grey-buttons ul li a {
  	text-decoration: none;
	display:block;
	padding:0 20px;
	color:var(--secondary-color);
}

div.grey-buttons ul li.active, div.grey-buttons ul li:hover {
	background:url(/images/lr-button-off.png) var(--accent-hover) repeat-x;
	/* font-size: 12pt; */
}

div.grey-buttons ul li.active a, div.grey-buttons ul li a:hover {
	color: var(--surface-bg);
}

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

.no-padding { padding: 0px; }
.no-margin { margin: 0px; }

/*.view-po-windowshade-handle { background: url(/images/approve-reqs-window-shade-bg.gif); }*/
.view-po-windowshade-handle { 
	background: var(--tracking-bg);
    border-top: var(--border-color) solid 0px;
	border-bottom: var(--border-color) solid 2px;
	border-left: var(--border-color) solid 2px;
	border-right: var(--border-color) solid 2px;
	font-size: 12px !important;
	margin: 0px;
	padding: 0px;
  	cursor: pointer;
}
.view-po-windowshade-handle div:hover { 
	cursor: pointer; 
}

#requisition-purchase-orders-bar {
	margin-top: 10px;
	height: 100px;
	background-color: var(--secondary-bg);
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
	font-size: 13px;
	/* line-height: 40px; */
	font-weight: bold;
}

#requisition-purchase-orders-bar div {
	float: left;
	margin-left: 15px;
}

#requisition-purchase-orders-bar div.left-split {
	border-left: 1px solid var(--border-color);
	padding-left: 15px;
}

td.POs {
	padding: 0px !important;
	margin: 0px !important;
}









































/* admin stuff */
----------------------------------
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }


/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=263867&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=ffffff&fcHeader=ffffff&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=66666&fcContent=66666&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextuvar(--error-color)efault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=D4DEF7&fcDefault=555555&iconColorDefault=888888&bgColorHover=1E4B9C&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=D4DEF7&fcHover=ffffff&iconColorHover=454545&bgColorActive=263959&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=D4DEF7&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; background:var(--primary-bg);}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid var(--secondary-color); background: var(--primary-bg); color: var(--primary-color) }
.ui-widget-content a { color: var(--nav-color) }
.ui-widget-header { border: 1px solid var(--surface-bg); background: var(--accent-hover) url(images/ui-bg_highlight-soft_75_263867_1x100.png) 50% 50% repeat-x; color: var(--accent-color); font-weight: bold; }
.ui-widget-header a { color: var(--nav-color); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: var(--secondary-color) url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: var(--secondary-color) url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header {
	cursor: pointer;
	background: url(/images/center-column-header-gradient.gif) repeat-x var(--secondary-bg);
	background-position: top;
	border-top: solid 1px var(--border-color);
	border-bottom: solid 1px var(--border-color);

	line-height: 14px;

	color: var(--secondary-color);
    font-weight: bold;
    padding: 5px 11px;
    /* DCH Added for Library Upgrade */
    margin: 0px !important;

}
.ui-accordion .ui-accordion-header-active a {
    color: var(--accent-color) !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon { color: var(--accent-color) !important; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }



.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; color: var(--accent-color) !important; background-color: var(--secondary-bg);}
.ui-accordion .ui-accordion-header a { display: block; }
.ui-accordion-icons .ui-accordion-header a { /* color: var(--nav-color); */ text-decoration: none; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 11px; }
.ui-accordion .ui-accordion-content-active { display: block; }

.clicky { 
	text-decoration: underline; 
	cursor: pointer; 
	color: var(--brand-primary) !important;
}

.dataTables_empty { text-align: center; }

#reqDetailLayoutRight {
	border: 1px solid var(--accent-color);
	background-color: var(--primary-bg);
	border-radius: 8px;
	border-collapse: collapse;
	border-spacing: 0px;
	overflow: hidden;
	color: var(--accent-color);
}

#budgetDisplay {
	background-color: var(--accent-bg);
	border-right: 1px solid var(--border-color);
	color: var(--accent-color);
}

#budgetDisplay td {
	font-size: 8pt;
	text-align: left;
}

#reqTotalDisplay, #reqTotalDisplay a {
	background-color: var(--accent-bg);
	color: var(--accent-color);
}

#accountAvailableLabel, #accountAvailable {
	font-weight: normal;
}

#accountAvailableLabel.error, #accountAvailable.error {
}

.roundedCorners5 {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-collapse: collapse;
	overflow: hidden;
	border-spacing: 0px;
	background-color: var(--secondary-bg);
}

tr.select td {
	background-color: var(--warning-color) !important;
}


tr.select td a{
	text-decoration: none !important;
}

tr.selected td {
	color: var(--primary-color);
	background-color: var(--secondary-bg) !important;
}

tr.selected td a{
	color: var(--primary-color);
	text-decoration: none !important;
}


tr div.selector {
	padding-right: 21px;
}

tr.selected div.selector, tr.select div.selector {
	background-position: right center;
	background-repeat: no-repeat;
}

tr.selected div.selector {
	background-image: url(/images/table-select-arrow-white.png);
}

tr.select div.selector {
	background-image: url(/images/table-select-arrow.png);
}

input.greyedDescription {
	color: var(--ghost-color);
}

img.itemImage {
    object-fit:contain;
    max-width: 240px;
    max-height: 180px;
    min-width: 32px;
    min-height: 32px;
    width:auto;
    height:auto;
	float:left;
}
div.iimHeading {
	text-align:left;
	font-weight:bold;
}
div.iimSection {
	width:90%;
	float:left;
}
div.iimGroup {
	width:50%;
	float:left;
}
div.iimDescription {
	width:100%;
	text-align:left;
	line-height: normal;
}
div.iimVendorName {
	width:100%;
	text-align:left;
}
div.iimHeading.iimVendorName {
	margin-top: 10px;
}
div.iimVendorItemCode {
	width:100%;
	text-align:left;
}
div.iimUOM {
	width:100%;
	text-align:left;
}
div.iimAwardType {
	width:100%;
	text-align:left;
}
div.iimBidPrice {
	width:100%;
	text-align:left;
}
div.iimManufacturer {
	width:100%;
	text-align:left;
}
div.iimManufacturerPartNumber {
	width:100%;
	text-align:left;
}
.icons {
	white-space: nowrap;
}
.icon {
	width: 18px;
	height: 18px;
	vertical-align: text-bottom;
}
.poDateEntry {
	width:12em !important;
}
.poComments {
	height: 1.2em;
	width:30% !important;
}
.poComments:focus {
	height: 10em !important;
	position:absolute;
	width:30% !important;
	bottom:4px;
	z-index:999999;
	display:block;
}
.pomComments {
	width:800px;
	height:400px;
	margin-left:10px;
}
.poDirections {
	width:116em;
}
.poSendLine {
	width: 65%;
}

.ponnContent {
	width:100%;
	height: 170px;
}

.ponnLine {
	width:96%;
}

.ponnLabel {
	width: 48%;
	height:2em;
	text-align:right;
	float:left;

}

.ponnInput {
	width:48%;
	height:2em;
	text-align: left;
	float:right;
}

.rafForm {
    width:auto;
}

.rafDropArea {
    width:94%;
    height: 8em;
    margin: 1.5em;
    border: medium silver solid;
    text-align: center;
    vertical-align: middle;
}

.rafDropAreaText {
    font-size: 200%;
    color: silver;
    text-align:center;
}

.rafAttachedFiles {
    width:94%;
    margin: 1.5em;
}

.raftTable {
    width:611px !important;
    height:12em;
}

.raftHead {
    width:610px;
}

.raftRow {
    width:610px;
}

th.raftDescription {
    width:149px;
}

th.raftFileName {
    text-align: left;
    width:119px;
}

th.raftFileSize {
    text-align: right;
    width:90px;
}

th.raftDateUploaded {
    width:118px;
}

th.raftStatus {
    width:89px;
}

th.raftAttachmentDelete {
    width: 29px;
}

.raftBody {
    width:610px;
}

.raftEmptyRow {
    width:100%;
}

.raftRow {
    width:610px;
}

.raftDescription {
    width:149px;
}

.raftFileName {
    width:119px;
}

.raftFileSize {
    width:90px;
}

.raftDateUploaded {
    width:118px;
}

.raftStatus {
    width:89px;
}

.raftAttachmentDelete {
    width:29px;
}

div.searchBox {
    width: 200px !important;
}

.searchBox {
    width: 180px !important;
    height: 16px;
    border-radius: 5px;
    border: 3px solid var(--brand-secondary);
    border-right: none;
    margin: 2px 2px 2px 10px !important;
    padding: 1px;
    float: left;
}

.searchButton {
    width:20px;
    height: 20px;
    border: 1px solid var(--brand-secondary);
    background: var(--brand-secondary);
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 13px;
}

.searchIcon {
    width: 16px;
    height: 16px;
}

div#searchMode {
   height:20px;
}

.searchImage {
    object-fit:contain;
    max-width: 240px;
    max-height: 120px;
    min-width: 120px;
    min-height: 120px;
    width:auto;
    height:auto;
	margin:auto;
}

.searchThumbnail {
    object-fit:contain;
    max-width: 48px;
    max-height: 24px;
    min-width: 24px;
    min-height: 12px;
    width:auto;
    height:auto;
}

/*
.searchThumbnail:hover {
    transform: translate(10px) scale(5);
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -webkit-transform-origin: top left;
    transition:0.25s;
}

tr:last-of-type .searchThumbnail:hover {
    -moz-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
}
*/
.mode-icon {
    width:16px;
    height:16px;
    background-color: var(--primary-bg);
    border-color: var(--primary-color);
    border-radius: 2px;
    border-style: solid;
    border-width:2px;
}

.mode-active {
    background-color: var(--primary-bg);
    border-color: var(--accent-color);
}

.searchGrid {
    overflow-y:auto;
}

.searchList {
    overflow-y:auto;
}

.card-MPHVI {
    background-color: var(--brand-secondary);
    color: var(--brand-color);
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

div.card-MPHVI {
    width: 100%;
    font-weight: bold;
}

.cardVendor {
    font-weight: normal;
	font-size: 10pt;
    overflow: hidden;
    display: flex;
	line-clamp: 1;
	max-height: 1rem;
	word-break:break-all
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cardUOM {
	font-size: 10pt;
    font-weight: normal;
}

.cardManufacturer {
	font-weight: bold;
}

.cardManufacturerPartNumber {
	font-weight: bold;
}

.cardItemCode {
    font-weight: bold;
}

img.card-MPHVI {
    vertical-align: text-bottom;
}

.card-SDS {
    background-color: var(--warning-color);
}

div.cardExtraInfo {
    height: calc(var(--lh) * var(--max-lines));
    overflow:hidden;
  position: relative;
  line-height: 1rem;
  max-height: calc(var(--lh) * var(--max-lines));
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.cardBasicInfo {
    background-color: var(--primary-bg);
    border-top: 1px solid var(--border-color);
	font-size: 10pt;
}

.card-text {
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
    font-size-adjust: 0.5;
    overflow:hidden;
}

.card-price {
	font-weight: bold;
	color: var(--primary-color);
	font-size: 14pt;
	padding-left: 0px;
	padding-right: 10px;
	margin-top: 11px !important;
}

.truncate-overflow {
  --max-lines: 3;
  position: relative;
  max-height: calc(var(--lh) * var(--max-lines));
  overflow: hidden;
  padding-right: 1rem; /* space for ellipsis */
}

.truncate-overflow::before {
  position: absolute;
  content: "...";
  inset-block-end: 0; /* "bottom" */
  inset-inline-end: 0; /* "right" */
}

.truncate-overflow::after {
  content: "";
  position: absolute;
  inset-inline-end: 0; /* "right" */
  width: 1rem;
  height: 1rem;
/*  background: white;  DCH */
}

div.card-SDS {
    width: 100%;
    font-weight: bold;
}

img.card-SDS {
    vertical-align: text-bottom;
    height:16px;
    width:16px;
}

.card {
    cursor: pointer;
	background:var(--primary-bg);
	border-radius:var(--border-radius);
	box-shadow:var(--shadow);
}

.showFacets {
    width: 86% !important;
    float:left !important;
}

.searchFacets {
    width: 14%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-width: thin;
    float:left;
    overflow-y: hidden;
}

.facetHeader {
    font-weight: bold;
    background-color: var(--accent-bg);
    color: var(--primary-color);
    padding-left:0.6rem;
}

.facetRow {

}

.facetBody {
    font-size-adjust: 0.4;
}

.facetLine {

}

.facetEntry {
    padding-left:0.6rem;
    color:var(--primary-color) !important;
}

.facetChecked {
    font-weight:bold;
}

.facetMore {
    padding-left:0.6rem;
    font-weight:bold;
    font-size-adjust: .4;
    font-style: italic;
    cursor: pointer;
    text-decoration: underline;
}

.facetLess {
    padding-left:0.6rem;
    font-weight:bold;
    font-size-adjust: .4;
    font-style: italic;
    cursor: pointer;
    text-decoration: underline;
}

.facetFilter {
    float:left;
	display:none;
}

.facetClear {
    float:right;
    font-style: italic;
    cursor: pointer;
    text-decoration: underline;
}

.facetScroll {
    overflow: auto;
    float:inherit;
    width:100%;
    height:100%;
}

.facetFilters {
    font-weight: bold;
    background-color: var(--primary-color);
    color: var(--surface-bg);
    padding-left:0.6rem;
    padding-right:0.6rem;
	padding-top:0.1rem;
	padding-bottom:0.2rem;
    height:1.2rem;
	border-radius: var(--border-radius);
}

.facetEFRow {
    background-color: var(--warning-color);
	display:none; /*inline-block;*/
	width:100%;
}

.facetEFRemove {
    float:right;
}

a.facetEFRemove {
    cursor: pointer;
	padding-right: 7px;
}

img.facetEFRemove {
    cursor: pointer;
    width: 16px;
	height: 16px;
}

.facetEFEntry {
    padding-left:0.6rem;
    color:var(--accent-color) !important;
	float:left;
}

.shippingCost {
	width:5rem !important;
	text-align: right;
}

.distributeButton {
	width:5rem;
}

.updateDataButton {
	width:5rem;
}

.vafWindow {
	margin: 2rem;
	border: .25rem solid;
	border-radius: 1rem;
	height: 100%;
}

.vafHeader {
	margin: 0rem;
	background-color:var(--primary-bg);
	padding:0rem;
	border-top-left-radius:.75rem;
	border-top-right-radius:.75rem;
}

.vafHeaderWhole {
	padding:.5rem;
}

.vafHeaderLine {
	text-align:center;
	font-weight:bold;
	font-size-adjust: .75rem;
	padding:.5rem;
	background-color: var(--primary-bg);
	color:var(--primary-color);
}

.vafHeaderDetail {
	width:100%;
	background-color:var(--primary-bg);
}

.vafHeaderLeft {
	float:left;
	width:50%;
}

.vafHeaderRight {
	float:right;
	width:50%;
}

.vafLeft {
	text-align:right;
	width:49% !important;
	float:left;
	background-color:var(--primary-bg);
	padding-right:.5rem;
}

.vafRight {
	text-align:left;
	width:49%;
	float:right;
	background-color:var(--primary-bg)
	font-weight:bold;
	padding-left:.5rem;
}

.vafTable {
	background-color:var(--primary-bg)
	width:100%;
}

.vafTDLeft {
	background-color:var(--primary-bg);
	text-align:right;
	padding-right:.5rem;
}

.vafTDRight {
	background-color:var(--primary-bg)
	font-weight:bold;
	text-align:left;
	padding-left:.5rem;
}

.vafBody {
	width:100%;
}

form.ezSearch {
	margin: 0px;
	padding: 0px;
}

button.ezSearch {
    width:24px;
    height: 24px;
    border: 0px solid;
    cursor: pointer;
    font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: relative;
	left: 0px;
}

svg.ezSearch {
    width: 18px;
    height: 18px;
    border: 0px solid;
    cursor: pointer;
	float: right;
	margin:2px;
	color:var(--surface-bg);
}

svg.ezSearchClear {
    width: 18px;
    height: 18px;
    border: 0px solid;
    cursor: pointer;
	float: right;
	margin:2px;
	left: 0px;
	position:relative;
	color:var(--surface-bg);
}

input.ezSearch {
    width: 300px !important;
	border-radius:5px;
    margin: -14px 0px 0px 0px !important;
    padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 56px;
	padding-left: 10px;
	height:20px;
    float: none;
    font-size: 14px;
	background: var(--surface-bg) !important;
	vertical-align: middle;
}

.reqButtons {
	margin: 0px 0px 0px 0px !important;
	width: fit-content;
	float: right;
	padding: 4px;
}

.ezOrderFrame {
	margin: 0px 6px 0px 6px !important;
	border: 1px solid var(--accent-color);
	border-radius: 8px;
	padding: 2px;
	width: fit-content;
	float: left;
	height: 24px;
}

.ezSearchFrame {
	margin: 0px 6px 0px 6px !important;
	border: 1px solid var(--accent-color);
	border-radius: 8px;
	padding: 2px;
	width: fit-content;
	height: 24px;
}

label.sanQuantity {
	margin: 0px 4px 0px 2px;
}

input.sanQuantity {
	width: 2rem;
	text-align: right;
}

button.sanAddUpdate {
	float: right;
}

.catHelpH1 {
	font-size: large;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}

.catHelpH2 {
	font-size: medium;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

.catHelpH3 {
	font-size: small;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

.catHelpP {
	font-size: small;
	font-weight: normal;
}

.catHelpBoldText {
	font-weight: bold;
}

.catHelpUL1 {
	list-style-type: none;
	font-size: small;
}

.catHelpUL2 {
    list-style-type: disc;
    margin-left: 3em;
}

.catHelpQuestion {
	font-size:large;
	color: #263867;
}

.catHelpLeft {
	text-align: left;
}

.catHelpCenter {
	text-align: center;
}

div.requisitionsTotalBox {
	margin: 0px 10px 0px 10px;
    font-weight: bold;
    font-size: 18px;
    padding: 4px;
	border:var(--accent-color) 1px solid;
	border-radius: 8px;
	background-color: var(--secondary-bg);
	color: var(--primary-color);
	width: fit-content;
}

div.textBackground {
	background-color: var(--primary-bg)
}

.reqStatusLabel {
	margin: -4px 0px 0px 10px;
    font-weight: bold;
    font-size: 10pt;
    padding: 2px;
	border:var(--accent-color) 1px solid !important;
	border-radius: 8px;
	background-color: var(--accent-bg);
	color: var(--accent-color);
	width: fit-content;	
	margin-right:10px;
	border: 1px solid var(--border-color);
}

.reqLockedLabel {
	float:left; 
	padding: 1px 10px 1px 10px; 
	color:var(--error-color); 
	font-weight:bold; 
	margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 12pt;
	border:var(--accent-color) 1px solid;
	border-radius: 8px;
	background-color: var(--secondary-bg);
	color: var(--error-color);
	width: fit-content;	

}

.tt-desc {
	margin-left: 40px;
	margin-right: 10px;
	font-weight: normal;
}

    .quantity-control {
      display: flex;
      align-items: center;
      gap: 0px;
      background: var(--secondary-bg);
      border-radius: 16px;
      box-shadow: var(--shadow);
      padding: 8px 8px;
      width: max-content;
      font-family: var(--font-family);
    }
    .quantity-btn, .delete-btn {
      border: none;
      padding: 0px 4px;
      border-radius: 8px;
      cursor: pointer;
      display: flex;
      align-items: center;
      transition: background 0.15s;
    }
    .delete-btn {
      background: none;
      padding: 2px 4px;
	  height:20px;
    }
    .quantity-btn:disabled {
      opacity: 0.3;
      cursor: not-allowed;
    }
    .quantity-btn:hover:not(:disabled),
    .delete-btn:hover {
      /*background: var(--primary-bg);*/
	  filter: brightness(0.8);
    }
    .quantity-input {
      width: 40px;
      text-align: center;
      font-size: 1rem;
      border: 1px solid var(--border-color);
      border-radius: 6px;
      padding: 4px;
      margin: 0 2px;
    }
    .delete-btn svg {
      color: var(--error-color);
      transition: color 0.2s;
    }
    .add-btn {
      transition: color 0.2s;
    }
    .delete-btn:hover svg {
      color: var(--warning-color);
    }
	/* Remove arrows in Chrome, Safari, Edge, Opera */
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Remove arrows in Firefox */
	input[type=number] {
		-moz-appearance: textfield;
	}

	.green {
		background-color: var(--success-color) !important;
		color:var(--surface-bg) !important;
	}

	.amber {
		background-color: var(--brand-secondary) !important;
		color:var(--nav-color) !important;
	}