[data-layout-mode=maroon] body {
  background-color: #800000; /* Maroon background */
  color: #F5E1A4; /* Light beige text */
}

[data-layout-mode=maroon] body ul.hidden-links {
  background-color: #7F0000 !important; /* Dark maroon background */
}

[data-layout-mode=maroon] body ul.hidden-links .submenu ul {
  background: #800000; /* Maroon background for submenu */
}

[data-layout-mode=maroon] body .submenu ul {
  background: #800000; /* Maroon background */
}

[data-layout-mode=maroon] body .sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-layout-mode=maroon] body .notifications .notification-list li .noti-details {
  color: #F1A7A4; /* Light maroon text color */
}

[data-layout-mode=maroon] body .stats-box {
  background-color: #660000; /* Darker maroon for stats box */
  border: 1px solid #550000; /* Darker border */
}

[data-layout-mode=maroon] body .w-sidebar ul a {
  color: #F5E1A4; /* Light beige text */
}

[data-layout-mode=maroon] body .card .card-title {
  color: #F5E1A4; /* Light beige text */
}

[data-layout-mode=maroon] body .text-dark {
  color: #F5E1A4 !important; /* Light beige text */
}

[data-layout-mode=maroon] body.mini-sidebar .sidebar {
  background-color: transparent;
}

[data-layout-mode=maroon] body .header .logo {
  display: block;
}

[data-layout-mode=maroon] body .header .main-logo,
[data-layout-mode=maroon] body .header .card.timeline-card {
  background: #7F0000; /* Dark maroon */
}

[data-layout-mode=maroon] body .header .user-menu.nav > li > a span {
  color: #F5E1A4; /* Light beige */
}

[data-layout-mode=maroon] body .header .header .has-arrow .dropdown-toggle:after {
  border-color: #F5E1A4; /* Light beige border color */
}

[data-layout-mode=maroon] body .btn.btn-greys,
[data-layout-mode=maroon] body .table tbody td a.btn-action-icon {
  background: #7F0000; /* Dark maroon button background */
  color: #F5E1A4; /* Light beige text */
}

[data-layout-mode=maroon] body .bg-success-light {
  background: rgba(76, 175, 80, 0.1) !important;
}

[data-layout-mode=maroon] body .bg-danger-light,
[data-layout-mode=maroon] body .bg-inactive,
[data-layout-mode=maroon] body .profile-picture .img-upload .btn-remove {
  background: rgba(244, 67, 54, 0.1) !important;
}

[data-layout-mode=maroon] body .bg-info-light {
  background: rgba(33, 150, 243, 0.12);
}

[data-layout-mode=maroon] body .bg-green-light {
  background: rgba(200, 230, 201, 0.12);
}

[data-layout-mode=maroon] body .bg-pending-light,
[data-layout-mode=maroon] body .bg-warning-light {
  background: rgba(255, 179, 0, 0.1) !important;
}

[data-layout-mode=maroon] body .bg-light-gray {
  background: rgba(240, 240, 240, 0.1);
}

[data-layout-mode=maroon] body .ribbon-secondary {
  background: rgba(33, 150, 243, 0.3);
  color: #F5E1A4;
}

[data-layout-mode=maroon] body .ribbon-success {
  background: rgba(76, 175, 80, 0.3);
  color: #F5E1A4;
}

[data-layout-mode=maroon] body .ribbon-primary {
  background: rgba(25, 118, 210, 0.3);
  color: #F5E1A4;
}

[data-layout-mode=maroon] body .settings-icon span {
  background: rgba(33, 150, 243, 0.7);
}

[data-layout-mode=maroon] body h1,
[data-layout-mode=maroon] body h2,
[data-layout-mode=maroon] body h3,
[data-layout-mode=maroon] body h4,
[data-layout-mode=maroon] body h5,
[data-layout-mode=maroon] body h6,
[data-layout-mode=maroon] body .customer-additional-form .input-block label {
  color: #080808; /* Dark text for headings */
}


[data-layout-mode=maroon] body {
  background-color: #800000; /* Maroon background */
  color: #FFF3E0; /* Light text color */
}

[data-layout-mode=maroon] body ul.hidden-links {
  background-color: #8B0000 !important; /* Dark maroon */
}

