:root {
    --trans: all ease 0.5s;
    --nd2-base-gray: #95c3ec;
    --nd2-base-blue: #00a4e8;
    --nd2-base-white: #ebfcff;
    --nd2-base-yellow: #eee8a9;
    --nd2-gray: #cdd1d6;
    --sidebar-width: 400px;
    --sidbarmargintop: 62px;
    --bg-light: #edf2f9;
    --mobile-navbar-height: 64px;
    --navbar-height: 64px;
    --tc-gray: #595959;
    --tc-blue-1: #5C68DA;
    --tc-blue-2: #303FD0;
    --tc-dark-blue: #19216D;
    --tc-black: #090C28;
    --tc-green: #8BBA00;
    --tc-dark-green: #77933C;
    --border-radius: 12px;
    /*
    --main-p-blue: #207394;
    --main-p-yellow: #fdce10;
    --main-p-orange: #ee8328;
    --main-p-lemon: #eedd7a;
    
    --main-p-blue: #5C68DA;
    --main-p-yellow: #090C28;
    --main-p-orange: #303FD0;
    --main-p-lemon: #8BBA00;
    /*
    --main-p-blue: #207394;
    --main-p-yellow: #8BBA00;
    --main-p-orange: #ee8328;
    --main-p-lemon: #5C68DA;
        */
    --main-p-blue: #249fda;
    --main-p-yellow: #090C28;
    --main-p-orange: #303FD0;
    --main-p-lemon: #8BBA00;
    --gold: #cbc836;
    --color-pallete-1: #9dc3e6;
    --color-pallete-2: #a9d18e;
    --color-pallete-3: #3a4856;
    --color-pallete-4: #9eadbd;
    --color-pallete-5: #d8ba98;
    --color-pallete-6: #090C28;
    --color-pallete-7: #a08565;
    --color-pallete-8: #727D73;
    --color-pallete-9: #AAB99A;
    --color-pallete-10: #D0DDD0;
    --color-pallete-11: #F0F0D7;
    --color-pallete-12: #89A8B2;
    --color-pallete-13: #B3C8CF;
    --color-pallete-14: #E5E1DA;
    --color-pallete-15: #F1F0E8;
    --color-pallete-16: #B799FF;
    --color-pallete-17: #ACBCFF;
    --color-pallete-18: #AEE2FF;
    --color-pallete-19: #E6FFFD;
    --color-pallete-20: #DCF2F1;
    --color-pallete-21: #7FC7D9;
    --color-pallete-22: #d19197;
    --color-pallete-23: #ff7a7a;
    --color-pallete-24: #e2cc72;
    --color-pallete-25: #6fd865;
}


body {
    background-color: var(--bg-light);
    font-family: Heebo;
}

.bg-success {
    /*background-color: #8cbed7 !important;*/
    background-color: var(--color-pallete-2) !important;
}

.badges-col {
    /* display: flex;
    justify-content: flex-end;
    align-items: flex-start;*/
    margin-bottom: 0.5rem;
}

#nd2-main-navbar {
    background-color: var(--nd2-base-gray);
    z-index: 100;
}

.fade.in {
    opacity: 1;
}
/*
li.nav-item {
    border-right: #fff 1px solid;
    min-width: 86px;
    text-align: center;
}*/
#calculatorHelperBox, #currencyHelperBox {
    visibility: hidden;
    display: none;
}
/*#nd2-serach-form:focus {
    transition: var(--trans);
    width: 500px;
}*/
#select2-CustomersSelect2-container {
    /*background-color: var(--nd2-base-gray);*/
}

    #select2-CustomersSelect2-container .select2-selection__placeholder {
        color: #fff;
    }

    #select2-CustomersSelect2-container .select2-selection__placeholder {
        color: rgba(0, 0, 0, 0.55);
    }

.nd-hide {
    display: none !important;
}

/* Custom styles for the sidebar */
.sidebar {
    height: calc(100vh - 126px);
    /*width: var(--sidebar-width);*/
    /*position: fixed;*/
    bottom: 0;
    right: 0;
    z-index: 1000; /* Ensure it sits on top */
    padding-top: 0;
    background-color: var(--bg-light);
}

/*    .sidebar .nav-link {
        color: white;
    }*/

        .sidebar .nav-link:hover {
            background-color: #e1f1ff;
        }

#nd2-second-nav {
    height: var(--navbar-height);
    z-index: 1010;
    border-bottom: 2px solid var(--nd2-base-gray);
}

#nav-customer {
    margin-top: var(--navbar-height);
    background-color: var(--main-p-blue);
    color: var(--bg-light);
    border-bottom: 2px solid var(--nd2-base-gray);
    /*border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);*/
}

    #nav-customer .navbar-text {
        padding: 0px;
        font-size: 11px;
        display: flex;
        align-items: center;
    }

.wide-screen {
    display: flex;
}

.content {
    border-right: var(--nd2-gray) solid 1px;
    margin-top: 0.5rem;
    width: 100%;
}

