/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on mobile, tag it with an "OnlyMobile" class*/
.onlymobile, 
.onlyMobile, 
.Onlymobile, 
.OnlyMobile {
    display: none !important;
}  

/* If you want to show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class. If you want something to only show when looking at someone else's chart, use "proxymode" class. */
.proxyMode,
.proxymode,
.ProxyMode,
.Proxymode {
    display: none !important;
}
/* END: SPECIAL HIDING PROPERTIES */

/* BEGIN: Hide Open Scheduling icons so that we don't see broken images in IE */
.stepIcon {
    display: none !important;
}
/* END: Hide Open Scheduling icons so that we don't see broken images in IE */

/* BEGIN: Add space below CAPTCHA entry */
div#CAPTCHA {
    height: 6.5rem;
}
/* END: Add space below CAPTCHA entry */

/* BEGIN: Change help text to black */
.helptext {
    color: #363636;
}
label, .label, .inlinelabel, .formsection fieldset legend {
    color: #363636;
}
/* END: Change help text to black */

/* BEGIN: Account recovery button spacing */
input#RECOVERY {
    margin-top: 2.5rem;
}
/* END: Account recovery button spacing */

/* BEGIN: tweak logo for best display in post-login responsive views */
#logo {
    background-size: auto;
}

.isInside #header.compact:not(:empty) #logo {
	background-image: url("../images/logo-stacked-60.png")
}

@media only screen and (max-width: 1300px) and (min-width: 1px) {
	#header #logo {
		background-image: url("../images/logo-stacked-60.png")
	}
}
/* END: tweak logo for best display in post-login responsive views */

/* BEGIN: keep menu captions visible in compact menu */
#header.compact #menu .menuicon::before {
    margin: 0 auto;
    height: 2rem;
}
/* END: keep menu captions visible in compact menu */

/* BEGIN: hide notification preferences media type counts, because this is a filtered list 
.md_communications_manage .list .group.hover .groupitem .media .mediacount,
.md_communications_manage .list .group .groupitem .media input:focus + .mediacount
 {
	visibility: hidden;
}
/* END: hide notification preferences media type counts, because this is a filtered list */

/* BEGIN: Hide call and mail columns from media settings
.media[data-mediacategoryvalue="4"], .media[data-mediacategoryvalue="3"], .mediaheader .subtle[data-mediacategoryvalue="4"], .mediaheader .subtle[data-mediacategoryvalue="3"]
{visibility: hidden !important;}
/* END: Hide call and mail columns from media settings*/

/* BEGIN: align race and ethnicity input labels with top of inputs Q-4948240 */
.other-information-content .ghostInput.multiselect label,
.section .content .other-information-content .ghostInput.multiselect label
{
	height: 1.2rem;
	line-height: 1.2rem;
}
/* END: align race and ethnicity input labels with top of inputs Q-4948240 */


/* BEGIN: Let the scheduling menu pretext replace the Related Links list */
body.md_scheduling_index  #sidebar .pretext .quickLinks.vertical {min-height: 0;}
body.md_scheduling_index  #sidebar .pretext .quickLinks.vertical a:last-child::after {height: 1px;}
body.md_scheduling_index  #sidebar .jqHidden * {display: none;}
/* END: Let the scheduling menu pretext replace the Related Links list */

/* BEGIN: Don't hyphenate teams button */
input[name=teamsEnabled]+label {hyphens: none;} 
/* END: Don't hyphenate teams button */

/* BEGIN: Hide pseudo-sidebar until it's been moved to the real sidebar */
#main .AtriumMoveToSidebar, #main .AtriumMoveToBASidebar {display: none !important;}
/* END: Hide pseudo-sidebar until it's been moved to the real sidebar */

/* BEGIN: Styles for Contact Us custom form */
body.md_showform ul#AtriumContactUs {
	margin-top: 1rem;
	border-top-style: solid;
    border-top-color: #ddd;
    border-top-width: thin;
}
body.md_showform ul#AtriumContactUs li {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom-style: solid;
    border-bottom-color: #ddd;
    border-bottom-width: thin;
}
body.md_showform ul#AtriumContactUs li a {
	margin-bottom: 1rem;
	text-decoration: none;
	color: #363636;
}
body.md_showform ul#AtriumContactUs li a p.ContactUsTitle {
	font-size: 1.1rem;
	margin-left: 0;
	color: hsl(180,100%,25.1%);
}
body.md_showform ul#AtriumContactUs li a p.ContactUsTitle:hover {
	font-size: 1.1rem;
	margin-left: 0;
	color: hsl(180,100%,25.1%);
	text-decoration: underline;
}
body.md_showform ul#AtriumContactUs li p {
	margin-left: 1rem;
}
/* END: Styles for Contact Us custom form */

