/* Minification failed. Returning unminified contents.
(43,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(3146,43): run-time error CSS1046: Expect comma, found '0'
(3146,47): run-time error CSS1046: Expect comma, found '/'
(3146,74): run-time error CSS1046: Expect comma, found '0'
(3146,78): run-time error CSS1046: Expect comma, found '/'
(3147,35): run-time error CSS1046: Expect comma, found '0'
(3147,39): run-time error CSS1046: Expect comma, found '/'
(3147,66): run-time error CSS1046: Expect comma, found '0'
(3147,70): run-time error CSS1046: Expect comma, found '/'
(3363,33): run-time error CSS1046: Expect comma, found '0'
(3363,37): run-time error CSS1046: Expect comma, found '/'
(3655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3917,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(4046,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4057,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(4116,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(4117,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(4135,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(4150,22): run-time error CSS1039: Token not allowed after unary operator: '-main-100'
(4168,21): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(4201,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4216,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4222,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4266,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(4276,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4290,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4393,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(4408,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4449,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4463,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(4486,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4493,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(4539,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(4564,21): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(4564,46): run-time error CSS1039: Token not allowed after unary operator: '-White'
(4666,21): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(4666,46): run-time error CSS1039: Token not allowed after unary operator: '-White'
(4670,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(4685,17): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(4705,17): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(4715,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(4732,35): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-50'
(4733,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(4748,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(4754,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(4804,32): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(4808,21): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(4820,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(4865,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-700'
(4869,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-900'
(4877,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4884,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(4921,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(4925,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-900'
(4935,22): run-time error CSS1039: Token not allowed after unary operator: '-main-100'
(4956,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4962,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(4969,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-700'
(4974,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5025,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(5057,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5070,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(5074,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5079,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(5095,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(5134,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-900'
(5141,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(5168,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(5169,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5199,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5347,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5386,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5391,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(5399,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(5420,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5434,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(5451,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5460,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5475,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5485,21): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5493,22): run-time error CSS1039: Token not allowed after unary operator: '-main-50'
(5507,21): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5528,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(5536,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5541,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5579,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(5607,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(5643,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(5649,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5660,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5667,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5673,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(5677,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5697,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(5701,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5714,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(5718,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5728,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(5736,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5741,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(5751,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5755,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5761,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5767,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(5779,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5783,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5790,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5799,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5803,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5810,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5841,28): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5845,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(5863,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5872,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5876,28): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5891,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(5911,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5921,22): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(5932,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-700'
(5956,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5966,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5970,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5988,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(6015,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(6019,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(6060,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(6117,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(6165,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(6172,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(6180,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(6187,17): run-time error CSS1039: Token not allowed after unary operator: '-main-100'
(6198,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(6203,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(6220,12): run-time error CSS1038: Expected hex color, found '#ffff'
(6222,22): run-time error CSS1039: Token not allowed after unary operator: '-main-500'
(6238,17): run-time error CSS1039: Token not allowed after unary operator: '-Yellow-600'
(6242,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(6269,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(6288,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(6293,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(6297,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(6308,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(6322,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(6363,12): run-time error CSS1038: Expected hex color, found '#ffff'
(6370,12): run-time error CSS1038: Expected hex color, found '#ffff'
(6376,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(6394,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(6399,17): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(6417,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(6422,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(6437,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(6448,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(6489,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(6498,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(6502,32): run-time error CSS1039: Token not allowed after unary operator: '-main-700'
(6514,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(6518,17): run-time error CSS1039: Token not allowed after unary operator: '-main-700'
(6536,12): run-time error CSS1038: Expected hex color, found '#ffff'
(6586,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(6592,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(6607,17): run-time error CSS1039: Token not allowed after unary operator: '-black-white-white'
(6613,28): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(6626,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(6634,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(6643,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(6784,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(6790,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(6867,28): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(7007,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(7008,32): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(7013,22): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
(7014,35): run-time error CSS1039: Token not allowed after unary operator: '-main-600'
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

span, label, h1, h2, h3, h4, h5 {
    font-family: 'Ubuntu', sans-serif;
}

p, a, small {
    font-family: 'Ubuntu', sans-serif;
}


/*Container de cardapio*/

@media (min-width: 768px) {
    .container-desk, .container-informacao-restaurante, .container-endereco, .container-footer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container-desk, .container-informacao-restaurante, .container-endereco, .container-footer {
        width: 770px;
    }
}

@media (min-width: 1200px) {
    .container-desk, .container-informacao-restaurante, .container-endereco, .container-footer {
        width: 970px;
    }
}

.container-informacao-restaurante {
    padding-left: 0px;
    padding-right: 0px;
}

.body-background {
    background: var(--neutral-50, #F7F9FA);
    min-height: 100vh;
}

a:hover {
    text-decoration: none;
}

@-webkit-keyframes myanimation {
    from {
        left: 0;
    }

    to {
        left: 50%;
    }
}

@-moz-keyframes myanimation {
    from {
        left: 0;
    }

    to {
        left: 50%;
    }
}

@keyframes myanimation {
    from {
        left: 0;
    }

    to {
        left: 50%;
    }
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

.md-left {
    float: right;
}


textarea:focus:-moz-placeholder { /* Firefox 18- */
    color: transparent;
}

textarea:focus::-moz-placeholder { /* Firefox 19+ */
    color: transparent;
}

textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/*botões login -----------------------*/
.btn-face, .btn-registrar {
    color: white;
    font-size: 19px;
    margin-bottom: 15px;
}

.btn-face {
    background: #3c4c84;
}

    .btn-face:hover {
        background: #3c4c84;
    }

.btn-registrar {
    background: #289228 !important;
    color: whitesmoke !important;
}

    .btn-registrar:hover {
        background: #198219 !important;
    }

.modal-open {
    overflow: auto !important;
}
/*-----------------------------------*/
.corpo {
    min-height: 100vh !important;
}

.menuInfo {
    padding: 5px;
    font-weight: 600;
    font-size: 17px;
    border-bottom: solid 1px #ebebeb;
    color: black;
}

#dropdownLoginTopo {
    left: inherit;
    right: 5px;
}

.panel {
    border: 1px dashed #dfdfdf !important;
}

.menuTopo2 {
    padding: 5px;
    padding-bottom: 0;
}

.fixed {
    position: fixed;
    top: 0;
    left: 15px;
    z-index: 50000;
    width: 100%;
}

.swal2-actions button {
    margin: 5px;
}

.more-less {
    float: right;
    color: #888888;
    -webkit-text-stroke: 2px whitesmoke;
}

.item-categoria-nome {
    color: #797978;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
}

.addProduto {
    cursor: pointer;
}

#add-product-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
}

h1.titulosInterPag {
    font-size: 20px;
    font-weight: 600;
}

.selectSabor {
    margin-bottom: 0 !important;
}

    .selectSabor option {
        color: black;
    }

.box, .boxinner {
    box-sizing: border-box;
    border: 4px solid #FFF;
    text-align: left;
}

.promocaoIco {
    display: block;
    height: 63px;
    width: 100px;
    position: absolute;
    top: -7px;
    left: -8px;
    background: url("../../projeto/img/promocaoIco.png");
    background-repeat: no-repeat;
}

#spanTotalItem {
    color: white !important;
}

.ProFilho {
    top: 12px;
    left: 9px;
}

.promoLabel {
    color: #a94442;
    background-color: #fff0f0;
    font-size: 13px;
    padding: 0px 2px;
    border-radius: 0.3em;
    font-weight: 100;
    margin-bottom: 8px;
    border: 1px dashed #a94442;
}

.turnosAlert {
    cursor: default !important;
}

.box {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    animation: spin 3s infinite linear;
}

.itemFinalCompra img {
    width: 55% !important;
}

.boxinner {
    width: 60px;
    height: 60px;
    margin: 6px auto;
    animation: pulse 1.5s infinite linear;
    animation-timing-function: ease;
}

/*@keyframes pulse {
    50% {
        border-width: 30px;
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}*/


.blocoEndereco #favorito {
    color: #D90000;
}

.valorAtual {
    color: #0eb10e;
}

.panel-default > .painelChefMio {
    background: #d21607;
    text-align: center;
}

.panel-default > .panel-heading h1 {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    margin: 5px;
}

.panel-default > .panel-heading > img {
    position: relative;
    top: -4px;
    height: 23px;
}

.ingredientesZero {
    text-decoration: line-through;
    color: red;
    font-style: italic;
}

.fechado:after {
    color: red;
    content: "Fechado";
}

#imgProdPrincipal img {
    width: 100%;
    border-radius: 0.525rem !important;
}

p.fechado span {
    color: red;
}

.aberto:after {
    color: green;
    content: "Aberto";
}

p.aberto span {
    color: green;
}

.pag-contato textarea {
    max-width: 100%;
    max-height: 300px;
}

.tituloHome {
    margin-top: 10px;
}

.blocoEndereco {
    border-radius: 0.5em;
    margin-bottom: 15px;
    padding: 15px;
}

#pizzaInfo {
    margin-top: 15px;
}

.blocoEndereco .col-md-4 {
    text-align: center;
}

.titulosInterPag ~ p {
    padding: 10px;
}

.tituloSemTop {
    margin-top: 0;
}

.DivEndereco {
    margin: 20px 0;
}

div.endInfo h4 {
    margin-top: 0;
}

.DivEndereco h4 {
    color: #a8a8a8;
    display: inline-block;
    font-weight: 100;
}

#buscaCep {
    margin-top: 15px;
}

#infoEmpty {
    text-align: center;
}

    #infoEmpty h5 {
        font-size: 20px;
    }

        #infoEmpty h5 span {
            color: #888888;
            font-size: 18px;
            line-height: 50px;
        }

.DetalhePedidoCliente {
    margin: 0;
}

    .DetalhePedidoCliente div {
        padding: 0;
    }

    .DetalhePedidoCliente h5 {
        background-color: #f9f9f9;
        border: 2px solid #ececec;
        font-weight: bold;
        padding: 10px;
    }

    .DetalhePedidoCliente p {
        padding: 0 10px;
    }



.btnLogin {
    margin-bottom: 2px;
}

#menuPrincipal #navbar {
    padding-left: 0;
    padding-right: 0;
}

@font-face {
    font-family: ArialRounded;
    src: url('../fonts/ARLRDBD.TTF');
}

.alertNone {
    display: none;
}

#logoTopo {
    border: none;
    display: block;
    padding: 5px;
}

#validadeCard {
    color: #D90000;
    display: block;
}

.profile {
    border-radius: 50%;
    float: left;
    margin-right: 13px;
    overflow: hidden;
    position: relative;
    top: -5px;
}


#LoginTopo:hover #ListTopoLogin {
    display: block !important;
}

.itensListCat {
    padding: 0 5px;
}

.itemMenu {
    border-bottom: 1px dashed #dfdfdf !important;
    margin: 0px 15px;
    padding: 5px 0;
    position: relative;
}

    .itemMenu h3 {
        margin-top: 5px;
    }

#newItenCart {
    background-color: #17ba17;
    color: #fff;
    padding: 3px 7px 5px 6px;
    position: absolute;
}

.btnAddCart {
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));
    background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff419641',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    color: #fff;
}

.itemMenu .btnAddCart {
    margin-top: 30px;
}

/*.valProdDestaque {
    font-size: 17px;
}*/

.valorProduto-detalhes {
    font-size: 16px;
    color: #0eb10e;
    padding-left: 0px;
    font-weight: 400;
}

/*.radioTamProd {
    text-align: center;
    margin-top: 15px;
}*/

.radioTamProd label {
    cursor: pointer;
    padding: 5px;
    display: block;
    background-color: #F9F9F8;
    border: 1px solid #dedede;
    border-radius: 0.5em;
}

#bordaPizza label {
    cursor: pointer;
    margin-bottom: 0;
}

.radioTamProd label span {
    padding-left: 5px;
}

.linkEndereco {
    display: inline-block;
    padding: 13px 5px;
    text-decoration: none;
}

.blocosTitulo > .tituloIngrediente {
    margin: 0;
    font-size: 15px;
}

.dropSabores {
    border-radius: 0;
    font-size: 15px;
    height: 46px;
}

#EnderecoTopo h4 {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ListTopoLogin {
    margin-top: -2px;
}



.loginForms hr {
    margin-top: 0;
}

.linkLoginTopo {
    display: block;
    padding: 11px;
}

.menuPrincipalClass {
    margin-bottom: 0 !important;
}

.menuLateral {
    padding-right: 0;
}


.titulosInterPag {
    padding: 10px;
    text-transform: uppercase;
}


h3.troco {
    margin-top: 0;
}

#buscador {
    margin-right: 15px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 40%;
    z-index: 10;
}

#navTopo {
    position: inherit;
    width: 100%;
}

ul.rslides {
    max-width: none !important;
    width: 100%;
}

/*menu lateral*/

.tituloH4 {
    font-size: 20px;
}

.menuLat h3, h1.text-danger, #ResumoPedido h3, .titulosH2 {
    border-bottom: 1px solid;
    margin: 0;
    padding: 0 5px;
}

.menuLat h3, #ResumoPedido h3 {
    padding: 5px;
    text-align: center;
}

.fieldNaoObrigatorio {
    font-weight: lighter;
}

.ResumoPedidoLista {
    list-style: none;
    padding: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #656565;
}

    .ResumoPedidoLista li {
        padding-bottom: 7px;
    }

        .ResumoPedidoLista li.titleInfo {
            padding-bottom: 0;
        }

        .ResumoPedidoLista li .qtdIten {
            font-size: 16px;
        }

.menuLat h3 span, #ResumoPedido h3 span, .titulosH2 span {
    margin-right: 10px;
}

.vlrIten, #vlrTotal, #vlrTotalPgDinheiro {
    float: right;
}

#vlrTotal {
    font-size: 17px;
}

#vlrTotalPgDinheiro {
    color: #24b300;
    font-size: 15px;
}

/*#TaxaEntrega {
    border-top: 1px solid;
}*/

#itensCarrinho {
    border-right: 1px solid;
    height: 150px;
    overflow-y: scroll;
}

    #itensCarrinho #cartEmpty {
        width: 100%;
    }

        #itensCarrinho #cartEmpty img {
            width: 25%;
        }

    #itensCarrinho ul {
        padding-left: 5px;
        padding-top: 5px;
    }

        #itensCarrinho ul li {
            border-bottom: 1px dashed #000;
        }

            #itensCarrinho ul li p {
                margin: 2px;
            }

    #itensCarrinho button {
        background-color: transparent;
        border: none;
    }

#carrinho > p {
    margin: 3px 10px;
}

    #carrinho > p span {
        right: 0;
    }

#carrinho > hr {
    border: 0;
    border-top: 1px solid;
    margin: 5px;
}

#LinkTermos {
    display: block;
    margin-bottom: 20px;
}