.sidebar .navbar-nav .dropdown-menu {
    position: static;
    padding-right: 40px;
    background-color: var(--bg-light);
    border: none;
}

.sidebar a.nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .sidebar a.nav-link span {
        width: 196px;
        text-align: right;
    }

.sidebar i.bi {
    margin-left: 20px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-item-text {
    transition: var(--trans);
}

#side-bar-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#side-bar-header-btn {
    background: none;
}

#nd2-second-nav .main-title {
    font-weight: 600;
}
/*icon collapsed*/
.icon-collapsed #side-bar-header .navbar-brand {
    margin-left: 0;
}

#project-display-name-short {
    display: none;
}

.icon-collapsed #side-bar-header {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
}

.project-display-name-long {
    display: block;
    width: 250px;
    text-align: left;
}

.icon-collapsed #project-display-name-long {
    display: none;
}

.icon-collapsed #project-display-name-short {
    display: block;
}

#project-display-name-short img {
    max-width: 32px;
}

.icon-collapsed a.nav-link {
    border-radius: 15px;
}

.icon-collapsed .dropdown-toggle::after {
    display: none;
}

.icon-collapsed .menu-item-text {
    width: 0px !important;
    opacity: 0;
    display: block;
    height: 0px;
}

.icon-collapsed i.bi {
    margin-left: 0 !important;
}

.sidebar.icon-collapsed {
    padding-left: 0px;
}

li.nav-item {
    padding: 0;
    text-align: center;
}
/*end icon collapsed*/

/*icons-menu*/
#icons-menu {
    position: absolute;
    width: 300px;
    height: 240px;
    left: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-around;
    top: var(--sidbarmargintop);
    background: var(--bg-light);
}

    #icons-menu.show, #icons-menu.collapsing {
        display: flex;
    }

.nd2-nav-icon-cube i {
    font-size: 48px;
}

#icons-menu ul {
}

#icons-menu-ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.nav-item.nd2-nav-icon-cube {
    width: 150px;
    height: 122px;
}

    .nav-item.nd2-nav-icon-cube a {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
/*end icons-menu*/
.side-bar-header {
    display: block;
    text-align: center;
}

.nd2-navbar-btn {
    border-radius: 6px;
    border: 1px solid #edf2f9;
}

.nd2-card-design {
    box-shadow: #cdcdcd 2px 2px 2px;
}

span.select2 {
    min-width: 250px;
    margin: 0px 20px;
}

span.select2-selection.select2-selection--single {
    border-radius: 45px;
}

#icons-menu-ul .dropdown-item {
    white-space: normal;
    line-break: normal;
    width: 240px;
}

.nd-show-only-mobile {
    display: none;
}

.card-body {
    overflow: auto;
}

.nav-tabs {
    border-bottom: none;
}

#nav-customer .main-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--bg-light);
}

#icons-menu-btn {
    BORDER-RADIUS: 100%;
}

/*flags*/
.nd2-country-flag {
    display: inline-block;
    width: 21px;
    margin: 0px 2px;
}
/*flags*/
.card {
    margin-bottom: 0.5rem;
    border-radius: var(--border-radius);
}

.charts {
    max-height: 235px;
}

.flex-warp {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-around;
}

    .flex-warp > * {
        margin-top: 0.5rem;
    }

.btn-info {
    color: var(--bs-dark);
    background-color: var(--bs-light);
    border-color: var(--main-p-blue);
}
/*badges*/

.badges {
    font-size: 1.25em;
}

.badge {
    margin-left: 0.35em;
}
/*badges end*/

#nav-customer .navbar-text span {
    font-size: 1rem;
}

.icon-link {
    display: flex;
    text-decoration: none;
    align-items: center;
}
    .icon-link i {
        margin-left: 1rem;
    }

.btn-primary {
    color: #fff;
    /*background-color: #009cc9;
    border-color: #009cc9;*/
    background-color: var(--color-pallete-1);
    border-color: var(--color-pallete-1);
}

#icons-menu-ul .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    width: fit-content;
    right: -74px;
    top: 13px;
    position: relative !important;
}

.customers-serach-con .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 21px !important;
}

.nd2-customers-search-on-page {
    margin-top: 20px !important;
}

.parent-overflow-read-more.parent-overflow-read-more-masked-gradient {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent);
    mask-image: linear-gradient(to left, black 50%, transparent);
}

    .parent-overflow-read-more.parent-overflow-read-more-masked-gradient::after {
        content: "";
        color: #000;
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 10;
    }

.wide-screen {
    margin-top: 65px;
}

.nd2-css-hide-till-parent-open {
    display: inline-block;
    opacity: 0;
    transition: all ease-in-out 200ms;
    position: absolute;
    background-color: var(--color-pallete-1);
    color: #fff;
    padding: 2px 4px;
    border-radius: 6px;
    min-width: 125px;
    z-index: 9;
    height: 35px;
    /* top: 0; */
    text-align: center;
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
}

.open .nd2-css-hide-till-parent-open {
    opacity: 1;
}

