/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/@inwink/commonui/searchbar/searchbar.less ***!
  \***********************************************************************************************************************************************************************************************************************/
.popover-modal .entityfield-searchbar-component {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 10px;
}
.popover-modal .entityfield-searchbar-component .searchbar-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  width: 100%;
}
.popover-modal .entityfield-searchbar-component .searchbar-box .searchbar-input {
  width: 100%;
  border: none;
}
.popover-modal .entityfield-searchbar-component .searchbar-box .searchbar-input::-moz-placeholder {
  font-style: normal;
}
.popover-modal .entityfield-searchbar-component .searchbar-box .searchbar-input::placeholder {
  font-style: normal;
}
.popover-modal .entityfield-searchbar-component .searchbar-box .inwink-search {
  order: -1;
  display: flex;
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/@inwink/commonui/searchbar/searchbarwrapper.less ***!
  \******************************************************************************************************************************************************************************************************************************/
.searchbar-wrapper-component .entityfield-searchbar-component {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 10px;
}
.searchbar-wrapper-component .entityfield-searchbar-component .searchbar-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  width: 100%;
  background-color: #fafafb;
  border: 1px solid #fafafb;
  border-radius: 4px;
  transition: all 300ms ease;
  border-color: #7c8592;
}
.searchbar-wrapper-component .entityfield-searchbar-component .searchbar-box .searchbar-input {
  width: 100%;
  background-color: #fafafb;
  border: none;
}
.searchbar-wrapper-component .entityfield-searchbar-component .searchbar-box .searchbar-input:focus-visible {
  outline: none;
}
.searchbar-wrapper-component .entityfield-searchbar-component .searchbar-box .searchbar-input::-moz-placeholder {
  font-style: normal;
}
.searchbar-wrapper-component .entityfield-searchbar-component .searchbar-box .searchbar-input::placeholder {
  font-style: normal;
}
.searchbar-wrapper-component .entityfield-searchbar-component .searchbar-box .inwink-search {
  order: -1;
  display: flex;
  color: #7c8592;
}
.searchbar-wrapper-component .entityfield-searchbar-component i {
  display: flex;
  color: #7c8592;
  font-size: 18px;
  transition: all 300ms ease;
  cursor: pointer;
}
.searchbar-wrapper-component .entityfield-searchbar-component i:hover {
  color: #212e44;
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/@inwink/collapsiblepanel/collapsiblepanel.less ***!
  \****************************************************************************************************************************************************************************************************************************/
.collapsiblepaneltransition-enter {
  opacity: 0.01 !important;
}
.collapsiblepaneltransition-enter.collapsiblepaneltransition-enter-active {
  transition: opacity 300ms ease-out;
  opacity: 1 !important;
}
.collapsiblepaneltransition-appear {
  opacity: 0.01 !important;
}
.collapsiblepaneltransition-appear.collapsiblepaneltransition-appear-active {
  transition: opacity 300ms ease-out;
  opacity: 1 !important;
}
.collapsiblepaneltransition-exit {
  opacity: 1 !important;
}
.collapsiblepaneltransition-exit.collapsiblepaneltransition-exit-active {
  opacity: 0 !important;
  transition: opacity 90ms ease-out;
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/@inwink/tree/treeview/treeview.less ***!
  \*****************************************************************************************************************************************************************************************************************/
.tree-view .tree-view-list .element {
  display: flex;
  flex-direction: column;
  transition: background-color 200ms ease-in;
  margin-bottom: 0.4rem;
}
.tree-view .tree-view-list .element:last-child {
  margin-bottom: 0;
}
.tree-view .tree-view-list .element .element-childs {
  margin-left: 20px;
}
.tree-view .tree-view-list .element .element-childs .collapsiblepanel-content {
  margin-top: 0.4rem;
}
.tree-view .tree-view-list .element .pseudoinput {
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  position: relative;
  padding: 0;
  border-radius: 4px;
}
.tree-view .tree-view-list .element .pseudoinput > * {
  padding: 8px 8px 8px 0;
}
.tree-view .tree-view-list .element .pseudoinput > *:first-child {
  padding-left: 8px;
}
.tree-view .tree-view-list .element .pseudoinput > i {
  display: flex;
}
.tree-view .tree-view-list .element .pseudoinput .element-display {
  flex: 1;
}
.tree-view .tree-view-list .element .pseudoinput:hover {
  background-color: #EEE;
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./node_modules/@inwink/tree/treeviewpicker/treeviewpicker.less ***!
  \*****************************************************************************************************************************************************************************************************************************/
.tree-view-picker .tree-view-picker-items.items.pseudoinput {
  border: 1px solid #ddd;
  padding: 0.3em 0.5em;
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  align-items: center;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput .items-container {
  flex: 1;
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  align-items: center;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput .items-container .item {
  display: inline-block;
  padding: 4px 8px;
  background-color: #EAEAEA;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  cursor: default;
  max-width: 100%;
  overflow: hidden;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput .items-container .item .label {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput .items-container .item button.deletebtn {
  padding: 0;
  opacity: 0.6;
  min-height: 20px;
  min-width: 20px;
  max-height: 20px;
  max-width: 20px;
  border-radius: 50%;
  transition: all 300ms ease;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput .items-container .item button.deletebtn:hover {
  opacity: 1;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput .items-container .remark {
  margin-top: 0;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput .arrow i {
  display: flex;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput .arrow i:before {
  display: flex;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput button span.text {
  display: flex;
}
.tree-view-picker .tree-view-picker-items.items.pseudoinput button span.text i {
  display: flex;
  height: 12px;
  width: 12px;
  font-size: 12px;
}
.tree-view-picker .tree-view {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.tree-view-picker .tree-view .element.multiple.selected > .pseudoinput > .marker-container .marker {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  background-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
}
.tree-view-picker .tree-view .element.multiple.inpath:not(.selected) > .pseudoinput {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  border-radius: 4px;
}
.tree-view-picker .tree-view .element.multiple.inpath:not(.selected) > .pseudoinput > .marker-container > .marker {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  background-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
}
.tree-view-picker .tree-view .element.multiple.inpath:not(.selected) > .pseudoinput > .marker-container > .marker::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 2px;
  background-color: white;
}
.tree-view-picker .tree-view .element.multiple .pseudoinput .marker {
  opacity: 1;
  width: 22px;
  border-color: var(--inwinktextcolor, black);
  background-color: transparent;
}
.tree-view-picker .tree-view .element.multiple .pseudoinput .marker:hover {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
}
.tree-view-picker .tree-view .element.multiple .pseudoinput.readonly .pseudoinput .marker {
  opacity: 0.8;
}
.tree-view-picker .tree-view .element .pseudoinput {
  transition: all 300ms ease;
}
.tree-view-picker .tree-view .element .pseudoinput .element-display {
  transition: all 300ms ease;
}
.tree-view-picker .tree-view .element .pseudoinput .marker {
  position: relative;
  background-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  border: 2px solid var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  color: white;
  height: 22px;
  width: 0;
  border-radius: 4px;
  opacity: 0;
  transition: all 200ms ease-in;
}
.tree-view-picker .tree-view .element .pseudoinput .marker i {
  font-size: 18px;
  opacity: 0;
}
.tree-view-picker .tree-view .element .pseudoinput:hover {
  background-color: #EEE;
}
.tree-view-picker .tree-view .element.selected .pseudoinput {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  border-radius: 4px;
}
.tree-view-picker .tree-view .element.selected .marker {
  opacity: 1;
  width: 22px;
}
.tree-view-picker .tree-view .element.selected .marker i {
  opacity: 1;
}
.tree-view-picker .tree-view .element.readonly .pseudoinput.selected .marker {
  opacity: 0.8;
}
.popover-wrapper .popover-shell.popover-tree-view-picker.popover-tree-view-picker-withactions .popover-content .popover-modal .popover-tree-view-picker-content .tree-view-picker {
  width: 100%;
  height: 100%;
}
.popover-wrapper .popover-shell.popover-tree-view-picker.popover-tree-view-picker-withactions .popover-content .popover-modal .popover-tree-view-picker-content .tree-view-picker .tree-view-list {
  padding-bottom: 0;
}
.popover-wrapper .popover-shell.popover-tree-view-picker.popover-tree-view-picker-withactions .popover-content .popover-modal .popover-tree-view-picker-content .tree-view-picker .actions {
  display: flex;
  padding: 10px;
  gap: 10px;
}
.popover-wrapper .popover-shell.popover-tree-view-picker.popover-tree-view-picker-withactions .popover-content .popover-modal .popover-tree-view-picker-content .tree-view-picker .actions button {
  width: 100%;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content {
  background-color: transparent;
  box-shadow: none;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content.placement-top .popover-modal .popover-tree-view-picker-content {
  align-items: flex-end;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal {
  background-color: transparent;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal:focus-visible {
  outline: none;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  touch-action: manipulation;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-overlay:focus-visible {
  outline: none;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content {
  width: 400px;
  height: 300px;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content:focus-visible {
  outline: none;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view {
  background-color: var(--inwinkbgcolor);
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.15);
  max-height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  height: auto;
  padding: 0 10px 10px 10px;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.multiple.selected > .pseudoinput > .marker-container .marker {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  background-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.multiple.inpath:not(.selected) > .pseudoinput {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  border-radius: 4px;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.multiple.inpath:not(.selected) > .pseudoinput > .marker-container > .marker {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  background-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.multiple.inpath:not(.selected) > .pseudoinput > .marker-container > .marker::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 2px;
  background-color: white;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.multiple .pseudoinput .marker {
  opacity: 1;
  width: 22px;
  border-color: var(--inwinktextcolor, black);
  background-color: transparent;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.multiple .pseudoinput .marker:hover {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.multiple .pseudoinput.readonly .pseudoinput .marker {
  opacity: 0.8;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element .pseudoinput {
  transition: all 300ms ease;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element .pseudoinput .element-display {
  transition: all 300ms ease;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element .pseudoinput .marker {
  position: relative;
  background-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  border: 2px solid var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  color: white;
  height: 22px;
  width: 0;
  border-radius: 4px;
  opacity: 0;
  transition: all 200ms ease-in;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element .pseudoinput .marker i {
  font-size: 18px;
  opacity: 0;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element .pseudoinput:hover {
  background-color: #EEE;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.selected .pseudoinput {
  border-color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  color: var(--primary-color, var(--inwinkaccentcolor, #ff7430));
  border-radius: 4px;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.selected .marker {
  opacity: 1;
  width: 22px;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.selected .marker i {
  opacity: 1;
}
.popover-wrapper .popover-shell.popover-tree-view-picker .popover-content .popover-modal .popover-tree-view-picker-content .tree-view .tree-view-list .element.readonly .pseudoinput.selected .marker {
  opacity: 0.8;
}


/*# sourceMappingURL=c-20260702-vendors-node_modules_inwink_tree_index_js-node_modules_lodash_isEqual_js-f4b1cfa0d0cd3735a80d.css.map*/