/* ----------------------------------------------------------------------------------------------------
	Imports
	---------------------------------------------------------------------------------------------------- */


	@import url("https://fonts.googleapis.com/css?family=Lato:400,700,300");



	/* ----------------------------------------------------------------------------------------------------
	1.0 Variables
	---------------------------------------------------------------------------------------------------- */

	:root {
		/* ----------------------------------------------------------------------------------------------------
	Light variables
	---------------------------------------------------------------------------------------------------- */
		--main-color: #000000;;
		--secondary-color: #000000;
		--accent-color: #772242;
		--light-text: #fff;
		--dark-text: #000;
		--hover-text: #772242;
		--font-size-master: 1.5rem;
		--headings-font-family: Lato, "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
		--font-family: Lato, "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
		--outlines: 3px solid #ffffff		--double-border: 0px 0px 0px 3px black;
		--border-color: #FF9800;
		--border-radii: 3px;
		--dashed-border: 3px dashed #dbdbdb;
		--warning-bg: #FFC107;
		--warning-text: #242121;
		--alert-bg: #dc133b;
		--alert-text: #fff;
		--heading-color: #000000;
		--heading-weight: 700;
		--heading-height: 95px;
		--heading-image: url(https://hackney.gov.uk/images/logo_white.png);
		--heading-image-other: none;
		--heading-image-size: 200px;
		--heading-image-other-size: 300px;
		--button-background-color: #00664f;
		--button-color: #ffffff;
		--button-hover: #772242;
		--button-padding: 12px;
		--box-shadow-inactive: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		--box-shadow-active: 14px 14px 25px 0 rgba(0, 0, 0, .2);
		--transition-out: 0.3s ease-out;
		--transition-in: 0.3s ease-in;
		--overlay: #f3f4f8;
		/* ----------------------------------------------------------------------------------------------------
	Dark variables
	---------------------------------------------------------------------------------------------------- */
		--main-color-dark: rgb(114, 0, 58);
		--secondary-color-dark: #192049;
		--heading-color-dark: #070f15;
		--button-color-dark: #2d8a30;
		--accent-dark: transparent;
		--base1: #2F4858;
		--base2: #070f15;
		--base3: #FF9800;
		--baseDark1: #ECEEEF;
		--baseDark2: #B3BCC2;
		--baseDark3: #7A8A94;
		--offwhite: #e8f5ff;
		--box-shadow-inactive-dark: -5px -5px 20px #212121, 5px 5px 20px #141414;
		--box-shadow-active-dark: -2px -2px 5px #212121, 2px 2px 5px #141414;
		--heading-image-dark: url(https://hackney.gov.uk/images/logo_white.png);
	}


	/* ----------------------------------------------------------------------------------------------------
	1.1 Fonts
	---------------------------------------------------------------------------------------------------- */


	html, body {
		font-family: var(--font-family) !important;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
	}

	body, label, p, li, td, span.context-item-value, input {
		font-size: var(--font-size-master) !important;
		color: #000;
		font-weight: normal !important;
	}

	h1, h2, h3, .silo-detail-alt > nav > ol > li > span {
		font-weight: var(--heading-weight) !important;
	}

	h1, .page-header h1 {
		color: #000;
		font-family: var(--headings-font-family) !Important;
	}

	h1 {
		font-size: calc(var(--font-size-master) + 18px) !Important;
	}

	h2 {
		padding-left: 30px;   
		font-size: calc(var(--font-size-master) + 10px) !Important;
		color: var(--dark-text) !important;
	}

	h3 {
		padding-left: 30px;   
		font-size: calc(var(--font-size-master) + 6px) !Important;
	}
	
	.col-xs-9 h2, .col-xs-12 h2 {
		padding-left: 0px;
	}
	
	.thumbnail .details .caption {
		background-color: var(--button-background-color);
		color: var(--button-color) !Important;
	}
	.thumbnail .details.caption h3 {
		font-family: var(--font-family) !Important;
		font-size: var(--font-size-master) !Important;
		color: var(--button-color) !Important;
		padding-left: 0px !important;
	}

	.silo-detail-alt > nav > ol > li > span {
		font-size: calc(var(--font-size-master) + 4px);
	}

	markdown-with-html > ul > li {
		list-style: disc;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(1) > div > div > div > p,
	.page-header > .row > div > p {
		color: #000 !important;
		font-size: var(--font-size-master) !important;
		font-weight: normal;
		margin-bottom: 20px;
	}

	.fa-close:before, .fa-remove:before, .fa-times:before {
		content: "\f00d";
		color: var(--dark-text) !important;
	}

	p.header {
		font-size: calc(var(--font-size-master) + 4px) !important;
		font-weight: bold !important;
		color: var(--accent-color) !important;
	}

	.list-group-item > h2 {
		font-size: calc(var(--font-size-master) - 1px) !Important;
		color: #00513f !important;
		text-transform: uppercase;
		padding-left: 0px;
	}

	button.au-target.clearButton.fa.fa-star.favourite {
		border: none;
		border-bottom: 1px solid gainsboro;
		display: block !important;
	}

	/* ----------------------------------------------------------------------------------------------------
	2.0 General Cosmetics
	---------------------------------------------------------------------------------------------------- */

	/* ---------- Buttons ----------- */

	.btn, .btn-primary, .btn-xs, .btn-group-xs > .btn, span.btn.btn-default.btn-file {
		font-size: var(--font-size-master) !important;
		padding: var(--button-padding);
		width: auto;
		margin-top: 10px;
		background-color: var(--button-background-color) !important;
		color: var(--button-color);
	}

	span.btn.btn-default.btn-file {
		margin-top: 0px !Important;
	}

	.btn:hover, .btn-primary:hover, button.pull-right.btn.btn-warning.btn-xs.btn-silo-deregister.au-target:hover {
		transition: var(--transition-out);
		background-color: var(--button-background-color) !important;
		color: var(--button-color);
	}

	button.pull-right.btn.btn-warning.btn-xs.btn-silo-deregister.au-target {
		background-color: var(button-background-color);
		color: var(--button-color);
		width: auto;
		margin-top: 0px;
	}

	.page-header .nav > li.active > a, .nav-pills.sub-nav > li.active > a, .page-header .nav > li > a:hover, .nav-pills.sub-nav > li > a:hover {
		background-color: var(--secondary-color) !important;
		transition: var(--transition-out);
	}

	.page-header .nav > li > a {
		background-color: var(--heading-color);
		color: var(--dark-text);
		transition: var(--transition-in);
	}

	.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
		border-radius: var(--border-radii) !Important;
	}

	/* ---------- Inputs ----------- */

	.form-control {
		font-size: calc(var(--font-size-master) + 2px) !important;
		height: calc(var(--font-size-master) + 40px) !important;
		border: 2px solid #575757;
	}

		.form-control:focus {
			box-shadow: 0px 0px 0px 3px black;
			transition: var(--transition-out);
			border: var(--outlines);
		}

	/* ---------- Thumbnails ----------- */

	table > thead > tr {
		background: #ffffff !important;
	}

	.thumbnail.form-search {
		border: var(--dashed-border)
	}

	.thumbnail .header.caption .details-link, .thumbnail .header.caption h2 {
	  color: var(--dark-text) !important;
	}

	h2.title {
		display: block !important;
		color: var(--dark-text) !important;
	}

	/* ---------- Add box shadow to interactive elements ----------- */

	.au-target.thumbnail.silo-list.silo-default,
	.page-header .nav > li > a,
	.thumbnail.partial-form-summary.au-target,
	.thumbnail.process-summary,
	.thumbnail.form-type-summary.au-target,
	.btn, .card,
	a.au-target.nav-pill-btn.call-end,
	.person-row .nav > li > a,
	button.thumbnail.your-area.issues.au-target,
	button.thumbnail.your-area.services.au-target {
		box-shadow: var(--box-shadow-inactive);
		border-radius: var(--border-radii);
		border: none;
	}

		.thumbnail.form-type-summary.au-target:hover, .au-target.thumbnail.silo-list.silo-default:hover, .thumbnail.process-summary:hover, .thumbnail.partial-form-summary.au-target:hover {
			box-shadow: var(--box-shadow-active);
			transition: var(--transition-out);
			transform: scale3d(1.03,1.03,1.03);
		}

	/* ---------- Tables ----------- */


	th {
		background-color: var(--main-bg) !important;
		color: var(--button-color) !important;
		padding: 10px;
	}

	th {
		color: var(--light-text);
	}

	.table {
	}

	td.responsive {
		padding: 15px;
	}

	/* ---------- Hide Footer ----------- */

	footer {
		display: none;
	}

	/* ---------- Line Heights For Service Bulky Text ----------- */

	.tab-content.sub-nav {
		line-height: calc(var(--font-size-master) * 2);
	}


	/* ---------- Cards ----------- */

	.card {
		padding: 15px !important;
	}

	p.heading {
		color: var(--secondary-color) !important;
		font-weight: bold !important;
	}

	p.cardheading {
		font-size: calc(var(--font-size-master) + 2px) !important;
		font-weight: bold !important;
		color: #276e8a !important;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active {
		border: none;
	}

	.nav-tabs > li.active {
		border-bottom: 3px solid var(--secondary-color);
	}

	.warning {
		background-color: var(--overlay);
		padding: 10px;
	}

	p.warning {
		padding-left: 0px;
		font-weight: bold !Important;
	}

		p.warning::before {
			content: "\f071";
			font-family: fontawesome;
			padding-right: 15px;
		}

	.warning > p {
		color: var(--alert-bg) !Important;
	}

	.row.context-row {
		/* display: none; */
	}

	markdown-with-html > .col-md-4.col-sm-6.col-xs-12 > .card,
	markdown-with-html > .col-md-3.col-sm-6.col-xs-12 > .card {
		height: 550px;
	}

	.badge {
		border-radius: var(--border-radii);
		padding: 7px;
		background-color: #dc133b0d;
		color: crimson;
		border: 2px solid crimson;
	}

	.badge.novel {
		display: flex;
		background: #EFEFEF;
		font-size: 15px;
	}


	.card.reco {
		height: auto !important;
	}

	p.cardheading.reco {
		color: var(--alert-bg) !important;
	}


	.actions {
		/* position: absolute; */
		/* bottom: 20px; */
	}

	.nav-tabs > li > a {
		padding-left: 7px;
	}

	p.nicerows:before {
		content: "\f111";
		font-family: fontawesome;
		color: var(--main-color);
		padding-right: 10px;
	}

	.table > tbody > tr.success > td {
		background: var(--overlay) !important;
	}

	.circle-hb, .circle-rent {
		height: 20px;
		width: 20px;
		margin-top: 5px;
		margin-right: 10px !important;
		float: left;
		border-radius: 50%;
	}

	.circle-hb {
		background: radial-gradient(var(--accent-color) 0, var(--accent-dark) 100%);
	}

	.circle-rent {
		background: radial-gradient(var(--main-color) 0, var(--main-color-dark) 100%);
	}

	/* ---------- Progress Bars ----------- */


	p.header {
		font-size: calc(var(--font-size-master) + 4px) !important;
		font-weight: bold !important;
		color: var(--secondary-color) !important;
	}

	.progress {
		height: 100%;
	}

	.progress-bar.bg-success.progress-bar-striped.progress-bar-animated {
		padding-top: 15px;
		font-size: var(--font-size-master) !important;
		background-color: var(--accent-color);
		height: 50px;
	}

	.progress-bar.bg-warning.progress-bar-striped.progress-bar-animated {
		padding-top: 10px;
		font-size: calc(var(--font-size-master) - 2px) !important;
		background-color: var(--main-color);
		height: 50px;
	}

	p.right, p.left {
		margin-top: -20px;
		font-size: calc(var(--font-size-master) - 3px ) !important;
		font-weight: bold !important;
		text-transform: uppercase;
	}



	p.left {
		float: left;
		margin-bottom: 20px !Important;
	}

	.awesome {
		margin-bottom: 60px !important;
	}


	/* ----------------------------------------------------------------------------------------------------
	Dashboard
	---------------------------------------------------------------------------------------------------- */


	.au-target.fa.fa-star.pull-right.favourite {
		color: var(--base3) !important;
	}

	addtodashboard.au-target {
		width: 90%;
		position: absolute;
		border-radius: 3px;
		/* box-shadow: 0px 0px 0px 1px #eaeaea; */
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		bottom: 0px;
		font-size: 15px !important;
		left: 5%;
		margin-bottom: 9px;
	}

	.au-target.fa.fa-star.pull-right.addFavourite, .au-target.fa.fa-star.pull-right.favourite {
		margin-right: 10px;
		margin-top: 3px;
		text-align: center;
		float: none !important;
	}

		.au-target.fa.fa-star.pull-right.favourite:after {
			content: "Remove from dashboard";
			color: black !important;
			font-family: Lato !important;
			padding-left: 10px;
		}

		.au-target.fa.fa-star.pull-right.addFavourite::after {
			content: "Add to dashboard";
			font-family: Lato;
			padding-left: 10px;
		}




	div.au-target.silo-detail-alt.row.silo-default > nav > ol > li >
	addtodashboard {
		position: relative !Important;
		float: right !Important;
		width: auto;
		margin-right: 6%;
	}


	dashboarditem.au-target {
		margin-bottom: 50px !important;
	}

	li.col-xs-12 {
		margin-bottom: 70px !important;
	}

	dashboarditem > div > addtodashboard {
		bottom: -100px !important;
		left: 0px !important;
		width: 100% !important;
	}


	/* ----------------------------------------------------------------------------------------------------
	3.0 Navbar
	---------------------------------------------------------------------------------------------------- */

	.navbar.navbar-default .container-fluid {
		height: 120px;
		background-color: var(--heading-color);
		z-index: 999999999;
		background-image: var(--heading-image);
		background-repeat: no-repeat;
		background-size: var(--heading-image-size);
		background-position-x: 80px, 500px;
		background-position-y: 20px, 10px;
		background-size: 200px;
	}

	/* ---------- Main navigation colour/hide image ----------- */

	.navbar.navbar-default.menu .container-fluid {
		background-image: none;
		height: 56px;
		margin-top: 0px;
		z-index: 99999999999;
	}

	.navbar.navbar-default.menu .navbar-nav > .active > a:hover,
	.navbar.navbar-default.menu .navbar-nav > .active > a:focus {
		background-color: var(--accent-color);
		border-top: none !Important;
		margin-top: 5px;
		color: var(--button-color);
	}

	.page-header .nav > li > a {
		background-color: var(--button-background-color) !important;
		color: var(--button-color);
	}

	.page-header .nav > li.active > a {
		background-color: var(--button-background-color) !important;
		color: var(--button-color);
		font-weight: bold;
	}

	.thumbnail.form-in-progress.au-target h2.sub-header {
	}

	.col-xs-6 > h4.sub-header {
		color: var(--button-color) !Important;
	}
	
	.col-xs-12 > h2.sub-header {
		color: var(--dark-text) !important;
	}

	.col-xs-12 > p {
		color: var(--dark-text) !important;
	}

	nav.navbar.navbar-default.menu {
		background-color: var(--heading-color);
		border-bottom: 2px solid var(--secondary-color);
	}

	div#menu-navbar-collapse {
		background-color: var(--secondary-color);
	}

	.navbar.navbar-default.menu .navbar-nav > li > a:focus {
		background-color: var(--main-color);
		color: var(--dark-text) !important;
	}

	div#menu-navbar-collapse {
		margin-top: 15px;
		margin-left: -15px;
		margin-right: -15px;
	}


	.navbar.navbar-default.menu .navbar-nav > .active > a, .navbar.navbar-default.menu .navbar-nav > .active > a:visited, .navbar.navbar-default.menu .navbar-nav > a:hover {
		border-bottom: none;
		margin-bottom: 5px;
		border-color: var(--main-color);
		border-top: 0px solid transparent;
		margin-top: 5px;
		background-color: var(--button-background-color) !important;
		color: var(--button-color) !important;
	}
	
	.navbar.navbar-default.menu .navbar-nav > .active > a:hover {
		color: var(--button-background-color) !important;
		background-color: var(--button-color) !important;
	}

	.navbar.navbar-default.menu .navbar-nav > li > a {
		color: var(--dark-text);
		margin-top: 5px;
	}

	span.caret,
	.page-header > p,
	label#form-search-label {
		color: var(--button-text) !Important;
	}

	.navbar.navbar-default.menu .navbar-nav > li > a:hover {
		transition: var(--transition-in);
		border-radius: 4px;		
		color: var(--button-background-color) !important;
		background-color: var(--button-color) !important;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		background-color: transparent;
		border: none !Important;
	}


	/* ---------- Mobile menu ----------- */

	.navbar.navbar-default.menu button span:after {
		content: "\f0c9";
		margin: 0px 5px 0px 10px;
		font-family: FontAwesome;
		color: var(--dark-text);
	}


	button.navbar-toggle.collapsed.au-target {
		margin-right: -10px;
		font-size: var(--font-size-master);
		color: var(--dark-text) !important;
	}


	div.mini-menu > div > h1 {
		text-transform: uppercase;
		color: var(--dark-text) !important;
		font-weight: 600;
	}

	.mini-menu .content i.close {
		opacity: 1;
	}

	.mini-menu {
		background: var(--heading-image-other);
		background-size: 400px;
		background-repeat: no-repeat;
		height: 110vh;
		margin-top: -10px;
		background-color: var(--light-text) !important;
		background-position-x: 20%;
		background-position-y: 100%;
		z-index: 99999;
	}


		.mini-menu .content .nav > li > a.active, .mini-menu .content .nav > li > a {
			font-size: calc(var(--font-size-master) + 7px);
			line-height: 40px;
		}

		.mini-menu .content .nav > li > a, .mini-menu .content .nav > li.active a {
			color: var(--dark-text);
		}


	#app > person-home > div.mini-menu > div > div > ul > li > a {
		background-color: var(--button-color);
		padding: 6px 12px;
		color: var(--light-text) !important;
		width: 100%;
		margin-bottom: 10px;
		margin-top: 60px;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		border: none !important;
		border-radius: 3px;
	}



	/* ----------------------------------------------------------------------------------------------------
	4.0 Get Answers Fast
	---------------------------------------------------------------------------------------------------- */

	.page-header {
		background-color: #fff;
		padding-top: 30px;
		letter-spacing: 0px;
		line-height: 1.2em;
		margin-right: 0px !important;
		border-bottom: none;
	}

	.thumbnail.silo-list .header.caption {
		height: 220px;
	}

	.thumbnail.silo-list * p.sub-title {
		text-overflow: revert;
		height: 160px;
		width: 200px;
	}

	.alert-warning, .thumbnail.form-in-progress.au-target, .list-group-item, .thumbnail.data-item.personalisation, .thumbnail.form-type-directory {
		border: 2px solid gainsboro;
		background-color: #ffffff !important;
	}

	.thumbnail .header.caption h3 {
		display: -webkit-inline-box;
		color: var(--dark-text) !important;
		font-weight: 700;
		width: 200px;
		padding-left: 0px !important;
	}

	.silo-detail-alt > nav > ol > li {
		width: 100%;
		margin-bottom: 20px;
		padding-top: 10px !important;
	}

	div.context-col > span.context-item-value, div.context-col > span.context-item-label {
		text-align: center;
		font-weight: bold;
		color: var(--light-text) !important;
		font-size: var(--font-size-master) !important;
		font-weight: normal;
		background-color: #266e8a;
		text-transform: uppercase;
	}

	.silo-detail-alt > nav > ol {
		margin-right: 15px;
	}

	.reg-offered-container {
		height: 48px;
		display: none;
	}

	.reg-offered {
		background-color: var(--heading-color) !important;
		color: var(--dark-text);
	}

		.reg-offered h2 {
			font-size: 14px !important;
		}

		.reg-offered:before {
			content: "\f005";
			float: left;
			font-family: fontawesome;
		}

	/* ----------------------------------------------------------------------------------------------------
	5.0 Track My Requests 
	---------------------------------------------------------------------------------------------------- */


	.thumbnail .nav > li > a {
		background-color: var(--base1);
	}

	.thumbnail .nav > li.active > a {
		background-color: var(--button-color);
		color: var(--button-background-color) !important;
		border: 1px solid var(--button-background-color) !important;
	}

	.thumbnail .details.caption h2 {
		font-size: 13pt !important;
		color: var(--button-color) !important;
	}

	.thumbnail .items .panel.steps .list-group .list-group-item {
		margin-bottom: 5px;
		margin-top: 5px;
	}


		.thumbnail .items .panel.steps .list-group .list-group-item .icon {
			font-size: 30pt;
			position: absolute;
			top: 0px;
			left: -10px;
		}

	.thumbnail.process-detail {
		border: none;
	}

	.thumbnail .items .panel.steps .list-group .list-group-item h2 {
		text-transform: none;
		font-size: 18px !important;
		
	}

	.thumbnail .items .panel.steps .list-group .list-group-item h3 {
		color: #000 !important;
	}

	.fa-arrow-circle-o-right:before {
		content: "\f0a9";
		color: var(--base3);
		font-size: calc(var(--font-size-master) + 15px);
		margin-left: 12px;
		position: absolute;
		top: 20px;
	}

	.fa-check-circle-o:before {
		content: "\f058";
		color: var(--accent-dark);
		font-size: calc(var(--font-size-master) + 15px);
		margin-left: 12px;
		position: absolute;
		top: 20px;
	}

	.page-host {
		padding-left: 0px;
		padding-right: 0px;
	}

	/* ----------------------------------------------------------------------------------------------------
	6.0 Mobile Specifics 
	---------------------------------------------------------------------------------------------------- */



	@media (max-width: 768px) {


		body, label, p, li, td, span.context-item-value, .nav-pills.sub-nav > li > a {
			font-size: var(--font-size-master) !important;
		}

		.navbar.navbar-default .container-fluid {
			background-position: 50%;
		}

		a.navbar-brand {
			display: none;
		}

		.card {
			margin-top: 15px;
		}

		.nav-tabs > li > a {
			padding-left: 7px;
		}

		.silo-detail-alt > nav > ol > li > span {
			font-size: calc(var(--font-size-master) + 2px);
		}
		



		.navbar.navbar-default .container-fluid {
			z-index: 999999999;
			background-repeat: no-repeat, no-repeat;
			background-size: calc(var(--heading-image-size) * 0.8), 250px;
			background-position-x: 30px, 140%;
			background-position-y: 50%, 50px;
		}

		.navbar.navbar-default.menu .container-fluid {
			height: 0px;
			background-size: 150px;
			background-repeat: no-repeat;
			background-position-x: 10%;
			background-position-y: 50%;
		}

		.page-header .nav {
			max-width: 100% !important;
		}

			.page-header .nav > li {
				margin-left: 0;
				margin-bottom: 2px;
				width: 100%;
			}

		span.context-item-label {
			background-image: linear-gradient(to left, #1b5166 0%, #246051 50%) !important;
			border-radius: 0px;
			padding: 10px !important;
		}

		a.btn.btn-xs.btn-primary.btn-silo-link-another.au-target, .btn, .btn-primary, .btn-xs, .btn-group-xs > .btn, span.btn.btn-default.btn-file {
			width: 100%;
		}

		.navbar.navbar-default.menu button:hover {
			background-color: var(--base1);
			transition: ease-in 0.3s;
		}


		button.pull-right.btn.btn-warning.btn-xs.btn-silo-deregister.au-target {
			position: absolute;
			top: 110px;
			left: -272px;
			width: 314px;
		}

		a.btn.btn-xs.btn-primary.btn-silo-link-another.au-target {
			width: 314px !Important;
		}


		.thumbnail .items .panel.steps .list-group .list-group-item h3, div.col-xs-11 > p {
			margin-left: 20px;
		}

		p.pull-right {
			float: left !important;
		}


		.thumbnail.silo-list * p.sub-title {
			font-size: var(--font-size-master) !important;
		}

		.au-target.thumbnail.silo-list.silo-default {
			background-size: 50px;
			background-position-y: 15px !important;
			background-position-x: 95%;
			margin-bottom: 60px;
		}

		dashboarditem > div > addtodashboard {
			bottom: -0px !important;
		}
	}



	/* ----------------------------------------------------------------------------------------------------
	7.0 Notifications
	---------------------------------------------------------------------------------------------------- */


	.row.notification-preference-item {
		background-color: #2e3e920f;
		border-left: 6px solid var(--secondary-color);
		padding: 15px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 15px;
	}

	div.row.notification-preference-container.au-target > profile-update-row > div > div > h4 {
		font-size: 23px;
		font-weight: 800 !important;
	}


	input[type='checkbox'] {
		-webkit-appearance: none;
		width: 30px;
		height: 30px;
		background: white;
		border-radius: 5px;
		border: 2px solid black;
		vertical-align: middle;
		margin-top: -8px;
		float: right !important;
		margin-left: -40px;
	}

		input[type='checkbox']:checked {
			background-image: url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/checkmark-24-512.png);
			background-size: 80%;
			background-position: center;
			background-repeat: no-repeat;
		}

	silo-notification-preference > div.au-target.row.matrix-dark > div > p {
		font-size: 24px !important;
	}


	h5 > span {
		color: var(--accent-color) !important;
		font-weight: bold;
	}



	.row.notification-preference-item > div > div > .list-group-item {
		background: var(--overlay);
		border: none !important;
		padding-left: 10px;
	}

	.context-container {
		background-color: var(--base3);
		padding: 10px;
		border-radius: 3px;
		font-size: 16px !important;
	}

	.checkbox.au-target {
		margin-left: 15px;
	}



	/* ----------------------------------------------------------------------------------------------------
	iFrames
	---------------------------------------------------------------------------------------------------- */

	iframe {
		width: 100% !important;
		height: 600px;
		border: none !important;
	}

	/* ----------------------------------------------------------------------------------------------------
	Hide stuff
	---------------------------------------------------------------------------------------------------- */

	div.mini-menu > div > div > h1, .navbar.navbar-default .container-fluid .primary-header h2, .navbar.navbar-default .container-fluid .primary-header img, .navbar.navbar-default .container-fluid .secondary-header img, button.btn.btn-feedback, .part-number, a.slider, h1 small {
		display: none;
	}


	#main-container > div > router-view > router-view > router-view > div:nth-child(3) > div > div:nth-child(1) > div > div > div > h2,
	#main-container > div > router-view > router-view > router-view > div:nth-child(1) > div > div > div.header.caption > div > div > h2 {
		display: block;
	}

	{
		color: var(--dark-text) !Important;
		display: block;
	}


	/* ----------------------------------------------------------------------------------------------------
	CS Vu
	---------------------------------------------------------------------------------------------------- */

	.navbar.navbar-default.management-menu .container-fluid {
		background-image: none;
		height: 70px;
		background-color: var(--secondary-color);
		border-top: 2px solid var(--secondary-color);
	}

	.navbar.navbar-default.management-menu .navbar-nav > li > a, .navbar.navbar-default.management-menu input::-webkit-input-placeholder {
		color: var(--button-color) !important;
	}

	div.page-header.transparent > div > div.col-md-10 > h1 {
		font-size: 40px !Important;
	}

	a.au-target.nav-pill-btn.call-end {
		background-color: var(--alert-bg) !important;
		box-shadow: var(--box-shadow-inactive) !important;
		color: var(--light-text);
		border-radius: var(--border-radii);
		font-weight: normal;
		font-size: var(--font-size-master);
	}

	button.btn.btn-default.dropdown-toggle.au-target {
		box-shadow: var(--box-shadow-inactive) !Important;
		margin-left: 20px !Important;
		margin-right: 20px !important;
	}

	.person-row .nav > li > a {
		background-color: var(--secondary-color) !important;
		color: var(--button-color);
		border: none;
	}

	.alert-success {
		background-color: var(--overlay);
		border-radius: 0px !important;
		border-color: var(--overlay);
		border-top: var(--dashed-border);
		border-bottom: var(--dashed-border);
	}

	.navbar.navbar-default.management-menu .navbar-nav > li > a:hover, .navbar.navbar-default.management-menu .navbar-nav > li > a:focus {
		color: var(--button-color) !important;
			background-color: #000000;
	}

	.navbar.navbar-default.management-menu .navbar-nav > li > .dropdown-menu {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		z-index: 10000000 !important;
		background-color: var(--button-background-color);
	}
	
	.dropdown-menu li {
		color: var(--button-color) !important;
	}

	.row.person-row {
		background-color: var(--overlay);
	}

	.timeline-event {
		border-left: var(--dashed-border);
	}

	.timeline-event-item {
		left: -11px;
	}

	.person-row h3 {
		font-size: calc(var(--font-size-master) + 20px);
		font-weight: 800;
		color: var(--base2);
	}

	#main-container > div > router-view > router-view > div:nth-child(3) > div:nth-child(2) > div > div > div {
		height: 200px;
	}

	.navbar.navbar-default.management-menu li.dropdown-header {
		color: var(--button-color);
	}

	.navbar.navbar-default.management-menu .navbar-nav > .open > a, .navbar.navbar-default.management-menu .navbar-nav > .open > a:hover, .navbar.navbar-default.management-menu .navbar-nav > .open > a:focus {
		background-color: var(--secondary-color);
	}


	/* ----------------------------------------------------------------------------------------------------
	Family and Friends
	---------------------------------------------------------------------------------------------------- */

	.navbar.navbar-default.friends-bar .container-fluid {
		height: 54px;
		background-color: var(--accent-color) !important;
		background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
		background-size: 100%;
		background-repeat: repeat-x;
		background-position-y: 0;
		background-position-x: 0;
	}

	span.navbar-brand {
		font-size: 18px;
	}

	div.au-target.navbar.navbar-default.friends-bar > div > ul > li.dropdown > a > span:nth-child(1) {
		font-size: 19px;
	}

	/* ----------------------------------------------------------------------------------------------------
	eGovHubForms
	---------------------------------------------------------------------------------------------------- */


	iframe#eGovHubFormViewer {
		height: -webkit-fill-available !important;
	}


	/* ----------------------------------------------------------------------------------------------------
	Your Area
	---------------------------------------------------------------------------------------------------- */

	.list-group-item.service-summary {
		height: 500px !important;
	}

	button.thumbnail.your-area.services.au-target {
		height: 150px;
	}

	button.thumbnail.your-area.issues.au-target {
		height: 150px;
	}

	.list-group-item {
		padding: 20px 30px;
		margin-bottom: 10px;
	}

	a.navbar-brand {
		float: right;
	}


	div#map-results {
		height: 75vh;
	}


	.list-group-item.service-summary {
		height: 315px;
	}

	a.list-group-item.au-target:after {
		content: "\f054";
		font-family: fontawesome;
		float: right;
		color: var(--dark-text);
	}

	.nav-pills.sub-nav > li.active > a {
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		border: none !important;
		border-radius: 4px;
	}

	.nav-pills.sub-nav > li > a {
		box-shadow: var(--box-shadow-inactive);
		border: none !important;
		border-radius: var(--border-radii);
		padding-left: 8px;
		padding-right: 8px;
	}

	.MicrosoftMap .Infobox {
		border: none;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	}

	.au-target.navbar.navbar-default.friends-bar {
		background: var(--base3) !important;
		background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	}


	.checkbox label {
		padding-top: 15px;
	}

	input[type='checkbox'] {
		margin-left: 40px !important;
	}



	/* ----------------------------------------------------------------------------------------------------
	Pie Charts
	---------------------------------------------------------------------------------------------------- */


	.piechart-amounts {
		font-size: 19px;
		font-weight: bold;
		color: var(--dark-text) !important;
		float: right;
		margin-top: -37px;
	}

	.pie {
		margin-left: auto;
		margin-right: auto;
	}

	.circle-p, .circle-d, .circle-c, .circle-l, .circle-e, .circle-cc, .circle-cg, .circle-de {
		height: 24px;
		width: 24px;
		border-radius: 24px;
		float: left;
		margin-right: 10px;
		background: linear-gradient(var(--secondary-color) 0, var(--secondary-color-dark) 100%);
	}

	/* ----------------------------------------------------------------------------------------------------
	Nice Calendar Alternative For Dates
	---------------------------------------------------------------------------------------------------- */

	time.icon {
		font-size: 1em; /* change icon size */
		display: block;
		position: relative;
		width: 7em;
		height: 8em;
		background-color: #fff;
		margin: 2em auto;
		border-radius: 0.6em;
		box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		-webkit-transform: rotate(0deg) skewY(0deg);
		-webkit-transform-origin: 50% 10%;
		transform-origin: 50% 10%;
		line-height: 2em;
	}

		time.icon * {
			display: block;
			width: 100%;
			font-size: 1em;
			font-weight: bold;
			font-style: normal;
			text-align: center;
		}

		time.icon strong {
			position: absolute;
			top: 0;
			padding: 0.4em 0;
			color: #000;
			background-color: var(--main-color);
			border-bottom: 1px dashed var(--light-text);
			box-shadow: var(--box-shadow-active);
		}

		time.icon em {
			position: absolute;
			bottom: 0.3em;
			color: #3b3a3c;
		}

		time.icon span {
			width: 100%;
			font-size: 43px;
			letter-spacing: -0.05em;
			padding-top: 0.8em;
			color: #333;
		}

		time.icon:hover, time.icon:focus {
			-webkit-animation: swing 0.6s ease-out;
			animation: swing 0.6s ease-out;
		}

	span.time {
		padding-top: 60px !important;
	}


	time.icon:hover, time.icon:focus {
		-webkit-animation: swing 0.6s ease-out;
		animation: swing 0.6s ease-out;
	}

	@-webkit-keyframes swing {
		0% {
			-webkit-transform: rotate(0deg) skewY(0deg);
		}

		20% {
			-webkit-transform: rotate(12deg) skewY(4deg);
		}

		60% {
			-webkit-transform: rotate(-9deg) skewY(-3deg);
		}

		80% {
			-webkit-transform: rotate(6deg) skewY(-2deg);
		}

		100% {
			-webkit-transform: rotate(0deg) skewY(0deg);
		}
	}

	@keyframes swing {
		0% {
			transform: rotate(0deg) skewY(0deg);
		}

		20% {
			transform: rotate(12deg) skewY(4deg);
		}

		60% {
			transform: rotate(-9deg) skewY(-3deg);
		}

		80% {
			transform: rotate(6deg) skewY(-2deg);
		}

		100% {
			transform: rotate(0deg) skewY(0deg);
		}
	}


	/* ----------------------------------------------------------------------------------------------------
	Menu Icons 
	---------------------------------------------------------------------------------------------------- */
	a.clickable.au-target:before {
		font-family: fontawesome;
		padding-right: 10px;
	}

	#menu-navbar-collapse > ul > li:nth-child(1) > a:before {
		content: "\f129";
	}

	#menu-navbar-collapse > ul > li:nth-child(2) > a:before {
		content: "\f00c";
	}

	#menu-navbar-collapse > ul > li:nth-child(3) > a:before {
		content: "\f00b";
	}

	#menu-navbar-collapse > ul > li:nth-child(4) > a:before {
		content: "\f007";
	}

	#menu-navbar-collapse > ul > li:nth-child(5) > a:before {
		content: "\f2bb";
		font-family: fontawesome;
		padding-right: 10px;
	}



	#app > person-home > div.mini-menu > div > ul > li:nth-child(1) > a:before {
		content: "\f007";
	}
	#app > person-home > div.mini-menu > div > ul > li:nth-child(2) > a:before {
		content: "\f129";
	}

	#app > person-home > div.mini-menu > div > ul > li:nth-child(3) > a:before {
		content: "\f00c";
	}

	#app > person-home > div.mini-menu > div > ul > li:nth-child(4) > a:before {
		content: "\f00b";
	}

	#app > person-home > div.mini-menu > div > ul > li:nth-child(5) > a:before {
		content: "\f2b9";
	}



	/* ----------------------------------------------------------------------------------------------------
	Hidden Stuff
	---------------------------------------------------------------------------------------------------- */

	.navbar.navbar-default .container-fluid .primary-header h2 small, .navbar.navbar-default .container-fluid .primary-header {
		display: none;
	}



	.thumbnail .header.caption .details-link:hover {
		background-color: transparent;
	}




	/* ----------------------------------------------------------------------------------------------------
	Support Crappy Browser
	---------------------------------------------------------------------------------------------------- */


	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		/* IE10 & IE11 CSS styles go here */
		.navbar.navbar-default .container-fluid {
			height: 120px;
			background-image: var(--heading-image);
			background-color: #fff;
		}

		nav.navbar.navbar-default.menu {
			background-color: #c20063;
			background: #c20063;
			border-top: 2px solid #c20063;
			border-bottom: 2px solid #c20063;
		}

		.au-target.thumbnail.silo-list.silo-default {
			border-left: 8px solid #00a3a5 !important;
			box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		}
	}















	@media (max-width: 768px) {


		.secondary-header:after {
			left: 204px !important;
			top: 46px;
			width: 42px;
			height: 42px;
		}


		.secondary-header:after {
			-webkit-animation: move-in-steps 2s;
			animation: move-in-steps 2s;
		}


		@-webkit-keyframes move-in-steps {
			0% {
				left: 0;
				top: 200px;
				background: #e8f5ff;
			}

			100% {
				left: 204px !important;
				top: 46px;
				background: #070f15;
			}
		}

		@keyframes move-in-steps {
			0% {
				left: 0;
				top: 200px;
				background: #e8f5ff;
			}

			100% {
				left: 204px !important;
				top: 46px;
				background: #070f15;
			}
		}
	}

		.page-header h2 {
			font-size: 22px !important;
			color: var(--light-text) !important;
		}


		a.btn.btn-xs.btn-primary.btn-silo-link-another.au-target {
		float: right;
		width: 400px;
		background-color: var(--button-background-color) !important;
		color: var(--button-color);
		position: relative;
		right: 120px;
		top: -55px;
	}

	input#searchCriteria {
		color: var(--button-color) !important;
	}
	#main-container > div > router-view > router-view > router-view > div:nth-child(3) > div > div > div > div > div > h3,#main-container > div > router-view > router-view > router-view > div:nth-child(3) > div > div:nth-child(1) > div > div > div > h2,#main-container > div > router-view > router-view > router-view > div:nth-child(3) > div > div:nth-child(1) > div > div > div > p {width: 100%;}

	button.thumbnail.form-type-summary.au-target > .header.caption > .row > .col-xs-9 > h2 {
		display: none;
	}

	.actions1 {
		position: absolute;
		bottom: 20px;
	}

	addtodashboard.au-target {
		/* display: none; */
	}

	button.silo-accordian-header.au-target {
		width: 100%;
		background-color: var(--secondary-color);
		border: none;
		padding: 15px;
		color: var(--button-color);
		text-align: left;
		font-weight: bold;
		margin-left: 0px;
	}

	.col.col-xs-10.col-sm-10.col-md-10.col-sm-10.silo-pers-msg {
		color: #000 !important;
		font-weight: bold;
		font-size: 25px;
		padding-top: 10px;
	}

	@media (min-width:768px) {
		.tableau {
			display: block
		}
		.mobilecards {
			display: none
		}

	  
	}

	@media (max-width:768px) {
		.tableau {
			display: none
		}
		.mobilecards {
			box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
			margin: 20px;
			padding: 14px;
			display: block;
		}
		  .grid-item {width: 90% !important;};
	}

	tr.responsive:nth-child(odd) {
		background-color: #EFEFEF;
	}

	th.responsive {
		background-color: #266e8a !important;
	}


	.silo-accordian-header{
		  display: block;
		  padding: 15px 20px;
		  margin-left: -20px;
		  border-bottom: 2px solid #000000;
		  border-radius: 3px;
		  color: white;
		  width: 100%;
		  text-align:left;
	}



	img.logo {
		width: 100px;
	}

	.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
		left: 112px;
		top: 71px;
	}

	img.logo:focus {
		box-shadow: 0px 0px 0px 4px gold;
	}

	.thumbnail .header.caption h2 {
		font-size: 18px !important;
	}

	button.silo-accordian-header.au-target:after {
		content: "\f054";
		font-family: 'FontAwesome';
		float: right;
	}








	/* ----------------------------------------------------------------------------------------------------
	JMC Notifications
	---------------------------------------------------------------------------------------------------- */









	.notification {
		box-shadow: var(--box-shadow-inactive);
		height: 170px;
		width: 95%;
		margin: 0px 3%;
		margin-bottom: 15px;
		border-left: 5px solid #256e8a;
	}

	button.btn.btn-primary.onevu-btn-download.au-target, button.btn.btn-primary.onevu-btn-view.au-target {
		float: right;
		margin-right: 30px;
		width: calc(100% - 50px);
	}

	.name {
		font-weight: bold;
		font-size: 20px;
		padding: 10px;
	}

	.Date {
		padding: 10px;
	}
	input.au-target {
		border: 2px solid black;
	}
	#main-container > div > router-view > div > div > router-view > compose > compose > div.au-target.row.silo-default > div > div {
		height: 90px;
	}
	.contactTypeListItem {background-color: #f3f4f9;border-left: 5px solid #266e8a;margin-left: 30px;margin-right: 30px;margin-top: 15px;}

	@media (max-width: 768px) {


	a.btn.btn-xs.btn-primary.btn-silo-link-another.au-target {float: none !important;right: 0px;top: 0px;}


	#main-container > div > router-view > div > div > router-view > compose > compose > div.au-target.row.silo-default > div > div {
		height: 190px;
	}

	.notification {height: 180px;}

	button.btn.btn-primary.onevu-btn-download.au-target, button.btn.btn-primary.onevu-btn-view.au-target {

		margin-top: 0px;
	margin-right: 0px;
	width: 90%; 
	margin-left: 5%;
	margin-right: 5%;
	}
	.Date {

		margin-top: -15px;
	}


	}



	span.ctx-value {
		text-transform: uppercase;
	}

	span.au-target.fa-stack.fa-lg.created {
		color: #107f2c;
	}

	i.au-target.fa.fa-file-text.fa-stack-1x.fa-inverse {
		background: #9711a8;
		border-radius: 50%;
	}



	/* ----------------------------------------------------------------------------------------------------
	Landlords CSS
	---------------------------------------------------------------------------------------------------- */



	.au-target.row.silo-default {
		margin-top: 15px;
	}

	.grid-item {
		margin-top: 15px;
		width: 30%;
		margin-left: 15px;
		display: inline-block;
		vertical-align: top;
		background-color: #f3f4f9;
		padding: 15px;
		border-left: 5px solid #286d8a;
	}

	span.ll-label {
		padding: 15px !important;
		font-weight: bold;
		padding-left: 0px !important;
	}


	#main-container > div > router-view > div > div > router-view > compose > div.row.landlord-tenant-search-row > div > div:nth-child(2) > div.col-xs-12.col-md-12.col-lg-12 > button {
		margin-bottom: 20px;
	}

	span.ll-value {
		text-align: left;
	}

	div.grid-item > ul {margin-top: 15px;}

	span.ll-payment-amount {
		font-size: 100%;
		color: black;
		font-weight: bold !important;
	}

	img.mainlogo {
		width: 130px;
	}

	#main-container > div > router-view > div > div > router-view > compose > div.row.landlord-tenant-search-row > div > div.div\.ll-container-inline-flex > div > div:before {
		font-size: 19px;
		font-weight: bold;
		color: black;
	}

	#main-container > div > router-view > div > div > router-view > compose > div.row.landlord-tenant-search-row > div > div.div\.ll-container-inline-flex > div > div:nth-child(3):before {
		content:  "Payment/Document Details";
	}

	#main-container > div > router-view > div > div > router-view > compose > div.row.landlord-tenant-search-row > div > div.div\.ll-container-inline-flex > div > div:nth-child(1):before {
		content:  "Tenant being viewed";
	}

	#main-container > div > router-view > div > div > router-view > compose > div.row.landlord-tenant-search-row > div > div.div\.ll-container-inline-flex > div > div:nth-child(2):before {
		content:  "Tenant Details";
	}

	button.ll-value.btn.btn-primary.au-target {
		width: 100%;
		margin-bottom: 15px;
	}

	table.landlord-docs-table {
		margin: 15px;
		width: 95%;
	}

	#main-container > div > router-view > div > div > router-view > compose > div.row.landlord-payment-schedules-row > div > div.col-xs-12.col-md-12.col-lg-12 > button {
		margin-bottom: 15px;
	}

	.badge {width: 100%;padding-top: 15px;padding-bottom: 15px;}



	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div > addtodashboard > div > button {
		display: none;
	}


	button.au-target.clearButton.fa.fa-star.addFavourite {
		background: linear-gradient(to bottom,rgba(247,247,247,1) 0,rgba(218,218,218,1) 100%);
		border: 1px solid #cbcbcb;
	}

	img.mainlogo {
		width: 100px;
		padding-top: 5px;
	}


	/* ----------------------------------------------------------------------------------------------------
	Custom Footer
	---------------------------------------------------------------------------------------------------- */



	.IEG4Strapline {
		text-align: center;
	}
	.outBoundSocialLinks {
		text-align: left !important;
		margin: 0;
		width: auto;
	}
	.outBoundSocialLinks img {
		width: 40px;
		height: 40px;
	}
	.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
		left: 112px;
		top: 71px;
	}
	.outBoundSocialLinks a:first-of-type {
		margin-left: 0;
	}
	.outBoundSocialLinks a {
		font-size: 16px;
		border: none !important;
		margin-right: 0.625em;
		margin-left: 0.625em;
		line-height: 40px;
	}
	.show-for-sr {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}
	.fairFuture {
		max-width: 220px;
	}
	.ratePlugin .gm-container .rate-page p {
		line-height: 70px;
	}
	.ratePlugin .gm-container .rating-options a span.good {
		background-image: url(https://www.southwark.gov.uk/graphics/govmetric/new/good.png);
	}
	.ratePlugin .gm-container .rating-options a span.average {
		background-image: url(https://www.southwark.gov.uk/graphics/govmetric/new/average.png);
	}
	.ratePlugin .gm-container .rating-options a span.poor {
		background-image: url(https://www.southwark.gov.uk/graphics/govmetric/new/poor.png);
	}
	.hide-for-portrait,
	.show-for-landscape {
		display: inherit !important;
	}
	.ratePlugin .gm-container .rating-options a span {
		display: block;
		width: 70px;
		height: 70px;
		margin-right: 10px;
		transition: all 0.25s ease;
		background-size: cover;
	}
	.socialShares a {
		display: block;
		text-decoration: none;
		margin-bottom: 10px;
	}
	.socialShares a img {
		width: 40px;
		height: 40px;
	}
	.footer {
		border-top: 1px solid #e5e5e5;
	}
	.otherLinks {
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
	}
	.otherLinks ul {
		margin: 0 0 0 15px !important;
		text-align: center;
		list-style-type: none;
	}
	.otherLinks ul li {
		display: inline;
		margin: 0 15px 20px 0;
		padding-right: 15px;
		border-right: 1px solid #e5e5e5;
		font-weight: 300;
		box-sizing: border-box !important;
		line-height: 50px;
	}
	.otherLinks ul li a::first-letter {
		text-transform: capitalize;
	}
	.otherLinks ul li:last-of-type {
		border: none;
		padding-right: 0;
	}
	.otherLinks ul li a {
		display: inline-block;
		font-weight: 700;
		color: #0d5c84;

	}
	}
	.syndicate {
		text-align: center;
	}
	.ratePlugin {
		text-align: right;
	}
	.outBoundSocialLinks {
		font-size: 0;
		padding: 0px 0;
		display: block;
		text-align: center !important;
	}
	.text-center .outBoundSocialLinks {
		margin-left: auto;
		margin-right: auto;
		width: 280px;
	}
	.outBoundSocialLinks a {
		font-size: 16px;
		border: none !important;
		margin-right: 5px;
		margin-left: 5px;
		line-height: 40px;
	}
	.outBoundSocialLinks img {
		width: 40px;
		height: 40px;
	}
	.outBoundSocialLinks a:last-of-type {
		margin-right: 0;
	}
	.outBoundSocialLinks a:first-of-type {
		margin-left: 0;
	}
	.fairFuture {
		max-width: 220px;
	}
	.credits {
		font-family: felt-tip-roman, sans-serif !important;
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
	}
	.credits a {
		color: #ccc;
	}
	.ratePlugin .gm-container {
		float: right;
		text-align: center;
		width: auto;
		padding-left: 1em;
	}
	.ratePlugin .gm-container .rating-options {
		float: left;
	}
	.ratePlugin .gm-container .rating-options a {
		float: left;
	}
	.ratePlugin .gm-container .rating-options a span {
		display: block;
		width: 70px;
		height: 70px;
		margin-right: 10px;
		transition: all 0.25s ease;
		background-size: cover;
	}
	.ratePlugin .gm-container .rating-options a span.good {
		background-image: url(https://www.southwark.gov.uk/graphics/govmetric/new/good.png);
	}
	.ratePlugin .gm-container .rating-options a span.average {
		background-image: url(https://www.southwark.gov.uk/graphics/govmetric/new/average.png);
	}
	.ratePlugin .gm-container .rating-options a span.poor {
		background-image: url(https://www.southwark.gov.uk/graphics/govmetric/new/poor.png);
	}
	.lt-ie9 .ratePlugin .gm-container .rating-options a span.good {
		background-image: url(https://www.southwark.gov.uk/graphics/govmetric/new/good-legacy.gif);
	}
	.lt-ie9 .ratePlugin .gm-container .rating-options a span.average {
		background-image: url(https://www.southwark.gov.uk/graphics/govmetric/new/average-legacy.gif);
	}
	.lt-ie9 .ratePlugin .gm-container .rating-options a span.poor {
		background-image: url(https://www.southwark.gov.uk/graphics/govmetric/new/poor-legacy.gif);
	}
	.ratePlugin .gm-container .rating-options a span:hover {
		transform: scale(1.2);
		transition: all 0.25s ease;
	}
	.ratePlugin .gm-container .rating-options a:last-child span {
		margin-right: 0;
	}
	.ratePlugin .gm-container .rate-page {
		float: left;
		margin-right: 1em;
		margin-top: 1em;
		margin-top: 0;
	}
	.ratePlugin .gm-container .rate-page p {
		font-size: 1.2rem;
		line-height: 70px;
	}
	.panel.border {
		border: 1px solid #ccc;
	}
	.panel.panelGrey {
		background-color: #f6f6f6 !important;
	}
	.reveal-modal.full {
		top: 0 !important;
	}
	.reveal-modal.full .header.row {
		max-width: inherit;
	}
	.reveal-modal.full .panel,
	.reveal-modal.full .panel.scroll {
		padding-bottom: 0.625rem !important;
		overflow-y: auto !important;
		height: 90vh;
		display: block;
	}
	.reveal-modal .panel h1,
	.reveal-modal .panel h2,
	.reveal-modal .panel p {
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}
	.reveal-modal .header {
		background-color: #246051;
	}
	.reveal-modal .header .logo {
		display: block;
		background-image: url(https://www.southwark.gov.uk/graphics/logo-white.png);
		background-size: contain;
		width: 90px;
		height: 40px;
		margin-left: 10px;
	}
	.reveal-modal .header button {
		margin: 0 !important;
		font-size: 2rem !important;
		padding: 0.9rem 2rem !important;
		background: 0 0;
		border: 0;
		color: #fff !important;
	}
	.reveal-modal .header button:focus {
		color: #000 !important;
	}
	.reveal-modal .panel .columns:first-of-type {
		padding-left: 0;
	}
	.reveal-modal .panel .columns:last-of-type {
		padding-right: 0;
	}
	.reveal-modal .panel p:last-of-type {
		margin-bottom: 0 !important;
	}
	.reveal-modal .panel .button:last-of-type,
	.reveal-modal .panel button:last-of-type {
		margin-bottom: 0 !important;
	}
	.reveal-modal .button.noBottomMargin.mobileBottomMargin {
		margin-bottom: 1.25rem !important;
	}
	.reveal-modal .panel p:first-of-type {
		margin-bottom: 1.25rem !important;
	}
	.reveal-modal .panel p:only-of-type {
		margin-bottom: 0 !important;
	}
	.reveal-modal .panel p.h1,
	.reveal-modal .panel p.h2 {
		margin-bottom: 1.25rem !important;
	}
	.large-4.medium-12.small-12.columns {
		width: 33.33333%;
		display: inline-block;
	}
	.row.legacyWrapper {
		margin: 0 auto;
		max-width: 80%;
		width: 100%;
		padding: 20px 0;
	}
	.column + .column:last-child,
	.column + .columns:last-child,
	.columns + .column:last-child,
	.columns + .columns:last-child {
		float: right;
	}
	.ratePlugin .gm-container .rate-page {
		float: left;
		margin-right: 1em;
		margin-top: 0 !important;
		margin-top: 0;
	}
	.large-4.columns.hide-for-large-down {
		width: 30%;
		display: inline-block;
	}
	.navigation_item .navigate_button {
		background: 0 0 !important;
	}
	.container.login {
		background: #246051;
		height: 100vh;
		background-image: url(https://www.southwark.gov.uk/graphics/logo-white.png);
		background-repeat: no-repeat;
		background-position-x: 50%;
		background-position-y: 10%;
	}
	@media (max-width: 992px) {
		.container.login {
			background-position-y: 10px !important;
			padding: 10%;
		}
	}
	input#Password,
	input#Username {
		width: 90% !important;
	}

	select#ContentPlaceHolder_BodyContent_PersonTitle_Answer_InputField,
	input#ContentPlaceHolder_BodyContent_DateOfBirth_Answer_InputField {
		width: auto !important;
	}


	@media (max-width: 992px) {

	.footer.row {position: relative;bottom: 0px;width: 100%;background-color: white;}
	.large-4.medium-12.small-12.columns,  .large-4.medium-12.small-12.columns
	 {width: 50% !important;
	 display: inline-block !Important;}
	.navbar.navbar-default.menu .navbar-nav > li > a {
		font-size: 14px !important;
	}
	.large-4.columns.hide-for-large-down {
		display: none;
	}

	.ratePlugin .gm-container .rating-options a span
	 {
		 width: 40px;
		 height: 40px;
	 }

	 .outBoundSocialLinks img {
	width: 30px;
		 height: 30px;

	 }

	 img.fairFuture {

		 margin: 0px !Important;
	 }

	 .outBoundSocialLinks a {
		 margin-right: 0px;
	 }

	}

	@media (max-width: 767px) {

	.otherLinks ul li a {
		display: block;
	}
	.card.dash {
		width: 90% !important;
	}


	addtodashboard.au-target {/* bottom: -100px !Important; */}




	button.fa.fa-arrow-down.pull-right.au-target, button.fa.fa-arrow-up.pull-right.au-target {
		display: none;
	}

	.otherLinks ul li {
		display: block;
		margin-bottom: 0px;
		border-right: none;
	}

	.large-4.medium-12.small-12.columns {
		display: block;
		margin-top: 20px;
	}

	img.fairFuture {
		width: 180px;
		margin-left: 20%;
		margin-top: 30px;
		margin-right: 20%;
	}

	.large-4.medium-12.small-12.columns, .large-4.columns.hide-for-large-down, .large-4.medium-12.small-12.columns
	  {
		width: 100% !important;
	}
		
	.ratePlugin .gm-container {
	float: none;
	margin-left: 25%;

	}

	}


	div#app {
		height: auto !IMPORTANT;
	}

	ul.dash > li {
		list-style: square !important;
	}

	button.fa.fa-arrow-down.pull-right.au-target, button.fa.fa-arrow-up.pull-right.au-target {
		border: none;
		font-family: 'Lato';
		font-size: 12px;
		text-transform: uppercase;
		padding: 10px;
		margin-right: 30px;
	}

	.fa-arrow-down:before {
		font-family: fontawesome !important;
	}

	.fa-arrow-up:before {
		font-family: 'FontAwesome';
	}

	table.landlord-transaction-table {
		width: 100%;
		margin-bottom: 50px;
		border-bottom: 2px solid gainsboro;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}

	div#view-portal {
		height: 100vh;
	}

	span.ll-data-date {
		padding: 15px;
	}

	td {

		padding: 10px 0px;
	}





	#onevu-custom-banner {

		background-color: #772242;
	}


	#onevu-custom-banner > h3 {
		margin: 0px;
		padding: 15px;
	}

	#onevu-custom-banner > p {
		padding: 15px;
		margin-bottom: 0px;
	}

	.welcome {
		padding: 15px;
		display: inline-block;
		margin-top: -20px !important;
		vertical-align: text-bottom;
	}


	#onevu-custom-banner > div.comp > p {
		color: white !important;
	}

	#onevu-custom-banner > div.comp > h4 {
		font-weight: bold;
	}

	#onevu-custom-banner > p > button {
		background-color: #266e8a;
		color: white;
		margin-top: -15px;
		margin-bottom: 15px;
	}
	.thumbnail.silo-list * p.sub-title {
		 text-overflow: revert;
		 height: 160px;
		-webkit-line-clamp: inherit;
		width: 180px;
	}

	.navbar-default .navbar-nav>li>a {
		color: var(--button-color) !important;
	}
	
	.navbar.navbar-default.management-menu .navbar-nav > .open > a, .navbar.navbar-default.management-menu .navbar-nav > .open > a:hover, .navbar.navbar-default.management-menu .navbar-nav > .open > a:focus {
		color: var(--button-color) !important;
	}
	
	.nav-pills>li {
		float: left;
		border: 3px solid #fff;
	}

    .nav-justified>li {
		display: table-cell;
		width: 10%;	
	}
	
	.list-group-item>.badge {
		display: contents;
		font-size: 15px;
	}
	
	.quick-search>.dropdown-menu>li>a {
		color: var(--button-color);
	}
	
	.quick-search>.dropdown-menu>li>a:hover {
		color: #000 !Important;
	}
	
	.search_active {
		background-color: #fff !important;
	}
	
	.navbar.navbar-default.menu .navbar-nav > .open > a, .navbar.navbar-default.menu .navbar-nav > .open > a:hover, .navbar.navbar-default.menu .navbar-nav > .open > a:focus {
		color: var(--button-color) !important;
		background-color: var(--button-background-color) !important;
	}
	
		i.fa.fa-circle-thin.fa-stack-2x, i.fa.fa-angle-double-right.fa-stack-1x {
		display: none;
	}
	
	/* ---------- Custom Images on Tiles ----------- */

	.au-target.thumbnail.silo-list.silo-default {
		background-repeat: no-repeat;
		background-position-x: 90%;
		background-position-y: 30%;
		background-size: 70px;
		border-left: 8px solid var(--button-background-color) !important;
	}
	
	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(1) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/Document.svg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(2) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/Calculator.svg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(3) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/Bin.svg);
		background-size: 120px;
	}


	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(4) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/House.svg);
		background-size: 120px;
	}
	
	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(5) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/SearchDocument.svg);
		background-size: 120px;
	}
	
	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(6) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/IDCard.svg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(7) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/Document.svg);
		background-size: 120px;
	}


	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(8) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/Calculator.svg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(9) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/3dRuler.svg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(10) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/Calculator.svg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(11) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/House.svg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(12) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(13) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(14) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(15) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(16) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(17) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(18) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(19) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(20) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(21) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(22) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(23) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(24) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(25) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(26) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(27) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(28) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(29) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}

	#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(30) > button {
		background-image: url(https://www.ukcouncils.co.uk/_shared/_css/onevu/icons/_ieg4.jpg);
		background-size: 120px;
	}
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#slide-1 > div > div, #slide-2 > div > div, #slide-3 > div > div {
    height: 650px !important;
}
.chartcard {
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    text-decoration: none;
    padding: 15px;
    margin-top: 10px;
	box-shadow: var(--box-shadow-inactive);
    padding: 15px;
    height: 600px;
	background: white;
	background: white;
}

