.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__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:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #005f75}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #003642;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#005f75;border:1px solid #004a5c;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#004a5c;border:1px solid #003642}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}@charset "UTF-8";

:root {
    --tagify-dd-color-primary: rgb(53, 149, 246);
    --tagify-dd-bg-color: white;
    --tagify-dd-item-pad: .3em .5em;
    --tagify-dd-max-height: 300px;
}

.tagify {
    --tags-disabled-bg: #F1F1F1;
    --tags-border-color: #DDD;
    --tags-hover-border-color: #CCC;
    --tags-focus-border-color: #3595f6;
    --tag-border-radius: 3px;
    --tag-bg: #E5E5E5;
    --tag-hover: #D3E2E2;
    --tag-text-color: black;
    --tag-text-color--edit: black;
    --tag-pad: 0em;
    --tag-invalid-color: #D39494;
    --tag-invalid-bg: rgba(211, 148, 148, 0.5);
    --tag--min-width: 1ch;
    --tag--max-width: 100%;
    --tag-hide-transition: 0.3s;
    --tag-remove-bg: rgba(211, 148, 148, 0.3);
    --tag-remove-btn-color: black;
    --tag-remove-btn-bg--hover: #c77777;
    --input-color: inherit;
    --placeholder-color: rgba(0, 0, 0, 0.4);
    --placeholder-color-focus: rgba(0, 0, 0, 0.25);
    --loader-size: .8em;
    --readonly-striped: 1;
    display: inline-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    xborder: 1px solid var(--tags-border-color) !important;
    padding: 0 !important;
    line-height: 0;
    outline: 0;
    position: relative;
    box-sizing: border-box;
}

.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
    --tags-border-color: var(--tags-hover-border-color);
}

.tagify[disabled] {
    background: var(--tags-disabled-bg);
    filter: saturate(0);
    opacity: .5;
    pointer-events: none;
}

.tagify[readonly] {
    pointer-events: none;
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) {
    cursor: default;
}

.tagify__tag {
    display: inline-flex;
    align-items: center;
    max-width: var(--tag--max-width);
    margin-inline: 5px 0;
    margin-block: 5px;
    position: relative;
    z-index: 1;
    outline: 0;
    line-height: normal;
    cursor: default;
    border: 1px solid black;
    border-radius: 5px;
    background: white;
    box-shadow: 1px 1px 0px 0px rgba(100, 100, 100, 0.1);
    cursor: move;
}

.tagify__tag>div {
    flex: 1;
    vertical-align: top;
    box-sizing: border-box;
    max-width: 100%;
    padding: 1px 5px 1px 5px;
    color: var(--tag-text-color);
    line-height: inherit;
    border-radius: var(--tag-border-radius);
    white-space: nowrap;
}

.tagify__tag>div>[contenteditable] {
    outline: 0;
    user-select: text;
    cursor: text;
    margin: -2px;
    padding: 2px;
    max-width: 350px;
}

.tagify__tag:hover div::before {
    background: var(--tag-hover);
}

.tagify__tag:focus div::before,
.tagify__tag:hover div::before {
    box-shadow: none;
}

.tagify__tag[readonly]>div::before {
    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
    box-shadow: none;
    filter: brightness(.95);
}

.tagify__tag__removeBtn {
    order: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    font: 14px/1 Arial;
    background: var(--tag-remove-btn-bg);
    color: var(--tag-remove-btn-color);
    width: 14px;
    height: 14px;
    margin-inline: auto 4.6666666667px;
    overflow: hidden;
    xxxtransition: .2s ease-out
}

.tagify__tag__removeBtn::after {
    content: "×";
}

.tagify__tag__removeBtn:hover {
    color: #fff;
    background: var(--tag-remove-btn-bg--hover);
}



.tagify__dropdown__header:empty {
    display: none
}

.tagify__dropdown__footer {
    display: inline-block;
    margin-top: .5em;
    padding: var(--tagify-dd-item-pad);
    font-size: .7em;
    font-style: italic;
    opacity: .5
}

.tagify__dropdown__footer:empty {
    display: none
}

.tagify__dropdown--initial .tagify__dropdown__wrapper {
    max-height: 20px;

}


.tagify__dropdown {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
}

.tagify__dropdown__wrapper {
    max-height: var(--tagify-dd-max-height);
    overflow: hidden;
    overflow-x: hidden;
    background: var(--tagify-dd-bg-color);
    border: 1px solid;
    border-color: var(--tagify-dd-color-primary);
    border-bottom-width: 1.5px;
    border-top-width: 0;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .2);
}

.tagify__dropdown__item {
    box-sizing: border-box;
    padding: var(--tagify-dd-item-pad);
    margin: 1px;
    white-space: pre-wrap;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    outline: 0;
    max-height: 60px;
    max-width: 100%;
    line-height: normal;
}

.tagify__dropdown__item--active {
    background: var(--tagify-dd-color-primary);
    color: #fff;
}

.tagify+input,
.tagify+textarea {
    position: absolute !important;
    left: -9999em !important;
    xxxtransform: scale(0) !important;
}

.tagify:not(.tagify--mix) .tagify__input br {
    display: none
}

.tagify:not(.tagify--mix) .tagify__input * {
    display: inline;
    white-space: nowrap
}

.tagify__input {
    flex-grow: 1;
    display: inline-block;
    min-width: 110px;
    margin: 5px;
    padding: var(--tag-pad);
    line-height: normal;
    position: relative;
    white-space: pre-wrap;
    color: var(--input-color);
    box-sizing: inherit
}

.tagify__input:empty::before {
    position: static
}

.tagify__input:focus {
    outline: 0
}

.tagify__input:focus::before {
    xxxtransition: .2s ease-out;
    opacity: 0;
    xxxtransform: translatex(6px)
}

@supports (-ms-ime-align:auto) {
    .tagify__input:focus::before {
        display: none
    }
}

.tagify__input:focus:empty::before {
    xxxtransition: .2s ease-out;
    opacity: 1;
    xxxtransform: none;
    color: rgba(0, 0, 0, .25);
    color: var(--placeholder-color-focus)
}

