.floatLeft { float: left; }

.FilterPanel {
    padding-top: 6px;
    padding-bottom: 6px;
    height: auto;
    overflow: hidden;
}

.ListingTabPanel { height: 28px; }

.MenuItemMap { }

.MenuItem {
    margin-right: 4px;
    cursor: pointer;
    cursor: hand;
}

#listmapwrap { width: 100%; }

.labels {
    float: left;
    font-family: Arial;
    color: #4A4A4A;
    font-size: 8pt;
    font-weight: bold;
    width: 80px;
}

.cb { clear: both; }

.fl { float: left; }

.i {
    border: solid 1px #000000;
    width: 120px;
    height: 90px;
}

.labelcol {
    font-weight: bold;
    white-space: nowrap;
    vertical-align: top;
    border: 0px;
}

.sumcol { width: 100%; }

.infobox-body {
    background-color: White;
    padding: 8px;
    border: 1px solid black;
    line-height: 1em;
}

.InfoboxPanel { width: 400px; }

.MenuItemLoading {
    color: gray;
    width: 16px;
    height: 16px;
    visibility: hidden;
}

.rcmInitialLoading {
    width: 100%;
    color: gray;
    margin: 20px auto;
}

.rcmPnlMoreFilter {
    float: left;
    margin-left: 10px;
    visibility: hidden;
}

.rcmFiltersLoading {
    visibility: hidden;
}

.rcmPnlMoreFilter .MoreFilterText {
    cursor: pointer;
}

.rcmPnlMoreFilter .FilterPane {
    background-color: #fff;
    position: absolute;
    padding: 15px;
    margin-left: 1px;
    display: none;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}

.rcmPnlMoreFilter .FilterText { float: none; }

.rcmTopListingsTotal {
    white-space: nowrap;
    display: none;
}

.ui-selectmenu-text {
    margin-right: 0px;
}

#filterList{
    padding-inline-start: 0px;
}

#copyLinkValue {
    width: 100%;
    border: none;
    background-color: #fff;
    padding: 10px;
}

.modal-header > .close{
    color: white;
}


/*.gm-style-iw {
    top: 18px !important;
}*/

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Roboto:wght@400;500;700&display=swap');
@font-face {
    font-family: Financier;
    src: url(https://storage.googleapis.com/rcmcdn/financier-display-web-medium.woff2);
    font-weight: 600;
  }
  
  @font-face {
    font-family: Calibre;
    src: url(https://storage.googleapis.com/rcmcdn/calibre-web-regular.woff2);
    font-weight: 400;
  }
  
  @font-face {
    font-family: Calibre;
    src: url(https://storage.googleapis.com/rcmcdn/calibre-web-medium.woff2);
    font-weight: 500;
  }
  
  @font-face {
    font-family: Calibre;
    src: url(https://storage.googleapis.com/rcmcdn/calibre-web-semibold.woff2);
    font-weight: 600;
  }

:root {
    --cbre-green: #003F2D;
    --accent-green: #17E88F;
    --dark-green: #012A2D;
    --dark-grey: #435254;
    --light-grey: #CAD1D3;
    --financier-font: "Financier", serif;
    --calibre-font: "Calibre", sans-serif;
}
a:focus {
    outline: 4px solid #17E88F99 !important;
    outline-color: ;
    outline-style: ;
    outline-width: ;
    outline-offset: 1px;
}
#RcmEngineContent {
    font: 14px var(--calibre-font);
    color: var(--dark-grey);
    width: auto !important;
    margin: 0 30px !important;
}

#rcmPnlWrapperContent {
    padding: 0;
}

.ui-button .ui-icon {
    display: none;
}

/* filter bar */

.df-wrapper .filterBar {
    background: #ffffff;
    min-height: 32px;
    margin: 15px 0 0 0;
}

.df-wrapper .filterBar .col-xs-12 {
    padding: 0;
}

.df-wrapper .filterBar .btn-filter {
    display: inline-block;
    background-color: transparent !important;
    color: var(--cbre-green);
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 15px 0 0;
    padding-top: 0 !important;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    height: 25px;
    width: 25px;
}
#rcmListButton {
    width: 20px;
}
#rcmFavoritesButton {
    width: auto;
}
#rcmFavoritesButton .favorite-normal, #rcmFavoritesButton .favorite-hover {
    width: 20px;
    margin-top: -5px;
}
#rcmFavoritesButton .vector-line {
    width: 2px;
    height: 35px;
}
.df-wrapper .filterBar .btn-filter:last-child {
    margin-right: 0;
}

