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

    ** Custom Stylesheet **

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

***************************************************** */
/* -----------------------------
   Header: black background and white text
   Overrides original template styles
----------------------------- */
#header {
    background-color: #2B2B2B !important;
}
#header * {
    color: #ffffff !important;
}
#header .navbar-nav li a:hover,
#header .navbar-nav li a:hover span {
    background-color: #5E5E5E !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 2px 6px;
}
#header .navbar-collapse {
    background-color: #2B2B2B !important;
}
#header .navbar-nav li .dropdown-menu {
    background-color: #2B2B2B !important;
}
#header .navbar-nav li .dropdown-menu li a:hover {
    background-color: #5E5E5E !important;
    color: #ffffff !important;
}
#header .navbar-nav li a,
#header .navbar-nav li .dropdown-menu li a {
    transition: background-color 0.2s ease, color 0.2s ease !important;
}
/* -----------------------------
   Footer: black background and white text
----------------------------- */
#footer {
    background-color: rgb(16,16,16) !important; 
    color: rgb(33,37,41)!important; 
    border-bottom: 1px solid rgb(42,42,42)!important; 
    border-top: 1px solid rgb(42,42,42)!important; 
}
#footer *{
    color: #ffffff !important;
}
#footer a:hover {
    background-color: #5E5E5E !important; 
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
}
#footer a {
    transition: background-color 0.2s ease, color 0.2s ease !important;
}


/* -----------------------------
   Login Page: background image
   This class wraps the entire login page
   You can replace the image with another one if needed
----------------------------- */
.wdes-wrap-account-page {
    background-image: url("../images/server_racks.jpg"); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}