body {
}

.title {
    width: 100%;

    background-color: #DC3545;
    padding: 5px;
    border-radius : 5px;
}

.text-gray {
    color: #A6A6A6;
}

.text-det{
    font-size:small
}


.pizzaSelecionada{

}
.cart{
    width : 120px;
}


.ccFormatMonitor {
}

.input-case {
    text-transform: uppercase
}

.itemNormal {
   
}


.badgeCarrinho{
    animation: MoveBadge 1s; 
}

.blink {
    animation: blink 1s steps(1, end) infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@keyframes MoveBadge {
    0%{
        transform: scale(1);
    }

    50% {
        transform: scale(5);
     
    }

    100% {
        transform: scale(1);


    }
}



.fadeInTitleBar {
    animation: FadeTitleBar 0.5s;
}

.fadeInItem {
    animation: FadeItem 0.5s;
    animation-timing-function:ease-in-out;
}


@keyframes FadeTitleBar {
    0% {
        transform: scaleX(0);
    }



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

@keyframes FadeItem {
    0% {
        transform: scale(0);
    }



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


.btnCart:hover {
    transform: scale(1.05);
    transition-timing-function: ease-in-out;
}


.paySuccess {
    animation-duration: 1s;
    animation-name: paySuccessFade;
}

.payCheck {
    animation-duration: 1s;
    animation-name: checkFade;
}


@keyframes paySuccessFade {
    from {
        width: 50%;
        height: 38px;
    }

    to {
        width: 5%;
      
        height: 38px;
    }
}

.btnwidth {
    width: 50%;
    height: 38px;
}

.btnWidthAfter {
    width: 3%;
 
    height: 38px;
}

.checkBefore {
    opacity: 0;
    visibility: hidden;
}

.checkAfter {
    opacity: 100;
    visibility: visible;
}

@keyframes checkFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 100;
    }
}




.lbp-item-card {
    background-color: white;
    min-height: 300px;
    width: 996px;
    margin-top: 15px;
    border-radius: 20px;
    box-shadow: 2px 2px 20px lightgray;
    max-height:350px;
}

.lbp-cart-card {
    background-color: white;
    height: 500px;
    width: 500px;
    margin-top: 15px;
    margin-left:35px;
    border-radius: 20px;
    box-shadow: 2px 2px 20px lightgray;
}
.lbp-cart-card-cel {
    background-color: white;
    height: 500px;
    width: 500px;
    border-radius: 20px;
    box-shadow: 2px 2px 20px lightgray;
}
.cartmain {
    margin-bottom : 20px;
   
}
.redTxt{
    color: red;
}
.btnsPnl {
    margin-top : 1%;
}
.btn-lpb-cartpnl{
    width:160px;
    float:right;
}
.btnpnlInner{
    height:70%;
}
.FloatRight{
    float:right;
}
.TotPnl{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width : 90%;
}

.checkoutbtn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.pnlAdicionaisSaboresCollapse{
    visibility : hidden;
    height:0px;
}
.pnlAdicionaisSaboresShow {
    visibility: visible;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    border-radius: 5px;
    background-color: #FAFAFA;
    margin: 10px;
    padding: 20px;
}

.pnlEntrega {
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    border-radius: 20px;
    margin-left: 15px;
    padding: 20px;
    background-color: #FFFFFF;
    box-shadow: 10px 10px 15px #888888;
    margin-bottom:10px;
    max-width: 500px;
}