.df-wrapper .filterBar .navbar-toggle, .df-wrapper .filterBar .navbar-toggle:hover, .df-wrapper .filterBar .navbar-toggle:focus, .df-wrapper .filterBar .navbar-toggle:active {
    display: inline-block;
    background-color: var(--accent-green);
    border-radius: 0;
    border: 0;
    color: #fff;
    font-size: 26px;
    margin: 0 5px 0 0;
    padding-top: 8px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    width: 41px;
}

.df-wrapper .filterBar .navbar-default {
    background: none;
    border: 0;
    border-radius: 0;
    height: auto;
    margin: 0;
    max-height: none;
}

.df-wrapper .filterBar .navbar-default .navbar-collapse {
    padding: 0;
    overflow: visible;
}

.df-wrapper .filterBar .filter-table {
    display: block;
    margin: 0;
    width: 100%;
}

.df-wrapper .filterBar .navbar-collapse {
    border-top: 0;
    box-shadow: none;
}

.df-wrapper .filterBar .filter-table .filter-input, .FilterWrapper.FilterText.floatLeft {
    display: block;
    padding: 0 0 5px 0;
    vertical-align: top;
    width: 100%;
}

.vue-treeselect:not(#allFiltersTable .vue-treeselect) {
    height: auto !important;
}

.vue-treeselect__control:not(#allFiltersTable .vue-treeselect__control) {
    background: #eff1f1 url(/partner/Portal/Clients/CBRE/Img/NewIcons/arrow-down-green.svg) top 12px right 12px no-repeat !important;
    background-size: 10px !important;
    border-radius: 14px !important;
    height: 28px !important;
}

.df-wrapper .filterBar #FilterProjectName {
    background: url(/partner/Portal/Clients/CBRE/Img/NewIcons/search-green.svg) top 8px left 8px no-repeat;
    background-size: 18px;
    border: 1px solid var(--dark-grey);
    border-radius: 3px;
    box-shadow: none;
    color: var(--dark-grey) !important;
    font-family: var(--calibre-font) !important;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    padding: 0 !important;
    padding-right: 0 !important;
    float: none;
    margin: 0 10px 0 0 !important;
    text-transform: none;
    min-width: 250px;
    height: 35px !important;
}

#rcmPnlFilters>#FilterProjectName>input {
    height: 35px !important;
    line-height: 35px !important;
    text-transform: none !important;
    color: var(--cbre-green) !important;
    font-family: var(--calibre-font) !important;
    font-weight: 500;
    font-size: 18px;
    padding: 5px 8px 8px 35px !important;
}

#rcmPnlFilters>#FilterProjectName>input::placeholder, .rcmTopListingsTotal {
    color: var(--dark-grey);
    opacity: 0.7;
    font-size: 18px;
    font-weight: 400;
}

#rcmPnlFilters>#FilterProjectName>input:focus, #rcmPnlFilters>#FilterProjectName>input:active {
    outline: none;
    border: none;
}

#rcmPnlFilters>div:not(#allFiltersModal):not(#FilterProjectName) {
    padding-right: 10px;
}

.vue-treeselect .vue-treeselect__placeholder:not(#allFiltersTable .vue-treeselect__placeholder) {
    height: 24px;
    line-height: 24px !important;
    text-transform: none !important;
    color: var(--cbre-green) !important;
    font-family: var(--calibre-font) !important;
    font-weight: 500 !important;
    font-size: 18px;
}

.vue-treeselect .vue-treeselect__menu {
    font: inherit;
    text-transform: none !important;
}

