/* Copyright 2018-2024 Epic Systems Corporation */
#hm-list-activity .container-loading-icon {
  text-align: center;
}

.hmt-schedule img {
  margin-left: 5px;
  vertical-align: bottom;
  width: 1.2rem;
  height: 1.2rem;
}

.hmt-request.cardline {
  display: flex;
  flex-direction: row;
}
.hmt-request.cardline svg {
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  margin-right: -0.2rem;
  margin-left: 0.2rem;
}
.hmt-request.cardline span {
  margin-top: 0.35rem;
}

.eventdetails .hmt-request.cardline span {
  margin-top: 0.2rem;
}

.hm-banner {
  padding: 0.5rem 0 0.5rem;
}
.hm-banner .card {
  min-height: auto;
}
.hm-banner .card svg {
  width: 30px;
  min-width: 30px;
  max-width: none;
  height: 30px;
  margin-left: 0.5rem;
  fill: currentColor;
  vertical-align: middle;
}

#hm-list-activity .hmt-item-card {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-left: 12px;
}
#hm-list-activity .hmt-item-card > .hmt-item-content {
  flex-grow: 1;
}
.hmt-item-card .loading-indicator {
  display: none;
}
.hmt-item-card.disabled > *:not(.loading-indicator) {
  opacity: 0;
}
.hmt-item-card.disabled .loading-indicator {
  display: block;
  position: absolute;
  top: calc(50% - 32px);
}
.hmt-item-card .hmt-item-content {
  min-height: 6rem;
  padding: 0.5rem;
}
.hmt-item-card .hmt-item-content .hmt-learnmore img {
  vertical-align: bottom;
  margin-left: 5px;
}
.hmt-item-card .hmt-item-content .topicMessage {
  display: flex;
  flex-direction: row;
  overflow-wrap: anywhere;
}
.hmt-item-card .hmt-item-content .topicMessage .longForm {
  margin: 0.5rem 0;
}
.hmt-item-card .hmt-item-content .topicMessage svg {
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
  margin-right: -0.2rem;
  margin-left: 0.2rem;
}
.hmt-item-card .hmt-item-content .topicMessage svg.topicMessageIcon.success {
  fill: #09aa71;
}
.hmt-item-card .hmt-item-content .topicMessage span {
  margin-top: 0.25rem;
}
.hmt-item-card .cardline:not(.heading):not(.topicMessage.longForm) {
  margin-top: 5px;
}
.hmt-item-card img.actionimage {
  width: 1rem;
  height: 1rem;
}
.hmt-item-card .hmt-previously-done {
  color: #767676;
}
.hmt-item-card .hmt-previously-done > span {
  margin-left: 3px;
}
.hmt-item-card .hmt-hide-reminder label {
  font-size: 0.9rem;
}
.hmt-item-card .hmt-hide-reminder .hideEditLink {
  padding: 0 0 0 0.6rem;
}
.hmt-item-card .hmt-hide-reminder .hideEditLink svg {
  width: 1rem;
  height: 1rem;
  vertical-align: bottom;
  fill: currentColor;
}
.hmt-item-card .hmt-hide-reminder input.prettycheck + label {
  margin: 0;
  padding: 0.25rem calc(1.2rem + 2px) 0.2rem 0;
  text-indent: 0;
}
.hmt-item-card .hmt-hide-reminder input.prettycheck + label:before {
  margin-right: calc(-1.2rem - 2px);
}
.hmt-item-card .cardline.hmt-learnmore {
  overflow: visible;
}
.hmt-item-card .cardline.hmt-status {
  overflow: visible;
}
.hmt-item-card .cardline.hmt-status .hmt-status-text {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.hmt-item-card.card .buttonList.subtle .button svg, .hmt-item-card.card .buttonList.subtle .button img {
  flex: 0 1 auto;
  width: 30px;
  min-width: 30px;
  max-width: none;
}
.hmt-item-card.card .buttonList.subtle .button.btnViewVisit svg {
  width: 24px;
  height: 24px;
}

.markascomplete.section {
  margin-right: 0.25rem;
}
.markascomplete.section .content {
  overflow: visible;
}
.markascomplete.section .formbuttons {
  margin-top: 1.5rem;
}
.markascomplete.section .disabledinputspan {
  font-size: 1.125rem;
}
.mobile .markascomplete.section .disabledinputspan {
  display: block;
  text-align: right;
}
.markascomplete.section .messagedisplay {
  min-height: 0;
}
.markascomplete.section input[type=date] {
  -webkit-appearance: none;
  width: 100%;
  min-height: 2rem;
}
.markascomplete.section .content label,
.markascomplete.section .content .label {
  margin-top: 0.5rem;
}

.button.personalnotes {
  margin-bottom: 0.5rem;
}

#hmpersonalnotes .card {
  margin: 0;
}

