:root {	
  --theme-hue: 0; 
  --theme-saturation: 0%; 
  --theme-lightness: 43%; 
  --theme-lightness-darker-1: 26%;
  --theme-lightness-darker-2: 21%;
  --duetone-saturation: 4%;
    
  --vm-brand: hsl(0, 68%, 42%); 
  --vm-brand-darker: hsl(0, 68%, 32%);
  --vm-brand-darker-2: hsl(0, 68%, 22%);
  
  --vm-button-active: rgba(0, 0, 0, 0.54); 
  --vm-button-hover: rgba(0, 0, 0, 0.04);
  --vm-button-selected: rgba(0, 0, 0, 0.08);
  --vm-button-disabled: rgba(0, 0, 0, 0.26);
  --vm-button-text-dark: rgba(0, 0, 0, 0.87);
  
  --vm-tone-error: hsl(4, 90%, 58%); /* #f44336 */
  --vm-tone-warning: hsl(36, 100%, 50%); /*#ff9800 */
  --vm-tone-info: hsl(207, 90%, 54%); /* #2196f3 */
  --vm-tone-success: hsl(122, 39%, 49%); /* #4caf50; */
}

/* overwrite element from color1.css */
.error {
  font-size: 110%;
  font-weight: bold;
  color: #f44336;
  color: var(--vm-tone-error);
}
.vm-error-border {
	border-bottom: 2px solid #f44336;
	border-bottom: 2px solid var(--vm-tone-error);
}

.diagonal-stripes-pattern, .calendar-table .outOfMonth {
  background: hsla(0, 0%, 43%, 0.1) repeating-linear-gradient(45deg, transparent, transparent 5px, hsla(0, 0%, 43%, 0.2) 5px, hsla(0, 0%, 43%, 0.2) 10px);
  background: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1) repeating-linear-gradient(45deg, transparent, transparent 5px, hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2) 5px, hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2) 10px);
}

.progress-bar-bg, .ui-progressbar .ui-progressbar-overlay, .progress-bar, .busy-box {
  background-image: repeating-linear-gradient(-45deg, hsl(0, 0%,43%), hsl(0, 0%,43%) 11px, hsla(0, 0%, 43%, 0.1) 10px, hsla(0, 0%, 43%, 0.1) 20px);
  background-image: repeating-linear-gradient(-45deg, hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness)), hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness)) 11px, hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1) 10px, hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1) 20px);
}
  
.icon-user {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}

body {
  background-color: hsl(0, 4%, 97%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 97%);
}

/**
 * Don't use this mixin directly. Instead use 'tertiaryButton' mixin.
 */
input:not([type=checkbox]):not([type=radio]), textarea, select, button {
  border: 1px solid hsl(0, 5%, 65%);
  border: 1px solid hsl(var(--theme-hue), var(--control-border-saturation), 65%);
}

