/*** +++
* 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;
}
.frenglishNotice {
  text-align: center;
  background: 
  #f7f7f7;
  padding: 5px;
}


/***
* 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;
}
@media (max-width: 769px){
	.cardStack h3:first-child {
		margin-top:15px !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, 
.cardStack ul.pub-4-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;
    }
}



/* PAC BBV2 like button */

.cardStack .aside-striped .PAC-button {
	display: inline-block;
	margin: .5em 0 .5em 1.7em;
	padding: 10px 15px;
	background: rgb(255, 194, 14);
	border: 1px solid rgba(0,0,0,.7);
	border-radius: 25px;
	
	text-transform: uppercase;
	font-weight: 600;
	color:  rgba(0,0,0,1);
	line-height: 1;
	
    transition: all 0.5s ease;
}
.cardStack .aside-striped .PAC-button:hover {
    background: rgba(255,255,255,1);
}
.cardStack .aside-striped .btn {
	margin: .5em 0 .5em 1.7em;
}
.cardStack .aside-striped .btn.btn-success {
	color:white!important;
}


/***
* @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!important;
	padding: 7px 0;
}
.criteriaList h4:before {
  content:"";
	display:none;
}
.criteriaList td:nth-child(1) p {
	text-align: right;
}
.criteriaList ol li {
	padding: 0 0 15px 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;
	}
  
    .criteriaList td:nth-child(1) p {
	    text-align: left;
    }
}


/***
* @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(/terminalfour/SiteManager?ctfn=download&fnno=60&ceid=1093680488);
	color: white;
}
.itemCell.int .itemCell-icon span {
	background: rgba(0,153,153,1);
	background-image: url(/terminalfour/SiteManager?ctfn=download&fnno=60&ceid=1175427143);
	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 );
}
.two-col {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;

  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
.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){
  .two-col,
  .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(/terminalfour/SiteManager?ctfn=download&fnno=60&ceid=701923648);  
}
.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(/terminalfour/SiteManager?ctfn=download&fnno=60&ceid=1103078965);
  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;
}





/* draft generic chart thumbnails limks (first used in #514409) */


.thumb-viz-link {
  display: block;
  text-decoration: none;
  outline-style: none;
  border-radius: 4px;
  border: 1px solid #dedede;
}
.thumb-viz-link:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0,.21);
}
.thumb-viz-title {
    display: block;
    margin: 7px 3px 3px 3px;
    padding: 4px 0;
    text-align: center;
    background: rgba(255,255,255,.7);
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #dedede;
    font-weight: 600;
}

.thumb-viz-link img {
  border-radius: 4px;
}


/* --
* Flourish visualisations integration in CFR: Financing Forced Displacement   (#485820)
-- */

h5#flourish-viz-title {
  text-align: center;
  background: #fff;
  border-top: 1px solid #dedede;
  padding: 7px;
  margin: 7px 0;
}

#flourish-viz-table {
  width: 100%;
  background: aliceblue;
  border-radius: 9px;
}
#flourish-viz-table caption {
  text-align: center;
  background: #fff;
  border-top: 1px dotted #dedede;
  padding: 7px;
}
#flourish-viz-table td {
  width: 33%;
}
#flourish-viz-table td:nth-child(1) {
  padding: 7px 4px 7px 10px;
}
#flourish-viz-table td:nth-child(2) {
  padding: 7px 4px 7px 3px;
}
#flourish-viz-table td:nth-child(3) {
  padding: 7px 10px 7px 3px;
}

/* rules if using actual embed viz */

#flourish-viz-table h5 {
  margin: 7px 0 -1.2em 0;
  padding: 7px 0;
  text-align: center;
  background: rgba(255,255,255,.7);
}
#flourish-viz-table .flourish-embed {
  background: rgba(255,255,255,.3);
  padding-bottom: 5px;
}

/* rules if using bitmap thumbnails */

