body.dark-mode{
    background: #0c0c0c;
}

body.dark-mode input:-webkit-autofill,
body.dark-mode input:-webkit-autofill:hover,
body.dark-mode input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #131313 inset !important; /* لون الخلفية */
  -webkit-text-fill-color: #ffffff !important;               /* لون النص */
  caret-color: #ffffff !important;                           /* لون المؤشر */
  transition: background-color 5000s ease-in-out 0s;
}

.dark-mode .site-mode .night{
    display: none;
}

.site-mode .light{
    display: none;
}

.dark-mode .site-mode .light{
    display: block;
}

.site-mode{
    padding:0px;
    font-size:1.3rem !important;
}

.dark-mode .card{
    background-color: #0c0c0c;
    border: 1px solid #1c1c1c !important;
}

.dark-mode p{
    color:#a3a3a3;
}

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

.dark-mode .content-wrapper {
    background-color: #0c0c0c;   
}

.dark-mode .navbar .navbar-menu-wrapper {
    background-color: #0c0c0c;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
    color: #9e9e9e;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item .search-form i {
    color: #9e9e9e;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item .search-form input:focus {
    border-bottom: 1px solid #9e9e9e;
}

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

.dark-mode .sidebar .nav .nav-item.active > .nav-link {
    background-color:#0c0c0c;
}

.dark-mode .navbar .navbar-brand-wrapper {
    background-color: #0c0c0c;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item .navbar-date-picker {
    background: transparent !important;
    border: 1px solid #4A4C55 !important;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item .navbar-date-picker .input-group-prepend {
    border-color: transparent;
    background: transparent;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item .navbar-date-picker .input-group-prepend > .input-group-text{
    border-right: 1px solid #4a4c55 !important;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item .navbar-date-picker .form-control{
    background: transparent;
    color: #9e9e9e;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item .navbar-date-picker .calendar-icon{
    color: #9e9e9e;
}

.dark-mode h1{
    color:#D8D9E3;
}

.dark-mode h2{
    color:#D8D9E3;
}

.dark-mode h3{
    color:#D8D9E3;
}

.dark-mode h4{
    color:#D8D9E3;
}

.dark-mode h5{
    color:#D8D9E3;
}

.dark-mode h6{
    color:#D8D9E3;
}

.dark-mode .footer {
    background: #0c0c0c;
    color: #d8d9e3;
}

.dark-mode .text-muted{
    color: rgb(216 217 227) !important;
}

.dark-mode .card .card-title.card-title-dash {
    color: #fff;
}

.dark-mode .modern-payment .payment-amount {
    color: #9e9e9e;
}

.dark-mode .navbar{
    background: #0c0c0c;
}

.dark-mode .sidebar .nav .nav-item .nav-link .menu-title {
    color: #9e9e9e;
}

.dark-mode .sidebar .nav .nav-item.nav-category {
    color: #9e9e9e;
    border-bottom: 0px;
}

.dark-mode .sidebar .nav .nav-item.active > .nav-link i,.dark-mode .sidebar .nav .nav-item.active > .nav-link .menu-title, .dark-mode .sidebar .nav .nav-item.active > .nav-link .menu-arrow {
    color: #9e9e9e;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    background-color: #131313;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
    border-bottom: 1px solid #2b2b2b !important;
    color: #a3a3a3 !important;
    
}

.dark-mode .text-primary {
    color: #9e9e9e !important;
}

.dark-mode .navbar .navbar-brand-wrapper .navbar-brand img {
    content: url('/assets/images/dark-logo.svg');
}

.dark-mode .navbar .navbar-brand-wrapper .navbar-toggler:not(.navbar-toggler-right) {
    color: #9e9e9e;
}

.dark-mode .navbar .navbar-brand-wrapper .brand-logo-mini img {
        content: url('/assets/images/mini-dark-logo.svg') !important;
    }
    
.dark-mode .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link, .dark-mode .sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded=true] {
    background-color: #131313;
        color: #9e9e9e;
}

.dark-mode .sidebar .nav .nav-item:hover > .nav-link i,
.dark-mode .sidebar .nav .nav-item:hover > .nav-link .menu-title,
.dark-mode .sidebar .nav .nav-item:hover > .nav-link .menu-arrow {
  color: #a3a3a3;
}

.dark-mode .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded=true] {
    background-color: #0c0c0c;
}

.dark-mode .sidebar .nav.sub-menu {
    background: #0c0c0c;
}

.dark-mode .sidebar .nav.sub-menu .nav-item .nav-link {
    color: #858585;
}

