초기소스

src/main/resources/static/itrnt/js/script.js

@@ -0,0 +1,916 @@
+// 좌측 사이드 메뉴 접기/펴기
+//
+var sideBtn = $(".side-nav__fold");
+var header = $(".header");
+var content = $(".content");
+var sideNav = $(".side-nav");
+var pageTitle = $(".page-title");
+sideBtn.click(function () {
+    $(this).toggleClass("closed");
+    header.toggleClass("closed");
+    content.toggleClass("closed");
+    sideNav.toggleClass("closed");
+    pageTitle.toggleClass("closed");
+});
+
+var media = window.matchMedia("(max-width: 1450px)");
+
+function handleTabletChange(e) {
+    if (e.matches) {
+        $(".side-nav__fold").addClass("closed");
+        $(".header").addClass("closed");
+        $(".content").addClass("closed");
+        $(".side-nav").addClass("closed");
+    } else {
+        $(".side-nav__fold").removeClass("closed");
+        $(".header").removeClass("closed");
+        $(".content").removeClass("closed");
+        $(".side-nav").removeClass("closed");
+    }
+}
+
+media.addEventListener("change", handleTabletChange);
+handleTabletChange(media);
+
+// 좌측 사이드메뉴 내부 메뉴 접기/펴기
+//
+var depth2Btn = $(".depth2 > .has-sub");
+var depth3 = $(".depth3");
+
+depth2Btn.each(function () {
+    $(this).find(".depth3").hide();
+    if ($(this).hasClass("opened")) {
+        $(this).find(".depth3").show();
+    }
+});
+
+depth2Btn.click(function () {
+    // find depth2Btn but not this
+    var otherBtn = depth2Btn.not(this);
+    otherBtn.removeClass("opened");
+    otherBtn.find(".depth3").slideUp(300);
+    $(this).toggleClass("opened");
+    $(this).find(".depth3").slideToggle(300);
+});
+
+// 커스텀 셀렉트박스
+//
+if ($(".select-box > select").length > 0) {
+    $(".select-box > select").niceSelect();
+}
+
+// 데이트 피커
+//
+$(".datepicker").each(function () {
+    $(this).datepicker({
+        dateFormat: "yy-mm-dd",
+        prevText: "이전 달",
+        nextText: "다음 달",
+        changeMonth: "true",
+        changeYear: "true",
+        dayNames: ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"],
+        dayNamesMin: ["일", "월", "화", "수", "목", "금", "토"],
+        monthNames: [
+            "1월",
+            "2월",
+            "3월",
+            "4월",
+            "5월",
+            "6월",
+            "7월",
+            "8월",
+            "9월",
+            "10월",
+            "11월",
+            "12월",
+        ],
+        monthNamesShort: [
+            "1월",
+            "2월",
+            "3월",
+            "4월",
+            "5월",
+            "6월",
+            "7월",
+            "8월",
+            "9월",
+            "10월",
+            "11월",
+            "12월",
+        ],
+        showMonthAfterYear: true,
+        yearSuffix: "년",
+        firstDay: 0/*,
+        maxDate: 0, // 오늘로부터 1년 전까지의 날짜까지 선택 가능
+        beforeShowDay: function (date) {
+            // 오늘로부터 1년 전까지의 날짜를 비활성화
+            let currentDate = new Date();
+            currentDate.setDate(currentDate.getDate() - 366);
+            return [date.getTime() > currentDate.getTime() - 1, ""];
+        },*/
+    });
+});
+
+// 기간 선택 탭버튼
+// 240123 Enter키 입력 시, 버그 수정
+//
+var dateRangeBtn = $(".dateRange-btn");
+dateRangeBtn.click(function (e) {
+    if (e.detail === 0) {
+        return;
+    }
+
+    e.preventDefault();
+    var otherBtn = $(this).siblings();
+    otherBtn.removeClass("selected");
+    $(this).addClass("selected");
+});
+
+// 숫자 텍스트 인풋 클릭 시 기본값 0 없어짐
+//
+var numberInput = $(".input-text.number");
+numberInput.click(function () {
+    if ($(this).val() == 0) {
+        $(this).val("");
+    }
+});
+
+numberInput.blur(function () {
+    if ($(this).val() == "") {
+        $(this).val(0);
+    }
+});
+
+// "상세검색" 버튼 클릭 시 "search-hide" 보이기/숨기기
+//
+var searchHide = $(".search-hide");
+var searchBtn = $(".btn.search-detail");
+
+searchBtn.click(function (e) {
+    e.preventDefault();
+    if (searchHide.css("display") == "none") {
+        searchHide.css("display", "");
+    } else {
+        searchHide.css("display", "none");
+    }
+    searchBtn.toggleClass("opened");
+});
+
+// "search-hide" 가 숨겨지있지 않을때 "상세검색" 버튼에 "opened" 클래스 추가
+//
+if (!searchHide.eq(0).attr("style")) {
+    searchBtn.addClass("opened");
+}
+
+// 스크롤 시 헤더, 사이드메뉴 고정
+// 231204 탭메뉴 고정 추가
+
+var headerHeight = 110;
+var headerGap = headerHeight - 18;
+
+$(window).scroll(function () {
+    var scrollTop = $(window).scrollTop();
+    var firstElement = $(".page-title").next();
+    if (firstElement.hasClass("content-tab__fixed")) {
+        firstElement = firstElement.next();
+        headerGap = headerHeight;
+    }
+    if (scrollTop > headerHeight) {
+        firstElement.css("margin-top", headerGap + "px");
+        $(".page-title").addClass("fixed");
+        $(".side-nav").addClass("fixed");
+        $(".content-tab__fixed").addClass("fixed");
+    } else {
+        firstElement.css("margin-top", "");
+        $(".page-title").removeClass("fixed");
+        $(".side-nav").removeClass("fixed");
+        $(".content-tab__fixed").removeClass("fixed");
+    }
+});
+
+// 체크시 테이블 행 배경색 변경
+//
+var trColorCheck = $(".tr-color-check > input");
+trColorCheck.click(function () {
+    var tr = $(this).closest("tr");
+    if ($(this).prop("checked")) {
+        tr.addClass("checked");
+    } else {
+        tr.removeClass("checked");
+    }
+});
+
+// 쿠폰 할인금액/할인율 선택
+//
+var couponDiscountSelect = $(".coupon-discount-select");
+var couponDiscountWon = $(".coupon-discount-won");
+var couponDiscountPercent = $(".coupon-discount-percent");
+
+$(document).ready(function () {
+    couponDiscountSelectChange();
+});
+
+couponDiscountSelect.change(function () {
+    couponDiscountSelectChange();
+});
+
+function couponDiscountSelectChange() {
+    if (couponDiscountSelect.val() == "won") {
+        couponDiscountWon.show();
+        couponDiscountPercent.hide();
+    } else {
+        couponDiscountWon.hide();
+        couponDiscountPercent.show();
+    }
+}
+
+// 탭 버튼
+//
+var contentTabBtn = $(".content-tab__btn");
+var contentTabContent = $(".content-tab__content");
+
+contentTabBtn.click(function (e) {
+    e.preventDefault();
+    var index = $(this).index();
+    contentTabBtn.removeClass("active");
+    contentTabContent.removeClass("active");
+    $(this).addClass("active");
+    contentTabContent.eq(index).addClass("active");
+});
+
+$(document).ready(function () {
+    // $(".content-tab__btn").eq(0).trigger("click");
+});
+
+// 툴팁(호버시 툴팁 노출)
+var tooltipElem;
+document.onmouseover = function (event) {
+    var evt = event || window.event;
+    var target = evt.target || evt.srcElement;
+
+    var tooltipHtml = target.getAttribute("data-tooltip");
+    if (!tooltipHtml) return;
+
+    tooltipElem = document.createElement("div");
+    tooltipElem.className = "tooltip";
+    tooltipElem.innerHTML = tooltipHtml;
+    document.body.appendChild(tooltipElem);
+
+    var coords = target.getBoundingClientRect();
+
+    var left = coords.left + (target.offsetWidth - tooltipElem.offsetWidth) / 2;
+    if (left <= 14) left = 14;
+
+    var top = coords.top - tooltipElem.offsetHeight - 5;
+    if (top < 0) {
+        top = coords.top + target.offsetHeight + 5;
+    }
+
+    tooltipElem.style.left = left + "px";
+    tooltipElem.style.top = top + "px";
+};
+
+document.onmouseout = function (event) {
+    if (tooltipElem) {
+        tooltipElem.parentNode.removeChild(tooltipElem);
+        tooltipElem = null;
+    }
+};
+
+//
+
+var sumAreaContent = $(".sum-area__content");
+var sumAreaBtn = $(".sum-area__title > button");
+
+sumAreaBtn.click(function (e) {
+    e.preventDefault();
+    $(this).closest(".sum-area__item").find(sumAreaContent).toggleClass("opened");
+    $(this).toggleClass("opened");
+});
+
+// 위로가기 버튼
+var scrollToTop = $(".scroll-to-top");
+
+var handleScroll = function () {
+    var scrollTop = $(window).scrollTop();
+    if (scrollTop > 100) {
+        scrollToTop.addClass("show");
+    } else {
+        scrollToTop.removeClass("show");
+    }
+};
+
+var debounce = function (func, delay) {
+    var timer;
+    return function () {
+        var context = this,
+            args = arguments;
+        clearTimeout(timer);
+        timer = setTimeout(function () {
+            func.apply(context, args);
+        }, delay);
+    };
+};
+
+$(window).scroll(debounce(handleScroll, 50));
+
+scrollToTop.click(function () {
+    $("html, body").animate({ scrollTop: 0 }, 400);
+});
+
+// 컨텐츠 접기/펴기
+//
+var foldBtn = $(".content-fold__btn");
+var contentFold = $(".content-section.content-fold");
+
+foldBtn.click(function (e) {
+    var innerContent = $(this).closest(contentFold).find(".content-fold__content");
+    e.preventDefault();
+    if (innerContent.css("display") == "none") {
+        innerContent.show();
+    } else {
+        innerContent.hide();
+    }
+    $(this).toggleClass("opened");
+});
+
+// 스크롤 탭 버튼(상품 등록 페이지)
+//
+var contentTabScrollBtn = $(".content-tab__scroll-btn");
+var contentTabScrollContent = $(".content-scroll-detect");
+
+$(document).ready(function () {
+    contentTabScrollBtn.eq(0).addClass("active");
+});
+
+contentTabScrollBtn.click(function (e) {
+    e.preventDefault();
+    var index = $(this).index();
+    contentTabScrollBtn.removeClass("active");
+    $(this).addClass("active");
+    $("html, body").animate(
+        {
+            scrollTop: contentTabScrollContent.eq(index).offset().top - 128,
+        },
+        0
+    );
+});
+
+function handleTabScroll() {
+    var scrollTop = $(window).scrollTop();
+    contentTabScrollContent.each(function () {
+        var index = contentTabScrollContent.index(this);
+        if (scrollTop >= $(this).offset().top - 260) {
+            contentTabScrollBtn.removeClass("active");
+            contentTabScrollBtn.eq(index).addClass("active");
+        }
+        if (scrollTop < 100) {
+            contentTabScrollBtn.removeClass("active");
+            contentTabScrollBtn.eq(0).addClass("active");
+        }
+    });
+}
+
+$(window).scroll(debounce(handleTabScroll, 20));
+
+// 타임 피커
+//
+if ($(".bs-timepicker").length > 0) {
+    $(".bs-timepicker").timepicker();
+}
+
+// 셀렉트 선택 시 링크 이동
+//
+$(".select-link").on("change", function () {
+    var url = $(this).val();
+    if (url) {
+        window.open(url, "_self");
+        $(".nice-select li").removeClass("selected");
+        $(".nice-select .current").text("주요 게시판");
+    }
+    return false;
+});
+
+//인풋 텍스트 글자수 제한
+//
+var wordLimitInput = $(".word-limit-input > input");
+var wordLimitNumbers = $(".word-limit-input__data");
+var wordLimitMax = $(".word-limit-input__data .max-words");
+var wordLimitCurrent = $(".word-limit-input__data .current-words");
+
+wordLimitMax.each(function () {
+    $(this).text($(this).closest(".word-limit-input").find("input").attr("maxlength"));
+});
+wordLimitCurrent.each(function () {
+    $(this).text($(this).closest(".word-limit-input").find("input").val().length);
+});
+
+wordLimitInput.keyup(function () {
+    var current = $(this).val().length;
+    $(this).closest(".word-limit-input").find(wordLimitCurrent).text(current);
+});
+
+// 테이블 열 순서 바꾸기
+//
+$(document).ready(function () {
+    if ($(".table.draggable").length > 0) {
+        $(".table.draggable").tableDnD({
+            onDragClass: "dragging",
+        });
+    }
+});
+
+// 인풋 텍스트 숫자만 입력, 3자리마다 콤마
+//
+$(".input-text.number").on("input", function () {
+    var input = $(this).val();
+    $(this).val(input.replace(/[^0-9]/g, "").replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));
+});
+
+// 미니 인포 버튼
+var miniInfoBtn = $(".mini-info-btn");
+var miniInfoContent = $(".mini-info-content");
+var miniInfoCloseBtn = $(".mini-info-content__close");
+
+miniInfoContent.hide();
+
+miniInfoBtn.click(function (e) {
+    e.preventDefault();
+
+    // data-info 속성값 가져오기
+    var info = $(this).attr("data-info");
+
+    // id가 info인 요소에 miniInfoBtn의 위치를 기준으로 miniInfoContent를 노출
+    $("#" + info).css({
+        top: $(this).offset().top,
+        left: $(this).offset().left,
+    });
+
+    if ($(this).offset().left > 1000) {
+        $("#" + info).css({
+            left: $(this).offset().left - $("#" + info).width() - 10,
+        });
+    }
+    $("#" + info).show();
+});
+
+miniInfoCloseBtn.click(function (e) {
+    e.preventDefault();
+    $(this).closest(".mini-info-content").hide();
+});
+
+// 상품 검색 - 상품선택
+// var leftProductLists = $(".product-search-box > .table-wrapper.left tbody tr");
+// leftProductLists.click(function () {
+//     leftProductLists.removeClass("checked");
+//     $(this).addClass("checked");
+// });
+
+// 체크박스 전체 선택
+//
+function checkAllCheckBoxes(checkAll, checkbox) {
+    if (checkAll.prop("checked")) {
+        checkbox.prop("checked", true);
+        checkIfColorCheck(checkbox);
+    } else {
+        checkbox.prop("checked", false);
+        checkIfColorCheck(checkbox);
+    }
+}
+
+function checkIfColorCheck(checkbox) {
+    checkbox.each(function () {
+        if (!$(this).closest(".b-checkbox").hasClass("tr-color-check")) return;
+
+        if ($(this).prop("checked")) {
+            $(this).closest("tr").addClass("checked");
+        } else {
+            $(this).closest("tr").removeClass("checked");
+        }
+    });
+}
+
+// 테이블 체크박스 전체 선택
+var tableCheckAll = $(".table .check-all > input[type=checkbox]");
+tableCheckAll.click(function () {
+    var colIndex = $(this).closest("th").index();
+    var checkbox = $(this)
+        .closest(".table")
+        .find("tbody tr td:nth-child(" + (colIndex + 1) + ") input[type=checkbox]");
+    checkAllCheckBoxes($(this), checkbox);
+});
+
+// multi-select 체크박스 전체 선택
+var multiCheckAll = $(".multi-select .check-all > input[type=checkbox]");
+multiCheckAll.click(function () {
+    var checkbox = $(this).closest(".multi-select").find("input[type=checkbox]");
+    checkAllCheckBoxes($(this), checkbox);
+});
+
+// 같은 컨테이너 안의 체크박스 전체 선택
+var containerCheckAll = $(".b-checkbox-container .check-all > input[type=checkbox]");
+containerCheckAll.click(function () {
+    var checkbox = $(this).closest(".b-checkbox-container").find("input[type=checkbox]");
+    checkAllCheckBoxes($(this), checkbox);
+});
+
+// Dropzone 파일업로드
+if ($("#my-dropzone").length > 0) {
+    Dropzone.autoDiscover = false;
+    var myDropzone = new Dropzone("#my-dropzone", {
+        url: "/file-upload",
+        maxFilesize: 20,
+        autoProcessQueue: false,
+        addRemoveLinks: true,
+        dictDefaultMessage: "클릭하거나 파일을 여기로 드래그하세요",
+        dictRemoveFile: "삭제",
+        dictCancelUpload: "취소",
+        dictCancelUploadConfirmation: "업로드를 취소하시겠습니까?",
+        dictInvalidFileType: "이 파일은 업로드할 수 없습니다.",
+        dictFileTooBig: "파일이 너무 큽니다. ({{filesize}}MB). 최대 파일 크기: {{maxFilesize}}MB.",
+        dictMaxFilesExceeded: "파일을 더 이상 추가할 수 없습니다.",
+        dictResponseError: "서버에서 응답을 받지 못했습니다.",
+    });
+}
+
+//주요 게시판 보기 설정
+//
+
+// 전체게시판 <-> 노출게시판 이동
+var boardLeftSelect = $(".board-setting__left .board-setting__select");
+var boardRightSelect = $(".board-setting__right .board-setting__select");
+var boardToRightBtn = $(".board-setting__move-btn.right");
+var boardToLeftBtn = $(".board-setting__move-btn.left");
+
+boardToRightBtn.click(function (e) {
+    e.preventDefault();
+    moveSelectedOptions(boardLeftSelect, boardRightSelect);
+});
+
+boardToLeftBtn.click(function (e) {
+    e.preventDefault();
+    moveSelectedOptions(boardRightSelect, boardLeftSelect);
+});
+
+function moveSelectedOptions(from, to) {
+    from.find("option:selected").each(function () {
+        to.append($(this));
+    });
+}
+
+// 노출게시판 순서 변경
+var boardUpBtn = $(".board-setting__controls .btn.up");
+var boardDownBtn = $(".board-setting__controls .btn.down");
+var boardTopBtn = $(".board-setting__controls .btn.top");
+var boardBottomBtn = $(".board-setting__controls .btn.bottom");
+
+boardUpBtn.click(function (e) {
+    e.preventDefault();
+    var selectElement = $(this)
+        .closest(".board-setting__controls")
+        .siblings(".board-setting__select");
+
+    if (selectElement.find("option:selected").index() == 0) return;
+
+    selectElement.find("option:selected").each(function () {
+        var current = $(this);
+        current.insertBefore(current.prev());
+    });
+});
+
+boardDownBtn.click(function (e) {
+    e.preventDefault();
+    var selectElement = $(this)
+        .closest(".board-setting__controls")
+        .siblings(".board-setting__select");
+
+    var selectedOptions = selectElement.find("option:selected");
+
+    $([...selectedOptions].reverse()).each(function () {
+        var currentOption = $(this);
+        var nextOption = currentOption.next("option:not(:selected)");
+
+        if (nextOption.length) {
+            nextOption.after(currentOption);
+        }
+    });
+});
+
+boardTopBtn.click(function (e) {
+    e.preventDefault();
+    var selectElement = $(this)
+        .closest(".board-setting__controls")
+        .siblings(".board-setting__select");
+
+    if (selectElement.find("option:selected").index() == 0) return;
+
+    var selectedOptions = [];
+    selectElement.find("option:selected").each(function () {
+        selectedOptions.push($(this));
+    });
+
+    selectedOptions.reverse().forEach(function (option) {
+        option.insertBefore(option.siblings().first());
+    });
+});
+
+boardBottomBtn.click(function (e) {
+    e.preventDefault();
+    var selectElement = $(this)
+        .closest(".board-setting__controls")
+        .siblings(".board-setting__select");
+
+    if (selectElement.find("option:selected").index() == selectElement.find("option").length - 1) {
+        return;
+    }
+
+    selectElement.find("option:selected").each(function () {
+        var current = $(this);
+        current.insertAfter(current.siblings().last());
+    });
+});
+
+//테이블 행 삭제
+//
+var table = $(".table");
+var tableDeleteBtn = $("tbody tr .circle-btn.delete");
+
+table.on("click", ".circle-btn.delete", function (e) {
+    e.preventDefault();
+    var tbody = $(this).closest("tbody");
+    var tr = $(this).closest("tr");
+    var th = $(this).closest("th");
+    var allHidden = true;
+    tr.siblings().each(function () {
+        if ($(this).css("display") !== "none") {
+            allHidden = false;
+        }
+    });
+    if (th.attr("rowspan") > 1) {
+        tr.next().remove();
+        th.attr("rowspan", th.attr("rowspan") - 1);
+    }
+    tr.remove();
+    if (tbody.children().length == 0 || allHidden) {
+        tbody.append(
+            "<tr class='row-no-data'><td colspan='100' class='text-center'>데이터가 없습니다.</td></tr>"
+        );
+    }
+});
+
+// 인풋 텍스트 숫자만 입력, 3자리마다 콤마
+//
+$(".input-text.time-number").on("input", function () {
+    var input = $(this).val();
+    $(this).val(input.replace(/[^0-9]/g, ""));
+});
+
+// 체크박스 선택 시, 테이블 행 숨기기/보이기
+//
+var checkHide = $(".check-hide");
+checkHide.hide();
+
+var checkHideTrigger = $(".check-hide-trigger > input[type=checkbox]");
+checkHideTrigger.click(function () {
+    if ($(this).prop("checked")) {
+        var checkHideId = $(this).attr("data-checkhide");
+        addRowspan($(this), parseInt($(this).attr("data-rowspan")));
+        $("#" + checkHideId).show();
+    } else {
+        var checkHideId = $(this).attr("data-checkhide");
+        addRowspan($(this), parseInt($(this).attr("data-rowspan") - 1));
+        $("#" + checkHideId).hide();
+    }
+});
+
+function addRowspan(check, number) {
+    var rowspan = 1;
+    if (number > 1) {
+        rowspan = number;
+    }
+    check.closest("tr").find("th.add-rowspan").attr("rowspan", rowspan);
+}
+
+// 라디오 버튼 선택 시, 테이블 숨기기/보이기
+//
+var radioTab = $(".radio-tab-content");
+var radioTabTrigger = $(".radio-tab-trigger > .custom-radio > input[type=radio]");
+radioTab.children().hide();
+radioTab.each(function () {
+    $(this).children().eq(0).show();
+});
+
+radioTabTrigger.click(function () {
+    if (!$(this).prop("checked")) {
+        return;
+    }
+    // data-radiotab 값과 id같아야함
+    var radioTabId = $(this).closest(".radio-tab-trigger").attr("data-radiotab");
+    var radioTab = $("#" + radioTabId);
+    radioTab.children().hide();
+    var index = $(this).closest(".custom-radio").index();
+    radioTab.children().eq(index).show();
+});
+
+// 주문조회 상품 상세 접기/펴기
+//
+
+var orderSectionDetail = $(".order-section__detail");
+var orderSectionDetailTrigger = $(".order-section__detail-trigger");
+
+orderSectionDetail.hide();
+
+orderSectionDetailTrigger.click(function (e) {
+    e.preventDefault();
+    $(this).closest("tr").next(".order-section__detail").toggle();
+    if ($(this).hasClass("opened")) {
+        $(this).removeClass("opened");
+    } else {
+        $(this).addClass("opened");
+    }
+});
+
+// 호버시 박스 띄우기
+//
+
+var hoverBoxTrigger = $(".hover-box-trigger");
+var hoverBoxContent = $(".hover-box-content");
+
+hoverBoxContent.hide();
+
+hoverBoxTrigger.hover(function () {
+    var index = $(this).attr("data-hoverbox");
+    var selectedHoverContent = $("#" + index);
+    selectedHoverContent.show();
+
+    var left = $(this).offset().left;
+    var top = $(this).offset().top;
+    var width = $(this).width();
+    var height = $(this).height();
+
+    selectedHoverContent.css({
+        left: left + width + 10,
+        top: top + height / 2 - selectedHoverContent.height() / 2,
+    });
+});
+
+hoverBoxTrigger.mouseleave(function () {
+    hoverBoxContent.hide();
+});
+
+// 주문조회 상품 상세 모두 접기/펴기
+//
+var orderOpenAll = $(".order-open-all");
+
+orderOpenAll.click(function (e) {
+    e.preventDefault();
+    if ($(this).hasClass("opened")) {
+        $(this).removeClass("opened");
+        $(this).closest("tr").nextUntil(".order-section__footer", ".order-section__detail").hide();
+        $(this)
+            .closest("tr")
+            .nextUntil(".order-section__footer")
+            .find(".order-section__detail-trigger")
+            .removeClass("opened");
+        $(this).text("모두열기");
+    } else {
+        $(this).addClass("opened");
+        $(this).closest("tr").nextUntil(".order-section__footer", ".order-section__detail").show();
+        $(this)
+            .closest("tr")
+            .nextUntil(".order-section__footer")
+            .find(".order-section__detail-trigger")
+            .addClass("opened");
+        $(this).text("모두닫기");
+    }
+});
+
+// 셀렉트 박스 선택 시, 컨텐츠 보이기/숨기기
+// 240123 여러개인 경우도, 적용되게 수정
+
+var selectShowTrigger = $(".select-show-trigger");
+var selectShowContent = $(".select-show-content");
+
+selectShowContent.hide();
+selectShowTrigger.each(function () {
+    $(this).siblings(".select-show-content").eq(0).show();
+});
+
+selectShowTrigger.find("select").change(function () {
+    var value = $(this).val();
+    var currentContent = $(this).closest(".select-show-trigger").siblings(".select-show-content");
+    currentContent.each(function () {
+        if (value == $(this).attr("id")) {
+            $(this).show();
+        } else {
+            $(this).hide();
+        }
+    });
+});
+
+// 참여이벤트 셀렉트 선택
+
+var eventTypeSelect = $("#event-type-select");
+var eventTypeSelectContent = $(".event-type-select__content");
+
+eventTypeSelectContent.hide();
+
+eventTypeSelectContent.each(function () {
+    if ($(this).attr("data-eventtype") == eventTypeSelect.val()) {
+        $(this).show();
+    }
+});
+
+eventTypeSelect.change(function () {
+    var value = $(this).val();
+    eventTypeSelectContent.each(function () {
+        if (value == $(this).attr("data-eventtype")) {
+            $(this).show();
+        } else {
+            $(this).hide();
+        }
+    });
+});
+
+// 탭 ui
+
+var tabBox = $(".tab-box");
+var tabBoxBtn = $(".tab-box__btn");
+var tabBoxContentItems = $(".tab-box__content > *");
+
+tabBoxContentItems.hide();
+tabBox.each(function () {
+    $(this).nextAll($(".tab-box__content")).eq(0).find(tabBoxContentItems).show();
+});
+
+tabBoxBtn.click(function (e) {
+    e.preventDefault();
+    var index = $(this).index();
+    $(this).closest(tabBox).find(tabBoxBtn).removeClass("current");
+    $(this).addClass("current");
+    $(this).closest(tabBox).nextAll($(".tab-box__content")).find(tabBoxContentItems).hide();
+    $(this)
+        .closest(tabBox)
+        .nextAll($(".tab-box__content"))
+        .eq(index)
+        .find(tabBoxContentItems)
+        .show();
+});
+
+// 쿠폰 정보 모달 (모달안에 모달)
+$("#coupon-info-pop-trigger").click(function (e) {
+    $("#coupon-info-pop").modal({
+        closeExisting: false,
+    });
+});
+
+// 상품 검색
+// 왼쪽 영역 클릭 시 오른쪽으로 추가, 오른쪽 영역 더블클릭시 삭제
+var productSearchLeftTable = $(".product-search-box > .table-wrapper.left >.table");
+var productSearchRightTable = $(".product-search-box > .table-wrapper.right >.table");
+var productSearchLeftRow = $(".product-search-box > .table-wrapper.left >.table > tbody > tr");
+var productSearchRightRow = $(".product-search-box > .table-wrapper.right >.table > tbody > tr");
+
+productSearchLeftRow.click(function (e) {
+    var thisId = e.currentTarget.id;
+    if (productSearchRightTable.find("#" + thisId).length > 0) {
+        return;
+    }
+    $(this).removeClass("checked");
+    if (productSearchRightRow.length === 0) {
+        productSearchRightTable.find("tbody > tr").remove();
+    }
+    $(this).clone().appendTo(productSearchRightTable.find("tbody"));
+    productSearchLeftRow.removeClass("checked");
+    $(this).addClass("checked");
+    productSearchLeftRow = $(".product-search-box > .table-wrapper.left >.table > tbody > tr");
+    productSearchRightRow = $(".product-search-box > .table-wrapper.right >.table > tbody > tr");
+    productSearchRightTable.tableDnDUpdate();
+});
+
+productSearchRightTable.on("dblclick", "tr", function (e) {
+    e.preventDefault();
+    $(this).remove();
+    productSearchRightRow = $(".product-search-box > .table-wrapper.right >.table > tbody > tr");
+    productSearchRightTable.tableDnDUpdate();
+
+    if (productSearchRightRow.length === 0) {
+        productSearchRightTable
+            .find("tbody")
+            .append(
+                "<tr class='row-no-data'><td colspan='100' class='text-center'>선택된 상품이 없습니다.</td></tr>"
+            );
+    }
+});
+
+// 모달 안에 모달 열었을 때, 기존 모달 닫히지 않게 하기(전역 적용)
+$.modal.defaults.closeExisting = false;
+
+// 모달 바깥영역 클릭 시 닫히지 않게 하기(전역 적용)
+$.modal.defaults.clickClose = false;
+
+//해당 클래스를 가진 요소 3자리 마다 콤마
+$(".comma").each(function () {
+    var text = $(this).text();
+    $(this).text(text.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, "$1,"));
+});

