/* Background color of login page part 1 */
.errMessage {
    color: white;
}

.Header-logo {
    background: url('../../images/iSafeIdentityColor1.png') no-repeat left center;
    background-repeat: no-repeat;
    background-size: Contain;
    background-size: 50%;
}

/* Step 1: Common Properties: All required to make icons render reliably */
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/*  Forgot Password Icon*/
.Person {
}
    /* Reference Individual Icons */
    .Person::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 3em;
        content: "\f502";
    }

.UserLock {
}
    /* Reference Individual Icons */
    .UserLock::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1em;
        content: "\f502";
        padding: 0 10px 0 0;
    }

.login .leftside {
    background-color: gray;
    color: white;
    font-family: Calibri;
    color: black;
}

/* User Login Header */
.defaultheaderleftside {
    font-weight: bold;
}

/* User Login Header */
.defaultheaderrightside {
    font-weight: bold;
}

/* Failure Text */
.failuretext {
    color: darkred;
}

/* Forgot Password Color */
.forgotpassword {
    color: white;
}

/* Keep Me Logged In Color */
.keepmeloggedin {
    color: white;
}

/* Login Button Text Color */
.loginbtntextcolor {
    color: white;
}

.btn {
    color: white;
}

    .btn:focus {
        color: black;
    }

/* form control font color after enter */
.form-control {
    color: black;
}

.fontcolor {
    color: white;
}
/* unvisited link */
a:link {
    color: white;
}

/* visited link */
a:visited {
    color: blue;
}

/* mouse over link */
a:hover {
    color: white;
}

/* selected link */
a:active {
    color: white;
}

/* if you want to override the Login Button colors, do it here */
/*.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #8064A2 !important;
}*/

/* Login Right side text */
.textrightside {
    font-family: Calibri;
    color: black;
}

/* Login Button Text */
.loginbuttontextcolor {
    color: white;
}

/* Left side panel for Logo */
.login .leftside .panel-logo {
    margin-left: 10px;
    background: url('../../images/iSafeIdentityColor1.png') no-repeat left center;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: transparent;
}

/* Background color of login page part 2 */
.login .login-divider {
    width: 10%;
    background: linear-gradient(to right bottom, gray 49.6%, #fff 50.4%);
    border-left: 1px solid gray;
    border-right: 1px solid #fff;
}

/* Background color of or right side of login page */
.login .rightside {
    background-color: white;
}

    .login .rightside .panel-logo {
        /*margin-left: 140px;
        background: url('../../images/iSafeIdentityColor1.png') no-repeat left center;
        background-repeat: no-repeat;
        background-size: Contain;*/
    }

/* Text alignment for the right side of the login page */
.login .rightside .panel-container {
    text-align: center;
}