/* source: Content/v4/css/pages/carrinho/index.css */


.carrinho-box-mobile {
    display: none;
}



@media (max-width: 992px) {

    .carrinho-box {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }

        .carrinho-box .store-unavailable-content.store-unavailable-content {
            display: none
        }

        .carrinho-box .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile {
            padding: 13px 20px;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flexbox;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            -webkit-border-bottom-right-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -moz-border-radius-bottomright: 0;
            -moz-border-radius-bottomleft: 0;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -ms-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
            border-radius: 10px 10px 0 0
        }

            .carrinho-box .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile.is-disabled {
                opacity: .65
            }

            .carrinho-box .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile .cart-icon {
                display: inline-block;
                vertical-align: middle;
                color: #fff
            }

            .carrinho-box .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile .cart-description {
                display: inline-block;
                flex-grow: 1;
                padding: 0 15px;
                font-size: 13px;
                font-weight: 900;
                color: #fff;
                text-transform: uppercase;
                vertical-align: middle
            }

            .carrinho-box .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile .total {
                vertical-align: middle;
                display: inline-block
            }

                .carrinho-box .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile .total .value {
                    cursor: pointer;
                    background-color: #fff;
                    padding: 5px 10px;
                    font-size: 14px;
                    font-weight: 900;
                    -webkit-border-radius: 50vh;
                    -ms-border-radius: 50vh;
                    border-radius: 50vh
                }

    .carrinho-box-empty {
        display: none
    }

    .carrinho-box-mobile {
        display: block;
    }

    .carrinho-box-mobile {
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        z-index: 22;
        border-radius: 10px 10px 0 0;
    }

    .carrinho-box-mobile {
        float: right;
        padding: 0;
        max-height: 83vh;
        overflow: hidden;
        z-index: 20;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
    }

    .carrinho-box-mobile {
        background-color: #fff;
    }

    .carrinho-box-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }

        .carrinho-box-mobile .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile {
            padding: 13px 20px;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flexbox;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            -webkit-border-bottom-right-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -moz-border-radius-bottomright: 0;
            -moz-border-radius-bottomleft: 0;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -ms-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
            border-radius: 10px 10px 0 0;
        }

            .carrinho-box-mobile .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile .cart-icon {
                display: inline-block;
                vertical-align: middle;
                color: #fff;
            }

            .carrinho-box-mobile .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile .cart-description {
                display: inline-block;
                flex-grow: 1;
                padding: 0 15px;
                font-size: 13px;
                font-weight: 900;
                color: #fff;
                text-transform: uppercase;
                vertical-align: middle;
            }

            .carrinho-box-mobile .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile .total {
                vertical-align: middle;
                display: inline-block;
            }

                .carrinho-box-mobile .store-cart-content .checkout-dados .cart-info-mobile.cart-info-mobile .total .value {
                    cursor: pointer;
                    background-color: #fff;
                    padding: 5px 10px;
                    font-size: 14px;
                    font-weight: 900;
                    -webkit-border-radius: 50vh;
                    -ms-border-radius: 50vh;
                    border-radius: 50vh;
                }

    .padding-right-number-address {
        padding-right: 0px !important;
    }
}

.modal-header .pedido-edicao-info-mobile {
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 1.2;
    opacity: .9;
    color: var(--fallback-color-font);
}

    .modal-header .pedido-edicao-info-mobile i {
        font-size: 16px;
        opacity: .75;
    }

