/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 21/03/2022, 15:59:33
    Author     : Carlos Braga
*/


.ui_view_mob.ng-leave {
    transition:0.3s linear all;
    opacity:1;
    display: block;
    max-height: 99999999999999px;
}
.ui_view_mob.ng-leave.ng-leave-active {
    opacity:0;
    max-height: 0;
}
.ui_view_mob.ng-enter {
    transition:0.3s linear all;
    transition-delay: 0.5s;
    opacity:0;
    display: block;
    max-height: 0;
}
.ui_view_mob.ng-enter.ng-enter-active {
    opacity:1;
    max-height: 99999999999999px;
}

md-dialog.login_popup .auth_popup_wrapper md-tabs.outertab {
    height: calc(100vh) !important;
}
img.auth_bckg_img {
    position: fixed;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.auth_header_container {
    position: relative;
}
.auth_header_wrapper {
    height: 95px;
}
.auth_header_container img {
    position: fixed;
    width: 200px;
    top: 35%;
    transition: all .5s cubic-bezier(.35,0,.25,1);
}

.auth_container {
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
}
.auth_header_container img.minimized {
    top: 25px;
    width: 125px;
}
.auth_header_container button.md-button.md-ink-ripple {
    min-width: auto;
    min-height: auto;
    color: #fff;
    font-size: 28px;
    width: 36px;
    height: 36px;
}
md-dialog.login_popup .auth_popup_wrapper md-tabs.innertab {
    height: calc(100vh - 95px) !important;
}
.auth_welcome_container, .auth_form_container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 50px 100px;
    box-sizing: border-box;
}
.auth_welcome_wrapper h2 {
    font-size: 34px;
    font-weight: 800;
    /*font-style: italic;*/
    color: #fff;
    text-align: center;
}
.auth_welcome_action_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.auth_welcome_action_wrapper button.md-button.md-ink-ripple {
    font-weight: 700;
    background: transparent;
    border: 1px solid #fff;
    width: 100%;
    border-radius: 12px;
    color: #fff;
    text-transform: unset;
    height: 48px;
}
.auth_welcome_action_wrapper button.white.md-button.md-ink-ripple {
    background: #fff;
    color: #E00116;
}


form.auth_form h2 {
    font-size: 24px;
    color: #E00116;
}
form.auth_form h2.white {
    color: #fff;
}
form.auth_form h2.black {
    color: #363636;
}

label.form_input.type1 {
    display: flex;
    flex-direction: column;
    margin: 12px 0;
}
label.form_input.type1 span {
    font-size: 12px;
}
label.form_input.type1 input {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #363636;
    font-size: 14px;
    padding: 6px 0;
    font-weight: 700;
    margin: 0 0 6px;
}
label.form_input.type1 input[disabled] {
    opacity: 0.5;
}
label.form_input.type1.white span {
    color:#fff;
}
label.form_input.type1.white input {
    color:#fff;
    border-bottom: 1px solid #fff;
}


