/*-----Fonts-----*/
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Regular.ttf);
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Bold.ttf);
		font-weight: bold;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Italic.ttf);
		font-style: italic;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-BoldItalic.ttf);
		font-weight: bold;
		font-style: italic;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Black.ttf);
		font-weight: 900;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Light.ttf);
		font-weight: 100;
	}
	@font-face {
    font-family: Roboto;
    src: url(Roboto-Medium.ttf);
		font-weight: 500;
	}
	@font-face {
    font-family: "Helvetica Neue Thin";
    src: url(HelveticaNeue-Thin.otf) format('opentype');
	}
	/*-----Main elements-----*/
	body {
		/*background-image: url('paper3.png');*/
		font-size: 12px;
		line-height: 15px;
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
	}
	body.waiting {
		cursor: progress;
	}
	textarea, pre {
		tab-size: 14px;
		-moz-tab-size: 14px;
		-o-tab-size: 14px;
	}
	label {
		margin: 1px 0px;
		padding: 1px 1px;
		height: 15px;
		display: inline-block;
		font-weight: 400;
		line-height: 15px;
		border: solid 1px transparent;
	}
	td label {
		margin: 0px;
		padding: 0px 2px 0px 2px;	/* was padding: 2px; (see .list td) */
		height: 15px;
		display: inline-table;
		font-weight: 400;
		white-space: nowrap;
		overflow: hidden;
		border: solid 1px transparent;
	}
	legend {
		color:#2e2e2e;
		font-weight: 600;
		font-size: inherit;
		display: block;
		width: inherit;
		padding: 0;
		margin-bottom: 2px;
		line-height: 15px;
		color: auto;
		border: none;
		border-bottom: none;
		text-align: inherit;
		padding: 0px 10px 0px 0px;
	}
	.legendrj {
		padding: 0px 16px 0px 0px;
		margin: 0px 0px 2px -24px;
		text-align: right
	}
	caption {
		color:#dc7633;	/* Orange: was d57300 */
		font-weight: bold;
		text-align: left;
		padding: 0 0 0 2px;
		font-size: 14px;
	}
	button {
		cursor: pointer;
		border-radius: 0;
		border: none;
		outer: none;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		margin: 1px 2px 1px 2px;
		text-decoration: none;
		color: #ffffff;
		background-color: #6391e4;
		padding: 4px;
		text-align: left;
	}
	button:hover {
		background-color: #0870cf !important;
		color: #ffffff !important;
	}
	button:focus {
		border: 1px solid #0000ff; /* #005380; */
		padding: 4px;
		margin: 0px 1px 0px 1px;
		outline:none;
		background-color: blue;
	}
	fieldset { 
		padding: 2px 0px 2px 2px;
		margin: 1px;
		display: inline-block;
		border-style: none !important;
		border-width: 2px;
		border-radius: 0px;
		border-color: #bdc5df;
		overflow: hidden;
		float: left;
		background-color: #ffffff;	/* General background: was dfe9f2; */
	}
	ul, li {
		list-style: none;
	}
	/*-----Hyperlink elements------*/
	a:link    { color:#8f00b2; background-color:transparent; text-decoration:none; }
	a:visited { color:#cc00ff; background-color:transparent; text-decoration:none; }
	a:hover   { color:#ff0000; background-color:transparent; text-decoration:underline; }
	a:active  { color:#ff0000; background-color:transparent; text-decoration:underline; }
	table {
		border-bottom: solid 5px #dbe3e7;
	}
	tbody {
		overflow: auto;
		overflow-y: scroll;
	}
	td label:empty {
		display:list-item;
	}
	tr:nth-child(odd) {
		background-color: #edf2f5;
	}
	tr:hover { background:#eee; }
	tr:focus, tr:active {
		color: #2e2e2e;
		outline:none;
	}
	tr.selected {
		background:#71a3f8;
		border: 0px none;
	}
	/*-----Divs-----*/
	.hidedialog {
		visibility: hidden;
	}
	#CPA {
		padding-bottom: 75px;
	}
	#disp {
		display: none;
	}
	.copyfrom {
		position: absolute;
		left: -9999px;
	}
	.cpadiv {
		padding: 0px 0px 0px 0px;
		margin: 0px;
		background-color: #ffffff;	/* General background: was dfe9f2; */
		color: #000000;
		overflow: hidden;
		display: inline-block;
		float: left;
		box-sizing: border-box;
	}
	.bgwebs {
		padding: 0px 0px 0px 0px;
		margin: 0px;
		background-color: #e7e7e7;
		color: #000000;
		display: inline-block;
		float: left;
		border-radius: 0px;
		box-sizing: border-box;
	}
	.bgwebs1 {
		width: 100% !important;
		-webkit-box-shadow: 0px 2px 0px 0px rgba(204,204,204,1);
		-moz-box-shadow: 0px 2px 0px 0px rgba(204,204,204,1);
		box-shadow: 0px 2px 0px 0px rgba(204,204,204,1);
	}
	.bgwebs-prompt {
		margin: -2px 0px 0px 0px;
		width: max-content;
	}
	.site-header {
		left: 0;
		position: fixed;
		top: 0;
		width: 100% !important;
		margin: 0;
		margin-bottom: 20px;
		padding: 0;
	}
	.site-header-holder {
		position: relative;
		z-index: 101;		/* was 3000 */
	}
	.site-heading {
		background-color: #e7e7e7;
		height: 45px;
		position: relative;
	}
	.site-heading .site-logo {
		background-color: transparent;
		background-image: url('images/causeway-logo.png');
		width: 318px;
		background-repeat: no-repeat;
		height: 45px;
		float: left;
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	.site-heading .page-title {
		font-family: "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: black;
		position: absolute;
		left: 345px;
		top: 10px;
		font-size: 0.8rem;
		font-weight: 400;
		width: inherit;
	}
	.page-logout {
		font-family: "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #58595b;
		font-size: 23px;
		font-weight: normal;
		line-height: 25px;
	}
	.surround {
		border: 1px solid #4e4e4e;
		border-radius: 0px;
		width: 100% !important;
	}
	.rsmenulabel {
		background-color: #ffffff !important;
		font-weight: normal;
		font-size: 12px !important;
		height: auto;
		color: #dc7633 !important;
	}
	.maindiv {
		border: 1px solid #ffffff;
		border-radius: 0px;
		width: 100% !important;
	}
	.lfg {										/* Larger label/data grouping */
		border: 1px none #bdc5df;	/* this was 2px none */
		margin: 0px 0px;						/* remove this */
		border-radius: 3px;
	}
	.tdiv {										/* Standard text grouping */
		border: 2px ridge #bdc5df;
		border-radius: 3px;
		margin: 2px 0 2px 0;
		width: 100%;
		padding: 2px;
	}
	.bdiv {										/* Standard data grouping */
		border: 1px none #bdc5df;
		border-radius: 0px;
		padding: 2px;
		box-sizing: border-box;
	}
	.bdivg {									/* Grid data grouping */
		border: 1px none #bdc5df;
		border-radius: 0px;
		padding: 2px;
		box-sizing: content-box;
	}
	.bdivh {									/* Hidden data grouping */
		padding: 0px 0px 0px 2px;
		margin: 1px 0px;
	}
	.ldiv {										/* Standard label grouping */
		border: 2px none #bdc5df;
		border-radius: 0px;
		text-align: right;
	}
	.ldivh {									/* Hidden label grouping */
		padding: 0px 2px 0px 0px;
		margin: 1px 0px;
		text-align: right;
	}
	.fset {										/* Added to divs that require adjustment due to companion fieldset */
		margin:1px 0px;
		padding:17px 0px 2px 2px;
	}
	.fset1 {									/* The grouping covers boxes with fieldsets that are already padded, so remove padding. */
		padding: 0px !important;
		margin: 1px 0px !important;	/* 05.Aug.15: was 1px all round */
	}
	.prompt {
		padding: 0px 0px 0px 0px;
		margin: 11px 0px 0px 50px;
		border: none;
		font-size: 16px;
		font-style: italic;
		font-weight: 700;
		color: #0000ff;
		float: left !important;
	}
	.spprompt {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: none;
		font-size: 16px;
		font-style: italic;
		font-weight: 700;
		color: #0000ff;
		float: left !important;
	}
	.fkeys1 {
		border: none;
		padding: 0px;
		margin: 10px 3px 3px 3px;
	}
	.msgdiv {
		margin: 0px 0px 10px 2px;
	}
	.vert {
		padding: 0px;
		margin: 0px;
		/*background-color: #dae6ff;*/
		background-color: #ffffff;		/* div background: was c9daea; */
		width: 100%;
	}
	.horiz {
		padding: 0px;
		margin: 0px;
		background-color: #ffffff;		/* div background: was c9daea; */
		width: 100%;
	}
	.butdiv {
		padding: 2px;
		margin: 0px;
		/*border-color: #bdc5df;*/
		/*border-style: solid;*/
		/*border-width: 2px;*/
		/*border-radius: 5px;*/
		background-color: #ffffff;		/* div background: was c9daea; */
	}
	.choice {
		padding: 4px 0px 4px 0px;
		margin: 0px;
	}
	.clearbr {
		clear:both;
	}
	.vspacer {
		margin: 10px 0 30px 0;
	}
	/*-----Field/Label classes-----*/
	#googleSearch {
		height: 20px;
	}
	.tabgrp {
		padding: 0px;
		margin: 0px;
	}
	.field {
		margin: 1px 0px;
		padding: 1px 2px;
		color: #0000ff;
		height: 15px;
		background-color: #edf2f5;		/* Was yellow ffffcc */
		border: 1px solid #bcbcbc;		/* was none */
		font-family: inherit;
		font-size: inherit;
		display: inline-block;
	}
	.lfield {
		margin: 1px 0px;
		padding: 1px 2px;
		height: 15px;
		display: inline-block;
		font-weight: 400;
		font-family: inherit;
		font-size: inherit;
		border: 1px solid #bcbcbc;		/* was none */
	}
	.fieldtbl {
		margin: 0px;
		padding: 2px;
		height: 15px;
		border: none;
		display: inline-block;
		font-weight: 400;
	}
	.subtot {
		margin: 1px 0px;
		color: #4e4e4e;
		padding: 1px 4px 2px 0px;
		height: 15px;
		background-color: #d1d3d4;
		border-style: none;
		font-family: inherit;
		font-size: inherit;
	}
	.label {
		margin: 1px 0px;
		color: #2e2e2e;
		padding: 1px 4px 1px 0px;
		height: 15px;
		background-color: #ffffff;	/* General background: was dfe9f2; */
		border-top: solid 1px transparent;
		border-bottom: solid 1px transparent;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		display: inline-block;
		line-height: 15px;
	}
	/*label:after { content:"\00a0"; }*/
	.combo {
		margin: 1px 0px;
		color: #2e2e2e;
		padding: 1px 4px 2px 0px;
		height: 15px;
		background-color: #ffffff;
		border-style: none;
		font-family: inherit;
		font-size: inherit;
	}
	.lookup {
		margin: 1px 0px;
		color: #2e2e2e;
		padding: 1px 4px 2px 0px;
		height: 15px;
		background-color: #ffffff;
		border-style: none;
		font-family: inherit;
		font-size: inherit;
	}
	.checkbox, .checkboxdsp {
		padding: 0px 0px 0px 0px;
		margin: 2px 0px 5px 0px;
		transform: matrix(1.000,0.000,0.000,1.000,-0.500,2.500);
		height: 13.4px !important;
	}
	.checkboxdsp {
		margin: 2px 0px 3px 0px;
	}
	.checkbox:focus {
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
	}
	.cpacolor {
		margin:2px;
		padding: 2px;
	}
	.bslabel.old {
		cursor: pointer;
		font-weight: 400;
		padding: 0px 2px 0px 2px;
		margin: 0px;
		color: #000080;
		height: 12px;
		display: inline-block;
		font-size: 10px;
		transition-property: font-weight;
    transition-duration: 0.5s;
		border: 1px solid #bdc5df;
		border-radius: 5px;
		background: -moz-linear-gradient( top, #f5faff 0%, #b4d1ed 25%, #99c0e8 50%, #b3d3f2 75%, #d6ebff);
		background: -webkit-gradient( linear, left top, left bottom, from(#f5faff), color-stop(0.25, #b4d1ed), color-stop(0.50, #99c0e8), color-stop(0.75, #b3d3f2), to(#d6ebff));
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
	}
	.bslabel {
		text-decoration: underline;
	}
	.bslabel:hover {
		font-weight: 700;
	}
	.lablkup {
		text-decoration: underline;
	}
	.lablkup:hover {
		font-weight: 700;
	}
	.lablkup.old {
		cursor: pointer;
		font-weight: 400;
		padding: 0px 2px 0px 2px;
		margin: 0px;
		color: #000080;
		height: 12px;
		display: inline-block;
		font-size: 10px;
		transition-property: font-weight;
    transition-duration: 0.5s;
		border: 1px solid #bdc5df;
		border-radius: 5px;
		background: -moz-linear-gradient( top, #f5faff 0%, #b4d1ed 25%, #99c0e8 50%, #b3d3f2 75%, #d6ebff);
		background: -webkit-gradient( linear, left top, left bottom, from(#f5faff), color-stop(0.25, #b4d1ed), color-stop(0.50, #99c0e8), color-stop(0.75, #b3d3f2), to(#d6ebff));
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
	}
	.lablkup.old:hover {
		font-weight: 700;
		border-style: solid;
		border-color: #4e4e4e;
	}
	.header {
		padding: 2px 2px 2px 5px;
		font-size: 12px;
		font-weight: bold;
		background-color: #ffffff;
		width: 100%;
		color: #0000ff;
	}
	.ctxbn {										/* Right-click context menu buttons */
		color: black;
		text-decoration: underline;
		background-color: white;
		font-weight: normal;
		background-image: none;
		text-shadow: none;
	}
	.prbent,										/* Function key buttons - blue button with white text */
	.prbesc,
	.prbsav {
		color: white;
	}
	.prbstd,										/* Function key buttons - black underlined text */
	.prbadd {
		color: black;
		text-decoration: underline;
		background-color: white;
		font-weight: normal;
		background-image: none;
		text-shadow: none;
	}
	.prbstd:hover,
	.prbadd:hover {
		background-image: none;
		text-decoration: none;
		background-color: white;
	}
	.xbutton {
		cursor: pointer;
		color: #0000ff;
		font-size: 12px;
		padding: 1px;
		margin: 0px 0px 1px 0px;
		border-radius: 5px;
		border: 1px solid #bdc5df; /* #005380; */
		background: -moz-linear-gradient( top, #f5faff 0%, #b4d1ed 25%, #99c0e8 50%, #b3d3f2 75%, #d6ebff);
		background: -webkit-gradient( linear, left top, left bottom, from(#f5faff), color-stop(0.25, #b4d1ed), color-stop(0.50, #99c0e8), color-stop(0.75, #b3d3f2), to(#d6ebff));
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
	}
	.xbutton:focus {
		border-color: blue;
	}
	.xbutton:hover {
		border-color: #2e2e2e;
	}
	.vbuts, .vbut {
		width: 100%;
		text-decoration: underline;
		text-shadow: inherit;
		color: #2e2e2e !important;
		padding: 4px;
		background-color: #ffffff !important;
		background-image: inherit;
		background-repeat: inherit;
		filter: inherit;
	}
	.vbuts:hover, .vbut:hover {
		color: #69d9b9 !important;
	}
	.vbuts {
		margin: 0 0 2px 0;
		padding: 1px;
		height: 19px;
		line-height: inherit;
	}
	.vbuts:focus {
		color: #ffffff !important;
		border: 1px none #0000ff; /* #005380; */
		padding: 0px;
		margin: 0px 1px 2px;
		outline:none;
		background-color: #6391e4 !important;
	}
	.vbut:focus {
		color: #ffffff !important;
		outline:none;
		background-color: #6391e4 !important;
	}
	.hbut {
		text-decoration: underline;
		text-shadow: inherit;
		color: #2e2e2e !important;
		padding: 4px;
		background-color: #ffffff !important;
		background-image: inherit;
		background-repeat: inherit;
		filter: inherit;
	}
	.hbut:focus {
		color: #ffffff !important;
		outline:none;
		background-color: #6391e4 !important;
	}
	.hbut:hover {
		color: #69d9b9 !important;
	}
	.ddown {
		height: 19px;
		margin: 1px 0px;
		padding: 1px 2px;
		color: #0000ff;
		background-color: #edf2f5;		/* Was yellow ffffcc */
		border: 1px solid #bcbcbc;		/* was none */
		font-family: inherit;
		font-size: inherit;
		display: inline-block;
	}
	/*-----Tabs------*/
	.tab {
    list-style: none;
    margin: 0px;
    padding: 2px;
	}
	.tab li {
		margin: 0px 0px;
		padding: 1px 2px 2px 2px;
		border: 1px solid #AAA;
		background: #ffffff;
		display: inline-block;
		cursor: pointer;
		color: #ff0000;
	}
	.tab li:focus {
		height: 15px;
		font-weight: bold;
		outline:none;
	}
	.tabbox {
		border: 2px solid #bdc5df;
		border-radius: 0px;
	}
	/*-----Grids-----*/
	.tbldiv {
		float:left;
	}
	.cpatable {
		border-collapse: collapse;
		background-color: #ffffff;
		font-family: inherit;
		font-size: inherit;
		width:100%;
		empty-cells: show;
		margin: 0px 0px 0px 0px;
		display: table;
		table-layout: fixed;
	}
	.cpatable th {
		background-color: #dbe3e7;
		border-style: none;
		border-width: 3px;
		border-color: #bdc5df;
		padding: 0 4px 0 2px;
	}
	.cpatable td {
		border-style: solid;
		border-width: 0 1px;
		border-color: #bdc5df;
	}
	.cpatable tr {
		-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}
	/*tr.selected label { color:white !important; } this is now in code */
	.list tbody tr {
		padding: 0px;
		margin: 0px;
		height: 20px;
	}
	.list tbody td {
		padding: 0px 2px 0px 2px; /* was padding: 0px 10px 0px 1px; (see td label) */
		margin: 0px;
		white-space: nowrap;
		max-width: none;
		overflow: hidden;
	}
	.grid1 {
		table-layout: auto;
	}
	.grid1 tr {
		height: 15px;
		padding: 0px;
		margin: 0px;
	}
	.grid1 td {
		height: 15px;
		padding: 1px 0px 0px 0px;		/* was 0px but changed to correct FFPDCNVS */
		margin: 0px;
		border-style: none;
		white-space: nowrap;
	}
	.tablescroll {
		padding: 0px;
		margin: 0px;
		overflow:auto;
	}
	.grid {
		border: 1px solid #bdc5df;
		padding: 2px;
		table-layout: auto;
	}
	.grid tr {
		height: 21px !important;
		padding: 0px;
		margin: 0px;
	}
	.labelfocus {
		background: #eeffff;
		border: 1px solid #0000ff;
		border-radius: 0px;
		font-weight: 700;
	}
	.cpagooglemap {
		position: unset !important;
	}
	/*-----JQXgrid-----------------------*/
	.jqx-grid-column-header {
		font-weight: bold;
	}
	.jqx-widget-content {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
    font-size: 12px;
    font-style: normal;
	}
	.jqx-fill-state-normal {
    background: #efefef none repeat scroll 0 0;
    border-color: #aaa;
    box-sizing: content-box;
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
    font-size: 12px;
    font-style: normal;
	}
	/*-----Top banner and multipanel-----*/
	/* The dialog background colour is provided by the ui-widget-content (border) and .cpapanel .ui-dialog-content (bottom) */
	.topBanner { content: url('corporate.jpg'); }
	.cpapanel .ui-dialog-titlebar {
		padding: 1px 1px 1px 4px;
		font-weight: bold;
		color: #0000ff;
		border-radius: 0px;
	}
	.rsmenu {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 10px;
		padding: 0px !important;
		border-radius: 0px !important;
	}
	.cpapopup .ui-dialog-titlebar {
		padding: 1px 1px 1px 4px;
		font-weight: bold;
		color: #0000ff;
		border: none;
	}
	.cpamodal .ui-dialog-titlebar {
		padding: 1px 1px 1px 4px;
		font-weight: bold;
		color: #0000ff;
		border-radius: 0px;
	}
	.cpapanel {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 12px;
	}
	.cpapopup {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 12px;
		padding: 8px !important;
		border-radius: 5px !important;
	}
	.cpamsgbox {
		padding: 20px !important;
	}
	.cpamodal {
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		font-size: 12px;
	}
	.lowlight {
		opacity: 0.30;
	}
	.ui-dialog {
		overflow: visible;
		padding: 0;
		border-radius: 0;
	}
	.ui-dialog .ui-dialog-content {
		overflow: visible; padding: 0; border-radius: 0;
	}
	.cpapanel .ui-dialog-titlebar-close { display: none; }
	.cpapanel .ui-dialog-content { padding: 0px 10px 0px 10px; margin: 0px; background: #ffffff; }
	.cpapanel .ui-widget-header { padding: 0px 10px 0px 10px; background: #ffffff; color: #dc7633; border: 0px none; }
	.cpapopup .ui-dialog-titlebar-close { display: none; }
	.cpapopup .ui-dialog-content { padding: 0px; margin: 0px; background: #ffffff; }
	.cpapopup .ui-widget-header { background: #ffffff; color: #dc7633; }
	.cpamodal .ui-dialog-content { padding: 0px; margin: 0px; background: #ffffff; }
	.cpamodal .ui-widget-header { background: #dddddd; color: #dc7633; border: 1px solid grey; }
	.cpabg .ui-dialog-titlebar { display: none; }
	.cpabg .ui-dialog-titlebar-close { display: none; }
	.cpabg .ui-dialog-content { padding: 0px; margin: 0px; background: #ffffff; }
	.cpabg .ui-widget-header { background: #ffffff; }
	.ui-widget-content {
		background: #ffffff;
    border: 2px solid #808080;
    color: #383838;
	}
	.cpapopup .ui-widget-content {
		background: #ffffff;
    border: 0px solid #808080;
    color: #383838;
	}
	.ui-widget-overlay {
		background: #2e2e2e;
		opacity: 0.4;
		top: 80px;					/* This should match ui-widget-lowlight and htmlmakemodal */
	}
	.ui-widget-visible {
		background: #2e2e2e;
		opacity: 0;
		top: 80px;					/* This should match ui-widget-lowlight and htmlmakemodal */
	}
	.ui-widget-lowlight {
		background: white;
		opacity: 1;
		top: 80px;					/* This should match ui-widget-overlay and htmlmakemodal */
	}
	.ui-widget input, .ui-widget select {
		font-size: 12px;
		font-family: inherit;
		text-align: inherit;
	}
	.ui-widget textarea {
		font-size: 12px;
		font-family: inherit;
		text-align: inherit;
		display: inline-block;
		vertical-align: top;
	}
	.ui-widget button {
		font-size: 12px;
		font-family: inherit
	}
	.ui-widget .smallbut {
		background-color: #ebeff9;
		border: 1px solid #bcbcbc;
		border-radius: 0px;
		padding: 0px 1px 0px 1px;
		margin: 1px 0px 1px 0px;
		font-family: inherit;
		font-size: 12px;
		font-weight: 600;
		width: 98%;
		text-align: left;
		line-height: inherit;
		height: 19px;
	}
	.ui-widget .smallbut:focus {
		color: #ffffff !important;
		background-color: #6391e4 !important;
		border: 2px solid black;
		margin: 1px 0px 1px 0px;
		padding: 0px 1px 0px 1px;
		font-weight: 700;
		outline:none;
	}
	.ui-widget .smallbut:hover {
		border-color: #4e4e4e;
	}
	.ui-datepicker {
		font-size: 10px;
	}
	.largebut {						/* Class added to HOFUNC for large buttons */
		font-size: 14px !important;
		padding: 3px 6px 3px 6px;
		margin: 3px 0px 3px 0px;
	}
	.buttonselected {			/* Class added to block select when executing f-key subfunct to highlight (eg. tab) */
		/*border-color: blue !important;*/
		font-weight: bold;
		outline:none;
		text-decoration: underline;
		background-color: white !important;
	}
	/*-----CPA dropdowns in development-----*/
	.pdbmenu {
		display: inline-block;
		padding:0px 5px;
		margin:2px 0px;
	}
	.pdbmenu > li {
		display:inline-block;
	}
	.pdbmenu > li > a {
		border:1px solid #dce9f4;
		padding:0px 5px;
		background-color: #dce9f4;
		/*box-shadow:0px 2px 5px rgba(0,0,0,0.6);*/
	}
	.pdbmenu > li > a::after {
		display: inline-block;
		font: normal normal normal 8px/1 FontAwesome;
		content: "\f078";
		padding:0 0 2px 4px;
		vertical-align: middle;
	}
	.pdbmenu > li:hover ul {
		display:block;
		position:absolute;
	}
	.pdbmenu > li:hover > a::after {
		content: "\f077";
	}
	.pdbmenu a {
		white-space: nowrap;
		color:black;
		margin-right:1px;
	}
	.pdbmenu a:hover {
		display:inline;
	}
	.pdbmenu > li ul {
		display:none;
		background-color: #dce9f4;
		box-shadow:0px 2px 2px rgba(0,0,0,0.6);
		font-size:12px;
		transition:top 1s;
		-webkit-transition:all 0.5s linear;
		width:auto;
		padding:0px 5px;
		float:left;
		margin-top:1px;
	}
	/*-----CPA list drop-down styles--------*/
	.cpaldd {
		height: 11px;
		width:10px;
		position:absolute;
		right:35px;
		color:black;
		margin:-11px 0px 0px 0px;
		font-weight:bold;
	}
	.cpalddtr {
		margin:0px;
		padding:0px;
		display:inline-block;
	}
	.cpalddul {
		position:absolute;
		right:25px;
		margin:0px;
		padding:0px;
		text-align:right;
		outline:1px solid black;
		border-radius: 4px;
		background-color: #dce9f4;
		box-shadow:0px 2px 5px rgba(0,0,0,0.6);
	}
	.cpalddul a {
		color:black;
	}
	.cpalddul > li {
		padding:0px 10px;
	}
	/*-----CPA hover style to provide dropdown arrow on field--------*/
	.cpaifdec {
		font: normal normal normal 10px/1 FontAwesome;
		display:inline-block;
		width:0px;
    position: relative;
		right:12px;
	}
	.cpaifdec::before {
		content: "\f078";
	}
	/*-----Dropdowns-----*/
	.ui-selectmenu-menu .ui-menu {
		border: 1px solid #bcbcbc;
	}
	.ui-selectmenu-menu .ui-menu-item {
		margin: 1px 0px;
		padding-top: 1px;
		padding-bottom: 1px;
		font-size: 12px;
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
	}
	.ui-menu-item.ui-state-focus {
		background: #71a3ff !important;
		color: white;
	}
	.ui-selectmenu-button {
		height: 15px;
		margin: 1px 0px -2px 0px;
		padding: 1px 2px !important;
		background: none !important;
		border: 1px solid #bcbcbc !important;
	}
	.ui-selectmenu-button span.ui-selectmenu-text {
		font-size: 12px;
		font-family: "Roboto","Arial","Helvetica","Sans-Serif",serif;
		margin: 0px;
		padding: 0px 2px !important;
	}
	.ui-selectmenu-button.ui-corner-top {
		border-radius: 0px !important;
	}
	/*-----Field/Label highlight classes: foreground colours-----*/
	.cpafc00 {						/* Default label foreground: near-black */
		color: #2e2e2e;
	}
	.cpafc01 {						/* Light Grey (hidden data) */
		color: #ababab !important;
	}
	.cpafc02 {						/* Fg==Bg so hide fully */
		color: #ffffff !important;
		visibility: hidden !important;
	}
	.cpafc03 {						/* Dark Orange b84747 -> Dark orange */
		color: #c0392b !important;
		font-weight: bold;
	}
	.cpafc04 {						/* Standard display colour: Grey */
		color: #2e2e2e !important;
	}
	.cpafc05 {						/* Ochre b3b300 -> Ochre */
		color: #e67e22 !important;
		font-weight: bold;
	}
	.cpafc06 {						/* Magenta */
		color: #f000f0 !important;
		font-weight: bold;
	}
	.cpafc07 {						/* Mauve 9966cc -> Brown */
		color: #996633 !important;
		font-weight: bold;
	}
	.cpafc08 {						/* Red-5 eb613d -> Puce */
		color: #e7b0a9 !important;
		font-weight: bold;
	}
	.cpafc09 {						/* Light Grey */
		color: #c0c0c0 !important;
		font-weight: bold;
	}
	.cpafc10 {						/* Green-brown 808000 -> Mauve */
		color: #bc8dd0 !important;
		font-weight: bold;
	}
	.cpafc11 {						/* Violet 800080 -> Light blue */
		color: #4060ff !important;
		font-weight: bold;
	}
	.cpafc12 {						/* Red ff0000 -> Red */
		color: #ff0000 !important;
		font-weight: bold;
	}
	.cpafc13 {						/* Turquise 008080 -> Violet */
		color: #8e44ad !important;
		font-weight: bold;
	}
	.cpafc14 {						/* Light green 008000 -> Dark green */
		color: #16a085 !important;
		font-weight: bold;
	}
	.cpafc15 {						/* Violet-Blue 280099 -> Mustard */
		color: #e7b747 !important;
		font-weight: bold;
	}
	.cpafc16 {						/* Dark Blue 0000ff -> Dark blue */
		color: #0870cf !important;
		font-weight: bold;
	}
	.cpafc17 {						/* Default field foreground: dark grey */
		color: #4e4e4e !important;
	}
	.cpafc18 {						/* Default button foreground: near-black */
		color: #2e2e2e !important;
	}
	.cpafc19 {						/* Default small button foreground: near-black */
		color: #2e2e2e !important;
	}
	.cpafc20 {						/* Default tabs foreground: red */
		color: #ff0000 !important;
	}
	.cpafc21 {						/* Default legend foreground: grey */
		color: #2e2e2e !important;
		font-weight: 600 !important;
	}
	.cpafc22 {						/* Special: Fg==Bg==black so remove display */
		display: none !important;
	}
	.cpafc23 {						/* Html footer foreground: black */
		color: #000000 !important;
	}
	.cpafc24 {						/* Html header foreground: orange */
		color: #dc7633 !important;
	}
	.cpafc25 {						/* Field URL link foreground: blue */
		color: #0000ff !important;
	}
	.cpafc25:link    {color:#0000ff !important; background-color:transparent; text-decoration:underline}
	.cpafc25:visited {color:#cc00ff !important; background-color:transparent; text-decoration:none}
	.cpafc25:hover   {color:#ff0000 !important; background-color:transparent; text-decoration:underline}
	.cpafc25:active  {color:#0000ff !important; background-color:transparent; text-decoration:underline}
	.cpafc26 {						/* Html header foreground for message/choice windows: dark orange */
		color: #c0392b !important;
	}
	/*-----Additional highlight colours--------------*/
	.cpafc60 { background-color: #b3b6ff !important; }	/* Light blue/mauve background */
	.cpafc61 { background-color: #02e6b8 !important; }	/* Green/turquoise background */
	.cpafc62 { background-color: #c899e0 !important; }	/* Mauve background */
	.cpafc63 { background-color: #ffffb8 !important; }	/* Very light yellow background */
	.cpafc64 { background-color: #02e687 !important; }	/* Light green background */
	.cpafc65 { background-color: #03f7ff !important; }	/* Sky blue background */
	.cpafc66 { background-color: #ff8903 !important; }	/* Ochre background */
	.cpafc67 { background-color: #ff8a8a !important; }	/* Light red background */
	.cpafc68 { background-color: #96bdff !important; }	/* Blue focus background (was 71a3f8) */
	tr.selected.cpafc60 { background-color: #888bc2 !important; }	/* Light blue/mauve selected - darker */
	tr.selected.cpafc61 { background-color: #00b893 !important; }	/* Green/turquoise selected - darker */
	tr.selected.cpafc62 { background-color: #866696 !important; } /* Mauve selected - darker */
	tr.selected.cpafc63 { background-color: #d4d496 !important; } /* Beige */
	tr.selected.cpafc64 { background-color: #02b067 !important; }	/* Green selected - darker */
	tr.selected.cpafc65 { background-color: #00b9bf !important; }	/* Sky blue selected - darker */
	tr.selected.cpafc66 { background-color: #b36205 !important; }	/* Ochre selected - darker */
	tr.selected.cpafc67 { background-color: #a65858 !important; }	/* Light red slected - darker */
	tr.selected.cpafc68 { background-color: #2e2eff !important; }	/* Blue selected background */
	/*-----Field/Label background colour classes-----*/
	.cpabc00 {			/* default background */
		background-color: inherit;
	}
	.cpabc01 {			/* display field CYAN: background=yellow */
		background-color: #edf2f5;		/* Was yellow ffffcc */
		border: 1px solid #ffffff;
	}
	.cpabc02 {			/* input field LWHITE: background=white */
		background-color: #ffffff;
		transition-property: background,border-style;
    transition-duration: 2s;
	}
	.cpabc02:hover {
		background: #eeffff;
	}
	.cpabc02:focus {
		background: #eeffff;
		border: 1px solid #6391e4;		/* was 5f8eff */
		border-radius: 0px;
		height: 15px;
		outline:none;
	}
	.cpabc03 {			/* sub-total (display only) LCYAN */
		background-color: #d1d3d4;
	}
	.cpabc04 {			/* label (General background - light blue) */
		/*background-color: #ffffff;	/* General background: was dfe9f2; */
		padding: 1px 1px;
		border: solid 1px transparent;
	}
	.cpabc05 {			/* combo (drop-down) LWHITE: background=white */
		background-color: #ffffff;
		transition-property: background,border-style;
    transition-duration: 1s;
	}
	.cpabc05:hover {
		background: #eeffff;
	}
	.cpabc05:focus {
		background: #eeffff;
		border: 1px solid #3a12c7;		/* was 5f8eff */
		border-radius: 5px;
	}
	.cpabc06 {			/* lookup (lookup or non-dropdown block select) LWHITE: background=white */
		background-color: #ffffff;
		transition-property: background,border-style;
    transition-duration: 1s;
	}
	.cpabc06:hover {
		background: #eeffff;
	}
	.cpabc06:focus {
		background: #eeffff;
		border: 1px solid #6391e4;
		border-radius: 0px;
		outline:none;
	}
	.cpabc07 {			/* tabs off-white */
		background-color: #ececec;
	}
	.cpabc07:hover {
		background: #eeffff;
	}
	.cpabc07:focus {
		background: #eeffff;
		border: 1px solid #6391e4;
		border-radius: 0px;
		height: 15px;
		outline:none;
	}
	.cpabc08 {			/* buttons */
		background-color: #ffffff !important;
	}
	.cpabch9 {			/* Full width header */
		background-color: #ffffff !important;
		font-family: Roboto "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 18px !important;
		/*color: #dc7633 !important;*/
		border: none;
		height: auto;
		padding: 2px;
	}
	.cpabc09 {			/* Standard header */
		background-color: #ffffff !important;
		font-weight: bold;
		font-size: 16px !important;
		/*color: #dc7633 !important;*/
		border: none;
		height: auto;
		padding: 2px;
	}
	.cpabc10 {			/* Causeway background to top bar - lower section (msg 10063) */
		background-color: white;
		border: none;
		padding: 1px;
	}
	.cpabc11 {			/* Causeway background general override (msg 10227) */
		background-color: #f6f6f6;
	}
	.cpabc12 {			/* Causeway footer (msg 10228) */
		background-color: #969696;
		border: none;
		padding: 2px;
	}
	.cpabc13 {			/* Small header (eg.GLG01) */
		background-color: #ffffff !important;
		font-weight: bold;
		font-size: 12px !important;
		color: #dc7633 !important;*/
		border: none;
		height: auto;
		padding: 2px;
	}
	/* Foreground colours equivalent to the above but for highlighting */
	.cpafc41 {						/* Light Grey */
		color: #ababab !important;
	}
	.cpafc42 {						/* White */
		color: #ffffff !important;
	}
	.cpafc43 {						/* Dark Orange b84747 -> Dark orange */
		color: #c0392b !important;
	}
	.cpafc44 {						/* Standard display colour: Grey */
		color: #2e2e2e !important;
	}
	.cpafc45 {						/* Ochre b3b300 -> Ochre */
		color: #e67e22 !important;
	}
	.cpafc46 {						/* Magenta */
		color: #f000f0 !important;
	}
	.cpafc47 {						/* Mauve 9966cc -> Brown */
		color: #996633 !important;
	}
	.cpafc48 {						/* Red-5 eb613d -> Puce */
		color: #e7b0a9 !important;
	}
	.cpafc49 {						/* Light Grey */
		color: #c0c0c0 !important;
	}
	.cpafc50 {						/* Green-brown 808000 -> Mauve */
		color: #bc8dd0 !important;
	}
	.cpafc51 {						/* Violet 800080 -> Light blue */
		color: #4060ff !important;
	}
	.cpafc52 {						/* Red ff0000 -> Red */
		color: #ff0000 !important;
	}
	.cpafc53 {						/* Turquise 008080 -> Violet */
		color: #8e44ad !important;
	}
	.cpafc54 {						/* Light green 008000 -> Dark green */
		color: #16a085 !important;
	}
	.cpafc55 {						/* Violet-Blue 280099 -> Mustard */
		color: #e7b747 !important;
	}
	.cpafc56 {						/* Dark Blue 0000ff -> Dark blue */
		color: #0870cf !important;
	}
	/* -------------------------------------------------------- */
	/* Background colours equivalent to the foreground variants */
	.cpabc41 {						/* Light Grey */
		background-color: #ababab !important;
	}
	.cpabc42 {						/* White */
		background-color: #ffffff !important;
	}
	.cpabc43 {						/* Dark Orange b84747 -> Dark orange */
		background-color: #c0392b !important;
	}
	.cpabc44 {						/* Standard display colour: Grey */
		background-color: #2e2e2e !important;
	}
	.cpabc45 {						/* Ochre b3b300 -> Ochre */
		background-color: #e67e22 !important;
	}
	.cpabc46 {						/* Magenta */
		background-color: #f000f0 !important;
	}
	.cpabc47 {						/* Mauve 9966cc -> Brown */
		background-color: #996633 !important;
	}
	.cpabc48 {						/* Red-5 eb613d -> Puce */
		background-color: #e7b0a9 !important;
	}
	.cpabc49 {						/* Light Grey */
		background-color: #c0c0c0 !important;
	}
	.cpabc50 {						/* Green-brown 808000 -> Mauve */
		background-color: #bc8dd0 !important;
	}
	.cpabc51 {						/* Violet 800080 -> Light blue */
		background-color: #4060ff !important;
	}
	.cpabc52 {						/* Red ff0000 -> Red */
		background-color: #ff0000 !important;
	}
	.cpabc53 {						/* Turquise 008080 -> Violet */
		background-color: #8e44ad !important;
	}
	.cpabc54 {						/* Light green 008000 -> Dark green */
		background-color: #16a085 !important;
	}
	.cpabc55 {						/* Violet-Blue 280099 -> Mustard */
		background-color: #e7b747 !important;
	}
	.cpabc56 {						/* Dark Blue 0000ff -> Dark blue */
		background-color: #0870cf !important;
	}
	/* -------------------------------------------------------- */
	.ui-slider {
		border: none;
	} 
  .ui-slider .ui-slider-handle { 
		background: #939393;
    width: 8px;
    height: 37px;
    left: -1px;
  }
	.cpascrhdr {
		width: 10px;
		padding: 0px !important;
		margin: 0px !important;
	}
  .cpascroll {
		width: 10px;
		padding: 0px;
		margin: 32px 0px 0px 0px;
		background-color: #dbe3e7;
		display: inline-block;
		border: none !important;
	} 
	.cpascrtd {
		padding: 0px !important;
		margin: 0px; !important;
		border: none !important;
		white-space: nowrap;
		max-width: none !important;
	}
	.cpascrbg {
		padding: 0px;
		margin: 0px;
		background-color: #dbe3e7;
		border: none !important;
		float:left;
		width:10px;
	}
	.cpascrbut {
		padding: 0px;
		margin: 0px 0px 4px 0px;
		height: 18px;
		width: 10px;
		background-color: #939393 !important;
		border: 1px outset #4e4e4e;
		border-radius: 0px;
		color: #ffffff;
		background-image: none;
	}
	.cpaMenuD {
		color: #71a3ff !important;
	}
	.cpaMenuD:hover {
		color: #ffffff !important;
	}
	/*-----Causeway styling classes----------------*/
	/**:before, *:after { box-sizing: border-box; }*/
	.dropdown-menu {
		position: absolute;
		right: 0px;			/* -18px; */
		border-top: 0;
		border-radius: 0;
		padding: 10px 1px 10px 1px;
		-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
		background-color: rgba(255, 255, 255, 1);
		list-style: none;
	}
	.dropdown-menu > li {
		line-height: 1.4285;
	}
	.dropdown-menu > li > a {
		padding: 0px 10px;
		text-decoration: none;
		color: #333;
		white-space: nowrap;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		background-color: #71a3ff;
		color: #fff;
		display: block;
	}
	.dropdown-menu#glyphmenu>li:last-child {
		padding-top: 5px;
		margin-top: 5px;
		border-top: solid 1px #58595b;
		color: #58595b;
	}
	@font-face {
		font-family: 'CausewayGlyphicons';
		src: url('fonts/causeway-glyphicons.eot');
		src: url('fonts/causeway-glyphicons.eot?#iefix') format('embedded-opentype'), url('fonts/causeway-glyphicons.woff') format('woff'), url('fonts/causeway-glyphicons.ttf') format('truetype'), url('fonts/causeway-glyphicons.svg#glyphicons-halflingsregular') format('svg');
	}
	.glyphicon-pagination-first,
	.glyphicon-pagination-prev,
	.glyphicon-pagination-next,
	.glyphicon-pagination-last,
	.glyphicon-threeLine-menu,
	.glyphicon-tree-plus,
	.glyphicon-tree-minus,
	.glyphicon-notification,
	.glyphicon-close,
	.glyphicon-caret-up,
	.glyphicon-caret-down,
	.glyphicon-thick-tick,
	.glyphicon-caret-left,
	.glyphicon-caret-right {
		font-family: 'CausewayGlyphicons';
	}
	.glyphicon-folder-open:before {
		content: "\e118";
	}
	.glyphicon-pagination-prev:before {
		content: "\e800";
	}
	.glyphicon-pagination-next:before {
		content: "\e801";
	}
	.glyphicon-pagination-last:before {
		content: "\e802";
	}
	.glyphicon-pagination-first:before {
		content: "\e803";
	}
	.glyphicon-threeLine-menu:before {
		content: "\e804";
	}
	.glyphicon-tree-plus:before {
		content: "\e805";
	}
	.glyphicon-tree-minus:before {
		content: "\e806";
	}
	.glyphicon-notification:before {
		content: "\e807";
	}
	.glyphicon-close:before {
		content: "\e808";
	}
	.glyphicon-caret-up:before {
		content: "\e809";
	}
	.glyphicon-caret-down:before {
		content: "\e80A";
	}
	.glyphicon-thick-tick:before {
		content: "\e80B";
	}
	.glyphicon-caret-left:before {
		content: "\e80C";
	}
	.glyphicon-caret-right:before {
		content: "\e80D";
	}
	a.glyphicon {
		text-decoration: none;
	}
	.glyph {
		cursor: pointer;
		padding: 6px 6px 9px 7px;
		margin: 1px;
		border: none;
	}
	.glyph-loc {
		top: -5px;
	}
	.glyphurl {
		cursor: pointer;
		padding: 1px;
		margin: 8px 8px 4px 8px;
		border: none;
	}
	.glyph:hover {
		padding: 6px 6px 10px 7px;
		margin: -1px 0px 0px 0px;
		border: 1px solid gray;
		background: #71a3f8; color: white !important;
	}
	.glyphurl:hover {
		padding: 8px;
		margin: 0px 0px 0px 0px;
		border: 1px solid gray;
		background: #71a3f8; color: white !important;
	}
	.glyphurlselected {
		padding: 2px 4px 4px 4px;
		margin: 4px 4px 0px 4px;
		border: 1px solid gray;
		background: #71a3f8; color: white !important;
	}
	.glyphicon {
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: 'CausewayGlyphicons';
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		padding 0px 0px 0px 0px;
		margin 0px 10px 0px 10px;
	}
	/*.glyphicon { top: 0; color: #4e4e4e; width: auto; margin-left: 10px; margin-right: 10px; }*/
	/*.glyphicon:hover { background: #71a3f8; color: white !important; border: 1px solid gray; }*/
	/*.glyphicon:hover { border: 1px solid gray; padding 5px; }*/
	.glyphicon-threeLine-menu {
		font-family: 'CausewayGlyphicons';
	}
	.glyphicon-threeLine-menu:before {
		content: "\e804";
	}
	/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
	@font-face {
		font-family: 'FontAwesome';
		src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
		src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	.fa {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.fa-sitemap:before {
		content: "\f0e8";
	}
	.fa-folder-open:before {
		content: "\f07c";
	}
	.fa-chevron-down:before {
		content: "\f078";
	}
	.additional-nav-info {
		font-family:arial,sans-serif;
		font-size:12px;
		line-height:34px;
		text-align: right;
		margin-right:15px;
		color:#58595b;
		float: right;
	}
	.additional-nav-info.site-notification {
		display: inline-block;
		height:34px;
		width:34px;
		margin-right:5px;
		text-align: center;
		color: inherit;
		position: relative;
	}
	.additional-nav-info.site-notification:hover {
		background:#71a3ff;
		color:#fff;
	}
	.additional-nav-info.site-notification:hovera {
		color: inherit;
	}
	.additional-nav-info.site-notificationa {
		color: inherit;
		display: block;
		height:34px;
		width:34px;
		text-align: center;
	}
	.additional-nav-info.site-notification.glyphicon-notification {
		font-size:15px;
	}
	.additional-nav-info.site-notification.notification-count {
		display: none;
		width:18px;
		height:18px;
		-webkit-border-radius:18px;
		-moz-border-radius:18px;
		border-radius:18px;
		background-color:#d2352c;
		border:2px solid#fff;
		text-align: center;
		line-height:14px;
		font-weight: bold;
		font-size:9px;
		color:#fff;
		position: absolute;
		top:4px;
		right:4px;
	}
	.additional-nav-info.site-notification.has-notificationa {
		text-align: left;
	}
	.additional-nav-info.site-notification.has-notification.glyphicon-notification {
		padding-left:5px;
	}
	.additional-nav-info.site-notification.has-notification.notification-count {
		display: block;
	}
	.additional-nav-info> span {
		margin-right:20px;
	}
	.additional-nav-info> span:last-child {
		margin-right:0;
	}
	.additional-menu {
		position: relative;
		height:24px;
		display: inline-block;
		float:right;
		top: -4;
	}
	.cpaurls-menu {
		position: absolute;
		left: 20px;
		height:34px;
		display: inline-block;
		float:left;
		top: 1px;
	}
	.cpaurls-hdr {
		color: white;
		border-bottom: 1px solid black;
		padding: 0px 0 6px 9px;
		margin: 0 0 14px 0;
		box-shadow: 0 1px 0 #707070;
	}
	.cpaurls-lbl {
		font: bold 12px Arial, sans-serif;
		line-height: 24px;
		min-height: 24px;
		padding: 0 0 0 12px;
		color: white !important;
	}
	.cpaurls-div {
		display: inline-block;
		width: auto;
	}
	.additional-menu.open> a {
		background-color:#71a3ff;
		color:#fff;
	}
	.additional-menu> a {
		height:34px;
		line-height:34px;
		padding:0 10px;
		display: inline-block;
		cursor: pointer;
		color: inherit;
	}
	.additional-menu> a >span {
		color: inherit;
	}
	.additional-menu> a:hover {
		background-color:#71a3ff;
		color:#fff;
	}
	.additional-menu> a + .dropdown-menu {
		right:0;
		left: auto;
		text-align: left;
	}
	.site-menu {
		clear: both;
		background-color:#ffffff;
		border: none;
		height:34px;
		margin-bottom:0;
		min-height:34px;
		padding-left:76px;
	}
	/*-----Sample dropdown menu--------------------*/
	.clearfix:after {
    display:block;
    clear:both;
	}
	/*----- Menu Outline -----*/
	.menu-wrap {
		box-shadow:0px 1px 3px rgba(0,0,0,0.2);
		background:#3e3436;
		float: right;
	}
	.menu {
		margin:0px auto;
	}
	.menu li {
		margin:0px;
		list-style:none;
	}
	.menu a {
		transition:all linear 0.15s;
		color:#0000ff;
	}
	.menu li:hover > a, .menu .current-item > a {
		text-decoration:none;
		color:#be5b70;
	}
	/*----- Top Level -----*/
	.menu > ul > li {
		float:left;
		display:inline-block;
		position:absolute;
		font-size:14px;
	}
	.menu > ul > li > a {
		padding:1px;
		display:inline-block;
		text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	}
	.menu > ul > li:hover > a, .menu > ul > .current-item > a {
		background:#dfe9f2;
	}
	/*----- Bottom Level -----*/
	.menu li:hover .sub-menu {
		z-index:1;
		opacity:1;
	}
	.sub-menu {
		width:400%;
		padding:1px;
		position:absolute;
		top:100%;
		left:0px;
		z-index:-1;
		opacity:0;
		transition:opacity linear 0.15s;
		box-shadow:0px 2px 3px rgba(0,0,0,0.2);
		background:#dfe9f2;
	}
	.sub-menu li {
		display:block;
		font-size:12px;
	}
	.sub-menu li a {
		padding:1px;
		display:block;
	}
	.sub-menu li a:hover, .sub-menu .current-item a {
		background:#ffffff;
	}
	/*-----Causeway menu classes----------------*/
	.cpamenubuttons {
		font: bold 12px Arial, sans-serif;
		margin: 0;
		padding: 0;
	}
	.cpauserbutton {
		/*border: 1px solid #4e4e4e;*/
		/*font: bold 12px Arial, sans-serif;*/
		margin: 0;
		padding: 0px;
		position: fixed;
		right: 20px;
		top: 0px;
	}
	/*-----Causeway footer classes----------------*/
	#foot {
		width:100%;
	}
	.container {
		width: 100%;
		min-width: 1024px;
		z-index: 3001;
		margin: 0;
	}
	.site-footer {
		bottom: 0;
		left: 0;
		position: fixed;
		width: 100%;
		background-color: #969696;
		color: #ffffff;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		z-index: 2999;
		padding: 0 10px;
		font-size: 14px;
	}
	.site-footer div {
		display: inline-block;
		width: 48%;
	}
	.site-footer div:first-child {
		text-align: left;
		margin-right: 3%;
	}
	.site-footer div:last-child {
		text-align: right;
	}
	/*-----Causeway tabs classes----------------*/
	.nav {
		margin-bottom: 0;
		margin-top: 10px;
		padding-left: 0;
		list-style: none;
	}
	.nav:before,
	.nav:after {
		content: " ";
		display: table;
	}
	.nav:after {
		clear: both;
	}
	.nav:before,
	.nav:after {
		content: " ";
		display: table;
	}
	.nav:after {
		clear: both;
	}
	.nav > li {
		position: relative;
		display: block;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
	}
	.nav > li > a:hover,
	.nav > li > a:focus {
		text-decoration: none;
		background-color: #eeeeee;
	}
	.nav > li.disabled > a {
		color: #999999;
	}
	.nav > li.disabled > a:hover,
	.nav > li.disabled > a:focus {
		color: #999999;
		text-decoration: none;
		background-color: transparent;
		cursor: not-allowed;
	}
	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus {
		background-color: #eeeeee;
		border-color: #428bca;
	}
	.nav .nav-divider {
		height: 1px;
		margin: 7.5px 0;
		overflow: hidden;
		background-color: #e5e5e5;
	}
	.nav > li > a > img {
		max-width: none;
	}
	.nav-tabs {
		border-bottom: 1px solid #dddddd;
	}
	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
	}
	.nav-tabs > li > a {
		margin-right: 2px;
		line-height: 1.428571429;
		border: 1px solid transparent;
		border-radius: 4px 4px 0 0;
	}
	.nav-tabs > li > a:hover {
		border-color: #eeeeee #eeeeee #dddddd;
	}
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		color: #555555;
		background-color: #ffffff;
		border: 1px solid #dddddd;
		border-bottom-color: transparent;
		cursor: default;
	}
	.nav-tabs > li {
		position: relative;
	}
	.nav-tabs > li > a {
		border-radius: 7px 7px 0 0;
		display: block;
		font-weight: bold;
		line-height: 22px;	/* was 30 */
		margin-right: 5px;
		padding: 0 10px;		/* was 20 */
		vertical-align: middle;
		background-color: #e3e3e3;
		border: 1px solid #d2d2d2;
		color: #58595b;
	}
	.nav-tabs > li > a:hover {
		background-color: #ffffff;
		border: 1px solid #d2d2d2;
		color: #58595b;
	}
	.nav-tabs > li > a:hover:after {
		background-position: 0 0;
	}
	.nav-tabs > li > a:focus {
		background-color: #ffffff;
		border: 1px solid #d2d2d2;
		color: #58595b;
		text-decoration: underline;
	}
	.nav-tabs > li > a:after {
		background-image: url(../images/icons/tab-corner.png);
		background-repeat: no-repeat;
		background-position: 0 -8px;
		bottom: 0;
		content: '';
		display: block;
		height: 8px;
		position: absolute;
		right: -6px;
		width: 6px;
	}
	.nav-tabs > li.active > a,
	.nav-tabs > li.open > a,
	.nav-tabs > li.active > a:link,
	.nav-tabs > li.open > a:link,
	.nav-tabs > li.active > a:visited,
	.nav-tabs > li.open > a:visited,
	.nav-tabs > li.active > a:active,
	.nav-tabs > li.open > a:active {
		background-color: #ffffff;
		border: 1px solid #d2d2d2;
		border-bottom: 1px solid #ffffff;
		color: #58595b;
	}
	.nav-tabs > li.active > a:after,
	.nav-tabs > li.open > a:after,
	.nav-tabs > li.active > a:link:after,
	.nav-tabs > li.open > a:link:after,
	.nav-tabs > li.active > a:visited:after,
	.nav-tabs > li.open > a:visited:after,
	.nav-tabs > li.active > a:active:after,
	.nav-tabs > li.open > a:active:after {
		background-position: 0 0;
	}
	.nav-tabs > li.disabled > a,
	.nav-tabs > li.disabled > a:link,
	.nav-tabs > li.disabled > a:visited,
	.nav-tabs > li.disabled > a:hover,
	.nav-tabs > li.disabled > a:active,
	.nav-tabs > li.disabled > a:focus {
		background-color: #e3e3e3;
		border: 1px solid #d2d2d2;
		color: #ffffff;
	}
	/*-----Causeway account-management----------*/
	.account-management {
		float: right;
		margin-right: 0px;
		height: 45px;
	}
	.account-management .user-avatar,
	.account-management .user-info {
		display: inline-block;
	}
	.account-management .user-avatar {
		margin-top: 7px;
		margin-right: 10px;
	}
	.account-management .user-avatar img {
		max-height: 32px;
		max-width: 32px;
		width: 32px;
		height: auto;
		border-radius: 100%;
	}
	.account-management .user-info {
		height: 45px;
		line-height: 45px;
	}
	.account-management .user-info .dropdown-menu>li {
		padding: 0px 10px;
	}
	.account-management .user-info .dropdown-menu>li>a {
		padding: 0px;
		color: #58595b;
	}
	.account-management .user-info .dropdown-menu>li:last-child {
		padding-top: 5px;
		margin-top: 5px;
		border-top: solid 1px #58595b;
		color: #58595b;
	}
	.account-management .user-info .dropdown-menu {
		left: auto;
		right: 0;
		z-index: 1001;
		width: 260px;
	}
	.account-management .user-info a {
		font: bold 13px;
		color: #58595b;
		margin-right: 20px;
		text-decoration: none;
	}
	.account-management .user-info a:hover {
		text-decoration: underline;
	}
	.account-management .user-info a:last-child,
	.account-management .user-info a:last-of-type {
		margin-right: 0;
	}
	.account-management .user-info a .caret {
		border-color: #7a7a7a transparent transparent transparent;
		margin-bottom: 4px;
	}
	.dropdown {
		position: relative;
	}
	.dropdown-toggle:focus {
		outline: 0;
	}

	/*------------Classes for running panels without background-------*/
.TRADEX .ui-widget-overlay {
		background: #2e2e2e;
		opacity: 0.4;
		top: 0px;					/* This should match ui-widget-lowlight and htmlmakemodal */
	}
.TRADEX	.ui-widget-visible {
		background: #2e2e2e;
		opacity: 0;
		top: 0px;					/* This should match ui-widget-lowlight and htmlmakemodal */
	}
.TRADEX	.ui-widget-lowlight {
		background: white;
		opacity: 1;
		top: 0px;					/* This should match ui-widget-overlay and htmlmakemodal */
	}
.TRADEX .shell-left-navigation .divider-navigation {
  top: 0px;
  left: 302px;
  z-index: 101;
}
.TRADEX .navigation-pane-left {
  position: fixed;
 /* font-size: 12px;
  font-size: 1.2rem; */
  font-weight: normal;
  font-family: Arial, sans-serif;
  color: #ffffff;
  width: 300px;
  height: 100% !important;
  float: left;
  margin-top: -8px;
  padding: 5px 0 0;
  background-color: #333333;
  z-index: 101;
  left:  0px;
}
/* Fix for font color on highlight */
tr.selected label.cpafc03 { color: #c0392b !important; }
tr.selected label.cpafc05 { color: #e67e22 !important; }
tr.selected label.cpafc06 { color: #f000f0 !important; }
tr.selected label.cpafc07 { color: #996633 !important; }
tr.selected label.cpafc08 { color: #e7b0a9 !important; }
tr.selected label.cpafc09 { color: #c0c0c0 !important; }
tr.selected label.cpafc10 { color: #bc8dd0 !important; }
tr.selected label.cpafc11 { color: #4060ff !important; }
tr.selected label.cpafc12 { color: #ff0000 !important; }
tr.selected label.cpafc13 { color: #8e44ad !important; }
tr.selected label.cpafc14 { color: #16a085 !important; }
tr.selected label.cpafc15 { color: #e7b747 !important; }
tr.selected label.cpafc16 { color: #0870cf !important; }
/*-------------END OF MAIN CPA STUFF-----------------------*/

/* Divider class */


.divider {
  background-color: #cccccc;
  cursor: default;
  position: fixed;
}
/*.divider:after {
  color: #666666;
  content: '';
  display: block;
  height: 34px;
  left: -2px;
  margin-top: -73px;
  position: absolute;
  top: 50%;
  width: 6px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  background: repeating-linear-gradient(180deg, #ffffff, #ffffff 1px, #666666 1px, #666666 2px);
} */
.divider-vertical,
.divider-navigation {
  border-bottom: none;
  border-top: none;
  float: left;
  margin-left: -5.5px;
  left: 50%;
  min-height: 100%;
  /* width: 11px; */
  border-left: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
}
.divider-horizontal {
  border-left: none;
  border-right: none;
  margin-top: -5.5px;
  top: 50%;
  min-width: 100%;
  height: 11px;
}
.double-pane {
  float: left;
  width: 50%;
}



/* Left Navigation and slider */
.shell-left-navigation.page:after {
  display: none;
}
.shell-left-navigation .divider-navigation {
  top: 80px;
  left: 302px;
  z-index: 101;
}
.shell-left-navigation .divider-navigation .handle {
  content: '';
  display: block;
  position: absolute;
  width: 17px;
  height: 25px;
  background: #ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAQCAYAAAAxtt7zAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEAGlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjajZXPbxRlGMc/u/POrAl1DqYCFlMn/gBCSrOAQRoE3e0u20Itm22LbWNitrNvd8dOZ8d3ZsuP9MRFb6D+ASpy8GDiyQR/RbgABw0kBA2xITHhUOKPEEm4GFIPs92d1jb1PT37fb/P9/k+z/tkB1Kfl33fTVow64WqVMha4xOTVuoOSZ5hE11sKtuBnykWhwDKvu+y8iTg0c8kAG7tXuN+o7OpIgMbEk8A9Upgz0LiFOiu7asQjHvAgZOhH0LqWaBTjU9MQioNdFajOAd0TkXxONCpRkv9kHIB066VK5CaB3qmYng1FkceAOgsSE8qx7ZKhaxVVPVpx5Uxuxtc/88z6zaW63UDHcHMyDFgJyRO1dRAqRl/YpfzI8CLkLjuh9kSsB0SfzRmxjLALkg+Na2OjEX85KtnaqNvApshWXHCwdEmfsabGj4e5SYvzNSPlZqc63bQPwk8D8m7NTk4FPnRqMhcHugBrbvWGGjqa0eDuZH8ss6ZWv9wpKOpd8pHi0AXaO+reul45Fm7IN1CKdLXrvphselBW/Tc4aFIU5gyyI8s42FtdCDKFftDNdrMFZPTzpHBJn/ed4tDkTdxUTVKY03OzbLKFyId8bf0xpqa+tZKOXcM6AX9MCcSZSR1ppDYeDzGokSBLBY+ijrTOLgUkHhIFE7iSWZw1uEVkahm3GZUkXgsonCw1+FEFe43OXWxRaTFPpEWB8WQOCQOiD4s8Zp4XRwWOZEWfeJgK7cYq29R5X5L510aSCxKnCB7vquxs13vrHrbsW+ce7Aiu/4fz3LZT3wCBMy0mLvj/V+b/25rW+O2uPTWrY5r8xzfaL76PX1Rv63f0+/oC22G/qu+oC/od8jg4lJFMovEwUMSxBzEe7iCS0gZl9/wqMd4KypOe+e72jf2jXMP5HvDj4Y529NG07+k/0zfTn+avpj+fdWU15yS9pH2lfa99rX2jfYjlnZZu6L9oF3VvtS+jb3V+vvRensysW4l3pqzlrhm1txmvmDmzOfMl8yhtp65xdxjDpg7zJy5rfVu8XrxXhwmcFtTXbtWxBvDw+EkEkVAGReP06v2v5ktusUeMbhqaw+Ig6Ll0sgbOSODZewy+ow9xlEj0/Zn7DByRp+xw8iv2Dp7nQ5kjBXvczdTSAJmUDjMIXEJkKE8FQL01/3TyqnWQmtvOv2KlfF9V1qDnt3bY5Vd11JOtRYGlpKBVHOy0sv4xKQV/UU/LJEAEptvtLHwDTj0F2g329hkA74IYMvLbWxnFzz9MVzabzfU3PI3M/ETBNP79ka/OrKg311aergdUh/C4w+Wlv65sLT0+DPQFuCy+y9gZXF57k4HNAAAACBjSFJNAABtmAAAc44AAPJ7AACE2gAAbpQAAOUaAAAzJwAAGReZSRx/AAAAPUlEQVR42mKMiIw+zMDAYMMAAUeYkDgMDAwMNkwMaICJgYHhCBL/KAsDA4MtugoMLYcZGBj+Q/HhQWsLYAACExB48eQafwAAAABJRU5ErkJggg==') no-repeat center center;
  top: 0;
  right: 2px;
  cursor: pointer;
}
.shell-left-navigation .divider-navigation .handle:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 17px 20px 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  top: 25px;
  right: 0;
}
.shell-left-navigation .divider-navigation .handle.closed {
  right: auto;
  left: 2px;
}
.shell-left-navigation .divider-navigation .handle.closed:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 13px 0 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 25px;
  left: 5px;
}
.shell-left-navigation .divider-navigation .handle.closed:after {
  right: auto;
  left: 0;
  border-width: 20px 17px 0 0;
  border-color: #ffffff transparent transparent transparent;
}
.shell-left-navigation .navigation-pane-right {
  width: auto;
  float: none;
  margin-left: 300px;
}
.shell-left-navigation .navigation-pane-right .navigation-pane-right {
  margin-left: 0;
}
.navigation-content-wrapper {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.navigation-pane-left {
  position: fixed;
 /* font-size: 12px;
  font-size: 1.2rem; */
  font-weight: normal;
  font-family: Arial, sans-serif;
  color: #ffffff;
  width: 300px;
  height: 100%;
  float: left;
  margin-top: 72.5px;
  padding: 5px 0 0;
  background-color: #333333;
  z-index: 101;
  left:  0px;
}
.navigation-pane-left .navigation-list {
  list-style: none;
  padding-left: 0;
  margin: 0 -12px;
}
.navigation-pane-left .navigation-list li a {
  display: block;
  padding: 5px 12px;
  font-weight: normal;
  text-decoration: none;
}
.navigation-pane-left .navigation-list li.active > a,
.navigation-pane-left .navigation-list li.selected > a,
.navigation-pane-left .navigation-list li:hover > a {
  text-decoration: none;
  background-color: #6391e4;
  font-weight: bold;
}
.navigation-pane-left .navigation-list .navigation-sub-list {
  list-style: none;
  margin-left: 12px;
  padding-left: 0;
}
.navigation-pane-left a {
  color: inherit;
}
.navigation-pane-left a:hover {
  text-decoration: none;
  background-color: #6391e4;
  font-weight: bold;
}
.navigation-pane-left .navigation-header {
  border-bottom: 1px solid #000000;
  -webkit-box-shadow: 0 1px 0 #7f7f7f;
  -moz-box-shadow: 0 1px 0 #7f7f7f;
  box-shadow: 0 1px 0 #7f7f7f;
  /* padding: 2px; */
  min-width: 250px;
  overflow: hidden;
}
.navigation-pane-left .navigation-header h2 {
  /*font-size: 12px;
  font-size: 1.2rem; */
  font-weight: bold;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}
.navigation-pane-left .navigation-content {
  min-width: 250px;
  overflow: hidden;
  padding: 2px 0px 2px 7px; 
}
.navigation-pane-left .scroll-element.scroll-x {
  display: none !important;
}
.navigation-pane-left.closed {
  width: 0;
}
.navigation-pane-left.closed + .divider-navigation {
  left: 0;
}
.navigation-pane-left.closed + .divider-navigation .handle {
  right: auto;
  left: 2px;
}
.navigation-pane-left.closed + .divider-navigation .handle:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 13px 0 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 25px;
  left: 5px;
}
.navigation-pane-left.closed + .divider-navigation .handle:after {
  right: auto;
  left: 0;
  border-width: 20px 17px 0 0;
  border-color: #ffffff transparent transparent transparent;
}
.navigation-pane-left.closed ~ .navigation-pane-right {
  margin-left: 0;
}
.scroll-wrapper > .scroll-element.scroll-x {
  height: 10px;
}
.scroll-wrapper > .scroll-element.scroll-x .scroll-element_track {
  height: 8px;
}
.scroll-wrapper > .scroll-element.scroll-y {
  width: 10px;
}
.scroll-wrapper > .scroll-element.scroll-y .scroll-element_track {
  width: 8px;
}
.scroll-wrapper > .scroll-element .scroll-element_track,
.scroll-wrapper > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: .8;
}
.scroll-wrapper > .scroll-element .scroll-element_track {
  background-color: #f0f0f0;
  border: 1px solid #58595b;
}
.scroll-wrapper > .scroll-element .scroll-bar {
  background-color: #58595b;
}
.scroll-wrapper > .scroll-element .scroll-bar:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: .9;
}
.scroll-wrapper > .scroll-element:hover .scroll-bar,
.scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #58595b;
}
.scroll-wrapper > .scroll-content.scroll-scrolly_visible {
  padding-right: 11px;
}
.scroll-wrapper > .scroll-content.scroll-scrollx_visible {
  padding-bottom: 11px;
}
/* End of left navigation with slide */



/* Menu Filter Search */
.tree-view li.hide {
        display: none !important;
    }

#menufilter {
    background-color: #ffffff;
    width: 273px;
    height: 24px;
    /* padding: 13px; */
    padding-left: 8px;
    border: 1px solid #f5f5f5;
    /* font-size: 15px; */
    color: gray;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAACXBIWXMAARlAAAEZQAGA43XUAAABtElEQVR4nO3Xy07CQBQGYN7/EYRyK0QxEFIIS0kUxABWLEi4SAEhXEq4LHiA48wknaBCdTUm7f8ls+os5vydzpyGQgAAAAAAAAAAAAAAAOBpt9vReDIhezym7XZL/70e5SbTKeXyeQprGl2Fw2KEIxHK5nI0su1gBGK2Wl8C+D54IE/1ur/DeB+NRKG84FgiQY1GgxaLBS2XSzJNkxK6LsPo9Xr+DeMmkxGFxpNJ2mw2Pwrd7/ekp1Jijp5O+zMI/ubd7W+12xeL5DvBncfPEpVrVOKt25UFHg4HzwLdM6TFzhNV61Om3enIIH6b6wbxzM4NFWtTivcLbhC2xxU5n8/lvMFw6L8guDi7KXiBvF+4NMcoFMQcLRaj4/HozyDqzaZ824Zh0Gq1koU67BYplkry+WOt5s8QXKfF8rMgyXoHnY3TJuuaXbP/vU4lKtUqaV7dJXvmOE4wwuBXqGVZ9FCp0D0bL+yqdM8Q8ekUi8EI4pxXFszpzugPBsEN4zablUGk/Npm/8XHbCZ/zMSu6PeDG8ZduSxCiESjtF6vgxsExzvRc3+oAAAAAAAAAAAAAAAQaJ+zaKlFBJGbeQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: right -10px center;
    outline: none;
   /* box-shadow: inset 2px 0px 13px #cccccc;
     -webkit-border-radius: 3px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; */
   	margin-top: 5px; 
}
.show {

  }
.matched { background-color: #71a3ff; }
.clearable{
  /* background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center; */
  border: 1px solid #999;
  /* padding: 3px 18px 3px 4px;  Use the same right padding (18) in jQ! */
  /* border-radius: 3px; */
  transition: background 0.4s;
}
/*.clearable.x  { background-position: right 5px center; }*/
.clearable.x  { background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right 10px center !important; }
.clearable.onX{ cursor: pointer !important; }
.clearable::-ms-clear {display: none; width:0; height:0;}
/* End Menu Filter Search */


/* Fix Chrome checkbox issue  MCQ05-D003036 */
	input[type="checkbox"] {
		width: auto !important;
	}
/* Add Fav menu */
/* context menu */
.ctx-menu {
  display: none;
  position: fixed;
  z-index: 10;
  padding: 2px 0;
  width: 200px;
  background-color: #fff;
  border: solid 1px #dfdfdf;
  box-shadow: 1px 1px 2px #cfcfcf;
}

.ctx-menu li { width: 100%; padding-left: 0px; }
.ctx-menu li a { padding-left: 0px;  width: 100%; color:#0066aa;}
.ctx-menu li:before { border: 0px; }
.ctx-menu li:after { border: 0px;}
#ctx-menu li a { color: #0066aa;}
#ctx-menu li a:hover { color: #fff;}
#ctx-menu  li.hide {
        display: block !important;
    }
.ctx-menu--active {
  display: block;
}

.ctx-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ctx-menu__item {
  display: block;
  margin-bottom: 4px;
}


.ctx-menu__item:hover {
  width: 93%;
}

.ctx-menu__item:last-child {
  margin-bottom: 0;
}

.ctx-menu__link {
  display: block;
  padding: 4px 12px;
  color: #0066aa;
  text-decoration: none;
}

.ctx-menu__link:hover {
  color: #fff;
  background-color: #0066aa;
}

/* Dialog screen */
.dialog__model__wrap {
	position: fixed; 
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0,0,0,0.4); 
	z-index: 9999;
}

.dialog__modal__content {
	position: absolute; 
	top: 50%; left: 50%; 
	transform: translate(-50%,-50%); 
	background-color: #FFF; 
	padding: 2em;

	border-radius: 1em;
	box-shadow: 0 0 1em rgba(0,0,0,0.7);
}

/* Loader */
.spinning-loader-ring {
	display: block;
	margin: auto;
	position: relative;
	width: 80px;
	height: 80px;
}
.spinning-loader-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #6391e4;
	border-radius: 50%;
	animation: spinning-loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #6391e4 transparent transparent transparent;
}
.spinning-loader-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.spinning-loader-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.spinning-loader-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes spinning-loader-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}