/*** +++
* Font stack call
*/

@import url(https://fonts.googleapis.com/css?family=PT+Sans|Ubuntu:300,400,700);



/*** +++
* public vs private extend "00 : DCD _backOffice styles (tinyMCE) --"
*/


#tinymce .Abstract {
	margin-top: 0;  
}

/***
* tweaking main stylesheet
*/

table {
	width: 100%;
}

/* -- Avoid li orphans -- */
li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

/* -- Enforce 100% width img in IE11 -- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: none) {
  .IE11-enforced img {
    width: 100%!important;
    height: auto!importatnt
  }
}

/***
* Abstract table block rules
*/

.Abstract {
	margin-top: -2em;
	margin-bottom: 0!important;  
}

.Abstract tr:first-child  td {
	padding: 15px 0!important;
	margin: 10px 0 0 0;
	border-top: 5px solid #b4b4b4;
	font-size: 16px;
	color: #777;
}
.Abstract p {
	margin: 0;
}
.Abstract img {
	max-width: 100%!important;
	height: auto!important;
}
.Abstract.workingPaper {
	background: #e6eff5;  
}

.Abstract.workingPaper tr:first-child  td:first-child {
	padding: 15px 30px!important;
}


/***
* cardStack table block rules
*/

.cardStack {
	border-collapse: separate!important;
	border-spacing: 0 1.5em!important;
	margin-bottom: 0!important;
}
.cardStack a {
	text-decoration: none;
}
.cardStack img {
	max-width: 100%!important;
	height: auto!important;
}

.cardStack > tbody > tr > td {
	position: relative;
	background: white;
	border-color: #f7f7f7 #F0F0F0 #ededed #F0F0F0;
	border-style: solid;
	border-width: 1px 1px 5px 1px;
	padding: 30px 15px 15px 30px;
	width: 100%;
	margin-bottom: 5px;
}

.cardStack.nxt > tbody > tr > td:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -23px;
	border-style: solid;
	border-color: rgba(221, 221, 221, 0.99) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	border-width: 37px 50px 0 50px;
	margin-left: -50px;
	z-index: 70;
}

.cardStack.nxt > tbody > tr > td:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -24px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.99) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	border-width: 35px 50px 0 50px;
	margin-left: -50px;
	z-index: 75;
}

.cardStack.nxt > tbody > tr:first-child > td:before {
	display: none;
}

.cardStack.nxt > tbody > tr:first-child > td:after {
	display: none;
}



@media (max-width: 769px){
	
	.cardStack > tbody > tr > td {
		padding: 30px 5px 15px 7px!important;
	}

}


/***
* @ main typography within cardStack blocks
*/

.cardStack h3 {
	margin: 15px 0 !important;
	padding: 10px 0 5px 0 !important;
	background: #fff;
	border-bottom: 1px dotted #2260a1;
	border-top: 5px solid #2269a1;
	color: #333!important;
	font-size: 15.6px;
	font-weight: 400;
	line-height: 1.3;
}

.cardStack h3:first-child {
    margin-top:-30px !important;
}
.cardStack h3.green {
  border-top-color: #659940;
}
.cardStack h4 {
	position: relative;
	margin: 1.5em 0 .7em 2.3em;
	font-weight: 600;
}

.cardStack h4::before {
	content:"";
	position: absolute;
	width: 2em;
	height: 100%;
	left: -2.3em;
	top: 0;
	background:
	repeating-linear-gradient(
		135deg,
		transparent, transparent 2px,
		#2269a1 2px, #2269a1 4px
		);
}
.cardStack ul.pub-1-col-list, 
.cardStack ul.pub-2-col-list, 
.cardStack ul.pub-3-col-list {
	padding-left: 2.3em;
}

/***
* @ soft aside block with stripes generally for links
*/

