/*
 ------------------ Header Container ------------------
*/

.logo{
    background-image: url('../../images/buyerportal/logo.png');
    background-size: 65% 65%;
}

#header {
    position: relative;
    border-bottom: 2px solid #FFFFFF;
    z-index: 1;
    background-image: url('../../images/buyerportal/layout/banner-bg.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
}

#header .header-inner {
    background-image: none;
    background-color: #337ab7;
    border-bottom: 2px solid #286090;
}

#header #header-logo-wrapper img {
    width: 160px;
    margin: 25px auto 0 auto;
    display: block;
}


/*
 ------------------ Footer Container ------------------
*/
#footer {
    background-color: #337ab7;

}

#footer .to-top {

    border-bottom: 2px solid #286090;
}

/*
 ------------------ Nav ------------------
*/

#header .header-mobile-nav-toggle {
    background-color: #286090;
    color: #FFFFFF;
}

#sidebar-nav-wrapper > ul.main-nav #main-navbar-toggle
#sidebar-nav-wrapper > ul.nav.subaction-bar {
    border-right: 40px solid #286090;
}

#sidebar-nav-wrapper > ul.nav li.nav-link:hover,
#sidebar-nav-wrapper > ul.nav li.nav-group .group-heading:hover {
    background-color: #286090;
    color: #FFF;
}

#sidebar-nav-wrapper > ul.nav li.nav-link .extra-links {
    background-color: #286090;
}

#sidebar-nav-wrapper > ul.nav li.nav-link a:hover {
    color: #FFF;
}

/*
 ------------------ Top Bar Navigation ------------------
*/

#header .top-bar ul a {
    color: #FFF;
}

/*
 ------------------ Custom Button colors ------------------
 */

.btn-domain{
    background-color: #337ab7;
}