/* ************************************************************************
 *  UI ELEMENTS                                                          *
************************************************************************ */

/* ui elements */

#athome-search fieldset {
	margin: 0;
}

#athome-search .ui-slider
{
	margin-left: -1px;
}

#athome-search .ui-slider-handle
{
	margin-left: 0;
}

#athome-search .ui-slider-handle + .ui-slider-handle
{
	margin-left: -1.2em;
}

#athome-search .ui-slider-range
{
	background: #c01a24 !important; /* red */
}

#athome-search .ui-button
{
	color: black !important;
	border: 1px solid lightgray !important;
	background: whitesmoke !important;
	box-shadow: 0 1px 0 darkgray !important;
	width: 115px;
	margin-bottom: 5px;
}

#athome-search .ui-slider-handle.ui-state-active,
#athome-search .ui-button.ui-state-active,
#athome-search .ui-button.ui-state-active:hover
{
	background: #c01a24 !important; /* red */
	color: white !important;
	box-shadow: 0 1px 0 darkred !important;
	border: 1px solid darkred !important;
}

#athome-search .ui-button:hover
{
	text-decoration: underline !important;
}

#athome-search .athome-search-query,
#athome-search .athome-search-query input
{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}

#athome-search .athome-search-transaction,
#athome-search .athome-search-type
{
	display: inline-block !important;
}

#athome-search .athome-search-price,
#athome-search .athome-search-surface,
#athome-search .athome-search-bedrooms
{
	position: relative;
	text-align: right;
}

#athome-search .submit-button {
    width: auto;
    padding: 10px;
    margin: 0px 10px 10px 10px;
}

#athome-search fieldset.athome-search-type {
    float: right;
}

/*  Responsive Design  */

@media screen and (min-width:1024px) and (max-width: 1188px) {
  #athome-search .athome-search-type {
    float: none !important;
  }
}

@media screen and (max-width: 772px) {
  #athome-search .athome-search-type {
    float: none !important;
  }
}

/*
#athome-search .athome-search-price > label > span:first-child,
#athome-search .athome-search-surface > label > span:first-child,
#athome-search .athome-search-bedrooms > label > span:first-child
{
	left: .25em;
	position: absolute;
}

#athome-search .athome-search-price input[name="min_price"],
#athome-search .athome-search-surface input[name="min_surface"],
#athome-search .athome-search-bedrooms input[name="min_bedroom"]
{
	text-align: right;
}
*/