/*
COLORS (BirchStreet palette):
#3A3838 - body text (Onyx 500)
#8B8989 - grayed text (Onyx 400)
#3A3838 - hyperlinks (Onyx 500)
#3A3838 - Panel header (Onyx 500)
#C7C6C6 - Panel border (Onyx 200)
#F1F1F1 - Panel odd row (Onyx 50)
#FFFFFF - Panel row even (Snow)
#EBE9E5 - content bg (Linen)
#3A3838 - Dark grey text (Onyx 500)
#1B1A1A - menu bg / border (Onyx 900)
#2B2A2A - menu top border (Onyx 700)
#E4E3E3 - menu text (Onyx 100)
#8B8989 - menu disabled text (Onyx 400)
#EEF7F7 - caption panel bg (Teal 50)
#BFE3E2 - caption panel border (Teal 200)
#345252 - caption heading text (Teal 900)
#3A3838 - caption body text (Onyx 500)
#2B2A2A - button border (Onyx 700)
*/

body
{
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, "Noto Sans", "Liberation Sans", sans-serif;
	background-color: #EBE9E5;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	color: #3A3838;
	font-size: 14px;
	line-height: 1.5;
}

div#body
{
	background-color: #FFFFFF;
	min-height: calc(100vh - 102px);
}
body.wait * { cursor:progress !important; } 
.processing
{
	padding: 0 4px 0 4px;
	margin: 0 4px 0 12px;
	color: white;
	background: #B85450;
	display: none;
}
/* hide website header and options panel when printing*/
@media print {
	@page { size:8.5in 11in; margin: 0.25in; }
	html, body, #body, #content
	{
		margin: 0;
	}
    #header_bar, #abmenubar, #r1c1, #policy_links, #item_context_menu {
        display: none;
    }
 
	table#list_table thead, #th-fixed { display: table-header-group; } 
	table#list_table tfoot { display: table-footer-group; } 
	table#list_table tbody { display: table-row-group; }
	table#list_table tr, table#list_table td
	{
		page-break-inside: avoid;
		page-break-after: auto;
	}
}

