body {
    font-family: var(--font-family);
    color: #000 !important;
    /*color: var(--body-text-color) !important;*/
    /*color: var(--theme-color);*/
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-13);
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*scrollbar-width: thin;*/
    /*overflow:hidden;*/
}

.layout-wrapper {
width:100%;
height:100vh;
/*overflow:hidden;*/
}
/*box-shadow: 0px 9px 20px rgb(46 35 94 / 7%);*/
:root {
    --font-family: 'Open Sans', sans-serif;
    --body-text-color: #52637e;
    --theme-color: #0e1d35;
    --theme-color-hover: #5194ff;
    --theme-light-color: #173159;
    --theme-dark-color: #091221;
    --white-color: #fff;
    --menu-text-color: #8ea1c0;
    --menu-text-color-hover: #5194ff;
    --menu-text-soft-color-hover: rgba(81,148,255,0.2);
    --sub-menu-bg: #14294a;
    --sub-menu-text: #8f9cc5;
    --color-gray: #686a6e;
    --color-gray-light: #b4b8bf;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-black: #3c98db;
    /***/
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-800: 800;
    /***/
    --font-size-8: 8px;
    --font-size-9: 9px;
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    /***/
    --badge-doc: #0057bb;
    --badge-pdf: #ad0b00;
    --badge-img: #3bb073;
    /***/
    --badge-new: #5194ff;
    --badge-hold: #394960;
    --badge-progress: #f49025;
    --badge-resolve: #00c4d2;
    --badge-complete: #1c4cdb;
    --badge-close: #049f00;
    --badge-reopen: #dd3e63;
    --badge-active: #049f00;
    --badge-deactive: #dd3e49;
    /**/
    --color-task: #3c98db;
    --color-bug: #dd3e49;
    --color-story: #2ab57d;
    --color-announcement: #9a00d7;
    --color-star-rating: #ffd700;
    /**/
    --badge-new-light: rgba(81,148,255,0.3);
    --badge-hold-light: rgba(57,73,96,0.3);
    --badge-progress-light: rgba(244,144,37,0.3);
    --badge-resolve-light: rgba(0,196,210,0.3);
    --badge-complete-light: rgba(28,76,219,0.3);
    --badge-close-light: rgba(4,159,0,0.3);
    --badge-active-light: rgba(4,159,0,0.3);
    --badge-deactive-light: rgba(221,62,73,0.3);
    /***/
    --low: #049f00;
    --midium: #5194ff;
    --high: #f49025;
    --highest: #f2451c;
    /***/
    --bs-border-color: #d4d8e0;
    --save-bg: #049f00;
    --save-hover-bg: #05bd00;
    --warning-bg: #ffc107;
    --danger-bg: #d75350;
    --delete-bg: #f6486d;
    --edit-bg: #f49025;
    --avatar-border-color: #e0e4ec;
    /**/
    --dashed-border-color: #cacfd8;
    /***/
    --bg-disable: #efefef;
    --bg-white: #fff;
    /**/
    --edit-show: #ffbf53;
    --edit-show-hover-bg: #ffc96d;
    --close-show: #fd625e;
    --close-show-hover-bg: #d75350;
    /**/
    --reset: #f1416c;
}
/**/
[disabled="disabled"] input[type="text"], [disabled] input[type="text"], [disabled="disabled"] .form-control, [disabled] .form-control, .form-control:disabled, [disabled="disabled"] .form-select, [disabled="disabled"] .form-textarea, [disabled="disabled"] input[type="date"], [disabled="disabled"] input[type="number"] {
    background: var(--bg-disable) !important;
    background-color: var(--bg-disable) !important;
    opacity: 1;
    cursor: not-allowed;
    pointer-events: none;
}
/**/
.min-height-inherit {
    min-height: inherit !important;
}
/**/
.form-check {
    margin-top: 3px;
    margin-bottom: 3px;
}

.form-check-input {
    border: 1px solid #bbbbc1;
    box-shadow: none;
    width: 1em;
    height: 1em;
}

.form-check-label {
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-13);
    color: var(--theme-dark-color);
}

.form-check-input:checked {
    background-color: var(--menu-text-color-hover);
    border-color: var(--menu-text-color-hover);
}
/**/
a.links, .links {
    color: var(--menu-text-color-hover);
}

    a.links:hover, .links:hover {
        text-decoration: underline !important;
    }

    a.links i, .links i, a.theme-color i, .theme-color i {
        margin-right: 5px;
    }

a.theme-color, .theme-color {
    color: var(--theme-color);
}

    a.theme-color:hover, .theme-color:hover {
        color: var(--menu-text-color-hover);
    }

.bold {
    font-weight: 600;
}
/***/
.border-transparent {
    border-color: transparent !important;
}
/**/
.badge {
    background: var(--theme-color);
    color: var(--white-color);
    font-size: var(--font-size-10);
    font-weight: var(--font-weight-400);
    margin-left: 5px;
    /*padding: 2px 5px;*/
    min-width: 18px;
}

.badge-new {
    background: var(--badge-new);
}

.badge-hold {
    background: var(--badge-hold);
}

.badge-progress {
    background: var(--badge-progress);
}

.badge-resolve {
    background: var(--badge-resolve);
}

.badge-complete {
    background: var(--badge-complete);
}

.badge-close {
    background: var(--badge-close);
}
/**/
.badge-active {
    background: var(--badge-active);
}

.badge-deactive {
    background: var(--badge-deactive);
}

.badge-theme {
    background: var(--menu-text-color-hover);
}

.badge-task {
    background: var(--color-task);
}

.badge-bug {
    background: var(--color-bug);
}

.badge-story {
    background: var(--color-story);
}

.badge-announcement {
    background: var(--color-announcement);
}
/**/
.color-new, .color-new a {
    color: var(--badge-new) !important;
}

.color-hold, .color-hold a {
    color: var(--badge-hold) !important;
}

.color-progress, .color-progress a {
    color: var(--badge-progress) !important;
}

.color-pending, .color-pending a {
    color: var(--badge-progress) !important;
}

.color-resolve, .color-resolve a {
    color: var(--badge-resolve) !important;
}

.color-complete, .color-complete a {
    color: var(--badge-complete) !important;
}

.color-close, .color-close a {
    color: var(--badge-close) !important;
}

.color-reopen, .color-reopen a {
    color: var(--badge-reopen) !important;
}
/**/
.color-online, .color-online a {
    color: var(--badge-active) !important;
}

.color-offline, .color-offline a {
    color: var(--color-gray-light) !important;
}
/**/
.color-active, .color-active a {
    color: var(--badge-active) !important;
}

.color-deactive, .color-deactive a {
    color: var(--badge-deactive) !important;
}
/**/
.color-gray {
    color: var(--color-gray);
}

.color-gray-light {
    color: var(--color-gray-light);
}

.color-white {
    color: var(--color-white);
}

.color-black {
    color: var(--color-black);
}

.color-star-rating {
    color: var(--color-star-rating);
}
/**/
.color-doc {
    color: var(--badge-doc);
}

.color-pdf {
    color: var(--badge-pdf);
}

.color-img {
    color: var(--badge-img);
}
/**/
.color-theme-dark-color {
    color: var(--theme-dark-color);
}
/**/
.font-8 {
    font-size: var(--font-size-8);
}

.font-9 {
    font-size: var(--font-size-9);
}

.font-10 {
    font-size: var(--font-size-10);
}

.font-11 {
    font-size: var(--font-size-11);
}

.font-12 {
    font-size: var(--font-size-12);
}

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-24 {
    font-size: 24px !important;
}

.line-h-24 {
    line-height: 24px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-400 {
    font-weight: 400 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.font-600 {
    font-weight: 600 !important;
}

.line-h-30 {
    line-height: 30px !important;
}
/***/
.color-low, .color-low a {
    color: var(--low) !important;
}

.color-law, .color-law a {
    color: var(--law) !important;
}

.color-midium, .color-midium a {
    color: var(--midium) !important;
}

.color-high, .color-high a {
    color: var(--high) !important;
}

.color-highest, .color-highest a {
    color: var(--highest) !important;
}
/**/
.color-task, .color-task a {
    color: var(--color-task) !important;
}

.color-bug, .color-bug a {
    color: var(--color-bug) !important;
}

.color-story, .color-story a {
    color: var(--color-story) !important;
}

.color-announcement, .color-announcement a {
    color: var(--color-announcement) !important;
}
/**/
.bg-white {
    background: var(--bg-white);
}

.bg-low {
    background: var(--low);
}

.bg-midium {
    background: var(--midium);
}

.bg-high {
    background: var(--high);
}

.bg-highest {
    background: var(--highest);
}
/**/
.dashed-border-2 {
    border: 2px dashed var(--dashed-border-color);
    border-radius: 3px;
}
/**/
.page-content {
    /*padding: calc(60px + 1.5rem) calc(1.5rem * .70) 60px calc(1.5rem * .70);*/
    /*padding: calc(60px + 1.5rem) calc(1.5rem * .70) 0px calc(1.5rem * .70);*/
    padding:70px 0px 0px 0px;
    overflow:hidden;
}
.nContentBody {
    overflow: hidden;
    height: calc(100vh - 70px);
    overflow-y: auto;
    padding: calc(1.5rem* .5);
}
.flex-1 {
    flex: 1;
}

.metismenu, .vertical-menu {
    background: var(--theme-color);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body[data-sidebar-size=sm] .navbar-brand-box {
    width: 70px !important;
    background-color: var(--theme-color-hover);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.theme-color {
    color: var(--theme-color);
}

.white-color {
    color: var(--white-color);
}

.menu-text-color {
    color: var(--menu-text-color);
}

.menu-text-color-hover, .menu-text-color-hover i {
    color: var(--menu-text-color-hover);
}

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

.header-item {
    color: var(--white-color);
}

    .header-item:hover {
        color: var(--theme-color-hover);
    }

.bg-light-subtle {
    background-color: var(--theme-light-color) !important;
    color: #fff !important;
}

    .bg-light-subtle:hover {
        color: var(--theme-color-hover) !important;
    }

.navbar-header {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: var(--theme-color);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.navbar-brand-box {
    background: var(--theme-color);
    border-right: 1px solid var(--theme-color);
    box-shadow: 0 2px 2px #15315c;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.logo-txt {
    color: var(--white-color);
}

#sidebar-menu ul li a {
    font-size: var(--font-size-13) !important;
}

.nVerticalMenu #sidebar-menu ul li a {
    color: var(--menu-text-color);
}

    .nVerticalMenu #sidebar-menu ul li a:hover {
        background: var(--theme-light-color);
    }

    .nVerticalMenu #sidebar-menu ul li a i {
        color: var(--menu-text-color) !important;
    }

    .nVerticalMenu #sidebar-menu ul li a:hover, .nVerticalMenu #sidebar-menu ul li a:hover i {
        color: var(--menu-text-color-hover) !important;
    }

        .nVerticalMenu #sidebar-menu ul li a:hover svg {
            color: var(--menu-text-color-hover);
            fill: var(--menu-text-color-hover);
        }

    .nVerticalMenu #sidebar-menu ul li a svg, .nVerticalMenu #sidebar-menu ul li a svg path {
        fill: var(--menu-text-color);
    }
/*#sidebar-menu ul li a svg, #sidebar-menu ul li a svg polyline {
            fill: var(--theme-color);
        }*/
.nVerticalMenu #sidebar-menu ul li ul.sub-menu {
    background: var(--sub-menu-bg);
}

.nVerticalMenu #sidebar-menu ul li.mm-active > a {
    color: var(--menu-text-color-hover) !important;
    background: var(--theme-light-color);
}

.nVerticalMenu #sidebar-menu ul li.mm-active a i /*, .nVerticalMenu #sidebar-menu ul li a[data-key="t-add-new"] > i.bi.bi-plus*/ {
    color: var(--menu-text-color-hover) !important;
}

.nVerticalMenu #sidebar-menu ul li.mm-active .sub-menu li a[data-key="t-add-new"], a[data-key="t-add-new"] span {
    color: var(--white-color);
}

body[data-sidebar-size=sm] .vertical-menu.nVerticalMenu #sidebar-menu > ul ul {
    background: var(--sub-menu-bg);
}

.nVerticalMenu #sidebar-menu ul li ul.sub-menu li a, body[data-sidebar-size=sm] .vertical-menu.nVerticalMenu #sidebar-menu > ul > li:hover > ul a {
    color: var(--sub-menu-text);
}

    .nVerticalMenu #sidebar-menu ul li ul.sub-menu li a:hover {
        /*background:var(--theme-dark-color);*/
        /*color:var(--white-color) !important;*/
        background: rgba(255,255,255,0.05);
    }

    body[data-sidebar-size=sm] .vertical-menu.nVerticalMenu #sidebar-menu > ul > li:hover > ul a[data-key="t-add-new"] {
        color: var(--white-color);
    }
