// Recipes
// 
// -----------------------------------------------------

body{
  
	#bodyPadding{
	
		#mainContent{
			
			#shoppingOffset{
				h1{
					font-size:28px;
				}
				
				h2{
					font-size:22px;
				}
				
				h3{
					font-size:16pt;	
				}
				
				h4{
					font-weight:bold;
					font-size:10pt;
				}
	
				p{
					font-size:10pt;
					padding-bottom:12px;
				}
				
				#mapButtonContain{
					margin-top: 20px;
				}
				
				ol, ul{
					margin:0 16px;
					list-style-type: none;
				}
				
				.mapAisles{
					p{
						margin-left: 16px;
					}
				}
				
				#itemCount{
					color:@gray;
					font-size: 14px;
					margin-top: -12px;
				}
				
				.itemDimCheck{
					input{
						margin-top: -4px;
					}
				}
				
				.ui-widget{
					font-size:1em;
				}
				
				.setDrag, #listItems li{
					padding:7px;
					cursor:pointer;
				}
				
				.ui-widget-content{
					min-height:250px;
					max-height:500px;
					overflow:auto;
					padding:10px 0;
				}
				
				.ui-widget-content ol{
					margin-left:15px;
				}
				
				.ui-widget-header{
					padding-left:15px;	
					padding-top:7px;
				}
				
				.sortName{
					float:left;
					width:82%;
				}
				
				.altBG{
					/*background-color:#63c1bf;*/
					background-color:#eeeeee;
				}
				
				#pickItems{
					#draggable{
						width:50%;
						padding:1% 1% 1% 0;
						margin-right:2%;
						min-height:50px;
					}
					
					#droppable{
						width:50%;
						float:left;
						padding:1%;
						min-height:50px;
						position:relative;
						
						#dropContainer{
							width:95%;
						}
					}
				}
				
				#accountContain{
					h3{
						i{
							font-size:14px;
							cursor:pointer;
						}
					}
					.storeName{
						color:@gray;
						font-size:16px;
						margin-left:16px;
						padding-left:16px;
					}
					#accountLists{
						padding-left: 16px;
						list-style-type: none;
						
						.listName{
							font-size: 16px;
							font-weight: bold;
						}
						
						.listContainer{
							margin:12px 0 18px;
							
							.listContents{
								#editBtns{
									font-size: 16px;
									
									i{
										margin-right:6px;
										cursor: pointer;
									}
									
									a{
										color:@gray;
									}
								}
								p{
									padding-bottom:0;
									margin-bottom:0;
								}
								
								.createdDate{
									font-size:11px;
									color:#999999;
								}
							}
						}
					}
				}
			}
		}
	}
}


// MEDIA QUERIES
// -----------------------------------------------------

@media (max-width: 995px) {
	body{
		
		#bodyPadding{
			
			#mainContent{
				
			}
		}
	}
}

@media (max-width: 780px) { //convert the nav to a button
	body{
		
		#bodyPadding{
			
			#mainContent{
				
			}
		}
	}
}

@media (max-width: 580px) {
	body{
		
		#bodyPadding{
			
			#mainContent{
				#shoppingOffset{
					h1{
					}
					
					h2{
						line-height: 25px;
					}
					
					h3{
					}
					
					h4{
					}
		
					p{
					}
					
					ol, ul{
					}
					
					.ui-widget{
					}
					
					.setDrag, #listItems li{
						
					}
					
					.ui-widget-content{
						
					}
					
					.ui-widget-content ol{
					}
					
					.ui-widget-header{
						width:69%;
						line-height: 28px;
					}
					
					.sortName{
						width: 80%;
					}
					
					.altBG{
					}
					
					#pickItems{
						width:100%;
						
						#draggable{
							width:100%;
							margin-right:4%;
							
							#fromHere{
								margin:0;
							}
						}
						
						#droppable{
							width:100%;
							
							#dropContainer{
								width:100%;
								
								#dropHere{
									margin: 0 8px 20px;
									
									.toFromHere{
										float: left;
									}
								}
							}
						}
					}
					
					#accountContain{
						h3{
							i{
								
							}
						}
						.storeName{
							
						}
						#accountLists{
							
							
							.listName{
								
							}
							
							.listContainer{
								
								.listContents{
									#editBtns{
										
										i{
										}
										
										a{
										}
									}
									p{
										
									}
									
									.createdDate{
										
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
