/**** 2025 Changes ****/

.GeneralBlueTop1 { background-color: #0044B5;}

.GeneralBlueTop2 { background-color: #21296B;}
.GeneralBlueBottom5 { background-color: #21296B;}

@media (min-width: 576px) {
	.col-sm-5 { 
		flex: 0 0 auto;
		width: 27.66667%;
	}
}

/************ 2025 Changes End *************/

.MainBanner{display:none}

/*make menu background transparency less so text easier to see*/
.GeneralBlueTop2 {
	opacity: .9 !important;
}

/*fix dropdown border color to match other fields*/
.form-select {
	border: 1px solid #ccc !important;
}
h1, h2, h3, h4 {
	text-transform: inherit !important;
	text-align:left;
}
/*-----------------------Begin: ePledge ---------------------------*/
.GiveButton a {
	border-radius: 0;
	margin: 3px;
	padding: 10px 25px 10px 25px;
	/*background: #f7f7f7 !important;*/
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	border: 1px solid #002a5c;
	color: #002a5c;
	font-style: normal !important;
	text-decoration: none;
}
.GiveButton.selected a {
	background: #002a5c !important;
	color: white;
}
#GiveButtons {
	margin-bottom: 40px;
	text-align: center;
}
.GiveButton{
	display:inline-flex !important;
}

/*fix headers for give buttons and pledge selection to be consistent*/
#GiveButtons #SelectButtons,
#GiveButtons #SelectButtons h2,
#PledgeTypeSelectionSection .page-header h2,
#PledgeTypeSelectionSection .page-header h2 p,
.Page-SinglePageRegPledge #PledgePaymentInfo .page-header h2,
.Page-SinglePageRegPledge #PledgePaymentInfo .page-header h2 p,
.Body-Page-EmpRegPledge #RegisterForm h2,
.Body-Page-EmpRegPledge #RegisterForm h2 p{
	display: block;
	margin-bottom: 10px;
	font-size: 30px !important;
	font-weight: normal !important;
	color: #002a5c;
    text-transform: inherit !important;
	text-align: center;
}

/*LY Gift Message*/
p.round1 {
	border: 1px !important;
	border-radius: 0px !important;
	padding: 10px !important;
	background-color: #e6f4ff !important;
	border-style: solid !important;
	border-color: #002a5c !important;
	max-width: 100% !important;
	font-size: 1.5em !important;
	color: #002a5c !important;
}


.LoginButtonPanel li.Register.CreateAccount  {
    display: none;
}
/*hide article titles on ALL pages*/
.Body-Page-Article .Page-Article > h1, h2.ArticleTitle{
                display: none;
}


/*Remove space above headers All In One Page*/
.Page-IPledgeCombined h2 {
	margin-top: 0px !important;
	font-weight: 500 !important;
}

/*ePledge Home Page*/
.ThermometerSection {
                float: right;
}
.ePledgeHomeImgButton {
                float: right;
                margin: 17px 0 10px 14px;
                width: 344px;
}
.ePledgeHomeTable {
                margin-top: 50px;
}

.ePledgeHomeColumn1, .ePledgeHomeColumn2 {
                width: 48%;
}

.ePledgeHomeColumn1 {
                padding: 0 10px 10px 0;
}
.ePledgeHomeColumn2 {
                font-size: 12px;
}
.ePledgeHomeColumn2 {
                padding: 0 0 10px 10px;
}
.ePledgeHomeColumnTitle2 {
                background-color: #005290;
                color: #ffffff;
                font-family: font-family:OpenSans, Helvetica, Arial, sans-serif;
                font-size: 26px;
                margin: 0 !important;
                padding: 4px 8px;
                line-height: 26px;
}
.ePledgeHomeColumn1 div {
                margin: 18px 1px;
}
@media screen and (max-width: 930px) {
                .ePledgeHomeImgButton {
                                width: 220px;
                                margin:66px 0 8px 12px;
                }
                .ePledgeHomeImgButton img {
                                width:100%;
                }
                .ePledgeHomeTable td {
                                display:block;
                                width:100%;
                }
}

@media screen and (max-width: 480px) {
                .Area-HomePage {
                                position:relative;
                }
                .HomeSection h1 {
                                position:absolute;
                                top:4px;
                                line-height:36px;
                }
                .HomeSection .DIV-Note {
                                clear:both;
                }
                .ThermometerSection1, .ThermometerSection2, .ThermometerSection {
                                float: none;
                }
                .ThermometerSection {
                                margin:0 auto;
                                width:240px;
                                padding: 90px 0 10px;
                }
                .ePledgeHomeImgButton {
                                margin: 0;
                                width: 100%;
                }

}



/*End*/

/*fix field alignment for credit cart pre auth*/
.Page-IPledgeCombined .form-group.row.paymentStartDate .col-md-9 {
	padding-left: 15px;
}

/*add missing paypal icon-fixed in next service pack 2022.01*/
.Page-SinglePageRegPledge #PledgePaymentInfo .form-check.PPXChkout label::before{
	font-family: "Font Awesome 5 Brands" !important;
	font-weight: 400 !important;
	content: "\f1f4";
}
.Page-IProfile #eVol-breadcrumbs{
	display:none;
}
.Page-IProfile #birthDate_YEAR{
	border-top-right-radius: .375rem;
	border-bottom-right-radius: .375rem;
}
.Page-IProfile .EmployeeID .EmpIDData{
	flex: 0 0 auto;
	width: 75%;
}
.Body-Page-AHistory .Page-AHistory .page-header h1{
	text-align: left;
}
#quickSummaryDetails tr.Report-Header th:last-child::after,
#recentTransactionsDetails tr.Report-Header th:last-child::after{
	content:'Details'
}
#quickSummaryDetails tr.Report-Header th,
#recentTransactionsDetails tr.Report-Header th{
	text-align:center !important;
}
/*-----------------------End: ePledge ---------------------------*/


