header {
        width: 100%;
        height: 4.5em;
        position: fixed;
        z-index: 99999;
        background: white;
        top: 0;
    }

body, html {
/*    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;*/
    overflow-x:hidden;
    overscroll-behavior: contain;
    margin:0;
}




.navbar-brand{
    font-size:30px;
}


*{
 font-family: 'Montserrat', sans-serif;
 /*font-family: 'K2D', sans-serif;*/
}

a{
    color:#444;
    text-decoration:none;
}

a:hover{
    color:black;
}

#combo-view{
    overflow-y:auto;
    flex-grow:1;
}

.combo-sub-item, .product-choice{
    /* overflow-x:hidden; */
    overflow-y: visible;
}

input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.subtitle {
    font-family: 'Oswald', sans-serif;
}


@keyframes Translate {
    0%{    transform: translate3d(-25px,0px,0);}
    100%{    transform: translate3d(25x,0px,0);}
}

.btn-success {
    background: radial-gradient(circle at 0%, #f51f75,  #850b63 150%);
    border-color:radial-gradient(circle at 0%, #f51f75,  #850b63 150%);
    border-width:0px;
}

.btn-success:hover{
    -webkit-animation: ButtonHover 200ms ease forwards;
    -moz-animation: ButtonHover 200ms ease forwards;
    animation: ButtonHover 200ms ease forwards;
}

.clickable:hover {
    cursor:pointer;
}

.clickable {
    background-position: center;
    transition: background 0.8s;
}
.clickable:not(.selected):hover {
background: whitesmoke radial-gradient(circle, transparent 10%, white 10%) center/15000%;
}
.clickable:active {
background-color: whitesmoke;
background-size: 200%;
transition: background 0s;
}

.clickable {
    background-position: center;
    transition: background 0.8s;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none;
}


.fadein , .fadeleft, .faderight{
  opacity: 0;
}


.fading-left {
    animation: FadeFromLeft 500ms ease forwards;
}


.fading-down {
    animation: FadeFromBelow 500ms ease forwards;
}

@keyframes FadeFromLeft {
    0%{    transform: translate3d(-50%,0px,0); opacity:0}
    100%{    transform: translate3d(0,0px,0); opacity:1}
}


.fading-right {
    animation: FadeFromRight 500ms ease forwards;
}

@keyframes FadeFromRight {
    0%{    transform: translate3d(50%,0px,0); opacity:0}
    100%{    transform: translate3d(0,0px,0); opacity:1}
}


@keyframes FadeFromBelow {
    0%{    transform: translate3d(0,50%,0); opacity:0}
    100%{    transform: translate3d(0,0px,0); opacity:1}
}

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

.vbox {
    display:flex;
    flex-direction:column;
}

.center-align {
    align-items: center;
}

.fullheight{
    height:100%;
}


.fullwidth{
    width:100%;
}

.mainpage{
}


.menu{
    padding-top:0px;
    /* margin-left: calc(64px + 400px - 20vw); */
    background:#fdfbfb;
    /* width: 100vw; */
    height: 100vh;
    overflow: auto;
    overflow-x: hidden;
    width: 100vw;
}



.btn{
    background:transparent;
}



.header{
    padding-bottom:16px;
    padding-top:15px;
    background:white;
    box-shadow: 0 .125rem .4rem rgba(0,0,0,.05) !important;
    position:relative;
}

/*
.header{
    position:sticky;
    top:0;
    z-index:2;
}

.header-stick{
    height:80px;
    padding:8px;
}

.header-stick

.header-stick .store-time-info, .header-stick .delivery-fee-box{
    display:none;
}

.header-stick .logo{
    height:90px;
    width:90px;
}
*/

.delivery-fee-box{
    padding-bottom:16px;
    margin-top: 4px;
}

.logo-img {
    min-width:80px;
    min-height:80px;
    max-width:80px;
    max-height:80px;
}

.logo{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10000px;
    min-height:80px;
    min-width:80px;
    max-width:80px;
    max-height:80px;
    overflow:hidden;
    background:white;
    border:1px solid #e4e4e4;
}


.store-info{
    /* margin-left:170px; */
    min-height:170px;
}


#categories {
    z-index:1;
    display:flex;
    /*justify-content: safe center;*/
    position:sticky;
    top:0;
    background:white;
    /* min-height: 60px; */
    width:100%;
    max-width:100%;
    margin-top:16px;
    box-shadow: 0 .05rem .25rem rgba(0,0,0,.25) !important;
    overflow-x:auto;
    overflow-y: hidden;
}

.category-button *{
    font-size: 18px;
    color:#999;
}

.category-button {/*     border: 2px solid lightgray;

    border-radius:5px;*/padding: 8px;margin-right: 8px;margin-top: auto;margin-bottom: auto;/* height: 100%; */cursor:pointer;white-space:nowrap;margin-left: 8px;}



.store-small-title{
    line-height:1;
}

@media only screen and (max-width: 600px) {

    .category-button {
        padding: 8px;
        margin-right: 8px;
        margin-top:0;
        margin-bottom:0;
        }
}


.current-category {
    border-bottom: 2px solid #6acd78;
}


.current-category *{
    color: #6acd78;
}


.category-circle {
    background-color:gray;
    border-radius:5px;
    height:5px;
    width:5px;
    display:inline-block;
    margin-top: auto;
    margin-bottom: auto;
}

.category{

}

.productsGrid {
    display: grid;
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    /* justify-items: center; */
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width:  100%;
}


@keyframes ScaleIn {
    0%{    transform: scale(2); opacity:0}
    100%{    transform: none;opacity:1}
}


@media only screen and (max-width: 1400px) {
    .productsGrid {
        grid-template-columns: 50% 50%;
    }

}

.product-grid-item {
    position:relative;
    height: 180px;
    box-shadow: 0 .125rem .2rem rgba(0,0,0,.055) !important;
    display: flex;
    border-radius: 4px;
    background: white;
}

.product-text{
    font-size: 16px;
    display:flex;
    flex-direction:column;
    padding:16px;
}

.product-grid-item:hover {
    cursor: pointer;
}

@media only screen and (min-width: 600px) {
    .product-grid-item:hover {
        transition: box-shadow 0.5s ease;
        box-shadow: 0 .5rem .4rem rgba(0,0,0,.155) !important;
    }
}

.btn-link:hover {
    cursor: pointer;
}

.product-price {/*     color: #6acd78; */font-weight: bold;font-size: 18px;line-height: 1.2;margin-top: auto;}


.product-img {
    object-fit: cover;
    margin-left:auto;
    margin-top:auto;
    margin-right:16px;
    min-width:150px;
    max-width:150px;
    max-height:150px;
    min-height:150px;
    margin-bottom:auto;
    border-radius:5px;
    /*margin-right:8px;*/
}

.product-description{
    word-break: break-all;
    font-size: 16px;
    margin-top:5px;
    color:#888;
    margin-right:8px;
    max-height:105px;
    overflow:hidden;
  display: -webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;
    line-height:1.2;
    font-family: 'Open Sans';

}


.category-title {
    margin-top:30px;
    margin-bottom:15px;
    font-size: 24px;
}


.category-section{
  padding:16px;

}

.cep {
    width:40%;
}

.numero {
    width:40%;
    margin-left:8px;
}

.order-total, .order-total-label {
    margin-top:5px;
    margin-bottom:5px;
    font-size: 20px;
}

.order-total {
    color: #6acd78;
    font-weight: bold;
    margin-left:auto;
    white-space:nowrap;
}

.order-total-box , .order-total-sub-box {
    /* width: 250px; */
}

.order-total-sub-box {
    display: flex;
    justify-content: flex-end;
    align-items:baseline;
}

.order-delivery-fee {
    font-weight:600;
}

.delivery-fee-label{
    font-size: 16px;
}


.product-choice {
    position: fixed; /* Stay in place */
  z-index: 4; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content: center;
  animation: FadeIn 200ms ease forwards;
}


.product-choice .product-grid-item:hover{
}

.product-dialog {
    display:flex;
    flex-direction:column;
    background: white;
    max-height:80%;
}


.category-section{
    /* margin:40px; */
}

button , .btn{
    /*background: white;*/
    font-size:20px;
}


button:hover {
    background: whitesmoke;
    cursor: pointer;
}

.quantity-box{display: flex;justify-content: space-between;/* margin-left:16px; *//* margin-bottom:8px; *//* margin-top:auto; */align-items: center;-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; /* Safari */flex-grow:  1;justify-content: space-evenly;-khtml-user-select: none; /* Konqueror HTML */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* Internet Explorer/Edge */user-select: none;/* margin-right: 8px; */border-radius: 5px 0 0 5px;/* height: 36px; */}


.quantity {
    display:flex;
    align-items: center;
    font-size: 16px;
    justify-content: space-evenly;
    color: black !important;
}

.quantity-box .quantity{
    width:55%;
}

.quantity-number, .hidden{
    transition: FadeIn 400ms ease forwards;
    animation: FadeIn ease 400ms;
}

.quantity-number {
    font-weight: bold;
    font-size: 18px;
}

.hidden{
    visibility:hidden;
}

.quantity-button {
    font-size: 25px;
    border-radius:25px;
    border-color:transparent;
    height: 30px;
    animation: FadeIn ease 400ms;
}




.buttons-box{
    display: flex;
    justify-content: space-between;
    z-index:1;
    padding-left:15px;
    padding-right:15px;
}

.adicionar-button {
    padding:30px;
    color: white;
    background-color: black !important;
    font-weight: bold;
    margin-right: 8px;
}

.user-view {
  width : 400px;
  color: black;
  font-size : 18px;
  display: flex;
  flex-direction: column;

  padding-left: 16px;
  padding-right: 16px;
  padding-bottom:16px;
}

.user-sub-view{
    padding-top:8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-top: auto; */
    height: 100%;
}

.meu-pedido {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  /* box-shadow: 0 0rem .25rem rgba(0,0,0,.25) !important; */
  z-index: 3;
}

.checkout{
  background: rgb(246, 247, 249);
  animation:SlideFromBottom 300ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  margin-bottom: 56px;
  margin-top: 56px;
}

@keyframes SlideFromBottom {
    0%{transform:translate3d(0,100%,0);}
    100%{transform:translate3d(0,0,0);}
}

.user-view{
  position: fixed; /* Stay in place */
  z-index: 2; /* Sit on top */
  left: 0;
  top: 0;
  background:white;
}

.meu-pedido-box{
    width:100%;
    padding-top:16px;
    flex-direction: column;
    display: flex;
}


.order-items{
    flex-shrink: 0;
    /* overflow-y: auto; */
    height:calc(100% - 315px);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid whitesmoke;
    /* min-height: 200px; */
    background:white;
}


.order-item {
    display:flex;
    width: 100%;
    padding: 16px;
    padding-bottom: 12px;
    padding-top: 12px;
    flex-direction: column;
    flex-shrink:0;

}

.single-item {
    position:relative;
    height: 64px;
    line-height:1.2;
    flex-direction: column;
}

.item-with-obs {
    height: 76px;
}

.single-item .order-item-price {
    position:absolute;
    top:calc(50% - 12px);
    right:16px;
}

.finalizar{
    border: 1px solid lightgray;
}

.meu-pedido-label{
    font-size:20px;
    margin-left:8px;
}

.finalizar-pedido-button, .voltar-button{
    /* width:250px; */
    margin-left: 8px;
    margin-right: 8px;
    font-size:22px;
    margin-top:15px;
    border: 1px solid whitesmoke;
}

.voltar-button{
    display:none;
}

.order-total-box {
    /* margin-top:16px; */
    padding: 16px;
    background:white;
    /* line-height: 0.5; */
}


@media only screen and (max-width: 1600px) {

    .order-items {
        height: calc(100% - 265px);
    }

    .meu-pedido {
        /* width:350px; */
    }


    .product-description{
        max-height:80px;
    }

    .meu-pedido{
    }

    .meu-pedido-label{
        /* margin-bottom:8px; */
    }

    .user-view{
        width:350px;
        padding-bottom:8px;
    }

    .user-sub-view{
        padding-top:0px;
        padding-bottom: 3px;
    }


    .product-grid-item{
        width:100%;
        height:180px;
    }


    .product-text{
        font-size: 16px;
    }

    .productsGrid{/* margin:  16px; *//* padding:  16px; */}

     .product-description{
        font-size:14px;
    }

 .product-dialog.product-description{
        font-size:16px;
    }


    .finalizar-pedido-button{
        margin-top:0px;
        margin-bottom:8px;
    }


    .order-total, .order-total-label {
        margin:0px;
    }

    .product-img{
        min-width:130px;
        max-width:130px;
        max-height:130px;
        min-height:130px;
    }

    .product-dialog{
        max-height:90%;
    }

    .adicionar-button{
        padding:16px;
    }

    .buttons-box{
        min-height: 72px;
    }
}



@media only screen and (min-width: 600px) {

  .meu-pedido{
    left:64px;
    top: 56px;
    /* width:400px; */
    border-right: 1px solid whitesmoke;
  }





}

   .meu-pedido-collapsed .meu-pedido, .buttons-box, .adicionar-button{
        height:56px;
        position:relative;
    }

.buttons-box{
        min-height:56px !important;
    }


.pedido-button {
    display:block;
    position:absolute;
    bottom:16px;
    left: calc(30vw + 30vw - 113px + 16px);
    z-index:3;
    animation:SlideFromBottom 200ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@media only screen and (max-width: 600px) {

    .hidden-on-mobile{
        display:none;
    }


    .product-choice {
        justify-content:flex-start;
    }


    .pedido-button{
        left: calc(50% - 118px);
        bottom: 64px;
    }

    .pedido-bar {
        display:flex;
        align-items:center;
        z-index:3;
        width:100%;
        height:56px;
        position:fixed;
        bottom:0;
        position:fixed;
        box-shadow: 0 .125rem .4rem rgba(0,0,0,.125) !important;
        background:white;
        padding-left:8px;
        padding-right:8px;
        animation:SlideFromBottom 200ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }


    .pedido-bar .order-total{
        font-size:18px;
        margin-top:5px;
    }

    .pedido-bar .meu-pedido-label {
        margin-bottom:0px;
        margin-left:8px;
        font-size:20px;
        margin-top:3px;
    }

    .order-side-view{
        display:none;
    }

    .product-description{
        max-height:70px;
    }

    .product-img {
        min-width: 100px;
        max-width: 100px;
        max-height: 95px;
        min-height: 95px;
    }

    .category-section{
        margin:0;
    }

    #categories {
        top: 56px;
        min-height: 50px;
    }

    .endereco-view{
        display:none;
    }


    .user-view {
        height: 56px;
        padding: 0;
        width:100%;
        padding-left: 8px;
        justify-content:center;
        box-shadow: 0 0rem .25rem rgba(0,0,0,.25) !important;
        background:#fcfcfc;
    }

    .meu-pedido{
        margin-top:0px;
    }

    .header {
        padding-left:16px;
        padding-right:16px;
    }

    .combo-header .product-description{
        max-height:100px;
    }

    .combo-header .product-img{
        min-width:100px;
    }

    .store-info{
        margin-left:0px;
    }


    .combo-item-category .combo-item-product{
        padding-left: 8px;
    }




    .category{
        width:100%;
    }

    .productsGrid{
        width:100%;
        grid-template-columns:auto;

    }

    .category-section{
        padding:0;
        margin:0;
    }

    .product-grid-item{
        width:100%;
        border-radius:0;
        border-top:0px;
        height:auto;
        max-height:210px;
    }

    .product-text{
        font-size: 14px;
        min-height: 112px;
    }


    .product-description{
        margin-top:4px;
        margin-bottom:4px;
    }

    .product-price {
        font-size: 16px;
    }

    .productsGrid{
        grid-row-gap: 8px;
        grid-template-columns: auto;
        padding:  0;
        margin:  0;
    }

    .category-title{
        margin-left:16px;
        margin-right:16px;
        /*border-bottom:1px solid rgba(0,0,0,.125);*/
        margin-bottom:8px;
        padding-bottom:5px;
        font-size:20px;
    }

    .meu-pedido {
        width:100%;
        flex-grow: 1;
    }





    .order-total{
        margin-left:0;
        margin-top: 5px;
    }


    .meu-pedido-label{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .menu{
        margin-left: 0;
    }

    .meu-pedido-box {
        width:100%;
        margin-top:0;
        flex-grow: 1;
    }


    .order-items {
        height: calc(100% - 280px);
    }

    .meu-pedido-collapsed .meu-pedido-box{
        padding-top:0;
    }

    .meu-pedido-collapsed .order-total-label,.meu-pedido-collapsed .delivery-fee-label,.meu-pedido-collapsed .order-delivery-fee{
        margin-top:0px;
        display: none;
    }


    .order-total-sub-box{
        width:100%;
    }

     .order-total-box{
        width:100%;
        /* padding-left:16px; */
        /* padding-right:16px; */
        padding: 16px;
        margin: 0;
    }

    .meu-pedido-collapsed .order-total-sub-box, .meu-pedido-collapsed .order-total-box{
        padding-left:0px;
        padding-right:0px;
    }

    .meu-pedido-collapsed  .meu-pedido-box {
        display: flex;
        padding-left:8px;
        padding-right:8px;
        align-items:center;
        flex-direction: row;
    }


    .meu-pedido-collapsed .order-total-sub-box,.meu-pedido-collapsed .order-total-box,.meu-pedido-collapsed .finalizar-pedido-button{
        align-items: center;
        width:auto;
        margin-top:0;        margin-left:auto;

    }

    .meu-pedido-collapsed .order-total{
        margin-bottom:0px;
        font-size:20px;
    }

    .meu-pedido-collapsed .order-total-buttons-box {
        display: none;
    }

    .voltar-button, .finalizar-pedido-button {
        display: block;
        /* margin:16px; */
        margin-bottom: 0px;
    }

    .meu-pedido-collapsed .finalizar-pedido-button{
        margin:0px;
    }


    .adicionar-button {
        padding: 15px;
    }

   .meu-pedido-collapsed  .finalizar-pedido-button{
        display:none;
    }
}

.order-total-buttons-box{
    justify-content:flex-end;
}

.order-items {
    flex-grow:1;
}

.meu-pedido-expanded .order-item {
    display: flex;
}

.sign-in-content{
    background: white;
    width: 400px;
    max-height:80%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 32px;
}

.sign-up-content input, .sign-up-content div{
}

.sign-in-content h2 {
    margin-bottom:16px;
}

.selectable-address {
    padding:8px;
    margin-top:8px;
    margin-bottom:8px;
    width:100%;
    border-radius:5px;
    font-size:16px;
    border: 1px solid whitesmoke;
}

 .sign-in-content button ,.sign-in-content input{
    margin-top: 5px;
}


.sign-up-content button{
    margin-top:8px;
    margin-bottom:8px;
}

.green-button, .finalizar-pedido-button{
    background: black;
    color:white;
}


.finalizar-pedido-button:hover, .green-button:hover{
    background: #666;
}

.order-item {
    animation: FadeIn 400ms ease forwards;
}


.order-item-price {
    white-space:nowrap;
    /* margin-left: auto; */
    margin-top: auto;
    margin-bottom: auto;
    padding-left:5px;
    margin-bottom: auto;
}

.order-item-total{
    display:flex;
    justify-content: flex-end;
    align-items:baseline;
    font-size:18px;
    margin-top: 4px;
}

@keyframes FadeIn {
    0%{opacity:0;}
    100%{opacity:1;}
}


@keyframes SlideFromRight {
    0%{transform:  translate3d(15%,0,0); opacity:0}
    100%{transform:none; opacity:1}
}



.payment-methods-grid{
    padding-top:16px;
    margin-bottom:16px;
    height:250px;
    display: grid;
    grid-template-columns: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    overflow-y: scroll;
    width:100%;
    align-items: center;
    justify-content: center;
    margin-top:auto;
}

.payment-methods-item {
    display: flex;
    align-items: center;
    font-size: 20px;
    width: 100%;
    height: 70px;
    padding:5px;
    border : 1px lightgray solid;
    white-space:wrap;
    cursor:pointer;
    border-radius:5px;
    color: #777;
    padding-left:30px;

}


.chosen-method {
    background: #6acd78;
    color:white;
    font-weight: bold;
    border:none;
}

.disabled{
    color : lightgray;
}

.btn:focus {
    box-shadow: none;
}

.checkout h2{
    /* margin-bottom:30px; */
}

.checkout input{
    margin-left: 16px;
}


.next-combo-item {
    margin-top: 16px;
    margin-left : auto;
}

.combo-header{
    padding: 15px;
}

.combo-sub-item-header{
    border-bottom:1px solid whitesmoke;
    border-top:1px solid whitesmoke;
    position: sticky;
    overflow-anchor: none;
    background-color: whitesmoke;
    top: 0px;
    z-index: 1;
    min-height: 60px;
    /* align-items: baseline; */
    /* display: flex; */
    /* flex-direction:  column; */
    /* vertical-align: middle; */
    padding-left: 8px;
    font-weight:bold;
    /* padding-top: 16px; */
    display: flex;
    align-items: center;
}


.combo-header{
    display:flex;
    flex-direction: column;
    /* width: 500px; */
    min-height:160px;
    /* padding-top:15px; */
}


.combo-header .product-title{
    font-size : 22px;
}

.combo-header img{
    margin-bottom:16px;
    min-height:300px;
    max-height:300px;
    margin-right: auto;
    margin-left: auto;
    min-width:100%;
    max-width:100%;
}

.combo-choice {
    width:100%;
    font-size :18x;
    text-align: center;
    padding-bottom:16px;
}

.combo-choice-label {
    font-size: 14px;
    /* height:30px; */
    /* padding-bottom:8px; */
    color:#555;
    width:100%;
}

.product-title {
    font-size: 20px;
}

.combo-sub-item {
    background:white;
    display:flex;
    flex-direction: column;
    /* width: 500px; */
    /* height:calc(100% - 250px); */
    padding-bottom:0px;
    overflow-y: visible;
}

.btn:focus, input:focus, textarea:focus, select:focus {
  outline: none;
}

.combo-sub-products {
    padding-top:0px;
    /* padding-bottom:16px; */
    /* overflow-y:auto; */
    box-sizing: border-box;
}

.buttons-box{
    background:#fcfcfc;
    box-shadow: 0 .125rem .4rem rgba(0,0,0,.2) !important;
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    /* padding-top: 8px; */
    display:  flex;
    align-items: center;
}


.back-img {
    position:absolute;
    left:0;
    top:5px;
}



.combo-item-product{
    display:flex;
    padding: 8px 0px 8px 0px;
    /* margin-left: 16px; */
    /* margin-right: 16px; */
    min-height: 52px;
    font-size: 14px;
    align-items: center;
    line-height: 1.2;
    border-bottom: 1px solid whitesmoke;
}


.combo-item-category .combo-item-product{
    /* padding-left:30px; */
}



@media only screen and (max-width: 1400px) {

    .combo-sub-item{
        /* height:calc(100% - 250px); */
    }

    .combo-sub-item-header {
       /* padding-bottom: 15px; */
       /* padding-top: 15px; */
    }


    .order-item {
        /* margin-top:8px; */
    }

    .order-item-total{
        /* margin-top:0px; */
        font-size:16px;
    }
}


#finalizar-button-on-bar{
    display:none;
}


@media only screen and (max-width: 600px) {


    .meu-pedido-collapsed #finalizar-button-on-bar {
        display:block;
    }

    .combo-sub-item, .combo-header , .product-dialog, .sign-in-content{
        width: 100%;
    }

    .product-dialog {
        animation: SlideFromRight 300ms ease forwards;
    }

    .combo-header .product-img{
        max-width: 100%;
        max-height: 260px;
        height: 260px;
        width: 100%;
        object-fit: cover;
    }


    .combo-header .product-title{
        font-size : 18px;
    }


    .sign-in-content{
        /*justify-content:center;*/
    }

    .sign-in-content h2{
        text-align:center;
    }

    .combo-sub-item-header{
        /* padding: 8px; */
    }

    .combo-sub-products, .combo-sub-item{
        padding-top:0px;
    }

    .combo-sub-item{
        /*max-height:calc(100% - 270px);*/
    }

    .combo-header{
        height: auto;
    }

    .product-dialog, .mobile-height-filler, .sign-in-content{
        height: 100%;
        max-height:100%;
    }

    .productsGrid{
        animation:none;
    }

    .combo-header {
        align-items:center;
    }

    .combo-header .product-img{
        margin:0;
        margin-bottom:8px;
    }

    .payment-methods-grid{
        grid-template-columns:90%;
    }

    .payment-methods-item{
        width:100%;
    }
}

