﻿.ui-autocomplete-loading {
    background: #FFF right center no-repeat;
}

#selcity {
    width: 25em;
}

#log {
    height: 200px;
    width: 600px;
    overflow: auto;
}

.box-middle {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

#map {
    width: 95%;
    height: 250px;
}
/* Оформление меню (начало)*/
.menu {
    list-style: none;
    margin: 0;
}

.block {
    display: block !important;
}

.map-menu-item {
    padding: 10px 15px;
    text-align: left !important;
}

    .map-menu-item:hover {
        cursor: pointer;
        background: #f1f1f1;
    }

.map-menu-item-address {
    border-bottom: 1px solid #ededed;
    width: 100% !important;
}

    .map-menu-item-address a {
        border:none !important;
    }
    
    
    .map-menu-item span {
        margin-bottom: 0px;
        padding-bottom: 8px;
    }

    .map-menu-item span:last-child {
        padding-bottom: 0px;
    }

.map-menu-item-address-info {
    font-family: 'Roboto-Regular', sans-serif;
}

    .map-menu-item-address-info span {
        font-family: 'Roboto-Regular', sans-serif;
        margin-bottom: 0 !important;
        padding: 8px 15px;
        display: block;
    }

    .map-menu-item-address-info .button-block {
        padding: 8px 0 15px 0;
        border-bottom: 1px dashed #a6a8ad;
    }

    .map-menu-item-address-info button {
        margin-left: 15px;
        padding: 5px 35px;
    }

    .map-menu-item-address-info ul {
        padding-left: 15px;
        color: #282d32;
        font-family: 'Roboto-Regular', sans-serif;
    }

.back-to-item {
    padding: 11px 30px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    cursor: pointer;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #282d32;
    font-size: 15px;
}

    .back-to-item:hover {
        background-color: #ededed;
    }

    .back-to-item i::after {
        content: '';
        position: absolute;
        min-width: 7px;
        height: 1px;
        background: #282d32;
        transition: all .3s ease;
        bottom: 19px;
        transform: rotate(-145deg);
        left: 15px;
    }

    .back-to-item i::before {
        content: '';
        position: absolute;
        min-width: 7px;
        height: 1px;
        background: #282d32;
        transition: all .3s ease;
        top: 20px;
        transform: translate(8px, 0) rotate(145deg);
        left: 7px;
    }

.metro-circle {
    border-radius: 100%;
    background: white;
    width: 14px;
    height: 14px;
    float: left;
    position: relative;
    top: 2px;
}

.box-middle .wrap-metro {
    display: flex;
    justify-content:flex-start;
    margin-right: 8px;
}