/***/
body[data-sidebar-size=sm] .vertical-menu.nVerticalMenu #sidebar-menu > ul > li:hover > a {
    background: var(--theme-light-color);
}
/***/
.nNotification .simplebar-mask {
    background: var(--white-color);
}
/***/
.nProjects .btn {
    padding: 0px;
    background: none;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
}

    .nProjects .btn.show {
        background: #fff;
    }

    .nProjects .btn.active, .nProjects .btn.show {
        color: none;
        background-color: none;
        border-color: none;
    }

        .nProjects .btn.active:focus-visible, .nProjects .btn.show:focus-visible {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .nProjects .btn span.img {
        width: 40px;
        height: 40px;
        display: block;
        overflow: hidden;
        border: 4px solid var(--avatar-border-color);
        border-radius: 50%;
        margin-right: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px;
    }

    .nProjects .btn span img {
        max-width: 100%;
    }

    .nProjects .btn b {
        color: #0e1d35;
        font-size: 20px;
        font-weight: var(--font-weight-500);
    }

        .nProjects .btn b i {
            font-size: 13px;
            margin-left: 5px;
        }

.nProjects .dropdown-menu a.dropdown-item {
    display: flex;
    align-items: center;
}

    .nProjects .dropdown-menu a.dropdown-item span.img {
        width: 30px;
        height: 30px;
        display: block;
        overflow: hidden;
        border: 4px solid var(--avatar-border-color);
        border-radius: 50%;
        margin-right: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .nProjects .dropdown-menu a.dropdown-item span.img img {
            max-width: 100%;
        }

    .nProjects .dropdown-menu a.dropdown-item b {
        font-weight: 400 !important;
        margin-right: 8px;
    }
/**/
.nStatusDrop .btn {
    padding: 0px;
    background: none;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
}

    .nStatusDrop .btn b, .nAssignToDrop .btn b {
        font-weight: var(--font-weight-400);
        font-size: var(--font-size-13);
    }

    .nStatusDrop .btn i.bi, .nAssignToDrop .btn i.bi {
        margin-right: 8px;
        font-size: 9px;
    }

        .nStatusDrop .btn i.bi.bi-caret-down-fill {
            margin-right: 0px;
            margin-left: 5px;
        }

.nStatusDrop .dropdown-menu a.dropdown-item {
    display: flex;
    align-items: center;
}

    .nStatusDrop .dropdown-menu a.dropdown-item i.bi {
        margin-right: 8px;
        font-size: 9px;
    }

    .nStatusDrop .dropdown-menu a.dropdown-item b {
        font-weight: 400 !important;
        margin-right: 8px;
    }
.nStatusDrop .dropdown-menu li, .nPriorityDrop .dropdown-menu li, .nAssignToDrop .dropdown-menu li {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-bottom: 0px !important;
}
.nStatusDrop .nStatusListBtn[value="StatusNew"], .nStatusDrop .nStatusListBtn[value="StatusNew"] i, .nStatusDrop .nStatusListBtn[value="StatusNew"] b, a.color-new:hover {
    color: var(--badge-new);
}

.nStatusDrop .nStatusListBtn[value="StatusOnHold"], .nStatusDrop .nStatusListBtn[value="StatusOnHold"] i, .nStatusDrop .nStatusListBtn[value="StatusOnHold"] b, a.color-hold:hover {
    color: var(--badge-hold);
}

.nStatusDrop .nStatusListBtn[value="StatusInProgress"], .nStatusDrop .nStatusListBtn[value="StatusInProgress"] i, .nStatusDrop .nStatusListBtn[value="StatusInProgress"] b, a.color-progress:hover {
    color: var(--badge-progress);
}

.nStatusDrop .nStatusListBtn[value="StatusInPending"], .nStatusDrop .nStatusListBtn[value="StatusInPending"] i, .nStatusDrop .nStatusListBtn[value="StatusInPending"] b, a.color-pending:hover {
    color: var(--badge-progress);
}

.nStatusDrop .nStatusListBtn[value="StatusResolve"], .nStatusDrop .nStatusListBtn[value="StatusResolve"] i, .nStatusDrop .nStatusListBtn[value="StatusResolve"] b, a.color-resolve:hover {
    color: var(--badge-resolve);
}

.nStatusDrop .nStatusListBtn[value="StatusComplete"], .nStatusDrop .nStatusListBtn[value="StatusComplete"] i, .nStatusDrop .nStatusListBtn[value="StatusComplete"] b, a.color-complete:hover {
    color: var(--badge-complete);
}

.nStatusDrop .nStatusListBtn[value="StatusClose"], .nStatusDrop .nStatusListBtn[value="StatusClose"] i, .nStatusDrop .nStatusListBtn[value="StatusClose"] b, a.color-close:hover {
    color: var(--badge-close);
}

.nStatusDrop .nStatusListBtn[value="StatusReopen"], .nStatusDrop .nStatusListBtn[value="StatusReopen"] i, .nStatusDrop .nStatusListBtn[value="StatusReopen"] b, a.color-reopen:hover {
    color: var(--badge-reopen);
}

.nStatusDrop .nStatusListBtn[value="StatusActive"], .nStatusDrop .nStatusListBtn[value="StatusActive"] i, .nStatusDrop .nStatusListBtn[value="StatusActive"] b, a.color-active:hover {
    color: var(--badge-active);
}

.nStatusDrop .nStatusListBtn[value="StatusDeactive"], .nStatusDrop .nStatusListBtn[value="StatusDeactive"] i, .nStatusDrop .nStatusListBtn[value="StatusDeactive"] b, a.color-deactive:hover {
    color: var(--badge-deactive);
}

.nStatusDrop .dropdown-menu a.dropdown-item:hover, .nPriorityDrop .dropdown-menu a.dropdown-item:hover, .nHeader .list-nLinksFilters .list-links li a:hover, a.dropdown-item:hover {
    background: #e9ecf1;
}
/***/
.nPriorityDrop .btn {
    padding: 0px;
    background: none;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
}

    .nPriorityDrop .btn b {
        font-weight: var(--font-weight-400);
        font-size: var(--font-size-13);
    }

    .nPriorityDrop .btn i.bi {
        margin-left: 5px;
        font-size: 9px;
    }

    .nPriorityDrop .btn i.bx {
        margin-right: 8px;
        font-size: 16px;
    }

.nPriorityDrop .dropdown-menu a.dropdown-item {
    display: flex;
    align-items: center;
}

    .nPriorityDrop .dropdown-menu a.dropdown-item i.bx {
        margin-right: 8px;
        font-size: 16px;
    }

    .nPriorityDrop .dropdown-menu a.dropdown-item b {
        font-weight: 400 !important;
        margin-right: 8px;
    }

    .nPriorityDrop .nPriorityBtn[value="1"],.nPriorityDrop .nPriorityBtn[value="PriorityLow"], .nPriorityDrop .nPriorityBtn[value="PriorityLow"] i, .nPriorityDrop .nPriorityBtn[value="PriorityLow"] b, .nPriorityDrop .dropdown-menu a.dropdown-item.color-low:hover {
        color: var(--low)
    }

    .nPriorityDrop .nPriorityBtn[value="2"],.nPriorityDrop .nPriorityBtn[value="PriorityMidium"], .nPriorityDrop .nPriorityBtn[value="PriorityMidium"] i, .nPriorityDrop .nPriorityBtn[value="PriorityMidium"] b, .nPriorityDrop .dropdown-menu a.dropdown-item.color-midium:hover {
        color: var(--midium)
    }

    .nPriorityDrop .nPriorityBtn[value="3"], .nPriorityDrop .nPriorityBtn[value="PriorityHigh"], .nPriorityDrop .nPriorityBtn[value="PriorityHigh"] i, .nPriorityDrop .nPriorityBtn[value="PriorityHigh"] b, .nPriorityDrop .dropdown-menu a.dropdown-item.color-high:hover {
        color: var(--high)
    }

    .nPriorityDrop .nPriorityBtn[value="4"],.nPriorityDrop .nPriorityBtn[value="PriorityHighest"], .nPriorityDrop .nPriorityBtn[value="PriorityHighest"] i, .nPriorityDrop .nPriorityBtn[value="PriorityHighest"] b, .nPriorityDrop .dropdown-menu a.dropdown-item.color-highest:hover {
        color: var(--highest)
    }

/**/
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-menu.show {
    box-shadow: 0px 9px 20px rgb(14 29 53 / 30%);
}
/**/
.nAssignToDrop .btn i.bi {
    margin-left: 8px;
    font-size: 9px;
}

.dropdown-menu.nAssignToList, .dropdown-menu.nColHideShowList {
    max-height: 198px;
    overflow-y: auto;
}

    .dropdown-menu.nAssignToList::-webkit-scrollbar, .dropdown-menu.nColHideShowList::-webkit-scrollbar {
        width: 5px !important;
        height: 5px;
        border-radius: 5px;
    }
    /**/
.dropdown-menu {
    position: fixed !important;
    z-index: 200;
    -webkit-animation-name: DropDownSlide;
    animation-name: inherit;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: inherit;
    animation-fill-mode: inherit;
}

    .dropdown-menu.show[data-popper-placement="top-start"] {
        bottom: 0px !important;
    }

    .dropdown-menu.show[data-popper-placement="bottom-start"] {
        top: 0 !important;
    }
/***/
.page-title-box {
    margin-bottom: 8px;
    padding-bottom: 0px;
}
/***/
.nSummaryTabs .nav-tabs-custom {
    border-bottom: 3px solid var(--avatar-border-color);
}

    .nSummaryTabs .nav-tabs-custom .nav-item {
        margin-right: 20px;
    }

        .nSummaryTabs .nav-tabs-custom .nav-item .nav-link {
            padding: 0px 0px 5px;
            color: var(--body-text-color);
            font-weight: var(--font-weight-600);
            position: relative;
        }

            .nSummaryTabs .nav-tabs-custom .nav-item .nav-link span.count {
                position: absolute;
                top: 2px;
                right: 2px;
                font-size: 8px;
                font-weight: 700;
                width: 15px;
                text-align: center;
            }

            .nSummaryTabs .nav-tabs-custom .nav-item .nav-link i.bi.bi-chat {
                color: var(--menu-text-color-hover);
                font-size: 18px;
                margin-left: 5px;
                position: absolute;
                right: 0px;
                top: -5px;
            }

            .nSummaryTabs .nav-tabs-custom .nav-item .nav-link.active {
                color: var(--theme-color);
                font-weight: var(--font-weight-600);
            }

            .nSummaryTabs .nav-tabs-custom .nav-item .nav-link::after {
                content: "";
                /*background: var(--theme-color);*/
                background: var(--menu-text-color-hover);
                height: 3px;
                bottom: -3px;
            }

.nSummaryTabs .tab-content {
    padding-top: 15px;
}
/***/
.nSummaryTabs.nUserViewTabs .nav-tabs-custom .nav-item .nav-link.active[data-key="bug"]::after {
    content: "";
    background: var(--color-bug);
}

.nSummaryTabs.nUserViewTabs .nav-tabs-custom .nav-item .nav-link.active[data-key="story"]::after {
    content: "";
    background: var(--color-story);
}

.nSummaryTabs.nUserViewTabs .nav-tabs-custom .nav-item .nav-link.active[data-key="announcement"]::after {
    content: "";
    background: var(--color-announcement);
}

/**/
.nHeader {
    position: relative;
    margin-bottom: 10px;
    z-index:4;
}

    .nHeader .sLogo {
        position: absolute;
        left: 15px;
        /*top: 15px;*/
        top: 0px;
        width: 80px;
        height: 70px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border-radius: 5px;
        padding: 10px;
        z-index: 1;
        box-shadow: 0px 0px 5px rgb(46 35 94 / 20%);
    }

        .nHeader .sLogo img {
            position: absolute;
            left: 0;
            top: 0px;
            right: 0;
            bottom: 0;
            max-width: 90%;
            max-height: 90%;
            display: block;
            margin: auto;
        }



    .nHeader b {
        font-weight: 400;
    }

    .nHeader ul li {
        margin-left: 8px;
        margin-right: 8px;
    }

        .nHeader ul li a {
            display: flex;
            align-items: center;
        }

        .nHeader ul li:first-child {
            margin-left: 0px !important;
        }

        .nHeader ul li:last-child {
            margin-right: 0px !important;
        }

        .nHeader ul li .dropdown .dropdown-menu li {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

    .nHeader .list-nTitleStatus, .nHeader .list-nLinksFilters {
        display: flex;
        align-items: center;
        padding: 12px 15px 12px;
        padding-left: 110px;
        display: block;
    }

    .nHeader .list-nTitleStatus {
        padding: 0px 15px 12px;
        padding-left: 110px;
    }

        .nHeader .list-nTitleStatus .list-title {
            display: flex;
            align-items: center;
            list-style: none;
        }


            .nHeader .list-nTitleStatus .list-title li {
                display: flex;
                align-items: center;
            }

            .nHeader .list-nTitleStatus .list-title h3 {
                margin-right: 10px;
                margin-bottom: 0px;
            }

                .nHeader .list-nTitleStatus .list-title h3 span {
                    font-weight: var(--font-weight-400);
                    margin: 0px;
                    margin-right: 15px;
                }

            .nHeader .list-nTitleStatus .list-title a {
                color: var(--theme-color);
            }

                .nHeader .list-nTitleStatus .list-title a:hover {
                    color: var(--menu-text-color-hover);
                }

        .nHeader .list-nTitleStatus .list-status {
            display: flex;
            align-items: center;
            list-style: none;
        }

            .nHeader .list-nTitleStatus .list-status li {
                font-size: var(--font-size-12);
            }

                .nHeader .list-nTitleStatus .list-status li a:hover b {
                    text-decoration: underline;
                }

                .nHeader .list-nTitleStatus .list-status li a b {
                    font-weight: var(--font-weight-500);
                    white-space: nowrap;
                }

                .nHeader .list-nTitleStatus .list-status li.color-new a {
                    color: var(--color-new)
                }

                .nHeader .list-nTitleStatus .list-status li.color-hold a {
                    color: var(--color-hold)
                }

                .nHeader .list-nTitleStatus .list-status li.color-progress a {
                    color: var(--color-progress)
                }

                .nHeader .list-nTitleStatus .list-status li.color-pending a {
                    color: var(--color-pending)
                }

                .nHeader .list-nTitleStatus .list-status li.color-resolve a {
                    color: var(--color-resolve)
                }

                .nHeader .list-nTitleStatus .list-status li.color-complete a {
                    color: var(--color-complete)
                }

                .nHeader .list-nTitleStatus .list-status li.color-close a {
                    color: var(--color-close)
                }

                .nHeader .list-nTitleStatus .list-status li.color-active a {
                    color: var(--color-active)
                }

                .nHeader .list-nTitleStatus .list-status li.color-deactive a {
                    color: var(--color-deactive)
                }

    .nHeader .list-nTitleStatus {
    }
    /**/
    .nHeader .list-nLinksFilters {
        background: #e9ecf1;
        border-top: 2px solid var(--theme-color);
    }



        .nHeader .list-nLinksFilters .list-links {
            display: flex;
            align-items: center;
            list-style: none;
        }

            .nHeader .list-nLinksFilters .list-links li a {
                color: var(--theme-dark-color);
            }

                .nHeader .list-nLinksFilters .list-links li a:hover {
                    color: var(--menu-text-color-hover);
                }

                .nHeader .list-nLinksFilters .list-links li a i {
                    margin-right: 5px;
                    color: var(--menu-text-color-hover);
                    font-size: var(--font-size-15);
                }

                .nHeader .list-nLinksFilters .list-links li a b {
                    font-weight: var(--font-weight-400);
                    white-space: nowrap;
                }
/**/
.menuDrop .dropdown-menu .dropdown-item {
    font-weight: var(--font-weight-400);
    white-space: nowrap;
}

    .menuDrop .dropdown-menu .dropdown-item:hover {
        color: var(--menu-text-color-hover);
    }

    .menuDrop .dropdown-menu .dropdown-item i {
        margin-right: 5px;
        color: var(--menu-text-color-hover);
        font-size: var(--font-size-15);
    }
/**/
.nHeader .list-nLinksFilters .list-filters {
    display: flex;
    align-items: center;
    list-style: none;
}

    .nHeader .list-nLinksFilters .list-filters li a {
        color: var(--theme-dark-color);
    }

        .nHeader .list-nLinksFilters .list-filters li a:hover {
            color: var(--menu-text-color-hover);
        }

        .nHeader .list-nLinksFilters .list-filters li a i {
            margin-right: 5px;
            color: var(--menu-text-color-hover);
            font-size: var(--font-size-15);
        }

        .nHeader .list-nLinksFilters .list-filters li a b {
            font-weight: var(--font-weight-400);
            white-space: nowrap;
        }
/**/
@media (max-width:767px) {
    .nHeader .sLogo {
        display: none;
    }

    .nHeader .list-nLinksFilters, .nHeader .list-nTitleStatus {
        padding-left: 15px;
    }
}
/**/
#sidebar_right.affix {
    position: fixed;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#sidebar_right {
    position: absolute;
    top: 0;
    width: 300px;
    height: 100%;
    /*padding-top: 60px;*/
    padding: calc(70px + 0.8rem) calc(1.5rem * .70) 60px calc(1.5rem * .70);
    right: -300px;
    border-left: 1px solid #ddd;
    background-color: #e9ecf1;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: auto;
    z-index: 3;
}

body.sidebar-r-c #sidebar_right {
    right: -300px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: none;
}

body.sidebar-r-o #sidebar_right {
    right: 0px;
    box-shadow: -10px 0px 10px rgb(46 35 94 / 15%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/**/
#sidebar_right_CustomFields.affix {
    position: fixed;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#sidebar_right_CustomFields {
    position: absolute;
    top: 0;
    width: 300px;
    height: 100%;
    /*padding-top: 60px;*/
    padding: calc(70px + 0.8rem) calc(1.5rem * .70) 60px calc(1.5rem * .70);
    right: -300px;
    border-left: 1px solid #ddd;
    background-color: #e9ecf1;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: auto;
    z-index: 3;
}

#sidebar_right_CustomFields {
}

    #sidebar_right_CustomFields::-webkit-scrollbar {
        width: 8px !important;
        height: 8px;
        border-radius: 8px;
    }
    /* Track */
    #sidebar_right_CustomFields::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    #sidebar_right_CustomFields::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

        /* Handle on hover */
        #sidebar_right_CustomFields::-webkit-scrollbar-thumb:hover {
            background: #555;
            border-radius: 5px;
        }

