/* Pathways to Care */
/* Primary brand colour #00779E (updated from #007EA7 due to
WCAG contrast issues not distinguishable to the human eye) */

/* This style sheet is broken up into six core componets and uses normalize.css as a reset.
   Styles are applied 'Mobile First' with media queries for larger screen sizes.

1) Typography
2) Default content UI elements - E.g. forms, buttons, and tables
3) General site layout - E.g. header, content area, and footer
4) Page specific layouts and custom styles
5) Reporting
6) Third party overrides - E.g. jQuery UI
7) Other

/* Font import */

	@font-face {
		font-family: 'Poppins';
		src: url('https://dashboard.pathways2care.uk/index.php?Request=file&FileStore=project&Path=%2Ffonts%2Fpoppins%2FPoppins-SemiBold.ttf') format('truetype');
		font-weight: 600;
	    font-style: normal;
	}

	@font-face {
		font-family: 'Open Sans';
		src: url('https://dashboard.pathways2care.uk/index.php?Request=file&FileStore=project&Path=%2Ffonts%2Fopensans%2FOpenSans-Regular.ttf') format('truetype');
		font-weight: normal;
	    font-style: normal;
	}

	@font-face {
		font-family: 'Open Sans';
		src: url('https://dashboard.pathways2care.uk/index.php?Request=file&FileStore=project&Path=%2Ffonts%2Fopensans%2FOpenSans-SemiBold.ttf') format('truetype');
		font-weight: 600;
	    font-style: normal;
	}

	@font-face {
		font-family: 'Open Sans';
		src: url('https://dashboard.pathways2care.uk/index.php?Request=file&FileStore=project&Path=%2Ffonts%2Fopensans%2FOpenSans-Italic.ttf') format('truetype');
		font-weight: normal;
	    font-style: italic;
	}

	@font-face {
		font-family: 'Open Sans';
		src: url('https://dashboard.pathways2care.uk/index.php?Request=file&FileStore=project&Path=%2Ffonts%2Fopensans%2FOpenSans-SemiBoldItalic.ttf') format('truetype');
		font-weight: 600;
	    font-style: italic;
	}

/* End font import */

	body {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		color: #444444;
		font-size: 1rem;
		line-height: 1.5;
	}

	/* Temporary hides */

	#site_title,
	#app_version,
	#UnexpectedOutput,
	hr {
		display: none;
	}

/* 1. Typography and list styles */

/* Default text */
	p {
		margin: 0 0 1rem 0;
		padding: 0;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Poppins', Arial, Helvetica, sans-serif;
		color: #00779E;
		margin: 1rem 0 0.75rem 0;
		font-weight: 600;
	}

	h1 {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 1.375rem;
	}

	h3 {
		font-size: 1.25rem;
	}

	h4 {
		font-size: 1.125rem;
	}

	a {
		color: #00779E;
		text-decoration: none;
		font-weight: 600;
	}

	a:hover {
		color: #000000;
		text-decoration: underline;
	}

/* Wojtek 1 */
	.ClearBoth {
		clear: both;
	}

/* Lists */

	ul {
		margin: 0.5rem 1rem 1rem 1.5rem;
		padding: 0;
		list-style: disc;
	}

	li {
		margin: 0 0 0.5rem 0;
		padding: 0;
	}

/* Definition lists are used for the activity display and glossary */
	dl {
		max-width: 800px;
		margin: 0 0 1rem 0;
		padding: 0;
	}

	td pre,
	dl pre {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		white-space: pre-wrap;
		margin: 0;
	}

	dt {
		font-weight: 600;
		margin: 0 0 0.5rem 0;
		padding: 0;
	}

	dd {
		margin: 0 0 1.25rem 0;
		padding: 0;
	}

/* End #1 Typography */

/* 2. Default content UI elements */

/* Buttons
   We use lots of different class names for buttons
 */

	.LargeButton,
	.Button,
	button,
	#AddTeam,
	.DeleteTeam,
	.DeleteNewTeam {
		color: #FFFFFF;
		background-color: #00779E;
		border-radius: 0.25rem;
		padding: 0.5rem 1.25rem;
		border: 0;
		font-weight: 600;
		width: auto;
	}

/* Wojtek 2 */
	.SmallButton {
		color: #FFF;
		background-color: #00779E;
		border-radius: 0.25rem;
		padding: 0.2rem 0.8rem;
		border: 0;
		font-weight: 600;
		width: auto;
		font-size: 1em;
	}
/* Custom styling to remove dotted line under Pathway text */
	abbr[title]{
		text-decoration: none;
		cursor: pointer;
	}

/* Custom styling for 'Manage presets' button */
.ReportPageOptions a.Button {
	line-height: 1.125;
	display: inline-block;
}

/* Hover states for the above */
	.LargeButton:hover,
	.Button:hover,
	.SmallButton:hover, /* Wojtek 2 */
	button:hover,
	#AddTeam:hover,
	.DeleteTeam:hover,
	.DeleteNewTeam:hover {
		background-color: #000000;
		cursor: pointer;
		color: #FFFFFF;
		text-decoration: none;
	}

/* Cancel */
	#Cancel.LargeButton,
	.LargeButtonCancel,
	.LargeButtonCancel.LargeButtonDisabled,
	.SendAlert.LargeButton.selected {
		background-color: #FFFFFF;
		color: #666666;
		font-weight: normal;
		border: solid 1px #CCCCCC;
	}

	.SendAlert.LargeButton.selected {
		padding-top: 0.4375rem;
		padding-bottom: 0.4375rem;
	}

/* Cancel hover states */
	#Cancel.LargeButton:hover,
	.LargeButtonCancel:hover,
	.LargeButtonCancel.LargeButtonDisabled:hover,
	.SendAlert.LargeButton.selected:hover {
		background-color: #DDDDDD;
		color: #444444;
	}

/* Delete */
	.DeleteNewTeam,
	.LargeButtonDelete,
	.DeleteTeam {
		background-color: #E00000;
		margin-left: 3rem;
	}

/* Disabled */
	.LargeButton.LargeButtonCancel.LargeButtonDisabled {
		text-decoration: none;
	}

	.LargeButtonDisabled {
		background-color: #CCCCCC;
	}

	.LargeButtonDisabled:hover {
		background-color: #CCCCCC;
		cursor: default;
	}

/* Button group position */

	.StandardInputForm .ButtonGroup {
		margin-top: 3rem;
	}

	.StandardInputForm .OptGroup {
		font-weight: bold;
	}

	@media screen and (min-width: 750px) and (max-width: 799px) {
		.StandardInputForm .ButtonGroup {
			margin-left: 250px;
		}
	}

	@media screen and (min-width: 1064px) {
		.StandardInputForm .ButtonGroup {
			margin-left: 250px;
		}
	}

	#SendNotifications button {
		margin-bottom: 4px;
	}

	#SendNotifications .Alert.selected {
		background-image: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fnotification-selected-tick.png');
		background-repeat: no-repeat;
		background-position: 94% 50%;
		padding-right: 40px;
		background-size: 20px 20px;
		background-color: #005a77;
	}

/* End buttons */

/* Forms */

/* Defaault form styling */

	label {
		display: block; /* For smaller screens to show inputs under labels */
		vertical-align: top;
		margin-top: 5px;
		font-weight: 600;
	}

	@media screen and (min-width: 750px) {
		label {
			display: inline-block; /* For large screens */
			float: left;
			width: 250px;
		}
	}

	input, select {
		border: solid 1px #999999;
		border-radius: 0.25rem;
		font-size: 1rem;
		padding: 0.375rem 0.5rem;
		width: 100%;
		line-height: 1.5;
		box-sizing: border-box;
	}

	@media screen and (min-width: 425px) {
		input, select {
			max-width: 350px;
		}
	}

/* Bug 12731 & 12746 Update lookup table input widths and fix drag styling */

/* Left aligns all lookup table text, extra specificity applied to override inline styles */
	#frmEditLookup #LookupTableData td {
		text-align: left;
	}

/* Sets the text input width to the full width of the td */
	#LookupTableData input.RequiredData {
		max-width: 100%;
	}

/* Increases the the width of the text column for specific tables */
	.table-refLocationsCurrentLocation #Location,
	.table-refLocationsDischargeDestination #Location {
		width: 700px;
	}

	.table-refAbandonedReasons #AbandonedReason,
	.table-refStatuses #Status {
		width: 450px;
	}

	.table-refLocationsDischargeOrigin #Location {
		width: 300px;
	}

	.table-refLocationsDischargeOrigin #ParentID,
	.table-refLocationsDischargeOrigin #SortKey {
		width: 100px;
	}

	.table-refPathways #Pathway {
		width: 200px;
	}

	.table-refDelayReasons #DelayReason {
		width: 1000px;
	}