/* BEGIN: Styles for message count widget on authenticated landing page */
body.md_default #AtriumMessageWidget {
	display: none;
}
/* END: Styles for message count widget on authenticated landing page */

body.md_default #AtriumMessageWidget.loaded {
	display: block;
	width: 100%;
	height: 66px;
	overflow: hidden;
}
/* END: Styles for message count widget on authenticated landing page */

/* BEGIN: Styles for e-visit T&C, Q-5190413 */
body.md_evisit_index #evisit .terms,
body.md_selftriage_load #selftriage-triage-workflow  .terms {
	height: auto;
}
body.md_evisit_index #evisit .terms p.underline,
body.md_selftriage_load #selftriage-triage-workflow .terms p.underline {
	font-weight: normal;
	text-decoration: none;
	font-size: 1.25rem;
	color: hsl(180,100%,25.1%);
}
/* END: Styles for e-visit T&C, Q-5190413 */

/* BEGIN: Hide security question: Q-4778033 */
.md_passwd #QAForm {display: none;}
/* END: Hide security question: Q-4778033 */

/* BEGIN: Fix litemode logo Q-5186591 */
@media only screen and (min-width: 1280px) {
	body.liteMode #content #sidebar .loginAlerts {
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 1280px) {
	body.liteMode #content #sidebar > * {
		max-width: calc(240px + 20%);
	}
}

body.liteMode #content #sidebar .logo {
		background-size: contain;
}
.logo {
    max-width: 450px);
}
@supports (content: url()) {
  .logo {
    max-width: min(100%, 450px);
  }
}
/* END: Fix litmode logo Q-5186591 */

/* BEGIN: Hide document center from Visits list sidebar */
.md_visitslist_index #sidebar h2,
.md_visitslist_index #sidebar .quickLinks {
  display: none;
}
/* END: Hide document center from Visits list sidebar */


/* BEGIN: Don't catastrophize questionniare interrupts Q-5271542 */
.alert.interruptmsg {
  color: #363636;
}
.alert.interruptmsg .interrupticon_stop {
  display: none;
}
/* END: Don't catastrophize questionniare interrupts Q-5271542 */

/* BEGIN: Hide self-triage intro graphic */
.selfTriage .helperNavigation .chartReference{
  display: none;
}

.selfTriage .helperSection {
  width: 50%;
}
/* END: Hide self-triage intro graphic */

/* BEGIN: Better use vertical space when not using symptom descriptions */
.selfTriage .landingPage .decisionTreeList .card.decisionTree,
.selfTriage .landingPage .decisionTreeList .card.decisionTree.inProgress 
{
  min-height: 4rem !important;
}
.selfTriage .landingPage .decisionTreeList .card.decisionTree .cardline.description,
.selfTriage .landingPage .decisionTreeList .card.decisionTree .cardline.inProgressStatus
{
  display: none;
}
/* END: Better use vertical space when not using symptom descriptions */


/* BEGIN: Show evisit T&C only once we are sure we are going to show it 
.md_selftriage_load #selftriage-triage-workflow .selfTriageTermsAndConditions {
	visibility: hidden;
}
.md_selftriage_load #selftriage-triage-workflow .selfTriageTermsAndConditions.revealed {
	visibility: visible;
}
 END: Show evisit T&C only once we are sure we are going to show it */

/* BEGIN: Hide "no data" state of alerts until external alerts also come back empty 
.md_default .Alerts > .content .nodata {
  display: none;	
}
 END: Hide "no data" state of alerts until external alerts also come back empty */

