@charset "UTF-8";

/*Common*/
body {
  word-break: keep-all;
}
body,
#page-topbar,
.page-topbar-bg,
.page-content,
.modal {
  min-width: 768px;
}
:lang(ko) {
  font-family: var(--rp-font-sans-serif);
}
.min-w-70 {
  min-width: 70px !important;
}
.w-50px {
  width: 50px !important;
}
.w-66 {
  width: 66px !important;
}
.w-82 {
  width: 82px !important;
}
.w-116 {
  width: 116px !important;
}
.w-82 {
  width: 82px !important;
}
.w-140 {
  width: 140px !important;
}
.w-340 {
  width: 340px !important;
}
.min-w-1920 {
  min-width: 1920px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mt-10 {
  margin-top: 0.625rem !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-13 {
  margin-top: 13px !important;
}
.mt-14 {
  margin-top: 0.875rem !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mt-20 {
  margin-top: 1.25rem !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-32 {
  margin-top: 2rem !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-12 {
  margin-bottom: 0.75rem !important;
}
.mb-15 {
  margin-bottom: 0.9375rem !important;
}
.mb-17 {
  margin-bottom: 17px !important;
}
.mb-18 {
  margin-bottom: 18px !important;
}
.mb-20 {
  margin-bottom: 1.25rem !important;
}
.mb-27 {
  margin-bottom: 1.6875rem !important;
}
.mb-28 {
  margin-bottom: 1.75rem !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-32 {
  margin-bottom: 2rem !important;
}
.mb-40 {
  margin-bottom: 2.5rem !important;
}
.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.mt-n05 {
  margin-top: -0.125rem !important;
}
.p-6 {
  padding: 4rem !important;
}
.p-20 {
  padding: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pe-20 {
  padding-right: 20px !important;
}
.p-24 {
  padding: 24px !important;
}
.pt-05 {
  padding-top: 2px !important;
}
.pt-20 {
  padding-top: 1.25rem !important;
}
.pt-23 {
  padding-top: 23px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.ps-10 {
  padding-left: 10px !important;
}
.px-12 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-30 {
  padding-left: 29px !important;
  padding-right: 29px !important;
}
.px-32 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-36 {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}
.p-36 {
  padding: 2.25rem !important;
}
.px-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.py-5px {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.py-10 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-12 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-20 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.py-22 {
  padding-top: 1.375rem !important;
  padding-bottom: 1.375rem !important;
}
.py-28 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}
.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.ls-base {
  letter-spacing: normal;
}
.align-sub {
  vertical-align: sub;
}

/* g */
.g-6,
.gx-6 {
  --rp-gutter-x: 6px;
}
.g-6,
.gy-6 {
  --rp-gutter-y: 6px;
}
.g-10,
.gx-10 {
  --rp-gutter-x: 10px;
}
.g-10,
.gy-10 {
  --rp-gutter-y: 10px;
}
.g-18,
.gx-18 {
  --rp-gutter-x: 18px;
}
.g-18,
.gy-18 {
  --rp-gutter-y: 18px;
}
.g-20,
.gx-20 {
  --rp-gutter-x: 20px;
}
.g-20,
.gy-20 {
  --rp-gutter-y: 20px;
}
.g-24,
.gx-24 {
  --rp-gutter-x: 24px;
}
.g-28,
.gx-28 {
  --rp-gutter-x: 28px;
}
.g-28,
.gy-28 {
  --rp-gutter-y: 28px;
}
.g-30,
.gx-30 {
  --rp-gutter-x: 30px;
}
.g-30,
.gy-30 {
  --rp-gutter-y: 30px;
}
.g-32,
.gx-32 {
  --rp-gutter-x: 32px;
}
.g-32,
.gy-32 {
  --rp-gutter-y: 32px;
}
.g-48,
.gx-48 {
  --rp-gutter-x: 48px;
}
.g-48,
.gy-48 {
  --rp-gutter-y: 48px;
}
.g-56,
.gx-56 {
  --rp-gutter-x: 56px;
}

/* gap */
.gap-1-2 {
  gap: 2px !important;
}
.gap-6 {
  gap: 6px !important;
}
.gap-7 {
  gap: 7px !important;
}
.gap-12 {
  gap: 12px !important;
}
.gap-17 {
  gap: 17px !important;
}
.gap-18 {
  gap: 18px !important;
}
.gap-28 {
  gap: 28px !important;
}
.gap-32 {
  gap: 32px !important;
}

.border-neutral-300 {
  border-color: var(--rp-neutral-300) !important;
}
[data-layout-mode="dark"] .bg-light-2 {
  background-color: rgba(255, 255, 255, 0.05);
}
/* [data-layout-mode="dark"] {
  --rp-white-rgb: var(--rp-neutral-900-rgb);
} */
[data-layout-mode="dark"] .bg-gray {
  background-color: #31373c;
}
[data-layout-mode="dark"] .modal-header {
  border-color: transparent;
}
.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}

/* Background Color RGB */
.bg-neutral-50 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-50-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-100 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-100-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-200 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-200-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-300 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-300-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-400 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-400-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-500 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-500-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-600 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-600-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-700 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-700-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-800 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-800-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-850 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-850-rgb), var(--rp-bg-opacity)) !important;
}
.bg-neutral-900 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-neutral-900-rgb), var(--rp-bg-opacity)) !important;
}
.bg-blue-50 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-blue-50-rgb), var(--rp-bg-opacity)) !important;
}
.bg-blue-100 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-blue-100-rgb), var(--rp-bg-opacity)) !important;
}
.bg-blue-200 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-blue-200-rgb), var(--rp-bg-opacity)) !important;
}
.bg-blue-300 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-blue-100-rgb), var(--rp-bg-opacity)) !important;
}
.bg-blue-800 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-blue-800-rgb), var(--rp-bg-opacity)) !important;
}
.bg-blue-900 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-blue-900-rgb), var(--rp-bg-opacity)) !important;
}
.bg-blue-950 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-blue-900-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darkblue-100 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darkblue-100-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darkblue-600 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darkblue-700-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darkblue-700 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darkblue-700-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darkblue-800 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darkblue-800-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darkblue-900 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darkblue-900-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darknavy-500 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darknavy-500-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darknavy-550 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darknavy-550-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darknavy-600 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darknavy-600-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darknavy-700 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darknavy-700-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darknavy-800 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darknavy-800-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darknavy-900 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darknavy-900-rgb), var(--rp-bg-opacity)) !important;
}
.bg-lightgreen {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-lightgreen-rgb), var(--rp-bg-opacity)) !important;
}
.bg-green {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-green-rgb), var(--rp-bg-opacity)) !important;
}
.bg-darkgreen {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-darkgreen-rgb), var(--rp-bg-opacity)) !important;
}
.bg-orange-400 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-orange-400-rgb), var(--rp-bg-opacity)) !important;
}
.bg-orange-500 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-orange-500-rgb), var(--rp-bg-opacity)) !important;
}
.bg-orange-700 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-orange-700-rgb), var(--rp-bg-opacity)) !important;
}
.bg-yellow {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-yellow-rgb), var(--rp-bg-opacity)) !important;
}
.bg-blue {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-blue-rgb), var(--rp-bg-opacity)) !important;
}
.bg-red {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-red-rgb), var(--rp-bg-opacity)) !important;
}
.bg-red-400 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-red-400-rgb), var(--rp-bg-opacity)) !important;
}
.bg-red-600 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-red-600-rgb), var(--rp-bg-opacity)) !important;
}
.bg-purple-50 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-purple-50-rgb), var(--rp-bg-opacity)) !important;
}
.bg-BC-purple-300 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-BC-purple-300-rgb), var(--rp-bg-opacity)) !important;
}
.bg-BC-darkpurple-500 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-BC-darkpurple-500-rgb), var(--rp-bg-opacity)) !important;
}
.bg-purple-100 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-purple-100-rgb), var(--rp-bg-opacity)) !important;
}
.bg-purple-200 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-purple-200-rgb), var(--rp-bg-opacity)) !important;
}
.bg-purple-300 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-purple-300-rgb), var(--rp-bg-opacity)) !important;
}
.bg-purple-800 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-purple-800-rgb), var(--rp-bg-opacity)) !important;
}
.bg-purple-900 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-purple-900-rgb), var(--rp-bg-opacity)) !important;
}
.bg-bluegrey-400 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-bluegrey-400-rgb), var(--rp-bg-opacity)) !important;
}
.bg-bluegrey-500 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-bluegrey-500-rgb), var(--rp-bg-opacity)) !important;
}
.bg-bluegrey-600 {
  --rp-bg-opacity: 1;
  background-color: rgba(var(--rp-bluegrey-600-rgb), var(--rp-bg-opacity)) !important;
}

/* Bacground gradient */
[data-layout-mode="dark"] .progress-bar {
  --rp-progress-bar-bg: var(--rp-neutral-800);
}
.bg-yellow-gradient {
  background-image: linear-gradient(to right, rgba(253, 214, 0, 0.5) 9%, var(--rp-yellow) 92%);
  background-color: var(--rp-neutral-0);
}
.bg-lightgreen-gradient {
  background-image: linear-gradient(to right, rgba(0, 211, 161, 0.5) 9%, var(--rp-lightgreen) 92%);
  background-color: var(--rp-neutral-0);
}
.bg-blue-800-gradient {
  background-image: linear-gradient(134deg, #6aa5ff 4%, var(--rp-blue-800) 91%);
  background-color: var(--rp-neutral-0);
}
.bg-darkblue-900-gradient {
  background-image: linear-gradient(to right, rgba(0, 48, 143, 0.5) 9%, var(--rp-darkblue-900) 92%);
  background-color: var(--rp-neutral-0);
}

/* Text Color */
.text-neutral-50 {
  color: var(--rp-neutral-50);
}
.text-neutral-100 {
  color: var(--rp-neutral-100);
}
.text-neutral-200 {
  color: var(--rp-neutral-200);
}
.text-neutral-300 {
  color: var(--rp-neutral-300);
}
.text-neutral-400 {
  color: var(--rp-neutral-400);
}
.text-neutral-500 {
  color: var(--rp-neutral-500);
}
.text-neutral-600 {
  color: var(--rp-neutral-600);
}
.text-neutral-700 {
  color: var(--rp-neutral-700);
}
.text-neutral-800 {
  color: var(--rp-neutral-800);
}
.text-neutral-850 {
  color: var(--rp-neutral-850);
}
.text-neutral-900 {
  color: var(--rp-neutral-900);
}
.text-neutral-950 {
  color: var(--rp-neutral-950);
}
.text-blue-50 {
  color: var(--rp-blue-50);
}
.text-blue-100 {
  color: var(--rp-blue-100);
}
.text-blue-200 {
  color: var(--rp-blue-200);
}
.text-blue-300 {
  color: var(--rp-blue-300);
}
.text-blue-800 {
  color: var(--rp-blue-800);
}
.text-blue-900 {
  color: var(--rp-blue-900);
}
.text-blue-950 {
  color: var(--rp-blue-900);
}
.text-darkblue-100 {
  color: var(--rp-darkblue-100);
}
.text-darkblue-600 {
  color: var(--rp-darkblue-600);
}
.text-darkblue-700 {
  color: var(--rp-darkblue-700);
}
.text-darkblue-800 {
  color: var(--rp-darkblue-800);
}
.text-darkblue-900 {
  color: var(--rp-darkblue-900);
}
.text-darknavy-500 {
  color: var(--rp-darkblue-500);
}
.text-darknavy-550 {
  color: var(--rp-darkblue-550);
}
.text-darknavy-600 {
  color: var(--rp-darkblue-600);
}
.text-darknavy-700 {
  color: var(--rp-darkblue-700);
}
.text-darknavy-800 {
  color: var(--rp-darkblue-800);
}
.text-darknavy-900 {
  color: var(--rp-darkblue-900);
}
.text-lightgreen {
  color: var(--rp-lightgreen);
}
.text-green {
  color: var(--rp-green);
}
.text-darkgreen {
  color: var(--rp-darkgreen);
}
.text-orange-400 {
  color: var(--rp-orange-400);
}
.text-orange-400 {
  color: var(--rp-orange-500);
}
.text-orange-700 {
  color: var(--rp-orange-500);
}
.text-red-400 {
  color: var(--rp-red-400);
}
.text-red-600 {
  color: var(--rp-red-600);
}
.text-BC-purple-300 {
  color: var(--rp-BC-purple-300);
}
.text-BC-darkpurple-500 {
  color: var(--rp-BC-darkpurple-500);
}
.text-purple-50 {
  color: var(--rp-darkpurple-50);
}
.text-purple-100 {
  color: var(--rp-darkpurple-100);
}
.text-purple-200 {
  color: var(--rp-darkpurple-200);
}
.text-purple-300 {
  color: var(--rp-darkpurple-300);
}
.text-purple-800 {
  color: var(--rp-darkpurple-800);
}
.text-purple-850 {
  color: var(--rp-darkpurple-850);
}
.text-purple-900 {
  color: var(--rp-darkpurple-900);
}
.text-bluegrey-400 {
  color: var(--rp-bluegrey-400);
}
.text-bluegrey-500 {
  color: var(--rp-bluegrey-500);
}
.text-bluegrey-600 {
  color: var(--rp-bluegrey-600);
}

/* Border Color */
.border-neutral-200 {
  --rp-border-opacity: 1;
  border-color: rgba(var(--rp-neutral-200-rgb), var(--rp-border-opacity)) !important;
}
.border-blue-200 {
  --rp-border-opacity: 1;
  border-color: rgba(var(--rp-blue-200-rgb), var(--rp-border-opacity)) !important;
}
.border-blue-300 {
  --rp-border-opacity: 1;
  border-color: rgba(var(--rp-blue-300-rgb), var(--rp-border-opacity)) !important;
}

/* Border-Radius */
.rounded-5px {
  border-radius: 5px !important;
}
[data-simplebar] {
  overflow: initial !important;
  min-height: 100px;
}
@media (min-width: 768px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] {
    min-height: 1400px;
  }
}

