/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* screensizes:
up to 767px phone layout
from 768 px col grid small screen
from 992 px menu non-collapsed
*/
body,
body.primary-bg-color {
    background-color: rgba(0, 88, 159, .8);
    background-image: url(../img/square_dot.png);
    background-repeat: repeat;
    background-position: top center;
}

#main-body {
    background-color: rgba(255, 255, 255, .8);
}

#header {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 0;
}

#header .topbar {
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(14, 80, 119, .8), rgba(14, 80, 119, 0));
}

#header .topbar .btn,
#header .topbar .active-client .input-group-text,
#header .topbar .active-client .btn {
    color: rgba(255, 255, 255, .75);
}

#header .navbar .navbar-brand {
    font-size: 0;
    white-space: normal;
}

#header .navbar .navbar-brand img {
    display: none;
}

#header .navbar .navbar-brand::before {
    content: url(../img/websm_logo_50.png);
    display: block;
    vertical-align: middle;
    text-align: center;
}

#header .navbar .navbar-brand::after {
    font-size: 25px;
    color: rgba(255, 255, 255, 1);
    content: "Smart Marketing Clients";
    vertical-align: middle;
    text-align: center;
}

@media screen and (min-width: 768px) {
    #header .navbar .navbar-brand::before {
        display: inline-block;
        padding-right: 10px;
        border-right: rgba(255, 255, 255, 0.8) 1px solid;
        margin-right: 10px;
    }
}

#header .main-navbar-wrapper {
    background-color: rgba(14, 80, 119, .5);
    color: #FFF;
}

#header .main-navbar-wrapper .navbar-collapse {
    padding: 7px 1rem;
}

#header .main-navbar-wrapper ul.navbar-nav > li > a {
    color: rgba(255, 255, 255, 1);
}

.navbar-nav > li#Primary_Navbar-Affiliates {
    display: none;
}

/* to hide the whmcs reference   */
#main-body .primary-content p:last-child {
    display: none;

}

#footer {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 20px 0 30px;
}

#footer p {
    color: rgba(255, 255, 255, 1);
}