body.sidebar-r-c-cf #sidebar_right_CustomFields {
    right: -300px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: none;
}

body.sidebar-r-o-cf #sidebar_right_CustomFields {
    right: 0px;
    box-shadow: -10px 0px 10px rgb(46 35 94 / 15%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/**/
#sidebar_info_right.affix {
    position: fixed;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#sidebar_info_right {
    position: absolute;
    top: 0;
    width: 400px;
    height: 100%;
    /*padding-top: 60px;*/
    padding: calc(70px + 0.8rem) calc(1.5rem * .70) 60px calc(1.5rem * .70);
    right: -400px;
    border-left: 1px solid #ddd;
    background-color: #e9ecf1;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: auto;
    z-index: 3;
    overflow-x: hidden;
}

body.sidebar-i-r-c #sidebar_info_right {
    right: -400px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: none;
}

body.sidebar-i-r-o #sidebar_info_right {
    right: 0px;
    box-shadow: -10px 0px 10px rgb(46 35 94 / 15%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/**/
.nano.affix {
    height: 100%;
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.closeBtn {
    position: relative;
}

.closeBtn {
    color: #f2451c;
    font-size: 16px;
}

    .closeBtn:hover {
        color: var(--theme-color);
    }

.nFilters {
}

    .nFilters ul li {
        margin-bottom: 7px;
    }
/***/

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .table-responsive::-webkit-scrollbar {
        width: 8px !important;
        height: 8px;
        border-radius: 8px;
    }
    /* Track */
    .table-responsive::-webkit-scrollbar-track {
        /*background: #f1f1f1;*/
    }

    /* Handle */
    .table-responsive::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 8px;
    }

        /* Handle on hover */
        .table-responsive::-webkit-scrollbar-thumb:hover {
            background: #555;
            border-radius: 8px;
        }
    .table-responsive .dt-container {
        position: inherit !important;
    }
/**/
.table {
    width: 100% !important;
}
.table colgroup{
    display:none;
}
    .table thead tr th {
        background: #e9ecf1;
        color: #132542;
        /*font-size: var(--font-size-13);*/
        font-weight: var(--font-weight-500);
        padding-top: 9px;
        padding-bottom: 9px;
        border-bottom: 2px solid #fff;
        white-space: nowrap;
        vertical-align: middle;
    }

    .table tbody tr td {
        background: #f7f8fb;
        border-bottom: 2px solid #fff;
        /*font-size: var(--font-size-13);*/
        padding-top: 9px;
        padding-bottom: 9px;
        vertical-align: middle;
        white-space:nowrap;
    }

    .table.dataTable thead > tr > th.ncheckbox.sorting:before, .table.dataTable thead > tr > th.ncheckbox.sorting:after {
        display: none;
    }

    .table.dataTable thead > tr > th.ncheckbox.sorting, .table.dataTable thead > tr > th.ncheckbox.sorting {
        padding-right: 12px !important;
    }
    /**/
    .table tbody tr td .nMoveRow {
        font-size: 11px;
        cursor: move;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .table tbody tr td .nMoveRow .bi:before {
            transform: rotate(90deg);
        }

    .table tbody tr:hover td .nMoveRow {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .table tbody tr:hover td .nMoveRow .bi:before {
            transform: rotate(90deg);
            color: var(--theme-color);
        }
    /**/
    .table tbody tr td .nTitle {
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex;
        display: inline-block;
        margin-right: 5px;
    }

        .table tbody tr td .nTitle a {
            color: #000;
        }

            .table tbody tr td .nTitle a:hover {
                text-decoration: underline !important;
            }
    /**/

    /*
    */

    /**/
    .table tbody tr td a[data-key="bug"], a[data-key="task"], a[data-key="story"], a[data-key="announcement"] {
        font-weight: var(--font-weight-500);
    }

    .table tbody tr td a[data-key="bug"], a[data-key="bug"], [data-key="bug"] {
        color: var(--color-bug);
    }

[data-key="duedate"] {
    color: var(--body-text-color);
}

.table tbody tr td a[data-key="announcement"], a[data-key="announcement"], [data-key="announcement"] {
    color: var(--color-announcement);
}

/*.table tbody tr td a[data-key="menu"], a[data-key="menu"] {
        color: #3c98db;
    }*/

.table tbody tr td a[data-key="task"], a[data-key="task"], [data-key="task"] {
    color: var(--color-task);
}

.table tbody tr td a[data-key="story"], a[data-key="story"], [data-key="story"] {
    color: var(--color-story);
}
/**/
.table tbody tr td .nGridToolTips {
    position: relative;
}

    .table tbody tr td .nGridToolTips .nStarComment {
        position: absolute;
        right: -10px;
        top: 0px;
        font-size: 8px;
    }

        .table tbody tr:hover td .nGridToolTips .nStarComment i, .table tbody tr td .nGridToolTips .nStarComment i {
            color: var(--badge-close);
        }

    .table tbody tr td .nGridToolTips:hover i.bi.bi-star-fill {
        color: #fdd918;
        text-shadow: 0px 2px #7b7b7b;
    }

    .table tbody tr td .nGridToolTips i {
        color: var(--menu-text-color);
        cursor: pointer;
    }

.table tbody tr:hover td .nGridToolTips i {
    color: var(--theme-color);
}

.table tbody tr td .nGridToolTips:hover i {
    color: var(--menu-text-color-hover);
}

.table tbody tr td {
    background: #f7f8fb;
    border-bottom: 2px solid #fff;
    /*font-size: var(--font-size-13);*/
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: middle;
    white-space:nowrap;
}

.table.dataTable thead > tr > th.ncheckbox.sorting:before, .table.dataTable thead > tr > th.ncheckbox.sorting:after {
    display: none;
}

.table.dataTable thead > tr > th.ncheckbox.sorting, .table.dataTable thead > tr > th.ncheckbox.sorting {
    padding-right: 12px !important;
}
/**/
.table tbody tr td .nMoveRow {
    font-size: 11px;
    cursor: move;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .table tbody tr td .nMoveRow .bi:before {
        transform: rotate(90deg);
    }

.table tbody tr:hover td .nMoveRow {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .table tbody tr:hover td .nMoveRow .bi:before {
        transform: rotate(90deg);
        color: var(--theme-color);
    }
/**/
.table tbody tr td .nTitle {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    display: inline-block;
    margin-right: 5px;
}

    .table tbody tr td .nTitle a {
        color: #000;
    }

        .table tbody tr td .nTitle a:hover {
            text-decoration: underline !important;
        }
/**/
.table tbody tr td .nComment, .table tbody tr td .nShareLinks, .table tbody tr td .nShare, .table tbody tr td .nDoc, .table tbody tr td .nPdf, .table tbody tr td .nImg {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    color: var(--menu-text-color);
}

    .table tbody tr td .nComment.active {
        color: var(--badge-close);
    }
    /**/

    .table tbody tr td .nShare:hover {
        color: var(--menu-text-color-hover) !important;
    }

    .table tbody tr td .nShare.active {
        color: var(--menu-text-color-hover);
    }
    /**/
    .table tbody tr td .nDoc:hover {
        color: var(--badge-doc) !important;
    }

    .table tbody tr td .nDoc.active {
        color: var(--badge-doc);
    }
    /**/
    .table tbody tr td .nPdf:hover {
        color: var(--badge-pdf) !important;
    }

    .table tbody tr td .nPdf.active {
        color: var(--badge-pdf);
    }

    /**/
    .table tbody tr td .nImg:hover {
        color: var(--badge-img) !important;
    }

    .table tbody tr td .nImg.active {
        color: var(--badge-img);
    }

.table tbody tr td .nShareLinks {
    font-size: var(--font-size-14);
}

    .table tbody tr td .nShareLinks:hover {
        color: var(--menu-text-color-hover) !important;
    }
/**/
.table tbody tr:hover td .nShareLinks, .table tbody tr:hover td .nShare, .table tbody tr:hover td .nDoc, .table tbody tr:hover td .nPdf {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    color: var(--theme-color);
}
/**/
.table tbody tr td .nHideIcon {
    width: 20px;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    color: var(--menu-text-color);
    cursor: pointer;
}

.table tbody tr:hover td .nHideIcon {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    color: var(--theme-color);
    /*color: var(--menu-text-color);*/
}
/*
/**/
.table tbody tr td a[data-key="bug"], a[data-key="task"] {
    font-weight: var(--font-weight-500);
}

.table tbody tr td .dropdown-toggle {
    padding: 0px !important;
}
/**/
.tableAddRow tr td {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

    .tableAddRow tr td:nth-child(2) {
        padding-left: 0px;
        padding-right: 8px;
    }

    .tableAddRow tr td:nth-child(3) {
        padding-left: 8px;
        padding-right: 0px;
    }

    .tableAddRow tr td:nth-child(4) {
        padding-left: 8px;
        padding-right: 0px;
    }

.tableAddRow tbody tr td .nMoveRow {
    font-size: 11px;
    cursor: move;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/**/

/**/
.linkIcon {
    display: flex;
}

    .linkIcon a {
        margin-left: 3px;
        margin-right: 3px;
        color: #a9a9a9;
    }

        .linkIcon a.nCheckIcon:hover {
            color: var(--menu-text-color-hover);
        }

        .linkIcon a.nDelete:hover {
            color: var(--delete-bg);
        }

    .linkIcon i {
        font-size: 18px;
    }

.nCheckIcon {
}
/**/
.nPerson {
    display: flex;
    align-items: center;
    position: relative;
}

    .nPerson .nCap {
        min-width: 20px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #52637e;
        margin-right: 5px;
        font-size: 10px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        position: relative;
    }

        .nPerson .nCap u {
            text-decoration: none;
        }

        .nPerson .nCap i.color-online {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: var(--badge-close);
            border: 2px solid #fff;
            position: absolute;
            bottom: -5px;
            left: -3px;
        }

        .nPerson .nCap i.color-offline {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: var(--color-gray-light);
            border: 2px solid #fff;
            position: absolute;
            bottom: -5px;
            left: -3px;
        }

    .nPerson b {
        font-weight: var(--font-weight-400);
    }

    .nPerson .nDelete {
        margin-left: 8px;
        visibility: hidden;
        opacity: 0;
    }

    .nPerson:hover .nDelete {
        visibility: visible;
        opacity: 1;
    }

    .nPerson .nDelete i {
        color: var(--delete-bg);
    }

.nProjectName {
    display: flex;
    align-items: center;
    position: relative;
}

    .nProjectName .gridLogo {
        min-width: 30px;
        width: 30px;
        height: 30px;
        padding: 0px;
        overflow: hidden;
        background: #fff;
        border-radius: 50%;
        margin-right: 5px;
        border: 2px solid var(--dashed-border-color);
        position: relative;
    }

        .nProjectName .gridLogo img {
            /*width: 22px;
            height: 22px;
            object-fit: scale-down;*/
            max-width: 100%;
            max-height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

    .nProjectName b {
        font-weight: var(--font-weight-400);
        white-space: nowrap;
    }

        .nProjectName b a {
            color: var(--bs-body-color);
        }

            .nProjectName b a:hover {
                color: var(--menu-text-color-hover);
            }

.table tbody tr td .nEditDelelet {
    width: 55px;
}

    .table tbody tr td .nEditDelelet .btn {
        padding: 3px 5px !important;
    }

    .table tbody tr td .nEditDelelet .btn-mail {
        padding: 0px 0px !important;
        min-width: 25px;
        height: 24.5px;
        font-size: 15px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .table tbody tr td .nEditDelelet .btn.btn-warning, .table tbody tr td .nEditDelelet .btn.btn-danger {
        background: none;
        box-shadow: none;
        border-width: 1px;
        border-color: transparent;
    }

    .table tbody tr td .nEditDelelet .btn.btn-warning {
        color: var(--warning-bg) !important;
    }

        .table tbody tr td .nEditDelelet .btn.btn-warning:hover {
            background: var(--warning-bg) !important;
            color: var(--white-color) !important;
            box-shadow: 0 2px 6px 0 rgba(255,191,83,.5);
        }

    .table tbody tr td .nEditDelelet .btn.btn-danger {
        color: var(--danger-bg) !important;
    }

        .table tbody tr td .nEditDelelet .btn.btn-danger:hover {
            background: var(--danger-bg) !important;
            color: var(--white-color) !important;
            box-shadow: 0 2px 6px 0 rgba(253,98,94,.5);
        }

.table tbody tr:hover td .nEditDelelet .btn.btn-warning, .table tbody tr:hover td .nEditDelelet .btn.btn-danger {
    border-width: 1px;
}

.table tbody tr:hover td .nEditDelelet .btn.btn-warning {
    border-width: 1px;
    border-color: var(--warning-bg);
}

.table tbody tr:hover td .nEditDelelet .btn.btn-danger {
    border-width: 1px;
    border-color: var(--danger-bg);
}
/**/
.table tbody tr:hover td .table tbody tr .nEditDelelet .btn.btn-warning, .table tbody tr:hover td .table tbody tr .nEditDelelet .btn.btn-danger {
    border-width: 1px;
    border-color: transparent;
}

.table tbody tr:hover td .table tbody tr:hover .nEditDelelet .btn.btn-warning {
    border-width: 1px;
    border-color: var(--warning-bg);
}

.table tbody tr:hover td .table tbody tr:hover .nEditDelelet .btn.btn-danger {
    border-width: 1px;
    border-color: var(--danger-bg);
}
/**/
.table tbody tr:hover td .table tbody tr:hover .nCustomeGridField .nEditDelelet .btn.btn-warning, .table tbody tr:hover td .table tbody tr:hover .nCustomeGridField .nEditDelelet .btn.btn-danger {
    border-width: 1px;
    border-color: transparent;
}

.table tbody tr:hover td .table tbody tr:hover .nCustomeGridField:hover .nEditDelelet .btn.btn-warning {
    border-width: 1px;
    border-color: var(--warning-bg);
}

.table tbody tr:hover td .table tbody tr:hover .nCustomeGridField:hover .nEditDelelet .btn.btn-danger {
    border-width: 1px;
    border-color: var(--danger-bg);
}
/**/
.dt-container .pagination .page-item .page-link {
    padding: 3px 8px;
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-500);
}

.dt-container .pagination .page-item.active > .page-link, .page-link.active {
    background: var(--menu-text-color-hover);
    border-color: var(--menu-text-color-hover);
    color: var(--white-color);
}

.dt-container .pagination .page-item > .page-link {
    color: var(--menu-text-color-hover);
}

.dt-container .pagination .page-item.disabled > .page-link, .page-link.disabled {
    color: #969799 !important;
    outline-offset:0 !important;
    outline:none !important;
    box-shadow:none !important;
}
/********/
.dt-container .table.dataTable {
    clear: both;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}
.dt-container .dt-length, .dt-container .dt-search {
    margin-bottom: 0.5rem;
}
.dt-container .form-select {
    --bs-form-select-bg-img: none !important;
    height: 33.5px;
}
.dt-container .table.dataTable > thead > tr > td:not(.sorting_disabled), .dt-container .table.dataTable > thead > tr > th:not(.sorting_disabled), .dt-container table.dataTable > thead > tr > td:not(.sorting_disabled), .dt-container table.dataTable > thead > tr > th:not(.sorting_disabled) {
    background: #e9ecf1 !important;
}
.dt-container table.table.dataTable > :not(caption) > * > * {
    /*background-color: #f7f8fb !important;*/
}
.dt-container table.table.dataTable > tbody > tr:nth-child(even) td {
    background: #f7f8fb !important;
}
.dt-container .dt-buttons {
    display: none !important;
}
.dt-container .dt-info {
    padding-top: .85em;
    padding-bottom:0em;
}
.dt-container .dt-paging .pagination {
    justify-content:flex-end;
}
/***********/
.dt-bootstrap5 .row.mt-2 {
    margin-top:0px !important;
}
.dt-bootstrap5 .dt-layout-full {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.dt-bootstrap5 .page-link:focus {
box-shadow:none;
}
/***********/
/**********/
.nFormHorizontal {
    margin-bottom: 0px;
}

    .nFormHorizontal li {
        /*padding-bottom: 10px;*/
    }

        .nFormHorizontal li .nFormFields, .nFormFields {
            display: flex;
            flex-direction: column;
            position: relative;
            padding-bottom: 10px;
        }


            .nFormHorizontal li .nFormFields .nMsg, .nFormFields .nMsg {
                position: absolute;
                bottom: 2px;
                left: 0px;
                font-size: 9px;
                color: #444444;
            }

            .nFormHorizontal li .nFormFields .nLabel, .nFormFields .nLabel {
                flex: 0 0 100%;
                width: 100%;
                margin-right: 5px;
                line-height: 11px;
                font-weight: 600;
                color: #27282a;
                font-size: 12px;
                margin-bottom:.3rem;
            }

                .nFormHorizontal li .nFormFields .nLabel .error, .nFormFields .nLabel .error, .error {
                    color: var(--danger-bg);
                    padding-left: 5px;
                }

            .nFormHorizontal li .nFormFields .nControl, .nFormFields .nControl {
                flex: 0 0 100%;
                width: 100%;
                position: relative;
                min-height: 27.5px;
            }

                .nFormHorizontal li .nFormFields .nControl .input-group .input-group-text, .nFormFields .nControl .input-group .input-group-text {
                    font-size: var(--font-size-13);
                    padding-top: 0px;
                    padding-bottom: 0px;
                }

                .nFormHorizontal li .nFormFields .nControl .input-group .input-group-btn, .nFormFields .nControl .input-group .input-group-btn {
                    /*border: none;*/
                    border-top-right-radius: 3px;
                    border-bottom-right-radius: 3px;
                }

                .nFormHorizontal li .nFormFields .nControl .input-group.search, .nFormFields .nControl .input-group.search {
                    position: relative;
                }

                    .nFormHorizontal li .nFormFields .nControl .input-group.search .form-control, .nFormFields .nControl .input-group.search .form-control {
                        border-top-left-radius: 4px !important;
                        border-bottom-left-radius: 4px !important;
                        position: relative;
                        z-index: 0;
                        padding-right: 35px;
                    }

                    .nFormHorizontal li .nFormFields .nControl .input-group.search > .input-group-btn, .nFormFields .nControl .input-group.search > .input-group-btn {
                        position: absolute;
                        right: 1px;
                        top: 1px;
                        box-shadow: none;
                        border: 0px solid #cacfd8 !important;
                        border-top-left-radius: 4px;
                        border-bottom-left-radius: 4px;
                        background: #fff;
                        padding: 5px 10px;
                        z-index: 1;
                    }
/***/
.form-label {
    flex: 0 0 100%;
    width: 100%;
    margin-right: 5px;
    line-height: 11px;
    font-weight: 600;
    color: #27282a;
}
/**/
.nFormHorizontal li .nFormFields.d-flex.flex-row {
align-items:center;
}
.nFormHorizontal li .nFormFields.d-flex.flex-row .nLabel {
    margin-top: .3rem;
}
.nFormHorizontal.nLabel150 li .nFormFields.d-flex.flex-row .nLabel {
    width: 150px !important;
    flex: 0 0 150px !important;
}
.nFormHorizontal.nLabel260 li .nFormFields.d-flex.flex-row .nLabel {
    width: 260px !important;
    flex: 0 0 260px !important;
}
.nFormHorizontal li .nFormFields.d-flex.flex-row .nControl{
    flex:1;

}
.btn-outline-primary:focus, .btn-outline-primary:active {
    border: 1px solid #5156be;
}
/*.nCenterSpace {
    width: 700px;
    margin: auto;
    padding: 10px 40px 40px;
    box-shadow: 0px 0px 15px rgb(14 29 53 / 30%);
    margin-top: -15px;
}*/
/*start collapse table tr*/
.table tbody tr .btn-plus {
    color: var(--menu-text-color);
    opacity: 1;
}
button.btn-plus {
    border:none;
    border-radius:25px;
}
.table tbody tr:hover .btn-plus {
    color: var(--theme-color);
    opacity: 1;
}
/***/
.noWrapTable {
}

    .noWrapTable thead tr th, .noWrapTable tbody tr td {
        white-space: nowrap;
    }
/***/
.collapseTable {
}

    .collapseTable .btn.btn-default.btn-xs {
        padding: 0px 5px;
        font-size: 16px;
    }

    .collapseTable .innerTable {
        margin-top:0px !important;
        margin-bottom:0px !important;
        background: rgba(59, 192, 195, 0.2);
        /*border-top: 1px solid var(--menu-text-color-hover);*/
        /*background:rgba(235,193, 66,0.5);*/
    }

        .collapseTable .innerTable thead {
            background: rgba(59, 192, 195, 0.1);
        }

    .collapseTable .accordian-body {
        position: relative;
        padding: 0px;
        border: 1px solid var(--menu-text-color-hover);
    }

        .collapseTable .accordian-body:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #3bc0c3;
            position: absolute;
            top: -8px;
            left: 14px;
        }


    .collapseTable tr.accordion-toggle td > .fa.fa-plus-circle:before {
        content: "\f055";
    }

    .collapseTable tr.accordion-toggle td > [aria-expanded="true"] .fa.fa-plus-circle:before {
        content: "\f056";
        color: var(--menu-text-color-hover);
    }

    .collapseTable tr.accordion-toggle td > [aria-expanded="false"] .fa.fa-plus-circle:before {
        content: "\f055";
    }

    .collapseTable tr.accordion-toggle td > [aria-expanded="true"] {
        color: var(--menu-text-color-hover);
        opacity: 1;
    }

        .collapseTable tr.accordion-toggle td > [aria-expanded="true"]:before {
            content: '';
        }

    /*end collapse table tr*/
    /*start datatable collapse inner table*/

    .collapseTable tr.odd.accordion-toggle td > [aria-expanded="false"] .fa.fa-plus-circle:before, .collapseTable tr.odd.accordion-toggle td > button .fa.fa-plus-circle:before,
    .collapseTable tr.even.accordion-toggle td > [aria-expanded="false"] .fa.fa-plus-circle:before, .collapseTable tr.even.accordion-toggle td > button .fa.fa-plus-circle:before {
        content: "\f055";
    }

    .collapseTable tr.accordion-toggle td > button.btn-plus {
        position: relative
    }

    .collapseTable tr.odd.accordion-toggle.shown td > button.btn-plus,
    .collapseTable tr.even.accordion-toggle.shown td > button.btn-plus {
        opacity: 1;
    }

        /*.collapseTable tr.odd.accordion-toggle.shown td > button.btn-plus:after,
        .collapseTable tr.even.accordion-toggle.shown td > button.btn-plus:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid var(--theme-color);
            position: absolute;
            bottom: -7px;
            left: -2px;
        }*/

    .collapseTable tr.odd.accordion-toggle.shown td > button .fa.fa-plus-circle:before,
    .collapseTable tr.even.accordion-toggle.shown td > button .fa.fa-plus-circle:before {
        content: "\f056";
    }

    .collapseTable tr.accordion-toggle td > [aria-expanded="true"] {
        color: var(--theme-color);
        opacity: 1;
    }

        .collapseTable tr.accordion-toggle td > [aria-expanded="true"]:before {
            content: '';
        }

    .collapseTable tr.accordion-toggle.shown + tr:hover td {
        background: none;
    }

    .collapseTable tr.odd.accordion-toggle.shown + tr > td
    .collapseTable tr.even.accordion-toggle.shown + tr > td {
        padding: 0px !important;
    }

    .collapseTable tr.accordion-toggle.shown + tr > td {
        padding: 0px !important;
    }




    .collapseTable tr.accordion-toggle td > [aria-expanded="false"] .fa.fa-plus-circle:before {
        content: "\f055";
    }


    .collapseTable .accordian-body:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid var(--menu-text-color-hover);
        position: absolute;
        top: -8px;
        left: 11px;
    }

    .collapseTable .btn-plus {
        padding: 0px;
        color: var(--menu-text-color);
        border: 0px;
        background: none;
        font-size: 16px;
        opacity: 0.5;
    }
/*end datatable collapse inner table*/
.customFieldTable tbody tr td {
    background: #fff;
}
/***/
.nCustomeField {
    padding-left: 0px;
}

    .nCustomeField .input-group .form-control-button {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }

    .nCustomeField .input-group .form-control, .nCustomeField .input-group .form-select {
        border-top-right-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
    }

    .nCustomeField .input-group .nBtn {
        margin-left: 5px !important;
        border-radius: 3px !important;
    }

    .nCustomeField .nMoveRow {
        font-size: 11px;
        cursor: move;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        position: absolute;
        left: -12px;
        top: 9px;
    }

        .nCustomeField .nMoveRow .bi {
            color: #858991;
        }

            .nCustomeField .nMoveRow .bi:before {
                transform: rotate(90deg);
            }

    .nCustomeField:hover .nMoveRow .bi {
        color: var(--theme-dark-color);
    }
/*******/
.upload-container {
}

    .upload-container .upload-label {
        color: var(--theme-color);
        cursor: pointer;
    }

        .upload-container .upload-label:hover {
            color: var(--menu-text-color-hover);
        }

.gallery div {
    width: 140px;
    height: 100px;
    /*object-fit: cover;*/
    overflow: hidden;
    margin-right: 10px;
    border-radius: 3px;
    border: 2px dashed var(--dashed-border-color);
    display: inline-block;
    padding: 2px;
    position: relative;
    margin-bottom: 4px;
}

    .gallery div img {
        /*width: 146px;
        height: 96px;
        object-fit: cover;*/
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 0px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
    }
/**********/
.bootstrap-tagsinput {
    width: 100%;
}

    .bootstrap-tagsinput:before {
        content: 'Add Tags: ';
    }

    .bootstrap-tagsinput .tag {
        margin-left: 5px;
        color: white !important;
        background-color: var(--menu-text-color-hover);
        padding: 0px 5px 2px 8px;
        border-radius: 15px;
    }
/***/
/**/
.file-input {
    display: inline-block;
    text-align: left;
    background: #fff;
    padding: 16px;
    width: 100%;
    position: relative;
    border-radius: 3px;
    border: 2px dashed var(--dashed-border-color);
}

    .file-input > [type='file'] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 10;
        cursor: pointer;
    }

    .file-input > .button {
        display: inline-block;
        cursor: pointer;
        background: #e2e2e2;
        padding: 6px 15px;
        border-radius: 3px;
        margin-right: 8px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .file-input:hover > .button {
        background: var(--menu-text-color-hover);
        color: white;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .file-input > .label {
        color: var(--color-gray);
        white-space: nowrap;
    }

    .file-input.-chosen > .label {
        opacity: 1;
    }
/**/
/***/
/***/
.nAddMoreFields {
}

    .nAddMoreFields a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        border: 2px dashed var(--dashed-border-color);
        border-radius: 3px;
        padding: 15px;
    }

        .nAddMoreFields a i {
            color: var(--menu-text-color-hover);
            font-size: 24px;
        }

        .nAddMoreFields a b {
            color: var(--dashed-border-color);
            font-weight: var(--font-weight-500);
            margin-left: 10px;
            font-size: var(--font-size-14);
        }

        .nAddMoreFields a:hover b {
            color: var(--theme-dark-color);
        }
/*****/

.nCommentSection {
}

.nCommentUL {
}

    .nCommentUL li {
        display: flex;
        min-width: 60%;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 15px;
    }

        .nCommentUL li .nPerson {
            margin-right: 0px;
            align-items:start;
        }

            .nCommentUL li .nPerson .nCap {
                width: 30px;
                height: 30px;
                font-size: 13px;
            }
                .nCommentUL li .nPerson .nCap i.color-online {
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    background: var(--badge-close);
                    border: 2px solid #fff;
                    position: absolute;
                    bottom: -2px;
                    right: 0px;
                    left:inherit;
                }
                .nCommentUL li .nPerson .nCap i.color-offline {
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    background: var(--color-gray-light);
                    border: 2px solid #fff;
                    position: absolute;
                    bottom: -2px;
                    right: 0px;
                    left: inherit;
                }
        /*.nCommentUL li:nth-of-type(even) {
            display: flex;
            min-width: 60%;
            justify-content: flex-end;
        }*/

    .nCommentUL h6 {
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .nCommentUL p {
        margin-bottom: 0px;
        word-wrap: break-word;
        word-break: break-all;
    }

    .nCommentUL .nLightGreen, .nCommentUL .nLightBlue, .nCommentUL .nLightWhite {
        border-radius: 4px;
        padding: 6px 10px 0px 0px;
    }

    .nCommentUL .nLightGreen {
        background: #e7ffe4;
    }

    .nCommentUL .nLightBlue {
        background: #e3fdff;
    }

.nCommentUL {
}

    .nCommentUL.nNoneEven li:nth-of-type(even) {
        justify-content: inherit;
    }

    .nCommentUL .nLightWhite {
        background: #fff;
        border: 1px solid var(--dashed-border-color);
    }
/**/
.nUserPhoto {
    display: flex;
    align-items: center;
}

.nUserimg {
    flex: 0 0 110px;
    width: 110px;
    height: 110px;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    background: #eaedf4;
    margin-right: 10px;
}

    .nUserimg img {
        max-width: 90%;
        max-height: 90%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        margin: auto;
    }

.nUserInfo {
    flex: 1;
}

.nImgUpload-button input {
    display: none;
}

.nImgUpload-button label {
    min-width: 33.5px;
    min-height: 33.5px;
    padding: 0px;
    font-size: 15px;
    background: #fff;
    border-color: #cacfd8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/***/
.moduleNo {
    float: left;
    min-width: 34px;
    background: #f6faff;
    border: 1px solid #d5dae8;
    text-align: center;
    border-radius: 3px;
    padding-top: 5px;
    color: var(--menu-text-color-hover);
    font-weight: 600;
    font-size: 16px;
}

.moduleInfo {
    overflow: hidden;
    margin-left: 15px;
}
/**********/
.popover {
    box-shadow: 0px 0px 20px rgb(14 29 53 / 15%);
}

.popover-body {
    max-height: 150px;
    overflow: auto;
}

    .popover-body .nPerson {
        padding: 3px 0px;
    }
/**/
.nComputer h6 {
    background: #eaedf4;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 15px;
    margin: 0px;
}

.nComputer .ul {
}

    .nComputer .ul li {
        display: flex;
        align-items: center;
        border-bottom: 1px dashed #d7dce7;
        padding-top: 10px;
    }

        .nComputer .ul li .name {
            margin: 0px 10px 0px 0px;
            font-weight: 600;
        }

        .nComputer .ul li .des {
            display: flex;
            align-items: center;
        }
/**/
.nCustomField {
    color: var(--theme-dark-color);
}

    .nCustomField .ul {
        margin-left: -5px;
        margin-right: -5px;
        display: flex;
        flex-wrap: wrap;
    }

        .nCustomField .ul li {
            width: 33.3333%;
            padding-left: 5px;
            padding-right: 5px;
        }

            .nCustomField .ul li a {
                background: #fff;
                border: 1px solid #dee1e6;
                border-radius: 3px;
                min-height: 66px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                font-size: 11px;
                color: var(--theme-dark-color);
                cursor: move;
            }

                .nCustomField .ul li a:hover {
                    border: 1px solid var(--menu-text-color-hover);
                }

                .nCustomField .ul li a span:first-child {
                    margin-bottom: 7px;
                }
/**/
.ck.ck-editor {
    background: var(--bg-white) !important;
}

.ck.ck-toolbar__items {
    background: #fff !important;
}

.dash-border {
    border: 2px dashed var(--dashed-border-color);
    border-radius: 3px;
    padding: 20px 20px 0px;
    margin-bottom: 20px;
}

.nCreateForm {
    padding: 50px;
    font-size: 11px;
}

    .nCreateForm .dropdown-toggle b {
        color: var(--theme-dark-color);
        font-weight: 400;
    }

    .nCreateForm .dropdown-menu {
        min-width: inherit;
    }

    .nCreateForm .dropdown-item {
        font-size: var(--font-size-11);
    }

.nCreateFieldSpace {
    border: 1px solid #dfe1e6;
    box-shadow: 0px 0px 3px #d2d2d2;
    border-radius: 3px;
    margin-bottom: 20px;
}

    .nCreateFieldSpace .input {
        box-shadow: none;
        border: none;
        border-left: 1px solid var(--theme-dark-color);
    }

    .nCreateFieldSpace .nForm {
    }

.nFieldContent {
    padding-left: 35px;
    padding-right: 35px;
}

.nFieldFooter {
    border-top: 1px solid #dfe1e6;
    padding: 10px;
}

    .nFieldFooter .form-check-label {
        font-size: var(--font-size-11);
    }

.nMoveCheck {
}

    .nMoveCheck .nMoveIcon {
        position: absolute;
        top: 1px;
        left: 2px;
        width: 24px;
        height: 31px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: move;
        font-size: 16px;
        border-radius: 3px;
        color: #a2a4a9;
    }

    .nMoveCheck .form-control {
        padding-left: 26px;
    }
/**/

.btn-group > .btn {
    box-shadow: none;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: var(--font-size-13);
    border-radius: 3px;
}

    .btn-group > .btn:hover {
        background: #e0e4ec;
        border-color: #afb3bb;
    }

.btn-checkbox {
    background: #e0e4ec;
    border-color: #cacfd8;
}

    .btn-checkbox:hover {
        background: var(--menu-text-color-hover);
        border-color: var(--menu-text-color-hover);
    }

.btn-check:checked + .btn {
    background: var(--menu-text-color-hover);
    border-color: var(--menu-text-color-hover);
    color: var(--white-color);
}

/*********/
.nBorad {
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 15px;
}

    .nBorad .col.w-200.p-l-0 {
        padding: 0px;
        margin-right: 20px;
    }

    .nBorad .nDrag {
        /*background: #f7f8fb;*/
        padding-bottom: 10px;
    }

        .nBorad .nDrag header {
            border: 0px;
            border-top-width: 2px;
            border-bottom-width: 1px;
            border-style: solid;
            border-color: var(--theme-dark-color);
            border-bottom-color: #cacfd8;
            display: flex;
            align-items: center;
            padding: 10px;
            margin-bottom: 10px;
        }

            .nBorad .nDrag header h6 {
                font-size: var(--font-size-13);
            }

                .nBorad .nDrag header h6 b {
                    font-weight: 600;
                }

                .nBorad .nDrag header h6 i.bi {
                    margin-right: 8px;
                    font-size: 6px;
                }

        .nBorad .nDrag article.nPost {
            width: 96%;
            background: #fff;
            padding: 10px;
            border-radius: 3px;
            margin: 10px auto 0px;
            box-shadow: 0px 0px 0px #d2d2d2;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: var(--badge-hold);
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
            cursor: move;
        }

            .nBorad .nDrag article.nPost.background-hold {
                background-color: var(--badge-hold-light);
            }

            .nBorad .nDrag article.nPost.background-new {
                background-color: var(--badge-new-light);
            }

            .nBorad .nDrag article.nPost.background-inProgress {
                background-color: var(--badge-progress-light);
            }

            .nBorad .nDrag article.nPost.background-resolve {
                background-color: var(--badge-resolve-light);
            }

            .nBorad .nDrag article.nPost.background-complete {
                background-color: var(--badge-complete-light);
            }

            .nBorad .nDrag article.nPost.background-close {
                background-color: var(--badge-close-light);
            }

            .nBorad .nDrag article.nPost:hover {
                transform: scale(1.02);
                box-shadow: 0px 0px 0px var(--menu-text-color-hover);
                background: #e8f1ff !important;
            }

            .nBorad .nDrag article.nPost .ul {
                margin: 0px;
                position: relative;
                font-weight: 500;
            }

                .nBorad .nDrag article.nPost .ul li {
                }

            .nBorad .nDrag article.nPost .col-auto.ms-auto.flex-column {
                text-align: right;
            }

            .nBorad .nDrag article.nPost .ul li h6 {
                font-size: var(--font-size-13);
                font-weight: 700;
            }

            .nBorad .nDrag article.nPost .ul li:nth-child(2), .nBorad .nDrag article.nPost .ul li:nth-child(3), .nBorad .nDrag article.nPost .ul li:nth-child(4) {
                /*font-size: var(--font-size-11);*/
                font-size: 11px;
                padding-bottom: 5px;
            }

            .nBorad .nDrag article.nPost .ul li.d-flex:nth-child(2) span {
                color: #7c899d;
                margin-right: 5px;
            }

            .nBorad .nDrag article.nPost .ul li.d-flex:nth-child(2) div {
                color: var(--theme-dark-color);
            }

            .nBorad .nDrag article.nPost .ul li .row span {
                color: #7c899d;
                font-size: 10px;
            }

                .nBorad .nDrag article.nPost .ul li .row span.nCap {
                    color: #fff;
                }

            .nBorad .nDrag article.nPost .ul li .row .nDueDate {
            }

            .nBorad .nDrag article.nPost .ul li .row .nPriority {
            }
                /**/
                .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityLow"], .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityMidium"], .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityHigh"], .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityHighest"] {
                    display: flex;
                }

                    .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityLow"] i, .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityMidium"] i, .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityHigh"] i, .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityHighest"] i {
                        font-size: 16px;
                    }

                    .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityLow"], .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityLow"] i {
                        color: var(--low);
                    }

                    .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityMidium"], .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityMidium"] i {
                        color: var(--midium);
                    }

                    .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityHigh"], .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityHigh"] i {
                        color: var(--high);
                    }

                    .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityHighest"], .nBorad .nDrag article.nPost .ul li .row .nPriority[value="PriorityHighest"] i {
                        color: var(--highest);
                    }

            /**/
            .nBorad .nDrag article.nPost .ul li .row .nStatus {
            }

                .nBorad .nDrag article.nPost .ul li .row .nStatus i {
                    font-size: 7px;
                }

                .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusNew"], .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusNew"] i {
                    color: var(--badge-new);
                }

                    .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusNew"], .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusNew"] i {
                        color: var(--badge-new);
                    }

                .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusOnHold"], .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusOnHold"] i {
                    color: var(--badge-hold);
                }

                .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusInProgress"], .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusInProgress"] i {
                    color: var(--badge-progress);
                }

                .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusResolve"], .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusResolve"] i {
                    color: var(--badge-resolve);
                }

                .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusComplete"], .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusComplete"] i {
                    color: var(--badge-complete);
                }

                .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusClose"], .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusClose"] i {
                    color: var(--badge-close);
                }
                /**/
                .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusActive"], .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusActive"] i {
                    color: var(--badge-active);
                }

                .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusDeactive"], .nBorad .nDrag article.nPost .ul li .row .nStatus[value="StatusDeactive"] i {
                    color: var(--badge-deactive);
                }
            /**/
            .nBorad .nDrag article.nPost .ul li .row .nPerson b {
                font-weight: 600;
                color: var(--body-text-color);
            }

            .nBorad .nDrag article.nPost .ul li span span.nMoveRow {
                width: 17px;
                height: 17px;
                overflow: hidden;
                cursor: move;
            }

                .nBorad .nDrag article.nPost .ul li span span.nMoveRow svg {
                    width: 17px;
                    height: 17px;
                    overflow: hidden;
                    cursor: move;
                }

                    .nBorad .nDrag article.nPost .ul li span span.nMoveRow svg path {
                        fill: var(--body-text-color);
                    }

            .nBorad .nDrag article.nPost .ul li h6 {
                margin-bottom: 0px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: var(--font-size-13);
                font-weight: 600;
            }
        /**/

        .nBorad .nDrag.nOnHold header, .nBorad .nDrag.nOnHold header i, .nBorad .nDrag.nOnHold header b, .nBorad .nDrag.nOnHold article.nPost {
            border-top-color: var(--badge-hold);
            color: var(--badge-hold);
            border-bottom-color: var(--badge-hold);
        }


        .nBorad .nDrag.nNew header, .nBorad .nDrag.nNew header i, .nBorad .nDrag.nNew header b, .nBorad .nDrag.nNew article.nPost {
            border-top-color: var(--badge-new);
            color: var(--badge-new);
            border-bottom-color: var(--badge-new);
        }

        .nBorad .nDrag.nInProgress header, .nBorad .nDrag.nInProgress header i, .nBorad .nDrag.nInProgress header b, .nBorad .nDrag.nInProgress article.nPost {
            border-top-color: var(--badge-progress);
            color: var(--badge-progress);
            border-bottom-color: var(--badge-progress);
        }

        .nBorad .nDrag.nResolve header, .nBorad .nDrag.nResolve header i, .nBorad .nDrag.nResolve header b, .nBorad .nDrag.nResolve article.nPost {
            border-top-color: var(--badge-resolve);
            color: var(--badge-resolve);
            border-bottom-color: var(--badge-resolve);
        }

        .nBorad .nDrag.nComplete header, .nBorad .nDrag.nComplete header i, .nBorad .nDrag.nComplete header b, .nBorad .nDrag.nComplete article.nPost {
            border-top-color: var(--badge-complete);
            color: var(--badge-complete);
            border-bottom-color: var(--badge-complete);
        }

        .nBorad .nDrag.nClose header, .nBorad .nDrag.nClose header h6 i, .nBorad .nDrag.nClose header h6 b, .nBorad .nDrag.nClose article.nPost {
            border-top-color: var(--badge-close);
            color: var(--badge-close);
            border-bottom-color: var(--badge-close);
        }
