/*Fonts updated in 2025*/

@font-face {
  font-family: 'BebasKai';
    src: url('https://community.unitedwaywinnipeg.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41624A6E426A6F34512D364756566874754F50526C5F7A622D63674E4D4653416B7742523659654662736F56717A38/BebasKai.otf');
}

@font-face {
  font-family: 'BebasKaiUW';
    src: url('https://community.unitedwaywinnipeg.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4155784876534F6D7871556861386D334C33775532644D7A422D544F74476A5F4334655F557A634471557037416751/BebasKaiUW.otf');   
}

@font-face {
  font-family: 'Poppins-Regular';
    src: url('https://community.unitedwaywinnipeg.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41577079773048573871644638796A446A4D414E66476470596F4F4A454C2D6B376578456E582D7837334A6B354973/Poppins-Regular.ttf');   
}

body,p {
	font-size: 16px !important;
	margin-bottom: 2px !important;
	margin-top: 10px !important;
	font-family: 'Open Sans',Arial,sans-serif !important;
	font-weight: normal !important;
}

html h1 {
	font-size: 32px !important;
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
		text-transform: none;
		color:#3d3d3d !important;
}

/* Resize h1 for mobile */
@media screen and (max-width:767px){
html h1 {
	font-size: 24px !important;
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
		text-transform: none;
		color:#3d3d3d !important;
}
}

html h2 {
	font-size: 30px !important;
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
		text-transform: none;
		color:#3d3d3d !important;
}

.DIV-WebPledgeSelect, .Section-PledgeAddInfo h1, .Section-PledgeConfirm h1, .LeaderLevelMessageText span strong, .Section-PledgeConfirmDisplay h2 {
	font-size: 30px !important;
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
		text-transform: none;
		color:#3d3d3d !important;
}


html h3 {
	font-size: 26px !important;
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
		text-transform: none;
		color:#3d3d3d !important;
}

html h4 {
	font-size: 20px !important;
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
		text-transform: none;
		color:#3d3d3d !important;
}

/* Resize h4 for mobile */
@media screen and (max-width:767px){
html h4 {
	font-size: 16px !important;
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
		text-transform: none;
		color:#3d3d3d !important;
}
}

@media screen and (max-width:375px){
html h4 {
	font-size: 12px !important;
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
		text-transform: none;
		color:#3d3d3d !important;
}
}

html .UWWRedMainContent h1, .ui-dialog h1 {
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
	color: #3d3d3d !important;
	text-align:center;
}

html body.BodyClass.Body-Page-Home div.GeneralOrangeMainBody div.GeneralOrangeTop3 div.GeneralOrange1PArea3 div.LFArea.Area-GeneralOrange1PArea3 div.Portlet div.PortletNote div#carouselExampleIndicators.carousel.slide div.carousel-inner div.carousel-item div.container div.carousel-caption.d-none.d-md-block h2{
	font-size: 30px !important;
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
	color: #ffffff !important;
}

.footer-heading {
		font-family: "neulis-neue", sans-serif !important;
		font-weight: 700;
		font-style: normal;
	font-size: 20px;
	text-transform: uppercase;
	color: #ffffff;
}

div.PortletLanguage span.Language.fr a.Languagefr, div.PortletLanguage span.Language.en a.Languageen {
	font-size: 20px !important;
	font-family: "neulis-neue" !important;
	color: #3d3d3d!important;
	text-align: right;
	font-weight: 600;
}


/* Change template colours */
:root {
--primary-color: #da291C !important; /*PMS 485*/
--secondary-color: #54585A !important; /*PMS 425*/
--tertiary-color: #ffffff !important; /*PMS 166*/
}


.GeneralOrangeBottom1 {
background-color: var(--primary-color) !important;
}

.GeneralOrangeSecondaryMenu {
background-color: var(--secondary-color) !important;
}

.DefaultButtons .button {
color: var(--primary-color) !important;
border: 1px solid var(--primary-color) !important;
}

.DefaultButtons .button:hover {
background-color: var(--primary-color) !important;
border:1px solid var(--primary-color) !important;
color: #ffffff !important;
}

body a.read-more:hover {
color:#ffffff !important;
background-color: var(--primary-color) !important;
border:1px solid  var(--primary-color) !important;
}

/* Changed bottom border from 4px to 2px */
body .GeneralOrangeTop2 .MenuSelected a,
body .GeneralOrangeTop3 .MenuSelected a {
border-bottom: 2px solid  var(--tertiary-color) !important;
}

body .GeneralOrangeTop1 ul.pureCssMenu li a:hover,
body .GeneralOrangeTop2 ul.pureCssMenu li a:hover,
body .GeneralOrangeTop3 ul.pureCssMenu li a:hover {
color: var(--primary-color) !important;
}

/* Changed bottom border from 4px to 2px */
body ul.pureCssMenu li a:hover {
color:var(--tertiary-color) !important;
border-bottom: 2px solid  var(--tertiary-color) !important;
}

