/*** Payscout:  Paywire Payment Interface for External Payment Page
MyChart Custom Style for jhustage1.paywire.com:
 ***/
/*** Payscout:  Paywire Payment Interface for External Payment Page ***/
/**** Pay as Guest ****/
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
  height: 34rem !important;
}

@media only screen and (max-width: 768px) {
  #guestPay-content #extPmtPageFrame,
  #guestPay-content #iFrameLoadingIndicator {
    height: 80rem !important;
  }
}
/** workflow specific overrides **/
/**** Bill Pay ****/
#payment-content #extPmtPageFrame,
#payment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
  height: 34rem !important;
}
@media only screen and (max-width: 768px) {
#payment-content #extPmtPageFrame,
#payment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
  height: 80rem !important;
}
}

#visitpayment-content #extPmtPageFrame,
#visitpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
    height: 34rem !important;
}
@media only screen and (max-width: 768px) {
  #visitpayment-content #extPmtPageFrame,
  #visitpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
	  height: 80rem !important;
  }
}

/**** Rx Payment ****/
#rxpayment-content #extPmtPageFrame,
#rxpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
  height: 34rem !important;
}

@media only screen and (max-width: 768px) {
  #rxpayment-content #extPmtPageFrame,
  #rxpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
	  height: 80rem !important;
  }
}

/**** Auto Pay ****/
#autopay-content #extPmtPageFrame,
#autopay-content #iFrameLoadingIndicator {
  /* Overrides can go here */
    height: 34rem !important;
}

@media only screen and (max-width: 768px) {
  #autopay-content #extPmtPageFrame,
  #autopay-content #iFrameLoadingIndicator {
    /* Overrides can go here */
	 height: 34rem !important;
  }
}

/* JHMCHANGE EPICPROJ-312917 05/04/21 - Fix the right-padding in the YouTube video card for video visits so the text doesn't wrap  */

.videoCard .individualVideo .videoDescription {
	padding-right: 0px;
}



/*JHMCHANGE EPICPROJ-269473 06/02/20 - Move eCheck-In FINISH LATER button to bottom next to BACK TO THE HOME PAGE button */

input#subway-finish-later.button.continuelater.jqHidden {
    float: right;
    margin: 61px 26% auto -19%;
    background-color: white;
    color: hsl(217.8,100%,23.3%);
    background-color: rgba(255, 255, 255, 0.6);
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
	width: 220px; 
}
	/* Adjust top margin on mobile devices EPICPROJ-269473 */
	@media only screen and (max-device-width : 640px) { 
		input#subway-finish-later.button.continuelater.jqHidden {
			margin: 60px 19% auto -19% !important; 
		} 
	} 

/* JHMChange INTER-1667 - New classes for icon/images on page */
	.icon-child {
		background-image: url("../images/012yearsold.png");
		background-size: 67px;
		background-position-y: 25px;
		background-repeat: no-repeat;
		padding: 1rem 1rem 1rem 4.3rem;
		vertical-align: top;
	}
	
	.icon-adolescent {
		background-image: url("../images/1317yearsold.png");
		background-size: 67px;
		background-position-y: 25px;
		background-repeat: no-repeat;
		padding: 1rem 1rem 1rem 4.3rem;
		vertical-align: top;
	}
/*  ---------------------- */

	.info {
		font-size: 0.9rem;
	}
	
	.features .icon-lovedones {
		background-image: url("../images/_library/_emblem_clipboardwithheart.svg");
	}
	
	.features .icon-cc {
		background-image: url("../images/_library/_emblem_heartinhands.svg");
	}
	
	.features .icon-video {
	background-image: url("../images/_library/_emblem_moviereelwithplayicon.svg");
	}
	
	.features .icon-faq {
	background-image: url("../images/_library/_emblem_circlewithcrosspurple.svg");
		}
	
/* JHMChange INTER-1667 - New classes for feature boxes */	
	.features .boxed {
		margin: 2rem 1rem 0 1rem;
		width: calc(50% - 2rem);
		background-color: #fff;
		border: solid 1px #dcdcdc;
		padding: 8px 28px 28px 28px;
	}
	
	.sm-boxed {
		background-color: #fff;
		border: solid 1px #dcdcdc;
		padding: 15px 28px;
		margin: 0 0 15px 13%;
		float: left;
		width: 250px;
	}
	
	.sm-boxed:hover {
		text-decoration: underline;
	}
/*  ---------------------- */


/* JHMCHANGE EPICPROJ-272134 putting a box around the questionnaires associated with the appointment for the patient to complete after e-checkin*/
.questionnaireinfo