.big_button.md-button.md-ink-ripple {
    font-weight: 700;
    background: transparent;
    border: 1px solid #fff;
    width: 100%;
    border-radius: 12px;
    color: #fff;
    text-transform: unset;
    height: 48px;
    margin: 0 0 12px;
    line-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.big_button.white.md-button.md-ink-ripple {
    background: #fff;
    color: #E00116;
}
.big_button.red.md-button.md-ink-ripple {
    background: #E00116;
    color: #fff;
    border-color:#e00116;
}
.big_button.black.md-button.md-ink-ripple {
    background: #363636;
    color: #fff;
    border-color:#363636;
}
.big_button.gray.md-button.md-ink-ripple {
    background: #E8E9EB;
    color: #363636;
    border-color:#E8E9EB;
}


.auth_form_divider .flex {
    border-bottom: 1px solid #fff;
}
.auth_form_divider p {
    font-size: 12px;
    padding: 0 30px;
    color: #fff;
}
.alternate_auth_wrapper .md-button.md-ink-ripple {
    font-weight: 700;
    background: transparent;
    border: 1px solid #fff;
    width: 100%;
    border-radius: 12px;
    color: #fff;
    text-transform: unset;
    height: 48px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alternate_auth_wrapper .facebook.md-button.md-ink-ripple {
    background: #4267B2;
    border-color: #4267B2;
}
.alternate_auth_wrapper .google.md-button.md-ink-ripple {
    background: #fff;
    color: #000;
}
.alternate_auth_wrapper .google.md-button.md-ink-ripple img {
    width: 16px;
    height: 18px;
    object-fit: contain;
    object-position: center;
}
.alternate_auth_wrapper .apple.md-button.md-ink-ripple {
    background: #363636;
    border-color: #363636;
}
.alternate_auth_wrapper .md-button.md-ink-ripple span:first-child {
    margin: 0 6px 0 0;
}
.alternate_auth_wrapper .md-button.md-ink-ripple {
    font-weight: 700;
    background: transparent;
    border: 1px solid #fff;
    width: 100%;
    border-radius: 12px;
    color: #fff;
    text-transform: unset;
    height: 48px;
    margin: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.forgot_auth_wrapper {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 12px 0;
}
.forgot_auth_wrapper p {
    margin: 0;
}
.forgot_auth_wrapper a {
    font-weight: 700;
}

.auth_header_container.alt button.md-button.md-ink-ripple {
    color: #E00116;
}
.auth_header_container.alt img {
    position: relative;
    top: unset;
    width: 125px;
}

.warning_container {
    max-width: 250px;
}
.warning_wrapper {
    background: #E8E9EB;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    font-size: 12px;
    border-radius: 12px;
}
.warning_wrapper span {
    font-size: 20px;
    margin: 0 8px 0 0;
}
.warning_wrapper p {
    margin: 0;
}
form.auth_form.login > *:nth-child(1):is(span) {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e00116;
    font-size: 38px;
}
form.auth_form.login > p {
    font-size: 12px;
}



.sidemenu_container {
    background: #e00116;
    height: 100%;
}
.sidemenu_wrapper {
    height: 100%;
    position: relative;
}
.sidemenu_bkg_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width: 300px;
}
img.sidemenu_bkg_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
img.sidemenu_bkg_img_logo {
    position: absolute;
    opacity: 0.1;
    height: 150px;
}
img.sidemenu_bkg_img_logo.logo1 {
    top: 50px;
    right: 100px;
}
img.sidemenu_bkg_img_logo.logo2 {
    bottom: 50px;
    left: 100px;
}


.sidemenu_header_container, .sidemenu_content_container, .sidemenu_footer_container {
    position: relative;
}
.sidemenu_icon img {
    height: 38px;
}
.sidemenu_icon button.md-button.md-ink-ripple {
    font-size: 32px;
    color: #fff;
    min-width: auto;
    min-height: auto;
    margin: 0;
}

.sidemenu_header_wrapper {
    padding: 18px 0;
    background: transparent;
}
.sidemenu_wrapper {
    padding: 0 12px;
}
.sidemenu_content_container, .sidemenu_footer_container {
    padding: 0 24px 0 0;
}
.sidemenu_separator {
    border-bottom: 1px solid #fff;
}
.sidemenu_footer_wrapper button.md-button.md-ink-ripple {
    display: flex;
    min-height: auto;
    min-width: auto;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    text-transform: unset;
}
.sidemenu_footer_wrapper button.md-button.md-ink-ripple span.button_icon {
    font-size: 24px;
    margin: 0 6px 0 0;
}
.sidemenu_social_wrapper p {
    font-size: 13px;
    color: #fff;
    font-weight: 800;
}
.sidemenu_social_links_wrapper {
    display: flex;
    margin: 0 0 24px;
}
.sidemenu_social_links_wrapper button.md-button.md-ink-ripple {
    font-size: 32px;
    margin: 0;
}
p.copyright_text {
    font-size: 10px;
    font-weight: 300;
}
p.copyright_text a {
    font-weight: 800;
    color: #fff;
}

.sidemenu_content_container {
    height: calc(100% - 270px);
}
.sidemenu_content_login_wrapper p {
    font-size: 13px;
    color: #fff;
    font-weight: 800;
}
.sidemenu_content_login_container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sidemenu_content_items_container, .sidemenu_content_items_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px 0 12px;
}
.sidemenu_content_items_wrapper h2 {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}
.sidemenu_content_items_wrapper h2 span {
    font-size: 16px;
}
.sidemenu_content_items_wrapper .md-button.md-ink-ripple:not(.big_button), .sidemenu_footer_wrapper .md-button.md-ink-ripple:not(.big_button) {
    display: flex;
    min-width: auto;
    min-height: auto;
    font-size: 16px;
    text-transform: unset;
    font-weight: 800;
    color: #fff;
    width: 100%;
    margin: 6px 0;
    padding: 6px 8px;
}
p.sidemenu_notlogged_text {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
.big_button.alt.md-button.md-ink-ripple {
    background: #fff;
    color: #e00116;
}
.sidemenu_content_items_wrapper .md-button.md-ink-ripple span.button_icon,
.sidemenu_footer_wrapper .md-button.md-ink-ripple span.button_icon {
    font-size: 24px;
    color: #FFCA0F;
    margin: 0 6px 0 0;
    width: 24px;
    text-align: center;
}
.sidemenu_footer_wrapper .md-button.md-ink-ripple span.button_icon {
    color: #fff;
}
.sidemenu_content_items_wrapper .md-button.md-ink-ripple p,
.sidemenu_footer_wrapper .md-button.md-ink-ripple p {
    margin: 0;
}





.main_category_item_inner_wrapper.alt {
    padding: 0;
    overflow: hidden;
}
.main_category_item_inner_wrapper.alt img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    top: 0;
}
.main_category_item_inner_wrapper.alt .main_category_item_description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    padding: 0 24px;
}
.main_category_item_inner_wrapper.alt .main_category_item_description span {
    position: absolute;
    font-size: 100px;
    color: rgb(255 255 255 / 25%);
}
.main_category_item_inner_wrapper.alt .main_category_item_description p {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 10;
    text-align: center;
}
.main_category_item_inner_wrapper.alt .main_category_item_description img {
    position: relative;
    width: 74px;
    margin: 6px 0 0;
}