.nd2-css-icons-con {
    display: flex;
    justify-content: space-between;
}


.contact-tr {
    background-color: #b1b8ff1c;
}

.text-green {
    font-weight: bold;
    color: var(--color-pallete-2);
}

.text-red {
    font-weight: bold;
    color: var(--color-pallete-22);
}

.row {
    margin-top: 3px;
}

.card-title {
    margin-bottom: 0.25rem;
}

small, .small {
    font-size: 0.65em;
}

.btn-goto-page {
    font-size: 1rem !important;
    color: #fff;
    /*background-color: #7ea565;
    border-color: #7ea565;*/
    background-color: var(--color-pallete-2);
    border-color: var(--color-pallete-2);
    text-decoration: none;
}


.bg-danger {
    /*background-color: #d76d77 !important;*/
    background-color: var(--color-pallete-4) !important;
}

.bg-gold {
    /*background-color: #c8c798 !important;*/
    background-color: var(--color-pallete-5) !important;
}

.bg-info {
    background-color: var(--color-pallete-7) !important;
}

.dropdown-menu li.star a {
    font-weight: bolder;
}

.star a:after {
    content: "\f000";
    font-family: IcoFont !important;
    margin: 0px 10px;
}

.direction-ltr {
    direction: ltr;
}

.bold {
    font-weight: bolder;
}

.card-inner-container {
    height: 100%;
    justify-content: flex-start;
}

.new-action-seperator {
    height: 24px;
    margin-bottom: 24px;
    border-bottom: dashed 1px var(--color-pallete-1);
}

.nav-link[disabled], .nav-link[disabled="disabled"] {
    background-color: #edf2f9 !important;
    color: #a8a8a8;
    border: 1px solid #ffffff !important;
    border-bottom: 0 !important;
    cursor: not-allowed;
}

.green-btn {
    background-color: var(--color-pallete-2);
    border-color: var(--color-pallete-2);
}

/*specials animation*/
/* From Uiverse.io by ke1221 */

