:root {
    --header-color: #FFF;
    --header-image: url('../img/header-logo.png');
    --bg-color: #FFF;
    --bg-side-color: #FFF;
    --question-type-text-color: #00BAFF;
    --question-number-text-color: #00baff;
    --question-page-text-color: #007fdd;
    --question-progressbar-from: #c1e9f9;
    --question-progressbar-to: #c5efff;
    --question-progressbar-answered-from: #95e2ff;
    --question-progressbar-answered-to: #00a1dd;
    --result-loading-bg-color: #1a237e;
    --result-bg-color: #FFF;
    --result-man-icon-image: url('/images/man.svg');
    --result-woman-icon-image: url('/images/woman.svg');
    --result-speech-balloon-color: #E5F8FF;
    --result-speech-balloon-triangle-image: url('/images/thoughtTriangle.svg');
    --result-insurance-type-header-color: #2020B0;
    --result-information-bg-color: #E7FFFA;
    --result-information-check-image: url('/images/blueCheck.svg');
    --result-information-salary-man-image: url('/images/new-blue-man.png');
    --result-insurance-example-head-text: #007FDD;
    --result-tri-arrow-down-image: url('/images/tri-arrow-down.svg');
    --result-information-fp-chat-bg-color: #FFF5F5;
    --result-information-online-consultation-bg-color: #FFF5F5;
    --intensions-bg-color: #EAFAFF;
    --intensions-title-bg-color: #E5F8FF;
    --mc-attention-wrapper-bg-color: #f3f9ff;
    --mc-attention-border-color: #d1e3f8;
    --fc-event-clicked-bg-color: #BBEDFF;
    --complete-date-bg-color: #E5F8FF;
    --complete-calender-icon-image: url('../img/form/calender.svg');
}

.theme-header{
    background-color: var(--header-color) !important;
}

.theme-header .logo-area {
    background-image: var(--header-image);
    height: 60px;
    width: 375px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.question-type-text{
    color: var(--question-type-text-color);
}

.question-number-text{
    color: var(--question-number-text-color);
}

.question-page-text{
    color: var(--question-page-text-color);
}

.question-progressbar{
    background-image: linear-gradient(to right, var(--question-progressbar-from), var(--question-progressbar-to));
}

.question-progressbar-answered{
    background-image: linear-gradient(to right, var(--question-progressbar-answered-from), var(--question-progressbar-answered-to));
}

.result-loading-bg{
    background-color: var(--result-loading-bg-color);
}

.result-bg-color{
    background-color: var(--result-bg-color);

}

.speech-balloon{
    background-color: var(--result-speech-balloon-color);
}

.speech-balloon-triangle {
    background-image: var(--result-speech-balloon-triangle-image);
    height: 12px;
    width: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.result-insurance-type-header{
    background-color: var(--result-insurance-type-header-color);
}

.result-information{
    background-color: var(--result-information-bg-color);
}

.result-information-check{
    background-image: var(--result-information-check-image);
    height: 16px;
    width: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.result-information-salary-man{
    background-image: var(--result-information-salary-man-image);
    height: 112px;
    width: 335px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

.result-insurance-example-head-text{
    color: var(--result-insurance-example-head-text);
}

.result-tri-arrow-down{
    background-image: var(--result-tri-arrow-down-image);
    height: 14px;
    width: 59px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.result-information-fp-chat-bg{
    background-color: var(--result-information-fp-chat-bg-color);
}

.result-information-online-consultation-bg{
    background-color: var(--result-information-online-consultation-bg-color);
}

.result-man-icon{
    display: block;
    background-image: var(--result-man-icon-image);
    height: 80px;
    max-width: 100%;
    min-width: 81px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.result-woman-icon{
    display: block;
    background-image: var(--result-woman-icon-image);
    height: 80px;
    max-width: 100%;
    min-width: 81px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}