/*
 * components/icons.css — Heading link icon buttons (span.Links a.icon)
 *
 * Color variants (email_red, dollar-blue, etc.) use CSS filter rather than
 * separate image files — this pattern is already in the original stylesheet.
 */

/* ─── Base Icon ──────────────────────────────────────────────────────────── */

span.Links a.icon       {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: bottom;
  margin-left: 2px;
}
span.Links a.icon.send          { width: 40px; }
span.Links a.icon.newpage       { width: 26px; }
span.Links a.icon.arrow         { width: 12px; margin-left: -5px; }

/* ─── Icon Images ────────────────────────────────────────────────────────── */

span.Links a.icon.upload              { background-image: url(../../../../images/upload22.png); }
span.Links a.icon.suedit              { background-image: url(../../../../images/suedit22.png); }
span.Links a.icon.download            { background-image: url(../../../../images/download22.png); }
span.Links a.icon.back                { background-image: url(../../../../images/back22.png); }
span.Links a.icon.forward             { background-image: url(../../../../images/forward22.png); }
span.Links a.icon.excel               { background-image: url(../../../../images/export22.png); }
span.Links a.icon.pdf                 { background-image: url(../../../../images/pdf22.png); }
span.Links a.icon.docx                { background-image: url(../../../../images/docx22.png); }
span.Links a.icon.book                { background-image: url(../../../../images/book22.png); }
span.Links a.icon.box                 { background-image: url(../../../../images/box22.png); }
span.Links a.icon.page                { background-image: url(../../../../images/page22.png); }
span.Links a.icon.tree                { background-image: url(../../../../images/tree22.png); }
span.Links a.icon.ccBlue              { background-image: url(../../../../images/ccBlue22.png); }
span.Links a.icon.ccGreen             { background-image: url(../../../../images/ccGreen22.png); }
span.Links a.icon.ccYellow            { background-image: url(../../../../images/ccYellow22.png); }
span.Links a.icon.payYellow           { background-image: url(../../../../images/payYellow22.png); }
span.Links a.icon.payGreen            { background-image: url(../../../../images/payGreen22.png); }
span.Links a.icon.dollar-green        { background-image: url(../../../../images/dollar-green22.png); }
span.Links a.icon.dollar-blue         { background-image: url(../../../../images/dollar-green22.png); filter: hue-rotate(90deg) saturate(5); }
span.Links a.icon.clock               { background-image: url(../../../../images/clock22.png); }
span.Links a.icon.pdf.view            { background-image: url(../../../../images/pdf-view22.png); }
span.Links a.icon.pdf.download        { background-image: url(../../../../images/pdf-download22.png); }
span.Links a.icon.pdf.email           { background-image: url(../../../../images/pdf-email22.png); }
span.Links a.icon.pdf.email_red       { background-image: url(../../../../images/pdf-email22.png); filter: hue-rotate(180deg) saturate(5); }
span.Links a.icon.pdf.email_blue      { background-image: url(../../../../images/pdf-email22.png); filter: hue-rotate(50deg)  saturate(5); }
span.Links a.icon.pdf.email_purple    { background-image: url(../../../../images/pdf-email22.png); filter: hue-rotate(90deg)  saturate(5); }
span.Links a.icon.pdf.email_green     { background-image: url(../../../../images/pdf-email22.png); filter: hue-rotate(280deg) saturate(5); }
span.Links a.icon.pdf.print           { background-image: url(../../../../images/pdf-print22.png); }
span.Links a.icon.chart               { background-image: url(../../../../images/chart22.png); }
span.Links a.icon.chartstack          { background-image: url(../../../../images/chartstack22.png); }
span.Links a.icon.split               { background-image: url(../../../../images/arrow-split22.png); }
span.Links a.icon.join                { background-image: url(../../../../images/join22.png); }
span.Links a.icon.send                { background-image: url(../../../../images/send22.png); }
span.Links a.icon.store               { background-image: url(../../../../images/store22.png); }
span.Links a.icon.tick                { background-image: url(../../../../images/tick22.png); }
span.Links a.icon.calendar            { background-image: url(../../../../images/calendar-plain22.png); }
span.Links a.icon.invoice             { background-image: url(../../../../images/invoice22.png); }
span.Links a.icon.arrow               { background-image: url(../../../../images/sort-asc.png); }
span.Links a.icon.add                 { background-image: url(../../../../images/add22.png); }
span.Links a.icon.delete              { background-image: url(../../../../images/delete22.png); }
span.Links a.icon.edit                { background-image: url(../../../../images/edit22.png); }
span.Links a.icon.eraser              { background-image: url(../../../../images/eraser22.png); }
span.Links a.icon.print               { background-image: url(../../../../images/print22.png); }
span.Links a.icon.void                { background-image: url(../../../../images/void22.png); }
span.Links a.icon.zoom                { background-image: url(../../../../images/zoom22.png); }
span.Links a.icon.column              { background-image: url(../../../../images/column22.png); }
span.Links a.icon.arrow_refresh       { background-image: url(../../../../images/arrow_refresh22.png); }
span.Links a.icon.arrow_refresh_green { background-image: url(../../../../images/arrow_refresh_green22.png); }
span.Links a.icon.arrow_refresh_red   { background-image: url(../../../../images/arrow_refresh22.png); filter: hue-rotate(160deg); }
span.Links a.icon.globe               { background-image: url(../../../../images/globe22.png); }
span.Links a.icon.globe_red           { background-image: url(../../../../images/globe_red22.png); }
span.Links a.icon.monitor             { background-image: url(../../../../images/monitor22.png); }
span.Links a.icon.test                { background-image: url(../../../../images/test22.png); }
span.Links a.icon.inventory           { background-image: url(../../../../images/inventory22.png); }
span.Links a.icon.disk                { background-image: url(../../../../images/disk22.png); }
span.Links a.icon.new_client          { background-image: url(../../../../images/new_client22.png); }
span.Links a.icon.warning             { background-image: url(../../../../images/warning22.png); }
span.Links a.icon.email               { background-image: url(../../../../images/email22.png); }
span.Links a.icon.email_red           { background-image: url(../../../../images/email22.png); filter: hue-rotate(180deg) saturate(5); }
span.Links a.icon.email_blue          { background-image: url(../../../../images/email22.png); filter: hue-rotate(50deg)  saturate(5); }
span.Links a.icon.email_purple        { background-image: url(../../../../images/email22.png); filter: hue-rotate(90deg)  saturate(5); }
span.Links a.icon.email_green         { background-image: url(../../../../images/email22.png); filter: hue-rotate(280deg) saturate(5); }
span.Links a.icon.flag-red            { background-image: url(../../../../images/flag-red22.png); }
span.Links a.icon.flag-green          { background-image: url(../../../../images/flag-green22.png); }
span.Links a.icon.table               { background-image: url(../../../../images/table22.png); }
span.Links a.icon.newpage             { background-image: url(../../../../images/newpage22.png); }
span.Links a.icon.docusign            { background-image: url(../../../../images/docusign22.png); }
span.Links a.icon.counter             { background-image: url(../../../../images/counter22.png); }

/* ─── Report thumbnail ───────────────────────────────────────────────────── */

.report-thumb {
	background: #fff;
	border: 1px solid #666;
	vertical-align: middle;
	width: 76px;
	height: 99px;
	margin-right: 8px;
}