.view[name='user'] > .header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
}
.view[name='user'] > .header > .side:last-child > .button,
.view[name='user'] > .button > span {
    color: #0373f3;
}
.view[name='user'] > .content {
    background-color: #f8f8f8;
}
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > label {
    color: #b0b0b0;
}
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > input,
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > .inputWrapper > input,
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > select,
.view[name='user'] > .content > .title,
.view[name='user'] > .button {
    background-color: #f1f2f4;
}
.view[name='user'] > .content > .formWrapper[key='address'] > .fForm > .fields > .field[key='geolocation'] > .change {
    background-color: #0373f3;
    /* override module */
    color: #ffffff !important;
}
.view[name='user'] > .button {
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.09);
}

@media (min-width: 800px) {
     .view[name='user'] {
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
    }
}