.btn-full {
    width: 100%;
}

#cardapio {
    border: 1px solid;
    margin-top: 10px;
}

    #cardapio ul > li > a {
        border-bottom: 1px solid;
        border-radius: 0;
    }

#divProdPrincipal, .escolhaItens, #totalAdicionais, #totalItem {
    border: 1px solid;
}

    .escolhaItens h4, .escolhaItensPizza h4 {
        font-size: 14px;
        font-weight: 500;
        overflow: hidden;
    }

.prodDestaque img {
    max-width: 325px;
    width: 100%;
}

#menuPrincipal {
    position: relative;
}

#divProdPrincipal h1 {
    margin-top: 15px;
    font-weight: 900;
}

#carrinho {
    border: 1px solid;
}

.navbar-default {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
}

#spanPreco {
    font-size: 16px;
}

#btnCarrinho {
    margin: 5px;
}

#btnsCarrinho {
    text-align: right;
}

footer {
    padding-bottom: 55px;
}

#IngAddCart, #IngRetiradosCart {
    display: none;
}

.menuTopo2 {
    display: none;
    text-align: center;
}

    .menuTopo2 .btns-mobile {
        cursor: pointer;
        display: block;
        font-size: 16px;
    }

    .menuTopo2 div input {
        left: -9999px;
        opacity: 0;
        position: absolute;
        visibility: hidden;
    }

.prodDestaque {
    border: 1px solid;
    margin-bottom: 30px;
    padding: 5px;
    text-align: center;
    position: relative;
}

    .prodDestaque h3 {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 100;
    }

    .prodDestaque button {
        font-weight: bold;
        width: 100%;
    }

/*#imgProdPrincipal {
    padding: 15px;
}*/

#btnPassaProdFilho {
    display: none;
}

.imgProdCart {
    width: 120px;
}

#telContato {
    text-align: center;
}

.checkout-wrap {
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
}

ul.checkout-bar li {
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
}

    ul.checkout-bar li:before {
        -webkit-box-shadow: inset 2px 2px 2px 0 #000000;
        -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
        border: 2px solid;
        border-radius: 50%;
        box-shadow: inset 2px 2px 2px 0 #000000;
        box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
        font-size: 16px;
        font-weight: 700;
        height: 35px;
        left: 20px;
        line-height: 37px;
        position: absolute;
        text-align: center;
        text-shadow: 1px 1px #000000;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        top: 4px;
        width: 35px;
        z-index: 999;
    }

    ul.checkout-bar li.active {
        font-weight: bold;
    }

        ul.checkout-bar li.active:before {
            z-index: 99999;
        }

    ul.checkout-bar li.visited {
        z-index: 99999;
    }

        ul.checkout-bar li.visited:before {
            z-index: 99999;
        }

    ul.checkout-bar li:nth-child(1):before {
        content: "1";
    }

    ul.checkout-bar li:nth-child(2):before {
        content: "2";
    }

    ul.checkout-bar li:nth-child(3):before {
        content: "3";
    }

    ul.checkout-bar li:nth-child(4):before {
        content: "4";
    }

    ul.checkout-bar li:nth-child(5):before {
        content: "5";
    }

    ul.checkout-bar li:nth-child(6):before {
        content: "6";
    }

ul.checkout-bar a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

#sidebar {
    float: left;
}

@media (min-width: 1200px) {
    #cardapio {
        width: 250px;
    }
}

.btnCollCart {
    float: left;
    margin-right: 10px;
}

    .btnCollCart p {
        font-size: 13px;
        font-style: italic;
    }

    .btnCollCart span {
        padding-right: 5px;
    }

/*-----------------detalhes produtos---------------*/

.escolhaItens, .escolhaItensPizza {
    /* padding: 5px;*/
    text-align: center;
    /*margin-top: 15px;*/
}

    .escolhaItens h5, .escolhaItensPizza h5 {
        color: #636363;
        font-size: 18px;
        font-weight: 500;
    }

    .escolhaItens img, .escolhaItensPizza img {
        width: 100%;
        max-width: 300px;
    }

.listIngredientes ul {
    list-style: none;
    padding: 0;
}

    .listIngredientes ul li {
        border-bottom: 1px solid;
        display: block;
        margin-bottom: 5px;
        padding-bottom: 1px;
        position: relative;
    }

.produtosCarrinho h4 {
    font-size: 15px;
    font-weight: bold;
}

.produtosCarrinho .panel {
    border: none;
}

.vlrItenCart {
    font-weight: bold;
}

.itensList button {
    border: none;
    border-radius: 3px;
    line-height: 0;
    padding: 13px;
}

.produtosCarrinho {
    border-radius: 0.5em;
    margin: 5px 0;
    padding: 10px;
}

    .produtosCarrinho img {
        border: 1px solid;
        border-radius: 0.5em;
    }

.itensList .menos, .itensList .mais {
    font-weight: bold;
}

.pizzaSabor_qtd h4 {
    text-align: center;
}

.pizzaImg {
    margin: 0 auto;
    /*margin-top: 15px;
    margin-bottom: 15px;*/
    position: relative;
    /*width: 20%;*/
}

    .pizzaImg img {
        filter: alpha(opacity=30);
        opacity: 0.3;
        width: 100%;
    }

.pizza_1de2 {
    width: 50%;
}

.pizza_1de3 {
    width: 33.3%;
}

.pizza_2de3 {
    width: 66.6%;
}

.pizza_1de1, .pizza_3de3, .pizza_2de2,
.pizza_1de4, .pizza_2de4, .pizza_3de4, .pizza_4de4 {
    width: 100%;
}

.pizzaImgOpac span {
    border-radius: 50%;
    font-size: 22px;
    font-weight: bold;
    height: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 9px;
    width: 30px;
    z-index: 2;
}

.pizzaImgOpac {
    background-image: url("../../projeto/img/pizzaModel-01.jpg");
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.opacidadePizza {
    bottom: 0;
    display: block;
    filter: alpha(opacity=70);
    height: 100%;
    opacity: 0.7;
    position: absolute;
}

.pizza_2de3 ~ .opacidadePizza {
    width: 33.3%;
}

.pizza_3de3 ~ .opacidadePizza {
    width: 66.6%;
}

.pizza_2de2 ~ .opacidadePizza {
    width: 50%;
}

.pizza_1de4 ~ .opacidadePizza {
    height: 50%;
    top: 0;
    width: 50%;
}

.pizza_2de4 ~ .opacidadePizza {
    height: 50%;
    right: 0;
    top: 0;
    width: 50%;
}

.pizza_3de4 ~ .opacidadePizza {
    height: 50%;
    width: 50%;
}

.pizza_4de4 ~ .opacidadePizza {
    height: 50%;
    right: 0;
    width: 50%;
}

/*.saboresPizza {
    margin-top: 20px;
}*/

#totalAdicionais {
    margin-top: 30px;
    padding: 10px;
}

#totalItem {
    margin-top: 5px;
    margin-bottom: 100px;
    padding: 5px 10px;
    border: none !important;
}

/*.btnAddCart {
    float: right;
}
*/
#GoMenu {
    float: none;
    margin-top: 15px;
    width: 220px;
}

.blocosAddPizza h3, .blocosTitulo h3 {
    margin: 5px 0 0 0;
    padding: 10px;
}

.radioBorda {
    border-bottom: 1px dashed #dfdfdf;
    border-left: 1px dashed #dfdfdf;
    border-right: 1px dashed #dfdfdf;
    display: block;
    margin: 0 10px;
    position: relative;
    padding: 5px;
}

    .radioBorda input {
        margin-right: 5px;
    }

.valBorda {
    font-weight: bold;
    position: absolute;
    right: 0;
}

.blocosAddPizza textarea, .blocosTitulo textarea {
    margin-top: 10px;
    max-height: 150px;
    max-width: 100%;
    min-height: 80px;
    width: 100%;
    margin-bottom: 140px;
}

.imgProd {
    width: 84px;
    height: 80px;
    border-radius: 0.525rem !important;
}

.ItensCombinado {
    display: block;
}

.ListaItens {
    margin: 0;
    padding: 10px;
}

    .ListaItens li {
        border-bottom: 1px;
        border-bottom-style: dashed;
        display: block;
        margin-bottom: 5px;
        position: relative;
    }

.espacamentoSpan {
    font-weight: 600;
    margin: 0 20px;
}

.chefMioDiv img {
    float: left;
    width: 66px;
}

.chefMioDiv a {
    color: #ececec;
    font-style: italic;
    text-decoration: underline;
}

.RodapeInter h4, .infoRodape {
    border-radius: 0.5em;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
}

    .infoRodape p {
        font-size: 11px;
    }

#SocialMedia {
    border-radius: 0.5em;
    overflow: hidden;
    padding: 10px;
}

.RodapeInter ul li {
    list-style: inside;
}

    .RodapeInter ul li a {
        cursor: pointer;
        font-size: 16px;
    }

#newsRodape input {
    border: 1px solid;
    margin-bottom: 10px;
}

.TiposPagamento {
    padding: 0;
    padding-left: 5px;
}

    .TiposPagamento li {
        display: inline-block;
        list-style: none;
        margin: 2px 0;
    }

        .TiposPagamento li img {
            width: 40px;
        }

.ProdCartLat {
    display: inline-block;
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 139px;
}

    .ProdCartLat span {
        white-space: nowrap;
    }

    .ProdCartLat img {
        position: absolute;
        right: 0;
    }

.fotoPerfil {
    text-align: center;
}

.contTab {
    padding: 10px;
}

    .contTab form .form-group {
        margin-bottom: 5px;
    }

#NaoSeiCep {
    display: inline-block;
    padding: 5px;
}

#DetalhesFormCad {
    display: none;
}

.fotoPerfil img {
    border: 2px solid #808080;
}

#cartEmpty {
    margin-top: 20px;
    text-align: center;
}

#TrocaSenha {
    display: none;
}

#cartEmpty img {
    margin-bottom: 20px;
}

.navegadorTopo {
    display: block;
    font-style: italic;
    margin-bottom: 10px;
}

#BlocoDinheiro, #BlocoCartao {
    display: block;
}

/*Adicionado por Cristiano*/
.statusPedido11 {
    color: #a8a8a8;
}

.statusPedido10 {
    color: #cc3333;
}

.statusPedido1 {
    color: #ffa31a;
}

.statusPedido2, .statusPedido12 {
    color: #2eb82e;
}

.statusPedido3 {
    color: #2eb82e;
}

.statusPedido4 {
    color: #636363;
}

.statusPedido5 {
    color: #ffa31a;
}

.statusPedido5, .statusPedido4, .statusPedido3, .statusPedido2, .statusPedido1, .statusPedido10, .statusPedido11, .statusPedido12 {
    padding: 7px 5px;
}

.padding0 {
    padding: 0 !important;
}

.colorBlack {
    color: black !important;
}

/*Adicionado por Cristiano Parte de Conteúdo Master*/
#BlocoConteudoHome {
    margin-top: 15px;
}

    #BlocoConteudoHome .divSubBanner {
        overflow: hidden;
    }

        #BlocoConteudoHome .divSubBanner img {
            width: 100%;
        }

.divPadding0 {
    padding: 0 5px;
}
/*////////////////////////////////////////////////*/

/*Adicionado por Cristiano Botão página de pagamento*/
.btn-ok {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-size: 17px;
}

    .btn-ok:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.btn-ok-normal {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-ok-normal:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }
/*////////////////////////////////////////////////*/

/*Adicionado por Cristiano Botão página de pagamento*/
.btn-square {
    border-radius: 0;
}

.actions {
    background-color: #000000;
    color: white;
}

.navbar-fixed-bottom .col-xs-1, .navbar-fixed-bottom .col-xs-2, .navbar-fixed-bottom .col-xs-3, .navbar-fixed-bottom .col-xs-4, .navbar-fixed-bottom .col-xs-5, .navbar-fixed-bottom .col-xs-6, .navbar-fixed-bottom .col-xs-7, .navbar-fixed-bottom .col-xs-8, .navbar-fixed-bottom .col-xs-9, .navbar-fixed-bottom .col-xs-10, .navbar-fixed-bottom .col-xs-11, .navbar-fixed-bottom .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.navbar-fixed-bottom {
    padding: 10px;
}

.cart-description {
    display: inline-block;
    flex-grow: 1;
    padding: 5px;
    font-size: 12px;
    font-weight: 900;
    color: white;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .cart-description:hover, .cart-description:visited {
        color: white;
    }

.cart-icon-img {
    display: inline-block;
    vertical-align: text-top;
    color: #fff;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*////////////////////////////////////////////////*/

/*Adicionado por Cristiano botão dos sweetalert2*/
.btn-ok-alerta-green {
    color: #fff;
    background-color: #098200;
}

.btn-ok-alerta-red {
    color: #fff;
    background-color: #e0081b;
}

    .btn-ok-alerta-red:hover, .btn-ok-alerta-red:focus, .btn-ok-alerta-red.focus,
    .btn-ok-alerta-green:hover, .btn-ok-alerta-green:focus, .btn-ok-alerta-green.focus {
        color: #fff;
    }
/*////////////////////////////////////////////////*/

/*Adicionado por Cristiano pag de avaliação //////*/
.rating {
    height: 20px;
    padding: 0px;
    margin: 0px;
}

    .rating li {
        list-style: none;
        float: left;
        width: 20px;
        height: 20px;
        padding: 0px;
        margin: 0px;
    }

        .rating li a {
            display: block;
            width: 20px;
            height: 20px;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            text-indent: -100px;
            background-image: url("../../projeto/img/rating.png");
            background-repeat: no-repeat;
            text-decoration: none;
        }

            .rating li a:hover {
                background-color: transparent;
                text-decoration: none;
            }

        .rating li .hover {
            background-position: 0px -20px;
        }

        .rating li .full {
            background-position: 0px -40px;
        }

/*////////////////////////////////////////////////*/

.marginTop65 {
    margin-top: 140px;
}

/*Adicionado cristiano melhorias gerais*/
.descricaoItem {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itemMenu {
    /*border: solid 1px #ccc;*/
    margin: 10px 10px 0 10px;
}

.imgLogoMobileTopo {
    max-height: 33px;
    max-width: 90px;
    margin-top: 6px;
    float: right;
}

.pizzaSabor_qtd option {
    background-color: white !important;
    color: #3a3a3a;
}

.ingredienteSaborDescricao {
    padding: 5px;
    font-weight: 700;
    min-height: 60px;
}

/*////////////////////////////////////*/


/*Melhorias 13-05-2020////////////////*/
#logoTopoNovo {
    max-height: 200px;
    max-width: 300px;
    padding-bottom: 10px;
    padding-top: 15px;
}

.font-size-em-1-5 {
    font-size: 1.5em;
}

#divStatusTopo {
    margin-bottom: 15px;
}

#divMobileNovo {
    display: none;
    font-weight: 500;
    padding: 10px 5px 7px 5px;
    text-align: center !important;
}

