.quickorder .box {
  width: 25% !important;
  height: 25% !important;
  padding: 20px !important;
}
#success {
  padding: 15px 15px 0px 15px;
}
#success b {
  padding: 20px;
  color: #006400;
  background: #e5efe5;
  display: block;
}
.modal-content {
  position: relative;
}
.autocomplete-items {
  position: absolute;
  z-index: 2;
  background: white;
  width: 181px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.autocomplete-items .search_border {
  border: 1px solid gainsboro;
  border-bottom: none;
  cursor: pointer;
  padding: 5px 5px 5px 10px;
}
.search_image {
  display: inline-block;
  width: 30%;
}
.search_image img {
  width: 70% !important;
}
.search_content {
  display: inline-block;
  width: 61%;
  vertical-align: top;
  padding-left: 5px;
}
#table .img {
  text-align: center;
}
#table .prod_detail {
  text-align: center;
}
#table .quantity {
  text-align: center;
}
#table .prod_subtotal {
  text-align: center;
}
/* popup */
.modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1050;
  overflow: hidden;
  outline: 0px;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  background: 0 0;
  border: 0;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
#addproduct {
  display: inline-block;
  padding: 6px 17px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  cursor: pointer;
  user-select: none;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  background-color: whitesmoke;
  font-weight: 600;
  color: #383333;
}
#product_clear {
  text-align: center;
}
#product_clear:before {
  background: url(../images/del_icon.png) no-repeat;
  background-size: 19px 20px;
  display: inline-block;
  width: 19px;
  height: 20px;
  content: "";
  cursor: pointer;
}
input.prod_load:before {
  background-image: url(../images/loading.gif) !important;
  background-position: 118% center !important;
  background-repeat: no-repeat !important;
  background-size: 100px !important;
}
.modal-header {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-body {
  margin-top: 15px;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-title {
  font-weight: 500;
}
#quicksearch td span p {
  margin-top: 10px;
}
.quick-order-head {
  color: white;
  background-color: #185f8e;
}
.quick-order-head th {
  text-align: center;
}
.cartfooter {
  background: #e5e5e5;
  padding: 15px;
  text-align: right;
}
#add_line {
  color: white;
  float: left;
  background: #195f8e;
}
#cart_add {
  color: white;
  background: #195f8e;
}
.Quickcheckout a {
  color: black;
}
.modal-dialog {
  width: 60%;
}
/*desktop response*/
@media only screen and (min-width: 1224px) {
  .quick-mobile {
    display: none;
  }
  .quick-order-head th:nth-child(1) {
    width: 30%;
  }
  .quick-order-head th:nth-child(2) {
    width: 20%;
  }
  .quick-order-head th:nth-child(3) {
    width: 20%;
  }
  .quick-order-head th {
    width: 5%;
  }
  .autocomplete-items {
    width: 29%;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
/*mobile response*/
@media only screen and (max-width: 1223px) {
  #table {
    font-size: 10px;
  }
  .quick-desktop {
    display: none;
  }
  .img {
    display: block;
  }
  .quick-order-head th:nth-child(1) {
    width: 40%;
  }
  .quick-order-head th:nth-child(2) {
    width: 30%;
  }
  .quick-order-head th {
    width: 10%;
  }
  .quantity input[type="number"] {
    padding: 0px;
    height: 20px;
    text-align: center;
    font-size: 10px;
  }
  .search input[type="text"] {
    height: 24px;
    font-size: 10px;
  }
  .search select {
    height: 24px;
    font-size: 10px;
  }
  #success b {
    padding: 10px;
  }
}
.modal-footer button {
  background-color: #185f8e;
  color: white;
}
.quick-desktop {
  background-color: #185f8e;
  color: white;
}
.quick-mobile {
  background-color: #185f8e;
}
.quick-mobile a {
  color: white;
}
.clear {
  cursor: pointer;
}
div[id^="attribute"] {
  padding-left: 20px;
}