/*Start E-Visit Styling */

.ahcevisit {
}

.ahcevisit .section {
  width: 100%;
  margin: 0 0 5px 0;
  text-align: left;
  position: relative;
}

.ahcevisit .section .content {
  margin: 0;
}

.ahcevisit .section .content .highlight, .section.extlink > .content {
    width: 90%;
    margin: 5px auto;
    padding: 10px 5%;
    font-weight: bold;
    text-align: center;
    clear: both;
    border-width: 0px;
    border-style: none;
    box-shadow: none;
}

.ahcevisit .section .highlight .icon {
    float: left;
    margin: 5px 20px 5px 10px;
    width: 110px;
}

.ahcevisit .title {
  margin: 0 0 5px 0;
}

.ahcevisit #over {
  background-color: hsl(196, 33%, 94%);
  /* border-color: #e98300; AFC*/
  clear: both;
  margin: 0;
}

.ahcevisit #negbg {
  background-color: #f8f8f8;
  margin: 0;
}

.ahcevisit .title h1 {
  /* color: #FFFFFF; AFC*/
  /*font-family: 'Proxima Nova', Arial,Calibri, sans-serif; AFC*/
  font-size: 1.875em;
  font-weight: normal;
  padding-top: 8px;
  margin: 0 55px 0 15px;
  clear: none;
  border: none !important;
}

.ahcevisit .title h1.title2 {
  text-align: center;
}

.ahcevisit .section .content p, .section .content em, .section .content ul {
  font-size: 1em;
  text-align: left;
  font-weight: normal;
}

.md_stdfile a {
  text-decoration: none;
  font-size: 1.1em;
}

.ahcevisit .section .content .block .ulblock ul {
  width: auto;
  font-size: 1em;
  text-align: left;
  font-weight: normal;
  margin: 6px 32px;
  list-style-type: none;
}

.ahcevisit .section .content .block .ulblock ul li {
  font-size: 1em;
  text-align: left;
  font-weight: normal;
  line-height: 1.3em;
}

.ahcevisit .section .content .block ul li::before {
    content: "\002022";
    /* color: #e98300; AFC*/
    padding: 0 5px 0 0;

}

.ahcevisit .section .content h2 {
  padding: 0 2% 0 0;
  text-align: left;
  font-size: 1.6em;
  /* font-weight: bold; AFC*/
  position: static;
  margin: 1px 0 10px 0;
  border: none;
  /* color: #e98300; AFC*/
}

.ahcevisit .section .content .block .ulblock h3 {
  text-align: left;
  margin-left: 8%;
  /* color: #e98300; AFC*/
  position: static;
}

.ahcevisit #p911 {
  color: red;
  font-weight: bold;
  text-align: center;
  margin: 0 0 15px 0;
}

#noticehelptxt {
  /* font-size: 1.1em; AFC*/
  margin: auto;
  /* color: #e98300; AFC*/
  width: 100%;
  padding-bottom: 24px;
}

.ahcevisit #cchelptxt {
  font-size: 1em;
  margin: auto;
  /* color: #e98300; AFC*/
  width: auto;
  padding-bottom: 24px;
  font-weight: bold;
}

.ahcevisit .section .content .subcontent  {
  margin: 25px 0 10px 0;
  width: 100%;
}

.ahcevisit .section .content .block {
  overflow: hidden;
/*  margin: 20px 0;*/
  box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2); /* AFC */
  background-color: #FFF; /* AFC */
  padding: 10px;
}

.ahcevisit .section .content .block .steps {
  width: auto;
}
.ahcevisit .section .content .block .steps ul {
  width: auto;
  font-size: 2em;
  margin: auto;
}

.ahcevisit .section .content .block .steps ul li {
  width: 25%;
  font-size: 1em;
  text-align: center;
  font-weight: normal;
  float: left;
  margin: 30px 0 15px 0;
}

.ahcevisit .section .content .block .vvisit_steps ul li {
  width: 20%;
}

.ahcevisit .section .content .block .steps ul li span {
  color: white;
  border-radius: 400px !important;
  background-color: hsl(199, 100%, 24%);
  width: 50px;
  height: 50px;
  margin: auto;
  position: relative;
  display: inline-block;
  line-height: 50px;
  
}

.ahcevisit .section .content .block .steps ul li::before {
  content: none;
}

.ahcevisit .section .content .block .cirhelptxt ul {
  width: 100%;
  font-size: .975em;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ahcevisit .section .content .block .cirhelptxt ul li {
  width: 25%;
  text-align: center;
  font-weight: normal;
  float: left;
  margin-bottom: 30px;
}

.ahcevisit .section .content .block .vvisit_cirhelptxt ul li {
  width: 20%;
}

.ahcevisit .section .content .block .cirhelptxt ul li span {
  display: inline-block;
  width: 96%;
}

/*.ahcevisit .section .content .highlight .block .cirhelptxt ul li span {
  color: white;
  border-radius: 400px !important;
  background-color: #e98300;
  width: 0;
  height: 0;
  margin: 10%;
  padding: 5% 12% 5% 12%;
  position: relative;
  top: 10px;
  
}*/

/*.ahcevisit .section .content .highlight .block .circle ul li span:last-child {
  font-size: .8em;
}*/

.ahcevisit .section .content .block .cirhelptxt ul li::before {
  content: none;
}

.terms .ahcevisitterm {
  font-size: 1em;
  white-space: pre-wrap;
  padding-top: 1rem;
}

.terms .ahcevisitterm p {
  font-size: 1em;
}

.terms .ahcevisitterm ul {
  font-size: 1em;
}

.terms .ahcevisitterm h2 {
  margin-top: -30px;
  color: #484848;
  border: none;
  font-size: 1em;
}

.ahcevisit .section .content .ulblock {
  margin: 0;
  width: 50%;
  float: left;
}
.ahcevisit .section .content .ulblockl {
  margin: 0;
  width: 66%;
  float: left;
}
.ahcevisit .section .content .ulblockr {
  margin: 0;
  width: 33%;
  float: left;
}

.ahcevisit .terms {
  margin: 55px 0;
}

.ahcevisit .section .content .highlight .generalul ul {
  font-size: 1em;
  text-align: left;
  font-weight: normal;
  list-style-type: none;
  padding-left: 20px;
  margin-top: 40px;
  width: auto;
}

.ahcevisit .section .content .highlight .generalul ul li {
  font-size: 1em;
  text-align: left;
  font-weight: normal;
  text-indent: -10px;
  padding-bottom: 10px;
}

.ahcevisit .generalul ul li::before {
  content: "\002022";
  /* color: #e98300; AFC*/
  padding: 0 5px 0 0;
}

/*End E-Visit Styling */

/*This section of code is to hide the location the patient was created at under administrative info.  */

div#info div.content h3 + p + h3 + p + h3 + p + h3 + p + h3,
div#info div.content h3 + p + h3 + p + h3 + p + h3 + p + h3 + p,
div#info div.content span.label + p + span.label + p + span.label + p + span.label + p + span.label,
div#info div.content span.label + p + span.label + p + span.label + p + span.label + p + span.label + p
{
       display: none;
}

div#info div.content h3 + p + h3 + p + h3 + p + h3 + p + h3 + p + h3,
div#info div.content h3 + p + h3 + p + h3 + p + h3 + p + h3 + p + h3 + p,
div#info div.content span.label + p + span.label + p + span.label + p + span.label + p + span.label + p + span.label,
div#info div.content span.label + p + span.label + p + span.label + p + span.label + p + span.label + p + span.label + p
{
       display: block;
}

/*END - This section of code is to hide the location the patient was created at under administrative info.  */

/*Prelogin Overrides - Start*/
.ahcbadges {
	display: inline-block;
	vertical-align: bottom;
}
.ahcbadges .ahspacer {
  padding: 20px;
}
.ahcbadges a {
  display: inline-block;
	margin: 1 0 1 0.25rem;
	vertical-align: bottom;
}
.ahcbadges a:first-child {
	margin: 1 0.25rem 0 0;
}
.ahcbadges a:last-child {
	margin: 1 0 0 0.25rem;
}

.ahcbadges .badge1 {
  width: 7.5rem;
  vertical-align: bottom;
}
.ahcbadges .badge2 {
  width: 7.5rem;
  vertical-align: bottom; 
}


.ahclinks {
	display: inline-block;
	font-size: .8rem;
	text-align: center;
	vertical-align: bottom;
	border: 0px;
	padding: 0px;
	background-color: #dddddd;	
}

.ahclinks a {
	display: inline-block;
	margin: 0 1.25rem;
}
.ahclinks a:first-child {
  margin: 0 .75rem 0 0;
}
.ahclinks a:last-child {
  margin: 0 1 0 0.25rem;
}

/*Prelogins Override - END*/ 

/* hides the notification options though need to make sure it is not used anywhere else */
.settingsGroup {
	display: none;
}

/* Display config override ecommguidelines "Electronic Communication guidelines" */
#noticehelptxt {
  font-size: .8em;
  margin: auto;
  color: #767676;
  width: 100%;
  padding-bottom: 24px;
}
 