[data-layout-mode=maroon] body ul.hidden-links .submenu ul {
  background: #800000; /* Maroon background */
}

[data-layout-mode=maroon] body .submenu ul {
  background: #800000; /* Maroon background */
}

[data-layout-mode=maroon] body .sidebar .sidebar-menu ul li.submenu ul li a:hover,
[data-layout-mode=maroon] body .notifications .notification-list li .noti-details {
  color: #FFCC80; /* Light orange hover */
}

[data-layout-mode=maroon] body .stats-box {
  background-color: #550000; /* Dark maroon */
  border: 1px solid #6A1B1A; /* Border color */
}

[data-layout-mode=maroon] body .w-sidebar ul a {
  color: #FFF3E0; /* Light text color */
}

[data-layout-mode=maroon] body .card .card-title {
  color: #FFF3E0; /* Light text color */
}

[data-layout-mode=maroon] body .text-dark {
  color: #FFF3E0 !important; /* Light text color */
}

[data-layout-mode=maroon] body.mini-sidebar .sidebar {
  background-color: transparent;
}

[data-layout-mode=maroon] body .header .logo {
  display: block;
}

[data-layout-mode=maroon] body .header .main-logo,
[data-layout-mode=maroon] body .header .card.timeline-card {
  background: #8B0000; /* Dark maroon background */
}

[data-layout-mode=maroon] body .header .user-menu.nav > li > a span {
  color: #FFF3E0; /* Light text color */
}

[data-layout-mode=maroon] body .header .header .has-arrow .dropdown-toggle:after {
  border-color: #FFF3E0; /* Light border color */
}

[data-layout-mode=maroon] body .btn.btn-greys,
[data-layout-mode=maroon] body .table tbody td a.btn-action-icon {
  background: #8B0000; /* Dark maroon background */
  color: #FFF3E0; /* Light text color */
}

[data-layout-mode=maroon] body .bg-success-light {
  background: rgba(255, 87, 34, 0.1) !important; /* Light orange success */
}

[data-layout-mode=maroon] body .bg-danger-light,
[data-layout-mode=maroon] body .bg-inactive,
[data-layout-mode=maroon] body .profile-picture .img-upload .btn-remove {
  background: rgba(255, 82, 82, 0.1) !important; /* Red light */
}

[data-layout-mode=maroon] body .bg-info-light {
  background: rgba(255, 138, 101, 0.12); /* Light info background */
}

[data-layout-mode=maroon] body .bg-green-light {
  background: rgba(200, 230, 201, 0.12); /* Green light */
}

[data-layout-mode=maroon] body .bg-pending-light,
[data-layout-mode=maroon] body .bg-warning-light {
  background: rgba(255, 179, 0, 0.1) !important; /* Yellow light */
}

[data-layout-mode=maroon] body .bg-light-gray {
  background: rgba(240, 240, 240, 0.1); /* Light gray */
}

[data-layout-mode=maroon] body .ribbon-secondary {
  background: rgba(255, 87, 34, 0.3); /* Light orange */
  color: #FFF3E0; /* Light text color */
}

[data-layout-mode=maroon] body .ribbon-success {
  background: rgba(0, 188, 212, 0.3);
  color: #FFF3E0;
}

[data-layout-mode=maroon] body .ribbon-primary {
  background: rgba(25, 118, 210, 0.3);
  color: #FFF3E0;
}

[data-layout-mode=maroon] body .settings-icon span {
  background: rgba(33, 150, 243, 0.7);
}

[data-layout-mode=maroon] body h1,
[data-layout-mode=maroon] body h2,
[data-layout-mode=maroon] body h3,
[data-layout-mode=maroon] body h4,
[data-layout-mode=maroon] body h5,
[data-layout-mode=maroon] body h6,
[data-layout-mode=maroon] body .customer-additional-form .input-block label {
  color: #080808;
}


[data-layout-mode=maroon] body .profile-view .profile-basic .profile-info-left .user-name {
  color: #FFCC80; /* Light maroon */
}

[data-layout-mode=maroon] body .personal-info li .title {
  color: #FFCC80; /* Light maroon */
}

[data-layout-mode=maroon] body .experience-box .experience-list li .experience-content {
  padding: 10px;
}