.badge.filter {
    background: var(--cbre-green);
    border-radius: 17px;
    color: #ffffff;
    font-family: var(--calibre-font);
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    height: 18px;
    padding: 0;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 18px;
    z-index: 1001;
}

.rcmPnlMoreFilter {
    margin: 0;
}

#btn-clear-filter {
    width: 25px !important;
    height: 25px !important;
    line-height: 25px !important;
}

#btn-clear-filter::after {
    content: url(/partner/Portal/Clients/CBRE/Img/NewIcons/close-x-green.svg) !important;
}

/* custom select */


.FilterWrapper .ui-selectmenu-button {
    background: url(https://my.rcm1.com/files/9hNVI8bEnaq9Xag1CciF9ZTR4Ukx-n6Asn3dqxcfB5ZdPk1QFV_b0ooUjYK0xnTW.png) top right no-repeat;
    border: 0;
    border-radius: 0;
    color: var(--cbre-green);
    height: 24px;
    padding: 6px 44px 6px 16px;
    text-transform: uppercase;
    width: 100% !important;
}

.ui-icon.ui-icon-triangle-1-s {
    display: none;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    color: var(--cbre-green);
    font-weight: 400;
    padding: 0;
    line-height: 1;
}

.ui-widget {
    font-family: var(--calibre-font);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

.ui-widget-content {
    border-color: #e9e8e8 !important;
    border-radius: 0 !important;
}

.ui-menu .ui-menu-item {
    border-top: 1px solid #e9e8e8;
    cursor: pointer;
    margin: 0;
    min-height: 0;
    padding: 0;
    position: relative;
    list-style-image: none !important;
}

.ui-menu-item .ui-state-active {
    background-color: #f7f7f7 !important;
    box-shadow: none;
    color: var(--dark-grey);
    margin: 0;
    padding: 6px;
    background: #f7f7f7 !important;
    border: none !important;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 6px;
}

.ui-selectmenu-button {
    display: block;
}

/* Added for filter height - START */

.ui-selectmenu-menu .ui-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 5px;
}

/* Added for filter height - END */

.rcmPnlMoreFilter {
    display: block;
}

.rcmPnlMoreFilter .MoreFilterText {
    cursor: pointer
}

.rcmPnlMoreFilter .FilterPane {
    background-color: #fff;
    position: absolute;
    padding: 15px;
    margin-left: 1px;
    margin-top: -13px;
    display: none;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    width: 240px;
    z-index: 2000;
}

.rcmPnlMoreFilter .FilterText {
    float: none;
}

.rcmPnlMoreFilter .LabelText {
    padding: 0;
    width: 100%;
    text-transform: uppercase;
}

.rcmPnlMoreFilter span {
    padding: 0 10px;
}

#rcmPnlMoreFilter input {
    background: #fff !important;
    border: 1px solid var(--light-grey) !important;
    border-radius: 0;
    color: var(--cbre-green);
    display: inline-block;
    height: 24px !important;
    padding: 0px 8px;
    margin: 0 0 5px 0 !important;
    width: 86px !important;
}

.rcmPnlMoreFilter .LabelText, .rcmPnlMoreFilter span {
    margin-bottom: 5px;
}

.rcmPnlMoreFilter #ApplyButton {
    display: block;
    background: var(--accent-green);
    border: 0px;
    border-radius: 0;
    color: #fff;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

#rcmPnlMoreFilter {
    margin-left: 0px;
}

.rcmTopListingsTotal, .MenuItemFavorites {
    white-space: nowrap;
    display: none;
}

.rcmFiltersLoading, .rcmFiltersLoading .fa-2x {
    visibility: visible;
    line-height: 46px;
    font-size: 14px;
}

/* results */