input[type=checkbox]:not(.preventnewcheckboxdesign) {
    cursor: pointer;
    position: relative;
    width: 26px !important; 
    height: 26px;
    border-radius: 6px;
    appearance: none;
    background-color: var(--bg-light);
    transition: all .3s;
    border: #9ca2aa40 solid 2px;
}
    input[type=checkbox]:not(.preventnewcheckboxdesign)::before {
        content: '';
        position: absolute;
        border: solid #fff;
        display: block;
        width: .3em;
        height: .6em;
        border-width: 0 .2em .2em 0;
        z-index: 1;
        opacity: 0;
        right: calc(50% - 0.2em);
        top: calc(50% - .4em);
        transform: rotate(0deg);
        transition: all .3s;
        transform-origin: center center;
    }
    input[type=checkbox]:not(.preventnewcheckboxdesign):checked {
        animation: checkboxflip .3s ease-in forwards;
        background-color: var(--color-pallete-2);
    }
        input[type=checkbox]:not(.preventnewcheckboxdesign):checked::before {
            opacity: 1;
            transform: rotate(405deg);
        } @keyframes checkboxflip {
    0% {
        opacity: 1;
        transform: scale(1) rotateY(0deg);
    }

    50% {
        opacity: 0;
        transform: scale(.8) rotateY(180deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotateY(360deg);
    }
}
/*selectreport*/
.selectreport-item-container {
    display: flex;
    align-items: center;
    align-content: center;
} .selectreport-item-header {
    margin-right: 17px;
}
/*end selectreport*/
.hide-in-nd2 {
    display: none !important;
} .nd2-open-table-dialog {
    cursor: pointer;
} [data-screen="customer-dashboard"] .nd2-hide-in-customer-dashboard {
    display: none !important;
}
/*fixed plus*/
.add-action-fixed-con {
    position: fixed;
    bottom: 100px;
    left: 25px;
    z-index: 9999;
} .add-action-fixed {
    background-color: var(--color-pallete-1) !important;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    box-shadow: 2px 2px 3px 0px #39536f;
    justify-content: center;
    cursor: pointer;
    min-width: unset !important;
} .add-action-fixed::after {
        display: none !important;
    } .add-action-fixed i {
        color: #fff;
        cursor: pointer;
        font-size: 50px;
    } .add-action-fixed[aria-expanded="true"] {
        background-color: #fff !important;
    } .add-action-fixed[aria-expanded="true"] i {
            color: #ff7373;
        } .add-action-fixed:hover {
        background-color: #39536f;
    } .add-action-fixed[aria-expanded="true"] {
        animation: spin 1.1s cubic-bezier(0.55, -0.33, 0.32, 1.46) forwards;
        border: 1px solid #e2e2e2 !important;
    } .add-action-fixed-con.open .dropdown-menu {
    animation: left-enter 1.1s cubic-bezier(0.55, -0.33, 0.32, 1.46) forwards;
} .add-action-fixed-con .dropdown-menu {
    right: unset;
    min-width: 258px;
    border: 0;
} .add-action-fixed-con .dropdown-menu li {
        list-style: none;
        padding: 7px 0px;
        border-bottom: #ececec 1px solid;
    } .new-action-seperator {
    border-bottom: none !important;
} .add-action-fixed-con .dropdown-menu li a {
    font-size: 23px;
    text-decoration: unset;
    display: block;
} li.new-action-header {
    border-bottom: none !important;
} @keyframes left-enter {
    0% {
        left: -306px;
    }

    100% {
        left: 0px;
    }
} .add-action-fixed-con .dropdown-menu {
    border-radius: 20px !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
} .add-action-fixed-con .new-action-seperator {
    display: none;
} .add-action-fixed-con ul {
    padding: 12px;
} .add-action-fixed-con ul .new-action-item:hover {
        background: var(--color-pallete-1);
    }
/*end fixed plus*/
.nd2-css-color-1 {
    color: var(--color-pallete-1);
} .nd2-css-color-2 {
    color: var(--color-pallete-2);
} .nd2-css-color-3 {
    color: var(--color-pallete-3);
} .nd2-css-color-4 {
    color: var(--color-pallete-4);
} .nd2-css-color-5 {
    color: var(--color-pallete-5);
} .nd2-css-color-6 {
    color: var(--color-pallete-6);
} .nd2-css-color-7 {
    color: var(--color-pallete-7);
} .nd2-bg-css-color-1 {
    background-color: var(--color-pallete-1);
} .nd2-bg-css-color-2 {
    background-color: var(--color-pallete-2);
} .nd2-bg-css-color-3 {
    background-color: var(--color-pallete-3);
}
.nd2-bg-css-color-4 {
    background-color: var(--color-pallete-4) !important;
    border: var(--color-pallete-4)
} .nd2-bg-css-color-5 {
    background-color: var(--color-pallete-5)!important;
}
.nd2-bg-css-color-6 {
    background-color: var(--color-pallete-6) !important;
} .nd2-bg-css-color-7 {
    background-color: var(--color-pallete-7);
} .nd2-bg-css-color-8 {
    background-color: var(--color-pallete-8);
} .nd2-bg-css-color-9 {
    background-color: var(--color-pallete-9);
} .nd2-bg-css-color-10 {
    background-color: var(--color-pallete-10);
} .nd2-bg-css-color-11 {
    background-color: var(--color-pallete-11);
}
.nd2-bg-css-color-12 {
    background-color: var(--color-pallete-12) !important;
} .nd2-bg-css-color-13 {
    background-color: var(--color-pallete-13);
} .nd2-bg-css-color-14 {
    background-color: var(--color-pallete-14);
} .nd2-bg-css-color-15 {
    background-color: var(--color-pallete-15);
} .nd2-bg-css-color-16 {
    background-color: var(--color-pallete-16)!important;
} .nd2-bg-css-color-17 {
    background-color: var(--color-pallete-17);
} .nd2-bg-css-color-18 {
    background-color: var(--color-pallete-18);
} .nd2-bg-css-color-19 {
    background-color: var(--color-pallete-19);
} .nd2-bg-css-color-20 {
    background-color: var(--color-pallete-20);
} .nd2-bg-css-color-21 {
    background-color: var(--color-pallete-21);
} .nd2-bg-css-color-22 {
    background-color: var(--color-pallete-22)!important;
} .nd2-bg-css-color-23 {
    background-color: var(--color-pallete-23);
} .nd2-css-color-16 {
    color: var(--color-pallete-16);
} .nd2-css-color-17 {
    color: var(--color-pallete-17);
} .nd2-inputs-con {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
} .nd2-inputs-con select, .ms-parent.form-select {
        width: unset;
        min-width: 300px;
    } #periods-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
} .card-design {
    margin-bottom: 1rem !important;
    /* border-radius: var(--border-radius); */
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 0;
    /* padding: 20px 0px; */
} .thead-sticky {
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: 2px solid #000;
} .thead-sticky tr {
        border-bottom: 2px solid #000;
    } .tab-content .tab-pane > .container {
    padding-top: 40px;
    /*border-top: #ececec 1px solid;*/
} .tr-sum {
    background-color: var(--color-pallete-1);
    color: #fff !important;
} .nd2-css-business-tabs .tab-content .tab-pane {
    padding: 25px;
    margin: 0px !important;
} .nd2-css-business-tabs .tab-content .tab-pane .spinner {
        margin: auto;
    } [data-store-key="store_actions_chart"] .nd2-chart-row {
    width: 100%;
    display: ruby;
}
/*iphone like switch toglle*/
.nd2-css-toggle-container {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 34px;
} .nd2-css-toggle-container input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
} .nd2-css-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
} .nd2-css-toggle-slider[disabled] {
        cursor:not-allowed;
    } .nd2-css-toggle-slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    } .nd2-css-toggle-checkbox:checked + .nd2-css-toggle-slider {
    background-color: var(--color-pallete-1);
} .nd2-css-toggle-checkbox:checked + .nd2-css-toggle-slider:before {
        transform: translateX(26px);
    }
