:root {
  --base15:rgba(255,255,255,1);
  --base15_40:rgba(255,255,255,0.4);
  --base15_10:rgba(255,255,255,0.1);
  --base14:rgba(204,204,204,1);
  --base13:rgba(170,170,170,1);
  --base12:rgba(156,156,156,1);
  --base12_40:rgba(156,156,156,0.4);
  --base11:rgba(130,130,130,1);
  --base:rgba(119,119,119,1);
  --base01:rgba(86,86,86,1);
  --base02:rgba(68,68,68,1);
  --base02_80:rgba(68,68,68,0.8);
  --base02_60:rgba(68,68,68,0.6);
  --base02_40:rgba(68,68,68,0.4);
  --base02_20:rgba(68,68,68,0.2);
  --base03:rgba(56,56,56,1);
  --base03_80:rgba(56,56,56,0.8);
  --base03_60:rgba(56,56,56,0.6);
  --base03_40:rgba(56,56,56,0.4);
  --base03_20:rgba(56,56,56,0.2);
  --base04:rgba(15,15,15,1);
  --base04_70:rgba(15,15,15,0.7);
  --base05:rgba(0,0,0,1);
  --base05_70:rgba(0,0,0,0.7);
  --base05_00:rgba(0,0,0,0);
  
  --col6:rgba(59,60,60,1);
  --col4:rgba(49,49,50,1);
  --col3:rgba(44,43,43,1);
}


body,html 				{color:var(--base15);}
html					{background-color:var(--base05);}


/*	Links & fonts
	============================================= */
a:focus					{color:var(--base13);}
a:link  				{color:var(--base13);}
a:visited				{color:var(--base13);}
a:hover					{color:var(--base11);}
a:active				{color:var(--base13);}


/*	Main wrappers for content & fixed background img
	============================================= */
.main_wrap				{background-color:var(--base15_40);}
.overlay				{background-color:var(--base04_70);}


/*	Settings
	============================================= */
#settings				{background-color:var(--base15);}
a.settings_link span	{color:var(--base14);}
a.settings_link:hover span	{color:var(--base15);}
a.settings_faq			{color:var(--base14);}
a.settings_faq:hover	{color:var(--base15);}


/*	Status badge next to d-portal logo in headers
	============================================= */
span.badge				{color:var(--base15);}
span.badge.beta			{border:1px solid var(--base15);}


/*	Translation dropdown
	============================================= */
select					{color:var(--base05);}
option					{color:var(--base05);}


/*	Breadcrumbs
	============================================= */
a.crumb					{color:var(--base14);}
a.crumb:hover			{color:var(--base15);}
.crumb_wrap				{color:var(--base14);}
.crumb_wrap span		{color:var(--base15);}


/*	About data links
	============================================= */
a.about_data			{color:var(--base14);}
a.about_data:hover		{color:var(--base15);}
a.about_data.quality	{border-left:1px solid var(--base11);}


/*	Header styles
	============================================= */
.default.declare	{color:var(--base14);}


/*	Blog styles
	============================================= */
.blog_head			{color:var(--base15); border-bottom:1px solid var(--base15);}
a.blog_head			{color:var(--base15); border-bottom:1px solid var(--base15);}
.blog_wrap			{color:var(--base15); border-bottom:1px solid var(--base15); background-color:var(--base15_10);}
.blog_date			{color:var(--base14);}
.blog_body a		{color:var(--base14);}
.blog_body a:hover	{color:var(--base15);}
.blog_title			{color:var(--base14);}
a.blog_title		{color:var(--base14);}
a.blog_title:hover	{color:var(--base15);}
a.back_news			{color:var(--base15);}
a.back_news:hover	{color:var(--base14);}


/*	Graph styles
	============================================= */
#donor_graph, #sector_graph	{background-color:var(--base15); border:1px solid var(--base15);}
a.ask					{color:var(--base15);}
span.ask.donor			{background-color:var(--base11);}
span.ask.sector			{background-color:var(--base11);}
.main_peak_wrap			{background-color:var(--base15);}
.peak.donor				{border-top:20px solid var(--base11);}
.peak.chart_sector		{border-top:20px solid var(--base11);}
span.graph_view_all:hover	{background-color:var(--base04); color:var(--base15);}



/*	Map styles (front page)
	============================================= */
