/*Contains any common function to modify the tables, which can then be imported and applied per sub style.
	eg, for the email table may want to show lines, so can import the below to apply show-lines() just for item-container.email*/
/*tag colours on people page for diff link types.*/
@keyframes loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*Mixin to make avatar circle, for users, to be added inside a .name-and-avatar-display style*/
.item-list.practice .item {
  margin-bottom: 30px;
}
.item-list.practice .item .practice-summary-model {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  border: 3px solid #4D849D;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-clip: padding-box;
  overflow: hidden;
  color: #353535;
  column-gap: 30px;
  row-gap: 10px;
}
.item-list.practice .item .practice-summary-model .practice-map {
  flex: 1 30%;
}
.item-list.practice .item .practice-summary-model .practice-map > img {
  max-width: 100%;
}
.item-list.practice .item .practice-summary-model .practice-map .no-image {
  padding: 20px;
  height: 100%;
}
.item-list.practice .item .practice-summary-model .practice-details-container {
  flex: 1 25%;
  display: grid;
  row-gap: 15px;
  padding: 25px 0;
  color: rgba(53, 53, 53, 0.75);
}
.item-list.practice .item .practice-summary-model .practice-details-container .practice-logo {
  align-content: center;
  justify-content: center;
  height: 90px;
  max-width: 100%;
}
.item-list.practice .item .practice-summary-model .practice-details-container .practice-logo img.doc-view-image {
  max-height: 90px;
  max-width: 100%;
}
.item-list.practice .item .practice-summary-model .practice-details-container .address:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f3c5";
  font-weight: 600;
}
.item-list.practice .item .practice-summary-model .practice-details-container .email:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f0e0";
  font-weight: 600;
}
.item-list.practice .item .practice-summary-model .practice-details-container .website:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f0c1";
  font-weight: 600;
}
.item-list.practice .item .practice-summary-model .practice-details-container .contact-number:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f879";
  font-weight: 600;
}
.item-list.practice .item .practice-summary-model .practice-team-list {
  flex: 1 auto;
  padding: 25px 0;
}
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list > h4,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list > h4,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list > h4 {
  font-size: 18px;
  margin: 5px 0;
}
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .practice-owners,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .practice-owners,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .practice-owners,
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .optometrists,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .optometrists,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .optometrists,
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .support-staff,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .support-staff,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .support-staff {
  height: 50px;
  display: flex;
  flex-flow: row nowrap;
}
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .practice-owners .avatar-container,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .practice-owners .avatar-container,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .practice-owners .avatar-container,
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .optometrists .avatar-container,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .optometrists .avatar-container,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .optometrists .avatar-container,
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .support-staff .avatar-container,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .support-staff .avatar-container,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .support-staff .avatar-container {
  flex: 0 1 auto;
  margin-right: -12px;
}
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .practice-owners .avatar-container img,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .practice-owners .avatar-container img,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .practice-owners .avatar-container img,
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .optometrists .avatar-container img,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .optometrists .avatar-container img,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .optometrists .avatar-container img,
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .support-staff .avatar-container img,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .support-staff .avatar-container img,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .support-staff .avatar-container img {
  height: 50px;
}
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .practice-owners .avatar-container .user-avatar,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .practice-owners .avatar-container .user-avatar,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .practice-owners .avatar-container .user-avatar,
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .optometrists .avatar-container .user-avatar,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .optometrists .avatar-container .user-avatar,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .optometrists .avatar-container .user-avatar,
.item-list.practice .item .practice-summary-model .practice-team-list .practice-owners-list .support-staff .avatar-container .user-avatar,
.item-list.practice .item .practice-summary-model .practice-team-list .optometrist-list .support-staff .avatar-container .user-avatar,
.item-list.practice .item .practice-summary-model .practice-team-list .support-staff-list .support-staff .avatar-container .user-avatar {
  font-size: 26px;
  height: 100%;
  width: 50px;
  background-color: #4D849D;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-list.practice .item .practice-summary-model .btn-container {
  flex: 1 100%;
  grid-column: 1 / span 3;
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 10px;
}
.item-list.practice .item .practice-summary-model .btn-container .button span {
  font-size: 17px;
  border: none;
}
.item-list.practice .item .practice-summary-model .btn-container .button span.tag {
  margin-left: 10px;
  white-space: nowrap;
  font-size: 12px;
  border-radius: 25px;
  background-color: orange;
  color: white;
}
.item-list.practice .item .commands {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .item-list.practice .item .practice-summary-model .practice-map {
    order: 2;
    flex: 1 40%;
  }
  .item-list.practice .item .practice-summary-model .practice-map .no-image {
    padding: 0;
    height: 100%;
  }
  .item-list.practice .item .practice-summary-model .practice-details-container {
    order: 1;
    flex: 1 100%;
    justify-content: center;
  }
  .item-list.practice .item .practice-summary-model .practice-team-list {
    order: 3;
    flex: 0 1 40%;
  }
  .item-list.practice .item .practice-summary-model .btn-container {
    order: 4;
    padding-top: 20px;
  }
  .item-list.practice .item .commands {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .item-list.practice .item .practice-summary-model {
    padding: 0 10px;
    flex-direction: column;
  }
  .item-list.practice .item .practice-summary-model .btn-container {
    flex-direction: column;
    row-gap: 5px;
  }
  .item-list.practice .item .commands {
    display: none;
  }
}
body .dialog-wrapper.practice-edit > .dialog,
body .dialog-wrapper.initial-practice-setup > .dialog {
  width: 1000px;
}
body .dialog-wrapper.practice-edit .item-edit.practice,
body .dialog-wrapper.initial-practice-setup .item-edit.practice,
body .dialog-wrapper.practice-edit .item-edit.practice-setup,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup {
  width: 100%;
  max-width: 100%;
}
body .dialog-wrapper.practice-edit .item-edit.practice label,
body .dialog-wrapper.initial-practice-setup .item-edit.practice label,
body .dialog-wrapper.practice-edit .item-edit.practice-setup label,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup label {
  font-size: 16px;
  color: #4D849D;
  font-weight: 600;
}
body .dialog-wrapper.practice-edit .item-edit.practice .button-holder,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .button-holder,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .button-holder,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .button-holder {
  position: relative;
  text-align: right;
}
body .dialog-wrapper.practice-edit .item-edit.practice .button-holder .button.cancel,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .button-holder .button.cancel,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .button-holder .button.cancel,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .button-holder .button.cancel {
  position: absolute;
  left: 0;
}
body .dialog-wrapper.practice-edit .item-edit.practice .button-holder .button.update-subscription,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .button-holder .button.update-subscription,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .button-holder .button.update-subscription,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .button-holder .button.update-subscription {
  position: relative;
}
body .dialog-wrapper.practice-edit .item-edit.practice .button-holder .button.continue,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .button-holder .button.continue,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .button-holder .button.continue,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .button-holder .button.continue,
body .dialog-wrapper.practice-edit .item-edit.practice .button-holder .button.accept-authority,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .button-holder .button.accept-authority,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .button-holder .button.accept-authority,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .button-holder .button.accept-authority {
  margin-left: 15px;
}
body .dialog-wrapper.practice-edit .item-edit.practice .button-holder .button.continue::after,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .button-holder .button.continue::after,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .button-holder .button.continue::after,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .button-holder .button.continue::after,
body .dialog-wrapper.practice-edit .item-edit.practice .button-holder .button.accept-authority::after,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .button-holder .button.accept-authority::after,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .button-holder .button.accept-authority::after,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .button-holder .button.accept-authority::after {
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f061";
  padding-left: 5px;
  font-size: 15px;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-login .practice-login-container,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-login .practice-login-container,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-login .practice-login-container,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-login .practice-login-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-login .practice-login-container .image img,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-login .practice-login-container .image img,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-login .practice-login-container .image img,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-login .practice-login-container .image img {
  max-width: 100%;
  padding: 20px;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-contact .logo-container,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-contact .logo-container,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-contact .logo-container,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-contact .logo-container {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: 200px;
  grid-column-gap: 20px;
  align-items: center;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-contact .logo-container .field.practice-logo,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-contact .logo-container .field.practice-logo,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-contact .logo-container .field.practice-logo,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-contact .logo-container .field.practice-logo {
  max-width: 100%;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-contact .logo-container .field.practice-logo div.entry div.doc-edit.image,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-contact .logo-container .field.practice-logo div.entry div.doc-edit.image,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-contact .logo-container .field.practice-logo div.entry div.doc-edit.image,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-contact .logo-container .field.practice-logo div.entry div.doc-edit.image {
  text-align: center;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-contact .logo-container .field.practice-logo div.entry div.doc-edit.image img,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-contact .logo-container .field.practice-logo div.entry div.doc-edit.image img,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-contact .logo-container .field.practice-logo div.entry div.doc-edit.image img,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-contact .logo-container .field.practice-logo div.entry div.doc-edit.image img {
  display: block;
  max-width: 150px;
  max-height: 150px;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-contact .field.email .entry .verify-email,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-contact .field.email .entry .verify-email,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-contact .field.email .entry .verify-email,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-contact .field.email .entry .verify-email {
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  padding: 5px 20px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-address .practice-address-and-map-container,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-address .practice-address-and-map-container,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-address .practice-address-and-map-container,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-address .practice-address-and-map-container {
  display: flex;
  column-gap: 20px;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-address .practice-address-and-map-container .name-and-address,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-address .practice-address-and-map-container .name-and-address,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-address .practice-address-and-map-container .name-and-address,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-address .practice-address-and-map-container .name-and-address {
  flex: 1 0%;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-address .practice-address-and-map-container .practice-map,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-address .practice-address-and-map-container .practice-map,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-address .practice-address-and-map-container .practice-map,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-address .practice-address-and-map-container .practice-map {
  flex: 1 0 0%;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-address .practice-address-and-map-container .practice-map .field,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-address .practice-address-and-map-container .practice-map .field,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-address .practice-address-and-map-container .practice-map .field,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-address .practice-address-and-map-container .practice-map .field {
  display: inline-block;
  width: 45%;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-address .practice-address-and-map-container .practice-map #Map,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-address .practice-address-and-map-container .practice-map #Map,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-address .practice-address-and-map-container .practice-map #Map,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-address .practice-address-and-map-container .practice-map #Map {
  position: relative;
  width: 400px;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#practice-address .practice-address-and-map-container .practice-map #Map img,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-address .practice-address-and-map-container .practice-map #Map img,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-address .practice-address-and-map-container .practice-map #Map img,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-address .practice-address-and-map-container .practice-map #Map img {
  max-width: 100%;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#owner-pin .owner-pin-container,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#owner-pin .owner-pin-container,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#owner-pin .owner-pin-container,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#owner-pin .owner-pin-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#team-training,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#team-training,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#team-training,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#team-training {
  text-align: center;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#team-training .sponsor-discount-message,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#team-training .sponsor-discount-message,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#team-training .sponsor-discount-message,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#team-training .sponsor-discount-message {
  display: inline-block;
  background-color: orange;
  border-radius: 10px;
  padding: 5px 20px;
  font-weight: 400;
  max-width: 500px;
}
body .dialog-wrapper.practice-edit .item-edit.practice section#team-training .commands,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section#team-training .commands,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section#team-training .commands,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#team-training .commands {
  margin-top: 10px;
  text-align: center;
}
body .dialog-wrapper.practice-edit .item-edit.practice .field.name,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .field.name,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .field.name,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .field.name,
body .dialog-wrapper.practice-edit .item-edit.practice .field.email,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .field.email,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .field.email,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .field.email,
body .dialog-wrapper.practice-edit .item-edit.practice .field.website,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .field.website,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .field.website,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .field.website {
  width: 100%;
}
body .dialog-wrapper.practice-edit .item-edit.practice section.expandable,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section.expandable,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section.expandable,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section.expandable {
  margin-top: 20px;
}
body .dialog-wrapper.practice-edit .item-edit.practice section.expandable:not(.selected),
body .dialog-wrapper.initial-practice-setup .item-edit.practice section.expandable:not(.selected),
body .dialog-wrapper.practice-edit .item-edit.practice-setup section.expandable:not(.selected),
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section.expandable:not(.selected) {
  display: none;
}
body .dialog-wrapper.practice-edit .item-edit.practice section.expandable h2,
body .dialog-wrapper.initial-practice-setup .item-edit.practice section.expandable h2,
body .dialog-wrapper.practice-edit .item-edit.practice-setup section.expandable h2,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section.expandable h2 {
  display: none;
}
body .dialog-wrapper.practice-edit .item-edit.practice .tab-group-buttons h2,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .tab-group-buttons h2,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .tab-group-buttons h2,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .tab-group-buttons h2 {
  font-size: 16px;
}
body .dialog-wrapper.practice-edit .item-edit.practice .tab-group-buttons h2.save:after,
body .dialog-wrapper.initial-practice-setup .item-edit.practice .tab-group-buttons h2.save:after,
body .dialog-wrapper.practice-edit .item-edit.practice-setup .tab-group-buttons h2.save:after,
body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup .tab-group-buttons h2.save:after {
  content: attr(data-save);
  position: absolute;
  background-color: orange;
  right: -54px;
  top: 0;
  font-size: 13px;
  font-weight: 600;
  height: 18px;
  line-height: initial;
  padding: 2px 3px;
  border-radius: 8px;
}
@media only screen and (max-width: 1100px) {
  body .dialog-wrapper.practice-edit .item-edit.practice section#practice-address .practice-address-and-map-container,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-address .practice-address-and-map-container,
  body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-address .practice-address-and-map-container,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-address .practice-address-and-map-container {
    flex-direction: column;
  }
  body .dialog-wrapper.practice-edit .item-edit.practice section#practice-address .practice-address-and-map-container .name-and-address,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-address .practice-address-and-map-container .name-and-address,
  body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-address .practice-address-and-map-container .name-and-address,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-address .practice-address-and-map-container .name-and-address {
    flex: 1 0%;
  }
}
@media only screen and (max-width: 800px) {
  body .dialog-wrapper.practice-edit .item-edit.practice section#practice-login .practice-login-container,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-login .practice-login-container,
  body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-login .practice-login-container,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-login .practice-login-container {
    display: block;
  }
  body .dialog-wrapper.practice-edit .item-edit.practice section#practice-login .practice-login-container .login-details,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-login .practice-login-container .login-details,
  body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-login .practice-login-container .login-details,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-login .practice-login-container .login-details {
    width: 100%;
  }
  body .dialog-wrapper.practice-edit .item-edit.practice section#practice-login .practice-login-container .image,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-login .practice-login-container .image,
  body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-login .practice-login-container .image,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-login .practice-login-container .image {
    display: none;
  }
  body .dialog-wrapper.practice-edit .item-edit.practice section#practice-login .practice-login-container .image img,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice section#practice-login .practice-login-container .image img,
  body .dialog-wrapper.practice-edit .item-edit.practice-setup section#practice-login .practice-login-container .image img,
  body .dialog-wrapper.initial-practice-setup .item-edit.practice-setup section#practice-login .practice-login-container .image img {
    max-width: 100%;
    padding: 20px;
  }
}
form.page.initial-practice-user .item-edit.add-user .doc-edit.image .doc img {
  width: 60px;
  border-radius: 50%;
}
form.page.initial-practice-user .item-edit.add-user .doc-edit.image .doc .item-name {
  display: none;
}
form.page.initial-practice-user .item-edit.add-user .field {
  width: 100%;
}
form.page.initial-practice-user .item-edit.add-user .field.first-name,
form.page.initial-practice-user .item-edit.add-user .field.last-name {
  display: inline-block;
  width: 48%;
}
.practice.multi-mode-section-container:not(.manual) .multi-mode-section.manual {
  display: none;
}
.practice.multi-mode-section-container.manual .multi-mode-section:not(.manual) {
  display: none;
}
.practice.multi-mode-section-container .actions a.no-border {
  border: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.practice.multi-mode-section-container .search-logo-container {
  text-align: right;
  display: block;
}
.practice.multi-mode-section-container .search-logo-container img.google-logo {
  height: 15px;
  margin-top: 5px;
}
.practice.multi-mode-section-container .address-match {
  padding: 10px 0;
}
.practice.multi-mode-section-container .address-match .result.template {
  display: none;
}
.practice.multi-mode-section-container .address-match .result {
  display: block;
  margin-bottom: 10px;
}
.practice.multi-mode-section-container .address-match .result .practice-info {
  display: grid;
  grid-template-columns: 0.45fr 1fr;
  grid-column-gap: 10px;
  border: 1px solid rgba(77, 132, 157, 0.2);
  padding: 12px;
  border-radius: 23px;
  align-items: center;
}
.practice.multi-mode-section-container .address-match .result .practice-info:hover,
.practice.multi-mode-section-container .address-match .result .practice-info:focus {
  background-color: rgba(77, 132, 157, 0.35);
}
.practice.multi-mode-section-container .address-match .result .practice-info span {
  font-size: 16px;
  color: #353535;
  border: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.practice.multi-mode-section-container .address-match .result .practice-info span:focus,
.practice.multi-mode-section-container .address-match .result .practice-info span:hover {
  color: transparent;
}
.practice.multi-mode-section-container .address-match .result .practice-info span:focus::after,
.practice.multi-mode-section-container .address-match .result .practice-info span:hover::after {
  content: attr(data-text);
  overflow: visible;
  text-overflow: inherit;
  background: #fff;
  position: absolute;
  left: auto;
  top: auto;
  width: auto;
  border: 1px solid #eaebec;
  padding: 0 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28);
  white-space: normal;
  word-wrap: break-word;
  display: block;
  color: #353535;
  margin-top: -1.25rem;
  border-radius: 23px;
}
.practice.multi-mode-section-container .address-match .result .practice-info .practice-name {
  font-weight: 600;
}
.practice.multi-mode-section-container .address-match .result .practice-info .practice-address {
  color: rgba(53, 53, 53, 0.75);
}
.practice.multi-mode-section-container .address-match .result .practice-info .practice-address::before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-right: 10px;
  content: "\f3c5";
}