/********************** GENERIC THEME CSS ***********************/
:root {
  --oj-sp-theme-global-bkgd-banner-height: 270px;
  --oj-sp-rw-lilac-rgb-120: 88, 95, 128;
  --oj-sp-rw-lilac-rgb-130: 79, 85, 115;
  --oj-sp-rw-lilac-rgb-140: 70, 76, 104;
  --oj-sp-rw-blue-rgb-100: 34, 126, 158;
  --oj-sp-rw-blue-rgb-110: 14, 114, 149;
  --oj-sp-rw-ocean-rgb-140: 44, 82, 102;
  --oj-sp-rw-pebble-rgb-110: 100, 106, 115;
  --oj-sp-rw-pebble-rgb-120: 92, 97, 105;
  --oj-sp-rw-pebble-rgb-140: 73, 77, 83;
  --oj-sp-rw-pine-rgb-100: 76, 130, 92;
  --oj-sp-rw-pine-rgb-110: 70, 117, 83;
  --oj-sp-rw-pine-rgb-140: 51, 85, 60;
  --oj-sp-rw-plum-rgb-110: 121, 96, 135;
  --oj-sp-rw-plum-rgb-120: 111, 87, 123;
  --oj-sp-rw-plum-rgb-140: 89, 69, 100;
  --oj-sp-rw-rose-rgb-120: 134, 80, 92;
  --oj-sp-rw-rose-rgb-130: 122, 71, 83;
  --oj-sp-rw-rose-rgb-140: 108, 63, 73;
  --oj-sp-rw-sienna-rgb-100: 170, 100, 59;
  --oj-sp-rw-sienna-rgb-110: 155, 87, 52;
  --oj-sp-rw-sienna-rgb-140: 113, 63, 37;
  --oj-sp-rw-slate-rgb-110: 96, 108, 109;
  --oj-sp-rw-slate-rgb-120: 88, 99, 99;
  --oj-sp-rw-slate-rgb-140: 70, 79, 79;
  --oj-sp-rw-teal-rgb-110: 70, 113, 115;
  --oj-sp-rw-teal-rgb-120: 62, 104, 108;
  --oj-sp-rw-teal-rgb-140: 49, 83, 87;
}

.oj-sp-theme-appearance-override {
  /* --oj-sp-theme-global-bkgd-banner-height + 50px:
  This is an intermin workaround where we are adding the hight of the global header so that the
  banner on the body tag shift and visually shows up 270px rather than going behind the global header.
  Once we have the enhancement where the value of
  --oj-sp-theme-global-bkgd-banner-height = pageHeader.getBoundingClientRect().height + pageHeader.getBoundingClientRect().top
  */
  --oj-sp-theme-global-bkgd-banner-height: 320px;
}

/******************** END: GENERIC THEME CSS ********************/

/************************ DEFAULT THEME *************************/
.oj-sp-theme-global-pillar-default::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-neutral.png');
  opacity: 0.08;
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-default.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-default.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-170)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-palette-neutral-rgb-170));
}

/********************** END: DEFAULT THEME ***********************/

/************************ LILAC THEME *************************/

.oj-sp-theme-global-pillar-lilac::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-lilac-opacity-04.png');
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-lilac.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-lilac.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-sp-rw-lilac-rgb-140)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-sp-rw-lilac-rgb-140));
}

/********************** END: LILAC THEME ***********************/

/************************ OCEAN THEME *************************/

.oj-sp-theme-global-pillar-ocean::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-ocean-opacity-04.png');
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-ocean.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-ocean.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-sp-rw-ocean-rgb-140)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-sp-rw-ocean-rgb-140));
}

/********************** END: OCEAN THEME ***********************/

/************************ PEBBLE THEME *************************/

.oj-sp-theme-global-pillar-pebble::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-pebble-opacity-04.png');
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-pebble.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-pebble.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-sp-rw-pebble-rgb-140)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-sp-rw-pebble-rgb-140));
}

/********************** END: PEBBLE THEME ***********************/

/************************ PINE THEME *************************/

.oj-sp-theme-global-pillar-pine::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-pine-opacity-06.png');
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-pine.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-pine.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-sp-rw-pine-rgb-140)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-sp-rw-pine-rgb-140));
}

/********************** END: PINE THEME ***********************/

