:root {
--shade0Dark: #24292E; --shade1Dark: #32363B; --shade2Dark: #43484E; --shadeDropListDark: #3D4247; --shadeDropListDarkBorder: #494E55
--colorGreen: #47BA23; --colorBlue22: #11b4e4; --colorLtBlue: #CCF7FF; --colorOrange: #FB8E2F;
--colorYellow: #FBF9AD; --colorRed: #DD0000; --colorDarkBlue: #02529D; 
--colorBlueLink: #1F9BDE; --colorBlueLinkOnWhiteAlt: #1E5EB0;
--colorLtBlueLink: #99DAFF; --colorBlueLinkOnWhite: #007CBF;
--colorLtBlueBG: #E8F7FF; --colorBlueListHover: #E4F7FF; --colorBluePointOver:#6AC4F7;
--colorBlueFreq: #1F9BDE; --colorBluePPos: #00579F;
--shadeLtBlue3: #EDF7FC; --colorLtYellow: #FFFDDD; --quillToolbar: #FCFCEF;
--percentileGapPink: #EECCCC; 
--scoreColorNull: #BBBBBB;
--scoreColor5: #42CA24;
--scoreColor4: #92eb52;
--scoreColor3: #FFCC00; --scoreColor3b: #FFDF00;
--scoreColor2: #FB8A2B;
--scoreColor1: #FF293E;
--elementColor: #1F9BDE;
--freqDistColor: #1F9BDE;
--scoreColorOnDark5: #4AD72B;
--scoreColorOnDark4: #9BFD00;
--scoreColorOnDark3: #F2EB1F;
--scoreColorOnDark2: #FF9103;
--scoreColorOnDark1: #FF4A4D;
--scoreColorOnDarkBlue: #1F9BDE;
--scoreColorBlue: #1F9BDE;
--scoreColorPercentPos: #00579F;

--barColorMC2: #2dccd3;
--barColorMC: #1b797e;

--shade4FactorBG: var(--shade1Dark); --shade4Factor1: var(--shade1Dark); --shade4Factor2: var(--shade2Dark);
--borderColor4Factor: var(--shade2Dark);
--borderColor4FCircle: var(--shade1Dark);
--fontColor4Factor: #F3F3F3;
--fontColor4Factor2: #EEE;
--fontColor4FactorOA: #CCC;
--factorHoverBorder: var(--colorBluePointOver);

--infoBoxPink: #FFEEEE;
--infoBoxBlue: var(--colorLtBlueBG);
--infoBoxYellow: #FFFDDD;
--infoBoxGray: #F3F4F5;
--shadeDarkest: #191D1F;
--colorGray43: #43484E; --colorGray4: #45464A; --colorGray6: #64676A; --colorGray8: #84878A;
--colorGrayB: #B5BAC0; --colorGrayC: #C5C6C9; --colorGrayD: #D8DEE5;

}

		
html { overflow-y: scroll; }

body {
	background-repeat: repeat-x; margin: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

p { margin: 5px 0px; }


font, td {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

form { margin: 0px; }

b, strong { font-weight: 600; }


.icon-green { color: var(--colorGreen); }
.icon-red { color: var(--colorRed); }

.logo img { max-height: 60px; max-width: 200px; }
.bigLogo img { max-height: 200px; max-width: 600px; }

.line-clamp1 {
	 display: -webkit-box;
	 line-clamp: 1;
	 -webkit-line-clamp: 1;
	 -webkit-box-orient: vertical;
	 overflow: hidden;
}

.line-clamp2 {
	 display: -webkit-box;
	 line-clamp: 2;
	 -webkit-line-clamp: 2;
	 -webkit-box-orient: vertical;
	 overflow: hidden;
}

.line-clamp3 {
	 display: -webkit-box;
	 line-clamp: 3;
	 -webkit-line-clamp: 3;
	 -webkit-box-orient: vertical;
	 overflow: hidden;
}


.hp:hover { cursor: pointer }



.fourFBG { position: absolute; top: 0px; left: -11px; width: 783px; height: 458px; xbackground: var(--shade4Factor1); }

.factorScoreBox {
	position: absolute;
	width: 356px; height: 185px;
	padding-left: 15px; background-color: var(--shade4Factor2);
	border-color: var(--borderColor4Factor);
	border-width: 2.5px;
	border-style: solid;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

.hoverBorderLink:hover {
	cursor: pointer;
	border-color: var(--factorHoverBorder);
}

.topLabel4F {
	position: absolute; top: 18px; display: table-cell; vertical-align: middle; padding-left: 7px; padding-right: 7px;
	font-size: 14pt; font-family: Montserrat; color: var(--fontColor4Factor); font-weight: 400; letter-spacing: normal;
}

.topIcon4F { position: absolute; top: 13px; display: table-cell; vertical-align: middle;}
.factorLabel4F { font-family: LatoLatinWebMedium, LatoWebMedium; font-size: 12pt; color: var(--fontColor4Factor2); letter-spacing: 0.5; }
.viewDetails4F { padding-top: 5px; font-family: Open Sans; color: var(--colorBluePointOver); }



.mainLeftContainer {	
	position: absolute; top: -12px; left: 7px; width: 250px; height: 482px; 
	background-color: var(--shade2Dark);
	border-bottom-left-radius: 5px;
	display: flex;
	flex-direction: column;
}

.bottomContent {
    margin-top: auto;   /* pushes this block to the bottom */
    padding-left: 15px;
    padding-top: 15px;
    text-align: left;
}



.box-menu-tab-container {
	display: table-cell;
	text-align: center; 
}

.box-menu-tab {
	padding: 5px 0px;
	padding-bottom: 8px; 
	width: 300px;
	font-family: Manrope;
	font-size: 12pt;
	font-weight: 400;
	letter-spacing: 0.4;
	color: #000;
}

.box-menu-tab-off {
	border: 1px solid transparent; border-bottom: 0px;
}

.box-menu-tab-on {
	background-color: #fff;
	border: 1px solid #bbb; border-bottom: 0px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.box-menu-tab-off-inner {
	padding: 10px;
	background-color: #CFEBFA;
	border-radius: 5px;
	color: #000;
}
.box-menu-tab-off-inner:hover {
	background-color: #D4F0FF;
	cursor: pointer;
}

.box-menu-tab-on-inner {
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	color: #000;
}

.mcCell { width: 75px; min-width: 75px; text-align: center; vertical-align: middle; font-family: Montserrat; font-size: 10pt; font-weight: 500; }
.mcBarBG { height: 24px; margin: 6px 0px; border-radius: 2px; background: #eee; }
.mcBar { height: 24px; margin: 5px 0px; border-radius: 2px; }
.slashMark { padding: 3px; font-size: 8pt; font-weight: 400; vertical-align: 1; }
.percentMark { padding-left: 1px; font-size: 8pt; font-weight: 400; vertical-align: 0; }


.tableListC1 { display: table-cell; width: 150px; padding-top: 4px }
.tableListC2 { display: table-cell; padding-top: 4px }


	font.basicX
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	}

	font.basic7V {
		font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
		font-size: 7pt;
	}

	font.basic7V {
		font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
		font-size: 7pt;
	}

	font.basic6V {
		font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
		font-size: 6pt;
	}

	font.pin {
		font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
		font-size: 6pt;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
		line-height: 12px
	}

	font.basic8V {
		font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
		font-size: 8pt;
	}

	font.basic9V {
		font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
		font-size: 9pt;
	}
	
	font.basic10V {
		font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
		font-size: 10pt;
	}	
	
	font.basic11V {
		font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
		font-size: 11pt;
	}

	font.basic7
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:7pt;
	}

		
	font.basic7per
	{
		font-family: 'LatoLatinWeb', 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:7.5pt;
		letter-spacing: 1px;
		margin-left: 1px;
		vertical-align: super;
		font-weight: 400;
		color: inherit;
	}



	font.basic8
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:8pt;
	}

	font.basic8offset1
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:8pt;
		padding-left: 15px;
		
	}


	font.basic9
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:9pt;
	}

	font.basic9b
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:9pt;
		font-weight: 600;
	}

	font.basic10b
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:10pt;
		font-weight: 600;
		color: #333;
	}

	font.basic11b
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:11pt;
		font-weight: 600;
		color: #333;
	}

	font.basic12b
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:12pt;
		font-weight: 600;
		color: #333;
	}

	font.basic13b
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:13pt;
		font-weight: 600;
	}


	font.colHeadL10 {
		font-family: 'LatoLatinWebHeavy', Arial, Helvetica, sans-serif;
		font-size: 10pt;
		letter-spacing: 1px;
		color: #55565A;
	}
	
	font.basic11L3 {
		font-family: LatoLatinWebLight,'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-size: 11pt;
		color: #000;
	}
	
	.lato3 {
		font-family: LatoLatinWebLight,'LatoLatinWeb', Times, Helvetica, sans-serif;
	}

	.lato4 {
		font-family: 'LatoLatinWeb', Times, Helvetica, sans-serif;
	}

	.lato5 {
		font-family: LatoLatinWebMedium, LatoWebMedium, LatoLatinWeb, Times, Helvetica, sans-serif;
	}

	.lato6 {
		font-family: LatoLatinWebSemibold, LatoWebSemibold, Times, Helvetica, sans-serif;
	}

	.lato7 {
		font-family: LatoLatinWebBold, LatoWebBold, LatoLatinWeb, Times, Helvetica, sans-serif;
	}

	.lato8 {
		font-family: 'LatoLatinWebHeavy', Times, Helvetica, sans-serif;
	}
	
	.lato9 {
		font-family: 'LatoLatinWebBlack', Times, Helvetica, sans-serif;
	}


	font.basic11L {
		font-family: 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-size: 11pt;
		color: #222;
		font-weight: 400;
	}

	font.basic11L5 {
		font-family: LatoLatinWebMedium, LatoWebMedium, LatoLatinWeb, Times, Helvetica, sans-serif;
		font-size: 11pt;
		color: #34353A;
	}

	font.basic11L6 {
		font-family: LatoLatinWebSemibold, LatoWebSemibold, Times, Helvetica, sans-serif;
		font-size: 11pt;
		color: #34353A;
	}

	font.basic11L7 {
		font-family: LatoLatinWebBold, LatoWebBold, LatoLatinWeb, Times, Helvetica, sans-serif;
		font-size: 11pt;
		color: #34353A;
	}

	font.basic11L8 {
		font-family: 'LatoLatinWebHeavy', Times, Helvetica, sans-serif;
		font-size: 11pt;
		color: #34353A;
	}
	
	font.basic11L9 {
		font-family: 'LatoLatinWebBlack', Times, Helvetica, sans-serif;
		font-size: 12pt;
	}


	font.basic12L3 {
		font-family: LatoLatinWebLight,'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-size: 12pt;
	}
	
	font.basic12L {
		font-family: 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-size: 12pt;
	}

	font.basic12L5 {
		font-family: LatoLatinWebMedium, LatoWebMedium, LatoLatinWeb, Times, Helvetica, sans-serif;
		font-size: 12pt;
	}

	font.basic12L6 {
		font-family: LatoLatinWebSemibold, LatoWebSemibold, Times, Helvetica, sans-serif;
		font-size: 12pt;
		color: #34353A;
	}

	font.basic12L7 {
		font-family: LatoLatinWebBold, LatoWebBold, LatoLatinWeb, Times, Helvetica, sans-serif;
		font-size: 12pt;
		color: #34353A;
	}	

	font.basic12L8 {
		font-family: LatoLatinWebHeavy, LatoWebBold, LatoLatinWeb, Times, Helvetica, sans-serif;
		font-size: 12pt;
		color: #34353A;
	}	


	font.basic13L3 {
		font-family: LatoLatinWebLight,'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-size: 13pt;
		color: #000;
	}
	
	font.basic13L {
		font-family: 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-size: 13pt;
		color: #222;
		font-weight: 400;
	}

	font.basic13L5 {
		font-family: LatoLatinWebMedium, LatoWebMedium, LatoLatinWeb, Times, Helvetica, sans-serif;
		font-size: 13pt;
		color: #34353A;
	}

	font.basic13L6 {
		font-family: LatoLatinWebSemibold, LatoWebSemibold, Times, Helvetica, sans-serif;
		font-size: 13pt;
		color: #34353A;
	}

	font.basic13L7 {
		font-family: LatoLatinWebBold, LatoWebBold, LatoLatinWeb, Times, Helvetica, sans-serif;
		font-size: 13pt;
		color: #34353A;
	}


	font.M3 {
		font-family: Manrope, 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-weight: 300;
	}

	font.M4 {
		font-family: Manrope, 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-weight: 400;
	}

	font.M5 {
		font-family: Manrope, 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-weight: 500;
	}

	font.M6 {
		font-family: Manrope, 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-weight: 600;
	}

	font.M7 {
		font-family: Manrope, 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-weight: 700;
	}

	font.M8 {
		font-family: Manrope, 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-weight: 800;
	}

	font.M9 {
		font-family: Manrope, 'LatoLatinWeb', Times, Helvetica, sans-serif;
		font-weight: 900;
	}

	font.L8 {
		font-size: 8pt;
	}
	font.L85 {
		font-size: 8.5pt;
	}
	font.L9 {
		font-size: 9pt;
	}
	font.L95 {
		font-size: 9.5pt;
	}
	font.L10 {
		font-size: 10pt;
	}
	font.L105 {
		font-size: 10.5pt;
	}
	font.L115 {
		font-size: 11.5pt;
	}
	font.L12 {
		font-size: 12pt;
	}
	font.L125 {
		font-size: 12.5pt;
	}
	font.L13 {
		font-size: 13pt;
	}
	font.L135 {
		font-size: 13.5pt;
	}
	font.L14 {
		font-size: 14pt;
	}
	font.L15 {
		font-size: 15pt;
	}
	font.L16 {
		font-size: 16pt;
	}

	.L8 {
		font-size: 8pt;
	}
	.L85 {
		font-size: 8.5pt;
	}
	.L9 {
		font-size: 9pt;
	}
	.L95 {
		font-size: 9.5pt;
	}
	.L10 {
		font-size: 10pt;
	}
	.L105 {
		font-size: 10.5pt;
	}
	.L11 {
		font-size: 11pt;
	}
	.L115 {
		font-size: 11.5pt;
	}
	.L12 {
		font-size: 12pt;
	}
	.L125 {
		font-size: 12.5pt;
	}
	.L13 {
		font-size: 13pt;
	}
	.L135 {
		font-size: 13.5pt;
	}
	.L14 {
		font-size: 14pt;
	}
	.L15 {
		font-size: 15pt;
	}
	.L16 {
		font-size: 16pt;
	}


	.spinnerLabel {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:13pt;
		font-weight: 600;
	}

	
	font.colHead8
	{
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		letter-spacing: 2px;
		font-stretch: condensed;
		font-size:8pt;
	}	
	

	font.colHeadLtX
	{
		font-family: Verdana,Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		font-stretch: condensed;
		font-size:5pt;
		color: #777;
	}	




	.labelM
	{
		font-family: LatoLatinWebBold, Montserrat, Verdana, Arial, Helvetica, sans-serif;
		font-size: 7pt;
		letter-spacing: 0.5;
		color: #222;
		font-weight: 600;
		padding: 1px 2px;
	}	

	font.dataKey
	{
		font-family: Montserrat, Verdana,Arial, Helvetica, sans-serif;
		font-size: 9pt;
		letter-spacing: 1;
		color: #45464A;
		font-weight: 600;
	}
	

	font.label13
	{
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		letter-spacing: 2px;
		font-stretch: condensed;
		font-size:16pt;
	}	


	font.labelLarge
	{
		font-family: 'Open Sans', Arial Narrow, Arial, Helvetica, sans-serif;
		letter-spacing: 2px;
		font-size:18pt;
		font-weight: 300;
	}	

	.optionSelected {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: 500;
		color: #CFCFCF;
	}

	font.basic10 {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:10pt;
		color: #333;
	}
	
	.basic10 {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:10pt;
	}

	font.basic105
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:10.5pt;
		color: #333;
	}
	
	.basic11 {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:11pt;
		font-weight: 400;
	}

	font.basic11 {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:11pt;
		font-weight: 400;
		color: #333;
	}

	font.basic12
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:12pt;
		font-weight: 400;
		color: #333;
	}
	
	font.basic13
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: 400;
		color: #333;
	}



	font.basic14
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight: 400;
		color: #333;
	}

	font.basic15
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:15pt;
	}
	
	font.basic16
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:16pt;
	}
	
	font.basic17
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:17pt;
	}


	font.taskInfoTitle {
		font-family: Montserrat;'Open Sans', Arial, Helvetica;
		font-size: 14pt;
		color: #F4F5F6;
	}

	font.taskTitleBold {
		font-family: Montserrat;'Open Sans', Arial, Helvetica;
		font-size: 14pt;
		font-weight: 600;
		color: #F4F5F6;
	}

	.basic10h {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:10pt; font-weight: 400;
	}

	.basic11h {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:14px; font-weight: 400;
	}


	.basic12h {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:16px; font-weight: 400;
	}

	.basic13h {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:18px; font-weight: 400;
	}

	.basic14h {
		font-family: Montserrat, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:20px; font-weight: 400;
	}
	
	.basic15h {
		font-family: Montserrat, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:15pt; font-weight: 400;
	}

	.basic16h {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:16pt;
	}

	.basic10h500 {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:10pt; font-weight: 500;
	}

	.basic11h500 {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:14px; font-weight: 500;
	}


	.basic12h500 {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:16px; font-weight: 500;
	}

	.basic13h500 {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:18px; font-weight: 500;
	}

	.basic14h500 {
		font-family: Montserrat, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:20px; font-weight: 500;
	}
	
	.basic15h500 {
		font-family: Montserrat, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:15pt; font-weight: 500;
	}

	.basic16h500 {
		font-family: Montserrat, Bitter, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:16pt; font-weight: 500;
	}


	.panelHeader {
		font-family: Montserrat, 'LatoLatinWebHeavy', Times, Helvetica, sans-serif;
		font-size: 16pt;
		font-weight: 500;
	}
	
	.panelHeader15 {
		font-family: Montserrat, 'LatoLatinWebHeavy', Times, Helvetica, sans-serif;
		font-size: 15pt;
		color: #44454A;
		font-weight: 600;
	}

	.panelSubHeader {
		font-family: Montserrat, 'LatoLatinWebHeavy', Times, Helvetica, sans-serif;
		font-size: 11.5pt;
		font-weight: 400;
		padding-top: 3px;
	}

	.pageTitle {
		font-family: Manrope, 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 16pt;
		font-weight: 500;
	}

	font.factorScore2
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 16pt;
		font-weight: 400;
		color: #FFF;
	}


	.expandIcon
	{
		font-family: 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12pt;
	}


