.qty-group{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.qty-group .btn{
  padding:.25rem .45rem;
  line-height:1;
  min-width:auto;
}
.qty-group input{
  width:42px;
  padding:.15rem .25rem;
}

#rareGrid .calc-col{flex:0 0 25%;max-width:25%}

#auctionCalc .widget-content{
    padding-left:20px!important;
    padding-right:38px!important;
}

#rareGrid{margin-left:-4px!important;margin-right:-4px!important}
#rareSelectCalc{width:90%;margin:0 auto 12px}

.rare-img-box{
  height:72px;
  display:flex;justify-content:center;align-items:center;
  margin:6px 0;
}
.rare-img-box img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  margin-top: 25px;
}

#rareGrid .card{
  background:rgb(184, 184, 184);
}

#auctionCalc .select2-container--default .select2-selection--single {
     background:rgb(184, 184, 184) !important;
}

#auctionCalc .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(0, 0, 0, 0.4) !important;
}

#auctionCalc.modal,
#auctionCalc .modal-dialog,
#auctionCalc .modal-content,
#auctionCalc .widget{
  position:fixed;
  z-index:2147483647!important;
}
.select2-container--open{
	z-index:2147483647!important;
}

#auctionCalc + .modal-backdrop,
.modal-backdrop.show{
  z-index:2147483646!important;
}
.icon-calc-layout{
  display:block;
  width:72px;
  height:72px;
  font-size:22px;
  line-height:72px;
  text-align:center;
  border-left:1px solid #333;
  color:#fff;
  cursor:pointer;
}
.icon-calc-layout:hover{ background:#222; color:#ffc107; }

#rareGrid .card-body{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0.75rem 0.5rem;
}


#rareGrid .card-body h6{
    flex:1 1 auto;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    text-align:center;
    margin:0 0 0.5rem;
}

#rareGrid .qty-group{ margin-bottom:0.25rem; }

.price-value[contenteditable]:hover{
  cursor:text;
  text-decoration:underline dotted;
}

.orig-price{
  font-size:85%;
  color:#666;
}

.price-value{
  border-bottom:1px dotted #777;
  cursor:text;
}
.edit-hint{
  font-size:0.65rem;
  opacity:.6;
  transition:opacity .15s;
}
.price-value:focus,
.price-value:hover{
  outline:none;
  border-bottom:1px solid #ffc107;
}
.price-value:hover + .edit-hint,
.price-value:focus + .edit-hint{
  opacity:1;
}

@media (max-width: 767.98px){

  #auctionCalc .widget{
    width:95vw !important;
    max-width:95vw !important;
  }
  #auctionCalc .widget-content{
    padding-left:10px !important;
    padding-right:10px !important; 
  }

  #auctionCalc .select2-container--default .select2-selection--single {
    width: 95% !important;
  }

  #rareGrid .calc-col{
    flex:0 0 31.333%;
    max-width:31.333%;
  }
}

@media (min-width: 768px){
  #rareGrid .calc-col{
    flex:0 0 25%;
    max-width:25%;
  }
}