.chosen-amount{
    font-weight: bold;
    font-size:20px;
    animation: FadeIn 400ms ease forwards;
    padding:5px;
    padding-left:15px;
    border-radius:16px;
    padding-right:15px;
    margin-left:8px;
    border: 2px solid lightgray;
}

.selected {
    background: whitesmoke;
    font-weight:bold;
}

.novo-endereco{
    display: flex;
    flex-direction: column;
}


body.modal-open {
    overflow: hidden;
}

.green-button{
    color:white;
}


loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}


.loader {
  color: black;
  font-size: 5px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


.remove {
    color: #e43326;
}

.remove:hover {
    cursor:pointer;
    text-decoration: underline;
}


.order-count, .order-count2{
    background: var(--mdc-theme-secondary);
    border-radius:10000px;
    font-size:13px;
    position:absolute;
    bottom:0px;
    right:-5px;
    width:20px;
    color:white;
    font-weight:bold;
    text-align:center;
}

.order-count2 {
    bottom: 7px;
    left: 23px;
}


.order-icon{
    width:30px;
}


#cover-img{
    height:250px;
    width:100%;
    object-fit:cover;
    overflow:hidden;
}



@media only screen and (max-width: 600px) {
    .order-count, .order-count2{
        font-size: 10px;
        width: 15px;
    }



    .order-icon{
        width:25px;
    }


    #cover-img{
        min-height:160px;
        max-height:160px;
        width:100%;
        object-fit:cover;
        overflow:hidden;
    }

}