/* POPUPS */
.popup_container {
    padding: 24px 12px 100px;
    min-height: 100vh;
    box-sizing: border-box;
}
.product_preview_image_container {
    border-radius: 24px;
    /*box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);*/
}
.product_preview_image_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 12px;
    position: relative;
}
.product_preview_image_wrapper .close.md-button.md-ink-ripple {
/*    position: absolute;
    top: 0;
    left: 0;*/
    background: #e00116;
    min-width: auto;
    min-height: auto;
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
}
.verprod_img_wrapper {
    position: relative;
}
.product_preview_wrapper.popup_container .product_preview_image_container + .verprod_img_wrapper img {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
    object-position: center;
}
.product_preview_wrapper.popup_container .product_preview_image_container + .verprod_img_wrapper img.verprod_fresco {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 64px;
}
.product_preview_image_wrapper .toggle_fav.md-button.md-ink-ripple {
    position: absolute;
    top: 0;
    right: 0;
    background: #E8E9EB;
    min-width: auto;
    min-height: auto;
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px;
}
.product_preview_image_wrapper img {
    width: 150px;
    transition: .15s all linear;
}
.product_preview_image_wrapper img.expanded {
    width: 100%;
}
.product_preview_details_wrapper h1 {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
}
.product_preview_details_wrapper form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 250px;
}
.product_quantity_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_quantity_wrapper button.md-button.md-ink-ripple {
    min-width: auto;
    min-height: auto;
    width: 32px;
    height: 32px;
    background: #e00116;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
}
.product_quantity_wrapper button.md-button.md-ink-ripple[disabled], .product_quantity_wrapper button.dummy.md-button.md-ink-ripple {
    background: #E8E9EB;
}
.weightinfo_wrapper p.weightdisplay {
    font-size: 13px;
    text-align: center;
    font-weight: 800;
    margin: 0 0 12px;
}
.weightinfo_wrapper p.price {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin: 18px 0 0;
}
.weightinfo_wrapper p.pricebreakdown {
    font-size: 13px;
    text-align: center;
    font-weight: 800;
    margin: 0 0 24px;
}
.product_quantity_wrapper input {
    border: 0;
    text-align: center;
    width: auto;
    min-width: 0;
    font-size: 20px;
    font-weight: 800;
    max-width: 38px;
}
.product_preview_details_wrapper form > p {
    font-size: 20px;
    font-weight: 800;
}
.product_quantity_container p.price {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
}
.product_suggestion_item_container {
    padding: 12px 12px 0;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 12px;
    height: 100%;
    box-sizing: border-box;
}
/*.product_suggestion_item_wrapper {
    height: 225px;
}*/
.product_sugestion_slider_wrapper h2 {
    font-size: 20px;
    font-weight: 800;
}
.product_sugestion_slider_wrapper ul {
    display: grid;
    list-style: none;
    /* overflow: auto; */
    padding: 0;
    margin: 0;
    /* flex-wrap: wrap; */
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}
.product_sugestion_slider_wrapper ul li {
    width: 100%;
    /* padding: 6px; */
    box-sizing: border-box;
    height: 100%;
}
.product_suggestion_item_wrapper img {
    width: 100%;
    height: 125px;
    max-width: 125px;
    max-height: 125px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}
