@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% - 60px);
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    overflow-y: hidden;
}
.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-aa8c74d100b1623d936284e12e5bb5f3.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-727ffa7367049887b8bf22642f75892d.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-7145f06ad30bbc5e3e361435dd6107ed.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-ec35d2754b56e12e0b0fb54c44d151ac.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-005a3e4e90ddd85e354d5695afccec94.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-0479667678b6c16d3e9ec16419d4a756.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-8793611f5453c1e7f780b56404804f1d.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-dcbc5c1abf3e56fb021088ba5309f0f0.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-f3218c6befd3f3b30b9d5ed87cfbec67.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 !important;
}
.chat-conversation .chat-conversation-list .chat-list.right .user-chat-content .ctext-wrap:first-of-type .ctext-wrap-content {
    border-top-right-radius: 0 !important;
}
.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: 260px
}
.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-50);
    padding: 1rem 1rem 27px 1rem;
    border-radius: 0;
}
[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: 1100;
    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);
}

.chat-conversation .simplebar-content-wrapper .simplebar-content {
    padding-bottom: 40px;
}

.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 - 290px);
    }
}
.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"] .ch
at-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-f3493305b02ac9a3b0c415c8dd51978f.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-9fc55f2e71fd8e2d64bca29f1c15de48.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-2f17a58987de527bd945da2b00a6c2cf.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-b7c9a47cbd0ed9b76b2ba4de38d64edd.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-c8868718cd0a2865d52bfa67378c5d7a.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 {
    height: 100%;
    min-height: inherit;
}
.empty-case {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 100%;
    text-align: center;
}
.card-body.chart .empty-case > div.text-center {
    margin-top: 0;
}
[data-layout-mode="dark"] .empty-case h3 {
    color: var(--rp-neutral-400);
}
[data-layout-mode="dark"] .empty-case h6 {
    color: var(--rp-neutral-500);
}


/*경민 수정*/

.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header-label {
    flex: 1;
}

.header-icon {
    width: 1.2em;
    margin-right: -11px;
    height: auto;
    color: #333;
    cursor: pointer;
}

.resizing-col {
    background-color: rgba(0, 123, 255, 0.15); /* 연한 파랑 배경 */
    transition: background-color 0.2s ease;
}

.modal-offcanvas-body,
.chat-conversation {
    padding: 0 !important;
}

@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 {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog-scrollable .modal-body + [data-simplebar="init"] {
    overflow-y: auto;
}
.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% - 60px);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    overflow-y: hidden;
}
.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: 11px 16px 13px 16px;
}

[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-aa8c74d100b1623d936284e12e5bb5f3.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-727ffa7367049887b8bf22642f75892d.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-7145f06ad30bbc5e3e361435dd6107ed.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-ec35d2754b56e12e0b0fb54c44d151ac.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-005a3e4e90ddd85e354d5695afccec94.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-0479667678b6c16d3e9ec16419d4a756.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-8793611f5453c1e7f780b56404804f1d.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-dcbc5c1abf3e56fb021088ba5309f0f0.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-f3218c6befd3f3b30b9d5ed87cfbec67.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: 260px
}
.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-max-width: 300px;
    --rp-chat-wrap-content-width: auto;
    --rp-chat-record-border-color: var(--rp-blue-50);
    padding: 1rem 1rem 27px 1rem;
    min-height: 550px;
}
.chat-conversation.chat-record .chat-conversation-list .chat-list .ctext-wrap-content,
#recordModal .chat-conversation-list .chat-list .ctext-wrap-content,
#chatModal  .chat-conversation-list .chat-list .ctext-wrap-content {
    width: var(--rp-chat-wrap-content-width, auto);
    max-width: var(--rp-chat-wrap-content-max-width, 300px) !important;
}