#flourish-viz-table .viz-link {
  display: block;
  text-decoration: none;
  outline-style: none;
}
#flourish-viz-table .viz-link:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0,.21);
}
#flourish-viz-table .viz-title {
  display: block;
  margin: 7px 0 2px 0;
  padding: 7px 0; 
  text-align: center;
  background: rgba(255,255,255,.7);
  border-radius: 7px 7px 0 0;
}

#flourish-viz-table .viz-link img {
  border-radius: 0 0 7px 7px;
}


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

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


/* ---
* Country pilot list - #505583
*/

.country-pilot-list {
    list-style-type:none !important;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;  
    margin:0 !important;
    padding: 0;
	
}

/* -- responsive counterpart -- */
@media (max-width: 990px){
  .country-pilot-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.country-pilot-list ul {
	padding: 7px 0!important;;
	margin: 0!important;
	
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.country-pilot-grid a,
.country-pilot-list li {
  position: relative;
	list-style-type: none;
	font-size: 1em
		
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.country-pilot-list > li {
	//font-weight: 600;
	font-size: 1.7rem;
	color: #659940;
	padding-left: 1.5em;
}
.country-pilot-list > li::before {
	content: ' ';
	display: block;
	position: absolute;
	width: .85em;
	height: .85em;
	top: 0.25em;
	left: 0.25em;
	background: #659940;
	border-radius: 3px;
}
.country-pilot-grid a,
.country-pilot-list li li {
	//font-weight: 400;
	font-size: 1.5rem;
	margin-left: -1.5em;
}
.country-pilot-grid a,
.country-pilot-list a {
	display: block;
  position: relative;
	overflow: hidden;
  outline: none;
	padding: 7px 7px 20px 1.5em;
	margin: 0 3px 7px 0;
	background: linear-gradient(45deg, rgba(0, 126, 134,.2) 30%,rgba(0, 126, 134,.4) 100%);
	border-radius: 3px;
	color: rgba(0, 126, 134,1);
    line-height: 1.1;
}
.country-pilot-grid a:hover,
.country-pilot-list a:hover {
	background: linear-gradient(45deg, rgba(0, 126, 134,1) 30%,rgba(0, 126, 134,.5) 100%);
	box-shadow: 0 2px 15px 0 rgba(0,0,0,.1);
	color: white;
}
.country-pilot-grid a[href="#"], .country-pilot-grid a[href="#"]:hover,
.country-pilot-list a[href="#"], .country-pilot-list a[href="#"]:hover {
	border-color: rgba(187,216,228,1);
	border-color: white;
	background: linear-gradient(135deg, rgba(0, 126, 134,.03) 30%,rgba(0, 126, 134,.1) 100%); //, repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(0, 126, 134, .1) 3px, rgba(0, 126, 134, .1) 6px );
	box-shadow: none;
	color: rgba(0, 126, 134,.45);
	cursor: default;
}
.country-pilot-grid a[href="#"]::after,
.country-pilot-list a[href="#"]::after {
  display: block;
  position: absolute;
  right: 0; bottom: 0;
  background: rgb(187, 216, 228);
  background: linear-gradient(45deg,rgba(0, 126, 134,.07),rgba(0, 126, 134,.4));
  border-radius: 2px 0;
  padding: 1px 5px;
  content: ' ...forthcoming';
  font-size: .75em;
  font-style: italic;
  color: #fff;
}

.country-pilot-grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  
  padding: 0;
  margin: 0!important;
  list-style-type: none!important;
}

/* -- responsive counterpart -- */
@media (max-width: 990px){
  .country-pilot-grid {
    display: block;
  }
}

.country-pilot-grid a em {
	display: block;
	font-weight: 400;
	font-style: normal;
	font-size: 1.1rem;
}
.country-pilot-grid a em::before {
	content: 'in ';
	//border-left: 1px solid #fff;
	padding-left: 3px;
	font-style: italic;
}







/* ---
* Country pilot list V2 - #505583
*/





.country-pilot-list-v2 > li > ul {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  
  padding: 0;
  margin: 0!important;
  list-style-type: none!important;
}

/* -- responsive counterpart -- */
@media (max-width: 990px){
  .country-pilot-list-v2 > li > ul {
    display: block;
  }
}

.country-pilot-list-v2 ul {
	padding: 7px 0!important;;
	margin: 0!important;
	
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.country-pilot-list-v2 li {
  position: relative;
	list-style-type: none;
	font-size: 1em
		
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.country-pilot-list-v2 > li {
	font-weight: 600;
	font-size: 1.7rem;
	color: #659940;
	padding-left: 1.5em;
}
.country-pilot-list-v2 > li::before {
	content: ' ';
	display: block;
	position: absolute;
	width: .85em;
	height: .85em;
	top: 0.25em;
	left: 0.25em;
	background: #659940;
	border-radius: 3px;
}

.country-pilot-list-v2 > li > ul > li {
	font-weight: 600;
	font-size: 1.5rem;
	margin-left: -1em;
  margin-right: 30px;
  border-left: 1px solid #ededed;
	padding: 7px 7px 20px 1em;
	color: rgba(0, 126, 134,1);
}

.country-pilot-list-v2 a {
	font-weight: 400;
}

.country-pilot-list-v2 a[href="#"], .country-pilot-list-v2 a[href="#"]:hover {
  color: rgba(0, 126, 134,.45);
  cursor: default;
  font-style: italic;
}




/* -- backoffice counterpart -- */
#tinymce .country-pilot-grid,
#tinymce .country-pilot-list ,
#tinymce .country-pilot-list-v2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;  
    margin:0;
    padding: 0 0 0 1.5em;
	
}
#tinymce .country-pilot-grid ul,
#tinymce .country-pilot-list ul ,
#tinymce .country-pilot-list-v2 ul {
	padding: 7px 0 7px 1.5em!important;
	margin: 0!important;
}
#tinymce .country-pilot-grid > li,
#tinymce .country-pilot-list > li ,
#tinymce .country-pilot-list-v2 > li {
  list-style-type: disc !important;
	font-weight: 400;
	font-size: 12px;
	color: #333;
	padding-left: 0;
} 
#tinymce .country-pilot-list li li, #tinymce .country-pilot-list li li:hover,
#tinymce .country-pilot-list-v2 li li, #tinymce .country-pilot-list-v2 li li:hover {
  list-style-type: circle !important;
  background: none;
	font-weight: 400;
	font-size: 12px;margin: 0;
  box-shadow: none;
  color: black;
  padding: 0 0 5px 0;
}
#tinymce .country-pilot-grid a, #tinymce .country-pilot-grid a[href="#"],
#tinymce .country-pilot-list a, #tinymce .country-pilot-list a[href="#"] ,
#tinymce .country-pilot-list-v2 a, #tinymce .country-pilot-list-v2 a[href="#"] {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
	border-radius: 0;
	cursor: text;
	font-weight: 400;
	font-size: 12px;
	color: rgba(41, 115, 189, 1);
}
#tinymce .country-pilot-grid a[href="#"],
#tinymce .country-pilot-list a[href="#"] ,
#tinymce .country-pilot-list-v2 a[href="#"] {
	color: rgba(41, 115, 189, .5);
}
#tinymce .country-pilot-grid a:hover,
#tinymce .country-pilot-list a:hover ,
#tinymce .country-pilot-list-v2 a:hover {
	background: none;
	box-shadow: none;
	color: #333;
}
#tinymce .country-pilot-grid a[href="#"]:hover,
#tinymce .country-pilot-list a[href="#"]:hover ,
#tinymce .country-pilot-list-v2 a[href="#"]:hover {
	background: none;
	color: #777;
}
#tinymce .country-pilot-grid a em {
	display: inline;
	font-weight: 400;
	font-style: italic;
	font-size: 12px;
}
#tinymce .country-pilot-grid > li::before, #tinymce .country-pilot-grid a[href="#"]::after, #tinymce .country-pilot-grid a em::before, 
#tinymce .country-pilot-list > li::before, #tinymce .country-pilot-list a[href="#"]::after ,
#tinymce .country-pilot-list-v2 > li::before, #tinymce .country-pilot-list-v2 a[href="#"]::after {
  content: '';
  display: none;
}


