:root {
--primary-color: #005191;
--secondary-color: #ff443b;
--alt-grey-1: #f2f2f2;
}

body {
color: #111111;
font-family: Roboto,Arial,sans-serif;
font-style: normal;
line-height: 1.5;
font-size: 16px;
}

a {
color: #005191;
color: var(--primary-color, #005191);
}

a:hover {
color: #005191;
text-decoration: underline;
}

h1 {
background-color: #005191;
color: #ffffff;
display: inline-block;
margin: 20px 0 10px 0;
line-height: 1;
text-transform: uppercase;
font-family: league_gothicregular,Arial,sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: 3em;
padding: 0.4rem 1rem 0.14rem 1rem;
}

.Page-Home h1 {
    text-align: center !important;
    display: block;
}


.page-header h1 p {
	background-color: #005191
}

.Area-Article h1 {
display: inline-block;
line-height: 1.19;
background:#005191;
color: #FFF;
text-transform: uppercase;
position: relative;
margin: 0 7px;
letter-spacing: 0;
font-family: league_gothicregular,Arial,sans-serif;
font-size: 4.5rem;
text-align: center;
}

.Page-IPledgeDes1 h2, .Page-IPledgeDes2 h2, .Page-IPledgeCombined h2, .AgencySectionHeader h2  {
border-bottom: 0;
background:#005191;
color: #ffffff;
display: inline-block;
margin: 38px 0 10px 0;
line-height: 1;
text-transform: uppercase;
font-family: league_gothicregular,Arial,sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: 42px;
padding: 0.4rem 1rem 0.2rem 1rem;
}

.Page-IPledgeCombined h2 p, .AgencySectionHeader h2 p {
padding: 0;
border-bottom: 0;
background:#005191;
color: #ffffff;
display: inline-block;
margin: 0;
line-height: 1;
text-transform: uppercase;
font-family: league_gothicregular,Arial,sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: inherit;
}

.Filters-Menu i.fa {
color: #005191;
}

p {
font-family: Roboto,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
}

b, strong {
font-weight: 700;
}

#main-banner h2 {
background: #005191;
box-shadow: 0.625rem 0 #005191;
}

#main-banner .row .heading-column {
position: absolute;
bottom: 1em !important;
left: 0 !important;
margin-left: 0;
padding-left:0;
}

.Logo img {
max-width: 124px;
height: auto;
margin: 8px 0 0 0;
max-height: 64px;
}

.img-third {
background-color: transparent;
}

.img-third img {
width: 100%;
}

.Page-IPledge .radio label.RadioLabel {
padding-left: 20px;
}

nav.PledgeProgress li.DefaultButtons {
border: 2px solid #ffb351 !important;
border-radius: 0 !important;
font-size: 14px !important;
font: 700 14px "Roboto Condensed",Arial,sans-serif !important;
padding: 12px 20px !important;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
white-space: nowrap;
letter-spacing: .02em !important;
color: #ffb351 !important;
}

nav.PledgeProgress li.ProgressStep.DefaultButtons {
background: #ffffff !important;
}

nav.PledgeProgress li.ProgressStepCurrent.DefaultButtons {
background: #ffb351 !important;
border: 2px solid #ffb351 !important;
}

.ProgressArrow.pledge_arrow.DefaultButtons {
border: 0 !important;
padding: 0 !important;
}

.PledgeNavigation li {
float: left;
}

.PledgeNavigation::after {
clear: both;
display: block;
content: " ";
}

#main-banner .button {
background-color: #539ed0 !important;
color: #ffffff;
}

.Navigation.HorizontalIcons ol {
margin-bottom: 0;
}

#quickSummaryDetails td {
vertical-align: middle;
}

.PledgeProgress {
margin-top: 24px;
position: relative;
z-index: -1;
}

.Section-PledgeConfirm .PledgeNavigation li {
float: none;
}

.DefaultButtons .button:hover {
background-color:#539ED0 !important;
}

.DefaultButtons .button {
min-width: 10em !important;
padding: 0.8em !important;
}

.EntrySection {
clear: both !important;
width: 100% !important;
max-width: 100% !important;
}

.PledgeProgress ol {
margin: 0;
}

.Block {
padding: 0;
}

.page-header {
padding-bottom: 1px;
margin: 20px 0 16px;
}

.FlagTable label, .Col-Summary.Col-Heading {
font-weight: 400;
}

