/* BEGIN EPIC COMMUNITY MEMBER CUSTOM CSS */
.preloginTable {
  display: table;
  width: 100%;
}

.preloginTableCell {
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

.prelogintableTableCell:last-of-type {
  padding: 0 60px;
}

.preloginTableCell.Content {
  border-bottom: none;
}

#preloginbody {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #404040;
}

.preloginSummary {
  padding: 0.6em 8em 2em;
  text-align: center;
  font-size: 0.9em;
}

.preloginlist {
  padding-left: 5em;
}

.preloginTable {
  display: table;
  width: 100%;
}

/* 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. */
/* Added by Kathy Tucker on 11-05-2018 for display*/
body:not(.graphicHeader) {
  background: none;
}

body:not(.graphicHeader) #content:after {
  background: none;
}

#sidebar {
  background-color: rgba(255, 255, 255, 1);
}

#main, .BeforeList input.SearchList {
  background-color: rgba(255, 255, 255, 1);
}

/********* BELOW are the overrides for 2018  ******* Holly Trull */
#menu .menuicon.questionnaires:before {
  background-image: url(../images/menus/questionnaire.png);
}

/* Main Body */
#main,
.BeforeList input.SearchList {
  background-color: rgba(255, 255, 255, 1);
}

/* Hoverable Lists */
table tr.hover,
table tr td.selected,
table.hoverable tr:hover,
.section .content .hover:not(.button),
.list.hoverable:not(.collapsible) a:not(.button):focus,
.list.hoverable:not(.collapsible) a:not(.button):hover,
.list.hoverable:not(.collapsible) li:focus,
.list.hoverable:not(.collapsible) li:hover,
.list.hoverable.collapsible a.collapsed:focus,
.list.hoverable.collapsible a.collapsed:hover,
.list.hoverable.collapsible li.collapsed:focus,
.list.hoverable.collapsible li.collapsed:focus a,
.list.hoverable.collapsible li.collapsed:hover,
.list.hoverable.collapsible li.collapsed:hover a,
.list.hoverable.collapsible li.collapsed a:focus,
.list.hoverable.collapsible li.collapsed a:hover,
.MessageList .SingleMessage.collapsed .inlinedelete:focus {
  background-color: #f2f3f4;
}

/* Message Center, Visit Filters */
.Visits .filters,
.ReviewMessages .messageheader .filters {
  background-color: rgba(216, 217, 218, 1);
}

.button:focus,
.button:hover,
ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
  background-color: #007396;
}

.button.nextstep:focus,
.button.nextstep:hover {
  background-color: #007396;
}

.button.completeworkflow:focus,
.button.completeworkflow:hover {
  background-color: #007396;
}

.button.cancelworkflow:focus,
.button.cancelworkflow:hover {
  background-color: #007396;
}

a.button, div.button, input.button {
  text-transform: none;
}

#main .wakelogo {
  display: block;
  height: 6rem;
  margin: 0 0 2.5rem;
  width: 400px;
  position: absolute;
  top: 13px;
  left: 25%;
}

.md_visitdetails_index div.providerphotocontainer div.providerphoto {
  border-radius: 0;
  height: 6.1rem;
}

a.cssSwitcher {
  display: none;
}

.preloginTable {
  display: table;
  width: 100%;
}

.preloginTableRow {
  display: table-row;
  width: 100%;
}

.preloginTableCell {
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.prelogintableTableCell:last-of-type {
  padding: 0 60px;
}

.preloginTableCell.Content {
  border-bottom: none;
}

#preloginbody {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #404040;
}

.preloginSummary {
  padding: 0.6em 8em 2em;
  text-align: center;
  font-size: 0.9em;
}

.preloginlist {
  padding-left: 5em;
}

.card .providerphoto .photo, .card .cardline.partial.photo, .card.providersection .photo.colorpreview, .confirmationstep .providerphoto, .originalappointment .providerphoto, .originalappointment .colorpreview.providerphoto, .requeststep .providerphoto {
  height: 4rem;
  width: 2.5rem;
  border-radius: 0%;
}

/*Added by Kathy Tucker on 08-18-2017 for display*/
.news.component .newscard {
  background: no-repeat scroll 1rem center/6.5rem auto;
  display: inline-block;
  margin: 0.6%;
  min-height: 10rem;
  padding: 1rem 1rem 1rem 9rem;
  vertical-align: top;
  width: 48.4%;
}

/********* BELOW are the overrides for 2018 open scheduling ******* Holly Trull */
body.md_openscheduling_index .header .stepNumber {
  background-color: #DA291C;
  border: 2px solid #DA291C;
}

body.md_openscheduling_index .signupContainer .card.loginContainer {
  background: #fff linear-gradient(to bottom, rgba(250, 250, 250, 1) 0%, rgba(216, 217, 218, 1) 100%) repeat scroll 0 0;
  margin: -3.5rem 0 0 -1.25rem;
  padding: 3.25rem 1.25rem 0.5rem;
  width: calc(100% + 2.5rem);
}