button {
  border-color: hsl(0, 0%,43%);
  border-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.button-icon a, .button-icon-16 a {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.button-icon a:hover, .button-icon-16 a:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.button-icon a:active, .button-icon-16 a:active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
/* Added the Transfer Task button these lines so it behaves as a primary button */
.button-primary, .button.button-primary, .main a.button.button-primary:not(.actionLink), .ui-dialog-content a.button:not(.actionLink), #TaskTransferTile a#Transfer {
  background-color: hsl(0, 68%, 42%); 
  background-color: var(--vm-brand); 
  border: 1px solid hsl(0, 68%, 42%);   
  border: 1px solid var(--vm-brand);   
}
.button-primary:hover, .button.button-primary:hover, .main a.button.button-primary:not(.actionLink):hover, .ui-dialog-content a.button:not(.actionLink):hover, #TaskTransferTile a#Transfer:hover {
  color: #FFFFFF; 
  background-color: hsl(0, 68%, 32%);
  background-color: var(--vm-brand-darker);
}
.button-primary.disabled:hover, .button.button-primary.disabled:hover, .main a.button.button-primary:not(.actionLink).disabled:hover, .ui-dialog-content a.button:not(.actionLink).disabled:hover {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.button-primary:active, .button.button-primary:active, .main a.button.button-primary:not(.actionLink):active, .ui-dialog-content a.button:not(.actionLink):active, #TaskTransferTile a#Transfer:active {
  color: #FFFFFF; 
  background-color: hsl(0, 68%, 22%);
  background-color: var(--vm-brand-darker-2);
}
.button-primary.disabled:active, .button.button-primary.disabled:active, .main a.button.button-primary:not(.actionLink).disabled:active, .ui-dialog-content a.button:not(.actionLink).disabled:active {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.button-primary.disabled, .button.button-primary.disabled, .main a.button.button-primary:not(.actionLink).disabled, .ui-dialog-content a.button:not(.actionLink).disabled {
  border-color: hsl(0, 4%, 89%);
  border-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}

button, .button-secondary, .main a.button-plain:not(.actionLink), .main a.button:not(.actionLink), .main a.button-secondary:not(.actionLink), .ui-dialog-content a.button-secondary:not(.actionLink) {
  color: #FFFFFF; 
  background-color: rgba(0, 0, 0, 0.54); 
  background-color: var(--vm-button-active);
}
/* On Inbox page, the calendar icon to the right of the Refresh Inbox button. It was a little too dark. Tried to match the datepicker. */
#InboxCalendar a.button-plain:not(.actionLink) { 
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  background-color: hsla(0, 0%,43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.button.disabled, .button-secondary.disabled, .main a.button-plain:not(.actionLink).disabled, .main a.button:not(.actionLink).disabled, .main a.button-secondary:not(.actionLink).disabled, .ui-dialog-content a.button-secondary:not(.actionLink).disabled {
  background-color: hsla(0, 60, 25, 0.2);
  background-color: hsla(var(--theme-hue), 60, 25, 0.2);
}
.button:hover, .button-secondary:hover, .main a.button-plain:not(.actionLink):hover, .main a.button:not(.actionLink):hover, .main a.button-secondary:not(.actionLink):hover, .ui-dialog-content a.button-secondary:not(.actionLink):hover {
  color: rgba(0, 0, 0, 0.87);
  color: var(--vm-button-text-dark);
  background-color: rgba(0, 0, 0, 0.04); 
  background-color: var(--vm-button-hover);
}
.button.disabled:hover, .button-secondary.disabled:hover, .main a.button-plain:not(.actionLink).disabled:hover, .main a.button:not(.actionLink).disabled:hover, .main a.button-secondary:not(.actionLink).disabled:hover, .ui-dialog-content a.button-secondary:not(.actionLink).disabled:hover {
  background-color: hsla(0, 60, 25, 0.2);
  background-color: hsla(var(--theme-hue), 60, 25, 0.2);
}

.button:active, .button-secondary:active, .main a.button-plain:not(.actionLink):active, .main a.button:not(.actionLink):active, .main a.button-secondary:not(.actionLink):active, .ui-dialog-content a.button-secondary:not(.actionLink):active {
  color: rgba(0, 0, 0, 0.87);
  color: var(--vm-button-text-dark);
  background-color: rgba(0, 0, 0, 0.08);
  background-color: var(--vm-button-selected);
}
.button.disabled:active, .button-secondary.disabled:active, .main a.button-plain:not(.actionLink).disabled:active, .main a.button:not(.actionLink).disabled:active, .main a.button-secondary:not(.actionLink).disabled:active, .ui-dialog-content a.button-secondary:not(.actionLink).disabled:active {
  background-color: hsla(0, 60, 25, 0.2);
  background-color: hsla(var(--theme-hue), 60, 25, 0.2);
}

.button-tertiary, .button-plain, .main a:not(.actionLink), .ui-dialog-content a:not(.actionLink) {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.button-tertiary:hover, .button-plain:hover, .main a:not(.actionLink):hover, .ui-dialog-content a:not(.actionLink):hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.button-tertiary:active, .button-plain:active, .main a:not(.actionLink):active, .ui-dialog-content a:not(.actionLink):active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}

.button-plain#DeleteUpload {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.button-plain#DeleteUpload:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.button-plain#DeleteUpload:active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}

.button-plain#CancelUpload {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.button-plain#CancelUpload:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.button-plain#CancelUpload:active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}

/* .non-accum-badge is oval w/# of errors in left menu */
.badge, .non-accum-badge, .accum-badge {
  background-color: hsl(0, 68%, 42%);
  background-color: var(--vm-brand); 
}
.errorMsg.severity-info {
  border: none;   
}
.errorMsg.severity-warn {
  border: none; 
}
/* Options for Error Message given to Kim */

/* 1- Gray background (showed Kim .2 and .1), red letters (default color), change border-color=color of red letters   
.errorMsg.severity-error {
  border-color: #cd0930; 
  background-color:  hsl(0, 0%,43%, .1);
  background-color:  hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), .1);
} 
*/
/* Start 2 - Made to look like front end - Lighter pink background, gray letters, no left border */ 
.errorMsg.severity-error {
  border: none; 
  background-color:  hsla(0, 68%, 42%, .1); /* var(--vm-brand) with opacity defined) */
  color: rgba(0, 0, 0, 0.87);
  color: var(--vm-button-text-dark);
} 
.severity-error .error_icon {
  color: hsla(0, 68%, 42%, .7);
}
/* End 2 - Made to look like front end - Lighter pink background, gray letters, no left border */

.left-sidebar {
  border-right: 1px solid hsl(0, 4%, 77%);
  border-right: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 77%);
  background-color: hsl(0, 4%, 94%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 94%);
}
/* Top and bottom of the sub menu box e.g. submenu under Policy */
.sub-menu-1 {
  box-shadow: 0 -1px 0 hsl(0, 4%, 77%), 0 1px 0 hsl(0, 4%, 77%);
  box-shadow: 0 -1px 0 hsl(var(--theme-hue), var(--duetone-saturation), 77%), 0 1px 0 hsl(var(--theme-hue), var(--duetone-saturation), 77%);
}

/* Left border on active menu/submenu item */
.menu .menu-item-content.is-active {
  border-left-color: hsl(0, 0%,43%);
  border-left-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.menu .sub-menu-1 {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.menu .sub-menu-2 {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.menu .sub-menu-3 {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.menu .sub-menu-4 {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
/* Left menu */
.is-active .menu-item-link {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  font-size: 110%;
  font-weight: bold;
}
.menu .menu-item-content.is-active {
  border-left-color: hsl(0, 68%, 42%);
  border-left-color: var(--vm-brand);
}
.menu .menu-item-content:hover {
  background-color: rgba(0, 0, 0, 0.08);
  background-color: var(--vm-button-selected);  
}
/* Home menu link item */
.nav {
  border-bottom: 1px solid hsl(0, 4%, 89%);
  border-bottom: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}

.nav-item:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

/* Home menu link item */
.nav-items #Menu_Workflow {
	font-weight: bold;
}

.sub-nav-item:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

/* Top nav bar underline border on active item. */
.nav-item.active {
  border-color: hsl(0, 68%, 42%);
  border-color: var(--vm-brand); 
}

/* The preference menu (head and shoulders icon) - hover text of the menu items */
.top-nav-right-buttons a:hover {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}

/* The preference menu (head and shoulders icon) - border between menu items */
.top-nav-splitter {
  border-bottom: 1px solid hsl(0, 4%, 77%);
  border-bottom: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 77%);
}

#SignOutFixed {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}

/* Sign Out link in footer */
#SignOut { 
	color: hsl(0, 68%, 42%);
	color: var(--vm-brand); 
}

#SignOut:hover {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}

/* In the left menu, this is the color of the "icon" that is a box with an arrow from center through right upper corner e.g. by "Policy File" */
.nav-annotation:hover a {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}

#SearchNewWindowHolder {
  background-color: hsl(0, 4%, 49%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 49%);
  border: 1px solid hsl(0, 4%, 28%);
  border: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 28%);
}

/* Search box in upper left - box-shadow and border-color in :focus are colors around when you click in box */
.site-search input#ToolbarSearchText {
  border: 1px solid hsl(0, 0%,43%);
  border: 1px solid hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  outline-color: hsl(0, 0%,43%);
  outline-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));  
}
.site-search input#ToolbarSearchText::placeholder {
  color: hsl(196, 20%, 49%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 49%);
}
.site-search input#ToolbarSearchText:focus {
  box-shadow: inset 0 0 0 1px hsl(0, 68%, 42%); 
  box-shadow: inset 0 0 0 1px var(--vm-brand);
  border-color: hsl(0, 68%, 42%); 
  border-color: var(--vm-brand);
}
.search-links {
  color: hsl(0, 4%, 49%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 49%);
}
.search-links a {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.search-links a:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

.search-links {
  color: hsl(0, 4%, 49%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 49%);
}
.search-links a {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.search-links a:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

#taskTable tr.groupHeader th {
  background-color: hsl(0, 4%, 94%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 94%);
}

th.sectionLabel {
  color: hsl(0, 4%, 49%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 49%);
}
.listTable th {
  background-color: hsl(0, 4%, 97%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 97%);
  border-bottom: 1px solid hsl(0, 4%, 77%);
  border-bottom: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 77%);
}
.listTable table {
  /* IE7 doesn't support border-spacing below so this also causes no border spacing */
  border-bottom: 1px solid hsl(0, 4%, 77%);
  border-bottom: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 77%);
}
/* The shaded row in a table */
.greenbar {
  background-color: hsl(0, 4%, 97%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 97%);
}