/**/

/**/
.gutter {
    background-color: #e9ecf1;
    background-repeat: no-repeat;
    background-position: 50%;
}

    .gutter.gutter-horizontal {
        cursor: col-resize;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
        background-position-y: top;
        background-position-y: 50px;
        height: 100vh !important;
        display: flex;
        flex: 0 0 6px;
        width: 6px;
    }

    .gutter.gutter-vertical {
        cursor: row-resize;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
    }

    .gutter.gutter-horizontal {
        display: flex;
        align-self: stretch;
        height: 100vh;
        float: left;
    }
/**/
.nTaskViewDetail {
    color: var(--theme-color);
}

    .nTaskViewDetail .nPageTitle {
        padding-bottom: 5px;
        border-bottom: 1px solid var(--dashed-border-color);
        margin-bottom: 15px;
    }

        .nTaskViewDetail .nPageTitle #editableTaskTitle, .nTaskViewDetail .nPageTitle #editableBugTitle, .nTaskViewDetail .nPageTitle #editableStoryTitle, .nTaskViewDetail .nPageTitle #editableAnnouncementTitle {
            border: 1px solid transparent;
            border-radius: 3px;
        }

            .nTaskViewDetail .nPageTitle #editableTaskTitle[contenteditable="true"], .nTaskViewDetail .nPageTitle #editableBugTitle[contenteditable="true"], .nTaskViewDetail .nPageTitle #editableStoryTitle[contenteditable="true"], .nTaskViewDetail .nPageTitle #editableAnnouncementTitle[contenteditable="true"] {
                border: 1px solid #0e1d35;
            }

        .nTaskViewDetail .nPageTitle span.nComment {
            margin-left: 10px;
            color: var(--menu-text-color-hover);
            position: relative;
        }

            .nTaskViewDetail .nPageTitle span.nComment i {
            }

            .nTaskViewDetail .nPageTitle span.nComment span {
                width: 20px;
                height: 20px;
                text-align: center;
                position: absolute;
                top: 8px;
                right: 6px;
                font-size: 10px;
                font-weight: 700;
                color: var(--theme-dark-color);
            }

    .nTaskViewDetail .nPageDetail {
        line-height: 26px;
        border-bottom: 1px solid var(--dashed-border-color);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .nTaskViewDetail .nPageAttached {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

.nTaskViewProjDetail {
    border: 1px solid var(--dashed-border-color);
    margin-bottom: 20px;
}

    .nTaskViewProjDetail h5 {
        padding: 10px 15px;
        border-bottom: 1px solid var(--dashed-border-color);
    }

        .nTaskViewProjDetail h5.collapsed[aria-expanded="false"] {
            border-bottom: 1px solid transparent;
        }

            .nTaskViewProjDetail h5.collapsed[aria-expanded="false"] .bi:before {
                content: "\f64d";
            }

    .nTaskViewProjDetail .nType[data-key="task"] {
        color: #fff;
        background: var(--color-task);
        border-radius: 3px;
        padding: 1px 6px;
        font-size: var(--font-size-13);
    }

    .nTaskViewProjDetail .nType[data-key="bug"] {
        color: #fff;
        background: var(--color-bug);
        border-radius: 3px;
        padding: 1px 6px;
        font-size: var(--font-size-13);
    }

    .nTaskViewProjDetail .nType[data-key="story"] {
        color: #fff;
        background: var(--color-story);
        border-radius: 3px;
        padding: 1px 6px;
        font-size: var(--font-size-13);
    }

    .nTaskViewProjDetail .nType[data-key="announcement"] {
        color: #fff;
        background: #9a00d7;
        border-radius: 3px;
        padding: 1px 6px;
        font-size: var(--font-size-13);
    }

    .nTaskViewProjDetail .ul li {
        display: flex;
        align-items: center;
        padding-bottom: 15px;
    }

        .nTaskViewProjDetail .ul li span.nLabel {
            flex: 0 0 110px;
            width: 110px;
        }

        .nTaskViewProjDetail .ul li div.flex-1 {
            color: var(--theme-dark-color);
            font-weight: 600;
        }

            .nTaskViewProjDetail .ul li div.flex-1 .nPerson b {
                color: var(--theme-dark-color);
                font-weight: 600;
            }

            .nTaskViewProjDetail .ul li div.flex-1 .dropdown-toggle {
                padding-left: 0px !important;
                padding-right: 0px !important;
                padding: 0px !important;
            }

                .nTaskViewProjDetail .ul li div.flex-1 .dropdown-toggle b {
                    font-weight: 600;
                }

            .nTaskViewProjDetail .ul li div.flex-1 .dropdown-menu li {
                padding-bottom: 0px;
            }

            .nTaskViewProjDetail .ul li div.flex-1.wDate div b {
                font-weight: 600;
            }
/*timer**/
.nTimer {
    background: #000000;
    color: #FFFFFF;
    border-width: 2px;
    border-radius: 3px;
    padding: 3px 5px;
    font-weight: 600;
}

/**/
.nTag {
    margin-left: 5px;
    color: white !important;
    background-color: var(--menu-text-color-hover);
    padding: 0px 5px 2px 8px;
    border-radius: 15px;
}

    .nTag [data-role="remove"] {
        margin-left: 8px;
        cursor: pointer;
    }

        .nTag [data-role="remove"]:after {
            content: "x";
            padding: 0px 2px;
        }
/*****/
.nCustomeGridField {
    display: flex;
    flex-direction: column;
    width: 240px;
    background: #f7f8fb;
    border-top: 1px solid #132542;
}

    .nCustomeGridField header {
        display: flex;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #e7eaf4;
        padding-right: 10px;
        padding-left: 5px;
    }

        .nCustomeGridField header .nMoveRow {
            opacity: 1 !important;
            visibility: visible !important;
        }

        .nCustomeGridField header h4 {
            display: flex;
            flex-direction: column;
            margin-left: 5px;
            margin-bottom: 0px;
        }

            .nCustomeGridField header h4 span {
                font-size: 10px;
                color: #7c899d;
                font-weight: 400;
            }

            .nCustomeGridField header h4 u {
                font-size: var(--font-size-13);
                font-weight: 600;
                text-decoration: none;
            }

        .nCustomeGridField header .nMoveRow {
            width: 17px;
            height: 17px;
            overflow: hidden;
            cursor: move;
            margin-top: 3px;
        }

            .nCustomeGridField header .nMoveRow svg {
                width: 17px;
                height: 17px;
                overflow: hidden;
                cursor: move;
            }

                .nCustomeGridField header .nMoveRow svg path {
                    fill: var(--body-text-color);
                }

.nFieldValue {
    height: 110px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    overflow-y: auto;
}

    .nFieldValue::-webkit-scrollbar {
        width: 8px !important;
        height: 8px;
        border-radius: 8px;
    }

    .nFieldValue .row {
        padding-bottom: 10px;
    }

        .nFieldValue .row:last-child {
            padding-bottom: 0px;
        }

    .nFieldValue span {
        color: #7c899d;
        font-size: 10px;
        line-height: 10px;
    }

    .nFieldValue div u {
        font-weight: 600;
        text-decoration: none;
        display: block;
    }

    .nFieldValue .ms-auto {
        font-weight: 600;
        text-decoration: none;
    }
/*.skeleton {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 4px;
    background: none;
    background-color: #D0D0D0;
    background: linear-gradient( 100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60% ) #D0D0D0;
    background: -moz-linear-gradient( 100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60% ) #D0D0D0;
    background: -webkit-linear-gradient( 100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60% ) #D0D0D0;
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s loading ease-in-out infinite;
    -moz-animation: 1s loading ease-in-out infinite;
    -webkit-animation: 1s loading ease-in-out infinite;
    -o-animation: 1s loading ease-in-out infinite;
    -ms-animation: 1s loading ease-in-out infinite;
}

@keyframes loading {
    to {
        background-position-x: -20%;
    }
}
@-webkit-keyframes loading {
    to {
        background-position-x: -20%;
    }
}

@-moz-keyframes loading {
    to {
        background-position-x: -20%;
    }
}

@-o-keyframes loading {
    to {
        background-position-x: -20%;
    }
}

@-ms-keyframes loading {
    to {
        background-position-x: -20%;
    }
}*/
/*.drag-list {
    overflow: hidden;
}

.drag-item {
    float: left;
    padding: 50px 20px;
    width: 25%;
    text-align: center;
    color: #555;
    background: #ddd;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
}

.drag-start {
    opacity: 0.8;
}

.drag-enter {
    opacity: 0.5;
    transform: scale(0.9);
}*/
.drag-list {
    /*overflow: hidden;*/
}

.drag-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
    border-radius: 3px;
    outline: 2px dashed transparent;
    outline-offset: 1px;
}

.drag-start {
    opacity: 0.8;
    padding: 5px;
    border-radius: 3px;
    outline: 2px dashed var(--dashed-border-color);
}

.drag-enter {
    opacity: 0.5;
    background: #ddd;
    transform: scale(0.9);
    padding: 5px;
    border-radius: 3px;
    outline: 2px dashed var(--dashed-border-color);
}
/**/
.nBugList, .nTaskList, .nCustomFieldList, .nCustomFieldGrid {
}

.nBugDrag-item, .nTaskDrag-item, .nCustomFieldDrag-item, .nCustomFieldGrid-item {
    border-radius: 3px;
    outline: 2px dashed transparent;
    outline-offset: 1px;
}

    .nBugDrag-item:hover, .nTaskDrag-item:hover, .nCustomFieldDrag-item:hover, .nCustomFieldGrid-item:hover {
        outline: 2px dashed var(--dashed-border-color);
    }

.nBugHighLight, .nTaskHighLight, .nCustomFieldHighLight, .nCustomGridFieldHighLight {
    background-color: #e0e4ec;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    outline: 2px dashed var(--dashed-border-color);
    border-radius: 3px;
}
/***************/

.needHelpScroll {
    height: 135px;
    overflow: hidden;
    overflow-y: auto;
}

    .needHelpScroll::-webkit-scrollbar {
        width: 5px !important;
        height: 5px;
        border-radius: 5px;
    }
    /* Track */
    .needHelpScroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .needHelpScroll::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

        /* Handle on hover */
        .needHelpScroll::-webkit-scrollbar-thumb:hover {
            background: #555;
            border-radius: 5px;
        }
/**/
.nTaskBugDetailView {
}

    .nTaskBugDetailView .nBorad .nDrag header h6 b {
        font-size: 14px;
    }

    .nTaskBugDetailView .nBorad .nDrag article.nPost:hover {
        transform: scale(1.02);
        box-shadow: 0px 0px 0px var(--menu-text-color-hover);
        background: #e8f1ff !important;
    }

    .nTaskBugDetailView .nBorad .nDrag article.nPost.active {
        transform: scale(1.02);
        box-shadow: 0px 0px 0px var(--menu-text-color-hover);
        background: #e8f1ff !important;
    }

/*over flow mneu strat*/
.nOverflowMenu {
    /*background: black;*/
    padding-left: 10px;
    position: relative;
    width: 100%;
    z-index:3;
}

.nMenuItems {
    /*background: black;*/
    /*overflow: hidden;*/
    justify-content: flex-end;
    display: flex;
    width: 100%;
    list-style: none;
}

    .nMenuItems .n-li-items {
        padding: 0px;
        padding-left: 10px;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .nMenuItems li {
        margin: 0px !important;
        padding: 0px 0px 0px 10px;
    }


.nMorelinks {
    /*background: #333;
        color: white;*/
    position: absolute;
    width: 10px;
    /*height: 50px;*/
    padding: 0px;
    top: 0;
    left: 0;
    text-align: right;
}

.more-label {
    font-weight: 600;
    /*width: 75px;*/
    text-align: right;
    white-space: nowrap;
}
/**/
.nMenuOverflowItems {
    display: none;
    background: #fff;
    min-width: 150px;
    max-width: 225px;
    position: absolute;
    top: 50px;
    right: 0;
    list-style: none;
    border: 1px solid #d4d8e0;
    border-radius: 4px;
    padding: 5px;
}

    .nMenuOverflowItems li {
        margin: 0px !important;
        padding: 0px;
    }

        .nMenuOverflowItems li a {
            margin: 0px !important;
            padding: 5px 10px;
        }
/**/
.nOverflowMenu .morCount .btn.btn-light.btn-sm {
    white-space: nowrap;
    margin-left: 5px;
}

.nOverflowMenu .morCount .nMenuOverflowItems {
    display: none;
}

.nOverflowMenu .morCount:hover .nMenuOverflowItems {
    display: block;
    position: absolute;
    z-index: 500;
    top: 25px;
    box-shadow: 0px 9px 20px rgb(14 29 53 / 30%);
}

.nOverflowMenu .bootstrap-select .dropdown-menu .dropdown-item .bx.bx-chevron-down, .nOverflowMenu .bootstrap-select .dropdown-menu .dropdown-item .bx.bx-pause, .nOverflowMenu .bootstrap-select .dropdown-menu .dropdown-item .bx.bx-chevron-up, .nOverflowMenu .bootstrap-select .dropdown-menu .dropdown-item .bx.bx-chevrons-up {
    font-size: 16px;
}

.nOverflowMenu.right {
    padding-left: 0px;
    padding-right: 0px;
}

    .nOverflowMenu.right .nMenuItems {
        justify-content: flex-start;
    }

    .nOverflowMenu.right .nMorelinks {
        left: inherit;
        right: 75px;
        width: 10px;
    }

    /*.nOverflowMenu.right .nMenuOverflowItems {
            left: 0;
            right: inherit;
        }*/

    .nOverflowMenu.right .nMenuItems li {
        padding: 0px;
    }



    .nOverflowMenu.right .nMenuItems .n-li-items {
        padding: 0px;
        padding-right: 10px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .nOverflowMenu.right .morCount .nMenuOverflowItems {
        display: none;
    }

    .nOverflowMenu.right .morCount:hover .nMenuOverflowItems {
        display: block;
        position: absolute;
        z-index: 500;
        top: 25px;
        box-shadow: 0px 9px 20px rgb(14 29 53 / 30%);
    }

/**/
.nOverflowMenu .morCount.dropdown .nMenuOverflowItems.dropdown-menu li.n-li-items .nFormFields {
    padding-bottom: 10px !important;
}

.nOverflowMenu .morCount.dropdown .nMenuOverflowItems.dropdown-menu li.n-li-items, .nOverflowMenu .morCount.dropdown .nMenuOverflowItems.dropdown-menu li.n-li-items .dropdown-toggle {
    width: 100% !important;
}
/**/
.nOverflowMenu .nMenuOverflowItems .dropdown .dropdown-menu li {
    padding: 0px;
}

    .nOverflowMenu .nMenuOverflowItems .dropdown .dropdown-menu li a:hover {
        background: #d4d8e0;
    }
/**/
/*over flow mneu end*/
.form-group.nFullColumn .control-label.nLabel .rating-container .filled-stars {
    right: 0px;
    left: inherit;
}

.form-group.nFullColumn .nStarHideComment {
    margin-top: inherit;
}

.nStarRatingTooltip .tooltip-inner {
    color: #ffd700;
}

    .nStarRatingTooltip .tooltip-inner p {
        margin-bottom: 0px;
        color: #fff;
    }

        .nStarRatingTooltip .tooltip-inner p i {
            font-size: 14px;
        }
/**/
.nStarShowComment.btn-close-show .bi:before, .nStarShowComment.btn-danger .bi:before {
    content: "\f659";
}

.nStarHideComment {
    margin-top: -15px;
}

.rating-container.d-inline-block .filled-stars.position-relative .star {
    font-size: 20px;
}
/**************/
.nUVPhotoStrip {
    background: rgba(81,148,255,0.15);
    padding: 15px;
    position: relative;
}

.nUVPhoto {
    width: 130px;
    height: 130px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #fff;
    position: relative;
    margin: auto;
    margin-bottom: 15px;
    background: #fff;
}

    .nUVPhoto img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
    }

.nUVPhotoStrip .btnEdit {
    position: absolute;
    top: 0px;
    right: 0px;
    background: var(--warning-bg) !important;
    width: 25px;
    height: 25px;
}

.nUVInfo {
    display: flex;
    flex-direction: column;
}

    .nUVInfo ul {
        color: var(--theme-color);
    }

        .nUVInfo ul li {
            padding-bottom: 10px;
        }

            .nUVInfo ul li h5 {
                font-weight: 600;
                margin-bottom: 0px;
            }

            .nUVInfo ul li h6 {
                font-weight: 600;
                font-size: 14px;
                color: var(--menu-text-color-hover);
                margin-bottom: 0px;
            }

            .nUVInfo ul li > u {
                display: block;
                font-style: normal;
                color: #434c58;
                font-size: 11px;
                text-decoration: none;
            }

            .nUVInfo ul li > b {
                font-weight: 500;
                display: block;
                word-break: break-all;
            }

                .nUVInfo ul li > b .nPerson b {
                    font-weight: 500;
                }

.nUserStrip {
    display: flex;
    background: rgba(81,148,255,0.15);
    padding: 12px 15px;
}

    .nUserStrip h5 {
        display: flex;
        margin-bottom: 0px;
    }

    .nUserStrip .dropdown.bootstrap-select {
        border: 0px;
    }

        .nUserStrip .dropdown.bootstrap-select .dropdown-toggle {
            padding: 0px !important;
            background: none;
        }

            .nUserStrip .dropdown.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
                padding-right: 20px;
            }


.taskGrid tbody tr td {
    position: relative;
}

    .taskGrid tbody tr td p {
        position: absolute;
        left: 10px;
        right: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .taskGrid tbody tr td ul {
        color: #8993a4;
        font-size: 12px;
    }

        .taskGrid tbody tr td ul li u {
            white-space: nowrap;
            font-style: normal;
            text-decoration: none;
        }

        .taskGrid tbody tr td ul li b {
            font-weight: 700;
            color: var(--theme-color);
            white-space: nowrap;
        }

        .taskGrid tbody tr td ul li .nPerson b {
            font-weight: 600;
            white-space: nowrap;
        }

        .taskGrid tbody tr td ul li .nAssignToDrop .nAssignToBtn .nPerson b {
            font-weight: 500;
            white-space: nowrap;
            font-size: 12px;
        }

        .taskGrid tbody tr td ul li .nAssignToDrop .nAssignToList .dropdown-item .nPerson b {
            font-weight: 500;
            white-space: nowrap;
            font-size: 12px;
        }
/***/
.groupGrid {
}

    .groupGrid tbody tr td u {
        white-space: nowrap;
        color: #8993a4;
        font-size: 11px;
        font-style: normal;
        text-decoration: none;
    }

    .groupGrid tbody tr td > b {
        font-weight: 500;
        color: var(--theme-color);
        white-space: nowrap;
    }

    .groupGrid tbody tr td .nPerson u {
        color: #fff;
    }

    .groupGrid tbody tr td .nPerson b {
        white-space: nowrap;
    }

    .groupGrid tbody tr td span[data-key="task"] i {
        color: var(--color-task);
    }
/**/
.nPlan {
    margin-bottom: 20px;
}

    .nPlan h5 {
        font-size: 16px;
        color: var(--menu-text-color-hover);
    }

    .nPlan h3 {
        display: flex;
        align-items: center;
    }

    .nPlan h6 {
        text-transform: uppercase;
        margin-bottom: 0px;
        color: var(--menu-text-color-hover);
        font-weight: 500;
        display: block;
        font-size: 13px;
        letter-spacing: 1px;
    }

    .nPlan h3 .badgePlan {
        background: var(--menu-text-color-hover) !important;
        border-radius: 15px;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        display: initial;
        justify-content: center;
        font-size: 11px;
        padding: 4px 10px 5px;
        margin-left: 15px;
    }

    .nPlan .nPlanPrice {
        font-size: 18px;
        color: var(--badge-close);
        padding-bottom: 25px;
    }

        .nPlan .nPlanPrice del {
            color: #909090;
            margin-right: 10px;
        }

        .nPlan .nPlanPrice i {
            font-style: normal;
            margin-right: 5px;
        }

    .nPlan .nPlanDetail {
        padding-bottom: 5px;
    }

        .nPlan .nPlanDetail .nPlanList {
            display: flex;
            margin-bottom: 15px;
        }

            .nPlan .nPlanDetail .nPlanList.planTitle {
                border-top: 1px solid #cacfd8;
                padding-top: 25px;
            }

            .nPlan .nPlanDetail .nPlanList .icon {
                margin-right: 5px;
                color: #26c281;
            }

                .nPlan .nPlanDetail .nPlanList .icon .bi.bi-x-lg {
                    color: #e72727;
                }

            .nPlan .nPlanDetail .nPlanList .plan-text {
                flex: 1;
            }

    .nPlan .lnk {
        font-size: 12px;
        color: #0061d5;
        font-weight: 600;
    }

        .nPlan .lnk:hover {
            color: #000;
            text-decoration: underline !important;
        }

.breckAnnual {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 25px;
    padding-bottom: 10px;
}

.breckAnnual-title {
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 15px;
    letter-spacing: 1px;
}

.breckAnnual ul {
    margin: 0px;
    padding: 0px;
}

    .breckAnnual ul li {
        display: flex;
        padding-bottom: 15px;
    }

        .breckAnnual ul li .name {
            flex: 1;
            width: 75%;
        }

            .breckAnnual ul li .name div {
                margin: 0px;
                text-transform: none;
            }

            .breckAnnual ul li .name span {
                color: #909090;
                font-size: 12px;
            }

        .breckAnnual ul li .total {
            text-align: right;
            flex: 0 0 80px;
            width: 80px;
        }

.breckAnnual.todayTotal {
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #f3edeb;
    padding: 10px;
    margin-top: 15px;
}

    .breckAnnual.todayTotal .name div, .breckAnnual.todayTotal .total {
        font-weight: 600;
    }

    .breckAnnual.todayTotal li {
        padding-bottom: 0px;
    }

        .breckAnnual.todayTotal li p {
            padding-top: 10px;
            font-size: 13px;
            margin: 0px;
            color: #909090;
        }
/***/
.switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    margin-left: 60px;
    margin-right: 60px;
    color: #6c6c6c;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

        .switch input:checked + .slider {
            background-color: #049f00;
        }

    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #b9b9b9;
        -webkit-transition: 0.4s;
        transform: translate(0px, 0px);
        transition: 0.6s ease transform, 0.6s box-shadow;
    }

        .switch .slider.round {
            border-radius: 24px;
        }

    .switch input:checked + .slider:before {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    .switch .slider.round:before {
        border-radius: 50%;
    }

    .switch .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .switch .nMonth {
        position: absolute;
        left: -60px;
        top: 2px;
    }

    .switch .nAnnually {
        position: absolute;
        right: -60px;
        top: 2px;
    }

    .switch input[type="checkbox"] + span + .nMonth {
        color: black;
    }

    .switch input[type="checkbox"]:checked + span + .nMonth {
        color: #6c6c6c;
    }

    .switch input[type="checkbox"]:checked + span + span + .nAnnually {
        color: #000;
    }
/**/
.nikUserList .dropdown.nAssignToDrop .dropdown-toggle.nAssignToBtn, .nikUserList .dropdown.nStatusDrop .dropdown-toggle.nStatusListBtn, .nikUserList .dropdown.nPriorityDrop .dropdown-toggle.nPriorityBtn {
    width: 100%;
    border: 1px solid #cacfd8 !important;
    padding: 6px 10px !important;
}

    .nikUserList .dropdown.nAssignToDrop .dropdown-toggle.nAssignToBtn .nPerson b {
        flex: 1;
        text-align: left;
    }

    .nikUserList .dropdown.nAssignToDrop .dropdown-toggle.nAssignToBtn .nPerson i.bi.bi-caret-down-fill {
        float: right;
        margin-right: 0px;
        margin-top: 4px;
    }

.nikUserList .dropdown.nAssignToDrop .dropdown-menu.nAssignToList.show {
    width: 100%;
}

.nikUserList .dropdown.nAssignToDrop .dropdown-menu.nAssignToList li a.dropdown-item {
    padding-left: 10px;
    padding-right: 10px;
}
/**/
.nShowHideDropdown .dropdown-toggle {
    color: var(--theme-color);
    font-weight: 600;
    font-size: var(--font-size-13);
    border: 1px solid #cacfd8 !important;
    border-radius: 3px;
    padding: 1px 5px 1px 10px !important;
    display: flex;
    align-items: center;
}

    .nShowHideDropdown .dropdown-toggle i {
        font-size: 20px;
        line-height:23px;
    }
/**/
.card-header-tabs .nav-item.color-progress .nav-link.active:after {
    background: var(--badge-progress);
}

.card-header-tabs .nav-item.color-complete .nav-link.active:after {
    background: var(--badge-complete);
}

.star-rating-shadow i {
    text-shadow: 0px 1px 1px #7b7b7b;
}

.activity-list .activity-icon {
    width: 2.0rem;
    height: 2.0rem;
    top: 0px !important;
    left: -13px !important;
    position: relative;
}

    .activity-list .activity-icon u {
        text-decoration: none;
    }

    .activity-list .activity-icon .nCap i.color-online {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--badge-close);
        border: 2px solid #fff;
        position: absolute;
        bottom: -3px;
        left: 0px;
    }

    .activity-list .activity-icon .nCap i.color-offline {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--color-gray-light);
        border: 2px solid #fff;
        position: absolute;
        bottom: -3px;
        left: 0px;
    }
