/* ***************************************************************** */
/* Updated and checked: 28/01/2021
******************************************************************** */
/* contributions - main content */
#contributionspage [data-role="main"] {
	background-color: transparent;
	border-radius: 0;
	box-shadow: none !important;
	margin: 0 auto;
	padding: 0 40px
}
/* contributions - main content - block */
#contributionspage [data-role="main"] .pathway-block {
	padding: 0 20px 20px 20px
}
/* contributions - main content - block ~ odd */
#contributionspage [data-role="main"] .pathway-block.odd {
	border-radius: 10px;
	margin: 1em 0
}
/* contributions - main content - block ~ table */
#contributionspage [data-role="main"] .pathway-block-table {
	display: table;
	width: 100%
}
/* contributions - main content - block ~ table cell */
#contributionspage [data-role="main"] .pathway-block-cell {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 50%
}
/* contributions - main content - block ~ table cell button */
#contributionspage [data-role="main"] .pathway-block-cell button {
	margin-top: 1em
}
/* contributions - main content - block ~ right wrapper */
#contributionspage [data-role="main"] .right .pathway-block-cell-wrap {
	padding: 2em 2em 2em 0
}
/* contributions - main content - block ~ title */
#contributionspage [data-role="main"] .pathway-block-title {
	font-size: 24px;
	font-weight: 400 !important;
	margin-bottom: 32px;
	margin-top: 0;
	padding-top: 1em
}
/* contributions - main content - block ~ paragraph */
#contributionspage [data-role="main"] p {
	font-size: 1.1em !important;
	font-weight: 400;
	line-height: 1.7em;
	padding: 0
}
/* contributions - main content ~ h1 */
#contributionspage [data-role="main"] h1 {
	display: block;
	font-size: 30px;
	font-weight: 400;
	margin: 39px 0 10px 0;
	padding-bottom: 0
}
/* contributions - main content - block ~ grid wrapper */
#contributionspage [data-role="main"] .pathway-summary-wrap {
	text-align: center
}
#contributionspage [data-role="main"] .pathway-summary-wrap img {
	max-width: 160px;
}
/* contributions - main content - block ~ grid image */
#contributionspage [data-role="main"] .pathway-summary-wrap img {
	width: 100%
}
/* contributions - main content - block ~ grid text */
#contributionspage #pathwaySummaryGrid .text, #contributionspage .text {
	cursor: default;
	margin: 10px auto
}
#contributionspage .text:hover {
	color: #333
}
/* contributions - main content - block ~ grid text bold */
#contributionspage .text .activityBold {
	font-weight: 700
}
/* contributions - main content - block ~ right */
#contributionspage .pathway-block-cell.scroll.right {
	height: auto;
	min-height: auto;
	position: inherit;
	right: 0;
	top: 0;
	width: 60%
}
/* contributions - main content - block ~ right header */
#contributionspage .activityTaskBlock {
	background-color: #0f2f55;
	border: 1px solid #707070;
	border-radius: 20px;
	color: #fff;
	display: table;
	font-weight: 600;
	padding: 5px 0;
	width: 100%
}

#contributionspage .activityTaskInner {
	display: table;
	width: 100%;
}

#contributionspage #activityTaskClassifications {
	display: table;
	width: 100%;
}
/* contributions - main content - block ~ right data */
#contributionspage .activityTaskBlock.data {
	background-color: #fff;
	color: #000;
	font-weight: 500;
	margin-top: 10px
}
/* contributions - main content - block ~ right cell */
#contributionspage .activityTaskBlockCell {
	display: table-cell;
	vertical-align: middle
}
/* contributions - main content - block ~ right cell - centre */
#contributionspage .activityTaskBlockCell.centre {
	width: 100%
}
/* contributions - main content - block ~ right cell - accuracy wrapper */
#contributionspage .accuracy {
	border-radius: 20px;
	height: 1em;
	width: 100%
}
/* contributions - main content - block ~ right cell - accuracy bar */
#contributionspage .accuracyBar {
	display: inline-block;
	height: 1em;
	margin-right: 0.3em
}
/* contributions - main content - block ~ right cell - accuracy bar */
#contributionspage .accuracyBar.accuracyHighlight {
	border-radius: 20px;
	width: 100%
}
/* contributions - main content - block ~ right cell left */
#contributionspage .activityTaskBlockCell.left {
	padding-left: 30px
}
/* contributions - main content - block ~ right cell left -Accuracy */
#contributionspage #activityTaskAccuracy .activityTaskBlockCell.left {
	min-width: 10em;
	max-width: 10em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