/* Hide confirmation on email confirmation page*/
.button[name=notificationReviewAlertRedirect]
{
	display: none;
}

/* Roll over for home link - removed
#logo:hover {
	background: url("../images/logohome.png") rgba(0, 0, 0, 0) no-repeat scroll center center / contain;
	width: 17%;
}
*/
/* Change outstanding balance to green */

div.OutstandingBalanceHeader {
    color: #df8024;
}


/*Hide reply button when no reply available */

ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button.disabled {
    display: none;
}

/*Adding a class for the NIH links information*/
.nihinfo {
    color: hsl(0, 0%, 46%);
    font-size: .9em;
    line-height: .9rem;
    padding: 2px;
    text-align: center;
}
/*Adding new icons for popular features */
.component .news .newscard.online_medical_care {
    background-image: url(../images/quicklinks/online_medical_care.png);
}
.component .news .newscard.pay_your_bills {
    background-image: url(../images/quicklinks/pay_your_bills.png);
}
.component .news .newscard.message_doctor {
    background-image: url(../images/quicklinks/message_doctor.png);
}

/* adding cards for proxy */

.component .news .newscard.ChildProxy {
    background-image: url(../images/quicklinks/child_proxy_small.png);
}

.component .news .newscard.AdultProxy {
    background-image: url(../images/quicklinks/child_proxy_small.png);
}
 .component .news .newscard.AdultProxy:hover,
 .component .news .newscard.ChildProxy:hover
 {
	 background-color:hsla(199, 100%, 24%, 0.10);
 } 

/*Correcting wrap for icons if more than one assist Icon is displayed*/
#main .title #assistiveicons {
    margin: 0 0 0 -6rem;
    white-space: nowrap;
}




/*Working with the footer 

This setting gives padding and moves the footer down but then messes up the footer on front page.

#wrap, #content, #main, #sidebar {
    padding-bottom: 2rem;
}
*/


#footer .mainStyle {
    padding: 2.5rem 1.25rem 0.5rem;
}


/* Replace images on front page */
	#features .icon-advice {
		background-image: url("../images/quicklinks/message_doctor_small.png");
	}
	
	#features .icon-evisit {
		background-image: url("../images/quicklinks/evisit.png");
	}

	#features .icon-testResults {
		background-image: url("../images/quicklinks/after_visit_summary.png");
	}

	#features .icon-paybill {
		background-image: url("../images/quicklinks/account_summary.png");
	}








#features li:nth-child(1):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/message_doctor_small.png") no-repeat center center;
}
#features li:nth-child(2):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/after_visit_summary.png") no-repeat center center;
}
#features li:nth-child(3):before {
	background: rgba(0, 0, 0, 0) url("../images/quicklinks/account_summary.png") no-repeat center center;
}

/*Unhide buttons that are clickable but not hovered */
/*Changed the opacity from .6 - 1 per request of evisit redesign project */
 .card .buttonList .button {
    opacity: 1;
}

.card .medmessage, .card .medwarning, .medcard .warning {
    background-color: rgba(250, 209, 102, 0.48);
}


/* Hoverable Lists CHANGING BACKGROUND 

#details2 tbody tr.clickable.hover,
#details2 tbody tr.odd.clickable.hover,
table tr.hover,
table tr td.selected,
table.hoverable tr:hover,
.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,
.SingleIndicator.collapsed.hover{
	background-color: hsl(56,31%,85%);;
}
*/


/* Hoverable Lists */
/* Removed to test 
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,
.SingleIndicator.collapsed.hover {
	background-color: #ccdce4;
}


*/







.self{
    display:block;
}
.homeproxy{
    display:none;
}
.hometeenproxy{
    display:none;
	width: 98%;
    margin-left: 8px;
}

.pmthdr{
    color: hsl(199, 100%, 24%);	
	display: block;
    font-size: 1.3em;
	
}
.balAmt {
	color: #e98300;	
	display: block;
    font-size: .8em;
	}
	
.Confirm-Message-Header{
	color: hsl(199, 100%, 24%);
	font-size: 1.15rem;
}	

/* bullets used in CDATA */

