@charset "utf-8";

#POINTS__flex {
    display: flex;
    flex-flow: row nowrap;
    height:100%;
}

#POINTS__flex_left {
    display: flex;
    flex-flow: column nowrap;
    flex: 0 0 400px;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(108, 72, 0, 0.25);
    z-index: 100;
}

#POINTS__flex_right {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
}

#POINTS__logo_container {
    display: flex;
}

#POINTS__logo_container2 {
    display: none;
}

#GEO__map {
    flex: 1 1 auto;
}

#POINTS__menu_container {
    flex: 0 0 auto;
    margin-bottom: 8px;
}

#POINTS__list_container {
    flex: 1 1 auto;
    padding: 3px;
    overflow-y: scroll;
}

.POINTS__list_h1 {
    font-size: 14px;
    line-height: 1.4;
    padding: 5px 12px 8px;
}

@media screen and (max-width: 990px) {
    #POINTS__flex {
        flex-flow: column-reverse nowrap;
        height: auto;
        overflow: hidden;
    }
    
    #POINTS__flex_left {
        flex: 1 1 auto;
        overflow: visible;
        max-width: none;
    }
        
    #POINTS__logo_container {
        display: none;
    }
    
    #POINTS__logo_container2 {
        display: flex;
    }
    
    #GEO__map {
        height: 300px;
    }
}

.POINTS__filter_item {
    flex: 0 0 auto;
}

.POINTS__filter__column {
    display: flex;
    flex-flow: row nowrap;
    background: #c3c3c3;
}


.REGIONS__item {
    padding: 1em 2em;
}


#POINTS__regions_list {
    flex: 0 0 25em;
}



.GEO__REGIONS_code {
    display:inline-block;
    background: #c81226;
    padding:0.2em 0.2em;
    border-radius: 0.2em;
    margin-right: 1em;
    max-height: 23px;
}

.GEO__REGIONS_code span {
    color: #fff;
    font-size: 140%;
    padding: 5px;
}


.REGIONS__item__name {
    display:inline-block;
}

.REGIONS__item__name span {
   font-size: 120%;
}

.REGIONS__delivery_divider {
    padding: 1em 2em;
}

.REGIONS__delivery_divider span {
    font-size: 140%;
    font-weight: bold;
}

.GEO__selector_item {
    display: flex;
    padding: 1em 2em 1em 1em;
    margin: 0 0 8px 6px;
    background: #dfdfdf url("/css/new/chevron_right.svg") no-repeat center right;
}

.GEO__selector_item.GEO__selector_item__favorite {
    background-color: #ffe8a6;
    position:relative;
}

.GEO__selector_item__favorite:after {
    content: ' ';
    position: absolute;
    top:2px;
    right:2px;
    background: url(/css/new/image_map.png) -37.2em -14em no-repeat;
    background-size: 50em 50em;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
}

.POINTS__filter__column__header {
    padding: 9px 0px 9px 12px;
    font-size: 15px;
    font-weight: 700;
}


.POINTS__filter__column__value {
    padding: 9px 15px 10px;
    font-size: 15px;
    text-decoration: underline;
}

.GEO__selector_item_name {
    font-size: 14px;
    line-height: 1.7;
}

.POINTS_delivery_logo {
    background: url(/css/new/image_map.png) -27em -11.1em no-repeat;
    background-size: 50em 50em;
    width: 3em;
    height: 2em;
    margin: 2px 10px 0 0;
}


#BASKET_DELIVERYTYPE_INFO {
    float:right;
    width:50%;
    border-left: 1px solid #e2e5e8;
}

#BASKET_DELIVERYTYPE_INFO_variant span {
    font-size: 160%;
}

.ATTENTION {
    color:#e82d2d;
}

.ADDRESS_edit {
    width: 1.8em;
    height: 1.8em;
    background: url(/css/new/image_map.png) -34.3em -15.7em no-repeat;
    background-size: 50em 50em;
}

.ADDRESS_delete {
    margin-left:0.5em;
    width:1.8em;
    height:1.8em;
    background: url(/css/new/image_map.png) -10.6em -3.0em no-repeat;
    background-size: 50em 50em;
}

#DELIVERY__points__info span {
    color: #e82d2d;
    font-size:140%;
}

#DELIVERY__region_search_container {
    padding: 0 6px 10px;
}

.DELIVERY__favorite {
    background: gold;
}
.POINTS__list_filters {
    padding:0px 0px 20px 0px;
}
.POINTS__filter_input {
    display:flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 5px 16px 0px;
}

.POINTS__filter_input label {
    font-size: 14px;
    line-height: 1.4;
}

@media screen and (max-width: 420px) {
    .POINTS__list_h1 {
        padding: 0px 12px 4px;
    }
}