.dark-mode .modern-input {
    border: 1px solid #222222;
    background-color: #131313;
}

.dark-mode select.form-select {
    outline: 1px solid #222222;
    color: #666666 !important;
}

.dark-mode .modern-checkbox-button {
    background-color: transparent;
    border: 1px solid #505054;
}

.dark-mode .modern-checkbox-item:hover .modern-checkbox-button {
    border-color: #8f90a1;
}

.dark-mode .card .card-title {
    color: #9e9e9e;
}

.dark-mode .card-header {
    background-color: rgb(37 39 48);
    border-bottom: var(--bs-card-border-width) solid #131313;
}

.dark-mode .form-control,.dark-mode .typeahead,.dark-mode .tt-query,.dark-mode .tt-hint, .dark-mode .select2-container--default .select2-selection--single .select2-search__field, .dark-mode .select2-container--default .select2-selection--single, .dark-mode .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .dark-mode .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .dark-mode .jsgrid .jsgrid-table .jsgrid-filter-row select, .dark-mode .dataTables_wrapper select, .dark-mode .asColorPicker-input, .form-select {
    border: 1px solid #272727;
    background: transparent;
    color:#c9c8c8;
}

.dark-mode .btn-outline-primary {
border-color: #0253c6;
color: #c9c8c8;
}

.dark-mode .btn-check:checked + .btn-outline-primary {
background-color: #0253c6;
border-color: #0253c6;
color: #fff;
}

.dark-mode .form-check .form-check-label{
    color: #9e9e9e;
}

.dark-mode .border, .dark-mode .loader-demo-box {
    border: var(--bs-border-width) var(--bs-border-style) #272727 !important;
}

.dark-mode select.form-control, .dark-mode select.typeahead, .dark-mode select.tt-query, .dark-mode select.tt-hint, .dark-mode .select2-container--default .select2-selection--single select.select2-search__field, .dark-mode .select2-container--default select.select2-selection--single, .dark-mode .jsgrid .jsgrid-table .jsgrid-filter-row select, .dark-mode .dataTables_wrapper select, .dark-mode select.asColorPicker-input {
    outline: 0px;
    color: #c7c6c6;
}

.dark-mode select.form-control:focus,.dark-mode select.typeahead:focus,.dark-mode select.tt-query:focus, .dark-mode select.tt-hint:focus,.dark-mode .select2-container--default .select2-selection--single select.select2-search__field:focus,.dark-mode .select2-container--default select.select2-selection--single:focus,.dark-mode .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,.dark-mode .dataTables_wrapper select:focus,.dark-mode select.asColorPicker-input:focus {
    background: transparent;
}

.dark-mode .table, .jsgrid .jsgrid-table {
    --bs-table-bg: #0c0c0c;
    --bs-table-hover-color: #a3a3a3;
    --bs-table-color:808191;
    border-color: #3f4352;
    border:0px !important;
}

.dark-mode .card-footer:last-child {
 border-top: 0px !important;
}

.dark-mode .table > :not(:last-child) > :last-child > *, .jsgrid .jsgrid-table > :not(:last-child) > :last-child > * {
    border-bottom-color: #272727;
}

.dark-mode .table.table-hover > tbody > tr:hover > *, .jsgrid .table-hover.jsgrid-table > tbody > tr:hover > * {
    background: #111111;
}

