/* BEGIN EPIC COMMUNITY MEMBER CUSTOM CSS */
/* Epic recommends any additional CSS be placed below this line. Avoid adding CSS above because it makes it difficult to determine which are your changes and which are Epic's. */
#fp-notice {
  background: #2774AE;
  color: #fff;
  text-align: center;
  padding: 15px 20px;
  text-align: left;
}

#fp-notice p {
  font-size: 20x;
  line-height: 20px;
  text-align: center;
  margin: 0 auto;
}

.button.requestrecord {
  width: 400px;
}

#features li {
  background-color: #c2d7ea;
  margin: 10px 1%;
  width: 47%;
  min-height: 150px;
}

#features fp-communicate {
  background-image: url(../images/frontPage/fp-communicate.png) !important center;
}

#fp-communicate, #fp-access, #fp-request, #fp-manage {
  background-position: 20px 20px;
  padding: 5px 20px 5px 100px !important;
}

#smtp_appointmentReminderOffset_dropdown {
  display: none !important;
}

#smtp_appointmentReminderOffset_label {
  display: none !important;
}

#smtp_appointmentReminderOffset_dropdown + img {
  display: none !important;
}

#sms_appointmentReminderOffset_dropdown {
  display: none !important;
}

#sms_appointmentReminderOffset_label {
  display: none !important;
}

#sms_appointmentReminderOffset_dropdown + img {
  display: none !important;
}

label,
.label,
.inlinelabel,
.formsection fieldset legend {
  color: black;
}

input, select, textarea {
  border: 1px solid #404040;
}

.component .news .newscard.ugraphic {
  background-image: url("../images/ugraphic.png");
}

.component .news .newscard.Appointment {
  background-image: url("../images/menus/visits.png");
}

.component .news .newscard.notes {
  background-image: url("../images/shareeverywhere/quicklinks/documents.png");
}

.component .news .newscard.proxyinvite {
  background-image: url("../images/ProxyInviteIcon_3person.png");
}

.component .news .newscard.hxquestionnaire {
  background-image: url("../images/quicklinks/questionnaire.png");
}

.component .news .newscard.Research {
  background-image: url("../images/quicklinks/researchstudies.png");
}

#viewdocumentwidget .document:hover {
  cursor: pointer;
  background-color: white !important;
}

.statusClosed, .subtle, .subtlecolor {
  color: black;
}

#iFrameLoadingIndicator {
  height: 46rem;
}

#iFrameLoadingIndicator > .v-center {
  top: 10rem;
}

#extPmtPageFrame {
  border-width: 0px;
  height: 46rem;
  overflow-y: hidden;
  width: 100%;
}

#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
  height: 46rem;
}

#guestPay-content #iFrameLoadingIndicator .v-center {
  top: 10rem;
}

.qnrLeftAlign label.togglebutton[for] {
  text-align: left;
}

#features {
  list-style: none;
  padding: 0 0 1rem;
}

#features li {
  padding-left: 75px;
  background-repeat: no-repeat;
}

#features .icon-planid {
  background-image: url("../images/healthplan/planid.png");
}

#features .icon-estimates {
  background-image: url("../images/healthplan/estimates.png");
}

#features .icon-forms {
  background-image: url("../images/healthplan/forms.png");
}

#features .icon-appealsandgrievances {
  background-image: url("../images/healthplan/appealsandgrievances.png");
}

#features .icon-planactivity {
  background-image: url("../images/healthplan/planactivity.png");
}

#features .icon-findcare {
  background-image: url("../images/healthplan/findcare.png");
}

#features .icon-wellnessresources {
  background-image: url("../images/healthplan/wellnessresources.png");
}

#features .icon-manageinformation {
  background-image: url("../images/healthplan/manageinformation.png");
}