/*new*/
.bootstrap-select.btn-group .dropdown-menu {z-index: 99999 !important;}
.mls .bresults .market-trends.panel-body {z-index: auto;}
.pagination a.button.light {/* background: #62b9ba; */ /* color: #fff; */}
/* .pagination>li>a, .pagination>li>span {color: #62b9ba;} */
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #0a0302;}
ul.mls-login {text-align: right; background: transparent !important; padding-top: 20px; margin-bottom: 20px; padding-right: 15px;}
.mls-login li {display: inline-block;}
.booking .panel.additional .btn {width: 100%; margin-bottom: 10px;}
.mls .features .labels label.clear {font-weight: bold !important;}
/*new*/

div#showPercentBooked {display: none;}
div#advanced-form.mls.booking .features .btn, form#refineForm #area+.btn-group .btn, form#refineForm .btn-group .btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background-color: transparent !important; color: #000 !important; border-color: #ccc;}
#refine-sidebar a.btn.btn-primary {white-space: normal;}
form#refineForm .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%;}
div#advanced-form.mls.booking .features .btn-default {background: transparent !important;}
div#advanced-form.mls.booking .bractions .btn-info:hover, div#advanced-form.mls.booking .btn-default:hover {background: transparent !important;}
div#advanced-form.mls.booking .features .amenities span {margin-right: 0;}
form#refineForm #area+.btn-group .btn, form#refineForm #area+.bootstrap-select.btn-group:not(.input-group-btn), form#refineForm #city+.btn-group .btn, form#refineForm #city+.bootstrap-select.btn-group:not(.input-group-btn) {display: block;}
form#refineForm #area.form-control {height: auto;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option.pull-left {white-space: normal;}
input#submitMlsCreateForm {margin-bottom: 20px;}
div#mlsModalCreate h1 + a, div#mlsModalLogin h1 + a, div#mlsCreateFormDiv h1 + a {position: relative; top: -15px; left: 25px; padding-left: 10px;}
div#mlsModalCreate h1, div#mlsModalLogin h1, div#mlsCreateFormDiv h1 {display: inline-block;}
div#mlsCreateFormDiv h1+a {padding: 6px 20px;}
div#mlsModalLogin, div#mlsPWRetrieval {margin-top: 10px; margin-bottom: 20px;}
div#mortgagecalc .modal-body {overflow-x: scroll; margin-right: 13px;}
#list-all-results .btn-group.btn-group-justified.bractions .btn-group:nth-child(2) {display: none;}
form#refineForm input[type="submit"] {width: 100%; background: #333; color: #fff; border: none;}

.clear {display: block !important; clear: both !important; float: none;}
.mls .features .labels label,
.mls .features .labels span {display: inline-block; width: auto; margin-right: 20px; font-weight: 400;}
.mls .features .labels label input[type=checkbox],
.mls .features .labels span input {width: 14px; height: 14px; margin-right: 6px; padding: 10px;}

.mls-login .mls-home {display: none;}

.pagination {margin-top: 0;}
.container.myProfileWrapper {margin-bottom: 30px;}
.container.myProfileWrapper .search-props {position: relative; margin: 20px 0 3px 0; z-index: 1;}
.client-profile.clientProfileWrapper input[type="submit"] {margin-top: 13px;}

/* Details Image Replacement (for MLS specifically) */
#propertyImages span, #propertyThumbs>div>div span {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover!important; background-position: center center!important; background-repeat: no-repeat!important;}
#propertyImages, #propertyImages a {padding-bottom: 66%;}
#propertyThumbs>div>div {width: 100px!important; height: 62px!important; margin-right: 5px; overflow: hidden; opacity: .5; -webkit-transition: opacity 250ms,border 250ms; -moz-transition: opacity 250ms,border 250ms; transition: opacity 250ms,border 250ms; position: relative!important;}
#propertyImages>div {position: absolute!important; top: 0; left: 0; right: 0; bottom: 0;}
/* Details Image Replacement (from BE) */
.bdetails #propertySlideshow { overflow: hidden; opacity: 1; }
.bdetails #propertyImages { position: relative; padding-bottom: 60%; }
.bdetails #propertyImages a { display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.bdetails #propertyImages span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
.bdetails #propertyThumbs .p-thumbs-wrap { position: relative; padding-bottom: 60%; display: block; }
.bdetails #propertyThumbs .p-thumbs-wrap span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }

#mlsSaveYourSearch #mls-wrapper .btn-group.bootstrap-select {width: 100%;}
#mlsSaveYourSearch #mls-wrapper .form-field input[type=text] {width: 100%; padding: 4px;}
#mlsSaveYourSearch #mls-wrapper .btn-group.bootstrap-select .btn {padding: 6px 25px;}
#mlsSaveYourSearch #mls-wrapper input[type="submit"], #mlsSaveYourSearch #mls-wrapper input[type="submit"] {padding: 12px !important;}
#mlsSaveYourSearch #mls-wrapper .modal-footer {padding: 0; border: none;}

@media only screen and (max-width: 992px) {
  .compare .compare-info .empty~p {display: none;}
  .compare .empty.compare-pic {height: auto;}
  .compare .empty.compare-pic div.jcarousel-controls {position: relative; top: -10px;}
  .compare .jcarousel .compare-details p.compare-label {height: auto; background: none; font-weight: bold; color: #8b3a41;}
  .compare .jcarousel .compare-details p:nth-child(even) {background: #F0F0F5;}
  .mls-search-results .btn-toolbar.rtools.pull-right .btn-group {width: 49%; margin: 3px 3px 3px 0;}
  .bresults button#gridView {margin-top: -5px;}
}

@media (max-width: 767px) {
  /* div#mlsCreateFormDiv h1 + a {top: -7px;} */
  .bdetails .amenities-list {padding: 1px;}
  .mls.booking.bdetails .amenities-list .item ul {padding: 0;}
}

@media (max-width: 480px) {
  div#mlsCreateFormDiv h1 {display: block;}
  div#mlsCreateFormDiv h1 + a {left: 0px;}
  .mls-search-results .btn-toolbar.rtools.pull-right .btn-group {width: 100%; margin: 0px 0px 3px 0;}
}