[data-layout-mode="dark"] .chat-conversation.chat-record {
    --rp-chat-record-border-color: #525960;
}
.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: 1100;
    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: #3B4044;
    color: var(--rp-neutral-0);
}
[data-layout-mode="dark"] .ctext-wrap-content {
    background-color: #242828;
    border: #f2f2f2 1px;
}
[data-layout-mode="dark"] .simplebar-content-wrapper {
    background-color: #242828;
}
[data-layout-mode="dark"] .modal-offcanvas-footer {
    background-color: #242828;
}
[data-layout-mode="dark"] .chat-input-feedback {
    background-color: #525960;
}
[data-layout-mode="dark"] .offcanvas-header {
    background-color: #3B4044;
}
[data-layout-mode="dark"] .card-header {
    background-color: #3B4044;
}
[data-layout-mode="dark"] .wave-card {
    background-color: var(--rp-neutral-850);
    border-color: var(--rp-neutral-700);
}
[data-layout-mode="dark"] .text-gradient {
    background: linear-gradient(270deg, #FF19F5 0%, #FA1BF5 20%, #EE22F6 40%, #D92DF8 61%, #BC3DFB 82%, #9E4EFF 100%);
}

/* 시나리오 관리 */
#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-f3493305b02ac9a3b0c415c8dd51978f.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-9fc55f2e71fd8e2d64bca29f1c15de48.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-2f17a58987de527bd945da2b00a6c2cf.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-b7c9a47cbd0ed9b76b2ba4de38d64edd.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-c8868718cd0a2865d52bfa67378c5d7a.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;
}
.webix_ss_body{
    overflow-x: hidden !important;
}
.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%;
}
#sttManagementModal .empty-case {
    margin-top: 40px;
    min-height: 360px;
    height: 100%;
}
#sttManagementModal .webix_ss_body{
    height: 100%;
    /*overflow-y: visible;*/
    overflow-x: hidden !important;
}
#sttManagementModal .modal .empty-case {
    min-height: 500px;
}

#sttManagementModal .card {
    height: 550px;
}

#sttManagementModal .chat-conversation.chat-record{
    height: 450px !important;
    min-height: 450px !important;
}

.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);
}


/*경민 수정*/

.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header-label {
    flex: 1;
}

.header-icon {
    width: 1.2em;
    margin-right: -11px;
    height: auto;
    color: #333;
    cursor: pointer;
}

.resizing-col {
    background-color: rgba(0, 123, 255, 0.15);
    transition: background-color 0.2s ease;
}

.text-gradient {
    font-weight: 400;
    font-size: 11px;
    line-height: 150%;
    display: flex;
    align-items: center;
    background: linear-gradient(270deg, #FF19F5 0%, #FA1BF5 20%, #EE22F6 40%, #D92DF8 61%, #BC3DFB 82%, #9E4EFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-left: 4px;
}

.text-divider {
    width: 1px;
    height: 10px;
    border-left: 1.5px solid var(--rp-neutral-600);
    margin: 0 6px;
    align-self: center;
}

.chat-conversation {
    padding: 16px 24px 65px 24px !important;
}

.chat-test-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.chat-test-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.chat-test-flex-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.table_status {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 10px;
    width: 52px;
    height: 23px;
    border-radius: 6px;
    background: #00308F;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.label-blue {
    background: #5692F2;
}
.label-red {
    background: #E8556D;
}

.upload-box {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    background: #F3F5F6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.upload-text {
    margin-top: 10px;
    color: #A8B3BD;
    font-size: 12px;
    font-weight: 500;
}

.centered-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35.2px;
    text-align: center;
}

/* 툴팁 */
.webix_tooltip {
    z-index: 9999 !important;
    max-width: 400px;
    width: auto !important;
    height: auto !important;
    overflow-wrap: break-word;
    word-break: break-word;
    background: #fff;
    color: #666;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 12px 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.12));
    font-size: 14px;
    white-space: normal;
    position: absolute;
    pointer-events: none;
}

body.modal-open .webix_tooltip{
    z-index: 9999;
}

.webix_tooltip:empty{ display: none !important; }

.webix_tooltip::before,
.webix_tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 12px;
    height: 12px;
}

.webix_tooltip::before {
    background: #eee;
}

.webix_tooltip::after {
    left: 1px;
    background: #fff;
}

/* 셀 래퍼: 아이콘 + 파일명 */
.blob-name-cell{
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
}

.blob-name-text{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.fi-24{
    flex: 0 0 24px;
    min-width: 24px;
    min-height: 24px;
    line-height: 1;
    transition: none;
}

#deployModal .webix_cell .rpi-pdf-ico,
#deployModal .webix_cell .rpi-xls-ico,
#deployModal .webix_cell .rpi-link-ico{
    transform: none;
}

#versionDetailModal .modal-body .row,
#versionDetailModal .modal-offcanvas-body .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#versionDetailModal .modal-body,
#versionDetailModal .modal-offcanvas-body,
#versionDetailModal .simplebar-content-wrapper,
#versionDetailModal .simplebar-content {
    overflow-x: hidden !important;
}

/* 대화록 모달 전용 */
#recordModal .chat-conversation {
    padding: 24px 32px !important;
    box-sizing: border-box !important;
}

#recordModal .chat-conversation-list .chat-list {
    display: flex !important;
    align-items: flex-start !important;
}

#recordModal .chat-conversation-list .chat-list .ctext-wrap-content {
    display: inline-block !important;
    padding: 8px 12px !important;
    border-radius: 12px 0 12px 12px !important;
    width: auto !important;
    word-break: break-word !important;
    white-space: normal !important;
}

