@sassoftware/va-report-components/dist/umd/assets/ltjslib/themes/light/graph.css

The SAS Visual Analytics SDK is a set of JavaScript APIs and web components that enable SAS Visual Analytics report content to be easily embedded in a third-party application or web page.

.brandColorChanges {
  brandcolor: '';
  neutralcolor: #5e6778;
  newprimary: #0664d0;
  secondarycolor: #7a1f4e;
  p: #0664d0;
}

* {
  color: #1b1d22;
  font-size: 10.5pt;
  text-decoration: none;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-style: normal;
  wrap-text: normal;
}

:root {
  --report-data-color-1: #4398F9;
  --report-data-color-2: #F28D44;
  --report-data-color-3: #54B6A4;
  --report-data-color-4: #EC80CE;
  --report-data-color-5: #97C03F;
  --report-data-color-6: #A570E8;
  --report-data-color-7: #DCB519;
  --report-data-color-8: #F06F5E;
  --report-background-color: #ffffff;
  --report-text-color: #1b1d22;
  --report-primary-color: #0664d0;
  --report-neutral-color: #5e6778;
}

.H1 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 34pt;
  text-shadow: none;
}

h1 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 34pt;
  text-shadow: none;
}

.H1alt {
  color: #0664d0;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 34pt;
  text-shadow: none;
}

.H2 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 27pt;
  text-shadow: none;
}

h2 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 27pt;
  text-shadow: none;
}

.H2alt {
  color: #0664d0;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 27pt;
  text-shadow: none;
}

.H3 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 21pt;
  text-shadow: none;
}

h3 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 21pt;
  text-shadow: none;
}

.H3alt {
  color: #0664d0;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 21pt;
  text-shadow: none;
}

.H4 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 17pt;
  text-shadow: none;
}

h4 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 17pt;
  text-shadow: none;
}

.H4alt {
  color: #0664d0;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 17pt;
  text-shadow: none;
}

.H5 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 11pt;
  text-shadow: none;
}

h5 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 11pt;
  text-shadow: none;
}

.H5alt {
  color: #0664d0;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 11pt;
  text-shadow: none;
}

.H6 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 9pt;
  text-shadow: none;
}

h6 {
  color: #1b1d22;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 9pt;
  text-shadow: none;
}

.H6alt {
  color: #0664d0;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 9pt;
  text-shadow: none;
}

.Table {
  border-color: #dddfe4;
  border-style: solid;
  border-width: 1px;
  alt-row-color: #ffffff;
  color: #1b1d22;
  row-color: #ffffff;
  line-color: #dddfe4;
  vertical-line-style: solid;
  horizontal-line-style: solid;
  font-size: 9pt;
  display-opts: plain;
}

Table .Header {
  color: #1b1d22;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 9pt;
  line-color: #dddfe4;
}

Table .Totals {
  color: #1b1d22;
  background-color: #ffffff;
  font-weight: 400;
  font-size: 9pt;
}

Table .Table {
  wrap-text: none;
}

Table .ScrollBar {
  fill-color: #5e6778;
}

Crosstab .Table {
  border-color: #dddfe4;
  border-style: none;
  border-width: 1px;
  alt-row-color: #ffffff;
  color: #1b1d22;
  row-color: #f9fafb;
  line-color: #dddfe4;
  vertical-line-style: solid;
  horizontal-line-style: solid;
  font-size: 9pt;
  display-opts: plain;
}

Crosstab .Header {
  color: #1b1d22;
  background-color: #ffffff;
  font-weight: bold;
  line-color: #dddfe4;
  font-size: 9pt;
}

.RowHeader {
  color: #1b1d22;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 9pt;
}

.MeasureHeader {
  color: #1b1d22;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 9pt;
}

.ColumnHeader {
  line-color: #dddfe4;
}

Crosstab .ScrollBar {
  fill-color: #5e6778;
}

Crosstab .Totals {
  background-color: #ffffff;
  color: #1b1d22;
  font-weight: bold;
  font-size: 9pt;
}

Crosstab .Subtotals {
  background-color: #ffffff;
  color: #1b1d22;
  font-weight: bold;
  font-size: 9pt;
}

.Totals {
  background-color: #ffffff;
  color: #1b1d22;
  font-weight: bold;
  font-size: 9pt;
}

.Subtotals {
  background-color: #ffffff;
  color: #1b1d22;
  font-weight: bold;
  font-size: 9pt;
}

.Graph {
  attribute-priority: color;
  data-style-reference: remapped;
  contrast-enhanced-labels: false;
}

.GraphDataStyle1 {
  color: #4398F9;
  fill-color: #4398F9;
  alt-color: #3C89E0;
  line-color: #3C89E0;
  marker-color: #3C89E0;
  fill-pattern-color: #3C89E0;
  text-color: #2E68AB;
  line-style: 1;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: circlefilled;
  fill-pattern: E;
}

.GraphDataStyle2 {
  color: #F28D44;
  fill-color: #F28D44;
  alt-color: #D97D3D;
  line-color: #D97D3D;
  marker-color: #D97D3D;
  fill-pattern-color: #D97D3D;
  text-color: #A35F2E;
  line-style: 4;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: squarefilled;
  fill-pattern: L1;
}

.GraphDataStyle3 {
  color: #54B6A4;
  fill-color: #54B6A4;
  alt-color: #489C8C;
  line-color: #489C8C;
  marker-color: #489C8C;
  fill-pattern-color: #489C8C;
  text-color: #2F665C;
  line-style: 8;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: trianglefilled;
  fill-pattern: X1;
}

