/*!
 *
 * branding customizations
 */

/* ========================================================================
     Component: top-navbar
 ========================================================================== */
.topnavbar {
    background-color: #eeefef;
    background-image: linear-gradient(to right, #eeefef 0%, #bcc0bf 100%);
    /*    background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%); */
    background-repeat: repeat-x;
}

.logo-large {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../../api/App/LargeLogo) no-repeat;
    width: 200px; /* Width of new image */
    height: 43px; /* Height of new image */
    padding-left: 200px; /* Equal to width of new image */
}

.logo-small {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../../api/App/SmallLogo) no-repeat;
    width: 43px; /* Width of new image */
    height: 43px; /* Height of new image */
    padding-left: 43px; /* Equal to width of new image */
}
.logo-app {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("../../img/hblogo.svg");
    background-repeat: no-repeat;
    background-size: 130px 50px;
    width: 130px; /* Width of new image */
    height: 50px; /* Height of new image */
    padding-left: 130px; /* Equal to width of new image */
    margin-top: 2px;
}

.logo-login {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("../../img/logo.png");
    background-repeat: no-repeat;
    width: 190px; /* Width of new image */
    height: 35px; /* Height of new image */
    padding-left: 190px; /* Equal to width of new image */
}

/*
.sidebar {
    background-color: #036a37; 
}

.sidebar-nav > li > a, .sidebar-nav > li > .nav-item {
    color: #e1e2e3;
}
    */