body {
    background-image: url('/_content/VuPt.User.Theme.VuPt/images/background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-logo {
    background-image: url('/_content/VuPt.User.Theme.VuPt/images/logo.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 112px;
    width: 100%;
    display: block;
    margin: 0 auto 30px auto;
    /*padding: 5px;*/
    /*background-color: #212228;*/
    /*border-radius: 100px;*/
}

.centering-container:not(.brand-none) .login-logo {
    display: inline-block;
    margin: 0 auto 10px auto;
}

.centering-container:not(.brand-none) .login-brand-logo {
    margin: 0 auto;
    width: 230px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 112px;
    width: 112px;
    display: inline-block;
    margin: 0 auto 10px auto;
    padding: 5px;
    background-color: black;
    border-radius: 100px;
}

.brand-octopus .login-brand-logo {
    background-image: url('/_content/VuPt.User.Theme.VuPt/images/octopus.png');
}

.centering-container:not(.brand-none) .login-logo-container {
    margin: 0 auto;
    width: 230px;
    display: block;
    margin-bottom: 14px;
}

.btn-primary {
    background-color: rgb(207, 0, 47);
}

    .btn-primary:hover {
        background-color: rgb(197, 0, 37);
    }

.form-control:focus {
    color: white;
}


.login-audit {
    margin-left: -45%;
    margin-right: -45%;
    background-color: #00000080;
    padding: 50px;
}

    .login-audit .table {
        color: #cccccc;
    }

    .login-audit .form-control {
        margin-left: 1ch;
        margin-right: 3ch;
        max-width: 20ch;
    }

        .login-audit .form-control.form-control-user {
            max-width: 30ch;
        }

        .login-audit .form-control.form-control-date {
            background-color: #ccaaaa88;
        }

    .login-audit td {
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

.user-management td {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}