.GraphDataStyle4 {
  color: #EC80CE;
  fill-color: #EC80CE;
  alt-color: #D473B8;
  line-color: #D473B8;
  marker-color: #D473B8;
  fill-pattern-color: #D473B8;
  text-color: #9E568A;
  line-style: 11;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: diamondfilled;
  fill-pattern: R4;
}

.GraphDataStyle5 {
  color: #97C03F;
  fill-color: #97C03F;
  alt-color: #82A637;
  line-color: #82A637;
  marker-color: #82A637;
  fill-pattern-color: #82A637;
  text-color: #587025;
  line-style: 9;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: starfilled;
  fill-pattern: X3;
}

.GraphDataStyle6 {
  color: #A570E8;
  fill-color: #A570E8;
  alt-color: #9364CF;
  line-color: #9364CF;
  marker-color: #9364CF;
  fill-pattern-color: #9364CF;
  text-color: #6D4A99;
  line-style: 26;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: triangledownfilled;
  fill-pattern: R3;
}

.GraphDataStyle7 {
  color: #DCB519;
  fill-color: #DCB519;
  alt-color: #C29F16;
  line-color: #C29F16;
  marker-color: #C29F16;
  fill-pattern-color: #C29F16;
  text-color: #8C7310;
  line-style: 15;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: homedownfilled;
  fill-pattern: L5;
}

.GraphDataStyle8 {
  color: #F06F5E;
  fill-color: #F06F5E;
  alt-color: #D66354;
  line-color: #D66354;
  marker-color: #D66354;
  fill-pattern-color: #D66354;
  text-color: #A14A3F;
  line-style: 20;
  line-thickness: 2px;
  fill-pattern: R1;
}

.GraphDataStyle9 {
  line-style: 41;
  line-thickness: 2px;
  fill-pattern: X5;
}

.GraphDataStyle10 {
  line-style: 42;
  line-thickness: 2px;
  fill-pattern: L4;
}

.GraphDataStyle11 {
  line-style: 2;
  line-thickness: 2px;
  fill-pattern: X4;
}

.GraphDataNode1 {
  color: #E4F1FE;
  fill-color: #E4F1FE;
  alt-color: #3C89E0;
  text-color: #31363f;
  line-color: #3C89E0;
}

.GraphDataNode2 {
  color: #FEF0E4;
  fill-color: #FEF0E4;
  alt-color: #D97D3D;
  text-color: #31363f;
  line-color: #D97D3D;
}

.GraphDataNode3 {
  color: #E7F8F4;
  fill-color: #E7F8F4;
  alt-color: #489C8C;
  text-color: #31363f;
  line-color: #489C8C;
}

.GraphDataNode4 {
  color: #FDEBF8;
  fill-color: #FDEBF8;
  alt-color: #D473B8;
  text-color: #31363f;
  line-color: #D473B8;
}

.GraphDataNode5 {
  color: #F3F9E5;
  fill-color: #F3F9E5;
  alt-color: #82A637;
  text-color: #31363f;
  line-color: #82A637;
}

.GraphDataNode6 {
  color: #F0E6FD;
  fill-color: #F0E6FD;
  alt-color: #9364CF;
  text-color: #31363f;
  line-color: #9364CF;
}

.GraphDataNode7 {
  color: #FBF7DF;
  fill-color: #FBF7DF;
  alt-color: #C29F16;
  text-color: #31363f;
  line-color: #C29F16;
}

.GraphDataNode8 {
  color: #FEEAE7;
  fill-color: #FEEAE7;
  alt-color: #D66354;
  text-color: #31363f;
  line-color: #D66354;
}

.GraphDataStyleDefault {
  color: #4398F9;
  fill-color: #4398F9;
  alt-color: #3C89E0;
  line-color: #3C89E0;
  marker-color: #3C89E0;
  fill-pattern-color: #3C89E0;
  text-color: #2E68AB;
  fill-gradient-start-color: #4398F9;
  fill-gradient-neutral-color: #F4F3F4;
  fill-gradient-end-color: #F28D44;
  line-style: 1;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: circlefilled;
  fill-pattern: E;
}

.KPIRange1 {
  color: #FF4747;
  fill-color: #FF4747;
  alt-color: #E54040;
  line-color: #E54040;
  marker-color: #E54040;
  fill-pattern-color: #E54040;
  text-color: #B03131;
  marker-size: 11px;
  marker-symbol: circlefilled;
  line-style: 1;
  line-thickness: 2px;
  fill-pattern: R3;
}

.KPIRange2 {
  color: #ED9A5B;
  fill-color: #ED9A5B;
  alt-color: #D48A51;
  line-color: #D48A51;
  marker-color: #D48A51;
  fill-pattern-color: #D48A51;
  text-color: #9E673D;
  marker-size: 11px;
  marker-symbol: circlefilled;
  line-style: 1;
  line-thickness: 2px;
  fill-pattern: L1;
}

.KPIRange3 {
  color: #F5DC51;
  fill-color: #F5DC51;
  alt-color: #DBC549;
  line-color: #DBC549;
  marker-color: #DBC549;
  fill-pattern-color: #DBC549;
  text-color: #A69537;
  marker-size: 11px;
  marker-symbol: circlefilled;
  line-style: 1;
  line-thickness: 2px;
  fill-pattern: R4;
}

.KPIRange4 {
  color: #AFDA6E;
  fill-color: #AFDA6E;
  alt-color: #9ABF61;
  line-color: #9ABF61;
  marker-color: #9ABF61;
  fill-pattern-color: #9ABF61;
  text-color: #6F8A45;
  marker-size: 11px;
  marker-symbol: circlefilled;
  line-style: 1;
  line-thickness: 2px;
  fill-pattern: X1;
}

