.page[name='signIn'] {
    background-color: #0f0f0f;
}
.page[name='signIn'] > .content > .title {
    color: #e3e4f4;
}
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > div > input {
    background-color: #333333;
}
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field > input:focus {
    box-shadow: 0px 0px 0px 2px #4d4d4d inset;
}
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #666666;
}
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field > .message > .error {
    color: #f23002;
}
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field > .message > .info,
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > div > label,
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field > label > .required,
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field > input,
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field[key='remember'] > .text,
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field[key='reset'],
.page[name='signIn'] > .footer > .signUp > .text {
    color: #e3e3e3;
}
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field[key='remember'] > .checked {
    background-image: url('../../images/tickWhite.svg');
    background-color: #172257;
    border: 1px solid #31386c;
}
.page[name='signIn'] > .content > .formWrapper > .fForm > .fields > .field[key='remember'] > .checkbox:not(.checked) {
    border: 1px solid #e3e3e3;
}
.page[name='signIn'] > .content > .button {
    background-color: #172257;
    border: 1px solid #31386c;
    color: #e3e3e3;
}
.page[name='signIn'] > .content > .button:not(.active) {
    opacity: 0.2;
}
.page[name='signIn'] > .content > .forgot {
    color: #666666;
}
.page[name='signIn'] > .footer > .signUp > div:first-child {
    color: #666666;
}
.page[name='signIn'] > .footer > .signUp > div:last-child {
    color: #cccccc;
}