/* BEGIN ROCHESTER REGIONAL HEALTH OVERRIDES */
/*================================== MyCare Team CSS ==================================*/
/***** FAQ Padding *****/
.md_stdfile .faq {
	margin-top: -60px;
	padding-top: 100px;
}
/******* Hide Start Over button in Scheduling workflow ***/
body.md_apptmake input#cancel {
	visibility: hidden;
}

/******* Add Pt Photo tile to Home page ***/
.component .news .newscard.photo {
	background-position-x: 20px;
	background-image: url("../images/photo-icon.png");
}

/******* Show larger screen display on External Payment Page so scroll bar is visible. Website and mobile web setting. ***/
#extPmtPageFrame {
	height: 980px;
}

/** Guest pay (web) Show larger screen for Pay As Guest External Payment Page on website and mobile web.  **/
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
	height: 90rem;
}

/******* Show larger screen display on External Payment Page during eCheck-in flow WEBSITE and mobile web ***/
#visitpayment-content #extPmtPageFrame {
	height: 810px;
}

/******* Remove top two sections on End-Of-Life page ***/
.acpContent > .section {
	display: none;
}

/****** Adds white space padding around the RRH logo on post instant activation confirmation screen ***/
.mobile .instactconfirmation #wrap #logo {
	height: 7rem;
	margin-bottom: 20px;
}

/***** Corrects Share Everywhere page layout issues ***/
.logo {
	Height: 16rem;
}

/***** Removes extra left margin padding on Guest Estimates sidebar ***/
div.essSidebar ul,
ul.essInclExclList {
	margin-left: 0;
}

/*================================== End MyCare Team CSS ==================================*/

/*================================== 
All CSS below this line was created by RRH Marketing Department
Edited: 04/16/19 | Tyler Pierce
==================================*/

/*================================== BEGIN PRE-LOGIN PAGE ==================================*/
/** Login Page general styles **/
body {
	background: #f3f6fa;
}
.loginPage #main,
.loginPage .BeforeList input.SearchList {
	background-color: #fff;
}

/* Main Content */
.loginPage #main {
	padding: 1.5rem;
}
.loginPage #content,
.isPrelogin #content {
	box-shadow: 0 0 1rem #e1e1e8;
	position: relative;
}
.loginPage #content:after,
.isPrelogin #content:after {
	background: #fff;
}

/* sidebar */
.loginPage #sidebar {
	background-color: #0077c8;
}
.loginPage #sidebar:before {
	box-shadow: none;
}
.loginPage #sidebar a,
.loginPage #sidebar p,
.loginPage #sidebar,
.loginPage #sidebar h2,
.loginPage #sidebar h3 {
	color: #fff;
}
.loginPage #sidebar input {
	border: 1px solid #0077c8;
}
.loginPage #sidebar .errorMessage a {
	color: #df004f !important;
	text-decoration: underline;
}

/** Sign up **/
.loginPage .signup {
	padding-top: 40px;
}
div#signupFooter {
	text-align: center;
	padding: 20px 15px 0px 15px;
}

/** MyCare logo **/
.loginPage .logo {
	height: 9rem !important;
	margin: 1.5rem 0 2.5rem;
	background-size: contain;
}

/* MyCare Logo prelogin */
body.isPrelogin .logo {
	height: 6rem;
	background-size: contain;
	margin: 1.5rem auto;
}

/** icons **/
.features .icon-advice {
	background-image: url(../images/quicklinks/message-icon.png);
	background-size: 64px;
}
.features .icon-testResults {
	background-image: url(../images/quicklinks/tests-icon.png);
	background-size: 64px;
}
.features .icon-medications {
	background-image: url(../images/quicklinks/medicine-icon.png);
	background-size: 64px;
}
.features .icon-calendar {
	background-image: url(../images/quicklinks/calendar-icon.png);
	background-size: 64px;
}
.loginPage .features li {
	padding: .5rem 1rem 1rem 5rem;
	background-repeat: no-repeat;
	background-position-x: 5px;
	background-position-y: 20px;
}