/* Sets the width of associated text inputs when dragged */
	.table-refLocationsCurrentLocation .ui-sortable-helper input,
	.table-refLocationsDischargeDestination .ui-sortable-helper input {
		width: 700px;
	}

	.table-refAbandonedReasons .ui-sortable-helper input,
	.table-refStatuses .ui-sortable-helper input {
		width: 450px;
	}

	.table-refPathways .ui-sortable-helper input {
		width: 200px;
	}

	.table-refDelayReasons .ui-sortable-helper input {
		width: 1000px;
	}

/* Fixes the position of the checkbox in all lookup tables */
	#frmEditLookup #LookupTableData td input[type=checkbox] {
		margin-top: 0;
		margin-left: 10px;
		max-width: 25px;
	}

/* Styling to differentiate the dragged item */
	#LookupTableData .ui-sortable-helper td {
		border: 1px solid #00779E;
		background-color: #efefef;
	}

/* Fixes the width of the draggable and non-draggable first column */
   #LookupTableData td:first-child {
		min-width: 16px;
	}

/* Adds sortable up/down arrow visual clue */
	#LookupTableData .ui-sortable td:first-child {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Flookup-table-drag-arrows-first-column.png");
		background-size: 26px 24px;
		background-repeat: no-repeat;
		background-position: right 50%;
		padding-right: 34px;
	}

	/* Adds sortable up/down arrow visual clue */
	#WaitingListTable .ui-sortable .StickToThis td:last-child {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Flookup-table-drag-arrows.png");
		background-size: 18px 24px;
		background-repeat: no-repeat;
		background-position: center;
		padding-right: 10px;
	}

/* Hides the up/down arrow for non-sortable items */
	#LookupTableData .ui-sortable .ui-state-disabled-row td:first-child {
		background-image: none;
	}

/* Fixes the width of the new draggable last column */
	#LookupTableData td:last-child {
		min-width: 47px;
	}

/* Fixes the width of the existing checkbox draggable last column */
	#LookupTableData td:last-child input {
		width: 20px;
	}

/* Hides the unwanted extra table columns */
	#LookupTableData .ui-sortable-placeholder td {
		display: none;
	}

/* This offsets the removed table borders by reinstating them at table and td level just for these tables */
	#LookupTableData,
	#LookupTableData td {
		border: 1px solid #000000;
	}

/* This hides the 'move' cursor for the Discharge Origin table wich is not sortable by click and drag */
	#LookupTableData.table-refLocationsDischargeOrigin.Sortable tbody tr {
		cursor: default;
	}

/* END bug 12731 & 12746 */

/* Bug 13077 adds sortable arrows for tables with sorting applied */

	.SortableTableHeader a {
		background-position: 100% 50%;
		background-repeat: no-repeat;
		background-size: 16px 16px;
	}

	.SortableTableHeader .SortUp a {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Ftable-sort-ascending-arrow.png");
		padding-right: 20px;
	}

	.SortableTableHeader .SortDown a {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Ftable-sort-descending-arrow.png");
		padding-right: 20px;
	}

/* End bug 13077 */


	select {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Farrow-triangle-down.png");
		background-position: top 12px right 12px;
		background-repeat: no-repeat;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
		box-sizing: border-box;
		padding-right: 35px;
	}

	#LookupTableData input {
		min-width: auto;
	}

	.FieldCheckboxList {
		display: inline-block;
		margin-top: 1.5rem;
		vertical-align: top;
		margin-bottom: 0;
		font-size: 1.125rem;
	}

	.FieldCheckboxList label {
		margin-top: 0;
	}

	.CheckboxListItem label,
	.BooleanLabel label {
		display: inline-block; /* for all screens */
		width: 240px;
		margin-right: 10px;
	}

	fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		width: 300px;
	}

	@media screen and (min-width: 600px) {
		fieldset {
			display: inline-block;
		}
	}

	.FieldDatePicker {
		margin-bottom: 0;
		display: inline;
	}

/* Date picker */

	input.DateDay,
	input.DateMonth,
	input.TimeHour,
	input.TimeMinute {
		width: auto;
		text-align: center;
	}

	input.DateYear {
		width: auto;
		text-align: center;
	}

/* Bug 13328 Date and time amends to
	accommodate the Actual Discharge Date  */

/* General date and time amends on the status form */

/* For the specified width rangle this media query ensures
  	that the label is maintained above the inputs */
	@media screen and (min-width: 800px) and (max-width: 1063px) {
		.ExpectedDischargeDateTime label,
		#ActualDischargeDateTime label,
		.CriteriaToResideDateTime label {
			width: 100%;
		}
	}

/* Fixes an inconsistent layout due to inconsistent HTML,
	fieldset vs p, for the date and time containers */
	.ExpectedDischargeDateTime input,
	#ActualDischargeDateTime input,
	.CriteriaToResideDateTime input {
		margin-bottom: 10px;
	}

/* Fixes inconsistent wrapping of the time under the date
	due to inconsistent usage of fieldset vs p */
	#ActualDischargeDateTime fieldset,
	.CriteriaToResideDateTime p {
		width: auto;
		display: inline-block;
	}

/* Removes the bottom margin for the time */
	#ActualDischargeDateTime fieldset:last-of-type,
	.CriteriaToResideDateTime p:last-of-type {
		width: auto;
		margin-bottom: 0;
		display: inline-block;
	}

/* For the specified widths where there is no space
	to display the time next to the date this media query
	adds a left margin to the time */
	@media screen and (max-width: 1102px) and (min-width: 1063px) {
		#ActualDischargeDateTime fieldset:last-of-type,
		.CriteriaToResideDateTime p:last-of-type {
			margin-left: 250px;
		}
	}

/* Hides unwanted empty p's that impact on flow and
	push the time under the date */
	#ActualDischargeDateTime p:empty {
		display: none;
	}
/* End Actual discharge date specific */

/* Criteria to reside date/time specific */

/* Verically aligns the two lines of label
	text with the date input */
	.CriteriaToResideDateTime p label {
		margin-top: -6px;
	}

/* As the date picker icon is not shown for criteria
	to reside this adds additional space to the right of
	the date input so the time input is not too tight */
	.CriteriaToResideDateTime input.DateYear {
		margin-right: 25px;
	}

/* End criteria to reside date/time specific */

/* General fixes */

/* Applied a fixed width to the date and time separator
	to ensure equal spacing when viewed on smaller screens */
	.ExpectedDischargeDateTime .DateSeparator,
	#ActualDischargeDateTime .DateSeparator,
	#ActualDischargeDateTime .TimeSeparator,
	.CriteriaToResideDateTime .DateSeparator,
	.CriteriaToResideDateTime .TimeSeparator {
		width: 14px;
		display: inline-block;
		text-align: center;
	}

/* Fixed a layout issue for the case notes on
	smaller screens */
	.NoteContainer.UpdateStatus textarea {
		max-width: 350px;
	}

	@media screen and (max-width: 749px) {
		.NoteContainer.UpdateStatus textarea {
			max-width: 420px;
		}
	}

	@media screen and (min-width: 1200px) {
		.NoteContainer.UpdateStatus textarea {
			max-width: 420px;
		}
	}

/* End general fixes */

/* End 13328 */

	.ui-datepicker-trigger {
		vertical-align: middle;
		width: 40px;
		height: 40px;
	}

	textarea {
		border: solid 1px #999999;
		border-radius: 0.25rem;
		font-size: 1rem;
		background-color: #FFFFFF;
		padding: 0.375rem 0.5rem;
		font-family: 'Open Sans', sans-serif;
		width: 100%;
		max-width: 420px;
		box-sizing: border-box;
		min-height: 200px
	}

	input[type="checkbox"] {
		width: 20px;
		margin-top: 13px;
	}

	input[type="radio"] {
		width: 3rem;
	}

/* Custom styles */

	.not-editable-input-text-only {
		margin-top: 1.5rem;
	}

	.not-editable-input-text-only p label {
		margin-top: 0;
	}

	#frmEditLookup .ButtonGroup {
		text-align: left !important;
		margin-left: 0 !important;
	}


	#PatientHistory .DateHeader {
		font-weight: 600;
		font-size: 1.125rem;
	}

	#PatientHistory .TimeHeader {
		font-weight: 600;
		font-size: 0.9375rem;
	}


/* Form container */
	#frmUpdateDischarge,
	#frmRegisterNewDischarge,
	#frmEditPatient,
	#frmEditCaseNote,
	#frmProcessNewDischarge,
	#frmOrganisationEdit,
	#frmRoleEdit,
	#frmAdvancedSearch,
	#frmEditUser {
		padding: 4%;
		box-sizing: border-box;
		background-color: #fafafa;
		border-radius: 0.25rem;
		width: 100%;
		max-width: 860px;
		border: solid 1px #e5e5e5;
	}

/* Overrides for the tabbed view */
	#frmUpdateDischarge,
	#frmEditCaseNote,
	#frmEditPatient {
		border: 0;
		padding: 2% 0;
	}


/* Tables */

	/* Allows for horizontal scroll on smaller screens */
	.table-container {
		overflow-y: auto;
	}

	table {
		margin: 1rem 0 2rem 0;
		border-collapse: collapse;
		max-width: 100%;
		text-align: left;
		border-top: 1px solid #333333;
		border-left: 1px solid #333333;
	}

