/* ***************************************************************** */
/* Product: Global
/* Updated: 23/08/2019
******************************************************************** */
/* recordpage - container */
[id="recordpage"] {
	background-color: #EFEFEF
}
/* recordpage - content */
[id="recordpage"] #recordcontent {
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	max-width: 1054px;
	padding: 0 40px;
	position: relative;
	margin: 0 auto
}
/* recordpage - content - inner */
[id="recordpage"] #recordcontentdiv {
	margin: auto;
	min-height: inherit;
	overflow: hidden
}
[id="recordpage"] .dashboardtaskname, [id="trainingpage"] .dashboardtaskname {
	display: none;
}
/* recordpage - content ~ left */
[id="recordpage"] #recordbody {
	border-right: 1px solid #ccc;
	line-height: 1.6em;
	margin-bottom: 40px;
	margin-top: 40px;
	min-height: inherit;
	position: relative;
	text-align: justify;
	/* GD 20200308m this does not work in IE 
	width: 660px;
	*/
	width: 660px;
	max-width: 660px;
}
/* recordpage - content ~ left - title */
[id="recordpage"] #recordbody .recordTitle {
	font-size: 16px;
	font-weight: 700;
	max-width: 660px;
	padding: 0 0 .5em 0;
	text-align: left;
}
/* recordpage - content ~ left - text */
[id="recordpage"] #recordbody .recordbody {
	max-width: 660px;
	opacity: .8;
}
/* recordpage - content ~ right */
[id="recordpage"] #recordresponse {
	float: left;
	margin-bottom: 39px;
	margin-top: 39px;
	padding-left: 2em;
	position: relative;
	width: 15em;
}
/* recordpage - content ~ right - navigation */
[id="recordpage"] #responsebuttons, [id="recordpage"] .itemresponseswizard {
	display: table;
	height: 1.7em;
	padding-top: 0;
	position: relative;
	width: 100%;
}
/*recordpage toolbar float left (right)*/
[id="recordpage"] .responsebuttonsLeft {
	float: left;
}
/*recordpage toolbar float right (right)*/
[id="recordpage"] .responsebuttonsRight {
	float: right;
}
/* recordpage - content ~ right - navigation content */
[id="recordpage"] #responsebuttons .responsebuttonsNav {
	border-bottom: 1px solid #ababab;
	display: table;
	table-layout: fixed;
	padding-bottom: 15px;
	width: 100%;	
}
/* recordpage - content ~ right - navigation button icon */
[id="recordpage"] #responsebuttons [class*=" flaticon-"] {
	color: #f8ccd6;
	cursor: default;
	border: 2px solid #f8ccd6;
	border-radius: 3em;
	display: table-cell;
	font-size: 1.8em;
	height: 26px;
	padding: 0;
	top: -2px;
	width: 26px;
}
[id="recordpage"] #responsebuttons [class*=" flaticon-"]:before {
	cursor: default;
}
/*recordpage toolbar flaticon (right) cog hover*/
[id="recordpage"] #responsebuttons .responsebuttonsLeft:hover {
	opacity: .8;
}
[id="recordpage"] #responsebuttons [class*=" flaticon-"].disable, [id="recordpage"] #responsebuttons [class*=" flaticon-"].disable:before {
	cursor: default;
}
/* recordpage - content ~ right - navigation button hasnext */
[id="recordpage"] #responsebuttons .hasnext {
	border: 2px solid #dd0031;
	color: #dd0031 !important;
	cursor: pointer
}
[id="recordpage"] #responsebuttons .hasnext:before {
	cursor: pointer
}
/* recordpage - content ~ right - navigation button previous */
[id="recordpage"] #responsebuttons #taskPrevButton[class*=" flaticon-"]:before {
	font-size: .4em;
	top: 7px;
	position: absolute;
	left: 6px;
}
/* recordpage - content ~ right - navigation button next */
[id="recordpage"] #responsebuttons #taskNextButton[class*=" flaticon-"]:before {
	font-size: .4em;
	top: 7px;
	position: absolute;
	right: 7px;
}
/* recordpage - content ~ right - navigation button - previous */
[id="recordpage"] #responsebuttons #taskPrevButton {
	float: none;
	height: auto !important;
	padding: .5em 1em !important;
	position: relative;
	width: 6em !important;
}
/* recordpage - content ~ right - navigation button - next */
[id="recordpage"] #responsebuttons #taskNextButton {
	float: right !important;
	position: relative;
	padding: .5em 1em;
	width: 6em;
	margin-right: 0;
	height: auto !important;
}
/* recordpage - content ~ right - navigation button - active */
[id="recordpage"] #responsebuttons #taskNextButton.active, [id="recordpage"] #responsebuttons #taskPrevButton.active {
	color: #dd0031 !important;
	cursor: pointer;
	border: 2px solid #dd0031;
	border-radius: 3em;
}
[id="recordpage"] #responsebuttons #taskNextButton.active:before, [id="recordpage"] #responsebuttons #taskPrevButton.active:before {
	cursor: pointer;
}
/* recordpage - content ~ right - navigation button - hover */
[id="recordpage"] #responsebuttons #taskNextButton:hover:before, [id="recordpage"] #responsebuttons #taskPrevButton:hover:before {
	color: #f8ccd6
}
/* recordpage - content ~ right - navigation button - disable */
[id="recordpage"] #responsebuttons #taskNextButton.disable, [id="recordpage"] #responsebuttons #taskPrevButton.disable, [id="recordpage"] #responsebuttons #taskNextButton.disable:hover, [id="recordpage"] #responsebuttons #taskPrevButton.disable:hover {
	background-color: #fff;
	color: #f8ccd6 !important;
	border: 2px solid #f8ccd6;
	top: 0;
}
/* recordpage - content ~ right - navigation button - hover */
[id="recordpage"] #responsebuttons #taskNextButton.active:hover:before, [id="recordpage"] #responsebuttons #taskPrevButton.active:hover:before, [id="recordpage"] #responsebuttons #taskNextButton.hasnext:hover:before, [id="recordpage"] #responsebuttons #taskPrevButton.hasnext:hover:before, [id="recordpage"] #responsebuttons #taskNextButton.hasprevious:hover:before, [id="recordpage"] #responsebuttons #taskPrevButton.hasprevious:hover:before {
	color: #dd0031 !important
}
/* recordpage - content ~ right - navigation count */
[id="recordpage"] #taskCount {
	display: table-cell !important;
	padding-top: .2em;
	text-align: center;
	vertical-align: middle
}
/* recordpage - content ~ right - question */
[id="recordpage"] #responsecontent .recordquestion {
	background-color: #e8f0fe !important;
	border: 2px solid #ced4da !important;
	border-radius: .325em;
	color: #3a3c42 !important;
	font-weight: 300 !important;
	margin: 20px 0 0 0;
	padding: .7em;
}
/*recordpage response button (right)*/
[id="recordpage"] [type="button"] {
	font-weight: 400 !important;
	margin-bottom: 1em;
	padding: .8em 1em;
}
/*recordpage guide (right)*/
[id="recordpage"] .recordguide, [id="recordpage"] .recordfaq, [id="recordpage"] .recordnotes, [id="recordpage"] .recordref,
   [id="recordpage"] .recordrefguide {
	color: #666 !important;
	margin: 1em 0;
}
/*recordpage guide (right) spacing*/
[id="recordpage"] .recordref {
	padding-left: 2em;
}
/*recordpage back and forth*/
[id="recordpage"] .hasnext, [id="recordpage"] .hasprevious {
	color: #757575 !important;
}
/*recordpage suggestion message*/
[id="recordpage"] #saverecordtext {
	padding-bottom: 1em;
}
/*recordpage suggestion message textarea*/
[id="recordpage"] #saverecordtextarea {
	height: 10em;
	width: 14em;
}
/*recordpage suggestion message button*/
[id="recordpage"] #saverecordbtn {
	padding-top: 0.2em;
}
/* recordpage - content ~ right - question:icon */
[id="recordpage"] #responsecontent .flaticon-question-circle:before {
	color: #bababa;
	font-size: 1.4em;
	float: right;
	margin-top: -5px
}
/* recordpage - content ~ right - response - agree/disaagree */
[id="recordpage"] .recordagree {
	color: green;
	display: none;
	font-size: 1.7em;
	margin-top: 20px
}
[id="recordpage"] .recorddisagree {
	color: red;
	display: none;
	font-size: 1.7em;
	margin-top: 20px
}
/* recordpage - content ~ right - response - text */
[id="recordpage"] .recordcommentary {
	display: none;
	margin: 20px 0;
	line-height: 26px;
	opacity: .8
}
[id="recordpage"] .recordcorrect {
	display: none;
}
/* recordpage - content ~ right - response - button container */
[id="recordpage"] .recordbuttons {
	padding: 20px 0
}
/* recordpage - content ~ right - response - single move input */
[id="recordpage"] #SetSingleMoveRecord, #dedupeSingleMoveRecord, #panelDedupeSingleMove {
	/*top: 50%;*/
}
/* recordpage - content ~ right - response - button */
[id="recordpage"] .recordbuttons button {
	background-color: #ffffff;
	border-color: #dd0031;
	color: #dd0031;
	margin-bottom: 20px;
	margin-top: 0;
	text-shadow: 0 0 0 #ffffff
}
[id="recordpage"] .savedhighlights {
	display: none;
}
[id="recordpage"] #responsewizardbuttons {
	border-top: 2px solid;
	padding: 1em 0 0 0.5em;
}
/* recordpage - content ~ right - response - button:last */
[id="recordpage"] .recordbuttons button:last-child {
	margin-bottom: 0
}
/* recordpage - content ~ right - response - button:active */
[id="recordpage"] .recordbuttons button.ui-btn-active, [id="recordpage"] .recordbuttons button.ui-btn-active:hover {
	background-color: #680436 !important;
	border-color: #680436 !important;
	color: #ffffff !important;
	text-shadow: 0 0 0 #ffffff
}
/* recordpage - content ~ right - response - button:hover */
[id="recordpage"] .recordbuttons button:hover {
	background-color: #dd0031;
	border-color: #dd0031;
	color: #fff;
	text-shadow: 0 0 0 #ffffff
}
/* recordpage - content ~ right - response - single click option */
[id="recordpage"] .singleClickRecord {
	/*display: inline-block;*/
	font-size: 0.9em;
	/*height: 2em;*/
	/*margin-left: 2.5em*/
}
/* recordpage - content ~ right - response - unsure - container */
[id="recordpage"] .recordExtra {
	margin: 0 0 20px 0
}
/* recordpage - content ~ right - response - unsure - label */
#responsecontent .ui-radio .ui-btn {
	background-color: #efefee !important;
	color: #3a3c42
}
/* recordpage - content ~ right - response - unsure - input */
/*#responsecontent .ui-checkbox input, #responsecontent .ui-radio input {
	margin: -11px 0 0 4px;
}*/
/* recordpage - content ~ right - response - move single click */
/*#responsecontent .ui-checkbox #SetSingleMoveRecord {
	top: 50%
}*/
/*.ui-checkbox input, .ui-radio input {
	margin: -11px 0 0 1px;
}*/
/*.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after, .ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after {
	margin: -11px 0 0 0 !important;
}*/
.ui-btn-icon-left:after {
	left: 5px;
}
.ui-checkbox input[type="checkbox"] {
	margin: -9px 0 0 0 !important;
}
/* recordpage - content ~ congrats message */
[id="recordpage"] #noRecordContent {
	padding: 0;
}
/* recordpage - content ~ congrats message - title */
[id="recordpage"] .noRecordTitleFont {
	font-size: 2em;
	padding-left: 0
}
/*recordpage responses notes textarea*/
[id="recordpage"] #responsecontent .recordnotestext {
	min-height: 8em;
}
[id="recordpage"] #responsecontent .recordnotes.flaticon:before, [id="recordpage"] #responsecontent .screenernotes.flaticon:before {
	padding-right: 0.3em;
}
[id="recordpage"] #responsecontent .recordnotes:hover, [id="recordpage"] #responsecontent .screenernotes:hover, [id="recordpage"] .recordrefguide:hover {
	color: #0f2f55 !important;
	cursor: pointer !important;
}
/*recordpage responses linked icon*/
[id="recordpage"] #recordcontent a.flaticon:before {
	color: #BABABA;
}
/*recordpage responses link colour*/
[id="recordpage"] #responsecontent a {
	color: #666;
	font-weight: 400;
}
/*recordpage responses notes text*/
[id="recordpage"] #responsecontent .recordnotes span {
	padding-left: 0.1em;
}
/*recordpage guide title pop out panel*/
[data-role="panel"]#guide-panel h3 {
	margin-top: 0;
}
#responsecontent .trainingInstruction {
	display: none;
}
/* recordpage - content ~ congrats message - text */
[id="recordpage"] .noRecordText {
	color: #3a3c42;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.6em;
	margin-bottom: 1.25em;
	max-width: 700px;
	opacity: .8;
	padding-top: 1em
}
/*recordpage no records congratulations icon*/
[id="recordpage"] #trainingcomplete [type="button"] {
	min-width: 11em !important;
}
/*recordpage no records congratulations buttons*/
[id="recordpage"] #trainingcomplete, [id="recordpage"] #noRecordContent {
	margin-left: 0;
	margin-top: 20px
}
/* recordpage - content ~ well done message - content */
[id="recordpage"] .noTHISRecordContentText, [id="recordpage"] .noTHISRecordContentImage {
	max-width: 700px
}
/* recordpage - content ~ well done message - image content */
[id="recordpage"] .noTHISRecordContentImage {
	max-width: inherit
}
/* recordpage - content ~ well done message - image */
[id="recordpage"] .noTHISRecordContentImage img {
	float: right;
	margin-top: -14em;
	max-width: 700px;
}
/* recordpage - panel - container */
[data-role="panel"] {
	background-color: #ffd85a !important;
	height: 100%;
	z-index: 10002;
}
/* recordpage - panel - wrapper */
[data-role="panel"] .ui-panel-inner, [data-role="panel"] .ui-panel-wrapper {
	height: 100%
}
label.ui-btn {
	border-width: 0px !important;
	font-weight: 400 !important;
	background-color: inherit !important;
	color: #3a3c42 !important;
}
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
	width: 22px;
	height: 22px;
}
.ui-checkbox-off:after {
	background-color: rgba(255, 255, 255, 1) !important /*{global-icon-disc}*/ ;
	border: 2px solid #dd0031;
	opacity: 1 !important;
	margin: -9px 2px 0 1px !important;
}
.ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after {
	margin: -11px 2px 0 2px !important;
}
.ui-checkbox label:empty, .ui-radio label:empty {
	height: 20px
}
/* recordpage - panel - content */
[data-role="panel"] .ui-content {
	padding: 0
}
/* recordpage - panel - content - title */
[data-role="panel"] .titleBlock {
	overflow: hidden;
	padding: .5em .5em 0 .5em
}
/* recordpage - panel - content - scroll */
[data-role="panel"] .panel-content {
	margin: 0 20px;
	opacity: .8;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute
}
/* recordpage - panel - content - text */
[data-role="panel"] p {
	opacity: 1
}
/* recordpage - panel - content - bullet */
[data-role="panel"] ul li {
	margin-bottom: 10px
}
/* recordpage - content - hidden */
[id="recordpage"] .recordguide {
	color: #3a3c42 !important;
	margin: 1.5em 0 0 0
}
[id="recordpage"] .recordfaq, [id="recordpage"] .recordnotes, [id="recordpage"] #taskPrefButton {
	display: none !important
}
[id="recordpage"] #responsebuttons #taskNextButton:hover, [id="recordpage"] #responsebuttons #taskPrevButton:hover {
	color: #fff !important
}
@media only screen and (min-width: 285px) and (max-width: 1082px) {
	/* recordpage - content */
	[id="recordpage"] #recordcontent {
		min-height: 100% !important;
		padding: 20px 0 !important
	}
	/* recordpage - content ~ left */
	[id="recordpage"] #recordbody {
		margin: 0 20px !important;
		border-right: none !important;
		width: auto;
		padding-right: 0 !important
	}
	[id="recordpage"] #recordresponse {
		padding-left: 0px !important;
		width: 100% !important
	}
	/* recordpage - content ~ left - task name */
	[id="recordpage"] .dashboardtaskname, [id="trainingpage"] .dashboardtaskname {
		display: block;
		margin-top: 16px;
		text-align: left;
		opacity: .8;
		letter-spacing: -0.3px;
		line-height: 26px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#userprefpage .content-wrapper .dashboardtaskname {
		display: none;
	}
	/* recordpage - content - inner */
	[id="recordpage"] #recordcontentdiv {
		margin-bottom: 60px !important
	}
	/* recordpage - content ~ hide  */
	[id^="recordpage"] #responsecontent .trainingInstruction, #footer, #appzi-launch-button-91ffa375-d2d4-45cf-b77c-8be5ae4a025b {
		display: none !important
	}
	/* recordpage - content ~ right - navigation */
	[id="recordpage"] #responsebuttons, [id="recordpage"] .wizarddirectionbuttons {
		background-color: #fff;
		bottom: 0;
		height: 3em;
		margin-left: -20px;
		padding-top: 0;
		position: fixed;
		z-index: 10001;
		/*border-top: 1px solid #CCC;*/ /*testing*/
	}
	[id="recordpage"] .recordbuttons button:hover, #taskspage .dashboarditembuttons button:hover {
		background-color: #ffffff;
		border-color: #dd0031;
		color: #dd0031;
	}
	[id="recordpage"] .recordExtra {
		margin: 0;
	}
	[id="recordpage"] .recordagree, [id="recordpage"] .recorddisagree {
		margin-top: 20px;
		margin-left: 0px;
	}
	[id="recordpage"] .recordcommentary {
		margin: 10px 0px 0 0px;
	}
	/* recordpage - content ~ right - navigation button - previous */
	[id="recordpage"] #responsebuttons #taskPrevButton, [id="recordpage"] #responsebuttons #taskPrevButton {
		left: 18px !important;
		top: 10px !important
	}
	/* recordpage - content ~ right - navigation button - next */
	[id="recordpage"] #responsebuttons #taskNextButton {
		right: 18px !important;
		top: 10px !important
	}
	[id="recordpage"] .wizarddirectionbuttons button:first-child {
		float: left;
		left: 18px !important;
		top: 10px !important;
	}
	
	[id="recordpage"] .wizarddirectionbuttons .wizarddirectionbuttonnext {
		top: 10px !important;
    	right: 18px !important;
	}
	
	[id="recordpage"] .wizarddirectionbuttons button:last-child {
		float: right;
		right: 18px !important;
		top: 10px !important;
	}
	[id="recordpage"] .itemresponseswizardprogress {
		max-width: 660px;
		margin: auto;
	}
	[id="recordpage"] .dotpb {
		text-align: center;
	}
	/* recordpage - content ~ right - navigation count */
	[id="recordpage"] #taskCount div {
		margin-top: 12px
	}
	/* recordpage - panel - open */
	.ui-panel.ui-panel-open {
		position: fixed;
		width: 100%
	}
	/* recordpage - panel - wrapper */
	.ui-panel-inner {
		bottom: 0;
		left: 0;
		overflow: scroll;
		position: absolute;
		right: 0;
		top: 1px;
		-webkit-overflow-scrolling: touch
	}
	[id="trainingpage"] [data-role="main"].maxwidth, [id^="endtrainingpage"] [data-role="main"].maxwidth {
		padding: 0 0px 60px 0px !important;
	}
	/* recordpage - content ~ well done message - image */
	[id="recordpage"] .noTHISRecordContentImage img {
		margin-top: -3em !important
	}
	/*#taskspage .content_container {
		padding: 42px 20px 100px 20px !important
	}*/
	/*#trainingpage .this.dashboardtaskname {
		padding-left: 0;
		padding-right: 0;
	}*/
	.trainingcontent, [id^="endtrainingpage"] .trainingcontent {
		padding: 20px 0 40px 0 !important;
	}
	#responsecontent {
		margin: 0 20px;
	}
}
/*IE10 - IE11 for the panel */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page {
		max-height: inherit;
		overflow-y: inherit
	}
	[id="recordpage"] #responsecontent [class*="flaticon-"]:before {
		cursor: pointer !important;
		font-size: 22px !important
	}
}
@media only screen and (min-width: 738px) and (max-width: 1082px) and (orientation: landscape) {
	[id="trainingpage"] .trainingcontent, [id^="endtrainingpage"] .trainingcontent {
		margin: 30px auto;
	}
	[id="recordpage"] #recordbody {
		width: 100%;
		margin: 30px 20px 0 20px !important;
		border-right: none !important;
		max-width: 100%;
		padding-right: 0 !important;
		float: none !important;
		border-left: none !important;
		padding-left: 0 !important;
	}
	#trainingpage .trainingcontent .dashboardtaskname {
		display: block !important;
		padding-left: 0px;
		padding-right: 0px;
		max-width: 660px;
		margin-left: auto;
		margin-top: 16px;
		margin-right: auto;
	}
	[id="recordpage"] #recordcontentdiv {
		margin-bottom: 60px !important;
	}
	[id="recordpage"] #noRecordContent, [id="recordpage"] #trainingcomplete {
		margin: 0 20px;
	}
	[id="recordpage"] .training-content {
		max-width: 660px;
		margin: auto;
	}
	#responsecontent {
		position: relative;
		clear: both;
	}
	/*#responsecontentinner {
		width: 660px;
		margin: auto;
	}*/
	[id="recordpage"] #recordresponse {
		margin-top: 1em !important;
		padding-left: 0em !important;
		padding-right: 0em !important;
		padding-top: 1em !important;
		width: 100% !important;
	}
	[id="recordpage"] #recordcontent {
		background-color: transparent;
		border-radius: 0;
		box-shadow: none;
		max-width: 1054px;
		padding: 0 40px;
		position: relative;
		margin: 0 auto;
	}
	[id="recordpage"] #recordbody .recordbody {
		margin: auto;
		max-width: 100%;
	}
	[id="recordpage"] #recordbody .recordTitle {
		margin: auto;
		max-width: 100%;
	}
	[id="trainingpage"] .trainingcontent, [id^="endtrainingpage"] .trainingcontent {
		width: auto;
		margin: auto 30px;
	}
}
@media only screen and (min-width: 738px) and (max-width: 1082px) and (orientation: portrait) {
	[id="recordpage"] #recordbody {
		width: 100%;
	}
	[id="recordpage"] .dashboardtaskname, [id="trainingpage"] .dashboardtaskname {
		padding-left: 0px;
		padding-right: 0px;
		max-width: 660px;
		margin-left: auto;
		margin-top: 16px;
		margin-right: auto;
	}
	[id="recordpage"] #recordcontentdiv {
		margin-bottom: 60px !important;
	}
	[id="recordpage"] #noRecordContent, [id="recordpage"] #trainingcomplete {
		margin: 0 20px;
	}
	[id="recordpage"] #recordbody {
		width: 100%;
		margin: 30px auto 0 auto !important;
		border-right: none !important;
		max-width: 100%;
		padding-right: 0 !important;
		float: none !important;
		border-left: none !important;
		padding-left: 0 !important;
	}
	[id="recordpage"] .training-content {
		max-width: 660px;
		margin: auto;
	}
	#responsecontent {
		position: relative;
		clear: both;
		width: 660px;
		margin: auto;
	}
	[id="recordpage"] #recordresponse {
		margin-top: 1em !important;
		padding-left: 0em !important;
		padding-right: 0em !important;
		padding-top: 1em !important;
		width: 100% !important;
	}
	[id="recordpage"] #recordbody .recordbody {
		margin: auto;
		max-width: 100%;
	}
	[id="recordpage"] #recordbody .recordTitle {
		margin: auto;
		max-width: 100%;
	}
	[id="recordpage"] #recordbody {
		border-right: none !important;
	}
	[id="trainingpage"] .trainingcontent, [id^="endtrainingpage"] .trainingcontent {
		width: auto;
		margin: auto 20px;
	}
}
@media only screen and (min-width: 1082px) and (max-width: 1366px) and (orientation: portrait) {
	[id="recordpage"] #recordresponse {
		margin-top: 1em !important;
		padding-left: 0em !important;
		padding-right: 0em !important;
		padding-top: 1em !important;
		width: 100% !important;
	}
	[id="recordpage"] #recordbody {
		padding-right: 0px !important;
	}
	[id="recordpage"] #noRecordContent, [id="recordpage"] #trainingcomplete {
		margin: 0 20px;
	}
}
#feedback, #feedbackResponse {
	display: none;
}
#feedback .feedback_comment textarea {
	min-height: 10em !important;
	width: 80%;
	min-width: 15em;
}
#responsecontent .gotit {
	text-align: right;
	font-weight: 600;
	font-style: italic;
}
#responsecontent .gotit:hover {
	color: #962D91;
	cursor: pointer;
}
#responsecontent .wizardhelp, #responsecontent .wizardbuttons .ui-radio {
	display: inline-block;
}
#responsecontent #trainingTaskCount {
	display: none;
	width: calc(100% - 12em);
	text-align: center;
	height: auto;
}
#responsecontent #trainingTaskCount div {
	margin-top: 13px;
}
#responsewizardbuttons button {
	color: #91a0b1 !important;
	border-color: #91a0b1;
}
#responsewizardbuttons button:hover {
	color: #91a0b1 !important;
	border-color: #91a0b1;
	background-color: #FFFFFF;
	cursor: default;
}
#responsewizardbuttons button.hasnext, #responsewizardbuttons button.hasprevious {
	background-color: #0f2f55;
	border-color: #0f2f55;
	color: #FFFFFF !important;
}
#responsewizardbuttons button.hasnext:hover, #responsewizardbuttons button.hasprevious:hover {
	background-color: #FFFFFF;
	border-color: #0f2f55;
	color: #0f2f55;
	cursor: pointer;
}
#responsewizardbuttons .responsebuttonsNav * {
	display: inline-block;
	font-size: 0.8em;    
	width: 9em;
	padding: .5em .5em;
}

