.account-wrapper {
  padding-left: 15px;
  padding-right: 15px;
  border: solid 1px red;
}

.strong {
  font-weight: bolder;
}

.ui-right {
  text-align: right !important;
}

.ui-left {
  text-align: left !important;
}

.ui-center {
  text-align: center !important;
}

.ui-td-middle {
  vertical-align: middle !important;
}

.border-grey {
  border: solid 1px grey;
}

.no-orders {
  background-color: #E6E6E6;
  font-weight: bolder;
  text-align: center;
  padding: 30px 0;
}

.account-order-status {
  margin-top: 10px;
}
.account-order-status span {
  text-transform: uppercase;
  padding: 5px;
  border-radius: 5px;
  border: solid 1px black;
}

.ui-payment-unpaid {
  color: blue;
  font-weight: bolder;
  text-transform: uppercase;
}
.ui-payment-failed {
  color: red;
  font-weight: bolder;
  text-transform: uppercase;
}
.ui-payment-paid {
  color: green;
  font-weight: bolder;
  text-transform: uppercase;
}

.ui-order-success {
  background-color: green;
  color: white;
  font-weight: bolder;
  text-transform: uppercase;
}
.ui-order-failure {
  background-color: red;
  color: white;
  font-weight: bolder;
  text-transform: uppercase;
}
.ui-order-process {
  background-color: black;
  color: white;
  font-weight: bolder;
  text-transform: uppercase;
}


.ui-account-item {
  min-height: 110px;
  background-color: white;
  border: solid 1px #D7D7D7;
}

.ui-account-item:hover {
  background-color: #E6E6E6;
  cursor: pointer;
}

.ui-account-item .icon {
  font-size: 30px; 
  text-align: center;
}


.ui-password-error {
  border: solid 1px #FE7734;
  background-color: #FEE9DE;
  border-radius: 7px;
}




.px_0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px_5 {
  padding-left: 5px;
  padding-right: 5px;
}

.px_15 {
  padding-left: 15px;
  padding-right: 15px;
}


.pt_0 {
  padding-top: 0px !important;
}

.pb_0 {
  padding-bottom: 0px !important;
}

.pr_0 {
  padding-right: 0px !important;
}

.py-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.py_3 {
  padding: 3px 0;
}

.py_5 {
  padding: 5px 0;
}

.py_7 {
  padding: 7px 0;
}

.py_15 {
  padding: 15px 0;
}

.py_20 {
  padding: 20px 0;
}

.pb_15 {
  padding-bottom: 15px;
}

.pb_20 {
  padding-bottom: 20px;
}

.mt_15 {
  margin-top: 15px;
}

.mt_10 {
  margin-top: 10px;
}

.mt_5 {
  margin-top: 5px;
}

.mt_3 {
  margin-top: 3px;
}

.mt_140 {
  margin-top: 140px;
}

.mb_5 {
  margin-bottom: 5px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_12 {
  margin-bottom: 12px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mb_18 {
  margin-bottom: 18px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_24 {
  margin-bottom: 24px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mb_36 {
  margin-bottom: 36px;
}

.mb_60 {
  margin-bottom: 60px;
}

.mb_200 {
  margin-bottom: 200px;
}

.mx_0 {
  margin: 0 0
}

.mx_7 {
  margin: 0 7px;
}

.padding_15 {
  padding: 15px;
}

.ptbl_15 {
  padding: 15px 0 15px 15px;
}


.font-16 {
  font-size: 16px;
}


#store-stock-container {
  .ui-card-height-370 {
    height: 370px;
  }
  .ui-card-height-332 {
    height: 332px;
  }
  .ui-card-centered {
    display: grid;
    justify-items: center; 
    align-items: center;
  }
}


.ui-qty {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 18px;
  &.qty-up {
    color: green;
  }
  &.qty-down {
    color: red;
  }
}


.border-radius-7 {
  border-radius: 7px;
}