/* qtycounter*/

.arrow-up {
    position: absolute;
    top: -10px;
    right: 30px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 10px solid rgba(49,49,49,0);
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ff2828; /* Replace #ff0000 with your desired color */
  
    
}
.qtnqrapper{
    position: relative;
}

.qtycounter .qtyrow{
    margin-bottom: 0!important;
    padding-bottom: 0;
    display: flex;
}

.qtycounter .col-1 {
    flex: 1; /* First column adjusts to take up the remaining space */
    padding: 5px 5px; 
}

.qtycounter .col-2 {
    flex: 0 0 120px; /* Fixed width of 120px */
    padding: 5px 5px; 
}


.qtnqrapper 
.qtycounter .whname{
    padding: 5px;
    font-size: 12px;
}
.qtnqrapper
.qtycounter .input-group{
    margin-bottom: 8px;
}
.qtnqrapper
.plusminuswrap{
    width: 60px;
}


.qtnqrapper 
.qtycounter{
    position: absolute;
    background-color: #e8e8e8;
    padding: 6px;
    padding-bottom: 10px;
    z-index: 4!important;
    right: -20px;
    top:40px;
    border-radius: 5px;
   
}

.qtnqrapper
.qtycounter  .input-number{
      text-align: center;
      padding: 5px;
      height: 30px;
      width: 50px;
    } 
    

    

.qtnqrapper
.qtycounter{
    border: 1px solid #dcd8d8;
    padding: 15px;
    
}   
.qtnqrapper
.qtycounter .btn span{
    background-color: auto!important;
    color: #fff!important;
}

.qtnqrapper
.qtycounter .btn {
    border: 0;
    padding: 5px 10px;}

.qtnqrapper
.qtycounter input{
    height: 30px;
}

.qtnqrapper 
.input-group-addon{
    font-size: 15px!important;
    width: auto!important;
}

.qtnqrapper 
.datepicker{
    font-size: 10px;
    width:90px;
}

.qtnqrapper
.qtycounter .whname{
    white-space: nowrap;
}

/* qtycounter*/

.readonly-white{
    background-color: #ffffff!important;
}