/*CUSTOM STYLE | TEMPLATE V1.0*/
:root{
    --white:#FFFFFF;
    --black:#000000;
}
.mb-1{
    margin-bottom: 1rem;
}
.mb-2{
    margin-bottom: 2rem;
}
.text-warning {
    color: var(--warning-500)
}
.bg-warning {
    background: var(--warning-200)
}
.categories__block {
    background: var(--primary-100);
}
.categories__link {
    transition: all 0.3s;
    color: var(--primary-700)!important;
    padding: 64px 10px 0;
    font-weight: 400;
    font-family: 'Roboto';
}
.categories__link:hover {
    color: var(--primary-500)!important;
}
.categories__link:hover svg{
    background: var(--primary-600)
}
.categories__link svg{
    width: 42px;
    height: 42px;
    background: var(--primary-500);
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;

}
.categories__item:hover {
    background: transparent;
}
.statistics-box.statistics-box_full-width {
    background: url() var(--primary-500) !important
}
select option:checked {
    background: var(--primary-200)
}
select option:hover {
    background: var(--primary-100)
}
.statistics-box.statistics-box_full-width::before {
    background: none !important
}
.select2-container {
    min-width: 175px
}

div.cd-extendable, .cd-dropdown {
    max-width: 190px;
    min-width: 155px;
    margin-right: 5px;
    border-radius: 8px;
}
body.view-details-page div.submit-cell.buttons {
    padding: 5px 15px
}
#security_img{
    border-radius: 5px;
    max-height: 45px
}
.statistics-box__link .statistics-box__name {
    filter: brightness(1) !important;
    color: white
}
.statistics-box__link:hover div, .statistics-box__link:hover span{
    color: black !important;
}

.iconlist, .iconlist--unpadded {
    display: table;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;    
}
.icon-left{
    float:left;
    margin-top: 5px;
    margin-left: -15px;
    background: rgba(255,255,255,.1);
    padding: 5px;
    width: 32px;
    height: 32px;
    border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-primary{
    color:var(--primary-500);
}
.btn-primary:hover{
    color:var(--primary-100);
}
.btn-secondary{
    background:var(--primary-500);
    color:var(--primary-100) !important;
}
.btn-secondary:hover{
    background:var(--primary-800);
    color:var(--primary-300) !important;
}
.btn-success{
    background:var(--success-500);
    color:var(--success-100) !important;
}
.btn-success:hover{
    background:var(--success-800);
    color:var(--success-300) !important;
}
.btn-outline-primary {
  color: var(--primary-500);
  background-color: transparent;
  background-image: none;
  border:1px solid var(--primary-500);
}
.btn-outline-primary:hover {
  color: var(--primary-100);
  background-color: var(--primary-700);
  border: var(--primary-700);
}
div.cd-extendable.opened .dropdown {
    min-width: 180px !important;
}
div.cd-extendable.opened > div.box {
    min-width: 180px !important;
    left: 0px;
}
.no-radius{
    border-radius: 0;
}
#location_search::before{
    content: '>';
}
.button-lens{
    min-width: 45px;
}
.upload-zone > span mark {
    color:var(--primary-500);
}
.header-nav {
    background: var(--primary-100);
}
.horizontal-search{
    background: #fff;
    border-radius: 10px;
    padding: 2px;
}
.horizontal-search .d-block{
    border-radius: 10px;
}
.horizontal-search input, .horizontal-search select, .horizontal-search .cd-extendable .dropdown{
    border:0;
    border-radius: 5px;
}
 div.dropdown{
    background: #fff;
}
.main-menu .menu {
    margin: 0px 10px;
}
.main-menu .add-property {
    color: var(--primary-400) !important;
}
.logged-in{
    font-weight: 600;
    color: var(--black)
}
a.font2.active::before{
    content: '';
    background: url("../img/svg/caret-right.svg");
    position: absolute;
    width: 6px;
    height: 16px;
    left:-12px;
    top:12px;
}
.upload-zone {
    border: 2px dashed var(--danger-400);
}
body.search-on-map-page header{
    border-bottom:2px solid var(--primary-200) 
}
body.search-on-map-page .header-nav {
    background: transparent;
}
body.search-on-map-page div#logo img {
    height: 45px;
}
.main-menu span.menu-button > svg {
    width: 20px;
    height: 20px;
}
div.cd-extendable > div.box ul > li.selected > a{
    color: var(--success-600) !important
}
#user-navbar .content {
    left: auto !important;
    right: -12px;
}
#user-navbar ul > li > a.logout {
  color: var(--black);
  padding: 5px 0;
}
#user-navbar ul > li > a.logout::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path fill="var(--danger-500)" d="M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z"/></svg>');
    top:3px;
    left:0px;
    padding-right: 5px;
}
ul.select-category > li > div > select > option {
    font-size: 1.1rem;
}
.circle_content-padding > .content{
    background: var(--primary-200);
    left:auto;
    right: -12px;
}
::placeholder{
    color: var(--primary-600);
    opacity: 1;
}
#user-navbar span.content::before {
    background: none;
    border-bottom: 8px solid var(--primary-400);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

input.tags-autocomplete, .horizontal-search input#location_header_search {
  background: url('../img/svg/lens.svg') no-repeat left center #ffffff;
  padding-left: 25px;
}
.horizontal-search input#location_header_search {
  background-image: url('../img/svg/marker.svg');
  margin: 0 2px;
}
.ltfb_listings div{
    border:1px solid var(--warning-400);
    border-radius: 5px;
    padding: 10px;
}
.account-menu-content li:last-child{
    margin-top: 8px;
    border-top: 1px dotted #000;
}
.filter-area .slider .slider-selection {
  background: #efefef;
}
.grid-icon-fill, .details-icon-fill {
  fill: var(--primary-500) !important;
}
/*GROUPS*/
.fieldBoundBoxes{
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    padding: 20px;
    border-radius: 3px;
}
.map-listing__info .map-listing__title {
    font-size: 0.8em !important;
    color: var(--black);
}
article.highlight .main-column{
    border:1px solid var(--warning-400);
}
/*#### RESPONSIVE ####*/
@media screen and (min-width: 768px) and (max-width: 991px){
    body.search-on-map-page header.page-header.fixed-menu div.top-navigation {
      margin-right: 15px;
    }
    body.search-on-map-page .header-nav {
      background: transparent;
    }
    body.search-on-map-page div#logo {
      padding: 0;
      height: 45px;    
    }
}