.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register {
  padding: 35px;
}
@media (max-width: 550px) {
  .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register {
    padding: 20px;
    margin-bottom: 20px;
  }
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  border: 1px solid var(--black_75);
  background-color: var(--black_25);
  -webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
  box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
  padding: 50px 40px;
  width: 28%;
  border-radius: 5px;
}

.woocommerce form.woocommerce-form, .woocommerce form.lost_reset_password {
  border: none;
  border-radius: 15px;
}
.woocommerce form.woocommerce-form .password-input, .woocommerce form.lost_reset_password .password-input {
  display: block;
}
.woocommerce form.woocommerce-form input[type=text], .woocommerce form.woocommerce-form input[type=email], .woocommerce form.woocommerce-form input[type=password], .woocommerce form.lost_reset_password input[type=text], .woocommerce form.lost_reset_password input[type=email], .woocommerce form.lost_reset_password input[type=password] {
  font: 400 16px/22px "Roboto", sans-serif;
  color: var(--black_800);
  background-color: var(--white);
  border: 1px solid var(--black_75);
  border-radius: 5px;
  padding: 10px 15px;
  width: 100%;
  margin-bottom: 15px;
}
.woocommerce form.woocommerce-form button.woocommerce-Button, .woocommerce form.lost_reset_password button.woocommerce-Button {
  font: 500 14px "Roboto", sans-serif;
  color: #fff;
  margin: 0;
  background: rgba(8, 102, 255, 0.8);
  padding: 15px 30px;
  border-radius: 4px;
  transition: all 0.3s linear;
  cursor: pointer;
  text-decoration: none !important;
  border: none;
  width: fit-content;
}
.woocommerce form.woocommerce-form button.woocommerce-Button:hover, .woocommerce form.lost_reset_password button.woocommerce-Button:hover {
  background: var(--brand_color);
  color: #fff;
}
@media (max-width: 767px) {
  .woocommerce form.woocommerce-form button.woocommerce-Button, .woocommerce form.lost_reset_password button.woocommerce-Button {
    padding: 15px 20px;
  }
}
.woocommerce form.woocommerce-form .login-form-submit, .woocommerce form.lost_reset_password .login-form-submit {
  margin-top: 20px !important;
}
.woocommerce form.woocommerce-form .login-form-submit label, .woocommerce form.lost_reset_password .login-form-submit label {
  margin-bottom: 10px;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0 !important;
}
.woocommerce ul li.woocommerce-MyAccount-navigation-link {
  display: block;
}
.woocommerce ul li.woocommerce-MyAccount-navigation-link a {
  font: 400 16px/22px "Roboto", sans-serif;
  color: var(--black_800);
  padding: 0;
  border: 0;
  border-radius: 0;
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  text-decoration: none;
}
.woocommerce ul li.woocommerce-MyAccount-navigation-link a:hover {
  text-decoration: underline;
}
.woocommerce ul li.woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--brand_color);
}
.woocommerce ul li.woocommerce-MyAccount-navigation-link.is-active a::before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--brand_color);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: width 0.2s linear;
}

fieldset legend {
  font-weight: 500;
  padding-top: 30px;
  color: var(--black_800);
}

.woocommerce-account .woocommerce form .form-row {
  display: block;
  justify-content: space-between;
}
.woocommerce-account .woocommerce form .form-row em {
  font-size: 14px;
  color: var(--black_500);
}

.woocommerce-account #customer_login .button {
  margin-right: 0;
}

.woocommerce form .form-row label {
  font-size: 14px;
  font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account #customer_login .button {
  width: auto;
  margin-top: 0;
  font: 500 14px "Roboto", sans-serif;
  background: var(--brand_color);
  color: #fff;
  border-radius: 3px;
  padding: 12px 30px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  display: inline-block;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account #customer_login .button:hover {
  -webkit-box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16);
  box-shadow: 0 20px 30px 0 rgba(61, 100, 244, 0.16);
}

.woocommerce-account .woocommerce-MyAccount-content .button {
  margin-top: 20px;
  margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover {
  background: var(--brand_color);
  color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content p.woocommerce-customer-details--email {
  display: flex;
  gap: 10px;
}

/** === Orders Table === **/
table.woocommerce-orders-table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
  display: flex;
  gap: 10px;
}
table.woocommerce-orders-table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button.button.cancel {
  background: #ff4444;
}
table.woocommerce-orders-table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button.button.cancel:hover {
  background: #ff0000;
  box-shadow: 0 20px 30px 0 rgba(255, 68, 68, 0.16);
}
table.woocommerce-orders-table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button.button.pay {
  background: #fdd835;
  color: #000;
}
table.woocommerce-orders-table td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button.button.pay:hover {
  background: #ffeb3b;
  box-shadow: 0 20px 30px 0 rgba(253, 216, 53, 0.16);
}

/** == Responsive Styles == **/
@media (min-width: 768px) {
  .woocommerce-MyAccount-navigation {
    width: 29%;
    float: left;
  }
  .woocommerce-MyAccount-content {
    width: 66.666667%;
    float: right;
    margin-right: 0;
  }
  .col2-set#customer_login,
  .col2-set.addresses {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .col2-set#customer_login .col-1,
  .col2-set.addresses .col-1 {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%;
    max-width: none;
  }
  .col2-set#customer_login .col-2,
  .col2-set.addresses .col-2 {
    width: 52.9411764706%;
    float: right;
    margin-right: 0;
    max-width: none;
  }
}

/*# sourceMappingURL=myaccount.css.map */