.FlagTable label {
margin-bottom:0;
}

.main-banner_heading {
margin: 0 0 2px 0;
border-left: 12px solid #005191;
padding: 6px 0 5px 0;
}

#header-menu .col-lg-3, #header-menu .col-md-3 {
width: 170px;
flex: 1 1 auto;
max-width: 170px;
}

#header-menu .col-lg-9, #header-menu .col-md-9 {
width: calc(100% - 170px);
max-width: calc(100% - 170px) !important;
padding-left: 0;
padding-right: 0;
flex: 1 1 auto;
}

nav.header-top-cta {
width: 270px;
}

nav.header-top-menu {
width: calc(100% - 270px) !important;
padding-right: 10px;
max-width: calc(100% - 270px) !important;
}

#container-area-4 {
padding: 0;
margin-bottom: 0;
}

#MainContent {
padding-top: 1em;
padding-bottom: 3em;
}

#container-area-2 a {
color: #00519;
color: var(--primary-color, #005191);
}

.Page-IPledgeCombined .EntrySection .IPledgeTable {
max-width: 100%;
}

.PercentSalaryCalc label.col-sm-3, .IPledgeTable .col-sm-3,
.PercentSalaryCalc label.col-md-3, .IPledgeTable .col-md-3 {
width: 50%;
flex: 1 1 auto;
max-width: 50%;
}

.PercentSalaryCalc .col-sm-9,
.PercentSalaryCalc .col-md-9 {
width: 50%;
flex: 1 1 auto;
max-width: 50% !important;
}

.Page-IPledgeCombined .PercentSalaryCalc label.col-sm-3, .IPledgeTable .col-sm-3,
.Page-IPledgeCombined .PercentSalaryCalc label.col-md-3, .IPledgeTable .col-md-3 {
width: 25%;
flex: 1 1 auto;
max-width: 25%;
}

.PercentSalaryCalc .Row-PercentMessage .col-sm-9,
.PercentSalaryCalc .Row-PercentMessage .col-md-9 {
width: 100%;
max-width: 100% !important;
}

nav.header-top-cta ul {
margin-left: 0;
padding: 14px 0 0 0;
}

#footer {
background: #005191;
font-weight: 400;
}

#foot-nav h5, #foot-nav ul li a, #footer a {
color: #ffffff;
}

#foot-nav ul li a:hover, #footer a:hover {
color:#ffb351
}

.Footer {
color: #ffffff;
}

#header-menu {
background-color: #005191 !important;
}

.header-top-menu ul {
padding: 14px 0 !important;
}

.header-top-menu ul li a {
color: #ffffff;
}

.header-top-menu ul li a:hover,
#header-menu ul.pureCssMenu li.dis a:hover,
#header-menu ul.pureCssMenu li.sep a:hover {
color: #ffb351 !important;
}

.LFArea.Area-UWW18-P-head-cta li:first-child a {
color: #ffffff !important;
}

#header-menu ul.pureCssMenu,
#header-menu ul.pureCssMenu ul {
background-color: #005191 !important;
}

#header-menu ul.pureCssMenu a,
nav#secondary-menu ul.pureCssMenu a  {
color: #ffffff;
}

.LFArea.Area-UWW18-P-top-menu {
float:right;
}

nav#secondary-menu {
right: 0;
left: auto;
}

nav#secondary-menu ul {
background-color: #ffb351 !important;
border: 1px solid #ffffff !important;
}

nav#secondary-menu li.pureCssMenui ul {
right: 100%;
left: -100%;
top: 0;
}

nav#secondary-menu ul li a:hover,
nav#secondary-menu ul.pureCssMenu li.dis a:hover,
nav#secondary-menu ul.pureCssMenu li.sep a:hover {
color: #ffffff !important;
}

nav#secondary-menu ul li a {
border-bottom: 1px solid #ffffff;
}

.header-top-menu ul.pureCssMenu li > ul li {
border-bottom: 1px solid #ffffff;
}

ul.pureCssMenu ul {
border: 1px solid #ffffff;
}

#header-menu .col-lg-3, #header-menu .col-md-3 {
background-color: #005191 !important;
}

#header-menu li.pureCssMenui.CSSCloseButton {
display: none !important;
}

nav#secondary-menu li.pureCssMenui ul li.CSSCloseButton {
cursor: pointer;
color: #ffffff !important;
font-size: 12px;
}

