html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* SC 2.4.1 — bypass-blocks-skip-links: skip navigation link.
   Use left: -9999px (not top: -100%) so it is off-screen regardless of
   any positioned ancestor (e.g. inquiry/batch popups use position:relative
   containers where top:-100% still lands within the visible popup area).
   Both .skip-to-main (MainLayout/NotFoundLayout) and .skip-link (InquiryLayout)
   use the same off-screen hiding pattern. */
.skip-to-main,
.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 9999;
    padding: 8px 16px;
    background: #005fcc;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
/* On focus: use position:fixed so it always appears at top of viewport,
   not relative to any ancestor container. */
.skip-to-main:focus,
.skip-link:focus {
    position: fixed;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

e-content-animation {
    margin-left: 200px !important;
}

/*.e-sidebar.e-right.e-open, .e-sidebar.e-left.e-open {
    width:200px !important;
}*/

.e-folder {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .e-folder img {
        width: 75%;
    }

hr {
    color: var( --bs-gray-dark);
}

/*.e-treeview {
    margin-top: 10px;
}*/

.e-treeview .e-text-content {
    padding: 0;
}
/*
    .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary);
        color: var(--bs-bg-white);
    }*/

.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
    color: var(--bs-bg-white);
}

.e-treeview .e-list-text {
    font-weight: 500;
}

.e-list-item e-level-1 .e-text-content a {
    color: var(--bs-text-gray);
}

.e-treeview .e-list-item {
    list-style: none;
    padding: 0px 0;
}
    /*.e-treeview .e-list-item.e-hover {
    background: var(--bs-bg-white);
    color: var(--bs-bg-white);
    border: 0px solid var(--bs-secondary);
}*/
    .e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
        background-color: var(--bs-secondary) !important;
        border-color: var(--bs-secondary) !important;
        color: var(--bs-bg-white) !important;
        border: 0px solid;
    }

    .e-treeview .e-list-item.e-hover .e-list-icon, .e-treeview .e-list-item.e-active .e-list-icon {
        color: var(--bs-bg-white);
    }

    .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
        color: var(--bs-bg-white);
    }

.e-treeview .e-list-text {
    color: white;
    font-size: 16px;
}

.e-treeview .e-fullrow {
    height: 46px;
}

.e-treeview .e-list-text {
    line-height: 34px;
    min-height: 42px;
}


.e-treeview .e-text-content {
    height: 46px;
}

.e-appbar.e-primary {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

.header-title-sub {
    font-size: 18px;
}

.e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.e-list-parent li.e-active {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}


/*btn css start*/

.e-btn.e-primary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: var(--bs-bg-white);
}

    .e-btn.e-primary:hover {
        background-color: var(--bs-btn-primary-hover);
        border-color: var(--bs-btn-primary-hover);
    }

    .e-btn.e-primary:focus {
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary);
    }



.header-env {
    color: var(--bs-text-red);
    font-size: 14px;
}

.header-actions {
    display: flex;
}

/* SC 1.4.3: user ID and role spans sit on dark navy AppBar (#002569).
   Explicit white ensures 15.5:1 contrast ratio — passes WCAG AA. */
.user-info .nowrap {
    color: #ffffff;
    font-size: 0.85rem;
}

.user-info .nowrap.user-role {
    color: #ffffff;
    font-size: 0.75rem;
    opacity: 0.85;
}

.form-control.header-search {
    width: 270px;
    border-radius: 25px;
    font-size: 14px;
    position: relative;
    height: 38px;
}

.right-inner-addon i {
    color: var(--bs-gray-dark);
    position: relative;
    right: 9%;
    top: 28%;
    font-weight: 600;
}

.header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-bg-white);
    height: 40px;
    width: 40px;
    border-radius: 25px;
    color: var(--bs-primary);
}

    .header-icon .e-btn-icon {
        font-size: 13px !important;
        width: auto !important;
        margin-top: 0;
        color: var(--bs-gray-dark);
    }

    .header-icon.e-btn:hover, .header-icon.e-css.e-btn:hover {
        background: var(--bs-secondary);
        border-color: var(--bs-secondary);
    }

    .header-icon.e-btn:focus, .header-icon.e-css.e-btn:focus {
        background: var(--bs-secondary);
        border-color: var(--bs-secondary);
        box-shadow: 0 0 0 4px var(--bs-bg-menu);
    }

        .header-icon.e-btn:focus .e-btn-icon, .header-icon.e-css.e-btn:hover .e-btn-icon {
            color: var(--bs-bg-white);
        }


    .header-icon.e-btn:hover .e-btn-icon, .header-icon.e-css.e-btn:hover .e-btn-icon {
        color: var(--bs-bg-white);
    }

.search-overlay {
    width: 100%;
    padding: 10px;
    background-color: white;
    z-index: 1000;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}




    .search-overlay .e-input-group .e-input-group-icon {
        background: transparent !important;
    }



    .search-overlay .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
        border: none !important;
    }


.custom-search-box {
    position: relative;
}

    .custom-search-box .e-input-group {
        display: flex;
        align-items: center;
        position: relative;
    }

    .custom-search-box input.e-input {
        width: 100%;
        padding-right: 50px;
    }

.search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.clear-icon {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}


/*accordion css start*/

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
    /*color: var(--bs-bg-white) !important;*/
}


.e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus {
    border-bottom: 0px solid #233646;
}

.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
    background: transparent;
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
    color: var(--bs-bg-white);
    font-weight: 600;
    font-size: 14px;
    background-color: var(--bs-bg-blue);
    display: inline-block;
    padding: 2px 10px 2px 10px;
    margin: 0px;
    line-height: 27px;
    text-align: left;
}

.e-accordion .e-acrdn-item .e-acrdn-header {
    min-height: auto;
}

.e-accordion .e-acrdn-item .e-acrdn-header {
    padding: 0;
}

.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
    border-bottom: 2px solid var(--bs-bg-blue);
}

    .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
        border-bottom: 2px solid var(--bs-bg-blue);
    }

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
    color: var(--bs-bg-white);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
    color: var(--bs-bg-white);
}

.e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
    background: transparent;
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
    border-bottom: 2px solid var(--bs-bg-blue);
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
    color: var(--bs-bg-blue);
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    right: 10px;
}

.e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
    background: transparent;
}

    .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
        color: var(--bs-bg-white);
    }

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
    color: var(--bs-bg-blue);
}

.e-accordion .e-tgl-collapse-icon::before {
    font-weight: 800;
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    background: transparent;
}

    .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
        color: var(--bs-bg-white) !important;
    }

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    border-bottom: 2px solid var(--bs-bg-blue) !important;
}

    .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
        color: var(--bs-bg-blue);
    }

.e-accordion .e-acrdn-item .e-toggle-icon {
    color: var(--bs-bg-blue);
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    color: var(--bs-bg-white);
    font-weight: 600;
    font-size: 14px;
    background-color: var(--bs-bg-blue);
    display: inline-block;
    padding: 2px 10px 2px 10px;
    margin: 0px;
    line-height: 27px;
    text-align: left;
}

.e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
    border-bottom: 0px solid var(--bs-bg-blue);
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
    color: var(--bs-bg-white);
}

.e-acrdn-header:hover .e-acrdn-header-content {
    color: var(--bs-bg-white);
}

.e-toggle-icon .e-icons:hover {
    color: var(--bs-primary);
}

.e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
    background: transparent;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    font-size: 15px;
}



/*tab structure css start*/
.e-tab .e-tab-header .e-toolbar-item.e-active {
    background-color: var(--bs-secondary);
}

    .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright
    .e-tab-text {
        font-weight: 500;
        font-size: 14px;
        color: var(--bs-bg-white);
    }

.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: 44px;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    padding: 0 20px;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: var(--bs-bg-blue);
}

    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
        background-color: var(--bs-bg-gray);
        border: none;
        color: var(--bs-bg-blue);
    }

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: 44px;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header
.e-toolbar-item.e-active.e-iright .e-text-wrap {
    height: 44px;
}

.e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
    height: 44px;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item
.e-tab-wrap:hover .e-tab-icon {
    color: var(--bs-textcolor);
    font-weight: 500;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    border: none;
}

/*checkbox css start*/

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    border-radius: 2px;
}

    .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
        background-color: var(--bs-secondary) !important;
        border-color: var(--bs-secondary) !important;
    }


.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    height: 15px;
    line-height: 14px;
}

    .e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop {
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary);
        color: #fff;
    }

/* breadcrumb css */

.e-custom-breadcrumb .e-custom-item[b-2lkm3c3chr] {
    background: var(--bs-bg-menu) !important;
}

.e-breadcrumb .e-breadcrumb-separator {
    padding: 0px 0px !important;
}

.e-custom-breadcrumb .e-custom-item[b-2lkm3c3chr] {
    height: 50px !important;
}

.e-custom-breadcrumb .e-custom-item .e-label[b-2lkm3c3chr] {
    line-height: 2.3 !important;
}

.e-custom-breadcrumb .e-custom-item[b-2lkm3c3chr]:before {
    border-left: 20px solid var(--bs-bg-menu) !important;
    border-top: 25px solid transparent !important;
    border-bottom: 25px solid transparent !important;
    right: -20px !important;
}

.e-custom-breadcrumb li:not(:first-child) .e-custom-item[b-2lkm3c3chr]:after {
    border-left: 20px solid var(--bs-bg-white) !important;
    border-top: 25px solid transparent !important;
    border-bottom: 25px solid transparent !important;
}

.e-custom-breadcrumb li:first-child .e-custom-item[b-2lkm3c3chr] {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

.e-custom-icon .e-label {
    font-size: 13px;
    font-weight: 600;
}

.e-custom-breadcrumb .e-custom-item.active[b-2lkm3c3chr], .e-custom-breadcrumb .e-custom-item:hover[b-2lkm3c3chr] {
    background: var(--bs-secondary) !important;
    color: var(--bs-bg-white) !important;
}

    .e-custom-breadcrumb .e-custom-item.active[b-2lkm3c3chr]:before, .e-custom-breadcrumb .e-custom-item:hover[b-2lkm3c3chr]:before {
        border-left: 20px solid var(--bs-secondary) !important;
    }

.e-custom-breadcrumb .e-custom-item.disabled[b-2lkm3c3chr] {
    background: var(--bs-bg-disabled) !important;
}

    .e-custom-breadcrumb .e-custom-item.disabled[b-2lkm3c3chr]:before {
        border-left: 20px solid var(--bs-bg-disabled) !important;
    }

.e-custom-breadcrumb .e-custom-item.disabled[b-2lkm3c3chr] {
    color: var( --bs-textcolor) !important;
}


.e-custom-breadcrumb .e-breadcrumb-item:last-child .e-custom-item:before {
    display: none;
}

.e-custom-breadcrumb .e-breadcrumb-item:last-child .e-custom-item {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    padding-right: 20px;
}

.e-breadcrumb ol {
    flex-wrap: wrap;
}


.button_design {
    display: flex;
    justify-content: start;
}

.e-message.e-error {
    background-color: var(--bs-bg-error);
    border-color: var( --bs-border-error);
    color: var(--bs-text-error);
    margin-bottom: 5px;
    margin-top: 5px;
}

    .e-message.e-error .e-msg-icon {
        color: var(--bs-text-error) !important;
    }

.e-message {
    padding: 6px 7px;
}

    .e-message.e-warning {
        background-color: var( --bs-bg-warning);
        border-color: var(--bs-border-warning);
        color: var( --bs-text-warning);
    }

        .e-message.e-warning .e-msg-icon {
            color: var( --bs-text-warning);
        }

    .e-message.e-info {
        background-color: var(--bs-bg-info);
        border-color: var(--bs-border-info);
        color: var(--bs-text-info);
    }

        .e-message.e-info .e-msg-icon {
            color: var(--bs-text-info);
        }

.alert_details {
    background-color: var( --bs-bg-white);
    padding: 15px;
    margin-bottom: 30px;
}

.breadcrumb_details {
    background-color: var(--bs-bg-white);
    padding: 15px;
    margin-bottom: 30px;
}

.confirmPageLabel {
    font-size: 14px;
    color: var(--bs-textcolor);
    padding-right: 7px;
    margin-right: 7px;
    border-right: 1px solid #e2e2e2;
    float: left;
}

.input-box {
    float: left;
}

    .input-box .view-text {
        font-size: 14px;
        color: var(--bs-textcolor);
        font-weight: 600;
    }

.e-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bs-bg-white);
}


.e-accordion {
    padding: 15px;
}

/* btn css start */

.e-btn-primary {
    background-color: var(--bs-primary-btn) !important;
    border-color: var(--bs-primary-btn) !important;
    border-radius: 3px !important;
    padding: 6px 18px !important;
}

    .e-btn-primary:hover {
        background-color: var(--bs-secondary-hover) !important;
        border-color: var(--bs-secondary-hover) !important;
    }


.e-btn, .e-css.e-btn {
    /*        border-radius: 3px !important;*/
    /*        padding: 4px 18px !important;*/
    font-size: 13px !important;
}

.button_design .e-btn {
    min-width: 100px;
    margin-right: 10px;
}

.e-btn-warning {
    background-color: var(--bs-btn-warning) !important;
    border-color: var(--bs-btn-warning) !important;
}


    .e-btn-warning:hover {
        background-color: var(--bs-btn-warning-hover) !important;
        border-color: var(--bs-btn-warning-hover) !important;
    }


.e-btn.e-warning, .e-css.e-btn.e-warning {
    color: var(--bs-bg-white);
}

    .e-btn.e-warning:hover, .e-css.e-btn.e-warning:hover {
        color: var(--bs-bg-white);
    }

.e-btn-danger {
    background-color: var(--bs-btn-danger);
    border-color: var(--bs-btn-danger);
}

    .e-btn-danger:hover, .e-btn-danger:focus {
        background-color: var(--bs-btn-danger-hover) !important;
        border-color: var(--bs-btn-danger-hover);
    }

.button_details {
    background-color: var(--bs-bg-white);
    padding: 15px;
    margin-bottom: 30px;
}

.e-btn-secondary {
    background-color: var(--bs-gray-dark);
    border-color: var(--bs-gray-dark);
}

    .e-btn-secondary:hover {
        background-color: var(--bs-btn-secondary-hover);
        border-color: var(--bs-btn-secondary-hover);
    }

/* table css start */

.e-grid .e-headercell, .e-grid .e-detailheadercell {
    background-color: var(--bs-secondary) !important;
    height: 36px;
}

.e-grid tbody tr:nth-child(even) {
    background-color: var(--bs-bg-lightgray);
}
/*
.e-table .e-columnheader .e-headercell:first-child {
    border-top-left-radius: 4PX;
}
*/
.e-grid .e-gridheader {
    border-top-width: 0px;
}

/*.e-table .e-columnheader .e-headercell:last-child {
    border-top-right-radius: 4PX;
}*/

