/* 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 2.0em;
  text-align: center;
  font-size: .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 2.0em;
  text-align: center;
  font-size: .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 /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/home_schedule.png");
}
.component .news .newscard.home_eVisit {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/; 
  background-image: url("../images/home_eVisit.png");
}
.component .news .newscard.home_reserve {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/home_reserve.png");
}
.component .news .newscard.home_message {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/home_message.png");
}
.component .news .newscard.home_access {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/home_access.png");
}
.component .news .newscard.home_on_my_way {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/home_on_my_way.png");
}
.component .news .newscard.home_tbc {
  background-position-x: 20px /*rtl:calc(100% - 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; 
} 
}