/* contributions - main content - block ~ right cell left icon */
#contributionspage .activityTaskBlockCell.left:before {
	margin-right: 10px
}
/* contributions - main content - block ~ right cell right */
#contributionspage .activityTaskBlockCell.right {
	display: table-cell;
	padding: 5px 30px 5px 30px;
	text-align: right;
	vertical-align: top;
	width: 3em
}
/* contributions - main content - block ~ right cell right -Accuracy */
#contributionspage #activityTaskAccuracy .activityTaskBlockCell.right {
	min-width: 2em;
	max-width: 2em;
	padding-left: 1em
}
/* contributions - main content - block ~ right hidden */
#contributionspage .hideTask {
	display: none
}
/* contributions - main content - block ~ right button (download) */
#contributionspage #downloadTasksBtn {
	float: left;
	margin-top: 1em
}
/* contributions - main content - block ~ right button (see more) */
#contributionspage #taskSeeMoreBtn, #contributionspage #accuracySeeMoreBtn {
	display: none;
	float: right;
	margin-top: 1em
}
/* contributions - main content - block ~ right pathway container */
#contributionspage .pathway-block-cell #activtyTaskPathways {
	margin-bottom: 0;
	text-align: left
}
/* contributions - main content - block ~ right pathway section */
#globalChallenge .activityPathway, #singleChallenge .activityPathway {
	padding: 0
}
#contributionspage #activtyTaskPathways .activityPathway {
	text-align: left
}
#activtyTaskPathways .pathwayTitle {
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: bottom;
}
#activtyTaskPathways .pathway-certificate {
	display: inline-block;
	margin-left: 0.5em;
}
#activtyTaskPathways .pathway-certificate:hover {
	color: #962d91;
}


#contributionspage .s4m-certificate-block {
	display:table-cell; 
	padding-left: 30px; 
}

#contributionspage .certificate, #pathwayComplete .certificate {
	border: none;    
    margin: 0.5em 1em 0.5em 0 !important;
    padding: 0;
    border-radius: revert;
    font-size: 0.8em;
	background-color: transparent;
    border-color: transparent;
	vertical-align: bottom;
	color: #000;
}

#contributionspage #activtyTaskPathways .certificate, #pathwayComplete .certificate {	
	margin: 0 1em 0 0 !important;
	color: #000;
}

#contributionspage .certificate:hover, #contributionspage #activtyTaskPathways .certificate:hover, #pathwayComplete .certificate:hover {
	color: #962d91;

}

#contributionspage .certificate img, #pathwayComplete .certificate img, #trainingcomplete .certificate img {
	margin-right: 4px;
    vertical-align: middle;
    margin-top: -4px;
    height: 17px !important;
    width: 17px !important;
}

