@media print {
    .comp-sidebar {
        display: none
    }
}

.sidebar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%
}

.sidebar__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

    .sidebar__item:not(:first-child) {
        margin-top: 24px
    }


@media only screen and (max-width: 992px) {
    .main {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comp-sidebar {
        display: none
    }

    .comp-container {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.comp-sidebar {
    max-width: 224px;
    width: 100%
}

.comp-container {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px
}


@media only screen and (max-width: 767px) {
    .comp-container-title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .comp-container-title {
        position: relative;
        justify-content: center;
        padding: 20px 0;
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
    }
}

.only-mobile-phone-flex {
    display: none !important;
}

@media only screen and (max-width: 576px) {
    .only-mobile-phone-flex {
        display: block !important;
    }
}

.comp-container-title h1 {
    color: #4b4b57;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 0
}

.comp-container-head {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 16px;
    margin-top: 15px;
    width: 100%
}

    .comp-container-head .nav {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

@media only screen and (max-width: 576px) {
    .comp-container-head .nav {
        width: 100%
    }
}

.comp-container-head .navi-item {
    color: #919191;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    text-decoration: none;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: -1px
}

@media only screen and (max-width: 767px) {
    .comp-container-head .navi-item {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width: 576px) {
    .comp-container-head .navi-item {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }
}

.navi-item {
    display: block;
    margin-top: 11px;
}

.comp-container-head .navi-item:not(:first-child) {
    margin-left: 10px
}

.comp-container-head .navi-item:hover, .comp-container-head .navi-item:focus {
    text-decoration: none
}

.comp-container-head .navi-item:after {
    content: ' ';
    background-color: transparent;
    width: 100%;
    height: 3px;
    display: block;
    margin-top: 10px;
    width: calc(100% + 48px);
    margin-left: -24px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.comp-container-head .navi-item-active:after {
    background-color: #28abe0;
    background-image: -webkit-gradient(linear, right top, left top, from(#28abe0), to(#9ce2ff));
    background-image: -o-linear-gradient(right, #28abe0, #9ce2ff);
    background-image: linear-gradient(to left, #28abe0, #9ce2ff)
}

.main__container__info {
    margin-bottom: 16px
}



.comp-container-content {
    max-width: 955px
}

.sidebar__item--account {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .sidebar__item--account .account__picture {
        background-color: #ff6000;
        border-radius: 32px;
        color: #fff;
        display: inline-block;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 13px;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        height: 32px;
        line-height: 33px;
        text-align: center;
        width: 32px
    }

    .sidebar__item--account .account__info {
        -webkit-flex: 0 0 0 32px;
        -ms-flex: 0 0 0 32px;
        flex: 0 0 0 32px;
        margin-left: 12px
    }

    .sidebar__item--account .account__info__title {
        color: #919191;
        font-size: 11px;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 0
    }



    .sidebar__item--account .account__weather {
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 270px
    }

        .sidebar__item--account .account__weather svg {
            height: 45px;
            width: 270px
        }

.sidebar__item--lists .list:not(:first-child) {
    margin-top: 24px
}

.sidebar__item--lists .list__title {
    color: #919191;
    font-size: 12px;
    letter-spacing: 0.872727px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    text-decoration: none
}


.sidebar__item--lists .list__nav {
    list-style: none;
    margin-bottom: 0;
    margin-top: 11px;
    padding-left: 0
}



.comp-sidebar {
    max-width: 224px;
    width: 100%
}

.order-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 577px) {
    .order-block {
        margin-top: 35px
    }
}

@media only screen and (max-width: 576px) {
    .order-block {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 0;
        padding-right: 0
    }

        .order-block:not(:first-child) {
            margin-top: 20px
        }
}

.order-block:last-child {
    margin-bottom: 40px;
}

.order-row {
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-property: height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
    transition-property: height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
    -o-transition-property: box-shadow,height,width,box-sizing,padding,background,font-size,transform;
    transition-property: box-shadow,height,width,box-sizing,padding,background,font-size,transform;
    transition-property: box-shadow,height,width,box-sizing,padding,background,font-size,transform,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform
}

@media only screen and (min-width: 577px) {
    .order-row {
        -webkit-box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
        box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
        border-radius: 4px;
        border: 1px solid #e5e5e5
    }
}

@media only screen and (max-width: 576px) {
    .order-row {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
        box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
        border: 1px solid #eee;
        margin-top: 20px
    }

        .order-row .order-row-summary {
            border-radius: 8px !important
        }
}

.order-row .order-row-summary {
    border-radius: 8px !important
}

.order-row:not(:first-child) {
    margin-top: 16px
}

.order-row-summary {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 24px;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media only screen and (max-width: 576px) {
    .order-row-summary {
        background-color: #fff;
        padding: 12px 4px;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .order-row__summary__images, .summary-data, .order-price-row {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .order-row__summary__images {
        width: 88px
    }
}

@media only screen and (max-width: 576px) and (max-width: 576px) {
    .order-row__summary__images {
        width: 62px !important;
        -ms-flex-pack: start !important;
        -webkit-justify-content: flex-start !important;
        justify-content: flex-start !important;
        margin-right: 0 !important
    }
}

.order-row__summary__images {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 88px
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .order-row__summary__images {
        width: 80px
    }
}

.order-row__summary__images .image__item {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #4b4b57;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    border-radius: 40px;
    z-index: 0
}

    .order-row__summary__images .image__item:not(:first-child) {
        margin-left: -20px;
        -webkit-box-shadow: -2px 0 0 0 rgba(0,0,0,0.08);
        box-shadow: -2px 0 0 0 rgba(0,0,0,0.08)
    }

    .order-row__summary__images .image__item img {
        display: block;
        width: 100%;
        border-radius: 40px
    }

.order-row--cancelled .order-row__summary__date, .order-row--cancelled .order-row__summary__images, .order-row--cancelled .summary-data, .order-row--cancelled .order-price-row, .order-row--cancelled .packages-summary-toggle {
    opacity: .4
}

@media only screen and (max-width: 576px) {
    .summary-data {
        margin-right: 0 !important
    }

        .summary-data .date {
            margin-top: 0 !important
        }

    .packages-summary-toggle {
        margin-right: 4px;
        margin-top: 0 !important;
        min-width: inherit !important;
        width: inherit !important
    }

        .packages-summary-toggle svg {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }
}

.summary-data {
    -ms-flex-direction: column !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
    min-width: 1px
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .summary-data {
        margin-right: -10px
    }
}

.summary-data _:-ms-fullscreen, :root .summary-data {
    margin-right: -10px
}

@media only screen and (max-width: 576px) {
    .order-date-clock {
        display: none
    }
}

.summary-data .order-number b {
    margin-left: 3px
}

.summary-data .date {
    margin-top: 4px
}

    .summary-data .date span {
        color: #919191
    }

@media only screen and (max-width: 576px) {
    .summary-data .date span {
        display: block
    }

        .summary-data .date span:not(:first-child) {
            margin-top: 1px
        }
}


.summary-data, .order-price-row, .summary-progress {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: 20px;
    margin-right: 20px
}

    .summary-data b, .summary-data span, .order-price-row b, .order-price-row span {
        color: #4b4b57
    }

    .summary-data small, .order-price-row small {
        color: #919191;
        font-size: 14px;
        text-decoration: none
    }

        .summary-data small:active, .summary-data small:focus, .summary-data small:hover, .summary-data small[x-apple-data-detectors], .order-price-row small:active, .order-price-row small:focus, .order-price-row small:hover, .order-price-row small[x-apple-data-detectors] {
            text-decoration: none !important;
            color: #919191 !important
        }


.summary-data, .order-price-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.summary-data, .order-price-row, .summary-progress {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: 20px;
    margin-right: 20px
}

.summary-progress {
    min-width: 260px
}

@media only screen and (max-width: 576px) {
    .summary-progress {
        margin-left: 6px !important;
        margin-right: 6px !important
    }
}

@media only screen and (max-width: 992px) {
    .summary-progress {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        margin-top: 16px;
        min-width: inherit !important;
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .summary-progress .order-progress-bar {
        padding-left: 20px
    }
}

.summary-progress _:-ms-fullscreen .order-progress-bar, :root .summary-progress .order-progress-bar {
    padding-left: 20px
}

.progress-status span {
    font-size: 14px;
    display: block
}

    .progress-status span b {
        color: #4b4b57
    }

.progress-bar__status--delivered {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .progress-bar__status--delivered svg {
        margin-right: 8px
    }


    .progress-bar__status--delivered span {
        margin-top: 0 !important;
        color: #4b4b57;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
    }

.progress-print {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .progress-print svg {
        margin-right: 8px
    }


    .progress-print span {
        margin-top: 0 !important;
        color: #4b4b57;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
    }

.progress-bar__status--canceled {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .progress-bar__status--canceled svg {
        margin-right: 8px
    }


    .progress-bar__status--canceled span {
        margin-top: 0 !important;
        color: #ff6465;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
    }


.progress-status-desc {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .progress-status-desc svg {
        margin-right: 8px
    }


    .progress-status-desc span {
        margin-top: 0 !important;
        color: #4b4b57;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
    }



.order-price-row b {
    color: #439e4a !important;
    margin-top: 1px;
}

@media only screen and (max-width: 576px) {
    .order-price-row {
        text-align: right;
    }
}

@media only screen and (max-width: 576px) {
    .order-price-row b {
        font-size: 13px
    }
}

.summary-data b, .summary-data span, .order-price-row b, .order-price-row span {
    color: #4b4b57
}

.summary-data small:active, .summary-data small:focus, .summary-data small:hover, .summary-data small[x-apple-data-detectors], .order-price-row small:active, .order-price-row small:focus, .order-price-row small:hover, .order-price-row small[x-apple-data-detectors] {
    text-decoration: none !important;
    color: #919191 !important
}

.summary-data, .order-price-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.t-normal {
    font-style: normal;
}

@media only screen and (max-width: 576px) {
    .order-row--awaiting-payment .packages-summary-toggle {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .summary-data {
        margin-right: 0 !important
    }

        .summary-data .date {
            margin-top: 0 !important
        }

    .packages-summary-toggle {
        margin-right: 4px;
        margin-top: 0 !important;
        min-width: inherit !important;
        width: inherit !important
    }

        .packages-summary-toggle svg {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }
}

.packages-summary-toggle {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #4b4b57;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 32px;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.packages-summary-toggle-icon {
    width: 32px;
    height: 32px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-radius: 32px;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.packages-summary-open {
    background-color: rgba(0,0,0,0)
}

    .packages-summary-open svg {
        color: #4b4b57
    }

.packages-summary-toggle-icon svg {
    fill: currentColor;
    height: 12px;
    width: 12px
}

@media only screen and (max-width: 576px) {
    .summary-data small, .order-price-row small {
        margin-top: 1px;
    }
}

.comp-row-container {
    background-color: #fff;
    cursor: default;
    position: relative;
    margin: 0 20px 16px;
    padding-top: 16px
}

@media only screen and (max-width: 576px) {
    .inprogress-step-bar .dot-step .dot {
        margin-left: -4.5px !important;
    }
}

@media only screen and (min-width: 577px) {
    .order-row--active {
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
        background-color: #fff;
        border-color: #eee;
        -webkit-box-shadow: 0 8px 32px rgba(72,72,72,0.16);
        box-shadow: 0 8px 32px rgba(72,72,72,0.16);
        margin-bottom: 30px;
        width: calc(100% + 32px);
        margin-left: -16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .order-row--active .order-row-summary {
            padding-left: 40px !important;
            padding-right: 40px !important;
            position: -webkit-sticky;
            position: sticky;
            top: -15px;
            z-index: 1;
            border-radius: 4px;
            background-color: #fff
        }

        .order-row--active .comp-row-container {
            margin-left: 40px;
            margin-right: 40px
        }
}


.package-card {
    background-color: #fff;
    border-radius: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 577px) {
    .package-card {
        border: 1px solid #e5e5e5
    }
}

.package-card:not(:first-child) {
    margin-top: 24px
}

.package-card .product-evaluate-tooltip .tooltip__arrow {
    left: 110px
}

.cartline-item {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 118px
}

@media only screen and (max-width: 992px) {
    .cartline-item {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 576px) {
    .cartline-item {
        border: 1px solid #ddd;
        border-radius: 4px
    }
}

.cartline-column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

@media only screen and (max-width: 992px) {
    .cartline-column {
        width: 100%
    }
}

@media only screen and (min-width: 993px) {
    .cartline-column {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }
}

.cartline-information {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

@media only screen and (max-width: 576px) {
    .cartline-information {
        display: block
    }
}

.cartline-column-product {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 24px
}

@media only screen and (max-width: 576px) {
    .cartline-column-product {
        padding: 15px
    }
}

.cartline-columnproduct-item {
    width: 100%
}

    .cartline-columnproduct-item:not(:first-child) {
        margin-top: 30px
    }

.lineitem-card__information {
    background-color: #f5f5f5;
    color: #7b7b7b;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    padding: 24px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}


.lineitem-card__information__state-bar {
    width: 100%;
    margin-bottom: 20px
}

.lineitem-card__information__delivery-status {
    display: block;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin-bottom: 13px
}

.lineitem-card__information__delivery-status--green {
    color: #393
}

.lineitem-card__information__date {
    display: block;
    margin-bottom: 13px
}

.lineitem-card__information__list {
    list-style: none;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 0
}

    .lineitem-card__information__list li:not(:first-child) {
        margin-top: 10px
    }

.lineitem-card__information__return-request-state {
    display: block;
    margin-top: 20px;
    width: 128px
}

.lineitem-card__button-group {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-top: 16px
}

@media only screen and (max-width: 576px) {
    .lineitem-card__button-group {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.lineitem-card__button-group button .hb-button__icon {
    margin-right: 5px
}

@media only screen and (min-width: 577px) {
    .lineitem-card__button-group button:not(:first-child) {
        margin-left: 5px
    }
}

@media only screen and (max-width: 576px) {
    .lineitem-card__button-group button:not(:first-child) {
        margin-top: 5px
    }
}

@media only screen and (max-width: 576px) {
    .lineitem-card__button-group button {
        margin-left: 2px;
        margin-right: 2px;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        width: inherit
    }
}

.product-card {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.product-image {
    position: relative;
    width: 180px;
    min-width: 64px;
}

@media only screen and (max-width: 576px) {
    .product-image {
        width: 130px;
    }
}

.product-image img {
    display: block;
    width: 100%
}

.product-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 16px;
    width: 100%
}

    .product-content div:not(:first-child) {
        margin-top: 8px
    }

.product-content-title {
    color: #4b4b57;
    font-size: 14.4px;
    line-height: 17px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .product-content-title {
        white-space: pre-wrap;
        word-break: break-all
    }
}

.product-content-title _:-ms-fullscreen, :root .product-content-title {
    white-space: pre-wrap;
    word-break: break-all
}

.product-content-title a {
    color: #4b4b57;
    text-decoration: none
}

    .product-content-title a:focus, .product-content-title a:hover {
        text-decoration: none
    }

.product-content-merch li, .product-content-merch ul {
    font-size: 13.6px
}

.product-content-merch ul {
    color: #4b4b57;
    margin: 0;
    padding-left: 15px;
    list-style: none;
    padding: 0;
}



.product-content-price {
    color: #439e4a;
    font-size: 15px;
    font-weight: 600
}

.product-content-evaluate a {
    color: #4b4b57;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    margin-top: 8px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    cursor: pointer;
    background-color: #e1f6ff;
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
}

    .product-content-evaluate a:hover {
        background-color: #d0f1ff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .product-content-evaluate a .product-content-evaluate__icon {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjE2MSAxMGEyLjE2IDIuMTYgMCAwIDEgMi4wMTEtMS4zMzNoLjc5Yy4wNjcgMCAuMTI4LS4wNC4xNTQtLjEwMi41LTEuMTkxLjg3NS0yLjU2NSAyLjU1LTIuNTY1IDEuNDY3IDAgMi4wMzQgMS4yMzUgMi4yOTggMS45MzNhLjE2Ny4xNjcgMCAwIDAgLjMxLjAwNkE1IDUgMCAwIDAgMTQuNjY2IDZjMC0zLjMwOS0zLjI5LTYtNy4zMzQtNlMwIDIuNjkxIDAgNmE1LjM4NyA1LjM4NyAwIDAgMCAxLjc3MSAzLjkwM0wuNjg4IDEyLjg4NmEuMzMzLjMzMyAwIDAgMCAuNDQxLjQyMWwzLjg4OC0xLjYxOWMuMzI3LjA4OS42Ni4xNTguOTk1LjIwOGEuMTY2LjE2NiAwIDAgMCAuMTktLjE0NWMuMDAzLS4wMy0uMDAxLS4wNi0uMDEzLS4wODdBMi4xMTIgMi4xMTIgMCAwIDEgNi4xNjEgMTB6IiBmaWxsPSIjRkY2MDAwIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy44MjMgMTUuODg1YS44NS44NSAwIDAgMCAxLjAwNC0uMTExLjgzNy44MzcgMCAwIDAgLjIxMS0uOTY3bC0uODY3LTEuOTg3IDEuNTY1LTEuMzk1YS44NC44NCAwIDAgMCAuMi0uOTE4LjgyMi44MjIgMCAwIDAtLjc3Ny0uNTA3aC0xLjc3NmwtLjk0LTIuMTc4LS4wMDgtLjAxOWEuODYxLjg2MSAwIDAgMC0xLjU0NS4wMTlMOS45NSAxMEg4LjE3MWEuODE4LjgxOCAwIDAgMC0uODE2IDEuMDA2Ljg0Ni44NDYgMCAwIDAgLjI1MS40MzRsMS41NTMgMS4zOC0uODYzIDEuOTg3YS44MzcuODM3IDAgMCAwIC4yMS45NjcuODU3Ljg1NyAwIDAgMCAxLjAwNC4xMWwyLjE1Ni0xLjIxMyAyLjE1NiAxLjIxNGguMDAxeiIgZmlsbD0iI0ZGNjAwMCIvPjwvc3ZnPg==);
        width: 16px;
        height: 16px;
        margin-right: 8px
    }

.cartline-content .action-button-group .action-button, .cartline-content .action-button-group .action-button:hover, .cartline-content .action-button-group .action-button:focus {
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.cartline-content {
    background-color: #f5f5f5;
    color: #7b7b7b;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    padding: 24px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 100%
}

@media only screen and (max-width: 992px) {
    .cartline-content {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px
    }
}

.cartline-delivered {
    background-color: #f7fdf7
}

    .cartline-delivered .cartline-content-header {
        padding-bottom: 24px;
        border-bottom: 1px solid #def6e0
    }

    .cartline-delivered .cartline-content-headericon {
    }

    .cartline-delivered .cartline-hcontent .date {
        color: #439e4a
    }

.lineitem-content--undelivered .cartline-content-headericon {
    background-color: #faa067
}

.lineitem-content--undelivered .cartline-cbody .undelivered-reason {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #4b4b57;
    line-height: 18px
}

.cartline-content-cancel .cartline-content-headericon {
}

.lineitem-content--returned .cartline-content-headericon {
    background-color: #5ad363
}

.lineitem-content--online-purchased {
    background-color: #f7fdf7
}

    .lineitem-content--online-purchased .cartline-content-header {
        padding-bottom: 24px;
        border-bottom: 1px solid #def6e0
    }

    .lineitem-content--online-purchased .cartline-content-headericon {
        background-color: #5ad363
    }

.cartline-content-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cartline-content-headericon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 12px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .cartline-content-headericon svg {
        width: 40px;
        height: 40px;
    }

.cartline-hcontent {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .cartline-hcontent .title {
        font-size: 15px;
        color: #4b4b57
    }

    .cartline-hcontent .date {
        color: #7b7b7b;
        font-size: 14px;
        margin-top: 8px
    }

.cartline-cbody .refunds {
    list-style: none;
    padding-left: 0;
    margin-top: 16px;
    margin-bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .cartline-cbody .refunds li {
        color: #4b4b57;
        line-height: 18px
    }

        .cartline-cbody .refunds li:not(:first-child) {
            margin-top: 16px
        }

        .cartline-cbody .refunds li b {
            color: #4b4b57
        }

.cartline-content .action-button-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .cartline-content .action-button-group .action-button {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        background-color: transparent;
        border: none;
        color: #4b4b57;
        font-size: 14.4px;
        margin-top: 12px;
        text-align: left;
        cursor: pointer;
        display: inline;
        width: 50%;
        text-decoration: none;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 12px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .cartline-content .action-button-group .action-button:hover, .cartline-content .action-button-group .action-button:focus {
            background-color: rgba(0,0,0,0.03);
            border-radius: 4px
        }

@media only screen and (max-width: 576px) {
    .cartline-content .action-button-group .action-button {
        width: 100%
    }
}

.cartline-content .action-button-group .action-button--cargo-tracking {
    -webkit-flex-grow: 4;
    -ms-flex-positive: 4;
    flex-grow: 4
}

.cartline-content .action-button-group .action-button svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 5px
}

.cartline-content .fast-delivery-bar {
    background-color: #fff;
    width: 100%;
    min-height: 56px;
    border-radius: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -16px;
    margin-left: -16px;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px
}



.cartline-content .fast-delivery-bar__text {
    font-size: 14px;
    color: #4b4b57
}

.cartline-content .fast-delivery-bar__cargo-company {
    background-repeat: no-repeat;
    width: 77px;
    height: 15px;
    justify-self: flex-end;
    margin-left: auto
}

.cartline-delivered {
    background-color: #f7fdf7
}

    .cartline-delivered .cartline-content-header {
        padding-bottom: 24px;
        border-bottom: 1px solid #def6e0
    }

    .cartline-delivered .cartline-content-headericon {
    }

    .cartline-delivered .cartline-hcontent .date {
        color: #439e4a
    }

.lineitem-content--undelivered .cartline-content-headericon {
    background-color: #faa067
}

.lineitem-content--undelivered .cartline-cbody .undelivered-reason {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #4b4b57;
    line-height: 18px
}

.cartline-content-cancel .cartline-content-headericon {
}

.lineitem-content--returned .cartline-content-headericon {
    background-color: #5ad363
}

.lineitem-content--online-purchased {
    background-color: #f7fdf7
}

    .lineitem-content--online-purchased .cartline-content-header {
        padding-bottom: 24px;
        border-bottom: 1px solid #def6e0
    }

    .lineitem-content--online-purchased .cartline-content-headericon {
        background-color: #5ad363
    }


.cartline-content-header, .cartline-content-headericon {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}



.order-information {
    color: #4b4b57;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 48px;
    padding-bottom: 48px;
    width: 100%
}

@media only screen and (max-width: 767px) and (min-width: 577px) {
    .order-information {
        border-radius: 4px;
        margin-top: 24px;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 992px) {
    .order-information {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0
    }
}

.order-info {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .order-info {
        -ms-flex-preferred-size: 1px;
        -webkit-flex-basis: 1px;
        flex-basis: 1px
    }
}

@media only screen and (max-width: 992px) {
    .order-info:not(:first-child) {
        margin-top: 48px
    }
}

.order-info-payment .order-info-cont {
    width: 100%
}

@media only screen and (min-width: 993px) {
    .order-info-payment .order-info-cont {
        max-width: 340px
    }
}

.order-info-address .order-info-cont {
    width: 100%
}

@media only screen and (min-width: 993px) {
    .order-info-address .order-info-cont {
        max-width: 360px
    }
}

.order-info-address .order-info-cont .address {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .order-info-address .order-info-cont .address address {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        word-break: break-word
    }

        .order-info-address .order-info-cont .address address p {
            margin: 0
        }

    .order-info-address .order-info-cont .address svg {
        height: 60px;
        margin-left: 24px
    }

.order-information__column--other {
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 30px
}

    .order-information__column--other nav {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row
    }

@media only screen and (max-width: 576px) {
    .order-information__column--other nav {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.order-information__column--other nav a {
    cursor: pointer;
    font-size: 14px;
    color: #4b4b57;
    text-decoration: none;
    position: relative
}

@media only screen and (max-width: 576px) {
    .order-information__column--other nav a {
        background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2s1NDM1NDNnZ3JmZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iNSIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjI0Ij4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjY1NjE4IDAuNDM0MDA4QzIuMDQ0MTUgLTAuMTU4MzExIDEuMDUzMjMgLTAuMTM4NjQgMC40NDc5MTcgMC40NTgwNUMtMC4xNTk2MzYgMS4wNjM0OCAtMC4xNDYxODUgMi4wMjczNyAwLjQ3MDMzNiAyLjYxMzEzTDEwLjIyNDggMTEuOTA0NUwwLjY5OTAwOSAyMS40MUMwLjA5MzY5NzYgMjIuMDEzMiAwLjEwNzE0OSAyMi45NzkzIDAuNzIzNjcgMjMuNTY1MUMxLjAyODU3IDIzLjg1NzkgMS40MjMxNCAyNCAxLjgxNzcxIDI0QzIuMjIzNSAyNCAyLjYyOTI4IDIzLjg0NDggMi45MzQxOCAyMy41NDFMMTMuNTU0IDEyLjk0MjZDMTQuMTU5MyAxMi4zMzcyIDE0LjE0NTkgMTEuMzczMyAxMy41Mjk0IDEwLjc4NTRMMi42NTYxOCAwLjQzNDAwOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgMjQpIHNjYWxlKDEgLTEpIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazU0MzU0M2dncmZlKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwSDI0VjI0SDBWMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0KSBzY2FsZSgtMSAxKSIgZmlsbD0iIzQ4NDg0OCIvPgo8L2c+Cjwvc3ZnPgo=);
        background-size: 14px 24px;
        background-repeat: no-repeat;
        background-position: 100%;
        padding: 16px 0
    }
}

.order-information__column--other nav a:not(:first-child) {
    margin-left: 32px
}

@media only screen and (max-width: 576px) {
    .order-information__column--other nav a:not(:first-child) {
        margin-left: 0
    }
}

@media only screen and (max-width: 576px) {
    .order-information__column--other nav a:not(:last-child) {
        border-bottom: 1px solid #e5e5e5
    }
}

.order-info-t {
    color: #4b4b57;
    font-size: 21px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin-top: 0;
    margin-bottom: 24.5px
}

.order-info-cont address {
    text-transform: capitalize;
    color: #646464
}

.order-group {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    padding-left: 8px;
    padding-right: 8px
}

    .order-group:not(:first-child) {
        margin-top: 20px
    }

    .order-group:not(:last-child) {
        margin-bottom: 10px
    }

.order-groupdivider {
    height: 1px;
    background-color: #e5e5e5
}

.order-groupkey, .order-groupval {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.order-groupkey {
    color: #7b7b7b
}

.order-groupval {
    text-align: right;
    color: #4b4b57;
    font-weight: 600
}

.order-grouptotal {
    font-size: 18px;
    color: #439e4a
}

.order-groupval svg {
    vertical-align: middle;
    margin-right: 10px
}

.order-information .info-list {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.order-information .info-list__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

    .order-information .info-list__item:not(:first-child) {
        margin-top: 10px
    }

    .order-information .info-list__item svg {
        width: 18px;
        height: 18px;
        margin-right: 8px
    }

        .order-information .info-list__item svg g rect, .order-information .info-list__item svg path {
            color: #ff6000;
            fill: currentColor
        }

    .order-information .info-list__item span {
        color: #4b4b57;
        font-size: 12px;
        line-height: 1.5;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

.m-t-25 {
    margin-top: 25px !important;
}

.payment-info-card {
    border: 0.5px solid #6bbea1;
    background-color: #f9f9f9;
    padding: 24px 18px;
    border-radius: 4px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .payment-info-card:not(:first-child) {
        margin-top: 8px
    }

.payment-info-card--instant-transfer, .payment-wtransfer {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    justify-items: center;
    text-align: center
}

    .payment-info-card--instant-transfer .payment-card, .payment-wtransfer .payment-card {
        width: inherit
    }

    .payment-info-card--instant-transfer .payment-card-info, .payment-wtransfer .payment-card-info {
        -ms-flex-item-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch
    }

.payment-gcertf {
    background-color: #fff;
    border: 1px solid #fadaae
}

    .payment-gcertf .payment-card {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

        .payment-gcertf .payment-card svg {
            margin-top: -16px;
            margin-bottom: -16px
        }

.payment-card {
    margin-left: 4px;
    width: 70px;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .payment-card svg {
        height: 40px
    }
}

.payment-cardnumber {
    font-size: 14px;
    color: #4b4b57;
    font-weight: 600
}

.payment-detail {
    margin-top: 8px;
    color: #646464
}




.lineitem-card__information__state-bar {
    width: 100%;
    margin-bottom: 20px
}











.step-bar:not(:first-child) {
    margin-top: 5px
}

.approved-step-bar .dot-step .dot {
    width: 16px;
    height: 16px;
    background-color: #5f96fd;
    background-position: 50%;
    background-size: 9px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9ImEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjIiIHk9IjQiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTIxLjM3MiA4LjAwN2ExLjk5MiAxLjk5MiAwIDAgMCAwLTIuOTA1IDIuMjEgMi4yMSAwIDAgMC0zLjAzMiAwbC05Ljc1IDkuMzQzLTIuOTMtMi44MWEyLjIxIDIuMjEgMCAwIDAtMy4wMzIgMCAxLjk5NSAxLjk5NSAwIDAgMCAwIDIuOTA3bDQuNTUzIDQuMzYyYTIuMjEgMi4yMSAwIDAgMCAzLjAzMiAwTDIxLjM3MyA4LjAwN3oiIGZpbGw9IiNmZmYiLz48L21hc2s+PGcgbWFzaz0idXJsKCNhKSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNHYyNEgweiIvPjwvZz48bWFzayBpZD0iYiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMiIgeT0iMyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjE3Ij48cGF0aCBkPSJNMjEuMzczIDYuOTc0TDEwLjY1NCAxOC42MTJjLS4xMDUuMjYxLS4yNTQuNS0uNDQxLjcwNkEyLjA0IDIuMDQgMCAwIDEgOC42OTcgMjBhMi4wNCAyLjA0IDAgMCAxLTEuNTE2LS42ODJsLTQuNTUzLTQuOTQzYTIuNDcyIDIuNDcyIDAgMCAxIDAtMy4yOTIgMi4wNDEgMi4wNDEgMCAwIDEgMS41MTYtLjY4MWMuNTc1IDAgMS4xMjUuMjQ3IDEuNTE2LjY4MWwyLjkzIDMuMTgyTDE4LjM0IDMuNjgyQTIuMDQxIDIuMDQxIDAgMCAxIDE5Ljg1NSAzYy41NzUgMCAxLjEyNS4yNDcgMS41MTcuNjgyLjgzNy45MjcuODM4IDIuMzY0LjAwMSAzLjI5MnoiIGZpbGw9IiNmZmYiLz48L21hc2s+PC9zdmc+);
    margin-right: 16px;
    margin-left: 12px
}

@media only screen and (max-width: 576px) {
    .approved-step-bar .dot-step .dot {
        margin-left: -4.5px
    }
}

.approved-step-bar .dot-step .title {
    color: #4b4b57
}

.approved-step-bar .step-band .line {
    margin-right: 22px
}

.approved-step-bar .step-band .line-bg {
    background-color: #7baaff
}

    .approved-step-bar .step-band .line-bg .dot {
        display: inherit
    }

.inprogress-step-bar .dot-step .dot {
    background-color: #7b7b7b;
    width: 16px;
    -webkit-animation-name: shadowAnimated;
    animation-name: shadowAnimated;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 16px;
    background-color: #fcb600;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 16px;
    margin-left: 12px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='katman_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 448 448' style='enable-background:new 0 0 448 448;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='199.7,231.9 199.7,66.2 238.1,66.2 238.1,216.1 319.5,297.3 292.4,324.6 '/%3E%3Cpath class='st0' d='M229.6,74.7v144.9l77.9,77.7l-15.1,15.2l-84.1-84.1V74.7H229.6 M246.6,57.7h-17h-21.3h-17v17v153.7v7l5,5 l84.1,84.1l12.1,12.1l12-12.1l15.1-15.2l11.9-12l-12-12l-72.9-72.7V74.7V57.7L246.6,57.7z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.inprogress-step-bar .dot-step .title {
    color: #848484
}

.step-band, .dot-step {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .dot-step .date {
        width: 91px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        height: 18px;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

@media only screen and (max-width: 576px) {
    .dot-step .date {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }
}

.dot-step .datetext, .dot-step .datetitle {
    color: #646464
}

.dot-step .datetitle {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px
}

.dot-step .datetext {
    margin-top: 3px;
    font-size: 11px
}

.dot-step .dot {
    background-color: #ccc;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin-right: 20px;
    margin-left: 16px
}

@media only screen and (max-width: 576px) {
    .dot-step .dot {
        margin-left: 0
    }
}

.dot-step .title {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #9b9b9b;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.dot-step .title-step {
    max-width: 165px;
    width: 100%;
    margin-right: 10px
}

.dot-step .title-step-description {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 13px;
    color: #4b4b57;
    font-weight: 400
}

    .dot-step .title-step-description .btytDelivery {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        wdth: 100%;
        position: relative
    }

        .dot-step .title-step-description .btytDelivery:before {
            background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzNSIgdmlld0JveD0iMCAwIDQ4IDM1Ij4KICAgIDxwYXRoIGZpbGw9IiNGMjhCMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjRjI4QjAwIiBzdHJva2Utd2lkdGg9Ii41ODMiIGQ9Ik00My4wOCAxMS4yM2E1LjA2NCA1LjA2NCAwIDAgMCAuNjg4LTIuNTg0YzAtMi41LTEuNzA0LTQuNDcyLTMuNzI2LTQuNDcyLTIuMDIyIDAtMy43MjcgMS45NzItMy43MjcgNC40NzJ2LjA0Nmw1LjczNy4wN2EuNDQ4LjQ0OCAwIDAgMSAuNDQzLjMyNmwuNTg1IDIuMTQyem0tNy42NjMtMi41NXYtLjAzNGMwLTIuOTU3IDIuMDctNS4zNTMgNC42MjUtNS4zNTMuNTM4IDAgMS4wNTQuMTA2IDEuNTM1LjMwMi0xLjI1Ny0xLjA2NS0yLjkzNi0xLjcxNy00Ljc4NS0xLjcxNy0zLjkxIDAtNy4wNiAyLjkxMy03LjA2IDYuNDgyIDAgLjEyMS4wMDQuMjQyLjAxLjM2M2wuMTY2LS4wNzFhLjQ1Ny40NTcgMCAwIDEgLjE4NS0uMDM3bDUuMzI0LjA2NnptNy45OTUgMy43NjZsMy41NzMgMTMuMDc2YS40MzcuNDM3IDAgMCAxLS4yMDUuNDkzbC0xMy42MiA3LjkyM2MtLjEzOC4wOC0uMjk5LjA4LS40My4wMTVsLTEwLjQ3Mi00Ljk4NmEuNDQzLjQ0MyAwIDAgMS0uMjI3LS4yNWwtMi45NjYtOC4yMWEzNS4xOTYgMzUuMTk2IDAgMCAwLTIuMTQ4LS4xNzh2LTIuMDUxaDEuMzQzbC0xLjMxLTMuNjIzYS41MTguNTE4IDAgMCAxLS4wMy0uMjI1LjQyNC40MjQgMCAwIDEgLjIxNS0uMzIzLjQ0OC40NDggMCAwIDEgLjA3My0uMDM1bDExLjg0NS01LjA1NS0uMTg3LjAxOGE2Ljg5NyA2Ljg5NyAwIDAgMS0uMDMzLS42NzVjMC00LjA2NSAzLjU2My03LjM2IDcuOTU5LTcuMzYgNC4zOTUgMCA3Ljk1OCAzLjI5NSA3Ljk1OCA3LjM2YTYuOTQyIDYuOTQyIDAgMCAxLTEuMzM4IDQuMDg2em0tMjMuMzQ4IDguMTlsMi43NTIgNy42MTggOS4zNTIgNC40NTMtNS41NjMtMTYuMzYyLTguNTY1LTEuMzEyIDEuMTcyIDMuMjQ1aC4wOTRjMy4xMzUgMCA0LjE4IDIuNzg0IDMuMTM1IDIuNzg0YTM0LjQxMyAzNC40MTMgMCAwIDAtMi4zNzctLjQyNnptMjUuOTY1IDQuNzkybC00LjI2NS0xNS42MS0xNC4yNjYgNi4zNyA1LjY4MyAxNi43MTQgMTIuODQ4LTcuNDc0em0tMTkuMTQ4LTkuOTMxbDEzLjE2Ni01Ljg4LTkuODY5LS4xMi0xMS4yMTYgNC43ODcgNy45MTkgMS4yMTN6bS05LjMwNiAyLjU4M2E0Ljc1NyA0Ljc1NyAwIDAgMSAuMDQ2IDIuOTU2Yy0uNjk1IDMuNjQ1LTQuMTIyIDYuNDEzLTguMjQ2IDYuNDEzQzQuNzUgMjcuNDUgMSAyMy45NjYgMSAxOS42N2MwLTQuMjk2IDMuNzUtNy43OCA4LjM3NS03Ljc4IDQuMDM5IDAgNy40MSAyLjY1NiA4LjIgNi4xOXpNMTUuMDcgMTUuMmMtMS4zNy0xLjQ4NS0zLjQxLTIuNDI5LTUuNjk1LTIuNDI5LTQuMTQgMC03LjQ3OCAzLjEtNy40NzggNi44OTlzMy4zMzcgNi44OTggNy40NzggNi44OThjMi4zNjcgMCA0LjQ3Mi0xLjAxMyA1Ljg0LTIuNTktLjg0OC40ODctMS44NS43NjktMi45MjMuNzY5LTMuMDYgMC01LjU0Mi0yLjI5MS01LjU0Mi01LjExOCAwLTIuODI2IDIuNDgxLTUuMTE4IDUuNTQyLTUuMTE4YTUuODcgNS44NyAwIDAgMSAyLjc3OC42ODl6bS0yLjc3OCA4LjY3YzIuNTc1IDAgNC42NDMtMS45MSA0LjY0My00LjI0MSAwLTIuMzMtMi4wNjgtNC4yNC00LjY0My00LjI0LTIuNTc1IDAtNC42NDMgMS45MS00LjY0MyA0LjI0czIuMDY4IDQuMjQgNC42NDMgNC4yNHptMTkuNTYtNS43NThsMS4zNDktLjYyNGMuNDc5LS4yMi45OTYgMCAxLjE1Ni40OTJsLjQ1IDEuMzg5Yy4xNTkuNDkzLS4xIDEuMDcyLS41OCAxLjI5M2wtMS4zNDkuNjIzYy0uNDc5LjIyMi0uOTk2LjAwMS0xLjE1Ni0uNDkybC0uNDUtMS4zODhjLS4xNTktLjQ5My4xLTEuMDcyLjU4LTEuMjkzem02LjQ5My0zLjE1bDEuMzUtLjYyM2MuNDc5LS4yMjIuOTk2LS4wMDEgMS4xNTYuNDkybC40NSAxLjM4OGMuMTU5LjQ5My0uMSAxLjA3Mi0uNTggMS4yOTNsLTEuMzQ5LjYyNGMtLjQ3OS4yMjEtLjk5NiAwLTEuMTU2LS40OTJsLS40NS0xLjM4OWMtLjE1OS0uNDkzLjEtMS4wNzIuNTgtMS4yOTN6bS0zLjkzNiA4LjQzMmMxLjE2OC0uMzA5IDIuMy0uNzI3IDMuMzkzLTEuMjU1YTIwLjE1NiAyMC4xNTYgMCAwIDAgMy4xNjctMS45MTRjLjQzNC0uMzIuOTk0LS4yMjMgMS4yNS4yMTRhLjkyLjkyIDAgMCAxIC4xMDkuMjk0Yy41NDcgMi44OTQtLjQyIDQuOTQtMi45MDEgNi4xMzktMi40OCAxLjE5OC00LjM3OC41MzUtNS42OS0xLjk4OC0uMjM2LS40NTItLjA2NS0xLjA2LjM4LTEuMzU4YS45Ny45NyAwIDAgMSAuMjkyLS4xMzJ6Ii8+Cjwvc3ZnPgo=);
            background-size: 46px 33px;
            background-repeat: no-repeat;
            width: 46px;
            height: 33px;
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            margin-top: -5px;
            margin-left: -60px
        }

.step-band {
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: 5px;
    margin-left: 107px
}

@media only screen and (max-width: 576px) {
    .step-band {
        margin-left: 0
    }
}

.step-band .line {
    background-color: #ccc;
    width: 3px;
    border-radius: 1.5px;
    margin-right: 23px;
    margin-left: 2.5px;
    min-height: 20px
}

.step-band .line-bg {
    width: 3px;
    position: relative;
    border-radius: 1.5px
}

    .step-band .line-bg .dot {
        display: none;
        background-color: #536ff9;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        left: 0;
        bottom: 0;
        margin-left: -6px;
        position: absolute;
        -webkit-animation-name: shadowAnimated;
        animation-name: shadowAnimated;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        border: 3px solid #fff
    }

        .step-band .line-bg .dot:after {
            content: "";
            position: absolute;
            left: 0;
            margin-left: -1px;
            top: 100%;
            margin-top: 2px;
            width: 0;
            height: 0;
            border-left: 5.5px solid rgba(0,0,0,0);
            border-right: 5.5px solid rgba(0,0,0,0);
            border-top: 9px solid #6c84fa;
            clear: both;
            -webkit-transform: translateZ(-1px);
            transform: translateZ(-1px)
        }

@-webkit-keyframes shadowAnimated {
    0% {
        -webkit-box-shadow: 0 0 4px #fbe990;
        box-shadow: 0 0 4px #fbe990
    }

    25% {
        -webkit-box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
        box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
    }

    50% {
        -webkit-box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
        box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
    }

    to {
        -webkit-box-shadow: 0 0 4px #fbe990;
        box-shadow: 0 0 4px #fbe990
    }
}

@keyframes shadowAnimated {
    0% {
        -webkit-box-shadow: 0 0 4px #fbe990;
        box-shadow: 0 0 4px #fbe990
    }

    25% {
        -webkit-box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
        box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
    }

    50% {
        -webkit-box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
        box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
    }

    to {
        -webkit-box-shadow: 0 0 4px #fbe990;
        box-shadow: 0 0 4px #fbe990
    }
}

.step-band .content-order {
    margin-top: 16px;
    margin-bottom: 24px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

    .step-band .content-order span {
        line-height: 18px
    }

    .step-band .content-order ul.refunds {
        list-style: none;
        padding-left: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding-top: 0;
        margin-top: 0;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }

        .step-band .content-order ul.refunds li {
            color: #4b4b57;
            line-height: 18px
        }

            .step-band .content-order ul.refunds li:not(:first-child) {
                margin-top: 16px
            }

            .step-band .content-order ul.refunds li b {
                color: #4b4b57
            }

    .step-band .content-order .action-button-group {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: initial;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .step-band .content-order .action-button-group .action-button {
            max-width: 203px;
            width: 100%
        }

        .step-band .content-order .action-button-group .action-button--cargo-tracking {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1;
            -ms-flex-positive: 0;
            -webkit-flex-grow: 0;
            flex-grow: 0;
            background-color: #00a6f3;
            height: 48px;
            border-radius: 4px;
            color: #fff;
            text-align: center;
            font-size: 15px;
            font-weight: 600;
            font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
            line-height: 46px;
            padding: 0
        }

            .step-band .content-order .action-button-group .action-button--cargo-tracking:focus, .step-band .content-account .action-button-group .action-button--cargo-tracking:hover {
                background-color: #00a6f3
            }

            .step-band .content-order .action-button-group .action-button--cargo-tracking svg {
                display: none
            }

    .step-band .content-order .custom-content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

        .step-band .content-order .custom-content .action-button-group {
            max-width: 120px;
            margin-bottom: 8px;
            width: 100%;
            margin-right: 16px;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: initial;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

@media only screen and (max-width: 576px) {
    .step-band .content-order .custom-content .action-button-group {
        margin-bottom: 20px;
        max-width: inherit
    }
}

.step-band .content-order .othercontent {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .step-band .content-order .othercontent {
        padding-bottom: 20px;
        width: 100%
    }
}

.step-band .content-order .custom-content__other--bubble {
    background-color: #fff;
    border-radius: 16px;
    padding: 8px 16px;
    display: inline-block;
    color: #4b4b57
}

.step-band .content-order .tablo-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 300px;
    width: 100%
}

.step-band .content-order .tablo-list__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 13px
}

@media only screen and (max-width: 576px) {
    .step-band .content-order .tablo-list__item {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .step-band .content-order .tablo-list__item__name {
        margin-bottom: 8px
    }
}

.step-band .content-order .tablo-list__item:not(:first-child) {
    margin-top: 16px
}

.step-band .content-order .tablo-list__item__name {
    margin-right: 8px
}

.step-band .content-order .tablo-list__item__content {
    color: #4b4b57
}

.progress-totalordercount {
    color: #4b4b57;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.canceled-button {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
    -ms-flex-positive: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    background-color: #646464;
    height: 34px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    line-height: 34px;
    padding: 0;
}

    .canceled-button:hover {
        color: #fff
    }

.account-popup {
    padding: 0;
    max-width: 470px;
    overflow: hidden;
}

@media only screen and (max-width: 576px) {
    .account-popup {
        max-width: 100%;
    }
}








.ReactModal__Body--open {
    overflow: hidden
}

.cepmodal {
    position: absolute
}

.modal-account, .cepmodal {
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.modal-account {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0,0,0,0.65);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    z-index: 999
}

@media only screen and (max-width: 767px) {
    .modal-account {
        background-color: #fff;
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        overflow-y: scroll;
        -webkit-overflow-scrolling: scroll;
        padding-top: 30px
    }
}

.modal-head {
    min-height: 72px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #ccc
}

@media only screen and (max-width: 576px) {
    .modal-head {
        padding-left: 15px;
        padding-right: 15px
    }
}

.modal-htitle {
    margin: 0;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 21px;
    line-height: 72px;
    color: #4b4b57
}

@media only screen and (max-width: 576px) {
    .modal-htitle {
        font-size: 15px
    }
}

.modal-head + .modal__close-button {
    margin-top: 15px
}

.modal-body {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 2px rgba(0,0,0,0.24);
    min-height: 420px;
    position: relative;
    width: 100%;
    border-radius: 8px
}

.modal-lbody {
    max-width: 760px
}

.modal-mbody {
    max-width: 560px
}

.modal-sbody {
    max-width: 300px
}

.modal__body--padding {
    padding-left: 24px;
    padding-right: 24px
}

@media only screen and (max-width: 767px) {
    .modal-body {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media only screen and (max-width: 576px) {
    .modal-body {
        height: 100%;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.modal-body-cb {
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    margin-right: -32px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 18px;
    top: 8px;
    height: 18px
}

@media only screen and (max-width: 767px) {
    .modal-body-cb {
        background-color: rgba(0,0,0,0);
        margin-top: -15px;
        margin-right: 24px
    }
}

@media only screen and (max-width: 767px) {
    .modal-body-cb svg {
        width: 20px;
        height: 20px
    }
}

.modal-body-cb svg path {
    color: #fff;
    fill: currentColor
}

@media only screen and (max-width: 767px) {
    .modal-body-cb svg path {
        color: #919191
    }
}

.cancel-line-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.cancel-line-item__iban iframe {
    width: 100%;
    min-height: 400px;
    border: none
}

.cancel-cartline-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 50px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 500px;
    overflow-y: auto
}

.cancel-cartline-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .cancel-cartline-list .item {
        padding: 16px;
        cursor: pointer;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

        .cancel-cartline-list .item:not(:first-child) {
            margin-top: 8px
        }

    .cancel-cartline-list .activeitem {
        background-color: #f5f5f5
    }

    .cancel-cartline-list .item .cm-checkbox {
        margin-right: 20px
    }

    .cancel-cartline-list .item .content-account {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .cancel-cartline-list .item .content-title {
        margin-top: 30px;
        color: #4b4b57;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px
    }

    .cancel-cartline-list .item .content-account .hb-form-selectbox {
        max-width: 400px;
        width: 100%;
        margin-top: 16px
    }

.cancel-line-item__iban {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    margin-bottom: 40px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .cancel-line-item__iban {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.cancel-line-item__iban h5 {
    color: #4b4b57;
    text-transform: uppercase;
    margin-top: 0;
    width: 100%;
    margin-bottom: 16px
}

.cancel-line-item__iban__column {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

@media only screen and (max-width: 767px) {
    .cancel-line-item__iban__column {
        -webkit-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }

        .cancel-line-item__iban__column:last-child {
            -webkit-flex-grow: 0 !important;
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
            margin-top: 16px
        }
}

.cancel-line-item__iban__column:last-child {
    -webkit-flex-grow: 1.5;
    -ms-flex-positive: 1.5;
    flex-grow: 1.5
}

.cancel-line-item__iban__column ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0
}

    .cancel-line-item__iban__column ul li {
        font-size: 13px;
        line-height: 22px;
        color: #919191
    }

        .cancel-line-item__iban__column ul li:not(:first-child) {
            margin-top: 10px
        }

.cancel-line-item__product-process {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 16px;
    padding-top: 16px;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cancel-line-item__product-process__title {
    font-size: 21px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4b4b57;
    margin-top: 0;
    margin-bottom: 0
}

.cancel-line-item__product-process__items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

.cancel-line-item__product-process__item:not(:first-child) {
    margin-top: 20px
}

.cancel-cartline-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid #e5e5e5;
    padding: 16px 24px
}

    .cancel-cartline-footer button:not(:first-child) {
        margin-left: 16px
    }





.hb-form-selectbox .selectbox-icon svg {
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.hb-form-selectbox {
    display: block;
    border: 2px solid #bfbfbf;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.hb-form-selectbox--active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

    .hb-form-selectbox--active .selectbox-icon svg {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

        .hb-form-selectbox--active .selectbox-icon svg path {
            color: #4b4b57
        }

.hb-form-selectbox .selectbox-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #919191;
    font-size: 13px;
    padding-left: 16px;
    padding-right: 56px;
    width: 100%;
    height: 36px;
    border: none;
    background-color: #fff;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .hb-form-selectbox .selectbox-input {
        background-color: transparent
    }
}

.hb-form-selectbox .selectbox-icon {
    border-left: 2px solid #bfbfbf;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #eee;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

    .hb-form-selectbox .selectbox-icon svg {
        width: 9px;
        height: 9px
    }

        .hb-form-selectbox .selectbox-icon svg path {
            color: #919191;
            fill: currentColor
        }

@media only screen and (max-width: 767px) {
    .hb-form-selectbox .selectbox-input + .selectbox-icon {
        z-index: -1
    }
}

.hb-form-selectbox .selectbox-placeholder {
    background-color: #fff;
    border-radius: 4px;
    color: #919191;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    padding-left: 16px;
    padding-right: 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 36px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hb-form-selectbox .selectbox-result {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    margin-top: 36px;
    background-color: #fff;
    width: 100%;
    margin-left: -2px;
    border: 2px solid #c6c6c6;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.hb-form-selectbox .selectbox-result {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-height: 140px;
    overflow-y: auto
}

    .hb-form-selectbox .selectbox-result li {
        padding: 14px;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        color: #919191;
        cursor: pointer
    }

        .hb-form-selectbox .selectbox-result li:hover {
            background-color: #eee;
            color: #4b4b57
        }

.cm-checkbox {
    display: inline-block;
    margin-bottom: 0
}

.cm-checkbox-l .cm-checkbox-checkmark {
    background-size: 24px 24px;
    width: 24px;
    height: 24px
}

.hb-form-checkbox--small .cm-checkbox-checkmark {
    background-size: 16px 16px;
    width: 16px;
    height: 16px
}



.hb-form-checkbox--disabled .cm-checkbox-checkmark {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: not-allowed;
    opacity: 0.3
}

.cm-checkbox-input {
    width: 0;
    height: 0;
    display: inline;
    opacity: 0
}

    .cm-checkbox-input[disabled] .cm-checkbox-input:disabled {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: not-allowed;
        opacity: 0.3
    }


.cm-checkbox-checkmark {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4z' fill='%23fff' stroke='%23BFBFBF' stroke-width='2'/%3E%3C/svg%3E");
    display: inline-block;
    cursor: pointer
}

.form-control-account {
    border-radius: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
}

.form-control-account-container {
    max-width: 400px;
    width: 100%;
    margin-top: 16px;
    height: 90px;
}



.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .rating-stars ul > li.star {
        display: inline-block;
    }

        .rating-stars ul > li.star > i.fa {
            font-size: 1.5em;
            color: #ccc;
        }

        .rating-stars ul > li.star.hover > i.fa {
            color: #5fb8e0;
        }

        .rating-stars ul > li.star.selected > i.fa {
            color: #0099df;
        }


.star-container {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.star-row {
    display: flex;
    flex-direction: row;
}

.star-title {
    width: 125px;
}

.comment-product-container {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.comment-product-detail ul {
    margin: 0;
    padding: 0;
    font-size: 13px;
    display: inline-block;
    color: #4c4c4c;
    list-style: none;
}

.comment-product-title #comproductName {
    display: block;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.comment-product-detail a {
    margin-left: 25px;
    font-size: 13px;
    display: block;
}


    .comment-product-detail a i {
        color: #757373
    }

        .comment-product-detail a i:hover {
            color: #0099DF
        }

.rating-stars ul {
    margin-bottom: 0.5rem;
}

@media only screen and (max-width: 576px) {
    .rating-stars ul {
        margin-bottom: 1rem;
    }
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card {
    height: 280px;
    border: 0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.09)
}

.card-customer-name {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #717171;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.card-title {
    margin-bottom: 1.2rem;
    margin-top: 3px;
}

.card-action-button {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 15px;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
}

.adress-remove {
    margin-right: 8px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #5d5d5d
}

.adress-btn-edit {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    background: #29abe0;
    border-color: #28abe0;
}

.adress-add-icon {
    color: #05A349;
    font-size: 21px;
}

.card-body-add {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title-add {
    color: #717171;
    margin-top: .50rem;
    font-size: 15px;
}

.adress-card {
    width: 30%;
    margin-bottom: 35px;
    margin-right: 30px;
}

@media only screen and (max-width: 767px) {
    .adress-card {
        width: 100%;
        margin-right: 0
    }
}

.adress-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 26px;
}



.comp-account {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 32px auto;
    max-width: 1200px;
    width: calc(100% - 30px);
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width: 767px) {
    .comp-account {
        padding: 0;
    }
}

@media only screen and (max-width: 992px) {
    .comp-account {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 16px auto;
    }
}

.adress-modal {
    padding: 25px;
    max-width: 550px;
    overflow: hidden;
    justify-content: flex-start;
    margin: 15px;
}

.adress-modal-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: auto;
    height: 550px;
}

@media only screen and (max-width: 767px) {
    .adress-modal-container {
        padding-left: 5px;
        padding-right: 5px
    }
}

.adress-modal-title {
    width: 90%
}

.adress-modal-content {
    width: 46%;
    margin: 13px 13px;
}

@media only screen and (max-width: 767px) {
    .adress-modal-content {
        width: 98%;
    }
}

.adress-line-item__footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid #e5e5e5;
    padding: 16px 24px;
    width: 100%;
}

    .adress-line-item__footer button:not(:first-child) {
        margin-left: 16px
    }

.card-body-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 1.25rem;
    text-align: center;
    background-color: #ececec;
}

    .card-body-delete .adress-btn-edit {
        padding: 8px 35px;
    }

.adress-invoice-right {
    width: 48%;
    margin-top: 57px;
}

.user-info-content {
    width: 36%;
}

@media only screen and (max-width: 767px) {
    .user-info-content {
        width: 98%;
    }
}

.user-info-form {
    margin-top: 26px;
    margin-bottom: 30px
}

#lessmaildiv label:first-child {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #616161;
}

.custom-checkbox .custom-control-indicator {
    border-radius: 50% !important;
}


.bid-block {
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
    box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
    border: 1px solid #eee;
    margin-bottom: 35px;
}

.bid-header {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .bid-header {
        flex-direction: column;
        align-items: unset;
    }
}

.bid-content {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}

.bid-content-left-block {
    width: 66%;
}

.bid-message {
    display: flex;
    margin-top: 15px;
}

@media only screen and (max-width: 767px) {
    .bid-message {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.bid-message-left-block {
    width: 42%;
    margin-right: 15px;
}

@media only screen and (max-width: 767px) {
    .bid-message-left-block {
        width: 100%;
        margin-top: 15px;
        margin-right: 0;
    }
}

.bid-message-text-area {
    max-height: 92px;
    min-height: 92px;
}

.bid-message-right-block {
    width: 55%;
}

@media only screen and (max-width: 767px) {
    .bid-message-right-block {
        width: 100%;
        margin-top: 15px;
    }
}

.bid-custumer-message-block {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 5px 12px;
    margin-bottom: 10px
}

    .bid-custumer-message-block p:first-child {
        font-size: 13px;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        color: #3c3b3b;
    }

    .bid-custumer-message-block p {
        font-size: 13px;
    }

.vertical-hr {
    width: 1px;
    background-color: #e5e5e5;
    min-height: 100%;
    margin-right: 20px;
    margin-left: 20px;
}

.bid-content-right-block {
    width: 27%;
    padding: 26px 5px;
}

@media only screen and (max-width: 767px) {
    .bid-content-right-block {
        width: 98%;
        padding: 25px 0 0 0;
    }
}

.bid-add-cart-button {
    font-size: 14px;
    margin-top: 8px;
    background: #05A349;
    border-color: #05A349;
    width: 94%;
    color: #fff;
}

.bid-past-cart-button {
    font-size: 14px;
    margin-top: 8px;
    background: #F44336;
    border-color: #F44336;
    width: 94%;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .bid-add-cart-button {
        width: 100%;
    }

    .bid-past-cart-button {
        width: 100%;
    }
}

.bid-status-waiting {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #FF8200;
}

.bid-status-complete {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4d9e4a;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.bid-free-ship-title {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4b4b57;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .bid-content-right-block-container {
        border-top: 1px solid #eee;
        padding-top: 25px;
        padding-bottom: 10px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .bid-content-left-block {
        width: 98%;
    }
}

.account-mobile-none {
}

@media only screen and (max-width: 767px) {
    .account-mobile-none {
        display: none !important;
    }
}

.bid-date {
    margin-right: 10%;
}

@media only screen and (max-width: 767px) {
    .bid-date {
        margin-right: 0;
    }
}

.bid-date p:first-child {
    line-height: 2;
}

.bid-content-left-block h5 {
    color: #4b4b57
}

.bid-message-send-button {
    font-size: 14px;
    width: 100%;
    margin-top: 8px;
    border-color: #0099DF;
    background: #fff;
    color: #0099DF;
    font-size: 14px;
    width: 100%;
    margin-top: 8px;
}

    .bid-message-send-button:hover {
        background: #0099DF;
        border-color: #008ed0;
        color: #fff;
    }

.modal__body--medium-bid {
    max-width: 500px;
}

.bid-modal-container {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    overflow-y: auto;
    height: 330px;
    padding-top: 15px;
}

@media only screen and (max-width: 767px) {
    .bid-modal-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.bid-modal-content {
    width: 99%;
}

.customer-message-color {
    color: #0099df
}

.md-button {
    font-weight: 500;
    margin-top: -8px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: absolute;
    right: 12%;
}

@media only screen and (max-width: 767px) {
    .md-button {
        margin-top: -1px;
    }
}

.md-button-floating {
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    cursor: pointer;
    height: 40px;
    width: 40px;
}

    .md-button-floating:hover {
        box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
    }

.md-button-blue {
    background-color: #2196F3;
    color: #ffffff;
}

    .md-button-blue:hover {
        background-color: #0c7cd6;
    }


.flex-center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.fab {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    height: 42px;
    width: 42px;
    color: #fff;
    background-color: #0099df;
    border: none;
    cursor: pointer;
    padding: 10px;
    border-radius: 32px;
    position: absolute;
    margin-top: -7px;
    right: 0;
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

@media only screen and (max-width: 767px) {
    .fab {
        height: 30px;
        width: 30px;
        padding: 4px;
    }
}

@media only screen and (max-width: 992px) {
    .fab {
        margin-top: 0;
        right: 30px;
    }
}

.fab:hover {
    background-color: #0099df;
    width: 135px;
    box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
}

    .fab:hover > .fab__content:after {
        content: "Teklif iste";
    }

.fab__content {
    box-sizing: inherit;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14.4px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    text-transform: uppercase;
    position: absolute;
    display: block;
    width: 135px;
}

.fab--extended {
    width: auto;
    padding: 10px;
    border-radius: 32px;
    position: absolute;
    margin-top: -7px;
    right: 10%;
}



.bid-null-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 50px;
}

@media only screen and (max-width: 767px) {
    .bid-null-content {
        padding: 40px;
    }
}

.bid-null-content p {
    margin: 7px 0;
    font-size: 15px
}

.coupon-row {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
}

.coupon-card-block {
    height: 100%;
    border: 0;
    margin-right: 35px;
    margin-bottom: 35px;
    width: 45%;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.09)
}

@media only screen and (max-width: 767px) {
    .coupon-card-block {
        width: 100%;
        margin-right: 0
    }
}

.coupon-title {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e5e5e5;
}

.coupon-title-container {
    width: 100%;
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.coupon-code {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    align-items: center;
    color: #4e9613;
}

.coupon-content-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 15px;
    line-height: 1.8;
}

    .coupon-content-container label {
        font-size: 14px;
    }

        .coupon-content-container label span {
            font-weight: 600;
            font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
            color: #353535
        }

.coupon-detail {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4b4b57
}


.member-info-form-title {
    margin-bottom: 15px;
}

    .member-info-form-title p {
        font-size: 15px;
        color: #0099E0;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    }

.member-info-left {
    width: 45%;
    padding-right: 10px;
    border-right: 1px solid #eee;
}

@media only screen and (max-width: 767px) {
    .member-info-left {
        width: 100%;
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 18px;
    }
}

.member-info-right {
    width: 45%;
    padding-left: 10px;
}

@media only screen and (max-width: 767px) {
    .member-info-right {
        width: 100%;
        padding-left: 0;
        margin-top: 29px;
    }
}

.member-right-colm {
    padding-left: 45px;
}

@media only screen and (max-width: 767px) {
    .member-right-colm {
        padding-left: 0;
    }
}

.member-left-colm {
    padding-right: 45px;
}

@media only screen and (max-width: 767px) {
    .member-left-colm {
        padding-right: 0;
    }
}

.member-info-right .member-right-colm:first-child {
    margin-bottom: 38px;
}

.member-info-right .member-right-colm:nth-child(3) {
    margin-top: 35px;
}

.only-mobile {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .only-mobile {
        display: block !important;
    }
}

.main__container__content-bid {
    max-width: 955px;
    margin-top: 26px
}


.comp-container-head .nav__item-coupon {
    color: #919191;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    text-decoration: none;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: -1px
}

@media only screen and (max-width: 767px) {
    .comp-container-head .nav__item-coupon {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (max-width: 576px) {
    .comp-container-head .nav__item-coupon {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }
}

.nav__item-coupon {
    display: block;
    margin-top: 11px;
}

.comp-container-head .nav__item-coupon:not(:first-child) {
    margin-left: 10px
}

.comp-container-head .nav__item-coupon:hover, .comp-container-head .nav__item-coupon:focus {
    text-decoration: none
}

.comp-container-head .nav__item-coupon:after {
    content: ' ';
    background-color: transparent;
    width: 100%;
    height: 3px;
    display: block;
    margin-top: 10px;
    width: calc(100% + 48px);
    margin-left: -24px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

@media only screen and (max-width: 767px) {
    .comp-container-head .nav__item-coupon:after {
        width: calc(100% + 20px);
        margin-left: -11px;
    }
}

.comp-container-head .navi-item-active:after {
    background-color: #28abe0;
    background-image: -webkit-gradient(linear, right top, left top, from(#28abe0), to(#9ce2ff));
    background-image: -o-linear-gradient(right, #28abe0, #9ce2ff);
    background-image: linear-gradient(to left, #28abe0, #9ce2ff)
}

.rating-main-container-content {
    width: 75%
}

@media only screen and (max-width: 576px) {
    .rating-main-container-content {
        width: 100%
    }
}

.rating-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding-top: 25px;
    margin-bottom: 40px
}

@media only screen and (max-width: 576px) {
    .rating-card {
        max-width: 100%;
        padding-bottom: 0
    }

        .rating-card:first-child {
            padding-top: 0
        }
}

.rating-card-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    position: relative
}

@media only screen and (max-width: 576px) {
    .rating-card-content {
        padding-right: 0;
        max-width: 100%
    }

        .rating-card-content:first-child {
            padding-top: 0
        }
}

.rating-card:not(:first-child) {
    border-top: 1px solid #f4f4f4;
    padding-top: 30px;
}

.rating-card-block {
    -ms-flex: 1;
    flex: 1;
    margin-top: 10px
}

@media only screen and (max-width: 576px) {
    .rating-card-block {
        max-width: 100%
    }
}

.rating-card-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.rating-card-header-product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.rating-card-header-product-image {
    width: 52px;
    height: 52px;
    margin-right: 12px;
    overflow: hidden
}

    .rating-card-header-product-image a img {
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        border-radius: 7px;
    }

.rating-card-header-product-name {
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #4b4b57;
    max-width: 224px
}

@media only screen and (max-width: 576px) {
    .rating-card-header-product-name {
        font-size: 14px
    }
}

.rating-card-header-rating-date-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.rating-card-header-date span {
    margin-right: 10px;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 13px;
    color: #919191
}

@media only screen and (max-width: 576px) {
    .rating-card-header-date span {
        font-size: 12px
    }
}

.rating-pointer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .rating-pointer svg:not(:first-child) {
        margin-left: 5px
    }



.rating-card-content .rating-card-description {
    border-radius: 16px;
    background-color: #e5f2fd;
    padding: 20px;
}

.rating-card-content .rating-card-description--active p {
    overflow: hidden;
    position: relative;
    color: #4b4b57;
    line-height: 1.46em;
    max-height: 5.84em;
    font-size: 13px;
    letter-spacing: normal;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
}

    .rating-card-content .rating-card-description--active p:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0
    }

    .rating-card-content .rating-card-description--active p:after {
        content: '';
        position: absolute;
        right: 0;
        height: 50px;
        margin-top: 0.2em;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#eee));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eee 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #eee 100%);
        left: 0;
        bottom: 0;
        width: 100%
    }

.rating-card-content .rating-card-description p {
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 14px;
    color: #4b4b57;
    max-width: 100%;
    margin: 8px 0;
}

@media only screen and (max-width: 576px) {
    .rating-card-content .rating-card-description p {
        max-width: 100%;
        margin-top: 6px
    }

        .rating-card-content .rating-card-description p.long-desc {
            margin-bottom: 2px
        }
}

.rating-card-content .rating-card-description .rating-card-toggle-button {
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    color: #919191;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 16px
}

.rating-card-image {
    margin: 18px 0;
    cursor: pointer;
}

    .rating-card-image img {
        width: 20%;
        margin-right: 10px;
    }

.rating-card-content .rating-card-message {
    margin-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 576px) {
    .rating-card-content .rating-card-message {
        padding-right: 25px
    }
}

.rating-card-content .rating-card-message span {
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #4b4b57;
    letter-spacing: normal;
    max-width: 700px;
    line-height: 1.5em;
    margin-left: 8px
}

.rating-card-content .rating-card-message svg {
    width: 24px;
    height: 24px
}

.rating-card-content .rating-card-title {
    margin-bottom: 12px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 30px
}

@media only screen and (max-width: 576px) {
    .rating-card-content .rating-card-title {
        padding-right: 25px;
        margin-bottom: 4px
    }
}

.rating-card-content .rating-card-title span {
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    max-width: 700px;
    line-height: 1.27;
    letter-spacing: normal;
    color: #4b4b57
}

.rating-card-content .rating-card-title svg {
    width: 18px;
    height: 18px;
    margin-left: 8px
}

.rating-card-button a:first-child {
    margin-right: 6px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #5d5d5d;
    border-right: 1px solid #5d5d5d;
    padding-right: 8px;
}

.rating-card-button a:nth-child(2) {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #5d5d5d;
}

.rating-card-button a:hover {
    color: #0099DF;
    text-decoration: none;
}

.rating-card-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.rating-card-button {
    margin-bottom: 12px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 87px;
}

@media only screen and (max-width: 576px) {
    .rating-card-button {
        margin-bottom: 4px
    }
}

.rating-null-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 6.7% 6.7% 0px 6.7%;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 576px) {
    .rating-null-content {
        margin-top: 20%;
        margin-bottom: 20%;
        width: initial;
    }
}

.rating-null-image {
    width: 24%;
}

@media only screen and (max-width: 576px) {
    .rating-null-image {
        width: 48%
    }
}

.rating-null-title {
    margin-top: 1%;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    text-align: center;
}

.rating-null-content-text {
    max-width: 75%;
    text-align: center;
    margin-top: 5px;
    line-height: 1.5;
}

@media only screen and (max-width: 576px) {
    .rating-null-content-text {
        max-width: 100%;
    }
}

.rating-null-button {
    margin-top: 2%;
    font-size: 100%;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    background-color: #0099DF;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    padding: 1.8% 2.4% 1.8% 2.4%;
}

    .rating-null-button:hover {
        color: #ffffff;
        background-color: #00a6f3;
    }

@media only screen and (max-width: 576px) {
    .rating-null-button {
        margin-top: 15%;
        padding: 6% 0% 6% 0%;
        width: 100%;
    }
}



.rating-product-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding-top: 25px;
    padding-bottom: 12.5px;
    margin-bottom: 12.5px;
    margin-top: 12.5px
}

@media only screen and (max-width: 576px) {
    .rating-product-card {
        padding-bottom: 0
    }

        .rating-product-card:first-child {
            padding-top: 0px
        }

    .rating-card-image {
        margin-bottom: 0;
    }

        .rating-card-image img {
            width: 45%;
            margin-bottom: 18px;
            height: 130px;
            object-fit: cover;
            border-radius: 7px;
        }
}

.rating-product-card:not(:first-child) {
    border-top: 1px solid #f4f4f4
}

.rating-product-card-image {
    width: 130px;
    margin-right: 17px;
}

@media only screen and (max-width: 576px) {
    .rating-product-card-image {
        width: 56px;
        margin-right: 10px
    }
}

.rating-product-card-image img {
    width: 100%;
}


.rating-product-card-image-box {
    width: 130px
}

@media only screen and (max-width: 576px) {
    .rating-product-card-image-box {
        width: 56px;
    }
}

.rating-product-card-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    position: relative
}

@media only screen and (max-width: 576px) {
    .rating-product-card-content {
        padding-right: 0
    }
}

.rating-product-card-content .rating-product-card-block {
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 576px) {
    .rating-product-card-content .rating-product-card-block {
        height: auto
    }
}

.rating-product-card-content .rating-product-card-title {
    margin-bottom: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start
}

    .rating-product-card-content .rating-product-card-title span {
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        color: #4b4b57;
        max-width: 700px;
        line-height: 1.5em
    }

.rating-product-card-content .rating-product-card-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}

    .rating-product-card-content .rating-product-card-info > .rating {
        margin-right: 16px
    }

@media only screen and (max-width: 576px) {
    .rating-product-card-content .rating-product-card-info > .rating {
        margin-right: 8px
    }
}

@media only screen and (max-width: 576px) {
    .rating-product-card-content .rating-product-card-info > .date {
        margin-top: 4px
    }
}

.rating-product-card-content .rating-product-card-info > .date span {
    font-size: 13px;
    color: #919191
}

.rating-pointer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .rating-pointer svg:not(:first-child) {
        margin-left: 5px
    }

.rating-product-card-add-comment {
    cursor: pointer;
    padding-left: 0px;
    margin-top: 10px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #0099e0
}

.rating-product-card-description li, .rating-product-card-description ul {
    font-size: 13.6px
}

.rating-product-card-description ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.rating-product-card-description {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start
}

#aramamobile {
    width: 100%
}

.mobile-none-phone {
}

@media only screen and (max-width: 576px) {
    .mobile-none-phone {
        display: none !important;
    }
}

.cartline-refund {
    background-color: #fdfaf7 !important;
}

.cartline-canceled {
    background-color: #fdf7f7 !important;
}

.edit-comment {
    background-color: #fff !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.cargo-modal-content-container {
    display: flex;
    flex-direction: row;
    padding: 30px 40px;
}

@media only screen and (max-width: 576px) {
    .cargo-modal-content-container {
        flex-direction: column;
        padding: 20px;
    }
}



.cargo-modal-content-header {
    flex-direction: column;
    align-items: center;
    padding-right: 20px;
    max-width: 350px;
    min-width: 250px;
    text-align: center;
}

@media only screen and (max-width: 576px) {
    .cargo-modal-content-header {
        width: 100%;
        max-width: none;
        padding-right: 0;
    }
}

.cargo-modal-content-header svg {
    width: 113px;
}

.cargo-header-title {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #919191;
}

@media only screen and (max-width: 576px) {
    .cargo-header-title {
        font-size: 15px;
    }
}

.cargo-modal-content-header .trackno-title:not:first-child {
    margin-top: 20px;
}

.cargo-header-content {
    padding: 10px 25px;
    margin-top: 5px;
    background-color: #f4f9ff;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    border-radius: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 576px) {
    .cargo-header-content {
        font-size: 15px;
    }
}

.cargo-modal-tracking {
    position: relative;
    padding-left: 20px;
    flex-grow: 1;
    overflow: auto;
    max-height: 500px;
}

@media only screen and (max-width: 576px) {
    .cargo-modal-tracking {
        max-height: none;
        padding-left: 0;
        margin-top: 25px;
    }
}

.cargo-status-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.cargo-first-step {
    padding-top: .375rem;
    margin-bottom: .375rem;
    top: 0;
}

.cargo-status-step .blue-bar {
    background-color: #04a6e1;
    width: 10px;
    height: 100%;
    position: absolute;
    left: 10px
}

.cargo-status-step .last-blue-bar {
    height: 5%;
}

.cargo-status-step .blue-bar .cargo-icon {
    width: 28px;
    height: 28px;
    position: relative;
    left: -9px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTI1NiAwYy0xNDEuMTY0MDYyIDAtMjU2IDExNC44MzU5MzgtMjU2IDI1NnMxMTQuODM1OTM4IDI1NiAyNTYgMjU2IDI1Ni0xMTQuODM1OTM4IDI1Ni0yNTYtMTE0LjgzNTkzOC0yNTYtMjU2LTI1NnptMCAwIiBmaWxsPSIjMjE5NmYzIiBkYXRhLW9yaWdpbmFsPSIjMjE5NkYzIiBjbGFzcz0iIiBzdHlsZT0iZmlsbDojMjE5NkYzIiBkYXRhLW9sZF9jb2xvcj0iIzIxOTZmMyI+PC9wYXRoPjxwYXRoIGQ9Im0zODUuNzUgMjAxLjc1LTEzOC42Njc5NjkgMTM4LjY2NDA2MmMtNC4xNjAxNTYgNC4xNjAxNTctOS42MjEwOTMgNi4yNTM5MDctMTUuMDgyMDMxIDYuMjUzOTA3cy0xMC45MjE4NzUtMi4wOTM3NS0xNS4wODIwMzEtNi4yNTM5MDdsLTY5LjMzMjAzMS02OS4zMzIwMzFjLTguMzQzNzUtOC4zMzk4NDMtOC4zNDM3NS0yMS44MjQyMTkgMC0zMC4xNjQwNjIgOC4zMzk4NDMtOC4zNDM3NSAyMS44MjAzMTItOC4zNDM3NSAzMC4xNjQwNjIgMGw1NC4yNSA1NC4yNSAxMjMuNTg1OTM4LTEyMy41ODIwMzFjOC4zMzk4NDMtOC4zNDM3NSAyMS44MjAzMTItOC4zNDM3NSAzMC4xNjQwNjIgMCA4LjMzOTg0NCA4LjMzOTg0MyA4LjMzOTg0NCAyMS44MjAzMTIgMCAzMC4xNjQwNjJ6bTAgMCIgZmlsbD0iI2ZhZmFmYSIgZGF0YS1vcmlnaW5hbD0iI0ZBRkFGQSIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI2ZhZmFmYSIgc3R5bGU9ImZpbGw6I0ZBRkFGQSI+PC9wYXRoPjwvZz4gPC9zdmc+);
    background-position: 50%;
    background-size: cover;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    border: 4px solid white;
    border-radius: 40px;
}

.cargo-status-step .blue-bar .active-cargo-icon {
    top: -2px;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.cargo-status-step .ml35 {
    margin-left: 2.5rem !important;
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
}

.cargo-step-title {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .cargo-step-title {
        font-size: 15px;
    }
}

.cargo-step-description {
    font-size: 14.4px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #919191;
}

@media only screen and (max-width: 767px) {
    .cargo-step-description {
        font-size: 13.5px;
    }
}

.cargo-modal-tracking-title {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.only-mobile-phone {
    display: none !important;
}

@media only screen and (max-width: 576px) {
    .only-mobile-phone {
        display: block !important;
    }
}

.cm-green {
    color: #05A34A;
}




.payment-info-card__icon {
    width: 45px;
    height: 45px;
    background-size: 45px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU4IDU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OCA1ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnIGlkPSJYTUxJRF83XyI+Cgk8cGF0aCBpZD0iWE1MSURfMTMwXyIgc3R5bGU9ImZpbGw6IzZCQkVBMTsiIGQ9Ik01NC43ODMsNTBIMy4yMTdDMS40MzksNTAsMCw0OC41NiwwLDQ2Ljc4M1YxMS4yMTdDMCw5LjQ0LDEuNDM5LDgsMy4yMTcsOGg1MS41NjYgICBDNTYuNTYsOCw1OCw5LjQ0LDU4LDExLjIxN3YzNS41NjZDNTgsNDguNTYsNTYuNTYsNTAsNTQuNzgzLDUwIi8+Cgk8cmVjdCBpZD0iWE1MSURfMTI5XyIgeD0iNSIgeT0iMzciIHN0eWxlPSJmaWxsOiM0OTg2Nzk7IiB3aWR0aD0iOSIgaGVpZ2h0PSI2Ii8+Cgk8cmVjdCBpZD0iWE1MSURfMTI4XyIgeD0iMTgiIHk9IjM3IiBzdHlsZT0iZmlsbDojNDk4Njc5OyIgd2lkdGg9IjkiIGhlaWdodD0iNiIvPgoJPHJlY3QgaWQ9IlhNTElEXzEyN18iIHg9IjMxIiB5PSIzNyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIHdpZHRoPSI5IiBoZWlnaHQ9IjYiLz4KCTxyZWN0IGlkPSJYTUxJRF8xMjZfIiB4PSI0NCIgeT0iMzciIHN0eWxlPSJmaWxsOiM0OTg2Nzk7IiB3aWR0aD0iOSIgaGVpZ2h0PSI2Ii8+Cgk8cGF0aCBpZD0iWE1MSURfMTI1XyIgc3R5bGU9ImZpbGw6I0YwQzQxQjsiIGQ9Ik0xOS43NDUsMjZINi4yNTVDNS41NjMsMjYsNSwyNS40MzgsNSwyNC43NDV2LTkuNDlDNSwxNC41NjIsNS41NjMsMTQsNi4yNTUsMTQgICBoMTMuNDlDMjAuNDM4LDE0LDIxLDE0LjU2MiwyMSwxNS4yNTV2OS40OUMyMSwyNS40MzgsMjAuNDM4LDI2LDE5Ljc0NSwyNiIvPgoJPHBhdGggaWQ9IlhNTElEXzEyMl8iIHN0eWxlPSJmaWxsOiNGM0Q1NUM7IiBkPSJNMTkuNzQ1LDI3SDYuMjU1QzUuMDEyLDI3LDQsMjUuOTg4LDQsMjQuNzQ1di05LjQ5QzQsMTQuMDEyLDUuMDEyLDEzLDYuMjU1LDEzICAgaDEzLjQ5QzIwLjk4OCwxMywyMiwxNC4wMTIsMjIsMTUuMjU1djkuNDlDMjIsMjUuOTg4LDIwLjk4OCwyNywxOS43NDUsMjcgTTYuMjU1LDE1QzYuMTEzLDE1LDYsMTUuMTE0LDYsMTUuMjU1djkuNDkgICBDNiwyNC44ODYsNi4xMTMsMjUsNi4yNTUsMjVoMTMuNDlDMTkuODg2LDI1LDIwLDI0Ljg4NiwyMCwyNC43NDV2LTkuNDlDMjAsMTUuMTE0LDE5Ljg4NiwxNSwxOS43NDUsMTVINi4yNTV6Ii8+Cgk8cGF0aCBpZD0iWE1MSURfMTIxXyIgc3R5bGU9ImZpbGw6I0YwQzQxQjsiIGQ9Ik0yMSwxNS4yNTVDMjEsMTQuNTYxLDIwLjQzOCwxNCwxOS43NDUsMTRIMTVoLTIuNzQ1QzExLjU2MSwxNCwxMSwxNC41NjEsMTEsMTUuMjU1ICAgVjE4djYuNzQ1QzExLDI1LjQzOCwxMS41NjEsMjYsMTIuMjU1LDI2aDEuNDlDMTQuNDM4LDI2LDE1LDI1LjQzOCwxNSwyNC43NDV2LTUuNDlDMTUsMTguNTYyLDE1LjU2MSwxOCwxNi4yNTUsMThoMy40OSAgIEMyMC40MzgsMTgsMjEsMTcuNDM4LDIxLDE2Ljc0NVYxNS4yNTV6Ii8+Cgk8cGF0aCBpZD0iWE1MSURfMTE4XyIgc3R5bGU9ImZpbGw6I0YzRDU1QzsiIGQ9Ik0xMy43NDUsMjdoLTEuNDlDMTEuMDEyLDI3LDEwLDI1Ljk4OCwxMCwyNC43NDV2LTkuNDkgICBDMTAsMTQuMDEyLDExLjAxMiwxMywxMi4yNTUsMTNoNy40OUMyMC45ODgsMTMsMjIsMTQuMDEyLDIyLDE1LjI1NXYxLjQ5QzIyLDE3Ljk4OCwyMC45ODgsMTksMTkuNzQ1LDE5aC0zLjQ5ICAgQzE2LjExMywxOSwxNiwxOS4xMTQsMTYsMTkuMjU1djUuNDlDMTYsMjUuOTg4LDE0Ljk4OCwyNywxMy43NDUsMjcgTTEyLjI1NSwxNUMxMi4xMTMsMTUsMTIsMTUuMTE0LDEyLDE1LjI1NXY5LjQ5ICAgQzEyLDI0Ljg4NiwxMi4xMTMsMjUsMTIuMjU1LDI1aDEuNDlDMTMuODg2LDI1LDE0LDI0Ljg4NiwxNCwyNC43NDV2LTUuNDlDMTQsMTguMDEyLDE1LjAxMiwxNywxNi4yNTUsMTdoMy40OSAgIEMxOS44ODYsMTcsMjAsMTYuODg2LDIwLDE2Ljc0NXYtMS40OUMyMCwxNS4xMTQsMTkuODg2LDE1LDE5Ljc0NSwxNUgxMi4yNTV6Ii8+Cgk8bGluZSBpZD0iWE1MSURfMTE3XyIgc3R5bGU9ImZpbGw6I0YwQzQxQjsiIHgxPSIxNSIgeTE9IjIyIiB4Mj0iMjEiIHkyPSIyMiIvPgoJPHBhdGggaWQ9IlhNTElEXzExNl8iIHN0eWxlPSJmaWxsOiNGM0Q1NUM7IiBkPSJNMjEsMjNoLTZjLTAuNTUzLDAtMS0wLjQ0OC0xLTFzMC40NDctMSwxLTFoNmMwLjU1MywwLDEsMC40NDgsMSwxUzIxLjU1MywyMywyMSwyMyAgICIvPgoJPGxpbmUgaWQ9IlhNTElEXzExNV8iIHN0eWxlPSJmaWxsOiNGMEM0MUI7IiB4MT0iMTEiIHkxPSIxOCIgeDI9IjUiIHkyPSIxOCIvPgoJPHBhdGggaWQ9IlhNTElEXzExNF8iIHN0eWxlPSJmaWxsOiNGM0Q1NUM7IiBkPSJNMTEsMTlINWMtMC41NTMsMC0xLTAuNDQ4LTEtMXMwLjQ0Ny0xLDEtMWg2YzAuNTUzLDAsMSwwLjQ0OCwxLDFTMTEuNTUzLDE5LDExLDE5Ii8+Cgk8bGluZSBpZD0iWE1MSURfMTEzXyIgc3R5bGU9ImZpbGw6I0YwQzQxQjsiIHgxPSIxMSIgeTE9IjIyIiB4Mj0iNSIgeTI9IjIyIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTEyXyIgc3R5bGU9ImZpbGw6I0YzRDU1QzsiIGQ9Ik0xMSwyM0g1Yy0wLjU1MywwLTEtMC40NDgtMS0xczAuNDQ3LTEsMS0xaDZjMC41NTMsMCwxLDAuNDQ4LDEsMVMxMS41NTMsMjMsMTEsMjMiLz4KCTxwYXRoIGlkPSJYTUxJRF8xMTFfIiBzdHlsZT0iZmlsbDojNDk4Njc5OyIgZD0iTTQwLDEzaC05Yy0wLjU1MywwLTEsMC40NDgtMSwxczAuNDQ3LDEsMSwxaDljMC41NTMsMCwxLTAuNDQ4LDEtMVM0MC41NTMsMTMsNDAsMTMgICAiLz4KCTxwYXRoIGlkPSJYTUxJRF8xMTBfIiBzdHlsZT0iZmlsbDojNDk4Njc5OyIgZD0iTTU0LDE0YzAtMC41NTItMC40NDctMS0xLTFoLTljLTAuNTUzLDAtMSwwLjQ0OC0xLDFzMC40NDcsMSwxLDFoOSAgIEM1My41NTMsMTUsNTQsMTQuNTUyLDU0LDE0Ii8+Cgk8cGF0aCBpZD0iWE1MSURfMTA5XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik0zMiwxOGgtMWMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgxYzAuNTUzLDAsMS0wLjQ0OCwxLTFTMzIuNTUzLDE4LDMyLDE4ICAgIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTA4XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik0zOCwxOGgtMmMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgyYzAuNTUzLDAsMS0wLjQ0OCwxLTFTMzguNTUzLDE4LDM4LDE4ICAgIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTA3XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik00MywxOGgtMWMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgxYzAuNTUzLDAsMS0wLjQ0OCwxLTFTNDMuNTUzLDE4LDQzLDE4ICAgIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTA2XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik00OSwxOGgtMmMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgyYzAuNTUzLDAsMS0wLjQ0OCwxLTFTNDkuNTUzLDE4LDQ5LDE4ICAgIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTA1XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik01Mi4yOSwxOC4yOUM1Mi4xMDksMTguNDgsNTIsMTguNzQsNTIsMTljMCwwLjI2LDAuMTA5LDAuNTIsMC4yOSwwLjcxICAgQzUyLjQ3OSwxOS44OSw1Mi43MjksMjAsNTMsMjBjMC4yNiwwLDAuNTE5LTAuMTEsMC43MS0wLjI5QzUzLjg5LDE5LjUyLDU0LDE5LjI2LDU0LDE5YzAtMC4yNi0wLjExLTAuNTItMC4yOS0wLjcxICAgQzUzLjMzLDE3LjkyLDUyLjY2LDE3LjkyLDUyLjI5LDE4LjI5Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

.payment-info-bank__icon {
    width: 45px;
    height: 45px;
    background-size: 45px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNTggNTgiIHdpZHRoPSI1MTJweCI+PGcgaWQ9IjAxNy0tLUJhbmstVHJhbnNmZXIiIGZpbGw9Im5vbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEpIj48ZyBmaWxsPSIjY2VkMmRjIj48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtMTggMTRoNHYxMmgtNHoiLz48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtNyAxNGg0djEyaC00eiIvPjxwYXRoIGlkPSJSZWN0YW5nbGUiIGQ9Im0yOSAxNGg0djEyaC00eiIvPjwvZz48cGF0aCBpZD0iUGF0aCIgZD0ibTE4IDI0aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiMyOTU0NzQiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTI5IDI0aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiMyOTU0NzQiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTcgMjRoNGMuNTUyMjg0NyAwIDEgLjQ0NzcxNTMgMSAxdjRoLTZ2LTRjMC0uNTUyMjg0Ny40NDc3MTUyNS0xIDEtMXoiIGZpbGw9IiMyOTU0NzQiLz48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtMzYgMzdoNHYxMmgtNHoiIGZpbGw9IiNjZWQyZGMiLz48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtMjUgMzdoNHYxMmgtNHoiIGZpbGw9IiNjZWQyZGMiLz48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtNDcgMzdoNHYxMmgtNHoiIGZpbGw9IiNjZWQyZGMiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTM2IDQ3aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiNmN2FkMDAiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTQ3IDQ3aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiNmN2FkMDAiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTI1IDQ3aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiNmN2FkMDAiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTMyIDMzaC0yOXYtM2MuMDAzMjk0OC0xLjEwMzIwMTkuODk2Nzk4MTMtMS45OTY3MDUyIDItMmgyNi45MXoiIGZpbGw9IiMzNDZkOTQiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTI2IDM2aC0yNWMtLjU1MjI4NDc1IDAtMS0uNDQ3NzE1My0xLTF2LTFjLjAwMzI5NDgtMS4xMDMyMDE5Ljg5Njc5ODEzLTEuOTk2NzA1MiAyLTJoMjZ6IiBmaWxsPSIjMjk1NDc0Ii8+PHBhdGggaWQ9IlBhdGgiIGQ9Im0zOS4yNTQgMTZoLTM4LjUwOGMtLjMyNTU5OTg3LS4wMDI3MDEyLS42MTIzNjcyNy0uMjE0OTEzOC0uNzEwMTI0NDgtLjUyNTUwMzctLjA5Nzc1NzIxLS4zMTA1OS4wMTU3Njg0My0uNjQ4NzkzNS4yODExMjQ0OC0uODM3NDk2M2wxOC44NjQtMTMuMzczYy40ODkyNDItLjM1MzIxODk1IDEuMTQ5NzU4LS4zNTMyMTg5NSAxLjYzOSAwbDE4Ljg2MyAxMy4zNzNjLjI2NTM1NjEuMTg4NzAyOC4zNzg4ODE3LjUyNjkwNjMuMjgxMTI0NS44Mzc0OTYzLS4wOTc3NTcyLjMxMDU4OTktLjM4NDUyNDYuNTIyODAyNS0uNzEwMTI0NS41MjU1MDM3eiIgZmlsbD0iIzM0NmQ5NCIvPjxwYXRoIGlkPSJQYXRoIiBkPSJtMjMgNTFoMzBjMS4xMDQ1Njk1IDAgMiAuODk1NDMwNSAyIDJ2M2gtMzR2LTNjMC0xLjEwNDU2OTUuODk1NDMwNS0yIDItMnoiIGZpbGw9IiNmZmMzMDYiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTU3LjI1NCAzOWgtMzguNTA4Yy0uMzI1NTk5OS0uMDAyNzAxMi0uNjEyMzY3My0uMjE0OTEzOC0uNzEwMTI0NS0uNTI1NTAzNy0uMDk3NzU3Mi0uMzEwNTkuMDE1NzY4NC0uNjQ4NzkzNS4yODExMjQ1LS44Mzc0OTYzbDE4Ljg2NC0xMy4zNzNjLjQ4OTI0Mi0uMzUzMjE4OSAxLjE0OTc1OC0uMzUzMjE4OSAxLjYzOSAwbDE4Ljg2MyAxMy4zNzNjLjI2NTM1NjEuMTg4NzAyOC4zNzg4ODE3LjUyNjkwNjMuMjgxMTI0NS44Mzc0OTYzLS4wOTc3NTcyLjMxMDU4OTktLjM4NDUyNDYuNTIyODAyNS0uNzEwMTI0NS41MjU1MDM3eiIgZmlsbD0iI2Y3YWQwMCIvPjxwYXRoIGlkPSJQYXRoIiBkPSJtMjAgNTVoMzZjMS4xMDQ1Njk1IDAgMiAuODk1NDMwNSAyIDJ2MWMwIC41NTIyODQ3LS40NDc3MTUzIDEtMSAxaC0zOGMtLjU1MjI4NDcgMC0xLS40NDc3MTUzLTEtMXYtMWMwLTEuMTA0NTY5NS44OTU0MzA1LTIgMi0yeiIgZmlsbD0iI2Y3YWQwMCIvPjxwYXRoIGlkPSJQYXRoIiBkPSJtMTUuOTIzIDUxLjYxOGMtLjA0OTkwNDUtLjEyMjAzMTktLjEyMzY4MS0uMjMyODY2Ny0uMjE3LS4zMjZsLTMtM2MtLjM5MjM3ODktLjM3ODk3MjItMS4wMTYwODQ4LS4zNzM1NTI0LTEuNDAxODE4Ni4wMTIxODE0cy0uMzkxMTUzNiAxLjAwOTQzOTctLjAxMjE4MTQgMS40MDE4MTg2bDEuMjk0IDEuMjk0aC00LjU4NmMtMi4yMDkxMzkgMC00LTEuNzkwODYxLTQtNHYtNmMwLS41NTIyODQ3LS40NDc3MTUyNS0xLTEtMXMtMSAuNDQ3NzE1My0xIDF2NmMuMDAzMzA3MzggMy4zMTIzMzc2IDIuNjg3NjYyNDMgNS45OTY2OTI2IDYgNmg0LjU4NmwtMS4yOTMgMS4yOTNjLS4yNTk5NTY2LjI1MTA3NDUtLjM2NDIxMjYuNjIyODc3OS0uMjcyNjk3Mi45NzI1MDczLjA5MTUxNTUuMzQ5NjI5NS4zNjQ1NjA0LjYyMjY3NDQuNzE0MTg5OS43MTQxODk5LjM0OTYyOTQuMDkxNTE1NC43MjE0MzI4LS4wMTI3NDA2Ljk3MjUwNzMtLjI3MjY5NzJsMy0zYy4wOTMzMTktLjA5MzEzMzMuMTY3MDk1NS0uMjAzOTY4MS4yMTctLjMyNi4xMDA1MjE0LS4yNDQ0Njk3LjEwMDE2MTktLjUxODc5NDYtLjAwMS0uNzYzeiIgZmlsbD0iIzQ5NTA1YiIvPjxwYXRoIGlkPSJQYXRoIiBkPSJtNTMuNzA3IDE1LjI5M2MtLjM5MDQ5OTktLjM5MDM4MTktMS4wMjM1MDAxLS4zOTAzODE5LTEuNDE0IDBsLTEuMjkzIDEuMjkzdi00LjU4NmMtLjAwMzMwNzQtMy4zMTIzMzc1Ny0yLjY4NzY2MjQtNS45OTY2OTI2Mi02LTZoLTZjLS41NTIyODQ3IDAtMSAuNDQ3NzE1MjUtMSAxcy40NDc3MTUzIDEgMSAxaDZjMi4yMDkxMzkgMCA0IDEuNzkwODYxIDQgNHY0LjU4NmwtMS4yOTMtMS4yOTNjLS4zOTIzNzg5LS4zNzg5NzIyLTEuMDE2MDg0OC0uMzczNTUyNC0xLjQwMTgxODYuMDEyMTgxNHMtLjM5MTE1MzYgMS4wMDk0Mzk3LS4wMTIxODE0IDEuNDAxODE4NmwzIDNjLjE4NzYwODUuMTg4MDgzNC40NDIzNDU1LjI5Mzc4NzYuNzA4LjI5Mzc4NzZzLjUyMDM5MTUtLjEwNTcwNDIuNzA4LS4yOTM3ODc2bDMtM2MuMzg5ODMwMi0uMzkxMDUxOC4zODg5MzQ4LTEuMDI0MDUyNS0uMDAyLTEuNDE0eiIgZmlsbD0iIzQ5NTA1YiIvPjwvZz48L3N2Zz4K)
}

.mobile-account-menu-icon {
    background-size: 14px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    margin-right: 13px;
}

.mobile-menu-order-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iNTEyIj48Zz48cGF0aCBkPSJtMTEuMDcuMDI0LTUuODI5LjAyNGMtLjc1NiAwLTEuNDYzLjQxOS0xLjgyMyAxLjA3N2wtMy4wNDYgNS41MDYgMTAuMTExLS4wMjR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTIzLjYxNiA2LjU4NC0zLjA4My01LjUwNmMtLjM3MS0uNjU5LTEuMDY3LTEuMDc4LTEuODM0LTEuMDc4bC01LjgyOS4wMjQuNjEyIDYuNTgzeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0yMy45ODggOC4zNjctMTEuMDk0LjAzNmgtMS43OTlsLTExLjA5NS4wMjR2MTMuNTY5YzAgMS4xMDYuODk4IDIuMDAyIDIuMDA0IDJsOS4yNTgtLjAyIDEwLjczMi4wMmMxLjEwNy4wMDIgMi4wMDUtLjg5NSAyLjAwNC0yLjAwMnptLTIuOTg4IDExLjg4M2MwIC40MTQtLjMzNi43NS0uNzUuNzVoLTYuNWMtLjQxNCAwLS43NS0uMzM2LS43NS0uNzV2LTMuNWMwLS40MTQuMzM2LS43NS43NS0uNzVoNi41Yy40MTQgMCAuNzUuMzM2Ljc1Ljc1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjwvZz4gPC9zdmc+)
}

.mobile-menu-user-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00MiAwIDUxMiA1MTIuMDAyIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PHBhdGggZD0ibTIxMC4zNTE1NjIgMjQ2LjYzMjgxMmMzMy44ODI4MTMgMCA2My4yMjI2NTctMTIuMTUyMzQzIDg3LjE5NTMxMy0zNi4xMjg5MDYgMjMuOTcyNjU2LTIzLjk3MjY1NiAzNi4xMjUtNTMuMzA0Njg3IDM2LjEyNS04Ny4xOTE0MDYgMC0zMy44NzUtMTIuMTUyMzQ0LTYzLjIxMDkzOC0zNi4xMjg5MDYtODcuMTkxNDA2LTIzLjk3NjU2My0yMy45Njg3NS01My4zMTI1LTM2LjEyMTA5NC04Ny4xOTE0MDctMzYuMTIxMDk0LTMzLjg4NjcxOCAwLTYzLjIxODc1IDEyLjE1MjM0NC04Ny4xOTE0MDYgMzYuMTI1cy0zNi4xMjg5MDYgNTMuMzA4NTk0LTM2LjEyODkwNiA4Ny4xODc1YzAgMzMuODg2NzE5IDEyLjE1NjI1IDYzLjIyMjY1NiAzNi4xMzI4MTIgODcuMTk1MzEyIDIzLjk3NjU2MyAyMy45Njg3NSA1My4zMTI1IDM2LjEyNSA4Ny4xODc1IDM2LjEyNXptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTQyNi4xMjg5MDYgMzkzLjcwMzEyNWMtLjY5MTQwNi05Ljk3NjU2My0yLjA4OTg0NC0yMC44NTkzNzUtNC4xNDg0MzctMzIuMzUxNTYzLTIuMDc4MTI1LTExLjU3ODEyNC00Ljc1MzkwNy0yMi41MjM0MzctNy45NTcwMzEtMzIuNTI3MzQzLTMuMzA4NTk0LTEwLjMzOTg0NC03LjgwODU5NC0yMC41NTA3ODEtMTMuMzcxMDk0LTMwLjMzNTkzOC01Ljc3MzQzOC0xMC4xNTYyNS0xMi41NTQ2ODgtMTktMjAuMTY0MDYzLTI2LjI3NzM0My03Ljk1NzAzMS03LjYxMzI4Mi0xNy42OTkyMTktMTMuNzM0Mzc2LTI4Ljk2NDg0My0xOC4xOTkyMTktMTEuMjI2NTYzLTQuNDQxNDA3LTIzLjY2Nzk2OS02LjY5MTQwNy0zNi45NzY1NjMtNi42OTE0MDctNS4yMjY1NjMgMC0xMC4yODEyNSAyLjE0NDUzMi0yMC4wNDI5NjkgOC41LTYuMDA3ODEyIDMuOTE3OTY5LTEzLjAzNTE1NiA4LjQ0OTIxOS0yMC44Nzg5MDYgMTMuNDYwOTM4LTYuNzA3MDMxIDQuMjczNDM4LTE1Ljc5Mjk2OSA4LjI3NzM0NC0yNy4wMTU2MjUgMTEuOTAyMzQ0LTEwLjk0OTIxOSAzLjU0Mjk2OC0yMi4wNjY0MDYgNS4zMzk4NDQtMzMuMDM5MDYzIDUuMzM5ODQ0LTEwLjk3MjY1NiAwLTIyLjA4NTkzNy0xLjc5Njg3Ni0zMy4wNDY4NzQtNS4zMzk4NDQtMTEuMjEwOTM4LTMuNjIxMDk0LTIwLjI5Njg3Ni03LjYyNS0yNi45OTYwOTQtMTEuODk4NDM4LTcuNzY5NTMyLTQuOTY0ODQ0LTE0LjgwMDc4Mi05LjQ5NjA5NC0yMC44OTg0MzgtMTMuNDY4NzUtOS43NS02LjM1NTQ2OC0xNC44MDg1OTQtOC41LTIwLjAzNTE1Ni04LjUtMTMuMzEyNSAwLTI1Ljc1IDIuMjUzOTA2LTM2Ljk3MjY1NiA2LjY5OTIxOS0xMS4yNTc4MTMgNC40NTcwMzEtMjEuMDAzOTA2IDEwLjU3ODEyNS0yOC45Njg3NSAxOC4xOTkyMTktNy42MDU0NjkgNy4yODEyNS0xNC4zOTA2MjUgMTYuMTIxMDk0LTIwLjE1NjI1IDI2LjI3MzQzNy01LjU1ODU5NCA5Ljc4NTE1Ny0xMC4wNTg1OTQgMTkuOTkyMTg4LTEzLjM3MTA5NCAzMC4zMzk4NDQtMy4xOTkyMTkgMTAuMDAzOTA2LTUuODc1IDIwLjk0NTMxMy03Ljk1MzEyNSAzMi41MjM0MzctMi4wNTg1OTQgMTEuNDc2NTYzLTMuNDU3MDMxIDIyLjM2MzI4Mi00LjE0ODQzNyAzMi4zNjMyODItLjY3OTY4OCA5Ljc5Njg3NS0xLjAyMzQzOCAxOS45NjQ4NDQtMS4wMjM0MzggMzAuMjM0Mzc1IDAgMjYuNzI2NTYyIDguNDk2MDk0IDQ4LjM2MzI4MSAyNS4yNSA2NC4zMjAzMTIgMTYuNTQ2ODc1IDE1Ljc0NjA5NCAzOC40NDE0MDYgMjMuNzM0Mzc1IDY1LjA2NjQwNiAyMy43MzQzNzVoMjQ2LjUzMTI1YzI2LjYyNSAwIDQ4LjUxMTcxOS03Ljk4NDM3NSA2NS4wNjI1LTIzLjczNDM3NSAxNi43NTc4MTMtMTUuOTQ1MzEyIDI1LjI1MzkwNi0zNy41ODU5MzcgMjUuMjUzOTA2LTY0LjMyNDIxOS0uMDAzOTA2LTEwLjMxNjQwNi0uMzUxNTYyLTIwLjQ5MjE4Ny0xLjAzNTE1Ni0zMC4yNDIxODd6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjwvZz4gPC9zdmc+)
}

.mobile-menu-adress-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSI1MTIiPjxnPjxwYXRoIGQ9Im02IDBjLTMuMzEzNzIgMC02IDIuNjg2MjgtNiA2IDAgNSA2IDEwIDYgMTBzNi01IDYtMTBjMC0zLjMxMzcyLTIuNjg2MjgtNi02LTZ6bTAgOGMtMS4xMDQ1NSAwLTItLjg5NTQ0Ny0yLTIgMC0xLjEwNDYxLjg5NTQ0Ny0yIDItMiAxLjEwNDU1IDAgMiAuODk1Mzg2IDIgMiAwIDEuMTA0NTUtLjg5NTQ0NyAyLTIgMnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIpIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PC9nPiA8L3N2Zz4=)
}

.mobile-menu-coupon-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDA5LjYwMyA0MDkuNjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDkuNjAzIDQwOS42MDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzc1LjQ2OCwwLjAwMmgtMTQxLjg3Yy05LjM4NSwwLTIyLjUwMiw1LjQzNy0yOS4xMzMsMTIuMDYzTDkuOTYxLDIwNi41NjhjLTEzLjI4MSwxMy4yNjYtMTMuMjgxLDM1LjAxNiwwLDQ4LjI2NiAgICBsMTQ0LjgyNCwxNDQuODE5YzEzLjI1MSwxMy4yNjYsMzQuOTgsMTMuMjY2LDQ4LjI1MS0wLjAxNUwzOTcuNTQsMjA1LjE2NWM2LjYyNS02LjYyNSwxMi4wNjMtMTkuNzYzLDEyLjA2My0yOS4xMjhWMzQuMTM3ICAgIEM0MDkuNjAzLDE1LjM2NywzOTQuMjM3LDAuMDAyLDM3NS40NjgsMC4wMDJ6IE0zMDcuMTk3LDEzNi41MzdjLTE4Ljg1MiwwLTM0LjEzNS0xNS4yOTktMzQuMTM1LTM0LjEzNSAgICBjMC0xOC44NjcsMTUuMjgzLTM0LjEzNSwzNC4xMzUtMzQuMTM1YzE4Ljg1MiwwLDM0LjE0LDE1LjI2OCwzNC4xNCwzNC4xMzVDMzQxLjMzOCwxMjEuMjM4LDMyNi4wNDksMTM2LjUzNywzMDcuMTk3LDEzNi41Mzd6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==)
}

.mobile-menu-bid-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTYgNTYiIHdpZHRoPSI1MTIiPjxnPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IjAxMS0tLVdhbGxldCIgZmlsbD0icmdiKDAsMCwwKSIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBpZD0iU2hhcGUiIGQ9Im01MyAyN2gtMTZjLTEuNjU2ODU0MiAwLTMgMS4zNDMxNDU4LTMgM3Y2YzAgMS42NTY4NTQyIDEuMzQzMTQ1OCAzIDMgM2gxNmMxLjY1Njg1NDIgMCAzLTEuMzQzMTQ1OCAzLTN2LTZjMC0xLjY1Njg1NDItMS4zNDMxNDU4LTMtMy0zem0tMTMgMTBjLTIuMjA5MTM5IDAtNC0xLjc5MDg2MS00LTRzMS43OTA4NjEtNCA0LTQgNCAxLjc5MDg2MSA0IDQtMS43OTA4NjEgNC00IDR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggaWQ9IlNoYXBlIiBkPSJtMzIgMzZ2LTZjLjAwMzMwNjEtMi43NjAwNTMyIDIuMjM5OTQ2OC00Ljk5NjY5MzkgNS01aDEzdi0xMGMtLjAwMzMwNjEtMi43NjAwNTMyLTIuMjM5OTQ2OC00Ljk5NjY5MzktNS01aC00MGMtMi43NjAwNTMxNS4wMDMzMDYxLTQuOTk2NjkzODggMi4yMzk5NDY4LTUgNXYzNmMuMDAzMzA2MTIgMi43NjAwNTMyIDIuMjM5OTQ2ODUgNC45OTY2OTM5IDUgNWg0MGMyLjc2MDA1MzItLjAwMzMwNjEgNC45OTY2OTM5LTIuMjM5OTQ2OCA1LTV2LTZoLTJjLS41NTIyODQ3IDAtMS0uNDQ3NzE1My0xLTFzLjQ0NzcxNTMtMSAxLTFoMnYtMmgtMTNjLTIuNzYwMDUzMi0uMDAzMzA2MS00Ljk5NjY5MzktMi4yMzk5NDY4LTUtNXptMTAtMjRoM2MxLjY1Njg1NDIgMCAzIDEuMzQzMTQ1OCAzIDN2N2MwIC41NTIyODQ3LS40NDc3MTUzIDEtMSAxcy0xLS40NDc3MTUzLTEtMXYtN2MwLS41NTIyODQ3LS40NDc3MTUzLTEtMS0xaC0zYy0uNTUyMjg0NyAwLTEtLjQ0NzcxNTMtMS0xcy40NDc3MTUzLTEgMS0xem0tNSAwaDFjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXMtLjQ0NzcxNTMgMS0xIDFoLTFjLS41NTIyODQ3IDAtMS0uNDQ3NzE1My0xLTFzLjQ0NzcxNTMtMSAxLTF6bS0yOSA0MmgtM2MtMS42NTY4NTQyNSAwLTMtMS4zNDMxNDU4LTMtM3YtMTJjMC0uNTUyMjg0Ny40NDc3MTUyNS0xIDEtMXMxIC40NDc3MTUzIDEgMXYxMmMwIC41NTIyODQ3LjQ0NzcxNTI1IDEgMSAxaDNjLjU1MjI4NDc1IDAgMSAuNDQ3NzE1MyAxIDFzLS40NDc3MTUyNSAxLTEgMXptNSAwaC0xYy0uNTUyMjg0NyAwLTEtLjQ0NzcxNTMtMS0xcy40NDc3MTUzLTEgMS0xaDFjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXMtLjQ0NzcxNTMgMS0xIDF6bTI2LTExaDVjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXMtLjQ0NzcxNTMgMS0xIDFoLTVjLS41NTIyODQ3IDAtMS0uNDQ3NzE1My0xLTFzLjQ0NzcxNTMtMSAxLTF6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggaWQ9IlNoYXBlIiBkPSJtMzcuMTExIDEuMTY2Yy0uMTI4MTEtLjI3MDkyODE2LS4zNzE3MjY2LS40Njk1MDY0NS0uNjYyOTE5OS0uNTQwMzYzNDgtLjI5MTE5MzMtLjA3MDg1NzA0LS41OTg4MTItLjAwNjQxMjY3LS44MzcwODAxLjE3NTM2MzQ4LTIuNjIyIDIuMDE1LTcuODMxIDUuMDgtMTQuNCAzLjg0Mi03LjM5Mi0xLjM5Mi0xMC40NyAxLjU1Ny0xMS42MjggMy4zNTdoMzAuODI0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxjaXJjbGUgaWQ9Ik92YWwiIGN4PSI0MCIgY3k9IjMzIiByPSIyIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L2NpcmNsZT48L2c+PC9nPjwvZz4gPC9zdmc+)
}

.mobile-menu-comment-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIC0xMCA1MTEuOTkxNDMgNTExIiB3aWR0aD0iNTEyIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJtNTEwLjY1MjM0NCAxODUuODgyODEyYy0zLjM3MTA5NC0xMC4zNjcxODctMTIuNTY2NDA2LTE3LjcwNzAzMS0yMy40MDIzNDQtMTguNjg3NWwtMTQ3Ljc5Njg3NS0xMy40MTc5NjgtNTguNDEwMTU2LTEzNi43NWMtNC4zMTI1LTEwLjA0Njg3NS0xNC4xMjUtMTYuNTMxMjUtMjUuMDQ2ODc1LTE2LjUzMTI1cy0yMC43MzgyODIgNi40ODQzNzUtMjUuMDIzNDM4IDE2LjUzMTI1bC01OC40MTAxNTYgMTM2Ljc1LTE0Ny44MjAzMTIgMTMuNDE3OTY4Yy0xMC44MzU5MzggMS0yMC4wMTE3MTkgOC4zMzk4NDQtMjMuNDAyMzQ0IDE4LjY4NzUtMy4zNzEwOTQgMTAuMzY3MTg4LS4yNTc4MTMgMjEuNzM4MjgyIDcuOTM3NSAyOC45MjU3ODJsMTExLjcyMjY1NiA5Ny45NjQ4NDQtMzIuOTQxNDA2IDE0NS4wODU5MzdjLTIuNDEwMTU2IDEwLjY2Nzk2OSAxLjczMDQ2OCAyMS42OTkyMTkgMTAuNTgyMDMxIDI4LjA5NzY1NiA0Ljc1NzgxMyAzLjQ1NzAzMSAxMC4zNDc2NTYgNS4xODM1OTQgMTUuOTU3MDMxIDUuMTgzNTk0IDQuODIwMzEzIDAgOS42NDQ1MzItMS4yODEyNSAxMy45NTMxMjUtMy44NTkzNzVsMTI3LjQ0NTMxMy03Ni4yMDMxMjUgMTI3LjQyMTg3NSA3Ni4yMDMxMjVjOS4zNDc2NTYgNS41ODU5MzggMjEuMTAxNTYyIDUuMDc0MjE5IDI5LjkzMzU5My0xLjMyNDIxOSA4Ljg1MTU2My02LjM5ODQzNyAxMi45OTIxODgtMTcuNDI5Njg3IDEwLjU4MjAzMi0yOC4wOTc2NTZsLTMyLjk0MTQwNi0xNDUuMDg1OTM3IDExMS43MjI2NTYtOTcuOTY0ODQ0YzguMTkxNDA2LTcuMTg3NSAxMS4zMDg1OTQtMTguNTM1MTU2IDcuOTM3NS0yOC45MjU3ODJ6bS0yNTIuMjAzMTI1IDIyMy43MjI2NTciIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzYyNkI3MiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==)
}

.mobile-menu-question-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuODMzLDAsMCwxMTQuODMzLDAsMjU2czExNC44MzMsMjU2LDI1NiwyNTZzMjU2LTExNC44MzMsMjU2LTI1NlMzOTcuMTY3LDAsMjU2LDB6IE0yNDUuMzMzLDQyNi42NjcgICAgYy0xNy42NDYsMC0zMi0xNC4zNTQtMzItMzJzMTQuMzU0LTMyLDMyLTMyYzE3LjY0NiwwLDMyLDE0LjM1NCwzMiwzMlMyNjIuOTc5LDQyNi42NjcsMjQ1LjMzMyw0MjYuNjY3eiBNMjc3LjMzMywyOTYuNTQydjM0LjEyNSAgICBjMCw1Ljg5Ni00Ljc3MSwxMC42NjctMTAuNjY3LDEwLjY2N0gyMjRjLTUuODk2LDAtMTAuNjY3LTQuNzcxLTEwLjY2Ny0xMC42Njd2LTUzLjMzM2MwLTIzLjUyMSwxOS4xNDYtNDIuNjY3LDQyLjY2Ny00Mi42NjcgICAgczQyLjY2Ny0xOS4xNDYsNDIuNjY3LTQyLjY2N1MyNzkuNTIxLDE0OS4zMzMsMjU2LDE0OS4zMzNTMjEzLjMzMywxNjguNDc5LDIxMy4zMzMsMTkydjEwLjY2NyAgICBjMCw1Ljg5Ni00Ljc3MSwxMC42NjctMTAuNjY3LDEwLjY2N0gxNjBjLTUuODk2LDAtMTAuNjY3LTQuNzcxLTEwLjY2Ny0xMC42NjdWMTkyYzAtNTguODEzLDQ3Ljg1NC0xMDYuNjY3LDEwNi42NjctMTA2LjY2NyAgICBTMzYyLjY2NywxMzMuMTg4LDM2Mi42NjcsMTkyQzM2Mi42NjcsMjQzLjE4OCwzMjYuNjA0LDI4Ni41NjMsMjc3LjMzMywyOTYuNTQyeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=)
}

.mobile-menu-exit-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTUxMC4zNzEsMjI2LjUxM2MtMS4wODgtMi42MDMtMi42NDUtNC45NzEtNC42MjktNi45NTVsLTYzLjk3OS02My45NzljLTguMzQxLTguMzItMjEuODI0LTguMzItMzAuMTY1LDAgICAgIGMtOC4zNDEsOC4zNDEtOC4zNDEsMjEuODQ1LDAsMzAuMTY1bDI3LjU4NCwyNy41ODRIMzIwLjAxM2MtMTEuNzk3LDAtMjEuMzMzLDkuNTU3LTIxLjMzMywyMS4zMzNzOS41MzYsMjEuMzMzLDIxLjMzMywyMS4zMzMgICAgIGgxMTkuMTY4bC0yNy41ODQsMjcuNTg0Yy04LjM0MSw4LjM0MS04LjM0MSwyMS44NDUsMCwzMC4xNjVjNC4xNiw0LjE4MSw5LjYyMSw2LjI1MSwxNS4wODMsNi4yNTFzMTAuOTIzLTIuMDY5LDE1LjA4My02LjI1MSAgICAgbDYzLjk3OS02My45NzljMS45ODQtMS45NjMsMy41NDEtNC4zMzEsNC42MjktNi45NTVDNTEyLjUyNSwyMzcuNjA2LDUxMi41MjUsMjMxLjcxOCw1MTAuMzcxLDIyNi41MTN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojNjI2QjcyIj48L3BhdGg+CgkJCTxwYXRoIGQ9Ik0zNjIuNjgsMjk4LjY2N2MtMTEuNzk3LDAtMjEuMzMzLDkuNTU3LTIxLjMzMywyMS4zMzN2MTA2LjY2N2gtODUuMzMzVjg1LjMzM2MwLTkuNDA4LTYuMTg3LTE3LjcyOC0xNS4yMTEtMjAuNDM3ICAgICBsLTc0LjA5MS0yMi4yMjloMTc0LjYzNXYxMDYuNjY3YzAsMTEuNzc2LDkuNTM2LDIxLjMzMywyMS4zMzMsMjEuMzMzczIxLjMzMy05LjU1NywyMS4zMzMtMjEuMzMzdi0xMjggICAgIEMzODQuMDEzLDkuNTU3LDM3NC40NzcsMCwzNjIuNjgsMEgyMS4zNDdjLTAuNzY4LDAtMS40NTEsMC4zMi0yLjE5NywwLjQwNWMtMS4wMDMsMC4xMDctMS45MiwwLjI3Ny0yLjg4LDAuNTEyICAgICBjLTIuMjQsMC41NzYtNC4yNjcsMS40NTEtNi4xNjUsMi42NDVjLTAuNDY5LDAuMjk5LTEuMDQ1LDAuMzItMS40OTMsMC42NjFDOC40NCw0LjM1Miw4LjM3Niw0LjU4Nyw4LjIwNSw0LjcxNSAgICAgQzUuODgsNi41NDksMy45MzksOC43ODksMi41MzEsMTEuNDU2Yy0wLjI5OSwwLjU3Ni0wLjM2MywxLjE5NS0wLjU5NywxLjc5MmMtMC42ODMsMS42MjEtMS40MjksMy4yLTEuNjg1LDQuOTkyICAgICBjLTAuMTA3LDAuNjQsMC4wODUsMS4yMzcsMC4wNjQsMS44NTZjLTAuMDIxLDAuNDI3LTAuMjk5LDAuODExLTAuMjk5LDEuMjM3VjQ0OGMwLDEwLjE3Niw3LjE4OSwxOC45MjMsMTcuMTUyLDIwLjkwNyAgICAgbDIxMy4zMzMsNDIuNjY3YzEuMzg3LDAuMjk5LDIuNzk1LDAuNDI3LDQuMTgxLDAuNDI3YzQuODg1LDAsOS42ODUtMS42ODUsMTMuNTI1LTQuODQzYzQuOTI4LTQuMDUzLDcuODA4LTEwLjA5MSw3LjgwOC0xNi40OTEgICAgIHYtMjEuMzMzSDM2Mi42OGMxMS43OTcsMCwyMS4zMzMtOS41NTcsMjEuMzMzLTIxLjMzM1YzMjBDMzg0LjAxMywzMDguMjI0LDM3NC40NzcsMjk4LjY2NywzNjIuNjgsMjk4LjY2N3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiM2MjZCNzIiPjwvcGF0aD4KCQk8L2c+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==)
}


.mobile-account-menu {
    background-color: #fff;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #e6e6e6;
}

.mobile-account-menu-line {
    border-bottom: 1px solid #e6e6e6;
}

.mobile-account-menu-line-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding: 15px;
}

.mobile-account-menu-arrow {
    width: 15px;
    height: 15px;
    background-size: 15px;
    position: absolute;
    right: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyLjAwOCA1MTIuMDA4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDA4IDUxMi4wMDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzgxLjA0OCwyNDguNjMzTDE0Ni4zODEsMy4yOTljLTMuMDIxLTMuMTQ2LTcuNjQ2LTQuMTY3LTExLjY4OC0yLjUyMWMtNC4wNDIsMS42MTUtNi42ODgsNS41NDItNi42ODgsOS44OTZ2NDIuNjY3ICAgIGMwLDIuNzI5LDEuMDQyLDUuMzU0LDIuOTE3LDcuMzMzbDE4NS4wNjMsMTk1LjMzM0wxMzAuOTIzLDQ1MS4zNDFjLTEuODc1LDEuOTc5LTIuOTE3LDQuNjA0LTIuOTE3LDcuMzMzdjQyLjY2NyAgICBjMCw0LjM1NCwyLjY0Niw4LjI4MSw2LjY4OCw5Ljg5NmMxLjI5MiwwLjUyMSwyLjY0NiwwLjc3MSwzLjk3OSwwLjc3MWMyLjg1NCwwLDUuNjQ2LTEuMTQ2LDcuNzA4LTMuMjkybDIzNC42NjctMjQ1LjMzMyAgICBDMzg0Ljk4NiwyNTkuMjU4LDM4NC45ODYsMjUyLjc1OCwzODEuMDQ4LDI0OC42MzN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojMEM5REQxIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==);
}

.mobile-account-menu-title {
    font-size: 14.4px;
}


.mobile-account-menu-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 32px auto;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px !important;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .mobile-account-menu-container {
        margin: 16px auto;
        padding: 0;
    }
}

@media only screen and (max-width: 992px) {
    .mobile-account-menu-container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mobile-account-menu-header_title {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    justify-content: center;
    align-items: center;
}

    .mobile-account-menu-header_title p {
        font-size: 15px;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    }

.mobile-account-menu-header-title_icon {
    width: 15px;
    height: 15px;
    background-size: 15px;
    position: absolute;
    left: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MiA0OTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MiA0OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTk4LjYwOCwyNDYuMTA0TDM4Mi42NjQsNjIuMDRjNS4wNjgtNS4wNTYsNy44NTYtMTEuODE2LDcuODU2LTE5LjAyNGMwLTcuMjEyLTIuNzg4LTEzLjk2OC03Ljg1Ni0xOS4wMzJsLTE2LjEyOC0xNi4xMiAgICBDMzYxLjQ3NiwyLjc5MiwzNTQuNzEyLDAsMzQ3LjUwNCwwcy0xMy45NjQsMi43OTItMTkuMDI4LDcuODY0TDEwOS4zMjgsMjI3LjAwOGMtNS4wODQsNS4wOC03Ljg2OCwxMS44NjgtNy44NDgsMTkuMDg0ICAgIGMtMC4wMiw3LjI0OCwyLjc2LDE0LjAyOCw3Ljg0OCwxOS4xMTJsMjE4Ljk0NCwyMTguOTMyYzUuMDY0LDUuMDcyLDExLjgyLDcuODY0LDE5LjAzMiw3Ljg2NGM3LjIwOCwwLDEzLjk2NC0yLjc5MiwxOS4wMzItNy44NjQgICAgbDE2LjEyNC0xNi4xMmMxMC40OTItMTAuNDkyLDEwLjQ5Mi0yNy41NzIsMC0zOC4wNkwxOTguNjA4LDI0Ni4xMDR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM0QjRCNTciIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==)
}

.mobile-account-menu-user_title {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

    .mobile-account-menu-user_title p span {
        color: #0c9dd1;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        margin-left: 2px;
    }

.account-border {
    border: none !important;
}

@media only screen and (max-width: 992px) {
    .comp-mobile-container-title {
        position: relative;
        justify-content: center;
        padding: 20px 0;
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
        margin-bottom: 0 !important;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px
    }
}


.comp-mobile-container-title h1 {
    color: #4b4b57;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (max-width: 576px) {
    .comp-mobile-container-title h1 {
        font-size: 15px;
        text-transform: uppercase;
    }
}


.comp-mobile-container-title-display {
    display: none !important;
}

@media only screen and (max-width: 992px) {
    .comp-mobile-container-title-display {
        display: flex !important;
    }
}

.mobile-none-account-title {
}

@media only screen and (max-width: 992px) {
    .mobile-none-account-title {
        display: none !important;
    }
}

.ui-menu-item:hover > .partlink b {
    color: white !important;
    transition: all .2s;
}

.ui-menu .ui-menu-item-wrapper {
    border: none !important
}

.embedded-pdf {
    width: 100%;
    height: 500px !important;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - (0.5rem * 2));
        content: "";
    }

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

        .modal-dialog-centered::before {
            height: calc(100vh - (1.75rem * 2));
        }
}

.covid-modal-body {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 2px rgba(0,0,0,0.24);
    /* min-height: 420px; */
    position: relative;
    width: 100%;
    border-radius: 8px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
}


.comp-container {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
}

.leftlist {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    line-height: 1.6;
    margin-top: 20px;
}

.leftlist-item {
    margin-top: 17px;
    display: flex;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}

    .leftlist-item:after {
        display: block;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-50%);
        bottom: 0;
        width: 0%;
        height: 0.125rem;
        opacity: 0;
        border-radius: 0.125rem;
        background-color: #009870;
        transition: width 200ms, background-color 200ms, opacity 0ms 200ms;
    }

    .leftlist-item a {
        font-size: 15px;
        font-weight: 600;
        color: #636370;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    }

        .leftlist-item a:hover, .leftlist-item .active {
            color: #0099DF !important;
        }

    .leftlist-item svg {
        margin-right: 15px;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background-size: contain;
    }

.leftlist-order-icon {
    background-image: url(/assets/img/Account/Icon/ac-menu-box.svg);
}

.leftlist-adress-icon {
    background-image: url(/assets/img/Account/Icon/ac-menu-map.svg);
}

.leftlist-account-icon {
    background-image: url(/assets/img/Account/Icon/ac-menu-user.svg);
}

.leftlist-coupon-icon {
    background-image: url(/assets/img/Account/Icon/ac-menu-discount.svg);
}

.leftlist-bid-icon {
    background-image: url(/assets/img/Account/Icon/ac-menu-tag.svg);
}

.leftlist-comment-icon {
    background-image: url(/assets/img/Account/Icon/ac-menu-star.svg);
}

.leftlist-question-icon {
    background-image: url(/assets/img/Account/Icon/ac-menu-question.svg);
}

.leftlist-logout-icon {
    background-image: url(/assets/img/Account/Icon/ac-menu-quit.svg);
}

.leftlist-account-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #eee;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
}

.leftlist-account {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.leftlist-account-name {
    margin: 0 16px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.leftlist-item-title {
    color: #b0b9c1;
    font-weight: 500;
    font-family: 'CepteFont', 'Volte', Arial, sans-serif;
    font-size: 16px;
}