/* 860 - palette */

:root {
  /* standard colors */
  --pt-palette-0: #000000; /* alt page text color */
  --pt-palette-1: #ffffff; /* page background */

  /* redwood specific */
  /* text */
  --pt-palette-2: #161513; /* primary text page color */
  --pt-palette-3: #5C5B5A; /* label color */
  --pt-palette-4: #767676; /* placeholder text color */  
  --pt-palette-5: #737373; /* disabled text color */
  --pt-palette-6: #116EB1; /* link / button text color */
  --pt-palette-7: #0C4F80; /* link / button text hover color */
  --pt-palette-8: #FBF9F8; /* banner text color / Panel background / grid headers  */
  --pt-palette-9: #9B5734; /* groupbox title / selected border / tile emphasis / control hover-focus */
  --pt-palette-10: #713F25; /* collapsible groupbox hover */

  /* backgrounds */
  --pt-palette-11:#FDF3E4; /* primary hover color */
  --pt-palette-12:#F1EFED; /* page title background / active color */
  --pt-palette-13:#F5F4F2; /* disabled control */
  --pt-palette-14:#F6F6F6; /* not used - selected row background */
  --pt-palette-15:#ECECEC; /* activate background */
  --pt-palette-16:#E8E8E7; /* disabled button */
  --pt-palette-17:#47423E; /* banner background / border for activate buttons */
  --pt-palette-18:#F5DEBD; /* selected background */
  --pt-palette-19:#D63B25; /* error background */

  /* borders/outlines */
  --pt-palette-20:#D4CFCA; /* not used */
  --pt-palette-21:#8B8580; /* primary contrasting border */
  --pt-palette-22:#8B8A89; /* error border */
  --pt-palette-23:#BCB6B1; /* secondary light border / disabled border color */
  --pt-palette-24:#312D2A; /* primary button background/border */
  --pt-palette-25:#F0CC71; /* special groupbox indicator for notifications */
  --pt-palette-26:#514C47;  /* hover outline/primary hover */

  /* shadows */
  --pt-palette-27:rgba(0, 0, 0, 0.3); /* modal shadow */

  /* other */
  --pt-palette-28: rgba(22, 21, 19, 0.5); /* not used - transparent button hover border */
  --pt-palette-29: #AEA8A2; /* banner border */
  --pt-palette-30: #7A736E; /* banner button hover */
  --pt-palette-31: #201E1C; /* banner button active */
  --pt-palette-32: #B67745; /* Navbar tile hover / border switch hover */
  --pt-palette-33: rgba(255,255,255,0.69); /* from spec #FFC1B8*/ /* error icon background */
  --pt-palette-34: #FEF9F2; /* switch background / hover thumb */
  --pt-palette-35: #FCEDD9; /* not used - toggle button hover background */
  --pt-palette-36: #8D4F2E; /* toggle button active border */
  --pt-palette-37: #DEB068; /* toggle button active background */
  --pt-palette-38: #6F6964; /* child item border in panel */
  --pt-palette-39: #E4E1DD; /* not used - collision active background */
  --pt-palette-40: #DFCFCA; /* not used - hover outline grid */
  --pt-palette-41: #577346; /* badge/confirmation border */
  --pt-palette-42: #D0EAC1; /* badge/confirmation background */
  --pt-palette-43: rgba(255,255,255,0.8); /* error image hover color */
  --pt-palette-44: rgba(0, 0, 0, 0.5); /* modal mask color */
  --pt-palette-45: #C04A26; /* Grid Find Outline */

  /* transparent button border */
  --pt-border-dashed-1: 1px dashed var(--pt-palette-24);
}

