body {
    font-family: "Poppins", sans-serif !important;
}
/* Rounded corners for all UI elements */
.btn {
    border-radius: 0.5rem !important;
}

.form-control,
.form-select,
.select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"],
select {
    border-radius: 0.5rem !important;
}

.modal-content {
    border-radius: 0.75rem !important;
}

.modal-header {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
}

.modal-footer {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
}

.card {
    border-radius: 0.75rem !important;
}

.dropdown-menu {
    border-radius: 0.5rem !important;
}

.nav-tabs .nav-link {
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

.input-group {
    border-radius: 0.5rem !important;
}

.badge {
    border-radius: 0.375rem !important;
}

.alert {
    border-radius: 0.5rem !important;
}

.pagination .page-link {
    border-radius: 0.375rem !important;
}

.accordion-button {
    border-radius: 0.5rem !important;
}

.list-group-item:first-child {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

/* Additional rounded elements */
.navbar {
    border-radius: 0 !important; /* Keep navbar straight */
}

.sidebar {
    border-radius: 0 !important; /* Keep sidebar straight */
}

.table {
    border-radius: 0.5rem !important;
    overflow: hidden;
}

.progress {
    border-radius: 0.5rem !important;
}

.progress-bar {
    border-radius: 0.5rem !important;
}

.btn-group .btn:first-child {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

.btn-group .btn:last-child {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.offcanvas {
    border-radius: 0 !important; /* Keep offcanvas straight on one side */
}

.popover {
    border-radius: 0.5rem !important;
}

.tooltip .tooltip-inner {
    border-radius: 0.375rem !important;
}
:root,[data-bs-theme=light] {
    --bs-leftsidebar: #1B4079;
    --bs-fixedprofile:#fff;
    --bs-primary: #4D7C8A;
    --bs-primary-rgb: 77, 124, 138;
    --bs-secondary: #8fad88;
    --bs-secondary-rgb: 143, 173, 136;
}

[data-bs-theme=dark] {
    --bs-leftsidebar: #111c2d;
    --bs-fixedprofile:#111c2d;
    --bs-primary: #4D7C8A;
    --bs-primary-rgb: 77, 124, 138;
    --bs-secondary: #8fad88;
    --bs-secondary-rgb: 143, 173, 136;
}
/* left side bar */
.brand-logo {
    margin-top: 15px !important;
}
.brand-logo a {
    text-decoration: none;
}
.brand-logo h4 {
    color: var(--bs-white);
}
.brand-balanced {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background-color: #fff;
}
[data-layout=vertical] body[data-sidebartype=mini-sidebar] .brand-balanced {
        width: 65px;
    overflow: hidden;
    }
[data-layout=vertical] body[data-sidebartype=mini-sidebar] .left-sidebar:hover .brand-balanced {
width: auto;
}
.left-sidebar  {
    background: var(--bs-leftsidebar);
/* background: #4B3FD6; */
}

/* Reduce sidebar size to fit all items without scrolling */
/* Logo styling kept as original - no changes to logo */

.left-sidebar .nav-small-cap {
    margin-top: 0.25rem !important;
    margin-bottom: 0.15rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.15rem !important;
}

.left-sidebar .nav-small-cap .hide-menu {
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
}

.left-sidebar .sidebar-item {
    margin-bottom: 0.05rem !important;
}

.left-sidebar .sidebar-item .sidebar-link {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.left-sidebar .sidebar-item .sidebar-link .hide-menu {
    font-size: 0.8rem !important;
    line-height: 1.3 !important;
}

.left-sidebar .aside-icon {
    padding: 0.3rem !important;
    width: 32px !important;
    height: 32px !important;
}

.left-sidebar .aside-icon i,
.left-sidebar .aside-icon iconify-icon {
    font-size: 0.85rem !important;
}

.left-sidebar .sidebar-nav ul {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}
.left-sidebar .sidebar-nav .nav-small-cap .hide-menu {
    color: var(--bs-white);

}
.left-sidebar .sidebar-nav ul .sidebar-item .sidebar-link {
    color: var(--bs-white);
}
[data-bs-theme=light] .left-sidebar .sidebar-item .sidebar-link::before {
    background-color: #4D7C8A !important;
}

[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link::before {
    background-color: #4D7C8A !important;
}
.left-sidebar .sidebar-item .sidebar-link:hover .aside-icon, 
.left-sidebar .sidebar-item .sidebar-link .aside-icon, 
.left-sidebar .sidebar-item .sidebar-link:hover .hide-menu, 
.left-sidebar .sidebar-item .sidebar-link .hide-menu  {
    color: var(--bs-white) !important;
}

/* Make sidebar menu items thin (extra light font weight) */
.left-sidebar .sidebar-item .sidebar-link .hide-menu {
    font-weight: 200 !important;
}

/* Override purple colors on sidebar icons and text in dark theme */
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link:hover .aside-icon,
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link.active .aside-icon,
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link:hover .hide-menu,
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link.active .hide-menu {
    color: var(--bs-white) !important;
}

/* Override any purple text/icon colors in dark theme sidebar */
[data-bs-theme=dark] .left-sidebar .sidebar-nav ul .sidebar-item .sidebar-link {
    color: var(--bs-white) !important;
}

[data-bs-theme=dark] .left-sidebar .sidebar-nav ul .sidebar-item .sidebar-link:hover,
[data-bs-theme=dark] .left-sidebar .sidebar-nav ul .sidebar-item .sidebar-link.active {
    color: var(--bs-white) !important;
}

[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link:hover .aside-icon, 
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link:hover .hide-menu,
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link.active .aside-icon,
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link.active .hide-menu {
    color: var(--bs-white) !important;
}
.danger-hover-bg::before, .indigo-hover-bg::before, .info-hover-bg::before, .primary-hover-bg::before, .secondary-hover-bg::before, .success-hover-bg::before, .warning-hover-bg::before {
    border-radius: 0.5rem;
}
.fixed-profile {
 background: var(--bs-fixedprofile);
}
.fixed-profile .bg-primary-subtle {
    background-color: var(--bs-fixedprofile) !important;
}

a:hover {
    
    --bs-link-hover-color-rgb: 188, 62,189;
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: none;
}
[data-bs-theme=light] .btn-check:checked+.btn-primary, 
[data-bs-theme=light] .btn-primary.active, 
[data-bs-theme=light] .btn-primary.show, 
[data-bs-theme=light] .btn-primary:first-child:active, 
[data-bs-theme=light] :not(.btn-check)+.btn-primary:active {
    --bs-btn-active-bg: #3d6a75 !important;
    --bs-btn-active-border-color: #3d6a75 !important;
    background-color: #3d6a75 !important;
    border-color: #3d6a75 !important;
}

[data-bs-theme=light] .btn-check:checked+.btn-secondary, 
[data-bs-theme=light] .btn-secondary.active, 
[data-bs-theme=light] .btn-secondary.show, 
[data-bs-theme=light] .btn-secondary:first-child:active, 
[data-bs-theme=light] :not(.btn-check)+.btn-secondary:active {
    --bs-btn-active-bg: #7f9d78;
    --bs-btn-active-border-color: #7f9d78;
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    --bs-btn-active-bg:#5e28a3;
    --bs-btn-active-border-color:#5e28a3;
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}
/* login page */
.auth-login-custome {
    max-width: 100%;
    margin: 0px auto;
    background: #fff;
    border-radius: 0.75rem !important;
}
.h-n20-custome0 {
    height:100vh;
}
.login-card-sh {
    box-shadow: none;
    margin: 0px;
}
.gradientown-custom-1 {
    border-top-left-radius: 1.125rem;
    border-bottom-left-radius: 1.125rem;    
    background: #1B4079 !important;
}
.auth-login-shape::after, .auth-login-shape::before {
    display: none;
}
.login-tagline {
    gap: 10px;
}
.login-tagline span {
    padding: 10px 15px;
    background: #fff;
    border-radius: 20px;
    color: var(--bs-heading-color);
    font-size: 12px;
}
/* login page end */
/* add tag list */
#tagList {
    display: flex;
    gap: 10px;
}
#tagList .tag {
    background-color: #e8f0fe;
    padding: 6px 10px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    font-size: 14px;
}
#tagList .tag span {
    margin-left: 6px;
    cursor: pointer;
    font-weight: bold;
}
#notesList .note-card {
    background-color: #e8f0fe;
    padding: 8px 10px;
    border-radius: 0.5rem;
    display: flex;
    gap: 10px;
    flex-direction: column;
    font-size: 14px;
    margin-bottom: 10px;
}
.app-chat-customes .text-body-color {
    color: var(--bs-secondary-color) !important;
}
.app-chat-customes .text-dark {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
}
/* add tag list end */

.list-button-group .btn {
    font-size: 14px;

}
.body-wrapper>.container-fluid {
        max-width: 100%;

}
/* table */
.table {
    text-align: left !important;
}

/* Remove striped/alternating row colors - keep all rows same background */
.table-striped > tbody > tr:nth-of-type(odd) > *,
.table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: transparent !important;
    --bs-table-bg-type: transparent !important;
}

/* For DataTables with table-striped class, remove striping */
table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > *,
table.dataTable.table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Ensure all table rows have same background (white/transparent for light theme) */
[data-bs-theme=light] .table > tbody > tr,
[data-bs-theme=light] .table > tbody > tr > td,
[data-bs-theme=light] table.dataTable > tbody > tr,
[data-bs-theme=light] table.dataTable > tbody > tr > td {
    background-color: transparent !important;
}

/* Dark theme - same background for all rows */
[data-bs-theme=dark] .table > tbody > tr,
[data-bs-theme=dark] .table > tbody > tr > td,
[data-bs-theme=dark] table.dataTable > tbody > tr,
[data-bs-theme=dark] table.dataTable > tbody > tr > td {
    background-color: transparent !important;
}
.checkwidth {
    width: 20px;
}
tbody, td, tfoot, th, thead, tr {
    text-align: left !important;
}

/* Make table text thinner, smaller, and more compact - NO BOLD TEXT */
.table th,
.table td,
.table thead th,
.table thead td,
.table tbody th,
.table tbody td,
.table tfoot th,
.table tfoot td,
table.dataTable th,
table.dataTable td,
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    font-weight: 300 !important; /* Thin text - NO BOLD */
    padding: 0.4rem 0.6rem !important; /* Reduced padding for compact table */
    line-height: 1.3 !important; /* Tighter line height */
}

/* Table content font size (excluding headings) */
.table tbody th,
.table tbody td,
.table tfoot th,
.table tfoot td,
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    font-size: 0.7rem !important; /* Reduced text size for table content */
}

