#page {
    background-image: url("image/background-page-landscape.jpg");
}

#header .Brand {
    background-image: url("../image/brand.svg");
    background-size: 5.4rem;
    background-color: #1b1d1e !important;
}

#header .Brand:hover {
    background-image: url("../image/brand-hover.svg");
}

#header .NavbarToggle i,
#header .NotificationToggle i {
    color: #f9cb4b;
}

#sidebar .Header .Profile .Setting i {
    color: #f9cb4b;
}

#sidebar .Menu ul li.Current > a {
    color: #f9cb4b !important;
}

#sidebar .Menu ul li a:active {
    color: #f9cb4b;
}

#sidebar .Footer a:active {
    color: #f9cb4b;
}

#progress {
    background-image: url("../image/loader.svg");
}

#notification .Objects .ObjectOverflow .Number {
    background-color: #f9cb4b;
    color: #fff;
}

#notification .Objects.Sidebar .Object.Clickable:after {
    color: #f9cb4b;
}

#notification .Objects .Object .Title {
    color: #47e046;
}

#notification .Objects .Object.Inactive .Title {
    color: rgba(255,255,255,0.5);
}

#notification .Objects .Object .Description {
    color: #fff;
}

#notification .Objects .Object.Inactive .Description {
    color: rgba(255,255,255,0.25);
}

@media screen and (orientation:portrait) {
    #page {
        background-image: url("image/background-page-portrait.jpg");
    }
}