/* :::::::::::::::::::::::::::: Layout :::::::::::::::::::::::::::: */
html {
	height: 100%;
}

body {
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url('img/body_back.gif') repeat-x;
	font-family: Tahoma, sans-serif;
	font-size: 90%;
	height: 99%; /* 100% causes scroll bars */
	overflow-y: scroll;
}

form {
	margin: 0px;
	height: 100%;
}


.page {
	max-width: 96vw;
	width: 910px;
	height: auto !important;
	padding: 0px;
	margin: 0 auto -18px;
	display: flex;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.mainContent {
	max-width: 96vw;
	width: 910px;
	display: flex;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* These styles define the footer and push it down to the bottom of the page */
.footer, .push {
	clear: both;
	height: 18px;
}

.footer {
	max-width: 99vw;
	width: 910px;
	margin: auto;
	border-top: solid 1px #cccccc;
	font-size: smaller;
	text-align: center;
	margin: 50px auto 0 auto;
}


/* Common HTML Element Styles */
a:hover {
	color: #000000;
	background-color: white;
}

div.large {
	background: url('img/bar_v.bmp') repeat-y right top;
	padding-right: 80px;
	-o-order: 1;
	-webkit-order: 1;
	order: 1;
	display: flex;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 75%
}

div.small {
	width: 15%;
	-o-order: 2;
	-webkit-order: 2;
	order: 2;
	margin-top: 40px;
}

div.clear {
	clear: both;
}

div.control {
	float: left;
}

div.navigator {
	display: flex;
	flex-direction: column;
	-o-order: 1;
	-webkit-order: 1;
	order: 1;
	width: 20%;
	margin: 0 auth;
}

div.expando {
	position: relative;
	margin-bottom: 20px;
	cursor: default;
	background: linear-gradient(white 5%, #eff3ff 5%, #eff3ff 95%);
}

.expando.calendar {
	display: flex;
	flex-direction: column;
}

div.content {
	margin: 0 10px;
	-o-order: 2;
	-webkit-order: 2;
	order: 2;
	flex-grow: 1;
	width: min-content;
	padding: 0 5px;
	margin-bottom: 5em;
}

div.contentnoheader {
	margin-left: 5px;
}

div.pageheader {
	font-size: 90%;
	text-align: right;
}

@media (max-width: 910px) {
	div.navigator {
		flex-direction: row;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		padding: 0px 5px;
	}

	div.expando {
		margin: 20px 10px;
		-o-flex-grow: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		min-width: 30%;
		width: min-content;
	}

	div.content {
		width: 95%;
	}
}
/* Class that hides a control by moving it off-screen. Used for labels that should be available to screen readers but not visible on the screen. See http://webaim.org/techniques/css/invisiblecontent/ */
/* Jon Bowen. 19/11/14. Task 14824. display:inline-block added. The width and height have no effect without inline-block display mode.*/
.hidden {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: inline-block;
}

/* Jon Bowen. Task 14824. 19/11/14
The same as .hidden (above), but this slightly different version needs to be used when the label is inside a
scrollable table or div. The effects only showed up in Internet Explorer, but an absolutely positioned label
doesn't obey the "overflow:scroll" style of the enclosing scrollable element in IE, so space is allocated to the
text below the scrollable element despite the fact the text is not visible, so lots of white space shows up when
the number of rows in the table is large.*/
.hidden-relative {
	position: relative;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: inline-block;
}

h1 {
	font-size: 1.4em;
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal;
}

h2 {
	font-size: 1.2em;
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal;
}

	h2.bold {
		border-bottom: 0px;
		padding-bottom: 0px;
		font-weight: bold;
	}

	h2.icon {
		padding-left: 40px;
		background-repeat: no-repeat;
		background-position: top left;
		padding-top: 5px;
		padding-bottom: 10px;
	}

		h2.icon#actuals {
			background-image: url('img/actuals32.png');
		}

		h2.icon#actualsbulk {
			background-image: url('img/actualsbulk32.png');
		}

		h2.icon#visitsbulk-hdr {
			background-image: url('img/actualsbulk32.png');
		}

		h2.icon#carersbulk-hdr {
			background-image: url('img/actualsbulk32.png');
		}

		h2.icon#commissionedcarebulk-hdr {
			background-image: url('img/actualsbulk32.png');
		}

		h2.icon#visits {
			background-image: url('img/actuals32.png');
		}

		h2.icon#invoices {
			background-image: url('img/invoice32.png');
		}

		h2.icon#invoice {
			background-image: url('img/invoice32.png');
		}

		h2.icon#scheduledpayment {
			background-image: url('img/scheduledpayments32.png');
		}

		h2.icon#oneoffclaims {
			background-image: url('img/oneoffclaims32.png')
		}

		h2.icon#creditnote {
			background-image: url('img/creditnote32.png');
		}

		h2.icon#newinvoice {
			background-image: url('img/invoicenew32.png');
		}

		h2.icon#purchaseorders {
			background-image: url('img/purchaseorder32.png');
		}

		h2.icon#reports {
			background-image: url('img/reports32.png');
		}

		h2.icon#documents {
			background-image: url('img/documents32.png');
		}

		h2.icon#providers {
			background-image: url('img/provider32.png');
		}

		h2.icon#services {
			background-image: url('img/service32.png');
		}

		h2.icon#contacts {
			background-image: url('img/contact32.png');
		}

		h2.icon#contracts {
			background-image: url('img/contract32.png');
		}

		h2.icon#newcontact {
			background-image: url('img/newcontact32.png');
		}

		h2.icon#newrole {
			background-image: url('img/newrole32.png');
		}

		h2.icon#actions {
			background-image: url('img/news32green.png');
		}

		h2.icon#carepackagelineitems {
			background-image: url('img/cpli32.png');
		}

		h2.icon#warning {
			background-image: url('img/warning32.png');
		}

		h2.icon#emailnotifications {
			background-image: url('img/email32.png');
		}

		h2.icon#disputes {
			background-image: url('img/news32blue.png');
		}



h3.serviceitems {
	padding: 2px 0px 2px 20px;
	margin: 5px 0px 0px 0px;
}

h3.subheading {
	font-weight: normal;
}

h3.icon {
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 5px;
	padding-bottom: 10px;
}

	h3.icon#warning {
		background-image: url('img/warning32.png');
	}

hr.accessible {
	display: none;
}

input.default {
	font-weight: bold;
}

#login table {
	border-spacing: 9px;
	text-align: center;
}

p.hlink {
	text-align: right;
}

span.itemwarning,
li span.itemwarning {
	background-image: url('img/warning.png');
}

span.actionwarningmessage {
	display: block;
	margin: auto;
	padding-left: 20px;
	background-image: url('img/warning.png');
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 90%;
	font-weight: bold;
	width: 280px;
}

span.actionerrormessage {
	display: block;
	margin: auto;
	padding-left: 20px;
	background-image: url('img/error.png');
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 90%;
	font-weight: bold;
	width: 280px;
}

span.warningmessage {
	display: block;
	margin: 10px;
	padding-left: 20px;
	background-image: url('img/warning.png');
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 90%;
}

span.infomessage {
	display: block;
	margin: 10px;
	padding-left: 20px;
	background-image: url('img/info.png');
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 90%;
}

span.errormessage {
	display: block;
	margin: 10px;
	padding-left: 20px;
	background-image: url('img/error.png');
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 90%;
}

span.serviceitems {
	font-weight: bold;
	margin-top: 5px;
}

.okaymessage {
	display: block;
	margin: 10px;
	padding-left: 20px;
	background-image: url('img/greentick.gif');
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 90%;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	width: 200px;
}


