.view[name='user'] {
    background-color: #ffffff;
}
.view[name='user'] > .header {
    border-bottom: 1px solid #e0e0e0;
    border-bottom: 1px solid #0000000f;
}
.view[name='user'] > .header > .side:last-child > .button {
    background-image: linear-gradient(180deg, #e35c97 0%, #e6087b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.view[name='user'] > .content > .tabs > .button:not(.active) {
    background-color: #faf9fd;
}
.view[name='user'] > .content > .tabs > .button:not(.active) > .text {
    color: #1c1c35;
}
.view[name='user'] > .content > .tabs > .button.active {
    background-image: linear-gradient(180deg, #e35c97, #e6087b);
}
.view[name='user'] > .content > .tabs > .button.active > .text {
    color: #ffffff;
}
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > label {
    color: #1c1c35;
}
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > input,
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > .value,
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > .inputWrapper > input,
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > select,
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > textarea {
    background-color: #faf9fd;
    color: #1c1c35;
}
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field:not(.relation) > input::placeholder,
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > .inputWrapper > input::placeholder,
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > select::placeholder,
.view[name='user'] > .content > .formWrapper > .fForm > .fields > .field > textarea::placeholder {
    opacity: 0.6;
    color: #1c1c35;
}
.view[name='user'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr:nth-child(even) {
    background-color: #f7f7f7;
}
.view[name='user'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr:not(:first-child) {
    border-top: 1px solid #efefef;
}
.view[name='user'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr:has(:not(td[colspan])) {
    border-bottom: 1px solid #efefef;
}
.view[name='user'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td {
    color: #1c1c35;
}
.view[name='user'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr:nth-child(odd) > .operations > .button {
    background-color: #f5f5f5;
    color: #1c1c35;
}
.view[name='user'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr:nth-child(even) > .operations > .button {
    background-color: #ffffff;
    color: #1c1c35;
}
.view[name='user'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td[key='image'] > .imageWrapper {
    background-color: #dddddd;
}

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