.Navigation .BioTabSelected.GlobalTab a,
.Navigation .BioTabSelected.PersonalTab a {
background-color:#005191;
}

.Navigation .BioTabTitle.GlobalTab a:hover,
.Navigation .BioTabTitle.PersonalTab a:hover {
background-color:#539ed0;
}

.header-top-menu ul li {
margin-left: 1rem;
}

#container-area-6 {
padding: 0;
}

#container-area-5 {
padding-bottom:0;
}

#container-area-3, #container-area-2 {
padding: 0;
}

#main-banner {
padding-left:0;
padding-right:0;
}

#main-banner .row {
max-width: 100%;
}

.dtree a.nodeSel {
background-color: transparent;
color: #005191;
}

.dtree a.node:hover, .dtree a.nodeSel:hover {
text-decoration: underline;
background-color: transparent;
color: #005191;
}

.Section-NavigateTree {
background-color: #ffffff;
border: 1px solid #cccccc;
}

.dtree {
padding:0;
}

.Area-ePledgeAdmin .dtree {
margin-top: 0;
margin-bottom: 0;
}

.home-grid-box {
min-width: auto;
}

.stat-fact {
padding: 3em;
}

.KeywordSearch .SearchNavigation li .button {
padding: 0 !important;
background-color: transparent !important;
background: none !important;
}

.Section-PledgeConfirm th.Col-Summary.Col-Heading {
width: auto;
}

.home-featured-content {
padding: 3em !important;
}

.Page-TeamVolCalendar #SelectDateTable a,
.Page-OpCalendar #SelectDateTable a {
padding:0;
}

.PPExpress .button, .PPExpress .button:hover {
padding: 0 !important;
background-color: transparent !important;
}

#BillDateComp select,
.checkDateData select,
.paymentStartDate select,
.checkDateData select {
padding: 6px 4px;
}

.BlockDetails, .InstructionDetails, .WarningDetails, .ErrorDetails, .TreeDetails {
margin: 0;
}

.mainAg, .FooterMes, #footer {
color: #ffffff !important;
}

nav.PledgeProgress li.ProgressStepCurrent.DefaultButtons {
color: #ffffff !important;
}

html .KeywordSearch .SearchNavigation li .button {
color: #000000 !important;
}

.page-item.active .page-link {
background-color: #005191;
border-color: #005191;
}

#header-menu, #header-menu a {
color: #ffffff;
}

ul.pureCssMenu ul ul {
left: 100%;
top: -1px;
}

.PledgeTypeSelection .TypeSelection-Items label.RadioLabel, div#PledgePaymentInfo label.form-check-label {
line-height: 1.2;
}

.Page-IPledgeConfirmDisplay h2 {
background-color: #005191;
color: #ffffff;
display: inline-block;
margin: 20px 0 10px 0;
line-height: 1;
text-transform: uppercase;
font-family: league_gothicregular,Arial,sans-serif;
font-weight: 400;
letter-spacing: .02em;
font-size: 3em;
padding: 0.4rem 1rem 0.14rem 1rem;
}

.Page-IPledgeDesFedList .ActionButtons {
display: inline-block;
}

.Page-IPledgeCombined h2 p, .AgencySectionHeader h2 p,
.Page-IPledgeDes1 h2 a, .Page-IPledgeDes2 h2 a, .Page-IPledgeCombined h2 a, .AgencySectionHeader h2 a  {
background: #005191 !important;
color: #ffffff !important;
}

.TargetedAgencies .Row-Header .col-sm-7.Col-Text.Col-Name {
font-weight: 500 !important;
}

@media screen and (min-width:1350px) {
.container-fluid .row {
max-width: 100%;
}
}

@media screen and (max-width:1024px) {
#header-menu .logo, #header-menu .Logo img {
margin: 4px 0 0 0 !important;
max-width: 100px !important;
max-height: 48px !important;
}

nav.header-top-cta {
width: 100%;
font-size:0;
}

nav.header-top-cta ul {
padding: 0;
}

.LFArea.Area-UnitedWeFight-P-logo {
width: 140px;
float: left;
}

#header-menu .col-lg-9, #header-menu .col-md-9 {
width: 100%;
padding-top: 78px;
max-width: 100% !important;
flex: auto;
background-color:#005191 !important;
}

#header-menu .col-lg-3, #header-menu .col-md-3 {
width: 160px !important;
flex: 100% !important;
max-width: 160px;
background-color:#005191 !important;
}