.KPIRange5 {
  color: #63C568;
  fill-color: #63C568;
  alt-color: #56AB5A;
  line-color: #56AB5A;
  marker-color: #56AB5A;
  fill-pattern-color: #56AB5A;
  text-color: #3B753E;
  marker-size: 11px;
  marker-symbol: circlefilled;
  line-style: 1;
  line-thickness: 2px;
  fill-pattern: X3;
}

.KPIOverflow {
  color: #49914D;
  fill-color: #49914D;
  alt-color: #3C783F;
  line-color: #3C783F;
  marker-color: #3C783F;
  fill-pattern-color: #3C783F;
  text-color: #214223;
  marker-size: 11px;
  marker-symbol: circlefilled;
  line-style: 1;
  line-thickness: 2px;
  fill-pattern: R2;
}

.KPIUnderflow {
  color: #CC3939;
  fill-color: #CC3939;
  alt-color: #B23232;
  line-color: #B23232;
  marker-color: #B23232;
  fill-pattern-color: #B23232;
  text-color: #7D2323;
  marker-size: 11px;
  marker-symbol: circlefilled;
  line-style: 1;
  line-thickness: 2px;
  fill-pattern: L2;
}

.Overflow {
  color: #B381f5;
  fill-color: #B381f5;
  alt-color: #A073DB;
  line-color: #A073DB;
  marker-color: #A073DB;
  fill-pattern-color: #A073DB;
  text-color: #7957A6;
  marker-size: 11px;
  marker-symbol: trianglefilled;
  line-style: 1;
  line-thickness: 2px;
  fill-pattern: R2;
}

.Underflow {
  color: #71E4DA;
  fill-color: #71E4DA;
  alt-color: #64C9C1;
  line-color: #64C9C1;
  marker-color: #64C9C1;
  fill-pattern-color: #64C9C1;
  text-color: #49948D;
  marker-size: 11px;
  marker-symbol: triangledownfilled;
  line-style: 1;
  line-thickness: 2px;
  fill-pattern: L2;
}

.Initial {
  color: #707070;
  fill-color: #707070;
  alt-color: #575757;
  line-color: #575757;
  marker-color: #575757;
  fill-pattern-color: #575757;
  text-color: #000000;
  line-style: 1;
  line-thickness: 1px;
  marker-size: 11px;
  marker-symbol: trianglerightfilled;
  fill-pattern: X4;
}

.Final {
  color: #707070;
  fill-color: #707070;
  alt-color: #575757;
  line-color: #575757;
  marker-color: #575757;
  fill-pattern-color: #575757;
  text-color: #000000;
  line-style: 1;
  line-thickness: 1px;
  marker-size: 11px;
  marker-symbol: squarefilled;
  fill-pattern: X1;
}

.Other {
  color: #898989;
  fill-color: #898989;
  alt-color: #7B7B7B;
  line-color: #7B7B7B;
  marker-color: #7B7B7B;
  fill-pattern-color: #7B7B7B;
  text-color: #3B3B3B;
  marker-size: 11px;
  marker-symbol: asterisk;
  line-style: 34;
  line-thickness: 2px;
  fill-pattern: X2;
}

.Outlier {
  color: #7E7E7E;
  fill-color: #7E7E7E;
  alt-color: #636363;
  line-color: #636363;
  marker-color: #636363;
  text-color: #2E2E2E;
  fill-gradient-start-color: #EEEEEE;
  fill-gradient-end-color: #898989;
  line-style: 1;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: circlefilled;
}

.BoxMedian {
  alt-color: #121417;
  line-color: #121417;
  text-color: #000000;
  line-style: 1;
  line-thickness: 1px;
}

.BoxMean {
  alt-color: #121417;
  marker-color: #121417;
  text-color: #000000;
  marker-size: 11px;
  marker-symbol: squarefilled;
}

.BoxWhisker {
  alt-color: #7E7E7E;
  line-color: #7E7E7E;
  text-color: #636363;
  line-style: 1;
  line-thickness: 1px;
}

.Selection {
  color: #ffffff;
  fill-color: #ffffff;
  alt-color: #000000;
  line-color: #000000;
  marker-color: #000000;
  text-color: #000000;
  line-thickness: 2px;
  line-style: 1;
  marker-size: 11px;
  marker-symbol: circlefilled;
}

.Focus {
  line-color: #000000;
  line-thickness: 1px;
  line-style: 34;
  line-transparency: 0;
  focus-background: false;
}

.FocusBackground {
  line-color: #ffffff;
  line-thickness: 5px;
  line-style: 1;
  line-transparency: 1;
}

.Missing {
  color: #D0D0D0;
  fill-color: #D0D0D0;
  alt-color: #B8B8B8;
  line-color: #B8B8B8;
  marker-color: #B8B8B8;
  fill-pattern-color: #B8B8B8;
  text-color: #828282;
  marker-size: 11px;
  marker-symbol: x;
  line-style: 35;
  line-thickness: 2px;
  fill-pattern: R5;
}

.Box {
  display-opts: standard;
  connect: mean;
  cap-style: serif;
}

.Confidence {
  color: #B9CEE5;
  fill-color: #B9CEE5;
  alt-color: #8C9CAD;
  line-color: #8C9CAD;
  marker-color: #8C9CAD;
  fill-pattern-color: #8C9CAD;
  text-color: #778594;
  line-style: 4;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: squarefilled;
  fill-pattern: E;
}

.Confidence2 {
  color: #E2C9B8;
  fill-color: #E2C9B8;
  alt-color: #AB988B;
  line-color: #AB988B;
  marker-color: #AB988B;
  fill-pattern-color: #AB988B;
  text-color: #918176;
  line-style: 8;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: trianglefilled;
  fill-pattern: E;
}

