*{
    font-family: "Montserrat", sans-serif;
}

#controles {
    border-bottom: 0;
    background-color: white;
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep {
    display: flex;
    align-items: center;
    padding-top: 0;
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep .boxcidades {
    padding-top: 0;
    margin-right: 0;
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep .boxcidades .sbHolder  {
    margin-top: 0;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep .boxcidades .sbHolder .sbSelector {
    color: #b71725;
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep .boxcidades .sbHolder .sbToggle {
    background: url(../images/red-chevron-down-icon.png);
    background-repeat: no-repeat;
    top: 6px;
}
#controles .menuMap1 .content .menuMap1-containerRight .secondStep .boxcidades .sbHolder .sbOptions {
    border: 1px solid #dee2e6;
    background-color: white;
    left: -1px;
    border-radius: 0 0 0.375rem 0.375rem;
}


#controles .menuMap1 .content .menuMap1-containerRight .secondStep .boxcidades .sbHolder .sbOptions a:link{
    color: #868686;
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep .boxcidades .sbHolder .sbOptions a:hover{
    color: #b71725
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep #exibeKmAddCirculo {
    display: flex;
    align-items: center;
    height: unset;
    padding: 5px 0;
    margin: 0 10px;
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep #exibeKmAddCirculo  .ui-widget-content {
    background-color: #65748B;
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep #exibeKmAddCirculo #rcirculo-display {
    top: unset;
    color: #868686;
}

#controles .menuMap1 .content .menuMap1-containerRight .secondStep .todosImoveis {
    background-color: white;
    border: 1px solid #dee2e6;
    color: #b71725;
}


#controles .menuMap1 label{
    color: #868686;
}

#controles .menuMap1 .check_box+label{
    background-position: 0;
    background-image: url(../images/red-square-icon.png);
    background-position: 0;
    cursor: pointer;
}

#controles .menuMap1 .check_box:checked+label{
    background-image: url(../images/red-checkedbox-icon.png);
    background-position: 0;
}




#controles .menuMap2 {
    background-color: white !important;
    border-top: 0;
}

#controles .menuMap2 .content{
    display: flex;
    justify-content: space-between;
}

#controles .menuMap2 .codImovel {
    border-color: #dee2e6;
}


#controles .menuMap2 .codImovel input{
    color: #b71725;
    width: 100px;
}

#controles .menuMap2 .codImovel input::placeholder{
    color: #b71725;
}

#controles .menuMap2 span{
    color: #b71725;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    margin-right: 0 !important;
    padding: 6px 10px;
}

#controles .menuMap2 span:hover{
    background-color: white;
}

#controles .menuMap2 span .subMenuFiltro{
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    top:32px !important;
    color: #868686;
}

#controles .menuMap2 span .subMenuFiltro .mCSB_scrollTools .mCSB_draggerRail{
    background-color: #b71725;
}

#controles .menuMap2 span .subMenuFiltro input {
    background-color: white;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
    color: #b71725;
}

#controles .menuMap2 span .subMenuFiltro span{
    background-color: transparent;
    color: #b71725;
}

#controles .menuMap2 span .subMenuFiltro .m2mask1{
    margin-right: 17px;
} 

 
#controles .menuMap2 span .subMenuFiltro input::placeholder {
    color: #868686;
}

#controles .menuMap2 span .subMenuFiltro>p{
    color: #b71725;
}
 
#controles .menuMap2 .content>span .subMenuFiltro .subMenuActions{
    padding: 0;
    display: flex;
    justify-content: center;
} 

#controles .iconPreco, #controles .iconArea, #controles .iconQuartos, #controles .iconWc, #controles .iconTipo, #controles .iconVagas, #controles .iconCaret {
    background-position: 0;
    width: 24px;
}

#controles .iconCaret {
    background-image: url(../images/red-chevron-down-icon.svg);
    width: 10px;
}
#controles .iconTipo{
    background-image: url(../images/red-house-icon.png);
}

#controles .iconPreco{
    background-image: url(../images/red-dollar-icon.png);
}

#controles .iconArea {
    background-image: url(../images/red-square-icon.png);
}

#controles .iconQuartos {
    background-image: url(../images/red-bed-icon.png);
}

#controles .iconWc {
    background-image: url(../images/red-wc-icon.png);
}

#controles .iconVagas {
    background-image: url(../images/red-car-icon.png);
}

.subMenuFiltro .check_box+label{
    background-image: url(../images/red-square-icon.png);
    background-position: 0;
    cursor: pointer;
}

.subMenuFiltro .check_box:checked+label{
    background-image: url(../images/red-checkedbox-icon.png);
    background-position: 0;
}

@media (max-width: 991.98px) {
    #controles .menuMap2 .content{
        flex-direction: column;
    }

    #controles .menuMap2 span .subMenuFiltro{
        top: 175px !important;
        border: 0;
        border-radius: 0;
    }

    #controles .menuMap2 .content>span .subMenuFiltro .subMenuActions {
        height: unset;
    }

    #controles .menuMap2 .content>span .subMenuFiltro .subMenuActions span {
        height: unset;
        line-height: normal;
        border: 1px solid #dee2e6;
    }

    #controles .menuMap2 span .subMenuFiltro .m2mask1 {
        top: 20px !important;
    }

    #controles .menuMap2 .areaTotal span.m2mask2{
        top: 95px !important;
    }
}


@media (min-width: 991.98px) {
    #controles .menuMap2 .preco:hover>.subMenuFiltro{
        display: flex;
    } 
    #controles .menuMap2 .areaTotal:hover>.subMenuFiltro{
        display: flex;
    }

    #controles .menuMap2 .codImovel input{
        color: #b71725;
        width: 100px;
    }

}
@media (min-width: 1080px) {
    #controles .menuMap1 .content .menuMap1-containerRight .secondStep .todosImoveis {
        width: unset;
    }

    #controles .menuMap1 .content .menuMap1-containerRight .secondStep #exibeKmAddCirculo {
        margin: 0 25px;
    }
}