html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /*margin-bottom: 60px;*/
    /*color: white;*/
    /*font-family: Ubuntu, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    background: #EEEEEE;
}



.footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    white-space: nowrap;
    line-height: 25px;
    color: #eee;
}

h5, hr, label {
    color: #333333;
}

#login-form {
    margin-top: 25vh;
}

    #login-form h3 {
        color: white;
    }

    #login-form .card-body {
        background-color: #0076A9;
    }

    #login-form .form-control {
        background-color: #7f96e2;
    }

    #login-form .btn {
        background-color: #ed772e;
    }

    #login-form .unauth-login-notice {
        font-size: 65%;
        color: white;
        justify-content: center;
    }



.navbar {
    background-color: #0076A9;
    color: white;
    border-bottom: 1px solid #02648e;
}


    .navbar a {
        color: white;
    }

        .navbar a:hover {
            color: white;
            background-color: #ed772e9f;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

    .navbar button {
        color: white;
    }

        .navbar button:hover {
            color: white;
            background-color: #ed772e;
        }

    .navbar .active-menu-item {
        border-bottom: 4px #ed772e solid;
    }


[v-cloak] {
    display: none
}

.qr-label svg {
    border-radius: 1.5rem;
}

.card2 {
    background-color: #0076A9;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.45);
}

.btn-primary {
    color: #fff;
    background-color: #0076A9;
    border-color: #fff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #EF7522;
    border-color: #fff;
}