:root {
  --BGColor: #E7E7E7;
  --FontColor: #ad7f33;

  --BGColorPrimary: #E7E7E7;
  --FontColorPrimary: #ad7f33;

  --BGColorSecondary: #C0C0C0;
  --FontColorSecondary: #203145;

  --BGColorSelected: #E7E7E7;
  --FontColorSelected: #14375E;

  --FontColorUp: #ad7f33;
  --FontColorDown: #ad7f33;
  --FontColorFlat: #ad7f33;

  --FontColorCopyright: #C0C0C0;
}

body {
	container-type: inline-size;
}
.tfcWidget{
	text-align: center;
}
#TID0379108100 #chartContainer {
	/*
	flex-flow: column;
	width: 50%;
	order: 2;
	*/
	display: none;
}
#TID0379108100 .valPrefix {
	display: none;
}
#TID0379108100 #TableRows {
	display: flex;
    	flex-direction: column;
	justify-content: space-around;
/*	width: 50%;*/
	width: 100%;
	order: 1;
	padding: 0;
}
#TID0379108100 .TableRow {
	display: flex;
    box-sizing: border-box; 
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
	padding: 0;
	text-transform: uppercase;
}

#TID0379108100.widgetContainer {
	/*min-width: 450px !important;*/
	flex-flow: row wrap;
	font-family: "Open Sans";
     background-color: var(--BGColor);
	color: var(--FontColor);
	font-size: 100%;
      display: flex;
	margin: auto;
	border: solid 1px var(--BGColorPrimary);
	font-weight: bold;
    	box-sizing: border-box;
}
#TID0379108100 [class^="widgetTableCell field"] {
	text-align: right;
	font-size: 100%;
	padding-left: 0;
	padding-right: 0%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	font-weight: normal;
}
#TID0379108100 [class^="widgetTableCell header"] {
	text-align: right;
	white-space: nowrap;
	padding: 0;
}
#TID0379108100 .Title {
	/*width: 100%;*/
	/*display: flex;*/
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	padding: 1%;
	color: var(--FontColorPrimary);
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
#TID0379108100 #TableHeaderRow {
	display: flex;
    flex-wrap: nowrap;
    width: 100%;
    background-color: var(--BGColorSecondary);
    color: var(--FontColorSecondary);
    font-size: 95%;
    font-weight: bold;
	line-height: 2;
}
#TID0379108100 .down {
	color: var(--FontColorDown);
}
#TID0379108100 .up {
	color: var(--FontColorUp);
}
#TID0379108100 .flat {
	color: var(--FontColorFlat);
}
#TID0379108100 .even {
}
#TID0379108100 .odd {
}
#TID0379108100 #chartTD {
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 0px;
	padding-top: 1%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;
}
#TID0379108100 #timeframeButtons {
	box-sizing: border-box;
	width: 100%;
	margin: auto;
	padding: 0 1%;
	padding-top: 1%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	text-align: center;
	color: var(--FontColorPrimary);
	font-size: 100%;
	font-weight: bold;
	white-space:nowrap;
}
#TID0379108100 .timeframeButton {
	line-height: 250%;
	flex-grow: 1;
	/*flex-basis: 20%;*/
	text-align: center;
	display: inline-block;
	cursor: pointer;
	color: var(--FontColorPrimary);
	background-color: var(--BGColorPrimary);
	border: solid 1px var(--BGColorSecondary);
}
#TID0379108100 .timeframeButton.last {
	/*border-right:1px solid;*/
}
#TID0379108100 .timeframeButton.first {
}