/* ---
* Documents list mimicking glyphicons - #315073
*/


.documentsList {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}


/* -- responsive counterpart -- */
@media (max-width: 990px){
  .documentsList {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.documentsList h4 {
  border-top: 1px solid #cc6632;
  padding: .5em 0;
  margin: 0;
  color: #099;
}

.documentsList ul {
  list-style-type: none;
  margin: 0!important;
  padding: 0;
}

.documentsList li {
  display: block;
  position: relative;
  padding: .5em  0 .5em 1.5em;
  
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}


.documentsList li::before {
	content: "\e022";
  display: block;
  position: absolute;
  top: .5em;
  left: 0;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #8CC841;
  font-size: 1.3em;
}

.documentsList a {
  display: inline;
}

/*

Grid list with leading image

- first used for Criteria figure 3 [#81829]
- then in IS-FSD page [#588857]

*/

#criteria-figure {
  
  max-width: 800px;
  margin: 0 auto;
  font-family: sans-serif;
}
#criteria-figure * {
  box-sizing: border-box;
}
#criteria-figure ul {
  /* grid rules for msie 11 */
  display: -ms-grid;
  -ms-grid-columns: 1fr 7px 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 7px 1fr 7px 1fr 7px 1fr;
  
  /* standrd grid rules */
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 7px;
  
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#criteria-figure li {
  grid-column: 1 / 2;
  text-align: right;
  padding: .5em .5em .5em 0;
  border-top: 1px solid #ededed;
}
#criteria-figure li:nth-child(odd) {
  grid-column: 2 / 3;
  padding: .5em  0 .5em .5em;
  text-align: left;
}
#criteria-figure li:nth-child(1) {
  grid-column: 1 / 3;
  padding:.5em 45px;
}