table.bars td p {
	background: #ECF2F2;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #D2D6D6;
	border-bottom: 1px solid #D2D6D6;
	border-left: 1px solid #FFFFFF;
}

table.bars tr.hover td p,
table.bars tr:hover td p {
	background: #E4ECEC;
}

table.cplis tr.hover td,
table.cplis tr:hover td {
	background: #E4ECEC;
}

	table.cplis tr.hover td.outside,
	table.cplis tr:hover td.outside {
		background: white;
	}

table td {
	font-family: Tahoma, sans-serif;
	font-size: 90%;
}

table.jCalendar td {
	font-size: 100%;
}

table td.right input {
	float: right;
}


ul.validation {
	list-style-type: none;
	display: table;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

	ul.validation li {
		padding: 0px 0px 4px 20px;
		background-repeat: no-repeat;
		background-position: top left;
		font-size: 110%;
	}

		ul.validation li.information {
			border: 2px solid blue;
		}

		ul.validation li.error,
		ul.validation li.validation {
			background-image: url('img/error.png');
			color: #9F0000;
		}

		ul.validation li.warning {
			border: 2px solid yellow;
		}

/* Common Classes */
.alignright {
	float: right;
	display: block;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}

.alignleft {
	float: left;
	display: inline;
}

input.rightbutton {
	float: right;
	margin: 0 0 0 10px;
	width: 130px;
}

/* border-radius creates nice rounded corners in css3-enabled browsers only */

.labelAppMessages {
	width: 100%;
}

.appmessages {
	position: relative;
	width: 90%;
	max-width: 700px;
	margin: 1em auto;
	border: 1px solid ThreeDShadow;
	border-radius: 10px;
	padding: 0.5em 1em 0.25em 10px;
	background: #FFFFFF;
}

	.appmessages .warning {
		background: url('img/warning32.png') no-repeat;
		min-height: 28px;
		padding: 4px 0;
	}

	.appmessages .error {
		background: url('img/error32.png') no-repeat;
		min-height: 28px;
		padding: 4px 0;
	}

	.appmessages .information {
		background: url('img/Info32.png') no-repeat;
		min-height: 28px;
		padding: 4px 0;
	}

	.appmessages .messageTitle {
		margin-left: 80px;
	}

		.appmessages .messageTitle h1 {
			margin: 0.5em 0 0.25em 0;
			border-bottom: 1px solid ThreeDLightShadow;
			font-size: 140%;
		}

	.appmessages .messageContent {
		margin-left: 80px
	}

	.appmessages .messageDescription p {
		overflow: auto; /*border-bottom: 1px solid ThreeDLightShadow;*/ /*padding-bottom: 1em;*/
		font-size: 120%;
	}

	.appmessages .messageDescription p {
		margin: 0 0 0.25em 0
	}

	.appmessages .messageTips {
		padding-right: 3em;
		font-size: 100%;
	}

		.appmessages .messageTips ul, ol {
			margin: 0px 0px 0px 1.5em;
			padding: 0;
		}

			.appmessages .messageTips ul li, ol li {
				margin-bottom: .25em;
			}

		.appmessages .messageTips ul {
			list-style: square;
		}


.centred {
	margin-left: 110px;
	margin-right: 110px;
}

.servername {
	background: #EFEFEF;
	font-family: Courier New;
	font-weight: bold;
}

.username {
	font-weight: bold;
}

.printonly {
	display: none;
}

.fullscreen {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	text-align: center;
}

.overlay {
	background-color: white;
	/*opacity: 0.75;*/
}

/* Dialogs and Warnings */
.fullscreen .dialog {
	text-align: left;
	margin: 20% auto 0 auto;
}

.dialog {
	height: 300px;
	width: 500px;
	background-color: #EFEBDE;
	padding: 20px 40px 20px 40px;
}

.warningtext {
	font-size: 90%;
	font-weight: bold;
	margin-left: 5px;
}

p.hwarning,
span.hwarning {
	cursor: help;
	text-transform: uppercase;
	text-align: right;
	margin-top: -30px;
	color: #996600;
	font-size: 80%;
}

.hsmallwarning {
	cursor: help;
	text-transform: uppercase;
	text-align: right;
	color: #663300;
	font-size: 80%;
}

div.expando p.hsmallwarning {
	font-size: 75%;
}

p.error,
div.error {
	padding: 0px 0px 4px 20px;
	margin: 0px 0px 0px 20px;
	background-image: url('img/error.png');
	background-repeat: no-repeat;
	background-position: left top;
	/*xborder: 2px solid #9F0000;*/
	color: #9F0000;
}

select.invalid,
input.invalid,
textarea.invalid {
	border: 2px solid #CF0A0A;
}

select option {
	-moz-white-space: pre-wrap;
	-o-white-space: pre-wrap;
	white-space: pre-wrap;
}

/* Date Box */
.datebox {
	display: inline-block;
	border: 1px solid #B2B2B2;
	background: #F4F4F4;
	padding: 3px;
	color: #B2B2B2;
	width: 96px;
}

	.datebox input {
		border: 0px;
		text-align: center;
		color: black;
		margin: 0px;
	}

	.datebox .slash {
		display: inline-block;
		margin-bottom: 4px;
	}

input.day, input.month {
	width: 20px;
}

input.year {
	width: 40px;
}

.dateboxCalendarButton {
	width: 20px;
	padding: 0px;
}

/* Filter display */
div.filter {
	background-color: #EFEBDE;
	margin-bottom: 0px;
	padding: 4px 10px 10px 10px;
}

.filter table {
	border-collapse: collapse;
	width: 100%;
}

/* Input Fields */
div.fields {
	background-color: #EFEBDE;
	padding: 20px 40px 20px 40px;
	margin-bottom: 20px;
}

.fields table {
	border-collapse: collapse;
	width: 100%;
	max-width: 600px;
}

.fields td {
	vertical-align: top;
}

	.fields td.label {
		text-align: right;
		padding-right: 10px;
	}

	.fields td.value {
		padding-bottom: 10px;
		padding-right: 20px;
		width: 75%;
	}

.fields input.small {
	width: 40px;
}

.fields input.lesssmall {
	width: 65px;
}

.fields input.medium {
	width: 125px;
}

.fields input.big {
	width: 200px;
}

.fields textarea.actiontext {
	width: 80%;
	height: 200px;
}

.login-fields {
	width: 150px;
}




/* log */
#log .error {
	font-weight: bold;
	color: red;
}

#log .badformat {
	text-decoration: line-through;
	color: red;
}

#log .nok {
	color: red;
}

#log .ok {
	font-weight: bold;
	color: #1941A5;
}

#log div.line {
	border: 1px solid #C0C0C0;
	background: #F2F3F2;
	padding: 6px;
	margin: 10px;
}

	#log div.line p {
		margin-top: 0px;
		margin-bottom: 0px;
	}

#log h3 {
	text-align: center;
}

/* Expando Panel Styles */
div.expando table {
	width: 100%;
}

.expando p.title {
	background: #285CCD;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
	padding: 5px 0px 5px 38px;
	margin: 9px 0px 0px 0px;
	border-radius: 0 5px 0 0;
}

	.expando p.title img.icon {
		position: absolute;
		top: -9px;
		left: 0px;
	}

	.expando p.title img.corner {
		position: absolute;
		top: 0px;
		right: 0px;
	}

div.expando p {
	background-color: #EFF3FF;
	margin: 0px;
	padding: 6px;
	font-size: 85%;
}