.df-wrapper .resultsBar, .rcmListingTabPanel {
    padding: 0 0 20px 0;
}
/* modals*/
#shareModal, #allFiltersModal {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #012A2DB3;
    background-blend-mode: multiply;
    z-index: 3001;
}
.filter-modal .modal-content, .modal-content {
 border: 0 !important;
 border-radius: 0 !important;
}
.filter-modal .modal-header, .modal-header {
    background-color: var(--cbre-green);
    color: #ffffff;
    padding: 15px 25px !important;
}
.filter-modal .modal-title, .modal-title {
    font-weight: 400;
    font-size: 30px ; 
    padding-top: 15px;
}
.filter-modal .modal-body, .modal-body {   
    background-color: #eff1f1;
    font-size: 14px;
    font-weight: 500;
    border: none;
    padding: 25px;
}
.filter-modal .modal-body {
    height: 63vh !important;
    max-height: 625px;
}
.filter-modal .modal-footer, .modal-footer {
    background-color: #eff1f1;
    border-top: 0 !important;
}
.filter-modal .modal-footer button.btn-primary, .modal-footer button.btn-primary, .modal-footer button.btn-default {
    background-color: var(--cbre-green);
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    margin-left: 10px;
}
.filter-modal .modal-footer button.btn-primary:hover, .modal-footer button.btn-primary:hover, .modal-footer button.btn-default:hover {
    background-color: var(--accent-green);
    color: var(--cbre-green);
}
#allFiltersTable input {
    background: #fff;
    border-radius: 0 !important;
    color: var(--dark-grey) ;
    font-family: var(--calibre-font);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    display: inline-block;
    height: 35px !important;
    padding: 0px 16px;
    margin: 0 0 0 0;
    max-width: 100% !important;
}

#FilterProjectNameModal > input {
    width: 100% !important;
    height: 35px !important;
    background: white;
    border: none !important;
    padding: 6px 16px 7px 16px !important;
    color: var(--dark-grey) !important;
    font-family: var(--calibre-font);
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px;
    text-transform: none !important;
}
#allFiltersTable .vue-treeselect__control, #allFiltersTable .vue-treeselect {
    color: var(--dark-grey) ;
    font-family: var(--calibre-font);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    height: auto !important;
    border: none !important;
    border-radius: 0px !important;
    background-image: none;
}
#allFiltersTable .vue-treeselect__control {
    background: white url(/partner/Portal/Clients/CBRE/Img/NewIcons/arrow-down-green.svg) top 15px right 12px no-repeat !important;
    background-size: 10px !important;
}
.filter-modal .modal-body label:not(.vue-treeselect__menu-container label) {
    color: var(--dark-grey);
    font-size: 18px;
    font-weight: 500;
    text-align: left !important;
    text-transform: none;
    line-height: 35px;
    padding-top: 0;
}
#allFiltersTable .vue-treeselect .vue-treeselect__placeholder {
    line-height: 35px !important;
    color: var(--dark-grey);
    font: inherit;
    font-weight: 500;
    text-transform: none;
}
.filter-modal .modal-body .form-group {
    margin-bottom: 10px;
}

.mindiv {
    padding: 0 5px 0 0 !important;
}
.maxdiv {
    padding: 0 0 0 5px !important;
}

.modal .close {
    text-shadow: none;
    color: white !important;
    font-size: 45px;
    font-weight: 400 !important;
    margin: -12px -10px 0 0 !important;
}

/* grid */

.df-wrapper .img-responsive {
    width: 100%;
}

ul.gridview {
    display: flex;
    margin: 0;
    padding: 0px;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
}

#rcmPnlCurrentContent {
    margin: 0 -12px;
}

ul.gridview li.item {
    padding-right: 12px;
    padding-left: 12px;
}

ul.gridview li.item .card {
    margin-bottom: 24px;
    width: 100%;
}

ul.gridview li.item .card .img {
    position: relative;
    overflow: hidden;
    z-index: 7;
}