.requestappointmentPopupHeading {
  margin-bottom: 0.5rem;
  padding: 0;
  overflow-wrap: anywhere;
}

.healthadvisorymultiplehmtpopupcontainer .scrollable .content {
  overflow-y: visible !important;
}

.simpleAttestation {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.simpleAttestation .simpleAttestationForm {
  margin: 1rem 0rem;
  padding: 1rem;
}
.simpleAttestation .simpleAttestationForm fieldset {
  margin: 0;
  padding: 0;
}
.simpleAttestation .simpleAttestationForm .formSection {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.75rem;
}
.simpleAttestation .simpleAttestationForm .formRow {
  margin-bottom: 0.5rem;
}
.simpleAttestation .simpleAttestationForm .requiredPrompt::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url("../images/required_asterisk.png") scroll no-repeat transparent 100% 0/0.4rem 0.4rem;
  margin: 0.15rem 0 0 0.15rem;
  height: 0.4rem;
  width: 0.4rem;
}
.simpleAttestation .simpleAttestationForm .dateAndLocationRow {
  display: flex;
  flex-direction: row;
}
.simpleAttestation .simpleAttestationForm .dateAndLocationRow .dateInput {
  width: 20%;
  margin-left: 1%;
}
.simpleAttestation .simpleAttestationForm .dateAndLocationRow .dateInput input {
  width: calc(100% - 2rem);
}
.simpleAttestation .simpleAttestationForm .dateAndLocationRow .locationInput {
  width: 50%;
}
.simpleAttestation .simpleAttestationForm #docUploadPrompt {
  overflow-wrap: break-word;
}
.simpleAttestation .simpleAttestationForm #docUploadControl {
  margin-bottom: 1.25rem;
}
.simpleAttestation .simpleAttestationForm .commentsInput {
  width: 71%;
}
.simpleAttestation .simpleAttestationForm .validationMessage {
  min-height: 1.25rem;
}
@media only screen and (max-width: 769px) {
  .simpleAttestation .simpleAttestationForm .dateAndLocationRow .dateInput {
    width: 29%;
  }
  .simpleAttestation .simpleAttestationForm .dateAndLocationRow .locationInput {
    width: 70%;
  }
  .simpleAttestation .simpleAttestationForm #docUploadControl .addItem {
    width: 100%;
  }
  .simpleAttestation .simpleAttestationForm .commentsInput {
    width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .simpleAttestation .simpleAttestationForm .dateAndLocationRow {
    flex-direction: column;
  }
  .simpleAttestation .simpleAttestationForm .dateAndLocationRow .dateInput {
    width: fit-content;
  }
  .simpleAttestation .simpleAttestationForm .dateAndLocationRow .locationInput {
    width: 100%;
  }
  .simpleAttestation .simpleAttestationForm .dateAndLocationRow .dateInput {
    margin-left: 0;
    margin-bottom: 0.5rem;
  }
}
.simpleAttestation .simpleAttestationForm .formSubmitErrorMessage {
  color: #d80000;
  margin-top: 1rem;
}