/* ============================================================
   SCS Portal ? Figma interactive states (buttons / tabs / toggles)
   Normal: outline or plain | Hover: soft blue | Active/Click: solid brand
   Colors only ? no layout/size changes.
   ============================================================ */

:root {
    --app-ix-brand: #033D53;
    --app-ix-hover: #E0F2FE;
    --app-ix-ink: #033D53;
    --app-ix-muted: #32434B;
}

/* ------------------------------------------------------------------
   Buttons (Bootstrap / MDB) ? skip danger/success/warning + navbar CTA
   ------------------------------------------------------------------ */
body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled),
body.fixed-sn .modal .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled),
body.fixed-sn .swal2-popup .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled),
.my-profile__btn:not(:disabled):not(.is-disabled):not(.my-profile__btn--save) {
    background-color: #ffffff !important;
    border: 1.5px solid var(--app-ix-brand) !important;
    color: var(--app-ix-ink) !important;
    box-shadow: none !important;
}

body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled):hover,
body.fixed-sn .modal .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled):hover,
body.fixed-sn .swal2-popup .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled):hover,
.my-profile__btn:not(:disabled):not(.is-disabled):not(.my-profile__btn--save):hover,
.my-profile__btn--back:not(:disabled):hover {
    background-color: var(--app-ix-hover) !important;
    border-color: var(--app-ix-brand) !important;
    color: var(--app-ix-ink) !important;
}

/* Enabled Save hover ? pale blue + dark navy (user ref) */
.my-profile__btn--save.is-enabled:hover {
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

/* Save disabled must NEVER get brand-blue hover */
.my-profile__btn--save.is-disabled:hover,
.my-profile__btn--save:disabled:hover,
.my-profile__btn--save:not(.is-enabled):hover {
    background-color: #EEF2F6 !important;
    border-color: #D0D5DD !important;
    color: #32434B !important;
}

body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled):active,
body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled).active,
body.fixed-sn .modal .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled):active,
body.fixed-sn .swal2-popup .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(:disabled):not(.disabled):active,
.my-profile__btn:not(:disabled):not(.is-disabled):active {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

/* Pagination current page ? navy fill must beat the white .btn rule above */
body.fixed-sn main .btn.module-list-pagination__page.is-active:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(:disabled):not(.disabled),
body.fixed-sn main .btn.module-list-pagination__page.is-active:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(:disabled):not(.disabled):hover,
body.fixed-sn main .btn.module-list-pagination__page[aria-current="page"]:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(:disabled):not(.disabled) {
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link) i,
body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link) .fa,
.my-profile__btn i {
    color: inherit !important;
}

/* ------------------------------------------------------------------
   Telerik buttons
   ------------------------------------------------------------------ */
body.fixed-sn main .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button),
body.fixed-sn .k-window .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button),
body.fixed-sn .k-dialog .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button) {
    background-color: #ffffff !important;
    border: 1.5px solid var(--app-ix-brand) !important;
    color: var(--app-ix-ink) !important;
    box-shadow: none !important;
}

body.fixed-sn main .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):hover,
body.fixed-sn .k-window .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):hover,
body.fixed-sn .k-dialog .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):hover {
    background-color: var(--app-ix-hover) !important;
    border-color: var(--app-ix-brand) !important;
    color: var(--app-ix-ink) !important;
}

