/* ============================================================================
BOL - Add to Cart button CSS 
=========================================================================== */
form[name="formQuantity"] {
  padding: 5px;
  margin: 2% 0;
  display: inline-block;
  position: relative;
}
form[name="formQuantity"].loading::before{
  position:absolute;
  width:100%;
  height:100%;
  background: rgba(255, 255, 255, 0.75);
  content:"Adding item to cart...";
  z-index:10;
  text-align:center;
  padding:10%;
  left: 0;
  top: 0;
}
form[name="formQuantity"] .qty {
  width: 45px;
  text-align: center;
  -moz-appearance: textfield; /* Firefox */
  -webkit-appearance: textfield; /* Standard */
  appearance: textfield; /* Standard */
}
form[name="formQuantity"] input[type=number]::-webkit-inner-spin-button,
form[name="formQuantity"] input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

form[name="formQuantity"] input,
form[name="formQuantity"] button{ 
  display: inline-block; 
  vertical-align: middle;
}
/* ============================================================================
EOL - Add to Cart button CSS 
=========================================================================== */


/* ============================================================================
BOL - Cart List CSS
=========================================================================== */
section[data-wid="entwrq"] .border-bottom-custom {
  border-bottom: 1px solid #000;
}
section[data-wid="entwrq"] .iconqoute {
  width: 30px;
}
section[data-wid="entwrq"] .imgqoute {
  width: 200px;
  height: 150px;
}
section[data-wid="entwrq"] .row.row-equal-height.border-bottom-custom {
  padding: 30px 0px 30px 0px;
}
section[data-wid="entwrq"] .row-equal-height {
  display: flex;
}
section[data-wid="entwrq"] .col-equal-height {
  display: flex;
  align-items: center;
  justify-content: center;
}
section[data-wid="entwrq"] .inline-group {
  display: inline-flex;
  background-color: #f5f5f5;
  padding: 5px; /* optional: to add some padding around the elements */
  border-radius: 4px; /* optional: to round the corners */
  width: 153px;
}
section[data-wid="entwrq"] .form-control.text-center {
  display: block;
  width: 40%;
  padding: 20px 0px 20px 0px;
  font-size: 16px;
  line-height: 1.428571429;
  color: #2b2b2b;
  background-color: transparent;
  background-image: none;
  border: 0px;
}
section[data-wid="entwrq"] [data-type="plus"] {
  margin-right: 0px;
  background-color: transparent;
  color: #2b2b2b;
  font-size: 24px;
  line-height: 1.2;
  padding: 0px 15px 0px 16px;
  font-weight: normal;
  text-shadow: none;
  border: 0px;
}
section[data-wid="entwrq"] [data-type="minus"] {
  margin-right: 0px;
  background-color: transparent;
  color: #2b2b2b;
  font-size: 24px;
  line-height: 1.2;
  padding: 0px 15px 0px 16px;
  font-weight: normal;
  text-shadow: none;
  border: 0px;
}
section[data-wid="entwrq"] strong {
  font-size: 18px;
  color: #2b2b2b;
}
section[data-wid="entwrq"] h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0px;
}
section[data-wid="entwrq"] .card-title {
  margin-top: 100px;
  color: #2b2b2b;
}
section[data-wid="entwrq"] .form-label {
  color: #2b2b2b !important;
  margin-top: 20px;
  font-size: 16px;
}
section[data-wid="entwrq"] .btn.btn-requestqoute {
  margin-top: 40px;
  padding: 15px 30px;
  background-color: #5c715e;
  border: 0px;
  border-radius: 0px;
  font-size: 16px;
}
section[data-wid="entwrq"] .btn.btn-requestqoute:hover {
background-color: #050407;
}

/* ============================================================================
EOL - Cart List CSS
=========================================================================== */