/* Replacement Constants 
#086AD8
*/

:root {
	--xd-primary: #086AD8;
	--xd-primary-color: #086AD8;
}


/* Default Colour */
a {
	color: rgb(68, 68, 68);
}

.fontColour {
	color: rgb(68, 68, 68);
}

	.fontColour a {
		color: rgb(68, 68, 68);
	}

.borderColour {
	border-color: rgb(201, 201, 201);
}

.backgroundColour {
	background-color: rgb(255, 255, 255);
}

.optionHeading {
	color: rgb(68, 68, 68);
}

body {
	color: rgb(68, 68, 68);
}

.crumbLast {
	color: rgb(68, 68, 68) !important;
}






/* Overrides */
:root {
	--primary-color: #086AD8 !important;
}

.headerSortDown, .headerSortUp {
	color: #086AD8 !important;
}

.ui-outline-hover {
	border: 1px solid #086AD8;
}

.formFieldButtonHover {
	border: 1px solid #086AD8;
}

.headerLinkText {
	padding-left: 20px;
	color: rgb(68, 68, 68);
}

.formFieldHeading {
	color: #086AD8;
}

.formFieldFooting {
	color: #086AD8;
}

.formErrorHelpText {
	color: #086AD8;
}

.formFieldIcon {
	color: #086AD8;
}

.headerUsername {
	color: rgb(68,68,68);
}

.interviewMenuItem {
	color: rgb(68,68,68);
}

.tableMenuItem {
	color: #086AD8;
}

#divExplorerFunctions a {
	color: #086AD8;
}

#divBreadCrumb .crumb, .favouriteLink a {
	color: #086AD8;
}

.ui-state-error .formErrorHelpText {
	color: rgb(200,0,0);
}

.fa-error {
	color: rgb(200,0,0);
}






/* Component containers */
.ui-widget-content {
	border: 1px solid rgb(201, 201, 201);
	background: rgb(255,255,255);
	color: rgb(68,68,68);
}

	.ui-widget-content a {
		color: #086AD8;
	}

.ui-widget-header {
	background: rgb(255, 255, 255);
	color: rgb(68,68,68);
	font-weight: bold;
	font-size: 1.12em;
}

	.ui-widget-header a {
		color: rgb(68,68,68);
	}






	/* Interaction states  background: -webkit-linear-gradient(top, rgb(255,0,0), rgb(213,1,0)); */
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		background: rgb(255, 255, 255);
		-webkit-linear-gradient(top,#086AD8,#086AD8);
		color: rgb(68,68,68);
		font-weight: normal;
	}

		.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
			color: rgb(68,68,68);
			text-decoration: none;
		}

	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
		background: rgb(255, 255, 255);
		color: rgb(68,68,68);
		font-weight: normal;
	}

		.ui-state-hover a, .ui-state-hover a:hover {
			color: rgb(255, 255, 255);
			text-decoration: none;
		}

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
		background: white;
		color: #086AD8;
		font-weight: normal;
	}

		.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {			
			color: #086AD8;
			text-decoration: none;
		}

.ui-widget :active {
	outline: none;
}






/* Interaction Cues */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 0px solid #086AD8;
	background: rgb(255, 255, 255);
	color: #086AD8;
}

	.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
		color: #086AD8;
	}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 0px solid #086AD8;
	background: rgb(255, 255, 255);
	color: rgb(200,0,0);
}

	.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
		color: rgb(200,0,0);
	}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
	color: rgb(200,0,0);
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}





/* Overlays */
.ui-widget-overlay {
	background-color: rgb(201, 201, 201);
	opacity: .50;
	filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: rgb(35, 35, 35);
	opacity: .20;
	filter: Alpha(Opacity=20);
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}