@import "compass";
@import "mixins";

$font-color:#555;
$white-color:#FFF;
$primary-color:#BCCC2B;
$secondary-color: #333;
$third-color: #222;
$primary-bg-color:#f2f4f4;
$navigation-selected-border-color:#1a1a1a;
$btn-color: #f9a629;
$btn-hover-color: #f4831f;
$tooltip-color: #4f6573;
$error: #990000;
$primary-hover-color: #d8d8d8;

#upload-document{
	.control-group{
		select{
			width: 100%;
		}
	}
}

.chrome{
	.popup-form{
		.checkbox input[type="checkbox"]{
			margin-top: 3px !important;
		}
	}
}

.popup-form{
	form{
		margin:0px;
		
		.control-group{
			margin-bottom:10px;
			height:70px;
		}
		
		.input-checkbox-wrapper{
			height: 40px;
		}
		
		.input-checkbox-wrapper.error{
			.required{
				display:none;
			}
		}
		
		label{
			margin-bottom:0px;
			font-size: 15px;
			
			.taglib-icon-help img{
				margin-top:-10px;
				margin-left:5px;
			}
		}
		
		label.checkbox{
			margin-top:27px;
		}
		
		.checkbox input[type="checkbox"]{
			margin-right: 5px !important;
			margin-top: 0px;
		}
		
		input, select{
			width: 95%;
			font-size: 14px !important;
			margin-bottom: 5px !important;
			padding-top:7px !important;
			border-radius: 4px !important;
		}
		
		textarea{
			width:92%;
		}
		
		.help-inline{
			padding-left:0px;
		}
		
		.button-holder{
			margin: 10px 0;
		}
	}
}

.aui img.smartphoto-img{
	max-width: none !important;
}

