/* ***************************************************************** */
/* Updated and checked: 28/01/2021
******************************************************************** */
[role="header"] .mobile-device {
	display: none
}
/* landingpage header - container ~ content */
[role="landingpage"] [role="header"], [id="faqhomepage"] [role="header"], [id^="download"] [role="header"], [id^="termspage"] [role="header"] {
	background-color: #FFF;
	margin: auto;
	overflow: hidden;
	padding: 0px;
	max-width: 1080px;
	min-height: 101px;
}
[id="faqhomepage"] [role="header"], [id^="download"] [role="header"], [id^="termspage"] [role="header"] {
	border-bottom: 1px solid #CCC !important;
}
[role="header"] {
	min-height: 101px;
}
[role="header"] #crowdheader, [role="header"] .crowdheader, [role="header"] .crowheaderinner, [role="header"] .headerinner {
	min-height: inherit;
	max-height: inherit;
}
[role="header"] .headerinner {
	padding: 0 40px !important;
}
[role="header"] .header-inner {
	min-height: inherit;
	height: 101px;
	padding: 0;
}
[role="header"] .header-inner .header-left {
	min-height: inherit;
	padding: 22px 0 0 0 !important;
	vertical-align: middle;
	width: 15em;
}
[role="header"] .header-left .defaultheader-section {
	width: 22em;
	overflow: hidden;
}
[role="landingpage"] [role="header"] .header-inner .header-right, [id="faqhomepage"] [role="header"] .header-inner .header-right, [id="maintenancepage"] [role="header"] .header-inner .header-right, [id^="pathwayinfo"] [role="header"] .header-inner .header-right {
	padding: 0;
}
[id="realhomepage"] [role="header"] button, [id="faqhomepage"] [role="header"] button, [id="maintenancepage"] [role="header"] button, [id^="pathwayinfo"] [role="header"] button {
	padding: .5em 1em;
}
[role="header"] .header-inner .header-right {
	padding: 22px 0;
	text-align: right;
	width: 15em
}
[role="header"] .header-inner .header-right {
	width: 15em;
	vertical-align: middle !important;
	padding: 0 !important;
}
[id^="pathway"] [role="header"] .header-inner .header-right {
	width: 14em;
}
[id^="pathway"] [role="header"] #logincrowdheader .header-inner .header-right {
	width: 15em;
}
#logincrowdheader .header-inner .header-right {
	padding: 0 !important
}
#dashboardpage [role="header"] .header-inner .header-right {
	padding: 20px 0 0 0;
	width: 14em;
}
[role="header"] .header-wrapper {
	min-height: inherit;
	padding: 0;
}
[role="header"] .headerRecordContentLeft, [role="header"] .headerRecordContentRight {
	display: block;
}
[role="header"] .headerRecordContentRight .recordheadertext {
	height: 34px;
	margin-top: 0;
	padding: 5px 0;
	line-height: 26px;
}
[role="header"] .defaultheader-section {
	padding: 0 1em 0 0;
}
[id="trainingpage"] [role="header"] .dashboardtaskname {
	padding: 5px 0;
}
#trainingpage [role="header"] .defaultheader-section {
	padding: 0;
}
#bannermessage {
	line-height: 1;
}
#progressContent {
	margin-top: 0 !important;
	height: 30px;
}
.ui-page-training #banner-table {
	display: none;
}
#banner-table {
	border-collapse: collapse;
	width: 100%;
	min-height: 6em;
}
#banner-table td {
	border-style: none !important;
}
#banner-table .bannermessage {
	height: 20px;
	padding-bottom: 10px
}
#recordpage.ui-page-training #banner-table .hidefortraining {
	display: none !important;
}
[role="header"] .twitter-content {
	display: table-cell;
	width: 6em;
	position: relative;
	box-sizing: border-box;
	background-color: #1b95e0;
	color: #fff;
	font-weight: 500;
	cursor: pointer;
	border-radius: 4px;
	padding: 0 10px;
	vertical-align: middle;
	height: 28px;
}
[role="header"] .twitter-content a {
	color: #FFF;
	font-weight: 500;
	font-size: 14px;
	float: right;
}
[role="header"] .twitter-content img {
	width: 16px;
	height: 16px;
	margin-top: 1px;
	vertical-align: top;
	margin-right: 3px;
}
[role="header"] .youtube-content {
	border: 1px solid #cacaca;
	border-radius: 4px;
	display: table-cell;
	width: 5.5em;
	height: 26px;
	background-color: #eeeeee;
	text-align: left
}
[role="header"] .youtube-content:hover {
	background-color: #e5e5e5;
}
[role="header"] .youtube {
	border: none;
	margin-left: 0;
	margin-right: .4em;
}
[role="header"] .youtube-content img {
	width: 20px;
	height: 20px;
	margin-right: 3px;
	display: inline-block;
	margin-top: 0;
	margin-left: 5px;
}
[role="header"] .youtube-content a div {
	color: #444444;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin-top: 4px;
}
[role="header"] .button-spacer {
	display: table-cell;
	width: 5px;
}
/* header - container ~ content - border bottom */
[role="header"] #crowdheader .crowheaderinner {
	border-bottom: 1px solid #CCC !important;
}
[id^="pathway"] [role="header"] #crowdheader .crowheaderinner, #crowdheader .crowheaderinner {
	border-bottom: 0px solid #CCC !important;
}
/* header - container ~ content - border bottom */
#dashboardpage [role="header"] #crowdheader .crowheaderinner {
	border-bottom: none !important;
}
/* header - container ~ content */
[role="header"] #crowdheader .crowheaderinner .headerinner, [role="header"] .crowdheader .crowheaderinner .headerinner {
	background: #FFFFFF;
	padding: 20px 40px;
	max-width: 1000px;
}
[role="header"] .header-title {
	font-size: 22px;
	padding: 30px 0 0 0;
}
[role="header"] .meta-logo {
	background: url(../images/cochrane-logo.png);
	background-repeat: no-repeat;
	background-size: 57px 57px;
	background-color: transparent;
	background-attachment: scroll;
	display: block;
	font-size: 28px;
	font-weight: bold;
	height: 57px;
	line-height: 28px;
	padding-left: 65px;
	overflow: hidden;
	text-align: left;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
[role="header"] .meta-nav {
	position: relative;
	font-size: 18px;
}
[role="header"] .meta-logo div {
	color: #962d91;
	text-align: left
}
[role="header"] .header-recordpage-content {
	display: table;
	margin-left: 0px;
}
[role="header"] .header-recordpage-content-cell {
	display: table-cell;
	margin: auto;
	padding: .3em;
}
[role="header"] .landing-dashboard {
	display: none
}
#realhomepage [role="header"] .landing-dashboard {
	float: left;
	margin-top: 5px;
	margin-right: 0;
	display: block
}
#dashboardpage [role="header"] .landing-dashboard {
	display: block;
	margin-top: 5px;
}
[id^="pathway"] [role="header"] .landing-dashboard {
	display: block;
	padding-top: 5px
}
[role="header"] #logincrowdheader .landing-dashboard {
	float: left;
}
[role="header"] .header-inner .header-right #useravatar .myfirstname {
	min-width: 44px;
}
[role="header"] .landing-dashboard img {
	margin-right: 10px;
}
[role="header"] .gotoTasks {
	width: 26px;
	height: 26px;
}
#realhomepage [role="header"] .header-inner .header-right {
	width: 15em;
}
#realhomepage [role="header"] .media-link, [id^="pathway"] [role="header"] .media-link {
	overflow: hidden;
	float: right;
}
.header-recordpage-content-title {
	font-size: .9em;
	text-align: left;
}
[role="header"] .header-recordpage-content-count {
	font-size: 1.6em;
	font-weight: 600;
	text-align: left;
}
#taskspage [role="header"] #dashboard-filter {
	padding: .7em 0 0 .4em;
	display: inline-block;
	font-size: .9em;
	cursor: pointer;
	vertical-align: top
}
#taskspage [role="header"] #dashboard-filter:before {
	color: #999
}
#taskspage [role="header"] #dashboard-filter:hover::before {
	color: #962d91 !important;
}
#taskspage [role="header"] #dashboard-filter.selected:before {
	color: #002D64 !important;
}
#pathwayFilter, #dashboard-filter {
	display: none;
}
#taskspage [role="header"] #pathwayFilter, #taskspage [role="header"] #dashboard-filter.showFilter {
	display: inline-block !important;
}
#taskspage .ui-input-search {
	padding: 0 .4em;
	width: 13em;
	margin-top: 0.4em;
	height: 2.2em;
	border-radius: 2em !important;
	border: 1px solid #ccc;
	display: inline-block
}
#taskspage .ui-input-search input {
	min-height: 2em;
	padding: 0 .2em 0 1.5em;
	width: 11.5em;
}
#taskspage .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear {
	margin-right: 0
}
[id="recordpage"] [role="header"] .dashboardtaskname, [id="trainingpage"] [role="header"] .dashboardtaskname {
	display: block;
}
[role="header"] .optionsmenu li div img {
	height: 22px !important;
	width: 22px !important;
}
#optionsmenu {
	margin-top: 0;
}
#optionsmenu:before {
	display: block;
	border-style: solid;
	right: 22px;
	top: 26px;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 1em solid black;
	border-color: transparent transparent #fff #fff;
	transform-origin: 0 0;
	transform: rotate(135deg);
	box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
	z-index: -1;
}
.optionsmenu li div span {
	margin-right: 10px;
	vertical-align: middle;
	font-size: 22px;
	padding-left: 38px;
}
#targetprogressdiv, #badgeprogressdiv {
	background-color: #999;
	border: 0px solid #BABABA;
	margin-top: 3px;
	max-height: 18px;
	min-height: 18px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.progressbar {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.header-cell.landingpageDashboard {
	display: none;
}
[role="header"] #mobile-menu {
	background-color: #fff;
	border: 1px solid #ccc;
	border-right: none;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding: 5px 10px;
	position: absolute;
	right: 0;
	top: 60px;
	z-index: 2
}
[role="header"] #mobile-menu button {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	display: block;
}
[id="recordpage"] [role="header"] .header-inner .header-left, [id="trainingpage"] [role="header"] .header-inner .header-left {
	vertical-align: top !important;
	padding: 22px 0 0 0 !important;
}
.progressbartext .progressbar {
	background-color: #696969;
	border-color: #696969;
	display: inline-block;
	height: 100%;
}
@media only screen and (min-width: 315px) and (max-width: 1082px) {
	[id^="faq"] .content-wrapper {
		padding: 0 20px !important;
		margin: 0px;
	}
	#faqpage .content-wrapper {
		padding: 0 40px !important;
	}
	[id^="faq"] .ui-collapsible-inset, [id^="faq"] .ui-collapsible-set {
		margin: .5em 0em 0 0em;
	}
	[id^="faq"] .faq-title {
		padding: 0;
	}
	[role="header"] .header-title {
		display: block !important
	}
	[role="header"] .header-title {
		padding: 20px 0 0 20px;
	}
	#recordpage [role="footer"] {
		display: none !important
	}
	[id="recordpage"] #recordcontent {
		min-height: 435px !important;
		padding: 0 !important;
		max-width: 100% !important;
	}
	[id="recordpage"] #recordbody {
		margin: 0 40px !important;
		width: auto !important;
		max-width: 100%;
	}
	[id="recordpage"] [role="header"] .header-inner .header-left {
		text-align: left;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1082px) and (orientation: portrait) {
	[role="header"] .header-title {
		padding: 20px 0 0 20px;
	}
}
@media only screen and (max-width: 1082px) and (min-width: 315px) {
	#useravatar .user {
		padding-right: 12px !important;
	}
	[role="header"] .header-inner .header-right .header-avatar {
		padding-right: 0;
		width: auto !important;
	}
	[role="header"] .header-inner .header-right {
		white-space: nowrap;
		width: 15em !important
	}
	[role="header"] #crowdheader .headerinner, #realhomepage [role="header"] .headerinner {
		padding: 0 20px !important;
	}
	#realhomepage [role="header"] .header-inner .header-right {
		width: 15em !important;
	}
}
@media only screen and (min-device-width : 769px) and (max-device-width : 1024px) {
	[role="landingpage"] [role="header"] .header-inner .header-right {
		white-space: nowrap
	}
	[id^="tasterpage"] [role="header"] .header-inner .header-left {
		padding-left: 20px;
	}
	[id^="tasterpage"] [role="header"] .header-inner .header-right {
		padding-right: 20px;
	}
	[role="header"] #crowdheader .headerinner {
		padding: 0 40px !important;
	}
	[role="header"] .header-inner .header-right {
		width: 12em !important;
		vertical-align: middle;
	}
	#dashboardpage [role="header"] .header-inner .header-right, [id^="pathway"] [role="header"] .header-inner .header-right {
		width: 10em !important;
	}
	[role="header"] #logincrowdheader .header-inner .header-right {
		width: 15em !important;
	}
	#dashboardpage [role="footer"] {
		margin: auto;
		max-width: 1024px;
	}
	[role="footer"] .wrapper {
		max-width: 1024px;
		width: 100%;
		padding: 0 20px;
	}
	#dashboardpage [role="footer"] .footer {
		padding-left: 40px !important;
	}
	#dashboardpage [role="footer"] .footnote {
		background-color: #fff;
		width: 1024px;
	}
	#dashboardpage [role="footer"] .copyright {
		padding-left: 40px;
	}
	#dashboardpage [role="footer"] .disclaimer {
		padding-right: 60px !important;
	}
	#taskspage [role="header"] .header-inner .header-right {
		width: 12em !important;
	}
	[role="footer"] .disclaimer {
		padding-right: 40px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	[id^="tasterpage"] [role="header"] .header-inner .header-left {
		padding-left: 8px;
	}
	#dashboardpage [role="header"] .header-inner .header-right {
		padding-right: 0px;
	}
	#dashboardpage [role="footer"] {
		margin: auto;
		max-width: 768px;
	}
	[role="footer"] .wrapper {
		max-width: 768px;
		padding: 0 20px;
		width: 100%;
	}
	#dashboardpage [role="footer"] .footer {
		padding-left: 40px !important;
	}
	#dashboardpage [role="footer"] .footnote {
		width: 768px !important;
	}
	#dashboardpage [role="footer"] .copyright {
		padding-left: 10px;
	}
	#dashboardpage [role="footer"] .disclaimer {
		padding-right: 10px !important;
	}
}
@media only screen and (max-width: 1082px) and (min-width: 315px) {
	[id="recordpage"] p.dashboardtaskname, [id="trainingpage"] p.dashboardtaskname, [id="historypage"] p.dashboardtaskname, [id="taskprefpage"] p.dashboardtaskname, [id^="faq"] p.dashboardtaskname, [id="quickrefpage"] p.dashboardtaskname {
		display: none !important;
	}
}
@media only screen and (max-device-width: 736px) and (min-device-width: 320px) and (orientation: portrait) {
	[id="recordpage"] p.dashboardtaskname, [id="trainingpage"] p.dashboardtaskname, [id="historypage"] p.dashboardtaskname, [id="historydetailpage"] p.dashboardtaskname, [id="taskprefpage"] p.dashboardtaskname, [id^="faq"] p.dashboardtaskname, [id="quickrefpage"] p.dashboardtaskname {
		display: block !important;
		margin-top: 16px;
		text-align: left;
		opacity: .8;
		letter-spacing: -0.3px;
		line-height: 26px;
		font-size: 22px;
	}
}
@media only screen and (min-width: 368px) and (max-width: 1024px) and (orientation: portrait) {
	[id="recordpage"] #recordcontent {
		min-height: 769px !important;
		width: 100% !important;
		padding-bottom: 100px !important;
	}
	[id="recordpage"] #recordcontent #recordbody {
		min-height: 100%;
		margin: 0 20px !important;
	}
	[id="recordpage"] #recordresponse {
		margin-top: 1em !important;
	}
	[id="recordpage"] .recordbuttons {
		/*margin-bottom: 120px !important;*/
		margin-top: 15px;
		max-width: 660px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0 !important
	}
	[id="recordpage"] #responsecontentinner {
		margin-top: 0;
		max-width: 660px;
		margin: auto;
	}
	[id="recordpage"] .recorddisagree, [id="recordpage"] .recordagree {
		padding-top: 10px;
		max-width: 660px;
		margin: auto;
	}
	[id="recordpage"] .recordcommentary {
		margin: 10px auto 25px auto !important;
		max-width: 660px;
	}
}
@media only screen and (min-width: 368px) and (max-width: 1082px) and (orientation: landscape) {
	.ui-page-training img.images_modules {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.ui-page-training #recordcontent #recordbody {
    	float: none!important;
	}
	[id="recordpage"] #recordcontent {
		min-height: 769px !important;
		width: 100% !important;
		padding-bottom: 100px !important;
	}
	[id="recordpage"] #recordcontent #recordbody {
		min-height: 100%;
	}	
	[id="recordpage"] #recordbody .recordbody {
    	max-width: 100%;
	}
	[id="recordpage"] #recordresponse {
		margin-top: 1em !important;
	}
	[id="recordpage"] .recordbuttons {
		/*margin-bottom: 120px !important;*/
		margin-top: 15px;
		max-width: 660px;
		margin-left: auto;
		margin-right: auto;
	}
	[id="recordpage"] #responsecontentinner {
		margin-top: 0;
		max-width: 660px;
		margin: auto;
	}
	[id="recordpage"] #responsecontentinner {
		/*margin-top: 20px*/
	}
	[id="recordpage"] .recorddisagree, [id="recordpage"] .recordagree {
		padding-top: 10px;
		max-width: 660px;
		margin: auto;
	}
}