.map_wrap				{background-color:var(--base05);}
.map_info				{color:var(--base15); background-color:var(--base11);}
.map_no_info			{color:var(--base15);}
a.map_percent			{color:var(--base15); background-color:var(--base11);}
a.map_percent:hover		{background-color:var(--base01);}
a.map_percent span		{color:var(--base15);}
.map_filter				{color:var(--base02);}
.map_filter.info		{color:var(--base15);}


/*	For url #view=map
	============================================= */
.map_no_info.view		{color:var(--base15);}


/*	Stats (key figures) styles
	============================================= */
span.stats_title		{color:var(--base14);}
span.stats_title.view	{color:var(--base15);}
span.stats_num			{color:var(--base11);}
span.stats_num.view		{color:var(--base15);}
.declare.stats			{color:var(--base14);}
a.stats_link			{color:var(--base14); background-color:var(--base04_70);}
a.stats_link:hover		{background-color:var(--base04);}
a.stats_link.missing span	{color:var(--base11);}
a.stats_link:hover span		{color:var(--base15);}



/*	Active / Ended projects styles
	============================================= */
.table_wrap				{background-color:var(--base04_70);}


/*	Data Description styles
	============================================= */
.description_wrap		{background:linear-gradient(to bottom, var(--base05_00) 0%,var(--base05_70) 60%,var(--base05) 100%); background:-prefix-linear-gradient(to bottom, var(--base05_00) 0%,var(--base05_70) 50%,var(--base05) 100%);}
.description_wrap .footer_notes	{background-color:var(--base15_10);}
.description_wrap span.title	{color:var(--base15); border-bottom:1px solid var(--base15);}
.description_wrap p			{color:var(--base15);}
.description_wrap a			{color:var(--base14);}
.description_wrap a:hover	{color:var(--base15);}
a.read					{color:var(--base14);}
a.read:hover			{color:var(--base15);}


/*	Generic styles
	============================================= */
.list_peak					{border-right:30px solid var(--base11);}
.list_head_title			{color:var(--base15);}
.list_stats_title			{color:var(--base15);}
.list_stats_num				{color:var(--base15);}
a.button					{background-color:var(--base11); color:var(--base15);}
a.button:hover				{background-color:var(--base12);}
a.csv_download				{background-color:var(--base); color:var(--base15);}
a.csv_download:hover		{background-color:var(--base04_70); color:var(--base15);}

	
/*	For url #view=donors & all #view=donor_*
	============================================= */
.donors_head_title			{color:var(--base15);}


/*	For url #view=donor_activities
	============================================= */
.donor_activities_spend			{color:var(--base14);}
.donor_activities_percent_max	{background-color:var(--base05); border:1px solid var(--base03);}
.donor_activities_percent		{background-color:var(--base11);}


/*	For url #view=sectors & all #view=sector_*
	============================================= */
.sectors_head_title			{color:var(--base15);}


/*	For url #view=search
	============================================= */
.search_title				{color:var(--base13);}
.search_cont				{background-color:var(--base04_70);}
.search_cont a:hover		{color:var(--base15);}
a.search_head				{color:var(--base);}
.search_query				{color:var(--base15);}
.search_query span			{color:var(--base14);}

.search_clear				{color:var(--base14);}
.search_clear:hover			{color:var(--base15);}
.search_clear span			{background-color:var(--base14); color:var(--base04);}

a.search_refine				{border:1px solid var(--base); text-shadow:initial; background:none;}
a.search_refine:hover		{border:1px solid var(--base); text-shadow:initial; background:none;}


/*	Search section on all pages	*
	============================================= */
.search_glossary			{background-color:var(--base04);}
.search_glossary_wrap th a,
.search_glossary_wrap td a		{color:var(--base14);}
.search_glossary_wrap th a:hover,
.search_glossary_wrap td a:hover{border-bottom:1px solid var(--base);}

.filter_text				{color:var(--base14); border-bottom:1px solid var(--base01);}
.search_help span			{background-color:var(--base);}
.search_help span:hover		{background-color:var(--base11);}

table.filter_table td		{border-top:1px solid var(--base01);}


/*	For url #view=list_activities	*
	============================================= */
.activities_spend			{color:var(--base14);}
.activities_percent			{background-color:var(--base11);}
.activities_percent_max		{background-color:var(--base04); border:1px solid var(--base04);}