.PredictionLimits {
  color: #D1C9DC;
  fill-color: #D1C9DC;
  alt-color: #9B95A3;
  line-color: #9B95A3;
  marker-color: #9B95A3;
  fill-pattern-color: #9B95A3;
  text-color: #837E8A;
  line-style: 34;
  line-thickness: 2px;
  marker-size: 11px;
  marker-symbol: trianglefilled;
  fill-pattern: E;
}

.Error {
  color: #969696;
  fill-color: #969696;
  alt-color: #7E7E7E;
  line-color: #7E7E7E;
  marker-color: #7E7E7E;
  text-color: #474747;
  marker-size: 11px;
  marker-symbol: diamondfilled;
  line-style: 11;
  line-thickness: 2px;
}

.TwoColorRamp {
  fill-gradient-start-color: #E3F0FE;
  fill-gradient-end-color: #2487F8;
}

.TwoColorRamp1 {
  fill-gradient-start-color: #E3F0FE;
  fill-gradient-end-color: #2487F8;
}

.TwoColorRamp2 {
  fill-gradient-start-color: #FDEEE3;
  fill-gradient-end-color: #F07A26;
}

.TwoColorRamp3 {
  fill-gradient-start-color: #E5F4F1;
  fill-gradient-end-color: #3DB29D;
}

.TwoColorRamp4 {
  fill-gradient-start-color: #FCECF8;
  fill-gradient-end-color: #EB63C5;
}

.TwoColorRamp5 {
  fill-gradient-start-color: #EFF6E2;
  fill-gradient-end-color: #8DBD28;
}

.TwoColorRamp6 {
  fill-gradient-start-color: #F2EAFC;
  fill-gradient-end-color: #9353E5;
}

.TwoColorRamp7 {
  fill-gradient-start-color: #FBF5E0;
  fill-gradient-end-color: #D9AD00;
}

.TwoColorRamp8 {
  fill-gradient-start-color: #FDE9E7;
  fill-gradient-end-color: #ED5440;
}

.TwoColorRampOther {
  fill-gradient-start-color: #EEEEEE;
  fill-gradient-end-color: #898989;
}

.TwoColorAltRamp {
  fill-gradient-start-color: #B3CAE3;
  fill-gradient-end-color: #2079DE;
}

.TwoColorAltRamp1 {
  fill-gradient-start-color: #B3CAE3;
  fill-gradient-end-color: #2079DE;
}

.TwoColorAltRamp2 {
  fill-gradient-start-color: #E0C6B4;
  fill-gradient-end-color: #D66D22;
}

.TwoColorAltRamp3 {
  fill-gradient-start-color: #B9D4CE;
  fill-gradient-end-color: #349987;
}

.TwoColorAltRamp4 {
  fill-gradient-start-color: #E0C2D7;
  fill-gradient-end-color: #D157AE;
}

.TwoColorAltRamp5 {
  fill-gradient-start-color: #C9D4B3;
  fill-gradient-end-color: #7AA322;
}

.TwoColorAltRamp6 {
  fill-gradient-start-color: #CCBEDE;
  fill-gradient-end-color: #834ACC;
}

.TwoColorAltRamp7 {
  fill-gradient-start-color: #DBD2AB;
  fill-gradient-end-color: #BF9900;
}

.TwoColorAltRamp8 {
  fill-gradient-start-color: #E0BEB9;
  fill-gradient-end-color: #D44B39;
}

.TwoColorAltRampOther {
  fill-gradient-start-color: #C6C6C6;
  fill-gradient-end-color: #696969;
}

.ThreeColorRamp {
  fill-gradient-start-color: #4398F9;
  fill-gradient-neutral-color: #F4F3F4;
  fill-gradient-end-color: #F28D44;
}

.ThreeColorRamp1 {
  fill-gradient-start-color: #4398F9;
  fill-gradient-neutral-color: #F4F3F4;
  fill-gradient-end-color: #F28D44;
}

.ThreeColorRamp2 {
  fill-gradient-start-color: #54B6A4;
  fill-gradient-neutral-color: #F5F4F7;
  fill-gradient-end-color: #EC80CE;
}

.ThreeColorRamp3 {
  fill-gradient-start-color: #97C03F;
  fill-gradient-neutral-color: #F4F4F3;
  fill-gradient-end-color: #A570E8;
}

.ThreeColorRamp4 {
  fill-gradient-start-color: #DCB519;
  fill-gradient-neutral-color: #FCF3E9;
  fill-gradient-end-color: #F06F5E;
}

.ThreeColorRampKPI {
  fill-gradient-start-color: #FF4747;
  fill-gradient-neutral-color: #F5DC51;
  fill-gradient-end-color: #63C568;
}

.ThreeColorAltRamp {
  fill-gradient-start-color: #3C89E0;
  fill-gradient-neutral-color: #DBDADB;
  fill-gradient-end-color: #D97D3D;
}

.ThreeColorAltRamp1 {
  fill-gradient-start-color: #3C89E0;
  fill-gradient-neutral-color: #DBDADB;
  fill-gradient-end-color: #D97D3D;
}

.ThreeColorAltRamp2 {
  fill-gradient-start-color: #489C8C;
  fill-gradient-neutral-color: #DCDBDE;
  fill-gradient-end-color: #D473B8;
}

.ThreeColorAltRamp3 {
  fill-gradient-start-color: #82A637;
  fill-gradient-neutral-color: #DBDBDA;
  fill-gradient-end-color: #9364CF;
}

.ThreeColorAltRamp4 {
  fill-gradient-start-color: #C29F16;
  fill-gradient-neutral-color: #E3DBD2;
  fill-gradient-end-color: #D66354;
}