/* (table.widget thead td) specific CSS added for WCAG bug 12459 */  
	th, table.widget thead td {
		background-color: #00779E;
		border-right: 1px solid #333333;
		border-bottom: 1px solid #333333;
		padding: 0.375rem;
		font-size: 0.8125rem;
		line-height: 1.2;
		color: #FFFFFF;
	}

	@media screen and (min-width: 900px) {
		th {
			font-size: 0.875rem;
			padding: 0.375rem 0.375rem;
		}
	}

	@media screen and (min-width: 1100px) {
		th {
			font-size: 0.9rem;
			padding: 0.375rem 0.375rem;
		}
	}

	th a {
		color: #FFFFFF;
	}

	th a:hover {
		color: #FFFFFF;
	}

	td {
		border-right: 1px solid #333333;
		border-bottom: 1px solid #333333;
		padding: 0.375rem;
		font-size: 0.8125rem;
	}

	@media screen and (min-width: 900px) {
		td {
			font-size: 0.875rem;
			padding: 0.375rem 0.375rem;
		}
	}

	@media screen and (min-width: 1100px) {
		td {
			font-size: 0.9rem;
			padding: 0.375rem 0.375rem;
		}
	}

/* Audit log table */

	#DischargeAuditLogTable tr:hover {
		background-color: #DDDDDD;
	}

	#DischargeAuditLogTable .ChangedFieldName {
		font-weight: 600;
		margin-right: 5px;
	}

	#DischargeAuditLogTable .ChangeArrow {
		color: #00779E;
		margin-right: 5px;
		margin-left: 5px;
		font-weight: 600;
		line-height: 1;
	}

	#DischargeAuditLogTable .NewValue {
		font-weight: bold;
	}

	#DischargeAuditLogTable .MatchHighlight {
		background-color: #00779E;
		font-weight: 600;
	}

	#DischargeAuditLogTable .EnableExpand td:first-child,
	#DischargeAuditLogTable .DisableExpand td:first-child {
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: right;
	}

	#DischargeAuditLogTable .EnableExpand td:first-child {
		background-image: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpand-arrow.png');
		background-position: 95% 50%;
		padding-right: 30px;
		background-size: 16px 16px;
	}

	#DischargeAuditLogTable .DisableExpand td:first-child {
		background-image: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fcollapse-arrow.png');
		background-position: 95% 50%;
		padding-right: 30px;
		background-size: 16px 16px;
	}

	#DischargeAuditLogTable .EnableExpand td {
		background-color: #EEEEEE;
	}

	#DischargeAuditLogTable .Parent.DisableExpand td {
		background-color: #EEEEEE;
	}

	#DischargeAuditLogTable .Child td {
		background-color: #EEEEEE;
	}

/* Roles table */
	.BoolYes {
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fgreen-tick-icon.png') no-repeat 50% 50%;
		background-size: 16px 16px;
	}

	.BoolNo {
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fred-cross-icon.png') no-repeat 50% 50%;
		background-size: 16px 16px;
	}

	.BoolYes .roles-options-text,
	.BoolNo .roles-options-text,
	.BoolYes .islocalauthority-text,
	.BoolNo .islocalauthority-text {
		visibility: hidden;
		width: 20px;
		display: inline-block;
		vertical-align: middle;
	}

	/*.role-table-role {
		min-width: 150px;
	}

	.role-table-id {
		min-width: 50px;
	}*/

	#LookupTableData {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

/* Notifications */

	#NotificationsPanel p {
		border: solid 3px #0088cc;
		border-left: solid 10px #0088cc;
		padding: 0.5rem 1rem;
		font-weight: 600;
		font-size: 1.25rem;
		color: #0088cc;
	}

	#NotificationsPanel .Error {
		border: solid 5px #E00000;
		border-left: solid 10px #E00000;
		color: #E00000;
	}

	#NotificationsPanel .Warning {
		border: solid 5px orange;
		border-left: solid 10px orange;
		color: orange;
	}

	#NotificationsPanel .DataUpdated {
		border: solid 5px green;
		border-left: solid 10px green;
		color: green;
	}

	.DataErrorDescription {
		color: #E00000;
		font-weight: 600;
		font-size: 0.8125rem;
		margin: 0.25rem 0 1rem 0;
		display: block;
	}

	@media screen and (min-width: 750px) {
		.DataErrorDescription {
			margin-left: 250px;
		}
	}

	@media screen and (min-width: 750px) {
		#page-login .DataErrorDescription {
			margin-left: 0;
		}
	}

	@media screen and (min-width: 750px) {
		#TeamList .DataErrorDescription {
			margin-left: 0;
		}
	}

	#LookupTableData .DataErrorDescription {
		margin-left: 0;
		margin-bottom: 0;
	}

	fieldset .DataErrorDescription {
		margin-left: 0;
	}

	.RequiredData {
		background-color: #FFFCCC;
	}

/* End notifications */

/* End #2 */

/* 3) General site layout */

	.p2c-skip-link {
		position: absolute;
		left: -9999px;
	}

	.p2c-skip-link:focus {
		left: 16px;
		top: 16px;
		z-index: 3;
	}	

	#pagecontainer {
		margin: 0 auto;
		width: 94%;
		padding: 0 3%;
		max-width: 1200px;
	}

/* Header */

	#site_header {
		padding: 1rem 0;
		margin: 0;
		overflow: hidden;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fheader-gradient-bg.png') repeat-x 0 100%;
	}

	#app_logo {
		float: left;
		margin-right: 0.5rem;
	}

	@media screen and (min-width: 600px) {
		#app_logo {
			margin-right: 1.5rem;
		}
	}

	#app_logo img {
		max-height: 40px;
		margin-top: 6px;
	}

	@media screen and (min-width: 600px) {
		#app_logo img {
			max-height: 60px;
			margin-top: 0;
		}
	}

	#home_link {
		display: block;
	}


	#frmSearch {
		float: left;
		margin-top: 0.5rem;
	}


/* Hides the label added for WCAG bug 12459 */
	#frmSearch label {
		display: none;
	}

	@media screen and (min-width: 600px) {
		#frmSearch {
			margin-top: 0.875rem;
		}
	}

	#frmSearch input {
		padding: 0.5rem;
		border: solid 1px #00779E;
		min-width: 85px;
		max-width: 85px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right: 0;
		font-size: 0.875rem;
	}

	@media screen and (min-width: 370px) {
		#frmSearch input {
			min-width: 120px;
		}
	}

	@media screen and (min-width: 450px) {
		#frmSearch input {
			min-width: 170px;
		}
	}

	@media screen and (min-width: 500px) {
		#frmSearch input {
			min-width: 200px;
			font-size: 1rem;
		}
	}

	@media screen and (min-width: 750px) {
		#frmSearch input {
			min-width: 150px;
		}
	}

	@media screen and (min-width: 900px) {
		#frmSearch input {
			min-width: 250px;
		}
	}

	#frmSearch input.LargeButton {
		padding: 0.5rem 0.75rem;
		margin-left: 0rem;
		min-width: auto;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0.25rem;
		border-bottom-right-radius: 0.25rem;
	}

	#frmSearch input.LargeButton:hover {
		border-color: black;
	}

	#frmSearch p {
		float: left;
	}

	#loginstatus {
		float: right;
	}

	@media screen and (min-width: 600px) {
		#loginstatus {
			float: right;
		}
	}

	@media screen and (min-width: 1000px) {
		#loginstatus {
			width: auto;
		}
	}

	.user-detail {
		float: right;
	}

	.user-icon {
		width: 100%;
		max-width: 18px;
		margin-right: 0.375rem;
		vertical-align: middle;
	}

	.system-menu {
		float: right;
		clear: right;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.system-menu li {
		display: inline-block;
		margin-left: 1rem;
	}

	.user-name {
		margin-right: 0.5rem;
		color: #FFFFFF;
	}

	@media screen and (min-width: 800px) {
		.user-name {
			display: none;
		}
	}

	@media screen and (min-width: 1100px) {
		.user-name {
			display: inline;
			color: #444444;
		}
	}

	.user-last-name {
		text-transform: uppercase;
	}

/* Mobile menu */

	@media only screen and (min-width: 800px) {
		#MenuToggle {
			display: none;
		}
	}

	@media only screen and (min-width: 800px) {
		.TopMenuVisible #MenuToggle {
			display: block;
		}
	}	

	@media only screen and (max-width: 799px) {
		.header-nav {
			display: none;
		}
	}

	.TopMenuVisible #loginstatus {
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		z-index: 100;
		width: 100%;
		padding: 3%;
		box-sizing: border-box;
		background-color: #005A77;
		display: block;
		border-bottom: solid 5px #000000;
	}

	.TopMenuVisible #loginstatus a {
		color: #FFFFFF;
	}

	.TopMenuVisible .header-nav {
		display: block;
	}

	.TopMenuVisible .header-nav li {
		color: #FFFFFF;
		text-align: right;
	}

	.header-nav li {
		list-style: none;
	}

	#loginstatus a#MenuToggle {
		position: relative;
		color: #00779E;
		float: right;
		text-decoration: none;
		border: solid 1px #00779E;
		padding: 0.5rem 10px;
		border-radius: 0.25rem;
		font-weight: bold;
		font-size: 0.875rem;
		clear: right;
		margin-top: 0.5rem;
	}

	@media only screen and (min-width: 500px) {
		#loginstatus a#MenuToggle {
			font-size: 1rem;
		}
	}

	@media only screen and (min-width: 600px) {
		#loginstatus a#MenuToggle {
			margin-top: 0.875rem;
		}
	}

	.TopMenuVisible #loginstatus a#MenuToggle {
		color: #FFFFFF;
		border: solid 1px #FFFFFF;
	}