.text-white-novo {
    color: #ffffff !important;
}

.navbar {
    border: none;
}
/*////////////////////////////////////*/
.pizzaDivisor {
    background: #525252 !important;
    padding: 12px 10px !important;
    color: white;
    position: relative;
    margin-right: -15px;
    margin-left: -15px;
    text-align: center;
    margin-top: 10px;
}

/*Medias ****************************************************************************/
@media all and (max-width: 1199px) {
    #carousel {
        width: 100% !important;
    }

    .imgProdCart {
        width: 95px;
    }

    .prodDestaque h3 {
        font-size: 16px;
    }

    #btnPassaProdFilho {
        display: none !important;
    }
}

@media all and (min-width: 1200px) {

    footer {
        padding-bottom: 15px;
    }

    .sliderProdutos {
        overflow: hidden;
        position: relative;
    }

    .sliderCarrinho {
        margin-left: 23px;
    }

    #carousel {
        margin: 0;
        padding: 0;
        position: relative;
    }

    #btnPassaProdFilho {
        margin: 10px 0;
    }

    .navProdFinalCompra #btnPassaProdFilho {
        margin-left: 35px;
    }

    /*  .tamanhoProd {
        width: 220px;
        margin-top: 8px;
    }*/

    #prev, #next {
        border-radius: 0.2em;
        font-size: 17px;
        font-weight: bold;
        margin: 0 2px;
        padding: 2px 5px;
    }
}

@media all and (max-width: 991px) and (min-width: 0) {

    #navTopo, #divAtalhoCategorias {
        display: none;
    }

    #bodyAncora {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #linkLoginMobileNovo {
        display: inline-block;
    }

    #divMobileNovo {
        display: block;
    }

        #divMobileNovo > div {
            padding: 0px 8px;
        }

            #divMobileNovo > div > p {
                margin-bottom: 4px;
            }

    #dropdownLoginTopo {
        left: inherit;
        right: 0px;
    }


    #LoginTopo {
        position: absolute;
        top: 10px;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 15px 0 0 15px
    }

        #LoginTopo:hover {
            color: white;
        }

    #logoTopoNovo {
        max-height: 150px;
        max-width: 220px;
        padding-bottom: 10px;
        padding-top: 15px;
    }

    .bodyFixed {
        position: fixed;
    }

    #buscador {
        width: 33%;
    }

    .DetalhePedidoCliente h5 {
        font-size: 12px;
    }

    .DetalhePedidoCliente div p {
        font-size: 11px;
    }

    .menuTopo2 {
        display: block !important;
    }

    /*DIV MOBILE MENU ---------------------*/
    #divMenuTopo2 {
        position: fixed !important;
        top: 0 !important;
        left: 15px !important;
        z-index: 50000 !important;
        width: 100% !important;
    }

    .corpo {
        padding-bottom: 50px;
    }

    .btns-mobile {
        float: right !important;
    }

    #btnVoltarMobile {
        float: left !important;
        width: 0 !important;
        display: block !important;
        visibility: visible !important;
    }

    #imgLogoMobile {
        display: block !important;
        visibility: visible !important;
    }

    body {
        background-color: white !important;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    }

    /*---------------------------------------*/

    .close-menu {
        cursor: pointer;
        display: none;
        left: 15px;
        position: fixed;
        top: 12px;
        z-index: 99999999;
    }

    #responsivo-cart {
        -moz-transform: translate(100%, 0);
        -moz-transition: all 500ms ease;
        -ms-transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        -o-transition: all 500ms ease;
        -webkit-transform: translate(100%, 0);
        -webkit-transition: all 500ms ease;
        border-left: 1px solid;
        bottom: 0;
        overflow-x: auto;
        position: fixed;
        right: 0;
        top: 0;
        transform: translate(100%, 0);
        transition: all 500ms ease;
        width: 100%;
        z-index: 9999999;
    }

    #responsivo-cardapio {
        -moz-transform: translate(0, 150%);
        -moz-transition: all 500ms ease;
        -ms-transform: translate(0, 150%);
        -o-transform: translate(0, 150%);
        -o-transition: all 500ms ease;
        -webkit-transform: translate(0, 150%);
        -webkit-transition: all 500ms ease;
        border-left: 1px solid;
        bottom: 0;
        overflow-x: auto;
        position: fixed;
        right: 0;
        top: 0px;
        transform: translate(0, 150%);
        transition: all 500ms ease;
        width: 100%;
        z-index: 10000;
    }

    #responsivo-fav {
        -moz-transform: translate(-100%, 0);
        -moz-transition: all 500ms ease;
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -o-transition: all 500ms ease;
        -webkit-transform: translate(-100%, 0);
        -webkit-transition: all 500ms ease;
        border-left: 1px solid;
        bottom: 0 !important;
        height: 100%;
        left: -100%; /*//resolve o problema do navegador padrão do android*/
        overflow: hidden !important;
        position: fixed !important;
        top: 0;
        transform: translate(-100%, 0);
        transition: all 500ms ease;
        width: 100%;
        z-index: 10000;
    }

    #cbxCarrinho:checked ~ #responsivo-cart, #cbxMenu:checked ~ #responsivo-cardapio, #cbxFavoritos:checked ~ #responsivo-fav {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        left: 0;
        transform: translate(0, 0);
    }

    #cbxCarrinho:checked ~ #close-carrinho, #cbxMenu:checked ~ #close-cardapio, #cbxFavoritos:checked ~ #close-favoritos {
        display: block;
        font-size: 25px;
    }
}

@media (min-width: 992px) {


    div.endInfo {
        border-right: 1px solid #a8a8a8;
    }

    /*    #pSelecionarFormaPagamento {
        display: none;
    }*/
}

@media (max-width: 991px) {
    .flex-parent {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .flex-parent > .long-and-truncated {
            /*flex: 1;*/
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    /*  #carousel .tamanhoProd {
        margin-bottom: 30px;
    }*/

    #itensCarrinho #cartEmpty img {
        width: 15%;
    }

    #responsivo-cardapio #cardapio {
        margin: 0;
    }

    #carrinho > h3, #cardapio h3 {
        margin: 0;
        padding: 10px;
    }

    #blocoPagamento {
        display: none;
    }

    .ingredienteSaborDescricao {
        min-height: 0px;
    }

    #menuPrincipal .nav > li > a {
        padding-left: 20px !important;
    }
}

@media all and (max-width: 767px) and (min-width: 0) {

    .linhaItemIngrediente {
        height: 30px;
    }

    .menuPrincipalLateral {
        font-weight: 600 !important;
        font-size: 17px !important;
    }


    .itensList {
        bottom: -5px;
    }

    .col-xs-12 #btnBusca {
        position: absolute;
        right: 7px;
        top: 0;
    }

    .ocultarTopoMob {
        display: none;
    }

    #socialRegistrar, #loginForm {
        margin-top: 40px;
    }

    .listIngredientes ul li, .ListaItens li {
        padding-bottom: 12px;
    }

    .itensList button, .produtosCarrinho .menosCarrinho, .produtosCarrinho .maisCarrinho {
        padding: 15px;
    }

    .logotipoTopo {
        text-align: center;
    }

    .prodDestaque .btn-success {
        position: absolute;
        bottom: 15px;
        width: 200px;
        right: 15px;
    }

    .prodDestaque h3 {
        font-weight: bold;
    }

    /*#statusDelivery {
        position: relative;
        right: inherit;
        top: inherit;
    }*/

    /*#divStatusTopo {
        text-align: center;
    }*/

    #EnderecoTopo h4 {
        font-size: 14px;
        max-width: 100%;
        padding: 5px;
        position: relative;
        left: 10%;
    }

    #menuPrincipal {
        position: relative;
    }

    #logoTopoNovo {
        max-height: 120px;
        max-width: 190px;
        padding-bottom: 10px;
        padding-top: 20px;
    }

    #buscador {
        left: 8px;
        margin-right: 20%;
        position: absolute;
        top: 8px;
        width: inherit;
        z-index: 10;
    }

        #buscador input {
            display: inline-block;
        }

    #imgProdPrincipal {
        text-align: center;
    }

    #topo {
        height: auto;
        padding-bottom: 5px;
    }

    .checkout-wrap {
        margin: 0 auto !important;
    }

    .checkout-bar {
        padding: 0;
    }

    .prodDestaque img {
        float: left;
        max-width: 200px;
    }

    .prodDestaque {
        position: relative;
        text-align: left;
    }

    .floatDiv {
        float: left;
        margin-left: 10px;
    }

    .prodDestaque button {
        width: 100px;
    }

    .floatDiv h3 {
        margin-top: 0;
    }

    h1 {
        font-size: 25px;
    }

    #imgProdPrincipal img {
        /*max-width: 300px;*/
        border-radius: 0.525rem !important;
    }
}

@media print {
    #impressao {
        display: block !important;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
}

@media all and (min-width: 768px) {
    /*#logoTopoNovo {
        max-height: 130px;
        max-width: 200px;
    }*/

    .checkout-bar li.active:after {
        -moz-animation: myanimation 3s 0;
        -o-animation: myanimation 3s 0;
        -webkit-animation: myanimation 3s 0;
        animation: myanimation 3s 0;
        content: "";
        left: 50%;
        top: -50px;
        z-index: 0;
    }

    .infoCardItem h3 a {
        font-weight: 500;
        font-size: 20px;
    }

        .infoCardItem h3 a:hover {
            text-decoration: none;
        }

    .logotipoTopo {
        text-align: left;
    }

    .checkout-bar li.active:after, ul.checkout-bar, ul.checkout-bar:before, ul.checkout-bar li.visited:after {
        background-size: 35px 35px;
        position: absolute;
        -webkit-box-shadow: inset 2px 2px 2px 0 #000000;
        -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0 #000000;
        box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
        height: 15px;
        width: 100%;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    }

    ul.checkout-bar {
        background-color: #EcEcEc;
        border-radius: 15px;
        margin: 0 auto;
        padding: 0;
    }

        ul.checkout-bar:before {
            border-radius: 15px;
            content: " ";
            left: 0;
            position: absolute;
            width: 10%;
        }

        ul.checkout-bar li {
            display: inline-block;
            margin: 50px 0 0;
            padding: 0;
            text-align: center;
            width: 24%;
        }

            ul.checkout-bar li:before {
                height: 45px;
                left: 40%;
                line-height: 45px;
                position: absolute;
                top: -65px;
                width: 45px;
                z-index: 99;
            }

            ul.checkout-bar li.visited {
                background: none;
            }

                ul.checkout-bar li.visited:after {
                    content: "";
                    left: 50%;
                    position: absolute;
                    top: -50px;
                    z-index: 99;
                }

    #navbar {
        position: relative;
    }

    #EnderecoTopo h4 {
        max-width: 100%;
    }

    .checkout-wrap {
        margin: 0 0 90px auto;
    }

    .alertaPedidosDesktop {
        width: 500px;
    }

    .w-modal .modal-dialog {
        width: 892px;
    }
}



/*modificação para exibição de sub banners na home*/
.centered-btns1_tabs {
    display: none;
}

#BlocoConteudoHome .divSubBanner {
    margin-top: 15px;
}

.rslides_container {
    margin-bottom: 15px;
}

#img-carrinho-vazio {
    width: 40%;
}

@media all and (max-width: 480px) {

    .statusPedido5, .statusPedido4, .statusPedido3, .statusPedido2, .statusPedido1, .statusPedido10, .statusPedido11 {
        padding: 2px;
        font-size: 12px;
    }

    #img-carrinho-vazio {
        width: 100%;
    }

    .prodDestaque img {
        float: left;
        max-width: 400px;
    }

    #BlocoConteudoHome .divSubBanner img {
        width: 100%;
    }

    /*    #btnsCarrinho a {
        margin-bottom: 15px;
        width: 100%;
    }*/

    .prodDestaque .btn-success {
        position: relative;
        bottom: 0;
        width: 100%;
        right: auto;
    }

    #divProdPrincipal h1 {
        text-align: center;
        font-size: 22px;
    }

    .escolhaItens h4, .escolhaItensPizza h4 {
        font-size: 14px;
    }

    /* .label-informativo {
        text-align: center;
    }*/


    .menor480 {
        width: 100%;
    }

    #infoProduto {
        text-align: center;
    }

    /*.escolhaItens img {
        display: none;
    }*/

    .itemMenu {
        padding: 5px;
    }

        .itemMenu .btn-success {
            width: 100%;
        }

        .itemMenu .menor480 {
            text-align: center;
            padding: 0;
        }

        .itemMenu h3 {
            margin-top: 10px;
        }


    .menor480 .btnAddCart {
        width: 100%;
    }

    #mostrar-todos {
        width: 50% !important;
    }

    #esconder-todos {
        width: 50% !important;
    }


    .itemMenu .btnAddCart {
        margin-top: 5px;
    }

    /*  .itemMenu .imgProd {
        width: 50%;
    }*/

    #LoginTopo #nickName {
        display: none;
    }

    #ListTopoLogin {
        left: inherit;
        right: -15px;
    }

    /*#dropdownLoginTopo {
        left: inherit;
        right: -15px;
    }*/

    .prodDestaque {
        text-align: inherit;
        margin-bottom: 15px;
    }

    .floatDiv {
        float: right;
        width: 65%;
        margin-left: 0;
        margin-top: 10px;
        line-height: 12px;
    }

        .floatDiv button {
            width: 100%;
        }

    .imgProdutoResponsive {
        width: 32%;
        clear: both;
        float: left;
        padding: 7px 5px 5px 5px;
    }

    /*#statusDelivery {
        font-size: 12px;
        right: inherit;
        top: inherit;
        position: inherit;
    }*/

    .titulosInterPag {
        margin-bottom: 20px;
    }

    h3 {
        font-size: 17px;
    }

    h2 {
        font-size: 20px;
    }

    h4 {
        font-size: 16px;
    }

    #imgProdPrincipal img {
        /*max-width: 300px*/;
        border-radius: 0.525rem !important;
    }

    .tituloH4 {
        font-size: 16px;
    }

    .tituloHome {
        margin-top: -10px;
    }

    .btn-fonte-pequena {
        font-size: 12px;
    }

    .tamanhoProd {
        background-color: #F9F9F8;
        border: 1px solid #dedede;
    }

        .tamanhoProd a img {
            /* width: 30%;*/
            clear: both;
            /*     float: left;*/
            /* padding: 0px;*/
        }

    .escolhaItensPizza h4 {
        height: auto;
    }

    .escolhaItensPizza h5 {
        font-size: 15px;
    }

    /*   #carousel .tamanhoProd {
        margin-bottom: 10px;
    }*/

    .modal-content {
        margin-top: 0px;
    }

    /*    .pizzaImg {
        width: 30%;
    }*/
}