/* BEGIN: Improve layout of embedded evisit confirmation message Q-5288498 */
.selfTriage .actionNodeWorkflow .actionNode .successStatus .successMessage {display: inline;}
.selfTriage .actionNodeWorkflow .actionNode .successStatus .successMessage .normalText {color: #363636;}
/* END: Improve layout of embedded evisit confirmation message */

/* BEGIN: Fix MO questionnaire styling on custom forms Q-5260525 */
.md_showform .section .question legend.form {
	text-align: left;
	position: static;
	width: auto;
}
@media screen and (max-width: 768px) {
  .md_showform .grid > .row:not(.fixed),
  .md_showform  .grid.insulated > .row:not(.fixed),
  .md_showform  .grid.compact > .row:not(.fixed) {
	  display: flex;
  }
}
/* END: Fix MO questionnaire styling on custom forms Q-5260525 */

/* BEGIN: Support evisit-only insurance verification texts */
.md_selftriage_load .insuranceVerification .hideinevisit,
.md_evisit_index .insuranceVerification .hideinevisit {
  display: none;
}
.insuranceVerification .showinevisit,
.insuranceVerification .showinecheckin{
  display: none;
}
.md_selftriage_load .insuranceVerification .showinevisit,
.md_evisit_index .insuranceVerification .showinevisit {
  display: block;
}
#echeckinInsuranceContainer .insuranceVerification .showinecheckin {
  display: block;
}

/* END: Support evisit-only insurance verification texts */

/* BEGIN: Improve contrast in embedded workflow, Q-5300562 */
#evisit-workflow.evisit-embedded.lightGrayBG {
  background-color: #FFFFFF;
}
/* END: Improve contrast in embedded workflow, Q-5300562 */

/* BEGIN: Tighten up gap above responsive sidebar at page bottom */
@media only screen and (max-width: 1300px) and (min-width: 1px) {
	#header:not(:empty) + #content #sidebar,
	#header.compact:not(:empty) + #content #sidebar
	{
		padding-top: 0;
	}
}
/* END: Tighten up gap above responsive sidebar at page bottom */

/* BEGIN: Styles for pseudo-liteMode */
body.isPrelogin #sidebar {background-color: rgba(255, 255, 255, 0.93);}
body.isPrelogin #sidebar::before {box-shadow: none;}
body.loginPage #wrap {width: 100%; max-width: 600px; min-width: auto; margin: auto;}
body.loginPage #content #main {display: none;}
body.loginPage #content #sidebar {width: 100%;}
body.loginPage #content #sidebar .loginAlerts { min-height: auto;}
body.loginPage:not(.liteMode) #content #sidebar .login::before {
    background: transparent url(../images/loginlogo.png) no-repeat scroll center center;
	background-size: contain;
    content: " ";
	display: block;
    height: 6rem;
	max-height: calc(15vw - 0.3rem);
	margin-bottom: 1rem;
}
body.loginPage #content #sidebar .login,
body.loginPage #content #sidebar .posttext,
body.liteMode #content #sidebar .formcontents
{ max-width: 450px; width: 100%; margin: auto;}
body.loginPage #content #sidebar .signup 
{ display: none;}
body.loginPage.liteMode .hideinlitemode {display: none !important;}
body.loginPage #content #sidebar .posttext .grid  {margin-top: 24px; margin-bottom: 12px;}
body.loginPage #content #sidebar .posttext .grid .row .col-6 {font-size: 0.80rem;}
/*
body.loginPage #content #sidebar  .posttext{margin-top: 1rem;}
body.loginPage #content #sidebar .posttext > * { margin: auto; width: 100%; text-align: center;}	
*/
body.loginPage #footer .mainStyle,
body.loginPage #footer .mainStyle .badges,
body.loginPage #footer .mainStyle .links,
body.loginPage #footer .sidebarStyle
{width: 100%;}
body.loginPage #footer .mainStyle .badges {display: block; margin: auto !important; width: 16rem; max-width: 16rem;}
body.loginPage #footer .mainStyle .links {margin: auto; width: 100%; text-align: center; }
body.loginPage .copyright a:hover {text-decoration: none; cursor: auto;}
@media only screen and (max-width: 1300px) {
	body.loginPage #footer {background-color: rgba(255, 255, 255, 0.95) !important;}
}

body.loginPage.isPrelogin .mainLoginContent.afterLoginFields {
	display: none;
}

body.loginPage.isPrelogin #content.hasSidebar #mainFooter, body.isPrelogin #content.hasSidebar #sidebarFooter {
	background-color: rgba(255, 255, 255, 0.93);
}

