// Adam 2.2.2
// Bootswatch
// -----------------------------------------------------

iframe, iFrame{
    border: 0px none;
}

select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	height: 29px;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.aLabel{
    font-weight: bold;
    margin-bottom: 0;
    min-width:190px;
}

td{
    vertical-align: middle;
	font-size:14px; 
}

#theFrame{
	border: 0px none;
	width:100%;
	height:100%;
}

.hideObject{
    display: none;
}

#userEmail, #password{
	height:35px;
}


.offsetPadLeft{
    padding-left: 20px;
}

.offsetPadLeftx2{
    padding-left: 40px;
}

ul.offsetPadLeft{
    padding-left: 0px;
    list-style-type: none;
    margin:0 0 0 -10px;
}

ul.offsetPadLeft li{
    margin-bottom: 6px;
    text-indent: -15px;
    margin-left: 15px;
}

label[for='update']{
    float: left;
    padding:3px 6px 0 20px;
}

#featureForm {
    label{
	font-weight: bold;
	margin-bottom: 0;
    }
    
    td{
	padding:0 12px 26px;
	vertical-align: top;
    }
    
    input[type="radio"]{
	margin-top:-3px;
    }
    
    #feat_name, #feat_headline, #feat_text{
	width:246px;
    }
    
    #datepicker_start, #datepicker_end{
	width:218px;
    }
}

.success{
    background-color: green;
    color:#fff;
}

.error{
    background-color: @primary;
    color: #fff;
}

img.featureSquare{
    float: left;
    margin: 13px 15px 10px 0;
}

.featureDate{
    margin-top:-6px;
}

.featureControls a, .featureControls a:link{
    color: @grayLight;
}

.featureControls a:hover{
    color:#000;
    text-decoration: none;
}

.negMargTop{
    margin-top:-12px;
}

#bodyPadding .row.aFeature{
    margin:0 10px;
}

.aFeature{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid @grayLightMid;
    
    a{
	color: inherit;
    }
    a:hover{
	color:@primary;
    }
	
	.duplicateFeat{
		cursor: pointer;
		margin-bottom: 10px;
	}
}

.aFeature:last-child{
    border-bottom: none;
}

#theAjaxUpdateDiv{
    margin-top:10px;
    margin-bottom:12px;
    p{
	font-weight: bold;
	margin-bottom:2px;
    }
    
    .floatRight{
	margin-left:50px;
    }
    
}


#fileBrowser{
    position: fixed;
    top: 0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0,0,0,0.7);
    z-index: 2000;
    
    #browserHolder{
		min-width:690px;
		width:50%;
		min-height:700px;
		max-height: 820px;
		height:80%;
		padding: 30px 0 0 30px;
		border: 10px solid #8F8F8F;
		background-color: #fff;
		display: block;
		margin:75px auto 0;
		
		iframe{
			margin: 0 auto;
		}
    }
    
    #browserCloseContain{
		height: 25px;
		background-color: #8f8f8f;
		margin-left:-40px;
		margin-right:-10px;
		padding-top: 15px;
		padding-left:20px;
		
		p{
			color: #fff;
			cursor: pointer;
		}
    }
}

.datepicker td.day.disabled, .datepicker td.day.old {
  color: #eeeeee;
}

.span7.editFeatureContain{
	width:576px;
}

#facebookSignIn, #googleSignIn{
	background:none repeat scroll 0 0 #F3F3F4;
	color:#359896;
	display:block;
	padding:14px 0 10px;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	cursor:pointer;
	margin-bottom: 20px;
}

#facebookSignIn img, #googleSignIn img{
	padding-right:6px;
}

#facebookSignIn span#theText, #googleSignIn span#theText{
	margin-top:-3px;
}

.loginBox{
	padding-top:40px;
}

li.userName{
	color:#fff;
	margin:16px 8px 0 0;
}
// TYPOGRAPHY
// -----------------------------------------------------

//@import url(https://fonts.googleapis.com/css?family=Telex);

// SCAFFOLDING
// -----------------------------------------------------

// NAVBAR
// -----------------------------------------------------



// NAV
// -----------------------------------------------------

// BUTTONS
// -----------------------------------------------------

.btn-primary {
  .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
}


// TABLES
// -----------------------------------------------------

// FORMS
// -----------------------------------------------------

// DROPDOWNS
// -----------------------------------------------------

// ALERTS, LABELS, BADGES
// -----------------------------------------------------

// MISC
// -----------------------------------------------------




.container.demo {
  padding-top: 68px;
  img {
    display: block;
    margin: 0px auto;
  }
  h3, p { text-align: left; }
}

.bottom-divider{
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: @grayLightMid 1px solid;
}


.leftZeroMarg{
  margin-left:0;
}

.oddRowColor{
	background-color: #E9E9E9;
}




#photoHor td img{
	width: 420px !important;
}

.fileHolder .photoHolder a img.filePhoto{
	width: 100% !important;
}

body #theFiles #selectedFile img#selectedPhoto{
	width: auto;
	max-height: 250px !important;
	max-width: 100% !important;
}


