html, body {
        height: 100%;
    }
body {
    /*background-image: url('/images/Login-Background.png');
    background-size: cover;*/
}
    .form-signin {
        max-width: 450px;
        padding: 1rem;
    }
    .form-signin .form-floating:focus-within {
        z-index: 2;
    }
    .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
    }
    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #imgLogin {
        height:5.9rem;
    }
    .mb-5 {
        margin-bottom: 2rem !important;
    }
    .mb-1 {
        margin-bottom: .25rem !important;
    }
    .mb-2 {
        margin-bottom: .5rem !important;
    }
    .mb-0 {
        margin-bottom: 0 !important;
    }
    .pl-2 {
        padding-left: .5rem;
    }
    .inline {
        display: inline-block
    }
    .w-auto {
        width: auto;
    }
    .mt-10 {
        margin-top:8rem;
    }
    .clr-red {
        color:crimson;
    }
    .footer {
        display: flex;
        height: 96px;
        padding: 32px;
        align-items: flex-end;
        align-self: stretch;
    }
    .loc-toggle {
        text-decoration:none;
    }
    .bgrnd-transparent {
        background:none;
        background-color: transparent !important;
    }
    .txt-white {
        color: #fff;
    }
    .form-control {
        width:89%;
        display:inline;
    }
    .bi {
        vertical-align: -.125em;
        color: #fff;
        font-size: 2rem;
    }
    .pd-control {
        padding-left:2.2rem;
    }
@media only screen and (max-width: 600px) {
    ...
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    ...
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .login-form {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .login-form {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .login-form {
        margin-left: auto;
        margin-right: 6rem;
    }
}