.view[name='commonOrder'] > .header {
    background-color: #f8f8f8;
}
.view[name='commonOrder'] > .header,
.view[name='commonOrder'] > .content > .formWrapper > .fForm > .fields > .field:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}
.view[name='commonOrder'] > .header > .side:last-child > .button,
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field[key='items'] > .bottom > .button {
    color: #0373f3;
}
.view[name='commonOrder'] > .content {
    background-color: #f8f8f8;
}
.view[name='commonOrder'] > .content > .formWrapper > .fForm > .fields > .title,
.view[name='commonOrder'] > .content > .formWrapper > .fForm > .fields > .field:not([key='items']) > input,
.view[name='commonOrder'] > .content > .formWrapper > .fForm > .fields > .field:not([key='items']) > .inputWrapper > input,
.view[name='commonOrder'] > .content > .formWrapper > .fForm > .fields > .field > select,
.view[name='commonOrder'] > .content > .formWrapper > .fForm > .fields > .field > textarea,
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field.empty > div > .button,
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field[key='items'] > .title,
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field[key='items'] > .tableWrapper > table > tbody > tr > td > input {
    background-color: #f1f2f4;
}
.view[name='commonOrder'] > .content > .formWrapper > .fForm > .fields > .field:not([key='items']) > label,
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field.empty > label,
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field[key='ringBell'] > .title,
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field:not([key='items']) input::placeholder,
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field[key='items'] > .title {
    color: #181818;
}
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field[key='ringBell'] > .item > .switch > .slider {
    background-color: #e5e5e5;
    border: 1px solid #939393;
}
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field[key='ringBell'] > .item > .switch > input:checked + .slider {
    background-color: #39b200;
    border: 1px solid #39b200;
}
.view[name='commonOrder'] > .content > .formWrapper[key='order'] > .fForm > .fields > .field[key='ringBell'] > .item > .switch > .slider:before {
    background-color: #ffffff;
}
.view[name='commonOrder'] > .content > .formWrapper[key='address'] > .fForm > .fields > .field[key='geolocation'] > .change {
    background-color: #0373f3;
    color: #ffffff !important; /* override module */
}

#map > .button {
    background-color: #0373f3;
     color: #ffffff;
}

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