/* end header */

 /* Footer */

	#footer {
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fheader-gradient-bg.png') repeat-x 0 0;
		width: 100%;
		text-align: center;
		padding: 2rem 2% 1rem 2%;
		box-sizing: border-box;
		margin-top: 5rem;
		overflow: auto;
	}

	#footer ul {
		list-style: none;
		margin: 0 0 1rem 0;
		padding: 0;
	}

	#footer #app_copyright {
		float: left;
	}

	#footer .legal {
		float: left;
		clear: left;
	}

	@media only screen and (min-width: 750px) {
		#footer .legal {
			float: right;
			clear: none;
		}
	}

	#footer .legal li {
		display: inline;
		margin-right: 1rem;
	}

	@media only screen and (min-width: 750px) {
		#footer .legal li {
			margin-left: 2rem;
			margin-right: 0;
		}
	}

/* End footer */

/* Content general layout */

	#page_header {
		clear: left;
	}

	#page_title {
		padding-bottom: 0.5rem;
	}

/* End #3 */

/* 4) Page specific layouts and custom styles */

/* Default person view */

/* Patent details left block */

	#PatientDetails {
		padding: 1.5rem;
		border-radius: 5px;
		margin: 0 0 1rem 0;
		box-sizing: border-box;
		background-color: #005a77;
		color: #FFFFFF;
		width: 100%;
	}

	@media screen and (min-width: 800px) {
		#PatientDetails {
			float: left;
			width: 32%;
			/*display: inline;*/
		}
	}

	#PatientDetails p {
		margin-bottom: 0.75rem;
	}

	.ListPageButtonContainer {
		display: contents
	}

	.AlignRight {
		float: right;
	}
/* Local Authority change button */

	#PatientDetails .local-authority p span a {
		padding: 0.175rem 0.5rem;
		margin-left: 0.375rem;
		background-color: #FFFFFF;
		color: #005A77;
		border-radius: 4px;
		font-size: 0.875rem;
	}

	#PatientDetails .local-authority p span a:hover {
		text-decoration: none;
		background-color: #000000;
		color: #FFFFFF;
	}

/* End Local Authority change button */

	#PatientDetails .label {
		font-weight: 600;
	}

	.nhs-number,
	.postcode {
		display: inline-block;
	}

	.nhs-number {
		margin-right: 0.5rem;
	}

	#PatientDetails .casetype {
		margin-bottom: 1.25rem;
	}

	#PatientDetails .casetype .ic {
		margin-left: 0.5rem;
	}

	#PatientDetails .casetype a {
		background-color: #FFFFFF;
		border-radius: 4px;
		color: #00779E;
		padding: 0.1rem 0.5rem;
	}

	#PatientDetails .casetype a:hover {
		text-decoration: none;
	}

	.current-location {
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fcurrent-location-icon.png') no-repeat 4px 0;
		padding-left: 30px;
		background-size: 16px 24px;
	}

	#PatientDetails h1,
	#PatientDetails h2 {
		color: #FFFFFF;
		font-size: 1.125rem;
		margin-bottom: 0.25rem;
		margin-top: 0;
	}

	#PatientDetails .discharge p, .admissiondate p {
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fwhite-calendar-icon.png') no-repeat 0 0;
		padding-left: 30px;
		background-size: 24px 24px;
	}

	#PatientDetails .pathway p {
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fwhite-pathway-icon.png') no-repeat 0 0;
		padding-left: 30px;
		background-size: 24px 24px;
	}

	.location {
		font-weight: 600;
	}

/* Patient history */

	.HistoryStatusDate {
		width: 150px;
		display: inline-block;
		vertical-align: top;
	}

	.HistoryOutcome {
		width: 180px;
		display: inline-block;
	}

	.cases-history ul {
		margin: 0.5rem 0 1rem 0;
	}
	.cases-history li {
		list-style: none;
		margin: 0 0 0.5rem 0;
	}

	.cases-history a {
		color: #FFFFFF;
	}

 	.cases-history a.HistorySummary span {
   	display: none;
	}

	.cases-history a.HistorySummary:hover {
   	cursor: help;
    	position: relative;
	}

	.cases-history a.HistorySummary:hover span {
   	padding: 0.5rem;
   	display: block;
   	z-index: 100;
   	background: #000000;
   	left: 0px;
   	margin: 15px;
   	width: 300px;
   	position: absolute;
   	top: 15px;
   	text-decoration: none;
   	border: 1px solid #ffffff;
	}

/* End patient history */		

/* End patient details block */

/* Local Authority edit form */

.local-authority-fixed-info {
	display: inline-block;
	margin-top: 1rem;
}

.local-authority-fixed-info p {
	display: inline;
}

.local-authority-fixed-info p.label {
	float: left;
	width: 250px;
	font-weight: 600;
}

/* End Local Authority edit form */

/* Case Deletion History block */

	#DeletionHistory .ExcludedCasesList {
		list-style-type: none;
		margin: 0;
	}

	#DeletionHistory td a {
		text-decoration: underline;
	}

/* End Case Deletion History block */


/* Patient history block */

	#PatientHistory {
		width: 100%;
		padding: 0.5rem 1.5rem 1.5rem 1.5rem;
		border-radius: 5px;
		margin: 0 0 1rem 0;
		box-sizing: border-box;
		background-color: #fafafa;
		border: solid 1px #e5e5e5;
	}

	@media screen and (min-width: 800px) {
		#PatientHistory {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			float: right;
			width: 65%;
		}
	}

	#PatientHistory .date {
		font-weight: 600;
	}

/* End patentient history */

/* Primary editing links */

	#ActionButtons {
		border: solid 1px #00779E;
		background-color: #f4f8f9;
		padding: 1.5rem;
		border-radius: 5px;
		margin: 0 0 1rem 0;
		box-sizing: border-box;
		background-color: #00779E;
		margin-bottom: 0;
		padding: 0.5rem 1rem;
		margin-bottom: 1rem;
	}

	@media screen and (min-width: 800px) {
		#ActionButtons {
			float: right;
			width: 65%;
			margin-bottom: 0;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
	}

	@media screen and (max-width: 1100px) {
		#ActionButtons ul {
			margin: 0.5rem 0 0 0;
		}
	}

	#ActionButtons ul {
		margin: 0;
	}

	#ActionButtons li {
		list-style: none;
		margin: 0.5rem 0;
		display: inline-block;
		margin-right: 5px;
	}

	#ActionButtons a {
		color: #FFFFFF;
		padding: 0.25rem 0.5rem;
	}

	#ActionButtons a:hover {
		background-color: #005a77;
		border-radius: 4px;
		padding: 0.25rem 0.5rem;
		text-decoration: none;
	}

	#ActionButtons a.active {
		background-color: #FFFFFF;
		border-radius: 4px;
		color: #00779E;
	}

	#ActionButtons a.active:hover {
		text-decoration: none;
	}

/* End primary editing links */

/* End defauly person view */

/* Content layout */

/* Ogrganisation edit */

	#TeamList {
		margin-left: 0;
		list-style: none;
	}

/* Discharge update form */

	.CheckboxListContainer {
		clear: left;
	}

	#page-update_discharge .CheckboxList ul,
	#page-user_edit .CheckboxList ul {
		list-style: none;
		margin-left: 1rem;
	}

	@media screen and (min-width: 600px) {
		#page-update_discharge .CheckboxList ul,
		#page-user_edit .CheckboxList ul {
			margin: 0.5rem 0 2rem 0;
		}
	}

	#page-user_edit .CheckboxListContainer .CheckboxListItem {
		clear: left;
	}

	#page-user_edit .CheckboxListContainer .CheckboxListItem label {
		margin-top: 8px;
	}

	#page-update_discharge .CheckboxList li input,
	#page-user_edit .CheckboxList li input {
		max-width: 20px;
	}

	#page-update_discharge .BooleanLabel input {
		max-width: 20px;
	}

	#page-update_discharge .BooleanLabel {
		margin-top: 40px;
		margin-left: 1rem;
	}

	@media screen and (min-width: 600px) {
		#page-update_discharge .BooleanLabel {
			margin-left: 0;
		}
	}

	.FieldDropDownList.HideField {
		margin-top: 30px;
	}