.expando p.bullet {
	padding-left: 25px;
	background-image: url('img/dot.png');
	background-repeat: no-repeat;
	background-position: 7px 6px;
	font-size: 80%;
}

	.expando p.bullet:empty {
		padding: 0;
	}

.expando p.center {
	text-align: center;
}

.expando ul.tree {
	font-size: 80%;
	border: 1px solid #285CCD;
	padding: 4px;
}

	.expando ul.tree,
	.expando ul.tree ul {
		list-style-type: none;
		margin: 0px;
		background-color: white;
		background-repeat: repeat-y;
	}

		.expando ul.tree ul {
			padding: 0px;
		}

		.expando ul.tree li {
			padding: 0px;
			margin: 0px;
		}

		.expando ul.tree ul {
			margin-left: 19px;
		}

		.expando ul.tree li span {
			padding: 2px 0px 2px 20px;
			display: block;
			background-repeat: no-repeat;
			background-position: top left;
		}

		.expando ul.tree li span {
			background-color: white;
		}

		.expando ul.tree li a {
			background-color: white;
			background-repeat: no-repeat;
			background-position: top left;
		}

		.expando ul.tree li.selected a {
			background-color: #ECE9D8;
			color: black;
			text-decoration: none;
		}

.expando li span.status {
	padding-left: 4px;
	color: #555555;
	font-style: italic;
}

.expando li span.itemprovider {
	background-image: url('img/provider16.png');
}

.expando li a.itemprovider {
	background-image: url('img/provider16.png');
	padding-left: 20px;
}

.expando UL.tree li.itemcontact {
	background-image: url('img/contact16.png');
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 2px 0px 2px 20px;
}

.expando UL.tree li.itemservice {
	background-image: url('img/service16.png');
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 2px 0px 2px 20px;
}

.expando li.newcontactitem a {
	margin-left: 20px;
}

.expando ul.tree li.newcontactitem {
	background-image: url('img/newcontact16.png');
	background-repeat: no-repeat;
}

.expando li span.itemcontract {
	background-image: url('img/contract16.png');
}

.expando li span.iteminvoice {
	background-image: url('img/invoice16.png');
}

.expando li span.itemcreditnote {
	background-image: url('img/creditnote16.png');
}

.expando li span.itemscheduledpayment {
	background-image: url('img/scheduledpayments16.png');
}

.expando li span.itemoneoffpayment {
	background-image: url('img/oneoffclaims16.png');
}

.expando li span.itemgeneric {
	background-image: url('img/dot16_whitebg.png');
}

.expando li span.itemwarning {
	background-image: url('img/warning.png');
}


.expando#roles li span.itemrole {
	background-image: url('img/role16.png');
}

.expando#roles li span.button {
	text-align: right;
}

.expando#roles input {
	font-size: 80%;
	width: 150px;
}

.expando div.weekpicker {
	border: 1px solid #285CCD;
}

.expando .weekpicker table {
	border-collapse: collapse;
	cursor: default;
	width: 100%;
	margin: 10px 0px 4px 0px;
}

.expando .weekpicker tr.week td.notthismonth,
.expando .weekpicker tr.week td.notthismonth a {
	color: silver;
}

.expando .weekpicker tr.month td,
.expando .weekpicker tr.weekdays td {
	text-align: center;
}

.expando .weekpicker tr.weekdays td {
	border-bottom: 1px solid #EFF3FF;
}

	.expando .weekpicker tr.weekdays td,
	.expando .weekpicker tr.weekdays td a {
		color: gray;
	}

.expando .weekpicker tr.month td {
	background-color: #EFF3FF;
	font-weight: bold;
}

.expando .weekpicker tr.week td {
	text-align: right;
	/*xpadding-right: 6px;*/
}

	.expando .weekpicker tr.week td a {
		text-decoration: none;
		color: black;
		display: block;
		padding-right: 6px;
	}

.expando .weekpicker tr.week:hover td,
.expando .weekpicker tr.week.selected:hover td {
	background-color: #3776D2;
}

	.expando .weekpicker tr.week:hover td,
	.expando .weekpicker tr.week.selected:hover td,
	.expando .weekpicker tr.week:hover td a,
	.expando .weekpicker tr.week.selected:hover td a {
		color: white;
	}

.expando .weekpicker tr.week td.visible:hover,
.expando .weekpicker tr.week.selected td.visible:hover {
	background-color: #FF8000;
}

.expando .weekpicker tr.week.selected td {
	background-color: #ECE9D8;
}

.expando#exceptions td:first-of-type,
.expando#exceptions td:last-of-type {
	text-align: center;
}

.activereportviewer {
	max-width: 100%;
	border: 1px solid #7B9EBD;
}

/* List view styles */
.listview {
	border: 1px solid #7B9EBD;
	padding: 1px;
	cursor: default;
}

	.listview table {
		font-size: 85%;
		border-collapse: collapse;
		width: 100%;
	}

		.listview th,
		.listview table th {
			font-size: 85%;
			font-weight: normal;
			text-align: left;
			background: #EFEBDE url('img/headerbg.bmp') repeat-x left bottom;
			padding: 2px 4px 5px 9px;
		}

		.listview td,
		.listview table td {
			padding: 2px 4px 2px 9px;
		}

		.listview table input.small {
			width: 20px;
		}

		.listview table .dialogbox input.small {
			width: 40px;
		}

	.listview div.message {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

.listview-clear {
	clear: both;
}

/* PAGE-SPECIFIC STYLES */

/* Start.aspx Page*/
.controlpanel {
	display: flex;
	width: 100%;
}

	.controlpanel.startPage {
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 5em;
	}

@media (max-width: 720px) {
	.login {
		-o-order: 1;
		-webkit-order: 1;
		order: 1;
		margin-top: 0px !important;
		width: 100%;
	}

	.controlpanel {
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.home div.mainpanel {
		-o-order: 2;
		-webkit-order: 2;
		order: 2;
		background: none !important;
	}
}

.start {
	width: 100%;
	-ms-flex-basis: auto;
	-o-flex-basis: auto;
	-webkit-flex-basis: auto;
	flex-basis: auto;
}

.startPageLAName {
	width: fit-content;
	margin: 5px 0;
}

.startNavigationPanel {
	width: 45%;
}

.inflex-Text {
	width: 100%;
	margin: 0px;
}

	.inflex-Text * {
		margin: 0px;
	}


/* Media width changes */
@media (max-width: 620px) {
	.startNavigationPanel {
		width: 100% !important;
	}

	div.large {
		width: 100% !important;
		background: none !important;
		padding-right: 0px;
	}
}

@media (max-width: 910px) and (min-width: 621px) {
	div.large {
		width: 100% !important;
		background: none !important;
		padding-right: 0px;
	}

	.startNavigationPanel {
		width: 50% !important;
	}
}

.CookieNotice {
	margin-bottom: 1em;
}

/* START ContactDetails Page */
/* Andy Ashman, 08/10/17 CTC-Task 21269. Hard coded styling removed from page to here so ContactDetailsButton can be customised */
.expando#roles .ContactDetailsButton {
	width: 200px;
	margin-top: 10px;
	float: right;
}

select#ContentPlaceHolderMain_gridViewRoles_ddlContactEntities, ContentPlaceHolderMain_gridViewRoles_ddlRoles {
	width: 95%;
	max-width: 300px;
}

div.expando.roles {
	width: fit-content;
}

.roleCol {
	width: 30%;
}
/* END ContactDetailsPage */
/* START Invoice Page */
.invoicetextbox {
	width: 60px;
	padding-left: 0px;
	margin-left: 0px;
}

