﻿/* 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. */
.features .icon-evisit {
    background-image: url("../images/quicklinks/evisit.png");
}
.features .icon-advice {
	background-image: url("../images/Ortho Icons/icon-comm-dr1.png");
}
.features .icon-testResults {
    background-image: url("../images/Ortho Icons/icon-test-results1.png");
}
.features .icon-medications {
    background-image: url("../images/Ortho Icons/icon-prescription1.png");
}
.features .icon-calendar {
    background-image: url("../images/Ortho Icons/icon-appt1.png");
}
body.isPrelogin .logo {
	height: 6.5rem;
	background-position: center middle;
}
/*commenting out background image for MTOSC SLG 6086474*/
/*commenting out position for SLG 9110008*/
body.isPrelogin {
    margin: 0 auto;
    /*position: relative;*/
    /*background: transparent url(../images/prelogin.jpg) no-repeat;*/
    background-position: 0 0;
    background-size: cover;
}
body.isPrelogin #content:after{
	background-position: 0 0;
	background-size: cover;
}
/*commented out the background color here since it caused issues in SLG 6326060*/
body.isPrelogin a.button {
	  border-radius: 32px;
	  /*background-color: #005A85;*/
	  text-transform: capitalize;
}
/* @button 0091EA ~ 0091EB = hsl(193.1,100%,29.4%) */
/*changing for Sherlock 6326060 and 7794816*/
/* Buttons 
.button,
.button:focus,
.button:hover,
ul.MessageList.list.hoverable.collapsible .SingleMessage .ReplyButton a.button {
	background-color: #005A85;
}*/
body.isPrelogin input.button {
	  border-radius: 32px;
	  background-color: #005A85;
	  text-transform: capitalize;
}
body.isPrelogin .button.nextstep,
.button.nextstep:focus {
    background-color: #005A85;
}
body.isPrelogin .button.cancelworkflow,
.button.cancelworkflow:focus {
    background-color: #005A85;
}
body.isPrelogin .completeworkflow.button, .completeworkflow.button:focus {
	background-color: #005A85;
}

body.isPrelogin #sidebar::before {
	box-shadow:none;
}
/* Changing iFrame for ExternalPayment.css for SLG 6086474 */
#AddPmtMethodIFrame {
  position: relative;
}

#iFrameLoadingIndicator {
  height: 40rem;
}
#iFrameLoadingIndicator > .v-center {
  top: 10rem;
}

#extPmtPageFrame {
  border-width: 0px;
  height: 40rem;
  overflow-y: hidden;
  width: 100%;
}

#iFrameLoadingIndicator.mobileExtPmtPage,
#extPmtPageFrame.mobileExtPmtPage {
  height: 22rem;
}

@media only screen and (max-width: 768px) {
  #iFrameLoadingIndicator,
#extPmtPageFrame {
    height: 40rem;
  }
}
/** workflow specific overrides **/
/**** Bill Pay ****/
#payment-content #extPmtPageFrame,
#payment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#payment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#payment-content #extPmtPageFrame.mobileExtPmtPage,
#payment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #payment-content #extPmtPageFrame,
#payment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Auto Pay ****/
#autopay-content #extPmtPageFrame,
#autopay-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#autopay-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#autopay-content #extPmtPageFrame.mobileExtPmtPage,
#autopay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #autopay-content #extPmtPageFrame,
#autopay-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Pay as Guest ****/
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
  height: 40rem;
}
#guestPay-content #iFrameLoadingIndicator .v-center {
  top: 5rem;
}
#guestPay-content #extPmtPageFrame.mobileExtPmtPage,
#guestPay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  height: 24.5rem;
}
@media only screen and (max-width: 768px) {
  #guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
    height: 24.5rem;
  }
}

/**** Visit Payment ****/
#visitpayment-content #extPmtPageFrame,
#visitpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#visitpayment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#visitpayment-content #extPmtPageFrame.mobileExtPmtPage,
#visitpayment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #visitpayment-content #extPmtPageFrame,
#visitpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Rx Payment ****/
#rxpayment-content #extPmtPageFrame,
#rxpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#rxpayment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#rxpayment-content #extPmtPageFrame.mobileExtPmtPage,
#rxpayment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #rxpayment-content #extPmtPageFrame,
#rxpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** E-Visit Payment ****/
#evisitpayment-content #extPmtPageFrame,
#evisitpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#evisitpayment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#evisitpayment-content #extPmtPageFrame.mobileExtPmtPage,
#evisitpayment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #evisitpayment-content #extPmtPageFrame,
#evisitpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Premium Pay ****/
#premiumpayment-content #extPmtPageFrame,
#premiumpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#premiumpayment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#premiumpayment-content #extPmtPageFrame.mobileExtPmtPage,
#premiumpayment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #premiumpayment-content #extPmtPageFrame,
#premiumpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Premium Auto Pay ****/
#premiumautopay-content #extPmtPageFrame,
#premiumautopay-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#premiumautopay-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#premiumautopay-content #extPmtPageFrame.mobileExtPmtPage,
#premiumautopay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #premiumautopay-content #extPmtPageFrame,
#premiumautopay-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}
