h1,
h2,
h3,
h4,
.header,
.heading,
.hover a.header:focus,
.hover a.header:hover,
.hover a.heading:focus,
.hover a.heading:hover,
.titlebar,
.sectionheader,
.formsection > legend,
table thead tr {
	color: #0090ba;
}

.prelogin-content p {
	padding: 0 0 20px 0;
}

.prelogin-content ul {
    padding-left: 30px;
}

.prelogin-content li {
	list-style: disc;
    list-style-type: disc;
    list-style-position: initial;
    list-style-image: initial;
    padding-left: 10px;
}

.prelogin-content .callout, #main .callout {
    background: #eee;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.prelogin-content .callout h3, #main .callout h3 {
    color: #111;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 8px 0;
    padding-top: 0;
}

.prelogin-content .callout p, #main .callout p {
    font-size: 0.9rem;
    margin: 0;
    text-align: center;
}

.features .icon-tracking {
		background-image: url("../images/quicklinks/advance_care_planning.png");
	}

#main .callout.notice {
	background: #fff900;
	margin-bottom: 1rem;
}

.mainLoginContentBody .alert-notice {
	background: #ffe8e8; 
	border: 1px solid #CCCCCC; 
	padding: 10px; 
	text-align: center; 
	margin-bottom: 1rem;
	color: black;
	font-size: 95%;
}

.mainLoginContentBody .alert-notice .header {
	padding: 0px;
	color: #d80000;
	font-size: 110%;
	font-weight: bold;
}

.prelogin-content blockquote {
    background: #eee;
    border: 1px solid #ccc;
    clear: left;
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 20px;
    padding: 15px;
}

.prelogin-content p.testimonial {
    font-style: italic;
	font-size: 1.45em;
}

.prelogin-content p.attribution {
    font-size: 11px;
    margin-bottom: 0;
    text-align: right;
}

.checklist li {
	list-style-type: none;
}

.checklist ul {
	margin-top: 0;
}

.checklist > li {
	font-weight: bold;
}

.checklist > li > ul {
	font-weight: normal;
	padding-bottom: 1rem;
	list-style-type: none;
}

.cfHelpLabel {
	margin-left: 27%;
	font-size: medium;
}

.bullet:before {
	content: '\00a0\2022\00a0\00a0';
	color:#000;
	font-size:1.5rem;
}

.featuresNote {
	padding: 0 0 .5rem 1.5rem;
    font-size: 0.8rem;
}

.features li:nth-child(1):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/medical_advice.png") no-repeat center center;
}
.features li:nth-child(2):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/medications.png") no-repeat center center;
}
.features li:nth-child(3):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/calendar.png") no-repeat center center;
}
.features li:nth-child(4):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/test_results.png") no-repeat center center;
}
/*Choose provider URL*/
#steptext {
     display: block !important;
}
table[id^="coveragelist"] colgroup > col:first-child + col, table[id^="coveragelist"] th:first-child + th, table[id^="coveragelist"] td:first-child + td
{
display: none;
}
.hph-tooltip-container {
	position: relative;
	display: inline-block;
	width: 1.2rem;
}
.hph-tooltip-container > img {
	width: 1.2rem;
	height: 1.2rem;
}
.hph-tooltip-container .hph-tooltip-content {
	background-color: #FFF;
    color: #363636;
	border: 1px solid #CCC;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.6);
    font-size: 1rem;
    font-weight: normal;
    margin: 0;
    min-height: 2.25rem;
    padding: 0.25rem;
    position: absolute;
    text-align: left;
	visibility: hidden;
    width: 400px;
    z-index: 999;
}
.hph-tooltip-container:hover  {
	width: 400px;
}
.hph-tooltip-container:hover .hph-tooltip-content {
	visibility: visible;
}

/*
#signupFooter #Customizable {
	margin-top: -25px;
}
*/

/* 
	InstaMed Customizations 
	Here's a link to "MyChart Configuration" in Galaxy: https://galaxy.epic.com/?#Browse/page=1!68!50!100024212,100024215,100024223
*/

/** Override CSS For Instamed EPP Height **/

/**** Standard Bill Pay EPP ****/
#extPmtPageFrame{
	border-width: 0px;
	height: 62rem !important;
	overflow-y: hidden;
	width: 100%;
}

/**** Mobile Bill Pay EPP ****/
#iFrameLoadingIndicator.mobileExtPmtPage,
#extPmtPageFrame.mobileExtPmtPage{
	height: 72rem !important;
}

