// Adam 2
// Bootswatch
// -----------------------------------------------------
body{
	#contentWrapper{
		#loggedOutContainerMobile {
			display: none;
		}

		#loggedInContainer{
			width:20%;
			height:20px;
			padding: 6px 2%;
			//background: @secondary;
			//background: #dedede;
			position: absolute;
			right: 0;
			
			a {
				color:#fff;
				&.btn {
					padding: 8px 10px;
				}

			}
			
			div {
				margin-left:10px;
			}
		}
		
		#loggedOutContainer{
			height:20px;
			padding: 10px 2%;
			position: absolute;
			right: 0;
			
			a {
				&:hover {
					color: @red !important;
				}
			}
			
			div {
				margin-left:10px;
			}
		}
		
		#loggedInNavUsername {
			max-width: 33%;
		}
		
		#sf-wrapper{
			#bodyPadding{
				.navbar {
					#loginFormNavbar{
						width:300px;
						padding:20px;
						
						.btn{
							margin-bottom: 40px;
							display: block;
							width:100%;
							padding-right:0;
							padding-left:0;
						}
						
						a{
							position: absolute;
							bottom: 0;
							width: 100%;
							padding:10px 0;
							left: 0;
							text-align: center;
							background-color: @secondary;
							color: #fff;
						}
					}
				}
				
				.navbar {
					.navbar-inner{
						.container{
							.nav-collapse{
								.nav{
									&.loggedNav, &.loggedOutULcontainer {
										background: #fff;
										color: @primary;
										margin-left:20px;
										float:right;
										width:22%;
										z-index: 1039;
										
										a {
											color: @primary;
											text-shadow: none;
											
											&:hover {
												color:#fff;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}



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

 
/* Landscape phone to portrait tablet */
@media (max-width: 780px) {
	#mainContent {
		.tab-pane.span12,
		#rewardsContentContainer {
			margin-left: 0;
			width:98% !important;
		}

		#accountDisplayContainer {
			.accountSection {
				width: 100%;
			}
		}
	}
	body{
		#rewardsContent {
			#rewardsNavigation {
				li {
					width: 100%;
				}

				.tab-content {
					.well {
						padding: 0;
						background: none;
						border:none;
						box-shadow:none;
					}

					[class*="span"] {
						margin-left: 0;
						width:94% !important;
					}
				}
			}
		}
	}

	#loginModal, #forgotPassword, #couponModal {
		width:90%;
		margin-left:0;
		left:5%;
		z-index: 10000;
	}

	#loggedInContainerMobile, #loggedOutContainerMobile{
		position: absolute;
		top: 0;
		bottom: 0;
		padding: 10px 6%;
		background: @primary;
		color: #fff;
		width:100%;
		height:20px;
		display: block;
		
		a{
			color: @white;
			display: inline;
			margin-left: 3%;
		}
		
		br{
			display: none;
		}
	}

	
	#loggedOutContainerMobile{
		padding: 0;
		
		a{
			margin: 0;
			color:#fff;
			padding-top:9px;
			padding-bottom:10px;
			
			&.btn{
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
			}
		}
	}
}