/***** Theme *****/
:root {
    --bs-danger: #C83145;
    --bs-text-danger: #C83145;
    --bs-primary: #2091f1;
    /*--bs-primary: #2491EA;*/
    --bs-text-primary: #2091f1;
    /*--bs-text-primary: #2491EA;*/
    --bs-symbol-label-bg: var(--bs-gray-200);
    --bs-app-border-color: #C2D0DD;
    --bs-group-table-border-color: #EAEBF0;
    --menu-primary: #818a93;
    --menu-stroke: #2091f1;
    --menu-fill: #fff;
}

.dropzone-area {
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px dashed #ccc;
    background-color: #f9f9f9;
}

    .dropzone-area.highlight {
        border-color: #0d6efd;
        background-color: #e9f5ff;
    }

.upload-icon i {
    color: #0d6efd;
}

.popover.popover-lg {
    max-width: 50vw;
}

.popover.popover-lg .popover-body {
    max-height: 50vh;
    overflow-y: auto;
    white-space: pre-line;
}

/* Wide popover for long text (especially Arabic) */
.popover.popover-wide {
    max-width: 600px;
}

.popover.popover-wide .popover-body {
    direction: auto;
    text-align: start;
    word-wrap: break-word;
}

.tooltip.tooltip-lg .tooltip-inner {
    max-width: min(700px, 50vw);
    white-space: normal;
    text-align: left;
}

/*
.file-list li {
    font-size: 14px;
    padding: 8px 12px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}*/
.file-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.file-remove {
    color: #dc3545;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
}

    .file-remove:hover {
        color: #a71d2a;
    }

.dropzone-area.highlight {
    border-color: #6610f2;
    background-color: #f0ebff;
    box-shadow: 0 0 12px rgba(102, 16, 242, 0.3);
    transform: scale(1.05);
}

.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
    display: flex;
    flex-wrap: wrap !important;
}

.ck-content .ck-editor__editable, .ck-editor__editable_inline {
    direction: inherit;
}

.ck.ck-balloon-panel,
.ck.ck-dropdown__panel {
    z-index: 10600 !important; /* higher than Bootstrap modal (1055-ish) */
}

[data-bs-theme="dark"]:root {
    --bs-app-border-color: var(--bs-gray-300);
    --ck-color-base-foreground: var(--bs-gray-300);
    --ck-color-base-text: #fff;
    --ck-color-button-default-hover-background: var(--bs-body-bg);
    --ck-color-tooltip-text: var(--bs-gray-300);
}

a[disabled] {
    pointer-events: none;
    cursor: default;
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300);
    opacity: 1;
}

.modal {
    background: rgba(0, 0, 0, 0.5);
}

.grid-view-5 {
    --gridRowHeight: 180px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: var(--gridRowHeight);
    grid-gap: 10px;
}

    .grid-view-5 [class^='grid-col-'],
    .grid-view-5 [class*='grid-col-'] {
        overflow: auto;
        grid-row-end: span var(--gridRowSpan)
    }

.grid-col-1 {
    grid-column-end: span 1;
}

.grid-col-2 {
    grid-column-end: span 2;
}

.grid-col-3 {
    grid-column-end: span 3;
}

.grid-col-4 {
    grid-column-end: span 4;
}

.grid-col-5 {
    grid-column-end: span 5;
}

.grid-row-1 {
    --gridRowSpan: 1;
}

.grid-row-2 {
    --gridRowSpan: 2;
}

.grid-row-3 {
    --gridRowSpan: 3;
}

.grid-row-4 {
    --gridRowSpan: 4;
}

.grid-row-5 {
    --gridRowSpan: 5;
}

/***** End Theme *****/
/***** Main *****/
:root {
    /* --bs-app-sidebar-width: 243px; */
    --bs-app-sidebar-width: 228px;
}

.not-activated {
    opacity: .5;
    cursor: not-allowed;
}

    .not-activated:hover {
        background-color: inherit !important;
        color: inherit !important;
    }

@media (min-width: 992px) {
    [data-kt-app-sidebar-minimize=on] {
        --bs-app-sidebar-width: 84px;
    }
}

[data-bs-theme="dark"] .table td {
    color: #fff;
}

.table td .btn.btn-icon.btn-sm {
    height: calc(1.5em + 1.1rem - 2px);
    width: calc(1.5em + 1.1rem - 2px);
}

.action-search[name="search"] {
    border: 1px solid var(--bs-app-border-color);
    height: 2.7rem;
}

[data-bs-theme="dark"] .action-search[name="search"] {
    background-color: transparent;
    border-color: #2B2B40;
}

[data-bs-theme="dark"] .bg-white {
    background-color: var(--bs-body-bg) !important;
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .border-lg-0 {
        --bs-border-width: 0;
    }
}

.form-select,
.form-control,
.select2-selection,
.tagify {
    border: 1px solid var(--bs-app-border-color);
    border-radius: 0.425rem;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 35px;
    font-size: 1rem;
}

    .form-control[placeholder="Search"] {
        height: 34px !important;
    }

@media (max-width: 575.9px) {
    [data-kt-search-element="form"] {
        width: 86%;
    }
}

.form-control:has(input[type=radio]:checked) {
    background-color: var(--bs-primary-light) !important;
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.form-check-input {
    border: 2px solid var(--bs-app-border-color);
}

.dt-hasChild.shown > .details-control svg path:first-child {
    display: none;
}

.input-group-text {
    border: 1px solid var(--bs-app-border-color);
    border-right-width: 1px;
    height: 35px;
    display: inline-flex;
    align-items: center;
}

[data-bs-theme="dark"] .ck.ck-list__item .ck-button.ck-off {
    color: #333;
}

.inputUpdate {
    max-width: 200px
}

input:not(:disabled).input-outline-gray,
textarea.input-outline-gray:not(:disabled) {
    outline: 2px solid var(--bs-gray-300) !important;
}

input.input-outline-gray:focus,
textarea.input-outline-gray:focus {
    outline-color: var(--bs-gray-400) !important;
}

.btn-manage {
    padding: 10px !important;
}

.tdjustify {
    text-align: justify;
}

.cursor-move {
    cursor: move !important;
}

/***** End Main *****/
/***** Divider *****/
.divider {
    border-bottom: 2px solid var(--bs-app-border-color);
}

.jstree-anchor,
.text-color {
    color: var(--bs-text-dark) !important;
}

.text-color {
    white-space: pre-line;
}

/***** End Divider *****/
/***** Buttons *****/
.btn {
    font-size: 0.9rem;
}

    .btn svg {
        margin-right: 5px;
        height: 16px;
    }

.btn-group-sm > .btn,
.btn-sm {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
}

.btn-icon svg {
    margin-right: 0;
}

.btn-icon i {
    /* color: #01070D; */
}

[data-bs-theme="dark"] .btn.btn-outline i {
    color: #fff;
}

/* .btn.btn-outline {
    border: 2px solid var(--bs-app-border-color) !important;
    background-color: #fff;
} */

.btn.btn-outline:not(.btn-outline-dashed) {
    background-color: #fff;
    /* border-width: 2px !important; */
    border-color: var(--bs-app-border-color);
}

.btn.btn-active-light-dark:hover:not(.btn-active) {
    border-color: var(--bs-app-border-color);
}

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

[data-bs-theme="dark"] .btn.btn-outline {
    background-color: transparent;
    border-color: #2B2B40 !important;
}

    [data-bs-theme="dark"] .btn.btn-outline:hover {
        border-color: var(--bs-gray-600) !important;
    }

    [data-bs-theme="dark"] .btn.btn-outline svg path[stroke="black"] {
        stroke: #fff;
    }

    [data-bs-theme="dark"] .btn.btn-outline svg path[fill="#01070D"],
    [data-bs-theme="dark"] .btn.btn-outline svg path[fill="#96A1AB"] {
        fill: #fff;
    }

.action-btns {
    flex-wrap: wrap;
}

    .action-btns .btn {
        height: 34px !important;
        display: flex !important;
        align-items: center !important;
    }

        .action-btns .btn[hidden],
        .action-btns .btn.d-none {
            display: none !important;
        }

.btn-action-menu .menu-link {
    color: black;
    font-weight: 500
}

    .btn-action-menu .menu-link:hover {
        color: var(--bs-primary);
        background-color: var(--bs-primary-light);
    }

        .btn-action-menu .menu-link:hover svg path {
            fill: var(--bs-primary);
        }

[data-bs-theme="dark"] .dt-buttons .buttons-collection {
    color: #fff;
}

[data-bs-theme="dark"] .btn-active-light-dark svg path,
[data-bs-theme="dark"] .btn-action-menu .menu-link svg path {
    fill: white
}

[data-bs-theme="dark"] .btn-action-menu .menu-link {
    color: white
}

/***** End Buttons *****/
/***** Breadcrumb *****/
[data-bs-theme=light] .page-heading {
    color: #01070D;
    font-size: 2rem;
    font-weight: 700;
}

@media (max-width: 575.9px) {
    [data-bs-theme=light] .page-heading {
        font-size: 1rem;
    }
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
    color: #646B72;
    font-size: 0.875rem;
    font-weight: 400;
}

[data-bs-theme="dark"] .breadcrumb .breadcrumb-item a {
    color: var(--bs-gray-800) !important;
}

    [data-bs-theme="dark"] .breadcrumb .breadcrumb-item a:hover {
        color: var(--bs-gray-900) !important;
    }

/***** End Breadcrumb *****/
/***** Tabs *****/
.nav-line-tabs {
    border-bottom-width: 3px;
}

    .nav-line-tabs .nav-item .nav-link.active,
    .nav-line-tabs .nav-item .nav-link:hover {
        color: var(--bs-primary);
        border-bottom-width: 2px !important;
    }

    .nav-line-tabs .nav-item .nav-link.active {
        font-weight: bold;
    }

    .nav-line-tabs .nav-item .nav-link {
        color: #646B72;
        font-weight: 400;
        margin: 0 10px;
    }

[data-bs-theme="dark"] .nav-line-tabs .nav-item .nav-link {
    color: var(--bs-gray-700)
}

/* New design */
.circle-tabs.nav-line-tabs,
.square-tabs.nav-line-tabs {
    border-bottom: 0;
    overflow-x: auto;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    padding: 0 2px;
    overflow-y: hidden;
    min-height: 40px;
}

    .circle-tabs.nav-line-tabs + .tab-content,
    .square-tabs.nav-line-tabs + .tab-content {
        padding: 0 2px;
    }

    .circle-tabs.nav-line-tabs .nav-item .nav-link,
    .square-tabs.nav-line-tabs .nav-item .nav-link {
        border-radius: 0.375rem;
        background-color: #FFF;
        color: #01070D;
        padding: 0.5rem 1rem;
        white-space: nowrap;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
        font-weight: bold;
        transition: color 0s ease;
        font-size: 0.9rem;
    }

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm,
.btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: 0.5rem 1rem;
    border: 1px solid var(--bs-app-border-color);
}