ul.cBulleted
{
	list-style-type: disc;
	padding-left: 2rem;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Adding a lable before arrival location but only if there is an arrival location. */
div.arrivallocation:not(:empty):before
{
	content: "Check In Location: ";
	font-weight: bold;
    clear: right;
    display: block;	
	color:hsl(199, 100%, 24%);
}


/* Trying to change medications comments charactoristics 
This is a little over the top but will see what Egle gets as a response 
8/15/2018  */
@-webkit-keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

#comments.section p:not(.noprint)
{
	font-weight: bold;
	font-style:italic;
	background-color:#f0f7f5;
	color:#6F4A6A;
	border-color:hsl(199, 100%, 24%);
	border-width:2px;
	border-style:solid;
	padding:5px;
	
}

/* changing test results comments title color  for Egle BWL*/

#comments.section h2
{
	color:#6F4A6A;
}


/*
8/16/2018 
Working on correcting some formatting issues in myAurora

*/
   /*The numbers turn to green*/
.header .stepNumber {
    background-color: hsl(199, 100%, 24%);
    border: 2px solid hsl(199, 100%, 24%);
    border-radius: 0.75rem;
    color: #FFF;
    height: 1.5rem;
    line-height: 1.25rem;
    text-align: center;
    width: 1.5rem;
}
/* making the selected side green */
.cardlist.selectable .card.selected:before {
    background-color: hsl(199, 100%, 24%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0.3rem;
    z-index: 1;
}

/* Making the time buttons green */
.stepContainer .openingsData .subslotslist.pm .slotdetailaction, .stepContainer .openingsData .slotdetailaction.pm {
    background-color: hsl(199, 100%, 24%);
}

.stepContainer .openingsData .slotslist .slotdetailaction {
    background-color: rgba(64, 158, 134, 1);
	color: #fff;
 }
 
 
.stepContainer .openingsData .slotslist .slotdetailaction.selected {
    background-color: rgba(232, 139, 63, 1);
}


/*Moved Hight contrast to bottom to work on updating*/

/* BEGIN: HSL BASED COLOR CHANGES FROM highconstrast.css */

/* @color link  - #006FCA ~ #0070CC = hsl(165.4,100%,22.6%) */
/* Darken link text */
[data-altstylesheet="High Contrast"] a,
[data-altstylesheet="High Contrast"] .linkcolor,
[data-altstylesheet="High Contrast"] .subtle.linkcolor,
[data-altstylesheet="High Contrast"] #sidebar .recovery a,
[data-altstylesheet="High Contrast"] #sidebar .component.medicationslist .pickupbanner,
[data-altstylesheet="High Contrast"] #sidebar .component.medicationslist .pendingupdates,
[data-altstylesheet="High Contrast"] .visitinformation a:not(.button),
[data-altstylesheet="High Contrast"] .apptDeptInstructions .section.flat a:not(.button),
[data-altstylesheet="High Contrast"] .medbottom .medinfocolumn a,
[data-altstylesheet="High Contrast"] .softwarning a:not(.button) {
	color: hsl(199, 100%, 24%);
}

[data-altstylesheet="High Contrast"] body.isInside #footer a,
[data-altstylesheet="High Contrast"] .linkcolorOverride {
	color: hsl(199, 100%, 24%); !important; /* @color link */
}



[data-altstylesheet="High Contrast"] .multiMonthCalendar .calendarBtns a,
[data-altstylesheet="High Contrast"] .multiMonthCalendar .calendarBtns a:hover,
[data-altstylesheet="High Contrast"] .multiMonthCalendar .calendarBtns a:focus {
	color: hsl(199, 100%, 24%); /* @color link */
	background-color: #fff;
}







/* @color link hover  -  #005EAC ~ #005FAD = hsl(165.4,100%,16.5%) */
[data-altstylesheet="High Contrast"] a:hover {
	color: hsl(165.4,100%,16.5%); /* @color link hover */
}
[data-altstylesheet="High Contrast"] .linkcolorOverride:hover {
	color: hsl(165.4,100%,16.5%) !important; /* @color link hover */
}
/***/

/* Darken Fill in Progress status test */
[data-altstylesheet="High Contrast"] .component .medicationlistelement .refilldisabledstatus {
	color: #C53B00;
}


/* @color theme shade  -  #1D6CB6 ~ #1C6BB5 = hsl(167.4,100%,23.5%) */
/* Darken sidebar headers */
[data-altstylesheet="High Contrast"] #sidebar .header {
	color: hsl(0,0%,25%); /* @color theme shade */
}
/* Unless it's on a colored titlebar already */
[data-altstylesheet="High Contrast"] #sidebar .header.titlebar {
	color: #FFF;
}

/* @Darken datestamp  -  #0778D6 ~ #0778D5 = hsl(165.6,100%,25.9%) */
/* Darken datestamp */
[data-altstylesheet="High Contrast"] .Visits .card .date div,
[data-altstylesheet="High Contrast"] .previewCCD .listelement .date div {
	color: hsl(199, 100%, 24%);
}
/***/

/* Darken green text */
[data-altstylesheet="High Contrast"] body .moneyColor,
[data-altstylesheet="High Contrast"] body .essMoneyColor,
[data-altstylesheet="High Contrast"] body .HARSAutopay,
[data-altstylesheet="High Contrast"] body .payplannormal .paymentplanautocontainer .payplanamount.nopayment {
	color: hsl(169.5,100%,0.2%);
}

/* Med Refill Workflow Specific*/
[data-altstylesheet="High Contrast"] .rxReviewCards .reviewCostContainer.moneyColor {
	color: black;
}

[data-altstylesheet="High Contrast"] .rxReviewCards {
	border: 1px solid #e0e0e0;
}



/* Lessen the transparent background effect and remove some background colors */
[data-altstylesheet="High Contrast"] #main,
[data-altstylesheet="High Contrast"] .BeforeList input.SearchList,
[data-altstylesheet="High Contrast"] body .card.addItem {
	background-color: #fff;
}

[data-altstylesheet="High Contrast"] #sidebar {
	background-color: rgba(255, 255, 255, 0.92);
}

[data-altstylesheet="High Contrast"] body .signupContainer .card.loginContainer {
	background: #fff;
}

[data-altstylesheet="High Contrast"] body .application {
	background: #fff;
}
/***/
/* @color theme tint - 	rgba(36, 111, 181, 0.05) = hsla(167.3,100%,25.1%,0.05)  */
/* Darken fixed table header cell background (e.g. test result detail past results table)*/
[data-altstylesheet="High Contrast"] body .section .chart .tableOverlay table tr th.fixed {
	background: linear-gradient(hsla(167.3,100%,25.1%,0.05), hsla(167.3,100%,25.1%,0.05)), #fff; /* @color theme tint */
}
/***/