ul.gridview li.item .card .img:hover img {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

ul.gridview li.item .card .img .summary {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--cbre-green);
    padding: 15%;
    z-index: 9;
    visibility: hidden;
    text-decoration: none;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

ul.gridview li.item .card .img .summary p {
    color: white;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
}

ul.gridview li.item .card .img:hover .summary {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

ul.gridview li.item .card .img:hover .assetBar.withsumm {
    -webkit-opacity: .25;
    -moz-opacity: .25;
    opacity: .25;
}

ul.gridview li.item .card .img img {
    height: auto;
    width: 100%;
}

ul.gridview li.item .card .img .auctionBar {
    background: linear-gradient(rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    height: 200px;
    position: absolute;
    width: 100%;
    z-index: 9;
}

ul.gridview li.item .card .img .auctionBar .auctionBegins {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 10px 0 10px;
}

ul.gridview li.item .card .img .auctionBar .auctionBegins.clear-star {
    padding-top: 35px;
}

ul.gridview li.item .card .img .auctionBar .startingBid {
    color: var(--accent-green);
    font-size: 28px;
    font-weight: 400;
    padding: 0 10px 0 10px;
    position: relative;
}

ul.gridview li.item .card .img .auctionBar .startingBid::after {
    content: "Starting Bid";
    color: var(--accent-green);
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    bottom: -15px;
    left: 10px;
}

ul.gridview li.item .card .favorite .featured_btn.favorite_off{
    position: absolute;
    background: url(/partner/Portal/Clients/CBRE/Img/NewIcons/star-white.svg) top right/20px 20px no-repeat;
    display: block;
    left: 20px;
    top: 8px;
    color: white;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    z-index: 2998;
}

ul.gridview li.item .card .favorite .featured_btn.favorite_on {
    position: absolute;
    background: url(/partner/Portal/Clients/CBRE/Img/NewIcons/star-green.svg) top right/20px 20px no-repeat;
    display: block;
    left: 20px;
    top: 8px;
    color: var(--cbre-green);
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    z-index: 2998;
}

ul.gridview li.item .card .img .assetBar {
    background-color: var(--cbre-green);
    bottom: 0;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: absolute;
    width: 100%;
    padding: 0 10px;
    z-index: 10;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

ul.gridview li.item .card .img .assetBar .asset {
    font-family: var(--financier-font);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.gridview li.item .card .img .assetBar .divider {
    color: #fff;
    font-family: var(--financier-font);
    font-weight: 500;
    font-size: 20px;
}

ul.gridview li.item .card .country {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: 400;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.gridview li.item .card .status {
    display: inline-block;
    color: var(--cbre-green);
    border: .5px solid transparent;
    margin: 0;
    padding: 5px;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

ul.gridview li.item .card .headline {
    color: var(--cbre-green);
    font-family: var(--calibre-font);
    font-size: 22px;
    font-weight: 500;
    line-height: 1em;
    white-space: normal;
    margin-bottom: 5px;
}

ul.gridview li.item .card .headline a, ul.gridview li.item .card .headline a:hover, ul.gridview li.item .card .headline a:focus, ul.gridview li.item .card .headline a:active {
    color: var(--cbre-green);
    text-decoration: none;
}

ul.gridview li.item .card .tabContainer {
    min-height: 65px;
}

ul.gridview li.item .card .tabContainer .tab-pane {
    border-left: 1px solid var(--light-grey);
    height: auto;
    min-height: 60px;
    padding: 10px;
}

ul.gridview li.item .card .tabContainer .tab-pane .tab-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.gridview li.item .card .tabContainer .tab-pane .tab-text.price {
    display: block;
}

ul.gridview li.item .card .tabContainer .contacts .tab-text {
    width: calc(50% - 10px);
}

ul.gridview li.item .card .tabContainer .tab-pane .name a {
    color: var(--cbre-green);
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding-right: 5px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

ul.gridview li.item .card .tabContainer .tab-pane .name a:hover, ul.gridview li.item .card .tabContainer .tab-pane .phone a:hover {
    color: var(--accent-green);
}

ul.gridview li.item .card .tabContainer .tab-pane .phone a {
    color: var(--dark-grey);
    text-decoration: none;
}

ul.gridview li.item .card .tabContainer .tabs a {
    float: left;
    color: white;
    background-color: var(--cbre-green);
    border: .5px solid var(--cbre-green);
    margin: 5px 5px 0 0;
    padding: 4px 15px;
    font-size: 14px;
    font-weight: 500;
    height: 28px;
    text-align: center;
    text-decoration: none;
}

ul.gridview li.item .card .tabContainer .tabs a.active {
    color: var(--cbre-green);
    background-color: white;
}

ul.gridview li.item .card .tabContainer .tabs a:hover,
ul.gridview li.item .card .tabContainer .tabs a:focus {
    color: var(--dark-grey);
    background-color: var(--accent-green);
    border-color: var(--accent-green);
}

ul.gridview li.item .card .tabContainer .tabs a:focus {
    outline: none !important;
    outline-color: ;
    outline-style: ;
    outline-width: ;
    outline-offset: 0;
}

.df-wrapper .clearMobile {
    clear: both;
    display: none;
    font-size: 2px;
    height: 10px;
}

.df-wrapper .clearDesktop {
    clear: both;
    display: none;
    font-size: 2px;
    height: 10px;
}

.df-wrapper .clearAll {
    clear: both;
    display: none;
    font-size: 2px;
    height: 10px;
}

/* paging */

#rcmPnlFooter {
    margin: 0 auto;
    min-height: 41px;
    padding: 20px 0px 0px 0px;
    position: relative;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
}

#rcmPagingTotals::after {
    clear: both;
    display: table;
    content: "";
}

#rcmPaging {
    display: inline-block;
    float: none;
    margin-left: 0;
    text-align: left;
}

#rcmPagingFirst, #rcmPagingPrev, #rcmPagingNext, #rcmPagingLast {
    color: var(--cbre-green);
    display: inline-block;
    margin: 0 4px;
}

#rcmPagingFirst:hover, #rcmPagingPrev:hover, #rcmPagingNext:hover, #rcmPagingLast:hover {
    color: var(--accent-green);
}

.fl {
    float: none;
}

#rcmPagingGotoPage, .rcmPageSize {
    display: inline-block !important;
    margin: -2px 0 0 0;
}

.rcmPageSize {
    margin-top: -4px;
}

#pnlPagerTotals, #rcmPagingTotals {
    display: none;
}

.FooterPanelText {
    display: block;
    float: none;
    margin: 10px 0 0 0;
    text-align: left;
}

#rcmPagingGotoPageText {
    min-width: 17px;
    border: 1px solid var(--light-grey);
    border-radius: 0;
    width: 24px;
    text-align: center;
}