/* grid rules for msie 11 */
#criteria-figure li:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-column-span: 3; -ms-grid-row-span: 3; }

#criteria-figure li:nth-child(2) { -ms-grid-column: 1; -ms-grid-row: 5; }
#criteria-figure li:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 5; }
#criteria-figure li:nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 7; }
#criteria-figure li:nth-child(5) { -ms-grid-column: 3; -ms-grid-row: 7; }
#criteria-figure li:nth-child(6) { -ms-grid-column: 1; -ms-grid-row: 9; }
#criteria-figure li:nth-child(7) { -ms-grid-column: 3; -ms-grid-row: 9; }

#criteria-figure li img {
  width: 100%!important;
  height: auto!important;
}
#criteria-figure a {
	display: block;
  text-decoration: none;
	font-size: 1.2em;
	line-height: 1.2;
  color: steelblue;
}
#criteria-figure a:hover {
  color: #333;
}
#criteria-figure strong {
	display: block;
}
#criteria-figure span {
	display: block;
  font-size:.8em;
}
#criteria-figure li.relevance-cell a strong {
	color: rgb(115,65,145);
}
#criteria-figure .coherence-cell a strong {
	color: rgb(15,115,185);
}
#criteria-figure .effectiveness-cell a strong {
	color: rgb(220,80,20);
}
#criteria-figure .efficiency-cell a strong {
	color: rgb(120,85,85);
}
#criteria-figure .impact-cell a strong {
	color: rgb(200,170,10);
}
#criteria-figure .sustainability-cell a strong {
	color: rgb(0,145,70);
}

/* color palette for IS-FSD */