.fixedtop { position: fixed; top: 0px; }
#th-fixed { /* for pinning a scrolling table header*/
    position: fixed; 
    top: 0px; 
    display:none;
	border-collapse: collapse;
}
code { color: #8B8989; display: block; margin: 20px 5px 5px 5px; max-width: 500px;}
.scroll_checks /* scrolling list of checkboxes */
{
	overflow: scroll;
	height: 150px;
	border: #C7C6C6 solid 1px;
	margin-top: 8px;
}

.info_btn, .info_btn_hdr
{
	width: 32px;
	height: 32px;
	float: right;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C7C6C6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E") center center no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
	margin-top: -2px;
	border: none;
	background-color: transparent;
	opacity: 0.7;
	transition: opacity 0.15s;
}
.info_btn_hdr
{
	position: relative;
	margin-top: -38px;
	margin-right: 12px;
	z-index: 11000;
}
.info_btn_hdr:hover, .info_btn:hover
{
	opacity: 1;
}

.walk_btn_hdr
{
	width: 32px;
	height: 32px;
	float: right;
	position: relative;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C7C6C6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E") center center no-repeat;
	background-size: 22px 22px;
	cursor: pointer;
	margin-top: -38px;
	margin-right: 50px;
	z-index: 11000;
	border: none;
	background-color: transparent;
	opacity: 0.7;
	transition: opacity 0.15s;
}
.walk_btn_hdr:hover
{
	opacity: 1;
}

/* ########### HEADER ############ */
#header_bar
{
	width: 100%;
	height: 56px;
	background: #FFFFFF;
	border-bottom: 1px solid #E4E3E3;
	position: relative;
	padding: 0 20px;
	box-sizing: border-box;
}
#logo
{
	position: absolute;
	left: 16px;
	top: 0;
	height: 56px;
	display: flex;
	align-items: center;
	gap: 4px;
}
#logo_sep
{
	width: 1px;
	height: 28px;
	background: #D5D4D4;
	margin: 0 6px;
}
#accubar_mark
{
	height: 32px;
	width: auto;
}
#bss_mark
{
	height: 26px;
	width: auto;
}
#welcome_msg
{
	position: absolute;
	left: 220px;
	top: 0;
	height: 56px;
	font-size: 0.85em;
	font-weight: 400;
	color: #3A3838;
	border-left: 1px solid #E4E3E3;
	padding-left: 20px;
	display: flex;
	align-items: center;
}
#welcome_msg span { font-size: 0.8em; margin-left: 12px; color: #8B8989; }
#welcome_msg span a { color: #8B8989; text-decoration: underline; }
#welcome_msg span a:hover { color: #3A3838; }

.warning_msg
{
	color: #3A3838;
	font-weight: bold;
}
p.filter_heading
{
	font-size: 70%;
	margin-bottom: 2px;
	margin-top: 8px;
}


/* menu customizations */
.yuimenubar, .yuimenu, .yuimenuitem, .yuimenuitemlabel, .yuimenubaritemlabel, #abmenubar li {
    list-style-image: none;
}
.yuimenubar{ font-weight: bold; }
div.yuimenu
{
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 6px;
	padding: 0;
	margin-top: 4px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
.yuimenubaritem .yuimenubaritemlabel{ border-left: none; }
.yuimenu div.bd { background-color: #1B1A1A; border-radius: 6px; overflow: hidden; }
.yuimenubaritem a, a.yuimenuitemlabel { color: #E4E3E3; }
a.yuimenuitemlabel,
a.yuimenuitemlabel:visited
{
	color: #E4E3E3;
	font-size: 13px;
	padding: 8px 20px;
	text-decoration: none;
	transition: background-color 0.15s, color 0.15s;
}
li.yuimenuitem.yuimenuitem-selected { text-decoration: none; background-color: rgba(255,255,255,0.08); }
li.yuimenuitem.yuimenuitem-selected a.yuimenuitemlabel { color: #FFFFFF; }
a.yuimenuitemlabel-disabled,
a.yuimenuitemlabel-disabled:visited,
a.yuimenuitemlabel-hassubmenu-disabled,
a.yuimenuitemlabel-hassubmenu-disabled:visited { color: #8B8989; cursor: default; }
.yuimenu h6
{
	color: #DFB66C;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	padding: 12px 20px 4px 20px;
	border-color: rgba(255,255,255,0.06);
}
.yuimenu ul
{
	padding: 4px 0;
	border-color: rgba(255,255,255,0.06);
}
#abmenubar .yuimenuitem-hassubmenu {
    background-image: url(images/menuitem_submenuindicator.png);
    background-position: right center;
    background-repeat: no-repeat;
}
#abmenubar .yuimenuitem-hassubmenu-disabled { background-image: url(images/menuitem_submenuindicator_disabled.png); }
div.yuimenubar
{
	background-color: #1B1A1A;
	background-image: none;
	height: 46px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
#abmenubar .yuimenubaritem
{
	height: 46px;
	cursor: pointer;
}
#abmenubar .yuimenubaritem .yuimenubaritemlabel
{
	color: #C7C6C6;
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	line-height: 46px;
	padding: 0 20px;
	text-decoration: none;
	display: block;
	transition: color 0.15s;
}
#abmenubar .yuimenubaritem .yuimenubaritemlabel:hover
{
	color: #FFFFFF;
}
#abmenubar .introjs-showElement
{
	background-color: #1B1A1A;
}
body.introjs-fixParent,
#content.introjs-fixParent,
div#body.introjs-fixParent,
#hdr.introjs-fixParent,
#ftr.introjs-fixParent,
#abmenubar.introjs-fixParent,
#abmenubar .introjs-fixParent,
#panel_grid.introjs-fixParent
{
	position: relative !important;
}
.introjs-fixParent .walk_btn_hdr,
.introjs-fixParent .info_btn_hdr
{
	z-index: 10000000 !important;
}
#abmenubar .yuimenubaritem.yuimenubaritem-selected
{
	background-color: #2B2A2A;
}
#abmenubar .yuimenubaritem.active
{
	border-bottom: 3px solid #D4B96A;
	background-color: rgba(255,255,255,0.05);
}
#abmenubar .yuimenubaritem.active .yuimenubaritemlabel
{
	color: #FFFFFF;
	font-weight: 700;
}

/* context menu indicator for lists */
#list_table tr td.menu-icon,
tbody.yui-dt-data tr td.yui-dt-col-menu div.menu-icon,
#th-fixed td.menu-icon
{
	width: 20px;
}
#list_table tr td.menu-icon span,
tbody.yui-dt-data tr td.yui-dt-col-menu div.menu-icon
{
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(/accubar/customer/images/menuspace.gif);
}
#list_table tr:hover td.menu-icon span,
tbody.yui-dt-data tr:hover td.yui-dt-col-menu div.menu-icon
{
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(/accubar/customer/images/menu.gif);
	background-repeat: no-repeat;
}
#list_table tr.item:hover td
{
	background-color: #EEF7F7;
}

/* datatable item height*/
.yui-skin-sam  .yui-dt-liner p, .yui-skin-sam  .yui-dt-liner
{
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}


button, .button-group button
{
	padding: 8px 20px;
	border: none;
	font-size: 13px;
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-weight: 400;
	color: #3A3838;
	height: auto;
	background: linear-gradient(135deg, #D4B96A, #ECDDA0);
	border-radius: 6px;
	cursor: pointer;
	transition: filter 0.15s;
}
button:hover, .button-group button:hover
{
	filter: brightness(0.92);
}
button.default, .button-group button.default
{
	font-weight: 700;
}
.yui-panel .hd
{
	background-color: #3A3838;
	color: white;
}

/* HELP */
.help_bug 
{
	position: relative;
	font-size: 0.75em;
	color: #88C2C0;
	padding-left: 6px;
	top: -8px;
	cursor: help;
}
.help_bug.btn 
{
	padding-left: 4px;
	top: 0px;
}
#help_popup
{
	position: absolute;
	z-index: 99999;
	width: 400px;
	min-height: 50px;
	background: white;
	border: #3A3838 2px solid;
	padding: 8px;
	box-shadow: 			4px 4px 8px rgba(58,56,56,0.3);
	-o-box-shadow: 			4px 4px 8px rgba(58,56,56,0.3);
	-moz-box-shadow:		4px 4px 8px rgba(58,56,56,0.3);
	-webkit-box-shadow:	4px 4px 8px rgba(58,56,56,0.3);
}

/* caption panel at top of pages and dialogs */
.caption_panel
{
	margin: 0 10px 16px 10px;
	padding: 14px 18px 14px 22px;
	background-color: #F0F9F9;
	border: none;
	border-left: 4px solid #DFB66C;
	border-radius: 6px;
	color: #3A3838;
}
body.home .caption_panel
{
	margin: 0 0 24px 0;
}
.caption_panel .heading
{
	color: #345252;
	font-family: "Playfair Display", ui-serif, Georgia, serif;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.3;
}
.caption_panel .heading2
{
	color: #345252;
	font-family: "Playfair Display", ui-serif, Georgia, serif;
	font-size: 1.1em;
	font-weight: 700;
}
.caption_panel .subheading
{
	color: #7D6F69;
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 0.85em;
	font-weight: 300;
}
.ui-dialog .caption_panel { margin: 0 0px 12px 0px; }

/* fixed heading pane for reload warnings */
#fixed_hdr
{
	color: #EEF7F7;
	background-color: #345252;
	position: fixed;
	bottom: 0;
	top: auto;
	left: 0;
	width: 100%;
	margin: 0;
}
#fixed_hdr .heading
{
	text-align: center;
	color: #EEF7F7;
	margin: 6px 20px 6px 20px;
}
#fixed_hdr .heading a
{
	color: #BFE3E2;
}
#fixed_hdr p, #fixed_hdr ul
{
	text-align: left;
}

caption
{
	font-size: 18px;
	font-style: normal;
}
fieldset
{
	border-right-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	font-size: 11px;
	border-top-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	font-style: normal;
}
h1
{
	font-family: "Playfair Display", ui-serif, Georgia, serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 1.3;
	color: #3A3838;
	margin: 0 0 12px 0;
}
h2
{
	font-family: "Playfair Display", ui-serif, Georgia, serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
	color: #3A3838;
	margin: 0 0 10px 0;
}
h3
{
	font-family: "Playfair Display", ui-serif, Georgia, serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	color: #3A3838;
	margin: 0 0 8px 0;
}
h4
{
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 6px 0;
}
h5
{
	font-size: 13px;
	font-weight: 400;
	margin: 0 0 4px 0;
}
h6
{
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 4px 0;
}
label, .mstheme-label
{
	font-size: 13px;
	font-weight: 400;
}
.std_panel label
{
	font-size: 12px;
	font-weight: 400;
}
legend
{
	font-style: normal;
	font-size: 11px;
}
li
{
	margin-left: 8;
}
marquee
{
	font-size: 18px;
}
table
{
	font-weight: normal;
	font-style: normal;
	vertical-align: none;
	text-align: none;
}
th
{
	background-color: #F5F3F1;
	color: #3A3838;
	font-weight: 700;
	font-size: 13px;
	padding: 10px 16px;
}

a
{
	color: #3A3838;
	font-weight: normal;
}
img { border: none; }


/* 5.0 look & feel */
.alert
{
	font-size: 13px;
	margin: 0;
	padding: 10px 16px;
	border-bottom: 1px solid #E4E3E3;
	line-height: 1.5;
	transition: background-color 0.15s;
}
.alert:last-child
{
	border-bottom: none;
}
.alert:hover
{
	background-color: #EEF7F7;
}
.alert a
{
	color: #3A3838;
	text-decoration: none;
}
.alert a:hover
{
	text-decoration: underline;
	color: #345252;
}
.hot
{
	font-weight: bold;
	color: #B85450;
}

.alert img
{
	border: none;
	vertical-align: middle;
	margin-right: 6px;
	width: 16px;
	height: 16px;
	opacity: 0.8;
}
.status-dot
{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 6px;
}
.status-dot.status-error { background-color: #B85450; }
.status-dot.status-warning { background-color: #DFB66C; }
.status-dot.status-info { background-color: #88C2C0; }
.status-dot.status-success { background-color: #88C2C0; }



/* ########### PANELS ############ */

.std_panel
{
	width: 90%;
	border: 1px solid #E4E3E3;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.07);
	overflow: hidden;
	background: #FFFFFF;
}
.std_panel table, .std_panel tbody 
{
	border-collapse: collapse;
	width: 100%; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.std_panel th
{
    text-align: left; 
}
.std_panel th, #th-fixed th
{
    padding: 10px 16px;
}
.std_panel .subhead, #th-fixed th
{
    padding: 7px 0 0px 10px;
    color: #3A3838;
    font-size: 0.9em;
    font-weight: bold;
}
.std_panel th.subhead, #th-fixed th
{
    padding: 7px 0 7px 10px;
    background: #F5F3F1;
}
.std_panel .subhead_desc, #th-fixed .subhead_desc
{
    font-size: 0.75em;
    font-weight: normal;
}
th.red, th.grey
{
	background-color: #FFFFFF;
	color: #345252;
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	border-bottom: 3px solid #DFB66C;
	padding: 14px 18px;
}
.std_panel .odd
{
	background-color: #F9F9F8;
	padding: 8px 16px;
	border-bottom: 1px solid #F1F1F1;
}
.std_panel .even
{
	background-color: #FFFFFF;
	padding: 8px 16px;
	border-bottom: 1px solid #F1F1F1;
}
.std_panel button { margin-bottom: 4px; }
#options_panel { background: white; }
#options_panel tr.selected td
{
	background-color: #88C2C0;
	color: white;
}
#r1c1 .std_panel
{
	min-width: 260px;
}

/* pseudo links */

.std_panel ul
{
    text-align: left;
}
.std_panel ul li
{
    list-style-image: url(/accubar/Customer/images/arrow-right-16.png);
}
.std_panel ul li.disabled 
{
    list-style-image: url(/accubar/Customer/images/arrow-right-gray-16.png);
}
.std_panel li, .std_panel span.pseudolink
{
	text-align: left;
    text-decoration: underline;
    color: #3A3838;
    cursor: pointer;
}
.std_panel li.disabled, .std_panel span.pseudolink.disabled
{
    text-decoration: none;
    color: #8B8989;
    cursor: default;
}
.std_panel ul#legend li { list-style-image: none; text-decoration: none; color: inherit; cursor: default; } /* don't want chart legends looking like pseudolinks */

input[type=checkbox][disabled] + label {
    color: #8B8989;
}

/* ########### WIZARDS ############ */
.wizard {
	background-color: #fff;
	border: #E4E3E3 1px solid;
	border-radius: 10px;
	margin: 10px;
	padding: 10px;
}

.wizard .wizard-header {
	background-color: #EBE9E5;
	border-bottom: #E4E3E3 1px solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}

.wizard .wizard-step {
	margin: 10px;
}
/* ########### HOMEPAGE ############ */
#panel_grid 
{
	padding: 16px 20px;
	width: 100%;
}
body.home #panel_grid 
{
	padding: 28px 32px;
	width: 100%;
}
#panel_grid td
{
	vertical-align: top;
}
#r1c1, #r1c2
{
	width: 50%;
	padding: 8px 16px;
}
#r1c1.functions
{
	width: 25%;
	padding: 0 15px 0 10px;
}
#r1c2.list
{
	width: 75%;
	padding: 0 10px 0 15px;
}
#r1c1.functions2
{
	width: 15%;
	padding: 0 8px 0 8px;
}
#r1c2.list2
{
	width: 85%;
	padding: 0 8px 0 8px;
}
#panel_grid .std_panel
{
	width: 100%;
}
div.std_panel td.contents { padding-left: 6px; }


/* ########### LOGIN ############ */
body.login
{
	background: #1B1A1A;
	margin: 0;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.login #content
{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}
body.login #hdr, body.login #ftr { display: none; }
body.login #body
{
	background: none;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.error #body
{
	background: #1B1A1A;
	width: 895px;
	height: 468px;
	text-align: left;
}
#login_panel
{
	display: flex;
	max-width: 860px;
	width: 90vw;
	min-height: 520px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 40px rgba(0,0,0,0.4);
	text-align: left;
}
.login-hero
{
	flex: 0 0 46%;
	background: #1B1A1A url(../images/FeatureGraphic_iOS_512.png) center top / 100% auto no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.login-form
{
	flex: 1;
	background: #DCC778;
	padding: 40px 36px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow-y: auto;
}
.login-intro
{
	font-size: 11px;
	color: rgba(255,255,255,0.8);
	line-height: 1.5;
	padding: 14px 18px 18px 18px;
}
.login-intro p
{
	margin: 0 0 5px 0;
}
.login-intro a
{
	color: #ECDDA0;
	text-decoration: underline;
}
.login-note
{
	font-size: 10px;
	color: #8B8989;
	margin-top: 12px;
	text-align: center;
}
.login-heading
{
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #3A3838;
	margin: 0 0 28px 0;
}
.login-instructions
{
	font-size: 13px;
	color: #5C514D;
	margin: -16px 0 24px 0;
	line-height: 1.5;
}
.login-field
{
	margin-bottom: 20px;
}
.login-field label
{
	display: block;
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #5C514D;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.login-field input
{
	display: block;
	width: 100%;
	padding: 10px 14px;
	border: none;
	border-radius: 4px;
	background: #FFFFFF;
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 15px;
	color: #3A3838;
	box-sizing: border-box;
}
.login-field input:focus
{
	outline: 2px solid #3A3838;
	outline-offset: -2px;
}
button.login-btn
{
	display: block;
	width: 100%;
	padding: 12px 20px;
	border: none;
	border-radius: 6px;
	background: #3A3838;
	color: #FFFFFF;
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	margin-top: 8px;
	letter-spacing: 0.5px;
	height: auto;
}
button.login-btn:hover
{
	background: #1B1A1A;
}
.login-links
{
	margin-top: 16px;
	text-align: center;
}
.login-links a
{
	font-size: 13px;
	color: #5C514D;
	text-decoration: underline;
}
.login-links a:hover
{
	color: #3A3838;
}

input[type=number] { width: 6em; }
input.int { width: 4em; }
input.dbl { width: 5em; }



/* ########## LISTS / REPORTS ############# */
tr.item{cursor:pointer;}
tr.changed td { font-weight: bold; }
tr.hidden td, tr.sub td { font-style: italic; color: #8B8989; }
tr img.link_icon, tr img.unlink_icon { display: none; }
tr.linked img.link_icon, tr.sub img.unlink_icon { display: block; }
tr.sub td.brand { text-indent: 10px; }
td.lval,th.lval,td.ltotal{text-align: left;}
td.ltotal{padding-left: 20px;}
td.cval,th.cval,td.ctotal{text-align: center;}
td.rval,th.rval,td.rtotal{text-align: right;}
td.lvalred,th.lvalred,td.ltotalred{text-align: left; color: #B85450;}
td.cvalred,th.cvalred,td.ctotalred{text-align: center; color: #B85450;}
td.rvalred,th.rvalred,td.rtotalred{text-align: right; color: #B85450;}
.variance { font-weight: bold; }
.badvariance { font-weight: bold; color: #B85450; }
tr.total.subcat{font-style: italic;}
tr.total.maincat{font-weight: bold; font-style: italic;}
tr.total.grand td{background-color: #3A3838; color: white; font-weight: bold; padding: 12px 0 4px 4px;}
tr.total.grand td.ltotal, tr.total.subcat td.ltotal, tr.total.maincat td.ltotal{padding-left: 0px;}
th, tr.heading.maincat td{background-color: #F5F3F1; color: #3A3838; font-weight: 700; padding: 10px 16px;}
button.menu_btn{width: 17px; height: 16px; background: url(../images/menu_btn.gif); border: none; margin-right: 8px;}
/*
	928f73, bcb097, cec494, cf852c, c69d4b
	928f73, bcb097, c6bf9c, b5975b, b98342 
	*/
table.report tr.maincat td
{
	background-color: #7D6F69;
	color: white;
	font-size: 1.1em;
	font-weight: normal;
}
table.report tr.subcat td
{
	background-color: #CFC6C2;
	color: #3A3838;
	font-size: 1.0em;
	font-weight: normal;
	padding-left: 6px;
}
table.report tr.subcat.total td
{
	background-color: white;
	color: #5C514D;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
}
table.report tr.maincat.total td
{
	background-color: white;
	color: #5C514D;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
}
table.report tr.grand.total td
{
	background-color: white;
	color: #5C514D;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
}
table.report td.brand
{
	padding-left: 20px;
}

span.notes { margin-left: 8px; color: #B85450; font-style: italic; font-size: 0.8em; }

/* ########## DIALOGS ############# */
.ui-dialog table { border-collapse: collapse; border: none; }
.ui-dialog table td { vertical-align: top; padding: 6px 6px 6px 6px;  }
/* compensate for large padding at bottom of some dialog buttons .ui-dialog .ui-dialog-buttonpane BUTTON { padding-bottom: 0px; }*/

.ui-dialog table { border-collapse: separate; border-style: none; }
.ui-dialog table td { padding: 2px 6px 2px 6px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 0px; }
.ui-dialog table td hr { margin: 2px 2px 2px 2px; }

/* position of titlebar check button */
.ui-dialog .ui-dialog-titlebar-approve{ position: absolute; right: 23px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-approve span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-approve:hover, .ui-dialog .ui-dialog-titlebar-approve:focus { padding: 0; }
 
.error_msg { color: #345252; font-weight: bold; }

/* print flag fields */
.input_print 
{
	position: relative;
    border-top: 1px solid #C7C6C6;
    border-left: 1px solid #E4E3E3;
    border-bottom: 1px solid #E4E3E3;
    border-right: 1px solid #E4E3E3;
    background: white;
}
div.input_print .input_field 
{
    background: none;
    border-style: none;
    margin-top: 4px;
    margin-bottom: 4px;
}
div.input_print .print_flag 
{
    position: absolute;
    right:0;
}

/* datepicker*/
.ui-widget-content .has_upload, .ui-widget-content .no_upload
{
	padding: 2px;
}
.ui-widget-content .has_upload a.ui-state-default,
.ui-widget-content .no_upload a.ui-state-default
{
	background: url(images/ui-bg_glass_55_fffaec_1x400.png) 50% 50% repeat-x;
	border: 1px solid #C7C6C6;
	opacity: 0.7;
}
.ui-widget-content .has_upload a.ui-state-default
{
	font-weight: bold;
	color: #B85450;
}
.ui-widget-content .no_upload a.ui-state-default
{
	font-weight: normal;
	color: #3A3838;
}
/* ReportDlg */
#month_display
{
	font-weight: bold;
	font-size: 1.2em;
}


/* ItemHistDlg */
div#vc_history_wrapper a:link {
    text-decoration: none;
}
div#vc_history_wrapper a:hover {
    color: #B85450;
}
div#vc_history_wrapper td {
    background: #F1F1F1;
}
div#vc_history_wrapper tr.tr_odd td {
    background: none;
}
div#vc_history_wrapper tr.tr_even td {
    background: #F1F1F1;
}
div#vc_history_wrapper tr.inactive td {
    color: #8B8989;
}

/* VCHistDlg */
div#item_history_wrapper a:link {
    text-decoration: none;
}
div#item_history_wrapper a:hover {
    color: #B85450;
}
div#item_history_wrapper td {
    background: #F1F1F1;
}
div#item_history_wrapper tr.tr_odd td {
    background: none;
}
div#item_history_wrapper tr.tr_even td {
    background: #F1F1F1;
}
div#item_history_wrapper tr.inactive td {
    color: #8B8989;
}

/* VALIDATION */
input.invalid
{
	border: 3px solid #B85450;
}

/* select controls */
select:disabled
{
	color: #8B8989;
}

/* ########### FOOTER ############ */
#ftr
{
	padding: 16px 28px;
	text-align: center;
	color: #8B8989;
	font-size: 11px;
	background: #FFFFFF;
	border-top: 1px solid #EBE9E5;
}
#ftr hr
{
	display: none;
}
#ftr .ftr-content
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
#ftr font
{
	font-size: inherit !important;
}
#ftr a
{
	color: #8B8989;
	text-decoration: none;
}
#ftr a:hover
{
	color: #3A3838;
	text-decoration: underline;
}

/* ########### LAYOUT ############ */
#content
{
	margin: 0 auto;
	padding-top: 0;
}

/* YUI skin overrides for BirchStreet palette */
.yui-skin-sam .yui-dt th,
.yui-skin-sam .yui-dt-hd
{
	background-color: #3A3838;
	background-image: none;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.yui-skin-sam .yui-dt th a
{
	color: #FFFFFF;
}
.yui-skin-sam .yui-dt-even { background-color: #FFFFFF; }
.yui-skin-sam .yui-dt-odd { background-color: #F1F1F1; }
.yui-skin-sam .yui-dt-selected { background-color: #EEF7F7; }

.yui-skin-sam .container-close { background-color: #3A3838; }
.yui-skin-sam div.hd
{
	background-color: #3A3838;
	color: #FFFFFF;
	font-family: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav
{
	border-color: #3A3838;
}
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
{
	background: #F1F1F1;
	background-image: none;
	border-color: #E4E3E3;
	color: #3A3838;
}
.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em
{
	border-color: #E4E3E3;
}
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus
{
	background: #EEF7F7;
	background-image: none;
	outline: 0;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover
{
	background: #3A3838;
	background-image: none;
	color: #FFFFFF;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em
{
	border-color: #3A3838;
}
.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content
{
	background: #FFFFFF;
	border-color: #E4E3E3;
	border-top-color: #3A3838;
}