html,
body {
    margin: 0;
    padding: 0;
    background: #282323;
    color: white;
}
body.loading {
    overflow: hidden;
}

.sidebar {
    /*
* Created with https://www.css-gradient.com
* Gradient link: https://www.css-gradient.com/?c1=6f6e6d&c2=494949&gt=l&gd=dtr
*/
    background: #6F6E6D;
    background: linear-gradient(225deg, #6F6E6D, #494949);
}
.topbar {
    background: #0a53be;
    /*
* Created with https://www.css-gradient.com
* Gradient link: https://www.css-gradient.com/?c1=6f6e6d&c2=494949&gt=l&gd=dtr
*/
    background: #6F6E6D;
    background: linear-gradient(225deg, #6F6E6D, #494949);
}
.logo {
    width: 90px;
    filter: drop-shadow(1px 1px 21px rgba(0, 0, 0, 0.5))  drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
}
.logo_mobile {
    width: 90px;
    filter: drop-shadow(1px 1px 21px rgba(0, 0, 0, 0.5))  drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
}
.signature {
    width: 90px;
    opacity: 0.5;
    margin-left: -15px;
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width: min(65vw, 400px) !important;
}
.btn-outline-secondary-lit {
    --bs-btn-color: rgba(255, 255, 255, 0.8);
}
.offcanvas-decor::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
    width: 80%;
    background: url(/assets/images/head_b.png);
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 2000;
    left: 50%;
    transform: translateX(-50%);
    filter: invert(0.8);
    pointer-events: none;
}
.offcanvas-decor::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
    width: 80%;
    background: url(/assets/images/head_b.png);
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 1900;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(-1px -1px 0px rgba(0,0,0,0.1));
    pointer-events: none;
}
@media (hover: none) {
    .btn-outline-secondary.unfocus:hover { color: rgba(255, 255, 255, 0.4);
        background-color: var(--bs-btn-bg);}
}