#criteria-figure .management-cell a strong {
	color: rgb(237,184,36);
}
#criteria-figure .governance-cell a strong {
	color: rgb(7,150,165);
}
#criteria-figure .strategy-cell a strong {
	color: rgb(132,174,89);
}
#criteria-figure .transparency-cell a strong {
	color: rgb(219,91,62);
}


@media (min-width: 768px)  {
  #criteria-figure ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
  }
  #criteria-figure li {
    width: 100%;
    grid-column: 1 / 2;
    align-self: center;
    
    /* grid rules for msie 11 */
    -ms-grid-column-align: center;
    
    border: none;
  }
  #criteria-figure li:nth-child(odd) {
    grid-column: 3 / 4;
  }
  #criteria-figure li:nth-child(1) {
    grid-column: 2 / 3;
    grid-row: 1 / 4;
    padding:.5em 0;
  }
  
  /* grid rules for msie 11 */
  #criteria-figure li:nth-child(1) { -ms-grid-column: 3; -ms-grid-row: 1; -ms-grid-column-span: 1; -ms-grid-row-span: 5;}

  #criteria-figure li:nth-child(2) { -ms-grid-column: 1; -ms-grid-row: 1; }
  #criteria-figure li:nth-child(3) { -ms-grid-column: 5; -ms-grid-row: 1; }
  #criteria-figure li:nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 3; }
  #criteria-figure li:nth-child(5) { -ms-grid-column: 5; -ms-grid-row: 3; }
  #criteria-figure li:nth-child(6) { -ms-grid-column: 1; -ms-grid-row: 5; }
  #criteria-figure li:nth-child(7) { -ms-grid-column: 5; -ms-grid-row: 5; }
}

/* inner collapse system */

#webEditContent ul.inner-collapse {
	position: relative;
	list-style-type: none;
	margin: 0; padding: 7px 0 0 0;
}
#webEditContent ul.inner-collapse > li > strong {
	display: inline-block;
	position: relative;
	padding: 5px 20px;
	color: white;
}
#webEditContent ul.inner-collapse  > li > strong:before {
  position: absolute;
  top: 4px; left: 6px;
  font-family: CustomIcons;
  content: 'u';
  color: rgb(0, 0, 0);
  transform: rotate(90deg);
}
#webEditContent ul.inner-collapse ul {
	list-style-type: none;
	margin: 0 0 7px 0;
}
#webEditContent ul.inner-collapse ul li {
	display: block;
	postion: relative;
	overflow: hidden;
	padding: 7px 7px 7px 30px;
}
#webEditContent ul.inner-collapse ul li span {
	display: block;
	position: absolute;
	left: 7px;
	font-weight: 600;
}

/* collapse behaviour */

ul.inner-collapse input.local-toggle {
	position: absolute;
	left: 0; top:0;
	width: 100%; height: 2em;
	border: 1px solid black;
	opacity: 0;
	z-index: 21;
}
ul.inner-collapse input.local-toggle:hover {
	cursor: pointer;
}
ul.inner-collapse input.local-toggle ~ ul li span,
ul.inner-collapse input.local-toggle ~ ul {
	height: 0;
	overflow: hidden;
}
ul.inner-collapse input.local-toggle:checked ~ ul li span,
ul.inner-collapse input.local-toggle:checked ~ ul {
	height: auto;
	overflow: hidden;
}

ul.inner-collapse input.local-toggle:checked + strong {
  color: white!important;
}

ul.inner-collapse input.local-toggle:checked + strong:before {
  transform: rotate(-90deg)!important;
  color: white!important;
}

/* Color schemes */

#strategy-row h4 { color: rgb(132,174,89); }
#management-row h4 { color: rgb(237,184,36); }
#transparency-and-accountability-row h4 { color:rgb(219,91,62);  }
#governance-row h4 { color: rgb(7,150,165); }

