/*
Module: Ajax Quantity For Journal2 Cart 1.0
Released: Aug 20, 2017
Author: Volodymyr Chornovol
Site: http://helpforsite.com
E-mail: support@helpforsite.com
*/

/* cart */
.oc2 .input-group-btn {display:inline-block;}

/*common*/
.ajax-quantity-group {
  /*float: left;*/
  display: inline-block;
  width: 80px;
  height:36px;
  position: relative;
  z-index:100;
  vertical-align:middle;
}
.ajax-quantity-group input{
  width: 35px;
  height: 35px;
   float: none !important;
   display:inline-block !important;
  border-radius: 4px 0 0 4px;
  text-align: center;
  padding: 0;     
  margin-right:0!important;
}
.ajax-quantity-group > span {
  display: inline-block;
  vertical-align: top;
  margin: 0px 0 0 -4px;
  overflow: hidden;
  border-radius: 0 4px 4px 0;
  width: 20px;
  height: 35px; 
}
.ajax-quantity-group a {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  color: #fff !important;
  display: block;
  width: 20px;
  height: 18px;
  line-height: 17px;
  margin: 0 10px 0 0;
  padding: 0;
  background:#E4E4E4;
  border-radius: 0;
  transition: all 0.2s;
} 
.ajax-quantity-group a:first-child {
  border-bottom:1px solid #fff; 
}   

.ajax-quantity-group a:first-child:hover {
  color: rgb(76, 179, 86)!important;
}           
.ajax-quantity-group a:last-child:hover {
  color: rgb(235, 88, 88)!important;
} 
/* ecnd of common */

/* Product Page */
.product-info .right .cart {max-width:500px;}
.product-info .right .cart > div {display:block;}
.product-info .right .cart div .qty {
    display: inline-block;
    width: 100px;
    height:40px;
    position: relative;
    z-index:100;
}
.product-info .right .cart div .qty input {
    width: 60px;
    height: 40px;
    float: none;
    border: 1px solid #E4E4E4;
    border-radius: 4px 0 0 4px;
    text-align: center;
    padding: 0;
}

.product-info .right .cart div .qty > span{
    display: inline-block;
    vertical-align: top;
    margin: 0px 0 0 -4px;
    overflow: hidden;
    border-radius: 0 4px 4px 0;
    width: 30px;
    height: 40px;
}
.product-info .right .cart div .qty a{
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color:#fff;
    display: block;
    width: 30px;
    height: 20px;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 0;
    background:#E4E4E4;
    border-radius: 0;
    transition: all 0.2s;
} 
.product-info .right .cart div .qty a:first-child {border-bottom:2px solid #fff; }
.product-info .right .cart div .qty a:hover {background:#E4E4E4;}
.product-info .right .cart div .qty a:first-child:hover {color: rgb(76, 179, 86);}
.product-info .right .cart div .qty a:last-child:hover {color: rgb(235, 88, 88);}

.product-info .right .cart div .button {
  width:auto;
    float:left;
    margin: 0 0 0 2%;
    font-weight: 700;
    line-height: 38px;
    font-size: 16px !important;
}  
/* END of Product Page */