/**/
.selectize-control:not(:first-child) .selectize-input {
    border-radius: 3px !important;
}

.selectize-input {
    padding-right: 1.50rem !important;
}

    .selectize-input > .item {
        color: #27282a;
    }

    .selectize-input.focus {
        box-shadow: none !important;
        color: #696c72;
        background-color: #fff;
        border-color: #0e1d35 !important;
    }

.selectize-control.single .selectize-input:after {
    right: calc(.25rem + 5px) !important;
}

.selectize-control.plugin-clear_button.single .clear {
    right: calc(.0rem - 5px + 1.5rem) !important;
}

.selectize-control.single .selectize-input:after {
    content: "\f282" !important;
    font-family: bootstrap-icons !important;
    border: 0px !important;
    position: absolute !important;
    right: 9px !important;
    top: 10px !important;
    font-weight: 900;
    color: #000;
    width: 12px !important;
    height: 12px !important;
    line-height: 12px;
    margin: 0px !important;
}
/***************/

.toast {
    border: 0px;
    --bs-box-shadow: 0px 15px 15px 0px rgba(176, 183, 197, 0.4);
    --bs-border-color-translucent: rgba(0, 0, 0, 0.05);
    background: #fff;
}

.toastDiv {
    display: flex;
}

    .toastDiv .toast-icon {
        color: #fff;
        width: 60px;
        flex: 0 0 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .toastDiv .toast-icon i {
            font-size: 40px;
        }

    .toastDiv .toast-Detail {
        flex: 1;
        position: relative;
    }

        .toastDiv .toast-Detail .btn-close {
            position: absolute;
            top: 10px;
            right: 10px;
        }

.toast.colored-toast {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;
}

    .toast-body h5 {
        padding-right: 20px;
        margin-bottom: 5px;
    }

.toastSuccess .toastDiv .toast-icon {
    background: #049f00;
}

.toastWarning .toastDiv .toast-icon {
    background: #ffd81a;
}

.toastDanger .toastDiv .toast-icon {
    background: #e24454;
}

.toastQuestion .toastDiv .toast-icon {
    background: #1146da;
}

.toastInfo .toastDiv .toast-icon {
    background: #0dcaf0;
}
/*******************/
.nAnnouncementDesc .ck.ck-content.ck-editor__editable.ck-focused, .nStoryDesc .ck.ck-content.ck-editor__editable.ck-focused, .nTaskDesc .ck.ck-content.ck-editor__editable.ck-focused, .nBugDesc .ck.ck-content.ck-editor__editable.ck-focused {
    border-color: var(--bs-border-color)
}
.nAnnouncementDesc .ck.ck-content.ck-editor__editable.ck-blurred, .nStoryDesc .ck.ck-content.ck-editor__editable.ck-blurred, .nTaskDesc .ck.ck-content.ck-editor__editable.ck-blurred, .nBugDesc .ck.ck-content.ck-editor__editable.ck-blurred {
    border-color: transparent !important
}
input.input-validation-error, textarea.input-validation-error, select.input-validation-error {
    border: 1px solid var(--reset) !important;
}
/*******/
.nUploadExcelDiv {
position:relative;
}
.nUploadExcelDiv .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    min-width: 250px;
    max-width: 100%;
}
    .nUploadExcelDiv .upload-btn-wrapper input[type=file] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
    }
    .nUploadExcelDiv .upload-btn-wrapper .btn-Upload {
        font-size: 18px;
        font-weight: var(--font-weight-400);
        text-align: center;
        color: #cacfd8;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border: 2px dashed #d2d2d2;
        background-color: white;
        padding: 50px 100px;
        border-radius: 0.375rem;
        cursor: pointer;
        width: 100%;
        height: 100%;
    }
        .nUploadExcelDiv .upload-btn-wrapper .btn-Upload i {
            margin-right: 10px;
            font-size: 30px;
        }
    .nUploadExcelDiv .upload-btn-wrapper:hover .btn-Upload, .nUploadExcelDiv .upload-btn-wrapper.active .btn-Upload {
        border: 2px dashed var(--save-bg);
        color: var(--save-bg);
    }
        .nUploadExcelDiv .upload-btn-wrapper.active .btn-Upload.disabled {
            pointer-events:none;
        }
        .nUploadExcelDiv .removeFile {
            position: absolute;
            top: 10px;
            left: 15px;
            font-size: 20px;
        }
    .nUploadExcelDiv .removeFile:hover {
        color: var(--danger-bg);
    }