[data-layout-mode=maroon] body .experience-box .experience-list li .experience-user {
  border-radius: 50px;
}

[data-layout-mode=maroon] body .sidebar-twocol.sidebar .sidebar-left {
  background: #800000; /* Maroon background */
}

[data-layout-mode=maroon] body .sidebar-twocol.sidebar .sidebar-left .nav-link {
  color: #FFCC80; /* Light maroon */
}

[data-layout-mode=maroon] body .sidebar-twocol.sidebar .sidebar-left .nav-link.active {
  color: #FFFFFF;
}

[data-layout-mode=maroon] body .sidebar-twocol.sidebar .sidebar-right {
  background: #6A0000; /* Dark maroon */
}

[data-layout-mode=maroon] body .sidebar-twocol.sidebar .sidebar-right ul li a {
  color: #FFF3E0;
}

[data-layout-mode=maroon] body .sidebar-twocol.sidebar .sidebar-right ul li a.active {
  color: #FFFFFF;
}

[data-layout-mode=maroon] body .dash-statistics .stats-info {
  background-color: #6A0000; /* Dark maroon */
  border: 1px solid #8B0000;
}

[data-layout-mode=maroon] body .table {
  background-color: #6A0000; /* Dark maroon */
  border: 1px solid #8B0000;
}

[data-layout-mode=maroon] body .table th {
  color: #FFF3E0;
  border-top: 1px solid #8B0000;
  background: #800000;
  border-bottom: 1px solid #8B0000;
}

[data-layout-mode=maroon] body .table td {
  border-top: 1px solid transparent;
  color: #FFF3E0;
}

[data-layout-mode=maroon] body .table .btn-white {
  background-color: #6A0000;
  border: 1px solid #8B0000;
}

[data-layout-mode=maroon] body,
[data-layout-mode=maroon] body .chat-main-row .chat-main-wrapper .chat-window .fixed-header,
[data-layout-mode=maroon] body .chat-footer {
  background-color: #7B0000; /* Maroon-ish dark background */
  border-bottom: 1px solid #8B0000;
}

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

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

[data-layout-mode=maroon] body .btn-white {
  background-color: #800000;
  border: 1px solid #8B0000;
  color: #FFF3E0;
}

[data-layout-mode=maroon] body .page-item .page-link,
[data-layout-mode=maroon] body input[type=file]::file-selector-button,
[data-layout-mode=maroon] body .popover-body,
[data-layout-mode=maroon] body .login-wrapper .loginbox .login-right,
[data-layout-mode=maroon] body .price-table-main .price-selected,
[data-layout-mode=maroon] body #add_package .modal-body ul {
  background: #7B0000;
  border-color: #8B0000;
  color: #FFF3E0;
}

[data-layout-mode=maroon] body .login-wrapper .loginbox .or-line {
  background: #8B0000;
}

[data-layout-mode=maroon] body .dataTables_length .form-control {
  background-color: #7B0000;
  color: #FFF3E0;
  border: 1px solid #8B0000;
}


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

[data-layout-mode=maroon] body .nav-tabs.nav-tabs-solid {
  background-color: #880E4F; /* Maroon background */
  border: 1px solid #C2185B; /* Lighter maroon border */
}

[data-layout-mode=maroon] body .select2-container--default .select2-selection--single {
  border: 1px solid #C2185B; /* Lighter maroon border */
  background: rgba(139, 0, 41, 0.5); /* Semi-transparent maroon */
}

[data-layout-mode=maroon] body .select2-dropdown,
[data-layout-mode=maroon] body .card-footer {
  background: #C2185B; /* Lighter maroon background */
  border-color: #880E4F; /* Maroon border */
}

[data-layout-mode=maroon] body .custom-table td {
  color: #F8BBD0 !important; /* Light maroon text */
}

[data-layout-mode=maroon] body .table td a {
  color: #F48FB1; /* Soft maroon link */
}

[data-layout-mode=maroon] body .bg-subscribe {
  background: rgba(139, 0, 41, 0.3); /* Subtle maroon highlight */
  color: rgba(139, 0, 41, 0.9);
}

[data-layout-mode=maroon] body .bg-payment {
  background: rgba(174, 0, 48, 0.3); /* Lighter maroon for payment */
  color: rgba(174, 0, 48, 0.9);
}

