#offices-list-map, #offices-list-map-inform{
    background:#f4f4f4;
    height:461px;
}
#offices-list, #order-offices-list {
    height:400px;
    overflow:auto;
    font-size:1rem;
}
.order-offices-list-loading{
    position:relative;
}
.order-offices-list-loading:after{
    position:absolute;
    content:'';
    left:0;
    top:0;
    background:rgba(255,255,255,0.9);
    width:100%;
    height:100%;
    z-index:1;
}
.order-offices-list-loading #loader {
    z-index:4;
}
#offices-list .office-item.selected, #offices-list .office-item.selected:hover, 
#order-offices-list .office-item.selected, #order-offices-list .office-item.selected:hover{
	border-color:var(--bs-success);
	background:var(--bs-success);
	color:#ffffff;
}
#offices-list .office-item.selected a, #order-offices-list .office-item.selected a{
	color:#ffffff;
}
#offices-list .office-item.selected .btn-success, #order-offices-list .office-item.selected .btn-success{
	display:none;
}
#offices-list .office-item.selected h4:hover, #order-offices-list .office-item.selected h4:hover{
    color:#ffffff;
}

#offices-list .office-item, #order-offices-list .office-item{
    border:solid 1px #eeeeee;
    border-radius:3px;
    margin:5px 0;
    padding:15px 15px;
    transition:all 0.4s ease;
}
#offices-list .office-item:hover, #order-offices-list .office-item:hover{
    border-color:#0492d2;
}
#offices-list h4, #order-offices-list h4{
    cursor:pointer;
    margin-bottom:15px;
    font-size:1.3rem;
}
#offices-list h4:hover, #order-offices-list h4:hover{
    color:#0492d2;
}
@media (max-width: 520.98px) {
    #offices-list-map, #offices-list-map-inform{
        background:#f4f4f4;
        height:300px;
    }
}