.cardStack .aside-striped {
	background: 
	repeating-linear-gradient( 
		135deg, transparent, transparent 2px, 
		#f2f7f6 2px, #f2f7f6 4px 
		);
	border-left: 1px solid #e0eeed; 
	padding: 4px 10px 4px 30px;
}
.cardStack .aside-striped h5 {
	margin: 1em 0 .7em 0!important;
  color: #659940;
  border-color: #95dad7;
}
.cardStack .aside-striped.pad-r0 { 
	padding: 4px 0 4px 30px;
}
.cardStack .aside-striped.pad-trb0 { 
	padding: 0 0 0 30px;
}
.cardStack .aside-striped.timeLine {
	margin: 1em 0;
	padding: 1em 0;
}
.cardStack .aside-striped.youtube {
	margin: 0 0 1em 10px;
	/* padding: 1em 0 0 0; */
	float: right;
}
.cardStack .aside-striped.youtube p {
	margin: 0!important;
	padding: 0 0 1em 0!important;
}
.cardStack .aside-striped.threePin {
  background: #3276a6;
	margin: 1em 0;
	padding: 1em 75px;
}
.cardStack .aside-striped.threePin table {
    margin: 0;
    width: 100%;
}
.cardStack .aside-striped.threePin caption {
    background: #f2f7f6;
    border: 1px solid #eee;
    padding: 7px;
    text-align: center;
    font-size: 1.3em;
    color: #333;
    margin-top: -21px;
    font-weight: 600;
}
.cardStack .aside-striped.threePin td {
	padding: 7px 15px;
    width: 33.33%;
    color:white;
}
.cardStack .aside-striped.threePin img {
	padding: 0 45px;
}
.cardStack .aside-striped.threePin h5 sub {
    bottom: 0.75em;
    display: block;
    font-weight: 400;
}
.cardStack .aside-striped.threePin h5 {
	font-size: 1.3em!important;
    line-height: 1.3;
    text-align: center;
}
.cardStack .aside-striped.threePin p {
    font-weight: 600;
    line-height: 1.3;
  text-align: center;
}

@media screen and (max-width: 768px){
	.cardStack .aside-striped {
		width: 100%!important;
	}
    .cardStack .aside-striped.threePin {
    	margin: 1em 0;
    	padding: 1em 0;
        border-bottom: 1px solid white;
    }
}


/***
* @FSD, @RDC : Top list 
*/

.topList {
	display: block;
	background: #ededed;
	border-bottom: 1px solid #ccd3e5;
	border-top: 1px solid #ccd3e5;
	margin-bottom: 10px;
	margin-top: -10px;
	list-style: none !important;
	padding: 0 !important;
}


.topList li {
	border-bottom: 1px solid #f7f7f7;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.topList .chapo {
	display: block;
	padding: 10px 15px;
	font-weight: 600;
	text-align: center;
	background: #f7f7f7;
}

.topList a {
	display: block;
	margin: 0;
	padding: 10px 15px;
}

.topList .flag {
	margin-right: 1em;
}

.topList .flag img {
	width: 21px!important;
	height: 12px!important;
}

.topList.col-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;

}

.topList.col-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;

}

.topList.col-2 li.chapo, .topList.col-3 li.chapo {
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
}

@media (max-width: 769px){

	.topList.col-2, .topList.col-3 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1; 
	}

}


/***
* @FSD : Events list 
*/

.EventsContainer {

	background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(253,253,253,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(253,253,253,0) 100%);
	background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%,rgba(253,253,253,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#00fdfdfd',GradientType=0 );

	padding-bottom: 15px;

}
#webEditContent .EventsContainer h2 {
	position: relative;
	border: none;
	margin: 0;
	padding: 7px 0;
	text-align: center;
}
.EventsContainer h2:before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	border-top: 1px solid #ededed;
}
.EventsContainer h2 span {
	position: relative;
	background: #fcfcfc;
	padding: 0 1em;
	color: #bababa;

	border-radius: 1em;

}

.eventItem {
	margin: 7px 0;
}
.eventItem .eventItem-innerBlock {
	padding: 0 5px 15px 15px;
	background: #fcfcfc;
	border:1px solid #dedede;
	border-color: #f7f7f7 #F0F0F0 #ededed #F0F0F0;
}
.eventItem .eventItem-innerBlock .docMetas {
	margin: 0!important;
	padding: 7px  0 3px!important;
	border-bottom: 1px dotted #b4b4b4;
	border-top: 5px solid #b4b4b4;
}
.eventItem .eventItem-innerBlock a {
	text-decoration: none;
}
.eventItem h4 {
	margin-bottom: 0!important;
	font-weight: 600;
}
.eventItem p {
}
.eventItem .moreLinks {
	border-top:1px solid #ededed;
	padding: 5px 0!important;
}
.eventItem .moreLinks a {
	display: inline-block;
}

