/**
 * Forms.
 */
.my > * {
  max-width: 800px;
}

.my input[type=text],
.my input[type=email],
.my input[type=password],
select {
  border: 1px solid #ddd;
  padding: 1em;
  margin: 4px 4px 4px 0;
}

.my input.size {
  width: auto;
}

/**
 * Forms, label and fieldset.
 */
.my input[type=submit] + input[type=submit],
.my input + label {
  margin-left: 1em;
}

.my fieldset + fieldset {
  margin-top: 3em;
}

.my fieldset > div {
  margin: 1.5em 0;
}

/**
 * Alert boxes.
 */
.alert-box {
  padding: 0.1em 1em;
  margin: 1em 0;
}

.alert-box a {
  text-decoration: underline;
}

.alert-box p {
  margin: 1em 0;
}

.info {
  background-color: #eff0fb;
}

.info p {
  color: #6977c6;
}

.ok {
  background-color: #d9fff7;
}

.ok p {
  color: #2cb296;
}

.error {
  background-color: #fff1f2;
}

.error p,
.error a {
  color: #fb5865;
}

/**
 * Plan.
 */
.my .plan {
  text-align: center;
  margin: 1em 0 2em 0;
  padding: 1em;
  background-color: #eee;
}

/**
 * Payment form.
 */
#payment-form input[type=submit]:disabled {
  background-color: #ddd;
  border: 1px solid #ddd;
}

/**
 * Tables.
 */
table {
  width: 100%;
  min-width: 600px;
}

tr:nth-child(even) {
  background-color: rgb(245, 245, 245);
}

th {
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1em 0 0.5em 0;
}

td {
  padding: 1em 0;
}