.dark-mode .table > :not(caption) > * > *, .jsgrid .jsgrid-table > :not(caption) > * > * {
    color: var(--bs-table-color-state, var(--bs-table-color-type, #9e9e9e));
    border-color: #1c1c1c;
}

.dark-mode .modern-input:focus + .modern-label, .modern-input:not(:placeholder-shown) + .modern-label {
    background-color: #131313;
}

.dark-mode .modern-input:focus + .modern-label, .modern-input:not(:placeholder-shown) + .modern-label {
    color: #00649c;
}

.dark-mode .modern-input:focus {
    border-color: #00649c;
}

.dark-mode .mb-0 {
    color: #fff;
}

.dark-mode .mx-3 {
    color: #272727;
}

.dark-mode .mb-3, .template-demo .circle-progress-block {
    color: #ffffff;
}

.dark-mode .file-upload-container {
    background-color: transparent;
    border: 2px dashed #272727;
}

.dark-mode .upload-icon {
    color: #aeafba;
}

.dark-mode .primary-text {
    color: #aeafba;
}

.dark-mode .country-badge {
    background-color: transparent !important;
    border: 1px solid;
}

.dark-mode .variety-badge {
    background-color: transparent !important;
    border: 1px solid;
}

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

.dark-mode .product-image-container {
    background-color: transparent;
}

.dark-mode .product-title {
    color: #9e9e9e !important;
}

.dark-mode .pdf-icon {
    color: #9e9e9e;
}

.dark-mode .btn-primary, .wizard > .actions a {
    --bs-btn-border-color: transparent;
}

.dark-mode .modern-input:focus + .modern-label, .dark-mode .modern-input:not(:placeholder-shown) + .modern-label, .dark-mode .modern-textarea:focus + .modern-label, .dark-mode .modern-textarea:not(:placeholder-shown) + .modern-label {
    background-color: #131313 !important;
    color: #d6d7e0 !important;
}

.dark-mode .modern-input, .modern-textarea {
    color: #666666 !important;
    background-color: transparent !important;
}

.dark-mode .card > .card-header {
    background-color: transparent;
    border-bottom: 0px;
}

.dark-mode .card > .card-header .card-title {
    color: #9e9e9e;
}

.dark-mode #roastingTable a.info-link {
    color: #9e9e9e;
}

.dark-mode #roastingTable thead th {
    border-bottom: 2px solid #3f4352;
    color: #272727;
}

.dark-mode #roastingTable tbody td {
    border-bottom: 1px solid #3f4352;
}

.dark-mode .form-group {
    background-color: transparent;
}

.dark-mode .form-label {
    color: #9e9e9e;
}

.dark-mode .selectgroup-item h5 {
 background-color: transparent;
 color: #c0c0c0;
 border: 1px solid #272727;
}

.dark-mode .card-text:last-child {
    text-decoration: none;
    color: #9e9e9e;
}

.dark-mode .modern-textarea {
    color: #666666 !important;
    background-color: transparent !important;
    border: 1px solid #3b3d4a !important;
}

.dark-mode .modern-radio-button {
    background-color: transparent;
    border: 1px solid #505054;
}

.dark-mode .price-card {
    background: transparent;
}

.dark-mode .price-option {
    background-color: transparent;
    border: 1px solid #272727;
}

.dark-mode .price-label {
    color: #9e9e9e;
}

.dark-mode .price-value {
    color: #9e9e9e;
}

.dark-mode .price-card-header {
    border-bottom: 1px solid #272727;
}

.dark-mode .dropdown-item:hover, .dropdown-item:focus {
    background-color: #171717;
}

.dark-mode .nav-tabs .nav-link.active, .dark-mode .nav-tabs .nav-item.show .nav-link {
color: #d8d9e3 !important;
background-color: #131313 !important;
border-color: #222222!important;
}

.dark-mode .nav-tabs .nav-link{
    background: transparent;
    color: #d8d9e3;
    border: 1px solid #222222;
}

.dark-mode .nav-tabs {
    --bs-nav-tabs-border-color: #222222;
}

.dark-mode .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
    background: #ff1200;
    border: 4px solid #ff1200;
}

.dark-mode .price-option.active {
background-color: transparent;
border: 1px solid #0253c6;
}

.dark-mode .price-option:hover {
background-color: #131313;
}

.dark-mode .table.table-striped > tbody > tr:nth-of-type(odd) > *, .jsgrid .table-striped.jsgrid-table > tbody > tr:nth-of-type(odd) > * {
background: #131313;
}

.dark-mode .form-select:disabled {
background-color: #131313;
}

.dark-mode .modal-container {
background-color: #131313;
}

.dark-mode .modal-footer {
    border-top:1px solid #3b3d4a;
}

.dark-mode .modal-header {
    border-bottom: 1px solid #3b3d4a;
}

.dark-mode .modern-section-label {
    color:#d8d9e3;
}

.dark-mode .btn-check + .btn:hover{
    color: #fff;
    border-color: #0255cb;
}

.dark-mode .modal-content{
    background-color: #131313;
    border: 1px solid #222222;
}

.dark-mode .col-form-label{
    color:#b1b1b1;
}