/*Card*/
/* .card.rounded-5 {
  --rp-card-spacer-y: 26px;
} */
.card.rounded-5 .table-header {
  margin-bottom: 26px;
}
.card-body.style-2 {
  padding: 2.625rem 2.875rem;
}
.card-2, 
.card-3 {
  --rp-card-border-radius: var(--rp-border-radius-2xl);
  margin-bottom: 0;
  box-shadow: none;
}
.card-2 {
  --rp-card-spacer-x: 42px;
  --rp-card-spacer-y: 42px;
}
.card-2 .card-body {
  padding-bottom: 48px;
}
.card-3 {
  --rp-card-spacer-x: 37px;
  --rp-card-spacer-y: 42px;
}
.card-body.chart {
  padding: 22px 0 0 30px;
}
.chart .legend {
  font-size: 13px;
  color: var(--rp-neutral-600);
}
[data-layout-mode="dark"] .chart .legend {
  color: var(--rp-neutral-300);
}
.card-body.chart .empty-case {
  padding-right: 30px;
  padding-bottom: 22px;
}
.auth-page-wrapper ~ .modal .card {
  border-radius: 1.25rem;
}
.card-h-100 {
  height: calc(100% - 20px) !important;
}
.card .card-header .btn-close {
  position: absolute;
  top: -14px;
  left: -14px;
  padding: 0;
  background-color: transparent;
}
.card .card-header .btn-close i::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.8' cx='14' cy='14' r='14' fill='%23525960'/%3E%3Crect x='10.1729' y='8.55566' width='13.0667' height='2.17778' rx='1.08889' transform='rotate(45 10.1729 8.55566)' fill='white'/%3E%3Crect width='13.0667' height='2.17778' rx='1.08889' transform='matrix(-0.707107 0.707107 0.707107 0.707107 17.7939 8.55566)' fill='white'/%3E%3C/svg%3E%0A");
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}
.card .btn-readmore {
  --rp-btn-color: var(--rp-neutral-500);
  margin-top: -0.25rem;
  margin-right: -8px;
  margin-bottom: -0.25rem;
  padding: 0;
  flex-grow: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--rp-btn-color);
}
[data-layout-mode="dark"] .card .btn-readmore {
  --rp-btn-color: var(--rp-neutral-400);
}

/* Modal */
.modal {
  --rp-modal-padding: 28px 32px;
  overflow: auto;
}
.modal-dialog-scrollable .modal-body + [data-simplebar="init"] {
  overflow-y: hidden;
}
.modal.modal-sm {
  --rp-modal-zindex: 1057;
}
.modal-content {
  -webkit-box-shadow: 0 1px 10px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 10px 4px rgba(0, 0, 0, 0.15);
}
.modal-backdrop ~ .modal-backdrop {
  --rp-backdrop-zindex: 1055;
}
[data-layout-mode="dark"] .modal-backdrop {
  --rp-backdrop-opacity: 0.6;
}

