/* put your own styles to customize and override the theme */
.packageAnchor {
	display: block;
	position: relative;
	top: -60px;
	visibility: hidden;
}
.f-r {
	float: right;
}
.text-align-center {
	text-align: center;
}
@media (min-width: 768px) {
	.top-bar-brand {
		display: inline-block;
	}
}
.hamburger {
	display: inline-block;
}
.app.has-compact-menu .f-r {
	float:none;
}
.sortcodeSeperator {
    text-align: center;
    max-width: 13% !important;
    flex: 10% !important;
}
.servicesSortcodeSeperator {
    text-align: center;
    max-width: 4% !important;
    flex: 10% !important;
}
.sortcodeSeperator .fas, .servicesSortcodeSeperator .fas {
	vertical-align: bottom;
}
.input-group:not(.input-group-alt).is-invalid {
    margin: 0 !important;
	border-width: 2px;
}
.form-control:not(#searchList .form-control) {
    min-height: 50px;
}
.form-control, .custom-select {
	font-size: 1rem;
}
select.income-select {
	height:52px;
}
#add_otherincome, #remove_otherincome {
	height: 50px;
}
.w-10 {
	width:10%;
}
.w-12 {
	width:12%;
}
.w-85 {
	width:85%;
}
.w-90 {
	width:90%;
}
.fs-85 {
	font-size: 85%;
}
.fs-100 {
	font-size: 100%;
}
.bw-2 {
	border-width: 2px;
}
.vertical-align-middle {
	vertical-align: middle !important;
}
.text-decoration-none {
	text-decoration: none !important;
}
.form-title {
	width:30%;
}
.form-firstname {
	width:70%;
}
.applicantPropertyDetailsContainer, .servicePropertyDetailsContainer {
	float:right;
	margin-left: 20px;
}
.applicantPropertyDetails, .servicePropertyDetails {
	position: absolute;
	margin-left: 2vw;
	width: 31%;
	max-width: 31%;
}
.applicantPropertyDetails {
	top: 44vh;
}
@media (max-width: 1800px) {
	.applicantPropertyDetails {
		top: 40vh;
	}
}
@media (max-width: 1600px) {
	.applicantPropertyDetails {
		top: 32vh;
	}
}
.servicePropertyDetails {
	top: 48vh;
}
@media (max-width: 1200px) {
	.applicantPropertyDetailsContainer {
		float: none;
		margin: 0;
	}
	.applicantPropertyDetails {
		top: auto;
		position: inherit;
		margin:0 0 10px 0;
		width: 100%;
		max-width: 100%;
	}
}
.tlyfeContainer {
	border: 10px solid;
	border-image-slice: 1;
	border-width: 5px;
	border-image-source: linear-gradient(to left, #A6D1A3,#90CAC9);
}
.cursor-p {
	cursor: pointer;
}
.cursor-h {
	cursor: help;
}
.spanLink {
	color:#346cb0;
	cursor:pointer;
}
.spanLink:hover {
	text-decoration: underline;
}
div.rentAssuranceDocumentsFull { width:100%; }

div.rentAssuranceDocumentsFull a.document { display: inline-block;width:49%;text-align:center; }
.activityLog {
	min-height:80vh;
}
.topNavigationIcon {
	color: white;
    font-size: 8px;
    text-align: center;
    line-height: 14px !important;
}

.input-group-append .form-label-group button {
    height: calc(1.8em + 1.2rem + 2px);
}
.form-appended-field {
	width:96%;
}
.col-md-6 .form-appended-field {
	width:92%;
}
.form-appended-button {
	width:4%;
}
.col-md-6 .form-appended-button {
	width:8%;
}
#applicantSection, #clientSection {
	position:relative;
}
.currencyField:not(.placeholder-shown), .form-control-group:not(.placeholder-shown) {
	padding-top: 1.25rem !important;
    padding-bottom: 0.25rem !important;
    height: auto !important;
}

.clientIDText {
	font-size: 16px;
}
.has-compact-menu .clientIDText {
	display:none;
	font-size: 0;
}
.clientIDLabel {
	font-size: 16px;
}
.has-compact-menu .clientIDLabel {
	font-size: inherit;
}
.has-compact-menu .list-inline-item:not(:last-child) {
	margin:0;
}