.factorScore
{
	font-family: 'Roboto Condensed', 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:20pt;
	font-weight: 400;
}


.factorPerBig
{
	font-family: 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:20pt;
	font-weight: 300;
	vertical-align: super;
	color: inherit;
}

.factorScoreBig
{
	font-family: 'Roboto Condensed', 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:44pt;
	font-weight: 400;
}
	
.factorScoreBigBig
{
	font-family: 'Roboto Condensed', 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:50pt;
	font-weight: 400;
	line-height: 100%
}

font.factorPerMed
{
	font-family: 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:16pt;
	font-weight: 300;
	vertical-align: text-top;
	color: inherit;
}

font.factorScoreMed
{
	font-family: 'Roboto Condensed', 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:32pt;
	font-weight: 400;
}

.factorScoreSWOT {
	font-family: 'Roboto Condensed', 'Open Sans', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 19pt;
	font-weight: 400;
}
	
font.menu9
{
	font-family: 'Lato', 'LatoLatinWeb', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	letter-spacing: 1px;
}


font.menu10
{
	font-family: 'Lato', 'LatoLatinWeb', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:11pt;
	letter-spacing: 1px;
}

font.menu10_5
{
	font-family: 'Lato', 'LatoLatinWeb', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	letter-spacing: 0.8px;
}

font.menu11
{
	font-family: 'Lato', 'LatoLatinWeb', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:12pt;
	letter-spacing: 1px;
}


font.basicXB
{
	font-family: inherit;
	font-size: inherit;
	font-weight: 600;
}		
	

font.basic12T
{
	font-family: 'Lato', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:12pt;
	color: #444;
}

	
font.basic13title
{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight: bold;
		
}


font.compact {
	font-family: 'Open Sans', arial,helvetica,sans-serif;
	font-size:8pt;
	color: #000000;
}


font.emailWarning {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #<%=scoreColor1%>;
}

.emoji {
	font-size: 21px;
	vertical-align: bottom;
	margin: 0px 2px;
}


.tagX {
	border-radius: 20px;
	padding: 1px 10px;
	padding-top: 3px;
	margin: 1px 2px;
	font-family: LatoLatinWebMedium, LatoWebMedium, LatoLatinWeb, Times, Helvetica, sans-serif;
	font-size: 10.5pt;
	font-weight: 500;
	white-space: nowrap;
}

.tag {
	border-radius: 20px;
	padding: 1px 10px;
	margin: 1px 2px;
	font-family: Manrope, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	white-space: nowrap;
}


.tagOn {
	border-radius: 20px;
	border: 1px solid #FFF;
	padding: 3px 10px;
	padding-top: 5px;
	font-family: LatoLatinWebMedium, LatoWebMedium, LatoLatinWeb, Times, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer;

}

.tagOff {
	border-radius: 20px;
	border: 1px solid #222;
	padding: 3px 10px;
	padding-top: 5px;
	font-family: LatoLatinWebMedium, LatoWebMedium, LatoLatinWeb, Times, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	white-space: nowrap;

	cursor: pointer; 
	background-color: #FFF; 
	color: #55565A;

}

.tagOff:hover {
	background-color: #F3FDFF;
}



.sentimentEdit {
	margin-left: 2px;
	vertical-align: 4px;
	font-size: 10px;
	color: #BBB;
}

.sentimentEdit:hover {
	color: #444;
	cursor: pointer;
}