#responsewizardbuttons .responsebuttonsNav button {
	margin-right: 1em !important;
}

#taskWizardNextButton, #taskWizardSkipButton {
	float: right;
}

#taskWizardSkipButton {
	margin-right: 0.35em !important;
}

#taskWizardNextButton[disabled] {
	opacity: 1 !important;
}

#recordbody .recordTitleSearch:hover {
	color: #962d91 !important;
	text-decoration: underline;
	cursor: pointer;
}
#trainingcomplete .courseresults {
	display: inline-grid;
	grid-template-columns: auto auto;
	justify-items: center;
	align-items: center;
}

#screenerChallenge {
	padding-bottom: 1em;
}

#screenerChallenge .challengerText, [id="recordpage"] .screenernotes  {
	color: #0e436d !important;
	font-weight: 600;
}

#relevant-panel .qrPopoutHelp {
	color: #962d91;
	font-weight: 700;
}

#relevant-panel .qrPopoutHelp:hover {
	cursor: pointer;
	color: #0e436d !important; 
}

#responsecontent .hidesubwizarditem {
	display: none;
}

#trainingcomplete button:disabled, #trainingcomplete button[disabled] {
	background-color: #e2e2e2 !important;
    border-color: #a5a5a5 !important;
	color: #0f2f55 !important;
}