.carrinho-box-mobile .store-cart-content .checkout-dados .cart-info-mobile {
    background-color: var(--primary-color, #6f4d39);
}

.carrinho-box-mobile .store-cart-content .checkout-dados {
    display: inline-block;
    padding: 0;
    width: 100%;
}

.carrinho-box-mobile .cart-info-mobile .total .value {
    color: var(--primary-color, #6f4d39);
}

.carrinho-box .store-cart-content .checkout-dados .cart-info-mobile {
    background-color: var(--primary-color, #1C2124)
}

.nome-produto {
    white-space: normal;
}

.carrinho-cardapio {
    margin-bottom: 30px !important;
}
/* source: Content/v4/css/pages/estabelecimento/cardapio.css */
#page-container {
    background-color: var(--background-color-loja-virtual);
}

.estabelecimento-informacao {
    position: relative
}

    .estabelecimento-informacao > .col-md-12 {
        min-height: auto;
        position: absolute;
        top: -152px
    }

.mobile-estabelecimento-informacao {
    background-color: transparent;
    position: relative;
    color: white;
}

    .mobile-estabelecimento-informacao > h1 {
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        color: white;
    }

        .mobile-estabelecimento-informacao > h1 a {
            color: var(--primary-color);
            font-weight: bold;
            background: #fff;
            border-radius: 3px;
            padding: 2px 10px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
        }

            .mobile-estabelecimento-informacao > h1 a:hover,
            .mobile-estabelecimento-informacao > h1 a:active {
                text-decoration: none;
                color: var(--primary-color);
            }

    .mobile-estabelecimento-informacao > h2 {
        font-size: 12px;
        text-align: center;
        line-height: 15px;
        color: white;
        margin: 7px 0 0;
        font-weight: bold;
        min-height: 30px;
    }

    .mobile-estabelecimento-informacao .mobile-store-info-expanded {
        opacity: 1;
        visibility: visible;
        -ms-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .mobile-estabelecimento-informacao .mobile-store-info-collapsed {
        opacity: 0;
        visibility: hidden;
        min-height: 0;
        height: 0;
        padding: 0;
        -ms-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s
    }

.mobile-store-info-container-expanded {
    padding-bottom: 10px;
    grid-template-columns: auto auto
}

    .mobile-store-info-container-expanded.hidden-ep.visible-ep {
        display: grid !important;
    }

    .mobile-store-info-container-expanded.box-fidelidade {
        padding: 10px 0px 5px 0px;
    }

.mobile-estabelecimento-informacao-logo {
    position: relative;
    height: 30px;
    margin-bottom: 13px;
}

    .mobile-estabelecimento-informacao-logo > img {
        width: 70px;
        height: 70px;
        top: -10px;
        border-radius: 5px;
        box-shadow: 0 0 0.5em;
        background-color: white;
    }

.is-facebook-tab .mobile-estabelecimento-informacao-business_hour-box {
    position: initial;
    top: inherit;
    right: inherit
}

.mobile-estabelecimento-informacao-business_hour-box {
    float: right;
    margin-right: 15px;
    position: relative;
    /*text-align: center;
    margin-bottom: 10px;
    position: absolute;
    top: 10px;
    right: 15px*/
}

.mobile-header-account .box-mesa, .mobile-header-account .box-mesa-sem-capa {
    background: white;
    min-width: auto;
    min-height: auto;
    padding-bottom: 6px;
    padding-top: 3px;
    border-radius: 0px 0px 0px 24px;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #4cd869;
    top: -15px;
}

    .mobile-header-account .box-mesa.box-mesa-garcom {
        border-radius: 0px 0px 24px 24px !important;
        border-color: black;
        float: unset;
    }

        .mobile-header-account .box-mesa.box-mesa-garcom > .status {
            font-size: 24px;
            color: black;
            padding: 10px 0px;
        }

.mobile-estabelecimento-informacao-business_hour-box > div {
    display: inline-block;
    vertical-align: middle
}

.mobile-header-account .box-mesa, .mobile-header-account .box-mesa-sem-capa > div {
    display: flex;
    justify-content: center;
    text-align: center;
}

    .mobile-header-account .box-mesa > .status {
        margin: 0 auto;
        color: #4cd869;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        flex-direction: column;
        display: flex;
        padding-top: 4px;
    }

        .mobile-header-account .box-mesa > .status .open {
            line-height: 13px;
        }


.mobile-header-account .box-mesa-sem-capa {
    min-height: 25px !important;
    border-radius: 10px !important;
    border: 1px, solid, #4cd869 !important;
    line-height: 2px !important;
    bottom: -49px !important;
    margin: 0 auto !important;
    padding-top: 0px !important;
    top: 70px !important;
    float: inherit !important;
    right: 0 !important;
}

.mobile-estabelecimento-informacao-business_hour-box > .status {
    color: #4cd869;
    font-size: 12px;
    background-color: #fff;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 4px;
    padding-left: 4px;
    justify-content: center;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

    .mobile-estabelecimento-informacao-business_hour-box > .status .material-icons {
        padding-right: 2px;
        font-size: 20px;
    }


    .mobile-estabelecimento-informacao-business_hour-box > .hour > i, .mobile-estabelecimento-informacao-business_hour-box > .status > a > i {
        display: inline-block;
        font-size: 14px;
        vertical-align: middle
    }

    .mobile-estabelecimento-informacao-business_hour-box > .status > a {
        text-decoration: none;
        color: #4cd869
    }

        .mobile-estabelecimento-informacao-business_hour-box > .status > a > span {
            display: inline-block;
            vertical-align: middle
        }

    .mobile-estabelecimento-informacao-business_hour-box > .status .closed {
        color: #E7083A
    }

.mobile-estabelecimento-informacao-business_hour-box > .hour {
    margin-left: 8px;
    background-color: rgba(49,67,74,.1);
    padding: 2px 4px 2px 8px
}

    .mobile-estabelecimento-informacao-business_hour-box > .hour > label {
        vertical-align: middle;
        font-size: 12px;
        margin-bottom: 0
    }

.mobile-estabelecimento-informacao-delivery_taxa > .value, .mobile-estabelecimento-informacao-waiting_time > .value {
    display: inline-grid;
    /*grid-template-columns: auto 18px;*/
    align-items: center;
    justify-items: center;
    font-size: 14px;
    line-height: 15px;
    margin-top: 5px;
    white-space: nowrap
}

    .mobile-estabelecimento-informacao-delivery_taxa > .value > .left-icon, .mobile-estabelecimento-informacao-waiting_time > .value > .left-icon {
        align-self: start
    }

    .mobile-estabelecimento-informacao-delivery_taxa > .value > label, .mobile-estabelecimento-informacao-waiting_time > .value > label {
        white-space: normal;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }

.estabelecimento-informacao-action-show_more {
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 1px;
    color: #292F31;
    padding-top: 10px;
    padding-bottom: 10px
}

    .estabelecimento-informacao-action-show_more > i, .estabelecimento-informacao-action-show_more > span {
        display: inline-block;
        vertical-align: middle
    }

.expand-address-and-info {
    display: none;
}


@media (max-width: 768px) {
    .expand-address-and-info {
        display: inline-block;
        background: var(--primary-color, #EF9121);
        font-size: 17px !important;
        border-radius: 50%;
        vertical-align: inherit;
        color: white;
    }

    .qtd-estoque-detalhe {
        right: 40% !important;
        top: 1% !important;
    }
}

@media (min-width:992px) {
    .header-cover-photo.desktop {
        position: absolute;
        width: 100%
    }

    .header-gradient {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        /*height: 110px;
        background: linear-gradient(180deg,rgba(0,0,0,.5),rgba(255,255,255,0))*/
    }

    .container-fluid + .wrap.store-top-padding {
        /*margin-top: 370px*/
        margin-top: 265px
    }
}

@media (min-width: 769px) and (max-width:920px) {
    .qtd-estoque-detalhe {
        right: 46% !important;
    }
}

.estabelecimento-informacao .box-estabelecimento-logo {
    position: absolute;
    left: 450px;
    top: -38%;
    background-color: #fff;
    border-radius: 10px;
}

    .estabelecimento-informacao .box-estabelecimento-logo img {
        /*border-radius: 50%;*/
        border-radius: 10px;
        height: 135px;
        width: 135px;
        box-shadow: 0 0 1em;
    }

.tab-pane .container-fluid {
    padding: 0;
}

.estabelecimento-area-entrega {
    min-height: 400px;
}

    .estabelecimento-area-entrega .about-area-entrega {
        margin-top: 20px;
        padding-right: 0;
        padding-left: 0;
        min-height: 400px;
    }

        .estabelecimento-area-entrega .about-area-entrega > div {
            margin-top: 14px;
            padding: 15px;
            background-color: #FFF;
        }

.header-apps.android img {
    width: 135px;
}

.header-apps.ios img {
    width: 120px;
}

.header-menu > li:last-child {
    padding-left: 0px !important;
}

.header-button {
    cursor: pointer;
}

.img-cardapio-item {
    border-radius: 10px;
    vertical-align: bottom;
    max-width: 100px;
}

.menu-item-detalhe-loja {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    line-height: 32px !important;
}

    .menu-item-detalhe-loja > .mdl-chip {
        margin: 0px !important;
    }

.menu-frete-gratis {
    margin-top: -5px !important;
}

.twitter-typeahead {
    width: 100%;
}

.mdl-button--fab_flinger-container {
    position: fixed;
    bottom: 10px;
    right: 26px;
    z-index: 4001;
}

    .mdl-button--fab_flinger-container.is-showing-options > button i {
        -webkit-transition: -webkit-transform 0.1s linear;
        transition: transform 0.1s linear;
        -webkit-transform: translate(-12px, -12px) rotate(45deg);
        -ms-transform: translate(-12px, -12px) rotate(45deg);
        transform: translate(-12px, -12px) rotate(45deg);
    }

    .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button {
            display: block;
            -webkit-animation-name: enter;
            animation-name: enter;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-duration: 0.1s;
            animation-duration: 0.1s;
            -webkit-transform-origin: bottom center;
            -ms-transform-origin: bottom center;
            transform-origin: bottom center;
        }

    .mdl-button--fab_flinger-container .mdl-button--fab_flinger-options {
        position: absolute;
        bottom: 100%;
        left: -344px;
        right: 14px;
        display: none;
        margin: 0 0px 0px -13px;
        width: 426px;
        min-width: 382px;
    }

        .mdl-button--fab_flinger-container .mdl-button--fab_flinger-options button {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            display: none;
        }

@-webkit-keyframes enter {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes enter {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.col-xs-new-17 {
    width: 17%;
    margin-left: 5px;
}

.carrinho-box .store-cart-content .checkout-dados .go-to-checkout-dados .checkout-button {
    margin: 0px 0px 0 -48px !important;
    min-width: 554px !important;
}

.list-item-remove i {
    cursor: pointer;
    font-size: 22px;
    transition: .15s ease;
}

.list-item-remove {
    opacity: 0;
}

    .list-item-remove:hover {
        opacity: 1;
        transform: scale(1.1);
    }

.list-item-remove {
    position: absolute;
    right: 4px;
    margin-right: 5px;
}

.produtoNome {
    font-size: 12px;
}

    .produtoNome.produtoComplemento {
        padding-right: 0px;
        color: #888;
    }

.items-list-item .cover-photo {
    padding-top: 10px;
    padding-left: 15px;
}

.sacola-mesa-mobile .carrinho-box-quantidade[data-badge]:after {
    background-color: red;
    color: white;
    left: -75px !important;
    top: -30px !important;
    width: 25px;
    height: 25px;
}

.carrinho-box-quantidade[data-badge]:after {
    background-color: red;
    color: white;
    right: 10% !important;
    top: -141% !important;
}

.carrinho-box-quantidade.pulse-quantidade[data-badge]::after {
    animation: pulse-quantidade 1s infinite;
}

@keyframes pulse-quantidade {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
        font-size: 14.1px;
    }

    100% {
        transform: scale(1);
    }
}

.aviso-bag-itens {
    background-color: var(--primary-color);
    color: #fff;
    padding: 8px 14px 8px 14px;
    border-radius: 10px;
    margin-bottom: 5px;
    font-weight: 600;
    position: absolute;
    top: -52px;
    right: 0px;
    line-height: 16px;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.5s ease;
    animation: snake 3s linear infinite;
}

    .aviso-bag-itens:hover {
        cursor: pointer;
    }

@keyframes snake {
    0% {
        box-shadow: 0 0 0 5px #4cd869;
    }

    25% {
        box-shadow: 0 0 5px 5px #4cd869;
    }

    50% {
        box-shadow: 0 0 7px 5px #4cd869;
    }

    75% {
        box-shadow: 0 0 12px 5px #4cd869;
    }

    100% {
        box-shadow: 0 0 0 5px #4cd869;
    }
}


.aviso-bag-none {
    display: none;
    opacity: 0;
}

.bg-loja-logo-header {
    max-height: 347px;
    min-height: 347px;
    border: 0px;
    border-radius: 0px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-attachment: fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: var(--primary-color);
    position: absolute;
    padding-bottom: 0;
    margin-bottom: 0;
    box-shadow: 0 1px 5px rgb(59 59 59 / 30%);
}

.mobile-header-menu .bg-loja-logo-header {
    max-height: 252px;
}

.pedido-mesa-control .mobile-header-menu .bg-loja-logo-header {
    min-height: 158px !important;
}

.product-readonly {
    opacity: 0.5;
    text-decoration: line-through;
}

    .product-readonly:hover,
    .product-readonly .mdl-radio__label:hover,
    .product-readonly .mdl-radio__outer-circle:hover,
    .product-readonly .mdl-radio__inner-circle:hover {
        cursor: not-allowed;
    }

svg {
    color: red;
}

.div-indicar-produto {
    margin-top: 20px;
}

.header-fixed.show > .wrap.container > .items-pesquisa-produto-bar-header > .categorias-filtro .dropdown-toggle {
    width: 234px !important;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.15);
    border: none;
    border-radius: 10px;
}

.header-fixed.show > .wrap.container > .items-pesquisa-produto-bar-header > .items-pesquisa-produto {
    width: 310px !important;
}

.card-rounded {
    border-radius: 10px;
}

.btn-tag-disponibilidade, .btn-tag-alerta {
    background-color: var(--primary-color, #f79420);
    color: #FFF !important;
    font-weight: bold;
    border-radius: 20px;
    margin-top: 10px;
}

    .btn-tag-alerta.tag-alerta-cardapio-centralizado {
        width: 98%;
        font-size: 18px;
    }

/* TIMELINE - INICIO DE CSS */
section.timeline-outer {
    width: 88%;
    margin: 0 auto;
}

.timeline {
    background-color: white;
    border-left: 8px solid var(--primary-color, #EF9121);
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #333;
    margin: 25px auto;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 1.4em;
    padding: 20px 20px 20px 20px;
    list-style: none;
    text-align: left;
}

    .timeline h1,
    .timeline h2,
    .timeline h3 {
        font-size: 1.4em;
        font-weight: 600;
    }

    .timeline .event {
        border-bottom: 1px solid rgba(160, 160, 160, 0.2);
        padding-bottom: 15px;
        margin-bottom: 20px;
        position: relative;
    }

        .timeline .event .fa-whatsapp {
            color: #2bc80b;
            padding: 0 4px 0 3px;
            font-size: 16px;
        }

        .timeline .event.event-date > p {
            margin-bottom: 0;
        }

        .timeline .event.event-date > ul {
            list-style: inside;
        }

        .timeline .event:last-of-type {
            padding-bottom: 0;
            margin-bottom: 0;
            border: none;
        }

        .timeline .event:before,
        .timeline .event:after {
            position: absolute;
            display: block;
            top: 0;
        }

        .timeline .event:before {
            left: -177.5px;
            color: #212121;
            content: attr(data-date);
            text-align: right;
            /*  font-weight: 100;*/

            font-size: 16px;
            min-width: 120px;
        }

        .timeline .event:after {
            box-shadow: 0 0 0 8px var(--primary-color, #EF9121);
            left: -30px;
            background: white;
            border-radius: 50%;
            height: 11px;
            width: 11px;
            content: "";
            top: 5px;
        }

        .timeline .event i {
            color: var(--primary-color, #EF9121);
        }

/*——————————————
Responsive Stuff
———————————————*/
@media (max-width: 945px) {
    .timeline .event::before {
        left: 0.5px;
        top: 20px;
        min-width: 0;
        font-size: 13px;
    }

    .timeline h3 {
        font-size: 16px;
        font-weight: 600;
    }

    .timeline p {
        padding-top: 20px;
    }

    section.lab h3.card-title {
        padding: 5px;
        font-size: 16px
    }

    .qtd-estoque-detalhe-completo {
        margin: 2% 0% 0% 2.9% !important;
    }
}

@media (max-width: 768px) {
    .timeline .event::before {
        left: 0.5px;
        top: 20px;
        min-width: 0;
        font-size: 13px;
    }

    .timeline .event:nth-child(1)::before,
    .timeline .event:nth-child(3)::before,
    .timeline .event:nth-child(5)::before {
        top: 38px;
    }

    .timeline h3 {
        font-size: 16px;
    }

    .timeline p {
        padding-top: 20px;
    }

    .btn-tag-disponibilidade, .btn-tag-alerta {
        margin-left: 10px;
    }
}

.div-empresas-mobile {
    height: 24px;
    background: #FFFFFF;
    border-radius: 5px;
}

.label-empresa-mobile {
    height: 24px;
    background: #FFFFFF;
    border-radius: 5px;
    align-items: center;
    display: flex;
    padding: 6px 12px;
}

    .label-empresa-mobile i {
        color: black !important;
        width: 16px;
        font-size: 20px;
        padding-left: 4px;
    }

    .label-empresa-mobile span {
        color: var(--primary-color, #EF9121) !important;
        font-size: 12px;
        padding: 0.3% 0% 0% 3%;
    }

.label-empresa-carrinho-mobile {
    height: 24px;
    border-radius: 5px;
    align-items: center;
    display: flex;
    padding-top: 2%;
}

    .label-empresa-carrinho-mobile i {
        color: black !important;
        width: 16px;
        font-size: 20px;
        padding-left: 4px;
    }

    .label-empresa-carrinho-mobile span {
        color: var(--primary-color, #EF9121) !important;
        font-size: 12px;
        padding: 0.3% 0% 0% 3%;
    }

@media (min-width:921px) and (max-width:1199px) {
    .div-header-detalhe {
        padding-left: 0px !important;
    }

    .pedido-mesa-control .qtd-pontos-clube-detalhe,
    .pedido-mesa-control .qtd-pontos-clube-detalhe {
        left: 468px !important;
    }

    .item-empresas {
        margin-left: 0px !important;
    }
}

@media (min-width:921px) {
    .pedido-mesa-control .qtd-pontos-clube-detalhe,
    .pedido-mesa-control .qtd-pontos-clube-detalhe {
        left: 468px !important;
        margin-left: 7% !important;
    }
}


.qtd-pontos-sem-image,
.qtd-pontos-clube,
.qtd-pontos-clube-detalhe {
    display: none;
}

.qtd-estoque-listagem,
.pedido-mesa-control .qtd-pontos-clube,
.qtd-estoque-sem-imagem,
.pedido-mesa-control .qtd-pontos-sem-image,
.pedido-mesa-control .qtd-pontos-clube-detalhe {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}

.qtd-estoque-listagem-span,
.qtd-estoque-sem-imagem-span {
    width: 100%;
    display: flex;
    justify-content: center;
    line-height: 20px
}

    .qtd-estoque-listagem-span strong {
        font-weight: 500;
        font-style: normal;
    }

.qtd-estoque-listagem,
.pedido-mesa-control .qtd-pontos-clube,
.qtd-estoque-sem-imagem,
.pedido-mesa-control .qtd-pontos-sem-image,
.pedido-mesa-control .qtd-pontos-clube-detalhe {
    position: absolute !important;
    width: auto;
    min-width: 56px;
    height: 24px;
    background: var(--primary-color, #EF9121) !important;
    border-radius: 8px 0px 10px;
}


.qtd-estoque-sem-imagem,
.pedido-mesa-control .qtd-pontos-sem-image {
    right: 0;
    border-radius: 0px 8px 0px 10px !important;
}

    .qtd-estoque-listagem,
    .pedido-mesa-control .qtd-pontos-clube,
    .pedido-mesa-control .qtd-pontos-sem-image,
    .qtd-estoque-sem-imagem strong {
        padding-left: 1px;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
    }

.pedido-mesa-control .qtd-pontos-clube,
.pedido-mesa-control .qtd-pontos-sem-image {
    font-size: 13px !important;
}

    .pedido-mesa-control .qtd-pontos-clube span,
    .pedido-mesa-control .qtd-pontos-sem-image span {
        padding-left: 3px;
        padding-right: 3px;
    }


.qtd-estoque-detalhe-completo {
    width: 131px;
    height: 23px;
    background: var(--primary-color, #EF9121) !important;
    border-radius: 5px;
    margin: 3% 0% 4% 25.9%;
}

.pedido-mesa-control .qtd-pontos-clube-detalhe {
    display: flex;
    width: 95px !important;
    top: 5px;
    left: 5px;
    font-size: 14px !important;
    padding-left: 1px;
    font-weight: 500;
    font-style: normal;
}

.pedido-mesa-control .qtd-pontos-center {
    display: flex;
    justify-content: center;
    padding-bottom: 36px;
}

.pedido-mesa-control .clube-detalhe-center {
    left: unset !important;
}

.qtd-estoque-detalhe-completo span {
    font-size: 17px;
    align-items: center;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    padding-top: 2%;
}

.qtd-estoque-detalhe-completo i {
    font-size: 16px;
    padding: 2px;
    position: relative;
}

.qtd-estoque-detalhe-completo strong {
    padding-left: 1px;
    font-weight: 500;
    font-size: 15px;
}


.qtd-estoque-detalhe {
    position: absolute;
    width: 131px;
    height: 23px;
    background: var(--primary-color, #EF9121) !important;
    border-radius: 5px;
    right: 98px;
    margin-top: 0.4%;
}

    .qtd-estoque-detalhe span {
        font-size: 17px;
        align-items: center;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        padding-top: 2%;
    }

    .qtd-estoque-detalhe i {
        font-size: 16px;
        padding: 2px;
    }

    .qtd-estoque-detalhe strong {
        padding-left: 1px;
        font-weight: 500;
        font-size: 15px;
    }


.pedido-mesa-control .padding-35-not-img {
    padding-top: 35px !important;
}

.js-right-side:not(img) .left-7 {
    margin-left: 37%;
}

.pedido-mesa-control .simplified-footer-novo {
    position: absolute;
    bottom: 59px;
}


/* TiMELINE - FIM DE CSS*/
/*INICIO CLUBE DE PONTOS - PEDIDO NA MESA*/
@media (max-width: 945px) {
    .pd-mesa-border {
        position: relative;
        border-radius: 10px 10px 0px 0px;
        background: #fff;
    }
}

#scroll-animation-horizontal {
    scroll-behavior: smooth !important;
    will-change: transform;
    -webkit-overflow-scrolling: touch !important;
}

.produto-add-cart {
    box-shadow: 0 0 6px 0.1px var(--primary-color) !important;
}

.hidden-icon {
    display: none
}

.margin-icon-auto {
    margin: 0 0 0 auto;
    line-height: inherit;
}

.display-flex-produto {
    display: flex !important
}


.line-produto-sem-img {
    padding-right: 16% !important;
    line-height: 18px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-produto-com-img {
    overflow: hidden;
    line-height: 18px !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-produto-encomenda {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 16% !important;
    line-height: 18px;
}

.pm-padding-10-20 {
    padding: 10px 0 13px;
}

.posi-relative-15 {
    position: relative;
    top: -15px !important;
}

.background-primary-color {
    background-color: var(--primary-color)
}

.pd-mesa-img > img {
    width: 55px !important;
    height: 55px !important;
}

.pd-mesa-width-7 {
    height: 3rem;
    width: 90%;
}

.pd-mesa-width-2 {
    height: inherit;
    width: 25%;
}

.pd-mesa-height-8 {
    height: 8rem;
}

.pd-mesa-min-height-120 {
    min-height: 120px !important;
}

.pd-mesa-posi-relative {
    line-height: 18px;
    position: relative;
    top: -8px;
}


.pedido-mesa-control .mdl-button--fab_flinger-container {
    bottom: 70px;
}

.btn-bottom-80 {
    bottom: 80px !important;
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 0 !important;
}

.pedido-mesa-control .bg-success {
    bottom: 60px;
}

.simplified-footer-novo-sem-store {
    display: none;
}


/*INICIO NOVA GRADE*/
.items-list-item .item__left-side.nv-grade,
.button-container-nv-grade {
    display: none
}

.label-desconto-forma-pagamento-cardapio {
    display: inline-block;
    max-width: 175px;
    white-space: normal;
    line-height: 13px;
    text-align: left;
}

.grade-control #btn-adicionar-nv-grade {
    background: var(--primary-color);
    border: none;
    border-radius: 18px;
    color: #fff;
    display: flex;
    justify-content: center;
    overflow: hidden;
    transition: width 0.5s ease-out;
    width: 100%;
    padding: 6px 0 6px;
}

.grade-control .btn-icon-add {
    display: none;
}

.grade-control .container-icone {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.grade-control .right-side.js-right-side .container-icone {
    position: absolute;
    bottom: 11px;
}

.btn-icon-add.fa-check {
    padding-top: 1px;
}

.grade-control .btn-texto-add {
    font-size: 13px;
    line-height: 17px;
}

.grade-control .button-container-nv-grade {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
    width: 118px;
    height: 30px;
    margin-top: auto;
    margin-bottom: 0px;
}


    .grade-control .button-container-nv-grade.item-selecionado {
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

        .grade-control .button-container-nv-grade.item-selecionado .btn-icon-add {
            display: block;
            padding-top: 2px;
        }

        .grade-control .button-container-nv-grade.item-selecionado .btn-texto-add {
            display: none;
        }

            .grade-control .button-container-nv-grade.item-selecionado .btn-texto-add.item-add {
                display: none;
            }

    .grade-control .button-container-nv-grade .btn-icon-add {
        color: #fff;
        display: block;
    }

.grade-control .item__left-side {
    padding-top: 15px;
}

.grade-control .cover-photo {
    margin: 0 auto;
}

.grade-control .icone-produto {
    display: none;
}

.grade-control .img-cardapio-item {
    border-radius: inherit;
    height: 294px;
    width: 294px;
    max-width: none;
}

.grade-control .items-list-item {
    display: flex;
    width: 346px !important;
    flex-direction: column;
    height: auto;
}

.grade-control [id^='items-list-'] {
    margin: 0 !important;
}

.grade-control .products-section__body__content .items-list {
    gap: 20px;
}

.grade-control .items-list-item .item__right-side.item__right-side {
    min-height: 178px;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.grade-control .prices-container.display-flex-produto {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
}

.grade-control .items-list-item .cover-photo {
    padding: 0;
}

.grade-control .line-separator-category {
    display: none;
}

.grade-control .price-extra-info-container {
    max-width: 100%;
    min-width: 0;
    margin-bottom: 4px;
    width: 100%;
}

.grade-control .label-desconto-forma-pagamento-cardapio {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.35;
    text-align: left;
    vertical-align: top;
}

.grade-control .price-extra-info-container .label-default {
    display: inline-block;
    line-height: 1.35;
    max-width: 100%;
    white-space: normal;
}

.grade-control .price-action-container {
    align-items: flex-end;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-width: 0;
    width: 100%;
}

    .grade-control .price-action-container .to-price {
        flex: 1 1 auto;
        margin: 0;
        max-width: 100%;
        min-width: 0;
        padding-top: 0;
        text-align: left;
    }

        .grade-control .price-action-container .to-price .not-visibility-price-row {
            display: inline-block;
            position: relative;
        }

        .grade-control .price-action-container .to-price .not-visibility-price {
            left: auto;
            margin: 0;
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
        }

.grade-control .items-list-item .prices-container {
    text-align: left;
}

.grade-control .price-action-container .to-price .price-value {
    display: inline-block;
}

.grade-control .price-action-container .button-container-nv-grade {
    align-self: flex-end;
    flex: 0 0 auto;
    margin-left: auto;
    margin-top: 0;
}

.grade-control .price-action-container #btn-adicionar-nv-grade {
    flex-shrink: 0;
    white-space: nowrap;
}

.grade-control .title--actionable, .grade-control .products-section__head__description .title {
    text-align: start;
    cursor: pointer;
}

.grade-control .products-section__body .flex-control-nav {
    bottom: -30px;
}

.grade-control .products-section {
    margin-bottom: 15px;
}

.grade-control .nv-grade div {
    left: 28px;
    top: 15px;
}

.grade-control .config-controls {
    display: none
}

.grade-control .items-list-item .item__left-side.nv-grade {
    display: flex
}

.grade-control .products-section.js-products-section .fa-chevron-right {
    text-align: center;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
}

.grade-control .container-icone .img-especialidade {
    width: 30px !important;
    height: 30px !important;
}

.properties-modal-body.w920 .right-side .img-especialidademodal {
    width: 26px !important;
    height: 26px !important;
}

.grade-control .tag-imagem-ilustrativa {
    bottom: 182px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    height: auto !important;
}

/*mobile*/
@media (min-width: 1201px) {
    .grade-control .items-list-item:nth-child(3n) {
        margin-right: 0 !important;
    }
}

@media (max-width: 730px) {
    .grade-control .items-list {
        -webkit-flex-wrap: unset;
        -moz-flex-wrap: unset;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        display: flex;
        flex-direction: row;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .products-section__body .flex-control-nav li:nth-child(n+11) {
        display: none;
    }

    .grade-control .items-list li:first-child {
        margin-left: 10px;
    }

    .grade-control .items-list li {
        opacity: 1 !important;
    }

    .grade-control .title--actionable, .grade-control .products-section__head__description .title {
        text-align: center;
    }

    .grade-control .line-separator-category {
        display: block;
    }

    /*INICIO - Sessão de controle do carrossel da nova grade loja virtual */
    /* Para telas menores ou iguais a 380px */
    @media (max-width: 380px) {
        .grade-control .products-section__body .slides li {
            margin-left: 4px !important;
            margin-right: 4px !important;
        }

        .grade-control .items-list-item {
            width: 42.2vh !important;
        }
    }

    /* Para telas maiores que 381px*/
    @media (min-width: 381px) {
        .grade-control .products-section__body .slides li {
            margin-left: 8px !important;
            margin-right: 8px !important;
        }

        .grade-control .items-list-item {
            width: 80.3vw !important;
        }
    }

    /* Para telas maiores que 391px*/
    @media (min-width: 391px) {
        .grade-control .products-section__body .slides li {
            margin-left: 8px !important;
            margin-right: 8px !important;
        }

        .grade-control .items-list-item {
            width: 84.3vw !important;
        }
    }

    /* Para telas maiores que 401px */
    @media (min-width: 401px) {
        .grade-control .products-section__body .slides li {
            margin-right: 12px !important;
        }

        .grade-control .items-list-item {
            width: 78.8vw !important;
        }
    }

    /* Para telas maiores que 414px */
    @media (min-width: 414px) {
        .grade-control .products-section__body .slides li {
            margin-right: 12px !important;
        }

        .grade-control .items-list-item {
            width: 79.1vw !important;
        }
    }

    /* Para telas maiores que 420px */
    @media (min-width: 420px) {
        .grade-control .products-section__body .slides li {
            margin-right: 13px !important;
        }

        .grade-control .items-list-item {
            width: 78.8vw !important;
        }
    }

    /* Para telas maiores que 428px */
    @media (min-width: 428px) {
        .grade-control .products-section__body .slides li {
            margin-right: 14px !important;
        }

        .grade-control .items-list-item {
            width: 75.8vw !important;
        }
    }
    /*FIM- Sessão de controle bo carrossel para a nova grade */

    .grade-control .products-section__body {
        position: static !important;
        transform: none !important;
    }

        .grade-control .products-section__body .slides li:first-child {
            margin-left: 15px !important;
        }

    .spinner {
        width: 25px;
        height: 25px;
        position: relative;
        margin: 0 auto;
    }

    .text-none {
        display: none
    }

    .double-bounce1, .double-bounce2 {
        background-color: #333;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
        animation: sk-bounce 2.0s infinite ease-in-out;
    }

    .double-bounce2 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .pontos-header .menu-options {
        height: 60% !important;
    }

    @-webkit-keyframes sk-bounce {
        0%, 100% {
            -webkit-transform: scale(0.0)
        }

        50% {
            -webkit-transform: scale(1.0)
        }
    }

    @keyframes sk-bounce {
        0%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        }

        50% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }

    .grade-control .products-section__body .slides li:last-child {
        margin-right: 25px !important;
    }
}

#btnUsuarioPedidoSemCadastro {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.3s ease;
}

    #btnUsuarioPedidoSemCadastro:disabled {
        opacity: 0.5;
    }

    #btnUsuarioPedidoSemCadastro[disabled]:hover {
        cursor: not-allowed;
    }

.popup-user-sem-cadastro {
    display: none;
    right: 30px;
    bottom: 74px;
    z-index: 9997;
    position: fixed;
}

    .popup-user-sem-cadastro .popup-content {
        width: 400px;
        padding: 20px;
        height: 440px;
        border-radius: 20px;
        background-color: #f9f9f9;
    }

        .popup-user-sem-cadastro .popup-content .close-popup {
            top: 0;
        }

        .popup-user-sem-cadastro .popup-content .popup-container {
            padding: 18px;
            height: 100%;
        }

            .popup-user-sem-cadastro .popup-content .popup-container form {
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-around;
            }

            .popup-user-sem-cadastro .popup-content .popup-container .popup-title {
                line-height: 20px;
                text-align: center;
            }

            .popup-user-sem-cadastro .popup-content .popup-container .popup-fields {
                width: 100%;
                height: 200px;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
            }

                .popup-user-sem-cadastro .popup-content .popup-container .popup-fields .popup-label {
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 15px;
                    display: flex;
                    align-items: center;
                    letter-spacing: -0.24px;
                    color: var(--primary-color);
                }

                .popup-user-sem-cadastro .popup-content .popup-container .popup-fields .popup-textbox {
                    height: 50px;
                    width: 100%;
                    border-radius: 5px;
                    background: #FFFFFF;
                    border: 1px solid #555555;
                    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
                }

            .popup-user-sem-cadastro .popup-content .popup-container .popup-button {
                padding: 5px;
                border-radius: 4px;
                width: 250px;
                min-height: 40px;
                background: #FFFFFF;
                border: 1px solid var(--primary-color);
            }

                .popup-user-sem-cadastro .popup-content .popup-container .popup-button span {
                    font-size: 16px;
                    font-weight: 700;
                    color: var(--primary-color);
                }

    .popup-user-sem-cadastro #spinnerPedidoSemCadastro .fa-spinner {
        color: var(--primary-color);
        margin-left: 4px;
    }

@media (max-width: 991px) {
    .popup-user-sem-cadastro {
        right: 0;
        bottom: 0;
        width: 100%;
    }

        .popup-user-sem-cadastro .popup-content {
            width: 100%;
            border-radius: 20px 20px 0 0;
        }

    .usuario-control {
        bottom: 70px;
    }
}


.padaria-alerta-modal-header, .tag-alerta-modal-header {
    background-color: var(--primary-color);
    border-radius: 8px 8px 0 0;
}

.padaria-alerta-modal-body, .tag-alerta-modal-body {
    /*display:flex;*/
    justify-content: center;
    margin: 32px;
}

    .padaria-alerta-modal-body img {
        max-width: 100%;
        max-height: 100%;
        object-fit: scale-down;
        opacity: 1 !important;
    }

    .tag-alerta-modal-body img {
        max-width: 100%;
        max-height: 100%;
        object-fit: scale-down;
        opacity: 1 !important;
    }


.padaria-alerta-modal-title p {
    font-size: 18px;
}

.tag-alerta-modal-title p {
    font-size: 18px;
}

.padaria-alerta-modal-close, .tag-alerta-modal-close {
    position: absolute;
    top: 24px;
    right: 20px;
}

#padaria-alerta-progress-bar, #tag-alerta-progress-bar {
    margin-top: auto;
    margin-bottom: 0px;
    height: 5px;
}

#padaria-alerta-progress-bar, #tag-alerta-progress-bar {
    transition: width 0s ease-in-out;
}

.padaria-alerta-modal-footer, .tag-alerta-modal-footer {
    border-radius: 0 0 8px 8px;
}

.tag-alerta-div {
    padding-left: 8px;
}

.tag-alerta-div-list .tag-alerta-cardapio-centralizado {
    display: table;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}

.tag-alerta-div-list .btn-tag-alerta {
    white-space: nowrap;
}

.tag-alerta-quebra-mobile {
    display: none;
}

.tag-alerta-div-list {
    padding-left: 8px;
}

    .tag-alerta-div-list.tag-alerta-lista-centralizada {
        padding-left: 0;
    }

@media (max-width: 991px) {
    .padaria-alerta-modal-content, .tag-alerta-modal-content {
        display: flex !important;
        flex-direction: column;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: auto;
    }

    .padaria-alerta-modal-body, .tag-alerta-modal-body {
        height: auto;
    }

    .padaria-alerta-modal-footer, .tag-alerta-modal-footer {
        width: 100%;
    }

    .padaria-alerta-modal-close, .tag-alerta-modal-close {
        position: absolute;
        top: 20px;
        right: 16px;
    }

    .cardapio-categoria-head.cardapio-ignore-campanha > a {
        display: none !important;
    }

    .tag-alerta-div {
        display: flex;
        flex-direction: column;
        padding-left: 16px;
    }

    .tag-alerta-div-list {
        display: block;
        overflow: visible;
        width: 100%;
        padding: 0 10px;
        text-align: center;
        white-space: normal;
    }

        .tag-alerta-div-list .btn-tag-alerta,
        .tag-alerta-div-list .tag-alerta-cardapio-centralizado {
            display: block;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-height: 1.3;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            max-height: none;
            overflow: visible;
            width: 98%;
            white-space: normal;
            word-break: normal;
            word-wrap: break-word;
            font-size: 14px;
        }

    .tag-alerta-quebra-mobile {
        display: inline;
    }
}

@media (min-width: 992px) {
    .tag-alerta-div-list .btn-tag-alerta br {
        display: none;
    }
}

.pedido-item {
    max-height: 110px;
}

    .pedido-item .box-produto {
        overflow: hidden;
    }

.tag-alerta-div-list::-webkit-scrollbar:hover {
    cursor: pointer;
}

.flexslider-new {
    margin: 10px 0;
    position: relative;
    zoom: 1;
}

.custom-produto-nome {
    margin-bottom: 5px;
    line-height: 15px;
    word-wrap: break-word;
}

.custom-prices-container {
    margin-left: auto;
    margin-right: 0px;
}

.custom-btn-adicionar {
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: auto;
    margin-right: 10px;
    display: flex;
    width: 134px;
    align-items: center;
    height: 19px;
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 13px;
}

.btn-pedir-width {
    width: 54px;
    margin-right: 8px;
}

.custom-svg {
    width: 54px;
    height: 54px;
    padding: 8px;
}

#products-section-lv .flexslider {
    margin: 0;
    margin-top: 5px;
}

#descontos-novidades-carousel .flex-viewport,
#products-section-lv .custom-flexslider.flexslider,
#products-section-lv .flexslider-lv.flexslider {
    width: 98%;
}

.margin-top-10px {
    margin-top: 10px !important;
}

.custom-prices-container .span-lv {
    font-size: 11px;
    margin-left: 10px;
}

.diplay-flex-pedidos {
    display: flex;
    min-height: 80px;
}

.custom-produto-nome em {
    font-style: normal;
    margin-left: 5px;
}

.items-list-item {
    position: relative;
}

#pedido-historico .heart-icon {
    display: none;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }

    16.67%, 50%, 83.33% {
        transform: scale(1.3);
    }

    33.33%, 66.67% {
        transform: scale(1);
    }
}

.products-section-body {
    width: 100%;
    height: auto;
    position: relative;
    -ms-transition: max-height .5s ease-out;
    -webkit-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out;
}

#ultimo-pedidos .flexslider .slides > li {
    display: block;
}

.display-flex-space {
    display: flex;
    justify-content: space-evenly;
}

@media (min-width: 920px) {
    #ultimo-pedidos .flexslider .slides > li {
        width: 336px !important;
        margin: 5px 17px 5px 4px !important;
        padding: 5px !important;
    }

    .slides.display-flex-lv {
        display: flex;
    }

    .container-fixe-position {
        position: fixed;
        bottom: 10px;
        width: fit-content;
        height: min-content;
    }

    .container-fixe-relative {
        position: relative;
        bottom: 10px;
        width: fit-content;
        height: min-content;
    }

    .custom-price-section {
        width: fit-content;
    }
}

@media (max-width: 920px) {
    #ultimo-pedidos .flexslider .slides > li {
        width: 100% !important;
        margin: 12px 0 !important;
    }

    .products-section-body-content {
        margin: 0 6px 0 6px;
        padding: 0 6px 0 6px;
    }

    #pedidos-favoritos .container-fluid.margin-top-15 {
        margin-top: 15px;
    }

    .mdl-button--fab_flinger-container {
        bottom: 70px;
    }

    .container-fit-position {
        width: 100%;
    }

    .items-pesquisa-produto-bar-home {
        margin-bottom: 10px;
    }
}

.custom-item-left-side {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-item-right-side {
    width: 70%;
    padding-top: 8px;
}

#home-inicio .margin-padding-produto {
    margin-right: 20px;
    padding-right: 15px;
}

.container-fit-content {
    padding: 0 10px 0px;
    margin-top: 10px;
    min-height: 64px;
}

.min-height-292 {
    min-height: 310px;
}

.custom-price-section {
    display: flex;
    flex-direction: column;
}

.custom-price-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-bottom: 3px;
}

.custom-price-title {
    font-size: 14px;
    color: var(--primary-color-text);
}

.custom-price-value {
    font-size: 14px;
    font-weight: bold;
    color: var(--primary-color);
}

.custom-weight-estimate {
    font-size: 14px;
    color: var(--primary-color-text);
}

.custom-weight-box {
    background-color: var(--primary-color);
    color: #fff;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    line-height: 10px;
}

.custom-note {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--primary-color-text);
    margin-top: 3px;
    line-height: 12px;
}

