@charset "utf-8";

/*@media screen and (min-width:576px){
    body #sign-in-page {
        background-color: #eef6fd;
    }
}*/
body {
    background-color: #eef6fd;
}

.passview {
    position: absolute;
    width: 27px;
    height: 22px;
    top: 22px;
    right: 18px;
    cursor: pointer;
}

    .passview:before {
        position: absolute;
        top: 50%;
        font-family: FontAwesome;
        content: '\f070';
        font-style: normal;
        font-variant: normal;
        font-size: 1.25rem;
        transform: translate(25%, -50%);
        color: var(--medium-grey);
    }


.passseen {
    cursor: pointer;
}

    .passseen:before {
        position: absolute;
        top: 50%;
        font-family: FontAwesome;
        content: '\f06e';
        font-style: normal;
        font-variant: normal;
        font-size: 1.25rem;
        transform: translate(25%, -50%);
        color: var(--medium-grey);
    }

.error-colour {

    color: red;
}

.pw-good {
    color: rgba(56,178,73,1) !important;
}

.pw-bad {
    color: rgba(255,0,0,1) !important;
}

.back-good {
    background-color: rgba(56,178,73,0.1) !important;
}

.back-bad {
    background-color: rgba(255,0,0,0.1) !important;
}

#txtPassword1, #txtPassword2 {
    margin: 0.75rem 0 0.75rem 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px -1px rgba(102, 113, 123, 0.21);
    border: solid 1px #e2e5ed;
    font-size: 0.875rem !important;
    padding-left: 1rem !important;
}

.passview {
    top:50%!important;
    transform:translateY(-50%);
}