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

body {
color: #111;
font-family: Roboto,Arial,sans-serif;
font-weight: 400;
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;
}

p {
font-family: Roboto,Arial,sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 22pt;
}

b, strong, label {
/*font-weight: 700;*/
}

select, input[type="text"], input[type="password"], .InputText input, .TableLabel input, .DISABLED input, .DATEYEAR input, .SetTargetGiftAmoutButton, .ui-autocomplete-input, .PhoneNumber input {
min-height: 32px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

#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;
}

.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;
}

.alert-warning {
background-color: #ffffff;
border-color: #ffffff;
}

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

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

.PledgeSummary {
/*max-width: 600px;*/
}

.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 {
margin-bottom: 0 !important;
}

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

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

.EntrySection .IPledgeTable {
/*max-width: 500px;*/
}
/*
.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, .IPledgeTable .col-sm-9,
.PercentSalaryCalc .col-md-9, .IPledgeTable .col-md-9 {
width: 50%;
flex: 1 1 auto;
max-width: 50% !important;
}

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

.PercentSalaryCalc {
max-width: 500px;
}
*/
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 {
color: #ffffff;
}

#foot-nav ul li 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 {
cursor: pointer;
color: #ffffff !important;
font-size: 12px;
text-align: right;
}

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;
}

.Page-IPledgeDes1 h2, .Page-IPledgeDes2 h2 {
border-bottom: 1px solid #000000;
}

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

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

#SelectDateTable a {
padding: 3px;
width: 24px;
display: block;
}

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

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

#achAmountDisplay.form-control, #achPPAmountDisplay.form-control, #billAmountDisplay.form-control, #bmAmountDisplay.form-control, #cashAmountDisplay.form-control, #checkAmountDisplay.form-control, #CheckNumber.form-control, #corpAmountDisplay.form-control, #ccAmountDisplay.form-control, #ccppAmountDisplay.form-control, .percentAmountData #percentEntry.form-control, .dollarAmountData #dollarEntry.form-control, #pwAmountDisplay.form-control, #PayDeduction.form-control, #PayDedStartDate.form-control, #PeriodEnt select.form-control, #payAmountDisplay.form-control, #NumDeductions.form-control, #ppAmountDisplay.form-control, #TimeOffHours.form-control, #secAmountDisplay.form-control, #wpseAmountDisplay.form-control, .IPledgeTable .col-sm-9.checkDateData, .IPledgeTable .col-md-9.checkDateData, .IPledgeTable #BillDateComp {
max-width: 100%;
}

#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: #fff !important;
}



@media screen and (max-width:1024px) {
#header-menu .logo {
margin: 1.00rem 0 0 0;
width: 100px;
}

#header-menu .LFArea {
	display: block;
}

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

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%;
margin-top: 100px;
max-width: 100% !important;
width: 100% !important;
flex: auto;
}

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

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

nav.header-mobile-menu {
/*
overflow-y: visible !important;
*/
    /*background: #005191;*/
   background: transparent;
    z-index: 50;
    margin-top: -1px;
}

#header-menu ul.pureCssMenu ul {
background-color: #0065b3 !important;
left: 6%;
top: 101%;
    height: 200px;
    overflow-y: scroll;
}
.home-featured-bgimg, .home-featured-content {
width: 50% !important;
}


nav#secondary-menu .PortletHeader {
background-image: url("https://test203.andar360.com/servlet/eAndar.WebExtDocument/styleimage/5D6B442875542E4F4F377E3E/menu-button.jpg");
width: 33px;
height: 26px;
cursor: pointer;
margin: 10px 12px 0 12px;
}

nav#secondary-menu ul {
position:relative;
top: 6px;
width: 100%;
clear: both;
z-index: 40000;
}
nav#secondary-menu li.pureCssMenui a {
    text-align: left !important;
}

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;
}
}

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

#main-banner .row, #main-banner {
/*max-height: 440px !important;*/
min-height: 400px !important;
}

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 tr, .MobileTable th, .MobileTable td {
display: block !important;
}

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

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

.MobileTable td {
border: none;
border-top: 1px solid #eeeeee;
position: relative;
padding-left: 50% !important;
font-size:14px;
min-height:28px;
vertical-align:middle;
padding-top:6px;
padding-right:6px;
box-sizing:border-box;
min-width: 250px;
}

.MobileTable 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);
}

.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;
}

.MobileTable tr.Row-Odd td, .MobileTable tr.Row-Even td {
background-color: transparent;
}

.HideWhenMobile {
display: none;
}

.ADetailsTable th {
display: none !important;
}

.Dashboard .MobileTable tr.Row-Odd td, .Dashboard .MobileTable tr.Row-Even td {
background-color: transparent;
}

.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 {
width: 100%;
}

.Page-Dashboard form {
position:relative;
}

.Page-Dashboard .Dashboard .DashHeader {
/*
left: 38px;
position: relative;
line-height: 36px;
*/
}
.Page-Dashboard .Navigation tr {
    flex-wrap: wrap;
}
.Page-Dashboard .Navigation tr td {
    width: 100%;
    flex: 100%;
    max-width: 100%;
    text-align: left;
}
.Page-Dashboard .Navigation  {
/*
background-image:url("andar:dbImage?file=menu-button.jpg&style=UnitedWeWin1");
background-repeat:no-repeat;
background-position:left top;
cursor:pointer;
width:33px;
height:26px;
position:relative;
z-index:1;
top:50px;
left:0;
margin:0;
*/
}

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

.Navigation .BioTabTitle {
display: block;
margin: 0;
}

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

.Page-BioTab {
position:relative;
}

.Page-BioTab .Dashboard .DashHeader {
margin: 0 0 1em;
}

.Page-BioTab #BioTabForm .Navigation  {
    width: 100%;
    height: unset;
    height: auto;
    padding-bottom: 0 !important;
}

h2 {
font-size: 22px;
}
}

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

h2 {
font-size: 18px;
}

.home-grid-box {
width: 100%;
}
#main-banner .row, #main-banner {
max-height: 300px !important;
min-height: 300px !important;
}
nav#secondary-menu {
/*position: absolute !important;
top: 0 !important;
width: 100%;*/
}


.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;
}
}