SPOT-2047

/* Less Variables */

@purple_text: #4c497e;
@grey_light: #b2b2b2;
@grey_dark: #4d4d4d;
@grey_border: #d6d6d6;
@grey_background: #f9f9f9;
@grey_medium: #aaa;
@star-color: #625F9B;

@nav_background: #6564A8;

#preload { background: no-repeat -9999px -9999px; background-image: url(../img/pins/pin00@2x.png), url(../img/pins/pin00-alt@2x.png);}

.map-label {
  background-color: transparent;
  width: 25px;
  font-size: 12px;
  padding: 0;
  margin: -2px 0 0 0;
  text-align: center;
  color: #fff;
}

body {
    background-color: @grey_background;
}

button {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;

    border-color: #3e3e3e !important;
}

.primary-button {color:white !important;text-shadow: none ;
			background: rgba(101,100,171,1);
			background: -moz-linear-gradient(top, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(101,100,171,1)), color-stop(100%, rgba(72,72,138,1)));

			background: -webkit-linear-gradient(top, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);
			background: -o-linear-gradient(top, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);
			background: -ms-linear-gradient(top, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);

			background: linear-gradient(to bottom, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6564ab', endColorstr='#48488a', GradientType=0 );

			border-color: #48488a;
			height: 40px;
			width: 100px;

			text-shadow: none !important;

	&:hover {
			color: white; text-shadow: none;
			background: rgba(124,124,207,1);
			background: -moz-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,124,207,1)), color-stop(100%, rgba(84,84,153,1)));
			background: -webkit-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -o-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -ms-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: linear-gradient(to bottom, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7ccf', endColorstr='#545499', GradientType=0 );
	}
	&:focus {
			color: white; text-shadow: none;
			background: rgba(124,124,207,1);
			background: -moz-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,124,207,1)), color-stop(100%, rgba(84,84,153,1)));
			background: -webkit-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -o-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -ms-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: linear-gradient(to bottom, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7ccf', endColorstr='#545499', GradientType=0 );
	}
}

#container { margin: 0 auto; position: relative; }

#nav { z-index: 1;

    .spacescout-header {
        .logo-container {
        .logo {
        	height: 44px;
        	width: 188px;
        	float:left;
        	position: relative;
            background-image: url('../img/spacescout_logo.png');
            background-size: 180px 40px;
            background-repeat: no-repeat;
            background-position: 8px 50%;
        }
        }

       .location_container {
            #location_select {
                background: #e8eaf7 url('../img/drop-arrow.png') no-repeat 98% 50%;
                background-size: 9px 7px;
                background-position: 95px 9px;
                -webkit-appearance: none;
                -moz-appearance: none;
                text-indent: 0.01px;
                text-overflow: '';
                color: #555;
                border: none;
                height: 25px;
                line-height: 20px;
                bottom: 5px;
                margin-top: 10px;
                margin-right: 8px;
                margin-left: 10px;
                padding: 3px 6px;
                right: 3px;
                width: 110px;
                border-radius: 3px;
            }
            #location_select:disabled {
                background: #eeeeee;
			    color: #aaa;
            }
        }
    }

    .user_context { line-height: 26px; text-align: right; padding: 5px 6px;
        .salutation { display: inline-block; font-size: 12px; color: #666; padding-right: 15px; }
    }

    .filter_context { height: 36px; background-color: #6E729F; color: white;
        button { display: inline-block; float: left; width: 84px; line-height: 36px; background:#6564A8; border: none !important; margin: 0; padding: 0; color: white;
                i { padding-left: 14px; }
        }

        #space_count_container { border-left: 1px solid @grey_dark; float: left; line-height: 36px; padding-left: 10px; }
    }
}

#filter-clear { display: none; position: absolute; top: 30px; border: 1px solid @grey_light; padding: 5px; width: 150px; z-index: 999; left:50%; margin-left: -75px; background-color: @grey_dark; text-align: center; animation:filter-clear-anim 1s; -webkit-animation:filter-clear-anim 1s; animation-delay:1000ms; -webkit-animation-delay:1000ms;}
@keyframes filter-clear-anim { 100% {left:0px;} }
@-webkit-keyframes filter-clear-anim {100% {left:0px;}}