.item-highlights {
	padding-top: 0.5em;
	padding-left: 1em;
}

.item-highlights:empty {
	margin: 0;
  	padding-top: 0;
}

.itemHighlight::marker {
	padding-left: 1em;
}

.itemHighlightedText {
	display: inline-block;    
    width: 16em;
    vertical-align: top;
}

.itemHighlightedDelete {
	display: table-cell;    
	float: right;
}

.multiple-add-btn {
	width: 4em !important;
    display: inline-block;
    float: right;
    margin-left: 2em !important;    
    background-color: #0f2f55 !important;
    border-color: #0f2f55 !important;
    color: #fff !important;
    border-radius: 1.563em !important;
}

.multiple-add-btn:hover {	
	background-color: #FFFFFF !important;    
    color: #0f2f55 !important;
}

.multiple-check .ui-checkbox, .multiple-item, .multiple-check {
	display: inline-block;
}

.multiple-item {
	margin-top: 0.5em;
}

.primary-item {
	display: table-cell;
    padding-right: 0.2em;
}

#responsecontent label.classifier, #responsecontent input.classifier, #responsecontent .classifier.classifierText, #responsecontent .classifier .classifierText {
	/*color: #dd0031 !important;*/
	color: #55AF3C!important;
    font-weight: 700 !important;
}