/* contributions - main content - block ~ right pathway section - title */
#contributionspage #activtyTaskPathways .pathwayTitle, #globalChallenge .pathwayTitle, #singleChallenge .pathwayTitle {
	font-size: 1.1em;
	font-weight: 600;
	padding: 0;
	text-align: left
}
/* contributions - main content - block ~ right pathway section - challenge ranking */
#contributionspage .challengeranking {
	margin-top: 2em
}
/* contributions - main content - block ~ right pathway section - challenge text */
#contributionspage .challengeranking .challengerankingtext {
	display: inline-block;
	font-size: 1.3em;
	font-weight: 600
}
/* contributions - main content - block ~ right pathway section - challenge button */
#contributionspage .challengeranking #challengeSeeMoreBtn {
	display: none;
	float: right;
	margin-top: -5px
}
/* contributions - main content - block ~ right pathway section - chart outline */
#contributionspage #activtyTaskPathways .activityPathwayItem {
	background-color: #fff;
	margin: 0.5em 0 2em 0
}
/* contributions - main content - block ~ right pathway section - chart bubble box */
#contributionspage .bubblebox.active, #contributionspage .bubblebox {
	opacity: 1 !important;
	width: 109px !important
}
/* contributions - main content - block ~ right pathway section - chart bubble hover */
#contributionspage .bubble .bubbleicon:hover:before {
	cursor: default !important
}
/* contributions - main content - block ~ right pathway section - chart bubble line before */
#contributionspage .bubble:before {
	border-top: 4px solid #DFDFDF;
	content: '';
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 30px;
	width: 85px
}
/* contributions - main content - block ~ right pathway section - chart bubble line after */
#contributionspage .bubble:after {
	border-top: 4px solid #DFDFDF;
	content: '';
	display: block;
	float: right;
	margin-right: 60px;
	margin-top: -4px;
	width: 85px
}
/* contributions - main content - block ~ right pathway section - chart bubble line before */
#contributionspage .bubblebox:first-child .bubble:before {
	border-top: 4px solid #DFDFDF;
	content: '';
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 30px;
	width: 85px
}
/* contributions - main content - block ~ right pathway section - chart bubble line after */
#contributionspage .bubblebox:first-child .bubble:after {
	border-top: 0px solid #DFDFDF;
	content: '';
	display: block;
	float: right;
	margin-right: 60px;
	margin-top: -2px;
	width: 85px
}
/* contributions - main content - block ~ right pathway section - chart bubble line before */
#contributionspage .bubblebox:last-child .bubble:before {
	border-top: 4px solid #DFDFDF;
	content: '';
	display: block;
	float: right;
	margin-right: 60px;
	margin-top: 30px;
	width: 85px
}
.summaryPage.container {
	margin: auto;
	max-width: 1080px
}
.summaryPage .title {
	color: #0f2f55;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.66px;
	margin: 1em 0;
	text-align: center
}
.summaryPage .summaryTable .title {
	font-size: 18px;
	text-align: left
}
.summaryPage .summaryTable table {
	border-collapse: collapse;
	margin-bottom: 2em;
	width: 100%
}
.summaryPage .summaryTable table td, .summaryPage .summaryTable table th {
	border: 1px solid #CCC;
	padding: .5em;
	text-align: center;
	vertical-align: top
}
.summaryPage .summaryTable table td:first-child {
	text-align: left
}
.summaryPage .summaryTable table#taskTableLZ th:last-child, .summaryPage .summaryTable #taskTableContribution th:last-child {
	width: 25%
}
#contributionspage .accuracyText {
	background-color: #FFF;
	border-radius: 20px;
	font-size: 17px;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top: -3px;
	padding: 0.5em 1em
}
#contributionspage .challengeActivity {
	padding: 2em 0;
}
#contributionspage .globalChallengeActivityBox {
	text-align: center;
	margin-left: 2em;
	margin-right: 1em;
}
#contributionspage .singleChallengeActivityBox {
	text-align: center;
	margin-left: 0em;
	margin-right: 2em;
}
#contributionspage .globalChallengeActivity {
	margin-top: 2em !important;
}
#contributionspage .singleChallengeActivity {
	margin-top: 12px;
}
#contributionspage .challengeActivityText {
	padding: 5px 30px;
	text-align: center
}

.certificate-name {
	display:table-cell;
	font-size: 14px;
    word-break: break-all;
	padding-left: 30px;
    vertical-align: middle;
	padding-right: 1rem;
}

.certificate-inner {
	display:table;
	width: 100%;
}

.certificate-button {
	display: table-cell;
    width: 5rem;
    padding-right: 1rem;
}

#contributionspage .certificate-button button {
	margin-right: 0 !important;
}