#strategy-row h4 sup,
#management-row h4 sup,
#transparency-and-accountability-row h4 sup,
#governance-row h4 sup {
	color: #333;
}

#strategy-row .inner-collapse strong { background: rgba(132,174,89,1); }
#management-row .inner-collapse strong { background: rgba(237,184,36,1); }
#transparency-and-accountability-row .inner-collapse strong { background:rgba(219,91,62,1);  }
#governance-row .inner-collapse strong { background: rgba(7,150,165,1); }

#strategy-row .inner-collapse ul li { background: rgba(132,174,89,.3); border-top: 1px solid rgba(132,174,89,1); }
#management-row .inner-collapse ul li { background: rgba(237,184,36,.3); border-top: 1px solid rgba(237,184,36,1); }
#transparency-and-accountability-row .inner-collapse ul li { background: rgba(219,91,62,.3); border-top: 1px solid rgba(219,91,62,1); }
#governance-row .inner-collapse ul li { background: rgba(7,150,165,.3); border-top: 1px solid rgba(7,150,165,1); }

#strategy-row .inner-collapse span { color: rgba(132,174,89,1); }
#management-row .inner-collapse span { color: rgba(237,184,36,1); }
#transparency-and-accountability-row .inner-collapse span { color: rgba(219,91,62,1) }
#governance-row .inner-collapse span { color: ;rgba(7,150,165,1); }


/* faux-dl (2col) since DL is not available in T4 tinyMCE */

.faux-dl {
	list-style-type: none;
	margin: 0; padding: 0;
	
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px;
}
.faux-dl ul {
	list-style-type: none;
	margin: .5em 0 0; padding: 0;
}


/* ---
* @INDEF specific styles - #530695
*/


#webEditContent #indef-page .cardStack td {
  overflow: hidden;
}


/*
#webEditContent #indef-page h2 {
	position: relative;
	border: none;
	font-size: 5em;
	line-height: .5;
	padding: 1.5em 0;
	margin: -60px 0 0 0;
	color: rgba(65,65,65);
	color: transparent;
  background: url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/indef/INDEF-Vector-logo.svg) no-repeat center left; // Bitmap placeholder: #623955
  background-size: auto 40%;
}
#webEditContent #indef-page h2:before {
	content: "";
	position: absolute;
	overflow: hidden;
	width: 250px;
	height: 250px;
	top: -15px;
	right: -20px;
	background: orange url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/indef/african-farmer-stand-green-farm-with-holding-tablet-1000x1000-min.jpg) no-repeat;
    background-size: auto 100%;
	border-radius: 50%;
}

#webEditContent #indef-page h2:after {
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	bottom: 0;
	right: -75px;
	background: rgba(145,210,80,1);
	border-radius: 50%;
}
*/

#webEditContent #indef-page #brandTitle td {
	position: relative;
}
#webEditContent #indef-page #brandTitle h2 {
	position: absolute;
	border: none;
	padding: 0; margin: 0;
	line-height: 0;
	font-size: 2.5em;
	color: rgba(65,65,65);
	color: transparent;
	background: url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/indef/Facility Logo-02.svg) no-repeat center left;
	top: 50%;
	transform: translateY(-50%);
	background-size: auto 40%;
}


#webEditContent #indef-page #brandTitle h2 {
	position: absolute;
	border: none;
	padding: 0; margin: 0;
	top: 50%;
	line-height: 0;
	font-size: 2.5em;
	color: transparent;
}

#webEditContent #indef-page #brandTitle h2:before {
  content: "";
	position: absolute;
	top: -150px; width: 300px; height: 300px;
	background: blue;
	transform: translateY(-50%);
}

#webEditContent #indef-page #brandTitle h2:after {
  content: "";
	position: absolute;
	background: url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/indef/Facility Logo-02.svg) no-repeat center left;
	top: 50%;
	transform: translateY(-50%);
	background-size: auto 40%;
	min-height: 250px;
}

