/* apply a natural box layout model to all elements, but allowing components to change */
html {
	box-sizing: border-box;
	font-size: 16px;
}
*, *:before, *:after {
	box-sizing: inherit;
}

body {
	font-family: var(--fonts-default);
	font-size: 0.875rem;
	line-height: 1.4285714285714286em;
	color: #000;
	background: #F8F7F4;
	accent-color: var(--colors-brand-blue);
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden;
}

body.touch-menu-open { overflow: hidden !important; }
/* Admin bar silliness */
body.admin-bar { padding-top: 32px; }
@media all and (max-width: 782px) {	body.admin-bar { padding-top: 46px; } }

h1, h2, h3, h4, h6 {
	color: #000000;
	font-family: var(--fonts-heading);
	font-weight: 400;
	margin: 0 0 1.5625rem;
}
h1 { font-weight: 500; }

h1, h2, h3 {
	font-size: 1.875rem; /* 30 */
	line-height: 1.2em;
}

h2 {
	font-weight: 400;
}

h3 {
	font-weight: 400;
}

h4 {
	font-size: 1rem;
	line-height: 1.1666666666666667em;
}

h5 {
	font-size: 1.125rem;
	line-height: 1.2em;
}

p { color: var(--colors-dark-gray); }

@media all and (min-width: 1024px) {

	h1, h2 {
		font-size: 2.5rem;
		line-height: 1.15em;
	}

	h3 {
		font-size: 1.875rem;
		line-height: 1.2em;
	}

	h4 {
		font-size: 1.5rem;
	}

}

p {
	margin: 0 0 1.5625rem;
}

p:last-child { margin-bottom: 0; }

a {
	color: inherit;
	text-decoration: underline;
}

/* Buttons */
.btn {
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding: 0.5714285714285714em 1em;
	overflow: hidden;
	text-decoration: none;
	transition: 0.25s;
}

.btn:hover { text-decoration: none; }
.btn span { position: relative;	z-index: 3; }