/* Table heading font size */
.table thead th,
.table thead td,
table.dataTable thead th,
table.dataTable thead td {
    font-size: 0.8rem !important; /* Keep heading size at 0.8rem */
}

/* Form elements - match table text styling (thin and small) */
.form-control,
.form-select,
.form-label,
.form-text,
.form-check-label,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"],
select,
textarea,
label {
    font-weight: 300 !important; /* Thin text - NO BOLD */
    font-size: 0.8rem !important; /* Smaller text size (about 13px) */
}

/* Pagination - Use sidebar color #1B4079 for active state only */
.custome-theme-pagination .active>.page-link, 
.custome-theme-pagination .page-link.active,
.page-item.active .page-link,
.pagination .page-item.active .page-link,
.page-link.active,
[data-color-theme] .page-item.active .page-link,
[data-color-theme] .page-link.active,
[data-color-theme] .pagination .page-item.active .page-link {
    background-color: #1B4079 !important;
    border-color: #1B4079 !important;
    color: #fff !important;
}

/* Pagination default state - black text, NO purple/pink colors */
.pagination .page-link,
.page-link,
.custome-theme-pagination .page-link,
.pagination .page-item .page-link,
.pagination .page-item:not(.active) .page-link,
.pagination .page-item.next .page-link,
.pagination .page-item.previous .page-link,
.pagination .page-item.disabled .page-link,
.pagination .page-item:not(.disabled):not(.active) .page-link {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #1B4079 !important;
    font-size: 0.8rem !important; /* Match table heading font size */
}

