[data-layout-mode=green] body {
  background-color: #1b5e2042; /* Green background */
  color: #000000; /* Light green text */
}

[data-layout-mode=green] body ul.hidden-links {
  background-color: #388E3C !important; /* Darker green for hidden links */
}

[data-layout-mode=green] body ul.hidden-links .submenu ul {
  background: #1B5E20; /* Green submenu background */
}

[data-layout-mode=green] body .submenu ul {
  background: #1B5E20; /* Green submenu background */
}

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

[data-layout-mode=green] body .stats-box {
  background-color: #2C6B38; /* Dark green background */
  border: 1px solid #1B5E20; /* Dark green border */
}

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

[data-layout-mode=green] body .card .card-title {
  color: #E8F5E9; /* Light green text for card titles */
}

[data-layout-mode=green] body .text-dark {
  color: #E8F5E9 !important; /* Light green text for dark elements */
}

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

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

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

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

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

[data-layout-mode=green] body .btn.btn-greys,
[data-layout-mode=green] body .table tbody td a.btn-action-icon {
  background: #388E3C; /* Dark green buttons */
  color: #E8F5E9; /* Light green text for buttons */
}

[data-layout-mode=green] body .bg-success-light {
  background: rgba(56, 142, 60, 0.1) !important; /* Light green background */
}

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

[data-layout-mode=green] body .bg-info-light {
  background: rgba(129, 212, 250, 0.12); /* Light blue background */
}

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

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

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

[data-layout-mode=green] body .ribbon-secondary {
  background: rgba(56, 142, 60, 0.3);
  color: #E8F5E9; /* Light green text */
}

[data-layout-mode=green] body .ribbon-success {
  background: rgba(0, 188, 212, 0.3);
  color: #E8F5E9; /* Light green text */
}

[data-layout-mode=green] body .ribbon-primary {
  background: rgba(25, 118, 210, 0.3);
  color: #E8F5E9; /* Light green text */
}

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

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

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

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

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

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


[data-layout-mode=green] body .sidebar-twocol.sidebar .sidebar-left {
  background: #388E3C;
}

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

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

[data-layout-mode=green] body .sidebar-twocol.sidebar .sidebar-right {
  background: #2C6B2F;
}

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

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

[data-layout-mode=green] body .dash-statistics .stats-info {
  background-color: #1B5E20;
  border: 1px solid #2C6B2F;
}

[data-layout-mode=green] body .table {
  background-color: #1B5E20;
  border: 1px solid #2C6B2F;
}

[data-layout-mode=green] body .table th {
  color: #E3F2FD;
  border-top: 1px solid #2C6B2F;
  background: #809d81;
  border-bottom: 1px solid #2C6B2F;
}

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

[data-layout-mode=green] body .table .btn-white {
  background-color: #1B5E20;
  border: 1px solid #2C6B2F;
}

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

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

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

[data-layout-mode=green] body .btn-white {
  background-color: #2E7D32;
  border: 1px solid #388E3C;
  color: #A5D6A7;
}

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

[data-layout-mode=green] body .login-wrapper .loginbox .or-line {
  background: #388E3C;
}

[data-layout-mode=green] body .dataTables_length .form-control {
  background-color: #2E7D32;
  color: #A5D6A7;
  border: 1px solid #388E3C;
}

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

[data-layout-mode=green] body .nav-tabs.nav-tabs-solid {
  background-color: #2E7D32;
  border: 1px solid #388E3C;
}

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

[data-layout-mode=green] body .select2-dropdown,
[data-layout-mode=green] body .card-footer {
  background: #388E3C;
  border-color: #388E3C;
}

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


[data-layout-mode=green] body .table td a {
  color: #6B8E23; /* Olive green */
}

/* Green-themed highlights for specific elements */
[data-layout-mode=green] body .bg-subscribe {
  background: rgba(34, 139, 34, 0.3); /* Subtle green highlight */
  color: rgba(34, 139, 34, 0.9);
}

[data-layout-mode=green] body .bg-payment {
  background: rgba(0, 128, 0, 0.3); /* Green payment highlight */
  color: rgba(0, 128, 0, 0.9);
}

[data-layout-mode=green] body .sidebar, 
[data-layout-mode=green] body .wizard .nav-item .nav-link {
    background-color: #2C6B2F; /* Deep green */
}

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