/**** Pay as Guest ****/
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator{	
	height: 72rem !important;
}
#guestPay-content #iFrameLoadingIndicator .v-center{
	top: 5rem;
}
#guestPay-content #extPmtPageFrame.mobileExtPmtPage,
#guestPay-content #iFrameLoadingIndicator.mobileExtPmtPage{
	height: 72rem !important;
}

/* dm139-20200921: changing the appearance of the login widget */	  
.embedded .formcontents {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
	align-items: flex-start;
}

.embedded #footer {
	display: none;
}

.embedded .signup {
	display: none;
}

.embedded  #submit {
	margin-top: 0px !important;
}

.embedded .button {
    color: #00526B !important;
    border-color: #afcd68 !important;
    background-color: #afcd68 !important;
}

.embedded .button:hover, 
.embedded .button:focus {
    background-color: #def3af !important;
}

.embedded .recovery {
    display: none !important;
}

/* doesn't seem to respect the override for this */
#openSchedulingFrame{
	width: 700px; /* = native width of Open Scheduling widget in desktop mode */
	height: 600px !important; /* dm139 - 20201217 changed from 500 to 600px */
	border: 1px solid #ccc;
}

div.setOfStepsContainer .stepContainer {
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    height: 585px !important; /* dm139 - 20201217 changed from 490 to 585px */
    margin: 0.25rem;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 690px; }
	
/* dm139-20201217: hide the "Select a different service" button */
#essDetailsBackToButton {
	display: none;
}

@media only screen and (max-width: 699px) {
  div.setOfStepsContainer .stepContainer {
    height: auto !important;
  }
  html.embedded, html.embedded > body.embedded, html.embedded #main {
    height: auto !important; }
  html.embedded.poppedOut, html.embedded.poppedOut > body.embedded, html.embedded.poppedOut #wrap, html.embedded.poppedOut #content, html.embedded.poppedOut #main, html.embedded.poppedOut .setOfStepsContainer, html.embedded.poppedOut body.embedded div.setOfStepsContainer > div.slider {
    height: auto !important; }
}


/* for openscheduling */
html body.embedded .stepContainer {
  height: 600px;
}


/* prelogin features grid */
.features li {
	padding-left: 75px;
	font-size: .9rem !important;
	background-repeat: no-repeat;
}

.features h3 {
	color: black;
	font-weight: bold;
}

.features li.appt {
	background-image: url('https://www.hawaiipacifichealth.org/media/13601/schedule-video-icon.png'); 
	background-size: 64px 64px;
}

.features li.docVisit {
	background-image: url('https://www.hawaiipacifichealth.org/media/13602/virtual-urgent-care.png'); 
	background-size: 64px 64px;
}

.features li.videoVisit {
	background-image: url('https://www.hawaiipacifichealth.org/media/13604/find-a-primary-care-physician.png'); 
	background-size: 64px 64px;
}

.features li.connect {
	background-image: url('https://www.hawaiipacifichealth.org/media/13592/connect-with-your-doctor.png'); 
	background-size: 64px 64px;
}

.features li.manage {
	background-image: url('https://www.hawaiipacifichealth.org/media/13598/manage-your-health.png'); 
	background-size: 64px 64px;
}

.features li.family {
	background-image: url('https://www.hawaiipacifichealth.org/media/13595/help-family-members.png'); 
	background-size: 64px 64px;
}

.features li.payBills {
	background-image: url('https://www.hawaiipacifichealth.org/media/13599/pay-bills-online.png'); 
	background-size: 64px 64px;
}

.features li.refillRx {
	background-image: url('https://www.hawaiipacifichealth.org/media/13600/refill-prescriptions.png'); 
	background-size: 64px 64px;
}

.features li div.linkSection {
	margin-top: 10px;
}

/* dm139-20210308: address issue where post-login logo reverts to Epic baseline */
#graphicHeader:not(:empty) #header_logo .header_logo_link {
	background: transparent url("../images/logo.png") no-repeat scroll center/contain;
}


/* for password display toggle */
/*
.password-container {
	position: relative;
}

.password-container a {
    margin: 0 0.4rem 0rem;
    position: absolute;
    top: 0;
	right: 0;
    font-size: 0.7rem;
}

.password-container input::-ms-reveal {
    display: none;
}
*/


/* START: to fix login widget appearance */
#content > #main > .login {
	max-width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 17px;
}

#content > #main > .login > #loginForm > .formcontents > #submit {
	margin-right: -180px;
	margin-top: 2px !important;
}
/* END: to fix login widget appearance */