.ThreeColorAltRampKPI {
  fill-gradient-start-color: #E54040;
  fill-gradient-neutral-color: #DBC549;
  fill-gradient-end-color: #56AB5A;
}

.AxisLines {
  line-thickness: 1dpx;
  line-style: 1;
  line-color: #31363f;
  tick-display: OUTSIDE;
}

.Reference {
  alt-color: #31363f;
  line-color: #31363f;
  text-color: #31363f;
  marker-color: #31363f;
  line-thickness: 1dpx;
  line-style: 1;
}

.GridLines {
  line-thickness: 1dpx;
  line-style: 34;
  grid-layer: front;
  line-transparency: 0.6;
  line-color: #31363f;
}

.Outlines {
  line-thickness: 1px;
  line-style: 1;
  line-color: #ffffff;
}

.OutlinesUnfilled {
  line-thickness: 1px;
  line-style: 1;
  line-color: #7E7E7E;
}

.BorderLines {
  line-thickness: 1dpx;
  line-style: 1;
  line-color: #31363f;
}

.Fit {
  color: #749DCC;
  fill-color: #749DCC;
  alt-color: #547294;
  line-color: #547294;
  marker-color: #547294;
  fill-pattern-color: #547294;
  text-color: #455E7A;
  line-style: 1;
  line-thickness: 3px;
  marker-size: 11px;
  marker-symbol: squarefilled;
  fill-pattern: E;
}

.Fit2 {
  color: #C49372;
  fill-color: #C49372;
  alt-color: #8C6951;
  line-color: #8C6951;
  marker-color: #8C6951;
  fill-pattern-color: #8C6951;
  text-color: #735642;
  line-style: 4;
  line-thickness: 3px;
  marker-size: 11px;
  marker-symbol: trianglefilled;
  fill-pattern: E;
}

.Prediction {
  color: #A493BA;
  fill-color: #A493BA;
  alt-color: #736782;
  line-color: #736782;
  marker-color: #736782;
  text-color: #5C5369;
  line-style: 34;
  line-thickness: 3px;
  marker-size: 11px;
  marker-symbol: squarefilled;
}

.ConnectLine {
  line-thickness: 1px;
  line-style: 1;
  line-color: #7E7E7E;
}

.TitleText {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-style: normal;
  text-color: #3d424d;
  font-weight: 400;
  font-size: 13.5pt;
}

.FootnoteText {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-style: normal;
  text-color: #3d424d;
  font-weight: 400;
  font-size: 10.5pt;
}

.DataText {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-style: normal;
  text-color: #121417;
  font-weight: 400;
  font-size: 8.25pt;
}

.KeyText {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-style: normal;
  text-color: #3C89E0;
  font-weight: 400;
  font-size: 21pt;
}

.KeyOutline {
  line-thickness: 12px;
  line-color: #4398F9;
}

.LabelText {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-style: normal;
  text-color: #3d424d;
  font-weight: bold;
  font-size: 10.5pt;
}

.ValueText {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-style: normal;
  text-color: #5e6778;
  font-weight: 400;
  font-size: 9pt;
}

.KPIRangeText {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-style: normal;
  font-weight: 400;
  text-color: #121417;
  font-size: 9pt;
  alt-text-color: #B6CAE8;
}

.KPIValueText {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-style: normal;
  font-weight: 400;
  text-color: #5e6778;
  font-size: 9pt;
  alt-text-color: #6A7487;
}

.BackFill {
  fill-color: #ffffff;
  frame-border: false;
}

.WallFill {
  line-thickness: 1dpx;
  fill-color: #ffffff;
  line-style: 1;
  line-color: #31363f;
  fill-transparency: 0;
  line-transparency: 0;
  display-opts: none;
}

.LegendFill {
  fill-color: #ffffff;
  frame-border: false;
}

.InsideLegendFill {
    fill-color: #ffffff;
    frame-border: true;
    title-border: true;
}

.HeaderFill {
  fill-color: #e8eaed;
}

.Block {
  color: #ffffff;
  fill-color: #ffffff;
}

.AltBlock {
  color: #e8eaed;
  fill-color: #e8eaed;
}

.LayoutGlobalLegend {
  data-matrix-align: begin;
  data-matrix-align-to: wall;
  lattice-align: begin;
  overlay-align: begin;
  overlay-align-to: wall;
  region-align: begin;
}

.GraphSkin {
  data-skin: Custom;
  kpi-skin: Custom;
  blend-start-color: #ffffff;
  blend-start-color-factor: 0;
  blend-end-color: #ffffff;
  blend-end-color-factor: 0;
  blend-mode: normal;
  glow-thickness: 1px;
  glow-blur: 0;
  glow-color-factor: -0.9;
  glow-color: #ffffff;
}

.ZoomScrollbarThumb {
  color: #ffffff;
}

.ZoomScrollbarEndHandle {
  color: #5e6778;
  line-color: #5e6778;
}

.OverviewAxis {
  line-thickness: 1dpx;
  line-color: #31363f;
}

.OverviewAxisFilter {
  color: #f4f4f6;
  fill-color: #f4f4f6;
  transparency: 0.7;
}

.Increase {
  color: #63C568;
  fill-color: #63C568;
  alt-color: #42B248;
  line-color: #42B248;
  marker-color: #42B248;
  fill-pattern-color: #42B248;
  text-color: #42B248;
  marker-symbol: triangleupfilled;
  line-style: 1;
  line-thickness: 1px;
  fill-pattern: R2;
}

.Decrease {
  color: #FF4747;
  fill-color: #FF4747;
  alt-color: #FF1414;
  line-color: #FF1414;
  marker-color: #FF1414;
  fill-pattern-color: #FF1414;
  text-color: #FF1414;
  marker-symbol: triangledownfilled;
  line-style: 1;
  line-thickness: 1px;
  fill-pattern: L1;
}

