.validation-summary-errors {
  color: darkred;
}

#search-input, #search-submit {
  display: table-cell;
  margin: .1rem;
  vertical-align: middle;
}

#search-submit {
  height: 2.6rem;
  width: 7rem;
}

#search-input {
  height: 2rem;
}

.renew-page .password {
  display: none;
}

#email-confirmation-section, #payment-details-section, #password-reset-section, #password-reset-complete-section, #email-change-section {
  display: none;
}

#confirmation-code {
  width: 5rem;
}

#register-form label {
  display: inline;
}

#persist-login {
  margin-right: .5rem;
}

#register-submit:disabled, #payment-submit:disabled, #login-submit:disabled, #go-to-login:disabled, button.renew:disabled,
#password-reset-email-submit:disabled, #resend-confirmation:disabled, #password-reset-submit:disabled, #password-reset-cancel:disabled,
#email-change-cancel:disabled, #send-email-confirmation:disabled, #support-submit:disabled {
  background-color: gray;
  color: lightgray !important;
}

#register-submit, #payment-submit, #login-submit, #support-submit, #go-to-login, button.renew {
  background-color: darkgreen;
  font-size: 1.4rem !important;
  height: 4rem !important;
  margin-top: 1rem;
  min-width: 24rem;
  width: 60%;
}

  #payment-submit.do-not-enlarge {
    height: auto !important;
    width: auto;
  }

#resend-confirmation {
  background-color: darkgreen;
  font-size: 1.1rem;
  height: 2rem;
  margin: 0 0 1rem .5rem;
  width: 12rem;
}

p.register-link {
  font-size: 1.2rem;
  margin: 0 0 .5rem;
  padding: 1rem 0 0 0;
}

#search-form-section .row, #register-form .row, #account-form .row {
  padding: .25rem;
}

#search-form-section div:nth-of-type(2) {
  margin-top: 1rem;
}

#account-form button.edit {
  width: 6rem;
}

  #account-form button.edit.set-default {
    font-size: .9rem;
  }

#payment-methods-form button.delete-payment-method, #advanced-search-section .clear-criteria {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  border-style: dashed;
  color: #212529;
  font-size: .9rem;
  text-shadow: none;
}

#payment-methods-form .row {
  padding: .25rem 0;
}

#search-form-section label {
  margin: 0 0 0 .5em;
}

input:disabled, .renew-page #email {
  border: none !important;
  color: #212529 !important;
  background-color: transparent;
}

input[type="text"].search {
  border-radius: 2px;
  border: 1px solid #333;
}

button.reset-button, button.reset-button:focus, button.reset-button:hover, button.reset-button:active {
  background-color: transparent !important;
  border: none !important;
  box-shadow: 0 0 !important;
}

.reset-button {
  position: relative;
  right: 28px;
}

.reset-button:after {
  content: "x"
}

#search-input:not(:valid) ~ .reset-button {
  visibility: hidden;
}

#search-submit {
  position: relative;
  right: 24px;
}

input[type="text"].register, input[type="email"].register, input[type="password"].register {
  border-radius: 2px;
  border: 1px solid #333;
  margin: 0 0 .25rem 0;
  width: 15rem;
}

.expiry, .cvv, .state {
  width: 5rem !important;
}

.zip {
  width: 9rem !important;
}

.countrycode {
  width: 1.5rem !important;
}

.phone {
  width: 8rem !important;
}

#payment-details-form div.col-7 label {
  padding: 0 .25rem 0 0;
}

ul.cancellation-list, ul.renew-list {
  margin: 1rem 0 0 0;
}

button.cancel {
  background-color: #91a374;
}

button.cancel-action {
  background-color: #fff;
}

#detail-view-close {
  margin: 0 0 0 10rem;
}

input[type="submit"], button.green, button.add, button.edit, button.renew {
  background-color: green;
}

button.cancel-action {
  color: #212529 !important;
  text-shadow: none !important;
}

input[type="submit"], button.green, button.add, button.edit, button.cancel, button.cancel-action, button.renew {
  border-radius: 6px;
  border: 1px solid #333;
  box-shadow: 1px 1px 2px #333;
  color: #ebf5e6;
  font-size: 1.1rem;
  text-shadow: 1px 1px 1px #333;
}

  input[type="submit"]:active, button:active {
    box-shadow: 0 0 2px #333;
  }

@media only screen and (min-width: 813px) {
  input[type="text"].search, input[type="text"].register, input[type="email"].register, input[type="password"].register {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 812px) {
  input[type="text"].search, input[type="text"].register, input[type="email"].register, input[type="password"].register {
    font-size: 1.2rem;
  }
}

.switch {
  display: inline-block;
  height: 17px;
  position: relative;
  top: 3px;
  width: 30px;
  border: 1px solid black;
  border-radius: 12px;
}

  .switch input {
    display: none;
  }

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

  .slider:before {
    background-color: #fff;
    bottom: 1px;
    content: "";
    height: 13px;
    left: 2px;
    position: absolute;
    transition: .4s;
    width: 13px;
  }

input:checked + .slider {
  background-color: green;
}

  input:checked + .slider:before {
    transform: translateX(13px);
  }

.slider.round {
  border-radius: 17px;
}

  .slider.round:before {
    border-radius: 50%;
  }

textarea {
  height: 12rem;
  max-width: 40rem;
  resize: vertical;
  width: 100%;
}

#customer-support-form input[type='email'], #support-submit {
  max-width: 40rem;
  width: 100%;
}

#support-submit {
  min-width: 18rem;
}