.btn.btn-danger {
    border-color: var(--bs-danger) !important;
}

.circle-tabs.nav-line-tabs .nav-item .nav-link:hover,
.circle-tabs.nav-line-tabs .nav-item .nav-link.active,
.square-tabs.nav-line-tabs .nav-item .nav-link:hover,
.square-tabs.nav-line-tabs .nav-item .nav-link.active {
    background-color: var(--bs-primary);
    color: #fff;
}

[data-bs-theme="dark"] .circle-tabs.nav-line-tabs .nav-item .nav-link:not(.active),
[data-bs-theme="dark"] .square-tabs.nav-line-tabs .nav-item .nav-link:not(.active) {
    color: #fff;
    background-color: transparent;
    box-shadow: 0px 0px 4px 0px rgba(var(--bs-gray-700-rgb), 0.15);
}

[data-bs-theme="dark"] .circle-tabs.nav-line-tabs .nav-item .nav-link:hover,
[data-bs-theme="dark"] .square-tabs.nav-line-tabs .nav-item .nav-link:hover {
    /* color: #01070D; */
    background-color: var(--bs-primary);
    color: #fff;
}

.tab-content {
    margin-top: 1rem;
}

.table-responsive::-webkit-scrollbar,
.nav-tabs::-webkit-scrollbar {
    height: 5px;
}

.table-responsive::-webkit-scrollbar-thumb,
.nav-tabs::-webkit-scrollbar-thumb,
.table-responsive:hover::-webkit-scrollbar-thumb,
.nav-tabs:hover::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-track,
.nav-tabs::-webkit-scrollbar-track {
    background-color: #ECF5FD;
}

[data-bs-theme="dark"] .table-responsive::-webkit-scrollbar-track,
[data-bs-theme="dark"] .nav-tabs::-webkit-scrollbar-track {
    background-color: #9fa8b130;
}

.table-responsive::-webkit-scrollbar-corner,
.nav-tabs::-webkit-scrollbar-corner {
    background-color: transparent;
}

/***** End Tabs *****/
/***** Info Boxes *****/
.info-box {
    border-radius: 1.5rem;
    padding: 0.75rem;
}

    .info-box:not(.bg-transparent) .info-box-icon {
        background-color: #fff;
    }

    .info-box .info-box-icon {
        background-color: #646B72;
        padding: .75rem;
        border-radius: 0.75rem;
        margin-right: 1rem;
    }

        .info-box .info-box-icon i {
            font-size: 2rem;
            color: #fff;
        }

.info-box-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
}

.info-box:not(.bg-transparent) .info-box-data span:first-child {
    color: #fff;
    font-size: 1.25rem;
}

.info-box:not(.bg-transparent) .info-box-data span:last-child {
    color: #fff;
    font-size: 1.5rem;
}

.info-box .info-box-data span {
    color: #646B72;
}

.info-box.bg-danger {
    background-color: #D4536C !important;
}

    .info-box.bg-danger .info-box-icon i {
        color: #D4536C;
    }

.info-box.bg-success {
    background-color: #7FC98F !important;
}

    .info-box.bg-success .info-box-icon i {
        color: #7FC98F;
    }

.info-box.bg-warning {
    background-color: #F0C844 !important;
}

    .info-box.bg-warning .info-box-icon i {
        color: #F0C844;
    }

.info-box.bg-primary {
    background-color: #5E9DF0 !important;
}

    .info-box.bg-primary .info-box-icon i {
        color: #5E9DF0;
    }

/* New design */
.info-box.info-box-2 {
    border-radius: 0.75rem;
    border: 1px solid transparent;
    background-color: transparent !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .info-box.info-box-2 .info-box-data {
        flex-grow: unset;
    }

        .info-box.info-box-2 .info-box-data span {
            font-weight: 600;
        }

.info-box-progress {
    margin-top: auto;
}

    .info-box-progress .progress {
        height: 9px;
    }

.info-box.info-box-2.bg-danger {
    border-color: #FE5880;
}

    .info-box.info-box-2.bg-danger .info-box-data span {
        color: #FE5880;
    }

    .info-box.info-box-2.bg-danger .info-box-progress .progress {
        background-color: #FE215680;
    }

        .info-box.info-box-2.bg-danger .info-box-progress .progress .progress-bar {
            background-color: #FE5880;
        }

.info-box.info-box-2.bg-success {
    border-color: #7FC98F;
    background-color: #F8FFF9 !important;
}

    .info-box.info-box-2.bg-success .info-box-data span {
        color: #7FC98F;
    }

    .info-box.info-box-2.bg-success .info-box-progress .progress {
        background-color: #7fc98fa3;
    }

        .info-box.info-box-2.bg-success .info-box-progress .progress .progress-bar {
            background-color: #7FC98F;
        }

.info-box.info-box-2.bg-warning {
    border-color: #F0C744;
    background-color: #FFFCE5 !important;
}

    .info-box.info-box-2.bg-warning .info-box-data span {
        color: #926F00;
    }

    .info-box.info-box-2.bg-warning .info-box-progress .progress {
        background-color: #F0C744a3;
    }

        .info-box.info-box-2.bg-warning .info-box-progress .progress .progress-bar {
            background-color: #F0C744;
        }

.info-box.info-box-2.bg-primary {
    border-color: #5E9DF0;
    background-color: #F6FAFF !important;
}

    .info-box.info-box-2.bg-primary .info-box-data span {
        color: #5E9DF0;
    }

    .info-box.info-box-2.bg-primary .info-box-progress .progress {
        background-color: #5E9DF0a3;
    }

        .info-box.info-box-2.bg-primary .info-box-progress .progress .progress-bar {
            background-color: #5E9DF0;
        }

.info-box.info-box-2.bg-info {
    border-color: #E88D67;
    background-color: #e88d671a !important;
}

    .info-box.info-box-2.bg-info .info-box-data span {
        color: #E88D67;
    }

    .info-box.info-box-2.bg-info .info-box-progress .progress {
        background-color: #e88d6780;
    }

        .info-box.info-box-2.bg-info .info-box-progress .progress .progress-bar {
            background-color: #E88D67;
        }

[data-bs-theme="dark"] .info-box.info-box-2 {
    background-color: transparent !important;
}

.entity-card {
    border-radius: 0.75rem;
    border: 1px solid #EAEAEA;
    padding: 1.5rem;
    margin-top: 1.5rem;
    height: calc(100% - 20px);
}

@media (max-width: 575.98px) {
    .entity-card {
        padding: 0.5rem
    }

        .entity-card .card-header {
            margin-bottom: 0.5rem;
        }

            .entity-card .card-header .card-title {
                margin: 0;
            }
}

[data-bs-theme="dark"] .entity-card {
    border-color: var(--bs-border-color);
}

.entity-card .card-header {
    min-height: auto;
    padding: 0;
    border-bottom: 0;
    margin-bottom: 1.5rem;
}

    .entity-card .card-header .card-title h3 {
        color: #3E97FF;
    }

/***** End Info Boxes *****/
/***** Special data *****/
.special-data {
    padding-left: 1.25rem;
    border-left: 0.2rem solid #5E9DF0;
}

    .special-data .title {
        /* color: #646B72; */
        color: var(--bs-text-gray-400);
        font-size: 0.95006rem;
        font-weight: 400;
        margin-bottom: .75rem;
    }

    .special-data .desc {
        /* color: #01070D; */
        color: var(--bs-text-gray-800);
        font-size: 1.08581rem;
        font-weight: 500;
    }

/***** End Special data *****/
/***** Progress *****/
.progress-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

    .progress-wrapper .progress-title {
        color: #646B72;
        font-size: 1rem;
        font-weight: 500;
    }

    .progress-wrapper .progress {
        border-radius: 1.625rem;
        background: #F3F6F8;
        padding: .5rem;
        flex-grow: 1;
        height: auto;
    }

[data-bs-theme="dark"] .progress-wrapper .progress {
    background-color: var(--bs-gray-200);
}

.progress-wrapper .progress .progress-bar {
    border-radius: 0.625rem;
    height: 12px;
}

.progress-wrapper .progress-value {
    border-radius: 0.625rem;
    padding: 0.125rem 0.375rem;
    color: #fff;
}

.progress-wrapper.progress-warning .progress .progress-bar {
    background: #F0C844;
}

.progress-wrapper.progress-warning .progress-value {
    background: #F0C844;
}

.progress-wrapper.progress-success .progress .progress-bar {
    background: #7FC98F;
}

.progress-wrapper.progress-success .progress-value {
    background: #7FC98F;
}

.progress-wrapper.progress-danger .progress .progress-bar {
    background: #D4536C;
}

.progress-wrapper.progress-danger .progress-value {
    background: #D4536C;
}

.progress-wrapper.progress-primary .progress .progress-bar {
    background: #5E9DF0;
}

.progress-wrapper.progress-primary .progress-value {
    background: #5E9DF0;
}

/***** End Progress *****/
/***** Custom RadioButton and checkBox *****/
.custom-check {
    padding: 0;
    display: inline-flex;
}

    .custom-check > input {
        display: none;
    }

    .custom-check label {
        background-color: #fff;
        border: 1px solid var(--bs-app-border-color);
        padding: 0.5rem 1.75rem 0.5rem 0.5rem;
        color: #646B72;
        border-radius: 0.425rem;
        cursor: pointer;
        position: relative;
        font-weight: 500;
        font-size: 11px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 35px;
        display: inline-flex;
        align-items: center;
    }

[data-bs-theme="dark"] .custom-check label {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-400);
}

.custom-check input:checked + label {
    border-color: #2391EA;
    background-color: #ECF5FD;
    color: #000;
}

[data-bs-theme="dark"] .custom-check input:checked + label {
    background-color: var(--bs-gray-400);
    border-color: var(--bs-gray-600);
    color: #fff;
}

.custom-check label::after {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    color: #DCDFE3;
    font-size: 11px;
}

[data-bs-theme="dark"] .custom-check label::after {
    color: var(--bs-gray-400);
}

.custom-check input[type="radio"] + label::after {
    content: '\f111';
}

.custom-check input[type="radio"]:checked + label::after {
    content: '\f058';
    font-weight: 900;
    color: #2391EA;
}

.custom-check input[type="checkbox"] + label::after {
    content: '\f0c8';
}

.custom-check input[type="checkbox"]:checked + label::after {
    content: '\f14a';
    font-weight: 900;
    color: #2391EA;
}

/***** End Custom RadioButton and checkBox *****/
/***** Custom card *****/
.card.custom-card {
    border-radius: 0.75rem;
    border: 2px solid var(--bs-app-border-color);
}

    .card.custom-card .card-header {
        border-radius: 0.75rem 0.75rem 0 0;
        min-height: 40px;
        background: #F3F6F8;
        border-bottom: 2px solid var(--bs-app-border-color);
    }

[data-bs-theme="dark"] .card.custom-card .card-header {
    background: transparent;
}