.e-table tbody .e-rowcell:last-child {
    border-right-width: 1px;
}

.e-grid .e-gridheader {
    color: var(--bs-bg-white);
}

.e-grid .e-headercelldiv {
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 13px;
}

.e-label-top {
    margin-bottom: 5px;
}

.e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text, .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text, .e-float-input.e-input-focus input ~ label.e-float-text {
    transform: translate3d(-10px, -40px, 0) scale(1);
}


.e-grid .e-rowcell {
    font-size: 13px;
    padding: 4px 10px;
}

/* KDOR-3629: Visible keyboard focus ring for interactive buttons inside grid cells.
   Applies to both Syncfusion command-column buttons and template icon buttons (.grid-icon-btn).
   Uses :focus-visible so mouse users are not affected. */
.e-grid .e-rowcell button:focus-visible,
.e-grid .e-unboundcelldiv .e-btn:focus-visible,
.grid-icon-btn:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: 4px;
}

/*.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border,.e-fixedfreeze.e-freezeleftborder,.e-rowcell-firstchild,.e-addfreezefirstchildborder,.e-leftfreeze.e-freezeleftborder.e-focused), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell,.e-headercell.e-frozen-left-border,.e-leftfreeze.e-freezeleftborder.e-focused), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
    border-left-width: 1px;
}*/

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background-color: var(--bs-secondary);
    color: var(--bs-bg-white) !important;
    border: 3px solid var(--bs-secondary);
}

.e-pager .e-numericitem {
    color: var(--bs-bg-white);
}

.e-pager .e-numericitem, .e-pager .e-firstpage, .e-pager .e-prevpage, .e-pager .e-firstpagedisabled, .e-pager .e-prevpagedisabled, .e-pager .e-nextpage, .e-pager .e-lastpage, .e-pager .e-nextpagedisabled, .e-pager .e-lastpagedisabled {
    border-right-color: transparent;
}

.e-pager div.e-icons.e-disable {
    color: var(--bs-text-disabled);
}

.e-pager {
    color: var(--bs-textcolor);
}

.e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
    color: var(--bs-textcolor);
}

/*
.e-table .e-columnheader .e-headercell:last-child {
    border-top-right-radius: 4px;
}*/

/* radio button css start */

.e-radio + label::before {
    height: 15px;
    width: 15px;
    background-color: var(--bs-bg-white);
    border-color: var( --bs-text-gray);
}

.e-radio:checked + label::before {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.e-radio + label::after {
    height: 7px;
    width: 7px;
}

.radio_buttons {
    background-color: var(--bs-bg-white);
    padding: 8px;
    margin: 10px 0;
}

    .radio_buttons.doc_radio {
        background: var(--bs-bg-lightgray);
    }

/* Prevent long document-type float labels from overflowing/overlapping adjacent
   columns when the container narrows (e.g. Help panel open). */
.doc-type-ddl label.e-float-text {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* datepicker and calender css */
.e-input-group:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
    background-color: var(--bs-bg-gray);
    color: var(--bs-textcolor);
}

.e-input-group-icon.e-date-icon:focus, *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
    border-radius: 0;
    background: var(--bs-primary);
    color: var(--bs-textcolor);
}


.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
    background-color: var(--bs-primary);
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
    background-color: var(--bs-primary);
}

.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    background: var(--bs-bg-gray);
}

.e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day {
    box-shadow: inset 1px 0 var(--bs-secondary), inset 0 1px var(--bs-secondary), inset -1px 0 var(--bs-secondary), inset 0 -1px var(--bs-secondary);
}

.e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next {
    color: var(--bs-gray-dark);
}


.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--bs-border-gray);
    font-size: 13px;
    color: var(--bs-textcolor);
}

.e-dropdownbase .e-list-item.e-item-focus {
    background-color: var(--bs-secondary);
    color: var(--bs-bg-white);
    font-size: 13px;
}

.e-dropdownbase .e-list-item.e-hover {
    background-color: var(--bs-bg-gray);
    color: var(--bs-textcolor);
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: var(--bs-secondary);
    color: var(--bs-bg-white);
}

.e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] {
    height: 35px;
    background: var(--bs-border-gray);
    border-color: var(--bs-secondary);
}

.e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled {
    background: var(--bs-border-gray) !important;
}


.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top {
    color: var(--bs-textdark-black);
}

.e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text, .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text, .e-float-input.e-input-focus input ~ label.e-float-text {
    font-size: 13px;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: none;
    border: 2px solid var(--bs-secondary);
    border-bottom: 2px solid var(--bs-secondary) !important;
}

.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
    border-color: var(--bs-secondary);
    border-bottom: 2px solid var(--bs-secondary) !important;
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day {
    background: var(--bs-bg-gray) !important;
    color: var(--bs-textcolor) !important;
}

.e-calendar .e-content span, .e-calendar .e-header .e-title {
    color: var(--bs-textcolor);
}

.e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
    color: var(--bs-textcolor);
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
    background-color: var(--bs-bg-gray);
    color: var(--bs-textcolor);
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
    background-color: var(--bs-secondary);
    color: var(--bs-bg-white);
}


.e-accordion .e-acrdn-item .e-acrdn-header:active {
    background: transparent;
}

.e-accordion .e-acrdn-item .e-acrdn-header:focus {
    outline: 2px solid #475c6e;
    border-radius: 0px;
    box-shadow: 0px 2px 6px gainsboro;
}

.e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
    background: transparent;
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
    box-shadow: none;
}

.e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-icons {
    color: var(--bs-secondary);
}

.e-accordion .e-acrdn-item:first-child .e-acrdn-header:focus {
    border-radius: 0 0 0 0;
}


/*.e-acrdn-item {
    margin-bottom: 20px;
}
*/

.e-pager .e-currentitem.e-numericitem.e-focused {
    background: var(--bs-secondary);
    border: 3px solid var(--bs-secondary);
}

.e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus {
    border-radius: 0 0 0px 0px;
}


.e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle {
    background-color: var(--bs-bg-gray);
}

.e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-off {
    background-color: var(--bs-bg-white);
    color: var(--bs-textcolor);
}

.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
    background-color: var(--bs-secondary);
    color: var(--bs-bg-white);
}

.e-dlg-content {
    color: var(--bs-textcolor);
}

.e-dlg-header, .e-dlg-header {
    color: var(--bs-textcolor);
}

input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    height: 35px;
}

/* sitemap css */

.PageHeader {
    padding: 7px !important;
    background: var(--bs-bg-white);
    margin: 1px;
    margin-top: 10px;
}

    .PageHeader h4 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 0;
    }

/* KDOR-14415 (Point 1): default help-pane width, shared with
   NxTransactionPage.razor.css via inheritance so it can be read both inside
   the split container and by .PageHeader below, which renders before it in
   the DOM (outside the container). */
:root {
    --nx-help-width: 35%;
}

/* When the transaction-page help pane is open, reserve the same right-hand
   space on the page heading so the fixed-position help overlay does not
   cover the page title/stepper/tabs rendered before <NxTransactionPage>. */
body.nx-help-active .PageHeader {
    margin-right: calc(var(--nx-help-width) + 5px);
    transition: margin-right 0.15s ease;
}

.e-breadcrumb-item.disabled .e-custom-breadcrumb .e-custom-item {
    color: var(--bs-textcolor);
}

.e-breadcrumb-item.disabled .e-custom-breadcrumb .e-custom-item {
    background: var(--bs-bg-gray);
}

.e-breadcrumb {
    padding: 2px 0px 15px 10px;
}

    .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
        color: var(--bs-textcolor) !important;
        text-decoration: none;
        font-weight: 600;
    }


    .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
        text-decoration: none;
    }
/* tree structure css */
.control_wrapper {
    background-color: var(--bs-bg-white) !important;
    width: 100%;
    max-width: none;
    margin: auto;
    overflow: auto;
    border: 1px solid var(--bs-text-gray) !important;
    border-radius: 4px !important;
    max-height: 500px;
    box-sizing: border-box;
}

.e-treeview .e-icon-collapsible, .e-treeview .e-icon-expandable {
    margin: 0;
}

.tree_menu ul.e-list-parent .e-treeview .e-list-text {
    color: var(--bs-textcolor) !important;
}

.e-card .e-card-header {
    padding: 15px;
}

.list-item-color {
    color: var(--bs-textcolor) !important;
}

/*.e-card:hover .e-card-content {
    background-color: var(--bs-bg-lightgray);
}*/

.e-card {
    background: var(--bs-bg-white);
    border: 1px solid var(--bs-bg-gray);
}

    .e-card:hover {
        background-color: var(--bs-bg-lightgray) !important;
        border-color: transparent !important;
    }

.sitemap_breadcrumb .e-breadcrumb {
    display: flex;
    justify-content: start;
    align-items: center;
}

    .sitemap_breadcrumb .e-breadcrumb .e-breadcrumb-separator {
        padding: 5px !important;
    }

.e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
    background: transparent;
}

.tree_menu ul.e-list-parent li .e-list-text {
    color: var(--bs-textcolor) !important;
    font-size: 13px;
}

[b-1alomc19hp] .e-treeview .e-icon-collapsible, .e-treeview .e-icon-expandable[b-1alomc19hp] {
    color: var(--bs-gray-dark) !important;
}

.e-treeview .e-icon-collapsible, .e-treeview .e-icon-expandable {
    color: var(--bs-text-nav) !important;
}

.e-treeview .e-list-icon, .e-treeview .e-list-img {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px !important;
    vertical-align: middle;
    color: var(--bs-text-nav);
}

e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
    color: none !important;
}

li.e-active .e-icon-wrapper .e-icons {
    color: none !important;
}

.tree_menu .e-treeview .e-list-item.e-hover > .e-fullrow, .tree_menu .e-treeview .e-list-item.e-node-focus > .e-fullrow {
    background-color: none !important;
    border-color: none !important;
    color: none;
    border: none;
}

/*.tree_menu .e-treeview .e-list-item.e-hover > .e-fullrow, .tree_menu .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: var(--bs-bg-gray) !important;
    border-color: var(--bs-bg-gray) !important;
}*/

.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
    color: var(--bs-bg-white) !important;
}

.tree_menu .e-treeview .e-list-icon, .e-treeview .e-list-img {
    font-size: 15px !important;
}

/*.tree_menu .e-treeview .e-list-img {
    width: 20px !important;
}*/

.tree_menu .e-treeview .e-hover .e-icon-expandable {
    color: #ffffff !important;
}

.tree_menu .e-list-item.e-level-2, .tree_menu .e-list-item.e-level-3 {
    padding-left: 10px;
}

.e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
    background-color: var(--bs-bg-gray);
    border-color: var(--bs-bg-gray);
    color: var(--bs-bg-white);
    border: 0px solid;
}

.e-treeview > .e-ul {
    overflow: hidden !important;
}

/* stepper css */

.orientation-header-wrapper .e-btn:active {
    background: var(--bs-bg-lightgray) !important;
}

.e-stepper.e-vertical {
    min-height: 400px;
}

.orientation-header-wrapper .e-btn-group .e-btn:active, .orientation-header-wrapper .e-btn-group input:active + label.e-btn,
.orientation-header-wrapper .e-btn-group input:checked + label.e-btn, .orientation-header-wrapper .e-css.e-btn-group .e-btn:active,
.orientation-header-wrapper .e-css.e-btn-group input:active + label.e-btn, .orientation-header-wrapper .e-css.e-btn-group input:checked + label.e-btn {
    background: var(--bs-border-gray) !important;
    color: var(--bs-textcolor);
    border-color: var( --bs-gray-dark);
    font-weight: 600;
}


.orientation-header-wrapper .e-btn, .orientation-header-wrapper .e-css.e-btn {
    padding: 6px 11px !important;
}

.orientation-header-wrapper .e-btn, .orientation-header-wrapper .e-css.e-btn {
    background: var(--bs-bg-white);
    color: var(--bs-textcolor);
    font-weight: 600;
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
    color: var(--bs-textcolor);
}


.e-btn:hover, .e-css.e-btn:hover {
    background-color: var(--bs-bg-blue);
    color: var(--bs-bg-white);
}


.e-stepper .e-step-completed .e-step, .e-stepper .e-step-inprogress .e-step, .e-stepper .e-step-completed .e-indicator, .e-stepper .e-step-inprogress .e-indicator, .e-stepper .e-step-completed .e-step-indicator, .e-stepper .e-step-inprogress .e-step-indicator {
    background: var(--bs-bg-white);
}

.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step, .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator, .e-stepper .e-step-notstarted .e-icons.e-step-indicator {
    border-color: var(--bs-stepper-border);
}

.e-stepper .e-text, .e-stepper .e-label {
    color: var(--bs-textcolor);
}

.e-stepper .e-step-container .e-step-label-container, .e-stepper .e-step-container .e-step-text-container {
    font-weight: 400;
}

.e-stepper .e-stepper-progressbar {
    background-color: transparent !important;
    /* border: 1px dashed var(--bs-stepper-border) !important;*/
}

.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step, .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator, .e-stepper .e-step-notstarted .e-icons.e-step-indicator {
    border-color: transparent !important;
}

.e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
    background: var(--bs-border-gray) !important;
}


