/*
============================================
           DARK MODE STYLES
============================================
*/

body.dark-mode {
    /* ألوان الخلفية الرئيسية للوضع الداكن */
    background-color: #121212;
    background: linear-gradient(to right, #1a1a2e, #16213e, #0f3460);
    color: #e0e0e0;
    /* تغيير لون النص الأساسي ليكون فاتحاً */
}

/* إعادة تعريف متغيرات الألوان الرئيسية */
body.dark-mode:root {
    --main-header: #EAEAEA;
    --second-subtitle: #A1A3A7;
}

/* تعديل ألوان النصوص والخلفيات العامة */
body.dark-mode .text-gray-800,
body.dark-mode .text-gray-900,
body.dark-mode .text-petroleum,
body.dark-mode .text-petroleum2,
body.dark-mode .third_text_color,
body.dark-mode .form-label,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #f0f0f0 !important;
}

body.dark-mode .text-gray-500,
body.dark-mode .text-gray-600,
body.dark-mode .text-gray-700 {
    color: #b0b0b0 !important;
}

body.dark-mode a:not(.btn) {
    color: #b9b9b9;
}

/* تعديل خلفيات العناصر مثل الكروت والجداول */
body.dark-mode .card,
body.dark-mode .modal-content,
body.dark-mode .dropdown-menu {
    background-color: #111119;
    border-color: #2c2c2c;
    color: #e0e0e0;
}

body.dark-mode .card-header,
body.dark-mode .modal-header {
    background-color: #1e1e2c;
    border-bottom: 1px solid #3a3a3a;
}

body.dark-mode .card-footer,
body.dark-mode .modal-footer {
    background-color: transparent;
    border-top: 1px solid #3a3a3a;
}

/* تعديل ظلال العناصر (عادةً نستبدلها بحدود فاتحة في الوضع الداكن) */
body.dark-mode .shadow,
body.dark-mode .shadow-small,
body.dark-mode .shadow-lgg {
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 8%) !important;
}

/* تعديل حقول الإدخال والنماذج */
body.dark-mode .form-control {
    background-color: #1b1b1e;
    color: #e0e0e0;
    border-color: #2b2b2f;
}

body.dark-mode .form-control:focus {
    background-color: #313133;
    border-color: var(--main-color);
}

body.dark-mode .form-control::placeholder {
    color: #888;
}

body.dark-mode .input-group-text {
    background-color: #333;
    border-color: #444;
    color: #ccc;
}

/* تعديل الجداول (DataTable) */
body.dark-mode .table {
    color: #ccc;
}

body.dark-mode .table.dataTable thead tr,
body.dark-mode .table.dataTable tfoot tr {
    background-color: #2a2a3a;
}

body.dark-mode .table.dataTable tbody td.sorting_1 {
    background-color: #252535;
}

body.dark-mode .table.dataTable tr {
    border-bottom: 1px solid #3a3a3a !important;
}

body.dark-mode .table.table-modal tr:nth-child(even) {
    background-color: #252530 !important;
}

body.dark-mode .dataTables_wrapper .dataTables_length,
body.dark-mode .dataTables_wrapper .dataTables_filter,
body.dark-mode .dataTables_wrapper .dataTables_info {
    color: #aaa;
}

body.dark-mode .page-item .page-link {
    background-color: #2c2c2e;
    border-color: #444;
    color: #ccc;
}

body.dark-mode .page-item.active .page-link {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

/* تعديل الشريط الجانبي (Sidebar) والشريط العلوي (Topbar) */
body.dark-mode .sidebar {
    background-color: #181823;
    box-shadow: -1px 20px 20px 1px rgba(0, 0, 0, 0.2) !important;
}

body.dark-mode .topbar {
    background-color: #181823;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 25%) !important;
}

body.dark-mode .sidebar .nav-item .nav-link {
    color: #868ea6;
}

body.dark-mode .sidebar .nav-item .nav-link i {
    color: #868ea6;
}

body.dark-mode .sidebar .nav-item .nav-link:hover {
    color: #ffffff;
    transform: translateX(3px);
}

body.dark-mode .sidebar .nav-item .nav-link:hover i {
    color: #ffffff;
}

body.dark-mode .sidebar .nav-item.active .nav-link,
body.dark-mode .sidebar .nav-item.active .nav-link i {
    color: White;
}

body.dark-mode .sidebar .nav-item.active .nav-link, body.dark-mode .sidebar .nav-item.active .nav-link span {
    color: White;
}

body.dark-mode .sidebar .sidebar-heading {
    color: #888;
}

/* تعديل أزرار وحالات مختلفة */
body.dark-mode .not_accepted-color-btn {
    background-color: #3a3a3a;
    color: #ccc;
}

body.dark-mode .prog-color-btn {
    background-color: #2a2a4a;
    color: #aeb4e4;
}

body.dark-mode .white_btn {
    background-color: #2c2c2e;
    color: #e0e0e0;
}

body.dark-mode .white_btn:hover {
    background-color: #3c3c3e;
}

body.dark-mode hr {
    background-color: #444;
}

/* تعديل شريط التمرير (Scrollbar) */
body.dark-mode ::-webkit-scrollbar-track {
    background: #202020;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #4a4a4a, #5a5a5a);
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #5a5a5a, #1DE9B6);
}

body.dark-mode * {
    scrollbar-color: #5a5a5a #202020;
}

/* تعديل Select2 */
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #2c2c2e;
    border-color: #444;
}

