.view[name='surveyReport'] {
    background-color: #ffffff;
}
.view[name='surveyReport'] > .header {
    border-bottom: 1px solid #e0e0e0;
}
.view[name='surveyReport'] > .content > .title {
    color: #2993ce;
}
.view[name='surveyReport'] > .content > .questions > .question > .text {
    color: #000000;
}
.view[name='surveyReport'] > .content > .questions > .question[type='image'] > .options > .option.active {
    border: 2px solid #2993ce;
}
.view[name='surveyReport'] > .content > .questions > .question[type='image'] > .options > .option > .imageWrapper {
    background-color: #f1f2f4;
}
.view[name='surveyReport'] > .content > .questions > .question[type='text'] > .options > .option.active > .circle {
    background-image: url('/images/tickWhite.svg');
    background-color: #2993ce;
}
.view[name='surveyReport'] > .content > .questions > .question[type='text'] > .options > .option:not(.active) > .circle {
    border: 2px solid #000000;
}
.view[name='surveyReport'] > .content > .questions > .question[type='text'] > .options > .option.active > .circle {
    border: 2px solid #2993ce;
}
.view[name='surveyReport'] > .content > .questions > .question[type='text'] > .options > .option > .text {
    color: #000000;
}
.view[name='surveyReport'] > .content > .questions > .question[type='text'] > .options > .option:not(.active) > .square {
    border: 2px solid #000000;
}
.view[name='surveyReport'] > .content > .questions > .question[type='text'] > .options > .option.active > .square {
    background-image: url('/images/tickWhite.svg');
    background-color: #2993ce;
    border: 2px solid #2993ce;
}
.view[name='surveyReport'] > .footer {
    box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.1);
}
.view[name='surveyReport'] > .footer > .price {
    color: #000000;
}
.view[name='surveyReport'] > .footer > .button {
    background-color: #2993ce;
    color: #ffffff;
}