/* @ToDo calendar -  #257DB1 ~ #257EB1 = hsl(160.2,98.6%,24.5%) */
/* Darken ToDo calendar items */
[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event a,
[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event.showtime,
[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event.notime .eventinner:before,
[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event.notime .eventinner {
	background: hsl(199, 100%, 24%);
}

[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event a:focus,
.todoweekcalendarcontent .event a:focus,
[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event a:hover,
.todoweekcalendarcontent .event a:hover,
[data-altstylesheet="High Contrast"] .todoweekcalendarcontent .event a,
.todoweekcalendarcontent .event a{
	background: hsl(199, 100%, 24%);
	color:#fff;
}


/***/
/* Darken inactive side tab (e.g. Download My Record download popup) */
[data-altstylesheet="High Contrast"] div.section div.sidetab ul.sectiontabs li:not(.selected) {
	background: #f1f1f1;
	color: hsl(165.4,100%,22.6%);
}





/* Add borders around form elements */
[data-altstylesheet="High Contrast"] input, 
[data-altstylesheet="High Contrast"] select, 
[data-altstylesheet="High Contrast"] textarea,
[data-altstylesheet="High Contrast"] .terms,
[data-altstylesheet="High Contrast"] label.togglebutton[for],
[data-altstylesheet="High Contrast"] input.buttoncheck + label.buttoncheck,
[data-altstylesheet="High Contrast"] .TestResultsHeader .BeforeTestResultsList input.SearchList,
[data-altstylesheet="High Contrast"] .messageheader .BeforeList input.SearchList,
[data-altstylesheet="High Contrast"] .messageheader .BeforeList select,
[data-altstylesheet="High Contrast"] .lookup .searchinputs input[type="text"] {
	border: 1px solid #aaa;
}

[data-altstylesheet="High Contrast"] .messageheader .BeforeList select {
	box-shadow: none;
}
/***/


/* Add borders to card-like elements and tables */
[data-altstylesheet="High Contrast"] .card:not(.SingleResult),
[data-altstylesheet="High Contrast"] .accountBadge,
[data-altstylesheet="High Contrast"] #calendar table,
[data-altstylesheet="High Contrast"] .section table[id],
[data-altstylesheet="High Contrast"] .TestResultsList,
[data-altstylesheet="High Contrast"] ul.MessageList,
[data-altstylesheet="High Contrast"] .HPcell.component > .content,
[data-altstylesheet="High Contrast"] .component.pocdefault > a.viewmore,
[data-altstylesheet="High Contrast"] .stepContainer .filterControl .filterValue,
[data-altstylesheet="High Contrast"] ul li.HARForPayment:first-of-type {
	border: 1px solid #e0e0e0;
}
/***/

/* Popup titlebar */
[data-altstylesheet="High Contrast"] .component.Popup > .titlebar {
	background-color: rgba(255, 255, 255, 0.925);
	border-bottom: 1px solid #e0e0e0;
}
/***/

/* My Conditions condition dropdown */
[data-altstylesheet="High Contrast"] .flyoutprompt {
	background-color: hsl(199, 100%, 24%);
}

[data-altstylesheet="High Contrast"] .flyoutitem {
	color: hsl(199, 100%, 24%);
}
/***/


/* Darken edit icon (e.g. add health issue popup) */
[data-altstylesheet="High Contrast"] img[src*="edit.png"] {
	background-image: url('../images/edit_HC.png');
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px;
	width: 20px;
}
/***/


/* @actiongreen -  #178935 ~ #178735 = hsl(169.5,100%,0.2%) */
/* Darken autopay badge (new Billing Accounts Summary) */
[data-altstylesheet="High Contrast"] .ba_card_header_paperless {
	border-top-color: hsl(169.5,100%,0.2%);
}
/***/

[data-altstylesheet="High Contrast"] .button:not(.buttoncheck),
[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):focus,
[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):hover,
[data-altstylesheet="High Contrast"] ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	background-color: hsl(199, 100%, 24%);
}



[data-altstylesheet="High Contrast"] .button.nextstep,
[data-altstylesheet="High Contrast"] .button.completeworkflow {
	background-color: hsl(199, 100%, 24%);
}

[data-altstylesheet="High Contrast"] .button.cancelworkflow,
[data-altstylesheet="High Contrast"] .button.cancelworkflow:focus,
[data-altstylesheet="High Contrast"] .button.cancelworkflow:hover,
[data-altstylesheet="High Contrast"] .button.cancelqnr,
[data-altstylesheet="High Contrast"] .button.cancelqnr:focus,
[data-altstylesheet="High Contrast"] .button.cancelqnr:hover {
	background-color: #D14454;
}

[data-altstylesheet="High Contrast"] .button.inlinedelete,
[data-altstylesheet="High Contrast"] .button.inlinedelete:focus,
[data-altstylesheet="High Contrast"] .button.inlinedelete:hover {
	background-color: #D14454;
}

[data-altstylesheet="High Contrast"] .button.inlineedit,
[data-altstylesheet="High Contrast"] .button.inlineedit:focus,
[data-altstylesheet="High Contrast"] .button.inlineedit:hover {
	background-color: hsl(199, 100%, 24%);
}

[data-altstylesheet="High Contrast"] .button.inlinesave {
	background-color: hsl(199,100%,24%);
}

[data-altstylesheet="High Contrast"] .button.disabled,
[data-altstylesheet="High Contrast"] .button.disabled:focus,
[data-altstylesheet="High Contrast"] .button.disabled:hover,
[data-altstylesheet="High Contrast"] .button[disabled],
[data-altstylesheet="High Contrast"] .button[disabled]:focus,
[data-altstylesheet="High Contrast"] .button[disabled]:hover {
	background-color: #DBDBDB;
}

[data-altstylesheet="High Contrast"] #main .back .button {
	color: hsl(199, 100%, 24%);
}

[data-altstylesheet="High Contrast"] body .stepContainer .openingsData .slotslist .slotdetailaction.selected,
[data-altstylesheet="High Contrast"] body .lookup .searchinputs:after,
[data-altstylesheet="High Contrast"] body .lookup .expanded #searchimg {
	background-color: hsl(169.5,100%,0.2%);
	border-color: hsl(169.5,100%,0.2%);
}
/***/
/* Lists */
[data-altstylesheet="High Contrast"] .list.collapsible > * {
	border-color: #AAA;
	border-style: solid solid none;
	border-width: 1px 1px 0;
}

[data-altstylesheet="High Contrast"] .list.collapsible > :last-child {
	border-bottom: 1px solid #AAA;
}

[data-altstylesheet="High Contrast"] .listHolder {
	border: 1px solid #e0e0e0;
}
/***/

/* Scheduling */
[data-altstylesheet="High Contrast"] body .stepcontainer.selectionmade:not(:hover):not(.active) {
	opacity: 1;
	box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.2);
}

[data-altstylesheet="High Contrast"] body .slot {
	color: hsl(165.4,100%,22.6%);
}
/***/

/* New Scheduling */

/* @slotgreen -  #267d3b ~ #267d3b = hsl(167.9,99.6%,1.2%) */
[data-altstylesheet="High Contrast"] body #scheduling-workflow a.slot:not(:hover),
[data-altstylesheet="High Contrast"] body #selftriage-triage-workflow a.slot:not(:hover) {
	color: #FFF;
	background-color: hsl(167.9,99.6%,1.2%);
}

[data-altstylesheet="High Contrast"] .verificationTab, 
[data-altstylesheet="High Contrast"] .verificationTab:hover, 
[data-altstylesheet="High Contrast"] #scheduling-workflow .summaryInfo .summarySpan > .subtle.editText {
	color: #000;
}

[data-altstylesheet="High Contrast"] a.expandrequestoptions, 
[data-altstylesheet="High Contrast"] a.loadanotherweekbutton {
	color: hsl(199, 100%, 24%);
}

[data-altstylesheet="High Contrast"] .requestheader {
	background-color: #FFF;
}

/***/

/* On My Way */
[data-altstylesheet="High Contrast"] body #onMyWayPopup .slot:not(:hover) {
	color: #FFF;
	background-color: hsl(167.9,99.6%,1.2%);
}

/* @onmywaygreenfocus -  #2F9D49 ~ #2F9D49 = hsl(167.6,100%,9.2%) */
[data-altstylesheet="High Contrast"] body #onMyWayPopup .slot:focus {
	background-color: hsl(167.6,100%,9.2%);
}

[data-altstylesheet="High Contrast"] body #onMyWayPopup .slotDropdown {
	border-color: #000;
}

[data-altstylesheet="High Contrast"] body #onMyWayPopup .walkInButton:hover:not([disabled]),
[data-altstylesheet="High Contrast"] body #onMyWayPopup .walkInButton:focus:not([disabled]) {
	background-color: hsl(199, 100%, 24%);
}

[data-altstylesheet="High Contrast"] .positiveValue {
	color: #337c43;
}

/* New Stuff */

/* adding hover color in high contrast bwl*/
/* kill hover in high contrast
[data-altstylesheet="High Contrast"] .button:not(.inlinedelete),
[data-altstylesheet="High Contrast"] .button:not(.inlinedelete):focus,
[data-altstylesheet="High Contrast"] .button.nextstep:not(.inlinedelete):hover,
[data-altstylesheet="High Contrast"] .button.nextstep:focus, 
[data-altstylesheet="High Contrast"] .button.nextstep:hover,
[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):focus,
[data-altstylesheet="High Contrast"] .button:not(.buttoncheck):hover,
[data-altstylesheet="High Contrast"] .button.completeworkflow:focus,
[data-altstylesheet="High Contrast"] .button.completeworkflow:hover,
[data-altstylesheet="High Contrast"] .button.inlinesave:focus,
[data-altstylesheet="High Contrast"] .button.inlinesave:hover{
	
	background-color: hsl(199, 100%, 24%);
}

*/