/* Default Styling */
.btn { background-color: transparent; border-color: black; color: black; }
.btn:hover { box-shadow: inset 0 -3.25em 0 0 var(--colors-brand-green);	color: white; }
/* White Outline Styling */
.btn.btn--white-outline { background: transparent; border-color: white;	color: white; }
.btn.btn--white-outline:hover { box-shadow: inset 0 -3.25em 0 0 #ffffff; color: black; }
/* Fill */
.btn.btn--fill { background: var(--colors-brand-green); border-color: var(--colors-brand-green); color: white; }
.btn.btn--fill:hover { box-shadow: inset 0 -3.25em 0 0 #ffffff; color: black; }

/* Layout */
.tracker-container {
	max-width: 1280px;
	margin: 0 auto;
}

.tracker-main {	padding: 2.25rem 1.357rem; position: relative; }

.main_backToWeb {
	margin-bottom: 1.75rem;
}

/* Header */

header.tracker-header {
	background: var(--colors-brand-green);
	color: white;
	padding: 1.25rem 1.357rem 1rem;
	justify-content: space-between;
}

.tracker-header__logo { max-width: 150px; }
.tracker-header__logo svg { fill: white; width: 100%; }

.tracker-header__touch-trigger {
	display: block;
	width: 22px;
	height: 18px;
	cursor: pointer;
	position: relative;
	z-index: 10;
	transform: translateY(-6px);
}

.tracker-header__touch-trigger .menu-link {
	width: 100%;
	height: 100%;
}

.tracker-header__touch-trigger .lines {
	-moz-transition: background 0.2s ease 0.4s;
	-o-transition: background 0.2s ease 0.4s;
	-webkit-transition: background 0.2s ease;
	-webkit-transition-delay: 0.4s;
	transition: background 0.2s ease 0.4s;
	display: block;
	width: 100%;
	height: 1px;
	background: #aaa;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	width: 100%;
	margin: 0 0;
	position: relative;
	background: #ffffff;
	top: 10px;
}

.tracker-header__touch-trigger .lines::before,
.tracker-header__touch-trigger .lines::after {
	display: block;
	width: 100%;
	height: 1px;
	background: #aaa;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
	left: 0;
	content: '';
	background: #ffffff;
	-moz-transition: -moz-transform 0.2s ease 0s, width 0.2s ease 0.2s, top 0.2s ease 0.4s;
	-o-transition: -o-transform 0.2s ease 0s, width 0.2s ease 0.2s, top 0.2s ease 0.4s;
	-webkit-transition: -webkit-transform 0.2s ease, width 0.2s ease, top 0.2s ease;
	-webkit-transition-delay: 0s, 0.2s, 0.4s;
	transition: transform 0.2s ease 0s, width 0.2s ease 0.2s, top 0.2s ease 0.4s;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.tracker-header__touch-trigger .lines::before {	top: -6px; }
.tracker-header__touch-trigger .lines::after { top: 6px; }

body.touch-menu-open .tracker-header__touch-trigger .lines {
	-moz-transition: background 0.2s ease 0s;
	-o-transition: background 0.2s ease 0s;
	-webkit-transition: background 0.2s ease;
	-webkit-transition-delay: 0s;
	transition: background 0.2s ease 0s;
}

body.touch-menu-open .tracker-header__touch-trigger .lines::before,
body.touch-menu-open .tracker-header__touch-trigger .lines::after {
	-moz-transition: top 0.2s ease 0s, width 0.2s ease 0.2s, -moz-transform 0.2s ease 0.4s;
	-o-transition: top 0.2s ease 0s, width 0.2s ease 0.2s, -o-transform 0.2s ease 0.4s;
	-webkit-transition: top 0.2s ease, width 0.2s ease, -webkit-transform 0.2s ease;
	-webkit-transition-delay: 0s, 0.2s, 0.4s;
	transition: top 0.2s ease 0s, width 0.2s ease 0.2s, transform 0.2s ease 0.4s;
	top: 0;
	width: 50%;
}

body.touch-menu-open .tracker-header__touch-trigger .lines::before {
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

body.touch-menu-open .tracker-header__touch-trigger .lines::after {
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

.tracker-header__mainlink { text-decoration: none; }

.tracker-header__title {
	font-family: var(--fonts-heading);
	font-size: 2.857142857142857rem;
	line-height: .75em;
	position: relative;
	z-index: 10;
}

.tracker-header__nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--colors-brand-green);
	color: white;
	z-index: 5;
	transform: translateX(100%);
	transition: all .25s ease;
}

body.touch-menu-open .tracker-header__nav {
	transform: translateX(0);
}

.tracker-header ul {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	align-items: center;
	gap: 2.142857142857143rem;
	padding: 150px 0 0;
	margin: 0;
}

.tracker-header ul li {}
.tracker-header ul li a { color: inherit; text-decoration: none; }
.tracker-header ul li a.active { color: inherit; font-weight: 600; text-decoration: underline; }
.tracker-header ul li a:not(.btn):hover { text-decoration: underline; }

@media all and (min-width: 1024px) {

	.tracker-header__touch-trigger { display: none; }
	.tracker-header__nav {
		position: relative;
		width: auto;
		height: auto;
		background: transparent;
		transform: none;
	}
	.tracker-header ul { flex-direction: row; padding: 0; }

}

ul.inner-nav {
	background: white;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem;
	justify-content: left;
	margin: 0 auto 2.42rem;
	max-width: 1280px;
	list-style-type: none;
	padding: .75rem 1.5rem;
}

ul.inner-nav li { display: inline-block; padding: .25rem 0; width: 100%; }
ul.inner-nav li.inner-nav__item--active {
	border-bottom: 2px solid var(--colors-brand-green);
}

ul.inner-nav li.inner-nav__item--documents { position: relative; padding-right: 10px; }
ul.inner-nav li.inner-nav__item--documents::after { content: ""; display: block; position: absolute; width: 4px; height: 4px; background-color: red; top: 15%; right: 0; border-radius: 999px; }

ul.inner-nav li a {	display: block; text-decoration: none; padding: 0; }

@media all and (min-width: 768px) {
	ul.inner-nav {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 2.25rem;
	}

	ul.inner-nav li { width: auto; }
}

.page-description,
.page-title { text-align: center; margin-bottom: .25rem; }

p.small-center {
	margin: 1rem auto 0;
	padding: 0 1rem;
	text-align: center;
	font-size: .75rem;
	color: #c5c5c5;
}

/* Panels */
.panel-box {
	background: white;
	border-radius: 4px;
	padding: 1.5rem 1.5rem;
	margin-bottom: 1.125rem;
	height: 100%;
}

.panel-box__buttons {
	display: flex;
	justify-content: center;
	margin: .75rem auto 0;
}

.panel-box__title {
	text-align: center;
}

.panel-box > p {
	text-align: center;
}

/* Login Box */
.login-box {
	max-width: 516px;
	margin: 0 auto;
}

.forgotten-details { margin-top: 0.7142857142857143rem; }

/* Form Elements */

.form-errors {
	background: lightpink;
	color: black;
	display: inline-block;
	max-width: 500px;
	text-align: center;
	padding: .5rem 1rem;
	margin: 0 0 1.4285714285714286rem;
}

.form-errors p {

}

.form-success {
	background: #ccffcc;
	color: black;
	display: inline-block;
	max-width: 500px;
	text-align: center;
	padding: .5rem 1rem;
	margin: 0 0 1.4285714285714286rem;
}

.form-row { margin-bottom: 1.4285714285714286rem; }

.form-row label {
	display: inline-block;
	font-weight: 600;
	margin-bottom: 0.6428571428571429rem;
}

.form-row input[type="text"],
.form-row input[type="tel"],
.form-row input[type="password"],
.form-row input[type="email"] {
	background: #FAFAFA;
	border: 1px solid #D5D5D5;
	border-radius: 3px;
	font-family: var(--fonts-default);
	font-size: 1em;
	padding: 0.6428571428571429rem 1.4285714285714286rem;
	width: 100%;
}

.form-row textarea {
	background: #FAFAFA;
	border: 1px solid #D5D5D5;
	border-radius: 3px;
	font-family: var(--fonts-default);
	font-size: 1em;
	padding: 0.6428571428571429rem 1.4285714285714286rem;
	width: 100%;
	min-height: 150px;
}

/* Dashboard */
.link-list {
	display: flex;
	flex-direction: column;
}

.link-list__link {
	cursor: pointer;
	display: block;
	position: relative;
	text-decoration: none;
	border-bottom: 1px solid var(--colors-brand-green);
	padding: 1.25rem 0 1rem;
}

.link-list__link::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 3px;
	height: 3px;
	border-radius: 9999px;
	background: var(--colors-brand-green);
	z-index: 2;
	overflow: hidden;
	transform: translateY(2px);
}

.link-list__link::after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.837" height="20.932" viewBox="0 0 9.837 20.932"><path id="Icon_akar-chevron-down-small" data-name="Icon akar-chevron-down-small" d="M0,0,9.76,8.631,19.52,0" transform="translate(0.706 20.226) rotate(-90)" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>');
	display: block;
	width: 9px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-10px);
}

