/* ***************************************************************** */
/* Updated and checked: 10/07/2020
******************************************************************** */
/* ***************************************************************** */
/* Print: 
******************************************************************** */
@media print {
	html, body {
		background-color: #FFFFFF !important;
	}
	* {
		float: none !important;
		overflow: visible !important;
		opacity: 1 !important;
	}
	[data-role="page"], [data-role="panel"], [role="header"], [role="footer"], button, .ui-loader, .crowdHeaderScreening {
		display: none !important;
		height: 0 !important;
		min-height: 0 !important;
		overflow: visible !important;
	}
	[data-role="page"].ui-page-active {
		display: block !important;
		position: inherit !important;
	}
	[id^="quickrefpage"] [data-role="main"] {
		background-color: #FFFFFF !important;
		opacity: 1 !important;
	}
	.print-break {
		page-break-before: always;
	}
	#displayUserConsent, button.back-to-dashboard, button.pathway-instructions {
		display: none !important;
	}
	.modaloutline, #displayloadimage {
		display: none !important
	}
	.ui-page {
		background-color: #fff !important
	}
	#researchpage a.ui-link {
		display: block !important;
	}
	.print-hidden {
		display: none !important
	}
}
@media only screen and (min-width: 738px) and (max-width: 1325px) {
	.ui-popup-arrow-container.ui-popup-arrow-t {
		top: -8px;
		clip: rect(-1000px, 2000px, 8px, -1000px);
		margin-left: -1em;
	}
}

@media only screen and (max-width: 1000px) {
	.dashboarditembutton[data-pageid="viewcertificate"], .dashboarditembutton[data-pageid="downloadcertificate"] {
		float: none;
	}
	.dashboarditembutton[data-pageid="downloadcertificate"] {
		order:1;
	}
	
	.dashboarditembuttons {
		display: -webkit-box !important;      /* OLD - iOS 6-, Safari 3.1-6 */
	  	display: -moz-box !important;         /* OLD - Firefox 19- (buggy but mostly works) */
	  	display: -ms-flexbox !important;      /* TWEENER - IE 10 */
	  	display: -webkit-flex !important;     /* NEW - Chrome */
	  	display: flex !important;             /* NEW, Spec - Opera 12.1, Firefox 20+ */				
		
		-webkit-flex-flow: row wrap;
  		flex-flow: row wrap;
	}
}

