﻿


body {
    background-color: #f9f5f4;
}

/*Masthead */
.headerBg {
    background: #045081;
}

/*Welcome Message*/
.welcomeNote {
    color: #f47404;
}

/*please sign in message*/
 .welcomeNote h2
 {
     color:#868b8c; 
 }


/*Sign-In Message*/
section #loginForm header {
    color: #868b8c;
}

/*Buttons Primary*/
.btn-primary {
    background-color: #fb6204;
    border-color: #fb6204;
}

    .btn-primary:hover {
        background-color: #b7b5b5;
    }
/*
    .btn-primary:focus, .btn-primary.focus, .btn-primary:active:focus, .btn-primary:active {
        background-color: #FFA300;
    }

    .btn-primary.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.disabled:focus, .btn-primary.disabled:visited {
        background-color: #FFA300;
    }
*/

/*Secondary Button*/
.btn-secondary {
    color: #0e0f0f; /*font color on hover of button*/
    background-color: #fb6204; /*background color*/
}

    .btn-secondary:hover {
        color: #0f0f0f; /*font color on hover of button*/
        background-color: #b7b5b5; /*background color*/
    }

/*tab font color and hover
.navbar-default .navbar-nav > li.selected > a:focus, .navbar-default .navbar-nav > li > a:focus, .subNav .nav>li.selected>a, .navbar-default .navbar-nav>li.selected>a, .navbar-default .navbar-nav>li>a
{
    color: #0e0f0f;
    
}
*/
.navbar-default .navbar-nav > li.selected > a:hover, .navbar-default .navbar-nav > li > a:hover {
    color: #808788;
}

.subNav .nav>li.selected>a, .navbar-default .navbar-nav>li.selected>a {
    border-bottom: 1px solid #808788;
	background-color: transparent;
}

/*Payment authorized */
.accountDetails.alert-success h2:first-of-type {
    color: #009A44;
}

/*add account label*/
.accountsList .addaccountsLink > .panel-heading > a h4 {
    color: #808788;
}

/*Autopay*/

.accountsList .accountsLink .col-xs-12 > .label-default {
    background-color: #f47404;
    color: #0e0f0f;
}
/*AutoPay Hyperlink Color */
a#editAutoPay {
	font-weight: bold;
    font-size: 120%;
    color: #fb6204;
}

/*Convenience Fee & Total Value*/
#convfeetemplate span#convfeespan, #totalDiv span#totalValue {
    color: #0e0f0f;
}

/*last login
ul > .lastLoginText {
    color: #868b8c;
}

/*logout and welcome message
.logout a {
    color: #868b8c;
}
*/
.logout a:hover {
    color: #808788;
}

/*welcome msg 
.logout .nav>li>a {
    color: #868b8c;
}
*/
/*logout - making the welcome transparent*/
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a:hover, .nav > li > a:focus, .nav .open > a{
    background-color:transparent;
}

/*Review Account/Amount/Date Field Colors*/
.cs-select-review .cs-select .cs-placeholderdiv {
    background-color: #cacdce;
}

/*Account/Amount/Date Label Color*/
.acctExtraInfo, .invoiceData span:first-child, dl.subText dt {
    color: #808788;
}

/* Payment Authorized */
.accountDetails.alert-success h2 {
    color: #0e0f0f;
}

/*Remove back to home link*/
.top-nav .HomeLink {
    display: none;
}

/* Hide the view ebill link*/
.multipleLinks span:nth-child(3){
	visibility:hidden
}

span.pipe {
    display: none;
}

/*logo position*/
.logo {
	padding: 15px 15px; 

}
.logo img {
	max-height: 50px;
}

@media (max-width: 768px) {
    .navbar-default {
        background-color: #f9f5f4;
    }

        .navbar-default .navbar-nav > li > a {
            color: #000000;
        }

        .subNav .nav > li.selected > a, .navbar-default .navbar-nav > li.selected > a {
            color: #000000;
        }
}


/*Footer*/
footer{
    background: #2c70aa;
}
footer a, footer a:hover{
    color: #ffffff;
}