.page[name='survey'] {
    background-color: #ffffff;
}
.page[name='survey'] > .header {
    border-bottom: 1px solid #e0e0e0;
}
.page[name='survey'] > .header > .side:last-child > .button {
    color: #2993ce;
}
.page[name='survey'] > .content > .wrapper[index='0'] > .image {
    border: 1px solid #ebeef2;
    box-shadow: 12px 26px 50px 0px rgba(90, 108, 234, 0.08);
}
.page[name='survey'] > .content > .wrapper[index='0'] > .image > .upload > img {
    background-color: rgba(41, 114, 254, 0.10);
}
.page[name='survey'] > .content > .wrapper[index='0'] > .image > .upload > label {
    color: #a5abb3;
}
.page[name='survey'] > .content > .wrapper[index='0'] > .image > .wrapper > img {
    background-color: #f4f6f9;
}
.page[name='survey'] > .content > .wrapper[index='0'] > .image > .wrapper > .remove {
    background-color: #dc143c;
    color: #ffffff;
}
.page[name='survey'] > .content > .wrapper[index='0'] > .formWrapper > .fForm > .fields > .field > .inputWrapper > input,
.page[name='survey'] > .content > .wrapper[index='0'] > .formWrapper > .fForm > .fields > .field > input,
.page[name='survey'] > .content > .wrapper[index='0'] > .formWrapper > .fForm > .fields > .field > select,
.page[name='survey'] > .content > .wrapper[index='0'] > .formWrapper > .fForm > .fields > .field > textarea {
    background-color: #f1f2f4;
}
.page[name='survey'] > .content > .wrapper[index='0'] > .formWrapper > .fForm > .fields > .field > .inputWrapper > input::placeholder,
.page[name='survey'] > .content > .wrapper[index='0'] > .formWrapper > .fForm > .fields > .field > input::placeholder,
.page[name='survey'] > .content > .wrapper[index='0'] > .formWrapper > .fForm > .fields > .field > select::placeholder,
.page[name='survey'] > .content > .wrapper[index='0'] > .formWrapper > .fForm > .fields > .field > textarea::placeholder {
    color: #9ba0a6;
}
.page[name='survey'] > .content > .wrapper[index='1'] > div > .question > input::placeholder {
    color: #a5a9ae;
}
.page[name='survey'] > .content > .wrapper[index='1'] > div > .question > .button {
    background-color: #dc143c;
    color: #ffffff;
}
.page[name='survey'] > .content > .wrapper[index='1'] > div > .options > .option > input {
    background-color: #f1f2f4;
}
.page[name='survey'] > .content > .wrapper[index='1'] > div > .options > .option.empty > input,
.page[name='survey'] > .content > .wrapper[index='1'] > .empty > .question > input {
    border: 1px solid #dc143c;
}
.page[name='survey'] > .content > .wrapper[index='1'] > div > .options > .option > input::placeholder {
    color: #a5a9ae;
}
.page[name='survey'] > .content > .wrapper[index='1'] > div > .buttons > .multi > .switch > .slider {
    background-color: #f1f2f4;
}
.page[name='survey'] > .content > .wrapper[index='1'] > div > .buttons > .multi > .switch > input:checked + .slider {
    background-color: #2ab548;
}
.page[name='survey'] > .content > .wrapper[index='1'] > div > .buttons > .multi > .switch > .slider:before {
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.40);
}
.page[name='survey'] > .content > .wrapper[index='1'] > .image > .options > .option > .button {
    background-color: #f1f2f4;
}
.page[name='survey'] > .content > .wrapper[index='1'] > div > .buttons > .button {
    border: 1px solid #2993ce;
    color: #2993ce;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .filteredItems > .item {
    background-color: #f1f2f4;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .tabs {
    background-color: #f1f2f4;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .fields > .field > input,
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .fields > .field > select {
    border: 1px solid #ebeef2;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .fields > .field > input:focus {
    box-shadow: 0px 0px 0px 2px #2972fe inset;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #dadee3;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .fields > .field > select {
    background-color: #ffffff;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .fields > .field > .subField > .checkbox:not(.checked) {
    border: 1px solid #e5e5e5;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .fields > .field > .subField > .checked {
    background-image: url('/images/tickWhite.svg');
    background-color: #54b7f9;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .fields > .field > .subField > .text {
    color: #222222;
}
.page[name='survey'] > .content > .wrapper[index='2'] > .formWrapper > .fForm > .fields > .field[key='occupations'] > .fControl > .button {
    border: 1px solid #ebeef2;
}
.page[name='survey'] > .button {
    background-color: #2993ce;
    filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.15));
}

#options[ids='addQuestion'] > .buttons > .button {
    background-color: #d9d9d9;
    color: #000000;
}
#panel[ids='surveyAddress'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}