/* .app-user-sale {
    position: relative; width: 100%; height: 100%;
} */
/*  
.app-user-sale-list{
    padding: 0;
} */

@media screen and (max-device-width: 500px) {
    .app-user-sale-list{
        padding: 0 15px 0 15px !important;
    }
} 

.app-user-sale-list-object{
    position: relative;
    aspect-ratio: 3/4;
    height: auto; 
    padding: 0 5px 0 5px ; 
    margin-bottom: 20px;
    /* height: 270px; 
    padding: 5px;
    position: relative; */
}

/* menu. */
.app-user-sale-list-object .menu{     
    position: absolute; top:5px; right: 5px;
    z-index: 3;
}
.app-user-sale-list-object .menu-btn{     
    background: none !important;
    border: none !important;
}
.app-user-sale-list-object .menu-btn-font-icon{     
    font-size: 2rem; color: white; 
    text-shadow:-2px 0 grey, 0 2px grey, 2px 0 grey, 0 -2px grey;
}
.app-user-sale-list-object .menu-list{     
    padding:0;
}
.app-user-sale-list-object .menu-list a{     
    padding:10px
}

.app-user-sale-list-object .menu-list .font-icon{     
    font-size: 2rem; color: grey; 
}
.app-user-sale-list-object .menu-list .name{     
    font-size: 1.2em;
}
 /* end menu */

.app-user-sale-list-object table{
    margin: 0;
}
.app-user-sale-list-object table tr td{
    /* text-align: center; */
    border:none;
     /* padding:0; */
}

.app-user-sale-image{ 
    aspect-ratio: 4/3;
    height: auto;
    padding: 0 !important;
    background-color: #dbdbdb; 
    text-align: center;
}
.app-user-sale-image > .btn{
    position: relative;
    width:100%; 
    aspect-ratio: 1/1;
    height: auto;
    overflow:hidden;    
    padding: 0;     
}
.app-user-sale-image img{
   height: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
} 

.app-user-sale-name{
    text-align: left;
}