/* Removed as this is breaking the select
	beyond its container on smaller screens
	and having re-tested is not actually needed
	.FieldDropDownList.HideField select {
		width: 500px;
	}
*/

	input.OtherField {
		min-width: 332px;
	}

/* WCAG fix bug 12459 */
	@media screen and (min-width: 1065px) {
		input.OtherField {
			margin-left: 250px;
		}
	}

/* Discharge form 'ReadOnly' */

	.ReadOnly label {
		margin-top: 0;
	}

	.ReadOnly .FieldHasOther p {
		margin-left: 250px;
	}

	.ReadOnly .FieldHasOther p.FieldDropDownList {
		margin-left: 0;
	}

/* Login and password reset forms */

	#page-login .content,
	#page-password_reset .content,
	#page-login #page_title,
	#page-password_reset #page_title {
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}

/* Role edit form */

	#frmRoleEdit {
		width: 100%;
		max-width: 600px;
	}

	#frmRoleEdit .roles-input-container label {
		width: 126px;
	}

	#frmRoleEdit label {
		width: 280px;
		display: inline-block;
	}

	@media screen and (min-width: 600px) {
		#frmRoleEdit label {
			width: 460px;
		}
	}

	#frmRoleEdit .roles-group p,
	#frmRoleEdit .roles-input-container p,
	#frmRoleEdit p.ButtonGroup {
		border: 0;
		padding: 0;
	}

	#frmRoleEdit .roles-input-container {
		margin-bottom: 1.5rem;
	}

	#frmRoleEdit .ButtonGroup {
		margin-left: 0px;
	}

	@media screen and (min-width: 600px) {
		#frmRoleEdit .ButtonGroup {
			margin-left: 180px;
		}
	}

	#frmRoleEdit .roles-group {
		margin-bottom: 0.75rem;
		padding: 0 0 1.25rem 0;
		border-bottom: 1px solid #CCCCCC;
	}

	#frmRoleEdit p {
		margin-bottom: 0.75rem;
		padding: 0 0 1.25rem 0;
		border-bottom: 1px solid #CCCCCC;
	}

	#frmRoleEdit .parent-container p {
		margin-bottom: 0;
		background-color: #fafafa;
	}

	#frmRoleEdit .child-container {
		padding-left: 25px;
	}

	#frmRoleEdit .child-container p {
		margin-bottom: 0;
		background-color: #fafafa;
	}

	#frmRoleEdit .child-container p:first-child {
		margin-top: 10px;
	}

	#frmRoleEdit .child-container label {
		width: 255px;
		font-size: 0.9375rem;
	}

	@media screen and (min-width: 600px) {
		#frmRoleEdit .child-container label {
			width: 435px;
		}
	}

	#frmRoleEdit .grandchild-container {
		padding-left: 50px;
	}

	#frmRoleEdit .grandchild-container p {
		margin-bottom: 0;
		background-color: #fafafa;
	}

	#frmRoleEdit .grandchild-container p:first-child {
		margin-top: 10px;
	}

		#frmRoleEdit .grandchild-container label {
		width: 230px;
		font-size: 0.9375rem;
	}

	@media screen and (min-width: 600px) {
		#frmRoleEdit .grandchild-container label {
			width: 410px;
		}
	}

	.Paginator {
		margin: 2em;
		padding: 0.5em;
	}

	.Paginator label {
		width: auto;
		margin: 0.25rem 1rem 0 0;
	}

	.Paginator ul {
		display: inline;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.Paginator li {
		display: inline-block;
		margin-right: 10px;
	}

	.Paginator li.CurrentPage {
		background-color: #00779E;
		padding: 0.25rem 0.5rem;
		border-radius: 0.25rem;
		color: #FFFFFF;
	}

/* search results form */

	.date-from-to input {
		min-width: 20px;
	}

/* Organisation edit */

	#TeamList li {
		padding: 1.5rem;
		width: 100%;
		max-width: 600px;
		border-radius: 0.5rem;
		background-color: #EEEEEE;
		border: solid 1px #DDDDDD;
		margin-bottom: 1rem;
		box-sizing: border-box;
	}

	#TeamList li label {
		width: 226px;
	}

	.DeleteTeam,
	.DeleteNewTeam {
		margin: 0.5rem 0 0 0;
		display: inline-block;
	}

	#page-update_discharge .HideField {
		display: none;
	}

/* Dashboards */

	.dashboard-container {
		margin: 0 0 2rem 0;
	}

/* Bug 13143 dashboard updates */

/* Dashboard widgets */

/* Enusures specific blocks clear as required */
	.list_widgets,
	.total_widgets,
	.RegisterBlock,
	.WidgetMixedGroup,
	.table_widgets {
		clear: left;
	}

/* Waiting list and 'Register New ...' layout fixes'
	.RegisterBlock.section h2 {
		display: inline-block;
		margin-right: 2rem;
		margin-bottom: 1.375rem;
	}

	.RegisterBlock.section p {
		display: inline-block;
	}

	.WaitingListButton {
		float: right;
		margin-top: 20px;
	}
*/

/* Updated width and margins to better fill the avialable space */
	.block {
		float: left;
		width: 100%;
		padding: 1rem 1rem 0.5rem 1rem;
		background-color: #005A77;
		box-sizing: border-box;
		margin: 0 0 1rem 0;
		border: solid 1px #E5E5E5;
		border-radius: 5px;
	}

	@media screen and (min-width: 400px) {
		.block {
			width: 49%;
			margin-right: 2%;
		}
	}
	
	@media screen and (min-width: 600px) {
		.block {
			width: 32%;
			margin-right: 2%;
		}
	}
	
	@media screen and (min-width: 800px) {
		.block {
			width: 23.3125%;
			margin-right: 2.25%;
		}
	}
	
	@media screen and (min-width: 1000px) {
		.block {
			width: 18%;
			margin-right: 2.5%;
		}
	}
	
	@media screen and (min-width: 1200px) {
		.block {
			width: 15%;
			margin-right: 2%;
		}
	}

	@media screen and (min-width: 400px) and (max-width: 599px) {
		.block:nth-of-type(2n),
		.BlockGroup .block {
	  		margin-right: 0;
	  	}
	}
	
	@media screen and (min-width: 400px) and (max-width: 599px) {
		.BlockGroup .block:nth-of-type(2n) {
	  		margin-right: 2%;
	  	}
	}
	
	
	@media screen and (min-width: 600px) and (max-width: 799px) {
		.block:nth-of-type(3n),
		.BlockGroup .block:nth-of-type(2n),
		.BlockGroup .block:nth-of-type(5n) {
	  		margin-right: 0;
	  	}
	}
	
	@media screen and (min-width: 600px) and (max-width: 799px) {
		.BlockGroup .block:nth-of-type(3n),
		.BlockGroup .block:nth-of-type(4n) {
	  		margin-right: 2%;
	  	}
	}
	
	@media screen and (min-width: 800px) and (max-width: 999px) {
		.block:nth-of-type(4n),
		.BlockGroup .block:nth-of-type(3n),
		.BlockGroup .block:nth-of-type(7n) {
	  		margin-right: 0;
	  	}
	}
	
	@media screen and (min-width: 800px) and (max-width: 999px) {
		.BlockGroup .block:nth-of-type(4n),
		.BlockGroup .block:nth-of-type(6n) {
	  		margin-right: 2.25%;
	  	}
	}
	
	@media screen and (min-width: 1000px) and (max-width: 1199px) {
		.block:nth-of-type(5n),
		.BlockGroup .block:nth-of-type(4n) {
	  		margin-right: 0;
	  	}
	}

	@media screen and (min-width: 1000px) and (max-width: 1199px) {
		.BlockGroup .block:nth-of-type(5n) {
	  		margin-right: 2.5%;
	  	}
	}	
	
	@media screen and (min-width: 1200px) {
		.block:nth-of-type(6n),
		.BlockGroup .block:nth-of-type(5n) {
	  		margin-right: 0;
	  	}
	}
	
	@media screen and (min-width: 1200px) {
		.BlockGroup .block:nth-of-type(6n) {
			margin-right: 2%;
			clear: left;
		}
	}
	
	.RegisterBlock	p a.Button {
		font-size: 1rem;
	}

/* Ensures no gaps seen to the right of widgets */

/* Five blocks at six column width */
	@media screen and (min-width: 1200px) {
		.total_widgets.count_5 .block {
			width: 18%;
			margin-right: 2.5%;
		}
	}

	@media screen and (min-width: 1200px) {
		.total_widgets.count_5 .block:nth-child(5n) {
			margin-right: 0;
		}
	}

/* Four blocks at five and six column width */
	@media screen and (min-width: 1000px) {
		.total_widgets.count_4 .block {
			width: 23.3125%;
			margin-right: 2.25%;
		}
	}

	@media screen and (min-width: 1000px) {
		.total_widgets.count_4 .block:nth-child(4n) {
			margin-right: 0;
		}
	}