src/main/resources/static/itrnt/vendor/jquery-modal/jquery.modal.min.css

@@ -0,0 +1 @@
+.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

src/main/resources/static/itrnt/vendor/jquery-modal/jquery.modal.min.js

@@ -0,0 +1,211 @@
+/*
+    A simple jQuery modal (http://github.com/kylefox/jquery-modal)
+    Version 0.9.2
+*/
+!(function (o) {
+    "object" == typeof module && "object" == typeof module.exports
+        ? o(require("jquery"), window, document)
+        : o(jQuery, window, document);
+})(function (o, t, i, e) {
+    var s = [],
+        l = function () {
+            return s.length ? s[s.length - 1] : null;
+        },
+        n = function () {
+            var o,
+                t = !1;
+            for (o = s.length - 1; o >= 0; o--)
+                s[o].$blocker &&
+                    (s[o].$blocker.toggleClass("current", !t).toggleClass("behind", t), (t = !0));
+        };
+    (o.modal = function (t, i) {
+        var e, n;
+        if (
+            ((this.$body = o("body")),
+            (this.options = o.extend({}, o.modal.defaults, i)),
+            (this.options.doFade = !isNaN(parseInt(this.options.fadeDuration, 10))),
+            (this.$blocker = null),
+            this.options.closeExisting)
+        )
+            for (; o.modal.isActive(); ) o.modal.close();
+        if ((s.push(this), t.is("a")))
+            if (((n = t.attr("href")), (this.anchor = t), /^#/.test(n))) {
+                if (((this.$elm = o(n)), 1 !== this.$elm.length)) return null;
+                this.$body.append(this.$elm), this.open();
+            } else
+                (this.$elm = o("<div>")),
+                    this.$body.append(this.$elm),
+                    (e = function (o, t) {
+                        t.elm.remove();
+                    }),
+                    this.showSpinner(),
+                    t.trigger(o.modal.AJAX_SEND),
+                    o
+                        .get(n)
+                        .done(function (i) {
+                            if (o.modal.isActive()) {
+                                t.trigger(o.modal.AJAX_SUCCESS);
+                                var s = l();
+                                s.$elm.empty().append(i).on(o.modal.CLOSE, e),
+                                    s.hideSpinner(),
+                                    s.open(),
+                                    t.trigger(o.modal.AJAX_COMPLETE);
+                            }
+                        })
+                        .fail(function () {
+                            t.trigger(o.modal.AJAX_FAIL);
+                            var i = l();
+                            i.hideSpinner(), s.pop(), t.trigger(o.modal.AJAX_COMPLETE);
+                        });
+        else (this.$elm = t), (this.anchor = t), this.$body.append(this.$elm), this.open();
+    }),
+        (o.modal.prototype = {
+            constructor: o.modal,
+            open: function () {
+                var t = this;
+                this.block(),
+                    this.anchor.blur(),
+                    this.options.doFade
+                        ? setTimeout(function () {
+                              t.show();
+                          }, this.options.fadeDuration * this.options.fadeDelay)
+                        : this.show(),
+                    o(i)
+                        .off("keydown.modal")
+                        .on("keydown.modal", function (o) {
+                            var t = l();
+                            27 === o.which && t.options.escapeClose && t.close();
+                        }),
+                    this.options.clickClose &&
+                        this.$blocker.click(function (t) {
+                            t.target === this && o.modal.close();
+                        });
+            },
+            close: function () {
+                s.pop(),
+                    this.unblock(),
+                    this.hide(),
+                    o.modal.isActive() || o(i).off("keydown.modal");
+            },
+            block: function () {
+                this.$elm.trigger(o.modal.BEFORE_BLOCK, [this._ctx()]),
+                    this.$body.css("overflow", "hidden"),
+                    (this.$blocker = o(
+                        '<div class="' + this.options.blockerClass + ' blocker current"></div>'
+                    ).appendTo(this.$body)),
+                    n(),
+                    this.options.doFade &&
+                        this.$blocker
+                            .css("opacity", 0)
+                            .animate({ opacity: 1 }, this.options.fadeDuration),
+                    this.$elm.trigger(o.modal.BLOCK, [this._ctx()]);
+            },
+            unblock: function (t) {
+                !t && this.options.doFade
+                    ? this.$blocker.fadeOut(this.options.fadeDuration, this.unblock.bind(this, !0))
+                    : (this.$blocker.children().appendTo(this.$body),
+                      this.$blocker.remove(),
+                      (this.$blocker = null),
+                      n(),
+                      o.modal.isActive() || this.$body.css("overflow", ""));
+            },
+            show: function () {
+                this.$elm.trigger(o.modal.BEFORE_OPEN, [this._ctx()]),
+                    this.options.showClose &&
+                        ((this.closeButton = o(
+                            '<a href="#close-modal" rel="modal:close" class="close-modal ' +
+                                this.options.closeClass +
+                                '">' +
+                                this.options.closeText +
+                                "</a>"
+                        )),
+                        this.$elm.append(this.closeButton)),
+                    this.$elm.addClass(this.options.modalClass).appendTo(this.$blocker),
+                    this.options.doFade
+                        ? this.$elm
+                              .css({ opacity: 0, display: "inline-block" })
+                              .animate({ opacity: 1 }, this.options.fadeDuration)
+                        : this.$elm.css("display", "inline-block"),
+                    this.$elm.trigger(o.modal.OPEN, [this._ctx()]);
+            },
+            hide: function () {
+                this.$elm.trigger(o.modal.BEFORE_CLOSE, [this._ctx()]),
+                    this.closeButton && this.closeButton.remove();
+                var t = this;
+                this.options.doFade
+                    ? this.$elm.fadeOut(this.options.fadeDuration, function () {
+                          t.$elm.trigger(o.modal.AFTER_CLOSE, [t._ctx()]);
+                      })
+                    : this.$elm.hide(0, function () {
+                          t.$elm.trigger(o.modal.AFTER_CLOSE, [t._ctx()]);
+                      }),
+                    this.$elm.trigger(o.modal.CLOSE, [this._ctx()]);
+            },
+            showSpinner: function () {
+                this.options.showSpinner &&
+                    ((this.spinner =
+                        this.spinner ||
+                        o('<div class="' + this.options.modalClass + '-spinner"></div>').append(
+                            this.options.spinnerHtml
+                        )),
+                    this.$body.append(this.spinner),
+                    this.spinner.show());
+            },
+            hideSpinner: function () {
+                this.spinner && this.spinner.remove();
+            },
+            _ctx: function () {
+                return {
+                    elm: this.$elm,
+                    $elm: this.$elm,
+                    $blocker: this.$blocker,
+                    options: this.options,
+                    $anchor: this.anchor,
+                };
+            },
+        }),
+        (o.modal.close = function (t) {
+            if (o.modal.isActive()) {
+                t && t.preventDefault();
+                var i = l();
+                return i.close(), i.$elm;
+            }
+        }),
+        (o.modal.isActive = function () {
+            return s.length > 0;
+        }),
+        (o.modal.getCurrent = l),
+        (o.modal.defaults = {
+            closeExisting: !0,
+            escapeClose: !0,
+            clickClose: !0,
+            closeText: "닫기",
+            closeClass: "",
+            modalClass: "modal",
+            blockerClass: "jquery-modal",
+            spinnerHtml:
+                '<div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div>',
+            showSpinner: !0,
+            showClose: !0,
+            fadeDuration: null,
+            fadeDelay: 1,
+        }),
+        (o.modal.BEFORE_BLOCK = "modal:before-block"),
+        (o.modal.BLOCK = "modal:block"),
+        (o.modal.BEFORE_OPEN = "modal:before-open"),
+        (o.modal.OPEN = "modal:open"),
+        (o.modal.BEFORE_CLOSE = "modal:before-close"),
+        (o.modal.CLOSE = "modal:close"),
+        (o.modal.AFTER_CLOSE = "modal:after-close"),
+        (o.modal.AJAX_SEND = "modal:ajax:send"),
+        (o.modal.AJAX_SUCCESS = "modal:ajax:success"),
+        (o.modal.AJAX_FAIL = "modal:ajax:fail"),
+        (o.modal.AJAX_COMPLETE = "modal:ajax:complete"),
+        (o.fn.modal = function (t) {
+            return 1 === this.length && new o.modal(this, t), this;
+        }),
+        o(i).on("click.modal", 'a[rel~="modal:close"]', o.modal.close),
+        o(i).on("click.modal", 'a[rel~="modal:open"]', function (t) {
+            t.preventDefault(), o(this).modal();
+        });
+});

src/main/resources/static/itrnt/vendor/jquery-nice-select/jquery.nice-select.min.js

@@ -0,0 +1,117 @@
+/*  jQuery Nice Select - v1.0
+    https://github.com/hernansartorio/jquery-nice-select
+    Made by Hernán Sartorio  */
+!(function (e) {
+    e.fn.niceSelect = function (t) {
+        function s(t) {
+            t.after(
+                e("<div></div>")
+                    .addClass("nice-select")
+                    .addClass(t.attr("class") || "")
+                    .addClass(t.attr("disabled") ? "disabled" : "")
+                    .attr("tabindex", t.attr("disabled") ? null : "0")
+                    .html('<span class="current"></span><ul class="list"></ul>')
+            );
+            var s = t.next(),
+                n = t.find("option"),
+                i = t.find("option:selected");
+            s.find(".current").html(i.data("display") || i.text()),
+                n.each(function (t) {
+                    var n = e(this),
+                        i = n.data("display");
+                    s.find("ul").append(
+                        e("<li></li>")
+                            .attr("data-value", n.val())
+                            .attr("data-display", i || null)
+                            .addClass(
+                                "option" +
+                                    (n.is(":selected") ? " selected" : "") +
+                                    (n.is(":disabled") ? " disabled" : "")
+                            )
+                            .html(n.text())
+                    );
+                });
+        }
+        if ("string" == typeof t)
+            return (
+                "update" == t
+                    ? this.each(function () {
+                          var t = e(this),
+                              n = e(this).next(".nice-select"),
+                              i = n.hasClass("open");
+                          n.length && (n.remove(), s(t), i && t.next().trigger("click"));
+                      })
+                    : "destroy" == t
+                    ? (this.each(function () {
+                          var t = e(this),
+                              s = e(this).next(".nice-select");
+                          s.length && (s.remove(), t.css("display", ""));
+                      }),
+                      0 == e(".nice-select").length && e(document).off(".nice_select"))
+                    : console.log('Method "' + t + '" does not exist.'),
+                this
+            );
+        this.hide(),
+            this.each(function () {
+                var t = e(this);
+                t.next().hasClass("nice-select") || s(t);
+            }),
+            e(document).off(".nice_select"),
+            e(document).on("click.nice_select", ".nice-select", function (t) {
+                var s = e(this);
+                e(".nice-select").not(s).removeClass("open"),
+                    s.toggleClass("open"),
+                    s.hasClass("open")
+                        ? (s.find(".option"),
+                          s.find(".focus").removeClass("focus"),
+                          s.find(".selected").addClass("focus"))
+                        : s.focus();
+            }),
+            e(document).on("click.nice_select", function (t) {
+                0 === e(t.target).closest(".nice-select").length &&
+                    e(".nice-select").removeClass("open").find(".option");
+            }),
+            e(document).on(
+                "click.nice_select",
+                ".nice-select .option:not(.disabled)",
+                function (t) {
+                    var s = e(this),
+                        n = s.closest(".nice-select");
+                    n.find(".selected").removeClass("selected"), s.addClass("selected");
+                    var i = s.data("display") || s.text();
+                    n.find(".current").text(i),
+                        n.prev("select").val(s.data("value")).trigger("change");
+                }
+            ),
+            e(document).on("keydown.nice_select", ".nice-select", function (t) {
+                var s = e(this),
+                    n = e(s.find(".focus") || s.find(".list .option.selected"));
+                if (32 == t.keyCode || 13 == t.keyCode)
+                    return s.hasClass("open") ? n.trigger("click") : s.trigger("click"), !1;
+                if (40 == t.keyCode) {
+                    if (s.hasClass("open")) {
+                        var i = n.nextAll(".option:not(.disabled)").first();
+                        i.length > 0 &&
+                            (s.find(".focus").removeClass("focus"), i.addClass("focus"));
+                    } else s.trigger("click");
+                    return !1;
+                }
+                if (38 == t.keyCode) {
+                    if (s.hasClass("open")) {
+                        var l = n.prevAll(".option:not(.disabled)").first();
+                        l.length > 0 &&
+                            (s.find(".focus").removeClass("focus"), l.addClass("focus"));
+                    } else s.trigger("click");
+                    return !1;
+                }
+                if (27 == t.keyCode) s.hasClass("open") && s.trigger("click");
+                else if (9 == t.keyCode && s.hasClass("open")) return !1;
+            });
+        var n = document.createElement("a").style;
+        return (
+            (n.cssText = "pointer-events:auto"),
+            "auto" !== n.pointerEvents && e("html").addClass("no-csspointerevents"),
+            this
+        );
+    };
+})(jQuery);

src/main/resources/static/itrnt/vendor/jquery-nice-select/nice-select.css

@@ -0,0 +1,138 @@
+.nice-select {
+  -webkit-tap-highlight-color: transparent;
+  background-color: #fff;
+  border-radius: 5px;
+  border: solid 1px #e8e8e8;
+  box-sizing: border-box;
+  clear: both;
+  cursor: pointer;
+  display: block;
+  float: left;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: normal;
+  height: 42px;
+  line-height: 40px;
+  outline: none;
+  padding-left: 18px;
+  padding-right: 30px;
+  position: relative;
+  text-align: left !important;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  white-space: nowrap;
+  width: auto; }
+  .nice-select:hover {
+    border-color: #dbdbdb; }
+  .nice-select:active, .nice-select.open, .nice-select:focus {
+    border-color: #999; }
+  .nice-select:after {
+    border-bottom: 2px solid #999;
+    border-right: 2px solid #999;
+    content: '';
+    display: block;
+    height: 5px;
+    margin-top: -4px;
+    pointer-events: none;
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    -webkit-transform-origin: 66% 66%;
+        -ms-transform-origin: 66% 66%;
+            transform-origin: 66% 66%;
+    -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+            transform: rotate(45deg);
+    -webkit-transition: all 0.15s ease-in-out;
+    transition: all 0.15s ease-in-out;
+    width: 5px; }
+  .nice-select.open:after {
+    -webkit-transform: rotate(-135deg);
+        -ms-transform: rotate(-135deg);
+            transform: rotate(-135deg); }
+  .nice-select.open .list {
+    opacity: 1;
+    pointer-events: auto;
+    -webkit-transform: scale(1) translateY(0);
+        -ms-transform: scale(1) translateY(0);
+            transform: scale(1) translateY(0); }
+  .nice-select.disabled {
+    border-color: #ededed;
+    color: #999;
+    pointer-events: none; }
+    .nice-select.disabled:after {
+      border-color: #cccccc; }
+  .nice-select.wide {
+    width: 100%; }
+    .nice-select.wide .list {
+      left: 0 !important;
+      right: 0 !important; }
+  .nice-select.right {
+    float: right; }
+    .nice-select.right .list {
+      left: auto;
+      right: 0; }
+  .nice-select.small {
+    font-size: 12px;
+    height: 36px;
+    line-height: 34px; }
+    .nice-select.small:after {
+      height: 4px;
+      width: 4px; }
+    .nice-select.small .option {
+      line-height: 34px;
+      min-height: 34px; }
+  .nice-select .list {
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
+    box-sizing: border-box;
+    margin-top: 4px;
+    opacity: 0;
+    overflow: hidden;
+    padding: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    -webkit-transform-origin: 50% 0;
+        -ms-transform-origin: 50% 0;
+            transform-origin: 50% 0;
+    -webkit-transform: scale(0.75) translateY(-21px);
+        -ms-transform: scale(0.75) translateY(-21px);
+            transform: scale(0.75) translateY(-21px);
+    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
+    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
+    z-index: 9; }
+    .nice-select .list:hover .option:not(:hover) {
+      background-color: transparent !important; }
+  .nice-select .option {
+    cursor: pointer;
+    font-weight: 400;
+    line-height: 40px;
+    list-style: none;
+    min-height: 40px;
+    outline: none;
+    padding-left: 18px;
+    padding-right: 29px;
+    text-align: left;
+    -webkit-transition: all 0.2s;
+    transition: all 0.2s; }
+    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
+      background-color: #f6f6f6; }
+    .nice-select .option.selected {
+      font-weight: bold; }
+    .nice-select .option.disabled {
+      background-color: transparent;
+      color: #999;
+      cursor: default; }
+
+.no-csspointerevents .nice-select .list {
+  display: none; }
+
+.no-csspointerevents .nice-select.open .list {
+  display: block; }

src/main/resources/static/itrnt/vendor/jquery-ui/jquery-ui.structure.css

@@ -0,0 +1,271 @@
+/*!
+ * jQuery UI CSS Framework 1.13.2
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/theming/
+ */
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+	display: none;
+}
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
+.ui-helper-reset {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	line-height: 1.3;
+	text-decoration: none;
+	font-size: 100%;
+	list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+	content: "";
+	display: table;
+	border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+	clear: both;
+}
+.ui-helper-zfix {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+	opacity: 0;
+	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
+}
+
+.ui-front {
+	z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+	cursor: default !important;
+	pointer-events: none;
+}
+
+
+/* Icons
+----------------------------------*/
+.ui-icon {
+	display: inline-block;
+	vertical-align: middle;
+	margin-top: -.25em;
+	position: relative;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+}
+
+.ui-widget-icon-block {
+	left: 50%;
+	margin-left: -8px;
+	display: block;
+}
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+.ui-datepicker {
+	width: 17em;
+	padding: .2em .2em 0;
+	display: none;
+}
+.ui-datepicker .ui-datepicker-header {
+	position: relative;
+	padding: .2em 0;
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+	position: absolute;
+	top: 2px;
+	width: 1.8em;
+	height: 1.8em;
+}
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+	top: 1px;
+}
+.ui-datepicker .ui-datepicker-prev {
+	left: 2px;
+}
+.ui-datepicker .ui-datepicker-next {
+	right: 2px;
+}
+.ui-datepicker .ui-datepicker-prev-hover {
+	left: 1px;
+}
+.ui-datepicker .ui-datepicker-next-hover {
+	right: 1px;
+}
+.ui-datepicker .ui-datepicker-prev span,
+.ui-datepicker .ui-datepicker-next span {
+	display: block;
+	position: absolute;
+	left: 50%;
+	margin-left: -8px;
+	top: 50%;
+	margin-top: -8px;
+}
+.ui-datepicker .ui-datepicker-title {
+	margin: 0 2.3em;
+	line-height: 1.8em;
+	text-align: center;
+}
+.ui-datepicker .ui-datepicker-title select {
+	font-size: 1em;
+	margin: 1px 0;
+}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+	width: 45%;
+}
+.ui-datepicker table {
+	width: 100%;
+	font-size: .9em;
+	border-collapse: collapse;
+	margin: 0 0 .4em;
+}
+.ui-datepicker th {
+	padding: .7em .3em;
+	text-align: center;
+	font-weight: bold;
+	border: 0;
+}
+.ui-datepicker td {
+	border: 0;
+	padding: 1px;
+}
+.ui-datepicker td span,
+.ui-datepicker td a {
+	display: block;
+	padding: .2em;
+	text-align: right;
+	text-decoration: none;
+}
+.ui-datepicker .ui-datepicker-buttonpane {
+	background-image: none;
+	margin: .7em 0 0 0;
+	padding: 0 .2em;
+	border-left: 0;
+	border-right: 0;
+	border-bottom: 0;
+}
+.ui-datepicker .ui-datepicker-buttonpane button {
+	float: right;
+	margin: .5em .2em .4em;
+	cursor: pointer;
+	padding: .2em .6em .3em .6em;
+	width: auto;
+	overflow: visible;
+}
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
+	float: left;
+}
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi {
+	width: auto;
+}
+.ui-datepicker-multi .ui-datepicker-group {
+	float: left;
+}
+.ui-datepicker-multi .ui-datepicker-group table {
+	width: 95%;
+	margin: 0 auto .4em;
+}
+.ui-datepicker-multi-2 .ui-datepicker-group {
+	width: 50%;
+}
+.ui-datepicker-multi-3 .ui-datepicker-group {
+	width: 33.3%;
+}
+.ui-datepicker-multi-4 .ui-datepicker-group {
+	width: 25%;
+}
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+	border-left-width: 0;
+}
+.ui-datepicker-multi .ui-datepicker-buttonpane {
+	clear: left;
+}
+.ui-datepicker-row-break {
+	clear: both;
+	width: 100%;
+	font-size: 0;
+}
+
+/* RTL support */
+.ui-datepicker-rtl {
+	direction: rtl;
+}
+.ui-datepicker-rtl .ui-datepicker-prev {
+	right: 2px;
+	left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next {
+	left: 2px;
+	right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-prev:hover {
+	right: 1px;
+	left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next:hover {
+	left: 1px;
+	right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane {
+	clear: right;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button {
+	float: left;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
+.ui-datepicker-rtl .ui-datepicker-group {
+	float: right;
+}
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
+	border-right-width: 0;
+	border-left-width: 1px;
+}
+
+/* Icons */
+.ui-datepicker .ui-icon {
+	display: block;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+	left: .5em;
+	top: .3em;
+}

src/main/resources/static/itrnt/vendor/jspreadsheet/jexcel.css

@@ -0,0 +1,755 @@
+:root {
+    --jexcel-border-color:#000;
+}
+
+.jexcel_container {
+    display:inline-block;
+    padding-right:2px;
+    box-sizing: border-box;
+    overscroll-behavior: contain;
+    outline: none;
+}
+
+.jexcel_container.fullscreen {
+    position:fixed;
+    top:0px;
+    left:0px;
+    width:100%;
+    height:100%;
+    z-index:21;
+}
+
+.jexcel_container.fullscreen .jexcel_content {
+    overflow:auto;
+    width:100%;
+    height:100%;
+    background-color:#ffffff;
+}
+
+.jexcel_container.with-toolbar .jexcel > thead > tr > td {
+    top: 0;
+}
+
+.jexcel_container.fullscreen.with-toolbar {
+    height: calc(100% - 46px);
+}
+
+.jexcel_content {
+    display:inline-block;
+    box-sizing: border-box;
+    padding-right:3px;
+    padding-bottom:3px;
+    position:relative;
+    scrollbar-width: thin;
+    scrollbar-color: #666 transparent;
+}
+
+@supports (-moz-appearance:none) {
+    .jexcel_content { padding-right:10px; } 
+}
+
+.jexcel_content::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+.jexcel_content::-webkit-scrollbar-track {
+    background: #eee;
+}
+ 
+.jexcel_content::-webkit-scrollbar-thumb {
+  background: #666; 
+}
+
+.jexcel {
+    border-collapse: separate;
+    table-layout: fixed;
+    white-space:  nowrap;
+    empty-cells: show;
+    border: 0px;
+    background-color: #fff;
+    width: 0;
+
+    border-top: 1px solid transparent;
+    border-left: 1px solid transparent;
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+}
+
+.jexcel > thead > tr > td
+{
+    border-top: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+    background-color: #f3f3f3;
+    padding: 2px;
+    cursor: pointer;
+    box-sizing: border-box;
+    overflow: hidden;
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index:2;
+}
+
+.jexcel_container.with-toolbar .jexcel > thead > tr > td
+{
+    top:42px;
+}
+
+.jexcel > thead > tr > td.dragging
+{
+    background-color:#fff;
+    opacity:0.5;
+}
+
+.jexcel > thead > tr > td.selected
+{
+    background-color:#dcdcdc;
+}
+
+.jexcel > thead > tr > td.arrow-up
+{
+    background-repeat:no-repeat;
+    background-position:center right 5px;
+    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");
+    text-decoration:underline;
+}
+
+.jexcel > thead > tr > td.arrow-down
+{
+    background-repeat:no-repeat;
+    background-position:center right 5px;
+    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
+    text-decoration:underline;
+}
+
+.jexcel > tbody > tr > td:first-child
+{
+    position:relative;
+    background-color:#f3f3f3;
+    text-align:center;
+}
+
+.jexcel > tbody.resizable > tr > td:first-child::before
+{
+    content:'\00a0';
+    width:100%;
+    height:3px;
+    position:absolute;
+    bottom:0px;
+    left:0px;
+    cursor:row-resize;
+}
+
+.jexcel > tbody.draggable > tr > td:first-child::after
+{
+    content:'\00a0';
+    width:3px;
+    height:100%;
+    position:absolute;
+    top:0px;
+    right:0px;
+    cursor:move;
+}
+
+.jexcel > tbody > tr.dragging > td
+{
+    background-color:#eee;
+    opacity:0.5;
+}
+
+.jexcel > tbody > tr > td
+{
+    border-top:1px solid #ccc;
+    border-left:1px solid #ccc;
+    border-right:1px solid transparent;
+    border-bottom:1px solid transparent;
+    padding:4px;
+    white-space: nowrap;
+    box-sizing: border-box;
+    line-height:1em;
+}
+
+.jexcel_overflow > tbody > tr > td {
+    overflow: hidden;
+}
+
+.jexcel > tbody > tr > td:last-child
+{
+    overflow: hidden;
+}
+
+.jexcel > tbody > tr > td > img
+{
+    display:inline-block;
+    max-width:100px;
+}
+
+.jexcel > tbody > tr > td.readonly
+{
+    color:rgba(0,0,0,0.3)
+}
+.jexcel > tbody > tr.selected > td:first-child
+{
+    background-color:#dcdcdc;
+}
+.jexcel > tbody > tr > td > select,
+.jexcel > tbody > tr > td > input,
+.jexcel > tbody > tr > td > textarea
+{
+    border:0px;
+    border-radius:0px;
+    outline:0px;
+    width:100%;
+    margin:0px;
+    padding:0px;
+    padding-right:2px;
+    background-color:transparent;
+    box-sizing: border-box;
+}
+
+.jexcel > tbody > tr > td > textarea
+{
+    resize: none;
+    padding-top:6px !important;
+}
+
+.jexcel > tbody > tr > td > input[type=checkbox]
+{
+    width:12px;
+    margin-top:2px;
+}
+.jexcel > tbody > tr > td > input[type=radio]
+{
+    width:12px;
+    margin-top:2px;
+}
+
+.jexcel > tbody > tr > td > select
+{
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-repeat: no-repeat;
+    background-position-x: 100%;
+    background-position-y: 40%;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
+}
+
+.jexcel > tbody > tr > td.jexcel_dropdown
+{
+    background-repeat: no-repeat;
+    background-position:top 50% right 5px;
+    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
+    text-overflow: ellipsis;
+    overflow-x:hidden;
+}
+
+.jexcel > tbody > tr > td.jexcel_dropdown.jexcel_comments
+{
+    background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E") top 50% right 5px no-repeat, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=') top right no-repeat;
+}
+
+.jexcel > tbody > tr > td > .color
+{
+    width:90%;
+    height:10px;
+    margin:auto;
+}
+
+.jexcel > tbody > tr > td > a {
+    text-decoration: underline;
+}
+
+.jexcel > tbody > tr > td.highlight > a {
+    color: blue;
+    cursor: pointer;
+}
+
+.jexcel > tfoot > tr > td
+{
+    border-top: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+    background-color: #f3f3f3;
+    padding: 2px;
+    cursor: pointer;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+.jexcel .highlight {
+    background-color:rgba(0,0,0,0.05);
+}
+
+.jexcel .highlight-top {
+    border-top:1px solid #000; /* var(--jexcel-border-color);*/
+    box-shadow: 0px -1px #ccc;
+}
+
+.jexcel .highlight-left {
+    border-left:1px solid #000; /* var(--jexcel-border-color);*/
+    box-shadow: -1px 0px #ccc;
+}
+
+.jexcel .highlight-right {
+    border-right:1px solid #000; /* var(--jexcel-border-color);*/
+}
+
+.jexcel .highlight-bottom {
+    border-bottom:1px solid #000; /* var(--jexcel-border-color);*/
+}
+
+.jexcel .highlight-top.highlight-left {
+    box-shadow: -1px -1px #ccc;
+    -webkit-box-shadow: -1px -1px #ccc;
+    -moz-box-shadow: -1px -1px #ccc;
+}
+
+.jexcel .highlight-selected
+{
+    background-color:rgba(0,0,0,0.0);
+}
+.jexcel .selection
+{
+    background-color:rgba(0,0,0,0.05);
+}
+.jexcel .selection-left
+{
+    border-left:1px dotted #000;
+}
+.jexcel .selection-right
+{
+    border-right:1px dotted #000;
+}
+.jexcel .selection-top
+{
+    border-top:1px dotted #000;
+}
+.jexcel .selection-bottom
+{
+    border-bottom:1px dotted #000;
+}
+.jexcel_corner
+{
+    position:absolute;
+    background-color: rgb(0, 0, 0);
+    height: 1px;
+    width: 1px;
+    border: 1px solid rgb(255, 255, 255);
+    top:-2000px;
+    left:-2000px;
+    cursor:crosshair;
+    box-sizing: initial;
+    z-index:20;
+    padding: 2px;
+}
+
+.jexcel .editor
+{
+    outline:0px solid transparent;
+    overflow:visible;
+    white-space: nowrap;
+    text-align:left;
+    padding:0px;
+    box-sizing: border-box;
+    overflow:visible !important;
+}
+
+.jexcel .editor > input
+{
+    padding-left:4px;
+}
+
+.jexcel .editor .jupload
+{
+    position:fixed;
+    top:100%;
+    z-index:40;
+    user-select:none;
+    -webkit-font-smoothing: antialiased;
+    font-size: .875rem;
+    letter-spacing: .2px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+    padding:10px;
+    background-color:#fff;
+    width:300px;
+    min-height:225px;
+    margin-top:2px;
+}
+
+.jexcel .editor .jupload img
+{
+    width:100%;
+    height:auto;
+}
+
+.jexcel .editor .jexcel_richtext
+{
+    position:fixed;
+    top:100%;
+    z-index:40;
+    user-select:none;
+    -webkit-font-smoothing: antialiased;
+    font-size: .875rem;
+    letter-spacing: .2px;
+    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
+    padding:10px;
+    background-color:#fff;
+    min-width:280px;
+    max-width:310px;
+    margin-top:2px;
+    text-align:left;
+}
+
+.jexcel .editor .jclose:after
+{
+    position:absolute;
+    top:0;
+    right:0;
+    margin:10px;
+    content:'close';
+    font-family:'Material icons';
+    font-size:24px;
+    width:24px;
+    height:24px;
+    line-height:24px;
+    cursor:pointer;
+    text-shadow: 0px 0px 5px #fff;
+}
+
+.jexcel, .jexcel td, .jexcel_corner
+{
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+  user-drag: none;
+}
+
+.jexcel_textarea
+{
+    position:absolute;
+    top:-999px;
+    left:-999px;
+    width:1px;
+    height:1px;
+}
+.jexcel .dragline
+{
+    position:absolute;
+}
+.jexcel .dragline div
+{
+    position:relative;
+    top:-6px;
+    height:5px;
+    width:22px;
+}
+.jexcel .dragline div:hover
+{
+    cursor:move;
+}
+
+.jexcel .onDrag
+{
+    background-color:rgba(0,0,0,0.6);
+}
+
+.jexcel .error
+{
+    border:1px solid red;
+}
+
+.jexcel thead td.resizing
+{
+    border-right-style:dotted !important;
+    border-right-color:red !important;
+}
+
+.jexcel tbody tr.resizing > td
+{
+    border-bottom-style:dotted !important;
+    border-bottom-color:red !important;
+}
+
+.jexcel tbody td.resizing
+{
+    border-right-style:dotted !important;
+    border-right-color:red !important;
+}
+
+.jexcel .jdropdown-header
+{
+    border:0px !important;
+    outline:none !important;
+    width:100% !important;
+    height:100% !important;
+    padding:0px !important;
+    padding-left:8px !important;
+}
+
+.jexcel .jdropdown-container
+{
+    margin-top:1px;
+}
+
+.jexcel .jdropdown-container-header {
+    padding: 0px;
+    margin: 0px;
+    height: inherit;
+}
+
+.jexcel .jdropdown-picker
+{
+    border:0px !important;
+    padding:0px !important;
+    width:inherit;
+    height:inherit;
+}
+
+.jexcel .jexcel_comments
+{
+    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
+    background-repeat: no-repeat;
+    background-position: top right;
+}
+
+.jexcel .sp-replacer
+{
+    margin: 2px;
+    border:0px;
+}
+
+.jexcel > thead > tr.jexcel_filter > td > input
+{
+    border:0px;
+    width:100%;
+    outline:none;
+}
+
+.jexcel_about {
+    float: right;
+    font-size: 0.7em;
+    padding: 2px;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    display: none;
+}
+.jexcel_about a {
+    color: #ccc;
+    text-decoration: none;
+}
+
+.jexcel_about img {
+    display: none;
+}
+
+.jexcel_filter
+{
+    display:flex;
+    justify-content:space-between;
+    margin-bottom:4px;
+}
+
+.jexcel_filter > div
+{
+    padding:8px;
+    align-items:center;
+}
+
+.jexcel_pagination
+{
+    display:flex;
+    justify-content:space-between;
+    align-items:center;
+}
+
+.jexcel_pagination > div
+{
+    display:flex;
+    padding:10px;
+}
+
+.jexcel_pagination > div:last-child
+{
+    padding-right:10px;
+    padding-top:10px;
+}
+
+.jexcel_pagination > div > div
+{
+    text-align:center;
+    width:36px;
+    height:36px;
+    line-height:34px;
+    border:1px solid #ccc;
+    box-sizing: border-box;
+    margin-left:2px;
+    cursor:pointer;
+}
+
+.jexcel_page
+{
+    font-size:0.8em;
+}
+
+.jexcel_page_selected
+{
+    font-weight:bold;
+    background-color:#f3f3f3;
+}
+
+.jexcel_toolbar
+{
+    display:flex;
+    background-color:#f3f3f3;
+    border:1px solid #ccc;
+    padding:4px;
+    margin:0px 2px 4px 1px;
+    position:sticky;
+    top:0px;
+    z-index:21;
+}
+
+.jexcel_toolbar:empty
+{
+    display:none;
+}
+
+.jexcel_toolbar i.jexcel_toolbar_item 
+{
+    width:24px;
+    height:24px;
+    padding:4px;
+    cursor:pointer;
+    display:inline-block;
+}
+
+.jexcel_toolbar i.jexcel_toolbar_item:hover 
+{
+    background-color:#ddd;
+}
+
+.jexcel_toolbar select.jexcel_toolbar_item 
+{
+    margin-left:2px;
+    margin-right:2px;
+    display:inline-block;
+    border:0px;
+    background-color:transparent;
+    padding-right:10px;
+}
+
+.jexcel .dragging-left
+{
+    background-repeat: no-repeat;
+    background-position:top 50% left 0px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath fill='none' d='M24 0v24H0V0h24z'/%3E%3C/svg%3E");
+}
+
+.jexcel .dragging-right
+{
+    background-repeat: no-repeat;
+    background-position:top 50% right 0px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");
+}
+
+.jexcel_tabs .jexcel_tab
+{
+    display:none;
+}
+
+.jexcel_tabs .jexcel_tab_link
+{
+    display:inline-block;
+    padding:10px;
+    padding-left:20px;
+    padding-right:20px;
+    margin-right:5px;
+    margin-bottom:5px;
+    background-color:#f3f3f3;
+    cursor:pointer;
+}
+
+.jexcel_tabs .jexcel_tab_link.selected
+{
+    background-color:#ddd;
+}
+
+.jexcel_hidden_index > tbody > tr > td:first-child,
+.jexcel_hidden_index > thead > tr > td:first-child,
+.jexcel_hidden_index > tfoot > tr > td:first-child,
+.jexcel_hidden_index > colgroup > col:first-child
+{
+    display:none;
+}
+
+
+
+.jexcel .jrating {
+    display: inline-flex;
+}
+.jexcel .jrating > div {
+    zoom: 0.55;
+}
+
+.jexcel .copying-top {
+    border-top:1px dashed #000;
+}
+
+.jexcel .copying-left {
+    border-left:1px dashed #000;
+}
+
+.jexcel .copying-right {
+    border-right:1px dashed #000;
+}
+
+.jexcel .copying-bottom {
+    border-bottom:1px dashed #000;
+}
+
+.jexcel .jexcel_column_filter {
+    background-repeat: no-repeat;
+    background-position: top 50% right 5px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
+    text-overflow: ellipsis;
+    overflow: hidden;
+    padding: 0px;
+    padding-left: 6px;
+    padding-right: 20px;
+}
+
+.jexcel thead .jexcel_freezed, .jexcel tfoot .jexcel_freezed {
+    left: 0px;
+    z-index: 3 !important;
+    box-shadow: 2px 0px 2px 0.2px #ccc !important;
+    -webkit-box-shadow: 2px 0px 2px 0.2px #ccc !important;
+    -moz-box-shadow: 2px 0px 2px 0.2px #ccc !important;
+}
+
+.jexcel tbody .jexcel_freezed {
+    position: relative;
+    background-color: #fff;
+    box-shadow: 1px 1px 1px 1px #ccc !important;
+    -webkit-box-shadow: 2px 4px 4px 0.1px #ccc !important;
+    -moz-box-shadow: 2px 4px 4px 0.1px #ccc !important;
+}
+
+.red {
+    color: red;
+}