.e-stepper .e-stepper-progressbar > .e-progressbar-value {
    content: "";
    display: block;
    height: 0.5px;
    background: repeating-linear-gradient(to right, #7B92AB px, #7B92AB 7px, transparent 5px, transparent 15px);
}

.e-stepper .e-stepper-progressbar::before {
    content: "";
    display: block;
    height: 0.5px;
    background: repeating-linear-gradient(to right, #7B92AB 0px, #7B92AB 7px, transparent 5px, transparent 15px);
}

.e-stepper .e-stepper-progressbar::after > .e-progressbar-value {
    display: none !important;
}


.e-stepper.e-vertical .e-stepper-progressbar::before {
    content: "";
    display: block;
    width: 1px; /* thin vertical line */
    height: 100%; /* full height */
    background: repeating-linear-gradient( to bottom, #7B92AB 0px, #7B92AB 7px, transparent 7px, transparent 15px );
    margin: 0 auto;
}

.e-stepper.e-vertical .e-stepper-progressbar > .e-progressbar-value {
    content: "";
    display: block;
    width: 1px; /* thin vertical line */
    height: 100%; /* full height */
    background: repeating-linear-gradient( to bottom, #7B92AB 0px, #7B92AB 7px, transparent 0px, transparent 7px );
    margin: 0 auto;
}

.e-stepper.e-vertical .e-stepper-steps li.e-step-container {
    padding-bottom: 30px;
}


.e-stepper.e-vertical .e-connector-line.e-step-active {
    background-color: #2563eb !important; /* blue line */
}


.e-stepper .e-step-selected:not(.e-step-error) .e-text, .e-stepper .e-step-selected:not(.e-step-error) .e-label, .e-stepper .e-step-completed:not(.e-step-error) .e-text, .e-stepper .e-step-completed:not(.e-step-error) .e-label {
    color: var(--bs-textcolor);
    font-weight: 500;
}

.e-stepper .e-text, .e-stepper .e-label {
    color: var(--bs-textcolor);
    font-weight: 500;
}

.e-stepper.e-horizontal.e-label-before:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
    width: 99%;
}

.e-stepper-steps .e-step-completed .e-step.e-indicator {
    background-color: var(--bs-secondary);
}


.e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
    background: var(--bs-stepper-border);
}

.e-stepper .e-step-completed .e-step, .e-stepper .e-step-inprogress .e-step, .e-stepper .e-step-completed .e-indicator, .e-stepper .e-step-inprogress .e-indicator, .e-stepper .e-step-completed .e-step-indicator, .e-stepper .e-step-inprogress .e-step-indicator {
    color: var(--bs-bg-white);
}

.e-stepper .e-step, .e-stepper .e-indicator {
    color: var(--bs-gray-dark);
}

.e-stepper .e-step-label-optional {
    color: var(--bs-gray-dark);
}

.e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step, .e-stepper .e-step-container:not(.e-step-focus).e-step-completed .e-step, .e-stepper.e-steps-focus .e-step-container:not(.e-step-focus).e-step-selected .e-step {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.e-stepper .e-step-label:not(.e-step-item) .e-step-label-container {
    background-color: var(--bs-bg-lightgray);
    border-radius: 4px;
    padding: 7px 15px;
}

.e-stepper .e-step-container:not(.e-step-text-only) > .e-step-text-container {
    padding: 0 14px;
}

.e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: var(--bs-primary);
    color: var(--bs-bg-white);
    border: 1px solid var(--bs-stepper-border) !important;
}

.e-stepper .e-stepper-progressbar > .e-progressbar-value {
    content: "";
    display: block;
    height: 2.5px;
    background: repeating-linear-gradient(to right, #19aa8d 0px, #19aa8d 7px, transparent 0px, transparent 7px);
    margin-top: -1px;
}

.e-stepper:not(.e-step-type-label) .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step:hover {
    background-color: var(--bs-secondary);
}

.e-stepper .e-step-container .e-step, .e-stepper .e-step-container .e-indicator {
    min-width: 45px;
    min-height: 45px;
}

.e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
    background: var(--bs-secondary);
}

.e-stepper-steps .e-step-disabled .e-step.e-indicator {
    background-color: var(--bs-sbg-gray);
    border: 1px solid var(--bs-sborder-gray);
}

.e-stepper .e-step-disabled {
    cursor: not-allowed !important;
    pointer-events: inherit !important;
}

    .e-stepper .e-step-disabled:not(.e-step-error) .e-label {
        color: var(--bs-stepper-text) !important;
    }


.e-stepper .e-step-container.e-step-disabled .e-indicator {
    color: var(--bs-stepper-text);
}

.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step, .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator {
    border: 1px solid var(--bs-stepper-border) !important;
}


.e-stepper.e-horizontal.e-label-before:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
    width: 99%;
    display: none;
}

.e-stepper.e-horizontal .e-step-item.e-step-label {
    gap: 1em;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    flex: 1;
    text-align: center;
}

.e-stepper:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-step-container .e-indicator, .e-stepper .e-step-focus .e-indicator {
    z-index: 1;
}


.e-stepper.e-vertical .e-stepper-progressbar {
    min-height: inherit;
    width: 1.6px;
    top: 0;
    left: var(--progress-position);
    display: none;
}

.e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-text-container {
    margin-left: 0;
    z-index: 1;
    background: white;
}

.e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container {
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.e-stepper.e-vertical .e-step-container:not(.e-step-focus).e-step-notstarted .e-step, .e-stepper .e-step-container:not(.e-step-focus).e-step-completed .e-step, .e-stepper.e-steps-focus .e-step-container:not(.e-step-focus).e-step-selected .e-step {
    box-shadow: none;
}

.e-stepper .e-stepper-steps .e-step-item::after {
    content: "";
    position: absolute;
    top: 29%;
    left: 50%;
    width: calc(100%); /* exactly up to the next step */
    height: 2px;
    background: var(--bs-stepper-linegray); /* completed color */
    z-index: 0;
}

.e-stepper.e-vertical .e-stepper-steps .e-step-item::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 2px;
    height: 100%;
    background: var(--bs-stepper-linegray);
    margin-top: 8px;
    position: absolute;
    top: 0%;
    left: 45%;
}

.e-stepper .e-stepper-steps .e-step-item.e-step-completed::after {
    content: "";
    position: absolute;
    top: 29%;
    left: 50%;
    width: calc(100%); /* exactly up to the next step */
    height: 2px;
    background: var(--bs-secondary); /* completed color */
    z-index: 0;
}

.tree_wrapper .e-list-parent li.e-has-child .e-text-content .e-icons {
    color: var(--bs-text-nav) !important;
}

    .tree_wrapper .e-list-parent li.e-has-child .e-text-content .e-icons.e-check {
        color: var(--bs-bg-white) !important;
    }

.e-stepper.e-vertical .e-stepper-steps .e-step-item.e-step-completed::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 2px;
    height: 100%;
    background: var(--bs-secondary);
    margin-top: 8px;
    position: absolute;
    top: 0%;
    left: 45%;
}

.e-stepper .e-stepper-steps .e-step-item.e-step-disabled::after {
    content: "";
    position: absolute;
    top: 29%;
    left: 50%;
    width: calc(100%); /* exactly up to the next step */
    height: 2px;
    background: var(--bs-sborder-gray);
    z-index: 0;
}

.e-stepper.e-vertical .e-stepper-steps .e-step-item.e-step-disabled::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 2px;
    height: 100%;
    background: var(--bs-sborder-gray);
    margin-top: 8px;
    position: absolute;
    top: 0%;
    left: 45%;
}

.e-stepper .e-stepper-steps .e-step-item:last-child::after {
    display: none;
}

.e-stepper.e-vertical .e-stepper-steps .e-step-item:last-child::after {
    display: none;
}

.e-stepper .e-step-container .e-indicator {
    font-size: 28px;
}

.e-sidebar-context {
    overflow: hidden;
}
/* button css */
.e-btn-primary {
    background-color: var(--bs-btn-primary) !important;
    border-color: var(--bs-btn-primary) !important;
}

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

.e-btn-secondary {
    background-color: var(--bs-btn-secondary) !important;
    border-color: var(--bs-btn-secondary) !important;
}

    .e-btn-secondary:hover, .e-btn-secondary:focus {
        background-color: var(--bs-btn-secondary-hover) !important;
        border-color: var(--bs-btn-secondary-hover) !important;
    }

.e-btn-negative {
    background-color: var(--bs-btn-negative);
    border-color: var(--bs-btn-negative);
    padding: 6px 18px !important;
}

    .e-btn-negative:hover, .e-btn-negative:focus {
        background-color: var(--bs-btn-negative-hover);
        border-color: var(--bs-btn-negative-hover);
    }

        .e-btn-negative:hover:disabled {
            background: rgba(108, 117, 125, .65);
            border-color: rgba(108, 117, 125, .65);
        }

.e-btn-success {
    background-color: var(--bs-btn-success);
    border-color: var(--bs-btn-success);
}

    .e-btn-success:hover {
        background-color: var(--bs-btn-success-hover);
        border-color: var(--bs-btn-success-hover);
    }

.e-btn-information {
    background-color: var(--bs-btn-information);
    border-color: var(--bs-btn-information);
}

    .e-btn-information:hover {
        background-color: var(--bs-btn-information-hover);
        border-color: var(--bs-btn-information-hover);
    }

/*.e-btn {
    min-width:100px;
}*/


.e-treeview .e-list-icon, .e-treeview .e-list-img {
    font-size: 17px;
}

.e-treeview .e-icon-collapsible, .e-treeview .e-icon-expandable[b-1alomc19hp] {
    color: var(--bs-text-nav) !important;
}

.e-treeview .e-active .e-icon-collapsible, .e-treeview .e-active .e-icon-expandable {
    color: var(--bs-bg-white) !important;
}

.e-treeview .e-hover .e-icon-collapsible, .e-treeview .e-hover .e-icon-expandable {
    color: var(--bs-bg-white) !important;
}


.e-treeview .e-level-2 .e-fullrow {
    height: 40px;
}

.e-treeview .e-level-2 .e-text-content {
    height: 40px;
}

.nav > li.active {
    border-left: 4px solid var(--bs-primary);
}

.e-treeview .e-has-child > .e-text-content .e-list-text {
    color: var(--bs-bg-white) !important;
}

.e-treeview .e-has-child > .e-text-content .e-list-icon, .e-treeview .e-has-child > .e-text-content .e-icon-collapsible {
    color: var(--bs-bg-white) !important;
}

/*.e-treeview .e-list-item.e-has-child {
    border-left: 5px solid var(--bs-primary);
}*/
/*
.e-list-parent.e-ul .e-list-item.e-level-2 .e-fullrow {
    background-color: #172633;
    padding-bottom: 15px;
}
*/

.e-sidebar h4 {
    font-size: 20px;
    padding: 14px 5px;
}

.collapsed-sidebar .sidebar-icon-item i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    cursor: pointer;
    color: var(--bs-text-nav);
}

.sidebar-icon-item i.active {
    background-color: var(--bs-secondary);
}

.collapsed-sidebar .sidebar-icon-item i:hover, .collapsed-sidebar .sidebar-icon-item i:focus {
    background-color: var(--bs-secondary);
    color: var(--bs-bg-white);
}

.collapsed-sidebar .sidebar-icon-item .child-item.active {
    padding: 10px 5px;
    text-align: left;
    color: var(--bs-text-nav);
    font-size: 13px;
    font-weight: 600;
}

    .collapsed-sidebar .sidebar-icon-item .child-item.active:hover {
        background-color: var(--bs-secondary);
        color: var(--bs-bg-white);
    }

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check {
    background-color: var(--bs-btn-primary-hover) !important;
    border-color: var(--bs-btn-primary-hover) !important;
}

.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: var(--bs-btn-primary-hover) !important;
    border-color: var(--bs-btn-primary-hover) !important;
}

/*.e-stepper .e-step-container .e-indicator {
    font-size: 12px;
}*/

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
    color: var(--bs-bg-white);
}

.e-grid th.e-headercell[aria-sort=ascending]:not(.e-columnselection) .e-headertext, .e-grid th.e-headercell[aria-sort=descending]:not(.e-columnselection) .e-headertext, .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv, .e-grid th.e-headercell[aria-sort=descending] .e-sortfilterdiv {
    color: var(--bs-bg-white);
}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: none !important;
}

.e-toolbar.e-spacer-toolbar .e-toolbar-items:not(.e-toolbar-multirow) {
    position: relative;
}

.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    background: var(--bs-bg-gray);
    /*    color: var(--bs-bg-white);*/
}

.e-pager .e-numericitem {
    color: var(--bs-textcolor);
}

.e-pager div.e-icons.e-pager-default {
    color: var(--bs-text-disabled);
}

.e-pager .e-numericitem:hover {
    color: var(--bs-secondary);
}

.e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
    background-color: var(--bs-bg-gray);
}

.e-toolbar .e-toolbar-item .e-tbar-btn {
    background: var(--bs-bg-gray);
}

.e-toolbar .e-toolbar-item .e-tbar-btn {
    color: var(--bs-textcolor);
}

    .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
        color: var(--bs-gray-dark);
    }

    .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
        background: var(--bs-bg-blue);
        border-color: var(--bs-bg-blue);
    }

.e-grid.e-gridhover .e-frozenhover:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: var(--bs-bg-gray);
    cursor: pointer;
}

/*
.e-btn.e-flat, .e-css.e-btn.e-flat {
    background-color: var(--bs-bg-menu);
}*/

.e-unboundcelldiv .e-btn .e-btn-icon, .e-unboundcelldiv .e-css.e-btn .e-btn-icon {
    font-size: 14px;
    color: var(--bs-bg-blue);
}

.e-grid .e-unboundcelldiv > button {
    margin: 0;
}

.e-unboundcelldiv .e-btn.e-icon-btn, .e-unboundcelldiv .e-css.e-btn.e-icon-btn {
    padding: 4px 9px;
}

/*.e-unboundcelldiv .e-btn.e-flat:hover .e-btn-icon {
 color: var(--bs-secondary);
 background-color: transparent !important;
 border: none;
}*/

.e-btn.e-flat:active, .e-btn.e-flat.e-active, .e-css.e-btn.e-flat:active, .e-css.e-btn.e-flat.e-active {
    background: transparent !important;
    border-color: transparent !important;
}

.e-btn.e-flat:focus, .e-css.e-btn.e-flat:focus {
    background: transparent !important;
    border-color: transparent !important;
}

.e-btn.e-flat:hover, .e-css.e-btn.e-flat:hover {
    background: transparent !important;
    border-color: transparent !important;
}

    .e-btn.e-flat:hover .e-btn-icon, .e-css.e-btn.e-flat:hover .e-btn-icon {
        color: var(--bs-secondary) !important;
    }

.e-btn.e-flat:focus .e-btn-icon, .e-css.e-btn.e-flat:focus .e-btn-icon {
    color: var(--bs-secondary) !important;
}

.e-treeview .e-list-item.e-has-child > .e-fullrow > .e-icons {
    color: var(--bs-bg-white) !important;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected, .e-contextmenu-container ul .e-menu-item.e-selected {
    background-color: var(--bs-secondary);
}

.e-contextmenu-wrapper ul .e-menu-item.e-focused, .e-contextmenu-container ul .e-menu-item.e-focused {
    background-color: var(--bs-bg-gray);
    outline: var(--bs-bg-gray);
}

.e-contextmenu-wrapper ul .e-menu-item, .e-contextmenu-container ul .e-menu-item {
    height: 35px;
}

.e-btn.e-flat:active .e-btn-icon, .e-btn.e-flat.e-active .e-btn-icon, .e-css.e-btn.e-flat:active .e-btn-icon,
.e-css.e-btn.e-flat.e-active .e-btn-icon {
    color: var(--bs-secondary) !important;
}

.e-btn.e-flat:focus, .e-css.e-btn.e-flat:focus {
    box-shadow: none;
    outline: 2px solid var(--bs-textcolor);
}

.e-pager .e-pagerconstant {
    margin: 0 0 3px 0px;
}

.e-grid .e-table {
    table-layout: fixed !important;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    height: 30px;
    min-height: 25px;
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--bs-secondary);
    box-shadow: none;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check {
    box-shadow: 0 0 0 2px var(--bs-bg-menu);
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame, .e-checkbox-wrapper .e-checkbox:active + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame {
    background-color: var(--bs-bg-white);
    border-color: var(--bs-secondary);
    box-shadow: 0 0 0 2px var(--bs-bg-menu);
}

.form-control:focus {
    border-color: var(--bs-secondary);
    border: 2px solid var(--bs-secondary);
    box-shadow: none;
}

.tree_menu .e-treeview .e-list-item {
    display: block;
}

.tree_menu .e-list-item.e-hover .e-text-content .e-list-text {
    color: #fff !important;
}

.tree_menu .e-list-item.e-hover.e-has-child ul li .e-text-content .e-list-text {
    color: #000 !important;
}


.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: var(--bs-btn-primary-hover);
    color: var(--bs-bg-white);
}

.e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.e-multiselect::after {
    font-family: "Font Awesome 5 Free";
    content: "\f107" !important;
    display: flex;
    padding-right: 6px;
    font-weight: 600;
    color: var(--bs-gray-dark);
    justify-content: center;
    align-items: center;
}

.e-custom-breadcrumb .e-custom-item {
    width: auto;
    height: 40px;
    position: relative;
    background: #938bf6;
    padding: 10px 12px 10px 30px;
    color: var(--bs-textcolor-green);
    cursor: pointer;
}


.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    padding: 10px 5px !important;
}