#TID0379108100 .timeframeButton.pushed {
	background-color: var(--BGColorSecondary);
	color: var(--FontColorPrimary);
	border: solid 1px var(--FontColorPrimary);
}
#TID0379108100 .selected {
	/*
	font-weight: bold !important;
	font-style: italic !important;
	background-color: var(--BGColorSelected);
	color: var(--FontColorSelected);
	border: solid 1px var(--BGColorSecondary);
*/
}
#TID0379108100 .sectionBreakLine {
	width: 100%;
	border: none;
	height: 1px;
	padding: 0px;
	margin-top: 1%;
	margin-bottom: 1%;
}
#TID0379108100 .sectionBreakRow {
	background-color:;
	font-weight: bold;
	font-size: 90%;
}
#TID0379108100 .footerLine {
	width: 100%;
	border: none;
	height: 1px;
	padding: 0px;
	margin-top: 1%;
	margin-bottom: 1%;
}
#TID0379108100 .titleContainer {
	display:none;
    	background-color: var(--BGColorPrimary);
     	color: var(--FontColorPrimary);
	line-height: 1.5;
	width: 100%;
    	order: 0;
}
#TID0379108100 #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);
}
#TID0379108100 #TimeStampContainer {
	display: flex;
	order: 6;
	padding-top: 1%;
    	padding-bottom: 0;
    	width: 100%;
}
#TID0379108100 #TimeStamp {
	width: 100%;
	font-size: 65%;
	text-align: center;
	color: var(--FontColorSecondary);
}
#TID0379108100 #copyright {
	color: var(--FontColorCopyright);
	width: 100%;
	font-size: 70%;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1.5%;
}
#TID0379108100 .col1 {
	min-width: 170px;
	text-align: left;
	padding-left: 1%;
}
#TID0379108100 .col2 {
	font-weight: bold;
}
#TID0379108100 .col6 {
	padding-right: 1%;
}
#TID0379108100 .header2 {
	padding-right: 10px;
}
#TID0379108100 .widgetTableCell.lastHeaderOrField {
	padding-right: 2% !important;
	text-align: right !important;
}

#TID0379108100 .field1 {
	text-align: left !important;
    	white-space: nowrap;
}
#TID0379108100 #footerLineContainer {
	display: none;
}
#TID0379108100 .sectionBreak {
	padding: 1%;
	text-align: left;
	width: 100%;
}
#TID0379108100 #messageContainer {
	display: none;
	order: 5;
}
#TID0379108100 #message {
	color: var(--FontColorSecondary);
	width: 100%;
	font-size: 65%;
	text-align: center;
	padding-top: 2%;
}
#TID0379108100 .getWidget {
	font-size: 100%;
}
#TID0379108100 #copyrightContainer {
	width: 100%;
	display: flex;
	order: 6;
	opacity: .6;
}
#TID0379108100 .widgetTableCell {
	box-sizing: border-box;
	flex-grow: 1;
	width: 100%;
	list-style: none;
}
#TID0379108100 #drilldownLink {
	width: 100%;
	padding-top: 0.2%;
	padding-bottom: 0.2%;
	font-size: 100%;
	text-align: center;
}
#preview {
	position: absolute;
	background-color: var(--BGColorPrimary);
	padding: 0.1%;
	display: none;
	color: var(--FontColorPrimary);
	z-index: 99999;
}

@container (max-width: 600px) {
	/* single column layout */
	#TID0379108100 #TimeStamp {
		font-size: 60%;
	}
	#TID0379108100 .TableRow {
		display: inline;
		padding: 0 5px 10px 5px;
	}
	#TID0379108100 .valPrefix {
	    	display: inherit;
		font-weight: normal;
		padding-right: 5px;
		text-transform: none;
	}
	#TID0379108100 [class^="widgetTableCell header"] {
    		display: none;
	}
	#TID0379108100 .header1 {
    		display: inline;
	}	
	#TID0379108100 .field1 {
		font-weight: bold;
	}	
	#TID0379108100 .col2 {
		/*font-weight: normal;*/
	}
/*
	#TID0379108100 .col3, #TID0379108100 .col4, #TID0379108100 .col5, #TID0379108100 .col6 {
		display: none;
	}
*/
	#TID0379108100 #TimeStamp {
		font-size: 60%;
	}
	#TID0379108100 .col2 {
		padding-right: 2%;
	}
}

@container (min-width: 601px) and (max-width: 700px) {
	#TID0379108100 .col4, #TID0379108100 .col5, #TID0379108100 .col6 {
		display: none;
	}
	#TID0379108100 .col3 {
		padding-right: 2%;
	}
}

@container (min-width: 701px) and (max-width: 1000px) {
	#TID0379108100 .col5, #TID0379108100 .col6 {
		display: none;
	}
	#TID0379108100 .col4 {
		padding-right: 2%;
	}
}

@container (min-width: 1001px) and (max-width: 1100px) {
	#TID0379108100 .col6 {
		display: none;
	}
	#TID0379108100 .col5 {
		padding-right: 2%;
	}
}