[data-layout-mode=maroon] body .sidebar, [data-layout-mode=maroon] body .wizard .nav-item .nav-link {
  background-color: #831e54; /* Maroon sidebar */
}

[data-layout-mode=maroon] body .form-group .form-control,
[data-layout-mode=maroon] body .input-block .form-control,
[data-layout-mode=maroon] body .form-group-item,
[data-layout-mode=maroon] body .form-group-customer,
[data-layout-mode=maroon] body .toggle-sidebar .sidebar-header,
[data-layout-mode=maroon] body .toggle-sidebar .sidebar-body .accordion,
[data-layout-mode=maroon] body .card.company-settings-new .content-page-header,
[data-layout-mode=maroon] body .card-footer {
  border-color: #C2185B; /* Lighter maroon border */
}

[data-layout-mode=maroon] body .popover-header {
  background-color: #C2185B; /* Maroon popover header */
  color: #F8BBD0; /* Light maroon-gray text */
  border-color: #880E4F; /* Maroon border */
}

[data-layout-mode=maroon] body .add-customer-btns .customer-btn-cancel,
[data-layout-mode=maroon] body .modal-footer .btn-back {
  border-color: #880E4F; /* Maroon border */
  background: rgba(139, 0, 41, 0.1); /* Transparent maroon */
  color: #880E4F; /* Maroon text */
}

[data-layout-mode=maroon] body .btn-path .btn-cancel.bg-primary-light {
  background: rgba(139, 0, 41, 0.1) !important;
  color: #880E4F !important;
}

[data-layout-mode=maroon] body .btn-primary,
[data-layout-mode=maroon] body .pagination li.active a.page-link,
[data-layout-mode=maroon] body .nav-pills .nav-link.active,
[data-layout-mode=maroon] body .nav-pills .show > .nav-link,
[data-layout-mode=maroon] body .custom_radio .checkmark:after,
[data-layout-mode=maroon] body .custom_radio_one .checkmark:after,
[data-layout-mode=maroon] body #add_package .modal-body ul li h6.active,
[data-layout-mode=maroon] body .file-link .print-link:hover,
[data-layout-mode=maroon] body .file-link .download-link:hover {
  border-color: rgba(139, 0, 41, 0.3); /* Light maroon */
  background: rgba(139, 0, 41, 0.3);
  color: #FFFFFF; /* White text */
}

[data-layout-mode=maroon] body .btn-primary:hover,
[data-layout-mode=maroon] body .pagination li.active a.page-link:hover,
[data-layout-mode=maroon] body .nav-pills .nav-link.active:hover,
[data-layout-mode=maroon] body .nav-pills .show > .nav-link:hover,
[data-layout-mode=maroon] body .custom_radio .checkmark:after:hover,
[data-layout-mode=maroon] body .custom_radio_one .checkmark:after:hover,
[data-layout-mode=maroon] body #add_package .modal-body ul li h6.active:hover,
[data-layout-mode=maroon] body .file-link .print-link:hover,
[data-layout-mode=maroon] body .file-link .download-link:hover {
  box-shadow: inset 0 50px 0 0 #F8BBD0; /* Light maroon glow */
  border-color: #F48FB1; /* Soft maroon */
  color: #000; /* Black text */
}

[data-layout-mode=maroon] body #add_package .modal-body ul li h6:hover {
  border-color: rgba(139, 0, 41, 0.3);
  background: rgba(139, 0, 41, 0.3);
  color: #880E4F;
}

[data-layout-mode=maroon] body .bg-white {
  background: #880E4F !important; /* Deep maroon background */
}

[data-layout-mode=maroon] body .nav-bordered a.active {
  border-bottom: 2px solid rgba(139, 0, 41, 0.3); /* Light maroon border */
}

[data-layout-mode=maroon] body .btn-warning {
  border-color: rgba(255, 193, 7, 0.3); /* Yellow warning */
  background: rgba(255, 193, 7, 0.3);
  color: #FFC107; /* Yellow */
}

[data-layout-mode=maroon] body .btn-light,
[data-layout-mode=maroon] body .navtab-bg .nav-link {
  border-color: rgba(139, 0, 41, 0.3); /* Soft maroon */
  background: rgba(139, 0, 41, 0.3);
  color: #A6A6A6; /* Light gray */
}

