@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("../fonts/complead/plusjakartasans-v2-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url("../fonts/complead/plusjakartasans-v2-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url("../fonts/complead/inter-v4-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url("../fonts/complead/inter-v4-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/complead/ibmplexmono-v2-400-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/complead/ibmplexmono-v2-400-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/complead/ibmplexmono-v2-500-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/complead/ibmplexmono-v2-500-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --cl-font-head: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
    --cl-font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
    --cl-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    --cl-primary: var(--wl-primary, #002573);
    --cl-primary-ink: var(--cl-primary);
    --cl-primary-soft: #041f57;
    --cl-btn: var(--cl-primary);
    --cl-btn-hover: var(--cl-primary-soft);
    --cl-btn-danger: var(--cl-danger);
    --cl-btn-success: var(--success-button-color, #5f9ea0);
    --cl-btn-muted: var(--cl-ink-label);
    --cl-btn-muted-hover: var(--cl-ink-secondary);
    --cl-btn-muted-line: var(--cl-ink-label);
    --cl-btn-muted-ink: #ffffff;
    --cl-deep: #001a52;
    --cl-accent: var(--wl-accent, #FF5522);
    --cl-canvas: #fbfbf9;
    --cl-surface: #ffffff;
    --cl-panel: #ffffff;
    --cl-surface-muted: #f2f3f5;
    --cl-surface-hover: #f7f8f9;
    --cl-surface-toolbar: #fbfbf9;
    --cl-ink: #00133d;
    --cl-ink-secondary: #465472;
    --cl-ink-label: #647088;
    --cl-ink-muted: #465472;
    --cl-ink-faint: #abb1bd;
    --cl-on-dark-body: #ebeef4;
    --cl-on-dark-muted: #94a3c4;
    --cl-line-ice: #bccad6;
    --cl-line: #d3dde4;
    --cl-line-soft: #e4eaef;
    --cl-line-row: #e8ecf1;
    --cl-switch-on: #22a06b;
    --cl-switch-off: #bccad6;
    --cl-danger: var(--delete-button-color, #d03247);
    --cl-danger-soft: #fef3f5;
    --cl-danger-line: #f5c2c9;
    --cl-note-soft: #fff4e5;
    --cl-note-line: #ffe1bf;
    --cl-note-ink: #8a5200;
    --cl-radius-sm: 0;
    --cl-radius-md: 0;
    --cl-radius-lg: 0;
    --cl-shadow: 0 1px 3px rgba(0, 19, 61, .06), 0 1px 2px rgba(0, 19, 61, .04);
    --cl-shadow-float: 0 8px 24px rgba(0, 19, 61, .12);
    --cl-shadow-modal: 0 12px 48px rgba(0, 19, 61, .18);
    --cl-tick: cubic-bezier(.16, .86, .22, 1);
    --cl-settle: cubic-bezier(.22, 1, .36, 1);
    --cl-cell-idle: rgba(0, 37, 115, .2);
    --cl-cell-faint: rgba(0, 37, 115, .05);
}

:root:root {
    --navbar-bg: var(--wl-primary, #002573);
    --accent-color: var(--wl-accent, #FF5522);
    --save-button-color: var(--wl-primary, #002573);
    --create-button-color: var(--wl-primary, #002573);
    --pagination-button-color: var(--wl-primary, #002573);
    --label-color: var(--cl-ink-label);
}

@supports (color: color-mix(in srgb, red 50%, blue)) {
    :root:root {
        --cl-cell-idle: color-mix(in srgb, var(--cl-primary) 20%, transparent);
        --cl-cell-faint: color-mix(in srgb, var(--cl-primary) 5%, transparent);
        --accent-dark1: color-mix(in srgb, var(--accent-color) 82%, black);
        --accent-dark2: color-mix(in srgb, var(--accent-color) 68%, black);
        --accent-glow-25: color-mix(in srgb, var(--accent-color) 25%, transparent);
        --accent-glow-28: color-mix(in srgb, var(--accent-color) 28%, transparent);
        --accent-glow-45: color-mix(in srgb, var(--accent-color) 45%, transparent);
        --accent-glow-55: color-mix(in srgb, var(--accent-color) 55%, transparent);
        --accent-soft-18: color-mix(in srgb, var(--accent-color) 18%, transparent);
        --accent-soft-30: color-mix(in srgb, var(--accent-color) 30%, transparent);
        --accent-soft-38: color-mix(in srgb, var(--accent-color) 38%, transparent);
        --accent-soft-55: color-mix(in srgb, var(--accent-color) 55%, transparent);
        --accent-border-50: color-mix(in srgb, var(--accent-color) 50%, transparent);
        --accent-light: color-mix(in srgb, var(--accent-color) 55%, white);
        --accent-light2: color-mix(in srgb, var(--accent-color) 70%, white);
        --accent-light3: color-mix(in srgb, var(--accent-color) 60%, white);
        --accent-a05: color-mix(in srgb, var(--accent-color) 5%, transparent);
        --accent-a15: color-mix(in srgb, var(--accent-color) 15%, transparent);
        --accent-a40: color-mix(in srgb, var(--accent-color) 40%, transparent);
        --accent-a60: color-mix(in srgb, var(--accent-color) 60%, transparent);
        --accent-a100: var(--accent-color);
        --accent-cc: color-mix(in srgb, var(--accent-color) 80%, transparent);
        --accent-99: color-mix(in srgb, var(--accent-color) 60%, transparent);
    }
}

body.cl-theme {
    background: var(--cl-canvas);
    font-family: var(--cl-font-body);
    letter-spacing: normal;
}

body.cl-theme :is(h1, h2, h3, h4, h5, h6, .btn, .nav-tabs .nav-link, .nav-pills .nav-link, .modal-title, .cl-page-title, .cl-card-title, .page-link, .paginate_button, .dt-button, .agentic-nav-link, .nav-org-badge, .user-dropdown, #sidebar),
body.cl-theme .table > thead > tr > th,
body.cl-theme table.dataTable > thead > tr > th {
    font-family: var(--cl-font-head);
}

body.cl-theme .username-card {
    font-family: var(--cl-font-head) !important;
}

body.cl-theme :is(code, pre, kbd, samp) {
    font-family: var(--cl-font-mono);
}

body.cl-theme :where(button, input, select, textarea, optgroup) {
    font-family: inherit;
}

body.cl-theme .cl-num {
    font-variant-numeric: tabular-nums;
}

body.cl-theme .widget-content-area,
body.cl-theme .statbox {
    border: 1px solid var(--cl-line);
    border-radius: 0;
    box-shadow: var(--cl-shadow);
}

body.cl-theme .statbox .widget-content-area,
body.cl-theme .widget-content-area .widget-content-area,
body.cl-theme .widget-activity-three[style*="border"] > .widget-content-area,
body.cl-theme .actionContainer .widget-content-area {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.cl-theme .infoBox > h6,
body.cl-theme .filterBox > h6 {
    color: var(--cl-ink);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
}

body.cl-theme .actionContainer hr {
    border-top-color: var(--cl-line-soft);
}

body.cl-theme .searchDetailClass > p {
    line-height: 23px;
    color: var(--cl-ink);
}

body.cl-theme .searchDetailClass .labelColor {
    font-weight: 500 !important;
}

body.cl-theme .statbox .widget-header {
    border-bottom: 1px solid var(--cl-line-soft);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

body.cl-theme .card {
    border-color: var(--cl-line);
    border-radius: 0;
}

body.cl-theme .card > .card-header:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

body.cl-theme .widget {
    border-radius: 0;
}

body.cl-theme .to-top-effect > .rounded.border {
    border-color: var(--cl-line) !important;
    border-radius: 0 !important;
    box-shadow: var(--cl-shadow);
    transition: border-color .15s, box-shadow .15s;
}

body.cl-theme .to-top-effect:hover > .rounded.border {
    border-color: var(--cl-line-ice) !important;
    box-shadow: var(--cl-shadow-float);
}

body.cl-theme .badge.outline-badge-dark {
    border: 1px solid var(--cl-line-ice) !important;
    border-radius: 0 !important;
    background: var(--cl-surface) !important;
    color: var(--cl-ink-secondary) !important;
    font-weight: 600;
    letter-spacing: normal;
}

body.cl-theme .badge.outline-badge-dark-1 {
    padding: 6px 10px !important;
}

body.cl-theme .btn {
    border-radius: 0;
    box-shadow: none;
    transition: background-color .15s, border-color .15s, color .15s, filter .15s;
}

body.cl-theme .btn.btn_save,
body.cl-theme .btn.btn-primary,
body.cl-theme .btn.btn_apply_filter {
    border-color: var(--cl-btn) !important;
    background-color: var(--cl-btn) !important;
    color: #ffffff !important;
}

body.cl-theme .btn.btn_save:hover:not(:disabled),
body.cl-theme .btn.btn-primary:hover:not(:disabled),
body.cl-theme .btn.btn_apply_filter:hover:not(:disabled) {
    border-color: var(--cl-btn-hover) !important;
    background-color: var(--cl-btn-hover) !important;
}

body.cl-theme .btn.btn_create {
    border-color: var(--cl-btn) !important;
    background-color: var(--cl-btn) !important;
    color: #ffffff !important;
}

body.cl-theme .btn.btn_create:hover:not(:disabled) {
    border-color: var(--cl-btn-hover) !important;
    background-color: var(--cl-btn-hover) !important;
}

body.cl-theme .btn.btn_cancel,
body.cl-theme .btn.btn_reset,
body.cl-theme .btn.btn_refresh,
body.cl-theme .btn.btn-secondary {
    border-color: var(--cl-ink-label) !important;
    background-color: var(--cl-ink-label) !important;
    color: #ffffff !important;
}

body.cl-theme .btn.btn_cancel:hover:not(:disabled),
body.cl-theme .btn.btn_reset:hover:not(:disabled),
body.cl-theme .btn.btn_refresh:hover:not(:disabled),
body.cl-theme .btn.btn-secondary:hover:not(:disabled) {
    border-color: var(--cl-ink-secondary) !important;
    background-color: var(--cl-ink-secondary) !important;
}

body.cl-theme .btn.btn-dark {
    border-color: var(--cl-btn) !important;
    background-color: var(--cl-btn) !important;
    color: #ffffff !important;
}

body.cl-theme .btn.btn-dark:hover:not(:disabled) {
    border-color: var(--cl-btn-hover) !important;
    background-color: var(--cl-btn-hover) !important;
}

body.cl-theme .table td .btn:not(.modal .btn) {
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.cl-sade .btn,
body.cl-sade .table td .btn:not(.modal .btn),
body.cl-sade .cl-icon-btn {
    border-radius: 0 !important;
}

body.cl-sade .btn {
    font-family: var(--cl-font-head);
    font-weight: 600;
}

body.cl-sade .btn:not(.btn-sm):not(.btn-lg):not(.btn-block):not(.bootstrap-select > .btn):not(.btn_global_search):not(.dropdown-item) {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 16px;
}

body.cl-sade .btn > svg {
    width: 14px;
    height: 14px;
}

body.cl-sade #actionDiv .btn:not(:is(.toggleActions, .flex-row) .btn):not(.dropdown-menu .btn) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    line-height: 1;
    white-space: nowrap;
}

body.cl-sade :is(#actionDiv .flex-row, .toggleActions) .btn-group {
    margin-right: 6px !important;
}

body.cl-sade :is(#actionDiv .flex-row, .toggleActions) .btn:not(.dropdown-menu .btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: auto !important;
    height: 36px !important;
    min-width: 36px;
    padding: 0 9px !important;
    border-width: 0 !important;
    font-size: 18px;
    line-height: 1;
}

body.cl-sade :is(#actionDiv .flex-row, .toggleActions) .btn svg {
    flex: none;
    width: 18px;
    height: 18px;
}

body.cl-sade .case-action-rail .operationButtons {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 36px !important;
    height: 36px;
    margin-left: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.cl-sade .case-action-rail .operationButtons > svg.cl-icon {
    flex: none;
    width: 18px;
    height: 18px;
}

body.cl-sade .case-action-rail .operationButtons > svg.cl-caret {
    width: 10px;
    height: 10px;
    opacity: .85;
}

body.cl-sade :is(#actionDiv, .toggleActions) .btn svg.cl-caret {
    width: 10px;
    height: 10px;
    opacity: .85;
}

body.cl-sade .swift-bulk-toolbar #swiftBulkBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 30px;
    min-width: 30px;
    padding: 0 8px;
    border: 0;
    background-color: var(--cl-btn) !important;
    color: #ffffff;
    opacity: .4;
}

body.cl-sade .swift-bulk-toolbar.has-selection #swiftBulkBtn {
    opacity: 1;
}

body.cl-sade .swift-bulk-toolbar #swiftBulkBtn i,
body.cl-sade .swift-bulk-toolbar #swiftBulkBtn svg {
    color: #ffffff;
}

body.cl-sade :is(#actionDiv, .cl-listbar) .cl-bulk-sep {
    display: inline-block;
    flex: none;
    align-self: center;
    width: 1px;
    height: 20px;
    margin: 0 8px 0 4px;
    background: var(--cl-line);
}

body.cl-sade .entityTypeRadio {
    gap: 18px !important;
    row-gap: 8px !important;
}

body.cl-sade .entityTypeRadio .new-control.new-radio .new-radio-content {
    gap: 7px;
    padding: 6px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--cl-ink-secondary) !important;
    font-family: var(--cl-font-head);
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    transition: color .15s, box-shadow .15s !important;
}

body.cl-sade .entityTypeRadio .new-control.new-radio:hover > input ~ .new-radio-content {
    color: var(--cl-ink) !important;
}

body.cl-sade .entityTypeRadio .new-control.new-radio > input:checked ~ .new-radio-content {
    color: var(--cl-ink) !important;
    box-shadow: inset 0 -2px 0 var(--cl-ink) !important;
}

body.cl-sade .entityTypeRadio .new-radio-content::before {
    content: "" !important;
    display: inline-block;
    flex: none;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
}

body.cl-sade .entityTypeRadio input[value="individual"] ~ .new-radio-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6v7H9z' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M4 21v-4h16v4' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6v7H9z' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M4 21v-4h16v4' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

body.cl-sade .entityTypeRadio input[value="corporate"] ~ .new-radio-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 10 12 L 14 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 10 8 L 14 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 14 21 L 14 18 A 2 2 0 0 0 10 18 L 10 21' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 6 10 L 4 10 L 2 10 L 2 19 L 2 21 L 20 21 L 22 21 L 22 9 L 22 7 L 18 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 6 21 L 6 5 L 6 3 L 16 3 L 18 3 L 18 21' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 10 12 L 14 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 10 8 L 14 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 14 21 L 14 18 A 2 2 0 0 0 10 18 L 10 21' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 6 10 L 4 10 L 2 10 L 2 19 L 2 21 L 20 21 L 22 21 L 22 9 L 22 7 L 18 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 6 21 L 6 5 L 6 3 L 16 3 L 18 3 L 18 21' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

body.cl-sade .entityTypeRadio input[value="vessel"] ~ .new-radio-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 12 10 L 12 14' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 12 2 L 12 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 19 13 L 19 7 L 19 5 L 7 5 L 5 5 L 5 13' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 19.5 20 A 11.5 11.5 0 0 0 21 14 L 13 10.5 L 12 10 L 3 14 A 11.5 11.5 0 0 0 6 22' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 2 21 C 2.5 21.5 3 22 4.5 22 C 7 22 7 20 9.5 20 L 11 20 L 13 22 C 17 22 17 20 19.5 20 C 21 20 21.5 20.5 22 21' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 12 10 L 12 14' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 12 2 L 12 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 19 13 L 19 7 L 19 5 L 7 5 L 5 5 L 5 13' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 19.5 20 A 11.5 11.5 0 0 0 21 14 L 13 10.5 L 12 10 L 3 14 A 11.5 11.5 0 0 0 6 22' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 2 21 C 2.5 21.5 3 22 4.5 22 C 7 22 7 20 9.5 20 L 11 20 L 13 22 C 17 22 17 20 19.5 20 C 21 20 21.5 20.5 22 21' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

body.cl-sade .entityTypeRadio input[value="aircraft"] ~ .new-radio-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 18 19 L 16 11 L 19.5 7.5 C 21 6 21.5 4 21 3 C 20 2.5 18 3 16.5 4.5 L 13 8 L 5 6 L 4 6 L 3.5 7 L 3 8 L 9 12 L 7 15 L 4 15 L 3 16 L 6 18 L 8 21 L 9 20 L 9 17 L 12 15 L 15.5 20.5 L 16 21 L 17.5 20.5 C 17.5 20 18 19.5 18 19 Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 18 19 L 16 11 L 19.5 7.5 C 21 6 21.5 4 21 3 C 20 2.5 18 3 16.5 4.5 L 13 8 L 5 6 L 4 6 L 3.5 7 L 3 8 L 9 12 L 7 15 L 4 15 L 3 16 L 6 18 L 8 21 L 9 20 L 9 17 L 12 15 L 15.5 20.5 L 16 21 L 17.5 20.5 C 17.5 20 18 19.5 18 19 Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

body.cl-sade .entityTypeRadio input[value="crypto"] ~ .new-radio-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-3v-2h-2v-2h-2z' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M13.5 10.5L3 21' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M6 15l3 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-3v-2h-2v-2h-2z' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M13.5 10.5L3 21' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M6 15l3 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

body.cl-sade .entityTypeRadio input[value="any"] ~ .new-radio-content::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 2 12 A 10 10 0 1 0 22 12 A 10 10 0 1 0 2 12 Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 12 2 A 14.5 14.5 0 0 0 12 22 A 14.5 14.5 0 0 0 12 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 2 12 L 22 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 2 12 A 10 10 0 1 0 22 12 A 10 10 0 1 0 2 12 Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 12 2 A 14.5 14.5 0 0 0 12 22 A 14.5 14.5 0 0 0 12 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M 2 12 L 22 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

body.cl-sade :is(#actionDiv .flex-row, .toggleActions) .btn:not(.dropdown-menu .btn):not([style*="rgb(208, 50, 71)"]):not([style*="rgb(231, 81, 90)"]) {
    background-image: linear-gradient(var(--cl-btn), var(--cl-btn)) !important;
}

body.cl-sade :is(#actionDiv .flex-row, .toggleActions) .btn:not(.dropdown-menu .btn):not([style*="rgb(0, 37, 115)"]):not([style*="rgb(208, 50, 71)"]):not([style*="rgb(231, 81, 90)"]) {
    opacity: .4;
}

body.cl-theme .btn-outline-primary {
    border-color: var(--cl-primary) !important;
    color: var(--cl-primary) !important;
}

body.cl-theme .btn-outline-primary:hover:not(:disabled),
body.cl-theme .btn-outline-primary.active {
    background-color: var(--cl-btn) !important;
    color: #ffffff !important;
}

body.cl-theme .btn:disabled,
body.cl-theme .btn.disabled {
    opacity: .5;
}

body.cl-theme .form-control:not(.bootstrap-select),
body.cl-theme .custom-select,
body.cl-theme .dataTables_filter input,
body.cl-theme .dataTables_length select {
    border-color: var(--cl-line-ice);
    border-radius: 0;
    color: var(--cl-ink);
    letter-spacing: normal;
    transition: border-color .15s, box-shadow .15s;
}

body.cl-theme .form-control:not(.bootstrap-select):focus,
body.cl-theme .custom-select:focus,
body.cl-theme .dataTables_filter input:focus {
    border-color: var(--cl-primary) !important;
    box-shadow: none !important;
    outline: none;
}

body.cl-theme .form-control:disabled,
body.cl-theme .form-control[readonly]:not(.flatpickr-input):not(.dataTables_filter input) {
    background-color: var(--cl-surface-muted);
    color: var(--cl-ink-muted);
}

body.cl-theme .form-control.flatpickr-input[readonly] {
    background-color: var(--cl-surface);
}

body.cl-theme input:-webkit-autofill,
body.cl-theme input.form-control:-webkit-autofill,
body.cl-theme input.form-control:-webkit-autofill:hover,
body.cl-theme input.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--cl-surface) inset !important;
    box-shadow: 0 0 0 1000px var(--cl-surface) inset !important;
    -webkit-text-fill-color: var(--cl-ink) !important;
}

body.cl-theme .bootstrap-select.form-control,
body.cl-theme .bootstrap-select.btn-group.form-control {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.cl-theme .bootstrap-select > .dropdown-toggle {
    border: 1px solid var(--cl-line-ice) !important;
    border-radius: 0 !important;
    background-color: var(--cl-surface) !important;
    box-shadow: none !important;
    color: var(--cl-ink) !important;
    letter-spacing: normal;
}

body.cl-theme .bootstrap-select.btn-group.show > .dropdown-toggle,
body.cl-theme .bootstrap-select > .dropdown-toggle:focus {
    border-color: var(--cl-primary) !important;
    box-shadow: none !important;
    outline: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) input.filter-active,
body.cl-theme :is(#cl-theme-scope, *) .flatpickr-input.filter-active,
body.cl-theme :is(#cl-theme-scope, *) .bootstrap-select.filter-active > .dropdown-toggle,
body.cl-theme :is(#cl-theme-scope, *) .bootstrap-select.has-selection > .dropdown-toggle {
    border-color: var(--cl-line-ice) !important;
    background-color: var(--cl-surface) !important;
    box-shadow: none !important;
    color: var(--cl-ink) !important;
    font-weight: 600;
}

body.cl-theme .filter-tag.filter-tag {
    border: 1px solid var(--cl-line) !important;
    border-radius: 0 !important;
    background: var(--cl-surface) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme .bootstrap-select.disabled > .dropdown-toggle,
body.cl-theme .bootstrap-select > .dropdown-toggle.disabled {
    background-color: var(--cl-surface-muted) !important;
    color: var(--cl-ink-muted) !important;
}

body.cl-theme .dropdown-menu {
    border: 1px solid var(--cl-line);
    border-radius: 0;
    box-shadow: var(--cl-shadow-float);
}

body.cl-theme .dropdown-menu .dropdown-item:hover,
body.cl-theme .dropdown-menu .dropdown-item:focus,
body.cl-theme .dropdown-menu .dropdown-item.active,
body.cl-theme .dropdown-menu > .selected {
    background: var(--cl-surface-hover) !important;
    background-image: none !important;
    color: var(--cl-ink) !important;
}

body.cl-theme .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner:not([class*="bg-"]):hover,
body.cl-theme .bootstrap-select.btn-group .dropdown-menu a.dropdown-item.active span.dropdown-item-inner,
body.cl-theme .bootstrap-select.btn-group .dropdown-menu a.dropdown-item:active span.dropdown-item-inner {
    background-color: var(--cl-surface-hover) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme .nav-tabs {
    border-bottom: 1px solid var(--cl-line);
}

body.cl-theme .nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--cl-ink-label);
    font-weight: 600;
    transition: color .15s, border-color .15s;
}

body.cl-theme .nav-tabs .nav-link:hover {
    color: var(--cl-ink);
}

body.cl-theme .nav-tabs .nav-link.active,
body.cl-theme .nav-tabs .nav-item.show .nav-link {
    border-bottom-color: var(--cl-ink);
    background: transparent;
    color: var(--cl-ink);
}

body.cl-theme .nav-tabs .nav-link.active svg,
body.cl-theme .nav-tabs .nav-link:hover svg {
    color: inherit;
}

body.cl-theme .nav-pills .nav-link {
    border-radius: 0;
}

body.cl-theme .nav-pills .nav-link.active,
body.cl-theme .nav-pills .show > .nav-link {
    background-color: var(--cl-surface-muted);
    color: var(--cl-ink);
}

body.cl-theme .table > thead > tr > th {
    border-top: 0;
    border-bottom: 1px solid var(--cl-line) !important;
    background-color: var(--cl-surface) !important;
    color: var(--cl-ink-label) !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: .05em;
    text-transform: uppercase !important;
}

body.cl-theme .table > thead > tr > th.cl-no-caps,
body.cl-theme .cl-no-caps .table > thead > tr > th {
    letter-spacing: normal;
    text-transform: none !important;
}

body.cl-theme .dataTables_scrollBody .table > thead > tr > th {
    border-bottom-width: 0 !important;
}

body.cl-theme .table > tbody > tr > td,
body.cl-theme .table > tbody > tr > th {
    border-top-color: var(--cl-line-row);
    letter-spacing: normal;
}

body.cl-theme .table > tbody > tr {
    border-bottom-color: var(--cl-line-row);
}

body.cl-theme .table-bordered,
body.cl-theme .table-bordered > thead > tr > th,
body.cl-theme .table-bordered > tbody > tr > td {
    border-color: var(--cl-line-row);
}

body.cl-theme table.dataTable thead th.sorting::before,
body.cl-theme table.dataTable thead th.sorting_asc::before,
body.cl-theme table.dataTable thead th.sorting_desc::before {
    display: none !important;
}

body.cl-theme table.dataTable thead th.sorting,
body.cl-theme table.dataTable thead th.sorting_asc,
body.cl-theme table.dataTable thead th.sorting_desc {
    position: relative;
}

body.cl-theme table.dataTable thead th.sorting::after,
body.cl-theme table.dataTable thead th.sorting_asc::after,
body.cl-theme table.dataTable thead th.sorting_desc::after {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    opacity: 1 !important;
    color: var(--cl-ink-label) !important;
    font-size: 11px;
    line-height: 1;
    content: "\2195" !important;
    transform: translateY(-50%);
}

body.cl-theme .cl-sort-inline table.dataTable thead th.sorting::after,
body.cl-theme .cl-sort-inline table.dataTable thead th.sorting_asc::after,
body.cl-theme .cl-sort-inline table.dataTable thead th.sorting_desc::after {
    position: static !important;
    display: inline-block !important;
    margin-left: 5px;
    transform: none;
}

body.cl-theme table.dataTable thead th.sorting_asc::after {
    color: var(--cl-primary) !important;
    content: "\2191" !important;
}

body.cl-theme table.dataTable thead th.sorting_desc::after {
    color: var(--cl-primary) !important;
    content: "\2193" !important;
}

body.cl-theme table.dataTable thead tr + tr th.sorting::after,
body.cl-theme table.dataTable thead tr + tr th.sorting_asc::after,
body.cl-theme table.dataTable thead tr + tr th.sorting_desc::after,
body.cl-theme .dataTables_scrollBody thead th::before,
body.cl-theme .dataTables_scrollBody thead th::after,
body.cl-theme .dataTables_scrollBody table.dataTable thead th.sorting::after,
body.cl-theme .dataTables_scrollBody table.dataTable thead th.sorting_asc::after,
body.cl-theme .dataTables_scrollBody table.dataTable thead th.sorting_desc::after {
    display: none !important;
}

body.cl-theme .dt-buttons .dt-button.buttons-colvis {
    border: 1px solid var(--cl-ink-label) !important;
    border-radius: 0 !important;
    background: var(--cl-ink-label) !important;
    color: #ffffff !important;
}

body.cl-theme .dt-buttons .dt-button.buttons-colvis:hover {
    border-color: var(--cl-ink-secondary) !important;
    background: var(--cl-ink-secondary) !important;
    color: #ffffff !important;
}

body.cl-theme .dt-button-collection {
    width: auto !important;
    min-width: 180px;
    padding: 6px !important;
    border: 1px solid var(--cl-line) !important;
    border-radius: 0 !important;
    background: var(--cl-panel) !important;
    box-shadow: var(--cl-shadow-float) !important;
}

body.cl-theme .dt-button-collection .dt-button {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 2px !important;
    padding: 6px 10px 6px 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--cl-ink-muted) !important;
    font-size: 12.5px;
    text-align: left;
    white-space: nowrap;
}

body.cl-theme .dt-button-collection .dt-button.active {
    color: var(--cl-ink) !important;
    font-weight: 600;
}

body.cl-theme .dt-button-collection .dt-button.active::before {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 10px;
    color: var(--cl-accent);
    transform: translateY(-50%);
}

body.cl-theme .dt-button-collection .dt-button:hover {
    background: var(--cl-surface-hover) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme .dataTables_wrapper .dataTables_info {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--cl-ink-secondary);
}

body.cl-theme .page-link,
body.cl-theme .dataTables_paginate .paginate_button,
body.cl-theme .dataTables_paginate .paginate_button .page-link {
    margin: 0 2px;
    border-color: transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--cl-ink) !important;
}

body.cl-theme .page-item:not(.active):not(.disabled) .page-link:hover,
body.cl-theme .dataTables_paginate .paginate_button:not(.current):not(.disabled):hover {
    background: var(--cl-surface-hover) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme .page-item.disabled .page-link,
body.cl-theme .dataTables_paginate .paginate_button.disabled .page-link {
    color: var(--cl-ink-label) !important;
}

body.cl-theme .page-item.active .page-link,
body.cl-theme .dataTables_paginate .paginate_button.current {
    border-color: var(--cl-btn) !important;
    background-color: var(--cl-btn) !important;
    color: #ffffff !important;
}

body.cl-theme .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: var(--cl-shadow-modal);
}

body.cl-theme .modal-header {
    border-bottom-color: var(--cl-line-soft);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

body.cl-theme .modal-footer {
    border-top-color: var(--cl-line-soft);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

body.cl-theme .modal-title {
    color: var(--cl-ink);
}

body.cl-theme .btn:focus-visible,
body.cl-theme .nav-link:focus-visible,
body.cl-theme .page-link:focus-visible {
    outline: 2px solid var(--cl-primary) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

body.cl-theme .badge {
    border-radius: 0;
}

body.cl-theme .new-control.new-checkbox .new-control-indicator {
    border: 1.5px solid var(--cl-switch-off);
    border-radius: 0;
    background-color: var(--cl-surface);
}

body.cl-theme .custom-control-label::before {
    border-color: var(--cl-switch-off);
    border-radius: 0;
}

body.cl-theme .new-control.new-checkbox > input:checked ~ span.new-control-indicator,
body.cl-theme .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--cl-accent) !important;
    background-color: var(--cl-accent) !important;
}

body.cl-theme .new-control.new-checkbox > input:checked ~ span.new-control-indicator::after {
    border-color: #ffffff !important;
}

body.cl-theme .new-control.new-radio > input:checked ~ span.new-control-indicator {
    border-color: var(--cl-accent) !important;
}

body.cl-theme .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--cl-accent) !important;
    background-color: var(--cl-accent) !important;
}

body.cl-theme .switch input:checked + .slider {
    border-color: var(--cl-switch-on) !important;
    background-color: var(--cl-switch-on) !important;
}

body.cl-theme .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--cl-switch-on) !important;
    background-color: var(--cl-switch-on) !important;
}

body.cl-theme .alert-info,
body.cl-theme .alert-light-info,
body.cl-theme .alert-light-primary {
    border: 1px solid var(--cl-note-line) !important;
    border-radius: 0;
    background-color: var(--cl-note-soft) !important;
    color: var(--cl-note-ink) !important;
}

body.cl-theme .bg-light-primary,
body.cl-theme .bg-light-info {
    background-color: var(--cl-surface-hover) !important;
}

body.cl-theme .nav-org-badge {
    background: rgba(255, 255, 255, .1);
    color: var(--cl-on-dark-body);
}

body.cl-theme .nav-trial-badge {
    border: 1px solid rgba(240, 173, 78, .55);
    background: rgba(240, 173, 78, .18);
    color: #ffd98a;
}

body.cl-theme .nav-trial-badge.is-ending {
    border-color: rgba(231, 81, 90, .55);
    background: rgba(231, 81, 90, .18);
    color: #f8b8bc;
}

body.cl-theme .transactionDetailTableValue > .badge {
    color: #ffffff !important;
}

body.cl-theme ::-webkit-scrollbar {
    height: 6px !important;
}

body.cl-theme ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--cl-line-ice);
    -webkit-box-shadow: none;
}

body.cl-theme ::-webkit-scrollbar-thumb:hover {
    background-color: var(--cl-ink-label);
}

body.cl-theme ::-webkit-scrollbar-track {
    background: transparent;
}

body.cl-theme .widget-heading h5 {
    color: var(--cl-ink);
    font-family: var(--cl-font-head);
    font-size: 14px;
    font-weight: 650;
}

body.cl-theme .widget-heading h5 > .badge,
body.cl-theme .sales :is(.widget-heading, .widget-header) h5 > .badge {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border: 0;
    border-radius: 0;
    background: var(--cl-surface-muted) !important;
    color: var(--cl-ink-secondary) !important;
    font-family: var(--cl-font-body);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    vertical-align: middle;
}

body.cl-theme .ss-widget-insight-btn {
    color: var(--cl-ink-label);
}

body.cl-theme .ss-widget-insight-btn:hover,
body.cl-theme .ss-widget-insight-btn:focus {
    background: var(--cl-surface-muted);
    color: var(--cl-accent);
    transform: none;
}

body.cl-theme .notification-panel {
    box-shadow: var(--cl-shadow-modal);
}

body.cl-theme .notification-panel-header {
    border-bottom: 1px solid var(--cl-line-soft);
    background: var(--cl-panel);
}

body.cl-theme .notification-panel-header h5 {
    color: var(--cl-ink);
    font-size: 16px;
    font-weight: 700;
}

body.cl-theme .notification-panel-actions button {
    width: 32px;
    height: 32px;
    background: var(--cl-surface-muted);
    color: var(--cl-ink-secondary);
}

body.cl-theme .notification-panel-actions button .notification-header-icon {
    color: var(--cl-ink-secondary);
    font-size: 14px;
}

body.cl-theme .notification-panel-actions button:hover {
    background: var(--cl-line-soft);
    transform: none;
}

body.cl-theme .notification-panel-actions button:hover .notification-header-icon {
    color: var(--cl-ink);
}

body.cl-theme .notification-panel-actions button.notification-header-btn--delete:hover .notification-header-icon {
    color: var(--cl-danger);
}

body.cl-theme .notification-tabs-row {
    border-bottom-color: var(--cl-line-soft);
    background: var(--cl-canvas);
}

body.cl-theme .notification-tab {
    color: var(--cl-ink-secondary);
}

body.cl-theme .notification-tab:hover,
body.cl-theme .notification-tab:focus {
    background: var(--cl-surface-muted);
    color: var(--cl-ink);
}

body.cl-theme .notification-tab.active,
body.cl-theme .notification-tab.active:hover,
body.cl-theme .notification-tab.active:focus {
    background: var(--cl-primary);
    box-shadow: none;
    color: #ffffff;
}

body.cl-theme .notification-status-badge--new {
    background: var(--cl-primary);
    color: #ffffff;
}

body.cl-theme .notification-panel-footer {
    border-top-color: var(--cl-line-soft);
    background: var(--cl-canvas);
}

body.cl-theme .notification-history-btn {
    border-color: var(--cl-line);
    color: var(--cl-ink-secondary);
}

body.cl-theme .notification-history-btn:hover {
    border-color: var(--cl-line-ice);
    background: var(--cl-surface-hover);
    box-shadow: none;
    color: var(--cl-ink);
}

body.cl-theme .notification-history-btn:focus {
    box-shadow: none;
}

body.cl-theme .notification-message-text {
    color: var(--cl-ink);
}

body.cl-theme ul#tagDiv {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.cl-theme .toggleActions .dropdown-menu.tagLi {
    top: 100% !important;
    right: auto !important;
    left: 0 !important;
    transform: none !important;
}

body.cl-theme li.tagLi > .col-12 > .form-row {
    flex-wrap: nowrap;
    align-items: center;
}

body.cl-theme li.tagLi > .col-12 > .form-row > .col-6 {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    padding-right: 0;
}

body.cl-theme li.tagLi > .col-12 > .form-row > .col-5 {
    flex: 0 0 104px;
    max-width: 104px;
    padding-left: 0;
}

body.cl-theme li.tagLi > .col-12 > .form-row > .col-1 {
    flex: 0 0 36px;
    max-width: 36px;
}

body.cl-theme li.tagLi .badgex.tagInput {
    display: block;
    width: 100%;
    min-width: 0 !important;
    overflow: hidden;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.cl-theme .notification-loading {
    display: flex;
    justify-content: center;
    padding: 48px 0;
}

body.cl-theme .notification-loading.is-more {
    padding: 14px 0;
}

body.cl-theme .load-more-button {
    border-radius: 0;
    background-color: var(--cl-btn);
}

body.cl-theme .load-more-button:hover {
    background-color: var(--cl-btn-hover);
}

body.cl-theme .sidebar-theme {
    border-right: 1px solid var(--cl-line-soft);
}

body.cl-theme #sidebar ul.menu-categories.ps {
    border-right: 0;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle {
    margin: 1px 6px;
    padding: 8px 6px;
    border-left: 0;
    border-radius: 0;
    background: transparent;
    color: var(--cl-ink-secondary);
    font-weight: 500;
    letter-spacing: normal;
    transition: background-color .15s, color .15s;
}

body.cl-theme #sidebar ul.menu-categories li.menu:first-child > .dropdown-toggle {
    margin-top: 16px;
}

body.cl-theme #sidebar ul.menu-categories li.menu > :is(.dropdown-toggle, .nova-menu-link) > div:first-child > span,
body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle > div:last-child {
    display: flex;
    align-items: center;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle svg {
    color: var(--cl-ink-label) !important;
    opacity: 1;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle svg.feather-chevron-right {
    width: 14px;
    color: var(--cl-ink-label) !important;
    transition: transform .15s;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle:hover {
    background: var(--cl-surface-muted);
    color: var(--cl-ink);
    box-shadow: none;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"]:not(:hover),
body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not(:hover) {
    background: transparent;
    color: var(--cl-ink);
    box-shadow: none;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg,
body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"] svg {
    color: var(--cl-ink) !important;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"],
body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] span {
    color: var(--cl-ink);
    font-weight: 650;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg {
    color: var(--cl-ink) !important;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu {
    margin: 2px 0 6px;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li {
    margin-left: 0;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li > a,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li.active > a,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion > a,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion ul > li > a {
    margin: 1px 6px !important;
    padding: 6px 8px 6px 48px !important;
    border-left: 0 !important;
    border-radius: 0;
    background: transparent;
    color: var(--cl-ink-label) !important;
    font-size: 12px !important;
    font-weight: 500;
    letter-spacing: normal;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu li > a span {
    font-size: inherit !important;
}

body.cl-theme #sidebar ul.menu-categories li.menu > :is(.dropdown-toggle, .nova-menu-link),
body.cl-theme #sidebar ul.menu-categories li.menu > :is(.dropdown-toggle, .nova-menu-link) span {
    font-size: 13px !important;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion > a {
    color: var(--cl-ink) !important;
    font-weight: 600;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li > a,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li > a .accordion-text,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion ul > li > a {
    white-space: normal !important;
    text-overflow: clip !important;
    line-height: 1.35;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu li > a {
    position: relative;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu li > a > .sidebar-bookmark-toggle {
    position: absolute;
    top: calc(50% - 9px);
    right: 2px;
    margin: 0;
    padding: 2px 5px;
    background-color: var(--cl-surface-muted);
}

body.cl-theme #sidebar ul.menu-categories ul.submenu li > a:has(> .sidebar-bookmark-toggle.is-active) {
    padding-right: 26px !important;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu li > a > .sidebar-bookmark-toggle.is-active {
    background-color: transparent;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion ul {
    margin: 2px 0 4px !important;
    padding-left: 0 !important;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion ul > li {
    margin-left: 0;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion ul > li > a {
    padding-left: 60px !important;
}

body.cl-theme #sidebar ul.menu-categories li.menu ul.submenu > li > a::before,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion > a::before {
    display: none !important;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li > a:hover,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion ul > li > a:hover {
    background: var(--cl-surface-muted);
    color: var(--cl-ink) !important;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li.active > a,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li.active > a:hover,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion ul > li.active > a,
body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion ul > li.active > a:hover,
body.cl-theme #bookmarkSidebarList > li.active > a {
    background: var(--cl-surface-muted);
    color: var(--cl-ink) !important;
    font-weight: 650;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li.bookmark-manage-link a {
    color: var(--cl-ink-label) !important;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li.bookmark-manage-link a:hover {
    color: var(--cl-ink) !important;
}

body.cl-theme #sidebarBookmarkContainer {
    border-bottom-color: transparent;
}

body.cl-theme #sidebar ul.menu-categories li.menu.nova-menu-item {
    margin: 4px 6px 8px;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .nova-menu-link,
body.cl-theme #sidebar ul.menu-categories li.menu > .nova-menu-link:hover,
body.cl-theme #sidebar ul.menu-categories li.menu > .nova-menu-link.active {
    padding: 8px 5px;
    border: 1px solid var(--cl-line-soft);
    border-radius: 0;
    background: var(--cl-surface);
    box-shadow: none;
    color: var(--cl-ink);
    font-weight: 600;
    letter-spacing: normal;
}

body.cl-theme #sidebar ul.menu-categories li.menu > .nova-menu-link:hover {
    background: var(--cl-surface-muted);
}

body.cl-theme.sidebar-closed:not(.sidebar-hover-open) #sidebar ul.menu-categories li.menu > .dropdown-toggle,
body.cl-theme .sidebar-closed:not(.sidebar-hover-open) #sidebar ul.menu-categories li.menu > .dropdown-toggle {
    margin-right: 6px;
    margin-left: 6px;
    padding: 8px 0;
    animation: none;
}

body.cl-theme.sidebar-closed:not(.sidebar-hover-open) #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg,
body.cl-theme .sidebar-closed:not(.sidebar-hover-open) #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg {
    animation: none;
}

body.cl-theme.sidebar-closed:not(.sidebar-hover-open) #sidebar ul.menu-categories li.menu.nova-menu-item,
body.cl-theme .sidebar-closed:not(.sidebar-hover-open) #sidebar ul.menu-categories li.menu.nova-menu-item {
    margin: 4px 6px;
}

body.cl-theme.sidebar-closed:not(.sidebar-hover-open) #sidebar ul.menu-categories li.menu > .nova-menu-link,
body.cl-theme .sidebar-closed:not(.sidebar-hover-open) #sidebar ul.menu-categories li.menu > .nova-menu-link {
    padding: 8px 0;
    border-color: transparent;
}

body.cl-theme .sidebar-version {
    border-color: transparent !important;
    background: transparent !important;
}

body.cl-theme .sidebar-version:hover {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.cl-theme .sidebar-version i,
body.cl-theme .sidebar-version span {
    color: var(--cl-ink-label) !important;
}

body.cl-theme .sidebar-version:hover i,
body.cl-theme .sidebar-version:hover span {
    color: var(--cl-ink) !important;
}

body.cl-theme.sidebar-closed .sidebar-version,
body.cl-theme .sidebar-closed .sidebar-version {
    border: 0 !important;
    background: transparent !important;
}

body.cl-theme #sidebar {
    height: calc(100vh - 163px);
}

body.cl-theme .cl-tour-launch {
    position: absolute;
    right: 12px;
    bottom: 96px;
    left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 14px;
    color: var(--cl-ink-label);
    font-family: var(--cl-font-head);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

body.cl-theme .cl-tour-launch:hover,
body.cl-theme .cl-tour-launch:focus-visible {
    color: var(--cl-ink);
    text-decoration: none;
}

body.cl-theme .sidebar-closed:not(.sidebar-hover-open) .cl-tour-launch {
    right: 4px;
    left: 4px;
    padding: 8px 0;
}

body.cl-theme .sidebar-closed:not(.sidebar-hover-open) .cl-tour-launch span {
    display: none;
}

.cl-tour {
    position: fixed;
    inset: 0;
    z-index: 2050;
}

.cl-tour-hole {
    position: fixed;
    border-radius: 0;
    box-shadow: 0 0 0 2px var(--cl-accent), 0 0 0 9999px rgba(0, 19, 61, .55);
    pointer-events: none;
    transition: top .2s var(--cl-settle), left .2s var(--cl-settle), width .2s var(--cl-settle), height .2s var(--cl-settle);
}

.cl-tour-hole.is-empty {
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
}

.cl-tour-card {
    position: fixed;
    width: 360px;
    max-width: calc(100vw - 32px);
    padding: 18px 18px 14px;
    border: 1px solid var(--cl-line);
    border-radius: 0;
    background: var(--cl-panel);
    box-shadow: var(--cl-shadow-modal);
    color: var(--cl-ink-secondary);
    font-family: var(--cl-font-body);
}

.cl-tour-count {
    color: var(--cl-ink-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    font-variant-numeric: tabular-nums;
}

.cl-tour-title {
    margin: 4px 0 6px;
    color: var(--cl-ink);
    font-family: var(--cl-font-head);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.cl-tour-text {
    margin: 0;
    color: var(--cl-ink-secondary);
    font-size: 13px;
    line-height: 1.55;
}

.cl-tour-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
}

.cl-tour-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--cl-ink-label);
    font-size: 12px;
    cursor: pointer;
}

.cl-tour-check input {
    margin: 0;
    accent-color: var(--cl-accent);
}

.cl-tour-actions {
    display: flex;
    gap: 6px;
}

.cl-tour-btn {
    height: 30px;
    padding: 0 12px;
    border: 1px solid var(--cl-line-ice);
    border-radius: 0;
    background: transparent;
    color: var(--cl-ink);
    font-family: var(--cl-font-head);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.cl-tour-btn:disabled {
    opacity: .4;
    cursor: default;
}

.cl-tour-btn.is-ghost {
    border-color: transparent;
    color: var(--cl-ink-label);
}

.cl-tour-btn.is-primary {
    border-color: var(--cl-btn);
    background: var(--cl-btn);
    color: #ffffff;
}

.cl-tour-btn:focus-visible {
    outline: 2px solid var(--cl-primary);
    outline-offset: 2px;
}

body.cl-sade #sidebar ul.menu-categories li.cl-nav-group {
    margin: 14px 12px 4px;
    color: var(--cl-ink-label);
    font-family: var(--cl-font-head);
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .06em;
}

body.cl-sade .sidebar-closed #sidebar ul.menu-categories li.cl-nav-group {
    height: 1px;
    margin: 8px 14px;
    background: var(--cl-line-soft);
    font-size: 0;
}

body.cl-sade .shadow-bottom {
    display: none;
}

body.cl-theme #content {
    transition: none;
}

body.cl-theme .sidebar-wrapper {
    transition: none;
}

body.cl-sade:not(.cl-wl) {
    --cl-header-ring: #ffffff;
}

body.cl-sade:not(.cl-wl) .sub-header-container .navbar {
    border-bottom: 1px solid var(--cl-line-soft);
    background: var(--cl-surface);
    box-shadow: none;
}

body.cl-sade:not(.cl-wl) .sub-header-container .navbar .sidebarCollapse svg {
    color: var(--cl-ink-secondary);
}

body.cl-sade:not(.cl-wl) .sub-header-container .breadcrumb-one .breadcrumb-item a,
body.cl-sade:not(.cl-wl) .sub-header-container .breadcrumb-one .breadcrumb-item span {
    color: var(--cl-ink-label);
}

body.cl-sade:not(.cl-wl) .sub-header-container .breadcrumb-one .breadcrumb-item.active,
body.cl-sade:not(.cl-wl) .sub-header-container .breadcrumb-one .breadcrumb-item.active a,
body.cl-sade:not(.cl-wl) .sub-header-container .breadcrumb-one .breadcrumb-item.active span {
    color: var(--cl-ink);
}

body.cl-sade:not(.cl-wl) .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item::before {
    color: var(--cl-ink-faint);
}

body.cl-sade:not(.cl-wl) .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle {
    border-color: var(--cl-line);
    background-color: var(--cl-surface);
    color: var(--cl-ink);
}

body.cl-sade:not(.cl-wl) .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle svg {
    color: var(--cl-ink-label);
}

body.cl-sade:not(.cl-wl) .header-search-container .btn_global_search {
    border-color: transparent;
    background-color: var(--cl-surface-muted);
    color: var(--cl-ink-label);
    font-family: var(--cl-font-body);
}

body.cl-sade:not(.cl-wl) .header-search-container .btn_global_search:hover,
body.cl-sade:not(.cl-wl) .header-search-container .btn_global_search:focus {
    border-color: var(--cl-line);
    background-color: var(--cl-surface-muted);
    color: var(--cl-ink);
}

body.cl-sade:not(.cl-wl) .header-search-container .gs-trigger-kbd {
    border-color: var(--cl-line);
    background-color: var(--cl-surface);
    color: var(--cl-ink-label);
}

body.cl-sade:not(.cl-wl) .sub-header-container .navbar .navbar-item .nav-item .nav-link {
    color: var(--cl-ink-secondary);
}

body.cl-sade:not(.cl-wl) .sub-header-container .navbar .navbar-item .nav-item .nav-link:hover {
    color: var(--cl-ink);
}

body.cl-sade:not(.cl-wl) .sub-header-container .navbar .navbar-item .nav-item .nav-link span.nav-user-name {
    color: var(--cl-ink) !important;
    font-weight: 600;
}

body.cl-sade:not(.cl-wl) .sub-header-container .notification-bell-trigger {
    color: var(--cl-ink-secondary) !important;
}

body.cl-sade:not(.cl-wl) .sub-header-container .notification-bell-trigger:hover {
    color: var(--cl-ink) !important;
}

body.cl-sade:not(.cl-wl) .sub-header-container .navbar .vl {
    border-left: 1px solid var(--cl-line-soft);
    background: transparent;
}

body.cl-sade:not(.cl-wl) .nav-org-badge {
    background: var(--cl-surface-muted);
    color: var(--cl-ink);
}

body.cl-sade:not(.cl-wl) .nav-trial-badge {
    border-color: var(--cl-note-line);
    background: var(--cl-note-soft);
    color: var(--cl-note-ink);
}

body.cl-sade:not(.cl-wl) .nav-trial-badge.is-ending {
    border-color: var(--cl-danger-line);
    background: var(--cl-danger-soft);
    color: var(--cl-danger);
}

body.cl-sade:not(.cl-wl) .agentic-nav-link,
body.cl-sade:not(.cl-wl) .agentic-nav-link:hover {
    border-color: rgba(255, 85, 34, .55);
    background: rgba(255, 85, 34, .12);
    box-shadow: none;
    color: var(--cl-ink) !important;
}

body.cl-sade:not(.cl-wl) .agentic-nav-link:hover {
    background: rgba(255, 85, 34, .2);
}

body.cl-sade:not(.cl-wl) .agentic-nav-icon {
    color: var(--cl-accent);
}

body.cl-sade {
    background: var(--cl-surface);
}

body.cl-sade :is(.statbox, .widget, .card, .cl-card, .widget-content-area):not(:is(.statbox, .widget, .card, .cl-card, .widget-content-area, .modal, [role="dialog"], .dropdown-menu, .popover, .toast, #toast-container, .swal2-container, .to-top-effect, .cl-keep-box) *):not(.cl-keep-box) {
    border: 0 !important;
    border-top: 1px solid var(--cl-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.cl-sade .card:not(:is(.statbox, .widget, .card, .cl-card, .widget-content-area, .modal, [role="dialog"], .dropdown-menu, .popover, .to-top-effect, .cl-keep-box) *):not(.cl-keep-box) > .card-header {
    border-bottom: 0;
    background: transparent;
}

body.cl-sade .cl-card-head {
    border-bottom: 0;
}

body.cl-sade .cl-toolbar {
    background: transparent;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(input.form-control:not([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"]), select.form-control:not([multiple]), select.custom-select:not([multiple]), .dataTables_filter input, .dataTables_length select, input.flatpickr-input) {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 8px !important;
    border: 1px solid var(--cl-line-ice) !important;
    background-color: var(--cl-surface);
    box-shadow: none !important;
    color: var(--cl-ink);
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    line-height: 28px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(select.form-control:not([multiple]), select.custom-select:not([multiple]), .dataTables_length select) {
    padding-right: 24px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) textarea.form-control {
    min-height: 60px;
    padding: 6px 8px !important;
    border: 1px solid var(--cl-line-ice) !important;
    background-color: var(--cl-surface);
    box-shadow: none !important;
    color: var(--cl-ink);
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select > .dropdown-toggle {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 24px 0 8px !important;
    border: 1px solid var(--cl-line-ice) !important;
    background-color: var(--cl-surface) !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 28px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .select2-container .select2-selection--single {
    height: 30px !important;
    border: 1px solid var(--cl-line-ice) !important;
    background-color: var(--cl-surface);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 8px;
    color: var(--cl-ink);
    font-size: 13px;
    line-height: 28px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .select2-container .select2-selection--multiple {
    min-height: 30px !important;
    border: 1px solid var(--cl-line-ice) !important;
    background-color: var(--cl-surface);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(input.form-control, select.form-control, select.custom-select, textarea.form-control, .dataTables_filter input, input.flatpickr-input):focus,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.bootstrap-select.show > .dropdown-toggle, .bootstrap-select > .dropdown-toggle:focus, .select2-container--focus .select2-selection, .select2-container--open .select2-selection) {
    border-color: var(--cl-primary) !important;
    box-shadow: none !important;
    outline: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(input.form-control:is(:disabled, [readonly]):not(.flatpickr-input):not([data-lpignore]), select.form-control:disabled, select.custom-select:disabled, textarea.form-control:is(:disabled, [readonly]), .bootstrap-select.disabled > .dropdown-toggle, .bootstrap-select > .dropdown-toggle.disabled) {
    background-color: var(--cl-surface-muted) !important;
    color: var(--cl-ink-label) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(input.filter-active, .flatpickr-input.filter-active, .bootstrap-select.filter-active > .dropdown-toggle, .bootstrap-select.has-selection > .dropdown-toggle) {
    border-color: var(--cl-line-ice) !important;
    font-weight: 600 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .btn.dropdown-toggle {
    height: 30px !important;
    padding: 0 24px 0 8px !important;
    border: 1px solid var(--cl-line-ice) !important;
    background-color: var(--cl-surface) !important;
    background-image: none !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .btn.dropdown-toggle[id*="ComparerDP"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    min-width: 92px;
    line-height: 28px !important;
    text-align: left;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .btn.dropdown-toggle[id*="ComparerDP"]:is(:focus, [aria-expanded="true"]) {
    border-color: var(--cl-primary) !important;
    box-shadow: none !important;
    outline: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .btn.dropdown-toggle[id*="ComparerDP"] > span {
    font-size: inherit !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .btn.dropdown-toggle[id*="ComparerDP"] > svg {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .btn.dropdown-toggle[id*="ComparerDP"]::after {
    display: inline-block !important;
    flex: none;
    margin: 0 4px 0 auto;
    border-top: 3.75px solid;
    border-right: 3.75px solid transparent;
    border-bottom: 0;
    border-left: 3.75px solid transparent;
    content: "";
    vertical-align: middle;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .btn.dropdown-toggle[id*="ComparerDP"] ~ .dropdown-menu {
    min-width: 100%;
    margin-top: 2px;
    padding: 0;
    border: 1px solid var(--cl-line);
    border-radius: 0;
    box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, .1);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .btn.dropdown-toggle[id*="ComparerDP"] ~ .dropdown-menu > .dropdown-item {
    display: block;
    padding: 6px 12px !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 18px !important;
    text-transform: none !important;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .btn.dropdown-toggle[id*="ComparerDP"] ~ .dropdown-menu > .dropdown-item:is(:hover, :focus) {
    background: var(--cl-surface-hover) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .input-group > :is(.input-group-prepend, .input-group-append) > .input-group-text {
    height: 30px;
    border: 1px solid var(--cl-line-ice);
    background-color: var(--cl-surface-muted);
    color: var(--cl-ink-label);
    font-size: 13px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#filterDiv, .compact-form-row, [id$="-compact-row"], [id$="-other-row"], .cl-fields, .form-group) > label {
    margin-bottom: 4px;
    font-family: var(--cl-font-body);
    font-size: 11px;
    font-weight: 600;
}

body.cl-sade :is(#cl-theme-scope, *) :is(#filterDiv, .compact-form-row, [id$="-compact-row"], [id$="-other-row"], .cl-fields) label {
    color: var(--cl-ink-label);
    letter-spacing: normal;
}

body.cl-sade :is(#cl-theme-scope, *) :is(.filter-footer, [class*="-filter-footer"]) {
    border-top-color: transparent !important;
}

body.cl-sade :is(#cl-theme-scope, *) .active-filters-area .filter-tag {
    width: auto !important;
    min-width: 0 !important;
    max-width: 260px !important;
}

:where(body.cl-sade) .table-striped tbody tr:nth-of-type(odd):where(:not(:hover)) {
    background-color: transparent;
}

body.cl-sade :is(#cl-theme-scope, *) :is(.case-management-tabs, .my-task-tabs) {
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.cl-sade :is(#cl-theme-scope, *) :is(.case-management-tabs, .my-task-tabs) .nav-tabs {
    padding: 0;
    border-bottom: 1px solid var(--cl-line);
    border-radius: 0;
    background: transparent;
}

body.cl-sade :is(#cl-theme-scope, *) :is(.case-management-tabs, .my-task-tabs) .nav-tabs .nav-item {
    margin-bottom: 0;
}

body.cl-sade :is(#cl-theme-scope, *) :is(.case-management-tabs, .my-task-tabs) .nav-tabs .nav-link {
    margin-bottom: -1px;
    padding: 12px 18px;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--cl-ink-label);
    font-family: var(--cl-font-head);
    font-size: 13px;
    font-weight: 600;
}

body.cl-sade :is(#cl-theme-scope, *) :is(.case-management-tabs, .my-task-tabs) .nav-tabs .nav-link:hover {
    border-bottom-color: transparent;
    background: transparent;
    color: var(--cl-ink);
}

body.cl-sade :is(#cl-theme-scope, *) :is(.case-management-tabs, .my-task-tabs) .nav-tabs .nav-link.active {
    border-bottom-color: var(--cl-ink);
    background: transparent;
    color: var(--cl-ink);
}

body.cl-sade :is(#cl-theme-scope, *) :is(.case-management-tabs, .my-task-tabs) .nav-tabs .nav-link svg {
    stroke: currentColor;
}

.cl-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--cl-ink);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.cl-status::before {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 0;
    background: var(--cl-status, var(--cl-ink-label));
}

body.cl-sade #dashboard_48 #subwidgetDiv {
    margin-right: 0;
    margin-left: 0;
    overflow: hidden;
    border-top: 1px solid var(--cl-line);
    border-bottom: 1px solid var(--cl-line);
}

body.cl-sade #dashboard_48 #subwidgetDiv > [class*="col-"] {
    margin: 0 0 0 -1px !important;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 1px solid var(--cl-line);
}

body.cl-sade #dashboard_48 .component-card_8 {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent;
    box-shadow: none !important;
}

body.cl-sade #dashboard_48 [id^="subWidgetLastStatus"] {
    color: var(--cl-ink-label);
    opacity: 1 !important;
}

body.cl-sade #dashboard_48 [id^="subWidgetValue"] {
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-head);
    font-size: 26px !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums;
    opacity: 1 !important;
}

body.cl-sade .table td :is(.badge.badge-primary[style*="border-color"]:not([style*="min-width: 40px"]:not([style*="padding: 0.3rem"])), span.btn[class*="btn-label-"]) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-text-fill-color: var(--cl-ink);
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    cursor: default;
}

body.cl-sade .table td :is(.badge.badge-primary[style*="border-color"]:not([style*="min-width: 40px"]:not([style*="padding: 0.3rem"])), span.btn[class*="btn-label-"])::before {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 0;
    background: currentColor;
}

body.cl-sade .table td .badge.badge-primary[style*="border-color"][style*="min-width: 40px"]:not([style*="padding: 0.3rem"]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    margin: 0;
    padding: 0 6px !important;
    border-width: 2px !important;
    border-style: dashed !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-variant-numeric: tabular-nums;
    vertical-align: middle;
    cursor: default;
}

html.cl-dark body.cl-sade .table td .badge.badge-primary[style*="border-color"][style*="min-width: 40px"][style*="#008000"]:not([style*="padding: 0.3rem"]) {
    border-color: var(--dk-on-green, #008000) !important;
    color: var(--dk-on-green, #008000) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) table.dataTable :is(th, td).cl-col-center {
    text-align: center !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) table.dataTable thead th.cl-col-center:is(.sorting, .sorting_asc, .sorting_desc) {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

body.cl-theme .cl-selall {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 25px;
    padding: 0 6px;
    border: 1px solid var(--cl-line);
    border-radius: 0;
    background: var(--cl-surface);
    vertical-align: middle;
    white-space: nowrap;
}

body.cl-theme .cl-selall > label {
    position: relative;
    display: inline-flex !important;
    flex: none;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme .cl-selall > label > :not(input, .new-control-indicator) {
    display: none !important;
}

body.cl-theme .cl-selall > label > .new-control-indicator {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    flex: none;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

body.cl-theme .cl-selcount {
    color: var(--cl-ink-secondary);
    font-family: var(--cl-font-head);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
}

body.cl-sade #riskLevelValue {
    -webkit-text-fill-color: var(--cl-ink);
}

body.cl-sade #riskLevelValue::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    border-radius: 0;
    background: currentColor;
    vertical-align: 1px;
}

.cl-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 1px 8px;
    border-radius: 0;
    background: var(--cl-surface-muted);
    color: var(--cl-ink-secondary);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
}

body.cl-theme ::selection {
    background: var(--cl-primary);
    color: #ffffff;
}

.cl-page-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 16px;
    margin-bottom: 14px;
}

.cl-page-title {
    margin: 0;
    color: var(--cl-ink);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: normal;
}

.cl-page-desc {
    margin: 3px 0 0;
    color: var(--cl-ink-muted);
    font-size: 12.5px;
}

.cl-card {
    min-width: 0;
    margin-bottom: 16px;
    border: 1px solid var(--cl-line);
    border-radius: 0;
    background: var(--cl-surface);
    box-shadow: var(--cl-shadow);
}

.cl-card-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--cl-line-soft);
}

.cl-card-title {
    margin: 0;
    color: var(--cl-ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: normal;
}

.cl-card-desc {
    margin: 2px 0 0;
    color: var(--cl-ink-muted);
    font-size: 12px;
}

.cl-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.cl-card-body {
    padding: 18px;
}

.cl-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--cl-line-soft);
    background: var(--cl-surface-toolbar);
}

.cl-toolbar-end {
    margin-left: auto;
}

.cl-card-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    padding: 12px 18px;
    border-top: 1px solid var(--cl-line-soft);
}

.cl-icon-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 28px;
    min-width: 28px;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--cl-btn) !important;
    border-radius: 0 !important;
    background: var(--cl-btn) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 12px !important;
    cursor: pointer;
    transition: background-color .15s, border-color .15s, color .15s;
}

.cl-icon-btn:hover {
    border-color: var(--cl-btn-hover) !important;
    background: var(--cl-btn-hover) !important;
    color: #ffffff !important;
}

.cl-icon-btn.is-danger {
    border-color: var(--cl-danger) !important;
    background: var(--cl-danger) !important;
}

.cl-icon-btn.is-warning {
    border-color: #b26a00 !important;
    background: #b26a00 !important;
}

.cl-icon-btn.is-danger:hover,
.cl-icon-btn.is-warning:hover {
    filter: brightness(1.08);
}

.cl-halka,
.cl-halka6 {
    --cl-step: 200ms;
    position: relative;
    display: inline-block;
    flex: none;
    width: 80px;
    height: 80px;
}

.cl-halka i,
.cl-halka6 i {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8px;
    height: 11px;
    margin: -5.5px 0 0 -4px;
    background: var(--cl-cell-idle);
}

.cl-halka i {
    animation: clHalka2 calc(var(--cl-step) * 20) steps(1, end) infinite;
}

.cl-halka6 i {
    background: var(--cl-cell-faint);
}

.cl-halka6 i.is-ic {
    background: var(--cl-primary);
}

.cl-halka6 i.is-dis {
    background: var(--cl-accent);
}

.cl-halka i:nth-child(1), .cl-halka6 i:nth-child(1) { transform: rotate(0deg) translateY(-22.4px); }
.cl-halka i:nth-child(2), .cl-halka6 i:nth-child(2) { transform: rotate(36deg) translateY(-22.4px); }
.cl-halka i:nth-child(3), .cl-halka6 i:nth-child(3) { transform: rotate(72deg) translateY(-22.4px); }
.cl-halka i:nth-child(4), .cl-halka6 i:nth-child(4) { transform: rotate(108deg) translateY(-22.4px); }
.cl-halka i:nth-child(5), .cl-halka6 i:nth-child(5) { transform: rotate(144deg) translateY(-22.4px); }
.cl-halka i:nth-child(6), .cl-halka6 i:nth-child(6) { transform: rotate(180deg) translateY(-22.4px); }
.cl-halka i:nth-child(7), .cl-halka6 i:nth-child(7) { transform: rotate(216deg) translateY(-22.4px); }
.cl-halka i:nth-child(8), .cl-halka6 i:nth-child(8) { transform: rotate(252deg) translateY(-22.4px); }
.cl-halka i:nth-child(9), .cl-halka6 i:nth-child(9) { transform: rotate(288deg) translateY(-22.4px); }
.cl-halka i:nth-child(10), .cl-halka6 i:nth-child(10) { transform: rotate(324deg) translateY(-22.4px); }
.cl-halka i:nth-child(11), .cl-halka6 i:nth-child(11) { transform: rotate(0deg) translateY(-33.1px); }
.cl-halka i:nth-child(12), .cl-halka6 i:nth-child(12) { transform: rotate(36deg) translateY(-33.1px); }
.cl-halka i:nth-child(13), .cl-halka6 i:nth-child(13) { transform: rotate(72deg) translateY(-33.1px); }
.cl-halka i:nth-child(14), .cl-halka6 i:nth-child(14) { transform: rotate(108deg) translateY(-33.1px); }
.cl-halka i:nth-child(15), .cl-halka6 i:nth-child(15) { transform: rotate(144deg) translateY(-33.1px); }
.cl-halka i:nth-child(16), .cl-halka6 i:nth-child(16) { transform: rotate(180deg) translateY(-33.1px); }
.cl-halka i:nth-child(17), .cl-halka6 i:nth-child(17) { transform: rotate(216deg) translateY(-33.1px); }
.cl-halka i:nth-child(18), .cl-halka6 i:nth-child(18) { transform: rotate(252deg) translateY(-33.1px); }
.cl-halka i:nth-child(19), .cl-halka6 i:nth-child(19) { transform: rotate(288deg) translateY(-33.1px); }
.cl-halka i:nth-child(20), .cl-halka6 i:nth-child(20) { transform: rotate(324deg) translateY(-33.1px); }

.cl-halka i:nth-child(1) { animation-delay: calc(var(--cl-step) * 0); }
.cl-halka i:nth-child(2) { animation-delay: calc(var(--cl-step) * 1); }
.cl-halka i:nth-child(3) { animation-delay: calc(var(--cl-step) * 2); }
.cl-halka i:nth-child(4) { animation-delay: calc(var(--cl-step) * 3); }
.cl-halka i:nth-child(5) { animation-delay: calc(var(--cl-step) * 4); }
.cl-halka i:nth-child(6) { animation-delay: calc(var(--cl-step) * 5); }
.cl-halka i:nth-child(7) { animation-delay: calc(var(--cl-step) * 6); }
.cl-halka i:nth-child(8) { animation-delay: calc(var(--cl-step) * 7); }
.cl-halka i:nth-child(9) { animation-delay: calc(var(--cl-step) * 8); }
.cl-halka i:nth-child(10) { animation-delay: calc(var(--cl-step) * 9); }
.cl-halka i:nth-child(11) { animation-delay: calc(var(--cl-step) * 10); }
.cl-halka i:nth-child(12) { animation-delay: calc(var(--cl-step) * 11); }
.cl-halka i:nth-child(13) { animation-delay: calc(var(--cl-step) * 12); }
.cl-halka i:nth-child(14) { animation-delay: calc(var(--cl-step) * 13); }
.cl-halka i:nth-child(15) { animation-delay: calc(var(--cl-step) * 14); }
.cl-halka i:nth-child(16) { animation-delay: calc(var(--cl-step) * 15); }
.cl-halka i:nth-child(17) { animation-delay: calc(var(--cl-step) * 16); }
.cl-halka i:nth-child(18) { animation-delay: calc(var(--cl-step) * 17); }
.cl-halka i:nth-child(19) { animation-delay: calc(var(--cl-step) * 18); }
.cl-halka i:nth-child(20) { animation-delay: calc(var(--cl-step) * 19); }

@keyframes clHalka2 {
    0%, 4% {
        background: var(--cl-accent);
    }

    5%, 100% {
        background: var(--cl-cell-idle);
    }
}

.cl-halka-mini,
body.cl-theme .spinner-border,
body.cl-theme .spinner-grow,
body.cl-theme svg.feather-loader.spin,
body.cl-theme svg.ait-spin,
body.cl-theme i.fa-spinner,
body.cl-theme i.fa-circle-notch.fa-spin,
body.cl-theme .ait-status-spinner,
body.cl-theme .swiftam-spinner,
body.cl-theme .lrp-spinner,
body.cl-theme .ng-spin {
    display: inline-block;
    flex: none;
    border: 0 !important;
    border-radius: 50% !important;
    background: conic-gradient(from -18deg, var(--cl-accent) 0 36deg, var(--cl-cell-idle) 36deg 360deg) !important;
    background: conic-gradient(from -18deg, var(--cl-accent) 0 36deg, color-mix(in srgb, currentColor 26%, transparent) 36deg 360deg) !important;
    -webkit-mask: repeating-conic-gradient(from -12deg, #000 0 24deg, transparent 24deg 36deg), radial-gradient(farthest-side, transparent 52%, #000 54%);
    -webkit-mask-composite: source-in;
    mask: repeating-conic-gradient(from -12deg, #000 0 24deg, transparent 24deg 36deg), radial-gradient(farthest-side, transparent 52%, #000 54%);
    mask-composite: intersect;
    opacity: 1 !important;
    animation: clHalkaMini 1000ms steps(10, end) infinite !important;
}

.cl-halka-mini {
    width: 16px;
    height: 16px;
    vertical-align: -3px;
}

body.cl-theme svg.feather-loader.spin,
body.cl-theme svg.ait-spin,
body.cl-theme i.fa-spinner,
body.cl-theme i.fa-circle-notch.fa-spin {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
}

body.cl-theme svg.feather-loader.spin > *,
body.cl-theme svg.ait-spin > * {
    display: none;
}

body.cl-theme i.fa-spinner::before,
body.cl-theme i.fa-circle-notch.fa-spin::before {
    content: none !important;
}

body.cl-theme .cl-spin-host {
    position: relative !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    animation: none !important;
    transform: none !important;
}

body.cl-theme .cl-spin-host::before,
body.cl-theme .cl-spin-host::after {
    content: none !important;
}

body.cl-theme .cl-spin-host > :not(.cl-halka):not(.cl-halka6):not(.sr-only) {
    display: none !important;
}

body.cl-theme .cl-spin-host > .cl-halka,
body.cl-theme .cl-spin-host > .cl-halka6 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    transform: scale(var(--cl-halka-scale, 1));
}

body.cl-theme .cl-spin-host-lg {
    width: 80px !important;
    height: 80px !important;
}

.cl-on-dark {
    --cl-cell-idle: rgba(255, 255, 255, .22);
    --cl-cell-faint: rgba(255, 255, 255, .12);
}

.cl-on-dark .cl-halka6 i.is-ic {
    background: #ffffff;
}

body.cl-theme .tab-loading > span {
    color: var(--cl-ink-label);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.cl-theme .cl-hidden-loader {
    display: none !important;
}

.cl-image-loader {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

body.cl-theme .dataTables_processing .cl-halka-mini {
    margin-right: 8px;
}

@keyframes clHalkaMini {
    to {
        transform: rotate(360deg);
    }
}

.cl-loader-box {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.cl-loader-box.cl-on-dark .cl-loader-text {
    color: var(--cl-on-dark-body);
}

.cl-loader-text {
    color: var(--cl-ink-label);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.cl-loader-inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.blockUI.blockMsg.cl-block-msg {
    width: auto !important;
    left: 50% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    transform: translateX(-50%);
}

.blockUI.blockMsg.blockElement.cl-block-msg {
    top: 50% !important;
    transform: translate(-50%, -50%);
}

body.cl-theme .dataTables_processing {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--cl-panel) !important;
    box-shadow: var(--cl-shadow-float) !important;
    color: var(--cl-ink-label) !important;
}

.cl-cizim-lockup {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.cl-cizim-lockup[hidden] {
    display: none;
}

.cl-cizim-lockup svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

@media (prefers-reduced-motion: reduce) {
    .cl-halka,
    .cl-halka6 {
        --cl-step: 625ms;
    }

    .cl-halka-mini,
    body.cl-theme .spinner-border,
    body.cl-theme .spinner-grow,
    body.cl-theme svg.feather-loader.spin,
    body.cl-theme svg.ait-spin,
    body.cl-theme i.fa-spinner,
    body.cl-theme i.fa-circle-notch.fa-spin,
    body.cl-theme .ait-status-spinner,
    body.cl-theme .swiftam-spinner,
    body.cl-theme .lrp-spinner,
    body.cl-theme .ng-spin {
        animation-duration: 3125ms !important;
    }
}

body.cl-theme :is(#cl-theme-scope, *):not(.cl-halka-mini, .spinner-border, .spinner-grow, svg.feather-loader.spin, svg.ait-spin, i.fa-spinner, i.fa-circle-notch.fa-spin, .ait-status-spinner, .swiftam-spinner, #nova-launcher, #nova-launcher *),
body.cl-theme :is(#cl-theme-scope, *):not(.cl-halka-mini, .spinner-border, .spinner-grow, svg.feather-loader.spin, svg.ait-spin, i.fa-spinner, i.fa-circle-notch.fa-spin, .ait-status-spinner, .swiftam-spinner, #nova-launcher, #nova-launcher *)::before,
body.cl-theme :is(#cl-theme-scope, *):not(.cl-halka-mini, .spinner-border, .spinner-grow, svg.feather-loader.spin, svg.ait-spin, i.fa-spinner, i.fa-circle-notch.fa-spin, .ait-status-spinner, .swiftam-spinner, #nova-launcher, #nova-launcher *)::after {
    border-radius: 0 !important;
}

body.cl-theme ::-webkit-scrollbar-thumb,
body.cl-theme ::-webkit-scrollbar-track {
    border-radius: 0 !important;
}

body.cl-theme input[type="range"]::-webkit-slider-thumb {
    border-radius: 0 !important;
}

body.cl-theme input[type="radio"]:not(.custom-control-input):not(.new-control-input):not(.new-control input):not([hidden]) {
    -webkit-appearance: none;
    appearance: none;
    display: inline-grid;
    place-content: center;
    width: 14px;
    height: 14px;
    margin: 0 4px 0 0;
    border: 1px solid var(--cl-line-ice);
    background: var(--cl-surface);
    vertical-align: -2px;
}

body.cl-theme input[type="radio"]:not(.custom-control-input):not(.new-control-input):not(.new-control input):not([hidden])::before {
    content: "";
    width: 8px;
    height: 8px;
    background: transparent;
}

body.cl-theme input[type="radio"]:not(.custom-control-input):not(.new-control-input):not(.new-control input):not([hidden]):checked {
    border-color: var(--cl-accent);
}

body.cl-theme input[type="radio"]:not(.custom-control-input):not(.new-control-input):not(.new-control input):not([hidden]):checked::before {
    background: var(--cl-accent);
}

body.cl-theme .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none !important;
    background-color: transparent;
}

body.cl-theme .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 3px var(--cl-surface) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn, [class*="btn_"], .dt-button, .swal2-styled, .gs-btn):not(.btn-link, .dropdown-item, .close, .btn_global_search, .navbar .btn, .bootstrap-select > .dropdown-toggle, .input-group .dropdown-toggle, span.btn[class*="btn-label-"]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 12px !important;
    font-family: var(--cl-font-head) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    white-space: nowrap;
    vertical-align: middle;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .btn.btn-block {
    display: flex;
    width: 100%;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn, [class*="btn_"]) > svg:not(.cl-caret) {
    flex: none;
    width: 14px;
    height: 14px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-icon-btn {
    min-width: 30px !important;
    padding: 0 7px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(:is(#actionDiv .flex-row, .toggleActions) .btn:not(.dropdown-menu .btn), .operationButtons) {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    min-width: 36px !important;
    padding: 0 9px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(:is(#actionDiv .flex-row, .toggleActions) .btn:not(.dropdown-menu .btn), .operationButtons) > svg.cl-icon {
    width: 18px;
    height: 18px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(:is(.btn, [class*="btn_"]) > .badge, .btn_apply_filter > span) {
    margin-left: 2px;
    padding: 0 0 0 8px !important;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, .4);
    background: transparent !important;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 16px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .table td :is(.btn, [class*="btn_"]):not(.modal .btn) {
    min-width: 30px;
    padding: 0 8px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn, [class*="btn_"], .dt-button, .swal2-styled):not(.btn-link, .dropdown-item, .close, .btn_global_search, .navbar .btn, .bootstrap-select > .dropdown-toggle, .input-group .dropdown-toggle, span.btn[class*="btn-label-"], :is(#actionDiv .flex-row, .toggleActions) .btn, .btn_deactive, .btn_ai, .btn_delete, .btn-danger, .btn-outline-danger, .bs-bulk-delete, .swal2-deny, .btn_success, .buttons-excel, .btn_cancel, .btn_reset, .btn_refresh, .btn-secondary, .btn-outline-secondary, .btn-light, .swal2-cancel, [data-dismiss="modal"], .buttons-colvis, .tfm-type-toggle .btn) {
    border-color: var(--cl-btn) !important;
    background-color: var(--cl-btn) !important;
    background-image: none !important;
    color: #ffffff !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn, [class*="btn_"], .dt-button, .swal2-styled):not(.btn-link, .dropdown-item, .close, .btn_global_search, .navbar .btn, .bootstrap-select > .dropdown-toggle, .input-group .dropdown-toggle, span.btn[class*="btn-label-"], :is(#actionDiv .flex-row, .toggleActions) .btn, .btn_deactive, .btn_ai, .btn_delete, .btn-danger, .btn-outline-danger, .bs-bulk-delete, .swal2-deny, .btn_success, .buttons-excel, .btn_cancel, .btn_reset, .btn_refresh, .btn-secondary, .btn-outline-secondary, .btn-light, .swal2-cancel, [data-dismiss="modal"], .buttons-colvis, .tfm-type-toggle .btn):hover:not(:disabled) {
    border-color: var(--cl-btn-hover) !important;
    background-color: var(--cl-btn-hover) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn_delete, .btn-danger, .btn-outline-danger, .bs-bulk-delete, .swal2-deny):not(:is(#actionDiv .flex-row, .toggleActions) .btn) {
    border-color: var(--cl-btn-danger) !important;
    background-color: var(--cl-btn-danger) !important;
    background-image: none !important;
    color: #ffffff !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn_success, .buttons-excel) {
    border-color: var(--cl-btn-success) !important;
    background-color: var(--cl-btn-success) !important;
    background-image: none !important;
    color: #ffffff !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn_cancel, .btn_reset, .btn_refresh, .btn-secondary, .btn-outline-secondary, .btn-light, .swal2-cancel, .btn[data-dismiss="modal"], .buttons-colvis):not(.btn_delete, .btn-danger) {
    border-color: var(--cl-btn-muted-line) !important;
    background-color: var(--cl-btn-muted) !important;
    background-image: none !important;
    color: var(--cl-btn-muted-ink) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn_cancel, .btn_reset, .btn_refresh, .btn-secondary, .btn-outline-secondary, .btn-light, .swal2-cancel, .btn[data-dismiss="modal"], .buttons-colvis):not(.btn_delete, .btn-danger):hover:not(:disabled) {
    border-color: var(--cl-btn-muted-hover) !important;
    background-color: var(--cl-btn-muted-hover) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn_delete, .btn-danger, .btn-outline-danger, .bs-bulk-delete, .swal2-deny, .btn_success, .buttons-excel):hover:not(:disabled) {
    filter: brightness(1.06);
}

@media screen {
    html.cl-dark:root {
        color-scheme: dark;
        --cl-primary: var(--wl-primary, #2f5bd8);
        --cl-primary-ink: #9bb3ff;
        --cl-primary-soft: #4470e3;
        --cl-btn: var(--wl-primary, #2d4a94);
        --cl-btn-hover: #36549f;
        --cl-btn-danger: color-mix(in srgb, var(--delete-button-color, #d03247) 72%, #0b1220);
        --cl-btn-success: color-mix(in srgb, var(--success-button-color, #5f9ea0) 72%, #0b1220);
        --cl-btn-muted: var(--cl-surface-muted);
        --cl-btn-muted-hover: var(--cl-line-ice);
        --cl-btn-muted-line: var(--cl-line-ice);
        --cl-btn-muted-ink: var(--cl-ink);
        --cl-canvas: #0b1220;
        --cl-surface: #0b1220;
        --cl-panel: #111a2c;
        --cl-surface-muted: #1b2640;
        --cl-surface-hover: #162036;
        --cl-surface-toolbar: #0b1220;
        --cl-ink: #e6ebf5;
        --cl-ink-secondary: #b4bfd4;
        --cl-ink-label: #8793ab;
        --cl-ink-muted: #b4bfd4;
        --cl-ink-faint: #56627c;
        --cl-line-ice: #2c3a56;
        --cl-line: #1f2a40;
        --cl-line-soft: #1a2438;
        --cl-line-row: #1a2438;
        --cl-switch-off: #2c3a56;
        --cl-danger-soft: #3a1a22;
        --cl-danger-line: #6b2a36;
        --cl-note-soft: #3a2a12;
        --cl-note-line: #5a4220;
        --cl-note-ink: #f5c07a;
        --cl-shadow: none;
        --cl-shadow-float: 0 8px 24px rgba(0, 0, 0, .45);
        --cl-shadow-modal: 0 12px 48px rgba(0, 0, 0, .55);
        --cl-cell-idle: rgba(255, 255, 255, .18);
        --cl-cell-faint: rgba(255, 255, 255, .08);
        --cl-header-ring: #0b1220;
        --save-button-color: var(--wl-primary, #2f5bd8);
        --create-button-color: var(--wl-primary, #2f5bd8);
        --pagination-button-color: var(--wl-primary, #2f5bd8);
        --dk-surface: #0b1220;
        --dk-surface-2: #111a2c;
        --dk-surface-3: #1b2640;
        --dk-tint-red: #3a1a22;
        --dk-tint-amber: #3a2a12;
        --dk-tint-green: #12301f;
        --dk-tint-blue: #142441;
        --dk-tint-violet: #251a3d;
        --dk-ink: #e6ebf5;
        --dk-ink-2: #b4bfd4;
        --dk-ink-3: #8793ab;
        --dk-link: #9bb3ff;
        --dk-line: #1f2a40;
        --dk-line-2: #2c3a56;
        --dk-on-red: #ff9aa8;
        --dk-on-amber: #f5c07a;
        --dk-on-green: #7fd8b0;
        --dk-on-teal: #6fd6d6;
        --dk-on-violet: #c9a8ff;
        --dk-glass: transparent;
    }

    html.cl-dark body.cl-theme img[src*="/noImage"] {
        content: url("../images/dark/noImage.svg");
    }

    html.cl-dark body.cl-theme img[src*="/photoCorparate"] {
        content: url("../images/dark/photoCorparate.svg");
    }

    html.cl-dark body.cl-theme img[src*="/noVessel"] {
        content: url("../images/dark/noVessel.svg");
    }

    html.cl-dark body.cl-theme img[src*="/noAircraft"] {
        content: url("../images/dark/noAircraft.svg");
    }

    html.cl-dark body.cl-theme #riskLevelValue:is([style*="black"], [style*="rgb(0, 0, 0)"], [style*="#000"]) {
        color: var(--cl-ink-label) !important;
    }

    html.cl-dark,
    html.cl-dark body.cl-theme {
        background-color: var(--cl-canvas);
    }

    html.cl-dark body.cl-theme {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .sidebar-theme,
    html.cl-dark body.cl-theme #sidebar,
    html.cl-dark body.cl-theme #content,
    html.cl-dark body.cl-theme .main-container {
        background-color: var(--cl-surface);
    }

    html.cl-dark body.cl-theme .sidebar-theme {
        border-right-color: var(--cl-line);
    }

    html.cl-dark body.cl-sade:not(.cl-wl) .sub-header-container .navbar {
        border-bottom-color: var(--cl-line);
    }

    html.cl-dark body.cl-theme a.btn-link,
    html.cl-dark body.cl-theme .btn-link {
        color: var(--cl-primary-ink);
    }

    html.cl-dark body.cl-theme .btn-outline-primary {
        border-color: var(--cl-primary-ink) !important;
        color: var(--cl-primary-ink) !important;
    }

    html.cl-dark body.cl-theme .btn-outline-primary:hover:not(:disabled),
    html.cl-dark body.cl-theme .btn-outline-primary.active {
        border-color: var(--cl-btn) !important;
        color: #ffffff !important;
    }

    html.cl-dark body.cl-sade :is(#actionDiv .flex-row, .toggleActions) .btn:not(.dropdown-menu .btn):not([style*="rgb(208, 50, 71)"]):not([style*="rgb(231, 81, 90)"]) {
        outline: 1px solid var(--cl-btn);
        outline-offset: -1px;
    }

    html.cl-dark body.cl-theme .btn_delete,
    html.cl-dark body.cl-sade :is(#actionDiv .flex-row, .toggleActions) .btn:is([style*="rgb(208, 50, 71)"], [style*="rgb(231, 81, 90)"]) {
        border-color: color-mix(in srgb, var(--delete-button-color, #d03247) 72%, #0b1220) !important;
        background-color: color-mix(in srgb, var(--delete-button-color, #d03247) 72%, #0b1220) !important;
    }

    html.cl-dark body.cl-theme .btn_success {
        border-color: color-mix(in srgb, var(--success-button-color, #5f9ea0) 72%, #0b1220) !important;
        background-color: color-mix(in srgb, var(--success-button-color, #5f9ea0) 72%, #0b1220) !important;
    }

    html.cl-dark body.cl-theme .badge-success {
        background-color: var(--dk-tint-green) !important;
        color: var(--dk-on-green) !important;
    }

    html.cl-dark body.cl-theme .btn.btn_cancel,
    html.cl-dark body.cl-theme .btn.btn_reset,
    html.cl-dark body.cl-theme .btn.btn_refresh,
    html.cl-dark body.cl-theme .btn.btn-secondary,
    html.cl-dark body.cl-theme .dt-buttons .dt-button.buttons-colvis {
        border-color: var(--cl-line-ice) !important;
        background-color: var(--cl-surface-muted) !important;
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme .btn.btn_cancel:hover:not(:disabled),
    html.cl-dark body.cl-theme .btn.btn_reset:hover:not(:disabled),
    html.cl-dark body.cl-theme .btn.btn_refresh:hover:not(:disabled),
    html.cl-dark body.cl-theme .btn.btn-secondary:hover:not(:disabled),
    html.cl-dark body.cl-theme .dt-buttons .dt-button.buttons-colvis:hover {
        border-color: var(--cl-ink-faint) !important;
        background-color: var(--cl-line-ice) !important;
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme .btn-light,
    html.cl-dark body.cl-theme .btn-outline-light,
    html.cl-dark body.cl-theme .btn-default {
        border-color: var(--cl-line-ice);
        background-color: var(--cl-surface-muted);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .btn-outline-dark,
    html.cl-dark body.cl-theme .btn-outline-secondary {
        border-color: var(--cl-line-ice);
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .btn-outline-dark:hover,
    html.cl-dark body.cl-theme .btn-outline-secondary:hover {
        background-color: var(--cl-surface-muted);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .form-control,
    html.cl-dark body.cl-theme .form-control:focus,
    html.cl-dark body.cl-theme .custom-file-label,
    html.cl-dark body.cl-theme .bootstrap-tagsinput {
        border-color: var(--cl-line-ice);
        background-color: var(--cl-surface);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .modal .form-control,
    html.cl-dark body.cl-theme .modal .form-control:focus,
    html.cl-dark body.cl-theme .modal .bootstrap-select > .dropdown-toggle {
        background-color: var(--cl-surface) !important;
    }

    html.cl-dark body.cl-theme .form-control::placeholder,
    html.cl-dark body.cl-theme input::placeholder,
    html.cl-dark body.cl-theme textarea::placeholder {
        color: var(--cl-ink-faint);
        opacity: 1;
    }

    html.cl-dark body.cl-theme .custom-select,
    html.cl-dark body.cl-theme select.form-control:not([multiple]):not([size]) {
        border-color: var(--cl-line-ice);
        background-color: var(--cl-surface);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .custom-select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23b4bfd4' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
    }

    html.cl-dark body.cl-theme .input-group-text,
    html.cl-dark body.cl-theme .custom-file-label::after {
        border-color: var(--cl-line-ice);
        background-color: var(--cl-surface-muted);
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .custom-control-label::before,
    html.cl-dark body.cl-theme .new-control .new-control-indicator {
        background-color: var(--cl-surface-muted);
    }

    html.cl-dark body.cl-theme .custom-control-label::before,
    html.cl-dark body.cl-theme .new-control.new-checkbox .new-control-indicator {
        border-color: var(--cl-ink-faint);
    }

    html.cl-dark body.cl-theme .new-control.new-radio > input:not(:checked) ~ .new-control-indicator {
        box-shadow: inset 0 0 0 1.5px var(--cl-ink-faint);
    }

    html.cl-dark body.cl-theme .switch input:not(:checked) + .slider,
    html.cl-dark body.cl-theme .switch-toggle input:not(:checked) + .slider,
    html.cl-dark body.cl-theme .gs-switch input:not(:checked) ~ .gs-switch-track {
        background-color: var(--cl-ink-faint) !important;
    }

    html.cl-dark body.cl-theme .switch input:not(:checked) + .slider::before,
    html.cl-dark body.cl-theme .switch-toggle input:not(:checked) + .slider::before,
    html.cl-dark body.cl-theme .gs-switch input:not(:checked) ~ .gs-switch-track::before {
        background-color: var(--cl-ink) !important;
        box-shadow: none !important;
    }

    html.cl-dark body.cl-theme .dropdown-menu,
    html.cl-dark body.cl-theme .popover,
    html.cl-dark body.cl-theme .toast,
    html.cl-dark body.cl-theme .toast-header,
    html.cl-dark body.cl-theme .modal-content,
    html.cl-dark body.cl-theme .list-group-item,
    html.cl-dark body.cl-theme .img-thumbnail {
        border-color: var(--cl-line);
        background-color: var(--cl-panel);
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .dropdown-item,
    html.cl-dark body.cl-theme .dropdown-menu a:not(.btn) {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .dropdown-divider {
        border-top-color: var(--cl-line);
    }

    html.cl-dark body.cl-theme .list-group-item-action:hover,
    html.cl-dark body.cl-theme .list-group-item-action:focus {
        background-color: var(--cl-surface-hover);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .popover-header {
        border-bottom-color: var(--cl-line);
        background-color: var(--cl-surface-hover);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .popover-body {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .bs-popover-top > .arrow::after,
    html.cl-dark body.cl-theme .bs-popover-auto[x-placement^="top"] > .arrow::after {
        border-top-color: var(--cl-panel);
    }

    html.cl-dark body.cl-theme .bs-popover-bottom > .arrow::after,
    html.cl-dark body.cl-theme .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
        border-bottom-color: var(--cl-panel);
    }

    html.cl-dark body.cl-theme .bs-popover-left > .arrow::after,
    html.cl-dark body.cl-theme .bs-popover-auto[x-placement^="left"] > .arrow::after {
        border-left-color: var(--cl-panel);
    }

    html.cl-dark body.cl-theme .bs-popover-right > .arrow::after,
    html.cl-dark body.cl-theme .bs-popover-auto[x-placement^="right"] > .arrow::after {
        border-right-color: var(--cl-panel);
    }

    html.cl-dark body.cl-theme .close,
    html.cl-dark body.cl-theme .close:hover {
        color: var(--cl-ink);
        text-shadow: none;
    }

    html.cl-dark body.cl-theme .card,
    html.cl-dark body.cl-theme .card-body,
    html.cl-dark body.cl-theme .card-footer {
        background-color: var(--cl-surface);
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .modal .card,
    html.cl-dark body.cl-theme .modal .card-body,
    html.cl-dark body.cl-theme .modal .card-footer {
        background-color: var(--cl-panel);
    }

    html.cl-dark body.cl-theme .table,
    html.cl-dark body.cl-theme table.dataTable {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .table td,
    html.cl-dark body.cl-theme .table th {
        border-color: var(--cl-line-row);
    }

    html.cl-dark body.cl-theme .table-hover tbody tr:hover,
    html.cl-dark body.cl-theme table.dataTable.hover tbody tr:hover,
    html.cl-dark body.cl-theme table.dataTable.display tbody tr:hover {
        background-color: var(--cl-surface-hover);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .table-striped tbody tr:nth-of-type(odd),
    html.cl-dark body.cl-theme table.dataTable.stripe tbody tr.odd,
    html.cl-dark body.cl-theme table.dataTable.display tbody tr.odd {
        background-color: rgba(255, 255, 255, .02);
    }

    html.cl-dark body.cl-theme table.dataTable tbody tr,
    html.cl-dark body.cl-theme table.dataTable tbody tr.even {
        background-color: transparent;
    }

    html.cl-dark body.cl-theme table.dataTable tbody tr.selected,
    html.cl-dark body.cl-theme .table-active,
    html.cl-dark body.cl-theme .table-active > td,
    html.cl-dark body.cl-theme .table-active > th {
        background-color: var(--cl-surface-muted);
    }

    html.cl-dark body.cl-theme .thead-light th,
    html.cl-dark body.cl-theme .table .thead-light th,
    html.cl-dark body.cl-theme .table-light,
    html.cl-dark body.cl-theme .table-light > td,
    html.cl-dark body.cl-theme .table-light > th {
        border-color: var(--cl-line);
        background-color: var(--cl-surface);
        color: var(--cl-ink-label);
    }

    html.cl-dark body.cl-theme .dataTables_scrollHead,
    html.cl-dark body.cl-theme .dataTables_scrollHeadInner,
    html.cl-dark body.cl-theme .dataTables_scrollBody,
    html.cl-dark body.cl-theme .DTFC_LeftBodyLiner,
    html.cl-dark body.cl-theme .DTFC_RightBodyLiner,
    html.cl-dark body.cl-theme table.DTFC_Cloned tr,
    html.cl-dark body.cl-theme table.dataTable .dtfc-fixed-left,
    html.cl-dark body.cl-theme table.dataTable .dtfc-fixed-right {
        background-color: var(--cl-surface) !important;
    }

    html.cl-dark body.cl-theme .dataTables_wrapper .dataTables_length select,
    html.cl-dark body.cl-theme .dataTables_wrapper .dataTables_filter input {
        border-color: var(--cl-line-ice) !important;
        background-color: var(--cl-surface) !important;
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme .kyb-scope {
        --kyb-ink: #e6ebf5;
        --kyb-ink-soft: #b4bfd4;
        --kyb-muted: #8793ab;
        --kyb-line: #1f2a40;
        --kyb-line-soft: #1a2438;
        --kyb-surface: #0b1220;
        --kyb-canvas: #111a2c;
        --kyb-ok-soft: #12301f;
        --kyb-warn-soft: #3a2a12;
        --kyb-risk-soft: #3a1a22;
        --kyb-info: #9bb3ff;
        --kyb-info-soft: #142441;
        --kyb-purple-soft: #251a3d;
        --kyb-status-grad: linear-gradient(150deg, #3a2a12 0%, #4a3418 100%);
    }

    html.cl-dark .cl-tour-hole {
        box-shadow: 0 0 0 2px var(--cl-accent), 0 0 0 9999px rgba(2, 6, 14, .72);
    }

    html.cl-dark body.cl-theme .new-control.new-radio > input ~ span.new-radio-content {
        color: var(--cl-ink-secondary) !important;
    }

    html.cl-dark body.cl-theme .new-control.new-radio > input:checked ~ span.new-radio-content {
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme .nova-ws-panel,
    html.cl-dark body.cl-theme .nova-ws-composer,
    html.cl-dark body.cl-theme .nova-ws-chip,
    html.cl-dark body.cl-theme .nova-ws-tbtn {
        background: rgba(17, 26, 44, .72) !important;
        color: var(--cl-ink-secondary) !important;
    }

    html.cl-dark body.cl-theme #query-builder-page .qb-intro-steps li {
        background: var(--cl-surface-muted) !important;
    }

    html.cl-dark body.cl-theme .cr-tour-card {
        background: var(--cl-panel) !important;
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme .cr-tour-card h3,
    html.cl-dark body.cl-theme .cr-tour-card b {
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme .cr-tour-card p,
    html.cl-dark body.cl-theme .cr-tour-btn.skip {
        color: var(--cl-ink-label) !important;
    }

    html.cl-dark body.cl-theme .cr-tour-btn.next {
        background: var(--cl-primary) !important;
    }

    html.cl-dark body.cl-theme .cr-tour-dots span:not(.active) {
        background: var(--cl-line-ice) !important;
    }

    html.cl-dark body.cl-theme .btn_deactive,
    html.cl-dark body.cl-theme .btn.btn_deactive {
        border-color: var(--cl-line-ice) !important;
        background-color: var(--cl-surface-muted) !important;
        color: var(--cl-ink-label) !important;
    }

    html.cl-dark body.cl-theme .am-view-toggle,
    html.cl-dark body.cl-theme .am-view-toggle .am-view-btn {
        border-color: var(--cl-line-ice) !important;
        background: var(--cl-surface) !important;
        color: var(--cl-ink-label) !important;
    }

    html.cl-dark body.cl-theme .am-view-toggle .am-view-btn.active {
        background: var(--cl-surface-muted) !important;
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme .am-count-pill {
        background: var(--cl-surface-muted) !important;
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme #style-customer tbody tr:hover {
        background: var(--cl-surface-hover) !important;
    }

    html.cl-dark body.cl-theme #style-customer td.am-expand-cell {
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme .dataTables_wrapper .dataTables_length,
    html.cl-dark body.cl-theme .dataTables_wrapper .dataTables_filter,
    html.cl-dark body.cl-theme .dataTables_wrapper .dataTables_info,
    html.cl-dark body.cl-theme .dataTables_wrapper .dataTables_processing,
    html.cl-dark body.cl-theme .dataTables_wrapper .dataTables_paginate {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .bg-white {
        background-color: var(--cl-surface) !important;
    }

    html.cl-dark body.cl-theme .bg-light {
        background-color: var(--cl-surface-hover) !important;
    }

    html.cl-dark body.cl-theme .text-dark,
    html.cl-dark body.cl-theme .text-body,
    html.cl-dark body.cl-theme .text-black {
        color: var(--cl-ink) !important;
    }

    html.cl-dark body.cl-theme .text-muted,
    html.cl-dark body.cl-theme .text-black-50,
    html.cl-dark body.cl-theme .text-secondary {
        color: var(--cl-ink-label) !important;
    }

    html.cl-dark body.cl-theme .border,
    html.cl-dark body.cl-theme .border-top,
    html.cl-dark body.cl-theme .border-right,
    html.cl-dark body.cl-theme .border-bottom,
    html.cl-dark body.cl-theme .border-left,
    html.cl-dark body.cl-theme .border-light {
        border-color: var(--cl-line) !important;
    }

    html.cl-dark body.cl-theme hr {
        border-top-color: var(--cl-line);
    }

    html.cl-dark body.cl-theme .badge-light {
        background-color: var(--cl-surface-muted);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .progress,
    html.cl-dark body.cl-theme .breadcrumb,
    html.cl-dark body.cl-theme .jumbotron {
        background-color: var(--cl-surface-muted);
    }

    html.cl-dark body.cl-theme mark,
    html.cl-dark body.cl-theme .mark {
        background-color: var(--cl-note-soft);
        color: var(--cl-note-ink);
    }

    html.cl-dark body.cl-theme pre {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .alert-success,
    html.cl-dark body.cl-theme .alert-light-success {
        border-color: #1f4d33 !important;
        background-color: #12301f !important;
        color: #8fe0b0 !important;
    }

    html.cl-dark body.cl-theme .alert-danger,
    html.cl-dark body.cl-theme .alert-light-danger {
        border-color: var(--cl-danger-line) !important;
        background-color: var(--cl-danger-soft) !important;
        color: #ffa3b0 !important;
    }

    html.cl-dark body.cl-theme .alert-warning,
    html.cl-dark body.cl-theme .alert-light-warning {
        border-color: var(--cl-note-line) !important;
        background-color: var(--cl-note-soft) !important;
        color: var(--cl-note-ink) !important;
    }

    html.cl-dark body.cl-theme .alert-secondary,
    html.cl-dark body.cl-theme .alert-light,
    html.cl-dark body.cl-theme .alert-primary,
    html.cl-dark body.cl-theme .alert-dark {
        border-color: var(--cl-line) !important;
        background-color: var(--cl-surface-muted) !important;
        color: var(--cl-ink-secondary) !important;
    }

    html.cl-dark body.cl-theme .bootstrap-select .dropdown-menu li a,
    html.cl-dark body.cl-theme .bootstrap-select .dropdown-menu li a span.text {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .bootstrap-select .dropdown-menu li.selected a,
    html.cl-dark body.cl-theme .bootstrap-select .dropdown-menu li a:hover {
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .bootstrap-select .bs-searchbox .form-control,
    html.cl-dark body.cl-theme .bootstrap-select .no-results,
    html.cl-dark body.cl-theme .bootstrap-select .bs-actionsbox .btn {
        border-color: var(--cl-line-ice);
        background-color: var(--cl-surface);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .select2-container--default .select2-selection--single,
    html.cl-dark body.cl-theme .select2-container--default .select2-selection--multiple,
    html.cl-dark body.cl-theme .select2-container--default .select2-search--dropdown .select2-search__field,
    html.cl-dark body.cl-theme .select2-container--default .select2-search--inline .select2-search__field {
        border-color: var(--cl-line-ice);
        background-color: var(--cl-surface);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .select2-container--default .select2-selection--single .select2-selection__rendered,
    html.cl-dark body.cl-theme .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
        border-color: var(--cl-line-ice);
        background-color: var(--cl-surface-muted);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .select2-dropdown {
        border-color: var(--cl-line);
        background-color: var(--cl-panel);
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .select2-container--default .select2-results__option[aria-selected="true"],
    html.cl-dark body.cl-theme .select2-container--default .select2-results__option--selected {
        background-color: var(--cl-surface-muted);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .select2-container--default .select2-results__option--highlighted[aria-selected],
    html.cl-dark body.cl-theme .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: var(--cl-primary);
        color: #ffffff;
    }

    html.cl-dark body.cl-theme .flatpickr-calendar {
        border-color: var(--cl-line);
        background: var(--cl-panel);
        box-shadow: var(--cl-shadow-float);
    }

    html.cl-dark body.cl-theme .flatpickr-calendar.arrowTop::after {
        border-bottom-color: var(--cl-panel);
    }

    html.cl-dark body.cl-theme .flatpickr-calendar.arrowBottom::after {
        border-top-color: var(--cl-panel);
    }

    html.cl-dark body.cl-theme .flatpickr-months .flatpickr-month,
    html.cl-dark body.cl-theme .flatpickr-months .flatpickr-prev-month,
    html.cl-dark body.cl-theme .flatpickr-months .flatpickr-next-month,
    html.cl-dark body.cl-theme .flatpickr-current-month .flatpickr-monthDropdown-months,
    html.cl-dark body.cl-theme .flatpickr-current-month input.cur-year {
        background: transparent;
        color: var(--cl-ink);
        fill: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
        background-color: var(--cl-panel);
    }

    html.cl-dark body.cl-theme span.flatpickr-weekday,
    html.cl-dark body.cl-theme .flatpickr-weekdays {
        background: transparent;
        color: var(--cl-ink-label);
    }

    html.cl-dark body.cl-theme .flatpickr-day,
    html.cl-dark body.cl-theme .flatpickr-time input,
    html.cl-dark body.cl-theme .flatpickr-time .flatpickr-am-pm,
    html.cl-dark body.cl-theme .flatpickr-time .flatpickr-time-separator {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .flatpickr-day:hover,
    html.cl-dark body.cl-theme .flatpickr-day:focus,
    html.cl-dark body.cl-theme .flatpickr-day.inRange,
    html.cl-dark body.cl-theme .flatpickr-time input:hover,
    html.cl-dark body.cl-theme .flatpickr-time input:focus {
        border-color: var(--cl-surface-muted);
        background: var(--cl-surface-muted);
        box-shadow: -5px 0 0 var(--cl-surface-muted), 5px 0 0 var(--cl-surface-muted);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .flatpickr-day.prevMonthDay,
    html.cl-dark body.cl-theme .flatpickr-day.nextMonthDay,
    html.cl-dark body.cl-theme .flatpickr-day.flatpickr-disabled {
        color: var(--cl-ink-faint);
    }

    html.cl-dark body.cl-theme .flatpickr-day.today {
        border-color: var(--cl-ink-label);
    }

    html.cl-dark body.cl-theme .flatpickr-day.selected,
    html.cl-dark body.cl-theme .flatpickr-day.startRange,
    html.cl-dark body.cl-theme .flatpickr-day.endRange {
        border-color: var(--cl-primary);
        background: var(--cl-primary);
        box-shadow: none;
        color: #ffffff;
    }

    html.cl-dark body.cl-theme .flatpickr-time,
    html.cl-dark body.cl-theme .flatpickr-calendar.hasTime .flatpickr-time {
        border-top-color: var(--cl-line);
    }

    html.cl-dark body.cl-theme .numInputWrapper span.arrowUp::after {
        border-bottom-color: var(--cl-ink-label);
    }

    html.cl-dark body.cl-theme .numInputWrapper span.arrowDown::after {
        border-top-color: var(--cl-ink-label);
    }

    html.cl-dark body.cl-theme .ql-toolbar.ql-snow,
    html.cl-dark body.cl-theme .ql-container.ql-snow {
        border-color: var(--cl-line-ice);
    }

    html.cl-dark body.cl-theme .ql-snow .ql-stroke {
        stroke: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .ql-snow .ql-fill,
    html.cl-dark body.cl-theme .ql-snow .ql-stroke.ql-fill {
        fill: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .ql-snow .ql-picker,
    html.cl-dark body.cl-theme .ql-editor {
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .ql-snow .ql-picker-options,
    html.cl-dark body.cl-theme .ql-snow .ql-tooltip {
        border-color: var(--cl-line);
        background-color: var(--cl-panel);
        box-shadow: var(--cl-shadow-float);
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .ql-editor.ql-blank::before {
        color: var(--cl-ink-faint);
    }

    html.cl-dark body.cl-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
    html.cl-dark body.cl-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke {
        stroke: var(--cl-primary-ink);
    }

    html.cl-dark body.cl-theme .ql-snow.ql-toolbar button:hover .ql-fill,
    html.cl-dark body.cl-theme .ql-snow.ql-toolbar button.ql-active .ql-fill {
        fill: var(--cl-primary-ink);
    }

    html.cl-dark body.cl-theme .ps__rail-x:hover,
    html.cl-dark body.cl-theme .ps__rail-y:hover,
    html.cl-dark body.cl-theme .ps--clicking .ps__rail-x,
    html.cl-dark body.cl-theme .ps--clicking .ps__rail-y {
        background-color: var(--cl-surface-muted);
    }

    html.cl-dark body.cl-theme .ps__thumb-x,
    html.cl-dark body.cl-theme .ps__thumb-y {
        background-color: var(--cl-line-ice);
    }

    html.cl-dark body.cl-theme .ui-widget-content,
    html.cl-dark body.cl-theme .ui-widget-header {
        border-color: var(--cl-line);
        background: var(--cl-panel);
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .ui-state-default,
    html.cl-dark body.cl-theme .ui-widget-content .ui-state-default {
        border-color: var(--cl-line-ice);
        background: var(--cl-surface-muted);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .apexcharts-tooltip.apexcharts-theme-light,
    html.cl-dark body.cl-theme .apexcharts-xaxistooltip,
    html.cl-dark body.cl-theme .apexcharts-yaxistooltip {
        border-color: var(--cl-line-ice);
        background: var(--cl-surface-muted);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
        border-bottom-color: var(--cl-line);
        background: var(--cl-surface-hover);
    }

    html.cl-dark body.cl-theme .apexcharts-menu {
        border-color: var(--cl-line);
        background: var(--cl-panel);
    }

    html.cl-dark body.cl-theme .apexcharts-menu-item:hover {
        background: var(--cl-surface-hover);
    }

    html.cl-dark body.cl-theme .swal2-popup {
        background: var(--cl-panel);
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .swal2-popup .swal2-title {
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .swal2-popup .swal2-content,
    html.cl-dark body.cl-theme .swal2-popup .swal2-html-container {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .swal2-popup .swal2-input,
    html.cl-dark body.cl-theme .swal2-popup .swal2-textarea,
    html.cl-dark body.cl-theme .swal2-popup .swal2-select {
        border-color: var(--cl-line-ice);
        background: var(--cl-surface);
        color: var(--cl-ink);
    }

    html.cl-dark body.cl-theme .jstree-default .jstree-anchor {
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .jstree-default .jstree-hovered {
        background: var(--cl-surface-hover);
        box-shadow: none;
    }

    html.cl-dark body.cl-theme .jstree-default .jstree-clicked {
        background: var(--cl-surface-muted);
        box-shadow: none;
    }

    html.cl-dark body.cl-theme .jstree-default .jstree-ocl,
    html.cl-dark body.cl-theme .jstree-default .jstree-checkbox {
        filter: invert(.85);
    }

    html.cl-dark body.cl-theme .gu-mirror,
    html.cl-dark body.cl-theme .dragula-container > div {
        border-color: var(--cl-line);
        background-color: var(--cl-panel);
        color: var(--cl-ink-secondary);
    }

    html.cl-dark body.cl-theme .rules-group-container {
        border-color: var(--cl-line);
        background: var(--cl-surface-hover);
    }

    html.cl-dark body.cl-theme .grid-stack-placeholder > .placeholder-content {
        border-color: var(--cl-line-ice);
        background: var(--cl-surface-muted);
    }

    html.cl-dark body.cl-theme img[src$="complead-logo.png"],
    html.cl-dark body.cl-theme img[src*="complead-logo.png?"] {
        content: url("../img/complead-logo-white.png");
    }

}

body.cl-theme .bs-toolbar:empty {
    display: none;
}

body.cl-theme .gradient-border::after,
body.cl-theme #toggleAccordion > .card > .card-header > section > .collapsed.text-body::after {
    content: none;
}

body.cl-theme .cl-export {
    display: inline-flex;
    height: fit-content;
    vertical-align: middle;
}

body.cl-theme .cl-export-source {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-export-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

body.cl-theme .cl-export-toggle.dropdown-toggle::after {
    display: none;
}

body.cl-theme .cl-export > .dropdown-menu {
    top: 100% !important;
    margin-top: 2px;
    transform: none !important;
}

body.cl-theme #customDropdown > svg {
    position: static !important;
    top: auto !important;
    right: auto !important;
    flex: none;
    margin: 0 0 0 6px !important;
}

body.cl-sade .widget-heading h5 {
    font-size: 14px !important;
    font-weight: 650;
}

body.cl-sade .widget-heading .dateRangeText {
    color: var(--cl-ink-label);
    font-size: 11.5px;
    font-weight: 500;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu li > a > .sidebar-bookmark-toggle:not(.is-active) {
    opacity: 0 !important;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu li > a:hover > .sidebar-bookmark-toggle,
body.cl-theme #sidebar ul.menu-categories ul.submenu li > a > .sidebar-bookmark-toggle:focus-visible {
    opacity: 1 !important;
    background-color: var(--cl-surface-muted);
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion > a {
    padding-right: 28px !important;
}

body.cl-theme #sidebar ul.menu-categories ul.submenu > li.submenu-accordion > a > svg {
    position: absolute;
    top: calc(50% - 7px);
    right: 8px;
    width: 14px;
    height: 14px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select > .dropdown-toggle {
    display: flex !important;
    align-items: center !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select > .dropdown-toggle .filter-option {
    position: static !important;
    display: flex !important;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    height: auto !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select > .dropdown-toggle :is(.filter-option, .filter-option-inner, .filter-option-inner-inner) {
    overflow: hidden;
    color: inherit;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: inherit !important;
    letter-spacing: normal !important;
    line-height: 20px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select .dropdown-menu :is(li > a, .dropdown-item) {
    display: block;
    padding: 6px 12px !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 18px !important;
    text-transform: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select .dropdown-menu :is(li > a, .dropdown-item) :is(span, .text) {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: normal !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select .dropdown-menu :is(li:is(.selected, .active) > a, a.dropdown-item:is(.selected, .active)) {
    background: var(--cl-surface-muted) !important;
    font-weight: 600 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select .dropdown-menu :is(li > a, a.dropdown-item):hover {
    background: var(--cl-surface-hover) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select .dropdown-menu .dropdown-item-inner {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select:is(.show-tick, :has(> select[multiple])) .dropdown-menu a .check-mark {
    position: static !important;
    display: inline-block !important;
    order: -1;
    flex: none;
    width: 14px;
    height: 14px;
    margin: 0 !important;
    border: 1px solid var(--cl-line-ice);
    background: var(--cl-surface);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select:is(.show-tick, :has(> select[multiple])) .dropdown-menu a .check-mark::after {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select:is(.show-tick, :has(> select[multiple])) .dropdown-menu :is(li.selected > a, a.selected) .check-mark {
    border-color: var(--cl-accent);
    background: var(--cl-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E") center / 11px 11px no-repeat;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select:not(.show-tick):not(:has(> select[multiple])) .dropdown-menu .check-mark {
    display: none !important;
}

body.cl-theme .bootstrap-select .dropdown-menu .dropdown-item-inner::before {
    display: none !important;
}

@supports (appearance: base-select) {
    body.cl-theme :is(select.form-control, select.custom-select, .dataTables_length select):not([multiple]):not([size]) {
        appearance: base-select;
        display: inline-flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        white-space: nowrap;
        background-image: none !important;
    }

    body.cl-theme :is(select.form-control, select.custom-select):not([multiple]):not([size]):not(.dataTables_length select) {
        display: flex !important;
    }

    body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(select.form-control, select.custom-select, .dataTables_length select):not([multiple]):not([size]) {
        padding-right: 8px !important;
    }

    body.cl-theme :is(select.form-control, select.custom-select, .dataTables_length select):not([multiple]):not([size])::picker-icon {
        color: var(--cl-ink-label);
        font-size: 10px;
    }

    body.cl-theme :is(select.form-control, select.custom-select, .dataTables_length select):not([multiple]):not([size])::picker(select) {
        appearance: base-select;
        margin-top: 2px;
        padding: 4px 0;
        border: 1px solid var(--cl-line);
        background: var(--cl-panel);
        box-shadow: var(--cl-shadow-float);
    }

    body.cl-theme :is(select.form-control, select.custom-select, .dataTables_length select):not([multiple]):not([size]) option {
        padding: 6px 12px;
        color: var(--cl-ink);
        font-family: var(--cl-font-body);
        font-size: 13px;
    }

    body.cl-theme :is(select.form-control, select.custom-select, .dataTables_length select):not([multiple]):not([size]) option:checked {
        background: var(--cl-surface-muted);
        font-weight: 600;
    }

    body.cl-theme :is(select.form-control, select.custom-select, .dataTables_length select):not([multiple]):not([size]) option:is(:hover, :focus-visible) {
        background: var(--cl-surface-hover);
    }

    body.cl-theme :is(select.form-control, select.custom-select, .dataTables_length select):not([multiple]):not([size]) option::checkmark {
        display: none;
    }
}

body.cl-theme :is(#actionDiv, .toggleActions, .case-action-rail, .cl-detail-rail, #kt_subheader) :is(.btn, .operationButtons) > svg.cl-caret {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .operationButtons {
    justify-content: center;
    width: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    gap: 0;
}

body.cl-theme .operationButtons > .selectedCountBadge:empty {
    display: none;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#actionDiv .flex-row, .toggleActions) .btn:not(.dropdown-menu .btn) {
    justify-content: center;
    gap: 0;
}

body.cl-theme .bootstrap-select .bs-actionsbox {
    padding: 6px 8px;
}

body.cl-theme .bootstrap-select .bs-actionsbox .btn-group {
    display: flex;
    gap: 6px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select .bs-actionsbox .btn-group > .actions-btn,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select .bs-actionsbox .btn-group > .actions-btn:is(:hover, :focus, :active) {
    flex: 1 1 0;
    width: auto;
    height: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid var(--cl-line-ice) !important;
    background: var(--cl-surface-muted) !important;
    box-shadow: none !important;
    color: var(--cl-ink) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    filter: none !important;
}

body.cl-theme .dataTables_wrapper > .row:has(> [class*="col-"] > .dataTables_length) {
    padding-top: 12px;
}

body.cl-theme #actionDiv > .row:has(.toggleActions) {
    margin-bottom: 0 !important;
}

body.cl-theme #actionDiv > .row > [class*="col-"]:has(> .toggleActions) {
    row-gap: 8px;
}

body.cl-theme #actionDiv .toggleActions > .btn-group,
body.cl-theme #actionDiv .btn-group.toggleActions {
    margin-bottom: 0 !important;
    vertical-align: top;
}

body.cl-theme .cl-bulk-sep:not(:not(.cl-bulk-sep, [style*="display: none"], [style*="display:none"], [hidden], :empty) ~ .cl-bulk-sep),
body.cl-theme .cl-bulk-sep:not(:has(~ :not(.cl-bulk-sep, [style*="display: none"], [style*="display:none"], [hidden], :empty))) {
    display: none !important;
}

body.cl-theme .dataTables_wrapper [class*="col-"]:has(> .dataTables_length) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.cl-theme .dataTables_wrapper [class*="col-"]:has(> .dataTables_length) > .bs-toolbar {
    order: -2;
    margin: 0 !important;
}

body.cl-theme .dataTables_wrapper [class*="col-"]:has(> .dataTables_length) > .dt-buttons {
    order: -1;
}

body.cl-theme .dataTables_wrapper :is(.dataTables_length, .dt-buttons) {
    display: inline-flex;
    float: none !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme .dataTables_wrapper :is(.dataTables_length, .dataTables_filter) label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    height: 30px;
    margin: 0 !important;
    color: var(--cl-ink-label);
    font-family: var(--cl-font-head);
    font-size: 12px !important;
    font-weight: 600;
    line-height: 30px;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .dataTables_wrapper .dataTables_length select {
    width: auto !important;
    min-width: 64px;
    margin: 0 !important;
}

body.cl-theme .dataTables_wrapper .dataTables_filter {
    display: flex;
    justify-content: flex-end;
    max-width: 100%;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .dataTables_wrapper .dataTables_filter input {
    flex: 0 1 240px;
    width: 240px !important;
    min-width: 0;
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.dt-buttons .dt-button, .bs-toolbar .btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(.dt-buttons .dt-button, .bs-toolbar .btn) svg {
    width: 14px;
    height: 14px;
}

body.cl-theme :is(.dt-buttons .dt-button, .bs-toolbar .btn) :is(.dt-down-arrow, svg.cl-caret) {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) #content .dropdown-menu > .dropdown-item,
body.cl-theme :is(#cl-theme-scope, *) #content .dropdown-menu > li > .dropdown-item {
    padding: 6px 12px !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 400;
    letter-spacing: normal !important;
    line-height: 18px !important;
}

body.cl-theme :is(#cl-theme-scope, *) #content .dropdown-menu > :is(.dropdown-item, li > .dropdown-item):is(:hover, :focus) {
    background: var(--cl-surface-hover) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.input-group-prepend, .input-group-append) > select,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) select.form-select:not([multiple]) {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 24px 0 8px !important;
    border: 1px solid var(--cl-line-ice) !important;
    background-color: var(--cl-surface) !important;
    box-shadow: none !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
}

body.cl-theme :is(.input-group-prepend, .input-group-append) > select {
    min-width: 92px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .active-filters-area .filter-tag {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 6px;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: 18rem !important;
    height: 24px !important;
    padding: 0 4px 0 8px !important;
    border: 1px solid var(--cl-line) !important;
    border-radius: 0 !important;
    background: var(--cl-surface) !important;
    color: var(--cl-ink-secondary) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    opacity: 1 !important;
    white-space: nowrap !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .active-filters-area .filter-tag.filter-tag--pinned {
    padding-right: 8px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .active-filters-area .filter-tag > span:not(.remove-tag) {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .active-filters-area .filter-tag b {
    color: var(--cl-ink) !important;
    font-weight: 600 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .active-filters-area .filter-tag .remove-tag {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0 !important;
    color: var(--cl-ink-label) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .active-filters-area .filter-tag .remove-tag:hover {
    background: var(--cl-surface-hover);
    color: var(--cl-ink) !important;
}

body.cl-theme .cf {
    border-radius: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .btn.btn-secondary.canvas-btn,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .btn.btn-secondary.canvas-btn:is(:hover, :focus) {
    border-color: var(--cl-btn) !important;
    background: var(--cl-btn) !important;
    color: #ffffff !important;
}

body.cl-theme :is(.rs-view-toggle, .fx-view-toggle) {
    height: 30px;
    border-color: var(--cl-line-ice);
}

body.cl-theme :is(.rs-view-btn, .fx-view-btn).active {
    background: var(--cl-btn);
}

body.cl-theme img:is([src*="mindset.svg"], [src*="not-found.svg"]) {
    display: block;
    max-width: none !important;
    height: auto !important;
    margin: 0 auto !important;
    opacity: 1 !important;
}

body.cl-theme img[src*="mindset.svg"] {
    width: 88px !important;
    height: 88px !important;
}

body.cl-theme img[src*="not-found.svg"] {
    width: 64px !important;
    height: 64px !important;
}

body.cl-theme [style*="not-found.svg"] {
    background-size: 64px 64px !important;
}

html.cl-dark body.cl-theme img[src*="mindset.svg"] {
    content: url("../img/mindset-dark.svg");
}

html.cl-dark body.cl-theme img[src*="not-found.svg"] {
    content: url("../img/not-found-dark.svg");
}

html.cl-dark body.cl-theme [style*="not-found.svg"] {
    background-image: url("../img/not-found-dark.svg") !important;
}

body.cl-theme :is(#cl-theme-scope, *) img[src*="mindset.svg"] ~ :is(h1, h2, h3, h4, h5, h6) {
    margin: 16px 0 0 !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-head) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    line-height: 1.4 !important;
}

body.cl-theme :is(#cl-theme-scope, *) img[src*="not-found.svg"] ~ :is(h1, h2, h3, h4, h5, h6, p) {
    margin: 12px 0 0 !important;
    color: var(--cl-ink-label) !important;
    font-family: var(--cl-font-head) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    line-height: 1.4 !important;
}

body.cl-theme #kybHelpModal .modal-content {
    margin-top: 12vh !important;
    border: 1px solid var(--cl-line) !important;
    background: var(--cl-panel) !important;
    box-shadow: var(--cl-shadow-float) !important;
}

body.cl-theme #kybHelpModal #tourHeader {
    padding: 18px 24px 14px !important;
    border-bottom: 1px solid var(--cl-line-soft) !important;
    background: var(--cl-panel) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme #kybHelpModal #tourHeader :is(.modal-title, i, span) {
    color: var(--cl-ink) !important;
}

body.cl-theme #kybHelpModal #tourHeader :is(.modal-title, span) {
    font-family: var(--cl-font-head);
    font-size: 15px !important;
    font-weight: 650 !important;
}

body.cl-theme #kybHelpModal #tourHeader .progress {
    height: 3px !important;
    background: var(--cl-line-soft) !important;
}

body.cl-theme #kybHelpModal #tourProgress {
    background: var(--cl-accent) !important;
}

body.cl-theme #kybHelpModal #closeTour,
body.cl-theme #kybHelpModal #closeTour span {
    color: var(--cl-ink-label) !important;
    opacity: 1 !important;
}

body.cl-theme #kybHelpModal .modal-body {
    padding: 24px !important;
}

body.cl-theme #kybHelpModal #tourContent i[class*="fa-"] {
    color: var(--cl-primary) !important;
    font-size: 32px !important;
}

body.cl-theme #kybHelpModal #tourContent :is(h4, h5, h6) {
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-head) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

body.cl-theme #kybHelpModal #tourContent :is(p, li, span:not(.badge)) {
    color: var(--cl-ink-secondary) !important;
    font-size: 13px !important;
    letter-spacing: normal !important;
    line-height: 1.6 !important;
}

body.cl-theme #kybHelpModal .modal-footer {
    padding: 14px 24px !important;
    border-top: 1px solid var(--cl-line-soft) !important;
    background: var(--cl-panel) !important;
}

body.cl-theme #kybHelpModal .modal-footer .form-check-label {
    color: var(--cl-ink-label) !important;
    font-size: 12px !important;
    letter-spacing: normal !important;
}

body.cl-theme #kybHelpModal .modal-footer .btn-group {
    gap: 8px;
}

body.cl-theme #kybHelpModal #prevStep {
    border-color: var(--cl-btn-muted) !important;
    background: var(--cl-btn-muted) !important;
    color: var(--cl-btn-muted-ink) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :is(.form-group.row, .cl-listbar-left) {
    flex-wrap: wrap !important;
    align-items: center !important;
    row-gap: 8px;
}

body.cl-theme .cl-listbar {
    position: relative;
    z-index: 1;
}

body.cl-theme :is(.cl-listbar, .cl-listbar *):has(> .cl-listbar-left) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 16px;
    row-gap: 8px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-left {
    display: flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    gap: 0;
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-left :is(.row, .form-group, [class*="col-"]):has(.toggleActions, .cl-bulk-sep) {
    flex: 0 1 auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-left :is(.row, .form-group):not(:has(*)) {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-left > .toggleActions {
    margin-right: 8px !important;
    margin-left: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-left > .toggleActions .btn-group {
    margin-right: 0 !important;
}

body.cl-theme .cl-listbar .cl-listbar-right {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 0 0 0 auto !important;
}

body.cl-theme :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-right > :is(.btn, .cl-export, .dropdown) {
    margin: 0 !important;
}

body.cl-theme .cl-listbar .cl-listbar-right > .cl-tb-cols {
    order: -2;
}

body.cl-theme .cl-listbar .cl-listbar-right > .cl-tb-rows {
    order: -1;
}

body.cl-theme .cl-listbar .cl-listbar-right > .btn_refresh {
    order: 3;
}

body.cl-theme .cl-listbar .cl-listbar-right > .cl-export {
    order: 4;
}

body.cl-theme .cl-tb-search {
    position: relative;
    display: block;
    flex: 1 1 9rem;
    width: 9rem;
    max-width: 18rem;
    min-width: 9rem;
    margin: 0 8px 0 0;
}

body.cl-theme .cl-tb-search > svg {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 14px;
    height: 14px;
    color: var(--cl-ink-label);
    pointer-events: none;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-tb-search > input.form-control {
    width: 100% !important;
    padding-left: 28px !important;
}

body.cl-theme .cl-tb-rows {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--cl-ink-label);
    font-family: var(--cl-font-body);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-tb-rows > select {
    width: 4.6rem !important;
}

body.cl-theme .cl-tb-cols:empty,
body.cl-theme .cl-tb-selectall:empty {
    display: none;
}

body.cl-theme .cl-tb-cols .dt-buttons {
    display: inline-flex;
    float: none !important;
    margin: 0 !important;
}

body.cl-theme .cl-tb-selinfo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 4px;
    color: var(--cl-ink);
    font-family: var(--cl-font-head);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

body.cl-theme .cl-tb-selinfo[hidden] {
    display: none;
}

body.cl-theme .cl-link {
    padding: 0;
    border: 0;
    background: none;
    color: var(--cl-ink-secondary);
    font-family: var(--cl-font-body);
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

body.cl-theme .cl-link:hover {
    color: var(--cl-ink);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .dataTables_wrapper .cl-dt-moved {
    display: none !important;
}

body.cl-theme .active-filters-area .cl-chip-more {
    flex: none;
    padding: 1px 4px;
    background: var(--cl-surface-muted);
    color: var(--cl-ink-label);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

body.cl-theme .active-filters-area .cl-chips-clear {
    margin-left: 6px;
}

body.cl-theme .active-filters-area .filter-tag .remove-tag svg {
    width: 12px;
    height: 12px;
}

body.cl-theme #btnSubmit.cl-has-pending::before {
    content: "";
    display: inline-block;
    flex: none;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    background: var(--cl-accent);
    vertical-align: middle;
}

body.cl-theme :is(#cl-theme-scope, *) .am-view-toggle {
    display: flex !important;
    gap: 18px;
    overflow: visible;
    border: 0 !important;
    border-bottom: 1px solid var(--cl-line) !important;
    background: transparent !important;
}

body.cl-theme :is(#cl-theme-scope, *) .am-view-toggle .am-view-btn {
    margin: 0 0 -1px !important;
    padding: 9px 0 10px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    color: var(--cl-ink-label) !important;
    font-family: var(--cl-font-head);
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

body.cl-theme :is(#cl-theme-scope, *) .am-view-toggle .am-view-btn:is(:hover, .active) {
    background: transparent !important;
    color: var(--cl-ink) !important;
}

body.cl-theme :is(#cl-theme-scope, *) .am-view-toggle .am-view-btn.active {
    border-bottom-color: var(--cl-ink) !important;
}

body.cl-theme .am-view-toggle .am-view-btn svg {
    width: 16px;
    height: 16px;
}

body.cl-theme :is(#cl-theme-scope, *) .am-view-toggle .am-view-btn .swiftam-case-count {
    min-width: 0;
    margin-left: 0;
    padding: 0;
    background: transparent !important;
    color: var(--cl-ink-label) !important;
    font-family: var(--cl-font-body);
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: inherit;
}

body.cl-theme .am-view-toggle .am-view-btn .am-view-count {
    color: var(--cl-ink-label);
    font-family: var(--cl-font-body);
    font-size: 11.5px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#filterDiv, [id$="-filter-row"]) :is(.form-group, .field) > label,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#filterDiv, [id$="-filter-row"]) :is(.form-group, .field) > div:not([class]) > label:first-child {
    display: block;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 5px !important;
    color: var(--cl-ink-label) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    line-height: 1.3 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #filterDiv :is(.compact-form-row, [id$="-compact-row"], [id$="-other-row"]) {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    gap: 12px 10px !important;
    align-items: end !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) [id$="-filter-row"],
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #filterDiv [id$="OtherFilters"].show:has(> .form-group) {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    gap: 12px 10px !important;
    align-items: end !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #filterDiv [id$="OtherFilters"].show:has(> .form-group) {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    margin-top: 12px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is([id$="-filter-row"], #filterDiv [id$="OtherFilters"]) > .form-group {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#filterDiv, [id$="-filter-row"]) .bootstrap-select.form-control {
    height: auto !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#filterDiv, [id$="-filter-row"]) .bootstrap-select > .dropdown-toggle {
    margin-bottom: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #filterDiv :is(.compact-form-row, [id$="-compact-row"], [id$="-other-row"]) > .form-group {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) .swift-view-toggle-row {
    align-items: flex-end;
    margin: 0 15px;
    padding: 14px 0 0;
    border-bottom: 1px solid var(--cl-line);
}

body.cl-theme :is(#cl-theme-scope, *) .swift-view-toggle-row .am-view-toggle {
    border-bottom: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) .swift-view-toggle-row .swiftam-case-note {
    padding-bottom: 10px;
    color: var(--cl-ink-label);
    font-size: 12px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .bs-toolbar:not(:empty, .d-none, [hidden], [style*="display: none"], [style*="display:none"]) {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .bs-toolbar .btn:not(.cl-export-source, .d-none, [hidden], [style*="display: none"], [style*="display:none"]) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar [class*="createButtonForTable"]:not(:empty, .d-none, [hidden], [style*="display: none"], [style*="display:none"]) {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center;
    gap: 8px;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar [class*="createButtonForTable"] .btn:not(.cl-export-source, .d-none, [hidden], [style*="display: none"], [style*="display:none"]) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    line-height: 1 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar [class*="createButtonForTable"] .btn svg {
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :is(.row, .form-group):has(.cl-listbar-left, .cl-listbar-right) {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-left .btn-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.cl-theme .cl-tb-count {
    margin-left: 4px;
    color: var(--cl-ink-label);
    font-family: var(--cl-font-body);
    font-size: 12px;
    font-style: normal;
    white-space: nowrap;
}

body.cl-theme .cl-tb-count > [id] {
    color: var(--cl-ink);
    font-weight: 600;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-left .btn-group > .btn:not(.cl-export-source, .d-none, [hidden], [style*="display: none"], [style*="display:none"]) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: auto !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 9px !important;
    border-width: 0 !important;
}

body.cl-theme .cl-listbar .cl-listbar-left .btn > svg.cl-caret {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) [class*="-see-other-filters"] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--cl-ink-secondary) !important;
    font-family: var(--cl-font-body);
    font-size: 11.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) [class*="-see-other-filters"]:hover {
    background: transparent !important;
    color: var(--cl-ink) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :is(.bs-toolbar, [class*="createButtonForTable"]):empty {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-right .cl-export {
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar [class*="createButtonForTable"] > :not(.dropdown-menu) {
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar [class*="createButtonForTable"] > .d-flex {
    align-items: center;
    gap: 8px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :is(.cl-tb-cols:not(:empty), .cl-tb-cols .dt-buttons) {
    display: inline-flex !important;
    align-items: center;
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-tb-rows {
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :is(.cl-listbar-left .btn-group > .btn, .toggleActions .btn, #actionDiv .flex-row .btn, .bs-toolbar .btn):not(.dropdown-menu .btn, .cl-export-source, .d-none, [hidden], [style*="display: none"], [style*="display:none"]) {
    width: auto !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 7px !important;
    font-size: 14px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :is(.cl-listbar-left .btn-group > .btn, .toggleActions .btn, #actionDiv .flex-row .btn, .bs-toolbar .btn):not(.dropdown-menu .btn, .cl-export-source, .d-none, [hidden], [style*="display: none"], [style*="display:none"]) > svg:not(.cl-caret) {
    width: 16px !important;
    height: 16px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-tb-selinfo:not([hidden]) {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-tb-selarea {
    display: flex;
    flex: 1 1 0px;
    align-items: center;
    gap: 12px;
    width: 0;
    min-width: 9.5rem;
    overflow: hidden;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-tb-selectall:not(:empty) {
    display: block !important;
    flex: 0 1 auto !important;
    min-width: 0;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 12px !important;
    overflow: hidden;
    border-left: 1px solid var(--cl-line);
    color: var(--cl-ink-label);
    font-size: 12px;
    line-height: 1.4;
    text-align: left !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-tb-selectall a {
    color: var(--cl-ink-secondary) !important;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-tb-selectall a:hover {
    color: var(--cl-ink) !important;
}

body.cl-theme .cl-chart-legend-name {
    margin-right: 10px;
    color: var(--cl-ink);
}

body.cl-theme .cl-chart-legend-value {
    color: var(--cl-ink-label);
    font-variant-numeric: tabular-nums;
}

body.cl-theme .apexcharts-pie .apexcharts-datalabel-value {
    font-weight: 700;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#acc-canalysis, #acc-aanalysis) [class*="col-"] > div[style*="box-shadow"] {
    border: 1px solid var(--cl-line-soft) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#acc-canalysis, #acc-aanalysis) h6 {
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-head) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: left !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#acc-canalysis, #acc-aanalysis) [style*="linear-gradient"] {
    border-bottom: 1px solid var(--cl-line-soft);
    background: transparent !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .nova-new-pill {
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 10px !important;
    border: 1px solid var(--cl-line) !important;
    border-radius: 0 !important;
    background: var(--cl-surface) !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body);
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .nova-new-pill:hover {
    border-color: var(--cl-line-ice) !important;
    background: var(--cl-surface-hover) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.nova-pill-dot, .nova-nav-dot) {
    width: 7px !important;
    height: 7px !important;
    border-radius: 0 !important;
    background: var(--cl-accent) !important;
    box-shadow: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .dataTables_wrapper .cl-dt-pending {
    visibility: hidden !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .modal .modal-body.cl-dropdown-open {
    overflow: visible !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .bootstrap-select > select:not(.mobile-device) {
    clip-path: inset(50%) !important;
    pointer-events: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(label.cl-tb-search, label.cl-tb-rows, label.btn) {
    margin-bottom: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn-group, .btn-group-toggle):not(.bootstrap-select) > :is(.btn, .btn-group) + :is(.btn, .btn-group) {
    margin-left: 8px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #ap-matrix-body .ap-behavior-group > .btn[data-key]:not(.active) {
    border-color: var(--cl-surface-muted) !important;
    background-color: var(--cl-surface-muted) !important;
    color: var(--cl-ink-secondary) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #ap-matrix-body .ap-behavior-group > .btn[data-key]:not(.active):is(:hover, :focus) {
    border-color: var(--cl-line-soft) !important;
    background-color: var(--cl-line-soft) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #ap-matrix-body .ap-behavior-group > .btn.active[data-key="inherit"] {
    border-color: #6c757d !important;
    background-color: #6c757d !important;
    color: #ffffff !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #ap-matrix-body .ap-behavior-group > .btn.active[data-key="require"] {
    border-color: #e2a03f !important;
    background-color: #e2a03f !important;
    color: #ffffff !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #ap-matrix-body .ap-behavior-group > .btn.active[data-key="dont"] {
    border-color: #1abc9c !important;
    background-color: #1abc9c !important;
    color: #ffffff !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #ap-matrix-body .ap-behavior-group > .btn.active[data-key="validator"] {
    border-color: var(--cl-primary) !important;
    background-color: var(--cl-primary) !important;
    color: #ffffff !important;
}

body.cl-theme .tab-loading .spinner:not(.cl-spin-host) {
    border: 0 !important;
    animation: none !important;
}

.cl-status[data-tone="good"] {
    --cl-status: #22A06B;
}

.cl-status[data-tone="warn"] {
    --cl-status: #E0A800;
}

.cl-status[data-tone="bad"] {
    --cl-status: #D03247;
}

.cl-status[data-tone="neutral"] {
    --cl-status: #94A3C4;
}

.cl-status[data-tone="monitor"] {
    --cl-status: #2B4FA8;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-rail-sep {
    display: block !important;
    flex: none;
    width: 26px !important;
    height: 1px !important;
    margin: 4px auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: var(--cl-line) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-title {
    margin: 0 0 4px !important;
    padding: 0 !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-head) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-rows {
    display: grid;
    margin: 0;
    padding: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-row {
    display: grid !important;
    grid-template-columns: minmax(0, 42%) minmax(0, 1fr) auto;
    align-items: center;
    gap: 0 10px;
    min-height: 30px;
    margin: 0 !important;
    padding: 4px 0 !important;
    border-bottom: 1px solid var(--cl-line-row);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-row:last-child {
    border-bottom: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-label {
    color: var(--cl-ink-label) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-value {
    min-width: 0;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere;
}


body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-value.is-empty {
    color: var(--cl-ink-label) !important;
    font-weight: 400 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-act {
    display: inline-flex;
    align-items: center;
    justify-self: end;
    gap: 4px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-btn svg {
    width: 14px !important;
    height: 14px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--cl-ink-label);
    cursor: pointer;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-edit:hover {
    background: var(--cl-surface-hover);
    color: var(--cl-ink);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-edit svg {
    width: 14px;
    height: 14px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .searchDetailClass {
    max-height: none !important;
    overflow: visible !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side :is(p:has(.labelColor), .cl-om-row) {
    display: flex !important;
    white-space: normal !important;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    min-height: 26px;
    margin: 0 !important;
    padding: 3px 0 !important;
    border-bottom: 1px solid var(--cl-line-row);
    line-height: 1.4 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row:not(:has(> :not([style*="display: none"], [style*="display:none"]))) {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side :is(p, .cl-om-row) span:has(> .labelColor) {
    display: contents !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row > div:not(.dropdown) {
    display: contents;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .labelColor {
    flex: 0 0 calc(44% - 8px);
    min-width: 0;
    color: var(--cl-ink-label) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: .02em;
    text-transform: uppercase;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .labelColor ~ :is(span, a):not([onclick], .tooltip-top) {
    flex: 0 1 auto;
    min-width: 0;
    word-break: normal !important;
    color: var(--cl-ink);
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere;
}


body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side span[onclick*="ChangerDiv"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 24px;
    height: 24px;
    margin-left: auto;
    color: var(--cl-ink-label);
    cursor: pointer;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side span[onclick*="ChangerDiv"]:hover {
    background: var(--cl-surface-hover);
    color: var(--cl-ink);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side span[onclick*="ChangerDiv"] svg {
    width: 14px !important;
    height: 14px !important;
    vertical-align: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row > .dropdown {
    display: inline-flex !important;
    flex: none;
    margin-left: auto;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row .tooltip-top {
    display: inline-flex !important;
    flex: none;
    color: var(--cl-ink-label);
    font-size: 12px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .badge[id^="status"]:is(.badge-success, .badge-danger) {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .badge[id^="status"]:is(.badge-success, .badge-danger)::before {
    content: "" !important;
    display: block;
    flex: none;
    width: 7px;
    height: 7px;
    background: var(--cl-status, var(--cl-ink-label));
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .badge[id^="status"].badge-success {
    --cl-status: #22A06B;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .badge[id^="status"].badge-danger {
    --cl-status: #D03247;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .infoBox.cl-side #btnCaseSummarize {
    width: 100% !important;
    margin-top: 6px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .infoBox.cl-side {
    max-height: none !important;
    overflow: visible !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .labelColor ~ :is(span, a):not([onclick], .tooltip-top):not(:has(~ :is(span, a):not([onclick], .tooltip-top))) {
    flex: 1 1 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row .dropdown-menu .kt-nav {
    margin: 0 !important;
    padding: 4px 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row .dropdown-menu .kt-nav__link {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 6px 12px !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    cursor: pointer;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row .dropdown-menu .kt-nav__link:hover {
    background: var(--cl-surface-hover) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row .dropdown-menu .kt-nav__link svg {
    flex: none;
    width: 14px !important;
    height: 14px !important;
    color: var(--cl-ink-secondary);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row .dropdown-menu .kt-nav__link-text {
    margin: 0 !important;
    font-size: 13px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .cl-om-row .dropdown-menu {
    max-height: none !important;
    overflow: visible !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .actionContainer:has(.cl-side) {
    height: auto !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .timeline-line .item-timeline .t-dot::before {
    width: 7px !important;
    height: 7px !important;
    top: 17px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #2B4FA8 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .timeline-line .item-timeline .t-dot::after {
    top: 28px !important;
    border-color: var(--cl-line) !important;
    border-left-width: 1px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .timeline-line .item-timeline .timeline-detail {
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-variant-numeric: tabular-nums;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side .timeline-line .item-timeline .timeline-detail > .badge-warning {
    padding: 1px 8px !important;
    border: 0 !important;
    background: var(--cl-surface-muted) !important;
    color: var(--cl-ink-secondary) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-row:is([hidden], [style*="display:none"], [style*="display: none"]) {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-row:not(:has(~ .cl-side-row:not([hidden], [style*="display:none"], [style*="display: none"]))) {
    border-bottom: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-rail-sep[hidden] {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .page-header .breadcrumb {
    background: transparent !important;
}

body.cl-theme .flatpickr-calendar .shortcut-buttons-flatpickr-wrapper.shortcut-buttons-flatpickr-wrapper {
    padding: 8px 6px !important;
    border-top: 1px solid var(--cl-line);
    background: transparent !important;
    color: var(--cl-ink-secondary) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .shortcut-buttons-flatpickr-buttons {
    gap: 6px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .shortcut-buttons-flatpickr-button {
    height: 28px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--cl-surface-muted) !important;
    box-shadow: none !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-head) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .shortcut-buttons-flatpickr-button:is(:hover, :focus) {
    background: var(--cl-btn) !important;
    color: #ffffff !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-btn > i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    line-height: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-side-btn svg {
    display: block !important;
    margin: 0 !important;
    vertical-align: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #createCustomer + .custom-control-label {
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    line-height: 30px !important;
    text-transform: none !important;
}

body.cl-theme :is(.dt-button-collection, #cl-x#cl-x#cl-x#cl-x) {
    display: block !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: none !important;
    height: auto !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
    padding: 6px !important;
}

body.cl-theme :is(.dt-button-collection, #cl-x#cl-x#cl-x#cl-x) .dt-button {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 1px !important;
    padding: 5px 10px 5px 28px !important;
    line-height: 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--cl-ink-muted) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    text-align: left;
    white-space: nowrap;
}

body.cl-theme :is(.dt-button-collection, #cl-x#cl-x#cl-x#cl-x) .dt-button.active {
    color: var(--cl-ink) !important;
    font-weight: 600 !important;
}

body.cl-theme :is(.dt-button-collection, #cl-x#cl-x#cl-x#cl-x) .dt-button:hover {
    background: var(--cl-surface-hover) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme :is(.dt-button-collection, #cl-x#cl-x#cl-x#cl-x) .dt-button > span {
    overflow: visible;
    text-overflow: clip;
    height: auto !important;
    min-height: 0 !important;
    line-height: 18px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(.cl-listbar, .dataTables_wrapper, .widget-content):has(.dt-button-collection) {
    z-index: 2002 !important;
}

body.cl-theme div.dt-button-background {
    background: transparent !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.acct-other-link, .cf-see-other-filters, .cus-other-link, .bq-see-other-filters, .ns-see-other-filters, .kyb-see-other-filters, .mytask-other-link, .myworks-other-link, .om-other-link, .ra-see-other-filters, .rs-see-other-filters, .rset-see-other-filters, .shi-other-link, .shi-see-other-filters, .trx-other-link, .wh-see-other-filters) {
    position: relative;
    margin-top: 6px !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
}

body.cl-theme :is(#cl-theme-scope, *) #filterDiv .card-body > form.mx-2 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-right > .cl-tb-adopted {
    position: static !important;
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-right > label.cl-tb-adopted {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 30px;
    color: var(--cl-ink-secondary);
    font-size: 12px !important;
    letter-spacing: normal !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-right > label.cl-tb-adopted > input {
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar .cl-listbar-right > .cl-tb-adopted :is(.btn, .cl-export) {
    position: static !important;
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(.rowBrowser, #partialDataDiv):has(> .to-top-effect > .cl-ns-card) {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(max(300px, calc((100% - 36px) / 4)), 1fr));
    gap: 12px;
    max-width: none !important;
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(.rowBrowser, #partialDataDiv):has(> .to-top-effect > .cl-ns-card) > * {
    grid-column: 1 / -1;
}

body.cl-theme :is(#cl-theme-scope, *) :is(.rowBrowser, #partialDataDiv):has(> .to-top-effect > .cl-ns-card) > .columnarea {
    display: contents;
}

body.cl-theme :is(#cl-theme-scope, *) :is(.rowBrowser, #partialDataDiv):has(> .to-top-effect > .cl-ns-card) > .to-top-effect {
    grid-column: auto;
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card {
    --dk-glass: transparent;
    --dk-surface: transparent;
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    max-width: none !important;
    padding: 14px !important;
    border-color: var(--cl-line) !important;
    border-radius: 0 !important;
    background: var(--cl-surface) !important;
    box-shadow: none !important;
    font-family: var(--cl-font-body);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row {
    min-height: 0 !important;
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row:first-of-type {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row:first-of-type > .kt-checkbox {
    flex: none;
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row:first-of-type > .col-md {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row:first-of-type > .col-md > span.text-small {
    position: static !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 2px 6px;
    margin: 0 !important;
    color: var(--cl-ink-label);
    font-size: 12px !important;
    line-height: 18px;
    text-align: right !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row:first-of-type > .col-md > span.text-small > span:first-child {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row:first-of-type > .col-md > span.text-small > br {
    display: none;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row:first-of-type > .col-md > span.text-small > .text-muted {
    flex-basis: 100%;
    color: var(--cl-ink-faint) !important;
    font-size: 11px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .fullnameClass {
    min-height: 0 !important;
    padding: 0 !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-head) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row > .col-12 {
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row > .col-12 > .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 104px;
    grid-template-areas: "tags tags photo" "ms ms ms" "rl rl rl";
    align-items: start;
    margin: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row > .col-12 > .row > [class*="col-"] {
    max-width: none;
    padding: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row > .col-12 > .row > [class*="col-"]:has(> img.photo) {
    display: contents;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row > .col-12 > .row > [class*="col-"]:has(> img.photo) > br,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card #information-name {
    display: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags {
    grid-area: tags;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0 !important;
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags .badge.outline-badge-dark {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 7px;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 7px 0 !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: inset 0 -1px 0 var(--cl-line-row) !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    text-align: left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags .badge.outline-badge-dark:last-child {
    box-shadow: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags .badge.outline-badge-dark :is(.fas, .far, .flaticon2-information, .flaticon-information) {
    flex: none;
    color: var(--cl-ink-label) !important;
    font-size: 12px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags a.badge.outline-badge-dark:first-child {
    padding: 6px 0 !important;
    color: var(--cl-ink-label) !important;
    font-size: 11px !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags a.badge.outline-badge-dark:first-child > label {
    margin: 0 0 0 auto !important;
    font-family: var(--cl-font-head) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: normal;
    text-transform: none;
    -webkit-text-fill-color: #D03247;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags a.badge.outline-badge-dark:first-child[style*="darkgoldenrod"] > label {
    -webkit-text-fill-color: #B07800;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags a.badge.outline-badge-dark:first-child[style*="3be2d5"] > label {
    -webkit-text-fill-color: var(--cl-ink-secondary);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags a.badge.outline-badge-dark:first-child[style*="7c3aed"] > label {
    -webkit-text-fill-color: #7C3AED;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags .case-type-summary::before {
    content: "\f024";
    flex: none;
    color: var(--cl-ink-label);
    font-family: "Font Awesome 5 Free";
    font-size: 11px;
    font-weight: 900;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags .case-type-summary .type-badge-text {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    font-size: 13px !important;
    line-height: 18px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags .em-male_sign,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .tags .em-female_sign {
    font-size: 10px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card img.photo {
    grid-area: photo;
    justify-self: end;
    width: 92px !important;
    height: 112px !important;
    border-radius: 0 !important;
    background: var(--cl-surface-muted);
    object-fit: cover;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card [id^="msSpan"],
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card [id^="rlSpan"] {
    display: flex;
    align-items: center;
    min-width: 0;
    margin-top: 4px;
    font-size: 12px !important;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card [id^="msSpan"] {
    grid-area: ms;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--cl-line-row);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card [id^="rlSpan"] {
    grid-area: rl;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card :is([id^="msSpan"], [id^="rlSpan"]) > b {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: var(--cl-ink-label) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .matchStatus.cl-status {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .riskLevel {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #94A3C4;
    font-size: 12px !important;
    font-weight: 600 !important;
    -webkit-text-fill-color: var(--cl-ink);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .riskLevel::before {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    background: currentColor;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .riskLevel[style*="dk-ink"] {
    color: #94A3C4 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 24px;
    margin: 0 0 16px;
    padding: 4px 0 16px;
    border-bottom: 1px solid var(--cl-line);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-icon {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--cl-surface-muted);
    color: var(--cl-ink-secondary);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-main {
    display: flex;
    flex: 1 1 320px;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-title > h2 {
    margin: 0;
    overflow: hidden;
    color: var(--cl-ink);
    font-family: var(--cl-font-head);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-tag {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    background: var(--cl-surface-muted);
    color: var(--cl-ink-secondary);
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-meta {
    color: var(--cl-ink-label);
    font-size: 12.5px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-meta b {
    color: var(--cl-ink);
    font-weight: 600;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-kpis {
    display: flex;
    flex: none;
    align-items: stretch;
    margin-left: auto;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-kpi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 0 18px;
    border-left: 1px solid var(--cl-line);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-kpi-label {
    color: var(--cl-ink-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-kpi-value {
    color: var(--cl-ink);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-kpi:first-child .cl-ns-kpi-value {
    font-family: var(--cl-font-head);
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #resultsBoxes .selection-toolbar-row {
    max-width: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #resultsBoxes .selection-toolbar-row > [class*="col-"] {
    flex: none;
    width: auto;
    max-width: none;
    padding: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #resultsBoxes .selection-toolbar-row > .col-4:empty {
    display: none;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #resultsBoxes .selection-toolbar-row > .selection-toolbar-left {
    flex: 1 1 auto;
    min-width: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #resultsBoxes .selection-toolbar-row > .selection-toolbar-center {
    display: flex;
    flex-direction: column;
    align-items: flex-end !important;
    margin-left: auto;
    padding-top: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #resultsBoxes .selection-toolbar-controls {
    letter-spacing: normal;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #resultsBoxes .selection-master-label > span {
    margin-left: 8px !important;
    letter-spacing: normal !important;
    color: var(--cl-ink);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid var(--cl-line-ice);
    border-radius: 0;
    background: var(--cl-surface);
    color: var(--cl-ink-secondary);
    font-family: var(--cl-font-body);
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip:hover,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip[aria-expanded="true"] {
    border-color: var(--cl-ink-label);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip.is-set {
    border-color: var(--cl-primary, #002573);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-value {
    color: var(--cl-ink);
    font-weight: 600;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-menu {
    min-width: 220px;
    padding: 0;
    border: 1px solid var(--cl-line);
    border-radius: 0;
    background: var(--cl-panel);
    box-shadow: var(--cl-shadow-float);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-group {
    padding: 4px 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-group + .cl-ns-chip-group {
    border-top: 1px solid var(--cl-line-row);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-group-label {
    display: block;
    padding: 4px 12px;
    color: var(--cl-ink-label);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px 6px 28px !important;
    color: var(--cl-ink-muted);
    font-size: 13px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-item.is-on {
    color: var(--cl-ink);
    font-weight: 600;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-item.is-on::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    width: 7px;
    height: 7px;
    background: var(--cl-accent);
    transform: translateY(-50%);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-clear {
    height: 30px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    color: var(--cl-ink);
    font-family: var(--cl-font-body);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-clear:hover {
    color: var(--cl-primary, #002573);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-list {
    max-height: 300px;
    overflow-y: auto;
    padding: 4px 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-search {
    padding: 8px;
    border-bottom: 1px solid var(--cl-line-row);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-chips .cl-ns-chip-search input {
    height: 30px;
    padding: 0 8px;
    border: 1px solid var(--cl-line-ice);
    border-radius: 0;
    font-size: 13px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(.rowBrowser, #partialDataDiv):has(> .to-top-effect > .cl-ns-card) > br,
body.cl-theme :is(#cl-theme-scope, *) :is(.rowBrowser, #partialDataDiv):has(> .to-top-effect > .cl-ns-card) > .columnarea > br {
    display: none;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .to-top-effect:has(> * .cl-ns-card, > .cl-ns-card) {
    position: relative;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .to-top-effect :is(.added-card, .updated-card, .removed-card) {
    position: absolute !important;
    top: 15px !important;
    left: 42px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .to-top-effect :is(.added-card, .updated-card, .removed-card)::before {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    background: #22A06B;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .to-top-effect .updated-card::before {
    background: #E0A800;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .to-top-effect .removed-card::before {
    background: #D03247;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .to-top-effect:has(:is(.added-card, .updated-card, .removed-card)) .cl-ns-card > .row:first-of-type > .col-md {
    padding-left: 96px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .case-detail-main > .cl-ns-identity {
    margin: 0 0 16px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #amDetailList table.table-striped > tbody > tr:not(.am-cluster-row):not(.am-group-row) > td {
    background: transparent !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #amDetailList table > tbody > tr > td {
    border-top: 0 !important;
    border-bottom: 1px solid var(--cl-line-row) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #amDetailList td > span[style*="ff5522"] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    color: var(--cl-ink-secondary) !important;
    font-size: 12px !important;
    line-height: 1.4;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #amDetailList td > span[style*="ff5522"]::before {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    background: var(--cl-accent);
    transform: translateY(-1px);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) #amDetailList table > tbody > tr:not(.am-cluster-row):not(.am-cluster-child):not(.am-group-row):not(:hover) {
    background-color: transparent !important;
}

body.cl-theme .cl-detail .ckd-field > :is(.ckd-value, #cl-x#cl-x#cl-x#cl-x) {
    color: var(--cl-ink) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
}

body.cl-theme .cl-detail .ckd-field > :is(.ckd-label, #cl-x#cl-x#cl-x#cl-x) {
    color: var(--cl-ink-label) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase;
}

body.cl-theme .cl-detail #isCased.badge {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--cl-ink) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

body.cl-theme .cl-detail #isCased.badge::before {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--cl-primary, #002573);
}

body.cl-theme .cl-detail td.transactionDetailTableValue > .badge[style*="background-color"] {
    display: inline-flex !important;
    align-items: center;
    height: 18px;
    margin-left: 6px;
    padding: 0 0 0 13px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-image: linear-gradient(var(--cl-surface), var(--cl-surface)), linear-gradient(var(--cl-surface), var(--cl-surface)), linear-gradient(var(--cl-surface), var(--cl-surface)) !important;
    background-position: right top, left top, left bottom !important;
    background-repeat: no-repeat !important;
    background-size: calc(100% - 7px) 100%, 7px calc(50% - 3.5px), 7px calc(50% - 3.5px) !important;
    color: var(--cl-ink) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

body.cl-theme .cl-detail :is(#isCased.badge, td.transactionDetailTableValue > .badge[style*="background-color"]) {
    box-shadow: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity {
    flex-wrap: wrap !important;
    align-items: center;
    gap: 16px 24px;
    padding: 4px 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cl-line) !important;
    border-radius: 0 !important;
    background: var(--cl-surface) !important;
    box-shadow: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .columnarea > .kyb-identity {
    padding: 12px 24px 16px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity-mark {
    width: 48px;
    height: 48px;
    border-radius: 0 !important;
    background: var(--cl-surface-muted) !important;
    color: var(--cl-ink-secondary) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity-title {
    margin: 0 0 6px !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-head) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity-meta {
    color: var(--cl-ink-label) !important;
    font-size: 12.5px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity-meta .kyb-meta-label {
    color: var(--cl-ink-label) !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity-meta .kyb-meta-value {
    color: var(--cl-ink) !important;
    font-weight: 600 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity > .cl-ns-kpis {
    order: 2;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity > .kyb-identity-actions {
    order: 3;
    margin-left: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-status-card {
    border: 1px solid var(--cl-line) !important;
    border-radius: 0 !important;
    background: var(--cl-surface) !important;
    color: var(--cl-ink) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-status-card .kyb-status-pill {
    border: 1px solid var(--cl-line-ice) !important;
    border-radius: 0 !important;
    background: var(--cl-surface) !important;
    color: var(--cl-ink-secondary) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-status-card .kyb-status-word {
    font-family: var(--cl-font-head);
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-meta .cl-ns-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-meta .cl-ns-meta-sep {
    color: var(--cl-ink-faint);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-meta .cl-ns-copy {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cl-ink);
    font: inherit;
    cursor: pointer;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-meta .cl-ns-copy > svg {
    color: var(--cl-ink-label);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-meta .cl-ns-copy:hover > svg,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-identity-meta .cl-ns-copy.is-copied > svg {
    color: var(--cl-primary, #002573);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    padding: 14px !important;
    border-color: var(--cl-line) !important;
    border-radius: 0 !important;
    background: var(--cl-surface) !important;
    box-shadow: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card > .row {
    min-height: 0 !important;
    margin: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card > .row > [class*="col-"] {
    margin: 0 !important;
    padding: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card > .row:first-child .text-small {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    color: var(--cl-ink-label) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card > .row:first-child .text-small > span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card .cryptoAddressName {
    margin: 0 !important;
    overflow-wrap: anywhere;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-head) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 20px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card .tags .badge.outline-badge-dark {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 7px;
    width: 100%;
    margin: 0 !important;
    padding: 7px 0 !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: inset 0 -1px 0 var(--cl-line-row) !important;
    color: var(--cl-ink) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    text-align: left !important;
    text-transform: none !important;
    overflow-wrap: anywhere;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card .tags .badge.outline-badge-dark:last-child {
    box-shadow: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card .tags .badge.outline-badge-dark > i {
    flex: none;
    width: 14px;
    color: var(--cl-ink-label) !important;
    font-size: 12px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card .cryptoCardFooter {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 10px !important;
    border-top: 1px solid var(--cl-line-row) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card .cryptoCardFooter > div {
    font-size: 12px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card .cryptoCardFooter b {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--cl-ink-label) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card .cryptoCardFooter .riskLevel {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #94A3C4;
    font-weight: 600 !important;
    -webkit-text-fill-color: var(--cl-ink);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-crypto-card .cryptoCardFooter .riskLevel::before {
    content: "";
    width: 7px;
    height: 7px;
    background: currentColor;
}

body.cl-theme #caseStatusBadge.badge {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--cl-ink) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

body.cl-theme #caseStatusBadge.badge::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #22A06B;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card > .row.line2::before {
    position: static !important;
    order: 3;
    flex: none;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

body.cl-theme.form :is(input.form-control, #cl-x#cl-x#cl-x#cl-x) {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
}

body.cl-theme.form form :is(.btn, #cl-x#cl-x#cl-x#cl-x) {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    font-size: 13px !important;
}

body.cl-theme.form #password-field > #toggle-password {
    top: auto !important;
    bottom: calc(16px + (40px - 17px) / 2) !important;
}

/* Kilit/göz ikonlu input: ikonlar input yüksekliğinden bağımsız olarak dikeyde ortalanır. */
body.cl-theme.form .cl-input-icon {
    position: relative;
}

body.cl-theme.form .cl-input-icon > :is(input.form-control, #cl-x#cl-x#cl-x#cl-x) {
    display: block !important;
    padding: 0 40px !important;
}

body.cl-theme.form .cl-input-icon > svg {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    width: 18px !important;
    height: 18px !important;
    transform: translateY(-50%);
}

body.cl-theme.form .cl-input-icon > svg.feather-lock {
    right: auto !important;
    left: 13px !important;
}

body.cl-theme.form .cl-input-icon > svg.feather-eye {
    right: 13px !important;
    left: auto !important;
    cursor: pointer;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity > .kyb-identity-main {
    flex: 1 1 320px !important;
    min-width: min(320px, 100%) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity > .kyb-identity-mark,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity > .cl-ns-kpis,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity > .kyb-identity-actions {
    flex: 0 0 auto !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .kyb-identity-title {
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.cl-theme.form .form-form-wrap {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 28px;
    height: auto !important;
    min-height: 100vh;
    padding: 24px 0 6vh;
}

body.cl-theme.form .form-form-wrap > div[align] {
    margin-top: 0 !important;
}

body.cl-theme.form .form-form-wrap .form-container {
    padding-top: 0 !important;
}

@media (min-width: 1920px) {
    body.cl-theme.form .form-form-wrap {
        max-width: 560px !important;
        width: 560px;
    }

    body.cl-theme.form .form-content {
        padding: 36px !important;
    }

    body.cl-theme.form .form-content h1 {
        font-size: 36px !important;
    }

    body.cl-theme.form .form-content > p {
        font-size: 15px !important;
    }

    body.cl-theme.form .form-content label {
        font-size: 14px !important;
    }

    body.cl-theme.form :is(input.form-control, #cl-x#cl-x#cl-x#cl-x) {
        height: 48px !important;
        min-height: 48px !important;
        font-size: 15px !important;
    }

    body.cl-theme.form form :is(.btn, #cl-x#cl-x#cl-x#cl-x) {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        font-size: 14px !important;
    }

    body.cl-theme.form #password-field > #toggle-password {
        bottom: calc(16px + (48px - 17px) / 2) !important;
    }
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .row:has(> .col-lg-3 > .actionContainer) > .col-lg-9 {
    flex: 1 1 0% !important;
    max-width: none !important;
    min-width: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .row:has(> .col-lg-3 > .actionContainer) > .col-lg-3 {
    flex: 0 0 min(25%, 375px) !important;
    max-width: 375px !important;
}

body.cl-theme:has(:is(.main-content#filterDiv, .layout-spacing > #filterDiv) #toggleAccordion) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .widget-content-area:has(.dataTables_wrapper, [data-cl-listbar]):not(:has(.widget-content-area :is(.dataTables_wrapper, [data-cl-listbar])), .cl-detail *, .modal *) {
    padding-right: var(--cl-list-inset, 12px) !important;
    padding-left: var(--cl-list-inset, 12px) !important;
}

body.cl-theme:has(:is(.main-content#filterDiv, .layout-spacing > #filterDiv) #toggleAccordion) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .widget-content-area :is(.table-responsive:has(> .dataTables_wrapper), :is(.row, .form-row):has(> .table-responsive > .dataTables_wrapper), .dataTables_wrapper, .dataTables_wrapper > .row):not(.cl-detail *, .modal *) {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

body.cl-theme:has(:is(.main-content#filterDiv, .layout-spacing > #filterDiv) #toggleAccordion) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .widget-content-area :is(.row, .form-row):has(> .cl-listbar):has(> .table-responsive > .dataTables_wrapper):not(.cl-detail *, .modal *) {
    display: block !important;
}

body.cl-theme:has(:is(.main-content#filterDiv, .layout-spacing > #filterDiv) #toggleAccordion) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .widget-content-area :is(.row, .form-row):has(> .table-responsive > .dataTables_wrapper) > .cl-listbar:not(.cl-detail *, .modal *) {
    width: auto !important;
    max-width: none !important;
}

body.cl-theme:has(:is(.main-content#filterDiv, .layout-spacing > #filterDiv) #toggleAccordion) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .widget-content-area .dataTables_wrapper:not(.cl-detail *, .modal *) {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.cl-theme:has(:is(.main-content#filterDiv, .layout-spacing > #filterDiv) #toggleAccordion) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .widget-content-area .dataTables_wrapper > .row > [class*="col-"]:first-child:not(.cl-detail *, .modal *) {
    padding-left: 0 !important;
}

body.cl-theme:has(:is(.main-content#filterDiv, .layout-spacing > #filterDiv) #toggleAccordion) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .widget-content-area .dataTables_wrapper > .row > [class*="col-"]:last-child:not(.cl-detail *, .modal *) {
    padding-right: 0 !important;
}

body.cl-theme:has(:is(.main-content#filterDiv, .layout-spacing > #filterDiv) #toggleAccordion) :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .widget-content-area > .swift-view-toggle-row {
    margin-right: 0;
    margin-left: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .layout-spacing > #filterDiv > .layout-px-spacing {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) table.dataTable thead th:is(.checkbox-column, .no-sort, :has(input[type="checkbox"]))::before,
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) table.dataTable thead th:is(.checkbox-column, .no-sort, :has(input[type="checkbox"]))::after {
    display: none !important;
    content: none !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) table.dataTable thead th:is(.checkbox-column, :has(input[type="checkbox"])),
body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) table.dataTable tbody td:has(> :is(label.new-checkbox, input[type="checkbox"]):only-child) {
    padding-right: 7px !important;
    padding-left: 7px !important;
    text-align: center !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :not(.cl-listbar-left, .cl-listbar-right) ~ .cl-listbar-left {
    order: -1;
    flex: 0 1 auto !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar:has(> :not(.cl-listbar-left, .cl-listbar-right) ~ .cl-listbar-left) {
    justify-content: flex-start !important;
    column-gap: 8px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :not(.cl-listbar-left, .cl-listbar-right) ~ .cl-listbar-left > .cl-tb-search {
    flex: 0 0 288px !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :not(.cl-listbar-left, .cl-listbar-right) ~ .cl-listbar-left > .cl-tb-selarea {
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .om-card-shell .dataTables_wrapper {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .om-card-shell .dataTables_wrapper > .row > [class*="col-"]:first-child {
    padding-left: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .om-card-shell .dataTables_wrapper > .row > [class*="col-"]:last-child {
    padding-right: 0 !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar:has(> :not(.cl-listbar-left, .cl-listbar-right) ~ .cl-listbar-left) > .cl-listbar-right {
    margin-left: auto !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-listbar :is(.cl-listbar-left, .cl-listbar-right, :has(~ .cl-listbar-left)):is(.mt-1, .mt-2, .mt-3, .mt-4, .mt-5) {
    margin-top: 0 !important;
}

@property --cl-orbit-ang {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes clOrbitSpin {
    to {
        --cl-orbit-ang: 360deg;
    }
}

@keyframes clNovaTwinkle {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(.85) rotate(20deg);
    }
}

@keyframes clNovaSpinStar {
    from {
        transform: rotate(-180deg) scale(.6);
    }

    to {
        transform: none;
    }
}

body.cl-theme .cl-nova-icon {
    display: inline-block;
    flex: none;
    width: 1.15em;
    height: 1.15em;
    vertical-align: -.2em;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5C12.9 9 15 11.1 22.5 12 15 12.9 12.9 15 12 22.5 11.1 15 9 12.9 1.5 12 9 11.1 11.1 9 12 1.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5C12.9 9 15 11.1 22.5 12 15 12.9 12.9 15 12 22.5 11.1 15 9 12.9 1.5 12 9 11.1 11.1 9 12 1.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
    animation: clNovaTwinkle 2.6s ease-in-out infinite;
}

body.cl-theme :is(button, a, .btn, #nova-launcher):hover > .cl-nova-icon,
body.cl-theme :is(#nova-launcher, .nova-menu-link):hover .cl-nova-icon {
    animation: clNovaSpinStar .7s cubic-bezier(.2, .8, .2, 1);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn_ai:not(.ng-ai-launcher), .rc-btn-ai) {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    overflow: visible !important;
    border-color: var(--cl-accent) !important;
    background: var(--cl-accent) !important;
    color: #fff !important;
    white-space: nowrap;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn_ai:not(.ng-ai-launcher), .rc-btn-ai):hover {
    border-color: var(--accent-dark1, #E04A1D) !important;
    background: var(--accent-dark1, #E04A1D) !important;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) :is(.btn_ai:not(.ng-ai-launcher, .ai-suggest-cell-btn, :disabled), .rc-btn-ai)::before,
body.cl-theme #nova-launcher.cl-nova-fab::before,
body.cl-theme .cl-nova-menu-box::before,
body.cl-theme:not(.cl-wl) .agentic-nav-link::before {
    content: "";
    position: absolute;
    inset: -3px;
    padding: 2px;
    border-radius: 0;
    background: conic-gradient(from var(--cl-orbit-ang), transparent 0 60%, #ff8a4c 75%, #fff 85%, transparent 95%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: clOrbitSpin 2.6s linear infinite;
    pointer-events: none;
}

body.cl-theme #nova-launcher.cl-nova-fab {
    position: fixed;
    right: 25px;
    bottom: 25px;
    display: inline-flex;
    align-items: center;
    height: 56px;
    min-width: 56px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--cl-accent);
    color: #fff;
    box-shadow: 0 8px 22px rgba(242, 90, 36, .35);
    cursor: pointer;
    transition: padding .35s cubic-bezier(.2, .8, .2, 1), box-shadow .3s, opacity .2s;
}

body.cl-theme #nova-launcher.cl-nova-fab:hover {
    padding-right: 19px;
    transform: none;
    box-shadow: 0 12px 32px rgba(242, 90, 36, .5);
}

body.cl-theme #nova-launcher .cl-nova-fab-ic {
    display: grid;
    place-items: center;
    flex: none;
    width: 56px;
    height: 56px;
}

body.cl-theme #nova-launcher .cl-nova-fab-ic .cl-nova-icon {
    width: 34px;
    height: 34px;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, .8));
}

body.cl-theme #nova-launcher .cl-nova-fab-lb {
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-6px);
    color: #fff;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    white-space: nowrap;
    transition: max-width .4s cubic-bezier(.2, .8, .2, 1), opacity .25s, transform .35s;
}

body.cl-theme #nova-launcher .cl-nova-fab-lb small {
    display: block;
    font-size: 11px;
    font-weight: 400;
    opacity: .85;
}

body.cl-theme #nova-launcher.cl-nova-fab:hover .cl-nova-fab-lb {
    max-width: 180px;
    opacity: 1;
    transform: none;
}

body.cl-theme #sidebar .cl-nova-menu-box {
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background: var(--cl-accent);
    color: #fff;
    font-size: 12px;
}

body.cl-theme #sidebar .cl-nova-menu-box.cl-nova-menu-box {
    overflow: visible !important;
}

body.cl-theme #sidebar .cl-nova-menu-box::before {
    inset: 0;
    padding: 2px;
}

body.cl-theme:not(.cl-wl) a.agentic-nav-link.agentic-nav-link {
    position: relative;
    border-color: var(--cl-accent);
    border-radius: 0;
    background: var(--cl-accent);
    color: #fff !important;
}

body.cl-theme:not(.cl-wl) a.agentic-nav-link.agentic-nav-link:hover {
    border-color: var(--accent-dark1, #E04A1D);
    background: var(--accent-dark1, #E04A1D);
}

body.cl-theme:not(.cl-wl) a.agentic-nav-link .agentic-nav-icon {
    color: #fff;
}

body.cl-theme:not(.cl-wl) a.agentic-nav-link .agentic-nav-badge {
    background: #fff;
    color: var(--cl-accent);
}

@media (prefers-reduced-motion: reduce) {
    body.cl-theme .cl-nova-icon,
    body.cl-theme :is(.btn_ai, .rc-btn-ai, #nova-launcher, .cl-nova-menu-box, .agentic-nav-link)::before {
        animation: none !important;
    }
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .cl-ns-namerow {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .cl-ns-namerow > .fullnameClass {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .cl-ns-rate {
    flex: none;
    padding: 4px 10px;
    background: var(--cl-danger-soft);
    color: var(--cl-danger);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    cursor: default;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .cl-ns-rate[data-tone="mid"] {
    background: var(--cl-note-soft);
    color: var(--cl-note-ink);
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .cl-ns-rate[data-tone="low"] {
    background: rgba(20, 150, 140, .1);
    color: #0f766e;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .cl-ns-rate[data-tone="soundex"] {
    background: rgba(124, 58, 237, .1);
    color: #6d28d9;
}

html.cl-dark body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .cl-ns-rate[data-tone="high"] {
    color: #ff8f9c;
}

html.cl-dark body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .cl-ns-rate[data-tone="low"] {
    color: #5eead4;
}

html.cl-dark body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card .cl-ns-rate[data-tone="soundex"] {
    color: #c4b5fd;
}

body.cl-theme :is(#cl-theme-scope, *) :is(#cl-theme-scope, *) .cl-ns-card :is(.cl-ns-rate-src, #cl-x#cl-x#cl-x#cl-x) {
    display: none !important;
}