.card.custom-card .card-header .card-title {
    color: #646B72;
    font-size: 1rem;
    font-weight: 400;
}

[data-bs-theme="dark"] .card.custom-card .card-header .card-title {
    color: #fff;
}

.card.custom-card .card-footer {
    border-top: 2px solid var(--bs-app-border-color);
    padding: 1rem 2.25rem;
}

[data-bs-theme="dark"] .card.custom-card,
[data-bs-theme="dark"] .card.custom-card .card-header,
[data-bs-theme="dark"] .card.custom-card .card-footer {
    border-color: var(--bs-border-color);
}

/***** End Custom card *****/
/***** Custom List *****/
.custom-list {
    padding-left: 0;
    list-style-type: none;
}

    .custom-list li {
        padding-left: 2rem;
        text-transform: capitalize;
        position: relative;
    }

        .custom-list li:before {
            position: absolute;
            content: "\f00c";
            font-weight: 900;
            color: #2391EA;
            display: flex;
            font-family: "Font Awesome 6 Free";
            left: 0;
        }

/***** End Custom List *****/
/***** Header *****/
[data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header,
[data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
    width: 100%;
    left: 0;
    border-bottom-style: solid;
}

[data-bs-theme="light"] [data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header,
[data-bs-theme="light"] [data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {
    background-color: #fff;
    border-bottom-color: var(--bs-app-border-color);
}

.search-input {
    background-color: var(--bs-app-border-color)42;
    border-color: transparent;
    border-width: 2px;
    border-radius: 50em;
    font-weight: 400;
}

    .search-input:focus {
        border-color: var(--menu-stroke);
    }

.app-navbar-item .btn.btn-icon {
    background-color: var(--bs-light) !important;
}

    .app-navbar-item .btn.btn-icon i {
        color: #01070D;
    }

[data-bs-theme="dark"] .app-navbar-item .btn.btn-icon i {
    color: var(--bs-gray-500);
}

.app-container {
    height: 100%;
}

@media (min-width: 992px) {
    .app-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 575.98px) {
    .app-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.app-content {
    padding-bottom: 0;
}

/***** End Header *****/
/***** Sidebar *****/
[data-kt-app-layout=light-sidebar] .app-sidebar {
    width: 243px;
    border-right: 1px solid var(--bs-app-border-color) !important;
}

[data-kt-app-sidebar-minimize="on"] .app-sidebar {
    width: 100px;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-wrapper > .menu.menu-sub-indention {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    width: 100px;
    overflow-y: auto;
}

@media (min-width: 991.98px) {
    [data-kt-app-layout=light-sidebar] .app-sidebar {
        top: 70px;
    }

        [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-wrapper > .menu.menu-sub-indention {
            height: calc(100% - 70px);
        }
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link {
    border-radius: 0.475rem;
    flex-direction: column;
    padding: 0.5rem 1rem;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) span,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) span i,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: var(--menu-stroke) !important;
}

    [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) svg {
        stroke: var(--menu-stroke) !important;
    }

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link .menu-title {
    opacity: 1 !important;
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #818A93;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.show > .menu-link .menu-title {
    font-weight: bold;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link:hover .menu-title,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link:active .menu-title {
    color: #01070D;
}

@media (max-width: 992px) {
    /* [data-kt-app-layout=light-sidebar] .app-sidebar {
        width: 70px !important;
    } */

    [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-wrapper > .menu.menu-sub-indention {
        top: 24px;
    }
}

@media (min-width: 992px) {
    [data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-menu .menu-item.show > .menu-sub {
        height: auto;
        overflow: hidden;
        transition: height .3s ease-in-out !important;
    }
}

.menu-sub .menu-link {
    flex-direction: row !important;
    border-radius: 0 !important;
}

/* [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #0f4478;
} */

/* [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon svg path {
    fill: #0f4478;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #0f4478 !important;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link.active .menu-icon svg path {
    fill: #0f4478 !important;
} */

/***** End Sidebar *****/
/***** Menu Icon *****/
.app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link .menu-icon {
    margin: 0;
}

    .app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link .menu-icon > img {
        max-width: 24px;
    }

        .app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link .menu-icon > img:nth-child(2),
        .app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link .menu-icon > img:nth-child(3),
        .app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link:hover .menu-icon > img:nth-child(1),
        .app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link:hover .menu-icon > img:nth-child(3),
        .app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link.active .menu-icon > img:nth-child(1),
        .app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link.active .menu-icon > img:nth-child(2) {
            opacity: 0;
            display: none;
        }

.app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link:hover .menu-icon > img:nth-child(2) {
    opacity: 1;
    display: block;
}

.app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link.active .menu-icon > img:nth-child(3) {
    opacity: 1;
    display: block;
}

.app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link.active:hover .menu-icon > img:nth-child(2) {
    opacity: 0;
    display: none;
}

.app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link.active .menu-title {
    color: var(--menu-stroke) !important;
    font-weight: 700;
}

.app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link.active .menu-icon svg {
    stroke: var(--menu-stroke) !important;
    fill: var(--menu-fill) !important;
}

.app-sidebar .app-sidebar-wrapper > .menu .menu-item .menu-link:hover .menu-title {
    color: var(--menu-stroke) !important;
}

/***** End Menu Icon *****/
/***** Admin Menu *****/
.menu-admin-wrapper {
    height: calc(100% - 70px);
}

.menu-admin {
    height: calc(100% - 25px);
}

.app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link .menu-icon {
    margin: 0;
}

    .app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link .menu-icon > img {
        max-width: 24px;
    }

        .app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link .menu-icon > img:nth-child(2),
        .app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link .menu-icon > img:nth-child(3),
        .app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link:hover .menu-icon > img:nth-child(1),
        .app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link:hover .menu-icon > img:nth-child(3),
        .app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link.active .menu-icon > img:nth-child(1),
        .app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link.active .menu-icon > img:nth-child(2) {
            opacity: 0;
            display: none;
        }

.app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link:hover .menu-icon > img:nth-child(2) {
    opacity: 1;
    display: block;
}

.app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link.active .menu-icon > img:nth-child(3) {
    opacity: 1;
    display: block;
}

.app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link.active:hover .menu-icon > img:nth-child(2) {
    opacity: 0;
    display: none;
}

.app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link.active .menu-title {
    color: #000 !important;
    font-weight: 700;
}

.app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link.active .menu-icon svg path {
    fill: #000;
}

.app-sidebar .app-sidebar-wrapper .menu-admin .menu-item .menu-link:hover .menu-title {
    color: #000 !important;
}

/***** End Admin Menu *****/
/***** App wrapper *****/
@media (min-width: 992px) {
    [data-kt-app-sidebar-fixed=true] .app-wrapper {
        margin-left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px) + 15px);
        /* margin-left: 100px; */
    }
}

/***** End App wrapper *****/
/***** Select 2 *****/
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    /* color: #181818; */
}

.select2-container--bootstrap5 .select2-selection {
    border-width: 2px;
}

    .select2-container--bootstrap5 .select2-selection.editmode {
        border-width: 0;
        border-bottom-width: 2px;
        border-radius: 0;
    }

/***** End Select 2 *****/
/***** Table *****/
/* .table {
    border-collapse: unset;
} */

.table thead tr {
    border-bottom: 0 !important;
}

.table.table-bordered thead tr th {
    border-top: 2px solid var(--bs-app-border-color) !important;
    border-right: 0;
}

.table thead tr th {
    color: var(--bs-text-gray-400) !important;
    font-weight: 600 !important;
    font-size: .95rem !important;
    background-color: #F3F6F8;
    white-space: nowrap;
}

[data-bs-theme="dark"] .table thead tr th {
    color: #fff !important;
    background-color: #151521;
}

.table.table-bordered thead tr th:first-child {
    border-left: 2px solid var(--bs-app-border-color);
    border-top-left-radius: 8px;
}

.table.table-bordered thead tr th:last-child {
    border-top-right-radius: 8px;
    border-right: 2px solid var(--bs-app-border-color);
}

.table thead tr td {
    border-top: 2px solid var(--bs-app-border-color);
}

.table.table-bordered tbody tr td {
    border-top: 2px solid var(--bs-app-border-color) !important;
    border-right: 0;
}

    .table.table-bordered tbody tr td:first-child {
        border-left: 2px solid var(--bs-app-border-color) !important;
    }

    .table.table-bordered tbody tr td:last-child {
        border-right: 2px solid var(--bs-app-border-color) !important;
    }

.table.table-bordered tbody tr:last-child > td {
    border-bottom: 2px solid var(--bs-app-border-color) !important;
}

.table tbody tr:last-child > td:last-child {
    border-bottom-right-radius: 8px;
}

.table tbody tr:last-child > td:first-child {
    border-bottom-left-radius: 8px;
}

table.table-bordered.dataTable td:first-child,
table.table-bordered.dataTable th:first-child {
    border-left-width: 2px;
}

table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable th:last-child {
    border-right-width: 2px;
}

.table {
    --bs-table-striped-bg: rgb(248, 250, 251);
    --bs-table-active-bg: rgba(35, 145, 234, 0.08);
    --bs-table-hover-bg: rgba(248, 250, 251, 0.50);
}

[data-bs-theme="dark"] .table {
    --bs-table-striped-bg: rgba(248, 250, 251, 0.03);
}

[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: #20202b;
}

table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: none;
}

[data-bs-theme="dark"] table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .05) !important;
}

table.dataTable.table-striped > tbody > tr.even > * {
    box-shadow: inset 0 0 0 9999px var(--bs-table-striped-bg);
}

table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(35, 145, 234, 0.08);
}

table.dataTable.table-striped > tbody > tr.table-active > td {
    box-shadow: inset 0 0 0 9999px var(--bs-table-active-bg);
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
    border-bottom-width: 0;
}

table.dataTable.table-hover > tbody > tr.table-not-hover:hover > * {
    box-shadow: none;
}

/* Appetite Level Tables */
/* table.asset-row-3>tbody>tr:nth-child(3n+1) td:nth-child(2) {
    border-left: 2px solid var(--bs-app-border-color) !important;
} */

table.asset-row-3 > tbody > tr:nth-of-type(3n+3) > td:first-child,
table.asset-row-3 > tbody > tr:nth-of-type(3n+2) > td:first-child {
    border-left: 2px solid var(--bs-app-border-color) !important;
}

/* table.asset-row-3>tbody>tr:nth-last-child(3)>td:first-child {
    border-bottom: 2px solid var(--bs-app-border-color) !important;
    border-bottom-left-radius: 8px;
} */

.table.asset-row-3 tbody tr:last-child > td:first-child {
    border-bottom-left-radius: 0;
}

table.asset-row-3.dataTable.table-hover > tbody > tr:hover > *,
table.asset-row-4.dataTable.table-hover > tbody > tr:hover > *,
table.asset-row-5.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: none;
}

table.asset-row-4 > tbody > tr:nth-child(4n+1) td:nth-child(2) {
    border-left: 2px solid var(--bs-app-border-color) !important;
}

