/* 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. */
.component .news .scheduling.newscard
{background-image:url("../images/quicklinks/appointments.png");}
.component .news .urgentCare.newscard
{background-image:url("../images/GuthrieNowWebsite.png");}

.component.news .newscard {
	margin: 0.4%;
}
#survey_popup {
   display: none;
   background-color: rgba(0,0,0,.85);
   position: fixed;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
}

.survey_popup_content {
    position: relative;
    width: 460px;
    background-color: #fff;
    box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.8);
    margin: 0 auto;
    padding: 15px;
    border-top: 4px solid #3a9be5;
    margin-top: 20%;
    text-align: center;
}

.survey_popup_close {
    position: absolute;
    top: -4px;
    right: 0;
    width: 32px;
    height: 32px;
    line-height: 100%;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #3a9be5;
    padding: 5px 8px;
    cursor: pointer;
    border: 0;
}

.survey_popup_content > p {
    margin-top: 10px;
    color: #363636;
}


.survey_popup_content > a {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    background-color: #52cc6e;
    padding: 10px 15px;
    margin: 15px 0;
}

.survey_popup_content > a:hover {
    text-decoration: none;
}


.survey_popup_content > a {
    display: inline-block;
    color: #fff;
    background-color: #52cc6e;
    padding: 10px 15px;
    margin: 15px 0;
}

/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. */
body.isPrelogin .logo {height: 6rem;}
body.isPrelogin .logo {background-position: center top;} 
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */

/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. */
body.isInside .logo {height: 16rem;}
body.isInside .logo {background-position: center top;} 
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */

/*BEGIN: Hiding schedule an appointment option in End-Of-Life jumbotron*/
.jumbotron-actions .jumbotron-action:last-child {
	display: none;
}

.jumbotron-actions .jumbotron-action:first-child {
	height: 200px;
}
/*END: Hiding schedule an appointment option in End-Of-Life jumbotron*/

/*Hide preferred organizations in Authorize Sharing*/
#Orgs_2 {
	display: none;
}

/*Increase header size for Open Scheduling appointment confirmation*/
.isPrelogin #wrap #content #main .title {
	height: 100px;
}

/*Set icon for GuthrieNow blurb on login page*/
.features .icon-guthrieNowMobile {
    background-image: url("../images/quicklinks/GuthrieNowMobile.png");
/*.features .icon-guthrieNow {
    background-image: url("../images/GuthrieNowMobile.png");*/	
}

/*Set icon for appointment blurb on login page*/
.features .icon-calendar {
    background-image: url("../images/appointments.png");
}

/*Set icon for communicate blurb on login page*/
.features .icon-advice {
    background-image: url("../images/billing/account_details/communications.png");
}

/*Set icon for test results blurb on login page*/
.features .icon-testResults {
    background-image: url("../images/testresults.png");
}

/*Set icon for prescription refills blurb on login page*/
.features .icon-medications {
    background-image: url("../images/Medications/prescriptions.png");
}

/*Set icon for covid status blurb on login page*/
.features .icon-covid{
    background-image: url("../images/quicklinks/covid_status.png");
}

/*Change text color for "Send to my email" link for 2FA */
#twofactorresend input[type="submit"], #twofactorresend input[type="button"] {
  color: white;
  background-color: #52CC6E; 
}

/*Change log out link for mobile browsers */
#touchmenu-account .menuname {
	color: #00a1db;
}
.iconSubtext.helptext {
width: 20rem;
height: 4rem;
}
.specialtystep.cardlist.row.card.cardline {
                height: 4rem;
}
/*Per Logan add this to fix the issue that occurs sometimes where the logo after login goes back to the default logo:*/
#graphicHeader:not(:empty) #header_logo .header_logo_link {
background: transparent url("../images/logo.png") no-repeat scroll center/contain;
}

/* Remove Do Not Bill Insurance option */
fieldset.selfPay {
	display: none;
}

/*Trust Commerce Build */
#extPmtPageFrame, #visitpayment-content #extPmtPageFrame, #visitpayment-content
#iFrameLoadingIndicator {
height: 40rem;}

#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
height: 20rem;
}
@media only screen and (max-width: 825px) {
#payment-content #extPmtPageFrame,
#payment-content #iFrameLoadingIndicator,
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
 height: 60rem;
}
}