[id="recordpage"] #trainingcomplete .certificate {
	border: none;
	padding: 0;    
	color: #3a3c42;
	border-radius: unset;
	min-width: auto !important;
	font-weight: 700 !important;
}

[id="recordpage"] #trainingcomplete .certificate:hover {
	color: #962d91;
	border: none;
	background-color: #FFF;
}

[id="recordpage"] #trainingcomplete .training-certificate {
	padding-top: 0.5em;
}

.pdf-outer {
	width: 100%;
/*	height: calc(100vh - 142px);*/
}

.pdf-inner {
/*	height: 100vh;*/
	height: calc(100vh - 142px);
    position: relative;
}

#recordpdf {
	display: none;
	float: left;
/*    padding-right: 20px;*/
    padding-left: 0px;
    border-left: none;
	width: calc(100% - 380px);
}

.wizard-accept-all {
	background-color: #0f2f55;
    color: #FFF;    
    width: fit-content;
    padding: 0.4em 0.6em;
    font-size: 0.9em;
}

.wizard-accept-all:hover {
	cursor: pointer;
    background-color:  #962D91 !important;
}

.suggest-option {
	display: table-cell;
    vertical-align: middle;    
    color: #0f2f55;
    text-align: center;
	font-size: 0.8em;
    padding-right: 0.2em;
	font-weight: 700;
}

.suggest-option:hover {
	cursor: pointer;
    color:  #962D91 !important;
}

.suggestion-outer {
	margin-left: 2.5em;
    color: #962D91;
}

.wizarddiv .recordHighlightedText:hover {
	cursor: pointer;
	color: #962D91;
}

.doi-field:hover {
	color: #962d91;
    font-weight: bold;
	cursor: pointer;
}