/* Pagination hover states - keep black, NO color change, NO purple/pink */
.custome-theme-pagination .page-link:hover,
.pagination .page-link:hover,
.page-link:hover,
.pagination .page-item .page-link:hover,
.pagination .page-item:not(.active) .page-link:hover,
.pagination .page-item:not(.disabled) .page-link:hover,
.pagination .page-item.next .page-link:hover,
.pagination .page-item.previous .page-link:hover,
.pagination .pagination-next .page-link:hover,
.pagination .pagination-prev .page-link:hover,
.pagination .page-link:focus,
.pagination .page-item:not(.active) .page-link:focus {
    color: #000 !important;
    border-color: #1B4079 !important;
    background-color: transparent !important;
}

/* Dark theme pagination - black text, no hover change, no purple */
[data-bs-theme=dark] .pagination .page-link,
[data-bs-theme=dark] .page-link,
[data-bs-theme=dark] .pagination .page-item:not(.active) .page-link,
[data-bs-theme=dark] .pagination .page-item.next .page-link,
[data-bs-theme=dark] .pagination .page-item.previous .page-link,
[data-bs-theme=dark] .pagination .page-item.disabled .page-link {
    color: #000 !important;
    background-color: transparent !important;
}

[data-bs-theme=dark] .pagination .page-link:hover,
[data-bs-theme=dark] .page-link:hover,
[data-bs-theme=dark] .pagination .page-item:not(.active) .page-link:hover,
[data-bs-theme=dark] .pagination .page-link:focus {
    color: #000 !important;
    background-color: transparent !important;
}