/*end of iphone like switch toglle*/
.nd2-css-fw-600{
    font-weight:600;
} .nd2-css-side-nav-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
} #sidebar-nav.icon-collapsed .nd2-css-side-nav-footer {
    display: none;
} .navbar-light .navbar-nav .nav-link {
    border: 1px solid transparent;
} .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
    border-color: #e9ecef #e9ecef #dee2e6;
} .text-bold {
    font-weight: bold!important;
} .text-blue, .text-blue span {
    color: #0d6efd !important;
} .nd-inputstableinnerframefirst{
    border-left:none!important;
} .container .container, .row .row {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
} .nd2-css-pos-absolute{
    position:absolute;
} .nd2-css-top-buttons-row > * {
    margin-left: 0.35em!important;
} .nd2-css-page-title {
    font-size: 2rem;
    font-weight: 500;
    margin: 6px 0px;
} .nd2-css-top-strip-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.nd2-css-page-title-con .badge {
    font-size: 1rem;
    height: 100%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nd2-css-page-title-lv-2 {
    
}
#customer-details {
    font-size: 1rem;
    font-weight: 500;
    background-color: var(--color-pallete-12);
    color: #fff !important;
    border-radius: 5px;
    padding: 4px 11px;
    margin: 0px 20px;
    display: flex;
    padding-right: 13px;
    align-content: center;
    align-items: center;
}
#customer-details a{
    font-size: 1rem;
    font-weight: 500;
    color: #fff !important;
}
.nd2-css-page-title-lv-2 .badges {
    font-size: unset !important;
}
.nd2-css-page-title-con {
    display: flex;
    align-items: center;
} .nd2-css-bolder, .nd2-css-bolder .nav-link span {
    font-weight: bolder;
} .multiple-select-in-one-row{
    min-width:150px!important;
} .grid-group-container {
    /*overflow-x: scroll;*/
}
/*Tooltips*/
.tippy-tooltip.custompopover-theme {
    background-color: #385370;
    color: #ffffff !important;
    max-width: 500px;
} .tippy-tooltip.custompopover-medium-width-theme {
    background-color: #385370;
    color: #ffffff !important;
    max-width: 500px;
    width: 350px;
} .tippy-tooltip.custompopover-theme .tippy-content {
    color: #ffffff !important;
    font-size: 14px;
} .tippy-tooltip.custompopover-theme .tippy-content span {
        color: #555555;
        font-size: 14px;
    } .tippy-tooltip.custompopover-theme .tippy-content a {
        color: #7ED924 !important;
        font-size: 14px;
        font-weight: bold;
    } [data-theme="tippytooltip-validationerror"][data-placement^='top'] .tippy-arrow {
    border-top-color: var(--color-pallete-22);
} [data-theme="tippytooltip-validationerror"][data-placement^='bottom'] .tippy-arrow {
    border-bottom-color: var(--color-pallete-22);
} [data-theme="tippytooltip-validationerror"][data-placement^='left'] .tippy-arrow {
    border-left-color: var(--color-pallete-22);
} [data-theme="tippytooltip-validationerror"][data-placement^='right'] .tippy-arrow {
    border-right-color: var(--color-pallete-22);
} .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: rgba(220, 53, 69, .9) !important;
    transform-origin: center bottom;
} .tippy-content {
    color: #ffffff !important;
    font-size: 18px;
} .tippy-content span {
    color: #555555;
    font-size: 14px;
} .tippy-content a {
    color: #7ED924 !important;
    font-size: 18px;
    font-weight: bold;
} .tippy-tooltip.custompopoverlight-theme {
    background-color: #eeeeee;
    color: #385370 !important;
    max-width: 500px;
} .tippy-tooltip.custompopoverlight-theme .tippy-content {
    color: #555555 !important;
    font-size: 14px;
} .tippy-tooltip.custompopoverlight-theme .tippy-content span {
    color: #555555;
    font-size: 14px;
} .tippy-tooltip.custompopoverlight-theme .tippy-content a {
    color: #385370 !important;
    font-size: 14px;
    font-weight: bold;
} [data-theme="tippytooltip-validationerror"] {
    line-height: 1;
    /*background-color: rgba(220,53,69,.9);*/
    background-color: var(--color-pallete-22);
    transition-property: visibility,opacity,transform;
    outline: 0;
    opacity: 0.5;
} [data-theme="tippytooltip-validationerror"] .tippy-content {
        color: #ffffff !important;
        font-size: 14px;
    }