/*****************************/
/* Badge Color               */
/*   1.Financial Assistance  */
/*   2.DOCUMENT WIDGET       */
/*****************************/
[data-altstylesheet="High Contrast"] body .case .trackerStatus.Pending .trackerBadge,
[data-altstylesheet="High Contrast"] body .case .trackerStatus.OpenCase .trackerBadge,
[data-altstylesheet="High Contrast"] #viewdocumentwidget .Status span.pendingDocBadge,
[data-altstylesheet="High Contrast"] #viewdocumentwidget .docinfo span.pendingDocBadge {
	background: none;
	border: 1px solid #FFA020;
	color: #000;
}

[data-altstylesheet="High Contrast"] body .case .trackerStatus.Approved .trackerBadge {
	background-color: hsl(169.5,100%,0.2%);
}

[data-altstylesheet="High Contrast"] #viewdocumentwidget .Status {
	line-height: 1.5rem;
}

/* Questionnaire List */
[data-altstylesheet="High Contrast"] body.md_mychartquestionnaire_questionnaires .assigned_qnr_description, 
[data-altstylesheet="High Contrast"] body.md_mychartquestionnaire_questionnaires .optional_qnr_description {
	color: #000;
}

[data-altstylesheet="High Contrast"] body.md_mychartquestionnaire_questionnaires .section.questionsContainer .tbContainer > input:focus + label[for] {
	text-decoration: underline;
	border: 1px solid #000;
}
/***/

/* Test Results Widget */
[data-altstylesheet="High Contrast"] .componentDataTable .refRangeGraph .ptMid {
	stroke: hsl(169.5,100%,0.2%);
}

[data-altstylesheet="High Contrast"] .componentDataTable .refRangeGraph .ptLeft, .componentDataTable .refRangeGraph .ptRight {
	stroke: #857700;
}

[data-altstylesheet="High Contrast"] .TRPTimelineList .timeLineDetails .testResultAndComponents li.TRPComponentHeader,
[data-altstylesheet="High Contrast"] .dashboardComponentCard {
	border: 1px #d3d3d3 solid;
	border-collapse: collapse;
}

[data-altstylesheet="High Contrast"] .TRPComponentHeader .nameColumn {
	color: #000000;
}
/***/
/* Financial Assistance */
[data-altstylesheet="High Contrast"] body .tracker.Pending .trackerStatus .trackerBadge,
[data-altstylesheet="High Contrast"] body .tracker.OpenCase .trackerStatus .trackerBadge {
	background: none;
	border: 1px solid #FFA020;
	color: #000;
}

[data-altstylesheet="High Contrast"] body .tracker.Approved .trackerStatus .trackerBadge {
	background-color: hsl(169.5,100%,0.2%);
}
/***/


/** Health Advisories **/
[data-altstylesheet="High Contrast"] div.hmt-item-card > div.hmt-previously-done > div {
	color: #000000 !important;
}

/**Ellipsis Control **/
[data-altstylesheet="High Contrast"] .ellipsisControl > a.ellipsisControl-caret:after {
	border-top-color: #000000 !important;
}

[data-altstylesheet="High Contrast"] .ellipsisControl.ellipsisControl-no-ellipsis > a.ellipsisControl-caret:after {
	border-top-color: transparent !important;
	border-bottom-color: #000000 !important;
}

/*** VISITS PAGE ***/
/*new extended bar color*/
[data-altstylesheet="High Contrast"] div.filters.extendedBar {
	background-color: hsla(167.3,100%,25.1%,0.05) !important; /*@ color theme tint */
}

/*date on cards*/
[data-altstylesheet="High Contrast"] .noShowCanceledShiftedCard > .date > div {
	color: black !important;
}

[data-altstylesheet="High Contrast"] label.filterButton {
	color: hsl(165.4,100%,22.6%) !important;
}

[data-altstylesheet="High Contrast"] label.clearButton {
	color: hsl(165.4,100%,22.6%) !important;
}

/* Self-Triage */
[data-altstylesheet="High Contrast"] .selfTriage .landingPage .inProgressStatus .status {
	background: none;
	border: 1px solid #FFA020;
	color: #000;
}

/*#region Medications */
[data-altstylesheet="High Contrast"] .medcard .selection-enabled input[type=checkbox] + label svg,
[data-altstylesheet="High Contrast"] .medcard .med-selection-box .selection-disabled svg {
	fill: #666666;
}

[data-altstylesheet="High Contrast"] .refill-workflow .card.refill-disabled .medmessage,
[data-altstylesheet="High Contrast"].medcard .selection-disabled .cardline.medmessage {
	background-color: #666666;
}

[data-altstylesheet="High Contrast"] .refill-workflow .medcard.refill-disabled * {
	color: #666666;
}

[data-altstylesheet="High Contrast"] .refill-workflow .card.refill-disabled .medmessage {
	color: rgb(230, 230, 230);
}

[data-altstylesheet="High Contrast"] #MedicationForm .formbuttons {
	background-color: rgb(255, 255, 255);
}

/*#endregion*/

/*#region Subway UI */
[data-altstylesheet="High Contrast"] .subway.scrollable .nav div {
	background-color: rgb(115, 115, 115) !important;
}
/*#endregion*/

/* END: HSL BASED COLOR CHANGES FROM highconstrast.css */


/* Additional High Contrast code BWL: */

/* bwl adjust button letters to  white in hight contrast*/
[data-altstylesheet="High Contrast"] a.button,
[data-altstylesheet="High Contrast"] div.button,
[data-altstylesheet="High Contrast"] input.button,
[data-altstylesheet="High Contrast"] button.button {
	font-weight: bold;
	color: #FFF;
}
/* Underlining links in high contrast bwl*/
html[data-altstylesheet="High Contrast"] #sidebar .recovery a,
[data-altstylesheet="High Contrast"] a.list.hoverable:not(.collapsible),
[data-altstylesheet="High Contrast"] a:not(.button){
	    text-decoration: underline;
}



/* end High contrast - BWL **/


/*Background color white for embedded Open Scheduling widget */

body.embedded {
  background: #fff;
}


/*hiding the mail icon*/
.media a.mailicon.checked {
	display:none;
}
/*  hides the count */
.list .group .groupitem .media .mediacount {
    display: none;
}


/*hiding step icon on the open scheduling */

stepContainer .buttonCards.cardlist .card .stepIcon
{
	display:none;
}

/*Changing background color for none on file*/
/* Getting rid of this syllyness
:not(tr):not(td).nodata:not(:empty):not(.nodays) {
    background-color: hsla(357, 64%, 59%, 0.66);
    color: #fff;
}
*/

/* changing back button and finish later button color to something different */


#MEDADVICE_ATTACHMENTS_bowsebutton.button.inlineedit,
input#subway_back.button.jqHidden.previousstep,
input#upload.uploaderfileinput,
input#subway-back.button.previousstep,
input#subway-finish-later.button.continuelater{
	background-color: hsl(167, 17%, 50%);
}

/* overriding back button color to grey when disabled */
input#subway-back.button.previousstep.disabled{
	background-color: #dbdbdb;
}

/*hide house on contact card*/
contact-information-content .name.icon:after {
    height: 2.1rem;
    width: 2.1rem;
    background-image: url(../images/PersonalInformation/blank.png);
}


/*Hide On My way button  on sidebar*/

.quickLinks.vertical a[data-id="onmywaybutton"]  {
    display:none;
}

/*space above and below Jumbotron*/

.jumbotron, .jumbotron-actions-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*add space over table */
.section .report {
    margin-top: 1rem;
}