[data-layout-mode=green] body .popover-header {
  background-color: #4B8A3B; /* Darker green */
  color: #C2F0C2; /* Light green-gray */
  border-color: #4B8A3B;
}

[data-layout-mode=green] body .add-customer-btns .customer-btn-cancel, 
[data-layout-mode=green] body .modal-footer .btn-back {
  border-color: #006400; /* Dark green border */
  background: rgba(0, 100, 0, 0.1); /* Transparent dark green */
  color: #006400; /* Dark green text */
}

[data-layout-mode=green] body .btn-path .btn-cancel.bg-primary-light {
  background: rgba(0, 100, 0, 0.1) !important;
  color: #006400 !important;
}

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

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

[data-layout-mode=green] body #add_package .modal-body ul li h6:hover {
  border-color: rgba(34, 139, 34, 0.3);
  background: rgba(34, 139, 34, 0.3);
  color: #228B22;
}

[data-layout-mode=green] body .bg-white {
  background: #2E8B57 !important; /* Deep green background */
}

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

[data-layout-mode=green] 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=green] body .btn-light, 
[data-layout-mode=green] 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=green] body .toggle-sidebar .sidebar-layout-filter {
  background: #2C6B2F;
}

/* Add similar modifications for all selectors */
[data-layout-mode=green],
.topics,
.w-sidebar {
  background-color: #006400; /* Deep green */
  border: 1px solid #004d00; /* Darker green border */
}

[data-layout-mode=green] .table-bordered th, 
[data-layout-mode=green] .dropdown-menu {
  border: 1px solid #4B8A3B; /* Green border */
}

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

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

[data-layout-mode=green] .notifications .notification-list li {
  box-shadow: 0px 1px 0px 0px #3A5A40; /* Green shadow */
}

[data-layout-mode=green] #plan-billing-slider .owl-item .packages, 
[data-layout-mode=green] .grid-blog .post-widget, 
[data-layout-mode=green] .nav-tabs .nav-link.active {
  background: #2A6B45; /* Slightly lighter green */
  border-color: #3A5A40; /* Green border */
}

[data-layout-mode=green] .chat-window .chat-cont-right .chat-header .chat-block .media-body .user-status, 
[data-layout-mode=green] .dash-widget-header .dash-count .dash-count-value, 
[data-layout-mode=green] .nav-tabs .nav-link.active, 
[data-layout-mode=green] .nav-pills .nav-link.active {
  color: #006400; /* Dark green */
}

[data-layout-mode=green] .table td a:hover {
  color: #228B22; /* Forest green hover color */
}

/* Additional components */
[data-layout-mode=green] .page-header {
  background: #006400; /* Dark green header background */
  color: #FFFFFF;
}


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

[data-layout-mode=green] .chat-window .chat-cont-right .chat-body .chat-block .media-body .msg-box > div p,
[data-layout-mode=green] .chat-time span,
[data-layout-mode=green] .filter-buttons button.btn-secondary,
[data-layout-mode=green] .note-btn {
  color: #6B8E23; /* Olive drab for text color */
}

[data-layout-mode=green] .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box:first-child:before {
  border-right: 6px solid #E8F5E9;
}

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

[data-layout-mode=green] .card-support {
  border: none;
}

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

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

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

[data-layout-mode=green] .filter-buttons button.btn-secondary {
  background: rgba(139, 195, 74, 0.1); /* Green hover */
  border-color: rgba(139, 195, 74, 0.1);
}

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

[data-layout-mode=green] .ticket-information .support-widget-icon,
[data-layout-mode=green] .ticket-information .customer-widget-icon,
[data-layout-mode=green] .ticket-information .support-details .btn-action-icon,
[data-layout-mode=green] .activity-feed .feed-item:before,
[data-layout-mode=green] .ticket-history .card-inform .ticket-info .ticket-upload {
  background: rgba(139, 195, 74, 0.3);
}

[data-layout-mode=green] .ticket-history .card-inform .ticket-info .ticket-upload {
  border-color: rgba(139, 195, 74, 0.3);
}

[data-layout-mode=green] .ticket-history .card-inform .ticket-info .ticket-upload:hover {
  background: rgba(139, 195, 74, 0.4);
  border-color: rgba(139, 195, 74, 0.4);
}

.status-toggle .checktoggle {
  transform: none;
}

[data-layout-mode=green] body .logo-dark,
[data-layout-mode=green] body .logo-lightmode {
  display: none;
}

