:root { --ifx-font-family: "Source Sans 3"; font-family: var(--ifx-font-family, sans-serif); } /*=============================== = Choices = ===============================*/ .ifx-select-container { background-color: #FFFFFF; box-sizing: border-box; font-family: var(--ifx-font-family); /* START Select options: item alignment */ /* END Select options: item alignment */ /* clears the 'X' for the input type=search from Internet Explorer */ /* clears the 'X' for the input type=search from Chrome */ /*===== End of Choices ======*/ } .ifx-select-container.small-select { height: 36px; } .ifx-select-container.medium-select { height: 40px; } .ifx-select-container:hover { cursor: pointer; } .ifx-select-container .ifx-label-wrapper { font-size: 1rem; line-height: 1.5rem; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: anywhere; max-width: 100%; overflow: hidden; } .ifx-select-container .ifx-error-message-wrapper { color: #CD002F; font-size: 0.75rem; line-height: 1rem; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: anywhere; max-width: 100%; overflow: hidden; } .ifx-select-container .ifx-choices__wrapper { box-sizing: border-box; position: relative; display: flex; align-items: center; border: 1px solid #8D8786; border-radius: 1px; font-weight: 400; font-style: normal; } .ifx-select-container .ifx-choices__wrapper.small-select { height: 36px; line-height: 20px; padding: 8px 12px; font-size: 0.875rem; line-height: 1.25rem; } .ifx-select-container .ifx-choices__wrapper.medium-select { height: 40px; line-height: 24px; padding: 8px 16px; font-size: 1rem; line-height: 1.5rem; } .ifx-select-container .ifx-choices__wrapper.disabled { background: #EEEDED; color: #575352; border-color: #575352; cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ifx-select-container .ifx-choices__wrapper.error { border-color: #CD002F; } .ifx-select-container .ifx-choices__wrapper:hover:not(.focus, :focus) { border-color: #575352; } .ifx-select-container .ifx-choices__wrapper.active { border-color: #0A8276 !important; } .ifx-select-container .ifx-choices__wrapper.active .ifx-choices__icon-wrapper-up { display: flex; align-items: center; justify-content: center; padding-left: 8px; } .ifx-select-container .ifx-choices__wrapper.active .ifx-choices__icon-wrapper-down { display: none; } .ifx-select-container .ifx-choices__wrapper:focus-visible:not(.active):not(:active) { outline: none; } .ifx-select-container .ifx-choices__wrapper:focus-visible:not(.active):not(:active)::before { content: ""; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #0A8276; border-radius: 2px; } .ifx-select-container .ifx-choices__wrapper:focus:not(.active, :active):not(.disabled)::before { content: ""; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); top: 50%; left: 50%; transform: translate(-50%, -50%); } .ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-up { display: none; } .ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-up:hover { cursor: pointer; } .ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-down { display: flex; align-items: center; justify-content: center; padding-left: 8px; } .ifx-select-container .ifx-choices__wrapper .ifx-choices__icon-wrapper-down:hover { cursor: pointer; } .ifx-select-container .choices { width: 100%; } .ifx-select-container .choices:focus { outline: none; } .choices .ifx-select-container.is-focused { outline: none; } .ifx-select-container .choices:last-child { margin-bottom: 0; } .ifx-select-container .choices.is-disabled .choices__inner, .ifx-select-container .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ifx-select-container .choices.is-disabled .choices__item { cursor: not-allowed; color: #575352; } .ifx-select-container .choices [hidden] { display: none !important; } .ifx-select-container .choices[data-type*=select-one] { cursor: pointer; } .ifx-select-container .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 8px 16px; border-bottom: 1px solid #8D8786; background-color: #ffffff; margin: 0; font-style: normal; font-weight: 400; } .ifx-select-container .choices[data-type*=select-one] .choices__input.small-select { font-size: 0.875rem; line-height: 1.25rem; } .ifx-select-container .choices[data-type*=select-one] .choices__input.medium-select { font-size: 1rem; line-height: 1.5rem; } .ifx-select-container .choices[data-type*=select-one] .choices__single-button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.5; } .ifx-select-container .choices[data-type*=select-one] .choices__single-button:hover, .ifx-select-container .choices[data-type*=select-one] .choices__single-button:focus { opacity: 1; } .ifx-select-container .choices[data-type*=select-one] .choices__single-button:focus { box-shadow: 0px 0px 0px 2px #0A8276; } .ifx-select-container .choices[data-type*=select-one] .choices__item[data-value=""] .choices__single-button { display: none; } .ifx-select-container .choices[data-type*=select-one].is-open:after { margin-top: -7.5px; } .ifx-select-container .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto; } .ifx-select-container .choices[data-type*=select-one][dir=rtl] .choices__single-button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .ifx-select-container .choices[data-type*=select-multiple] { cursor: pointer; } .ifx-select-container .choices[data-type*=select-multiple] .choices__input { display: block; width: 100%; margin: 0; } .ifx-select-container .choices[data-type*=select-multiple] .choices__inner, .ifx-select-container .choices[data-type*=text] .choices__inner { cursor: text; } .ifx-select-container .choices[data-type*=select-multiple] .choices__button, .ifx-select-container .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin-top: 0; margin-right: -4px; margin-bottom: 0; margin-left: 8px; padding-left: 16px; border-left: 1px solid #0A8276; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .ifx-select-container .choices[data-type*=select-multiple] .choices__button:hover, .ifx-select-container .choices[data-type*=select-multiple] .choices__button:focus, .ifx-select-container .choices[data-type*=text] .choices__button:hover, .ifx-select-container .choices[data-type*=text] .choices__button:focus { opacity: 1; } .ifx-select-container .choices__inner { overflow: hidden; } .ifx-select-container .is-focused .choices__inner, .ifx-select-container .is-open .choices__inner { border-color: #b7b7b7; } .ifx-select-container .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .ifx-select-container .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .ifx-select-container .choices__list { margin: 0; padding-left: 0; list-style: none; } .ifx-select-container .choices__list--single .choices__item { width: 100%; display: flex; justify-content: space-between; } .ifx-select-container .disabled > .choices__list--single .choices__item[data-value=""] { color: #8D8786; /* Placeholder font color */ } .ifx-select-container .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 0.75rem; line-height: 1rem; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #0A8276; border: 1px solid #0A8276; color: #FFFFFF; word-break: break-all; box-sizing: border-box; } .ifx-select-container .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } .ifx-select-container [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .ifx-select-container .choices__list--multiple .choices__item.is-highlighted { background-color: #EEEDED; border: 1px solid #0A8276; } .ifx-select-container .choices__list--dropdown { visibility: hidden; box-sizing: border-box; position: absolute; width: 100%; background-color: #fff; top: 100%; margin-top: -1px; overflow: hidden; word-break: break-all; will-change: visibility; box-shadow: 0px 0px 16px rgba(29, 29, 29, 0.12); border-radius: 1px; margin-top: 8px; z-index: 1000; left: 0; } .ifx-select-container .choices__list--dropdown.is-active { visibility: visible; } .ifx-select-container .is-open .choices__list--dropdown { border-color: #b7b7b7; } .ifx-select-container .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .ifx-select-container .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .ifx-select-container .choices__list--dropdown .choices__item { position: relative; padding: 8px 16px; gap: 8px; align-items: center; display: flex; justify-content: space-between; font-style: normal; font-weight: 400; } .ifx-select-container .choices__list--dropdown .choices__item.small-select { font-size: 0.875rem; line-height: 1.25rem; } .ifx-select-container .choices__list--dropdown .choices__item.medium-select { font-size: 1rem; line-height: 1.5rem; } .ifx-select-container .choices__list--dropdown .choices__item.selected { color: #0A8276; } .ifx-select-container [dir=rtl] .choices__list--dropdown .choices__item { text-align: right; } @media (min-width: 640px) { .ifx-select-container .choices__list--dropdown .choices__item--selectable:after { font-size: 0.75rem; line-height: 1rem; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .ifx-select-container [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } .ifx-select-container [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } } .ifx-select-container .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #EEEDED; } .ifx-select-container .choices__list--dropdown .choices__item--selectable.is-highlighted.selected { color: #0A8276; } .ifx-select-container .choices__list--dropdown .choices__item--selectable:hover { background-color: #EEEDED; } .ifx-select-container .choices__list--dropdown .choices__item--selectable:hover.selected { color: #0A8276; } .ifx-select-container .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: 0.5; } .ifx-select-container .choices__item { cursor: default; } .ifx-select-container .choices__item--selectable { cursor: pointer; } .ifx-select-container .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.5; } .ifx-select-container .choices__heading { font-weight: 600; font-size: 0.75rem; line-height: 1rem; padding: 10px; border-bottom: 1px solid #f7f7f7; color: #1D1D1D; } .ifx-select-container .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .ifx-select-container .choices__button:focus { outline: none; } .ifx-select-container .choices__single-button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; visibility: hidden; } .ifx-select-container .choices__single-button:focus { outline: none; } .ifx-select-container .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; } .ifx-select-container .choices__input--cloned { background-color: transparent; } .ifx-select-container .choices__input::-ms-clear { display: none; width: 0; height: 0; } .ifx-select-container .choices__input::-ms-reveal { display: none; width: 0; height: 0; } .ifx-select-container .choices__input::-webkit-search-decoration, .ifx-select-container .choices__input::-webkit-search-cancel-button, .ifx-select-container .choices__input::-webkit-search-results-button, .ifx-select-container .choices__input::-webkit-search-results-decoration { display: none; } .ifx-select-container .choices__input:focus { outline: 0; } .ifx-select-container [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } .ifx-select-container .choices__placeholder { opacity: 0.5; }