/* .dark-mode .rr-reg-main, .rr-reg-container, .rr-reg-container *, body { */
    /* color: #ffffff; */
/* } */

  /* Dark theme styles */
  :root {
    --primary-dark: #141415;
    --secondary-dark: #1D1D1E;
    --secondary-dark1: #1e1e1e;
    --primary-text-color: #EEEEEE;
    --Secondary-text-color: #141415;
    --border: 1px solid #343435;
    --border1: 1px solid #484b4e;
    --card-shadow: box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.12),
      0px 3px 1px rgba(0, 0, 0, 0.04);
    --header-shadow: 0 0 10px rgba(255, 255, 255, 0);
  }

  .dark-mode {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
  }

  .dark-mode .main-menu ul li a {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .user-info p {
    opacity: 0.7;
    color: var(--primary-text-color) !important;

  }

  .dark-mode .filter-sidebar {
    background: var(--secondary-dark1);
    border: var(--border);
  }



  .dark-mode .header_background {
    background: #333;
    border-radius: 12px;
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: 500;
  }

  .dark-mode .header_rgb_color {
    background: #333;
    border-radius: 12px;
    color: rgb(255, 255, 255);
    flex-wrap: wrap;
    box-shadow: 0 4px 8px rgba(252, 251, 251, 0.1);
  }

  .dark-mode .header-container {
    background-color: var(--secondary-dark1) !important;
    border: var(--border) !important;
    box-shadow: inset -2px -2px 4px 0 rgba(0, 0, 0, 0.12), inset 1px 1px 8px 0 rgba(255, 255, 255, 0.08) !important;

  }

  .dark-mode .header-container1 {
    background-color: var(--secondary-dark1) !important;
    border: var(--border) !important;
    box-shadow: inset -2px -2px 4px 0 rgba(0, 0, 0, 0.12), inset 1px 1px 8px 0 rgba(255, 255, 255, 0.08) !important;

  }

  .dark-mode .dark-back {
    background-color: var(--secondary-dark1) !important;
    color: var(--primary-text-color) !important;
    border: var(--border);
  }

  .dark-mode .p-card {
    border: 1.2px solid rgba(255, 255, 255, 0.08) !important;
    background: linear-gradient(180deg, rgb(57, 57, 57) 0%, rgb(33, 33, 33) 100%) !important;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25), -2px -2px 4px rgba(255, 255, 255, 0.04), inset 4px 4px 8px rgba(0, 0, 0, 0.25), inset -2px -2px 8px rgba(246, 246, 246, 0.12);
  }

  .p-tabview .p-tabview-nav .p-highlight .p-tabview-nav-link {
    color: #20add0 !important;
  }

  .dark-mode .p-tabview .p-tabview-nav-content {
    border-bottom: 1px solid #333;
  }

  .p-tabview .p-tabview-nav .p-highlight {
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #20add0 !important;
    border-radius: 0px !important;
  }

  .dark-mode .pi {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .p-menuitem-icon {
    color: #fff !important;
  }

  .dark-mode a {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .app-header,
  .dark-mode .sub-header {
    background-color: var(--secondary-dark) !important;
    color: var(--primary-text-color) !important;
    box-shadow: var(--header-shadow);
    border: var(--border);
  }

  .dark-mode .header-icons .ui-button-rounded {
    background-color: var(--secondary-dark) !important;
    color: var(--primary-text-color) !important;
    border: var(--border) !important;
  }

  .dark-mode .user-email,
  .dark-mode .user-organization {
    color: var(--primary-text-color) !important;
  }


  .dark-mode .p-datatable .p-datatable-tbody>tr {
    background-color: var(--secondary-dark) !important;
    color: var(--primary-text-color) !important;
    border-bottom: 1px solid #4a454594 !important;
    border-bottom: 1px solid transparent !important;
  }


  .dark-mode .p-datatable .p-datatable-tbody>tr:nth-child(odd) {
    background-color: #282730 !important;
    box-shadow: 0px 1px 5px 0px #F3EFEF1A inset;
  }

  .dark-mode .p-datatable-table .p-datatable-tbody>tr:hover {
    background-color: #505051 !important;
    color: var(--primary-text-color) !important;
  }


  .dark-mode .product-table {
    background-color: var(--secondary-dark1) !important;
    border: var(--border) !important;
    box-shadow:
      inset -2px -2px 4px 0 rgba(0, 0, 0, 0.12),
      inset 1px 1px 8px 0 rgba(255, 255, 255, 0.08) !important;
  }

  .dark-mode .Sync-clss {

    color: var(--primary-text-color) !important;
  }


  .dark-mode .p-paginator {
    background-color: var(--secondary-dark1) !important;
    color: var(--primary-text-color) !important;

  }

  .dark-mode .p-datatable .p-datatable-thead>tr>th {
    color: var(--primary-text-color);
    background: var(--secondary-dark) !important;
  }

  .dark-mode .p-toolbar {
    background-color: #00000000 !important;
    color: var(--primary-text-color) !important;
  }

  .dark-mode .personal-info {
    color: var(--primary-text-color) !important;
    background: linear-gradient(180deg, #242424 100%, #1C1C1C 100%) !important;
    border: 1px solid #444444 !important;
    box-shadow: inset -4px -4px 8px 0 rgba(0, 0, 0, 0.12), inset 2px 2px 10px 0 rgba(255, 255, 255, 0.12) !important;
  }

  .dark-mode .personal-info .form-control {
    background-color: var(--secondary-dark) !important;
    border: var(--border) !important;
  }

  .dark-mode label {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .form-control {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
    border: var(--border) !important;
  }

  .dark-mode textarea {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
    border: var(--border) !important;
  }

  .dark-mode .p-dropdown {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
    border: 1px solid #d7d7d7 !important;
  }

  .dark-mode .p-inputtext {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
    /* border: var(--border) !important; */
  }

  .dark-mode .p-dropdown-filter-container .p-inputtext {
    background-color: #cfcfcf !important;
    color: var(--primary-dark) !important;
  }

  .dark-mode .p-calendar .p-inputtext {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
    border: var(--border) !important;

  }

  .dark-mode .p-dropdown-panel {
    background: #333;
  }

  .dark-mode .p-dropdown-panel .p-dropdown-header {
    background: #333;
    color: var(--primary-text-color) !important;

  }

  .dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: var(--primary-text-color) !important;
    background: #494b4c !important;
  }



  /* popup */

  .dark-mode .p-dialog {
    border: none !important;
    background-color: var(--primary-dark) !important;
    box-shadow: 0px 11px 15px -7px rgb(251 249 249 / 6%), 0px 24px 38px 3px rgb(255 255 255 / 12%), 0px 9px 46px 8px rgb(255 255 255 / 7%);
  }

  

  .dark-mode .p-dialog .p-dialog-content {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
  }

  .dark-mode .p-dialog .p-dialog-header .p-dialog-header-icon {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .input-group-append button {
    border: none;
    background: var(--secondary-dark) !important;
  }

  .dark-mode .btn-option {
    background: var(--secondary-dark) !important;
    border: var(--border) !important;
  }

  .dark-mode .day-btn {
    background: var(--secondary-dark) !important;
    color: var(--primary-text-color) !important;
    border: var(--border) !important;
  }


  .dark-mode .day-btn.active {
    background-color: #136FB6 !important;
    color: var(--primary-text-color) !important;
    border-color: #136FB6 !important;
    box-shadow: inset 0px 2px 4px 0px rgba(237, 239, 255, 0.57), 0px 4px 5px 0px rgba(0, 0, 0, 0.4) !important;
  }

  .dark-mode .time-ipt {
    border: var(--border) !important;

  }



  .dark-mode .card-design {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
    border: var(--border) !important;
  }

  .dark-mode .card-design .form-control {
    background-color: var(--primary-dark) !important;

  }

  .dark-mode .p-menu.p-menu-overlay {
    /* background: #0a0a0a; */
    background: #414141;
  }


  .dark-mode .email-change-form {
    background-color: #333 !important;
    color: var(--primary-text-color) !important;
  }


  .set-colr {
    color: #333 !important;
  }



  .dark-mode ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  .dark-mode ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: transparent;
    -webkit-box-shadow: inset 0 0 6px transparent
  }

  .dark-mode ::-webkit-scrollbar-thumb:window-inactive {
    background: transparent
  }


  .dark-mode .fa-regular,
  .dark-mode .fa-solid {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .clear-link {
    color: var(--primary-text-color) !important;

  }

  .dark-mode .search-container input {
    border: 1px solid #37363e;
    background-color: #37363e !important;
  }

  .dark-mode .card-search .p-inputtext {
    border: 1px solid #4d4d4d;
    background-color: #333 !important;
  }


  .dark-mode .section li:hover {
    background-color: #6f6a6a !important;
  }

  .dark-mode .icon-container {
    background-color: var(--secondary-dark) !important;
    border: var(--border) !important;
  }

  .dark-mode ::ng-deep .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: black;
    border-color: #00335559;
    color: var(--primary-text-color);
  }


  .dark-mode .user-type-label {
    color: rgba(255, 255, 255, 0.5) !important;
    background-color: var(--primary-dark) !important;
    border: 1px solid #1F2228 !important;
  }



  .dark-mode .product-card {
    background: linear-gradient(180deg, #242424 100%, #1C1C1C 100%) !important;
    border: 1px solid #444444 !important;
    box-shadow: inset -4px -4px 8px 0 rgba(0, 0, 0, 0.12), inset 2px 2px 10px 0 rgba(255, 255, 255, 0.12) !important;

  }

  .dark-mode .product-card .product-info p,
  .dark-mode .product-card .product-info h2 {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .product-price p,
  .dark-mode .product-price h2 {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .payment-details .detail-item p {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .quantity-container input {
    border: var(--border) !important;
    background-color: var(--secondary-dark1) !important;
    color: var(--primary-text-color) !important;
  }

  .dark-mode .card-righthand {
    border: var(--border) !important;
    background-color: var(--secondary-dark1) !important;
  }


  .dark-mode .label-summary-size {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .text-container p {
    color: #9f9f9f !important;
  }

  .dark-mode .order-summary-section h2 {
    color: #333 !important;
  }

  .dark-mode .payment-title {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .dark-card {
    background: linear-gradient(180deg, #242424 100%, #1C1C1C 100%) !important;
    border: 1px solid #444444 !important;
    box-shadow: inset -4px -4px 8px 0 rgba(0, 0, 0, 0.12), inset 2px 2px 10px 0 rgba(255, 255, 255, 0.12) !important;

  }



  /* user-approval */
  .dark-mode .button-group {
    background-color: rgba(120, 120, 128, 0.12) !important;
  }

  .dark-mode .form-control1 {
    border: none !important;
  }


  .dark-mode .uc-drak {
    background-color: var(--primary-dark) !important;
    border: var(--border) !important;
    background: none !important;
    box-shadow: none !important;
  }

  .dark-mode .light-apprl-dsng {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
    margin-top: 0px !important;
  }

  .dark-mode .uploaded-files {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  .dark-mode .user-name {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .p-avatar-text {
    color: #333 !important;
  }

  .dark-mode .organization-name {
    background-color: #7e7d7dde !important;
    color: var(--primary-text-color) !important;

  }


  .dark-mode .address-card {
    background-color: #7e7d7dde !important;
  }

  .dark-mode .address-info,
  .dark-mode .address-text {
    color: var(--primary-text-color) !important;

  }

  .dark-mode .file-item {
    background-color: #333 !important;
    color: var(--primary-text-color) !important;
    background: none !important;
    border: none !important;

  }

  .dark-mode .uploaded-files {
    border: var(--border) !important;
  }



  /* user-group */
  .dark-mode .cdlabel {
    background-color: #F0E6F3 !important;
    color: var(--primary-dark) !important;
  }



  /* user-permission */
  .dark-mode .Permission .p-dropdown {
    background-color: var(--secondary-dark) !important;
    border: var(--border1) !important;
  }

  .dark-mode .Permission .form-control {
    background-color: var(--secondary-dark) !important;
    border: var(--border1) !important;
  }

  .dark-mode .Permission {
    background: #141414 !important;
    border: 1px solid #363636 !important;
    box-shadow: 0px 0px 19.1px 0px #FFFFFF1F !important;
  }


  /* popup */
  .dark-mode .custom-popup {
    background: linear-gradient(180deg, rgb(76 76 76) 0%, rgb(16 16 16) 100%) !important;
    color: hsl(0deg 0% 100%) !important;
    border: 1px solid #444444;
    box-shadow: 0px 0px 40px 0px #FFFFFF29;
  }

  .dark-mode .custom-popup1 {
    background: linear-gradient(180deg, rgb(76 76 76) 0%, rgb(16 16 16) 100%) !important;
    color: hsl(0deg 0% 100%) !important;
    border: 1px solid #444444;
    box-shadow: 0px 0px 40px 0px #FFFFFF29;
  }

  .dark-mode .custom-text {
    color: #B4B4B4 !important;

  }

  .dark-mode .custom-title-success {
    color: #FFFFFF !important;
  }

  .dark-mode .custom-title-alert {
    color: #FFFFFF !important;
  }

  .dark-mode .custom-title-error {
    color: #FFFFFF !important;
  }

  .dark-mode .custom-title-conform {
    color: #FFFFFF !important;
  }

  .dark-mode div:where(.swal2-container).swal2-backdrop-show,
  .dark-mode div:where(.swal2-container).swal2-noanimation {
    background: rgb(0 0 0 / 54%) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .dark-mode :where(.swal2-container) button:where(.swal2-close) {
    background: #87878740 !important;
    color: #FFFFFF !important;
  }

  /* toaster */
  .dark-mode .p-toast .p-toast-message.p-toast-message-success {
    background: var(--primary-dark) !important;
    border-color: var(--border) !important;
    color: #585757 !important;
  }

  .dark-mode .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    color: #a3a3a3 !important;
  }

  .dark-mode .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    color: var(--primary-text-color);
  }

  /* product  */
  .dark-mode .checkbox-card {
    border: var(--border1) !important;
    background-color: #8b898924 !important;
  }


  .dark-mode .checkmark-card {
    fill: var(--primary-text-color) !important;
  }

  .dark-mode .card-text {
    color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
  }

  .dark-mode .category-card {
    background: #1A1A1A !important;
  }


  .dark-mode .selected-count {
    border: var(--border) !important;
  }


  .dark-mode .go-button {
    color: var(--primary-text-color) !important;
    border: var(--border1) !important;
    background-color: var(--secondary-dark) !important;

  }

  .dark-mode .p-slider .p-slider-handle {
    background: var(--primary-dark) !important;
  }

  .dark-mode .slider-wrapper .p-slider {
    background: #555758 !important
  }

  .dark-mode .bubble {
    background: var(--primary-dark) !important;
    color: #8f8f8f !important;
  }

  .dark-mode .price-input {
    background-color: var(--secondary-dark1) !important;
    border: var(--border) !important;
  }

  .dark-mode .checkmark {

    background-color: var(--secondary-dark1) !important;
    border: var(--border1) !important;
  }



  .dark-mode .checkbox-container input~.checkmark {
    background-color: var(--secondary-dark1) !important;
  }

  .dark-mode .checkbox-container input:checked~.checkmark {
    background-color: #2196F3;
  }

  /* shopping cart  */

  .dark-mode .discount {
    color: var(--Secondary-text-color) !important;
  }

  .dark-mode .payment-card .form-control {
    background-color: var(--secondary-dark) !important;
    border: var(--border1) !important;
  }

  .dark-mode .payment-card-header svg path {
    fill: var(--primary-text-color) !important;
  }




  ::ng-deep .dark-mode .p-sidebar-right {
    background-color: var(--primary-dark) !important
  }


  .dark-mode .card-header1 label {
    color: rgba(255, 255, 255, 1) !important;
  }










  .dark-mode .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid #444444 !important;
    background: rgb(40 40 40 / 96%) !important;
  }

  .dark-mode .apexcharts-menu {
    background: #404040 !important;
    border: 1px solid #585353 !important;
  }

  .dark-mode .grid-action-red-btn {
    /* border: 1px solid #a3a3a3 !important; */
    color: #d9d7d7 !important;
  }

  .dark-mode .grid-action-btn {
    /* border: 1px solid #a3a3a3 !important; */
    color: #d9d7d7 !important;
  }

  .dark-mode .green-btn {
    /* border: 1px solid #a3a3a3 !important; */
    color: #d9d7d7 !important;
  }

  .dark-mode .outline-common {
    background-color: #212121 !important;
    border: 1px solid #444444 !important;
    box-shadow:
      inset -2px -2px 4px 0 rgba(0, 0, 0, 0.12),
      inset 1px 1px 8px 0 rgba(255, 255, 255, 0.08) !important;
  }



  .dark-mode .card-righthand {
    background: linear-gradient(180deg, #242424 100%, #1C1C1C 100%) !important;
    border: 1px solid #444444 !important;
    box-shadow: inset -4px -4px 8px 0 rgba(0, 0, 0, 0.12), inset 2px 2px 10px 0 rgba(255, 255, 255, 0.12) !important;
  }

  .dark-mode .address-continer-bg {
    background: none !important;
    background-color: #212121 !important;
    border: 1px solid #292929 !important;
    border-radius: 6px !important;
    box-shadow: inset 1px 1px 4px 0px rgba(255, 255, 255, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.5) !important;
  }

  .dark-mode .Address-continer-parent {
    background-color: #141414 !important;
    border: 1px solid #363636 !important;
  }

  .dark-mode .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #ffff;
  }

  .dark-mode .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content a:hover {
    color: black !important;
    background: transparent;
  }

  .dark-mode .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon {
    color: black !important;
  }

  .dark-mode .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: black !important;
  }

  .dark-mode .days {
    background-color: #141415 !important;
    border: none !important
  }


  .dark-mode .swal2-cancel {
    color: #ffffff !important;
  }


  .dark-mode .p-password .p-inputtext {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
    border: var(--border) !important;
  }

  .dark-mode .p-inputotp .p-inputtext {
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
    border: var(--border) !important;
  }

  .dark-mode .option-card {
    border: 1.2px solid rgba(255, 255, 255, 0.08) !important;
    background: linear-gradient(180deg, rgb(57, 57, 57) 0%, rgb(33, 33, 33) 100%) !important;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25), -2px -2px 4px rgba(255, 255, 255, 0.04), inset 4px 4px 8px rgba(0, 0, 0, 0.25), inset -2px -2px 8px rgba(246, 246, 246, 0.12);
  }

  .dark-mode .register-btn {
    margin-top: 28px !important;
  }


  .dark-mode .email-reset-form {
    background-color: #212121 !important;
    border: 1px solid #444444 !important;
    box-shadow:
      inset -2px -2px 4px 0 rgba(0, 0, 0, 0.12),
      inset 1px 1px 8px 0 rgba(255, 255, 255, 0.08) !important;
  }

  .dark-mode .email-reset-form h3 {
    color: #e3e3e3 !important;
  }


  /* Shared Job Post Styles - Dark Mode Overrides */
  .dark-mode .bg-success-subtle {
    background-color: rgba(34, 197, 94, 0.2) !important;
    color: #4ade80 !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
  }

  .dark-mode .bg-warning-subtle {
    background-color: rgba(249, 115, 22, 0.2) !important;
    color: #fb923c !important;
    border-color: rgba(249, 115, 22, 0.3) !important;
  }

  .dark-mode .bg-danger-subtle {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
  }

  .dark-mode .vertical-divider {
    background-color: #434343 !important;

  }

  .dark-mode .footer-vertical {
    border-right: 1px solid #434343 !important;

  }


  .dark-mode .login-pg-btn {

    background: #0c0c0c;
    color: #fff;
    padding: 0.5rem 1.5rem;
    /* border: none; */
    border-radius: 5px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.2s;
    box-shadow: inset 0px 2px 4px 0px rgb(69 69 69 / 57%), 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
    font-weight: 600;
    color: white;
    border: 1px solid #4b4a4a !important;
    letter-spacing: 0.5px;
  }



  .dark-mode .common-btn {
    /* box-shadow: 0px 2px 4px 0px #EDEFFF91 inset, 0px 4px 4px 0px #0000001F; */
    background: #136FB6;
    border: none;
    color: #d9d7d7 !important;

    /* box-shadow: inset 0px 2px 4px 0px rgba(237, 239, 255, 0.57), 0px 4px 5px 0px rgba(0, 0, 0, 0.4); */
  }

  .dark-mode .delete-btn,
  .dark-mode .update-btn {
    color: #d9d7d7 !important;

    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4), inset 0px 2px 4px 0px rgba(237, 239, 255, 0.57) !important; */
  }


  .dark-mode .success-card-btn {
    /* box-shadow: 2px 2px 8px 0px #00000080 inset,
    -1px -1px 8px 0px #FFFFFF40 inset,
    0px 0px 4px 0px #000000; */
    color: #0bb7af80;
    /* background-color: #2b4645 !important; */
    /* border-color: #2b4645 !important; */
    font-weight: 700;
  }

  .dark-mode .error-card-btn {
    /* box-shadow: 2px 2px 8px 0px #00000080 inset,
    -1px -1px 8px 0px #FFFFFF40 inset,
    0px 0px 4px 0px #000000; */
    /* background-color: #523338 !important; */
    /* border-color: #523338 !important; */
    color: #f64e60 !important;
  }

  .dark-mode .Pending-card-btn {
    /* box-shadow: 2px 2px 8px 0px #00000080 inset,
    -1px -1px 8px 0px #FFFFFF40 inset,
    0px 0px 4px 0px #000000; */
    /* background-color: #3c372e !important; */
    /* border-color: #3c372e !important; */
    color: #ee9d01 !important;
  }

  .dark-mode .Decline-card-btn {
    /* box-shadow: 2px 2px 8px 0px #00000080 inset,
    -1px -1px 8px 0px #FFFFFF40 inset,
    0px 0px 4px 0px #000000; */
    /* background-color: #523338 !important; */
    /* border-color: #523338 !important; */
    color: #f64e60 !important;
  }

  .dark-mode .Counter-card-btn {
    /* box-shadow: 2px 2px 8px 0px #00000080 inset,
    -1px -1px 8px 0px #FFFFFF40 inset,
    0px 0px 4px 0px #000000; */
    /* background-color: #3b2c4b !important; */
    /* border-color: #3b2c4b !important; */
    color: #a24ef6 !important;
  }

  .dark-mode .gray-button {
    background: #d9d9d9 !important;
    /* box-shadow: 0px 4px 5px 0px #00000066,1px 1px 4px 0px #00000091 inset !important; */
  }

  .dark-mode svg .svg-icon-path {
    stroke: #ffffff !important;
  }

  .dark-mode svg .svg-icon-path-fill {
    fill: #ffffff !important;
  }


  .dark-mode .dd-profile .dropdown-item:focus,
  .dark-mode .dd-profile .dropdown-item:hover {
    stroke: #000000a3 !important;
    fill: #000000a3 !important;

  }

  .dark-mode .dd-profile .submenu .dropdown-item:focus svg .svg-icon-path-fill,
  .dark-mode .dd-profile .submenu .dropdown-item:hover svg .svg-icon-path-fill {
    fill: #000000a3 !important;

  }

  .dark-mode .dd-profile .submenu .dropdown-item:focus svg .svg-icon-path,
  .dark-mode .dd-profile .submenu .dropdown-item:hover svg .svg-icon-path {
    stroke: #000000a3 !important;

  }

  .dark-mode .delete-btn.disabled,
  .dark-mode .delete-btn:disabled {
    color: #fff !important;
    background-color: #808080b8 !important;
    border-color: transparent !important;
  }

  .dark-mode .update-btn.disabled,
  .dark-mode .update-btn:disabled {
    color: #fff !important;
    background-color: #808080b8 !important;
    border-color: transparent !important;
  }

  .dark-mode .common-btn.disabled,
  .dark-mode .common-btn:disabled {
    color: #fff !important;
    background-color: #808080b8 !important;
    border-color: transparent !important;
  }


  /* new product  */
  .dark-mode .header-product {
    background-color: var(--secondary-dark) !important;
    color: #fff !important;
  }

  .dark-mode .sidebar__section-header_active {
    /* background: rgb(85, 85, 85) !important; */
    background: rgb(54 54 54) !important;
    /* background: #282730 !important; */
    /* background: linear-gradient(180deg, rgba(85, 85, 85, 1) 0%, rgba(44, 44, 44, 1) 100%) !important; */
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
  }

  .dark-mode .sidebar-product {
    background-color: var(--secondary-dark) !important;
    border-right: none !important
  }

  .dark-mode .sidebar__section-header_inactive {
    background: #282730 !important;
    /* background: linear-gradient(90deg, rgba(33, 32, 41, 1) 0%, rgba(33, 32, 41, 1) 100%) !important; */
    /* box-shadow: 0px 0px 1px 1px rgb(108 108 108 / 25%) !important; */
    color: #fff !important;
  }

  .dark-mode .sidebar__list label {
    color: #FFFFFF !important;
  }

  .dark-mode .dashboard__content {
    background-color: var(--primary-dark) !important;
  }

  .dark-mode .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid #444444 !important;
    background: rgb(40 40 40 / 96%) !important;
  }

  ::ng-deep .dark-mode .p-sidebar-right {
    background-color: var(--secondary-dark) !important;
    border: var(--border) !important;
    box-shadow: inset 0px 1px 1px 0 rgba(237, 239, 255, 0.57), inset 2px 3px 6px 0 rgba(255, 255, 255, 0.16), 1px 1px 9px 0 rgba(0, 0, 0, 0.4);
  }

  ::ng-deep .dark-mode .p-sidebar {
    color: var(--primary-text-color);
  }


  .dark-mode .sell_Rate_cls {
    border: 1px solid #d57269 !important;
  }

  .dark-mode .last-trade-fild {
    color: #ffffff !important;
  }

  .dark-mode .product-details-card {
    border: 1px solid rgb(0 0 0 / 24%) !important;
    background: linear-gradient(0deg, rgba(57, 57, 57, 1) 0%, rgba(33, 33, 33, 1) 100%) !important;
    box-shadow: inset 0px 1px 1px 0 rgba(237, 239, 255, 0.57), inset 3px 3px 10px 0 rgba(255, 255, 255, 0.16), 1px 1px 9px 0 rgba(0, 0, 0, 0.4) !important;
  }

  .dark-mode .product-details-table-card {
    border: 1px solid rgb(0 0 0 / 24%) !important;
    background: linear-gradient(0deg, rgba(57, 57, 57, 1) 0%, rgba(33, 33, 33, 1) 100%) !important;
    box-shadow: inset 0px 1px 1px 0 rgba(237, 239, 255, 0.57), inset 3px 3px 10px 0 rgba(255, 255, 255, 0.16), 1px 1px 9px 0 rgba(0, 0, 0, 0.4) !important;
  }

  .dark-mode .card-header1 h3 {
    color: rgb(255, 255, 255) !important;
  }

  .dark-mode .company-details p {
    color: rgb(255, 255, 255) !important;
  }

  .dark-mode .attribute {
    background: linear-gradient(0deg, rgba(57, 57, 57, 1) 0%, rgba(33, 33, 33, 1) 100%) !important;
    box-shadow:
      2px 2px 4px 0px rgba(0, 0, 0, 0.2),
      -2px -2px 4px 0px rgba(255, 255, 255, 0.08),
      inset 1px 1px 2px 0px rgba(0, 0, 0, 0.25),
      inset -1px -1px 4px 0px rgba(255, 255, 255, 0.16) !important;
    color: white !important;
    border: none !important;
  }

  .dark-mode .number-input-container {
    background: #1e1e1e !important;
    border: 1px solid #444 !important;
  }

  .dark-mode .number-input-container .input-field {
    background: #1e1e1e !important;
    color: #FFFFFF !important;
  }

  .dark-mode .btn-shoping-input {
    background: linear-gradient(to bottom, #242424 0%, #1C1C1C 100%) !important;
    color: white !important;
    box-shadow: inset -2px -1px 4px 0px rgba(0, 0, 0, 0.12), inset 1px 1px 8px 0px rgba(255, 255, 255, 0.08) !important;
    border: 1px solid #444444 !important;

  }


  .dark-mode .order-summary-totals .total-line {
    color: #fff !important;
  }


  .dark-mode .order-status {
    border-bottom: 1px solid #4D4D4D !important;
  }

  .dark-mode .status-text {
    color: #333 !important;
    border: 1px solid #20add0;
    padding: 1px 10px;
    border-radius: 20px;
    background-color: #20add0;
  }

  .dark-mode .status-text1 {
    color: #dbdbdb !important;
  }


  .dark-mode .tab-button-myOrder.active {
    background: #F6F6F6 !important;
    color: #000 !important;
    /* background: linear-gradient(180deg, #F6F6F6 0%, #B4B4B4 100%) !important; */
    /* box-shadow: 2px 2px 4px rgba(255, 255, 255, 0.16) !important; */
    /* box-shadow: inset -2px -2px 8px rgba(0, 0, 0, 0.16), 2px 2px 4px rgba(255, 255, 255, 0.16) !important; */
  }

  .dark-mode .tab-button-myOrder {
    border: 1px solid #e6e6e675 !important;
    color: #fff !important;
  }

  .dark-mode .card2 {
    border: 1px solid rgb(0 0 0 / 24%) !important;
    background: linear-gradient(0deg, rgba(57, 57, 57, 1) 0%, rgba(33, 33, 33, 1) 100%) !important;
    box-shadow: inset 0px 1px 1px 0 rgba(237, 239, 255, 0.57), inset 3px 3px 10px 0 rgba(255, 255, 255, 0.16), 1px 1px 9px 0 rgba(0, 0, 0, 0.4) !important;
  }



  .dark-mode .serch_box:hover,
  .dark-mode .serch_box:focus-within,
  .dark-mode .serch_box.active {
    background: #37363e !important;
  }


  .dark-mode .arrow-green {
    color: #33ff33 !important;
  }

  .dark-mode .user-name .cdlabel1 {
    color: #ffff !important;
  }

  .dark-mode .checkbox-group .highlight {
    background-color: #545454 !important;
  }

  /* .dark-mode .strength-card{
    background: none !important;
    border: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05)!important;
  } */

  .dark-mode .dealEndIn-Color {
    color: #ffa3a3 !important;
  }

  .dark-mode tr td.seller-dg {
    background: #472D3C !important;
    /* box-shadow: 0px 1px 5px 0px #F3EFEF1A inset !important; */
  }

  .dark-mode tr:nth-child(odd) td.seller-dg {
    background: #582E46 !important;
    /* box-shadow: 0px 1px 5px 0px #F3EFEF1A inset !important; */
  }

  .dark-mode tr td.buyer-dg {
    background: #1B2836 !important;
    /* box-shadow: 0px 1px 5px 0px #F3EFEF1A inset !important; */
  }

  .dark-mode tr:nth-child(odd) td.buyer-dg {
    background: #263F59 !important;
    /* box-shadow: 0px 1px 5px 0px #F3EFEF1A inset !important; */
  }

  .dark-mode tr td .pending-seller-dg {
    box-shadow: 0px 4px 4px 0px #00000040 !important;
    /* background: #00640099 !important; */
    background: #00520099 !important;

  }

  .dark-mode tr td .sd-seller-dg {
    box-shadow: 0px 4px 4px 0px #00000040 !important;
    background: #8B000099 !important;
  }

  .dark-mode tr td .accept-seller-dg {
    box-shadow: 0px 4px 4px 0px #00000040 !important;
    background: #00666699 !important;
  }

  .dark-mode tr td .bd-seller-dg {
    box-shadow: 0px 4px 4px 0px #00000040 !important;
    background: #B4282899 !important;
  }


  .dark-mode .dd-profile {
    background: #414141 !important;
  }


  .dd-profile .dropdown-item:focus,
  .dd-profile .dropdown-item:hover {
    background-color: #e9ecef !important;
    color: var(--primary-dark) !important;
  }

  /* .dd-profile .dropdown-item:focus, 
.dd-profile .dropdown-item:hover{
  background-color: #83888d !important;
  color: var(--primary-dark) !important;

} */
  /* .dark-mode .dd-profile .dropdown-item:focus, 
.dark-mode .dd-profile .dropdown-item:hover{
  background-color: #e9ecef !important;
  color: var(--primary-dark) !important;
}

.dark-mode .dd-profile .dropdown-item:focus, 
.dark-mode .dd-profile .dropdown-item:hover{
  background-color: #e9ecef !important;
  color: var(--primary-dark) !important;

} */

  .dark-mode .p-datatable .p-datatable-tbody>tr.exp-tr-chart {
    background-color: #505051 !important;

  }

  .dark-mode .p-datatable .p-datatable-tbody>tr:nth-child(odd).exp-tr-chart {
    background-color: #505051 !important;

  }

  .dark-mode .p-tieredmenu.p-tieredmenu-overlay {
    background: #414141 !important;

  }

  .dark-mode .p-tieredmenu .p-submenu-list {
    background: #414141 !important;
  }

  .dark-mode .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
  .dark-mode .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #ffffff !important
  }

  .dark-mode .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .dark-mode .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #333 !important
  }

  .dark-mode .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .dark-mode .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #333 !important
  }

  .dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link.p-menuitem-link-active {
    background: gray !important;
  }

  .dark-mode .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #fff !important;
  }

  .dark-mode .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    /* background: #232323 !important;
  border-color: #3b3b3c !important; */
    background: #e9ecef !important;
    border-color: #e9ecef !important;
    color: #161616 !important;
  }

  .dark-mode .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action {
    color: black !important;
    background: transparent;
  }

  .dark-mode .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
    color: black !important;
    background: transparent;
  }

  .dark-mode .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #414141 !important;
    color: #495057 !important;
    background: #414141 !important;
  }

  .dark-mode .logo .pi .p-button-icon-only .p-button-icon {
    color: #fff !important;
  }


  .dark-mode .dd-profile .dropdown-item:hover .pi {
    color: #000000a3 !important;
  }

  .dark-mode .dd-profile .dropdown-item:hover .fa-solid {
    color: #000000a3 !important;
  }

  .dark-mode .dd-profile .submenu {
    background: #656464 !important;
  }

  .dark-mode .scrolling-text {
    /* color: #6bff6b !important; */
    color: #FFBF00 !important;

  }


  /* Style for PanelMenu headers */
  .dark-mode .p-panelmenu .p-panelmenu-header {
    background-color: #3a3a3a !important;
    color: white !important;
    font-weight: bold !important;
  }

  /* Style for PanelMenu content (inside items) */
  .dark-mode .p-panelmenu .p-panelmenu-content {
    background-color: #4a4a4a !important;
    color: white !important;
    border: none !important;
  }

  /* Style for individual menu items (links) */
  .dark-mode .p-panelmenu .p-menuitem-link {
    color: white !important;
    text-decoration: none !important;
  }

  /* Active item styling (optional) */
  .dark-mode .p-panelmenu .p-menuitem-link.router-link-active {
    font-weight: bold !important;
    color: #ffffff !important;
    background-color: #5a5a5a !important;
  }

  /* Optional - hover effect */
  .dark-mode .p-panelmenu .p-menuitem-link:hover {
    background-color: #555 !important;
  }



  .dark-mode .toggle-btn-product.active {
    background-color: #FFFFFF !important;
    color: #050505 !important;

    /* color: #000 !important;
  background: #FFFFFF !important; */
    /* box-shadow: 4px 4px 5px 0px #00000066,2px 2px 6px 0px #00000080 inset !important; */
  }


  .dark-mode .toggle-container {
    /* background: #333333 !important; */
    /* border: 1px solid #444444 !important; */
    /* box-shadow: 0px 0px 16px 0px #00000066,4px 4px 4px 0px #00000066 inset,-2px -2px 8px 0px #00000066 inset !important; */
  }

  .dark-mode .toggle-btn-product {

    /* border: 1px solid white !important; */
    color: white !important;
    /* color: #fff  !important; */
  }


  .dark-mode .b-active {
    background: #136FB6 !important;
    border: none !important;
  }

  .dark-mode .s-active {
    background: rgba(255, 42, 66, 0.69) !important;
    border: none !important;
  }

  /* .dark-mode .toggle-btn-product:not(.active):hover {
  background-color: #222  !important;
} */


  .dark-mode .Icon-Background {
    background: #37363e !important;
  }

  .dark-mode tr td.selected-row {
    background-color: #505051 !important;
  }


  .dark-mode .b-active {
    background: #136FB6 !important;
    border: none !important;
  }

  .dark-mode .s-active {
    background: rgba(255, 42, 66, 0.69) !important;
    border: none !important;
  }



  .dark-mode .close-icon-expend {
    color: #37363e !important;
    background: #ffffff !important;
    border: 1px solid #37363e !important;
  }

  .dark-mode .close-icon-expend-add {
    color: #37363e !important;
    background: #ffffff !important;
    border: 1px solid #37363e !important;
  }

  .dark-mode .close-icon-expend-add1 {
    color: #37363e !important;
    background: #ffffff !important;
    border: 1px solid #37363e !important;
  }

  .dark-mode .close-icon-expend-add1-refresh {
    background: #ffffff !important;
    border: 1px solid #37363e !important;
    color: #37363e !important;
  }


  .dark-mode .serch_text {
    color: #fff !important;
  }

  .dark-mode .row-filter-search {
    color: white !important;
  }


  .dark-mode .contact-sup-footer {
    background: var(--primary-dark) !important;
  }






  .dark-mode .p-button:not(:disabled):hover {
    color: rgb(255, 255, 255) !important;
  }
















  .dark-mode .notifications-dropdown {
    background: #414141 !important;
    border: 1px solid #414141 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;


  }

  .dark-mode .notifications-dropdown .notification-items .notification-item {
    background-color: #272727 !important;
    border: 1px solid #272727 !important;
  }


  .dark-mode .username-display h6 {
    color: #f5f5f5 !important;
  }





  .dark-mode .toggle-group {
    background: #282828 !important;
    box-shadow: 0 1px 4px rgb(145 145 145 / 27%) !important;
    border: 1px solid #343434 !important;
  }


  .dark-mode .spinner_overlay {
    background-color: #0000009e;
  }



  /* Shared Form & UI Components - Dark Mode */
  .dark-mode .section-title {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .custom-radio-card {
    background: var(--secondary-dark);
    border-color: var(--border);
  }

  .dark-mode .custom-radio-card:hover {
    background: #333;
  }

  .dark-mode .custom-radio-card.selected {
    background: rgba(37, 87, 167, 0.2);
    border-color: #60a5fa;
  }

  .dark-mode .custom-radio-card .form-check-label {
    color: #e2e8f0;
  }

  .dark-mode .custom-chip {
    background: #333 !important;
    color: #ccc !important;
  }

  .dark-mode .custom-chip.active {
    border-color: #fff !important;
    color: #fff !important;
  }

  .dark-mode .custom-chip:hover {
    background: #444 !important;
  }

  /* MultiSelect & Dropdown Filter Triggers (Pills) */
  .dark-mode .small-filter {
    background-color: var(--secondary-dark1) !important;
    border: var(--border) !important;
    color: var(--primary-text-color) !important;
    box-shadow: inset -2px -2px 4px 0 rgba(0, 0, 0, 0.12), inset 1px 1px 8px 0 rgba(255, 255, 255, 0.08) !important;
  }

  .dark-mode .small-filter .p-multiselect-label,
  .dark-mode .small-filter .p-dropdown-label {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .small-filter .p-multiselect-trigger,
  .dark-mode .small-filter .p-dropdown-trigger {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .small-filter:not(.p-disabled).p-focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), inset -2px -2px 4px 0 rgba(0, 0, 0, 0.12), inset 1px 1px 8px 0 rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
  }




  /* Job Create & Common Component Overrides */
  .dark-mode .btn-white {
    background-color: var(--secondary-dark1) !important;
    border: var(--border) !important;
    color: var(--primary-text-color) !important;
  }

  .dark-mode .btn-white:hover {
    background-color: #333 !important;
  }

  .dark-mode .custom-stepper .p-inputnumber .p-inputnumber-button,
  .dark-mode .custom-stepper .p-inputnumber button.p-inputnumber-button {
    background-color: var(--secondary-dark) !important;
    border-color: var(--border1) !important;
    color: var(--primary-text-color) !important;
  }

  .dark-mode .custom-stepper .p-inputnumber .p-inputnumber-button:hover {
    background-color: #333 !important;
  }

  .dark-mode .p-inputgroup-addon {
    background-color: var(--secondary-dark) !important;
    border: var(--border) !important;
    color: var(--primary-text-color) !important;
  }

  .dark-mode .custom-stepper .p-inputnumber {
    background-color: var(--primary-dark) !important;
    border-color: var(--border1) !important;
  }

  .dark-mode .custom-stepper .p-inputnumber .p-inputtext {
    color: var(--primary-text-color) !important;
  }

  .dark-mode .editor-container .ql-container.ql-snow,
  .dark-mode .editor-container .ql-editor {
    border-color: var(--border1) !important;
    background-color: var(--primary-dark) !important;
    color: var(--primary-text-color) !important;
  }

  .dark-mode .editor-container .ql-editor.ql-blank::before {
    color: #888 !important;
  }

  .dark-mode .custom-chip {
    background: #2a2a2a !important;
    border: 1px solid #444 !important;
    color: #ddd !important;
  }

  .dark-mode .custom-chip.active {
    background: rgba(37, 87, 167, 0.3) !important;
    border-color: #2557a7 !important;
    color: #fff !important;
  }

  .dark-mode .custom-chip:hover:not(.active) {
    background: #333 !important;
  }

  .dark-mode .dashboard-home {
    height: 90vh;
    width: 100%;
    display: flex;
    align-items: center;
    background: url('/assets/img/Dashboard2.png') no-repeat center center !important;
    background-size: cover;
  }

  /* PrimeNG Dropdowns & MultiSelect Dark Mode */
  .dark-mode .p-multiselect-panel,
  .dark-mode .p-dropdown-panel {
    background: #1e1e1e !important;
    border: 1px solid #333 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
  }

  .dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item,
  .dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    color: #eee !important;
    background: transparent !important;
  }

  .dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover,
  .dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus,
  .dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover,
  .dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus,
  .dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus,
  .dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item:focus {
    background: #2a2a2a !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  .dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight,
  .dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    background: rgba(19, 111, 182, 0.25) !important;
    color: #fff !important;
  }

  .dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus,
  .dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus,
  .dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight:hover,
  .dark-mode .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight:hover {
    background: rgba(19, 111, 182, 0.35) !important;
    color: #fff !important;
  }

  .dark-mode .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 8px;
  }

  /* Footer Section in MultiSelect */
  .dark-mode .p-multiselect-panel .border-top {
    border-top: 1px solid #333 !important;
  }

  .dark-mode .p-multiselect-panel .btn-white {
    background: #282828 !important;
    border: 1px solid #444 !important;
    color: #eee !important;
  }

  .dark-mode .p-multiselect-panel .btn-white:hover {
    background: #333 !important;
  }

  .dark-mode .p-checkbox .p-checkbox-box {
    border: 1px solid #444 !important;
    background: #1e1e1e !important;
  }

  .dark-mode .p-checkbox .p-checkbox-box.p-highlight {
    background: #2557a7 !important;
    border-color: #2557a7 !important;
  }

  .dark-mode .p-checkbox .p-checkbox-box .p-checkbox-icon {
    color: #fff !important;
  }
  /* Job Status Badges (Draft, etc.) */
  .dark-mode .job-status-badge {
    border-radius: 2rem !important;
    padding: 0.4rem 0.8rem !important;
    font-weight: 500 !important;
    font-size: 0.75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  .dark-mode .badge-draft {
    background-color: rgba(249, 115, 22, 0.15) !important;
    color: #fb923c !important;
    border: 1px solid rgba(249, 115, 22, 0.3) !important;
  }




  /* ------------------jemima======================= */


  .dark-mode .reg-sidebar{
        background-color: #040404!important;
  }

  .dark-mode .reg-main{
      background: #000000!important;
    }

  .dark-mode .rr-back-btn{
          color: #0968ff!important;
    }

  .dark-mode .rr-step-item.active .rr-step-label {
    color: #ffffff!important;
    }

  .dark-mode .rr-step-indicator {
          color: #000000!important;
    }

  .dark-mode .rr-step-label {
      color: #ffffff!important;
    }

  .dark-mode .rr-main-title{
      color: #ffffff!important;
    }

  .dark-mode .rr-main-subtitle{
              color: #c4c9cf! important;
    }

  .dark-mode .custom-radio-card{
       color: #000000!important;
    }

  .dark-mode .custom-radio-card{
          background: #202020!important;
    }
  .dark-mode .rr-card-icon{
      color: #ffffff!important;
    }

  .dark-mode .rr-card-text{
    color: #ffffff !important;
   }

  .dark-mode .rr-reg-sidebar{
        background-color: #000000 !important;
   }

  .dark-mode .rr-reg-main{
        background: #000000!important;
   }

  .dark-mode .rr-reg-container {
    background-color: #000000!important;
   }

  .dark-mode .rr-main-title{
    color: #ffffff!important;
   }

  .dark-mode .rr-main-subtitle{
    color: #e3edfc!important;
   }
 
  .dark-mode .custom-stepper .p-inputnumber .p-inputtext {
        color: #ffffff !important;
   }

  .dark-mode .custom-stepper .p-inputnumber .rr-stepper-btn {
        background-color: #464748 !important;
            color: #ffffff !important;
   }

  .dark-mode .custom-radio-card.selected {
        border-color: #5c5a5a! important;
    background-color: #17181a! important;}

  .dark-mode .custom-radio-card.selected .rr-card-text {
    color: #fffefe!important;}

  .dark-mode .custom-radio-card {
          background: #17181a! important;
            border: 1px solid #4a4a4a!important;}

  .dark-mode .rr-btn {
          color: white!important;}


  .dark-mode .rr-job-type-chip{
        background: #181818! important;
    color: #ffffff! important;
        border: 1.5px solid #ffffff! important;
   }

  .dark-mode .rr-btn.rr-btn-outline{
    background: #181818 ! important;
    border: 1.5px solid #ffffff ! important;
    color: #ffffff! important;
    }

 .dark-mode .rr-btn.rr-btn-next{
    background: linear-gradient(135deg, #b6c4d1 0%, #555a5e 100%)!important;
    color: white!important;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3)!important;
    }

 .dark-mode .rr-back-btn {
      border: 1px solid #ffffff!important;
    }

 .dark-mode .rr-section-title {
    color: #ffffff!important;
    }
 .dark-mode a.text-primary:focus, a.text-primary:hover {
    color: #bbc6d1 !important;
   }

 .dark-mode .rr-candidate-listing-page {
    background: #000000!important;
    border: 1px solid #000000!important;
   }


  .dark-mode .rr-form-group label {
      background: #212122! important;
   }

 .dark-mode .rr-candidate-listing-page .rr-main-container .rr-filter-bar .rr-search-wrapper input {
    background: #000000!important;   
   }

  .dark-mode .rr-candidate-listing-page .rr-main-container .rr-filter-bar .rr-job-selector-wrapper .rr-job-dropdown {
    background: #000000!important;
   }

  .dark-mode .rr-candidate-listing-page .rr-main-container .rr-filter-bar .rr-job-selector-wrapper .rr-job-dropdown .p-dropdown-label {
      color: #ffffff!important;
      }

  .dark-mode .rr-candidate-listing-page .rr-main-container .rr-filter-bar .rr-action-buttons .p-splitbutton.rr-btn-status .p-button {
        background: #24282a!important;
       }

  .dark-mode .rr-candidate-listing-page .rr-main-container .rr-filter-bar .rr-action-buttons.p-splitbutton.rr-btn-export {
    background: #1a1b1c!important;
    }

  .dark-mode .rr-candidate-listing-page .rr-main-container .rr-filter-bar .rr-action-buttons .p-splitbutton.rr-btn-export .p-button {
    background: #24282a! important;
   }

  .dark-mode .rr-candidate-listing-page .rr-header-section .rr-tab.active, .dark-mode  .rr-candidate-listing-page .rr-header-section .rr-tab.active {
        background: #2f2f2f! important;
    color: #ffffff! important;
   }

  .dark-mode .rr-candidate-listing-page .rr-header-section .rr-header-sort {
      color: #ffffff!important;}

  .dark-mode .rr-candidate-listing-page .rr-header-section .rr-header-sort .rr-sort-dropdown .p-dropdown-label{
    color: #c9c9c9 !important;
  }
 
  .dark-mode .rr-candidate-listing-page .rr-header-section .rr-header-sort .rr-sort-dropdown .p-dropdown-trigger {
        color: #ffffff! important;
  }

  .dark-mode .rr-candidate-listing-page .rr-main-container .rr-filter-bar .rr-action-buttons .p-splitbutton.rr-btn-status {
        background: #2e3134! important;
    border-radius: 12px! important;
     }

  .dark-mode .rr-candidate-listing-page .rr-main-container .rr-table-container .rr-pagination-bar .rr-paginator .rr-page-num.active {
    background: #2e3134!important;
    border-color: #4a4a4a!important;
    color: white!important;
     }

  .dark-mode  .rr-job-search-page-new {
      background-color: #000000!important;
    }

  .dark-mode .rr-sidebar-new {
    background-color: #000000!important;
  }

  .dark-mode .rr-sidebar-section .rr-section-title {
      color: #ffffff!important;
     }

  /* .dark-mode [type="button"], [type="reset"], [type="submit"], button {
        color: white!important;
    } */

  .dark-mode .exact-side-calendar .p-datepicker table {
    color: white!important;
    }

  .dark-mode .rr-filter-group input {
    background: #000000!important;
    color: white!important;
    border: 1px solid #4a4a4a!important;
     }

  .dark-mode .rr-input-with-addon .rr-addon {
     background: #000000!important;
     border: 1px solid #4a4a4a!important;
      }

  .dark-mode .rr-btn-primary {
     background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%) !important;
     }

  .dark-mode .rr-listing-area-new{
     background-color: #0b0c0c!important;
     }

  .dark-mode .rr-listing-header .rr-listing-stats .rr-count {
     color: #ffffff!important;
      }

  .dark-mode .rr-listing-header .rr-listing-stats .rr-label {
    color: #ffffff!important;
     }

  .dark-mode .rr-listing-header .rr-date-display {
    color: #ffffff!important;
     }

  .dark-mode .rr-job-card-inner {
    background-color: #000000!important;
    border: 1px solid #4a4a4a!important;
     }

  .dark-mode .rr-job-card-inner .rr-badges .rr-badge-item {
        background-color: #000000!important;
        color: #ffffff!important;
        border: 1px solid #4a4a4a!important;
      }

  .dark-mode  .rr-job-card-inner .rr-salary-box .rr-salary-value {
      color: #cccdce!important;
        }

  .dark-mode  .rr-job-card-inner .rr-salary-box .rr-salary-period {
      color: #c3cdda!important;
        }

  .dark-mode .rr-job-card-inner .rr-card-footer .rr-posted-date {
      color: #e7f1ff!important;
       }

  .dark-mode .rr-job-card-inner .rr-card-top .rr-titles .rr-job-title {
      color: #ffffff!important;
        }

  .dark-mode .rr-job-details-page-new {
      background-color: #000000!important;
      }

  .dark-mode .rr-back-btn {
      background: #000000!important;
      color: #ffffff!important;
      border: 1px solid #4a4a4a!important;
      }

  .dark-mode .rr-details-card {
      background: #0e0d0d!important;
      border: 1px solid #4A4A4B!important;
      }
  .dark-mode .rr-details-header .rr-title {
    color: #ffffff!important;
      }

  .dark-mode .rr-details-header .rr-meta-info {
      color: #bdc6d3!important;
      }

  .dark-mode .rr-description-section .rr-section-header .rr-icon-box {
    background: #2b2c2e!important;
     color: #ffffff!important;
      }

  .dark-mode .rr-description-section .rr-section-header .rr-section-title {
      color: #f9fbff;
      }

  .dark-mode .rr-info-group .rr-info-label {
      color: #e8eefb!important;
      }

  .dark-mode .rr-info-group .rr-info-value {
      color: #bdbfc3!important;
      }
  .dark-mode .rr-shift-content.rr-shift-rate {
  color: #f6f6f6!important;}

  .dark-mode .rr-main-shift-box {
    background: #0e0d0d!important;
    border: 1px solid #4a4a4a!important;
      }

  .dark-mode .rr-shift-content .rr-shift-info .rr-shift-date {
     color: #ffffff!important;
      }

  .dark-mode .rr-shift-content .rr-shift-info .rr-shift-time {
     color: #c5c5c5!important;
      }

  .dark-mode .rr-bottom-apply-bar-fixed {
      background: #000000!important;
      border-top: 1px solid #4a4a4a!important;
      }

  .dark-mode .rr-apply-btn-large {
      background: linear-gradient(107deg, #121212 0%, #1e1e1e 100%)!important;
      }

  .dark-mode .rr-header h1 {
      color: #fbfbfb!important;
      }

  .dark-mode .rr-action-btn {
      background: #222121!important;
      }

  .dark-mode  .rr-employee-page .rr-page-title {
       color: #ffffff!important;
      }

  .dark-mode .rr-employee-page .rr-btn-outline-blue {
      background: #2d2d2d!important;
      }

  .dark-mode .rr-input {
          background-color: var(--primary-dark)! important ;
          color: #ffffff!important;
          border: 1px solid #4a4a4a!important;
      }

  .dark-mode  .rr-location-page .rr-btn-delete {
      border: 1.5px solid #ffffff!important;
      background: #201e1e!important;
      }

  .dark-mode  .rr-location-page .rr-page-title {
     color: #ffffff!important;
      }

  .dark-mode .rr-leave-page .rr-page-title {
      color: #ffffff!important;
      }

  .dark-mode .rr-leave-page .rr-btn-outline-blue {
       background: #222121!important;
       border: 1.5px solid #4a4a4a!important;
       color: #ffffff!important;
        }

  .dark-mode .rr-leave-page .rr-manage-menu {
  background: #353333!important;
    border: 1px solid #f2f2f2!important;
        }

  .dark-mode .rr-leave-page .rr-manage-item{
      color: #ffffff!important;
       }

  .dark-mode .rr-add-leave-page{
      background-color: #161515!important;
       }

  .dark-mode .rr-add-leave-page.rr-page-title {
      color: #ffffff!important;
      }

  .dark-mode .rr-add-leave-page .rr-btn-outline-blue {
    background: #191919!important;
    border: 1.5px solid #ffffff!important;
      }
 .dark-mode .p-multiselect {
      background: #141414!important;
       }

  .dark-mode .p-multiselect .p-multiselect-label.p-placeholder {
    color: #ffffff!important;
      }

  .dark-mode .p-multiselect .p-multiselect-trigger {
      color: #ffffff!important;
      }

  .dark-mode .p-dropdown .p-dropdown-trigger {
      color: #e7e7e7!important;
      }

  .dark-mode .rr-add-leave-page .rr-toggle-group {
      background: #131414!important;
      }

  .dark-mode .rr-add-leave-page .rr-toggle-group .rr-toggle-btn.active {
     background: #131414!important;
     color: #ffffff!important;
       }

  .dark-mode .rr-add-leave-page .rr-date-title {
       color: #e9e9e9!important;
        }

  .dark-mode .rr-add-leave-page .rr-date-value {
  color: #cacfd7!important;
     }

  .dark-mode .p-datepicker .p-datepicker-header {
      background: #111111!important;
     }

  .dark-mode .rr-add-leave-page .rr-calendar-card{
      background: #000000!important;
    }

  .dark-mode .rr-calendar-card .p-datepicker {
      background-color: #111010!important;
    }

  .dark-mode .p-datepicker {
      color: #ffffff!important;
    }

  .dark-mode .rr-add-leave-page .rr-btn {
      background: rgb(37 39 41)!important;
      border: 1.5px solid #ffffff!important;}

  .dark-mode .rr-add-employee-page .rr-page-title {
      color: #ffffff!important;
    }

  .dark-mode .rr-add-employee-page .rr-btn-outline-blue {
     background: #121111!important;
     border: 1.5px solid #3a4251!important;
      }

  .dark-mode .rr-add-employee-page .rr-card {
     background: var(--primary-dark)!important;
     }

  .dark-mode .rr-add-employee-page .rr-card .rr-card-header {
    background: var(--primary-dark)!important;}

  .dark-mode  .rr-add-employee-page .rr-invite-card{
    background: var(--primary-dark)!important;}

  .dark-mode   .rr-add-employee-page .rr-invite-card.active .invite-label {
     color: #000000 !important;}

  .dark-mode  .rr-add-job-role-page .rr-form-container .rr-btn-save:disabled {
     background: #141414 !important;
     color: #ffffff!important;
     border: 1.5px solid #ffffff !important;}

  .dark-mode  .rr-add-location-page {
      background-color: #101010!important;}

    
  .dark-mode  .rr-add-location-page .rr-page-title {
       color: #ffffff!important;}

  .dark-mode .rr-add-location-page .rr-back-btn {
    background: #101010!important;
    border: 1px solid #ffffff!important;}

  .dark-mode   .rr-add-location-page .rr-btn-cancel {
    background: #151313!important;
    border: 1.5px solid #ffffff!important;
    color: #fdfdfd!important;}

  .p-button.p-button-icon-only {
    background: none !important;
    border: none !important;
    color: black !important;}

  .dark-mode .p-datepicker {
        color: #060606!important;}

  .dark-mode .p-datepicker {
     color: #ffffff!important;
     background: #373636!important;
      }

  .dark-mode .rr-reg-sidebar {
      border-color: #4a4a4a! important;}

  .dark-mode .rr-reg-main {
       border-color: #4a4a4a! important;}

  .dark-mode  .custom-radio-card:hover {
       border-color: #4a4a4a! important;}

  .dark-mode  .template-item-card {
    background: #1d1d1d!important;
    border: 1px solid #4a4a4a! important;}

  .dark-mode .template-item-card .item-main .item-title {
    color: #ffffff!important;}

  .dark-mode  .template-item-card .item-main .item-meta.meta-chip {
    background-color: #323232! important;
    color: #cfcfcf!important;}

  .dark-mode  .template-item-card.item-date {
    color: #eaeaeb!important;}

  .dark-mode .template-list-container, .dark-mode  .template-list-container {
    border-color: #4a4a4a !important;
      }

  .dark-mode .rr-input-group .rr-input-group-addon {
    background: #212122!important;
    border-color: #4a4a4a! important;
    color: #ffffff!important;
     }

  .dark-mode .rr-input-group {
      background: #000000!important;
      border: 1px solid #64696f! important;}

  .dark-mode .rr-job-type-chip {
          border: 1.5px solid #4a4a4a ! important;}

  .dark-mode .editor-container {
      border: 1px solid #4a4a4a !important;
      background: #353535!important;}

  .dark-mode .border-top {
          border-top: 1px solid #4a4a4a !important;
    }

  .dark-mode .hiring-box {
      border: 1px solid #4a4a4a!important;}

  .dark-mode .rr-btn.rr-btn-outline {
      border: 1.5px solid #4a4a4a ! important;}

  .dark-mode  .rr-candidate-listing-page .rr-main-container {
      border-color: #4a4a4a!important;}

  .dark-mode .rr-candidate-listing-page .rr-header-section .rr-tab, .dark-mode  .rr-candidate-listing-page .rr-header-section .rr-tab {
      border-color: #4a4a4a! important;
       }

.dark-mode .p-dropdown {
    border: 1px solid #4a4a4a !important;}

.dark-mode .rr-sidebar-footer {
    border-top: 1px solid #4a4a4a!important;}

.dark-mode  .rr-job-card-inner .rr-card-footer {
    border-top: 1px solid #4a4a4a!important;}

.dark-mode .rr-description-section .rr-section-divider {
    background: #4a4a4a!important;}

.dark-mode .rr-location-page .rr-table-divider {
     background: #4a4a4a!important;
          } 

  .dark-mode .rr-location-page .rr-btn-delete {
     border: 1.5px solid #4a4a4a!important;}

     .dark-mode .p-paginator p-dropdown {
     background: #0e0e0e!important;
    border: 1px solid #4a4a4a!important;}

  .dark-mode .p-paginator p-dropdown .p-dropdown-trigger {
    background-color: #111211!important;}

  .dark-mode .rr-filter-bar .dropdown-group .p-dropdown .p-dropdown-label {
          border: none !important;}

  .dark-mode p-dropdown .p-dropdown .p-dropdown-label, .dark-mode  p-dropdown .p-dropdown .p-dropdown-label {
    border: none !important;
         }
  .dark-mode .rr-btn.rr-btn-next[_ngcontent-ng-c2696578933] {
    background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%) !important;
    color: white;}

  .dark-mode .rr-candidate-listing-page .rr-header-section .rr-tab.active {
        background: #3586bd !important;}

  .dark-mode .rr-candidate-listing-page .rr-header-section .rr-header-sort .rr-sort-dropdown .p-dropdown-label {
        color: #d6cece !important;}
   
  .dark-mode.rr-candidate-listing-page .rr-header-section .rr-header-sort.rr-sort-dropdown .p-dropdown-label {
         color: #ebebeb !important;}

  .dark-mode .rr-candidate-listing-page .rr-main-container.rr-filter-bar .rr-action-buttons .p-splitbutton.rr-btn-status .p-button {
    color: white !important;
      }

  .dark-mode .rr-candidate-listing-page .rr-main-container .rr-filter-bar .rr-action-buttons .p-splitbutton.rr-btn-export .p-button {
    background: #5bb1e4;
    color: white !important;
     }

  .dark-mode.rr-candidate-listing-page.rr-main-container .rr-table-container .rr-pagination-bar .rr-page-size {
     color: #ededed!important;}

  .dark-mode .p-dialog .p-dialog-header {   
      background: #222425 !important;
  }

 .dark-mode .p-dialog .p-dialog-header .p-dialog-title {
        color: #ffffff !important;}
     

   .dark-mode .p-dialog .p-dialog-footer {
      background: #1b1b1b !important;}

  .dark-mode .rr-btn-outline-blue {
    background: #252525!important;
    border: 1.5px solid #4a4a4a!important;}

  .dark-mode .rr-add-location-page {
    color: #ebebeb!important;}

  .dark-mode .rr-add-location-page .rr-section h2 {
    color: #ffffff!important;}

  .dark-mode .rr-shift-content .rr-shift-rate { 
    color: #ffffff!important;}

  .dark-mode .sidebar-card {
        background: #141414!important;
        border: 1px solid #3d3f42!important;}

  .dark-mode .sidebar-card .card-header {
        background: #141414!important;}
  .dark-mode .sidebar-card .card-header h3 {
      color: #ffffff!important;}

  .dark-mode .top-bar h1.page-title {
        color: #ffffff!important;}

        
  .dark-mode .date-navigator {
    background: #222224!important;}

  .dark-mode.calendar-container {
         background:#161515!important;}

  .dark-mode.date-navigator .current-date-wrapper .date-text-overlay {
    background: #c9c9c9!important;}

  .dark-mode .rr-month-picker-container .rr-picker-header .rr-nav-btn {
         border: 1px solid #4c4d4e!important;
         background: #161515!important;}
  .dark-mode .rr-month-picker-container .rr-picker-header.rr-picker-year {
        color: #fdfeff!important;}

  .dark-mode .rr-month-picker-container .rr-month-grid .rr-month-btn {
         border: 1px solid #525558;
            color: #ffffff;}
  .dark-mode .date-navigator .current-date-wrapper .date-text-overlay {  
             color: #e5f0ff!important; }

  .dark-mode .view-toggle {
        background: #222224!important;}

  .dark-mode  .view-toggle button.active {
    background: #3c3c3c!important;
    color: #ffffff!important;}

  .dark-mode   .sidebar-card .search-box .search-wrapper {
    border: 1px solid #3e3e3e!important;
    background: #181818!important;}

  .dark-mode .sidebar-card .roles-list .role-item .role-info .role-name {
    color: #ffffff!important;}

  .dark-mode .calendar-grid .cal-header-row{
      background: #202020!important;
    border-bottom: 1px solid #1a1a1a!important;}

  .dark-mode .calendar-grid {
    border: 1px solid #454648!important;}

  .dark-mode .calendar-grid .cal-body .cal-cell {
    border-right: 1px solid #47484a!important;
    border-bottom: 1px solid #47484a!important;
        background: #161616!important;}

   .dark-mode .calendar-grid .cal-body .cal-cell .day-number{
    color: #ffffff!important;}

  .dark-mode .calendar-grid .cal-header-row .cal-header-cell {
        color: #ffffff!important;}

  .dark-mode .day-view-container .timeline-header {
    border-bottom: 1px solid #484848!important;
    background: #262728!important;}

  .dark-mode .day-view-container .timeline-body {
    background: #262728!important;
    background-image: repeating-linear-gradient(to right, transparent 0%, transparent 4.16%, #1a1a1a 4.16%, #000000 8.32%)!important;}
    
  .dark-mode  .day-view-container .timeline-body .grid-line {
          background: #414244!important;}

  .dark-mode .day-view-container {
          border: 1px solid #646568!important;}

  .dark-mode .calendar-container {
    background: #161515!important;}

  .dark-mode .rr-month-picker-container .rr-picker-header .rr-picker-year {
    color: #ffffff!important;}

  .dark-mode  .rr-month-picker-container .rr-month-grid .rr-month-btn {
    border: 1px solid #585a5c!important;
    color: #dadadb!important;}

  .dark-mode .rr-rota-page {
    background-color: #1c1c1c!important;}

  .dark-mode .rr-rota-filters .rr-filter-item {
          border: 1px solid #353638!important;
              background: #141414!important;}

  .dark-mode .rr-rota-filters .rr-week-navigator {
    background-color: #28292a!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table .rr-col-info {
    background-color: #1a1a1a!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table thead th {
    background-color: #1a1a1a!important;
    color: #ffffff!important;
    border: 1px solid #575b60 !important;}

  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-open-shifts-row td {
    border: 1px solid #575b60 !important;}

  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-open-shifts-row td {
        border: 1px solid #575b60 !important;
        background-color: #1a1a1a!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .cell-hover-content .more-actions-pill {
     background: #3b3c3e!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .cell-hover-content .add-shift-card {
    background: #484646!important;}

  .dark-mode .rr-rota-filters .rr-week-navigator .rr-date-range {
        color: #ffffff!important;}

  .dark-mode .week-navigator-popup {
          background: #1e1e1e!important;
          border: 1px solid #33393e!important;}

  .dark-mode .week-navigator-popup .calendar-grid .month-section .month-header .nav-btn {
         background: #1b1d1e!important;
         border: 1px solid #6a6e72!important;}

  .dark-mode .week-navigator-popup .calendar-grid .month-section .month-header .month-title {
             color: #ffffff!important;}

  .dark-mode .week-navigator-popup .calendar-grid .month-section .month-table th {
          color: #e9e9e9!important;}

  .dark-mode .week-navigator-popup .calendar-grid .month-section .month-table .week-row td {
      color: #e9e9e9!important;}

  .dark-mode .week-navigator-popup .popup-footer .btn-current-week {
    background: #242424!important;
    border: 1px solid #4a4b4c!important;
    color: #f1f1f1!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table thead th .day-num {
    color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table thead th .day-name {
    color: #ffffff!important;}
  .dark-mode .rr-rota-grid-container .rr-rota-table thead th.current-day .day-num{
        color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-open-shifts-row td{
    color: #ffffff!important;}

  .dark-mode  .rr-rota-grid-container .rr-rota-table .rr-employee-row .emp-name {
    color: #ffffff!important;}

  .dark-mode .rr-rota-page .rr-title{
    color: #ffffff!important;}
  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card {
      background: #383737!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-status .unpublished-badge {
        background: #444444!important;
        color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-day-off-card {
        background: #1c1c1c!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-day-off-card .rr-day-off-content {
    color: #ffffff!important;}

  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .info-row{
      color: #f9f9f9!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .info-row.role {
    color: #efefef!important;}
  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-footer .break {
     color: #ffffff!important;}
  .dark-mode  .rr-rota-grid-container 
  .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-status .published-badge {
    background: #444444!important;
    color: #fbfbfb!important;}
  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-footer .rate {
    color: #dbdbdb!important;}
  .dark-mode .rr-rota-grid-container .rr-add-employee-row span {
    color: #f9f9f9!important;}
  .dark-mode  .text-primary {
    color: #ffffff !important;}

  .dark-mode  .rr-mark-shift-popup .rr-toggle-field {
        background: #343434!important;}
  .dark-mode .rr-mark-shift-popup .rr-repeat-toggle-container {
    background: #1f2020!important;
        border: 1px solid #565758!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell:hover {
    background-color: #181818!important;}

  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-more-actions:hover {
    background: #3d3f41!important;}
  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-card-menu-btn:hover {
    background: #505255!important;}
  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-card-menu-btn .rr-shift-dropdown{
     background: #4d4d4d!important;
     border: 1px solid #6b6d70!important;}

  .dark-mode   .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-card-menu-btn .rr-shift-dropdown .rr-shift-dropdown-item:hover {
    background: #a8aaab!important;
    color: #1a4a8d!important;
     }

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .cell-hover-content .more-actions-pill .rr-cell-menu .rr-cell-menu-item:hover{
    background: #353637!important;
    color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .cell-hover-content .more-actions-pill .rr-cell-menu{
        background: #353637!important;
    border: 1px solid #636465!important;}
  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-card-menu-btn .rr-shift-dropdown .rr-shift-dropdown-item{
    color: #ffffff!important;}
  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-more-actions{
        background: #454647!important;}
  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-card-menu-btn:hover {
              background: #6a6b6c!important;}

 /* .dark-mode .rr-rota-page {
    background-color: #000000!important;} */

  .dark-mode  .rr-btn-delete-card {
      background: #3c3838!important;}

  .dark-mode .rr-groups-page .product-table .rr-btn-delete-card {
    background: #262626!important;}

  .dark-mode .rr-job-roles-page .product-table .role-name {
          color: #ffffff!important;}

  .dark-mode .rr-employee-details-page .rr-details-sidebar {
  background: #232424!important;}

 .dark-mode .rr-employee-details-page .rr-details-sidebar .employee-header .employee-name {
    color: #ffffff!important;}

  .dark-mode  .rr-employee-details-page .rr-details-sidebar .sidebar-nav .nav-item.active {
    color: #ffffff!important;
    background: #47484a!important;}

  .dark-mode   .rr-employee-details-page .rr-details-sidebar .sidebar-nav .nav-item {
    color: #dfdfdf!important;}

  .dark-mode   .rr-employee-details-page {
        background-color: #2e2e2e!important;}

  .dark-mode .rr-employee-details-page .rr-btn-outline-pill {
    background: #303030!important;
    border: 1.5px solid #545454!important;
    color: #ffffff!important;}

  .dark-mode  .rr-employee-details-page .profile-pic-container .profile-label {
       color: #ffffff!important;}

       
  .dark-mode .rr-employee-details-page .profile-pic-container .avatar-edit-wrapper .edit-btn-pill {
    color: #dfdfdf!important;
    border: 1px solid #5d6268!important;
    background: #262525!important;}

  .dark-mode  .rr-employee-details-page .segmented-pill {
    background: #494a4a!important;}

  .dark-mode .rr-employee-details-page .segmented-pill .segment-item {
          color: #f5f5f5!important;}

  .dark-mode .rr-employee-details-page .segmented-pill .segment-item.active{
    background: #666666!important;}

  .dark-mode  .rr-employee-details-page .segmented-pill .segment-item {
    color: #ffffff!important;}

  .dark-mode   .rr-employee-details-page .segmented-pill .segment-item:hover:not(.active) {
    background: #5b5d5e!important;}

  .dark-mode  .rr-employee-details-page .selection-box.active {
    background: #313234!important;
    border: 1px solid #ededed!important;}

  .dark-mode  .rr-employee-details-page .selection-box.active span {
    color: #ebebeb!important;}

  .dark-mode  .rr-employee-details-page .selection-box {
    background: #313234!important;
    border: 1px solid #ededed!important;}

  .dark-mode  .rr-employee-details-page .rr-subsection-header {
    color: #e1e1e1!important;}

  .dark-mode   .rr-employee-details-page .rr-selectable-card.active {
    border-color: #787878!important;
    background: #3a3a3b!important;}

  .dark-mode .rr-employee-details-page .rr-selectable-card.active .card-label {
    color: #ffffff!important;}

  .dark-mode .rr-employee-details-page .rr-selectable-card {
     border-color: #787878!important;
    background: #3a3a3b!important;}

  .dark-mode  .rr-employee-details-page .rr-selectable-card .card-label {
     color: #ffffff!important;}


    .dark-mode .rr-employee-details-page .day-card {
    background: var(--primary-dark) !important;}

  .dark-mode  .rr-add-location-page .rr-employee-card {
        background: var(--primary-dark) !important;}

  .dark-mode  .rr-leave-page .rr-month-badge {
          background: #323232!important;
         color: #ffffff!important;}

  .dark-mode .rr-leave-popup-card.theme-a {
    background: #424242!important;}

  .dark-mode .rr-leave-popup-card {
      color: #ffffff!important;}

   .dark-mode .rr-leave-popup-card-range {
    color: #ffffff!important;}

  .dark-mode   .rr-leave-popup-card.theme-b {
    background: #323131!important;}

  .dark-mode    .rr-leave-requests-page .rr-page-title {
    color: #ffffff!important;}

  .dark-mode  .rr-leave-requests-page .rr-employee-name {
    color: #f9fbff!important;}

  .dark-mode  .rr-blocked-leave-page .rr-page-title {
    color: #ffffff!important;} 

  .dark-mode .rr-blocked-leave-page .rr-blocked-period-title {
    color: #ffffff!important;} 

  .dark-mode .rr-blocked-leave-page .rr-blocked-period-sub {
    color: #ffffff!important;} 

   .dark-mode .rr-blocked-leave-page .rr-message-text{
    color: #ffffff!important;} 

  .dark-mode  .rr-blocked-leave-page .rr-delete-btn {
          background: #202020!important;} 

  .dark-mode .rr-add-blocked-leave-page {
    background-color:var(--primary-dark)!important;} 

  .dark-mode  .rr-add-blocked-leave-page .rr-employee-card {
     border: 1.5px solid #686868!important;
     color: #ffffff!important;
    background: #2e2e2e!important;}

  .dark-mode  .rr-add-blocked-leave-page .rr-page-title {
    color: #c3c3c3!important;}

  .dark-mode  .rr-add-blocked-leave-page .rr-select-all {
    color: #ffffff!important;}

   .dark-mode   .rr-add-blocked-leave-page .rr-employees-header {
    color: #ffffff!important;}

  .dark-mode   .rr-requested-leave-page .rr-page-title {
       color: #ffffff!important;}

  .dark-mode .rr-requested-leave-page .rr-employee-name {
    color: #ffffff!important;}
  .dark-mode  .rr-approved-leave-page .rr-header-section .rr-page-title {
       color: #ffffff!important;}

  .dark-mode .rr-approved-leave-page .product-table .rr-approved-table .p-datatable-tbody tr td .rr-employee-name {
      color: #ffffff!important;}
  .dark-mode .rr-approved-leave-page .product-table .rr-approved-table .p-datatable-tbody tr td .rr-date-text,
   .dark-mode .rr-approved-leave-page .product-table .rr-approved-table .p-datatable-tbody tr td .rr-days-text, 
   .dark-mode .rr-approved-leave-page .product-table .rr-approved-table .p-datatable-tbody tr td .rr-approved-by-text, 
  .dark-mode .rr-approved-leave-page .product-table .rr-approved-table .p-datatable-tbody tr td .rr-datetime-text {
      color: #ffffff!important;}

  .dark-mode .rr-approved-leave-page .product-table .rr-approved-table .p-datatable-tbody tr td .rr-table-action-btn {
        background: #181616!important;}

  .dark-mode  .rr-approved-leave-page .rr-header-section.rr-page-title {
    color: #ffffff!important;}

  .dark-mode .rr-add-leave-container .rr-add-leave-left {
     background-color:var(--primary-dark)!important;} 

  .dark-mode .rr-add-leave-container .rr-page-title {
    color: #ffffff!important;}

   .dark-mode  .rr-add-leave-container .rr-payment-toggle {
        background: #353536!important;}

  .dark-mode .rr-add-leave-container .rr-payment-toggle .rr-toggle-item.active {
    background: #585858!important;
    color: #ffffff!important;}

  .dark-mode   .rr-add-leave-container .rr-add-leave-right .rr-twin-calendar .rr-calendar-month {
     background-color:var(--primary-dark)!important;} 

   .dark-mode    .rr-twin-calendar .rr-date-cell .rr-day-number {
       color: #ffffff!important;}

   .dark-mode .rr-availability-page {
      background-color:var(--primary-dark)!important;} 

      
   .dark-mode  .rr-availability-page .rr-month-nav {
    background-color:var(--primary-dark)!important;
      border: 1px solid #48494a;} 

    .dark-mode .rr-availability-page .rr-month-label {
      color: #ffffff!important;}
    .dark-mode  .rr-availability-page .rr-calendar-header{
      background-color:var(--primary-dark)!important;
    }

  .dark-mode  .rr-availability-page .rr-day {
    color: #ffffff!important;}

  .dark-mode  .rr-availability-page .rr-cell {
    border-right: 1px solid #545962!important;
    border-bottom: 1px solid #4a4b4e!important;
    background-color:var(--primary-dark)!important;}

  .dark-mode  .rr-availability-page .rr-date{
    color: #ffffff!important;}

  .dark-mode   .rr-attendance-page-final .rr-page-title {
    color: #ffffff!important;}

  .dark-mode   .rr-attendance-page-final .rr-attendance-sidebar{
        border: 1px solid #5e6266;
    background-color:var(--primary-dark)!important;}

  /* .dark-mode  .rr-attendance-page-final .rr-attendance-sidebar .rr-emp-card-final.active {
    background-color:var(--primary-dark)!important;
    border-color: #78818f!important;} */

  .dark-mode  .rr-attendance-page-final .rr-attendance-sidebar .rr-emp-card-final {
    background-color:var(--primary-dark)!important;
    border-color: #78818f!important;}

   .dark-mode  .rr-attendance-page-final .rr-attendance-sidebar .rr-emp-card-final .rr-card-role {
    color: #ffffff!important;}

  .dark-mode  .rr-attendance-page-final .rr-attendance-sidebar .rr-emp-card-final .rr-card-name {
      color: #ffffff!important;}

  .dark-mode .rr-attendance-page-final .rr-attendance-main .rr-filter-bar {
    background-color:var(--primary-dark)!important;}

   .dark-mode  .rr-attendance-page-final .rr-month-nav {
          border: 1px solid #3f4144;
          background-color:var(--primary-dark)!important;}

  .dark-mode  .rr-attendance-page-final .rr-month-nav .rr-month-label{
       color: #ffffff!important;}

  .dark-mode   .p-datatable .p-datatable-tfoot>tr>td {
    background-color:var(--primary-dark)!important;}

  .dark-mode   .p-datatable .p-datatable-tfoot>tr>td {
    color: #ffffff!important;}

  .dark-mode  .rr-tab-toggle{
    background: #393d40!important;
  }

 .dark-mode  .rr-tab-btn.active {
    background: #606060!important;}

  .dark-mode  .rr-tab-btn.active.shift-tab {
     color: #ffffff!important;}

  .dark-mode  .rr-tab-btn {
      color: #ffffff!important;}

  .dark-mode  .rr-toggle-row {
    background: #292b2c!important;
    color: #ffffff!important;}

  .dark-mode  .rr-review-payroll-page .rr-page-title {
     color: #ffffff!important;}

  .dark-mode  .rr-review-payroll-page .rr-month-nav {
    border: 1px solid #7c7f87;
    background-color:var(--primary-dark)!important;}

  .dark-mode  .rr-review-payroll-page .rr-month-nav .rr-month-label {
     color: #ffffff!important;}

   .dark-mode  .rr-invite-row {
    background: #1f2020!important;}

  .dark-mode .rr-invite-row span {
     color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-leave-card.holiday {
    background-color: #000000!important;
    border: 1px solid #ccfbf1!important;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(204, 251, 241, 0.4) 15px, rgb(0 0 0 / 40%) 30px)!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-leave-card.holiday .rr-leave-content {
    color: #ffffff!important;}

  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-leave-card.sickness, .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-leave-card.sick {
    background-color: #000000!important;
    border: 1px solid #fee2e2!important;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, rgba(254, 226, 226, 0.4) 15px, rgb(0 0 0 / 40%) 30px)!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-leave-card.sickness .rr-leave-content span{
  color: #ffffff!important;}

  .dark-mode .rr-manage-emp-popup .employee-grid .employee-card.selected{
    border: 1px solid #4a4a4a!important;
    background-color:var(--primary-dark)!important;}

  .dark-mode .rr-manage-emp-popup .employee-grid .employee-card .employee-name {
    color: #ffffff!important;}

  .dark-mode   .rr-manage-emp-popup .employee-grid .employee-card {
    border: 1px solid #4a4a4a!important;
    background-color:var(--primary-dark)!important;}

  .dark-mode  .rr-reorder-employee-page .rr-page-title{
    color: #ffffff!important;}

  .dark-mode  .rr-deleted-shifts-page .rr-page-title{
     color: #ffffff!important;}

  .dark-mode .rr-deleted-shifts-page .text-900 {
    color: #ffffff!important;}

  .dark-mode .rr-deleted-shifts-page .text-700 {
    color: #ffffff!important;}

  .dark-mode   .header-row .page-title {
    color: #ffffff!important;}

  .dark-mode  .header-row .date-range-selector .to-text {
      color: #ffffff!important;}

  .dark-mode .filters-container .rr-dropdown-trigger {
    background: #343435!important;
    color: #ffffff!important;}

  .dark-mode  .rr-rota-page .rr-rota-header .rr-header-actions .rr-copy-menu {
    background-color:var(--primary-dark)!important;}

  .dark-mode  .rr-rota-page .rr-rota-header .rr-header-actions .rr-copy-item {
    color: #ffffff!important;}

  .dark-mode  .rr-time-clock-list-page .rr-page-title {
    color: #ffffff!important;}

  .dark-mode   .rr-time-clock-list-page .rr-delete-btn {
    background-color:var(--primary-dark)!important;}

  .dark-mode   .rr-add-time-clock-page {
    background-color:var(--primary-dark)!important;}

  .dark-mode  .rr-review-payroll-page .rr-footer-note{
    color: #ffffff!important;}

  .dark-mode   .rr-employee-overlay {
      border: 1px solid #e2e8f0!important;
     background-color:var(--primary-dark)!important;}

  .dark-mode .rr-employee-overlay .rr-employee-name {
     color: #ffffff!important;}

  .dark-mode   .rr-date-added-panel {
      border: 1px solid #545960!important;
      background-color:var(--primary-dark)!important;}

  .dark-mode .p-menu.p-menu-overlay .p-menu-list .p-menuitem .p-menuitem-link .p-menuitem-text {
    color: #ffffff!important;}

  .dark-mode   .rr-status-toggle {
           background: #313232!important;}

  .dark-mode  .rr-modal-subtitle {
    color: #ffffff!important;}

  .dark-mode  .rr-status-btn.active {
    background: #565656!important;
    color: #ffffff!important;}

  .dark-mode .rr-status-btn {
    color: #ffffff!important;}

  .dark-mode .rr-toggle-pill {
    background: #565656!important;
    color: #ffffff!important;}

  .dark-mode  .rr-add-slot {
    border: 1px solid #434444!important;
    background-color:var(--primary-dark)!important;}

  .dark-mode  .rr-time-delete {
    background: #565656!important; }

  .dark-mode  .templates-popup-container {
    background-color:var(--primary-dark)!important;}

  .dark-mode  .templates-popup-container .custom-tabs {
    background: #222222!important;
        border: 1px solid #5a5d60!important;}

   .dark-mode  .templates-popup-container .custom-tabs .nav-tab.active-tab{
    background: #424242!important;
    color: #ffffff!important;}

  .dark-mode .templates-popup-container .custom-tabs .nav-tab {
       color: #ffffff!important;}

  .dark-mode  .templates-popup-container .template-card {
        background: #161616!important;
        border: 1px solid #4c5154!important;}

  .dark-mode   .text-dark {
       color: #ffffff!important;}

  .dark-mode   .text-muted {
      color: #ffffff!important;}

  .dark-mode .templates-popup-container .employees-selection-grid .employee-select-card.selected {
    border: 1px solid #727474!important;
    background: #1e1e1e!important;}

  .dark-mode  .copy-custom-range-container {
    background-color:var(--primary-dark)!important;}

  .dark-mode  .copy-custom-range-container .main-body-container .ranges-container .range-card{
    background-color: #161616!important;
    border: 1px solid #6a6a6a!important;}

  .dark-mode   .copy-custom-range-container .main-body-container .ranges-container .range-card .card-label {
    color: #ffffff!important;}

  .dark-mode .copy-custom-range-container .modal-footer {
     background-color:var(--primary-dark)!important;}

  .dark-mode   .copy-custom-range-container .input-field-group.days-box .days-display {
    background-color: #161616!important;
    color: #ffffff!important;
    border: 1px solid #6a6a6a!important;}
  .dark-mode  .copy-custom-range-container .description-section .description-text {
    color: #ffffff!important;}

   .dark-mode .templates-popup-container .rr-search-group input {
    border: 1px solid #333536!important;}

  .dark-mode  .rr-mark-shift-popup .rr-calendar-section {
    background-color:var(--primary-dark)!important;}

  .dark-mode   .rr-mark-shift-popup .rr-mark-calendar .p-datepicker-calendar td span {
    color: #ffffff!important;}

  .dark-mode  .p-multiselect-panel .p-multiselect-header {
        background: #1f1f20!important;}

  .dark-mode .rr-add-leave-container .rr-review-employee .rr-review-name {
  color: #ffffff!important;}

   .dark-mode .rr-add-leave-container .rr-review-msg-row .rr-msg-icon-box {
    border: 1px solid #505254!important;
   background-color:var(--primary-dark)!important;}

  .dark-mode .rr-add-leave-container .rr-type-pill-row .rr-remaining-days {
     color: #ffffff!important;}

   .dark-mode  .rr-add-leave-container .rr-type-pill-row .rr-type-pill.holiday{
    color: #ffffff!important;
    background-color: #49494c !important;}

  .dark-mode   .rr-add-leave-container .rr-type-pill-row .rr-remaining-days b {
      color: #ffffff!important;}

  .dark-mode  .rr-add-leave-container .rr-review-msg-row .rr-msg-text {
    color: #ffffff!important;}

  .dark-mode  .rr-add-leave-container .rr-payment-toggle .rr-toggle-item {
    color: #ffffff!important;}

  .dark-mode .rr-add-leave-container .rr-add-leave-right .rr-others-on-leave {
    background-color:#2a2a2a!important;}
  .dark-mode  .rr-add-leave-container .rr-add-leave-right .rr-others-on-leave h3 {
     color: #ffffff!important;}

  .dark-mode .rr-add-leave-container .rr-add-leave-right .rr-others-on-leave .rr-selected-date {
     color: #ffffff!important;}

  .dark-mode   .rr-add-leave-container .rr-add-leave-right .rr-others-on-leave .rr-user-leave-card {
      background: #323334!important;}

  .dark-mode  .rr-add-leave-container .rr-add-leave-right .rr-others-on-leave .rr-user-leave-card .rr-user-info .rr-user-name {
     color: #ffffff!important;}

  .dark-mode  .rr-add-leave-container .rr-add-leave-right .rr-others-on-leave .rr-user-leave-card .rr-user-info .rr-user-date-range {
      color: #ffffff!important;}

  .dark-mode  .rr-add-leave-container .rr-add-leave-right .rr-others-on-leave .rr-user-leave-card .rr-user-info .rr-leave-tags .rr-working-days-tag {
      color: #ffffff!important;}

  .dark-mode  .rr-rota-page .rr-rota-header .rr-header-actions .rr-copy-item:hover {
      background: #2f3234!important;}

  .dark-mode  .rr-leave-page .rr-manage-item:hover {
      background: #3e3f40!important;}
  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .cell-hover-content .more-actions-pill .rr-cell-menu .rr-cell-menu-item {
       color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .cell-hover-content .more-actions-pill .rr-cell-menu .rr-cell-menu-item:hover {
    background: #4c4e4f!important;
    color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .cell-hover-content .more-actions-pill .rr-cell-menu .rr-cell-menu-item {
   color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-more-actions .rr-cell-menu .rr-cell-menu-item:hover {
    background: #6e7072!important;
    color: #ffffff!important;}
  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-more-actions .rr-cell-menu {
     background:#353637 !important;
     border: 1px solid #686868;}

  .dark-mode  .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-more-actions .rr-cell-menu .rr-cell-menu-item {
    color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-day-off-card .rr-shift-card-menu-btn .rr-shift-dropdown{
    background:#353637 !important;
     border: 1px solid #686868;}
  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-day-off-card .rr-shift-card-menu-btn .rr-shift-dropdown .rr-shift-dropdown-item:hover {
    background: #5b5e61!important;
    color: #ffffff!important;}
  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-day-off-card .rr-shift-card-menu-btn .rr-shift-dropdown .rr-shift-dropdown-item {
     color: #ffffff!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-shift-card .rr-shift-card-menu-btn {
           background: #4f5050!important;}

  .dark-mode .rr-rota-grid-container .rr-rota-table tbody .rr-grid-cell .rr-shift-container .rr-day-off-card .rr-shift-card-menu-btn {
    background: #4e4c4c!important;}

  .dark-mode .rr-confirmation-dialog .confirmation-title {
    color: #ffffff!important;}

  .dark-mode  .rr-shift-clash-popup .rr-instruction-text {
    color: #ffffff!important;}