.product_suggestion_item_wrapper h3 {
    font-size: 10px;
    font-weight: 800;
    margin: 6px 0;
    max-height: 40px;
    overflow: hidden;
    height: 26px;
}
.product_suggestion_item_wrapper p {
    font-size: 12px;
    margin: 0;
}

md-dialog#smallDialog {
    min-width: 240px;
    max-width: 80%;
    max-height: 80%;
    height: auto;
    width: auto;
    padding: 24px;
    border-radius: 24px;
}
.small_dialog_wrapper {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.small_dialog_wrapper span {
    text-align: center;
    color: #E00116;
    font-size: 38px;
}
.small_dialog_wrapper h3 {
    font-size: 20px;
    font-weight: 800;
}
.small_dialog_wrapper .big_button.md-button.md-ink-ripple {
    width: auto;
    min-width: 150px;
}



/* RECEITAS */
.recipes_list_wrapper {
    padding: 0 12px;
}
ul.recipes_list_items_wrapper {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    list-style: none;
}
li.recipes_list_item a {
    position: relative;
    display: block;
    border-radius: 24px;
    overflow: hidden;
    margin: 0 0 18px;
}
li.recipes_list_item a img {
    width: 100%;
}
.recipes_list_item_desc {
    position: absolute;
    bottom: 8px;
    left: 0;
    color: #fff;
    width: 100%;
    padding: 0 12px;
}
.recipes_list_item_desc p {
    font-size: 16px;
    font-weight: 800;
}
.round_button.md-button.md-ink-ripple {
    min-width: auto;
    min-height: auto;
    width: 48px;
    height: 48px;
    background: #e00116;
    font-size: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.round_button.md-button.md-ink-ripple.yellow_text {
    color: #FFCA0F;
}

.recipe_pretitle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.recipe_pretitle h2 {
    font-size: 16px;
    font-weight: 800;
}
.recipe_title_wrapper h1 {
    color: #e00116;
    font-size: 24px;
    font-weight: 800;
}
ul.recipe_detail_points, ul.recipe_ingredients_list {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}
li.recipe_detail_points_item {
    margin: 0 24px 0 0;
}
li.recipe_detail_points_item span {
    font-size: 24px;
    color: #E8E9EB;
}
li.recipe_detail_points_item h5 {
    font-size: 12px;
    margin: 0;
    color: #e00116;
    font-weight: 300;
}
li.recipe_detail_points_item p {
    font-size: 12px;
    margin: 0;
    font-weight: 800;
}


ul.recipe_ingredients_list {
    flex-direction: column;
}
li.recipe_ingredients_list_item {
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 24px;
    margin: 0 6px 12px;
    display: flex;
    padding: 6px;
    align-items: center;
    justify-content: center;
}
li.recipe_ingredients_list_item img {
    width: 76px;
    height: 76px;
    object-fit: contain;
    object-position: center;
    border-radius: 24px;
    margin: 0 6px 0 0;
}
.recipe_ingredients_list_item_details {
    flex: auto;
}
.recipe_ingredients_list_item_details > p {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
}
.recipe_ingredients_list_item_action {
    display: flex;
    align-items: center;
    justify-content: center;
}
.recipe_ingredients_list_item_action > p {
    font-size: 16px;
    margin: 0;
}

.tab_selector_buttons_wrapper {
    margin: 12px 0;
}
.tab_selector_buttons_wrapper button.md-button.md-ink-ripple {
    min-width: auto;
    min-height: auto;
    background: #fff;
    text-transform: unset;
    border: 1px solid #E8E9EB;
    border-radius: 16px;
    height: 47px;
    padding: 0 16px;
    margin: 0 8px 0 0;
}
.tab_selector_buttons_wrapper button.md-button.md-ink-ripple.active {
    background: #e00116;
    color: #fff;
    font-weight: 800;
}

.recipe_slider_wrapper {
    margin: 12px -6px 0;
}
.recipe_slider_item {
    height: auto;
    padding: 0 6px;
}
.recipe_slider_item img {
    width: 100%;
    border-radius: 24px;
}
.receita_total_container {
    padding: 6px;
}
.receita_total_wrapper {
    background: #E8E9EB;
    border-radius: 24px;
    padding: 6px 36px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.receita_total_wrapper h3 {
    color: #e00116;
    margin: 6px 0;
    font-size: 14px;
    font-weight: 800;
}
.receita_total_wrapper p {
    font-size: 14px;
    margin: 0;
}
.receita_total_wrapper p.receita_total {
    font-size: 20px;
    font-weight: 800;
}
.receita_total_wrapper p.receita_total {
    font-size: 20px;
    font-weight: 800;
    margin: 6px 0 0;
}
.receita_total_action button.md-button.md-ink-ripple {
    background: #e00116;
    color: #fff;
    text-transform: unset;
    font-weight: 800;
    border-radius: 36px;
    height: 50px;
    padding: 0 24px;
}
.recipe_ingredients_wrapper.preparation {
    padding: 0 6px;
}
.recipe_ingredients_wrapper.preparation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.recipe_ingredients_wrapper.preparation ul li {
    text-indent: 10px;
    position: relative;
}
.recipe_ingredients_wrapper.preparation ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    border-bottom: 1px solid #3a3a3a;
    width: 6px;
}

.recipes_search_wrapper label {
    position: relative;
    width: 100%;
    box-shadow: 0px 0px 6px rgb(0 0 0 / 16%);
    display: block;
    border-radius: 12px;
    margin: 8px 0;
    overflow: hidden;
}
.recipes_search_wrapper label input {
    width: 100%;
    font-size: 10px;
    padding: 0 40px 0 12px;
    display: block;
    border: 0;
    line-height: 48px;
}
.recipes_search_wrapper label span {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%);
    color: #e00116;
    font-size: 20px;
}




/*PROFILE*/
.profile_page_wrapper form {
    min-height: calc(100vh - 148px);
    margin: 12px 0 0;
}
.profile_page_wrapper form label {
    width: 100%;
}



.address_card_container {
    width: 100%;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    padding: 6px 16px;
    border-radius: 24px;
    box-sizing: border-box;
}
.address_card_wrapper h3 {
    font-size: 13px;
    font-weight: 800;
    color: #E00116;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.address_card_wrapper h3 span {
    font-size: 16px;
    margin: 0 6px 0 0;
}
.address_card_wrapper p {
    color: #363636;
    font-size: 12px;
    font-weight: 400;
}
.small_button.md-button.md-ink-ripple {
    font-size: 13px;
    font-weight: 800;
    text-transform: unset;
    background: #E8E9EB;
    border-radius: 12px;
    padding: 0 8px;
    min-width: auto;
    min-height: auto;
    line-height: 32px;
}
button.profile_adresses_list_button.md-button.md-ink-ripple {
    background: transparent;
    border-radius: 0;
    border: 0;
    color: #FFCA0F;
}
p.profile_adresses_list_button {
    color: #FFCA0F;
    font-weight: 800;
    margin: 0 3px 0 0;
    line-height: 24px;
}
.profile_adresses_list_button span, .profile_adresses_list_button svg {
    font-size: 16px;
}
.profile_action_container {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 12px 12px 0;
    box-sizing: border-box;
}

.mapWarning_wrapper {
    background: rgb(224 1 22 / 40%);
    font-size: 12px;
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 12px;
    margin: 12px 0 0;
}
.mapWarning_wrapper span {
    font-size: 16px;
}
.mapWarning_wrapper p {
    margin: 0 6px;
}












button.app_cart_button.md-button.md-ink-ripple.hidden {
    bottom: -150px;
}

.cart_preview_body_container {
    overflow: auto;
    height: calc(100% - 248px);
}
.cart_preview_footer {
    padding: 6px 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
}
.cart_preview_wrapper {
    background: #fff;
    overflow: hidden;
    position: relative;
    /*padding: 0 0 110px;*/
}
.cart_preview_header_container {
    background: transparent;
    min-width: auto;
    box-sizing: border-box;
    padding: 0;
}
.cart_preview_header_container .cart_preview_header_title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #363636;
    padding: 12px 0;
}
.cart_preview_header_container .cart_preview_header_title span {
    font-size: 20px;
    color: #e00116;
}
.cart_preview_header_container .cart_preview_header_title h2 {
    font-size: 20px;
    margin: 12px 0;
}
.cart_preview_header_container button.md-button.md-ink-ripple {
    background: #e00116;
    color: #fff;
    min-width: auto;
    min-height: auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 24px;
}

