:root {
	--corpReachRed: #bf0825;
	--corpReachRedDarker: #7e0519;
	--corpReachTopRed: #ee3042;
	--corpReachTopRed_RGB: rgb(238, 48, 66);
	--corpReachGreen: #00b19d;
	--corpReachOrange: #f47920;
	--reachRed: #f13c48;
	--reachOrange: #f77b35;
	--reachTeal: #00B19D;
	--reachTeal_80: #33C1B1;
	--reachTeal_60: #66D0C4;
	--reachTeal_40: #99E0D8;
	--reachTeal_20: #CCEFEB;
	--reachTeal_10: #E5F7F5;
	--reachBlue: #1A4D6D;
	--reachBlue_80: #48718A;
	--reachBlue_60: #7694A7;
	--reachBlue_40: #A3B8C5;
	--reachBlue_20: #D1DBE2;
	--reachBlue_10: #E8EDF0;
	--reachBlue_5: #F3F6F8;
	--success: #3fbf63;
	--info: #0093A5;
	--warning: #F99D1C;
	--danger: #E31E31;
	--successDarker: darkgreen;
	--infoDarker: darkblue;
	--warningDarker:#d98c23;
	--dangerDarker: var(--corpReachRedDarker);
	--successLighter: #D9F3DE;
	--infoLighter: #CCE9ED;
	--warningLighter:#FEEBD2;
	--dangerLighter: #F9D2D6;
	--generalYellow: #FFB800;
	--generalYellowLighter: #FFFBF2;
	--zebraOff: #FFFFFF;
	--zebraOn: #efefef;
	--primary: #f1f1f3;
	--secondary: #023049;
	--reachNavy: #023049;
	--reachBlack: #313131;
	--reachText: #6E6E6E;
	--reachTextDark: #000000;
	--reachTextLight: #eeeeee;
	--additional-1: #A652FA;
	--additional-2: #F47920;
	--additional-3: #DE608B;
	--mint: #1abc9c;
	--toolbarAreaHeight: 54px;
}

.reachRed_Colour { color: var(--reachRed); }
.reachRed_Bkg { background-color: var(--reachRed); }
.reachTopRed_Colour { color: var(--corpReachTopRed); }
.reachTopRed_Bkg { background-color: var(--corpReachTopRed); }
.reachLeftGreen_Colour { color: var(--corpReachGreen); }
.reachLeftGreen_Bkg { background-color: var(--corpReachGreen); }
.reachRightOrange_Colour { color: var(--reachOrange); }
.reachRightOrange_Bkg { background-color: var(--reachOrange); }
.reachPrimaryCol { color: var(--primary); }
.reachPrimaryBkg { background-color: var(--primary); }
.reachSecondaryCol { color: var(--secondary); }

.reachBlueCol { color: var(--reachBlue); }
.reachBlueCol_80 { color: var(--reachBlue_80); }
.reachBlueCol_60 { color: var(--reachBlue_60); }
.reachBlueCol_40 { color: var(--reachBlue_40); }
.reachBlueCol_20 { color: var(--reachBlue_20); }
.reachBlueCol_10 { color: var(--reachBlue_10); }
.reachTealCol { color: var(--reachTeal); }
.reachTealCol_80 { color: var(--reachTeal_80); }
.reachTealCol_60 { color: var(--reachTeal_60); }
.reachTealCol_40 { color: var(--reachTeal_40); }
.reachTealCol_20 { color: var(--reachTeal_20); }
.reachNavyCol { color: var(--reachNavy); }
.reachBlackCol { color: var(--reachBlack); }
.reachTextCol { color: var(--reachText); }

.reachBlueBkg { background-color: var(--reachBlue); color: white; }
.reachBlueBkg_80 { background-color: var(--reachBlue_80); color: white; }
.reachBlueBkg_60 { background-color: var(--reachBlue_60); color: white; }
.reachBlueBkg_40 { background-color: var(--reachBlue_40); color: var(--reachText); }
.reachBlueBkg_20 { background-color: var(--reachBlue_20); color: var(--reachText); }
.reachBlueBkg_10 { background-color: var(--reachBlue_10); color: var(--reachText); }
.reachTealBkg { background-color: var(--reachTeal); color: white; }
.reachTealBkg_80 { background-color: var(--reachTeal_80); color: white; }
.reachTealBkg_60 { background-color: var(--reachTeal_60); color: white; }
.reachTealBkg_40 { background-color: var(--reachTeal_40); color: var(--reachText); }
.reachTealBkg_20 { background-color: var(--reachTeal_20); color: var(--reachText); }
.reachNavyBkg { background-color: var(--reachNavy); color: var(--reachText); }
.reachBlackBkg { background-color: var(--reachBlack); color: var(--reachText); }
.reachTextBkg { background-color: var(--reachText); color: white; }