table.asset-row-4 > tbody > tr:nth-last-child(4) > td:first-child {
    border-bottom: 2px solid var(--bs-app-border-color) !important;
    border-bottom-left-radius: 8px;
}

.table.asset-row-4 tbody tr:last-child > td:first-child {
    border-bottom-left-radius: 0;
}

table.asset-row-5 > tbody > tr:nth-child(5n+1) td:nth-child(2) {
    border-left: 2px solid var(--bs-app-border-color) !important;
}

.border-right-2px {
    border-right: 2px solid var(--bs-app-border-color) !important;
}

table.asset-row-5 > tbody > tr:nth-last-child(5) > td:first-child {
    border-bottom: 2px solid var(--bs-app-border-color) !important;
    border-bottom-left-radius: 8px;
}

.table.asset-row-5 tbody tr:last-child > td:first-child {
    border-bottom-left-radius: 0;
}

/* Collapse Table */
.collapse-table {
    border: 2px solid var(--bs-app-border-color) !important;
    border-radius: 8px;
}

.table.table-bordered.collapse-table thead tr th {
    border-top: 0 !important;
}

.table.table-bordered.collapse-table tbody tr:last-child > td {
    border-bottom: 0 !important;
}

.table.table-bordered.collapse-table thead tr th:first-child {
    border-left: 0;
}

.table.table-bordered.collapse-table tbody tr td:first-child {
    border-left: 0 !important;
}

.table.table-bordered.collapse-table thead tr th:last-child {
    border-right: 0;
}

.table.table-bordered.collapse-table tbody tr td:last-child {
    border-right: 0 !important;
}

.accordion-shown td {
    /* box-shadow: inset 0 0 0 9999px var(--bs-table-active-bg) !important; */
    box-shadow: inset 0 0 0 9999px var(--bs-table-striped-bg) !important;
    /*background-color: #FBF3D0;*/
    /* background-color: var(--bs-primary); */
}

/* .accordion-shown td,
.accordion-shown td * {
    color: #fff !important;
} */

/* .accordion-tableChild td {
    background-color: #FEFCF3;
    background-color: #2091f11f;
    box-shadow: none !important;
} */

table.dataTable.table-hover.collapse-table > tbody > tr:hover > * {
    box-shadow: none;
}

.accordion-shown .fa-chevron-right:before {
    content: "\f078";
}

/*Multi Levels Table*/
.multiLevelsTable.table.table-bordered tbody .dt-hasChild + tr > td {
    border-right: 2px solid var(--bs-app-border-color) !important;
    border-left: 2px solid var(--bs-app-border-color) !important;
}

