@charset "UTF-8";

/**
 * Store: Default
 * CSS base template that styles the homepage according to Store settings
 * Variables:
 *     primary_color = #DF4646
 *     secondary_color = #DF4646
 *     font_color = #FFFFFF
 *     background_color = #EEEEEE
 *     background_photo = 
 *     background_position = center top
 *     background_repeat = no-repeat
 *     brands_setting.primary_color = 
 */

/*===================*\
 * CSS Helper        *
\*===================*/
:root{
    --primary_color: #DF4646;
    --secondary_color: #DF4646;
    --secondary_color__less_40: #DF464640;
    --font_color: #FFFFFF;
}
.primary-color {
    color: #DF4646;
}

.secondary-color.secondary-color.secondary-color {
    color: #DF4646;
}

.background-primary-color {
    background-color: #DF4646;
}

.background-secondary-color {
    background-color: #DF4646;
}

.background-secondary-color-light {
    background-color: #DF46462a;
}

.background-secondary-color:hover, .background-secondary-color:active {
    background-color: #DF4646;
}

.fill-secondary-color {
    fill: #DF4646;
}

.fill-font-color {
    fill: #FFFFFF;
}

/*===================*\
 * Header            *
\*===================*/
.header-cover-photo {
    background-image: url("");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile-header-fixed-content {
    background-color: #DF4646
}

/*===================*\
 * General Icons color*
\*===================*/
.color-settings-secondary.color-settings-secondary.color-settings-secondary {
    color: #DF4646
}

/*===================*\
 * Inputs            *
\*===================*/

.form-control.form-control.form-control.form-control.form-control:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/*===================*\
 * Mobile right bar  *
\*===================*/

.mobile-bar__right .btn {
    color: #FFFFFF;
}

/*===================*\
 * Primary bar       *
\*===================*/

.primary-bar,
.mobile-bar {
    background-color: #DF4646;
    color: #FFFFFF;
}

.primary-bar a:link,
.primary-bar a:visited,
.primary-bar a:hover,
.primary-bar a:active {
    color: #FFFFFF;
    text-decoration: none;
}

/*===================*\
 * Secondary nav-bar *
\*===================*/

.secondary-bar
.nav-tabs > li > a:hover,
.secondary-bar .nav-tabs > li.active > a:hover,
.secondary-bar .nav-tabs > li.active > a {
    color: #DF4646;
    border-bottom: 3px solid #DF4646;
}

/*===================*\
 * Categories list   *
\*===================*/

.list-group .list-group-item.active {
    border-left: 4px solid #DF4646;
}

.list-group .list-group-item.active a,
.list-group .list-group-item:hover a {
    color: #DF4646;
}

/*========================*\
 * Brand header and title *
\*========================*/

.brand-name .header,
.brand-name .title {
    color: #FFFFFF;
}

/*========================*\
 * Brand button geolocation *
\*========================*/

.brand-content .brand-header .brand-header__button--geolocation {
    background-color: ;
    color: #FFFFFF;
}

/*==============================*\
 * Stores list from Brand page  *
\*==============================*/

.stores-list .stores-list-item .actions {
    color: #DF4646
}

/*================*\
 * Stores header  *
\*================*/

.header-content-info-bottom .trending-up,
.mobile-storeinfo .trending-up {
    color: #DF4646
}

/*========================*\
 * User name from header  *
\*========================*/

.primary-bar .user-register,
.primary-bar .user-register a {
    background-color: #DF4646;
    color: #FFFFFF !important;
}

/*==============================*\
 * .is-closed from delivery off *
\*==============================*/

.items-section.is-closed:after {
    background-color: #DF4646;
}

/*=================*\
 * Área de entrega *
\*=================*/

.about-area-entrega .trending-up {
    color: #DF4646
}

/*==============================*\
 * Item Description title       *
\*==============================*/

.item__description .title {
    color: #DF4646;
}

/*======================*\
 * Sidebar Box checkout *
\*======================*/
.checkout-details-user-name-edit,
.cart-schedule-order .action-color,
.store-cart-box .action-color,
.store-cart-box .trending-up {
    color: #DF4646
}

.item-checkout .item-checkout-edit {
    color: #DF4646
}

.cart-schedule-order .store-bg-color {
    background-color: #DF4646 !important
}

.store-cart-box .checkout-button.checkout-button.checkout-button {
    line-height: 22px;
    height: inherit;
    padding: 10px;
    background-color: #DF4646
}


.store-cart-box .store-cart-content .checkout-content .cart-info-mobile {
    background-color: #DF4646
}

.store-cart-box .cart-info-mobile .total .value {
    color: #DF4646
}

.mobile-components--right .list-item-content .action-color {
    color: #DF4646
}

.mobile-components--right .is-focused .action-color.action-color {
    color: #DF4646
}

.mobile-components--right .checkout-button.checkout-button {
    background-color: #DF4646
}

.mobile-components--right .header-mobile {
    background-color: #DF4646
}

.btn-to-schedule .action-color {
    color: #DF4646
}

.mobile-components--right .trending-up {
    color: #DF4646
}

.store-about-address-map {
    color: #DF4646
}

/*======================*\
 * Menu Page        *
\*======================*/

.items-list-item .title.title.title.title {
    color: #DF4646;
}

.store-custom-menu-itens .menu-item .custom-border-bottom {
    border-bottom: 2px solid #DF4646
}

.store-custom-menu-itens .selected.selected.selected a{
    color: #DF4646
}

.store-custom-menu-itens.mobile .menu-item .custom-border-bottom {
    border-bottom: 2px solid #DF4646
}

.store-contact_us-action .store-contact_us-action-btn.store-contact_us-action-btn {
    background-color: #DF4646
}

.featured-items-item .item__left-side .title.title.title {
    color: #DF4646;
}

.featured-items-item .item__mid-description .title {
    color: #DF4646;
}

/*======================*\
 * Checkout Page        *
\*======================*/
.checkout-delivery-address--label {
    color: #DF4646;
}

.order-info-section .title-container .action,
.order-info-section .title-container .action a {
    color: #DF4646;
}

.order-info-section-footer a {
    color: #DF4646;
}

.btn-submit-order.btn-submit-order.btn-submit-order {
    background-color: #DF4646
}

.checkout-details__body--content .trending-up {
    color: #DF4646
}

/*==============================*\
 * Footer                       *
\*==============================*/

footer.footer .title ul > li > a {
    color: #DF4646;
}

/*==============================*\
 * Modal                        *
\*==============================*/

.modal-title.modal-title {
    color: #DF4646;
}

.modal-header-mobile.modal-header-mobile.modal-header-mobile {
    background-color: #DF4646;
}

.modal__brand .modal-header-mobile.modal-header-mobile.modal-header-mobile {
    background-color: ;
}


/*==============================*\
 * Modal business hours         *
\*==============================*/

.schedule-footer .action-color {
    background-color: #DF4646;
}

/*==============================*\
 * Properties Modal             *
\*==============================*/

.increase-decrease-container .material-icons,
.increase .material-icons,
.decrease .material-icons,
.price,
.item-name {
    color: #DF4646;
}

.add-to-cart-btn {
    background: #DF4646;
}

.btn-delete-color {
    color: #DF4646;
}

.btn-delete-color-text {
    color: #1B2124
}

/*==============================*\
 * Address Modal                *
\*==============================*/

.address-modal.brand-color .step-geolocation .geolocation-item-icon .place-icon,
.address-modal.brand-color .step-1 .btn-geolocation .place-icon {
    color: ;
}

.address-modal.brand-color .step-b .btn-submit,
.address-modal.brand-color .step-1 .actions-with-takeout .btn-submit,
.address-modal.brand-color .step-2 #address-submit-btn {
    background-color: ;
    color: #FFFFFF;
}