.nUploadExcelDiv .spinner-border {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
    vertical-align: middle;
}

/* Disable button while uploading */
.nUploadExcelDiv .disabled {
    pointer-events: none;
    opacity:0.5;
}
.nUploadExcelProcessDiv {
    border: 1px solid #d2d2d2;
    padding: 20px;
    display: block;
    border-radius: 0.375rem;
}
[class^=note-icon]:before, [class*=" note-icon"]:before {
color:#000;
}
.note-btn-group .note-btn {
    border-color: rgba(0, 0, 0, 0.5);
}
.auth-bg {
    height: 100vh;
    position: absolute;
    width: 100%;
}
.carousel.slide {
    width: 100%;
}
.carousel-inner {
    width: 100%;
    display:block;
}
.carousel-item {
    width: 100%;
}
.carousel-inner img {
    max-width:100%;
}
.carousel-item {
    position: relative;
    display: none;
     float:left; 
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}
.carousel-indicators {
margin-bottom:-1rem !important;
}
.custom-file-drop {
    border: 2px dashed #ccc;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
    background: #f8f9fa;
    cursor: pointer;
}
.input-group .dropdown.bootstrap-select {
    flex: 1;
}
.bootstrap-select .dropdown-menu {
    min-width:inherit !important;
}
.bootstrap-select .dropdown-menu .dropdown-menu {
    position: inherit !important;
    top: inherit !important;
}
/*advance dropdown start*/
.nGroupSearch {
}

    .nGroupSearch .dropdown .btn-light {
        border-radius: 2px !important;
    }

    .nGroupSearch .nAdvancedDrop .btn-light {
        background: #fff;
        border: 1px solid #cacfd8 !important;
        border: 1px solid #5156be !important;
        padding: 3px 18px 3px 10px !important;
        font-size: 13px;
        font-weight: 500;
        border-radius: 0px;
        height: 27.5px;
        color: #000 !important;
        font-family: 'Open Sans', sans-serif;
    }
        .nGroupSearch .nAdvancedDrop .btn-light.dropdown-toggle:before {
            position: absolute;
            right: 0px;
            content: '';
            font-size: 18px;
            color: #343a40;
            content: "\f107";
            font-family: 'FontAwesome' !important;
            margin-right: 7px;
            margin-top: 2px;
        }
        .nGroupSearch .nAdvancedDrop .btn-light:focus, .nGroupSearch .icon-dropdown.dropdown .btn-light:focus {
            border-color: #000 !important;
            color:#000;
            box-shadow: none;
        }
    .nGroupSearch .nAdvancedDrop .nSearchAdvance {
        border: 1px solid #5156be !important;
    }
        .nGroupSearch .nAdvancedDrop .nSearchAdvance:focus {
        border-color:#000 !important;
        }
        .nGroupSearch .nAdvancedDrop .dropdown-label {
            margin-right: 5px;
        }

    .nGroupSearch .nAdvancedDrop .count-badge, .nGroupSearch .nAdvancedDrop .date-badge {
        background-color: #5156be;
        color: white;
        padding: 0px 3px;
        border-radius: 2px;
        font-size: 10px;
        margin-right: 5px;
    }

    .nGroupSearch .nAdvancedDrop .date-badge {
        font-size: 10px;
    }

        .nGroupSearch .nAdvancedDrop .date-badge .clear-badge {
            color: #fff;
            margin: 0px 0px 0px 5px;
        }

    .nGroupSearch .nAdvancedDrop .dropdown-operator {
        padding: 5px 8px;
        border-bottom: 1px solid #dee2e6;
    }

        .nGroupSearch .nAdvancedDrop .dropdown-operator .form-select {
            padding: .145rem .45rem;
            font-size: 13px;
            background-position: right .35rem center !important;
        }

    .nGroupSearch .nAdvancedDrop .dropdown-search {
        padding: 8px;
        border-bottom: 1px solid #dee2e6;
    }

    .nGroupSearch .nAdvancedDrop .dropdown-items-container {
        max-height: 150px;
        overflow-y: auto;
    }

    .nGroupSearch .nAdvancedDrop .project-group {
        border-bottom: 1px solid #dee2e6;
    }

    .nGroupSearch .nAdvancedDrop .group-header {
        padding: 3px 12px 3px 27px;
        background-color: #f7f8fb;
        font-weight: 500;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size: 13px;
    }

        .nGroupSearch .nAdvancedDrop .group-header:hover {
            background-color: #e6e7eb;
        }

    .nGroupSearch .nAdvancedDrop .project-item, .nGroupSearch .nAdvancedDrop .status-item, .nGroupSearch .nAdvancedDrop .priority-item, .nGroupSearch .nAdvancedDrop .priority-item {
        padding: 3px 12px 3px 12px;
        display: flex;
        align-items: center;
        cursor: pointer;
        font-size: 13px;
        color: var(--bs-dropdown-color);
    }

        .nGroupSearch .nAdvancedDrop .project-item:hover,
        .nGroupSearch .nAdvancedDrop .status-item:hover,
        .nGroupSearch .nAdvancedDrop .priority-item:hover {
            background-color: #f8f9fa;
        }
        .nGroupSearch .nAdvancedDrop .project-item .checkbox-wrapper, .nGroupSearch .nAdvancedDrop .status-item .checkbox-wrapper, .nGroupSearch .nAdvancedDrop .priority-item .checkbox-wrapper {
            margin-top: 0.3rem;
            margin-bottom: 0.3rem;
            display: flex;
            grid-gap: 0.5rem;
            color: #313533;
        }