.aspectEdit {
	position: absolute;
	top: 4px;
	font-size: 10px;
	color: #999;
	display: none;
}

.aspectEdit:hover {
	color: #444;
}

.aspectTag {
	position: relative;
	font-family: Manrope, Helvetica, sans-serif;
	font-size: 10pt;
	color: #00579F;
	font-weight: 500;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 2px;
	border-radius: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	white-space: nowrap;
}

.aspectTag:hover {
	cursor: pointer;
}

.aspectTagOn {
	background-color: #ffeedd;
}

.logProb {
	font-weight: 500;
	font-size: 8.5pt;
	color: #666;
}




.taskFrame {
	border-radius: 4px;
	padding: 4px;
	margin-top: 4px;
}

.taskFrame:hover {
	cursor: pointer;
}


div.divToEdit {
}

div.divToEdit {
	background-color: transparent;
	border: 2px solid transparent;
}

div.divToEdit:hover {
	background-color: #F1F8FF;
	border: 2px solid #1F9BDE;
	cursor: pointer;
}


.divToEditIcon {
	position: absolute; left: -65px; width: 65px; top: 5px; text-align: center;
}
.divToEditIconToggle {
	position: absolute; left: -75px; width: 75px; top: -1px; text-align: center;
}

div.hairlineBoxMenu { padding-left: 5px; padding-top: 4px }
div.hairlineBoxMenuItem { padding-top: 12px }

div.tutorialBox {
	padding: 10px 10px; 
	background-color: #C4F6FF; 
	border: 2px solid #505358; 
	border-radius: 12px;
}

table.box
{
	border-width: 2px;
	border-spacing: ;
	border-style: solid;
	border-color: #505050;
	border-collapse: separate;
}

table.box2
{
	border-left-width: 2px;
	border-right-width: 2px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #505050;
	border-collapse: separate;
}


table.boxScale
{
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #505050;
	border-collapse: separate;
}


tr.underlineMedium td {
	border-bottom: 2px solid #64666A;
	padding-bottom 8px;
}
	
div.chartHeaderRow, tr.chartHeaderRow td {
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 2px solid #666;
}

tr.chartFooterRow td {
	padding: 0px;
}

tr.chartSpacerRow td {
	padding: 0px;
		border-width: 0px;
		border-top: 1px;
		border-style: solid;
		border-color: #BBB;
}


td.chartHeaderRowTL {
	padding-left: 5px;
}

td.chartHeaderRowTR {
}

td.itemRowItem {
	width: 100%;
	padding-left: 3px;
	vertical-align: middle;
	height: 68px;
	min-height: 68px;
	
}


.itemRowN { position: absolute; top: -9px; left: -10px; width: 60px; height: 28px; text-align: center; }
.itemRowNLabel { position: absolute; top: 14px; left: -10px; width: 60px; text-align: center; }


td.BorderTopBottom { 
	border-bottom: 2px solid #505050;
}

table.boxLight
{
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #CCCCCC;
	border-collapse: separate;
}

td.tdChartCell {
	padding-left: 20px;
	padding-right: 10px;
}

td.tdChartCell, tr.chartCell td, tr.chartCellHidden td, tr.hiddenRowTeam1 td, tr.hiddenRowTeam2 td, tr.hiddenRowGap1 td, tr.hiddenRowGap2 td
{
	border-width: 0px;
	border-bottom: 1px solid #E4E5E6;
	border-style: solid;
}

td.chartCellDetail {
    border-width: 0px;
    border-bottom: 1px solid #CACBCC;
    border-style: solid;
    height: 38px;
    text-align: center;
}    

   
	td.tdChartCellFirstColumn
	{
		border-width: 0px;
		border-top: 1px solid #BBB;
		border-style: solid;
	}

	td.tdChartCellFirstColumnLastRow
	{
		border-width: 0px;
		border-top: 1px solid #BBB;
		border-style: solid;
	}

	td.tdChartCellLastColumn
	{
		border-width: 0px;
		border-top: 1px solid #BBB;
		border-style: solid;
	}

	td.tdChartCellLastColumnLastRow
	{
		border-width: 0px;
		border-top: 1px solid #BBB;
		border-style: solid;
	}

	
	
	td.tdChartCell2
	{
		border-width: 0px;
		border-top: 1px;
		border-right: 1px;
		border-style: solid;
		border-color: #BBB;
	}


	td.tdChartItem
	{
		border-width: 0px;
		border-top: 1px solid #BBB;
		border-left: 1px solid #BBB;
		border-right: 1px solid #BBB;
		border-style: solid;
	}

	td.tdChartItemLeft
	{
		border-width: 0px;
		border-top: 1px solid #BBB;
		border-left: 1px solid #BBB;
		border-style: solid;
	}

	td.tdChartItemRight
	{
		border-width: 0px;
		border-top: 1px solid #BBB;
		border-right: 1px solid #BBB;
		border-style: solid;
	}


	td.tdChartItem1
	{
		border-width: 0px;
		border-top: 1px;
		border-bottom: 1px;
		border-left: 1px;
		border-right: 1px;
		border-style: solid;
		border-color: #BBB;
	}




	td.tdHeader
	{
		border-width: 0px;
		border-bottom: 1px;
		border-style: solid;
		border-color: #505050;
	}

	td.tdInit
	{
		border-width: 1px;
		border-style: solid;
		border-color: #FFFFFF;
		padding-right: 5px;
		padding-left: 5px;
		background-color:#FFFFFF;
	}
	
	td.tdInit2
	{
		border-width: 0px;
		border-style: solid;
		border-color: #FFFFFF;
		padding-right: 5px;
		padding-left: 5px;
		background-repeat: repeat-x;
	}

	td.tdListUnderline
	{
		border-width: 0px;
		border-bottom: 1px;
		border-style: solid;
		border-color: #CCCCCC;
	}

	td.tdListUnderlineBlack
	{
		border-width: 0px;
		border-bottom: 1px;
		border-style: solid;
		border-color: #000000;
	}

	td.tdListOverline2
	{
		border-width: 0px;
		border-top: 1px;
		border-style: solid;
		border-color: #CCCCCC;
		padding-top: 12px;
	}


	td.tdListOverline
	{
		border-width: 0px;
		border-top: 1px;
		border-style: solid;
		border-color: #505050;
	}	
	
	



	tr.trListUnderline td
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:11pt;
		font-weight: 400;
		border-width: 0px;
		border-bottom: 1px;
		border-style: solid;
		border-color: #CDCECF;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	tr.trListUnderlineBlack td, thead.trListUnderlineBlack th
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:11pt;
		font-weight: 600;
		border-width: 0px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 2px solid #666;
	}

	tr.trListUnderlineD td
	{
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:11pt;
		font-weight: 400;
		border-width: 0px;
		border-bottom: 1px;
		border-style: solid;
		border-color: #DDDEDF;
		padding-top: 3px;
		padding-bottom: 3px;
	}


div.listLink {
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight: 400;
}

td.checkTD {
	width: 17px;
	padding-top: 5px;
	padding-right: 5px;
}