[data-layout-mode=maroon] body .toggle-sidebar .sidebar-layout-filter {
  background: #880E4F; /* Maroon filter background */
}


/* Update table and chat components for maroon theme */
[data-layout-mode=maroon] .table-bordered th,
[data-layout-mode=maroon] .dropdown-menu {
  border: 1px solid #800000; /* Maroon border */
}

[data-layout-mode=maroon] .chat-window,
[data-layout-mode=maroon] .chat-window .chat-cont-left,
[data-layout-mode=maroon] .chat-cont-right,
[data-layout-mode=maroon] .chat-window .chat-cont-left .chat-header,
[data-layout-mode=maroon] .chat-window .chat-cont-right .chat-header,
[data-layout-mode=maroon] .chat-window .chat-cont-right .chat-body,
[data-layout-mode=maroon] .chat-window .chat-cont-left .chat-search,
[data-layout-mode=maroon] .chat-window .chat-cont-left .chat-users-list a.chat-block,
[data-layout-mode=maroon] .dropdown-menu,
[data-layout-mode=maroon] .mail-provider,
[data-layout-mode=maroon] #plan-billing-slider .owl-item .packages.active,
[data-layout-mode=maroon] .form-select,
[data-layout-mode=maroon] .form-group .form-control,
[data-layout-mode=maroon] .input-block .form-control,
[data-layout-mode=maroon] .input-group-text,
[data-layout-mode=maroon] .blog,
[data-layout-mode=maroon] .bootstrap-tagsinput,
[data-layout-mode=maroon] .custom_check .checkmark,
[data-layout-mode=maroon] .checkmark,
[data-layout-mode=maroon] .invoice-four .invoice-wrapper .inv-content .thanks-msg,
[data-layout-mode=maroon] .chat-cont-left .chat-scroll {
  background: #800000; /* Maroon background */
  border-color: #7B3F00; /* Dark maroon border */
  color: #F5F5F5; /* Light grey text */
}

[data-layout-mode=maroon] body .modal-body .select2-container--default .select2-selection--single,
[data-layout-mode=maroon] .card.company-settings-new .input-block.service-upload.logo-upload .sites-logo,
[data-layout-mode=maroon] .template-invoice-card .invoice-card-title h6,
[data-layout-mode=maroon] .invoice-template-tab.invoices-main-tabs,
[data-layout-mode=maroon] .invoices-main-tabs,
[data-layout-mode=maroon] .blog,
[data-layout-mode=maroon] .invoice-three .invoice-wrapper .inv-content .invoice-address,
[data-layout-mode=maroon] .invoice-three .invoice-wrapper .inv-content .invoice-address .invoice-details-content .invoice-status-details {
  border-color: #7B3F00; /* Dark maroon border */
}

[data-layout-mode=maroon] .notifications .notification-list li {
  box-shadow: 0px 1px 0px 0px #7B3F00; /* Dark maroon shadow */
}

[data-layout-mode=maroon] #plan-billing-slider .owl-item .packages,
[data-layout-mode=maroon] .grid-blog .post-widget,
[data-layout-mode=maroon] .nav-tabs .nav-link.active {
  background: #9B111E; /* Maroon background */
  border-color: #7B3F00; /* Dark maroon border */
}

[data-layout-mode=maroon] .chat-window .chat-cont-right .chat-header .chat-block .media-body .user-status,
[data-layout-mode=maroon] .dash-widget-header .dash-count .dash-counts p,
[data-layout-mode=maroon] .user-menu .dropdown-menu .dropdown-item,
[data-layout-mode=maroon] .user-content .user-name {
  color: #F5F5F5; /* Light text */
  background: #800000; /* Maroon background */
}

[data-layout-mode=maroon] .card-table .card-body .table td,
[data-layout-mode=maroon] .table tbody td h2.table-avatar a:hover,
[data-layout-mode=maroon] .card-table .companies-table .table td,
[data-layout-mode=maroon] quotations.html,
[data-layout-mode=maroon] .notifications .notification-list li blockquote,
[data-layout-mode=maroon] .service-upload .drop-browse,
[data-layout-mode=maroon] .grid-blog .blog-title a,
[data-layout-mode=maroon] .grid-blog .post-widget,
[data-layout-mode=maroon] .card {
  color: #FFD700; /* Golden text */
}