@media all and (min-width: 481px) {

    #EnderecoTopo {
        text-align: center;
    }

    .itemMenu .btnAddCart {
        bottom: 15px;
        padding-left: 35px;
        padding-right: 35px;
        position: absolute;
        right: 15px;
    }

    .itensListCat .itemMenu {
        min-height: 100px;
    }

    /*#statusDelivery {
        font-size: 12px;
        right: inherit;
        top: inherit;
        position: inherit;
    }*/

}

@media all and (max-width: 350px) {

    .escolhaItens h4, .escolhaItensPizza h4 {
        font-size: 12px;
    }

    .btnAdicionadosCarrinho {
        width: 100%;
        margin: 6px auto;
    }

    .itensList button, .produtosCarrinho .menosCarrinho, .produtosCarrinho .maisCarrinho {
        padding: 13px;
    }

    /*#statusDelivery {
        font-size: 12px;
        right: inherit;
        top: inherit;
        position: inherit;
    }*/

}

/* Fim Medias *******************************************************************/



/*Modal full ******************************************/
#divModalProduto {
    position: absolute;
}

/*.modal-backdrop {
    background-color: transparent;
}*/

.modal {
    z-index: 300001
}

.w-modal .modal-dialog {
    /*right: -1000px;*/
    position: fixed;
    height: 100% !important;
    margin: 0;
    transition: right .4s
}

.w-modal.in .modal-dialog {
    margin: 0 auto;
    right: 0;
    left: 0;
    border-top-left-radius: 4px
}

.w-modal .modal-content {
    height: 100%;
    /* border-radius: 0;*/
    overflow-y: hidden;
    overflow-x: hidden;
    border: 0;
    /*border-bottom-left-radius: 4px;
    border-top-left-radius: 4px*/
}

.w-modal .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}

.w-modal .modal-header {
    background: #c72126;
    color: #fff;
    /*height: 60px;*/
    /*border-top-left-radius: 4px*/
}

.w-modal .modal-title {
    font-weight: inherit;
    line-height: 1.628571
}

.w-modal .modal-header .close {
    position: absolute;
    right: 10px;
    padding: 5px 10px;
    top: 6px;
    color: #fff;
    opacity: 10;
    font-size: 25px;
    line-height: 1.28
}

.w-modal .modal-footer {
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 100000;
    padding: 2px 15px;
}

#modal-order #finish-order {
    width: 100%
}

.a-modal .modal-dialog {
    opacity: 0;
    transition: all .5s
}

.a-modal.in .modal-dialog {
    opacity: 1
}

.a-modal .modal-title {
    text-align: center;
    font-size: 22px
}

.a-modal .modal-content {
    border-radius: 0;
    overflow: auto
}

.a-modal .modal-header {
    background: #c72126;
    color: #fff !important;
}

    .a-modal .modal-header .close {
        margin-top: 6px;
        color: #fff;
        text-shadow: none;
        opacity: 1
    }

.modal-title {
    color: #fff !important;
}

@media (max-width:767px) {


    .w-modal .modal-dialog {
        width: 100%
    }

    .a-modal .modal-content {
        height: 100%
    }

    .a-modal .modal-dialog {
        position: fixed;
        height: 100%;
        margin: 0;
    }

    .a-modal.in .modal-dialog {
        right: 0
    }

    .a-modal {
        padding: 0;
        margin: 0
    }

        .a-modal .modal-dialog {
            width: 100%;
            margin: 0;
        }

        .a-modal .modal-body {
            padding: 10px 0
        }

    .auth-form {
        padding-bottom: 200px
    }
}

@media (min-width:768px) {
    .w-modal .modal-dialog {
        width: 100%
    }
}

@media (min-width:992px) {
    .w-modal .modal-dialog {
        width: 892px
    }

    .blocosAddPizza {
        margin-bottom: 0px;
    }

    .w-modal.in .modal-dialog {
        height: 90% !important;
        border-radius: 10px;
        margin: auto !important;
        top: 0;
        bottom: 0;
    }
}

@media (max-width: 990px) {
    .w-modal.in .mobile-center {
        margin: auto !important;
        top: 0;
        bottom: 0;
    }
}

@media (min-width:1200px) {
    .w-modal .modal-dialog {
        width: 50%;
    }

        .w-modal .modal-dialog.modalProdutoDetalhes {
            width: 50%;
        }
}

.fb-loading {
    text-align: center
}

.login-divider {
    position: relative;
    margin: 20px 0
}

.login-divider-line {
    border-bottom: 1px solid #ccc
}

.login-divider-text {
    margin: 0 auto;
    width: auto;
    position: relative;
    text-align: center;
    margin-top: -10px
}

    .login-divider-text span {
        background: #fff;
        padding: 0 10px
    }

.box-slider-input {
    float: left;
    padding-top: 5px
}

    .box-slider-input input {
        border: 0;
        color: #333;
        font-weight: 700
    }

.box-slider {
    padding-left: 25px;
    padding-top: 10px
}

.infobox {
    color: #777;
    margin-left: 5px;
    cursor: pointer
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

.arrow:after, .ui-tooltip {
    background: #efefef;
    border: 1px solid #ccc
}

.ui-tooltip {
    width: 140px;
    padding: 10px 10px;
    color: #777;
    border-radius: 5px;
    border: 1px solid #ccc;
    font: 12px "Helvetica Neue",Sans-Serif
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px
}

    .arrow.top {
        top: -16px;
        bottom: auto
    }

    .arrow.left {
        left: 20%
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto
    }

.search-address-tooltip {
    width: 100%;
    border-radius: 2px;
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    top: 40px
}

#sortable1, #sortable2 {
    border: 1px solid #eee;
    width: 250px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px
}

    #sortable1 li, #sortable2 li {
        margin: 0 5px 5px 5px;
        padding: 5px;
        font-size: 1em;
        width: 238px;
        cursor: move;
        border: 1px solid #ccc;
        background: #efefef
    }

label.error {
    color: #e04d4d;
    margin: 5px 0 0 2px;
    font-size: 12px
}

input.error, input.error:focus {
    border-color: #e04d4d
}



/*CSS CLIENTE*/
a, h1, h2, h3, h4, h5, p {
    color: #797978;
}


.menuLat h3 {
    font-weight: 100;
}

#logoTopo {
    padding-top: 10px;
    padding-bottom: 15px;
    /*margin-bottom: -50px;*/
}

.btnInfo {
    color: #085e08;
    border: none;
    padding: 5px;
    font-size: 13px;
    background: none;
}

/*@media (min-width: 768px) {
    #statusDelivery {
        top: 70px;
    }
}*/

#totalItem h4 {
    text-transform: uppercase;
    font-size: 25px;
}

#spanTotalItem {
    color: #0eb10e;
    font-weight: bold;
}

.btnPrint {
    background-color: #bbb9b9;
    color: white;
}

.btnInfo:hover {
    color: #289228;
}

/*.colorBtnMais, .itensList .mais {
    background: #289228;
    color: white;
}*/

ul.checkout-bar li.visited, h3.troco, .text-info, a:hover, a:focus, .titulosH2, .navegadorTopo a, ul.checkout-bar a {
    color: #000000;
}

.telFooter h4 {
    text-align: center;
    color: #dedede;
}

.telFooter hr {
    border-top: 1px solid #dedede;
}



.produtosCarrinho h4, .SubTitulos, a {
    color: #797978;
}

#prev, #next {
    background-color: #722007;
}

.menuTopo2 {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #b51116;
}

.RodapeInter h4, .infoRodape, .infoRodape p {
    color: #dedede;
    background-color: #b51116;
}

.RodapeInter ul li a, .RodapeInter ul li {
    color: #dedede;
}

.infoRodape a {
    color: #ececec;
}

.menuLat h3, #ResumoPedido h3, #newsRodape input, .redChefMio {
    border-color: #000000;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background: #79a076 !important;
}

#newsRodape input {
    background-color: #C72126;
}

/*#btnBusca {
    border: 1px solid #fff;
    color: #ececec;
    background: #3a3a39;
}*/

#menuPrincipal a:hover {
    color: #ececec;
    background: #a71216;
}

#menuPrincipal a:focus {
    color: #ececec;
}

#divProdPrincipal h1 {
    margin-top: 15px;
    color: #000000;
}

.listIngredientes h4, .tituloIngrediente {
    padding: 10px;
    background-color: #F9F9F8;
    border: 1px solid #dedede;
    margin-top: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: whitesmoke;
}

.navbar-default .navbar-toggle {
    border-color: whitesmoke;
}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

.navbar-default .navbar-nav > .active > a {
    color: white;
    background: #B20000;
}

.colorBtnMenos {
    background-color: #D90000;
    color: white;
}

.glyphicon-minus-sign {
    color: #D90000;
}

footer {
    background: #C72126;
    border-top: 5px solid #79a076;
}

.menuLat h3, #ResumoPedido h3, #menuPrincipal, ul.checkout-bar li.visited:before, ul.checkout-bar:before, ul.checkout-bar li.visited:after,
.blocosAddPizza h3, .blocosTitulo h3, .pizzaImgOpac span, .dropSabores {
    background: #C72126;
    border-bottom: 5px solid #79a076;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*Color: (fonts)*/
.linkLoginTopo, .menuLat h3, #ResumoPedido h3, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a,
.menuTopo2 .btns-mobile, .prodDestaque button,
.pizzaImgOpac span, .blocosAddPizza h3, .blocosTitulo h3, #newsRodape input, .dropSabores {
    color: white;
}

    .linkLoginTopo:hover, .menuTopo2 div span:hover {
        color: #d2d3cb;
    }

    #newsRodape input::-webkit-input-placeholder, #newsRodape input::-moz-placeholder {
        color: #e0c1c1;
    }

#vlrTotal, .valBorda, #spanPreco, .glyphicon-plus-sign, .PropriedadesValor, .ValorItenList {
    color: #24b300;
}

#prev, .close-menu, #next, ul.checkout-bar li:before, .linkWhite, #navTopo h4 {
    color: #fff;
}

    .linkWhite:hover {
        color: #dcd6d6;
    }

ul.checkout-bar li.active {
    color: #F78C20;
}

ul.checkout-bar li, .inativo, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ccc;
}

.checkout-wrap, .vlrItenCart {
    color: #444;
}
/*Border-bottom */

.produtosCarrinho img, #TaxaEntrega, ul.checkout-bar li:before {
    border-color: #bbb9b9;
}

#responsivo-fav, #responsivo-cart, .itemMenu, #responsivo-cardapio, .produtoList {
    border-color: #ccc;
}

#divProdPrincipal, #totalAdicionais, #totalItem, #cardapio ul > li > a,
#carrinho, #cardapio, .prodDestaque, #itensCarrinho, #carrinho > hr, .ListaItens li, .listIngredientes ul li {
    border-color: #DCD6D6 !important;
}

.escolhaItens, .blocoEndereco, .produtosCarrinho, .titulosInterPag {
    background-color: #F9F9F8;
    border: 1px solid #dedede;
}
/*background-color*/
/*#navTopo {
    background-color: #272822;
}*/

ul.checkout-bar li.active:before, .checkout-bar li.active:after {
    background: #F78C20;
}

#itensCarrinho, #responsivo-cart, #responsivo-cardapio, #responsivo-fav {
    background-color: #fff;
}

#cardapio, #carrinho, .prodDestaque, #divProdPrincipal, #totalAdicionais, #totalItem, ul.checkout-bar li:before {
    background-color: #F9F9F8;
}

.corpo, .opacidadePizza, #SocialMedia {
    background-color: white;
}

.btn-default {
    background: white;
}

.prodDestaque button {
    background: #8F0303;
    color: #fff;
}

#buscaManual {
    background-color: #4a4a4a;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    line-height: 1.3333333;
    border-radius: 6px;
    text-align: center;
    margin-top: 5px;
}

    #buscaManual > a {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 15px;
    }

/*.btn-success {
    border-color: #740000;
}

    .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success:focus, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background: #bf0505;
        border-color: #740000;
    }*/

.pagination > .active > a {
    background-color: #D50100;
    border-color: #000000;
}

    .pagination > .active > a:hover {
        background-color: #3A3C33;
        border-color: #000000;
    }

.pagination > li > a {
    color: #000000;
}

#LoginTopo {
    cursor: pointer;
    float: right;
}


/*FIM CSS CLIENTE*/
/*CUSTOM CLIENTE PRACA*/
.nav > li > a {
    padding: 15px 10px !important;
}

.linkDiv {
    cursor: pointer !important;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    text-shadow: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: no-repeat;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: #333 !important;
}

/*FIM CUSTOM CLIENTE PRAÇA*/


/*Modernizar layout ********************************/
.btn, .borderCustomMD {
    border: 0 !important;
    border-radius: 0.325rem !important;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
}

.panel-body {
    padding: 3px !important;
}

.vlrItenCart {
    font-size: 17px;
}

.imgProd {
    max-width: 100%;
    border-radius: 0.525rem !important;
}

#menuCatDrop {
    margin-bottom: 10px;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border: 1px solid #dfdfdf !important;
}

#divAtalhoCategorias {
    margin-bottom: 10px;
}

.descricaoItem {
    padding-left: 5px;
    padding-right: 5px;
}

.modal-body {
    padding: 10px !important;
}

.btns-mobile {
    padding-top: 3px;
}

.radioBorda {
    padding: 0px 5px !important;
}

.valBorda {
    font-size: 16px;
    padding-top: 3px;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
    text-decoration: none !important;
}

.bg {
    background-color: aqua;
}

/*#infoProduto {
    margin-top: 15px;
    padding-top: 10px;
}*/

.itemIn {
    font-size: 16px;
}

/*.btnAddCart {
    padding-bottom: 10px;
    padding-top: 10px;
}*/

/********************************/

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 19px !important;
    color: #818181;
    display: block;
    transition: 0.3s;
    border-bottom: solid 1px #e8e8e8;
}

    .sidenav a:hover {
        color: #818181;
    }

    .sidenav a:visited {
        color: #818181;
    }

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.input-validation-error {
    border-color: #a94442;
}


/*Novo card produto *******************/
.item-media {
    display: flex !important;
    align-items: flex-start;
    background-color: #fff;
}

    .item-media:hover {
        background-color: #ececec;
    }

.item-right {
    padding: 2px;
    margin-left: 1rem;
    width: 30% !important;
    align-self: center !important;
    max-width: 100px !important;
}

.item-body {
    flex: 1;
}

.item-title {
    font-size: 1.5rem;
    font-weight: 600;
}

.item-botao {
    margin-top: 1rem;
}

.panel-heading {
    padding: 10px 8px 10px 0px !important;
    border-bottom: none;
}