#mobile-menu-btn {
color: #ffffff;
border: 2px solid #ffffff;
margin: 18px 0;
}

#header-menu ul.pureCssMenu ul {
background-color: #0065b3 !important;
left: 6%;
top: 101%;
}

.home-featured-bgimg, .home-featured-content {
width: 50% !important;
}

nav.header-mobile-menu .AreaHeader::before {
border: 2px solid #ffffff !important;
color: #ffffff !important;
}

nav#secondary-menu {
top: 20% !important;
}
}

@media screen and (max-width:768px) {
#main-banner .row .heading-column {
display: none;
}

nav.header-top-cta {
width: 100%;
}

.header-top-menu {
width: 100%;
}

.PercentSalaryCalc label.col-sm-3,
.PercentSalaryCalc label.col-md-3 {
width: 100%;
max-width: 100% !important;
}

.PercentSalaryCalc .col-sm-9,
.PercentSalaryCalc .col-md-9 {
width: 100%;
max-width: 100% !important;
}

nav#secondary-menu {
top:0;
}

.Section-TeamDetails .col-sm-9,
.Section-TeamDetails .col-md-9 {
padding-left:0;
padding-right:0;
}

.MobileTable {
border:1px solid #cccccc;
}

.MobileTable thead, .MobileTable th {
position: absolute;
top: -9999px;
left: -9999px;
z-index:10000;
}

.MobileTable tr {
border-bottom:1px solid #cccccc;
}

.MobileTable td.Col-Button {
border-top: 0;
position: relative;
padding-left:4px;
display:inline-block !important;
padding: 4px 6px 4px 6px !important;
min-width: 16px;
}

.MobileTable td.Col-Button img {
max-width: auto !important;
min-width: 16px;
}

.MobileTable td.Col-Button:before {
width: 0;
content:none;
}

.MobileTable .Col-Dollar,
.MobileTable .Col-Integer,
.MobileTable .Col-Percentage,
.MobileTable .Col-Decimal,
.MobileTable .Col-Number,
.MobileTable .Col-Percentage input,
.MobileTable .Col-Dollar input,
.MobileTable .Col-Integer input,
.MobileTable .Col-Decimal input,
.MobileTable .Col-Number Input,
.MobileTable .Col-Fmt-ANDARWholeNumberFormatter,
.MobileTable .Col-Fmt-ANDARIntegerFormatter,
.MobileTable .Col-Fmt-ANDARDollarAmountFormatter,
.MobileTable .Col-Fmt-ANDARPercentFormatter,
.MobileTable .Col-Fmt-ANDARRealNumberFormatter,
.MobileTable .BioDonorStatisticsTable .Col-Date,
.MobileTable .BioDonorStatisticsTable .Col-MaxGiftMonth,
.MobileTable .BioDonorStatisticsTable .Col-DesignationPercentLabel,
.MobileTable .BioDonorStatisticsTable .Col-DesignationTrendLabel,
.MobileTable .BioDonorStatisticsTable .Col-DesignationAverageLabel,
.MobileTable .BioDonorStatisticsTable .Col-VolCountLabel,
.MobileTable .BioDonorStatisticsTable .Col-VolCountTrendLabel,
.MobileTable .BioDonorStatisticsTable .Col-VolHourLabel,
.MobileTable .BioDonorStatisticsTable .Col-VolHourTrendLabel,
.MobileTable .BioDonorStatisticsTable .Col-EventCountTrendLabel,
.MobileTable .BioDonorStatisticsTable .Col-EventCountLabel{
text-align:left;
}

.HideWhenMobile {
display: none;
}

.ADetailsTable th {
display: none !important;
}

.Col-Subject input, textarea, .Col-SubjectCode select {
box-sizing: border-box;
width: 100%;
}

.Classic .Row-Even, .MobileTable .Row-Even, .MobileTable .Row-Even td {
background: none repeat scroll 0 0 transparent;
}

.MobileTable.NoHeader th, .MobileTable.NoHeader td {
display: table-cell;
border:1px solid #cccccc;
padding-left:4px;
}

.MobileTable.NoHeader tr {
display: table-row;
border-bottom:0;
}

.MobileTable.NoHeader thead {
position: static;
}

.MobileTable.NoHeader td:before {
position: static;
width: 0%;
padding-right: 0px;
content: none;
}