/*	Table header styles
	============================================= */
th.titles					{color:var(--base);}


/*	Table for Header logo and Translations
	============================================= */
table.head td.options		{color:var(--base03);}


/*	Table for Country Name and Flag
	============================================= */
table.country				{border-bottom:1px solid var(--base15);}
table.country td.name		{color:var(--base15);}
table.country.min td.name	{color:var(--base15);}


/*	Table Titles
	============================================= */
table.title td			{color:var(--base15);}
table.title td.sort		{color:var(--base14);}


/*	Table for Active / Ended projects
	============================================= */
table.list td			{color:var(--base14);}
table.list td span		{color:var(--base12);}
table.list a			{color:var(--base14);}
table.list a:focus		{color:var(--base15);}
table.list a:link  		{color:var(--base14);}
table.list a:visited	{color:var(--base14);}
table.list a:hover		{color:var(--base15);}
table.list a:active		{color:var(--base14);}
table.list td.alert_no_iati	{color:var(--base12);}


/*	Table for Money list (Donors / Sectors)
	============================================= */
table.money td				{color:var(--base14);}
table.money td.col1			{background-color:var(--base02_40);}
table.money td.col3			{background-color:var(--base03_20);}
table.money td.col4			{background-color:var(--base03_40);}
table.money td.col5			{background-color:var(--base03_60);}
table.money td.col6			{background-color:var(--base02_40);}
table.money td.col7			{background-color:var(--base02_60);}

table.money tr.row1 th		{color:var(--base15);}
table.money tr.row1 th span	{color:var(--base15);}
table.money tr.row1 th.col1	{background-color:var(--base02); border:1px solid var(--base02);}
table.money tr.row1 th.col2	{background-color:var(--base03); border:1px solid var(--base02);}
table.money tr.row1 th.col3	{background-color:var(--base03); border:1px solid var(--base02);}
table.money tr.row1 th.col4	{background-color:var(--base02); border:1px solid var(--base01);}

table.money tr.row2 td		{color:var(--base15);}
table.money tr.row2 td.col1 {background-color:var(--base02); border-left:1px solid var(--base02); border-right:1px solid var(--base02);}
table.money tr.row2 td.col2 {background-color:var(--base03);}
table.money tr.row2 td.col3	{background-color:var(--col3); border-left:1px solid var(--base02);}
table.money tr.row2 td.col4	{background-color:var(--col4);}
table.money tr.row2 td.col5	{background-color:var(--base03); border-right:1px solid var(--base02);}
table.money tr.row2 td.col6	{background-color:var(--col6);}
table.money tr.row2 td.col7	{background-color:var(--base02); border-right:1px solid var(--base01);}

table.money tr.rows td		{border-bottom:1px solid var(--base11);}
table.money tr.rows td.col1	{border-left:1px solid var(--base02); border-right:1px solid var(--base02);}
table.money tr.rows td.col3	{border-left:1px solid var(--base02);}
table.money tr.rows td.col5	{border-right:1px solid var(--base02);}
table.money tr.rows td.col7	{border-right:1px solid var(--base01);}

table.money tr.rows td.col2:hover, table.money tr.rows td.col3:hover, 
table.money tr.rows td.col4:hover, table.money tr.rows td.col5:hover	{background-color:var(--base03);}
table.money tr.rows td.col6:hover, table.money tr.rows td.col7:hover	{background-color:var(--base02);}

table.money a				{color:var(--base14);}
table.money a:focus			{color:var(--base14);}
table.money a:link  		{color:var(--base14);}
table.money a:visited		{color:var(--base14);}
table.money a:hover			{color:var(--base15);}
table.money a:active		{color:var(--base14);}

table.money a.year			{background-color:var(--base01);}
table.money a.year.prev:hover, table.money a.year.next:hover	{background-color:var(--base11);}

table.money.publishers th.col2,
table.money.publishers td.col2	{border-left:1px solid var(--base02);}
table.money.publishers th.col2	{border-top:1px solid var(--base02);}

table.money tr.row1 th:after,
table.money tr.row2 td:after	{border-bottom:1px solid var(--base11);}


/*	Table for Activities list (Donors / Sectors)
	============================================= */