/*end Tooltips*/
.nd2-css-card-style {
    border-radius: var(--border-radius) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1) !important;
    background-color: #FFFFFF !important;
    padding: 12px;
    width:100%;
} .nd2-css-mt-11{
    margin-top:11px;
} li.new-action-item:hover a {
    color: var(--bs-light);
} .nd2-css-data-icon {
    text-align: center;
    font-size: x-large;
} .nd2-css-no-data-icon {
    color:var(--color-pallete-22);
} .nd2-css-exist-data-icon {
    color: var(--color-pallete-2);
} .nd2-last-tab .nd2-next-step-btn {
    display: none !important;
} .nd2-next-step-btn {
    display: block!important;
    margin-right: auto;
    margin-left: 20px;
} input:disabled {
    cursor: not-allowed!important;
    opacity: 0.6;
    background-color: #ccc;
}
/*ICONS IN TABLE*/
tr i:not(.nd2-info-icon) {
    font-size: 1.6rem;
    display: inline-block;
    background-color: var(--color-pallete-1);
    padding: 2px;
    margin: 5px;
    color: #fff !important;
    border-radius: 8px;
    font-size: 21px;
    width: 35px;
    height: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
} .nd2-css-cursor-help {
    cursor: help;
} tr .nd2-css-no-data-icon i{
    color: var(--color-pallete-5) !important; /*לבקשתה של ליהי 22/07/2025*/
    background: #fff;
} tr .nd2-css-exist-data-icon i {
    color: #fff;
    background: var(--color-pallete-2);
} .nd2-css-td-icons-con {
    display: flex;
}
/*END ICONS IN TABLE*/
.modal-dialog {
    /*max-width: unset;*/
} .dropdown-item {
    
} #divGrid {
    overflow-x: visible !important;
} .modal .nd2-add-file-tippy-con .tippy-box {
    background-color: var(--bs-light);
    position: absolute;
    z-index: 999999999;
    /* left: 0; */
    color: #fff;
    min-width: 537px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #ececec;
    margin-right: 20px;
    margin-top: -36px !important;
} .modal .nd2-add-file-tippy-con .attachmentAdd a {
    color: #fff !important;
    font-size: unset !important;
    font-weight: unset;
    text-align: center;
    display: block;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5 !important;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    border-radius: 0.25rem !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 1rem !important;
    color: #fff !important;
    background-color: var(--color-pallete-1) !important;
    border-color: var(--color-pallete-1) !important;
    border: navajowhite;
    text-align: center;
    min-width: 5rem !important;
    min-height: 36px;
} .modal .nd2-add-file-tippy-con .attachmentClose a {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5 !important;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    border-radius: 0.25rem !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 1rem !important;
    color: #fff !important;
    background-color: var(--color-pallete-1) !important;
    border-color: var(--color-pallete-1) !important;
    border: navajowhite;
    text-align: center;
    min-width: 5rem !important;
    min-height: 36px;
    background-color: var(--color-pallete-4) !important;
} .modal .nd2-add-file-tippy-con a.attachmentLink {
    display: block;
    font-weight: unset;
    background-color: var(--color-bg-pallete-1);
    color: #555555 !important;
    font-size: 14px;
    background-color: #fff;
    padding: 0px;
    display: block;
    border: solid 1px #ececec;
    border-radius: 8px;
    padding: 4px 35px;
    margin-top: 9px;
    text-align: center;
    text-decoration: none;
} .modal .nd2-add-file-tippy-con a.attachmentLink span{

    color: #555555 !important;
    font-size: 14px;

    text-decoration: underline;
} .nd2-fix-btns-container {
    display: flex;
}
#customer-details .icofont-duotone.icofont-file:after {
    color: #fff;
}

.nd2-css-page-title-lv-2 {
    margin: 0;
    display:flex;
}
.nd2-css-tab:hover {
    background-color: var(--color-pallete-1);
    color: #fff;
    cursor: pointer;
    border-radius: 12px;
}
.nd2-css-reports-cards-container label{
    cursor:pointer;
}
    .nd2-css-reports-cards-container label[data-allowed=false] {
        cursor: not-allowed;
    }
.nd2-css-report-card {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.125);
    background-color: #fff;
    padding: 1rem 1rem;
    border-radius: var(--border-radius);
    margin-bottom: 10px;
    align-items: center;
}
label[data-allowed=false] .nd2-css-report-card {
    background-color: #fafafa;
}
.nd2-css-report-card:hover {
    background-color: #ececec;
}
.nd2-css-report-card-check{
    width:10%;
}
.nd2-css-report-card-name {
    width: 40%;
    font-weight: 600;
    font-size: 1.1rem;
}
.nd2-css-report-card-desc {
    font-size: 0.8rem;
    width: 50%;
}
.nd2-css-pro-icon {
    max-width: 60%;
}
.nd2-css-report-card:has(.nd2-css-report-card-check input:checked) {
    background-color: #f0f7fe;
}
tr i:not(.nd2-info-icon) {
    flex-shrink: 1 !important;
    width: 35px !important;
    height: 35px !important;
    fill: rgb(0, 0, 0) !important;
    transition: 0.2s ease-in-out none;
}
.cover-parent-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    background: #fff;
    justify-content: center;
}
.nd2-summary-before-upload-title {
    display: block;
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}
.nd2-summary-before-upload-row {
    display: block;
}
.nd2-summary-before-upload-name{
    font-weight:bold;
}
.nd2-summary-before-upload-value{

}
.btn-big {
    font-size: 1.75rem!important;
}
.justify-content-center{
    display:flex;
    justify-content:center!important;
}
.nd2-warning-text-box {
    display: flex;
    text-align: center;
    flex-direction: column;
    background-color: #fff3cb;
    color: #b09744;
    border: #edd174 solid 1px;
    border-radius: 10px;
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn, .btn.disabled {
    background-color: #edf2f9 !important;
    color: #a8a8a8;
    pointer-events: all;
    cursor: not-allowed;
    border: #a8a8a8 solid 1px;
}
.nd2-css-create-multiple-actions-row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
}
.nd2-css-create-multiple-actions-count{
    margin-left:10px;
    margin-right:10px;
}
#spanCustomerDetailsHeaderInDialog {
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}
a.link-primary{
    cursor:pointer;
}
.legend-dot-old-update-date {
    background-color: var(--color-pallete-2) !important;
    border-color: var(--color-pallete-2) !important;
}