.CampStatus th {
white-space:normal;
}

.CampStatus {
border:1px solid #cccccc;
width: 100%;
}

.CampStatus tr, .CampStatus th, .CampStatus td {
display: block;
}

.CampStatus th {
position: absolute;
top: -9999px;
left: -9999px;
z-index:10000;
}

.CampStatus tr {
border-bottom:1px solid #444444;
}

.CampStatus td {
border: none;
border-top: 1px solid #eee !important;
position: relative;
padding-left: 50% !important;
font-size:14px;
min-height:30px;
vertical-align:middle !important;
padding-top:6px !important;
padding-right:6px !important;
box-sizing:border-box;
white-space: normal !important;
}

.CampStatus td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-size:14px;
text-align:left;
font-weight:bold;
content: attr(data-title);
}

.CampStatus .Col-Dollar,
.CampStatus .Col-Integer,
.CampStatus .Col-Percentage,
.CampStatus .Col-Decimal,
.CampStatus .Col-Number,
.CampStatus .Col-Percentage input,
.CampStatus .Col-Dollar input,
.CampStatus .Col-Integer input,
.CampStatus .Col-Decimal input,
.CampStatus .Col-Number Input {
text-align:left;
}

.CampStatus .Col-Image {
text-align: left;
}

.CampHistory {
border:1px solid #cccccc;
width: 100%;
}

.CampHistory tr, .CampHistory th, .CampHistory td {
display: block;
}

.CampHistory th {
position: absolute;
top: -9999px;
left: -9999px;
z-index:10000;
}

.CampHistory tr {
border-bottom:1px solid #444444;
}

.CampHistory td {
border: none;
border-top: 1px solid #eee !important;
position: relative;
padding-left: 50% !important;
font-size:14px;
min-height:30px;
vertical-align:middle !important;
padding-top:6px !important;
padding-right:6px !important;
box-sizing:border-box;
white-space: normal !important;
}

.CampHistory td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-size:14px;
text-align:left;
font-weight:bold;
content: attr(data-title);
}

.CampHistory .Col-Dollar,
.CampHistory .Col-Integer,
.CampHistory .Col-Percentage,
.CampHistory .Col-Decimal,
.CampHistory .Col-Number,
.CampHistory .Col-Percentage input,
.CampHistory .Col-Dollar input,
.CampHistory .Col-Integer input,
.CampHistory .Col-Decimal input,
.CampHistory .Col-Number Input {
text-align:left;
}

.CampHistory .Col-Image {
text-align: left;
}

.QuickSumTable {
border:1px solid #cccccc;
width: 100%;
}

.QuickSumTable tr, .QuickSumTable th, .QuickSumTable td {
display: block;
}

.QuickSumTable th {
position: absolute;
top: -9999px;
left: -9999px;
z-index:10000;
}

.QuickSumTable tr {
border-bottom:1px solid #444444;
}

.QuickSumTable td {
border: none;
border-top: 1px solid #eee !important;
position: relative;
padding-left: 50% !important;
font-size:14px;
min-height:30px;
vertical-align:middle !important;
padding-top:6px !important;
padding-right:6px !important;
box-sizing:border-box;
white-space: normal !important;
}

.QuickSumTable td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-size:14px;
text-align:left;
font-weight:bold;
content: attr(data-title);
}

.QuickSumTable .Col-Dollar,
.QuickSumTable .Col-Integer,
.QuickSumTable .Col-Percentage,
.QuickSumTable .Col-Decimal,
.QuickSumTable .Col-Number,
.QuickSumTable .Col-Percentage input,
.QuickSumTable .Col-Dollar input,
.QuickSumTable .Col-Integer input,
.QuickSumTable .Col-Decimal input,
.QuickSumTable .Col-Number Input {
text-align:left;
}

.QuickSumTable .Col-Image {
text-align: left;
}

.RecentTranTable {
border:1px solid #cccccc;
width: 100%;
}

.RecentTranTable tr, .RecentTranTable th, .RecentTranTable td {
display: block;
}

.RecentTranTable th {
position: absolute;
top: -9999px;
left: -9999px;
z-index:10000;
}

.RecentTranTable tr {
border-bottom:1px solid #444444;
}

.RecentTranTable td {
border: none;
border-top: 1px solid #eee !important;
position: relative;
padding-left: 50% !important;
font-size:14px;
min-height:30px;
vertical-align:middle;
padding-top:6px !important;
padding-right:6px !important;
box-sizing:border-box;
white-space: normal !important;
}