.eventItem.upcoming .eventItem-innerBlock {
	background: #fff;
}
.eventItem.upcoming .eventItem-innerBlock .docMetas {
	border-color: rgb(178, 207, 82);
}

.eventItem.archive {
	margin: 5px 0 0 0;
}

.eventItem.archive .eventItem-innerBlock {
	background: none;
	border: none;
	padding: 0 0 5px 0;
}
.eventItem.archive .eventItem-innerBlock .docMetas {
	border-top:5px solid #ededed;
	border-bottom: none;
}



/***
* @RDC : Workshops 
*/

.workshopItem {
	margin-bottom: 1em;
}
.workshopItem .row::after, .workshopItem  .row::before {
	border-collapse: collapse!important;
	border-spacing: 0!important
}
.workshopItem .info {

}
.workshopItem .info p {
	position: relative;
}
.workshopItem .info .glyphicon {
	position: absolute;
}
.workshopItem .main {
	position: relative;
	border: 1px solid rgb(237, 237, 237);
}
.workshopItem .main::before {
	content="xyz";
	background: red;
}
.workshopItem .main p {
	border-left: 1px solid rgb(140, 200, 65);
	padding-left: 10px!important;
	margin: 0: 0: 0: 4pximportant;
}
.workshopItem .main p:first-child {
	border-left: 5px solid rgb(140, 200, 65);
	padding-left: 10px!important;
	margin: 0important;
}
.workshopItem .links {
}


/* ---
* @RDC channel Outputs,outcomes,impacts steps
*/

.RDC-resultsSteps {
	width: auto!important;
	margin-right: 15px;
	margin-top: 15px;
	border: 1px solid #dedede;
	border-radius: 5px;
	background: #f7f7f7;
	box-shadow: inset 0 0 5px #ededed;
}
.RDC-resultsSteps td {
	position: relative;
	padding:10px 10px 10px 20px;
	border-left: 5px solid white;
}
.RDC-resultsSteps td:first-child {
	padding-left: 10px;
	border-left: none;
}


/* ---
* @RDC channel inverted graphic
*/
.RDC-graphic1 {
	text-align: center;
	position: relative;
}

.RDC-graphic1 .topArrow, .RDC-graphic2 .topArrow {
	margin: -10px 0 -30px 0 !important;
}
.RDC-graphic1 p.pane {
	background: #2269a1;
	margin: 15px 5px !important;
	padding: 15px !important;
	border-radius: 5px;
	color: white;
}
.RDC-graphic1 .subGroup {
	margin: 0 -5px 0 -20px;
	padding: 0 5px 0 20px;
	border: 1px dashed #2269a1;
	border-radius: 7px;
}
.RDC-graphic1 .subGroup p.pane {
	background: #d2dbe6;
	color: #2269a1;
}
.RDC-graphic1 .subGroup h4 {
	position: absolute;
	width: 100%;
	transform-origin: top right;
	transform: rotate(-90deg);
	left: -100%;
	overflow: hidden;
	text-align: right;
	top: 175px;
	font-weight: 600;
	color: #2269a1;
}
.RDC-graphic2 {
	text-align: center;
	position: relative;
}
.RDC-graphic2 p.pane {
	background: #d2dbe6;
	margin: 10px 15px !important;
	padding: 15px !important;
	border-radius: 5px;
	color: #2269a1;
	font-weight: 600;
}


/* ---
* @RDC - Results IRL
*/

#resultsIRL {
	margin-top: 15px;
}
.irlItem .row {
	margin-top: 15px;
	border-collapse: collapse;
}
.irlItem .icon {
	border-top: 1px solid #81A63F;
	text-align: center;
}
.irlItem .icon img {
	max-width: 100%;
	max-height: 100%;
	max-height: 64px;
}
.irlItem h4 {
	margin:0!important;
	padding: 10px 0;
	border-top: 5px solid #81A63F;
	font-weight: 600;
}