.custom-note-icon {
    color: var(--primary-color);
    margin-right: 6px;
    font-size: 16px;
}


.mobile-informacao-resume {
    display: none;
}

.btn-reload {
    display: none;
}

/* Atualização cadastral da empresa: mantém o formulário acessível em todas as telas. */
#modalAtualizacaoCadastral {
    padding-right: 0 !important;
}

#modalAtualizacaoCadastral .modal-dialog {
    width: 760px;
    max-width: calc(100% - 32px);
    margin: 24px auto;
}

#modalAtualizacaoCadastral .modal-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: calc(100vh - 48px);
    overflow: hidden;
    background: #FFFFFF;
}

#modalAtualizacaoCadastral .modal-header {
    flex-shrink: 0;
    padding: 24px 28px 16px;
}

#modalAtualizacaoCadastral .modal-title {
    line-height: 30px;
}

#modalAtualizacaoCadastral .modal-body {
    padding: 24px 28px 28px;
    background: #FFFFFF;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#modalAtualizacaoCadastral .modal-body > p {
    margin-bottom: 24px;
    line-height: 24px;
    overflow-wrap: break-word;
}

#modalAtualizacaoCadastral .form-group {
    margin-bottom: 20px;
}

#modalAtualizacaoCadastral .required-field:after {
    color: red;
    content: "*";
    font-size: 12px;
    margin-left: 3px;
}

