body {
    background-image: url("../../../img/bg-3.png?v=1");
    background-size : 22px;
}

/* navbar-header */
body .navbar-header * {
    color: #34495e;
}

body .navbar-header {
    background      : transparent;
    background-image: url("/../../../content/img/header-2.jpg");
    backdrop-filter : blur(4px);
    box-shadow      : 0px 0px 12px 0px #1c413494;
}

body .navbar-header * {
    color: white;
}

/* menu text */
.menu,
.horizontal-menu a,
.menu a {
    color: #34495e;
}

.bg-menu-theme .menu-inner>.menu-item.active:before {
    background-color: #34495e;
}

.bg-menu-theme .menu-inner>.menu-item.active>.menu-link {
    color           : #34495e;
    background-color: #eeffe08a;
}

aside .submenu :before {
    background-color: #020a20;
    border          : 1px solid #283763;
}

aside .submenu :after {
    border-left: 2px dotted #8b8b8b;
}

/* login screen */
.login-body .btn.lock,
.login-body .btn.submit {
    background: #412e01 !important;
    color     : white;
}

/* body */
body {
    background-image: url("../../../img/bg-1.png?v=1");
    background-size : 54px;
}

body::before {
    content        : "";
    position       : absolute;
    left           : 0;
    right          : 0;
    top            : -70px;
    bottom         : 0;
    backdrop-filter: blur(3px);
    z-index        : -1;
}

body>.body {
    padding-bottom: 70px;
}

/* footer */
footer {
    background        : #b4a278d4;
    /* backdrop-filter: blur(16px); */
}