{ border: 1px solid; display: block; font-size: 1rem; font-weight: 400; line-height: 1.5rem; margin: 0.5rem 0; padding: 0.25rem 0.75rem; position: relative; top: 0; white-space: normal; }


/* JHMCHANGE EPICPROJ-138507 Configure padding for lists so they appeared flush against left of page; Configure margin for lists */
.jhm_ul {
	list-style-type: disc; 
	list-style-position: outside;
    padding: 5px 25px 0 25px;	
}

.jhm_li {
	margin: 3px 0 3px 0;
}

.jhm_ul_sidebar {
	list-style-type: disc; 
	list-style-position: outside;
	list-style: outside;
    padding: 5px 25px 0 25px;
	margin: 
}

.jhm_li_sidebar {
	margin: 5px 0 5px 0;
}

/* JHMCHANGE Fix line spacing */
h1.header, .header.large {
	line-height: 1.5rem;
}

/* JHMCHANGE - Recovery buttons on login page */
.jhm_buttons_loginrecovery {
	display: inline-block;
	width: 50%;
	padding: 0.5rem 0.75rem;
	border: none;
	box-shadow: none;
	cursor: pointer;
	font-size: 0.78rem;
	font-weight: 400;
	line-height: 0.95rem;
	margin: 0.5rem 0;
	position: relative;
	text-align: center;
	top: 0;
	white-space: normal;
	background-color: #002C77;
	color: #FFF;
	text-decoration: none;
}

/* JHMCHANGE SAK Adding CSS for Schedule Message pages - uses ID prefix of 'jhm_schedmsg_' */
#jhm_schedmsg_header {
	margin: -55px 0 25px 0;
}

#jhm_schedmsg_section {
	background-color: rgba(255, 255, 255, 0.88);
	box-sizing: border-box;
	color: rgb(54, 54, 54);
	display: inline-block;
	margin: 0;
	max-width: 100%;
	min-height: 300px;
	padding: 25px;
	position: relative;
	vertical-aligntopwidth: 916.667px;
	z-index: 5;
}

#jhm_schedmsg_table {
	width: 740px; 
	border-style: none; 
	border-spacing: 0px; 
	box-shadow: none; 
	font-size: 0.9em; 
	font-weight: normal; 
	text-align: center; 
	margin-left: 14%;
	padding: 25px 25px 25px 25px;
}

#jhm_schedmsg_tr {
	background-color: inherit;
}

#jhm_schedmsg_td-col1 {
	width: 360px; 
	border-bottom: 1px solid #DADADA; 
	padding:2px;
	vertical-align: middle;
	text-align: left;
	background-color: inherit;
}

#jhm_schedmsg_td-col2 {
	width: 300px; 
	border-bottom: 1px solid #DADADA; 
	padding:2px;
	vertical-align: middle;
	text-align: left;
	background-color: inherit;
}

#jhm_schedmsg_td-col3 {
	width: 80px; 
	border-bottom: 1px solid #DADADA; 
	padding:2px;
	vertical-align: middle;
	text-align: left;
	background-color: inherit;
}

#jhm_schedmsg_td {
	border-bottom: 1px solid #DADADA; 
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	background-color: inherit;
}

#jhm_schedmsg_td-bottom {
	border-bottom: none; 
	padding:2px;
	text-align: left;
	vertical-align: middle;
	background-color: inherit;
}
/* END CSS for Schedule Message pages */

/* JHMCHANGE SAK - standard CSS for custom features and pages */
#jhm_feature_header {
	margin: -55px 0 25px 0;
	font-size: 1.5rem;
	font-weight: normal;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: bottom;
	line-height: 1.5rem;
	max-width: 100%;
}

#jhm_feature_section {
	background-color: rgba(255, 255, 255, 0.88);
	box-sizing: border-box;
	color: rgb(54, 54, 54);
	display: inline-block;
	margin: 0;
	max-width: 100%;
	min-height: 300px;
	padding: 25px;
	position: relative;
}
/* END CSS for custom features */

/* JHMCHANGE SAK - CSS for custom buttons in Visit Type Questionnaire (e.g. Video Visit Questionnaire - START jhm_vtqbtn */
div.jhm_vtqbtn {
    text-align: left;
    margin: 20px 0 0 0;
    padding: 0;
}

div.jhm_vtqbtn a {
    font-size: 0.95em !important;
    text-align: center;
    text-decoration: none;
    width: 16.25%;
	float: left;
	color: #002C77;
    position: relative !important;
    z-index: 10 !important;
}