.cart_preview_body_wrapper ul {
    list-style: none;
    padding: 0 12px;
    margin: 12px 0;
}

.product_card_other_details input {
    width: 24px;
    text-align: center;
    font-size: 16px;
    border: 0;
    padding: 0;
}
.product_card_other_details button.md-button.md-ink-ripple.alt {
    background: transparent;
    color: #e00116;
}

.cart_preview_footer {
    padding: 6px 12px;
    position: relative;
    bottom: 0;
    width: 100%;
}
.cart_preview_footer .cart_preview_footer_text {
    font-size: 13px;
    text-transform: unset;
    color: #e00116;
}
.cart_preview_footer_line {
    padding: 6px 0;
}
.cart_preview_footer_line.bold {
    padding: 18px 0 0;
}
.cart_preview_footer .cart_preview_footer_title {
    font-size: 13px;
    text-align: right;
    margin: 0px 0;
    font-weight: 400;
}
.cart_preview_footer_line.bold p.cart_preview_footer_title {
    font-weight: 800;
}
.cart_preview_footer button.md-button.md-ink-ripple {
    background: #e00116;
    color: #FFCA0F;
    text-transform: unset;
    line-height: 48px;
    border-radius: 12px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    font-size: 14px;
}
.cart_preview_footer button.alt.md-button.md-ink-ripple {
    background: transparent;
    box-shadow: 0 0;
    color: #e00116;
    margin: 0 0 12px;
}
.checkout_step_container {
    height: 100%;
    overflow: auto;
}
.checkout_step_wrapper.site_wrapper {
    padding: 0 0 130px;
    box-sizing: border-box;
}


