.study-review-banner {
    color: #152653;
    margin: 0;
    width: 100%;
    background: color-mix(in srgb, var(--tx-primary, #0032e6) 10%, white);
}

.study-review-banner.is-review .study-review-banner__icon,
.study-review-banner.is-review .banner__title {
    color: var(--tx-primary, #0032e6);
}


.study-review-banner.is-not-interested{
    background: #fff5e7;
}
.study-review-banner.is-not-interested .study-review-banner__icon,
.study-review-banner.is-not-interested .banner__title {
    color: #9C5B00;
}


.study-review-banner__inner {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding-bottom: 18px;
    padding-top: 18px;
}

.study-review-banner--panel .study-review-banner__inner {
    max-width: none;
}

.study-review-banner--trial-detail {
    flex: 0 0 100%;
    max-width: 100%;
}

.study-review-banner--trial-detail.is-review {
    background: color-mix(in srgb, var(--tx-primary, #0032e6) 10%, white);
}

.study-review-banner--trial-detail.is-not-interested {
    background: #fff5e7;
}

.study-review-banner--trial-detail .study-review-banner__inner {
    background: transparent;
    margin-left: auto;
    margin-right: auto;
    max-width: 1380px;
    padding-left: 0;
    padding-right: 0;
}

.study-review-banner__icon {
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1;
    margin-top: 2px;
}

.study-review-banner__error {
    color: #d93025;
    display: none;
    font-size: 14px;
    margin: 0 auto;
    max-width: 1380px;
    padding: 0 0 12px;
}

.banner__body {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.banner__body svg {
    margin-top: 3px;
}

.banner__title {
    color: var(--tx-primary, #0032e6);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 2px;
}

.banner__text,
.study-review-banner__text {
    color: #252d51 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.banner__actions {
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
}

.banner__button {
    align-items: center;
    background: #fff;
    border: 1px solid #D4D5E1;
    border-radius: 8px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    gap: 10px;
    line-height: 24px;
    outline: none !important;
    padding: 10px 16px;
}

.banner__button:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.banner__button--primary {
    background: var(--tx-primary, #0032e6);
    color: var(--tx-primary-fg, #fff);
}

.banner__button--secondary {
    background: #fff;
    border: 1px solid #d3d9e8;
    color: #002766;
}

.banner_color_not_interested {
    color: #9C5B00;
}

.banner_heading_color_review,
.banner_heading_color {
    color: var(--tx-primary, #0032e6);
}

.banner_color_review {
    color: var(--tx-primary, #0032e6);
}

#reconsiderStudyModal,
#studyReviewNotInterestedModal {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050;
}

#reconsiderStudyModal.show,
#reconsiderStudyModal.in,
#studyReviewNotInterestedModal.show,
#studyReviewNotInterestedModal.in {
    display: block;
}

#reconsiderStudyModal .modal-dialog,
#studyReviewNotInterestedModal .modal-dialog {
    margin: 30px auto;
    max-width: 660px;
    pointer-events: none;
    position: relative;
    width: calc(100% - 32px);
}

#reconsiderStudyModal .modal-content,
#studyReviewNotInterestedModal .modal-content {
    background: #fff;
    border: 1px solid #E6E6E9;
    border-radius: 12px;
    box-shadow: 0 0 10px 0 #0000001A;
    color: #162044;
    outline: 0;
    padding: 24px 30px;
    pointer-events: auto;
    position: relative;
}

#reconsiderStudyModal .modal-header,
#studyReviewNotInterestedModal .modal-header {
    align-items: center;
    border-bottom: 1px solid #d9deea;
    display: flex;
    justify-content: space-between;
    padding: 0 0 24px;
}

#reconsiderStudyModal .modal-title,
#studyReviewNotInterestedModal .modal-title {
    color: #252c51;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}

#reconsiderStudyModal .close,
#studyReviewNotInterestedModal .close {
    color: #53617f;
    font-size: 28px;
    opacity: 1;
}

#reconsiderStudyModal .modal-body,
#studyReviewNotInterestedModal .modal-body {
    padding: 24px 0;
}

#reconsiderStudyModal .modal-footer,
#studyReviewNotInterestedModal .modal-footer {
    border-top: 0;
    padding: 0;
    text-align: end;
}

#reconsiderStudyModal .not-interested-study-summary,
#studyReviewNotInterestedModal .not-interested-study-summary {
    align-items: flex-start;
    background: #EDF1FF;
    border: 1px solid #E6E6E9;
    border-radius: 12px;
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
    padding: 12px;
}
#reconsiderStudyModal input[type="radio"], #studyReviewNotInterestedModal input[type="radio"]
{display: inline-block !important;}
#reconsiderStudyModal .not-interested-study-label,
#studyReviewNotInterestedModal .not-interested-study-label {
    align-items: center;
    color: #475569;
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
}

#reconsiderStudyModal .not-interested-study-title,
#studyReviewNotInterestedModal .not-interested-study-title {
    color: #252c51;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500 !important;
}

#reconsiderStudyModal .reason-title,
#studyReviewNotInterestedModal .reason-title {
    color: #252c51;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px;
}

#reconsiderStudyModal .not-interested-error,
#studyReviewNotInterestedModal .not-interested-error {
    color: #d93025;
    display: none;
    margin-top: 8px;
}

#reconsiderStudyModal .button,
#studyReviewNotInterestedModal .button {
    background: #fff;
    border: 1px solid #D3D5E1;
    border-radius: 8px;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 12px;
}

#reconsiderStudyModal .btn-submit,
#studyReviewNotInterestedModal .btn-submit {
    background: #EA4336;
    color: #fff;
}

#studyReviewNotInterestedModal .not-interested-option {
    align-items: center;
    border: none;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px #0000001A !important;
    color: #252c51;
    cursor: pointer;
    display: flex;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 16px 18px;
}

#studyReviewNotInterestedModal .not-interested-option input {
    border-color: #646A84;
    height: 20px;
    margin-right: 8px;
    width: 20px;
}

#studyReviewNotInterestedModal .not-interested-option.is-selected {
    background: #EDF1FF;
}

#studyReviewNotInterestedModal .form-group {
    margin-bottom: 0;
}

#studyReviewNotInterestedModal label[for="study_review_not_interested_comment"] {
    color: #252c51;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

#study_review_not_interested_comment {
    background-color: #fff !important;
    border: 1px solid #D3D5E1 !important;
    border-radius: 8px !important;
    box-shadow: 0px 0px 4px 0px #0024470D !important;
    color: #252c51;
    font-style: normal !important;
    min-height: 108px;
    padding: 14px 16px !important;
    resize: vertical;
    width: 100%;
}

#study_review_not_interested_comment::placeholder {
    font-style: normal !important;
}

.modal-backdrop[data-study-review-modal-backdrop] {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1040;
}
#reconsiderStudySubmit{
    margin-left: 10px;
}
@media (max-width: 1199px) {
    .study-review-banner--trial-detail .study-review-banner__inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 767px) {
    .study-review-banner__inner {
        align-items: stretch;
        flex-direction: column;
        padding: 16px;
    }

    .banner__actions {
        flex-direction: column;
    }

    .banner__button {
        text-align: center
    }
}