/* Footer */
@media only screen and (max-width: 1300px) {
	.loginPage .copyright a {
		color: #000 !important;
	}
}
#footer .sidebarStyle {
	padding: 0 .7rem .5rem;
}

/* buttons */
.loginPage .button.completeworkflow:focus,
.loginPage .button.completeworkflow:hover {
	background-color: #0077c8 !important;
	color: #fff !important;
	border: 1.5px solid #fff !important;
}
.loginPage .button.completeworkflow {
	background-color: #003a64 !important;
	border-radius: 0px;
	transition: all .4s ease-in-out;
	border: 1.5px solid #003a64 !important;
}
.loginPage .button.newworkflow {
	background-color: #fff !important;
	color: #0077c8 !important;
	border-radius: 0px;
	cursor: pointer;
	transition: all .4s ease-in-out;
	border: 1.5px solid #0077c8;
}
.loginPage .button.newworkflow:hover {
	background-color: #0077c8 !important;
	color: #fff !important;
	border: 1.5px solid #fff;
}

/* media queries */
@media only screen and (max-width: 1300px) {
	body.isPrelogin .logo {
		margin-bottom: 20px;
	}
	.loginPage p#urgent {
		text-align: center;
	}
	.isPrelogin #main {
		padding-bottom: 1.5rem;
	}
	.loginPage div#wrap {
		top: 0px !important;
	}
	.loginPage .logo {
		height: 6rem !important;
	}
	.loginPage .links {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	#sidebar > * {
		max-width: 500px;
	}
}

/* Passkey font to white */
.passkeyWrapper button {
    color: #fff !important;
}

/*================================== END PRE-LOGIN PAGE ==================================*/

/*================================== BEGIN POST-LOGIN PAGE ==================================*/

/*================================== END POST-LOGIN PAGE ==================================*/

/******* Hide Customer Service button on Referral Detail & Referrals screen ***/
#custsvc_referrals {
Visibility: hidden;
}

/*========== BEGIN Open Scheduling changes (Made by Marketing Dept Tyler Pierce 10/11/21) =================================*/

.setOfStepsContainer .button.primary.positive,
.setOfStepsContainer .button.nextstep,
.setOfStepsContainer .button.completeworkflow,
.setOfStepsContainer .button.inlinesave,
.setOfStepsContainer .button,
.setOfStepsContainer ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	background-color: #0077c8;
	box-shadow: none;
	border-radius: 32px !important;
}
.setOfStepsContainer .stepContainer .openingsData .slotslist .slotdetailaction {
	height: 2.2rem;
	line-height: 2.2rem;
}
.setOfStepsContainer .card {
	box-shadow: none;
	border-bottom: 1px solid #cccccc;
	border-radius: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.setOfStepsContainer .stepContainer .openingsData .card > .header {
	font-weight: bold;
}
.setOfStepsContainer .loginPage #content,
.setOfStepsContainer .isPrelogin #content {
	box-shadow: none;
}
.setOfStepsContainer .stepContainer .openingsData .slotslist .slotdetailaction:focus,
.setOfStepsContainer .stepContainer .openingsData .slotslist .slotdetailaction:hover,
.setOfStepsContainer .stepContainer .openingsData .slotslist .slotdetailaction.selected {
	transform: scale(1.1);
	background-color: #003a64;
}

body.embedded {
	background: #fff;
}

.liteMode.loginPage #sidebar {
	background-color: #ffffff;
}

.liteMode.loginPage #sidebar h3,
.liteMode.loginPage #sidebar p {
	color: #000;
}
.liteMode.loginPage #sidebar a {
	color: #0077c8;
}

.liteMode.loginPage #sidebar a.button {
	color: #fff;
}

@media (min-width: 1280px) {
	body.liteMode #content #sidebar .logo {
		max-width: 300px;
	}
}