#filter_container { position: relative; margin: 0 0px 11px 0px;

    #filter_block { display:none; background-color:#222; color: @grey_medium; overflow-y: auto; -webkit-overflow-scrolling: touch;
    .bubble-inner { background-color:#fff; border: solid 1px @grey_border;

      //  .bubble-tab { width:17px; background: transparent url('../img/tri-up.png') no-repeat; position:absolute; top: -7px; right: 15px; text-indent: -9999px; }
        .bubble-filters { width: 90%; background: #fff url('../img/spinner.gif') no-repeat 50% 50%; background-size: 15px;
            ul { list-style: none; margin: 0; margin-left: 4px; margin-top: 4px; height: 28px; overflow: hidden; background-color: #fff;
                li { display: inline-block; background-color: #eee; padding: 2px 5px; margin-bottom: 4px; font-size: 11px; }
            }
        }
        .bubble-info { width: 50px; height:32px; background: #e5e5e5 url('../img/spinner.gif') no-repeat 50% 50%; background-size: 15px;
            .count { display: block; padding: 4px; text-align: center; font-weight: bold; color: @purple_text; font-size: 20px; margin-top: 1px; background-color: #e5e5e5; }
            .spaces { display: block; text-align: center; font-size: 11px; text-transform: uppercase; color: @grey_light; background-color: #e5e5e5; }
        }
    }

    #bubble_mobile {  margin: -5px 0px 5px 0px; }

        .inner { padding: 15px; }

        .choice-group { border: none; /*border: solid 1px rgba(241,241,12,0.3);*/ margin: 0 0 20px 0; padding: 0;
            .checkbox.inline { margin-left: 0; margin-right: 10px; }
            label.inline { display: inline-block; }
            .small-text {font-size: 80%;}
        }

        .selected { color: #fff; }

        fieldset {
            legend { color: #8681b9; font-weight: bold; border-top: 1px dotted #aaa; margin: 0; font-size: 15px; line-height: 18px; padding: 10px 0 0 0; }

            fieldset legend { color: #fff; font-size: 13px; line-height: 14px; margin: 0 0 5px 0;
                span { font-weight: normal; font-size: 12px; }
            }
        }

        em { color: #fff; }

        #filter_space_types, #filter_equipment_types {
            .checkbox { display: block; white-space: nowrap; line-height: 30px;  padding-top: 0; margin-bottom: 0;
               input[type="checkbox"] { margin-top: -3px; width: 17px; height: 17px; float: none; }
            }
        }
        #filter_reservability, #filter_noise_level, #filter_food_coffee, #filter_lighting {
            .checkbox { width: auto; margin-right: 15px; white-space: nowrap; line-height: 30px; padding-top: 0;
                input[type="checkbox"] { margin-top: -3px; width: 17px; height: 17px; float: none; }
            }
        }

        #filter_location, #filter_hours {
            .radio { width: auto; margin-right: 15px; white-space: nowrap; line-height: 30px; padding-top: 0; margin-left: 0;
                input[type="radio"] { margin-top: -3px; width: 15px; height: 15px; float: none; }
            }

            .building-location { width: 100%; }
        }

        #filter_hours {
            .hours-from, .hours-until { display: block; }
            select { width: 33%; }
            .ampm { width: 60px; }
        }

        .filter-submit { background-color: #000; text-align: center; padding: 15px;
            .btn { background: yellow; color: #111; }
            .btn-link { background: transparent; color: #fff; text-shadow: none; }
        }

        button { height: 35px;
                 -webkit-border-radius: 4px !important;
                 -moz-border-radius: 4px !important;
                 border-radius: 4px !important;
        }
        #view_results_button { width: 130px; color: white; background: #6564A8; text-shadow: none; }
        #cancel_results_button { width: 80px; text-shadow: none; }
    }

    form { margin: 0px; }

}

/* MOBILE ONLY: Space details page */
#space_details_header { margin: 10px;
	#name-type-block { margin-left: 2px; width: 80%;}
	.back-link {margin-bottom: 10px; font-size: 12px; color: @purple_text;}
	.back-button { margin-top: -2px; margin-right:8px;}
    .space-detail-type { font-size: 13px; color: @grey_dark; margin-top: -3px;
        .space-detail-capacity { color: @grey_light; font-size: 11px; text-transform: uppercase; display: inline-block; margin-left: 5px; height: 20px; }
    }
    .space-detail-name { font-size: 20px; margin: 5px 0;  color: @purple_text; width:85%; line-height:20px; font-weight:normal;
        span { font-size: 13px; }
    }
	.space-actions{ margin-left: 2px; padding-top: 5px; margin-bottom: 5px;
		button{padding: 5px 7px 3px 7px !important;
			.fa-mail-forward {margin-top: 1px !important; margin-bottom: 0px;}
		}
		.space-stars { margin-top: 2px;
			i{ color: @star-color; }
		}
	}
    img { margin-top:8px; }

}

div.actions { display: none;
    a { text-decoration: none; color: @purple_text; }
}

/* favorites icons */
.space-detail-fav { color: #E5B52E; }

.space-detail-fav-unset {
    i {
		font-size: 11pt;
		color: @purple_text;
/*		padding: 7px 5px 5px 6px;*/
/*		border: 1px solid #DDD;*/
/*		border-radius: 4px;*/
/*		font-weight: bold;*/
/*		cursor: pointer;*/
    }
}

.space-detail-fav-set {
    i {
		font-size: 11pt;
		color: #E8B21C;
/*		padding: 7px 5px 5px 6px;*/
/*		border: 1px solid #e7d095;*/
/*		border-radius: 4px;*/
/*		font-weight: bold;*/
/*		cursor: pointer;*/
    }
}

.favorite-detail { border: 1px solid black; width: 300px; float: left; margin-left: 8px; margin-bottom: 8px; clear: right;
  ul {
    li { display: inline-block; background-color: #eee; padding: 2px 5px; margin-bottom: 4px; font-size: 11px; }
  }
}

#main_space_detail { background: #f8f8f8 url('../img/spinner.gif') no-repeat 50% 50%; min-height: 300px;
    .space_error_text { text-align: center; height: 300px; line-height: 300px; background-color: #f8f8f8; }
    .space-detail-container { background-color: #f8f8f8; }
}

.space-detail-header, #space_details_header {
    .space-actions { clear: both; display: relative; margin-bottom: 10px; margin-top: 5px;
        a#show_reviews:hover { text-decoration: none; }
    	span {font-size: 13px;}
        button { background-color: #f2f2f2; color: @purple_text; border-radius: 4px !important; font-size: 13px; height: 32px; padding: 0px 7px;
        			border: 1px solid #d6d6d6 !important; margin: 0px 3px;
        			background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
					background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
					background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
					background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
					background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
					background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
					background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
					filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);

	        .space-detail-fav {margin-right: 2px !important;}
	        .fa-mail-forward {font-size: 11pt; margin-top: 4px; margin-right: 4px; margin-left: 2px;}
        }
        button:hover{
			text-decoration: none;
			background-color: #e6e6e6;
			background-position: 0 -15px;
			-webkit-transition: background-position 0.1s linear;
			-moz-transition: background-position 0.1s linear;
			-o-transition: background-position 0.1s linear;
			transition: background-position 0.1s linear;
			background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
			background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
			background-repeat: repeat-x;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
			border-color: #e6e6e6 #e6e6e6 #bfbfbf;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
			border: 1px solid #bbbbbb;
			border-bottom-color: #a2a2a2;
        }
        button:focus{
			text-decoration: none;
			background-color: #e6e6e6;
			background-position: 0 -15px;
			-webkit-transition: background-position 0.1s linear;
			-moz-transition: background-position 0.1s linear;
			-o-transition: background-position 0.1s linear;
			transition: background-position 0.1s linear;
			background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
			background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
			background-repeat: repeat-x;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
			border-color: #e6e6e6 #e6e6e6 #bfbfbf;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
			border: 1px solid #bbbbbb;
			border-bottom-color: #a2a2a2;
        }
        span.divider {margin-left: 10px; margin-right: 10px;}
    }
}

#space_details_page { position: relative; margin: 10px;

    .space-detail-container {

        .space-detail { color: #333;

            .space-detail-inner {

                .space-detail-body {

                    .space-detail-body-inner { background: #fff; border: solid 1px @grey_border; padding: 5px;

                        .image-container, .map-container { }

                        .image-container { position: relative;
                            .carousel-nav { position: absolute; bottom: 0; background: none; z-index: 100; width: 100%; text-align: center;
                                ul { padding: 0; margin: 0; font-size: 50px; }
                                li { list-style: none; display: inline-block;
                                    a { line-height: normal; text-decoration: none; color: #fff; }
                                }
                                li a.active { color: @purple_text; }
                            }
                            .carousel { background: #f8f8f8 url('../img/spinner.gif') no-repeat 50% 50%; background-size: 20px;  margin: 0; min-height: 190px; overflow: hidden; }
                        }

                        .map-container { background: #f8f8f8 url('../img/spinner.gif') no-repeat 50% 50%; background-size: 20px; }
                     }
                }

                .space-info-header { color: @purple_text; margin-top:-20px; font-size:14px; font-weight:normal; }
                .space-info { margin-top: 20px;
                    ul { margin: 0; }
                    li { list-style: none; margin-bottom: 5px;
                      .space-info-label { width: 35%; margin-right: 10px; color: @grey_light; overflow: hidden; text-overflow: ellipsis; font-weight: normal; margin:0; line-height: inherit; font-size: inherit;}
                      .space-info-detail { width: 60%;
                            word-wrap: break-word;
							//lab stats styles
							.computer-available { color:#20b420; }
							.computer-notavailable {color: #b42020;}
                            // styles for space details, adds commas
                            ul.space-info-resources-list {
                                display: inline;
                                margin: 0;
                                padding: 0;
                            }

                            ul.space-info-resources-list li {
                                display: inline;
                                list-style: none;
                                margin: 0;
                                padding: 0;
                            }

                            ul.space-info-resources-list li:after {
                                content: ", ";
                            }

                            ul.space-info-resources-list li:last-child:after {
                                content: "";
                            }

                      }
                    }
                }

                .space-ratings-and-reviews { margin: 10px 0; border-top: 1px dotted #6d6d6d; border-bottom: 1px dotted #6d6d6d;

                	h3{	color: #4C497E;
						font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
						font-size: 18px;
						font-weight: normal;
						line-height: 20px;
						text-rendering: optimizelegibility;
					}

                	.space-reviews-content { margin-left: 0;
                        > li { list-style-type: none; }
	                	.space-reviews-none{background-color: #fcfcfc; padding: 20px; border-radius: 5px; border: 1px solid #e7e7e7; font-size: 13px;
		                	button{
								background: #e6e6e6;
								background-repeat: repeat-x;
								border: solid 1px #d6d6d6 !important;
								background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
								background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
								background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
								background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
								background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
								background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
								filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
								height: 32px;
								width: 150px;
								color: #4c497e;
								margin-top: 10px; margin-left: 0px;

		                		i{margin: 5px 9px 5px 3px;}
							}
							button:hover{
					            text-decoration: none;
								background-color: #e6e6e6;
								background-position: 0 -15px;
								-webkit-transition: background-position 0.1s linear;
								-moz-transition: background-position 0.1s linear;
								-o-transition: background-position 0.1s linear;
								transition: background-position 0.1s linear;
								background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
								background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
								background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
								background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
								background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
								background-repeat: repeat-x;
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
								border-color: #e6e6e6 #e6e6e6 #bfbfbf;
								border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
								filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
								border: 1px solid #bbbbbb;
								border-bottom-color: #a2a2a2;

				            }

	                	}
                	}

                	/*CSS for reviews compose section*/
                	.space-review-compose{ padding: 15px; font-size: 12px; background-color: #fdfdfd; border: 1px solid #e7e7e7; padding: 15px; border-radius: 5px;
	                	h4{font-size: 17px; margin-bottom: 0px; margin-top: 5px;}
	                	fieldset{
		                	border: 0px; margin: 0px; padding: 0px;
	                	}
	                	legend{border: none;}
	                	.rate-subhead{
		                	font-size: 14px;
							line-height: 30px;
							color: #333;
							font-weight: normal;
							margin: 10px 0px;

							.small-legend{
								font-size:11px;
								color:#666;
								}
						}

	                	.space-review-rating { padding-bottom: 10px;
                          ol {
                            li {
                              input { height: 33px; width: 33px; }
                              label { margin-left: -33px;
                                i { font-size: 33px; }
                              }
                            }
                          }
	                	}
	                	.space-review-chars{ float: right; font-size: 12px; }
	                	textarea{width: 97%;}
	                	a{font-size: 12px; margin-bottom: 0px;}
	                	#space-review-submit {
							height: 32px;
							width: 100px;
							color: black;
							background-color: #4c497e;
	                	}
	                	#space-review-submit:disabled {
                            cursor: not-allowed;
                            background: none;
							background-color: #cccccc !important;
                        }
	                	#space-review-submit:hover:disabled {
                            cursor: not-allowed;
                            background: none;
							background-color: #cccccc !important;
                        }
	                	#space-review-cancel {
		                	background-color: #f2f2f2;
							color: #4c497e;
							border-radius: 4px !important;
							font-size: 13px;
							border: 1px solid #e6e6e6 !important;
							background-image: linear-gradient(to bottom, #fdfdfd, #e6e6e6);
							height: 32px;
							width: 80px;
	                	}
	                	#space-review-cancel:hover{
		                	text-decoration: none;
							background-color: #e6e6e6;
							background-position: 0 -15px;
							-webkit-transition: background-position 0.1s linear;
							-moz-transition: background-position 0.1s linear;
							-o-transition: background-position 0.1s linear;
							transition: background-position 0.1s linear;
							background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
							background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
							background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
							background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
							background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
							background-repeat: repeat-x;
							filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
							border-color: #e6e6e6 #e6e6e6 #bfbfbf;
							border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
							filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
							border: 1px solid #bbbbbb;
							border-bottom-color: #a2a2a2;
	                	}
                	}

                	.space-review-submitted {
	                	border-radius: 5px;
						border-color: #e7e7e7;
						padding-top: 15px;
						padding-bottom: 25px;
						padding-left: 15px;
						padding-right: 15px;
						font-size: 13px;
						line-height: 1.4em;

						a{padding-top: 5px; padding-bottom: 5px;text-decoration: underline;}
                	}
                }

                .space-image-map-buttons { text-align:right; margin: -1px 0 0 0;
                    button { border: solid 1px @grey_border !important; padding: 4px 7px; }
                    button.active { background-color: #fff; border-top: solid 1px #fff !important; }

                    #carouselControl span { background: transparent url('../img/gallery_grey.png') no-repeat 50% 50%; display: inline-block; text-indent: -9999px; width: 30px; height: 25px; }
                    #carouselControl.active span { background: transparent url('../img/gallery_purple.png') no-repeat 50% 50%; }
                    #mapControl span { background: transparent url('../img/locate_grey.png') no-repeat 50% 50%; display: inline-block; text-indent: -9999px; width: 30px; height: 25px; }
                    #mapControl.active span { background: transparent url('../img/locate_purple.png') no-repeat 50% 50%; }
                }

                .space-detail-share { padding-top: 5px;
                   i { padding-right: 3px; }
                   a { color: @purple_text; }
                }

                .space-detail-report { text-align:center;margin-top:20px;
                    a, a:visited { vertical-align:bottom; color: @purple_text; }
                }
                .space-detail-footer { text-align: center; font-size: 12px; color: @grey_light; height: 50px; padding-top: 10px; }
            }
        }
    }

}
/* END MOBILE ONLY */

#main_content { margin: 0 10px 10px 10px; padding: 10px; border: solid 1px @grey_border; background-color: #f7f7f7;
	.singleSubmit-button{width: 200px; }
}

.space-detail {
    .space-ratings-and-reviews { padding: 20px 0;
	    h3{	color: #4C497E;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 18px;
			font-weight: normal;
			line-height: 20px;
			text-rendering: optimizelegibility;
			width: 190px;
		}

        .loading { height: 40px; background: #f8f8f8 url('../img/spinner.gif') no-repeat 50% 50%; background-size: 26px; }

        .reviews-section-header { clear: both; overflow: auto;
            h3 { float: left; font-weight: normal; color: @purple_text; }
        	.write-a-review{
				float: right;
				background: #e6e6e6;
				background-repeat: repeat-x;
				border: solid 1px #d6d6d6 !important;
				background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
				background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
				background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
				background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
				background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
				filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
				height: 32px;
				width: 110px;
				color: #4c497e;
                margin-top: 4px;
				margin-left: 5px;
				padding: 0;
				i{margin-right: 5px;}
            }
            .write-a-review.add-a-review { float: right; }
            .write-a-review:hover{
	            text-decoration: none;
				background-color: #e6e6e6;
				background-position: 0 -15px;
				-webkit-transition: background-position 0.1s linear;
				-moz-transition: background-position 0.1s linear;
				-o-transition: background-position 0.1s linear;
				transition: background-position 0.1s linear;
				background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
				background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
				background-repeat: repeat-x;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
				border-color: #e6e6e6 #e6e6e6 #bfbfbf;
				border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
				border: 1px solid #bbbbbb;
				border-bottom-color: #a2a2a2;

            }
            .write-a-review:focus{
	            text-decoration: none;
				background-color: #e6e6e6;
				background-position: 0 -15px;
				-webkit-transition: background-position 0.1s linear;
				-moz-transition: background-position 0.1s linear;
				-o-transition: background-position 0.1s linear;
				transition: background-position 0.1s linear;
				background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
				background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
				background-repeat: repeat-x;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
				border-color: #e6e6e6 #e6e6e6 #bfbfbf;
				border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
				border: 1px solid #bbbbbb;
				border-bottom-color: #a2a2a2;

            }
        }
        h3 {font-weight: normal; color: @purple_text; }
        .space-review-rating { clear: both;
            ol { list-style: none; display: inline-block; height: 30px; padding: 0; margin: 0;
              li { display: inline-block; height: 30px;
                input { position: relative; top: -8px; height: 30px; width: 30px; margin: 0; padding: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
                label { display: inline-block; margin-left: -30px;
                  i { color: @star-color; font-size: 30px; }
                }
              }
            }

            span { display: inline-block; position: relative; top:-4px; line-height: 30px; height: 30px; font-size: 12px; font-style: italic; }
        }
        .space-reviews-none, .space-review-submitted { height: 60px; padding: 8px; line-height: 14px;
            background-color: white;
            border: 1px solid black;
            a { text-decoration: normal; padding-top: 16px; }
        }

        .space-reviews-review{ font-size: 11px; clear: both; padding: 12px 0px;
	       	.space-review-header{
	            span { margin-right: 10px;
	            		i {color: @star-color; font-size: 16px;}
	            	}
	        	}
	    	}
	    	.space-review-body{
                word-wrap: break-word;
	        	font-size: 14px;
	    	}

        .more-space-reviews { clear: both; padding-top: 18px;
            a { color: @purple_text; }
        }

        textarea { display: block; width: 100%; height: 80px; }
        #review_guidelines { color: @purple_text; display: block; }
        ul { padding: 8px 0; }

        button {
        	color: @purple_text; border-radius: 4px !important; font-size: 13px; border: 1px solid #ececec !important; padding: 3px 10px; margin: 0px 3px;}
    }
}

#map_canvas {
    background: #f7f7f7 url('../img/spinner.gif') no-repeat 50% 50%;
    background-size: 20px;

    .map-control-container { position: absolute; top:0; right: 0; width: auto; z-index: 1; text-align: right; padding: 7px;
        #center_all, #center_me { cursor: pointer; }
    }
}

#info_list {
    position: relative;
    padding: 0;
    height: 300px;
    background-color: #ededed;
    border-top: solid 1px @grey_border;
    margin: -10px;
    margin-top: 10px;

    .list-inner { border: solid 2px #ededed; }

    .list-arrow { background-color: #ededed; position:absolute; top: -31px; z-index:1000; width:45px; line-height: 30px; left:50%; margin-left:-22.5px; text-align:center;

        border-left: solid 1px @grey_border;
        border-top: solid 1px @grey_border;
        border-right: solid 1px @grey_border;

        #filter_link { display: block; width: 45px; height: 30px; }
    }

    /* list of spaces */
    #info_items {
    	.no-spaces { background: none; border: none; color: #333; padding: 5px; list-style: none; text-align: center; }

        ol { margin: 0; list-style: none;

            .building_header { border-top:solid 1px @grey_border; background-color: #ddd; color:#222; font-size: 12px; padding: 5px 10px; line-height: inherit; margin: inherit; }

            li ol {
                .view-details { cursor: pointer;
                    button {
                        border: none !important;
                        background: none !important;
                        text-align: left !important;
                        padding: 0 !important;
                    }
                }

            li { background-color: #fff; color: #000; list-style: none; margin-bottom: 0px; padding: 10px; border-left:solid 1px @grey_border; border-right:solid 1px @grey_border; border-bottom:solid 1px @grey_border;

                .space-detail-list-image { margin-right: 10px; display: inline-block; width: 100px; height: 67px; border: solid 1px #fff; background: #eee url('../img/spinner.gif') no-repeat 50% 50%; background-size: 15px;

                        .img { width: 100px; }

                        .space-detail-list-image-inner { width: 100px; height: 67px; overflow: hidden; }
                    }

                .space-detail-list-item { display: inline-block;
                	.space-detail-labstats {
                	                	background-image: url('../img/comp-icon.png'); background-size: 20px 20px;
                	                	background-repeat: no-repeat; background-position: left top;
                						color: @grey_dark; font-size: 11px; text-transform: uppercase; display: inline-block; margin-left: 5px;
                						.computer-available { color:#20b420; }
										.computer-notavailable {color: #b42020;}
                						p {margin:0; margin-left:20px; margin-top: -1px; font-weight: bold;}
                	}

                    .space-detail-capacity { color: @grey_light; font-size: 12px; display: inline-block; height: 20px; line-height: 13px;}
                    .space-detail-type-label { color: @grey_light; display: inline-block; min-width: 55%; .wrap; line-height: 13px; font-size:12px;
                        a:after { content: "\00200B"; }
}
                    .space-detail-type { color: @grey_dark; font-size: 13px; }
                    .space-detail-name { font-size: 16px; line-height: 20px; padding-top: 2px; .wrap; color: #000; }
                    .space-detail-desc { font-size: 13px; .wrap; color: #000; }
                }

	            li:last-child { border-bottom: none; }
	            li.building_header { border-top:solid 1px @grey_border; background-color: #ddd; color:#999; font-size: 12px; padding: 5px 10px; }
	            li.no-spaces { background: none; border: none; color: #333; padding: 5px; list-style: none; }
        		}

    		}
		}
	}
}
/* wrapping mixins */
.nowrap () {
	white-space: nowrap; overflow:hidden; text-overflow: ellipsis;
}
.wrap () {
	white-space: pre-wrap; word-wrap: break-word;
}

#footer { margin: 15px 10px 10px 10px; font-size: 11px; line-height: 14px; background: url('../img/w.png') no-repeat;

    .copyright { margin-left: 45px; margin-bottom: 10px; }
    .partners { margin-left: 45px; color: #aaa; }
}

.loading { position: relative; width: 200px; left:50%; margin-left: -100px;
    .loading-inner { padding: 0px 10px 10px 20px; background: url('../img/spinner.gif') no-repeat; background-size: 20px; margin-top: 10px;}
    img { width: 20px;}
}

.suggest { padding-bottom: 18px;
}

.back-top { line-height: 35px; text-align: center;
    #top_link { background:#514d83; display:inline-block; color: #8987ab; }
}

.required { color: red; font-size: 14px; }

.requiredtext { color: red; font-size: 10px; }

.alert { padding: 0 8px; margin: 0; font-weight: normal; }

.fieldWrapper { float: left; clear: left; margin-bottom: 10px; font-size: 12px;
}

.alert-error {
    float: right; color: red; font-size: 10px; font-style: italic;
}

.contact-header, .suggest-header, .share-header { clear: both; font-size: 20px; margin: 5px 0;  color: @purple_text; width:85%; line-height: 20px; font-weight: normal; }

.fieldWrapper {margin-bottom:10px; font-size: 12px;
    label { color: gray; width: 298px; }
    input { width: 286px; }
    textarea { width: 286px; }
    .alert { color: red; }
 }

.infoWrapper {margin-bottom:10px; font-size: 12px; width: 100%; word-wrap: break-word;
    p { font-style: italic; }
    span { color: #08C; }
 }

.fieldDelimiter { border-top: 1px dotted @grey_light; width: 300px; }

 /* Callout for iOS 5/6 mobile devices */
#ios_callout { position:absolute; top: 0; bottom: 0; left:0; right:0; background: black; z-index: 2000; display:none; background: rgba(0, 0, 0, 0.6);

    .ios-inner-container { position: absolute; height: 150px; top: 70px; left: 20px; right: 20px; margin-bottom: 100px; background-color: #fff; padding: 20px; color: #000; text-align: center;
        box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 1px 1px 6px rgba(0,0,0, 0.5);
        -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);

        p { font-weight: bold; margin: 20px 0; }
        button { width: 100%; margin-bottom: 10px; }

        #download_native { background:#514d83; color: #8987ab;  }
        #continue_webapp { color: #646464; }
    }
}

/* Override default Bootstrap Popover styles */
.close, .close:hover { opacity: 1; }

select {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.carousel { overflow: hidden; }
.carousel-control { top: 50% !important; border: 2px solid #fff; }
.carousel-inner { position: relative;
    img { max-width: 100% !important; margin: 0 auto; }
}

/* Helper for hiding elements offscreen */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Target small devices */
@media screen and (min-width: 320px) {

    #nav {
        .favorites { padding: 0;
            #space_details_page { text-align: center }
            #Xspace-detail-blank { height: 170px;
              .Xspace-detail { border: 3px solid red; height: 170px; }
            }
        }
    }

    #map_canvas { }

    #info_list {
        #info_items {
            ol {
                li {
                    .space-detail-list-item { width: 53%; }
                }
            }
        }
    }

}

/* Target larger devices */
@media screen and (min-width: 480px) {

    #map_canvas { }

    #info_list {
        #info_items {
            ol {
                li {
                    .space-detail-list-item { width: 70%; }
                }
            }
        }
    }

}

/* Favorites */
	.page-title {
		color: #514DA3;
		font-size: 28px;
		margin-left: 10px;
	}
	.favorites-total{
		margin-left: 10px;
		font-size: 15px !important;
	}
	.group {
		color: #666;
		font-size: 20px;
		padding-top: 10px;
	}

.favorites-header { width: 100%; height: 5px; background-color: @nav_background;
    span {
       float:right;
       margin: -8px 90px 0 0;
       width: 0; height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-bottom: 12px solid @nav_background;
    }
}

.favorites { background-color: white; border: 1px solid #bbbbbb; padding: 8px;
    .navigation { width: 100%; font-size: 12px;
        a { display: block; float: right; padding-right: 20px; }
    }

    h4 { font-weight: normal;
      .comment { padding-left: 4px; font-weight: normal; color: gray; font-style: italic; font-size: 12px; }
    }

    .space-detail-header {

    }

    .footer { clear: both; padding: 20px 20px; font-size: 12px; }
}

.tokenfield.form-control {
    width: 298px;
    min-height: 29px;
    line-height: 20px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 1px 1px 6px rgba(0,0,0, 0.075);
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.075);
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    .twitter-typeahead { width: 286px; }
    .token-input.tt-input, { width: 286px; padding: 4px 6px; height: 20px; line-height: 20px; }
    .token-input.tt-hint { margin-top: 3px; margin-left: 5px; }
}

/*
This is patrick's attempt @ @2x:
*/

@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min--moz-device-pixel-ratio: 2) {
    #nav {
        .logo-container {
            .logo {
                background-image: url('../img/spacescout_logo@2x.png')
            }
        }
    }

    #info_items {
        ol {
            li {
                .space-detail-list-item {
                    .space-detail-labstats {
                        background-image: url('../img/comp-icon@2x.png');
                    }
                }
            }
        }
    }
}

/* Less Variables */

@purple_text: #4c497e;
@grey_light: #b2b2b2;
@grey_dark: #4d4d4d;
@grey_border: #d6d6d6;
@grey_background: #f9f9f9;
@grey_medium: #aaa;
@star-color: #625F9B;

@nav_background: #6564A8;

#preload { background: no-repeat -9999px -9999px; background-image: url(../img/pins/pin00@2x.png), url(../img/pins/pin00-alt@2x.png);}

.map-label {
  background-color: transparent;
  width: 25px;
  font-size: 12px;
  padding: 0;
  margin: -2px 0 0 0;
  text-align: center;
  color: #fff;
}

body {
    background-color: @grey_background;
}

button {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;

    border-color: #3e3e3e !important;
}

.primary-button {color:white !important;text-shadow: none ;
			background: rgba(101,100,171,1);
			background: -moz-linear-gradient(top, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(101,100,171,1)), color-stop(100%, rgba(72,72,138,1)));

			background: -webkit-linear-gradient(top, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);
			background: -o-linear-gradient(top, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);
			background: -ms-linear-gradient(top, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);

			background: linear-gradient(to bottom, rgba(101,100,171,1) 0%, rgba(72,72,138,1) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6564ab', endColorstr='#48488a', GradientType=0 );

			border-color: #48488a;
			height: 40px;
			width: 100px;

			text-shadow: none !important;

	&:hover {
			color: white; text-shadow: none;
			background: rgba(124,124,207,1);
			background: -moz-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,124,207,1)), color-stop(100%, rgba(84,84,153,1)));
			background: -webkit-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -o-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -ms-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: linear-gradient(to bottom, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7ccf', endColorstr='#545499', GradientType=0 );
	}
	&:focus {
			color: white; text-shadow: none;
			background: rgba(124,124,207,1);
			background: -moz-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,124,207,1)), color-stop(100%, rgba(84,84,153,1)));
			background: -webkit-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -o-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: -ms-linear-gradient(top, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			background: linear-gradient(to bottom, rgba(124,124,207,1) 0%, rgba(84,84,153,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7ccf', endColorstr='#545499', GradientType=0 );
	}
}

#container { margin: 0 auto; position: relative; }

#nav { z-index: 1;

    .spacescout-header {
        .logo-container {
        .logo {
        	height: 44px;
        	width: 188px;
        	float:left;
        	position: relative;
            background-image: url('../img/spacescout_logo.png');
            background-size: 180px 40px;
            background-repeat: no-repeat;
            background-position: 8px 50%;
        }
        }

       .location_container {
            #location_select {
                background: #e8eaf7 url('../img/drop-arrow.png') no-repeat 98% 50%;
                background-size: 9px 7px;
                background-position: 95px 9px;
                -webkit-appearance: none;
                -moz-appearance: none;
                text-indent: 0.01px;
                text-overflow: '';
                color: #555;
                border: none;
                height: 25px;
                line-height: 20px;
                bottom: 5px;
                margin-top: 10px;
                margin-right: 8px;
                margin-left: 10px;
                padding: 3px 6px;
                right: 3px;
                width: 110px;
                border-radius: 3px;
            }
            #location_select:disabled {
                background: #eeeeee;
			    color: #aaa;
            }
        }
    }

    .user_context { line-height: 26px; text-align: right; padding: 5px 6px;
        .salutation { display: inline-block; font-size: 12px; color: #666; padding-right: 15px; }
    }

    .filter_context { height: 36px; background-color: #6E729F; color: white;
        button { display: inline-block; float: left; width: 84px; line-height: 36px; background:#6564A8; border: none !important; margin: 0; padding: 0; color: white;
                i { padding-left: 14px; }
        }

        #space_count_container { border-left: 1px solid @grey_dark; float: left; line-height: 36px; padding-left: 10px; }
    }
}