body.fixed-sn main .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):active,
body.fixed-sn main .k-button.k-selected:not(.k-disabled):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button),
body.fixed-sn .k-window .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):active,
body.fixed-sn .k-dialog .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):active {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Tabs ? Bootstrap / MDB nav-tabs
   ------------------------------------------------------------------ */
body.fixed-sn main .nav-tabs .nav-link,
body.fixed-sn main .nav-pills .nav-link {
    color: var(--app-ix-muted) !important;
    background: transparent !important;
    border-color: transparent !important;
}

body.fixed-sn main .nav-tabs .nav-link:hover,
body.fixed-sn main .nav-pills .nav-link:hover {
    color: var(--app-ix-ink) !important;
    background: var(--app-ix-hover) !important;
    border-color: transparent !important;
}

body.fixed-sn main .nav-tabs .nav-link.active,
body.fixed-sn main .nav-pills .nav-link.active,
body.fixed-sn main .nav-tabs .nav-item.show .nav-link {
    color: #ffffff !important;
    background: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
}

/* ------------------------------------------------------------------
   Tabs ? Telerik TabStrip (global)
   ------------------------------------------------------------------ */
body.fixed-sn main .k-tabstrip-items .k-item .k-link {
    color: var(--app-ix-muted) !important;
    background: transparent !important;
    border-color: transparent !important;
}

body.fixed-sn main .k-tabstrip-items .k-item:not(.k-active) .k-link:hover {
    color: var(--app-ix-ink) !important;
    background: var(--app-ix-hover) !important;
}

body.fixed-sn main .k-tabstrip-items .k-item.k-active .k-link {
    color: #ffffff !important;
    background: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
}

body.fixed-sn main .k-tabstrip-items .k-item.k-active .k-link i,
body.fixed-sn main .k-tabstrip-items .k-item.k-active .k-link .k-icon {
    color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Menu-style / list interactive rows (common patterns)
   ------------------------------------------------------------------ */
body.fixed-sn main .list-group-item-action:not(.active):not(:disabled):hover {
    background-color: var(--app-ix-hover) !important;
    color: var(--app-ix-ink) !important;
}

body.fixed-sn main .list-group-item-action.active {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

body.fixed-sn main .dropdown-item:hover,
body.fixed-sn main .dropdown-item:focus {
    background-color: var(--app-ix-hover) !important;
    color: var(--app-ix-ink) !important;
}

body.fixed-sn main .dropdown-item:active,
body.fixed-sn main .dropdown-item.active {
    background-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Toggles / switches
   ------------------------------------------------------------------ */
body.fixed-sn .custom-control-input:checked ~ .custom-control-label::before,
body.fixed-sn .custom-switch .custom-control-input:checked ~ .custom-control-label::before,
body.fixed-sn .form-check-input:checked {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
}

body.fixed-sn .form-switch .form-check-input:checked {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
}

body.fixed-sn .custom-control-input:focus ~ .custom-control-label::before,
body.fixed-sn .form-check-input:focus {
    box-shadow: 0 0 0 0.15rem rgba(3, 61, 83, 0.2) !important;
}

/* ------------------------------------------------------------------
   Profile page SAVE ? never use brand-blue soft hover
   Default / disabled hover = pale gray; enabled = mint only
   ------------------------------------------------------------------ */
.my-profile__btn--save:not(.is-enabled):hover {
    background-color: #EEF2F6 !important;
    border-color: #D0D5DD !important;
    color: #32434B !important;
}

.my-profile__btn--save.is-enabled:hover {
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.my-profile__btn--save.is-enabled:active,
.my-profile__btn--save.is-enabled.is-pressed {
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
}

/* System Admin Save ? Figma APPLY */
body.fixed-sn main button.my-profile__btn--save.is-disabled,
body.fixed-sn main button.my-profile__btn--save:disabled,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-disabled,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save:disabled {
    opacity: 1 !important;
    cursor: not-allowed !important;
    pointer-events: auto !important;
    color: #32434B !important;
    border: 1.5px solid #D0D5DD !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

body.fixed-sn main button.my-profile__btn--save.is-disabled:hover,
body.fixed-sn main button.my-profile__btn--save:disabled:hover,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-disabled:hover,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save:disabled:hover {
    background: #EEF2F6 !important;
    border: 1.5px solid #D0D5DD !important;
    color: #32434B !important;
    box-shadow: none !important;
}

body.fixed-sn main button.my-profile__btn--save.is-enabled,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled {
    cursor: pointer !important;
    color: #033D53 !important;
    border: 1.5px solid #033D53 !important;
    background: #FFFFFF !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

body.fixed-sn main button.my-profile__btn--save.is-enabled:hover,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled:hover {
    background: #E0F2FE !important;
    border: 1.5px solid #033D53 !important;
    color: #033D53 !important;
}

body.fixed-sn main button.my-profile__btn--save.is-enabled:active,
body.fixed-sn main button.my-profile__btn--save.is-enabled.is-pressed,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled:active,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled.is-pressed {
    background: #033D53 !important;
    border: 1.5px solid #033D53 !important;
    color: #FFFFFF !important;
}

body.fixed-sn main button.my-profile__btn--save.is-enabled:active i,
body.fixed-sn main button.my-profile__btn--save.is-enabled.is-pressed i,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled:active i,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled.is-pressed i {
    color: #FFFFFF !important;
}

/* ------------------------------------------------------------------
   Global hover soft-blue ? beat legacy white-skin / MDB teal
   ------------------------------------------------------------------ */
body.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
body.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
body.fixed-sn .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
body.fixed-sn .navbar .navbar-nav .nav-item .dropdown-menu a:focus {
    background-color: var(--app-ix-hover) !important;
    color: #32434B !important;
}

body.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
body.fixed-sn .navbar .navbar-nav .nav-item .dropdown-menu a:active {
    background-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Telerik radio ? selected ring + inner dot = brand #033D53
   (beats Telerik Material blue #1565c0; ::before uses currentColor)
   ------------------------------------------------------------------ */
html body.fixed-sn main .k-radio,
html body.fixed-sn main input.k-radio,
html body.fixed-sn main input[type="radio"].k-radio {
    accent-color: #033D53 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

html body.fixed-sn main .k-radio:checked,
html body.fixed-sn main .k-radio.k-checked,
html body.fixed-sn main input.k-radio:checked,
html body.fixed-sn main input[type="radio"].k-radio:checked,
html body.fixed-sn main .k-radio-list .k-radio:checked,
html body.fixed-sn main .k-radio-list .k-radio.k-checked {
    border-color: #033D53 !important;
    color: #033D53 !important;
    accent-color: #033D53 !important;
}

html body.fixed-sn main .k-radio:checked::before,
html body.fixed-sn main .k-radio.k-checked::before,
html body.fixed-sn main input.k-radio:checked::before,
html body.fixed-sn main input[type="radio"].k-radio:checked::before,
html body.fixed-sn main .k-radio-list .k-radio:checked::before,
html body.fixed-sn main .k-radio-list .k-radio.k-checked::before {
    background-color: #033D53 !important;
    background: #033D53 !important;
    box-shadow: none !important;
}

html body.fixed-sn main .k-ripple-container .k-radio::after {
    background: #033D53 !important;
}

/* Selected inner dot = brand via inset shadow (beats Telerik ::before blue) */
html body .k-radio:checked,
html body .k-radio.k-checked,
html body input.k-radio:checked,
html body input[type="radio"].k-radio:checked {
    border-color: #033D53 !important;
    border-width: 2px !important;
    color: transparent !important;
    accent-color: #033D53 !important;
    background-color: #033D53 !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 3px #FFFFFF !important;
}

html body .k-radio:checked::before,
html body .k-radio.k-checked::before,
html body input.k-radio:checked::before,
html body input[type="radio"].k-radio:checked::before {
    content: none !important;
    display: none !important;
    background: transparent !important;
    background-color: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0) !important;
    -webkit-transform: scale(0) !important;
}

/* ============================================================
   FC wizard Step 5 ? DropDownList popup options
   (popup is portaled; style via open-state :has, not only PopupSettings.Class)
   ============================================================ */
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)),
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list-container):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) {
    z-index: 10050 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) > .k-popup,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) > .k-list-container,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-container,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup) > .k-popup,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup) > .k-list-container,
html body.fixed-sn .k-popup.fc-wizard-dd-popup,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup,
html body.fixed-sn .fc-wizard-dd-popup.k-popup,
html body.fixed-sn .fc-wizard-dd-popup.k-list-container {
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12) !important;
    background: #FFFFFF !important;
    padding: 0.35rem !important;
    overflow: hidden !important;
    outline: none !important;
    box-sizing: border-box !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) .k-list,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) .k-list-content {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
}