.successCol { color: var(--success); }
.infoCol { color: var(--info); }
.warningCol { color: var(--warning); }
.dangerCol { color: var(--danger); }
.successDarkerCol { color: var(--successDarker); }
.infoDarkerCol { color: var(--infoDarker); }
.warningDarkerCol { color: var(--warningDarker); }
.dangerDarkerCol { color: var(--dangerDarker); }
.successLighterCol { color: var(--successLighter); }
.infoLighterCol { color: var(--infoLighter); }
.warningLighterCol { color: var(--warningLighter); }
.dangerLighterCol { color: var(--dangerLighter); }
.generalYellowCol { color: var(--generalYellow); }
.reachGreenCol { color: var(--corpReachGreen); }
.mintCol { color: var(--mint); }
.additional1Col { color: var(--additional-1); }
.additional3Col { color: var(--additional-3); }

.successBkg { background-color: var(--success) !important; color: white !important; }
.infoBkg { background-color: var(--info) !important; color: white !important; }
.warningBkg { background-color: var(--warning) !important; color: white !important; }
.dangerBkg { background-color: var(--danger) !important; color: white !important; }
.successDarkerBkg { background-color: var(--successDarker) !important; color: white !important; }
.infoDarkerBkg { background-color: var(--infoDarker) !important; color: white !important; }
.warningDarkerBkg { background-color: var(--warningDarker) !important; color: white !important; }
.dangerDarkerBkg { background-color: var(--dangerDarker) !important; color: white !important; }
.successLighterBkg { background-color: var(--successLighter) !important; }
.infoLighterBkg { background-color: var(--infoLighter) !important; }
.warningLighterBkg { background-color: var(--warningLighter) !important; }
.dangerLighterBkg { background-color: var(--dangerLighter) !important; }
.generalYellowBkg { background-color: var(--generalYellow) !important; }
.reachGreenBkg { background-color: var(--corpReachGreen) !important; }
.mintBkg { background-color: var(--mint) !important; }
.additional1Bkg { background-color: var(--additional-1); color: white !important; }
.additional3Bkg { background-color: var(--additional-3); color: white !important; }

.successBkgBR6 { background-color: var(--success) !important; color: white !important; border-radius: 6px; }

.successBrd { border-color: var(--success) !important; }
.infoBrd { border-color: var(--info) !important; }
.warningBrd { border-color: var(--warning) !important; }
.dangerBrd { border-color: var(--danger) !important; }
.successDarkerBrd { border-color: var(--successDarker) !important; }
.infoDarkerBrd { border-color: var(--infoDarker) !important; }
.warningDarkerBrd { border-color: var(--warningDarker) !important; }
.dangerDarkerBrd { border-color: var(--dangerDarker) !important; }
.successLighterBrd { border-color: var(--successLighter) !important; }
.infoLighterBrd { border-color: var(--infoLighter) !important; }
.warningLighterBrd { border-color: var(--warningLighter) !important; }
.dangerLighterBrd { border-color: var(--dangerLighter) !important; }
.generalYellowBrd { border-color: var(--generalYellow) !important; }
.reachGreenBrd { border-color: var(--corpReachGreen) !important; }
.reachMintBrd { border-color: var(--mint) !important; }

.successBkgGradient { background: rgb(0,128,0); background: linear-gradient(180deg, rgba(0,128,0,1) 0%, rgba(51,51,51,1) 100%); }
.infoBkgGradient { background: rgb(0,0,205); background: linear-gradient(180deg, rgba(0,0,205,1) 0%, rgba(51,51,51,1) 100%); }
.warningBkgGradient { background: rgb(255,140,0); background: linear-gradient(180deg, rgba(255,140,0,1) 0%, rgba(51,51,51,1) 100%); }
.dangerBkgGradient { background: rgb(191,8,37); background: linear-gradient(180deg, rgba(191,8,37,1) 0%, rgba(51,51,51,1) 100%); }
.generalYellowBkgGradient { background: rgb(191,191,0); background: linear-gradient(180deg, rgba(191,191,0,1) 0%, rgba(51,51,51,1) 100%); }

h1 { font-size: 20px !important; font-weight: 700; margin: 0px; }
h2 { font-size: 17px !important; font-weight: 700; margin: 0px; }
h3 { font-size: 15px !important; font-weight: 700; margin: 0px; }
h4 { font-size: 14px !important; font-weight: 700; margin: 0px; }
h5 { font-size: 10px !important; font-weight: 500; margin: 0px; }