body.md_openscheduling_index .stepContainer .openingsData .card > .header {
  background-color: #d8d9da;
  margin: -0.5rem 0 0.25rem -0.5rem;
  padding: 0.5rem;
  width: calc(100% + 1rem);
}

body.md_openscheduling_index .roundedimage {
  background: rgba(0, 0, 0, 0) none no-repeat scroll center center;
  background-size: cover;
  border: 1px solid #CCC;
  border-radius: 0%;
  display: block;
  overflow: visible;
}

/* Provider Photos */
body.md_openscheduling_index .card .cardline.photo .roundedimage {
  height: 5.5rem;
  width: 3.5rem;
}

body.md_openscheduling_index input.input-validation-error,
body.md_openscheduling_index select.input-validation-error,
body.md_openscheduling_index textarea.input-validation-error,
body.md_openscheduling_index fieldset.input-validation-error,
body.md_openscheduling_index fieldset.input-validation-error legend {
  background-color: #F2F3F4;
}

body.md_openscheduling_index .slotDetailsContainer .roundedimage {
  height: 6rem;
  width: 4rem;
}

body.md_openscheduling_index .stepContainer .openingsData .slotslist .slotdetailaction.selected {
  background-color: #8fad15;
}

body.md_openscheduling_index #sidebar {
  background-color: rgba(255, 255, 255, 0.7);
  background: white;
}

body.md_openscheduling_index logo {
  background: rgba(0, 0, 0, 0) url("./images/openloginlogo.png") no-repeat scroll center center;
  display: block;
  height: 6rem;
  margin: 4rem 0 1.5rem;
}

/* Buttons */
body.md_openscheduling_index a.button,
body.md_openscheduling_index div.button,
body.md_openscheduling_index input.button {
  text-transform: none;
}

body.md_openscheduling_index div#FD6B7382-1098-4161-9777-7E68F7F8EFC7_ApptConfirm_slotDetails {
  margin: 15rem 0 0;
}

body.md_openscheduling_index badges {
  display: none;
}

body.md_openscheduling_index #main .title h1 {
  color: #DA291C;
}

body.md_openscheduling_index a.langswitch {
  position: absolute;
  max-width: 100%;
  right: 20px;
  top: 100px;
}

body.md_openscheduling_index .card .providerphoto .photo,
body.md_openscheduling_index .card .cardline.partial.photo,
body.md_openscheduling_index .card.providersection .photo.colorpreview,
body.md_openscheduling_index .confirmationstep.providerphoto,
body.md_openscheduling_index .originalappointment .providerphoto,
body.md_openscheduling_index .originalappointment .colorpreview.providerphoto,
body.md_openscheduling_index .requeststep .providerphoto {
  height: 5.5rem;
  border-radius: 0%;
}

/* overrides for mobile for custom items Holly Trull */
@media screen and (max-width: 479px) {
  .preloginTable, .preloginTableRow {
    display: block;
  }
  .preloginTableCell {
    display: inline-block;
    width: 100%;
    vertical-align: inherit;
  }
  .img-responsive {
    width: 200px;
    margin-left: 98px;
  }
  #preloginBody {
    Display: none;
  }
  .news.component .newscard {
    width: 100%;
  }
}
body.md_guestpay_payasguest form#guestPay-content {
  height: 31.5rem;
}

body.md_guestpay_payasguest #main .title {
  height: 9rem;
}

body.md_guestpay_payasguest div#sidebar {
  min-height: 1101px;
}

@media only screen and (max-width: 1300px) {
  body.md_guestpay_payasguest div#sidebar {
    padding-top: 12.5rem !important;
  }
  body.md_guestpay_payasguest form#guestPay-content {
    height: 35.5rem;
  }
}
.component .news .newscard.home_schedule {
  background-position-x: 20px;
  background-image: url("../images/home_schedule.png");
}

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

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

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

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

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

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

@keyframes wmCallVolumeReduction {
  from {
    color: #DA291C;
  }
  to {
    color: #007396;
  }
}
.mywmCallVolumeReduction {
  animation-name: wmCallVolumeReduction;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  font-weight: bold;
  color: #DA291C;
}

#graphicHeader:not(:empty) #header_logo .header_logo_link {
  background: transparent url("../images/logo.png") no-repeat scroll center/contain;
  display: block;
  height: 2.5rem;
  width: 100%;
}

/*Added by Rich Saccoccia on 08-30-2023 for footer links*/
#footer .mainStyle > *:not(#mychart_by_epic_logo_wrapper) {
  margin: 0 0.5rem;
  width: auto;
  display: block;
}

/*Added by Adam Smith on 4/29/24 for TrustCommerce External Payment Page*/
#extPmtPageFrame, #visitpayment-content #extPmtPageFrame, #visitpayment-content #iFrameLoadingIndicator {
  height: 40rem;
}

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

@media only screen and (max-width: 825px) {
  #payment-content #extPmtPageFrame,
  #payment-content #iFrameLoadingIndicator,
  #guestPay-content #extPmtPageFrame,
  #guestPay-content #iFrameLoadingIndicator {
    height: 60rem;
  }
}