@media (max-width: 540px) {
	.form-title {
		width:100%;
	}
	.form-firstname {
		width:100%;
	}
	div.rentAssuranceDocumentsFull a.document { width:100%; }
	
}
.visual-picker-figure-checked {
	box-shadow: inset 0 0 0 2px #346cb0, 0 0 0 1px rgba(20, 20, 31, .05), 0 1px 3px 0 rgba(20, 20, 31, .15);
}
.visual-picker-figure-checked .fa-check-circle {
	position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    color: #346cb0;
    font-size: 1rem;
}
.hometelecom {
	position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
	background-color: #E7E7E8;
}
.bg-hometelecom {
	background-color: #E17969 !important;
}
.tile.bg-hometelecom {
    color: #FFFFFF;
}
.mymoveinbills {
	position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
	background-color: #B7E1E3;
}
.productSelected:after {
    font-family: Font Awesome\ 5 Free;
    content: "\f058";
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 1rem;
    font-variant: normal;
    color: #346cb0;
    text-rendering: auto;
    line-height: 1;
    opacity: 1;
    transition: opacity .2s;
}
.steps a {
	padding: 5px .5rem 6px 1.5rem;
}
.summarySection {
	width: 49%;
	flex:0 0 49%;
}
.rentCollectSummarySection {
	width: 32%;
	flex:0 0 32%;
}
@media (max-width: 1500px) {
	.summarySection {
		width: 48%;
		flex:0 0 48%;
	}
}
@media (max-width: 900px) {
	.summarySection, .rentCollectSummarySection {
		width: 100%;
		flex: auto;
	}
}
@media (max-width: 540px) {
	.steps a {
		padding: 5px .2rem 6px 1.2rem;
	}
}
.bg-grey {
	background-color: #dde0e7;
}
.app-header .btn-account .account-summary {
    max-width: fit-content;
}
.servicesSideBar {
	background: #fff;
	position: fixed;
	overflow-y: scroll;
	width: 21%;
	top: 4rem;
	overflow-x: hidden;
	bottom: 0;
}
.referenceHistorySideBar {
	background: #fff;
	position: fixed;
	overflow-y: scroll;
	top: 2.5rem;
	overflow-x: hidden;
	bottom: 0;
	margin-top: 1.5rem;
}
@media (max-width: 991px) {
	.referenceHistorySideBar {
		position: inherit;
		top:auto;
		bottom:auto;
		margin-top:0;
	}
}
.stacked-menu .menu-link {
	font-size: 1rem;
}
.top-bar-searchby {
	height: 100%;
	max-width: 165px;
	background-color: transparent !important;
	border: none;
	color: hsla(0, 0%, 100%, .8);
	appearance: none;
	background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='hsla(0, 0%, 100%, .8)' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/></svg>");
	background-repeat: no-repeat;
	background-position: right top 50%;
	background-size: 0.65rem auto;
	outline: none;
}
.top-bar-searchby:focus {
	outline: none;
}
.app-header-dark .top-bar-search .input-group-search {
    background-color: hsla(0, 0%, 100%, .25);
	width: auto;
}
.row-white:hover, .row-light:hover {
	background-color: #dde0e7 !important;
}
.mt-7 {
	margin-top: 7rem !important;
}
.pt-7 {
	padding-top: 7rem !important;
}
body {
	font-size: 1.4rem;
}
.list-group-item-body, .btn {
	font-size: 1rem;
}
.dropdown-menu-modal.show {
	box-shadow: 0 0 0 max(100vh, 100vw) rgba(0, 0, 0, .3);
}
.row-light {
	background-color:#f6f7f9 !important;
}
.row-white {
	background-color:#fff !important;
}
.row-light:hover, .row-white:hover {
    background-color: #dde0e7 !important;
	color: black;
}
.progressResult {
	position: relative;
	display:block;
	height: 100%;
	width: 100%;
}
.progressResultpending::after {
	background-image:url(/images/hourglass.svg);
}
.progressResultcross::after {
	background-image:url(/assets/images/decoration/close.svg);
}
.progressResulttick::after {
	background-image:url(/assets/images/decoration/check.svg);
}
.progressResult::after {
	content: "";
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 50%;
	background-origin: content-box;
    opacity: 0.4;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
	padding:16px;
}
#handlerEmailSection .form-actions {
	display:block;
	width:100%;
	text-align: right;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding-top: 8px;
}
.select2-container .select2-selection--multiple {
	min-height: 50px;
}
#servicesList .btn-link {
	font-size:.875rem;
}
@media (max-width: 1700px) {
	.servicesSideBar {
		width: 20%;
	}
}
@media (max-width: 1500px) {
	.form-appended-field {
		width:88%;
	}
	.form-appended-button {
		width:12%;
	}
}
@media (max-width: 1350px) {
	.form-appended-field {
		width:84%;
	}
	.form-appended-button {
		width:16%;
	}
}
@media (max-width: 1199px) {
	.servicesSideBar {
		width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 10px;
		padding-bottom: 5px;
	}
	.activityLog {
		min-height:auto;
	}
	.app-header-dark .top-bar-search .input-group-search {
		width: 50%;
	}
}

@media (max-width: 800px) {
	.form-appended-field {
		width:75%;
	}
	.form-appended-button {
		width:25%;
	}
}
@media (min-width: 1400px) {
    .navigationIcons {
        display: inline !important;
    }
}
#enterForm .input-group-append .btn {
	min-height: 50px;
	min-width: 50px;
}
.table .odd {
	background-color: #f6f7f9 !important;
}
.table .even {
	background-color: #fff !important;
}

.referenceTypes .visual-picker {
    max-width: 33%;
}

.referenceServices .visual-picker {
    max-width: 33%;
}

@media (max-width: 1400px) {

    .referenceTypes .visual-picker,
    .referenceServices .visual-picker {
        max-width: 49% !important;
    }
}