/* Modal Alert */
.modal-body.modal-alert {
  height: 220px;
  padding: 20px 24px 25px 24px;
  text-align: center;
  border: 1px solid var(--rp-neutral-300);
  border-radius: 20px;
  background-color: var(--rp-body-bg-2);
}
.modal-body.modal-alert h6 {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--rp-neutral-600);
}
.modal-body.modal-alert .modal-alert-message {
  height: calc(100% - 76px);
}
.modal-body.modal-alert .modal-alert-message>h4:only-child {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.modal-body.modal-alert .modal-alert-message h4 {
  margin-top: 23px;
  margin-bottom: 4px;
}
/*.modal-body.modal-alert .modal-alert-message h4:only-child {*/
/*  padding-top: 12px;*/
/*}*/
.modal-body.modal-alert .modal-alert-message h6 {
  margin-bottom: 0;
  color: var(--rp-neutral-600);
}
.modal-body.modal-alert .btn-close {
  right: 20px;
}
.modal-body.modal-alert .btn-close {
  filter: brightness(0) saturate(100%) invert(5%) sepia(4%) saturate(1417%) hue-rotate(155deg) brightness(99%) contrast(88%);
}
[data-layout-mode="dark"] .modal-body.modal-alert {
  background-color: var(--rp-neutral-850);
  border-color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .modal-body.modal-alert .modal-alert-message h4 {
  --rp-heading-color: var(--rp-neutral-100);
}
[data-layout-mode="dark"] .modal-body.modal-alert .modal-alert-message h6 {
  color: var(--rp-neutral-300);
}
.modal-body.modal-alert .modal-alert-message ~ .hstack {
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 100%;
}

/* Offcanvas in Modal */
.modal-offcanvas-backdrop {
  transition: transform 0.5s ease-out;
}
.modal-offcanvas-backdrop.show {
  position: absolute;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  /* clip: rect(0, auto, auto, 0); */
}
#modal-offcanvas-btn {
  display: none;
}
.modal-offcanvas-closer {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
}

/* #modal-offcanvas-btn:checked~.modal-offcanvas, */
#modal-offcanvas-btn:checked [data-info~="modaloffcanvas"],
.modal-offcanvas.show {
  transform: translateX(0);
}

/* #modal-offcanvas-btn:checked~.modal-offcanvas-closer, */
#modal-offcanvas-btn:checked ~ [data-info~="modaloffcloser"],
.modal-offcanvas-closer.show {
  display: block;
  font-size: 30px;
}

.modal-offcanvas {
  position: absolute;
  display: inline-block;
  width: 500px;
  height: calc(100% - 70px);
  top: 70px;
  right: 0;
  bottom: 0;
  transform: translateX(100%);
  transition: transform 0.5s ease-out;
  background-color: var(--rp-body-bg-2);
}
.modal-offcanvas .modal-offcanvas-body {
  height: calc(100% - 70px);
  padding: 33px 32px 33px 32px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  overflow-y: auto;
}
.modal-offcanvas .modal-offcanvas-footer {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 17px 32px;
}

[data-layout-mode="dark"] .modal-offcanvas {
  background-color: var(--rp-neutral-850);
  border-left: 1px solid var(--rp-neutral-800);
}
.modal-offcanvas-footer .btn.btn-outline-danger:not([hidden]) + .hstack {
  width: auto;
  margin-left: auto !important;
}
.modal-offcanvas-footer .btn.btn-outline-danger[hidden] + .hstack {
  width: 100%;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: end !important;
}

/* Form */
input {
  caret-color: var(--rp-blue-800) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: none !important;
  -webkit-text-fill-color: var(--rp-input-color) !important;
}
.auth-page-wrapper + .modal [class*="col"] .form-label {
  line-height: 2.25rem;
}
input + [class*="rpi"]::before {
  filter: brightness(0) saturate(100%) invert(58%) sepia(12%) saturate(330%) hue-rotate(167deg) brightness(91%) contrast(87%);
}
input:focus + [class*="rpi"]::before {
  filter: invert(61%) sepia(100%) saturate(4570%) hue-rotate(206deg) brightness(100%) contrast(94%);
}
input + [class*="rpi-X"]::before {
  filter: invert(77%) sepia(11%) saturate(273%) hue-rotate(167deg) brightness(92%) contrast(88%);
}
input + button[type="reset"] [class*="rpi-X"],
input + i + button[type="reset"] [class*="rpi-X"] {
  visibility: hidden;
}
input:focus + button[type="reset"] [class*="rpi-X"],
input:focus + i + button[type="reset"] [class*="rpi-X"] {
  visibility: visible;
  position: relative;
  top: 2px;
  left: 0;
  opacity: 0.5;
}
input:focus + button[type="reset"] [class*="rpi-X"]::before,
input:focus + i + button[type="reset"] [class*="rpi-X"]::before {
  filter: invert(77%) sepia(11%) saturate(273%) hue-rotate(167deg) brightness(92%) contrast(88%);
}
input + .password-addon [class*="rpi"]::before,
input + i + .password-addon [class*="rpi"]::before {
  filter: invert(79%) sepia(6%) saturate(545%) hue-rotate(167deg) brightness(91%) contrast(86%);
}
input.form-control-lg:focus + button[type="reset"] [class*="rpi-X"],
input.form-control-lg:focus + i + button[type="reset"] [class*="rpi-X"] {
  top: 7px;
}
input.form-control-lg + button.password-addon [class*="rpi"],
input.form-control-lg + i + button.password-addon [class*="rpi"] {
  position: relative;
  top: 7px;
}
input[type="text"] + i + button.password-addon [class*="rpi"]::before,
input[type="text"] + button.password-addon [class*="rpi"]::before {
  background-image: url(/assets/images/svg/icon_16px_visibility-2f28bd31773d54aa0cb4c6f7698d8f7d.svg) !important;
}
.form-control.form-control-line {
  padding-left: 0;
  padding-right: 0;
  border: none;
  border-bottom: 1px solid var(--rp-input-border);
  border-radius: 0 !important;
}
[data-layout-mode="dark"] .form-control::placeholder {
  color: var(--rp-neutral-500) !important;
}
textarea.form-control.noresize {
  resize: none;
}
.table .row .form-check {
  text-align: center;
}
.form-switch-md.form-check-right {
  padding-right: 3rem;
}
.app-search-2 span.search-widget-icon {
  position: absolute;
  z-index: 10;
  font-size: 1rem;
  line-height: 32px;
  right: 13px;
  top: 0;
  color: #000;
}
.app-search-2 .search-widget-icon-close {
  right: 10px;
  left: auto !important;
}
.choices-inner-sm .choices[data-type*="select-one"] .choices__inner {
  margin-top: -4px;
  min-height: 30px;
  padding: 0.3125rem 0.75rem !important;
  font-size: 0.8125rem;
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--rp-darkblue-900);
  border-color: var(--rp-darkblue-900);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-label.required::after {
  content: "*";
  color: var(--rp-danger);
  display: inline-block;
}

/* Button */
/* .btn i {
    vertical-align: middle;
    line-height: 1;
} */
.btn {
  white-space: nowrap;
 }
 .btn-xs.btn-link {
  height: auto;
  --rp-btn-padding-y: 0;
  --rp-btn-padding-x: 0;
  --rp-btn-font-size: 12px;
  --rp-btn-border-width: 0;
}
.btn-range .btn {
  width: 74px;
}
.btn-group .btn-check:checked + .btn,
.btn-group :not(.btn-check) + .btn.btn-outline-primary:active,
.btn-group .btn.btn-outline-primary:first-child:active,
.btn-group .btn.btn-outline-primary.active,
.btn.btn-outline-primary.show {
  background-color: var(--rp-primary);
}
.btn-group .btn-check:checked + .btn {
  color: var(--rp-white) !important;
}
.btn-icon.btn-icon-sm {
  width: 36px;
  height: 36px;
}
.btn-icon.btn-icon-xs {
  width: 24px;
  height: 24px;
}
.form-control-lg ~ [type="reset"] > [class*="rpi"]::before {
  margin-top: -4px !important;
}
.btn > [class*="rpi"] {
  margin-right: 4px;
}
/* .btn > .rpi-download {
  margin-right: 10px !important
} */
.btn.btn-outline-light i:before {
  filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(299%) hue-rotate(167deg) brightness(90%) contrast(87%);
  opacity: 1 !important;
}
.btn.tooltip-btn:not(.rpi-16px) {
  display: inline-flex;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-left: 4px;
  padding: 0;
  cursor: default;
}
.btn.tooltip-btn:has(.rpi-16px) {
  width: 16px;
  min-width: 16px;
  height: 16px
}
.btn.tooltip-btn.small {  
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.card-title .tooltip-btn {
  margin-left: 0;
}
.btn.tooltip-btn:focus,
.btn.tooltip-btn:active {
  border-color: transparent;
}
.btn.tooltip-btn [class*="rpi"] {
  margin-right: 0;
}
.btn.tooltip-btn [class*="rpi"]:before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(22%) saturate(5024%) hue-rotate(175deg) brightness(86%) contrast(68%);
}
a.btn-readmore [class*="rpi"]:before {
  margin-top: -2px;
  filter: brightness(0) saturate(100%) invert(59%) sepia(11%) saturate(366%) hue-rotate(167deg) brightness(90%) contrast(92%);
}

/* Dropdown */
.btn-group .dropdown-menu.show {
  inset: 0.5rem auto auto 0px !important;
}
.choices__list--dropdown .choices__item.choices__item--choice.is-selected {
  background-color: var(--rp-choices-link-active-bg);
}

/* Choices */
.choices-empty {
  border-radius: var(--rp-border-radius-lg);
  text-align: center;
}
.choices-empty:focus {
  --rp-input-focus-border: var(--rp-neutral-300);
}
[data-layout-mode="dark"] .choices-empty:focus {
  --rp-input-focus-border: var(--rp-neutral-800);
}
.choices__list.choices__list--single [data-value*="placeholder"] {
  color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .choices__list.choices__list--single [data-value*="placeholder"] {
  color: var(--rp-neutral-500);
}

/* nested-list */
.nested-list.nested-list-excel-header {
  --rp-list-group-color: var(--rp-body-color-2);
  --rp-list-group-bg: var(--rp-blue-100);
  --rp-list-group-border-radius: 5px;
  --rp-list-group-item-padding-x: 10px;
  --rp-list-group-item-padding-y: 10px 12px;

  margin-top: 0;
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.nested-list-centered .nested-list.nested-list-excel-header {
  justify-content: center;
}
.nested-list-excel-header .nested-1 {
  margin: 0;
}
.nested-list-excel-header .list-group-item {
  min-width: 122px;
  padding-left: 10px;
  text-align: center;
  border-radius: inherit;
  background-color: var(--rp-list-group-bg);
}
.nested-list-excel-header .handle {
  position: relative;
  width: 16px;
  height: 16px;
  margin: auto auto 1px auto;
}
.nested-list-excel-header .sortable-chosen {
  --rp-list-group-bg: var(--rp-blue-200);
  --rp-border-color: var(--rp-blue-300);
  --rp-list-group-color: var(--rp-darknavy-500);
  font-weight: 600;
}
.nested-list-excel-header .sortable-chosen .rpi-handle::before {
  filter: brightness(0) saturate(100%) invert(7%) sepia(82%) saturate(3485%) hue-rotate(213deg) brightness(98%) contrast(104%);
}
.nested-list-excel-header .sortable-chosen.sortable-ghost {
  visibility: hidden;
}
[data-layout-mode="dark"] .nested-list .list-group-item {
  background-color: transparent !important;
}
@media (max-width: 1023.99px) {
  .app-search-2 {
    padding-left: calc(1.5rem / 2);
  }
}

/* Popover */
.popover-body {
  padding-right: 20px;
}
.popover > .btn.btn-link {
  display: none;
  position: absolute;
  right: -1px;
  top: 0;
  text-decoration: none !important;
}
.modal-open .popover,
.popover {
  --rp-popover-zindex: 1057;
}

/*Table*/
.table > :not(caption) > * > * {
  border-bottom: none;
}
.table > :not(:first-child) {
  border-top: none;
}
.table th,
.table td {
  border-right: 1px solid var(--rp-border-color) !important;
}
.table td {
  --rp-border-color: var(--rp-neutral-100);
  border-bottom: 1px solid var(--rp-border-color);
}
.table th:last-child,
.table td:last-child {
  border-right: none !important;
}
.table-header {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin-bottom: 14px;
  padding-left: 8px;
  padding-right: 4px;
}
.table-header .total-count {
  color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .table-header .total-count {
  color: var(--rp-neutral-500);
}
.table-footer {
  margin-top: 32px;
  padding: 0 5.5px;
}
.table-header .vr {
  -ms-flex-item-align: center !important;
  align-self: center !important;
  height: 19px;
}
.table thead tr:first-of-type th:first-of-type {
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}
.table thead tr:first-of-type th:last-child {
  border-top-right-radius: 0.625rem;
}
.table thead tr:last-of-type th:last-child {
  border-bottom-right-radius: 0.625rem;
}
.table thead .blank-line {
  height: 8px;
  background-color: transparent;
}
.table thead .blank-line th {
  padding: 0 !important;
  background-color: transparent;
}
.table thead.input-line {
  background-color: var(--rp-blue-200);
  vertical-align: middle;
}
[data-layout-mode="dark"] .table thead.input-line {
  background-color: var(--rp-neutral-700);
}
.table thead.input-line tr:first-child td {
  height: 8px;
  padding: 0;
}
.table thead.input-line th:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.table thead.input-line th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.webix_dtable .btn,
.table .btn {
  min-width: 66px;
  height: 30px;
  margin: -5px 0;
  --rp-btn-padding-x: 6px;
  --rp-btn-padding-y: 2px;
  font-size: 0.75rem;
  font-weight: 600;
}
.modal .table > :not(caption) > th {
  padding: 5px 0.25rem;
}
.pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 32px;
}
@media (max-width: 1023.99px) {
  .pagination-blank {
    display: none;
  }
}
@media (min-width: 1024px) {
  .pagination-blank {
    width: 110px;
  }
}
.table-light.thead-bordered th {
  border-right: solid 1px var(--rp-neutral-200);
}
.table-light.thead-bordered th:last-child {
  border-right: none;
}

/*Badge*/
.badge.badge-2 {
  width: 41px;
  height: 20px;
  border-radius: 6px !important;
}
.badge-outline-light {
  border-color: #ddd;
}
.badge-medal {
  width: 24px;
  height: 24px;
  margin: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--rp-neutral-400);
  color: var(--rp-neutral-0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
}
.badge-lg {
  padding: 3px 8px;
  font-size: 0.875rem;
  border-radius: 6px;
}
.badge.state-standby,
.badge.state-progress,
.badge.state-stop,
.badge.state-close {
  width: 52px;
  height: 23px;
  padding: 6px;
}
.modal-title .badge.state-standby,
.modal-title .badge.state-progress,
.modal-title .badge.state-stop,
.modal-title .badge.state-close {
  width: auto;
  height: 22px;
  padding: 5px 9px;
}
.badge.state-standby {
  background-color: var(--rp-neutral-400);
  color: var(--rp-white);
}
.badge.state-progress {
  background-color: var(--rp-primary);
  color: var(--rp-white);
}
.badge.state-stop {
  background-color: var(--rp-danger);
  color: var(--rp-white);
}
.badge.state-close {
  background-color: var(--rp-secondary);
  color: var(--rp-white);
}

/* Icon */
.icon-bullet {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  margin-right: 6px;
  border-radius: 50%;
  vertical-align: middle;
}
.icon-bullet.lg {
  width: 16px;
  height: 16px;
}
.icon-bullet.sm {
  width: 10px;
  height: 10px;
}
.icon-bullet.average::before {
  content: "";
  width: 22px;
  height: 1px;
  flex-grow: 0;
  margin: 0 0px 8px -4px;
  border: 1px solid var(--rp-darkblue-900);
  display: inline-block;
}
.rpi-setting.edit-widgets::before {
  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='M9.18 15H6.816a.54.54 0 0 1-.537-.438l-.287-1.767a4.848 4.848 0 0 1-.716-.332 4.923 4.923 0 0 1-.662-.438l-1.664.752a.543.543 0 0 1-.394.027.516.516 0 0 1-.304-.254l-1.181-2.048a.446.446 0 0 1-.054-.367.583.583 0 0 1 .215-.315l1.539-1.103a2.036 2.036 0 0 1-.045-.358 8.177 8.177 0 0 1 0-.718c.006-.134.021-.253.045-.359L1.232 6.18a.583.583 0 0 1-.214-.315.446.446 0 0 1 .054-.368l1.18-2.047a.516.516 0 0 1 .305-.254.543.543 0 0 1 .394.026l1.664.753c.191-.152.412-.297.662-.438.251-.14.49-.244.716-.314l.287-1.785A.54.54 0 0 1 6.817 1h2.362a.54.54 0 0 1 .537.438l.286 1.767c.227.082.469.19.725.324.257.134.474.283.653.446l1.665-.752a.543.543 0 0 1 .394-.027c.131.041.232.126.304.254l1.181 2.03a.518.518 0 0 1-.161.7l-1.54 1.067c.025.117.04.243.046.377a8.445 8.445 0 0 1 0 .744c-.006.128-.021.25-.045.367l1.54 1.085a.583.583 0 0 1 .214.315.446.446 0 0 1-.054.367l-1.181 2.048a.516.516 0 0 1-.304.254.543.543 0 0 1-.394-.027l-1.665-.752c-.19.152-.408.3-.653.446a3.152 3.152 0 0 1-.725.324l-.286 1.768a.54.54 0 0 1-.537.438zm-1.182-4.725c.644 0 1.193-.222 1.646-.665.454-.443.68-.98.68-1.61 0-.63-.226-1.167-.68-1.61a2.269 2.269 0 0 0-1.646-.665c-.644 0-1.193.222-1.647.665-.453.443-.68.98-.68 1.61 0 .63.227 1.167.68 1.61a2.269 2.269 0 0 0 1.647.665z' fill='%237f8a94'/%3E%3C/svg%3E%0A");
}
.rpi-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(43deg) brightness(102%) contrast(101%);
}
.rpi-neutral-400 {
  filter: brightness(0) saturate(100%) invert(78%) sepia(8%) saturate(370%) hue-rotate(167deg) brightness(90%) contrast(90%);
}
.rpi-neutral-500 {
  filter: brightness(0) saturate(100%) invert(57%) sepia(5%) saturate(813%) hue-rotate(167deg) brightness(94%) contrast(89%);
}
.rpi-neutral-600 {
  filter: brightness(0) saturate(100%) invert(45%) sepia(12%) saturate(441%) hue-rotate(169deg) brightness(91%) contrast(86%);
}
.rpi-neutral-700 {
  filter: brightness(0) saturate(100%) invert(37%) sepia(12%) saturate(342%) hue-rotate(169deg) brightness(87%) contrast(92%);
}
.rpi-neutral-900 {
  filter: brightness(0) saturate(100%) invert(4%) sepia(2%) saturate(4773%) hue-rotate(156deg) brightness(90%) contrast(85%);
}
.rpi-primary {
  filter: brightness(0) saturate(100%) invert(43%) sepia(67%) saturate(743%) hue-rotate(186deg) brightness(99%) contrast(97%);
}
[data-layout-mode="dark"] .rpi-tooltip-2 {
  filter: brightness(0) saturate(100%) invert(54%) sepia(8%) saturate(526%) hue-rotate(167deg) brightness(99%) contrast(90%);
  opacity: 1 !important;
}
[data-layout-mode="dark"] .rpi-calendar::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(12deg) brightness(104%) contrast(102%);
}
[data-layout-mode="dark"] .rpi-download::before {
  filter: invert(88%) sepia(0%) saturate(803%) hue-rotate(156deg) brightness(111%) contrast(96%);
}
/* [data-layout-mode=dark] .rpi-arrow-right {
	filter: brightness(0) saturate(100%) invert(59%) sepia(20%) saturate(206%) hue-rotate(167deg) brightness(88%) contrast(87%);
	opacity: 1 !important
} */
.rpi-body-color {
  filter: invert(6%) sepia(8%) saturate(667%) hue-rotate(155deg) brightness(93%) contrast(90%);
}
[data-layout-mode="dark"] .rpi-body-color {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(36deg) brightness(102%) contrast(104%);
}
[class*=" rpi-16px"]::before, [class^=rpi-16px]::before {
  margin-top: -3px;
}

/* Tabs Custom */
.nav.nav-tabs {
  --rp-nav-tabs-link-hover-border-color: var(--rp-border-color);

  position: relative;
  z-index: 1;
  gap: 0.5rem;
  border-bottom: none;
}
.nav.nav-tabs.nav-tabs-custom {
  gap: 0;
}
.monitoring .tab-content > .active,
.strategy .tab-content > .active,
.tab-content.tab-secondary > .active {
  --rp-tab-content-bg: var(--rp-body-bg-2);

  border: solid 1px var(--rp-border-color);
  background-color: var(--rp-tab-content-bg);
  border-radius: 0 20px 20px 20px;
}
.monitoring .tab-content > .active,
.strategy .tab-content > .active {
  padding: 20px 16px;
}
.nav-tabs-lg .nav-item .nav-link {
  padding: 24px 30px 18px 30px;
  font-size: 1.125rem;
}
.nav-tabs-lg .nav-item ~ .nav-item:before {
  content: "";
  position: absolute;
  top: 27px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: var(--rp-nav-tabs-divider-color);
}
.nav-tabs-custom.lgu .nav-item .nav-link::after {
  height: 2px;
}
.nav-primary.nav-tabs-custom.lgu .nav-link.active {
  color: var(--rp-primary);
  font-weight: bold;
}
.nav-primary.nav-tabs-custom .nav-link.active::after {
  background-color: var(--rp-primary);
}

/* Nav Custom */
.nav-customs.custom-2.nav .nav-link {
  background-color: var(--rp-gray-300);
}
.nav-customs.custom-2.nav .nav-link::after,
.nav-customs.nav .nav-link::before {
  background-color: var(--rp-gray-300);
}
.nav-customs.custom-2.nav .nav-link.active,
.nav-customs.custom-2.nav .nav-link.active:after,
.nav-customs.custom-2.nav .nav-link.active:before {
  background-color: #fff;
  color: #000;
}
.nav-customs.custom-2.nav .nav-link.active:after {
  -webkit-box-shadow: -1px 0 2px 0 rgb(0 0 0/ 0.1);
  box-shadow: -1px 0 2px 0 rgb(0 0 0/ 0.1);
}
.nav-customs.custom-2.nav .nav-link.active:before {
  -webkit-box-shadow: 1px 0 2px 0 rgb(0 0 0/ 0.1);
  box-shadow: 1px 0 2px 0 rgb(0 0 0/ 0.1);
}

/* Pagination */
.pagination-separated .page-item .page-link.page-prev {
  margin-right: 23px;
}
.pagination-separated .page-item .page-link.page-next {
  margin-left: 23px;
}

/*Accordion*/
.accordion.accordion-lg .accordion-button {
  font-size: 0.875rem;
}
.accordion.accordion-lg .accordion-button > span {
  width: 100px;
  text-align: center;
}
.accordion-button:not(.collapsed) {
  background-color: transparent;
}
.accordion-flush.secondary-accordion {
  --rp-accordion-bg: transparent;
  --rp-accordion-btn-padding-x: 0;
  --rp-accordion-btn-padding-y: 0;
  --rp-accordion-body-padding-x: 0;
  --rp-accordion-body-padding-y: 1rem 0;
  --rp-accordion-color: var(--rp-neutral-900);
  --rp-accordion-btn-bg: transparent;
  --rp-accordion-btn-icon-width: 24px;
  --rp-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3.896 6.105 4.212 4.215 4.212-4.215' stroke='%23181A1B' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --rp-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3.896 6.105 4.212 4.215 4.212-4.215' stroke='%23181A1B' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.accordion-flush.secondary-accordion .accordion-button:not(.collapsed),
.accordion-flush.secondary-accordion .accordion-button:focus {
  box-shadow: none;
}
.accordion-flush.secondary-accordion .accordion-item .accordion-button {
  font-size: 1.25rem;
  font-weight: 600;
}

/* Login */
.auth-page-wrapper .auth-page-content .auth-logo-wrap {
  position: relative;
  width: 251px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
}
.auth-page-wrapper .auth-page-content .auth-logo-wrap img,
.auth-page-wrapper .auth-page-content .auth-logo-wrap svg {
  position: absolute;
  top: 50% !important;
  width: 100%;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.auth-page-wrapper .auth-page-content .container .card {
  max-width: 486px;
  max-height: 569px;
  margin: 20px 0 30px;
  padding: 50px 35px 46px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--rp-neutral-0);
  border-radius: 1.25rem;
}
[data-layout-mode="dark"] .auth-page-wrapper .auth-page-content .container .card {
  background-color: var(--rp-neutral-850);
  border: none;
}
.auth-page-wrapper .auth-page-content label {
  font-size: 1.125rem;
}
.auth-page-wrapper .auth-page-content .form-control:focus {
  border-color: var(--rp-blue-800);
}
.form-username input,
.form-password input {
  padding-left: 40px;
}
.form-username {
  margin-bottom: 20px;
}
.form-password .auth-pass-inputgroup {
  margin-bottom: 12px;
}
.form-username input:focus {
  border-color: var(--color-blue-800);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.auth-page-content input + i,
.form-password input + i {
  position: absolute;
  z-index: 10;
  left: 16px;
  top: 12px;
}
.form-password input + i {
  top: 12px;
}
.certification .btn-group {
  position: absolute;
  top: 38px;
  right: 5px;
}
.certification .btn-group .btn {
  padding: 0.25rem 0.25rem;
}
.certification .btn-group .btn:active {
  background-color: transparent;
  color: var(--rp-blue-900) !important;
}
.certificationTime {
  position: absolute;
  top: 7px;
  right: 1rem;
  color: var(--rp-red);
  font-size: 1rem;
  font-weight: 600;
}
.certificationTime .tooltip-btn {
  margin-top: -4px;
}
.auth-pass-inputgroup .invalid-feedback {
  margin-top: 12px;
}
.login-btn {
  margin-top: 21px;
  text-align: center;
}
.warning-message + .login-btn {
  margin-top: 20px;
}
.find-user-group {
  padding-top: 21px;
}
.find-user-group > ul {
  display: flex;
  flex: 1;
  justify-content: center;
  padding-left: 0;
}
.find-user-group > ul > li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.find-user-group > ul > li > a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 20px;
  color: var(--rp-blue-800);
  font-size: 1rem;
  font-weight: 600;
}
.find-user-group > ul > li > a:hover {
  color: var(--rp-blue-900);
}
.find-user-group > ul > li:after {
  content: "";
  width: 1px;
  height: 14px;
  background-color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .find-user-group > ul > li:after {
  background-color: var(--rp-neutral-500);
}
.find-user-group > ul > li:last-child:after {
  display: none;
}
.company-info {
  margin-top: 40px;
  text-align: center;
  color: var(--rp-neutral-400);
}
.copyright {
  text-align: center;
  color: var(--rp-neutral-500);
}
.descripition {
  --rp-border-color: var(--rp-neutral-200);
  padding-top: 20px;
  padding-inline-start: 20px;
  border-top: 1px solid var(--rp-border-color);
  color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .copyright {
  color: var(--rp-neutral-0);
}
[data-layout-mode="dark"] .descripition {
  color: var(--rp-neutral-100);
  --rp-border-color: var(--rp-neutral-800);
}
#findUsernameTooltip [class*="rpi"]:before,
#resetPasswordTooltip [class*="rpi"]:before {
  margin-top: -6px;
}
.footnote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  gap: 10px;
  margin-bottom: 0;
  padding-left: 20px;
  color: var(--rp-body-color-2);
  font-size: 13px;
}

/* page-topbar */
.user-name-sub-text {
  font-size: 11px;
  font-weight: normal;
  color: var(--rp-neutral-200);
}
.topbar-dashboard > .btn i {
  margin-right: 4px;
}
.page-title-box h2 {
  position: relative;
  top: -6px;
  margin-bottom: 0;
  color: var(--rp-white);
}
.page-title-right {
  padding: 19px 0 11px;
}
.topnav-hamburger {
  position: fixed;
  left: 184px;
  bottom: 41px;
  z-index: 1045;
  width: 36px;
  height: 36px;
  flex-grow: 0;
  padding: 8px;
  border-radius: 10px;
  background-color: rgba(var(--rp-neutral-400-rgb), 0.2);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm"] .topnav-hamburger {
  left: 20px;
}
.topnav-hamburger:hover {
  background-color: var(--rp-darknavy-700);
}

/*navbar*/
/*[data-simplebar] {
	height: calc(100vh - 350px) !important;
}*/
/* :is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] [data-simplebar] {
	height: 100vh !important;
} */
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-menu {
  padding-right: 0 1.75rem 248px calc(1.75rem + 10px);
}
.navbar-nav {
  padding-top: 6px;
}
[data-layout-mode="light"] .logo-light {
  display: none !important;
}
[data-layout-mode="light"] .logo-dark {
  display: inline-block !important;
}
[data-layout-mode="dark"] .hamburger-icon span {
  background-color: #fff;
}
:is([data-layout="vertical"], [data-layout="semibox"]) .navbar-brand-box .logo-text {
  display: none;
}
@media (max-width: 767.98px) {
  :is([data-layout="vertical"], [data-layout="semibox"]) .navbar-brand-box span.logo-sm .logo-text {
    display: inline-block;
  }
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link {
  height: 50px;
  margin: 5px 13px;
  padding: 13px 1rem;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-nav .nav-link.active {
  background-color: var(--rp-darknavy-600);
  color: var(--rp-vertical-menu-sub-item-active-color-dark);
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"][data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-item > .nav-link {
  height: 40px;
  margin: 0;
  padding: 0 !important;
  font-size: 0.875rem;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .badge.icon-noti {
  width: 25px;
  height: 18px;
  margin-left: 12px;
  padding: 0 8px;
  border-radius: 7px;
  background-color: var(--rp-primary);
  color: var(--rp-neutral-0);
  font-size: 0.75rem;
  line-height: 18px;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .badge.icon-noti {
  position: absolute;
  display: block !important;
  top: 9px;
  left: 15px;
  width: 12px;
  height: 12px;
  padding: 0 !important;
  border: solid 2px var(--rp-darknavy-600);
  border-radius: 50%;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .badge.icon-noti span {
  display: none !important;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .collapse.menu-dropdown .nav-link.active {
  background-color: transparent;
  box-shadow: none;
}

/* Navbar */
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] i.rpi-home-line::before,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link.active i.rpi-home-line::before {
  background-image: url(/assets/images/svg/icon_20px_home_fill-007251da1748ed3ab7a7d72ce493bc79.svg);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] i.rpi-noti-line::before,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link.active i.rpi-noti-line::before {
  background-image: url(/assets/images/svg/icon_20px_noti_fill-43597d3c9e913a61fbdc2dcbaa049cbf.svg);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] i.rpi-monitoring-line::before,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link.active i.rpi-monitoring-line::before {
  background-image: url(/assets/images/svg/icon_20px_monitoring_fill-f6dcb789aed5a60241a6ffce34e614d5.svg);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] i.rpi-analyze-line::before,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link.active i.rpi-analyze-line::before {
  background-image: url(/assets/images/svg/icon_20px_analyze_fill-689448ddb26021435a2a323ecc8d9b53.svg);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] i.rpi-history-line::before,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link.active i.rpi-history-line::before {
  background-image: url(/assets/images/svg/icon_20px_history_fill-d63c7b84d97762e5978d9ccedd06a0d2.svg);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] i.rpi-bound-line::before,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link.active i.rpi-bound-line::before {
  background-image: url(/assets/images/svg/icon_20px_bound_fill-806bd8accb518a33a2ed02d2b75d598e.svg);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] i.rpi-scenario-line::before,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link.active i.rpi-scenario-line::before {
  background-image: url(/assets/images/svg/icon_20px_scenario_fill-81e0e3daf36ae7e8b355d6cfc4e4d498.svg);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] i.rpi-setting-line::before,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .navbar-nav .nav-link.active i.rpi-setting-line::before {
  background-image: url(/assets/images/svg/icon_20px_setting_fill-8699c571282a4b632e96e73806ef152d.svg);
}
.navbar-header .btn-topbar:active,
.navbar-header .btn-topbar.show {
  /* border-color: transparent !important;Q
    background-color: transparent; */
}

/* MyInfo */
.myInfo {
  padding: 42px 32px 8px 32px;
}
.myInfo .btn-close {
  position: absolute;
  top: 24px;
  right: 46px;
  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='M5 19 19 5M5 5l14 14' stroke='%23181A1B' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-color: transparent;
}
.myInfo .title-box {
  height: 76px;
  padding: 24px;
  background-color: var(--rp-blue-100);
}
.myInfo h6 {
  margin-bottom: 18px;
}
.myInfo .title-box .user-info {
  margin-left: 9px;
  font-size: 13px;
  color: var(--rp-neutral-400);
}
.myInfo .rounded {
  border-radius: 10px !important;
}
.myInfo .rpi-setting-fill::before {
  filter: brightness(0) saturate(100%) invert(10%) sepia(11%) saturate(282%) hue-rotate(155deg) brightness(90%) contrast(98%);
}
.myInfo dl {
  display: flex;
  margin-bottom: 0;
}
.myInfo dl:last-child {
  margin-bottom: -0.5rem;
}
.myInfo dl > dt {
  width: 123px;
  color: var(--rp-neutral-400);
  font-size: 14px;
  font-weight: 500;
}
[data-layout-mode="dark"] .myInfo dl > dt {
  color: var(--rp-neutral-500);
}
.myInfo dl > dd {
  font-weight: 600;
  color: var(--rp-body-color-2);
}
.myInfo .card-radio .form-check-input:checked ~ .form-check-label.avatar-sm:before {
  top: 11px;
  right: 11px;
}
.myInfo .card-radio .form-check-input ~ p {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  color: var(--rp-neutral-400);
  text-align: center;
}

[data-layout-mode="dark"] .myInfo .card-radio .form-check-input ~ p {
  color: var(--rp-neutral-500);
}
.myInfo .card-radio .form-check-input:checked ~ p {
  color: var(--rp-body-color);
}

[data-layout-mode="dark"] .myInfo .title-box {
  background-color: var(--rp-darkblue-600);
}
[data-layout-mode="dark"] .myInfo .rpi-setting-fill::before {
  filter: none;
}
#LGU_INFO_01P .rpi-tumbnail::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='13' fill='%23A8B3BD'/%3E%3Cpath d='M14 18C8.4 18 4.66667 20.6667 3.5 22C4.83333 23.5 8.5 27 14 27C19.2154 27 23.1667 23.8333 24.5 22C23.3333 20.6667 19.6 18 14 18Z' fill='%23ffffff'/%3E%3Ccircle cx='14' cy='11' r='4' fill='%23ffffff'/%3E%3Ccircle cx='14' cy='14' r='13' stroke='%23A8B3BD'/%3E%3C/svg%3E%0A");
}
#LGU_INFO_01P .rpi-profile::before {
  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='M2 14v0a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v0' stroke='%23525960' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='5' r='3.35' stroke='%23525960' stroke-width='1.3'/%3E%3C/svg%3E%0A");
}

/* page-content */
.page-topbar-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 188px;
  background-color: var(--rp-header-bg);
  background-image: url(/assets/images/bg_header_oceanblue@2x-497d7d4b388219b52a6294b546b032a5.webp);
  background-position: center right;
  background-size: cover;
}
[data-layout-mode="dark"] .page-topbar-bg {
  background-image: url(/assets/images/bg_header_dark@2x.-f58a8ffb7d20be59bf1c931bcb7bc0c2.webp);
}
.page-content > .container-fluid > .fullarea-wrap {
  border-top-right-radius: 30px;
}

/* 내 정보수정 */
.profile-info {
  --rp-profile-info-bg: var(--rp-neutral-50);
  background-color: var(--rp-profile-info-bg);
}
.profile-info .tumbnail-wrap {
  --rp-border-color: var(--rp-neutral-300);
  margin-bottom: 33px;
  padding: 53px 0 33px 0;
  border-bottom: 1px solid var(--rp-border-color);
}
[data-layout-mode="dark"] .profile-info {
  --rp-profile-info-bg: var(--rp-neutral-900);
}
[data-layout-mode="dark"] .profile-info .tumbnail-wrap {
  --rp-border-color: var(--rp-neutral-800);
}
.profile-info .tumbnail-wrap .subname {
  color: var(--rp-neutral-500);
}
[data-layout-mode="dark"] .profile-info .tumbnail-wrap .subname {
  color: var(--rp-neutral-400);
}
.profile-info-detail dl {
  display: flex;
  margin-bottom: 10px;
}
.profile-info-detail dl dt {
  min-width: 87px;
  margin-right: 12px;
  color: var(--rp-neutral-400);
  font-weight: 500;
}
[data-layout-mode="dark"] .profile-info-detail dl dt {
  color: var(--rp-neutral-500);
}
.profile-info-detail dl dt i {
  margin-right: 7px;
}
.profile-info-detail dl dt i:before {
  width: 16px;
  height: 16px;
  filter: brightness(0) saturate(100%) invert(53%) sepia(26%) saturate(178%) hue-rotate(167deg) brightness(96%) contrast(81%);
}
.profile-info-detail dl dd {
  width: auto;
  margin-bottom: 0;
  color: var(--rp-body-2);
}
[data-layout-mode="dark"] {
  --rp-profile-info-bg: var(--rp-neutral-800);
}
#ChangememberInfo .guide {
  color: var(--rp-neutral-600);
}
[data-layout-mode="dark"] #ChangememberInfo .guide {
  color: var(--rp-neutral-300);
}
.upload-logo {
  padding: 18px 18px 19px 18px;
  text-align: center;
  background-color: var(--rp-neutral-200);
  border: 1px solid var(--rp-neutral-200);
  border-radius: 5px;
}
.upload-logo #emtpyLogo {
  padding-top: 26px;
  padding-bottom: 23px;
}
.upload-logo .guide-text {
  color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .upload-logo {
  background-color: var(--rp-neutral-800);
  border-color: var(--rp-neutral-700);
}
[data-layout-mode="dark"] .upload-logo .guide-text {
  color: var(--rp-neutral-500);
}

/* common */
.card .row .col-auto.hstack .vr {
  height: 19px;
}

/* Dashboard */
.btn-edit-dashboard {
  padding: 0;
  --rp-btn-color: var(--rp-neutral-600);
  color: var(--rp-btn-color);
  font-size: 14px;
}
[data-layout-mode="dark"] .btn-edit-dashboard {
  --rp-btn-color: var(--rp-neutral-500);
}
.dashboard .card {
  margin-bottom: 20px;
  border-color: var(--rp-blue-300);
}
.dashboard .card .card-header {
  height: 44px;
  padding: 11px 24px 9px 24px;
  background-color: var(--rp-darkblue-100);
  border-bottom: 0;
}
.dashboard .card .card-body {
  padding: 13px 32px;
}
.dashboard .card .card-body.productivity .vr {
  --rp-vr-bg-color: var(--rp-neutral-600);
  background-color: var(--rp-vr-bg-color);
}
[data-layout-mode="dark"] .dashboard .card .card-body.productivity .vr {
  --rp-vr-bg-color: rgba(var(--rp-neutral-300-rgb), 0.3);
}
[data-layout-mode="light"] .productivity h5 {
  color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .dashboard .card {
  border-color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .dashboard .card .card-header {
  background-color: var(--rp-darknavy-550);
}
[data-layout-mode="dark"] .dashboard .card .card-body .text-neutral-600 {
  color: var(--rp-neutral-300) !important;
}
[data-layout-mode="dark"] .dashboard .legend {
  color: var(--rp-neutral-300) !important;
}
[data-layout-mode="dark"] .productivity .bg-blue-50 {
  background-color: var(--rp-neutral-800) !important;
}
.dashboard .card .webix_view.webix_layout_line > .webix_view {
  width: 100% !important;
}
.dashboard .card .list-group > li.list-group-item {
  line-height: 1;
}
.dashboard .card .list-group.list-h-40 > li {
  height: 40px;
  padding: 8px 0;
}
.dashboard .card .list-group.list-h-44 > li {
  height: 44px;
  padding: 6px 0;
}
.dashboard .card .list-group.list-h-54 > li {
  height: 54px;
  padding: 11px 0;
}
.changeScenarioTypeBtn {
  position: relative;
}
@media (max-width: 958.98px) {
  .changeScenarioTypeBtn .col-auto:first-child {
    width: calc(100% - 158px);
  }
  .changeScenarioTypeBtn .col-auto:last-child:before {
    content: "";
    position: relative;
    left: -10px;
    width: 10px;
    height: 42px;
    background-image: linear-gradient(to left, rgba(102, 112, 122, 0.1) 0, rgba(102, 112, 122, 0) 100%);
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-size: contain;
    vertical-align: middle;
    margin: 0 4px 0 0;
  }
  .changeScenarioTypeBtn .col-auto {
    /* padding: 0 */
  }
  .changeScenarioTypeBtn .col-auto .btn {
    /* left: -10px */
  }
  .changeScenarioTypeBtn #settingScenarioBtn {
    background-color: var(--rp-body-bg-2);
  }
}
.changeScenarioTypeBtn #settingScenarioBtn {
  position: absolute;
  bottom: 17px;
  right: 0;
}
.tag-group {
  display: flex;
}
.tag-group > span {
  display: block;
  max-width: 150px;
  border-radius: 20px;
  border: solid 1px var(--rp-neutral-300);
  margin-right: 8px;
  padding: 5.5px 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #3b4044;
}
.tag-group > span.more {
  padding: 0;
  color: var(--rp-neutral-600);
  border: none;
}
[data-layout-mode="dark"] .tag-group > span {
  color: var(--rp-neutral-100);
  border-color: var(--rp-neutral-800);
  background-color: var(--rp-neutral-850);
}
.btn.changeScenario {
  border: 0;
  margin: 4px 0;
  padding-left: 23px;
  padding-right: 23px;
}
[data-layout-mode="dark"] .btn.changeScenario {
  --rp-btn-bg: var(--rp-blue-950);
  --rp-btn-hover-bg: var(--rp-blue-950);
}
.dashboard-card .list-group li {
  padding: 0.75rem 0;
}
.select-scenario .offcanvas-body {
  overflow: hidden;
}
.select-scenario .offcanvas-body #totalScenarioCnt {
  color: var(--rp-heading-color);
}
.select-scenario .offcanvas-body h4.select#totalScenarioCnt {
  --rp-heading-color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .select-scenario .offcanvas-body #totalScenarioCnt {
  --rp-heading-color: #ffffff;
}
.select-scenario .search input.form-control {
  height: 45px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select-scenario .search input.form-control:focus,
.select-scenario .search input.form-control:active {
  border-color: var(--rp-input-border);
}
.select-scenario .search .rpi-search {
  position: absolute;
  z-index: 10;
  right: 16px;
  top: 12px;
}
.select-scenario .search .btn-remover {
  position: absolute;
  top: 2px;
  right: 20px;
}
.select-scenario .choices__inner {
  height: 200px;
  margin-top: 12px;
  padding: 5px 0 2px 0.5rem !important;
  border-radius: 10px !important;
}
.select-scenario .choices__list--multiple .choices__item {
  position: relative;
  width: 47.68%;
  margin-bottom: 0;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-scenario .choices[data-type*="text"] .choices__button {
  position: absolute;
  top: 7px;
  right: 12px;
}
.select-scenario .accordion {
  height: calc(100vh - 575px);
  margin-top: -1px;
  padding: 0 17.5px;
  background-color: var(--rp-neutral-50);
  border: 1px solid var(--rp-neutral-300);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
[data-layout-mode="dark"] .select-scenario .accordion {
  background-color: var(--rp-neutral-850);
  border-color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .select-scenario .accordion .accordion-item {
  border-color: var(--rp-neutral-800);
}
.select-scenario .accordion-item {
  background-color: transparent;
}
.select-scenario .accordion-header {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  height: 45px;
}
.select-scenario .accordion-body {
  margin-top: -1px;
  border-bottom: 1px solid var(--rp-neutral-200);
  border-top: 1px solid var(--rp-body-bg);
}
.select-scenario .accordion-button {
  width: auto;
  margin-left: auto !important;
  padding: 12px 0 12px 24px;
  box-shadow: none;
  background-color: transparent;
}
.update-realtime {
  margin-bottom: 1px;
  font-size: 13px;
  font-weight: 500;
  color: var(--rp-neutral-500);
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

/* Chat */
.chat-conversation .conversation-list .ctext-wrap-content {
  width: var(--rp-chat-wrap-content-width) !important;
}
.chat-conversation .chat-conversation-list .chat-list.left .user-chat-content .ctext-wrap:first-of-type .ctext-wrap-content {
  border-top-left-radius: 0;
}
.chat-conversation .chat-conversation-list .chat-list.right .user-chat-content .ctext-wrap:first-of-type .ctext-wrap-content {
  border-top-right-radius: 0;
}
.chat-conversation-list.wave-play .chat-list .conversation-list {
  opacity: .8;
}
.chat-conversation-list.wave-play .chat-list .conversation-list.highlight {
  opacity: 1 !important;
}
.chat-conversation-list .chat-list.left .conversation-list.highlight .ctext-wrap .ctext-wrap-content {
  --rp-ctext-border-color: var(--rp-blue-200);
  box-shadow: 0 0 8px 3px rgb(0 0 0/.06)
}
.chat-conversation-list .chat-list.right .conversation-list.highlight .ctext-wrap .ctext-wrap-content {
  --rp-ctext-border-color: var(--rp-blue-900);
}
.chat-conversation-list.typo-check {
  --rp-chat-wrap-content-width: 290px
}
.chat-conversation .conversation-list .conversation-name .time {
  font-size: 11px;
  color: var(--rp-neutral-500);
  font-weight: normal;
}
[data-layout-mode="dark"] .chat-conversation .conversation-list .conversation-name .time {
  color: var(--rp-neutral-400);
}
.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content.warning {
  background-color: var(--rp-danger);
  border: none;
}
.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content.warning::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: -20px;
  width: 16px;
  height: 16px;
  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='M8 5.15v3' stroke='%23EF4360' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.65v.2' stroke='%23EF4360' stroke-width='1.4' stroke-linecap='round'/%3E%3Crect x='1.2' y='1.2' width='13.6' height='13.6' rx='6.8' stroke='%23ef4360' stroke-width='1.4'/%3E%3C/svg%3E%0A");
}
.chat-conversation .chat-avatar {
  margin-right: .5rem;
}
.chat-conversation .chat-avatar .avatar-title {
  width: 2rem;
}
.conversation-name {
  margin: 0 4px;
  white-space: nowrap;
}
.chat-conversation .conversation-list .ctext-wrap:last-child {
  margin-bottom: 0;
}
.chat-conversation.chat-record {
  --rp-chat-wrap-content-width: 300px;
  --rp-chat-record-border-color: var(--rp-blue-200);

  padding: 1rem 1rem 27px 1rem;
  border: 1px solid var(--rp-chat-record-border-color);
  border-radius: 10px;
}
[data-layout-mode="dark"] .chat-conversation.chat-record {
  --rp-chat-record-border-color: var(--rp-neutral-700);
}
.chat-conversation.chat-record .conversation-list .ctext-content {
  font-size: 0.75rem;
  font-weight: 400;
}
.chat-list.right .form-check {
  margin-left: .25rem;
}
.chat-list.right .form-check .form-check-input {
  margin-right: 0;
}

/* Sidebar Right */
.main-content.edit-widget {
  margin-left: 0 !important;
  margin-right: 420px;
}
.edit-widget-message {
  display: none !important;
}
.main-content.edit-widget .btn-edit-dashboard {
  display: none;
}
.main-content.edit-widget .edit-widget-message {
  display: block !important;
}
@media (min-width: 1920px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .main-content .offcanvas.showing + .main-content,
  .offcanvas.show:not(.hiding) + .main-content {
    margin-right: 420px;
  }

  /* Dashboard Offcanvas 편집을 위한 레이아웃 */
  .page-topbar-bg .me-edit-widget {
    width: calc(100% - 420px);
  }
  .me-edit-widget {
    margin-right: 420px;
  }
}
.offcanvas.offcanvas-end {
  z-index: 1054;
}

.fullarea-wrap {
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
  padding: 0 2.5rem !important;
  background-color: var(--rp-neutral-0);
  border-top-right-radius: 30px;
}
[data-layout-mode="dark"] .fullarea-wrap {
  background-color: var(--rp-neutral-850);
}

/*footer*/
.footer .container-fluid {
  margin-left: 0;
}
.footer-bottom-menu-list {
  overflow: hidden;
  padding-left: 0;
}
.footer-bottom-menu-list > li {
  float: left;
  color: var(--rp-neutral-400);
  list-style-type: none;
  font-size: 0.875rem;
}
.footer-bottom-menu-list > li a {
  color: var(--rp-neutral-300);
}
.footer-bottom-menu-list > li a:hover {
  color: #fff;
}
.footer-bottom-menu-list > li ~ li {
  position: relative;
  margin-left: 33px;
}
.footer-bottom-menu-list > li ~ li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: -17px;
  width: 1px;
  height: 14px;
  background-color: var(--rp-neutral-400);
}
.footer-info-wrap {
  font-size: 0.8125rem;
}
@media (min-width: 1920px) {
  .footer-info-wrap {
    max-width: calc(100% - 450px)
  }
}
.footer-address,
.footer-copyright {
  line-height: 1.5;
}
.footer-address .c-link-arr-1-s {
  margin-left: 10px;
  font-size: 12px;
  color: #a7a7a7;
  vertical-align: baseline;
}

.main-content ~ .offcanvas.offcanvas-end.show {
}

@media (min-width: 1920px) {
  .footer:is(offcanvas.offcanvas-end.show:not(.hiding)) {
    right: 420px;
  }
  .footer-logo {
    position: absolute;
    bottom: 55px;
    right: 50px;
  }
}

@media (max-width: 767.98px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .page-content {
    margin-left: -10px;
  }
}
@media (max-width: 991.98px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .page-content {
    /* margin-left: -10px; */
  }
}
@media (max-width: 991.98px) {
  .page-content {
    padding-bottom: 1.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1919.98px) {
  .page-content {
    padding-bottom: 365px;
  }
}
@media (max-width: 785.98px) {
  .footer {
    position: relative;
    left: 0;
  }
}
@media (max-width: 1919.98px) {
  /* .page-content {
       padding-bottom: 365px
    } */
  .footer {
    /* z-index: -1;
        position: relative;
        left: 0; */
    height: auto;
  }
  .footer-logo {
    position: relative;
    margin-top: 16px;
  }
}
[class*="c-link-arr-"]:after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  border: 2px solid #000;
  border-left: transparent;
  border-top: transparent;
  transform: rotate(-45deg);
  position: relative;
  top: -1px;
}
.c-link-arr-1-s:after {
  width: 6px;
  height: 6px;
  border: 2px solid #a7a7a7;
  border-left: transparent;
  border-top: transparent;
}
.csList {
  overflow: hidden;
  padding-left: 0;
}
.csList > li {
  float: left;
  margin-right: 18px;
  position: relative;
  list-style-type: none;
  font-size: 0.8125rem;
}
.csList > li ~ li:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  background-color: var(--rp-neutral-500);
  top: 4px;
  left: -9px;
}

/* Toast */
.toast-container {
  z-index: 11;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.toast {
  --rp-toast-max-width: 470px;
  --rp-toast-padding-y: 13px;
  --rp-toast-border-radius: 5px;
  height: 46px;
}
.toast.toast-dark {
  --rp-toast-bg: rgba(var(--rp-neutral-900-rgb), 0.9);
  --rp-toast-color: var(--rp-neutral-0);
  --rp-toast-border-color: rgba(var(--rp-neutral-900-rgb), 0.9);
  background-color: var(--rp-toast-bg);
}
.toast.toast-dark [class^="rpi-"]::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(43deg) brightness(102%) contrast(101%);
}
[data-layout-mode="dark"] .toast.toast-dark [class^="rpi-"]::before {
  filter: brightness(0) saturate(100%) invert(4%) sepia(2%) saturate(4773%) hue-rotate(156deg) brightness(90%) contrast(85%);
}
[data-layout-mode="dark"] .toast.toast-dark {
  --rp-toast-bg: rgba(var(--rp-neutral-0-rgb), 0.9);
  --rp-toast-color: var(--rp-neutral-900);
  --rp-toast-border-color: rgba(var(--rp-neutral-0-rgb), 0.9);
}
.toast.toast-dark h6 {
  color: var(--rp-toast-color);
  text-align: center;
}
.toastify {
  min-width: 450px;
  min-height: 46px;
  border-radius: 5px;
  text-align: center;
  transform: translate(120px, 103px) !important;
  font-size: 16px !important;
  font-weight: 600 !important
}
.toastify.bg-dark {
  background-color: rgba(24, 26, 27, 0.9) !important;
}

/* etc */
.hyphen,
.time-hyphen {
  color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .hyphen,
[data-layout-mode="dark"] .time-hyphen {
  color: var(--rp-neutral-500);
}

/* Chart Tooltip */
.chart-tooltip-wrap {
  --rp-chart-tooltip-bg: var(--rp-neutral-700);
  border-radius: 5px;
  background-color: var(--rp-chart-tooltip-bg);
  opacity: 0.9;
  font-size: 13px;
  font-weight: 500;
  color: var(--rp-white);
}
.chart-tooltip-wrap .tooltip-title {
  --rp-chart-tooltip-border-color: var(--rp-neutral-600);
  padding: 3px 14px 1.5px 10px;
  border-bottom: 1px solid var(--rp-chart-tooltip-border-color);
}
.chart-tooltip-wrap .tooltip-content {
  padding: 5.5px 14px 9px 10px;
  color: var(--rp-neutral-50);
}
.chart-tooltip-wrap .tooltip-content .icon-bullet.sm {
  width: 6px;
  height: 6px;
  margin-right: 5px;
}
.chart-tooltip-wrap .tooltip-value {
  color: var(--rp-neutral-100);
}

/* NOTICE */
[data-layout-mode="dark"] .notice .fullarea-wrap {
  background-color: transparent !important;
  border: none;
}
.center-card .card {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12);
}
[data-layout-mode="dark"] .center-card .card {
  border-color: var(--rp-neutral-800);
}
.center-card .card .center-info li {
  --rp-title-color: var(--rp-neutral-500);
  --rp-content-color: var(--rp-neutral-800);
  display: flex;
  height: 25px;
  font-size: 13px;
}
.center-card .card .center-info li span:first-child {
  width: 60px;
  color: var(--rp-title-color);
}
.center-card .card .center-info li span {
  color: var(--rp-content-color);
}
.center-card .card .center-info li span.extraStaffCountText {
  margin-left: 7px;
  color: var(--rp-title-color);
}
[data-layout-mode="dark"] .center-card .card .center-info li {
  --rp-title-color: var(--rp-neutral-400);
  --rp-content-color: var(--rp-neutral-100);
}
#centerPager .webix_pager_item.pager_prev,
#centerPager .webix_pager_item:nth-of-type(1) {
  margin-right: 19px;
}
#centerPager .webix_pager_item.pager_prev,
#centerPager .webix_pager_item:nth-of-type(2) {
  margin-right: 0 !important;
}
#centerPager .webix_pager_item.pager_next,
#centerPager .webix_pager_item:nth-last-of-type(1) {
  margin-left: 23px;
}
#centerPager .webix_pager_item.pager_next,
#centerPager .webix_pager_item:nth-last-of-type(2) {
  margin-left: 4px !important;
}
.guide-box {
  --rp-border-color: var(--rp-neutral-300);
  height: 44px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px var(--rp-border-color);
  border-top-right-radius: 30px;
  background-color: var(--rp-blue-50);
  color: var(--rp-body-color-2);
}
.guide-box.dashboard {
  position: relative;
  z-index: 1;
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
  padding: 6px 40px;
  border-top-right-radius: 30px;
}
.guide-box.dashboard:not([hidden]) ~ .fullarea-wrap {
  border-top-right-radius: 0 !important;
}
.guide-box.notice {
  padding: 7px 17px 7px 14px;
  border-radius: 10px;
  gap: 36px;
}
.guide-box i[class*="rpi"]:before {
  margin-top: -3px;
}
[data-layout-mode="dark"] .guide-box {
  border: solid 1px var(--rp-neutral-800);
  background-color: var(--rp-neutral-800);
}
.notice-guide-box {
}
#noticesTable a,
#faqTableDiv a {
  font-weight: 500;
}
#noticesTable .badge,
#faqTableDiv .badge {
  min-width: 37px;
  height: 18px;
  padding: 3px 0.5rem;
  border-radius: 6px;
  font-size: 12px;
}

