@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i&subset=latin-ext');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; box-sizing: border-box; }
body { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; color: #000; -webkit-font-smoothing: antialiased;}
ol, ul, dl { padding: 0; margin: 0; list-style-type: none; }
table { border-collapse: collapse; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
input, select, textarea { color: #000; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; }
table { width: 100%; text-align: right; border-collapse: collapse; font-weight: 300; font-size: 1.214em;}
table .heading { display: none; }
table td, table th {padding:5px; height: 30px; }
table th {font-weight:300; font-size:0.647em; border-bottom: 1px solid #d5d5d5; color: #555; height: 23px;}
table th:first-child {padding-left: 44px !important;}
table td {border-bottom: 1px solid #e7e7e7; height: 30px;}
table td.last { text-align: right; }
table tr :first-child { text-align: left; padding-left: 0;}
table tr :last-child {padding-right: 0;}
table tr td:first-child { font-weight: 600; }
table tr td.symbol:before {content: ""; float: left; width: 20px; height: 20px; background: url("../img/icon_gold.png"); margin-right: 5px; background-size: 100%;}
table tr th:nth-child(2),
table tr td:nth-child(2) {display: none;}
table tr:last-child td {border-bottom: 0;}
.icon { display: inline-block; width:6px; height:6px; background-size: 100% !important; margin:0 5px 0 4px; background: #c5c5c7; position: relative; top: -3px;}
.icon.down {width:10px; height:12px; background: url("../img/down.png") center center no-repeat; margin: 0 5px 0 0; top: 0;}
.icon.up {width:10px; height:12px; background: url("../img/up.png") center center no-repeat; margin: 0 5px 0 0; top: 0;}
.down {color: #db1113;}
.up {color: #2ba029;}
.percentage {font-weight: 600;}



@media screen and (max-width:580px) {
	th:last-child,
	td:last-child {display: none;}
}

@media screen and (max-width:530px) {
	th:nth-child(6),
	td:nth-child(6) {display: none;}
}

@media screen and (max-width:440px) {
	th:nth-child(3),
	td:nth-child(3) {display: none;}
}