/* Show Up/Down arrows for Input type number in mobile view */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 opacity: 1 !important;
 margin: 0;
 width: 15px;
 height: 35px;
}

input {border:0;outline:0;}
input:focus {outline:none!important;}

input[type="number"]
{
    font-size:14px;
}
/* ENDS Show Up/Down arrows for Input type number in mobile view */


.inline {

  display: flex;
  justify-content: center;
  align-items: center;
}
 
.inline div {
            margin: 3px 5px;
            text-align: center;
}


.input-group-sm input[type="text"] {
  padding-left: 30px;
}

.input-group-sm {
  position: relative;
}

.input-group-sm i {
  position: absolute;
  left: 0;
  top: 4px;
  padding: 5px 10px;
  color: #aaa;
  transition: 0.3s;
}


/*
    Personal styles for fastorder.ocmod.
    Use this file to specify their own style or override existing styles for the order form in one click
    Use "!important" if Bootstrap and template styles not override.
 */
 
 
.modal {
margin: auto;
  	width:340px;
}
.modal-body {  padding: 10px;
  	width:340px;
}

.modal-content{
	width:340px;
}

/* FastOrder modal form styles */
.modal-fastorder{
  z-index: 9999;
}

/* FastOrder modal success styles */
.modal-fastorder-success{
}
.input-group-sm{
	}


/* FastOrder button styles in the product cart */
.form-group .btn-fastorder{
  margin-bottom: 5px;
}

/* FastOrder button styles in the category product list */
.button-group .btn-fastorder{
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 6px;
  font-size: 13px;
  color: white !important;
  }

/* buttons in the fastorer form and success form*/
.modal-fastorder button, .modal-fastorder-success button {
  font-size: 13px;
  color: white !important;
  text-transform: none !important;
}


/* Fastorder form h1 (modal header) and success form 
.modal-fastorder h3, .modal-fastorder-success h4{
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb;
}
*/

.modal-fastorder #tt{
  margin: 0;
  height: 0px;
}
.modal-fastorder ul{
  margin-bottom: 0;
}


/* FastOrder button */
.btn-fastorder{

}


/* FastOrder button Tested. Not Used in production ============================================== */
.button-fastorder>span{
  margin: 0 11px 0 5px;
  font-weight: bold;
}

.button-fastorder{
  z-index: 9999;
  position: fixed;
  transform: rotate(90deg);
  font-size: 20px;
  color:#fff;
  /*right: -92px; */
  right: -111px;
  background-color: #D2504D;
  padding: 6px;
  border-radius: 3px;
  border: 1px solid #B8504E;
}

.button-fastorder:hover{
  background-color: #C9302C;
}
@media only screen and (max-width: 600px) {
  .modal {

  	width:350px;
}
}