.link-list__link:last-child { border-bottom: 0; }
.link-list__link:last-child::before { display: none; }

.link-list__link span {
	color: black;
	font-family: var(--fonts-heading);
	font-size: 1.4285714285714286rem;
	line-height: 1em;
	display: block;
}

/* Requirements */

.requirements {}
.requirements__nav { display: flex; align-items: center; gap: 1.125rem; margin: 0 0 1.75rem; }
.requirements__nav > h5 { margin: 0; }
.requirements__nav ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0;
	margin: 0;
	gap: .25rem;
}
.requirements__nav ul li {
	position: relative;
}

.requirements__nav ul li a {
	display: inline-block;
	border: 1px solid var(--colors-brand-green);
	background: white;
	color: var(--colors-brand-green);
	border-radius: 9999px;
	line-height: 30px;
	width: 32px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding: 0;
}

.requirements__nav ul li a.active {
	background: var(--colors-brand-green);
	color: white;
}

.requirement { display: flex; flex-direction: column; }
.requirement > h4 { margin-bottom: .25rem; }
.requirement > span { margin-bottom: .75rem; }
.requirement__box {
	background: #f4f4f4;
	margin: .5rem 0 2.45rem;
	padding: .75rem 1.25rem;
}

.requirement__row {
	border-bottom: 1px solid #d5d5d5;
	padding: .75rem 0;
}

.requirement__row:last-child { border-bottom: 0; }

.requirement__row--half {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	justify-content: space-between;
	gap: 1.5rem;
}

.requirement__field {
	display: grid;
	grid-template-columns: auto 1fr; /* Icon takes auto width, text takes remaining space */
	gap: 1rem; /* Adjust spacing */
	align-items: start; /* Align icon and title vertically */
}

.requirement__field i {
	font-size: 1.5em;
	margin-top: .25rem;
}

.requirement__values {
	display: flex;
	flex-direction: column; /* Stack title and description */
}

.requirement__values b {
	font-weight: 600;
}

.requirement__values p {
	margin-bottom: 0;
}

.requirement {
	display: none;
}

.requirements .requirement:first-child { display: block; }

.requirementsUpdate {
	display: none;
}

.requirementsUpdates .requirementsUpdate:first-child { display: block; }

/* Property Card Vertical */


.property-card-vertical {
	background: white;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.property-card-vertical__image {
	display: block;
	width: 100%;
	position: relative;
}

.property-card-vertical__image::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 67.52136752136752%
}
.property-card-vertical__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.property-card-vertical__content {
	flex: 1;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
}

.property-address {
	color: var(--colors-dark-gray);
	font-size: 1.2857142857142858rem;
	line-height: 1.25em;
	display: block;
	font-style: normal;
}

.property-address strong {
	display: block;
}

.property-price {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin: 2rem 0;
}

.property-price__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	margin-bottom: .25rem;
}

.property-price__top h5 {
	margin-top: 0;
	margin-bottom: .25em;
}

.property-price__price {
	font-family: var(--fonts-heading);
	font-size: 2rem;
	font-weight: 500;
	line-height: .8em;
}

.property-price__status {
	background: #fdf18a;
	color: var(--colors-dark-gray);
	position: relative;
	display: block;
	height: 24px;
	font-size: .875em;
	line-height: 24px;
	padding: 0 .35rem;
	text-transform: uppercase;
	transform: translateY(-15%);
}

.property-price__status::before {
	content: "";
	position: absolute;
	left: -12px; /* Position it to the left */
	top: 50%;
	transform: translateY(-50%);
	border-width: 12px 12px 12px 0; /* Creates a right-facing triangle */
	border-style: solid;
	border-color: transparent #fdf18a transparent transparent;
}

.property-card-vertical__content .btn {
	margin-top: auto;
	justify-self: center;
	align-self: flex-end;
}

/* Property Overview page */

.property-overview .panel-box { height: 100%; }

.property-overview-image {
	display: block;
	width: 100%;
	position: relative;
}

.property-overview-image::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 67.52136752136752%
}

.property-overview-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.property-overview__sale-progress {
	margin-top: 1.125rem;
}

.property-overview__sale-progress h5 {
	margin-top: 0;
	margin-bottom: .5rem;
}

.property-overview__buttons {
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
}

/* Progress Bars */