/************************ PLUM THEME *************************/

.oj-sp-theme-global-pillar-plum::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-plum-opacity-10.png');
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-plum.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-plum.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-sp-rw-plum-rgb-140)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-sp-rw-plum-rgb-140));
}

/********************** END: PLUM THEME ***********************/

/************************ ROSE THEME *************************/

.oj-sp-theme-global-pillar-rose::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-rose-opacity-10.png');
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-rose.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-rose.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-sp-rw-rose-rgb-140)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-sp-rw-rose-rgb-140));
}

/********************** END: ROSE THEME ***********************/

/************************ SIENNA THEME *************************/

.oj-sp-theme-global-pillar-sienna::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-sienna-opacity-08.png');
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-sienna.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-sienna.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-sp-rw-sienna-rgb-140)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-sp-rw-sienna-rgb-140));
}

/********************** END: SIENNA THEME ***********************/

/************************ SLATE THEME *************************/

.oj-sp-theme-global-pillar-slate::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-slate-opacity-08.png');
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-slate.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-slate.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-sp-rw-slate-rgb-140)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-sp-rw-slate-rgb-140));
}

/********************** END: SLATE THEME ***********************/

/************************ TEAL THEME *************************/

.oj-sp-theme-global-pillar-teal::after {
  background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/texture-teal-opacity-04.png');
}

/*** LIGHT ****/
.oj-sp-theme-global-pillar-teal.oj-sp-theme-global-mode-light {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) 0, var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0))) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-global-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-palette-neutral-rgb-0)));
}

/*** MIXED ****/
.oj-sp-theme-global-pillar-teal.oj-sp-theme-global-mode-mixed {
  --oj-sp-theme-global-texture: linear-gradient(to bottom, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) 0, var(--HEADER_LABEL_COLOR, var(--oj-sp-theme-page-container-bkgd)) var(--oj-sp-theme-global-bkgd-banner-height), rgb(var(--oj-palette-neutral-rgb-0)) var(--oj-sp-theme-global-bkgd-banner-height));
  --oj-sp-theme-page-container-bkgd: var(--HEADER_LABEL_COLOR, rgb(var(--oj-sp-rw-teal-rgb-140)));
  --oj-sp-theme-global-bkgd: rgb(var(--oj-sp-rw-teal-rgb-140));
}

/********************** END: TEAL THEME ***********************/

html body[class*='oj-sp-theme-global-mode-'].oj-sp-theme-global-mode-GH {
  --oj-sp-theme-global-bkgd: var(--JET_STICKY_HEADER_COLOR, rgb(var(--oj-palette-neutral-rgb-170)));
}

html body[class*='oj-sp-theme-global-pillar-'][class*='oj-sp-theme-global-mode-'] {
  background-color: var(--oj-sp-theme-global-bkgd);
  background-image: var(--oj-sp-theme-global-texture);
  background-repeat: no-repeat, repeat;
  background-attachment: fixed;
}

html body[class*='oj-sp-theme-global-pillar-']:not(.oj-sp-theme-appearance-override)::after {
  content: '';
  width: 100vw;
  display: block;
  position: fixed;
  top: var(--oj-sp-theme-global-bkgd-banner-height);
  bottom: 0;
  z-index: -1;
}
.oj-sp-theme-global-pillar-sienna .oj-sp-header-general-overview-header-strip{background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/color-strip-sienna.png')}
.oj-sp-theme-global-pillar-teal .oj-sp-header-general-overview-header-strip{background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/color-strip-teal.png')}
.oj-sp-theme-global-pillar-rose .oj-sp-header-general-overview-header-strip{background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/color-strip-rose.png')}
.oj-sp-theme-global-pillar-plum .oj-sp-header-general-overview-header-strip{background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/color-strip-plum.png')}
.oj-sp-theme-global-pillar-pine .oj-sp-header-general-overview-header-strip{background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/color-strip-pine.png')}
.oj-sp-theme-global-pillar-pebble .oj-sp-header-general-overview-header-strip{background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/color-strip-pebble.png')}
.oj-sp-theme-global-pillar-slate .oj-sp-header-general-overview-header-strip{background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/color-strip-slate.png')}
.oj-sp-theme-global-pillar-lilac .oj-sp-header-general-overview-header-strip{background-image: url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/color-strip-lilac.png')}