table.activity			{background-color:initial;}
table.activity td		{color:var(--base14); border-bottom:1px solid var(--base03);}
table.activity td span	{color:var(--base12);}
table.activity a		{color:var(--base14);}
table.activity a:focus	{color:var(--base15);}
table.activity a:link  	{color:var(--base14);}
table.activity a:visited{color:var(--base14);}
table.activity a:hover	{color:var(--base15);}
table.activity a:active	{color:var(--base14);}
table.activity tr th.titles			{background:var(--base04);}
table.activity tr th.titles:after	{border-bottom:1px solid var(--base11);}


/*	Table for data descriptions footer (Donors / Sectors)
	============================================= */
table.data td			{color:var(--base15); border:1px solid var(--base14);}


/*	Missing data
	============================================= */
.missing_data_wrap		{background-color:var(--base04_70); color:var(--base15);}


/*	Data Investigators alert
	============================================= */
a.data_invest			{color:var(--base14); background-color:var(--base12_40);}
a.data_invest:hover		{color:var(--base15); background-color:var(--base);}


/*	Footer
	============================================= */
.footer_wrap			{background-color:var(--base05);}
.footer_link a			{color:var(--base12);}
.footer_link a:focus	{color:var(--base15);}
.footer_link a:link  	{color:var(--base12);}
.footer_link a:visited	{color:var(--base12);}
.footer_link a:hover	{color:var(--base15);}
.footer_link a:active	{color:var(--base12);}


/*	SAVi CSS
	============================================= */
iati-activity			{background-color:var(--base04_70);}
iati-activity:after 	{color:var(--base14);}


/*	Display when humanitarian
	============================================= */
iati-activity[humanitarian="1"]:before	{background-color:var(--base04); color:var(--base15);}
transaction[humanitarian="1"]:before	{background-color:var(--base02_40); color:var(--base15);}


/*	Project title
	============================================= */
span.span_span-title span-title		 	{color:var(--base15);}
span.span_span-title span-title:before 	{color:var(--base14);}


/*	IATI Identifier
	============================================= */
iati-identifier 				{background-color:var(--base04_70); color:var(--base11);}
a.a_iati-identifier:before		{color:var(--base14);}
a.a_iati-identifier:link		{color:var(--base11);}
a.a_iati-identifier:visited		{color:var(--base11);}
a.a_iati-identifier:hover		{color:var(--base15);}
a.a_iati-identifier:active		{color:var(--base11);}
a.a_xml_iati-identifier,
a.a_download,
a.a_logs,
a.a_slug						{background-color:var(--base02_40);}
a.a_xml_iati-identifier:before	{color:var(--base14);}
a.a_logs:before					{color:var(--base14);}
a.a_slug:before					{color:var(--base14);}
a.a_xml_iati-identifier:link	{color:var(--base11);}
a.a_xml_iati-identifier:visited	{color:var(--base11);}
a.a_xml_iati-identifier:hover	{color:var(--base15);}
a.a_xml_iati-identifier:active	{color:var(--base11);}
a.a_logs:link					{color:var(--base11);}
a.a_logs:visited				{color:var(--base11);}
a.a_logs:hover					{color:var(--base15);}
a.a_logs:active					{color:var(--base11);}
a.a_slug:link					{color:var(--base11);}
a.a_slug:visited				{color:var(--base11);}
a.a_slug:hover					{color:var(--base15);}
a.a_slug:active					{color:var(--base11);}
a.a_download:link				{color:var(--base11);}
a.a_download:visited			{color:var(--base11);}
a.a_download:hover				{color:var(--base15);}
a.a_download:active				{color:var(--base11);}


/*	Recipient countries
	============================================= */
span.span_recipient-country:before 					{color:var(--base14); background-color:var(--base03);}
span.span_recipient-country recipient-country		{background-color:var(--base15);}
span.span_recipient-country recipient-country span	{color:var(--base03);}
span.span_recipient-country recipient-country span.rec_code			{color:var(--base03); border-right:1px solid var(--base03);}
span.span_recipient-country recipient-country span.sec_value		{color:var(--base03);}
span.span_recipient-country recipient-country span.rec_bar::before	{background-color:var(--base03_20);}
span.span_recipient-country recipient-country:nth-of-type(n+1) span.rec_bar		{background-color:var(--base03);}


/*	Start and End dates
	============================================= */