@-moz-document url-prefix() {
    .tagify__input:focus:empty::after {
        display: none
    }
}

.tagify__input::before {
    content: attr(data-placeholder);
    height: 1em;
    line-height: 1em;
    margin: auto 0;
    z-index: 1;
    color: var(--placeholder-color);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    position: absolute
}

.tagify__input::after {
    content: attr(data-suggest);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    min-width: calc(100% - 1.5em);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    color: var(--tag-text-color);
    opacity: .3;
    pointer-events: none;
    max-width: 100px
}

.tagify__input .tagify__tag {
    margin: 0 1px
}

.tagify--mix {
    display: block
}

.tagify--mix .tagify__input {
    padding: 5px;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 1.5;
    display: block
}

.tagify--mix .tagify__input::before {
    height: auto;
    display: none;
    line-height: inherit
}

.tagify--mix .tagify__input::after {
    content: none
}

.tagify__input {
    margin: 4px;
    --tag-bg: white;
}

.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
    --tag-bg-inset: 0;
}

.tagify__tag {
    margin: 1px 0 1px 2px;
    border: 1px solid black;
    border-radius: 5px;
    background: white;
    box-shadow: 1px 1px 0px 0px rgba(100, 100, 100, 0.1);
}

.tagify__tag>div>* {
    vertical-align: middle;
}

.tagify__tag>div {
    padding: 1px 5px 1px 5px;
}

.tagify__tag>div::before {
    animation: none;
    box-shadow: none;
}

/* .tagify__dropdown {
    border: 1px solid var(--tagify-dd-color-primary);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
} */

.tagify__dropdown__wrapper {
    border: 0;
    white-space: initial;
    border: 0px solid #5897fb;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: white;
}

.tagify-imagetext .tagify__dropdown__wrapper {
    border: 0;
}

/*
.shown-bottom .tagify__dropdown__wrapper {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.shown-top .tagify__dropdown__wrapper {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.tagify-shown-bottom {
    border-bottom: 0 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.tagify-shown-top {
    border-top: 0 !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
} */

.tagify__dropdown__item {
    display: inline-block;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: white;
    margin: .2em;
    font-size: .85em;
    color: black;
    transition: 0s;
}


.tagify__dropdown__item--active {
    color: black;
}

.tagify__dropdown__item--hidden {
    border: 0;
    padding: 0;
    margin: 0;
    display: none;
}

.tagify__dropdown__item:hover {
    background: lightyellow;
    border-color: gold;
}


.tagify__input:empty::before {
    transition: .2s ease-out;
    opacity: 1;
    transform: none;
    display: inline-block;
    width: auto;
}


.dropdown-container:empty {
    display: none;
}


.tagify {
    /* border: 0 !important; */
    align-items: center;
}

.tagify__dropdown__wrapper {
    box-shadow: none;
    /* background: transparent !important; */
}

.tagify__tag-text {
    vertical-align: middle;
}

.tagify-imagetext .tagify-dropdown-layer .tagify__dropdown__item {
    padding: 0;
}

.tagify-imagetext .tagify__tag>div {
    padding: 0;
    overflow: hidden;
}

.tagify__dropdown__item .img {
    overflow: hidden;
}

.tagify-imagetext .tagify-dropdown-layer .tagify__dropdown__item {
    display: inline-table;
    overflow: hidden;
}

/*

.tagify-dropdown-bottom .tagify__dropdown__wrapper {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

*/

.tagify-dropdown-layer {
    border: 1px solid #3595f6;
}

.dropdown-container {
    margin-top: 1px;
    border-top: 1px solid #3595f6;
    padding-top: 0px;
}


.tagify-bottom[aria-expanded="true"] {
    border: 1px solid #3595f6;
    xborder-bottom: 0 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* 스타일 규칙 */
}

.tagify-top[aria-expanded="true"] {
    border: 1px solid #3595f6;
    xborder-top: 0 !important;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* 스타일 규칙 */
}


.tagify-dropdown-layer.tagify-dropdown-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0;
}


.tagify-dropdown-layer.tagify-dropdown-bottom {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0;
}

