@import "compass";
@import "theme_variables";

/***********************************************************
					Stores Page Styles
************************************************************/

#stores {
	#map {
		width: 100%;
		height: 447px;
		margin-bottom: 26px;	
	}
	input#addressInput {
		display: inline-block;
		width: 269px;
	}
	.address-input {
		@include rtl-float-left ();
		margin-right: 19px;
		@media (max-width: $screen-xs-max) { // max 767px
			width: 100%;
			margin: 0 0 20px 0;
		}
		label {
			@include rtl-margin-right(5px);
		}
	}
	.radius-input {
		@include rtl-float-left ();
		line-height: 23px;
		@include rtl-margin-right(20px);
		label, 
		.selector {
			@include rtl-float-left ();
		}
			
		label {
			@include rtl-margin-right(10px);
			margin-top: 8px;
		}
		
		#radiusSelect {
			width: 78px;
			@include rtl-float-left ();	
		}
	}
	.store-content {
		padding-bottom: 30px;
		.btn{
			padding: 6px 20px;
		}	
	}
	.store-content-select {
			.selector {
				visibility: hidden;
				display: none;
			}
			&.active {
				padding-top: 30px;
				margin-bottom: 30px;
				border-top: $main-border;
				
			.selector {
				visibility: visible;
				display: block;
			}	
		}
	}
	.store-title {
		margin-bottom: 16px;
	}
	#stores_loader {
	   display: none;
	   @include rtl-margin-left(5px);
	}
	#locationSelect {
   		max-width: 356px;
		visibility: hidden;
	}
	#stores-table {
		display: none;
		tbody {
			td {
				padding: 20px;
				&.num {
					background: $table-bg;
					width: 46px;	
				}
				&.name {
					span {
						@include rtl-padding-left(15px);	
					}
					@media (max-width: $screen-xs-max) { // max 767px
						img {display: none;}
					}
				}
			}
		}
	}
}

.store-image img {
	width: 100%;
	min-width: 100px;
}