/* Override ALL theme color variables that might affect pagination - FORCE BLACK */
[data-color-theme] .pagination .page-link:not(.active),
[data-color-theme] .pagination .page-item:not(.active) .page-link,
[data-color-theme] .pagination .page-item.next .page-link,
[data-color-theme] .pagination .page-item.previous .page-link,
body[data-color-theme] .pagination .page-link:not(.active),
body[data-color-theme] .pagination .page-item:not(.active) .page-link {
    color: #000 !important;
}

[data-color-theme] .pagination .page-link:not(.active):hover,
[data-color-theme] .pagination .page-item:not(.active) .page-link:hover,
[data-color-theme] .pagination .page-item.next .page-link:hover,
[data-color-theme] .pagination .page-item.previous .page-link:hover,
body[data-color-theme] .pagination .page-link:not(.active):hover,
body[data-color-theme] .pagination .page-item:not(.active) .page-link:hover {
    color: #000 !important;
}

/* Final catch-all for pagination - black text always, except active */
.pagination a.page-link:not(.active),
.pagination .page-item:not(.active) a.page-link,
a.page-link:not(.active),
a.paginate_button {
    color: #000 !important;
    font-size: 0.8rem !important; /* Match table heading font size */
}

.pagination a.page-link:not(.active):hover,
.pagination .page-item:not(.active) a.page-link:hover,
a.page-link:not(.active):hover,
a.paginate_button:hover,
a.paginate_button.current {
    color: #000 !important;
}

/* DataTables pagination override */
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #000 !important;
    font-size: 0.8rem !important; /* Match table heading font size */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #1B4079 !important;
    border-color: #1B4079 !important;
    color: #fff !important;
}

/* Table action icons - Use sidebar color #1B4079 */
table .text-primary,
table .text-info,
table .text-danger:not(.badge):not(.fw-bold) {
    color: #1B4079 !important;
}

table .text-primary:hover,
table .text-info:hover,
table .text-danger:not(.badge):not(.fw-bold):hover {
    color: #0d2a4d !important; /* Darker shade for hover */
    opacity: 0.8;
}

/* Billing history amounts - negative amounts should be red */
#billingHistoryTable .text-danger.fw-bold {
    color: #dc3545 !important; /* Bootstrap danger red */
}

/* User avatar - Use sidebar color #1B4079 */
#header-user-avatar,
#profile-dropdown-avatar,
#profile-dropdown-avatar-horizontal {
    background-color: #1B4079 !important;
    border-color: #1B4079 !important;
}
/* Custom color overrides for light theme only */
[data-bs-theme=light] .btn-primary,
[data-bs-theme=light] .bg-primary,
[data-bs-theme=light] .text-bg-primary {
    background-color: #4D7C8A !important;
    border-color: #4D7C8A !important;
}

