.wrapper {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(-50%,-50%);
}

.select_wrap {
    width: 300px;
    margin: 15px auto;
    position: relative;
    user-select: none;
}

    .select_wrap .default_option {
        background: @Color.Inherit;
        border-radius: 5px;
        position: relative;
        cursor: pointer;
    }

        .select_wrap .default_option li {
            padding: 10px 20px;
            background: @Color.Inherit;
        }

        .select_wrap .default_option:before {
            content: "";
            position: absolute;
            top: 22px;
            right: 18px;
            width: 6px;
            height: 6px;
            border: 2px solid;
            border-color: transparent transparent white white;
            transform: rotate(-45deg);
        }

    .select_wrap .select_ul {
        position: absolute;
        top: 52px;
        left: 0;
        width: 100%;
        background: #00336e;
        border-radius: 5px;
        display: none;
        border-top: 3px solid #cccccc;
    }

        .select_wrap .select_ul li {
            padding: 2px 5px 2px 20px;
            cursor: pointer;
            max-height:200px;
            overflow:scroll;
        }

            .select_wrap .select_ul li:first-child:hover {
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

            .select_wrap .select_ul li:last-child:hover {
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            .select_wrap .select_ul li:hover {
                background: #afafaf;
            }

    .select_wrap .option {
        display: flex;
        align-items: center;
    }

        .select_wrap .option .icon {
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            width: 30px;
            height: 60px;
            margin-right: 15px;
        }

        .select_wrap .option.pizza .icon {
        }

        .select_wrap .option.burger .icon {
            background-position: 0 -35px;
        }

        .select_wrap .option.ice .icon {
            background-position: 0 -72px;
        }

        .select_wrap .option.fries .icon {
            background-position: 0 -111px;
            width: 25px;
        }

    .select_wrap.active .select_ul {
        display: block;
    }

    .select_wrap.active .default_option:before {
        top: 26px;
        transform: rotate(-225deg);
    }

.logo-container-app-bar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rounded-img-app-bar {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 50%;
}

.condo-name {
    margin-left: 10px;
}

@media (max-width: 800px) {
    .condo-name {
        display: none;
    }
    .select_wrap{
        width:100px;
        margin-right:90px;
    }
        .select_wrap.active .select_ul {
            display: block;
            width: 200px;
        }
}