/* 860 - functional properties */
:root {
  --pt-title-padding: 0.5em;

  --pt-strip-height: 8px;
  --pt-strip-background: url(%image(PT_REDWOOD_STRIP1)) repeat var(--pt-page-title-background-color) 175px;

  --pt-page-background-color: var(--pt-palette-1);
  --pt-page-text-color: var(--pt-palette-2);
  --pt-page-text-alt-color: var(--pt-palette-0);
  --pt-page-text-alt-2-color: var(--pt-palette-1);
  --pt-page-alt-text-color: var(--pt-page-text-alt-color); /* alias to conform to naming standard */
  --pt-page-alt-2-text-color: var(--pt-page-text-alt-2-color); /* alias to conform to naming standard */

  --pt-hover-background-color: var(--pt-palette-11);
  --pt-hover-border-color: var(--pt-palette-9);
  --pt-hover-outline-color: var(--pt-palette-24); /* to be reviewed */
  --pt-active-background-color: var(--pt-palette-12);
  --pt-active-border-color: var(--pt-palette-17); 

  --pt-border-normal-color: var(--pt-palette-23); /* ced4da replacement */
  --pt-border-contrast-color: var(--pt-palette-21); /* 868e96 replacement */
  --pt-border-contrast-1-color: var(--pt-palette-3); /* 848c94 replacement */
  --pt-border-contrast-2-color: var(--pt-palette-26); /* 808b99 replacement */
  --pt-border-contrast-3-color: var(--pt-palette-17); /* 7A818A replacement */
  --pt-border-contrast-4-color: var(--pt-palette-24);
  --pt-border-absolute-color: var(--pt-palette-0);
  --pt-border-absolute-alt-color: var(--pt-palette-1);

  --pt-label-text-color: var(--pt-palette-3); /* 5c5c5c replacement */
  --pt-label-disabled-text-color: var(--pt-palette-21); /* only used for some constructs - radio buttons/checkboxes */

  --pt-header-text-color: var(--pt-palette-9);
  --pt-header-alt-text-color: var(--pt-palette-24);
  --pt-header-alt-1-text-color: var(--pt-page-text-color);
  --pt-header-alt-2-text-color: var(--pt-palette-0);
  --pt-header-hover-text-color: var(--pt-palette-10);
  --pt-header-special-border-color: var(--pt-palette-25);

  --pt-groupbox-border-color: var(--pt-border-normal-color);

  --pt-control-border-color: var(--pt-border-contrast-color); 
  --pt-control-background-color: var(--pt-page-background-color);
  --pt-control-text-color: var(--pt-page-text-color);
  --pt-control-placeholder-text-color: var(--pt-palette-4);
  --pt-control-hover-border-color: var(--pt-hover-border-color);
  --pt-control-disabled-background-color: var(--pt-palette-13);
  --pt-control-disabled-border-color: var(--pt-border-normal-color); 
  --pt-control-disabled-text-color: var(--pt-palette-5);
  --pt-control-error-background-color: var(--pt-palette-19);
  --pt-control-error-text-color: var(--pt-palette-1);
  --pt-control-error-placeholder-text-color: var(--pt-palette-8); /* 860-904: Correct color contrast issue in error state */
  --pt-control-placeholder-error-text-color: var(--pt-control-error-placeholder-text-color); /* 860-904: alias since this could be typed in different ways */
  --pt-control-error-border-color: var(--pt-palette-22);
  --pt-control-error-image-background-color: var(--pt-palette-33); 
  --pt-control-error-image-hover-background-color: var(--pt-palette-43);

  --pt-link-text-color: var(--pt-palette-6); /* 245c67 replacement */
  --pt-link-disabled-text-color: var(--pt-control-disabled-text-color);
  --pt-link-hover-text-color: var(--pt-palette-7);

  --pt-button-border-color:var(--pt-palette-24);
  --pt-button-background-color: var(--pt-page-background-color);
  --pt-button-text-color:var(--pt-link-text-color);
  --pt-button-hover-border-color: var(--pt-button-border-color);
  --pt-button-hover-background-color:var(--pt-hover-background-color);
  --pt-button-hover-text-color:var(--pt-link-hover-text-color);
  --pt-button-active-border-color: var(--pt-active-border-color);
  --pt-button-active-background-color:var(--pt-palette-15);
  --pt-button-active-text-color:var(--pt-button-text-color);
  --pt-button-disabled-border-color: var(--pt-button-disabled-background-color);
  --pt-button-disabled-background-color:var(--pt-palette-16);
  --pt-button-disabled-text-color: var(--pt-control-disabled-text-color);

  --pt-button-primary-border-color: var(--pt-button-border-color);
  --pt-button-primary-background-color: var(--pt-button-primary-border-color);
  --pt-button-primary-text-color: var(--pt-palette-1);
  --pt-button-primary-hover-background-color: var(--pt-palette-26);
  --pt-button-primary-hover-border-color: var(--pt-button-primary-hover-background-color);
  --pt-button-primary-hover-text-color: var(--pt-palette-1);
  --pt-button-primary-hover-outline-color: var(--pt-button-primary-text-color);
  --pt-button-primary-active-background-color: var(--pt-palette-2);
  --pt-button-primary-active-border-color: var(--pt-button-primary-active-background-color); /* 860-902 - missing var definition */
  --pt-button-primary-active-text-color: var(--pt-button-primary-text-color);
  --pt-button-primary-active-outline-color: transparent;

  --pt-button-simple-text-color: var(--pt-page-text-color);
  --pt-button-simple-border-color: var(--pt-border-contrast-color);
  --pt-button-simple-background-color: var(--pt-button-background-color);
  --pt-button-simple-hover-text-color: var(--pt-button-simple-text-color);
  --pt-button-simple-hover-background-color: var(--pt-button-hover-background-color);
  --pt-button-simple-hover-outline-color: var(--pt-hover-outline-color); 
  --pt-button-simple-hover-border-color: var(--pt-button-simple-hover-outline-color); /* 860-902 - missing variable definition */
  --pt-button-simple-active-text-color: var(--pt-button-active-text-color);
  --pt-button-simple-active-border-color: var(--pt-button-active-border-color);
  --pt-button-simple-active-background-color: var(--pt-button-active-background-color);

  --pt-button-toggle-on-background: var(--pt-selected-background-color); /* 860-901 for reversion - may not be color only */
  --pt-button-toggle-active-background-color: var(--pt-palette-37);
  --pt-button-toggle-active-border-color: var(--pt-selected-border-color);

  --pt-banner-background-color: var(--pt-palette-17);
  --pt-banner-text-color: var(--pt-palette-8);
  --pt-banner-separator-color: var(--pt-palette-29);
  --pt-banner-button-hover-background-color: var(--pt-palette-30);
  --pt-banner-button-outline-color: var(--pt-palette-13);
  --pt-banner-button-active-background-color: var(--pt-palette-31);
  --pt-banner-search-open-background-color: var(--pt-palette-26);
  --pt-banner-search-open-text-color: var(--pt-palette-1);
  --pt-banner-search-subdued-opacity: 0.6; /* 860-904: using variable for greater control for color contrast changed from 0.5 */
  --pt-banner-search-subdued-hover-opacity: 0.85; /* 860-904: using variable for greater control for color contrast changed from 0.8 */

  --pt-page-title-background-color: var(--pt-palette-12);
  --pt-page-title-text-color: var(--pt-page-text-color);
  --pt-page-title-border-color: var(--pt-border-contrast-color);

  --pt-selected-background-color: var(--pt-palette-18);
  --pt-selected-text-color: var(--pt-page-text-color);
  --pt-selected-border-color: var(--pt-palette-9);

  --pt-modal-header-background-color: var(--pt-palette-8);
  --pt-modal-header-text-color:  var(--pt-palette-2);
  --pt-modal-header-border-color: var(--pt-border-normal-color);
  --pt-modal-background-color: var(--pt-page-background-color);
  --pt-modal-text-color: var(--pt-page-text-color);
  --pt-modal-border-color: var(--pt-palette-17);
  --pt-modal-shadow-color: var(--pt-palette-27);
  --pt-modal-mask-background-color: var(--pt-palette-44);
  
  --pt-panel-background-color: var(--pt-palette-8);
  --pt-panel-text-color: var(--pt-page-text-color);
  --pt-panel-border-color: var(--pt-border-contrast-color); /* 860-147 */

  --pt-panel-tab-background-color: var(--pt-button-primary-background-color);
  --pt-panel-tab-border-color: var(--pt-panel-tab-background-color);
  --pt-panel-tab-hover-background-color: var(--pt-palette-38);
  --pt-panel-tab-hover-border-color: var(--pt-panel-tab-hover-background-color);
  --pt-panel-tab-active-background-color: var(--pt-palette-9);
  --pt-panel-tab-active-border-color: var(--pt-panel-tab-active-background-color);
  --pt-panel-tab-focus-background-color: var(--pt-palette-24);
  --pt-panel-tab-focus-border-color: var(--pt-palette-32);

  --pt-panel-tab-alt-background-color: var(--pt-panel-tab-background-color);
  --pt-panel-tab-alt-border-color: var(--pt-panel-tab-border-color);
  --pt-panel-tab-alt-hover-background-color: var(--pt-panel-tab-hover-background-color);
  --pt-panel-tab-alt-hover-border-color: var(--pt-panel-tab-hover-border-color);
  --pt-panel-tab-alt-active-background-color: var(--pt-panel-tab-active-background-color);
  --pt-panel-tab-alt-active-border-color: var(--pt-panel-tab-active-border-color);
  --pt-panel-tab-alt-focus-background-color: var(--pt-panel-tab-focus-background-color);
  --pt-panel-tab-alt-focus-border-color: var(--pt-panel-tab-focus-border-color);

  --pt-panel-item-background-color: var(--pt-panel-background-color);
  --pt-panel-item-text-color: var(--pt-panel-text-color);
  --pt-panel-item-border-color: var(--pt-palette-23);
  --pt-panel-item-hover-background-color: var(--pt-hover-background-color);
  --pt-panel-item-hover-outline-color: var(--pt-palette-24);
  --pt-panel-item-active-background-color: var(--pt-active-background-color);
  --pt-panel-item-active-outline-color: var(--pt-panel-item-hover-outline-color);
  --pt-panel-item-selected-background-color: var(--pt-selected-background-color);
  --pt-panel-item-selected-border-color: var(--pt-selected-border-color);
  --pt-panel-item-selected-text-color: var(--pt-selected-text-color);

  --pt-homepage-background-color: var(--pt-panel-background-color);
  --pt-homepage-background: url(%image(PT_TEXTURE_IMG)) repeat var(--pt-panel-background-color);

  --pt-tile-border-color: var(--pt-border-contrast-color);
  --pt-tile-background-color: var(--pt-page-background-color);
  --pt-tile-header-text-color: var(--pt-page-text-color);
  --pt-tile-text-color: var(--pt-page-text-alt-color);
  --pt-tile-emphasis-text-color: var(--pt-header-text-color);
  --pt-tile-hover-border-color: var(--pt-tile-emphasis-text-color);
  --pt-tile-hover-background-color: var(--pt-tile-background-color);
  --pt-tile-hover-shadow-color: var(--pt-modal-shadow-color);
  --pt-tile-active-border-color: var(--pt-tile-hover-border-color);
  --pt-tile-active-border-style: dashed;
  --pt-tile-active-background-color: var(--pt-panel-background-color);

  --pt-grid-border-color: var(--pt-border-normal-color);
  --pt-grid-border-alt-color: var(--pt-border-contrast-color); /* 860-147 */
  --pt-grid-alt-border-color: var(--pt-grid-border-alt-color); /* 860-147 alias */
  --pt-grid-header-background-color: var(--pt-modal-header-background-color);
  --pt-grid-header-text-color: var(--pt-page-text-alt-color);
  --pt-grid-header-border-color: var(--pt-border-normal-color); /* 860-147 */
  --pt-grid-header-border-alt-color: var(--pt-grid-border-alt-color); /* 860-147 */
  --pt-grid-header-alt-border-color: var(--pt-grid-header-border-alt-color); /* 860-147 alias */
  --pt-grid-item-border-color: var(--pt-border-normal-color);
  --pt-grid-item-selected-background-color: var(--pt-palette-12);
  --pt-grid-item-background-color: var(--pt-page-background-color); /* 860-144 */
  --pt-grid-item-alt-background-color: var(--pt-grid-header-background-color); /* 860-149: var(--pt-palette-12) *//* 860-144 */
  --pt-grid-item-alt-2-background-color: var(--pt-palette-12); /* 860-149 for pivot grid */
  --pt-grid-find-outline-color: var(--pt-palette-45);

  --pt-badge-background-color: var(--pt-palette-42);
  --pt-badge-border-color: var(--pt-palette-41);
  --pt-badge-text-color: var(--pt-page-text-color);
  --pt-badge-dot-color: var(--pt-badge-border-color); /* on a light background */
  --pt-badge-dot-alt-color: var(--pt-badge-background-color); /* on dark background like banner */

  --pt-tab-text-color: var(--pt-page-text-color);
  --pt-tab-background-color: var(--pt-page-background-color);
  --pt-tab-base-border-color: var(--pt-border-contrast-color);
  --pt-tab-border-color: transparent;
  --pt-tab-selected-background-color: var(--pt-tab-background-color); /* 860-147 */
  --pt-tab-selected-border-color: var(--pt-selected-border-color);
  --pt-tab-hover-background-color: var(--pt-hover-background-color);
  --pt-tab-hover-border-color: var(--pt-palette-32);
  --pt-tab-hover-outline-color: var(--pt-palette-5); 
  --pt-tab-active-border-color: var(--pt-tab-selected-border-color);
  --pt-tab-horizontal-hover-outline-width: 0px; /* 860-901 - for potential reversion */

  --pt-menu-border-color: var(--pt-modal-border-color);
  --pt-menu-background-color: var(--pt-page-background-color);
  --pt-menu-text-color: var(--pt-page-text-color);
  --pt-menu-item-text-color: var(--pt-menu-text-color);
  --pt-menu-item-border-color: var(--pt-panel-item-border-color); /* typically not used but could be used in some context similar to panel border */
  --pt-menu-item-hover-background-color: var(--pt-hover-background-color);
  --pt-menu-item-hover-border-color: var(--pt-selected-border-color);
  --pt-menu-item-hover-alt-border-color: var(--pt-palette-32);
  --pt-menu-item-selected-border-color: var(--pt-selected-border-color); /* use alt hover in conjunction with selected */
  --pt-menu-item-active-background-color: var(--pt-active-background-color);

  --pt-confirmation-background-color: var(--pt-palette-42);
  --pt-confirmation-text-color: var(--pt-palette-2);
  --pt-confirmation-border-color: var(--pt-palette-41);

  --pt-progress-bar-color: var(--pt-palette-41); /* progress bar border/background */

  --pt-navbar-header-background-color: var(--pt-page-title-background-color);
  --pt-navbar-header-text-color: var(--pt-page-title-text-color);
  --pt-navbar-header-border-color: var(--pt-page-title-border-color);
  --pt-navbar-content-background-color: var(--pt-modal-background-color);
  --pt-navbar-content-text-color: var(--pt-modal-text-color);
  --pt-navbar-panel-background-color: var(--pt-panel-background-color);
  --pt-navbar-panel-text-color: var(--pt-panel-text-color);
  --pt-navbar-panel-border-color: var(--pt-panel-border-color);
  --pt-navbar-item-background-color: var(--pt-panel-item-background-color);
  --pt-navbar-item-text-color: var(--pt-panel-item-text-color);
  --pt-navbar-item-hover-background-color: var(--pt-menu-item-hover-background-color);
  --pt-navbar-item-hover-border-color: var(--pt-menu-item-hover-alt-border-color);
  --pt-navbar-item-active-background-color: var(--pt-menu-item-active-background-color);
  --pt-navbar-item-active-border-color: var(--pt-menu-item-selected-border-color);
  --pt-navbar-item-selected-background-color: var(--pt-modal-background-color);
  --pt-navbar-item-selected-text-color: var(--pt-modal-text-color);
  --pt-navbar-item-selected-border-color: var(--pt-menu-item-selected-border-color);
  --pt-navbar-item-selected-separator-color: var(--pt-border-contrast-color);

  --pt-drag-start-outline-color: var(--pt-palette-36);
  --pt-drag-end-outline-color: var(--pt-drag-start-outline-color);
  --pt-drag-outline-color: var(--pt-palette-36);

  --pt-switch-border-color: var(--pt-control-border-color);
  --pt-switch-text-color: var(--pt-control-text-color);
  --pt-switch-thumb-border-color: var(--pt-control-border-color);
  --pt-switch-thumb-background-color: var(--pt-palette-34);
  --pt-switch-off-background-color: var(--pt-control-background-color);
  --pt-switch-off-border-color: var(--pt-switch-border-color);
  --pt-switch-off-text-color: var(--pt-switch-text-color);
  --pt-switch-off-hover-background-color: var(--pt-control-background-color);
  --pt-switch-thumb-hover-border-color: var(--pt-selected-border-color);
  --pt-switch-on-border-color: var(--pt-selected-border-color);
  --pt-switch-on-hover-border-color: var(--pt-switch-on-border-color); /* 860-902 missing variable definition */
  --pt-switch-on-background-color: var(--pt-selected-background-color);
  --pt-switch-on-text-color: var(--pt-selected-text-color);
  --pt-switch-disabled-background-color: var(--pt-control-disabled-background-color);
  --pt-switch-disabled-border-color: var(--pt-control-disabled-border-color);
  --pt-switch-disabled-text-color: var(--pt-control-disabled-text-color);
  --pt-switch-disabled-thumb-background-color: var(--pt-control-disabled-border-color);
  --pt-switch-disabled-thumb-border-color: var(--pt-border-contrast-color);
  --pt-switch-hover-outline-color: var(--pt-hover-outline-color);

  --pt-filter-background-color: var(--pt-palette-13); /* same as disabled control */
  --pt-filter-border-color: var(--pt-border-contrast-color); /* same as normal control */
  --pt-filter-text-color: var(--pt-palette-2);
  --pt-filter-hover-background-color: var(--pt-hover-background-color);
  --pt-filter-hover-outline-color: var(--pt-hover-outline-color);
  --pt-filter-hover-border-color: var(--pt-filter-border-color);
  --pt-filter-hover-text-color: var(--pt-filter-text-color);
  --pt-filter-active-background-color: var(--pt-active-background-color);
  --pt-filter-active-outline-color: none;
  --pt-filter-active-border-color: var(--pt-active-border-color);
  --pt-filter-active-text-color: var(--pt-filter-text-color);

  /* 860 - 146 */
  --pt-scroll-track-background-color: transparent;
  --pt-scroll-thumb-background-color: var(--pt-palette-27);
  --pt-scroll-thumb-border-color: var(--pt-page-background-color);
  --pt-scroll-thumb-hover-background-color: var(--pt-palette-44);

  --pt-error-text-color: var(--pt-palette-45); /* 860-901 special error condition which typically has other visual indications other than color */
}


.ps_header_bar .pts_category_button,
.ps_header_bar .pts_search_button,
.pts_search_widget_for_classic .pts_category_button, /*860-904: Classic implementation */
.pts_search_widget_for_classic .pts_search_button /*860-904: Classic implementation */
{
  --pt-page-text-color: var(--pt-palette-1);
  --pt-hover-background-color: var(--pt-palette-26);
  --pt-hover-outline-color: var(--pt-palette-13);
  --pt-active-background-color: var(--pt-palette-2);
  --pt-active-outline-color: transparent;
  --pt-active-text-color: var(--pt-palette-1); /* 860-902 corrected pointing to variable */
}

/* 860-901 - pivot grid */
.pvg_main_table {
  --pt-grid-item-alt-background-color: var(--pt-grid-item-alt-2-background-color); 
}

:root.psc_form-small {
  --pt-strip-height: 6px;
}