/* Original flava CSS for SAVi d-portal.org 2014 ============================================= */ * {font-family:Arial,Helvetica,sans-serif; word-wrap:break-word;} body,html {background:url('dp_tile.400.png') top center; background-color:#47506B; color:#444; font-family:sans-serif; background-attachment:fixed; margin-top:40px;} a {text-decoration:none; color:#FFAB5E;} a:link {text-decoration:none; color:#FFAB5E;} a:visited {text-decoration:none; color:#FFAB5E;} a:hover {text-decoration:none; color:#FF7A00;} a:active {text-decoration:none; color:#FFAB5E;} ok {display:none;} query {display:none;} iati-activity > * {display:none; color:#fff;} iati-activity {display:block; width:960px; margin:0 auto; margin-bottom:320px; background-color:rgba(0,14,32,0.7); word-break:break-word; border-radius:6px;} iati-activity:after {content:"Data is sourced from IATI for D-Portal. If you find anything out of place, please contact the development team - support@iatistandard.org"; font-size:14px; color:#ccc; display:block; padding:15px 0; text-align:center;} *:before {line-height:14px;} /* Play nice with Google Translate font tags ============================================= */ font {display:inline;} /* Hacks to display injected elements ============================================= */ iati-activity span {display:block;} iati-activity a {display:block;} iati-activity img {display:block; -webkit-filter:brightness(100%); filter:brightness(100%);} narrative {display:inline-block;color:inherit;font-family:inherit;word-wrap:inherit;vertical-align: top;} /* Version 1 banner notice ============================================= */ a.banner_v1:link {display:block; background-color:#c40000; color:#fff; padding:20px; border-radius:2px 2px 0 0; font-size:16px; text-align:center;} a.banner_v1:visited {color:#fff;} a.banner_v1:hover {background-color:#f00;} a.banner_v1:active {color:#fff;} /* Display when humanitarian ============================================= */ iati-activity[humanitarian="1"]:before, iati-activity[humanitarian="true"]:before {content:"HUMANITARIAN"; padding:10px 40px 7px 40px; font-size:14px; color:#000e20; width:490px; text-align:right; background-color:#ff890c;} transaction[humanitarian="1"], transaction[humanitarian="true"] {position:relative;} transaction[humanitarian="1"] transaction-date, transaction[humanitarian="true"] transaction-date {position:relative; min-height:85px;} transaction[humanitarian="1"]:nth-of-type(1) transaction-date, transaction[humanitarian="true"]:nth-of-type(1) transaction-date {position:relative; min-height:130px;} transaction[humanitarian="1"]:before, transaction[humanitarian="true"]:before {position:absolute; bottom:40px; left:40px; content:"Humanitarian"; padding:5px; font-size:13px; color:#CCC; background-color:rgba(48,71,103,1); border-radius:4px;} /* Project title ============================================= */ span.span_span-title span-title {display:block; font-size:42px; width:880px; padding:40px; margin:0 auto; color:#FFF; line-height:1.2em;} span.span_span-title span-title:before {content:"PROJECT TITLE"; font-size:14px; color:#ccc; display:block; border-bottom:1px solid #aaa; padding-bottom:10px; margin-bottom:20px;} span.span_span-title narrative:nth-of-type(n+2) {display:block; padding:10px 0 0 0; font-style:italic; font-size:34px; line-height:1.25em;} /* IATI Identifier ============================================= */ iati-identifier {display:block; background-color:rgba(0,14,32,0.7); width:880px; font-size:18px; line-height:1.5em; padding:20px 40px; color:#FFAB5E; margin:0 auto;} a.a_iati-identifier:before {content:"IATI IDENTIFIER"; font-size:14px; color:#ccc; display:inline-block; vertical-align:baseline; padding-right:10px;} a.a_iati-identifier:link {color:#FFAB5E;} a.a_iati-identifier:visited {color:#FFAB5E;} a.a_iati-identifier:hover {color:#FF7A00;} a.a_iati-identifier:active {color:#FFAB5E;} a.a_xml_iati-identifier, a.a_download, a.a_logs, a.a_slug {display:inline-block; vertical-align:baseline; box-sizing:border-box; background-color:#24405d99; border-radius:4px; text-align:center; font-size:16px; font-variant:all-small-caps; padding:5px 0; margin:10px 2% 5px 0;} a.a_xml_iati-identifier {width:20%;} a.a_xml_iati-identifier:before {content:"VIEW SOURCE"; font-size:16x; color:#ccc; display:inline-block; vertical-align:baseline; padding-right:5px;} a.a_xml_iati-identifier:link {color:#FFF;} a.a_xml_iati-identifier:visited {color:#FFF;} a.a_xml_iati-identifier:hover {color:#FFAB5E;} a.a_xml_iati-identifier:active {color:#FFF;} a.a_logs {width:20%;} a.a_logs:before {content:"VIEW DATASET"; font-size:16px; color:#ccc; display:inline-block; vertical-align:baseline; padding-right:5px;} a.a_logs:link {color:#FFF;} a.a_logs:visited {color:#FFF;} a.a_logs:hover {color:#FFAB5E;} a.a_logs:active {color:#FFF;} a.a_slug {width:28%; margin-right:0;} a.a_slug:before {content:"VIEW IATI REGISTRY"; font-size:16px; color:#ccc; display:inline-block; vertical-align:baseline; padding-right:5px;} a.a_slug:link {color:#FFF;} a.a_slug:visited {color:#FFF;} a.a_slug:hover {color:#FFAB5E;} a.a_slug:active {color:#FFF;} a.a_download {width:12%;} a.a_download:before {content:"VIEW"; font-size:16px; color:#ccc; display:inline-block; vertical-align:baseline; padding-right:5px;} a.a_download:link {color:#FFF;} a.a_download:visited {color:#FFF;} a.a_download:hover {color:#FFAB5E;} a.a_download:active {color:#FFF;} /* Recipient countries ============================================= */ transaction recipient-country > * {display:none;} span.span_recipient-country:before {content:"Recipient Country"; font-size:20px; color:#FFF; background-color:rgba(17,46,105,0.9); display:block; padding:20px 40px; width:900px; margin-left:-10px;} span.span_recipient-country > * {display:none;} span.span_recipient-country {z-index:1;} span.span_recipient-country recipient-country {background-color:rgba(255,255,255,1); display:block; padding:0 40px; position:relative; z-index:-1;} span.span_recipient-country recipient-country:nth-of-type(1) {padding-top:40px;} span.span_recipient-country recipient-country:last-of-type {padding-bottom:40px;} span.span_recipient-country recipient-country span {color:#444; font-size:14px; line-height:18px; display:inline-block; text-align:right; vertical-align:middle;} span.span_recipient-country recipient-country span.rec_code {width:300px; min-height:25px; padding:10px 20px; border-right:1px solid #999;} span.span_recipient-country recipient-country span.rec_code:after {content:attr(code); margin-left:10px; background-color:rgba(72,79,86,0.7); padding:2px 5px; border-radius:4px; font-size:11px; color:#FFF; white-space:nowrap;} span.span_recipient-country recipient-country span.rec_value {color:#444; font-size:14px; text-align:right; margin-left:20px; max-width:36px; white-space:nowrap;} span.span_recipient-country recipient-country span.rec_bar {background-color:#09f; width:100%; max-width:475px; height:24px; position:relative;} span.span_recipient-country recipient-country span.rec_bar::before {content:""; background-color:rgba(17,46,105,0.1); width:475px; height:24px; z-index:-1; position:absolute; left:0; top:0;} span.span_recipient-country recipient-country:nth-of-type(2) span.rec_bar {background-color:#1b96e7;} span.span_recipient-country recipient-country:nth-of-type(3) span.rec_bar {background-color:#3692cf;} span.span_recipient-country recipient-country:nth-of-type(4) span.rec_bar {background-color:#528fb8;} span.span_recipient-country recipient-country:nth-of-type(5) span.rec_bar {background-color:#6d8ba0;} span.span_recipient-country recipient-country:nth-of-type(6) span.rec_bar {background-color:#888;} span.span_recipient-country recipient-country:nth-of-type(7) span.rec_bar {background-color:#667077;} span.span_recipient-country recipient-country:nth-of-type(8) span.rec_bar {background-color:#4f5d68;} span.span_recipient-country recipient-country:nth-of-type(n+9) span.rec_bar {background-color:#415360;} /* Start and End dates (Planned and Actual) ============================================= */ span.span_activity-date {display:block; vertical-align:baseline; width:981px; margin-left:-10px; position:relative; height:81px;} activity-date {box-sizing:border-box; height:40px;} activity-date[type="1"], activity-date[type="3"], activity-date[type="start-planned"], activity-date[type="end-planned"] {font-size:20px; display:block; vertical-align:baseline; padding:10px 30px 10px 50px; color:#FFF; width:490px; background-color:#da7102;} activity-date[type="2"], activity-date[type="4"], activity-date[type="start-actual"], activity-date[type="end-actual"] {font-size:20px; display:block; vertical-align:baseline; padding:10px 40px; color:#FFF; width:490px; text-align:right; background-color:#ff890c;} activity-date[type="1"]:before, activity-date[type="start-planned"]:before {content:"PLANNED START DATE"; font-size:14px; color:#000e20; display:inline-block; vertical-align:baseline; padding-right:10px;} activity-date[type="2"]:before, activity-date[type="start-actual"]:before {content:"ACTUAL START DATE"; font-size:14px; color:#000e20; display:inline-block; vertical-align:baseline; padding-right:10px;} activity-date[type="3"]:before, activity-date[type="end-planned"]:before {content:"PLANNED END DATE"; font-size:14px; color:#000e20; display:inline-block; vertical-align:baseline; padding-right:25px;} activity-date[type="4"]:before, activity-date[type="end-actual"]:before {content:"ACTUAL END DATE"; font-size:14px; color:#000e20; display:inline-block; vertical-align:baseline; padding-right:10px;} activity-date[type="1"], activity-date[type="start-planned"] {position:absolute; top:0; left:0;} activity-date[type="2"], activity-date[type="start-actual"] {position:absolute; top:0; right:0;} activity-date[type="3"], activity-date[type="end-planned"] {position:absolute; bottom:0; left:0;} activity-date[type="4"], activity-date[type="end-actual"] {position:absolute; bottom:0; right:0;} /* Who's invloved? ============================================= */ participating-org > * {display:none;} span.span_participating-org {display:block; width:880px; padding:40px; font-size:16px; color:#FFF;} span.span_participating-org:before {content:"WHO'S INVOLVED?"; font-size:14px; color:#CCC; display:block; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #AAA;} participating-org {display:block; padding:0 0 5px 0; position:relative; line-height:24px;} participating-org narrative {display:block; font-style:italic;} participating-org span-lang {display:inline-block; vertical-align:top;} participating-org span-lang narrative {display:block; font-style:initial;} participating-org a {display:initial;} participating-org a:link span-lang, participating-org a:link {color:#FFAB5E;} participating-org a:visited span-lang, participating-org a:visited {color:#FFAB5E;} participating-org a:hover span-lang, participating-org a:hover {color:#FF7A00;} participating-org a:active span-lang, participating-org a:active {color:#FFAB5E;} span.span_participating-org narrative:nth-of-type(n+2) {display:block; padding:0; font-style:italic; font-size:16px; line-height:inherit;} span.span_participating-org narrative:nth-of-type(n+2):last-of-type {padding-bottom:10px;} span-narrative.org-role, span-narrative.org-type, span-narrative.org-ref {display:inline; font-size:13px; line-height:24px; color:#CCC; margin-left:10px; border-radius:4px; padding:2px 4px 3px 4px; background-color:rgba(72,79,86,0.6);} span-narrative.org-ref {background-color:rgba(22,24,37,0.6);} span-narrative.org-role.empty, span-narrative.org-type.empty, span-narrative.org-ref.empty {display:none;} /* Location (version 2.02++) ============================================= */ location > * {display:none;} span.span_location {display:block; width:880px; padding:40px; font-size:1.0em; color:#FFF;} span.span_location:before {content:"LOCATIONS"; font-size:14px; color:#CCC; display:block; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #AAA;} span.span_location location {display:block; padding:10px 0 0 0; position:relative; line-height:20px;} span.span_location location:nth-of-type(1) {padding:0;} span.span_location location name, span.span_location location name narrative, span.span_location location point {display:inline;} span.span_location location point > * {display:inline; color:#999; font-size:14px;} span.span_location location pos:before {content:" [ "; margin-left:5px;} span.span_location location pos:after {content:" ]";} span.span_location location pos.empty {display:none;} span.span_location location description {display:inline; margin-left:10px; font-size:14px; color:#CCC;} /* Recipient region ============================================= */ recipient-region > * {display:none;} span.span_recipient-region {display:block; width:880px; padding:40px; font-size:1.0em; color:#FFF;} span.span_recipient-region:before {content:"REGIONS"; font-size:14px; color:#CCC; display:block; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #AAA;} span.span_recipient-region recipient-region {display:block; padding:10px 0 0 0; position:relative; line-height:20px;} span.span_recipient-region recipient-region:nth-of-type(1) {padding:0;} span.span_recipient-region recipient-region narrative {display:inline;} span.region-percent {display:inline; margin-left:10px; font-size:14px; color:#BBB;} span.region-percent:before {content:"( ";} span.region-percent:after {content:" )";} span.region-code, span.region-vocab {display:inline; font-size:13px; line-height:24px; color:#CCC; margin-left:10px; border-radius:4px; padding:2px 4px 3px 4px; background-color:rgba(72,79,86,0.6);} a.region-uri {display:inline;} a.region-uri:link {color:#FFAB5E;} a.region-uri:visited {color:#FFAB5E;} a.region-uri:hover {color:#FF7A00;} a.region-uri:active {color:#FFAB5E;} /* Reported by ============================================= */ reporting-org > * {display:none;} reporting-org {display:block; width:880px; padding:20px 40px 40px 40px; font-size:18px; color:#FFF; line-height:26px;} reporting-org:before {content:"Reported by"; display:inline-block; padding-right:5px; color:#ccc; font-size:18px; line-height:26px; font-weight:normal;} reporting-org:nth-of-type(1) {padding-top:0px;} reporting-org a {display:inline;} reporting-org a:link {color:#FFAB5E;} reporting-org a:visited {color:#FFAB5E;} reporting-org a:hover {color:#FF7A00;} reporting-org a:active {color:#FFAB5E;} reporting-org.empty {display:none;} /* Description of project (shared with Transaction table) ============================================= */ span.span_description description {font-size:1.0em; word-spacing:0.05em; line-height:1.5em; display:block; width:880px; padding:40px; padding-bottom:0; color:#FFF; white-space:pre-line; unicode-bidi:embed;} span.span_description description:nth-of-type(1) {padding-top:0;} span.span_description description:before {padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #aaa;} span.span_description description:nth-of-type(1):before{content:"DESCRIPTION"; font-size:14px; color:#ccc; display:block;} span.span_description description[type="1"]:before {content:"GENERAL"; font-size:14px; color:#ccc; display:block;} span.span_description description[type="2"]:before {content:"OBJECTIVES"; font-size:14px; color:#ccc; display:block;} span.span_description description[type="3"]:before {content:"TARGET GROUPS"; font-size:14px; color:#ccc; display:block;} span.span_description description:last-of-type {padding-bottom:40px;} span.span_description narrative:nth-of-type(2) {display:block; padding:20px 0 0 0; font-style:italic;} span.span_description description.empty, span.span_description description narrative.empty {display:none;} /* Hides container if empty */ /* Result and description ============================================= */ result > * {display:none;} indicator > * {display:none;} span.span_result {counter-reset:section;} result {counter-reset:subsection; display:block; padding:20px 0; position:relative;} result:nth-child(1) {padding-top:0;} result:nth-child(even) {background-color:rgba(0,14,32,0.3);} result description {display:block; padding:0px 40px 10px 40px; white-space:pre-line; unicode-bidi:embed; line-height:22px;} result description narrative{line-height:24px; word-spacing:0.05em; color:#ccc;} result span-title {display:block; font-size:20px; width:880px; line-height:1.25em; margin:0 auto; color:#FFF; padding-bottom:5px;} result span-title narrative {display:block;} span.span_result:before {content:"Results"; font-size:20px; color:#FFF; background-color:rgba(17,46,105,0.9); display:block; padding:20px 40px; margin-bottom:25px; width:900px; margin-left:-10px;} result:before {content:counter(section) ". RESULTS"; counter-increment:section; font-size:14px; color:#ccc; display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #aaa; margin-left:40px; margin-right:40px;} result[type="1"]:before {content:counter(section) ". OUTPUT";} result[type="2"]:before {content:counter(section) ". OUTCOME ";} result[type="3"]:before {content:counter(section) ". IMPACT";} result[type="9"]:before {content:counter(section) ". OTHER";} result a.a_document-link {margin-left:40px;} result document-link span-title {width:initial; padding:0;} result document-link description {display:none;} result indicator {display:block; margin:auto; margin-top:10px; margin-bottom:0px; width:880px; position:relative;} result indicator:nth-of-type(1) {margin-top:20px;} result indicator:before {content:"INDICATOR"; font-size:14px; color:#ccc; display:block; margin:auto; margin-bottom:10px; border-bottom:1px solid #aaa; padding:10px 0;} result indicator[measure="2"] period baseline span-narrative:after, result indicator[measure="2"] period target span-narrative:after, result indicator[measure="2"] period actual span-narrative:after {content:" %";} result indicator span-title {display:block; width:100%; font-size:16px; line-height:22px; padding:0 30px 0 0; box-sizing:border-box;} result indicator span-title:before {content:" "; margin:0; border:0;} result[type="1"] indicator span-title:before {content:" "; margin:0; border:0; padding:0;} result[type="2"] indicator span-title:before {content:" "; margin:0; border:0; padding:0;} result[type="3"] indicator span-title:before {content:" "; margin:0; border:0; padding:0;} result[type="9"] indicator span-title:before {content:" "; margin:0; border:0; padding:0;} result indicator description{display:block; width:100%; box-sizing:border-box; padding:10px 30px 0 0; font-size:14px; color:#ccc;} result indicator description narrative {line-height:20px;} result indicator period {display:inline-block; position:relative; width:530px; margin:auto; vertical-align:top;} result indicator period:nth-of-type(n+2) {display:block; padding-top:20px; margin-left:40%;} result indicator period period-start:before {content:"START DATE"; font-size:14px; color:#ccc; display:block; position:absolute; left:3px; top:8px;} result indicator period period-end:before {content:"END DATE"; font-size:14px; color:#ccc; display:block; position:absolute; left:3px; top:8px;} result indicator period target:before {content:"TARGET"; font-size:14px; color:#ccc; display:block; padding-bottom:10px;} result indicator period actual:before {content:"ACTUAL"; font-size:14px; color:#ccc; display:block; padding-bottom:10px;} result indicator[measure="1"] period target:before {content:"TARGET UNIT"; font-size:14px; color:#ccc; display:block; padding-bottom:10px;} result indicator[measure="2"] period target:before {content:"TARGET %"; font-size:14px; color:#ccc; display:block; padding-bottom:10px;} result indicator[measure="1"] period actual:before {content:"ACTUAL UNIT"; font-size:14px; color:#ccc; display:block; padding-bottom:10px;} result indicator[measure="2"] period actual:before {content:"ACTUAL %"; font-size:14px; color:#ccc; display:block; padding-bottom:10px;} result indicator period target, result indicator period actual {display:inline-block; vertical-align:top; width:440px;} result indicator period period-start, result indicator period period-end {display:block; width:100%; padding:0 0 10px 0; min-height:38px; box-sizing:border-box; font-size:16px; line-height:28px; text-align:right; position:relative;} result indicator period period-start{margin-bottom:10px;} result indicator period target > * {display:block;} result indicator period actual > * {display:block;} result indicator period target location, result indicator period actual location {padding-top:5px;} result indicator period actual comment narrative {display:block; padding:10px 0;} result indicator period baseline {display:inline-block; vertical-align:top;} span-narrative.baseline-value {display:block;} span-narrative.baseline-year {display:block; font-size:14px; line-height:14px; color:#CCC; padding-top:10px;} result indicator period baseline:before {content:"BASELINE " attr(year); font-size:14px; color:#ccc; display:inline-block; vertical-align:top; padding-right:10px; padding-bottom:10px;} result indicator > baseline comment {display:block; color:#ccc; padding:10px 0; line-height:1.25em;} result indicator period location, result indicator period dimension {display:block;} result indicator period location:before {content:attr(ref); display:block; text-transform:capitalize; font-size:14px; line-height:20px;} result indicator period dimension:before {content:attr(name) " : " attr(value); display:block; font-size:14px; line-height:20px;} result indicator period location:nth-of-type(1), result indicator period dimension:nth-of-type(1) {padding-top:5px;} span.span_result narrative:nth-of-type(2) {display:block; padding:20px 0 0 0; font-style:italic;} span-narrative {font-size:24px; line-height:30px;} result indicator comment {display:block; font-size:14px; font-style:italic; line-height:20px;} result indicator period comment narrative {padding-top:10px;} target comment narrative, actual comment narrative, target comment span-narrative, actual comment span-narrative {display:block; font-size:14px; line-height:1.25em;} result indicator period comment narrative.empty, result indicator period location[ref=""], result indicator period dimension[name=""], result indicator period dimension[value=""] {display:none;} result indicator period baseline, result indicator period target, result indicator period actual {min-height:60px; display:table-cell;} result indicator period baseline {background-color:rgba(9,15,23,0.5); width:160px; max-width:160px; padding:20px; position:relative;} result indicator period target {background-color:rgba(80,100,119,0.5); width:185px; max-width:185px; padding:20px;} result indicator period actual {background-color:rgba(31,108,181,0.5); width:185px; max-width:185px; padding:20px;} result indicator period actual.value-higher {background-color:rgba(0,199,35,0.5);} result indicator period actual.value-lower {background-color:rgba(189,169,21,0.5);} span-result-reference {display:block; padding:0px 40px 20px 40px;} span-result-reference:before {content:"REFERENCES"; font-size:14px; color:#ccc; display:block; margin:auto; margin-top:20px; margin-bottom:10px;} result span-result-reference reference {display:block; font-size:14px; line-height:20px;} result span-result-reference reference:after {content:" ( " attr(code) " ) "; display:inline; font-size:14px; line-height:20px; color:#fff;} span-reference {display:block;} span-reference:before {content:"REFERENCES"; font-size:14px; color:#ccc; display:block; margin:auto; margin-top:30px; margin-bottom:10px;} result indicator reference {display:block; font-size:14px; line-height:20px;} result indicator reference:after {content:" ( " attr(code) " ) "; display:inline; font-size:14px; line-height:20px; color:#fff;} span-document {display:block;} span-document:before {content:"DOCUMENTS"; font-size:14px; color:#ccc; display:block; margin:auto; margin-top:30px; margin-bottom:10px;} result span-document a.a_document-link {margin-left:0; width:initial; padding:10px;} result span-document a.a_document-link:before {display:none;} result span-document document-link {padding:0;} result span-document document-link span-title {padding:0;} result span-document document-link description {display:none;} result a.a_reference reference, result a.a_reference reference:after {color:#FFAB5E;} result a.a_reference:hover reference, result a.a_reference:hover reference:after {color:#FF7A00;} result indicator description.empty {display:none;} .timeline {display:block; position:absolute; width:100%; height:5px; background-color:#03070a; top:34px; left:0; border-radius:3px 3px 0 0; border-bottom:1px solid #666;} result indicator period:nth-of-type(n+2) .timeline {top:54px;} .time {display:block; position:relative; height:5px; width:100%; border-radius:3px 0 0 0; background-color:#c0c0c2;} .time.time-percent100 {background-color:#69798c;} result indicator .time span {display:block; position:absolute; height:10px; width:2px; background-color:#dedede; top:-2px; right:0;} result indicator .time.time-percent100 span {display:none;} result indicator span-result {display:inline-block; vertical-align:top; width:320px; margin-right:30px;} /* Sectors (also turned into graph) ============================================= */ sector > * {display:none;} span.span_sector:before {content:"Sector"; font-size:20px; color:#FFF; background-color:rgba(17,46,105,0.9); display:block; padding:20px 40px; width:900px; margin-left:-10px;} span.span_sector > * {display:none;} span.span_sector {z-index:1;} span.span_sector:after {content:""; display:block; padding-bottom:40px; background-color:#FFF;} span.span_sector sector[vocabulary="DAC"], span.span_sector sector[vocabulary="1"], span.span_sector sector[vocabulary="2"] {display:block; padding:0 40px;} span.span_sector sector {background-color:rgba(255,255,255,1); position:relative; z-index:-1;} span.span_sector sector:nth-of-type(1) {padding-top:40px;} span.span_sector sector span {color:#444; font-size:14px; line-height:18px; display:inline-block; text-align:right; vertical-align:middle;} span.span_sector sector span.sec_code {width:300px; min-height:25px; padding:10px 20px; border-right:1px solid #999;} span.span_sector sector span.sec_code:after {content:attr(code); margin-left:10px; background-color:rgba(72,79,86,0.7); padding:2px 5px; border-radius:4px; font-size:11px; color:#FFF; white-space:nowrap;} span.span_sector sector span.sec_code[status="withdrawn"]:after {content:attr(code) ' ' attr(status);} span.span_sector sector span.sec_value {color:#444; font-size:14px; text-align:right; margin-left:20px; max-width:36px; white-space:nowrap;} span.span_sector sector span.sec_bar {background-color:#09f; width:100%; max-width:475px; height:24px; position:relative;} span.span_sector sector span.sec_bar::before{content:""; background-color:rgba(17,46,105,0.1); width:475px; height:24px; z-index:-1; position:absolute; left:0; top:0;} span.span_sector sector:nth-of-type(2) span.sec_bar {background-color:#1b96e7;} span.span_sector sector:nth-of-type(3) span.sec_bar {background-color:#3692cf;} span.span_sector sector:nth-of-type(4) span.sec_bar {background-color:#528fb8;} span.span_sector sector:nth-of-type(5) span.sec_bar {background-color:#6d8ba0;} span.span_sector sector:nth-of-type(6) span.sec_bar {background-color:#888;} span.span_sector sector:nth-of-type(7) span.sec_bar {background-color:#667077;} span.span_sector sector:nth-of-type(8) span.sec_bar {background-color:#4f5d68;} span.span_sector sector:nth-of-type(n+9) span.sec_bar {background-color:#415360;} span.span_sector .non_dac_sectors:before {content:"NON-DAC"; font-size:14px; color:#444; display:block; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #AAA;} span.span_sector .non_dac_sectors {display:block; padding:40px 40px 0 40px; background-color:#FFF;} span.span_sector .non_dac_sectors sector {display:block; z-index:1; padding:0;} span.span_sector .non_dac_sectors sector span.sec_value {display:inline; vertical-align:top; margin-left:10px; text-align:initial; max-width:initial;} span.span_sector .non_dac_sectors sector span.sec_bar {display:none;} span.span_sector .non_dac_sectors sector span.sec_code {width:initial; border:0; padding:0;} span.span_sector .non_dac_sectors sector span.sec_code:after {content:attr(vocab) ' Code ' attr(code); margin-left:10px; background-color:rgba(72,79,86,0.7); padding:2px 5px; border-radius:4px; font-size:11px; color:#FFF; white-space:nowrap;} /* Show only when DAC sectors are displayed */ span.span_sector span.length::after {content:" DAC";} /* Budget table ============================================= */ budget > * {display:none;} budget {display:block; width:960px; border-top:1px solid #333642; padding:15px 0 5px 0; border-bottom:0; font-size:14px;} budget:last-of-type {border-bottom:0px solid #1E90FF; margin-bottom:10px;} budget:nth-of-type(1) {margin-top:0px; padding-top:0; border-top:0;} span.span_budget:before {content:"Budgets"; font-size:20px; color:#FFF; background-color:rgba(17,46,105,0.9); display:block; padding:20px 40px; margin-bottom:25px; width:900px; margin-left:-10px;} 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 {content:""; display:block; padding-bottom:10px; border-bottom:1px solid #aaa; margin-bottom:15px; font-size:14px; color:#CCC; line-height:1.35em;} budget:nth-of-type(1) period-start:before {content:"START DATE"; width:110px;} budget:nth-of-type(1) period-end:before {content:"END DATE"; width:120px;} budget:nth-of-type(1) span-budget-type:before {content:"TYPE"; width:140px;} budget:nth-of-type(1) span-budget-status:before {content:"STATUS"; width:140px;} budget:nth-of-type(1) value:before {content:"VALUE"; width:370px;} budget period-start, budget period-end, budget span-budget-type, budget span-budget-status, budget value {display:inline-block; vertical-align:top; color:#FFF; font-size:1.0em; line-height:1.35em;} budget period-start {width:110px; max-width:110px; padding-left:40px;} budget period-end {width:120px; max-width:120px;} budget span-budget-type {width:140px; max-width:140px;} budget span-budget-status{width:140px; max-width:140px;} budget value {width:370px; max-width:370px; font-size:1.15em;} /* Planned Disbursement table ============================================= */ planned-disbursement > * {display:none;} planned-disbursement {display:block; width:960px; border-top:1px solid #333642; padding:15px 0 5px 0; border-bottom:0; position:relative; font-size:14px;} planned-disbursement a {color:#FFAB5E;} planned-disbursement a:link {color:#FFAB5E;} planned-disbursement a:visited {color:#FFAB5E;} planned-disbursement a:hover {color:#FF7A00;} planned-disbursement a:active {color:#FFAB5E;} planned-disbursement:last-of-type {border-bottom:0px solid #1E90FF; margin-bottom:10px;} planned-disbursement:nth-of-type(1) {margin-top:0px; padding-top:0; border-top:0;} span.span_planned-disbursement:before{content:"Planned Disbursements"; font-size:20px; color:#FFF; background-color:rgba(17,46,105,0.9); display:block; padding:20px 40px; margin-bottom:25px; width:900px; margin-left:-10px;} 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 {content:""; display:block; padding-bottom:10px; border-bottom:1px solid #aaa; margin-bottom:15px; font-size:14px; color:#CCC; line-height:1.35em;} planned-disbursement:nth-of-type(1) span-planned-type:before{content:"TYPE"; width:140px; display:block; padding-bottom:10px; border-bottom:1px solid #aaa; margin-bottom:15px; font-size:14px; color:#CCC; line-height:1.35em;} planned-disbursement:nth-of-type(1) period-start:before {content:"START DATE"; width:110px;} planned-disbursement:nth-of-type(1) period-end:before {content:"END DATE"; width:120px;} planned-disbursement:nth-of-type(1) value:before {content:"VALUE";} planned-disbursement:nth-of-type(1) provider-org:before {content:"PROVIDER"; width:200px;} planned-disbursement:nth-of-type(1) receiver-org:before {content:"RECEIVER"; width:200px;} planned-disbursement period-start, planned-disbursement period-end, span-planned-type, planned-disbursement value {display:inline-block; vertical-align:top; color:#FFF; font-size:1.0em; line-height:1.35em;} planned-disbursement period-start {width:110px; max-width:110px; padding-left:40px;} planned-disbursement period-end {width:120px; max-width:120px;} span-planned-type {width:140px; max-width:140px;} planned-disbursement value {width:110px; max-width:110px; padding-right:40px; font-size:1.15em;} planned-disbursement provider-org, planned-disbursement receiver-org {width:180px; max-width:180px; display:inline-block; vertical-align:top; color:#FFF; font-size:1.0em; line-height:1.35em; padding-right:20px;} planned-disbursement span-narrative.org-role, planned-disbursement span-narrative.org-type, planned-disbursement span-narrative.org-ref {display:inline; font-size:11px; line-height:initial; color:#CCC; border-radius:4px; padding:2px 4px 3px 4px; background-color:rgba(72,79,86,0.6); margin:0 auto;} /* Transaction table ============================================= */ transaction > * {display:none;} transaction {display:block; width:960px; border-top:1px solid #333642; padding:10px 0; border-bottom:0; font-size:14px;} transaction a {color:#FFAB5E;} transaction a:link {color:#FFAB5E;} transaction a:visited {color:#FFAB5E;} transaction a:hover {color:#FF7A00;} transaction a:active {color:#FFAB5E;} transaction:last-of-type {border-bottom:0px solid #AAA; margin-bottom:25px;} transaction:nth-of-type(1) {margin-top:0px; padding-top:0; border-top:0;} span.span_transaction:before {content:"Transactions"; font-size:20px; color:#FFF; background-color:rgba(17,46,105,0.9); display:block; padding:20px 40px; margin-bottom:25px; width:900px; margin-left:-10px;} .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 {content:"INCOMING PLEDGE"; font-size:12px; color:#FFF; background-color:rgba(17,46,105,0.9); display:block; padding:10px 40px; margin-bottom:25px; width:900px; margin-left:-10px; position:sticky; position:-webkit-sticky; z-index:1; top:0;} .span_transaction_code_1:before {content:"INCOMING FUNDS";} .span_transaction_code_2:before {content:"OUTGOING COMMITMENT";} .span_transaction_code_3:before {content:"DISBURSEMENT";} .span_transaction_code_4:before {content:"EXPENDITURE";} .span_transaction_code_5:before {content:"INTEREST PAYMENT";} .span_transaction_code_6:before {content:"LOAN REPAYMENT";} .span_transaction_code_7:before {content:"REIMBURSEMENT";} .span_transaction_code_8:before {content:"PURCHASE OF EQUITY";} .span_transaction_code_9:before {content:"SALE OF EQUITY";} .span_transaction_code_10:before {content:"CREDIT GUARANTEE";} .span_transaction_code_11:before {content:"INCOMING COMMITMENT";} .span_transaction_code_12:before {content:"OUTGOING PLEDGE";} transaction:nth-of-type(1) transaction-date:before {content:"DATE"; font-size:14px; color:#CCC; width:110px; display:block; padding-bottom:10px; border-bottom:1px solid #aaa; margin-bottom:15px; line-height:1.35em;} transaction:nth-of-type(1) transaction-type:before {display:none;} transaction:nth-of-type(1) provider-org:before {content:"PROVIDER"; font-size:14px; color:#CCC; width:210px; display:block; padding-bottom:10px; border-bottom:1px solid #aaa; margin-bottom:15px; line-height:1.35em;} transaction:nth-of-type(1) receiver-org:before {content:"RECEIVER"; font-size:14px; color:#CCC; width:180px; display:block; padding-bottom:10px; border-bottom:1px solid #aaa; margin-bottom:15px; line-height:1.35em;} transaction:nth-of-type(1) value:before {content:"VALUE"; font-size:14px; color:#CCC; width:120px; display:block; padding-bottom:10px; border-bottom:1px solid #aaa; margin-bottom:15px; line-height:1.35em;} span.span_transaction transaction:nth-of-type(1) description:nth-of-type(1):before {content:"DESCRIPTION"; font-size:14px; color:#CCC; width:260px; display:block; padding-bottom:10px; border-bottom:1px solid #aaa; margin-bottom:15px; line-height:1.35em;} transaction:nth-of-type(1) description:before {content:"DESCRIPTION"; font-size:14px; color:#CCC; width:260px; display:block; padding-bottom:10px; border-bottom:1px solid #aaa; margin-bottom:15px; line-height:1.35em;} span.span_transaction transaction description {display:inline-block; vertical-align:top; padding:0px; width:230px; max-width:230px; padding-right:30px; line-height:1.35em; color:#FFF; font-size:1.0em; text-align:left; background-color:transparent;} transaction-date {display:inline-block; vertical-align:top; color:#FFF; font-size:1.0em; width:100px; max-width:100px; padding-left:40px; padding-right:10px; line-height:1.35em;} transaction-type {display:none;} span.span_transaction transaction description:nth-of-type(1) {display:inline-block; vertical-align:top; padding:0px; width:230px; max-width:230px; padding-right:30px; line-height:1.35em; color:#FFF; font-size:1.0em; text-align:left; background-color:transparent;} provider-org {display:inline-block; vertical-align:top; color:#FFF; font-size:1.0em; width:180px; max-width:180px; padding-right:30px; line-height:1.35em;} receiver-org {display:inline-block; vertical-align:top; color:#FFF; font-size:1.0em; width:180px; max-width:180px; padding-right:0px; line-height:1.35em;} value {display:inline-block; vertical-align:top; color:#FFF; font-size:1.15em; width:120px; max-width:120px; padding-right:40px; line-height:1.35em; text-align:right;} value span {font-size:12px; color:#ccc;} provider-org div, receiver-org div {display:block; padding:5px 0 3px 0; line-height:0;} span-narrative.provider-org-ref, span-narrative.receiver-org-ref {display:inline; font-size:11px; line-height:initial; color:#CCC; margin:0 auto;} transaction span-narrative.org-role, transaction span-narrative.org-type, transaction span-narrative.org-ref {display:inline; font-size:11px; line-height:initial; color:#CCC; margin:0 auto; border-radius:4px; padding:2px 4px 3px 4px; background-color:rgba(72,79,86,0.6);} transaction sector {display:none;} /* Transaction table graphs ============================================= */ .legend_wrap {display:block; padding:10px 15px 0 15px; margin-bottom:20px; text-align:center;} span.legend:before {content:""; display:inline-block; width:7px; height:7px; border-radius:4px; margin-right:5px;} span.legend {font-size:10px; color:#ccc;} .transactions_svg span.legend {display:block; margin:0 auto; text-align:center; padding-bottom:10px;} .transactions_svg_type_all span.legend {display:inline-block; vertical-align:top; padding:0; margin-right:15px;} span.legend.type_1:before {background-color:#09f;} span.legend.type_2:before {background-color:#f05b4f;} span.legend.type_3:before {background-color:#90EE90;} span.legend.type_4:before {background-color:#f4c63d;} span.legend.type_5:before {background-color:#CC90EE;} span.legend.type_6:before {background-color:#2E2CF1;} span.legend.type_7:before {background-color:#00B601;} span.legend.type_8:before {background-color:#FFB000;} span.legend.type_9:before {background-color:#C0005F;} span.legend.type_10:before {background-color:#FF34E5;} span.legend.type_11:before {background-color:#AF77CF;} span.legend.type_12:before {background-color:#5956B9;} span.legend.type_13:before {background-color:#3AAEBE;} span.legend.type_1:after {content:"INCOMING FUNDS";} span.legend.type_2:after {content:"OUTGOING COMMITMENT";} span.legend.type_3:after {content:"DISBURSEMENT";} span.legend.type_4:after {content:"EXPENDITURE";} span.legend.type_5:after {content:"INTEREST PAYMENT";} span.legend.type_6:after {content:"LOAN REPAYMENT";} span.legend.type_7:after {content:"REIMBURSEMENT";} span.legend.type_8:after {content:"PURCHASE OF EQUITY";} span.legend.type_9:after {content:"SALE OF EQUITY";} span.legend.type_10:after {content:"CREDIT GUARANTEE";} span.legend.type_11:after {content:"INCOMING COMMITMENT";} span.legend.type_12:after {content:"OUTGOING PLEDGE";} /* Contact info for Publisher ============================================= */ contact-info {display:block; width:880px; padding:20px 40px; font-size:18px; line-height:1.5em; background-color:rgba(17,46,105,0.9);} contact-info * {display:block; padding:2px 0 0 0; color:#FFF;} contact-info:nth-of-type(1):before {content:"CONTACT INFO"; font-size:14px; color:#ccc; display:block; margin-bottom:15px;} contact-info:nth-of-type(1) {padding-top:30px; width:900px; margin-left:-10px;} contact-info:nth-of-type(even) {background-color:transparent;} contact-info:last-of-type {padding-bottom:30px;} contact-info *.empty {display:none;} /* Hides container if empty */ /* Website or external links ============================================= */ activity-website {display:block; width:880px; margin:0 auto; padding:20px 40px; font-size:16px; line-height:1.5em; border:0; color:#FF9E38; background-color:rgba(0,14,32,0.7);} activity-website * {display:block; padding:5px 0;} activity-website:before {content:"FOR MORE INFORMATION, VISIT "; font-size:14px; color:#ccc; display:inline-block; padding-right:10px;} activity-website:hover {color:#FF7A00;} /* Activity Status ============================================= */ activity-status[code="1"] {background-color:rgb(71,181,255);} activity-status[code="2"] {background-color:rgb(204,141,230);} activity-status[code="3"] {background-color:rgb(71,255,78);} activity-status[code="4"] {background-color:rgb(255,130,71);} activity-status[code="5"] {background-color:rgb(255,71,71);} activity-status {display:block; font-size:20px; background-color:rgb(255,130,71); width:960px; text-align:center; margin:0 auto; padding:40px 0; max-height:150px; color:rgba(0,14,32,1); border-radius:0 0 6px 6px;} activity-status:before {content:"ACTIVITY STATUS:"; font-size:14px; color:rgba(0,14,32,1); font-weight:bold; display:inline-block; padding-right:10px;} activity-status.empty {display:none;} /* Activity Scope ============================================= */ activity-scope > * {display:none;} activity-scope {display:block; font-size:18px; width:880px; text-align:center; margin:0 auto; padding:20px 40px; max-height:150px; color:rgba(255,255,255,1); background-color:rgba(0,14,32,0.7);} activity-scope:before {content:"ACTIVITY SCOPE"; font-size:14px; color:#CCC; display:inline-block; padding-right:10px;} activity-scope.empty {display:none;} /* Related documents list ============================================= */ document-link > * {display:none;} span.span_document-link {width:880px; padding:0 40px; margin:0 auto; margin-bottom:40px;} span.span_document-link:before {content:"RELATED DOCUMENTS"; font-size:14px; color:#CCC; display:block; padding:40px 0 10px 0; margin-bottom:10px;} a.a_document-link::before {display:inline-block; vertical-align:top; content:"☰"; border:1px solid #CCC; padding:2px; color:#CCC; margin-right:-24px;} a.a_document-link {display:block; width:840px; padding:15px 20px; font-size:12px; line-height:1.5em; position:relative; color:#FFF; background-color:rgba(50,58,64,0.6); border:1px solid #656a6f; border-bottom:0;} a.a_document-link:last-of-type {border-bottom:1px solid #656a6f;} a.a_document-link:hover {background-color:rgba(77,88,97,0.6);} document-link {display:inline-block; vertical-align:top; padding-left:34px;} document-link language {display:inline-block; vertical-align:top;} document-link language:before {display:inline-block; content:attr(code); margin-top:5px; margin-right:5px; color:#CCC; font-size:13px; vertical-align:top; padding:1px 4px 0 0; line-height:1.5em; text-transform:uppercase;} document-link span {font-size:1.0em; display:block; color:#ccc;} document-link span-title {display:block;} document-link span-title:nth-of-type(n+1):before{display:none;} document-link span-title:nth-of-type(n+1) {font-size:16px;} document-link span-title:nth-of-type(n+2) {display:none;} document-link span-title narrative {display:inline;} document-link span-title narrative:nth-of-type(2){padding-left:5px; font-style:italic;} a.a_document-link span-title:after {content:"LINK"; margin-left:10px; color:#CCC; font-size:12px; vertical-align:top; background-color:rgba(22,24,37,0.6); border-radius:4px; padding:4px 4px 1px 4px;} document-link description {display:block;} document-link description narrative {font-size:13px; margin-top:2px; color:#BBB;} span-narrative.doc-cat, span-doc_date {display:inline-block; margin-top:5px; margin-right:5px; color:#CCC; font-size:13px; vertical-align:top; background-color:rgba(72,79,86,0.6); border-radius:4px; padding:1px 4px 0px 4px; line-height:1.5em;} span-doc_date {background-color:rgba(48,71,103,1);} /* Hide category because we are showing it with codes */ span-narrative.doc-cat category {display:none;} /* Add i to be case-insensitive */ a[href$=".doc" i].a_document-link span-title:after {content:"DOC";} a[href$=".docx" i].a_document-link span-title:after {content:"DOCX";} a[href$=".pdf" i].a_document-link span-title:after {content:"PDF";} a[href$=".pdf " i].a_document-link span-title:after {content:"PDF";} a[href$=".txt" i].a_document-link span-title:after {content:"TXT";} a[href$=".html" i].a_document-link span-title:after {content:"HTML";} a[href$=".odt" i].a_document-link span-title:after {content:"ODT";} a[href$=".xls" i].a_document-link span-title:after {content:"XLS";} a[href$=".xlsx" i].a_document-link span-title:after {content:"XLSX";} a[href$=".jpg" i].a_document-link span-title:after, a[href$=".jpeg" i].a_document-link span-title:after, a[href$=".png" i].a_document-link span-title:after, a[href$=".bmp" i].a_document-link span-title:after, a[href$=".gif" i].a_document-link span-title:after, a[href$=".svg" i].a_document-link span-title:after, a[href$=".tiff" i].a_document-link span-title:after {content:"IMAGE";} /* Family Tree list ============================================= */ related-activity > * {display:none;} span.span_related-activity {width:880px; padding:0; margin:0 auto;} span.span_related-activity:before {content:"FAMILY TREE"; font-size:14px; color:#CCC; display:block; padding:40px 0 10px 0; margin-bottom:20px; border-bottom:1px solid #AAA;} span.span_related-activity {color:#FFF;} a.a_related-activity {display:inline-block; width:875px; padding:0 0 5px 5px; font-size:1.0em; line-height:1.35em; color:#FFF;} a.a_related-activity:last-of-type {padding-bottom:40px;} iati-activity > a.a_related-activity ~ a.a_related-activity {padding-top:10px;} related-activity {display:inline; color:#FF9E38;} related-activity:hover {color:#FF7A00;} related-activity:before {display:inline-block; padding-right:5px; color:#FFF; font-size:1.0em; line-height:1.25em;} related-activity[type="1"]:before {content:"Parent ";} related-activity[type="2"]:before {content:"Child ";} related-activity[type="3"]:before {content:"Sibling ";} related-activity[type="4"]:before {content:"Co-funded ";} related-activity[type="5"]:before {content:"Third Party ";} /* Policy marker ============================================= */ policy-marker > * {display:none;} span.span_policy-marker {width:880px; padding:0; margin:0 auto; color:#FFF;} span.span_policy-marker:before {content:"POLICY MARKER"; font-size:14px; color:#CCC; display:block; padding:40px 0 10px 0; margin-bottom:20px; border-bottom:1px solid #AAA;} policy-marker {display:inline-block; vertical-align:top; width:875px; padding:0 0 5px 5px; font-size:1.0em; line-height:1.25em; color:#FFF;} policy-marker narrative {display:inline; vertical-align:initial;} policy-marker narrative:nth-of-type(n+2) {display:inline-block; font-style:italic; font-size:14px; line-height:inherit; text-indent:10px; color:#CCC;} policy-marker narrative:last-of-type:after {display:block;} span-narrative.policy_vocab, span-narrative.policy_code, span-narrative.policy_sig {display:inline-block; margin-left:5px; color:#CCC; font-size:13px; background-color:rgba(72,79,86,0.6); border-radius:4px; padding:0px 4px; line-height:1.5em;} span-narrative.policies {display:inline-block; font-size:initial; line-height:initial;} policy-marker:last-of-type {padding-bottom:40px;} /* Humanitarian Scope ============================================= */ humanitarian-scope > * {display:none;} humanitarian-scope:first-of-type:before {content:"HUMANITARIAN SCOPE"; font-size:14px; color:#CCC; display:block; padding:0 0 10px 0; margin-bottom:20px; border-bottom:1px solid #AAA;} humanitarian-scope {display:block; width:880px; padding:0 0 10px 0; margin:0 auto; color:#FFF; line-height:24px;} humanitarian-scope:last-of-type {padding-bottom:40px;} humanitarian-scope narrative {display:block; font-style:italic;} humanitarian-scope span-lang {display:inline-block; vertical-align:top;} humanitarian-scope span-lang narrative {display:block; font-style:initial; padding-bottom:0;} span-narrative.hum_scope_vocab, span-narrative.hum_scope_type, span-narrative.hum_scope_code {display:inline-block; margin-left:5px; color:#CCC; font-size:13px; background-color:rgba(72,79,86,0.6); border-radius:4px; padding:0px 4px; line-height:1.5em;} humanitarian-scope a {display:inline;} humanitarian-scope a:link {color:#FFAB5E;} humanitarian-scope a:visited {color:#FFAB5E;} humanitarian-scope a:hover {color:#FF7A00;} humanitarian-scope a:active {color:#FFAB5E;} span-narrative.hum_scope {display:inline-block; font-size:initial; line-height:initial;} humanitarian-scope.empty {display:none;} /* Tag ============================================= */ span.span_span-openag {width:880px; padding:0 40px; margin:0 auto; counter-reset:section;} span.span_span-openag:before {content:"Secondary Classification - AGROVOC"; font-size:20px; color:#FFF; background-color:rgba(17,46,105,0.9); display:block; padding:20px 40px; margin-bottom:15px; width:900px; margin-left:-50px;} span-openag::before {display:inline; counter-increment:section; content:counter(section) ". "; line-height:20px; font-size:18px;} span-openag {display:block; width:860px; padding:10px 0; font-size:1.0em; line-height:1.25em; position:relative; color:#FFF; text-transform:capitalize;} span-openag:last-of-type {padding-bottom:30px;} a.a_openag {color:#FFAB5E; font-size:18px; display:inline;} a.a_openag:link {color:#FFAB5E;} a.a_openag:visited {color:#FFAB5E;} a.a_openag:hover {color:#FF7A00;} a.a_openag:active {color:#FFAB5E;} /* Hide and expand buttons ============================================= */ span.span_document-link, span.span_participating-org, span.span_transaction, span.span_budget, span.span_planned-disbursement, span.span_result, span.span_related-activity, span.span_recipient-country, span.span_sector, span.span_policy-marker, span.span_recipient-region, span.span_location, span.span_transaction_code_1, span.span_transaction_code_2, span.span_transaction_code_3, span.span_transaction_code_4, span.span_transaction_code_5, span.span_transaction_code_6, span.span_transaction_code_7, span.span_transaction_code_8, span.span_transaction_code_9, span.span_transaction_code_10, span.span_transaction_code_11, span.span_transaction_code_12, span.span_transaction_code_13 {position:relative;} span.hide {display:block; position:absolute; top:35px; right:40px; font-size:18px; line-height:18px; background-color:rgba(255,255,255,0.6); padding:0 3px; border-radius:2px; color:#112b61; font-weight:bold; width:14px; text-align:center;} span.hide:hover {cursor:pointer; background-color:rgba(255,255,255,1);} span.span_transaction span.hide, span.span_planned-disbursement span.hide, span.span_budget span.hide, span.span_result span.hide, span.span_result result span.hide {top:18px;} span.span_result result:nth-child(1) span.hide {top:-5px;} span.span_related-activity span.hide, span.span_policy-marker span.hide {right:0;} span.span_recipient-country span.hide, span.span_sector span.hide {top:20px;} span.span_transaction_code_1 span.hide, span.span_transaction_code_2 span.hide, span.span_transaction_code_3 span.hide, span.span_transaction_code_4 span.hide, span.span_transaction_code_5 span.hide, span.span_transaction_code_6 span.hide, span.span_transaction_code_7 span.hide, span.span_transaction_code_8 span.hide, span.span_transaction_code_9 span.hide, span.span_transaction_code_10 span.hide, span.span_transaction_code_11 span.hide, span.span_transaction_code_12 span.hide, span.span_transaction_code_13 span.hide {top:8px; z-index:10;} /* Count ============================================= */ span.length {display:block; position:absolute; top:39px; left:200px; font-size:14px; line-height:16px; color:#CCC;} span.span_document-link span.length {left:210px;} span.span_participating-org span.length {left:180px;} span.span_participating-org span.length {left:180px;} span.span_recipient-country span.length {top:20px; left:210px;} span.span_sector span.length, span.span_budget span.length {top:20px; left:120px;} span.span_transaction span.length {top:20px; left:160px;} span.span_planned-disbursement span.length {top:20px; left:260px;} span.span_result span.length {top:20px; left:120px;} span.span_related-activity span.length {left:110px;} span.span_policy-marker span.length {left:135px;} span.span_location span.length {left:135px;} span.span_recipient-region span.length {left:115px;} span.span_transaction_code_1 span.length, span.span_transaction_code_2 span.length, span.span_transaction_code_3 span.length, span.span_transaction_code_4 span.length, span.span_transaction_code_5 span.length, span.span_transaction_code_6 span.length, span.span_transaction_code_7 span.length, span.span_transaction_code_8 span.length, span.span_transaction_code_9 span.length, span.span_transaction_code_10 span.length, span.span_transaction_code_11 span.length, span.span_transaction_code_12 span.length, span.span_transaction_code_13 span.length {top:8px; left:170px; z-index:10;} span.span_transaction_code_1 span.length, span.span_transaction_code_3 span.length, span.span_transaction_code_4 span.length, span.span_transaction_code_9 span.length, span.span_transaction_code_12 span.length, span.span_transaction_code_13 span.length {left:150px;} span.span_transaction_code_2 span.length, span.span_transaction_code_11 span.length {left:200px;} /* Chartist SVG ============================================= */ .transactions_svg {display:block; width:920px; height:240px; margin:auto; margin-bottom:25px; padding-top:10px;} .transactions_svg_type_all {padding-top:0; padding-bottom:45px;} .transactions_svg svg {overflow:visible;} .transactions_svg line:last-of-type {stroke-linecap:unset} .svg_line_transaction_type_1 {stroke:#09f;} .svg_line_transaction_type_2 {stroke:#f05b4f;} .svg_line_transaction_type_3 {stroke:#90EE90;} .svg_line_transaction_type_4 {stroke:#f4c63d;} .svg_line_transaction_type_5 {stroke:#CC90EE;} .svg_line_transaction_type_6 {stroke:#2E2CF1;} .svg_line_transaction_type_7 {stroke:#00B601;} .svg_line_transaction_type_8 {stroke:#FFB000;} .svg_line_transaction_type_9 {stroke:#C0005F;} .svg_line_transaction_type_10 {stroke:#FF34E5;} .svg_line_transaction_type_11 {stroke:#AF77CF;} .svg_line_transaction_type_12 {stroke:#5956B9;} .svg_line_transaction_type_13 {stroke:#3AAEBE;}