/* Table pagination  */
.page-item.active .page-link {
    color: var(--bs-pagination-active-bg);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.page-item:last-child {
    margin-left: 1.5rem;
}

.page-item:first-child {
    margin-right: 1.5rem;
}

    .page-item:first-child .page-link,
    .page-item:last-child .page-link {
        border: 2px solid var(--bs-app-border-color);
        padding: 0.5rem 1.5rem;
    }

@media (max-width: 575.9px) {
    .page-item:first-child {
        margin-right: 1rem;
    }

    .page-item:last-child {
        margin-left: 1rem;
    }
}

div.dataTables_length + div.dataTables_info {
    color: var(--bs-text-gray-400);
}

[data-bs-theme="dark"] div.dataTables_length + div.dataTables_info {
    color: #CECECE;
}

div.dataTables_wrapper div.dataTables_length label {
    color: var(--bs-gray-700);
    display: flex;
    align-items: center;
    gap: 8px;
}

div.dataTables_wrapper div.dataTables_length select {
    border: 2px solid var(--bs-app-border-color);
    line-height: 1.21;
}

[data-bs-theme="dark"] div.dataTables_wrapper div.dataTables_length select {
    border-color: var(--bs-border-color);
}

div.dataTables_wrapper div.dataTables_length select:focus {
    border-color: var(--bs-app-border-color) !important;
}

[data-bs-theme="dark"] div.dataTables_wrapper div.dataTables_length select:focus {
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .page-item:first-child .page-link,
[data-bs-theme="dark"] .page-item:last-child .page-link {
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .page-item:not(.disabled):not(.active) .page-link {
    color: #fff;
}

[data-bs-theme="dark"] div.dt-button-collection {
    background-color: #151521;
}

.entityContEnvRatTable .input-group {
    flex-wrap: nowrap;
}

@media (max-width: 575.9px) {

    .page-item.next .page-link,
    .page-item.previous .page-link {
        font-size: 0;
    }

        .page-item.next .page-link i,
        .page-item.previous .page-link i {
            font-size: .85rem;
            margin: 0 !important;
        }

    div.dataTables_wrapper div.dataTables_info {
        display: none;
    }
}

/***** End Table *****/
/***** Group Table *****/
.table.table-bordered.group-table thead tr th:first-child {
    border-width: 0;
}

.table.table-bordered.group-table thead tr th {
    border-top: 1px solid var(--bs-group-table-border-color) !important;
}

.table.group-table thead tr th {
    background-color: transparent;
}

.table.table-bordered.group-table thead tr th:last-child {
    border-right: 0;
}

.table.table-bordered.group-table tbody tr td:first-child {
    border-left: 1px solid var(--bs-group-table-border-color) !important;
}

.table.table-bordered.group-table tbody tr td:last-child {
    border-right: 0 !important;
}

.table.table-bordered.group-table tbody tr td {
    border-top: 1px solid var(--bs-group-table-border-color) !important;
    padding: 5px;
}

.table.table-bordered.group-table tbody tr:last-child > td {
    border-bottom: 1px solid var(--bs-group-table-border-color) !important;
}

.table.table-bordered.group-table tbody tr:first-child td:not(:first-child),
.table.table-bordered.group-table tbody tr:not(:first-child) td {
    vertical-align: middle;
}

.table.table-bordered.group-table tbody tr:first-child td:first-child {
    border-left: 0 !important;
}

.table.table-bordered.group-table tbody tr:last-child {
    border-bottom: 0;
}

/***** End Group Table *****/
/***** Custom Tree *****/
.custom-tree {
    overflow: auto;
}

    .custom-tree .jstree-node {
        background-image: none;
        position: relative;
    }

        .custom-tree .jstree-node .jstree-anchor {
            color: #01070D;
            box-shadow: none;
            /* padding: 10px 10px 10px 34px; */
            padding: 10px 10px 10px 24px;
            /* height: 56px; */
            height: 45px;
            width: 100%;
            border-radius: 8px;
            display: flex;
            align-items: center;
            font-size: 14px;
        }

.custom-tree-2 .jstree-node .jstree-anchor {
    height: 56px;
}

[data-bs-theme="dark"] .custom-tree .jstree-node .jstree-anchor {
    color: var(--bs-text-dark);
}

[data-bs-theme="dark"] .jstree-default .jstree-search {
    color: #f6779b;
}

.custom-tree .jstree-node .jstree-anchor.jstree-hovered {
    background: rgba(35, 145, 234, 0.06);
}

.custom-tree .jstree-node .jstree-anchor.jstree-clicked {
    background: rgba(35, 145, 234, 0.26);
}

.custom-tree .jstree-node .jstree-icon.jstree-ocl {
    color: #01070D;
    position: absolute;
    left: 0;
    height: 56px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-bs-theme="dark"] .custom-tree .jstree-node .jstree-icon.jstree-ocl {
    color: var(--bs-text-dark);
}

.custom-tree .jstree-node.jstree-leaf .jstree-anchor,
.custom-tree .jstree-node.jstree-leaf .jstree-icon.jstree-ocl {
    color: #646B72;
}

[data-bs-theme="dark"] .custom-tree .jstree-node.jstree-leaf .jstree-anchor,
[data-bs-theme="dark"] .custom-tree .jstree-node.jstree-leaf .jstree-icon.jstree-ocl {
    color: #CECECE;
}

.single-level.custom-tree .jstree-node.jstree-leaf.add-new .jstree-anchor,
.single-level.custom-tree .jstree-node.jstree-leaf.add-new .jstree-icon.jstree-ocl {
    color: #CECECE;
}

[data-bs-theme="dark"] .single-level.custom-tree .jstree-node.jstree-leaf.add-new .jstree-anchor,
[data-bs-theme="dark"] .single-level.custom-tree .jstree-node.jstree-leaf.add-new .jstree-icon.jstree-ocl {
    color: #646B72;
}

.custom-tree .jstree-node .jstree-ocl {
    background-image: none;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 12px;
    padding: 10px 0;
    height: auto !important;
}

.custom-tree .jstree-node.jstree-leaf .jstree-ocl {
    font-size: 9px;
}

.custom-tree .jstree-node.jstree-open > .jstree-ocl:before {
    content: "\f078";
}

.custom-tree .jstree-node.jstree-closed > .jstree-ocl:before {
    content: "\f054";
}

.custom-tree .jstree-node.jstree-leaf .jstree-icon.jstree-ocl:before {
    content: "\f111";
}

[dir=rtl] .jstree-node.jstree-closed > .jstree-ocl:before {
    content: "\f053" !important;
}

.single-level.custom-tree .jstree-node.jstree-leaf.add-new .jstree-icon.jstree-ocl:before {
    content: "\2b";
    font-size: 14px;
}

.custom-tree.jstree-default .jstree-leaf > .jstree-ocl {
    background-position: -68px 5px;
}

.custom-tree.jstree .jstree-open > .jstree-children {
    position: relative;
}

    .custom-tree.jstree .jstree-open > .jstree-children:after {
        content: "";
        position: absolute;
        left: 11px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #CECECE;
    }

.custom-tree .jstree-node.jstree-leaf .jstree-icon.jstree-ocl:before {
    display: none;
}

.custom-tree .jstree-node.jstree-leaf.jstree-last .jstree-anchor {
    color: #646b7280;
}

.custom-tree.jstree-default .jstree-node {
    margin-left: 17px;
}

.custom-tree.jstree-default > .jstree-container-ul > .jstree-node {
    margin-left: 0;
}

/***** End Custom Tree *****/
/***** jstree Checkable *****/
.jstree_checkable.jstree-default .jstree-checkbox {
    font-weight: 400;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    font-style: normal;
    color: #DAE0E6;
    margin-right: 10px;
    margin-left: 6px;
}

    .jstree_checkable.jstree-default .jstree-checkbox:after {
        content: "\f0c8";
    }

.jstree_checkable.jstree-default .jstree-checked > .jstree-checkbox,
.jstree_checkable.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    font-style: normal;
    color: #2091f1;
}

    .jstree_checkable.jstree-default .jstree-checked > .jstree-checkbox:after,
    .jstree_checkable.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after {
        content: "\f14a";
    }

.jstree_checkable.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl,
.jstree_checkable.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    font-style: normal;
    color: #2091f1;
    height: 47.73px;
    display: inline-flex;
    align-items: center;
}

    .jstree_checkable.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl:after {
        content: "\f146";
    }

    .jstree_checkable.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl:after {
        content: "\f0fe";
    }

.jstree_checkable.jstree-default .jstree-icon:empty {
    width: auto;
    height: auto;
    font-size: 20px;
}

.jstree_checkable.jstree-default .jstree-wholerow-clicked,
.jstree_checkable.jstree-default .jstree-wholerow-hovered {
    background: unset !important;
}

.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-wholerow-clicked:hover,
.jstree-default .jstree-wholerow-hovered {
    background: unset !important;
}

.jstree_checkable.jstree-default .jstree-wholerow {
    border-bottom: 1px solid var(--bs-group-table-border-color);
    height: 47.73px;
}

.jstree_checkable.jstree-default .jstree-anchor {
    height: 47.73px;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
}

.jstree-wholerow-ul > .jstree-node > .jstree-anchor {
    font-weight: bold;
}

/***** End jstree Checkable *****/
/***** Group Tree *****/
.group-tree.jstree-default .jstree-anchor .form-select {
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: 200px;
}

.group-tree.jstree-default .jstree-anchor {
    width: calc(100% - 24px);
    display: flex;
}

    .group-tree.jstree-default .jstree-anchor.jstree-clicked,
    .group-tree.jstree-default .jstree-anchor.jstree-hovered {
        background: transparent;
        box-shadow: none;
    }

.group-tree.jstree-default > .jstree-container-ul .jstree-open > .jstree-ocl,
.group-tree.jstree-default > .jstree-container-ul .jstree-closed > .jstree-ocl {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    font-style: normal;
    color: #2091f1;
    display: inline-flex;
    align-items: center;
    height: 44px;
}

    .group-tree.jstree-default > .jstree-container-ul .jstree-open > .jstree-ocl:after {
        content: "\f146";
    }

    .group-tree.jstree-default > .jstree-container-ul .jstree-closed > .jstree-ocl:after {
        content: "\f0fe";
    }

.group-tree.jstree-default .jstree-leaf > .jstree-ocl {
    background-image: none;
}

.group-tree.jstree-default .jstree-container-ul > .jstree-node > .jstree-anchor {
    font-weight: bold;
}

.group-tree.jstree-default .jstree-anchor {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 44px;
}

.group-tree.jstree-default .jstree-icon,
.group-tree.jstree-default .jstree-node {
    background-image: none;
}

/***** End Group Tree *****/
/***** Compliance Tree *****/
.compliance-tree.custom-tree .jstree-node.jstree-leaf .jstree-icon.jstree-ocl:before {
    display: none;
}

.compliance-tree.custom-tree .jstree-node .jstree-anchor {
    padding: 5px 5px 5px 20px;
}

.compliance-tree.custom-tree .jstree-node .jstree-anchor {
    height: 40px;
    border-radius: 3px;
}

    .compliance-tree.custom-tree .jstree-node .jstree-anchor.jstree-clicked {
        background: rgb(35 145 234 / 10%);
    }

/***** End Compliance Tree *****/

/***** Second menu *****/
.app-sidebar .second-menu {
    margin-left: 100px;
    padding: 0 5px;
}

    .app-sidebar .second-menu .menu-item .menu-link {
        padding-left: 0;
        /* padding-right: 0; */
    }

    .app-sidebar .second-menu .nav-line-tabs .nav-item .nav-link {
        font-weight: 500;
    }

        .app-sidebar .second-menu .nav-line-tabs .nav-item .nav-link.active {
            color: var(--bs-text-dark);
        }

    .app-sidebar .second-menu .menu-item.menu-accordion.show > .menu-link > .menu-title {
        font-weight: bold;
    }

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

body.show-second-menu .app-sidebar .second-menu {
    display: block;
}

/***** End Second menu *****/
/***** Filter Accordion *****/
.filter-accordion {
    border: 2px solid #2391EA;
    border-radius: 8px;
    padding: 8px 0;
}

    .filter-accordion .accordion-button {
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: transparent;
        font-size: 1rem !important;
        color: var(--bs-gray-500);
        font-weight: 400 !important;
    }

    .filter-accordion .accordion-item:not(:last-child) .accordion-button {
        border-bottom: 2px solid var(--bs-app-border-color);
    }

    .filter-accordion .accordion-item:last-child .form-check:last-child {
        border-bottom: 0;
    }

.accordion-item,
.accordion .accordion-header,
.accordion-button {
    border-radius: 0;
    border: 0;
}

.filter-accordion .form-check-input[type=checkbox] {
    border-radius: 5em;
}

.filter-accordion .form-check {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3rem;
    padding-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    border-bottom: 2px solid var(--bs-app-border-color);
}

.filter-accordion .accordion-body {
    padding: 0;
}

.filter-accordion .accordion-button::after {
    filter: grayscale(1);
}

/***** End Filter Accordion *****/
/***** Modals *****/
.care-modal .modal-content {
    border-radius: 1.5rem;
    border: 2px solid #2091f1;
}

.care-modal .modal-body,
.care-modal .modal-footer {
    padding: 1.5rem;
}

.care-modal .modal-body {
    padding-bottom: 0;
}

.care-modal .modal-footer {
    padding-top: 0;
    border-top: 0;
}

    .care-modal .modal-footer .btn-light {
        border: 1px solid var(--bs-app-border-color) !important;
    }

/***** End Modals *****/
/***** Card *****/
.card {
    transition: .2s box-shadow ease-in-out;
}

.total-units > i {
    opacity: 0;
    transition: .2s all ease-in-out;
}

.card:hover .total-units > i {
    opacity: 1;
}

.card.app-navbar-card .card-header {
    border-bottom: 2px solid var(--bs-app-border-color);
    min-height: 60px;
    padding: 0 1.25rem;
}

    .card.app-navbar-card .card-header .card-title {
        color: #000;
    }

[data-bs-theme="dark"] .card.app-navbar-card .card-header .card-title {
    color: var(--bs-gray-500);
}

.card.app-navbar-card .card-body {
    padding: 2rem 1.25rem;
}

    .card.app-navbar-card .card-body a:hover > svg path {
        fill: #2091f1;
    }

    .card.app-navbar-card .card-body a.corpGovernance:hover > svg path {
        fill: none;
        stroke: #2091f1;
    }

/***** End Card *****/
/***** Stepper *****/
.stepper.stepper-pills {
    --bs-stepper-icon-border: 2px solid var(--bs-stepper-icon-number-color);
    --bs-stepper-icon-border-completed: 2px solid var(--bs-stepper-icon-number-color);
}

    .stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title,
    .stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title,
    .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-label .stepper-title {
        color: var(--bs-primary);
    }

/***** End Stepper *****/
/***** Tagify *****/
[data-bs-theme="dark"] .tagify {
    --tags-disabled-bg: #151521;
}

/***** End Tagify *****/
/***** Blur Background *****/
.blur-background {
    opacity: 0;
}

.editing-mode {
    position: relative;
}

    .editing-mode .blur-background {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        filter: blur(3px);
        z-index: 1;
        opacity: .7;
    }

[data-bs-theme="dark"] .editing-mode .blur-background {
    background-color: var(--bs-secondary-bg);
}

.editing-mode-panel {
    border-color: var(--bs-primary);
    z-index: 2;
}

    .editing-mode-panel .card-btns .btn-primary,
    .editing-mode-panel .card-btns .btn-primary:hover {
        border: 2px solid var(--bs-app-border-color) !important;
        background-color: #fff !important;
    }

[data-bs-theme="dark"] .editing-mode-panel .card-btns .btn-primary,
[data-bs-theme="dark"] .editing-mode-panel .card-btns .btn-primary:hover {
    background-color: transparent !important;
}

.editing-mode-panel .card-btns .btn-primary svg,
.editing-mode-panel .card-btns .btn-primary:hover svg {
    fill: var(--bs-text-muted) !important;
}

.editing-mode-panel .card-btns .btn-outline {
    border-color: var(--bs-primary) !important;
    background-color: var(--bs-primary);
}

    .editing-mode-panel .card-btns .btn-outline i {
        color: #fff;
    }

.edit-option {
    display: none;
}

.editing-mode-panel .edit-option {
    display: block;
}

    .editing-mode-panel .edit-option .form-control {
        /* padding: 0.5rem 1rem; */
        padding: 0.15rem 0.5rem;
        font-size: 14px;
        line-height: 1;
        height: 24px;
    }

.editing-mode-panel .view-option {
    display: none;
}

.editing-mode-entity .card-btns {
    display: none !important;
}

.editing-mode-panel.assets-card-entity .edit-option .form-control {
    padding: 0.775rem 1rem;
    font-size: 1.1rem;
    line-height: 1.5;
}

[data-bs-theme="dark"] .editing-mode-entity .btn.btn-outline {
    background-color: var(--bs-dark-light) !important;
}

    [data-bs-theme="dark"] .editing-mode-entity .btn.btn-outline svg path {
        fill: #fff;
    }

[data-bs-theme="dark"] .editing-mode-entity .select2-selection__rendered,
[data-bs-theme="dark"] .editing-mode-entity .form-control,
[data-bs-theme="dark"] .editing-mode-entity .form-control::placeholder {
    color: #fff;
    opacity: 0.8;
}

[data-bs-theme="dark"] .editing-mode-entity .text-gray-400,
[data-bs-theme="dark"] .editing-mode-entity .text-gray-600 {
    color: #fff !important;
}

/***** End Blur Background *****/
/***** Custom Select Tree *****/
.s2-to-tree li.select2-results__option.non-leaf .expand-collapse:before {
    left: 3px;
    top: 6px;
    font-size: 20px;
    color: var(--bs-primary);
}

.s2-to-tree.select2-container li.select2-results__option--highlighted[aria-selected],
.s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] {
    background-color: var(--bs-component-hover-bg);
}

    .s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] > span.item-label {
        background-color: transparent;
        color: var(--bs-primary);
    }

/***** End Custom Select Tree *****/
/***** Group page *****/
.form-check.editing-mode-panel .edit-option .form-control {
    height: 36px;
}

.form-check.editing-mode-panel .form-check-input {
    margin-top: 9px;
}

/***** End Group page *****/
/***** Shimmer / Skeleton Loadings *****/
.is-loading .image,
.is-loading .icon,
.is-loading h1,
.is-loading p {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite;
}