/* ---
* @RDC - Documents list
*/

.docsContainer {
	border-collapse: separate !important;
	border-spacing: 0!important;
	margin: 20px -15px;
}

.docItem {
	margin: 7px 0;
}
.docItem .docItem-innerBlock {
	padding: 0 0 0 30px;
	border:1px solid;
	border-color: #dedede #dedede #91c550 #91c550;
}
.docItem .docItem-innerBlock a {
	display: block;
	padding-right: 10px;
	text-decoration: none;
}
.docItem h4 {
	margin-bottom: 0!important;
	font-weight: 600;
	color:inherit;
}
.docItem p {
}
.docItem .docItem-innerBlock a .docMetas {
	margin: 0 -10px 0 -5px!important;
	padding: 3px  5px 1px!important;
	background: #ab9a64;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#81a144+0,ab9a64+100 */
	background: #81a144; /* Old browsers */
	background: -moz-linear-gradient(left,  #81a144 0%, #ab9a64 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #81a144 0%,#ab9a64 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #81a144 0%,#ab9a64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81a144', endColorstr='#ab9a64',GradientType=1 ); /* IE6-9 */

	color: white;
}
.docItem .moreLinks {
	// padding: 5px 5px 5px 31px!important;
}
.docItem .moreLinks a {
	display: inline-block;
}


/* ---
* @FSD - TOSSD figure tiles
*/

a.tossd.figure {
	display: block;
	background:white;
	border-color: #f7f7f7 #F0F0F0 #ededed #F0F0F0;
	border-style: solid;
	border-width: 1px 1px 5px 1px;
	text-decoration: none;
	text-align: center;
}
a.tossd.figure .icon {
	display: block;
	background: rgba(0,135,150,1);
	padding: 15px 33%;
}
a.tossd.figure .icon object {
	height: 50px;
	width: auto;
}
a.tossd.figure .figcaption {
	display: block;
	padding: 15px;
	font-size: 15px;
}
a.tossd.figure .figcaption small {
	display: block;
	line-height: 1;
}
a.tossd.figure:hover {
	box-shadow: 0 2px 15px 0 rgba(0,0,0,.05);
	border-color: #f7f7f7 #ededed #dedede #ededed;
}
a.tossd.figure:hover .icon {
	background: rgba(0,135,150,.7);
}
a.tossd.figure:hover .icon #taskForce {
	fill: rgba(0,135,150,1);
}


/* ---
* @peerReviews
*/


/* legacy colors */

.cardStack.peerReviews h3 {
	border-top: 5px solid #FD8E16;
}

/* latest review */

.cardStack.peerReviews .latestReview {
	margin-top: -15px;
	background: #e6eff5;
}

.cardStack.peerReviews .latestReview td {
	padding: 15px;
}

/* Upcoming reviews */

.cardStack.peerReviews .upcoming {
	margin-top: -15px;
	border-bottom: 1px solid #dedede;
}
.cardStack.peerReviews .upcoming td {
	padding: .3em 0 .7em .5em;
}
.cardStack.peerReviews .upcoming tr:nth-child(odd) td {
	padding: .5em 0 .5em .5em;
	border-top: 1px solid #dedede;
	background: #fafafa;
	font-weight: 600;
}
.cardStack.peerReviews .upcoming p {
	margin: 0!important;
}


/***
* @RDC : Workshops 
*/

.criteriaList {
	margin-top: 30px;
	border-bottom: 1px dotted #2260a1;
}
.criteriaList td {
	border-top: 1px dotted #2260a1;
}
.criteriaList td:nth-child(even) {
	padding: 9px;
}
.criteriaList h4 {
	font-weight: 600;
	text-align: right;
	border-top: 5px solid #dedede;
	margin: -4px 0 0 -5px;
	padding: 7px 0;
}