.e-list-item.e-level-2 .e-text-content .e-list-icon {
    display: none;
}

.sidenav .e-list-item .e-icons {
    float: right !important;
    position: relative;
    top: 25%;
    right: 5%;
}

.sidenav .e-text-content.e-icon-wrapper {
    width: 100%;
}

.sidenav .e-list-item.e-level-2 {
    padding-left: 10px;
}

.e-checkbox-wrapper:hover .e-label, .e-css.e-checkbox-wrapper:hover .e-label {
    color: var(--bs-textdark-black);
}

.e-list-parent li.e-has-child .e-text-content .e-icons {
    color: var(--bs-bg-white) !important;
}
/*
.sidenav .e-list-item.e-level-2 .e-text-content .e-list-icon {
    display: none;
}*/

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    /*    box-shadow: inset 0 0 5px grey;*/
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #8b8b8b;
    }

/*Address CSS*/

.add-address-card {
    border: 1px dashed #cbd5e0;
    text-align: center;
    justify-content: center;
    background-color: #f9f9f9;
    transition: 0.3s;
}

    .add-address-card:hover {
        background-color: #e2e8f0 !important;
    }

.address-card .btn-icon:focus {
    border: 1px solid #000;
    background: none;
}


.address-card {
    background-color: var(--bs-bg-white);
    transition: box-shadow 0.2s;
}

    .address-card:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .address-card .e-card-header {
        padding: 10px;
        justify-content: space-between;
        color: var(--bs-textcolor);
        background-color: #F2F4F9;
    }

.e-card.address-card .e-card-actions {
    padding: 0;
}

.e-icon-btn-primary {
    height: 31px;
    width: 31px;
    border-radius: 2px;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--bs-btn-primary) !important;
    font-size: 12px;
}

.e-btn .e-btn-icon, .e-css.e-btn .e-btn-icon {
    font-size: 14px;
}

.e-icon-btn-negative {
    height: 31px;
    width: 31px;
    border-radius: 2px;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--bs-btn-negative) !important;
    font-size: 12px;
}

.e-icon-btn-primary:hover {
    background-color: var(--bs-btn-primary-hover) !important;
    border-color: var(--bs-btn-primary-hover) !important;
    color: var(--bs-bg-white) !important;
}

.e-icon-btn-negative:hover {
    background-color: var(--bs-btn-negative-hover) !important;
    border-color: var(--bs-btn-negative-hover) !important;
    color: var(--bs-bg-white) !important;
}

.e-icon-btn-primary:focus, .e-icon-btn-negative:focus {
    outline: 2px solid var(--bs-textcolor) !important;
    box-shadow: none;
}

.address-card .e-card .e-card-content {
    color: var(--bs-textdark-black);
    overflow-y: scroll;
}

.e-card .e-card-content::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}

.e-data-form .e-button-left .e-btn, .e-data-form .e-button-right .e-btn, .e-data-form .e-button-center .e-btn, .e-data-form .e-button-stretch .e-btn {
    border-radius: 3px !important;
}

.e-card-content .e-card-title {
    color: var(--bs-textcolor);
    font-size: 15px;
    font-weight: bold;
}

.e-card-content .e-card-sub-title {
    font-style: italic;
    color: var(--bs-textdark-black);
}

.e-card .e-card-content {
    color: var(--bs-textdark-black);
    overflow-y: scroll;
}

    .e-card .e-card-content::-webkit-scrollbar {
        width: 4px;
        height: 10px;
    }

.e-avatar {
    background-color: var(--bs-bg-gray);
}

    .e-avatar.e-avatar-xlarge {
        cursor: pointer;
    }

.address_card .e-card {
    background: transparent;
    border: none;
}

.e-float-input, .e-float-input.e-control-wrapper {
    margin-top: 20px !important;
}

.address_card .e-card:hover {
    background-color: transparent !important;
}

.address-card .e-icons.e-btn-icon {
    font-size: 18px;
}

.address-card .newIcon {
    vertical-align: middle;
}

.address-card .e-card-content .e-btn-icon {
    margin-right: 10px;
    color: var(--bs-primary);
}

.address-card {
    height: 100%;
}


.e-card-content .required_details {
    background-color: var(--bs-bg-error);
    border-radius: 25px;
    border: 2px solid var(--bs-text-error);
    padding: 2px 7px;
    color: var(--bs-text-error);
    font-style: normal;
    font-size: 12px;
    line-height: 1.8;
    font-weight: 600;
}

.e-btn:focus, .e-css.e-btn:focus {
    box-shadow: none !important;
}

.e-input-group.e-control-wrapper.e-control-container.e-float-input.required .e-float-text::before {
    content: "*";
    color: red;
}

.main-body {
    height: calc(100vh - 60px);
    overflow-x: hidden;
    overflow-y: auto;
    /* This div (not html/body) is the actual scroll container for page
       content. Reserve its scrollbar track unconditionally so widgets
       loading async data (grids, charts) that change its scrollHeight after
       first render don't cause the scrollbar to appear/disappear and shift
       the available content width by ~15-17px, which left a thin gap on the
       right. Scoping this to .main-body (instead of html) avoids reserving
       a second, unused gutter on the outer document, which never scrolls
       and was creating a dead strip next to this element's real scrollbar. */
    scrollbar-gutter: stable;
    padding: 16px;
    padding-top: 0px !important;
    background: rgb(229, 230, 227);
}

.sitemap-margin {
    margin-bottom: 8px !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left;
}

.inquiry-body {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    background: rgb(229, 230, 227);
    /* Page header + layout padding consumed above the help split pane */
    --nx-help-chrome-offset: 72px;
}

/* Screen-reader live-region announcers use Bootstrap .visually-hidden
   (position:absolute). With no positioned ancestor they anchor to the
   document at their static position below tall content, which escapes the
   inquiry-body overflow clipping, inflates the page scroll height and
   creates phantom blank scroll space below the visible content.
   Pin them to the top-left so they never extend the scrollable area
   (they remain clipped to 1px and invisible regardless of position). */
.visually-hidden[role="status"],
.visually-hidden[aria-live] {
    top: 0 !important;
    left: 0 !important;
}

/* Inquiry popup help panel — same rules as nx-split-container--popup */
.inquiry-body .nx-split-container {
    align-items: stretch;
    min-height: calc(100vh - var(--nx-help-chrome-offset, 72px));
}

.inquiry-body .nx-split-handle {
    min-height: 0;
    align-self: stretch;
}

.inquiry-body .nx-help-pane {
    position: static;
    height: auto;
    align-self: stretch;
    min-height: calc(100vh - var(--nx-help-chrome-offset, 72px));
}

.pointer {
    cursor: pointer;
}

.a-ff {
    text-decoration: none;
}

    .a-ff:focus, .a-ff:focus-visible {
        display: block;
        outline: 2px solid #000;
        outline-offset: 4px;
    }

/*address component css*/

.address-card .newIcon h6 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 20px;
}

.address-card .newIcon {
    display: flex;
}

    .address-card .newIcon span {
        background: var(--bs-secondary);
        color: white;
        padding: 2px 5px;
        font-size: 11px;
        border-radius: 15px;
        margin-left: 10px;
        line-height: 20px;
        font-weight: 400;
    }


/* Custom styles for Address Card */


.address-card {
    background-color: var(--bs-bg-white);
    border: 1px solid var(--bs-border);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.address-card-header {
    background-color: var(--bs-border-gray);
    padding: 4px 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    min-height: 33px;
}

.address-card-title {
    color: var(--bs-textcolor);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-family: 'Inter', sans-serif;
}

.address-card-badge {
    background-color: var(--bs-secondary);
    color: var(--bs-bg-white);
    font-size: 10px !important;
    font-weight: 600;
    line-height: 12px;
    font-family: 'Inter', sans-serif;
    padding: 4px 8px;
    border-radius: 15px;
    display: inline-block;
    /*margin-left: 10px;*/
}

.btn-icon {
    background: none;
    border: none;
    padding: 4px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

    .btn-icon:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .btn-icon:focus {
        outline: none;
        box-shadow: none;
    }

.gap-1 {
    gap: 5px;
}

.address-card-divider {
    border-top: 1px solid rgba(94, 119, 145, 0.18);
    margin: 0;
}

.address-card-content {
    height: 85px;
    overflow: auto;
    padding: 5px;
}

.address-card-icon {
    margin-top: 4px;
    margin-right: 8px;
    flex-shrink: 0;
}

.address-card-text {
    color: rgba(0, 0, 0, 0.64);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}

    .address-card-text p {
        margin: 0;
    }

.address-card ::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}


.address-card-header .edit-icon svg path {
    fill: var(--bs-secondary) !important;
}

.error-message {
    display: inline-flex;
    align-items: center;
}

    .error-message::before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        vertical-align: middle;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289Z' fill='%23D92D20'/><path fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z' fill='%23D92D20'/></svg>") no-repeat center;
        background-size: contain;
    }

.info-message {
    display: inline-flex;
    align-items: flex-start;
}


    .info-message::before {
        content: "";
        flex-shrink: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        vertical-align: middle;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7Z' fill='%23066477'/><path d='M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z' fill='%23066477'/><path fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z' fill='%23066477'/></svg>") no-repeat center;
        background-size: contain;
    }

.warning-message {
    display: inline-flex;
    align-items: center;
}

    .warning-message::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        vertical-align: middle;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M12 8.10275C12.5523 8.10275 13 8.55047 13 9.10275V13.1028C13 13.655 12.5523 14.1028 12 14.1028C11.4477 14.1028 11 13.655 11 13.1028V9.10275C11 8.55047 11.4477 8.10275 12 8.10275Z' fill='%23876500'/><path d='M12 18.1028C12.5523 18.1028 13 17.655 13 17.1028C13 16.5505 12.5523 16.1028 12 16.1028C11.4477 16.1028 11 16.5505 11 17.1028C11 17.655 11.4477 18.1028 12 18.1028Z' fill='%23876500'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.43502 3.44412C9.97887 2.54754 10.9514 2 12 2C13.0486 2 14.0212 2.54754 14.565 3.44412L14.5679 3.44886L23.0379 17.5889L23.046 17.6027C23.5791 18.5258 23.5822 19.6624 23.0544 20.5885C22.5265 21.5145 21.5469 22.091 20.481 22.1027L20.47 22.1028L3.51903 22.1027C2.45315 22.091 1.47353 21.5145 0.94567 20.5885C0.41781 19.6624 0.420993 18.5258 0.95403 17.6027L0.962153 17.5889L9.43502 3.44412ZM11.1462 4.47938L2.6827 18.6086C2.50833 18.9152 2.50837 19.2913 2.68322 19.5981C2.85842 19.9054 3.1829 20.0972 3.53642 20.1027H20.4636C20.8171 20.0972 21.1416 19.9054 21.3168 19.5981C21.4917 19.2913 21.4917 18.9153 21.3174 18.6086L12.855 4.48137L12.8538 4.47938C12.6723 4.1817 12.3488 4 12 4C11.6513 4 11.3277 4.1817 11.1462 4.47938Z' fill='%23876500'/></svg>") no-repeat center;
        background-size: contain;
    }

.override-message {
    display: inline-flex;
    align-items: center;
    word-break: break-all;
}

#custom.button-left-padding
{
    padding-left: 10px;
}

    .override-message::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 8px;
        vertical-align: middle;
        background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='red'%20stroke-width='1.5'%20fill='none'/%3E%3C/svg%3E");
        background-size: contain;
    }


.e-msg-content {
    width: 100%;
}

.e-tooltip-wrap.e-popup {
    background: rgb(229, 230, 227) !important;
    border: 1px solid #212529 !important;
    color: #212529 !important;
}

.e-tooltip-wrap.e-popup .e-tip-content,
.e-tooltip-wrap.e-popup .e-tip-content * {
    color: #212529 !important;
}

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

.button_design .e-btn {
    min-width: 100px;
    margin-right: 10px;
}

.comments-container {
    margin: 0 auto;
}

.comments-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.comments-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    margin: 0;
}

.sort-dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sort-text {
    font-weight: 600;
    font-size: 18px;
    color: var(--text-primary);
}

.dropdown-arrow {
    width: 12px;
    height: 24px;
    transform: rotate(90deg);
    cursor: pointer;
}

.comment-form {
    background: var(--bg-white);
    border: 1px solid rgba(120, 134, 143, 0.03);
    border-radius: 4px;
    padding: 13px 1px 1px 1px;
    margin-bottom: 17.5px;
}

.comment-textarea {
    font-size: 12px;
    color: var(--text-muted);
    border: none;
    resize: none;
    width: 100%;
    padding: 0;
    outline: none;
}