.address-modal.store-color .step-geolocation .geolocation-item-icon .place-icon,
.address-modal.store-color .step-1 .btn-geolocation .place-icon {
    color: #DF4646
}

.address-modal.store-color .step-b .btn-submit,
.address-modal.store-color .step-b-takeout .btn-submit,
.address-modal.store-color .step-1 .actions-with-takeout .btn-submit,
.address-modal.store-color .step-1 .actions-without-takeout .btn-submit,
.address-modal.store-color .step-2 #address-submit-btn {
    background-color: #DF4646;
    color: #FFFFFF;
}

.address-modal.store-color .step-b .btn-takeout,
.address-modal.store-color .step-b-takeout .btn-takeout,
.address-modal.store-color .step-1 .actions-with-takeout .btn-takeout,
.address-modal.store-color .step-2 .btn-takeout {
    border: 1px solid #cccccc;
    color: #DF4646;
    background-color: white;
}

/*==============================*\
 * Schedule Order Modal         *
\*==============================*/

.store-closed-modal__button--schedule,
.schedule-order-modal .save-container .btn-schedule-order {
    background-color: #DF4646 !important;
    color: #FFFFFF !important;
}

.modal-minimum-failed .btn-cancel.btn-cancel.btn-cancel,
.schedule-order-modal .btn-remove-schedule.btn-remove-schedule.btn-remove-schedule.btn-remove-schedule {
    border: 1px solid #cccccc;
    color: #DF4646;
    background-color: white;
}

