[data-layout-mode=blue] body {
    background-color: #8db0d3;
    color: #000000;
  }
  
  [data-layout-mode=blue] body ul.hidden-links {
    background-color: #1565C0 !important;
  }
  
  [data-layout-mode=blue] body ul.hidden-links .submenu ul {
    background: #0D47A1;
  }
  
  [data-layout-mode=blue] body .submenu ul {
    background: #0D47A1;
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li.submenu ul li a:hover,
  [data-layout-mode=blue] body .notifications .notification-list li .noti-details {
    color: #82B1FF;
  }
  
  [data-layout-mode=blue] body .stats-box {
    background-color: #102A4C;
    border: 1px solid #1E3A63;
  }
  
  [data-layout-mode=blue] body .w-sidebar ul a {
    color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .card .card-title {
    color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .text-dark {
    color: #E3F2FD !important;
  }
  
  [data-layout-mode=blue] body.mini-sidebar .sidebar {
    background-color: transparent;
  }
  
  [data-layout-mode=blue] body .header .logo {
    display: block;
  }
  
  [data-layout-mode=blue] body .header .main-logo,
  [data-layout-mode=blue] body .header .card.timeline-card {
    background: #1565C0;
  }
  
  [data-layout-mode=blue] body .header .user-menu.nav > li > a span {
    color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .header .header .has-arrow .dropdown-toggle:after {
    border-color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .btn.btn-greys,
  [data-layout-mode=blue] body .table tbody td a.btn-action-icon {
    background: #1565C0;
    color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .bg-success-light {
    background: rgba(0, 188, 212, 0.1) !important;
  }
  
  [data-layout-mode=blue] body .bg-danger-light,
  [data-layout-mode=blue] body .bg-inactive,
  [data-layout-mode=blue] body .profile-picture .img-upload .btn-remove {
    background: rgba(255, 82, 82, 0.1) !important;
  }
  
  [data-layout-mode=blue] body .bg-info-light {
    background: rgba(129, 212, 250, 0.12);
  }
  
  [data-layout-mode=blue] body .bg-green-light {
    background: rgba(200, 230, 201, 0.12);
  }
  
  [data-layout-mode=blue] body .bg-pending-light,
  [data-layout-mode=blue] body .bg-warning-light {
    background: rgba(255, 179, 0, 0.1) !important;
  }
  
  [data-layout-mode=blue] body .bg-light-gray {
    background: rgba(240, 240, 240, 0.1);
  }
  
  [data-layout-mode=blue] body .ribbon-secondary {
    background: rgba(21, 101, 192, 0.3);
    color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .ribbon-success {
    background: rgba(0, 188, 212, 0.3);
    color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .ribbon-primary {
    background: rgba(25, 118, 210, 0.3);
    color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .settings-icon span {
    background: rgba(33, 150, 243, 0.7);
  }
  
  [data-layout-mode=blue] body h1,
  [data-layout-mode=blue] body h2,
  [data-layout-mode=blue] body h3,
  [data-layout-mode=blue] body h4,
  [data-layout-mode=blue] body h5,
  [data-layout-mode=blue] body h6,
  [data-layout-mode=blue] body .customer-additional-form .input-block label {
    color: #080808;
  }
  
  [data-layout-mode=blue] body .profile-view .profile-basic .profile-info-left .user-name {
    color: #BBDEFB;
  }
  
  [data-layout-mode=blue] body .personal-info li .title {
    color: #BBDEFB;
  }
  
  [data-layout-mode=blue] body .experience-box .experience-list li .experience-content {
    padding: 10px;
  }
  
  [data-layout-mode=blue] body .experience-box .experience-list li .experience-user {
    border-radius: 50px;
  }
  
  [data-layout-mode=blue] body .sidebar-twocol.sidebar .sidebar-left {
    background: #0D47A1;
  }
  
  [data-layout-mode=blue] body .sidebar-twocol.sidebar .sidebar-left .nav-link {
    color: #90CAF9;
  }
  
  [data-layout-mode=blue] body .sidebar-twocol.sidebar .sidebar-left .nav-link.active {
    color: #FFFFFF;
  }
  
  [data-layout-mode=blue] body .sidebar-twocol.sidebar .sidebar-right {
    background: #1E3A63;
  }
  
  [data-layout-mode=blue] body .sidebar-twocol.sidebar .sidebar-right ul li a {
    color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .sidebar-twocol.sidebar .sidebar-right ul li a.active {
    color: #FFFFFF;
  }
  
  [data-layout-mode=blue] body .dash-statistics .stats-info {
    background-color: #102A4C;
    border: 1px solid #1E3A63;
  }
  
  [data-layout-mode=blue] body .table {
    background-color: #102A4C;
    border: 1px solid #1E3A63;
  }
  
  [data-layout-mode=blue] body .table th {
    color: #E3F2FD;
    border-top: 1px solid #1E3A63;
    background: #809ac3;
    border-bottom: 1px solid #1E3A63;
  }
  
  [data-layout-mode=blue] body .table td {
    border-top: 1px solid transparent;
    color: #E3F2FD;
  }
  
  [data-layout-mode=blue] body .table .btn-white {
    background-color: #102A4C;
    border: 1px solid #1E3A63;
  }

  
  [data-layout-mode=blue],
 body .chat-main-row .chat-main-wrapper .chat-window .fixed-header,
[data-layout-mode=blue] body .chat-footer {
  background-color: #1a1f3c; /* Blue-ish dark background */
  border-bottom: 1px solid #2e4a70; /* Complementary border */
}

[data-layout-mode=blue] body .video-window .fixed-header .nav li a,
[data-layout-mode=blue] body .chat-window .chat-cont-left .chat-users-list a.chat-block .media-body > div:first-child .user-name,
[data-layout-mode=blue] body .chat-window .chat-cont-right .chat-header .chat-block .media-body .user-name,
[data-layout-mode=blue] body .text-gray-dark,
[data-layout-mode=blue] body .comments .reply-comment {
  color: #e0f7ff; /* Light blue text */
}

[data-layout-mode=blue] body .sidebar .sidebar-menu ul li a {
  color: #aacbf1;
  background: transparent;
}

[data-layout-mode=blue] body .btn-white {
  background-color: #1a1f3c;
  border: 1px solid #2e4a70;
  color: #e0f7ff;
}

[data-layout-mode=blue] body .page-item .page-link,
[data-layout-mode=blue] body input[type=file]::file-selector-button,
[data-layout-mode=blue] body .popover-body,
[data-layout-mode=blue] body .login-wrapper .loginbox .login-right,
[data-layout-mode=blue] body .price-table-main .price-selected,
[data-layout-mode=blue] body #add_package .modal-body ul {
  background: #253459;
  border-color: #2e4a70;
  color: #aacbf1;
}

[data-layout-mode=blue] body .login-wrapper .loginbox .or-line {
  background: #2e4a70;
}

[data-layout-mode=blue] body .dataTables_length .form-control {
  background-color: #1a1f3c;
  color: #e0f7ff;
  border: 1px solid #2e4a70;
}

[data-layout-mode=blue] body .table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #223356; /* Alternate row shade */
}

[data-layout-mode=blue] body .nav-tabs.nav-tabs-solid {
  background-color: #1a1f3c;
  border: 1px solid #2e4a70;
}

[data-layout-mode=blue] body .select2-container--default .select2-selection--single {
  border: 1px solid #2e4a70;
  background: rgba(30, 40, 60, 0.5); /* Semi-transparent blue */
}

[data-layout-mode=blue] body .select2-dropdown,
[data-layout-mode=blue] body .card-footer {
  background: #253459;
  border-color: #2e4a70;
}

[data-layout-mode=blue] body .custom-table td {
  color: #e0f7ff !important;
}

[data-layout-mode=blue] body .table td a {
  color: #99c4f2;
}

/* Blue-themed highlights for specific elements */
[data-layout-mode=blue] body .bg-subscribe {
  background: rgba(58, 120, 237, 0.3); /* Subtle blue highlight */
  color: rgba(58, 120, 237, 0.9);
}

[data-layout-mode=blue] body .bg-payment {
  background: rgba(36, 101, 188, 0.3);
  color: rgba(36, 101, 188, 0.9);
}


[data-layout-mode=blue] body .sidebar, [data-layout-mode=blue] body .wizard .nav-item .nav-link {
    background-color: #12263F; /* Deep blue */
  }
  [data-layout-mode=blue] body .form-group .form-control, [data-layout-mode=blue] body .input-block .form-control, [data-layout-mode=blue] body .form-group-item, [data-layout-mode=blue] body .form-group-customer, [data-layout-mode=blue] body .toggle-sidebar .sidebar-header, [data-layout-mode=blue] body .toggle-sidebar .sidebar-body .accordion, [data-layout-mode=blue] body .card.company-settings-new .content-page-header, [data-layout-mode=blue] body .card-footer {
    border-color: #3A4D63; /* Mid blue */
  }
  [data-layout-mode=blue] body .popover-header {
    background-color: #173B5F; /* Darker blue */
    color: #B0C4DE; /* Light blue-gray */
    border-color: #173B5F;
  }
  [data-layout-mode=blue] body .add-customer-btns .customer-btn-cancel, [data-layout-mode=blue] body .modal-footer .btn-back {
    border-color: #0056b3; /* Blue border */
    background: rgba(0, 86, 179, 0.1); /* Transparent blue */
    color: #0056b3; /* Blue */
  }
  [data-layout-mode=blue] body .btn-path .btn-cancel.bg-primary-light {
    background: rgba(0, 86, 179, 0.1) !important;
    color: #0056b3 !important;
  }
  [data-layout-mode=blue] body .btn-primary, [data-layout-mode=blue] body .pagination li.active a.page-link, [data-layout-mode=blue] body .nav-pills .nav-link.active, [data-layout-mode=blue] body .nav-pills .show > .nav-link, [data-layout-mode=blue] body .custom_radio .checkmark:after, [data-layout-mode=blue] body .custom_radio_one .checkmark:after, [data-layout-mode=blue] body #add_package .modal-body ul li h6.active, [data-layout-mode=blue] body .file-link .print-link:hover, [data-layout-mode=blue] body .file-link .download-link:hover {
    border-color: rgba(0, 123, 255, 0.3); /* Light blue */
    background: rgba(0, 123, 255, 0.3);
    color: #FFFFFF; /* White text */
  }
  [data-layout-mode=blue] body .btn-primary:hover, [data-layout-mode=blue] body .pagination li.active a.page-link:hover, [data-layout-mode=blue] body .nav-pills .nav-link.active:hover, [data-layout-mode=blue] body .nav-pills .show > .nav-link:hover, [data-layout-mode=blue] body .custom_radio .checkmark:after:hover, [data-layout-mode=blue] body .custom_radio_one .checkmark:after:hover, [data-layout-mode=blue] body #add_package .modal-body ul li h6.active:hover, [data-layout-mode=blue] body .file-link .print-link:hover:hover, [data-layout-mode=blue] body .file-link .download-link:hover:hover {
    box-shadow: inset 0 50px 0 0 #B0C4DE;
    border-color: #B0C4DE;
    color: #000; /* Black text */
  }
  [data-layout-mode=blue] body #add_package .modal-body ul li h6:hover {
    border-color: rgba(0, 123, 255, 0.3);
    background: rgba(0, 123, 255, 0.3);
    color: #007BFF;
  }
  [data-layout-mode=blue] body .bg-white {
    background: #1F3A60 !important; /* Deep blue background */
  }
  [data-layout-mode=blue] body .nav-bordered a.active {
    border-bottom: 2px solid rgba(0, 123, 255, 0.3); /* Light blue border */
  }
  [data-layout-mode=blue] body .btn-warning {
    border-color: rgba(255, 193, 7, 0.3); /* Yellow warning */
    background: rgba(255, 193, 7, 0.3);
    color: #FFC107;
  }
  [data-layout-mode=blue] body .btn-light, [data-layout-mode=blue] body .navtab-bg .nav-link {
    border-color: rgba(70, 130, 180, 0.3); /* Steel blue */
    background: rgba(70, 130, 180, 0.3);
    color: #A6A6A6;
  }
  [data-layout-mode=blue] body .toggle-sidebar .sidebar-layout-filter {
    background: #12263F;
  }
  /* Add similar modifications for all selectors */
  [data-layout-mode=blue],
  .topics,
  .w-sidebar {
    background-color: #001f3f; /* Deep blue */
    border: 1px solid #003366; /* Navy border */
  }
  
  
  /* Repeat for other sections */
  [data-layout-mode=blue] .table-bordered th, [data-layout-mode=blue] .dropdown-menu {
    border: 1px solid #4A90E2; /* Blue border */
  }
  [data-layout-mode=blue] .chat-window, [data-layout-mode=blue] .chat-window .chat-cont-left, [data-layout-mode=blue] .chat-cont-right, [data-layout-mode=blue] .chat-window .chat-cont-left .chat-header, [data-layout-mode=blue] .chat-window .chat-cont-right .chat-header, [data-layout-mode=blue] .chat-window .chat-cont-right .chat-body, [data-layout-mode=blue] .chat-window .chat-cont-left .chat-search, [data-layout-mode=blue] .chat-window .chat-cont-left .chat-users-list a.chat-block, [data-layout-mode=blue] .dropdown-menu, [data-layout-mode=blue] .mail-provider, [data-layout-mode=blue] #plan-billing-slider .owl-item .packages.active, [data-layout-mode=blue] .form-select, [data-layout-mode=blue] .form-group .form-control, [data-layout-mode=blue] .input-block .form-control, [data-layout-mode=blue] .input-group-text, [data-layout-mode=blue] .blog, [data-layout-mode=blue] .bootstrap-tagsinput, [data-layout-mode=blue] .custom_check .checkmark, [data-layout-mode=blue] .checkmark, [data-layout-mode=blue] .invoice-four .invoice-wrapper .inv-content .thanks-msg, [data-layout-mode=blue] .chat-cont-left .chat-scroll {
    background: #dbe4fb; /* Dark blue background */
    border-color: #3B4A71; /* Blue border */
    color: #E0E9F0; /* Light blue text */
  }
  [data-layout-mode=blue] body .modal-body .select2-container--default .select2-selection--single, [data-layout-mode=blue] .card.company-settings-new .input-block.service-upload.logo-upload .sites-logo, [data-layout-mode=blue] .template-invoice-card .invoice-card-title h6, [data-layout-mode=blue] .invoice-template-tab.invoices-main-tabs, [data-layout-mode=blue] .invoices-main-tabs, [data-layout-mode=blue] .blog, [data-layout-mode=blue] .invoice-three .invoice-wrapper .inv-content .invoice-address, [data-layout-mode=blue] .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-details-content .invoice-status-details {
    border-color: #3B4A71; /* Blue border */
  }
  [data-layout-mode=blue] .notifications .notification-list li {
    box-shadow: 0px 1px 0px 0px #3B4A71; /* Blue shadow */
  }
  [data-layout-mode=blue] #plan-billing-slider .owl-item .packages, [data-layout-mode=blue] .grid-blog .post-widget, [data-layout-mode=blue] .nav-tabs .nav-link.active {
    background: #2A3B56; /* Slightly lighter blue */
    border-color: #3B4A71; /* Blue border */
  }
  [data-layout-mode=blue] .chat-window .chat-cont-right .chat-header .chat-block .media-body .user-status, [data-layout-mode=blue] .dash-widget-header .dash-count .dash-counts p, [data-layout-mode=blue] .user-menu .dropdown-menu .dropdown-item, [data-layout-mode=blue] .user-content .user-name {
    color: #E0E9F0; /* Light blue text */
    background: #2E3B5B; /* Dark blue background */
  }
  [data-layout-mode=blue] .card-table .card-body .table td, [data-layout-mode=blue] .table tbody td h2.table-avatar a:hover, [data-layout-mode=blue] .card-table .companies-table .table td, [data-layout-mode=blue] quotations.html, [data-layout-mode=blue] .notifications .notification-list li blockquote, [data-layout-mode=blue] .service-upload .drop-browse, [data-layout-mode=blue] .grid-blog .blog-title a, [data-layout-mode=blue] .grid-blog .post-widget, [data-layout-mode=blue] .card {
    color: #CCCCCC;
  }
  [data-layout-mode=blue] .post-title {
    color: #57A6FF; /* Lighter blue text */
  }
  [data-layout-mode=blue] .companies-table .table tbody td h2.table-avatar a, [data-layout-mode=blue] .card-table .card-body .table th, [data-layout-mode=blue] table.dataTable > thead .sorting:before, [data-layout-mode=blue] table.dataTable > thead .sorting_asc:before, [data-layout-mode=blue] table.dataTable > thead .sorting_desc:before, [data-layout-mode=blue] table.dataTable > thead .sorting_asc_disabled:before, [data-layout-mode=blue] table.dataTable > thead .sorting_desc_disabled:before, [data-layout-mode=blue] .table tbody td h2.table-avatar a, [data-layout-mode=blue] .nav-tabs .nav-link.active, [data-layout-mode=blue] .customer-text-one, [data-layout-mode=blue] .activity-feed .feed-item.timeline-item span.timeline-user a, [data-layout-mode=blue] .invoice-sign span, [data-layout-mode=blue] .ticket-information .support-details-cont h6, [data-layout-mode=blue] .ticket-history .card-inform .ticket-info h6, [data-layout-mode=blue] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .kanban-ticket .kanban-head h6, [data-layout-mode=blue] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box h6, [data-layout-mode=blue] .inv-content .invoice-table table tr td, [data-layout-mode=blue] .inv-content .invoice-table table tr th, [data-layout-mode=blue] .inv-content .total-amountdetails span, [data-layout-mode=blue] .invoice-one .bank-details .payment-info span, [data-layout-mode=blue] .invoice-one .bank-details .payment-info div, [data-layout-mode=blue] .invoice-one .thanks-msg, [data-layout-mode=blue] .invoice-two .inv-content .invoice-header .inv-header-left h2, [data-layout-mode=blue] .invoice-two .inv-content .invoice-table-details table thead tr th, [data-layout-mode=blue] .invoice-two .inv-content .invoice-table-details table tr .table-description, [data-layout-mode=blue] .invoice-two .inv-content .invoice-table-details table tr td, [data-layout-mode=blue] .invoice-two .inv-content .invoice-table-footer .table-footer-right table td, [data-layout-mode=blue] .invoice-two .inv-content .thanks-msg, [data-layout-mode=blue] .invoice-two .inv-content .two-invoice-details h5, [data-layout-mode=blue] .invoice-two .inv-content .bank-details .payment-info .debitcard, [data-layout-mode=blue] .invoice-two .inv-content .terms-condition span, [data-layout-mode=blue] .invoice-two .inv-content .bank-details .payment-info .payment-title, [data-layout-mode=blue] .invoice-three .invoice-wrapper .inv-content .invoice-header .company-details .invoice-title, [data-layout-mode=blue] .invoice-three .invoice-wrapper .inv-content .invoice-header .company-details .gst-details span, [data-layout-mode=blue] .inv-content .invoice-address .invoice-to .inv-to-address, [data-layout-mode=blue] .invoice-three .invoice-wrapper .inv-content .invoice-table table thead tr th, [data-layout-mode=blue] .invoice-three .invoice-wrapper .inv-content .invoice-table table td, [data-layout-mode=blue] .invoice-three .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right table tr td, [data-layout-mode=blue] .invoice-three .invoice-wrapper .inv-content .invoice-header .inv-header-left .tax-invoice, [data-layout-mode=blue] .invoice-four .invoice-wrapper .inv-content .invoice-header .inv-date-no, [data-layout-mode=blue] .invoice-four .invoice-wrapper .inv-content .invoice-header .company-details .invoice-title, [data-layout-mode=blue] .inv-content .invoice-header .inv-header-right .inv-date span, [data-layout-mode=blue] .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to .inv-to-address, [data-layout-mode=blue] .invoice-four .invoice-wrapper .inv-content .invoice-address-four .invoice-to-payment span, [data-layout-mode=blue] .invoice-four .invoice-wrapper .inv-content .invoice-table-details table tr .table-description, [data-layout-mode=blue] .invoice-four .invoice-wrapper .inv-content .invoice-table-details table thead tr th, [data-layout-mode=blue] .invoice-four .invoice-wrapper .inv-content .invoice-table-details table, [data-layout-mode=blue] .invoice-four .invoice-wrapper .inv-content .invoice-table-footer .table-footer-right .terms-conditions span {
    color: #BCC5D2; /* Lighter blue text */
  }
  [data-layout-mode=blue] .invoice-table .row.table-footer, [data-layout-mode=blue] .invoice-wrapper .invoice-footer .invoice-footer-right, [data-layout-mode=blue] .invoice-wrapper .invoice-footer, [data-layout-mode=blue] .invoice-wrapper .invoice-footer .terms-conditions span {
    background-color: #1E2A3A; /* Darker blue background */
  }
  [data-layout-mode=blue] .dark-white-logo {
    display: inline-block !important;
  }
  [data-layout-mode=blue] .light-color-logo {
    display: none !important;
  }
  [data-layout-mode=blue] .invoice-item .invoice-details strong {
    color: #A7C6E0; /* Light blue-gray */
  }
  [data-layout-mode=blue] .packages.package-selected {
    background: rgba(52, 152, 219, 0.3); /* Blue selection */
  }
  [data-layout-mode=blue] .chat-cont-right ul.list-unstyled .chat-block.received .media-body > div,
  [data-layout-mode=blue] .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box > div,
  [data-layout-mode=blue] .chat-window .chat-cont-right .chat-footer,
  [data-layout-mode=blue] .chat-window .chat-cont-right .chat-footer .input-group .form-control,
  [data-layout-mode=blue] .form-group-bank,
  [data-layout-mode=blue] .description-box .note-frame,
  [data-layout-mode=blue] .form-group .note-editable,
  [data-layout-mode=blue] .input-block .note-editable,
  [data-layout-mode=blue] .note-toolbar,
  [data-layout-mode=blue] .form-group .note-toolbar,
  [data-layout-mode=blue] .input-block .note-toolbar,
  [data-layout-mode=blue] .note-btn,
  [data-layout-mode=blue] .ticket-information .support-details,
  [data-layout-mode=blue] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban {
    background: #ECF6FB; /* Light blue background */
  }
  [data-layout-mode=blue] .chat-window .chat-cont-right .chat-body .chat-block .media-body .msg-box > div p,
  [data-layout-mode=blue] .chat-time span,
  [data-layout-mode=blue] .filter-buttons button.btn-secondary,
  [data-layout-mode=blue] .note-btn {
    color: #5F6D7A; /* Soft gray */
  }
  [data-layout-mode=blue] .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box:first-child:before {
    border-right: 6px solid #ECF6FB;
  }
  [data-layout-mode=blue] .chat-window .chat-cont-right .chat-footer,
  [data-layout-mode=blue] .form-group-bank,
  [data-layout-mode=blue] .note-btn,
  [data-layout-mode=blue] .note-toolbar,
  [data-layout-mode=blue] .ticket-information .support-details {
    border-color: #A1B5D8; /* Lighter blue */
  }
  [data-layout-mode=blue] .card-support {
    border: none;
  }
  [data-layout-mode=blue] .invoices-main-tabs {
    padding-top: 12px;
    padding-left: 12px;
  }
  [data-layout-mode=blue] .recurring-tab ul li button.active {
    background: rgba(52, 152, 219, 0.3) !important; /* Active blue */
  }
  [data-layout-mode=blue] .badge-gray-outline {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
  }
  [data-layout-mode=blue] .filter-buttons button.btn-secondary {
    background: rgba(52, 152, 219, 0.1); /* Blue hover */
    border-color: rgba(52, 152, 219, 0.1);
  }
  [data-layout-mode=blue] .filter-buttons button.btn-secondary:hover {
    box-shadow: inset 0 50px 0 0 rgba(52, 152, 219, 0.3);
  }
  [data-layout-mode=blue] .ticket-information .support-widget-icon,
  [data-layout-mode=blue] .ticket-information .customer-widget-icon,
  [data-layout-mode=blue] .ticket-information .support-details .btn-action-icon,
  [data-layout-mode=blue] .activity-feed .feed-item:before,
  [data-layout-mode=blue] .ticket-history .card-inform .ticket-info .ticket-upload {
    background: rgba(52, 152, 219, 0.3);
  }
  [data-layout-mode=blue] .ticket-history .card-inform .ticket-info .ticket-upload {
    border-color: rgba(52, 152, 219, 0.3);
  }
  [data-layout-mode=blue] .ticket-history .card-inform .ticket-info .ticket-upload:hover {
    background: rgba(52, 152, 219, 0.4);
    border-color: rgba(52, 152, 219, 0.4);
  }
  
  .status-toggle .checktoggle {
    transform: none;
  }
  
  [data-topbar=light][data-layout-mode=blue] body .logo-dark,
  [data-topbar=light][data-layout-mode=blue] body .logo-lightmode {
    display: none;
  }
  [data-topbar=light][data-layout-mode=blue] body .logo-light,
  [data-topbar=light][data-layout-mode=blue] body .logo-darkmode {
    display: inline-block;
  }
  [data-topbar=light][data-layout-mode=blue] body .header .main-logo {
    background: #456c93; /* Dark blue */
  }
  [data-topbar=light][data-layout-mode=blue] body .header .logo-color {
    display: none;
  }
  [data-topbar=light][data-layout-mode=blue] body .header .logo-white {
    display: block;
  }
  [data-topbar=light][data-layout-mode=blue] body .header .toggle-bars .bar-icons {
    background: #4A90E2; /* Blue icon */
  }
  [data-topbar=light][data-layout-mode=blue] body .header .logo {
    display: none;
  }
  [data-topbar=light][data-layout-mode=blue] body .header .logo2 {
    display: inline-block;
    line-height: 60px;
  }
  [data-topbar=light][data-layout-mode=blue] body .header .user-menu.nav > li > a span {
    color: #4A90E2; /* Blue user text */
  }
  [data-layout-mode=blue], 
  [data-topbar=light][data-layout-mode=blue] body .header .has-arrow .dropdown-toggle:after {
    border-color: #7539FF; /* Blue border color */
  }
  
  [data-topbar=light][data-layout-mode=blue] body .sidebar .sidebar-menu ul.sidebar-vertical .menu-title span {
    color: #fff; /* White text color for menu titles */
  }
  
  [data-topbar=light][data-layout-mode=blue] body .user-menu.nav .dropdown-heads > a, 
  [data-topbar=light][data-layout-mode=blue] body .customer-details-group .customer-details .customer-widget-icon i {
    background: #28292D; /* Dark background for user-menu */
  }
  
  [data-topbar=light][data-layout-mode=blue] body .user-menu.nav .dropdown-heads > a i {
    color: #AAAAAA; /* Light gray icon color */
  }
  
  [data-topbar=light][data-layout-mode=blue] body .signature-invoice {
    background: #1E1F25; /* Dark background for invoice signature */
  }
  
  [data-topbar=light][data-layout-mode=blue][data-layout=horizontal] body .sidebar .sidebar-menu ul li a.active i, 
  [data-topbar=light][data-layout-mode=blue][data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover span.menu-arrow, 
  [data-topbar=light][data-layout-mode=blue][data-layout=horizontal] body .sidebar .sidebar-menu ul li a:hover i {
    color: #7539FF; /* Blue active color */
  }
  
  [data-topbar=light][data-layout-mode=blue][data-layout=horizontal] body .sidebar .sidebar-menu ul {
    background: #1C1D22; /* Dark background for sidebar */
    border-color: #3B3C3E; /* Border color for sidebar */
  }
  
  [data-topbar=light][data-layout-mode=blue][data-layout=horizontal] body .sidebar .sidebar-menu ul li.submenu ul li a:hover {
    background: #1C1D22; /* Dark background for submenu hover */
  }
  
  [data-layout-mode=blue] body #toggle_btn {
    color: #AAAAAA; /* Light gray toggle button color */
  }
  
  [data-layout-mode=blue] body .header {
    background: #456c93; /* Dark background for header */
    border-color: #1C1D22; /* Border color for header */
  }
  
  [data-layout-mode=blue] body .header .top-nav-search form .form-control {
    background: rgba(193, 193, 193, 0.07); /* Light background for form input */
    border: 1px solid #3B3C3E; /* Border color for form input */
    color: #AAAAAA; /* Light gray text color for form input */
  }
  
  [data-layout-mode=blue] body .header .top-nav-search form .form-control::-webkit-input-placeholder { 
    color: #AAAAAA; /* Placeholder text color */
    opacity: 1;
  }
  
  [data-layout-mode=blue] body .header .top-nav-search form .form-control:-moz-placeholder { 
    color: #AAAAAA; /* Placeholder text color */
    opacity: 1;
  }
  
  [data-layout-mode=blue] body .header .top-nav-search form .form-control::-moz-placeholder { 
    color: #AAAAAA; /* Placeholder text color */
    opacity: 1;
  }
  
  [data-layout-mode=blue] body .header .top-nav-search form .form-control:-ms-input-placeholder { 
    color: #AAAAAA; /* Placeholder text color */
    opacity: 1;
  }
  
  [data-layout-mode=blue] body .sidebar {
    background-color: #456c93; /* Dark background for sidebar */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu {
    background-color: #456c93; /* Dark background for sidebar menu */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu a.active i {
    color: #16191c; /* Blue active icon color */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu a.active span {
    color: #16191c; /* Blue active text color */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu a.active span.menu-arrow {
    color: #7539FF; /* Blue active menu arrow color */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li a, 
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li a span {
    color: #fff3e0; /* Light gray text color for sidebar items */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li ul li a {
    background: #1f4f81; /* Dark background for submenu items */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu .sidebar .sidebar-menu ul li.submenu ul li a:hover {
    background: transparent; /* Transparent hover background for submenu items */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu .greedy ul li a:hover, 
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul > li > a:hover, 
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li a:hover span, 
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li.submenu ul li a.active, 
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li a:hover i, 
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li a.active i {
    color: #7539FF; /* Blue hover/active color */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li.submenu ul li a.active:after {
    background: #fff; /* White background for active submenu item */
    border: 1px solid #fff; /* White border for active submenu item */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li a.active::before, 
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li a.active::after, 
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li a.active::before, 
  [data-layout-mode=blue] body .sidebar .sidebar-menu ul li a.active::before {
    background: #7539FF; /* Blue background for active items */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu .greedys .viewmoremenu {
    color: #b7c0cd; /* Light gray color for view more menu */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu .greedys .viewmoremenu:hover {
    color: #fff; /* White color for view more menu on hover */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu .greedys .hidden-links li a:hover {
    color: #7539FF; /* Blue color for hidden links on hover */
  }
  
  [data-layout-mode=blue] body .sidebar .sidebar-menu .greedys .hidden-links li a:hover span {
    color: #7539FF; /* Blue color for hidden links' text on hover */
  }
   
  [data-layout-mode=blue] .card-body {
    color: #28084B;
  }