.store-closed, .store-open {
    border-radius:20px;
    width:100px;
    text-align:center;
    height: 27px;
    padding-top:2px;
    margin-right:8px;
}

.store-open {
    border: 2px solid #6acd78;
    color: #6acd78;
}

.store-closed{
    border: 2px solid #f44336;
    color:#f44336;
}

.grey-border{
    border-radius:20px;
    width:100px;
    text-align:center;
    height:30px;
    margin-bottom:5px;
    border: 2px solid #ddd;
    color:#888;
}


.grey-border small{
    color:#999;
}


.operating-times{
    margin-left: 8px;

    color: #999;
}


.toast-message{
    color:white;
}

.toast-info, .toast{
    background: #000000cc;
    border-radius:50px !important;
    line-height:1.3;
}

.product-adicionar-container{
    background:var(--mdc-theme-primary);
    border-radius: 0px 5px 5px 0px;
}

.voltar-floating-button{
    text-align:center;
    font-size:26px;
    box-shadow: 0 .125rem .4rem rgba(0,0,0,.05) !important;
    position:absolute;
    top:16px;
    left: -120px;
    padding:8px;
    background:white;
    cursor:pointer;
    border-radius:1000px;
}


.checkbox{
    height:30px;
    width:30px;
}

#googleSignInButton {
    margin:5px;
    margin-left:auto;
    margin-right:auto;
}