[data-bs-theme=light] .btn-primary:hover,
[data-bs-theme=light] .btn-primary:focus {
    background-color: #3d6a75 !important;
    border-color: #3d6a75 !important;
}

[data-bs-theme=light] .btn-secondary,
[data-bs-theme=light] .bg-secondary,
[data-bs-theme=light] .text-bg-secondary {
    background-color: #8fad88 !important;
    border-color: #8fad88 !important;
}

[data-bs-theme=light] .btn-secondary:hover,
[data-bs-theme=light] .btn-secondary:focus {
    background-color: #7f9d78 !important;
    border-color: #7f9d78 !important;
}

[data-bs-theme=light] .text-primary {
    color: #4D7C8A !important;
}

[data-bs-theme=light] .text-secondary {
    color: #8fad88 !important;
}

[data-bs-theme=light] .border-primary {
    border-color: #4D7C8A !important;
}

[data-bs-theme=light] .border-secondary {
    border-color: #8fad88 !important;
}

[data-bs-theme=light] .bg-primary-subtle {
    background-color: rgba(77, 124, 138, 0.1) !important;
}

[data-bs-theme=light] .bg-secondary-subtle {
    background-color: rgba(143, 173, 136, 0.1) !important;
}

/* Sidebar hover and active states for light theme */
[data-bs-theme=light] .left-sidebar .sidebar-item .sidebar-link:hover::before,
[data-bs-theme=light] .left-sidebar .sidebar-item .sidebar-link.active::before {
    background-color: #6c757d !important;
}

[data-bs-theme=light] .left-sidebar .primary-hover-bg:hover::before,
[data-bs-theme=light] .left-sidebar .info-hover-bg:hover::before,
[data-bs-theme=light] .left-sidebar .indigo-hover-bg:hover::before {
    background-color: #6c757d !important;
}

[data-bs-theme=light] .left-sidebar .sidebar-item .sidebar-link.active {
    background-color: rgba(108, 117, 125, 0.2) !important;
}

/* Custom color overrides for dark theme */
[data-bs-theme=dark] .btn-primary,
[data-bs-theme=dark] .bg-primary,
[data-bs-theme=dark] .text-bg-primary {
    background-color: #4D7C8A !important;
    border-color: #4D7C8A !important;
}

[data-bs-theme=dark] .btn-primary:hover,
[data-bs-theme=dark] .btn-primary:focus {
    background-color: #3d6a75 !important;
    border-color: #3d6a75 !important;
}

[data-bs-theme=dark] .btn-secondary,
[data-bs-theme=dark] .bg-secondary,
[data-bs-theme=dark] .text-bg-secondary {
    background-color: #8fad88 !important;
    border-color: #8fad88 !important;
}

[data-bs-theme=dark] .btn-secondary:hover,
[data-bs-theme=dark] .btn-secondary:focus {
    background-color: #7f9d78 !important;
    border-color: #7f9d78 !important;
}

[data-bs-theme=dark] .text-primary {
    color: #4D7C8A !important;
}

[data-bs-theme=dark] .text-secondary {
    color: #8fad88 !important;
}

[data-bs-theme=dark] .border-primary {
    border-color: #4D7C8A !important;
}

[data-bs-theme=dark] .border-secondary {
    border-color: #8fad88 !important;
}

[data-bs-theme=dark] .bg-primary-subtle {
    background-color: rgba(77, 124, 138, 0.1) !important;
}

[data-bs-theme=dark] .bg-secondary-subtle {
    background-color: rgba(143, 173, 136, 0.1) !important;
}

/* Sidebar hover and active states for dark theme */
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link:hover::before,
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link.active::before,
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link:focus::before {
    background-color: #6c757d !important;
}

[data-bs-theme=dark] .left-sidebar .primary-hover-bg:hover::before,
[data-bs-theme=dark] .left-sidebar .info-hover-bg:hover::before,
[data-bs-theme=dark] .left-sidebar .indigo-hover-bg:hover::before,
[data-bs-theme=dark] .left-sidebar .primary-hover-bg:focus::before,
[data-bs-theme=dark] .left-sidebar .info-hover-bg:focus::before,
[data-bs-theme=dark] .left-sidebar .indigo-hover-bg:focus::before {
    background-color: #6c757d !important;
}