@media only screen and (min-width: 1301px) {	
	body.loginPage #content {
		min-width: 100%;
		width: 100%;
	}
	body.loginPage:not(.liteMode) #content.hasSidebar {
		grid-template-columns: 0% 100%;
	}
	body.loginPage:not(.liteMode) #content.hasSidebar #footer {
		grid-template-columns: 100%;
	}
	body.loginPage:not(.liteMode) #content.hasSidebar #mainFooter {
		grid-row: 2;
		grid-column-start: 1;
		grid-column-end: 2;
	}
	body.loginPage:not(.liteMode) #content.hasSidebar #sidebarFooter {
		grid-row: 3;
		grid-column-start: 1;
		grid-column-end: 2;
	}
}
/* END:  Styles for pseudo-liteMode */


/* BEGIN: Default alert card  */

body.md_login_login:not(.liteMode) #loginErrorMessage .alert.card.preloginAlert {
	display: block !important;
	min-height: auto;
	margin-top: 0.5rem;
	padding: 1rem;
	color: #565656; 
	background-color: #ffffff;
}
body.md_login_login:not(.liteMode) #loginErrorMessage .alert.card.preloginAlert a {
    color: #565656;
    text-decoration: underline;	
}
body.md_login_login:not(.liteMode) #loginErrorMessage .alert.card.preloginAlert  #WarningIcon {
	display: none !important;
}

@media only screen and (max-width: 1300px) {
	#sidebar > * {max-width: 100%;}
}

body.md_openscheduling_index #preloginAlert {
	display: block;
	color: #565656;
	background-color: #ffffff;
	padding: 0.5rem;
	box-shadow: 0px 4px 4px -1px rgba(0,0,0,0.2);
}
body.md_openscheduling_index #preloginAlert a {
	color: #565656;
	text-decoration: underline;
}
/* END: Default alert card */

/* BEGIN: Styles for embedded login widget */
body.embedded.isPrelogin.ready #content #main { 
  padding: 0;	
}

body.embedded.isPrelogin.ready #content #main .login::before {
	content: "MyAtriumHealth Login";
	display: block;
	color: white;
	padding-top: 0.75rem;
	padding-bottom: 0.65rem;
	text-align: center;
	font-family: "FFBauWebProBold", sans-serif;
	font-size: 1.15rem;
	background-color: #00818a;
	background-image: url(../../en-us/images/my-atrium-icon.svg);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 1.15rem;
    background-position: 0.75rem 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

body.embedded.isPrelogin.ready #content #main .login #loginForm {
	width: 92%;
	margin: auto;
}

body.embedded.isPrelogin.ready #content #main .login .ghostInput {
	margin-top: 1rem;
	border: 1px solid #dbdbdb !important;
}

body.embedded.isPrelogin.ready #content #main .login .ghostInput input {
	border-style: none !important;
	margin-bottom: 0px !important;
	font-family: "FFBauWebProRegular", sans-serif;
}

body.embedded.isPrelogin.ready #content #main .login .ghostInput label {
	font-family: "FFBauWebProRegular", sans-serif;
}

body.embedded #submit {
	width: 60%;
	border-radius: 5px;
	margin: 1.5rem auto;
	padding-top: 0.5rem;
	padding-bottom: 0.35rem;
	background-color: #00818a;
	font-family: "FFBauWebProMedium", sans-serif;
}

body.embedded #loginForm .recovery {
	margin: 0.5rem auto;
}

body.embedded #loginForm .recovery a {
	color: #00818a;
	font-family: "FFBauWebProRegular", sans-serif;
	font-size: 0.9rem;
}

body.embedded .signup h2{
	display: inline !important;
	font-size: 0.9rem;
	font-family: "FFBauWebProRegular", sans-serif;
	color: #565656;
}
body.embedded .signup a {
	display: inline !important;
	font-size: 0.9rem;
	font-family: "FFBauWebProRegular", sans-serif;
	color: #00818a;
	background: none;
	text-transform: none;
}

body.embedded.isPrelogin.ready #content #main #footer .copyright {
    font-size: 0.5rem;	
	font-family: "FFBauWebProRegular", sans-serif;
}
/* END: Styles for embedded login widget */