/*-----------------------Begin: iAccess ---------------------------*/
/*Fix dashboard going beyond window above 1200px*/
.DashBox {
  	overflow-x: auto;
}
/* iAccess - hide search in Dashboard page*/
.Body-Page-Dashboard .AccountQuickSearchComp{
  display:none;
}
/*
.GlobalTab a {
background-color: #dddddd;
border: 2px solid #a9a9a9;	
}
*/
.PersonalTab a {
background-color: #dddddd;
border: 2px solid #a9a9a9;	
}

.Navigation .BioTabTitle.GlobalTab a:hover {
    background-color: #ffffff;
    
}

.Navigation .BioTabTitle.PersonalTab a:hover {
    background-color: #ffffff;
}

.Navigation .BioTabTitle.GlobalTab a.nav-link.active {
    background-color: #f8b96d;
}

.Navigation .BioTabTitle.PersonalTab a.nav-link.active {
    background-color: #f8b96d;
}

.navbar-togglerr {
	background-color: #f8b96d;
}

/* begin: project 209713-fix tabs account search */
.nav-pills li{
    background-color: #f9c585;
    border-radius: 5px;
    font-weight: bold;
    padding:5px 5px;
    text-align: center;
    margin: 2px;
}

.nav-pills li a{
    color: #005290; 
    text-align: center;
    width:100%;
}
.nav-pills li:hover{
                background-color: #ffffff;
                border: 1px solid #f9c585;
}

.Col-HREF.Col-BioTabs .nav.nav-pills > li > a {
                padding:5px 0px;
}
/* end: project 209713-fix tabs account search */


.Page-Dashboard a,
.Page-AccountSearch a,
.Page-BioTab a{
  text-decoration:none;
}

.Body-Page-BioTab table{
	border:1px solid #4d4d4d;
}
.Navigation .BioTabTitle.GlobalTab a.nav-link.active {
	background-color: #89a6c74a !important;
}
#SearchResultList td{
  border:1px solid #4d4d4d !important;
}
/*-----------------------End: iAccess ---------------------------*/


/*-------------------------------- Begin - Event Management---------------------------------*/
/*hide sub type and placement in top section and table column*/
/*.Body-Page-EventManagement .Col-SubType, 
.Body-Page-EventManagement .Col-Placement,
.Body-Page-EventManagement .Row-AttendPlacementFilter,*/
.Body-Page-EventManagement .Col-Pledge,
.Body-Page-EventManagement .Col-TotalPledge,
.Body-Page-EventManagement .EventMngSubTypeLabel,
.Body-Page-EventManagement .SubTypeFilter,
.Body-Page-EventManagement #AttendNameFilterTable .form-group.row:nth-child(2){
                display:none;
}

/*add background for table*/
.headerTable {
                background-color: #005290 !important;
                color: #ffffff !important;
}

.headerTable th a {
                color: #ffffff !important;
                text-decoration: underline;
}

.Col-Heading.Col-Attend {
	color: #ffffff !important;
}


/*-------------------------------- END - Event Management---------------------------------*/


/*-------------------------------- Begin - Workplace Special Events---------------------------------*/

.Body-Page-SpecialEventRegPledge .isEmployeeSEOptions input{
  display: none;
}