/* Changed bottom border from 4px to 2px */
body ul.pureCssMenu li.dis a:hover,
body ul.pureCssMenu li.sep a:hover {
color:var(--tertiary-color) !important;
border-bottom: 2px solid  var(--tertiary-color) !important;
}

/* Changed bottom border from 4px to 2px */
body ul.pureCssMenu li:hover>a {
color: var(--tertiary-color) !important;
border-bottom: 2px solid  var(--tertiary-color) !important;
}

body .GeneralOrangeTop1 ul.pureCssMenu li:hover>a,
body .GeneralOrangeTop2 ul.pureCssMenu li:hover>a,
body .GeneralOrangeTop3 ul.pureCssMenu li:hover>a {
color: var(--tertiary-color) !important
}

nav.PledgeProgress li.ProgressStepCurrent.DefaultButtons {
color: var(--primary-color) !important;
}

body .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel,
body .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel {
background-color: var(--primary-color) !important;
color: #ffffff !important;
}

body .IPledgeTable label.RadioLabel,
body .IPledgeTable .form-group.row .col-md-9 label.form-check-label,
body .IPledgeTable .form-group.row.Row-PledgeAmount label.form-check-label,
body .IPledgeTable label.RadioLabel.LabelY,
body .IPledgeTable label.RadioLabel.LabelM,
body .IPledgeTable label.RadioLabel.LabelW,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq label.Col-Radio,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentMethod label.Col-Radio,
body .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check label.form-check-label,
body #CCardType label.CC_RadioLabel {
color: var(--primary-color) !important;
border: 1px solid var(--primary-color) !important;
}

.PartnerAgencyImage:after {
color: var(--primary-color) !important;
}

body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel,
body .IPledgeTable .form-group.row .col-md-9 input[type="radio"]:checked + label.form-check-label,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelY,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelM,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelW,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelQ,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelS,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelB,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelH,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelN,
body .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelT,
body div#PledgePaymentInfo div.form-check>input[type="radio"]:checked + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq div.form-check>input[type="radio"]:checked + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq div.form-check>input[type="radio"]:checked + label.Col-Radio,
body .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check>input[type="radio"]:checked + label.form-check-label,
body .IPledgeTable input[type="radio"]:focus + span + label.RadioLabel,
body .IPledgeTable .form-group.row .col-md-9 input[type="radio"]:focus + label.form-check-label,
body div#PledgePaymentInfo div.form-check>input[type="radio"]:focus + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq div.form-check>input[type="radio"]:focus + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq div.form-check>input[type="radio"]:focus + label.Col-Radio,
body .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check>input[type="radio"]:focus + label.form-check-label,
body .askDesignateRadios input[type="radio"]:focus + label.form-check-label,
body .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq label.form-check-label:hover,
body .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq label.Col-Radio:hover,
body .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq>.form-check label.form-check-label:hover,
body #CCardType label.CC_RadioLabel:hover,
body #CCardType input[type="radio"]:checked + label.CC_RadioLabel,
body .IPledgeTable .form-group.row .col-md-9 label.form-check-label:hover,
body div#PledgePaymentInfo .form-check>label.form-check-label:hover {
background-color: var(--primary-color) !important;
color: #ffffff !important;
}

a.nav-link.active {
color: var(--primary-color) !important;
border-bottom: 4px solid var(--primary-color) !important;
}

.Navigation .BioTabTitle.GlobalTab a:hover,
.Navigation .BioTabTitle.PersonalTab a:hover {
color: var(--primary-color) !important;
}

body table.EventCalendarTable td.Today,
body #VolCalendarTable td.Col-Today,
body #VolCalendarTable td.Col-Today Table td,
body .Col-Today,
body .oppSearchResultCard header h5,
body .Page-ArticleArchive .box div:first-child {
background-color:  var(--primary-color) !important;
}

body .ui-dialog .ui-widget-header {
background: none scroll 50% 50%   var(--primary-color) !important;
border: 1px solid  var(--primary-color) !important;
}

body .GeneralOrangeBottom5 a:hover,
body .GeneralOrangeFooter a:hover {
color: var(--tertiary-color) !important;
}

body .askDesignateRadios input[type="radio"]:checked + label.form-check-label,
body .askDesignateRadios input[type="radio"]:focus + label.form-check-label {
background-color: transparent !important;
color: inherit !important;
border: 0 !important;
}

body .KeywordSearch .SearchNavigation li .button:hover {
box-shadow: none !important;
outline-width: 0 !important;
border: 0 !important;
background: none !important;
}

/* LOCAL UPDATES BELOW THIS LINE */
.GeneralOrangeMainPage {
  margin: 10px 0 !important;
}

/* Change color of GeneralOrangeTop5 (page footer)  on login page only */
body.BodyClass.Body-Page-preLoginJAAS div.GeneralOrangeMainBody div.GeneralOrangeBottom5 {
	background-color: #ffffff !important;
}
/* Change font color in GeneralOrangeTop5 (page footer) on login page only --Updated color to gray as this gets used on both a white and a black background*/
.footer-heading-login {
	font-family: "neulis-neue", sans-serif !important;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	text-transform: uppercase;
	color: #868A8C;
}

