/* Original CSS for d-portal.org 2014 ^o^ If you're reading this in github, please change to Tabs-4 as github is broken. ============================================= */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:top;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} /* Resets */ a,img {border:0; outline:none;}textarea:focus,input:focus{outline:0;}*:focus{outline:0;} img {-webkit-filter:brightness(200%); filter:brightness(200%); color:#FFF;} body,html {background:none; color:#444; width:100%; height:100%; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; text-rendering:optimizelegibility; word-wrap:break-word;} html {background-color:#000;} /* Links & fonts ============================================= */ table.activity td, table.stats td, table.list td, table.money td, a {-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; cursor:pointer;} a:focus {text-decoration:underline;} a:link {color:inherit; text-decoration:none;} a:visited {color:inherit; text-decoration:none;} a:hover {color:inherit; text-decoration:none;} a:active {color:inherit; text-decoration:none;} em, i, .italic {font-style:italic; color:inherit;} strong, b, .bold {font-weight:bold; color:inherit;} .underline {text-decoration:underline; color:inherit;} :focus {outline:2px solid #53B4ED; outline:-webkit-focus-ring-color auto 5px;} :-moz-focusring {outline:2px solid #53B4ED;} /* Main wrappers for content & fixed background img ============================================= */ .portal {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:table; width:100%; height:100%;} .main_wrap {width:100%; min-width:1040px; padding:0px; display:table-cell; background-color:rgba(255,255,255,0.4);} #background_image {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; background-image:url('/ctrack/art/back/bf.jpg'); background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;} .overlay {width:100%; height:100%; background-color:rgba(46,41,6,0.6); position:relative;} /* Overlay colour for background image */ iati-activity {margin-bottom:40px;} /* Fixes too-large bottom margin during only this instance */ iati-activity:after {content:""; padding:0; display:initial;} /* Takes away content since footer is included on site */ .center_wrap {width:960px; margin:0 auto; text-align:center;} /* Settings ============================================= */ #settings {padding:10px 40px 30px 40px; margin:0 auto; background-color:#fff; margin-bottom:40px;} span.settings_info {min-width:135px; display:block; padding-bottom:5px;} td.settings_toggle {text-align:right; vertical-align:middle;} a.settings_link span {color:#ccc; padding:10px 15px 0 0; display:inline-block;} a.settings_link:hover span {color:#fff;} a.settings_faq {display:inline-block; line-height:35px; color:#ccc; margin-right:10px; font-weight:bold;} a.settings_faq:hover {color:#fff;} td.options {padding-top:20px;} td.options:hover {cursor:default;} td.options form {display:inline-block;} /* Status badge next to d-portal logo in headers ============================================= */ span.badge {display:none; vertical-align:bottom; color:#fff; padding:5px 10px; border-radius:4px; font-weight:bold; font-size:0.8em; margin-left:10px;} span.badge.beta {border:1px solid #fff;} /* Breadcrumbs ============================================= */ a.crumb {display:inline-block; vertical-align:top; padding:0 10px; font-size:1.0em; color:#CCC; line-height:1.1em;} a.crumb:hover {color:#FFF;} a.crumb.first {padding-left:0px;} .crumb_wrap {width:960px; margin:0 auto; padding-top:10px; font-size:0.9em; color:#CCC; line-height:1.1em;} .crumb_wrap span {display:inline-block; vertical-align:top; padding:0 10px; font-size:1.0em; color:#FFF; line-height:1.1em;} /* Translation dropdown ============================================= */ select {font-size:0.9em; color:#000; background:#FFF;} option {color:#000;} /* About data links ============================================= */ a.about_data {display:inline-block; vertical-align:bottom; padding:0 10px; text-align:center; color:#DDD; font-size:1.0em; line-height:1.2em;} a.about_data:hover {color:#FFF;} a.about_data.quality {border-left:1px solid #CCC; text-align:right; padding-right:0;} a.about_data.registry_link {border-right:1px solid #CCC; text-align:left;} /* Header styles ============================================= */ .default {width:960px; margin:0 auto; padding:0;} .default.head {padding-top:20px;} .default.min {padding-top:10px;} .default.graph {padding-top:40px;} .default.graph_bars {background-color:#FFF; border-radius:0 0 6px 6px; margin:0 auto; margin-top:40px;} .default.about {padding:10px 0; text-align:right;} .default.data {padding:20px 0 40px 0; width:880px;} .default.mention {display:flex; justify-content:space-between;} /* Header 2.0 ============================================= */ .iati_header {display:flex; flex-direction:column;} .iati_head_one {background-color:#fff;} .iati_head_two {background:linear-gradient(rgba(21,83,102,.9), rgba(21,83,102,.9)), url(/ctrack/art/original/marque_white.svg) no-repeat right 2rem top, rgba(21,83,102,1); background-size:32.3rem auto;} .iati_head_con {width:100%; max-width:960px; margin-inline-start:auto; margin-right:auto; padding:0 1rem;} .iati_head_one .iati_head_con {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; column-gap:1rem; row-gap:1rem; flex-wrap:wrap; padding-block:0.75rem;} .iati_head_two .iati_head_con:not(:has(.iati_head_nav[hidden])) {padding-block-end:0;} .iati_logo {height:2.5rem; max-width:100%; -webkit-filter:brightness(1); filter:brightness(1);} .iati_head_nav {display:none;} .iati_head_nav a, .iati_head_nav a:link, .iati_head_nav a:visited{color:#155366;} .iati_head_nav a:hover, .iati_head_nav a:active {color:#0b9095;} .iati_head_list {display:flex; flex-wrap:wrap; gap:0.5em; list-style-type:none; padding:0; margin:0;} .iati_head_list > * {line-height:1; position:relative;} .iati_head_list > *:not(:last-child) {padding-inline-end:2rem;} .iati_head_list > *:not(:last-child):after {content:""; position:absolute; right:1rem; height:120%; width:1px; display:block; background-color:#121212; top:-10%;} .iati_head_opts {display:flex; gap:0.5rem; justify-content:flex-end; align-items:flex-start; border-block-end:1px solid #fff; padding-block-end:1rem; margin-block-end:1rem;} .iati_head_title {display:flex; flex-direction:column; gap:0.8rem; padding-inline-start:1rem; margin-block-end:1.5rem; border-inline-start:4px solid #06dbe4;} .iati_head_two_nav {border-block-start:1px solid #fff; display:none;} .iati_lang {background-color:#fff; position:relative; display:inline-block; color:#121212; cursor:pointer;} .iati_lang::after {position:absolute; right:0.7em; top:calc(50% - 0.1875em); content:""; width:0.75em; height:0.375em; background-color:#121212; clip-path:polygon(15% 0, 0 0, 50% 100%, 100% 0, 85% 0, 50% 70%);} .iati_lang .iati_lang_label {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border-width:0;} .iati_lang .iati_lang_opt, .iati_lang .iati_lang_theme {padding:0.7em 2.1em 0.7em calc(1em + 1rem); line-height:1.1; width:100%; height:100%; appearance:none; background-color:#fff; border:none; color:#121212;} .iati_lang .iati_lang_opt {background:url(/ctrack/art/original/icon_globe.svg) no-repeat 0.5em center;} .iati_lang .iati_lang_theme {background:url(/ctrack/art/original/icon_eye.svg) no-repeat 0.35em 0.3em} .iati_lang .iati_lang_opt:hover, .iati_lang .iati_lang_theme:hover {cursor:pointer;} .iati_button {color:#121212; background-color:#fff; border:none; font-size:14px; line-height:1.1; padding:.7em; transition:all .2s ease-in-out;} .iati_button img {-webkit-filter:brightness(0); filter:brightness(0);} .iati_button:hover {background-color:#7bedf2; color:#155366;} .iati_head_title_sub {color:#fff; font-size:1.1rem; line-height:1;} .iati_head_title_main {color:#fff; font-size:1.625rem; line-height:1; font-weight:bold;} .iati_tool_list {list-style-type:none; display:flex; padding:0; margin:0;} .iati_tool_list a, .iati_tool_list a:link, .iati_tool_list a:visited {color:#fff;} .iati_tool_list a:hover {background-color:#7bedf2; color:#155366;} .iati_tool_list a:active {background-color:#7bedf2; color:#155366;} .iati_tool_list_link {padding:1rem; color:#fff; font-size:1.0625rem; line-height:1.1; transition:all 0.2s ease-in-out; display:inline-block;} @media (min-width: 640px) { .iati_logo {height:3.5rem;} .iati_head_nav, .iati_head_two_nav {display:block;} .iati_head_two .iati_head_con {padding-block:2rem;} .iati_head_opts {border-block-end:none; padding-block-end:0; margin-block-end:0;} .iati_head_title_sub {font-size:1.5rem; line-height:1.2;} .iati_head_title_main {font-size:2.5rem;} } /* SDG styles ============================================= */ .sdg_wrap {background-color:#fff; border-radius:6px; margin:0 auto; width:960px; margin-top:1em; margin-bottom:2em;} .sdg {display:flex; padding:2em; padding-right:4em; color:#666; line-height:1.5em;} .sdg_icon {margin-right:2em;} .sdg_icon img {width:165px; filter:none;} .sdg_title {font-size:2em;} .sdg_goal_info {font-size:1.25em; margin-top:1em;} .sdg_indicator_info, .sdg_target_info {margin-top:1em; line-height:1.25em;} .sdg_indicator_info span, .sdg_target_info span {font-weight:bold;} /* Country Code List style - INDEX PAGE ============================================= */ .country_menu_wrap {width:960px; margin:0 auto; padding:40px 0 60px 0;} .country_menu_list_wrap {margin:0 auto; width:960px;} .publisher_menu_list_wrap {margin:0 auto; width:860px;} .menu_list_wrap {display:inline-block; vertical-align:top; padding-left:50px; width:500px; height:700px; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} .menu_list_wrap.left {width:460px; padding-left:0; padding-right:0; border-right:1px solid #887E6E;} ul.country_menu_list {list-style:none; padding:0; margin:0 auto; width:100%;} ul.country_menu_list li.no {display:none;} ul.country_menu_list li img {max-height:20px;} ul.country_menu_list li {border-bottom:1px solid #A0988B;} ul.country_menu_list li:last-of-type {border:0;} ul.country_menu_list li.top {border:0; margin-bottom:10px;} span.select_wrap {display:inline-block; vertical-align:top; width:50px;} span.select_wrap.countryid {color:#DDD;} span.select_wrap.publisherid{display:block; padding:5px 0 0 10px; color:#DDD; text-align:left; width:100%; font-size:0.8em; font-weight:bold;} span.select_wrap.publisherid::before{content:'Publisher ID: '; font-weight:normal;} span.select_wrap.countryname {width:310px; padding:0 10px; text-align:left;} span.select_wrap.publishername {width:100%; padding:0 10px; text-align:left; display:block;} span.select_wrap.full {width:100%; padding:0; text-align:center; font-size:1.6em;} .publisher_list {width:100%; height:100%; color:#fff; font-size:1.2em; line-height:1.15em; display:block; padding:20px 0; font-weight:bold;} a.country_code {width:100%; height:100%; color:#fff; font-size:1.2em; line-height:1.15em; display:block; padding:20px 0; vertical-align:top; text-align:center;} a.country_code:hover {background-color:rgba(37, 115, 205, 0.7);} li.publishercol a.country_code {padding:15px 0;} /* Select dropdowns - INDEX PAGE ============================================= */ #country_dropmenu, #publisher_dropmenu, .compare_wrap {display:inline-block; vertical-align:top; width:460px; margin-bottom:40px; margin-right:20px;} #publisher_dropmenu, .compare_wrap.pub {margin-right:0; margin-left:20px;} #country_dropmenu select, #publisher_dropmenu select {min-width:460px; max-width:460px;} #country_dropmenu .chosen-container-single .chosen-single span, #publisher_dropmenu .chosen-container-single .chosen-single span {color:#444; font-size:20px; line-height:46px;} #country_dropmenu .chosen-container-single .chosen-single, #publisher_dropmenu .chosen-container-single .chosen-single {height:46px; width:450px; text-align:center;} #country_dropmenu .chosen-container .chosen-results li , #publisher_dropmenu .chosen-container .chosen-results li {text-align:left;} /* Buttons and header styles - INDEX PAGE ============================================= */ a.path {display:block;padding:40px 20px;border-radius:8px;background-color:rgba(0,14,32,0.7);text-align:center;margin:0 auto;color: #fff;text-transform: uppercase;font-size: xx-small;} a.path:hover {background-color:rgba(0,14,32,0.9);} /* Text and Description styles - INDEX PAGE ============================================= */ .description_splash {width:960px; margin:0 auto; padding:0px; box-sizing:border-box; text-align:left; padding-bottom:10px;} .description_splash .footer_notes span.title {margin:0;} .description_splash .footer_notes p {padding:15px 0; font-size:1.2em; color:#fff; line-height:1.2em; word-spacing:0.07em;} .feedback_links_wrap {width:960px; margin:0 auto; margin-top:20px; text-align:right;} a.feedback_txt, #more_feedback_info {color:#fff; display:inline-block; vertical-align:top;} #more_feedback_info {margin-left:10px;} #more_feedback_info a:hover {border-bottom:1px solid #fff;} /* Generator link - INDEX PAGE ============================================= */ .screen_generator {display:block; background:url('/ctrack/art/generator.png')no-repeat; background-size:540px 562px; width:540px; height:200px;} a.description_wrap.bigbutton {display:block; width:878px; margin-bottom:40px; padding:40px 40px 0 40px; background-color:rgba(255,255,255,0); border:1px solid #fff;} a.description_wrap.bigbutton:hover {background-color:rgba(255,255,255,0.1);} a.description_wrap.bigbutton span.description {margin:0; width:340px; padding:0; background:transparent; display:inline-block; vertical-align:top;} a.description_wrap.bigbutton span.description.img {width:540px;} a.description_wrap.bigbutton span.title {border:0; font-size:60px; margin:0; width:100%;} a.description_wrap.bigbutton p {padding:0; font-size:24px; line-height:29px; color:#fff;} /* Blog styles ============================================= */ .blog_head {width:960px; margin:0 auto; color:#FFF; line-height:1.7em; font-size:4.0em; padding-top:20px; border-bottom:1px solid #FFF;} a.blog_head {display:block; width:960px; margin:0 auto; color:#FFF; line-height:1.7em; font-size:4.0em; padding-top:20px; border-bottom:1px solid #FFF;} .blog_wrap {padding:40px 60px; color:#FFF; font-size:1.0em; line-height:1.4em; border-bottom:1px solid #FFF; background-color:rgba(255,255,255,0.1); width:800px; margin:auto; margin-top:40px; margin-bottom:40px;} .blog_date {font-size:0.9em; line-height:1.2em; color:#CCC;} .blog_body {padding:20px 0;} .blog_body p {margin:1em 0; padding:0; color:inherit;} .blog_body ul {list-style:inherit; list-style-position:inside;} .blog_body a {color:#A8C5E5;} .blog_body a:hover {color:#FFF; text-decoration:underline;} .blog_title {font-size:2.2em; line-height:1.2em; color:#A8C5E5; padding-bottom:20px;} a.blog_title {display:block; font-size:2.2em; line-height:1.2em; color:#A8C5E5; padding-bottom:20px;} a.blog_title:hover {color:#FFF;} a.back_news {display:block; margin-top:40px; text-align:right; color:#FFF;} a.back_news:hover {color:#A8C5E5;} .blog_body code {background-color:#fff; padding:10px 20px; color:#222; font-family:monospace; margin:15px 0; display:block;} .blog_body code a, .blog_body code a:focus, .blog_body code a:link, .blog_body code a:visited, .blog_body code a:hover, .blog_body code a:active {color:#222; text-decoration:none; transition:initial;} /* Graph styles ============================================= */ #donor_graph, #sector_graph, #countries_graph, #publisher_countries_graph, #publisher_sectors_graph{background-color:#FFF; font-size:1.0em; line-height:1.3em; color:#444; border:1px solid #FFF; border-radius:0 0 8px 8px;} a.graph_wrap {display:block; position:relative; width:960px;} .graph_bar_info {padding-bottom:20px; text-align:right; margin-top:10px; margin-right:20px; font-size:12px; color:#666;} .graph_bar_row_wrap {display:flex; align-items:center; padding:0 20px;} .graph_bar_wrap {border-right:1px solid #999; padding:10px 20px 5px 0; text-align:right; width:480px;} .graph_bar_text_wrap {display:flex; align-items:center; justify-content:flex-end; padding-top:3px;} .graph_bar_text {font-size:16px; line-height:21px;} .graph_bar_code {background-color:rgba(192, 213, 242, 0.7); border-radius:4px; color:#222; font-size:11px; margin-left:10px; padding:2px 5px; white-space:nowrap;} .graph_bar_value_wrap {} .graph_bar_percent_wrap {display:flex; align-items:center;} .graph_bar_value {color:#666; font-weight:bold; font-size:16px;} .graph_bar {height:34px; max-width:335px; position:relative;} .graph_bar:before {background-color:rgba(17, 46, 105, 0.1); content:""; height:34px; left:0; position:absolute; top:0; width:335px;} .graph_bar_overlay {height:24px; left:0; position:absolute; top:0;} .graph_bar_percent {color:#444; font-size:14px; margin-left:20px; max-width:36px; text-align:right; white-space:nowrap;} .graph_bar_percent:after {content:"%";} .graph_bar_overlay.donor_main_bar {height:34px; background:hsl(200,100%,50%);} .graph_bar_overlay.country_main_bar {height:34px; background:hsl(31,100%,50%);} .graph_bar_overlay.sector_main_bar {height:34px; background:hsl(160,100%,50%);} .graph_glossary_wrap {margin:0 auto; padding: 0 40px;} .graph_glossary {border-bottom:1px solid #aaa; color:#444; font-size:13px; font-weight:bold; margin-bottom:15px; padding-bottom:5px; text-transform:uppercase;} .graph_list_wrap {margin:0 auto; padding: 0 40px; padding-bottom:20px;} .graph_list {display:flex; align-items:top; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px;} .graph_list span {display:block; padding-right:40px; min-width:35%; width:35%;} .graph_list_info {font-size:13px; line-height:15px;} span.graph_view_all {display:flex; background-color:rgba(3,14,27,0); position:absolute; left:0; top:0; width:960px; height:100%; color:rgba(255,255,255,0); font-size:60px; justify-content:center; align-items:center; text-align:center; border-radius:0 0 8px 8px;} span.graph_view_all:hover {background-color:rgba(3,14,27,0.85); color:rgba(255,255,255,1); -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition: all .2s ease-in-out;} span.graph_view_all.pub_donor {line-height:410px;} span.graph_view_all.pub_sector {line-height:460px;} span.ask {display:block; width:960px; margin:0 auto; padding:0; color:#FFF; font-size:32px; line-height:32px; text-align:center;} span.ask.donor {background-color:#008FFF;} span.ask.country {background-color:#CC8030;} span.ask.sector {background-color:#00C475;} .main_peak_wrap {width:960px; background-color:#FFF; display:block; padding-bottom:10px;} .peak {margin:0 auto; width:0; height:0; border-left:20px solid transparent; border-right:20px solid transparent; display:block;} /* Triangles */ .peak.donor {border-top:20px solid #008FFF;} .peak.country {border-top:20px solid #CC8030;} .peak.chart_sector {border-top:20px solid #00C475;} .caption {border-bottom:0;} .caption:last-of-type {border-bottom:1px;} .ask_title {padding:20px 40px; display:block;} /* Map styles (front page) ============================================= */ .map_wrap {width:100%; min-height:400px; max-height:400px; margin:0 auto; background-color:rgba(0,0,0,0.8); position:relative; margin-top:60px;} .map_info {width:800px; margin:0 auto; top:0; left:-100px; right:-100px; background-color:#20344c; padding:10px 40px; font-size:1.1em; color:#FFF; line-height:1.35em; position:absolute; border-radius:0 0 8px 8px; text-align:center;} .map_no_info {color:#FFF; font-size:1.2em; line-height:1.35em; text-align:center; position:absolute; top:50%; left:20%; right:20%;} a.map_percent {display:block; width:140px; margin:0 auto; bottom:30px; left:-80px; right:-780px; padding:10px 15px 15px 15px; font-size:16px; color:#FFF; line-height:1.25em; position:absolute; background-color:rgba(0,14,32,0.8); border-radius:8px; z-index:1; text-align:left;} a.map_percent:hover {background-color:rgba(0,14,32,0.9);} a.map_percent span {display:inline; font-size:1.15em; line-height:1.0em; color:#FFF; font-weight:bold; padding:0 3px 0 7px;} #map {width:100%; height:400px;} .map_wrap img {-webkit-filter:brightness(100%); filter:brightness(100%);} .map_percent img {-webkit-filter:brightness(200%); filter:brightness(200%);} /* For url #view=map ============================================= */ .map_wrap.view {width:960px; min-height:600px; max-height:600px; padding-bottom:40px; background-color:transparent; margin-top:0;} .map_no_info.view {color:#FFF; font-size:1.2em; line-height:1.35em; text-align:center; position:absolute; top:50%; left:20%; right:20%;} #map.map_view {width:100%; height:600px;} .map_filter_wrap {margin-top:20px; margin-bottom:10px;} .map_filter, .map_filter.info {display:inline-block; vertical-align:middle; width:250px;} .map_filter.info {width:610px; padding-right:10px; text-align:right; color:#fff; font-size:20px;} .map_table {width:100%; margin:0 auto; border-collapse:initial; table-layout:fixed;} .map_table th, .map_table td {color:#fff; font-size:14px; line-height:1.25em; padding:10px 5px; border-top:1px solid #aaa;} .map_table th {font-weight:bold; border:0;} th.map_col_name {width:25%;} /* Stats (key figures) styles ============================================= */ .main_stats_wrap {width:100%; margin:0 auto; padding:0px;} span.stats_title {display:block; font-size:1.5em; color:#FFF; padding-bottom:10px;} span.stats_title.tiny {font-size:18px; line-height:24px;} span.stats_title.view {display:inline-block; font-size:1.0em; color:#FFF; margin-left:20px; vertical-align:bottom; text-align:left; padding:0;} /* Table view */ span.stats_num {display:block; font-size:100px; color:#42acff;} span.stats_num.small {display:block; font-size:52px;} span.stats_num.view {display:inline-block; font-size:168px; color:#FFF; line-height:0.8em;} /* Table view */ .main_mention {color:#FFF; font-size:1.0em; line-height:1.4em; text-align:center;} .main_mention a {display:block; background-color:#6c8292; border-radius:6px; padding:10px 20px;} .main_mention a:hover {background-color:#008FFF;} .declare.stats {color:#ccc; font-size:1.0em; line-height:1.4em; padding:10px 0; text-align:right;} /* Date under stats */ a.stats_link {display:block; padding:30px 40px; height:100%; color:#ccc; border-radius:6px; background-color:rgba(0,14,32,0.7); margin:15px 5px 5px 10px;} a.stats_link.active {margin-left:0; padding:40px;} a.stats_link.total, a.stats_link.publishers {margin-right:0;} a.stats_link.planned, a.stats_link.publishers {margin-top:10px;} a.stats_link.publishers {padding:30px 10px 30px 40px;} a.stats_link:hover {background-color:rgba(0,14,32,0.9);} a.stats_link.missing {margin-left:0; font-size:18px;} a.stats_link.missing span {color:#008FFF;} /* Multi-modal Stats (key figures) styles ============================================= */ .status_wrap {margin:0 auto; margin-bottom:25px;} .status_button_wrap {display:flex; width:960px; margin:0 auto; flex-wrap:wrap; justify-content:center; gap:14px; margin-bottom:12px;} .status_today_wrap {display:flex; width:717px; justify-content:space-between;} .status_grid {display:grid; grid-template-columns:56% 42%; overflow:hidden; width:960px; margin:0 auto; margin-bottom:15px; grid-template-rows:[row1] 140px [row2] 72px [row3]; grid-column-gap:14px; grid-row-gap:8px;} .status_pipeline {grid-row-start:row1; grid-row-end:row3; display:flex;} .status_publisher {grid-column-start:2; grid-row-start:row1; grid-row-end:row2;} .status_total {grid-column-start:2; grid-row-start:row2; grid-row-end:row3;} .status_pipeline a.stats_link.active {margin:0; height:initial; padding:2em; align-self:stretch; width:100%;} .status_publisher a.stats_link.publishers {margin:0; height:initial; padding:1.6em 2em;} .status_total a.stats_link.total {margin:0; height:initial; font-size:18px; padding:1.5em;} .status_button_wrap a {flex-basis:189px; padding:20px 20px; margin:0; height:initial; font-size:18px;} .status_button_wrap a span, .status_total a span {color:#008FFF;} .status_today_wrap a {flex-basis:257px; text-align:center;} a.stats_link.to_ended {border-radius:6px 0 0 6px; background:linear-gradient(to right, rgba(0,14,32,0) 0%, rgba(0,14,32,0.5) 12%, rgba(0,14,32,0.7) 100%);} a.stats_link.to_active {border-radius:0;} a.stats_link.to_planned {border-radius:0 6px 6px 0; background:linear-gradient(to left, rgba(0,14,32,0) 0%, rgba(0,14,32,0.5) 12%, rgba(0,14,32,0.7) 100%);} a.stats_link.to_ended:hover {border-radius:6px 0 0 6px; background:linear-gradient(to right, rgba(0,14,32,0.1) 0%, rgba(0,14,32,0.7) 12%, rgba(0,14,32,0.9) 100%);} a.stats_link.to_planned:hover {border-radius:0 6px 6px 0; background:linear-gradient(to left, rgba(0,14,32,0.1) 0%, rgba(0,14,32,0.7) 12%, rgba(0,14,32,0.9) 100%);} /* Active / Ended projects styles ============================================= */ .main_title_wrap {width:960px; margin:0 auto; padding:60px 0 0 0;} .title_wrap {width:960px; margin:0 auto; padding:0 0 40px 0; margin-bottom:40px;} .table_wrap {background-color:rgba(0,14,32,0.85); padding:0; border-radius:8px 8px 0 0; position:relative; width:960px;} .table_wrap.main {padding-bottom:0; border-radius:8px 8px 0 0;} .table_wrap.act_stats {border-radius:8px;} .table_wrap.view {width:1000px; margin:0 auto; padding:20px; margin-bottom:40px; box-sizing:border-box;} .auto {margin:0 auto;} /* Footer notes styles ============================================= */ .description_wrap {width:100%; margin:0 auto; background:linear-gradient(to bottom, rgba(0,14,32,0) 0%,rgba(0,14,32,0.5) 60%,rgba(0,14,32,0.9) 100%); background:-prefix-linear-gradient(to bottom, rgba(0,14,32,0) 0%,rgba(0,14,32,0.5) 60%,rgba(0,14,32,0.9) 100%); padding-bottom:40px; margin-top:40px;} .data_quality_wrap {background-color:rgba(238,238,238,1); color:#444; width:880px; margin:0 auto; padding:40px; margin-bottom:3em;} .footer_notes {width:880px; margin:0 auto; padding:40px; text-align:left; margin-bottom:40px; margin-top:20px; padding-top:20px; background-color:rgba(255,255,255,0.1);} .footer_notes span.title {display:block; color:#FFF; line-height:1.35em; font-size:1.4em; margin-top:20px; padding:10px 0; border-bottom:1px solid #FFF;} .footer_notes span.title.sub{font-size:20px; border:0; margin:0; padding-bottom:5px;} .footer_notes p {padding:15px 0; font-size:18px; color:#fff; line-height:24px; word-spacing:0.07em;} .footer_notes p.about_data {margin-top:30px;} .footer_notes a {color:#CCC; text-decoration:none;} .footer_notes a:hover {color:#FFF; text-decoration:underline;} a.read {display:inline-block; width:50%; text-decoration:none; color:#CCC; font-size:1.0em;} a.read.right {text-align:right;} a.read:hover {text-decoration:underline;} /* Generic styles ============================================= */ .head_wrap {width:960px; margin:0 auto; padding:20px 0;} .icon_wrap {width:330px; display:none; vertical-align:top;} .peak_wrap {display:none;} .peak_space {height:30px;} .list_peak_space {height:60px;} .list_peak {width:0; height:0; border-top:20px solid transparent; border-left:20px solid transparent; border-right:30px solid #008FFF; border-bottom:20px solid transparent;} .head_title_wrap {width:100%; display:block; vertical-align:top; padding:30px 0 40px 0;} /* Table list views for Summary stats */ .list_head_title {width:100%; color:#FFF; font-size:58px; line-height:56px; text-align:center; padding:0 0 30px 0;} .list_stats_title {display:inline-block; font-size:1.0em; color:#FFF; margin-left:20px; vertical-align:bottom; text-align:left;} .list_stats_title span {display:block; font-size:35px;} .list_stats_num {display:inline-block; font-size:2.9em; color:#FFF; line-height:0.8em;} a.button {padding:10px 20px; background-color:#4e687b; font-size:1.25em; color:#FFF; border-radius:0 0 8px 8px; display:block; margin:0 auto; text-align:center;} a.button:hover {background-color:#008FFF;} .download_wrap {margin:0 auto; position:absolute; top:-55px; right:15px;} a.csv_download {display:inline-block; padding:10px; background-color:#FFF; text-align:center; color:#161e24; border-radius:4px; font-weight:bold; font-size:1.2em;} a.csv_download:hover {background-color:rgba(255,255,255, 0.3); color:#FFF;} .table_wrap.view a.csv_download {display:block;} .table_alert {width:100%; text-align:center; padding:25px 0 0 0; color:#FFF; font-size:18px;} /* For url #view=donors & all #view=donor_* ============================================= */ .donors_peak {width:0; height:0; border-top:20px solid transparent; border-left:20px solid transparent; border-right:30px solid #008FFF; border-bottom:20px solid transparent;} /* Triangles */ .donors_head_title {width:100%; color:#FFF; font-size:58px; line-height:64px; text-align:center; padding:0 0 30px 0;} .donors_head_title.view {text-align:center; margin:0;} .donors_head_title span {display:block; font-size:0.7em; line-height:1em; padding-top:10px;} /* Donor subtitle */ /* For url #view=*_activities ============================================= */ .activities_spend_wrap {position:relative;} .activities_spend {color:#B8C8CD; margin-bottom:5px;} .activities_spend span {padding-bottom:3px;} .activities_barchart_wrap {min-width:100px; max-width:100px; position:absolute; right:0;} .activities_percent_max {width:100px; height:10px; background-color:#000000; border:1px solid #333642; border-radius:8px 0 0 8px;} .activities_percent {height:10px; background-color:#33A4FC; border-radius:8px 0 0 8px;} /* For url #view=sectors & all #view=sector_* ============================================= */ .sectors_peak {width:0; height:0; border-top:20px solid transparent; border-left:20px solid transparent; border-right:30px solid #00C475; border-bottom:20px solid transparent;} /* Triangles */ .sectors_head_title {width:100%; color:#FFF; font-size:58px; line-height:64px; text-align:center; padding:0 0 30px 0;} .sectors_head_title span {display:block; font-size:0.7em; line-height:1.3em; padding-top:10px;} /* Sector subtitle */ /* For url #view=act ============================================= */ .act_wrap {width:960px; margin:0 auto; padding:20px 0;} /* For url #view=search ============================================= */ input#view_search_string, input#view_search_string_only, input.typeahead.tt-hint {color:#444;} .search_filter {width:960px; margin:0 auto; padding:25px 23px 20px 23px; box-sizing:border-box; background-color:rgba(11,37,60,0.7); border-radius:6px;} .search_label {color:#EEE;} #search_div {color:#FFF;} .search_text {font-size:15px; line-height:20px;} a#search_link {border:1px solid #2f6381; color:#fff; background:linear-gradient(#68c7ff,#2d5d7b); background:-webkit-linear-gradient(#68c7ff,#2d5d7b); text-shadow:0 -1px 0 #366e90;} a#search_link:hover {border:1px solid #2d5d7b; background:linear-gradient(#50a0d2,#009dff); background:-webkit-linear-gradient(#50a0d2,#009dff); text-shadow:0 -1px 0 #2d5d7b;} a#search_link.search_link_disable {border:1px solid #6f7569; color:#6f7569; background:linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)); background:-webkit-linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)); text-shadow:initial;} a#search_link.search_link_disable:hover {cursor:default;} .search_head {display:inline-block; vertical-align:top; width:640px; color:#53B4ED; letter-spacing:5px; font-size:18px; font-weight:bold; margin-bottom:25px;} .search_head span {color:#fff; font-weight:normal; letter-spacing:1px; margin-left:-5px;} table.filter_table {table-layout:fixed;} table.filter_table th, table.filter_table td {font-size:14px; line-height:1.25em; padding:5px 10px 5px 5px; border-top:1px solid #505668;} table.filter_table th {text-align:left; border:none;} table.filter_table th.gloss_name {width:20%;} table.filter_table td.filter_title {padding-top:20px; padding-bottom:5px; text-transform:uppercase; color:#d8d8d8; font-size:14px;} /* IATI Identifier link - not used */ #result_aid_div a {display:block; color:#fff; font-weight:normal; letter-spacing:1px; margin-left:-5px; border:1px solid #2f6381; background:linear-gradient(#68c7ff,#2d5d7b); background:-webkit-linear-gradient(#68c7ff,#2d5d7b); text-shadow:0 -1px 0 #366e90; text-align:center; margin:0 auto; font-size:1.6em; line-height:18px; border-radius:6px; height:60px; max-height:60px; box-sizing:border-box; padding:20px;} #result_aid_div a:hover {border:1px solid #2d5d7b; background:linear-gradient(#50a0d2,#2d5d7b); background:-webkit-linear-gradient(#50a0d2,#2d5d7b); text-shadow:0 -1px 0 #2d5d7b;} .search_aid_link_disable {display:none;} .search_input_wrap {position:relative;} .search_icon {position:absolute; top:28px; left:-40px;} .search_method_text {color:#ccc; font-size:14px; line-height:16px;} /* Methodology explained in resulting pages after search query */ .search_method_text a {color:#97d8ff;} .search_method_text a:hover {color:#fff} .search_glossary_wrap {position:relative; width:960px; margin:0 auto; margin-top:-10px;} .default.min .search_glossary_wrap {margin:0;} .search_glossary {padding:20px 30px; box-sizing:border-box; width:960px; margin:0 auto; background-color:#223139; color:#fff; font-size:1.1em; line-height:1.5em; margin-bottom:1.5em;} .search_glossary_wrap p {padding:25px 0;} .search_glossary_wrap td {padding:0;} .search_glossary_wrap td ul {list-style-type:disc; list-style-position:outside;} .search_glossary_wrap td ul li {padding:10px 20px 10px 0;} .search_glossary_wrap th a, .search_glossary_wrap td a {color:#97d8ff;} .search_glossary_wrap th a:hover, .search_glossary_wrap td a:hover{border-bottom:1px solid #97d8ff;} .settings_link_search span {color:#fff; padding:30px 0 0 0; display:inline-block;} .settings_link_search a {text-decoration:none; display:block; color:#eee; background-color:rgba(249,249,249,0.1); padding:5px 10px; border-radius:4px;} .settings_link_search a:hover {background-color:rgba(249,249,249,0.3);} .search_intro_wrap {width:960px; margin:0 auto; margin-top:30px; color:#fff; font-size:24px; line-height:26px;} .search_intro_wrap span, .search_intro_wrap a {font-size:1.0em; color:#fff; padding-right:0; font-style:italic;} .search_intro_wrap span:hover, .search_intro_wrap a:hover {border-bottom:2px solid #fff; cursor:pointer;} .press_enter {color:#666; position:absolute; right:3px; top:14px; font-size:20px; padding:20px; background-color:#FFF;} /* Press Enter div in input box */ .search_cont {margin:auto; background-color:rgba(28,31,33,0.8); border-radius:6px; width:960px; box-sizing:border-box; padding:20px 30px; border-bottom:1px solid #aaa; margin-bottom:10px;} .search_main {width:900px; display:flex; flex-flow:wrap; justify-content:flex-start;} .search_title {display:inline-block; vertical-align:middle; width:85%; color:#53B4ED; margin-top:10px; margin-bottom:10px; letter-spacing:5px; font-size:18px; font-weight:bold; line-height:26px;} .search.search_title:before {content:""; display:inline-block; vertical-align:middle; margin-right:15px; background:url(/ctrack/art/original/search_icon.png)no-repeat top center; width:26px; height:26px; background-size:70%;} .search.search_title span {color:#fff; font-weight:initial; letter-spacing:1px; line-height:26px; display:inline-block; margin-left:-5px;} a.search_refine {display:inline-block; vertical-align:middle; text-align:center; width:15%; padding:10px 0; border-radius:4px; font-size:16px; border:1px solid #2f6381; color:#fff; background:linear-gradient(#68c7ff,#2d5d7b); background:-webkit-linear-gradient(#68c7ff,#2d5d7b); text-shadow:0 -1px 0 #366e90; box-sizing:border-box;} a.search_refine:hover {border:1px solid #2d5d7b; background:linear-gradient(#50a0d2,#009dff); background:-webkit-linear-gradient(#50a0d2,#009dff); text-shadow:0 -1px 0 #2d5d7b;} .search_query {box-sizing:border-box; color:#FFF; flex-basis:33.3%; font-size:1em; line-height:1.2em; padding:10px 30px 10px 0;} .search_query.fullwidth {display:block; font-size:12px; width:100%;} .search_query .sector {font-size:initial; line-height:initial; color:#FFF; padding:0;} .search_query span.filter_wrap {font-size:14px; display:block; padding-top:5px; color:#aaa; line-height:1.2em;} .search_query span.filter_wrap img {padding:2px 7px 0 0; height:12px; width:12px; -webkit-filter:brightness(80%); filter:brightness(80%);} .search_query span.filter_icon {display:inline-block; padding:0 5px 0 0; font-size:10px;} .search_query span.filter_code {background-color:rgba(45, 60, 81, 0.7); border-radius:4px; color:#fff; font-size:13px; margin-left:0; padding:2px 5px; white-space:nowrap;} .text img {filter:brightness(1); float:left; margin-right:1em; width:100px;} /* TRENDING SEARCH */ .search_trend_wrap {color:#fff; font-size:16px; margin:0 auto; width:960px; margin-top:20px;} .search_trend_wrap span {display:inline-block; vertical-align:middle; font-style:italic;} .search_trend_wrap a {display:inline-block; vertical-align:middle; margin-left:10px; padding:5px 15px; background-color:#5f7686; border-radius:10px;} .search_trend_wrap a.now {background-color:#3a6475;} .search_trend_wrap a:hover {background-color:#2D77B5;} .search_help {width:100%; text-align:right;} .search_help span {display:inline-block; margin-right:15px; background-color:#ffd982c4; padding:5px; border-radius:4px 4px 0 0; font-size:13px; font-weight:bold; min-width:65px; text-align:center;} .search_help span:hover {cursor:pointer; background-color:#ffc233c4;} .search_show {background-color:#416c8ce0; border-radius:4px; color:#eee; font-size:14px;padding:7px 0; text-align:center;} .search_show:hover {background-color:#6489a4e0; cursor:pointer; color:#fff;} .filter_text {padding:0; color:#ccc; font-size:13px; border-bottom:1px solid #666; margin-bottom:5px;} #more_filters {padding-top:15px;} .search_external {color:#fff; font-size:14px; font-weight:bold;} .search_external.search_keyword {font-weight:normal; margin-top:-5px; margin-bottom:20px;} .search_external span {font-weight:normal;} .search_external input {width:895px; height:30px; margin-top:10px;} .search_external.search_keyword input {width:460px; height:30px; margin-top:10px; margin-left:16px;} .search_external input::placeholder {color:#777;} .search_opts {display:inline-block; vertical-align:top; width:120px;} .search_opts_clear {display:inline-block; vertical-align:top; width:154px;} .search_clear, .search_order {display:block; width:100%; text-align:right; color:#ddd;} .search_clear:hover, .search_order:hover {color:#fff;} .search_clear span, .search_order span {display:inline-block; vertical-align:top;} span.search_clear_close {background-color:#d2d2d2; border-radius:30px; width:15px; height:15px; text-align:center; margin-left:5px; font-size:13px; line-height:13px; color:#354651; letter-spacing:-1px; font-weight:bold;} .search_order {position:relative;} .search_order .search_toggle_wrap {position:absolute; top:0; left:45px; border-radius:10px; width:40px; background-color:#909090;} .search_order .search_toggle_wrap div {width:13px; background-color:#fff; border-radius:30px; margin:0; border:1px solid #ccc; height:13px;} .search_order .search_toggle_wrap .toggle_abc {margin-right:27px;} .search_order .search_toggle_wrap .toggle_123 {margin-left:27px; display:none;} span.order_1 {position:absolute; top:0; left:0;} span.order_2 {position:absolute; top:0; right:0; display:none;} .chosen-container-single .chosen-single span {color:#666;} .chosen-container-multi ul.chosen-choices {height:initial !important;} .chosen-container-multi ul.chosen-choices:after {content:""; display:block; background:url(../chosen-sprite.png)no-repeat 0 2px; position:absolute; top:0; right:0; width:18px; height:100%;} .chosen-container-active ul.chosen-choices:after{display:none;} .chosen-container-active ul.chosen-choices {border-radius:6px 6px 0 0;} .chosen-container-multi .chosen-choices li.search-field {margin-top:-2px !important; width:100% !important;} .chosen-container-multi .chosen-choices li.search-field input[type="text"] {width:100% !important;} ul.chosen-choices {border-radius:6px;} .search-choice {z-index:1;} .chosen-container .chosen-results li.active-result.withdrawn {color:#999; background-color:#eee;} .chosen-container .chosen-results li.active-result.withdrawn:after {content:" WITHDRAWN"; display:inline; font-size:9px;} /* Table header styles ============================================= */ th.titles {color:#CCC; text-align:left; vertical-align:bottom; padding:15px 0 10px 20px;} th.titles:nth-child(1), th.titles:nth-child(3), th.titles:nth-child(4), th.titles:nth-child(5), th.titles:last-child {padding:15px 20px 10px 20px; text-align:right; font-size:0.85em; line-height:1.25em;} th.titles:last-child {min-width:120px; padding-left:20px;} th.titles.org_report {min-width:130px; padding-left:0;} th.titles.org_role {min-width:100px; padding-left:0;} th.titles.org_type {min-width:100px; padding-left:0;} th.titles.org_act {min-width:100px; padding-left:0;} th.titles.org_count {min-width:115px; padding-left:0;} /* Table for Header logo and Translations ============================================= */ table.head {width:100%; margin:0 auto; border-collapse:initial;} table.head td {cursor:default;} table.head img {-webkit-filter:brightness(100%); filter:brightness(100%);} /* Table for Country Name and Flag ============================================= */ table.country {width:960px; margin:0 auto; padding:20px 0; border-collapse:initial; border-bottom:1px solid #FFF;} table.country td.name {width:800px; max-width:800px; padding-right:10px; font-size:4.0em; line-height:1.1em; color:#FFF;} table.country td.name.publisher {width:960px; max-width:960px; padding-right:0px;} table.country td.flag {text-align:right;} table.country td.flag img {max-height:90px;} table.country.min {padding:10px 0;} table.country.min td.name {width:860px; max-width:860px; padding-right:20px; font-size:2.0em; line-height:1.1em; color:#FFF; vertical-align:bottom;} table.country.min td.flag img {max-height:50px;} table.country td:hover {cursor:default;} table.country img {-webkit-filter:brightness(100%); filter:brightness(100%);} /* Table Titles ============================================= */ table.title {width:100%; margin:0 auto; border-collapse:separate; padding-bottom:15px;} table.title.key {width:960px;} /* Fix width for Key Figures */ table.title.key a {font-size:0.5em;} table.title td {font-size:1.8em; color:#FFF; vertical-align:bottom;} table.title td:before {content:"⋑ ";} table.title td:hover {cursor:default;} table.title td.sort {padding:0 20px 0 10px; width:200px; color:#CCC; text-align:right; font-size:1.0em; line-height:1.1em;} /* Small fonts: Most recent first, Descending */ table.title td.sort:before, table.title td.total_spend:before {content:"";} table.title td.sort a:hover {color:#fff;} table.title td.about {padding-left:10px; width:350px;} table.title td.icon {padding-right:10px; width:40px; display:none;} /* Table for Stats (key figures) ============================================= */ table.stats {width:960px; max-width:960px; margin:0 auto; border-collapse:separate; border-left:0; border-right:0; margin-bottom:20px;} table.stats td {padding:0px; vertical-align:top;} /* Table for Active / Ended projects ============================================= */ table.list {width:100%; border-collapse:collapse; word-break:break-word;} table.list td {color:#B8C8CD; font-size:1.25em; line-height:1.35em; word-spacing:0.7px; padding:20px 0; vertical-align:top; border-bottom:1px solid #333642;} table.list tr:last-child td {border:0; padding-bottom:20px;} table.list tr:hover {background-color:rgba(0,0,0,0.4);} table.list tr:first-child:hover {background-color:transparent;} table.list td:first-child {padding-left:20px; font-size:16px; line-height:1.75em; width:5%;} table.list td span {display:block; padding-top:5px; color:#999; font-size:0.7em; line-height:1.25em;} table.list td span.currency {display:inline; line-height:2.5em; padding:0 0 0 5px;} table.list td.title {padding:0; width:60%;} table.list td.date {text-align:right; padding:20px; font-size:16px; line-height:1.75em; width:15%;} table.list td.value {padding:20px; text-align:right; font-size:16px; line-height:1.75em; width:20%;} table.list td.alert_no_iati {text-align:center; font-size:1.6em; padding:20px 0 0 0; cursor:default; color:#DDD;} table.list td.alert_no_iati a {padding:10px 0;} table.list a {display:inline-block; padding:20px; color:#DDD;} table.list a:focus {color:#FFF; text-decoration:none;} table.list a:link {color:#A8C5E5; text-decoration:none;} table.list a:visited {color:#A8C5E5; text-decoration:none;} table.list a:hover {color:#FFF; text-decoration:none;} table.list a:active {color:#A8C5E5; text-decoration:none;} table.list tr th.titles {border-bottom:1px solid rgba(51,54,66,1); position:-webkit-sticky; position:sticky; top:-5px; background-color:rgba(0,14,32,1); z-index:10;} table.list tr th.titles:last-of-type {border-radius:0 8px 0 0;} table.list tr th.titles:first-of-type {border-radius:8px 0 0 0;} /* Table for Money list (Donors / Sectors) ============================================= */ table.money {width:100%; border-collapse:collapse; table-layout:fixed;} table.money td {text-align:right; color:#B8C8CD; font-size:1.0em; line-height:1.3em; word-spacing:0.7px; padding:0px; vertical-align:top; padding:15px 10px;} table.money td.col1 {text-align:left; background-color:rgba(74,82,54,0.4);} table.money td.col2 {text-align:left;} table.money td.col3 {background-color:rgba(17,46,105,0.2);} table.money td.col4 {background-color:rgba(17,46,105,0.4);} table.money td.col5 {background-color:rgba(17,46,105,0.6);} table.money td.col6 {background-color:rgba(17,101,105,0.4);} table.money td.col7 {background-color:rgba(17,101,105,0.6);} table.money tr.row1 th {background-color:transparent; color:#FFF; font-size:14px; font-weight:700; text-align:center; padding:0px; position:relative;} table.money tr.row1 th:hover{cursor:pointer;} table.money tr.row1 th span {color:#FFF; display:block; padding:20px 10px;} /* PUBLISHER table header */ table.money tr.row1 th.col2 span {padding:20px 5px;} table.money tr.row1 th.col1 {background-color:rgba(69,77,53,1); padding:20px 10px; text-align:left; border:1px solid rgba(74,82,54,0.9);} table.money tr.row1 th.col2 {background-color:rgba(54,65,74,1); text-align:left; padding:20px 15px; border:1px solid rgba(54,65,74,1);} table.money tr.row1 th.col3 {background-color:rgba(18,45,98,1); border:1px solid rgba(17,46,105,0.9);} table.money tr.row1 th.col4 {background-color:rgba(18,95,99,1); border:1px solid rgba(17,101,105,0.9);} table.money tr.row2 td {color:#FFF; font-weight:500; padding:20px 10px; position:relative;} table.money tr.row2 td.col1 {background-color:rgba(69,77,53,1); border-left:1px solid rgba(74,87,43,1); border-right:1px solid rgba(74,87,43,1);} table.money tr.row2 td.col2 {background-color:rgba(54,65,74,1); padding:20px 15px;} table.money tr.row2 td.col3 {background-color:rgba(21,42,82,1); border-left:1px solid rgba(0,50,151,1);} table.money tr.row2 td.col4 {background-color:rgba(18,43,93,1);} table.money tr.row2 td.col5 {background-color:rgba(18,45,98,1); border-right:1px solid rgba(0,50,151,1);} table.money tr.row2 td.col6 {background-color:rgba(18,80,84,1);} table.money tr.row2 td.col7 {background-color:rgba(18,95,99,1); border-right:1px solid rgba(7,117,122,1);} table.money tr.rows td {border-bottom:1px solid rgba(13,26,49,1);} table.money tr.rows td.col1 {border-left:1px solid rgba(74,87,43,1); border-right:1px solid rgba(74,87,43,1);} table.money tr.rows td.col3 {border-left:1px solid rgba(0,50,151,1);} table.money tr.rows td.col5 {border-right:1px solid rgba(0,50,151,1);} table.money tr.rows td.col7 {border-right:1px solid rgba(7,117,122,1);} table.money td.col1:hover {cursor:default;} table.money tr.row2 td.col1:hover {cursor:pointer;} 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:rgba(17,46,105,1);} table.money tr.rows td.col6:hover, table.money tr.rows td.col7:hover {background-color:rgba(17,101,105,1);} table.money tr span.sort {position:absolute; right:0px; top:0px; pointer-events:none;} table.money tr th.col4 span.sort {position:absolute; right:initial; left:0px; top:0px;} table.money tr.row2 span.sort {position:absolute; right:initial; left:10px; top:23px;} table.money tr.row2 td.col1 span.sort {position:absolute; right:10px; left:initial; top:23px;} table.money tr.row2 td.col2 span.sort {position:absolute; right:5px; left:initial; top:23px;} /* NAME table header */ table.money tr.row2 td.col6.allocate span.sort {left:0;} table.money a {display:block; color:#FFF; word-wrap:normal; word-break:break-word;} table.money a:focus {color:#A8C5E5; text-decoration:none;} table.money a:link {color:#FFF; text-decoration:none;} table.money a:visited {color:#FFF; text-decoration:none;} table.money a:hover {color:#FFF; text-decoration:none;} table.money a:active {color:#FFF; text-decoration: none;} table.money a.year {position:absolute; padding:20px 10px; top:0; background-color:rgba(255,255,255,0.42);} table.money a.year.prev {left:0;} table.money a.year.prev:hover {background-color:#2F57A5;} table.money a.year.next {right:0;} table.money a.year.next:hover {background-color:#198286;} table.money th.col2 {width:180px;} table.money td.col2 a {word-break:break-word;} /* view_countries & view_publishers */ table.money.publishers th.col2, table.money.publishers td.col2 {border-left:1px solid rgba(0,50,151,1);} table.money.publishers th.col2 {border-top:1px solid rgba(0,50,151,1);} /* Sticky headers */ table.money tr.row1 th, table.money tr.row2 td {position:-webkit-sticky; position:sticky; top:-1px; z-index:10;} table.money tr.row2 td {top:53px;} table.money tr.row1 th:after, table.money tr.row2 td:after{content:''; position:absolute; left:0; bottom:0; width:100%; border-bottom:1px solid rgba(13,26,49,1);} /* Table for Activities list (Donors / Sectors) ============================================= */ table.activity {width:100%; border-collapse:collapse; word-break:break-word; margin:0 auto; background-color:transparent;} table.activity td {color:#B8C8CD; font-size:1.25em; line-height:1.0em; word-spacing:0.7px; padding:10px 20px; vertical-align:top; border-bottom:1px solid #333642; box-sizing:border-box;} table.activity th:hover {cursor:default;} table.activity tr:last-child td {border:0;} table.activity tr:hover {background-color:rgba(0,0,0,0.4);} table.activity tr:first-child:hover {background-color:transparent;} table.activity td.num {padding:10px 0 10px 20px; font-size:0.9em; line-height:2.0em; width:6%;} table.activity td.title {padding:0; width:59%;} table.activity td.title_org {padding:0 20px 0 0;} table.activity td.value {text-align:right; padding:10px 20px 25px 20px; font-size:1.0em; line-height:1.75em; width:20%;} table.activity td.count {text-align:right; padding:10px 20px 0 40px; font-size:1.7em; line-height:1.0em;} table.activity td.date {text-align:right; padding:10px 20px; white-space:nowrap; font-size:1.0em; line-height:1.5em; width:15%;} table.activity td.code {text-align:right; padding:0; white-space:nowrap; font-size:1.2em; line-height:1.5em; width:15%;} table.activity td.date.missing_date {width:10%; min-width:100px;} table.activity td.alert_no_iati {text-align:center; font-size:1.6em; padding:40px; cursor:default;} table.activity td span {display:block; padding:2px 0 3px 0; color:#999; font-size:0.7em; line-height:1.25em; width:100%;} table.activity td span.currency {display:inline; line-height:2.5em; padding:0 0 0 5px;} table.activity td.title_org span {display:inline; font-size:12px; margin-left:5px; vertical-align:middle;} table.activity a {display:inline-block; padding:10px 20px; width:100%; color:#DDD; line-height:1.35em; box-sizing:border-box;} table.activity a.percent{padding:10px 0px 20px 20px;} table.activity a:focus {color:#FFF; text-decoration:none;} table.activity a:link {color:#A8C5E5; text-decoration:none;} table.activity a:visited{color:#A8C5E5; text-decoration:none;} table.activity a:hover {color:#FFF; text-decoration:none;} table.activity a:active {color:#A8C5E5; text-decoration:none;} table.activity td.report_org, table.activity td.role_org, table.activity td.type_org, table.activity td.count_pid_org, table.activity td.count_aid_org {text-align:right; padding:10px 20px 10px 0; font-size:16px; line-height:1.75em;} table.activity td.count_org {font-size:20px;} /* Sticky headers */ table.activity tr th.titles {position:-webkit-sticky; position:sticky; top:-5px; background-color:rgba(0,14,32,1); z-index:10;} table.activity tr th.titles:last-of-type {border-radius:0 8px 0 0;} table.activity tr th.titles:first-of-type {border-radius:8px 0 0 0;} table.activity tr th.titles:after {content:''; position:absolute; left:0; bottom:0; width:100%; border-bottom:1px solid rgba(51,54,66,1);} /* Table for data descriptions footer (Donors / Sectors) ============================================= */ table.data {width:880px; border-collapse:collapse;} table.data td {color:#FFF; font-size:1.0em; line-height:24px; padding:20px; vertical-align:top; border:1px solid #CCC; cursor:default;} /* Missing data ============================================= */ .missing_data_wrap {padding:40px; background-color:rgba(0,14,32,0.7); font-size:2em; color:#FFF; line-height:1.4em;} /* Data Investigators alert ============================================= */ .data_wrap {position:absolute; bottom:0; width:100%; margin:0 auto;} a.data_invest {display:block; width:100%; margin:0 auto; padding:10px 0; line-height:1.5em; font-size:16px; color:#FFF; text-align:center; background-color:#4d5d69;} a.data_invest:hover {color:#FFF; background-color:#008fff;} /* Footer ============================================= */ .footer_wrap {display:table-footer-group; height:1px; background-color:rgba(0,14,32,0.9);} .footer {width:960px; margin:0 auto; padding:10px 0;} .footer_link {display:inline-block; vertical-align:top; width:620px; color:#FFF; padding:60px 50px 0 0; box-sizing:border-box; font-size:18px; line-height:1.5em;} .footer_link.list {width:340px; padding:60px 0 30px 0;} .footer_link.list li a {display:block;} .footer_link a {font-size:1.0em; line-height:1.5em; color:#999;} .footer_link a:focus {color:#AAA;} .footer_link a:link {color:#AAA;} .footer_link a:visited {color:#AAA;} .footer_link a:hover {color:#FFF;} .footer_link a:active {color:#AAA;} .footer_link.about {text-align:right;} .footer_link.top {width:960px; padding:40px 0;} .footer_link.top a {display:block; text-align:center; padding:20px 0;} .footer_link ul {padding-bottom:20px;} .footer_link p {padding:15px 0;} .footer_link p.beta {font-style:italic; color:#ccc; font-size:16px; line-height:22px;} .footer_motto {font-size:22px; line-height:27px;} .footer_motto a {color:#53B4ED; font-weight:bold; line-height:27px;} .footer_motto a:focus {color:#53B4ED;} .footer_motto a:link {color:#53B4ED;} .footer_motto a:visited {color:#53B4ED;} .footer_motto a:hover {color:#FFF;} .footer_motto a:active {color:#53B4ED;} .footer_header {font-size:20px; color:#FFF; border-bottom:1px solid #A0988B; padding-bottom:5px; margin-bottom:10px;} .footer_dpreview {width:660px;} .footer_link.list.footer_dpreview {width:300px;} .footer_dpreview p {padding:5px 0;} .footer_dpreview .footer_motto {padding-bottom:15px;} .footer_dpreview a.search_refine{width:initial; text-align:center; margin:0 auto; padding:10px 20px; margin-top:1em; color:#fff;} /* Footer 2.0 ============================================= */ .footer_social {display:flex; gap:18px;} .social_icon {display:block; height:36px; aspect-ratio:1 / 1;} .icon_linkedin {background:center / contain no-repeat url(/ctrack/art/original/icon_linkedin.svg);} .icon_x {background:center / contain no-repeat url(/ctrack/art/original/icon_x.svg);} .icon_youtube {background:center / contain no-repeat url(/ctrack/art/original/icon_youtube.svg); aspect-ratio:1.2 / 1;} .icon_facebook {background:center / contain no-repeat url(/ctrack/art/original/icon_facebook.svg);} /* Disqus wrapper ============================================= */ #disqus_thread {margin-top:40px;} /* Utter comment box ============================================= */ .utter_link {position:fixed; bottom:100px; right:0; padding:15px 10px 15px 15px; background-color:#5a67ac; border-radius:30px 0 0 30px; font-size:25px; color:#fff; font-weight:bold; z-index:2;} .utter_link:hover {cursor:pointer; background-color:#5b6fdb;} #utter_wrap {background-color:#fff; border-left:2px solid #f1f8ff; display:none; height:100%; position:fixed; top:0; right:0; width:600px; max-width:600px; overflow-y:auto; z-index:2;} .utter_text {margin-left:auto; margin-right:auto; width:100%; max-width:500px; margin-top:40px; font-size:24px; line-height:30px;} .utter_text span {display:block; font-size:16px; font-style:italic;} .utter_text span a {color:#888;} .utter_text span a:hover {text-decoration:underline;} .utter_box_wrap {position:relative;} .utter_block {height:40px; width:100%; position:absolute; top:0; left:0; background-color:#fff;} .utterances {max-width:500px; margin-top:0;} /* Beige Alert ============================================= */ .beigealert_wrap {width:100%; margin:0 auto; background-color:#D80051; box-sizing:border-box;} .beigealert_wrap.delete {padding:0.5em; font-size:2em; font-weight:bold;} .beigealert_wrap.dpreview {background-color:#ad0241;} .beigealert {margin:0 auto; color:#FFF; font-size:1.0em; line-height:1.25em; text-align:center; padding:10px 0;} .beigealert span.beige_bold {display:block; font-size:14px; font-weight:bold;} .beigealert span.beige_key {font-family:monospace;} a.beige {font-weight:bold; color:#FFFF00;} a.beige:hover {color:#FFF;} /* Spinner / loading animation ============================================= */ .spinner {height:20px; width:20px; margin:0px auto; -webkit-animation:spin .6s infinite linear; -moz-animation:spin .6s infinite linear; -o-animation:spin .6s infinite linear; animation:spin .6s infinite linear; border-left:6px solid rgba(0,182,239,.15); border-right:6px solid rgba(0,182,239,.15); border-bottom:6px solid rgba(0,182,239,.15); border-top:6px solid rgba(0,182,239,.8); border-radius:100%;} @-webkit-keyframes spin {from {-webkit-transform:rotate(0deg);} to {-webkit-transform: rotate(359deg);}} @-moz-keyframes spin {from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);}} @-o-keyframes spin {from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);}} @keyframes spin {from {transform: rotate(0deg);} to {transform: rotate(359deg);}} .nanobar{width:100%; height:8px; z-index:9999; top:0;} .bar {width:0; height:100%; transition:height .3s; background:#08f;} /* Phones to tablets 1024px and below -------------------------------------------------------------- */ @media screen and (max-width: 1024px) { #view_search_test select {width:290px;} #ctrack_div {height:100%; width:100%;} } @media (min-width: 768px) { .iati-brand-background .iati-brand-background__content { grid-area: 1 / -1; z-index: 1; } .iati-brand-background:after { content: ""; grid-area: 1 / -1; background-image: url(/ctrack/art/original/marque-white-DYPYWx68.svg); background-repeat: no-repeat; background-position: right 2rem top; background-size: 32.3rem auto; opacity: .1; } .iati-footer__section--first .iati-footer__container { justify-content: space-between; flex-direction: row; } } /* Streams -------------------------------------------------------------- */ .related_item {border-radius:6px; color:#ddd; width:680px; padding:1em; margin:0 auto; margin-bottom:5px;position:relative; background:rgba(0,14,32,0.85);} .related_dupe {background:rgba(36,40,49,0.85); padding:0.5em 1em;} .related_pivot {background:rgba(75,70,6,0.85); border:1px solid #ff0;} .related_link {fill:none; stroke:#ff0;} .related_span {display:flex; justify-content:space-between;} .related_wrap {margin-bottom:4em;} .related_info {display:flex; justify-content:space-between; align-items:baseline;} .related_head {color:#FFF; font-size:40px; text-align:center; margin-bottom:0.5em;} /* stream numbers -------------------------------------------------------------- */ .related_item_before {content:""; border:1px solid #ff0; display:inline-block; height:12px; padding:10px; text-align:center; border-radius:20px; position:absolute; left:-25px; top:40%; z-index:2; line-height:14px; background:#101c28;} .related_item_after {content:""; border:1px solid #ff0; display:inline-block; height:12px; padding:10px; text-align:center; border-radius:20px; position:absolute; right:-25px; top:40%; z-index:2; line-height:14px; background:#101c28;} .relatedp_item_before {content:""; border:1px solid #ff0; display:inline-block; height:12px; padding:10px; text-align:center; border-radius:20px; position:absolute; left:-25px; top:25%; z-index:2; line-height:14px; background:#101c28;} .relatedp_item_after {content:""; border:1px solid #ff0; display:inline-block; height:12px; padding:10px; text-align:center; border-radius:20px; position:absolute; right:-25px; top:25%; z-index:2; line-height:14px; background:#101c28;} .related_dupe .related_item_before, .related_dupe .related_item_after {top:30%;} .related_dupe .relatedp_item_before, .related_dupe .relatedp_item_after {top:15%;} .relatedp_item_before0 {display:none;} .relatedp_item_after0 {display:none;} .related_item_before0 {display:none;} .related_item_after0 {display:none;} .related_hide {display:none;} .related_item:hover {cursor:pointer; background:rgba(0,14,32,0.95);} .related_item:hover .related_title {color:#fff;} .related_dupe:hover {background:rgba(36,40,49,0.9);} .related_pivot:hover {background:rgba(75,70,6,0.95); border:1px solid #ff0;} .related_item .num {display:none;} .related_item .related_title {width:440px; max-width:440px; font-size:20px; line-height:22px;} .related_item .date {width:90px; max-width:90px;} .related_item .value {width:120px; max-width:120px;} .relatedp_item .title {width:100%;} .relatedp_item .related_title {max-width:70%;} .relatedp_item .related_span {margin:0;} .relatedp_item .relatedp_info {display:flex; justify-content:space-between; align-items:center;} .related_dupe .related_title {font-size:initial; line-height:initial;} .related_item span {font-size:14px; line-height:18px;} .related_item span.currency {font-size:11px; margin-left:3px;} .related_item span.related_aid, .related_item span.related_org {padding:8px 10px; border-radius:6px; background:#333642; margin-top:5px;} .related_pivot span.related_aid, .related_pivot span.related_org {padding:8px 10px; border-radius:6px; background:#373415; margin-top:0;} .related_item span.related_aid {max-width:50%;} .related_item span.related_org {margin-left:5px;} .related_item span.related_aid:hover, .related_item span.related_org:hover {background:#41444E;} .related_pivot span.related_aid:hover, .related_pivot span.related_org:hover {background:#6b631f;} .relatedp_item span.related_org {margin:0;} #related_opts { background:#FFF; color:#000; padding:20px; width:480px; } .related_item_before div { position: absolute; right: -10px; top: 20%; } .related_item_after div { position: absolute; left: -10px; top: 20%; } small, sub, sup { font-size: .83em } sub { vertical-align: sub } sup { vertical-align: super }