.progress-bar {
	background:#f4f4f4;
	-webkit-box-shadow:inset 0 2px 0 0 #ddd;
	box-shadow:inset 0 2px 0 0 #ddd;
	overflow:hidden
}

.progress-bar,
.progress-bar .bar {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	height:40px
}

.progress-bar .bar {
	background:#97bcb2;
	overflow:visible!important;
	position:relative;
	width:0
}

.progress-bar .bar p,
.progress-bar .bar span {
	font-weight:300
}

.progress-bar .bar p:not(.zero) {
	transform:translateY(-50%);
	transition:opacity .3s ease;
	color:#fff;
	display:block;
	font-size:32px;
	margin:0;
	pointer-events:none;
	position:absolute;
	right:30px;
	top:50%
}

.progress-bar .bar p:not(.zero) em {
	font-style:normal
}

.progress-bar .bar p.zero {
	color:#898989;
	font-size:12px;
	font-weight:400;
	left:7px;
	position:absolute;
	top:4px;
	white-space:nowrap
}

.progress-bar.sml .bar p {
	right:10px
}
.progress-bar.sml .bar.short p {
	left:calc(100% + 10px);
	right:inherit
}
@media screen and (min-width:900px) {
	.progress-bar:not(.sml),
	.progress-bar:not(.sml) .bar {
		height:54px
	}
}

/* Actions list */

.actions-list {
	width: 100%;
}
.actions-list td,
.actions-list th {
	border-bottom: 1px solid #f5f5f5;
	text-align: left;
	padding: 1rem .5rem;
}

.actions-list tr.multiple td { border-bottom: 0; padding-bottom: 0; }

.actions-list td:last-child,
.actions-list th:last-child {
	text-align: right;
}


/* status pills */

.status-pill {
	background: #c4c4c4;
	background-color: rgb(196, 196, 196);
	border-color: #c4c4c4;
	color: #2e2c32;
	text-align: center;
	font-size: 0.75rem;
	padding: .25rem 1rem;
	border-radius: 4px;
}