activity-date[type="1"], activity-date[type="3"], activity-date[type="start-planned"],
activity-date[type="end-planned"]			{color:var(--base15);background-color:var(--base);}

activity-date[type="2"], activity-date[type="4"], activity-date[type="start-actual"],
activity-date[type="end-actual"]			{color:var(--base15); background-color:var(--base11);}

activity-date[type="1"]:before, activity-date[type="3"]:before, activity-date[type="start-planned"]:before,
activity-date[type="end-planned"]:before, activity-date[type="2"]:before,
activity-date[type="4"]:before, activity-date[type="start-actual"]:before,
activity-date[type="end-actual"]:before		{color:var(--base15);}


/*	Who's invloved?
	============================================= */
span.span_participating-org 					{color:var(--base15);}
span.span_participating-org:before 				{color:var(--base14); border-bottom:1px solid var(--base14);}

participating-org,
span-narrative.participating-role,
participating-org span-lang	{color:var(--base15);}

participating-org a:link span-lang,
participating-org a:link	{color:var(--base11);}
participating-org a:visited span-lang,
participating-org a:visited	{color:var(--base11);}
participating-org a:hover span-lang,
participating-org a:hover	{color:var(--base15);}
participating-org a:active span-lang,
participating-org a:active	{color:var(--base11);}

span-narrative.org-role,
span-narrative.org-type,
span-narrative.org-ref		{color:var(--base15); background-color:var(--base02_40);}


/*	Location (version 2.02++)
	============================================= */
span.span_location			{color:var(--base15);}
span.span_location:before	{color:var(--base14);}
span.span_location location point > *	{color:var(--base13);}
span.span_location location description	{color:var(--base13);}


/*	Recipient region
	============================================= */
span.span_recipient-region			{color:var(--base15);}
span.span_recipient-region:before 	{color:var(--base14);}
span.region-percent 				{color:var(--base14);}

span.region-code,
span.region-vocab			{color:var(--base15); background-color:var(--base02_40);}


/*	Reported by
	============================================= */
reporting-org 				{color:var(--base15);}
reporting-org:before 		{color:var(--base14);}
reporting-org a:link		{color:var(--base11);}
reporting-org a:visited		{color:var(--base11);}
reporting-org a:hover		{color:var(--base15);}
reporting-org a:active		{color:var(--base11);}


/*	Description of project (shared with Transaction table)
	============================================= */
span.span_description description 						{color:var(--base15);}
span.span_description description:nth-of-type(1):before	{color:var(--base14);}
span.span_description description[type="1"]:before		{color:var(--base14);}
span.span_description description[type="2"]:before		{color:var(--base14);}
span.span_description description[type="3"]:before		{color:var(--base14);}


/*	Result and description
	============================================= */
result:nth-child(even)		{background-color:var(--base03_40);}
span.span_result:before		{color:var(--base15); background-color:var(--base03);}
result description			{color:var(--base15);}
result description:before	{color:var(--base14);}
result span-title			{color:var(--base15);}
result span-title:before	{color:var(--base14);}

result indicator period period-start, result indicator period period-end, result indicator period target, result indicator period actual,
result indicator description			{color:var(--base15);}
result indicator period period-start:before, result indicator period period-end:before, result indicator period baseline:before, result indicator period target:before,
result indicator period actual:before	{color:var(--base14);}

result indicator period baseline				{background-color:var(--base03);}
result indicator period target					{background-color:var(--base01);}
result indicator period actual					{background-color:var(--base);}
result indicator period actual.value-higher		{background-color:var(--base11);}
result indicator period actual.value-lower		{background-color:var(--base02);}

span-narrative.baseline-year,
result indicator[measure="1"] period target:after,
result indicator[measure="1"] period actual:after,
result indicator[measure="2"] period target:after,
result indicator[measure="2"] period actual:after	{color:var(--base15);}

result indicator > baseline comment	{color:var(--base15);}

result indicator reference:before	{color:var(--base13);}
result a.a_reference reference,
result a.a_reference reference:after		{color:var(--base11);}
result a.a_reference:hover reference,
result a.a_reference:hover reference:after	{color:var(--base15);}

.timeline		{background-color:var(--base04); border-bottom:1px solid var(--base);}
.time			{background-color:var(--base13);}
result indicator .time span		{background-color:var(--base);}


/*	Sectors (also turned into graph: sector_pie)
	============================================= */