#imgProdPrincipal {
    padding: 0px;
    background-size: cover;
    max-height: 270px;
}

.imgSubProduto {
    max-width: 100%;
    border-radius: 0.525rem !important;
}

.label {
    padding: 0 0.5em;
    font-size: 77%;
    line-height: 1.2;
    font-weight: 400;
}

#template {
    background-color: #fff;
}

.m-4 {
    margin: 4px !important;
}

.m-0 {
    margin: 0px !important;
}

.hrCarrinho {
    margin: 5px;
}

.titulos {
    font-weight: 800;
}

.titleNeutro {
    padding: 10px;
    color: #515151;
    font-size: 23px;
    text-align: center;
    border-radius: 0.325rem;
    margin-top: 0px;
}

.font-pequena-sabor {
    font-size: 14px;
}

.menosCarrinho, .maisCarrinho {
    font-size: 22px;
}
/*****************************************/

/*manu principal mobile********************/

.tab-bar {
    position: fixed;
    bottom: 0;
    height: 50px;
    display: flex;
    justify-content: space-around;
    background: #fff;
    left: 0;
    right: 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / 24%);
    z-index: 10000;
}

    .tab-bar .tab-bar-item {
        position: relative;
        /*overflow: hidden;*/
        /*padding: 8px 0;*/
        width: 70px;
        flex-direction: column;
        color: #3f3e3e;
        text-decoration: none;
        border: none;
        background: none;
    }

    .tab-bar .tab-bar-item, .tab-bar .tab-bar-item__badge {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tab-bar .tab-bar-item__icon {
        position: relative;
    }

    .tab-bar .tab-bar-item__title {
        color: #3d3d3d;
        font-weight: 300;
        font-size: 16px;
        line-height: 12px;
    }


.menu-icon {
    font-size: 16px;
    color: white;
}

.menu-text {
    font-weight: 300;
    color: white;
    font-size: 10px;
    padding-top: 3px;
}

.flex-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-info {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    color: #797978;
    cursor: pointer;
    padding: 5px;
}

#btn-voltar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 17px;
    margin-right: 10px;
}

/*@media screen and (min-width: 850px) {
    .menu-mobile-css {
        display: none;
    }
}*/

.carrinho-desk {
    border: 1px solid #d9d8d8;
}

#pb-3 {
    padding-bottom: 15px;
}

#titulo-topo {
    font-size: 16px;
    text-transform: uppercase;
}

.titulo-topo {
    font-size: 16px;
    text-transform: uppercase;
}

.info-empresa {
    text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-align: center;
}

.btnFormaPagamento {
    color: cornflowerblue;
    font-size: 17px;
    font-weight: 600;
}

    .btnFormaPagamento:hover {
        color: cornflowerblue;
    }

/*Animação de seta para cima e para baixo do collapse*/
.panel-heading.collapsed .glyphicon-chevron-up,
.panel-heading .glyphicon-chevron-down {
    display: none;
}

.panel-heading.collapsed .glyphicon-chevron-down,
.panel-heading .glyphicon-chevron-up {
    display: inline-block;
}

.collapsed ~ .panel-body {
    padding: 0;
}

#link-mais-informacoes {
    border-bottom: 1px solid;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 1200px) {
    .content-desk {
        width: 1170px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

#selectQtde {
    border: none;
}

.divAdicionar {
    width: 35%;
    display: flex;
    justify-content: space-around;
    border: 1px solid #bebeb3;
    padding: 0px 5px;
    border-radius: 5px;
    margin: 0px;
}

.btnQuant {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}

    .btnQuant:hover {
        text-decoration: none;
    }

.campoObs {
    border: 1px solid #bebeb3;
    color: #595555;
    text-align: center;
    padding: 10px;
    font-weight: 500;
}

#card-filho {
    border: 1px dashed #ebebeb;
    padding: 5px;
    margin-bottom: 10px;
    box-shadow: 5px 5px 5px #dfd4d4;
    margin-bottom: 10px
}

.badge-item {
    display: none;
}

#QuantPedido-mob {
    font-size: 10px;
    background-color: white;
    position: relative;
    margin-top: -15px;
    margin-left: 25px;
    font-weight: bold;
}

.EntregaRetira a.collapsed {
    font-weight: 700;
    color: #808080 !important;
    font-size: 17px;
}

.mb-detalhes {
    margin-bottom: 0px;
}

@media screen and (max-width: 400px) {
    .md-position-resumo {
        margin: 0 -10px 50px -10px;
    }
}

