/* Custom EJE- 4/2/2019*/
/*Bill Pay Recommended Settings - JSK 3/2/2022*/
body #extPmtPageFrame{
height: 1500px;
overflow-y: visible;
}
body #guestPay-content #extPmtPageFrame{
	height: 1500px;
	overflow-y: visible;
}
body #guestPay-content .formbuttons{
	margin-bottom: 5rem;
}
#main, .BeforeList input.SearchList{
 background-image: linear-gradient(to top left, white, #C8F3FF);
}
.component .news .newscard.videoVisits {
  background-position-x: 20px /*rtl:calc(100% - 20px)*/;
  background-image: url("../images/quicklinks/paperless.png");
}
#main, .BeforeList input.SearchList{
background-color: rgba(255, 255, 255, 1);}

aside#sidebar{
background-color: #CFEDF9;}
body:not(.graphicHeader) #content:after {background-image: url(../images/background.jpg); background-position-x:center; background-position-y:center; background-size:cover; background-repeat-x:no-repeat; background-repeat-y:no-repeat; background-attachment:fixed; background-origin:initial; background-clip:initial;}
#features {
  list-style: none;
  padding: 0 0 1rem; }
  #features li {
    padding-left: 75px;
    background-repeat: no-repeat; }
  #features .billingcust {
    background-image: url("../images/billing/finlogo.png"); 
	font-family: arial; font-size: 12pt;}
  #features .estimatescust {
  background-image: url("../images/billing/charges.png"); 
  font-family: arial; font-size: 12pt;}
  #features .icon-advice {
  background-image: url("../images/quicklinks/medical_advice.png");
  font-family: arial; font-size: 12pt;}
#features .icon-testResults {
  background-image: url("../images/quicklinks/test_results.png");
  font-family: arial; font-size: 12pt;}
#features .icon-medications {
  background-image: url("../images/quicklinks/medications.png");
  font-family: arial; font-size: 12pt;}
#features .icon-calendar {
  background-image: url("../images/quicklinks/appointments.png");
  font-family: arial; font-size: 12pt;}
 #graphicHeader:not(:empty) #header_logo .header_logo_link {
      background: transparent url("../images/logo.png") no-repeat scroll center/contain;
      display: block;
      height: 2.5rem;
      width: 100%; }

#header .menugroup {
  display: inline-block;
  height: 100%;
  text-align: center;
  vertical-align: top;
  width: 13%;
  font-size: 0.9em;
}

#menu .menuicon.education:before {
      background-image: url("../images/menus/education.png"); 
}

/**************************************************************************************************************/	  
/* 12/23/2019 - David Eyrich - 	Highlight card to help indicate which visit type/reason for visit or locations*/
/*								were selected when scheduling 												  */
/**************************************************************************************************************/	  
.card.selected {
	background-color: #D6F5D1 !important;
}

.card.selected:hover {
	background-color: #CBE6C7 !important;
}	
/**************************************************************************************************************/

/**************************************************************************************************************/	  
/* 1/12/2021 - David Eyrich - 	Highlight open schedule filter header with background color					  */
/*								Set height to auto to force scroll for open scheduling in mobile web browser  */
/**************************************************************************************************************/	  
.filterControlsParent {
		  background-color: #1f4a6a29;
}

#wrap {
	height:	auto !important;
}
/**************************************************************************************************************/	


/**************************************************************************************************************/	  
/* 11/12/2021 - David Eyrich - 	Create animated message css for the dropdown message on the Welcome screen.	  */
/**************************************************************************************************************/  
  .animMsg {
  width: 100%;
  height: 100px;
  z-index: 10;

  margin: auto;
  top: 150px;

  position: absolute;
   

}

.innerMsgDiv {
	margin-left: 10%;
	width: 80%;
	
	  background-color: peachpuff;
  
  box-shadow: 4px 4px rgba(0, 0, 0, 0.19);
  border-radius: 5px;
  padding: 10px
}    

.slidedown {
  animation-name: slidedown;
  animation-duration: 3.5s;
}

.slideup1 {
  animation-name: slideup1;
  animation-duration: 3.5s;
}

@keyframes slidedown {
  0%   {top:0px;}
  
  50%  {top:150px;}
  55% {top:143px;}
  60% {top:150px;}
  62% {top:148px;}
  64% {top:150px;}
  100% {top:150px;}
  
}   

@keyframes slideup1 {
  0%   {top:150px;}
  
  100% {top:-200px;}
  
}      


/**************************************************************************************************************/	


/**************************************************************************************************************/	  
/* 11/15/2021 - David Eyrich - 	Override the height property for the bill pay frame.  This will override the **/
/*								height for pay as a guest as well as the form used when logged in.			  */
/*								The original css is in the externalPayment.css file.
/* 06/21/2022 - David Eyrich - 	Removed in favor of css above by JSK.										  */
/**************************************************************************************************************/	 

/*#extPmtPageFrame {
  height: 1500px !important;
}*/


/**************************************************************************************************************/


/**************************************************************************************************************/	  
/* 05/20/2022 - David Eyrich - 	Override the footer background to a white color.                             **/
/**************************************************************************************************************/	 

#mainFooter.mainStyle {
	background-color : #FFFFFF
}

#sidebarFooter.sidebarStyle {
	background-color : #FFFFFF
}

/**************************************************************************************************************/


/**************************************************************************************************************/	  
/* 07/12/2022 - David Eyrich - 	Override the css for disclaimer text so that it wraps text rather than       **/
/* 								getting cutting off.
/**************************************************************************************************************/	 

.disclaimerText {
	white-space: normal !important;
}

/**************************************************************************************************************/
/**************************************************************************************************************/	  
/* 08/25/2022 - David Eyrich - 	Override the css for disclaimer text so that it wraps text rather than       **/
/* 								getting cutting off.
/**************************************************************************************************************/	 

.Drawer {
	min-height: 600px !important;
}

/**************************************************************************************************************/