/* Reference Jira Story RCU-294 -> https://zennify.atlassian.net/browse/RCU-294 */

/* Remove auto save notification */
runtime_omnistudio_omniscript-omniscript-save-for-later-acknowledge,
omnistudio-omniscript-save-for-later-acknowledge {
    display: none !important;
}

/* Body Styles Default Font */
body {
    color: #333333;
    font-size: 16px;
}

/* Font reference */
font {
    font-family: 'Source Sans Pro', sans-serif;
}

/* Body Styles Section Headers */
.vlc-separator[omnistudio-omniscriptStep_omniscriptStep] {
    border-color: #84bd00 !important;
}
	
/* Primary Button Default Style - css for Next button */
.omniscript-btn-next > .vlocity-btn {
    padding: 0px 30px !important;
    background: linear-gradient(45deg, #046a38, #84bd00);
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    min-width: 200px;
    height: 45px;
    text-wrap: nowrap;
}

/* Primary Button Hover Style */
.omniscript-btn-next > .vlocity-btn:hover {
    padding: 5px 30px;
    /* background: #046a38; */
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
}

/* Secondary Button Default Style - css for Previous */
.omniscript-btn-previous > .vlocity-btn {
    padding: 5px 30px;
    background: #333333;
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    min-width: 200px;
    height: 45px;
}

/* Secondary Button Hover Style */
.omniscript-btn-previous > .vlocity-btn:hover {
    padding: 5px 30px;
    background: #65656A;
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold; 
}

/* Plain Text Link Default Style */
a {
    color: #333333;
    text-decoration: underline;
}

/* Plain Text Link Hover Style */
a:hover {
    color: #046a38;
    text-decoration: none; 
}

/* Radio Button Style Checked */
/*
.slds-checkbox .slds-checkbox_faux, .slds-checkbox .slds-checkbox--faux {
    background: #046a38 !important;
}
*/

/* Radio Button Styles After */
/*
.slds-checkbox [type=checkbox]:checked + .slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked + .slds-checkbox--faux:after,
.slds-checkbox [type=checkbox]:checked ~ .slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked ~ .slds-checkbox--faux:after,
.slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox--faux:after {
    border-bottom: solid 2px #ffffff !important;
    border-left: solid 2px #ffffff !important;
}
*/

/* Dropdown Styles List Hover */
.slds-listbox__option-text_entity[omnistudio-combobox_combobox_slds]:hover {
    border-color: #84bd00;
    background: #edf5e4;
}

/* ----------------------------------------------------------------------
** Table Styles
---------------------------------------------------------------------- */

/* Table header */
th {
    background: #edf5e4;
    font-weight: bold;
    border: none;
    font-size: 18px;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    padding-top: 20px;
}

/* Odd row */
tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Even row */
tr:nth-child(even) {
    background-color: #fafafa; 
}

/* Cells */
td {
    color: #333333;
    border: none;
    padding: 10px; /* duplicate 'padding: 5px' removed */
}

/* ----------------------------------------------------------------------
   rcu changes
---------------------------------------------------------------------- */

/* global changes */
/* step chart */
@media (max-width: 1024px) {
    [data-omni-key="omniscriptStepChart"] .slds-progress {
        margin-top: -20px !important;
        margin-left: 10px !important;
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n):nth-child(-n+7) .omni-hz-stepchart-label {
        left: 0%;
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n+7):nth-child(-n+8) .omni-hz-stepchart-label {
        left: calc(-15%);
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n+9):nth-child(-n+10) .omni-hz-stepchart-label {
        left: calc(-35%);
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n+11):nth-child(-n+13) .omni-hz-stepchart-label {
        left: calc(-40%);
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n+14):nth-child(-n+15) .omni-hz-stepchart-label {
        left: calc(-75%);
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n+16):nth-child(-n+17) .omni-hz-stepchart-label {
        left: calc(-90%);
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n+18):nth-child(-n+25) .omni-hz-stepchart-label {
        left: calc(-100%);
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n+17):nth-child(-n+25) .omni-hz-stepchart-list-item {
        width: 0px !important;
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n+17):nth-child(-n+25) .slds-progress__item.slds-is-active .slds-progress__marker {
        border-color: transparent !important; 
    }

    [data-omni-key="omniscriptStepChart"] li:nth-child(n+17):nth-child(-n+25) .omni-hz-stepchart-completed .omni-stepchart-button-completed {
        width: 0px !important; 
    }

    [data-omni-key="omniscriptStepChart"] .omni-hz-stepchart-label {
        padding-top: 5px !important;
        overflow: auto !important;
        max-width: 100% !important;
    }

    [data-omni-key="omniscriptStepChart"] .slds-grid {
        overflow-x: clip !important;
    }

    .slds-progress__marker_icon,
    .slds-progress__marker--icon {
        height: auto !important;
        margin-left: -3px !important;
    }

    .slds-progress__item.slds-is-completed .slds-progress__marker,
    .slds-progress__item.slds-is-active .slds-progress__marker {
        background: #f8f8f8 !important;
    }
    
    .slds-progress__item.slds-is-completed .slds-progress__marker_icon {
        border-color: #f8f8f8 !important;
    }

    .slds-progress__item .omni-stepchart-button-pristine {
        border-color: #f8f8f8 !important;
        background-color: #737373 !important;
        width: 18px !important;
        height: 18px !important;
    }
}

/* checkbox */
.slds-checkbox .slds-checkbox_faux,
.slds-checkbox .slds-checkbox--faux {
    background: white !important;
}

.slds-checkbox_faux::after {
    border-color: green !important;
    width: 0.75rem !important;
    height: 0.35rem !important;
    border-width: 3px !important;
    position: relative !important;
    top: 6px !important;
}

/* input shadowing */
.slds-input:focus {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2) !important; 
    border: none !important;
}