[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link.active,
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link:hover {
    background-color: rgba(108, 117, 125, 0.2) !important;
}

/* Override any purple colors on sidebar hover in dark theme */
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link:hover,
[data-bs-theme=dark] .left-sidebar .sidebar-item .sidebar-link:focus,
[data-bs-theme=dark] .left-sidebar .sidebar-item:hover .sidebar-link {
    background-color: rgba(77, 124, 138, 0.2) !important;
}

[data-bs-theme=dark] .btn-check:checked+.btn-primary, 
[data-bs-theme=dark] .btn-primary.active, 
[data-bs-theme=dark] .btn-primary.show, 
[data-bs-theme=dark] .btn-primary:first-child:active, 
[data-bs-theme=dark] :not(.btn-check)+.btn-primary:active {
    --bs-btn-active-bg: #3d6a75 !important;
    --bs-btn-active-border-color: #3d6a75 !important;
    background-color: #3d6a75 !important;
    border-color: #3d6a75 !important;
}

[data-bs-theme=dark] .btn-check:checked+.btn-secondary, 
[data-bs-theme=dark] .btn-secondary.active, 
[data-bs-theme=dark] .btn-secondary.show, 
[data-bs-theme=dark] .btn-secondary:first-child:active, 
[data-bs-theme=dark] :not(.btn-check)+.btn-secondary:active {
    --bs-btn-active-bg: #7f9d78;
    --bs-btn-active-border-color: #7f9d78;
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

/* theme setting disable */
.customizer-btn,
.offcanvas.customizer {
    display: none !important;
}
/* table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
   
    display: none !important;
} */
/* Hide sorting icons on checkbox columns (columns with checkboxes) */
table.dataTable thead>tr> th.checkwidth::after, 
table.dataTable thead>tr> th.checkwidth::before,
table.dataTable thead>tr> th.checkwidth.sorting::after, 
table.dataTable thead>tr> th.checkwidth.sorting::before,
table.dataTable thead>tr> th.checkwidth.sorting_asc::after, 
table.dataTable thead>tr> th.checkwidth.sorting_asc::before,
table.dataTable thead>tr> th.checkwidth.sorting_desc::after, 
table.dataTable thead>tr> th.checkwidth.sorting_desc::before,
table.dataTable thead>tr> th.no-sort::after,
table.dataTable thead>tr> th.no-sort::before,
table.dataTable thead>tr> th:first-child.checkwidth::after,
table.dataTable thead>tr> th:first-child.checkwidth::before {
    display: none !important;
}

/* Hide sorting icons on columns containing checkboxes (alternative selector) */
table.dataTable thead>tr> th:has(.form-check)::after,
table.dataTable thead>tr> th:has(.form-check)::before,
table.dataTable thead>tr> th:has(input[type="checkbox"])::after,
table.dataTable thead>tr> th:has(input[type="checkbox"])::before {
    display: none !important;
}

/* Hide sorting icons on last column (usually Actions column) */
table.dataTable thead>tr> th:last-child::after, 
table.dataTable thead>tr> th:last-child::before {    
    display:none !important;
}

/* Remove DataTables default sorting icons */
table.dataTable thead>tr>th.sorting::before,
table.dataTable thead>tr>th.sorting_asc::before,
table.dataTable thead>tr>th.sorting_desc::before {
    display: none !important;
    content: none !important;
}

/* Hide default ::after icons */
table.dataTable thead>tr>th.sorting::after,
table.dataTable thead>tr>th.sorting_asc::after,
table.dataTable thead>tr>th.sorting_desc::after {
    display: none !important;
    content: none !important;
}

/* Add custom CSS-based sorting icons immediately after heading text */
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
    padding-right: 0.4em !important;
    position: relative;
}

/* Normal state - show both up and down arrows */
table.dataTable thead>tr>th.sorting::after {
    display: inline !important;
    content: " ↕" !important;
    position: relative !important;
    left: 0.2em !important;
    color: #333 !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    vertical-align: baseline !important;
    line-height: normal !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Ascending state - use same arrow style as normal */
table.dataTable thead>tr>th.sorting_asc::after {
    display: inline !important;
    content: " ↕" !important;
    position: relative !important;
    left: 0.2em !important;
    color: #4D7C8A !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    vertical-align: baseline !important;
    line-height: normal !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Descending state - use same arrow style as normal */
table.dataTable thead>tr>th.sorting_desc::after {
    display: inline !important;
    content: " ↕" !important;
    position: relative !important;
    left: 0.2em !important;
    color: #4D7C8A !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    vertical-align: baseline !important;
    line-height: normal !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
}

.account-switcher-panel {
    position: absolute;
    inset: 0 auto auto 0 !important;
    transform: translate3d(0px, 50px, 0px) !important;
}

/* Override heading tags (h1-h6) inside table cells - they are bold by default */
table td h1,
table td h2,
table td h3,
table td h4,
table td h5,
table td h6,
table.table td h1,
table.table td h2,
table.table td h3,
table.table td h4,
table.table td h5,
table.table td h6,
table.dataTable td h1,
table.dataTable td h2,
table.dataTable td h3,
table.dataTable td h4,
table.dataTable td h5,
table.dataTable td h6 {
    font-weight: 300 !important; /* NO BOLD - thin text even for headings in tables */
    font-size: 0.7rem !important; /* Match table content font size */
}

/* Make DataTables info text (Showing X to Y of Z entries) thin like table text */
.dataTables_info,
.dataTables_wrapper .dataTables_info {
    font-weight: 300 !important; /* Thin text to match table styling */
    font-size: 0.8rem !important; /* Match table text size */
}

/* Prevent outer scrollbar on notification dropdown - inner notification-body already has data-simplebar */
/* Target both the specific aria-labelledby selector and the adjacent sibling selector for maximum compatibility */
.topbar .navbar .navbar-nav .dropdown-menu.content-dd[aria-labelledby="notification-bell"],
.topbar .navbar .navbar-nav .dropdown-menu.content-dd[aria-labelledby="notification-bell-horizontal"],
.navbar-nav .dropdown-menu.content-dd[aria-labelledby="notification-bell"],
.navbar-nav .dropdown-menu.content-dd[aria-labelledby="notification-bell-horizontal"],
#notification-bell + .dropdown-menu.content-dd,
#notification-bell-horizontal + .dropdown-menu.content-dd,
.topbar .navbar .navbar-nav .dropdown-menu.content-dd[aria-labelledby="notification-bell"].show,
.topbar .navbar .navbar-nav .dropdown-menu.content-dd[aria-labelledby="notification-bell-horizontal"].show,
.navbar-nav .dropdown-menu.content-dd[aria-labelledby="notification-bell"].show,
.navbar-nav .dropdown-menu.content-dd[aria-labelledby="notification-bell-horizontal"].show,
#notification-bell + .dropdown-menu.content-dd.show,
#notification-bell-horizontal + .dropdown-menu.content-dd.show {
    overflow: hidden !important;
    max-height: none !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

/* Ensure notification-body handles all scrolling internally via simplebar */
.notification-body {
    max-height: 400px;
}

.notification-body .simplebar-content-wrapper {
    overflow-y: auto !important;
}

.notification-body .simplebar-track.simplebar-vertical {
    visibility: visible !important;
}

/* Center action buttons in Your Numbers table */
#yourNumbersTable td:last-child,
#yourNumbersTable th:last-child {
    text-align: center !important;
}

#yourNumbersTable td:last-child > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Checkbox styling - Use sidebar color #1B4079 for checked state */
/* Multiselect dropdown checkboxes */
.multiselect-option input[type="checkbox"]:checked,
.custom-multiselect-options input[type="checkbox"]:checked {
    background-color: #1B4079 !important;
    border-color: #1B4079 !important;
    accent-color: #1B4079 !important;
}

/* For browsers that support accent-color */
input[type="checkbox"]:checked {
    accent-color: #1B4079 !important;
}

/* Bootstrap form-check-input checkbox styling */
.form-check-input:checked {
    background-color: #1B4079 !important;
    border-color: #1B4079 !important;
}

.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

.form-check-input:focus {
    border-color: #1B4079 !important;
    box-shadow: 0 0 0 0.25rem rgba(27, 64, 121, 0.25) !important;
}

/* Override any purple/pink checkbox colors */
input[type="checkbox"]:checked,
.form-check-input:checked,
.multiselect-option input[type="checkbox"]:checked {
    background-color: #1B4079 !important;
    border-color: #1B4079 !important;
}

/* Example message remove button - Use sidebar color #1B4079 */
.example-message-remove-btn {
    background-color: transparent !important;
    border: none !important;
    color: #1B4079 !important;
    padding: 0.25rem 0.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.example-message-remove-btn:hover {
    background-color: transparent !important;
    border: none !important;
    color: #1B4079 !important;
    opacity: 0.7 !important;
}

.example-message-remove-btn i {
    color: inherit !important;
    font-size: 1rem !important;
}

/* Buy number button - Use sidebar color #1B4079 */
.buy-number-btn {
    background-color: transparent !important;
    border: none !important;
    color: #1B4079 !important;
    padding: 0.25rem 0.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.buy-number-btn:hover {
    background-color: transparent !important;
    border: none !important;
    color: #1B4079 !important;
    opacity: 0.7 !important;
}

.buy-number-btn i {
    color: inherit !important;
    font-size: 1rem !important;
}

/* Confirmation modal buttons - Standard styling for delete/action confirmations (matching brand delete modal) */
#notification-confirm-modal .modal-footer .btn-primary {
    font-weight: 400 !important;
    padding: 0.5rem 1.5rem !important;
    background-color: #1B4079 !important;
    border-color: #1B4079 !important;
    color: #fff !important;
}

#notification-confirm-modal .modal-footer .btn-primary:hover {
    background-color: #0d2a4d !important;
    border-color: #0d2a4d !important;
    color: #fff !important;
}

#notification-confirm-modal .modal-footer .btn-secondary {
    font-weight: 400 !important;
    padding: 0.5rem 1.5rem !important;
    background-color: #fff !important;
    border: 1px solid #1B4079 !important;
    color: #1B4079 !important;
}

#notification-confirm-modal .modal-footer .btn-secondary:hover {
    background-color: #f8f9fa !important;
    border: 1px solid #1B4079 !important;
    color: #1B4079 !important;
}

