/* BEGIN EPIC DELIVERED THEME CSS */
/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on mobile, tag it with an "OnlyMobile" class*/
.onlymobile, 
.onlyMobile, 
.Onlymobile, 
.OnlyMobile {
    display: none !important;
}  

/* If you want to only show content on a certain affiliate site, tag it with an Affiliate class, and then another class to unhide just for that affiliate. Use URL Rewrite an affiliate-specific override css file to do the unhiding.*/
.affiliate,
.Affiliate {
    display: none !important;
}

/* If you want to show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class. If you want something to only show when looking at someone else's chart, use "proxymode" class. */
.proxyMode,
.proxymode,
.ProxyMode,
.Proxymode {
    display: none !important;
}
/* END: SPECIAL HIDING PROPERTIES */


/* 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. */

#fp-notice {
	background: #2774AE;
	color: #fff;
	text-align: center;
	padding: 15px 20px;
	text-align: left;
}

#fp-notice p {
	font-size: 20x;
	line-height: 20px;

	text-align: center;
	margin: 0 auto;

}	
.button.requestrecord {
        width: 400px;
}

#features li {
    background-color: #c2d7ea;
    margin: 10px 1%;
    width: 47%;
    min-height: 150px;
}


#features fp-communicate {
background-image: url(../images/frontPage/fp-communicate.png) !important center;
}
#fp-communicate, #fp-access, #fp-request, #fp-manage {
    background-position: 20px 20px;
    padding: 5px 20px 5px 100px !important;
}
#smtp_appointmentReminderOffset_dropdown {

    display: none !important;
}
#smtp_appointmentReminderOffset_label {

     display: none !important;
}
#smtp_appointmentReminderOffset_dropdown + img {

     display: none !important;
}
#sms_appointmentReminderOffset_dropdown {

     display: none !important;
}
#sms_appointmentReminderOffset_label {

    display: none !important;
}
#sms_appointmentReminderOffset_dropdown + img {

     display: none !important;
}

label,
.label,
.inlinelabel,
.formsection fieldset legend {
	color: black;
}

input, select, textarea {
	border: 1px solid #404040;
}

.component .news .newscard.ugraphic {
  background-image: url("../images/ugraphic.png");
}
.component .news .newscard.Appointment {
  background-image: url("../images/menus/visits.png");
}
.component .news .newscard.notes {
  background-image: url("../images/shareeverywhere/quicklinks/documents.png");
}
.component .news .newscard.proxyinvite {
  background-image: url("../images/ProxyInviteIcon_3person.png");
}
.component .news .newscard.hxquestionnaire {
  background-image: url("../images/quicklinks/questionnaire.png");
}
.component .news .newscard.Research {
  background-image: url("../images/quicklinks/researchstudies.png");
}

#viewdocumentwidget .document:hover {
    cursor: pointer;
    background-color: white !important;
}

.statusClosed, .subtle, .subtlecolor {
    color: black;
}

#iFrameLoadingIndicator {
  height: 46rem; }
  #iFrameLoadingIndicator > .v-center {
    top: 10rem; }

#extPmtPageFrame {
  border-width: 0px;
  height: 46rem;
  overflow-y: hidden;
  width: 100%; }
 

#guestPay-content #extPmtPageFrame, #guestPay-content #iFrameLoadingIndicator {
  height: 46rem; }
#guestPay-content #iFrameLoadingIndicator .v-center {
  top: 10rem; } 

.qnrLeftAlign label.togglebutton[for] {
  text-align: left;
}