/* Share everywhere change logo */
/* removed the request to left justify but kept the size request 
.cardlist #getCodeCard.card .logo{
text-align:left;
}
*/
.se_image_patient {
    width: 200px;
}

.confirmation .apptProvider .provider.header.large{
	text-align:left;
}

/*trying to put something before the div*/

#scheduling-workflow::before{
	content: "If this is a medical emergency, please dial 911 or go to the nearest emergency room.";
	color: #DF004F;
	padding: 10px 5%;
    font-weight: bold;
    text-align: center;
    clear: both;

}

#scheduling-workflow .summaryBannerContainer{
	margin-top:1.5rem;
}

/* try to fix form*/

div.static6
{
	margin-bottom:1.25em;
}



div#proxyAccessRequests
{
	margin-bottom:1.25em;
}








/*  Trying to add verbiage to the e-visit other pharmacy input. Not currently working. */
div#evisit-freetext-pharm-container.content.formsection:after{
	content: "Please make sure you enter your pharmacy's name and address accurately so we can send your prescription(s) in a timely manner.";
	color: #005278;
    font-weight: bold;
    text-align: left;
    clear: both;

}



@media (max-width: 2800px) {
	.menugroup:last-child.droppeddown .submenu {
		float: right;
	}
}





#MEDADVICE_ATTACHMENTS_bowsebutton.button.inlineedit:before, 
input#upload.uploaderfileinput:before{	
	content: "Please only attach images of a clinical nature that relate to your medical concern. Attachments shouldn't be used to submit forms, share family photos or submit any other image that's not specifically related to your care.";
	color: #DF004F;
	padding: 10px 5%;
    font-weight: bold;
    text-align: center;
    clear: both;

}

.pinfo {
	text-transform: uppercase;	
	color:hsl(167, 100%, 25%);
}

/*
The folowing style information was provided by DX to include to adjust the widget while embedded in the website
I added body embeded to most of their code so as not to affect non embeded functionality.
*/

body.embedded,
body.embedded .setOfStepsContainer,
body.embedded .stepContainer {
    height: auto;
}

body.embedded #content:after {
    background: none;
}

body.embedded .stepContainer .openingsData {
    height: 100%;
}

body.embedded .stepContainer .openingsData .slotdetailaction.pm,
body.embedded .stepContainer .openingsData .slotslist .slotdetailaction,
body.embedded .stepContainer .openingsData .subslotslist.pm .slotdetailaction {
    background-color: #003478;
}

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

body.embedded .button,
body.embedded .button:focus,
body.embedded .button:hover,
body.embedded ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
    background-color: #64a6cc;
}

body.embedded .button.completeworkflow,
body.embedded .button.completeworkflow:focus,
body.embedded .button.completeworkflow:hover {
    color: #fff;
	background-color: #003478;
}

body.embedded .stepContainer .openingsData .slotslist .slotdetailaction.selected {
    color: #000;
    background-color: #64a6cc;
}

body.embedded .button.nextstep,
body.embedded .button.nextstep:focus,
body.embedded .button.nextstep:hover {
    color: #fff;
	background-color: #003478;
}

body.embedded #calendar table td.ctrl a:hover,
body.embedded .linkcolor,
body.embedded .linkcolor:focus,
body.embedded .linkcolor:hover,
body.embedded .subtle.linkcolor,
body.embedded a,
body.embedded a:focus,
body.embedded a:hover {
    color: #003478;
}

body.embedded input.buttoncheck:checked+label.buttoncheck,
body.embedded input:checked+label.togglebutton[for] {
    background-color: #003478;
    color: #fff;
    text-decoration: underline;
}

body.embedded input.buttoncheck:checked+label.buttoncheck:before,
body.embedded input.prettycheck:checked+label:before {
    background-color: #003478;
    border-color: #003478;
}

body.embedded .button.inlinesave,
body.embedded .button.inlinesave:focus,
body.embedded .button.inlinesave:hover {
    background-color: #003478;
    color: #fff;
}

body.embedded table tr.hover,
body.embedded table tr td.selected,
body.embedded table.hoverable tr:hover,
body.embedded .section .content .hover:not(.button),
body.embedded .list.hoverable:not(.collapsible) a:not(.button):focus,
body.embedded .list.hoverable:not(.collapsible) a:not(.button):hover,
body.embedded .list.hoverable:not(.collapsible) li:focus,
body.embedded .list.hoverable:not(.collapsible) li:hover,
body.embedded .list.hoverable.collapsible a.collapsed:focus,
body.embedded .list.hoverable.collapsible a.collapsed:hover,
body.embedded .list.hoverable.collapsible li.collapsed:focus,
body.embedded .list.hoverable.collapsible li.collapsed:focus a,
body.embedded .list.hoverable.collapsible li.collapsed:hover,
body.embedded .list.hoverable.collapsible li.collapsed:hover a,
body.embedded .list.hoverable.collapsible li.collapsed a:focus,
body.embedded .list.hoverable.collapsible li.collapsed a:hover,
body.embedded .MessageList .SingleMessage.collapsed .inlinedelete:focus,
body.embedded .SingleIndicator.collapsed.hover {
	text-decoration: underline;
	background: none;
	background-color: #fff;
}

body.embedded .list.hoverable:not(.collapsible) a:not(.button):focus,
body.embedded .list.hoverable:not(.collapsible) a:not(.button):hover,
body.embedded .list.hoverable:not(.collapsible) li:focus,
body.embedded .list.hoverable:not(.collapsible) li:hover,
body.embedded .list.hoverable.collapsible a.collapsed:focus,
body.embedded .list.hoverable.collapsible a.collapsed:hover,
body.embedded .list.hoverable.collapsible li.collapsed:focus,
body.embedded .list.hoverable.collapsible li.collapsed:focus a,
body.embedded .list.hoverable.collapsible li.collapsed:hover,
body.embedded .list.hoverable.collapsible li.collapsed:hover a,
body.embedded .list.hoverable.collapsible li.collapsed a:focus,
body.embedded .list.hoverable.collapsible li.collapsed a:hover,
body.embedded .MessageList .SingleMessage.collapsed .inlinedelete:focus,
body.embedded .SingleIndicator.collapsed.hover {
	background-color: #64a6cc;
}


body.embedded .slotDetailsContainer:focus,
body.embedded .scrollable:focus,
body.embedded .card:focus {
	outline: none;
}

body.embedded{
	width: 100% !important; /*added important to force full width - RH 2/19/18 */
}

body.embedded .setOfStepsContainer{
	width:auto !important; /*added important to force full width - RH 2/19/18 */
}

body.embedded .stepContainer{
	width: 10% !important; /*added important to force full width - RH 2/19/18 */
}

body.embedded .signupContainer{
	width: auto;
}

body.embedded .signupContainer .signupStepsContainer{
	width: 100%;
}

body.embedded .signupContainer .signupStepsContainer .signupStep{
	width:10%;
	margin:0;
}

/*NOTE: Standard media breaks are off by about 55px - the iframe is not presented full width, so the display is not calculated at full width*/
@media (min-width: 265px){
	body.embedded .signupContainer .signupStepsContainer .signupStep{
		width:100%;
	}
}

/*NOTE: Standard media breaks are off by about 50px - the iframe is not presented full width, so the display is not calculated at full width*/
@media (min-width: 713px){
	body.embedded .signupContainer .signupStepsContainer .signupStep{
		width:10%;
	}
}

body.embedded .ghostInput{
	margin-bottom: 1px !important;
}