.dark-mode .btn-close{

   --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.dark-mode .display-3 {
    color:#9e9e9e;
}

.dark-mode .auth .auth-form-light{
    background-color: #0c0c0c;
border: 1px solid #1c1c1c !important;
}

.dark-mode .auth form .auth-link {
    color: #d8d9e3 !important;
}

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

.dark-mode .auth .brand-logo img{
    content: url('/assets/images/dark-logo.svg');
}

.dark-mode .accordion > .card .card-header a[aria-expanded=true] {
    color:#a8ccff;
}

.dark-mode .breadcrumb .breadcrumb-item {
    color:#a3a3a3;
}

.dark-mode .swal-overlay--show-modal .swal-modal {
    background-color: #131313;
    border:1px solid #222222;
}

.dark-mode .swal-title:not(:last-child) {
    color:#9e9e9e;
}

.dark-mode .swal-text {
    color:#9e9e9e;
}

.dark-mode .datepicker.datepicker-dropdown, .dark-mode .datepicker.datepicker-inline{
    background-color: #131313;
    border-color: #222222;
}

.dark-mode .datepicker table tr td span.active,.dark-mode .datepicker table tr td span.active.disabled, .dark-mode .datepicker table tr td span.active.disabled:hover,.dark-mode .datepicker table tr td span.active:hover {
    background-image: none;
    background-color: #242424 !important;
}

.dark-mode .datepicker table tr td span:hover {
background: rgb(11, 11, 11);
}

.dark-mode .datepicker table tr td span, .dark-mode .datepicker th {
    color: #fff;
}

.dark-mode .datepicker .datepicker-switch:hover,.dark-mode .datepicker .next:hover,.dark-mode .datepicker .prev:hover,.dark-mode .datepicker tfoot tr th:hover{
    background: rgb(11, 11, 11);
    
}

@media (max-width: 768px) {
.dark-mode #usersTable tr {
    background-color: transparent !important;
    border: 1px solid #272727 !important;
    
}

.dark-mode #usersTable td {
    border-bottom: 1px solid #272727;
}
#ordersTable thead {
            display: none;
        }

     .dark-mode   #ordersTable tbody tr {
            display: block;
            margin-bottom: 15px;
            margin-top: 15px;
            border: 1px solid #222;
            padding: 10px;
            border-radius: 10px;
        }

      .dark-mode  #ordersTable tbody td {
            display: flex;
            justify-content: space-between;
            padding: 8px 10px;
            border-bottom: 1px solid #222222;
        }

      .dark-mode  #ordersTable tbody td:last-child {
            border-bottom: none;
            padding-top: 10px;
            justify-content: end;
        }
        
       .dark-mode  .order-id-badge {
        display: inline-block;
        background-color: transparent; /* أزرق bootstrap */
        border: 1px solid #0253c6;
        color: #fff;
        font-size: 0.875rem;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 4px;
        line-height: 1;
        white-space: nowrap;
    }
}

.dark-mode .nav-item.d-block.d-lg-none button i.icon-calendar {
  color: #9e9e9e;
}

.dark-mode .dropify-wrapper{
    color: #fff;
background-color: transparent;
border: 2px solid #222222;
}

.dark-mode .dropify-wrapper .dropify-message span.file-icon:before{
    color: #fff;
}

.dark-mode .dropify-wrapper:hover{
    background-image: none;
    border: 1px solid #0253c6 !important;
}

.dark-mode .dropify-wrapper .dropify-preview {
    background-color: transparent;
}

.dark-mode .list-group-item {
    background-color: transparent;
    border: solid 1px #373737;
    color: #c9c9c9;
}

.dark-mode #mentionList {
    background-color: #131313;
}

.dark-mode .task-text{
    color: #9e9e9e;
}

.dark-mode .form-check-input{
    --bs-form-check-bg: transparent;
    border: 1px solid #9e9e9e;
}

.dark-mode .delete-icon {
color: #9e9e9e;
}

.dark-mode .dropdown-menu{
    --bs-dropdown-bg: #131313;
    --bs-dropdown-border-color: #222222;
}

.dark-mode .assign-icon {
    color: #9e9e9e;
}

.dark-mode .task .task-text::after {
    background-color: #303030;
}

.dark-mode .form-check-input:checked {
background-color: #131313;
border-color: #0069ff;
}

.dark-mode .alert-warning {
    --bs-alert-bg: transparent;
    color: #fff !important;
    --bs-alert-border-color: #ffa600;
}

.dark-mode .alert-info {
    --bs-alert-bg: transparent;
    color: #fff !important;
    --bs-alert-border-color: #0078f7;
}

.dark-mode .alert-danger{
     --bs-alert-bg: transparent;
    color: #fff !important;
    --bs-alert-border-color: #ed0019;
}

.dark-mode .bg-opacity-danger {
    background:rgba(255, 57, 42, 0.13);
    border:solid 1px rgba(255, 57, 42, 0.25);
}