input:focus {
    outline: none !important;
    border: 2px solid green !important;
    box-shadow: 0 0 5px green !important;
}

/* page background color - for improved input shadowing */
article {
    background: #f8f8f8 !important;
}

/* radio button */
.slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after {
    background-color: #3ba100 !important;
}

/* date picker icon */
button[data-id="datePickerBtn"] {
    display: none !important;
}

/* are you a member page */
runtime_omnistudio_omniscript-omniscript-step[data-omni-key="AreYouaMember"]
  div.slds-accordion
  div.slds-accordion__list-item
  section.slds-accordion__section
  fieldset.slds-accordion__content
  div.slds-grid.slds-m-vertical_medium {
    margin-top: -10px !important;
}

/* select prod page */
@media (max-width: 1224px) {
    .omni-editblock-table-row .slds-size_12-of-12.slds-grid .slds-size_11-of-12.slds-grid.slds-wrap {
        display: block !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .omni-editblock-table-row .slds-size_12-of-12.slds-grid .slds-size_11-of-12.slds-grid.slds-wrap .slds-grid_align-center {
        justify-content: flex-start !important;
    }

    .omni-editblock-table-row .slds-size_12-of-12.slds-grid .slds-size_11-of-12.slds-grid.slds-wrap > div {
        width: 100% !important;
        padding-bottom: 5px !important;
        padding-top: 0px !important;
    }

    runtime_omnistudio_omniscript-omniscript-edit-block .edit-block-role-table:nth-of-type(2) {
        display: none !important;
    }
}

runtime_omnistudio_omniscript-omniscript-edit-block-label {
    display: none !important;
}

runtime_omnistudio_omniscript-omniscript-edit-block-wrapper {
    margin-top: -15px !important;
}

/* runtime_omnistudio_omniscript-omniscript-custom-lwc[data-omni-key="CustomLWC20"] {
    margin-top: -40px !important;
} */

/* primary contact information page */
runtime_omnistudio_omniscript-omniscript-select[data-omni-key="BusinessHeadquartersCounty"] {
    margin-top: 20px !important;
}

/* tell us about your business */
runtime_omnistudio_omniscript-omniscript-radio[data-omni-key="Business_Tax_ID_Type"] {
    margin-top: 20px !important;
}

/* due diligence activities */
runtime_omnistudio_omniscript-omniscript-step
  runtime_omnistudio_omniscript-omniscript-checkbox.slds-show_inline-block.slds-size_12-of-12 {
    height: 44px !important;
}

runtime_omnistudio_omniscript-omniscript-text[data-omni-key="Text1"] {
    padding-top: 10px !important;
}

/* due diligence transactions */
runtime_omnistudio_omniscript-omniscript-block .slds-accordion__summary {
    display: none !important;
}

/* initial deposit setup */
fieldset.slds-form-element > div.slds-form-element__control > div.slds-radio_button-group > span.slds-button.slds-radio_button {
    background-color: white !important;
}

fieldset.slds-form-element > div.slds-form-element__control > div.slds-radio_button-group > span.slds-button.slds-radio_button > label.slds-radio_button__label {
    text-align: center !important;
    line-height: 1.2 !important;
    padding: 10px 10px 15px 10px !important;
    background: transparent !important;
}

fieldset.slds-form-element > div.slds-form-element__control > div.slds-radio_button-group > span.slds-button.slds-radio_button > label.slds-radio_button__label > span.slds-radio_faux {
    padding: 0px !important;
}

fieldset.slds-form-element > div.slds-form-element__control > div.slds-radio_button-group > span.slds-button.slds-radio_button > input[type="radio"]:checked + label.slds-radio_button__label {
    background-color: #01860b !important;
    height: 100% !important;
    width: 100% !important;
    align-content: center !important;
    padding: 10px 10px 15px 10px !important;
    box-shadow: none !important;
}

fieldset.slds-form-element > div.slds-form-element__control {
    margin-top: 5px !important;
}

/* business requirements */
runtime_omnistudio_omniscript-omniscript-text-block div.slds-text-block p > span[style*="color: #ecf0f1;"] {
    display: none;  /* remove non-visible space caused by a non-existent text block with multiple spans each having this character: '\' */
}




/* round 2 changes */
/* global changes */
/* begin page focus-visible on title */
runtime_omnistudio_omniscript-omniscript-step[data-omni-key="Begin"] .custom-step-label.os-step-label {
    /* outline: -webkit-focus-ring-color auto 0px !important; */
    outline: 0 !important;
}

/* remove underline under title on each page */
runtime_omnistudio_omniscript-omniscript-step .vlc-separator {
    display: none !important;
}

/* adjust background color of all tooltips */
span.tooltip .tooltip-body, div.slds-popover .slds-popover__body {
    color: black !important;
}

span.tooltip, div.slds-popover {
    background: #f9f9f9 !important;
}

/* yes/no radio button adjustments */
.slds-radio .slds-form-element__label {
    margin: -3px 10px 0px -7px !important;
    font-size: 0.85rem !important;
}

/* remove focus box in dropdowns */
.slds-listbox_vertical .slds-listbox__option:focus, .slds-listbox_vertical .slds-listbox__option.slds-has-focus {
    box-shadow: none !important;
}

/* better align checkboxes with content in desktop view */
@media (min-width: 768px) {
    .slds-checkbox {
        margin-top: 10px !important;
        display: inline-block !important;
    }
}

/* adjust tooltip height to prevent a scrollbar from showing*/
@media only screen and (max-width: 599px) {
    .tooltip-body {
        max-height: none !important;
    }
}

/* adjust distance between uploader and content */
runtime_omnistudio_omniscript-omniscript-custom-lwc[data-omni-key="CustomLWC59"] {
    margin-top: -10px !important;
}

/* adjust the position of the help icon on the due diligence activities page */
.slds-checkbox .slds-checkbox__label .slds-form-element__label {
    margin-top: 1px !important;
}

/* remove extra space between checkboxes on due diligence transactions page */
.slds-p-horizontal_none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* adjust table in loans and credits page in mobile */
@media only screen and (max-width: 599px) {
    .loan-table lightning-input.slds-form-element
    lightning-primitive-input-checkbox[variant="standard"]
    > div.slds-form-element__control
    > span.slds-checkbox
    > label.slds-checkbox__label {
        /* width: 30px; */
        gap: unset !important;
        display: grid !important;
        padding: 5px !important;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .loan-table lightning-input.slds-form-element
    lightning-primitive-input-checkbox[variant="standard"]
    > div.slds-form-element__control
    > span.slds-checkbox
    > label.slds-checkbox__label {
        display: inline-flex;
        padding: 7px 5px 0px 25px
    }
}

/* raise info icons on the business operations page */
[data-omni-key="Due Diligence Activities"] .slds-button {
    margin-top: -10px !important;
}

@media only screen and (max-width: 599px) {
    [data-omni-key="Due Diligence Activities"] .slds-form-element__control .slds-checkbox {
        display: flex !important;
    }
}


/* adjustments to are you a member radio buttons */
runtime_omnistudio_omniscript-omniscript-radio[data-omni-key="RCU Member"]
    runtime_omnistudio_common-radio-group
    fieldset.slds-form-element
    div.slds-form-element__control
    div.slds-radio
    label.slds-radio__label
    span.slds-radio_faux {
        margin-top: -2px !important;
        box-shadow: none !important;
  }
runtime_omnistudio_omniscript-omniscript-radio[data-omni-key="ExistingMember"]
    runtime_omnistudio_common-radio-group
    fieldset.slds-form-element
    div.slds-form-element__control
    div.slds-radio
    label.slds-radio__label
    span.slds-radio_faux {
        margin-top: -2px !important;
        box-shadow: none !important;
}

/* adjust the space between radio button on are you a member page */
runtime_omnistudio_omniscript-omniscript-radio[data-omni-key="ExistingMember"] .slds-form-element__control .slds-radio {
    margin-bottom: 5px !important;
}

/* questions about your business mobile adjustments to dropdowns*/
@media only screen and (max-width: 599px) {
    [data-omni-key="diligenceQuestion"] .slds-dropdown-trigger_click.slds-is-open .slds-dropdown {
        display: contents !important;    
    }

    [data-omni-key="diligenceQuestion"] lightning-base-combobox-item {
        background: white !important;
    }

    [data-omni-key="diligenceQuestion"] div.slds-combobox.slds-dropdown-trigger_click.slds-is-open {
        border: solid 1px #888888 !important;
        border-radius: 4px !important;
    }

    [data-omni-key="diligenceQuestion"] .slds-combobox__input:focus {
        box-shadow: none !important;
    }
}

/* review page checkbox alignment etc. */
c-application-summary .slds-checkbox__label {
    display: block !important;
}

c-application-summary .field-group-title {
    text-align: left !important;
    font-weight: bold !important;
    margin-top: 20px !important;
}

c-application-summary .slds-table:not(.slds-no-row-hover) tbody tr:hover>td {
    background-color: transparent !important;
}

c-application-summary .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>td:not(.slds-has-focus) {
    box-shadow: none !important;
}

/* remove all radio halos through out full app */
.slds-radio [type=radio]:focus+.slds-radio__label .slds-radio_faux {
    box-shadow: none !important;
}

/* remove all checkbox halos through out full app */
.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox_faux {
    --slds-c-checkbox-shadow: none Impor !important;
}

.slds-checkbox .slds-checkbox_faux {
    box-shadow: none !important;
}

/* remove all info icon halos through out full app */
runtime_omnistudio_common-tooltip .slds-button:active {
    border-color: transparent !important;
}

runtime_omnistudio_common-tooltip .slds-button:focus {
    box-shadow: none !important;
}

lightning-helptext .slds-button:active {
    border-color: transparent !important;
}

lightning-helptext .slds-button:focus {
    box-shadow: none !important;
}

/* add extra space above the thank you message on the follow up page */
runtime_omnistudio_omniscript-omniscript-radio[data-omni-key="Wealth_Management"] + * {
    margin-top: 10px !important;
}

/* step chart active item halo color */
.slds-progress__item.slds-is-active .slds-progress__marker {
    border-color: #3bcb3b  !important;
}

/* on add roles list page move info icon closer to text */
c-dao-add-applicant .slds-radio .slds-form-element__label {
    margin: -3px 0px 0px -7px !important;
}

/* date picker issue where it spills over the edge of the screen */
.slds-dropdown-trigger_click.slds-is-open .slds-dropdown {
    width: 95% !important;
    overflow: hidden !important;
}

table.slds-datepicker__month.datepicker-days {
    table-layout: fixed;
}

/* remove focus box aroung 'download pdf' button on review page */
c-application-summary .slds-button_brand:focus {
    box-shadow: none !important;
}

/* preserve the extra spaces in the NAICS dropdown list - to give ability to find same value back in the custom object  */
span.slds-listbox__option-text.slds-listbox__option-text_entity {
    white-space: pre; /* preserves all spaces exactly */
}

/* move tooltip info icon up a bit especially on the business operations page */
runtime_omnistudio_common-tooltip.slds-tooltip_container
  > span.slds-is-relative
  > runtime_omnistudio_common-button
  > button.slds-button.slds-button_icon { 
    margin-top: -10px !important;
}


/* ! kim's code */
/* ============================
   SAFE WRAP / LINE-FEED PATCH (NO STEP-CHART CHANGES)
   Visual-only; no behavior changes
   ============================ */

/* 1) Let labels wrap naturally and breathe */
runtime_omnistudio_omniscript-omniscript-step .slds-form-element__label,
runtime_omnistudio_omniscript-omniscript-step .slds-checkbox__label,
runtime_omnistudio_omniscript-omniscript-step .slds-radio__label {
    white-space: normal;          /* allow wrapping */
    word-break: break-word;       /* break long tokens */
    line-height: 1.3;             /* smoother line feeding */
}

/* 2) Keep icons aligned when label wraps to multiple lines */
runtime_omnistudio_omniscript-omniscript-step .slds-checkbox__label,
runtime_omnistudio_omniscript-omniscript-step .slds-radio__label {
    display: inline-flex;         /* lock icon + text together */
    align-items: flex-start;
    gap: 0.5rem;                  /* space between faux icon and text */
}
/* runtime_omnistudio_omniscript-omniscript-step .slds-checkbox__label .slds-checkbox_faux,
runtime_omnistudio_omniscript-omniscript-step .slds-radio__label .slds-radio_faux {
    margin-top: 2px;              /* nudge icon off the first text line */
/* }  */

/* 3) Replace hard heights so wrapped text doesn't clip/collide */
runtime_omnistudio_omniscript-omniscript-step
  runtime_omnistudio_omniscript-omniscript-checkbox.slds-show_inline-block.slds-size_12-of-12 {
    min-height: 44px !important;  /* was height:44px; */
    height: auto !important;
}

.slds-radio_button {
    display: flex;
    border-radius: 4px;
    background-clip: padding-box;
}
 
/* Due diligence questions page */
/* multi-selectors */
/* Your selected state */
.slds-dueling-list__options [aria-selected="true"],
.slds-picklist__options [aria-selected="true"] {
  color: var(--slds-g-color-neutral-base-100, var(--lwc-colorTextButtonBrand, rgb(255, 255, 255)));
  background: #181818;
}
 
/* Remove hover/focus/active effect for ALL options */
.slds-dueling-list__options .slds-listbox__option:hover,
.slds-dueling-list__options .slds-listbox__option:focus,
.slds-dueling-list__options .slds-listbox__option:active,
.slds-picklist__options .slds-listbox__option:hover,
.slds-picklist__options .slds-listbox__option:focus,
.slds-picklist__options .slds-listbox__option:active {
  background: inherit !important;
  color: inherit !important;
  box-shadow: none !important;  /* SLDS sometimes adds shadows */
  text-decoration: none !important;
}
 
/* Keep selected items steady even on hover/focus */
.slds-dueling-list__options [aria-selected="true"]:hover,
.slds-dueling-list__options [aria-selected="true"]:focus,
.slds-picklist__options [aria-selected="true"]:hover,
.slds-picklist__options [aria-selected="true"]:focus {
  background: #181818 !important;
  color: #fff !important;
  box-shadow: none !important;
}


/* merges of css from somnath on 10/8 */
/* ************************************************************************************************ */
/* somnath */
/*Welcome Page*/
/* .omniscript-article[data-content-position="right"],
.omniscript-article[data-content-position='top'] {
  min-height: 100vh !important;
} */
 
img.banner {
   max-width: 100% !important;
   min-height: 50vh !important;
  }
@media screen and (max-width: 768px) {
  img.banner {
    max-width: 100% !important;
    min-height: 25vh !important;
  }
}

/* ************************************************************************************************ */
/* removal of save-for-later - 11/24/25 */
.omniscript-btn-save-for-later {
    display: none !important;
}

/* remove 15th element of the step chart ('processing application') */
/* [data-omni-key="omniscriptStepChart"] li:nth-child(15) > :first-child {
    display: none !important;
} */

.slds-progress__item  {
    pointer-events: none !important;
}