.GraphDataNodeDefault {
  color: #EEEEEE;
  fill-color: #EEEEEE;
  alt-color: #7B7B7B;
  line-color: #7B7B7B;
  fill-pattern-color: #EEEEEE;
  text-color: #31363f;
  line-thickness: 1px;
  fill-pattern: E;
  fill-gradient-start-color: #4398F9;
  fill-gradient-neutral-color: #F4F3F4;
  fill-gradient-end-color: #F28D44;
}

.NodeTitle {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 9pt;
  font-style: normal;
  font-weight: bold;
  text-color: #31363f;
}

.NodeLabel {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 10.5pt;
  font-style: normal;
  font-weight: 400;
  text-color: #3d424d;
}

.NodeInputLabel {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 10.5pt;
  font-style: normal;
  font-weight: 400;
  text-color: #3d424d;
  contrast-enhanced-labels: true;

}

.NodeDetails {
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 7.5pt;
  font-style: normal;
  font-weight: 400;
  text-color: #31363f;
}

.NodeGroupOpen {
  line-color: #3d424d;
  text-color: #31363f;
  fill-color: #ffffff;
  transparency: 0;
  line-thickness: 1px;
}

.NodeGroupClosed {
  line-color: #3d424d;
  text-color: #31363f;
  fill-color: #ffffff;
  transparency: 0;
  line-thickness: 1px;
}

.NodeGroupTitle {
  text-color: #3d424d;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-style: normal;
  font-size: 10.5pt;
}

.NodeWindowGroupContentArea {
  fill-color: #ffffff;
  fill-transparency: 0.2;
}

.NodeKeyLabel {
  fill-color: #ffffff;
  transparency: 0;
  line-transparency: 100;
  line-color: #EEEEEE;
  line-thickness: 0;
  line-style: undefined;
  text-color: #31363f;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 400;
  font-size: 7.5pt;
}

.TipText {
  text-color: #1b1d22;
}

.TipFill {
  fill-color: #ffffff;
  transparency: 0;
}

.NodeLink {
  color: #B4B4B4;
  fill-color: #B4B4B4;
  alt-color: #939393;
  line-color: #939393;
  marker-color: #939393;
  line-style: 1;
  line-thickness: 2px;
}

.CrossoverNodeLink {
  alt-color: #939393;
  line-color: #939393;
  line-style: 2;
  line-thickness: 2px;
  line-transparency: 0;
}

.OverviewFill {
  transparency: 0;
  fill-color: #ffffff;
}

.OverviewBorderLines {
  line-thickness: 1dpx;
  transparency: 0;
  line-color: #c3c8d0;
}

.OverviewFilterFill {
  fill-color: #f4f4f6;
  transparency: 0.7;
}

.OverviewViewportBorderLines {
  line-thickness: 1dpx;
  transparency: 0;
  line-color: #0664d0;
}

.Pie {
  donut: true;
  gap: 1dpx;
  min-hole-size: 0.15;
  ring-size: 0.3;
  display-opts: standard;
}

.CalloutLine {
  line-transparency: 0.4;
  line-style: 1;
  line-thickness: 1dpx;
  line-color: #31363f;
}

.CellSeparatorLines {
  line-color: #939393;
  line-style: 1;
  line-thickness: 1dpx;
}

.DiscreteAxis {
  display-opts: tickvalues ticks line label;
  grid-display: false;
}

.LinearAxis {
  display-opts: tickvalues label;
  grid-display: true;
}

.LogAxis {
  display-opts: tickvalues label;
  grid-display: true;
}

.TimeAxis {
  display-opts: tickvalues label;
  grid-display: true;
}

.Icicle {
  gap: 1dpx;
  display-opts: standard;
}

.Mosaic {
  gap: 1dpx;
  display-opts: standard;
}

.TreeMap {
  gap: 1dpx;
  display-opts: standard;
  contrast-enhanced-labels: true;

}

.LayoutDataMatrix {
  cell-separator: true;
  matrix-border: false;
}

.LayoutLattice {
  confine-tick-values: true;
}

.LayoutDataPanel {
  confine-tick-values: true;
}

.LayoutOverlay {
  yaxis-label-position: top;
}

.ContinuousLegend {
  frame-border: false;
  title-halign: left;
  title-position: top;
  title-separator-top: true;
}

.DiscreteLegend {
  frame-border: false;
  title-halign: left;
  title-position: top;
  title-separator-top: true;
}

.SizeLegend {
  frame-border: false;
  title-halign: left;
  title-position: top;
  title-separator-top: true;
}

.DataMatrixBorderLines {
  line-thickness: 1dpx;
  line-style: 1;
  line-color: #31363f;
}

.TargetNode {
  fill-color: #E4F1FE;
  text-color: #31363f;
  line-color: #3C89E0;
  line-thickness: 1px;
  line-style: 1;
}

.HyperLink {
  text-color: #5e6778;
}

.Dropzone {
  fill-color: #1680f8;
  line-color: #0664d0;
  line-style: 1;
  line-thickness: 1px;
  transparency: 0.85;
}

.StatusBackground {
  fill-color: #ffffff;
}

.StatusError {
  text-color: #b80000;
}

.StatusWarning {
  text-color: #bc8a0b;
}

.StatusComplete {
  text-color: #328636;
}

.StatusInformation {
  text-color: #0656b2;
}

.StatusMediumPriority {
  text-color: #bc8a0b;
}

.StatusProgress {
  text-color: #0656b2;
}

.StatusClustered {
  text-color: #0656b2;
}

.StatusImportant {
  text-color: #b80000;
}