/* IC widgets */	

	.block.large {
		border: solid 5px #005A77;
	}

	.block.large.TotalCompletions,
	.block.large.TotalCaseload,
	.block.large.MyCaseload,	
	.block.large.TotalReferrals,
	.block.large.TotalSupported,
	.block.large.TotalArrivals,
	.block.large.TotalWaitingList {
		border: solid 5px #4CA626;
	}

	.block.large.TotalCompletions a,
	.block.large.TotalCaseload a,
	.block.large.MyCaseload a,	
	.block.large.TotalReferrals a,
	.block.large.TotalSupported a,
	.block.large.TotalArrivals a,
	.block.large.TotalWaitingList a {
		font-size: 3rem;
		line-height: 0.6;
	}

	.block.large.TotalCompletions span,
	.block.large.TotalCaseload span,
	.block.large.MyCaseload span,	
	.block.large.TotalReferrals span,
	.block.large.TotalSupported span,
	.block.large.TotalArrivals span,
	.block.large.TotalWaitingList span {
		font-size: 3rem;
		line-height: 0.6;
	}

/* IC block icons */

/* Old */

	h3.WidgetLabel.IconArrivalServices,
	h3.WidgetLabel.IconCountArrivalCases,
	h3.WidgetLabel.IconArrivalServices {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-arrivals-icon.png') no-repeat 0 0;
		background-size: 32px 32px;
		vertical-align: middle;
		padding-top: 0;
	}
	
	h3.WidgetLabel.IconCountCaseload,
	h3.WidgetLabel.IconCaseloadTeams,
	h3.WidgetLabel.IconCountUserCaseload {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-caseload-icon.png') no-repeat 0 0;
		background-size: 32px 32px;
		vertical-align: middle;
		padding-top: 0;		
	}
	
	h3.WidgetLabel.IconCountSupportedCases,
	h3.WidgetLabel.IconSupportedServices {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-support-icon.png') no-repeat 0 0;
		background-size: 32px 32px;
		vertical-align: middle;
		padding-top: 0;
	}

	h3.WidgetLabel.IconCompletionTeams,
	h3.WidgetLabel.IconCountUserCompletionsCases {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-completions-icon.png') no-repeat 0 0;
		background-size: 32px 32px;
		vertical-align: middle;
		padding-top: 0;		
	}

	h3.WidgetLabel.IconCountReferralCases{
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-referrals-icon.png') no-repeat 0 0;
		background-size: 32px 32px;
		vertical-align: middle;
		padding-top: 0;		
	}

	h3.WidgetLabel.IconCountWaitingListService {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-waiting-list-icon.png') no-repeat 0 0;
		background-size: 32px 32px;
		vertical-align: middle;
		padding-top: 0;		
	}	

	.block.BGCaseloadTeams{
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-teams-icon.png') no-repeat 100% 100% #005A77;
		background-size: 32px 32px;
	}

/* New
	p.widget.widget-total.widget-type-CountArrivalCases,
	p.widget.widget-total.widget-type-ArrivalServices {
		padding-left: 45px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-arrivals-icon.png') no-repeat 0 10px;
		background-size: 34px 29px;
		vertical-align: middle;
		padding-top: 7px;
	}
	
	p.widget.widget-total.widget-type-CountCaseload,
	p.widget.widget-total.widget-type-CountCaseload {
		padding-left: 50px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-caseload-icon.png') no-repeat 0 5px;
		background-size: 32px 32px;
		vertical-align: middle;
		padding-top: 7px;		
	}
	
	p.widget-type-SupportedServices,
	p.widget.widget-total.widget-type-CountSupportedCases {
		padding-left: 45px;
		padding-bottom: 5px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-support-icon.png') no-repeat 0 5px;
		background-size: 35px 36px;
		vertical-align: middle;
		padding-top: 7px;		
	}

	p.widget.widget-total.widget-type-CountUserCompletionsCases,
	p.widget.widget-total.widget-type-CompletionTeams {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-completions-icon.png') no-repeat 0 5px;
		background-size: 35px 35px;
		vertical-align: middle;
		padding-top: 7px;		
	}	

	p.widget.widget-total.widget-type-CountReferralCases {
		padding-left: 45px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-referrals-icon.png') no-repeat 0 5px;
		background-size: 34px 34px;
		vertical-align: middle;
		padding-top: 7px;		
	}

	.widget.widget-total.widget-type-CaseloadTeams {
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fic-dashboard-teams-icon.png') no-repeat 100% 50%;
		background-size: 32px 32px;
	}		
*/	


/* End IC widgets */

/* End widgets */

/* Dashbpoard table layout */

	.list {
	  	width: 100%;
	  	background-color: #fafafa;
	  	border: solid #E5E5E5 1px;
	}
	
	@media screen and (min-width: 800px) {
		.list {
	  		width: 48.875%;
	  		margin-right: 2.25%;
		}
	}
	
	.list:nth-of-type(2n) {
	  margin-right: 0;
	}

/* End dashboard table layout */

/* End bug 13143 */

	@media screen and (min-width: 800px) {
		.table-container {
			width: 100%;
			float: left;
		}
	}

	.block h3 {
		font-size: 0.875rem;
		margin: 0;
		line-height: 1.2;
		color: #000000;
	}

	.block.list h3 {
		font-size: 1rem;
	}

	.large h3 {
		min-height: 30px;
		margin-bottom: 1rem;
	}

	@media screen and (min-width: 700px) {
		.large h3 {
			min-height: 50px;
		}
	}

	.block table {
		margin: 1rem 0;
		min-width: 100%;
		border: solid 1px #333333;
	}

	.block th {
		min-width: auto;
	}

	.block td {
		line-height: 1.2;
		background-color: #FFFFFF;
	}

	.table-left-column {
		text-align: left;
	}

	.block ul {
		list-style: none;
		margin: 1rem 0;
	}

	.block li {
		border-bottom: solid 1px #DDDDDD;
		padding-bottom: 0.375rem;
		font-size: 0.8125rem;
	}

	.block span {
		margin-bottom: 0;
		font-weight: 600;
	}

	.block a {
		font-weight: 600;
	}

	.large a,
	.large span {
		font-size: 2rem;
		line-height: 1;
		color: #FFFFFF;
	}

	.large ul {
		margin: 0;
	}

	.large li {
		margin: 0;
		border-bottom: 0;
	}

	.large h3 {
		color: #FFFFFF;
	}

	.red-flag {
		padding-left: 25px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fred-flag.png') no-repeat 0 0;
		background-size: 20px 20px;
		min-height: 32px;
		vertical-align: middle;
	}

	@media screen and (min-width: 800px) {
		.red-flag {
			background-size: 32px 32px;
			padding-left: 40px;
		}
	}

	.pathway h3 {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fpathway-arrows-icon-blue.png') no-repeat 0 0;
		background-size: 32px 32px;
		min-height: 32px;
		vertical-align: middle;
		padding-top: 8px;
	}

	.caseload h3 {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fcaseload-icon-blue.png') no-repeat 0 0;
		background-size: 32px 32px;
		min-height: 32px;
		vertical-align: middle;
		padding-top: 8px;
	}

	.edds h3 {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fdischarged-icon-blue.png') no-repeat 0 0;
		background-size: 32px 32px;
		height: 32px;
		vertical-align: middle;
		padding-top: 8px;
	}

	.delays h3 {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fdelayed-icon-blue.png') no-repeat 0 0;
		background-size: 32px 32px;
		height: 32px;
		vertical-align: middle;
		padding-top: 8px;
	}

	.final-assessment h3 {
		padding-left: 40px;
		background: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fat-destination-icon-blue.png') no-repeat 0 0;
		background-size: 32px 32px;
		height: 32px;
		vertical-align: middle;
		padding-top: 8px;
	}

	.dashboard-name {
		width: 220px;
		display: inline-block;
		vertical-align: top;
		margin-right: 10px;
	}

	.dashboard-location {
		width: 140px;
		display: inline-block;
		vertical-align: top;
		margin-right: 10px;
	}

	.dashboard-pathway {
		width: 30px;
		display: inline-block;
		vertical-align: top;
	}

	.dashboard-date {
		width: 100px;
		display: inline-block;
		vertical-align: top;
	}

	.dashboard-status {
		width: 24px;
		display: inline-block;
		vertical-align: top;
	}

	.dashboard-status img {
		width: 20px;
	}

	.dashboard-container p {
		font-size: 0.875rem;
	}

	.dashboard-container .LargeButton {
		margin-left: 20px;
		font-size: 0.875rem;
		display: inline-block;
		margin-top: 1rem;
	}

	.no-results {
		margin-top: 1rem;
	}

/* On the dashboard we don't display a page
	title and these unwanted divs take up
	unecessaey vertical space so are hidden */
	#page-main #page_header {
		display: none;
	}

	.CTRIcon {
		height: 32px;
		width: 32px;
	}

/* End dashboard */

