@import url("/resources/sponsorship-registration/css/responsive.css");

.registration-header .registration-header-wrapper .header__logo {
    background-image: url(/resources/sponsorship-registration/images/svg/logo-white.svg);
    background-size: 220px 60px;
    height: 60px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

.main-content-wrapper .bg-image{
    background-image: url(/resources/sponsorship-registration/images/jpg/Sponsor_Center.jpg) !important;
    background-repeat: no-repeat;
    box-shadow: inset 250px 0 250px rgba(255, 255, 255, 1);
}

.content-wrapper .content-wrapper__page-info-section,
welcome-view .content-wrapper .content-wrapper__subtitle,
share-amounts-view .content-wrapper .content-wrapper__page-subtitle,
.content-wrapper .content-wrapper__step,
.content-wrapper .content-wrapper__page-uploading,
.sign-in-result,
.group-members-forecasts {
    background-color: var(--common-light-purple-color) !important;
}

.content-wrapper .content-wrapper__step .content-wrapper__step-number {
    background-color: var(--common-purple-color) !important;
    height: 22px !important;
    padding-top: 2px;
}

.content-wrapper .content-wrapper__step .content-wrapper__step-line {
    background-color: #B9C2CD !important;
}

.action-wrapper .action-link,
.dx-placeholder,
.dx-box-item-content,
.dx-field-item-label-text,
.dx-item-content .dx-list-item-content,
.dx-item-content.dx-list-item-content {
    font-size: var(--content-normal-font-size) !important;
}

.group-members-wrapper .group-members,
.group-members-forecasts__block,
members-info-view .content-wrapper {
    font-size: var(--content-large-font-size) !important;
}

.download-btn,
.content-wrapper .content-wrapper__page-uploading .browse-select,
.text-link,
a.text-link {
    color: var(--common-purple-color) !important;
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background: var(--common-purple-color) !important;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid var(--common-purple-color) !important;
}
.dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
    background-color: var(--common-purple-color) !important;
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon::before {
    border-color: rgba(45, 41, 112, .4);
}

.dx-popup-title > div,
.dx-popup-title .popup-title,
.dx-popup-title .exit-popup-title,
.dx-popup-title .approval-popup-title,
.dx-popup-title .share-amounts-popup-title {
    background-color: var(--common-purple-color) !important;
    color: #fff !important;
}