/* -- responsive counterpart -- */
@media (max-width: 769px){
	.criteriaList h4 {
		text-align: left;
		padding: 7px 0 0 0;
		margin-bottom: .5em!important;
	}
	.criteriaList td:nth-child(even) {
		border-top: none;
		padding: 0 0 9px 0;
	}
}


/***
* @Triangular cooperation : Tree timaline
*/

.treeTimelineContainer {

	position: relative;
	overflow: hidden;
/*
  background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(253,253,253,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(253,253,253,0) 100%);
  background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%,rgba(253,253,253,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#00fdfdfd',GradientType=0 );
  
  // padding-bottom: 30px;
  */
  
}
.treeTimelineContainer:before {
	content: "";
	position: absolute;
	left: 50%;
	// width: 2px;
	height: 2100px;
	border-left: 2px dotted #2269a1!important;
	margin:15px 0 15px -1px;
	padding: 15px 0;
}

#webEditContent .treeTimelineContainer h2 {
	position: relative;
	border: none;
	margin: 0;
	padding: 7px 0;
	text-align: center;
}
.treeTimelineContainer h2:before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	border-top: 1px solid #ededed;
}
.treeTimelineContainer h2 span {
	position: relative;
	background: #2269a1!important;
	padding: 0 1em;
	color: white;

	border-radius: 1em;

}

.treeTimelineItem {
	margin: 0 0 -15px 0;
}
.treeTimelineItem .treeTimelineItem-innerBlock {
	padding: 0 5px 0 15px;
	background: #fcfcfc;
	border:1px solid #dedede;
	border-color: #f7f7f7 #F0F0F0 #ededed #F0F0F0;
	border-radius: 5px;
	overflow: hidden;
}
.itemCell .treeTimelineItem-innerBlock .docMetas {
	margin: 0 -5px 0 -15px !important;
	padding: 7px 5px 3px 15px !important;
	background: #aaa;
	color: white;
}
.treeTimelineItem.oecd .treeTimelineItem-innerBlock {
	border-color: rgba(5,100,155,1);
}
.itemCell.int .treeTimelineItem-innerBlock {
	border-color: rgba(0,153,153,1);
}
.itemCell.oecd .treeTimelineItem-innerBlock .docMetas {
	background: rgba(5,100,155,1);
}
.itemCell.int .treeTimelineItem-innerBlock .docMetas {
	background: rgba(0,153,153,1);
}
.treeTimelineItem .treeTimelineItem-innerBlock a {
	text-decoration: none;
}
.treeTimelineItem h4 {
	margin-bottom: 0!important;
	font-weight: 600;
}
.treeTimelineItem p {
}
.treeTimelineItem .moreLinks {
	border-top:1px solid #ededed;
	padding: 5px 0!important;
}
.treeTimelineItem .moreLinks a {
	display: inline-block;
}

.itemCell-icon {
	position: relative;
	text-align: right;
}
.itemCell-icon span {
	position: absolute;
	right: -15px;
	width: 30px;
	background: transparent;
	color: transparent;
	text-align: center;
	border-radius: 15px;
	height: 30px;
	padding: .6em;
}
.itemCell-icon.col-md-push-6 {
	text-align: left;
}
.itemCell-icon.col-md-push-6  span {
	right: auto;
	left: -15px;
}
.itemCell.oecd .itemCell-icon span {
	background: rgba(5,100,155,1);
	background-image: url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/styles/ezkastwistedmess/OECD.svg);
	color: white;
}
.itemCell.int .itemCell-icon span {
	background: rgba(0,153,153,1);
	background-image: url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/styles/ezkastwistedmess/int.svg);
	color: white;
}
.itemCell-content {
	padding-right:15px;
	padding-left:30px;
}
.itemCell-content.col-md-pull-6 {
	padding-right:30px;
	padding-left:15px;
}
.timeline-legend .itemCell {
	margin-right: 30px;
	margin-bottom: 15px;
}
.timeline-legend .itemCell-icon span {
	margin-top: -7px;
	margin-right: -20px;
}