/* Sys Admin */

	.SystemList {
		float: left;
		width: 100%;
		padding: 1rem 1rem 0.5rem 1rem;
		background-color: #FAFAFA;
		box-sizing: border-box;
		margin: 0 0 1rem 0;
		border: solid 1px #E5E5E5; /* was #333333*/
		border-radius: 5px;
	}

	@media screen and (min-width: 400px) {
		.SystemList {
			margin: 0 2% 1rem 0;
			width: 48%;
			margin-bottom: 1.5rem;
		}
	}

	@media screen and (min-width: 700px) {
		.SystemList {
			width: 31%;
			margin-bottom: 1.75rem;
		}
	}

	@media screen and (min-width: 1000px) {
		.SystemList {
			width: 17.95%;
			margin-bottom: 2rem;
		}
	}

	@media screen and (min-width: 700px) {
		.SystemList:nth-of-type(4n) {
			clear: left;
		}
	}

	@media screen and (min-width: 1000px) {
		.SystemList:nth-of-type(4n) {
			clear: none;
		}
	}

	@media screen and (min-width: 1000px) {
		.SystemList:nth-of-type(5n+1) {
			clear: left;
		}
	}

	.SystemList h3 {
		margin-top: 0;
		color: #000000;
		font-size: 1rem;
	}

	.SystemList ul {
		margin: 0;
	}

	.SystemList li {
		list-style: none;
		font-size: 0.9375rem;
	}

/* End sys admin */

/* Glossary hover pop-up */

	#PUContent {
		background-color: #FFFFFF;
		border: solid 3px #00779E;
		padding: 1rem;
	}

	#PUContent table,
	#PUContent td,
	#PUContent tr {
		border: 0;
		padding: 0;
		margin: 0;
	}

	#PUContent table td.caption_text {
		font-weight: 600;
		padding-bottom: 0.5rem;
	}

	#PUContent table td.main_text {
		font-weight: normal;
	}

	.GlossaryTerm:hover {
		cursor: pointer;
	}

/* Hides the shadow */
	#overDiv #backdrop {
		height: 0 !important ;
		width: 0 !important;
	}

/* End glossary hover pop-up */

/* End #4 */

/* 5) Reporting */

	#ReportPresets select {
		max-width: none;
		padding-right: 40px;
	}

	/* Removes overlap of inputs and report output and adds extra space above output */
	.ReportViewPage {
		clear: both;
		margin-top: 40px;
	}

	/* Removes margin applied above due to duplicated class use */
	.ButtonGroup.ReportViewPage,
	.CurrentSelectedFilters.ReportViewPage {
		margin-top: 0;
	}

	/* Tweaks to the position of the report switcher */
	.ReportViewPage #SelectGraphOutput {
		display: inline-block;
	}

	.ReportViewPage #SelectGraphOutputType {
		margin: 0.5rem 0 1rem 0 !important;
		top: 0 !important;
		right: 0 !important;
	}

	.ReportViewPage #SelectGraphOutput {
		margin: 0.5rem 0 1rem 0 !important;
	}

	#page-report_builder .ReportingBlock.DisplayAs .InputLabel {
		width: 200px !important;
	}


	/* TODO stops the table breaking off the page
	#TablePlaceholder,
	#SubPlaceholder {
		overflow-y: auto;
	}

	#TablePlaceholder table,
	#SubPlaceholder table {
		margin-top: 70px;
	}

	#TablePlaceholder form button,
	#SubPlaceholder form button {
		position: absolute;
		left: calc((100% - 1200px) / 2);
		margin-top: 20px;
	} */


/* Bug 12459 P2C accessibility fixes */

/* We currently don't display the label for the three individual date fields
which is as accessibility error.  Once we activate them an additional
'arbitrary' div is seen in the DOM so the following is needed to fix the display
issues this causes. */

/* Ensures the fields maintain the current layout */
	.arbitrary .FieldsetElement {
		float: left;
		margin-right: 0.375rem;
	}

/* Hides the new label */
	.arbitrary .FieldsetElement label {
		display: none;
	}

/* Date separator */
	.arbitrary .FieldsetElement::after {
		content: '/';
	}

/* Hides the last separator */
	.arbitrary .FieldsetElement:nth-child(3)::after,
	.arbitrary .FieldsetElement:last-child::after {
		content: '';
	}

/* D2A This adds in a text to replace the added, then hidden, labels for each part of the date */
	.ExpectedDischargeDateTime .FieldDatePicker::after {
		content: 'Agreed Discharge Date:';
		width: 250px;
		display: inline-block;
		font-weight: bold;
	}

/* IC This adds in a text to replace the added, then hidden, labels for each part of the date */
	.EstimatedCompletionDate .FieldDatePicker::after {
		content: 'Estimated Completion Date:';
		width: 250px;
		display: inline-block;
		font-weight: bold;
	}

/* This adds text for the added, then hidden, time label */
	#ActualDischargeDateTime .FieldDatePicker::after {
		content: 'Actual Discharge Date:';
		width: 250px;
		display: inline-block;
		font-weight: bold;
		margin-top: 5px;
	}

/* This adds text for the added, then hidden, DOB label */
	.DOBContainer .FieldDatePicker::after {
		content: 'Date of Birth:';
		width: 250px;
		display: inline-block;
		font-weight: bold;
		margin-top: 5px;
	}	

/* Alignment fix */
	#ActualDischargeDateTime fieldset {
		vertical-align: top;
	}

/* Hides and removes space for the time label */
#ActualDischargeDateTime p:nth-child(4)::after {
	content: '';
	width: 0;
}

/* Date of Birth replacement label text */
.PatientDofB.FieldDatePicker::after {
	content: 'Date of Birth:';
	width: 250px;
	display: inline-block;
	font-weight: bold;
}

/* Hides the 'other' labels */
.FieldDropDownList.Hidden + p label,
.FieldDropDownList.Hidden + span + p label  {
	display: none;
}

/* End Bug 12459 P2C accessibility fixes */

/* End #5 */

/* 6) Third party overrides */

/* Expanded view using jexcel */

/* Styles the back button to not be a cancel type */
	#page-grid_view_discharge .LargeButton.LargeButtonCancel {
		border: 0;
		background-color: #00779E;
		color: #FFFFFF;
		font-weight: 600;		
	}

/* Styles the expanded search to better match the site default */
	.jexcel_search {
		border: solid 1px #00779E !important;
		background: none !important;
	}

/* The table container */
	.jexcel_content {
		border: solid 1px #000000;
		box-shadow: none !important;
		padding: 0 !important;
	}

/* The table */
	.jexcel_content table {
		margin-top: 0 !important;
		border-bottom: 0 !important;
		border-top: 0 !important;
		border-left: 1px solid #000000 !important;
		border-right: 0px solid #000000 !important;
	}

/* Removes the right border on the last td to avoid a double line when scrolled to the right */
	.jexcel_content table td:last-child {
		border-right: 0 !important;
	}

/* header cell formatting */
	.jexcel_content thead td {
		background-color: #00779E !important;
		color: #FFFFFF !important;
		border-right: solid 1px #000000 !important;
		border-bottom: solid 1px #000000 !important;
		border-left: 0 !important;
		padding-right: 35px !important;
	}

/* Body cell formatting */
	.jexcel_content tbody td {
		color: #444444 !important;
		border-right: 1px solid #333333 !important;
		border-top: 0 !important;
		border-bottom: 1px solid #333333 !important;
		border-left: 0 !important;
	}

/* Header sort icon */
	.jexcel_content thead tr:first-child td {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpanded-view-sort-arrows-icon.png") !important;
		background-size: 24px 18px !important;
		background-repeat: no-repeat;
		background-position: top 50% right 5px;
	}

/* Hides the first fow icon and the pointer cursor */
	.jexcel_content thead tr:first-child td:first-child {
		background-image: none !important;
		cursor: default;
	}	

/* When ascending sort is applied shows the up arrow and highlights the column header. Class is reversed. */
	.jexcel_content thead tr:first-child td.arrow-down.selected {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpanded-view-sort-up-arrow.png") !important;
		background-size: 24px 18px !important;
		background-repeat: no-repeat;
		background-position: top 50% right 5px;
		background-color: black !important;
		text-decoration: none;
}

/* When descending sort is applied shows the down arrow and highlights the column header. Class is reversed. */
	.jexcel_content thead tr:first-child td.arrow-up.selected {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpanded-view-sort-down-arrow.png") !important;
		background-size: 24px 18px !important;
		background-repeat: no-repeat;
		background-position: top 50% right 5px;
		background-color: black !important;
		text-decoration: none;
}		

/* Shows the filter icon */
	.jexcel .jexcel_column_filter {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpanded-view-filter-icon.png") !important;
		background-size: 24px 18px !important;
		background-repeat: no-repeat;
		background-position: top 50% right 5px;
		padding: 6px 35px 6px 10px !important;
		
	}

/* Styles the filter row */
	.jexcel thead tr + tr > td {
		background-color: #005a77 !important;
		padding: 6px !important;
	}		

