.btn.btn-primarys {
  width: 100%;
  color: #049f9f;
  border: 1px solid #05787d;
  background-color: white !important;
}

.p-2 {
  width: 30%;
}

.bi.bi-caret-right {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 44px;
  color: rebeccapurple;
}

#totalcollect {
  background-color: aliceblue;
}

#totalpay {
  background-color: antiquewhite;
}

.card-title {
  text-align: left;
}

.amount-right {
  float: right;
}
.invoice-num-bold {
  text-align: left;
}
.invoice-date {
  text-align: left;
}
.amount-status-right {
  float: right;
  border: 1px solid green;
  border-radius: 7px;
  padding: 10px;
  color: green;
}
.card.text-center {
  margin-bottom: 10px;
}

.invoice-link {
  color: #6f1b1bed;
  transition: color 0.3s ease, text-decoration 0.10s ease;
}

.invoice-link:hover {
  color: #792b2b;
  text-decoration: none;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

.amount-status-right-unpaid {
  float: right;
  border: 1px solid #e33e0b;
  border-radius: 7px;
  padding: 10px;
  color: white;
  background-color: #e33e0b;
}

.overdue-text {
  color: #e33e0b;
}

.card-footer.text-muted {
  background-color: transparent;
}

.sahre-paylink-right {
  color: #1bb71b;
  float: right;
}

#pricing, #stock, #other {
  background: white;
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 2.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #bdbbbb;
  border-radius: .5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: border-color .3s ease, box-shadow .3s ease, transform .2s ease-in-out;
}

.btn.btn-primary-comreg {
  color: #fff;
  background-color: #80096d;
  border-color: #51565b;
  width: 100%;
  height: 50px;
  float: right;
}

#state, #branchtype {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 2.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #bdbbbb;
  border-radius: .5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: border-color .3s ease, box-shadow .3s ease, transform .2s ease-in-out;
  height: 54px;
}

#deliveryForm {
  padding-top: 17px;
}
.product-title-delivery {
  font-weight: bold;
}
.delivey-title {
  color: #ff3e6c;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
  color: #fff200;
}
.fw-bold {
  font-weight: 700 !important;
  color: #fff200;
}
.product-detail-text-pg {
  text-align: left;
  color: white;
}
.text-success.pg.mb-3 {
  color: yellow !important;
  font-weight: bold;
}
.Ads.other {
  margin-top: 34px;
  width: 100%;
  margin-bottom: 30px;
}
.btn.btn-primary.right {
  float: right;
  margin-bottom: 20px;
  background-color: #ff3e6c;
  border: 1px #ff3e6c;
}
.btn.btn-primary.right:hover:active:focus:focus-visible:focus-within:visited:target {
  background-color: #ff3e6c;
  border: 1px #ff3e6c;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgb(255, 62, 108);
}
.btn-secondary {
  color: #fff;
  background-color: #ff3e6c;
  border-color: #ff3e6c;
}
.btn.btn-secondary:hover:active:focus:focus-visible:focus-within:visited:target {
  color: #fff;
  background-color: #ff3e6c;
  border-color: #ff3e6c;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgb(255, 62, 108);
}
.btn.btn-primary.success {
  background-color: #ff3e6c;
  border: 1px #ff3e6c;
}
.carousel-control-prev {
  height: 40%;
}
.carousel-control-next {
  height: 40%;
}
.delivery-date {
  color: green;
  font-weight: bold;
}
.btn.btn-primary.login.w-100 {
  color: #fff;
  background-color: #ff3e6c;
  border: 1px solid #ff3e6c;
}
.btn.btn-primary.login.w-100:hover:active:focus:focus-visible:focus-within:visited:target {
  color: #fff;
  background-color: #ff3e6c;
  border: 1px solid #ff3e6c;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgb(255, 62, 108);
}

.btn.btn-primary.success:hover:active:focus:focus-visible:focus-within:visited:target {
  background-color: #ff3e6c;
  border: 1px #ff3e6c;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgb(255, 62, 108);
}
.card-img-top.product {
  max-height: 254px !important;
  width: 100%;
  object-fit: contain !important;
  background-color: #f8f8f8;
}
.img-fluid.delivery-pge {
  max-width: 100px;
  border-radius: 5px;
  float: left;
  height: 100px;
  padding: 4px;
}
#mobilenumber {
  -moz-appearance: textfield;
}

#mobilenumber::-webkit-outer-spin-button,
#mobilenumber::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 2 !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
}

/*Mobile view*/
@media (max-width: 754px) {

.img-fluid.delivery-pge {
  max-width: 100px;
  border-radius: 5px;
  float: inherit;
  height: 100px;
  padding: 4px;
}

}