@media (max-width: 769px){

	.treeTimelineItem {
		margin: 0;
	}
	.itemCell-icon {
		text-align: left;
	}
	.itemCell-icon span {
		position: relative;
		display: block;
		right: auto;
		margin: 0 auto -15px;
		width: 30px;
		z-index: 21;
	}
	.itemCell-icon.col-md-push-6 {
		text-align: left;
	}
	.itemCell-icon.col-md-push-6  span {
		left: auto;
	}
	.itemCell-content {
		padding-left:0;
		padding-right:15px;
	}
	.itemCell-content.col-md-pull-6 {
		padding-left:0;
		padding-right:15px;
	}
}


/* ---
* @FSD - nested lli in 400047
*/

.first-level>li:before {
	content:"";
	padding-right: 0;
}




/* ---
* @RDC - styled ordered list + button first in #517410
*/

.simple-big-btn {
  display: inline-block; 
  background: #2269a1; 
  color: white!important; 
  font-size: 18px; 
  text-align: center; 
  padding: .3em 3em; 
  border-radius: .3em; 
  margin: .3em 1em .1em 1em;
}
.simple-big-btn:hover {
  background: #145181;
}

ol.simple-list {
  list-style-type: none;
  list-style-type: decimal !ie; /*IE 7- hack*/
   
  margin: 0;
  margin-left: 3em;
  padding: 0;
   
  counter-reset: li-counter;
}
ol.simple-list > li{
  position: relative;
  margin-bottom: 20px;
  padding-left: 3em;
  min-height: 3em;
}

ol.simple-list > li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.8em;
  border-right: 2px solid #CCCCCC;
   
  font-size: 3em;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #2269A1;

  content: counter(li-counter);
  counter-increment: li-counter;
}
ol.simple-list > li:after {
	content: " ";
  position: absolute;
  top: 1.5em;
  left: 0;
  width: 2.5em;
  height: 1.5em;
	
	background: repeating-linear-gradient( 135deg, transparent, transparent 1px, white 1px, white 2px );
}
.three-col {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;

  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}

/* -- responsive counterpart -- */
@media (max-width: 769px){
  .three-col {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;

    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
  }
  ol.simple-list {
    margin-left: 0;
  }
}




/* ---
* @FSD/topics? - button style for twitter links
*/

.twitterLink {
  position: relative;
  box-sizing: border-box;
  background-image: linear-gradient(135deg, #1da1f2 50%, #fff 50%);
  background-position: 100%;
  background-size: 400%;
  transition: background 300ms ease-in-out;
  border: 1px solid #1da1f2;
  color: #14171a!important;
  cursor: pointer;
  display: block;
  align-self: center;
  font-weight: 400;
  line-height: 1;
  margin: 7px 0;
  padding: 1em 2em 1em 2.5em;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
	font-size: 15px;
  font-weight: 700;
}
.twitterLink:before {
  content:" ";
  display: block;
  position: absolute;
  top: 1em;
  left: .5em;
  width: 1.5em;
  height: 1em;
  background: bottom right no-repeat url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/ui/twitter-wh-blu.svg);  
}
.twitterLink:hover, .twitterLink:focus {
  background-position: 0;
  color: #fff!important;
}
.twitterLink:hover::before {
  background-position-y: top;
}



.twInHeader {
  text-align: right;
    position: absolute;
    top: 0;
    right: 15px;
    width: 28.5%;
    padding: 0;
    margin: 0;
}


.twInHeader .twitterLink {
  border: none;
  margin: 0;
}

/* -- responsive counterpart -- */
@media (max-width: 769px){
  .twInHeader {
    text-align: center;
      position: relative;
      right: 0;
      width: 100%;
  }
  .twInHeader .twitterLink {
    border: 1px solid #1da1f2;
  }
}





/* ---
* @Triangular publications unified styles
*/


.grIntro {
  padding: 15px 0!important;
  margin-bottom: 15px1important;
  border-top: 5px solid #4694c5;
  font-size: 16px;
  color: #777;
}