.listTable table.format tr:hover:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.listTable table.format tr:hover.highlightRow:hover, .listTable table.format tr:hover.highlight:hover {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}

/*
Hovering for tables with expanded rows implemented as sibling <tr>
 */
.greenbar:hover + .greenbar, .whitebar:hover + .whitebar, tr.hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

.listMidTable tr.highlightRow, .listTable tr.highlightRow {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

.listTable tr.highlight {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

#ActionsBar .navigation-action a {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
#ActionsBar a {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  border: 1px solid hsl(0, 4%, 67%);
  border: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 67%);
}
#ActionsBar a:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
#ActionsBar a:active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
#ActionsBar a#SaveandRate span {
	font-weight: bold;	
	color: hsl(0, 0%, 26%);
	color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-1));
}
/* FINISH button */
#ActionsBar a#Closeout span {
	font-weight: bold;
	color: hsl(0, 0%, 26%);
	color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-1));
}

.right-sidebar {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.embedded-content {
  background-color: hsl(0, 4%, 94%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 94%);
}

/* Right-toolbar menu */
.flyout-button {
  background-color: hsl(0, 68%, 42%);
  background-color: var(--vm-brand); 
  border-bottom: 1px solid hsl(0, 4%, 94%);
  border-bottom: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 94%);  
}
.flyout-button.disabled {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.flyout-button:hover {
  background-color: hsl(0, 68%, 32%);
  background-color: var(--vm-brand-darker); 
}
.flyout-button.disabled:hover {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.flyout-button:active {
  background-color: hsl(0, 68%, 22%);
  background-color: var(--vm-brand-darker-2); 
}
.flyout-button.disabled:active {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.flyout-button.selected {
  background-color: hsl(0, 4%, 94%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 94%);
  color: hsl(0, 4%, 38%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 38%);
}
.flyout-view {
  background-color: hsl(0, 4%, 94%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 94%);
}
.flyout-view.flyout-view-pinned {
  border-left: 1px solid hsl(0, 4%, 77%);
  border-left: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 77%);
}
.flyout-view .title {
  border-bottom: 1px solid hsl(0, 4%, 77%);
  border-bottom: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 77%);
}

#PinableRightBar {
  background-color: hsl(0, 4%, 84%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 84%);
}
#MoreActions a {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
#MoreActions a:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
#MoreActions a:active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
.calendar-table {
  border: 1px solid hsl(0, 4%, 77%);
  border: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 77%);
  color: hsl(0, 40%, 40%);
  color: hsl(var(--theme-hue), 40%, 40%);
}
.calendar-table .weekEnd {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.calendar-table .marked {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.calendar-table .highlightOnHover:hover {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}

#Timeline ul li:before {
  background-color: hsl(0, 4%, 49%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 49%);
}
#Timeline ul li:after {
  background-color: hsl(0, 4%, 49%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 49%);
}
#Timeline ul li.timeline-kindClaim:after {
  background-color: hsl(0, 4%, 67%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 67%);
}
#Timeline ul li.timeline-kindUW:after {
  background-color: hsl(0, 4%, 38%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 38%);
}
#Timeline ul li.timeline-kindBilling:after {
  background-color: hsl(0, 4%, 12%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 12%);
}
#Timeline ul li.active:after {
  background-color: hsl(0, 0%,43%);
  background-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}

