/*SF-1174*/

.slds-form-element__control {
    margin-top: 8px;
}

.slds-radio {
    border: 1px solid var(--base-lighter, #E0E1E2);
    background: var(--base-lightest, #F4F5F5);
    padding: 12px;
    margin-bottom: 4px;
}

.slds-radio:has(> input[type="radio"]:checked) {
    border: 2px solid var(--primary, #003976);
    background: var(--primary-lighter, #E5EBF1);
}

.slds-radio .slds-form-element__label {
    cursor: pointer;
}

.slds-radio [type=radio]:checked+.slds-radio--faux,
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux,
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux,
.slds-radio [type=radio]:checked+.slds-radio_faux,
.slds-radio [type=radio]:checked~.slds-radio--faux,
.slds-radio [type=radio]:checked~.slds-radio_faux {  
    border: 2px solid var(--primary, #003976);
    background: var(--primary-lighter, #E5EBF1);
}

.slds-checkbox {
    border-radius: 4px;
    border: 1px solid var(--base-lighter, #E0E1E2);
    background: var(--base-lightest, #F4F5F5);
    margin-bottom: 4px;
    padding: 12px;
}

.slds-checkbox:has(> input[type="checkbox"]:checked) {
    border: 2px solid var(--primary, #003976);
    background: var(--primary-lighter, #E5EBF1);
}

.slds-has-error .slds-form-element__help,
.slds-required {
    margin-top: 8px;
}

.slds-form-element {
    margin-bottom: 0;
}

.slds-form-element__label {
    margin-top: 20px;
}

.slds-form-element__legend {
    margin-top: 20px;
    font-weight: unset;
}

c-radio-group>div,
c-checkbox-group>div {
    margin-top: 20px;
}

.slds-progress_vertical .slds-progress__item_content {
    font-size: 1rem;
    font-weight: 400;
}



div.SummaryCollapse>omnistudio-block>div>div>button>span>span.slds-text-heading_small.blockLabel,
div.SummaryCollapse>omnistudio-block>div>div>button>span>span.slds-text-heading_small.blockLabel.label-color-onexpand,
.SummaryCollapseHeader {
    color: var(--base-darkest, #161B1E);
    font-family: var(--dxp-s-text-heading-medium-font-family);
    font-size: var(--dxp-s-text-heading-medium-font-size);
    font-style: var(--dxp-s-text-heading-medium-font-style) !important;
    font-weight: var(--dxp-s-text-heading-medium-font-weight) !important;
    line-height: var(--dxp-s-text-heading-medium-line-height) !important;
    letter-spacing: 0.25px !important;
}

.SummaryHeader {
    color: var(--base-darkest, #161B1E);
    font-family: var(--dxp-s-text-heading-small-font-family);
    font-size: var(--dxp-s-text-heading-small-font-size);
    font-style: var(--dxp-s-text-heading-small-font-style);
    font-weight: var(--dxp-s-text-heading-small-font-weight);
    line-height: var(--dxp-s-text-heading-small-line-height);
    flex-shrink: 0;
}

.SummaryFieldLabel {
    color: var(--base, #61686C);
    /*font-family: var(--dxp-s-text-heading-extra-small-font-family);*/
    /*font-size: var(--dxp-s-text-heading-extra-small-font-size);*/
    /*font-style: var(--dxp-s-text-heading-extra-small-font-style);*/
    /*font-weight: var(--dxp-s-text-heading-extra-small-font-weight);*/
    /*line-height: var(--dxp-s-text-heading-extra-small-line-height) !important;*/
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 1rem;
}

.SummaryFieldValue {
    color: var(--base-darkest, #161B1E);
    /*font-family: var(--dxp-s-text-heading-extra-small-font-family);*/
    /*font-size: var(--dxp-s-text-heading-extra-small-font-size);*/
    /*font-style: var(--dxp-s-text-heading-extra-small-font-style);*/
    /*font-weight: var(--dxp-s-text-heading-extra-small-font-weight);*/
    /*line-height: var(--dxp-s-text-heading-extra-small-line-height) !important;*/
    font-family: var(--dxp-s-html-font-family);
    font-weight: 400;
    font-size: 1rem;
}

.SummaryHorizontalRule {
    background-color: var(--base-lighter, #E0E1E2);
    flex-shrink: 0;
}

.SummaryCard {
    border: 1px solid var(--base-lighter, #E0E1E2);
    border-radius: 0.25rem;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.SummaryDivider {
    border-bottom: 1px solid var(--base-lighter, #E0E1E2);
}

.SummaryRowContainer {
    flex-shrink: 0;
}

.SummaryLabelContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.gradientPrimary8ToPrimary5 {
    background: linear-gradient(100deg, var(--primary-blue-8, #00172F) 0%, var(--primary-blue-5, #003976) 100%);
}