@openeuropa/bcl-theme-joinup 1.11.0 → 1.12.0

package/css/oe-bcl-joinup.css

@@ -18450,654 +18450,6 @@ a.badge:focus-within.text-bg-brand, a.badge:active.text-bg-brand, a.badge:hover.
   background-color: rgb(13.6, 97.75, 188.7) !important;
 }
 
-.ss-main.ss-1 {
-  position: relative;
-  display: inline-block;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  color: #666666;
-  width: 100%;
-}
-
-.ss-main.ss-1 .ss-single-selected {
-  display: -ms-flexbox;
-  display: flex;
-  cursor: pointer;
-  width: 100%;
-  height: 30px;
-  padding: 6px;
-  border: 1px solid #dcdee2;
-  border-radius: 4px;
-  background-color: #ffffff;
-  outline: 0;
-  box-sizing: border-box;
-  transition: background-color 0.2s;
-}
-
-.ss-main.ss-1 .ss-single-selected.ss-disabled {
-  background-color: #dcdee2;
-  cursor: not-allowed;
-}
-
-.ss-main.ss-1 .ss-single-selected.ss-open-above {
-  border-top-left-radius: 0px;
-  border-top-right-radius: 0px;
-}
-
-.ss-main.ss-1 .ss-single-selected.ss-open-below {
-  border-bottom-left-radius: 0px;
-  border-bottom-right-radius: 0px;
-}
-
-.ss-main.ss-1 .ss-single-selected .placeholder {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex: 1 1 100%;
-      flex: 1 1 100%;
-  -ms-flex-align: center;
-      align-items: center;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: left;
-  width: calc(100% - 30px);
-  line-height: 1em;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-.ss-main.ss-1 .ss-single-selected .placeholder * {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: auto;
-}
-
-.ss-main.ss-1 .ss-single-selected .placeholder .ss-disabled {
-  color: #dedede;
-}
-
-.ss-main.ss-1 .ss-single-selected .ss-deselect {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: end;
-      justify-content: flex-end;
-  -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-  margin: 0 6px 0 6px;
-  font-weight: bold;
-}
-
-.ss-main.ss-1 .ss-single-selected .ss-deselect.ss-hide {
-  display: none;
-}
-
-.ss-main.ss-1 .ss-single-selected .ss-arrow {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: end;
-      justify-content: flex-end;
-  -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-  margin: 0 6px 0 6px;
-}
-
-.ss-main.ss-1 .ss-single-selected .ss-arrow span {
-  border: solid #666666;
-  border-width: 0 2px 2px 0;
-  display: inline-block;
-  padding: 3px;
-  transition: margin 0.2s, -webkit-transform 0.2s;
-  transition: transform 0.2s, margin 0.2s;
-  transition: transform 0.2s, margin 0.2s, -webkit-transform 0.2s;
-}
-
-.ss-main.ss-1 .ss-single-selected .ss-arrow span.arrow-up {
-  -webkit-transform: rotate(-135deg);
-          transform: rotate(-135deg);
-  margin: 3px 0 0 0;
-}
-
-.ss-main.ss-1 .ss-single-selected .ss-arrow span.arrow-down {
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-  margin: -3px 0 0 0;
-}
-
-.ss-main.ss-1 .ss-multi-selected {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: row;
-      flex-direction: row;
-  cursor: pointer;
-  min-height: 30px;
-  width: 100%;
-  padding: 0 0 0 3px;
-  border: 1px solid #dcdee2;
-  border-radius: 4px;
-  background-color: #ffffff;
-  outline: 0;
-  box-sizing: border-box;
-  transition: background-color 0.2s;
-}
-
-.ss-main.ss-1 .ss-multi-selected.ss-disabled {
-  background-color: #dcdee2;
-  cursor: not-allowed;
-}
-
-.ss-main.ss-1 .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
-  color: #666666;
-}
-
-.ss-main.ss-1 .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
-  cursor: not-allowed;
-}
-
-.ss-main.ss-1 .ss-multi-selected.ss-open-above {
-  border-top-left-radius: 0px;
-  border-top-right-radius: 0px;
-}
-
-.ss-main.ss-1 .ss-multi-selected.ss-open-below {
-  border-bottom-left-radius: 0px;
-  border-bottom-right-radius: 0px;
-}
-
-.ss-main.ss-1 .ss-multi-selected .ss-values {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-pack: start;
-      justify-content: flex-start;
-  -ms-flex: 1 1 100%;
-      flex: 1 1 100%;
-  width: calc(100% - 30px);
-}
-
-.ss-main.ss-1 .ss-multi-selected .ss-values .ss-disabled {
-  display: -ms-flexbox;
-  display: flex;
-  padding: 4px 5px;
-  margin: 2px 0px;
-  line-height: 1em;
-  -ms-flex-align: center;
-      align-items: center;
-  width: 100%;
-  color: #dedede;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-@-webkit-keyframes scaleIn {
-  0% {
-    -webkit-transform: scale(0);
-            transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes scaleIn {
-  0% {
-    -webkit-transform: scale(0);
-            transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 1;
-  }
-}
-@-webkit-keyframes scaleOut {
-  0% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 1;
-  }
-  100% {
-    -webkit-transform: scale(0);
-            transform: scale(0);
-    opacity: 0;
-  }
-}
-@keyframes scaleOut {
-  0% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 1;
-  }
-  100% {
-    -webkit-transform: scale(0);
-            transform: scale(0);
-    opacity: 0;
-  }
-}
-.ss-main.ss-1 .ss-multi-selected .ss-values .ss-value {
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  -ms-flex-align: center;
-      align-items: center;
-  font-size: 12px;
-  padding: 3px 5px;
-  margin: 3px 5px 3px 0px;
-  color: #ffffff;
-  background-color: #143b76;
-  border-radius: 4px;
-  -webkit-animation-name: scaleIn;
-          animation-name: scaleIn;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
-  -webkit-animation-timing-function: ease-out;
-          animation-timing-function: ease-out;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-}
-
-.ss-main.ss-1 .ss-multi-selected .ss-values .ss-value.ss-out {
-  -webkit-animation-name: scaleOut;
-          animation-name: scaleOut;
-  -webkit-animation-duration: 0.2s;
-          animation-duration: 0.2s;
-  -webkit-animation-timing-function: ease-out;
-          animation-timing-function: ease-out;
-}
-
-.ss-main.ss-1 .ss-multi-selected .ss-values .ss-value .ss-value-delete {
-  margin: 0 0 0 5px;
-  cursor: pointer;
-}
-
-.ss-main.ss-1 .ss-multi-selected .ss-add {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex: 0 1 3px;
-      flex: 0 1 3px;
-  margin: 9px 12px 0 5px;
-}
-
-.ss-main.ss-1 .ss-multi-selected .ss-add .ss-plus {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  background: #666666;
-  position: relative;
-  height: 10px;
-  width: 2px;
-  transition: -webkit-transform 0.2s;
-  transition: transform 0.2s;
-  transition: transform 0.2s, -webkit-transform 0.2s;
-}
-
-.ss-main.ss-1 .ss-multi-selected .ss-add .ss-plus:after {
-  background: #666666;
-  content: "";
-  position: absolute;
-  height: 2px;
-  width: 10px;
-  left: -4px;
-  top: 4px;
-}
-
-.ss-main.ss-1 .ss-multi-selected .ss-add .ss-plus.ss-cross {
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-}
-
-.ss-content {
-  position: absolute;
-  width: 100%;
-  margin: -1px 0 0 0;
-  box-sizing: border-box;
-  border: solid 1px #dcdee2;
-  z-index: 1010;
-  background-color: #ffffff;
-  -webkit-transform-origin: center top;
-          transform-origin: center top;
-  transition: opacity 0.2s, -webkit-transform 0.2s;
-  transition: transform 0.2s, opacity 0.2s;
-  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
-  opacity: 0;
-  -webkit-transform: scaleY(0);
-          transform: scaleY(0);
-}
-
-.ss-content.ss-open {
-  display: block;
-  opacity: 1;
-  -webkit-transform: scaleY(1);
-          transform: scaleY(1);
-}
-
-.ss-content .ss-search {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: row;
-      flex-direction: row;
-  padding: 8px 8px 6px 8px;
-}
-
-.ss-content .ss-search.ss-hide {
-  height: 0px;
-  opacity: 0;
-  padding: 0px 0px 0px 0px;
-  margin: 0px 0px 0px 0px;
-}
-
-.ss-content .ss-search.ss-hide input {
-  height: 0px;
-  opacity: 0;
-  padding: 0px 0px 0px 0px;
-  margin: 0px 0px 0px 0px;
-}
-
-.ss-content .ss-search input {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-size: inherit;
-  line-height: inherit;
-  -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-  width: 100%;
-  min-width: 0px;
-  height: 30px;
-  padding: 6px 8px;
-  margin: 0;
-  border: 1px solid #dcdee2;
-  border-radius: 4px;
-  background-color: #ffffff;
-  outline: 0;
-  text-align: left;
-  box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -webkit-appearance: textfield;
-}
-
-.ss-content .ss-search input::-webkit-input-placeholder {
-  color: #8a8a8a;
-  vertical-align: middle;
-}
-
-.ss-content .ss-search input::-moz-placeholder {
-  color: #8a8a8a;
-  vertical-align: middle;
-}
-
-.ss-content .ss-search input:-ms-input-placeholder {
-  color: #8a8a8a;
-  vertical-align: middle;
-}
-
-.ss-content .ss-search input::-ms-input-placeholder {
-  color: #8a8a8a;
-  vertical-align: middle;
-}
-
-.ss-content .ss-search input::placeholder {
-  color: #8a8a8a;
-  vertical-align: middle;
-}
-
-.ss-content .ss-search input:focus {
-  box-shadow: 0 0 5px #143b76;
-}
-
-.ss-content .ss-search .ss-addable {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  cursor: pointer;
-  font-size: 22px;
-  font-weight: bold;
-  -ms-flex: 0 0 30px;
-      flex: 0 0 30px;
-  height: 30px;
-  margin: 0 0 0 8px;
-  border: 1px solid #dcdee2;
-  border-radius: 4px;
-  box-sizing: border-box;
-}
-
-.ss-content .ss-addable {
-  padding-top: 0px;
-}
-
-.ss-content .ss-list {
-  max-height: 200px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  text-align: left;
-}
-
-.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
-  padding: 6px 10px 6px 10px;
-  font-weight: bold;
-}
-
-.ss-content .ss-list .ss-optgroup .ss-option {
-  padding: 6px 6px 6px 25px;
-}
-
-.ss-content .ss-list .ss-optgroup-label-selectable {
-  cursor: pointer;
-}
-
-.ss-content .ss-list .ss-optgroup-label-selectable:hover {
-  color: #ffffff;
-  background-color: #143b76;
-}
-
-.ss-content .ss-list .ss-option {
-  padding: 6px 10px 6px 10px;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-
-.ss-content .ss-list .ss-option * {
-  display: inline-block;
-}
-
-.ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted {
-  color: #ffffff;
-  background-color: #143b76;
-}
-
-.ss-content .ss-list .ss-option.ss-disabled {
-  cursor: not-allowed;
-  color: #dedede;
-  background-color: #ffffff;
-}
-
-.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
-  color: #666666;
-  background-color: rgba(20, 59, 118, 0.1);
-}
-
-.ss-content .ss-list .ss-option.ss-hide {
-  display: none;
-}
-
-.ss-content .ss-list .ss-option .ss-search-highlight {
-  background-color: #fffb8c;
-}
-
-select.multi-select {
-  position: absolute;
-  display: inline-block !important;
-  max-width: 0;
-  max-height: 35px;
-  pointer-events: none;
-  opacity: 0;
-}
-
-.ss-main.multi-select.ss-1 {
-  padding: 0;
-}
-.ss-main.multi-select.ss-1.form-select.is-invalid, .ss-main.multi-select.ss-1.form-select.is-valid {
-  background: none;
-  padding: 0;
-}
-.ss-main.multi-select.ss-1 .ss-values {
-  font-size: 1.25rem;
-}
-.ss-main.multi-select.ss-1 .ss-values .ss-value {
-  display: inline-block;
-  padding: 0.35em 0.65em;
-  font-size: 1.125rem;
-  font-weight: 400;
-  line-height: 1;
-  color: #fff;
-  text-align: left;
-  white-space: normal;
-  vertical-align: baseline;
-  padding-right: 1.25rem;
-  border-radius: var(--bs-border-radius);
-}
-.ss-main.multi-select.ss-1 .ss-values .ss-value .ss-value-delete {
-  font-size: 0;
-}
-.ss-main.multi-select.ss-1 .ss-values .ss-value .ss-value-delete:after {
-  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM5.35355 5.14645C5.15829 4.95118 4.84171 4.95118 4.64645 5.14645C4.45118 5.34171 4.45118 5.65829 4.64645 5.85355L7.29289 8.5L4.64645 11.1464C4.45118 11.3417 4.45118 11.6583 4.64645 11.8536C4.84171 12.0488 5.15829 12.0488 5.35355 11.8536L8 9.20711L10.6464 11.8536C10.8417 12.0488 11.1583 12.0488 11.3536 11.8536C11.5488 11.6583 11.5488 11.3417 11.3536 11.1464L8.70711 8.5L11.3536 5.85355C11.5488 5.65829 11.5488 5.34171 11.3536 5.14645C11.1583 4.95118 10.8417 4.95118 10.6464 5.14645L8 7.79289L5.35355 5.14645Z' fill='%23F8F9FA'/%3E%3C/svg%3E%0A");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  height: 1rem;
-  -webkit-transform: scale(0.8) translateY(50%);
-          transform: scale(0.8) translateY(50%);
-  width: 1rem;
-  padding: 15px;
-  background-position: 50%;
-  border-radius: 50%;
-  position: absolute;
-  right: 0;
-  bottom: calc(50% - 3px);
-}
-.ss-main.multi-select.ss-1 .ss-values .ss-value .ss-value-delete:focus-visible:after {
-  outline: 2px solid #fff;
-  outline-offset: -6px;
-}
-.ss-main.multi-select.ss-1 .ss-values .ss-disabled {
-  padding-top: calc(0.5rem - 1px);
-  padding-bottom: calc(0.5rem - 1px);
-  font-size: 1rem;
-}
-.ss-main.multi-select.ss-1 .ss-multi-selected {
-  border-color: #ced4da;
-  padding: calc(0.5rem - 2px) 0 calc(0.5rem - 2px) 0.3rem;
-}
-.ss-main.multi-select.ss-1 .ss-multi-selected.ss-disabled .ss-values .ss-value {
-  background: #858a8c;
-}
-.ss-main.multi-select.ss-1 .ss-multi-selected .ss-add {
-  margin-top: 0;
-  -ms-flex-item-align: center;
-      -ms-grid-row-align: center;
-      align-self: center;
-}
-.ss-main.multi-select.ss-1 .ss-multi-selected .ss-values .ss-disabled {
-  color: #6c757d;
-}
-
-.ss-main.ss-1.form-select.is-invalid, .ss-main.ss-1.form-select.is-valid {
-  background: none;
-  padding: 0;
-}
-.ss-main.ss-1.form-select {
-  border: none;
-  background: none;
-  padding: 0.075rem 0 0.075rem 0.3rem;
-}
-.ss-main.ss-1 .ss-single-selected {
-  min-height: 37px;
-}
-.ss-main.ss-1 .ss-single-selected .placeholder {
-  background: none;
-  cursor: pointer;
-  opacity: 1;
-}
-
-.ss-main.multi-select.is-invalid .ss-multi-selected,
-.ss-main.multi-select.is-valid .ss-multi-selected,
-.was-validated .multi-select:invalid + .ss-main.multi-select .ss-multi-selected,
-.was-validated .multi-select:valid + .ss-main.multi-select .ss-multi-selected {
-  background-repeat: no-repeat;
-  background-position: right 1.5rem center;
-  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
-}
-
-.ss-main.multi-select.is-invalid .ss-multi-selected,
-.was-validated .multi-select:invalid + .ss-main.multi-select .ss-multi-selected {
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23D72E3D'/%3E%3C/svg%3E%0A");
-  border-color: #eb3434;
-}
-.ss-main.multi-select.is-invalid .ss-values .ss-value,
-.was-validated .multi-select:invalid + .ss-main.multi-select .ss-values .ss-value {
-  background: #eb3434;
-}
-
-.ss-main.multi-select.is-valid .ss-multi-selected,
-.was-validated .multi-select:valid + .ss-main.multi-select .ss-multi-selected {
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z' fill='%2328A745'/%3E%3C/svg%3E%0A");
-  border-color: #18bf80;
-}
-.ss-main.multi-select.is-valid .ss-values .ss-value,
-.was-validated .multi-select:valid + .ss-main.multi-select .ss-values .ss-value {
-  background: #18bf80;
-}
-
-@media (min-width: 768px) {
-  .ss-main.ss-1.multi-select .ss-multi-selected {
-    padding: 0.075rem 0 0.075rem 0.3rem;
-  }
-  .ss-main.ss-1.multi-select .ss-values {
-    font-size: 1rem;
-  }
-  .ss-main.ss-1.multi-select .ss-values .ss-value {
-    font-size: 1rem;
-  }
-  .ss-main.ss-1.multi-select .ss-values .ss-disabled {
-    padding-top: calc(0.5rem - 2px + 1px);
-    padding-bottom: calc(0.5rem - 2px);
-  }
-  .ss-main.multi-select.is-invalid .ss-multi-selected,
-  .ss-main.multi-select.is-valid .ss-multi-selected,
-  .was-validated .multi-select:invalid + .ss-main.multi-select .ss-multi-selected,
-  .was-validated .multi-select:valid + .ss-main.multi-select .ss-multi-selected {
-    background-position: right 1.6rem center;
-  }
-}
 /* stylelint-disable selector-no-qualifying-type,
    selector-max-class, selector-max-compound-selectors,
    no-descending-specificity,
@@ -19107,7 +18459,7 @@ select.multi-select {
 :root {
   --ss-bg-color: #ffffff;
   --ss-font-color: #4d4d4d;
-  --ss-font-placeholder-color: #212529;
+  --ss-placeholder-color: #212529;
   --ss-disabled-color: #dcdee2;
   --ss-border-color: #6c757d;
   --ss-highlight-color: #fffb8c;
@@ -19176,7 +18528,7 @@ select.multi-select {
   display: none !important;
 }
 
-.ss-main.ss-2 {
+.ss-main {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
@@ -19199,35 +18551,35 @@ select.multi-select {
   overflow: hidden;
   min-height: 38px;
 }
-.ss-main.ss-2:focus-visible {
+.ss-main:focus-visible {
   outline: 2px solid #143b76;
   box-shadow: none;
   border-radius: 4px;
   outline-offset: 2px;
 }
-.ss-main.ss-2.form-select {
+.ss-main.form-select {
   background: none;
   padding: 0.075rem 0 0.075rem 0.3rem;
 }
-.ss-main.ss-2.ss-disabled {
+.ss-main.ss-disabled {
   background-color: var(--ss-disabled-color);
   cursor: not-allowed;
 }
-.ss-main.ss-2.ss-disabled .ss-values .ss-disabled {
+.ss-main.ss-disabled .ss-values .ss-disabled {
   color: var(--ss-font-color);
 }
-.ss-main.ss-2.ss-disabled .ss-values .ss-value .ss-value-delete {
+.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
   cursor: not-allowed;
 }
-.ss-main.ss-2.ss-open-above {
+.ss-main.ss-dir-above {
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
 }
-.ss-main.ss-2.ss-open-below {
+.ss-main.ss-dir-below {
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
 }
-.ss-main.ss-2 .ss-values {
+.ss-main .ss-values {
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-wrap: wrap;
@@ -19236,7 +18588,7 @@ select.multi-select {
   -ms-flex: 1 1 100%;
       flex: 1 1 100%;
 }
-.ss-main.ss-2 .ss-values .ss-placeholder {
+.ss-main .ss-values .ss-placeholder {
   display: -ms-flexbox;
   display: flex;
   padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
@@ -19245,12 +18597,12 @@ select.multi-select {
   -ms-flex-align: center;
       align-items: center;
   width: 100%;
-  color: var(--ss-font-placeholder-color);
+  color: var(--ss-placeholder-color);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.ss-main.ss-2 .ss-values .ss-max {
+.ss-main .ss-values .ss-max {
   display: -ms-flexbox;
   display: flex;
   -webkit-user-select: none;
@@ -19269,12 +18621,12 @@ select.multi-select {
   background-color: #143b76;
   border-radius: var(--ss-border-radius);
 }
-.ss-main.ss-2 .ss-values .ss-single {
+.ss-main .ss-values .ss-single {
   display: -ms-flexbox;
   display: flex;
   margin: auto 0px auto var(--ss-spacing-s);
 }
-.ss-main.ss-2 .ss-values .ss-value {
+.ss-main .ss-values .ss-value {
   display: -ms-flexbox;
   display: flex;
   -webkit-user-select: none;
@@ -19299,7 +18651,7 @@ select.multi-select {
   margin: 3px 5px 3px 0;
   padding: 0.35em 1.25rem 0.35em 0.65em;
 }
-.ss-main.ss-2 .ss-values .ss-value.ss-value-out {
+.ss-main .ss-values .ss-value.ss-value-out {
   -webkit-animation-name: ss-valueOut;
           animation-name: ss-valueOut;
   -webkit-animation-duration: var(--ss-animation-timing);
@@ -19307,15 +18659,15 @@ select.multi-select {
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
-.ss-main.ss-2 .ss-values .ss-value .ss-value-text {
+.ss-main .ss-values .ss-value .ss-value-text {
   color: var(--ss-bg-color);
   line-height: 1;
   margin-right: 5px;
 }
-.ss-main.ss-2 .ss-values .ss-value .ss-value-delete {
+.ss-main .ss-values .ss-value .ss-value-delete {
   font-size: 0;
 }
-.ss-main.ss-2 .ss-values .ss-value .ss-value-delete:after {
+.ss-main .ss-values .ss-value .ss-value-delete:after {
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM5.35355 5.14645C5.15829 4.95118 4.84171 4.95118 4.64645 5.14645C4.45118 5.34171 4.45118 5.65829 4.64645 5.85355L7.29289 8.5L4.64645 11.1464C4.45118 11.3417 4.45118 11.6583 4.64645 11.8536C4.84171 12.0488 5.15829 12.0488 5.35355 11.8536L8 9.20711L10.6464 11.8536C10.8417 12.0488 11.1583 12.0488 11.3536 11.8536C11.5488 11.6583 11.5488 11.3417 11.3536 11.1464L8.70711 8.5L11.3536 5.85355C11.5488 5.65829 11.5488 5.34171 11.3536 5.14645C11.1583 4.95118 10.8417 4.95118 10.6464 5.14645L8 7.79289L5.35355 5.14645Z' fill='%23F8F9FA'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
   content: "";
@@ -19331,11 +18683,11 @@ select.multi-select {
   right: 0;
   bottom: calc(50% - 3px);
 }
-.ss-main.ss-2 .ss-values .ss-value .ss-value-delete:focus-visible:after {
+.ss-main .ss-values .ss-value .ss-value-delete:focus-visible:after {
   outline: 2px solid #fff;
   outline-offset: -6px;
 }
-.ss-main.ss-2 .ss-deselect {
+.ss-main .ss-deselect {
   -ms-flex: 0 1 auto;
       flex: 0 1 auto;
   display: -ms-flexbox;
@@ -19350,18 +18702,18 @@ select.multi-select {
   height: auto;
   padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
 }
-.ss-main.ss-2 .ss-deselect svg {
+.ss-main .ss-deselect svg {
   width: 8px;
   height: 8px;
 }
-.ss-main.ss-2 .ss-deselect svg path {
+.ss-main .ss-deselect svg path {
   fill: none;
   stroke: var(--ss-font-color);
   stroke-width: 20;
   stroke-linecap: round;
   stroke-linejoin: round;
 }
-.ss-main.ss-2 .ss-arrow {
+.ss-main .ss-arrow {
   -ms-flex: 0 1 auto;
       flex: 0 1 auto;
   display: -ms-flexbox;
@@ -19374,7 +18726,7 @@ select.multi-select {
   height: 12px;
   margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
 }
-.ss-main.ss-2 .ss-arrow path {
+.ss-main .ss-arrow path {
   fill: none;
   stroke: var(--ss-font-color);
   stroke-width: 18;
@@ -19384,7 +18736,7 @@ select.multi-select {
   transition: var(--ss-animation-timing);
 }
 
-.ss-content.ss-content-2 {
+.ss-content {
   position: absolute;
   display: -ms-flexbox;
   display: flex;
@@ -19407,38 +18759,37 @@ select.multi-select {
   overflow: hidden;
   z-index: 10000;
 }
-.ss-content.ss-content-2.form-select {
+.ss-content.form-select {
   padding: 0;
   background: var(--ss-bg-color);
 }
-.ss-content.ss-content-2.ss-relative {
+.ss-content.ss-relative {
   position: relative;
   height: 100%;
 }
-.ss-content.ss-content-2.ss-fixed {
+.ss-content.ss-fixed {
   position: fixed;
 }
-.ss-content.ss-content-2.ss-open-above {
-  -ms-flex-direction: column-reverse;
-      flex-direction: column-reverse;
+.ss-content.ss-open {
   opacity: 1;
   -webkit-transform: scaleY(1);
           transform: scaleY(1);
+}
+.ss-content.ss-dir-above {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
   -webkit-transform-origin: center bottom;
           transform-origin: center bottom;
   border-top-left-radius: var(--ss-border-radius);
   border-top-right-radius: var(--ss-border-radius);
 }
-.ss-content.ss-content-2.ss-open-below {
-  opacity: 1;
-  -webkit-transform: scaleY(1);
-          transform: scaleY(1);
+.ss-content.ss-dir-below {
   -webkit-transform-origin: center top;
           transform-origin: center top;
   border-bottom-left-radius: var(--ss-border-radius);
   border-bottom-right-radius: var(--ss-border-radius);
 }
-.ss-content.ss-content-2 .ss-search {
+.ss-content .ss-search {
   -ms-flex: 0 1 auto;
       flex: 0 1 auto;
   display: -ms-flexbox;
@@ -19447,7 +18798,7 @@ select.multi-select {
       flex-direction: row;
   padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
 }
-.ss-content.ss-content-2 .ss-search input {
+.ss-content .ss-search input {
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: inherit;
@@ -19465,33 +18816,33 @@ select.multi-select {
   text-align: left;
   box-sizing: border-box;
 }
-.ss-content.ss-content-2 .ss-search input::-webkit-input-placeholder {
-  color: var(--ss-font-placeholder-color);
+.ss-content .ss-search input::-webkit-input-placeholder {
+  color: var(--ss-placeholder-color);
   vertical-align: middle;
 }
-.ss-content.ss-content-2 .ss-search input::-moz-placeholder {
-  color: var(--ss-font-placeholder-color);
+.ss-content .ss-search input::-moz-placeholder {
+  color: var(--ss-placeholder-color);
   vertical-align: middle;
 }
-.ss-content.ss-content-2 .ss-search input:-ms-input-placeholder {
-  color: var(--ss-font-placeholder-color);
+.ss-content .ss-search input:-ms-input-placeholder {
+  color: var(--ss-placeholder-color);
   vertical-align: middle;
 }
-.ss-content.ss-content-2 .ss-search input::-ms-input-placeholder {
-  color: var(--ss-font-placeholder-color);
+.ss-content .ss-search input::-ms-input-placeholder {
+  color: var(--ss-placeholder-color);
   vertical-align: middle;
 }
-.ss-content.ss-content-2 .ss-search input::placeholder {
-  color: var(--ss-font-placeholder-color);
+.ss-content .ss-search input::placeholder {
+  color: var(--ss-placeholder-color);
   vertical-align: middle;
 }
-.ss-content.ss-content-2 .ss-search input:focus {
+.ss-content .ss-search input:focus {
   outline: 2px solid #143b76;
   box-shadow: none;
   border-radius: 4px;
   outline-offset: 2px;
 }
-.ss-content.ss-content-2 .ss-search .ss-addable {
+.ss-content .ss-search .ss-addable {
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: center;
@@ -19506,7 +18857,7 @@ select.multi-select {
   border: 1px solid var(--ss-border-color);
   border-radius: var(--ss-border-radius);
 }
-.ss-content.ss-content-2 .ss-search .ss-addable svg {
+.ss-content .ss-search .ss-addable svg {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
@@ -19519,32 +18870,32 @@ select.multi-select {
   height: 12px;
   margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
 }
-.ss-content.ss-content-2 .ss-search .ss-addable svg path {
+.ss-content .ss-search .ss-addable svg path {
   fill: none;
   stroke: var(--ss-font-color);
   stroke-width: 18;
   stroke-linecap: round;
   stroke-linejoin: round;
 }
-.ss-content.ss-content-2 .ss-list {
+.ss-content .ss-list {
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   height: auto;
   overflow-x: hidden;
   overflow-y: auto;
 }
-.ss-content.ss-content-2 .ss-list .ss-error {
+.ss-content .ss-list .ss-error {
   color: var(--ss-error-color);
   padding: var(--ss-spacing-l);
 }
-.ss-content.ss-content-2 .ss-list .ss-searching {
+.ss-content .ss-list .ss-searching {
   color: var(--ss-font-color);
   padding: var(--ss-spacing-l);
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup.ss-close .ss-option {
+.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
   display: none !important;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
@@ -19555,16 +18906,16 @@ select.multi-select {
       justify-content: space-between;
   padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   font-weight: bold;
   color: var(--ss-font-color);
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
   cursor: pointer;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
   -ms-flex: 0 1 auto;
       flex: 0 1 auto;
   display: -ms-flexbox;
@@ -19577,7 +18928,7 @@ select.multi-select {
       justify-content: center;
   gap: var(--ss-spacing-m);
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
   -ms-flex: 0 0 auto;
       flex: 0 0 auto;
   display: -ms-flexbox;
@@ -19586,13 +18937,13 @@ select.multi-select {
       flex-direction: row;
   cursor: pointer;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
   opacity: 0.5;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
   stroke: var(--ss-error-color);
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
   -ms-flex: 0 1 auto;
       flex: 0 1 auto;
   display: -ms-flexbox;
@@ -19605,25 +18956,25 @@ select.multi-select {
   text-align: center;
   padding: 0 var(--ss-spacing-s) 0 0;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
   -ms-flex: 0 1 auto;
       flex: 0 1 auto;
   width: 13px;
   height: 13px;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
   fill: none;
   stroke: var(--ss-success-color);
   stroke-linecap: round;
   stroke-linejoin: round;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
   stroke-width: 5;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
   stroke-width: 11;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
   -ms-flex: 0 1 auto;
       flex: 0 1 auto;
   display: -ms-flexbox;
@@ -19632,13 +18983,13 @@ select.multi-select {
       flex-direction: row;
   cursor: pointer;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   width: 10px;
   height: 10px;
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
+.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
   fill: none;
   stroke: var(--ss-font-color);
   stroke-width: 18;
@@ -19647,10 +18998,10 @@ select.multi-select {
   transition-timing-function: ease-out;
   transition: var(--ss-animation-timing);
 }
-.ss-content.ss-content-2 .ss-list .ss-optgroup .ss-option {
+.ss-content .ss-list .ss-optgroup .ss-option {
   padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
 }
-.ss-content.ss-content-2 .ss-list .ss-option {
+.ss-content .ss-list .ss-option {
   display: block;
   padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
   white-space: normal;
@@ -19661,22 +19012,22 @@ select.multi-select {
       -ms-user-select: none;
           user-select: none;
 }
-.ss-content.ss-content-2 .ss-list .ss-option:hover {
+.ss-content .ss-list .ss-option:hover {
   color: var(--ss-bg-color);
   background-color: #143b76;
 }
-.ss-content.ss-content-2 .ss-list .ss-option.ss-highlighted, .ss-content.ss-content-2 .ss-list .ss-option:not(.ss-disabled).ss-selected {
+.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
   color: var(--ss-bg-color);
   background-color: #143b76;
 }
-.ss-content.ss-content-2 .ss-list .ss-option.ss-disabled {
+.ss-content .ss-list .ss-option.ss-disabled {
   cursor: not-allowed;
   background-color: var(--ss-disabled-color);
 }
-.ss-content.ss-content-2 .ss-list .ss-option.ss-disabled:hover {
+.ss-content .ss-list .ss-option.ss-disabled:hover {
   color: var(--ss-font-color);
 }
-.ss-content.ss-content-2 .ss-list .ss-option .ss-search-highlight {
+.ss-content .ss-list .ss-option .ss-search-highlight {
   display: inline-block;
   background-color: var(--ss-highlight-color);
 }
@@ -21587,5 +20938,4 @@ input:hover {
 }
 .page-item.active .page-link {
   font-weight: 700;
-}
-/*# sourceMappingURL=oe-bcl-joinup.css.map */
+}