#modalAtualizacaoCadastral .btn-cadastrar {
    height: auto;
    min-height: 44px;
    white-space: normal;
}

@media (max-width: 767px) {
    #modalAtualizacaoCadastral .modal-dialog {
        max-width: calc(100% - 24px);
        margin: 12px auto;
    }

    #modalAtualizacaoCadastral .modal-content {
        max-height: calc(100vh - 24px);
    }

    #modalAtualizacaoCadastral .modal-header {
        padding: 20px 20px 16px;
    }

    #modalAtualizacaoCadastral .modal-body {
        padding: 20px;
    }

    #modalAtualizacaoCadastral .btn-cadastrar {
        width: 100%;
    }
}

/* source: Content/v4/flexslider/flexslider.css */
/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("../Content/v4/flexslider/fonts/flexslider-icon.eot");
  src: url("../Content/v4/flexslider/fonts/flexslider-icon.eot?#iefix") format('embedded-opentype'), url("../Content/v4/flexslider/fonts/flexslider-icon.woff") format('woff'), url("../Content/v4/flexslider/fonts/flexslider-icon.ttf") format('truetype'), url("../Content/v4/flexslider/fonts/flexslider-icon.svg#flexslider-icon") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 20px 0;
  position: relative;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 50px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 0;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 35px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  padding-top: 5px;
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.anchor::before {
    display: block;
    visibility: hidden;
    pointer-events: none;
}