[data-bs-theme="dark"] .is-loading .image,
[data-bs-theme="dark"] .is-loading .icon,
[data-bs-theme="dark"] .is-loading h1,
[data-bs-theme="dark"] .is-loading p {
    background: #444;
    background: linear-gradient(110deg, #27273a 8%, #2B2B40 18%, #1b1b29 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite;
}

.is-loading .image {
    height: 100px;
}

.is-loading .icon {
    height: 40px;
    width: 40px;
    border-radius: 0.475rem;
}

.is-loading h1 {
    height: 20px;
    width: 300px;
}

.is-loading p {
    height: 20px;
    width: 200px;
    margin-bottom: 0;
}

    .is-loading p.circle {
        height: 200px;
        border-radius: 50em;
    }

.is-loading.table-loading > div {
    display: flex;
    gap: 20px;
}

.is-loading.table-loading p {
    height: 25px;
}

@-webkit-keyframes shine {
    to {
        background-position-x: -200%;
    }
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

/***** End Shimmer / Skeleton Loadings *****/
/***** App Engage *****/
.app-engage.entity-details .app-engage-btn {
    width: 120px;
    text-align: center;
}

.app-engage.entity-details [data-bs-dismiss="alert"] {
    height: 30px;
    width: 30px;
}

/***** End App Engage *****/
/***** User Listing *****/
.image-input-placeholder {
    background-image: url('../media/avatars/blank.png');
}

#UsersListDiv {
    /* height: 400px; */
    height: 100%;
    overflow: scroll;
}

/***** End User Listing *****/
/***** Slider Input *****/
.noUi-target .noUi-handle {
    background-color: #2391EA;
}

.interactive_slider_wrapper {
    overflow: hidden;
    padding: 13px 20px 13px 2px;
}

.noUi-horizontal .noUi-origin {
    height: 6px;
    background-color: #2391EA;
}

/***** End Slider Input *****/
/***** Custom Levels CheckBox *****/
.custom-check input:checked + label.high {
    border-color: #f1416c;
    background-color: #fff5f8;
    color: #000;
}

.custom-check input[type="radio"]:checked + label.high::after {
    color: #f1416c;
}

.custom-check input:checked + label.medium {
    border-color: #7239ea;
    background-color: #f8f5ff;
    color: #000;
}

.custom-check input[type="radio"]:checked + label.medium::after {
    color: #7239ea;
}

.custom-check input:checked + label.low {
    border-color: #ffc700;
    background-color: #fff8dd;
    color: #000;
}

.custom-check input[type="radio"]:checked + label.low::after {
    color: #ffc700;
}

/***** End Custom Levels CheckBox *****/
/***** Comments *****/
.comment-main .comment-wrapper {
    border-color: var(--bs-app-border-color) !important;
    --bs-border-width: 2px;
}

    .comment-main .comment-wrapper.active {
        border-color: var(--bs-primary) !important;
        background-color: var(--bs-primary-light);
    }

.comment-main .children {
    padding-left: 0;
    margin-left: 40px;
    margin-top: 1.5rem;
    list-style: none;
}

:dir(ltr) .comment-add-controls {
    right: 1.5rem !important;
}

:dir(rtl) .comment-add-controls {
    left: 1.5rem !important;
}

.comment-main .main-child,
.nested-comment-wrapper {
    position: relative;
}


    .comment-main .main-child[notmain=true]:after {
        content: "";
        position: absolute;
        background: transparent;
        width: 22px;
        height: 100%;
        border: 2px solid var(--bs-app-border-color);
        border-top: none;
        border-right: none;
        border-radius: 0 0 0 10px;
        box-shadow: none;
        top: -73%;
        left: -25px;
    }

:dir(rtl) .comment-main .main-child[notmain=true]:after {
    content: "";
    position: absolute;
    background: transparent;
    width: 22px;
    height: 100%;
    border: 2px solid var(--bs-app-border-color);
    border-top: none;
    border-left: none;
    border-radius: 0 0 10px 0;
    box-shadow: none;
    top: -73%;
    right: -25px;
}


.comment-main .main-child[hasreps=true]:after {
    content: "";
    position: absolute;
    background: transparent;
    width: 22px;
    height: 100%;
    border: 2px solid var(--bs-app-border-color);
    border-top: none;
    border-right: none;
    border-radius: 0 0 0 10px;
    box-shadow: none;
    top: auto;
    left: 14px;
    bottom: -44px;
    right: auto;
}

:dir(rtl) .comment-main .main-child[hasreps=true]:after {
    content: "";
    position: absolute;
    background: transparent;
    width: 22px;
    height: 100%;
    border: 2px solid var(--bs-app-border-color);
    border-top: none;
    border-left: none;
    border-radius: 0 0 10px 0;
    box-shadow: none;
    top: auto;
    right: 14px;
    bottom: -44px;
    left: auto;
}

.nested-comment-wrapper[hasreps=true]:after {
    content: "";
    position: absolute;
    background: transparent;
    width: 2px;
    height: 63%;
    border: 2px solid var(--bs-app-border-color);
    border-top: none;
    border-right: none;
    border-radius: 0 0 0 10px;
    box-shadow: none;
    top: 12%;
    left: 14px;
    bottom: -44px;
    right: auto;
}

:dir(rtl) .nested-comment-wrapper[hasreps=true]:after {
    content: "";
    position: absolute;
    background: transparent;
    width: 2px;
    height: 63%;
    border: 2px solid var(--bs-app-border-color);
    border-top: none;
    border-left: none;
    border-radius: 0 0 10px 0;
    box-shadow: none;
    top: 12%;
    right: 14px;
    bottom: -44px;
    left: auto;
}

:dir(rtl) .children {
    padding: 0 !important;
}

.children .main-child:last-child::after {
    /*width: 1px;
    height: 75%;
    bottom: -20px;*/
}

/***** End Comments *****/
/***** User Group *****/
#UserGroupDiv {
    height: 800px;
    overflow: scroll;
}

#UserRoleDiv {
    height: 800px;
    overflow: scroll;
}

.groups-icons > a {
    opacity: 0;
}

    .groups-icons > a:hover {
        opacity: 1;
    }

.group-name:hover ~ .groups-icons > a {
    opacity: 1;
}

.group-name:hover .groups-icons > a {
    opacity: 1;
}

.label-focus {
    color: #0095e8 !important
}

.role-entity-group-select {
    width: 190px;
}

#UserRoleDiv,
#UserGroupDiv {
    overflow-x: scroll;
}

.not-allowed {
    cursor: not-allowed !important;
}

    .not-allowed input {
        background-color: lightgray !important;
    }


.roles-icons > a {
    opacity: 0;
}

    .roles-icons > a:hover {
        opacity: 1;
    }

.role-name:hover ~ .roles-icons > a {
    opacity: 1;
}

.role-name:hover .roles-icons > a {
    opacity: 1;
}

.label-focus {
    color: #0095e8 !important
}

/***** End User Group *****/
/***** Column Visibility *****/
.dropdown-menu .buttons-columnVisibility span {
    white-space: normal;
}

/***** End Column Visibility *****/
/***** Filter *****/
.filter-component .card .card-header {
    border-bottom: 0;
    min-height: 30px;
}

    .filter-component .card .card-header .card-toolbar .btn {
        height: auto;
    }

.filter-component .accordion-button {
    font-size: 1.15rem !important;
    padding: 1rem;
}

    .filter-component .accordion-button:not(.collapsed) {
        background: var(--gray-100, #F3F4F6);
        border-radius: 0.25rem;
        color: var(--bs-accordion-btn-color);
    }

[data-bs-theme="dark"] .filter-component .accordion-button:not(.collapsed) {
    background: var(--bs-app-bg-color)
}

[data-bs-theme="dark"] .filter-component .filterBy svg path {
    fill: #fff;
}

.filter-component .form-check-input {
    border-color: #5E6278;
}

    .filter-component .form-check-input + label {
        color: #5E6278;
    }

    .filter-component .form-check-input:checked {
        background-color: #181C32;
        border-color: #181C32;
    }

        .filter-component .form-check-input:checked + label {
            color: #181C32;
        }

[data-bs-theme="dark"] .filter-component .form-check-input:checked {
    background-color: inherit;
    border-color: inherit;
}

    [data-bs-theme="dark"] .filter-component .form-check-input:checked + label {
        color: inherit;
    }

.filter-component .form-check-input[type=checkbox] {
    border-radius: 0.25em;
}

.filter-component .accordion-body {
    padding-bottom: 0;
}

.filter-component .accordion {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A1A5B7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.filter-component .form-control {
    height: 35px;
    padding: 0.25rem 0.5rem;
}

.filter-component .form-check-input[type="radio"] + label {
    font-weight: 600;
}

.filter-component .form-check-input[type="radio"] {
    border-color: #646B72;
}

    .filter-component .form-check-input[type="radio"] + label {
        color: #646B72;
    }

    .filter-component .form-check-input[type="radio"]:checked {
        /*background-color: #fff;*/
        border-color: #181C32;
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23181C32'/%3e%3c/svg%3e");
    }

        .filter-component .form-check-input[type="radio"]:checked + label {
            color: #181C32;
        }

.filter-component .radioBtnWithInputNumber [type="number"] {
    display: none;
}

/***** End Filter *****/
/***** Changeable Side *****/
.changeable-side {
    display: grid;
    grid-template-columns: 1fr 2fr;
    /* transition: grid-template-columns 0.1s ease-in-out; */
}

    .changeable-side.minimized {
        grid-template-columns: 0fr 2fr;
    }

.result-side {
    position: relative;
}

.select-result-side .collapse-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: var(--bs-gray-200);
    border-radius: 50em;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -16px;
    top: 55px;
    box-shadow: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);
    cursor: pointer;
    z-index: 1;
}

    .select-result-side .collapse-icon i {
        color: var(--bs-primary);
    }

.changeable-side.minimized .result-side .collapse-icon .fa-chevron-left:before {
    content: "\f054";
}

/***** End Changeable Side *****/
/***** Progress status *****/
.progress-status {
    overflow: visible;
}

    .progress-status .progress {
        position: relative;
    }

        .progress-status .progress:first-child .progress-bar {
            border-top-left-radius: var(--bs-progress-border-radius);
            border-bottom-left-radius: var(--bs-progress-border-radius);
        }

        .progress-status .progress:last-child .progress-bar {
            border-top-right-radius: var(--bs-progress-border-radius);
            border-bottom-right-radius: var(--bs-progress-border-radius);
        }

        .progress-status .progress svg {
            position: absolute;
            bottom: 0;
            top: 6px;
            left: 0;
            right: 0;
            margin: auto;
        }

/***** End Progress status *****/
/***** K Splitter *****/
.k-splitter {
    background-color: transparent !important;
}

[data-bs-theme="dark"] .k-splitbar {
    background-color: #2B2B40;
}

    [data-bs-theme="dark"] .k-splitbar:hover,
    [data-bs-theme="dark"] .k-splitbar.k-hover,
    [data-bs-theme="dark"] .k-splitbar-horizontal-hover,
    [data-bs-theme="dark"] .k-splitbar-vertical-hover {
        background-color: #27273a;
    }

[data-bs-theme="dark"] .k-ghost-splitbar {
    background-color: #27273a !important;
}

/***** End K Splitter *****/
/***** Fusion Charts *****/
[data-bs-theme="dark"] .fusioncharts-container svg g > g:first-child rect {
    fill: var(--bs-body-bg);
}

[data-bs-theme="dark"] .fusioncharts-container svg {
    background-color: var(--bs-body-bg) !important;
}