#topicsList {
  float: left;
  width: 100%;
  margin: 0!important;
  padding:0!important;
  list-style-type: none!important;
}
#topicsList td {
  margin:0;
  padding: 0;
  width: 25%;
  border: 1px solid #ededed;
}
#topicsList a {
  display: block;
  padding: 7px 0;
  margin: 0;
  border-radius: 0;
  background: #fff;
  
  font-size: .9em;
  text-align: center;
  text-decoration: none;
  color: #4694c5;
  outline-style: none;
}
#topicsList a:hover {
  background: rgba(0, 155, 155,.15);
  background: repeating-linear-gradient( 135deg, transparent, transparent 2px, #f2f7f6 2px, #f2f7f6 4px )
}
#topicsList a.current {
  background: rgb(0, 155, 155);
  font-weight: 600;
  color: white;
  cursor: default;
}

table#publicationList {
	background-color: white;
	-webkit-border-radius: 10px;
	width: 100%;
	padding: 10px;
}
#publicationList th {
    background: white;
    border-bottom: 1px solid #dedede;
	color: #666;
	cursor: pointer;
	text-decoration: none;
}
#publicationList th.sortable {
	color: #666;
	cursor: pointer;
	text-decoration: underline;
}
#publicationList th.sortable:hover { color: black; }
#publicationList th.sorted-asc, th.sorted-desc  { color: black; }

#publicationList td {
	background-color: white;
}
#publicationList td.odd {
	background-color: #f6f9fa ;
}

#publicationList td.hovered {
  background-color: lightblue;
  color: #666;
}


#topicsList td.filterCell, #topicsList td.sumCell {
  padding: 7px;
  background: #ededed;
}

#topicsList td.filterCell label {
  padding: 0 10px;
}

#topicsList td.sumCell {
  text-align: right;
}

#topicsList td.sumCell label {
  padding: 0 10px;
}


#webEditContent #publicationList .category {
  display: none;
  color: #dedede;
}

#category-list {
  width: 100%;
	margin:0!important;
  float: left;
  border-top: 1px solid rgba(0, 155, 155,.15);
  border-left: 1px solid rgba(0, 155, 155,.15);
}
#category-list li {
  border-right: 1px solid rgba(0, 155, 155,.15);
  border-bottom: 1px solid rgba(0, 155, 155,.15);
  display: block;
	//background:rgba(0, 155, 155,.15);
  float:left;
  width: 33.3333%;
  padding: 7px 0;
  margin: 0;
  cursor: pointer;
  
  font-size: .9em;
  text-align: center;
  color: #4694c5;
}
#category-list li:last-child {
  width: 66.6666%;
}
#category-list li:hover {
  background: rgba(0, 155, 155,.45);
  box-shadow: 0 0 15px rgba(0, 155, 155,.1);
	color: white;
}
#category-list li.current {
  background: rgb(0, 155, 155);
  box-shadow: 0 0 15px rgba(0, 155, 155,.21);
  font-weight: 600;
  color: white;
  cursor: default;
}

#publication-table {
	background-color: white;
	width: 100%;
	padding: 0;
}
#publication-table th {
  background-color: white;
  border: 1px solid #dedede;
  color: #666;
  text-decoration: none;
  padding: 15px 15px 15px 7px;
}
#publication-table tr.hover td {
  background-color: lightblue;
  color: #666;
}

.cardStack .dataTables_wrapper .top {
  float: left;
  width: 100%;
margin: -30px 0 15px 0 !important;
padding: 10px 0 !important;
background: #fff;
border-bottom: 1px dotted #2260a1;
border-top: 5px solid #2269a1;
color: #333;
font-size: 15.6px;
font-weight: 400;
line-height: 1.3;
  
  filter: drop-shadow(0 7px 3px rgba(0,0,0,.05));
}

.cardStack .dataTables_wrapper {
  //padding: 15px;
  //background: repeating-linear-gradient( 135deg, transparent, transparent 2px, #f2f7f6 2px, #f2f7f6 4px );
}

.cardStack .dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
    width: 100%;
}

.cardStack .dataTables_filter label {
  margin-bottom: 0;
}
.cardStack .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
    border: none;
    border-bottom: 1px dotted rgba(34, 105, 161,.35);
    border-left: 1px solid rgba(34, 105, 161,.35);
    padding: .3em;
    width: 100%;
}
.cardStack .dataTables_wrapper .dataTables_info {
  clear: none;
  float: right;
  padding-top: 0.3em;
  font-family: Georgia,"Times New Roman",Times,serif;
  color: rgba(34, 105, 161,.35);
  font-style: italic;
}