/* BEGIN: Allow lengthy open schedulingling message */
.embedded.isPrelogin  .stepContainer .openingsContainer .openingsNoData .errormessage {
top: 0;	
}
.embedded.isPrelogin  .stepContainer .openingsContainer .openingsNoData .errormessage .nodata{
text-align: left;	
}
.embedded.isPrelogin  .stepContainer .openingsContainer .openingsNoData .errormessage .nodata a{
color: #008888;	
}
/* END: Allow lengthy open scheduling message */

/* BEGIN: Force VV hardware test */
.testhardwarebuttons .button[data-id=skiptesthardware] {display: none;}
/* END: Force VV hardware test */

/* BEGIN: No-wrap longer labels in guest pay */
.md_guestpay_payasguest #accountLookupContainer label {white-space: nowrap;}
/* END: No-wrap longer labels in guest pay */

/* BEGIN: Show billing links only to guarantors */
.md_showform .AtriumBillingLink {display: none;}
/* END: Show billing links only to guarantors */

/* BEGIN: Styles for ODVV splash page */
.md_anonymoustelehealth_index #splashPage .card.helptip.preloginbanner {background-color: transparent;}
/* END: Styles for ODVV splash page */

/* BEGIN: Styles for public forms */
.publicform .hideNextForm ~ form,
.recoveryPage .hideNextForm ~form {
	display: none !important;
}
/* END: Styles for public forms */

/* BEGIN: Hide estimated cost in telehealth summary Q 4812832 */
.guestLoggedIn.md_telehealth_telehealthpostlogin .telehealthsummaryline tr:nth-of-type(3),
.md_scheduling_index .telehealthsummaryline tr:nth-of-type(3)
{
	display: none;
	}
/* END: Hide estimated cost in telehealth summary Q 4812832 */


/* BEGIN: Hospital services accessible through external services only */
.md_openscheduling_index li[id*="specialtyStep_toggleButton_182"]  {display: none;}
/* END: Hospital services accessible through external services only */

/* BEGIN: styles for med advice composer links to legacy data */
.md_react_index .MARRecipientSelection .stepTitle .subhead {
  color: #363636;
  font-size: 1rem;
}
.md_react_index .ConversationFolderHeader .subhead {
	color: #565656;
	font-size: 1rem;
}
.md_react_index .ConversationListPicker .folderName .subhead {
	display: none !important;
}

.md_react_index .Drawer .drawerContent .stepTitle .MARsubhead {
	font-size: 1rem;
}

.md_react_index .Drawer .drawerContent .stepTitle .CRMsubhead {
  color: #363636;
  font-size: 1rem;
}
/* END: styles for med advice composer links to legacy data */

/* BEGIN: disemphasize finish later */
.button.continuelater, .button.continuelater:focus, .button.continuelater:hover {
  background-color: #B2D9DC;
  color: black;
}
/* END: disemphasize finish later */

/* BEGIN: add space in billing sidebar */
.md_summary_index #sidebar .header {padding-top: 1rem;}
/* END: add space in billing sidebar */

/* BEGIN: expand helptip style to all of MyChart */
.card.helptip {
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid #dbdbdb;
    padding: 1rem 1rem 1rem 3.2rem;
    background: url(../images/info.png) no-repeat scroll left 0.7rem center #ffffd0;
    background-size: 2rem 2rem;
    min-height: auto;
    min-height: initial;
}
/* END: expand helptip style to all of MyChart */

/* BEGIN: Some cards don't have descriptive text */
.card.slim {
	min-height: 0px;
}
/* END: Some cards don't have descriptive text */


/* BEGIN: Force third-party verification */
.md_standalone_signup #VerificationPage {
	visibility: hidden;
}
button#skipThirdParty {
	display: none;
}


/* END: Force third-party verification */

/* BEGIN: external payment page frame dimensions */
#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;
}
}
/* END: external payment page frame dimensions */

/*Begin Button nrchealth used for survey*/
/* for button on the how did we do prompt*/
.btn-nrchealth  {
    padding: 5px 10px;
    margin: 10px;
    text-align: center;
    background-color: #00818A;
    color: #fff !important;
    border-radius: 3px;
    display: inline-block;
    transition: all 0.25s ease-in-out;
}
  
.btn-nrchealth:hover {
    background-color: #006e75;
    text-decoration: none;
    color: #fff !important;
}
/*End button for survey */

/* BEGIN: Consent document frame */
iframe.AtriumConsentFrame {
    border: none;
    height: 60rem;
    width: 100%;
}
/* END: Consent document frame */