body {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.static-modal .static-modal-datarow{
    justify-content: center;
}

.static-modal .static-modal-body .controls-row{
    width: 100%;
    height: min-content;
    margin-bottom: 0.625rem;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#city_id{
    border-right: none;
}

.base__popup{
    opacity: 0.5;
    transition: opacity 600ms;
}
.base__popup_visible{
    opacity: 1!important;
}


.static-modal .static-modal-body .controls-row input{ margin-bottom: 0;flex-grow: 1;}
.static-modal .static-modal-body .controls-row .toggle-button,
.static-modal .static-modal-body .controls-row .popup-button { height: 3.125rem; width: 3.125rem;border: 1px solid rgba(45, 45, 45, 0.5); border-left: none;background-color: white;}

.static-modal .static-modal-body .controls-row .popup-button {
    background-image: url('arrow-down.png'); background-size: 1.25rem 1.25rem; background-repeat: no-repeat;background-position: center;
}

.static-modal .static-modal-body .controls-row .toggle-button:hover,
.static-modal .static-modal-body .controls-row .popup-button:hover{cursor: pointer;}
.visible{ background-image: url('zoom.png'); background-repeat: no-repeat;background-position: center; }
.invisible{ background-image: url('no-service.png'); background-repeat: no-repeat;background-position: center; }


.popup__list_cities{
    width: 100%;
    background: #F9F9F9;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 1rem;

    max-height: 15rem;
    overflow-x: auto;
    overflow-y: auto;
}
.popup__list_cities::-webkit-scrollbar{
    width: 0.375rem;
}
.popup__list_cities::-webkit-scrollbar-thumb{
    background: var(--base__table_header_background);
}

.popup__list_cities .popup__list_city{
    width: 100%;
    /*height: 2rem;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
}
.popup__list_cities .popup__list_city a{
    font-family: Sansation Light;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 200%;

    letter-spacing: 0.025em;

    color: #2D2D2D;
}
.popup__list_cities .popup__list_city a:hover{cursor: pointer; text-decoration: underline;}


@media screen and (max-width: 650px)/*, screen and (max-height: 650px)*/{
    .static-modal .static-modal-body .controls-row .toggle-button,
    .static-modal .static-modal-body .controls-row .popup-button{height: 2.5rem; width: 2.5rem;}

    .popup__list_cities .popup__list_city a{
        font-size: 0.875rem;
    }
}