/*
The folowing style information was provided by DX to include to adjust the widget while embedded in the website
I added body embeded to most of their code so as not to affect non embeded functionality.


body.embedded,
body.embedded .setOfStepsContainer,
body.embedded .stepContainer{
	width:710px;height:auto;
	}
#content::after{
		background:0 0;
		}
body.embedded .stepContainer .openingsData{
	height:100%;
	}
body.embedded .stepContainer .openingsData .slotdetailaction.pm,
body.embedded .stepContainer .openingsData .slotslist .slotdetailaction,
body.embedded .stepContainer .openingsData .subslotslist.pm .slotdetailaction{
	background-color:#003478;
	}
body.embedded .formsection>legend,
body.embedded .header,
body.embedded .heading,
body.embedded .hover a.header:focus,
body.embedded .hover a.header:hover,
body.embedded .hover a.heading:focus,
body.embedded .hover a.heading:hover,
body.embedded .sectionheader,
body.embedded .titlebar,
body.embedded h1,
body.embedded h2,
body.embedded h3,
body.embedded h4,
body.embedded table thead tr{
	color:#003478;
	}
body.embedded .button,
body.embedded .button:focus,
body.embedded .button:hover,
body.embedded ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button{
	background-color:#64a6cc;
	}
body.embedded .button.completeworkflow,
body.embedded .button.completeworkflow:focus,
body.embedded .button.completeworkflow:hover{
	background-color:#003478;
	color:#fff;
	}
body.embedded .stepContainer .openingsData .slotslist .slotdetailaction.selected{
	color:#000;
	background-color:#64a6cc;
	}
body.embedded .button.nextstep,
body.embedded .button.nextstep:focus,
body.embedded .button.nextstep:hover{
	background-color:#003478;
	color:#fff;
	}
body.embedded #calendar table td.ctrl a:hover,
body.embedded .linkcolor,
body.embedded .linkcolor:focus,
body.embedded .linkcolor:hover,
body.embedded .subtle.linkcolor,
body.embedded a,
body.embedded a:focus,
body.embedded a:hover{
	color:#003478;
	}
body.embedded input.buttoncheck:checked+label.buttoncheck,
body.embedded input:checked+label.togglebutton[for]{
	background-color:#003478;
	color:#fff!important;
	text-decoration:underline;
	}
body.embedded input.buttoncheck:checked+label.buttoncheck:before,
body.embedded input.prettycheck:checked+label:before{
	background-color:#003478;
	border-color:#003478;
	}
body.embedded .button.inlinesave,
body.embedded .button.inlinesave:focus,
body.embedded .button.inlinesave:hover{
	background-color:#003478;
	color:#fff!important;
	}
	
	
body.embedded .card {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    background-color: #FFF;
}	
	
End of the code provided by DX for embeded widget
	*/
	
	
	
	
	/*adjust the size of the images on the quick links sidebar */
	
.quickLinks.vertical a img {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.5rem 0 -2px;
}
	
/* Footer link color	*/
body #footer a, 
.datatile #wrap > .copyright a, 
body.md_saveform #footer a {
    color: hsl(199, 100%, 24%);
}	
body #footer, 
body.md_saveform #footer{
    color: hsl(0,0%,25%);
}	
	
	
	
	
	/*Non Provider Banner adjustment*/
body div#nonProdBanner.highlight{
    max-width: 600px!important;
    min-width: 300px!important;
	font-size: 1.2em;	
	font-weight: bold;
    top:30px;
    left: 0;
    right: 0;

    margin: auto;
}	
	
	
	/*different list styles */
	/* Example
	ul {
	 list-style-type: square;
	list-style-position: outside;	
    list-style-image: url(images/bullet.png);
	    list-style-image: url(../images/Dispo_Stop.png);
}
	*/
	/* add stop image in front of bullets for the on my way */
		ul.nogo{
	margin: 15px;
	list-style-position: inside;	
    list-style-image: url(../images/icon_stop_small.png);
		}		
/*		
body div#PreLoginContent.LoginPage{
	background: rgb(222, 230, 233) url(../images/clouds.png) no-repeat scroll center center;
}
*/		
		
.ba_saIcon {
	display:none;
}
/* For Mobile-Optimized Widget */
@media only screen and (max-width: 699px) /* This width is tied to the widget fixed width of 700px */
{

	/* confirmation page added by bruce for testing */

	body.embedded.stepcontainer .confirmation .location {
		width: auto;
	}		

}

/* Styling for the Illinois Advance directive pages */

ul.adil
{
	list-style-type: disc;
	padding-left: 2rem;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Styling override for RX Refill Pickup Options (overrides styling at line 305 of rx.css) */
  .refill-step #PickupOptions fieldset {
	width: unset;
    padding-left: 25px;	}		
		
/* Optimizing on my way widgit for mobile */		

/* Commented out to build by Joe Stacko and add via an insert.
@media (max-width:420px) {
                .loadingoverlay {
                                width:100%!important;
                }
                .flexParent {
                                display:block!important;
                }
                .listHolder, .mapHolder {
                                height:auto!important;
                }
                #mapHolder iframe {
                                position: relative!important;
                                width: 100%!important;
                                height: 300px!important;
                }
                .leaflet-popup-content {
                                width:90%!important;
                }
                .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
                                left: -158px!important;
                }
                .confirmation .apptDateTime, .confirmation .location, .confirmation .copay, .originalappointment .apptDateTime, .originalappointment .location {
                                padding:0 0 0 60px!important;
                }
                .formsection.column_3 .formcolumn {
                                display:block!important;
                                width:100%!important;
                }
                .formcolumn select, .formcolumn input[type='text'], .formcolumn input[type='password'], .formcolumn textarea.halfwidth {
                                width:100%!important;
                }
                .dateOfBirth_hint {
                                margin-top:15px!important;
                }
                .loadingoverlay .loadingmessage {
                                width:25%!important;
                                margin-top:65px!important;
                }
				.stepcontainer .confirmation .apptDateTime, .stepcontainer .confirmation .location {
					width: auto!important;
				}				
				.component.Popup.small {
					min-width: 350px!important;
				}

}


End of commented out section */

/*Extra code to straighten out the confirmation page on my way */

@media(max-width:420px){
.confirmationContent .apptDateTime, .confirmationContent .location {
                                display:block;
                                width:100%;
                                padding: 0 0 0 4rem;
                }
}

/* Text color for location filter on OMW widget */
div#filterControls a.dropDownLabel span.bodyTextColor {
	color: #767676;
    margin-right: 35px;
	margin-left: 5px;
}

/* Request Family access - cards side by side */
.component.news .newscard.ChildProxy, .component.news .newscard.AdultProxy {
	margin-left: 0px;
}

/* Fix message overhang on Medication page */
.medcard .medwarning, .medmessage.withPopup {
	margin: 0.9rem 0 0 -2.7rem;
}

/* Payment plan - fix input field overlaying text */
#divTermsUserEntry #divMonthAmt input {
	position: inherit;
}

/* Display header links on separate line */
#subjects > a {
	display: block;
}

/*COVID code */
p.C19a,
h2.C19a {
    display:none;
}

/* Override the height for scheduling widget embedded in a popup/modal (see /chart/web/content/EmbeddedOpenScheduling.css) */
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;
}


/*Override the height of the external pay iframe window */

#extPmtPageFrame {
   height: 46rem !important;
}


#iFrameLoadingIndicator.mobileExtPmtPage, 
#extPmtPageFrame.mobileExtPmtPage {
    height: 52rem !important;
}