[data-layout-mode=maroon] .post-title {
  color: #7B3F00; /* Dark maroon text */
}

[data-layout-mode=maroon] .companies-table .table tbody td h2.table-avatar a,
[data-layout-mode=maroon] .card-table .card-body .table th,
[data-layout-mode=maroon] table.dataTable > thead .sorting:before,
[data-layout-mode=maroon] table.dataTable > thead .sorting_asc:before,
[data-layout-mode=maroon] table.dataTable > thead .sorting_desc:before,
[data-layout-mode=maroon] table.dataTable > thead .sorting_asc_disabled:before,
[data-layout-mode=maroon] table.dataTable > thead .sorting_desc_disabled:before,
[data-layout-mode=maroon] .table tbody td h2.table-avatar a,
[data-layout-mode=maroon] .nav-tabs .nav-link.active,
[data-layout-mode=maroon] .customer-text-one,
[data-layout-mode=maroon] .activity-feed .feed-item.timeline-item span.timeline-user a,
[data-layout-mode=maroon] .invoice-sign span,
[data-layout-mode=maroon] .ticket-information .support-details-cont h6,
[data-layout-mode=maroon] .ticket-history .card-inform .ticket-info h6,
[data-layout-mode=maroon] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .kanban-ticket .kanban-head h6,
[data-layout-mode=maroon] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban .kanban-box h6,
[data-layout-mode=maroon] .inv-content .invoice-table table tr td,
[data-layout-mode=maroon] .inv-content .invoice-table table tr th,
[data-layout-mode=maroon] .inv-content .total-amountdetails span,
[data-layout-mode=maroon] .invoice-one .bank-details .payment-info span,
[data-layout-mode=maroon] .invoice-one .bank-details .payment-info div,
[data-layout-mode=maroon] .invoice-one .thanks-msg,
[data-layout-mode=maroon] .invoice-two .inv-content .invoice-header .inv-header-left h2,
[data-layout-mode=maroon] .invoice-two .inv-content .invoice-table-details table thead tr th,
[data-layout-mode=maroon] .invoice-two .inv-content .invoice-table-details table tr .table-description,
[data-layout-mode=maroon] .invoice-two .inv-content .invoice-table-details table tr td,
[data-layout-mode=maroon] .invoice-two .inv-content .invoice-table-footer .table-footer-right table td,
[data-layout-mode=maroon] .invoice-two .inv-content .thanks-msg,
[data-layout-mode=maroon] .invoice-two .inv-content .two-invoice-details h5,
[data-layout-mode=maroon] .invoice-two .inv-content .bank-details .payment-info .debitcard,
[data-layout-mode=maroon] .invoice-two .inv-content .terms-condition span,
[data-layout-mode=maroon] .invoice-two .inv-content .bank-details .payment-info .payment-title,
[data-layout-mode=maroon] .invoice-three .invoice-wrapper .inv-content .thank-msg,
[data-layout-mode=maroon] .invoice-three .invoice-wrapper .inv-content .inv-details .invoice-footer span,
[data-layout-mode=maroon] .invoice-three .invoice-wrapper .inv-content .thanks-msg span {
  color: #FFD700;
  background: #9B111E; /* Maroon background */
}


[data-layout-mode=maroon] .form-radio-check .checkmark {
  color: #800000; /* Maroon color */
}

[data-layout-mode=maroon] .faq-tab {
  background: #800000; /* Maroon background */
  border: 1px solid #B22222; /* Firebrick border */
}

[data-layout-mode=maroon] {
  /* Maroon Background for Footer */
  background-color: #B22222; /* Firebrick background */
}

[data-layout-mode=maroon] .invoice-table .row.table-footer,
[data-layout-mode=maroon] .invoice-wrapper .invoice-footer .invoice-footer-right,
[data-layout-mode=maroon] .invoice-wrapper .invoice-footer,
[data-layout-mode=maroon] .invoice-wrapper .invoice-footer .terms-conditions span {
  background-color: #800000; /* Maroon background */
}

[data-layout-mode=maroon] .dark-white-logo {
  display: none !important; /* Hide for maroon theme */
}