body.dark-mode .select2-dropdown {
    background-color: #1e1e1e;
    border-color: #444;
    color: #989898;
}

body.dark-mode .select2-container--default .select2-results__option--selected {
    background-color: #3b3b3b;

}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #cbcbcb;
}

body.dark-mode .select2-container--default .select2-results__option--selected {}

body.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #333;
    border: 1px solid #555;
    color: #fff;
}


body.dark-mode .bg-white {
    background-color: rgb(42, 42, 62) !important;
    border: 0px solid rgb(58, 58, 58) !important;
}



body.dark-mode .search_tobbar_cont {
    background-color: #262626;
}

body.dark-mode .icon_circle_med {
    background-color: rgb(42 42 63);
    color: bisque;
}


body.dark-mode .calendar-day-header {
    background-color: transparent;
    border-bottom: 0px solid #000000;
}

body.dark-mode .calendar-day-header.today-highlight {
    background-color: #0066FF;

}

body.dark-mode .calendar-cell {
    border: 1px solid #252525;
}

body.dark-mode .calendar-time {
    background-color: transparent;
    color: #7e7979;
}


body.dark-mode .toggle-container-btns-circle {
    background-color: #2a2a3f;
}

body.dark-mode .toggle-container-btns-circle .toggle-item.active {
    background-color: #2a2a3f;
}

body.dark-mode .border_circle_border_grey_200 {
    border: 2px solid #404347;
    color: #69717d;
}


body.dark-mode .dial-button {
    color: #c0c0c0;
    background-color: #2a2a3f;
}


body.dark-mode #call-number-display {
    background-color: #2a2a3f;
    border: 1px solid #26395a;
    color: #c0c0c0;
}

body.dark-mode .cont-search-select .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: #c0c0c0 !important;

}



body.dark-mode .sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    color: #aeaeb3;
}

body.dark-mode .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    color: #ffffff;
    transform: translateX(4px);
}


body.dark-mode .table.dataTable {
    border: 1px solid #262f3e;
}


body.dark-mode .btn-table-export {
    background-color: #2a2a3f;
}


body.dark-mode .border-gray-300 {
    border: 1px solid #3c3c57 !important;
}

body.dark-mode .table_normal thead {
    background-color: #2a2a3f !important;
    color: rgb(145 145 157) !important;

}


body.dark-mode .table_normal td {
    border: 1px solid #414141 !important;
}


body.dark-mode .table_normal tfoot {
    background-color: #2a2a3f !important;
    color: rgb(145 145 157) !important;
}


body.dark-mode .tree li {
    color: #a5a5a5;
}


body.dark-mode .topbar .dropdown .dropdown-menu {
    border: 1px solid #2d2e31;
}

body.dark-mode .topbar .dropdown-list .dropdown-item, body.dark-mode .topbar .dropdown-list-profile .dropdown-item {
    border-bottom: 1px solid #2d2e31;
    color: #adadb3;
}


body.dark-mode .text-petroleum {
    color: #a5a5a5 !important;
}


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


body.dark-mode .progress-circle_bar::after {
    background-color: #2a2a3f;
}



body.dark-mode .stat-card-v2 {
    background-color: #2a2a3f;
}



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


body.dark-mode .treasury-item .badge {
    color: #ffffff !important;

}


body.dark-mode .main-color-btn {
    background-color: #003f99;
    color: #cddfff;
}

body.dark-mode .active-color-btn {
    background-color: #1d2d3a;
    color: #90c9e5;
}

body.dark-mode .not_accepted-color-btn {
    background-color: #2c2c2c;
    color: #b0b0b0;
}

body.dark-mode .pend-color-btn {
    background-color: #3e321c;
    color: #f3b022;
}

body.dark-mode .prog-color-btn {
    background-color: #2a2f4d;
    color: #9ca7ff;
}

body.dark-mode .cancel-color-btn {
    background-color: #402633;
    color: #ff9eb7;
}

body.dark-mode .done-color-btn {
    background-color: #054b36;
    color: #5BB799;
}

/* ألوان النصوص في الوضع الداكن */
body.dark-mode .cancel-color {
    color: #ff9eb7;
}

body.dark-mode .pend-color {
    color: #f3b022;
}