#filter-clear { display: none; position: absolute; top: 30px; border: 1px solid @grey_light; padding: 5px; width: 150px; z-index: 999; left:50%; margin-left: -75px; background-color: @grey_dark; text-align: center; animation:filter-clear-anim 1s; -webkit-animation:filter-clear-anim 1s; animation-delay:1000ms; -webkit-animation-delay:1000ms;}
@keyframes filter-clear-anim { 100% {left:0px;} }
@-webkit-keyframes filter-clear-anim {100% {left:0px;}}

#filter_container { position: relative; margin: 0 0px 11px 0px;

    #filter_block { display:none; background-color:#222; color: @grey_medium; overflow-y: auto; -webkit-overflow-scrolling: touch;
    .bubble-inner { background-color:#fff; border: solid 1px @grey_border;

      //  .bubble-tab { width:17px; background: transparent url('../img/tri-up.png') no-repeat; position:absolute; top: -7px; right: 15px; text-indent: -9999px; }
        .bubble-filters { width: 90%; background: #fff url('../img/spinner.gif') no-repeat 50% 50%; background-size: 15px;
            ul { list-style: none; margin: 0; margin-left: 4px; margin-top: 4px; height: 28px; overflow: hidden; background-color: #fff;
                li { display: inline-block; background-color: #eee; padding: 2px 5px; margin-bottom: 4px; font-size: 11px; }
            }
        }
        .bubble-info { width: 50px; height:32px; background: #e5e5e5 url('../img/spinner.gif') no-repeat 50% 50%; background-size: 15px;
            .count { display: block; padding: 4px; text-align: center; font-weight: bold; color: @purple_text; font-size: 20px; margin-top: 1px; background-color: #e5e5e5; }
            .spaces { display: block; text-align: center; font-size: 11px; text-transform: uppercase; color: @grey_light; background-color: #e5e5e5; }
        }
    }

    #bubble_mobile {  margin: -5px 0px 5px 0px; }

        .inner { padding: 15px; }

        .choice-group { border: none; /*border: solid 1px rgba(241,241,12,0.3);*/ margin: 0 0 20px 0; padding: 0;
            .checkbox.inline { margin-left: 0; margin-right: 10px; }
            label.inline { display: inline-block; }
            .small-text {font-size: 80%;}
        }

        .selected { color: #fff; }

        fieldset {
            legend { color: #8681b9; font-weight: bold; border-top: 1px dotted #aaa; margin: 0; font-size: 15px; line-height: 18px; padding: 10px 0 0 0; }

            fieldset legend { color: #fff; font-size: 13px; line-height: 14px; margin: 0 0 5px 0;
                span { font-weight: normal; font-size: 12px; }
            }
        }

        em { color: #fff; }

        #filter_space_types, #filter_equipment_types {
            .checkbox { display: block; white-space: nowrap; line-height: 30px;  padding-top: 0; margin-bottom: 0;
               input[type="checkbox"] { margin-top: -3px; width: 17px; height: 17px; float: none; }
            }
        }
        #filter_reservability, #filter_noise_level, #filter_food_coffee, #filter_lighting {
            .checkbox { width: auto; margin-right: 15px; white-space: nowrap; line-height: 30px; padding-top: 0;
                input[type="checkbox"] { margin-top: -3px; width: 17px; height: 17px; float: none; }
            }
        }

        #filter_location, #filter_hours {
            .radio { width: auto; margin-right: 15px; white-space: nowrap; line-height: 30px; padding-top: 0; margin-left: 0;
                input[type="radio"] { margin-top: -3px; width: 15px; height: 15px; float: none; }
            }

            .building-location { width: 100%; }
        }

        #filter_hours {
            .hours-from, .hours-until { display: block; }
            select { width: 33%; }
            .ampm { width: 60px; }
        }

        .filter-submit { background-color: #000; text-align: center; padding: 15px;
            .btn { background: yellow; color: #111; }
            .btn-link { background: transparent; color: #fff; text-shadow: none; }
        }

        button { height: 35px;
                 -webkit-border-radius: 4px !important;
                 -moz-border-radius: 4px !important;
                 border-radius: 4px !important;
        }
        #view_results_button { width: 130px; color: white; background: #6564A8; text-shadow: none; }
        #cancel_results_button { width: 80px; text-shadow: none; }
    }

    form { margin: 0px; }

}

/* MOBILE ONLY: Space details page */
#space_details_header { margin: 10px;
	#name-type-block { margin-left: 2px; width: 80%;}
	.back-link {margin-bottom: 10px; font-size: 12px; color: @purple_text;}
	.back-button { margin-top: -2px; margin-right:8px;}
    .space-detail-type { font-size: 13px; color: @grey_dark; margin-top: -3px;
        .space-detail-capacity { color: @grey_light; font-size: 11px; text-transform: uppercase; display: inline-block; margin-left: 5px; height: 20px; }
    }
    .space-detail-name { font-size: 20px; margin: 5px 0;  color: @purple_text; width:85%; line-height:20px; font-weight:normal;
        span { font-size: 13px; }
    }
	.space-actions{ margin-left: 2px; padding-top: 5px; margin-bottom: 5px;
		button{padding: 5px 7px 3px 7px !important;
			.fa-mail-forward {margin-top: 1px !important; margin-bottom: 0px;}
		}
		.space-stars { margin-top: 2px;
			i{ color: @star-color; }
		}
	}
    img { margin-top:8px; }

}

div.actions { display: none;
    a { text-decoration: none; color: @purple_text; }
}

/* favorites icons */
.space-detail-fav { color: #E5B52E; }

.space-detail-fav-unset {
    i {
		font-size: 11pt;
		color: @purple_text;
/*		padding: 7px 5px 5px 6px;*/
/*		border: 1px solid #DDD;*/
/*		border-radius: 4px;*/
/*		font-weight: bold;*/
/*		cursor: pointer;*/
    }
}

.space-detail-fav-set {
    i {
		font-size: 11pt;
		color: #E8B21C;
/*		padding: 7px 5px 5px 6px;*/
/*		border: 1px solid #e7d095;*/
/*		border-radius: 4px;*/
/*		font-weight: bold;*/
/*		cursor: pointer;*/
    }
}

.favorite-detail { border: 1px solid black; width: 300px; float: left; margin-left: 8px; margin-bottom: 8px; clear: right;
  ul {
    li { display: inline-block; background-color: #eee; padding: 2px 5px; margin-bottom: 4px; font-size: 11px; }
  }
}

#main_space_detail { background: #f8f8f8 url('../img/spinner.gif') no-repeat 50% 50%; min-height: 300px;
    .space_error_text { text-align: center; height: 300px; line-height: 300px; background-color: #f8f8f8; }
    .space-detail-container { background-color: #f8f8f8; }
}

.space-detail-header, #space_details_header {
    .space-actions { clear: both; display: relative; margin-bottom: 10px; margin-top: 5px;
        a#show_reviews:hover { text-decoration: none; }
    	span {font-size: 13px;}
        button { background-color: #f2f2f2; color: @purple_text; border-radius: 4px !important; font-size: 13px; height: 32px; padding: 0px 7px;
        			border: 1px solid #d6d6d6 !important; margin: 0px 3px;
        			background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
					background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
					background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
					background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
					background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
					background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
					background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
					filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);

	        .space-detail-fav {margin-right: 2px !important;}
	        .fa-mail-forward {font-size: 11pt; margin-top: 4px; margin-right: 4px; margin-left: 2px;}
        }
        button:hover{
			text-decoration: none;
			background-color: #e6e6e6;
			background-position: 0 -15px;
			-webkit-transition: background-position 0.1s linear;
			-moz-transition: background-position 0.1s linear;
			-o-transition: background-position 0.1s linear;
			transition: background-position 0.1s linear;
			background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
			background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
			background-repeat: repeat-x;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
			border-color: #e6e6e6 #e6e6e6 #bfbfbf;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
			border: 1px solid #bbbbbb;
			border-bottom-color: #a2a2a2;
        }
        button:focus{
			text-decoration: none;
			background-color: #e6e6e6;
			background-position: 0 -15px;
			-webkit-transition: background-position 0.1s linear;
			-moz-transition: background-position 0.1s linear;
			-o-transition: background-position 0.1s linear;
			transition: background-position 0.1s linear;
			background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
			background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
			background-repeat: repeat-x;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
			border-color: #e6e6e6 #e6e6e6 #bfbfbf;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
			border: 1px solid #bbbbbb;
			border-bottom-color: #a2a2a2;
        }
        span.divider {margin-left: 10px; margin-right: 10px;}
    }
}

#space_details_page { position: relative; margin: 10px;

    .space-detail-container {

        .space-detail { color: #333;

            .space-detail-inner {

                .space-detail-body {

                    .space-detail-body-inner { background: #fff; border: solid 1px @grey_border; padding: 5px;

                        .image-container, .map-container { }

                        .image-container { position: relative;
                            .carousel-nav { position: absolute; bottom: 0; background: none; z-index: 100; width: 100%; text-align: center;
                                ul { padding: 0; margin: 0; font-size: 50px; }
                                li { list-style: none; display: inline-block;
                                    a { line-height: normal; text-decoration: none; color: #fff; }
                                }
                                li a.active { color: @purple_text; }
                            }
                            .carousel { background: #f8f8f8 url('../img/spinner.gif') no-repeat 50% 50%; background-size: 20px;  margin: 0; min-height: 190px; overflow: hidden; }
                        }

                        .map-container { background: #f8f8f8 url('../img/spinner.gif') no-repeat 50% 50%; background-size: 20px; }
                     }
                }

                .space-info-header { color: @purple_text; margin-top:-20px; font-size:14px; font-weight:normal; }
                .space-info { margin-top: 20px;
                    ul { margin: 0; }
                    li { list-style: none; margin-bottom: 5px;
                      .space-info-label { width: 35%; margin-right: 10px; color: @grey_light; overflow: hidden; text-overflow: ellipsis; font-weight: normal; margin:0; line-height: inherit; font-size: inherit;}
                      .space-info-detail { width: 60%;
                            word-wrap: break-word;
							//lab stats styles
							.computer-available { color:#20b420; }
							.computer-notavailable {color: #b42020;}
                            // styles for space details, adds commas
                            ul.space-info-resources-list {
                                display: inline;
                                margin: 0;
                                padding: 0;
                            }

                            ul.space-info-resources-list li {
                                display: inline;
                                list-style: none;
                                margin: 0;
                                padding: 0;
                            }

                            ul.space-info-resources-list li:after {
                                content: ", ";
                            }

                            ul.space-info-resources-list li:last-child:after {
                                content: "";
                            }

                      }
                    }
                }

                .space-ratings-and-reviews { margin: 10px 0; border-top: 1px dotted #6d6d6d; border-bottom: 1px dotted #6d6d6d;

                	h3{	color: #4C497E;
						font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
						font-size: 18px;
						font-weight: normal;
						line-height: 20px;
						text-rendering: optimizelegibility;
					}

                	.space-reviews-content { margin-left: 0;
                        > li { list-style-type: none; }
	                	.space-reviews-none{background-color: #fcfcfc; padding: 20px; border-radius: 5px; border: 1px solid #e7e7e7; font-size: 13px;
		                	button{
								background: #e6e6e6;
								background-repeat: repeat-x;
								border: solid 1px #d6d6d6 !important;
								background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
								background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
								background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
								background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
								background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
								background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
								filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
								height: 32px;
								width: 150px;
								color: #4c497e;
								margin-top: 10px; margin-left: 0px;

		                		i{margin: 5px 9px 5px 3px;}
							}
							button:hover{
					            text-decoration: none;
								background-color: #e6e6e6;
								background-position: 0 -15px;
								-webkit-transition: background-position 0.1s linear;
								-moz-transition: background-position 0.1s linear;
								-o-transition: background-position 0.1s linear;
								transition: background-position 0.1s linear;
								background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
								background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
								background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
								background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
								background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
								background-repeat: repeat-x;
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
								border-color: #e6e6e6 #e6e6e6 #bfbfbf;
								border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
								filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
								border: 1px solid #bbbbbb;
								border-bottom-color: #a2a2a2;

				            }

	                	}
                	}

                	/*CSS for reviews compose section*/
                	.space-review-compose{ padding: 15px; font-size: 12px; background-color: #fdfdfd; border: 1px solid #e7e7e7; padding: 15px; border-radius: 5px;
	                	h4{font-size: 17px; margin-bottom: 0px; margin-top: 5px;}
	                	fieldset{
		                	border: 0px; margin: 0px; padding: 0px;
	                	}
	                	legend{border: none;}
	                	.rate-subhead{
		                	font-size: 14px;
							line-height: 30px;
							color: #333;
							font-weight: normal;
							margin: 10px 0px;

							.small-legend{
								font-size:11px;
								color:#666;
								}
						}

	                	.space-review-rating { padding-bottom: 10px;
                          ol {
                            li { margin-left: 7px;
                              input { height: 33px; width: 33px; }
                              label { margin-left: -33px;
                                i { font-size: 33px; }
                              }
                            }
                          }
	                	}
	                	.space-review-chars{ float: right; font-size: 12px; }
	                	textarea{width: 97%;}
	                	a{font-size: 12px; margin-bottom: 0px;}
	                	#space-review-submit {
							height: 32px;
							width: 100px;
							color: black;
							background-color: #4c497e;
	                	}
	                	#space-review-submit:disabled {
                            cursor: not-allowed;
                            background: none;
							background-color: #cccccc !important;
                        }
	                	#space-review-submit:hover:disabled {
                            cursor: not-allowed;
                            background: none;
							background-color: #cccccc !important;
                        }
	                	#space-review-cancel {
		                	background-color: #f2f2f2;
							color: #4c497e;
							border-radius: 4px !important;
							font-size: 13px;
							border: 1px solid #e6e6e6 !important;
							background-image: linear-gradient(to bottom, #fdfdfd, #e6e6e6);
							height: 32px;
							width: 80px;
	                	}
	                	#space-review-cancel:hover{
		                	text-decoration: none;
							background-color: #e6e6e6;
							background-position: 0 -15px;
							-webkit-transition: background-position 0.1s linear;
							-moz-transition: background-position 0.1s linear;
							-o-transition: background-position 0.1s linear;
							transition: background-position 0.1s linear;
							background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
							background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
							background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
							background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
							background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
							background-repeat: repeat-x;
							filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
							border-color: #e6e6e6 #e6e6e6 #bfbfbf;
							border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
							filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
							border: 1px solid #bbbbbb;
							border-bottom-color: #a2a2a2;
	                	}
                	}

                	.space-review-submitted {
	                	border-radius: 5px;
						border-color: #e7e7e7;
						padding-top: 15px;
						padding-bottom: 25px;
						padding-left: 15px;
						padding-right: 15px;
						font-size: 13px;
						line-height: 1.4em;

						a{padding-top: 5px; padding-bottom: 5px;text-decoration: underline;}
                	}
                }

                .space-image-map-buttons { text-align:right; margin: -1px 0 0 0;
                    button { border: solid 1px @grey_border !important; padding: 4px 7px; }
                    button.active { background-color: #fff; border-top: solid 1px #fff !important; }

                    #carouselControl span { background: transparent url('../img/gallery_grey.png') no-repeat 50% 50%; display: inline-block; text-indent: -9999px; width: 30px; height: 25px; }
                    #carouselControl.active span { background: transparent url('../img/gallery_purple.png') no-repeat 50% 50%; }
                    #mapControl span { background: transparent url('../img/locate_grey.png') no-repeat 50% 50%; display: inline-block; text-indent: -9999px; width: 30px; height: 25px; }
                    #mapControl.active span { background: transparent url('../img/locate_purple.png') no-repeat 50% 50%; }
                }

                .space-detail-share { padding-top: 5px;
                   i { padding-right: 3px; }
                   a { color: @purple_text; }
                }

                .space-detail-report { text-align:center;margin-top:20px;
                    a, a:visited { vertical-align:bottom; color: @purple_text; }
                }
                .space-detail-footer { text-align: center; font-size: 12px; color: @grey_light; height: 50px; padding-top: 10px; }
            }
        }
    }

}
/* END MOBILE ONLY */

#main_content { margin: 0 10px 10px 10px; padding: 10px; border: solid 1px @grey_border; background-color: #f7f7f7;
	.singleSubmit-button{width: 200px; }
}

.space-detail {
    .space-ratings-and-reviews { padding: 20px 0;
	    h3{	color: #4C497E;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 18px;
			font-weight: normal;
			line-height: 20px;
			text-rendering: optimizelegibility;
			width: 190px;
		}

        .loading { height: 40px; background: #f8f8f8 url('../img/spinner.gif') no-repeat 50% 50%; background-size: 26px; }

        .reviews-section-header { clear: both; overflow: auto;
            h3 { float: left; font-weight: normal; color: @purple_text; }
        	.write-a-review{
				float: right;
				background: #e6e6e6;
				background-repeat: repeat-x;
				border: solid 1px #d6d6d6 !important;
				background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
				background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
				background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
				background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
				background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
				filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
				height: 32px;
				width: 110px;
				color: #4c497e;
                margin-top: 4px;
				margin-left: 5px;
				padding: 0;
				i{margin-right: 5px;}
            }
            .write-a-review.add-a-review { float: right; }
            .write-a-review:hover{
	            text-decoration: none;
				background-color: #e6e6e6;
				background-position: 0 -15px;
				-webkit-transition: background-position 0.1s linear;
				-moz-transition: background-position 0.1s linear;
				-o-transition: background-position 0.1s linear;
				transition: background-position 0.1s linear;
				background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
				background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
				background-repeat: repeat-x;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
				border-color: #e6e6e6 #e6e6e6 #bfbfbf;
				border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
				border: 1px solid #bbbbbb;
				border-bottom-color: #a2a2a2;

            }
            .write-a-review:focus{
	            text-decoration: none;
				background-color: #e6e6e6;
				background-position: 0 -15px;
				-webkit-transition: background-position 0.1s linear;
				-moz-transition: background-position 0.1s linear;
				-o-transition: background-position 0.1s linear;
				transition: background-position 0.1s linear;
				background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
				background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
				background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
				background-repeat: repeat-x;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
				border-color: #e6e6e6 #e6e6e6 #bfbfbf;
				border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
				border: 1px solid #bbbbbb;
				border-bottom-color: #a2a2a2;

            }
        }
        h3 {font-weight: normal; color: @purple_text; }
        .space-review-rating { clear: both;
            ol { list-style: none; display: inline-block; height: 30px; padding: 0; margin: 0;
              li { display: inline-block; height: 30px;
                input { position: relative; top: -8px; height: 30px; width: 30px; margin: 0; padding: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
                label { display: inline-block; margin-left: -30px;
                  i { color: @star-color; font-size: 30px; }
                }
              }
            }

            span { display: inline-block; position: relative; top:-4px; margin-left: 6px; line-height: 30px; height: 30px; font-size: 12px; font-style: italic; }
        }
        .space-reviews-none, .space-review-submitted { height: 60px; padding: 8px; line-height: 14px;
            background-color: white;
            border: 1px solid black;
            a { text-decoration: normal; padding-top: 16px; }
        }

        .space-reviews-review{ font-size: 11px; clear: both; padding: 12px 0px;
	       	.space-review-header{
	            span { margin-right: 10px;
	            		i {color: @star-color; font-size: 16px;}
	            	}
	        	}
	    	}
	    	.space-review-body{
                word-wrap: break-word;
	        	font-size: 14px;
	    	}

        .more-space-reviews { clear: both; padding-top: 18px;
            a { color: @purple_text; }
        }

        textarea { display: block; width: 100%; height: 80px; }
        #review_guidelines { color: @purple_text; display: block; }
        ul { padding: 8px 0; }

        button {
        	color: @purple_text; border-radius: 4px !important; font-size: 13px; border: 1px solid #ececec !important; padding: 3px 10px; margin: 0px 3px;}
    }
}

#map_canvas {
    background: #f7f7f7 url('../img/spinner.gif') no-repeat 50% 50%;
    background-size: 20px;

    .map-control-container { position: absolute; top:0; right: 0; width: auto; z-index: 1; text-align: right; padding: 7px;
        #center_all, #center_me { cursor: pointer; }
    }
}

#info_list {
    position: relative;
    padding: 0;
    height: 300px;
    background-color: #ededed;
    border-top: solid 1px @grey_border;
    margin: -10px;
    margin-top: 10px;

    .list-inner { border: solid 2px #ededed; }

    .list-arrow { background-color: #ededed; position:absolute; top: -31px; z-index:1000; width:45px; line-height: 30px; left:50%; margin-left:-22.5px; text-align:center;

        border-left: solid 1px @grey_border;
        border-top: solid 1px @grey_border;
        border-right: solid 1px @grey_border;

        #filter_link { display: block; width: 45px; height: 30px; }
    }

    /* list of spaces */
    #info_items {
    	.no-spaces { background: none; border: none; color: #333; padding: 5px; list-style: none; text-align: center; }

        ol { margin: 0; list-style: none;

            .building_header { border-top:solid 1px @grey_border; background-color: #ddd; color:#222; font-size: 12px; padding: 5px 10px; line-height: inherit; margin: inherit; }

            li ol {
                .view-details { cursor: pointer;
                    button {
                        border: none !important;
                        background: none !important;
                        text-align: left !important;
                        padding: 0 !important;
                    }
                }

            li { background-color: #fff; color: #000; list-style: none; margin-bottom: 0px; padding: 10px; border-left:solid 1px @grey_border; border-right:solid 1px @grey_border; border-bottom:solid 1px @grey_border;

                .space-detail-list-image { margin-right: 10px; display: inline-block; width: 100px; height: 67px; border: solid 1px #fff; background: #eee url('../img/spinner.gif') no-repeat 50% 50%; background-size: 15px;

                        .img { width: 100px; }

                        .space-detail-list-image-inner { width: 100px; height: 67px; overflow: hidden; }
                    }

                .space-detail-list-item { display: inline-block;
                	.space-detail-labstats {
                	                	background-image: url('../img/comp-icon.png'); background-size: 20px 20px;
                	                	background-repeat: no-repeat; background-position: left top;
                						color: @grey_dark; font-size: 11px; text-transform: uppercase; display: inline-block; margin-left: 5px;
                						.computer-available { color:#20b420; }
										.computer-notavailable {color: #b42020;}
                						p {margin:0; margin-left:20px; margin-top: -1px; font-weight: bold;}
                	}

                    .space-detail-capacity { color: @grey_light; font-size: 12px; display: inline-block; height: 20px; line-height: 13px;}
                    .space-detail-type-label { color: @grey_light; display: inline-block; min-width: 55%; .wrap; line-height: 13px; font-size:12px;
                        a:after { content: "\00200B"; }
}
                    .space-detail-type { color: @grey_dark; font-size: 13px; }
                    .space-detail-name { font-size: 16px; line-height: 20px; padding-top: 2px; .wrap; color: #000; }
                    .space-detail-desc { font-size: 13px; .wrap; color: #000; }
                }

	            li:last-child { border-bottom: none; }
	            li.building_header { border-top:solid 1px @grey_border; background-color: #ddd; color:#999; font-size: 12px; padding: 5px 10px; }
	            li.no-spaces { background: none; border: none; color: #333; padding: 5px; list-style: none; }
        		}

    		}
		}
	}
}
/* wrapping mixins */
.nowrap () {
	white-space: nowrap; overflow:hidden; text-overflow: ellipsis;
}
.wrap () {
	white-space: pre-wrap; word-wrap: break-word;
}

#footer { margin: 15px 10px 10px 10px; font-size: 11px; line-height: 14px; background: url('../img/w.png') no-repeat;

    .copyright { margin-left: 45px; margin-bottom: 10px; }
    .partners { margin-left: 45px; color: #aaa; }
}

.loading { position: relative; width: 200px; left:50%; margin-left: -100px;
    .loading-inner { padding: 0px 10px 10px 20px; background: url('../img/spinner.gif') no-repeat; background-size: 20px; margin-top: 10px;}
    img { width: 20px;}
}

.suggest { padding-bottom: 18px;
}

.back-top { line-height: 35px; text-align: center;
    #top_link { background:#514d83; display:inline-block; color: #8987ab; }
}

.required { color: red; font-size: 14px; }

.requiredtext { color: red; font-size: 10px; }

.alert { padding: 0 8px; margin: 0; font-weight: normal; }

.fieldWrapper { float: left; clear: left; margin-bottom: 10px; font-size: 12px;
}

.alert-error {
    float: right; color: red; font-size: 10px; font-style: italic;
}

.contact-header, .suggest-header, .share-header { clear: both; font-size: 20px; margin: 5px 0;  color: @purple_text; width:85%; line-height: 20px; font-weight: normal; }

.fieldWrapper {margin-bottom:10px; font-size: 12px;
    label { color: gray; width: 298px; }
    input { width: 286px; }
    textarea { width: 286px; }
    .alert { color: red; }
 }

.infoWrapper {margin-bottom:10px; font-size: 12px; width: 100%; word-wrap: break-word;
    p { font-style: italic; }
    span { color: #08C; }
 }

.fieldDelimiter { border-top: 1px dotted @grey_light; width: 300px; }

 /* Callout for iOS 5/6 mobile devices */
#ios_callout { position:absolute; top: 0; bottom: 0; left:0; right:0; background: black; z-index: 2000; display:none; background: rgba(0, 0, 0, 0.6);

    .ios-inner-container { position: absolute; height: 150px; top: 70px; left: 20px; right: 20px; margin-bottom: 100px; background-color: #fff; padding: 20px; color: #000; text-align: center;
        box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 1px 1px 6px rgba(0,0,0, 0.5);
        -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);

        p { font-weight: bold; margin: 20px 0; }
        button { width: 100%; margin-bottom: 10px; }

        #download_native { background:#514d83; color: #8987ab;  }
        #continue_webapp { color: #646464; }
    }
}

/* Override default Bootstrap Popover styles */
.close, .close:hover { opacity: 1; }

select {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.carousel { overflow: hidden; }
.carousel-control { top: 50% !important; border: 2px solid #fff; }
.carousel-inner { position: relative;
    img { max-width: 100% !important; margin: 0 auto; }
}

/* Helper for hiding elements offscreen */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Target small devices */
@media screen and (min-width: 320px) {

    #nav {
        .favorites { padding: 0;
            #space_details_page { text-align: center }
            #Xspace-detail-blank { height: 170px;
              .Xspace-detail { border: 3px solid red; height: 170px; }
            }
        }
    }

    #map_canvas { }

    #info_list {
        #info_items {
            ol {
                li {
                    .space-detail-list-item { width: 53%; }
                }
            }
        }
    }

}

/* Target larger devices */
@media screen and (min-width: 480px) {

    #map_canvas { }

    #info_list {
        #info_items {
            ol {
                li {
                    .space-detail-list-item { width: 70%; }
                }
            }
        }
    }

}

/* Favorites */
	.page-title {
		color: #514DA3;
		font-size: 28px;
		margin-left: 10px;
	}
	.favorites-total{
		margin-left: 10px;
		font-size: 15px !important;
	}
	.group {
		color: #666;
		font-size: 20px;
		padding-top: 10px;
	}

.favorites-header { width: 100%; height: 5px; background-color: @nav_background;
    span {
       float:right;
       margin: -8px 90px 0 0;
       width: 0; height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       border-bottom: 12px solid @nav_background;
    }
}

.favorites { background-color: white; border: 1px solid #bbbbbb; padding: 8px;
    .navigation { width: 100%; font-size: 12px;
        a { display: block; float: right; padding-right: 20px; }
    }

    h4 { font-weight: normal;
      .comment { padding-left: 4px; font-weight: normal; color: gray; font-style: italic; font-size: 12px; }
    }

    .space-detail-header {

    }

    .footer { clear: both; padding: 20px 20px; font-size: 12px; }
}

.tokenfield.form-control {
    width: 298px;
    min-height: 29px;
    line-height: 20px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 1px 1px 6px rgba(0,0,0, 0.075);
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.075);
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    .twitter-typeahead { width: 286px; }
    .token-input.tt-input, { width: 286px; padding: 4px 6px; height: 20px; line-height: 20px; }
    .token-input.tt-hint { margin-top: 3px; margin-left: 5px; }
}

/*
This is patrick's attempt @ @2x:
*/

@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min--moz-device-pixel-ratio: 2) {
    #nav {
        .logo-container {
            .logo {
                background-image: url('../img/spacescout_logo@2x.png')
            }
        }
    }

    #info_items {
        ol {
            li {
                .space-detail-list-item {
                    .space-detail-labstats {
                        background-image: url('../img/comp-icon@2x.png');
                    }
                }
            }
        }
    }
}


Fixed modal height

Fixed modal height

@import "global-variables.less";
@import "modal-styles.less";

.information_modal{
	@license-modal-height: 200px;
	@license-modal-width: 600px;
	padding:10px 5px;
	overflow-y:auto;
	.modal-dialog{
		width:@license-modal-width;
		min-height: @license-modal-height;
	}
	.modal-content{
		.modal-header{ background-color:@gray-200; }
		h4{
			font-size:15pt;
			font-weight:bold;
		}
		h3{
			font-size: 16px;
    		font-weight: bold;
    		color: @gray-800;
    		margin-top: 0px;
		}
		.modal-body-content{
			min-height:@license-modal-height * 0.7;
			overflow-y:auto;
			margin-bottom:20px;
			padding:5px;
		}
		p{
			font-size:12pt;
			color:gray;
			text-indent: 20px;
		}
		.mastery_container{
			padding:10px;
			.row{
				margin-bottom: 2px;
			    border: 1px solid @blue-100;
			    display: -webkit-box;
			    display: -webkit-flex;
			    display: -ms-flexbox;
			    display: flex;
			    flex-wrap: wrap;
				.criterion_name{
					text-align: right;
				    padding: 5px;
				    background-color: @blue-100;
				    color: @blue-700;
				    vertical-align: middle;
				}
				.criterion_description{
					padding: 5px;
					padding-left: 10px;
					color: @gray-700;
					.wordwrap;
				}
			}
		}
		.published_wrapper{
			min-height: 85px;
			margin-bottom: 0px;
			padding: 0px;
			.publish_id_wrapper{
				margin-top: 15px;
				.publish-id-text{
					width:400px;
					padding: 5px;
					margin-top: 2px;
				}
			}
		}
	}
}

@import "global-variables.less";
@import "modal-styles.less";

.information_modal{
	@license-modal-height: 400px;
	@license-modal-width: 600px;
	padding:10px 5px;
	overflow-y:auto;
	.modal-dialog{
		width:@license-modal-width;
		min-height: @license-modal-height;
	}
	.modal-content{
		.modal-header{ background-color:@gray-200; }
		h4{
			font-size:15pt;
			font-weight:bold;
		}
		h3{
			font-size: 16px;
    		font-weight: bold;
    		color: @gray-800;
    		margin-top: 0px;
		}
		.modal-body-content{
			min-height:@license-modal-height * 0.7;
			overflow-y:auto;
			margin-bottom:20px;
			padding:5px;
		}
		p{
			font-size:12pt;
			color:gray;
			text-indent: 20px;
		}
		.mastery_container{
			padding:10px;
			.row{
				margin-bottom: 2px;
			    border: 1px solid @blue-100;
			    display: -webkit-box;
			    display: -webkit-flex;
			    display: -ms-flexbox;
			    display: flex;
			    flex-wrap: wrap;
				.criterion_name{
					text-align: right;
				    padding: 5px;
				    background-color: @blue-100;
				    color: @blue-700;
				    vertical-align: middle;
				}
				.criterion_description{
					padding: 5px;
					padding-left: 10px;
					color: @gray-700;
					.wordwrap;
				}
			}
		}
		.published_wrapper{
			min-height: 85px;
			margin-bottom: 0px;
			padding: 0px;
			.publish_id_wrapper{
				margin-top: 15px;
				.publish-id-text{
					width:400px;
					padding: 5px;
					margin-top: 2px;
				}
			}
		}
	}
}