.tagify-whitelist-type.tagify-bottom[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* 이미지 텍스트일 경우 1줄에 한개*/
.tagify-imagetext tags {
    display: block;
}

.tagify-imagetext tag {
    display: flex;
    margin: 1px 2px 1px 2px;
}

tag:hover:not(.tagify--removeing) {
    background-color: #3595f6;
}

.tagify--removeing {
    opacity: 0.1;
}

.tagify__dropdown__wrapper:before {
    content: "아래의 버튼을 클릭하면 선택됩니다.";
    display: block;
    padding: 3px;
    border-bottom: 1px solid #efefef;
    color: #bbb;
}

/* .tagify__dropdown__wrapper:after {
    content: "xxx";
    display: block;
    padding: 3px;
    border-bottom: 1px solid #efefef;
    color: #bbb;
} */

/*
.tagify-wrap:before,
.tagify-text:before,
.tagify-imagetext:before {
    content: "선택:";
    display: block;
    padding: 0 3px 3px 3px;
    border-bottom: 1px solid #efefef;
    color: #bbb;
} */:root {
    /* --white-color: #fff;
--active-focus-color: #c8a9fa;
--btn-border-color: #7e36f4;
--color-main-bg: #975cf6; */

    --white-color: #fff;
    --color-main: rgb(33, 43, 54);
    --color-main-bg: rgb(33, 43, 54);
    --bs-body-color: #637381;
    --bs-body-color-rgb: rgb(99, 115, 129);
    --bs-link-color: #212b36;
    --bs-link-color-rgb: rgb(33, 43, 54);
    --bs-link-hover-color: black;
    --bs-btn-hover-bg: white;
    --bs-btn-active-bg: white;

    --secondary-btn-color: #565e64;
    --secondary-btn-bg: #e7e7e7;
    --secondary-btn-border-color: #dddddd;
    --secondary-btn-hover-color: #5c636a;
    --secondary-btn-hover-bg: #ddd;
    --secondary-btn-hover-border-color: #aaa;
    --color-main: rgb(33, 43, 54);
    --color-main-bg: rgb(33, 43, 54);
    --bs-body-color: rgb(99, 115, 129);
    --bs-link-color: rgb(33, 43, 54);
    --bs-link-hover-color: black;
    --bs-btn-hover-bg: white;
    --bs-btn-active-bg: white;

    /* --bs-list-group-active-bg: */

    /* #a259ff; */
    --color-content-bg: #f8f5fd;
    --color-header-bg: #ffffff;
    --color-card-bg: #ffffff;
    --color-bg-default: #f9f9f9;
    --color-bg-white: #ffffff;
    --color-border-default: #dddddd;
    --color-border-divider: #e7e7e7;
    --color-text-default: #222222;
    --color-text-sub: #555555;
    --color-text-muted: #777777;
    --color-text-white: #ffffff;
    --color-text-highlight: #f24e1e;
    --color-btn-border: #dddddd;
    --color-box-shadow: #0000000f;
    --color-btn-primary-bg: #a259ff;
    --color-btn-primary-border: #a259ff;
    --color-btn-primary-text: #ffffff;
    --color-btn-secondary-bg: #e7e7e7;
    --color-btn-secondary-border: #dddddd;
    --color-btn-secondary-text: #222222;
    --color-btn-primary-outline-border: #a259ff;
    --color-btn-primary-outline-text: #a259ff;
    --color-btn-success-bg: #a259ff;
    --color-btn-success-text: #ffffff;
    --color-btn-success-border: #a259ff;
    --color-btn-secondary-outline-border: #dddddd;
    --color-btn-secondary-outline-text: #555555;
}

/* seller form */
.form-title {
    margin: 0.938rem 0;
    font-size: 0.875rem;
}

.form-wrapper {
    border: 1px solid;
    border-radius: 0.375rem;
}

.form-container .form-element-wrapper {
    /* margin: 0.8rem 0 0 0; */
    /* padding: 1rem 0 1rem 0; */
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid var(--bs-gray-200);
}

div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>.form-element-wrapper,
div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>.form-element-wrapper,
div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>.form-element-wrapper {
    border-top: 1px solid var(--bs-gray-200);
}

div.input-group-wrapper>.form-group>.form-element-wrapper,
div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>.form-element-wrapper,
div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>.form-element-wrapper {
    border-top: 1px solid var(--bs-gray-200);
}

div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group,
div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group,
div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group {
    border: 1px solid #efefef;
    border-radius: 5px;
    background: white;
}

div.input-group-wrapper>.form-group,
div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group,
div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group>div>div>div.input-group-wrapper>.form-group {
    border: 1px solid #efefef;
    border-radius: 5px;
    background: #f9f9f9;
}

.form-container .form-element-wrapper:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
    margin-top: 0 !important;
}

/* XS (기본, 모든 사이즈) */
.form-container .col-first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
    margin-top: 0 !important;
}