[data-layout-mode=green] body .logo-light,
[data-layout-mode=green] body .logo-darkmode {
  display: inline-block;
}

[data-layout-mode=green] body .header .main-logo {
  background: #2E7D32; /* Dark green */
}

[data-layout-mode=green] body .header .logo-color {
  display: none;
}

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

[data-layout-mode=green] body .header .toggle-bars .bar-icons {
  background: #388E3C; /* Green icon */
}

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

[data-layout-mode=green] body .header .logo2 {
  display: inline-block;
  line-height: 60px;
}

[data-layout-mode=green] body .header .user-menu.nav > li > a span {
  color: #388E3C; /* Green user text */
}

[data-layout-mode=green],
[data-layout-mode=green] body .header .has-arrow .dropdown-toggle:after {
  border-color: #81C784; /* Green border color */
}

[data-layout-mode=green] body .sidebar .sidebar-menu ul.sidebar-vertical .menu-title span {
  color: #fff; /* White text color for menu titles */
}

[data-layout-mode=green] body .user-menu.nav .dropdown-heads > a,
[data-layout-mode=green] body .customer-details-group .customer-details .customer-widget-icon i {
  background: #1B5E20; /* Dark green background for user-menu */
}

[data-layout-mode=green] body .user-menu.nav .dropdown-heads > a i {
  color: #AAAAAA; /* Light gray icon color */
}


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

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

[data-layout-mode=green] .chat-window .chat-cont-right .chat-body .chat-block.received .media-body .msg-box:first-child:before {
  border-right: 6px solid #E3F9E5;
}

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

[data-layout-mode=green] .card-support {
  border: none;
}

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

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

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

[data-layout-mode=green] .filter-buttons button.btn-secondary {
  background: rgba(46, 204, 113, 0.1); /* Green hover */
  border-color: rgba(46, 204, 113, 0.1);
}

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

[data-layout-mode=green] .ticket-information .support-widget-icon,
[data-layout-mode=green] .ticket-information .customer-widget-icon,
[data-layout-mode=green] .ticket-information .support-details .btn-action-icon,
[data-layout-mode=green] .activity-feed .feed-item:before,
[data-layout-mode=green] .ticket-history .card-inform .ticket-info .ticket-upload {
  background: rgba(46, 204, 113, 0.3);
}

[data-layout-mode=green] .ticket-history .card-inform .ticket-info .ticket-upload {
  border-color: rgba(46, 204, 113, 0.3);
}

[data-layout-mode=green] .ticket-history .card-inform .ticket-info .ticket-upload:hover {
  background: rgba(46, 204, 113, 0.4);
  border-color: rgba(46, 204, 113, 0.4);
}

.status-toggle .checktoggle {
  transform: none;
}

[data-layout-mode=green] body .logo-dark,
[data-layout-mode=green] body .logo-lightmode {
  display: none;
}

[data-layout-mode=green] body .logo-light,
[data-layout-mode=green] body .logo-darkmode {
  display: inline-block;
}

[data-layout-mode=green] body .header .main-logo {
  background: #27AE60; /* Green logo */
}

[data-layout-mode=green] body .header .logo-color {
  display: none;
}

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

[data-layout-mode=green] body .header .toggle-bars .bar-icons {
  background: #2ECC71; /* Green icon */
}

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

[data-layout-mode=green] body .header .logo2 {
  display: inline-block;
  line-height: 60px;
}

[data-layout-mode=green] body .header .user-menu.nav > li > a span {
  color: #2ECC71; /* Green user text */
}

[data-layout-mode=green], 
[data-layout-mode=green] body .header .has-arrow .dropdown-toggle:after {
  border-color: #2ECC71; /* Green border color */
}

[data-layout-mode=green] body .sidebar .sidebar-menu ul.sidebar-vertical .menu-title span {
  color: #fff; /* White text color for menu titles */
}

[data-layout-mode=green] body .user-menu.nav .dropdown-heads > a, 
[data-layout-mode=green] body .customer-details-group .customer-details .customer-widget-icon i {
  background: #1E1F25; /* Dark background for user-menu */
}

[data-layout-mode=green] body .user-menu.nav .dropdown-heads > a i {
  color: #AAAAAA; /* Light gray icon color */
}

[data-layout-mode=green] body .sidebar .sidebar-menu ul {
  background:#6c8568; /* Dark background for sidebar */
  border-color: #04e979; /* Border color for sidebar */
}