md-dialog.small_popup {
    padding: 12px 24px;
    border-radius: 24px;
}
.small_popup_header_wrapper span {
    font-size: 24px;
    color: #e00116;
}
.small_popup_header_wrapper h5 {
    font-size: 13px;
    margin: 6px 0 12px;
}
.small_popup_content_wrapper p {
    font-size: 13px;
    margin: 12px 0 0px;
    font-weight: 800;
}
.small_popup_content_wrapper span {
    font-size: 13px;
}
.small_popup_action_wrapper {
    max-width: 175px;
    margin: 12px auto 0;
}


/* CHECKOUT */
.checkout_product_list_details {
    padding: 0 0 0 6px;
}
.checkout_product_list_details p {
    font-size: 12px;
    margin: 0;
}
.checkout_product_list_details span {
    font-size: 13px;
    margin: 0;
}
.cart_preview_body_wrapper > h4 {
    color: #e00116;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*text-align: center;*/
}
.cart_preview_body_wrapper > h4 span {
    padding: 0 6px 0 0;
    font-size: 20px;
}
.coupons_input button.md-button.md-ink-ripple {
    font-size: 13px;
    text-transform: unset;
    font-weight: 800;
    background: #e00116;
    color: #fff;
    border-radius: 12px;
}
.coupons_input input {
    border: 0;
    border-bottom: 2px solid #363636;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
}
.info_bubble_wrapper {
    background: #E8E9EB;
    color: #363636;
    max-width: 250px;
    font-size: 12px;
    margin: 0 auto;
    padding: 6px 12px;
    border-radius: 12px;
}
.info_bubble_wrapper span {
    font-size: 20px;
    margin: 0 6px 0 0;
}
.info_bubble_wrapper p {
    margin: 0;
}
md-checkbox.delivery_type_definition {
    align-items: center;
    margin: 0 0 24px;
}
md-checkbox.delivery_type_definition .md-label {
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    direction: ltr;
}
md-checkbox.delivery_type_definition .md-label span {
    font-size: 20px;
    color: #e00116;
    width: 32px;
}
md-checkbox.delivery_type_definition .md-label span img {
    width: 18px;
}
md-checkbox.delivery_type_definition .md-label h5 {
    color: #363636;
    font-size: 20px;
    font-weight: 800;
    margin: 0;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
    border: 0;
    padding: 0;
}
.delivery_type_definition_wrapper label md-select span {
    padding: 0 12px;
    box-sizing: border-box;
    color: #363636;
    font-weight: 400;
    font-size: 13px;
}