span.span_sector:before	{color:var(--base14); background-color:var(--base03);}
span.span_sector:after	{background-color:var(--base15);}
span.span_sector sector	{background-color:var(--base15);}
span.span_sector sector span				{color:var(--base03);}
span.span_sector sector span.sec_code		{color:var(--base05_70); border-right:1px solid var(--base03);}
span.span_sector sector span.sec_code:after	{color:var(--base15); background-color:var(--base);}
span.span_sector sector span.sec_value		{color:var(--base05_70);}
span.span_sector sector span.sec_bar::before{background-color:var(--base03_20);}
span.span_sector sector:nth-of-type(n+1) span.sec_bar	{background-color:var(--base03);}


/*	Budget table
	============================================= */
budget					{border-top:1px solid var(--base01);}
budget:last-of-type	 	{border-bottom:0px solid var(--base01);}
span.span_budget:before						{color:var(--base15); background-color:var(--base03);}
budget:nth-of-type(1) period-start:before,
budget:nth-of-type(1) period-end:before,
budget:nth-of-type(1) span-budget-type:before,
budget:nth-of-type(1) span-budget-status:before,
budget:nth-of-type(1) value:before		  	{color:var(--base15); border-bottom:2px solid var(--base03);}

budget period-start,
budget period-end,
budget span-budget-type,
budget span-budget-status,
budget value			{color:var(--base15);}


/*	Planned Disbursement table
	============================================= */
planned-disbursement				{border-top:1px solid var(--base01);}
planned-disbursement a				{font-weight:bold; color:var(--base11);}
planned-disbursement a				{color:var(--base11);}
planned-disbursement a:link			{color:var(--base11);}
planned-disbursement a:visited		{color:var(--base11);}
planned-disbursement a:hover		{color:var(--base11);}
planned-disbursement a:active		{color:var(--base11);}
planned-disbursement:last-of-type	{border-bottom:0px solid var(--base01);}
span.span_planned-disbursement:before{color:var(--base15); background-color:var(--base03);}

planned-disbursement:nth-of-type(1) period-start:before,
planned-disbursement:nth-of-type(1) period-end:before,
planned-disbursement:nth-of-type(1) value:before,
planned-disbursement:nth-of-type(1) provider-org:before,
planned-disbursement:nth-of-type(1) receiver-org:before,
planned-disbursement:nth-of-type(1) span-planned-type::before	{color:var(--base15); border-bottom:2px solid var(--base03);}

planned-disbursement period-start,
planned-disbursement period-end,
span-planned-type,
planned-disbursement value,
planned-disbursement provider-org,
planned-disbursement receiver-org 			{color:var(--base15);}

planned-disbursement span-narrative.org-role,
planned-disbursement span-narrative.org-type,
planned-disbursement span-narrative.org-ref {color:var(--base15); background-color:var(--base02_40);}


/*	Transaction table
	============================================= */
transaction						{border-top:1px solid var(--base01);}
transaction a					{font-weight:bold; color:var(--base11);}
transaction a					{color:var(--base11);}
transaction a:link				{color:var(--base11);}
transaction a:visited			{color:var(--base11);}
transaction a:hover				{color:var(--base15);}
transaction a:active			{color:var(--base11);}
transaction:last-of-type		{border-bottom:0px solid var(--base01);}

.span_transaction_code_1:before,
.span_transaction_code_2:before,
.span_transaction_code_3:before,
.span_transaction_code_4:before,
.span_transaction_code_5:before,
.span_transaction_code_6:before,
.span_transaction_code_7:before,
.span_transaction_code_8:before,
.span_transaction_code_9:before,
.span_transaction_code_10:before,
.span_transaction_code_11:before,
.span_transaction_code_12:before,
.span_transaction_code_13:before,
span.span_transaction:before	{color:var(--base15); background-color:var(--base03);}

transaction:nth-of-type(1) transaction-date:before	{color:var(--base15); border-bottom:2px solid var(--base03);}
transaction:nth-of-type(1) transaction-type:before	{color:var(--base15); border-bottom:2px solid var(--base03);}
transaction:nth-of-type(1) provider-org:before		{color:var(--base15); border-bottom:2px solid var(--base03);}
transaction:nth-of-type(1) receiver-org:before		{color:var(--base15); border-bottom:2px solid var(--base03);}
transaction:nth-of-type(1) value:before				{color:var(--base15); border-bottom:2px solid var(--base03);}
span.span_transaction transaction:nth-of-type(1) description:nth-of-type(1):before {color:var(--base15); border-bottom:2px solid var(--base03);}