.timelineLegendMark.timeline-kindClaim {
  color: hsl(0, 4%, 67%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 67%);
}
.timelineLegendMark.timeline-kindUW {
  color: hsl(0, 4%, 38%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 38%);
}
.timelineLegendMark.timeline-kindBilling {
  color: hsl(0, 4%, 12%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 12%);
}

.timeline-legend-item:not(:last-child) {
  border-right: 1px solid hsl(0, 4%, 84%);
  border-right: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 84%);
}

/* Datepicker */
body .ui-datepicker-trigger {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
body .ui-datepicker-trigger.disabled {
  background-color: hsla(0, 60, 25, 0.2);
  background-color: hsla(var(--theme-hue), 60, 25, 0.2);
}
body .ui-datepicker-trigger:hover {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
body .ui-datepicker-trigger.disabled:hover {
  background-color: hsla(0, 60, 25, 0.2);
  background-color: hsla(var(--theme-hue), 60, 25, 0.2);
}
body .ui-datepicker-trigger:active {
  background-color: hsla(0, 0%, 43%, 0.3);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.3);
}
body .ui-datepicker-trigger.disabled:active {
  background-color: hsla(0, 60, 25, 0.2);
  background-color: hsla(var(--theme-hue), 60, 25, 0.2);
}
body .ui-datepicker-trigger:hover {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
body .ui-datepicker-trigger:active {
  color: hsl(0, 4%, 38%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 38%);
}
/* The color of date picker's Today button was gray on a gray background and hard to see */
#ui-datepicker-div button.ui-datepicker-current {
	color: white;
}

.ui-button.primary {
  background-color: hsl(0, 0%,43%);
  background-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  border: 1px solid hsl(0, 0%,43%);
  border: 1px solid hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.ui-button.primary.disabled {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.ui-button.primary:hover {
  background-color: hsl(0, 100%, 26%);
  background-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-1));
}
.ui-button.primary.disabled:hover {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.ui-button.primary:active {
  background-color: hsl(0, 0%, 21%);
  background-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-2));
}
.ui-button.primary.disabled:active {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.ui-button.primary.disabled {
  border-color: hsl(0, 4%, 89%);
  border-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.ui-button.secondary {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.ui-button.secondary.disabled {
  background-color: hsla(0, 60, 25, 0.2);
  background-color: hsla(var(--theme-hue), 60, 25, 0.2);
}
.ui-button.secondary:hover {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
.ui-button.secondary.disabled:hover {
  background-color: hsla(0, 60, 25, 0.2);
  background-color: hsla(var(--theme-hue), 60, 25, 0.2);
}
.ui-button.secondary:active {
  background-color: hsla(0, 0%, 43%, 0.3);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.3);
}
.ui-button.secondary.disabled:active {
  background-color: hsla(0, 60, 25, 0.2);
  background-color: hsla(var(--theme-hue), 60, 25, 0.2);
}
.ui-button.tertiary {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.ui-button.tertiary:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.ui-button.tertiary:active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
.ui-widget-content {
  background-color: hsl(0, 4%, 94%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 94%);
}

.ui-widget-header {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
/* Interaction states
----------------------------------*/
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: hsl(0, 0%,43%);
  border: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid hsl(0, 0%,43%);
  border: 1px solid hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

.ui-state-checked {
  border: 1px solid hsl(0, 0%,43%);
  border: 1px solid hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

.ui-icon,
.ui-widget-content .ui-icon {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}

.ui-widget-header .ui-icon {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  color: hsl(0, 100%, 26%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-1));
}

.ui-state-active .ui-icon {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}

.ui-state-highlight .ui-icon {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}

/* Overlays */
.ui-widget-overlay {
  background-color: hsl(0, 4%, 49%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 49%);
}

.ui-dialog-titlebar-close:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.ui-dialog-titlebar-close:focus {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}

button.ui-priority-primary.ui-datepicker-close {
  background-color: hsl(0, 0%,43%);
  background-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
  border: 1px solid hsl(0, 0%,43%);
  border: 1px solid hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
button.ui-priority-primary.ui-datepicker-close.disabled {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
button.ui-priority-primary.ui-datepicker-close:hover {
  background-color: hsl(0, 0%, 26%);
  background-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-1));
}
button.ui-priority-primary.ui-datepicker-close.disabled:hover {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
button.ui-priority-primary.ui-datepicker-close:active {
  background-color: hsl(0, 0%, 21%);
  background-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-2));
}
button.ui-priority-primary.ui-datepicker-close.disabled:active {
  background-color: hsl(0, 4%, 89%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
button.ui-priority-primary.ui-datepicker-close.disabled {
  border-color: hsl(0, 4%, 89%);
  border-color: hsl(var(--theme-hue), var(--duetone-saturation), 89%);
}
.sticky-note .sticky-note-header .sticky-note-type {
  color: hsl(0, 4%, 38%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 38%);
}
.sticky-note .sticky-note-header .sticky-minimizer:before {
  color: hsl(0, 4%, 38%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 38%);
}
.sticky-note .sticky-note-header .sticky-minimizer:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

.documentViewerContainer3 .navigationPane .dynatree-node .badge, .documentViewerContainer3 .navigationPane .dynatree-node .accum-badge, .documentViewerContainer3 .navigationPane .dynatree-node .non-accum-badge {
  color: hsl(0, 0%, 26%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-1));
}

/* More menu in upper right corner */
#MoreActionsDropdown > *:not(.title):hover, .drop-down > *:not(.title):hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
  border-color: hsl(0, 0%,43%);
  border-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
#MoreActionsDropdown > *:not(.title):active, .drop-down > *:not(.title):active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
#MoreActionsDropdown .title, .drop-down .title {
  color: hsl(0, 4%, 49%);
  color: hsl(var(--theme-hue), var(--duetone-saturation), 49%);
}

a.actionLink {
  color: hsl(0, 68%, 42%);
  color: var(--vm-brand); 
}
a.actionLink:hover {
  color: hsl(0, 0%,43%); 
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
a.actionLinkUpdate {
  color: hsl(0, 68%, 42%);
  color: var(--vm-brand); 
}

/* Arrow to toggle seeing more of the summary - to the left of the summary bar */
.summary .toggle-more {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.summary .toggle-more:hover {
  color: hsl(0, 0%, 21%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-2));
}
.summary .toggle-more:active {
  color: hsl(0, 0%, 26%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness-darker-1));
}
.summary .filters .r_tile_top_right > .filter-text:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

/* Top box with "Policy" or "Application" etc. */
.summary .filters .r_tile_top_right > .filter-text.selected {
  color: #FFFFFF; 
  background-color: hsl(207, 90%, 54%);
  background-color: var(--vm-tone-info);
}

.full-summary .full-summary-row:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}

.table-cat-filter {
  background: hsl(0, 4%, 97%);
  background: hsl(var(--theme-hue), var(--duetone-saturation), 97%);
}

.table-cat-filter th {
  background: hsl(0, 4%, 94%);
  background: hsl(var(--theme-hue), var(--duetone-saturation), 94%);
  border-bottom: 1px solid hsl(0, 4%, 77%);
  border-bottom: 1px solid hsl(var(--theme-hue), var(--duetone-saturation), 77%);
}

.table-cat-filter td.splitter:before {
  background-color: hsl(0, 4%, 77%);
  background-color: hsl(var(--theme-hue), var(--duetone-saturation), 77%);
}

.embedded-content .button-plain#DeleteUpload {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.embedded-content .button-plain#DeleteUpload:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.embedded-content .button-plain#DeleteUpload:active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}
.embedded-content .button-plain#CacncelUpload {
  color: hsl(0, 0%,43%);
  color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness));
}
.embedded-content .button-plain#CacncelUpload:hover {
  background-color: hsla(0, 0%, 43%, 0.1);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.1);
}
.embedded-content .button-plain#CacncelUpload:active {
  background-color: hsla(0, 0%, 43%, 0.2);
  background-color: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), 0.2);
}

/* Policy Address Sync Button */
#AddressSync {
  font-weight: bold;
  font-size: 110%;
}

textarea {
	scrollbar-width: auto;
}

textarea::-webkit-scrollbar {
	width: 12px;
	background-color: #f5f8f9;
}

textarea::-webkit-scrollbar-thumb {
	-webkit-border-radius: 1ex;
	background-color: #c5c6c7;
}