.expando#invoices .invoice-button {
	min-width: 114px;
	width: fit-content;
}
/* END Invoice Page */

/* START Scheduled Payments Page */
.scheduledPaymentLink a {
	font-size: 90%;
}

textarea.comments {
	width: 100%;
}

.rejected-cpp {
	color: #B60000;
}

.scheduledpaymentstable td {
	vertical-align: top;
}

#contractDropDown > select {
	max-width: 160px;
}

/* END Scheduled Payments Page */

/* START One-Off Claims Page */

.oneoffclaim.filter {
	margin-top: 40px;
}

.labelNoOneOffClaims {
	margin-top: 10px;
	display: block;
}

.oneoffclaimcommenttext {
	max-width: 100%;
	resize: vertical;
	width: 100%;
}

.hasNote {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}

	.hasNote .notes {
		display: none;
		position: fixed;
		background-color: white;
		border: 1px solid #000000;
		padding: 10px;
		margin-left: 30px;
		margin-top: 5px;
		color: black;
	}

	.hasNote:hover .notes {
		display: block;
	}

#fieldsetOneOffItem .label {
	padding-right: 20px;
	width: 160px;
}

#fieldsetOneOffItem .value .pre {
	margin-left: -12px;
}

#fieldsetOneOffItem #additionalClientsLabel {
	display: block;
}

#fieldsetOneOffItem #ddlAdditionalClient {
	width: 100px;
}

#fieldsetOneOffItem .clientBlock {
	margin-right: 10px;
	line-height: 20px;
}

	#fieldsetOneOffItem .clientBlock > a {
		color: blue;
		text-decoration: none;
		font-size: 10px;
		top: -2px;
		position: relative;
		background: #ddd;
		font-weight: bold;
	}

.oneoffclaim .label {
	width: 180px;
}

.uploadFile {
	display: block;
	padding: 10px 5px 10px 5px;
	margin-top: 5px;
}

	.uploadFile > label {
		display: inline-block;
		margin-right: 0.5em;
	}

.uploadedFile {
	background: #eee;
}

#newoneoffclaimbutton .info {
	background-image: url('img/Info.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 20px;
	display: block;
	float: right;
}

#lblAdditionalClientError {
	display: none;
}

.addNewOneOffItem {
	height: 24px;
}

/* End One-Off Claims Page */

/* START Master Page */

/* Accessibility menu */
.skipTopNavDiv {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
	padding: 10px 0;
}

.language {
	display: flex;
	align-items: flex-end;
	gap: 5px;
}

/* HeaderBar Styling */
.headerGrid {
	display: grid;
	grid-template-columns: auto 2fr 2fr 1fr;
	grid-template-rows: 15% 30% 25% 30% 0px;
	padding: 5px;
	color: #FFFFFF;
	height: 105px;
	width: 100%;
	-ms-flex-basis: auto;
	-o-flex-basis: auto;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	background: linear-gradient( #2e69e1 0%,#2e69e1 70%, #2b64d5 75%, #174db0 100%);
	background-color: #174db0;
	margin-bottom: 10px;
	padding: 0px;
	border-radius: 5px;
}

.userDetails {
	grid-column: 1/5;
	grid-row: 1;
	padding: 5px 5px 0 0;
	text-align: right;
	font-size: 90%;
}

.defaultLogo {
	grid-column: 1;
	grid-row: 2/4;
	background: url('img/logo48.png') no-repeat right 50%;
	width: 60px;
}

	.defaultLogo:hover {
		background-color: transparent;
	}

.navigationTitle {
	font-size: 1.3em;
	padding-left: 10px;
}

.controccTitle {
	grid-column: 2/4;
	grid-row: 2;
	margin-top: auto;
	font-weight: bold;
}

.laTitle {
	grid-column: 2/4;
	grid-row: 3;
	font-weight: normal;
}


.lalogo {
	float: right;
	border: 0px;
	margin-bottom: 10px;
	margin-left: auto;
}

/* All custom header info is not displayed by default */
.customLogo {
	display: none;
	grid-row: 2/4;
	grid-column: 1;
}

	.customLogo:hover {
		color: transparent;
		background-color: transparent;
	}

.customTitle {
	display: none;
	grid-column: 2;
	grid-row: 2;
}

.customLAText {
	display: none;
	grid-column: 2/4;
	grid-row: 3;
}
/* Don't display the optional header by default. */
.optionalHeader {
	display: none;
}

.headerBar input, .headerBar option, .headerBar select {
	font-size: 90%;
}

	.headerBar input.button {
		margin-left: 4px;
	}

.headerBar #logo #lblAuthorityName #AuthorityName {
	display: inline;
}

/* Navigation tabs */
.navBar {
	grid-column: 1/5;
	grid-row: 4;
	display: flex !important;
	flex-direction: row;
	padding: 0px 20px 0px 0px;
	background-color: inherit;
	background: none;
	margin-left: auto;
	margin-top: auto;
}


.navItem {
	float: left;
	margin-left: 2px;
	margin-top: auto;
	font-size: 90%;
	list-style-type: none;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 12px 6px 12px;
	width: max-content;
	-ms-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: linear-gradient(#5683DD, #446DBF);
	border: none;
	display: inline-block;
}

	.navItem.notab {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
		padding: 4px 12px 6px 12px;
		width: max-content;
		-ms-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0;
		background: none;
	}

	.navItem:hover:not(.notab) {
		background: #5683DD;
		color: inherit;
	}

	.navItem:hover.notab {
		text-decoration: underline;
	}

.headerBar #sections li .items {
	font-size: 100%;
	font-style: italic;
	display: none;
}

.burger {
	border: none;
	display: none !important;
	visibility: hidden;
	margin: 0px 10px;
	height: 1em;
	cursor: pointer;
	background-color: transparent;
	padding: 0;
	background-image: none;
}

.burgerImg {
	width: 100%;
	height: 100%
}

	.burgerImg:hover {
		background: none;
	}

@media (max-width: 910px) {
	.navBar {
		flex-wrap: nowrap !important;
		visibility: hidden;
	}

		.navBar:not(.expanded) {
			display: none !important;
		}

		.navBar.expanded {
			grid-column: 1/5;
			grid-row: 5;
			visibility: visible;
			flex-direction: column;
			width: fit-content !important;
			min-width: 15%;
			z-index: 10;
			background-color: inherit !important;
			padding: 5px 15px !important;
		}

	.burger {
		grid-column: 4;
		grid-row: 4;
		margin: auto 20px 5px auto;
		width: 20px !important;
		background-color: transparent;
		display: inline-block !important;
		visibility: visible;
		background-position: center !important;
		-o-order: 1 1 !important;
		-webkit-order: 11 !important;
		order: 1 !important;
		height: 20px;
		border-radius: 0;
		z-index: 10;
	}

	.navBar.expanded .navItem, .navBar.expanded .navItem.notab {
		border-radius: 0;
		width: 100%;
		text-align: center !important;
		display: block;
		margin: 2px 0px !important;
		order: 2;
		background: inherit;
		padding: 3px 0px 3px 3px !important;
		z-index: 10;
		border-radius: 0 !important;
	}

		.navBar.expanded .navItem:hover {
			background-color: #5683DD;
			color: inherit;
			z-index: 10;
		}

	.burgerImg:hover {
		background: #bfbfbf21;
		filter: invert(30%);
	}
}

/* Don't display the custom footer by default. */
.customFooter {
	display: none;
}

/* END Master Page */

/* START Start Page */

