input:focus {
    outline: 0
}

input[type=password], input[type=text] {
    font-size: 18px;
    font-family: Verdana,Helvetica,sans-serif;
    width: 85%;
    height: 25px;
    padding: 5px 20px;
    border: none;
    border: #b0b6c4 thin solid;
    border-radius: 5px
}

input[type=password] + .passphraseToggle > img, input[type=text] + .passphraseToggle > img {
    height: 26px;
    width: 26px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer
}

input[type=text] + .passphraseToggle .open {
    display: block
}

input[type=text] + .passphraseToggle .closed {
    display: none
}

input[type=password] + .passphraseToggle .open {
    display: none
}

input[type=password] + .passphraseToggle .closed {
    display: block
}

.failedValidation {
    border-color: red !important;
    background-color: #fee
}

#content a.resetPasswordLink {
    text-decoration: none;
    display: inline-block;
    cursor: default;
    font-size: 12px;
    color: #005493
}

#content a.resetPasswordLink:hover {
    text-decoration: underline;
    cursor: pointer
}

.errorMessage, .resultMessage {
    font-size: 12px !important;
    text-decoration: none;
    display: inline-block;
    color: #000;
    cursor: default;
    left: 25px
}

.errorMessage {
    color: #941100
}

.graphical-text-field {
    display: flex;
    align-items: center;
    margin: 20px 14px;
    position: relative
}

.graphical-text-field img {
    height: 30px;
    width: 30px
}

.graphical-text-field input {
    flex: 1;
    margin-left: 16px
}

.directions {
    margin-left: 10px;
    margin-right:10px;
}

.qrZone {
    padding-top: 20px;
    text-align: center;
}

.qrZone img {
    width: 192px;
}

.qrinstructions {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: 700;
}

.qrresponse {
    padding: 30px 0 30px 0;
    text-align: center;
}

.qrresponse input[type=text] {
    font-size: 18px;
    font-family: Verdana,Helvetica,sans-serif;
    width: 80px;
    height: 25px;
    border: none;
    border: #b0b6c4 thin solid;
    border-radius: 5px
}

::-ms-reveal {
    display: none;
}