.combo-dialog{
    z-index:5;
}

.combo-sub-products-grid{
    display:grid;
    grid-template-columns:auto auto;
}


.check-img, .status-img {
    animation: ScaleIn 200ms ease forwards;
}



.sign-in-content h2{

}

.checkout {
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
  flex-grow:1;
}


.finalizar{
  margin-top:auto !important;
}


.status-pedido {
  color:#666;
  text-align:center;
  padding:16px;
}

.status-imgs {
    display:flex;
    align-items:center;
    margin-bottom:16px;
}

.status-img{
    width:48px;
    height:48px;
}

.status-divider{
    width:32px;
    height:2px;
    background:#ececec;
}


.search-bar{
    display:flex;
    align-items:center;
    background:white;
}

.search-input {
    width: calc(100vw - 32px);
    margin-left: 16px;
    margin-right: 16px;
}

input:focus{
    outline:none !important;
}

.specifications{
    margin-top:16px;
    align-self:flex-start;
    width: calc(100% - 16px);
    border-top: 1px solid whitesmoke;
    padding-top: 16px;
    font-size: 14px;
}

.specification{
    display:flex;
}

.specification-title {
    color:gray;
    margin-right:8px;
}

.quantity-total{
  font-size: 16px;
  font-weight:bold;
  /* margin-left: 5px; */
  white-space: nowrap;
  /* margin-right: 5px; */
  width: 45%;
  max-width: 45%;
  min-width: 45%;
  text-align:center;
  overflow: hidden;
}


