.blubot-map{
    width:100%;
    height:600px;
}

.blubot-popup h4{
    margin:0 0 10px;
}

.blubot-btn{
    display:inline-block;
    margin-top:10px;
    padding:10px 15px;
    background:#0073aa;
    color:#fff;
    text-decoration:none;
}

.blubot-wrapper{
    display:flex;
    gap:20px;
}

.sidebar-left{
    flex-direction:row;
}

.sidebar-right{
    flex-direction:row-reverse;
}

.sidebar-bottom{
    flex-direction:column;
}

.blubot-sidebar{
    width:300px;
    overflow:auto;
    border:1px solid #ddd;
    background:#fff;
}

.blubot-sidebar-item{
    padding:15px;
    border-bottom:1px solid #eee;
    cursor:pointer;
}

.blubot-sidebar-item:hover{
    background:#f5f5f5;
}

.sidebar-bottom .blubot-sidebar{
    width:100%;
}

.blubot-sidebar-item.active{
    background:#f0f7ff;
    border-left:4px solid #2271b1;
}

.blubot-sidebar-item{
    transition:all .2s ease;
}
.blubot-custom-marker {
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    border: 2px solid #2563eb;
}