/* 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. */
.features {
  list-style: none;
  padding: 0 0 1rem;
}

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

.features .icon-Pay {
  background-image: url("../images/quicklinks/account_summary.png");
}

.component .news .newscard.VisitPay {
  background-position-x: 20px;
  background-image: url("../images/billingdetails_statements.png");
}

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

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

.features .icon-Proxy {
  background-image: url("../images/quicklinks/family2.png");
}

p.one {
  background-color: white;
  width: auto;
  padding: 25px;
  border: 25px solid navy;
}

p.covid19 {
  background-color: #8bcc40;
  width: auto;
  padding: 25px;
}

p.covidschedule {
  font-size: 1em;
  color: #467CBF;
}

.embedded #main {
  padding: 0.25rem;
}

.embedded .ghostInput label + input {
  width: 100%;
}

.embedded #submit {
  margin: 0.5rem auto;
  display: block;
  width: 100%;
}

.embedded .recovery, .embedded .header {
  text-align: center;
}

.embedded #footer {
  margin-top: 0.5rem !important;
  text-align: center;
  font-size: 0.9rem;
}

.embedded .signup {
  text-align: center;
}

.embedded .signup h2 {
  margin: 1rem 0 0;
}

.embedded .signup .button {
  display: inline-block;
  margin-top: 0;
}

h3, .header, .sectionheader, .formsection > legend {
  display: inherit;
  font-weight: normal;
  padding: 0.75rem 0 0.5rem;
  width: 100%;
  font-size: medium;
}

a.messagebutton {
  background-color: #de7c12;
  color: white;
  width: auto;
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: table;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0.5rem 0.2rem;
  padding: 0.25rem 0.75rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  white-space: normal;
}

p.messagecenter {
  font-size: 12px;
  color: #4d4d4d;
}

p.messagecenter2 {
  font-size: 13px;
  color: #4d4d4d;
}

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

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

.features .icon-Flu {
  background-image: url("../images/quicklinks/flu3.png");
}

p.pharm {
  font-size: 14px;
  color: #000000;
}

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

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

.features .icon-getcarenow {
  background-image: url("../images/quicklinks/videovisit.png");
}

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

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

.features .icon-brightmd {
  background-image: url("../images/quicklinks/evisit.png");
}

.evisbutton:link, .evisbutton:visited {
  background-color: white;
  border: 2px solid #d6554d;
  color: #d6554d;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 10px;
}

.evisbutton:hover, .evisbutton:active {
  background-color: #ffd7d7;
}

/*BEGIN INSTAMED CSS - iFRAME SIZING*/
/*Notes
1) NonPRD has one extra field on the bank account page than PRD.  So to make PRD look the best, nonPRD is a little more cut off.
2) The settings below also control the frame on a mobile browser (but not through the app).  The mobile browser needs more space
		because the name fields take up two lines as opposed to one.
3) The bank account tab is always longer than the credit card tab, so it will be the limiting factor
*/
/*60em need here to work on a nonPRD mobile browser (tested on Android - results in submit button being cut in half)*/
/*52em works for nonPRD.  Submit button will show for any web browser window that is half the width of a standard laptop screen*/
#extPmtPageFrame {
  height: 52em;
  overflow-y: visible;
}

/*57rem need here to work on a nonPRD mobile browser (tested on Android - results in submit button being cut in half)*/
/*50rem works for nonPRD.  Submit button will show for any web browser window that is half the width of a standard laptop screen.*/
#guestPay-content #extPmtPageFrame {
  Height: 50rem;
  Overflow-y: visible;
}

#guestPay-content .formbuttons {
  margin-bottom: 5rem;
}

/*END INSTAMED CSS*/
.cardlist.selectable .card.selected:before {
  background-color: hsl(182, 81%, 52%); /* @color theme */
}