/*==============================*\
 * Profile                        *
\*==============================*/

.profile-hideble-container .action-color {
    color: #DF4646;
}

.profile-hideble-container .acessory {
    background-color: #DF4646;
}

.user-profile-table-header .action-color.action-color {
    color: #DF4646;
}

.user-generic-list .action-color.action-color {
    color: #DF4646;
}

.user-generic-list .user-generic-list-item-accessory {
    background-color:  #DF4646;
}

.btn-iconed-action.btn-iconed-action {
    background-color: #DF4646;
}

.user-profile-card-footer-action .btn-footer-action {
    background-color: #DF4646
}

.user-profile-card-content .user-loyaty-program-step .filled.filled.filled {
    background-color: #DF4646
}

.user-profile-card-content .user-loyaty-program-step .incomplete.incomplete.incomplete {
    background-color: #DF4646;
    opacity: 0.4
}

.user-profile-card-content .user-member-get-member-box .action-color {
    color: #DF4646;
}

.loyaltyprogram-progressbar-box .progressbar-container {
    background-color : #DF4646
}

.loyaltyprogram-progressbar-box .loyaltyprogram-progressbar .progressbar {
    background-color : #DF4646
}

.loyaltyprogram-progressbar-box .infobox-subtitle {
    color : #DF4646
}

/*==============================*\
 * Material design override     *
\*==============================*/
.mdl-progress.mdl-progress--indeterminate>.bar1,
.mdl-progress.mdl-progress__indeterminate>.bar1,
.mdl-progress.mdl-progress--indeterminate>.bar3,
.mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-color: #DF4646;
}

.mdl-progress>.bufferbar {
    background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#DF4646,#DF4646);
}

.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
    background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#DF4646,#DF4646);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #DF4646;
}
.mdl-textfield__label:after {
    background-color: #DF4646;
}

.mdl-textfield-signin-signup__label.mdl-textfield-signin-signup__label:after {
    background-color: #DF4646;
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    background-color: #DF4646
}

.mdl-textfield.is-focused .mdl-textfield-signin-signup__label.mdl-textfield-signin-signup__label:after {
    background-color: #DF4646;
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: #DF4646;
}

.mdl-radio__ripple-container .mdl-ripple {
    background: #DF4646;
}

.mdl-spinner--single-color .mdl-spinner__layer-1,
.mdl-spinner--single-color .mdl-spinner__layer-2,
.mdl-spinner--single-color .mdl-spinner__layer-3,
.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #DF4646;
}
.mdl-snackbar.mdl-snackbar--brand-color {
    background-color: #DF4646
}

.mdl-snackbar.mdl-snackbar--brand-color>.mdl-snackbar__action {
    color: #FFFFFF
}

.modal__brand .mdl-progress.mdl-progress--indeterminate>.bar1,
.modal__brand .mdl-progress.mdl-progress__indeterminate>.bar1,
.modal__brand .mdl-progress.mdl-progress--indeterminate>.bar3,
.modal__brand .mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-color: ;
}

.modal__brand .mdl-progress>.bufferbar {
    background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,,);
}

.modal__brand .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
    background-image: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,,);
}

.modal__brand .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.modal__brand .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.modal__brand .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.modal__brand .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.modal__brand .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.modal__brand .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.modal__brand .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: ;
}
.modal__brand .mdl-textfield__label:after {
    background-color: ;
}

.modal__brand .mdl-textfield.is-focused .mdl-textfield__label:after {
    background-color: 
}

.modal__brand .mdl-checkbox__ripple-container .mdl-ripple {
    background: ;
}

.modal__brand .mdl-radio__ripple-container .mdl-ripple {
    background: ;
}

.modal__brand .mdl-spinner--single-color .mdl-spinner__layer-1,
.modal__brand .mdl-spinner--single-color .mdl-spinner__layer-2,
.modal__brand .mdl-spinner--single-color .mdl-spinner__layer-3,
.modal__brand .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: ;
}