body.dark-mode .cancel-color-bg {
    background-color: #9e1e31;
}

body.dark-mode .not_accepted-color {
    color: #cfcfcf;
}

body.dark-mode .arrived-color {
    color: #dfcfa0;
}

body.dark-mode .arrived-color-bg {
    background-color: #a87100;
}

body.dark-mode .paid-color {
    color: #00e5e5 !important;
}

body.dark-mode .paid-color-bg {
    background-color: #006666;
}

body.dark-mode .notresp-color {
    color: #e5a3d2;
}

body.dark-mode .inprog-color {
    color: #baa8ff;
}

body.dark-mode .inprog-color-bg {
    background-color: #382694;
}

body.dark-mode .done-color {
    color: #5BB799;
}

body.dark-mode .done-color-bg {
    background-color: #217a59;
}


body.dark-mode .border-flex {
    border-right: 1px solid #282727 !important;
}


body.dark-mode .modal-footer .divider {

    background-color: #444;
}




body.dark-mode .main-color {
    color: white !important;
}


body.dark-mode .sidebar_logo {
    filter: brightness(0) invert(1);
}


body.dark-mode .task-card-footer {
    border-top: 1px solid #383838;
}


body.dark-mode .task-card-title {
    color: white;
}


body.dark-mode .entry-table th {
    background-color: #2a2a3f;
}

body.dark-mode #myform .cont_tap {
    background: transparent;
}

body.dark-mode .progressbar .icon-circle {
    border: 3px solid #2f2f47;
    background-color: #2a2a3f;
    color: rgb(255 255 255 / 20%);
}


body.dark-mode .progressbar li:after {
    background: #2a2a3f;
}


body.dark-mode .calander-left-border {
    border-left: 1px solid #2a2a3f !important;
}



body.dark-mode .nav-tabs .nav-item.show .nav-link, body.dark-mode .nav-tabs .nav-link.active {
    background-color: #2a2a3f;
    color: white;
}


body.dark-mode .nav-tabs {
    border-bottom: 1px solid #2a2a3f;
}


body.dark-mode .border-top-gray {
    border-top: 1px solid #2a2a3f !important;
}


body.dark-mode #pwa-install-card {
    background: #000000;
}




body.dark-mode .light_img_change {
    display: none;
}

body.dark-mode .dark_img_change {
    display: block;
}



body.dark-mode .list-group-item {
    background-color: #111119;
}


body.dark-mode .search-eng-results .list-group-item {
    background-color: #2a2a3f;
}

body.dark-mode .list-group-item:hover {
    background-color: #232333;
}

body.dark-mode .search-eng-results .search-eng-a:first-child {
    border-top: 1px solid #463e3e;
}


body.dark-mode .pwa-nav {
    background-color: #121212;
}

body.dark-mode .pwa-nav .pwa-btn {
    background-color: transparent;
}


body.dark-mode .pwa-nav .pwa-btn:hover {
    transform: translateY(-2px);
    color: #979898;

}

body.dark-mode .blue_linear_gradient {
    background: linear-gradient(139deg, #000000 49%, rgb(38 89 165) 102%);
}


body.dark-mode .dashboard_second_blue_card {
    background-color: #111119 !important;
    color: white;
}


body.dark-mode .dashboard_third_blue_card {
    background-color: #111119;
    color: white;
}



body.dark-mode .loader-page {
    background-color: #000000d9;
}



body.dark-mode .select_branch_popup_window {
    background-color: #111119;
}


body.dark-mode .select_branch_popup_window .text-petroleum_50 {
    color: #6c8097 !important;
}


body.dark-mode .select_branch_dashboard {
    background-color: #09090e !important;
}

body.dark-mode .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    color: white;
}



body.dark-mode .lds-ellipsis div {
    background: white;
}


body.dark-mode .topbar .topbar-divider {
    border-right: 1px solid #3a3a3a;
}


body.dark-mode .radio-card input[type="radio"]:checked+.radio-content {
    background-color: #000000;
}

body.dark-mode .radio-content {
    border: 2px solid #474747;
    background-color: #1e1e1e;
}

body.dark-mode .radio-label {
    color: #e5e5e5;

}

body.dark-mode .invoice-header h4, body.dark-mode .invoice-header h6 {
    color: #000000 !important;
}


body.dark-mode table.dataTable thead .sorting_asc, body.dark-mode table.dataTable thead .sorting_desc {
    background-color: #3b3b53;
}




body.dark-mode .text-gray-300 {
    color: #7d7d7d !important;
}


body.dark-mode .sidebar .sidebar-brand .sidebar-brand-text sup {
    color: #878787;
}



body.dark-mode .side_timeline-content {
    background-color: #1e1e2c;
}



body.dark-mode .gray_100_bg {
    background-color: #1e1e2c;
    color: #f0f0f0;
}

body.dark-mode .progress {
    background-color: #303047;
}