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

@include respond-to (phone, tablet) {
	.aui{
		#wrapper{
			#content{
				#landlord{
				
					.tooltip-icon:before{
						
					}
					
					.fa, .fas{
						
					}
					
					.column-content, .column-content-center {
						
					}
					
					#upload{
						button{
						
						}
					}
					
					.full-width	{
					
					}
					
					a {
					
					}
					
					a:hover {
					
					}
					
					.aui-form-validator-message {
					
					}
					
					.emailBodyLabel {
					
					}
					
					.not-logged-in{
					
					}
					
					.sub-sections{
					
					}
					
					.help-inline {
						
					}
					
					.success {
						
					}
					
					.failure {
						
					}
					
					#save {
						
					}
				
					table.dataTable{
						thead{
							
							tr{
								th{
									.control-group{
									
									}
								}
								
								th.download-inline {
									
								}
								
								th.date-inline{
									
								}
								
								th.decimal-alignment{
									
								}
							}
						}
						tbody{
							tr{
								
								td{
									.control-group{
									
									}
								}
								
								td.download {
									
								}
								
								td.decimal-alignment{
									
								}
								
								td:first-child{
									padding-left: 28px;
								}
							}
							
							tr.child{
								 span.dtr-title{
								    text-transform: capitalize;
								}
								
								ul{
									li{
										font-size: 14px;
									}
								}
							}
							
							tr:hover {
							
							}
						}
					}
					
					table.dataTable.no-footer{
					
					}
					
					.dataTables_wrapper .dt-buttons{
					
					}
					
					.dataTables_wrapper .dt-button{
					
					}
					
					.dataTables_wrapper .dataTables_paginate .paginate_button{
					
					}
	
					.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
					
					}
					
					.dataTables_wrapper .dataTables_paginate .paginate_button.current{
					
					}
					
					.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
						text-align: left;
					}
					
					.dataTables_wrapper label{
					
					}
				
					.dataTables_length select{
					
					}
					
					table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
						top: -2px;
					    height: 15px;
					    width: 15px;
					    background-color: #1a1a1a;
					    border: 0;
					    box-shadow: none;
					    margin: auto;
					    bottom: 0;
					    font-family: verdana;
					    line-height: 12px;
					}
					
					table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
						background-color: #1a1a1a;
					}
					
					button.btn, input.btn[type="submit"], .btn-primary {
						
					}
					
					.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
					
					}
					
					.navigation-holder.holder {
						
						a {
						
						}
						
						a:hover {
						
						}
						
						a.jp-previous {
						
						}
						
						a.jp-next {
						
						}
						
						a.jp-current, a.jp-current:hover {
						
						}
						
						a.jp-disabled, a.jp-disabled:hover {
						
						}
						
						span {
						
						}
					}
	
					#sitemap{
					
						a{
						
						}
						
						a:hover{
						
						}
						
						a.current{
						
						}
						
						#heading{
							
							#heading-text{
								
								h1{
								}
							}
						
							#gear{
							
							}
						
							#gear.selected {
							
							}
							
							#gear::hover {
							
							}
							
							#gear::before {
							
							}
							
							#settings-menu.open{
							
							}
							
							#settings-tip{
							
							}
							
							#settings-tip.open{
							
							}
							
							#settings-menu {
								
								a{
								}
							}
						}
						
						#myNavbar{
							ul{
								li{
									a{
									}
									
									a:hover, a:focus{
									}
								}
								
								li:hover{
								
								}
								
								li:last-child{
								
								}
								
								li.current{
									a.current{
									}
								}
							}
						}
						
						select#selectoption{
						    width: 100%;
							font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
							text-shadow: none;
							font-size: 16px;
						}
						
						select#selectoption:hover, select#selectoption:focus{
							
						}
					}
					
					#homePage{
						.property-selector-block{
							float: none;
							width: 100%;
							.property-selector{
								form{
								
									.control-group{
										text-align: left;
										
										.property-dropdown{
											width: 100%;
											font-size: 14px;
										}
									}
								}
							}
						}
						
						.landlord-info-block{
							float: none;
							width: 100%;
							#propManager{
							
							}
						}
					}
					
					#landlord-dashboard{
						#landlordhome{
							.container-fluid{
								.row-fluid{
									.span6{
										float: left;
										div:nth-child(1){
										}
										
										div:nth-child(2){
										}
										
										div:nth-child(3){
										}
									}
									
									.span6:nth-child(1){
									}
									
									.span6:nth-child(2){
									
									}
									
									.span6:nth-child(3){
									}
									
									.span6:nth-child(4){
									
									}
								}
							}
						}
					}
					
					#personal-details{
						form{
							.control-group {
							    input, textarea, .uneditable-input{
								}
								
								select{
								
								}
								
								.control-label{
								
								}
						   }
						}
					   
					   #registered-address,#correspondence-address{
							.btn{
							
							}
						}
						
						input.aui-form-validator-error, textarea.aui-form-validator-error, select.aui-form-validator-error{
						
						}
						
						.personaldetail-single-sec {
					
						}
					}
					
					#change-password{
						form{
							.control-group {
								input, textarea, .uneditable-input{
									width: calc(100% - 14px);
								}
								
								.control-label{
								
								}
							}
							
							input{
							
							}
						}			
					}
					
					#bankDetails{
						#bankDetailsData{
							.bank-header{
								p{
								
								}
							}
							
							.toggler-header-collapsed{
							
							}
							
							.toggler-header-expanded{
							
							}
							
							.toggler-content-expanded{
							
							}
							
							.bank-content{
							
								.data{
								
								}
							}
							
							.toggler-header-expanded::before {
							
							}
							
							.toggler-header-collapsed::before {
							
							}
						}
					}
					
					#annual-summary{
						.landlordForms{
							.control-group{
								.control-label{
								
								}
								
								input, .uneditable-input{
								
								}
							}
						}
					}
					
					#accounts, #documents, #my-properties, #landlordHome, #work-order, #property-visit, #property-list{
						h1{
						
						}
					}
					
					#my-property{
						.list-property{
							 .imageCount{
							 
							 }
							    
							.prop-image{
								height: 470px;
							    a.js-smartPhoto{
							    
								}
								img.slider-small-image{
									height: 450px;
								    object-fit: cover;
								    width: 100%;
								}
						    }
						    
							.list-property-details {
								
								.list-property-address {
								
								}
								
								.list-property-status{
									
								}
								
								.list-property-address a {
								
								}
								
								.list-property-address a:hover {
								
								}
								
								.list-property-price {
								
								}
								
								.list-property-info {
								
								}
								
								.list-property-info-img {
									.assets-text{
									
									}
								}
								
								.bed{
									.assets-text:before {
									
									}
								}
								
								.bathroom{
									.assets-text:before {
									
									}
								}
								
								.garage{
									.assets-text:before {
									
									}
								}
						
								.reception{
									.assets-text:before {
									
									}
								}
								
								.key-features{

									h4{
									
									}
									
									ul{
										li{
											span{
											
											}										
										}
									}
								}

								.desc{
									 h4{
									 
									 }

									 p{
									 
									 }
								}

								#bank-detailss{
								
								}
								
								.phone-number{
									h4 {
									
									}
									
									h2{
									
									}
									
									h3{
									
									}
								}
								
								.list-property-ref {
								
								}
							}
						}
					}
					
					#tenancy-detail{
					
					}
					
					#property-list{
						
						p.sugg-text{
						
						}
					
						.property {
						
						}
						
						.property a {
						
						}
						
						.property a:hover {
						
						}
						
						.navigation-holder.holder {
						
						}
					}
					
					#view-document{
						
					}
					
					#send-email{
						
						.control-group {
							textarea{
							
							}
							
							.control-label{
							
							}
						}
						
						.send-email-submit{
						
						}
						
						.landlord-sendemail-form-sec {
						
							textarea{
							
							}
						}
					}
					
					#page-tabs{
						
						& > ul{
							
							li{
								
								a{
								
								}
							}
							
							li.ui-state-active{
								
								a{
								
								}
							}
						}
					}
					
					.consent{
						.consent-group{
							h5{
							
							}
						}
						
						.consent-details{
							.consent-label{
								h5{
								
								}
							}
							
							.consent-info-description{
							
							}
							.consent-value{
								h5{
								
								}
							}
							
							.consent-info{
							
							}
							
							.consent-info:before{
							
							}
							
						}
					}
					
					.property-selector{
						form{
							.control-group{
								.property-dropdown{
									width: 100%;
									margin-top: 10px;
									font-size: 14px;
								}
							}
						}
					}
				}
			}	
		}
	}	
}

@include respond-to (tablet) {
	.aui{
		#wrapper{
			#content{
				#landlord{
				
					#sitemap.span3{
						width:100%;
					}
					
					#homePage.span9, #my-properties.span9, #property-viewings.span9, #accounts.span9, #documents.span9, #consents.span9, #personal-details.span9, #change-password.span9, #bankDetails.span9{
						width:100%;
						margin-left: 0;
					}
				}
			}	
		}
	}	
}

@include respond-to (phone) {
	.aui{
		#wrapper{
			#content{
				#landlord{
					table.dataTable{
						tbody{
							tr{
								td.download {
									a.visible-phone{
										display: inline-block !important;
									}
								}
							}
						}
					}
					
					#landlord-dashboard{
						#landlordhome{
							.chart-block{
								width: 100%;
							}
						}
					}
					
					#my-property{
						.list-property{
							.prop-image{
								height: 280px;
								
								img.slider-small-image{
								    height: 260px;
								}
							}
						}
					}	
				}
			}	
		}
	}	
}