/* ==================*/
/*  Side navigation  */
/* ==================*/

/* Top logo */
.brand-logo {
    display: block;
    max-width: 100%;
    max-height: 100%;
    padding: 20px;
}

/* background color of the navigation panel */
.brnd-side-nav-background {
    background-color: #0e1a35;
}

/* Uncommnet to change color of the top corner logo */
/* Otherwise top corner background will remain the same as the class '.brnd-side-nav-background' */
/*
.brnd-top-logo {
   background-color: yellow;
}
*/

/* Active pages background color */
/* Uncomment 'border-left' to add border to active page button */
.active {
    background-color: #22396c !important;
    /* border-left: 4px solid #df1516 !important; */
}

/* Color of side nav pages buttons */
.brnd-bkgrnd {
    background-color: #0e1a35;
}

/* Side nav text color */
.sidebar-container .list-group a {
    color: white !important;
    background-color: #0e1a35;
}

/* Background of page buttons on hover */
/* Uncomment 'border-left' to add border to page button on hover */
.sidebar-container .list-group a:hover {
    background-color: #1b3866;
    /* border-left: 4px solid #df1516; */
}

/* Separators and 'Version:' color */
.sidebar-separator {
    background-color: #0e1a35 !important;
    height: 25px;
}

/* Text color of 'Current Database: DB Name' and 'Version: X.X.X.X' */
.side-nav-text-muted {
    color: #aeb5bb;
}

/* Background color of the subnav under Global Config when nav is expanded */
.sub-nav {
    background-color: #1c5d9d !important;
}

/* Uncomment to change the color of JUST the subnav text */
/*
.sub-nav-text {
   color: white;
}
 */

/* ===============*/
/*   Login Page   */
/* ===============*/

/* Footer of login page */
.brnd-home-footer {
    background-color: rgb(159, 159, 159);
}

/* Footer text such as address */
.brnd-address {
    color: #fff;
}

#img_background_image {
    min-height: 18% !important;
    min-width: 0 !important;
}

.footer-logo {
    background-image: url("footer-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    object-fit: scale-down;
}