.Body-Page-SpecialEventRegPledge .isEmployeeSEOptions label {
	background-color: #e1e1e1;
	width: 100%;
	padding: 15px 20px;
	cursor: pointer;
  font-weight:bold;
}
.Body-Page-SpecialEventRegPledge .isEmployeeSEOptions .isEmployeeSEYes{
  padding:0;
}
.Body-Page-SpecialEventRegPledge .isEmployeeSEOptions input[type="radio"]:checked + span + label {
	background-color: #002a5c;
	color: #ffffff !important;
}
.Body-Page-SpecialEventRegPledge .EventSelectionAbove {
	 display: none;
}
.Body-Page-SpecialEventRegPledge .Col-UnitFixedCost {
	display: none;
}
.Body-Page-SpecialEventRegPledge .Col-Quantity {
	display: none;
}
.Body-Page-SpecialEventRegPledge .Col-ReceiptAmount {
	display: none;
}

/*fix buttons in mobile*/
@media only screen and (max-width: 767px) {
	.isEmployeeSEYes, .isEmployeeSENo{
		width: 50%;
	}
	.isEmployeeSENo .form-check{
		padding:0;
	}
}

div.row.commentsInfo {
	display: none;
}

@media only screen and (max-width: 600px) {
    .EventSelectionList .Col-EventName,
    .EventSelectionList .Col-EventAmount{
        padding-left: 15px; 
    } 
    .SelectedEventsSection {
        margin-top: 20px;
    }
}


/*-------------------------------- END - Workplace Special Events---------------------------------*/

/*-------------------------------- Begin - Surveys---------------------------------*/
.Area-Survey .SurveyTitle {
	display: none;
}

/*Fix survey label to be wider (ie: receive copy of email */
.Body-Page-SurveyNE .Row-UserEmail label.col-sm-2{
  max-width:100%;
  flex:100%;
}

@media only screen and (min-width: 800px) {

	.Body-Page-SurveyNE .Row-UserEmail .col-sm-10{
	  max-width:60%;
	  flex:60%;
	}
	  
}
.Section-Survey .col-form-label {
  font-weight: normal !important;
}

/*project 209487 – fix yes/no radios*/
.Section-Survey .col-sm-9.Col-YesNo .Col-Radio {
                padding-top: 0;
                padding-bottom: 0;
}

.Section-Survey .TableFormDetails label.form-check-label{

                width: 100% !important;
}

.Section-Survey .Col-RadioCustom.col-sm-9 .Col-Radio {
                padding-top: 0;
                padding-bottom:0;
}


/*-------------------------------- END - Surveys---------------------------------*/

/*Agency Application Page
.Body-Page-AgencyRegistration .AgRegisterTable  .Col-applyLabel,
.Body-Page-AgencyRegistration .AgRegisterTable  .Col-applyCheckbox{
  display:none;
}

.Body-Page-AgencyRegistration .AgRegisterTable .col-sm-9 .col-sm-3,
.Body-Page-AgencyRegistration .AgRegisterTable .col-sm-9 .col-sm-12{
  
  font-weight:normal !important;
}
End Agency Application Page*/

/*-------------------------------- Start - CB Portal---------------------------------*/
/*for this to work, there is JS in stylesheet that adds class .DocumentField to the parent (ie:Row ID)*/
.Body-Page-CBPackageDtlUpdate .DocumentField .col-sm-3{
  max-width: 100%;
  flex:100%;
}
/*fix table header background hover color turning to white.*/
.Body-Page-CBPackages .Page-CBPackages .headerTable,
.Body-Page-CBPackages .Page-CBPackages .headerTable:hover,
.Body-Page-CBPackageDtl .Page-CBPackageDtl .headerTable,
.Body-Page-CBPackageDtl .Page-CBPackageDtl .headerTable:hover{
	background-color: #005290 !important;
	color: #ffffff !important;
}

/*hide excel icon on CBPackages page*/
.Body-Page-CBPackages table.CBPackages td .Col-CSVReport{
  display: none;
}

/*add title on last column*/
.Body-Page-CBPackages .Page-CBPackages .headerTable th.Col-Space:before {
  content:"Print";
  color: #4d4d4d !important;
}

.Body-Page-CBPackageDtl .Page-CBPackageDtl .headerTable th.Col-Print:before {
  content:"Print";
  color: #4d4d4d !important;
}
.Body-Page-CBPackageDtl .Page-CBPackageDtl .headerTable th.Col-CSVReport:before {
  content:"Excel";
  color: #4d4d4d !important;
}

.form-group .col-form-label {
  font-weight: normal !important;
}
/*hide the CB Tree */
.Section-NavigateCBTree {
	display: none;
}

/*-------------------------------- End - CB Portal---------------------------------*/
/*-------------------------------- Begin - Events---------------------------------*/

