/* the legacy b2b signup forms are desktop-first
this style block makes a few basic improvements so the forms display better on mobile pending a rebuild */
@media (max-width: 576px) {
  .signup {
    & .login_container {
      padding: 0 0 2em;
    }
    & #primarytabs {
      min-height: 37px;
    }
    & .login_container h3 {
      margin-top: 0;
    }
    & #accomodation_table td:first-child {
      width: 90%;
    }
    & .show-pw-label,
    & .no-postcode {
      margin-top: 0.7em;
    }
    & .menu-list-options {
      width: auto;
    }
    & #claim-site-form .show-pw-label {
      margin: -15px 0 1em;
      display: block;
    }
  }
  .upgrade-agreement {
    display: flex;
    flex-direction: column;
    & .manager-testimonials {
      margin: 3em 0 0;
      padding: 0;
    }
  }
  .upgrade-agreement #upgrade_form {
    & tr {
      display: flex;
      flex-direction: column;
      border: none;
      & label {
        margin: 0;
        font-weight: bold;
      }
    }
    & td {
      border: none;
      padding: 0;
    }
    & th {
      text-align: left;
      width: auto;
      border: none;
      padding: 0;
    }
  }
  .modal {
    z-index: 9999999999; /* above intercom */
    & .close {
      font-size: 2em;
      opacity: 0.7;
    }
  }
}

.signup,
.upgrade-agreement {
  & input,
  & textarea,
  & select {
    font-size: max(16px, 1em);
  }
}

.step {
  font-weight: normal;
  color: #999;
}

.page-title {
  line-height: 1.1;
}

.more-info {
  color: #999;
  font-size: smaller;
}

.more-info-link {
  text-decoration: underline;
  color: #999;
}

#id_campsite_text {
  width: 97%;
}

#accomodation_table {
  margin: 0;
}

#accomodation_table .searchtypes.inline-cat-icon {
  position: relative;
  top: 5px;
}

#accomodation_table .form-group.warning [type="checkbox"] {
  color: #333333;
}

.errorlist {
  color: red;
}

legend + .form-group {
  margin: 0 0 10px;
}

.proposed-hierarchy td {
  padding: 3px 0 7px;
  vertical-align: bottom;
}

.proposed-hierarchy .error .select2-choice {
  border-color: #b94a48;
}

.hierarchy-select {
  width: 100%;
  min-width: 300px;
}

.missing-hierarchy {
  margin: 1.4em 0 0 1em;
  max-width: 200px;
}

#existing-hierarchy {
  width: 60%;
  min-width: 300px;
}

#percentage_complete {
  width: 600px;
}

#mapContainer {
  margin-top: 1em;
  width: 100%;
  height: 300px;
  border: 1px solid #ccc;
}
#reload_pin {
  margin: 8px 0 0 0;
}

.alert a {
  text-decoration: underline;
}

.alert a.btn {
  text-decoration: none;
}

.agreement-checkbox {
  background-color: #dedede;
  padding: 0.3em 0.5em !important;
  margin: 0 0 0.5em -0.5em !important;
  border-radius: 0.5em;
  display: table !important;
}

.agreement-checkbox a {
  text-decoration: underline;
}

.agreement-error {
  padding: 1em;
}

.agreement-error .agreement-checkbox {
  background-color: #b94a48;
  color: white;
}

.agreement-error .agreement-checkbox a {
  color: white;
}

.email-suggestion {
  color: #b94a48;
}

.email-suggestion a {
  text-decoration: underline;
  color: #a94442;
}

.autocomplete-item a {
  color: #000;
  text-decoration: none;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
}
.autocomplete-item:hover a,
.autocomplete-item a:hover,
.autocomplete-item a:active {
  color: #fff !important;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #08c, #0077b3);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#08c),
    to(#0077b3)
  );
  background-image: -webkit-linear-gradient(top, #08c, #0077b3);
  background-image: -o-linear-gradient(top, #08c, #0077b3);
  background-image: linear-gradient(to bottom, #08c, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
}

.yourlabs-autocomplete [data-value] {
  white-space: normal !important;
}

.existing-user {
  margin: 1em 0 0 0;
  display: inline-block;
}

#signup_submit {
  margin-top: 2em;
}

#upgrade_form th {
  text-align: right;
  vertical-align: top;
  width: 20%;
}

#upgrade_form input,
#upgrade_form select {
  margin: 0.35em 0 0;
  width: 80%;
  max-width: 350px;
}

#upgrade_form .telephone-widget > .form-control {
  margin-bottom: 1em;
}

@media (max-width: 375px) {
  .hierarchy-select {
    min-width: 210px;
  }

  select.marginright,
  input.marginright {
    margin-right: 0;
  }

  #existing-hierarchy {
    width: 100%;
    min-width: 100%;
  }

  #upgrade_form input,
  #upgrade_form select {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .signup .menu-list.language {
    float: none;
    position: absolute;
    top: 3px;
    right: 14px;
  }

  #tipis,
  #sitename {
    display: none;
  }

  .yourlabs-autocomplete {
    right: 15px;
  }
}

@media print {
  .printhide,
  #login,
  #tipis,
  .language,
  .push-panel,
  .pre-live-panel,
  #headernav,
  #primarytabs,
  #subnav,
  #sitename {
    display: none;
  }
  body {
    padding: 1.5em 2em;
  }
  #headertop a[href]:after,
  #terms-and-conditions-print a[href]:after {
    content: "";
  }
}