.controlpanel p.icon {
	-ms-background-repeat: no-repeat;
	background-repeat: no-repeat;
	-ms-background-position: top left;
	background-position: top left;
	float: left;
	padding-left: 54px;
	padding-right: 10px;
	min-height: 70px;
	margin-bottom: 0px;
}

.controlpanel #login a.idp {
	background-repeat: no-repeat;
	background-image: url('img/go32.png');
	background-position: top left;
	width: auto;
	float: left;
	padding-left: 54px;
	padding-right: 10px;
	min-height: 70px;
	margin-bottom: 0px;
	line-height: 30px;
}

.controlpanel .small p.icon {
	font-size: 90%;
	padding-left: 36px;
}

.controlpanel p.icon.provider {
	background-image: url('img/provider48.png');
}

.controlpanel p.icon#actuals {
	background-image: url('img/actuals48.png');
}

.controlpanel p.icon#actualsbulk {
	background-image: url('img/actuals48.png');
}

.controlpanel p.icon#visitsbulk {
	background-image: url('img/actuals48.png');
}

.controlpanel p.icon#commissionedcarebulk {
	background-image: url('img/actuals48.png');
}

.controlpanel p.icon#reports {
	background-image: url('img/reports48.png');
}

.controlpanel p.icon.report {
	background-image: url('img/reports32.png');
}

.controlpanel p.icon#invoices {
	background-image: url('img/invoice48.png');
}

.controlpanel p.icon#scheduledpayments {
	background-image: url('img/scheduledpayments48.png');
}

.controlpanel p.icon#oneoffclaims {
	background-image: url('img/oneoffclaims48.png');
}

.controlpanel p.icon#purchaseorders {
	background-image: url('img/purchaseorder48.png');
}

.controlpanel p.icon.go {
	background-image: url('img/go32.png');
}

.controlpanel p.icon#documents {
	background-image: url('img/documents48.png');
}

.controlpanel p.icon#providers {
	background-image: url('img/provider48.png');
}

.controlpanel p.icon#services {
	background-image: url('img/service48.png');
}

.controlpanel p.icon#contacts {
	background-image: url('img/contact48.png');
}

.controlpanel p.icon#actions_done {
	background-image: url('img/news48green.png');
}

.controlpanel p.icon#actions_pending {
	background-image: url('img/news48amber.png');
}

.controlpanel p.icon#actions_overdue {
	background-image: url('img/news48red.png');
}

.controlpanel p.icon#carepackagelineitems {
	background-image: url('img/cpli48.png');
}

.controlpanel p.icon#servicefeedback {
	background-image: url('img/feedback48.png');
}

.controlpanel p.icon#emailnotifications {
	background-image: url('img/email48.png');
}

.controlpanel p.icon#disputes {
	background-image: url('img/news48blue.png');
}

.controlpanel p.icon.changepasswd {
	background-image: url('img/lock32.png');
}

.controlpanel p.icon.logout {
	background-image: url('img/lock32.png');
}

.controlpanel p.icon a {
	padding-bottom: 2px;
}

.controlpanel p.icon > span {
	color: #3A3A3A;
	font-size: 90%;
}
/* END Start Page */



/* START Documents Page */
.listview td.doc a {
	padding: 1px 0px 3px 20px;
	background-image: url('img/contract16.png');
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

	.listview td.doc a.noicon {
		padding: 1px 0px 3px 20px;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		display: block;
	}

div.rejectionbox {
	margin: auto;
	width: 910px;
}
/* END Documents Page */

/* START Actions Page */
.listview#action0 {
	padding: 0px 0px 30px 0px;
	border: none;
}

.listview#action1 {
	padding: 0px 0px 30px 0px;
	border: none;
}

.listviewitem#actionbackground {
	background-color: #EFF3FF;
	padding: 10px;
}

.listviewitem p {
	margin: 0px;
	padding: 0px;
}

p.actiontitle {
	float: left;
	font-weight: bold;
}

p.actionstatus {
	float: right;
	width: 60px;
	padding-left: 20px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: top left;
}

span.actionstatuscolumn, span.changerequeststatus, span.changerequestdetails {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: top left;
}

p.actionrelatedentity {
	float: left;
}

p.actionduedate {
	float: right;
}

/* Settings for controls displaying background icons  */
.link-provider, .link-contract, .link-contact, .link-invoice, .link-creditnote, .link-purchaseorder, .link-service, .link-actuals, .link-client, .link-tender, .link-blockcommitment, .link-spotcommitment, .link-valuecommitment {
	padding-left: 20px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	height: 20px;
}

/* Background icons for action statuses */
.actionstatus#Done, .actionstatuscolumn#Done {
	background-image: url('img/news16green.png');
}

.actionstatus#Pending, .actionstatuscolumn#Pending {
	background-image: url('img/news16amber.png');
}

.actionstatus#Overdue, .actionstatuscolumn#Overdue {
	background-image: url('img/news16red.png');
}

/* Background icons for CR statuses */
.changerequeststatus.Accepted {
	background-image: url('img/status16 - green.png');
}

.changerequeststatus.Rejected {
	background-image: url('img/status16 - red.png');
}

.changerequeststatus.Pending {
	background-image: url('img/status16 - yellow.png');
}

/* Background icon for CR details */
.changerequestdetails {
	background-image: url('img/Info.png');
}

/* Background icons for actions and links to related documents */
.link-provider {
	background-image: url('img/provider16.png');
}

.link-contract {
	background-image: url('img/contract16.png');
}

.link-contact {
	background-image: url('img/contact16.png');
}

.link-invoice {
	background-image: url('img/invoice16.png');
}

.link-creditnote {
	background-image: url('img/creditnote16.png');
}

.link-purchaseorder {
	background-image: url('img/purchaseorder16.png');
}

.link-service {
	background-image: url('img/service16.png');
}

.link-actuals {
	background-image: url('img/actuals16.png');
}

.link-client {
	background-image: url('img/client16.png');
}

.link-tender {
	background-image: url('img/tender16.png');
}

.link-blockcommitment {
	background-image: url('img/block16.png');
}

.link-spotcommitment {
	background-image: url('img/spot16.png');
}

.link-valuecommitment {
	background-image: url('img/value16.png');
}

.actionheader span.link {
	font-weight: bold;
}

/* Action Main section */

div.actionpost {
	margin: 10px;
	font-size: 90%;
	padding: 10px;
	zoom: 1;
}

	div.actionpost .actionpost-details-text {
		white-space: pre-wrap;
	}

div.actionpost-employee {
	background-color: #ECFFEC;
}

div.actionpost-provider {
	background-color: #F9F0FF;
}

div.actionrelatedlinks {
	padding-left: 100px;
	padding-bottom: 10px;
	line-height: 100%;
}

.actionrelatedlinkslabel {
	float: left;
	width: 90px;
	font-size: 90%;
	vertical-align: middle;
	width: fit-content;
	padding-right: 20px;
}

.actionrelatedlinkspanel {
	font-size: 90%;
	float: left;
}

div.actionupdatebuttons {
	float: right;
	vertical-align: bottom;
}

div.actionproperties {
	float: left;
	width: 80%
}

div.actionproperty {
	font-size: 75%;
	width: 24%;
	font-style: italic;
	float: left;
	color: #4f4f4f;
}

span.actionpropertyname {
	font-weight: bold;
}

div.spacer {
	clear: both;
}


/* END Action Page */

/* START Actuals Page */
#actuallist table span.actualqty {
	font-size: 1em;
	color: #416483;
	font-weight: bold;
	margin-right: 6px;
}

	#actuallist table span.actualqty.less {
		color: #4F0000;
	}

	#actuallist table span.actualqty.more {
		color: #004F00;
	}