.dark-mode .bg-opacity-info{
    background:rgba(66, 192, 255, 0.13);
    border:solid 1px rgba(66, 192, 255, 0.25);
}

.dark-mode .bg-opacity-success{
    background:rgba(75, 255, 245, 0.13);
    border:solid 1px rgba(75, 255, 245, 0.25);
}

.dark-mode .bg-opacity-primary{
    background:rgba(48, 143, 255, 0.13);
    border:solid 1px rgba(48, 143, 255, 0.30);
}

.dark-mode .loyalty{
    border:solid 1px #e29e06;
    background: #131313;
}

.dark-mode .bg-opacity-danger i , .dark-mode .bg-opacity-info i , .dark-mode .bg-opacity-success i , .dark-mode .bg-opacity-primary i{
color: #d8d9e3;
}

.dark-mode .star-icon{
    fill: #e29e06
}

.dark-mode .table.select-table td h6{
    color:#fff;
}

.dark-mode .border-bottom{
    border-color: #272727 !important;
}


.dark-mode .bg-primary-subtle {
    background-color: #295bac !important;
    color:#fff !important;
    
}

.dark-mode .bg-success-subtle {
background-color: #1f9560 !important;
color:#fff !important;
}

.dark-mode .bg-warning-subtle {
background-color: #a4882c !important;
color:#fff !important;
}

.dark-mode .bg-info-subtle {
background-color: #1c7d91 !important;
color:#fff !important;
}

.dark-mode .bg-danger-subtle {
background-color: #9f2631 !important;
color:#fff !important;
}

.dark-mode .bg-new-2 {
background-color: rgb(176, 110, 54);
color:#fff !important;
}

.dark-mode .bg-new-subtle {
background-color: rgb(166, 70, 172);
color:#fff !important;
}




.dark-mode .ol-primary-subtle {
  border: 1px solid #295bac !important;
  color:#fff ;
}

.dark-mode .btn-check:checked  + .ol-primary-subtle {
  background:#295bac;
  color:#fff;
}

.dark-mode .ol-success-subtle {
  border: 1px solid #1f9560 !important;
  color:#fff;
}

.dark-mode .btn-check:checked  + .ol-success-subtle {
  background:#1f9560;
  color:#fff;
}

.dark-mode .ol-warning-subtle {
  border: 1px solid #a4882c !important;
    color:#fff;
}

.dark-mode .btn-check:checked  + .ol-warning-subtle {
  background:#a4882c;
  color:#fff;
}

.dark-mode .ol-info-subtle {
  border: 1px solid #1c7d91 !important;
    color:#fff;
}

.dark-mode .btn-check:checked  + .ol-info-subtle {
  background:#1c7d91;
    color:#fff;
}

.dark-mode .ol-danger-subtle {
  border: 1px solid #9f2631 !important;
    color:#fff;
}

.dark-mode .btn-check:checked  + .ol-danger-subtle {
  background:#9f2631;
  color:#fff;
}

.dark-mode .ol-new-2 {
  border: 1px solid rgb(176, 110, 54) !important;
    color:#fff;
}

.dark-mode .btn-check:checked  + .ol-new-2 {
  background:rgb(176, 110, 54);
  color:#fff;
}

.dark-mode .ol-new-subtle {
  border: 1px solid rgb(166, 70, 172) !important;
    color:#fff;
}

.dark-mode .btn-check:checked  + .ol-new-subtle {
  background:rgb(166, 70, 172);
  color:#fff;
}



