.view[name='dealerProduct'] > .header {
    background-color: #f8f8f8;
}
.view[name='dealerProduct'] > .header,
.view[name='dealerProduct'] > .content > .formWrapper > .fForm > .fields > .field {
    border-bottom: 1px solid #e0e0e0;
}
.view[name='dealerProduct'] > .header > .side:last-child > .button {
    color: #0373f3;
}
.view[name='dealerProduct'] > .content {
    background-color: #f8f8f8;
}
.view[name='dealerProduct'] > .content > .formWrapper > .fForm > .fields > .field > label,
.view[name='dealerProduct'] > .content > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #181818;
}
.view[name='dealerProduct'] > .content > .formWrapper > .fForm > .fields > .field > input,
.view[name='dealerProduct'] > .content > .formWrapper > .fForm > .fields > .field > select,
.view[name='dealerProduct'] > .content > .formWrapper > .fForm > .fields > .field > textarea {
    background-color: #f1f2f4;
}
.view[name='dealerProduct'] > .content > .formWrapper > .fForm > .fields > .field > .fControl.multiSelect > .button {
    background-color: #0373f3;
    color: #ffffff;
}
.view[name='dealerProduct'] > .content > .formWrapper > .fForm > .fields > .field > .fControl.multiSelect > ul > li {
    background-color: #f1f2f4;
}

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