body {
            font-family: 'Roboto', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        }

        .intranet-login-container {
            width: 450px;
            background: white;
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
            border-radius: 10px;
            margin: 0 auto;
            position: absolute;
            top: 15%;
            left: 50%;
            transform: translateX(-50%);
        }

        #intranet-login-logo {
            padding: 0 15px 74px;
            margin-left: 0;
            margin-right: 0;
            margin-top: 1rem;
            margin-bottom: 1rem;
            cursor: pointer;
        }

        .intranet-login-label-holder {
            margin-left: 0.2rem;
        }

        .intranet-login-label-holder label {
            font-weight: 600;
            font-size: 12px;
            opacity: .75;
        }

        .intranet-login-input-holder {
            margin-left: 0.2rem;
            margin-right: 0.1rem;
            margin-bottom: 0.8rem;
        }

        .intranet-login-input-holder input {
            padding: 0 5px;
            width: 80%;
            line-height: 1.2;
            height: 50px;
            border: none;
            background-color: #f0f2f5;
        }

        .intranet-login-input-holder input:focus {
            outline: none;
        }

        .intranet-login-input-container {
            padding-left: 0.5rem;
            background-color: #f0f2f5;
            box-shadow: 0 2px 4px 0 rgb(81 96 115 / 20%);
        }

        .intranet-login-input-container.error {
            border: 1px solid red;
        }

        .intranet-login-input-container span.fa {
            width: 10%;
            text-align: center;
            font-size: 1.5rem;
            vertical-align: middle;
            padding-bottom: 0.2rem;
        }

        .intranet-login-actions-holder {
            margin-left: 0.2rem;
        }

        #intranet-login-remember-checkbox {
            padding-left: 12rem;
        }

        #intranet-login-remember-checkbox input[type="checkbox"] {
            transform: scale(1.4);
            vertical-align: middle;
        }

        #intranet-login-remember-checkbox label {
            font-size: 0.9rem;
            cursor: pointer;
        }

        #intranet-login-forgot-password {
            font-size: 0.9rem;
        }

        #intranet-login-button-holder {
            margin-bottom: 3rem;
            margin-top: 1.5rem;
            margin-left: 0.2rem;
            margin-right: 0.1rem;
        }

        #intranet-login-button-holder input[type='submit'],
        #intranet-login-button-holder button
        {
            padding: 0 20px;
            width: 100%;
            height: 50px;
            background-color: #57b846;
            border-radius: 0.25rem;
            line-height: 1.2;
            transition: all .4s;
        }

        #intranet-login-contact {
            font-size: 0.9rem;
            text-align: center;
        }

        .error-alert {
            color: red;
            margin-top: 5px;
            display: none;
        }

        .intranet-login-links .list-group-item {
            text-align: center;
            font-size: 1.2rem;
        }

        .intranet-change-login-container {
            width: 40rem;
            top: 0%;
        }

        .intranet-change-login-holder {
            padding-left: 20px;
        }

        .intranet-change-login-holder .intranet-login-input-holder {
            margin-left: 0;
        }

        .intranet-change-login-holder .intranet-login-input-holder .col-md-12 {
            padding-left: 0;
        }

        .intranet-change-login-holder #intranet-login-button-holder {
            margin-left: 0;
        }

        .intranet-change-login-holder #intranet-login-button-holder .col-md-12 {
            padding-left: 0;
        }

        #intranet-forgot-password-form h4,
        #intranet-forgot-password-form .alert-info {
            text-align: center;
        }

        @media screen and (max-width: 600px) {
            .intranet-login-container {
                width: 100%;
            }

            #intranet-login-remember-checkbox {
                padding-left: 15px;
            }

            #intranet-login-button-holder button {
                margin-bottom: 1.5rem;
            }

            #intranet-login-contact {
                text-align: left;
            }
        }

        .intranet-survey-reminder-center {
            text-align: center;
        }

        .intranet-survey-reminder-buttons {
            display: block;
        }

/* Utility classes replacing inline style="" attributes (CSP: no unsafe-inline) */
.intranet-login-logo-bg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.intranet-login-hidden { display: none; }
.intranet-login-chocolate { color: chocolate; }
.intranet-login-qr { width: 12em; }
.intranet-login-mb-1em { margin-bottom: 1em; }
.intranet-login-mb-0 { margin-bottom: 0; }