.StatusIncompleteInProgress {
  text-color: #0656b2;
}

.StatusIncomplete {
  text-color: #b80000;
}

.StatusLocked {
  text-color: #31363f;
}

.StatusNeutral {
  text-color: #31363f;
}

.StatusStopped {
  text-color: #b80000;
}

.StatusStopping {
  text-color: #b80000;
}

.StatusScheduled {
  text-color: #0656b2;
}

.IconNodeBackground {
  fill-color: #ffffff;
}

.IconNodeStart {
  text-color: #328636;
}

.IconNodeEnd {
  text-color: #b80000;
}

.IconNodeTimer {
  text-color: #0656b2;
}

.IconNodeGatewayInclusive {
  text-color: #0656b2;
}

.IconNodeGatewayExclusive {
  text-color: #0656b2;
}

.AnimatedProgressIndicator {
  text-color: #0656b2;
}

.Band {
  display-opts: standard;
}

.AnimationControlPanel {
  fill-color: #ffffff;
  line-color: #c3c8d0;
  frame-border: true;
}

.GraphSlider {
  bar-line-color-top: #7e889a;
  bar-fill-color: #ffffff;
  bar-line-color-bottom: #7e889a;
  thumb-fill-color-donut: #ffffff;
  thumb-fill-color-center: #0664d0;
  thumb-line-color: #1b1d22;
}

.GraphMenu {
  background-color: #ffffff;
  background-color-selected: #cee4fd;
  border-color: #dddfe4;
  text-color-selected: #054a99;
}

.AnnoLine {
  alt-color: #31363f;
  text-color: #5e6778;
  line-color: #31363f;
  line-style: 1;
  line-thickness: 1px;
}

.AnnoText {
  text-color: #5e6778;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-style: normal;
  font-weight: 400;
  font-size: 9pt;
}

.AnnoShape {
  color: #ffffff;
  alt-color: #c3c8d0;
  fill-color: #ffffff;
  text-color: #5e6778;
  line-color: #c3c8d0;
  line-style: 1;
  line-thickness: 1px;
  marker-color: #5e6778;
  marker-symbol: starfilled;
  marker-size: 11px;
}

.GaugeIndicator {
  line-transparency: 0.6;
  fill-color: #121417;
  line-color: #ffffff;
}

.ThinLine {
  line-thickness: 1px;
  line-style: 1;
  line-color: #285A94;
}

.Bar {
  display-opts: standard;
}

.Bubble {
  bubble-size-min: 7px;
  bubble-size-max: 28px;
  display-opts: standard;
}

.DecisionTree {
  display-opts: standard;
}

.Ellipse {
  display-opts: standard;
}

.HeatMap {
  display-opts: standard;
}

.HighLow {
  display-opts: standard;
}

.Histogram {
  display-opts: standard;
}

.LineChart {
  display-opts: standard;
}

.Sankey {
  display-opts: standard;
}

.Scatter {
  marker-size-min: 7px;
  marker-size-max: 28px;
}

.Schedule {
  display-opts: standard;
}

.Series {
  line-thickness-min: 2px;
  line-thickness-max: 8px;
  display-opts: standard;
}

.TimeSeries {
  display-opts: standard;
}

.Waterfall {
  display-opts: standard;
}

.Network {
  display-opts: standard;
  contrast-enhanced-labels: true;

}

.Basemap {
  tile-set: Light;
}

.Overplotting {
  min-marker-size-grouped: 6px;
  min-marker-size-ungrouped: 4px;
}

.KeyFrameValue {
  text-color: #3d424d;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 28pt;
  fit-width: 42%;
  font-style: normal;
  font-weight: bold;
  text-transparency: 0;
  padding: 3%;
  horizontal-alignment: right;
  vertical-alignment: bottom;
}

.OutlinesNode {
  line-color: #5e6778;
}

.OutlinesPerimeter {
  line-color: #5e6778;
  line-style: 1;
  line-thickness: 1px;
  line-transparency: 0;
}

.OverlayDataInset {
  inset-size: 60px;
  inset-aspect-ratio: 1;
  inset-size-min: 30px;
  inset-size-max: 100px;
}

.InsetPie {
  inset-size: 60px;
  inset-aspect-ratio: 1;
  inset-size-min: 30px;
  inset-size-max: 100px;
  other-slice-percent: 10;
  ring-size: 0.4;
}

.MapRegionLayer {
  display-opts: standard;
}

.GeoRouteMainPath {
  line-color: #121417;
  line-thickness: 8px;
  line-style: 1;
  line-transparency: 0;
}

.GeoRouteCenterPath {
  line-color: #ffffff;
  line-thickness: 2px;
  line-style: 1;
  line-transparency: 0;
}

.GeoRoutePathInnerPerimeter {
  line-color: #ffffff;
  line-thickness: 0;
  line-style: 1;
  line-transparency: 1;
}

.GeoRoutePathOuterPerimeter {
  line-color: #ffffff;
  line-thickness: 1px;
  line-style: 1;
  line-transparency: 0.6;
}

.GeoRoutePathSelection {
  line-color: #ffffff;
  line-thickness: 3px;
  line-style: 1;
  line-transparency: 0;
}

.GeoRoutePathHover {
  line-color: #ffffff;
  line-thickness: 3px;
  line-style: 1;
  line-transparency: 0.4;
}

.GeoRoutePathOuterPerimeterInverse {
  line-color: #000000;
  line-thickness: 1px;
  line-style: 1;
  line-transparency: 0.85;
}

.GeoRoutePathFocus {
  line-color: #000000;
  line-thickness: 1px;
  line-style: 34;
  line-transparency: 0;
}