.legend-dot-bg-warning {
    background-color: var(--color-pallete-25)!important;
    border-color: var(--color-pallete-25) !important;
}

.legend-dot-bg-red {
    background-color: var(--color-pallete-23)!important;
    border-color: var(--color-pallete-23) !important;
}

.legend-dot-bg-yellow {
    background-color: var(--color-pallete-24)!important;
    border-color: var(--color-pallete-24) !important;
}

/* Legend dots for ViewImportErrorRecords */
.legend-dot-not-found-person {
    background-color: var(--color-pallete-4) !important;
    border-color: var(--color-pallete-4) !important;
}

.legend-dot-found-more-than-one-person {
    background-color: var(--color-pallete-5) !important;
    border-color: var(--color-pallete-5) !important;
}

.legend-dot-not-found-product {
    background-color: var(--color-pallete-6) !important;
    border-color: var(--color-pallete-6) !important;
}

.legend-dot-found-more-than-one-product {
    background-color: var(--color-pallete-7) !important;
    border-color: var(--color-pallete-7) !important;
}

.legend-dot-missing-data {
    background-color: var(--color-pallete-8) !important;
    border-color: var(--color-pallete-8) !important;
}

.legend-dot-general-error {
    background-color: var(--color-pallete-9) !important;
    border-color: var(--color-pallete-9) !important;
}

.legend-dot-status-cancelled {
    background-color: var(--color-pallete-10) !important;
    border-color: var(--color-pallete-10) !important;
}

.legend-dot-customer-not-active {
    background-color: var(--color-pallete-11) !important;
    border-color: var(--color-pallete-11) !important;
}