.nGroupSearch .nAdvancedDrop .form-check {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    width: 100%;
}

    .nGroupSearch .nAdvancedDrop .form-check-input {
        margin-right: 8px;
        cursor: pointer;
    }

        .nGroupSearch .nAdvancedDrop .form-check-input:focus {
            box-shadow: none;
        }

    .nGroupSearch .nAdvancedDrop .form-check-label {
        margin: 0;
        cursor: pointer;
        flex-grow: 1;
    }

    .nGroupSearch .nAdvancedDrop .dropdown-actions {
        padding: 4px;
        border-top: 1px solid #dee2e6;
        display: flex;
        justify-content: space-between;
    }

    .nGroupSearch .nAdvancedDrop .action-button {
        color: #000000;
        font-size: 12px;
        font-weight: 500;
        cursor: pointer;
        padding: 0px 8px;
        border-radius: 3px;
        text-decoration: none;
    }

        .nGroupSearch .nAdvancedDrop .action-button:hover {
            background-color: #f3f3f3;
            color: #2c7be5;
        }

    .nGroupSearch .nAdvancedDrop .dropdown-actions .clear-all {
        color: #e63757;
    }
    /* Prevent dropdown from closing when clicking inside */
    .nGroupSearch .dropdown-menu.show {
        display: block;
    }

    /* Custom dropdown toggle arrow */
    .nGroupSearch .nAdvancedDrop .dropdown-toggle::after {
        margin-left: auto;
    }
    /* Previous styles remain */
    .nGroupSearch .nAdvancedDrop .dropdown-menu {
        min-width: 200px;
        padding: 0;
        overflow: hidden;
        max-height: 280px;
    }

    .nGroupSearch .nAdvancedDrop .empty-state {
        padding: 20px;
        text-align: center;
        color: #6c757d;
        border-bottom: 1px solid #dee2e6;
    }

    .nGroupSearch .nAdvancedDrop .empty-state-icon {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .nGroupSearch .nAdvancedDrop .empty-state-text {
        font-size: 14px;
        margin-bottom: 0;
    }

    .nGroupSearch .nAdvancedDrop .loading-state {
        padding: 20px;
        text-align: center;
        color: #6c757d;
    }

    .nGroupSearch .nAdvancedDrop .spinner-border {
        width: 1.5rem;
        height: 1.5rem;
    }

    /* Error state styling */
    .nGroupSearch .nAdvancedDrop .error-state {
        padding: 20px;
        text-align: center;
        color: #dc3545;
        border-bottom: 1px solid #dee2e6;
    }

    .nGroupSearch .nAdvancedDrop .error-icon {
        font-size: 24px;
        margin-bottom: 10px;
        color: #dc3545;
    }

    .nGroupSearch .nAdvancedDrop .retry-button {
        margin-top: 10px;
    }

    /* Group items container */
    .nGroupSearch .nAdvancedDrop .group-items {
        background-color: #ffffff;
        padding-left: 0px;
    }

        .nGroupSearch .nAdvancedDrop .group-items .form-check-label {
            font-weight: 400 !important;
            font-size: 12px;
        }

    .nGroupSearch .nAdvancedDrop .group-header .form-check-label {
        font-size: 13px;
        color: #000;
        font-weight:600;
    }

    /* No results state */
    .nGroupSearch .nAdvancedDrop .no-results {
        padding: 15px;
        text-align: center;
        color: #6c757d;
        background-color: #f8f9fa;
        border-bottom: 1px solid #dee2e6;
    }

    .nGroupSearch .nAdvancedDrop .dropdown-search {
        padding: 8px;
        border-bottom: 1px solid #dee2e6;
        position: relative;
    }

    .nGroupSearch .nAdvancedDrop .search-clear {
        position: absolute;
        right: 7px;
        top: 12px;
        transform: translateY(-50%);
        cursor: pointer;
        color: #6c757d;
        font-size: 12px;
        font-weight: 600;
        display: none;
    }

        .nGroupSearch .nAdvancedDrop .search-clear:hover {
            color: #e63757;
        }

    .nGroupSearch .nAdvancedDrop .search-input-wrapper {
        position: relative;
    }

        .nGroupSearch .nAdvancedDrop .search-input-wrapper .form-control {
            font-size: 13px;
            font-weight: 400;
            padding: .145rem .45rem;
        }

            .nGroupSearch .nAdvancedDrop .search-input-wrapper .form-control:focus, .nAdvancedDrop .form-select:focus {
                border-color: #fe6300;
                box-shadow: none;
            }
    /*advance dropdown start*/
    /*Icon Dropdown start*/
    .nGroupSearch .icon-dropdown {
        position: relative;
        display: inline-block;
    }

        .nGroupSearch .icon-dropdown .dropdown-toggle {
            background-color: #fff;
            border-top: 1px solid #cacfd8 !important;
            border-bottom: 1px solid #cacfd8 !important;
            border-top: 1px solid #5156be !important;
            border-bottom: 1px solid #5156be !important;
            padding: 2px 13px 2px 0px;
            border-radius: 0px;
            cursor: pointer;
            display: flex;
            align-items: center;
            font-size: 13px;
            min-height: 27.5px;
        }

            .nGroupSearch .icon-dropdown .dropdown-toggle::after {
                position: absolute;
                right: 4px;
                top: 10px;
            }

        .nGroupSearch .icon-dropdown .dropdown-menu {
            min-width: auto;
            padding: 4px;
        }

        .nGroupSearch .icon-dropdown .dropdown-item {
            padding: 2px 4px;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
        }

            .nGroupSearch .icon-dropdown .dropdown-item:hover {
                background-color: #f8f9fa;
            }

            .nGroupSearch .icon-dropdown .dropdown-item.active {
                background-color: #e9ecef;
                color: #000;
            }

        .nGroupSearch .icon-dropdown .operator-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 16px;
            height: 16px;
            position: relative;
            font-size: 16px;
            line-height: 16px;
        }

            .nGroupSearch .icon-dropdown .operator-icon:before {
                content: '';
                font-size: 16px;
            }

        .nGroupSearch .icon-dropdown .equals-icon {
            /*border: 1px solid #0d6efd;*/
            color: #0d6efd;
        }

        .nGroupSearch .icon-dropdown .not-equals-icon {
            /*border: 1px solid #dc3545;*/
            color: #dc3545;
        }

        .nGroupSearch .icon-dropdown .less-than-icon {
            /*border: 1px solid #27bcfd;*/
            color: #27bcfd;
        }

        .nGroupSearch .icon-dropdown .greater-than-icon {
            /*border: 1px solid #27ae60;*/
            color: #27ae60;
        }

        .nGroupSearch .icon-dropdown .less-than-or-equal-to-icon {
            /*border: 1px solid #f5803e;*/
            color: #f5803e;
        }

        .nGroupSearch .icon-dropdown .greater-than-or-equal-to-icon {
            /*border: 1px solid #b337e6;*/
            color: #b337e6;
        }

        .nGroupSearch .icon-dropdown .or-icon {
            /*border: 1px solid #ff37ee;*/
            color: #ff37ee;
        }

        .nGroupSearch .icon-dropdown .and-icon {
            /*border: 1px solid #37e6d7;*/
            color: #37e6d7;
        }

        .nGroupSearch .icon-dropdown .not-icon {
            /*border: 1px solid #7b5649;*/
            color: #7b5649;
        }

        .nGroupSearch .icon-dropdown .equals-icon::after {
            content: "=";
            font-weight: bold;
            top: 0px;
            position: relative;
        }

        .nGroupSearch .icon-dropdown .not-equals-icon::after {
            content: "≠";
            font-weight: bold;
            top: 0px;
            position: relative;
        }

        .nGroupSearch .icon-dropdown .less-than-icon::after {
            content: "<";
            font-weight: bold;
            top: 0px;
            position: relative;
        }

        .nGroupSearch .icon-dropdown .greater-than-icon::after {
            content: ">";
            font-weight: bold;
            top: 0px;
            position: relative;
        }

        .nGroupSearch .icon-dropdown .less-than-or-equal-to-icon::after {
            content: "≤";
            font-weight: bold;
            top: 0px;
            position: relative;
        }

        .nGroupSearch .icon-dropdown .greater-than-or-equal-to-icon::after {
            content: "≥";
            font-weight: bold;
            top: 0px;
            position: relative;
        }

        .nGroupSearch .icon-dropdown .or-icon::after {
            content: "||";
            font-weight: bold;
            top: 0px;
            position: relative;
        }

        .nGroupSearch .icon-dropdown .and-icon::after {
            content: "&";
            font-weight: bold;
            top: 0px;
            position: relative;
        }

        .nGroupSearch .icon-dropdown .not-icon::after {
            content: "!";
            font-weight: bold;
            top: 0px;
            position: relative;
        }

    .nGroupSearch .nAdvancedDrop.dropdown.datepickerDiv .form-control.hasDatepicker {
        padding: .145rem .45rem;
        font-size: 13px;
    }

    .nGroupSearch .nAdvancedDrop.dropdown.datepickerDiv .input-group .input-group-text {
        padding: .145rem .45rem;
        font-size: 13px;
    }

.date-badge {
}
/*Icon Dropdown end*/
.nAdvancedSearchLi {
display:flex;
}
/*advance dropdown End*/