.GeoRoutePathFocusPerimeter {
  line-color: #000000;
  line-thickness: 0;
  line-style: solid;
  line-transparency: 1;
}

.GeoRoutePoint {
  pin-style: light;
  pin-color: #121417;
}

.GeoRoutePointLabel {
  text-color: #121417;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: bold;
  font-size: 7.5pt;
  font-style: normal;
}

.GeoPin {
  pin-style: light;
  pin-color: #121417;
}

.GeoPinLabel {
  text-color: #ffffff;
  font-family: 'Anova UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: bold;
  font-size: 10.5pt;
  font-style: normal;
}

.GeoPinIcon {
  text-color: #ffffff;
  font-family: sas-icons;
  font-weight: 400;
  font-size: 12pt;
  font-style: normal;
}

.GeoSearchPin {
  pin-style: light;
  pin-color: #5e6778;
}

.GeoCentroidPoint {
  pin-style: light;
  pin-color: #121417;
}

.GeoArea {
  fill-color: #ffffff;
  fill-transparency: 0.8;
  line-color: #121417;
  line-thickness: 1px;
  line-style: 1;
  line-transparency: 0;
}

.GeoAreaOuterPerimeter {
  line-color: #ffffff;
  line-thickness: 1px;
  line-style: 1;
  line-transparency: 0.6;
}

.GeoAreaOuterHover {
  line-color: #ffffff;
  line-thickness: 3px;
  line-style: 1;
  line-transparency: 0.4;
}

.GeoAreaOuterPerimeterInverse {
  line-color: #000000;
  line-thickness: 1px;
  line-style: 1;
  line-transparency: 0.85;
}

.GeoAreaSelection {
  line-color: #121417;
  line-thickness: 2px;
  line-style: 2;
  line-transparency: 0;
}

.GeoAreaOuterSelection {
  line-color: #ffffff;
  line-thickness: 3px;
  line-style: 1;
  line-transparency: 0;
}

.GeoAreaFocus {
  line-color: #000000;
  line-thickness: 1px;
  line-style: 34;
  line-transparency: 0;
}

.GeoAreaFocusPerimeter {
  line-color: #000000;
  line-thickness: 0;
  line-style: solid;
  line-transparency: 1;
}

.GeoAreaInnerPerimeter {
  line-color: #ffffff;
  line-thickness: 0;
  line-style: 1;
  line-transparency: 1;
}

.GeoAreaInnerPerimeterThick {
  line-color: #ffffff;
  line-thickness: 0;
  line-style: 1;
  line-transparency: 1;
}

.GeoRegionEmpty {
  fill-color: #ffffff;
  fill-transparency: 0;
  fill-pattern: E;
  line-color: #D0D0D0;
  line-transparency: 0;
  line-style: 1;
  line-thickness: 2px;
}

.GeoRegionContext {
  fill-color: #ffffff;
  fill-transparency: 0;
  fill-pattern: E;
  line-color: #D0D0D0;
  line-transparency: 0;
  line-style: 1;
  line-thickness: 2px;
}

/**
 * The following are the default styles for the report. These styles are applied
 * to the report if no other styles are specified.
 */

.Report { 
  background-color: #ffffff;
  theme: light2025;
}

.TitleStyle { 
  font-size: 13.5pt;
  color: #1b1d22;
}

.PromptBar {
  background-color: #ffffff;
}

.Container {
  background-color: #ffffff;
  transparency: 1;
  border-color: #dddfe4;
  border-width: 0;
  border-top-color: #dddfe4;
  border-top-style: solid;
  border-top-width: 0;
  border-right-color: #dddfe4;
  border-right-style: solid;
  border-right-width: 0;
  border-bottom-color: #dddfe4;
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-left-color: #dddfe4;
  border-left-style: solid;
  border-left-width: 0;
}

.VisualPromptContainer {
  background-color: #ffffff;
}

.ComboBox {
  background-color: #ffffff;
  color: #1b1d22;
  font-size: 10.5pt;
}

.CheckBoxList {
  background-color: #ffffff;
  color: #1b1d22;
  font-size: 10.5pt;
}

.SliderUI5 {
  bar-line-color-top: #7e889a;
  bar-fill-color: #0664d0;
  bar-line-color-bottom: #7e889a;
  thumb-fill-color-donut: #ffffff;
  thumb-fill-color-center: #0664d0;
  thumb-line-color: #1b1d22;
  missing-checkbox-background-color-selected: #0664d0;
  missing-checkbox-border-color: #1b1d22;
  missing-checkbox-border-color-selected: #0664d0;
  missing-checkbox-background-color: #ffffff;
  missing-checkbox-color: #ffffff;
  bar-fill-color-unselected: #ffffff;
}

.ButtonBar {
  color: #1b1d22;
  background-color: #ffffff;
  font-weight: normal;
  selected-background-color: #cee4fd;
  selected-color: #054a99;
  font-size: 10.5pt;
}

.StackContainer {
  color: #1b1d22;
  background-color: #ffffff;
  font-weight: normal;
  selected-background-color: #cee4fd;
  selected-color: #054a99;
  border-color: #dddfe4;
}

.RadioButton {
  background-color: #ffffff;
  color: #1b1d22;
  font-size: 10.5pt;
}

.HyperLink {}

.HyperLinkVisited {}

.Hover {
  color: #1b1d22;
  background-color: #ffffff;
}

.Selected {
  color: #1b1d22;
  background-color: #cee4fd;
}

.ReportPagePadding {
  padding: 16px;
}

.ReportElementContainer {
  padding: 16px;
}

.TextInput {
  color: #1b1d22;
  font-size: 10.5pt;
  background-color: #ffffff;
}

.TextStyle {
  font-size: 10.5pt;
}