/* Removes the default shadow for 'jexcel_freezed' items */
	.jexcel_content .jexcel tbody .jexcel_freezed {
		box-shadow: none !important;
		-webkit-box-shadow: none !important;	
	}

/* Adds a think border (and removes the shadow) to the 4th column when it has the jexcel_freezed class */
	.jexcel_content .jexcel td.jexcel_freezed:nth-child(5) {
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		border-right: solid 4px #000000 !important;
	}

/* Displays a drop down arrow for select items */
	.jexcel > tbody > tr > td.jexcel_dropdown {
		background-image: url("https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpanded-view-select-down-arrow.png") !important;
		background-size: 24px 18px !important;
		padding-right: 28px;
	}

/* Pagination button styling */
	.jexcel_page.jexcel_page_selected {
		border: solid 1px #00779E !important;
		background-color: #00779E !important;
		color: #FFFFFF !important;
	}

/* Removes unwanted horizontal padding for the pagination */
	.jexcel_filter div:nth-child(2n),
	.jexcel_pagination div:nth-child(2n) {
		padding-right: 0 !important;
	}


/* Expanded view updates */

/* Hides the header and footer */
#page-grid_view_discharge header,
#page-grid_view_discharge footer,
#page-grid_view_discharge #page_header {
	display: none;
}

/* Overrides the site width constraint and the
default padding to maximise available space */ 
#page-grid_view_discharge #pagecontainer {
	max-width: 3395px;
	width: 98%;
	padding: 0 1%;
}

/* Seys the grid and search to full width */
#spreadsheet,
.jexcel_content {
	width: 100% !important;
}

/* Removes the default table bottom margin */
#page-grid_view_discharge #spreadsheet table {
	margin-bottom: 0;
}

/* Positions the search input and label */
#page-grid_view_discharge #spreadsheet .jexcel_filter div:last-child {
	display: inline-flex;
}

#page-grid_view_discharge #spreadsheet .jexcel_filter div input {
	margin-left: 1rem;
}

/* Positions the 'Back' button */
#page-grid_view_discharge #Cancel {
	margin-top: 0.5rem;
	float: left;
}

#page-grid_view_discharge #Cancel:hover {
	background-color: #000000;
}

#page-grid_view_discharge .ExpandedTitle {
	float: left;
	margin: 0.5rem 1rem 0 0;
}

/* Automatically applies 'white-space: pre-wrap' to all case note
and critical notes td's so the text formatting is correctly applied.
Improved cell formatting by left aligning the text and increasing the
line height to be more readable  */ 
#spreadsheet tbody td:nth-child(17),
#spreadsheet tbody td:nth-child(18) {
	white-space: pre-wrap !important;
	vertical-align: top;
	text-align: left !important;
	line-height: 1.3;
}

/* Removes the excess padding when editing
case notes and critical notes */
#spreadsheet tbody td:nth-child(17) .jeditor,
#spreadsheet tbody td:nth-child(18) .jeditor {
	padding: 0 !important;
}

/* Expanded view date picker */

/* The container */
#page-grid_view_discharge #spreadsheet .jcalendar-content {
	border-radius: 0.5rem !important;
}

/* The reset and done links */
#page-grid_view_discharge #spreadsheet .jcalendar-controls .jcalendar-reset,
#page-grid_view_discharge #spreadsheet .jcalendar-controls .jcalendar-confirm {
	color: #00779e !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-controls .jcalendar-reset:hover,
#page-grid_view_discharge #spreadsheet .jcalendar-controls .jcalendar-confirm:hover {
	color: #000000 !important;
}

/* Table boders */
#page-grid_view_discharge #spreadsheet .jcalendar-table table {
	border-top: 2px solid #d3d3d3 !important;
	border-left: 2px solid #d3d3d3 !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-table td {
	border-right: 2px solid #d3d3d3 !important;
  	border-top: 0 !important;
  	border-bottom: 2px solid #d3d3d3 !important;
  	border-left: 0 !important;
}

/* The day controls */
#page-grid_view_discharge #spreadsheet .jcalendar-table table thead td {
	background-color: #efefef !important;
}

/* Previous selector */
#page-grid_view_discharge #spreadsheet .jcalendar-table table thead .jcalendar-prev {
	background-image: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpanded-calendar-previous-icon.png') !important;
	background-position: 50% 50% !important;
	padding: 0 !important;
	width: 60px !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-table table thead .jcalendar-prev:hover {
	cursor: pointer;
	background-image: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpanded-calendar-previous-icon-hover.png') !important;
	background-position: 50% 50% !important;
}

/* Date and year */
#page-grid_view_discharge #spreadsheet .jcalendar-table table thead .jcalendar-header {
	background-image: none !important;
	padding: 0 1rem !important;
	width: 100px !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-month,
#page-grid_view_discharge #spreadsheet .jcalendar-year {
	color: #00779e !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-month:hover,
#page-grid_view_discharge #spreadsheet .jcalendar-year:hover {
	color: #000000 !important;
}

/* Next selector */
#page-grid_view_discharge #spreadsheet .jcalendar-table table thead .jcalendar-next {
	background-image: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpanded-calendar-next-icon.png') !important;
	background-position: 50% 50% !important;
	padding: 0 !important;
	width: 60px !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-table table thead .jcalendar-next:hover {
	cursor: pointer;
	background-image: url('https://dashboard.pathways2care.uk/index.php?Request=image&FileStore=project&Path=%2Fimages%2Fexpanded-calendar-next-icon-hover.png') !important;
	background-position: 50% 50% !important;	
}

 /* Days */
#page-grid_view_discharge #spreadsheet .jcalendar-weekday {
	color: #00779e !important;
	font-weight: bold !important;
	background-color: #fff !important;
	font-size: 1rem !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-weekday:hover {
	cursor: default;
}

/* Years and months display font sizing */
#page-grid_view_discharge #spreadsheet .jcalendar-set-month,
#page-grid_view_discharge #spreadsheet .jcalendar-set-year {
	font-size: 3rem !important;
}

/* Defauly date item */
#page-grid_view_discharge #spreadsheet .jcalendar-set-day {
	background-color: #efefef !important;
	color: #000 !important;
	font-size: 1rem !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-set-day:hover {
	background-color: #cccccc !important;
}

/* Empty date items */
#page-grid_view_discharge #spreadsheet .jcalendar-set-day:empty {
	background-color: #ffffff !important;
}

/* Seleted date */
#page-grid_view_discharge #spreadsheet .jcalendar-selected {
	background-color: #00779e !important;
	color: #fff !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-selected:hover {
	background-color: #00779e !important;
	color: #fff !important;	
}

/* Time selector */
#page-grid_view_discharge #spreadsheet .jcalendar-controls .jcalendar-time .jcalendar-select:hover {
	cursor: pointer !important;
	background-color: #cccccc !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-controls .jcalendar-time .jcalendar-select option {
	background-color: #FAFAFA !important;
}

/* Update button */
#page-grid_view_discharge #spreadsheet .jcalendar-controls .jcalendar-update {
	background-color: #00779e !important;
	padding: 0.375rem !important;
}

#page-grid_view_discharge #spreadsheet .jcalendar-controls .jcalendar-update:hover {
	background-color: #000000 !important;
}

/* End expanded view date picker */

/* End expanded view updates */ 

/* End expanded view */


/* jQuery UI date picker modal */

	.ui-datepicker select.ui-datepicker-month,
	.ui-datepicker select.ui-datepicker-year {
		min-width: 200px;
	}

	.ui-datepicker th {
		background-color: #FFFFFF;
	}

	.ui-datepicker table th {
		min-width: 30px;
		color: #00779E;
	}

	.ui-datepicker td {
		padding: 0;
	}

	.ui-widget-header {
		background-color: #FFFFFF !important;
		background-image: none !important;
		border: 0 !important;
	}

	.ui-datepicker {
		width: 22rem;
	}

	.ui-state-default {
		background-image: none !important;
		background-color: #EFEFEF !important;
	}

	.ui-widget-content .ui-state-active {
		background-color: #00779E !important;
		background-image: none !important;
		color: #FFFFFF !important;
	}

/* ChosenJS */

	.chosen-container .chosen-container-multi {
		width: 100% !important;
		max-width: 350px;
	}

	.chosen-container-multi .chosen-choices {
		border: solid 1px #999999;
		border-radius: 0.25rem;
		font-size: 1rem;
		background-color: #FFFFFF;
		background-image: none;
		padding: 0.375rem 0.5rem;
		font-family: 'Open Sans', sans-serif;
		width: 100% !important;
		max-width: 350px;
		box-sizing: border-box;
	}

/* WCAG contrast fix bug 12459 */
	.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
		color: #333333;
	}	

/* End #6 */

/* 7) Other */

/* Styling tester */

	blockquote {
		border-left: solid 5px #00779E;
		background-color: #f4f8f9;
		margin: 1rem 1rem 1rem 0;
		padding: 1rem 1.5rem;
	}

/* End styling tester */

/* End #7 */

/* END */