#noticeModal table tbody tr:last-child td {
  border-width: 0;
}
.notice-title-wrap {
  --rp-color: var(--rp-neutral-400);
  --rp-border-color: var(--rp-neutral-300);
  border-bottom: 1px solid var(--rp-border-color);
}
.notice-title-wrap .date-created {
  color: var(--rp-color);
}
[data-layout-mode="dark"] .notice-title-wrap {
  --rp-color: var(--rp-neutral-500);
  --rp-border-color: var(--rp-neutral-700);
}
#noticeModal #fileTable .volume {
  --rp-color: var(--rp-neutral-600);
  color: var(--rp-color);
}
[data-layout-mode="dark"] #noticeModal #fileTable .volume {
  --rp-color: var(--rp-neutral-300);
}
.faqTable .title .webix_cell {
  --rp-title-color: var(--rp-neutral-400);
  font-size: 16px;
  color: var(--rp-title-color) !important;
}
[data-layout-mode="dark"] .faqTable .title .webix_cell {
  --rp-title-color: var(--rp-neutral-500);
}
#noticesTable .created-date,
#faqTableDiv .created-date {
  color: var(--rp-neutral-600);
}
[data-layout-mode="dark"] #noticesTable .created-date,
[data-layout-mode="dark"] #faqTableDiv .created-date {
  color: var(--rp-neutral-300);
}
.attach-file {
  margin-top: 62px;
  padding: 12px 16px 0 16px;
  border: 1px solid var(--rp-border-color);
  border-radius: var(--rp-border-radius-lg);
}