/* Change login header image size for mobile */
@media screen and (max-width: 992px){
div.LoginHeaderImg p img {
	margin-top:40px;
	max-width: 300px !important;
}
}


/* Adjust height and position of GeneralOrangeTop1 */
.GeneralOrangeTop1 {
	position: relative !important;
	background-color: #fff !important;
	height:90px !important;
}
/* Hide GeneralOrangeTop1 on login page */
body.BodyClass.Body-Page-preLoginJAAS div.GeneralOrangeMainBody div.GeneralOrangeTop1 {
	display:none !important;
}

body.BodyClass.Body-Page-preLoginJAAS div.GeneralOrangeMainBody div.GeneralOrangeTop2{
	display:none !important;
}


/*Adjust color and position of grey menu bar*/
/* ePledge Home Page */
html body.BodyClass.Body-Page-Home div.GeneralOrangeMainBody div.GeneralOrangeTop2{
	background-color: rgba(0, 0, 0) !important;
	top:0px !important;
}
/* Inside Pages - all non-ePledge apps */
div.GeneralOrangeTop2 {
	background-color: rgba(0, 0, 0) !important;
	top:0px !important;
}

/* Adjust position of banner image */
.GeneralOrangeTop3{
	top: -55px !important;
}

/* Hide banner image for mobile */
@media screen and (max-width: 992px){
div.GeneralOrangeTop3 {
	display:none !important;
}
}
/*Adjust placement of grey menu bar for mobile*/
@media screen and (max-width: 992px){
html body.BodyClass.Body-Page-Home div.GeneralOrangeMainBody div.GeneralOrangeTop2 {
  background-color: #444444 !important;
  position: relative;
  top: 0px;
  min-height: 42px;
  max-height: 100%;
  z-index: 10000;
}
}


/* Adjust styling of Logos */
div.Logo.WebLogoL img {
  max-width: 240px !important;
  max-height: 60px;
  margin: 15px 30px 10px 0 !important;
}

div.Logo.WebLogoR img {
  max-width: 240px !important;
  max-height: 60px !important;
  margin: 15px 0px 10px 0px !important;
}

div.LFArea.Area-GeneralOrange1PArea1 {
  	text-align: right !important;
  	margin-right: 15px;
}

@media screen and (max-width: 480px) {
div.Logo.WebLogoR img {
	max-height: 40px !important;
}
}
@media screen and (max-width: 480px) {
div.Logo.WebLogoL img {
	max-height: 40px !important;
}
}

/* Adjust placement of Role Menu */
html body.BodyClass.Body-Page-QuickSearch div.GeneralOrangeMainBody div.GeneralOrangeBottom5 div.container div.GeneralOrange1PArea14 div.LFArea.Area-GeneralOrange1PArea14 div.Portlet div.PortletNote div.container div.row div.col-md-4 div.LFArea.Area-2022---Role-Menu {
	margin:auto !important;
}

/* Center navigation buttons*/
html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div#PledgeNavigationB.PledgeNavigationB nav.PledgeNavigation{
	width: 100% !important;
}

.UWWRedMainBody .TopPledgeNavigation, .PledgeNavigation {
  width: 100% !important;
}


html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div#PledgeNavigationB.PledgeNavigationB {
  text-align: center !important;
}

html body.BodyClass.Body-Page-IPledgeDes1 div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeDes1 form.form-horizontal div.WriteIns div.Block div.BlockDetails div.Search div.SearchButton nav.DesWriteInButton {
	text-align:center !important;
}

html body.BodyClass.Body-Page-IPledgeDes1 div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeDes1 form.form-horizontal div#PledgeNavigation.PledgeNavigation {
	text-align: center !important;
}

html body.BodyClass.Body-Page-IPledgeAddInfo div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeAddInfo form.form-horizontal div#PledgeNavigationB.row.PledgeNavigationB nav.PledgeNavigation{
	margin: auto !important;
	text-align: center !important;
}

html body.BodyClass.Body-Page-IProfile div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Profile div.Page-IProfile form#ProfileForm.form-horizontal div.row div.col-sm-12 nav.Navigation {
	text-align: center !important;
}

html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-SEEmpDonor.Roll-SEEmpDonor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div#PledgeNavigationB.PledgeNavigationB nav.PledgeNavigation {
	text-align: center !important;
}

html body.BodyClass.Body-Page-IPledgeSpcEvt div.GeneralOrangeMainBody div.Role-Admin.Roll-Admin div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSpcEvt form.form-horizontal div#PledgeNavigationB.PledgeNavigationB nav.PledgeNavigation {
	text-align: center !important;
}