.dark-mode .bg-client-new {
    background: linear-gradient(to bottom right, #0089c2, #005483);
  }

.dark-mode .bg-client-active {
    background: linear-gradient(to bottom right, #004eaa, #001456);
  }

.dark-mode .bg-client-almost {
    background: linear-gradient(to bottom right, #b60074, #a66800);
  }

.dark-mode .bg-client-vip {
    background: linear-gradient(to bottom right, #a36800, #9e3200 49.58%, rgb(131, 0, 166));
  }
  
.dark-mode .badge-user {
color: rgb(171, 171, 171) !important;
background: transparent !important;
border: 1px solid rgb(171, 171, 171) !important;
border-radius: 4px;
}

.dark-mode .badge-warning {
color: #E29E09 !important;
background: transparent !important;
border: 1px solid #E29E09 !important;
border-radius: 4px;
}

.dark-mode .badge-primary {
color: #1E3BB3 !important;
background: transparent !important;
border: 1px solid #1E3BB3 !important;
border-radius: 4px;
}

.dark-mode .badge-sales {
color: rgb(199, 87, 0) !important;
background: transparent !important;
border: 1px solid rgb(199, 87, 0) !important;
border-radius: 4px;
}


.dark-mode .badge-opacity-primary{
    background-color: #1d1102;
    border:1px solid #4c2d04;
    color:#f59b30;
}
.dark-mode .badge-opacity-info{
            background-color: #000f1f;
    border:1px solid #0a2d4d;
    color:#1a81f4;
    border-radius: 9px;
}
.dark-mode .badge-opacity-success{
        background-color: #021d16;
    border:1px solid #044c36;
    color:#30f5d1;
    border-radius: 9px;
}
.dark-mode .badge-opacity-warning{
    background-color: #1f1400;
    border:1px solid #372706;
    color:#ffe555;
    border-radius: 9px;
}
.dark-mode .badge-opacity-danger{
    background-color: #3f0e0e;
    border:1px solid #6f1a1a;
    color:#fdb9b9;
    border-radius: 9px;
}

.dark-mode .badge-opacity-new{
    background-color: #191c45;
    border:1px solid #333275;
    color:#bbcaff;
    border-radius: 9px;
}


.dark-mode .bg-light {
background-color: transparent !important;
}

.dark-mode .status-badge{
    background: rgb(39 39 39);
}

.dark-mode .avg-value{
    color:#fff;
}

@media (min-width: 992px) {
    /* للعربي (RTL) */
    html[dir="rtl"] .dark-mode .navbar .navbar-brand-wrapper {
        border-left: 1px solid #1c1c1c;
        border-right: none;
    }

    /* للإنجليزي (LTR) */
    html[dir="ltr"] .dark-mode .navbar .navbar-brand-wrapper {
        border-right: 1px solid #1c1c1c;
        border-left: none;
    }
}

/* للعربي (RTL) */
html[dir="rtl"] .dark-mode .sidebar {
    border-left: 1px solid #1c1c1c;
    border-right: none;
}

/* للانجليزي (LTR) */
html[dir="ltr"] .dark-mode .sidebar {
    border-right: 1px solid #1c1c1c;
    border-left: none;
}
    
.dark-mode .no-border{
    border:none !important;
}

.dark-mode .btn-danger{
    background-color: #3f0e0e;
    border:1px solid #6f1a1a;
    color:#fdb9b9;
}

.dark-mode .btn-warning{
    background-color: #1f1400;
    border:1px solid #372706;
    color:#ffe555;
}

.dark-mode .btn-info{
    background-color: #000f1f;
    border:1px solid #0a2d4d;
    color:#1a81f4;
}

.dark-mode .form-check .form-check-label input[type=checkbox] + .input-helper:before {
    background: #1c1c1c;
}


.dark-mode .btn-crop {
border: 1px solid #222;
color: #666666;
}

.dark-mode .cropuse-group .btn-check:checked + .btn-crop {
color: #fff !important;
}


.dark-mode .face {
background: #0c0c0c;
border: 1px solid #1c1c1c;
}

.dark-mode .info-row {
background: #0c0c0c;
border: 1px solid #1c1c1c;
}


.dark-mode .pill {
background: #1c1c1c;
color:#fff;
}

.dark-mode .score {
background: #222222;
}

.dark-mode .info-row i {
    color: #fff;
}


.dark-mode .btn-gray{
background: #242628;
border-color: #454a4e;
color: #bfd5ee;
}

.dark-mode .pdf-btn-hero{
    color:#000;
}


   .dark-mode .apexcharts-tooltip {
  background: rgba(000, 000, 000, 0.46) !important; /* خلفية شبه شفافة */
  color: #fff !important;                        /* النص أبيض */
  border-radius: 10px !important;                /* زوايا دائرية */
  border: 1px solid #1c1c1c !important;
  backdrop-filter: blur(1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

/* العنوان داخل التولتيب */
.dark-mode .apexcharts-tooltip-title {
  background: rgba(000, 000, 000, 0.46) !important;
  color: #fff !important;
  font-weight: bold;
  padding: 6px 10px !important;
  border-radius: 6px 6px 0 0 !important;
  border-bottom:none !important;
}

/* القيم */
.dark-mode .apexcharts-tooltip-text {
  color: #fff !important;
}


.dark-mode .btn-main{

    color: #9e9e9e;
    border-color: #1c1c1c;
    
}

.dark-mode .btn-main:hover{

    background: rgb(28, 28, 28);
color: #7e7e7e;
border-color: rgb(46, 46, 46);
}