/* Monitoring */
.monitoring .tab-content .tab-pane.active .row {
  height: calc(100% - 500px);
}
.monitoring .nav.nav-tabs .nav-link,
.strategy .nav.nav-tabs .nav-link {
  min-width: 130px;
}
.monitoring-widget {
  padding: 2.125rem 0;
}
.monitoring-widget .progress-bar {
  background-color: var(--rp-darkblue-900);
}
.monitoring-widget .col {
  border-right: 1px solid var(--rp-neutral-300);
}
.monitoring-widget .col:last-child {
  border-right: none;
}
.monitoring-widget .icon-bullet {
  width: 12px;
  height: 12px;
  vertical-align: baseline;
}
[data-layout-mode="dark"] .monitoring-widget .col {
  border-color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .monitoring-widget h6 {
  color: var(--rp-neutral-300) !important;
}
[data-layout-mode="dark"] #aiAlarmCountWrap label {
  color: var(--rp-neutral-200) !important;
}
[data-layout-mode="dark"] .monitoring-widget .progress-bar {
  background-color: var(--rp-blue-900);
}
@media (max-width: 1199.98px) {
  .monitoring-widget {
    padding: 1.875rem 0;
  }
}
@media (min-width: 1200px) and (max-width: 1644.98px) {
  .monitoring-widget > .col:nth-child(3n) {
    border-right: none;
  }
}
@media (max-width: 1199.98px) {
  .monitoring-widget > .col:nth-child(2n) {
    border-right: none;
  }
}
@media (min-width: 1672px) {
  .monitoring-widget .col {
    width: 20%;
  }
}
.monitoring {
  margin-top: 20px;
}
.monitoring .row {
  --rp-gutter-x: 11px;
  --rp-gutter-y: 12px;
}
.monitoring .btn {
  display: flex;
  padding: 12px 14px 12px 15px;
  border-radius: 5px;
  border: solid 1px var(--rp-neutral-300);
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.monitoring .btn i {
  margin-right: 10px;
}
.monitoring .btn span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monitoring .btn.state1,
.monitoring .btn.state2 {
  background-color: var(--rp-neutral-50);
  color: var(--rp-neutral-800);
}
.monitoring .btn.state1:hover,
.monitoring .btn.state2:hover {
  padding: 11px 12px 11px 14px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: var(--rp-neutral-0);
}
.monitoring .btn.state1:hover {
  border: solid 1.5px var(--rp-blue-800) !important;
}
.monitoring .btn.state2:hover {
  border: solid 1.5px var(--rp-danger) !important;
}
.monitoring .btn.state3 {
  background-color: var(--rp-neutral-200);
  color: var(--rp-neutral-400);
}
.monitoring .simplebar-wrapper {
  margin-top: 1px;
}
.monitoring .simplebar-track {
  right: -10px;
}
.monitoring .simplebar-scrollbar {
  width: 10px;
}
[data-layout-mode="dark"] .simplebar-scrollbar:before {
  background-color: var(--rp-neutral-800);
}
.state3-alert-wrap {
  position: sticky;
  right: 0;
  bottom: 1rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-right: -16px;
}
.state3-alert {
  height: 64px;
  margin-left: auto;
  padding: 14px 16px 15px;
  border-radius: 40px;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--rp-darknavy-900);
}
.state3-alert.disalbed {
  background-color: var(--rp-neutral-300);
  box-shadow: none;
}
.state3-alert a:hover {
  color: var(--rp-body-bg-2);
}
.state3-alert [class*="rpi"] {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(43deg) brightness(102%) contrast(101%);
}
.state3-alert h5 {
  color: var(--rp-white);
}
.state3-alert .vr {
  background-color: var(--rp-white);
}
.ai-alarms-count-btn {
  min-width: 34px;
  height: 34px;
  padding: 7px 12px;
  color: var(--rp-white);
  text-align: center;
  font-weight: bold;
}
[data-layout-mode="dark"] .monitoring .btn.state1,
[data-layout-mode="dark"] .monitoring .btn.state2 {
  background-color: var(--rp-neutral-800);
  border-color: var(--rp-neutral-700);
  color: var(--rp-neutral-100);
}
[data-layout-mode="dark"] .monitoring .btn.state3 {
  background-color: var(--rp-neutral-850);
  border-color: var(--rp-neutral-700);
  color: var(--rp-neutral-500);
}
[data-layout-mode="dark"] .state3-alert {
  background-color: var(--rp-neutral-0);
  color: var(--rp-neutral-900);
}
[data-layout-mode="dark"] .state3-alert.disalbed {
  background-color: var(--rp-neutral-600);
  color: var(--rp-neutral-900);
}
[data-layout-mode="dark"] .state3-alert [class*="rpi"] {
  filter: none;
}
[data-layout-mode="dark"] .state3-alert h5 {
  color: var(--rp-neutral-900);
}
[data-layout-mode="dark"] .state3-alert .vr {
  background-color: var(--rp-neutral-900);
}