#rcmPagingPageSize {
    min-width: 50px;
    border: 1px solid var(--light-grey);
    border-radius: 0;
    width: 50px;
    height: inherit;
    padding: 0;
    float: right;
}
.rcmFooterPanel .MenuItemLoading {
    float: right !important;
}

/* map */

.MicrosoftMap {
    width: 100% !important;
}

.gm-style-iw.gm-style-iw-c {
    max-height: 400px !important;
    min-width: 312px !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0px;
}

.gm-style-iw-d {
    overflow: hidden !important;
    max-height: 400px !important;
    min-width: 300px !important;

    border-radius: 0px;
}

.infobox-body {
    width: 300px;
    font-family: var(--calibre-font);
    line-height: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0px;
}

.infobox-body ul.gridview li.item {
    padding: 0;
}

.infobox-body ul.gridview li.item .card {
    margin-bottom: 0;
}

.infobox-body .property_grid {
    margin: 0 auto;
}

.infobox-body .tabs {
    margin-left: 5px;
}

.gm-ui-hover-effect {
    top: 10px !important;
    right: 0 !important;
    z-index: 9999;
}
.content-mapview .featured_btn.favorite_off, .content-mapview .featured_btn.favorite_on {
 left: 8px !important;
}
#PoweredByLink, #PoweredByLink:hover, #PoweredByLink:focus, #PoweredByLink:active {
    color: var(--cbre-green);
    font-weight: 500;
    text-decoration: none;
}

/* Desktop / Tablet */

