.user_top{
    margin-top: 30px;
}



.user_top {
    background: rgb(238,174,202);
    background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}
.user_top .user_top_grid{
    display: grid;
    grid-template-columns: 20% 60% 20%;
}
.user_top .user_top_grid .image{
margin: 20px;
}
.user_top .user_top_grid .info{

}
.user_top .user_top_grid .info h1{
margin-top: 20px;margin-bottom: 20px;
}
.user_top .user_top_grid .info .item{
line-height: 30px;
}
.user_top .user_top_grid .info .item span{
line-height: 30px;
font-weight: 700;margin-right: 20px;
}

.user_top .bitton_login_out{
    background-color: #333333;
    color: #ffffff;
    font-family: "PT Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    padding-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: .5s;
}

.user_top .bitton_login_out:hover{
opacity: 0.9;
box-shadow: 0 0 10px 5px rgba(221, 221, 221, 0.281);

}
.user_top .bitton_login_out img{
    width: 26px;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: -6px;
}
.user_top .sale{
color: #ffffff;
}
.user_top .sale a{
color: #ffffff;
}
.user_top .sale .indexSale{
font-size: 100px;
color: #ffffff;
font-weight: 700; margin-top: 20px;
}

.pageUser .itemOrder{
    display: grid;
    grid-template-columns: 20% 30% 30% 20%;
    padding: 20px;
}
.pageUser .itemOrder .colom1{
font-size: 20px;
font-weight: 700;
}
.pageUser .itemOrder .colom1 span{
font-size: 16px;
font-weight: 400;
}

.pageUserOrder{
    
}
.pageUserOrder .cart{
    margin-top: 10px;
    max-width: 600px;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}
.pageUserOrder .cart .tabletitle{
    background-color:   #eee;
    font-weight: bold;
}
.pageUserOrder .cart div{
    padding: 7px 2px;
}
.pageUserOrder .cart div a{
    color: #333333;
}


.pageUser .buttonPay{
    padding: 7px 20px;
    background-color: #CA3D3D;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
}
.pageUser .buttonPay:hover{
    background-color: rgb(206, 80, 80);
}

.pageUser .buttonPay span{
font-size: 12px;
display: block;
color: #ffffff61;
}