.filtercheckbox {
	min-width: 200px;
	border: 1px red solid;
}

input#btnSubmit {
	float: right;
}

input#btnSuggest {
	float: right;
}

#suggestbutton {
	text-align: right;
}

#generatebutton {
	text-align: right;
}

#savebutton {
	text-align: right;
}

#deletebutton {
	text-align: right;
}

#backbutton {
	text-align: right;
}

#buttons {
	text-align: left;
}

#actualsButtons {
	text-align: right;
}

#newinvoicebutton {
	text-align: right;
}

#yesnobuttons {
	float: none;
}

.filterbutton {
	min-width: 65px;
	width: fit-content;
}

#actuallist .ssref {
	color: #3C3728;
	padding-left: 4px;
	font-weight: normal;
}

#actuallist .grouptotal {
	font-weight: bold;
	font-size: 85%;
	padding-top: 20px;
}

.btn-options {
	min-width: 50px;
	width: min-content;
}

.weektotal {
	border-top: 1px solid #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 85%;
}

.visit-view-content {
	margin-right: 200px !important; /* To match left margin */
}

.listviewactuals table, .listviewvisits, .listviewsinglevisit {
	border: 1px solid #7B9EBD;
}

.listviewsinglevisit {
	border-width: 2px;
}

	.listviewactuals table, .listviewvisits table, .listviewsinglevisit table {
		font-size: 85%;
		border-collapse: collapse;
		width: 100%;
	}

.listviewvisits tr.visits-header {
	vertical-align: bottom;
	text-align: left;
}

.listviewvisits tr.visits-header-row th {
	font-weight: bold !important;
}

.listviewvisits .right-edge {
	border-right: 1px solid #CBC7C0;
}

	.listviewvisits .right-edge.right-edge-light {
		border-right-color: #E2DECD;
	}

.listviewactuals,
.listviewvisits {
	width: 100%
}

	.listviewactuals .header-row > *,
	.listviewvisits .header-row > * {
		font-size: 85%;
		font-weight: normal;
		text-align: left;
		background: #EFEBDE url('img/headerbg.bmp') repeat-x left bottom;
	}

	.listviewactuals th {
		padding-left: 3px;
	}

	.listviewvisits th {
		padding-left: 3px;
		padding-right: 2px;
	}

	.listviewvisits .not-edge {
		background-image: none;
	}

	.listviewactuals td, .listviewvisits td {
		padding: 2px 2px 2px 3px;
	}

	.listviewactuals input.small, .listviewvisits input.small {
		width: 42px;
	}

	.listviewactuals .dialogbox input.small, .listviewvisits .dialogbox input.small {
		width: 40px;
	}

	.listviewactuals div.message, .listviewvisits div.message {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.listviewactuals tr.group td.title, .listviewvisits tr.group td.title {
		font-weight: bold;
		font-size: 85%;
		background-image: url('img/groupfooter.bmp');
		background-repeat: no-repeat;
		background-position: left 95%;
		padding-left: 15px;
		padding-top: 20px;
	}

	.listviewactuals tr.group td.options {
		padding-top: 20px;
		background-position: bottom left;
	}

		.listviewactuals tr.group td.options input,
		.listviewactuals tr td input.remove,
		.listviewvisits tr td.options input,
		.listviewvisits tr td input.remove {
			font-size: 80%;
		}

	.listviewactuals tr#spacer td, .listviewvisits tr#spacer td {
		height: 5px;
		line-height: 5px;
		padding: 0px;
	}

	.listviewactuals tr.row, .listviewvisits tr.row {
		background-color: #F7F7EF;
	}

.visit-view-fields .label {
	background-color: #F7F7EF;
	border-right: 1px solid #efefef;
	min-width: 120px;
}

	.visit-view-fields .label.planned-visit-label {
		background-color: #EFF6FE;
	}

	.visit-view-fields .label.delivered-visit-label {
		background-color: #FEF6EF;
	}

.listviewactuals tbody.row, .listviewvisits tbody.row {
	background-color: #F7F7EF;
}

.listviewactuals tbody.unsavedrow, .listviewvisits tbody.unsavedrow {
	background-color: #ffffcc !important;
	margin-bottom: 10px;
}

.listviewactuals tr.unsavedrow, .listviewvisits tr.unsavedrow {
	background-color: #ffffcc !important;
}

.listviewactuals tr.row.more, .listviewvisits tr.row.more {
	background-color: #c0FFc0;
}

.listviewactuals tr.row.less, .listviewvisits tr.row.less {
	background-color: #FFc0c0;
}

.listviewactuals .number, .listviewvisits .number {
	text-align: right;
}

.listviewactuals .quantity, .listviewvisits .quantity {
	text-align: left;
}

.listviewsinglevisit td {
	line-height: 16px;
}

.listviewsinglevisit .long-contents {
	max-height: 64px;
	max-width: 372px;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}

.listviewsinglevisit .long-contents-text {
}

.listviewsinglevisit .long-contents .overflow-text-button {
	position: absolute;
	bottom: 0;
	right: 2px;
}

.delivered-as-planned {
	color: #404040;
}

.delivery-overridden {
	color: #4B76C8;
}

.delivery-overridden-button {
	vertical-align: top;
}

.panel-actuals, .panel-visits {
	margin-bottom: 20px;
}

.actualsedit_btn_add {
	margin-right: 10px;
	margin-bottom: 5px;
}
/* filter tables */
.filterTable > tbody > tr {
	display: flex;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

	.filterTable > tbody > tr > td {
		display: block;
	}

		.filterTable > tbody > tr > td.pushRight {
			margin: 5px 5px 5px auto;
		}

		.filterTable > tbody > tr > td.rightAlignedTableBtn {
			margin-left: auto;
			margin-right: 0;
		}

.filterCol-1 {
	width: 13%;
	margin-right: 1%;
	margin-top: auto;
	margin-bottom: auto;
}

	.filterCol-1.tighter {
		width: fit-content;
	}

.filterCol-2 {
	width: 30%;
	margin-right: 1%;
	margin-top: auto;
	margin-bottom: auto;
}

	.filterCol-2.tighter {
		width: 20%;
	}

.filterCol-3 {
	width: 10%;
	margin-right: 2%;
	margin-top: auto;
	margin-bottom: auto;
}

	.filterCol-3.tighter {
		width: fit-content;
	}

.filterCol-4 {
	width: 30%;
	margin-right: 1%;
	margin-top: auto;
	margin-bottom: auto;
}

	.filterCol-4.tighter {
		width: 20%;
	}

.filterInput > * {
	width: 90%;
}

@media (max-width: 680px) {
	.filterCol-1 {
		width: 20%;
		margin-right: 1%;
		margin-top: auto;
		margin-bottom: auto;
	}

	.filterCol-2 {
		width: 75%;
		margin-right: 1%;
		margin-top: auto;
		margin-bottom: auto;
	}

	.filterCol-3 {
		width: 20%;
		margin-right: 1%;
		margin-top: auto;
		margin-bottom: auto;
	}

	.filterCol-4 {
		width: 75%;
		margin-right: 1%;
		margin-top: auto;
		margin-bottom: auto;
	}
}



/* Container for large width data tables, used to prevert overflow for large tables */
.largeWidthTableContainer {
	overflow-y: auto;
}
/* :::::::::::::::::::::::::::: Actuals Timetable :::::::::::::::::::::::::::: */
table .timetable {
	font-size: 100%;
	margin-top: 0px;
	border: 1px solid #7B9EBD;
	padding: 0px;
}

.timetable td.timetable_weekday_cell {
	padding: 0px 0px 0px 0px;
	width: 30px;
	height: 30px;
	text-align: center;
}

.timetable input.quantity_box {
	width: 40px;
}

.timetable input.hour_box {
	width: 40px;
}

#newactual table #pic {
	background-image: url('img/unplanned.png');
	width: 160px;
}