/* Notification Alert Cards - Floating Bootstrap alert style */
#notification-alert-container {
    max-width: 400px !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    box-sizing: border-box !important;
}

#notification-alert-container .alert {
    width: 100% !important;
    max-width: 400px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    display: flex !important;
    align-items: flex-start !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    border-left-width: 4px !important;
    border-left-style: solid !important;
}

#notification-alert-container .alert i {
    flex-shrink: 0 !important;
    font-size: 1.25rem !important;
}

#notification-alert-container .alert .btn-close {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    padding: 0.5rem !important;
}

/* Alert type colors */
#notification-alert-container .alert-success {
    background-color: #d1e7dd !important;
    border-color: #badbcc !important;
    border-left-color: #198754 !important;
    color: #0f5132 !important;
}

#notification-alert-container .alert-danger {
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
    border-left-color: #dc3545 !important;
    color: #842029 !important;
}

#notification-alert-container .alert-warning {
    background-color: #fff3cd !important;
    border-color: #ffecb5 !important;
    border-left-color: #ffc107 !important;
    color: #664d03 !important;
}

#notification-alert-container .alert-info {
    background-color: #cff4fc !important;
    border-color: #b6effb !important;
    border-left-color: #0dcaf0 !important;
    color: #055160 !important;
}

#notification-alert-container .alert-success i {
    color: #198754 !important;
}

#notification-alert-container .alert-danger i {
    color: #dc3545 !important;
}

#notification-alert-container .alert-warning i {
    color: #ffc107 !important;
}

#notification-alert-container .alert-info i {
    color: #0dcaf0 !important;
}

/* Balance card and Add Funds button - rounded corners */
#balance-card-item > div,
#add-funds-item > a,
#balance-funds-container .bg-light,
#balance-funds-container .border-success {
    border-radius: 0.5rem !important;
}