:root { 
  --FontFamily: "Open Sans";

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

  --BGColor: #FBFFFE;
  --FontColor: #052C1F;

  --BGColorPrimary: #053826;
  --FontColorPrimary: #FFFFFF;

  --BGColorSecondary: #053826;
  --FontColorSecondary: #FFFFFF;

  --BGColorSelected: #a9f2db;
  --FontColorSelected: #052C1F;

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

  --FontColorCopyright: #C0C0C0;
}

body {
	/*this needs to be on when widget viewed by itself */
	/* but it makes the Chaport chat feature appear at the very bottom of the page */
	/* container-type: inline-size; */
	container-name: body;
}
.tfcWidget{
	container-type: inline-size;
	/*container-name: tfcWidget;*/
	/*text-align: center;*/
}

/*arrows*/
#TID0378608095 .material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' -25,
  'opsz' 48
}

#TID0378608095 #chartContainer {
	width: 100%;
	padding-bottom: .4em;
	background-color: var(--BGColorPrimary);
}
#TID0378608095 .valPrefix {
	display: none;
}
#TID0378608095 #TableRows {
	width: 100%;
	display: flex;
    flex-direction: column;
    order: 3;    
	padding: .4em;
/*	justify-content: space-around;*/
}
#TID0378608095 .TableRow {
	display: flex;
    box-sizing: border-box; 
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
	padding: 0;
	align-items: center;
}

#TID0378608095.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(--BGColor);
	color: var(--FontColor);
	font-size: 1em;
      display: flex;
	margin: auto;
	border: solid 1px var(--FontColor);
	font-weight: normal;
    	box-sizing: border-box;
	container-type: inline-size;
	container-name: widget;
	/* padding: .1em; */
}
#TID0378608095 [class^="widgetTableCell field"] {
	text-align: right;
	font-size: 1em;
	padding-left: 0;
	padding-right: 0;
	padding-top: .5em;
	padding-bottom: .5em;
}
#TID0378608095 [class^="widgetTableCell header"] {
	text-align: right;
	white-space: nowrap;
	padding: 0;
}
#TID0378608095 .Title {
	/*width: 100%;*/
	/*display: flex;*/
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	padding-top: 5px;
	color: var(--FontColorPrimary);
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}
#TID0378608095 #TableHeaderRow {
	display: flex;
    flex-wrap: nowrap;
    width: 100%;
    background-color: var(--BGColorSecondary);
    color: var(--FontColorSecondary);
    font-size: .95em;
    font-weight: bold;
	line-height: 2;
}
#TID0378608095 .down {
	color: var(--FontColorDown);
}
#TID0378608095 .up {
	color: var(--FontColorUp);
}
#TID0378608095 .flat {
	color: var(--FontColorFlat);
}
#TID0378608095 .even {
}
#TID0378608095 .odd {
}
#TID0378608095 #chartTD {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: .4em;
}
#TID0378608095 #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;
}
#TID0378608095 .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: .7;
}
#TID0378608095 .timeframeButton.pushed {
	background-color: var(--FontColorPrimary);
	color: var(--BGColorPrimary);
	/*border: solid 1px var(--BGColorPrimary);*/
	opacity: 1;
}
#TID0378608095 .selected {
	font-weight: bold !important;
	/*font-style: italic !important;*/
	background-color: var(--BGColorSelected);
	color: var(--FontColorSelected);
}
#TID0378608095 .sectionBreakLine, #TID0378608095 .footerLine {
	width: 100%;
	border: solid 0 var(--FontColorPrimary);
	height: 1px;
	padding: 0px;
	margin-top: .4em;
	margin-bottom: .4em;
}
#TID0378608095 .sectionBreakRow {
	font-weight: bold;
	font-size: .9em;
}
#TID0378608095 .titleContainer {
    	background-color: var(--BGColorPrimary);
     	color: var(--FontColorPrimary);
	line-height: 2;
	width: 100%;
    	order: 0;
}
#TID0378608095 #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);
}
#TID0378608095 #TimeStampContainer {
	display: flex;
	order: 6;
	padding-top: .4em;
    	padding-bottom: 0;
    	width: 100%;
}
#TID0378608095 #TimeStamp {
	width: 100%;
	font-size: .65em;
	text-align: center;
}
#TID0378608095 #copyright {
	color: var(--FontColorCopyright);
	width: 100%;
	font-size: .7em;
	text-align: center;
	padding-top: .4em;
	padding-bottom: .5em;
	white-space: nowrap;
}
#TID0378608095 .col1 {
	min-width: 140px;
	padding-left: .4em !important;
	text-align: left !important;
    	white-space: nowrap;
}
#TID0378608095 .col10 {
	padding-right: .4em !important;
}
#TID0378608095 .widgetTableCell.lastHeaderOrField {
	padding-right: .5em !important;
	text-align: right !important;
}

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