.status-pill.pending { background-color: #fdf18a; }
.status-pill.complete,
.status-pill.done
{ background-color: #a6ec8a; }

/* Offers list */

.offers-list {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.offers-list__item /* .offer */ {
	background: #f4f4f4;
	-webkit-box-shadow: 0 2px 0 #ddd;
	box-shadow: 0 2px 0 #ddd;
	padding: 1rem 1rem .75rem;
	display: flex;
	align-items: center;
}

.offers-list__item--active { background: white; }
.offers-list--clickable .offers-list__item { cursor: pointer; }

.offers-list__item p {
	font-weight: 300;
	color: #404041;
	margin: 0;
}

.offers-list__item p strong { font-weight: 600; }

.offers-list__item p.price {
	font-family: var(--fonts-heading);
	font-size: 1.5rem;
	line-height: 1em;
}

.offer i {
	display: block;
	height: 100%;
	pointer-events: none;
	position: relative;
	transform: translateY(-3px);
	width: 4em;
	z-index: 1;
	font-family: dash-icons !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.offer i::before { font-size: .875em; }

.offer.offer--accepted i { color: #97bcb2; }
.offer--accepted i::before { content: "\e918"; }

.offer.offer--rejected i { color: #d0021b; }
.offer--rejected i::before { content: "\E90F"; }

.offer.offer--pending i { color: #f5a623; }
.offer--pending i::before { content: "\E919"; }


.offer-responses { position: relative; }
.offer-responses .offers-list__response {
	display: none;
}

.offer-responses .offers-list__response.offers-list__response--active {
	display: block;
}

.offer-response__title {
	font-family: var(--fonts-heading);
	font-size: 1.25rem;
}

.offers-list__response form {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.offers-list__response label {
	font-weight: 600;
	margin-bottom: 0.6428571428571429rem;
}

.offers-list__response textarea {
	background: #FAFAFA;
	border: 1px solid #D5D5D5;
	border-radius: 3px;
	font-family: var(--fonts-default);
	font-size: 1em;
	padding: 0.6428571428571429rem 1.4285714285714286rem;
	width: 100%;
	min-height: 150px;
}

/* Viewing list */

.viewing-list {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.viewing-list__item {
	background: #f4f4f4;
	-webkit-box-shadow: 0 2px 0 #ddd;
	box-shadow: 0 2px 0 #ddd;
	padding: 1rem 1rem .75rem;
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.viewing-list__item p {  margin: 0 0 .25rem; }

.viewing-list__item .date {
	font-size: .875rem;
	font-weight: bold;
}

.viewing-list__item i {
	display: block;
	height: 100%;
	pointer-events: none;
	position: relative;
	transform: translateY(-3px);
	width: 2em;
	z-index: 1;
	font-family: dash-icons !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.viewing-list__item p.response {
	display: flex;
	align-items: center;
	margin-top: .5rem;
}

.viewing-list__item p.response i { transform: translateY(1px) }

.viewing-list__item i { color: #97bcb2; }
.viewing-list__item i::before { font-size: 1.25em; }
.viewing-list__item--pending i { color: #f5a623; }
.viewing-list__item--cancelled i { color: #d0021b; }

/* Viewings FEedback Chart */

.feedback-bars {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.feedback-bar {
	position: relative;
	width: 100%;
	height: 30px; /* Adjust as needed */
	background-color: #e0e0e0; /* Light grey background */
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 10px;
}

.feedback-bar__bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #97bcb2; /* Green color for feedback */
	width: 0%;
	transition: width 1s ease-in-out;
}

.feedback-bar__bar .number {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
	font-size: 14px; /* Adjust size as needed */
}

/* Chain */
.chain-progress {
	padding-left:0
}
.chain-progress h5 {
	color: #555555;
	font-size:1.25em;
	margin: 0 0 .25rem;
	padding-bottom:.3em;
	text-transform:none
}
.chain-item.active h5 { color: white; }
.chain-progress ul {
	position:relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.chain-progress .item-wrapper {
	background: #f4f4f4;
	margin-bottom:1em;
	padding:1em 1.5em 1em 1em;
	position:relative;
	box-shadow: 0 2px 0 #ddd;
}
.chain-progress .icon-wrapper {
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	display:none;
	position:absolute;
	left:-85px;
	top:50%;
	width: 100px;
}
.chain-progress .icon-wrapper .panel.online p:before,
.chain-progress .icon-wrapper .panel.viewing-list ul li p.comment:before,
.chain-progress .icon-wrapper form .form-row p.message:before,
.chain-progress .icon-wrapper form label:before,
.chain-progress .icon-wrapper i,
.panel.online .chain-progress .icon-wrapper p:before,
.panel.viewing-list ul li .chain-progress .icon-wrapper p.comment:before,
form .chain-progress .icon-wrapper label:before,
form .form-row .chain-progress .icon-wrapper p.message:before {
	border-radius:24px;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	-ms-border-radius:24px;
	-o-border-radius:24px;
	background-color:#fff;
	border:2px solid #898989;
	color:#898989;
	display:block;
	height:48px;
	line-height:44px;
	/*margin-left:26px;*/
	text-align:center;
	width:48px
}
.chain-progress .icon-wrapper .panel.online p:before,
.chain-progress .icon-wrapper .panel.viewing-list ul li p.comment:before,
.chain-progress .icon-wrapper form .form-row p.message:before,
.chain-progress .icon-wrapper form label:before,
.chain-progress .icon-wrapper i:before,
.panel.online .chain-progress .icon-wrapper p:before,
.panel.viewing-list ul li .chain-progress .icon-wrapper p.comment:before,
form .chain-progress .icon-wrapper label:before,
form .form-row .chain-progress .icon-wrapper p.message:before {
	font-size:1.25em;
	margin-left:1px
}
.chain-progress .icon-wrapper.purchase .panel.online p:before,
.chain-progress .icon-wrapper.purchase .panel.viewing-list ul li p.comment:before,
.chain-progress .icon-wrapper.purchase form .form-row p.message:before,
.chain-progress .icon-wrapper.purchase form label:before,
.chain-progress .icon-wrapper.purchase i:before,
.panel.online .chain-progress .icon-wrapper.purchase p:before,
.panel.viewing-list ul li .chain-progress .icon-wrapper.purchase p.comment:before,
form .chain-progress .icon-wrapper.purchase label:before,
form .form-row .chain-progress .icon-wrapper.purchase p.message:before {
	content:"\E903"
}
.chain-progress .icon-wrapper.sale .panel.online p:before,
.chain-progress .icon-wrapper.sale .panel.viewing-list ul li p.comment:before,
.chain-progress .icon-wrapper.sale form .form-row p.message:before,
.chain-progress .icon-wrapper.sale form label:before,
.chain-progress .icon-wrapper.sale i:before,
.panel.online .chain-progress .icon-wrapper.sale p:before,
.panel.viewing-list ul li .chain-progress .icon-wrapper.sale p.comment:before,
form .chain-progress .icon-wrapper.sale label:before,
form .form-row .chain-progress .icon-wrapper.sale p.message:before {
	content:"\E913"
}
@media screen and (min-width:600px) {
	.chain-progress .icon-wrapper {
		display:block
	}
}
.chain-progress .chain-item {
	padding-left:1.1em
}
.chain-progress .chain-item:last-child .item-wrapper {
	margin-bottom:0
}
.chain-progress .chain-item.active .item-wrapper {
	background:#97bcb2
}
.chain-progress .chain-item.active .item-wrapper h3,
.chain-progress .chain-item.active .item-wrapper p {
	color:#fff
}
.chain-progress .chain-item.active .item-wrapper .icon-wrapper {
	transform:translateY(-52%) scale(1.2) translateX(5px);
}
.chain-progress .chain-item.active .item-wrapper .icon-wrapper .panel.online p:before,
.chain-progress .chain-item.active .item-wrapper .icon-wrapper .panel.viewing-list ul li p.comment:before,
.chain-progress .chain-item.active .item-wrapper .icon-wrapper form .form-row p.message:before,
.chain-progress .chain-item.active .item-wrapper .icon-wrapper form label:before,
.chain-progress .chain-item.active .item-wrapper .icon-wrapper i,
.panel.online .chain-progress .chain-item.active .item-wrapper .icon-wrapper p:before,
.panel.viewing-list ul li .chain-progress .chain-item.active .item-wrapper .icon-wrapper p.comment:before,
form .chain-progress .chain-item.active .item-wrapper .icon-wrapper label:before,
form .form-row .chain-progress .chain-item.active .item-wrapper .icon-wrapper p.message:before {
	background-color:#97bcb2;
	border-color:#97bcb2;
	color:#fff
}
.chain-progress .chain-item.active .item-wrapper .icon-wrapper .panel.online p:before,
.chain-progress .chain-item.active .item-wrapper .icon-wrapper .panel.viewing-list ul li p.comment:before,
.chain-progress .chain-item.active .item-wrapper .icon-wrapper form .form-row p.message:before,
.chain-progress .chain-item.active .item-wrapper .icon-wrapper form label:before,
.chain-progress .chain-item.active .item-wrapper .icon-wrapper i:before,
.panel.online .chain-progress .chain-item.active .item-wrapper .icon-wrapper p:before,
.panel.viewing-list ul li .chain-progress .chain-item.active .item-wrapper .icon-wrapper p.comment:before,
form .chain-progress .chain-item.active .item-wrapper .icon-wrapper label:before,
form .form-row .chain-progress .chain-item.active .item-wrapper .icon-wrapper p.message:before {
	margin-left:0
}
.chain-progress .chain-item.active .item-wrapper .progress-bar p {
	color:#fff
}
.chain-progress .chain-item.active .progress-bar {
	-webkit-box-shadow:inset 0 2px 0 0 #f0f0f0;
	box-shadow:inset 0 2px 0 0 #f0f0f0
}
.chain-progress .chain-item.active .progress-bar .bar {
	background:#005030
}
.chain-progress .chain-item.bottom,
.chain-progress .chain-item.top {
	position:relative
}
.chain-progress .chain-item.bottom:after,
.chain-progress .chain-item.top:after {
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	background:#898989;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	color:#fff;
	display:block;
	font-size:11px;
	font-weight:600;
	height:19px;
	left:-1.5rem;
	letter-spacing:.5px;
	padding:1px 0 0;
	position:absolute;
	text-align:center;
	top:2.25rem;
	width:64px;
	z-index:1
}
@media screen and (min-width:600px) {
	.chain-progress .chain-item.bottom:after,
	.chain-progress .chain-item.top:after {
		left:3.7rem;
		line-height: 1.25;
	}

	.chain-progress ul::before {
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		background: #898989;
		content: "";
		display: block;
		height: 85%;
		height: calc(100% - 90px);
		left: 38px;
		pointer-events: none;
		position: absolute;
		top: 50%;
		width: 2px;
	}

}
.chain-progress .chain-item.top:after {
	content:"Top"
}
.chain-progress .chain-item.bottom:after {
	content:"Bottom"
}
@media screen and (min-width:600px) {
	.chain-progress .chain-item {
		padding-left:100px
	}
}
.chain-progress .progress-bar {
	height:24px;
	background:#fff;
	overflow:visible;
	position:relative
}
.chain-progress .progress-bar .bar {
	height:24px
}
@media (min-width:1100px),screen and (min-width:600px) and (max-width:900px) {
	.chain-progress .progress-bar .bar {
		position:static
	}
}
.chain-progress .progress-bar .bar p:not(.zero),
.chain-progress .progress-bar .bar span {
	font-weight:600
}
.chain-progress .progress-bar .bar p:not(.zero) {
	font-size:1em;
	right:10px
}
.chain-progress .progress-bar .bar p:not(.zero) em {
	display:none
}
@media (min-width:1100px),screen and (min-width:600px) and (max-width:900px) {
	.chain-progress .progress-bar .bar p:not(.zero) {
		transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		color:#404041;
		left:inherit;
		right:0;
		top:-32px
	}
	.chain-progress .progress-bar .bar p:not(.zero) em {
		display:inline-block
	}
}
.chain-progress ul li {
	display:block
}

.chain-progress .panel-item {
	border-radius: 4px;
}



/* Viewing List Large */

.viewing-list-large { display: flex; flex-direction: column; gap: .75rem; }
.viewing-list-large--maxHeight { max-height: 650px; overflow-y: scroll; }

.viewing-list-large__item {
	background: #f4f4f4;
	-webkit-box-shadow: 0 2px 0 #ddd;
	box-shadow: 0 2px 0 #ddd;
	padding: 1rem 1rem .75rem;
	display: flex;
	align-items: center;
	gap: 1.5rem;
	position: relative;
}

.viewing-list-large__status {
	position: absolute;
	top: .75rem;
	left: .75rem;
	width: 20px;
	height: 20px;
}

.viewing-list-large__status--pending i { color: #f5a623; }
.viewing-list-large__status--confirmed i { color: #005030; }

.viewing-list-large__status i. {}

.viewing-list-large__date-time {
	text-align: center;
	display: flex;
	flex-direction: column;
}
.viewing-list-large__date-time hr { border: 0; border-top: 1px solid #555555; max-width: 30px; width: 100%; }
.viewing-list-large__date-time p {margin: 0; display: inline-block; }
.viewing-list-large__date-time .date_num {
	color: var(--colors-brand-green);
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: .275rem;
}
.viewing-list-large__date-time .date_month { text-transform: uppercase; }
.viewing-list-large__date-time .date_time {

}

.viewing-list-large__property {
	display: flex;
	flex: 1 1 auto;
	gap: .75rem;
}

.viewing-property-image {
	position: relative;
	min-width: 150px;
}

.viewing-property-image::before {
	content: "";
	display: block;
	padding-top: 66.4285%;
}

.viewing-property-image img {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover;
}

.viewing-property-price {
	font-family: var(--fonts-heading);
	font-size: 1.25rem;
}

.viewing-list-large__buttons { margin-left: auto; align-self: flex-end;
display: flex; flex-direction: column;
	gap: .75rem;
}
.viewing-list-large__item .btn { font-size: .75rem; text-align: center; }

/* Key */

.key__list {
	flex-wrap:wrap;
	flex-wrap:nowrap;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
}
.key__list,
.key__list__item {
	align-content:flex-start;
	display:flex
}
.key__list__item {
	flex-wrap:wrap;
	align-items:center;
}
.key__list__item span {
	font-size:12px;
	font-weight:600;
	padding-left:.4rem
}

.key__list__item--confirmed i {
	color:#005030;
	font-size:1.05em
}

.key__list__item--cancelled i {
	color:#d0021b;
	font-size:1.1em
}

.key__list__item--pending i {
	color:#f5a623;
	font-size:.95em
}

.key__list__item:not(:first-child) {
	margin-left:1.5rem
}

/* Property list */

.property-list {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.property-list__item {
	background: #f4f4f4;
	-webkit-box-shadow: 0 2px 0 #ddd;
	box-shadow: 0 2px 0 #ddd;
	padding: 1rem 1rem .75rem;
	display: flex;
	align-items: stretch;
	gap: 1.5rem;
	position: relative;
}

.property-list-image {
	position: relative;
	min-width: 150px;
}

.property-list-image::before {
	content: "";
	display: block;
	padding-top: 66.4285%;
}

.property-list-image img {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover;
}


.property-list-details {
	flex: 1;
	min-height: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas:
    "address address address favourite"
    "price price price button";
}

.property-list-details__address { grid-area: address; }
.property-list-details__favourite {
	grid-area: favourite; text-align: right;
	display: flex;
	align-items: flex-start; justify-content: flex-end
}
.property-list-details__price { grid-area: price; }
.property-list-details__button { grid-area: button; text-align: right; display: flex;
	align-items: flex-end; justify-content: flex-end }
.property-list-details__button .btn { font-size: 0.75rem; }

.property-list-details__address {}

.property-list-details__price {
	display: flex;
	align-items: flex-end;
	font-family: var(--fonts-heading);
	font-size: 1.25rem;
}

.property-list-details__favourite a.simplefavorite-button.preset {
	background: none;
	padding: 0;
}

.property-list-details__favourite a.simplefavorite-button.preset {
	border-radius: 0;
	border: 0;
	width: 27px;
	height: 25px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.property-list-details__favourite a.simplefavorite-button.preset .sf-icon-love {
	width: 27px;
	height: 25px;
	position: relative;
	left: 0;
}
.property-list-details__favourite a.simplefavorite-button.preset .sf-icon-love::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0.019 0 26.742 24.1253" width="26.742px" height="24.1253px"><defs><style>.a{fill:%23555;}</style></defs><path class="a" d="M9.065,3.25c2.63,0,4.848,1.778,6.065,3.006C16.348,5.028,18.566,3.25,21.2,3.25A7.293,7.293,0,0,1,28.511,10.5a14.061,14.061,0,0,1-2,6.947c-1.992,3.456-5.391,6.677-10.1,9.572l0,0a2.445,2.445,0,0,1-2.542,0l0,0c-4.71-2.9-8.109-6.116-10.1-9.572a14.061,14.061,0,0,1-2-6.947A7.293,7.293,0,0,1,9.065,3.25ZM15.13,9.389a1.25,1.25,0,0,1-1-.5c-.022-.029-2.392-3.137-5.063-3.137A4.791,4.791,0,0,0,4.25,10.5c0,2.865,1.414,8.538,10.88,14.369,9.466-5.831,10.88-11.5,10.88-14.369A4.791,4.791,0,0,0,21.2,5.75c-2.648,0-5.04,3.105-5.063,3.137A1.25,1.25,0,0,1,15.13,9.389Z" transform="matrix(1, 0, 0, 1, -1.75, -3.25)" id="object-0"/></svg>');
}

.property-list-details__favouriteproperty-card__favourite a:hover,
.property-list-details__favourite a.simplefavorite-button.preset.active::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0.019 0 26.742 24.1253" width="26.742px" height="24.1253px"><defs><style>.a{fill:%23555;}</style></defs><path class="a" d="M 9.065 3.25 C 11.695 3.25 13.913 5.028 15.13 6.256 C 16.348 5.028 18.566 3.25 21.2 3.25 C 25.218 3.24 28.487 6.482 28.511 10.5 C 28.461 12.95 27.772 15.345 26.511 17.447 C 24.519 20.903 21.12 24.124 16.411 27.019 C 15.63 27.494 14.65 27.494 13.869 27.019 C 9.159 24.119 5.76 20.903 3.769 17.447 C 2.508 15.345 1.819 12.95 1.769 10.5 C 1.793 6.488 5.053 3.248 9.065 3.25 Z" transform="matrix(1, 0, 0, 1, -1.75, -3.25)" id="object-0"/></svg>');
}


/* account details */

.account-details {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-top: 2rem;
}
.account-details__row {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem .75rem;
}
.account-details__field {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: .75rem;
	flex: 1 0 100%;
}

.account-details__field--address {
	align-items: start;
}

.account-details__icon {
	background: #97bcb2;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5rem;
	border-radius: 999px;
}

.account-details__icon i { font-size: 1.25rem; }
.account-details__text {
	display: flex;
	flex-direction: column;
	gap: .25rem;
}

.account-details__text p {
	font-size: 1.25rem;
	letter-spacing: 1px;
	margin: 0;
}

.account-details__field--address p {
	line-height: 1.25em;
}

.account-marketing-consent {
	border-top: 1px solid #f5f5f5;
	margin-top: 2rem;
	padding-top: 2rem;
	margin-bottom: 1rem;
}

.account-marketing-consent strong { display: block; }

.account-marketing-consent .toggle {
	margin-top: 1rem;
}

.account-marketing-consent input {
	height:0;
	opacity:0;
	outline:0;
	position:absolute;
	width:0
}
.account-marketing-consent input+label {
	color:#898989;
	display:block;
	font-size:.75em;
	font-weight:300;
	outline:0;
	padding-left:3rem;
	position:relative
}
.account-marketing-consent input+label:after,
.account-marketing-consent input+label:before {
	content:"";
	display:block;
	left:0;
	position:absolute;
	top:0
}
.account-marketing-consent input+label:before {
	background-color:#e0e0e0;
	border-radius:9px;
	height:18px;
	-webkit-transition:background-color .25s ease .05s;
	transition:background-color .25s ease .05s;
	width:38px;
	z-index:1
}
.account-marketing-consent input+label:after {
	background:#fff;
	border:1px solid hsla(0,0%,54%,.75);
	border-radius:50%;
	height:20px;
	-webkit-transform:translate3d(-1px,-1px,0);
	transform:translate3d(-1px,-1px,0);
	-webkit-transition:-webkit-transform .25s ease;
	transition:-webkit-transform .25s ease;
	transition:transform .25s ease;
	transition:transform .25s ease,-webkit-transform .25s ease;
	width:20px;
	z-index:2
}
.account-marketing-consent input:checked+label:before {
	background-color:#97bcb2
}
.account-marketing-consent input:checked+label:after {
	-webkit-transform:translate3d(19px,-1px,0);
	transform:translate3d(19px,-1px,0)
}



@media all and (min-width: 500px) {
	.account-details__field {
		flex: 1;
	}
}

/* Documents */

.documents-list {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}
.documents-list__item {}

.document-item {
	background: #f4f4f4;
	-webkit-box-shadow: 0 2px 0 #ddd;
	box-shadow: 0 2px 0 #ddd;
	padding: .75rem 1rem .75rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1.5rem;
	position: relative;
	border-radius: 4px;
}

.document-item--highlighted {
	background: rgba(151,188,178,.31);
}

.document-item__icon {
	font-size: 1.5rem;
}

.document-item__name { font-weight: 400; margin: 0; line-height: 1; }
.document-item__name a { text-decoration: none; }
.document-item__name a:hover { text-decoration: underline; }

.document-item__buttons {
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: .75rem;
}

.document-item__buttons .denyReason {
	flex-basis: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .75rem;
}

.document-item__buttons .denyReason textarea {
	background: #FAFAFA;
	border: 1px solid #D5D5D5;
	border-radius: 3px;
	font-family: var(--fonts-default);
	font-size: 1em;
	padding: 0.6428571428571429rem 1.4285714285714286rem;
	width: 100%;
	min-height: 150px;
}

/* Marketing Reports */

.marketing-report__form {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .65rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid #c6c6c6;
	max-width: 500px;
	margin: 0 auto 3rem;
}

.marketing-report__dateRangeLabel {
	font-weight: 600;
	font-size: 1rem;
}

.marketing-report__dateRange {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.marketing-report__dateRangeLinks {
	display: flex;
	gap: .5rem;
	align-items: center;
}

.marketing-report__numberStat {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: .5rem 1rem .75rem;
	border: 1px solid #6c6c6c;
	color: #6c6c6c;
	text-align: center;
	justify-content: center;
	align-items: center;
	min-width: 250px;
}

.marketing-report__numberStat span {
	color: black;
	font-weight: 600;
	font-size: 2rem;
}

.marketing-report__table tbody td {
	font-size: 14px;
}

table.marketing-report__table.dataTable > thead > tr > th,
table.marketing-report__table.dataTable > thead > tr > td,
.marketing-report__table thead th {
	background: #6E96A3;
	font-size: 16px;
	color: white;
	padding: 5px 10px;
}

.marketing-report__report .grid-row > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.marketing-report__graph {
	padding: 0 1rem;
	width: 100%;
}

.marketing-report__graph--pie {
	max-width: 350px;
}