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

@include respond-to (phone, tablet) {
	.aui{
		#wrapper{
			#content{
				#tenant{
				
					#tenancy-expired-access-information{
					
					}
					
					.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.span9{
						margin-top: 10px;
						
						#tenancy-expired-access-information{
							
						}
					}
				
					#tenanthome{
						#totalBalanced{
							 
						}
						
						.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{
					   		h3{
					   		
							}
							
							.btn{
							
							}
						}
						
						input.aui-form-validator-error, textarea.aui-form-validator-error, select.aui-form-validator-error{
						
						}
					}
					
					#change-password{
						form{
							.control-group {
								
								input, textarea, .uneditable-input{
									width: calc(100% - 14px);
								}
								
								.control-label{
								
								}
							}
							
							input{
							
							}
						}				
					}
					
					#tenency-detail{
						
					}
					
					#current-arrears{
						
					}
					
					#historic-rent{
						
					}
					
					#rent-schedule{
						
					}
					
					#maintaince-history{
						
					}
					
					#maintenance-form{
						.control-group {
							
							input, textarea, .uneditable-input{
							
							}
							
							.control-label{
							
							}
						}
					}
					
					#notes{
						
					}
					
					#electric-certificate{
						
					}
					
					#epc{
						
					}
					
					#gas-certificate{
						
					}
					
					#inventory{
						
					}
					
					#send-email{
						.control-group {
							textarea{
							
							}
							
							.control-label{
							
							}
						}
						
						.send-email-submit{
						
						}
						
						.tenant-sendemail-form-sec {
							
						}
					}
					
					#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{
								
								}
								
								select{
								
								}
							}
							
							.consent-info{
							
							}
							
							.consent-info:before{
								
							}
						}
					}
				}
			}	
		}
	}
}

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

@include respond-to (phone) {
	.aui{
		#wrapper{
			#content{
				#tenant{
					table.dataTable{
						tbody{
							tr{
								td.download {
									a.visible-phone{
										display: inline-block !important;
									}
								}
							}
						}
					}
					
					#tenanthome{
						.chart-block{
							width: 100%;
						}
					}	
				}
			}	
		}
	}	
}