.withdrawal-btn,
.withdrawal-submit-button,
.withdrawal-lookup-button,
.withdrawal-confirm-button,
.my-withdrawals-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px 0;
  background-color: #2a2e7f;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}

  .withdrawal-btn:hover,
  .withdrawal-submit-button:hover,
  .withdrawal-confirm-button:hover,
  .my-withdrawals-button:hover {
    background-color: #08658d;
    color: #fff;
  }

.withdrawal-btn-order-details {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px 0;
  background-color: #17428a;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}

.my-withdrawals-button:hover {
  background-color: #248ece;
  color: #fff;
}

.withdrawal-action-bar {
  margin: 8px 0 20px 0;
  text-align: center;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.withdrawal-active-notice {
  font-size: 14px;
  font-weight: 500;
  color: #2f323d;
}

  .withdrawal-active-notice::before {
    content: '\2713\0020';
  }

.withdrawal-icon {
  margin-right: 6px;
  font-size: 16px;
}

.withdrawal-guest-page .inputs input {
  max-width: 680px !important;
}

.withdrawal-guest-page .inputs label {
  width: 400px !important;
}

.return-items-button-hidden {
  display: none !important;
}

.withdrawal-back-button,
.back-button,
.next-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px 0;
  background-color: #e9edf0;
  color: #2f323d !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #bdc3c9;
  cursor: pointer;
  transition: background-color 0.2s;
}

  .withdrawal-back-button:hover,
  .back-button:hover,
  .next-button:hover {
    background-color: #e1e4e7;
  }

.confirm-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}

.withdrawal-button-widget {
  text-align: center;
  margin: 12px 0;
}

.withdrawal-warning {
  background-color: #fff3f3;
  border-left: 4px solid #d70000;
  border-radius: 3px;
  padding: 12px 16px;
  margin-bottom: 20px;
  color: #2f323d;
  font-size: 14px;
}

  .withdrawal-warning .fa-exclamation-triangle {
    margin-right: 8px;
    color: #d70000;
  }

.form-fields {
  border-top: none;
}

.withdrawal-detail-page .section > .data-table tr:first-child td {
  border-top-color: #ddd;
}

.withdrawal-modal-content h3 {
  margin-bottom: 8px;
  color: #2f323d;
}

.withdrawal-modal-content p {
  margin-bottom: 16px;
  color: #2f323d;
  font-size: 14px;
}

.withdrawal-success-page .result {
  color: inherit;
  margin-bottom: 24px;
}

  .withdrawal-success-page .result p {
    margin-bottom: 6px;
    color: #2f323d;
  }

.withdrawal-success-page .buttons {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.withdrawal-bank-account {
  display: flex;
  align-items: center;
  gap: 10px;
}

  .withdrawal-bank-account input {
    flex: 1;
    min-width: 280px;
  }

.withdrawal-guest-page {
  max-width: 800px;
  margin: 0 auto;
}

  .withdrawal-guest-page .page-body {
    max-width: none;
    margin-bottom: 0;
    padding: 40px 20px;
    border: 1px solid #eee;
    border-radius: 3px;
  }

.my-withdrawals-page .page-title,
.withdrawal-detail-page .page-title {
  padding: 0 !important;
}

.block-account-navigation .customer-order-withdrawal a:after {
  content: "\4f";
}