@charset "UTF-8";
:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
  --white: #fff;
  --gray1: #282828;
  --gray2: #4f4f4f;
  --gray3: #828282;
  --gray4: #bdbdbd;
  --gray5: #e7e7e7;
  --gray6: #f5f5f5;
  --main: #8fbd31;
  --sub1: #f4f8e9;
  --sub2: #474b3d;
  --sub3: #8c39b3;
  --sub4: #fff1fa;
  --sub5: #f9fcff;
  --sub6: #fff3eb;
  --table-cell: #fbfbfb;
  --sidebar-bg: var(--sub2);
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: url(../fonts/NotoSansCJKkr/NotoSansCJKkr-Regular.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: url(../fonts/NotoSansCJKkr/NotoSansCJKkr-Medium.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  src: url(../fonts/NotoSansCJKkr/NotoSansCJKkr-Bold.woff) format("woff");
}
html,
body {
  height: 100%;
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  scrollbar-arrow-color: #83868a;
  scrollbar-3dlight-color: none;
  scrollbar-shadow-color: #83868a;
  scrollbar-darkshadow-color: none;
  scrollbar-color: #83868a;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: transparent;
}

::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 9px;
  background-color: #b9babd;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

body {
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

button {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  background: transparent;
}

ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

dl {
  margin: 0;
}

img {
  max-width: 100%;
}

.overflow-y-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
}

.border-radius-4 {
  border-radius: 4px !important;
}

.border-radius-8 {
  border-radius: 8px !important;
}

.cursor-pointer {
  cursor: pointer;
}

.max-width-none {
  max-width: none !important;
}

.divider-dashed {
  border: 1px dashed var(--gray5);
  margin: 1rem 0;
}

.border-top-dark {
  border-top: 1px solid #4f4f4f !important;
}

.text-gray-3 {
  color: var(--gray3);
}

.text-purple {
  color: var(--sub3);
}

.bg-purple {
  background-color: var(--sub3);
}

.min-width-750px {
  min-width: 750px;
}

.bg-light-green {
  background-color: var(--sub1) !important;
}

.bg-light-pink {
  background-color: var(--sub4) !important;
}

.bg-light-blue {
  background-color: var(--sub5) !important;
}

.bg-light-orange {
  background-color: var(--sub6) !important;
}

.bg-gray-6 {
  background-color: var(--gray6) !important;
}

.bg-gray-4 {
  background-color: var(--gray4) !important;
}

.max-width-200px {
  max-width: 200px;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

[class^=icon-] {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  flex-shrink: 0 !important;
}

.material-symbols-outlined {
  vertical-align: middle;
  flex-shrink: 0;
}

/* gnb 아이콘 */
.icon-gnb-stock {
  background-image: url("../images/icon-gnb-stock.svg");
  width: 24px;
  height: 24px;
}

.icon-gnb-install {
  background-image: url("../images/icon-gnb-install.svg");
  width: 24px;
  height: 24px;
}

.icon-gnb-cs {
  background-image: url("../images/icon-gnb-cs.svg");
  width: 24px;
  height: 24px;
}

.icon-gnb-board {
  background-image: url("../images/icon-gnb-board.svg");
  width: 24px;
  height: 24px;
}

.icon-gnb-management {
  background-image: url("../images/icon-gnb-management.svg");
  width: 24px;
  height: 24px;
}

.icon-gnb-system {
  background-image: url("../images/icon-gnb-system.svg");
  width: 24px;
  height: 24px;
}

.icon-gnb-store {
  background-image: url("../images/icon-gnb-store.svg");
  width: 24px;
  height: 24px;
}

.icon-gnb-partners {
  background-image: url("../images/icon-gnb-partners.svg");
  width: 24px;
  height: 24px;
}

/* dashboard 아이콘 */
.icon-dashboard-oliveyoung {
  background-image: url("../images/icon-dashboard-oliveyoung.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-battery {
  background-image: url("../images/icon-dashboard-battery.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-warning {
  background-image: url("../images/icon-dashboard-warning.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-check {
  background-image: url("../images/icon-dashboard-check.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-truck {
  background-image: url("../images/icon-dashboard-truck.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-tree-structure {
  background-image: url("../images/icon-dashboard-tree-structure.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-barcode {
  background-image: url("../images/icon-dashboard-barcode.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-user-search {
  background-image: url("../images/icon-dashboard-user-search.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-doc-search {
  background-image: url("../images/icon-dashboard-doc-search.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-store {
  background-image: url("../images/icon-dashboard-store.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-receive {
  background-image: url("../images/icon-dashboard-receive.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-transfer {
  background-image: url("../images/icon-dashboard-transfer.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-phone {
  background-image: url("../images/icon-dashboard-phone.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-box {
  background-image: url("../images/icon-dashboard-box.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-hourglass {
  background-image: url("../images/icon-dashboard-hourglass.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-doc-check {
  background-image: url("../images/icon-dashboard-doc-check.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-file {
  background-image: url("../images/icon-dashboard-file.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-wrench {
  background-image: url("../images/icon-dashboard-wrench.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-dashboard-file-text {
  background-image: url("../images/icon-dashboard-file-text.svg");
  width: 32px !important;
  height: 32px !important;
}

.icon-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.64645 3.64645C5.84171 3.45118 6.15829 3.45118 6.35355 3.64645L10.3536 7.64645C10.5488 7.84171 10.5488 8.15829 10.3536 8.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536C5.45118 12.1583 5.45118 11.8417 5.64645 11.6464L9.29289 8L5.64645 4.35355C5.45118 4.15829 5.45118 3.84171 5.64645 3.64645Z' fill='%23828282'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
}

/* 16px 아이콘 */
.icon-input-mail {
  background-image: url("../images/icon-input-mail.svg");
  width: 16px;
  height: 16px;
}

.icon-input-key {
  background-image: url("../images/icon-input-key.svg");
  width: 16px;
  height: 16px;
}

.icon-check {
  background-image: url("../images/icon-check.svg");
  width: 16px;
  height: 16px;
}

.icon-inf {
  background-image: url("../images/icon-inf.svg");
  width: 16px;
  height: 16px;
}

.icon-reply {
  background-image: url("../images/icon-reply.svg");
  width: 16px;
  height: 16px;
}

.icon-info {
  background-image: url("../images/icon-info.svg");
  width: 16px;
  height: 16px;
}

.icon-info-red {
  background-image: url("../images/icon-info-red.svg");
  width: 16px;
  height: 16px;
}

/* 20px 아이콘 */
.icon-search-white {
  background-image: url("../images/icon-search-white.svg");
  width: 20px;
  height: 20px;
}

.icon-reset {
  background-image: url("../images/icon-reset.svg");
  width: 20px;
  height: 20px;
}

.icon-edit {
  background-image: url("../images/icon-edit.svg");
  width: 20px;
  height: 20px;
}

.icon-minus {
  background-image: url("../images/icon-minus.svg");
  width: 20px;
  height: 20px;
}

.icon-plus {
  background-image: url("../images/icon-plus.svg");
  width: 20px;
  height: 20px;
}

.icon-search {
  background-image: url("../images/icon-search.svg");
  width: 20px;
  height: 20px;
}

.icon-image {
  background-image: url("../images/icon-image.svg");
  width: 20px;
  height: 20px;
}

.icon-arrow-up {
  background-image: url("../images/icon-arrow-up.svg");
  width: 20px;
  height: 20px;
}

.icon-arrow-down {
  background-image: url("../images/icon-arrow-down.svg");
  width: 20px;
  height: 20px;
}

.icon-trash {
  background-image: url("../images/icon-trash.svg");
  width: 20px;
  height: 20px;
}

/* 24px 아이콘 */
.icon-delete {
  background-image: url("../images/icon-delete.svg");
  width: 24px;
  height: 24px;
}

.icon-download {
  background-image: url("../images/icon-download.svg");
  width: 24px;
  height: 24px;
}

/* 32px 아이콘 */
.icon-folder-open {
  background-image: url("../images/icon-folder-open.svg");
  width: 32px;
  height: 32px;
}

.icon-box {
  background-image: url("../images/icon-box.svg");
  width: 32px;
  height: 32px;
}

.icon-arrow-right {
  background-image: url("../images/icon-arrow-right.svg");
  width: 32px;
  height: 32px;
}

.icon-arrow-left {
  background-image: url("../images/icon-arrow-left.svg");
  width: 32px;
  height: 32px;
}

/* 첨부파일 아이콘 */
.icon-excel {
  background-image: url("../images/icon-excel.svg");
  width: 40px !important;
  height: 40px !important;
}

.icon-word {
  background-image: url("../images/icon-word.svg");
  width: 40px !important;
  height: 40px !important;
}

.icon-ppt {
  background-image: url("../images/icon-ppt.svg");
  width: 40px !important;
  height: 40px !important;
}

.icon-zip {
  background-image: url("../images/icon-zip.svg");
  width: 40px !important;
  height: 40px !important;
}

.icon-pdf {
  background-image: url("../images/icon-pdf.svg");
  width: 40px !important;
  height: 40px !important;
}

.icon-hwp {
  background-image: url("../images/icon-hwp.svg");
  width: 40px !important;
  height: 40px !important;
}

.icon-txt {
  background-image: url("../images/icon-txt.svg");
  width: 40px !important;
  height: 40px !important;
}

.icon-file-etc {
  background-image: url("../images/icon-file-etc.svg");
  width: 40px !important;
  height: 40px !important;
}

body {
  letter-spacing: -0.02em;
}

.required {
  color: #db3b24;
}

.table-title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  padding-bottom: 12px;
}
@media (min-width: 992px) {
  .table-title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
  }
}

.added-images {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.added-images .item {
  flex: 0 0 auto;
  width: 50%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: var(--5_66);
  text-align: center;
}
.added-images .item img {
  -o-object-fit: contain;
     object-fit: contain;
  background: #4f4f4f;
}
@media (min-width: 576px) {
  .added-images .item {
    width: 33.33333%;
  }
}
@media (min-width: 768px) {
  .added-images .item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .added-images .item {
    width: 20%;
  }
}
@media (min-width: 1400px) {
  .added-images .item {
    width: 16.66666%;
  }
}
@media (min-width: 1600px) {
  .added-images .item {
    width: 14.2857%;
  }
}

.badge {
  padding: 1px 7px;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}
.badge.badge-outline-gray:not(.rounded-pill) {
  padding: 1px 7px;
}

.badge-primary {
  border-color: #8fbd31;
  background-color: #8fbd31;
}

.badge-outline-primary {
  color: #8fbd31;
  border-color: #8fbd31;
  background-color: var(--white);
}

.badge-secondary {
  border-color: #ff7878;
  background-color: #ff7878;
}

.badge-outline-secondary {
  color: #ff7878;
  border-color: #ff7878;
  background-color: var(--white);
}

.badge-info {
  border-color: #26a4ff;
  background-color: #26a4ff;
}

.badge-outline-info {
  color: #26a4ff;
  border-color: #26a4ff;
  background-color: var(--white);
}

.badge-success {
  border-color: #8fbd31;
  background-color: #8fbd31;
}

.badge-outline-success {
  color: #8fbd31;
  border-color: #8fbd31;
  background-color: var(--white);
}

.badge-warning {
  border-color: #f89500;
  background-color: #f89500;
}

.badge-outline-warning {
  color: #f89500;
  border-color: #f89500;
  background-color: var(--white);
}

.badge-danger {
  border-color: #db3b24;
  background-color: #db3b24;
}

.badge-outline-danger {
  color: #db3b24;
  border-color: #db3b24;
  background-color: var(--white);
}

.badge-dark {
  border-color: #4f4f4f;
  background-color: #4f4f4f;
}

.badge-outline-dark {
  color: #4f4f4f;
  border-color: #4f4f4f;
  background-color: var(--white);
}

.badge-gray {
  border-color: #e8e7e7;
  background-color: #e8e7e7;
}

.badge-outline-gray {
  color: #e8e7e7;
  border-color: #e8e7e7;
  background-color: var(--white);
}

.badge-gray {
  border-color: var(--gray3);
  background-color: var(--gray3);
}

.badge-outline-gray {
  color: var(--gray3);
  border-color: var(--gray5);
}

.breadcrumb {
  margin-bottom: 0;
  gap: 8px;
  align-items: center;
}
@media (max-width: 991.98px) {
  .breadcrumb {
    font-size: 12px;
  }
  .breadcrumb a {
    font-size: 12px;
  }
}
.breadcrumb::before {
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6751 6.48074L8.67513 1.93699C8.49079 1.76834 8.24999 1.6748 8.00013 1.6748C7.75028 1.6748 7.50948 1.76834 7.32513 1.93699L2.32513 6.48074C2.22276 6.57439 2.141 6.68833 2.08505 6.8153C2.0291 6.94226 2.00018 7.07949 2.00013 7.21824V12.9745C1.99607 13.2266 2.08507 13.4714 2.25013 13.662C2.34381 13.7685 2.45922 13.8538 2.58858 13.912C2.71795 13.9702 2.85827 14 3.00013 13.9995H6.00013C6.13274 13.9995 6.25992 13.9468 6.35369 13.853C6.44745 13.7593 6.50013 13.6321 6.50013 13.4995V10.4995C6.50013 10.3669 6.55281 10.2397 6.64658 10.1459C6.74035 10.0522 6.86753 9.99949 7.00013 9.99949H9.00013C9.13274 9.99949 9.25992 10.0522 9.35369 10.1459C9.44746 10.2397 9.50013 10.3669 9.50013 10.4995V13.4995C9.50013 13.6321 9.55281 13.7593 9.64658 13.853C9.74035 13.9468 9.86753 13.9995 10.0001 13.9995H13.0001C13.166 14.001 13.3295 13.9601 13.4751 13.8807C13.6336 13.7944 13.766 13.6671 13.8584 13.512C13.9507 13.357 13.9997 13.18 14.0001 12.9995V7.21824C14.0001 7.07949 13.9712 6.94226 13.9152 6.8153C13.8593 6.68833 13.7775 6.57439 13.6751 6.48074Z' fill='%23828282'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
}

.breadcrumb-item {
  padding-left: 0 !important;
  display: flex;
  align-items: center;
}
.breadcrumb-item::before {
  content: "" !important;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3L11 8L6 13' stroke='%23BDBDBD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  padding-right: 0 !important;
  margin-right: 8px;
}

.btn {
  flex-shrink: 0;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn:hover {
  text-decoration: none;
}
.input-group > .btn {
  min-width: 0;
}
.btn.px-3 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.table .btn {
  padding-left: 11px;
  padding-right: 11px;
}

.btn-sm {
  --bs-btn-font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  gap: 4px;
}

.btn-gray {
  color: var(--gray3);
}
.btn-gray:hover {
  color: var(--gray3);
  border-color: #cacaca;
  background-color: #cacaca;
}

.btn-dark:hover {
  border-color: #454545;
  background-color: #454545;
}

.btn-outline-gray {
  --bs-btn-hover-color: var(--gray3) !important;
  --bs-btn-hover-bg: var(--bs-btn-bg) !important;
  --bs-btn-hover-border-color: var(--gray4) !important;
  border-color: var(--gray4);
  color: var(--gray3);
}

[class*=btn-outline-] {
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-hover-bg: var(--bs-btn-bg);
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
}
[class*=btn-outline-]:hover {
  opacity: 0.8;
}

.updown-btn-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.updown-btn-wrap .btn {
  width: 16px;
  height: 16px;
  padding: 0;
}
.updown-btn-wrap .btn:hover .btn-up {
  border-bottom-color: var(--main);
}
.updown-btn-wrap .btn:hover .btn-down {
  border-top-color: var(--main);
}
.updown-btn-wrap .btn > div {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.updown-btn-wrap .btn-up {
  border-bottom: 8px solid var(--gray4); /* 화살표 */
}
.updown-btn-wrap .btn-down {
  border-top: 8px solid var(--gray4); /* 화살표 */
}

button[data-bs-toggle=collapse][aria-expanded=false] .icon-arrow-up {
  transform: rotate(180deg);
}

.card {
  --bs-card-cap-bg: var(--white);
  --bs-card-cap-padding-y: 1rem;
}
@media (min-width: 768px) {
  .card {
    --bs-card-inner-border-radius: 1.25rem;
    --bs-card-border-radius: 1.25rem;
    --bs-card-spacer-x: 2rem;
    --bs-card-spacer-y: 2rem;
    --bs-card-cap-padding-y: 2rem;
    --bs-card-cap-padding-x: 2rem;
  }
}
@media (min-width: 1400px) {
  .card {
    --bs-card-spacer-x: 2.5rem;
    --bs-card-spacer-y: 2rem;
    --bs-card-cap-padding-y: 2rem;
    --bs-card-cap-padding-x: 2.5rem;
  }
}

.card-header {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 1.25rem;
}
.card-header .card-title {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
@media (min-width: 992px) {
  .card-header .card-title {
    font-size: 20px;
    line-height: 1.4;
  }
}

.card-body {
  padding-top: 0;
}

.card-more {
  font-size: 14px;
  color: var(--4_99);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.card-more::after {
  content: "";
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.35225 4.60225C6.57192 4.38258 6.92808 4.38258 7.14775 4.60225L11.6477 9.10225C11.8674 9.32192 11.8674 9.67808 11.6477 9.89775L7.14775 14.3977C6.92808 14.6174 6.57192 14.6174 6.35225 14.3977C6.13258 14.1781 6.13258 13.8219 6.35225 13.6023L10.4545 9.5L6.35225 5.39775C6.13258 5.17808 6.13258 4.82192 6.35225 4.60225Z' fill='%23999999'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  width: 18px;
  height: 18px;
}

.card-header-tabs {
  --bs-nav-link-padding-x: 2rem;
  --bs-nav-link-padding-y: .625rem;
  margin-top: -0.5rem;
}
.card-header-tabs .nav-link {
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.card-header-tabs .nav-link.active {
  --bs-nav-tabs-link-active-color: $dark;
  font-weight: 700;
}

.calendar-header {
  margin-bottom: 0.75rem;
}

.calendar-year-month {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 700;
  position: relative;
}
.calendar-year-month i.icon-arrow-down {
  width: 32px;
  height: 32px;
}
.calendar-year-month .date-change-layer {
  background-color: var(--gray6);
  position: absolute;
  left: 50%;
  top: 40px;
  z-index: 1;
  transform: translate(-50%, 0);
  padding: 1.5rem;
  border: 1px solid var(--gray5);
  border-radius: 8px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}
.calendar-year-month .date-change-layer .month-group {
  /* display: grid;
  grid-template-columns: repeat(6, 1fr); */
}
.calendar-year-month .date-change-layer .month-group button {
  white-space: nowrap;
  border-radius: 0;
  background: var(--white);
  width: 60px;
}
.calendar-year-month .date-change-layer .month-group button.active {
  background: var(--main);
  color: var(--white);
  border: 1px solid var(--main);
}
.calendar-year-month .date-change-layer .month-group button:not(.active) {
  background: var(--white);
  z-index: 0 !important;
}
.calendar-year-month .date-change-layer .month-group .btn-group + .btn-group {
  margin-top: -1px;
}
.calendar-year-month .date-change-layer.show {
  display: flex;
}

.schedule {
  padding: 16px 0;
  display: flex;
  gap: 24px;
}

.calendar-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}
.calendar-item .badge {
  border-radius: 4px;
  display: inline-block;
  padding: 1px 7px 0;
  background: var(--white);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500;
}
.calendar-item .badge[data-plan-type=scheduled] {
  color: #8fbd31;
  border-color: #8fbd31;
}
.calendar-item .badge[data-plan-type=approval] {
  color: #26a4ff;
  border-color: #26a4ff;
}
.calendar-item .badge[data-plan-type=changed] {
  color: #f89500;
  border-color: #f89500;
}
.calendar-item .badge[data-plan-type=descided] {
  color: #ff7878;
  border-color: #ff7878;
}
.calendar-item .store {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 13px;
  font-weight: 500;
}

.calendar {
  flex-grow: 1;
  overflow-y: hidden;
}
.calendar .btn-calendar-item-more {
  border: 0;
  background: #4f4f4f;
  color: #fff;
  border-radius: 0.25rem;
  padding: 0.25rem 0.375rem;
  margin-top: 0.25rem;
  width: 100%;
  position: relative;
  z-index: 1;
  font-size: 11px;
  font-weight: 500;
}
.calendar .ui-datepicker {
  border-radius: 0;
  width: 100%;
  padding: 0;
  border: 0;
}
.calendar .ui-datepicker table {
  min-width: 1000px;
  border: 1px solid var(--gray5);
  font-size: 0.875rem;
  margin: 0;
  table-layout: fixed;
}
.calendar .ui-datepicker table th {
  border: 1px solid var(--gray5);
  background: var(--gray6);
  padding: 12px;
}
.calendar .ui-datepicker table td {
  border: 1px solid var(--gray5);
  height: 100px;
  vertical-align: top;
  padding: 0;
}
.calendar .ui-datepicker table td span,
.calendar .ui-datepicker table td a {
  padding: 0;
  text-align: left;
  padding: 11px;
  width: 100%;
  height: 100%;
}
.calendar .ui-datepicker .ui-datepicker-header {
  display: none;
}
.calendar .ui-datepicker .ui-datepicker-buttonpane {
  position: absolute;
  visibility: hidden;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0;
  border: 0;
}
.calendar .ui-datepicker .ui-state-default {
  border: 0;
  background: none;
}
.calendar .ui-datepicker .ui-state-default.ui-state-highlight {
  background: var(--sub1) !important;
  color: #282828;
}
.calendar .ui-datepicker .ui-state-default.ui-state-active {
  background: var(--gray6);
  color: var(--gray1);
  outline: 1px solid var(--gray2);
}

.calendar-item-more {
  position: absolute;
  z-index: 9;
  background: var(--white);
  border: 1px solid var(--gray2);
  padding: 11px;
}

.icon-calendar-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6477 4.10225C11.8674 4.32192 11.8674 4.67808 11.6477 4.89775L7.5455 9L11.6477 13.1023C11.8674 13.3219 11.8674 13.6781 11.6477 13.8977C11.4281 14.1174 11.0719 14.1174 10.8523 13.8977L6.35225 9.39775C6.13258 9.17808 6.13258 8.82192 6.35225 8.60225L10.8523 4.10225C11.0719 3.88258 11.4281 3.88258 11.6477 4.10225Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
  width: 18px;
  height: 18px;
}

.icon-calendar-next {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.35225 13.8977C6.13258 13.6781 6.13258 13.3219 6.35225 13.1023L10.4545 9L6.35225 4.89775C6.13258 4.67808 6.13258 4.32192 6.35225 4.10225C6.57192 3.88258 6.92808 3.88258 7.14775 4.10225L11.6477 8.60225C11.8674 8.82192 11.8674 9.17808 11.6477 9.39775L7.14775 13.8977C6.92808 14.1174 6.57192 14.1174 6.35225 13.8977Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
  width: 18px;
  height: 18px;
}

.schedule-details {
  width: 280px;
  flex: none;
}
@media (min-width: 1600px) {
  .schedule-details {
    width: 320px;
  }
}
.schedule-details-header {
  font-weight: 700;
  padding: 12px;
  background-color: var(--gray6);
  border: 1px solid var(--gray5);
  border-bottom: 0;
}
.schedule-details-body {
  padding: 12px;
  border: 1px solid var(--gray5);
  max-height: 988px;
  overflow-x: hidden;
}
.schedule-details .selected-date {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 8px;
}
.schedule-details .selected-schedule {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.schedule-details .selected-schedule .calendar-item {
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--gray5);
  border-radius: 4px;
  margin-top: 0;
  padding: 8px;
  background-color: #fbfbfb;
}
.schedule-details .selected-schedule .calendar-item .toggler {
  width: 100%;
  padding-right: 10px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}
.schedule-details .selected-schedule .calendar-item .toggler::after {
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5981 3.68124C10.5694 3.59024 10.5211 3.5126 10.4594 3.45811C10.3976 3.40361 10.3252 3.37469 10.2511 3.375H2.7489C2.67485 3.37469 2.60238 3.40361 2.54063 3.45811C2.47888 3.5126 2.43062 3.59024 2.40192 3.68124C2.3749 3.77359 2.36804 3.87425 2.38215 3.97158C2.39626 4.0689 2.43075 4.15892 2.48164 4.23121L6.23273 9.23094C6.30443 9.32334 6.40027 9.375 6.5 9.375C6.59974 9.375 6.69557 9.32334 6.76727 9.23094L10.5184 4.23121C10.5693 4.15892 10.6037 4.0689 10.6179 3.97158C10.632 3.87425 10.6251 3.77359 10.5981 3.68124Z' fill='%23828282'/%3E%3C/svg%3E%0A");
  width: 13px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 3px;
}
.schedule-details .selected-schedule .calendar-item .store {
  font-size: 14px;
  line-height: 1.4;
}
.schedule-details .selected-schedule .calendar-item[aria-expanded=true] {
  border-color: var(--gray3);
  background-color: var(--gray6);
}
.schedule-details .selected-schedule .calendar-item[aria-expanded=true] .toggler::after {
  transform: rotate(180deg);
}
.schedule-details .selected-schedule .calendar-item:not([aria-expanded=true]) ol,
.schedule-details .selected-schedule .calendar-item:not([aria-expanded=true]) .btn {
  display: none;
}
.schedule-details .selected-schedule ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
  margin-bottom: 4px;
}
.schedule-details .selected-schedule ol li {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.schedule-details .selected-schedule ol li.past {
  opacity: 0.4;
}
.schedule-details .selected-schedule [aria-expanded=true] ol {
  height: auto;
}

.data-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 120px 0;
}
.data-empty p {
  color: var(--gray2);
}

.ui-datepicker {
  font-family: "Noto Sans KR", "NanumGothic", system-ui, -apple-system, arial;
}

.ui-datepicker:not(.ui-datepicker-inline) {
  padding: 1.5rem 1rem;
  border-radius: 0;
  min-width: 340px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}
.ui-datepicker:not(.ui-datepicker-inline).ui-widget-content {
  border: 1px solid var(--gray5);
  color: #a0a4a8;
}
.ui-datepicker:not(.ui-datepicker-inline) table {
  margin-bottom: 0;
  font-size: 14px;
  table-layout: fixed;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-widget-header {
  background: transparent;
  border: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 1rem;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-widget-header .ui-icon {
  display: none;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-month::after {
  content: "월";
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-title {
  margin: 0 3.5rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: 32px;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-title select {
  border-color: var(--bs-border-color);
  margin: 0;
  padding: 4px 5px;
}
.ui-datepicker:not(.ui-datepicker-inline) th {
  font-weight: 700;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-prev,
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-next {
  width: 32px;
  height: 32px;
  top: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #f2f2f5;
  border-radius: 4px;
  margin: 0 8px;
  cursor: pointer;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-prev.ui-state-hover,
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-next.ui-state-hover {
  border: 0;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.79099 17.1995C8.61826 17.1995 8.44553 17.1359 8.30917 16.9995L2.79099 11.4813C2.52735 11.2177 2.52735 10.7813 2.79099 10.5177L8.30917 4.99949C8.57281 4.73585 9.00917 4.73585 9.27281 4.99949C9.53644 5.26312 9.53644 5.69949 9.27281 5.96312L4.23644 10.9995L9.27281 16.0359C9.53644 16.2995 9.53644 16.7358 9.27281 16.9995C9.14553 17.1359 8.96371 17.1995 8.79099 17.1995Z' fill='%2381878C'/%3E%3Cpath d='M18.7274 11.682L3.42742 11.682C3.0547 11.682 2.74561 11.3729 2.74561 11.0002C2.74561 10.6275 3.0547 10.3184 3.42742 10.3184L18.7274 10.3184C19.1002 10.3184 19.4092 10.6275 19.4092 11.0002C19.4092 11.3729 19.1002 11.682 18.7274 11.682Z' fill='%2381878C'/%3E%3C/svg%3E%0A");
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-next {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.209 17.1995C13.3817 17.1995 13.5545 17.1359 13.6908 16.9995L19.209 11.4813C19.4726 11.2177 19.4726 10.7813 19.209 10.5177L13.6908 4.99949C13.4272 4.73585 12.9908 4.73585 12.7272 4.99949C12.4636 5.26312 12.4636 5.69949 12.7272 5.96312L17.7636 10.9995L12.7272 16.0359C12.4636 16.2995 12.4636 16.7358 12.7272 16.9995C12.8545 17.1359 13.0363 17.1995 13.209 17.1995Z' fill='%2343484E'/%3E%3Cpath d='M3.27258 11.682L18.5726 11.682C18.9453 11.682 19.2544 11.3729 19.2544 11.0002C19.2544 10.6275 18.9453 10.3184 18.5726 10.3184L3.27258 10.3184C2.89985 10.3184 2.59076 10.6275 2.59076 11.0002C2.59076 11.3729 2.89985 11.682 3.27258 11.682Z' fill='%2343484E'/%3E%3C/svg%3E%0A");
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-state-default {
  border: 0;
  border-radius: 4px;
  background: #f2f2f5;
  color: #52575c;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-state-default.ui-state-highlight {
  position: relative;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-state-default.ui-state-highlight::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11_31647)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 10.5L0.5 0H3C6.77124 0 8.65685 0 9.82843 1.17157C11 2.34315 11 4.22876 11 8V10.5Z' fill='%23FF6B6B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_31647'%3E%3Crect width='11' height='11' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  top: 0;
}
.ui-datepicker:not(.ui-datepicker-inline) .ui-state-default.ui-state-active {
  color: #fff;
  background: #8fbd31 !important;
  border: 3px solid #f4f8e9;
}
.readonly .ui-datepicker:not(.ui-datepicker-inline) tbody td,
.readonly .ui-datepicker:not(.ui-datepicker-inline) tbody a {
  pointer-events: none !important;
}
.ui-datepicker:not(.ui-datepicker-inline) tbody td > span,
.ui-datepicker:not(.ui-datepicker-inline) tbody td > a {
  padding: 0;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
}

.filter {
  padding: 1rem;
  border: 1px solid var(--gray5);
  background: var(--table-cell);
  border-radius: 8px;
  margin: 1rem 0;
}
.filter-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-right: 0.25rem;
}
.filter-item .form-select {
  flex-shrink: 0;
  width: auto;
}
.filter-item .select2-container--default {
  flex: 0 0 auto;
}
.filter .label {
  font-weight: 700;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .filter .hstack.gap-2 > .btn {
    flex: 1;
  }
}
.filter .btn-outline-gray:not(.active), .filter .btn-outline-gray:not(:hover) {
  background: var(--white);
}
.filter [data-bs-toggle=collapse][aria-expanded=true] svg {
  transform: rotate(180deg);
}

.form-check-input:checked {
  background-color: #8fbd31;
  border-color: #8fbd31;
}
.form-check-input.is-invalid {
  border-color: #db3b24;
}

.form-check {
  --bs-border-color: var(--gray4);
  margin-bottom: 0;
  display: flex;
  gap: 8px;
  padding-left: 0;
  line-height: 1.4;
}
.form-check .form-check-input {
  flex-shrink: 0;
  margin-left: 0;
}
.form-check .form-check-input:disabled {
  opacity: 1;
}

.form-check-input[type=radio] {
  width: 18px;
  height: 18px;
  margin-top: 0;
}
.form-check-input[type=radio]:checked {
  background-color: var(--white);
  --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2.5' fill='%23a0c93e'/></svg>");
}
.form-check-input[type=radio]:disabled {
  --bs-form-check-bg-image: none;
  background-color: var(--gray6);
}
.form-check-input[type=radio]:disabled:checked {
  border-color: #d9e9b1;
  background-color: var(--white);
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23d9e9b1'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-top: 0;
  background-size: 10px 8px;
}
.form-check-input[type=checkbox]:checked {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66028 5.29672L1.60287 3.32295C1.42743 3.15464 1.20415 3.07049 0.933014 3.07049C0.661882 3.07049 0.438597 3.15464 0.263158 3.32295C0.0877195 3.49126 0 3.70547 0 3.96557C0 4.22568 0.0877195 4.43989 0.263158 4.6082L2.99043 7.22459C3.18182 7.4082 3.4051 7.5 3.66028 7.5C3.91547 7.5 4.13875 7.4082 4.33014 7.22459L9.73684 2.03771C9.91228 1.8694 10 1.65519 10 1.39508C10 1.13497 9.91228 0.920766 9.73684 0.75246C9.5614 0.584154 9.33811 0.5 9.06698 0.5C8.79585 0.5 8.57257 0.584154 8.39713 0.75246L3.66028 5.29672Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}
.form-check-input[type=checkbox]:disabled {
  --bs-form-check-bg-image: none;
  background-color: var(--gray6);
}
.form-check-input[type=checkbox]:disabled:checked {
  background-color: #d9e9b1;
  border-color: #d9e9b1;
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  width: 48px;
  height: 24px;
  margin-top: 0;
  border: 0;
  background-size: 16px 16px;
  background-position: 3px center;
  background-color: var(--gray4);
}
.form-switch .form-check-input:checked {
  background-position: right 3px center;
  background-color: #8fbd31;
}

.form-control {
  min-width: var(--min-width);
}
.table-danger .form-control {
  border-color: #db3b24;
}

[data-picker=date],
[data-picker=datetime] {
  background-image: url("../images/icon-calendar.svg");
  background-repeat: no-repeat;
  background-position: right 11px top 50%;
  display: inline-block;
}

[data-picker=date] {
  width: 145px;
}

[data-picker=datetime] {
  width: 200px;
}

@media (max-width: 991.98px) {
  [data-picker=date] {
    width: 135px;
  }
  [data-picker=datetime] {
    width: 180px;
  }
}
[class*=has-icon-] {
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: 0.6875rem 50%;
}
[class*=has-icon-].has-icon-mail {
  background-image: url(../images/icon-input-mail.svg);
}
[class*=has-icon-].has-icon-key {
  background-image: url(../images/icon-input-key.svg);
}
[class*=has-icon-].has-icon-user {
  background-image: url(../images/icon-input-user.svg);
}
[class*=has-icon-].has-icon-search {
  background-image: url(../images/icon-search.svg);
  background-position: right 0.6875rem top 50%;
  padding-right: 35px;
  padding-left: 0.6875rem;
}

input[type=file] {
  display: none;
}

.form-select {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z' fill='%23828282'/%3E%3C/svg%3E%0A");
  background-size: 24px 24px;
  /* &.input-hidden {
    .ts-control {
      padding-right: 35px !important;
    }
  } */
}

.select2-dropdown {
  border: 1px solid var(--gray5) !important;
  overflow: hidden;
  margin-top: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 1056;
}

.table .form-select:not(.w-auto) ~ .select2-container {
  width: 100% !important;
  flex-shrink: 1;
}

.select2-container--default .selection {
  min-width: 80px;
}
.select2-container--default .select2-selection--single {
  border-color: var(--gray5);
  height: auto;
  border-radius: 0.25rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--gray2);
  text-align: left;
  padding: 0.5625rem 32px 0.5625rem 0.6875rem;
  font-size: 14px;
  line-height: 1.4;
}
.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: var(--gray4);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 24px;
  right: 8px;
  top: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  width: 24px;
  height: 24px;
  border: 0;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z' fill='%23828282'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  margin-left: -12px;
  margin-top: -12px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 16px;
  margin-right: 32px;
  height: 38px;
  color: #282828;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 245px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.select2-container--default .select2-results__option--selected {
  background-color: var(--main) !important;
  color: var(--white) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--gray6);
  color: var(--gray2);
}
.select2-container--default .select2-search--dropdown {
  padding: 0.5rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--bs-border-color);
  border-radius: 0.25rem;
  padding: 0.5625rem 0.6875rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: 0;
  border: 1px solid var(--main);
}
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #c7de98;
  box-shadow: 0 0 0 0.125rem rgba(143, 189, 49, 0.25);
}
.select2-container--default.select2-container--open .select2-dropdown--below {
  border-radius: 0.25rem;
}
.select2-container--default.select2-container--open .select2-dropdown--above {
  border-radius: 0.25rem;
  margin-top: 0;
  margin-bottom: 4px;
}

.select2-results__option {
  padding: 0.5625rem 0.6875rem;
}

.select2-hidden-accessible {
  position: fixed !important;
}

.label {
  font-weight: 700;
  white-space: nowrap;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.ui-widget.ui-menu {
  font-size: 14px;
}
.ui-widget.ui-menu.ui-widget-content {
  border-color: #c7de98;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
  padding: 8px;
  border-radius: 4px;
  color: #000;
}
.ui-widget.ui-menu.ui-widget-content .ui-menu-item:focus-visible {
  outline: none;
}
.ui-widget.ui-menu.ui-widget-content .ui-menu-item strong {
  color: var(--main);
  font-weight: 700;
}
.ui-widget.ui-menu.ui-widget-content .ui-menu-item-wrapper {
  padding: 8px;
  border-radius: 4px;
}
.ui-widget.ui-menu.ui-widget-content .ui-menu-item-wrapper:hover {
  background-color: #f5f5f5;
  color: inherit;
  border: 0;
}
.ui-widget.ui-menu.ui-widget-content .ui-menu-item-wrapper:focus-visible {
  outline: none;
}
.ui-widget.ui-menu.ui-widget-content .ui-menu-item-wrapper.ui-state-active {
  border: 0;
  background: #f5f5f5;
  font-weight: 400;
  color: #000;
  margin: 0;
}

.input-group {
  position: relative;
  height: 100%;
}
.input-group .form-control:focus {
  z-index: initial;
}
.input-group .form-control ~ .btn {
  background: transparent;
  border-color: var(--gray5);
  border-left: 1px solid var(--bs-body-bg);
  padding: 0 11px;
  height: 100%;
}
.input-group .form-control[disabled] ~ .btn {
  background-color: var(--gray6);
  border-left: 1px solid var(--bs-gray6);
}

.alert {
  --bs-modal-padding: 1.75rem;
}
.alert .modal-content {
  max-width: 360px;
  margin: 0 auto;
  border: 0;
}
.alert .modal-body {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.alert .modal-footer {
  border-top: 0;
  justify-content: center;
  padding-top: 0;
}

.alert-title {
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.alert-message {
  text-align: center;
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  color: var(--gray2);
}

.modal {
  --bs-modal-border-radius: 1.5rem;
  --bs-modal-header-padding: 1.5rem;
  --bs-modal-padding: 1.5rem;
  --bs-modal-width: 480px;
}
@media (max-width: 991.98px) {
  .modal {
    --bs-modal-header-padding: 1.25rem;
    --bs-modal-padding: 1.25rem;
  }
}

.modal-header {
  border-bottom: 0;
}

.modal-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .modal-title {
    font-size: 16px;
    line-height: 1.4;
  }
}

.modal-desc {
  margin-bottom: 1.5rem;
}

.modal-footer {
  border-top: 0;
  width: 100%;
  padding: 1.5rem;
}
@media (max-width: 991.98px) {
  .modal-footer {
    padding: 1.25rem;
  }
}
.modal-footer > * {
  margin: 0;
}
.modal-footer .d-flex {
  width: 100%;
  gap: 0.5rem;
}
.modal-footer .d-flex > .btn {
  flex: 1;
}

.nav-pills {
  gap: 8px;
  margin-bottom: 1rem;
}
.nav-pills .nav-link {
  line-height: 1.6;
  border-radius: 50rem;
  border: 1px solid var(--gray5);
  padding: 7px 23px;
  text-decoration: none;
}
.nav-pills .nav-link.active {
  border-color: #1e7d63;
  background: #1e7d63;
  color: #fff;
}

.nav-tabs {
  --bs-nav-tabs-border-color: var(--gray4);
  --bs-nav-tabs-link-active-border-color: var(--gray4) var(--gray4) var(--bs-body-bg);
  --bs-nav-tabs-border-radius: 8px;
  --bs-nav-link-color: var(--gray3);
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.nav-tabs .nav-link.active {
  font-weight: 700;
}
@media (min-width: 992px) {
  .nav-tabs .nav-link {
    font-size: 16px;
    line-height: 1.4;
    min-width: 120px;
    text-align: center;
  }
}

.pagination {
  flex-wrap: wrap;
  margin-top: 1rem;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .pagination {
    margin-top: 1.5rem;
  }
}
.pagination .material-symbols-outlined {
  font-size: 18px;
  vertical-align: middle;
}

[class^=icon-pagination] {
  width: 18px;
  height: 18px;
}

.icon-pagination-first {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.64775 4.85225C8.86742 5.07192 8.86742 5.42808 8.64775 5.64775L5.2955 9L8.64775 12.3523C8.86742 12.5719 8.86742 12.9281 8.64775 13.1477C8.42808 13.3674 8.07192 13.3674 7.85225 13.1477L4.10225 9.39775C3.88258 9.17808 3.88258 8.82192 4.10225 8.60225L7.85225 4.85225C8.07192 4.63258 8.42808 4.63258 8.64775 4.85225Z' fill='%234F4F4F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8977 4.85225C14.1174 5.07192 14.1174 5.42808 13.8977 5.64775L10.5455 9L13.8977 12.3523C14.1174 12.5719 14.1174 12.9281 13.8977 13.1477C13.6781 13.3674 13.3219 13.3674 13.1023 13.1477L9.35225 9.39775C9.13258 9.17808 9.13258 8.82192 9.35225 8.60225L13.1023 4.85225C13.3219 4.63258 13.6781 4.63258 13.8977 4.85225Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
}

.icon-pagination-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6477 4.10225C11.8674 4.32192 11.8674 4.67808 11.6477 4.89775L7.5455 9L11.6477 13.1023C11.8674 13.3219 11.8674 13.6781 11.6477 13.8977C11.4281 14.1174 11.0719 14.1174 10.8523 13.8977L6.35225 9.39775C6.13258 9.17808 6.13258 8.82192 6.35225 8.60225L10.8523 4.10225C11.0719 3.88258 11.4281 3.88258 11.6477 4.10225Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
}

.icon-pagination-next {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.35225 13.8977C6.13258 13.6781 6.13258 13.3219 6.35225 13.1023L10.4545 9L6.35225 4.89775C6.13258 4.67808 6.13258 4.32192 6.35225 4.10225C6.57192 3.88258 6.92808 3.88258 7.14775 4.10225L11.6477 8.60225C11.8674 8.82192 11.8674 9.17808 11.6477 9.39775L7.14775 13.8977C6.92808 14.1174 6.57192 14.1174 6.35225 13.8977Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
}

.icon-pagination-last {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35225 13.1477C9.13258 12.9281 9.13258 12.5719 9.35225 12.3523L12.7045 9L9.35225 5.64775C9.13258 5.42808 9.13258 5.07192 9.35225 4.85225C9.57192 4.63258 9.92808 4.63258 10.1477 4.85225L13.8977 8.60225C14.1174 8.82192 14.1174 9.17808 13.8977 9.39775L10.1477 13.1477C9.92808 13.3674 9.57192 13.3674 9.35225 13.1477Z' fill='%234F4F4F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.10225 13.1477C3.88258 12.9281 3.88258 12.5719 4.10225 12.3523L7.4545 9L4.10225 5.64775C3.88258 5.42808 3.88258 5.07192 4.10225 4.85225C4.32192 4.63258 4.67808 4.63258 4.89775 4.85225L8.64775 8.60225C8.86742 8.82192 8.86742 9.17808 8.64775 9.39775L4.89775 13.1477C4.67808 13.3674 4.32192 13.3674 4.10225 13.1477Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
}

.page-link {
  text-decoration: none;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  /* &[aria-label="Previous"]{
    margin-right: .5rem;
  } */
}
.page-link[aria-label] {
  border-color: var(--gray5);
}
.page-link[aria-label]:hover {
  border-color: var(--gray2);
}
.page-link[aria-label=Last] {
  margin-left: 0.5rem;
}
.page-link:focus {
  --bs-pagination-focus-bg: transparent;
}
.page-link:hover {
  --bs-pagination-hover-bg: transparent;
  --bs-pagination-hover-border-color: transparent;
  text-decoration: none;
}

.page-item:not(.active) .page-link:hover {
  color: var(--main);
}

.progress-vertical {
  background: var(--gray6);
  height: 200px;
  border-radius: 4px;
  position: relative;
}
.progress-vertical-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}
.progress-vertical-bar[data-value="0"] {
  color: var(--gray3);
  bottom: 14px;
}
.progress-vertical-legend {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.progress-vertical-legend .color {
  color: var(--gray3);
}

.progress-bar {
  border-radius: 10rem;
  font-size: 11px;
  font-weight: 700;
  color: var(--white);
}
.progress-bar.bg-gray {
  background-color: var(--gray3) !important;
}

.nav-tabs.step {
  border: 0;
  gap: 40px;
  margin-bottom: 2rem;
}
.nav-tabs.step .nav-item {
  position: relative;
}
.nav-tabs.step .nav-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -32px;
  width: 24px;
  height: 2px;
  background-color: #e1e4e8;
}
.nav-tabs.step .nav-item.check .nav-link {
  color: var(--gray1);
  font-weight: 700;
}
.nav-tabs.step .nav-item.check .nav-link .circle-num {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66674 10.1148L12.7947 3.98608L13.7381 4.92875L6.66674 12.0001L2.42407 7.75742L3.36674 6.81475L6.66674 10.1148Z' fill='%238FBD31'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  border-color: #8fbd31;
  background-color: var(--white);
}
.nav-tabs.step .nav-item.check .nav-link .circle-num .num {
  display: none;
}
.nav-tabs.step .nav-item.check::after {
  background-color: #8fbd31;
}
.nav-tabs.step .nav-link {
  font-size: 14px;
  min-width: auto;
  border: 0;
  padding: 0;
}
.nav-tabs.step .nav-link .circle-num {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #e1e4e8;
  color: #6a737d;
  font-weight: 400;
}
.nav-tabs.step .nav-link.active {
  color: var(--gray1);
  font-weight: 700;
}
.nav-tabs.step .nav-link.active .circle-num {
  background-color: #8fbd31;
  color: var(--white);
  border-color: #8fbd31;
}
.nav-tabs.scroll-tabs {
  position: sticky;
  top: 54px;
  background: var(--white);
  z-index: 10;
  padding: 1rem 0 0;
}
@media (min-width: 992px) {
  .nav-tabs.scroll-tabs {
    top: 60px;
  }
}

.table {
  --bs-table-hover-bg: #e8f2d6;
  margin-bottom: 0;
  border-top: 1px solid var(--gray5);
}
@media (max-width: 767.98px) {
  .table {
    font-size: 13px;
  }
}
.table th,
.table td {
  vertical-align: middle;
}
.table th {
  font-weight: 700;
  background: rgba(var(--bs-body-color-rgb), 0.03);
  color: var(--gray1);
}
.table td {
  color: var(--gray2);
}
.table thead th {
  background: var(--gray6);
}
.table thead th.active {
  background-color: #e8f2d6;
}
.table tbody tr.active td {
  background-color: #e8f2d6;
}

.table-borderless th,
.table-borderless td {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.table-borderless th {
  vertical-align: top;
}
.table-borderless th > span {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
}
.table-borderless th > span::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #4f4f4f;
  transform: translateY(-1px);
}

.table-bordered tbody th {
  background: var(--gray6);
}

[data-event=sort] {
  cursor: pointer;
}
[data-event=sort] .sortable {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
[data-event=sort] .sortable::after {
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0981 3.68124C10.0694 3.59024 10.0211 3.5126 9.95937 3.45811C9.89762 3.40361 9.82516 3.37469 9.7511 3.375H2.2489C2.17485 3.37469 2.10238 3.40361 2.04063 3.45811C1.97888 3.5126 1.93062 3.59024 1.90192 3.68124C1.8749 3.77359 1.86804 3.87425 1.88215 3.97158C1.89626 4.0689 1.93075 4.15892 1.98164 4.23121L5.73273 9.23094C5.80443 9.32334 5.90027 9.375 6 9.375C6.09974 9.375 6.19557 9.32334 6.26727 9.23094L10.0184 4.23121C10.0693 4.15892 10.1037 4.0689 10.1179 3.97158C10.132 3.87425 10.1251 3.77359 10.0981 3.68124Z' fill='%23282828'/%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
}
[data-event=sort][data-sort-value] .sortable::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0981 3.68124C10.0694 3.59024 10.0211 3.5126 9.95937 3.45811C9.89762 3.40361 9.82516 3.37469 9.7511 3.375H2.2489C2.17485 3.37469 2.10238 3.40361 2.04063 3.45811C1.97888 3.5126 1.93062 3.59024 1.90192 3.68124C1.8749 3.77359 1.86804 3.87425 1.88215 3.97158C1.89626 4.0689 1.93075 4.15892 1.98164 4.23121L5.73273 9.23094C5.80443 9.32334 5.90027 9.375 6 9.375C6.09974 9.375 6.19557 9.32334 6.26727 9.23094L10.0184 4.23121C10.0693 4.15892 10.1037 4.0689 10.1179 3.97158C10.132 3.87425 10.1251 3.77359 10.0981 3.68124Z' fill='%238FBD31'/%3E%3C/svg%3E%0A");
}
[data-event=sort][data-sort-value=desc] .sortable::after {
  transform: rotate(180deg);
}

.table-fixed {
  table-layout: fixed;
}
@media (max-width: 991.98px) {
  .table-fixed {
    table-layout: auto;
  }
}

.table-row-count strong {
  color: var(--main);
}

.table-y-scroll {
  max-height: var(--max-height);
  overflow-y: auto;
  border-bottom: 1px solid var(--gray5);
}

.table-sticky {
  border-top: 0;
}
.table-sticky thead tr {
  border-top: 0;
}
.table-sticky thead tr:nth-child(2) th {
  top: 43px;
}
.table-sticky thead th {
  position: sticky;
  top: 0;
  border-top: 0;
  z-index: 1;
}
.table-sticky thead th::before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--gray5);
  position: absolute;
  left: 0;
  top: 0;
}

.table-cell-height-fix tbody td {
  height: 54px;
  padding-top: 0;
  padding-bottom: 0;
}

.table-danger {
  --bs-table-border-color: #d3d3d3;
}

.table-bottom {
  padding: 16px 24px;
  border: 1px solid var(--gray5);
  margin-top: -2px;
  background: var(--white);
}

.table-x-scroll {
  overflow-x: auto;
}

.table-group {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  height: 100%;
}
.table-group .table-y-scroll {
  flex: 1;
}
.table-group .table tbody td {
  padding: 0.5625rem 0.75rem;
}

.table-light-orange td, .table-light-orange th {
  background-color: var(--sub6) !important;
}

.table-light-green td, .table-light-green th {
  background-color: #e8f2d6 !important;
}

/* .tag-scan-list{
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tag-scan-list-head{
  position: sticky;top: 0;
  text-align: center;
  background: var(--gray6);
  padding: .7rem;
  font-weight: 700;
  flex: none;
}
.tag-scan-list-body{
  flex-grow: 1;
  .item{
    padding: .625rem 0.75rem;
  }
} */
.treemenu-header {
  margin-bottom: 0.5rem;
}

.treemenu-body {
  background: var(--gray6);
  border: 1px solid var(--gray5);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  overflow: auto;
  max-height: 300px;
}
@media (min-width: 992px) {
  .treemenu-body {
    height: 620px;
    max-height: 620px;
  }
}

.treemenu-foot {
  background: var(--gray6);
  padding: 1rem;
  border: 1px solid var(--gray5);
  border-radius: 0 0 8px 8px;
}

.tui-ico-file,
.tui-ico-folder,
.tui-ico-root {
  overflow: hidden;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 0 0 !important;
}

.tui-tree-opened .tui-ico-folder,
.tui-ico-folder {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1188 6.91254C15.025 6.78507 14.9027 6.68136 14.7616 6.60972C14.6205 6.53808 14.4645 6.50052 14.3063 6.50004H13.5V5.50004C13.5 5.23482 13.3947 4.98047 13.2071 4.79293C13.0196 4.60539 12.7653 4.50004 12.5 4.50004H8.16879L6.43129 3.20004C6.25907 3.06855 6.04796 2.99818 5.83129 3.00004H2.50004C2.23482 3.00004 1.98047 3.10539 1.79293 3.29293C1.6054 3.48047 1.50004 3.73482 1.50004 4.00004V13C1.4992 13.0659 1.51156 13.1313 1.53639 13.1924C1.56122 13.2534 1.59802 13.3089 1.64462 13.3555C1.69121 13.4021 1.74667 13.4389 1.80771 13.4637C1.86875 13.4885 1.93415 13.5009 2.00004 13.5H13C13.1053 13.5 13.2079 13.4668 13.2932 13.4051C13.3785 13.3434 13.4421 13.2563 13.475 13.1563L15.2563 7.81879C15.3058 7.66749 15.3191 7.5067 15.2952 7.34932C15.2713 7.19194 15.2109 7.04235 15.1188 6.91254ZM5.83129 4.00004L7.56879 5.30004C7.74101 5.43152 7.95212 5.50189 8.16879 5.50004H12.5V6.50004H4.36254C4.15274 6.49958 3.94812 6.56512 3.77763 6.68739C3.60713 6.80965 3.47941 6.98243 3.41254 7.18129L2.50004 9.91879V4.00004H5.83129Z' fill='%23828282'/%3E%3C/svg%3E%0A");
}

.tui-ico-file {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 14C5 14.1326 4.94732 14.2598 4.85355 14.3536C4.75979 14.4473 4.63261 14.5 4.5 14.5H3.5C3.23478 14.5 2.98043 14.3946 2.79289 14.2071C2.60536 14.0196 2.5 13.7652 2.5 13.5V11.5C2.5 11.3674 2.55268 11.2402 2.64645 11.1464C2.74021 11.0527 2.86739 11 3 11C3.13261 11 3.25979 11.0527 3.35355 11.1464C3.44732 11.2402 3.5 11.3674 3.5 11.5V13.5H4.5C4.63261 13.5 4.75979 13.5527 4.85355 13.6464C4.94732 13.7402 5 13.8674 5 14ZM5 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V4C2.5 4.13261 2.55268 4.25979 2.64645 4.35355C2.74021 4.44732 2.86739 4.5 3 4.5C3.13261 4.5 3.25979 4.44732 3.35355 4.35355C3.44732 4.25979 3.5 4.13261 3.5 4V2.5H5C5.13261 2.5 5.25979 2.44732 5.35355 2.35355C5.44732 2.25979 5.5 2.13261 5.5 2C5.5 1.86739 5.44732 1.74021 5.35355 1.64645C5.25979 1.55268 5.13261 1.5 5 1.5ZM13.5 5.5C13.5006 5.43353 13.4876 5.36764 13.4618 5.30637C13.436 5.24511 13.398 5.18977 13.35 5.14375L9.85625 1.64375H9.84375L9.81875 1.61875H9.80625L9.78125 1.6C9.775 1.59375 9.76875 1.59375 9.76875 1.5875L9.7375 1.56875H9.725L9.69375 1.55H9.6875L9.64375 1.53125H7.5C7.36739 1.53125 7.24021 1.58393 7.14645 1.6777C7.05268 1.77146 7 1.89864 7 2.03125C7 2.16386 7.05268 2.29104 7.14645 2.3848C7.24021 2.47857 7.36739 2.53125 7.5 2.53125H9V5.5C9 5.63261 9.05268 5.75979 9.14645 5.85355C9.24021 5.94732 9.36739 6 9.5 6H12.5V8.5C12.5 8.63261 12.5527 8.75979 12.6464 8.85355C12.7402 8.94732 12.8674 9 13 9C13.1326 9 13.2598 8.94732 13.3536 8.85355C13.4473 8.75979 13.5 8.63261 13.5 8.5V5.5ZM13 10.5C12.8674 10.5 12.7402 10.5527 12.6464 10.6464C12.5527 10.7402 12.5 10.8674 12.5 11V13.5H12C11.8674 13.5 11.7402 13.5527 11.6464 13.6464C11.5527 13.7402 11.5 13.8674 11.5 14C11.5 14.1326 11.5527 14.2598 11.6464 14.3536C11.7402 14.4473 11.8674 14.5 12 14.5H12.5C12.7652 14.5 13.0196 14.3946 13.2071 14.2071C13.3946 14.0196 13.5 13.7652 13.5 13.5V11C13.5 10.8674 13.4473 10.7402 13.3536 10.6464C13.2598 10.5527 13.1326 10.5 13 10.5ZM3 9.5C3.13261 9.5 3.25979 9.44732 3.35355 9.35355C3.44732 9.25979 3.5 9.13261 3.5 9V6.5C3.5 6.36739 3.44732 6.24021 3.35355 6.14645C3.25979 6.05268 3.13261 6 3 6C2.86739 6 2.74021 6.05268 2.64645 6.14645C2.55268 6.24021 2.5 6.36739 2.5 6.5V9C2.5 9.13261 2.55268 9.25979 2.64645 9.35355C2.74021 9.44732 2.86739 9.5 3 9.5ZM9.5 13.5H7C6.86739 13.5 6.74021 13.5527 6.64645 13.6464C6.55268 13.7402 6.5 13.8674 6.5 14C6.5 14.1326 6.55268 14.2598 6.64645 14.3536C6.74021 14.4473 6.86739 14.5 7 14.5H9.5C9.63261 14.5 9.75979 14.4473 9.85355 14.3536C9.94732 14.2598 10 14.1326 10 14C10 13.8674 9.94732 13.7402 9.85355 13.6464C9.75979 13.5527 9.63261 13.5 9.5 13.5Z' fill='%23828282'/%3E%3C/svg%3E%0A");
}

.tui-tree-closed .tui-ico-folder {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4.5H8.20625L6.5 2.79375C6.31243 2.60669 6.05866 2.50113 5.79375 2.5H2.5C2.23478 2.5 1.98043 2.60536 1.79289 2.79289C1.60536 2.98043 1.5 3.23478 1.5 3.5V12.5375C1.5 12.7928 1.60141 13.0376 1.78191 13.2181C1.96241 13.3986 2.20723 13.5 2.4625 13.5H13.5562C13.806 13.4984 14.0451 13.3984 14.2218 13.2218C14.3984 13.0451 14.4984 12.806 14.5 12.5562V5.5C14.5 5.23478 14.3946 4.98043 14.2071 4.79289C14.0196 4.60536 13.7652 4.5 13.5 4.5ZM2.5 3.5H5.79375L6.79375 4.5H2.5V3.5Z' fill='%23828282'/%3E%3C/svg%3E%0A");
}

.tui-tree-wrap {
  width: 100%;
  background: transparent;
  padding: 1rem 0;
}
.tui-tree-wrap .tui-tree-toggle-btn {
  margin-top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.tui-tree-wrap .tui-tree-toggle-btn:hover {
  background-color: #f8f8f8;
}

.tui-tree-content-wrapper {
  width: auto;
}

.tui-tree-text {
  font-size: 14px;
  line-height: 1.4;
}

.tui-tree-selected > .tui-tree-content-wrapper .tui-tree-text {
  color: #ff7878;
}

.comment-wrap .comment:not(:first-child) {
  border-top: 1px solid #e7e7e7;
  margin-top: 24px;
  padding-top: 24px;
}
.comment-wrap .comment .name {
  font-weight: 700;
}
.comment-wrap .comment .desc {
  color: #4f4f4f;
  padding: 12px 0;
}
.comment-wrap .comment .comment-date {
  padding: 12px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.comment-wrap .comment .comment-date span {
  color: #828282;
}
.comment-wrap .comment .comment-date .btn {
  font-weight: 700;
  background-color: #fff;
}
.comment-wrap .comment .reply-wrap {
  padding: 12px;
  background-color: #f5f5f5;
  color: #4f4f4f;
}
.comment-wrap .comment .reply-wrap ~ .reply-wrap {
  border-top: 1px solid var(--gray5);
}
.comment-wrap .comment-write-wrap {
  margin-bottom: 24px;
  border-top: 1px solid #e7e7e7;
  padding-top: 24px;
}
.comment-wrap textarea {
  border-radius: 12px;
}
.comment-wrap .attached-file-wrap .preview-wrap {
  width: 160px;
  height: 110px;
}
.comment-wrap .attached-file-wrap .preview-wrap .preview {
  overflow: hidden;
}
.comment-wrap .attached-file-wrap .preview-wrap .item {
  height: 100%;
  padding: 0;
  border-bottom: 0;
}
.comment-wrap .attached-file-wrap .preview-wrap .img-wrap img {
  -o-object-fit: cover;
     object-fit: cover;
}

[data-bs-toggle=tooltip]:hover {
  text-decoration: none;
}

.tooltip {
  --bs-tooltip-font-size: .9375rem;
}

.attached-file-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-height: 620px;
  overflow-y: auto;
}
@media (max-width: 1399.98px) {
  .attached-file-wrap {
    gap: 0.5rem;
  }
}
.modal .attached-file-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.modal .attached-file-wrap .preview-wrap {
  width: auto;
}

.preview-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: auto;
  position: relative;
  width: 220px;
}
.preview-wrap .preview {
  border: 1px solid var(--gray5);
  border-radius: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fafafa;
  max-height: 210px;
}
.preview-wrap .preview .desc {
  padding: 10px;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.preview-wrap .preview .item {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-bottom: 1px solid var(--gray5);
}
.preview-wrap .preview .item .img-wrap {
  height: 100%;
}
.preview-wrap .preview .item img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.preview-wrap .btn-del {
  position: absolute;
  right: 2%;
  top: 2%;
}

.btn-download {
  position: absolute;
  right: 2%;
  top: 2%;
  border-radius: 50%;
  background-color: var(--gray5);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper .swiper-button-prev {
  left: 0;
  top: 0;
  height: calc(100% - 10px);
  background-color: var(--bs-body-bg);
  opacity: 1;
}
.swiper .swiper-button-prev::after {
  content: none;
}
.swiper .swiper-button-next {
  right: 0;
  top: 0;
  height: calc(100% - 10px);
  background-color: var(--bs-body-bg);
  opacity: 1;
}
.swiper .swiper-button-next::after {
  content: none;
}
.swiper .swiper-slide {
  padding: 0 40px;
}
.swiper .swiper-pagination-fraction {
  font-weight: 700;
  bottom: 0;
  position: relative;
  margin-top: 15px;
}
.swiper .swiper-button-disabled i {
  opacity: 0.2;
}

#wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#main {
  display: flex;
  flex: 1;
  padding-top: 54px;
}
@media (min-width: 992px) {
  #main {
    padding-left: 260px;
    padding-top: 60px;
  }
  html.sidebar-collapsed #main {
    padding-left: 72px;
  }
}

#container {
  flex-grow: 1;
  position: relative;
  padding: 0 1rem 2rem;
  width: 100%;
}
@media (min-width: 992px) {
  #container {
    padding: 0 2.5rem 2.5rem;
  }
}

.row > * {
  min-width: 0;
}

.hstack > * {
  flex: 0 0 auto;
  width: auto;
}

#navbar {
  flex-shrink: 0;
  height: 54px;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  background: #fff;
  border-bottom: 1px solid var(--gray5);
}
@media (min-width: 992px) {
  #navbar {
    height: 60px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
#navbar .divider-vertical {
  width: 1px;
  height: 12px;
  background: var(--gray4);
}
@media (max-width: 991.98px) {
  #navbar .navbar-user-info,
  #navbar .divider-vertical {
    display: none;
  }
}

.navbar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar-brand img {
  max-height: 21.46px;
}

.navbar-user-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.navbar-user-info a {
  display: flex;
  align-items: center;
  font-weight: 600;
}

.btn-logout {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1893 12L15.7825 15.4069C15.6418 15.5475 15.5625 15.7386 15.5625 15.9375C15.5625 15.9495 15.5628 15.9615 15.5634 15.9735C15.5723 16.1598 15.6503 16.336 15.7822 16.4678C15.9228 16.6085 16.1136 16.6875 16.3125 16.6875C16.5114 16.6875 16.7022 16.6085 16.8428 16.4678L20.7803 12.5303C20.921 12.3897 21 12.1989 21 12C21 11.8011 20.921 11.6103 20.7803 11.4697L16.8429 7.53226C16.7022 7.39152 16.5114 7.3125 16.3125 7.3125C16.1136 7.3125 15.9228 7.39152 15.7822 7.53217C15.6415 7.67282 15.5625 7.86359 15.5625 8.0625C15.5625 8.26141 15.6415 8.45218 15.7822 8.59283L19.1893 12Z' fill='%23282828'/%3E%3Cpath d='M9.75 12.75H20.25C20.6642 12.75 21 12.4142 21 12C21 11.5858 20.6642 11.25 20.25 11.25H9.75C9.33579 11.25 9 11.5858 9 12C9 12.4142 9.33579 12.75 9.75 12.75Z' fill='%23282828'/%3E%3Cpath d='M4.5 4.5H9.75C10.1642 4.5 10.5 4.16421 10.5 3.75C10.5 3.33579 10.1642 3 9.75 3H4.5C3.87868 3 3.43934 3.43934 3.43934 3.43934C3 3.87868 3 4.5 3 4.5V19.5C3 20.1213 3.43934 20.5607 3.43934 20.5607C3.87868 21 4.5 21 4.5 21H9.75C10.1642 21 10.5 20.6642 10.5 20.25C10.5 19.8358 10.1642 19.5 9.75 19.5H4.5V4.5Z' fill='%23282828'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}
@media (max-width: 991.98px) {
  .btn-logout {
    display: none;
  }
}

.language {
  position: relative;
}
.language .dropdown-toggle {
  background: rgba(138, 138, 138, 0.1);
  border-radius: 50rem;
  padding: 8px 14px 8px 16px;
  color: var(--gray1);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.language .dropdown-toggle::after {
  content: "";
  border: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.55806 7.05806C4.80214 6.81398 5.19786 6.81398 5.44194 7.05806L10 11.6161L14.5581 7.05806C14.8021 6.81398 15.1979 6.81398 15.4419 7.05806C15.686 7.30214 15.686 7.69786 15.4419 7.94194L10.4419 12.9419C10.1979 13.186 9.80214 13.186 9.55806 12.9419L4.55806 7.94194C4.31398 7.69786 4.31398 7.30214 4.55806 7.05806Z' fill='%23282828'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}
.language .dropdown-menu {
  --bs-dropdown-min-width: 114px;
  background: var(--white);
  padding: 7px 11px;
  border: 1px solid var(--gray5);
  border-radius: 8px;
}
.language .dropdown-menu .dropdown-item {
  min-width: 90px;
  padding: 6px 8px;
  text-align: left;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.language .dropdown-menu .dropdown-item[data-selected=true] {
  background: var(--gray6);
}
.language .dropdown-menu .dropdown-item[data-selected=true]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.55806 7.05806C4.80214 6.81398 5.19786 6.81398 5.44194 7.05806L10 11.6161L14.5581 7.05806C14.8021 6.81398 15.1979 6.81398 15.4419 7.05806C15.686 7.30214 15.686 7.69786 15.4419 7.94194L10.4419 12.9419C10.1979 13.186 9.80214 13.186 9.55806 12.9419L4.55806 7.94194C4.31398 7.69786 4.31398 7.30214 4.55806 7.05806Z' fill='%23828282'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}

.btn-allmenu {
  border: 0;
  padding: 0;
  background: transparent;
}
.btn-allmenu .material-symbols-outlined {
  font-size: 28px;
}
@media (min-width: 992px) {
  .btn-allmenu {
    display: none;
  }
}

@media (max-width: 991.98px) {
  #sidebar {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 100vw;
    top: 0;
    display: flex;
    flex-direction: column;
    z-index: 100;
    background-color: var(--sidebar-bg);
  }
}
@media (min-width: 992px) {
  #sidebar {
    background: var(--sidebar-bg);
    width: 260px;
    flex: 0 0 auto;
    position: fixed;
    left: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    top: 60px;
  }
}

@media (max-width: 991.98px) {
  html.sidebar-show body {
    overflow: hidden;
  }
  html.sidebar-show #sidebar {
    left: 0;
  }
  html.sidebar-show .navbar-user-info a {
    color: #fff;
  }
  html.sidebar-show .btn-logout {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1893 12L15.7825 15.4069C15.6418 15.5475 15.5625 15.7386 15.5625 15.9375C15.5625 15.9495 15.5628 15.9615 15.5634 15.9735C15.5723 16.1598 15.6503 16.336 15.7822 16.4678C15.9228 16.6085 16.1136 16.6875 16.3125 16.6875C16.5114 16.6875 16.7022 16.6085 16.8428 16.4678L20.7803 12.5303C20.921 12.3897 21 12.1989 21 12C21 11.8011 20.921 11.6103 20.7803 11.4697L16.8429 7.53226C16.7022 7.39152 16.5114 7.3125 16.3125 7.3125C16.1136 7.3125 15.9228 7.39152 15.7822 7.53217C15.6415 7.67282 15.5625 7.86359 15.5625 8.0625C15.5625 8.26141 15.6415 8.45218 15.7822 8.59283L19.1893 12Z' fill='%23ffffff'/%3E%3Cpath d='M9.75 12.75H20.25C20.6642 12.75 21 12.4142 21 12C21 11.5858 20.6642 11.25 20.25 11.25H9.75C9.33579 11.25 9 11.5858 9 12C9 12.4142 9.33579 12.75 9.75 12.75Z' fill='%23ffffff'/%3E%3Cpath d='M4.5 4.5H9.75C10.1642 4.5 10.5 4.16421 10.5 3.75C10.5 3.33579 10.1642 3 9.75 3H4.5C3.87868 3 3.43934 3.43934 3.43934 3.43934C3 3.87868 3 4.5 3 4.5V19.5C3 20.1213 3.43934 20.5607 3.43934 20.5607C3.87868 21 4.5 21 4.5 21H9.75C10.1642 21 10.5 20.6642 10.5 20.25C10.5 19.8358 10.1642 19.5 9.75 19.5H4.5V4.5Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  }
  html.sidebar-show .btn-allmenu-close {
    color: #fff;
  }
}
.sidebar-top {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 54px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.sidebar-top .user-info {
  font-size: 14px;
  color: #666;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 4px;
}
.sidebar-top .btn-logout {
  margin-left: 1rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
@media (min-width: 992px) {
  .sidebar-top {
    display: none;
  }
}

.sidebar-toggler,
.btn-allmenu-close {
  flex-shrink: 0;
  padding: 0 24px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
.sidebar-toggler::before,
.btn-allmenu-close::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5303 5.46967C18.8232 5.76256 18.8232 6.23744 18.5303 6.53033L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L17.4697 5.46967C17.7626 5.17678 18.2374 5.17678 18.5303 5.46967Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5303C18.2374 18.8232 17.7626 18.8232 17.4697 18.5303L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
}

@media (max-width: 991.98px) {
  .btn-allmenu-close {
    padding: 0;
  }
}

@media (max-width: 991.98px) {
  .sidebar-toggler {
    display: none;
  }
}

.sidebar-nav {
  flex-grow: 1;
}
@media (max-width: 991.98px) {
  .sidebar-nav {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
.sidebar-nav ul {
  padding: 0;
  list-style: none;
}
.sidebar-nav > ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sidebar-nav > ul > .sidebar-item {
  position: relative;
}
.sidebar-nav > ul > .sidebar-item > .sidebar-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  padding: 12px 24px;
  text-decoration: none;
  position: relative;
  color: #fff;
}
.sidebar-nav > ul > .sidebar-item > .sidebar-link span {
  flex-grow: 1;
  white-space: nowrap;
}
.sidebar-nav > ul > .sidebar-item > .sidebar-link[data-bs-toggle]::after {
  content: "";
  display: block;
  transition: 0.15s;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.55806 7.05806C4.80214 6.81398 5.19786 6.81398 5.44194 7.05806L10 11.6161L14.5581 7.05806C14.8021 6.81398 15.1979 6.81398 15.4419 7.05806C15.686 7.30214 15.686 7.69786 15.4419 7.94194L10.4419 12.9419C10.1979 13.186 9.80214 13.186 9.55806 12.9419L4.55806 7.94194C4.31398 7.69786 4.31398 7.30214 4.55806 7.05806Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
}
.sidebar-nav > ul > .sidebar-item > .sidebar-link[aria-expanded=true]::after {
  transform: rotate(180deg);
}
.sidebar-nav .depth2-heading {
  display: none;
}
.sidebar-nav .depth2.show {
  display: flex;
  flex-direction: column;
}
.sidebar-nav .depth2 .sidebar-item {
  padding: 0 24px;
}
.sidebar-nav .depth2 .sidebar-item .sidebar-link {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 11px 16px;
  border-radius: 8px;
  color: #fff;
  transition: background 0.15s;
  text-decoration: none;
}
.sidebar-nav .depth2 .sidebar-item .sidebar-link:hover {
  background: rgba(255, 255, 255, 0.1);
}
.sidebar-nav .depth2 .sidebar-item .sidebar-link.active {
  background: rgba(255, 255, 255, 0.2);
  position: relative;
}
.sidebar-nav .depth2 .sidebar-item .sidebar-link.active::before {
  content: "";
  width: 4px;
  height: 16px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 992px) {
  @keyframes sidebarToggle {
    0% {
      margin-left: 0;
    }
    40% {
      margin-left: -260px;
      width: 72px;
    }
    100% {
      margin-left: 0;
      width: 72px;
    }
  }
  html.sidebar-collapsed #sidebar {
    width: 72px;
  }
  html.sidebar-collapsed .sidebar-toggler::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 12C2.25 11.5858 2.58579 11.25 3 11.25H21C21.4142 11.25 21.75 11.5858 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75H3C2.58579 12.75 2.25 12.4142 2.25 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 6C2.25 5.58579 2.58579 5.25 3 5.25H21C21.4142 5.25 21.75 5.58579 21.75 6C21.75 6.41421 21.4142 6.75 21 6.75H3C2.58579 6.75 2.25 6.41421 2.25 6Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 18C2.25 17.5858 2.58579 17.25 3 17.25H21C21.4142 17.25 21.75 17.5858 21.75 18C21.75 18.4142 21.4142 18.75 21 18.75H3C2.58579 18.75 2.25 18.4142 2.25 18Z' fill='white'/%3E%3C/svg%3E%0A");
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item:hover .collapse {
    opacity: 1;
    transform: scale(1);
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item > .sidebar-link.active {
    position: relative;
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item > .sidebar-link.active::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    right: 10px;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item > .sidebar-link span {
    display: none;
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item > .sidebar-link[aria-expanded=true]::after {
    display: none;
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item .depth2-heading {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item .depth2 .sidebar-item {
    padding: 0;
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item .depth2 .sidebar-item .sidebar-link {
    color: var(--gray1);
    white-space: nowrap;
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item .depth2 .sidebar-item .sidebar-link.active {
    font-weight: 700;
    border-radius: 50rem;
    background: var(--gray6);
  }
  html.sidebar-collapsed .sidebar-nav > ul > .sidebar-item .depth2 .sidebar-item .sidebar-link.active::before {
    display: none;
  }
  html.sidebar-collapsed .sidebar-nav .collapse {
    display: block;
    background: var(--white);
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    padding: 12px 16px;
    position: absolute;
    left: 90%;
    top: 0;
    transform: scale(0);
    opacity: 0;
    transition: transform 0.1s;
  }
  html.sidebar-collapsed .sidebar-nav .collapse::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 2px 0 0 0;
    transform: rotate(-45deg);
    background: var(--white);
    position: absolute;
    left: -5px;
    top: 20px;
  }
}
#footer {
  display: none;
}
@media (min-width: 992px) {
  #footer {
    padding-left: calc(260px + 2.5rem);
    padding-right: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  html.sidebar-collapsed #footer {
    padding-left: calc(72px + 2.5rem);
  }
}

.page-top {
  padding: 1rem 0;
}
@media (min-width: 992px) {
  .page-top {
    display: flex;
    align-items: center;
    padding: 2.5rem 0;
  }
  .page-top nav {
    margin-left: auto;
  }
}
.page-top .page-title {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .page-top .page-title {
    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 0;
  }
}
.page-top .store-info {
  display: flex;
  gap: 24px;
  align-items: center;
}
.page-top .store-info p {
  position: relative;
  font-size: 16px;
  font-weight: 500;
}
.page-top .store-info p::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -12px;
  background-color: #828282;
}

.dashboard-body {
  background-color: var(--table-cell);
}

.dashboard {
  padding-top: 40px;
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard .card {
    --bs-card-spacer-x: 1.25rem;
    --bs-card-spacer-y: 1.25rem;
    --bs-card-cap-padding-y: 1.25rem;
    --bs-card-cap-padding-x: 1.25rem;
  }
}
.dashboard .table th,
.dashboard .table td {
  white-space: nowrap;
}
.dashboard .table.table-fixed th,
.dashboard .table.table-fixed td {
  white-space: normal;
}

.dashboard-title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--gray3);
  margin-bottom: 1rem;
}

.dashboard-latest {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.dashboard-latest p {
  font-size: 14px;
  line-height: 1.4;
  color: var(--gray3);
}

.dashboard-store-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
.dashboard-store-status .fw-normal {
  color: var(--gray3);
}

.dashboard-display-group {
  padding: 1rem;
  border: 1px dashed var(--gray5);
  border-radius: 0.5rem;
}

.dashboard-display {
  height: 100%;
}
.dashboard-display > * + * {
  position: relative;
}
.dashboard-display > * + *::before {
  content: "";
  width: 1px;
  height: 16px;
  background: var(--gray4);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}
.dashboard-display li {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.dashboard-display .item {
  display: block;
  width: 100%;
  transition: background-color 0.2s;
  text-decoration: none;
  border-radius: 24px;
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  transition: background-color 0.2s;
}
@media (max-width: 767.98px) {
  .dashboard-display .item {
    margin: 0 0.5rem;
  }
}
.dashboard-display .item .status {
  margin-top: 8px;
}
@media (max-width: 1399.98px) {
  .dashboard-display .item .status {
    font-size: 13px;
  }
}
.dashboard-display .item .num {
  margin-top: 12px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .dashboard-display .item .num {
    font-size: 30px;
    font-weight: 700;
  }
}
@media (min-width: 1600px) {
  .dashboard-display .item .num {
    margin-top: 1rem;
  }
}
.dashboard-display .item .num small {
  font-size: 0.7em;
  font-weight: 500;
  vertical-align: middle;
}
.dashboard-display a.item:hover {
  background-color: var(--sub1);
}

.dashboard-display-vertical {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  gap: 0.5rem;
}
.dashboard-display-vertical li {
  flex-grow: 1;
}
.dashboard-display-vertical .item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border: 1px solid var(--gray5);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  background: var(--table-cell);
  transition: background-color 0.2s;
}
.dashboard-display-vertical .item .status {
  font-size: 16px;
  line-height: 1.4;
  color: var(--gray2);
}
.dashboard-display-vertical .item .num {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 700;
}
.dashboard-display-vertical a.item:hover {
  text-decoration: none;
  background-color: var(--sub1);
}

[data-term=ccsDaily] [data-is=weekly],
[data-term=ccsDaily] [data-is=monthly] {
  display: none !important;
}

[data-term=ccsWeekly] [data-is=daily],
[data-term=ccsWeekly] [data-is=monthly] {
  display: none !important;
}

[data-term=ccsMonthly] [data-is=weekly],
[data-term=ccsMonthly] [data-is=daily] {
  display: none !important;
}

.dashboard-cs-filter {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dashboard-cs-filter .buttons {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.dashboard-cs {
  background: var(--table-cell);
  border-radius: 1rem;
  padding: 24px;
  border: 1px solid var(--gray5);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dashboard-cs-header {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard-cs-header .buttons {
  display: inline-flex;
  gap: 4px;
  flex-wrap: wrap;
}
.dashboard-cs-header .date {
  color: var(--gray3);
}
.dashboard-cs-body {
  flex-grow: 1;
}
.dashboard-cs .title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}

.doughnut-chart-legend dl {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.doughnut-chart-legend dl dt {
  font-size: 12px;
  line-height: 1.25;
  font-weight: 400;
  flex: 0 0 44px;
}
.doughnut-chart-legend dl dd {
  margin: 0;
  flex: 1 1 calc(100% - 44px);
}
.doughnut-chart-legend dl dt:not(:first-of-type),
.doughnut-chart-legend dl dd:not(:first-of-type) {
  margin-top: 12px;
}

.doughnut-chart {
  position: relative;
}
.doughnut-chart canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 120px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .doughnut-chart canvas {
    max-width: 130px;
  }
}
@media (min-width: 2100px) {
  .doughnut-chart canvas {
    max-width: 150px;
  }
}
.doughnut-chart .count {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--gray2);
}
.doughnut-chart .count strong {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--gray1);
}

.progress-group dl {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.progress-group dl dt {
  font-size: 12px;
  line-height: 1.25;
  font-weight: 400;
  flex: 0 0 44px;
}
.progress-group dl dt.active {
  color: var(--main);
  font-weight: 700;
  position: relative;
}
.progress-group dl dt.active::after {
  content: "•";
  position: absolute;
  left: -20%;
  top: 45%;
  transform: translateY(-50%);
}
.progress-group dl dd {
  margin: 0;
  flex: 1 1 calc(100% - 44px);
}
.progress-group dl dt:not(:first-of-type),
.progress-group dl dd:not(:first-of-type) {
  margin-top: 6px;
}

@media (min-width: 2100px) {
  .doughnut-chart-layout {
    width: 15vw;
  }
}
.dashboard-cs-items {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 576px) {
  .dashboard-cs-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .dashboard-cs-items {
    gap: 8px;
  }
}
.dashboard-cs-items .cs-item {
  border: 1px solid var(--gray5);
  border-radius: 8px;
  padding: 12px 16px;
  background: var(--white);
}
.dashboard-cs-items .cs-item .title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  flex-shrink: 1;
  color: var(--gray2);
}
.dashboard-cs-items .cs-item .count {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  margin-left: 8px;
}
.dashboard-cs-items .cs-item a.count:hover {
  color: var(--main);
}
.dashboard-cs-items .cs-item > .hstack {
  margin-bottom: 8px;
}
.dashboard-cs-items .cs-item .progress-group dt:not(:first-of-type),
.dashboard-cs-items .cs-item .progress-group dd:not(:first-of-type) {
  margin-top: 6px;
}
.dashboard-cs-items .cs-item.my {
  border-color: #ffda61;
  background: #ffda61;
}
.dashboard-cs-items .cs-item.active {
  border-color: var(--main);
}

.dashboard-stock {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
@media (min-width: 992px) {
  .dashboard-stock {
    gap: 12px 24px;
  }
}
.dashboard-stock .stock-item {
  border-radius: 8px;
  border: 1px solid var(--gray5);
  overflow: hidden;
}
.dashboard-stock .stock-item-header {
  border-bottom: 1px solid var(--gray5);
  padding: 8px 12px;
}
.dashboard-stock .stock-item-body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  background: var(--table-cell);
  padding: 8px 12px;
}
.dashboard-stock .stock-item .tag {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
}
.dashboard-stock .stock-item .count {
  display: flex;
  align-items: flex-end;
  color: var(--gray3);
  text-align: center;
}
.dashboard-stock .stock-item .count strong {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 700;
}
@media (max-width: 1199.98px) {
  .dashboard-stock .stock-item .count strong {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
  }
}
.dashboard-stock .stock-item.prototype {
  border-style: dashed;
}
.dashboard-stock .stock-item.prototype-header {
  border-style: dashed;
}
.dashboard-stock .stock-item.prototype .count strong {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.dashboard-stock a.stock-item:hover {
  border-color: var(--main);
  text-decoration: none;
}

.dashboard-stock-legend {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.dashboard-stock-legend .legend {
  color: var(--gray3);
}
.dashboard-stock-legend .legend::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 8px;
  background: var(--gray4);
  margin: 0 12px;
}
.dashboard-stock-legend dl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.dashboard-stock-legend dl dt {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.dashboard-stock-legend dl dd {
  color: var(--gray3);
  margin: 0;
}
.dashboard-stock-legend dl dd + dt {
  margin-left: 8px;
}

.sub-card {
  border: 1px dashed var(--gray5);
  border-radius: 8px;
  background: var(--table-cell);
  padding: 1rem 1rem 0.75rem;
}
.sub-card .sub-card-header {
  border-bottom: 1px dashed var(--gray5);
  padding-bottom: 12px;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}
.sub-card .sub-card-body .dashboard-sub-display > .item {
  margin-top: 0.75rem;
}

.dashboard-sub-display {
  display: flex;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.dashboard-sub-display .item {
  flex: 1 1 auto;
  padding: 1rem 0.5rem;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  border-radius: 1rem;
  transition: background-color 0.15s;
}
.dashboard-sub-display .item.cursor-pointer.active {
  background-color: var(--sub1);
}
.dashboard-sub-display a.item:hover {
  background-color: var(--sub1);
}
.dashboard-sub-display .status {
  color: var(--gray3);
  font-size: 13px;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .dashboard-sub-display .status {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
  }
}
.dashboard-sub-display .num {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .dashboard-sub-display .num {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
  }
}
.dashboard-sub-display .item-wrap {
  flex: 1 1 auto;
}

.login {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 20px;
  background: url(../images/login-bg.jpg) no-repeat center;
  background-size: cover;
}
@media (min-width: 992px) {
  .login.store-manager .login-box {
    gap: 45px;
  }
}
@media (min-width: 992px) {
  .login.store-manager .login-form {
    gap: 45px;
  }
}
.login.store-manager .login-form .form {
  gap: 32px;
}

.login-box {
  width: 540px;
  background: #fff;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  border-radius: 1.5rem;
}
@media (min-width: 992px) {
  .login-box {
    padding: 80px 56px;
    gap: 80px;
  }
}

.login-heading {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.login-heading h1 {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 700;
}
@media (min-width: 992px) {
  .login-heading h1 {
    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
  }
}
.login-heading .brand {
  font-size: 16px;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .login-heading .brand {
    font-size: 20px;
    line-height: 1.4;
  }
}

.login-form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  .login-form {
    gap: 80px;
  }
}
.login-form .form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.login-form .password-reset {
  color: var(--gray3);
  text-decoration: underline;
}

.store-details-body {
  background-color: var(--sub1);
}

.error-404 {
  background: url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80 145.199C124.181 145.199 160 134.102 160 120.425C160 106.747 124.181 95.6504 80 95.6504C35.8194 95.6504 0 106.737 0 120.425C0 134.112 35.8194 145.199 80 145.199Z' fill='%2399A1A8'/%3E%3Cpath d='M80 157.761C122.932 157.761 157.729 146.665 157.729 132.977C157.729 119.289 122.932 108.203 80 108.203C37.0684 108.203 2.271 119.289 2.271 132.977C2.271 146.665 37.0684 157.761 80 157.761Z' fill='%233A3E45'/%3E%3Cpath d='M63.3497 73.0438C63.0813 71.9393 63.7626 70.8141 64.8774 70.5457L82.3536 66.2928C83.4581 66.0245 84.5729 66.7057 84.8413 67.8103L93.3471 103.382C94.7716 109.317 91.1071 115.304 85.1716 116.75C79.2361 118.195 73.28 114.551 71.8555 108.615L63.3497 73.0438Z' fill='%23A3E461'/%3E%3Cpath d='M74.7045 73.0132C80.64 71.568 85.12 69.0286 84.7174 67.3357C84.3149 65.6428 79.1742 65.4467 73.2387 66.8919C67.3032 68.337 62.8232 70.8764 63.2258 72.5693C63.6284 74.2622 68.7691 74.4583 74.7045 73.0132Z' fill='%2362A93F'/%3E%3Cpath d='M67.7883 64.4348L76.9961 62.1948L78.4103 68.12L76.5316 69.3277L71.9277 70.4529L69.2025 70.36L67.7883 64.4348Z' fill='%237CC64F'/%3E%3Cpath d='M74.0955 70.4631C76.6349 69.8437 78.5652 68.7702 78.3897 68.0683C78.2246 67.3663 76.0259 67.2941 73.4762 67.9134C70.9368 68.5328 69.0065 69.6063 69.182 70.3083C69.3471 71.0102 71.5458 71.0825 74.0955 70.4631Z' fill='%237CC64F'/%3E%3Cpath d='M32.8361 40.538C37.0168 58.0142 54.5961 68.729 72.1135 64.4658C89.6309 60.2026 100.439 42.5819 96.258 25.1058C92.0877 7.61933 74.498 -3.08518 56.9909 1.17804C39.4735 5.44127 28.6658 23.0619 32.8464 40.538H32.8361Z' fill='%23A3E461'/%3E%3Cpath d='M41.022 38.5458C44.1188 51.511 57.1665 59.4594 70.1626 56.3006C83.1588 53.1419 91.1794 40.0632 88.0723 27.0981C84.9755 14.1329 71.9278 6.18451 58.9317 9.34322C45.9355 12.5019 37.9149 25.5806 41.022 38.5458Z' fill='url(%23paint0_linear_1416_16334)'/%3E%3Cpath d='M62.689 15.9909C66.2709 15.1238 72.7948 16.5174 76.1599 20.2748' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M93.2543 64.6828C88.4646 65.8286 85.502 70.6492 86.6272 75.4492L92.1085 98.6647C93.244 103.454 98.044 106.417 102.834 105.261C107.623 104.115 110.586 99.2944 109.461 94.4944L103.979 71.2789C102.844 66.4892 98.044 63.5266 93.2543 64.6828Z' fill='%23F0F1F4'/%3E%3Cpath d='M58.9729 102.556C57.3729 95.9085 61.471 89.2195 68.1187 87.6091L84.0568 83.7691C96.8052 80.693 109.636 88.5485 112.702 101.297L112.898 102.102C115.964 114.85 108.119 127.681 95.3703 130.758L83.4478 133.627C74.5807 135.764 65.662 130.303 63.5252 121.436L58.9832 102.546L58.9729 102.556Z' fill='%23F0F1F4'/%3E%3Cpath d='M67.0967 113.715L78.4515 111.134' stroke='%23DADDE0' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M64 102.36L75.3548 99.7793' stroke='%23DADDE0' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M71.2258 125.07L82.5807 122.489' stroke='%23DADDE0' stroke-width='1.5' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1416_16334' x1='58.8284' y1='55.32' x2='68.2323' y2='18.3755' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23EAFFC8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: contain;
  width: 160px;
  height: 160px;
}

.error {
  padding: 0 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.error .first-text {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.error .second-text {
  margin-top: 24px;
  font-size: 15px;
  font-weight: 400;
  color: var(--gray3);
}

.loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  align-items: center;
  justify-content: center;
}
.loading .spinner-border {
  width: 3rem;
  height: 3rem;
  border-width: 8px;
}

.stock-card {
  background-color: var(--table-cell);
}
.stock-card .card-header {
  background-color: var(--table-cell);
}
.stock-card .stock-body {
  max-height: 300px;
  overflow: auto;
}
.stock-card .dashboard-stock {
  display: flex;
}
.stock-card .dashboard-stock .stock-item {
  background-color: #fff;
  flex: 0 0 200px;
}
.stock-card .dashboard-stock .stock-item-body {
  height: 60px;
  background-color: #fff;
}
.stock-card .dashboard-stock .stock-item-body .count strong {
  color: var(--gray1);
  font-size: 20px;
  line-height: 1.4;
}
.stock-card .icon-consignation {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='30' viewBox='0 0 33 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.0127 19.3968L30.0127 19.3993C30.0127 19.3993 30.0095 19.8706 29.7713 20.2773C29.7713 20.2773 29.5324 20.6852 29.1213 20.9186L19.4932 26.3344C19.4932 26.3344 19.1007 26.5611 18.6377 26.5611C18.6377 26.5611 18.1747 26.5611 17.7736 26.3295L8.15715 20.9203C8.15715 20.9203 7.74303 20.6852 7.50414 20.2773C7.50414 20.2773 7.26525 19.8694 7.26271 19.3968L7.2627 8.60771C7.2627 8.60771 7.26525 8.13034 7.50414 7.72248C7.50414 7.72248 7.74303 7.31462 8.15405 7.08121L17.7822 1.66539C17.7822 1.66539 18.1746 1.43872 18.6377 1.43872C18.6377 1.43872 19.1007 1.43872 19.5018 1.67025L29.1182 7.07945C29.1182 7.07945 29.5324 7.31462 29.7713 7.72248C29.7713 7.72248 30.0101 8.13034 30.0127 8.60301L30.0127 19.3921L30.0127 19.3968ZM28.2627 8.6124L28.2627 19.3874C28.2627 19.3874 28.2626 19.3905 28.2612 19.3928C28.2612 19.3928 28.2607 19.3937 28.2598 19.3947C28.2591 19.3954 28.2582 19.3962 28.2572 19.3968L18.6376 24.8078L9.01524 19.3951C9.01524 19.3951 9.01542 19.395 9.01418 19.3929C9.01418 19.3929 9.0127 19.3903 9.01268 19.3874L9.0127 8.60771C9.0127 8.60771 9.01324 8.60854 9.01418 8.60694C9.01418 8.60694 9.01567 8.6044 9.01822 8.60295L18.6378 3.19197L28.2602 8.60468C28.2603 8.60501 28.2607 8.60602 28.2612 8.60694C28.2612 8.60694 28.2627 8.60947 28.2627 8.6124Z' fill='%23282828'/%3E%3Cpath d='M13.8103 4.3743C13.6809 4.30292 13.5355 4.26549 13.3877 4.26549L13.3765 4.26556C13.298 4.26657 13.2201 4.27812 13.1447 4.2999C12.9218 4.36433 12.7336 4.51469 12.6215 4.7179C12.5501 4.84731 12.5127 4.9927 12.5127 5.14049L12.5128 5.15171C12.5138 5.23015 12.5253 5.30809 12.5471 5.38345C12.6115 5.60639 12.7619 5.7946 12.9651 5.90668L23.1221 11.5087V16.6796C23.1221 17.1628 23.5138 17.5546 23.9971 17.5546C24.4803 17.5546 24.8721 17.1628 24.8721 16.6796V10.9921C24.8721 10.6733 24.6988 10.3798 24.4197 10.2259L13.8103 4.3743Z' fill='%23282828'/%3E%3Cpath d='M18.732 12.9958L8.68399 7.39491C8.55373 7.32231 8.40709 7.2842 8.25797 7.2842L8.25066 7.28423C8.17223 7.28488 8.09423 7.29608 8.01878 7.31752C7.79555 7.38096 7.60667 7.53047 7.49368 7.73317C7.42108 7.86343 7.38297 8.01007 7.38297 8.1592L7.383 8.1665C7.38365 8.24494 7.39485 8.32293 7.41629 8.39838C7.47973 8.62161 7.62924 8.81049 7.83194 8.92348L18.3101 14.7641C18.5771 14.913 18.9025 14.9116 19.1683 14.7606L29.4495 8.92C29.6513 8.80537 29.7993 8.61529 29.8609 8.39155C29.8818 8.31586 29.8923 8.23771 29.8923 8.1592L29.8921 8.13772C29.8885 7.99351 29.8494 7.85242 29.7781 7.72699C29.6227 7.45329 29.3321 7.2842 29.0173 7.2842C29.0058 7.2842 28.9943 7.28442 28.9829 7.28487C28.8431 7.29039 28.7067 7.32931 28.5851 7.39839L18.732 12.9958Z' fill='%23282828'/%3E%3Cpath d='M17.7627 25.6737L17.7627 25.6811C17.7627 25.7321 17.7671 25.7829 17.776 25.8331C17.8493 26.2485 18.2085 26.5525 18.6303 26.5561C18.6443 26.5562 18.6584 26.556 18.6724 26.5554C18.8897 26.5468 19.0961 26.4575 19.2512 26.305C19.4166 26.1423 19.5107 25.9205 19.5127 25.6885L19.6111 14.0074L19.6111 13.9999C19.6111 13.9883 19.6109 13.9767 19.6104 13.9652C19.6018 13.7478 19.5126 13.5415 19.36 13.3864C19.1973 13.2209 18.9756 13.1269 18.7435 13.1249L18.7361 13.1249C18.7246 13.1249 18.713 13.1251 18.7015 13.1256C18.4841 13.1342 18.2778 13.2234 18.1226 13.376C17.9572 13.5387 17.8631 13.7604 17.8612 13.9925L17.7627 25.6737Z' fill='%23282828'/%3E%3Cg clip-path='url(%23clip0_1091_16168)'%3E%3Cpath d='M12.3633 15.5001C11.3633 15.0001 10.3633 15.1668 9.86328 15.5001L3.36328 19.0002L5.36328 27.0001L7.86328 26.5001C7.86328 26.5001 11.3633 26.1668 12.3633 26.5001L17.8633 27.5001L19.8633 28.0001H21.3633L30.3633 22.5001C30.3633 22.5001 29.8633 20.6668 27.8633 21.0001C27.8633 21.0001 20.0299 23.1668 19.8633 23.0001C19.8633 23.0001 21.8633 20.5001 19.8633 19.5001C17.6966 18.5001 13.1633 16.3002 12.3633 15.5001Z' fill='white'/%3E%3Cpath d='M2.9773 29.0004L2.68728 28.0686L5.02022 27.3127L3.08247 18.3791L1.03955 18.9069L0.803711 17.9588L3.32469 17.3071C3.44899 17.2746 3.58285 17.2941 3.69121 17.3658C3.80275 17.4342 3.87924 17.5482 3.90793 17.6753L6.05283 27.5375C6.10701 27.7851 5.96678 28.0328 5.73094 28.1077L2.98049 28.9972L2.9773 29.0004Z' fill='%23282828' stroke='%23282828' stroke-width='0.5'/%3E%3Cpath d='M19.3744 23.0836C19.2533 23.0836 19.1258 23.0706 18.9951 23.0478L19.1736 22.0867C19.9066 22.2267 20.27 21.5719 20.3082 21.4969C20.6269 20.8779 20.3911 20.1123 19.7887 19.7864C18.039 18.8481 15.6327 17.7306 14.0392 16.991C13.2966 16.6456 12.758 16.3948 12.4998 16.2644C11.4258 15.7171 9.69203 15.9712 8.17817 16.8965C7.93913 17.0431 7.72241 17.1832 7.51207 17.3201C6.63562 17.887 5.88028 18.3757 4.25168 18.9002L3.96484 17.9684C5.47552 17.483 6.18305 17.0236 7.00213 16.4958C7.21885 16.3557 7.44195 16.2123 7.68736 16.0624C9.49443 14.9514 11.5501 14.6875 12.9269 15.388C13.1691 15.5118 13.7269 15.7692 14.4344 16.0983C16.0375 16.8444 18.4597 17.9684 20.2317 18.9198C21.3026 19.4965 21.7169 20.8551 21.156 21.9498C20.85 22.546 20.1998 23.0804 19.3744 23.0804V23.0836Z' fill='%23282828' stroke='%23282828' stroke-width='0.5'/%3E%3Cpath d='M19.9267 28.5214C19.1682 28.5214 18.0877 28.3781 16.3763 27.9839L15.2162 27.7134C12.7398 27.1335 10.7829 26.6741 9.72802 26.7197C8.70815 26.7621 5.72185 27.1726 5.68998 27.1758L5.5625 26.2082C5.6868 26.1919 8.6221 25.7879 9.68977 25.7423C10.8722 25.6967 12.8832 26.1626 15.4297 26.7588L16.5866 27.0292C19.9331 27.8047 20.6151 27.531 21.1633 27.3094C21.3067 27.254 21.8357 26.9217 22.3999 26.5698C23.3305 25.9899 24.6053 25.1949 25.8801 24.514C26.5144 24.1751 27.206 23.8689 27.8115 23.5985C28.6019 23.2466 29.6855 22.7611 29.8226 22.5103C29.8608 22.3995 29.8576 22.2952 29.8098 22.1942C29.7333 22.0281 29.5357 21.8717 29.2935 21.787C27.5916 21.1842 25.8929 21.7609 24.0954 22.3702C22.1831 23.0218 20.2071 23.6929 18.2503 22.7839L14.5023 21.2396L14.8592 20.3339L18.6263 21.8847C20.2581 22.6438 21.976 22.0606 23.7926 21.4416C25.6634 20.8063 27.5948 20.1482 29.6058 20.8617C30.0935 21.0344 30.4791 21.3667 30.6703 21.7707C30.8297 22.1095 30.8456 22.4809 30.7181 22.8458C30.5142 23.4323 29.711 23.8135 28.194 24.4912C27.5693 24.7681 26.9255 25.0581 26.32 25.3806C25.0738 26.0453 23.8149 26.8305 22.897 27.4039C22.1098 27.8959 21.721 28.1337 21.5107 28.2184C21.0932 28.3846 20.6597 28.5182 19.9267 28.5182V28.5214Z' fill='%23282828' stroke='%23282828' stroke-width='0.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1091_16168'%3E%3Crect width='31' height='16' fill='white' transform='translate(0.363281 14.0001)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 33px;
  height: 30px;
}

.store-stock .dashboard-display .item {
  min-width: 140px;
}
.store-stock .dashboard-display .num {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 700;
}

.stock-status-box {
  background-color: var(--table-cell);
  border: 1px solid var(--gray5);
  border-radius: 12px;
}
/*# sourceMappingURL=style.css.map */