/* center buttons on Gift Portal landing page*/
div.Page-MyOutouts div.AlignMyOutputs form#MyOutputs nav.Navigation {
	text-align:center !important;
}
/* center buttons on Gift portal acknowledgement report page*/
div.Page-AckToAgReport div.AlignAckToAgReport form.form-horizontal nav.Navigation{
	text-align:center !important;
}

/* center buttons on volunteer search results page */
div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Volunteer div.Page-VolQuickSearch form#OpSearchForm.form-horizontal section#QSearchTable.LeftAlign.QSearchTable div.SearchResultSection div.form-group.row div.offset-sm-3.col-sm-9 {
	margin-left: 0px !important;
}
div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Volunteer div.Page-VolQuickSearch form#OpSearchForm.form-horizontal section#QSearchTable.LeftAlign.QSearchTable div.SearchResultSection div.form-group.row {
	display: block !important;
	text-align: center !important;
}

nav.Navigation {
	text-align: center !important;
}

/* Hide cancel buttons */
nav.PledgeNavigation ol li.PledgeNavigation2.PledgeNavigationCancel.Cancel.DefaultButtons,nav.PledgeNavigation ol li.PledgeNavigation3.PledgeNavigationCancel.Cancel.DefaultButtons{
	display:none;
}

/* adjust styling on payment frequency buttons */
html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockDetails div.TypeSelection div.EntrySection div#EntrySection div.Block div.BlockDetails div.IPledgeTable div.form-group.row.BillingFrequency div.col-md-9.PaymentFrequencyOptions {
	text-transform: uppercase;
	font-weight: 600 !important;
}

label.form-check-label.RadioLabel.LabelY,label.form-check-label.RadioLabel.LabelS,label.form-check-label.RadioLabel.LabelM,label.form-check-label.RadioLabel.LabelQ {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
}

/* adjust styling on modal buttons (impact calculator) */
div.modal-content .btn{
	/*margin: 0.5em 0.9em 0.5em 0;*/
    padding: 0.8em 1.6em;
    color:#da291c !important;
    font-size:14px;
    background-color: transparent;
	border:1px solid #da291c;
    outline-width:0;
	  /*min-width: 140px;*/
    text-transform: uppercase;
    font-weight: 600 !important;
    border-radius: 0px;
}

div.modal-content .btn:hover{
    color:#ffffff !important;
    background-color:#da291c;
    border:1px solid #da291c;
}

/* adjust styling on button icons in iAccess */
div.DashBox.DashCol1.DashWidth1.MediumHighlight .btn {
	/*margin: 0.5em 0.9em 0.5em 0;*/
   	/* padding: 0.8em 1.6em;*/
    color:#da291c !important;
    font-size:14px;
    background-color: transparent;
	border:0px;
    outline-width:0;
/*    min-width: 140px;*/
    text-transform: uppercase;
    font-weight: 600 !important;
    border-radius: 0px;
}

/* Hide Andar 360 footer message */
div.GeneralOrangeFooter {
	display: none;
}

/*Resize and center thermometers on donor home page */
.LFArea .Thermometer {
  max-width: 100% !important;
  margin: auto;
}

/*Resize thermometers on campaign status page */
.ThermometerSection1,
.ThermometerSection2{
    width: 47%;
}

.ThermometerSection1 h4,
.ThermometerSection2 h4{
  text-align: center; 
  margin:0  !important;
} 
@media only screen and (max-width: 900px) {
    .ThermometerSection1,
    .ThermometerSection2 {
        width: 100%;
    }
}


/**Removing fields from the ECC Admin Send-Email page**/

.Page-SendeMail .col-Heading.col-CampYearLabel,
.Page-SendeMail .col-DropList.col-CampYearList .SendEmail,
.Page-SendeMail .LeftAlign.ReportPanelTA,
.Page-SendeMail .Col-Heading.Col-ContactRuleCategoryLabel,
.DropDown.ContactRuleCategory,
.Page-SendeMail .Col-Heading.Col-ComLogLabel,
.Page-SendeMail #CommSubjCode,
/**.Page-SendeMail .Col-Heading.Col-JobLogLabel,
.Page-SendeMail .Col-Checkbox.Col-JobLog,**/
.Page-SendeMail .col-sm-3.col-form-label.Col-Heading.Col-CampYearLabel, 
.Page-SendeMail .col-sm-3 col-form-label Col-Heading.Col-LastDateLabel,
.Page-SendeMail .col-sm-9.Col-DropList.Col-CampYearList,.Col-Heading.Col-CampAccountLabel,.Col-CampaignAccountList,.Col-TranCrtLabel,.Col-WAmountLabel,.Col-FAmountLabel,.Col-TAmountLabel,.Col-FAmountInput,.Col-TAmountInput {
    display: none;
}

section#SendEmailSelection .RptSortDefinedTable{
    display:none;
}

section#SendEmailSelection form#form11.form-horizontal div.form-group.row.Row-Select.RptSortDefinedTable {
	display:none;
}

/**Removing fields from the ECC Admin Send-Email job run page**/

