@charset "utf-8";
/* CSS Document */

:root {
    --app-navbar-bg: rgba(255,255,255,1);
    --app-navbar-color: rgba(248, 248, 250, 0.65);
    --app-navbar-header-image-max-width: 180px;
    --app-navbar-avatar-size: 55px;
    --app-navbar-auth-area-height: 35px;
    --app-navbar-auth-area-fs: 12px;
    --app-navbar-scroll-hide: 120px;
}

.app-navbar-header-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    transition: .75s all ease;
    z-index: 1000;
    border-bottom: 2px solid #e0e0e0;
}

.app-navbar-header-canvas-hide {
    transform: translateY(calc(var(--app-navbar-scroll-hide) * -1));
}

.app-navbar-bg {
    background-color: var(--app-navbar-bg);
}

.app-navbar-color {
    color: var(--app-navbar-color);
}

.app-navbar-fs {
    font-size: var(--app-navbar-auth-area-fs);
}

.app-navbar-header-image {
    max-width: var(--app-navbar-header-image-max-width);
}

.app-navbar-avatar {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: var(--app-navbar-avatar-size);
    height: var(--app-navbar-avatar-size);
    border: 2px solid var(--app-navbar-color);
    border-radius: 50%;
    display: inline-block;
}


.app-container-fluid-animated {
    position: relative;
    padding-top: 185px;
    transition: .75s all ease;
    min-height: 1000px;
}

.app-container-fluid-animated.collapsed {
    top: 157px;
}