#clph {
	//padding-left: 1em;
}

#clph:before {
	content:"in ";
	position:  absolute;
	left: 23px;
	font-weight: 700;
	color: #aaa;
	z-index: 21;
	top: .3em;
}

#clph select {
  position: relative;
  padding: .3em 1.5em;
  border: 1px solid rgba(34, 105, 161,.35);
}





/* --
to sort later
-- */


.grassGreen {
	color: #659940;
}

.codeDesc td {
	border-bottom: 1px solid #e4d7c1;
}


.codeDesc.redux {
	border-bottom: 1px solid rgba(0,153,153,.3);
}
.codeDesc.redux th {
	border-top: 1px solid rgba(0,153,153,.3);
	background: 
	repeating-linear-gradient( 
		135deg, transparent, transparent 2px, 
		#f2f7f6 2px, #f2f7f6 4px
		),
    linear-gradient(135deg, rgba(0,153,153,.21) 0, rgba(0,153,153,0) 35%) no-repeat border-box;
	color: rgba(102,153,64,1);
}
.codeDesc.redux td {
	border-top: 1px dotted rgba(0,153,153,.3);
	border-bottom: 1px solid transparent;
  padding: 1em .5em;
}
.codeDesc.redux td:first-child {
	color: rgba(190,165,110,1);
}
.codeDesc.redux td:first-child strong {
	color: rgba(102,153,64,1);
}
.codeDesc.redux td:last-child em {
	color: rgba(205,102,50,1);
}

/* --
Quotes carousel slider (#518648/#519551)
-- */

.cardStack .quoteSlider {
  background: rgba(0,153,153,.3);
  background: 
    linear-gradient(135deg, rgba(0,153,153,.3) 0%, rgba(0,153,153,.1) 50%, transparent 100%),  
	repeating-linear-gradient( 
		135deg, transparent, transparent 2px, 
		#f2f7f6 2px, #f2f7f6 4px 
		);
  padding:0!important;
}
.cardStack .quoteSlider ul {
  position: relative;
  background: bottom left no-repeat url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/dacglobalrelations/head-bg-test-min.png);
  background-size: contain;
  padding: 15px 15px 15px 30%;
  margin: 0!important;
  overflow: hidden;
}
.cardStack .quoteSlider li {
  position: absolute;
  left: 30%;
  right:15px;
  opacity: 0;
  list-style-type: none;
  font-size: 1.2em;
  font-weight: 600;
  
  transition: opacity 1.5s;
}
.cardStack .quoteSlider li:before {
  content: '\201C';
  position: absolute;
  top: 0;
  left: -4.7rem;
  font: 9em/.7em 'PT Sans', sans-serif;
  color: rgba(255,255,255,.8);
}
.cardStack .quoteSlider li.current-quote {
  opacity: 1;
  transition: opacity 3.1s;
}
/*
.cardStack .quoteSlider li:first-child {
  opacity: 1;
}
*/
.qs-signature {
  padding-left: 35%;
}

/* -- Enforce 100% width in IE11 -- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: none) {
  .cardStack .quoteSlider ul {
    background-size: auto 100%;
  }
}
/* -- responsive counterpart -- */
@media (max-width: 990px){
  .cardStack .quoteSlider ul {
    background-size: 30%;
  }
  .cardStack .quoteSlider li {
    font-size: 1em;
    font-weight: 600;
  }
}

/* -- T4 backoffice counterpart -- */
#tinymce .cardStack .quoteSlider ul {
  padding: 15px;
}

#tinymce .cardStack .quoteSlider li {
  position: static;
  opacity: 1;
  padding-bottom:1.5em;
  list-style-type: disc;
  font-size: 1em;
  font-weight: 400;
}




/* ---
* TABLE extend ( h4+p+links)- #521639
*/

.hpl h4, .hpl p, .hpl ul {
 margin-top: .5em; 
}