.delivery_type_definition_container {
    display: none;
    margin: 0 0 24px;
}
.delivery_type_definition_container.showing {
    display: block;
}
.delivery_type_definition_wrapper h5 {
    font-size: 10px;
    margin: 12px 0 0;
}
.selected_street_container {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
}
.selected_street_container button.md-button.md-ink-ripple {
    background: #E8E9EB;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
    min-width: auto;
    min-height: auto;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 21px;
    text-transform: unset;
    margin: 0;
}
.selected_street_container p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 6px 6px 6px 0;
}
.delivery_type_definition_wrapper label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 24px;
    height: 48px;
    padding: 0 12px;
    box-sizing: border-box;
}
.delivery_type_definition_wrapper label span {
    font-size: 20px;
    color: #e00116;
}
.delivery_type_definition_wrapper label md-select {
    flex: auto;
    overflow: hidden;
}
.delivery_type_definition_wrapper label md-select span.md-select-icon {
    display: none;
}
.delivery_type_definition_wrapper label md-select md-select-value {
    border: 0;
}
md-select#checkoutMorada + p {
    background: #E8E9EB;
    color: #363636;
    font-weight: 900;
    font-size: 10px;
    padding: 6px 10px;
    border-radius: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%,-50%);
    margin: 0;
}
md-select#checkoutMorada span {
    padding: 0;
}
md-select#checkoutMorada {
    padding: 0 60px 0 0;
    position: relative;
    z-index: 1;
}
button.add_address_checkout.md-button.md-ink-ripple {
    background: #e00116;
    color: #fff;
    text-transform: unset;
    border-radius: 24px;
    padding: 0 12px;
    font-size: 12px;
    width: 100%;
    margin: 6px 0 12px;
    font-weight: 800;
}

ul.delivery_type_selection .md-button.md-ink-ripple {
    margin: 24px 0 24px;
    width: 100%;
    line-height: unset;
    padding: 0;
}
ul.delivery_type_selection .md-button.md-ink-ripple span {
    font-size: 20px;
    color: #e00116;
    width: 28px;
    text-align: center;
}
ul.delivery_type_selection .md-button.md-ink-ripple h5 {
    font-size: 20px;
    font-weight: 800;
    margin: 0 6px;
    text-transform: none;
}
ul.delivery_type_selection .md-button.md-ink-ripple a {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e00116;
    color: #FFCA0F;
    border-radius: 50%;
    font-size: 24px;
}
.delivery_type_details_title span {
    font-size: 20px;
    color: #e00116;
    width: 28px;
    text-align: center;
}
.delivery_type_details_title h5 {
    font-size: 20px;
    font-weight: 800;
    margin: 12px 0;
}



.delivery_type_definition_wrapper.payment h5 {
    font-size: 13px;
    color: #e00116;
    font-weight: 800;
}
.delivery_type_definition_wrapper.payment label {
    align-items: flex-start;
    justify-content: flex-start;
    margin: 8px 0 0;
}
.delivery_type_definition_wrapper.payment label input {
    border: 0;
    border-bottom: 2px solid #363636;
    font-size: 14px;
    font-weight: 700;
    width: 100px;
    line-height: 32px;
    margin: 0 8px 0 0;
}
.delivery_type_definition_wrapper.payment label p {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    color: #363636;
}
.delivery_type_definition_wrapper.payment label + div[ng-messages] {
    font-size: 10px;
    color: #e00116;
}
.delivery_type_definition_wrapper.payment button.md-button.md-ink-ripple {
    background: #e00116;
    color: #fff;
    border-radius: 24px;
    min-width: auto;
    min-height: auto;
    text-transform: unset;
    font-size: 13px;
    font-weight: 800;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 98px;
    height: 36px;
}




.cart_preview_body_wrapper.order_review h5 {
    font-size: 13px;
    color: #363636;
    font-weight: 800;
    margin: 0 0 6px;
}
.cart_preview_body_wrapper.order_review h5 span {
    color: #e00116;
    width: 20px;
}
.cart_preview_body_wrapper.order_review .delivery_review h5 {
    font-size: 10px;
    font-weight: 900;
}
.cart_preview_body_wrapper.order_review .delivery_review p {
    font-size: 13px;
    margin: 0 0 12px;
}
.cart_preview_body_wrapper.order_review h5 img {
    max-height: 30px;
}




.orders_action_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.orders_details_title p {
    margin: 0;
    font-size: 13px;
    font-weight: 800;
    padding: 0 6px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.orders_details_title p.yellow {
    color: #FFCA0F;
}
.orders_details_title p.green {
    color: #7FB069;
}
.orders_details_title p.red {
    color: #E00116;
}
.orders_details_count p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 6px 0;
}
.orders_details_count p span {
    width: 20px;
}
.orders_details_date p {
    color: #E8E9EB;
    margin: 0;
}
.orders_action_wrapper .md-button.md-ink-ripple {
    margin: 6px 0;
}
.small_button.red.md-button.md-ink-ripple {
    background: #e00116;
    color: #fff;
}