.stepContainer .openingsData .plain .slotslist .slotdetailaction {
	width: 8.5rem;
}

.stepContainer .filterControl .filterValue {
	border-radius: 32px;
	box-shadow: none !important;
	border: 1px solid #cccccc;
}

div.setOfStepsContainer
	.stepContainer
	.openingsControls
	.filterControls
	.filterFrame
	.filterButtonContainer
	.dateContainerParent
	.datePickerContainer
	.dateRangeInput {
	border-radius: 32px;
}

.stepContainer .openingsData .slotslist {
	margin-top: 16px;
}

html.embedded body.embedded.isPrelogin.ready,
div.setOfStepsContainer,
div.setOfStepsContainer .signupContainer {
	width: 100% !important;
	max-width: 870px !important;
}

div.setOfStepsContainer .stepContainer {
	width: 100% !important;
	max-width: 850px !important;
	height: 600px !important;
}

#scheduleContainer #openSchedulingFrame {
	border: none !important;
	width: 100% !important;
}

.stepContainer .scrollTableWrapper {
	border-bottom: 0px;
}
html.embedded body.embedded #content {
	min-height: 600px;
	box-shadow: none;
}

div.setOfStepsContainer .signupContainer .signupStepsContainer .signupStep {
	margin: 0;
	overflow: visible;
	max-width: 850px;
	width: 100% !important;
}

div.setOfStepsContainer .signupContainer .signupStepsContainer .navigation {
	width: 97% !important;
}

.card .cardline.partial.right {
	position: absolute;
	right: 2.2rem !important;
}

div.setOfStepsContainer .signupContainer .signupStep.landing .content > div {
	width: 48% !important;
	padding: 0 1rem !important;
}

div.setOfStepsContainer .signupContainer .signupStep.landing .continueAsGuestContainer .button.prevMainStep,
div.setOfStepsContainer .slotDetailsContainer .apptDetailsControlsContainer .prevMainStep,
div.setOfStepsContainer .signupContainer .signupStepsContainer .navigation .button.prevstep {
	background: #fff;
	border: 2px solid #0077c8;
	color: #0077c8;
}

.setOfStepsContainer .button.primary.positive:hover,
.setOfStepsContainer .button.nextstep:hover,
.setOfStepsContainer .button.completeworkflow:hover,
.setOfStepsContainer .button.inlinesave:hover,
.setOfStepsContainer .button:hover,
.setOfStepsContainer ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button:hover {
	background: #003a64;
	border-color: #003a64;
	color: #ffffff;
}

div.setOfStepsContainer .signupContainer .signupStep.landing .continueAsGuestContainer .button.prevMainStep:hover,
div.setOfStepsContainer .slotDetailsContainer .apptDetailsControlsContainer .prevMainStep:hover,
div.setOfStepsContainer .signupContainer .signupStepsContainer .navigation .button.prevstep:hover {
	background: #003a64;
	border-color: #003a64;
	color: #ffffff;
}

div.setOfStepsContainer .signupContainer .signupStep.landing .continueAsGuestContainer .navigation {
	margin: 1.23rem 0 0.5rem !important;
}

div.setOfStepsContainer .signupContainer .signupStep.landing .continueAsGuestContainer .button {
	padding: 9px 0px !important;
}

div.setOfStepsContainer .signupContainer .signupStep.landing .loginContainer {
	border-right: 1px solid #ccc;
}

div.setOfStepsContainer .signupContainer .signupStep.landing .content::before {
	border-right: 0px !important;
}

.lightbox_overlay {
	background-color: rgba(255, 255, 255, .8);
}

