:root { 
  --FontFamily: Poppins, Arial, Verdana, sans-serif;

  --MinWidth: 735px;
  --MaxWidth: 1280px;

  --BGColorWidget: transparent;
  --FontColorWidget: #152348;

  --BGColorPrimary: #152348;
  --FontColorPrimary: #FFFFFF;

  --BGColorSecondary: #323E5F;
  --FontColorSecondary: #FFFFFF;

  --BGColorSelected: #edf2ff;
  --FontColorSelected: #152348;

  --FontColorUp: #007500;
  --FontColorDown: #930000;
  --FontColorFlat: #052C1F;

  --FontColorCopyright: #152348;
}

body {
	/*this needs to be on when widget viewed by itself */
	container-type: inline-size;
	container-name: body;
}
.tfcWidget{
	container-type: inline-size;
	/*container-name: tfcWidget;*/
	/*text-align: center;*/
}

#TID0344406736 #chartContainer {
	width: 100%;
	padding-bottom: .4em;
	background-color: var(--BGColorPrimary);
}
#TID0344406736 .valPrefix, #TID0344406736 .valSuffix{
	display: none;
}
#TID0344406736 #TableRows {
	width: 100%;
	display: flex;
    flex-direction: column;
    order: 3;    
	padding: .4em;
	/* margin-top: 5px !important;	 */
}
#TID0344406736 .TableRow {
	display: flex;
    box-sizing: border-box; 
    flex-direction: row;
    flex-wrap: nowrap;
    width: auto;
	padding: 0;
	align-items: center;
}

#TID0344406736.widgetContainer {
	/*min-width: var(--MinWidth);*/
	min-width: unset !important;
	/* max-width: var(--MaxWidth); */
	flex-flow: row wrap;
	justify-content: space-evenly;
	font-family: var(--FontFamily);
     background-color: var(--BGColorWidget);
	color: var(--FontColorWidget);
	font-size: 1em;
      display: flex;
	margin: auto;
	/* border: solid 1px var(--FontColorWidget); */
	font-weight: normal;
    	box-sizing: border-box;
	container-type: inline-size;
	container-name: widget;
	/* padding: .1em; */
	pointer-events: none;
}
#TID0344406736 [class^="widgetTableCell field"] {
	text-align: right;
	font-size: 1em;
	padding-left: 0;
	padding-right: 0;
	padding-top: .5em;
	padding-bottom: .5em;
}
#TID0344406736 [class^="widgetTableCell header"] {
	text-align: right;
	white-space: nowrap;
	padding: 0;
}
#TID0344406736 .Title {
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	padding-top: 5px;
	font-size: 2em;
	font-weight: bold;
	text-align: left;
}
#TID0344406736 #TableHeaderRow {
	display: flex;
    flex-wrap: nowrap;
    width: 100%;
    background-color: transparent;
    color: #152348;
    font-size: .95em;
    font-weight: normal;
	line-height: 2;
	margin-bottom: 5px;
}
#TID0344406736 .down {
	color: var(--FontColorDown);
}
#TID0344406736 .up {
	color: var(--FontColorUp);
}
#TID0344406736 .flat {
	color: var(--FontColorFlat);
}
#TID0344406736 .even {
}
#TID0344406736 .odd {
}
#TID0344406736 #chartTD {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: .2em;
}
#TID0344406736 #timeframeButtons {
	box-sizing: border-box;
	width: 100%;
	margin: auto;
	padding: 0 .4em;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	text-align: center;
	color: var(--FontColorPrimary);
	font-size: 1em;
	font-weight: bold;
	white-space:nowrap;
}
#TID0344406736 .timeframeButton {
	line-height: 2.5;
	flex-grow: 1;
	/*flex-basis: 20%;*/
	text-align: center;
	display: inline-block;
	color: var(--FontColorPrimary);
	cursor: pointer;
	background-color: var(--BGColorPrimary);
	border: solid 1px var(--FontColorPrimary);
	opacity: .5;
}
#TID0344406736 .timeframeButton.pushed {
	background-color: var(--FontColorPrimary);
	color: var(--BGColorPrimary);
	/*border: solid 1px var(--BGColorPrimary);*/
	opacity: 1;
}
#TID0344406736 .selected .up, #TID0344406736 .selected .down, #TID0344406736 .selected .flat {
	/* color: inherit; */
}
#TID0344406736 .sectionBreakLine, #TID0344406736 .footerLine {
	width: 100%;
	border: solid 0 var(--FontColorPrimary);
	height: 1px;
	padding: 0px;
	margin-top: .4em;
	margin-bottom: .4em;
}
#TID0344406736 .sectionBreakRow {
	font-weight: bold;
	font-size: .9em;
}
#TID0344406736 .titleContainer {
    color: #152348;
	line-height: 2;
	width: 100%;
    order: 0;
	padding-left: .4em;
	/* padding-top: .4em; */
	box-sizing: border-box;
	background-color: transparent;
}
#TID0344406736 #chartImage {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
    	/* border: solid 1px var(--BGColorPrimary); */
}
#TID0344406736 #TimeStampContainer {
	display: flex;
	order: 6;
	padding-top: .4em;
    padding-bottom: .4em;
    width: 100%;
	display: none;
}
#TID0344406736 #TimeStamp {
	width: 100%;
	font-size: .65em;
	text-align: center;
}
#TID0344406736 #copyright {
	color: var(--FontColorCopyright);
	width: 100%;
	font-size: .7em;
	text-align: center;
	padding-top: .4em;
	padding-bottom: .5em;
	white-space: nowrap;
}
#TID0344406736 .col1 {
	min-width: 200px;
	padding-left: .4em !important;
	text-align: left !important;
	justify-content: flex-start !important;
    white-space: nowrap;	
}
#TID0344406736 .col10 {
	padding-right: .4em !important;
}
#TID0344406736 .widgetTableCell.lastHeaderOrField {
	padding-right: .5em !important;
	text-align: right !important;
}

#TID0344406736 #footerLineContainer {
	width: 100%;
	order: 5;
	display: none;
	margin-bottom: 5px;
}
#TID0344406736 .sectionBreak {
	padding: .4em;padding-left: 35px;
	text-align: left;
	width: 100%;
}
#TID0344406736 #messageContainer {	
	order: 5;
	/* width: 100%; */
	font-size: 10px;
	text-align: justify;
	padding: 16px;
	padding-top: 0;
}
#TID0344406736 #message {
	color: var(--FontColorSecondary);
	width: 100%;
	text-align: center;
	padding-top: .5em;
}
#TID0344406736 .getWidget {
	font-size: 1em;
}
#TID0344406736 #copyrightContainer {
	width: 100%;
	display: flex;
	order: 6;
	opacity: .6;
}
#TID0344406736 .widgetTableCell {
	box-sizing: border-box;
	flex-grow: 1;
	width: 100%;
	list-style: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	align-items: center;
	justify-content: end;
	/* display: flex; */
}
#TID0344406736 #drilldownLink {
	width: 100%;
	padding-top: 0..5em;
	padding-bottom: 0..5em;
	font-size: 1em;
	text-align: center;
}
#TID0344406736 #dataButton {
	vertical-align: middle;
	text-align: right;
	padding: 0;
}
#TID0344406736 #dataButtonImage {
}
#preview {
	position: absolute;
	background-color: #E13122;
	padding: 0..4em;
	display: none;
	color: var(--FontColorPrimary);
	z-index: 99999;
}
#TID0344406736 #todaysDate {
	font-size: 1.8em;
    padding-left: .5em;
	white-space: nowrap;
	text-align: center;
}