.form-controls {
    background: var(--bg-light);
    border-radius: 0 0 4px 4px;
    padding: 8px 13px 3px 13px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.access-level-group {
    display: flex;
    align-items: center;
    gap: 16px;
}

.access-label {
    font-weight: 700;
    font-size: 14px;
    color: #1f2830;
    white-space: nowrap;
}

.access-select {
    background: #fbfbfd;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    color: var(--text-secondary);
    width: 183px;
}

.profile-element .text-muted {
    color: var(--bs-navgray) !important;
}

.toggle-group {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.logo-element-version h2 {
    margin-bottom: 5px;
    font-size: 14px;
    color: var(--bs-graydark);
}

.logo-element-version {
    padding: 15px 12px !important;
    font-size: 12px;
    border-top: #384d60 solid 1px;
    margin-top: 10px !important;
    color: var(--bs-graydark);
}

.custom-switch {
    width: 28px;
    height: 16px;
    background: rgba(0, 0, 0, 0.48);
    border-radius: 1000px;
    position: relative;
    cursor: pointer;
}

.switch-thumb {
    width: 12px;
    height: 12px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: transform 0.2s;
}

.toggle-label {
    font-weight: 700;
    font-size: 12px;
    color: #000000;
}

.action-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 31px;
}

.btn-save {
    background: var(--primary-green);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 700;
    font-size: 12px;
}

.btn-cancel {
    background: var(--primary-orange);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 700;
    font-size: 12px;
}

.divider {
    height: 1px;
    background: var(--bs-gray-dark);
    margin: 10px 0;
    opacity: 0.5;
}

.comment-item {
    background: var(--bs-bg-white);
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(63, 79, 97, 0.12);
    padding: 10px;
    position: relative;
}

    .comment-item.internal {
        background: var(--bs-bg-light);
        border: 1px solid var(--bs-border-blue);
        margin: 10px 0;
    }

.comment-avatar span {
    width: 30px;
    height: 30px;
    background: var(--bs-bg-lightblue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.sidebar-menu {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: calc(100vh - 120px - 74px - 120px) !important;
}

.sidebar-with-bottom .e-sidebar-inner {
    position: relative;
    height: 100vh;
}

.app-version-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: inherit;
}

.comment-meta {
    flex-grow: 1;
    margin-top: 5px;
}

    .comment-meta .internal_level {
        display: flex;
        align-items: flex-start;
    }

.comment-author {
    font-weight: 600;
    font-size: 12px;
    color: var(--bs-textcolor);
    margin-bottom: 4px;
}

    .comment-author span {
        font-size: 12px;
        color: var(--bs-textgray-dark);
        font-weight: 400;
    }

.comment-content {
    font-size: 12px;
    color: var(--bs-textdark-black);
    line-height: 1.5;
    margin-bottom: 5px;
    word-break: break-word;
    white-space: pre-wrap;
}

.comment-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}

.action-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    font-weight: 600;
    font-size: 12px !important;
    cursor: pointer;
    text-decoration: none;
}

    .action-btn.edit {
        color: var(--primary-green);
    }

    .action-btn.edit {
        color: var(--primary-green);
    }

    .action-btn.delete {
        color: var(--danger-red);
    }

    .action-btn.history {
        color: #3c516e;
    }

.access-badge-color {
    background: var(--bs-btn-secondary) !important;
}
.access-badge {
    background: var(--bs-secondary);
    color: white;
    padding: 1px 5px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 10px;
    margin-left: 10px;
}

.icon {
    width: 12px;
    height: 12px;
}



.comment-actions .e-btn {
    background: transparent !important;
    border: transparent !important;
    font-weight: 600;
    font-size: 12px;
    padding: 0;
}

.comment-actions .edit {
    color: var(--bs-secondary);
}

.comment-actions .edit-disabled {
    color: var(--bs-text-disabled);
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.4;
}

    .comment-actions .edit-disabled svg path {
        fill: var(--bs-text-disabled);
    }

.comment-actions .delete {
    color: var(--bs-error-text);
}

.comment-actions .history {
    color: var(--bs-btn-history);
}

.comment_wrapper .e-float-input, .e-float-input.e-control-wrapper {
    margin-top: 20px !important;
}

.comment_wrapper {
    border-radius: 4px;
}

.custom_label {
    font-size: 13px;
    font-weight: 600;
    color: var(--bs-textdark-black);
    width: 50%;
}

/*.w-35 {
    width: 35%;
}*/

.access_level {
    background-color: #F6F8FB;
    border-left: 1px solid var(--bs-border-gray);
    border-right: 1px solid var(--bs-border-gray);
    border-bottom: 1px solid var(--bs-border-gray);
    padding: 4px 10px;
    border-radius: 0px 0px 4px 4px;
}

/* FloatLabelType.Always renders a floating <label> inside the Syncfusion wrapper.
   opacity:0 hides it visually but keeps it in NVDA's reading order (unlike display:none
   which removes from the accessibility tree). This lets NVDA read "Access Level" before
   the combo box value. The .custom_label span is the sighted-user visual label. */
.access_level .e-float-text {
    opacity: 0 !important;
}

/* Syncfusion bootstrap5 theme applies margin-top:24px to .e-float-input for the float label
   space. Remove it here so the Access Level bar keeps its original compact height. */
.access_level .e-float-input,
.access_level .e-float-input.e-control-wrapper {
    margin-top: 0 !important;
}

/* Remove the extra padding-top that FloatLabelType.Always adds to accommodate the float label */
.access_level .e-float-input > input,
.access_level .e-float-input.e-input-group > input {
    padding-top: 0 !important;
}

.br-none {
    border-radius: 4px 4px 0px 0px !important;
    border-bottom: 1px solid #f6f8fb !important;
}

.comment-details {
    display: flex;
}

/*.e-btn:focus {
    outline: 2px solid var(--bs-textcolor);
}

.comment-validation {
    background-color: #F6F8FB;
    border-left: 1px solid var(--bs-border-gray);
    border-right: 1px solid var(--bs-border-gray);
    color: #dc3545;
    font-size: 12px;
    padding-left: 10px;
    font-style: italic;
}*/

/* tree structure css start */

.tree_menu {
    background-color: var(--bs-bg-white);
    padding: 20px;
}

.tree_wrapper {
    border: 1px solid var(--bs-bg-gray);
    padding: 15px;
}

    .tree_wrapper .e-treeview .e-fullrow {
        height: auto;
        padding: 10px;
    }

    .tree_wrapper .e-treeview .e-list-item.e-active > .e-fullrow {
        background-color: var(--bs-bg-lightgray);
        border-color: var(--bs-bg-lightgray);
    }

    .tree_wrapper .e-list-parent li.e-active {
        background-color: var(--bs-bg-lightgray);
        border-color: var(--bs-bg-lightgray);
    }

    .tree_wrapper .e-treeview .e-fullrow {
        padding: 12px 0px;
    }

    .tree_wrapper .e-treeview .e-list-text {
        line-height: normal;
        min-height: auto;
    }

    .tree_wrapper .e-treeview .e-text-content {
        height: auto;
    }

    .tree_wrapper .e-treeview .e-list-text {
        font-weight: 400;
    }

    .tree_wrapper .e-treeview .e-list-item.e-hover > .e-fullrow, .tree_wrapper .e-treeview .e-list-item.e-node-focus > .e-fullrow {
        background-color: transparent !important;
        border-color: transparent !important;
    }

    .tree_wrapper .e-treeview .e-list-item.e-hover .e-text-content .e-list-text {
        font-weight: 600;
    }

    .tree_wrapper .e-list-item.e-level-1.e-has-child {
        margin-top: 5px;
    }

    .tree_wrapper .e-list-parent li.e-active {
        background-color: transparent !important;
        border-color: transparent !important;
    }


    .tree_wrapper .e-list-item.e-hover .e-text-content .e-list-text {
        color: var(--bs-textcolor) !important;
    }

    .tree_wrapper .e-treeview .e-has-child > .e-text-content .e-list-icon, .tree_wrapper .e-treeview .e-has-child > .e-text-content .e-icon-collapsible {
        color: var(--bs-text-nav) !important;
    }

    .tree_wrapper .e-treeview .e-list-item.e-has-child > .e-fullrow {
        background-color: transparent !important;
        border-color: transparent !important;
        color: var(--bs-bg-white) !important;
    }

    .tree_wrapper .e-treeview .e-level-1.e-has-child .e-list-parent .e-level-2 .e-text-content .e-list-text {
        font-weight: normal;
    }

.e-treeview .e-checkbox-wrapper {
    margin: 0 0 0 5px;
}

.e-treeview .e-list-item.e-node-focus > .e-fullrow {
    box-shadow: inset 0 0 0 2px #dee2e6;
    border: none;
}

.tree_wrapper .e-treeview .e-hover .e-icon-collapsible,
.tree_wrapper .e-treeview .e-hover .e-icon-expandable {
    color: var(--bs-text-nav) !important;
}

.tree_wrapper .e-treeview .e-has-child > .e-text-content .e-list-text {
    color: var(--bs-textcolor) !important;
}

.tree_wrapper .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
.tree_wrapper .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
.tree_wrapper .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
.tree_wrapper .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
    color: var(--bs-text-nav) !important;
}

.tree_wrapper .e-treeview .e-active .e-icon-collapsible, .tree_wrapper .e-treeview .e-active .e-icon-expandable {
    color: var(--bs-text-nav) !important;
}

.button_design {
    min-width: 0 !important;
}

.grid_wrapper {
    display: flex;
    justify-content: center;
    padding: 0 20px;
}

.grid_wrapper_justify_left {
    display: flex;
    justify-content: left;    
}

.center_grid {
    width: 100%;
    max-width: 600px;
}

.padding_left10 {
    padding-left: 10px;
}

.padding_left20 {
    padding-left: 20px;
}

.table_cell_readonly {
    padding: 8px;
    display: inline-block;
    width: 100%;
}

ul.cust-info {
    float: right;
    padding-left: 0px;
    margin-bottom: 0 !important;
}

    ul.cust-info li {
        display: inline-block;
        padding: 0 12px;
        font-size: 0.9rem;
        color: #000000;
        border-right: #e4e4e4 solid 1px;
    }

.font-medium {
    font-weight: 600;
    color: var(--bs-secondary) !important;
    font-style: normal;
}


.popover-container {
    position: relative; /* anchor for absolute popup */
}

.popoverWrapperList {
    position: absolute;
    top: 100%; /* directly below the + icon */
    right: 0;
    width: 288px;
    z-index: 9;
    background: #fff;
    text-align: left;
    padding: 15px 15px 5px;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
}

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

        .popoverWrapperList ul li {
            list-style: none;
            float: left;
            width: 100%;
            color: #000000;
            padding: 4px;
        }

.address-card-wrapper .e-card-header {
    min-height: 46px;
}

/*.e-stepper .e-step-container .e-step, .e-stepper .e-step-container .e-indicator {
    border-radius: 9999px;
    min-width: 16px;
    min-height: 16px;
}*/
.jurisdiction-container {
    overflow-x: scroll;
}

.jurisdiction-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}

    .jurisdiction-table thead th {
        background-color: var(--bs-secondary); /* Bootstrap primary blue, change as needed */
        color: white; /* White text for contrast */
        font-weight: 600;
    }

    .jurisdiction-table th,
    .jurisdiction-table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: center; /* Center text horizontally */
        vertical-align: middle; /* Center vertically */
    }

    .jurisdiction-table td {
        text-align: center; /* Center text horizontally */
    }

.e-btn:disabled, .e-btn.e-disabled, .e-css.e-btn:disabled, .e-css.e-btn.e-disabled {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.payment-collection-details {
    margin-top: 1rem;
}

.textbox-upper {
    text-transform: uppercase;
}

.jurisdictionDistance-table.without-distance-inquiry tbody tr td:nth-child(1),
.jurisdictionDistance-table.without-distance-inquiry tbody tr td:nth-child(4) {
    text-align: left !important;
}

.jurisdictionDistance-table.with-distance-inquiry tbody tr td:nth-child(1),
.jurisdictionDistance-table.with-distance-inquiry tbody tr td:nth-child(6) {
    text-align: left !important;
}

.padding_content {
    padding: 12px 5px;
}

.highlightText {
    color: red;
}

.popover-container {
    position: relative;
    display: inline-block;
}

.popoverWrapperList {
    display: none;
    position: absolute;
    right: 0;
    z-index: 10;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    padding: 10px;
    min-width: 250px;
}

.popover-container:hover .popoverWrapperList,
.popover-container:focus-within .popoverWrapperList {
    display: block;
}

.popoverWrapperList ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.popoverWrapperList li {
    padding: 5px 0;
}

.hover-trigger {
    cursor: pointer;
    font-weight: bold;
    background: none;
    border: none;
    padding: 0;
}

.subtotal-row {
    font-weight: bold !important;
    background-color: #f8f9fa;
}

/*  Global fix to prevent ellipsis in Syncfusion / Bootstrap inputs */
input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-input-group input, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group input, input.e-input:focus, .e-input-group input.e-input:focus, .e-input-group input:focus, .e-input-group.e-control-wrapper input.e-input:focus,
.e-input-group.e-control-wrapper input:focus, .e-float-input input:focus, .e-float-input.e-input-group input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input.e-control-wrapper.e-input-group input:focus, .e-input-group.e-input-focus input.e-input, .e-input-group.e-input-focus input, .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input, .e-float-input.e-input-focus input,
.e-float-input.e-input-group.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus input, .e-float-input.e-control-wrapper.e-input-group.e-input-focus input {
    text-overflow: inherit !important;
}

.e-numeric.text-right-align input {
    text-align: right !important;
    padding-right: 8px !important;
    padding-left: 0 !important;
}
.nowrap {
    white-space: nowrap;
    word-wrap: break-word; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

@media (max-width: 600px) {
    .d-flex .nowrap {
        font-size: 14px; 
        white-space: normal; 
    }
}

.e-summarycell.e-templatecell.e-rightalign {
    display: flex;
    justify-content: end;
    width: 100%;
}

.label-name {
    width: 40%;
}

.label-value {
    width: 60%;
}

.label-input {
    margin-right: 5px;
}

.e-btn.e-flat.e-primary:hover,
.e-btn.e-flat.e-primary:focus,
.e-btn.e-flat.e-primary:active {
    background-color: #007bff !important;
    color: #fff !important;
    border-color: #007bff !important;
    z-index: 1 !important;
}

.e-btn.e-flat:not(.e-primary):hover,
.e-btn.e-flat:not(.e-primary):focus,
.e-btn.e-flat:not(.e-primary):active {
    background-color: #e0e0e0 !important;
    color: #000 !important;
    border-color: #ccc !important;
    z-index: 1 !important;
}

.tree_view .tree_menu {
    padding: 0;
}

.tree_view .tree_wrapper {
    padding: 5px;
    border: 0;
}

.tree_view .tree_menu ul.e-list-parent li .e-list-text {
    font-size: 12px;
}

.tree_view .tree_menu .e-list-item.e-level-2, .tree_menu .e-list-item.e-level-3 {
    padding-left: 0;
}

/*.tree_view .e-treeview .e-ul {
    padding: 0;
}*/

.control_wrapper::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}

.tree_view .e-treeview .e-list-text {
    padding: 0;
}

.tree_view .e-text-content.e-icon-wrapper .e-list-text {
    padding-left: 0;
}

.tree_view .e-text-content .e-list-text {
    padding-left: 20px;
}

.control_wrapper {
    overflow-x: hidden;
}

/*.tree_view .e-treeview .e-icon-collapsible::before, .e-treeview .e-icon-expandable::before {
    font-size: 18px;
}*/

.tree_view .e-list-parent .e-list-item .e-list-text a {
    color: #0d6efd;
    font-weight: 500;
}

.tree_view .tree_wrapper .e-treeview .e-list-item.e-hover .e-text-content .e-list-text {
    font-weight: 600 !important;
}

.sidebar2 .title-header {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    padding-bottom: 8px;
    letter-spacing: 1px;
}

.sidebar2 .content-area {
    display: block;
    width: 100%;
    max-height: 315px;
    overflow-y: auto;
    padding-top: 5px;
}

.sidebar2 .custom-list .e-list-item {
    border: none !important;
    background: transparent !important;
    cursor: default !important;
    height: auto !important;
    overflow: visible !important;
}

    .sidebar2 .custom-list .e-list-item .text {
        pointer-events: none !important;
        cursor: default !important;
        width: auto;
        white-space: nowrap;
        flex: 1;
        overflow: visible;
    }

    .sidebar2 .custom-list .e-list-item .e-switch-wrapper {
        pointer-events: all !important;
        flex-shrink: 0;
    }

    .sidebar2 .custom-list .e-list-item:hover,
    .sidebar2 .custom-list .e-list-item.e-active {
        background: transparent !important;
    }

    .sidebar2 .custom-list .e-list-item:focus,
    .sidebar2 .custom-list .e-list-item:focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }

.sidebar2.floating-sidebar {
    position: relative !important;
    top: 50%;
    transform: translateY(-50%);
    width: 280px;
    height: 70vh;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
    background-color: white;
    z-index: 1002;
    padding: 15px;
    overflow-y: auto;
    transition: all 0.3s ease-in-out;
}

.e-sidebar.e-right.e-open, .e-sidebar.e-left.e-open {
    transform: translateX(0%);
    transition: all 0.3s ease-in-out;
    visibility: visible;
    max-width: 350px;
}

.sidebar2 .square-track-switch .e-switch-inner,
.sidebar2 .square-track-switch .e-switch-on,
.sidebar2 .square-track-switch .e-switch-off {
    border-radius: 20px !important;
}

.sidebar2 .square-track-switch .e-switch-handle {
    border-radius: 50% !important;
}

.sidebar2 .dashboard-container {
    position: relative;
    min-height: 100vh;
}

.toggle-icon1 {
    background: linear-gradient(135deg, var(--bs-secondary), var(--bs-toggle-color));
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 120, 255, 0.4);
    z-index: 1100;
    cursor: pointer;
    height: 46px;
    width: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
}
.demo .sidebar2 .list-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.demo .sidebar2 .sidebar-footer {
    text-align: center;
    margin-top: 15px;
}

.demo #userSidebar1.sidebar2 {
    height: auto;
    padding: 12px;
    top: 5%;
}

.sidebar2 .content-area::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.demo {
    display: flex;
    /* position: relative; */
    flex-direction: row-reverse;
    position: absolute;
    right: 0;
    top: 13%;
}

    .demo .content-area .e-listview:not(.e-list-template) .e-list-item {
        height: auto !important;
    }

    .demo .e-sidebar.e-right.e-close, .e-sidebar.e-left.e-close {
        box-shadow: none;
        display: none;
        transition: all 0.3s ease-in-out !important;
    }

    .demo .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focuesd.e-active.e-checklist {
        color: var(--bs-textcolor) !important;
    }

    .demo .e-listview .e-list-item {
        color: var(--bs-textcolor) !important;
    }

.checkBox-center {
    margin-left: 21px
}

.checkBox-center-VehDoc{
    margin-left: 16px
}

.tree_view .e-list-item.e-level-7 {
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.tree_view .tree_wrapper .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: transparent;
    border-color: transparent;
}

.tree_view .e-list-item.e-level-7 .e-list-text {
    margin-bottom: 5px;
}

.link-label {
    color: #0d6efd;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.padding_Amount_Withdraw {
    padding-right: 28px;
}


.e-panel-header {
    padding: 10px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
}

.panel-content {
    vertical-align: middle;
    font-size: 15px;
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.61);
    text-align: left;
    margin-bottom: 20px;
}

.e-panel-content {
    height: calc(100% - 28px);
    width: 100%;
    display: block;
}

.e-panel .e-header-text {
    padding: 12px 0 12px 0;
}

.e-dashboardlayout.e-control .e-panel .e-panel-header {
    /*    height: 37px;
    line-height: 19px;*/
    padding: 8px 10px;
    height: auto;
    vertical-align: middle;
    border-bottom: 0.5px solid #e3e3e3;
}

.e-dashboardlayout.e-control .e-panel.transcation .e-panel-header {
    padding-top: 5px;
}

.mobile .e-control.e-lib.e-dashboardlayout.e-responsive {
    z-index: 0;
    overflow: scroll;
}

.e-control.e-lib.e-dashboardlayout.e-responsive {
    z-index: 0;
}

.bootstrap5 .e-dashboardlayout.e-control .e-panel .e-panel-header,
.bootstrap5-dark .e-dashboardlayout.e-control .e-panel .e-panel-header {
    line-height: 20px;
}

.delete-icon-align {
    text-align: left;
    display: flex
}

.change-amount-align input {
    text-align: end !important;
    margin-right: 5px !important;
}

.custom-disabled-checkbox.e-checkbox-wrapper.e-checkbox-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

    .custom-disabled-checkbox.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
        background-color: gray !important;
        border-color: gray !important;
        color: #fff !important;
    }

.font_size13 {
    font-size: 13px;
}