[data-layout-mode=green] body .sidebar .sidebar-menu ul li.submenu ul li a:hover {
  background: #1C1D22; /* Dark background for submenu hover */
}

[data-layout-mode=green] body #toggle_btn {
  color: #AAAAAA; /* Light gray toggle button color */
}

[data-layout-mode=green] body .header {
  background: #608d62; /* Dark background for header */
  border-color: #49f051; /* Border color for header */
}

[data-layout-mode=green] 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=green] body .header .top-nav-search form .form-control::-webkit-input-placeholder { 
  color: #AAAAAA; /* Placeholder text color */
  opacity: 1;
}

[data-layout-mode=green] body .header .top-nav-search form .form-control:-moz-placeholder { 
  color: #AAAAAA; /* Placeholder text color */
  opacity: 1;
}

[data-layout-mode=green] body .header .top-nav-search form .form-control::-moz-placeholder { 
  color: #AAAAAA; /* Placeholder text color */
  opacity: 1;
}

[data-layout-mode=green] body .header .top-nav-search form .form-control:-ms-input-placeholder { 
  color: #AAAAAA; /* Placeholder text color */
  opacity: 1;
}

[data-layout-mode=green] body .sidebar {
  background-color:#A8D4A1; /* Dark background for sidebar */
}

[data-layout-mode=green] body .sidebar .sidebar-menu {
  background-color: #294b2c; /* Dark background for sidebar menu */
}

[data-layout-mode=green] body .sidebar .sidebar-menu a.active i {
  color: #2ECC71; /* Green active icon color */
}

[data-layout-mode=green] body .sidebar .sidebar-menu a.active span {
  color: #2ECC71; /* Green active text color */
}

[data-layout-mode=green] body .sidebar .sidebar-menu a.active {
  background-color: #0d1a10; /* Green background for active menu item */
}

[data-layout-mode=green] .widget {
  border-top: 5px solid #2ECC71; /* Green border for widget top */
}

[data-layout-mode=green] .page-title .page-heading {
  color: #2ECC71; /* Green color for page title */
}

[data-layout-mode=green] .user-status-text {
  color: #27AE60; /* Green color for user status text */
}

[data-layout-mode=green],
[data-layout-mode=green] body .sidebar .sidebar-menu ul li a, 
[data-layout-mode=green] body .sidebar .sidebar-menu ul li a span {
    color: #AAAAAA; /* Light gray text color for sidebar items */
}

[data-layout-mode=green] body .sidebar .sidebar-menu ul li ul li a {
    background: #173b1f; /* Dark background for submenu items */
}

[data-layout-mode=green] 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=green] body .sidebar .sidebar-menu .greedy ul li a:hover, 
[data-layout-mode=green] body .sidebar .sidebar-menu ul > li > a:hover, 
[data-layout-mode=green] body .sidebar .sidebar-menu ul li a:hover span, 
[data-layout-mode=green] body .sidebar .sidebar-menu ul li.submenu ul li a.active, 
[data-layout-mode=green] body .sidebar .sidebar-menu ul li a:hover i, 
[data-layout-mode=green] body .sidebar .sidebar-menu ul li a.active i {
    color: #27AE60; /* Green hover/active color */
}

[data-layout-mode=green] 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=green] body .sidebar .sidebar-menu ul li a.active::before, 
[data-layout-mode=green] body .sidebar .sidebar-menu ul li a.active::after, 
[data-layout-mode=green] body .sidebar .sidebar-menu ul li a.active::before, 
[data-layout-mode=green] body .sidebar .sidebar-menu ul li a.active::before {
    background: #27AE60; /* Green background for active items */
}

[data-layout-mode=green] body .sidebar .sidebar-menu .greedys .viewmoremenu {
    color: #b7c0cd; /* Light gray color for view more menu */
}

[data-layout-mode=green] body .sidebar .sidebar-menu .greedys .viewmoremenu:hover {
    color: #fff; /* White color for view more menu on hover */
}

[data-layout-mode=green] body .sidebar .sidebar-menu .greedys .hidden-links li a:hover {
    color: #27AE60; /* Green color for hidden links on hover */
}

[data-layout-mode=green] body .sidebar .sidebar-menu .greedys .hidden-links li a:hover span {
    color: #27AE60; /* Green color for hidden links' text on hover */
}


[data-sidebar=green] body .sidebar .sidebar-menu {
  padding: 10px 0;
  background: #27AE60;
}