td.taskTD {
	padding-bottom: 12px;
}


	A.linkBluePlain:link    { text-decoration: none; color:#5BB4EB; }
	A.linkBluePlain:visited { text-decoration: none; color:#5BB4EB; }
	A.linkBluePlain:active  { text-decoration: none; color:#5BB4EB; }
	A.linkBluePlain:hover { text-decoration: none; color:#5BB4EB; }

	A.linkDDD:link    { text-decoration: none; color:#DDD; }
	A.linkDDD:visited { text-decoration: none; color:#DDD; }
	A.linkDDD:active  { text-decoration: none; color:#DDD; }
	A.linkDDD:hover { text-decoration: none; color:#DDD; }

	A.basic:link    { text-decoration: underline; color:#1E5EB0; }
	A.basic:visited { text-decoration: underline; color:#1E5EB0; }
	A.basic:active  { text-decoration:underline; color:#1E5EB0; }
	A.basic:hover { text-decoration: underline; color:#FF0000; }
	

	.blueHover         { text-decoration: none; color:var(--colorBlueLinkOnWhite); cursor: pointer; }
	.blueHover:link    { text-decoration: none; color:var(--colorBlueLinkOnWhite); }
	.blueHover:visited { text-decoration: none; color:var(--colorBlueLinkOnWhite); }
	.blueHover:active  { text-decoration: none; color:var(--colorBlueLinkOnWhite); }
	.blueHover:hover { text-decoration: underline; color:var(--colorBlueLinkOnWhite); }
	
	.blueUL         { text-decoration: underline; color:var(--colorBlueLinkOnWhite); cursor: pointer; }
	.blueUL:link    { text-decoration: underline; color:var(--colorBlueLinkOnWhite); }
	.blueUL:visited { text-decoration: underline; color:var(--colorBlueLinkOnWhite); }
	.blueUL:active  { text-decoration: underline; color:var(--colorBlueLinkOnWhite); }
	.blueUL:hover   { text-decoration: underline; color:var(--colorBlueLinkOnWhite); }
	
	
	A.bluePlain:link    { text-decoration: none; color:#006BBD; }
	A.bluePlain:visited { text-decoration: none; color:#006BBD; }
	A.bluePlain:active  { text-decoration: none; color:#006BBD; }
	A.bluePlain:hover { text-decoration: none; color:#006BBD; }
	
	
	.topTab:link    { text-decoration: none; color:#FFF; }
	.topTab:visited { text-decoration: none; color:#FFF; }
	.topTab:active  { text-decoration:none; color:#FFF; }
	.topTab:hover { text-decoration: none; color:#FFFF77; }
	
	A.topTab:link    { text-decoration: none; color:#FFF; }
	A.topTab:visited { text-decoration: none; color:#FFF; }
	A.topTab:active  { text-decoration:none; color:#FFF; }
	A.topTab:hover { text-decoration: none; color:#FFFF77; }

	
	.plainTop: { color:var(--colorBlueLinkOnWhiteAlt); }
	.plainTop:link    { text-decoration: none; color:var(--colorBlueLinkOnWhiteAlt); }
	.plainTop:visited { text-decoration: none; color:var(--colorBlueLinkOnWhiteAlt); }
	.plainTop:active  { text-decoration:none; color:var(--colorBlueLinkOnWhiteAlt); }
	.plainTop:hover { text-decoration: underline; color:var(--colorBlueLinkOnWhiteAlt); }
	
	
	.plain         { text-decoration: none; color:#434445; cursor: pointer; }
	.plain:link    { text-decoration: none; color:#444; }
	.plain:visited { text-decoration: none; color:#444; }
	.plain:active  { text-decoration:none; color:#444; }
	.plain:hover   { text-decoration: none; color:#444; }

	A.plainBlueOver:link    { text-decoration: none; color:#222; }
	A.plainBlueOver:visited { text-decoration: none; color:#222; }
	A.plainBlueOver:active  { text-decoration:none; color:#222; }
	A.plainBlueOver:hover { text-decoration: none; color:var(--colorBlueLinkOnWhite); }
	.plainBlueOver span { color:var(--colorBlueLinkOnWhite); }

	A.plainBlue:link    { text-decoration: none; color: var(--colorLtBlueLink); }
	A.plainBlue:visited { text-decoration: none; color: var(--colorLtBlueLink); }
	A.plainBlue:active  { text-decoration:none; color: var(--colorLtBlueLink); }
	A.plainBlue:hover { text-decoration: none; color: var(--colorLtBlueLink); }

	A.plainBlueUL:link    { text-decoration: underline; color: var(--colorLtBlueLink); }
	A.plainBlueUL:visited { text-decoration: underline; color: var(--colorLtBlueLink); }
	A.plainBlueUL:active  { text-decoration:underline; color: var(--colorLtBlueLink); }
	A.plainBlueUL:hover { text-decoration: underline; color: var(--colorLtBlueLink); }


	A.iconLinkC:link    { text-decoration: none; color:#CCC; }
	A.iconLinkC:visited { text-decoration: none; color:#CCC; }
	A.iconLinkC:active  { text-decoration:none; color:#CCC; }
	A.iconLinkC:hover { text-decoration: none; color:#83B6E1; }
	
	.iconLinkChat { text-decoration: none; color:#AAABAD; font-size: 12px; }
	.iconLinkChat:hover { text-decoration: none; color:#83B6E1; cursor: pointer; }

	.iconLink { text-decoration: none; color:#AAABAD; }
	.iconLink:hover { text-decoration: none; color:#1F9BDE; cursor: pointer }
	A.iconLink:link    { text-decoration: none; color:#AAABAD; }
	A.iconLink:visited { text-decoration: none; color:#AAABAD; }
	A.iconLink:active  { text-decoration:none; color:#AAABAD; }
	A.iconLink:hover { text-decoration: none; color:#1F9BDE; }
	
	A.iconLink14:link    { text-decoration: none; color:#AAABAD; }
	A.iconLink14:visited { text-decoration: none; color:#AAABAD; }
	A.iconLink14:active  { text-decoration:none; color:#AAABAD; }
	A.iconLink14:hover { text-decoration: none; color:#1F9BDE; }

	A.iconRedH:link    { text-decoration: none; color:#45565A; }
	A.iconRedH:visited { text-decoration: none; color:#45565A; }
	A.iconRedH:active  { text-decoration:none; color:#45565A; }
	A.iconRedH:hover { text-decoration: none; color:#F91843; }


	.iconLink14 { color:#AAABAD; font-size: 14px; }
	.iconLink14:hover { color:#1F9BDE; }

	.iconLink, .iconLinkOn, .iconLinkC { font-size: 16px; padding-left: 3px; padding-right: 3px; }

	.iconLinkDark         { text-decoration: none; color:#565D67; cursor: pointer; }
	.iconLinkDark:link    { text-decoration: none; color:#565D67; }
	.iconLinkDark:visited { text-decoration: none; color:#565D67; }
	.iconLinkDark:active  { text-decoration:none; color:#565D67; }
	.iconLinkDark:hover { text-decoration: none; color:#008EDB; }

	A.iconLinkDark2b:link    { text-decoration: none; color:#45464A; }
	A.iconLinkDark2b:visited { text-decoration: none; color:#45464A; }
	A.iconLinkDark2b:active  { text-decoration:none; color:#45464A; }
	A.iconLinkDark2b:hover { text-decoration: none; color:#008EDB; }
	
	.iconLink888 { text-decoration: none; color:#878889; }
	.iconLink888:hover { text-decoration: none; color:var(--colorBlueLinkOnWhite); cursor: pointer }
	A.iconLink888:link    { text-decoration: none; color:#878889; }
	A.iconLink888:visited { text-decoration: none; color:#878889; }
	A.iconLink888:active  { text-decoration:none; color:#878889; }
	A.iconLink888:hover { text-decoration: none; color:#008EDB; }
	

.dataKey2F {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration: none;
	color:#D8DEE5;
	}

	A.dataKey2F:active  { text-decoration:none; color:#6AC4F7; }
	A.dataKey2F:hover { text-decoration: none; color:#6AC4F7; }


	font.dataKey2FCat {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size:12pt;
		text-decoration: none;
		color:#D8DEE5;
	}

	A.hover444:link    { text-decoration: none; color:#444; }
	A.hover444:visited { text-decoration: none; color:#444; }
	A.hover444:active  { text-decoration:none; color:#444; }
	A.hover444:hover { text-decoration: underline; color:#5BB4EB; }
	
	A.plain444:link    { text-decoration: none; color:#444; }
	A.plain444:visited { text-decoration: none; color:#444; }
	A.plain444:active  { text-decoration:none; color:#444; }
	A.plain444:hover { text-decoration: none; color:#5BB4EB; }

	A.plainHover:link    { text-decoration: none; color:#000000; }
	A.plainHover:visited { text-decoration: none; color:#000000; }
	A.plainHover:active  { text-decoration:none; color:#000000; }
	A.plainHover:hover { text-decoration: underline; color:#1E5EB0; }

	A.bcHover:link    { text-decoration: none; font-weight: normal; color:#5BB4EB; }
	A.bcHover:visited { text-decoration: none; font-weight: normal; color:#5BB4EB; }
	A.bcHover:active  { text-decoration:underline; font-weight: normal; color:#5BB4EB; }
	A.bcHover:hover { text-decoration: underline; font-weight: normal; color:#5BB4EB; }

	A.bc:link    { text-decoration: underline; font-weight: normal; color:#1E5EB0; }
	A.bc:visited { text-decoration: underline; font-weight: normal; color:#1E5EB0; }
	A.bc:active  { text-decoration:underline; font-weight: normal; color:#E88F0B; }
	A.bc:hover { text-decoration: underline; font-weight: normal; color:#E88F0B; }
	
	A.bcRed:link    { text-decoration: none; font-weight: normal; color:#CC0000; }
	A.bcRed:visited { text-decoration: none; font-weight: normal; color:#CC0000; }
	A.bcRed:active  { text-decoration:none; font-weight: normal; color:#CC0000; }
	A.bcRed:hover { text-decoration: underline; font-weight: normal; color:#CC0000; }
	
	A.bcGreen:link    { text-decoration: none; font-weight: normal; color:#009900; }
	A.bcGreen:visited { text-decoration: none; font-weight: normal; color:#009900; }
	A.bcGreen:active  { text-decoration:none; font-weight: normal; color:#009900; }
	A.bcGreen:hover { text-decoration: underline; font-weight: normal; color:#009900; }
	
	A.bc2:link    { text-decoration: none; font-weight: normal; color:#1E5EB0; }
	A.bc2:visited { text-decoration: none; font-weight: normal; color:#1E5EB0; }
	A.bc2:active  { text-decoration:none; font-weight: normal; color:#E88F0B; }
	A.bc2:hover { text-decoration: underline; font-weight: normal; color:#E88F0B; }




LI.selectX {
list-style-type: none;
margin: 0px;
padding: 3px 0px;
padding-left: 6px;
font-family: Montserrat, 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: 600;
}

LI.select {
list-style-type: none;
margin: 0px;
padding: 0px;
padding-left: 15px;
padding-bottom: 3px;
padding-top: 3px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
}

LI.selected {
list-style-type: none;
margin: 0px;
padding: 0px;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 15px;
background-color: var(--colorBlueListHover);
}

.selected:hover { cursor: pointer; }

ul.commentList li {
	margin-left: -10pt;
	margin-bottom: 3pt;
	list-style-type: disc;
	font-size: 12pt;
	font-family: 'Open Sans', Arial;
	margin-right: 15px;
}

	#xlist1 LI {
		margin-left: -15pt;
		margin-bottom: 3pt;
		list-style-type: square;
	}	
	
	#list2 LI {
		margin-left: -25pt;
		margin-bottom: 4pt;
		list-style-type: none;
	}	


	UL.comments {
		list-style: circle;
		padding: 0px;
		margin-top: 8px;
		margin-left: 35px;
		margin-bottom: 6px;
	}
	
	UL.comments LI {
		list-style: circle;
		margin-bottom: 8px;
	}
		
	UL.condensed {
	list-style: circle;
	margin-top: 2;
	margin-bottom: 3;
	margin-left: 8;
	padding-left: 1.2em;

	}

	OL.condensed {
	margin-top: 4;
	margin-bottom: 3;
	margin-left: 8;
	padding-left: 1.2em;

	}


	LI.condensed {
		margin-bottom: 2pt;
	}	
	
	
	OL.basic3 {
		padding: 0px;
		margin-top: 6px;
		margin-left: 35px;
		margin-bottom: 0px;
	}
	
	OL.basic3 LI {
		margin-bottom: 3px;
	}





UL.check, UL.checkGreen, UL.checkOrange, UL.xRed, UL.chev, UL.arrowCircle, UL.L2 {
    list-style: none;
		padding: 0px;
		margin-top: 0px;
		margin-left: 18px;
		margin-bottom: 6px;
		text-indent: -36px;
}

UL.check LI, UL.checkGreen LI, UL.checkOrange LI, UL.xRed LI, UL.chev LI, UL.arrowCircle LI, UL.L2 LI {
	margin: 5px;
	padding: 5px;
}

UL.checkGreen, UL.checkOrange, UL.xRed, UL.arrowCircle { margin-left: 28px; text-indent: -28px;}

UL.chev, UL.L2 { text-indent: -20px;}

UL.check LI:before {
    color: #F58221;
    content: '\f058 ';
    font-size: 24px;
    font-family: "Font Awesome 5 Pro";
    padding-right: 14px;
}

UL.checkOrange LI:before {
    color: #F58221;
    content: '\f058 ';
    font-size: 19px;
    font-family: "Font Awesome 5 Pro";
    padding-right: 12px;
}

UL.checkGreen LI:before {
    color: #4AD72B;
    content: '\f058 ';
    font-size: 17px;
    font-family: "Font Awesome 5 Pro";
    padding-right: 12px;
}

UL.xRed LI:before {
    color: #F91126;
    content: '\f057 ';
    font-size: 17px;
    font-family: "Font Awesome 5 Pro";
    padding-right: 12px;
}

UL.chev LI:before {
    color: #444549;
    content: '\f054 ';
    font-size: 13px;
    font-weight: bold;
    font-family: "Font Awesome 5 Pro";
    padding-right: 12px;
}

UL.arrowCircle LI:before {
    color: #444549;
    content: '\f0a9 ';
    font-size: 15px;
    font-family: "Font Awesome 5 Pro";
    padding-right: 12px;
}

UL.L2 LI:before {
    color: #444549;
    content: '\f0da ';
    font-size: 15px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 200;
    padding-right: 12px;
}


.devEdit {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

.PB5 {
	padding-bottom: 5px;
}


.heatBoxDI {
	display: table-cell; vertical-align: middle; border-radius: 2px;
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	border: 2px solid #43484E;
	text-align: center;
	color: #FFF;
	font-weight: 600;
}


div.tileBox {
	display: table-cell;
	vertical-align: middle;
	padding: 1px;
	border: 1px solid #BBB; 
	border-radius: 3px;	
	background-color: #FFF;
}

.tileBox:hover {
	padding: 0px;
	border: 2px solid #ABD8FF;
	cursor: pointer;
}
	
	
div.textBox {
	border: 3px solid #AAA;
	border-radius: 8px;
	background-color: #F6F9FA;
	padding: 10px;
}	
	

div.commentIndex {
	padding-bottom: 6px;
}	


div.titleTab {
	padding: 6px 12px; background-color:#E6F5FC;
	border: 2px solid #AAA;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

	

div.pChartBGjumbo {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: -1px;
	height: 60px;
	background-color: #FFF;
	border-top: 2px solid #999;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #EAEAEA;
	border-radius: 4px;
}

div.tickJumbo {
	position: absolute;
	top: 0px;
	height: 8px;
	width: 1px;
	border-right: 1px solid #999;
	z-index: 2;
}

div.tickW {
	position: absolute;
	top: 0px;
	height: 26px;
	width: 1px;
	border-right: 1px solid #FFF;
}

div.tickLt {
	position: absolute;
	top: -3px;
	height: 8px;
	width: 1px;
	border-right: 1px solid #BBB;
}
	
div.cChartBG {
	position: absolute;
	z-index: 1;
	top: -12px;
	left: 0px;
	height: 24px;
	background-color: #F3F3F3;
	border-top: 2px solid #AAA;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #EAEAEA;
	border-radius: 2px;
}


div.cChartTick {
	position: absolute;
	z-index: 8;
	top: -11px;
	width: 1px;
	height: 25px;
	background-color: #222;
}

div.cChartTick2 {
	position: absolute;
	z-index: 8;
	top: -11px;
	width: 1px;
	height: 5px;
	background-color: #222;
}



div.pChartBG2B {
	position: absolute;
	z-index: 1;
	top: -12px;
	left: 0px;
	height: 24px;
	background-color: #F6F8F8;
	border-top: 2px solid #999;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #EAEAEA;
	border-radius: 2px;
}


div.rChartBG {
	position: absolute;
	z-index: 1;
	top: -14px;
	left: 0px;
	height: 26px;
	background-color: #F3F4F6;
	border-top: 1px solid #999;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #EAEAEA;
	border-radius: 2px;
}



div.mChartBG {
	position: absolute;
	z-index: 1;
	top: -14px;
	left: 0px;
	height: 26px;
	background-color: #EAEBED;
	border-top: 1px solid #999;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	border-radius: 2px;
}

div.pChartBGdouble {
	position: absolute;
	z-index: 1;
	left: 0px;
	height: 14px;

	background-color: #ECEDEF;
	border-top: 1px solid #BBBCBD;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #E8E8EA;
	border-radius: 20px;
}


div.pChartBGF {
	position: absolute;
	z-index: 1;
	top: -18px;
	left: 0px;
	height: 36px;
	background-color: #DDD;
	border: 1px solid #CCC;
	border-radius: 5px;
}


div.cChartBar {
	position: absolute;
	top: -12px;
	height: 26px;
}


div.cChartBarG {
	position: absolute;
	top: -16px;
	height: 32px;
}

div.cChartBar2 {
	position: absolute;
	top: -16px;
	height: 34px;
}

div.cChartBar2L {
	position: absolute;
	top: -16px;
	height: 34px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-toplefft: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

div.cChartBar2R {
	position: absolute;
	top: -16px;
	height: 34px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-topright: 2px;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}


.triangleDown {
	position: absolute;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 7px 5px 0 5px;
   border-color: #111 transparent transparent transparent;
   transform: rotate(0deg);
}

.triangleUp {
	position: absolute;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 7px 5px 0 5px;
   border-color: #333 transparent transparent transparent;
   transform: rotate(180deg);
}

div.pChartBG18 {

	position: absolute;
	z-index: 1;
	top: -9px;
	left: -10px;
	height: 16px;
	background-color: #ECEDEF;
	border-top: 1px solid #BBBCBD;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #E8E8EA;
	border-radius: 30px;
}

div.pChartBar18 {
	position: absolute;
	top: -9px;
	left: -10px;
	height: 17px;
	border: 0px solid #B6B6B6;
	border-radius: 10px;
}

.percentileLabel18 {position: absolute; top: 15px; left: -15px; width: 140px; text-align: center; }


div.pChartBG22 {
	position: absolute;
	height: 22px;
	background-color: #ECEDEF;
	border-top: 1px solid #BBBCBD;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #E8E8EA;
	border-radius: 30px;
}

div.pChartBG {
	position: absolute;
	z-index: 1;
	top: -8px;
	left: 0px;
	height: 12px;
	background-color: #ECEDEF;
	border-top: 1px solid #BBBCBD;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #E8E8EA;
	border-radius: 7px;
}

div.pChartBar {
	position: absolute;
	top: -8px;
	left: 0px;
	height: 13px;
	border: 0px solid #B6B6B6;
	border-radius: 7px;
}



div.pChartBar2B {
	position: absolute;
	top: -12px;
	left: 0px;
	height: 25px;
	border: 1px solid #B6B6B6;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}


div.pChartBar2BBM2 {
	position: absolute;
	top: -4px;
	left: 0px;
	height: 9px;
	border: 1px solid #B6B6B6;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}



div.mChartBar {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 26px;
	border: 0px solid #B6B6B6;
}


div.pChartBarBM2 {
	position: absolute;
	top: -12px;
	left: 0px;
	height: 5px;
	border: 1px solid #B6B6B6;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

div.pChartBarDouble {
	position: absolute;
	left: 0px;
	height: 15px;
	border: 1px solid #B6B6B6;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}


div.doubleChartTxtTop {
	position: absolute; z-index: 12; top: -22px; height: 28px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #777879;
}

div.doubleChartTxtBottom {
	position: absolute; z-index: 12; top: 4px; height: 28px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #777879;
}


div.pChartCircleDouble {
	position: absolute;
	height: 12px;
	width: 12px;
	border-radius: 9px;
	z-index: 4;
}

div.pChartCircleDoubleV2 {
	position: absolute;
	height: 14px;
	width: 14px;
	border-radius: 9px;
}


div.pChartBarF {
	position: absolute;
	top: -18px;
	left: 0px;
	height: 36px;
	border: 1px solid #999;
	border-radius: 5px
}

div.pChartTick {
	position: absolute;
	z-index: 8;
	top: -10px;
	width: 1px;
	height: 22px;
	background-color: #FFF;
}


div.tipDark {
}

div.tipTargetLine {
	position: absolute;
	z-index: 99;
	top: -10px;
	width: 8px;
	height: 24px;
}

div.pChartBM2 {
	position: absolute;
	z-index: 99;
	top: -12px;
	width: 2px;
	height: 21px;
	background-color: #45464A;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

div.pChartORG {
	position: absolute;
	z-index: 99;
	top: -5px;
	width: 4px; height: 4px; border: 2px solid #243D4E; background-color: #FFF; border-radius: 8px;
}

div.pChartPrev, div.pChartPrevV {
	position: absolute;
	z-index: 99;
	top: -7px;
	width: 2px;
	height: 12px;
	background-color: #000;
}

div.pChartPrevLine, div.pChartPrevH {
	position: absolute;
	z-index: 99;
	top: -2px;
	height: 2px;
	background-color: #000;
}


div.pChartPrevV18 {
	position: absolute;
	z-index: 99;
	top: -9px;
	width: 2px;
	height: 17px;
	background-color: #000;
}

div.pChartPrevH18 {
	position: absolute;
	z-index: 99;
	top: -1px;
	height: 2px;
	background-color: #000;
}


div.pChartPrev18 {
	position: absolute;
	z-index: 99;
	top: -9px;
	width: 3px;
	height: 17px;
	background: #000;
}

div.pChartPrev18F {
	position: absolute;
	top: -9px;
	width: 3px;
	height: 17px;
	background: #000;
}

div.pChartPrevLine18 {
	position: absolute;
	z-index: 99;
	top: -1.5px;
	height: 3px;
	background: #000;
}

div.pChartPrevLine18F {
	position: absolute;
	top: -1.5px;
	height: 3px;
	background: #000;
}

div.pChartPrev18c {
	position: absolute;
	z-index: 99;
	top: -9px;
	border-right: 2px solid #6AC4F7;
	height: 17px;
}


div.pChartTickTarget {
	position: absolute;
	z-index: 99;
	top: -10px;
	width: 1px;
	height: 24px;
	background-color: #A70A0A;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

div.pChartTickF {
	position: absolute;
	z-index: 8;
	top: -17px;
	width: 1px;
	height: 36px;
	background-color: #FFF;
}

	
div.SlideEdit {
	position: absolute;
	left: 20px;
	width: 200px;
	}

div.panelKey {
	padding-left: 110px;
	text-align: left;
	}

div.panelInst {
	padding-left: 0px;
	text-align: left;
	}
	
hr.spacer25 {
	margin-top: 25px;
	margin-bottom: 25px;
	border: 0;
	height: 2px;
	color: #BBBBBB;
	background-color: #BBBBBB;
}

.keyMarkerBarEDU {
	display: inline-block; background: var(--colorBluePPos); width: 16px; height: 10px; border-radius: 10px	
}


.freq {
	border: 1px solid #6C6D6F;
	margin-left: 2px;
}

.freqRed {
	border: 1px solid #F62525;
	margin-left: 2px;
}


.freqBlue {
	border: 1px solid var(--colorBlueFreq);
	background: var(--colorBlueFreq);
	margin-left: 2px;
}

.freqBluePPos {
	border: 1px solid var(--colorBluePPos);
	background: var(--colorBluePPos);
	margin-left: 2px;
}

.freqBig {
	border: 1px solid var(--scoreColorBlue);
	margin-left: 2px;
	border: 0px;
	margin-left: 5px;
	width: 21px;
}


img.vert {
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

img.roundRight {
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-topright: 2px;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}

img.roundLeft {
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

div.roundRight {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

div.roundLeft {
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-toplefft: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div.roundTopLeft {
	border: 1px solid #FFF;
	-webkit-border-top-left-radius: 100px;
	-moz-border-radius-topleft: 100px;
	border-top-left-radius: 100px;
}

div.roundTopRight {
	border: 1px solid #FFF;
	-webkit-border-top-right-radius: 100px;
	-moz-border-radius-topright: 100px;
	border-top-right-radius: 100px;
}

div.roundBottomLeft {
	border: 1px solid #FFF;
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-bottomleft: 100px;
	border-bottom-left-radius: 100px;
}

div.roundBottomRight {
	border: 1px solid #FFF;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-bottomright: 100px;
	border-bottom-right-radius: 100px;
}



.darkSelect select {
   background: transparent;
   width: 368px;
   padding: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:12pt;
	color: #CCC;
	font-weight: 400;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
  
   }
.darkSelect {
   width: 340px;
   height: 30px;
   overflow: hidden;
   background: url(../png/eetopdroparrowwide.png) no-repeat right #ddd;
   border: 1px solid #333; border-top: 2px solid #333;
   border-radius: 4px;
   background-color: #484E54;
	padding-left: 5px;
	cursor: pointer;
}


.lightSelect select {
   background: transparent;
   width: 368px;
   padding: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:12pt;
	color: #444;
	font-weight: 400;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
  
   }
.lightSelect {
   width: 340px;
   height: 30px;
   overflow: hidden;
   background: url(../png/eetopdroparrowwide.png) no-repeat right #ddd;
   border: 1px solid #AAA; border-top: 2px solid #AAA;
   border-radius: 4px;
   background-color: #FFF;
	padding-left: 5px;
	cursor: pointer;
}

.lightSelect24 select {
   background: transparent;
   width: 408px;
   padding: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #000;
	font-weight: 400;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 24px;
   -webkit-appearance: none;
  
   }
.lightSelect24 {
   width: 380px;
   height: 24px;
   overflow: hidden;
   background: url(../png/droparrowwidedark.png) no-repeat right #fff;
   border: 1px solid #AAA; border-top: 2px solid #AAA;
   border-radius: 4px;
   background-color: #FFF;
	padding-left: 5px;
	cursor: pointer;
}

.lightSelect24W select {
   background: transparent;
   width: 608px;
   padding: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #000;
	font-weight: 400;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 24px;
   -webkit-appearance: none;
  
   }
.lightSelect24W {
   width: 580px;
   height: 24px;
   overflow: hidden;
   background: url(../png/droparrowwidedark.png) no-repeat right #fff;
   border: 1px solid #AAA; border-top: 2px solid #AAA;
   border-radius: 4px;
   background-color: #FFF;
	padding-left: 5px;
	cursor: pointer;
}

.lightSelect28 select {
   background: transparent;
   width: 428px;
   padding: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:11pt;
	color: #000;
	font-weight: 400;
   line-height: 1.5;
   border: 0;
   border-radius: 0;
   height: 28px;
   -webkit-appearance: none;
   appearance: none;
  
   }
.lightSelect28 {
   width: 400px;
   height: 28px;
   overflow: hidden;
   background: url(../png/droparrowwidedark.png) no-repeat right #fff;
   border: 1px solid #AAA; border-top: 2px solid #AAA;
   border-radius: 4px;
   background-color: #FFF;
	padding-left: 5px;
	cursor: pointer;
}


.goalText {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: 400;
	padding: 2px 3px;
	border: 1px solid transparent;
	border-radius: 3px;
}

.goalTA {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11pt;
	border: 1px solid #AAA;
	border-radius: 3px;
}

.goalTA2 {
	border: 1px solid #AAA;
	border-radius: 3px;
}

div.CompactButtonBlue {
	background-color: #1E9BDE;
	border-radius: 4px;
	border: 1px solid #0B74AE;
}

.lightButton {
	display: table-cell; vertical-align: middle; padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.lightButton:hover {
	cursor: pointer;
	background: #ffffdd;
}

input.formCompact   {
	font-size: 8pt;
	height: 19px;
	border: 1px solid #AAA;
	border-radius: 2px;
}

select.formCompact   {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 19px;
	border: 1px solid #AAA;
	border-radius: 2px;
	padding-left: 1px;
}
		
select.formCompact2   {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 22px;
	border: 1px solid #AAA;
	border-radius: 2px;
	padding-left: 1px;
}

.ddColumn { font-weight: 600; color: #000; }
	
input.CompactButtonX  {
	font-size: 10pt;
	height: 20px;
	border: 1px solid #AAA;
	border-radius: 2px;
}			

input.CompactButton {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	color: #555;

	height: 25px;
	background-color: #F1F1F1;
	border-radius: 4px;
	border: 1px solid #888;
	
}

input.CompactButton:hover {
	background-color: #E6F0F9;
}	

input.blueHover {
	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	color: #008EDB;
	padding: 0px;
	height: 25px;
	background-color: transparent;
	border: 1px solid transparent;
}
	
input.blueHover:hover {
	text-decoration: underline;
}	

input.CompactButtonBlank {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	color: #444;

	height: 25px;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid transparent;
	
}

input.CompactButtonBlank:hover {
	color: #008EDB;
}

input.CompactButtonGreen {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	color: #FFF;

	height: 25px;
	background-color: #47BA23;
	border-radius: 4px;
	border: 1px solid #47BA23;
	
}

input.ButtonOff {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	color: #FFF;
	letter-spacing: 1px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;

	height: 31px;
	background-color: #757677;
	border-radius: 4px;
	border: 1px solid #999;
	opacity: 0.5;
	
}

input.ButtonGreen {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	color: #FFF;
	letter-spacing: 1px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;

	height: 31px;
	background-color: #47BA23;
	border-radius: 4px;
	border: 1px solid #47BA23;
	
}


input.CompactButtonGreen:hover, input.ButtonGreen:hover {
	background-color: #3DA11E;
	border: 1px solid #3DA11E;
}




input.CompactButtonBlue {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	color: #FFF;

	height: 25px;
	background-color: #008EDB;
	border-radius: 4px;
	border: 1px solid #008EDB;
	
}

input.ButtonBlank {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	color: #333;
	letter-spacing: 1px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;

	height: 31px;
	background-color: transparent;
	border-radius: 40px;
	border: 1px solid transparent;
	
}

input.ButtonBlank:hover {
	background-color: transparent;
	color: #1588CB;
}

input.ButtonBlue, input.buttonBlue {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	color: #FFF;
	letter-spacing: 1px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;

	height: 31px;
	background-color: #1E9BDE;
	border-radius: 4px;
	border: 1px solid #187CB1;
	
}


input.CompactButtonBlue:hover, input.ButtonBlue:hover, input.buttonBlue:hover {
	background-color: #1A89C4;
}


input.CompactButtonRed {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	color: #FFF;

	height: 25px;
	background-color: #BA2323;
	border-radius: 4px;
	border: 1px solid #921010;
	
}


input.ButtonRed {

	overflow: hidden;
	cursor: pointer;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	color: #FFF;
	letter-spacing: 1px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;

	height: 31px;
	background-color: #BA2323;
	border-radius: 4px;
	border: 1px solid #921010;
	
}

input.CompactButtonRed:hover, input.ButtonRed:hover {
	background-color: #A11E1E;
}


input.form12pt, select.form12pt   {
	font-size: 12pt;
	height: 29px;
	border: 1px solid #AAA;
	border-radius: 2px;
	padding-left: 4px;
}

textarea.form12pt   {
	font-family: Arial;
	font-size: 12pt;
	border: 1px solid #AAA;
	border-radius: 2px;
	padding: 6px;
}


.form11pt   {
	font-size: 11pt;
	height: 25px;
	border: 1px solid #AAA;
	border-radius: 2px;
	padding-left: 4px;
	padding-right: 4px;
}


.modalContainer {
left: 0px; top: 0px;
flex-direction: row;
flex-grow: 1;
flex-shrink: 1;
align-items: top;
justify-content: center;
}

.modalButtonX {
	height: 31px;
	border: 0;
	border: none;
	overflow: hidden;
	cursor: pointer;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	letter-spacing: 1px;
	padding-bottom: 2px;
	background-color: #F1F1F1;
	border-radius: 4px;
	border: 1px solid #999;
}


.confirmDelete {
	padding-top: 5px;
	padding-bottom: 20px;
	padding-right: 40px;
	font-family: 'Open Sans';
	font-size: 14pt;
	font-weight: 500;
}
.modalButtonYN {
	width: 70px;
	margin-right: 30px;
}


input.ButtonGray {
	overflow: hidden;
	cursor: pointer;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	color: #666;
	letter-spacing: 1px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;
	height: 31px;
	background-color: #F6F8F8;
	border-radius: 4px;
	border: 1px solid #BFC6C8;
}

input.CompactButtonGray:hover, input.ButtonGray:hover {
	background-color: #DFE1E1;
}


input.lt {

	height: 26px;

	overflow: hidden;
	cursor: pointer; 
	
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	color: #42A8E3;
	line-height: 1;
	padding-bottom: 1px;
	padding-top: 2px;

	background-color: #FFF;
	border-radius: 4px;
	border: 1px solid #999;
	border-bottom: 1px solid #999;

}
		
input.lt:hover {
	background-color: #FFFFE9;
}



textarea.formMedium {
	font-size: 12pt;
	padding: 5px;
	border: 1px solid #999;
	border-radius: 3px;
}


select.formMedium   {
	font-size: 12pt;
	height: 28px;
	border: 1px solid #999;
	border-radius: 3px;
	}

input.formMedium   {
	font-size: 12pt;
	padding-left: 4px;
	padding-right: 4px;
	height: 28px;
	border: 1px solid #999;
	border-radius: 3px;
	}
	
input.formMedium   {
	font-size: 12pt;
	padding-left: 4px;
	padding-right: 4px;
	height: 28px;
	border: 1px solid #999;
	border-radius: 3px;
	}



.form-text-400 {
  padding: 15px;
  width: 440px;
}

.form-text-250 {
  padding: 15px 0px;
  width: 250px;
}


.input-container {
  height: 58px;
  position: relative;
  width: 100%;
}

.label-up {
	border: 1px solid #BBB;
	border-radius: 0px;
	box-sizing: border-box;
	color: #45464A;
	font-size: 18px;
	height: 100%;
	outline: 0;
	padding: 4px 12px 0;
	width: 100%;
}

.label-up-date {
	font-weight: 300;
	font-family: Montserrat, Manrope, "Open Sans", sans-serif;
	font-size: 24pt;
}

.label-up-title {
	font-weight: 400;
	font-family: Montserrat, Manrope, "Open Sans", sans-serif;
	font-size: 24pt;
}

.placeholder {
  color: #55565A;
  font-family: Manrope, "Open Sans", sans-serif;
	font-weight: 400;
  left: 12px;
  line-height: 14px;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 50%;
  transition: transform 200ms;
  top: 18px;
  background-color: none;
}

.placeholder-title {
	font-weight: 300;
	font-family: Montserrat, Manrope, "Open Sans", sans-serif;
	font-size: 24pt;
	color: #777;
	padding-top: 5px;
}

.cut {
  background-color: transparent;
  height: 2px;
  left: 12px;
  position: absolute;
  top: -8px;
  transform: translateY(0);
  transition: transform 200ms;
  width: 37px;
}

.label-up:focus ~ .cut,
.label-up:not(:placeholder-shown) ~ .cut {
	background-color: #fff;
  transform: translateY(8px);
}

.label-up:focus ~ .placeholder,
.label-up:not(:placeholder-shown) ~ .placeholder {
  transform: translateY(-27px) translateX(0px);
  color: #45464A;
  font-size: 12px;
  font-weight: 500;
  background-color: transparent;
  padding: 3px 5px;
}

.label-up-textarea {
	border: none;
	font-family: Manrope, "Open Sans", sans-serif;
	font-size: 13pt;
	width: 100%;
	margin: 5px 2px;
}

textarea.label-up-textarea:focus { 
	outline: none !important;
	border-color: none;
}

fieldset.label-up legend {
	font-size: 12px;
	font-weight: 500;
	font-family: Manrope, "Open Sans", sans-serif;
	color: #45464A;
	padding: 0px 5px;
}


div.selectGroupDDsmaller {
display: table-cell; border: 1px solid #999; border-radius: 5px;
padding: 1px 4px; padding-left: 10px; padding-top: 2px;
white-space: nowrap;
background: #fff;
}

input.gapsButton {
	overflow: hidden;
	cursor: pointer;
	padding: 5px 8px;
	padding-top: 6px;
	font-family: 'Manrope','Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 500;
	color: #555;
	letter-spacing: 1px;
	line-height: 1;
	background-color: #FFF;
	border-radius: 5px;
	border: 1px solid #999;
}

.gapsDD { height: 25px;
	padding-left: 4px; padding-right: 4px;
	font-size: 11pt; width: 440px; max-width: 440px; border: 1px solid #FFF;
}



.unread-icon {
	text-align: center;
	font-size: 9px;
	color: #0877B3;
	height: 22px;
	padding: 5px 6px;
}
.read-icon {
	text-align: center;
	font-size: 9px;
	color: transparent;
	height: 22px;
	padding: 5px 6px;
}

.unread-icon:hover {
	cursor: pointer;
}

.read-icon:hover {
	color: #BBB;
	cursor: pointer;
}


.hoverEDF7FC:hover {
	background-color: #EDF7FC;
}

.hoverE4F7FF:hover {
	background-color: #E4F7FF;
	cursor: pointer;
}

.teamCat {
	border: 3px solid #FFF;
	box-shadow: 0px 0px 5px 1px #BBB inset;
}

.teamCat:hover {
	border: 3px solid #1F9BDE;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: 0px 0px 2px 2px #FFF inset;
}
	
.teamItem {
	padding: 3px; padding-bottom: 0px;
}

.teamItem:hover {
	cursor: pointer;
}


option.selSelected {
	font-size: 14pt;
}


.modalButton {
	overflow: hidden;
	cursor: pointer;
	padding: 6px 8px;
	padding-top: 8px;
	font-family: 'LatoLatinWebMedium','Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	color: #008EDB;
	letter-spacing: 1px;
	line-height: 1;
	background-color: #FFF;
	border-radius: 5px;
	border: 1px solid var(--colorBlueLinkOnWhite);
}

.modalButton:hover {
	background-color: var(--colorBlueLinkOnWhite);
	color: #FFF;
}


.modalButtonBlue {
	overflow: hidden;
	cursor: pointer;
	padding: 6px 8px;
	padding-top: 8px;
	font-family: 'LatoLatinWebMedium','Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	color: #FFF;
	letter-spacing: 1px;
	line-height: 1;
	background-color: #008EDB;
	border-radius: 5px;
	border: 1px solid #008EDB;
}

input.gapsButton:hover, .modalButtonBlue:hover {
	background-color: #0078B9;
	color: #FFF;
}

.industryBMB {
  position: absolute; z-index: 4; top: -18px; 
  width: 0; 
  height: 0; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  
  border-top: 4px solid #FFF;
}

.industryBM {
  position: absolute; z-index: 4; top: -20px; 
  width: 0; 
  height: 0; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  
  border-top: 5px solid #035;
}


.onoffswitch {
    position: relative; width: 44px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #999; border-radius: 16px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.1s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px;
    font-size: 11px; color: #EEE; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 7px;
    background-color: #3D4248; color: #EEEEEE;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 6px;
    background-color: #3D4248; color: #EEEEEE;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 8px; margin: 4px;
    background: #3D4248;
    position: absolute; top: 0; bottom: 0;
    right: 26px;
    border: 1px solid #DDD; border-radius: 16px;
    transition: all 0.1s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #EEEEEE; 
}

.hoverDiv:hover {
	cursor: pointer;
}

.hoverDivFont:hover {
	color: #008EDB;
}

.hoverBlue3:hover {
	background-color: #EDF7FC;
}


div.feedbackDate {
	color: #75767A;
	font-size: 9pt;
	padding: 0px 2px;
}

div.feedbackLeft {
	max-width: 80%;
	background-color: #DADBD6;
	border: 1px solid #DADBD6;
	border-radius: 8px;
	padding: 3px 8px;
	font-size: 12pt;
	color: #000;
	margin-bottom: 8px;
}




div.feedbackMin {
	padding-top: 8px;
	font-family: LatoLatinWeb;
	font-size: 11pt;
	color: #84858A;
	font-weight: 400;
	letter-spacing: 0.5;
	max-height: 30px;
	overflow: hidden;
}


div.unread {
	font-weight: 600;
	border: 1px solid #<%=scoreColor1%>;
}

div.feedbackRight {
	max-width: 80%;
	text-align: left;
	background-color: #1F9BDE;
	border: 1px solid #1F9BDE;
	border-radius: 8px;
	padding: 3px 8px;
	font-size: 12pt;
	color: #FFF;
	margin-bottom: 8px;
}
div.chatBox {
	background-color: #FAFDFF;
	background-color: #FFFFFA;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 5px 10px;
	max-width: 600px;
	border: 1px solid #AAABA6;
	border-radius: 8px;
}

textarea.chatTA {
	height: 30px;
	padding: 5px;
	font-family: 'Open-Sans',Arial,Helvetica;
	font-size: 12pt;
	border: 1px solid #84858A;
}


tr.trListRow td
{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight: 400;
	border-width: 0px;
	border-bottom: 4px solid #FFF;
	border-top: 4px solid #FFF;
	margin-top: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}


tr.trListRowF td
{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight: 400;
	border-width: 0px;
	border-bottom: 4px solid #FFF;
	border-top: 4px solid #FFF;
	padding-top: 6px;
	padding-bottom: 2px;
}


td.chatIconCell {
	padding-left: 4px; padding-right: 8px; padding-top: 7px;
	font-size: 19px;
	color: #65666A;
}
td.chatSubmitCell {
	padding-left: 10px; padding-bottom: 1px; padding-top: 1px;
}

div.chatSubmitDiv {
	background-color: #1F9BDE; border-radius: 50px; 
	padding: 5px 7px;
}

a.chat {
	color: #FFF; text-decoration: none;
}


.F2 {
	padding-bottom: 5px;
	font-family: inherit;
	font-size: 10pt;
	font-weight: 400;
}



.fade-out {
  position: relative;
  max-height: 150px;
}
.fade-out:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient( rgba(250, 253, 255, 0) 50%, rgba(250, 253, 255, 1) 100% );
}


.fade-out-sharper {
  position: relative;
  max-height: 100px;
}
.fade-out-sharper:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient( rgba(250, 253, 255, 0) 80%, rgba(250, 253, 255, 1) 100% );
}

.ciCounter16 {
right: -5; top: -6; background-color: #F91843; transform: scale(0.45);
}



/* Tooltip container */
.tooltip, .tooltip2, .tooltip2F, .tooltipPointer {
  position: relative;
  display: inline-block;
}

.tooltiptext { white-space: nowrap; }

/* Tooltip text */
.tooltip .tooltiptext {

  bottom: 100%;
  left: 50%; 
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */

  visibility: hidden;
  background-color: #4D545C;
	font-family: 'LatoLatinWeb', Times, Helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: 0.5;
  color: #FAFAFA;
  text-align: center;
  padding: 3px 8px;
  padding-top: 5px;
  border-radius: 5px;
  margin-bottom: 4px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.tooltip2 .tooltiptext {

  bottom: 100%;
  left: 50%; 
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */

	visibility: hidden;
	background-color: #FFF;
	font-family: 'LatoLatinWeb', 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	letter-spacing: normal;
	color: #45464A;
  text-align: left;
  padding: 4px 8px;
  border: 1px solid #656667;
  border-radius: 5px;
  margin-bottom: 4px;
 
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
}


.tooltip2F .tooltiptext {

	bottom: 100%;
	left: 50%; 
	margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip */

	visibility: hidden;
	background-color: #FFF;
	font-family: 'LatoLatinWeb', Times, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: 500;
	letter-spacing: normal;
	color: #333;
	text-align: left;
	padding: 6px 10px;
	padding-top: 8px;
	border-radius: 5px;
	margin-bottom: 4px;
 
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
}

.tooltipPointer .tooltiptext {
	bottom: 0px;
	left: 50%; 
	margin-left: 0px; /* Use half of the width (120/2 = 60), to center the tooltip */
	visibility: hidden;
	background-color: #fff;
	font-family: 'LatoLatinWeb', Manrope, Helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: 0.5;
	color: #111;
	text-align: center;
	padding: 3px 8px;
	padding-top: 5px;
	border-radius: 3px;
	margin-bottom: 4px;
	border: 1px solid #444; 
	position: absolute;
	z-index: 1;
}

.tooltipPointer .tooltiptextFreq {
	bottom: 10px;
	left: -75px; 
	margin-left: 0px; /* Use half of the width (120/2 = 60), to center the tooltip */
	visibility: hidden;
	background-color: #fff;
	font-family: 'LatoLatinWeb', Manrope, Helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: auto;
	color: #111;
	text-align: left;
	padding: 3px 8px;
	padding-top: 5px;
	border-radius: 3px;
	margin-bottom: 4px;
	border: 1px solid #444; 
	position: absolute;
	z-index: 1;
}


.tooltipX .tooltiptextX::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #4D545C transparent transparent transparent;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover, .tooltip2:hover, .tooltip2F:hover {
  cursor: default;
}


.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip2:hover .tooltiptext {
  visibility: visible;
}

.tooltip2F:hover .tooltiptext {
  visibility: visible;
}

.tooltipPointer:hover .tooltiptext {
  visibility: visible;
}


.tooltiptext350 {
	min-width: 350px;
	white-space: normal;
	text-align: left;
}

.tooltiptext350 div {
	padding-bottom: 5px;
}

.tooltiptextHeatmap {
	min-width: 370px;
	white-space: normal;
	text-align: left;
	border: 1px solid #aaa; z-index: 6;
	font-size: 11pt;
}

.tooltiptextHeatmap div {
	padding-bottom: 5px;
}

.itemListBoxNew {
	border: 2px solid #878889; border-radius: 5px; padding: 8px 10px; padding-bottom: 6px; color: #777879;
}

.itemListBoxNew:hover {
	border-color: #008EDB; 
	color: #008EDB;
	cursor: pointer;
}

.itemListBox {
	background-color: #F1F1F2;
	border: 3px solid #F1F1F2; border-radius: 5px; padding: 8px 10px; padding-bottom: 6px; color: #45464A;
}

.itemListBox:hover {
	border-color: #E4F7FF; 
	background-color: #E4F7FF;
	cursor: pointer;
}

.hairlineBox {
	display: inline-block;
	border: 1px solid #1F9BDE;
	border-radius: 5px;
	color: #1F9BDE;
}

.hairlineBox:hover {
	border-color: #1F9BDE; 
	background-color: #1F9BDE;
	color: #FFF;
	cursor: pointer;
}



.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
.fa-rotate--45 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
          
          
.priorityAboutCircle {margin-top: 14px; border: 4px solid #45464A; border-radius: 100px; width: 48px; height: 48px}
.priorityAboutCircleText {padding-top: 18px; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 8pt; color: #45464A; font-weight: 800; letter-spacing: 1px;}


.toggleReportButton {
	padding: 6px 10px; background-color: var(--shadeDropListDark); border: 1px solid #2A2A2A; border-radius: 5px;
	font-size: 10pt; font-family: Open Sans; color: var(--colorBluePointOver);
}

.toggleReportButton:hover {
	cursor: pointer;
}

.percentileLabelContainer {position: relative; top: 12px; left: -5px;}
.percentileLabel {position: absolute; top: 12px; left: -5px; width: 110px; text-align: center;}


.colorbox {
	padding: 0px; margin: 0px; box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
	appearance: none;
	width: 80px;
	height: 27px;
	background-color: transparent;
	border: 0px solid #FFF;
	border-radius: 20px;
	vertical-align: middle;
	cursor: pointer
}

.colorbox::-webkit-color-swatch {
	border-radius: 20px;
	border: 1px solid #AAA;
}

.colorbox::-moz-color-swatch {
	border-radius: 20px;
	border: 1px solid #AAA;
	width: 60px;
	height: 21px;
}

.scaterLabel {
	display: table-cell; vertical-align: middle; width: 20px; height: 20px;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFF;
}

.scatterCircle {
	padding: 1px; position: absolute; z-index: 5;
	border-radius: 15px; width: 20px; height: 20px; background: #484F57; opacity: 0.8;
	text-align: center;
}
.scatterCircle:hover {
	cursor: pointer;
	opacity: 1.0;
	border: 4px solid #6AC4F7;
	background: #222;
	z-index: 99;
	font-weight: 900;
}

.scatterKey {
	margin-left: 10px; margin-right: 10px; padding-bottom: 4px; padding-top: 8px; 
	border-bottom: 2px dotted var(--colorGrayB);
}

.scatterKey2 {
	padding-left: 10px; padding-bottom: 4px; padding-top: 8px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size:12pt;
	text-decoration: none;
	color:#D8DEE5;

}

.scatterKeyItem {
	padding-left: 30px; padding-top: 4px; padding-bottom: 4px;
	text-indent: -20px ;
}


.overallScoreCircle {
	position: absolute;
	background: var(--shade4Factor1);
	border: 2px solid var(--shade4Factor1);
	border-radius: 130px;
}

.swotCategoryLabel { padding-top: 10px; padding-bottom: 4px; font-family: montserrat; font-size: 15pt; font-weight: 600; }

.swotLine { margin: 0px 15px; height: 8px; border-top: 1px solid var(--shade1Dark) }
.swotLevelContainer { width: 215px; height: 93px; border: 2px solid transparent; padding: 8px 10px; padding-bottom: 6px; padding-right: 5px }
.swotLevel1 { color: var(--scoreColorOnDark1); }
.swotLevel3 { color: var(--scoreColorOnDark3); }
.swotLevel5 { color: var(--scoreColorOnDark5); }
.swotFrameHover { border: 2px solid var(--shade2Dark); border-radius: 5px; padding: 5px 6px }
.swotFrameHover:hover { border-color: var(--colorBluePointOver); cursor: pointer; }
.swotViewDetails { position: absolute; top: -16px; right: 16px; }
.swotPersonIcon { height: 95px; width: 35px; }
.swotEmojiIcon { display: none; font-size: 36px; }
.swotLevelFont { padding-top: 3px; padding-bottom: 3px; font-size: 13pt; font-family: LatoLatinWebSemibold, LatoWebSemibold, sans-serif; color: #ECEDEE }
.swotText { padding-left: 15px; }
.topPriorityBox {
	border: 2px solid #DDD; border-radius: 50px; padding-top: 7px; padding-bottom: 6px; background-color: var(--shade1Dark);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
}

.swotFrameCategory {
	border: 2px solid transparent;
	padding: 10px 10px;
}
.swotFrameCategory:hover {
	border: 2px solid var(--colorBlueLink);
	background: var(--shadeLtBlue3);
	cursor: pointer;
}

.swotOverallBar {
	display: table-cell;
	padding: 15px 0px;
	text-align: center;
	font-size: 10pt; font-weight: 600; color: #000; line-height: 1.2;
}


.levelMenuIcon {
	display: table-cell;
	text-align: right;
	color: #222;
	font-size: 14px;
	padding-right: 5px;
}

.levelMenuIcon:hover { cursor: pointer; }

.groupMenuRow {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #000;
	font-size:14px;
	font-weight: 400;
}

.menuCategoryLabelRow {
	display: table-cell;
	width: 100%;
	padding: 4px 4px;
	font-weight: 700;
}

.menuCategoryLabelRow:hover { cursor: pointer; }

.groupLabelRow {
	display: table-cell;
	width: 100%;
	padding: 4px 4px;
}

.groupLabelRow:hover {
	background: #E4F7FF;
	cursor: pointer;
}

.groupLabelRow2 {
	display: table-cell;
	width: 100%;
	padding: 4px 4px;
}

.groupLabelRow2:hover {
	cursor: pointer;
}

.segmentTagList { margin-right: 2px; margin-left: 5px; }






.tdPriority {
	padding-left: 2px; padding-right: 5px; padding-top: 6px; padding-bottom: 6px; min-width: 40px;
}

.tdItem68 {
	vertical-align: middle; width: 100%; padding-left: 3px; height: 68px;
	font-family: 'LatoLatinWeb', Times, Helvetica, sans-serif;
	font-size: 12pt;
	color: #222;
	font-weight: 400;
}

.tdPercentile {
	padding-left: 20px; padding-right: 10px;
}

.priorityRing {
	padding-top: 2px; border: 2px solid #FFF; border-radius: 100px;
}


.levelMenuIcon {
	display: table-cell;
	text-align: right;
	color: #222;
	font-size: 14px;
	padding-right: 5px;
}

.levelMenuIcon:hover { cursor: pointer; }

.groupMenuRow {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #000;
	font-size:14px;
	font-weight: 400;
}

.menuCategoryLabelRow {
	display: table-cell;
	width: 100%;
	padding: 4px 4px;
	font-weight: 700;
}

.menuCategoryLabelRow:hover { cursor: pointer; }

.groupLabelRow {
	display: table-cell;
	width: 100%;
	padding: 4px 4px;
}

.groupLabelRow:hover {
	background: #E4F7FF;
	cursor: pointer;
}

.groupLabelRow2 {
	display: table-cell;
	width: 100%;
	padding: 4px 4px;
}

.groupLabelRow2:hover {
	cursor: pointer;
}

.itemVerticalLine {
	position: absolute; top: -24px; height: 48px; border-left: 1px solid #F3F4F5;
}

.itemScore {
	text-align: center;
	width: 36px;
	font-family: LatoLatinWebSemibold, LatoWebSemibold, sans-serif;
	font-size: 12.5pt;
	color: #34353A;
}

.itemScore1 {
	text-align: center;
	position: absolute; z-index: 12; top: -9px; width: 36px; height: 28px;
	font-family: LatoLatinWebSemibold, LatoWebSemibold, sans-serif;
	font-size: 12.5pt;
	color: #34353A;
}
.itemScore2 {
	position: absolute; top: -9px; left: 32px; height: 28px;
	font-family: LatoLatinWebSemibold, LatoWebSemibold, sans-serif;
	font-size: 12.5pt;
	color: #34353A;
}

.pagesLabel {

	font-size: 12pt;
	font-family: Courier, monospace;
	
}

.surveyItemDiv {
	padding: 8px 0px;
	font-family: LatoLatinWebSemibold, LatoWebSemibold, Times, Helvetica, sans-serif;
	font-size: 13pt;
	color: #34353A;
}
.groupNameLabel {
	float: left; width: 80px; white-space: nowrap; 
	margin: 3px 0px; padding-top: 8px; overflow: hidden;
}
.dataLabelFont {
	font-family: Montserrat, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 8.5pt;
	letter-spacing: 0.3;
	color: #222;
	font-weight: 500;
}
.chartVertPad {
	padding-top: 15px; padding-bottom: 15px;
}
	
.chartFontM {
	font-family: Montserrat, Open Sans, sans-serif;
	font-size: 10pt;
	font-weight: 500;
}



div.selectGroupDD {
display: table-cell; border: 1px solid #999; border-radius: 5px;
padding: 4px 8px; padding-left: 14px; padding-top: 5px;
background: #fff; white-space: nowrap;
}

.padbot15 { padding-bottom: 15px; }
.padbot20 { padding-bottom: 20px; }

.dropdownSearch {
	 position: relative;
	 width: 100%;
}
.search-input {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 200px;
}
.search-results {
	 position: absolute;
	 width: 100%;
	 background: white;
	 border: 1px solid #ccc;
	 max-height: 200px;
	 overflow-y: auto;
	 display: none;
	 z-index: 1000;
}
.search-item {
	 padding: 4px;
	 cursor: pointer;
}
.search-item:hover {
	background: #E4F7FF;
	cursor: pointer;
}

.search-item .bold {
	 font-weight: 600;
}



td.trendOneColumn {
	width: 90px;
	text-align: center;
	vertical-align:middle;
}
td.trendTwoColumns {
	width: 60px;
	text-align: center;
	vertical-align:middle;
}


div.currentLabel {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left; z-index: 12;
	font-family: Manrope; font-size: 8.5pt; letter-spacing: 0.5; font-weight: 500; color: #888;
}
div.previousLabel {
	padding-top: 5px;
	padding-bottom: 1px;
	text-align: left; z-index: 12;
	font-family: Manrope; font-size: 8.5pt; letter-spacing: 0.5; font-weight: 500; color: #888;
}

div.currentNum {
	text-align: center;
	font-size: 10pt;
	padding-bottom: 3px;
}
div.previousNum {
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
}

.scoreHighlight { display: inline-block; width: 30px; border-radius: 10px; }


.actionListItemContainer { padding-bottom: 30px; padding-right: 20px; }
.actionListItemIcon { display: table-cell; vertical-align: middle; padding-right: 10px; font-size: 38px; }
.actionListItemLabel { display: table-cell; vertical-align: middle; font-size: 13pt; }
.actionListItemDesc { font-size: 10pt; }

/* Processing Animation */

.thinking{
  display:inline-flex; gap:6px; align-items:center; height:1em;
}
.thinking .dot{
  width:6px; height:6px; border-radius:50%;
  background: currentColor; opacity:.6;
  animation: bounce 1s infinite ease-in-out;
}
.thinking .dot:nth-child(2){ animation-delay: .15s; }
.thinking .dot:nth-child(3){ animation-delay: .3s; }

@keyframes bounce{
  0%,80%,100%{ transform:translateY(0); opacity:.4; }
  40% { transform:translateY(-4px); opacity:1; }
}

/* Respect motion preferences */
@media (prefers-reduced-motion: reduce){
  .thinking .dot{ animation:none; opacity:.7; }
}

.msg {
	 margin-bottom: 12px;
	 padding: 10px 14px;
	 border-radius: 8px;
	 max-width: 80%;
}

.user {
	 background: var(--colorLtBlueBG);
	 margin-left: auto;
}

.assistant {
	 background: #f1f2f3;
	 margin-right: auto;
}


.proTipPro { border: 1px solid #003366; padding: 1px 4px; padding-top: 0px; background: #003366;
	font-family: Manrope, Lato; font-size: 8.5pt; font-weight: 800; vertical-align: 0; color: #fff; }

.proTipTip { border: 1px solid #003366; padding: 1px 4px; padding-top: 0px; background: #fff;
	font-family: Manrope, Lato; font-size: 8.5pt; font-weight: 800; vertical-align: 0; color: #003366; }