@media (min-width: 768px) {

    /* paging */
    #rcmPaging {
        float: right !important;
        margin-left: 20px;
        padding-top: 1px;
    }
    #rcmPagingGotoPage, .rcmPageSize {
        margin-bottom: 0;
        display: inline-block !important;
        margin: 0 0 20px 0;
        width: 110px;
    }
    .FooterPanelText {
        display: block;
        float: left;
        margin: 0;
        text-align: left;
    }
    .rcmFooterPanel .MenuItemLoading {
        float: left !important;
    }
}

/* Desktop ONLY */

@media (min-width: 992px) {
    /* filter */
    .df-wrapper .filterBar .filter-table:not(#allFiltersTable) {
        display: flex;
        align-items: center;
        margin: 0;
        max-width: 86%;
        width: auto !important;
    }
    .df-wrapper .filterBar .filter-table .filter-input, .FilterWrapper.FilterText.floatLeft {
        display: table-cell;
        float: none;
        padding: 0 5px 0 0;
        width: 20%;
    }
    /* more options */
    .rcmPnlMoreFilter .LabelText {
        display: inline-block;
        padding: 9px 0 0 0;
        width: 80px;
    }
    #rcmPnlMoreFilter input {
        width: 82px !important;
    }
    .rcmPnlMoreFilter .FilterPane {
        width: 312px;
    }
    #rcmPnlMoreFilter .FilterWrapper.FilterText.floatLeft {
        display: block;
        padding: 0;
        width: 100% !important;
    }

}
@media (max-width: 991px) {
    #btn-clear-filter.clear-icon {
        top: 5px !important;
    }
    #rcmPnlFilters {
        clear: both;
        width: 100%;
    }
    #rcmPnlFilters>div {
        padding: 5px 0 0 0 !important;
        padding-right: 0 !important;
    }
    #newListingButtons, #main-filter-bar {
        margin-bottom: 10px;
    }

}

.ContentPanel.content-mapview {
    height: 525px;
    margin: 0 !important;
}

#rcmPnlCurrentContent>div>div>div:nth-child(2)>div:nth-child(3)>div>div:nth-child(3)>div {
    color: var(--dark-green) !important;
    font-family: var(--calibre-font) !important;
    font-weight: 500 !important;
}

@media (max-width: 376px) {
    #MenuFavoritesText {
        display: none;
    }
    .ContentPanel.content-mapview {
        height: 525px;
        margin: 0 -15px !important;
    }
}

/* ADDITIONAL VUE TREESELECT STYLES */

.vue-treeselect__tip.vue-treeselect__no-results-tip {
    height: 41px;
    line-height: 41px;
    font-size: 14px;
  }
  
  .vue-treeselect__tip-text.vue-treeselect__no-results-tip-text {
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
  }
  
  .vue-treeselect__icon-warning {
    width: 17px !important;
    height: 17px !important;
    background: var(--accent-green) !important;
  }
  
  .vue-treeselect__icon-warning:after {
    content: "!" !important;
    font-size: 16px !important;
    left: 7px !important;
    top: -13px !important;
    color: #fff !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
  }
  
  .vue-treeselect__input:not(#allFiltersTable .vue-treeselect__input) {
      height: 24px;
      line-height: 24px !important;
      text-transform: none !important;
      color: var(--cbre-green) !important;
      font-family: var(--calibre-font) !important;
      font-weight: 500 !important;
      font-size: 18px;
  }
  
  .vue-treeselect__multi-value:not(#allFiltersTable .vue-treeselect__multi-value) {
    height: auto;
  }
  
  .vue-treeselect--open .vue-treeselect__control:not(#allFiltersTable .vue-treeselect__control) {
    border-radius: 14px 14px 0 0 !important;
  }
  
  /* CHECKBOXES */
  .vue-treeselect__checkbox--checked, .vue-treeselect__checkbox--indeterminate, .vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked, .vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
    border-color: #003f2d !important;
    background: #003f2d !important;
  }
  
  .vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
    border-color: #17E88F !important;
  }
  
  .vue-treeselect__option--highlight {
    background-color: #eff1f1 !important;
  }

/* styles for the selected item bubbles */
div.vue-treeselect__multi-value-item {
	color: #003F2D;
	border-radius: 14px;
	font-size: 13px;
	padding: 0px !important;
}