/* ***************************************************************** */
/* Media: iphone 6/7/8
******************************************************************** */
@media only screen and (min-width : 315px) and (max-width : 737px) {
	/* ***************************************************************** */
	/* [All pages] Header
	******************************************************************** */
	[role="header"] .mobile-device img {
		width: 58px;
		height: 100%;
	}
	#quickrefpage [role="header"] .mobile-device img, #faqpage [role="header"] .mobile-device img {
		width: 120px;
		height: auto;
	}
	[role="header"] {
		margin: 0 auto 0 0 !important;
	}
	[id="dashboardpage"] #singleChallenge, [id="dashboardpage"] #globalChallenge {
		margin-right: 0;
	}
	[id="dashboardpage"] .pathway-block-cell-wrap {
		padding: 0 !important
	}
	/* ***************************************************************** */
	/* [All pages] Header: buttons
	******************************************************************** */
	[role="header"] button[type="button"] {
		border-width: 1px;
		cursor: pointer;
		font-size: .9em;
		font-weight: 400;
		line-height: 20px;
		padding: .3em .5em;
		-webkit-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in
	}
	/* ***************************************************************** */
	/* [All pages] Header: logo
	******************************************************************** */
	#recordpage [role="header"] .meta-logo .media, #faqpage [role="header"] .meta-logo .media, #quickrefpage [role="header"] .meta-logo .media, #taskprefpage [role="header"] .meta-logo .media, #historypage [role="header"] .meta-logo .media, #historydetailpage [role="header"] .meta-logo .media {
		display: block
	}
	#historypage .historypagenav span.flaticon:before {
		display: none
	}
	/* ***************************************************************** */
	/* [All pages] Footer: wrapper 
	******************************************************************** */
	[role="footer"] .wrapper {
		padding: 0 20px !important;
	}
	/* ***************************************************************** */
	/* [All pages] Footer: metaxis - hide 
	******************************************************************** */
	[role="footer"] .metaxis {
		display: none;
	} /* ***************************************************************** */
	/* [All pages] Footer: disclaimer 
	******************************************************************** */
	[role="footer"] .disclaimer {
		padding-right: 40px
	}
	/* ***************************************************************** */
	/* [All pages] Popup: Arrow positioning
	******************************************************************** */
	.ui-popup-arrow-container.ui-popup-arrow-t {
		clip: rect(-1000px, 2000px, 8px, -1000px);
		margin-left: 0;
		top: -8px
	}
	/* ***************************************************************** */
	/* [Landingpage] Header: statement and twitter icon - hide
	******************************************************************** */
	[role="landingpage"] [role="header"] .header_name-and-statement, [id="maintenancepage"] [role="header"] .header_name-and-statement {
		display: none;
	}
	/* ***************************************************************** */
	/* [Landingpage] Header: section right buttons
	******************************************************************** */
	[role="landingpage"] [role="header"] .header-inner .header-right button, [id="maintenancepage"] [role="header"] .header-inner .header-right button {
		font-size: .9em;
		margin-bottom: 5px !important;
		margin-top: 5px !important;
	}
	#dashboardpage .dashboardpageshow {
		display: none !important;
	}
	/* ***************************************************************** */
	/* [Landingpage] Main: section welcome
	******************************************************************** */
	[role="landingpage"] #welcome-banner {
		padding-top: 1em
	}
	/* ***************************************************************** */
	/* [Landingpage] Main: section welcome intro
	******************************************************************** */
	[role="landingpage"] #welcome .welcome-intro {
		padding: 0 1em
	}
	/* ***************************************************************** */
	/* [Landingpage] Main: h2
	******************************************************************** */
	[role="landingpage"] #welcome h2, [id="maintenancepage"] h2 {
		font-size: 2.2em
	}
	/* ***************************************************************** */
	/*[Landingpage] Main: h3
	******************************************************************** */
	[role="landingpage"] #welcome h3 {
		font-size: 1.6em !important;
		padding-bottom: 0
	}
	/* ***************************************************************** */
	/* [Landingpage] Main: paragraph
	******************************************************************** */
	[role="landingpage"] #welcome p {
		padding: 0
	}
	/* ***************************************************************** */
	/* [Landingpage] Main: statistics
	******************************************************************** */
	[role="landingpage"] #welcome .home-stats {
		margin-top: 1.5em;
		min-height: 4em;
		padding: 1em 0 0 0
	}
	/* ***************************************************************** */
	/* [Landingpage] Main: statistics (numbers)
	******************************************************************** */
	[role="landingpage"] .home-stats .count {
		font-size: 2em
	}
	/* ***************************************************************** */
	/* [Landingpage] Main: section container
	******************************************************************** */
	[role="landingpage"] #welcome .welcome-text-content {
		padding-bottom: 2em;
		padding-top: 2em
	}
	/* ***************************************************************** */
	/* [Landingpage] Main: section content
	******************************************************************** */
	[role="landingpage"] #welcome .welcome-text {
		margin: 0 2em
	}
	/* ***************************************************************** */
	/* [Landingpage] Footer: metaxis content - hide
	******************************************************************** */
	[role="landingpage"] [role="footer"] .metaxis {
		display: none
	}
	/* ***************************************************************** */
	/* [Landingpage] Footer: sections
	******************************************************************** */
	[role="landingpage"] [role="footer"] .meta-nav, [role="landingpage"] [role="footer"] .copyright, [role="landingpage"] [role="footer"] .disclaimer {
		padding-left: 20px !important;
		padding-right: 20px !important
	}
	/* ***************************************************************** */
	/* [taskspage] Main: read more - hide
	******************************************************************** */
	#taskspage .readmore {
		display: none
	}
	/* ***************************************************************** */
	/* [taskspage] Key concepts: badges container
	******************************************************************** */
	#taskspage .dashboarditembadges {
		text-align: center
	}
	/* ***************************************************************** */
	/* [taskspage] Key concepts: badges box
	******************************************************************** */
	#taskspage .learning_zone_item {
		min-width: 95px;
		padding-bottom: .5em
	}
	/* ***************************************************************** */
	/* [taskspage] Key concepts: badges text
	******************************************************************** */
	#taskspage .learning_zone_item_caption {
		min-width: 95px;
		min-height: 22px;
		max-width: 95px;
		padding-left: 0;
		padding-right: 0
	}
	/* ***************************************************************** */
	/* [taskspage] task buttons container
	******************************************************************** */
	#taskspage .dashboarditembuttons {
		margin-top: -10px
	}
	/* ***************************************************************** */
	/* [taskspage] task buttons:first
	******************************************************************** */
	#taskspage .dashboarditembuttons button:first-child {
		margin-bottom: 20px
	}
	/* ***************************************************************** */
	/* [taskspage] task buttons:last
	******************************************************************** */
	#taskspage .dashboarditembuttons button:last-child {
		margin-bottom: 0px
	}
	/* ***************************************************************** */
	/* [taskspage] task buttons
	******************************************************************** */
	#taskspage [data-pageid="historypage"], #taskspage [data-pageid="historypage"]:hover, #taskspage [data-pageid="faqpage"], #taskspage [data-pageid="faqpage"]:hover, #taskspage [data-pageid="taskprefpage"], #taskspage [data-pageid="taskprefpage"]:hover, #taskspage [data-pageid="quickrefpage"], #taskspage [data-pageid="quickrefpage"]:hover, #taskspage [data-pageid="viewcertificate"], #taskspage [data-pageid="viewcertificate"]:hover, #taskspage [data-pageid="downloadcertificate"], #taskspage [data-pageid="downloadcertificate"]:hover {
		margin-bottom: 0 !important;
		margin-top: 0 !important
	}			
	
	/* ***************************************************************** */
	/* [dashboardpage] twitter 
	******************************************************************** */
	#dashboardpage .twitter-timeline {
		min-height: 500px !important
	}
	/* ***************************************************************** */
	/* [Contributionspage] Main: container 
	******************************************************************** */
	#contributionspage [data-role="main"] {
		padding: 0 20px
	}
	/* ***************************************************************** */
	/* [Tasterpage(s)] Main: text 
	******************************************************************** */
	[id^="tasterpage"] .trainingtext {
		padding: .5em 1em !important;
		margin-bottom: 5em !important;
	}
	#tasterpage5 .trainingtext, #tasterpage6 .trainingtext {
		margin-bottom: 10em !important;
	}
	/* ***************************************************************** */
	/* [Tasterpage(s)] Main: abstract 
	******************************************************************** */
	[id^="tasterpage"] .trainingabstract {
		width: 100% !important;
	}
	.trainingabstractcontrols, #tasterpage4 .trainingabstractcontrols, #tasterpage5 .trainingabstractmessage, #tasterpage6 .trainingabstractmessage, .trainingabstractanswers {
		background-color: #962d91 !important;
		display: block !important;
		height: 50px !important;
		padding-top: 0;
		position: fixed !important;
		z-index: 10001;
		bottom: 0px !important;
		top: inherit !important;
		max-width: 100% !important;
		margin: 0;
		width: 100% !important;
		margin-left: -40px !important;
		border-top: 1px solid #cccccc;
		margin-right: 1em !important;
		border-radius: 0 !important;
		border-bottom: 0px solid #cccccc;
		padding: 0 0 1.1em 0 !important;
	}
	#tasterpage5 .trainingabstractcontrols, #tasterpage6 .trainingabstractcontrols {
		background-color: #FFF !important;
		bottom: 69px !important;
	}
	[id^="tasterpage"] .trainingabstractanswers, [id^="tasterpage"] .agree, [id^="tasterpage"] .disagree {
		background-color: #FFF !important;
		bottom: 69px !important;
		overflow: hidden;
		z-index: 10013;
		height: auto !important;
		margin-left: 20px;
		margin-right: 20px;
		margin-right: 10px;
	}
	[id^="tasterpage"] .trainingabstractanswers button {
		margin-left: 1em !important;
		margin-bottom: 0 !important;
		margin-right: 0 !important;
		margin-top: 1em !important;
		padding: 0.723em .5em !important;
	}
	[id^="tasterpage"] .trainingabstractanswers button:last-child {
		margin-left: .5em !important;
	}
	#tasterpage5 .trainingabstractmessage, #tasterpage6 .trainingabstractmessage {
		bottom: 0 !important;
		right: -1em !important
	}
	#tasterpage5 .trainingabstractmessage button, #tasterpage6 .trainingabstractmessage button {
		margin-right: 10px !important;
	}
	#tasterpage5 .trainingabstractmessage .flaticon-arrow-up, #tasterpage6 .trainingabstractmessage .flaticon-arrow-up {
		top: -0.7em !important;
		margin-left: -95px !important;
	}
	[id^="tasterpage"] .trainingabstracttext {
		padding: 0 .5em !important;
	}
	.trainingabstractcontrols .controlbar, .trainingabstractmessage .controlbar {
		text-align: right !important
	}
	.trainingabstractcontrols .controlbar button {
		margin-right: 10px !important;
		min-width: 5em !important;
	}
	[id^="tasterpage"] .trainingabstractcontrols .media, [id^="tasterpage"] .trainingabstractmessage .media, [id^="tasterpage"] [role="footer"] {
		display: none !important
	}
	[id^="tasterpage"] .trainingabstractcontrols button, [id^="tasterpage"] .trainingabstractmessage button {
		min-width: auto !important;
	}
	#tasterpage8 .trainingtext, #tasterpage9 .trainingtext, #tasterpage10 .trainingtext, #tasterpage11 .trainingtext, #tasterpage12 .trainingtext {
		margin-bottom: 22em !important;
	}
}
/* ***************************************************************** */
/* Media: custom
******************************************************************** */
@media only screen and (max-width: 1000px) and (min-width: 315px) {
	#taskspage .chart-wrapper {
		display: none !important
	}
	#optionsmenu:before {
		right: -20px !important;
	}
}