@media screen and (min-width: 769px) {
    .md-position-pedido {
        margin: 20px 0 0 40px;
    }

    .sm-col-6 {
        width: 50%;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    .form-group {
        padding: 5px;
    }
}

.icon-endereco {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    justify-content: center;
}

.card-border {
    border: 1px dashed #dfd4d4;
    padding: 5px;
    margin-bottom: 10px;
}

.list-forma-pagamento {
    margin: 5px -10px;
    list-style: none;
}

.div-cupom {
    padding: 15px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

.txt-link-alterar {
    border-bottom: 1px solid;
    color: #797978;
}

    .txt-link-alterar:hover {
        text-decoration: none;
        color: #cbc4c4;
    }

.selecionarPagamentoOnline {
    background-color: #dbf7d9;
}

.div-arrow-pagamento {
    position: fixed;
    right: 0;
    z-index: 1030;
    bottom: 70px;
    border-width: 1px 0 0;
    text-align: right;
}

.iconSeta {
    font-size: 46px;
    opacity: 1;
    animation: anima 1500ms ease infinite;
    -webkit-text-stroke: 7px whitesmoke;
    margin: -15px auto;
}

@keyframes anima {
    to {
        opacity: 0.1;
        transform: scale(0.85) translateY(20px);
    }
}

.animate__bounceIn {
    --animate-delay: 2s;
    margin: 0 0.5rem;
}

.divCpfCnpj {
    padding: 15px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

    .divCpfCnpj span {
        font-size: 15px;
        font-weight: 500;
        color: #656565;
    }

.jp-card .jp-card-front, .jp-card .jp-card-back {
    background: #337ab7 !important;
}

.link-css {
    color: #337ab7 !important;
    text-decoration: underline !important;
    font-weight: 600;
    cursor: pointer;
}

#myModal2Fatores {
    padding-right: 0px !important;
}

.txt-add-cartao {
    margin-left: 7px;
    color: #449d44;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.icon-add-cartao {
    width: 60px;
    height: 44px;
    font-size: 37px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Gap Classes */
.gap-1 > [class*="col-"] {
    padding: 5px;
}
/* 10px gap */
.gap-2 > [class*="col-"] {
    padding: 10px;
}
/* 20px gap */
.gap-3 > [class*="col-"] {
    padding: 15px;
}
/* 30px gap */
.gap-4 > [class*="col-"] {
    padding: 20px;
}
/* 40px gap */

.gap-8 > [class*="col-"] {
    padding: 8px;
}

.gap-16{
    gap: 16px;
}

/*--- Fontes ---*/
.display-large-regular {
    font-size: 57px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
    letter-spacing: -0.142px;
}

.display-medium-regular {
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -0.142px;
}

.display-small-regular {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -0.142px;
}

.headline-large-regular {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.142px;
}

.headline-medium-regular {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.142px;
}

.headline-small-regular {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.142px;
}

.title-large-regular {
    font-family: Ubuntu;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.142px;
}

.title-medium-medium {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.024px;
}

.title-small-medium {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.014px;
}

.label-large-medium {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.014px;
}

.label-medium-medium {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
}

.label-small-medium {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.055px;
}

.body-large-regular {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.08px;
}

.body-medium-regular {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.035px;
    font-family: 'Ubuntu', sans-serif !important;
}

.body-small-regular {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.035px;
}

/*----End Fontes----*/

/*--------ESTILO STATUS DO PEDIDOS-------------*/
.icon-center {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    color: white;
    z-index: 30;
}

.check-status-color {
    color: #27aa80 !important;
}

.check-status-back {
    background-color: #27aa80 !important;
}

.circle-process, .circle-process-active {
    background-color: #AFAFAF;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    border: 0px solid #AFAFAF;
    z-index: 10;
}

.status-circle-error {
    background-color: red !important;
    border: 0px solid red;
}

.linear-vertical {
    font-size: 50px;
    text-align: center;
    margin-top: -18px;
    margin-bottom: -10px;
    color: #AFAFAF;
}

.linear-vertical-error {
    font-size: 50px;
    text-align: center;
    margin-top: -18px;
    margin-bottom: -10px;
    color: red;
}

.text-status {
    margin: 5px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    color: #3F4042;
}

.text-status-pedido {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: var(--neutral-800, #3F4042);
}

.linear-desk {
    border-color: #aaa;
    box-sizing: border-box;
    width: 100%;
}

.div-status {
    display: flex;
    justify-content: start
}

.divNoneStatus {
    display: none;
}

.inativo {
    color: #94958c !important;
    font-size: 15px;
    background: white;
}

@media screen and (min-width: 750px) {
    .w-ing-descricao {
        width: 70%;
    }

    .w-ing-quant {
        width: 30%;
    }

    .w-desc-carrinho {
        width: 85%;
    }

    .w-quant-carrinho {
        width: 15%;
    }
}

@media screen and (max-width: 740px) {
    .w-ing-descricao {
        width: 50%;
    }

    .w-ing-quant {
        width: 50%;
    }

    .w-desc-carrinho {
        width: 70%;
    }

    .w-quant-carrinho {
        width: 30%;
    }
}

.menos, .menosCarrinho {
    color: #D90000;
    font-size: 15px;
    background: white;
}

.mais, .maisCarrinho {
    color: #289228;
    font-size: 15px;
    background: white;
}

.div-valor-ing {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.span-ingrediente, .span-carrinho {
    width: 30%;
    padding: 5px;
    text-align: center;
}

.maisCarrinho, .menosCarrinho {
    border: none;
}

input.btnEnviarSMS.btn-link {
    text-decoration: underline !important;
}

.btn-square.btn-success {
    font-size: 21px;
}

.quebra-linha {
    word-wrap: break-word;
    word-break: break-word;
}

/*------------------------header APP Chef Mio---------------------------*/

.div-header-app {
    height: 60px;
    background: #FFF;
    padding: 13px 16px;
    gap: 8px;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 0px;
    width: 100%;
}

@media(min-width: 729px) {
    .div-header-app {
        display: none;
    }

    .modal-ganhou-cupom {
        position: relative !important;
    }
}

.titulo-div-app {
    overflow: hidden;
    color: var(--neutral-900, #1F2021);
    text-overflow: ellipsis;
    font-family: "Ubuntu", sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.024px;
}

.text-div-app {
    color: var(--neutral-700, #5C5E61);
    text-overflow: ellipsis;
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.btn-app-chefmio {
    border-radius: 200px;
    background: #2A9AEB;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border: none;
}

.div-text-app-chefmio {
    display: flex;
    gap: 8px;
}

.text-app-chefmio {
    display: flex;
    flex-direction: column;
}

.btn-app-chefmio span {
    color: #FFF;
    text-align: center;
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
}

.flex-column-center {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

/*----------------------end header APP Chef Mio---------------------------*/

/*-----------------------modal de cupom-------------------------------*/

.div-modal-ganhou-cupom {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.modal-ganhou-cupom {
    border-radius: 12px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: var(--black-white-white, #FFF);
    height: 61px;
    /*margin: 0px 16px;*/
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    gap: 4px;
    position: absolute;
    top: 0px;
    z-index: 1000;
    left: auto;
    right: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.txt-ganhou-cupom span, .txt-ganhou-cupom label {
    color: var(--neutral-800, #3F4042);
    font-family: "Ubuntu", sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 0px !important;
}

.txt-ganhou-cupom span {
    font-weight: 700 !important;
}

.btn-ganhou-cupom {
    border-radius: 400px;
    background: var(--main-100, #FFDEE0);
    padding: 8px 10px;
    border: none;
    display: flex;
    gap: 4px;
}

.div-text-cupom {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.btn-txt-cupom {
    white-space: nowrap !important;
}

    .btn-txt-cupom small, .btn-txt-cupom span {
        color: var(--main-600, #CC161C);
        font-family: "Inter", sans-serif !important;
        font-size: 16px;
        font-style: normal;
        line-height: 24px;
        letter-spacing: 0.024px;
    }

    .btn-txt-cupom small {
        font-weight: 500;
    }

    .btn-txt-cupom span {
        font-weight: 700;
    }

/*-----------------------end modal de cupom-------------------------------*/

.card-pedido-sacola {
    padding: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: #FFF;
}

.div-itens-titulo-sacola {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.titulo-itens-sacola {
    color: var(--neutral-900, #1F2021);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    gap: 4px;
}

    .titulo-itens-sacola i {
        margin-right: 8px;
        font-weight: 800;
    }

.text-titulo-sacola {
    color: var(--neutral-900, #1F2021);
    font-family: 'Ubuntu', sans-serif !important;
    margin: 0px;
}

.valor-produto-sacola {
    color: var(--neutral-600, #6F7175);
    text-align: left;
    margin-bottom: 0px;
}

.card-itens-sacola {
    display: flex;
    justify-content: space-between;
    padding: 16px 12px;
    border-radius: 8px;
    margin-bottom: 5px;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
}

.btn-wrap {
    position: relative;
}

    .btn-wrap .btn-add-brinde-sacola {
        position: absolute;
        z-index: 1;
        top: 83%;
        left: 94%;
        width: 35px;
        height: 35px;
        padding: 0;
        margin: -15px 0 0 -30px;
        border: 0 none;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.foto-pedido-sacola {
    border-radius: 0.525rem;
    height: 100%;
}

.div-addPedido-sacola {
    margin: auto 8px;
    width: 100%;
}

.nome-produto-sacola {
    color: var(--neutral-800, #3F4042);
    margin-bottom: 0px;
    text-align: left;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.nome-produto-destaque {
    color: var(--neutral-900, #1F2021);
    margin-bottom: 0px;
    text-align: left;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-transform: capitalize;
}

.descricao-produto-sacola {
    text-align: left;
    padding-left: 0px;
    list-style: none;
    color: var(--neutral-600, #6F7175);
    text-transform: lowercase;
}

.div-valor-quant {
    display: flex;
    justify-content: space-between;
}

.div-qtde-sacola {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.menos-qtde-pedido {
    font-size: 15px;
    background: none;
    color: #CC161C;
    border: none;
}

.qtde-pedido {
    color: #3F4042;
    display: flex;
    width: 24px;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
}

.mais-qtde-pedido {
    font-size: 15px;
    background: none;
    color: #1D9000;
    border: none;
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.div-resumo-sacola {
    margin-top: 8px;
}

.div-btnModal-pagamento button, .div-btnModal-pagamento a {
    width: 100%;
    padding: 14px 8px;
}

.btn-padrao, .btn-padrao:hover, .btn-padrao:focus {
    color: #FFF;
    background: #CC161C;
    border-radius: 8px !important;
    padding: 14px 8px !important;
    border: none;
    text-align: center;
}

.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 8px 16px;
}

.div-vale-sacola {
    padding: 12px 34px;
    border-radius: 8px;
    background: #E8FFE0;
    margin-left: 16px;
    margin-right: 16px;
}

    .div-vale-sacola h5 {
        color: #43A047;
    }

    .div-vale-sacola p {
        color: #316233;
    }

.div-fidelidade-carrinho {
    padding: 16px;
    background: #FFF;
}

.card-fidelidade-carrinho {
    border-radius: 8px;
    border: 1px solid var(--neutral-200, #E7EAEE);
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.div-icon-present-carrinho {
    border-radius: 100px;
    background: #E5E5CF;
    padding: 3px;
}

.text-fidelidade-home {
    color: var(--neutral-600, #6F7175);
}

.icon-arrow-fidelidade {
    color: #B4B8BD;
    font-size: 9px;
    font-weight: 900 !important;
}

.m-1 {
    margin: 5px;
}

.card-produto-fidelidade {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    padding: 8px;
    display: flex;
    justify-content: space-between;
}

.gap-4 {
    gap: 4px;
}

.gap-8 {
    gap: 8px;
}

.foto-pedido {
    border-radius: 0.525rem;
    height: 100%;
}

.foto-pedido-sacola {
    border-radius: 0.525rem;
    height: 100%;
}

.text-fidelidade-carrinho {
    color: var(--neutral-600, #6F7175);
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-column {
    flex-direction: column;
}

.btn-resgatar {
    color: var(--main-600, #CC161C);
    margin: 8px;
}

.card-adicione-pedido-sacola {
    margin: 16px 0px;
}

.margin-left-16 {
    margin-left: -16px;
}

.margin-right-16 {
    margin-right: -16px;
}

.div-brinde-sacola {
    display: flex;
    margin-bottom: 10px;
    gap: 4px;
}

.subtitulo-sacola {
    color: var(--neutral-600, #6F7175);
}

.card-add-produto-sacola {
    margin: auto 5px;
    border-radius: 8px;
    padding: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    width: 145px;
    height: 215px !important;
    text-decoration: unset;
}

    .card-add-produto-sacola a, .card-add-produto-sacola:hover, .card-add-produto-sacola:focus {
        text-decoration: unset;
    }

    .card-add-produto-sacola .flex-justify-between {
        height: 33%;
    }

.mb-1 {
    margin-bottom: 5px;
}

.btn-add-brinde-sacola {
    background: #EAF9D7;
    border-radius: 30px;
}

    .btn-add-brinde-sacola i {
        color: #0eb10e;
    }

.div-barra-sacola {
    bottom: 80px !important;
    display: flex;
    justify-content: center;
    height: 56px;
    padding: 0 5px;
}

.menu-home-restaurante {
    display: flex;
    justify-content: center;
    gap: 52px;
}

.barra-sacola {
    border-radius: 8px;
    box-shadow: 0px 4px 8px 3px rgba(128, 128, 130, 0.15);
    background: var(--main-600, #CC161C);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 16px;
}

.a-sacola, .a-sacola:focus, .a-sacola:hover {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}

.txt-padrao {
    font-size: 17px;
    font-weight: 500;
}

    .txt-padrao.btn-editar-pedido, .txt-padrao.btn-editar-pedido:focus, .txt-padrao.btn-editar-pedido:hover {
        font-weight: 600 !important;
        font-size: 14px !important;
        text-decoration: none;
    }

    .txt-padrao span, .txt-padrao i {
        color: var(--black-white-white, var(--White, #FFF));
    }

.div-menu-restaurante {
    height: 68px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.item-menu-restaurante {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
}

    .item-menu-restaurante i {
        font-size: 20px;
        text-align: center;
        padding: 4px 15px;
        border-radius: 30px;
        color: #fff;
    }

    .item-menu-restaurante img {
        margin: 4px;
    }

    .item-menu-restaurante span {
        font-size: 12px;
        text-align: center;
        color: #fff;
    }

a.item-menu-restaurante {
    text-decoration: none;
}

.d-none {
    display: none;
}

/*versão desktop*/
@media (min-width: 937px) {
    .modal-mobile {
        display: none !important;
    }

    .barra-sacola {
        width: 50%;
    }

    .img-produto-detalhes {
        width: 100%;
        height: 360px;
        object-fit: cover;
    }

    .div-pedidoProduto-detalhes {
        margin-top: 16px;
    }
}

/*versão mobile*/
@media(max-width: 935px) {
    .modal-desk {
        display: none !important;
    }

    .barra-sacola {
        width: 100%;
    }

    .img-produto-detalhes {
        width: 100%;
        height: 384px;
        display: flex;
        object-fit: cover;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        margin-bottom: 16px;
    }
}

.txt-sacola-home {
    display: flex;
    gap: 8px;
}

    .txt-sacola-home i {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-weight: 600;
    }

    .txt-sacola-home span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: var(--black-white-white, var(--White, #FFF));
    }

.item-menu-restaurante.active i {
    color: var(--main-600, #CC161C) !important;
    background-color: #fff;
    font-weight: 600;
}

.card-informacoes-restaurante {
    padding: 8px 0px;
    display: flex;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
}

.div-infomacoes-restaurante {
    display: flex;
    color: var(--black-white-white, #FFF);
    gap: 4px;
}

    .div-infomacoes-restaurante i {
        font-size: 13px;
    }

.size-informacoes-tempo {
    max-width: 30%;
}

.text-tempo-informacao {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
}

.link-verMais {
    color: var(--black-white-white, #FFF);
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-decoration-line: underline;
    text-underline-offset: 2px;
}

.card-informacoes-restaurante {
    background: var(--main-600, #CC161C);
    color: #fff;
}

.div-search-restaurante {
    padding-top: 16px;
    padding-bottom: 16px;
}

.seach-detalhes {
    width: 100%;
}

.stick-categoria {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid var(--blue-grey-50, #ECEFF1);
    background: var(--black-white-white, #FFF);
    display: none;
    margin-left: -15px;
    margin-right: -15px;
}

.search-stick-home {
    padding: 10px 16px;
}

.categoria-stick-home {
    padding-left: 16px;
}

.icon-seach-detalhes {
    background-color: var(--neutral-100, #F0F3F5) !important;
    border: 1px solid #F0F3F5 !important;
    border-radius: 8px 0px 0px 8px !important;
}

.input-search-detalhes {
    background-color: var(--neutral-100, #F0F3F5) !important;
    border: 1px solid #F0F3F5 !important;
    box-shadow: none !important;
    border-radius: 0px 8px 8px 0px !important;
}

.input-search-home {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    box-shadow: none !important;
    border-radius: 0px 8px 8px 0px !important;
}

.icon-seach-home {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 8px 0px 0px 8px !important;
}

.categoria-home, .categoria-home:focus, .categoria-home:hover {
    padding: 12px 8px 8px 8px;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    text-align: center;
    border: none;
}


    .categoria-home .sublinhado-categoria {
        display: none;
    }

.categoria-home-ativo, .categoria-home-ativo:focus {
    padding: 12px 8px 0px 8px;
    text-transform: capitalize;
    border: none;
}

    .categoria-home-ativo .sublinhado-categoria {
        display: block;
        padding: 2px;
        margin: 8px 0px 0px 0px;
        border-radius: 40px 40px 0px 0px;
        background-color: var(--main-600, #CC161C);
    }

    .categoria-home-ativo, .categoria-home-ativo:focus, .categoria-home-ativo:hover {
        color: var(--main-600, #CC161C);
    }

.row-cardapio-home {
    padding: 8px;
}

.row-cardapio-destaque-home {
    padding: 8px 0px 8px 16px;
}

.modal-body-detalhes {
    background: var(--neutral-50, #F7F9FA);
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden;
}

.cabecalho-detalhes {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px !important;
    position: absolute;
    width: 100%;
}

.cabecalho-icon-detalhes {
    border-radius: 100px;
    background: rgba(0, 11, 34, 0.60);
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

    .cabecalho-icon-detalhes i {
        color: #fff;
        font-weight: 900;
        font-size: 15px;
    }

.flex-detalhes {
    display: inherit;
}

.card-info-detalhes {
    margin: auto 16px 20px 16px;
    border-radius: 9px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    padding: 8px;
}

.nome-restaurante-detalhes {
    color: var(--blue-grey-700, #455A64);
}

.titulo-produto-detalhes {
    color: var(--blue-grey-900, #263238);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-transform: capitalize;
}

.txt-descricao-detalhes {
    color: var(--neutral-600, #6F7175);
}

.div-voltar-detalhes {
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    background: var(--black-white-white, #FFF);
}

.cabecalho-iconNone-detalhes {
    color: #3F4042;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.div-cabecalho-icon-detalhes {
    color: #3F4042;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#divVoltarDetalhes {
    position: sticky;
    padding: 10px 0px 10px 0px;
    z-index: 1000;
    margin-left: -16px;
    margin-right: -16px;
    padding: 8px 16px;
    top: -10px;
}

.card-ingrediente-detalhes {
    margin: auto 16px 100px 16px;
}

.div-ingrediente-detalhes {
    margin: 4px auto;
    display: flex;
    justify-content: space-between;
    background: var(--neutral-50, #F7F9FA);
}

.titulo-ingrediente-detalhes {
    color: var(--blue-grey-900, #263238);
    text-transform: capitalize;
}

.desativar-text-transform {
    text-transform: none !important;
}

.badge-obrigatorio {
    border-radius: 40px;
    background: var(--main-100, #FFDEE0);
    color: #CC161C;
    padding: 4px 8px;
}

.ingrediente-detalhes {
    padding-bottom: 20px;
}

.card-produto-ingrediente {
    margin: 8px 0px;
    padding: 8px 16px 8px 8px;
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    min-height: 52px;
}

.descricao-ingrediente-detalhes {
    color: var(--neutral-900, #1F2021);
    text-transform: capitalize;
    margin-bottom: 0px;
}

.txt-fatia-pizza-detalhes {
    color: var(--neutral-500, #96999E);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.subtitulo-ingrediente-detalhes small, .subtitulo-ingrediente-detalhes {
    color: var(--blue-grey-700, #455A64);
    margin-bottom: 0px;
}

.valor-promocional-detalhes {
    color: var(--neutral-600, #6F7175);
    text-decoration-line: line-through;
}

.valor-promo-produto-detalhes {
    color: #247200;
}

.div-check-detalhes {
    width: 10%;
}

input.radio-input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
}

    input.radio-input[type="radio"]:checked {
        border-color: #2E7D32;
    }

        input.radio-input[type="radio"]:checked::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #2E7D32;
        }

    input.radio-input[type="radio"]:not(:checked) {
        border-color: #ccc;
    }

        input.radio-input[type="radio"]:not(:checked)::before {
            content: none;
        }

.badge-opcional {
    border-radius: 40px;
    background: var(--neutral-200, #E7EAEE);
    color: #6F7175;
    padding: 4px 8px;
}

.card-pizza-ingrediente {
    margin: 8px 0px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    min-height: 52px;
}

.height-98 {
    height: 98px;
}

.height-100px{
    height: 100px;
}

.arrow-categoria {
    float: right;
}

.div-info-produto-home {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.titulo-produto-home {
    color: var(--neutral-900, #1F2021);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 0;
}

.descricao-produto-home {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    color: var(--neutral-700, #5C5E61);
}

.valor-promocional-detalhes {
    color: var(--neutral-600, #6F7175);
    text-decoration-line: line-through;
}

.valor-produto-home {
    color: var(--neutral-800, #3F4042);
}

.promo-produto-home {
    padding: 2px 6px;
    display: flex;
    gap: 2px;
    border-radius: 40px;
    background: rgba(232, 255, 202, 0.84);
}

    .promo-produto-home span {
        color: #247200;
    }

.tamanho-pizza-restaurante {
    color: var(--neutral-800, #3F4042);
    line-height: normal;
    text-transform: capitalize;
}

.cardProduto {
    padding: 5px 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 0.5rem;
    border: solid 1px #e5e7eb;
    box-shadow: 0 0 5px #ebebeb;
    gap: 8px;
}

.h-100 {
    height: 100%;
}

.div-footer-cardapio {
    margin-top: 10px;
    margin-bottom: 70px;
}

/* div fixada ao topo */
#stickyDiv {
    position: sticky;
    z-index: 1000;
    margin-left: -16px;
    margin-right: -16px;
    padding: 8px 16px;
    top: 0px;
}

.div-observacao-detalhes {
    padding-bottom: 40px;
}

.txt-observacao-detalhes {
    margin: 4px 0px;
    color: var(--blue-grey-900, #263238);
}

.campo-observacao-detalhes {
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    background: #FFF;
}

.w-50 {
    width: 50%;
}

.div-adicionar-ingrediente {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 45%;
}

.btn-add-ingrediente i {
    font-size: 17px;
}

.btn-add-ingrediente {
    border: none;
}

.div-adicionar {
    width: 35%;
    display: flex;
    justify-content: space-around;
    border: 1px solid var(--neutral-200, #E7EAEE);
    background: var(--neutral-50, #F7F9FA);
    padding: 0px 10px;
    border-radius: 8px;
}

.a-addProduto-detalhes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    padding: 4px;
}

    .a-addProduto-detalhes .fa-plus {
        color: #2E7D32;
    }

    .a-addProduto-detalhes .fa-minus {
        color: #CC161C;
    }

    .a-addProduto-detalhes .fa-trash-alt {
        color: #96999E;
    }

.input-addProduto {
    text-align: center;
    font-size: 18px;
    padding: 5px;
    margin: 4px auto;
    background-color: var(--neutral-50, #F7F9FA) !important;
    box-shadow: none !important;
}

.div-addPedido-detalhes {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 8px 3px rgba(128, 128, 130, 0.15);
    display: flex;
    justify-content: center;
    margin: 8px 16px;
    padding: 4px;
    gap: 8px;
}

.btn-adicionar-detalhe, .btn-adicionar-detalhe:hover, .btn-adicionar-detalhe:focus {
    padding: 12px;
    width: 65%;
    border-radius: 8px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    color: #fff !important;
}

.div-info-filho-detalhes {
    display: flex;
    width: 90%;
    gap: 8px;
}

.img-produtoFilho-detalhes {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

.div-pizza-detalhes {
    display: flex;
    gap: 8px;
}

.img-pizza-detalhes {
    width: 40px;
    border-radius: 4px;
}

.div-descricao-pizza-detalhe {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 16px 8px 8px;
}

.personalizar-pizza-detalhes, .personalizar-pizza-detalhes:hover {
    color: #CC161C;
    padding: 0px 8px;
}

.flex-check-pizza {
    width: 20%;
}

input.checkbox-detalhes {
    width: 18px;
    height: 18px;
}

    input.checkbox-detalhes[type=checkbox] {
        position: relative;
        cursor: pointer;
    }

        input.checkbox-detalhes[type=checkbox]:before {
            content: "";
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            top: 0;
            left: 0;
            background-color: #fff;
            border: 1px solid #B4B8BD;
            border-radius: 4px;
        }

        input.checkbox-detalhes[type=checkbox]:checked:before {
            content: "";
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            top: -1px;
            left: -1px;
            background-color: #2E7D32;
            border-radius: 4px;
        }

        input.checkbox-detalhes[type=checkbox]:checked:after {
            content: "";
            display: block;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 2px;
            left: 6px;
        }

.div-descricao-check-detalhes {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px 8px 8px;
}

.card-disabled {
    pointer-events: none;
    opacity: 0.6;
}

.ingrediente-pizza-detalhes .ItensCombinado {
    margin: 0px 16px;
}

.ingrediente-pizza-detalhes .div-ingrediente-detalhes {
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding: 12px 16px !important;
}

.ingrediente-pizza-detalhes .div-ingrediente-detalhes {
    background: #fff !important;
}

.ingrediente-pizza-detalhes {
    border-top: 1px solid #E7EAEE;
}

.valor-produto-detalhes {
    margin-bottom: 0px;
}

.valor-ingrediente-detalhes {
    color: var(--neutral-600, #6F7175);
    margin-bottom: 0px;
}

.loader-dark {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left: 4px solid #333;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.img-produto {
    width: 100%;
    border-radius: 0.525rem !important;
}

/*---------Restruração da praça------------*/
.div-card-pedido {
    margin-bottom: 16px;
    padding: 16px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
}

.div-item-pedido {
    border-radius: 8px;
    background: var(--neutral-50, #F7F9FA);
    padding: 8px;
}

.text-item-pedido, .text-item-pedido span {
    color: var(--neutral-800, #3F4042);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

    .text-item-pedido small {
        color: var(--neutral-500, #96999E);
        font-family: Ubuntu;
        font-size: 14px;
        font-weight: 400;
    }

.border-pedido {
    border-top: 1px dashed #E7EAEE;
    border-bottom: 1px dashed #E7EAEE;
    margin: 16px 0;
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.icon-star-inativa {
    color: #B4B8BD;
    font-size: 22px;
}

.border-pedido span {
    color: var(--neutral-600, #6F7175);
}

.btn-refresh-pedido {
    color: #fff;
}

.margin-left-right {
    margin-left: -15px;
    margin-right: -15px;
}

.card-detalhes-pedido {
    padding: 16px;
    background: var(--black-white-white, #FFF);
    margin-bottom: 16px;
}

.div-info-empresa-pedido {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.img-restaurante-listaPedido {
    height: 50px;
    width: 50px;
    margin-right: 11px;
}

.nome-restaurante-Listapedido {
    color: var(--neutral-900, #1F2021);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 175px;
}

.status-restaurante-listaPedido {
    color: var(--neutral-600, #6F7175);
    margin: 0px;
}

.div-separador {
    margin: 8px 0;
    background: #E7EAEE;
    height: 1px;
}

.logo-status {
    margin-left: 8px;
}

    .logo-status h4 {
        color: var(--neutral-900, #1F2021);
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .logo-status a, .logo-status a:hover, .logo-status a:focus {
        color: var(--main-600, #CC161C);
        display: block;
        text-decoration: none;
    }

.btn-ligar-pedido, .btn-ligar-pedido:focus {
    padding: 8px 8px 8px 12px;
    border-radius: 1000px;
    background: var(--main-50, #FFF5F5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
    text-decoration: none;
}

    .btn-ligar-pedido i {
        color: #CC161C;
        font-size: 22px;
    }

    .btn-ligar-pedido span {
        color: var(--main-600, #CC161C);
    }

.div-status-pedido {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    padding: 12px;
}

.div-processo-status {
    margin: 8px auto;
    display: flex;
    justify-content: center;
}

.status-pedido {
    height: 4px;
    width: 50px;
    flex: 1 0 0;
    margin: 0 4px 0 0;
    background: var(--neutral-300, #D7DCE0);
}

.status-ativo {
    background: #46b246 !important;
}

.status-error {
    background: var(--main-600, #CC161C) !important;
}

.div-pedido-status {
    border-radius: 8px;
    background: var(--neutral-50, #F7F9FA);
    padding: 8px;
    gap: 4px;
}

.div-icon-status.ativo {
    border-radius: 100px;
    background: #52A856;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
}

.div-icon-status.error {
    border-radius: 100px;
    background: #D50000;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
}

.div-icon-status {
    border-radius: 100px;
    background: #D7DCE0;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
}

.status-pedido-bar {
    overflow: hidden;
    height: 4px;
    width: 50px;
    flex: 1 0 0;
    margin: 10px 0;
    background: var(--neutral-300, #D7DCE0)
}

.status-pedido-progress {
    width: 100%;
    height: 100%;
    animation: fillProgress 2s linear infinite; /* Animação de preenchimento */
}

@keyframes fillProgress {
    0% {
        width: 0%;
        background-color: #52A856;
    }

    20% {
        width: 20%;
        background-color: #52A856;
    }

    100% {
        width: 100%;
        background-color: rgba(82, 168, 86, 0.2);
    }
}

.msg-info-status {
    display: flex;
    color: var(--neutral-500, #96999E);
    font-weight: 400;
    font-family: Roboto;
}

    .msg-info-status i {
        margin: 2px 6px 0px 0px;
        font-size: 15px;
    }

    .msg-info-status span {
        font-size: 12px;
    }

.time-progress {
    width: 80%;
    height: 4px;
    background-color: #F0F3F5 !important;
    margin: 15px 0;
}

.time-progress-background {
    background-color: #1B8500 !important;
}

.time-span {
    color: #000;
    line-height: 28px;
    position: absolute;
    /*right: 28px;
    top: 106px;*/
    right: -1px;
    top: -15px;
}

.text-pagamento-pix {
    color: var(--neutral-700, #5C5E61);
}

.input-pix {
    padding: 10px 8px;
    border: none;
    background: var(--neutral-50, #F7F9FA);
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
}

.btn-copiar-chavePix {
    color: var(--main-600, #CC161C);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.014px;
    display: flex;
    background: var(--neutral-50, #F7F9FA);
    border-radius: 0px 8px 8px 0px;
    padding: 8px;
}

.text-pagamento-pix {
    color: var(--neutral-700, #5C5E61);
}

.time-expirou-background {
    background: var(--main-600, #CC161C) !important;
}

.card-itens-produto {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    padding: 8px;
    margin: 8px auto;
}

.div-quant-produto {
    position: absolute;
    top: 39px;
    text-align: right;
    padding: 2px;
    left: 47px;
}

.bg-quant-produto {
    color: var(--neutral-700, #5C5E61);
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 500;
    background: var(--neutral-50, #F7F9FA);
    border-radius: 30px;
    padding: 4px;
}

.div-itens-produto {
    margin-left: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.titulo-item-produto {
    color: var(--neutral-800, #3F4042);
}

.text-ingrediente-pedido {
    color: var(--neutral-600, #6F7175);
    text-transform: lowercase;
}

.text-obs-pedido {
    word-wrap: break-word;
    word-break: break-word;
}

.valor-protudo-itens {
    color: var(--neutral-700, #5C5E61);
}

.bottom-menu {
    padding-bottom: 50px !important;
}

.titulo-pedido-detalhes, .titulo-cadastro-endereco {
    color: var(--neutral-900, #1F2021);
    margin: 0 0 10px 0 !important;
}

    .titulo-pedido-detalhes small {
        color: var(--neutral-500, #96999E);
    }

.div-resumo-pagamento {
    margin: 4px 0;
}

.text-resumo-pagamento {
    display: flex;
    justify-content: space-between;
    color: var(--neutral-600, #6F7175);
}

.total-resumo-pagamento span {
    color: var(--neutral-900, #1F2021);
}

.total-resumo-pagamento {
    display: flex;
    justify-content: space-between;
    color: var(--neutral-900, #1F2021);
}

.card-formaPagamento-pagamento {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300, #D7DCE0);
    margin: 8px auto;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.div-text-formaPagamento {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 8px;
    color: var(--neutral-900, #1F2021);
}

.text-detalhes-pedido {
    color: var(--neutral-600, #6F7175);
}

.card-endereco-pedido {
    margin-top: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--neutral-50, #F7F9FA);
}

.text-endereco-pedido {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    color: var(--neutral-900, #1F2021);
}

.text-endereco-pedido-total {
    color: var(--neutral-600, #6F7175);
}

.card-endereco-pedido {
    margin-top: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--neutral-50, #F7F9FA);
}

.body-padrao-desk-label {
    padding: 40px 16px;
    height: 100vh;
    background-color: #FFFFFF;
    margin: 0px -15px;
}

.div-cabecalho-endereco {
    padding: 13px 16px 13px 16px;
}

.img-cadastro-endereco {
    display: flex;
    justify-content: center;
    padding-bottom: 24px;
}

.padding-16 {
    padding: 16px;
}

.div-entrega-endereco {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.menu-restaurantes {
    background-color: var(--main-600, #CC161C) !important;
}

.label-input-login, .label-input-padding {
    color: var(--neutral-500, #96999E) !important;
    font-style: normal;
    font-weight: 400;
    margin: 16px 0px 16px 16px !important;
    padding: 0px !important;
}

.input-form-login, .input-form-padding {
    padding: 0px 16px !important;
}

.form-floating-label .form-control:focus + .placeholder, .form-floating-label .form-control:valid + .placeholder, .form-floating-label .form-control.filled + .placeholder {
    top: -12px !important;
    margin-left: 0px !important;
}

.a-esqueciSenha-login, .a-esqueciSenha-login:hover, .a-link-padrao, .a-link-padrao:hover, .a-link-padrao:focus {
    padding: 14px 6px 14px 8px !important;
    color: var(--main-600, #CC161C);
    width: 100%;
    display: flex !important;
    justify-content: center;
    border-color: transparent;
    background-color: transparent;
}

.fechar-modal-endereco {
    color: var(--main-600, #CC161C);
}

.btn-success-padrao {
    background-color: var(--main-600, #CC161C) !important;
    color: #fff;
}

@media (min-width: 1069px) {
    .div-bottom-login {
        margin: 16px 316px !important;
    }
}

.w-100 {
    width: 100%;
}

.cabecalho-pagina {
    background: var(--main-600, #CC161C);
    height: 50px;
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding: 13px 16px 13px 16px;
}

.div-cabecalho-perfil {
    margin-bottom: 30px;
}

.login-perfil {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    background: #E7EAEE;
}

.titulo-perfil {
    color: var(--neutral-900, #1F2021);
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 8px;
}

.card-perfils {
    border-radius: 8px;
    background: var(--black-white-white, #FFF);
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    margin: 8px 0px;
    padding: 16px;
}

    .card-perfils a:hover, .card-perfils a:focus {
        text-decoration: none;
    }

.txt-menu-perfil {
    color: var(--blue-grey-700, #455A64);
    margin-left: 8px;
}

.icon-menu-perfil {
    font-size: 19px;
    color: #CC161C;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.div-content-modal-endereco {
    padding: 8px 16px 24px 16px;
}

.card-list-endereco {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    margin-bottom: 8px;
}

    .card-list-endereco.selecionado {
        border: 1px solid var(--neutral-600, #6F7175);
    }

.a-list-endereco {
    padding: 8px 16px;
    gap: 8px;
    cursor: pointer;
}

.rua-endereco, .apelido-endereco {
    color: var(--neutral-900, #1F2021);
}

.completo-endereco {
    color: var(--neutral-600, #6F7175);
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.icon-ellipsis-endereco {
    padding: 10px;
}

.padding-modal-endereco {
    padding: 32px 16px 32px 16px;
}

.card-endereco-editar {
    border-radius: 8px;
    background: var(--neutral-50, #F7F9FA);
    padding: 8px 16px;
    margin: 8px 0px 24px 0px;
}

.btn-padrao-border, .btn-padrao-border:hover, .btn-padrao-border:focus {
    color: #CC161C;
    border: 1px solid #CC161C !important;
    border-radius: 8px !important;
    padding: 14px 8px !important;
    text-align: center;
    width: 100%;
    background: transparent;
}

.btn-endereco-voltar {
    padding: 18px 8px;
    border: none;
    background: transparent;
    color: #CC161C;
}

.height-100 {
    height: 100vh;
}

.txt-valor-sacola span {
    color: var(--neutral-600, #6F7175);
}

.total-valor-sacola span {
    color: var(--neutral-900, #1F2021);
}

.tag-desconto-pagamento {
    font-size: 11px;
    color: #24b300;
}

.div-formaPagamento {
    display: flex;
    gap: 8px;
}

.btnSelecionarCartao {
    height: 75px;
}

.div-form-cadastroUsuario {
    margin-top: 20px;
}

.div-listagem-endereco {
    padding-bottom: 170px;
}

.card-empresa-sacola {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: #FFF;
    gap: 8px;
}

.width-70 {
    width: 70%;
}

.text-empresa-sacola {
    color: var(--neutral-900, #1F2021);
    white-space: nowrap;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    /* display: -webkit-box;*/
    -webkit-box-orient: vertical;
}

.btn-empresa-sacola, .btn-empresa-sacola:hover, .btn-empresa-sacola:focus {
    border-radius: 20px;
    background-color: #FFF5F5;
    color: #CC161C;
    padding: 8px 0px;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    padding: 8px 12px;
    font-family: 'Ubuntu', sans-serif;
}

.img-login-carrinho {
    border-radius: 8px;
}

.div-acompanhamento-loader {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

img.lazy {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    img.lazy.loaded {
        opacity: 1;
    }

.a-card-pedido:hover, .a-card-pedido:focus {
    text-decoration: none;
}

.modalLoding .modal-backdrop {
    pointer-events: none;
}

.modal#myModal2Fatores {
    z-index: 100 !important;
}

.nome-produto-carrinho {
    color: var(--neutral-800, #3F4042);
    margin-bottom: 0px;
    text-align: left;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

@media(max-width: 907px) {
    .d-mobile-none {
        display: none;
    }
}

@media(min-width: 910px) {
    .d-desk-none {
        display: none;
    }
}

.img-detalhes-link {
    width: 250px;
    padding: 16px;
    border-radius: 25px;
}

.div-card-info-detalhes {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-info-detalhes-desk {
    margin: 20px 16px 20px 16px;
    border-radius: 9px;
    background: #FFF;
    box-shadow: 0px 1px 3px 1px rgba(128, 128, 130, 0.15);
    padding: 8px;
}

.flex-justify-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.partir-destaque-home {
    color: var(--neutral-700, #5C5E61);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.valor-apartir-home {
    color: var(--neutral-800, #3F4042);
}

.valor-produto-promocial-detalhes {
    color: #247200;
}

.itens-categoria-home {
    color: var(--neutral-700, #5C5E61);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.total-entrega-sacola {
    color: var(--main-100, #FFDEE0);
}

.modal-add-carrinho {
    padding: 16px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.titulo-modal-add-carrinho{
    color: var(--neutral-900, #1F2021);
    margin-bottom: 0px;
}

.text-modal-add-carrinho{
    color: var(--neutral-600, #6F7175);
}

.btn-nao-add-carrinho, .btn-nao-add-carrinho:hover {
    height: 52px;
    padding: 16px 9px;
    text-align: center;
    gap: 10px;
    color: #CC161C;
    width: 100%;
}

.btn-sim-add-carrinho, .btn-sim-add-carrinho:hover {
    height: 52px;
    padding: 16px 9px;
    text-align: center;
    gap: 10px;
    color: #ffff;
    border-radius: 8px;
    background: var(--main-500, #EB2A2A);
    width: 100%;
}

.modal-fade-add-carrinho {
    height: 100vh;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

    .modal-fade-add-carrinho .modal-content {
        height: 170px;
    }

.text-validacao-cartao-pagamento {
    color: var(--Yellow-600, #CC9A06);
}

.text-validar-pagamento {
    color: var(--main-600, #CC161C);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 1207px){
    .mobile-validacao-pagamento{
        display: none;
    }
}

@media (max-width: 1200px) {
    .desk-validacao-pagamento {
        display: none;
    }
}

.modal-cabecalho-validacao{
    padding: 16px;
}

.modal-body-validacao {
    padding: 40px 16px 0px 16px;
}

.titulo-modal-validacao {
    color: var(--neutral-900, #1F2021);
    font-feature-settings: 'ss02' on;
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    margin: 0;
    padding: 0;
}

.flex-column-validacao {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.text-modal-validacao {
    margin: 0px;
    color: var(--neutral-600, #6F7175);
}

.comentario-modal-validacao {
    font-style: italic;
    color: var(--neutral-500, #96999E);
}

.input-valor-validacao {
    color: var(--neutral-600, #6F7175);
    font-family: Ubuntu;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    width: 120px;
    border: 1px solid #ffffff00;
}

    .input-valor-validacao::placeholder {
        color: var(--neutral-300, #D7DCE0);
    }

.div-btn-modal-validacao {
    padding: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 20px;
}

.btn-modal-validacao {
    border-radius: 40px;
    background: var(--main-600, #CC161C);
    width: 100%;
    padding: 16px 9px;
    border: none;
    color: #fff;
    gap: 10px;
    display: flex;
    justify-content: center;
}

.content-modal-validacao {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.div-list-cartao-pagamento {
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}

/* CSS for the loading spinner */
.spinner {
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-left-color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 1s linear infinite;
    display: inline-block;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.alert-error-validacao {
    background-color: #F25961;
    color: #ffff;
    padding: 16px;
    border-radius: 6px;
}

.alert-sucesso-validacao {
    background-color: #318544;
    color: #ffff;
    padding: 16px;
    border-radius: 6px;
}

.text-simb-reais-validacao {
    color: var(--neutral-500, #96999E);
}

.div-alerta-pagamento {
    margin: 20px 5px;
}

.cabecalho-modal {
    padding: 16px;
    display: flex;
    justify-content: space-between;
}

.margin-cabecalho-modal {
    margin: 16px;
}

.txt-modal-cabecalho {
    color: var(--neutral-900, #1F2021);
    text-align: center;
}

.btn-fechar-modal {
    color: var(--main-600, #CC161C) !important;
    text-align: center;
    font-family: Ubuntu !important;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}

.body-modal-autenticacao {
    margin-top: 46px;
    padding: 0px 16px 16px 16px;
    height: 80vh;
}

.titulo-modal-autenticacao {
    color: var(--neutral-800, #3F4042);
    margin-bottom: 8px;
}

.txt-autenticacao-modal {
    color: var(--neutral-700, #5C5E61);
    margin-bottom: 48px;
    display: flex;
}

.padding-left-right {
    padding: 0px 16px;
}

.input-padrao {
    display: flex;
    padding: 16px 0px 16px 16px !important;
    border-radius: 8px;
    border: 1px solid #D7DCE0;
    font-size: 16px;
    color: var(--neutral-500, #96999E);
    width: 100%;
    height: 50px;
}

.placeholder {
    position: absolute;
    left: 24px;
    background: #fff;
    z-index: 10;
    padding: 0px 5px;
    color: var(--neutral-500, #96999E) !important;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: -10px;
    left: 10px;
}

.btn-modal-autenticacao {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 6px;
}

.position-input-placeholder {
    position: relative;
    width: 100%;
}

.link-padrao-autenticacao {
    border: none;
    color: #CC161C;
    background: none;
    width: 100%;
    padding: 14px 8px !important;
}

.div-modal-footer-autenticacao {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inputs-codigo-validacao {
    margin: 48px auto;
    display: flex;
    justify-content: center;
}

.input-codigoEnviado {
    border: 1px solid var(--neutral-400, #B4B8BD);
    border-radius: 8px;
    height: 55px;
    gap: 10px;
    width: 55px;
    margin: 2px;
    font-size: 16px;
    padding: 0px 20px;
    text-align: center;
    color: var(--neutral-600, #6F7175);
}

    .input-codigoEnviado.error-codigo {
        border: 1px solid var(--main-700, #AD0C14);
    }

.text-receber-codigo span, .text-receber-codigo input {
    text-align: center;
}

.text-receber-codigo {
    text-align: center;
}

.receber-codigo-login {
    color: var(--neutral-600, #6F7175);
}

.enviar-codigo {
    color: var(--main-700, #AD0C14);
    border: transparent;
    background: transparent;
}

.icon-arrow-modal-autent {
    color: #CC161C;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pl-1{
    padding-left: 5px;
}

.btn-finalizada-pagamento{
    color: #ffff;
}

.nav-btn-finalizar-pagamento {
    padding: 0px !important;
    display: none;
    z-index: 0;
}

@media (max-width: 991px) {

    /*INICIO MODAL BOTTOM*/
    .modal.bottom .modal-dialog {
        position: fixed;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: auto;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .modal.bottom .modal-content {
        height: 100%;
        overflow-y: auto;
    }
}

.div-modal-addCartao {
    margin: 24px 0px 0px 0px;
}

.modal-img-addCartao {
    display: flex;
    justify-content: center;
    overflow-x: auto;
}

.img-bandeira-addcartao {
    margin: auto 5px;
}

.input-addcartao {
    display: flex;
    padding: 16px 0px 16px 16px !important;
    border-radius: 8px;
    border: 1px solid #D7DCE0;
    font-size: 16px;
    color: var(--neutral-500, #96999E);
    width: 100%;
    height: 50px;
}

.check-addCartao {
    color: var(--neutral-500, #96999E);
    font-size: 14px;
    font-weight: 400;
}

.margin-top-modal {
    margin-top: 80px;
}

.div-btn-modal {
    padding: 8px 16px;
    background: white;
}

.btn-adicionaCartao-pagamento, .btn-pagarDinheiro-pagamento {
    color: var(--black-white-white, #FFF);
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    padding: 16px 9px;
    width: 100%;
    background-color: var(--main-600, #CC161C);
    border: none;
}

.modal-header.modal-cartao-pagamento {
    border-bottom: none !important;
}

.modal-troco-pagamento {
    padding: 16px;
}

.flex-resumo-pagamento {
    color: var(--neutral-600, #6F7175);
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
}

.txt-pagarDinheiro-pagamento {
    color: var(--neutral-900, #1F2021);
}

.input-troco {
    display: flex;
    padding: 16px 0px 16px 16px !important;
    border-radius: 8px;
    border: 1px solid #D7DCE0;
    font-size: 16px;
    color: var(--neutral-500, #96999E);
    width: 100%;
    height: 50px;
}

.p-0{
    padding: 0px !important;
}
.rslides {
  margin: 0 auto;
  }

.rslides_container {
 
  position: relative;
/*  float: left;*/
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../img/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../../img/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.btn-success, .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success:focus, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background: var(--main-600, #CC161C);
    color: #fff;
    border-color: none;
}

.prodDestaque button, .menu-mobile-css {
    background: var(--main-600, #CC161C);
    color: #fff;
}

.item-categoria-nome, .more-less {
    color: #000000;
}

#FixBg {
    display: none;
}

#totalItem h4 {
    text-transform: uppercase;
    font-size: 25px;
}

#spanTotalItem {
    color: #0eb10e;
    font-weight: bold;
}

.btnPrint {
    background-color: #bbb9b9;
    color: white;
}

.btnInfo:hover {
    color: #289228;
}

ul.checkout-bar li.visited, h3.troco, .text-info, a:hover, a:focus, .titulosH2, .navegadorTopo a, ul.checkout-bar a {
    color: #000000;
}

.btn-face {
    background: #3c4c84;
}

.menuLat h3 {
    font-weight: 100;
}

#logoTopo {
    padding-top: 10px;
    padding-bottom: 15px;
}

.btnInfo {
    color: #085e08;
    border: none;
    padding: 5px;
    font-size: 13px;
    background: none;
}

.btn-registrar {
    background: #FFC926;
}

    .btn-registrar:hover {
        background: #FFC926;
    }

.produtosCarrinho h4, .SubTitulos, a {
    color: #797978;
}

#prev, #next {
    background-color: #722007;
}

.menuLat h3, #ResumoPedido h3, #newsRodape input, .redChefMio {
    border-color: #000000;
}

.QuantPedido {
    border: 1px solid var(--main-600, #CC161C);
}

.pagination > li > a {
    color: #000000;
}

.pagination > .active > a {
    background-color: #D50100;
    border-color: #000000;
}

    .pagination > .active > a:hover {
        background-color: #3A3C33;
        border-color: #000000;
    }

#buscaManual {
    background-color: #4a4a4a;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    line-height: 1.3333333;
    border-radius: 6px;
    text-align: center;
    margin-top: 5px;
}

    #buscaManual > a {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 15px;
    }

.checkout-wrap, .vlrItenCart {
    color: #444;
}
/*Border-bottom */

.produtosCarrinho img, #TaxaEntrega, ul.checkout-bar li:before {
    border-color: #bbb9b9;
}

#responsivo-fav, #responsivo-cart, .itemMenu, #responsivo-cardapio, .produtoList {
    border-color: #ccc;
}

#divProdPrincipal, #totalAdicionais, #totalItem, #cardapio ul > li > a,
#carrinho, #cardapio, .prodDestaque, #itensCarrinho, #carrinho > hr, .ListaItens li, .listIngredientes ul li {
    border-color: #DCD6D6 !important;
}

.escolhaItens, .escolhaItensPizza, .blocoEndereco, .produtosCarrinho, .titulosInterPag {
    background-color: #F9F9F8;
    border: 1px solid #dedede;
}
/*background-color*/
#navTopo {
    background-color: #272822;
}

ul.checkout-bar li.active:before, .checkout-bar li.active:after {
    background: #F78C20;
}

#itensCarrinho, #responsivo-cart, #responsivo-cardapio, #responsivo-fav {
    background-color: #fff;
}

#cardapio, #carrinho, .prodDestaque, #divProdPrincipal, #totalAdicionais, #totalItem, ul.checkout-bar li:before {
    background-color: #F9F9F8;
}

.corpo, .opacidadePizza, #SocialMedia {
    background-color: white;
}

.btn-default {
    background: white;
}

.linkLoginTopo:hover, .menuTopo2 div span:hover {
    color: #d2d3cb;
}

#newsRodape input::-webkit-input-placeholder, #newsRodape input::-moz-placeholder {
    color: #e0c1c1;
}

#vlrTotal, .valBorda, #spanPreco, .glyphicon-plus-sign, .PropriedadesValor, .ValorItenList {
    color: #24b300;
}

#prev, .close-menu, #next, ul.checkout-bar li:before, .linkWhite, #navTopo h4 {
    color: #fff;
}

    .linkWhite:hover {
        color: #dcd6d6;
    }

ul.checkout-bar li.active {
    color: #F78C20;
}

ul.checkout-bar li, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ccc;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a {
    color: white;
    background: #B20000;
}

.glyphicon-minus-sign {
    color: #D90000;
}

#menuPrincipal a:focus {
    color: #ececec;
}

#divProdPrincipal h1 {
    margin-top: 15px;
    color: #000000;
}

.listIngredientes h4, .tituloIngrediente {
    padding: 10px;
    background-color: #F9F9F8;
    border: 1px solid #dedede;
    margin-top: 0;
}

footer {
    background: var(--main-600, #CC161C);
    border-top: 5px solid var(--main-600, #CC161C);
}

.menuLat h3, #ResumoPedido h3, #menuPrincipal, ul.checkout-bar li.visited:before, ul.checkout-bar:before, ul.checkout-bar li.visited:after,
.blocosAddPizza h3, .blocosTitulo h3, .pizzaImgOpac span, .dropSabores {
    background: var(--main-600, #CC161C);
    border-bottom: 5px solid var(--main-600, #CC161C);
}


/*Color: (fonts)*/
.linkLoginTopo, .menuLat h3, #ResumoPedido h3, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a,
.menuTopo2 .btns-mobile, .produtosCarrinho .menosCarrinho, .produtosCarrinho .maisCarrinho,
.pizzaImgOpac span, .blocosAddPizza h3, .blocosTitulo h3, #newsRodape input, .dropSabores {
    color: #fff;
}

.bg-red-chefmio {
    display: none !important;
}

img.lazy {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    img.lazy.loaded {
        opacity: 1;
    }
/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions{flex:1;align-self:stretch;justify-content:flex-end;height:2.2em}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror{font-size:1em}body.swal2-toast-shown>.swal2-container{position:fixed;background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown>.swal2-container.swal2-top-end,body.swal2-toast-shown>.swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown>.swal2-container.swal2-top-left,body.swal2-toast-shown>.swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown>.swal2-container.swal2-center-left,body.swal2-toast-shown>.swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown>.swal2-container.swal2-center-end,body.swal2-toast-shown>.swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-left,body.swal2-toast-shown>.swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown>.swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-end,body.swal2-toast-shown>.swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-close{position:initial}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){height:auto!important;overflow-y:hidden}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:9999999999;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{align-items:center;justify-content:center;margin:1.25em auto 0}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:'';-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:0 .3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding-top:1em;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:.75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validationerror{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validationerror::before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:'!';zoom:normal}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-.25em;left:-.25em;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%;z-index:2;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:.3125em;border-radius:.125em;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}[dir=rtl] .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