.RecentTranTable td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-size:14px;
text-align:left;
font-weight:bold;
content: attr(data-title);
}

.RecentTranTable .Col-Dollar,
.RecentTranTable .Col-Integer,
.RecentTranTable .Col-Percentage,
.RecentTranTable .Col-Decimal,
.RecentTranTable .Col-Number,
.RecentTranTable .Col-Percentage input,
.RecentTranTable .Col-Dollar input,
.RecentTranTable .Col-Integer input,
.RecentTranTable .Col-Decimal input,
.RecentTranTable .Col-Number Input {
text-align:left;
}

.RecentTranTable .Col-Image {
text-align: left;
}

.AHistTranTable {
border:1px solid #cccccc;
width: 100%;
}

.AHistTranTable tr, .AHistTranTable th, .AHistTranTable td {
display: block;
}

.AHistTranTable th {
position: absolute;
top: -9999px;
left: -9999px;
z-index:10000;
}

.AHistTranTable tr {
border-bottom:1px solid #444444;
}

.AHistTranTable td {
border: none;
border-top: 1px solid #eee;
position: relative;
padding-left: 50% !important;
font-size:14px;
min-height:30px;
vertical-align:middle;
padding-top:6px;
padding-right:6px;
box-sizing:border-box;
white-space: normal !important;
}

.AHistTranTable td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-size:14px;
text-align:left;
font-weight:bold;
content: attr(data-title);
}

.AHistTranTable .Col-Dollar,
.AHistTranTable .Col-Integer,
.AHistTranTable .Col-Percentage,
.AHistTranTable .Col-Decimal,
.AHistTranTable .Col-Number,
.AHistTranTable .Col-Percentage input,
.AHistTranTable .Col-Dollar input,
.AHistTranTable .Col-Integer input,
.AHistTranTable .Col-Decimal input,
.AHistTranTable .Col-Number Input {
text-align:left;
}

.AHistTranTable .Col-Image {
text-align: left;
}

.MyOutputs {
border:1px solid #cccccc;
width: 100%;
}

.MyOutputs tr, .MyOutputs th, .MyOutputs td {
display: block;
}

.MyOutputs th {
position: absolute;
top: -9999px;
left: -9999px;
z-index:10000;
white-space:normal;
}

.MyOutputs tr {
border-bottom:1px solid #444444;
}

.MyOutputs td {
border: none;
border-top: 1px solid #eee;
position: relative;
padding-left: 50% !important;
font-size:14px;
min-height:30px;
vertical-align:middle;
padding-top:6px;
padding-right:6px;
box-sizing:border-box;
white-space: normal !important;
}

.MyOutputs td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-size:14px;
text-align:left;
font-weight:bold;
content: attr(data-title);
}

.MyOutputs .Col-Dollar,
.MyOutputs .Col-Integer,
.MyOutputs .Col-Percentage,
.MyOutputs .Col-Decimal,
.MyOutputs .Col-Number,
.MyOutputs .Col-Percentage input,
.MyOutputs .Col-Dollar input,
.MyOutputs .Col-Integer input,
.MyOutputs .Col-Decimal input,
.MyOutputs .Col-Number Input {
text-align:left;
}

.MyOutputs .Col-Image {
text-align: left;
}

.MyOutputs input[type=checkbox],
.MyOutputs input[type=radio] {
margin: 0;
}

td.Col-Name {
width: auto;
}

.MyOutputs .Col-JobName, .CashReportMainTable .col-Heading {
white-space: normal;
}

.Section-IProfile #nameRow.nameRow .col-sm-9 .form-group,
.Section-IProfile #nameRow.nameRow .col-md-9 .form-group {
width: 100%;
display: block;
margin: 4px 0;
padding: 0;
}

.Section-IProfile #nameRow.nameRow .col-sm-9 .form-group .col-sm-3,
.Section-IProfile #nameRow.nameRow .col-sm-9 .form-group .col-sm-9,
.Section-IProfile #nameRow.nameRow .col-md-9 .form-group .col-md-3,
.Section-IProfile #nameRow.nameRow .col-md-9 .form-group .col-md-9 {
padding-left:0;
padding-right: 0;
}

.Col-Image .btn-group ol {
margin-bottom: 0;
}

.Col-Image .btn-group ol {
margin-bottom: 0;
}

