﻿#graphicHeader:not(:empty) #header_logo .header_logo_link {
background: transparent url("../images/logo.png") no-repeat scroll center/contain;
}
/* BEGIN EPIC COMMUNITY MEMBER CUSTOM CSS */
/* Epic recommends any additional CSS be placed below this line. Avoid adding CSS above because it makes it difficult to determine which are your changes and which are Epic's. */

#scheduling-workflow div.card.confirmation div.instructionsAndComments form {
      display: flex;               
      flex-direction: column; 
}

#scheduling-workflow div.card.confirmation div.instructionsAndComments form div.schedulebutton.formsection {
      order: 2;                     
      position: relative;           
      margin: 0;                    
      padding-bottom: 20px;        
}

#scheduling-workflow div.card.confirmation div.instructionsAndComments form div.commentssection.ghostInput {
      order: 1;                    
}

#scheduling-workflow div.card.confirmation div.instructionsAndComments form div.apptDeptInstructions {
      order: 3;                    
      padding-bottom: 0px;         
}
/* 
#scheduling-workflow div.card.confirmation div.instructionsAndComments form div.schedulebutton.formsection {
      order: 2;                     
      position: relative;           
      margin: 0;                    
      padding-bottom: 20px;        
}
*/
div.setOfStepsContainer > div.slider {
min-height: 100%; 
}

/* TPC Scheduling Widget */
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;
}

Body #guestPay-content #extPmtPageFrame {
height: 42rem;
overflow-y: visible;
}
body #guestPay-content .formbuttons {
margin-bottom: 5rem;
}
#extPmtPageFrame {
  border-width: 0px;
  height: 42rem;
  overflow-y: hidden;
  width: 100%; }
  
  #iFrameLoadingIndicator.mobileExtPmtPage, #extPmtPageFrame.mobileExtPmtPage {
  height: 42rem; }
  
  @media only screen and (max-width: 768px) {
  #iFrameLoadingIndicator, #extPmtPageFrame {
    height: 42rem; } }
	
#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
  height: 42rem; }
  
  #guestPay-content #extPmtPageFrame.mobileExtPmtPage, #guestPay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  height: 42rem; }
  
  @media only screen and (max-width: 768px) {
  #guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
    height: 42rem; } }