/* SM (≥576px) */
@media (min-width: 576px) {
    .form-container .col-sm-first-child {
        padding-top: 0 !important;
        border-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* MD (≥768px) */
@media (min-width: 768px) {
    .form-container .col-md-first-child {
        padding-top: 0 !important;
        border-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* LG (≥992px) */
@media (min-width: 992px) {
    .form-container .col-lg-first-child {
        padding-top: 0 !important;
        border-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* XL (≥1200px) */
@media (min-width: 1200px) {
    .form-container .col-xl-first-child {
        padding-top: 0 !important;
        border-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* XXL (≥1400px) */
@media (min-width: 1400px) {
    .form-container .col-xxl-first-child {
        padding-top: 0 !important;
        border-top: 0 !important;
        margin-top: 0 !important;
    }
}


.form-container .form-element-wrapper:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.form-container .form-element-wrapper.mb-1:last-child {
    margin-bottom: 1rem !important;
}

@media (min-width: 576px) {
    .form-sm-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }

    .bg-sm-transparent {
        background-color: transparent !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    /* Border All Sides */
    .border-sm {
        border: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-sm-0 {
        border: 0 !important;
    }

    /* Border Top */
    .border-sm-top {
        border-top: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-sm-top-0 {
        border-top: 0 !important;
    }

    .border-sm-top-1 {
        border-top: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    /* Border Bottom */
    .border-sm-bottom {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-sm-bottom-1 {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    /* Border Start (left in LTR, right in RTL) */
    .border-sm-start {
        border-left: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-right: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .border-sm-start-0 {
        border-left: 0 !important;
        /* LTR */
        /* border-right: 0 !important; For RTL */
    }

    .border-sm-start-1 {
        border-left: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-right: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    /* Border End (right in LTR, left in RTL) */
    .border-sm-end {
        border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-left: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .border-sm-end-0 {
        border-right: 0 !important;
        /* LTR */
        /* border-left: 0 !important; For RTL */
    }

    .border-sm-end-1 {
        border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-left: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .font-weight-sm-normal {
        font-weight: 400 !important;
    }

    .font-weight-sm-bold {
        font-weight: 700 !important;
    }

    .font-size-sm-small {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 768px) {
    .form-md-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }

    .bg-md-transparent {
        background-color: transparent !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    /* Border All Sides */
    .border-md {
        border: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-md-0 {
        border: 0 !important;
    }

    /* Border Top */
    .border-md-top {
        border-top: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-md-top-0 {
        border-top: 0 !important;
    }

    .border-md-top-1 {
        border-top: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    /* Border Bottom */
    .border-md-bottom {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-md-bottom-1 {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    /* Border Start (left in LTR, right in RTL) */
    .border-md-start {
        border-left: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-right: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .border-md-start-0 {
        border-left: 0 !important;
        /* LTR */
        /* border-right: 0 !important; For RTL */
    }

    .border-md-start-1 {
        border-left: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-right: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    /* Border End (right in LTR, left in RTL) */
    .border-md-end {
        border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-left: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .border-md-end-0 {
        border-right: 0 !important;
        /* LTR */
        /* border-left: 0 !important; For RTL */
    }

    .border-md-end-1 {
        border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-left: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .font-weight-md-normal {
        font-weight: 400 !important;
    }

    .font-weight-md-bold {
        font-weight: 700 !important;
    }

    .font-size-md-small {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 992px) {
    .form-lg-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }

    .bg-lg-transparent {
        background-color: transparent !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    /* Border All Sides */
    .border-lg {
        border: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-lg-0 {
        border: 0 !important;
    }

    /* Border Top */
    .border-lg-top {
        border-top: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-lg-top-0 {
        border-top: 0 !important;
    }

    .border-lg-top-1 {
        border-top: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    /* Border Bottom */
    .border-lg-bottom {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-lg-bottom-1 {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    /* Border Start (left in LTR, right in RTL) */
    .border-lg-start {
        border-left: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-right: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .border-lg-start-0 {
        border-left: 0 !important;
        /* LTR */
        /* border-right: 0 !important; For RTL */
    }

    .border-lg-start-1 {
        border-left: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-right: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    /* Border End (right in LTR, left in RTL) */
    .border-lg-end {
        border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-left: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .border-lg-end-0 {
        border-right: 0 !important;
        /* LTR */
        /* border-left: 0 !important; For RTL */
    }

    .border-lg-end-1 {
        border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-left: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .font-weight-lg-normal {
        font-weight: 400 !important;
    }

    .font-weight-lg-bold {
        font-weight: 700 !important;
    }

    .font-size-lg-small {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 1200px) {
    .form-xl-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }

    .bg-xl-transparent {
        background-color: transparent !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    /* Border All Sides */
    .border-xl {
        border: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-xl-0 {
        border: 0 !important;
    }

    /* Border Top */
    .border-xl-top {
        border-top: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-xl-top-0 {
        border-top: 0 !important;
    }

    .border-xl-top-1 {
        border-top: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    /* Border Bottom */
    .border-xl-bottom {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-xl-bottom-1 {
        border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
    }

    /* Border Start (left in LTR, right in RTL) */
    .border-xl-start {
        border-left: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-right: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .border-xl-start-0 {
        border-left: 0 !important;
        /* LTR */
        /* border-right: 0 !important; For RTL */
    }

    .border-xl-start-1 {
        border-left: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-right: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    /* Border End (right in LTR, left in RTL) */
    .border-xl-end {
        border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-left: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .border-xl-end-0 {
        border-right: 0 !important;
        /* LTR */
        /* border-left: 0 !important; For RTL */
    }

    .border-xl-end-1 {
        border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
        /* LTR */
        /* border-left: var(--bs-border-width) solid var(--bs-border-color) !important; For RTL */
    }

    .font-weight-xl-normal {
        font-weight: 400 !important;
    }

    .font-weight-xl-bold {
        font-weight: 700 !important;
    }

    .font-size-lx-small {
        font-size: 0.9rem !important;
    }
}

.form-container .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* xmargin-right: 0px;
xmargin-left: 0px; */
}

/* .form-container .form-element-wrapper:last-child {
margin-bottom: 0;
padding-top: 0;
} */

.form-container {
    margin: 0.938rem 0;
}

/* .form-container label,  */
.form-container .label,
.form-container .form-label {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--color-text-default);
}

.form-container textarea {
    width: 100%;
    /* height: 5.35em; */
}

.form-container .form-select,
.form-container .form-control,
.form-container .input-group-text {
    padding: 0.313rem 0.313rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    vertical-align: middle;
}

@media screen and (max-width: 991px) {
    .form-select-group {
        /* margin-top: 0.938rem; */
    }
}

.form-container .description {
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-size: 0.75rem;
}

.form-container .input-group-wrapper {
    position: relative;
    left: initial !important;
    width: 100%;
    /* margin-bottom: 0.5rem; */
}

.form-container .btn {
    /* display: flex; */
    align-items: center;
    padding: 0.313rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.form-container .btn img {
    width: 0.875rem;
    height: 0.875rem;
}

/* .btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
} */

/*
.btn-switch {
--bs-btn-color: #fff;
--bs-btn-bg: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0b5ed7;
--bs-btn-hover-border-color: #0a58ca;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0a58ca;
--bs-btn-active-border-color: #0a53be;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #0d6efd;
--bs-btn-disabled-border-color: #0d6efd;
} */
.form-element .input-group-wrapper {
    margin-top: 0.5rem;
}

.form-element .input-group-wrapper:first-child {
    margin-top: 0;
}

.form-group {
    /* xmargin-left: 0px;
xmargin-right: 0px; */
    background: #fff;
    margin-top: 0;
}

.btn-group.w-100 {
    margin-left: 1px;
    width: calc(100% - 1px) !important;
}

/* .btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
margin-left: initial;
} */
.form-group .message {
    font-size: 0.75rem;
    margin-top: 0.25rem;
    margin-left: 0.125rem;
}

.input-group-btn {
    vertical-align: top;
    display: table-cell;
    position: absolute;
    top: 0;
    right: 0;
    /* font-size: 0;
    white-space: nowrap; */
}

.btn-switch,
.btn-check+.btn-switch {
    background-color: var(--color-bg-white) !important;
    border: 1px solid var(--color-border-default) !important;
    font-size: 0.75rem !important;
    font-weight: normal !important;

    /* margin-top: calc(0.5 * var(--bs-gutter-y));
margin-bottom: calc(0.5 * var(--bs-gutter-y)); */

    white-space: nowrap;
}

.btn-check+.btn-switch.pe-none {
    pointer-events: none;
    background-color: var(--bs-gray-100) !important;
    opacity: 0.5;
}

.w-100 .btn-switch {
    padding-left: 0;
    padding-right: 0;
}

.btn-mswitch {
    margin-right: calc(0.5 * var(--bs-gutter-x));
    margin-left: calc(0.5 * var(--bs-gutter-x));
}

.btn-check:active+.btn-switch,
.btn-check:checked+.btn-switch,
/* .btn.active,
.btn.show,
.btn:active,
.btn-switch:checked, */
/* .btn-switch:hover, */
.btn-switch:active,
.btn-switch:focus {
    /* border: 1px solid var(--btn-border-color) !important;
background-color: var(--btn-border-color) !important;
color: var(--white-color) !important; */

    border: 1px solid var(--color-main) !important;
    background-color: var(--color-main-bg) !important;
    color: var(--color-text-white) !important;
}

/* .input-group-wrapper:only-child>.input-group-btn>.btn-minus, */
.input-group-wrapper:only-child>.input-group-btn>.btn-move-up,
.input-group-wrapper:only-child>.input-group-btn>.btn-move-down,
.input-group-wrapper:first-child>.input-group-btn>.btn-move-up,
.input-group-wrapper:last-child>.input-group-btn>.btn-move-down,
.input-group-wrapper:only-child>.input-group>.btn-move-up,
.input-group-wrapper:only-child>.input-group>.btn-move-down,
.input-group-wrapper:first-child>.input-group>.btn-move-up,
.input-group-wrapper:last-child>.input-group>.btn-move-down {
    cursor: not-allowed;
    /* filter: alpha(opacity=3); */
    -webkit-box-shadow: none;
    box-shadow: none;
    xopacity: 0.5;
    /* pointer-events: none; */
    background-color: var(--bs-gray-200) !important;
    /* border-color: var(--bs-gray-300); */
}

.input-group-wrapper:only-child>.input-group-btn>.btn-minus {
    opacity: 0.5;
    background-color: var(--bs-gray-200) !important;
    pointer-events: none;
    cursor: not-allowed;
}

.btn-search,
.btn-geometry {
    display: inline-block;
    position: relative;

    border: 1px solid var(--color-main) !important;
    background-color: var(--color-bg-white) !important;
    color: var(--color-text-white) !important;
    background: var(--white-color) url("/assets/dist/images/form-search.svg") no-repeat center center;
    background-size: 14px 14px;
}

.btn-reset {
    display: inline-block;
    position: relative;

    border: 1px solid var(--color-main) !important;
    background-color: var(--color-bg-white) !important;
    color: var(--color-text-white) !important;
    background: var(--white-color) url("/assets/dist/images/icon_reset.svg") no-repeat center center;
    background-size: 14px 14px;
}

.btn-search:hover,
.btn-search:active,
.btn-search:focus,
.btn-geometry:hover,
.btn-geometry:active,
.btn-geometry:focus {
    border: 1px solid var(--btn-border-color);
    color: var(--btn-border-color);
    background-color: var(--btn-border-color);
}

.btn-plus {
    display: inline-block;
    position: relative;

    border: 1px solid var(--color-main) !important;
    background-color: var(--color-bg-white) !important;
    color: var(--color-text-white) !important;
    background: var(--white-color) url("/assets/dist/images/arrow-plus.svg") no-repeat center center;
    background-size: 14px 14px;
}

.btn-plus:hover,
.btn-plus:active,
.btn-plus:focus {
    border: 1px solid var(--btn-border-color);
    color: var(--btn-border-color);
    background-color: var(--btn-border-color);
}

.btn-submit {
    display: inline-block;
    position: relative;

    border: 1px solid var(--btn-border-color) !important;
    color: var(--white-color) !important;
    background-color: var(--color-main-bg) !important;
}

.btn-submit:hover,
.btn-submit:active,
.btn-submit:focus {
    border: 1px solid var(--btn-border-color) !important;
    color: var(--white-color) !important;
    background-color: var(--color-main-bg) !important;
}

.btn-list {
    display: inline-block;
    position: relative;

    border: 1px solid var(--secondary-btn-border-color) !important;
    color: var(--secondary-btn-color) !important;
    background-color: var(--secondary-btn-bg) !important;
}

.btn-list:hover,
.btn-list:active,
.btn-list:focus {
    border: 1px solid var(--secondary-btn-hover-border-color) !important;
    color: var(--secondary-btn-hover-color) !important;
    background-color: var(--secondary-btn-hover-bg) !important;
}

.btn-minus {
    display: inline-block;
    position: relative;

    border: 1px solid var(--color-main) !important;
    background-color: var(--color-bg-white) !important;
    color: var(--color-text-white) !important;
    background: var(--white-color) url("/assets/dist/images/arrow-minus.svg") no-repeat center center;
    background-size: 14px 14px;
}

.btn-delete {
    background: var(--white-color) url("/assets/dist/images/arrow-delete.svg") no-repeat center center;
    background-size: 14px 14px;
}

.btn-minus:hover,
.btn-minus:active,
.btn-minus:focus {
    border: 1px solid var(--btn-border-color);
    color: var(--btn-border-color);
    background-color: var(--btn-border-color);
}

.btn-copy {
    display: inline-block;
    position: relative;

    border: 1px solid var(--color-main) !important;
    background-color: var(--color-bg-white) !important;
    color: var(--color-text-white) !important;
    background: var(--white-color) url("/assets/dist/images/arrow-copy.svg") no-repeat center center;
    background-size: 14px 14px;
}

.btn-copy:hover,
.btn-copy:active,
.btn-copy:focus {
    border: 1px solid var(--btn-border-color);
    color: var(--btn-border-color);
    background-color: var(--btn-border-color);
}

.btn-move-up {
    display: inline-block;
    position: relative;

    border: 1px solid var(--color-main) !important;
    background-color: var(--color-bg-white) !important;
    color: var(--color-text-white) !important;
    background: var(--white-color) url("/assets/dist/images/arrow-up.svg") no-repeat center center;
    background-size: 14px 14px;
}

.btn-move-up:hover,
.btn-move-up:active,
.btn-move-up:focus {
    border: 1px solid var(--btn-border-color);
    color: var(--btn-border-color);
    background-color: var(--btn-border-color);
}

.btn-move-down {
    display: inline-block;
    position: relative;

    border: 1px solid var(--color-main) !important;
    background-color: var(--color-bg-white) !important;
    color: var(--color-text-white) !important;
    background: var(--white-color) url("/assets/dist/images/arrow-down.svg") no-repeat center center;
    background-size: 14px 14px;
}

.btn-move-down:hover,
.btn-move-down:active,
.btn-move-down:focus {
    border: 1px solid var(--btn-border-color);
    color: var(--btn-border-color);
    background-color: var(--btn-border-color);
}

.btn-move-up,
.btn-move-down,
.btn-plus,
.btn-copy,
.btn-minus,
.btn-geometry {
    z-index: 100 !important;
}

input[type="file"].form-control-file {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    /* min-height: 100%; */
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: pointer;
    z-index: 99 !important;
}

input[type="text"].form-control-filetext {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    height: 34px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: pointer;
    z-index: 99 !important;
    /* cursor: not-allowed; */
}

/* input[type="text"].form-control-file {
border: 1px solid #eee;
border-right: 0;
display: table-cell !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
} */

.form-container .form-preview {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 0;
}

.form-container .form-preview-image {
    max-width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    border: 1px solid #efefef;
    border-top: 0px;
    padding: 10px;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.form-container .select2-container {
    width: 100% !important;
    margin-left: 0 !important;
}

.form-container .select2-container .select2-selection--single {
    border: 1px solid var(--color-border-default);
    height: 30.02px;
    border-radius: 0.375rem;
}

.form-container .select2-container.select2-container--open .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-search__field {
    outline-offset: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 0.375rem;
    outline-offset: 0px;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    background-color: #e0e0e0;
    color: #a0a0a0;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    /* background-color: #9bbbec !important;
    color: #000000 !important; */

    background-color: #1e77ff !important;
    color: #fff !important;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid var(--color-border-default) !important;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.form-container .map_info {
    margin: 5px;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 2px 0px;
    position: absolute;
    font-size: 0.84rem;
}

/* .element-m-0 > .form-element {
margin: 0;
} */

label+.form-element,
.description+.form-element {
    margin-top: 0.375rem;
}

.form-element {
    /* margin-left: 0.2rem;
margin-right: 0.2rem; */
}

@media (min-width: 768px) {
    .d-md-none+.form-element {
        margin-top: 0;
    }
}

.form-container .p-3 {
    padding: 1rem;
}

.form-group .form-group {
    padding: 1rem;
}

.form-container .mb-1 {
    margin-bottom: 0.375rem !important;
}

@media (min-width: 768px) {

    /* .form-container .p-md-0 {
    padding: 0 !important;
} */
    .form-container .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.form-container .input-group {
    width: 100% !important;
}

.form-container .form-element-wrapper {
    padding-bottom: 0 !important;
}

.form-container .option-blank {
    /* height: 50px; */
    text-align: center;
}

.form-container .option-blank .form-element-wrapper {
    display: none !important;
}

.form-container .option-blank::after {
    content: "선택 항목이 없습니다.";
}

input[type="button"]:focus-visible,
button:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

input[type="button"]:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control.disabled {
    background-color: #f7f7f7;
    opacity: 1;
}

.form-control.readonly {
    background-color: #f7f7f7;
    opacity: 1;
    pointer-events: none;
}

.stepper-container {
    margin-top: 1rem;
}

.stepper-container .nav {
    /* padding-right: 30px; */
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.stepper-container .nav-item {
    position: relative;
}

.stepper-container .nav-link {
    padding: 10px 0 10px 30px;
    border-radius: 0;
    color: #777777;
    background-color: #fff;
}

.stepper-container .nav-link p {
    white-space: nowrap;
}

.stepper-container .nav-item:first-child .nav-link {
    padding-left: 16px;
    border-radius: 6px 0 0 6px;
}

.stepper-container .nav-link.active {
    background-color: #a259ff;
}

.stepper-container .nav-link.active::after {
    border-left-color: #a259ff;
}

.stepper-container .nav-link::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #ddd;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.stepper-container .nav-link::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

@media screen and (max-width: 694px) {
    .stepper-container .nav {
        display: block;
    }

    .stepper-container .nav-link::before {
        content: none;
    }

    .stepper-container .nav-link::after {
        content: none;
    }

    .stepper-container .nav {
        padding-right: 0px;
    }

    .stepper-container .nav-link {
        padding: 10px;
    }

    .stepper-container .nav-item:first-child .nav-link {
        padding: 10px;
        border-radius: 0;
    }

    .stepper-container .nav-item:not(:last-child) {
        border-bottom: 1px solid #e9ecef;
    }

    .nav-item {
        text-align: left !important;
    }
}

.form-check {
    margin-bottom: 0;
}

.form-check-input {
    margin-top: 0;
}

.form-element-wrapper[style*="display: block"]+.prev-hide-mt-3 {
    margin-top: 0 !important;
}

.form-element-wrapper[style*="display: none"]+.prev-hide-mt-3 {
    margin-top: 1rem !important;
}

.form-element-wrapper[style*="display: block"]+.prev-hide-mt-2 {
    margin-top: 0 !important;
}

.form-element-wrapper[style*="display: none"]+.prev-hide-mt-2 {
    margin-top: 0.5rem !important;
}

.form-element-wrapper[style*="display: block"]+.prev-hide-mt-1 {
    margin-top: 0 !important;
}

.form-element-wrapper[style*="display: none"]+.prev-hide-mt-1 {
    margin-top: 0.25rem !important;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
}

.form-element-wrapper .loading {
    position: absolute;
    top: 0;
}


/* .note-popover.popover {
        height: 1px !important;
    } */
/* .note-editor .dropdown-toggle::after {
        display: none;
    } */

.tinymcearea p {
    margin: 0 !important;
    padding: 0 !important;
}

.tooltip {
    z-index: 9999999;
}

.logding-wrap {
    position: absolute;
    z-index: 9999;
}

.tui-body .toastui-editor-defaultUI-toolbar {
    padding: 0 !important;
}

.tui-body .toastui-editor-defaultUI .ProseMirror {
    padding: 5px !important;
}

.video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-tool__caption,
.embed-tool__caption {
    display: none;
}

.input-group.dropdown-icon {
    position: relative;
}

.input-group.dropdown-icon::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333 !important;
    pointer-events: none;
    z-index: 9999;
}

label>.btn-check-wrap:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

label>.btn-check-wrap:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: calc(var(--bs-border-width) * -1);
}

.input-group:has(> span.input-group-text) {
    flex-wrap: nowrap;
}

.input-group:has(> span.input-group-text) .select2 .select2-selection--single {
    border-top-left-radius: 0;
    /* 좌측 상단 */
    border-bottom-left-radius: 0;
    /* 좌측 하단 */
    border-left: 0;
}

.form-container .select2-container {
    xwidth: auto !important;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
}

/* modu-camp css error 보정 */

.btn-check:focus+.btn,
.btn:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.select-modal-label {
    margin-bottom: 40px;
}

.modal-body .select-modal-label:last-child {
    margin-bottom: 0;
}

.select-modal-label input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.select-modal-label .title {
    vertical-align: middle;
}

.select-modal-label.select-model-selected .border-2 {
    border-color: blue !important;
}

.select-modal-label:hover .border-2 {
    border-color: blue !important;
    cursor: pointer;
}

.select-modal-label:hover .title {
    color: blue !important;
}

.select-modal-label .short_description:empty {
    display: none;
}

.bg-lightgray {
    background-color: #e8e8e8;
    /* 표준 CSS lightgray 색상 */
}

.text-lightgray {
    color: #e8e8e8;
    /* 표준 CSS lightgray 색상 */
}

.bg-striped {
    background-image: linear-gradient(45deg,
            rgba(200, 200, 200, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(200, 200, 200, 0.15) 50%,
            rgba(200, 200, 200, 0.15) 75%,
            transparent 75%,
            transparent);
    background-size: 1rem 1rem;
}

.bg-striped-reverse {
    background-image: linear-gradient(-45deg,
            rgba(200, 200, 200, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(200, 200, 200, 0.15) 50%,
            rgba(200, 200, 200, 0.15) 75%,
            transparent 75%,
            transparent);
    background-size: 1rem 1rem;
}

.select2-container {
    border: 1px solid var(--color-border-default);
    border-radius: 0.375rem;
    background-color: white;
}

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    color: inherit !important;
}

.select2-container--default.display-off {
    /* background: #f5f5f5; */
    border: 1px solid #ddd !important;
    color: #ddd !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered>div {
    width: calc(100% - 20px);
    /* border: 1px solid var(--color-border-default); */
    height: 30.02px;
    /* border-radius: 0.375rem; */
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 6px;
    /* padding-right: 20px; */
    overflow: hidden;
}

.select2-append-text {
    font-size: 0.75rem;
    color: #000;
}

.border-danger .select2-append-text {
    color: #ff0000;
}

.border-primary .select2-append-text {
    color: #1e77ff;
}

.select2-results__option--highlighted .border-danger .select2-append-text {
    color: #d50000;
}

.select2-results__option--highlighted .border-primary .select2-append-text {
    color: #00398d;
}


.min-w-0 {
    min-width: 0;
}

/* .select2-container--default .select2-selection--single:focus {
    border: 1px solid #5897fb;
} */


.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}


.select2-container--default:focus,
.select2-container--focus {
    outline: 5px solid rgba(88, 151, 251, 0.2);
}

.select2-container--default .select2-selection--single:focus,
.select2-container--focus .select2-selection--single {
    outline: none !important;
}


.select2.input-group-first {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
}

.select2.input-group-last {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}


.select2.select2-container--open.select2-container--below {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


.select2.select2-container--open.select2-container--above {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}



.select2-container--open .select2-dropdown.select2-dropdown--below {
    /* top: -1px; */
    border-top: none !important;
}

.select2-container--open .select2-dropdown.select2-dropdown--above {
    border-bottom: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-container:not([data-select2-id]) {
    /* data-select2-id 속성이 없는 .select2-container */
    border: 0;
}

.select2-results__option {
    padding: 0 !important;
    margin: 0 !important;
}

.select2-results__option[aria-disabled="true"] {
    padding: 5px !important;
}

.select2-results__option[aria-disabled="true"],
.select2-results__option[aria-selected="true"],
.select2-results__option--highlighted {
    border-radius: 0.375rem;
}

.select2-results__option.select2-results__message {
    padding: 5px;
}

.select2-container--default .select2-results>.select2-results__options {
    margin: 0 4px;
}

.select2-results__options .select2-results__option {
    margin-bottom: 4px !important;
}

.select2-results__option>div {
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 0.375rem;
}

.select2-result-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-container .select2-container .select2-selection--single {
    border: 0;
}



.input-group-wrapper:only-child>.input-group-btn>.btn-move-up,
.input-group-wrapper:only-child>.input-group-btn>.btn-move-down,
.input-group-wrapper:first-child>.input-group-btn>.btn-move-up,
.input-group-wrapper:last-child>.input-group-btn>.btn-move-down {
    opacity: 1;
}

.select2-prepend-text:empty {
    display: none;
}

.disabled-group {
    position: relative;
}

.disabled-group>* {
    opacity: 0.2;
}

.disabled-group::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: repeating-linear-gradient(45deg,
            rgba(0, 0, 0, 0.05),
            rgba(0, 0, 0, 0.05) 10px,
            rgba(255, 255, 255, 0.05) 10px,
            rgba(255, 255, 255, 0.05) 20px);
    pointer-events: none;
    /* 클릭이 배경을 통과하도록 */
    z-index: 1;
}


.disabled-group-reverse {
    position: relative;
}

.disabled-group-reverse>* {
    opacity: 0.2;
}

/* -45도 방향 사선 패턴 (반대 방향) */
.disabled-group-reverse::after {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    bottom: 0;
    background-image: repeating-linear-gradient(-45deg,
            rgba(0, 0, 0, 0.05),
            rgba(0, 0, 0, 0.05) 10px,
            rgba(255, 255, 255, 0.05) 10px,
            rgba(255, 255, 255, 0.05) 20px);
    pointer-events: none;
    z-index: 1;
}

.loading-skeleton {
    /* Start with full viewport height */
    border: 1px solid #dee2e6;
    z-index: 10000;
    display: flex
        /* display: flex;
    justify-content: center;
    align-items: center; */
}

.loading-skeleton #loading-skeleton-spinner {
    margin: 20px;
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: loading-skeleton-spin 1s linear infinite;
}

/* .loading-skeleton #loading-skeleton-content.success {
    background-color: #e6e6e6 !important;
} */


.loading-skeleton #loading-skeleton-content.success {
    background: linear-gradient(135deg,
            #f2f2f2 0%,
            #cccccc 100%);
    /* background-color: #f2f2f2 !important;
    color: #f2f2f2 !important; */
}


.loading-skeleton #loading-skeleton-content.danger {
    background: linear-gradient(135deg,
            #f2f2f2 0%,
            #cccccc 100%);
    /* background-color: #f2f2f2 !important;
    color: #f2f2f2 !important; */

}


.loading-skeleton #loading-skeleton-content.danger #loading-skeleton-text {
    color: black !important;
}

.loading-skeleton #loading-skeleton-content.danger #loading-skeleton-spinner {
    border-color: black;
    animation: unset;
}

.loading-skeleton #loading-skeleton-content.success #loading-skeleton-text {
    color: black !important;
}

.loading-skeleton #loading-skeleton-content.success #loading-skeleton-spinner {
    border-color: #3498db;
    animation: unset;
}


.ajax-loading .form-loading {
    display: flex !important;
}

.ajax-loading .loading-spinner {
    margin: 20px;
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: loading-skeleton-spin 1s linear infinite;
}

@keyframes loading-skeleton-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    xmargin-left: calc(var(--bs-border-width)* -1) !important;
}

.z-index-10002 {
    z-index: 10002;
}

.lang-code {
    font-family: "Consolas", Courier, "Courier New", "DejaVu Sans Mono", "Liberation Mono", monospace;
    width: 25px;
}


.col.ps-0 .form-control {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.col-auto.pe-0 .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.mh-0 {
    min-height: 0;
}

@media (min-width: 576px) {
    .col-sm-same {
        border: 0 !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}



.form-element {
    counter-reset: div-counter;
}

.counter .form-element .input-group-wrapper .input-group::before {
    counter-increment: div-counter;
    content: "" counter(div-counter) ". ";
    align-self: center;
    margin-right: 0.5rem;
}


.console-section-item:before {
    counter-increment: div-counter;
    content: '컴포넌트 #' counter(div-counter);
    position: relative;
    margin-left: 1rem;
    border: 2px solid #b9bfc6;
    border-bottom: 0;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    padding: 0.375rem 1rem 2px 1rem;
    background-color: #f8f9fa;
    height: 34px;
    display: inline-block;
    z-index: 1;
    margin-bottom: -1px;
}

.console-section-item:after {
    content: '';
    display: block;
    height: 30px;
}

.console-section-item:last-child:after {
    height: 0;
}

.console-section-item>.input-group-btn {
    top: 33px;
}

.form-element-wrapper {
    margin-top: 1rem;
}

.input-group-wrapper>.form-group>.x-hidden {
    margin-top: -1rem !important;
}

.input-group-wrapper>.form-group>.x-hidden:first-child {
    margin-top: calc(-2rem - 1px) !important;
}

.tox .tox-edit-area::before {
    border-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}



.check-container-card {
    margin-bottom: 0.3rem;
}

.check-container-card:last-child {
    margin-bottom: 0 !important;
}

/* 실제 라디오 버튼 숨기기 */
.check-container-card .check-container-label input[type="radio"],
.check-container-card .check-container-label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

/* .check-container-cards .check-container-card:last-child {
    margin-bottom: 0 !important;
} */

.check-container-card .check-indicator {
    border: 1px solid transparent;
    border-radius: 50%;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

/* 체크 표시 기본적으로 숨기기 */
.check-container-card .check-indicator .indicator-mark {
    display: none;
}

.check-container-card .check-indicator .indicator-text {
    display: block;
    background-color: #fdfcff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
}

/* 회원인 경우에만 체크 효과 적용 (guest-user 클래스가 없을 때) */
.check-container-card:not(.guest-user) .check-container-label input[type="radio"]:checked~.check-indicator .indicator-mark,
.check-container-card:not(.guest-user) .check-container-label input[type="checkbox"]:checked~.check-indicator .indicator-mark {
    color: #000;
    font-weight: 600;
    display: block;
    background-color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
}

.check-container-card:not(.guest-user) .check-container-label input[type="radio"]:checked~.check-indicator .indicator-text,
.check-container-card:not(.guest-user) .check-container-label input[type="checkbox"]:checked~.check-indicator .indicator-text {
    display: none;
}

/* 회원인 경우에만 체크 표시 스타일 변경 */
/* .check-container-card:not(.guest-user):has(.check-container-label input[type="radio"]:checked) .check-indicator,
.check-container-card:not(.guest-user):has(.check-container-label input[type="checkbox"]:checked) .check-indicator {
    background-color: #ecfff4;
} */

/* 호버 효과 - 기본 */
/* .check-container-card .check-indicator:hover {
    border-color: var(--bs-gray-500);
    background-color: #ecfff4;
}

/* 활성화(누르고 있을 때) 효과 - 기본 */
/* .check-container-card .check-indicator:active {
    background-color: #ecfff4;
}  */

.x-hidden {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

input[type="password"] {
    ime-mode: disabled;
    -webkit-ime-mode: disabled;
    -moz-ime-mode: disabled;
    -ms-ime-mode: disabled;
}