/***** End Fusion Charts *****/
/***** Calendar *****/
.toastui-calendar-grid-cell-date .toastui-calendar-weekday-grid-date.toastui-calendar-weekday-grid-date-decorator {
    background-color: var(--bs-primary) !important;
}

[data-bs-theme="dark"] .toastui-calendar-layout {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] .toastui-calendar-template-monthDayName,
[data-bs-theme="dark"] .toastui-calendar-holiday-sun,
[data-bs-theme="dark"] .toastui-calendar-grid-cell-date:not(:has(.toastui-calendar-weekday-grid-date-decorator)) {
    color: #fff !important;
}

[data-bs-theme="dark"] .toastui-calendar-daygrid-cell + .toastui-calendar-daygrid-cell,
[data-bs-theme="dark"] .toastui-calendar-weekday-grid,
[data-bs-theme="dark"] .toastui-calendar-panel-grid,
[data-bs-theme="dark"] .toastui-calendar-timegrid .toastui-calendar-columns .toastui-calendar-column,
[data-bs-theme="dark"] .toastui-calendar-panel .toastui-calendar-panel-grid-wrapper,
[data-bs-theme="dark"] .toastui-calendar-panel .toastui-calendar-panel-title,
[data-bs-theme="dark"] .toastui-calendar-layout .toastui-calendar-panel-resizer,
[data-bs-theme="dark"] .toastui-calendar-day-names.toastui-calendar-week,
[data-bs-theme="dark"] .toastui-calendar-day-view-day-names,
[data-bs-theme="dark"] .toastui-calendar-week-view-day-names,
[data-bs-theme="dark"] .toastui-calendar-timegrid .toastui-calendar-columns .toastui-calendar-gridline-half,
[data-bs-theme="dark"] .toastui-calendar-timegrid-time-column .toastui-calendar-timegrid-hour-rows {
    border-color: var(--bs-app-border-color) !important;
}

[data-bs-theme="dark"] .toastui-calendar-timegrid-time-column .toastui-calendar-timegrid-time {
    color: #fff !important;
}

.toastui-calendar-timegrid-time-column .toastui-calendar-timegrid-current-time {
    color: var(--bs-primary) !important;
}

.toastui-calendar-timegrid .toastui-calendar-timegrid-now-indicator .toastui-calendar-timegrid-now-indicator-marker {
    background-color: var(--bs-primary) !important;
}

.toastui-calendar-timegrid .toastui-calendar-timegrid-now-indicator .toastui-calendar-timegrid-now-indicator-left,
.toastui-calendar-timegrid .toastui-calendar-timegrid-now-indicator .toastui-calendar-timegrid-now-indicator-today {
    border-color: var(--bs-primary) !important;
}

.toastui-calendar-timegrid .toastui-calendar-columns .toastui-calendar-column {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}

/***** End Calendar *****/
/***** Max length Lib *****/
.bootstrap-maxlength {
    margin-left: -45px;
}

/***** End Max length Lib *****/
/***** Matrix Table *****/
.matrix-table .sticky-col {
    position: sticky;
    position: -webkit-sticky;
    background-color: white;
}

    .matrix-table #table1 th:not(:nth-child(2)),
    .matrix-table .sticky-col:not(:nth-child(2)),
    .matrix-table #table2 td:not(:nth-child(2)) {
        text-align: center;
    }

[data-bs-theme="dark"] .matrix-table .sticky-col {
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] .matrix-table th.sticky-col {
    background-color: #151521;
}

.matrix-table .sticky-col:first-child {
    left: 0px;
}

.matrix-table .sticky-col:nth-child(2) {
    left: 60px;
}

.matrix-table .sticky-col:nth-child(3) {
    left: 309px;
}

.matrix-table .sticky-col:nth-child(4) {
    left: 369px;
}

.matrix-table .bottom-pane .sticky-col:nth-child(1),
.matrix-table .bottom-pane .sticky-col:nth-child(2),
.matrix-table .bottom-pane .sticky-col:nth-child(3),
.matrix-table .bottom-pane .sticky-col:nth-child(4) {
    z-index: 1;
}

.matrix-table thead th {
    position: sticky;
    top: 0;
}

    .matrix-table thead th.sticky-col {
        z-index: 10;
    }

.matrix-table #table1 th,
.matrix-table #table1 td,
.matrix-table #table2 th,
.matrix-table #table2 td {
    min-width: 40px;
    width: 40px;
    max-width: 40px;
}

    .matrix-table #table1 th:nth-child(1),
    .matrix-table #table1 th:nth-child(3),
    .matrix-table #table1 th:nth-child(4),
    .matrix-table #table1 td:nth-child(1),
    .matrix-table #table1 td:nth-child(3),
    .matrix-table #table1 td:nth-child(4),
    .matrix-table #table2 th:nth-child(1),
    .matrix-table #table2 th:nth-child(3),
    .matrix-table #table2 th:nth-child(4),
    .matrix-table #table2 td:nth-child(1),
    .matrix-table #table2 td:nth-child(3),
    .matrix-table #table2 td:nth-child(4) {
        min-width: 60px;
        width: 60px;
        max-width: 60px;
    }

.matrix-table #table1 .col-width-250,
.matrix-table #table2 .col-width-250 {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

/***** End Matrix Table *****/
/*****  Start Filter Component *****/
.filter-component .custom-tree .jstree-node .jstree-icon.jstree-ocl {
    top: -4px;
    left: -6px;
}

.filter-component .custom-tree.jstree .jstree-open > .jstree-children:after {
    left: 6px;
}

.filter-componen .accordion-item .jstree-anchor[aria-level]:not([aria-level='1']) .jstree-checkbox {
    margin: 0 0 0 11px !important;
}

/*****  End Filter Component *****/

/* eaFunctionTree */
#eaFunctionTree .jstree-anchor {
    display: flex !important;
    align-items: center;
    width: 100%;
    padding-right: 10px;
}

#eaFunctionTree .ea-row {
    display: flex;
    align-items: center;
    width: 100%;
}

#eaFunctionTree .ea-name {
    flex: 1;
    min-width: 0;
}


#eaFunctionTree .ea-actions {
    display: flex;
    gap: 55px;
    width: 252px;
}

#eaFunctionTree .form-check.form-switch {
    margin: 0;
    padding: 0;
    min-height: auto;
}

#eaFunctionTree .jstree-anchor {
    display: inline-flex !important;
    align-items: center;
    width: 100%;
}

#eaFunctionTree .jstree-icon {
    margin-inline-end: 6px;
}

:root {
    --perm-col: 72px;
}

.permission-grid {
    display: grid;
    grid-template-columns: 1fr var(--perm-col) var(--perm-col) var(--perm-col);
    align-items: center;
    width: 100%;
    column-gap: 16px;
}

/* label */
.permission-label {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    white-space: nowrap;
}

/* header cells */
.permission-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 56px;
}

.permission-cell small {
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

.permission-grid .form-switch .form-check-input,
#eaFunctionTree .form-switch .form-check-input {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
/* JSTREE ROWS */
#eaFunctionTree li > a {
    display: block !important;
}

/* row layout */
#eaFunctionTree .ea-row {
    display: grid;
    grid-template-columns: 1fr var(--perm-col) var(--perm-col) var(--perm-col);
    align-items: center;
    width: 100%;
}

#eaFunctionTree .ea-name {
    text-align: start;
    padding-inline-start: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#eaFunctionTree .ea-actions {
    display: contents; 
}

/* center toggles */
#eaFunctionTree .form-check {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}

/* normalize toggle spacing */
#eaFunctionTree .form-check-input {
    margin: 0;
}

/*****  Start chatAi Component *****/

:root {
    --cw-bg: #ffffff;
    --cw-header-bg: #009ef7;
    --cw-header-border: #0090df;
    --cw-body-bg: #f7f7f8;
    --cw-messages-bg: #f7f7f8;
    --cw-input-bg: #ffffff;
    --cw-input-border: #d1d5db;
    --cw-input-placeholder: #9ca3af;
    --cw-user-msg-bg: #e7f3ff;
    --cw-ai-msg-bg: #ffffff;
    --cw-text: #111827;
    --cw-link: #009ef7;
    --cw-btn-primary-bg: #009ef7;
    --cw-btn-primary-bg-hover: #007ac0;
    --cw-typing-dot: #6b7280;
}