#iFrameLoadingIndicator.mobileExtPmtPage, #extPmtPageFrame.mobileExtPmtPage {
    height: 56rem;
}

/*remove buttons for tapestry (Jeremey)*/
#custsvc_referrals {
    visibility: hidden;
}
 
input#custsvc_coverage.button.newworkflow {
    visibility: hidden;
}


/*
Add some css to add a banner to point users to the Mobile app but only when on the home page in with a mobile device CSS provided by DX  - 11/09/2020 - BWL
*/
.smartbanner-show {
	margin-top: 80px;
}

.smartbanner-show .smartbanner {
	display: block;
}

/** Default **/
.smartbanner {
	position: absolute;
	left: 0;
	top: -80px;
	display: none;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-family: 'Helvetica Neue', sans-serif;
	background: #f4f4f4;
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}

.smartbanner-container {
	margin:0 auto;
	white-space: nowrap;
}

.smartbanner-close {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 20px;
	text-align: center;
	color: #888;
	text-decoration: none;
	border: 0;
	border-radius: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active,
.smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-icon {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	margin-right: 12px;
	background-size: cover;
	border-radius: 10px;
}

.smartbanner-info {
	display: inline-block;
	vertical-align: middle;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
}

.smartbanner-title {
	font-size: 13px;
	line-height: 18px;
}

.smartbanner-button {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-button:active,
.smartbanner-button:hover {
	color: #aaa;
}

.smartbanner-button-text {
}

.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}

/** iOS **/
.smartbanner-ios {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-ios .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-ios .smartbanner-icon {
	background: rgba(0, 0, 0, 0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-ios .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-ios .smartbanner-title {
	color: #4d4d4d;
	font-weight: bold;
}

.smartbanner-ios .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-ios .smartbanner-button-text {
}

.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
}

/** Android **/
.smartbanner-android {
	background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
	box-shadow: inset 0 4px 0 #88b131;
	line-height: 82px;
}

.smartbanner-android .smartbanner-close {
	border: 0;
	width: 17px;
	height: 17px;
	line-height: 17px;
	margin-right: 7px;
	color: #b1b1b3;
	background: #1c1e21;
	text-shadow: 0 1px 1px #000;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
	color: #eee;
}

.smartbanner-android .smartbanner-icon {
	background-color: transparent;
	box-shadow: none;
}

.smartbanner-android .smartbanner-info {
	color: #ccc;
	text-shadow: 0 1px 2px #000;
}

.smartbanner-android .smartbanner-title {
	color: #fff;
	font-weight: bold;
}

.smartbanner-android .smartbanner-button {
	min-width: 12%;
	color: #d1d1d1;
	padding: 0;
	background: none;
	border-radius: 0;
	box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
	background: none;
}

.smartbanner-android .smartbanner-button-text {
	text-align: center;
	display: block;
	padding: 0 10px;
	background: #42b6c9;
	background: linear-gradient(to bottom, #42b6c9, #39a9bb);
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
	background: #2ac7e1;
}

/** Windows **/
.smartbanner-windows {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-windows .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-windows .smartbanner-icon {
	background: rgba(0, 0, 0, 0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smartbanner-windows .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-windows .smartbanner-title {
	color: #4d4d4d;
	font-weight: bold;
}

.smartbanner-windows .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-windows .smartbanner-button-text {
}

.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {
}
/*
End css to add a banner to point users to the Mobile app but only when on the home page in with a mobile device CSS provided by DX  - 11/09/2020 - BWL
*/



/* Hide the date location selection on the header for Open Scheduling widget */
div.setOfStepsContainer .stepContainer .openingsControls .filterControls .filterFrame .filterButtonContainer {


display: none;

}
div.setOfStepsContainer .stepContainer {
    height: 672px !important;
	overflow-y: scroll !important;
}

/*
div.slotDetailsContainer .signup {
    display: none;
}
*/

/* for button on the how did we do prompt*/
.btn-primary  {
    padding: 5px 10px;
    margin: 10px;
    text-align: center;
    background-color: #1175a7;
    color: #fff !important;
    border-radius: 3px;
    display: inline-block;
    transition: all 0.25s ease-in-out;
}
  
.btn-primary:hover {
    background-color: #01446b;
    text-decoration: none;
    color: #fff !important;
}

/* trying to hide the footer in a mobile mode on iphone 12/3/21 BWL */
@media(max-width:720px){
	#footer .mainStyle {
		display: none !important;
	}
}
/* fixing format on fam access  */
@media only screen and (min-width: 1px) and (max-width: 1300px) and (max-width: 426px) {
	.component.news .newscard {
		    width: 99% !important;
	}
}




/* uncomment below to hide ACP Care Agent section */
/*
div.acpContent div.section.left {
display:none;	
	
}
*/


/* style changes from Paul Altott for Experian process */
.thirdparty .answers > label {
    display: block;
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 15px;
    border-radius: 4px;
    text-align: center;
    /* background: #fecc18; 
    /* box-shadow: 0 2px 4px -2px;*/ 
    /* background: linear-gradient(to bottom, #fee987 0%, #fedc45 4%, #f9a210 93%, #b67308 100%); */
    width: 100%;
    position: static;
    margin: 0 0 16px;
    word-wrap: break-word;
    border-color: #A7A8A9;
    border: 1px;
    font-size: 1em;
    font-weight: 600;
    font-family: 'Montserrat', Source Sans Pro, Calibri, Arial, sans-serif;
    color: #1175a7;
}


.thirdparty .answers > label:hover, .thirdparty .answers > label.focused {
 /* box-shadow: 0 2px 4px -2px, inset 0 0 10px #ffffff; */
  background-color: #003B5C;
  color: #ffffff !important;
  text-decoration: none;
}
.thirdparty .answers > label.selected, .thirdparty .answers > label.selected:hover {
  /* box-shadow: 0 0 0 1px #003B5C; */
  /* background: linear-gradient(to bottom, #9c8a14 0%, #dab918 3%, #fed21a 8%, #fee91e 69%, #fdfe32 99%, #bdbdbd 100%); */
  background-color: #003B5C !important;
  color: #ffffff !important;
}

.thirdparty .answers {
    /* background: url(images/thirdparty_bganswers.png) repeat; */
    width: 50%;
    background: #fff;
}


.thirdparty .button {
  /* background: url("images/thirdparty_btnnext.png") no-repeat; */
  border: none;
  font-size: 1em;
  float: right;
  margin: 30px -5px 0 0;
  padding: 0.4em 0.3em 0 0;
  width: 173px;
  height: 53px;
  box-sizing: border-box;
  box-shadow: none;
  color: ffffff;
  padding-top: 0.9em;
  /* background: #003B5C !important; */
}

.thirdparty .button:focus, .thirdparty .button:hover {
  color: #ffffff;
  background-color: #003B5C !important;
  background-position: 0 -53px;
}

.thirdparty .button.disabled,
.thirdparty .button.disabled:hover{
  background-position: 0 -106px;
  color: #666666; 
  cursor: default;
  background:#d9e1e1 !Important; 
}


.thirdparty, .thirdparty a.button {
    font-family: 'Montserrat', Source Sans Pro, Calibri, Arial, sans-serif;
	line-height: 1.6rem !Important;
	
}



.col-6.answers label.togglebutton[for], input.buttoncheck + label.buttoncheck {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0); 
	text-decoration: none;
}

/* Added from Atrium */
/* 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.svg) 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 */