/*----- Banner Image -----*/
/* To change image add the new image to the attached files tab - Insert file Below in url( new image )*/
.UWWRedTop3 {
    background-color: #eeeeee;
    background: rgba(0, 0, 0, 0) url(https://secure.unitedwaygmwc.org/community/servlet/eAndar.WebExtDocument/styleimage/65313A41585252645159757772753248337A634F7550527A59417A353178504B754B4D76413570306C46726B784A7A557A45/Andar-1600.png) no-repeat scroll center center / cover; 
    padding: 10px 0;
    min-height: 250px; 
}

/*-----Footer-----*/
.UWWRedBottom {
    position: relative;
    min-height: 100px !important;
}

.map {display:none !important;}


/*-----End Banner Image -----*/

.UWWRedTop1 {
    position: relative;
    background: #FFFFFF none repeat scroll 0 0;
    height: 40px;
    text-align: right;
    vertical-align: middle;
    color: #000000 !important;
}

.homeItem {
	display:none;
}

.UWWRedTop2 {
    background: #0044B5 none repeat scroll 0 0;
    height: 85px;
    color: #000000;
}

.map img {
    display: none !important;
}

.footerItem {
    display: inline-block;
    max-width: 30%;
    min-width: 30%;
    vertical-align: top;
    margin: 1em;
}

.UWWRedFooter1, .UWWRedFooter1 font, .UWWRedFooter1 MainStyle, .UWWRedFooter1 a {
    font-size: 11px;
    color: #fff;
}

a {
    color: #0044B5;
    text-decoration: none;
}

a:hover {
    color: #21296B;
}

.UWWRedMainContent h1, .ui-dialog h1 {
    color: #0044B5 !important;
    font-family: Arial, Helvetica, sans-serif;
}

.uwNameHead p {
    float: left;
    margin-left: 18em;
    margin-top: 0.5em;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
/*-----Headers-----*/
.Page-DCPPayeeRem h1,
.Page-DCSMPledgePrjRpt h1,
.Page-DCPPayeeByOrg h1

{
     padding-bottom: 9px;
     margin: 40px 0 20px;
     font-family: Arial, Helvetica, sans-serif;
     border-bottom: 1px solid #eee;	
     }


table.LeftAlign.DCPPayeeByOrganizationReport {
    display: none;
}

table.Classic.DCSMPrjRptSavedDataTable th {
    color: #666;
}


/*hide all phone extensions*/
input[name^=PhoneExt],
input[name^=EventAttend_PhoneExt]{
    display:none;
}

/*----Where Raised---*/
td.Col-Text.Col-SavedDataLabel {
    display: none; 
    
}

/*-----Headers-----*/
.Role-AgencyReports .UWWRedMainContent h1, .Role-UnitedWayRpts .UWWRedMainContent h1 {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
    font-family: Arial, Helvetica, sans-serif;
}


.Page-MyOutouts .page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 0px solid #eee;
}

/*-----Support Number-----*/
.supportNumber {
    background: #0044B5 none repeat scroll 0 0;
    border-radius: 10px;
    padding: 3px;
    color: white;
    /*font-weight: bold; */
    /* margin-right: -9px; */
    margin-left: 10px;
    padding-left: 10px;
    /* min-width: 121px; */
    float: right;
    margin-top: 10px;

}

.supportNumber:before {
    content: "Need Help?";
}

/*------------------------------Media Query-------------------------*/

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

.uwNameHead p {
    float: right;
    margin-left: 8em;
    margin-top: 0.2em;
    font-size: 1em;
}
}
/* Small devices (tablets, 768px and down) */
@media (max-width: 765px) {
.LineIndent1,
.LineIndent2,
.LineIndent3,
.LineIndent4,
.LineIndent5 {
      display: inline !important;
}
span.NumberingNoTable {
      display: none !important;
}
.uwNameHead {
	display:none;
}

.TableFormDetails .Row-LineDetail input[type="checkbox"]{
  width: 1em;
  height: 1em;
}

}

@media (max-width: 765px) {
.footerItem {
    display: block;
    width: 100%;
    margin: 1em;
}

.TableFormDetails .Row-LineDetail input[type="checkbox"]{
  width: 1em;
  height: 1em;
}
.TableFormDetails .Row-LineDetail input[type="radio"]{
  width: 1em;
  height: 1em;
}
}


/*change menu/shift lower (ms)*/
@media screen and (max-width: 860px) {
	

.Page-Dashboard .Navigation {
    background-image: url(black-menu-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer;
    width: 24px;
    height: 19px;
    position: relative;
    z-index: 1;
    top: 0px !important;
    left: 0px;
    margin: 0;
}

.TableFormDetails .Row-LineDetail input[type="checkbox"]{
  width: 1em;
  height: 1em;
}
.TableFormDetails .Row-LineDetail input[type="radio"]{
  width: 1em;
  height: 1em;
}
}

/* change error from 20px to 16 px*/
.BlockError, .BlockError h2 {
    color: #f57814;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
/* Small devices (tablets, 768px and down) */ 
@media (max-width: 768px) 

{
.left-flag {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    /* BORDER-WIDTH: UNSET; */

    border: unset;
    width: inherit;
    height: inherit;
}

.left-flag::before {
    content: '';
    z-index: -1;
    background-color: #FFBA00;
    height: 125px;
    left: -100px;
    padding: 12px 0 0 42px;
    position: absolute;
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
    top: 0;
    width: 200px;
}

.uwLogo {
    left: unset;
    position: unset;
    top: unset;
}

.uwLogo img {
    margin-top: 30%;
    margin-left: 15%;
}
.TableFormDetails .Row-LineDetail input[type="checkbox"]{
  width: 1em;
  height: 1em;
}

.TableFormDetails .Row-LineDetail input[type="radio"]{
  width: 1em;
  height: 1em;
}

/* Project #200569 Radio button and checkbox misaligned, commented out code. Bashir checking with Kaeko) */ 
}
input.form-check-input[type="checkbox"], input.form-check-input[type="radio"] {
 margin-top: 0 !important;
}

.nav-item.BioTabTitle a.nav-link.active {
    background: #e6e5e5 !important;
    color: #000 !important;
}