.navegacao-grupo {
    position: sticky;
    top: 70px;
    z-index: 1;
    background: #FFF;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-bottom: 10px;
}

.stuck .flexslider{
    margin: 10px;
    padding-bottom: 5px;
}

#flexslider-categorias {
    margin: 10px 0px 0px 0;
}

#flexslider-grupos {
    margin: 10px 10px 0px 10px;
    z-index: 999;
}

@media (min-width:992px) {
    #flexslider-grupos {
        margin: 0;
    }
}

    .grupoa {
        text-align: center;
        padding: 25px 0 !important;
        font-size: 14px;
        position: relative;
        border-radius: 5px;
        height: 80px;
        min-width: 120px;
        cursor: pointer;
        line-height: normal;
        font-weight: 600;
        font-size: 15px;
        padding: 4%;
        flex-direction: column;
        justify-content: center;
    }

.grupo {
    position: relative;
    margin: 0px 6px;
    border-radius: 5px;
    height: 80px;
    min-width: 120px;
    transition: all 0.3s ease-in-out;
}

        .grupo::before {
            content: '';
            display: block;
            position: absolute;
            background-color: #000;
            opacity: var(--background-cardapio-opacity);
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }

    .grupo_label {
        font-size: 16px;
        position: absolute;
        width: 100%;
        opacity: 1;
        height: 100%;
        color: white;
        line-height: normal;
        text-align: center;
        font-weight: 600;
        padding: 4%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.grupo-categoria {
    text-align: center;
    font-size: 12px;
    color: #777;
    line-height: 1.2;
}

.grade-tag {
    margin: 3px;
}

.grupo.grupo_selecionado {
    border: 3px solid var(--border-color-cardapio-selected);
    transform: scale(1.05);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

    .grupo.grupo_selecionado .grupo_label {
        font-weight: bold;
        transform: translateY(-2px);
        transition: all 0.2s ease;
    }

.grupo-categoria a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    word-break: break-word;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

    .stuck .grupo-categoria .destaque {
        transition: 0.5s;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 13px;
        box-shadow: 0 1px 10px rgba(59, 59, 59, 0.3);
    }

.grupo-categoria .destaque {
    background: var(--primary-color);
    text-align: center;
    font-size: 30px;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: auto;
    box-shadow: 0 1px 4px rgba(59, 59, 59, 0.3);
    margin-bottom: 5px;
/*    margin-top: 2px;*/
}

    .grupo {
        cursor: pointer;
        height: 60px;
    }

    .grupo-categoria.grupo-categoria-selecionada .destaque {
        border: 2px solid #FFF;
    }

    /* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
    @media screen and (max-width: 860px) {
        .flex-direction-nav .flex-prev {
            opacity: 1;
            left: 10px;
        }

        .flex-direction-nav .flex-next {
            opacity: 1;
            right: 10px;
        }
    }