#recordModal .chat-conversation-list .chat-list.left .ctext-wrap-content {
    max-width: 80% !important;
    border-radius: 12px 12px 12px 0 !important;
}

#recordModal .chat-conversation-list {
    overflow-x: hidden !important;
}

#chatModal .chat-conversation-list > li.chat-list:last-child {
    padding-bottom: 30px;
}


/* SVG 파일 */

.rpi-table-arrow {
    background-image: url('/assets/images/svg/icon_16px_table_arrow-8e669e61d49b586ba75900d554e1e520.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.rpi-table-arrow:hover {
    background-image: url('/assets/images/svg/icon_16px_table_hover-0389bfbfcb00292f26170d5d11fe6835.svg');
    cursor: pointer;
}

.rpi-llm-ico {
    background-image: url('/assets/images/svg/icon_11px_llm_ico-20495e70eab75d1e959a09f613723825.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 11px;
    height: 11px;
    display: inline-block;
}

.rpi-refresh-gray {
    background-image: url('/assets/images/svg/icon_16px_refresh_gray-8f3ddee7fbcbbc343496f407b1eb9d5c.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.rpi-send-ico {
    background-image: url('/assets/images/svg/icon_32px_send_ico-b97191d71f33b848caebecac326244d9.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.rpi-send-ico.disabled {
    background-image: url('/assets/images/svg/icon_32px_send_ico_dark-4a2bba504c10ac40f687dece1f60f104.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 32px;
    height: 32px;
    display: inline-block;
}

[data-layout-mode="dark"] .rpi-send-ico {
    background-image: url('/assets/images/svg/icon_32px_send_ico_dark-4a2bba504c10ac40f687dece1f60f104.svg');
    stroke: #A8B3BD !important;
}

[data-layout-mode="dark"] .rpi-send-ico.disabled {
    background-image: url('/assets/images/svg/icon_32px_send_ico_disabled-c2a8af6f8daf4ce932c819febd36f873.svg');
    stroke: #525960 !important;
}

.rpi-refresh-gray {
    background-image: url('/assets/images/svg/icon_16px_refresh_gray-8f3ddee7fbcbbc343496f407b1eb9d5c.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.rpi-management {
    background-image: url('/assets/images/svg/icon_16px_management-6bc3bc8453b2a231977c93d7e39173c6.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.rpi-history-ico {
    background-image: url('/assets/images/svg/icon_16px_history_ico-89a4eaa0e567c8c6eeb8a85ebf6326ec.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.rpi-picture-ico {
    background-image: url('/assets/images/svg/icon_24px_picture_ico-b7f80ecb1d706624dd9691bcdd6b9794.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.rpi-pdf-ico {
    background-image: url('/assets/images/svg/icon_16px_table_pdf_ico-2399087b7253bbf667e46c06fc7c4ddd.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px !important;
    height: 24px !important;
    display: inline-block;
}

.rpi-xls-ico {
    background-image: url('/assets/images/svg/icon_16px_table_xls_ico-21a2bc0ed6305e81f345b2fd323a7d54.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px !important;
    height: 24px !important;
    display: inline-block;
}

.rpi-link-ico {
    background-image: url('/assets/images/svg/icon_16px_table_link_ico-93fbffd1c2a21429eb231a37467d389a.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px !important;
    height: 24px !important;
    display: inline-block;
}

.rpi-re-ico {
    background-image: url('/assets/images/svg/icon_16px_rpi_re_ico-5df91a98a6ab3c2f1a3e1ce3ee2bafaa.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
}

.text-re-color {
    font-weight: 400;
    font-size: 11px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #7F8A94 !important;
    background-clip: text;
    margin-left: 4px;
}

.stt-modal-header-color{
    background-color: #EFF4FF;
}

[data-layout-mode="dark"]
.stt-modal-header-color{
    background-color: #3B4044;
}

[data-layout-mode="dark"]
.rpi-table-arrow,
[data-layout-mode="dark"]
.rpi-llm-ico,
[data-layout-mode="dark"]
.rpi-refresh-gray,
[data-layout-mode="dark"]
.rpi-management,
[data-layout-mode="dark"]
.rpi-history-ico,
[data-layout-mode="dark"]
.rpi-picture-ico,
[data-layout-mode="dark"]
.rpi-pdf-ico,
[data-layout-mode="dark"]
.rpi-xls-ico,
[data-layout-mode="dark"]
.rpi-link-ico,
[data-layout-mode="dark"]
.rpi-re-ico {
    filter: brightness(0) invert(1);
}