/* ***************************************************************** */
/* Updated and checked: 10/07/2020
******************************************************************** */
/* ***************************************************************** */
/* Contributions
******************************************************************** */
/* contributions - main content - block ~ right cell - accuracy wrapper */
#contributionspage .accuracy {
	background-color: #ecbfe9;
	border: solid 1px #962d91;
}
/* contributions - main content - block ~ right cell - accuracy bar */
#contributionspage .accuracyBar.accuracyHighlight {
	background-color: #962d91 !important;
}
/* ***************************************************************** */
/* Dashboard
******************************************************************** */
/* dashboard - welcome message ~ hidden ~ avatar image */
#taskspage #dashboard_welcome #useravatarbig img {
	border: 2px solid #0f2f55
}
/* welcome message ~ hidden ~ user's name (red dot) */
#taskspage #dashboard_welcome #myusername span {
	color: #0f2f55
}
/* dashboard - pathway stages segments ~ bubble box ~ circle active */
#taskspage #pathwayStages .active .bubble, #contributionspage .active .bubble, #pathwayinformationpage .active .bubble {
	background-color: #962d91
}
/* dashboard - task ~ title */
#taskspage .dashboarditemtitle {
	color: #0f2f55;
}
/* dashboard - task ~ badge S4M (right side) */
#taskspage .badge .s4m {
	background-color: #962D91;
}
/* dashboard - task  ~ read more (mobile only) */
#taskspage .readmore {
	color: #0f2f55
}
/* dashboard - task  ~ statistics ~ buttons:hover*/
.itemfigure.activeusers [data-pageid="recordpage"]:hover {
	background-color: #FFF;
	color: #0f2f55
}
/* dashboard - task ~ buttons ~ selective */
.ui-page-theme-a .ui-btn[data-pageid="recordpage"], .item-chart-buttons button:first-child, .ui-page-theme-a .ui-btn[data-pageid="coursepage"] {
	background-color: #0f2f55 !important;
	border-color: #0f2f55 !important;
	color: #fff !important
}
.ui-page-theme-a .ui-btn[data-pageid="recordpage"]:hover, .ui-page-theme-a .ui-btn[data-pageid="coursepage"]:hover, #trainingpage button.active:hover {
	background-color: #0f2f55;
	border-color: #0f2f55;
	color: #FFFFFF
}
#trainingpage button:disabled {
	background-color: #FFFFFF !important;
	border-color: #97a9c0 !important;
	color: #97a9c0 !important;
}
#trainingpage button.active {
	background-color: #0f2f55;
	color: #FFF;
}
#trainingpage button.active:hover {
	background-color: #fff;
	border-color: #0f2f55;
	color: #0f2f55
}
.ui-page-theme-a .crowdHeaderScreening .ui-btn[data-pageid="recordpage"] {
	background-color: #FFFFFF;
	color: #0f2f55
}
.ui-page-theme-a .crowdHeaderScreening .ui-btn[data-pageid="recordpage"]:hover {
	background-color: #0f2f55;
	color: #FFFFFF
}
.menuitembar .menuitem:hover, .taskitembar .menuitem:hover {
	color: #962d91;
}
.taskitembar .menuitem.selected, .taskitembar .menuitem.selected:hover {
	border-bottom: 3px solid #0f2f55 !important;
	color: #0f2f55;
}
/*global - task ~ screening title*/
.dashboardtaskname {
	color: #0f2f55;
}
/* dashboard - task ~ buttons + icons */
[data-pageid="historypage"]:hover, [data-pageid="historypage"]:hover:before, [data-pageid="taskprefpage"]:hover, [data-pageid="taskprefpage"]:hover:before, [data-pageid="faqpage"]:hover, [data-pageid="faqpage"]:hover:before, [data-pageid="quickrefpage"]:hover, [data-pageid="quickrefpage"]:hover:before, [data-pageid="glossary"]:hover, button.pathway-info:hover,
[data-pageid="viewcertificate"]:hover, [data-pageid="viewcertificate"]:hover::before, [data-pageid="downloadcertificate"]:hover, [data-pageid="downloadcertificate"]:hover::before {
	color: #962d91 !important;
}
#pathwayChange:hover {
	color: #962d91;
}
[id="taskspage"] .dashboarditemstats .activeusers .avatarText {
	background-color: #0f2f55;
}
/* ***************************************************************** */
/* FAQ
******************************************************************** */
#faqpage a.ui-link:hover {
	border-bottom: 1px solid #962d91;
}
#faqpage .ui-content a.ui-link:hover {
	color: #00a6b6 !important;
}
#faqpage .ui-content a.ui-link:hover {
	color: #962d91 !important;
}
[id^="faq"] .ui-btn-icon-left:after, [id^="faq"] .ui-btn-icon-right:after, [id^="faq"] .ui-btn-icon-top:after, [id^="faq"] .ui-btn-icon-bottom:after, [id^="faq"] .ui-btn-icon-notext:after {
	background-color: #962d91;
	background-color: rgba(150, 45, 145, .7);
	background-color: rgb(150, 45, 145, .7);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	left: 0;
}
[id^="faq"] .ui-btn-icon-left:hover:after, [id^="faq"] .ui-btn-icon-right:hover:after, [id^="faq"] .ui-btn-icon-top:hover:after, [id^="faq"] .ui-btn-icon-bottom:hover:after, [id^="faq"] .ui-btn-icon-notext:hover:after {
	background-color: #962d91;
}
/* ***************************************************************** */
/* Footer
******************************************************************** */
#crowdfooter {
	background-color: #962d91;
}
[role="footer"] .footer {
	background-color: #962d91;
}
/* ***************************************************************** */
/* Header
******************************************************************** */
[role="header"] .headerRecordContentRight .recordheadertext {
	color: #002d64;
}
/* header - content ~ inner (right) - avatar block */
[role="header"] .header-inner .header-right #useravatar .user, [role="header"] .header-inner .header-right #useravatar .header-user {
	color: #0f2f55
}
/* header - content ~ inner (right) - avatar */
[role="header"] .header-inner .header-right #useravatar a {
	border: 1px solid #0f2f55;
	color: #0f2f55;
}
/* header - content ~ inner (right) - avatar hover */
[role="header"] .header-inner .header-right #useravatar a:hover {
	background-color: #0f2f55;
	opacity: 1
}
[role="header"] .header-inner .header-right #useravatar a:hover .avatarText {
	color: #0f2f55;
}
/* header - content ~ inner (right) - avatar active */
[role="header"] .header-inner .header-right #useravatar.active a {
	background-color: #0f2f55;
}
[role="header"] .header-inner .header-right #useravatar.active .avatarText {
	color: #0f2f55;
}
[role="header"] .meta-nav {
	color: #002D64;
}
[role="header"] .header-title.text {
	color: #002D64;
}
.optionsmenu li div span {
	margin-right: 10px;
	vertical-align: middle;
	font-size: 22px;
	color: #002d64;
	padding-left: 38px;
}
/*menu hover over text and icon*/
.optionsmenu li:hover div span:before, .optionsmenu li:hover div {
	color: #962d91;
}
/* ***************************************************************** */
/* History
******************************************************************** */
/* history - content ~ menu items:selected */
[id="historypage"] .menuitembar .menuitem.selected, [id="historypage"] .menuitembar .menuitem.selected:hover {
	border-bottom: 3px solid #0f2f55 !important;
	color: #0f2f55
}
[id="historypage"] #record_history_content_graphs #totalrecordsassessed {
	color: #962d91;
}
[id="historypage"] table#RecordHistoryDetail tbody tr.recordselected, [id="historypage"] table#RecordHistoryDetail tbody tr.recordselected:hover {
	background-color: #ead5e9 !important;
}
[id="historydetailpage"] #responsebuttons .flaticon-arrow-right, [id="historydetailpage"] #responsebuttons .flaticon-arrow-left {
	color: #91a0b1;
}
[id="historydetailpage"] #detailsbuttons .hasnext {
	color: #0f2f55;
}
[id="historydetailpage"] #detailsbuttons .flaticon-close-circ {
	color: #0f2f55;
}
/* recordpage - content ~ right - navigation button - active */
[id="historydetailpage"] #detailsbuttons #detailsNextButton.active, [id="historydetailpage"] #detailsbuttons #detailsPrevButton.active {
	color: #0f2f55 !important;
}
/* recordpage - content ~ right - navigation button - hover */
[id="historydetailpage"] #detailsbuttons #detailsNextButton:hover:before, [id="historydetailpage"] #detailsbuttons #detailsPrevButton:hover:before {
	color: #91a0b1
}
[id="historypage"] .summaryBox canvas {
	background: #ecbfe9;
	border: 3px solid #962d91;
}
[id="historydetailpage"] #detailsbuttons .detailsbuttonsNav button {
	background-color: #3d73b4;
	color: #fff;
	border-color: #0f2f55;
}
[id="historydetailpage"] .detailsbuttonsNav div {
	color: #0f2f55;
	border: 1px solid #0f2f55;
}
[id="historypage"] .historypagenav .pagebutton {
	background-color: #3d73b4 !important;
	color: #fff !important;
	border-color: #0f2f55 !important;
}
[id="historypage"] .historypagenav .pagebutton:hover, [id="historypage"] .historypagenav .pagebutton span:hover:before {
	background-color: #335783 !important;
	border-color: #335783 !important;
	color: #fff !important;
	border-width: 1px
}
[id="historydetailpage"] #detailsbuttons .disable {
	color: #91a0b1 !important;
	background-color: #fff !important;
	border: 1px solid #91a0b1 !important;
}
[id="historydetailpage"] .detailsbuttonsNav div:hover:before {
	color: #0f2f55 !important;
}
#resolverDecision {
	border: solid 2px #0f2f55;
	background-color: #f0f8ff;
}
#historyAccuracy .accuracy {
	border: solid 1px #962d91;
	background-color: #ecbfe9;
}
#historyAccuracy .accuracyBar.accuracyHighlight {
	background-color: #962d91 !important;
}
/* ***************************************************************** */
/* Login
******************************************************************** */
/* ***************************************************************** */
/* Main
******************************************************************** */
/* content - links:hover */
a:hover, .icon:hover, .link:hover, .recordChallengeHeader.text:hover, .ui-link:hover, [data-role="main"] [class^="flaticon-"]:hover:before, [data-role="main"] [class*=" flaticon-"]:hover:before, [id="recordpage"] #responsecontent a:hover, [id="recordpage"] #recordcontent a.flaticon:hover:before {
	color: #962d91;
}
a:hover, .icon:hover, .link:hover, .text:hover, .ui-link:hover, [data-role="main"] [class^="flaticon-"]:hover::before, [data-role="main"] [class*=" flaticon-"]:hover::before, [id="recordpage"] #responsecontent a:hover, [id="recordpage"] #recordcontent a.flaticon:hover::before {
	color: #962d91;
	cursor: pointer;
}
.wizardfield .flaticon:hover:before {
	color: #3a3c42;
	cursor: default
}
/* content - slider */
.ui-slider-track .ui-btn.ui-slider-handle {
	background-color: #0f2f55 !important;
}
.text.ui-link:hover {
	color: #0f2f55 !important;
}
/*navigation menu bar item selected*/
.menuitembar .menuitem.selected, .menuitembar .menuitem.selected:hover {
	border-bottom: 3px solid #0f2f55 !important;
	color: #0f2f55;
}
/*records detail challenge result headline*/
[id="historypage"] #RecordHistoryDetail .challengedRecordIcon {
	color: #0f2f55;
}
.modaloutline button#popupYES {	
	background-color: #FFF !important;
	color: #0f2f55 !important;
}
.modaloutline button#popupYES:hover {
	background-color: #0f2f55 !important;
	color: #FFF !important;
}
#displayloadimage .crowdloader {
	border: 10px solid #962d91;
	border-top: 10px solid #0f2f55;
}
.optionsmenu li:hover {
	color: #0f2f55;
	cursor: pointer
}
.optionsmenu li:before, .optionsmenu li.flaticon-arrow-right-single:before, .optionsmenu li:hover:before {
	color: #0f2f55;
}
#welcome-banner {
	color: #FFFFFF;
	background-color: #962d91;
	background: linear-gradient(rgba(150, 45, 145, 0.85), rgba(150, 45, 145, 0.85)), url(../images/immunization-of-children-in-doctors-office.jpg);
	background: -moz-linear-gradient(rgba(150, 45, 145, 0.85), rgba(150, 45, 145, 0.85)), url(../images/immunization-of-children-in-doctors-office.jpg);
	background: -o-linear-gradient(rgba(150, 45, 145, 0.85), rgba(150, 45, 145, 0.85)), url(../images/immunization-of-children-in-doctors-office.jpg);
	background: -webkit-linear-gradient(rgba(150, 45, 145, 0.85), rgba(150, 45, 145, 0.85)), url(../images/immunization-of-children-in-doctors-office.jpg);
	background-size: cover;
}
.crowdloader {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #962d91;
}
/* ***************************************************************** */
/* Pathways
******************************************************************** */
#pathwaycontent .challengeText p {
	border-bottom: solid 3px #b052c0;
}
#pathwaycontent .challengeText p:hover {
	color: #b052c0;
	cursor: pointer;
}
#pathwaycontent .singleChallengeItem {
	border: 2px solid #b052c0;
}
.challengeCount:hover {
	cursor: pointer;
	color: #962d91;
}
/* ***************************************************************** */
/* Quickref
******************************************************************** */
[id="quickrefpage"] .detailsbuttons .detailsbuttonsNav button:hover {
	background-color: #335783 !important;
	border-color: #335783 !important;
	color: #fff !important;
}
/* ***************************************************************** */
/* Record
******************************************************************** */
/* recordpage - content ~ right - navigation button icon */
[id="recordpage"] #responsebuttons [class*=" flaticon-"] {
	color: #97a9c0;
	border: 2px solid #97a9c0;
}
/* recordpage - content ~ right - navigation button hasnext */
[id="recordpage"] #responsebuttons .hasnext {
	border: 1px solid #962d91;
	color: #fff !important;
}
/* recordpage - content ~ right - navigation button - active */
[id="recordpage"] #responsebuttons #taskNextButton.active, [id="recordpage"] #responsebuttons #taskPrevButton.active {
	color: #fff !important;
	border: 1px solid #0f2f55;
}
/* recordpage - content ~ right - navigation button - hover */
[id="recordpage"] #responsebuttons #taskNextButton:hover:before, [id="recordpage"] #responsebuttons #taskPrevButton:hover:before {
	color: #97a9c0
}
/* 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 {
	color: #ababab !important;
	background-color: #fff !important;
	border: 1px solid #ababab !important;
}
[id="recordpage"] #responsebuttons #taskNextButton.disable:hover, [id="recordpage"] #responsebuttons #taskPrevButton.disable:hover {
	background-color: #fff;
	color: #ababab !important;
	cursor: default
}
/* 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: #0f2f55 !important
}
/* recordpage - content ~ right - question */
[id="recordpage"] #responsecontent .recordquestion {
	background-color: #fff !important;
	border: 1px solid #962D91 !important;
	color: #962D91 !important;
}
/* recordpage - content ~ right - response - button */
[id="recordpage"] .recordbuttons button {
	background-color: #E6E6E6;
	border-color: #ababab;
	color: #333333;
}
/* recordpage - content ~ right - response - button:active */
[id="recordpage"] .recordbuttons button.ui-btn-active, [id="recordpage"] .recordbuttons button.ui-btn-active:hover {
	background-color: #0f2f55 !important;
	border-color: #0f2f55 !important;
}
[id="recordpage"] .recordbuttons button.ui-btn-active .screenerCount {
	background-color: #fff !important;
	color: #0f2f55 !important;
}
/* recordpage - panel - content - title */
[data-role="panel"] .titleBlock {
	background-color: #0f2f55;
	color: #ffffff;
	padding: .5em;
}
[id="recordpage"] #responsecontent .recordnotes:hover, [id="recordpage"] #responsecontent .screenernotes:hover {
	color: #962d91 !important;
}
[data-role="panel"] .ui-btn.ui-checkbox-off:after {
	background-color: #fff;
	border: 1px solid #999999 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #962d91;
	color: #363636;
	background: #f4cbfb;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #0f2f55;
	color: #fff;
	background: #4d77a9;
}
[id="recordpage"] #responsecontent a, [id="recordpage"] .recordnotes, [id="recordpage"] .recordrefguide {
	color: #0e436d !important;
}
[id="recordpage"] #responsecontent a:hover, [id="recordpage"] .recordnotes:hover, [id="recordpage"] .recordrefguide:hover {
	color: #962d91 !important;
}
[data-role="page"] .recordsOnly span {
	color: #97a9c0;
	cursor: pointer;
}
[data-role="page"] .recordsOnly span:hover {
	color: #0f2f55
}
/* recordpage - content ~ right - navigation button - previous */
[id="recordpage"] #responsebuttons #taskPrevButton {
	background-color: #3d73b4;
	color: #fff;
	border-color: #3d73b4;
}
/* recordpage - content ~ right - navigation button - next */
[id="recordpage"] #responsebuttons #taskNextButton {
	background-color: #3d73b4;
	color: #fff;
	border-color: #0f2f55;
}
[id="recordpage"] .wizarddirectionbuttons button {
	background-color: #3d73b4;
	color: #fff;
	border-color: #3d73b4;
}
[id="recordpage"] .wizarddirectionbuttons button:disabled, .ui-disabled, .ui-state-disabled, button[disabled], .ui-select .ui-btn.ui-state-disabled {
	background-color: #fff !important;
	border-color: #97a9c0 !important;
	color: #97a9c0 !important;
	opacity: 1 !important
}
[id="recordpage"] .responsebuttonsNav button:hover, [id="recordpage"] .wizarddirectionbuttons button:hover {
	background-color: #335783 !important;
	color: #fff !important;
	border-color: #335783 !important;
}
[id="recordpage"] .wizarddirectionbuttons .doneButton, [id="recordpage"] .wizarddirectionbuttons .doneButton:hover {
	background-color: #189400 !important;
	border: 1px solid #189400 !important;
	color: #fff !important
}
#responsewizardbuttons button:hover {
	color: #97a9c0 !important;
	border-color: #97a9c0 !important;
	background-color: #FFFFFF !important;
	cursor: default;
}
#responsewizardbuttons button.hasnext, #responsewizardbuttons button.hasprevious {
	background-color: #3d73b4 !important;
	border-color: #3d73b4 !important;
	color: #FFFFFF !important;
}
#responsewizardbuttons button.hasnext:hover, #responsewizardbuttons button.hasprevious:hover, #responsewizardbuttons button.task-skip-btn:hover {
	background-color: #335783 !important;
	border-color: #335783 !important;
	color: #FFFFFF !important;
	cursor: pointer;
}
#responsewizardbuttons button.task-skip-btn {
	background-color: #3d73b4 !important;
	border-color: #3d73b4 !important;
	color: #FFFFFF !important;
}
/* ***************************************************************** */
/* Taster
******************************************************************** */
.trainingabstractmessage .flaticon-arrow-up:hover:before {
	color: #962d91;
	cursor: default
}
[id^="tasterpage"] .progress {
	background-color: #e2c5e0 !important;
}
[id^="tasterpage"] .progress-bar {
	background-color: #962d91 !important;
	;
}
[id^="tasterpage"] .step-1 .ball-1, [id^="tasterpage"] .step-2 .ball-2, [id^="tasterpage"] .step-3 .ball-3, [id^="tasterpage"] .step-4 .ball-4, [id^="tasterpage"] .step-5 .ball-5 {
	background-color: #962d91 !important;
}
[id^="tasterpage"] .progress-ball {
	background-color: #e2c5e0;
}
/* ***************************************************************** */
/* Training
******************************************************************** */
/* trainingpage - content ~ text - linked */
[id="trainingpage"] .linkitem {
	border-bottom: 2px solid #0f2f55;
}
/* trainingpage - content ~ text - linked:hover */
[id^="trainingpage"] .linkitem:hover {
	color: #0f2f55;
}
/* recordpage - content ~ buttons (page 10) */
[id="recordpage"] [type="button"].training {
	color: #0f2f55 !important;
}
[id="recordpage"] #recordbody .colour {
	color: #962d91;
}
[id="recordpage"] #recordbody h4.heading {
	color: #962d91;
}
[id="recordpage"] #trainingcomplete .passbutton {
	background-color: #0f2f55;
	border-color: #154176;
	color: #FFFFFF;
}