.Body-Page-SinglePageRegEvent #PayTypeBlock {
    max-width: 650px;
    margin-top: 30px;
}

.Body-Page-SinglePageRegEvent .Section-EventRegistration #PayTypeBlock > .RadioTable.PayType{
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

.Body-Page-SinglePageRegEvent .Section-EventRegistration #PayTypeBlock > .RadioTable.PayType > .Col-Radio{
    padding-left: 0;
    flex-grow: 1;
    width: 33%;

}
.Body-Page-SinglePageRegEvent .Section-EventRegistration #PayTypeBlock > .RadioTable.PayType > .Col-Radio > div{
    width: 100%;
}
.Body-Page-SinglePageRegEvent .Section-EventRegistration #PayTypeBlock > .RadioTable.PayType > .Col-Radio > div > input{
    display: none;
 
}
.Body-Page-SinglePageRegEvent .Section-EventRegistration #PayTypeBlock > .RadioTable.PayType > .Col-Radio > div > label{
    margin: 0.5em 0.9em 0.5em 0;
    padding: 0.8em 1.6em;
    color: #002a5c;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #002a5c;
    outline-width: 0;
    /*! min-width: 140px; */
    text-transform: uppercase;
    font-weight: 600 !important;
    cursor: pointer;
    width: 100%;
    text-align: center;
    width: 100%;
}
.Body-Page-SinglePageRegEvent .Section-EventRegistration #PayTypeBlock > .RadioTable.PayType > .Col-Radio > div > label span{
    font-size:14px !important;
 
}
.Body-Page-SinglePageRegEvent .Section-EventRegistration #PayTypeBlock > .RadioTable.PayType > .Col-Radio > div > input:checked+label{
    color: #ffffff;
    background-color: #002a5c;
}

.Body-Page-SinglePageRegEvent .EventRegPPXChkout img {
    max-height:12px !important;
}

@media only screen and (max-width: 600px) {

    .Body-Page-SinglePageRegEvent .Section-EventRegistration #PayTypeBlock > .RadioTable.PayType > .Col-Radio {
        width: 100%;
    }
}

/*-------------------------------- End - Events---------------------------------*/
/*-------------------------------- Start- Toolips ------------------------------*/
.popover{
                max-width:400px;
}
.popover-header {
                color:#ffffff;
                background-color: #002a5c;
}
/*-------------------------------- End - Toolips---------------------------------*/

/*fix indent when you have list within list*/
ol ol, ol ul, ul ol, ul ul {
                padding-left: revert;
}
/*----------Begin:collapsible content in Articles---------*/
.Section-Article details {
                border: 1px solid #e1e1e1;
                margin: 10px 0;
}
.Section-Article details > .detailsContent {
                padding: 10px;
}
.Section-Article summary {
                background-color: #f9f9f9;
                color: #666666;
                padding: 10px 10px;
                font-family: arial, helvetica, sans-serif;
                font-weight: bold;
                font-size: 17px;
}
details[open] summary{
  background-color:#002a5c;
  color:#ffffff;
  border: 1px solid #002a5c;
}
/*----------End:collapsible content in Articles---------*/

/*remove breadcrumbs*/
.Body-Page-OProfile #eVol-breadcrumbs,
.Body-Page-Contacts #eVol-breadcrumbs,
.Body-Page-AgDescriptions #eVol-breadcrumbs{
	display:none;
}

/*fix extra spacing below banner and content - added in SP 2024.01*/
.GeneralBlueMainPage {
	padding-top: 0px;
}

.customLI li {
	margin: 0;
	padding: 3px 0 3px 30px;
	list-style: none;
	background-image: url("https://muw.metrounitedway.org/servlet/eAndar.WebFileLibrary/3334/373430323133/UW%20Icon%20Gray.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
	text-align: left;
}
.Body-Page-preLoginJAAS h1{
	color: #fe8c1b;
  font-size: 50px !important;
  font-weight: 900;
  text-align:center;
line-height: 45px;
}
.Body-Page-preLoginJAAS .LoginContentOuter{
	
}
.GeneralBlueTop1 .PortletLogo {
	text-align: left;
}
@media only screen and (max-width: 800px) {
	.Body-Page-preLoginJAAS h1{
		font-size: 35px !important;
		line-height: 35px;
	}
	.Body-Page-preLoginJAAS .LoginContentOuter span{
		font-size:18px !important;
	}
	.customLI {
		padding:0;
	}
	.GeneralBlueTop1 > .container > .row > .col-sm-8{
		flex: 0 0 40%;
    		max-width: 40%;
	}
	.GeneralBlueTop1 > .container > .row > .col-sm-4{
		flex: 0 0 60%;
		max-width: 60%;	
	}	
}