.donut {
    position: relative;
    background-color: #ffffff;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    top: 31px;
    left: 30px;
    box-shadow: var(--box-shadow-inactive);
}

.Balance-donut {
    position: relative;
    top: 50px;
    left: 15px;
	color: var(--dark-text) !important;
    font-size: 30px;
}

.mobile {
	display:none;
}

.open>.dropdown-menu {
    background-color: var(--button-background-color) !important;
}

.flank-menu .btn-end {
    background-color: var(--button-background-color) !important;
}

.open>.dropdown-toggle.btn-default {
    color: var(--button-color) !important;
}

.dropdown-menu>li>a {
	background-color: var(--button-background-color) !important;
    color: var(--button-color) !important;
}
.dropdown-menu>li>a:hover {
    background-color: var(--secondary-color) !important;
}

.navbar.navbar-default.menu .navbar-nav > li > .dropdown-menu {
    background-color: var(--secondary-color) !important;
}

.navbar {
    max-height: 78px;
}

.page-header {
    margin: 0px !important;
}

.page-header {
    padding-left: 18px;
}

.details.caption {
    background-color: #00513f !important;
}

person-information .row.person-row:nth-child(2) {
    display: none;
}

h1, .page-header h1 {
    display: none;
    color: #000;
    font-family: var(--headings-font-family) !Important;
}

.dropdown-menu > li:first-child {
    display: none;
}

.quick-search .dropdown-menu > li:first-child {
    display: block;
}