#webEditContent #indef-page h2 sup {
  font-size: 2rem;
}




#webEditContent #indef-page blockquote {
  position: relative;
}

#webEditContent #indef-page blockquote:before {
  content:"";
  position: absolute;
  top: 0; left: 0; width: 200px; height: auto;
  background: url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/indef/left-quote-green-grad.svg);
}


#webEditContent #indef-page blockquote {
  position: relative;
  margin: 0;
  padding: 1.5em 5em;
  font-size: 2em;
  line-height: 1.25;
}

#webEditContent #indef-page blockquote:before {
  content:"";
  position: absolute;
  top: .5em;
  left: 1em;
  width: 3.5em;
  height: 100%;
  background: url(/media/oecdorg/directorates/developmentco-operationdirectoratedcd-dac/indef/left-quote-green-grad.svg) no-repeat;
  background-size: 100% auto;
  z-index: 0;
}

#webEditContent .three-col-cards {
	margin: 0; padding: 0;
	list-style-type: none;

	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 7px;
	background: white;

}
#webEditContent .three-col-cards > li {
	padding: 15px;
}
#webEditContent .three-col-cards > li + li {
	border-left: 1px solid #ededed;
}
#webEditContent .three-col-cards > li img {
	width: 50%!important;
	height: auto;
	margin: 0 auto;
	display: block;
}
#webEditContent .three-col-cards > li ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
#webEditContent .three-col-cards > li h4 {
	text-align: center;
	color: rgba(145,210,80,1);
	margin: 10px 0 1.15em 0;
	font-size: 1.3em;
	font-weight: 400;
	}
#webEditContent .three-col-cards > li h4:before {
	content: none;
}
#webEditContent .three-col-cards > li h4 strong {
	font-size: inherit;
	color: rgba(64,64,64,1);
}
#webEditContent .three-col-cards > li li {
text-align: center;
}

.table-with-rounded-image td {
  overflow: visible!important;
}
.table-with-rounded-image td img {
  display: block;
  position: relative;
    margin: -15px 0 0 -45px;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
  z-index: 15;
}

.table-with-rounded-image-1 td,
.table-with-rounded-image-2 td {
  overflow: visible!important;
  /* position: relative; */
}
.table-with-rounded-image-1 td img {
  display: block;
  position: relative;
  margin: -46px 54px 0 0;
  padding: 0;
  overflow: hidden;
  border-radius: 50%;
}
.table-with-rounded-image-1 td:after {
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	top: 110px;
	right: -50px;
	background: rgba(145,210,80,1);
	border-radius: 50%;
}
.table-with-rounded-image-2 td img {
  display: block;
  position: relative;
    margin: -15px 0 0 -45px;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
}



#webEditContent #indef-projects {
	margin: 0; padding: 0;
	list-style-type: none;

	display: grid;
	grid-template-columns: repeat(3, 1fr);
	// grid-gap: 15px;
}
#webEditContent #indef-projects > li {
	padding: 15px 15px 15px 45px;
	background: white;
  // border: 1px solid #dedede;
    box-shadow: -7px -2px 15px #ededed;
}

#webEditContent #indef-projects ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
#webEditContent #indef-projects  h4 {
    padding: .7em 0 0.3em auto;
  margin: 0 0 .5em;
  border-bottom: 1px solid #ededed;
    color: rgba(65,65,65,1);
}
#webEditContent #indef-projects  h4:before {
	content: none;
}
#webEditContent #indef-projects  h4 strong {
    display: block;
    font-size: 2em;
    line-height: 1;
}
#webEditContent #indef-projects li:nth-child(1)  h4 strong {
    color: rgba(145,210,80,1);
}
#webEditContent #indef-projects li:nth-child(2) h4 strong {
    color: rgba(0,95,150,1);
}
#webEditContent #indef-projects li:nth-child(3) h4 strong {
    color: rgba(250,145,30,1);
}