div.form-group.row.Row-LastDate, div.form-group.row.Row-MissedAction, section.Restrictions,div.note.SchedRest.D {
    display: none;
}

/* Styling for XLS export buttons on custom ePledge dashboards */
a#export.DonateNow,a#export0.DonateNow,a#export1.DonateNow {
    margin: 0.5em 0.9em 0.5em 0;
    padding: 0.8em 1.6em;
    color:#da291c;
    font-size:14px;
    background-color: transparent;
    border:1px solid #da291c;
    outline-width:0;
    min-width: 140px;
    text-transform: uppercase;
    font-weight: 600 !important;
}

a#export.DonateNow:hover,a#export0.DonateNow:hover,a#export1.DonateNow:hover {
    color:#ffffff;
    background-color:#da291c;
    border:1px solid #da291c;
}

/* Styling for Donate Now buttons in impact story articles */
.DonateNow {
    margin: 0.5em 0.9em 0.5em 0;
    padding: 0.8em 1.6em;
    color:#da291c;
    font-size:14px;
    background-color: transparent;
    border:1px solid #da291c;
    outline-width:0;
    min-width: 140px;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.DonateNow:hover {
    color:#ffffff;
    background-color:#da291c;
    border:1px solid #da291c;
}

/* Fix paragraph styling for volunteer search page */
html body.BodyClass.Body-Page-QuickSearch div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Volunteer div.Page-VolQuickSearch div.page-header h1 span#VolQSTitle-T div.LFArea.Area-Volunteer-Search-Landing-Page div.Portlet div.SingleArticle div.ArticleID491 div.Article p {
	font-size: 16px !important;
	margin-bottom: 2px !important;
	margin-top: 10px !important;
	font-family: 'Open Sans',Arial,sans-serif !important;
	font-weight: normal !important;
	text-transform: none;
	line-height: 28px;
}
/******************************/
/******************************/
/* CB (Agency) Portal updates */
/******************************/
/******************************/


/* Right justify Type & Description column header - hide blank column header */
div.row div.col-sm-1.Col-Heading.Col-Text.Col-publishLabel {
	display:none;
}

/*Adjust margin for Yes/No radio buttons */
div.col-sm-9.Col-YesNo div.form-check.form-check-inline {
	margin-right: 2rem;
}

/**CB Due Date - remove**/

table.CBPackages th.Col-DueDate {
    display: none !important;
}
td.Col-Date.Col-DueDate {
	display: none !important;
}


/******************************/
/* eVolunteer updates         */
/******************************/


/* Fix paragraph styling for volunteer search page */
html body.BodyClass.Body-Page-QuickSearch div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Volunteer div.Page-VolQuickSearch div.page-header h1 span#VolQSTitle-T div.LFArea.Area-Volunteer-Search-Landing-Page div.Portlet div.SingleArticle div.ArticleID491 div.Article p {
	font-size: 16px !important;
	margin-bottom: 2px !important;
	margin-top: 10px !important;
	font-family: 'Open Sans',Arial,sans-serif !important;
	font-weight: normal !important;
	text-transform: none;
	line-height: 28px;
}

/* Hide Interests and Advanced Search collapsible sections on volunteer search page */
.Interestlink.Title, .AdvancedSearch.Title {
	display:none !important;
}

/* Hide Ops Class, Sub-class,and Opportunity Type on volunteer opportunity info page */
section.VolOpInfo {
	display:none;
}

/* Hide Time Slot list from VolOpInfo page */
/*div.note.VolOpTimeSlot.D, div.Row-TimeSlots{
	display:none;
}
*/
/* Reduce space above and below exec plus component showing past speakers on the Speakers Request page */
div.SpeakerList {
	margin-top: -80px;
	margin-bottom: -80px;
}

/* Hide Opportunity Contact entry section from Opportunity Add page */
label.col-sm-3.col-form-label.Col-Heading.Col-OpContactLabel,div.col-sm-9.Col-Input.Col-OpContactInput{
	display:none;
}

/* Hide Opportunity Contact entry section / Event entry section / Assignment Status dropdown from Opportunity Add page ADDED by Mel in 2025 */
.accordion-body.Col-OpContactInput,
#Col-EventSection,
.row.gx-2.my-3{
    display: none !important;
}
/* Hide Breadcrumbs menu at top of eVol pages ADDED by Mel in 2025 */
div#eVol-breadcrumbs {
	display:none !important;
}

/* add space under the time slots table - added Nov 19 2022 */
div#TimeSlotsTable {
	margin-bottom: 50px;
}

div.form-group.row.Row-TimeSlot label.col-sm-3.Col-Dorpdown.Col-TimeslotLabel{
	font-weight:600 !important;
}

/*Center verification(CAPTCHA) code on evolunteer registration page */
div.UserRegistrationSecCode{
	text-align:center;
}

div.SecurityCodeValue input.form-control {
	display: inline !important;
}


/******************************/
/*    ePledge updates         */
/******************************/