label.mdl-radio.mdl-js-radio.radio-secondary-color .mdl-radio__outer-circle.mdl-radio__outer-circle,
label.mdl-radio.mdl-js-radio.is-checked.radio-secondary-color .mdl-radio__outer-circle.mdl-radio__outer-circle {
    border-color: #DF4646;
}

label.mdl-radio.mdl-js-radio.radio-secondary-color .mdl-radio__inner-circle.mdl-radio__inner-circle,
label.mdl-radio.mdl-js-radio.is-checked.radio-secondary-color .mdl-radio__inner-circle.mdl-radio__inner-circle {
    background-color: #DF4646;
}

/*==============================*\
 * Buttons                      *
\*==============================*/

/**
 * Important!
 * This class only purpose is to add backgroud color and text color
 * Do not use to add extra css
 */
.btn-secondary-color.btn-secondary-color.btn-secondary-color {
    color: #FFFFFF;
    background: #DF4646;
}

.btn-border-store-color.btn-border-store-color.btn-border-store-color  {
    border: 1px solid #cccccc;
    color: #DF4646;
    background-color: white;
}

.btn-brand-primary-color.btn-brand-primary-color.btn-brand-primary-color {
    color: #FFFFFF;
    background: ;
}

.btn-default--small.btn-default--small {
    color: #FFFFFF;
    background: #DF4646;
}

.btn-edit-schedule.btn-edit-schedule {
    color: #DF4646;
}

.btn-checkout-mobile-submit,
.btn-checkout-mobile-submit:focus.btn-checkout-mobile-submit:focus,
.btn-checkout-mobile-submit:hover.btn-checkout-mobile-submit:hover  {
    background-color: #DF4646 !important;
    color: #FFFFFF;
}

.checkout-payment-add-card-mobile .btn-add-new-card {
    background-color: #DF4646 !important;
    color: #FFFFFF;
}

.checkout-delivery-address--mobile .btn-add-new-address {
    background-color: #DF4646 !important;
    color: #FFFFFF !important;
}

.modal-checkout-errors__action-button,
.checkout-button-navigation .checkout-btn-submit,
.checkout-order-submit--mobile .btn-go-to-step2-checkout {
    background-color: #DF4646 !important;
    color: #FFFFFF !important;
}

.checkout-order-submit--mobile .btn-checkout-submit {
    background-color: #DF4646;
    color: #FFFFFF;
}

.checkout-register-signin .checkout-forgot-password-link,
.checkout-register-signin .checkout-register-initial-link,
.checkout-login-form .checkout-signin-form-link {
    color: #DF4646 !important;
}

.checkout-button-navigation .checkout-btn-back.checkout-btn-back.checkout-btn-back {
    border: 1px solid #cccccc;
    color: #DF4646;
    background-color: white;
}

.checkout-mobile-order-header .mobile-header-steps.selected {
    border-color: #DF4646 !important;
}

.checkout-mobile-container .checkout__title .checkout__title-text>.material-icons {
    color: #DF4646 !important;
}

.single-product-button-add-mobile.single-product-button-add-mobile.single-product-button-add-mobile,
.single-product-button-add.single-product-button-add.single-product-button-add {
    background-color: #DF4646
}

.btn-copy-code.btn-copy-code.btn-copy-code,
.modal-mgm-info-title-bold.modal-mgm-info-title-bold.modal-mgm-info-title-bold {
    color: #DF4646;
}

.make-pizza-current-active-step {
    border-bottom: 2px solid  #DF4646;
    color: #DF4646;
}

/*==========================*\
 * Custom Header Brand Page *
\*==========================*/

.custom-brand-header {
    background:  url("") no-repeat center;
}


@media screen and (min-width:992px) {
    .custom-brand-header {
        background:  url("") no-repeat center;
    }
}

@media screen and (max-width:991px) {
    .custom-brand-header {
        background:  url("") no-repeat center;
    }

}

.checkout-mobile-header {
    background-color: #DF4646;
}

/*==========================*\
 *   Virtual Menu  *
\*==========================*/
#virtual-stores-menu-checkout .complete-order-container .icon-complete-order {
    /* 10% of opacity = 19 in hex */
    background-color: #DF464619;
    color: #DF4646;
}

#virtual-stores-menu .btn-see-menu {
    background-color: #DF4646;
}

#virtual-stores-menu .link-to-store {
    color: #DF4646;
}

/*==========================*\
 *   MGM                    *
\*==========================*/
.btn-store-mgm-mobile {
    background-color: #DF464615;
}