<div class="qmod-ui-tool qmod-detailedquote"><div class="qmod-quotehead" rv-unless="scope.invalidSymbol"><div class="qmod-quotehead" rv-unless="data.entitlement | = 'NA'"><div class="qmod-block-wrapper" rv-addclass="tLang | preFix &quot;qmod-lang-&quot;"><div rv-if="data | isValidSymbol"><h1 class="qmod-heading qmod-hbg"><span class="flag" rv-if="data.showFlag" rv-addclass="data.key.exchangecountry"></span><span class="qmod-t-text" rv-html="data.equityinfo.longname"></span><span class="qmod-aria-noread" rv-if="data.equityinfo.longname" aria-hidden="true">&nbsp;</span><span class="qmod-aria-noread" rv-if="data.equityinfo.longname" aria-hidden="true">(</span><span rv-html="data.symbolstring | whitespace"></span><span class="qmod-aria-noread" rv-if="data.equityinfo.longname" aria-hidden="true">)</span><div class="qmod-inline-ul" rv-if="scope.reloadControl.autoUpdate.visible"><ul class="qmod-buttons qmod-pull-right qmod-head-reload"><li class="qmod-refresh-control" rv-if="scope.reloadControl.refresh.visible"><button class="qmod-btn qmod-btn-link" rv-on-click="scope.reloadControl.refresh.click"><i class="fa fa-refresh" rv-class-fa-spin="scope.reloadControl.refresh.spin"></i><span class="qmod-btn-text">{scope.reloadControl.refresh.label}</span></button></li><li class="qmod-autoupdate-control" rv-if="scope.reloadControl.autoUpdate.visible"><button class="qmod-btn qmod-btn-link" rv-on-click="scope.reloadControl.autoUpdate.click"><i class="fa" rv-ifclass="scope.reloadControl.autoUpdate.enabled" data-qmod-true-class="fa-toggle-on qmod-ch-up" data-qmod-false-class="fa-toggle-off qmod-ch-down"></i><span class="qmod-btn-text">{scope.reloadControl.autoUpdate.label}</span></button></li></ul></div></h1></div><div class="qmod-invalid" rv-unless="data | isEntitled">{tplLang.notentitled| toLang tLang} {tplLang.for| toLang tLang} {data.symbolstring}</div><div class="qmod-invalid" rv-unless="data | isValidSymbol">{tplLang.invalidsymbol| toLang tLang}: {data.symbolstring}</div><div class="pure-g" rv-unless="data.entitlement | = 'NA'"><div class="pure-u-1" rv-class-pure-u-md-1-2="data.qhShowRight"><div class="qmod-head-left" rv-aria-label="'quote data' | i8ln tLang | addWord 'for' | i8ln tLang | addWord data.equityinfo.longname"><div class="qmod-mkt-hours"><div class="qmod-mkt-top"><span class="qmod-last" rv-if="data.datatype |= 'index'">{data.pricedata.last | asQHLast tLang}</span><span class="qmod-last" rv-unless="data.datatype |= 'index'">{data.pricedata.last | asQHLast tLang | asCurrency data.key.currency tLang}</span><span class="qmod-change" rv-qmodchange="data.pricedata.change"><span class="qmod-change-icon fa" rv-qmodchangeicon="data.pricedata.change"></span><span class="qmod-tot"><span class="qmod-chg-prefix" rv-if="chg_prefix">+</span><span class="qmod-chg-total">{data.pricedata.change | numeraljs '0.00'}</span></span><span class="qmod-pct"><span class="qmod-brackets">(</span><span class="qmod-chg-prefix" rv-if="chgpct_prefix">+</span><span class="qmod-chg-percent">{data.pricedata.changepercent | numeraljs '0.00' | postFix '%' tLang}</span><span class="qmod-brackets">)</span></span></span><span class="qmod-reghalt" rv-if="data.status"><a class="qmod-tooltip" rv-if="data.status.regsho" rv-title="data.status.regsho | asRegsho" rv-on-mouseenter="data.qmtooltip">{data.status.regsho}</a><a class="qmod-tooltip" rv-if="data.status.halt" rv-title="data.status.halt.code | asHaltCode" rv-on-mouseenter="data.qmtooltip">{data.status.halt.code}</a></span></div><div class="qmod-mkt-mid"><span class="qmod-bid" rv-if="data.pricedata.bid"><span class="qmod-lbl">{tplLang.bid | toLang tLang}:&nbsp;</span><span class="qmod-dp">{data.pricedata.bid | asQHLast tLang}</span><span class="qmod aria-hidden">&nbsp;x&nbsp;</span><span class="qmod-dp">{data.pricedata.bidsize}</span></span><span class="qmod-ask" rv-if="data.pricedata.ask"><span class="qmod-lbl">{tplLang.ask | toLang tLang}:&nbsp;</span><span class="qmod-dp">{data.pricedata.ask | asQHLast tLang}</span><span class="qmod aria-hidden">&nbsp;x&nbsp;</span><span class="qmod-dp">{data.pricedata.asksize}</span></span></div><div class="qmod-mkt-btm"><span class="qmod-datetime" rv-if="data.pricedata.lasttradedatetime"><span rv-hide="data.entitlement | or_comma_list 'PD,EOD,PW'"><span class="qmod-datetime-date" rv-html="data.pricedata.lasttradedatetime | momentjs 'true' 'LLL' tLang"></span><span class="qmod-datetimezone">{data.tz | asTimezone tLang}</span></span><span rv-show="data.entitlement | or_comma_list 'PD,EOD,PW'"><span rv-html="data.pricedata.lasttradedatetime | momentjs 'true' 'LL' tLang"></span></span></span><span class="qmod-datetime" rv-unless="data.pricedata.lasttradedatetime"><span class="qmod-datetime-date" rv-show="data.datetime" rv-html="data.datetime | momentjs 'true' 'LL' tLang"></span></span><span class="qmod-volume" rv-unless="data.datatype | = 'equity'"><span class="qmod-sm-hide" rv-if="data.pricedata.sharevolume"> <span class="qmod-lbl">Volume:&nbsp;</span><span>{data.pricedata.sharevolume | numeraljs '0,0' 'N/A' tLang}</span></span></span><span class="qmod-volume" rv-if="data.datatype | = 'equity'"><span class="qmod-sm-hide" rv-if="data.pricedata.sharevolume | exists"> <span class="qmod-lbl">Volume:&nbsp;</span><span>{data.pricedata.sharevolume | numeraljs '0,0' '0' tLang}</span></span></span></div></div><div class="qmod-after-hours" rv-show="scope.showAfterHours"><span class="qmod-afh"> <span class="qmod-lbl">{tplLang.afterhours| toLang tLang}&nbsp;</span><span class="qmod-nodata" rv-hide="data.afterhours.hasData">-</span><span class="qmod-data" rv-show="data.afterhours.hasData"><span class="qmod-last">{data.afterhours.lastFormatted}</span><span class="qmod-tot"><span class="qmod-chg-total">{data.afterhours.changeFormatted}</span></span><span class="qmod-pct"><span class="qmod-brackets">(</span><span class="qmod-chg-percent">{data.afterhours.changePercentFormatted}</span><span class="qmod-brackets">)</span></span></span></span><span class="qmod-ah-bottom" rv-show="data.afterhours.hasData"><span class="qmod-datetime"><span class="qmod-datetime-date">{data.afterhours.lasttradedatetimeFormatted}</span><span class="qmod-datetimezone" rv-if="data.afterhours.lasttradedatetimeFormatted | != '-'">{data.tz | asTimezone tLang}</span></span><span class="qmod-volume" rv-if="data.afterhours.sharevolume"><span class="qmod-sm-hide">Volume: {data.afterhours.sharevolume | numeraljs '0,0' '-' tLang}</span></span></span></div><div class="qmod-premarket-hours" rv-show="scope.showPreMarket"><span class="qmod-afh"> <span class="qmod-lbl">{tplLang.premarket| toLang tLang}&nbsp;</span><span class="qmod-nodata" rv-hide="data.premarket.hasData">-</span><span class="qmod-data" rv-show="data.premarket.hasData"><span class="qmod-last">{data.premarket.lastFormatted}</span><span class="qmod-tot"><span class="qmod-chg-total">{data.premarket.changeFormatted}</span></span><span class="qmod-pct"><span class="qmod-brackets">(</span><span class="qmod-chg-percent">{data.premarket.changePercentFormatted}</span><span class="qmod-brackets">)</span></span></span></span><span class="qmod-ah-bottom" rv-show="data.premarket.hasData"><span class="qmod-datetime"><span class="qmod-datetime-date">{data.premarket.lasttradedatetimeFormatted}</span><span class="qmod-datetimezone" rv-if="data.premarket.lasttradedatetimeFormatted | != '-'">{data.tz | asTimezone tLang}</span></span><span class="qmod-volume" rv-if="data.premarket.sharevolume"><span class="qmod-sm-hide">Volume: {data.premarket.sharevolume | numeraljs '0,0' '-' tLang}</span></span></span></div><div class="qmod-entline"><span class="qmod-ent-item" rv-if="data.key.currency"><span rv-html="data.key.currency"></span></span><span class="qmod-ent-item" rv-if="data.key.exLgName"><span rv-html="data.key.exLgName"></span></span><span class="qmod-ent-item" rv-if="data.entitlement"><span rv-html="data.entitlement | asEnt tLang"></span><a class="qmod-tooltip" rv-if="data.entitlement | or 'RTN' 'RTB'" rv-title="tplLang.notsourcedallmarkets | toLang tLang" rv-on-mouseenter="data.qmtooltip" rv-aria-label="tplLang.notsourcedallmarkets | toLang tLang"><span class="qm_icon-infotip-reg qmod-icon" aria-hidden="true"></span></a></span><span class="qmod-ent-item" rv-if="data.key.iscurrentlyopen" rv-show="data.key.iscurrentlyopen | = 'false'"><span rv-html="tplLang.marketclosed | toLang tLang"></span></span><span rv-unless="data.key.iscurrentlyopen"><span class="qmod-ent-item-optional-last" rv-if="data.key.isopen" rv-show="data.key.isopen | = 'false'"><span rv-html="tplLang.marketclosed | toLang tLang"></span></span></span></div></div></div><div class="pure-u-1 pure-u-md-1-2" rv-if="data.qhShowRight"><div class="qmod-head-right" rv-if="data.lowHigh"><div class="qmod-daylow" rv-if="data.pricedata.low"><span class="qmod-day-low">{tplLang.low| toLang tLang}: {data.pricedata.low | asQHLast tLang}</span><span class="qmod-day-high">{tplLang.high| toLang tLang}: {data.pricedata.high | asQHLast tLang}</span><div class="qmod-daylowbar"><span class="qmod-hl-arrow" rv-style-left="data.dayhighLow.arrow"><i class="fa fa-caret-down" aria-hidden="true"></i><span class="qmod-hl-label" rv-class-qmod-hl-left="data.dayhighLow.arrowClass | call"> {tplLang.prevclose| toLang tLang}: {data.pricedata.prevclose | asQHLast tLang}</span></span><span class="qmod-barpct" rv-style-width="data.dayhighLow.barPct">{tplLang.last| toLang tLang}: {data.pricedata.last | asQHLast tLang}</span></div></div><div class="qmod-daylow" rv-if="data.fundamental.week52high"><span class="qmod-day-low">{tplLang.yearlow| toLang tLang}: {data.fundamental.week52low.content | asQHLast tLang}</span><span class="qmod-day-high">{tplLang.yearhigh| toLang tLang}:  {data.fundamental.week52high.content | asQHLast tLang}</span><div class="qmod-daylowbar"><span class="qmod-hl-arrow" rv-style-left="data.yearhighLow.arrow"><i class="fa fa-caret-down" aria-hidden="true"></i><span class="qmod-hl-label" rv-class-qmod-hl-left="data.yearhighLow.arrowClass"> {tplLang.prevclose| toLang tLang}: {data.pricedata.prevclose | asQHLast tLang}</span></span><span class="qmod-barpct" rv-style-width="data.yearhighLow.barPct">{tplLang.last| toLang tLang}: {data.pricedata.last | asQHLast tLang}</span></div></div></div><div class="qmod-head-right" rv-if="data.tradeURL"><div class="qmod-tradecont"><a rv-href="data.tradeURLbuy"><div class="qmod-btn qmod-green">{tplLang.buyl| toLang tLang}</div></a><a rv-href="data.tradeURLsell"><div class="qmod-btn qmod-red">{tplLang.selll| toLang tLang}</div></a></div></div><div class="qmod-head-right" rv-if="data.showLogo" rv-show="data.logo"><div class="qmod-cplogo"><div class="qmod-cplogo-inner"><img rv-src="data.logo" rv-alt="data.equityinfo.longname"/></div></div></div></div></div></div></div><div class="qmod-quotehead" rv-unless="data | isEntitled"><div class="qmod-block-wrapper"><h1 class="qmod-heading qmod-hbg"><span class="flag" rv-if="data.showFlag" rv-addclass="data.key.exchangecountry"></span><span class="qmod-t-text">{data.equityinfo.longname}&nbsp;</span>(<span rv-html="data.symbolstring | whitespace"></span>)</h1></div></div></div><div class="qmod-block-wrapper"><h2 class="qmod-heading qmod-hbg">{tplLang.dq_toolname| toLang tLang}</h2><div class="pure-g" rv-if="data | isEntitled"><div class="pure-u-1"><div class="qmod-quotegrid" rv-on-keydown="data.popup.keydown"><div rv-if="data.datatype | or 'etf' 'equity'"><div class="pure-g qmod-quotegrid-table"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.last | asQHLast tLang }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp; </span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.change | asQHLast tLang }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.open | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.high | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bid | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bidsize" rv-if="data.pricedata.bidsize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bidsize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bidsize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-beta" rv-if="data.fundamental.beta"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.beta| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.beta | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52high" rv-if="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week high modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52high.content | asQHLast tLang}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend" rv-if="data.dividend.amount"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.dividendamount | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.amount | asQHLast tLang} {data.key.currency}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-payable" rv-if="data.dividend.payable"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'previous' | i8ln tLang} {tplLang.payabledate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.payable}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-frequency" rv-if="data.dividend.frequency"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'dividend frequency' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.frequency}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-forwarddivrate" rv-if="data.fundamental.dividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.forwarddivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.dividendRate | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-record" rv-if="data.dividend.record"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'previous' | i8ln tLang} { tplLang.recorddate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.record}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-declared" rv-if="data.dividend.declared"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'previous' | i8ln tLang} { tplLang.declareddate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.declared}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-upcoming-dividend-exdate" rv-if="data.upcomingDividend.ex"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'upcoming' | i8ln tLang} {'ex-date' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingDividend.ex}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-upcoming-dividend-record" rv-if="data.upcomingDividend.record"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'upcoming' | i8ln tLang} { tplLang.recorddate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingDividend.record}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-upcoming-dividend-declared" rv-if="data.upcomingDividend.declared"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'upcoming' | i8ln tLang} { tplLang.declareddate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingDividend.declared}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-upcoming-dividend-payable" rv-if="data.upcomingDividend.payable"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'upcoming' | i8ln tLang} { tplLang.payabledate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingDividend.payable}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-trailing" rv-if="data.dividend.trailingDividendYield"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdividendyield | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.dividend.trailingDividendYield | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-marketcap" rv-if="data.fundamental.marketcap"><div class="pure-u-1-2"><div class="qmod-label qmod-textl" rv-if="scope.modifiedMarketCap | = 'both'">{tplLang.marketcapac| toLang tLang}</div><div class="qmod-label qmod-textl" rv-unless="scope.modifiedMarketCap | = 'both'">{tplLang.marketcap| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.marketcap | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-marketcap" rv-if="data.fundamental.modifiedMarketCap"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.marketcap| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.modifiedMarketCap | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-pbratio" rv-if="data.fundamental.pbratio"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.pbratio| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.pbratio | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-eps" rv-if="data.fundamental.eps"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.eps| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.eps | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-float" rv-if="data.fundamental.avgvol30days" rv-show="scope.floatadv"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.avpd30| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.avgvol30days | numeraljs '0.00a'}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-sharevolume" rv-if="data.pricedata.sharevolume"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.volume| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.sharevolume | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.pricedata.changepercent | numeraljs '0.00' '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.prevclose | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.low | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.ask | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-asksize" rv-if="data.pricedata.asksize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.asksize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.asksize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-vwap" rv-if="data.pricedata.vwap"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.vwap| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.vwap| numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52low" rv-if="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week low modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52low.content | asQHLast tLang}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-forward" rv-if="data.dividend.forwardDividendYield"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.forwarddividendyield | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.dividend.forwardDividendYield | numeraljs '0.00' | postFix '%'">           </div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend-exdate" rv-if="data.dividend.ex"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{'previous' | i8ln tLang} {'ex-date' | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.dividend.ex}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend" rv-if="data.fundamental.dividend"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yield| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.fundamental.dividend.yield | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-dividend" rv-if="data.fundamental.dividend"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.divdate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.dividend.date}</div></div></div><!--div.qmod-line-sep.qmod-quote-element.qmod-quote-element-sharesoutstanding(rv-if="data.fundamental.sharesoutstanding")div.pure-u-1-2: div.qmod-label.qmod-textl {tplLang.sharesout| toLang tLang}
div.pure-u-1-2: div.qmod-data-point.qmod-textr {data.fundamental.sharesoutstanding | numeraljs '0.00a'}--><div class="qmod-line-sep qmod-quote-element qmod-quote-element-totalshares" rv-if="data.fundamental.totalsharesoutstanding"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.totalshares| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.totalsharesoutstanding | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-shareclasslevelsharesoutstanding" rv-if="data.fundamental.shareclasslevelsharesoutstanding"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.sharesout| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.shareclasslevelsharesoutstanding | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-sharesescrow" rv-if="data.fundamental.sharesescrow"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.sharesescrow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.sharesescrow | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-peratio" rv-if="data.fundamental.peratio"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.peratio| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.peratio | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-payoutratio" rv-if="data.fundamental.payoutRatio"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.payoutRatio| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.fundamental.payoutRatio | math '*' 100 | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-float" rv-if="data.fundamental.float" rv-show="scope.floatadv"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.float| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.float | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip">{data.key.exShName}</a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-earnings" rv-if="data.earnings.reportDate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.previousearningsdate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.earnings.reportDate}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-earnings" rv-if="data.upcomingEarnings.reportDate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.upcomingearningsdate | toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.upcomingEarnings.reportDate}</div></div></div></div></div></div></div><div rv-if="data.datatype | = 'forex'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.last | numeraljs }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp;</span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.change | numeraljs }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.open | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.high | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bid | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52low" rv-if="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week low modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52low.content | numeraljs}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-lasttradedatetime" rv-if="data.pricedata.lasttradedatetime"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.date| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.pricedata.lasttradedatetime | momentjs 'true' 'MMM DD, YYYY'" rv-on-mouseenter="data.qmtooltip" rv-text="data.pricedata.lasttradedatetime | momentjs 'true' 'h:mmA'"></a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.changepercent | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.prevclose | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.low | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.ask | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52high" rv-if="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week high modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52high.content | numeraljs}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.key.exShName"></a></div></div></div></div></div></div></div><div rv-if="data.datatype | = 'index'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.last | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp;</span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.change | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.open | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.high | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.bid | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52low" rv-if="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week low modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52low.content | numeraljs}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-sharevolume" rv-if="data.pricedata.sharevolume"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.volume| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.sharevolume | numeraljs '0,0'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-lasttradedatetime" rv-if="data.pricedata.lasttradedatetime"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.date| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.pricedata.lasttradedatetime | momentjs 'true' 'MMM DD, YYYY'" rv-on-mouseenter="data.qmtooltip" rv-text="data.pricedata.lasttradedatetime | momentjs 'true' 'h:mmA'"></a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.pricedata.changepercent | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.prevclose | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.low | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.ask | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52high" rv-if="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week high modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52high.content | numeraljs}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.key.exShName"></a></div></div></div></div></div></div></div><div rv-if="data.datatype | or 'mutual fund' 'money market fund'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.priceData.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.priceData.last | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.priceData.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp;</span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.priceData.change | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.priceData.changePercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.priceData.changePercent | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.priceData.prevClose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.priceData.prevClose | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-weeks52high" rv-if="data.fundamental.weeks52High"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.fundamental.weeks52High | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-weeks52low" rv-if="data.fundamental.weeks52Low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.fundamental.weeks52Low | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.symbolInformation.exchange.shortName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.symbolInformation.exchange.shortName"></a></div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-yeartodatepct" rv-if="data.shareInfo.pricechange.yeartodatepct"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ytd| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.pricechange.yeartodatepct | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-day30pct" rv-if="data.shareInfo.pricechange.day30pct"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.1mnth| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.pricechange.day30pct | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-day90pct" rv-if="data.shareInfo.pricechange.day90pct"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.3mnths| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.pricechange.day90pct | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-weeks52change" rv-if="data.shareInfo.priceinfo.weeks52change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.1yr| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.priceinfo.weeks52change | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-year3change" rv-if="data.shareInfo.priceinfo.year3change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.3yr| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.priceinfo.year3change | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-year5change" rv-if="data.shareInfo.priceinfo.year5change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.5yr| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.priceinfo.year5change | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-year10change" rv-if="data.shareInfo.priceinfo.year10change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.10yr| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.shareInfo.priceinfo.year10change | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div></div></div><div rv-if="data.datatype | = 'equity option'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.last | asQHLast tLang }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.net| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.change | numeraljs }</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.open | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.high | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bid | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bidsize" rv-if="data.pricedata.bidsize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bidsize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bidsize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contracthigh" rv-if="data.contract.contracthigh"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.contracthigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.contracthigh | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-strike" rv-if="data.contract.strike"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.strike| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.strike | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-openinterest" rv-if="data.contract.openinterest"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.openinterest| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.openinterest | numeraljs '0,0'}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-lasttradedatetime" rv-if="data.pricedata.lasttradedatetime"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.date| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.pricedata.lasttradedatetime | momentjs 'true' 'MMM DD, YYYY'" rv-on-mouseenter="data.qmtooltip" rv-text="data.pricedata.lasttradedatetime | momentjs 'true' 'h:mmA'"></a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">Net&nbsp;%</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.changepercent | numeraljs '0.00'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.prevclose | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.low | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.ask | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-asksize" rv-if="data.pricedata.asksize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.asksize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.asksize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contractlow" rv-if="data.contract.contractlow"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.contractlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.contractlow | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contractvolume" rv-if="data.pricedata.contractvolume"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.volume| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.contractvolume | numeraljs '0,0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip">{data.key.exShName}</a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div></div></div><div rv-if="data.datatype | = 'future'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.last| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.last | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-change" rv-if="data.pricedata.change"><div class="pure-u-1-2"><div class="qmod-label qmod-textl"> <span rv-if="data.key.currency">{data.key.currency | asCurrencySymbol}&nbsp;</span><span rv-unless="data.key.currency">$&nbsp;</span><span>{tplLang.chg | toLang tLang}</span></div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.change | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-open" rv-if="data.pricedata.open"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.open| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.open | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-high" rv-if="data.pricedata.high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.high| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.high | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid" rv-if="data.pricedata.bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.bid | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bidsize" rv-if="data.pricedata.bidsize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bidsize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.bidsize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-totalshares" rv-if="data.fundamental.totalsharesoutstanding"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.totalshares| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.totalsharesoutstanding | numeraljs '0.00a'}        </div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52high" rv-if="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearhigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week high modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52high.content | asQHLast tLang}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contracthigh" rv-if="data.contract.contracthigh" rv-hide="data.fundamental.week52high"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.contracthigh| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.contracthigh | numeraljs '0,0.00'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-openinterest" rv-if="data.contract.openinterest"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.openinterest| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.openinterest | numeraljs '0,0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-float" rv-if="data.fundamental.avgvol30days" rv-show="scope.floatadv"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.avpd30| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.avgvol30days | numeraljs '0.00a'}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-sharevolume" rv-if="data.pricedata.sharevolume"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.volume| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.sharevolume | numeraljs '0,0'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-changepercent" rv-if="data.pricedata.changepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.changepct| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-html="data.pricedata.changepercent | numeraljs '0.00' | postFix '%'"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-prevclose" rv-if="data.pricedata.prevclose"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.prevclose| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.prevclose | numeraljs}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-low" rv-if="data.pricedata.low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.low| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.low | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask" rv-if="data.pricedata.ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.ask | numeraljs"></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-asksize" rv-if="data.pricedata.asksize"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.asksize| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.asksize | numeraljs '0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-asksize" rv-if="data.pricedata.vwap"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.vwap| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.pricedata.vwap | numeraljs '0,0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-week52low" rv-if="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.yearlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-popup-link" rv-aria-label="'52 week low modal' | i8ln tLang" role="button" rv-on-click="data.togglePopup" rv-on-enter-key-press-click="data.pressEnterClick" data-popuptype="week52low" tabindex="0"><i class="fa-solid fa-chart-simple"></i></a><span class="qmod-data-point qmod-textr">{data.fundamental.week52low.content | asQHLast tLang}</span></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-contractlow" rv-if="data.contract.contractlow" rv-hide="data.fundamental.week52low"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.contractlow| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.contract.contractlow | numeraljs '0,0.00'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-float" rv-if="data.fundamental.float" rv-show="scope.floatadv"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.float| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.float | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.key.exShName"></a></div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-trailingdivrate" rv-if="data.fundamental.trailingDividendRate"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.trailingdivrate| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.fundamental.trailingDividendRate | numeraljs}</div></div></div></div></div></div></div><div rv-if="data.datatype | = 'rate'"><div class="pure-g"><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-last" rv-if="data.pricedata.last"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.thisweek| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" rv-text="data.pricedata.last | numeraljs"></div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-exShName" rv-if="data.key.exShName"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.exchange| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr"><a class="qmod-tooltip" rv-title="data.key.exLgName" rv-on-mouseenter="data.qmtooltip" rv-text="data.key.exShName"></a></div></div></div></div></div></div></div><dialog class="qmod-popup"><div class="qmod-popup-title">{data.popup.data.title}<div class="qmod-popup-titlebar-buttons"><button class="qmod-btn" autofocus="autofocus" rv-on-click="data.popup.close" rv-aria-label="'close52' | i8ln tLang" tabindex="0"><i class="qmod-icon qm_icon-close-med" aria-hidden="true"></i></button></div></div><div class="qmod-popup-body" rv-html="data.popup.data.body"></div></dialog></div></div><div class="pure-u-1" rv-if="data.pricedata.datatype | = 'equity option'"><div class="qmod-quotegrid"><div class="qmod-option-extra"><div class="pure-g"><div class="pure-u-1"><div class="qmod-option-column"><div class="pure-g"><div class="pure-u-1-1 pure-u-md-1-2"><div class="qmod-option-column-cell qmod-box-wrap qmod-box-wrap-md-l"><h4 class="qmod-heading qmod-hbg qmod-textl">{"Risk Measures" | i8ln tLang}</h4><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-options-element qmod-options-element-delta"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Delta" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.greeks.delta | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div><div class="qmod-line-sep qmod-options-element qmod-options-element-rho"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Roe" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.greeks.rho | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div><div class="qmod-line-sep qmod-options-element qmod-options-element-vega"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Vega" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.greeks.vega | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-options-element qmod-options-element-gamma"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Gamma" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.greeks.gamma | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div><div class="qmod-line-sep qmod-options-element qmod-options-element-theta"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Theta" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.greeks.theta | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div><div class="qmod-line-sep qmod-options-element qmod-options-element-impvol"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"implied volatility" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.greeks.impvol | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div></div></div></div><div class="qmod-option-column-cell qmod-box-wrap qmod-box-wrap-md-l"><h4 class="qmod-heading qmod-hbg qmod-textl">{"Mark and Valuation" | i8ln tLang}</h4><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-l"><div class="qmod-line-sep qmod-options-element qmod-options-element-mark"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Mark" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.markind.mark | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div><div class="qmod-line-sep qmod-options-element qmod-options-element-markchange"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Mark change" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.markind.markchange | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div><div class="qmod-line-sep qmod-options-element qmod-options-element-extrinsicValue"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Extrinsic Value" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.markind.extrinsicValue | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-options-element qmod-options-element-prevmark"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Previous Mark" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.markind.prevmark | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div><div class="qmod-line-sep qmod-options-element qmod-options-element-markchangepercent"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Mark Change %" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.markind.markchangepercent | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div><div class="qmod-line-sep qmod-options-element qmod-options-element-intrinsicValue"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{"Intrinsic Value" | i8ln tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{data.optionInfo.markind.intrinsicValue | numeraljs '0,0.[00]' '&mdash;' tLang}</div></div></div></div></div></div></div><div class="pure-u-1-1 pure-u-md-1-2" rv-if="data.optionInfo.regionalmarkets.market"><div class="qmod-option-column qmod-box-wrap-md-r"><h4 class="qmod-heading qmod-hbg qmod-textl">{"Regional Options Activity" | i8ln tLang}</h4><table class="qmod-table qmod-table-small qmod-rov-table responsive nowrap no-footer" width="100%"><thead><tr><th class="qmod-control qmod-th-0"></th><th class="qmod-textl qmod-th-1">{"Exchange" | i8ln tLang}</th><th class="qmod-textr qmod-th-2">{"Price" | i8ln tLang}</th><th class="qmod-textr qmod-th-3">{"Volume" | i8ln tLang}</th><th class="qmod-textr qmod-th-4">{"datetime" | i8ln tLang}</th></tr></thead><tbody><tr rv-each-market="data.optionInfo.regionalmarkets.market" rv-show="market.last"><td class="qmod-control qmod-td-0"></td><td class="qmod-textl qmod-td-1"><a class="qmod-tooltip" rv-title="market.exchangeLgName" rv-on-mouseenter="data.qmtooltip">{market.exchangeShName}</a></td><td class="qmod-textr qmod-td-2">{market.last | asQHLast tLang &mdash;}</td><td class="qmod-textr qmod-td-3">{market.contractvolume | numeraljs '0,0.[00]' '&mdash;' tLang}</td><td class="qmod-textr qmod-td-4">{market.lasttradedatetime | momentjs true 'lll' tLang true}</td></tr></tbody></table></div></div></div></div></div></div></div></div></div><div class="pure-u-1" rv-if="data.pricedata.datatype | = 'future'"><div class="pure-u-1-1 qmod-futures-table-con"><table class="qmod-table qmod-table-small qmod-futures-table responsive nowrap no-footer" width="100%"><thead><tr><th class="qmod-control qmod-th-0"></th><th class="qmod-textl qmod-th-1">{tplLang.delivery| toLang tLang}</th><th class="qmod-textr qmod-th-2">{tplLang.symbol| toLang tLang}</th><th class="qmod-textr qmod-th-3">{tplLang.expirydate| toLang tLang}</th><th class="qmod-textr qmod-th-4">{tplLang.last| toLang tLang}</th><th class="qmod-textr qmod-th-5">{tplLang.change| toLang tLang}</th><th class="qmod-textr qmod-th-6">{tplLang.changepct| toLang tLang}</th><th class="qmod-textr qmod-th-7">{tplLang.open| toLang tLang}</th><th class="qmod-textr qmod-th-8">{tplLang.high| toLang tLang}</th><th class="qmod-textr qmod-th-12">{tplLang.low| toLang tLang}</th><th class="qmod-textr qmod-th-9">{tplLang.settle| toLang tLang}</th><th class="qmod-textr qmod-th-10">{tplLang.openint| toLang tLang}</th><th class="qmod-textr qmod-th-11">{tplLang.vol| toLang tLang}</th></tr></thead><tbody><tr class="qmod-table-row" rv-each-future="data.futures" rv-on-click="data.clickRow"><td class="qmod-td-0 qmod-control"></td><td class="qmod-textl qmod-td-1">{future.contract.deliverydate | date 'MMM YYYY'}</td><td class="qmod-textr qmod-td-2">{future.symbolstring}</td><td class="qmod-textr qmod-td-3">{future.contract.expirydate | date 'MMM DD, YYYY'}</td><td class="qmod-textr qmod-td-4">{future.pricedata.last| asQHLast}</td><td class="qmod-textr qmod-td-5">{future.pricedata.change| asQHLast}</td><td class="qmod-textr qmod-td-6">{future.pricedata.changepercent| asQHLast}</td><td class="qmod-textr qmod-td-7">{future.pricedata.open| asQHLast}</td><td class="qmod-textr qmod-td-8">{future.pricedata.high| asQHLast}</td><td class="qmod-textr qmod-td-9">{future.pricedata.low| asQHLast}</td><td class="qmod-textr qmod-td-10">{future.contract.settle| asQHLast}</td><td class="qmod-textr qmod-td-11">{future.contract.openint|  numeraljs '0,0.[00]' '0'}</td><td class="qmod-textr qmod-td-12">{future.contract.volume| numeraljs '0,0.[00]a' '0'}</td></tr></tbody></table></div></div></div><div class="pure-g" rv-if="scope.invalidSymbol"><div class="pure-u-1 qmod-textc"><div class="qmod-invalid">{tplLang.invalidsymbol| toLang tLang}: {data.symbolstring}</div></div></div><div class="pure-g" rv-if="scope.notEntitled"><div class="pure-u-1 qmod-textc"><div class="qmod-invalid">{tplLang.notentitled | toLang tLang} {tplLang.for | toLang tLang} {data.symbolstring}</div></div></div></div></div>