.chat-popup {
    position: fixed;
    bottom: 0;
    right: 52px;
    width: 380px;
    height: 520px;
    max-height: 100vh;
    overflow: hidden;
    background: #fff;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    z-index: 1000;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--cw-text);
}

    .chat-popup.minimized {
        height: 40px;
    }

    .chat-popup.modal {
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
        border-radius: 0;
        overflow: hidden;
    }

    .chat-popup:not(.modal)[dir="rtl"] {
        left: 52px;
        right: unset;
    }

    .chat-popup .chat-header {
        padding: 10px 12px;
        background: #fff;
        border-bottom: 1px solid #0d0d0d0d;
        border-radius: 12px 12px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
    }

    .chat-popup.modal .chat-header {
        border-radius: 0;
    }

    .chat-popup .chat-actions {
        display: flex;
        gap: 5px;
    }

    .chat-popup .chat-body {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .chat-popup.modal .chat-body {
        height: calc(100vh - 55px);
        flex: auto;
    }

    .chat-popup .chat-messages {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 12px;
        padding-bottom: 20px;
    }

    .chat-popup .message {
        width: 100%;
        max-width: 700px;
        padding: 12px 16px;
        border-radius: 16px;
        font-size: 14px;
        line-height: 1.7;
        //line-height: 0;
        position: relative;
        background: #fff;
        color: var(--cw-text);
        word-wrap: break-word;
        white-space: pre-wrap;
    }

        .chat-popup .message.user-message {
            background: var(--cw-user-msg-bg);
            color: #00284d;
            border-radius: 16px;
        }

        .chat-popup .message.ai-message {
            background: var(--cw-ai-msg-bg);
            border-radius: 16px;
        }

        .chat-popup .message ul,
        .chat-popup .message ol {
            background: #f9f9f9;
            border-radius: 1rem;
            padding: 8px 8px 8px 2.5rem;
            /*            margin-top: 1rem;*/
            margin-inline: 0;
            line-height: 1 !important;
        }

        .chat-popup .message ul {
            list-style: circle;
        }

[dir="rtl"] .chat-popup .message ul,
[dir="rtl"] .chat-popup .message ol {
    padding: 8px 2.5rem 8px 8px;
}

.chat-popup .message.ai-message p a {
    color: #0d0d0d;
    font-size: 10px;
    background-color: #f4f4f4;
    padding: 4px 8px;
    border-radius: .75rem;
    text-decoration: none;
    white-space: nowrap;
}

    .chat-popup .message.ai-message p a:hover {
        color: #fff;
        background-color: #0d0d0d;
    }

.chat-popup .chat-input {
    padding: 12px 12px 14px;
    border-top: 0;
    flex-shrink: 0;
    background: #fff;
}

.chat-popup.modal .chat-input {
    max-width: 700px;
    margin: 0 auto 1rem;
    width: 100%;
}

.chat-popup .cw-composer {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 28px;
    display: flex;
    align-items: end;
    gap: 6px;
    padding: 8px 10px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
}

.chat-popup .cw-textarea {
    flex: 1;
    border: 0 !important;
    outline: none !important;
    resize: none;
    background: transparent;
    padding: 8px 6px;
    font-size: 1rem;
    min-height: 40px;
    max-height: 140px;
    overflow-y: auto;
    color: var(--cw-text);
}

    .chat-popup .cw-textarea::placeholder {
        color: var(--cw-input-placeholder);
    }

.chat-popup .cw-iconbtn {
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s ease, transform .08s ease;
    color: #dc3545;
    padding: 0;
    margin-bottom: 2px;
}

    .chat-popup .cw-iconbtn:hover {
        background: #f3f4f6;
    }

    .chat-popup .cw-iconbtn:active {
        transform: scale(0.97);
    }

    .chat-popup .cw-iconbtn i {
        font-size: 18px;
        line-height: 1;
    }

        .chat-popup .cw-iconbtn i.fa-trash-alt {
            font-size: 14px;
        }

.chat-popup .cw-sendbtn {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: var(--bs-primary);
    color: #fff;
    transition: background .15s ease, transform .08s ease, opacity .15s ease;
    margin-bottom: 2px;
}

    .chat-popup .cw-sendbtn:hover {
        background: var(--cw-btn-primary-bg-hover);
    }

    .chat-popup .cw-sendbtn:active {
        transform: scale(0.97);
    }

    .chat-popup .cw-sendbtn i {
        font-size: 16px;
        color: #fff;
    }

.chat-popup .cw-iconbtn.is-recording {
    background: #fee2e2;
    animation: cwPulse 1.5s infinite;
}

.chat-popup .cw-status {
    max-width: 720px;
    margin: 6px auto 0;
    font-size: 12px;
    opacity: .75;
    min-height: 16px;
    padding-inline: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-popup[dir="rtl"] .cw-composer {
    direction: rtl;
}

.chat-popup .typing-dots {
    display: flex;
    gap: 4px;
    align-items: center;
}

    .chat-popup .typing-dots span {
        width: 6px;
        height: 6px;
        background: var(--cw-typing-dot);
        border-radius: 50%;
        display: inline-block;
        animation: typingBounce 1.4s infinite ease-in-out both;
    }

        .chat-popup .typing-dots span:nth-child(1) {
            animation-delay: -0.32s;
        }

        .chat-popup .typing-dots span:nth-child(2) {
            animation-delay: -0.16s;
        }

@keyframes typingBounce {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: .3;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Suggestion Chips */
.chat-popup .suggestion-chips {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 16px 12px;
    width: 100%;
    max-width: 700px;
    max-height: 220px;
    overflow-y: auto;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* Thinner scrollbar for chip overflow */
.chat-popup .suggestion-chips::-webkit-scrollbar {
    width: 6px;
}

.chat-popup .suggestion-chips::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 3px;
}

.chat-popup .suggestion-chips::-webkit-scrollbar-thumb:hover {
    background: #b0b0b0;
}

.chat-popup .suggestion-chip {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    border-radius: 18px;
    padding: 8px 14px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    white-space: normal;
    text-align: left;
    line-height: 1.4;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
}

.chat-popup .suggestion-chip:hover {
    background: #e0f0ff;
    border-color: #2091f1;
    color: #1a1a1a;
}

/* When the chat is maximized (modal), allow more room for chips */
.chat-popup.modal .suggestion-chips {
    max-height: 320px;
}

.chat-popup-wrapper {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.chat-history-panel {
    display: none;
    width: 245px;
    background-color: #f9f9f9;
    position: relative;
}

.chat-popup.modal .chat-history-panel {
    display: block;
}

.chat-history-panel.panel-collapsed {
    width: 45px;
}

.chat-header-body-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.chat-history-panel .chat-history-nav {
    height: 36px;
    display: flex;
    justify-content: end;
    margin-inline: 6px;
    padding: 6px 10px;
    align-items: center;
}

.chat-history-panel .chat-collapse-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-history-panel .menu-item {
    margin-inline: 6px;
    min-height: 36px;
    max-width: 233px;
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 10px;
    align-items: center;
    display: flex;
    line-height: 1.42;
    color: #0d0d0d;
    gap: 4px;
}

    .chat-history-panel .menu-item:hover {
        background-color: #0000000a;
    }

.chat-history-panel .chats-history {
    overflow-y: auto;
    height: calc(100vh - 108px);
    padding-bottom: 1rem;
    margin-top: 1rem;
}

    .chat-history-panel .chats-history .chats-history-toggle {
        display: flex;
        align-items: center;
        gap: 4px;
        margin-inline: 6px;
        padding: 6px 10px;
        cursor: pointer;
    }

        .chat-history-panel .chats-history .chats-history-toggle .menu-label,
        .chat-history-panel .chats-history .chats-history-toggle i {
            color: #8f8f8f;
        }

        .chat-history-panel .chats-history .chats-history-toggle .menu-label {
            font-weight: 400;
            margin-bottom: 0;
            font-size: 10px;
        }

        .chat-history-panel .chats-history .chats-history-toggle i {
            font-size: 8px;
        }

.chat-history-panel.panel-collapsed .chat-history-nav {
    justify-content: start;
}

.chat-history-panel.panel-collapsed aside .menu-item span {
    opacity: 0;
    display: none;
}

.chat-history-panel.panel-collapsed .chats-history {
    opacity: 0;
}

.chatAi-dialog {
    position: fixed;
    bottom: 10px;
    background-color: var(--bs-primary);
    cursor: pointer;
    z-index: 105;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    right: 7px;
    display: inline-flex;
    will-change: transform;
    transition: transform .28s cubic-bezier(.2,.8,.2,1), filter .28s ease;
    border-radius: .475rem;
}

    .chatAi-dialog > i {
        color: var(--bs-scrolltop-icon-color);
    }

.ai-ico .path1, .ai-ico .path2 {
    transition: color .28s ease, opacity .28s ease, filter .28s ease;
}

.ai-ico.ai-float {
    animation: ai-float 3.2s ease-in-out infinite;
}

@keyframes ai-float {
    0%, 100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-3px)
    }
}

.ai-pop {
    animation: ai-pop .34s cubic-bezier(.2,.9,.2,1) both;
}

@keyframes ai-pop {
    0% {
        transform: translateY(8px) scale(.92);
        opacity: 0
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

@media (prefers-reduced-motion: reduce) {
    .ai-ico, .ai-ico * {
        transition: none !important;
    }

        .ai-ico.ai-float {
            animation: none !important;
        }
}

.ai-chat-btn {
    position: fixed;
    bottom: 48px;
    right: 7px;
    height: 40px;
    width: 40px;
    background-color: var(--bs-primary);
    color: #ffffff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
    z-index: 1000;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    white-space: nowrap;
    box-shadow: 0 5px 15px rgba(32, 145, 241, 0.3);
    animation: ai-pulse 2s infinite;
}

@keyframes ai-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(32, 145, 241, 0.5);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(32, 145, 241, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(32, 145, 241, 0);
    }
}

.ai-chat-btn svg {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.ai-chat-text {
    margin-left: 7px;
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    font-family: inherit;
}

.ai-chat-btn:hover {
    width: 95px;
    background-color: var(--bs-primary-active, var(--bs-primary));
    box-shadow: 0 8px 25px rgba(32, 145, 241, 0.5);
    transform: translateY(-4px);
    animation: none;
}

/*    .ai-chat-btn:hover svg {
        transform: scale(1.1) rotate(-5deg);
    }*/

    .ai-chat-btn:hover .ai-chat-text {
        opacity: 1;
        transform: translateX(0);
    }

@media (max-width: 991.98px) {
    .ai-chat-btn {
        bottom: 75px;
        right: 15px;
        width: 42px;
        height: 42px;
        padding: 0 10px;
    }

        .ai-chat-btn svg {
            width: 20px;
            height: 20px;
        }

        .ai-chat-btn:hover {
            width: 105px;
        }
}

.scrolltop {
    bottom: 4px;
}
/* Collapsed width = 52px */
.chat-history-panel.panel-collapsed {
    width: 52px !important;
}

    /* Hide text when collapsed */
    .chat-history-panel.panel-collapsed aside .menu-item span,
    .chat-history-panel.panel-collapsed .chats-history,
    .chat-history-panel.panel-collapsed .chats-history-toggle,
    .chat-history-panel.panel-collapsed .menu-label {
        display: none !important;
    }

    /* Center icons in collapsed state */
    .chat-history-panel.panel-collapsed aside .menu-item {
        justify-content: center;
        padding: 10px 0 !important;
    }

        /* Keep icon container centered */
        .chat-history-panel.panel-collapsed aside .menu-item > div {
            display: flex;
            align-items: center;
            justify-content: center;
        }

    /* Prevent max-width truncation issues */
    .chat-history-panel.panel-collapsed .menu-item {
        max-width: 100% !important;
    }

    /* Optional: keep a little gap at top */
    .chat-history-panel.panel-collapsed .chat-history-nav {
        justify-content: center;
    }

/* Collapse chats list */
.chats-history-list {
    transition: max-height .2s ease, opacity .2s ease;
    overflow: hidden;
    max-height: 600px;
    opacity: 1;
}

    .chats-history-list.is-collapsed {
        max-height: 0;
        opacity: 0;
    }

/* rotate arrow */
.chats-history-toggle i {
    transition: transform .2s ease;
}

.chats-history-toggle.is-collapsed i {
    transform: rotate(-90deg);
}
        /*****  End chatAi Component *****/
ol, ul, h3 {
    margin-bottom: 0;
}
.ai-message p {
    margin-bottom: 0;
    //margin-bottom: -25px;
}

/* Collapse/expand chat history */
.chats-history.is-collapsed #chatHistoryContainer {
    display: none;
}

.chats-history-toggle {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

/* rotate chevron when collapsed */
.chats-history.is-collapsed .chats-history-toggle i {
    transform: rotate(-90deg);
}

.chats-history-toggle i {
    transition: transform 0.15s ease-in-out;
}

/* If the theme adds a built-in arrow via pseudo element, kill it */
.chats-history-toggle::after,
.chats-history-toggle .menu-arrow,
.chats-history-toggle .arrow {
  display: none !important;
  content: none !important;
}

/* Make sure our icon is visible/clickable */
.chats-history-toggle { cursor: pointer; user-select: none; }
.chats-history-toggle i { font-style: normal; } /* so we can put text arrows inside <i> */

/* Make any menu at sidebar scrollable*/
.menu-sub.menu-sub-dropdown.show {
    max-height: 100% !important;
    overflow: scroll !important;
}