/* 고객통화모니터링 팝업 */

.monitoring-cscalls > *:first-of-type {
  z-index: 1;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 767.98px) {
  .monitoring-cscalls > *:first-child {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .monitoring-cscalls > *:first-child {
    width: 332px;
    max-width: 332px;
  }
}

.monitoring-cscalls > *:first-child {
  background-color: var(--rp-neutral-100);
}

.monitoring-cscalls > *:last-child {
  background-color: var(--rp-neutral-0);
}
.monitoring-cscalls .choice-call {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  background-color: var(--rp-darknavy-600);
}
.monitoring-cscalls .error-call {
  border-top: 1px solid var(--rp-neutral-300);
}
[data-layout-mode="dark"] .monitoring-cscalls > *:first-child {
  background-color: var(--rp-neutral-900);
}
[data-layout-mode="dark"] .monitoring-cscalls > *:last-child {
  background-color: var(--rp-neutral-850);
}
[data-layout-mode="dark"] .monitoring-cscalls .choice-call {
  background-color: var(--rp-neutral-700);
}
[data-layout-mode="dark"] .monitoring-cscalls .error-call {
  border-top: 1px solid var(--rp-neutral-800);
}
.abnormal-list {
  height: 400px;
}

/* .monitoring-cscalls .chat-conversation  {
    height: 400px;
} */
@media (min-width: 768px) {
  .abnormal-list {
    height: calc(100vh - 400px);
  }
}
.abnormal-list .simplebar-track.simplebar-vertical {
  right: -22px;
}
.abnormal-list .simplebar-wrapper,
.abnormal-list .simplebar-height-auto-observer-wrapper {
  overflow-x: hidden !important;
}

.monitoring-cscalls .choice-call p,
.monitoring-cscalls .abnormal-list li p,
.monitoring-cscalls .center-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monitoring-cscalls .center-name {
  max-width: calc(100% - 50px);
  margin-right: 5px;
}
.monitoring-cscalls .call-start-time {
  color: var(--rp-neutral-900);
}
.monitoring-cscalls .call-monitoring-start-time {
  color: var(--rp-neutral-400);
}
.monitoring-cscalls .current-scenario-info {
  color: var(--rp-neutral-500);
  font-size: 13px;
}
.monitoring-cscalls .call-ani {
  color: var(--rp-neutral-800);
}
.monitoring-cscalls .call-timer {
  color: var(--rp-blue-900);
}

[data-layout-mode="dark"] .monitoring-cscalls .current-scenario-info {
  color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .monitoring-cscalls .call-ani {
  color: var(--rp-neutral-100);
}
.monitoring-cscalls .choice-call > div,
.monitoring-cscalls .abnormal-list li > div {
  overflow: hidden;
}
.monitoring-cscalls .abnormal-list li {
  position: relative;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-bottom: 10px;
  padding: 12px 16px;
  border-radius: 10px;
  background-color: var(--rp-neutral-0);
}
.monitoring-cscalls .abnormal-list li:hover {
  border: solid 1px var(--rp-danger);
}
.monitoring-cscalls .abnormal-list .badge {
  position: absolute;
  top: 14px;
  left: calc(100% - 14px);
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  padding: 0.25rem !important;
  border-radius: 50% !important;
}
.monitoring-cscalls .abnormal-list li .call-scenario-name {
  color: var(--rp-neutral-800);
}
.monitoring-cscalls .abnormal-list li .center-name {
  color: var(--rp-neutral-600);
}
.monitoring-cscalls .abnormal-list li .call-start-time {
  color: var(--rp-neutral-400);
}
.monitoring-cscalls .abnormal-list li .call-ani {
  color: var(--rp-neutral-400);
}

[data-layout-mode="dark"] .monitoring-cscalls .abnormal-list li {
  background-color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .monitoring-cscalls .abnormal-list li .call-scenario-name {
  color: var(--rp-white);
}
[data-layout-mode="dark"] .monitoring-cscalls .abnormal-list li .center-name {
  color: var(--rp-neutral-300);
}
[data-layout-mode="dark"] .monitoring-cscalls .abnormal-list li .call-start-time {
  color: var(--rp-neutral-500);
}

/* 고객통화 모니터링 대화창 */
#realtimeChatModal .modal-content {
  max-height: 960px;
}
.monitoring-cscalls-empty {
  display: none;
  height: 60px;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  align-items: center;
  padding: 20px 0 21px;
  border: 1px solid var(--rp-border-color);
  border-radius: 10px;
  background-color: var(--rp-body-bg-2);
  color: var(--rp-neutral-400);
  font-size: 12px;
  font-weight: normal;
}
[data-layout-mode="light"] .monitoring-cscalls-empty {
  --rp-border-color: var(--rp-neutral-100);
}
.monitoring-cscalls {
  height: 100%;
}
.monitoring-cscalls .chat-conversation {
  color: var(--rp-blue-50);
}
.chat-conversation .simplebar-content-wrapper .simplebar-content {
  margin-top: 0;
}
.monitoring-cscalls .chat-conversation .call-start-body > div,
.monitoring-cscalls .chat-conversation .call-end-body > div {
  background-color: var(--rp-blue-200);
  color: var(--rp-neutral-900);
}
.monitoring-cscalls .chat-conversation .call-session-id {
}
.monitoring-cscalls .conversation-list .ctext-wrap-content .ctext-content {
  font-size: 13px;
}
[data-layout-mode="dark"] .monitoring-cscalls .chat-conversation {
  background-color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .monitoring-cscalls .chat-conversation .call-start-body > div,
[data-layout-mode="dark"] .monitoring-cscalls .chat-conversation .call-end-body > div {
  background-color: var(--rp-darkblue-700);
}
[data-layout-mode="dark"] .monitoring-cscalls .chat-conversation .call-start-body > div p:nth-of-type(1),
[data-layout-mode="dark"] .monitoring-cscalls .chat-conversation .call-end-body > div p:nth-of-type(1) {
  color: var(--rp-neutral-0);
}
[data-layout-mode="dark"] .monitoring-cscalls .chat-conversation .call-start-body > div p:nth-of-type(2),
[data-layout-mode="dark"] .monitoring-cscalls .chat-conversation .call-end-body > div p:nth-of-type(2),
[data-layout-mode="dark"] .monitoring-cscalls .chat-conversation .call-session-id {
  color: var(--rp-neutral-100);
}
.select-counsel-canvas {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.select-counsel-canvas .guide-text {
  font-size: 12px;
  font-weight: 400;
  color: var(--rp-neutral-600);
}
[data-layout-mode="dark"] .select-counsel-canvas .guide-text {
  color: var(--rp-neutral-300);
}
.monitoring-cscalls .select-counsel-wrap {
  margin-top: 10px;
}
.monitoring-cscalls .btn-group-vertical.select-counsel {
  width: 100%;
  margin-top: 1px;
}
.monitoring-cscalls .select-counsel-wrap .simplebar-scrollbar {
  right: 0;
}
.monitoring-cscalls .select-counsel-wrap .simplebar-track {
  right: 4px;
}
.monitoring-cscalls .select-counsel .btn {
  display: flex;
  padding: 0.75rem;
  border-radius: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: left;
  background-color: var(--rp-white);
  color: var(--rp-neutral-600);
}
.monitoring-cscalls .select-counsel .btn strong {
  color: var(--rp-darkblue-800);
}
.monitoring-cscalls .select-counsel .btn-check:checked + .btn strong {
  color: var(--rp-primary) !important;
}
.monitoring-cscalls .select-counsel .btn-check:checked + .btn,
.monitoring-cscalls .select-counsel :not(.btn-check) + .btn:active,
.monitoring-cscalls .select-counsel .btn:first-child:active,
.monitoring-cscalls .select-counsel .btn.active,
.monitoring-cscalls .select-counsel .btn.show {
  color: var(--rp-primary) !important;
  border: solid 1px var(--rp-primary);
}
.monitoring-cscalls .select-counsel .btn-check:checked + .btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: auto;
  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='M7.025 11.855a1 1 0 0 1-1.398.041L2.649 9.148A.841.841 0 0 1 3.78 7.9l2.567 2.277 5.88-6.118a.833.833 0 1 1 1.2 1.154l-6.401 6.642z' fill='%234580f7'/%3E%3C/svg%3E%0A");
}
[data-layout-mode="dark"] .monitoring-cscalls .select-counsel .btn {
  background-color: transparent;
  border-color: var(--rp-neutral-800);
  color: var(--rp-neutral-300);
}
[data-layout-mode="dark"] .monitoring-cscalls .select-counsel .btn strong {
  color: var(--rp-blue-900);
}
[data-layout-mode="dark"] .monitoring-cscalls .select-counsel .btn-check:checked + .btn strong {
  color: var(--rp-blue-800);
}
[data-layout-mode="dark"] .monitoring-cscalls .select-counsel .btn-check:checked + .btn,
[data-layout-mode="dark"] .monitoring-cscalls .select-counsel :not(.btn-check) + .btn:active,
[data-layout-mode="dark"] .monitoring-cscalls .select-counsel .btn:first-child:active,
[data-layout-mode="dark"] .monitoring-cscalls .select-counsel .btn.active,
[data-layout-mode="dark"] .monitoring-cscalls .select-counsel .btn.show {
  color: var(--rp-blue-800) !important;
  border-color: var(--rp-blue-800);
}

@media (max-width: 767.98px) {
  #realtimeChatModal .modal-dialog.modal-dialog-bottom-right {
    margin: 0.5rem;
  }
}

@media (min-width: 768px) {
  #realtimeChatModal .modal-dialog.modal-dialog-bottom-right {
    width: 700px;
    min-height: calc(100% - 60px);
    margin-right: 40px;
  }
  #realtimeChatModal .modal-dialog.modal-dialog-bottom-right .modal-content {
    height: calc(100% - 60px);
    max-height: 960px;
  }
}

