form {
  width: 100%;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

form.delete {
  width: auto;
  border: none;
  background-color: #fff;
  padding: 0px;
}

label {}

input[type=text], select {
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px;
  class='pay-button'
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

input.info[type=submit] {
  width: 100%;
  background-color: #4CAFFF;
  color: white;
  padding: 14px;
  border-radius: 4px;
  cursor: pointer;
}

input.info[type=submit]:hover {
  background-color: #46A3EA;
}

.no-border-button {
  border: none; /* Removes the default border */
  outline: none; /* Removes the outline that appears on focus */
  /* Add other styling as needed, e.g., background-color, padding, color */
  padding: 10px 20px;
  background-color: #fff;
  color: white;
  cursor: pointer;
}

/* Optional: To ensure no outline appears even on active/focused states */
.no-border-button:focus,
.no-border-button:active {
  outline: none;
  border: none; /* Redundant if already set, but good for explicit clarity */
}

.pay-button {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  background-color: #fff;
  color: white;
  cursor: pointer;
}

table { 
	border-collapse: collapse;}
    th, td { border: 1px solid #ddd; padding: 8px;}
    th { background: #f2f2f2; }
    .no-border-button { background: none; border: none; cursor: pointer; padding:0; }
    .pay-panel { margin-top: 18px; padding: 14px; background: #f7fbff; border: 1px solid #d8ebff; border-radius: 6px; }
    .btn-primary { background: #0b5ed7; color: #fff; border: none; border-radius: 4px; padding: 10px 14px; cursor: pointer; }
    .btn-primary:hover { background: #0a53be; }
	
table.body { margin-left: auto; margin-right: auto;}
    td.body { border: none; padding: 8px;}
	
table.fullbody { width: 100%; margin-left: auto; margin-right: auto;}
    td.fullbody { width: 100%; border: none; padding: 8px;}
	
h1 {
  text-align: center;
}

footer { text-align: center; font-size: .9em; color: #555; margin-top: 30px; }

notice {
  color: red;
  font-weight: bold; /* This is often the default for <strong>, but you can explicitly set it */
}