/* Filter search row ? soft field */
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-filter,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-searchbox,
html body.fixed-sn .fc-wizard-dd-popup .k-list-filter,
html body.fixed-sn .fc-wizard-dd-popup .k-searchbox {
    margin: 0 0 0.25rem 0 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 0.5rem !important;
    background: #F0F4F8 !important;
    box-shadow: none !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-input,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-searchbox .k-input,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-input-inner,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-searchbox input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #32434B !important;
    font-size: 0.75rem !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item,
html body.fixed-sn .fc-wizard-dd-popup .k-list-optionlabel,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-item,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-optionlabel {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    margin: 0 0 0.15rem 0 !important;
    padding: 0.35rem 0.5rem !important;
    color: #475E69 !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item:last-child,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel:last-child {
    margin-bottom: 0 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-optionlabel::before,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-item::before,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-optionlabel::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    box-sizing: border-box !important;
    border: 1.5px solid #32434B !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item::after,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel::after {
    content: none !important;
    display: none !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item:hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-focus,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel:hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item:hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-optionlabel:hover {
    background-color: #E0F2FE !important;
    background-image: none !important;
    color: #033D53 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item:hover::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-hover::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel:hover::before {
    border-color: #033D53 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item[aria-selected="true"],
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected:hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected.k-hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-selected,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-focus,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-selected,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item[aria-selected="true"],
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-selected:hover {
    background-color: #033D53 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected .k-list-item-text,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item[aria-selected="true"] .k-list-item-text,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected:hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-selected,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-focus {
    color: #FFFFFF !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item[aria-selected="true"]::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected:hover::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-selected::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-focus::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-selected::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item[aria-selected="true"]::before {
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23033D53' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.1-5.1L12.4 5.3z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.65rem 0.65rem !important;
}