div.jhm_vtqbtn img {
    padding: 5px;
    margin: 0 auto 5px;
    display: block;
    background-color: #13347C;
    background-image: url(../images/quicklinks/btngradientlarge-jhm.png);
    background-repeat: repeat-x;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7);
    border-radius: 0;
    vertical-align: middle;
    border-style: none;
	color: #363636;
}
/* END jhm_vtqbtn */


/* JHMCHANGE - Create alert box for sending messages */

.jhmalertbox {
	display: table; 
	width: initial; 
	padding: 15px 15px 15px 15px; 
	border: 1px solid rgb(240, 192, 0); 
	background-color: rgb(255,255,206);
}



/* +++++++++++++++++ VIDEO VISIT APPT DETAILS FDI LINKS BEGIN +++++++++++++++++ */
/* EPICPROJ-172603 Video Visit Buttons on Appointment Details page, Other Actions You Can Take section - Buttons: Start Video Visit, Test Your Video, eCheck-In Required */
/* This CSS section is used by HTML in Strings Manager > Visits > Visits > AdditionalActions node */

	.jhm_btn_videovisit_test,         				/* Base styling for large Video Visit buttons on Appointment Details page */
	.jhm_btn_videovisit_start,
	.jhm_btn_videovisit_start_top,
	.jhm_btn_videovisit_echeckin {
		text-align: center ; 						/* Alignment of the button */
		width: 245px;								/* Width of the button */
		height: 50px;								/* Height of the button */
		margin: 0 auto 70px auto;					/* Positioning of the button */
		background-color: #3FA94B;					/* Background color of the button */
		position: inherit;
		outline: none;
		display: block;
		white-space: normal;
		border: none;
		box-shadow: none;
		cursor: pointer;
		padding: 5px;
	}

	.jhm_btn_videovisit_test_text,					/* Base stylying button text position and style */
	.jhm_btn_videovisit_start_text,
	.jhm_btn_videovisit_start_text_top, 
	.jhm_btn_videovisit_echeckin_text {
		width: 100%;
		float: left;
		margin: 6px auto auto auto;					/* Vertically aligning the text in the button*/
		color: #FFFFFF;
		font-size: 1.5em;							/* Size of the text in the button */
		text-align: center;
		line-height: 1.0em;
		text-transform: uppercase;
		cursor: pointer;
		position: relative; 
		-webkit-touch-callout: none;				/* Make text not selectable */
		-webkit-user-select: none;					/* Make text not selectable */
		-khtml-user-select: none;					/* Make text not selectable */
		-moz-user-select: none;						/* Make text not selectable */
		-ms-user-select: none;						/* Make text not selectable */
		user-select: none !important;				/* Make text not selectable */
		white-space: pre-line !important;			/* Make text not selectable */
	}
	
	.jhm_btn_videovisit_start {
		margin-top: 40px !important;
	}
	
	.jhm_btn_videovisit_test {						/* Test Your Video button override */
		background-color: #13347C !important;		/* Blue background for the button */
		margin: 40px auto 30px auto !important;		/* Add spacing above and below the button */
	}

	.jhm_btn_videoviist_moretext_primary {			/* Text below Test Your Video button */
		text-align: center; 
	}
	
	.jhm_btn_videoviist_moretext_secondary {		/* Text below Test Your Video button */
		text-align: center; 
		font-size: 0.9em; 
		margin-bottom: 30px !important;				/* Large margin bottom to increase the amount of blue space in the section below the text */
	}
	
	.jhm_btn_videovisit_echeckin_text {				/* eCheck-In Required button text override */
		margin-top: auto !important; 				/* Vertical alignment since the text uses 2 rows */
		font-size: 1.1em !important;				/* Smaller font on the eCheck-In Required button */
	}

	/* Remove Buttons with 'Display:None' when in iFrame - FDI Records configured with LAUNCHTYPE=4 display in an iFrame */
	h1 a.jhm_btn_videovisit_test,
	h1 p.jhm_btn_videoviist_moretext_primary,
	h1 p.jhm_btn_videoviist_moretext_secondary,
	h1 a.jhm_btn_videovisit_start,
	h1 a.jhm_btn_videovisit_start_top {
		display: none;
	}

	/* SHOW/COPY VIDEO LINK FEATURE BEGIN */
	/* Show Video Link button at the bottom of the page EPICPROJ-192701 */
	#jhm_btn_videovisit_showlink,
	#jhm_btn_videovisit_showlink:focus,
	#jhm_btn_videovisit_showlink:hover {
	
		/* width: 160px; */
		margin: 45px auto 40px auto;
		display: table;
			
	}
	
	/* Show Video Link text above the button at the bottom of the page EPICPROJ-192701 */
	#jhm_btn_videovisit_showlink_text {
	
		font-size: .9em; 
		text-align: center; 
		margin: -130px auto 70px auto;
			
	}
	
	/* Copy video link text at the bottom of the page EPICPROJ-192701 */
	#jhm_vmraddress {
	
		display: none;
		text-align: center;
		margin: 10px auto 30px auto;
		font-size: .9rem;
	}
	
	/* Video Link text and box formatting at the bottom of the page EPICPROJ-192701 */
	#jhm_vmraddressbox {
	
		font-size: .8em !important;
		font-family: courier-new, sans-serif;
		background: white;
		border: darkgray;
		border-style: solid;
		border-width: 1px;
		padding: 3px;
		white-space: nowrap;
		line-height: 40px;
	
	}
	
	/* Copy Video Link button at the bottom of the page EPICPROJ-192701 */
	#jhm_btn_videovisit_copy,
	#jhm_btn_videovisit_copy:focus,
	#jhm_btn_videovisit_copy:hover {
	
		margin: auto;
		font-size: 1.15rem;
		line-height: 2.0rem;
		padding: 0rem 1rem;
		min-width: auto;
		vertical-align: top;
		display: table;
	
	}

			/* Mobile Device CSS Overrides - Show/Copy Video Link button at the bottom of the page EPICPROJ-192701 */
			@media screen and (max-device-width: 480px) {
				#jhm_btn_videovisit_showlink,
				#jhm_btn_videovisit_showlink:focus,
				#jhm_btn_videovisit_showlink:hover {
					margin: 150px auto 50px auto !important;	/* Moves the Show Video Link button lower on the page in mobile browsers */
					-webkit-text-size-adjust: 120% !important;				/* Increases the size of the button in iOS */
					font-size: 1.2em;
					height: auto;
					vertical-align: center !important;
				}
				#jhm_btn_videovisit_showlink_text {
					margin: -220px auto 130px auto !important;	/* Moves the Show Video Link Text higher on the page with a larger lower margin in iOS */
				}
				#jhm_vmraddressbox {
					white-space: normal !important;				/* Fixes the VMR URL and Copy button from bleeding to the right in mobile browsers */
				}
				#jhm_btn_videovisit_copy,
				#jhm_btn_videovisit_copy:focus,
				#jhm_btn_videovisit_copy:hover {
					margin: 5px 5px auto 5px !important;		/* Moves the Copy button lower in mobile browsers */
					-webkit-text-size-adjust: 120% !important;				/* Increases the size of the button in iOS */
					font-size: 1.2em;
					height: auto;
					vertical-align: center !important;
				}
			}
		
	/* SHOW/COPY VIDEO LINK FEATURE END */
	