.extend-import-summary-con{
    padding:0!important;
    width:100%!important;
}
/*HERE ALL*/
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
            justify-content: flex-end;
        }

        .btn {
            min-width: 9rem;
            font-size: 0.8rem;
            padding: 0.1rem 1rem;
        }

        #icons-menu-ul .dropdown-menu.show {
            right: -93px !important;
            top: 0;
            position: relative !important;
        }

        .btn-goto-page {
            /*margin-top:20px;*/
        }

        #allocation-tabs .nav-item {
            width: 20%;
        }

        #sidebar-nav {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            #sidebar-nav.navbar > .container-fluid {
                height: 100%;
            }

        #right-menu {
            justify-content: space-between;
            display: flex !important;
            flex-basis: auto;
            flex-direction: column;
        }

        .wide-screen #sidebar-nav {
            min-width: 5% !important;
        }

        .wide-screen #nd2-main-content {
            width: 95% !important;
        }

        .wide-screen.nd2-open-sidebar #sidebar-nav {
            min-width: 25% !important;
        }

        .wide-screen.nd2-open-sidebar #nd2-main-content {
            width: 75% !important;
        }

        body {
            padding-right: 0 !important;
        }

        #nd2-second-nav-inner li.nav-item a {
            display: flex;
            flex-direction: column;
        }

        #nd2-second-nav-inner .nav-link {
            font-size: 1.2rem;
        }

        .dropdown-toggle::after {
            display: none !important;
        }

        #nd2-main-content {
            overflow: visible !important;
        }

        #nd2-second-nav .navbar-expand-lg .navbar-nav {
            flex-direction: row;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            align-content: center;
            margin-right: 0 !important;
            /* padding-right: 20px; */
        }

        #nd2-second-nav li.nav-item {
            padding-right: 20px;
        }

        #nd2-second-nav-inner .nav-link {
            font-size: 1rem !important;
            display: flex;
            padding: 0;
            flex-direction: column !important;
            align-items: center;
        }

        #nd2-second-nav-inner .nd-css-top-left-menu {
            margin-right: 0 !important;
        }

        .nd2-css-top-search-container {
            margin: 0px 20px;
        }
        /*HERE ONLY DESKTOP*/
    }

    @media (min-width: 1400px) {
        .container {
            max-width: 1811px;
        }
    }

    @media (min-width: 1600px) {
        .wide-screen #sidebar-nav {
            min-width: 4% !important;
        }

        .wide-screen #nd2-main-content {
            width: 96% !important;
        }

        .wide-screen.nd2-open-sidebar #sidebar-nav {
            min-width: 17% !important;
        }

        .wide-screen.nd2-open-sidebar #nd2-main-content {
            width: 80% !important;
        }
        /*HERE BIG DESKTOP*/
    }

    @media (min-width: 992px) and (max-width: 1961px) {
        .wide-screen.nd2-open-sidebar .content .row div.activate-nd2-conversion .ms-parent.form-select,
        .wide-screen.nd2-open-sidebar .form-floating > .form-select {
            width: 150px !important;
            min-width: 100% !important;
        }
        /*HERE MEDIUM DESKTOP*/
    }

    @media (max-width: 992px) {
        #nd2-second-nav, #nd2-main-navbar {
            position: static;
        }

        #nd2-second-nav {
            margin-top: var(--mobile-navbar-height);
        }

        .sidebar {
            min-height: unset;
            width: unset;
            height: var(--mobile-navbar-height);
            position: absolute;
            top: 0;
            width: 100%;
            border-bottom: var(--nd2-base-blue) 1px solid;
        }

        .content {
            margin-right: unset;
            margin-top: unset;
        }

        .wide-screen {
            flex-direction: column;
        }

        .nd-hide-mobile {
            display: none !important;
        }

        #right-menu {
            background-color: var(--bs-light);
            border: solid 1px var(--color-pallete-1);
            border-top: none;
            padding: 11px;
            margin-top: -3px;
        }

        #icons-menu {
            width: 100%;
            height: auto;
            z-index: 999;
        }

        #icons-menu-ul {
            justify-content: space-evenly;
        }

        .nd-show-only-mobile {
            display: block;
        }

        #icons-menu-btn-mobile {
            background-color: unset;
            border: none;
        }

            #icons-menu-btn-mobile .bi {
                margin: 0;
            }

        #nd2-second-nav .container-fluid {
            flex-wrap: nowrap;
            display: flex;
            align-content: center;
            align-items: center;
            justify-content: center;
        }

        #nav-customer {
            margin-top: 0;
        }

        .select2 {
            margin: 0px !important;
        }

        .col {
            flex: 1 0 100%;
        }

        .nav-link:not(.dropdown-toggle)::after {
            border-color: transparent;
            content: "";
        }

        #bell-icon, #copy-icon, .copy-icon {
            font-size: 2rem;
        }

        .icon-collapsed #side-bar-header {
            /*flex-direction: column-reverse; */
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }

        .badge {
            min-width: 64px;
            font-size: 0.7rem !important;
            margin-top: 3px;
        }

        .wide-screen {
            margin-top: 10px;
        }

        .nd2-css-hide-till-parent-open {
            position: static;
            opacity: 1;
            width: 100%;
        }

        .nav-item {
            width: 100%;
        }

        .btn {
            width: 100%;
        }
        /*תצוגת טבלה לאורך*/
        table.mobile-vertical-table {
            width: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: flex-start;
        }

        .mobile-vertical-table tbody {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        .mobile-vertical-table tr {
            display: flex;
            flex-direction: column;
            width: 100%;
            flex-wrap: nowrap;
            align-content: center;
            align-items: center;
            border-top: solid 4px var(--color-pallete-1)
        }

        .mobile-vertical-table td {
            display: flex;
            flex-direction: column;
            width: 100%;
            flex-wrap: nowrap;
            justify-content: center;
            align-content: center;
            align-items: center;
        }

        .mobile-vertical-table .nd2-css-icons-con {
            flex-direction: column;
        }
        /*עד כאן טבלה לאורך*/


        #search-menu-btn-mobile {
            border: none !important;
            padding: 7px;
        }

            #search-menu-btn-mobile i {
                width: unset !important;
                height: unset !important;
                margin: unset !important;
            }

        div#nd2-second-nav-inner {
            z-index: 9;
            /* background: #f8f9fa; */
            background-color: var(--bs-light);
            border: solid 1px var(--color-pallete-1);
            border-top: none;
            /* padding: 11px; */
            /* margin-top: -3px; */
            position: absolute;
            top: var(--mobile-navbar-height);
            padding: 10px;
        }

        .navbar-light .navbar-toggler {
            border: none !important;
        }

        .icon-link {
            z-index: 1;
        }

        .position-mobile-static {
            position: static !important;
        }

        /*עד כאן טבלה לאורך*/
        .nd2-inputs-con {
            flex-direction: column;
        }

        .nd2-css-search-bar-auto-complete-con {
            min-width: unset;
        }

        .nd2-css-mobile-scroll-nav {
            overflow: scroll;
            height: 50px;
            width: 100%;
        }

            .nd2-css-mobile-scroll-nav .nav-item:first-child:after {
                content: "\f119";
                display: inline-block;
                font-family: bootstrap-icons !important;
                font-style: normal;
                font-weight: 400 !important;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                vertical-align: -.125em;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin-top: -12px;
                display: block;
                position: relative;
            }
        /*HERE MOBILE*/
    }
.modal-header-left-colmun {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: auto;
}