
<style>
    .dark-mode .companyTitleName a {
        color: #ffffff !important;
        word-break: break-word;
        white-space: break-spaces;
        text-align: left;
        font-size: 16px !important;
    }

    /* Custom Dark Mode Styles */
    .dark-mode {
        background-color: #1a1a1a;
        color: #ffffff;
    }

    .dark-mode .main-header {
        background-color: #333;
    }

    .dark-mode .sidebar {
        background-color: #222;
    }

    .dark-mode .content-wrapper {
        background-color: #1a1a1a;
    }

    .dark-mode .card {
        background-color: #333;
        color: #ffffff;
    }

    .dark-mode .table {
        background-color: #333;
        color: #ffffff;
    }

    .dark-mode .table th,
    .dark-mode .table td {
        border-color: #444;
    }

    .dark-mode .btn-primary {
    background-color: #0056b3; /* Darker blue */
    border-color: #0056b3;
    color: #fff;
    }
    .dark-mode .btn-primary:hover {
        background-color: #004494;
        border-color: #004494;
        color: #fff;
    }

    .dark-mode .btn-secondary {
        background-color: #6c757d; /* Darker gray */
        border-color: #6c757d;
        color: #fff;
    }
    .dark-mode .btn-secondary:hover {
        background-color: #5a6268;
        border-color: #5a6268;
        color: #fff;
    }

    .dark-mode .btn-success {
        background-color: #28a745; /* Darker green */
        border-color: #28a745;
        color: #fff;
    }
    .dark-mode .btn-success:hover {
        background-color: #218838;
        border-color: #218838;
        color: #fff;
    }

    .dark-mode .btn-danger {
        background-color: #dc3545; /* Darker red */
        border-color: #dc3545;
        color: #fff;
    }
    .dark-mode .btn-danger:hover {
        background-color: #c82333;
        border-color: #c82333;
        color: #fff;
    }

    .dark-mode .btn-warning {
        background-color: #ffc107; /* Darker yellow */
        border-color: #ffc107;
        color: #212529;
    }
    .dark-mode .btn-warning:hover {
        background-color: #e0a800;
        border-color: #e0a800;
        color: #212529;
    }

    .dark-mode .btn-info {
        background-color: #148394; /* Darker cyan */
        border-color: #135e69;
        color: #fff;
    }
    .dark-mode .btn-info:hover {
        background-color: #138496;
        border-color: #138496;
        color: #fff;
    }

    .dark-mode .btn-light {
        background-color: #f8f9fa;
        border-color: #f8f9fa;
        color: #212529;
    }
    .dark-mode .btn-light:hover {
        background-color: #e2e6ea;
        border-color: #e2e6ea;
        color: #212529;
    }

    .dark-mode .btn-dark {
        background-color: #343a40;
        border-color: #343a40;
        color: #fff;
    }
    .dark-mode .btn-dark:hover {
        background-color: #23272b;
        border-color: #23272b;
        color: #fff;
    }

        .dark-mode .sidebar .nav-link,
    .dark-mode .sidebar ul li a,
    .dark-mode .sidebar li a {
        color: #ffffff !important;
    }
    /* General Styling */
    .dark-mode .sidebar .nav-link {
        color: #ffffff !important; /* White color for all menu links */
    }

    .dark-mode .sidebar .nav-link:hover {
        color: #ffd700 !important; /* Gold color on hover */
    }

    /* Main Menu when Open */
    .dark-mode .menu-open > .nav-link {
        color: #ffd700 !important;
        background-color: #444 !important;
        border-left: 4px solid #ffd700;
    }

    /* Active Submenu */
    .dark-mode .nav-treeview .nav-link.active {
        color: #ffd700 !important;
        background-color: #555 !important;
        border-left: 4px solid #ffd700;
    }

    .dark-mode .nav-treeview .nav-link.active:hover {
        background-color: #666 !important;
    }

    /* Additional for Robustness */
    .dark-mode .sidebar .nav-link.active,
    .dark-mode .sidebar .nav-link.active:hover,
    .dark-mode .sidebar .nav-item.active > .nav-link {
        color: #ffd700 !important;
        background-color: #444 !important;
        border-left: 4px solid #ffd700;
    }

    /* Basic dark mode styles for Select2 */
    .dark-mode .select2-container--default .select2-selection--single,
    .dark-mode .select2-container--default .select2-selection--multiple {
        background-color: #333 !important; /* Dark background */
        color: #fff !important; /* White text */
        border: 1px solid #444 !important; /* Light border for contrast */
    }

    .dark-mode .select2-container--default .select2-selection--single:focus,
    .dark-mode .select2-container--default .select2-selection--multiple:focus {
        border-color: #ffd700 !important; /* Highlight border on focus */
        box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5) !important; /* Gold focus glow */
    }

    .dark-mode .select2-container--default .select2-selection__rendered {
        color: #fff !important; /* White text inside the selection */
    }

    .dark-mode .select2-container--default .select2-selection__arrow {
        border-color: #fff !important; /* White arrow color */
    }

    /* Dropdown */
    .dark-mode .select2-container--default .select2-dropdown {
        background-color: #222 !important; /* Dark background for dropdown */
        color: #fff !important; /* White text */
        border: 1px solid #444 !important; /* Dark border */
    }

    /* Highlighted item in dropdown */
    .dark-mode .select2-container--default .select2-results__option--highlighted {
        background-color: #444 !important; /* Slightly darker background for highlighted item */
        color: #ffd700 !important; /* Gold text on hover */
    }

    /* DataTable Wrapper */
    .dark-mode .dataTables_wrapper {
        color: #fff !important;
        background-color: #2c2c2c !important;
    }

    /* Table Header */
    .dark-mode .dataTables_wrapper thead th {
        background-color: #444 !important;
        color: #ccc !important;
        border-bottom: 1px solid #555 !important;
        cursor: pointer;
    }

    /* Table Body */
    .dark-mode .dataTables_wrapper tbody tr {
        background-color: #333 !important;
        color: #e0e0e0 !important;
    }

    .dark-mode .dataTables_wrapper tbody tr:hover {
        background-color: #3a3a3a !important;
    }

    /* Sorting Icons */
    .dark-mode .dataTables_wrapper thead th.sorting::after,
    .dark-mode .dataTables_wrapper thead th.sorting_asc::after,
    .dark-mode .dataTables_wrapper thead th.sorting_desc::after {
        font-family: FontAwesome;
        padding-left: 8px;
        color: #aaa;
    }

    .dark-mode .dataTables_wrapper thead th.sorting::after {
        content: "\f0dc";  /* FontAwesome sort icon */
    }

    .dark-mode .dataTables_wrapper thead th.sorting_asc::after {
        content: "\f0de";  /* FontAwesome sort-asc icon */
    }

    .dark-mode .dataTables_wrapper thead th.sorting_desc::after {
        content: "\f0dd";  /* FontAwesome sort-desc icon */
    }

    /* Scrollbar */
    .dark-mode .dataTables_scrollBody {
        background-color: #2c2c2c !important;
        color: #fff !important;
    }

    /* Pagination */
    .dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
        background-color: #444 !important;
        color: #fff !important;
        border: 1px solid #555 !important;
        margin: 2px;
        padding: 5px 10px;
        border-radius: 4px;
    }

    .dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background-color: #ffd700 !important;
        color: #000 !important;
        border-color: #ffd700 !important;
    }

    /* Active Page Button */
    .dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background-color: #ffd700 !important;
        color: #000 !important;
        border: 1px solid #ffd700 !important;
    }

    /* Search Box */
    .dark-mode .dataTables_wrapper .dataTables_filter input {
        background-color: #444 !important;
        color: #fff !important;
        border: 1px solid #555 !important;
        border-radius: 4px;
        padding: 5px;
    }

    /* Dropdown Select */
    .dark-mode .dataTables_wrapper .dataTables_length select {
        background-color: #444 !important;
        color: #fff !important;
        border: 1px solid #555 !important;
        border-radius: 4px;
        padding: 5px;
    }

    /* Info Text */
    .dark-mode .dataTables_wrapper .dataTables_info {
        color: #ccc !important;
    }

    /* Override for Even Rows in Dark Mode */
    .dark-mode table.dataTable.display tbody tr.even > .sorting_1,
    .dark-mode table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #444 !important;
        color: #e0e0e0 !important;
    }

    /* Odd Rows for Consistency */
    .dark-mode table.dataTable.display tbody tr.odd > .sorting_1,
    .dark-mode table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #444 !important;
        color: #e0e0e0 !important;
    }

    /* Add more custom styles as needed */
</style>