@media (max-width: 1279.98px) {
  .monitoring-cscalls > .col:last-child > .row {
    height: calc(100% - 90px);
  }
  .monitoring-cscalls .chat-conversation {
    height: calc(100vh - 336px);
  }
  .monitoring-cscalls .conversation-list .ctext-wrap-content {
    --rp-chat-wrap-content-width: 235px;
  }
  .monitoring-cscalls .chat-conversation .right .ctext-wrap-content {
    --rp-chat-wrap-content-width: 272px;
  }
  /* 상담사 연결 오픈시 */
  .monitoring-cscalls.transfer-counselor > .col:last-child > .row {
    height: calc(100% - 89px);
  }
  .monitoring-cscalls.transfer-counselor > .col:last-child > .row > .col {
    height: 51%;
  }
  .monitoring-cscalls.transfer-counselor > .col:last-child > .row > .col-auto {
    height: calc(49% + 51px);
  }
  .monitoring-cscalls.transfer-counselor .chat-conversation {
    height: calc(50vh - 181px);
  }
  .monitoring-cscalls.transfer-counselor .select-counsel-canvas {
    display: block !important;
    width: 100%;
    margin-top: -51px;
  }
}

@media (min-width: 1280px) {
  #realtimeChatModal .modal-dialog.modal-dialog-bottom-right {
    width: 1200px;
    min-height: calc(100% - 60px);
  }
  .monitoring-cscalls .chat-conversation {
    position: relative;
    height: calc(100vh - 314px) !important;
  }
  .monitoring-cscalls .select-counsel-canvas {
    width: 300px;
    border-left: 1px solid var(--rp-border-color);
  }
  .monitoring-cscalls .select-counsel-canvas .card .card-body {
    height: calc(100vh - 308px);
  }
  .monitoring-cscalls .select-counsel-canvas .select-counsel-wrap {
    height: calc(100% - 83px);
  }
  .monitoring-cscalls .conversation-list .ctext-wrap-content,
  .monitoring-cscalls .chat-conversation .right .ctext-wrap-content {
    --rp-chat-wrap-content-width: 360px;
  }
  .monitoring-cscalls .chat-conversation .right .ctext-wrap-content.warning {
    --rp-chat-wrap-content-width: 400px;
  }
  .monitoring-cscalls.transfer-counselor .select-counsel-canvas {
    display: block !important;
  }
}

/* 콜봇시나리오 */
.edit-conversation .modal-body {
  border-radius: 0 0 1.25rem 1.25rem;
}
.edit-conversation .sys-message {
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  justify-content: flex-start;
  padding: 8px;
  border-radius: 5px;
  border: solid 1px var(--rp-neutral-300);
  background-color: var(--rp-body-bg-2);
  gap: 0.5rem;
}
[data-layout-mode="dark"] .edit-conversation .sys-message {
  border-color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .edit-conversation .sys-message > div {
  background-color: var(--rp-darkblue-700);
  color: var(--rp-neutral-0) !important;
}
.edit-conversation .sys-message > div {
  padding: 6px 12px;
  border-radius: 5px;
  background-color: var(--rp-blue-200);
}
#LGU_SCEN_02P .choices__inner {
  padding: 0;
  border: none;
  background-color: transparent;
}
#LGU_SCEN_02P .choices__list--multiple .choices__item {
  max-width: 200px;
  margin-top: 0;
  margin-right: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#LGU_SCEN_02P .choices__list--multiple .choices__item.is-highlighted {
  border-color: var(--rp-darkblue-800);
}

/* 발신전략관리 */
.strategy .tab-content .tab-pane.active .row {
  height: calc(100% - 500px);
}
.redial-rank {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  padding: 8px;
  border-radius: 10px;
  border: solid 1px var(--rp-neutral-300);
  background-color: var(--rp-neutral-0);
  color: var(--rp-body-color-2);
}
.redial-rank .redial-rank-item {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 6px 8px;
  border-radius: 5px;
  background-color: var(--rp-blue-200);
}
#LGU_STRATEGY_02P .choices[data-type*="text"] .choices__inner,
#LGU_STRATEGY_05P .choices[data-type*="text"] .choices__inner,
#LGU_CSCENTER_02P .choices[data-type*="text"] .choices__inner {
  padding: 4px 0 4px 0.5rem;
  border-radius: 10px !important;
  border-color: var(--rp-neutral-200);
}
#LGU_CSCENTER_02P .choices__list--multiple .choices__item {
  width: 31.25% !important;
}
@media (min-width: 768px) {
  #LGU_STRATEGY_02P .choices__list--multiple .choices__item,
  #LGU_STRATEGY_05P .choices__list--multiple .choices__item,
  #LGU_CSCENTER_02P .choices__list--multiple .choices__item {
    position: relative;
    width: 32.345%;
    margin-bottom: 0;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #LGU_STRATEGY_02P .choices[data-type*="select-multiple"] .choices__button,
  #LGU_STRATEGY_02P .choices[data-type*="text"] .choices__button,
  #LGU_STRATEGY_05P .choices[data-type*="select-multiple"] .choices__button,
  #LGU_STRATEGY_05P .choices[data-type*="text"] .choices__button,
  #LGU_CSCENTER_02P .choices[data-type*="select-multiple"] .choices__button,
  #LGU_CSCENTER_02P .choices[data-type*="text"] .choices__button {
    position: absolute;
    top: 7px;
    right: 12px;
  }
}
[data-layout-mode="dark"] .redial-rank {
  background-color: var(--rp-neutral-900);
  border-color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .redial-rank .redial-rank-item {
  background-color: var(--rp-darkblue-700);
  border-color: transparent;
  color: var(--rp-white);
}

/* Call history */
.callhistory-detail {
  background-color: var(--rp-neutral-0);
}
.callhistory-list {
  background-color: var(--rp-neutral-0);
}
.chat-conversation .chat-time-info {
  background-color: var(--rp-blue-200);
  font-weight: 400;
  color: var(--rp-body-color-2);
}
.wave-card {
  background-color: var(--rp-neutral-0);
  border-color: var(--rp-neutral-200);
}
.wave-card .btn-play-group {
  position: absolute;
  left: calc(50% - 65px);
}
[data-layout-mode="dark"] .callhistory-detail {
  background-color: var(--rp-neutral-850);
  border-color: var(--rp-neutral-200);
}
.callhistory-detail .title {
  color: var(--rp-neutral-500);
}
[data-layout-mode="dark"] .callhistory-detail .title {
  color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .callhistory-list {
  border-color: var(--rp-neutral-700) !important;
  background-color: transparent;
}
[data-layout-mode="dark"] .chat-conversation .chat-time-info {
  background-color: var(--rp-darkblue-700);
  color: var(--rp-neutral-0);
}
[data-layout-mode="dark"] .wave-card {
  background-color: var(--rp-neutral-850);
  border-color: var(--rp-neutral-700);
}

/* 시나리오 관리 */
#callbotScenarioTable .workspace-name {
  
}
/* 고객센터 관리 > U+메시지허브 연결 설정 */
.message-hub-guide-box {
  padding: 7px 14px;
  border: 1px solid var(--rp-border-color);
  border-radius: var(--rp-border-radius-lg);
  background-color: var(--rp-body-bg-2);
  color: var(--rp-body-color-2)
}

/* 전체 상담 내역 */
#callHistoryTable .webix_dtable .btn {
  min-width: 45px;
}
/* 전체 상담 내역 > 고객 입력 정보 내려받기 Modal */
.card-excel-header .card-body {
  padding: 24px 32px 32px 32px;
}
.card-excel-header .nested-list-number {
  display: inline-flex;
  gap: 0.5rem;
  margin: 0 32px 6px 0;
}
.card-excel-header.nested-list-centered .nested-list-number {
  display: flex;
  justify-content: center;
  margin-right: 0;
}
.card-excel-header .nested-list-number > span {
  min-width: 122px;
  height: 18px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: var(--rp-neutral-300);
}
.card-excel-header .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  top: 9px;
  height: 4px;
}

/* 전체상담내역 > 대화록 보기 */
#recordModal {
  --rp-record-height: calc(100vh - 527px);
}
#recordModal .chat-record,
#recordModal .record-marking {
  height: var(--rp-record-height);
}
#recordModal .chat-minsize .chat-record,
#recordModal .chat-minsize .record-marking {
  --rp-record-height: calc(100vh - 655px);
}
.list-group.list-record-marking {
  --rp-list-group-item-padding-x: 1.5rem;
  --rp-list-group-item-padding-y: 1rem;
  --rp-list-group-border-radius: var(--rp-border-radius-lg);
  --rp-list-group-color: var(--rp-body-color-2);
  --rp-list-group-gap: .5rem;

  gap: var(--rp-list-group-gap);
}
.list-group.list-record-marking .list-group-item {
  border-radius: inherit;
  gap: var(--rp-list-group-gap);
  background-color: var(--rp-list-group-bg);
}
.list-group.list-record-marking .list-group-item .label {
  color: var(--rp-neutral-500);

  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 80px;
  font-weight: 600;
}
.chat-record .simplebar-vertical .simplebar-scrollbar,
.record-marking .simplebar-vertical .simplebar-scrollbar {
  right: 4px;
  width: 4px;
}

/* 전체상담내역 > 대화록 보기 > 내려받기 사유 선택 */
#downloadRecordingConfirmModal .choices__list--dropdown .choices__list {
  max-height: 113px !important;
}

/* 고객센터 관리 > 아이디별 이용 내역 */
#loginLogTable .btn.btn-sm {
  min-width: 45px;
}

