@import url(https://fonts.googleapis.com/css2?family=Roboto);

body {
    background-color: #fff;
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
    font-family: Roboto,sans-serif;
    font-size: .8125rem;
    line-height: 1.5;
    color: #6c757d;
}

.card {
    border-width: 0;
}

.logo {
    display: block;
    font-weight: bold;
    font-size: 1.5rem;
    color: rgb(110, 118, 142);
    text-decoration: none;
}

.logo:hover {
    color: rgb(90, 98, 122);
}

.auth-control {
    --vt-ff-label-width: 0;
}

label {
    font-weight: 600;
}

.form-control {
    padding: .45rem .9rem;
    font-size: .8125rem;
    border-radius: .2rem;
}

.form-control:focus {
    box-shadow: none;
    border-color: #b1bbc4;
}

.btn {
    font-weight: 400;
    padding: .45rem .9rem;
    font-size: .8125rem;
    border-radius: .15rem;
}

.btn-primary {
    color: #fff;
    background-color: #348cd4;
    border-color: #348cd4;
}

.btn-primary:hover {
    background-color: #2c77b4;
    border-color: #2a70aa;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
}

.auth-link {
    color: rgb(50, 58, 70);
    font-weight: bold;
    font-size: .85rem;
}

.auth-link:hover {
    color: rgb(30, 38, 50);
}

.link-divider {
    margin: 0 10px;
}

.auth-text {
    text-align: justify;
    font-size: .9rem;
}

.agree {
    margin-top: 2rem;
    text-align: center;
    opacity: .8;
}

.agree a {
    color: inherit;
}

.old-version {
    padding: .5rem .75rem;
    border: 1px solid rgb(194, 221, 242);
    border-radius: .25rem;
    margin-bottom: 1rem;
    background-color: rgb(214, 232, 246);
    color: rgb(34, 81, 127);
}