.img1 {
    /* display: block; */
  margin-left: auto;
   margin-right: auto;
   margin-top: 5px; 
   height: 100px; 
   width: 100%; 
   
   object-fit: contain;
   
 }
 .line1{
   /* font-size: small; */
   font-size:12px;
   text-align: center;
   padding: 0;
   margin: 0;
   line-height: 90%;

 }
 .line2{
   /* font-size: small; */
   font-size: .8em;
   text-align: center;
   padding: 0;
   margin: 0;
   line-height: 90%;
 }
 
 .line-description{
   font-size: small;
   text-align: center;
   padding: 0;
   margin: 0
 }

 .menu2_button{
   font-size: x-small ;
   padding: 2px;
   margin: 2px;
 }
 .add-button{
   font-size: x-small
 }
 .card-size{
   height: 200px;
 }
 .used{
   color: white;
   background-color:rgb(43, 103, 231);
   
   /* border-radius: 50%;  */
  /* width: 20px;*/
   margin-left: 1px; 
   margin-top: 0;
   margin-bottom:0;
   padding-top:0;
   padding-bottom: 0;
   font-size: .8em; 
 }
 .used_round{
  color: white;
  background-color:rgb(43, 103, 231);
  border-radius: 50%; 
  width: 20px;
  margin-left: 5px; 
  margin-top: 0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom: 0;
  font-size: .8em; 
}
 .mint{
   color: white;
   background-color: rgb(28, 158, 28);
   margin-right: 5x;
   padding-right: 5x;
   margin-top: 0;
   margin-bottom:0;
   padding-top:0;
   padding-bottom: 0;
   /* border-radius: 50%; */
   width: 5px;
   font-size: .8em;
 }
 .mint_text{
  color:rgb(28, 158, 28);
  font-weight:bold;
 }
 .used_text{
  color:rgb(43, 103, 231);
  font-weight:bold;
 }
 .pencancel_text{
  color:rgb(132, 28, 158);
  font-weight:bold;
 }
 .otherunits_text{
  color:rgb(245, 152, 66);
  font-weight:bold;
 }
 .pencancel{
   color: white;
   background-color: rgb(132, 28, 158);
   margin-right: 5x;
   padding-right: 5x;
   margin-top: 0;
   margin-bottom:0;
   padding-top:0;
   padding-bottom: 0;
   /* border-radius: 50%; */
   width: 5px;
   font-size: .8em;
 }
 .mint_round{
  color: white;
  background-color: rgb(28, 158, 28);
  margin-right: 5x;
  padding-right: 5x;
  margin-top: 0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom: 0;
  border-radius: 50%;
  width: 5px;
  font-size: .8em;
}
 .addmint{
  color: white;
  background-color: rgb(28, 158, 28);
  margin-right: 5x;
  padding-right: 5x;
  margin-top: 0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom: 0;
   border-radius: 20%;
  width: 5px;
  font-size: .8em;
  border: 1px solid black;
  text-align: center;
  box-shadow: 10px 5px 25px rgb(1 1 1 / 20%);
}
.addused{
  color: white;
  background-color:rgb(43, 103, 231);
  margin-right: 5x;
  padding-right: 5x;
  margin-top: 0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom: 0;
   border-radius: 20%;
  width: 5px;
  font-size: .8em;
  border: 1px solid black;
  text-align: center;
}

 .othertypes{
  color: rgb(7, 7, 7);
  background-color: rgb(245, 152, 66);
  margin-right: 5x;
  padding-right: 5x;
  /* border-radius: 40%; */
  width: 5px;
  font-size: .8em;
}
 .columngap{
   column-gap: 5x;
 }
 .username{
  padding-right: 1x;
  font-size: .8em;
  background-color: rgb(235, 231, 26);
 }
.addtocart{
  font-size: 12px;
  background-color:rgb(91, 110, 253);
  color: rgb(255, 255, 255);
 
  border-radius: 10%;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom:2px;
  border: 1px solid #555;
  box-shadow: 0 5px 25px rgb(1 1 1 / 10%);
  text-decoration:none;
}
.addtocart:hover{
  font-size: 12px;
  color: rgb(91, 110, 253);
  background-color: rgb(255, 255, 255);
 
  border-radius: 10%;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom:2px;
  border: 1px solid #555;
  box-shadow: 0 5px 25px rgb(1 1 1 / 10%);
  text-decoration:none;
}




.gotoseller{
  font-size: 12px;
  background-color:rgb(252, 243, 115);
  color: black;
  height: 25px;
 
  border-radius: 10%;
  padding-left: 3px;
  padding-right: 3px;
  padding-top:1px;
  padding-bottom:1px;
  margin:0;
  border: 1px solid #979090;
  /* box-shadow: 0 5px 25px rgb(1 1 1 / 10%); */
  text-decoration:none;
  line-height: 100%;
}
 
.seller_line{
  background-color: rgb(252, 243, 115);
  margin: 1px;
  padding: 0;
  border-spacing: 0;
  width: 100%;
  margin-left: 0;

 }
 .summarybutton {
  font-size: 15px;
  background-color:rgb(91, 110, 253);
  color: rgb(255, 255, 255);
 
  border-radius: 10%;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom:2px;
  border: 1px solid #555;
  box-shadow: 0 5px 25px rgb(1 1 1 / 10%);
  text-decoration:none;
  /* margin-left:10px; */
}
.summarybutton:hover,.summarybutton_off:hover{
  font-size: 15px;
  color: rgb(255, 255, 255);
  background-color: rgb(142, 81, 240);
 
  border-radius: 10%;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom:2px;
  border: 1px solid #555;
  box-shadow: 0 5px 25px rgb(1 1 1 / 10%);
  text-decoration:none;
}
.summarybutton :active{
  background-color:rgb(255, 255, 179);
  box-shadow: 0 2px #666;
  transform: translateY(4px);
}
.summarybutton_off{
  font-size: 12px;
  background-color:rgb(217, 217, 223);
  color: rgb(82, 79, 79);
 
  border-radius: 10%;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom:2px;
  border: 1px solid #555;
  box-shadow: 0 5px 25px rgb(1 1 1 / 10%);
  text-decoration:none;
  /* margin-left:10px; */
}

.no-copy {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none;   /* Safari */
        -khtml-user-select: none;    /* Konqueror HTML */
        -moz-user-select: none;      /* Old versions of Firefox */
        -ms-user-select: none;       /* Internet Explorer/Edge */
        user-select: none;           /* Non-prefixed version, currently
                                         supported by Chrome, Edge, Opera and Firefox */
}