#actualsbulk table #pic {
	background-image: url('img/upload.png');
	width: 160px;
}

@media (max-width:605px) {
	#actualsbulk table #pic {
		display: none;
	}
}

#visitsbulk table #pic {
	background-image: url('img/upload.png');
	width: 160px;
}

#commissionedcarebulk table #pic {
	background-image: url('img/download.png');
	width: 160px;
}

.fullscreen #newactual.dialogbox {
	width: 800px;
}

#suggestitems .listview {
	overflow: auto;
	height: 300px;
}
/* END Actuals page styles */

/* START Login Pages */

div.dialogboxwhite {
	text-align: center;
	padding: 0px;
}

div.dialogbox {
	text-align: center;
	padding: 0px;
}

div.changerequestmessagebox {
	text-align: center;
	padding: 0px;
	background-color: #ECEAE1;
}

div.dialogbox table {
	margin: 20px auto 10px auto;
	border-collapse: collapse;
	background-color: #ECEAE1;
	border-top: 30px solid #ECEAE1;
	border-right: 50px solid #ECEAE1;
	border-bottom: 30px solid #ECEAE1;
	border-left: 50px solid #ECEAE1;
}

div.dialogbox td.label,
div.dialogbox td.buttons {
	padding-left: 20px;
}

div.dialogbox td.label {
	text-align: right;
	white-space: nowrap;
}

div.dialogbox td.value {
	padding-left: 20px;
	text-align: left;
}

@media(max-width: 450px) {
	div.dialogbox td.label {
		padding-left: 5px;
	}

	div.dialogbox td.value {
		padding-left: 5px;
	}

	div.dialogbox td.buttons {
		text-align: center !important;
	}

	div.dialogbox table {
		border-right: 0;
		border-left: 0;
		width: 95%;
	}
}


div.dialogbox td.buttons {
	text-align: right;
}

div.dialogbullets {
	text-align: left;
}

	div.dialogbullets .centertext {
		text-align: center;
	}

	div.dialogbullets ul {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	div.dialogbullets table {
		text-align: left;
		margin: 0px auto 0px auto;
	}

		div.dialogbullets table td {
			vertical-align: top;
		}



div.header {
	background-color: #EFEBDE;
	padding: 4px 8px 10px 8px;
}

.header td,
.header th {
	vertical-align: middle;
	padding: 0px 4px 0px 4px;
}

.header .value {
	text-align: right;
}

input.small,
.header input.small {
	width: 40px;
}

.header input.lesssmall {
	width: 60px;
}

.header input.medium {
	width: 100px;
}

.header input.lessbig {
	width: 160px;
}

.header input.big {
	width: 200px;
}

.dialogbox table #pic {
	background-repeat: no-repeat;
	background-position: center center;
	width: 140px;
	height: 200px;
	border-right: 1px solid #B5B6B5;
}

#login table #pic {
	background-image: url('img/security.png');
}

.validation-container {
	float: none;
	width: 500px;
	margin: auto;
	font-size: 90%
}

#login .validation-container {
	width: auto;
}

#forgotten table #pic {
	background-image: url('img/forgotten.png');
	width: 160px;
}

#change table #pic {
	background-image: url('img/changepassword.png');
	width: 160px;
}

.home div.mainpanel {
	/*border: 1px solid red;*/
	background: url('img/bar_v.bmp') repeat-y right top;
	padding-right: 80px;
	flex-grow: 3;
}

.home div.login {
	/*border: 1px solid red;*/
	float: right;
	margin-top: 40px;
	padding-right: 0px;
	flex-grow: 1;
}

	.home div.login p.icon {
		width: auto;
	}

.fullscreen .dialogbox {
	text-align: left;
	margin: 20% auto 0 auto;
}

.fullscreen .dialogbox {
	font-size: 120%;
}

.forgottenPasswordText {
	width: 100%;
}
/* END Login Pages */
/* :::::::::::::::::::::::::::: Help :::::::::::::::::::::::::::: */
.navigator#toc {
	float: left;
	clear: right;
	margin: 0px 6px 0px 10px;
	padding: 0px 10px 10px 0px;
	background: white;
	font-size: 90%;
	height: fit-content;
}

#toc h1, #article h1 {
	margin-top: 0px;
}

.navigator ul#toclist {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

	.navigator ul#toclist li {
		margin-bottom: 8px;
	}

	.navigator ul#toclist ul {
		margin-top: 4px;
		margin-left: 24px;
		padding-left: 0px;
		list-style-type: square;
	}

		.navigator ul#toclist ul li {
			margin-bottom: 4px;
		}

@media (max-width: 620px) {
	.navigator#toc {
		flex-direction: column;
	}

		.navigator#toc > ul#toclist {
			columns: 2;
			column-rule: 1px inset #fff;
			column-gap: 5%;
		}
}

@media (max-width: 910px) and (min-width: 621px) {
	.navigator#toc {
		flex-direction: column;
	}

		.navigator#toc > ul#toclist {
			columns: 4;
			column-rule: 1px inset #fff;
			column-gap: 5%;
		}
}

dt {
	font-weight: bold;
	margin-bottom: 4px;
}

dd {
	margin-bottom: 6px;
}

div#article li {
	margin-bottom: 4px;
}

#faq a {
	margin-left: 12px;
	font-weight: bold;
}

#faq p {
	margin-top: 4px;
	padding: 12px;
	background-color: #F4F3EE;
}

.notsupported {
	text-transform: uppercase;
}

#article em {
	font-weight: bold;
}


#pleasewait {
	padding: 2em;
	vertical-align: middle;
	text-align: center;
	background: transparent url(img/spinner.gif) 50% 0 no-repeat;
}

#startingdownload {
	vertical-align: middle;
	text-align: center;
}

/* JQuery-UI widget header classes - override these in LA-specific CSS */
.ui-widget-header {
	border: #285ccd;
	background: #285ccd;
}

.ui-widget-content {
	border: 1px solid #285ccd;
}

/* Start Service Feedback Control Styles */
.kfc-outer {
	padding: 0.6em 1em;
	width: 90vw;
}

	.kfc-outer h3 {
		margin: 1em 0 0 0;
		font-weight: normal;
		font-size: 100%;
	}

	.kfc-outer br {
		display: block;
		margin: 0;
		padding: 0;
		line-height: 0;
	}

.kfc-inner {
	display: inline-block;
	min-width: 640px;
	margin: 0 0 0.4em 0;
	padding: 0.4em 0.6em;
	border: solid 1px #cccccc;
}

.kfc-label,
.kfc-label-mandatory,
.kfc-label-disabled,
.kfc-label-top,
.kfc-label-top-mandatory {
	display: inline-block;
	margin: 0;
	height: 22px;
	width: 140px;
}

.kfc-label,
.kfc-label-mandatory,
.kfc-label-disabled {
	vertical-align: middle;
}

.kfc-label-top,
.kfc-label-top-mandatory,
.kfc-label-disabled {
	vertical-align: top;
}

.kfc-label-indented,
.kfc-label-mandatory-indented,
.kfc-label-disabled-indented {
	display: inline-block;
	margin-left: 140px;
	margin: 2px 4px 2px 140px;
}

