:root {
    /* CSS HEX */
    --tea-green  : #ccd5aeff;
    --beige      : #e9edc9ff;
    --cornsilk   : #fefae0ff;
    --papaya-whip: #faedcdff;
    --buff       : #d4a373ff;

    --dark-moss-green  : #3c4b0bff;
    --dark-moss-green-2: #4f5808ff;
    --field-drab       : #695b00ff;
    --field-drab-2     : #604603ff;
    --caf-noir         : #422406ff;
}

body {
    background-image     : url("../../../img/bg2.png");
    background-size      : 100%;
    background-attachment: fixed;
    background-repeat    : no-repeat;
}

body:before {
    content        : "";
    position       : fixed;
    top            : 0;
    left           : 0;
    width          : 100vw;
    height         : 100vh;
    z-index        : -1;
    backdrop-filter: blur(9px);
}

body header .navbar-header {
    background: var(--field-drab-2);
}

body header .navbar-header a:before {
    top: calc(100% - 10px) !important;
}

body header .navbar-header a:after {
    left: 6px;
}

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

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

body aside .menu-item:before {
    background: var(--field-drab-2);
}

body aside .menu-item a {
    color: var(--field-drab-2);
}

body aside .menu-item.active {
    background-color: #f2e5c4;
}

body footer {
    background: var(--field-drab-2);
}

/* blank page css */
.menu-card .card {
    border-bottom: 7px solid #643807;
}

.menu-card a:not(.lock) .card:hover {
    box-shadow: 2px 4px 8px 2px #203841c9;
}

/* login */
.login-body .btn.lock,
.login-body .btn.submit {
    background: #643807;
    color     : white;
}

footer .row {
    position: relative;
    top     : 0;
    bottom  : 0;
    left    : 0;
    right   : 0;
}

footer .con {
    min-height     : calc(100% - 28px);
    margin-top     : 10px;
    justify-content: end;
}

footer .logo {
    /*background-image: url("../../../../content/img/logo.png");*/
    background-size    : contain;
    background-repeat  : no-repeat;
    background-position: right;
    min-width          : 215px;
}

footer .copyright {
    font-size: 11px;
    color    : white;
}