/*------------------------------------*\ 
    #PAGES:SRP-LISTINGS (Search Results Page for Listings)
\*------------------------------------*/
/*
    Certain Kendo UI form element(s) in .search-options are supposed to be
    bottom-aligned in order to give them a tab-like appearance so...

    1.  .search options needs relative positioning so that...
    2.  for a certain breakpoint...
    3.  .options-bottom can be absolutely positioned to the bottom of
        .search-options.
    4.  Because of [3], if, say, .options-bottom is the only immediate child
        element of .search-options, then there won't be anything to vertically
        fill up .search-options and .options-bottom won't display correctly. We
        need a min-height to help prevent this from happening. This value
        should be changed depending on .search-options' vertical padding and
        the height of elements expected to be inside an .options-bottom.
    5.  Because of the complexity of all this, using actual Bootstrap .col-*
        classes could get a little hairy and confusing when looking at HTML
        markup associated with these styles. Instead, we're essentially
        replicating the desired col-* styles here with .options-left and
        .options-right.
    6.  Instead of giving .search-options any bottom padding, .options-left and
        .options-right should have that padding because of [1] and [3].
    7.  To apply a tab-like appearance to a Kendo UI form element...
        a.  Bottom-align .option-group-bottom
        aa. min-width needed here so long dropdown selections don't wrap
        b.  Move the form control down using a negative bottom margin equal to
            the bottom padding of .options-left and .options-right
        c.  Move the form control's inner container (.k-dropdown-wrap) up using
            a negative top margin with the same value as [7b]
        d.  Increase the inner container's height to match height changes
            resulting from [7b] and [7c]
*/
.search-options {
  position: relative;
  /* [1] */
  display: block;
  padding: 10px 10px 0;
  /* [6] */
}
.search-options:before, .search-options:after {
  content: " ";
  display: table;
}
.search-options:after {
  clear: both;
}
@media (min-width: 768px) {
  .search-options {
    min-height: 50px;
    /* [4]*/
  }
}
.search-options .options-left, .search-options .options-right {
  /* [5] */
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  /* [6] */
}
.search-options .options-left {
  /* [5] */
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .search-options .options-left {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .search-options .options-left {
    float: left;
    width: 83.3333333333%;
  }
}
.search-options .options-right {
  /* [5] */
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .search-options .options-right {
    float: left;
    width: 25%;
  }
}
@media (min-width: 768px) {
  .search-options .options-right {
    left: 75%;
  }
}
@media (min-width: 1200px) {
  .search-options .options-right {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .search-options .options-right {
    left: 83.3333333333%;
  }
}
.search-options > .options-bottom {
  /*.form-inline .form-group*/
}
@media (min-width: 768px) {
  .search-options > .options-bottom {
    /* [2] */
    position: absolute;
    /* [3] */
    bottom: 0;
    /* [3] */
  }
}
.search-options > .options-bottom .option-group-bottom {
  vertical-align: bottom;
  /* [7a] */
}
.search-options > .options-bottom .option-group-bottom .control-orderby {
  min-width: 140px;
  /* [7aa] */
}
.search-options > .options-bottom .option-group-bottom .option {
  margin-bottom: -10px;
  /* [7b] */
}
@media (min-width: 768px) {
  .search-options > .options-bottom .option-group-bottom .option.k-textbox > input, .search-options > .options-bottom .option-group-bottom .option.k-textbox > textarea,
.search-options > .options-bottom .option-group-bottom .option .k-dropdown-wrap,
.search-options > .options-bottom .option-group-bottom .option .k-picker-wrap,
.search-options > .options-bottom .option-group-bottom .option .k-numeric-wrap {
    margin-top: -10px;
    /* [7c] */
    height: -webkit-calc(100% + 10px);
    height: calc(100% + 10px);
    /* [7d] */
  }
}

.listing-broker > img {
  max-width: 50px;
  max-height: 67px;
}
/*# sourceMappingURL=srp-listings.css.map */