.kfc-label-mandatory,
.kfc-label-top-mandatory,
.kfc-label-mandatory-indented {
	font-weight: bold;
}

.kfc-label-disabled {
	color: #CCCCCC;
}

.kfc-group-label {
	font-weight: normal;
}

.kfc-group-label-mandatory {
	font-weight: bold;
}

.kfc-ddl {
	margin: 2px 0;
	height: 22px;
	vertical-align: middle;
	width: 90vw;
	max-width: 500px;
}

.kfc-datebox {
	margin: 0.4em 0;
	display: inline-block;
	height: 22px;
	vertical-align: middle;
}

.kfc-textbox,
.kfc-textbox-indented,
.kfc-multiline-textbox {
	display: inline-block;
	margin: 2px 0;
	padding: 0;
	resize: none;
	/* MC: deliberately this size to line up with DDLs */
	width: 90vw;
	max-width: 500px;
}

.kfc-textbox,
.kfc-textbox-indented {
	height: 22px;
}

.kfc-textbox-indented {
	min-width: 360px;
}

.kfc-heading-controls, .kfc-footer-controls {
	margin: 0;
	margin-bottom: 1em;
	padding: 15px;
	background-color: #efebde;
	height: 22px;
}

.kfc-footer-controls {
	margin-top: 12px;
}

/* End Service Feedback Control Styles */

a.marketPlaceLink {
	float: right;
}

.centred {
	text-align: center;
}

.authorisation-visible {
	display: normal;
	text-align: center;
}

.authorisation-hidden {
	display: none;
}

.formattedCurrency {
	display: inline-block;
	min-width: 90%;
	max-width: 90%;
	text-align: right;
	text-wrap: none;
	padding-right: 9px;
}

.formattedSymbol {
	display: inline-block;
	max-width: 5%;
	min-width: 5%;
	text-align: center;
}

div.dispute {
	background-color: aliceblue;
	margin-bottom: 1em;
	padding: 4px 10px 10px 10px;
	width: 100%;
}

.dispute table {
	border-collapse: collapse;
	width: 100%;
}

.listviewactuals {
	width: 100%;
	margin-bottom: 1em;
}

#ContentPlaceHolderMain_dpActuals,
#ContentPlaceHolderMain_dpVisits {
	margin-right: auto
}

/* Scheduled Payments - start */
.sp-col-1 {
	width: 12%;
}

.sp-col-2 {
	width: 38%;
	padding: 0 1%
}

.sp-col-3 {
	width: 20%;
	padding: 0 1%
}

.sp-col-4 {
	width: 11%;
}

.sp-col-5 {
	width: 11%;
}

.sp-col-45 {
	width: 10%;
}

.sp-col-6 {
	width: 10%;
}

.sp-col-details {
	width: 50%;
}

.sp-col-amounts {
	width: 50%;
}

.sp-col-details-1 {
	width: 40%;
}

.sp-col-details-2 {
	width: 60%;
}

.sp-col-amounts-1 {
	width: 30%;
}

.sp-col-amounts-2 {
	width: 25%;
}

.sp-col-amounts-12 {
	width: 55%;
}

.sp-col-amounts-3 {
	width: 20%;
}

.sp-col-amounts-4 {
	width: 25%;
}

.sp-col-amounts-34 {
	width: 45%;
}

.sp-row {
	overflow: hidden;
}

.sp-row-header {
	overflow: hidden;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.sp-cell {
	float: left;
}

.sp-currency {
	text-align: right;
	text-wrap: none;
}

.sp-status {
	text-align: center;
	text-wrap: none;
}

.sp-icon {
	margin-bottom: -0.3em;
}

.sp-h3 {
	margin-top: 2em;
}

.sp-h5 {
	margin-bottom: 0.7em;
}

#sp-header {
	font-size: 90%;
}

#payment-item-tabs {
	float: left;
	width: 98%;
}

.payment-item-tab-content {
	font-family: Tahoma, sans-serif;
	font-size: 0.9em;
}

#btn-show-exceptions {
	margin-bottom: 10px;
}

/* Scheduled Payments - end */

/*Sorting Styling*/

.ascending a {
	background: url(img/Sort-Ascending.png) left no-repeat;
	padding-left: 15px;
	padding-right: 0px;
	display: block;
	background-size: 15px 15px;
}

.descending a {
	background: url(img/Sort-Descending.png) left no-repeat;
	padding-left: 15px;
	padding-right: 0px;
	display: block;
	background-size: 15px 15px;
}
/*Sorting Styling - end*/

/* Centralise hiding of jQuery UI dialog close button */
.no-closebutton .ui-dialog-titlebar-close {
	display: none;
}

/* For dialog boxes, in order to handle magnification, they wil be centered on the screen and can not go larger than the view port
		Overflow set to scroll and width at 95% to show the scroll bar.
    */
.ui-dialog {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	-ms-transform: translateX(50%) translateY(50%) !important;
	-webkit-transform: translateX(50%) translateY(50%) !important;
	transform: translateX(-50%) translateY(-50%) !important;
	overflow: auto !important;
	width: 95% !important;
	max-width: 700px !important;
	max-height: 100vh;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	max-width: 50vw;
}
/* Used to set the width of dd lists s othey do not overflow along the y-axis */
.dialog-dd {
	max-width: 400px !important;
	width: 100% !important;
}



.newInvoice-typeSelect {
	width: 40%;
	max-width: 400px;
}

/* report HTML viewer adjustments */

div.viewer-layout-container {
	padding: 0 !important;
	margin: 0 !important;
}

.arvToolBar button:hover,
.arvToolBar button:active,
.arvToolBar button:focus {
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ccc;
}

.btnToggleSidebar.ui-button:hover,
.btnToggleSidebar.ui-button:active,
.btnToggleSidebar.ui-button:focus {
	background-image: url(Command=ArResource;ImageId=HideShowSideBar.png.ar9);
}

.btnFind.ui-button:hover,
.btnFind.ui-button:active,
.btnFind.ui-button:focus {
	background-image: url(Command=ArResource;ImageId=Find.png.ar9);
}

.btnNext.ui-button:hover,
.btnNext.ui-button:active,
.btnNext.ui-button:focus {
	background-image: url(Command=ArResource;ImageId=Next.png.ar9);
}

.btnLast.ui-button:hover,
.btnLast.ui-button:focus,
.btnLast.ui-button:active {
	background-image: url(Command=ArResource;ImageId=Last.png.ar9);
}

.btnPrev.ui-button:hover,
.btnPrev.ui-button:focus,
.btnPrev.ui-button:active {
	background-image: url(Command=ArResource;ImageId=Prev.png.ar9);
}

.btnFirst.ui-button:hover,
.btnFirst.ui-button:active,
.btnFirst.ui-button:focus {
	background-image: url(Command=ArResource;ImageId=First.png.ar9);
}

.btnBack.ui-button:hover,
.btnBack.ui-button:active,
.btnBack.ui-button:focus {
	background-image: url(Command=ArResource;ImageId=BackToParent.png.ar9);
}

.viewer-layout-toolbar-panel,
.viewer-layout-main-panel {
	z-index: 0 !important;
}

.download-pdf-button {
	float: right;
	margin-top: 10px;
}

/* Provider Select CSS*/
.ProviderPanel {
	word-wrap: break-word;
	width: 40%;
}

@media (max-width: 620px) {
	.ProviderPanel {
		width: 100% !important;
	}
}
/* Generic classes to be used through out*/
.rightAlign {
	margin-left: auto;
}

.full-Width {
	width: 100%;
}

.flexWrap {
	flex-wrap: wrap;
}