:root, ::before, ::after {

  --font-family-base: "Source Sans Pro", "Source Han Sans", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --transparent: rgba(255, 255, 255, 0);
  --opaque: rgba(0, 0, 0, 0);
  --box-shadow1: rgba(255, 255, 255, 0.7);
  --box-shadow2: rgba(175, 190, 206, 0.3);
  --box-shadow3: rgba(18, 18, 18, 0.05);
  --box-shadow4: rgba(0, 0, 0, 0.03);
  --box-shadow5: rgba(0, 0, 0, 0.05);
  --box-shadow6: rgba(0, 0, 0, 0.23);
  --box-shadow7: rgba(0, 0, 0, 0.25);
  --box-shadow8: rgba(0, 0, 0, 0.3);
  --box-shadow9:rgba(0,94,184,0.02);
  --box-shadow10:rgba(0, 94, 184, 0.11);
  --box-shadow11:rgba(208, 2, 27, 0.19);
  --box-shadow12:rgba(0,0,0,0.3);
  --box-shadow13:rgba(47, 49, 51, 0.5);
  --box-shadow14:rgba(18, 18, 18, 0.15);
  --box-shadow15: rgba(0, 0, 0, 0.5);
  --box-shadow16: rgba(47,49,51,0.13);
  --overlay-bg: rgba(34, 34, 34, 0.7);
  --box-shadow-black-1: (0, 0, 0, 0.1);
  --box-shadow-black-2: rgba(0, 0, 0, 0.2);
  --box-shadow-black-5: rgba(0, 0, 0, 0.5);
  --box-shadow-black-9: rgba(0, 0, 0, 0.9);
  --box-shadow-black-12: rgba(0, 0, 0, 0.12);
  --box-shadow-black-15: rgba(0, 0, 0, 0.15);
  --box-shadow-black-14: rgba(0, 0, 0, 0.14);
  --box-shadow-black-16: rgba(34, 34, 34, 0.16);
  --box-shadow-gray-300: rgba(215 ,216 ,219 ,.6);
  --box-shadow-blue-15: rgba(22, 41, 65, 0.15);
  --box-shadow-lightblue-7: rgba(74, 144, 226,.7);
  --box-shadow-white-9: rgba(255, 255, 255, 0.9);
  --box-shadow-gray-15: rgba(34, 34, 34, 0.15);
  --computed-background-black-22: rgba(0, 0, 0, 0.22);
  --computed-background-white-50: rgba(255, 255, 255, 0.50);
  --computed-background-grey-7: rgba(24, 24, 26, 0.7);
  --gray-row-bg: rgba(244, 245, 248, 0.75);
  --dark-blue-bg: rgba(0, 0, 139);
  --black-100: #333537;
  --rich-black:#000015;
  --ford-gray: #979797;
  --grey-medium: #b3b5b9;
  --gains_boro: #d9dadd;
  --blue-shadow: rgba(74, 144, 226, 0.7);
  --light-blue-magenta: #f5f5f7;
  --pale-magenta: #fef6ff;
  --solitude: #e3e7ec;
  --blue-cyan: #52b4e6;
  --grey-89: #e3e3e3;
  --smoky-grey: #efefef;
  --bright-pink: #f8d9dd;
  --dark-pink: #a3334a;
  --light-bright-pink: #f5dee3;

  --strong-blue: #186dbe;
  --oi-string-blue: #0a64ba;
  --pale-blue: #bce8f1;
  --vivid-dark-red: #eb1515;
  --dark-red: #9C0606;
  --dark-red-bg:#A30302;
  --one-red: #d70000;
  --red-light: #ec9aa4;
  --orange: #f48a3a;
  --yellow: #f6c604;
  --iron: #d7d8db;
  --azureish-white-3: #d9edf7;
  --light-grey: #c2c2c2;
  --gray-darken: #2F3133;
  --gray-light: #63666A;
  --oi-bluish-gray: #ccdff1;
  --warning-dark: #a04e0f;
  --light-pink: #fff5e2;
  --picton_blue: #52b4e6;
  --davys-grey:#565656;
  --weblight-gray:#808388;
  --cerulean-blue:#22A5DA;
  --palecerulean-blue:#a4c3e0;
  --beau-blue: #bcd0e2;
  --jet-black:#2a2b2d;
  /* Core Folder */
  --prussian-blue: #00376c;
  --cyan: #00FFFF;
  --light-border-grey:#DFDFDF;
  --light-grey-icon: #CCCCCC;
  --bright-grey: #E3E7EC;
  --light-yellow: #FEF7DA;
  --grey-thick: #7B7C7D;

  --grey-white-shade: #D3D3D3;
  --blue-lighten:     #72CBE1;
  --blue-shaded:      #005BBB;
  --night-blue:       #004485;
  --green:            #00BF6F;
  --green-light:      #7BEFB2;
  --spanish-green:    #008c51;
  --green-bright:     #00C366;
  --pink:             #DE4377;
  --grey-light:       #d7d8d8;
  --lighterblue:      #D9E7F5;
  --white-smoke:      #F2F2F2;
  --off-white:        #FCFDFE;
  --white-light:      #FFECEC;
  --white-grey:       #393c50;
  --scroll-grey:      #D8D8D8;
  --light-grey-100:   #C2C2C2;
  --shuttle-blue:     #00B7E7;
  --dark-gray:        #2E3133;
  --gray-variant:     #4A4A4A;
  --gray-shaded:      #6D7278;
  --error-red:        #E20000;
  --warning-red:      #F8D9DD;
  --gray-color:       #9e9fa0;
  --deep-sky-blue:    deepskyblue;
  --light-black:      #414042;
  --light-dark-grey:  #626669;
  --cultured_grey:    #f5f5f7;
  --anti-flash-white: #f3f3f8;
  --lotion-white:     #FCFCFC;
  --sun-yellow:       #F8E71C;
  --dark-cyan:        #008489;
  --pine-black:       #2B2826;
  --sonic-silver:     #757575;
  --honolulu-blue:    #005DB9;
  --original-blue: #0000ff;
  --azureish-white: #DBE6F1;
  --gainsboro-grey: #D7DEE7;
  --steel-blue: #337ab7;
  --celtic-blue: #1c70c0;
  --light-cobalt-blue: #87b2dd;
  --bright-navy-blue: #1a88de;
  --blizzard-blue: #aee3ef;
  --platinum: #e2e2e2;
  --timberwolf: #dad5d5;
  --american-silver: #cfcece;
  --chinese-silver: #cccdce;
  --light-silver: #d7dbd8;
  --ghost-white: #f8f9fc;
  --liberty: #595194;
  --yale-blue: #194b98;
  --cobalt: #194b98;

  --bright-grey-2:    #EEEEEE;
  --mantis-green:     #66bb6a;
  --azureish-white-2: #d9f6ea;
  --lavender-web:     #e3f0fd;
  --pigment-red:      #ED1C24;
  --black-olive:      #3D3D3D;
  --lotion-white:     #FAFAFA;
  --light-greyish-blue:#F5FBFD;
  --midnight-blue:    #044088;
  --rose-red:         #CA245C;
  --quartz:          #4A4D50;
  --desert-sand:     #E3C7B1;
  --blue-jeans:      #5AA6F2;
  --blue-shadow:       #4a90e2b3;
  --very-light-azure: #77B7F4;
  --silver:          #c0c0c0;
  --aquamarine:      #7DF4C2;
  --winter-wizard:   #9DE5F7;
  --pink-sherbet:    #F5909C;
  --banana-mania:    #F8EAB5;
  --honolulu-blue-variation: #0065b4;
  --oxford-blue: #00274d;
  --ateneo-blue: #083870;
  --teal-blue: #008caf;
  --c-black: #121212;
  --teal-blue-dark: #31708f;
  --fountain-blue: #4BB2C4;
  --red: #C90025;
  --purple: #6022A6;
  --lemon-chiffon: #FBF3CE;

  --vivid-red: #f40e0e;
  /* Eds Color palette */
  --html-css-grey: #808080;
  --ao-green: #008000;
  --eds-gehc-light-blue:        #C1DBF5;
  --eds-gehc-pr-light-blue-active: #84AFD9;
  --eds-primary-blue-hover:     #C1DBF5;
  --eds-red-100:                #FCEEF0;
  --eds-gray-600:               #B8B9BB;
  --eds-gray-1200:              #2B2D2E;
  --eds-dc-purple-500:          #595194;
  --nickel:                     #727272;
  --linen:                      #FBEFE5;

   --black: #000000;
   --monza: #c30016;
   --gray-700: #18181A;
   --gray-730: #5d5d5f;
   --gray-780: #d1d1d1;
   --gray-793: #efefef;
   --gray-800: #787878;

   --eds-dc-purple-650: #443c81;
   --white-7: rgba(255, 255, 255, .7);
   --spacer-report: 0.2rem;
   --white-2: rgba(255, 255, 255, .2);
   --spacer: 0.5rem;
   --white-25: rgba(255, 255, 255, .25);
   --spacer-clearAll: 0.7rem;
   --white-04: rgba(255, 255, 255, .04);
   --spacer-report-card: 2rem;
   --white-8: rgba(255, 255, 255, .8);
   --white-85: rgba(255, 255, 255, .85);
   --white-0: rgba(255, 255, 255, 0);
   --white-95: rgba(255, 255, 255, .95);
   --white-5: rgba(255, 255, 255, .5);

   --black-0: rgba(0, 0, 0, 0);
   --black-05: rgba(0, 0, 0, 0.05);
   --black-1: rgba(0, 0, 0, .1);
   --black-2: rgba(0, 0, 0, .2);
   --black-3: rgba(0, 0, 0, .3);
   --black-12: rgba(0, 0, 0, .12);
   --black-13: rgba(0, 0, 0, .13);
   --black-14: rgba(0, 0, 0, .14);
   --black-22: rgba(0, 0, 0, .22);
   --black-23: rgba(0, 0, 0, .23);
   --black-25: rgba(0, 0, 0, .25);
   --black-35: rgba(0, 0, 0, .35);
   --black-38: rgba(0, 0, 0, .38);
   --black-04: rgba(0, 0, 0, .04);
   --black-5: rgba(0, 0, 0, .5);
   --black-7: rgba(0, 0, 0, .7);
   --black-8: rgba(0, 0, 0, .8);
   --black-15: rgba(0, 0, 0, 0.15);
   --black-85: rgba(0, 0, 0, .85);
   --blue-cdx-0 :  rgba(0, 94, 184, 0);

   --blue-cdx-77 : rgba(0, 94, 184, .77);
   --blue-cdx-1 : rgba(0, 94, 184, .1);
   --blue-cdx-81 : rgba(0, 94, 184, .81);
   --blue-cdx-9 :  rgba(0, 94, 184, .9);
   --blue-light-9:   rgba(0, 181, 226, .9);
   --blue-light-2:   rgba(0, 181, 226, .2);
   --blue-light-8:   rgba(0, 181, 226, .8);
   --blue-light-0:   rgba(0, 181, 226, 0);
   --blue-light-34:   rgba(0, 181, 226, .34);

   --font-family-sans: "Source Sans Pro";
   --font-family-sans-serif: "GE Inspira Serif", -apple-system,  BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
   --link-font-wight: 400;
   --font-family-sans-pro: "Source Sans Pro";
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
   "Liberation Mono", "Courier New", monospace;
   --font-family-fontawesome: "Font Awesome 5 Free";
   --font-size-base: 1rem;
   --font-size-date: 0.6rem;
   --font-size-sm: 0.875rem;
   --font-size-lg: 1.125rem;
   --font-size-lg-one-header: 1.375rem;
   --font-size-xl: 1.5rem;
   --font-size-xs: 0.75rem;
   --font-size-large-mobile-title: 38px;
   --font-size-small-mobile: 15px;
   --font-size-desktop-title: 36px;
   --font-size-close-image: 2.5rem;
   --font-weight-light: 100;
   --font-weight-normal: 400;
   --font-weight-semi-bold: 600;
   --font-weight-bold: 700;
   --line-height-20: 20px;
   --line-height: 1.5;
   --line-height-notification-card: 1;
   --line-height-vulnerability-card: 1.5;
   --line-height-vulnerability-detail: 1.2em;
   --letter-spacing-none: 0;
   --eds-line-height: 24px;
   --eds-line-height-medium: 28px;
   --eds-line-height-small: 32px;
   --eds-line-height-mobile: 22px;
   --eds-breakpoint-medium: 960px;

   --h1-base-font-size: 3.25rem;
   --h1-font-size: 2.875rem;
   --h2-font-size: 2.25rem;
   --h3-font-size: 2.125rem;
   --h4-font-size: 1.5625rem;
   --h5-font-size: 1.375rem;
   --h6-font-size: 1.125rem;
   --h2-font-size-large: 2.28125rem;
   --error-font-size: 0.75rem;
   --eds-font-size-medium: 20px;
   --h-line-height: 1.2;
   --h-mb: 1.5rem;
   --p-mb: 2rem;
   --small-font-size: 80%;
   --border-radius: 2px;
   --border-width: 1px;
   --border-style: solid;
   --mark-padding: 0.2em;

   --blue-lighten-2:   rgba(114, 203, 225, .2);
   --blue-lighten-34:   rgba(114, 203, 225, .34);
   --blue-darken-0: rgba(19, 41, 75, 0);
   --blue-darken-5: rgba(19, 41, 75, 5);
   --blue-darken-9: rgba(19, 41, 75, 9);
   --blue-dark-5: rgba(0,64,128, .5);
   --egg-blue-81:  rgba(0, 191, 184, 0.81);

   --green-77: rgba(0, 191, 111, .77);
   --honolulu-blue-variation-8: rgba(0, 101, 180, 0.8);

   --iron-3:rgba(215,216,219,.3);
   --iron-89:rgba(215,216,219,.89);
   --shark-13: rgba(47, 49, 51, 0.13);
   --ateneo-blue-0: rgba(8, 56, 112, 0);
   --blue-water-0: rgba(221, 245, 249, 0);
   --blue-water-98: rgba(221, 245, 249, 98);
   --gray-200-0: rgba(236, 236, 240, 0);
   --gray-200-98: rgba(236, 236, 240, 98);
   --sonic-silver-5: rgba(118, 117, 117, 0.5);
   --scroll-grey-78: rgba(216,216,216,0.78);

   --c-black-05 : rgba(18, 18, 18, 0.05);
   --sun-yellow-05: rgb(248, 231, 28, ,0.5);
   --eds-dc-blue-750-05: rgba(22, 41, 65, 0.05);
   --eds-dc-blue-750-2: rgba(22, 41, 65, 0.2);
   --eds-dc-blue-750-15: rgba(22, 41, 65, 0.15);
   --eds-dc-blue-750-0: rgba(22, 41, 65, 0);

   --eds-dc-purple-500-0: rgba(89, 81, 148, 0);
   --eds-dc-purple-500-98: rgba(89, 81, 148, 98);

   --alert-border-radius: 2px;
   --alert-colors-primary: #cadced;
   --alert-colors-secondary: #edeeee;
   --alert-colors-success: #cfefe2;
   --alert-colors-danger: #eecfd2;
   --alert-colors-warning: #f4edd2;
   --mark-bg: #f9f5e6;
   --blue-dark-border-color: #2c8ced;
   --blue-darken10: #112543;
   --blue-darken15: #102340;
   --blue-dark-darken10: #00274d;
   --blue-dark-lighten10: #0053a6;
   --blue-light-darken10: #008caf;
   --oi-blue-500: #4388cb;
   --oi-dark-blue: #0863ba;
   --very-dark-blue: #2b2d2e;
   --very-soft-blue: #a4c7f1;
   --desktop: 1140px;
   --tablet: 768px;
   --phone: 0px;
   --tablet-landscape: 1024px;
   --max-content-width: 1188px;
   --mobile-one-header: 640px;
   --oneregister-max-content-width: 900px;
   --payment-width: 90%;
   --column-width-hide-in-mobile: 110px;
   --equipment-label-width: 40%;
   --shipping-address-header-width: 220px;
   --shipping-address-width: 180px;
   --box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
   --box-shadow-tooltip: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
   --box-shadow-report: 0 1px 3px 0 rgba(0, 0, 0, 0.01);
   --box-shadow-report-tooltip: 0 1px 3px 0 rgba(236, 236, 240, 1);
   --modal-z-index: 1002;
   --mdc-layout-grid-default-column-span: 4;
   --mdc-layout-grid-max-width: 1188px;
   --mdc-layout-grid-columns-desktop: 12;
   --mdc-layout-grid-columns-tablet: 8;
   --mdc-layout-grid-columns-phone: 4;
   --mdc-layout-grid-default-margin-desktop: 24px;
   --mdc-layout-grid-default-margin-tablet: 24px;
   --mdc-layout-grid-default-margin-phone: 16px;
   --mdc-layout-grid-default-gutter-desktop: 24px;
   --mdc-layout-grid-default-gutter-tablet: 24px;
   --mdc-layout-grid-default-gutter-phone: 16px;
   --mdc-layout-grid-column-width-desktop: 72px;
   --mdc-layout-grid-column-width-tablet: 72px;
   --mdc-layout-grid-column-width-phone: 72px;
   --module-padding-top-bottom-mobile: 35px;
   --module-padding-top-bottom-tablet: 45px;
   --module-padding-top-bottom-desktop: 45px;
   --module-padding-left-right-mobile: 20px;
   --module-padding-left-right-tablet: 45px;
   --module-padding-left-right-desktop: 20px;
   --margin-left-equipment-label: -6px;
   --module-max-width: 1140px;
   --class-name-prefix: "ge";
   --viewport-height-tablet: 450px;
   --viewport-height-phone: 390px;
   --viewport-height-desktop: 580px;
   --oi-pure-red: #ff0000;
   --oi-gray-350: #c8c8c9;
   --oi-light-cyan: #e7fcf3;
   --eds-divider-very-light-grey: #d7dee7;
   --eds-sky-blue: #72cbe1;
   --bottomBorder: #ccc;
   --light-grey-red: #cdc9c9;
   --brownish-black-85 : rgba(47, 49, 51, .85);
   --box-shadow-black-4: rgba(0, 0, 0, 0.4);
   --shark-85: rgba(47, 49, 51, 0.85);

   --white-bright: #fefefe;
   --white-cream: #d0c2c2;
   --white-pale: #f1f1f1;
   --white-grey-pale: #d4d5d9;
   --grey: #dddddd;
   --grey-cement: #888888;
   --grey-pale: #d1d3d7;
   --grey-white-pale: #f6f6f6;
   --grey-white: #dbdbdb;
   --grey-deep: #999999;
   --grey-deep-pale: #aaaaaa;
   --rose-grey: #f8d7da;
   --grey-5: rgba(236, 236, 240, 0.5);
   --black-09: rgba(0, 0, 0, 0.09);
   --black-07: rgba(0, 0, 0, 0.07);
   --blue-25: rgba(0, 123, 255, .25);
   --green-pale: #02C367;
   --red-cream: #dc3545;
   --red-dark: #D12343;
   --red-cream: rgb(220, 53, 69);
   --red-15: rgba(208, 2, 27, 0.15);
   --red-25: rgba(220, 53, 69, 0.25);
   --dark-red-25: rgba(220, 53, 69, .25);
   --blue-15: rgba(0, 94, 184, 0.15);
   --blue-25: rgba(0, 123, 255, 0.25);
   --blue-grey: #6c757d;
   --green-grey: #e4e7e7;
   --green-grey-pale: #e1e2e2;
   --yellow-15: rgba(246, 198, 4, 0.15);
   --brown-cement: #948688;
   --pink-pale: #f5c6cb;
   --green-15: rgba(0, 191, 111, 0.15);
   --leaf-green : #00804A;
   --alice-white-blue: #F3F8FD;
   --dark-harbor-gray: #1629410d;

  --snow-grey: #f9f9f9;
  --gray-85: #d9d9d9;
  --light-gray-bg: #fbfbfb;
  --search-page-magnifying-icon-color: #0870D8;
  --global-gateway-bg: #420588;
  --global-gateway-select-dropdown-bg: #13294b;
  --black-shaded-red-3 : rgba(34, 34, 34, 0.3);
  --background-darkest-teal: #DAF0F3;
  --background-light-yellow: #FEF7DD;
  --turquoise: #45B2C5;
  --bg-green: #19BB7C;
  --eds-dc-purple-1000: #120C3C;

  /** New Naming protocol **/

  /** Interaction **/
  --interaction:	#6022A6;
  --interaction-on-hover:	#411771;
  --interaction-pressed:	#222222;
  --interaction-on-dark:	#FFFFFF;
  --interaction-on-hover-on-dark: #F4F1F8;
  --interaction-pressed-on-dark: #C7C8CF;

  /** Typography **/
  --typography-brand:	#6022A6;
  --typography-primary: #222222;
  --typography-secondary:	#5B5B67;
  --typography-primary-on-dark: #FFFFFF;
  --typography-secondary-on-dark:	#C7C8CF;
  --success-typography: #2D7D3A;

  /** To be used when typography color is used in background & Keyline **/
  --bg-kl-1000:#222222;
  --bg-kl-750: #5B5B67;
  --bg-kl-500: #C7C8CF;

  /** Background **/
  --background-brand:	#6022A6;
  --background: #FFFFFF;--bg-kl-1000:#222222;
  --background-100: #FBF9FD;
  --background-250: #F4F1F8;
  --background-seconday: #E1F1E2;
  --background-light-grey: #D8D7DA;
  --background-light-grey-dark: #EAE8EB;

  /** Status **/
  --error: #A32940;
  --error-background:	#FCEDF0;
  --warning: #EDC50C;
  --success: #68B76F;

  /** Accent Backgrounds **/
  --accent-turqoise-150: #E3F4F6;
  --accent-turquoise-600: #8FD1DC;
  --accent-yellow-150: #FEF9E5;
  --accent-green-150: #DDF5EB;
  --accent-coral-150: #FDECE8;

  /** Accent Colors **/
  --accent-turqoise-1000: #45B2C5;
  --accent-yellow-1000: #F8D754;
  --accent-green-1000: #19BB7C;
  --accent-coral-1000: #F37F63;

  /** Corner Radius dimensions **/
  --corner-radius-small: 4px;
  --corner-radius-medium: 8px;
  --corner-radius-large: 16px;

  /** EDS Button Color Variables **/
   --eds-primary-button-background-color: var(--interaction);
   --eds-primary-button-text-color: var(--typography-primary-on-dark);

  /***************** duplicate variables *******************/
  --transparent-0: #ffffff00;
  --gray-685: #222222d9;
  --eds-dc-base-750-005: #F4F1F80d;
  --tabbed-poi-dot-bg: #6400A0CC;
  --gray-300: #F4F1F8;
  --blue: #6022A6;
}