/*mmlivesearch*/
#search {
    position: relative;
    z-index: 511
}

.mmlivesearch__result {
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 510;
    border-radius: 0 0 5px 5px;
    overflow-y: auto;
    left: 0;
    box-shadow: 0 10px 10px #b1b1b1;
    border-top: 1px solid #ddd;

    /* added */
    font-size: 14px;
    line-height: 140%;
    /* added */
}

/*.mmlivesearch__result span.search_sel svg{position:absolute;left:6px}*/
.mmlivesearch__result span.search_sel {
    cursor: pointer;
    display: table;
    width: 100%;
    padding: 10px 15px;
    position: relative;
    border-top: 1px solid #e3e3e3;
    background: #fff;
    text-align: left;

    /* added */
    display: flex;
    /* added */
}

.mmlivesearch__result span.search_sel .im {
    display: table-cell;
    padding-right: 10px;
    width: 40px;
    vertical-align: middle;
    text-align: center;

    /* added */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    /* added */
}

.mmlivesearch__result span.search_sel .w {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.mmlivesearch__result span.search_sel:hover {
    background: #dbdbdb
}

.mmlivesearch__result span.search_sel:hover .mmls__price {
    background: #dbdbdb
}

.mmlivesearch__result span.search_sel.toproduct,
.mmlivesearch__result span.search_sel.tosearch {
    padding: 10px 100px 10px 15px
}

.mmlivesearch__result span.search__sel.toproduct {
    padding: 10px 100px 10px 15px;
    position: relative;
    z-index: 761;
    padding-left: 35px;
    border-top: 1px solid #e3e3e3;
    background: #fff;
    text-align: left
}

.mmlivesearch__result span.search_sel.history {
    padding: 10px 15px 10px 15px
}

.mmlivesearch__result span.selected {
    background: #dbdbdb
}

.mmlivesearch__result span.selected .mmls__price {
    background: #dbdbdb
}

.mmlivesearch__result .title {
    padding: 10px 10px 0px 10px;
    background: #fff;
    text-align: left
}

.mmlivesearch__result span.all_products {
    width: 100%;
    padding: 10px;
    text-align: center !important;

    /* added */
    display: flex;
    justify-content: center;
    align-self: center;
    /* added */
}

.mmlivesearch__result span.no_find {
    width: 100%;
    padding: 10px;
    display: block;
    background: #fff;
    text-align: center
}

.mmlivesearch__result .clearMMLiveSearch {
    float: right;

    /* added */
    font-size: 80%;
    color: #676767;
}

.mmlivesearch__result .clearMMLiveSearch:hover {
    color: var(--color-basic);
}

.mmlivesearch__result .mmls__price {
    position: absolute;
    font-weight: bold;
    right: 10px;
    top: calc(50% - 10px);
    background: #fff;
    padding-left: 10px
}

/*
.mmlivesearch__result span.search_sel.hist:before{content:'';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23666666' d='M5 6.343V5a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H6.254a7 7 0 1 1-1.2 4.876 1 1 0 1 0-1.984.248A9 9 0 1 0 5 6.344Z'%3E%3C/path%3E%3Cpath fill='%23666666' d='M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2 2a1 1 0 0 0 1.414-1.414L13 11.586V8Z'%3E%3C/path%3E%3C/svg%3E");width: 18px;height: 18px;display: block;position: absolute;left: 10px;top: calc(50% - 10px);background-size: cover;}
.mmlivesearch__result span.search_sel.toproduct:before{content:'';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23666666' d='M11 5a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm-8 6a8 8 0 1 1 14.281 4.955l4.419 4.33a1 1 0 1 1-1.4 1.43l-4.444-4.357A8 8 0 0 1 3 11Z'%3E%3C/path%3E%3C/svg%3E");width: 18px;height: 18px;display: block;position: absolute;left: 10px;top: calc(50% - 10px);background-size: cover;}
.mmlivesearch__result span.search_sel.tosearch:before{content:'';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23666666' d='M11 5a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm-8 6a8 8 0 1 1 14.281 4.955l4.419 4.33a1 1 0 1 1-1.4 1.43l-4.444-4.357A8 8 0 0 1 3 11Z'%3E%3C/path%3E%3C/svg%3E");width: 18px;height: 18px;display: block;position: absolute;left: 10px;top: calc(50% - 10px);background-size: cover;}
.mmlivesearch__result span.search_sel.tocategory:before{content:'';background-image: url("data:image/svg+xml,%3Csvg height='100%25' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;' version='1.1' viewBox='0 0 32 32' width='100%25' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:serif='http://www.serif.com/' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23666666' d='M1,5.998l-0,16.002c-0,1.326 0.527,2.598 1.464,3.536c0.938,0.937 2.21,1.464 3.536,1.464c5.322,0 14.678,-0 20,0c1.326,0 2.598,-0.527 3.536,-1.464c0.937,-0.938 1.464,-2.21 1.464,-3.536c0,-3.486 0,-8.514 0,-12c0,-1.326 -0.527,-2.598 -1.464,-3.536c-0.938,-0.937 -2.21,-1.464 -3.536,-1.464c-0,0 -10.586,0 -10.586,0c0,-0 -3.707,-3.707 -3.707,-3.707c-0.187,-0.188 -0.442,-0.293 -0.707,-0.293l-5.002,0c-2.76,0 -4.998,2.238 -4.998,4.998Zm2,-0l-0,16.002c-0,0.796 0.316,1.559 0.879,2.121c0.562,0.563 1.325,0.879 2.121,0.879l20,0c0.796,0 1.559,-0.316 2.121,-0.879c0.563,-0.562 0.879,-1.325 0.879,-2.121c0,-3.486 0,-8.514 0,-12c0,-0.796 -0.316,-1.559 -0.879,-2.121c-0.562,-0.563 -1.325,-0.879 -2.121,-0.879c-7.738,0 -11,0 -11,0c-0.265,0 -0.52,-0.105 -0.707,-0.293c-0,0 -3.707,-3.707 -3.707,-3.707c-0,0 -4.588,0 -4.588,0c-1.656,0 -2.998,1.342 -2.998,2.998Z'/%3E%3C/svg%3E");width: 18px;height: 18px;display: block;position: absolute;left: 10px;top: calc(50% - 10px);background-size: cover;}
*/
.mmlsloader {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    color: #898989;
    box-sizing: border-box;
    animation: mmlsanimloader 1s linear infinite alternate;
}

@keyframes mmlsanimloader {
    0% {
        box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0
    }

    33% {
        box-shadow: -38px 0px, -14px -12px, 14px 0, 38px 0
    }

    66% {
        box-shadow: -38px 0px, -14px 0, 14px -12px, 38px 0
    }

    100% {
        box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px
    }
}

/*mmlivesearch*/