nav.PledgeProgress li.DefaultButtons {
font-size: 12px;
font: 700 12px "Roboto Condensed",Arial,sans-serif;
padding: 10px 3px;
}

.home-featured-bgimg, .home-featured-content {
width: 100% !important;
height:auto;
float: none;
}

.home-featured-bgimg {
min-height: 200px;
max-height: 400px;
}

.home-featured-content {
position: static !important;
padding: 1em !important;
}

#SelectDateTable {
margin-left: 0;
}

.PercentSalaryCalc label.col-sm-3, .IPledgeTable .col-sm-3,
.PercentSalaryCalc label.col-md-3, .IPledgeTable .col-md-3 {
width: 100%;
max-width: 100% !important;
}

.PercentSalaryCalc .col-sm-9, .IPledgeTable .col-sm-9,
.PercentSalaryCalc .col-md-9, .IPledgeTable .col-md-9  {
width: 100%;
max-width: 100% !important;
}

.PledgeTypeSelection {
padding: 0;
}

.Navigation .BioTabSelected {
background-color: #f1f1f1;
border-top-left-radius: 0;
border-top-right-radius: 0;
display:block !important;
color:#000000;
padding: 6px 12px 6px 20px !important;
border-radius:0;
}

.Page-BioTab .Navigation table:hover > td.BioTabTitle  {
display:block !important;
}

.Navigation .BioTabTitle a {
border: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 6px 12px 6px 20px;
}

#BioTabForm .Navigation table, .Page-Dashboard .Navigation table {
border: 1px solid #cccccc;
display:none;
z-index:10000;
background-color:#ffffff;
position:absolute;
top:28px;
min-width:180px;
}

.Page-Dashboard form {
position:relative;
}

.Page-Dashboard .DashboardAppDetail .Navigation  {
background-image:none;
width:auto;
height:auto;
position:static;
}

.Navigation .BioTabTitle {
display: block;
width: 100%;
}

.Page-BioTab .Navigation td {
padding: 0;
}

.Page-BioTab {
position:relative;
}

h2 {
font-size: 22px;
}
}

@media screen and (max-width:420px) {
h1 {
font-size: 20px;
}

h2 {
font-size: 18px;
}

.home-grid-box {
width: 100%;
}

nav#secondary-menu {
position: absolute !important;
width: 100%;
}

nav#secondary-menu .PortletHeader {
background-image: url("<BaseURL>Style/UnitedWeFight/images/menu-button.jpg");
width: 33px;
height: 26px;
cursor: pointer;
float: right;
margin: 10px 12px 0 0;
}

nav#secondary-menu ul {
position:relative;
top: 6px;
width: 100%;
clear: both;
}

nav#secondary-menu .Menu-Left>ul {
display: none;
}

nav#secondary-menu li.pureCssMenui ul {
right: auto;
left: 6%;
top: 41px;
background-color: #ffa733 !important;
}

nav#secondary-menu li.pureCssMenui ul ul {
background-color:#ff9100 !important;
left: 6%;
}

nav#secondary-menu li.pureCssMenui ul li {
padding-left: 0;
}

.Page-CybsSACheckout td.Col-Heading, .Page-CybsSACheckout td.Col-Data {
display:block;
width:100%;
}

.Page-CybsSACheckout td.Col-Heading {
padding: 12px 0 0 0 !important;
}
}


/************** CHANGES to Unitd We Win ***********************************************/
/*fix top menu going to the left*/
#header-menu .LFArea {
	display: inherit;
}

/*fix footer titles and text*/
#footer .Footer-Heading {	
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0em;
	text-align: left;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0em 0em 1em 0em;
}

#foot-nav h5, 
#foot-nav ul li a, 
#footer a, 
.Footer, 
.header-top-menu ul li a,
.Footer-Address{
	color: hsl(206,47%,59%);
	font-size:14px;
}

@media only screen and (max-width: 576px) {
	#footer .Footer-Heading{
		margin-top:15px;
	}
}

.socialIcons{
	padding:0;
}
.socialIconItem {
	display: inline-block;
	margin:5px;
}
.socialIconItem.firstItem{
	margin-left:0;
}
section#profileBar, div#profilePicRow, div.profilePicRow { 

}
.Area-Survey .SurveyTitle  { 
	display: none;
}
.Body-Page-IProfile .EmployerSection .EmployeeID{
  display: none;
}