@media (max-width: 540px) {

    .referenceTypes .visual-picker,
    .referenceServices .visual-picker {
        max-width: 100% !important;
    }
}

.form-group .form-label-group-append-full {
	width:100% !important;
}
.applicantMobile.form-label-group-append-full {
	width:75% !important;
}
.form-row > [class*=col-] .form-label-group-append, .form-group .form-label-group-append-double {
	width:88%;
}
#otherIncomeDetails .form-group .form-label-group-append-double {
	width:85%;
}
#otherIncomeDetails .form-group .input-label-group-append-double {
	width: 15%;
}
.form-row > [class*=col-] .input-label-group-append, .form-group .input-label-group-append-double {
	width:12%;
}
.form-group .form-label-group-append.applicantMobile {
	width:70%;
}
.mobileCode {
	width:25%;
}
.form-group .form-label-group-append {
	width:95%;
}
.form-group .input-label-group-append {
	width:5%;
}
@media (max-width: 1600px) {
	.form-row > [class*=col-] .form-label-group-append, .form-group .form-label-group-append-double {
		width:75%;
	}
	.form-row > [class*=col-] .input-label-group-append, .form-group .input-label-group-append-double {
		width:25%;
	}
	.form-group .form-label-group-append {
		width:90%;
	}
	.form-group .input-label-group-append {
		width:10%;
	}
	.form-group .form-label-group-append.applicantMobile {
		width:65%;
	}
}
@media (max-width: 1400px) {
	.mobileCode {
		width:35%;
	}
	.form-group .form-label-group-append.applicantMobile {
		width:55%;
	}
	.applicantMobile.form-label-group-append-full {
		width: 65% !important;
	}
}
@media (max-width: 900px) {
	.mobileCode {
		width:40%;
	}
	.form-group .form-label-group-append.applicantMobile {
		width:50%;
	}
	.applicantMobile.form-label-group-append-full {
		width: 60% !important;
	}
}
@media (max-width: 768px) {
	.form-group .form-label-group-append, .form-group .form-label-group-append-double {
		width:80% !important;
	}
	.form-group .input-label-group-append, .form-group .input-label-group-append-double {
		width:20% !important;
	}
	.mobileCode {
		width:100%;
	}
	.form-group .form-label-group-append.applicantMobile {
		width:80%;
	}
	.applicantMobile.form-label-group-append-full {
		width: 100% !important;
	}
}
@media (max-width: 500px) {
	.form-row > [class*=col-] .form-label-group-append, .form-group .form-label-group-append, .form-group .form-label-group-append-double {
		width:70%;
	}
	.form-row > [class*=col-] .input-label-group-append, .form-group .input-label-group-append, .form-group .input-label-group-append-double {
		width:30%;
	}
	.form-group .form-label-group-append-double {
		width:65%;
	}
	.form-group .input-label-group-append-double {
		width:35%;
	}
	.form-group .form-label-group-append.applicantMobile {
		width:70%;
	}
}
@media (max-width: 350px) {
	#otherIncomeDetails .form-group .form-label-group-append-double {
		width:82%;
	}
}
@media (min-width: 768px) {
	.invalid-feedback {
		font-size: 85%;
	}
}
.logImage {
	right: 100px;
	font-size: 18rem;
	bottom: 0;
	opacity: 0.3;
}
@media (max-width: 575px) {
	.logImage {
		right: 0;
		font-size: 15rem;
	}
}
.select2 span.selection::after {
	font-family: Font Awesome\ 5 Free;
	content: "\f0dd";
	position: absolute;
	top: 0;
	right: 1rem;
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 1.8rem;
	font-variant: normal;
	color: #888C9B;
}
.serviceImages {
	max-height: 200px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}
.nav-link {
	font-size: 1rem;
}
@media (max-width: 992px) {
	.nav-link {
		font-size: 1.4rem;
	}
	.list-group-item-body, .btn {
		font-size: 1.4rem;
		height: auto;
	}
}
.sticker-background {
	width:635px;
	background:rgba(34,34,48,.12);
	height:50px;
}
@media (max-width: 992px) {
	.sticker-background {
		width: 510px;
		height: 70px;
	}
}
@media (max-width: 768px) {
	.sticker-middle-left {
		top: 35%;
	}
}
@media (max-width: 576px) {
	.sticker-background {
		display:none;
	}
}
.btn.btn-lg {
	font-size: 1.2rem;
	height: auto;
}
.carousel-control-next, .carousel-control-prev {
	filter: invert(100%);
	width: 5%;
}
.carousel-indicators {
	filter: invert(100%);
}
.loginForm {
	min-width: 250px;
}
.form-label-group>label {
	line-height: 1.2;
}
.mainHeader {
	font-size: 3.8rem;
}
.has-sidebar-open .page-sidebar {
	top:0;
}
@media (max-width: 992px) {
    .navbar-collapse {
        position: fixed;
        top: 84px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
    }

    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
}
.homeProductIcons {
	max-height: 100px;
	max-width: 250px;
}