.store-title{
  line-height:1;
  font-weight:500;


}
.store-description {
    margin-bottom:16px;
    margin-left:4px;
}




.placed-order{
  padding:16px;
  padding-bottom:0px;
  position:relative;
}


.address-page mdc-text-field, .address-page mdc-select{
    margin-top:16px;
}

.obs-text-area {
    margin: 16px;
    width: calc(100vw - 32px) !important;
    height: 150px !important;
}


.checkout .finalizar-button {
    margin-top:0;
    margin-bottom:16px;
    display:flex;
    justify-content:center;
}

.voltar-desktop{
    display:none;
}

.loading-menu, .menu {
    animation:SlideFromRight 300ms cubic-bezier(0.22, 1, 0.36, 1) forwards;;
}


  .checkout-store-title{
    align-items:center;
  }


@media only screen and (min-width: 600px) {

    .voltar-desktop{
        display:block;
    }

    .checkout .finalizar-button {
        padding-left:16px;
        padding-right:16px;
        justify-content:space-between;
    }

  .loading-menu, .menu, .checkout, .productsGrid {
      animation:none;
  }

  .checkout {

    position:absolute;
    /* height: calc(100vh - 56px); */
    left: calc(50vw - 250px + 32px);
    width: 500px;
    top:56px;
    /* margin-left: 64px; */
  }

  .product-dialog , .checkout{
    border-radius:4px;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0,0,0,.12);
  }


  .order-items{

    max-height:500px;
    overflow-y:auto;
  }


  .checkout-store-title{
    display:none;
  }


  .product-dialog{
    min-width:600px;
  }
  .obs-text-area{
    max-width:calc(600px - 32px);
  }


}


.mdc-list--three-line .mdc-list-item {
    height: 88px;
}

.mdc-list--three-line .mdc-list-item__text {
    align-self:flex-start;
}


.mdc-list--three-line .mdc-list-item__secondary-text {
    white-space:normal;
    overflow:hidden;
    max-height:40px;
}