/* Styling for U of M logos in article 500 */
img.UMCenterLogo {
	max-height: 100px;
	max-width: 140px;
	float: middle;
}

img.UMCenterLogoUMFA {
	max-height: 100px;
	max-width: 180px;
	float: middle;
}

img.UMRightLogo {
	max-height: 100px;
	max-width: 140px;
	float: left;
}
/* Adjust positioning of pledge type icons - reduce white space under the icons */
div.TypeSelection-Items {
	margin-bottom: 0px;
}

/* Adjust font color of required item note on Profile page */
div#RequiredNote.form-group.row.RequiredNote div.offset-sm-3.col-sm-9 {
	color: #444444 !important;
}

/* Hide article title on self-reg landing pages with subsid dropdown lists - use Article Type "Self-Reg Links" and class SelfRegLinks - added by Eric on Nov 1, 2022 */
div.Page-Article.SelfRegLinks h1 {
	display:none;
}

/*Adjust colours on special event pages - also see style sheets "2022 SpecEv Select", "2022 Special Events", and "2022 SpecEv Selected" for other customizations */
div.Area-SpecialEvent div.Page-SpecialEventEventUpdate div.Block form#EventItemForm.form-horizontal div.BlockDetails a div.page-header {
	background-color: #da291c !important;
}
div.Area-SpecialEvent div.Page-SpecialEventMaint i.fa.fa-times {
	color: #000000 !important;
}

html body.BodyClass.Body-Page-SpecialEventMaint div.GeneralOrangeMainBody div.Role-Admin.Roll-Admin div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-SpecialEvent div.Page-SpecialEventMaint div.Block form#SpecialEventForm.form-horizontal div.BlockDetails ul#sortable.ui-sortable li#Group472F6842223B2B5332447E3E.ui-state-default.ui-sortable-handle div#DetailsTable472F6842223B2B5332447E3E table.WebMaintenanceApp.MobileTable.table.table-sm.table-bordered.table-striped tbody#EventGroupTable472F6842223B2B5332447E3E.row_drag.ui-sortable tr#Row~472F6842223B2B5332447E3E.ui-sortable-handle td div.btn-group a.icon.btn.btn-light.btn-sm i.fa.fa-pencil-square-o:hover {
	color: white !important;
}

html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-SEEmpDonor.Roll-SEEmpDonor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockDetails div.TypeSelection div.EntrySection div#EntrySection div.Block div.BlockDetails div.Block.SpecialEventSelectBlock div.BlockDetails div.EventSelectionSection div.EventSelectionList div.row.row-EventGroup div.col-Text.EventGroupHeader.col-sm-12 a {
	color: #444444 !important;
}

html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-SEEmpDonor.Roll-SEEmpDonor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockDetails div.TypeSelection div.EntrySection div#EntrySection div.Block div.BlockDetails div.Block.SpecialEventSelectBlock div.BlockDetails div.EventSelectionSection div.EventSelectionList div#GroupSection1.collapse.in.show div.row.EventSelectionListItem.Event-2 div.Col-Text.Col-EventName.col-sm-6 a.eventImageIcon i.far.fa-file-image{
	color: #da291c !important;
}

html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-SEEmpDonor.Roll-SEEmpDonor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockDetails div.TypeSelection div.EntrySection div#EntrySection div.Block div.BlockDetails div.Block.SpecialEventSelectBlock div.BlockDetails div.EventSelectionSection div.EventSelectionList div#GroupSection1.collapse.in.show div.row.EventSelectionListItem.Event-3 div.Col-Text.Col-EventName.col-sm-6 a.eventImageIcon i.far.fa-file-image{
	color: #da291c !important;
}

html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-SEEmpDonor.Roll-SEEmpDonor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockDetails div.TypeSelection div.EntrySection div#EntrySection div.Block div.BlockDetails div.Block.SpecialEventSelectBlock div.BlockDetails div.EventSelectionSection div.EventSelectionList div#GroupSection2.collapse.in.show div.row.EventSelectionListItem.Event-4 div.Col-Text.Col-EventName.col-sm-6 a.eventImageIcon i.far.fa-file-image {
	color: #da291c !important;
}
html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-SEEmpDonor.Roll-SEEmpDonor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockDetails div.TypeSelection div.EntrySection div#EntrySection div.Block div.BlockDetails div.Block.SpecialEventSelectBlock div.BlockDetails div.EventSelectionSection div.EventSelectionList div#GroupSection2.collapse.in.show div.row.EventSelectionListItem.Event-5 div.Col-Text.Col-EventName.col-sm-6 a.eventImageIcon i.far.fa-file-image{
	color: #da291c !important;
}