[data-layout-mode=maroon] .light-color-logo {
  display: inline-block !important; /* Show for maroon theme */
}

[data-layout-mode=maroon] .invoice-item .invoice-details strong {
  color: #FFD700; /* Light yellow color */
}

[data-layout-mode=maroon] .packages.package-selected {
  background: rgba(128, 0, 0, 0.3); /* Light maroon selection */
}

[data-layout-mode=maroon] .chat-cont-right ul.list-unstyled .chat-block.received .media-body > div,
[data-layout-mode=maroon] .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box > div,
[data-layout-mode=maroon] .chat-window .chat-cont-right .chat-footer,
[data-layout-mode=maroon] .chat-window .chat-cont-right .chat-footer .input-group .form-control,
[data-layout-mode=maroon] .form-group-bank,
[data-layout-mode=maroon] .description-box .note-frame,
[data-layout-mode=maroon] .form-group .note-editable,
[data-layout-mode=maroon] .input-block .note-editable,
[data-layout-mode=maroon] .note-toolbar,
[data-layout-mode=maroon] .form-group .note-toolbar,
[data-layout-mode=maroon] .input-block .note-toolbar,
[data-layout-mode=maroon] .note-btn,
[data-layout-mode=maroon] .ticket-information .support-details,
[data-layout-mode=maroon] .kanban-ticket-main .kanban-ticket-list .kanban-ticket-grid .card-kanban {
  background: #b7abab; /* Sandy brown background */
}

[data-layout-mode=maroon] .chat-window .chat-cont-right .chat-body .chat-block .media-body .msg-box > div p,
[data-layout-mode=maroon] .chat-time span,
[data-layout-mode=maroon] .filter-buttons button.btn-secondary,
[data-layout-mode=maroon] .note-btn {
  color: #5F6D7A; /* Soft gray text */
}

[data-layout-mode=maroon] .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box:first-child:before {
  border-right: 6px solid #F4A460; /* Sandy brown border */
}

[data-layout-mode=maroon] .chat-window .chat-cont-right .chat-footer,
[data-layout-mode=maroon] .form-group-bank,
[data-layout-mode=maroon] .note-btn,
[data-layout-mode=maroon] .note-toolbar,
[data-layout-mode=maroon] .ticket-information .support-details {
  border-color: #B22222; /* Firebrick color border */
}

[data-layout-mode=maroon] .card-support {
  border: none; /* No border for maroon theme */
}

[data-layout-mode=maroon] .invoices-main-tabs {
  padding-top: 12px;
  padding-left: 12px;
}

[data-layout-mode=maroon] .recurring-tab ul li button.active {
  background: rgba(128, 0, 0, 0.3) !important; /* Active maroon */
}

[data-layout-mode=maroon] .badge-gray-outline {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

[data-layout-mode=maroon] .filter-buttons button.btn-secondary {
  background: rgba(128, 0, 0, 0.1); /* Light maroon hover */
  border-color: rgba(128, 0, 0, 0.1);
}

[data-layout-mode=maroon] .filter-buttons button.btn-secondary:hover {
  box-shadow: inset 0 50px 0 0 rgba(128, 0, 0, 0.3);
}

[data-layout-mode=maroon] .ticket-information .support-widget-icon,
[data-layout-mode=maroon] .ticket-information .customer-widget-icon,
[data-layout-mode=maroon] .ticket-information .support-details .btn-action-icon,
[data-layout-mode=maroon] .activity-feed .feed-item:before,
[data-layout-mode=maroon] .ticket-history .card-inform .ticket-info .ticket-upload {
  background: rgba(128, 0, 0, 0.3); /* Light maroon background */
}

[data-layout-mode=maroon] .ticket-history .card-inform .ticket-info .ticket-upload {
  border-color: rgba(128, 0, 0, 0.3);
}

[data-layout-mode=maroon] .ticket-history .card-inform .ticket-info .ticket-upload:hover {
  background: rgba(128, 0, 0, 0.4);
  border-color: rgba(128, 0, 0, 0.4);
}

[data-layout-mode=maroon] .status-toggle .checktoggle {
  transform: none;
}


[data-sidebar=maroon] body .sidebar .sidebar-menu {
  padding: 10px 0;
  background:#831e54;
}