/* ============================================================================
BOL - Add to Cart button CSS 
=========================================================================== */
form[name="formQuantity"] {
  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"] .successmessage-btn {
  color: #4c9c6c !important;
}

form[name="formQuantity"] .successmessage-btn:hover {
  color: #333333 !important;
}

form[name="formQuantity"] .qty {
  width: 45px;
  text-align: center;
  -moz-appearance: textfield; /* Firefox */
  -webkit-appearance: textfield; /* Standard */
  appearance: textfield; /* Standard */
  font-size: 16px;
  color: #050307;
}
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;
}

form[name="formQuantity"] button {
	background-color: #1853A1;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	padding: 12px 30px;
	font-weight: normal;
	text-shadow: none;
	border: 0px;
	border-radius: 5px;
  transition: 0.3s;
  border: 1px solid #1853A1;
}
form[name="formQuantity"] button:hover {
	background-color: #888A8E;
  color: #fff;
  border: 0px solid #1853A1 !important;
	transition: 0.3s;
}
form[name="formQuantity"] .qtyplus.plus {
  color: #5c715e;
  font-family: "Helvetica",Verdana,Arial,sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.2;
  text-transform: none;
  border-style: none;
  border-width: 0px;
  border-color: initial;
  border-radius: 3px;
  padding: 7px 15px 7px 15px;
  background-color: #F5F5F5;
}
form[name="formQuantity"] .qtyplus.plus:hover{
  color: #fff;
  background-color: #5c715e;
}
form[name="formQuantity"] .qtyminus.minus {
  color: #5c715e;
  font-family: "Helvetica",Verdana,Arial,sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.2;
  text-transform: none;
  border-style: none;
  border-width: 0px;
  border-color: initial;
  border-radius: 3px;
  padding: 7px 15px 7px 15px;
  background-color: #F5F5F5;
}
form[name="formQuantity"] .qtyminus.minus:hover{
  color: #fff;
  background-color: #5c715e;
}
form[name="formQuantity"] .qty {
  border: 0px;
  background-color: #F5F5F5;
  padding: 11px 15px 11px 15px;
}
/* ============================================================================
EOL - Add to Cart button CSS 
=========================================================================== */


/* ============================================================================
BOL - Cart List CSS
=========================================================================== */
section[data-wid="entwrq"] .border-bottom-custom {
  border-bottom: 1px solid #eee;
}
section[data-wid="entwrq"] .btn.btn-outline-secondary.update-qty:hover {
  color: #8AA060;
}
section[data-wid="entwrq"] .iconqoute {
  width: 30px;
}
section[data-wid="entwrq"] .imgqoute {
  width: 95px !important;
  height: 71px !important;
}
section[data-wid="entwrq"] .row.row-equal-height.border-bottom-custom {
  padding: 25px 0px 25px 0px;
}
section[data-wid="entwrq"] .row-equal-height {
  display: flex;
}
section[data-wid="entwrq"] .col-equal-height {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
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"] .fa.fa-times {
  color: #797979;
}
section[data-wid="entwrq"] .fa.fa-times:hover {
  color: #5c715e;
}
section[data-wid="entwrq"] strong {
  font-size: 16px;
  color: #2b2b2b;
}
section[data-wid="entwrq"] h3 {
  font-size: 18px;
  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
=========================================================================== */

@media (max-width: 600px) {
	section[data-wid="entwrq"] .inline-group {
  		margin-left: 90px;
}
	section[data-wid="entwrq"] h3 {
  		margin-left: 90px;
}
	section[data-wid="entwrq"] .form-control.text-center {
  		padding: 20px 22px 20px 22px;
}
	section[data-wid="entwrq"] [data-type="minus"] {
  		padding: 0px 5px 0px 10px;
}
	section[data-wid="entwrq"] [data-type="plus"] {
		padding: 0px 5px 0px 10px;
}
	section[data-wid="entwrq"] .imgqoute {
  		height: 43px !important;
		margin-left: 10px;
}
	section[data-wid="entwrq"] .pro {
  		margin-right: 66px;
}
form[name="formQuantity"] {
	display: inherit;
	position: relative;
}

form[name="formQuantity"] button {
	margin: 20px auto;
	display: block;
}

}