/*전광판*/
.elec-display {
}
.display-page-wrapper {
  background-color: var(--rp-darknavy-900);
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
.display-page-wrapper .bg-overlay-img {
  position: fixed;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  background-image: url(/assets/images/bg-display-01-09cac8f69ff752c3281b1f87a406ce34.webp) !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.display-page-wrapper .bg-overlay {
  position: fixed;
  background: linear-gradient(to bottom, rgba(23, 27, 38, 0) 0%, rgba(23, 27, 38, 0.4) 30%, rgba(23, 27, 38, 0.9) 64%, var(--rp-darknavy-900) 80%);
  opacity: 1;
}
.display-page-wrapper .display-page-content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 50px 90px 53px 90px;
}
.display-page-wrapper.display-edit .display-page-content {
  padding: 50px 73px 53px 90px;
}
.display-page-wrapper.display-edit,
.display-page-wrapper.display-edit .bg-overlay-img,
.display-page-wrapper.display-edit .bg-overlay {
  width: calc(100% - 419px);
  -webkit-transition: none;
  transition: none;
}
.display-page-wrapper.display-edit .display-page-content .btn-widget,
.display-page-wrapper .edit-row .btn-close {
  display: none;
}
.display-edit .display-page-content .row {
  /*  margin-bottom: 24px; */
}
.elec-display .display-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  max-width: 100%;
  height: 100%;
  box-shadow: 1px 3px 25px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--rp-neutral-900);
  right: 0;
  z-index: 2;
  /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: var(--rp-offcanvas-color);
  outline: 0;
  box-shadow: 1px 3px 25px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--rp-neutral-900);
}
.display-sidebar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 58px 42px 27px 42px;
  border-bottom: 2px solid var(--rp-neutral-800);
}
.display-sidebar-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.51px;
}
.display-sidebar-header .btn-close {
  padding: 14px 90px 14px 21px;
  background-image: url("/assets/images/svg/icon_24px_close_L-a0fc0526a269f1ffea7f47516d3dcbde.svg");
  background-color: transparent;
}
.elec-display .display-sidebar .display-sidebar-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  width: 376px;
  height: calc(100% - 278px);
  margin-right: 88px;
  padding: 32px 20px 0 42px;
}
.elec-display .display-sidebar .display-sidebar-backdrop {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 400px;
  background-image: linear-gradient(177deg, rgba(24, 26, 27, 0) 2%, var(--rp-neutral-900) 68%);
}
.elec-display .display-sidebar .display-sidebar-body .simplebar-scrollbar:before {
  background: var(--rp-bluegrey-500);
}
.elec-display .display-sidebar .display-sidebar-body .gap-2 {
  gap: 12px !important;
}
.display-sidebar .display-sidebar-footer {
  z-index: 2;
  position: relative;
  padding: 20px 105px 60px 30px;
}
.display-sidebar .display-sidebar-footer .btn {
  height: 72px;
  font-size: 30px;
  border-radius: 10px;
}
.display-sidebar .display-sidebar-footer .btn:disabled {
  background-color: var(--rp-neutral-800);
  color: var(--neutrla-400);
}
.display-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  margin-bottom: 48px;
  justify-content: center;
}
.display-title .display-logo {
  position: absolute;
  left: 0;
}
.display-title .btn-widget {
  position: absolute;
  right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 34px;
  color: var(--rp-white);
  text-decoration: none;
}
.display-title .btn-widget i::before {
  vertical-align: sub;
}
.display-item-warpper > .row {
  --rp-gutter-x: 25px;
  margin-bottom: 23px;
}
.elec-display .row > * {
  padding-right: calc(25px * 0.5);
  padding-left: calc(25px * 0.5);
}
.display-item-warpper > .row.g-4,
.display-item-warpper > .row.gx-4 {
  --rp-gutter-x: 48px;
}
.display-item-warpper > .row.g-4,
.display-item-warpper > .row.gy-4 {
  --rp-gutter-y: 48px;
}
.display-item-warpper > .row.gy-3 {
  --rp-gutter-y: 23px;
}
.display-page-content .card {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  border-radius: 20px;
  border: solid 4px rgba(var(--rp-white-rgb), 0.2);
  box-shadow: 0 16px 22px 0 rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}
.display-page-content .card-body {
  height: 340px;
  padding: 30px 30px 40px 30px;
  border-radius: 20px;
}
.display-edit .display-page-content .card-body {
  height: 293px;
}
.card-display-1 {
  background-color: var(--rp-bluegrey-400);
}
.card-display-1 .card-body {
  background: linear-gradient(to top, var(--rp-bluegrey-400) 0%, var(--rp-bluegrey-600) 100%);
}
.card-display-2 {
  background-color: var(--rp-red-600);
}
.card-display-2 .card-body {
  background: linear-gradient(to top, #e83d35 0%, var(--rp-red-600) 100%);
}
.card-display-3 {
  background-color: #5c0e99;
}
.card-display-3 .card-body {
  background: linear-gradient(to top, var(--rp-purple-400) 0%, #5c0e99 100%);
}
.card-display-4 {
  background-color: var(--rp-orange-400);
}
.card-display-4 .card-body {
  background: linear-gradient(to top, var(--rp-orange-400) 0%, var(--rp-orange-700) 100%);
}
.display-edit .edit-row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 24px;
  padding: 30px 17.5px 6px 17.55px;
  border-radius: 30px;
  border: solid 3px var(--rp-neutral-700);
  background-color: var(--rp-darknavy-900);
}
.display-edit .display-page-content > .row {
  --rp-gutter-x: 24px !important;
  --rp-gutter-y: 24px !important;
}
.display-edit .display-page-content > .row > .row {
  --rp-gutter-x: 21px !important;
  --rp-gutter-y: 0 !important;
}
.display-edit .edit-row .btn-close {
  display: block;
  position: absolute;
  top: -16px;
  right: 30px;
  padding: 0;
  background-color: transparent;
  background-image: none;
}
.display-edit .btn-close i::before {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}
.elec-display [class*="bh"] {
  margin-bottom: 20px;
  color: var(--rp-white);
}
.elec-display :is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0;
  color: var(--rp-white);
}
.display-page-wrapper.display-edit #display-1 .bh1 {
  font-size: 90px;
  bottom: -17px;
}
.display-page-wrapper.display-edit #display-2 .bh1,
.display-page-wrapper.display-edit #display-3 .bh2 {
  font-size: 76px;
  letter-spacing: -1.14px;
  bottom: -10px;
}
.display-page-wrapper.display-edit #display-3 .bh4 {
  font-size: 46px;
  letter-spacing: -0.69px;
}
.display-page-wrapper.display-edit #display-4 .bh2,
.display-page-wrapper.display-edit #display-5 .bh2,
.display-page-wrapper.display-edit #display-6 .bh2 {
  font-size: 62px;
  letter-spacing: -0.93px;
  bottom: 0;
}
.display-page-wrapper.display-edit .bh7 {
  font-size: 34px;
  letter-spacing: -0.51px;
}
.display-page-wrapper.display-edit .bh8 {
  font-size: 30px;
}
.bh1 {
  font-size: 120px;
  letter-spacing: -1.8px;
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.4);
}
.bh2 {
  font-size: 90px;
  letter-spacing: -1.8px;
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.4);
}
.bh4 {
  font-size: 62px;
  letter-spacing: -1.8px;
}
.bh5 {
  font-size: 58px;
  letter-spacing: -0.87px;
}
.bh7 {
  font-size: 40px;
  letter-spacing: -0.6px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.bh8 {
  font-size: 34px;
  letter-spacing: 0.51px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.display-page-content .icon-bullet {
  width: 26px;
  height: 26px;
  vertical-align: baseline;
}
.display-page-content .display-value {
  position: absolute;
  left: 50%;
  bottom: -40px;
  width: auto;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.4);
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.display-page-content .display-value.bh2 {
  bottom: -20px;
}
.display-page-content .display-value.bh4 {
  bottom: 0;
}
.display-edit .display-page-content .display-value.bh4 {
  bottom: 10px;
}
.display-page-wrapper.display-edit .panel_target {
  border: dashed 3px var(--rp-neutral-700);
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(/assets/images/svg/icon_48px_add-46b06392f73e428f292a399f6deeda4a.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.elec-display .display-sidebar .display-sidebar-body .simplebar-track.simplebar-vertical {
  top: 32px;
}

/* 개인정보처리방침 */
.policy {
  overflow: hidden;
  background-color: var(--rp-body-bg-2);
}
.policy #page-topbar {
  position: inherit;
  left: 0;
  height: 112px;
}
.policy #page-topbar .page-title-box {
  padding: 40px 40px 31px 40px;
  border-bottom: 1px solid var(--rp-neutral-300);
}
.policy #page-topbar .page-title-box h1 {
  font-size: 2.125rem;
}
.policy #page-topbar .page-title-box h2 {
  color: var(--rp-body-color);
}
.policy .page-title-box .choices {
  margin-left: 20px;
}
.policy :is(.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl) {
  max-width: 100%;
}
.policy .main-content {
  margin-left: 0;
}
.policy .page-content {
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  background-color: var(--rp-body-bg-2);
}
.policy .policy-body {
  /* --policyHeight: 196px;
    --policyTopbarHeight: 113px; */
  max-height: 700px;
  padding: 28px 40px 28px;
  /* height: calc(100vh - var(--policyTopbarHeight) - var(--policyHeight) - 60px); */
}
@media (max-width: 1919.98px) {
  .policy .policy-body {
    /* height: calc(100vh - 454px); */
  }
}
@media (max-width: 1359px) {
  .policy .policy-body {
    /* height: calc(100vh - 473px); */
  }
}
.policy .simplebar-track.simplebar-vertical {
  right: 17px;
}
.policy .simplebar-scrollbar {
  width: 10px;
  right: 0px;
}
.policy .footer {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-height: 1079.98px) {
  .policy .policy-body {
    max-height: 600px;
  }
  .policy .footer {
    position: relative;
    left: 0;
  }
}
.policy .footer .footer-logo {
  margin-right: 10px;
}

/* Toast UI */
#start-timepicker,
#end-timepicker {
  width: auto !important;
}
.tui-timepicker {
  top: 0;
  padding: 0 !important;
  background-color: transparent !important;
  text-align: left;
}
.tui-timepicker input,
.tui-timepicker select {
  font-size: 14px;
  font-weight: 500;
}
.tui-timepicker-select {
  width: 100%;
  height: 35px;
  padding: 0px 20px 0 12px;
  border: 1px solid var(--rp-neutral-300);
  background-color: var(--rp-white);
}
.tui-timepicker .tui-timepicker-select {
  border-radius: 5px;
}
.tui-timepicker-body .tui-timepicker-colon,
.tui-timepicker-footer .tui-timepicker-colon {
  text-align: center;
}
.tui-timepicker-column {
  width: calc(50% - 18px / 2);
}
[data-layout-mode="dark"] .tui-timepicker-select {
  background-color: var(--rp-neutral-900);
  color: var(--rp-white);
  border-color: var(--rp-neutral-800);
}
[data-layout-mode="dark"] .tui-timepicker-select:focus {
  border-color: var(--rp-neutral-0);
}

/* Info Box  */
.info-box {
  background-color: var(--rp-neutral-200);
}
[data-layout-mode="dark"] .info-box {
  background-color: var(--rp-neutral-800);
  color: var(--rp-neutral-100);
}

[data-layout-mode="dark"] #agentCallListsModal .btn-back {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(0%) hue-rotate(50deg) brightness(103%) contrast(100%);
}

/* ETC */
.detail-box {
  background-color: var(--rp-body-bg-2);
}
.detail-box .title {
  color: var(--rp-neutral-500);
}
[data-layout-mode="dark"] .detail-box {
  background-color: var(--rp-neutral-850);
  border-color: var(--rp-neutral-200);
}
[data-layout-mode="dark"] .detail-box .title {
  color: var(--rp-neutral-400);
}

/* Webix */
.webix_el_datepicker {
  margin-right: -4px;
}

.webix_hcell.hoverSort:hover {
  width: 100%;
  overflow: hidden;
  background-image: url(/assets/images/svg/icon_20px_array_default-a048aca27dd9a1d82f2ff59c39578405.svg);
  background-repeat: no-repeat;
  background-position: 99% 51%;
  background-size: 16px auto;
}

.webix_hcell.hover-sort-asc:hover {
  width: 100%;
  overflow: hidden;
  background-image: url(/assets/images/svg/icon_20px_array_up-4d4a2c96ebe3ba5026e6301d2bfb3ea3.svg) !important;
  background-repeat: no-repeat;
  background-position: 99% 51%;
  background-size: 16px auto;
}

.webix_hcell.hover-sort-desc:hover {
  width: 100%;
  overflow: hidden;
  background-image: url(/assets/images/svg/icon_20px_array_down-e3b6773a6f9eaf9ed6b59158650c3a2c.svg) !important;
  background-repeat: no-repeat;
  background-position: 99% 51%;
  background-size: 16px auto;
}
.webix_hs_center {
  border-radius: 10px;
  background: var(--rp-blue-50);
}
[data-layout-mode="dark"] .webix_hs_center {
  background-color: var(--rp-neutral-800);
}
.table-hover {
  background-color: rgba(var(--rp-neutral-500-rgb), 0.1);
}
.two-line-table-margin .webix_cell {
  /*height: 75px;*/
  /*line-height: 17px;*/
  padding-top: 12px;
  padding-bottom: 12px;
}
.one-line-table-margin .webix_cell {
  padding-top: 14px;
  padding-bottom: 14px;
}

.table-row-span {
  background-color: var(--rp-card-bg) !important;
}

/* Webix File Uploader */
.filepond-root {
  position: relative;
}
.filepond-root .btn-help {
  position: absolute;
  top: -1px;
  left: 109px;
}
.filepond-wrap {
  --rp-filepond-bg: var(--rp-blue-200);
}
.filepond-wrap .webix_uploader,
.filepond-wrap .webix_el_box,
.filepond-wrap .webix_el_button {
  height: 36px;
  line-height: 36px !important;
}
.filepond-wrap .webix_list {
  width: auto !important;
  margin: 0 !important;
}
.filepond-wrap .webix_list_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px !important;
  padding: 6px 12px;
  background-color: var(--rp-filepond-bg);
  border-radius: 5px;
}
.filepond-wrap .webix_scroll_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  gap: 6px;
}
.filepond-wrap .webix_list_item .cancel_icon {
  margin-top: 0;
  width: 16px;
  height: 14px;
  padding-left: 12px;
}

/* Empty */
.modal .empty-case {
  min-height: 200px;
}
.empty-case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 260px;
  height: 100%;
}
.card-body.chart .empty-case > div.text-center {
  margin-top: -15px;
}
[data-layout-mode="dark"] .empty-case h3 {
  color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .empty-case h6 {
  color: var(--rp-neutral-500);
}