/* Dashboard CSS */
.Pending {
    background: #F2F4F9 !important;
    /* height: 46px; */
    border-bottom: 1px solid var(--bs-border-gray) !important;
    font-size: 18px;
    font-weight: bold;
    color: var(--bs-textcolor);
    padding: 8px 10px;
    height: auto;
    vertical-align: middle;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.ibox-content {
    background: var(--bs-white, #ffffff);
    border-radius:0px 0px 4px 4px;
}
.field-row, .field-label, .field-value {
    font-size: 13px;
    word-break: break-all;
}
.irp_summary {
    display: flex;
}
.field-row .field-label {
    font-weight: 600;
    color: var(--bs-gray-700, #495057);
}

/*pending transaction new*/
.Pending {
    background: #F2F4F9 !important;
    /* height: 46px; */
    border-bottom: 1px solid var(--bs-border-gray) !important;
    font-size: 18px;
    font-weight: bold;
    color: var(--bs-textcolor);
    padding: 8px 10px;
    height: auto;
    vertical-align: middle;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.e-dashboardlayout.e-control .e-panel.Revenue .e-panel-container .e-panel-header {
    display: none;
}

/*revenue-office- new along with Revenue*/
.revenue-background {
    background: var(--bs-bg-white) !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: auto;
    border: 1px solid var(--bs-border-gray) !important;
    box-shadow: none;
    border-radius: 4px;
}

.Revenue .panel-content b:last-of-type::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 4px !important;
    background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.3125 5.73975C8.20752 5.73975 8.10684 5.78145 8.0326 5.85568C7.95837 5.92992 7.91667 6.0306 7.91667 6.13558C7.91667 6.24056 7.95837 6.34124 8.0326 6.41548C8.10684 6.48971 8.20752 6.53141 8.3125 6.53141H10.6875C10.7925 6.53141 10.8932 6.48971 10.9674 6.41548C11.0416 6.34124 11.0833 6.24056 11.0833 6.13558C11.0833 6.0306 11.0416 5.92992 10.9674 5.85568C10.8932 5.78145 10.7925 5.73975 10.6875 5.73975H8.3125ZM7.52083 10.0939C7.52083 10.3039 7.43743 10.5052 7.28896 10.6537C7.14049 10.8022 6.93913 10.8856 6.72917 10.8856C6.5192 10.8856 6.31784 10.8022 6.16937 10.6537C6.02091 10.5052 5.9375 10.3039 5.9375 10.0939C5.9375 9.88395 6.02091 9.68259 6.16937 9.53412C6.31784 9.38565 6.5192 9.30225 6.72917 9.30225C6.93913 9.30225 7.14049 9.38565 7.28896 9.53412C7.43743 9.68259 7.52083 9.88395 7.52083 10.0939ZM7.52083 12.8647C7.52083 13.0747 7.43743 13.2761 7.28896 13.4245C7.14049 13.573 6.93913 13.6564 6.72917 13.6564C6.5192 13.6564 6.31784 13.573 6.16937 13.4245C6.02091 13.2761 5.9375 13.0747 5.9375 12.8647C5.9375 12.6548 6.02091 12.4534 6.16937 12.305C6.31784 12.1565 6.5192 12.0731 6.72917 12.0731C6.93913 12.0731 7.14049 12.1565 7.28896 12.305C7.43743 12.4534 7.52083 12.6548 7.52083 12.8647ZM9.5 10.8856C9.70996 10.8856 9.91133 10.8022 10.0598 10.6537C10.2083 10.5052 10.2917 10.3039 10.2917 10.0939C10.2917 9.88395 10.2083 9.68259 10.0598 9.53412C9.91133 9.38565 9.70996 9.30225 9.5 9.30225C9.29004 9.30225 9.08867 9.38565 8.94021 9.53412C8.79174 9.68259 8.70833 9.88395 8.70833 10.0939C8.70833 10.3039 8.79174 10.5052 8.94021 10.6537C9.08867 10.8022 9.29004 10.8856 9.5 10.8856ZM10.2917 12.8647C10.2917 13.0747 10.2083 13.2761 10.0598 13.4245C9.91133 13.573 9.70996 13.6564 9.5 13.6564C9.29004 13.6564 9.08867 13.573 8.94021 13.4245C8.79174 13.2761 8.70833 13.0747 8.70833 12.8647C8.70833 12.6548 8.79174 12.4534 8.94021 12.305C9.08867 12.1565 9.29004 12.0731 9.5 12.0731C9.70996 12.0731 9.91133 12.1565 10.0598 12.305C10.2083 12.4534 10.2917 12.6548 10.2917 12.8647ZM12.2708 10.8856C12.4808 10.8856 12.6822 10.8022 12.8306 10.6537C12.9791 10.5052 13.0625 10.3039 13.0625 10.0939C13.0625 9.88395 12.9791 9.68259 12.8306 9.53412C12.6822 9.38565 12.4808 9.30225 12.2708 9.30225C12.0609 9.30225 11.8595 9.38565 11.711 9.53412C11.5626 9.68259 11.4792 9.88395 11.4792 10.0939C11.4792 10.3039 11.5626 10.5052 11.711 10.6537C11.8595 10.8022 12.0609 10.8856 12.2708 10.8856Z' fill='%235FA78F'/><path fill-rule='evenodd' clip-rule='evenodd' d='M6.33333 2.771C6.43831 2.771 6.539 2.8127 6.61323 2.88693C6.68746 2.96117 6.72917 3.06185 6.72917 3.16683V3.9585H12.2708V3.16683C12.2708 3.06185 12.3125 2.96117 12.3868 2.88693C12.461 2.8127 12.5617 2.771 12.6667 2.771C12.7716 2.771 12.8723 2.8127 12.9466 2.88693C13.0208 2.96117 13.0625 3.06185 13.0625 3.16683V3.96087C13.2562 3.96245 13.4288 3.96932 13.5802 3.98145C13.8692 4.0052 14.1225 4.05508 14.3569 4.17383C14.7292 4.36375 15.0318 4.66665 15.2214 5.03912C15.3409 5.27345 15.3908 5.52679 15.4145 5.81495C15.4375 6.096 15.4375 6.44195 15.4375 6.87104V12.921C15.4375 13.35 15.4375 13.6968 15.4145 13.9762C15.3908 14.2652 15.3409 14.5185 15.2214 14.7529C15.0317 15.1251 14.7291 15.4277 14.3569 15.6174C14.1225 15.7369 13.8692 15.7868 13.581 15.8105C13.3 15.8335 12.954 15.8335 12.5258 15.8335H6.47504C6.04596 15.8335 5.69921 15.8335 5.41975 15.8105C5.13079 15.7868 4.87746 15.7369 4.64312 15.6174C4.27065 15.4278 3.96775 15.1252 3.77783 14.7529C3.65908 14.5185 3.60921 14.2652 3.58546 13.977C3.5625 13.696 3.5625 13.3492 3.5625 12.9202V6.87183C3.5625 6.49579 3.5625 6.18466 3.57833 5.9242L3.58546 5.81654C3.60921 5.52758 3.65908 5.27425 3.77783 5.03991C3.96762 4.66732 4.27053 4.3644 4.64312 4.17462C4.87746 4.05587 5.13079 4.006 5.41896 3.98225C5.57149 3.97011 5.74433 3.96325 5.9375 3.96166V3.16683C5.9375 3.06185 5.9792 2.96117 6.05344 2.88693C6.12767 2.8127 6.22835 2.771 6.33333 2.771ZM5.9375 5.146V4.75254C5.78614 4.75379 5.63485 4.75986 5.48388 4.77075C5.24479 4.78975 5.10704 4.82616 5.00254 4.8792C4.7789 4.99309 4.59709 5.1749 4.48321 5.39854C4.43017 5.50304 4.39375 5.64079 4.37475 5.87987C4.35417 6.1245 4.35417 6.438 4.35417 6.88766V7.32308H14.6458V6.88766C14.6458 6.438 14.6458 6.1245 14.6253 5.87987C14.6063 5.64079 14.5698 5.50304 14.5168 5.39854C14.4029 5.1749 14.2211 4.99309 13.9975 4.8792C13.893 4.82616 13.7552 4.78975 13.5161 4.77075C13.3651 4.75986 13.2139 4.75379 13.0625 4.75254V5.146C13.0625 5.25098 13.0208 5.35166 12.9466 5.42589C12.8723 5.50013 12.7716 5.54183 12.6667 5.54183C12.5617 5.54183 12.461 5.50013 12.3868 5.42589C12.3125 5.35166 12.2708 5.25098 12.2708 5.146V4.75016H6.72917V5.146C6.72917 5.25098 6.68746 5.35166 6.61323 5.42589C6.539 5.50013 6.43831 5.54183 6.33333 5.54183C6.22835 5.54183 6.12767 5.50013 6.05344 5.42589C5.9792 5.35166 5.9375 5.25098 5.9375 5.146ZM14.6458 8.11475H4.35417V12.9043C4.35417 13.354 4.35417 13.6683 4.37475 13.9121C4.39375 14.1512 4.43017 14.289 4.48321 14.3935C4.59709 14.6171 4.7789 14.7989 5.00254 14.9128C5.10704 14.9658 5.24479 15.0022 5.48388 15.0212C5.7285 15.0418 6.042 15.0418 6.49167 15.0418H12.5083C12.958 15.0418 13.2723 15.0418 13.5161 15.0212C13.7552 15.0022 13.893 14.9658 13.9975 14.9128C14.2211 14.7989 14.4029 14.6171 14.5168 14.3935C14.5698 14.289 14.6063 14.1512 14.6253 13.9121C14.6458 13.6683 14.6458 13.354 14.6458 12.9043V8.11475Z' fill='%2315846e'/></svg>");
    !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.Revenue .e-card-header span, .Revenue .e-card-header p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.Revenue .e-card-header span {
    color: var(--bs-textgray-dark);
    text-align: left;
}

    .Revenue .panel-content {
        padding: 0 15px;
    }

.Revenue .e-card-header p {
    color: var(--bs-secondary);
}

.Revenue .e-card-header {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}


    .Revenue .e-card-header > *:last-child {
        color: var(--bs-secondary) !important;
        font-weight: 600 !important;
        font-size: 13px;
        letter-spacing: 1px;
    }


.Revenue .panel-content b:first-of-type,
.Revenue .e-card-content b:first-of-type {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.Revenue .panel-content p,
.Revenue .e-card-content p {
    margin: 0 !important;
    color: rgba(0,0,0,0.6) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.Revenue .panel-content b:last-of-type,
.Revenue .e-card-content b:last-of-type {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    padding: 5px 15px !important;
    border-radius: 30px !important;
    border: 1px solid var(--bs-border-gray) !important;
    background: transparent !important;
    color: var(--bs-gray-dark) !important;
    font-weight: 600 !important;
    font-size: 13px;
    width:auto;
    box-sizing: border-box !important;
}

/*open-transaction-new  only this is used no old css required*/
.open-transaction-parent {
    border: 1px solid var(--bs-border-gray) !important;
    box-shadow: none;
    overflow: hidden;
    border-radius: 4px !important;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    padding-top: 20px;
}

    .open-transaction-parent .open-transaction-label {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        color: var(--bs-textcolor);
        border-top: 1px solid var(--bs-border-gray) !important;
        padding: 8px 10px;
        margin-top: 10px;
    }

    .open-transaction-parent .dashboard-count-value {
        background-color: var(--bs-secondary);
        font-size: 20px;
        font-weight: bold;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        color: var(--bs-bg-white);
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

/*.transcation,
.e-panel.transcation,
.transcation .e-card {
    position: relative;*/
    /* Clip the decorative wave background (::before below) to the card's
       own rounded bounds. It previously used "visible" so the header/box
       shadow wouldn't get clipped, but that also let the wave bleed a few
       pixels past the card's right edge into the page margin whenever the
       SfDashboardLayout row width is off by a hair (e.g. while the browser
       scrollbar is toggling on/off during async widget loads). Hidden is
       safe here because the wave pseudo-element is already sized to match
       this container (left:0; right:0) and its corners already mirror this
       card's border-radius. Note: this widget's contents don't use any
       absolutely-positioned overlays (Syncfusion tooltips/menus render into
       document.body, not inline), so nothing legitimate gets clipped by
       this change — re-verify this assumption if this widget's content is
       ever extended with custom popovers/dropdowns. */
    /*overflow: hidden;
    background: var(--bs-bg-white) !important;
    border-radius: 6px !important;
    padding-top: 40px;
    text-align: center;
}

    .transcation .e-panel-container .e-panel-content::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 72px;
        pointer-events: none;
        background-image: repeating-linear-gradient( 90deg, rgba(25,170,141,0.95) 0px, rgba(25,170,141,0.95) 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 4px );
        -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 66%);
        mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 66%);
        z-index: 1;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .transcation .e-card-header,
    .e-panel.transcation .e-card-header {
        position: absolute !important;
        top: 140px;
        left: 0;
        right: 0;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        background: transparent !important;
        border-bottom: 0 !important;
        z-index: 2;
        pointer-events: none;
    }

        .transcation .e-card-header .e-header-text,
        .transcation .e-card-header > * {
            color: #111 !important;
            font-weight: 700 !important;
            letter-spacing: 2px !important;
            font-size: 14px !important;
            text-transform: uppercase !important;
            text-align: center !important;
        }

    .transcation .e-card-content,
    .e-panel.transcation .e-card-content,
    .transcation .panel-content {
        padding-top: 40px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        z-index: 0;
    }

.e-dashboardlayout.e-control .e-panel.transcation .e-panel-container .e-panel-header {
    background: transparent !important;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: var(--bs-textcolor);
    border-bottom: none;
}



.transcation .e-panel-content {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.transcation .e-panel-container {
    display: flex;
    flex-direction: column-reverse;
}*/

.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
    background: transparent !important;
    font-size: 18px;
    font-weight: bold;
    color: var(--bs-textcolor);
    border-bottom: none;
}

.e-dashboardlayout.e-control .e-panel {
    background: var(--bs-bg-white) !important;
    border: 1px solid var(--bs-border-gray) !important;
    box-shadow: none;
}

.usage_details {
    padding: 0 10px;
    font-size: 13px;
    font-weight: 600;
}

.inventory-usage-container {
    background: var(--bs-bg-white) !important;
    border: 1px solid var(--bs-border-gray);
    overflow: hidden;
}

/* Customer Dashboard - small separation between stacked widgets */
.customer-dashboard-widgets > div,
.customer-dashboard-widgets > .row {
    margin-bottom: 2px;
}

    .customer-dashboard-widgets > .row > [class*="col-"] {
        margin-bottom: 2px;
    }

.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
    background: #F2F4F9 !important;
    /*    height: 46px;*/
    border-bottom: 1px solid var(--bs-border-gray) !important;
}
/*.e-dashboardlayout.e-control .e-panel .e-panel-header {
    height:auto !important;
}*/

.activity_log .e-grid .e-headercell, .activity_log .e-grid .e-detailheadercell {
    background-color: var(--bs-bg-white) !important;
    color: var(--bs-textcolor) !important;
}

.activity_log .grid-container .mt-4 {
    margin-top: 0 !important;
}

.payment svg text {
    fill: var(--bs-gray-dark) !important;
    font-size: 14px !important;
}

/*.payment svg {
    height:40vh !important;
}
*/
.transaction svg text {
    fill: var(--bs-textcolor) !important;
    font-size: 14px !important;
}

.transaction svg text[id*="datalabel"] {
    fill: var(--bs-bg-white) !important;
}

.activity_log .e-icons {
    color: var(--bs-gray-dark) !important;
}

.paid svg text {
    color: var(--bs-textcolor) !important;
}

.activity_log .e-grid .e-gridheader {
    border-top-width: 1px !important;
}

.activity_log .e-grid.e-resize-lines .e-headercell .e-rhandler, .e-grid.e-resize-lines .e-headercell .e-rsuppress {
    border-right: none;
}

@media (min-width: 1100px) and (max-width: 1404px) {

    .activity_log .e-panel-content {
     /*   display: flex;*/
        justify-content: center;
        padding: 25px;
        align-items: start;
    }
}
.password-mask {
    -webkit-text-security: disc; /* Chrome, Edge */
}
.popup-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    justify-content: center; /* center left-right */
    align-items: flex-start; /* push content to top */
}

.popup-box {
    background: #fff;
    padding: 2em;
    border-radius: 8px;
    max-width: 90vw;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.password-mask {
    -webkit-text-security: disc; /* Chrome, Edge */
}


.e-message.e-notification {
    background-color: var(--bs-bg-error);
    border-color: var( --bs-border-error);
    color: var(--bs-text-error);
}

    .e-message.e-notification .e-msg-icon {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        vertical-align: middle;
        background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.9999L5.57465 20.2985C5.61893 20.4756 5.64107 20.5642 5.66727 20.6415C5.92317 21.397 6.60352 21.9282 7.39852 21.9933C7.4799 21.9999 7.5712 21.9999 7.75379 21.9999C7.98244 21.9999 8.09677 21.9999 8.19308 21.9906C9.145 21.8982 9.89834 21.1449 9.99066 20.193C10 20.0967 10 19.9823 10 19.7537V5.49991M18.5 13.4999C20.433 13.4999 22 11.9329 22 9.99991C22 8.06691 20.433 6.49991 18.5 6.49991M10.25 5.49991H6.5C4.01472 5.49991 2 7.51463 2 9.99991C2 12.4852 4.01472 14.4999 6.5 14.4999H10.25C12.0164 14.4999 14.1772 15.4468 15.8443 16.3556C16.8168 16.8857 17.3031 17.1508 17.6216 17.1118C17.9169 17.0756 18.1402 16.943 18.3133 16.701C18.5 16.4401 18.5 15.9179 18.5 14.8736V5.1262C18.5 4.08191 18.5 3.55976 18.3133 3.2988C18.1402 3.05681 17.9169 2.92421 17.6216 2.88804C17.3031 2.84903 16.8168 3.11411 15.8443 3.64427C14.1772 4.55302 12.0164 5.49991 10.25 5.49991Z' stroke='%23B30000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        color: transparent !important;
    }


.table_padding {
    padding:0px;
}

.nonpendingtransactions .e-grid .e-table {
    width: 172%;
}

.nonpendingtransactions .e-grid.e-responsive .e-rowcell, .e-grid.e-responsive .e-headercelldiv {
    text-overflow: inherit;
}

.quick-links {
    margin: 0;
    padding: 16px 0px;
    display: flex;
    /* flex-direction: column; */
    gap: 7px;
    background: var(--bs-bg-white) !important;
}

    .quick-links .field-row {
        margin-bottom: 5px;
        text-decoration: underline;
        text-decoration-color: var(--bs-link-color);
    }
    .quick-links .field-row:hover {
        text-decoration: none;
    }
.escrow-container {
    background-color: var(--bs-bg-white);
    height: 100%;
    border-radius: 4px;
}

/* Dashboard widget loading placeholder.
   SfDashboardLayout used to reserve panel height via SizeY, so the per-widget
   NxProcessSpinner always had room to render. With the Bootstrap layout the
   widget body collapses to zero height while loading, hiding the spinner.
   Reserve a minimum height and center the spinner so each widget shows its own
   loading state under its header until its data arrives. */
.customer-dashboard-widgets .spin-row,
.dashboard-widgets .spin-row {
    position: relative;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-bg-white) !important;
}

.customer-dashboard-widgets #container > .col-sm,
.dashboard-widgets #container > .col-sm {
    padding: 0;
}

.link-item {
    cursor: pointer;
    font-size: 14px;
    padding: 0 10px;
    text-decoration: none;
    color: var(--bs-link-color) !important;
}

.readonly-input {
    display: inline-block;
    width: 100%;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.5;
    color: #343a40;
    background: var(--bs-border-gray) !important;
    border: 1px solid #ced4da;
    border-color: #ced4da;
    border-radius: 0.25rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.readonly-input:hover {
    background-color: #dee2e6; 
}
.announcementForLabel .form-label {
    color: #343a40;
    margin-bottom:0;
    font-size:13px;
}
.announcementFor .e-list-group-item {
    font-weight: 500;
    padding-left: 14px;
    color: #1f1d1d !important;
}
.announcementFor .e-list-group-item ~ .e-list-item {
        padding-left: 28px;
}
.announcementFor .e-list-item {
    display: flex;
    align-items: center;
}
.announcementFor  .e-frame {
    margin-right: 5px;
}
.uploader-section {
    display: grid;
    gap: 0.75rem;
    align-items: start;
    margin: 1.25rem auto;
}

.uploader-label {
    font-weight: 600;
    font-size: 1rem;
}

.e-accordion .e-acrdn-item {
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0 !important;
}

   /* .e-accordion .e-acrdn-item [aria-expanded="false"] {
        margin-bottom: 10px !important;
    }*/

.e-acrdn-header [aria-expanded="false"] {
    margin-bottom: 10px !important;
}
    .e-accordion .e-acrdn-item [aria-expanded="true"] {
        margin-bottom: 0px !important;
    }

.e-accordion .e-acrdn-item [aria-expanded="true"] {
    margin-bottom: 0px !important;
}

.e-avatar.e-avatar-xlarge {
    height: 40px;
    width: 40px;
    font-size: 18px;
}

.add-address-card:hover .e-avatar {
    background-color: var(--bs-bg-white) !important;
}

/*input:focus-visible {
    outline: 2px solid var(--bs-secondary) !important;
    border-radius: 4px !important;
}
*/
input:focus-within {
    border-bottom: none !important;
}

.e-card .e-card-content, .e-card .e-card-content p {
    margin-bottom: 0 !important;
}

.nx-switch-inline[b-ju4r2cg1q6] {
    align-items: flex-start !important;
}

.e-checkbox-wrapper.e-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 10px;
}

.e-checkbox-wrapper.e-checkbox-disabled,
.e-css.e-checkbox-wrapper.e-checkbox-disabled {
opacity: 1;
cursor: not-allowed;
pointer-events: none;
}

.e-checkbox-wrapper.e-checkbox-disabled .e-frame,
.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame {
background-color: #b0b0b0 !important;
border-color: #b0b0b0 !important;
}

.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
    background-color: #b0b0b0 !important;
    border-color: #b0b0b0 !important;
    color: #fff !important;
}

.e-checkbox-wrapper.e-checkbox-disabled .e-label,
.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-label {
color: var(--bs-text-disabled) !important;
cursor: not-allowed;
}

.e-checkbox-wrapper.e-checkbox-disabled .e-frame:not(.e-check),
.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame:not(.e-check) {
background-color: #d6d6d6 !important;
border-color: #b0b0b0 !important;
}

.button_link a {
    text-decoration: none;
    color: var(--bs-cardtext-color) !important;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.popoverWrapperList ul li {
    border-right: 0 !important;
}

.e-button-center {
    margin-bottom: 18px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.e-input-focus input {
    border: none !important;
}

.e-float-input.e-input-group .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper .e-clear-icon {
    padding-right: 0;
    padding-top: 10px;
    position: absolute;
    right: 0px;
}

.dashed-divider {
    border: none;
    border-top: 2px dashed #000;
    margin-top: 15px;
}

.dashed-hr {
    border: none;
    border-top: 2px dashed #000;
}
.audit-selection-input{
    width:100%;
}

.e-tooltip {
    float: right;
}

/* SC 1.3.1 — AuditAdvanceGrid radio buttons: Label param required for ARIA association.
   Column headers (HIGH/LOW/NONE) already provide visual context, so label text
   is visually hidden using the clip pattern (same as .visually-hidden). */
.audit-advance-grid .e-radio-wrapper .e-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.help-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--bs-bg-white);
    color: var(--bs-secondary);
    font-size: 12px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 5px;
}

.e-grid .e-headertext {
    width: auto !important;
}

.fleet-help-tooltip {
    max-width: 460px !important;
}

.fleet-help-container {
    display: flex;
    width: 100%;
    gap: 0;
}

.fleet-help-container .e-grid {
    flex: 1; 
    min-width: 0; 
}

.fleet-help-container .e-gridcontent,
.fleet-help-container .e-gridheader {
    overflow-x: hidden !important;
}

.fleet-help-container .e-grid td {
    white-space: normal; 
    word-break: break-word; 
}

.fleet-help-container .e-rowcell {
    height: auto !important;
}

.transaction-label {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    color: #000; 
}

[b-ozpunq259y] .tree-item-icon {
    margin-top: 2px;
}

.comment-actions svg {
    fill: var(--bs-secondary) !important;
}

.document-upload-section .e-acrdn-header {
    display: none !important;
}

.document-upload-section .e-acrdn-panel {
    display: block !important;
}

.document-upload-section .e-acrdn-header-icon {
    display: none !important;
}

.grid-section-header {
    background-color: #5a6268;
    color: #fff;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    display: inline-block;
    min-width: 150px;
}

.vehicle-info-block {
    margin-bottom: 12px;
}

.eft-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    padding: 5px 10px;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 19px;
}

.eft-month {
    font-size: 19px;
    font-weight: 700;
}

button.eft-scan-button:focus {
    outline: none;
    box-shadow: none;
}

button.eft-scan-button.btn-link {
    background: none;
    border: none;
    color: #007bff;
    cursor: pointer;
    text-decoration: underline;
}

button.eft-scan-button[disabled], button.eft-scan-button.disabled-button {
    cursor: not-allowed;
    opacity: 0.6;
}

button.eft-scan-button {
background: none;
border: none;
padding: 0;
font-size: inherit;
font-family: inherit;
font-weight: 450;
}

button.eft-scan-button:not([disabled]) {
    color: #0066cc;
    cursor: pointer;
    text-decoration: underline;
}

button.eft-scan-button:not([disabled]):hover {
    color: #004499;
}

button.eft-scan-button[disabled],
button.eft-scan-button.disabled-button {
    color: #333333;
    cursor: default;
    opacity: 1;
    text-decoration: none;
    background-color: transparent;
}

.e-grid th.e-headercell:nth-child(6) {
    padding-left: 14px; 
}

.report-delete-button-container {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.e-accordion .e-acrdn-item {
    margin-top: 10px !important;
}

.or-separator {
    text-align: center;
    margin: 20px 0;
    position: relative;
}

.or-text {
    background: white;
    padding: 0 15px;
    color: #d32f2f;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    z-index: 1;
}

.or-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 0;
}

.view-icon {
    cursor: pointer;
}

/* Disclaimer page*/
.disclaimer-page {
    background: #efefef;
    min-height: 100vh;
    padding: 10px 0;
}

.disclaimer-card {
    background: #f7f7f7;
    padding: 7px;
    border-radius: 4px;
    max-width: 900px;
    margin: auto;
    margin-bottom: 15px;
    border: 1px solid #dcdcdc;
}

.disclaimer-card-title {
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    color: var(--bs-bg-blue);
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: 2px solid #3f5166;
    margin-bottom: 12px;
}

.disclaimer-header {
    background: #3f5166;
    color: #fff;
    font-weight: 600;
    padding: 6px 12px;
    display: inline-block;
    margin-bottom: 9px;
    font-size: 14px;
}

.custom-accordion .e-acrdn-item {
    border: none !important;
}

.custom-accordion .e-acrdn-header {
    background: #e3e3e3 !important;
    padding: 10px 12px !important;
    font-weight: 600;
    border: 1px solid #cfcfcf !important;
}

.custom-accordion .e-acrdn-content {
    background: #ffffff !important;
    padding: 15px !important;
    border: 1px solid #cfcfcf !important;
    border-top: none !important;
}

.custom-accordion .e-acrdn-item + .e-acrdn-item {
    margin-top: 6px;
}

.disclaimer-section-body {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.disclaimer-loading {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}

.disclaimer-button-group {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.5rem;
}

@media (max-width: 600px) {
    .disclaimer-button-group {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
        padding: 0 1rem 1.5rem;
    }

        .disclaimer-button-group .e-btn {
            width: 180px;
            min-width: 180px;
            flex-shrink: 0;
        }
}

/*Login page disclaimer*/

.login-disclaimer-link.btn-link {
    /* SC 1.4.3: #0056b3 = 4.64:1 on white — passes WCAG AA. */
    color: #0056b3;
    text-decoration: none;
    cursor: pointer;
    font-size: inherit;
    line-height: inherit;
}

    .login-disclaimer-link.btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .login-disclaimer-link.btn-link:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.disclaimer-modal .e-dialog {
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.disclaimer-modal .e-dlg-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
}

.login-modal-body {
    padding: 20px;
    line-height: 1.6;
}

.login-modal-subtitle {
    color: #495057;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}

.login-disclaimer-links {
    margin-top: 1.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.disclaimer-system-title {
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
    color: #212529;
}

.disclaimer-copyright {
    color: #495057;
    font-size: 0.85rem;
    white-space: normal;
    text-align: center;
}

.disclaimer-links-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 0;
}

.login-disclaimer-link {
    background: none;
    border: none;
    /* SC 1.4.3: #007bff = 3.0:1 on white — fails WCAG AA 4.5:1.
       #0056b3 = 4.64:1 on white — passes. */
    color: #0056b3;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.78rem;
    padding: 0;
    margin: 0;
    line-height: 1.5;
    white-space: nowrap;
    flex-shrink: 0;
}

    .login-disclaimer-link:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .login-disclaimer-link:focus {
        outline: 2px solid #007bff;
        outline-offset: 2px;
        border-radius: 2px;
    }

/* SC 1.4.3 — RentalCancleInitPayment form-button links (Show Hand Log, View TA).
   Bootstrap --bs-primary #0d6efd on grey panel #e5e6e3 = 3.59:1 — fails WCAG AA 4.5:1.
   #0052cc on #e5e6e3 = 5.05:1 — passes. */
.cancel-init-link {
    color: #0052cc;
    text-decoration: none;
    cursor: pointer;
}

    .cancel-init-link:hover,
    .cancel-init-link:focus {
        color: #003d99;
        text-decoration: underline;
    }

.login-disclaimer-sep {
    margin: 0 0.25rem;
    color: #6c757d;
    font-size: 0.78rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.login-disclaimer-break {
    display: none;
}

.login-disclaimer-sep-desktop {
    display: inline;
    margin: 0 0.25rem;
    color: #6c757d;
    font-size: 0.78rem;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (max-width: 1024px) and (min-width: 601px) {
    .disclaimer-links-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .login-disclaimer-break {
        display: block;
        width: 100%;
        height: 0;
        flex-basis: 100%;
    }

    .login-disclaimer-sep-desktop {
        display: none;
    }

    .login-disclaimer-link {
        font-size: 0.8rem;
        flex-shrink: 1;
    }

    .login-disclaimer-sep {
        font-size: 0.8rem;
    }

    .disclaimer-copyright {
        font-size: 0.8rem;
    }

    .disclaimer-system-title {
        font-size: 0.8rem;
        font-weight: 700;
    }
}

@media (max-width: 600px) {
    .disclaimer-links-row {
        flex-direction: column;
        align-items: center;
        gap: 0.3rem;
    }

    .login-disclaimer-sep,
    .login-disclaimer-sep-desktop,
    .login-disclaimer-break {
        display: none;
    }

    .login-disclaimer-link {
        font-size: 0.78rem;
        flex-shrink: 1;
    }

    .disclaimer-copyright {
        font-size: 0.78rem;
    }

    .disclaimer-system-title {
        font-size: 0.9rem;
        font-weight: 700;
    }
    .irp_summary {
        display:block !important;
    }
    .field-row {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .field-value {
        padding-left: 0px !important;
    }
    .e-grid .e-rowcell {
        font-size: 13px !important;
        padding: 4px 10px;
    }
}

.disclaimer-subtitle {
    font-weight: 700;
}

.disclaimer-logout-form
{
    display:none;
}

.nx-checkbox-disabled.e-checkbox-wrapper,
.nx-checkbox-disabled .e-checkbox-wrapper {
    cursor: not-allowed;
    opacity: 0.65;
}

.nx-checkbox-disabled .e-label {
    color: var(--bs-text-disabled) !important;
    cursor: not-allowed;
}

.nx-checkbox-disabled .e-frame {
    opacity: 0.7;
}

.nx-checkbox-disabled .e-ripple-container {
    display: none;
}
.jurisdiction-table-font {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.section-divider {
    border-top: 2px dotted #dee2e6;
    margin: 20px 0;
    padding: 0;
}

.announcement-validation-message {
    color: #dc3545;
    font-size: 12px;
    font-style: italic;
}
.font-weight-600
{
    font-weight:600;
}
.comment-validation {
    color: #dc3545;
}
.exception-field-box {
    min-height: 2.5rem;
}

.footer_logo {
    padding: 0 10px;
}


.address-suggestion-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.address-suggestion-more {
    color: blue;
}

.batch-delete-button-container {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.net-amount-row {
    font-weight: bold !important;
}

/* Toast - nx-* classes bypass ALL Syncfusion built-in green borders/accents */
.e-toast-container .e-toast.nx-success {
    background: var(--bs-btn-primary) !important;
    color: #fff !important;
}

.e-toast-container .e-toast.nx-warning {
    background: var(--bs-btn-secondary) !important;
    color: #fff !important;
}

.e-toast-container .e-toast.nx-danger {
    background: var(--bs-btn-negative) !important;
    color: #fff !important;
}

    .e-toast-container .e-toast.nx-success .e-toast-message,
    .e-toast-container .e-toast.nx-success .e-toast-content,
    .e-toast-container .e-toast.nx-warning .e-toast-message,
    .e-toast-container .e-toast.nx-warning .e-toast-content,
    .e-toast-container .e-toast.nx-danger .e-toast-message,
    .e-toast-container .e-toast.nx-danger .e-toast-content {
        color: #fff !important;
    }

.e-toast-container .e-toast {
    border: none !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    outline: none !important;
    overflow: hidden !important;
    min-width: 260px !important;
    max-width: 360px !important;
    width: auto !important;
}

    .e-toast-container .e-toast .e-toast-progress {
        display: none !important;
    }

.e-control-wrapper.e-success,
.e-control-wrapper.e-success:hover,
.e-control-wrapper.e-success:focus-within,
.e-input-group.e-success,
.e-input-group.e-success:hover,
.e-input-group.e-success:focus-within {
    border-color: var(--bs-primary) !important;
}


.e-float-input.e-success input,
.e-float-input.e-success textarea,
.e-float-input.e-control-wrapper.e-success input,
.e-float-input.e-control-wrapper.e-success textarea {
    border-color: var(--bs-primary) !important;
}

.e-float-input.e-success,
.e-float-input.e-success.e-input-focus,
.e-float-input.e-control-wrapper.e-success,
.e-float-input.e-control-wrapper.e-success.e-input-focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 .2rem rgb(from var(--bs-primary) r g b / 20%) !important;
}

    .e-float-input.e-success .e-float-line::before,
    .e-float-input.e-success .e-float-line::after,
    .e-float-input.e-control-wrapper.e-success .e-float-line::before,
    .e-float-input.e-control-wrapper.e-success .e-float-line::after {
        background-color: var(--bs-primary) !important;
    }

    .e-float-input.e-success label,
    .e-float-input.e-control-wrapper.e-success label {
        color: var(--bs-primary) !important;
    }

body .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
body .e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success,
body .e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
body .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
    box-shadow: none !important;
}
 

.display-ruby {
    display: ruby-text !important;
    padding-top:5px;
}

/* ── Help panel inside Syncfusion dialog (embedded in main layout) ─────── */
.e-dlg-content .nx-split-container {
    align-items: stretch !important;
}

.e-dlg-content .nx-split-handle {
    min-height: 0 !important;
    align-self: stretch !important;
}

.e-dlg-content .nx-help-pane {
    position: static !important;
    height: auto !important;
    align-self: stretch !important;
    min-height: 360px;
}

/* Template Management - custom file upload overlay input.
   Must be global (not scoped) because Blazor CSS isolation does not apply
   to the <input> element rendered inside the InputFile component. */
.upload-hidden-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

/* Dashboard widget loading placeholder.
   SfDashboardLayout used to reserve panel height via SizeY, so the per-widget
   NxProcessSpinner always had room to render. With the Bootstrap layout the
   widget body collapses to zero height while loading, hiding the spinner.
   Reserve a minimum height and center the spinner so each widget shows its own
   loading state under its header until its data arrives. */
.customer-dashboard-widgets .spin-row,
.dashboard-widgets .spin-row {
    position: relative;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-bg-white) !important;
}

.customer-dashboard-widgets #container > .col-sm,
.dashboard-widgets #container > .col-sm {
    padding: 0;
}

/* ============================================================
   Template Management — application badge colors
   Global fallback rules (bypass CSS isolation fingerprinting)
   ============================================================ */
.template-app-badge {
    background-color: transparent !important;
    font-weight: 500;
    font-size: 0.8rem;
    border-radius: 4px;
    border: 1px solid;
}
.template-app-badge.app-irp          { background-color: #f0fdfa !important; color: #0f766e; border-color: #5eead4; }
.template-app-badge.app-enterprise   { background-color: #eef2ff !important; color: #4338ca; border-color: #a5b4fc; }
.template-app-badge.app-title        { background-color: #fef3c7 !important; color: #92400e; border-color: #fcd34d; }
.template-app-badge.app-rental-fleet { background-color: #f0fdf4 !important; color: #15803d; border-color: #86efac; }

/* Version history modal — application badge colors */
.version-app-badge {
    font-size: 0.75rem;
    border-radius: 6px;
    font-weight: 500;
    border: 1px solid;
}
.version-app-badge.app-badge-irp          { background-color: #f0fdfa !important; color: #0f766e; border-color: #5eead4; }
.version-app-badge.app-badge-enterprise   { background-color: #eef2ff !important; color: #4338ca; border-color: #a5b4fc; }
.version-app-badge.app-badge-title        { background-color: #fef3c7 !important; color: #92400e; border-color: #fcd34d; }
.version-app-badge.app-badge-rental-fleet { background-color: #f0fdf4 !important; color: #15803d; border-color: #86efac; }
/* User Dashboard */
.e-panel-container .e-pager {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.tran-stats {
    background-color: var(--bs-bg-white);
    border-radius: 4px;
}
.transcation-cont-inner {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 20%);
    height:100%;
    width: 100%;
    padding:0px 15px;
}
/* Today's Transactions widget: keep the per-user charts, the date note and the
   pager on one continuous white surface instead of the page's grey backdrop. */
.todays-transaction-panel {
    background-color: var(--bs-bg-white);
    border-radius: 4px;
    padding: 12px;
}

.todays-transaction-card {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: var(--bs-bg-white);
    padding: 8px;
    height: 100%;
}

.todays-transaction-date {
    font-size: 13px;
}
.e-chart {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.e-treeview .e-list-text {
    padding: 0px 8px !important;
}

.whitespacePreserve {
    word-break: break-all;
}
.forgot-password-link{
    text-decoration: none !important;
}
a.forgot-password-link:hover {
    text-decoration: underline !important;
}