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