@media only screen and (max-width: 800px) {
	div.setOfStepsContainer .departmentSlots .scrollIndicator.right,
	div.setOfStepsContainer .departmentSlots .scrollIndicator.left {
		background: #003a64 !important;
	}

	div.setOfStepsContainer .departmentSlots .scrollIndicator.left:before {
		border-color: transparent transparent transparent #fff !important;
	}

	div.setOfStepsContainer .departmentSlots .scrollIndicator.left:before {
		border-color: transparent #fff transparent transparent !important;
	}
	.stepContainer .openingsData .plain .slotslist .slotdetailaction {
		width: 4rem;
	}
	html.embedded.poppedOut.scroll div.setOfStepsContainer .stepContainer {
		padding: 0 30px !important;
	}

	div.setOfStepsContainer .signupContainer .signupStep.landing .content > div {
		width: 100% !important;
		padding: 0 !important;
	}
}

/*========== END Open Scheduling changes =================================*/



/*========== BEGIN MyCare Sign In Widget - From Vendor Updates 9/16/2024 =================================*/

@font-face {
  font-family: 'GothamBook';
  font-style: normal;
  font-weight: 400;
  src: url(https://prod-rrh.vercel.app/_next/static/media/Gotham-Book.dc8904e0.otf) format('opentype'),
    url(https://prod-rrh.vercel.app/_next/static/media/Gotham-Book.c29799db.ttf) format('truetype');
}
@font-face {
  font-family: 'GothamMedium';
  font-style: normal;
  font-weight: 500;
  src: url(https://prod-rrh.vercel.app/_next/static/media/Gotham-Bold.3eb9f0b1.otf) format('opentype'),
    url(https://prod-rrh.vercel.app/_next/static/media/Gotham-Bold.46a03de1.ttf) format('truetype');
}
 .embedded body.embedded.isPrelogin{
   font-family: GothamBook;
    overflow: hidden;
 }
 .embedded body.embedded.isPrelogin #loginForm .formcontents {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
}

.embedded body.embedded.isPrelogin #loginForm .formcontents #submit {
  margin: 0;
  display: inline-flex;
  gap: 6px;
  width: 200px;
  justify-content: center;
  align-items: center;
  border-radius: 29px;
  border: 0 none transparent;
  vertical-align: middle;
  font-family: GothamMedium;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  padding: 12px 35px;
  font-size: 18px;
  background: #b33259;
  color: #ffffff;
}
.embedded body.embedded.isPrelogin #loginForm .formcontents #submit:hover {
  color: #ffffff;
  background: linear-gradient(#ce6365, #b33259);
  text-decoration: none;
}
.embedded body.embedded.isPrelogin  #loginForm .recovery, 
.embedded body.embedded.isPrelogin .signup, 
.embedded body.embedded.isPrelogin #footer {
  display:none!important;
}
.embedded body.embedded.isPrelogin #loginForm .formcontents label + input {
  padding-top: 1.2rem;
  margin-top: -1.4rem;    
}

.embedded body.embedded.isPrelogin #loginForm .legacyLabelledField > label {
  color: #4d7996;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}
.embedded body.embedded.isPrelogin #loginForm .legacyLabelledField > input {
  min-height: 32px;
  border: 1px solid #173d57;
  border-radius: 8px;
  color: #173d57;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  min-width: 250px;
}
.embedded body.embedded.isPrelogin #loginForm .legacyLabelledField > input:focus-visible {
  border: 1px solid transparent;
  outline: 2px solid #0077c8;
}
.embedded body.embedded.isPrelogin #loginForm .legacyLabelledField > input::placeholder {
  color: #4d7996;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}
@media only screen and (min-width: 992px) {
  .embedded body.embedded.isPrelogin #loginForm .formcontents #submit {
    padding: 14px 35px;
    font-size: 20px;
    font-weight: 400;
  }
  
  .embedded body.embedded.isPrelogin #loginForm .formcontents  label + input {
    padding-top: 1.3rem;
    margin-top: -1.6rem;
  }

  .embedded body.embedded.isPrelogin #loginForm .legacyLabelledField > input,
  .embedded body.embedded.isPrelogin #loginForm .legacyLabelledField > label {
    font-size: 19px;
    line-height: 32px;
  }
}


/*========== END MyCare Sign In Widget - From Perficient Updates  =================================*/