/* +++++++++++++++++ VIDEO VISIT APPT DETAILS FDI LINKS END +++++++++++++++++ */

/* iOS 15.1.x Alert for Video Visits EPICPROJ-346286, HIT-89163 */
 
    /* The persistent message in Appointment Links */
    
    .jhm_iOS15msg {
        border-top: solid;
        border-color: grey;
        border-top-width: thin;
        border-bottom: solid;
        border-bottom-width: thin;
        border-bottom-color: grey;
    }
    
    .jhm_iOS15msg_header {
        margin: 30px auto 10px auto !important;
        font-weight: bold;
        font-size: 1.3em;
        line-height: 110%;
    }
 
    #jhm_iOS15_isNotChrome.jhm_iOS15msg_body, #jhm_iOS15_isChrome.jhm_iOS15msg_body {
    margin-bottom: 25px;
    }
 
    #jhm_iOS15msg_link {
        font-weight: bold;
        font-size: 1.2em;    
    }
 
    /* The Modal (Lightbox) */
    /* The Modal Background */
    .jhm_ios15_modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        margin-top: 120px;
    }
    
    /* Modal Header */
    .jhm_modal_header {
        line-height: 105%;
    }
    
    /* Modal Content */
    .jhm_ios15_modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }
 
    /* The Modal Close Button */
    .jhm_ios15_modal-close {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }
 
    .jhm_ios15_modal-close:hover,
    .jhm_ios15_modal-close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
 
    /* The hyperlink in the Modal */
    #jhm_modal_link-tap {
        font-weight: bold;
        font-size: 1.2em;
    }
 
/* END CSS: iOS 15.1.x Alert for Video Visits EPICPROJ-346286, HIT-89163 */


	
/* ++++++++++++++++++++ END JHM CUSTOM CONFIG SECTION ++++++++++++++++++++ */


/* BEGIN EPIC DELIVERED THEME CSS */