/* style override for the selected item bubbles that are in the All Filters popup */
div.popup-tree-filters div.vue-treeselect__multi-value-item {
	border-radius: 5px;
	font-size: 15px;
}

/* selected item bubble background for PRIMARY filters */
div.page-tree-filters div.vue-treeselect__multi-value-item {
	background: #FFFFFF;
}

/* selected item bubble background for the All Filters popup */
div.popup-tree-filters div.vue-treeselect__multi-value-item {
	background: #EEEEEE;
}

/* more styles to shift up the selected item bubbles */
span.vue-treeselect__multi-value-label {
	display:inline-block;
	margin-top: -5px;
}

/* width for the text within selected item bubbles - as well as styling to truncate the text */
span.vue-treeselect__multi-value-label > div {
	width: 35px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;	
}

/* override for width for the text within selected item bubbles in the All Filters popup - we allow larger bubbles there */
div.popup-tree-filters span.vue-treeselect__multi-value-label > div {
	width: auto;
	max-width: 200px;
}

/* color of the small X within each selected item bubble (to deselect the item) */
span.vue-treeselect__value-remove{
	color: #003F2D;
}

/* shift the selected item bubbles a little to the left to take advantage of more space */
.vue-treeselect__multi-value-item-container{
	margin-top: 0px;
	margin-left: -4px;
}

/* selected item bubbles can only take up 90% of the width since the Arrow icon is absolutely positioned on the right side */
.vue-treeselect__multi-value:not(#allFiltersTable .vue-treeselect__multi-value){
	width: 90% !important;
}

/* styling for the typeahead box */
div.vue-treeselect__menu-container div.vue-treeselect__input-container{
	width: 100%;
	height: 35px;
	line-height: 35px;
	border: 1px solid #DEDEDE;
	font-size: 15px !important;
	padding: 0px !important;
	background: white;
}

/* styling for the typeahead box input */
div.vue-treeselect__menu-container div.vue-treeselect__input-container > input{
	width: 100% !important;
	padding-left: 8px;	
}

/* styling for the typeahead box input in the All Filters popup */
div.popup-tree-filters div.vue-treeselect__menu-container div.vue-treeselect__input-container > input{
	width: 95% !important;
	height:100%;
	padding-top: 0px;
}

.badge.filter.filter-all{
	right: 117px;
}

.vue-treeselect__placeholder, .vue-treeselect__placeholder.vue-treeselect-helper-hide {
    display: block;
}


@keyframes shrinkPlaceholder {
  from {margin-top: 0px; font-size: 18px; }
  to {margin-top: -20px; font-size: 14px !important; }
}

@keyframes shrinkPlaceholderMobile {
  from {margin-top: 0px; font-size: 18px; }
  to {margin-top: -11px; font-size: 10px !important;}
}

div.page-tree-filters.enhanced-filters .vue-treeselect__placeholder.vue-treeselect-helper-hide {
	display: block;
	margin-top: -20px;
	font-size: 14px !important;
	animation-name: shrinkPlaceholder;
	animation-duration: 0.25s;
}

@media (max-width: 992px) {
	div.page-tree-filters.enhanced-filters .vue-treeselect__placeholder.vue-treeselect-helper-hide {
		margin-top: -11px;
		font-size: 10px !important;
		animation-name: shrinkPlaceholderMobile;
		animation-duration: 0.25s;
	}
}

div.popup-tree-filters.enhanced-filters .vue-treeselect__placeholder.vue-treeselect-helper-hide {
    display: none;
}



/*when typeahead IS enabled but enhanced filters are NOT enabled, the placeholder text needs to be hidden on input focus.*/
div.page-tree-filters:not(.enhanced-filters) .vue-treeselect--searchable.vue-treeselect--focused .vue-treeselect__placeholder, 
div.page-tree-filters:not(.enhanced-filters) .vue-treeselect--searchable.vue-treeselect--focused .vue-treeselect__placeholder.vue-treeselect-helper-hide {
    display: none;
}