.aui{
	#wrapper{
		#content{
			#chart-and-payment-component{
				margin-bottom: 20px;
				
				.payment-to-reserve{
					#payment-form{
						#amount{
							width: 90%;
							margin-top: 10px;
						}
				
						.btn .btn-primary{
							margin-top:10px;
							width: 100%;
						}
					}
				}
			}
			
			#landlord{
				margin-top: 25px;
				
				#fault-details{
					
					.back{
						float: left;
    					margin-top: 18px;
    					margin-right: 10px;
					}
					
					.fieldset-legend{
						.back{
	    					margin-top: 7px;
						}
					}
					
					.heading{
						float: left;
					}
					
					#fault-notifications{
						background-color:#f2f4f4;
						text-align: center;
						padding: 10px;
						
						.note-text{
							padding:10px;
							margin-top:20px;
						}
						
						.button-holder .true{
							opacity: 1 !important;
						}
						
						.true .far{
							color:white;
							font-size: 18px;
						}
						
						p.no-data{
							background-color: none !important;
							margin: 0;
						}
						
					}
					
					#fault-data{
						.title{
							text-transform: capitalize;
							font-size: 15px;
							font-weight: bold;
						}
						
						.value{
							font-size: 16px;		
						}
						
						.span4{
							margin-bottom: 15px;
						}				
					}
					
					#fault-documents{
						margin-left: 1px;
						
						#folder-list{
							margin-bottom: 30px;
							
							.folder{
								.folder-icon{
									.fas.fa-folder{
										font-size: 80px;
									}
								}
								
								.folder-name{
									font-size: 15px;
									font-weight: bold;
								}
							}
						}
						
						#file-list{
							.back{
								margin-bottom: 20px;
							}
							
							.file{
								margin-bottom: 20px;
							}
							
							.file-element{
								margin-bottom: 20px;
								
								.image {
								    height: 175px;
								    
								    .small-image {
									    height: 159px;
									}
								}
								
								
							}
						}
						
						
					}
				}
				
				div[class*='contextualActions']{
				    display: none;
				    background-color: rgba(102, 102, 102, 0.5);
				    text-align: right;
				    position: absolute;
				    z-index: 10;
				    color: #fff;
				    
				    button{
				    	margin:0 3px;
			    	}
			    	
			    	button.btn{
			    		width:auto;
			    		display:inline-block;
			    	}
				}
				
				.archive-checkbox{
					font-size: 14px;
				    color: #555;
				    margin-top: 3px;
				    position: absolute;
				    margin-left: 5px;
				}
				
				.property-info{
					background-color: #EEEEEE;
					padding: 5px;
					width: 97.5%;
					p{
						color:#333;
						margin: 10px !important;
					}
				}
				
				form{
					padding:0px;
				}
				
				.control-group {
 				   margin-bottom: 10px;
				}
				
				p.no-data{
					background-color: #eee !important;
					color: black !important;
					padding: 20px 15px !important;
					text-align: center !important;
				}
		
				#propManager a{
					font-weight: bold;
				}
				
				.tooltip-icon:before{
					color: $tooltip-color;
					content: "\f149";
					cursor: pointer;
					font-family: "ionicons";
					font-size: 20px;
					font-weight: bold;
					padding: 0 10px;
				}
				
				.fa, .fas, .far{
					cursor:pointer;
					font-size: 24px;
				}
				
				.far{
					vertical-align: middle;
					padding-right: 15px;
					padding-left: 5px;
					color:black;
				}
				
				.column-content, .column-content-center {
					padding: 0px;
				}
				
				#upload{
					display:block;
					button{
						float: right;
					}
				}
				
				.full-width
				{
					width:100%;
				}
				
				a {
					color: $font-color;
				}
				
				a:hover {
					color: $font-color;
				}
				
				.aui-form-validator-message {
					background-color: $error;
					width: 83%;
				}
				
				.emailBodyLabel {
					font-weight: bold;
				}
				
				.not-logged-in{
					display: none;
				}
				
				.sub-sections{
					margin-bottom: 30px;
					padding: 0px;
				}
				
				.help-inline {
					display: block;
					padding-left: 0;
					font-size: 14px;
				}
				
				.success {
					color: green;
					font-size: 18px;
				}
				
				.failure {
					color: maroon;
					font-size: 18px;
				}
				
				#save {
					clear: both;
					float: left;
				}
				
				table.dataTable{
					thead{
						background-color: $navigation-selected-border-color;
						border: none;
						
						tr{
							th{
								color: $white-color;
								font-size: 14px;
								font-weight: normal;
								padding: 5px;
								text-transform: uppercase;
								padding: 8px 10px;
								text-align: left;
								
								.control-group{
									margin-bottom:0px;
								}
							}
							
							th.download-inline {
								text-align: center;
								width: 140px;
							}
							
							th.date-inline{
								min-width: 68px;
								width: 85px;
							}
							
							th.decimal-alignment{
								padding-right: 22px !important;
								text-align: right;
							}
						}
					}
					tbody{
						tr.bold{
							font-weight: bold;
						}
						tr{
							background-color: $primary-bg-color;
							
							td:first-child{
								padding-left: 22px;
							}
							
							td{
								color: $navigation-selected-border-color;
								border-bottom: 1px solid $white-color;
								padding: 8px 10px;
								font-size: 14px;
								text-align: left;
								
								.control-group{
									margin-bottom:0px;
								}
								
								button.btn, input.btn[type="submit"], .btn-primary {
								    padding: 4px 15px;
								    display: inline-block !important;
								}
								
								form{
									margin: 0;
								}
							}
							
							td.download {
								text-align: center;
							}
							
							td.decimal-alignment{
								padding-right: 22px !important;
								text-align: right;
							}
						}
						tr:hover {
							background-color: $primary-hover-color;
						}
					}
				}
				
				table.dataTable.no-footer{
					border:0px;
				}
				
				table.dataTable thead .sorting_desc{
				    background-image: url(../images/sort_desc.png);
				}
				
				table.dataTable thead .sorting_asc{
				    background-image: url(../images/sort_asc.png);
				}
				
				.dataTables_wrapper .dt-buttons{
					float: right;
				}
				
				.dataTables_wrapper .dt-button{
					font-size: 14px;
					padding: 0;
					margin-left: 10px;
					line-height: 0;
					border: 0;
					background: none;
					margin-top: 4px;
				}
				
				.dataTables_wrapper .dataTables_paginate .paginate_button{
					background: none;
					border: 0;
					font-size: 14px;
					padding: 10px 5px;
					cursor: pointer;
				}

				.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
					color: $secondary-color !important;
				}
				
				.dataTables_wrapper .dataTables_paginate .paginate_button.current{
					background: none;
					border: 0;
					font-size: 14px;
					font-weight: bold;
				}
				
				.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
					font-size: 14px;
				}
				
				.dataTables_wrapper label{
					font-size: 14px;
				}
			
				.dataTables_length select{
					width: 60px;
				}
				
				button.btn, input.btn[type="submit"], .btn-primary {
					background: none repeat scroll 0 0 $btn-color;
				    border: medium none;
				    color: $white-color;
				    padding: 7px 18px;
				    text-transform: capitalize;
					font-size: 14px;
				    margin: 0;
				    border: medium none;
				    box-shadow: none;
				    text-shadow: none;
				}
				
				.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
				    background-color: $btn-hover-color;
					color: $white-color;
					text-decoration:none;
				    border-image: none;
				    cursor: pointer;
				    text-shadow: none;
				}
				
				.navigation-holder.holder {
					float: right;
					margin: 0px 0;
					text-align: right;
					margin-bottom: 10px;
					
					a {
						color: $secondary-color;
						cursor: pointer;
						font-size: 14px;
						margin: 0 5px;
					}
					
					a:hover {
						background-color: $third-color;
						color: $white-color;
					}
					
					a.jp-previous {
						margin-right: 15px;
					}
					
					a.jp-next {
						margin-left: 15px;
					}
					
					a.jp-current, a.jp-current:hover {
						color: #FF4242;
						font-weight: bold;
						background: none repeat scroll 0 0 transparent;
						cursor: default;
					}
					
					a.jp-disabled, a.jp-disabled:hover {
						color: #BBB;
						background: none repeat scroll 0 0 transparent;
						cursor: default;
						text-decoration: none;
					}
					
					span {
						margin: 0 5px;
					}
				}
				
				#sitemap{
					text-transform: capitalize;
				
					a{
						text-transform: uppercase;
						text-decoration: none;
						line-height: 30px;
					}
					
					a:hover{
						text-transform: uppercase;
						color: $font-color;
					}
					
					a.current{
						font-weight: bold;
					}
					
					#heading{
					    margin-bottom: 1px;
					    background-color: $primary-color;
					    position: relative;
						
						#heading-text{
							width: 80%;
							float: left;
							
							h1{
								font-size: 27px;
								margin: 0;
								padding: 10px 15px;
							    font-weight: normal;
							}
						}
					
						#gear{
							padding-top: 20px;
	    					margin: 0;
	    					cursor: pointer;
	    					color: $white-color;
						}
					
						#gear.selected {
						    color: $white-color;
						}
						
						#gear::hover {
						    color: $white-color;
						}
						
						#gear::before {
						    content: "\f43d";
						    font-family: "ionicons";
						    font-size: 28px;
						    margin-right: 7px;
						}
						
						#settings-menu.open{
							display: block;
						}
						
						#settings-tip{
							display: none;
							width: 1px;
							border-left: 10px solid transparent;
							border-right: 10px solid transparent;
							border-bottom: 10px solid $white-color;
							position: absolute;
							top: 46px;
							left: 215px;
							z-index: 1;
							box-shadow: 0 3px 80px rgba(0, 0, 0, 0.3);
						}
						
						#settings-tip.open{
							display: block;
						}
						
						#settings-menu {
						    width: 210px;
						    height: auto;
						    background: $white-color;
						    display: none;
						    position: absolute;
						    top: 55px;
						    left: 40px;
						    padding: 17px;
						    border: 1px solid rgba(0, 0, 0, 0.15);
						    border-radius: 3px;
						    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
							
							a{
								color: #1d2129;
								clear: both;
								float: left;
								font-size: 14px;
							}
						}
					}
					
					#myNavbar{
						ul{
							margin-left: 0px;
							background-color: transparent;
							
							li{
								list-style: none;
								border-bottom:0px;
								line-height: 30px;
							    margin: 2px 0 0;
							    border-width: 0;
								
								a{
									text-decoration: none;
									font-size: 17px;
									padding-left:20px;
									padding: 12px 20px;
									display: block;
								}
								
								a:hover, a:focus{
									background-color: transparent !important;
									text-decoration: none;
									font-size: 17px;
								}
							}
							
							li:hover{
								background-color: $primary-color; 
							}
							
							li.current{
								border-left:5px solid $primary-color;
								
								a.current{
									font-weight: normal;
								}
							}
						}
					}
					
					select#selectoption{
						text-transform: uppercase;
					}
					
					select#selectoption:hover, select#selectoption:focus{
						
					}
				}
				
				#homePage{
					.upload-button{
						background-color: $btn-hover-color;
						color: $white-color;
						text-decoration: none;
						border-image: none;
						cursor: pointer;
						text-shadow: none;
						padding: 7px 18px;
						font-size: 14px;
						float: right;
						text-transform: uppercase;
					}
					
					.property-selector-block{
						float: right;
						.property-selector{
							form{
								padding:0px;
							
								.control-group{
									margin-bottom:10px;
									text-align: right;
									
									.property-dropdown{
										width: 80%;
									}
								}
							}
						}
					}
					
					.landlord-info-block{
						float: left;
						#propManager{
							font-size:16px;
						}
						
					}
				}
				
				#landlord-dashboard{
					#landlordhome{
						
						.chart-block{
							position: relative;
							width: 48%;
							height: 300px;
							display: inline-block;
							margin-right: 3%;
						}
						
						#totalIncome{
							font-size: 34px !important; 
						}
						
						.container-fluid{
							.row-fluid{
								.span6{
									background-color: #eee;
									margin:0px;
									margin-right: 10px;
									margin-bottom: 10px;
								}
								
								.summary-block{
									.img{
										float:left;
										
										img{
											width: 50px;
											background-color: #1a1a1a;
											padding: 5px;
										}
									}
									
									.info{
										float:left;
										margin-left: 10px;
										margin-top: 10px;
										
										.amount{
											color: #333;
											font-size: 30px;										
										}
										
										.title{
										
										}
									}	
									
									.ctooltip{
										float:right;
										margin-top: 5px;
									}
								}
							}
						}
					}
				}
				
				
				#personal-details, #power-of-attorney{
					form{
						padding: 0 1px;
						
						.control-group {
						    margin-bottom: 10px;
							
						    input, textarea, .uneditable-input{
								width: calc(100% - 14px);
								margin-bottom: 2px;
								font-size: 14px;
								max-width: 100% !important;
							}
							
							select{
								width: 93%;
								margin-bottom: 2px;
								font-size: 14px;
							}
						}
					}
				   
				   #registered-address,#correspondence-address{
				   		h3{
						    font-size: 18px;
						    padding-left: 20px;
						}
						
						.btn{
							margin-bottom: 15px;
						}
					}
					
					input.aui-form-validator-error, textarea.aui-form-validator-error, select.aui-form-validator-error{
						border-style: solid;
					}
					
					.personaldetail-single-sec {
						float: left;
						width: 100%;
						margin-top: 10px;
					}
				}
				
				#change-password{
					form{
						.control-group {
						    margin-bottom: 10px;
						    
							input, textarea, .uneditable-input{
								width: 45%;
								margin-bottom: 2px;
								font-size: 14px;
								max-width: 100% !important;
							}
						}
						
						input{
							opacity: 0.54;
						}
					}				
				}
				
				#bankDetails{
					#bankDetailsData{
						.bank-header{
							p{
								font-size:15px;
								display: inline
							}
						}
						
						.toggler-header-collapsed{
							padding: 8px;
							cursor: pointer;
						}
						
						.toggler-header-expanded{
							background-color: #ddd;
							padding: 8px;
							cursor: pointer;
						}
						
						.toggler-content-expanded{
							background-color: #eee;
							padding: 5px 32px;
						}
						
						.bank-content{
							background-color: #eee;
							padding: 10px;
							.data{
								line-height: 25px;
								font-size: 14px;
							}
						}
						
						.toggler-header-expanded::before {
						    content: "−";
						    font-size: 18px;
						    margin: 0 2.5px;
						    padding-right: 5px;
						}
						
						.toggler-header-collapsed::before {
						    content: "+";
						    font-size: 18px;
						    margin: 0 2.5px;
						    padding-right: 5px;
						}
					}
				}
				
				#annual-summary{
					.landlordForms{
						padding: 0px;
						
						.control-group{
							.control-label{
								display: inline-block;
	    						width: 15%;
	    						font-weight: 500;
							}
							
							input, .uneditable-input{
								width: 25%;
								margin-bottom: 2px;
								font-size: 14px;
							}
						}
					}
				}
				
				#current-balance, #tenancy-history, #rent-arrears{
					.landlordForms{
						padding: 0px;
					}
				}
				
				#accounts, #documents, #my-properties, #landlordHome, #work-order, #property-visit, #property-list{
					h1{
						margin-bottom: 25px;
						margin-top: 28px
					}
				}
				
				.modal-footer button{
					margin-left:10px;
				}
					
				#property-preferences, #block-management, #landlord-preferences{
				
					@media (max-width: 767px) {
					    .text-right { 
					    	text-align:left;
					    }
					}
					
					input[type="radio"], input[type="checkbox"]{
						position: absolute;
						margin-top: 0.25em;
						margin-left: -20px;
					}	
					
					#preferred-contractors{
						margin-top: 20px;
					}
					
					.preference-label p{
						font-size: 15px;
						
						span.taglib-icon-help{
							position:absolute;
							margin-top: -10px;
							margin-left: 5px;
						}
					}						
					
					.preference-value{
						.control-group{
							margin-bottom: 10px;
						}
					}
					
					.legend{
						font-size: 18px;
						line-height: 30px;
						color: #555555;
					}
					
					#head-categories{
						#head-categories-values{
							margin-left: 0px;
							background-color: #e3e3e3;
							
							#categories{
								padding: 10px 30px;
								text-align: center;
							}
						}
					}
				}
				.multi-select-container {
				    display: inline-block;
				    position: relative;
				}
				
				.multi-select-menu {
				    position: absolute;
				    left: 0;
				    top: 0.8em;
				    z-index: 1;
				    float: left;
				    min-width: 100%;
				    background: #fff;
				    margin: 1em 0;
				    border: 1px solid #aaa;
				    display: none;
				}
				
				.multi-select-menuitem {
				    display: block;
				    font-size: 0.875em;
				    padding: 0.6em 1em 0.6em 30px;
				    white-space: nowrap;
				    text-align: left;
				}
				
				.multi-select-menuitem--titled:before {
				    display: block;
				    font-weight: bold;
				    content: attr(data-group-title);
				    margin: 0 0 0.25em -20px;
				}
				
				.multi-select-menuitem--titledsr:before {
				    display: block;
				    font-weight: bold;
				    content: attr(data-group-title);
				    border: 0;
				    clip: rect(0 0 0 0);
				    height: 1px;
				    margin: -1px;
				    overflow: hidden;
				    padding: 0;
				    position: absolute;
				    width: 1px;
				}
				
				.multi-select-menuitem + .multi-select-menuitem {
				    padding-top: 0;
				}
				
				.multi-select-presets {
				    border-bottom: 1px solid #ddd;
				}
				
				.multi-select-menuitem input {
				    position: absolute;
				    margin-top: 0.25em;
				    margin-left: -20px;
				}
				
				.multi-select-button {
				    display: inline-block;
				    font-size: 0.875em;
				    padding: 0.2em 0.6em;
				    max-width: 200px;
				    min-width: 200px;
				    white-space: nowrap;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    vertical-align: 0em;
				    background-color: #fff;
				    border: 1px solid #ddd;
				    border-radius: 4px;
				    cursor: default;
				    text-align: left;
				    padding-top: 0.3em;
				}
				
				.multi-select-button:after {
				    content: "";
				    display: inline-block;
				    width: 0;
				    height: 0;
				    border-style: solid;
				    border-width: 0.4em 0.4em 0 0.4em;
				    border-color: #999 transparent transparent transparent;
				    margin-left: 1.8em;
				    vertical-align: 0.1em;
				}
				
				.multi-select-container--open .multi-select-menu {
				    display: block;
				}
				
				.multi-select-container--open .multi-select-button:after {
				    border-width: 0 0.4em 0.4em 0.4em;
				    border-color: transparent transparent #999 transparent;
				}
				
				.multi-select-container--positioned .multi-select-menu {
				    /* Avoid border/padding on menu messing with JavaScript width calculation */
				    box-sizing: border-box;
				}
				
				.multi-select-container--positioned .multi-select-menu label {
				    /* Allow labels to line wrap when menu is artificially narrowed */
				    white-space: normal;
				}
								
				#my-property{
					.list-property{
						border: 1px solid #c8c9ca;
						border-radius: 4px;
						margin-bottom: 20px;

						 .imageCount{
					 	    font-size: 19px;
						    position: absolute;
						    color: $font-color;
						    background-color: rgba(242,244,244,0.6);
						    top: 0px;
						    padding: 5px 10px;
						    right: 0px;
						 }
						    
						
						.prop-image{
			      			background-repeat: no-repeat;
						    background-size: cover;
						    height: 540px;
							position: relative;
							overflow: hidden;
							text-align: center;
						    
						    a.js-smartPhoto{
							    width: 100%;
							    min-height: 270px;
							    display: inline-block;
								background-size: cover;
								background-repeat: no-repeat;
							}
							
							img.slider-small-image{
								min-height: 270px;
								object-fit: cover;
							}
					    }
					    
						.list-property-details {
							padding: 10px 20px;
							margin-left: 0 !important;
							
							.list-property-address {
								font-size: 26px;
								margin-bottom: 0;
								text-align: left;
								height: 18%;
								line-height: 30px;
							}
							
							.list-property-status{
								
							}
							
							.list-property-address a {
								text-decoration: none;
							}
							
							.list-property-address a:hover {
								color: #3D5A60;
								line-height: 30px;
							}
							
							.list-property-price {
								font-size: 24px;
							    font-weight: bold;
							    text-align: left;
							    padding: 5px 0;
							}
							
							.list-property-info {
								margin-top: 12px;
								text-align: left;
							}
							
							.list-property-info-img {
								color: #678699;
								text-align: center;
							    float: left;
							    width: 80px;
								
								.assets-text{
									float: left;
								    margin-left: 0;
								    padding-top: 5px;
								    text-align: left;
								    width: auto;
								    font-size: 19px;
								    color: $primary-color;
								}
							}
							
							.bed{
								.assets-text:before{
									content: "1";
									font-family: "propertyfonts";
									font-size: 28px;
									margin-right: 7px;
									color: $primary-color;
								}
							}
							
							.bathroom{
								.assets-text:before{
									content: "2";
									font-family: "propertyfonts";
									font-size: 28px;
									margin-right: 7px;
									color: $primary-color;
								}
							}
							
							.garage{
								width: auto;
								
								.assets-text:before{
									content: "3";
									font-family: "propertyfonts";
									font-size: 28px;
									margin-right: 7px;
									color: $primary-color;
								}
							}
					
							.reception{
								.assets-text:before{
									content: "4";
									font-family: "propertyfonts";
									font-size: 28px;
									margin-right: 7px;
									color: $primary-color;
								}
							}
							
							.key-features{
								margin-left: 0 !important;
								margin-top: 15px;

								h4{
									 font-weight: normal;
								}
								
								ul{
									margin: 0;
									
									li{
										list-style: none;
										border-bottom: 1px solid $secondary-color;
										padding: 4px 0px;

										span{
											
										}										
									}
								}
							}

							.desc{
								 margin-top: 15px;

								 h4{
									 font-weight: normal;
								 }

								 p{
									color: $font-color;
									
								 }
							}

							#bank-detailss{
								display: none;
							}
							
							.phone-number{
								h4 {
								    margin-bottom: 0;
								    font-weight: 300;
								    font-size: 12px;
								    color: #305159;
								    line-height: 24px;
								}
								
								h2{
									color: #94c01e;
									font-size: 24px;
									margin-top: 0;
									line-height: 32px;
								}
								
								h3{
									color: #305159;
								}
							}
							
							.list-property-ref {
								color: #678699;
								font-size: 14px;
								margin-top: 0;
								padding-right: 31px;
								text-align: right;
								margin-bottom: 10px;
							}
						}
					}
				}
				
				#tenancy-detail{
					
				}
				
				#property-list{
					
					p.sugg-text{
						float:left;
						width:33%;
					}
				
					.property {
						margin-bottom: 5px;
						padding: 2px;
					}
					.property a {
						margin-left: 5px;
						text-decoration: none;
					}
					.property a:hover {
						text-decoration: underline;
					}
					
					.navigation-holder.holder {
						width: 66%;
					}
				}
				
				#view-document{
					
				}
				
				#send-email{
					margin-top: 40px;
					
					#branch-details{
						margin-bottom: 10px;
						
						p{
							margin-bottom: 0px !important;
						}	
					}
					
					.control-group {
						margin-bottom: 15px;
						
						textarea{
							width: calc(100% - 14px);
							margin-bottom: 2px;
						}
						
						.control-label{
							display: none;
						}
					}
					
					.send-email-submit{
						margin-bottom: 20px;
					}
					
					.landlord-sendemail-form-sec {
						clear: both;
						float: left;
						margin-bottom: 10px;
						width: 100%;
					}
				}
				
				#inactive-landlord-information{
					color: black;
					background-color: #f5f2ec;
					padding: 10px 20px;
					margin-bottom: 10px !important;
					clear: both;
					float: left;
					border-radius: 4px;
				}
				
				#page-tabs{
					border: 0px;
					border-radius: 0px;
					background: transparent;
					
					& > ul{
						overflow: hidden;
						margin: 0;
						background: transparent;
					    border: 0px solid transparent;
    					padding: 0px;
    					margin-bottom: 20px;
    					border-radius: 0px;
						
						li{
							list-style: none;
							float: left;
							top: 0;
							margin: 5px 2px 0 0;
							border: none;
							background: $primary-bg-color;
							border-radius: 0;
							box-shadow:none;
							
							a{
								float: left;
								padding: 8px 16px;
								text-decoration: none;
								color: $font-color;
								font-size: 14px;	
								text-transform: uppercase;							
							}
						}
						
						li.ui-state-active{
							background: $primary-color;
							border: none;
							border-radius: 0;
							box-shadow:none;
							
							a{
								color: $white-color;
							}
						}
						
						li.updates.ui-state-active{
							.badge{
								background-color: $white-color;
								color: $primary-color;
							}
						}
					}
					
					li.updates{
						width: 110px;
						
						.badge{
							padding-left: 7px;
							padding-right: 7px;
							background-color: $primary-color;
							color: $white-color;
							margin-top: -6px;
							position: absolute;
							margin-left: 5px;
						}
					}
				}
				
				.consent{
					.consent-group{
						h5{
							font-weight: bold;
						}
					}
					
					.consent-details{
						.consent-label{
							p{
								text-transform: capitalize;
								font-weight: normal;
								display: inline-block;
								font-size: 16px;
							}
						}
						
						.consent-info-description{
						
						}
						
						.consent-value{
							.control-group{
								margin-bottom: 10px;
							}
							
							h5{
								text-transform: capitalize;
								font-weight: normal;
							}
							
							select{
								width: 100%;
							}
						}
						
						.consent-info{
						
						}
						
						.consent-info:before{
							color: $tooltip-color;
							content: "\f149";
							cursor: pointer;
							font-family: "ionicons";
							font-size: 20px;
							font-weight: bold;
							padding: 0 10px;
						}
					}
				}
				
				.property-selector{
					
					form{
						padding:0px;
					
						.control-group{
							margin-bottom:10px;
							text-align: right;
							
							.property-dropdown{
								width: 40%;
							}
						}
					}
				}
				
				#reports{
					.report{
						border-bottom: 1px solid #e3e3e3;
						overflow: hidden;
						padding-bottom: 20px;
						padding-top: 20px;
					}
					
					.report:last-child{
						border: none;
					}
				}
			}
		}	
	}
}

#loader-mask {
    background: url('../images/bx_loader.gif') no-repeat center center;
    z-index: 1040;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .3;
    cursor: wait;
    position: fixed;
}