/* Attempt to style Payment Method buttons on Special Events Batch entry page for admins */
.IPledgeTable label.RadioLabel, 
.IPledgeTable .form-group.row .col-md-9 label.form-check-label, .IPledgeTable .form-group.row.Row-PledgeAmount label.form-check-label, .IPledgeTable label.RadioLabel.LabelY, .IPledgeTable label.RadioLabel.LabelM, .IPledgeTable label.RadioLabel.LabelW, .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq label.form-check-label, .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq label.Col-Radio, .IPledgeTable .col-sm-9.Col-Table.Col-PaymentMethod label.Col-Radio, .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq > .form-check label.form-check-label, .askDesignateRadios label.form-check-label, #CCardType label.CC_RadioLabel, .Col-Table.Col-CardType label, .IPledgeTable .percentPledge label, .IPledgeTable .dollarPledge label,
.Body-Page-IPledgeSpcEvt .IPledgeTable label.RadioLabel, 
.Body-Page-IPledgeSpcEvt .IPledgeTable .form-group.row .col-md-9 label.form-check-label
{
                display: inline-block;
                background-color: #ffffff ;
                padding: 10px 18px;
                font-size: 14px;
                border: 1px solid #da291c !important;
                transition: all 0.3s;
                color: #da291c ;
                text-transform: uppercase;
                font-weight: 600 !important;
                min-width: 110px;
                text-align: center;
                cursor: pointer;
}


.IPledgeTable input[type="radio"]:checked + span + label.RadioLabel, .IPledgeTable .form-group.row .col-md-9 input[type="radio"]:checked + label.form-check-label, .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelY, .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelM, .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelW, .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelQ, .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelS, .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelB, .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelH, .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelN, .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel.LabelT, div#PledgePaymentInfo div.form-check > input[type="radio"]:checked + label.form-check-label, .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq div.form-check > input[type="radio"]:checked + label.form-check-label, .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq div.form-check > input[type="radio"]:checked + label.Col-Radio, .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq > .form-check > input[type="radio"]:checked + label.form-check-label, .IPledgeTable input[type="radio"]:focus + span + label.RadioLabel, .IPledgeTable .form-group.row .col-md-9 input[type="radio"]:focus + label.form-check-label, div#PledgePaymentInfo div.form-check > input[type="radio"]:focus + label.form-check-label, .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq div.form-check > input[type="radio"]:focus + label.form-check-label, .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq div.form-check > input[type="radio"]:focus + label.Col-Radio, .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq > .form-check > input[type="radio"]:focus + label.form-check-label, .askDesignateRadios input[type="radio"]:focus + label.form-check-label, .PledgeTypeSelection .TypeSelection-Items label.RadioLabel:hover, .IPledgeTable label.RadioLabel:hover, .IPledgeTable .form-group.row .col-md-9 label.form-check-label:hover, div#PledgePaymentInfo .form-check > label.form-check-label:hover, .IPledgeTable .col-sm-9.Col-Table.Col-PaymentFreq label.form-check-label:hover, .IPledgeTable .col-sm-9.Col-Table.Col-BillingFreq label.Col-Radio:hover, .form-group.row.Row-ReminderFreqency .col-sm-9.Col-Table.Col-ReminderFreq > .form-check label.form-check-label:hover, #CCardType label.CC_RadioLabel:hover, #CCardType input[type="radio"]:checked + label.CC_RadioLabel, .Page-EmpRegPledge div#PledgePaymentInfo .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel, .Page-EmpRegPledge div#PledgePaymentInfo .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel, .IPledgeTable input[type="radio"]:checked + label.DollarTypeL, .IPledgeTable input[type="radio"]:checked + label.PercentTypeL, #CCInfoInputs .Col-CardType label:hover, #CCInfoInputs .Col-CardType input[type="radio"]:checked + label.CC_RadioLabel,
.Body-Page-IPledgeSpcEvt .IPledgeTable input[type="radio"]:checked + span + label.RadioLabel  {
                background-color: #da291c !important;
                color: #ffffff !important;
}




/* End attempt to style Payment Method buttons on Special Events Batch entry page for admins */

/**Hides Org Name when when Admin is pledging on behalf of an organization**/
html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockHeader div.note.WebPledgeNote1.T div.CorpSEPledge{
	display:none;
}

/**Hides Employee Name when when Admin is pledging on behalf of an employee **/
html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-Admin.Roll-Admin div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockHeader div.note.WebPledgeNote1.T div.EmpPledge {
	display:none;
}

/* Hide Campaign Year field on Special Events Maintenance page */

div.Page-SpecialEventMaint div.Block form#SpecialEventForm.form-horizontal div.BlockDetails div.form-group.row.col-sm.CampaignYear{
	display:none;
}
/* Hide Campaign Year field on Special Events Groups page */
div.Page-SpecialEventGrpUpdate div.Block form#GroupForm.form-horizontal div.BlockDetails div.form-group.row.CAMPAIGNYEARInfo {
	display:none;
}

/* Hide Campaign Account field on Add Event > Publish section */
div.Page-SpecialEventEventUpdate div.Block form#EventItemForm.form-horizontal div.BlockDetails div#PublishSection.collapse.show div.row.form-group.CAMPAIGNACCOUNTInfo {
	display:none;
}