.pedidocliente_wrapper .orders_details_count p {
    font-size: 12px;
}
.pedido_step_wrapper ul {
    padding: 0;
    margin: 36px 0 24px;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
}
.pedido_step_wrapper ul li:not(.spacer) {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E8E9EB;
    border-radius: 12px;
    transition: .15s all linear;
}
.pedido_step_wrapper ul li:not(.spacer) span {
    display: none;
}
.pedido_step_wrapper ul li:not(.spacer).done {
    background: #7FB069;
    color: #fff;
}
.pedido_step_wrapper ul li:not(.spacer).done p {
    display: none;
}
.pedido_step_wrapper ul li:not(.spacer).done span {
    display: flex;
}
.pedido_step_wrapper ul li:not(.spacer).current {
    background: #E00116;
    color: #fff;
}
.pedido_step_wrapper ul li.spacer {
    border-bottom: 3px solid #e8e9eb;
    margin: 0 12px;
}
.pedido_step_wrapper ul li:not(.spacer).done + li.spacer {
    border-color: #7fb069;
    transition: .15s all linear;
}
.pedido_slideout_section_container {
    position: fixed;
    top: 100%;
    background: #fff;
    width: 100%;
    transition: .15s all linear;
    max-height: calc(100% - 52px);
    height: 100%;
}
.pedido_slideout_section_container.showing {
    top: 52px;
}




.pedido_pickup_img {
    position: relative;
}
.pedido_pickup_img img {
    width: 100%;
}
.pedido_pickup_img_details {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    width: 100%;
    height: 100%;
    max-width: 340px;
    padding: 12px 24px;
    color: #fff;
    text-align: center;
}
.pedido_pickup_img_details h2 {
    font-size: 64px;
    margin: 0;
}
.pedido_pickup_img_details p {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}
.pedido_pickup_img_details span {
    font-size: 20px;
}
.profile_page_wrapper {
    padding: 0 12px;
}

.nocontent_toshow_container {
    display: flex;
    flex: auto;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.nocontent_toshow_wrapper {
    margin: 0 0 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 250px;
    text-align: center;
}
.nocontent_toshow_wrapper svg {
    width: 200px;
}
.nocontent_toshow_wrapper p {
    font-size: 16px;
    font-weight: 700;
    color: #e8e9eb;
}



.pedido_cliente_header_map_wrapper {
    position: relative;
}
.pedido_cliente_header_map_wrapper .map_warning_container {
    position: absolute;
    top: 12px;
    left: 50%;
    background: #FFCA0F;
    color: #fff;
    font-size: 10px;
    transform: translate(-50%,0);
    text-align: center;
    border-radius: 12px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.map_warning_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 6px 18px;
    white-space: nowrap;
}
.map_warning_wrapper p {
    margin: 0;
}




md-switch {
    display: flex;
    align-items: center;
    justify-content: center;
}
md-switch .md-container {
    float: unset;
}
md-switch .md-label {
    float: unset;
    flex: auto;
    text-align: left;
    font-size: 12px;
}
md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-bar, md-switch.md-checked:not([disabled]).md-primary .md-bar {
    background-color: rgb(224 1 22 / 50%);
}
md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-thumb, md-switch.md-checked:not([disabled]).md-primary .md-thumb {
    background-color: rgb(224 1 22);
}
md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-ink-ripple, md-switch.md-checked:not([disabled]).md-primary .md-ink-ripple {
    color: rgb(224 1 22);
}



button.home_search_toggle.md-button.md-ink-ripple {
    margin: 0;
    background: rgb(232 233 235 / 50%);
    border-radius: 12px;
    width: 100%;
    text-align: left;
    text-transform: unset;
    height: 48px;
}
button.home_search_toggle.md-button.md-ink-ripple p {
    margin: 0;
    font-size: 10px;
    color: #363636;
}
button.home_search_toggle.md-button.md-ink-ripple span {
    color: #363636;
    font-size: 20px;
}


.search_bottomsheet_container {
    position: fixed;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    transition: .15s all linear;
}
.search_bottomsheet_container.active {
    top: 0;
    background: #fff;
}
.search_bottomsheet_header_wrapper {
    padding: 0px 0;
    height: 52px;
}
.search_bottomsheet_header_wrapper .md-button.md-ink-ripple {
    min-width: auto;
    width: 36px;
    font-size: 28px;
    color: #e00116;
}

.search_bottomsheet_search_wrapper {
    padding: 24px 0;
}
.search_bottomsheet_search_wrapper label.search_bottomsheet_input {
    background: rgb(232 233 235 / 50%);
    padding: 6px 12px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    width: 100%;
}
.search_bottomsheet_search_wrapper label.search_bottomsheet_input input {
    font-size: 10px;
    color: #363636;
    background: transparent;
    border: 0;
}
.search_bottomsheet_search_wrapper label.search_bottomsheet_input span {
    font-size: 20px;
}