#storePortal{
	min-height:300px;
	margin-top:30px;
	
	.row{
		margin-left: 0;
		
		.navBtn{
			text-align: center;
			min-height: 130px;
			width:9.9%;
			
			
			h2{
				margin-bottom: -15px;
				.icon-large{
					font-size:2em;
				}
			}
			
			h5{
				margin-bottom: 0;
			}
			
			&:hover{
				background-color: @black;
			}
		}
		
		/*
		.sideNav{
			#sideNavContain{
				position:fixed;
				top:190px;
			}
			
			#addDeli{
				position: fixed;
				top: 500px;
			}
		}
		*/
	}
	
	
	
	.portalContent{
		border-left: 2px @primary solid;
		
		.contentContain{
			margin-left: 30px;
			
			.nav-tabs > .active > a, .nav-tabs > .active > a:hover{
				background: @primary;
			}
			
			.runFeature{
				.btn{
					margin-top:10px;
				}
			}
			
			#oldSGfeatures, #oldFeatures{
				.leftBorder{
					border-left: 3px solid @primary;
				}
				
				#searchContainer{
					float:right;
					position: relative;
					margin-top: 20px;
					
					input{
						padding-right: 30px;
					}
					
					i{
						position: absolute;
						right: 0;
						padding: 5px;
						pointer-events: none;
					}
				}
				
				&.accordion{
					.accordion-group{
						border: none;
						margin-left: 20px;
						
						.accordion-heading{
							background: @grayLightMid;
							
							h3{
								padding: 2px 15px;
								margin: 0;
								color: #000;
							}
						}
						
						.accordion-body{
							.accordion-inner{
								border: none;
								padding-top: 0;
								padding-right: 0;
								
								.accordion{
									margin-top: 2px;
									margin-bottom: 0;
									padding-bottom: 0;
									
									.accordion-group{
										margin-left: 0;
										
										.accordion-heading{
											background: @grayLighter;
											
											h4{
												padding: 6px 15px;
												margin: 0;
												color: #000;
											}
										}
										
										.accordion-body{
											.accordion-inner{
												padding-right: 15px;
												
												.aFeature{
													padding-bottom: 0;
													margin-bottom: 0;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
			
			.weeklySpecial{
				width: 100%;
				height: 75px;
				margin-bottom: 15px;
				padding-bottom: 15px;
				border-bottom: 1px dotted @primary;
				
				.specialAssign{
					width: 4%;
					float: left;
					
					input{
						margin: 100% auto;
						display: block;
					}
				}
				
				.specialItem{
					width: 95%;
					float: right;
					
					img{
						max-height: 75px;
						width: auto;
						float: left;
						margin-right: 2%;
					}
					
					.textContain{
						float: left;
						
						.price{
							color: @primary;
						}
					}
				}
			}
	
		}
		
		.editFeatureContain{
			td{
				padding-bottom: 20px; 
			}
		}
		
		.addFeature{
			td{
				vertical-align: top;
			}
		}
		
		#eventContain{
			.anEvent{
				padding-bottom: 15px;
				margin-bottom: 15px;
				border-bottom: 1px @primary solid;
				
				h4{
					margin-top:0;
					margin-bottom: 0;
				}
				
				h6{
					color:@black;
					margin-top:0;
					margin-bottom: 0;
				}
				
				p{
					margin-top:0;
					margin-bottom: 0;
				}
			}
		}
		
		#analyticsContain{
			.aSection{
				margin-bottom: 20px;
				padding-bottom: 20px;
				border-bottom: 2px dotted @primary;
			}
			
			.flot-base{
				background: #fff;
			}
			
			#dateHolder{
				margin: 20px 0;
				padding: 5px 0;
				border-top: 2px dotted @grayLight;
				border-bottom: 2px dotted @grayLight;
				
				table{
					margin-bottom: 15px;
				}
			}
			
			#pageResults, #browserResults{
				table{
					width:100%;
					
					thead{
						background-color: #C71C22;
						color: #fff;
						
						tr{
							font-size:18px;
							font-weight:bold;
							
							td:nth-child(2){
								width:27%;
							}
							
							td:nth-child(1){
								width:51%;
							}
						}
					}
					
					tr{
						td:nth-child(2){
							padding: 5px;
						}
						
						td:nth-child(1){
							padding: 5px;
						}
					}
				  
					.oddRowColor{
					  background-color: #E9E9E9;
					}
					
					.evenRowColor{
					  background-color: #fff;
					}
				}
			}
			
			#dailyStats{
				width: 100%;
				
				#dailyStatsGraph{
					width: 100%;
					height: 300px;
				}
			}
		}
		
		#recipeContain{
			#localRecipes{
				width:48%;
				float: left;
			}
			
			.recipeContain{
				h4{
					margin-top:0;
					margin-bottom: 0;
					line-height: 1.1em;
				}
				
				p.featuredRecipe{
					padding: 10px;
					text-align: center;
					font-weight: bold;
					background-color: @green;
					color: @white;
				}
				
				p.featuredRecipeFuture{
					padding: 10px;
					text-align: center;
					font-weight: bold;
					background-color: @yellow;
					color: @black;
				}
			}
			
			#sharedRecipes{
				width:48%;
				margin-right:4%;
				float: left;
				
				.recipeContain{
					margin-bottom: 15px;
					border-bottom: 1px solid @grayLighter;
					padding-bottom: 15px;
				}
			}
			
			#sharedRecipesCal, #localRecipesCal{
				width:100%;
				margin-bottom:30px;
				
				.recipeHeader{
					margin-bottom: 15px;
					border-bottom: 2px dotted @primary;
					padding-bottom: 5px;
				}
				
				.recipeContain{
					float: left;
					width: 48%;
					height: 90px;
					margin-right: 2%;
					margin-bottom: 15px;
					border-bottom: 1px solid @grayLighter;
					padding-bottom: 15px;
				}
			}
		}
		
		#addDeli{
			margin:13px 0 0 55px;
			display: inline-block;
		}
		
		#lunchContain, #recipeManage{
			clear: both;	
			margin-top: 20px;
			
			#nextMonth, #prevMonth{
				cursor: pointer;
			}
			
			#calendar{
				width:38%;
				float: left;
				
				.calendar{
					float: left;
					
					caption{
						margin-bottom: 10px;
						font-size:15px;
						letter-spacing: .25em;
						font-weight: bold;
					}
					.header{
						height:30px;
						width: 30px;
						background-color: @primary;
						color:#fff;
						text-align: center;
						vertical-align: middle;
					}
					
					.day{
						height:30px;
						width: 30px;
						text-align: center;
						vertical-align: middle;
						
						&:hover{
							background-color: @primary;
							color:#fff;
							cursor: pointer;
						}
					}
					
					.assignedDay{
						background-color: @grayLighter;
					}
					
					.pickedDay{
						background-color: @secondary;
					}
				}
			}
			
			#weeklyLunch{
				margin-top:30px;
				
				.aLunch{
					width:18%;
					margin-right: 2%;
					float: left;
					
					h4{
						margin-bottom: -8px;
					}
					
					img{
						height: 100px;
					}
				}
			}
			
			#viewLunch{
				float: right;
				width: 57%;
				
				h3{
					line-height: 23px;
					margin-top:0;
				}
			}
			
			#deliDropdown, .deliDropdown{
				margin-top:16px 0;
			}
			
		}
		
		#storeInfo{
			.accordion-group{
				border: none;
				margin-bottom: 0;
				
				.accordion-heading{
					.accordion-toggle{
						padding: 0;
					}
				}
				
				.accordion-body{
					.accordion-inner{
						border: none;
						padding: 0;
					}
				}
			}
			
			.editStore a{
				font-size:18px;
				color:@grayLight;
				cursor: pointer;
				
				&:hover{
					color: @gray;
				}
			}
			.theError{
				width: 100%;
				padding:8px;
			}
			  
			.formEntry{
				margin-bottom:20px;
				margin-left:20px;
			}	  
			  
			  
			.sectionHeading{
				margin-bottom: 15px;
				border-bottom: 1px solid #E3E3E3;
				width: 95%;
			}
			  
			label{
				font-weight:bold;
			}
			  
			.col1Width{
				width:300px;
			}
			  
			.colWidth{
				width:100px;
				text-align: center;
			}
			  
			thead tr{
				background-color: #C71C22;
				font-weight:bold;
				color: #fff;
			}
			  
			td i.icon-check{
				color: green;
			}
			  
			td i.icon-remove{
				color: #C71C22;
			}
			  
			td{
				padding:10px 0 10px 10px;
				vertical-align: middle;
			}
			  
			.colLeft.span6{
				float: left;
				margin-left:0;
				width:290px;
			}
			  
			.colRight.span6{
				float: left;
				width:290px;
			}
			
		}
		
		#usersInfo{
			table{
				thead{
					background-color: @primary;
					color: #fff;
				}
				tr{
					td:nth-child(1){
						width:27%;
					}
					
					td:nth-child(2){
						width:51%;
					}
					
					td:nth-child(3){
						width:19%;
					}
				}
				select{
					width:100%;
				}
				.removeUser, .changePass{
					color:@grayLight;
					cursor: pointer;
					
					&:hover{
						color: @gray;
					}
				}
			}
			
			tr.deleteAlert, tr.passAlert{
				background-color: @primary;
				color: #fff;
				
				.removeUserConfirm, .removeUserDeny, .changePassConfirm, .changePassDeny{
					cursor: pointer;
				}
			}
		}
	}
	
}
// MEDIA QUERIES
// -----------------------------------------------------

@media (max-width: 580px) {
	#storePortal{
		.portalContent{
			border-left: none;
			margin-top: 20px;
			
			.contentContain{
				margin-left: 0;
			}
		}
	}
	
	[class*="span"]{
		width:96%;
	}
}
