/*color means font color and background-color means background color*/

body {
    background-color: #D3D3D3; /*Body background color - H*/
   
}


.lang_list {
    color: #FFFFFF;/*Language Links A*/
}


.lang_list a {
    color: #FFFFFF;/*Language Links B*/
}



.welcomeNote h1 {
    color: #1A3553;
}/*Welcome Note - C*/

.welcomeNote h2 {
    color: #606062
}/*Sign-in Message Color - D*/

.headerBg {
    background: #1A3553; /*Masthead Color- E */
}

.btn-primary {
    color: #FFFFFF; /*Buttons Primary - F */
    background-color: #2B8CBE;
    border-color: #2B8CBE;
}

    .btn-primary:hover {
        color: #ffffff; /*Buttons Primary Hover-  G*/
        background-color: #C5CED8;
        border-color: #C5CED8;
    }
    .btn-primary:focus, .btn-primary.focus, .btn-primary:active:focus, .btn-primary:active {
        color: #ffffff; /*Focus and active must match hover*/
        background-color: #C5CED8;
        border-color: #C5CED8;
    }



.navbar-default .navbar-nav > li > a {
    color: #FFFFFF; /*Navigation link colors - I,*/
}

    .navbar-default .navbar-nav > li > a:hover {
        color: #F1B81B;
    }/*Navigation link hover colors - J*/


.subNav .nav > li.selected > a, .navbar-default .navbar-nav > li.selected > a {
    color: #F1B81B;
    border-bottom: 4px solid #F1B81B; /*navigation bottom bar color - k*/
    background-color:transparent
}
/*Autopay Bubble background color - L and font color M*/
.accountsList .accountsLink .col-xs-12 > .label-default {
    background-color: #C5CED8;
    color: #606062;
}
.accountsList .addaccountsLink > .panel-heading > a h4 {
    color: #2B8CBE;
}/*Add Acount button - N*/
/*welcome text - o*/
.logout .nav > li > a {
    color: #ffffff;
}
/*welcome text - p*/
    .logout .nav > li > a :hover {
        color: #F1B81B;
    }
/*Lastlogin text - Q*/
ul > .lastLoginText {
    color: #ffffff;
}
/*Account info label color - R */
.invoiceData span:first-child {
    color: #606062;
}
/*Autopay color - S*/
a#editAutoPay {
    color: #F26722; /*process blue*/
}

/*convience fee color - T*/
.feeBlock .invoiceNumber {
    color: #F26722
}

/*Total Amount Due color - U*/
.feeBlock .totalBlock {
    color: #606062
}
/*Grey boxes - V - deafult*/
.payArea {
   
}
.btn-secondary {
    background: #2B8CBE; /*secondary button color- W*/
    color: #ffffff;
}/*secondary button font color- X*/
    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary.focus {background: #C5CED8 }/*secondary button - Y*/

/*authorized - Z - Default*/
.accountDetails.alert-success h2:first-of-type {
    color: #1A3553
}


/*Mobile devices - tab color changes will apply below*/


@media (max-width: 768px) {
    .navbar-default {
        background-color: #1A3553;
    }

        .navbar-default .navbar-nav > li > a {
            color: #fff;
        }

        .subNav .nav > li.selected > a, .navbar-default .navbar-nav > li.selected > a {
            color: #fff;
        }
}