/* Survey Styling */
div.Page-SurveyNE div.page-header h1 span.note.SurveyTitle.D p {
	font-size: 30px !important;
	font-family: 'BebasKaiUW',Arial,sans-serif !important;
	color: #3d3d3d !important;
}

/* Styling to fix checkbox in mobile views which broke after SP2023.01 - See project 209292 */
@media screen and (max-width: 860px){
.IPledgeTable input[type=checkbox]{
width: 16px !important;
}}

select, input[type="text"], input[type="password"] {
    height: inherit;
}
.Body-Page-OpMaint .EventSection {
  display:  none;
}

/*Hides Last date to run and Missed execution action*/
.Body-Page-Schedule .RunDetails .Row-LastDate,
.Body-Page-Schedule .RunDetails .Row-MissedAction 
{
	display:none;
}

@media only screen and (min-width: 576px) {
    #DocumentsFilterTable .EffectiveDatesFilter div.Col-EffectiveFromFilter+label,
    #DocumentsFilterTable .CreateDatesFilter div.Col-CreateFromFilter+label{
      width:60px;
    }

    #DocumentsFilterTable .EffectiveDatesFilter .Col-EffectiveToFilter,
    #DocumentsFilterTable .CreateDatesFilter .Col-CreateToFilter{
      width:25%;
    }
}

.Body-Page-Documents .NavigationAdd .button{
  margin:0;
}

/* Hides iAccess Comm Log Filter button*/

.Filters-Menu.btn.btn-light.btn-sm {
  display: none !important;
}


/*MFA pop-up window changes*/
/* banner color  */
#MFADialog .modal-header {
	background-color: #da291c !important;
	color: #ffffff;
}


/*Send and Cancel Buttons */
#MFADialog div.modal-footer .btn-primary p {
    font-size: 14px !important;
    padding-top: 0 !important;
    display: inline-block;
    color: var(--primary-color) !important;
    font-size: 14px;
    background-color: transparent;
    outline-width: 0;
    text-transform: uppercase;
    font-weight: 600 !important;
    border-radius: 0;
}

#MFADialog .btn-primary {
    margin: 0.5em 0.9em 0.5em 0;
    padding-top: 0 !important;
    font-size:13px;
    outline-width:0;
    font-weight: 600 !important;
    color:#ffffff;
    background-color: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 0;
}

#MFADialog div.modal-footer .btn-primary p:hover {
    color: #ffffff !important;
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

#MFADialog div.modal-footer .btn-primary:hover {
    color: #ffffff !important;
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

#MFADialog div.modal-footer .btn-secondary p {
    font-size: 14px !important;
    padding-top: 0 !important;
    display: inline-block;
    color: var(--primary-color) !important;
    font-size: 14px;
    background-color: transparent;
    outline-width: 0;
    text-transform: uppercase;
    font-weight: 600 !important;
    border-radius: 0;
}

#MFADialog .btn-secondary {
    margin: 0.5em 0.9em 0.5em 0;
    padding-top: 0 !important;
    font-size:13px;
    outline-width:0;
    font-weight: 600 !important;
    color:#ffffff;
    background-color: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 0;
}

#MFADialog div.modal-footer .btn-secondary p:hover {
    color: #ffffff !important;
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}
#MFADialog div.modal-footer .btn-secondary:hover {
    color: #ffffff !important;
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

/* Hide MFA "Use other method" button */
#btnSelectMFAChg.btn.btn-secondary {
	display:none !important;
}

/*Adjust the cheque date and cheque number fields in ePledge*/
html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockDetails div.TypeSelection div.EntrySection div#EntrySection div.Block div.BlockDetails div.IPledgeTable div.row.my-3.checkDate div#chkDate.col-md-9.checkDateData {
	width: 315px;
}


html body.BodyClass.Body-Page-IPledgeSelection div.GeneralOrangeMainBody div.Role-Donor.Roll-Donor div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Pledge div.Page-IPledgeSelection form.form-horizontal div.PledgeTypeSelection div.Block div.BlockDetails div.TypeSelection div.EntrySection div#EntrySection div.Block div.BlockDetails div.IPledgeTable div.row.CheckNumberInfo div.CheckNumberData input#CheckNumber.form-control {
	width: 305px;
}

/* Hide the Employee Fundraising Zip row in the Employee Registration page */

#empFundraisingZipRow {
                display: none !important;
}

/*html body.BodyClass.Body-Page-preLoginJAAS.modal-open div.GeneralOrangeMainBody div.Role--All div.GeneralOrangeMainPage div.container div#MainContent.GeneralOrangeMainContent div.Area-Core div#loginPage.Page-preLoginJAAS.position-relative form#LoginForm.form-horizontal div#MFADialog div#MFAModal.modal.fade.show div.modal-dialog div.modal-content div.modal-footer button#btnSelectMFAChg.btn.btn-secondary*/



/*Hides login buttons when there is an IT outage
.Page-preLoginJAAS {
    display: none;
}*/