body{
    height: 100%;
    width: 100%;
}

.navbar{
    min-width: 215px;
}

#logo {
    width: 120px;
    height: 50px;
    object-fit: cover;
}

#crop{
    text-align: left;
}

.navbar-toggler{
    border: 0;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler:focus{
    outline: none;
    box-shadow: none;
    border: 0;
}

.navbar-toggler-icon{
    background-image:url(
        "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23BC9C22' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") ;
}

.buttongold{
    background-color: #BC9C22;
    border:None;
    width: 100px;
    --bs-btn-active-bg:#bc9d229f;
}

.btn-success{
    --bs-btn-border-color:none;
}

#search-bar{
    background: linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)), url("https://source.unsplash.com/800x800?home");
    height: fit-content;
    min-height: 500px;
    background-repeat:repeat-y;
    background-size: cover;
    padding-right: 0;
    padding-left: 0;
    display:flex;
    justify-content: center;
    align-items: center;
    min-width: 215px;
    display:flex;
    padding: 5px;
}

#search-box{
    width: 100%;
    max-width: 855px;
}

#search-content{
    background-color: black;
    opacity: 70%;
}

#btn-container{
    width: 100%;
    justify-content: space-evenly;
    display: flex;
    background: linear-gradient(black 50%,transparent 50%);
}

#search-button{
    width: 20%;
    justify-content: space-evenly;
    display: flex;
}




#sewa-beli-container{
    display: flex;
    justify-content: left;
    padding-right: calc(var(--bs-gutter-x) * 0.3);
    padding-left: calc(var(--bs-gutter-x) * 0.3);
}

#title-bar.container{
    margin: 0;
    padding: 0; 
    background-color: transparent;
    color: white;
}

.sewa-beli-btn{
    background-color: #1a1818;
    border: 0;
    color: #fff;
    text-align: left;
    width: fit-content;

    border-bottom: 3px solid rgba(255, 255, 255);
    border-left:1px solid rgba(255, 255, 255, 0.3);
    border-right:1px solid rgba(255, 255, 255, 0.3);
    border-top:1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    transition: ease-in 0.1s;
}

.sewa-beli-btn-active{
    background-color: #000000;
    border-bottom: 3px solid rgb(0, 0, 0);
    border-left:1px solid rgb(0, 0, 0);
    border-right:1px solid rgb(0, 0, 0);
    border-top:1px solid rgb(0, 0, 0);
    border-radius: 0px;
    transition: ease-in .1s;
    transform: translate(0em, 0.1em);
}

#search-input{
    width:100%
}

.input-group{
    justify-content: space-evenly;
    display: flex;
    padding: 12px 12px;
}

.col-wrapper{
    justify-content: center;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}



#dropdown-filter-container{
    width: 100%;
    margin: 0;
    color: #fff;
    text-align: left;
    padding: 5px;
    justify-content: space-between;
    
    
}

#dropdown-filter{
    margin: 0;
    padding: 12px;
}

#filter-menu{
    color: #000000;
    background-color: #fff;
    text-align: left;
    width:100%;
    display: flex;
    align-items: center;
    z-index: 4;
    border-radius:5px;    
    justify-content: flex-start;
}


#sch.dropdown-menu {
    --bs-dropdown-min-width:3rem;
    position: absolute;
    min-width: var(--bs-dropdown-min-width);
}

#FilterSearch{
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}

#sch.dropdown-menu.show {
    position: absolute;
    transform: translate3d(12px, 84px, 0px);
    height: fit-content;
    max-height: 320px ;
    width: calc(100% - 24px);
    inset: 0px auto auto 0px;
    margin: 0px;
    overflow: scroll;
    z-index: 9;
    border: 1px solid #fff;
    border-radius: 5px;
}

.default{
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    display: block;
    height: 24px;
}



#sch.dropdown-menu.show::-webkit-scrollbar {
    background-color:transparent;
    width: 16px;
    }
    
#sch.dropdown-menu.show::-webkit-scrollbar-thumb {background-color: rgb(186, 186, 192);border-radius: 16px;
    border: 4px solid #fff;
    border-image: initial;
}
#sch.dropdown-menu.show::-webkit-scrollbar-track {
    background-color: rgb(255, 255, 255);
}

.buttongold:hover{
    color: #ffffff;
    background-color: #BC9C22;
}

.btn:active{
    color: #ffffff;
    background-color: #BC9C22;
}

.dropdown-toggle::after{
    justify-content: space-between;
}

navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #000000;
    color:#000000;
  }

hr { 
    background-color: #fff; 
    height: 6px;
    border: 0; 
    opacity: 100%;
    margin: 12px;
}

.uil-angle-down{
    height: 65px;
    width: 65px;
}

#property-card{
    margin: 10px;
}

/* CARD */
/* * Dijual-Emas */
            .dijual {
                background-color: #bc9c22;
            }
            .dijual .badge {
                color: #bc9c22;
            }
            .dijual p {
                color: black;
            }
            /* Dijual-Emas */

            /* Disewa-Biru */
            .disewa {
                background-color: #366ace;
            }
            .disewa .badge {
                color: #366ace;
            }
            /* Disewa-Biru */
            .disewa p {
                color: black;
            }

#logo_footer {
    width: 110px;
    height: 65px;
    object-fit:none;
}
            

@media screen and (min-width: 768px) {
   #br_footer{
        height:100%;
        width: 2px;
    }
    #dropdown-filter{
        max-width: 33%;
    }
}

@media screen and (max-width: 767px) {
    #br_footer{
        height:2px;
        width:100%;
        margin-top: 12px;
        margin-bottom: 12px;
        margin-left:0;
        margin-right:0;
    }
    
}

@media screen and (max-width: 421px) {
    #dropdown-filter{
        min-width: 100%;
    }
}

@media screen and (min-width: 422px) {

     #dropdown-filter{
         max-width: 33%;
     }
 }

 #loc-icon{
    position: relative;
    padding: 0;
    border: 0;
    background-color: #fff;
    z-index: 5;
 }

 .btn.btn-secondary.loc{
    display: flex;
    width:100%;
    background-color: #fff;
    text-align: left;
    border: 0;
    color:#000000;
 }

 #type-icon{
    position: relative;
    padding: 0;
    border: 0;
    background-color: #fff;
 }

 .btn.btn-secondary.type{
    width:100%;
    background-color: #fff;
    text-align: left;
    border: 0;
    color:#000000;
    display: flex;
 }

 #fur-icon{
    position: relative;
    padding: 0;
    border: 0;
    background-color: #fff;
    z-index: 5;
 }

 .btn.btn-secondary.fur{
    display: flex;
    width:100%;
    background-color: #fff;
    text-align: left;
    border: 0;
    color:#000000;
 }

 #close-beli-btn{
    color: #ffffff;
    border: 0;
    background-color: #000000;
    display: none;
 }