transaction-date	{color:var(--base15);}
transaction-type	{color:var(--base15);}
span.span_transaction transaction description:nth-of-type(1) {color:var(--base15);}
provider-org		{color:var(--base15);}
receiver-org		{color:var(--base15);}
value				{color:var(--base15);}
value span			{color:var(--base14);}

span-narrative.provider-org-ref,
span-narrative.receiver-org-ref		{color:var(--base15);}

transaction span-narrative.org-role,
transaction span-narrative.org-type,
transaction span-narrative.org-ref	{color:var(--base15); background-color:var(--base02_40);}


/*	Contact info for Publisher
	============================================= */
contact-info *						{color:var(--base15);}
contact-info:nth-of-type(1):before	{color:var(--base14);}
span.span_contact-info contact-info	{background-color:var(--base03);}
span.span_contact-info contact-info:nth-of-type(even)	{background:var(--base05_00);}


/*	Website or external links
	============================================= */
activity-website		{color:var(--base15); background-color:var(--base04_70);}
activity-website:before {color:var(--base14);}
activity-website:hover	{color:var(--base11);}


/*	Activity Status
	============================================= */
activity-status[code="1"]	{background-color:var(--base13);}
activity-status[code="2"]	{background-color:var(--base11);}
activity-status[code="3"]	{background-color:var(--base);}
activity-status[code="4"]	{background-color:var(--base03);}
activity-status[code="5"]	{background-color:var(--base04);}
activity-status				{background-color:var(--base); color:var(--base15);}
activity-status:before		{color:var(--base15);}


/*	Activity Scope
	============================================= */
activity-scope				{color:var(--base15); background-color:var(--base04_70);}
activity-scope:before		{color:var(--base14);}


/*	Related documents list
	============================================= */
span.span_document-link:before				{color:var(--base14);}
a.a_document-link							{color:var(--base14); background-color:var(--base03_20); border:1px solid var(--base03); border-bottom:0;}
a.a_document-link:last-of-type				{border-bottom:1px solid var(--base03);}
a.a_document-link:hover						{background-color:var(--base03_40);}
a.a_document-link document-link span-title	{color:var(--base15);}
document-link span							{color:var(--base14);}
a.a_document-link span-title:after			{background-color:var(--base04_70);}
document-link description narrative			{color:var(--base14);}
span-doc_date,
span-narrative.doc-cat						{color:var(--base15); background-color:var(--base02_40);}


/*	Family Tree list
	============================================= */
span.span_related-activity:before	{color:var(--base14); border-bottom:1px solid var(--base14);}
span.span_related-activity			{color:var(--base15);}
a.a_related-activity				{color:var(--base15);}
related-activity					{color:var(--base11);}
related-activity:hover				{color:var(--base11);}
related-activity:before				{color:var(--base15);}


/*	Policy marker
	============================================= */
span.span_policy-marker:before		{color:var(--base15);}
policy-marker						{color:var(--base15);}
span-narrative.policy_vocab,
span-narrative.policy_code,
span-narrative.policy_sig			{color:var(--base15); background-color:var(--base02_40);}

policy-marker narrative:nth-of-type(n+2)	{color:var(--base14);}


/*	Humanitarian Scope
	============================================= */
humanitarian-scope				{color:var(--base15);}
humanitarian-scope:before		{color:var(--base14); border-bottom:1px solid var(--base14);}
span-narrative.hum_scope_vocab,
span-narrative.hum_scope_type,
span-narrative.hum_scope_code	{color:var(--base15); background-color:var(--base02_40);}
humanitarian-scope a:link		{color:var(--base11);}
humanitarian-scope a:visited	{color:var(--base11);}
humanitarian-scope a:hover		{color:var(--base15);}
humanitarian-scope a:active		{color:var(--base11);}


/*	Hide and expand buttons
	============================================= */
span.hide 		 {color:var(--base14); background-color:var(--base02);}
span.hide:hover	 {color:var(--base15); background-color:var(--base01);}


/*	Count
	============================================= */
span.length 	{color:var(--base15);}
