.page[name='signUp'] > .content > .title {
    color: #e3e4f4;
}
.page[name='signUp'] > .content > .formWrapper > .fForm > .fields > .field > .text,
.page[name='signUp'] > .content > .formWrapper > .fForm > .fields > .field > label > .required,
.page[name='signUp'] > .content > .formWrapper > .fForm > .fields > .field > .text > .required,
.page[name='signUp'] > .footer > .signIn > span:not([key='signIn']) {
    color: #e3e3e3;
}
.page[name='signUp'] > .content > .formWrapper > .fForm > .fields > .field > input {
    background-color: #333333;
    color: #e3e3e3;
}
.page[name='signUp'] > .content > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #666666;
}
.page[name='signUp'] > .content > .formWrapper > .fForm > .fields > .field > .checkbox {
    border: 1px solid #e3e3e3;
}
.page[name='signUp'] > .content > .formWrapper > .fForm > .fields > .field > .checked {
    background-color: #172257;
    border: 1px solid #31386c;
    background-image: url('../../images/tickWhite.svg');
}
.page[name='signUp'] > .content > .button {
    background-color: #172257;
    border: 1px solid #31386c;
    color: #e3e3e3;
}
.page[name='signUp'] > .content > .button:not(.active) {
    opacity: 0.2;
}
.page[name='signUp'] > .footer > .signIn > div:first-child {
    color: #666666;
}
.page[name='signUp'] > .footer > .signIn > div:last-child {
    color: #cccccc;
}

@media (max-width: 799px) {
    .page[name='signUp'] > .header {
        box-shadow: -1px -2px 20px 0px rgba(54, 57, 93, 0.6);
    }
    .page[name='signUp'] > .header > .right > .menu > div:last-child {
        background-image: url('../../images/menuWhite.svg');
    }
}