:root{
  --darkmode-primary:#010e18;
  --darkmode-secondary:#000d16;
  --darkmode-thirdBg:#01101c;
  --darkmode-fourthBg:#021d31;
  --darkmode-popColor:#0c1f2e;
  --darkPrimaryMain: #55730e;
}

.dark_logo {display: none !important;}
.dark_theme_switcher{
    position: absolute;
    left: -113px;
    top: 15px;
    padding: 7px;
    z-index: 5;
    cursor: pointer;
    width: 60px;
    overflow: hidden;
}
.theme-switch {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 50px;
  }

  .theme-switch .themeToggle {
    opacity: 0;
    position: absolute;
  }
  .theme-switch svg{
    width: 22px;
    height: 22px;
  }
  .theme-switch .label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    border-radius: 50px;
    position: relative;
    height: 20px;
    width: 50px;
    cursor: pointer;
    box-shadow: 0px 0px 10px 3px rgb(193 207 217) inset;
    transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    gap: 6px;
  }

  .theme-switch .label:hover .moon,
  .theme-switch .label:hover .sun {
    transform: rotate(360deg);
  }

  .theme-switch .ball {
    transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    background-color: #81B504;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 2px;
    height: 20px;
    width: 20px;
   }
   .dark-mode .theme-switch .ball{
    background-color: var(--darkPrimaryMain);
   }

  .theme-switch .moon {
    color: #000;
    transform-origin: center center;
    transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    transform: rotate(0);
  }

  .theme-switch .sun {
    color: #000;
    transform-origin: center center;
    transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    transform: rotate(0);
    left: -3px;
    position: relative;
  }

  .theme-switch .ball {
    left: 0;
  }

  .dark .theme-switch .ball {
    left:29px;
  }

  @media (prefers-color-scheme: dark) {
    .theme-switch .ball {
      left:29px;
    }

    .light .theme-switch .ball {
      left:0px;
    }
  }


.dark-mode .theme-switch .label {
    box-shadow: none;
    background-color: #002946;
}
.dark-mode .theme-switch svg{
    color: #fff !important;
}

.dark-mode .dark_theme_switcher .fa-moon-o{
    display: none !important;
}

.dark-mode .dark_theme_switcher .fa-sun-o{
    display: block !important;
}
body.dark-mode{
    background-image: none;
    background-color: #000 !important;
    color: #919191;
}
.dark-mode .bg-black .nav > li.active a::after{
    background-image: none;
    background-color: var(--darkmode-primary)  !important;
    height: 50px;
    top: 0;
}
.dark-mode .bg-black .nav > li.active > ul{
    background-color: var(--darkmode-primary)  !important;
}
.dark-mode .bg-black .nav > li > a::after{
    background-color: var(--darkmode-primary)  !important;
}
.dark-mode .nav-brand-site-logo{
    display: none;
}
.dark-mode .nav-brand-site-logo.dark_logo{
    display: block !important;
}
.dark-mode .trial-notif-bar-cnt .btn{
    color: #fff !important;
}
.dark-mode .trial-notif-bar-cnt .btn:hover{
    color: #070707 !important;
}
.dark-mode .app-content{
    background-color: #010b12 !important;
    border-radius: 0;
}
.dark-mode .navbar-collapse.collapse{
    background-color: #010b12 !important;
    border-radius: 0;
}
.dark-mode .panel{
    background-color: var(--darkmode-primary) ;
    border-color:var(--darkmode-primary) ;
}
.dark-mode .header-new-br.header_fix_mob{
    background-color: #010b12;
}
.dark-mode .top-grid.top-grid-admin>div{
    background-color: var(--darkmode-primary) ;
    border: solid 1px #1e1e1e;
}
.dark-mode .footer_lft_version_sec{
    background: #010b12;
}
.dark-mode .range-picker-right{
background-color: transparent;
}
.dark-mode .work_prj_cm_chart_btm_legnd .work_prj_cm_chart_btm_legnd_box{
    color: #bebcbc;
}
.dark-mode .team_selection_view{
    border-top: solid 1px #222222;
}
.dark-mode .prj_dtl_table th, .dark-mode .prj_dtl_table td{
    border-bottom: solid 1px #002139;
    color: #bbbbbb;
}
.dark-mode #aside.app-aside::-webkit-scrollbar-thumb{
    background: rgba(59, 59, 59, 0.8);
}
.dark-mode ::-webkit-scrollbar-thumb { background-color: #000000;border: 3px solid #4a4a4a;}
.dark-mode ::-webkit-scrollbar-track { background-color: #000000;}
.dark-mode .productivity_user_box_row{ color: #ccc;}
.dark-mode .ttl_work_time strong{ color: #ccc;}
.dark-mode .panel .grid-head{ color: #ccc;}
.dark-mode .productivity_user_box th, .dark-mode .productivity_user_box td{ color: #ccc;}
.dark-mode .text-black{color: #ccc;}
.dark-mode .team_select_btn{color: #a5a5a5;}
.dark-mode .team_select_btn.active{background-color: transparent;color: #fff;}
.dark-mode .acteff_content h5{color: #7e7878;}
.dark-mode .acteff_img{filter: invert();}
.dark-mode .acteff_content h2{color: #ccc;text-shadow: none;}
.dark-mode legend{color: #ccc;border-color: #001b2e;}
.dark-mode .dashbrd_project_prgs_box_name{color: #ccc;}
.dark-mode .dashbrd_project_prgs_box_name .project_spent_hr{color: #ccc;}
.dark-mode .graph_prj_box_total_round{color: #ccc;}
.dark-mode #datemsg{color: #ccc;}
.dark-mode .select2-container--open .select2-dropdown{filter: invert(1) hue-rotate(180deg);box-shadow: none;}
.dark-mode .daterangepicker{filter: invert(1) hue-rotate(180deg);}
.dark-mode .navbar-right .dropdown-menu{filter: invert(1) hue-rotate(180deg);}
.dark-mode .timer_run_header{color: #ffffff;background-color: #1e1e1e;}
.dark-mode .dashboard_add_team_btn{filter: invert(1) hue-rotate(180deg);}
.dark-mode .datepicker.dropdown-menu{filter: invert(1) hue-rotate(180deg);box-shadow: none !important;}
.dark-mode .panel-body legend span{color: #ccc;}
.dark-mode .working_hr_box h3 p{color: #959595 !important;}
.dark-mode #total_work_hour p{color: #959595 !important;}
.dark-mode .working_hr_box p{color: #ccc;}
.dark-mode .work_task_rprt_box_cnt h5{color: #878787;}
.dark-mode .navbar-right  .dropdown-menu .panel-footer{background-color: #ededed !important;}
.dark-mode #ioss-notification{margin-bottom: 0;}
.dark-mode .task_auto_running_show_popup{background-color: #0e0e0e;box-shadow: none;border: solid 1px #2e2e2e;}
.dark-mode .task_auto_running_show_popup_cnt p{color: #ccc;}
.dark-mode .my_dashboard_panel_btn{background: #2c2c2c;}
.dark-mode .my_dashboard_panel_btn_txt{color: #ccc;}
.dark-mode .my_dashboard_panel_time_view_box img {filter: invert(1) hue-rotate(180deg);}
.dark-mode .acteff_content h2{color: #c9c9c9;}
.dark-mode .app_usage_top_activity_sec .acteff_main_box{background: var(--darkmode-secondary) ;border-color: #414141 ;}
.dark-mode .acteff_main_box:last-child [data-tooltip]:before{filter: invert(1) hue-rotate(180deg);color: #505050;font-weight: 600;}
.dark-mode .appusage_single .app-usage-indiv2 .btn-primary{color: #fff !important;}
.dark-mode .desklog-time-bar .progress-bar-dark{background-color: #142633;}
.dark-mode .total-task-view-row .total-task-view-box{box-shadow: none;opacity: 0.9;background: #031826 ;border-color: #141414;}
.dark-mode .total-task-view-row .col-md-3 .task_box_active{background-color: var(--darkmode-primary) ;}
.dark-mode .total-task-view-spend-tm span{color: #978a8a;}
.dark-mode .total-task-view-spend-tm{color: #a3a3a3;}
.dark-mode .task-count-sec span{color: #898989;}
.dark-mode .admin-user-top-sec .panel-body{border-color: #001b2e !important;}
.dark-mode .admin-user-top-sec .dashboard_project_table th{border-color: #001b2e !important;color: #dbdbdb !important;}
.dark-mode .admin-user-top-sec .dashboard_project_table tr{border-color: #001b2e !important;color: #dbdbdb !important;}
.dark-mode .admin-user-top-sec .H-selectR{border-color: #001b2e !important}
.dark-mode .app-usage-indiv1{border-color: #1a1a1a !important}
.dark-mode .appusage_top_timehour_graph{border-color: #282828 !important}
.dark-mode .total_work_time_dv#worked_time{color: #979393;}
.dark-mode .appusage_single .work-report-graph-totalprdct-percntg{    color: #b3b3b3;}
.dark-mode .my_dashboard_panel_time_view_box_time{color: #979393;}
body.dark-mode .bg-black .nav > li > a{color: #919191 !important;}
body.dark-mode .bg-black .nav > li.active > a{color: #81B504 !important}
.dark-mode .task_qck_bx_info [data-tooltip]:before{filter: invert(1) hue-rotate(180deg);}
.dark-mode .timeline-top-filter-row{    background-color: var(--darkmode-primary) ;}
.dark-mode .timeline-top-gridview-box {background: var(--darkmode-secondary)  !important;border: 1px solid #121212e3;}
.dark-mode .timeline-top-gridview-box.active_grid {background: #012a47 !important;border: 1px solid #121212e3;border-top: 2px var(--primary-color) solid;}
.dark-mode .count_timeline_box h4{color: #c5c5c5;}
.dark-mode .count_timeline_box span{color: #979393;}
.dark-mode .appusage-view1 tr th, .dark-mode .appusage-view1 tr td{border-color: #282828 !important;color: #ccc;}
.dark-mode #form_search_users #search{background-color: #031b2c ;border-color: #031b2c ;color: #ccc !important;}
.dark-mode .table-bordered > tbody > tr > td{border-top: 1px solid #00213a !important;color: #979797;border-color: #00213a !important;}
.dark-mode .filter_sort_sc .btn{filter: invert(1) hue-rotate(180deg);background-color: #e3f3ff;}
.dark-mode .select2-container .select2-selection--single{filter: invert(1) hue-rotate(180deg);}
.dark-mode .timeline_add_column_btn .dropdown-toggle{background-color: #001b2e;color: #ccc;border: 0;}
.dark-mode .timeline_add_column_btn .dropdown-menu{filter: invert(1) hue-rotate(180deg);}
.dark-mode .timeline_add_column_btn .export-dropdow label{color: #000;font-weight: 500;}
.dark-mode .table-bordered {border-color: #00213a;}
.dark-mode .pagination{filter: invert(1) hue-rotate(180deg);}
.dark-mode .border-style-sec{filter: invert(1) hue-rotate(180deg);    background-color: #e5f4ff;}
.dark-mode .pagination > li > a, .dark-mode .pagination > li > span{background-color: #e5f4ff;color: #045ba0 !important;}
.dark-mode .pagination > li.disabled a.page-link{opacity: 0.5;}
.dark-mode .filter_sort_sc .dropdown-menu{filter: invert(1) hue-rotate(180deg);}
.dark-mode .project-card{background-color: var(--darkmode-primary) ;}
.dark-mode .project-card-text p{color: #ccc;}
.dark-mode .project-card-img img{filter: invert(1) hue-rotate(180deg);opacity: 0.7;}
.dark-mode .upcmng_project_dealine_cnt th{background-color: transparent;color: #ccc;}
.dark-mode .project_filter_view{border-color: #343434;}
.dark-mode .upcmng_project_dealine_cnt td{color: #aba6a6;}
.dark-mode .project_view_btm_info_txt strong{color: #aba6a6;}
.dark-mode .work-report-graph-totalprdct-percntg{color: #aba6a6;}
.dark-mode .project_view_btm_info_txt strong{color: #aba6a6;}
.dark-mode .activities_section_cnt_sec th{color: #aba6a6;}
.dark-mode .activities_section_cnt_sec td{color: #aba6a6;}
.dark-mode .activities_section_cnt_sec table tr{border-color: #002139;}
.dark-mode .project_filter_box{background-color: var(--darkmode-primary);border-color: #0c2a42;}
.dark-mode .project_filter_box.project_fltr_new .form-control{background-color: transparent;}
.dark-mode .project-data-box{background-color: var(--darkmode-primary) ;}
.dark-mode .table-bordered > thead > tr > th{border-color: #11212c;color: #ccc;}
.dark-mode .action_btn_table{background-color: #00233e !important;box-shadow: none;}
.dark-mode .prj_add_tsk_bx .form-control{background-color: transparent;color: #ccc !important;border-color: transparent !important;}
.dark-mode .prj_add_tsk_bx .form-control::placeholder{color: #ccc !important;}
.dark-mode .btn_task_action_icon_dv .dropdown-toggle{background-color: transparent !important;color: #c1c1c1 !important;}
.dark-mode .project_tsk_table .list-icon-head .form-control{color: #ccc !important;border-color: #11212c !important;}
.dark-mode .project-data-box .table-bordered>tbody>tr>td{border-color: #00233a !important}
.dark-mode .quick_task_bill_on span{border-color: #343434 !important}
.dark-mode .project_filter_box_sec{border-color: #11202C !important}
.dark-mode .prj_detail_top_tab_head::before{border-color: #343434 !important}
.dark-mode .quick_task_bill_on{border-color: #11202C !important}
.dark-mode .quick_task_bill_on span{border-color: transparent !important;}
.dark-mode .modal{filter: invert(1) hue-rotate(180deg);box-shadow: none;}
.dark-mode .modal-footer{filter: invert(1) hue-rotate(180deg);border-color: #343434;display: inline-block;width: 100%;}
.dark-mode .project_view_bx .nav-tabs a.active{color: #fff !important;}
.dark-mode .nav-tabs > li > a:hover{color: #fff !important}
.dark-mode .view-tr.open td {background-color: var(--darkmode-secondary) ;}
.dark-mode .project_setting_head{color: #fff;}
.dark-mode .project_filter_box label{color: #ccc;}
.dark-mode .prj_dtail_setting_box .form-control{background-color: #001b2e; border-color: #002a48;color: #fff;}
.dark-mode .project_filter_box p{color: #ccc;}
.dark-mode .prj_settings_right_info_box{background-color: #00070c;}
.dark-mode .prj_settings_right_info_box h4{color: #ccc;}
.dark-mode .prj_dtail_setting_box{border-color: #343434 !important}
.dark-mode .prj_config_profit_sc .radio-inline{background-color: #041f32 ;color: #fff;box-shadow: none;}
.dark-mode .prj_config_profit_sc label:has(input:checked).radio-inline{background-color: #060606;}
.dark-mode .btn-color-mode-switch>label.btn-color-mode-switch-inner{background: var(--darkmode-primary) ;color: #ffffff;}
.dark-mode .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner{background: var(--darkmode-primary) ;color: #ffffff;border-color: #343434 !important}
.dark-mode .prj_dtl_over_top_box{background-color: var(--darkmode-primary) ;box-shadow: none;color: #ccc;border-color: #001e34 !important}
.dark-mode .project-card-text h5 span{color: #a5a5a5;}
.dark-mode .prj_lst_prgss_bar.progress-sm{background-color: #313536;}
.dark-mode .prj_list_ttl_hour_hd{filter: invert(1) hue-rotate(180deg)}
.dark-mode .project_filter_box.project_fltr_new .form-control::placeholder{color: #ccc;}
.dark-mode .project_tsk_table > tbody > tr.fold.open table td{background-color: var(--darkmode-secondary) ;border-color: var(--darkmode-secondary)  !important;color: #ccc !important;}
.dark-mode .view-tr td span{color: #ccc;}
.dark-mode .project_tsk_table > tbody > tr.fold.open .prj_add_tsk_bx{background-color: #001524;border-color: #003052 !important;}
.dark-mode .prj_subtask_copy_btn{filter: invert(1) hue-rotate(180deg)}
.dark-mode .project_tsk_table > tbody > tr.fold.open table:last-child{border-color: #022d4c !important}
.dark-mode .project_tsk_table > tbody > tr.fold.open table{border-color: #022d4c !important;background-color: #00233c;}
.dark-mode .subtaskTable tr{border-color: #343434 !important}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered{color: #303030 !important;}
.dark-mode .prj_add_tsk_bx .btn_task_action_icon_dv .multiselect-container{filter: invert(1) hue-rotate(180deg)}
.dark-mode .prjct_task_add_optons_sec .multiselect-container label{color: #101010;}
.dark-mode .prjct_task_add_optons_sec .multiselect-container .form-control{color: #101010;border-color: #cfdadd !important;}
.dark-mode .prj_add_tsk_bx .dropdown-menu{filter: invert(1) hue-rotate(180deg)}
.dark-mode .btn_task_action_icon_dv .tag_selector2 .select2-dropdown{filter: inherit;box-shadow: none !important;}
.dark-mode .btn_task_action_icon_dv .tag_selector2 .select2-dropdown .select2-search__field{color: #fff;}
.dark-mode .prj_add_tsk_bx .dropdown-menu .form-control{border-color: #ccc !important;color: #000000 !important;}
.dark-mode .export_list_row span{color: #000;}
.dark-mode .prj_add_tsk_bx .prjct_task_add_optons_sec .form-control{color: #101010 !important}
.dark-mode #tab_default_3 .project_filter_box #project_description{border-color: #022d4c !important}
.dark-mode .prj_dtl_over_top_box h5{filter: invert(1) hue-rotate(180deg)}
.dark-mode .prj_dtl_over_top_box .col-md-6 strong{color: #ccc;}
.dark-mode .prj_dtl_over_top_box h4{color: #ccc;}
.dark-mode .prj_dtl_over_top_box #billabeltask{filter: invert(1) hue-rotate(180deg)}
.dark-mode .project_filter_box span{color: #202020 !important;}
.dark-mode #add_member_div .project_member_add .multiselect{background-color: #001b30; border-color: #003156;}
.dark-mode .project-permission .toggle-btn .slider{background: #626262;}
.dark-mode .project-permission .prj-setting-acrd-list {color: #666;}
.dark-mode #projectPrivilegeModal .modal-content .panel-group .panel{border-color: #ededed;}
.dark-mode #add_member_div .project_member_add .multiselect-container{background-color: #001b30;border-color: #1e3546 !important;}
.dark-mode #add_member_div .project_member_add .input-group{filter: invert(1) hue-rotate(180deg)}
.dark-mode .user_hourlyRate_dv{border-color: #343434 !important}
.dark-mode .project_tsk_table .form-control{background: #202020;color: #fff;}
.dark-mode .prj_detail_prgress_view .prj_list_estd_time_graph a{color: #ccc !important;}
.dark-mode .prj_detail_prgress_view .prj_list_ttl_hour_hd{color: #000000 !important;}
.dark-mode .prj_dtl_progress_spent_view{filter: invert(1) hue-rotate(180deg)}
.dark-mode .prj_dtl_progress_spent_view span{color: #383838 !important;}
.dark-mode .task-swither label{border-color: #585a5a;}
.dark-mode .mytask_todo_task_adding_sc{background-color: var(--darkmode-primary) ;border: solid 1px #1e1e1e;}
.dark-mode .task_new_input{background-color: var(--darkmode-primary) ;color: #fff;border-color: #01223a;}
.dark-mode .task_new_right_sec{border: 0;}
.dark-mode .task_prj_sect{border-color: #01223a;}
.dark-mode .mytask_todo_task_adding_sc .quick_task_bill_on{border-color: transparent !important;}
.dark-mode .top-grid.top-grid-admin>div .top-grid-admin-txt{color: #a1a1a1;}
.dark-mode .project-data-box .alert{display: none;}
.dark-mode .project_filter_box.project_fltr_new .select2-selection__placeholder{color: #464242 !important;}
.dark-mode .mytask_todo_task_row .task_new_input::placeholder{color: #ccc;}
.dark-mode .mytask_todo_task_row  .task_prj_sect .btn-default span{color: #ccc;}
.dark-mode .mytask_todo_task_row .task_prj_sect .multiselect-container{filter: invert(1) hue-rotate(180deg)}
.dark-mode .current_task_view{background-color: #05263e !important;border: solid 3px #052c48 !important;}
.dark-mode .current_running_task strong{color: #ccc !important;}
.dark-mode .my_task_flter.show{filter: invert(1) hue-rotate(180deg);background-color: #ddedff;}
.dark-mode .my_task_flter.show .search_flt_sc #search_task{background-color: #e8f3ff;}
.dark-mode .my_task_flter.show .search_flt_sc #search{background-color: #e8f3ff;}
.dark-mode .mytask_added_sc .div-tr{border-color: #052c48;}
.dark-mode .mytask_added_sc .div-tr:hover{background-color: #001320;}
.dark-mode .mytask_added_sc .task_lst_prj_sec strong{color: #9f9f9f;}
.dark-mode .mytask_added_sc .task_bar_sec_progress .progress-sm{background-color: #3c3c3c;}
.dark-mode .total_task_spent_mytask{color: #ccc;}
.dark-mode .my_task_day_filter_btn_sec a.active{color: #fff !important;}
.dark-mode .row_task_list .addedit_task_box .myTask-name{color: #bdbdbd !important;}
.dark-mode .mytask_added_sc .prj_member_ico{opacity: 0.8;}
.dark-mode .show_parent_task_bt{background-color: #323232;border: solid 1px #5a5a5a;color: #d3d3d3;}
.dark-mode .pagination_cntr{background-color: var(--darkmode-primary) ;box-shadow: none !important;}
.dark-mode .sub_task_view_box{background-color: #000000;}
.dark-mode .task_parent_row td{background-color: #282828;border-bottom: 1px solid #161616 !important;}
.dark-mode .sub_task_view_table td{border-bottom: 2px solid #343434 !important;background-color: #343434;}
.dark-mode .current_task td{background-color: #1a1a1a;color: #dbdbdb;}
.dark-mode .sub_task_view_table p{color: #dbdbdb;}
.dark-mode .task_lst_prj_sec span{color: #7a7a7a;}
.dark-mode .sub_task_view_table:after{border-bottom: 20px solid #2f3132;}
.dark-mode .mytask_action_dt .dropdown-toggle{color: #ccc;}
.dark-mode .mytask_action_dt .dropdown-menu{filter: invert(1) hue-rotate(180deg)}
.dark-mode .mytask_action_dt .dropdown-menu a{background-color: transparent !important;}
.dark-mode .table-striped > tbody > tr:nth-of-type(odd){background-color: var(--darkmode-secondary) }
.dark-mode .table-striped > tbody > tr:nth-child(odd) > td, .dark-mode .table-striped > tbody > tr:nth-child(odd) > th{background-color: var(--darkmode-secondary) }
.dark-mode .pagination > li > a, .dark-mode .pagination > li > span{color: #000 !important;}
.dark-mode .table td .desklog-time-bar .progress{background-color: #1a1a1a;}
.dark-mode .table-striped td{border-color: #3a3737;}
.dark-mode #form_date_change .col .app-usage-indiv2 button.btn-default{background-color: #444444;border-color: #444646;color: #bfbfbf !important;}
.dark-mode .nav-tabs > li.active > a{color: #fff !important;}
.dark-mode #taskRequestTable #allApproveRejectSec{background-color: #242424;border: solid 1px #383838;}
.dark-mode .time-request .task_qck_bx_info [data-tooltip]:before{color: #000;}
.dark-mode .w-box--pane{background-color: #342f23 !important; border: 2px solid #000f1a !important; color: #fff;}
.dark-mode .table-shifts th, .dark-mode .table-shifts td{border-color: #444646 !important;color: #ccc;}
.dark-mode .page-buttons .btn-group h4{color: #ccc;}
.dark-mode .workShdlMn .page-buttons a.btn-default{background-color: #444444;border-color: #444646;color: #bfbfbf !important;}
.dark-mode .table-shifts td.today{background-color: #001628 !important;}
.dark-mode .media, .dark-mode .media-body span{color: #ccc;}
.dark-mode .media, .dark-mode .media-body a{color: #b3b3b3;}
.dark-mode .table td button.target:hover {background-color: #343434;}
.dark-mode .productivity_graph_bg .H-selectR{color: #ccc;}
.dark-mode .users_access_sec ul{background-color: var(--darkmode-primary) ;}
.dark-mode .user_detail_sec h4{color: #ccc;}
.dark-mode .user_detail_sec h5{color: #8d8d8d;}
.dark-mode .overview_top_quick_box{background-color: var(--darkmode-primary) ;border-color: var(--darkmode-primary) }
.dark-mode .overview_top_quick_box_ico img{filter: invert(1) hue-rotate(180deg)}
.dark-mode .overview_top_quick_box strong{color: #ccc;}
.dark-mode .overview_top_quick_box span{color: #8d8d8d;}
.dark-mode .main_view_section .users_access_sec{background: var(--darkmode-primary) ;}
.dark-mode .logs_section{background: var(--darkmode-primary) ;}
.dark-mode .logs_section .table > thead > tr > th{border-color: var(--darkmode-secondary) }
.dark-mode .prdct_staff_box_btn_act{color: #fff !important;}
.dark-mode .over_view_Search_user_Sec .search-user-fltr #search_user{border: 1px solid #141414 !important;color: #ccc;}
.dark-mode .screenshot_page .nav-tabs a.active{background-color: transparent !important;color: #fff !important;}
.dark-mode .screenshot-view{background-color: var(--darkmode-primary) ;box-shadow: none;border-color: #021f32 !important}
.dark-mode .screenshot{margin-top: 20px;}
.dark-mode .screenshot-name{background: var(--darkmode-primary) ;}
.dark-mode .register_page_top_grid .register_page_top_grid_box{background-color: var(--darkmode-primary) ;border-color: #022138 !important}
.dark-mode .register_page_top_grid_box strong{color: #fff !important;}
.dark-mode .register_page_top_grid_box_ico img{filter: invert(1) hue-rotate(180deg)}
.dark-mode .regsiter_usr_lst_fltr .multiselect{filter: invert(1) hue-rotate(180deg);background-color: #d4ecfd;}
.dark-mode .regsiter_usr_lst_fltr .form-control{filter: invert(1) hue-rotate(180deg);background-color: #d4ecfd;}
.dark-mode .regsiter_usr_lst_fltr .search-r-form .form-control{filter: inherit}
.dark-mode .regsiter_usr_lst_fltr .multiselect-container{filter: invert(1) hue-rotate(180deg)}
.dark-mode .regsiter_usr_lst_fltr .multiselect-container input{filter: inherit}
.dark-mode .right_setting_tab_view{background-color: var(--darkmode-primary) ;}
.dark-mode .right_setting_tab_view .tab-pane{border-color: var(--darkmode-popColor)  !important;}
.dark-mode .right_setting_tab_view .b-b{border-color: var(--darkmode-popColor)  !important;}
.dark-mode .gnrl_stngs_lft .nav-tabs > li > a.active{border: solid 1px var(--darkmode-popColor)  !important;background-color: #81B504 !important;color: #fff !important;opacity: 0.8;}
.dark-mode .right_setting_tab_view .form-group label{color: #b7b3b3;}
.dark-mode .right_setting_tab_view .form-control{background-color: #041826  !important;border-color: var(--darkmode-secondary)  !important;color: #fff;}
.dark-mode .right_setting_tab_view select.form-control{filter: inherit;}
.dark-mode .add-category-dropdown select.form-control{filter: inherit;}
.dark-mode .gnrl_stngs_lft .nav-tabs > li > a{background-color: #03243a  !important;opacity: 0.6;color: #d7d7d7;}
.dark-mode .setting_help_section{background-color: var(--darkmode-secondary) !important;border-color: #033252;box-shadow: none;}
.dark-mode .setting_help_section_head h3{color: #b7b3b3;}
.dark-mode .setting_help_section_cnt{color: #b7b3b3;}
.dark-mode .right_setting_tab_view .grid-head{color: #aeafb1;}
.dark-mode .btn-link{color: #ccc;}
.dark-mode .resend_invit_mail{background-color: #0e0e0e;color: #ccc !important;}
.dark-mode .resend_invit_mail:hover{background-color: #242424;color: #ccc !important;}
.dark-mode .card-container .front, .dark-mode .card-container .back{background-color: var(--darkmode-primary) ;}
.dark-mode .card .name{color: #ccc;}
.dark-mode .manual-flip table{border-color: #585858 !important;}
.dark-mode .card .footer{border-color: #585858 !important;}
.dark-mode .modal-content{box-shadow: none;background-color: #f0f4ff;border: solid #c9c9c9 2px;}
.dark-mode .card .content p{color: #898989;}
.dark-mode .cmpny-leave-date-style{border-color: #282828 !important; background-color: #121212;}
.dark-mode  #MonthlyleaveDetailsModal .pop_table_view_tp2 td{color: #3a3a3a !important;font-weight: 500;border-color: #dbdbdb !important;}
.dark-mode  #MonthlyleaveDetailsModal .pop_table_view_tp2 th{border-color: #dbdbdb !important;}
.dark-mode .table-bordered.pop_table_view_tp2 { border-color: #cfcfcf;}
.dark-mode  #MonthlyleaveDetailsModal .badge, .dark-mode  #MonthlyleaveDetailsModal .label{filter: invert(1) hue-rotate(180deg);}
.dark-mode  #MonthlyleaveDetailsModal .modal-title{color: #000;}
.dark-mode #myModal .label-warning{filter: invert(1) hue-rotate(180deg);}
.dark-mode .modal .modal-title{color: #000;}
.dark-mode .leave_request_table_new.table .btn-primary i{color: #c7c7c7 !important;}
.dark-mode #status_message span{filter: invert(1) hue-rotate(180deg) !important;}
.dark-mode .bill_invoice_dtl_section_head{filter: invert(1) hue-rotate(180deg) !important;}
.dark-mode .invoice_table_view .table_actions{filter: invert(1) hue-rotate(180deg) !important;color: #000;}
.dark-mode .invoice_table_view .dropdown-toggle i{color: #ccc !important;}
.dark-mode .invoice-main-sec .filter_box{background-color: var(--darkmode-primary) ;color: #ccc !important;}
.dark-mode .invoice-main-sec .invoice-bg-box{background-color: var(--darkmode-primary) ;color: #ccc !important;}
.dark-mode .invoice-main-sec .invoice-bg-box th, .dark-mode .invoice-main-sec .invoice-bg-box td{border-color: #012844 !important;}
.dark-mode .invoice-main-sec .nav-tabs{border-color: #012844 !important;}
.dark-mode .filter_box .select2-container{background-color: #101010;background-color: var(--darkmode-secondary) ;border: 1px solid #012844 !important;}
.dark-mode .invoice-main-sec #reportrange{background: var(--darkmode-secondary)  !important;border: 1px solid #012844 !important;}
.dark-mode .settins-cntainer{background-color: var(--darkmode-primary)  !important;color: #ccc !important;border-color: #1e1e1e !important;box-shadow: none !important;}
.dark-mode .settins-cntainer .details{color: #b3b3b3 !important;}
.dark-mode .toggle_option2_width_2 label.btn-color-mode-switch-inner { background-color: #012742 !important;}
.dark-mode .typ_usr_selct .multiselect{filter: invert(1) hue-rotate(180deg);background-color: #cae9ff;}
.dark-mode .typ_usr_selct .multiselect-container{filter: invert(1) hue-rotate(180deg);}
.dark-mode .typ_usr_selct .multiselect-container .active a, .dark-mode .typ_usr_selct .multiselect-container a:hover{background-color: #ccdbe7 !important;}
.dark-mode .efficiency_setting_view .setting-checkbox-box{filter: invert(1) hue-rotate(180deg);background-color: transparent !important;color: #ccc;}
.dark-mode .setting-checkbox-box:has(input:checked) {background-color: rgb(129, 181, 4) !important;}
.dark-mode .efficiency_setting_view .setting-checkbox-input:checked + h4 + p{color: #fff;}
.dark-mode .efficiency_setting_view .setting-box{color: #060606 !important;}
/* .dark-mode .setting-checkbox-box .setting-box{background-color: var(--darkmode-primary) ;color: #ffffff !important;} */
.dark-mode .setting-checkbox-box .setting-box{background-color: #83a0b5;color: #060404 !important;}
.dark-mode .up-in-toggle label{background-color: #012742;}
.dark-mode .right_setting_tab_view .text-info{color: #7ea5c5;}
.dark-mode #billing_charge_section h4 { color: #7ea5c5;}
.dark-mode .billing_charge_section{border-color: #585858 !important;}
.dark-mode .project_tag_view{background-color: transparent;}
.dark-mode .project_tag_view_box{background-color: var(--darkmode-secondary) ; border: solid 1px #262626;color: #ccc;box-shadow: none;}
.dark-mode .default_tag_view{background-color: #033050  !important;}
.dark-mode .roleview_table.table-bordered > thead > tr > th{background-color:#042e4c !important;}
.dark-mode .roleview_table.table-bordered tr.warning td{background-color:var(--darkmode-secondary)  !important;}
.dark-mode .add-user-role-popup .cta-btn{filter: invert(1) hue-rotate(180deg);}
.dark-mode .panel-default .panel-heading{background-color: #002946; border-color: #002946; color: #ccc;}
.dark-mode .add-user-role-popup{filter: invert(1) hue-rotate(180deg);}
.dark-mode .popover.top{background-color: #001f39;color: #fff;}
.dark-mode .popover .popover-title{background-color: #001f39; border-color: #133c5f;}
.dark-mode .cat-list-container{background: var(--darkmode-secondary) ;color: #ccc;}
.dark-mode .integrations-container{background-color: var(--darkmode-primary) ;}
.dark-mode #update_app_productivity .form-control{filter: invert(1) hue-rotate(180deg);}
.dark-mode #update_app_productivity select.form-control{filter: inherit;background-color: #000 !important; border-color:#1a1a1a !important;}
.dark-mode .prdocutivity_sec #edit_productivity_1{filter: inherit;background-color: #000 !important; border-color:#1a1a1a !important;}
.dark-mode .prdocutivity_sec #edit_productivity_2{filter: inherit;background-color: #000 !important; border-color:#1a1a1a !important;}
.dark-mode .prdocutivity_sec #edit_productivity_3{filter: inherit;background-color: #000 !important; border-color:#1a1a1a !important;}
.dark-mode .prdocutivity_sec .form-control{filter: invert(1) hue-rotate(180deg);}
.dark-mode .category-btn .dropdown-toggle{background-color: var(--darkmode-secondary)  !important}
.dark-mode .category-btn.show .dropdown-menu{border: solid 1px #444444 !important; background-color: var(--darkmode-primary) ;}
.dark-mode #update_app_category .form-control{filter: invert(1) hue-rotate(180deg);background-color: #cbe7ff;}
.dark-mode #update_app_category select.form-control{filter: inherit;background-color: #042038 !important; border-color: #042038 !important;}
.dark-mode .input-group.date .input-group-addon{background: #3c3c3c;color: #ccc;border-color: #585858 !important;}
.dark-mode .right-con-sec{border: 1px solid #002e50;background: var(--darkmode-primary) ;}
.dark-mode .Plan-Details-container{background-color: #012640; color: #cdcdcd;}
.dark-mode .plan-sec .Plan-Details .Plan-Details-container.active{background-color: var(--darkmode-primary) ; color: #cdcdcd;}
.dark-mode .tem-mnber-detail p{color: #ccc;}
.dark-mode .team-mmber-sec .count-add input{background-color: transparent;color: #fff;}
.dark-mode .total-amt-sec .amt-con h4{color: #ccc;}
.dark-mode .total-amt-sec .amt-con p{color: #ccc;}
.dark-mode .bdr-botm{border-color: #03253e !important;}
.dark-mode .team-mmber-sec .tem-mnber-detail{border-color: #585858 !important;}
.dark-mode .plan-sec .Plan-Details .Plan-Details-container h4{color: #ccc;}
.dark-mode .billing-sec .billing-prd-cntbox .pricing-switcher .fieldset{    background-color: #0e0e0e;}
.dark-mode .pricing-switcher .fieldset label{color: #ccc;}
.dark-mode #billing_summary .table tbody td{color: #ccc;}
.dark-mode .panel-form #billing{border-color: #585858 !important;}
.dark-mode #invoice_list .table-header{background-color: #012a48;}
.dark-mode #paymentinvoice .table{border: solid 1px #303030 !important;}
.dark-mode .payment-page .bordr-box{background-color: var(--darkmode-secondary) ;border-color: var(--darkmode-secondary)  !important;}
.dark-mode .payment-page label{color: #ccc;}
.dark-mode .right-con h4{color: #ccc;}
.dark-mode .profile_card .form-control{filter: invert(1) hue-rotate(180deg);}
.dark-mode .desklog-time-bar.admin-user-overview-time-bar .progress{background-color: #2e2e2e;}
.dark-mode .total-task-view-row .progress{background-color: #2e2e2e;}
.dark-mode #panel-teamname{color: #ccc;}
.dark-mode .working_hr_box:nth-child(3) h3 .timer{color: #398ed1;}
.dark-mode .work_task_rprt_box_cnt h5{color: #398ed1;}
.dark-mode .working_hr_box:first-child h3 .timer{color: #398ed1;}
.dark-mode .working_hr_box:first-child{border-color: #696969;}
.dark-mode .working_hr_box:nth-child(2){border-color: #696969;}
.dark-mode .working_hr_box:nth-child(3){border-color: #696969;}
.dark-mode .task-count-sec strong em{color: #959595;}
.dark-mode .toggle_task_view input[type=checkbox]:checked+.fa-th::before{color: #484848;}
.dark-mode #tasks_div .lists_kanban{background: var(--darkmode-primary) ;}
.dark-mode #tasks_div .column{background-color: var(--darkmode-primary);border: solid 2px #10212c;}
.dark-mode .toDoHead h5{color: #ababab;}
.dark-mode .cardBgBox{background-color: var(--darkmode-primary);border: 1px #273036 solid;}
.dark-mode .taskheadSubSec h3{color: #ffffff;}
.dark-mode .taskheadSubSec p{color: #999999;}
.dark-mode .spentTime span{color: #999999;}
.dark-mode .taskDateSec span{background-color: transparent;color: #ccc;}
.dark-mode .kanbanCardOtheroption .dropdown.open .dropdown-menu{filter: invert(1) hue-rotate(180deg);}
.dark-mode .kanbanCardOtheroption .action_btn_table{background-color: transparent !important;}
.dark-mode #modal_edit_task .modal-footer .btn.btn-default{color: #cfcfcf !important;background-color: #5e5d5d; background-color: #3a3a3a;border-color: #363636;border-bottom-color: #282828;}
.dark-mode .show_parent_kanban_task{background-color: #031828;}
.dark-mode .show_parent_kanban_task_scroll_sec table tr{    border: solid 1px #323232 !important;}
.dark-mode .mntask_row{background-color: #082338;}
.dark-mode .show_parent_kanban_task_scroll_sec .current_task td{background-color: #03192b;}
.dark-mode .kanban_list_parent{background-color: #082338;color: #fff;}
.dark-mode .show_parent_kanban_task_bt{filter: invert(1) hue-rotate(180deg);}
.dark-mode .show_parent_kanban_task_scroll_sec .current_task td{border-color: #424242 !important;}
.dark-mode .modal-footer .btn.btn-default{color: #cfcfcf !important;background-color: #5e5d5d; background-color: #3a3a3a;border-color: #363636;border-bottom-color: #282828;}
.dark-mode .kanbanCardOtheroption .dropdown-menu{filter: invert(1) hue-rotate(180deg);}
.dark-mode .modal h2{color: #242424;}
.dark-mode .cta-btn{filter: invert(1) hue-rotate(180deg);}
.dark-mode .setting-checkbox-container{filter: invert(1) hue-rotate(180deg);}
.dark-mode .register_page_top_grid_box span{color: #919191;}
.dark-mode .productive_app_usage_list_progress_right_val{color: #919191;}
.dark-mode .categories_view_contant_app{color: #919191;}
.dark-mode .work_hour_time{color: #919191;}
.dark-mode .productive-app-grid .word-break .text-info{color: #399eed;}
.dark-mode .grph-btm-details span{color: #919191;}
.dark-mode .attendence_rprt .desklog-time-bar .progress{background-color: #494949 !important;}
.dark-mode .popover.top > .arrow:after{border-top-color: #001b2e;}
.dark-mode .prj_details_filter_bx #search.form-control{border-color: #353535;background-color: var(--darkmode-popColor);color: #ccc;}
.dark-mode .prj_details_filter_bx{border-color: #3b3b3b;}
.dark-mode .prj_details_filter_bx .multiselect-container{max-height: 300px;overflow: scroll;filter: invert(1) hue-rotate(180deg)}
.dark-mode .prj_details_filter_bx .multiselect-container .form-control{border-color: #d7d7d7;}
.dark-mode .project_view_bx .project_filter_box span{color: #838383 !important;}
.dark-mode .table-scroll th, .dark-mode .table-scroll td{background: var(--darkmode-primary)  !important;border-color: #001b2e;}
.dark-mode .appusage_top_view_sec_load .admin-user-overview-col{border-color: #001b2e;}
.dark-mode .table-scroll{border-color: #001b2e;}
.dark-mode .project_weekly_bar .progress-bar-dark{ background-color: #373838;}
.dark-mode .admin-user-overview-col .top-grid-report{color: #566a7a !important;}
.dark-mode .app-usage-indiv2 button:hover{background-color: transparent !important;}
.dark-mode .monthly_calander_view .dayname{background: #001b2e !important;color: #ccc !important;border-color: #282828;}
.dark-mode .monthly_calander_view .calendar{background: var(--darkmode-primary)  !important}
.dark-mode .monthly_calander_view .day{color: #dfdfdf; box-shadow: -1px -1px #001b2e, inset -1px -1px 0 0 #001b2e;}
.dark-mode .appusage_top_view_sec_load .wrapper-md{border-color: #2e2e2e !important;}
.dark-mode .monthly_calander_view{border-color: #001b2e;}
.dark-mode .calender-today .day-number { background-color: #012743;}
.dark-mode .calender-today {background-color: #001b2e;}
.dark-mode .card .motto{ border-color: #3a3a3a;}
.dark-mode .manual-flip h4{color: #ccc;}
.dark-mode .clockinout_dtl_box p{color: #ccc;}
.dark-mode .clockinout_dtl_box strong{color: #e5e5e5;}
.dark-mode .manual-flip .table-borderless th{border-color: #3a3a3a;}
.dark-mode .manual-flip .table-borderless td{border-color: #3a3a3a;}
.dark-mode .current_task_view_shine:after{background: linear-gradient(to right, rgba(25, 165, 148, 0) 0%, rgb(74 74 74 / 80%) 50%, rgba(30, 196, 180, 0) 99%, rgba(30, 196, 180, 0) 100%);}
.dark-mode .bg-info{color: #000000;}
.dark-mode .milestone-status a p{color: #000000;}
.dark-mode .my_task_flter #reset_filter_div .btn{filter: invert(1) hue-rotate(180deg)}
.dark-mode .modal-content .form-control{color: #000;font-weight: 500;}
.dark-mode #form_date_change .app-usage-indiv2 .btn-default{color: #979797 !important;background-color: transparent;border-color: transparent;}
.dark-mode .daterangepicker .ranges li{font-weight: 600;color: #000 !important;}
.dark-mode .task_filter_btn .dropdown-menu{background-color: #000;border-color: #3c3939 !important;right: 20px;}
.dark-mode .hourly_work_detail_appusage_timeatwork{background: #021f32 ;}
.dark-mode .hourly_work_detail_appusage_timeatwork::before{background-color: var(--darkmode-secondary) ;}
.dark-mode .admin-user-overview-col .top-grid-report .timer{color: #9d9d9d !important;}
.dark-mode .hourly_work_detail_appusage{background: var(--darkmode-secondary) ;}
.dark-mode .appusage_day_view_2 .firts_time_bar .progress-bar-dark::before{background: #002036;}
.dark-mode  a.productivity_link{color: #f7f7f7 !important;background: var(--darkmode-primary) ;}
.dark-mode .select2-results__option{ color: #000000;}
.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb;color: #000000;}
.dark-mode .acteff_main_box .efficiency_filter {color: #787f83;}
.dark-mode .prj_dtl_table td span{background-color: #102634 !important;}
.dark-mode .acteff_main_box .task_qck_bx_info [data-tooltip]:before{box-shadow: none;}
.dark-mode .timline_filter.project_filter_box .multiselect {background-color: transparent;color: #000 !important;filter: invert(1) hue-rotate(180deg)}
.dark-mode .timline_filter .multiselect-container{filter: invert(1) hue-rotate(180deg)}
.dark-mode .timline_filter.project_filter_box label{color: #000;}
.dark-mode .timline_filter.project_filter_box span{color: #fff ;}
.dark-mode .timline_filter.project_filter_box .top_sec_date_sel span{color: #fff !important;}
.dark-mode .timline_filter.project_filter_box .top_sec_date_sel i{color: #fff !important;}
.dark-mode .projectTimelineTable .borderLine{background-color: transparent;color: #ccc;}
.dark-mode .projectTimelineTable tr th:first-child{background-color: var(--darkmode-primary)  !important;}
.dark-mode .projectTimelineTable tr td:first-child{background-color: var(--darkmode-primary)  !important;}
.dark-mode .projectTimelineTable { background-color: transparent;}
.dark-mode .projectTimelineTable th, .dark-mode .projectTimelineTable td{background-color:var(--darkmode-secondary) ;border-color: #252c32 !important;}
.dark-mode .projectTimelineTable .dropHead { background-color: transparent !important;border-color: #252c32 !important;}
.dark-mode .projectTimelineTable tfoot td {font-weight: 600;color: rgb(197 201 205);border-color: #252c32 !important;}
.dark-mode .projectTimelineTable thead h5 {color: #ffffff;}
.dark-mode .projectTimelineTable .cell button svg{fill: rgb(155 155 155);}
.dark-mode .timline_filter.project_filter_box span.multiselect-selected-text{color: #000 !important;}
.dark-mode .projectTimelineTable .innerData { background: transparent;}
.dark-mode .my_task_flter .dropdown-menu{box-shadow: none;}
.dark-mode .task_prj_sect .multiselect .caret {color: #ccc;}
.dark-mode .attndc_report_weekly .table th, .dark-mode .attndc_report_weekly .table td{background-color: transparent !important;}
.dark-mode .task_qck_bx_info [data-tooltip]:before{box-shadow: none;color: #000;}
.dark-mode .table-shifts>tbody>tr>td{border-color: #001e34 !important;}
.dark-mode .modal-content .btn-default{background-color: #dbe1f3;}
.dark-mode .modal-content .form-control{background-color: #dbe1f3;}
.dark-mode .modal-content .select2-container--default .select2-selection--multiple{background-color: #dbe1f3;}
.dark-mode .modal-content .ck.ck-editor__main>.ck-editor__editable{background-color: #dbe1f3;color: #000;}
.dark-mode .modal-content .taskTagView .select2-container .select2-selection--multiple{background-color: #dbe1f3;}
.dark-mode .modal-content  #select_team h4{color: #0c0c0c;}
.dark-mode .modal-content .form-group label{color: #505050;}
.dark-mode .modal-content .form-group span{color: #505050;}
.dark-mode .client_selection .select2-container .select2-selection--single{border-color: #e7e7e7 !important;filter: inherit !important;}
.dark-mode #createproject .select2-container--open .select2-dropdown{filter: inherit !important;}
.dark-mode .modal #client_toggle_field button.btn-primary{color: #000;}
.dark-mode .project_member_all span{color: #000;}
.dark-mode .project_member_all li .prj_member_ico{color: #000;}
.dark-mode #project_add_member_div .prj_addmember_lbl{background-color: #fff;color: #000;}
.dark-mode #project_add_member_div .btn-primary{color: #000;}
.dark-mode .prj_details_filter_bx .btn-default {color: #b8c1c7 !important;}
.dark-mode .view_comments_head{background-color: transparent;}
.dark-mode .main_view_section .user_active_sec {background: #012946;}
.dark-mode .user_clr_btn{background-color: transparent;border-color: #2e2e2e;}
.dark-mode .nav-tabs {border-color: #545454;}
.dark-mode .screenshot_view-indu{background-color: var(--darkmode-primary) ;border-color: #2e2e2e !important;}
.dark-mode .screenshot-app-details{background: var(--darkmode-primary) ;}
.dark-mode .task_icon_content{background-color: var(--darkmode-primary) ;color: #fff;}
.dark-mode .task_icon_content_row label{color: #fff;}
.dark-mode .setting_help_section_head{border-color: #033252;}
.dark-mode .supportCreateBox{box-shadow: none;border-color: #2e2e2e !important;}
.dark-mode .supportCreateBox .form-control{background-color: #002038;  border-color: #002038}
.dark-mode .supportCreateBox .ck.ck-editor{filter: invert(1) hue-rotate(180deg);}
.dark-mode .supportCreateBox .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){    background-color: #cfe9ff}
.dark-mode .leave_ttl_count_row{background-color: transparent;}
.dark-mode .leave_ttl_count_row font{box-shadow: none;background-color: #dcf0ff;}
.dark-mode .table.calendar thead tr th{background-color: var(--darkmode-primary) ; border-bottom: 1px solid #052f4e; color: #cbcbcb;}
.dark-mode .table.calendar tbody td{border-color: #052f4e; color: #cbcbcb;}
.dark-mode table.calendar tbody tr td span.badge{ color: #cbcbcb !important;}
.dark-mode #projectInvoice_modal .modal-content{background-color: #f0f4ff;}
.dark-mode .invoice_top_hd_dv .select2-container .select2-selection--single{filter: invert(1) hue-rotate(180deg);    border-color: #bae2ff !important;}
.dark-mode .round-checkboxes label {background-color: #ffffff52;border: 1px solid #405469}
.dark-mode #billing_charge_section .setting-checkbox-input:checked + .setting-box{color: #000 !important;}
.dark-mode #project_tag_modal_add  .modal-content .form-control{background-color: #dbe1f3 !important;border-color: transparent !important;}
.dark-mode #role-create.modal h2{color: #dfdfdf;}
.dark-mode #role-create .modal-content .form-control{color: #fff;background-color: #1a223a; border-color: #1a223a;}
.dark-mode #role-create .modal-content label{color: #ccc;}
.dark-mode .added_account_row table td, .added_account_row table th {color: #000;}
.dark-mode .prdocutivity_sec .form-control{background-color: #cbe7ff;}
.dark-mode .settings-section-view .timePicker{filter: invert(1) hue-rotate(180deg);}
.dark-mode .settings-section-view .timePicker .timePicker{margin-top: 0;}
.dark-mode .settings-section-view .input-group.date .input-group-addon{background: #d2edff;color: #ccc; border-color: #e4f4ff !important;}
.dark-mode #paymentinvoice .input-group-addon{background-color: var(--darkmode-secondary) ; border-color: var(--darkmode-secondary) ;}
.dark-mode #myModal .icon-and-content .list-cnt-name{color: #000;}
.dark-mode #myModal .list-icon span{filter: invert(1) hue-rotate(180deg);background: #334800 !important;}
.dark-mode .tableParentDesk table{filter: invert(1) hue-rotate(180deg);}
.dark-mode #AtworkUserModal table th{border-color: #202020;}
.dark-mode .new_date_selection_field_box input{    background-color: #dde5ff;}
.dark-mode .time_request_pop_time .number_field_plus_btn_row button{border-color: #d9dce3;background-color: #d9e3ff;}
.dark-mode .new_date_selection_field_box_frmt button{background-color: #e7edff;}
.dark-mode .new_date_selection_field_box_frmt button.selected{background-color: var(--darkPrimaryMain);color: #000;}
.dark-mode .task_view_create_bx #toggleButton_new{   background-color: #c2cbe7;}
.dark-mode select option{background-color: #00070c;color: #fff;border-color: #001524;}
.dark-mode .thismonthholiday{background-color: #001e34;border-color: #012743;}
.dark-mode .thismonthholiday h6{border-color: #012743;}
.dark-mode .daterangepicker td.active, .dark-mode .daterangepicker td.active:hover{background-color: #357ebd !important;border-color: transparent;color: #000000;}
.dark-mode .tab-pane select.form-control{background-color: #001b2e;  border-color: #002a48;color: #fff;}
.dark-mode .supportCreateBox .form-control[type=file]{filter: invert(1) hue-rotate(180deg); background-color: #cae8ff; border-color: #d1ebff;}
.dark-mode .viewTicketBg{background-color: var(--darkmode-primary) ; border-color: var(--darkmode-primary) ;}
.dark-mode .viewTicketBg .headFirstBox{border-color: #262626;box-shadow: none;background-color: #001524;}
.dark-mode .headFirstBox h4{color: #bfbfbf;}
.dark-mode .status-dropdown{filter: invert(1) hue-rotate(180deg);box-shadow: none;}
.dark-mode .viewTicketBg .headSecondBox{border-color: #262626;box-shadow: none;background-color: #001524;}
.dark-mode .headSecondBox_reply h4{background-color: transparent;color: #fff;border-color: #383838;}
.dark-mode .headSecondBox_reply { border: 1px #3b3a3a solid;}
.dark-mode .headSecondBox h4{color: #fff}
.dark-mode .headSecondBox_reply .ck-editor{filter: invert(1) hue-rotate(180deg)}
.dark-mode .supportCreateBox .ck.ck-toolbar { background: #dff2ff;}
.dark-mode .headSecondBox_reply .ck.ck-toolbar { background: #dff2ff;}
.dark-mode .headSecondBox_reply .ck.ck-editor__main>.ck-editor__editable{ background: #dff2ff;color: #000;}
.dark-mode .headSecondBox_reply .refresh_btn{background-color: #3b5f78;  color: #fff;}
.dark-mode .export-dropdow-new{filter: invert(1) hue-rotate(180deg);}
.dark-mode .exportdropdown_viewtype_sec li input[type=checkbox] { filter: invert(1) hue-rotate(180deg);background-color: #141414; border-color: #2c2c2c;}
.dark-mode .exportdropdown_viewtype_sec li input[type=checkbox]:checked{background-color: var(--darkPrimaryMain);}
.dark-mode .export-dropdow-new #exportButton {filter: invert(1) hue-rotate(180deg)}
.dark-mode .view_more_member{background-color: #053b64 !important; border: solid 1px #105b95;color: #ffffff;}
.dark-mode .prj_right_progress_bx .nav_tab.active { background-color: #042c4c;}
.dark-mode .project_tsk_table .form-control { background: #001b30;}
.dark-mode #projectPrivilegeModal .panel-heading{background-color: #d4edff;}
.dark-mode .project-permission .panel-title a{color: #000;}
.dark-mode .project-permission .panel-default .panel-body {background-color: #e3f3ff;}
.dark-mode .prj_dtail_setting_box input { color-scheme: dark;}
/* .dark-mode .dropdown-menu > li > a:hover, .dark-mode .dropdown-menu > li > a:focus, .dark-mode .dropdown-menu > .active > a, .dark-mode .dropdown-menu > .active > a:hover, .dark-mode .dropdown-menu > .active > a:focus{
  background-color: var(--darkmode-primary)  !important;} */
.dark-mode .add-row-btn{background-color: #1d5581; border: solid 1px #3389a7; color: #ffffff;}
.dark-mode .project_tag_view_box .dropdown-menu{background-color: #001d34; border-color: #042c4c !important;}
.dark-mode .project_tag_view_box .dropdown-menu li a{color: #e5e5e5;}
.dark-mode .project_tag_view_box .dropdown-menu li a:hover{background-color: #000f1a !important;}
.dark-mode .project_tag_view_box .dropdown-menu li a i{color: #e5e5e5 !important;}
.dark-mode #project_tag_modal_edit .form-group .form-control{background-color: #dbe1f3 !important; border-color: #ccc !important}
.dark-mode #add-ip .multiselect-container>li>a:hover{background-color: #f3f9ff !important;}
.dark-mode .admin-user-overview-time-bar .first_time_bar .progress-bar-dark::before{ background-color: var(--darkmode-secondary) ;}
.dark-mode .usr_task_view .progress-bar.progress-bar-dark { background-color: #142633;}
.dark-mode .admin-user-overview-col a{color: #8f989d;}
.dark-mode .title-home{color: #cdcdcd;}
.dark-mode .app-footer{background: #010b12;}
.dark-mode .two-col-grid h4{color: #ccc;}
.dark-mode .time_request_popup .modal-footer {  background-color: #0d1922 !important;}
.dark-mode #myModal .modal-footer { filter: invert(1) hue-rotate(180deg);}
.dark-mode .col-splitter .col-md-6:nth-child(even){border-color: #262626 !important;}
.dark-mode .project_filter_box .form-control{background-color: #171d2f;color: #fff;}
.dark-mode  .prj_dtail_setting_box  .form-control{background-color: #00060a !important; color: #fff; border-color: #011a2b !important;}
.dark-mode .poject-table th strong{color: #c3c3c3;}
.dark-mode .left-backlog-collaps{border-color: var(--darkmode-primary)  !important;}
.dark-mode .toggle_task_view .fa-th:before{filter: invert(1);}
.dark-mode .total-task-view-row{background-color: #021e32; border-color: #021e32;}
.dark-mode .absence_calcndr_page .total-task-view-row{background-color: #010e18; border-color: #021e32;}
.dark-mode .absence_clnd_year{background-color: transparent;}
.dark-mode #AtworkUserModal .progress{background-color: #343636;}
.dark-mode #AtworkUserModal .progress.progress-bar-success{background-color: #236a23;}
.dark-mode #AtworkUserModal .progress.progress-bar-task-wrk{background-color: #045ba0;}
.dark-mode .productivity_progress .task_bar_sec_progress .progress{background-color: #112736;}
.dark-mode .productivity_progress .task_bar_sec_progress .progress.progress-bar-success{background-color: #236a23;}
.dark-mode .productivity_progress .task_bar_sec_progress .progress.progress-bar-danger{background-color: #9f1313;}
.dark-mode .productivity_progress .task_bar_sec_progress .progress.progress-bar-warning{background-color: #bfa115;}
.dark-mode .productivity_progress .task_bar_sec_progress .progress.progress-bar-task-wrk{background-color: #045ba0;}
.dark-mode .add-employees-popup.content .button.skip{border: 1px solid #14203e !important; color: #f3faff !important; background-color: #14203e !important;}
.dark-mode .minHourViewSec .progress-view .progress{background-color: #2e2e2e;}
.dark-mode .minHourViewSec label{color: #838383;}
.dark-mode .minHourViewSec{border-color: #1a1a1a;}
.dark-mode .custom_time_view .btn{border-color: #1a1a1a;}
.dark-mode .custom_time_view .dropdown-menu{background-color: #00070c;border-color: #1a1a1a !important;}
.dark-mode .custom_time_view label{border-color: #1a1a1a;color: #838383;}
.dark-mode .custom_time_view hr{border-color: #1a1a1a;}
.dark-mode .geo_ftch_map_section{background-color: var(--darkmode-primary) ;}
.dark-mode .map_user_detail_box{background-color: var(--darkmode-primary) ;}
.dark-mode .geo_fetch_user_log{background-color: var(--darkmode-primary) ;}
.dark-mode .geo_ftch_map_section #map_canvas{filter: invert(1) hue-rotate(180deg);}
.dark-mode .geo_fetch_contant_area th, .dark-mode .geo_fetch_contant_area td{color: #ccc;}
.dark-mode .geo_fetch_contant_area table tr{border-color: #1a2022;}
.dark-mode .geo_fetch_contant_area th{border-color: #1a2022;color: #ccc;}
.dark-mode .geo_fetch_contant_area td{border-color: #1a2022;color: #ccc;}
.dark-mode .location_logs_section .table-pagination-sec{border-color: #1a2022 !important;}
.dark-mode .modal-content .prj_lst_duration_sc .btn-default{background-color: transparent;}
.dark-mode .bill_invoice_dtl_section_content_row .form-control{background-color: transparent;}
.dark-mode .page-title .page-buttons .btn-default {background-color: #375063; border-color: #375063; color: #fff !important;}
.dark-mode .app-usage-indiv .app-usage-indiv2 .btn-default {background-color: #375063; border-color: #375063; color: #fff !important;}
.dark-mode #otherLeavesModal .pop_table_view_tp2 th{color: #383838 !important; border-color: #e5e5e5 !important;}
.dark-mode #otherLeavesModal .pop_table_view_tp2 td{color: #383838 !important; border-color: #e5e5e5 !important;}
.dark-mode .efficiency_view_timeline{background-color: #00070c;color: #ccc;}
.dark-mode .efficiency_view_timeline:before{border-right-color: #00070c}
.dark-mode .timline_filter .multiselect-container .form-control{background-color: #ffffff;color: #000;}
.dark-mode .datepicker table tr td.active.active{color: #2196F3; background-color: rgb(85 128 255 / 23%) !important; border-color: #c8e5ff;}
.dark-mode .project_filter_box_sec .prj_add_tsk_bx .form-control{background-color: transparent;}
/* .dark-mode .project_filter_box_sec .prj_add_tsk_bx .form-control.prj_task_add_box{filter: inherit;} */
/* .dark-mode  .prj_task_loader_focus{background-color: #001728 !important;} */
.dark-mode .ui-widget-content{background-color: var(--darkmode-primary)  !important;color: #ccc !important;padding: 5px !important;border-color: #00070c !important}
.dark-mode .ui-widget-content li:hover{background-color: #02192b !important;border-color: #00070c !important;color: #ccc !important}
.dark-mode .appusage_single .appusage_top_filter_select .btn-default{background-color: transparent;}
.dark-mode .working_on_popup{background-color: var(--darkmode-primary) ;border-color: #00212c;}
.dark-mode .working_top_header_txt{color: #c1c1c1;}
.dark-mode .timer_run_header .select2-container--default .select2-selection--single .select2-selection__rendered{border-color: #3a4c5c;background-color: #eff8ff;}
.dark-mode .timer_run_header .select2-container .select2-selection--single{border-color: #dbeeff !important;background-color: #eff8ff !important;}
.dark-mode .play_ico_header{color: #000;}
.dark-mode .working_on_popup .select2-container{border-color: #001c26;}
.dark-mode .create_prj_task_Btn{border: solid 1px #4e4e4e; color: #ccc;}
.dark-mode .create_prj_task_Btn:hover{background-color: #01233a !important;}
.dark-mode .working_on_popup::before{border-bottom: 20px solid #001b24;}
.dark-mode .show_create_project_div_header_timer label{background-color: var(--darkmode-primary) ;}
.dark-mode .show_create_project_div_header_timer .form-control{background-color: var(--darkmode-primary) ;border-color: #1f3548 !important;}
.dark-mode .show_create_project_div_header_timer{border-color: #142e38;}
.dark-mode .prj_filter_clear_btn .btn-danger{border-color: #2e3233;background-color: #02141c;}
.dark-mode .task-overview-graph #task-overview{position: relative; z-index: 9;}
.dark-mode #modal_edit_task .modal-content .form-control{color-scheme: dark;}
.dark-mode #team_create .select2-container .select2-selection--single{background-color: #151b2b !important; border-color: #151b2b !important; box-shadow: none; padding: 5px 0; height: 39px;}
.dark-mode .card .content p.text-danger{color: #f05050 !important;}
.dark-mode .clandar_clr_infom_box{color: #ccc;}
.dark-mode #assigneeSelectSec .select2-container .select2-selection--single{background-color: #151b2b !important; border-color: #151b2b !important; box-shadow: none;color: #fff;}
.dark-mode #assigneeSelectSec .select2-selection--single .select2-selection__rendered{color: #fff !important;}
.dark-mode .total-time li:before{background-color: #282828;}
.dark-mode .billview_currency_selector .select2-selection{filter: inherit;}
.dark-mode #projectInvoice_modal .select2-container--open .select2-dropdown{filter: inherit;}
.dark-mode .app-aside-folded .navi > ul > li > a:hover span{background-color: var(--darkmode-primary) ;box-shadow: none;}
.dark-mode .app-aside-folded li:hover .nav-sub{background-color: var(--darkmode-primary)  !important;box-shadow: none;}
.app-aside-folded .dark_theme_switcher{left: -60px !important;top: 41px;}
.dark-mode .ck.ck-tooltip .ck-tooltip__text{background: #fff;color: #000;}
.dark-mode select.form-control{color-scheme: dark; filter: invert !important; filter: invert(1) hue-rotate(180deg); border-color: #313131 !important; background-color: #171d2f !important; color: #fff !important;}
.dark-mode select.form-control.readonly{background-color: #181717 !important;}
.dark-mode .flatpickr-calendar.open{z-index: 999999 !important;}
.dark-mode .prj_dtail_setting_box select.form-control{filter: inherit;}
body.dark-mode .flatpickr-calendar {
  filter: invert(1) hue-rotate(180deg)
}
.dark-mode .app-aside, .dark-mode .navbar-header {
  background-color: #010b12 !important;
}
.dark-mode .project_tsk_table > tbody .prj_task_loader_focus td{
  background-color: #171d2f !important;
}
.dark-mode .map_user_detail_box .geo_fetch_contant_area .no-data-found{
  background-color: var(--darkmode-primary) ;
}
.dark-mode .archived_row{background-color: #140606;}
.dark-mode .user_eye_ico{
  box-shadow: 3px 0 10px #111;
  border-radius: 30px;
  background-color: #3e3e3e;
  border: solid 1px #3e3e3e;
}
.dark-mode .user_eye_ico i{
  color: #fff !important;
}
.dark-mode table .archive_user{
  background-color: #222 !important;
  box-shadow: 3px 0 10px #222;
  border: 2px #313131 solid !important;
  color: #fff !important;
}
.dark-mode table .archive_user[style*="background-color: #fbd8d8;border: #FFFFFF 2px solid;"] {
  background-color: #321313 !important;
}
.dark-mode table .archive_user img{
  filter: invert();
}
.dark-mode table .archive_user span{
  color: #fff;
}
.dark-mode .regsiter_usr_lst_fltr .select2-container--default .select2-selection--single{
  background-color: #d5edff !important;
}
.dark-mode .tab-pane #status_filter_box{filter: inherit;}
.dark-mode .detais-save2 .dropdown-menu{
  background-color: rgb(0, 26, 45) !important;
  border: solid 1px #353535 !important;
}
.dark-mode .application-productive-dropdown h3{
  color: #fff !important;
}
.dark-mode .application-productive-dropdown #appcategory{
  filter: inherit;
}
.dark-mode .detais-save2 .dropdown-toggle{background-color: #353f42;}
.dark-mode .prdct_staff_box .progress{background-color: #353535;}
.dark-mode .admin-user-top-sec .table td{border-color: #001b2e;}
.dark-mode .appusage_top_view_sec_load2 .wrapper-md{border-left: 5px #011b2e solid;}
.dark-mode .loadmore_task_kanban_btn{border-color: #15334a;background-color: #1c3344;color: #ccc;}
.dark-mode .table-pagination-sec select.border-style-sec{filter: inherit;background-color: var(--darkmode-secondary) ;border-color: #073354;color: #e7e7e7;}
.dark-mode .customTooltipHeaderIco{background-color: var(--darkmode-primary) ;color: #ccc;box-shadow: none;}
.dark-mode .play_ico_header{background-color: #8fa9bb;}
.dark-mode .project_member_add .form-control{background-color: #fff !important;color: #000000;}
.dark-mode .project_member_add li label:hover{background-color: #000;}
.dark-mode .modal .icon-and-content .list-icon img{filter: invert(1) hue-rotate(180deg);}
.dark-mode #holiday_div .w-box--pane.w-box--alert { background:#3e3931 url(../img/extras/hand.svg) no-repeat 14px 8px; border-color: #3c3221;}
.dark-mode #holiday_div .w-box--pane.w-box--alert .w-box--inner { color: #ffffff;}
.dark-mode .VerifyEmail {background: #283138; border: 1px solid #403d3d}
.dark-mode .VerifyEmail h2, .dark-mode .VerifyEmail h3{color: #cfcfcf;}
.dark-mode .VerifyEmail p{color: #b9b9b9;}
.dark-mode .VerifyEmail h5{color: #b9b9b9;}
.dark-mode .VerifyEmail h4{color: #77c1f9;}
.dark-mode .VerifyEmail-toogle{color: #ffffff !important; background: #6a6a6a; padding: 2px 10px; border: 1px solid #323232;}
.dark-mode .feature_in_highplan_text{color: #fff; font-size: 13px; background-color: #02121cab; height: 100%; top: 0;}
.dark-mode .appusage_single .feature_in_highplan_text{font-size: 12px;height:85%;}
.dark-mode .current_task_time_over.current_task_view{background-color: #2c0e0e !important;border: solid 3px #2c0e0e !important;}
.dark-mode .thismonthholiday_row strong{color: #e7e7e7;}
.dark-mode .pagination_cntr #pagination_limit{background-color: var(--darkmode-secondary) ; color: #e7e7e7; border: solid 1px #073354;}
/* .dark-mode .app-content .page-heaad-picker2 .team_select{background-color: #e5f4ff !important; border-color: #e5f4ff !important; color: #000 !important;} */
.dark-mode .quick_task_bill_on.active span{color: var(--darkPrimaryMain) !important;}
.dark-mode #board_member_table.project_tsk_table{background-color: transparent;}
.dark-mode .mobile_number_view{border-color: #08283f;}
.dark-mode .padding_both_small hr{border-color: #383737;}
/* .dark-mode .alert-success{color: #abe9ac;background-color: #0b2500;border-color: #0b2500;}
.dark-mode .alert-danger{color: #e3aead;background-color: #250000;border-color: #250000;} */
.dark-mode #MonthlyleaveDetailsModal .panel-body { border-color: #e1e1e1;}
.dark-mode #MonthlyleaveDetailsModal .table-bordered.pop_table_view_tp2 { border-color: #d9d9d9;}
.dark-mode .monthtable_option2 .main-table td, .dark-mode .monthtable_option2 .main-table th{color: #fff;}
.dark-mode .weektable_option2 .main-table td, .dark-mode .weektable_option2 .main-table th{color: #fff;}
.dark-mode .project_fltr_new select.form-control{background-color: #e5f4ff !important; border-color: #e5f4ff !important; color: #000 !important;}
.dark-mode .filter_row_new select.form-control{background-color: #e5f4ff !important; border-color: #e5f4ff !important; color: #000 !important;height: 0px;overflow: hidden;}
.dark-mode #app_modal .detais-save1.grid-30-auto img{filter: invert(1) hue-rotate(180deg);}
.dark-mode .trial-notif-bar-cnt span{color: #aeafb1 !important;}
.dark-mode .task_focus_highlight{background-color: #0e426c !important;}
.dark-mode .onboard_frst_popup .form-wizard{background-color: #00111e;}
.dark-mode .onboar_left_cnt_bx_section h6{color: #d7cfcf;}
.dark-mode .onboar_left_cnt_bx_section{border-color: #002d54;}
.dark-mode .onboard_level_box{border: 2px solid #043458; background-color: #02223a;}
.dark-mode .checkmark{background-color: #2a3946;}
.dark-mode .onboard_level_box:hover{background-color: #0d3654;}
.dark-mode .onboard_level_box.selected{background-color: #243d52;}
.dark-mode .onboard_lst_btn_row{background-color: transparent;}
.dark-mode .note_cls_bx_onboard{color: #c5c1c1;}
.dark-mode #onboardtabview ul{color: #c5c1c1;}
.dark-mode .onboar_left_cnt_bx_section h5{color: #c5c1c1;}
.dark-mode .onboard_frst_popup_head h2{color: #c5c1c1;}
.dark-mode .onboard_lst_btn_row .tab_nav{background-color: #597c02;}
.dark-mode .onboard_lst_btn_row .tab_nav:hover{background-color: #81B504;}
.dark-mode #form_board_tracking .new_date_selection_field_box input{border: solid 1px #4c4b4b;background-color: #202638;}
.dark-mode .new_date_selection_field_box_inp p{color: #f7f7f7;}
.dark-mode .onboard_time_select_box_view .number_field_plus_btn_row button{border-color: #404040;background-color: #202638;}
.dark-mode .onboard_level_box_cnt{color: #c5c1c1;}
.dark-mode .btn_add_team_btn.disabled{background-color: #091e30;}
.dark-mode .workhour_tm_st_bx{background-color: #243d52}
.dark-mode .onboard_time_select_box_view .new_date_selection_field_box_frmt button{background-color: #262c3e;border: solid 1px #423f3f;color: #fff;}
.dark-mode .view_additional_setting_btn{border: 1px #2c2c2c solid;color: #c5c1c1;}
.dark-mode .additional_setting_onboard{border: 1px #343333 solid;}
.dark-mode .onboard_frst_popup .form-column label{color: #c5c1c1;}
.dark-mode .onboard_top_btn_img img{filter: invert(1) hue-rotate(180deg);}
.dark-mode .workhour_tm_st_bx:after{border-bottom: 20px solid #243d52;}
.dark-mode #form_board_tracking p a{color: var(--darkPrimaryMain) !important;}
.dark-mode .onboar_left_cnt_bx_section label { color: #c5c1c1;}
.dark-mode .onboard_frst_popup .text-field{border: solid 1px #0c2d48; background-color: #092034;}
.dark-mode .dashboard_onboard_pending_bar{background-color: var(--darkmode-primary) ;border: solid 1px var(--darkmode-primary) ;}
.dark-mode .dashboard_onboard_pending_bar h2{color: #fff;}
.dark-mode .timer_run_section{background-color: var(--darkmode-primary) ;}
.dark-mode .timer_run_section h4{color: #d7cfcf;}
.dark-mode .timer_run_section::before{background-color: #1a1a1a;}
.dark-mode .timer_run_section img{mix-blend-mode: exclusion; filter: invert(1) hue-rotate(180deg);}
.dark-mode .get_start_view_box{background-color: var(--darkmode-primary) ;}
.dark-mode .get_start_intro_page_box h4{color: #fff;}
.dark-mode .get_start_intro_page_box p{color: #a5a5a5;}
.dark-mode .download-drop-btn ul li a{color: #fff !important;}
.dark-mode .get_start_view_box{border: solid 2px #152836;;background-color: var(--darkmode-primary) ;}
.dark-mode .get_start_intro_page_box h4{color: #ffffff;}
.dark-mode .get_start_intro_page_box p{color: #bdbdbd;}
.dark-mode .get_start_close_btn{-webkit-text-stroke: 2px #fff ;}
.dark-mode .category-chart-sec .dashboard_project_table th {border-bottom: 1px solid #001b30 !important;color: #ccc;}
.dark-mode .category-chart-sec .dashboard_project_table td {border-bottom: 1px solid #001b30 !important;color: #ccc;}
.dark-mode .time-request input[type="checkbox"] {filter: invert(1);}
.dark-mode .time-request input[type="checkbox"]:checked[type="checkbox"] {filter: inherit;}
.dark-mode .no_projectShown_popup{ background-color: #262626;box-shadow: none;}
.dark-mode .no_projectShown_popup span{color: #fff;}
.dark-mode .no_projectShown_popup_sec{background-color: rgb(0 0 0 / 50%)}
.dark-mode .assigned_prj_to_memeber .select2-container.select2-container--open .select2-selection--single{box-shadow: none; position: relative; background-color: #001b2e !important;border: 1px solid #001b2e !important;}
.dark-mode .assigned_prj_to_memeber .select2-container .select2-selection--single{border-color: #1d3242 !important;padding-top: 2px;background-color: #283642 !important;}
.dark-mode .assigned_prj_to_memeber .select2-container .select2-selection--single .select2-selection__rendered{color: #dbdbdb !important;}


.dark-mode .logs_section td{border-color: #021e32 !important;color: #858585;}
.dark-mode .table-pagination-sec{border-color: #021e32 !important;}
.dark-mode .task_new_right_sec select{filter: inherit !important; height: 0;}
.dark-mode .page-heaad1 #team_id_new{filter: inherit !important; }
.dark-mode .invoice-main-sec .filter_box select.form-control{filter: inherit !important;}
.dark-mode .time_request_popup .time_request_pop_time .new_date_selection_field_label p{color: #000;}
.dark-mode .time_request_popup .number_field_plus_btn_row button:hover{color: #000;}
.dark-mode .hourly_work_detail_appusage_timeatwork .popover{background-color: #153e5a; color: #fff;}
.dark-mode .popover.bottom > .arrow:after{border-bottom-color: #00457c;}
.dark-mode .productive_app_usage_list_progress .progress{background-color: #edf1f247;}
.dark-mode #off_req{color: transparent;}
.dark-mode .project_setting_disabled{background-color: #0a131a;    border-color: #18242e !important;}
.dark-mode .project_filter_box_sec .time_pick_ico i { -webkit-text-stroke: 0.3px #2a2727; color: #c1c1c1 !important; font-size: 18px;top: 1px;position: relative;}
.dark-mode #add_member_div .project_member_add .multiselect-container input[type="checkbox"] {filter: invert(1);}
.dark-mode #add_member_div .project_member_add .multiselect-container input[type="checkbox"]:checked[type="checkbox"] {filter: inherit;}
.dark-mode #add_member_div .project_member_add .multiselect-container li.active a{background-color: #033d66 !important;}
.dark-mode #total_idle_time span.timer{color: #ab9310 !important;}
.dark-mode .workTask_box_top_time{color: var(--darkPrimaryMain) !important;}
.dark-mode .working_hr_box:nth-child(2) h3{color: var(--darkPrimaryMain) !important;}
.dark-mode .work_task_rprt_box_cnt h5 span{opacity: 0.8;}
.dark-mode .work_prj_cm_chart_btm_legnd .work_prj_cm_chart_btm_legnd_box:first-child span{background-color: #55730e !important;}
.dark-mode .work_prj_cm_chart_btm_legnd .work_prj_cm_chart_btm_legnd_box:nth-child(2) span{background-color: #034477 !important;}
.dark-mode .work_prj_cm_chart_btm_legnd .work_prj_cm_chart_btm_legnd_box:nth-child(3) span{background-color: #037486 !important;}
.dark-mode .trial-notif-bar-cnt a{background-color: var(--darkPrimaryMain); border: 1px solid #262626;}
.dark-mode .trial-notif-bar-cnt .btn:hover{background-color: #81B504;color: #fff !important;}
.dark-mode .top-grid.top-grid-admin>div .top-grid-img{opacity: 0.7;}
.dark-mode .working_hr_box h3 .lastday_compare{opacity: 0.8 !important;}
.dark-mode .w-box--pane.w-box--alert .w-box--inner{color: #fff;}
.dark-mode .appusage_top_left_work_hour_graph #idlechart{opacity: 0.5;}
.dark-mode .acteff_content h2 span{opacity: 0.7;}
.dark-mode .btn-success{background-color: var(--darkPrimaryMain);border-color: var(--darkPrimaryMain);}
.dark-mode .work-report-graph-totalprdct-percntg strong{color: var(--darkPrimaryMain);}
.dark-mode .grph_total_time_dtl .total_work_time_dv:nth-child(2) strong{color: var(--darkPrimaryMain);}
.dark-mode .progress-bar-success{background-color: var(--darkPrimaryMain)}
.dark-mode #time_data .appusage_top_view_sec_load .admin-user-overview .admin-user-overview-col:last-child .prod_time{opacity: 0.7;}
.dark-mode #time_data .appusage_top_view_sec_load .admin-user-overview .admin-user-overview-col:nth-child(2) .prod_time{opacity: 0.7;}
.dark-mode .desklog-time-bar .progress-bar-success{background-color: var(--darkPrimaryMain);}
.dark-mode .desklog-time-bar .progress-bar-danger{background-color: #87021e;}
.dark-mode .grph_total_time_dtl .total_work_time_dv:first-child strong{opacity: 0.7;}
.dark-mode .grph_total_time_dtl .total_work_time_dv:last-child strong{opacity: 0.7;}
.dark-mode .task_not_4 .task-count-sec strong {color: #9f1313;}
.dark-mode .task-count-sec.task_not_4 strong {color: #9f1313;}
.dark-mode .assignd_view_bx.task_not_4 strong{color: #9f1313;}
.dark-mode .green-dot{background-color: var(--darkPrimaryMain)}
.dark-mode span.red-dot{background-color: #87021e;}
.dark-mode span.orenge-dot{background-color: #ab9310;}
.dark-mode span.light-orange-dot{background-color: #317e31;}
.dark-mode .progress-bar-danger{background-color: #9f1313;}
.dark-mode .project_quick_Stats_box.prjct_tsk_up strong{color: var(--darkPrimaryMain)}
.dark-mode .project_quick_Stats_box.prjct_tsk_down strong { color: #87021e;}
.dark-mode .navbar-btn img{filter: invert(1);}
.dark-mode .hourly_time_work_productive{background-color: #608113}
.dark-mode .hourly_time_work_timeatwork{background-color: #859362;}
.dark-mode .prj_prft_loss{opacity: 0.8;}
.dark-mode .prj_member_ico:nth-child(even){background-color: #415c00;}
.dark-mode .prj_member_ico:nth-child(odd) { background-color: #034b54; }
.dark-mode .project_status_tag{border: solid 1px #343434;}
.dark-mode .project_task_add{background-color: var(--darkPrimaryMain);border-color:var(--darkPrimaryMain) ;}
.dark-mode .task_stop_btn{background-color: #9f1313;}
.dark-mode .btn-danger{background-color: #9f1313;border-color:#9f1313;}
.dark-mode .currnent_task_time_action_sec span{opacity: 1;}
.dark-mode .currnent_task_time_action_sec #currentTaskAssignedTime{color: #ccc;}
.dark-mode .taskPauseBtnRow .btn-pasue-task{color: #000 !important;}
.dark-mode .taskPauseBtnRow .btn-pasue-task:hover{background-color: #68ff6f !important;}
.dark-mode .btn-cancel-task:hover{background-color: #68ff6f !important;color: #000;}
.dark-mode .btn-color-mode-switch>label.btn-color-mode-switch-inner:after{    background: linear-gradient(0deg, #517200 0%, #5a7a0c 100%);}
.dark-mode .app-usage-indiv2 .btn-primary{background-color: var(--darkPrimaryMain);border-color:var(--darkPrimaryMain);}
.dark-mode .page-title .page-buttons a.btn-primary{background-color: var(--darkPrimaryMain) !important;border-color:var(--darkPrimaryMain);}
.dark-mode .table-shifts { background-color: #040404 !important}
.dark-mode .user_parent_section .user_avatar_bg{background-color: var(--darkPrimaryMain)}
.dark-mode .leave_request_table_new input[type="checkbox"] { filter: invert(1);}
.dark-mode .leave_request_table_new input[type="checkbox"]:checked[type="checkbox"]{filter: inherit;}
/* .dark-mode .appusage-user-icon .icon{border: 0;} */
.dark-mode .bill_invoice_dtl_section_head{background-color: var(--darkPrimaryMain)}
.dark-mode .bill_invoice_dtl_section_content_row{position: static !important;}
.dark-mode .show-data{background-color: var(--darkPrimaryMain)}
.dark-mode .round-checkboxes input[type=checkbox]:checked+label{background-color: var(--darkPrimaryMain);border-color:var(--darkPrimaryMain);}
.dark-mode .efficiency_setting_view .setting-checkbox-box{border-color: #2b2b2b;}
.dark-mode .setting-checkbox-box:has(input:checked){background-color: var(--darkPrimaryMain) !important}
.dark-mode .setting-checkbox-input:checked + .setting-box{background-color: var(--darkPrimaryMain) !important;border-color:var(--darkPrimaryMain);border: 0;color: #fff !important;}
.dark-mode .up-in-toggle input:checked + label{background: linear-gradient(0deg, #587c02 0%, #5f8504 100%);}
.dark-mode .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:after{background: linear-gradient(0deg, #587c02 0%, #5f8504 100%);}
.dark-mode .plan-sec .Plan-Details .Plan-Details-container.active h3{background-color: var(--darkPrimaryMain) !important}
.dark-mode .plan-sec .Plan-Details .Plan-Details-container.active{border-color: var(--darkPrimaryMain);}
.dark-mode .right_setting_tab_view #nextButton.btn-primary{background-color: var(--darkPrimaryMain) !important}
.dark-mode .project-card-text h5{color: var(--darkPrimaryMain) !important;}
.dark-mode .prj_deadline_prgs{background-color: #525252;}
.dark-mode .project_view_btm_info:first-child .project_view_btm_info_dot{background-color: var(--darkPrimaryMain) !important}
.dark-mode .task_auto_running_show_popup_btn1{background-color: var(--darkPrimaryMain)}
.dark-mode #time_data .admin-user-overview .productive_time .prod_time{color: var(--darkPrimaryMain) !important;}
.dark-mode .count_timeline_box_image img{opacity: 0.7;}
.dark-mode .appusage_top_timehour_graph #idlechart{opacity: 0.7;}
.dark-mode .table.calendar{background-color: #000f1a;}
.dark-mode #arrivaltime.my_dashboard_panel_time_total_sc strong{color: var(--darkPrimaryMain) !important;}
.dark-mode .appusage_top_timehour_graph .grph-btm-details .text-center:first-child h4 span{color: #ab9310;}
.dark-mode .appusage_top_timehour_graph .grph-btm-details .text-center:nth-child(2) h4 span{color: #648b08;}
.dark-mode .task_not_8 .task-count-sec strong{color: #9f7d00;}
.dark-mode .task_not_8 .progress-bar-avarage{background-color: #9f7d00;}
.dark-mode .task-count-sec.task_not_8 strong{color: #9f7d00;}
.dark-mode .progress_bar_section .progress-bar-avarage{background-color: #9f7d00;}
.dark-mode .btm_prj_sec .productivity-graph #npnchart{opacity: 0.7;}
.dark-mode .task-count-sec.task_not_10 strong{color: var(--darkPrimaryMain) !important;}
.dark-mode .admin-user-overview-col.productive_time span.prod_time{color: var(--darkPrimaryMain) !important;}
.dark-mode .task_not_10 .task-count-sec strong{color: var(--darkPrimaryMain) !important;}
.dark-mode #top_section.overview-container.appusage_single {background-color: var(--darkmode-primary); border-color: var(--darkmode-primary);  }
.dark-mode .w-box--inner .legend{background-color: #000f1a;}
.dark-mode #top_section.overview-container.appusage_single .progress-bar-dark::before{background: #002036;}
.dark-mode .appusage_single .total-task-view-row{background-color: transparent !important;}
.dark-mode .appusage_top_view_sec .project_progress .ongoing-bar{background-color: #354244 !important;}
.dark-mode .desklog-time-bar .progress-bar-warning{background-color: #ab9310;}
.dark-mode .up_arrow_tsk{opacity: 0.7;}
.dark-mode .ongoing-bar {background-color: #33474a !important;}
.dark-mode #top_section.overview-container.appusage_single .app-usage-indiv2 .btn-primary{background-color: transparent;}
.dark-mode .holiday_cldr strong{color: #eb4064;}
.dark-mode .transferOwnershipBtn img{opacity: 1; filter: invert(1);}
.dark-mode .thismonthholiday_row{border-color: #233a4c;}
.dark-mode .dashboard_top_workhour{opacity: 0.8;}
.dark-mode .dasboard_top_section .dash_box1 .timer{opacity: 0.7;}
/* .dark-mode .appusage-view1 .clock_in_td{opacity: 0.8;color: #ffffff;}
.dark-mode .appusage-view1 .clock_out_td{opacity: 0.8;color: #ffffff;} */
.dark-mode .project_quick_Stats_box .down_arrow_tsk{opacity: 0.7;}
.dark-mode .assignd_view_bx.task_not_8 strong{   color: #9f7d00;}
.dark-mode .assignd_view_bx.task_not_10 strong{color: var(--darkPrimaryMain) !important;}
.dark-mode  .task_done_btn{background-color: var(--darkPrimaryMain) !important;}
.dark-mode #taskDtlDn{opacity: 0.7;}
.dark-mode .prj_dtl_over_top_box #billabeltask{opacity: 0.7;}
.dark-mode .task-overview-graph #task-overview{opacity: 0.7;}
.dark-mode .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:after{opacity: 0.9;}
.dark-mode #ajax_response.alert-success{opacity: 0.7;}
.dark-mode .task_bar_sec_progress{opacity: 0.7;}
.dark-mode .sub_task_view_table{border-color: #d7d7d759 !important;}
.dark-mode .sub_task_view_table:after{opacity: 0.7;}
.dark-mode .sub_task_view_table::before{opacity: 0.2;}
.dark-mode .attendence_rprt .table-striped td:nth-last-child(5) {opacity: 0.7;}
.dark-mode .attendence_rprt .table-striped td:nth-last-child(6) {opacity: 0.7;}
.dark-mode .attendence_rprt .table-striped td:nth-last-child(7) {opacity: 0.7;}
.dark-mode .attendence_rprt .table-striped td:nth-last-child(8) {opacity: 0.7;}
.dark-mode .request_apply_date_view{color: #000;}
.dark-mode .time_request_pop_time label{color: #000;}
.dark-mode .new_date_selection_field_box input{color: #000;}
.dark-mode .close_project_show{background: #bf9c9c;}
.dark-mode .new_date_selection_field_box_frmt button{color: #464343;}
.dark-mode .time_request_pop_time .number_field_plus_btn_row button{color: #464343;}
.dark-mode .time-request td a.btn{opacity: 0.7;}
.dark-mode .time-request td i.fa-bars{opacity: 0.7;}
.dark-mode #allApproveRejectSec .btn{opacity: 0.7;}
.dark-mode .over_view_dnd_chart{opacity: 0.7;}
.dark-mode .progress .progress-bar{opacity: 0.7;}
.dark-mode .user_avatar_bg{background-color: var(--darkPrimaryMain) !important;}
.dark-mode #viewallmember .prj_member_ico{filter: invert(1) hue-rotate(180deg);color: #fff;}
/* .dark-mode .project-data-box .list-icon-head i{opacity: 0.7;} */
.dark-mode .holiday_span { color: #9d2727d4 !important;}
.dark-mode .away.vacation, .dark-mode .circle.vacation, .dark-mode .dot.vacation{opacity: 0.7;}
.dark-mode .away.conference, .dark-mode .circle.conference, .dark-mode .dot.conference{opacity: 0.7;}
.dark-mode .table .btn-primary{background-color: #00345c;border-color: #00345c;}
.dark-mode .billview_section_top_logo img{filter: invert(1) hue-rotate(180deg);}
.dark-mode .add_time_mnl{background-color: #f1f1f12b;}
.dark-mode .appusage_single .app-usage-page-dateselect .btn-primary{background-color: transparent;}
.dark-mode .dark_color_opacity{opacity: 0.7;}
.dark-mode .admin-user-overview .down_arrow_tsk{opacity: 0.7;}
.dark-mode .bootstrap-datetimepicker-widget{filter: invert(1) hue-rotate(180deg);background-color: #000000;}
.dark-mode .bootstrap-datetimepicker-widget table td span{background-color: #242424;color: #fff;}
.dark-mode .full_name {color: #6399b7;}
.dark-mode .team_filter_in_team_page{background: #01111c;}
.dark-mode .team_filter_in_team_page .btn-default{background-color: #12222f; border-color: #12222f;color: #fff;}
.dark-mode .team_filter_in_team_page .btn-default span{color: #ccc;}
.dark-mode .team_filter_in_team_page .multiselect-container.dropdown-menu.show{filter: invert(1) hue-rotate(180deg);}
.dark-mode .team_filter_in_team_page .input-group-btn .btn-default{background-color: #cdcdcd; border-color: #cdcdcd;}
.dark-mode .admin-user-overview-time-bar .user_timeline_new_time_line_srcl .progress .progress-bar{opacity: 1;}
.dark-mode .desklog-time-bar .progress-bar-off-pending{background-color: #317e31; color: #317e31;}
.dark-mode #user_home .alert-success{opacity: 0.7;}
.dark-mode .appusage_top_view_sec_load2 .admin-user-overview .admin-user-overview-col .prod_time{opacity: 0.7;}
.dark-mode .appusage_top_view_sec_load .admin-user-overview .admin-user-overview-col .prod_time{opacity: 0.7;}
.dark-mode .weektable_option2 td span{opacity: 0.7;font-weight: 600;}
.dark-mode .monthtable_option2 td span{opacity: 0.7;font-weight: 600;}
.dark-mode .need-install{opacity: 0.7;}
.dark-mode .appusage_top_view_sec_load2 .admin-user-overview-col{border-color: #343434;}
.dark-mode .monthtable_option2 .popover.bottom{background-color: #001b2e;}
.dark-mode .weektable_option2 .popover.bottom{background-color: #001b2e;}
.dark-mode .prdocutivity_sec .list-heading{opacity: 0.7;}
.dark-mode .app_category_app_using_users_dtl_box{background-color: var(--darkmode-popColor);border-color: var(--darkmode-popColor);}
.dark-mode .this_app_using_users_view h4{color: #fff;border-color: #1b2c3a;}
.dark-mode .app_category_app_using_users_dtl_box table th, .dark-mode  .app_category_app_using_users_dtl_box table td{color: #ccc;border-color: #383838;}
.dark-mode .app_using_users_view_pop_close{border-color: #1b2c3a;}
.dark-mode .tag_view_dsgn_jira_cnt{background-color: #b3cee7;}
.dark-mode .jira_usr_setup .download_sample_user_lst_bx { background-color: #d8d9db; margin: 10px 0;}
.dark-mode .multitask_ass_delete:before{border-bottom: 10px solid #a1a1a1;}
.dark-mode .team_view_page_sec{background-color: #0a0a0a8a; border: solid 1px #3e3e3e8a;}
.dark-mode .team_filter_in_team_page .btn-group > .btn:first-child{border-color: #303030;}
.dark-mode .team_filter_in_team_page .filter_hd_n{background-color: #01111c;}
.dark-mode .generated_files_download_delete_btn_row a{filter: invert(1) hue-rotate(180deg)}
.dark-mode input[type="number"]::-webkit-inner-spin-button,
.dark-mode input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.dark-mode input[type="number"] {
    -moz-appearance: textfield;
}
.dark-mode .table_row_mob thead td {
  border-color: #11212c;
  color: #ccc;
}
.dark-mode .download_app_popup {
  background-color: #0d2232;
  border-color: #2e2e2e;
}
.dark-mode .download_app_popup_desktop_sec li{
  border-color: #2e2e2e;
}
.dark-mode .download_app_popup_desktop_sec li a{color: #ccc;}
.dark-mode .download_app_popup h4, .dark-mode .download_app_popup h5{color: #fff;}
.dark-mode #aside.app-aside .download_app__btn_left_menu{
  color: #a1a1a1;
  border-color: #031624;
  cursor: pointer;
  background-color: #002036;
  z-index: 5;
}
.dark-mode .close_app_pop i {
  -webkit-text-stroke: 2px #1e394e;
}
.dark-mode #zoomimg .modal-body .container img{filter: invert(1) hue-rotate(180deg)}
.dark-mode .dashboar_top_left_sec .work-report-graph-container #myChart{opacity: 0.7;}
.dark-mode .prj_overview_billtask .breakflltab #task-overview{opacity: 0.6;}
.dark-mode .prj_overview_billtask .billable_tast_view_graph #billabeltask{opacity: 0.7;}
.dark-mode .prj_overview_bx .graph_prj_box #taskDtlDn{opacity: 0.6;}
.dark-mode .project_task_view_row .project-overview-graph #projectoverview{opacity: 0.7;}
.dark-mode .btm_prj_sec .work_project_comparison #workprojectbardiv #draw_workProject_bar{opacity: 0.7;}
.dark-mode .work_project_comparison #block_workprojectbardiv #workprojectbardiv #draw_workProject_bar{opacity: 0.7;}
.dark-mode #block_workprojectbardiv .work_task_rprt_box .work_task_rprt_box_cnt #total_time_at_work{color: #5f8700 !important;}

.dark-mode .inactive_detect_added_category_bx{border-color: #303030;}
.dark-mode .inactive_detect_added_list_table th{border-color: #303030;color: #ccc;}
.dark-mode .inactive_detect_added_category_bx_scrl_row td{border-color: #303030;color: #ccc;}
.dark-mode #engagedInactivityDetection .btn-group .dropdown-toggle{background-color: #092538 !important;border-color: var(--darkmode-secondary) !important;color: #cfcfcf !important;}
.dark-mode #engagedInactivityDetection .btn-group .multiselect-container{filter: invert(1) hue-rotate(180deg);}
.dark-mode #engagedInactivityDetection .btn-group .multiselect-container label{color: #343434;}
.dark-mode #engagedInactivityDetection .btn-group .multiselect-container .form-control{background-color: #f0f9ff !important;border-color: #d9d9d9 !important;color: #000000;}
.dark-mode #AtworkUserModal #atworkLoader{filter: invert(1) hue-rotate(180deg);}
.dark-mode .new_loader_view{background-color: rgb(0 0 0 / 60%);}
.dark-mode .export_lst_dv_sec input[type="number"]::-webkit-inner-spin-button,
.dark-mode .export_lst_dv_sec input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: auto;margin: 0;}
.dark-mode .export_lst_dv_sec input[type="number"] {-moz-appearance: auto;}
.dark-mode #company_leave::-webkit-inner-spin-button,
.dark-mode #company_leave::-webkit-outer-spin-button,
.dark-mode input[type="number"].dflt-leave-type-count::-webkit-inner-spin-button,
.dark-mode input[type="number"].dflt-leave-type-count::-webkit-outer-spin-button,
.dark-mode input[type="number"].paid-leave-type-count::-webkit-inner-spin-button,
.dark-mode input[type="number"].paid-leave-type-count::-webkit-outer-spin-button,
.dark-mode input[type="number"].paid-leave-type-count-all::-webkit-inner-spin-button,
.dark-mode input[type="number"].paid-leave-type-count-all::-webkit-outer-spin-button {-webkit-appearance: auto;margin: 0;}
.dark-mode #company_leave,
.dark-mode input[type="number"].dflt-leave-type-count,
.dark-mode input[type="number"].paid-leave-type-count,
.dark-mode input[type="number"].paid-leave-type-count-all {-moz-appearance: auto;}
.dark-mode #company_leave,
.dark-mode input[type="number"].dflt-leave-type-count {color-scheme: dark;}
.dark-mode .total-pay-sec .total-box-img{background: #011d32;box-shadow: 0px 2px 10px #011422;border: 2px solid rgb(2 51 88);color: #fff;}
.dark-mode .total-pay-sec .avg-text-sec h5{color: #fff;}
.dark-mode .total-pay-sec .avg-text-sec h6{color: #fff;}
.dark-mode .total-pay-sec .total-pay h5{color: #fff;}
.dark-mode .total-pay-sec .total-time-sec strong{color: #fff;}
.dark-mode .demo-pop-left .main-log {filter: invert(1) hue-rotate(180deg);}
.dark-mode .modal-awards{filter: invert(1) hue-rotate(180deg);}
.dark-mode .right_setting_tab_view .efficiency_setting_view .setting-checkbox-box .setting-box{background-color: transparent;color: #fff !important;}

.get_start_darkmd_img{display: none;}
.dark-mode .get_start_lightmd_img{display: none;}
.dark-mode .get_start_darkmd_img{display: inline-block;}

.dark-mode .onboard_frst_popup #form_board_tracking .onboar_left_cnt_bx .new_date_selection_field_box input {
  border: solid 1px #4c4b4b4d;
  background-color: #05233d30;
  color: #fff;
}
.dark-mode .onboard_frst_popup .onboar_left_cnt_bx .number_field_plus_btn_row button {
  border-color: #00142529;
  background-color: #002c5185;
}
.dark-mode .onboard_frst_popup .onboar_left_cnt_bx .new_date_selection_field_box_frmt button{
  border-color: #00142529;
  background-color: #002c5185;
}
.dark-mode .get_start_intro_page_img img{
  border-color: #1a2b39;
  box-shadow: none;
}
.dark-mode .start-time-btn{background-color: var(--darkPrimaryMain);}
.dark-mode .step_onboard.done{background-color: var(--darkPrimaryMain);}
.dark-mode .tab_nav.done{background-color: var(--darkPrimaryMain);}
.dark-mode .get_start_intro_btn{background-color: var(--darkPrimaryMain);}
.dark-mode .create_user_btn_timeline{background-color: var(--darkPrimaryMain);}
.dark-mode .creat_tm_usr_btn{background-color: var(--darkPrimaryMain);}
.dark-mode .step_onboard{background-color: #ebebeb52;}
.dark-mode .timer_run_section .row>.col-md-6:last-child::before{background-color:#eef6f90d;}
.dark-mode .active_app_usge_txt_dv{background-color: #00203a;box-shadow: none;color: #fff;}
.dark-mode .timer_run_section .row>.col-md-6:first-child::before{background-color: transparent;}
.dark-mode .table.calendar tbody td.past span{color:#676868 !important}
.dark-mode .leave_page_view {background-color: transparent !important;}
.dark-mode .leave_page_view .table-shifts {background-color: #010e18 !important;}
.dark-mode #administration .btn-group .dropdown-toggle { background-color: #092538 !important;border-color: var(--darkmode-secondary) !important;color: #cfcfcf !important;}
.dark-mode #administration .btn-group .multiselect-container { filter: invert(1) hue-rotate(180deg); }
.dark-mode #administration .btn-group .multiselect-container label{color: #343434;}
.dark-mode #administration .btn-group .multiselect-container .form-control{background-color: #f0f9ff !important; border-color: #d9d9d9 !important; color: #000000;}
.dark-mode #administration .custom-checkbox{color: #ccc;}
.dark-mode .leave_page_view .table.calendar tbody td{background-color: #010e18;}
.dark-mode .leave_page_view .table.calendar tbody td button.target:hover{background-color: #022642;}
.dark-mode .working-days .working-days-group .form-control[disabled]{opacity: 0.4;}
.dark-mode #project_tag_modal_add{background-color: #ffffffba;}
.dark-mode #project_tag_modal_edit{background-color: #ffffffba;}
.dark-mode #tagManagement .alert{opacity: 0.8;width: auto;}
.dark-mode .task_timesheet_section{background-color: var(--darkmode-primary);border-color: var(--darkmode-primary);}
.dark-mode .task_timesheet_section .panel_headding{color: #ccc;}
.dark-mode #app_modal .app_category_app_using_users_dtl_box{filter: invert(1) hue-rotate(180deg)}
.dark-mode #app_modal .detais-save2 .dropdown-toggle{filter: invert(1) hue-rotate(180deg)}
.dark-mode #app_modal .detais-save2 .dropdown-menu{filter: invert(1) hue-rotate(180deg)}
.dark-mode .application-productive-dropdown .dropdown-item{opacity: 0.7;}
.dark-mode .application-productive-dropdown select.form-control{background-color: #0a314e !important;}
.dark-mode .app_overview-prdct_staff_box_btn_row .prdct_staff_box_btn{color: #a5a5a5;letter-spacing: 0.5px;}
.dark-mode .table_row_mob table td:first-child{background-color: #010e18;}
.dark-mode .custom_time_view .btn i{color: #367db7;}
.dark-mode .task_timesheet_section .total-task-view-row{    background-color: transparent;}
.dark-mode .timelinePage #team_id{filter: inherit;}
.dark-mode  #user_import_modal .cta-btn button:first-child{background-color: #91b8d7 !important;}
.dark-mode .regsiter_usr_lst_fltr select.form-control{filter: inherit;}
.dark-mode .manual-flip .card{background-color: transparent;}
.dark-mode .page-heaad1 select.form-control{filter: inherit;}
.dark-mode .download_app_popup_desktop_sec .dropdown-toggle{color: #ccc;}
.dark-mode .download_app_popup_desktop_sec .dropdown-menu{background-color: #001b2e; border-color: #062c46 !important}
.dark-mode .bill_invoice_dtl_section_head .billfield_add_option .custom_time_view .btn i{color: #ccc;}
.dark-mode .bill_invoice_dtl_section_head .billfield_add_option .custom_time_view .custom_time_view_drop h5{color: #ccc;}
.dark-mode  #fullSizeImageModal .modal-dialog #fullsizeImage{filter: invert(1) hue-rotate(180deg);}
.dark-mode  .timeline_add_column_btn.project_task_page_add_clmn{border-color: #00213a !important;}
.dark-mode .employee_wellness_module_enable_main_section{background-color: var(--darkmode-primary);border-color: var(--darkmode-primary);}
.dark-mode .employee_wellness_activities_area_box{background-color: var(--darkmode-primary);border-color: var(--darkmode-primary);}
.dark-mode .employee_wellness_break_box{background-color: var(--darkmode-primary);border-color: var(--darkmode-primary);box-shadow: none;border: solid 1px #10324b;}
.dark-mode .employee_wellness_module_label label{color: #fff;}
.dark-mode .employee_wellness_activities_area{border-color: #031f36;background-color: var(--darkmode-primary); box-shadow: none;}
.dark-mode .three-way-toggle{background-color: #012742;}
.dark-mode .three-way-toggle label{color: #8e8e8e;}
.dark-mode .three-way-toggle .slider{background: linear-gradient(0deg, #587c02 0%, #5f8504 100%);color: #fff;}
.dark-mode .three-way-toggle label.active{color: #fff !important;}
.dark-mode .strict_enable_section .employee_wellness_break_box_head_right_time{background-color: #012742;color: #ccc;}
.dark-mode .employee_wellness_activities_area_box .strict_enable_section{border-color: #031f36;}
.dark-mode .employee_wellness_activities_card{background-color: #012742;box-shadow: none;border-color: #152c3e;}
.dark-mode .employee_wellness_activities_card span{color: #fff;}
.dark-mode .employee_wellness_activities_card_btn .dropdown-menu{background-color: #012742;border-color: #012742 !important;}
.dark-mode .employee_wellness_activities_card_btn .dropdown-item:hover{background-color: var(--darkmode-primary);}
.dark-mode .employee_wellness_activities_card_btn{border-color: #39566c !important;}
.dark-mode .employee_wellness_break_box_head h3{color: #fff;}
.dark-mode .employee_wellness_break_box_head{border-color: #39566c !important;}
.dark-mode .employee_wellness_break_box_head_right span{background-color: #012742;border-color: #012742 !important;}
.dark-mode .employee_wellness_break_box_head_right_time select.form-control{background-color: #b6d8f1 !important; border-color: #c5e7ff !important; color: #000 !important;}
.dark-mode .break_box_head_right_time_select_change_btn{background-color: #10324b;color: #ffffff;border: transparent;}
.dark-mode .break_box_head_right_time_select_change_btn:hover{background-color: #2b4d68;}
.dark-mode .employee_wellness_break_box h6{color: #fff;}
.dark-mode .employee_wellness_break_box_cnt .employee_wellness_break_box{background-color: #001f34; box-shadow: none;}
.dark-mode .employee_wellness_break_box_cnt .employee_wellness_break_box .employee_wellness_break_box_delete{box-shadow: none; border-color: #02549d;}
.dark-mode .employee_wellness_activities_area_box.disabled .employee_wellness_break_box{background-color: #0c1820;opacity: 0.7;}
.dark-mode .employee_wellness_activities_area_box.disabled .employee_wellness_activities_card{background-color: #0c1820;opacity: 0.7;}
.dark-mode .border_right_wellness:before{border-color: #39566c !important;}
.dark-mode .order_card_view{background-color: #010e18;border-color: #10324b;color: #fff;}
.dark-mode .order_card_view input{filter: invert(1) hue-rotate(180deg)}
.dark-mode .employee_wellness_break_box_head_right span{color: #ffff;}
.dark-mode .employee_wellness_activities_card_btn{background-color: #081f32;}
.dark-mode .employee_wellness_activities_area h3{color: #fff;border-color: #10324b !important;}
.dark-mode .card-body-insight{background-color: var(--darkmode-thirdBg);box-shadow: none;color: #fff;}
.dark-mode .card-body-insight .card-body-header h4{color: #c1bcbc;}
.dark-mode .insight-highlight-box{background-color: #0d1a12; border-color: #0e2a1a;box-shadow: none;color: #adb8c1;}
.dark-mode .insight-highlight-scroll-div h6{color: #ccc;}
.dark-mode .insight-highlight-box.negative_text{background-color: #ff4a101c;border-color:var(--darkmode-fourthBg);box-shadow: none;color: #adb8c1;}
.dark-mode .vertical_line{border-color: #001b2e;}
.dark-mode .productivity_view_box{border-color: #001b2e;}
.dark-mode .card-body-insight-cnt-new-bx{border-color: #001b2e;}
.dark-mode .prjProfitLst thead {border-color: #001b2e;}
.dark-mode .card-body-insight .progrss-value .progress{background-color: #202020;}
.dark-mode .insight-activity-eff-box{border-color: #001b2e;}
.dark-mode .insight-activity-eff-box-value span{color: #8598a7;}
.dark-mode .insight-activity-eff-box-row{border-color: #001b2e;}
.dark-mode .insight_leave_bar{background-color: #202020;}
.dark-mode .insight-activity-eff-box-row .progress{background-color: #202020;}
.dark-mode .insight-activity-eff-box-row .progress.progress-bar-success{background-color: var(--darkPrimaryMain);}
.dark-mode .insight_app_usge_tbl td{color: #a59f9f;}
.dark-mode .insight_app_usge_tbl th{color: #a59f9f;}
/* .dark-mode .card-body-insight canvas{opacity: 0.7;} */
.dark-mode .prd_nonprd_chart_canvas_ttl h4{color: #ccc;}
.dark-mode .insight_clock_in_out_dtl span{color: #ccc;}
.dark-mode .insight-gauge-container canvas{opacity: 1; filter: contrast(0.5); mix-blend-mode: plus-lighter;}
.dark-mode .move_task_Chk_bx input{filter: invert(1) hue-rotate(180deg)}
.dark-mode .move_task_chkbx{filter: invert(1) hue-rotate(180deg)}
.dark-mode .move_task_project_section_box{background-color: var(--darkmode-fourthBg);color: #fff;}
.dark-mode .move_task_project_section_box .select2-container .select2-selection--single{border-color: #b1c5d5 !important;}
.dark-mode .move_task_project_section_box .select2-container--default .select2-search--dropdown .select2-search__field{color: #000;}
.dark-mode .card-body-insight h4{color: #c9c9c9;}
.dark-mode .insight-activity-eff-box-value img{filter: invert(1) hue-rotate(180deg);opacity: 0.7;}
.dark-mode .prd_nonprd_chart_box{border-color: #012440;}
.dark-mode .show_team_leader_position_box .text-danger{background-color: #2a2a2a;border-color: #2a2a2a;}
.dark-mode .show_team_leader_position_box button{box-shadow: none;}
.dark-mode .task_totl_values_bx h6{color: #c1bcbc;}
.dark-mode .task_totl_values_bx .option_view_1{color: #c1bcbc;}
.dark-mode .ttl_task_dght_box canvas{filter: invert(1) hue-rotate(180deg);}
.dark-mode .task_totl_values_bx .col-md-3 span, .dark-mode  .task_totl_values_bx .col-md-2 span{filter: invert(1) hue-rotate(180deg);}
.dark-mode .move_task_ico.move_task_Chk_bx{border-color: #3b3b3b;}
.dark-mode .move_task_ico.move_task_Chk_bx{border-color: #3b3b3b;}
.dark-mode .move_task_ico.move_task_Chk_bx img{filter: invert(1) hue-rotate(180deg);opacity: 0.7;}
.dark-mode .move_task_Chk_bx_label{background-color: var(--darkmode-popColor);box-shadow: none;color: #fff;}
.dark-mode .move_task_Chk_bx.clicked_active { border: solid 1px #2f3227 !important; background-color: #475b1a; }
.dark-mode .team_ttl_user_cnt{background-color: var(--darkmode-fourthBg);}
.dark-mode .view_team_btn{border-color: var(--darkmode-fourthBg);color: #ccc;}
.dark-mode .new_team_user_box{background-color: var(--darkmode-primary);}
.dark-mode .team_user_cnt_dtl{border-color: #08263c;}
.dark-mode .team_user_btn {background-color: #ffe8e81a;}
.dark-mode .new_team_user_box_cnt {color: #b1b1b1;}
.dark-mode .creatd_date{color: #8f8f8f;}
.dark-mode .team_user_cnt_dtl li{color: #6c6c6c;}
.dark-mode .team_user_cnt_dtl a.btn-link {color: #939393;}
.dark-mode .nodata_insight_section_cnt img{opacity: 0.4;}
.dark-mode .insight-highlight-scroll-div{background-color: #010f1a; border: solid 2px #031f2a;}
.dark-mode .task_volium_box_distrbt{box-shadow: none;border-color: var(--darkmode-fourthBg);}
.dark-mode .task_volium_box_distrbt_ico{filter: invert(1) hue-rotate(180deg);opacity: 0.7;}
.dark-mode .option_view__box_ico{background-color: #faffec0f; border: solid 1px #e5e5e524;}
.dark-mode .option_view__box_ico img{filter: invert(1) hue-rotate(180deg);opacity: 0.7;}
.dark-mode .leader_view{border-color: #3c481d;}
.dark-mode .desklog-time-bar .dark-dot{background-color: #253642;}
.dark-mode .prjProfitLst th {color: #c9c9c9;}
.dark-mode .task_volium_box_distrbt_cnt{color: #7e7c7c;}
.dark-mode .task_volium_box_distrbt_cnt strong {color: #c1bcbc;}
.dark-mode .task_total_number_list_box_cnt h5 {color: #c1bcbc;}
.dark-mode .task_totl_values_bx h6{border-color: #021c30;}
.dark-mode .task_total_number_list_box_ico{filter: invert(1) hue-rotate(180deg);}
.dark-mode .insight_app_usge_tbl td strong{color: #a7a7a7;}
.dark-mode .productivity_view_box h6 span{color: #a7a7a7;}
.dark-mode .insight-head-right-content p{color: #a7a7a7;}
.dark-mode .insight-utlization-value p{color: #a7a7a7;}
.dark-mode .team_prfl_user_options .dropdown-menu{filter: invert(1) hue-rotate(180deg);}
.dark-mode .custom-tooltip-wrapper:hover .custom-tooltip{filter: invert(1) hue-rotate(180deg);color: #000;}
.dark-mode .dashboard_center_show_data_section{background-image: url(../img/dashboard_view_new_user_dark.jpg);}
.dark-mode .dashboard_center_show_data_section p{color: #ccc;}
.dark-mode .disc-list li p{color: #ccc;}
.dark-mode .my_dsesklog_first_img{background-image: url(../img/my_desklog_view_new_user_dark.jpg) !important;}
.dark-mode .today-column{background-color: #061f34 !important;}
.dark-mode .weektable_option2 .today-column{background-color: #061f34 !important;}
.dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months option{background-color: #00070c;color: #fff;}
.dark-mode .not_this_teams_leader_view{border-color: #2a2c25;}
.dark-mode .no_manager_bx img{filter: invert(1) hue-rotate(180deg);}
.dark-mode .no_manager_bx_team img{filter: invert(1) hue-rotate(180deg);}
.dark-mode .no_manager_bx span{background-color: #01111c;color: #fff;}
.dark-mode .no_manager_bx_team {background-color: #041726;color: #fff;}
.dark-mode .no_manager_bx_team span{color: #fff;}
.dark-mode .new_pop_img{ display: none;}
.dark-mode .add_team_member_btn{background-color: #435360; color: #fff;}
.dark-mode .project_member_ico_bx{border-color: #3a3a3a;}
.dark-mode .sort_task_btn{border-color: #3b3b3b;}
.dark-mode .sort_task_btn img{filter: invert(1) hue-rotate(180deg)}
.dark-mode .sort_task_btn .dropdown-menu{filter: invert(1) hue-rotate(180deg)}
.dark-mode .sort_task_btn.active{border: solid 1px #2f3227 !important;background-color: #475b1a;}
.dark-mode .my_task_flter .sort_task_btn{border-color: #cdcaca;}
.dark-mode .my_task_flter .sort_task_btn img{filter: inherit}
.dark-mode .my_task_flter .sort_task_btn.active{border: solid 1px #cad3b1 !important;background-color: #c2d78f;}
.dark-mode .my_task_flter .sort_task_btn .dropdown-menu{filter: inherit;}
.dark-mode .sort-options.active a{color: #000000 !important;}
.dark-mode .email_config_row_bx .btn-default{background-color: #092538 !important;border-color: var(--darkmode-secondary);color: #ccc !important;}
.dark-mode .email_config_row_bx  .multiselect-container{background-color: var(--darkmode-popColor);border-color: var(--darkmode-popColor) !important;}
.dark-mode .email_config_row_bx  .multiselect-container label{color: #fff;}
.dark-mode .email_config_row_bx  .multiselect-container a:hover{background-color: #002c4e !important;}
.dark-mode span.prj_filter_head{background-color: #010e18; color: #a19b9b !important;border-color: #0c2a42;}
.dark-mode .confirm_modal_Cnt_img{display: none;}
.dark-mode .inactive_detect_added_category_bx_hd_div a{border: solid 1px #092538;color: #ccc !important;background-color: #092538;}
.dark-mode #confirmationModal h3{color: #000;}
.dark-mode #confirmationModal #confirmUpdate{filter: invert(1) hue-rotate(180deg)}
.dark-mode .advanced_prct_new_bx #borad_member_div .project_member_add li label:hover {background-color: #cdcdcd !important;}
.dark-mode .insight_last_btm_boxes tbody tr{border-color: #102434 ;}
.dark-mode .ttl_task_all_comparison_text{color: #ccc;}
.dark-mode .option_view_1_ico img{filter: invert(1) hue-rotate(180deg);opacity: 0.7;}
.dark-mode .task_total_values_cnt_col:last-child:before{border-color: #102434 ;}
.dark-mode .suspicious_activity_label{background-color: #3a0404; color: #ffffff;}
.dark-mode .screenshot_view_suspicious_ico img{opacity: 0.8;}
.dark-mode .managerModalStyle .btn-primary{filter: invert(1) hue-rotate(180deg)}
.dark-mode .team_managers_view span{color: #ccc;}
.dark-mode .managerModalStyle{background-color: #ffffffa3;color: #3a3a3a;}
.dark-mode .managerModalStyle .btn-group{filter: invert(1) hue-rotate(180deg);position: relative;z-index: 5;}
.dark-mode .team_prfl_user_options{color: #242424;}
.dark-mode .team_prfl_user_options .dropdown-toggle{color: #8b8b8b;}
.dark-mode .project_fltr_view_box{border: solid 1px #051f32; background-color: #011320; box-shadow: none;}
.dark-mode .project_filter_sec.active{background-color: #002440;border-color: #002440 !important;}
.dark-mode .project_filter_sec.active .prj_details_filter_bx.filter_close .filter_ico_prj_task{border: solid 1px #2f3227 !important;background-color: #475b1a;}
.dark-mode .table_row_mob .table-bordered > thead > tr > th{border-color:#002440 !important;}
.dark-mode .managerModalStyle .modal-content .btn-default { background-color: #0d1630; border-color: #0d1630; color: #979797 !important; }
.dark-mode .managerModalStyle .multiselect-container{filter: invert(1) hue-rotate(180deg);z-index: 99;}
.dark-mode .managerModalStyle .modal-content .multiselect-container .btn-default{background-color: #dbe1f3;border-color: #ccc;}
.dark-mode #register-team #select2-lead_by-container { line-height: 27px; }
.dark-mode #register-team .button.skip{border: 1px solid #aebde3 !important; color: #000000 !important; background-color: #bac7e7 !important;}
.dark-mode #register-team .button.send{background-color: #8ecdff !important; border-color: #8ecdff !important; color: #000 !important;}
.dark-mode .table_row_mob table th:hover .filer_up_arrow_ico a i{color: #666;}
.dark-mode .table_row_mob table .filer_up_arrow_ico a.active-sort{background-color: #010e18;}
.dark-mode .export-fields-row .export_list_row span{color: #ccc;}
.dark-mode .export-fields-row .export_list_row{border-color: #083050;}
.dark-mode select.form-control{background-image: url(../img/dropdown-ico-darkmode.png);background-repeat: no-repeat; appearance: none;background-position: calc(100% - 10px) center;background-size: 10px;}
.dark-mode .restriction_select .multiselect.dropdown-toggle{background-color: #092538 !important;border-color: var(--darkmode-secondary) !important;color: #fff !important;}
.dark-mode #confirmationModal{background-color: rgb(255 255 255 / 40%);}
.dark-mode .restriction_select .multiselect-container{filter: invert(1) hue-rotate(180deg)}
.dark-mode .restriction_select .multiselect-container .multiselect-search{filter: invert(1) hue-rotate(180deg);background-color: #080808 !important; border: #333333 solid 1px !important;}
.dark-mode .paid_leav_fltr_bx .slider{background-color: #444141;}
.dark-mode .leave_report_year_date_fltr_col .timer{color: #858181;}
.dark-mode::-webkit-scrollbar-track {background-color: #3c3c3c;}
.dark-mode::-webkit-scrollbar-thumb { background-color: #464646; border: 3px solid #979797; }
.dark-mode .existing-managers-list::-webkit-scrollbar-track {background-color: #3c3c3c;}
.dark-mode #register-team .form-group span.error{color: #7e3131;}
.dark-mode .team_prfl_card_options .dropdown-menu{background-color: #001b30; border-color: #062f4f !important; color: #ccc !important;}
.dark-mode .team_prfl_card_options .dropdown-menu::before{border-bottom: 10px solid #022540;}
.dark-mode #floatingProductivityBox{filter: invert(1) hue-rotate(180deg)}
.dark-mode #floatingProductivityBox .btn-success{filter: invert(1) hue-rotate(180deg)}
.dark-mode #changeBulk{filter: invert(1) hue-rotate(180deg)}
.dark-mode #changeBulk .btn-success{filter: invert(1) hue-rotate(180deg)}
.dark-mode .existing-manager-item .delete-confirmation a:last-child{background-color: #706e6e;}
.dark-mode .existing-manager-item .delete-confirmation:before{border-bottom: 10px solid #8d8888;}
.dark-mode .custom-modal-box{background-color: var(--darkmode-popColor);}
.dark-mode .custom-modal-box #modalTeamName{background-color: var(--darkmode-primary);color: #ccc;border-color: var(--darkmode-primary);}
.dark-mode .custom-modal-box .btn-group{filter: invert(1) hue-rotate(180deg)}
.dark-mode .wellnessAlert{color: #a78750; background-color: #222222; border-color: #222222; box-shadow: none !important;}
.dark-mode .copy_task_project_section_box { background-color: var(--darkmode-fourthBg); color: #fff; }
.dark-mode .copy_task_project_section_box .select2-container .select2-selection--single { border-color: #b1c5d5 !important; }
.dark-mode .copy_task_chkbx{filter: invert(1) hue-rotate(180deg);}
.dark-mode .copy_task_ico.move_task_Chk_bx{border-color: #3b3b3b;}
.dark-mode .copy_task_ico.move_task_Chk_bx .fa{color: #adadad;}
.dark-mode .copy_task_Chk_bx_label { background-color: var(--darkmode-popColor); box-shadow: none; color: #fff; }
.dark-mode .reccuringTask img {width: 21px;opacity: 1;filter: invert(1) hue-rotate(180deg);}
.dark-mode .reccuringTaskBox{background-color: #000000; border: solid 1px #212121;}
.dark-mode .reccuringTaskBox .reccuringTaskBoxrow input.form-control{background-color: #04121c !important; border-color: #04243b !important;color: #fff !important;}
.dark-mode .reccuringTaskBox .reccuringTaskBoxrow select.form-control{filter: inherit !important; background-color: #04121c !important; border-color: #04243b !important;color: #fff !important;}
.dark-mode .reccuringTaskBoxSelect span.reccuringTaskBoxSelectRound{background-color: #1a3c56;color: #e5e5e5 !important;}
.dark-mode .reccuringTaskBoxSelect span.reccuringTaskBoxSelectRound.active{background-color: #5f8504;color: #fff !important;}
.dark-mode .reccuringTaskBoxSelect span.reccuringTaskBoxSelectRound:hover{background-color: #3e4b1e;color: #fff !important;}
.dark-mode .reccuringTaskBoxSelect span.reccuringTaskBoxSelectRound:active{background-color: #54574a;color: #fff !important;}
.dark-mode .reccuringTaskBtnCancel{background-color: #1a3c56; color: #ccc !important; border-color: #1a3c56;}
.dark-mode .reccuringTaskBoxInner span.reccuringTaskBoxTitle{color: #d7d7d7 !important; border-color: #173750;}
.dark-mode .reccuringTaskBox::before{border-bottom: 20px solid #000000;}
.dark-mode .reccuringTask2 img{width: 18px;opacity: 1;filter: invert(1) hue-rotate(180deg);}
.dark-mode .reccuringTaskBtnSave{background-color: #5d8305 !important;color: #fff !important;border: 0;}
.dark-mode .show_recurring_tasks{background-color: #20374a; border: solid 1px #404040;}
.dark-mode .show_recurring_tasks img{filter: invert(1) hue-rotate(180deg);}
.dark-mode .showReccuringTaskShowRow{color: #000;}
.dark-mode .showReccuringTaskShowCard_head{color: #000;}
.dark-mode .wellness_nodata_div img{opacity: 0.5;}
.dark-mode .attendanceMailUsersList table th{background-color: #012742; color: #fff;  border-color: #0b2f4c !important;}
.dark-mode .attendanceMailUsersList table th, .dark-mode  .attendanceMailUsersList table td{color: #ccc;  border-color: #0b2f4c !important;}
.dark-mode .filter_row_screenshot_individual{background-color: var(--darkmode-primary);border-color:var(--darkmode-fourthBg)}
.dark-mode .filter_row_screenshot_individual .filter-select{background-color: var(--darkmode-popColor) !important;filter: inherit;}
.dark-mode .sreenshot_view_sec .filter-select{background-color: var(--darkmode-popColor) !important;filter: inherit;border-color: #031b2c !important;}
.dark-mode .reccuringDateSelector #monthlyDateSelect{border-color: #133048;background-color: #04121c;}
.dark-mode .reccuringDateSelector a{background-color: transparent;color: #fff;}
.dark-mode .new_nav_option_icon{background-color: #a4dd0b;filter: invert(1) hue-rotate(180deg);}
.dark-mode .reccuringTaskBox2 .reccuringTaskBoxInner{background-color: var(--darkmode-popColor);}
.dark-mode .reccuringTaskBoxrow label{color: #ccc;}
.dark-mode .reccuringTaskBox2TaskName{background-color: #122b3d !important;border-color: #04243b !important;color: #fff !important;}
.dark-mode .reccuringTaskBox2_close{-webkit-text-stroke: 1.5px #0c1f2e;}
.dark-mode .reccuringTaskBtnDelete_confirm{background-color: var(--darkmode-popColor);}
.dark-mode .reccuringTaskBtnDelete_confirm .btn-default {color: #eeeeee !important; background-color: #1a3b4a; border-color: #1a3b4a !important;}
.dark-mode .copy_task_ico{border-color: #3b3b3b;}
.dark-mode .copy_task_ico .fa{color: #999999;}
.dark-mode .copy_task_ico.clicked_active {border: solid 1px #2f3227 !important;background-color: #475b1a;}
.dark-mode .reccuringTaskTimepicker .new_date_selection_field_box{background-color: #04121c !important; border-color: #04243b !important;color: #fff !important;box-shadow: none;}
.dark-mode .reccuringTaskTimepicker .new_date_selection_field_box input { background-color: #04121c; color: #fff; border-color: #04243b;}
.dark-mode .reccuringTaskTimepicker .number_field_plus_btn_row button{ background-color: #071e2e; border-color: #062e4a !important;}
.dark-mode .reccuringTaskTimepicker .new_date_selection_field_box_frmt button{background-color: #12334a; border-color: #18415e; color: #fff !important;}
.dark-mode .reccuringTaskTimepicker .new_date_selection_field_box_frmt button.selected {background-color: var(--darkPrimaryMain);color: #000;}
.dark-mode .reccuringTaskTimepicker .number_field_plus_btn_row button:hover{border-color: #81B504 !important;}
.dark-mode .geo_fetch_user_log th{border-color: #263033 !important;}
.dark-mode .geo_fetch_user_log td{border-color: #263033 !important;}
.dark-mode .plan-img .img-text-sec .btn{background-color: #2e3a1f;color: #ffffff;}
.dark-mode .plan-img .img-text-sec .btn:hover{background-color: #5fb92a;color: #fff;}
.dark-mode #LocationUserModal .geo_fetch_detail_popup th{color: #262626;}
.dark-mode #LocationUserModal .geo_fetch_detail_popup td{color: #262626;}
.dark-mode #LocationUserModal .geo_fetch_detail_popup table tr{border-color: #c1c1c1;}
.dark-mode #LocationUserModal .modal-header h3{color: #000;}
.dark-mode .attendanceMailUsersList .alert{background-color: #012036;border-color: #010e18;color: #ccc;}
.dark-mode #attendanceMailUsersWrapper{border-color: #102f46}
.dark-mode .email_config_row_bx .email_config_box .dropdown-menu.multiselect-container a{background-color: transparent !important;}
.dark-mode .email_config_row_bx .email_config_box .dropdown-menu.multiselect-container li.active a{background-color: #16324a !important;}
.dark-mode .row_task_list .recurredTasInfo{background-color: #032b4a;border: solid 1px #032b4a;color: #ccc;}
.dark-mode .location_on_icon_geo{background-color: #79a114;color: #d1ddc3;}
.dark-mode #attendanceMailUsersList td{border-color: #082134 !important}
.dark-mode .cc-management-btn{color: #afafaf !important}
.dark-mode #ccManagementModal #ccManagementContainer .form-group .remove-cc-btn{background-color: #ffc6c6; border-color: #ffc6c6; color: #000 !important;}
.dark-mode #ccManagementModal .modal-footer .btn + .btn{background-color: #3e3c3c;}
.dark-mode #nonProductiveMailUsersWrapper{border-color: #102f46;}
.dark-mode .shoHideAttendanceMailUsersBtn{color: #ccc;font-weight: 500 !important;}
.dark-mode .recurredTasInfo span img{filter: invert();}
.dark-mode .tsk_type_info_show{background-color: #0b304c; box-shadow: none; color: #e5e5e5}
.dark-mode .priority_info_show{background-color: #0b304c; box-shadow: none; color: #e5e5e5;}
.dark-mode .recurred_info_show{background-color: #0b304c; box-shadow: none; color: #e5e5e5}
.dark-mode .prj_pin_btn i.fa{color: #666666;}
.dark-mode .insight_data_period_cnt{background-color: #00111cb0;}
.dark-mode .insight_data_period_bx h5{color: #fff;}
.dark-mode .insight_data_period_bx p{color: #ccc;}
.dark-mode .insight_data_period_bx svg{filter: invert(1) hue-rotate(180deg);}
.dark-mode .upgrade_you_plan_box{background-color: #3b5008;}
.dark-mode .new_updates_popup{filter: invert(1) hue-rotate(180deg);box-shadow: none;}
.dark-mode .current_app_show_mydesklog{background-color: transparent;border-color: var(--darkmode-popColor);}
.dark-mode .current_app_show_mydesklog_tooltip{background-color: var(--darkmode-popColor);color: #ccc;box-shadow: none;}
.dark-mode .current_app_show_mydesklog_tooltip span{color: #ccc;}
.dark-mode .current_app_show_mydesklog_tooltip a{border: solid 1px #262626; color: #ffffff; background-color: #334602;}
.dark-mode .current_app_show_mydesklog_tooltip a:hover{background-color: #81B504;}
.dark-mode .insight_user_dtl span.insight_user_dtl_name{color: #ccc !important;}
.dark-mode .user_offlineStatus p span.status_txt{color: #ccc;}
.dark-mode .my_dashboard_panel_btn_ico_bx{opacity: 0.8;}
.dark-mode .insight-activity-eff-box-value h5{color: #669000;}
.dark-mode .insight_last_btm_boxes tr:first-child.insight_most_work_achivement strong{color: #669000;}
.dark-mode #productivityDght{opacity: 0.7;}
.dark-mode #prjStatusPie{opacity: 0.7;}
.dark-mode .insight_custom_legend{opacity: 0.7;}
.dark-mode .project_status_box .insight-project-stst-pei-value{opacity: 0.7;}
.dark-mode .task_total_number_list_box_cnt p{opacity: 0.7;}
.dark-mode .prd_nonprd_chart_canvas_ttl{opacity: 0.8;}
.dark-mode .timer_count_dv_header{color: #ccc;}
.dark-mode .task_ttl_comparison{opacity: 0.7;}
.dark-mode .insight_info_cnt{background-color: var(--darkmode-fourthBg);color: #ccc;}
.dark-mode .get_Start_show_btn{background-color: #5f8700;}
.dark-mode .get_Start_show_btn:hover {background-color: #537404;}
.dark-mode  .bg-black .nav > li.active::after{background-color: var(--darkmode-primary);}
.dark-mode  .bg-black .nav > li.active > ul{background-color: var(--darkmode-primary);}
.dark-mode  .bg-black .nav li::after{background-color: var(--darkmode-primary);}
.dark-mode .employee_wellness_break_box_main{background-color: var(--darkmode-primary);border-color: var(--darkmode-primary);box-shadow: none;border: solid 1px #10324b;}
.dark-mode .time-display-collapsed{background: #10324b;border: 1px solid #10324b}
.dark-mode .plan-img-sec .img-text-sec {background-color: #000d16b5;}
.dark-mode .current_app_show_head strong{color: #ccc;}
.dark-mode .user_offlineStatus{border-color: var(--darkmode-popColor);}
.dark-mode .table-bordered.week-table{border-color: #00213a;}
.dark-mode .myTaskShowTaskDate{color: #999999;}
.dark-mode .mob_aligh_tsk_dtl .dropdown-menu{filter: invert(1) hue-rotate(180deg)}
.dark-mode #schedule_table .week-table{box-shadow: none !important;}
.dark-mode .get_Start_show_btn .get_start_close_btn {background-color: #95c329;border-color: #95c329;}
.dark-mode .get_Start_show_btn .get_start_close_btn{-webkit-text-stroke: 2px #95c329;}
.dark-mode .close_btn_onboard_complete{background-color: #494c41;}
.dark-mode .user_offlineStatus p{color: #d76464 !important;}
.dark-mode .dahabord_artwork_head_show{background-color: var(--darkmode-popColor);color: #ccc;border-color: var(--darkmode-fourthBg);}
.dark-mode .task_bar_sec_progress_value{background-color: var(--darkmode-popColor);color: #fff;border-color: var(--darkmode-popColor);}
.dark-mode .user_offlineStatus_txt_view{background-color: var(--darkmode-popColor);box-shadow: none;}
.dark-mode .task_ttl_comparison_main{opacity: 0.8;}
.dark-mode .prjProfitLst table td{color: #c1bcbc;}
.dark-mode .working_hr_box:nth-child(2) h3 span.timer{color: #8d8d8d;}
.dark-mode .efficiency_view_timeline :before{border-right-color: #000;}
.dark-mode .away.schedule{background-color: #55730e !important;}
.dark-mode .list-shifts .dropdown-menu{background-color: var(--darkmode-popColor);}
.dark-mode .dropdown-menu .divider{background-color: #342d2d;}
.dark-mode .full-head-new .dropdown-menu .divider{background-color: #342d2d;opacity: 0.4;}
.dark-mode .task_comparison_txt{opacity: 0.8;}
.dark-mode .user-status-info span.user-status-info-head{border-color: #233f54;}
.dark-mode .user-status-info span.user-status-info-cnt{background-color: #031b2c;border: solid 1px #092f4a;color: #ccc;}
.dark-mode .modal .user-status-info{filter: invert(1) hue-rotate(180deg)}
.dark-mode .appusage-view1 .user-status-info-cnt{background-color: #00070c !important;color: #ccc;}
.dark-mode .employee_wellness_break_box_delete i{-webkit-text-stroke: 1px #001f34}
.dark-mode .gnrl_stngs_lft .accordion-container .nav-tabs{background-color: var(--darkmode-primary);}
.dark-mode .gnrl_stngs_lft .accordion-container .nav-tabs > li > a{border-color: var(--darkmode-popColor) !important;}
.dark-mode .gnrl_stngs_lft .accordion-container .nav-tabs > li > a.active{border-color: var(--darkmode-popColor) !important;border-right: 0 !important;border-left: 3px solid #5f8504 !important;}
.dark-mode .gnrl_stngs_lft .accordion-container .accordion-header{background-color: #03243a;opacity: 0.8;color: #f1f1f1;}
.dark-mode .grid_list_selector{background-color: #536429; border: solid 1px #536429;color: #7da917;}
.dark-mode .day-number:hover .time_work_dtl{background-color: transparent;}
/* .dark-mode #register-user .regsiter_user_create_pop_head img{filter: invert(1) hue-rotate(180deg);} */
.dark-mode .dahboard_ptoject_list_view_all_table .avatarBgText .avatarBg{filter: invert(1) hue-rotate(180deg);}
.dark-mode .flex-row-most-efficient .nav-tabs{border-color: #003259;}
.dark-mode .flex-row-most-efficient .card-body-insight h4:hover{color: #8d9777;}
.dark-mode .inner_page_top_grid_box{background-color: var(--darkmode-popColor);}
.dark-mode .inner_page_top_grid_box_ico img{filter: invert(1) hue-rotate(180deg);}
.dark-mode .inner_page_top_grid_box span{color: #9f9d9d !important;border-color: var(--darkmode-primary);}
.dark-mode .inner_page_top_grid_box strong{color: #ccc;}
.dark-mode .gnrl_stngs_lft .accordion-container .accordion-header.active{background-color: #5f8504;}
.dark-mode #subscription-prompt-modal{background-color: var(--darkmode-secondary);filter: inherit;}
.dark-mode #subscription-prompt-modal .modal-header{border-color: var(--darkmode-popColor);color: #ccc;}
.dark-mode #subscription-prompt-modal .modal-header .modal-title{color: #ccc !important;}
.dark-mode #subscription-prompt-modal .modal-header .close{color: #ccc !important;}
.dark-mode .upgrade-section h2{color: #ccc;}
.dark-mode .upgrade-section p{color: #ccc;}
.dark-mode .upgrade-section .settingUpgradeModalHead{color: #ccc;}
.dark-mode .upgrade_plan_backdrop_content .tab-pane{background-color: var(--darkmode-secondary) !important;border-color: var(--darkmode-popColor) !important;}
.dark-mode .upgrade_plan_backdrop_content img{filter: invert(1) hue-rotate(180deg);opacity: 0.7;}
.dark-mode #subscription-prompt-modal .btn-plan-upgrade-settings{background-color: #537404;color: #fff !important;}
.dark-mode #subscription-prompt-modal .btn-plan-upgrade-settings:hover{background-color: #81B504;color: #fff !important;}
.dark-mode .settings_main_view_pg .settings-section-view .showUpgradeIcon{color: #d7d7d7 !important;}
.dark-mode .settings_main_view_pg .settings-section-view .showUpgradeIcon::before{opacity: 0.7;}
.dark-mode .upgrade_section_upgrade_cnt .btn-plan-upgrade-settings{color: #fff !important;}
.dark-mode .modal .productive-app-grid .progrss-value .progress {background-color: #d9d9d9;}
.dark-mode  #teamperfomanceModal.fade.show{background-color: rgb(255 255 255 / 50%);}
.dark-mode .teamperfomanceModal_contant{filter: invert(1) hue-rotate(180deg);}
.dark-mode .upgrade-overlay-btn{background-color: #ffffff7a;}
.dark-mode .right_setting_tab_view .upgrade-overlay-btn .btn{color: #000000 !important;}
.dark-mode .download_desklog_popup_view{background-color: #001f38;}
.dark-mode .download_desklog_popup_view h2{color: #ccc;}
.dark-mode .download_desklog_popup_view p{color: #ccc;}
.dark-mode .download_desklog_popup_view .download_otherDevice a svg{filter: initial;}
.dark-mode .download_otherDevice button{background-color: transparent !important;color: #959595 !important;}
.dark-mode .download_otherDevice button svg{filter: inherit;}
.dark-mode .download_otherDevice a:hover{background-color: #0f426a;}
.dark-mode .download_otherDevice button:hover{background-color: #0f426a !important;}
.dark-mode .download_otherDevice .dropdown-menu{filter: invert(1) hue-rotate(180deg);}
.dark-mode #block_invite_row .invite_row{border-color: #002d54;}
.dark-mode .start_your_first_task_section{background-color: #212c34;border-color: #212c34;}
.dark-mode .start_your_first_task_section h4{color: #ccc;}
.dark-mode .switch_relax_mode_view{background-color: #212c34;border-color: #212c34;;color: #ccc;}
.dark-mode .switch_relax_mode_view button{background-color: var(--darkPrimaryMain);}
.dark-mode .personlSettingsDv .left_nav_profile_settings a{background-color: #03243a; opacity: 0.8; color: #f1f1f1;}
.dark-mode .enable_project_tracking_msg{background-color: #001f2ede;color: #ffffff;}
.dark-mode #myModal .user-status-info .user-status-info-cnt{background-color: #c0e3ff !important;filter: inherit;box-shadow: none;}
.dark-mode .app-aside-folded li:hover a.auto span{background-color: var(--darkmode-primary);box-shadow: none;}
.dark-mode .app-aside-folded #aside.app-aside{height: 90vh;}
.dark-mode .showConfirmationPopup_view{background-color: var(--darkmode-popColor);}
.dark-mode .showConfirmationPopup_Cnt h2{color: #ccc;}
.dark-mode .showConfirmationPopup_Cnt p{color: #a3a3a3;}
.dark-mode .dashboard_center_show_data_section_cnt{background-color: #5454542e;}
.dark-mode .dashboard_center_show_data_section h2 {color: #85af22;}
.dark-mode .dashboard_center_show_data_section_cnt .disc-list li a{color: #96af5a;}
.dark-mode .download_desklog_popup_img .darkMode{display: block;margin-top: 26px;}
.dark-mode .download_desklog_popup_img .liteMode{display: none;}
.dark-mode .showConfirmationPopup_img .darkMdImg{display: block;}
.dark-mode .showConfirmationPopup_img .lightMdImg{display: none;}
.dark-mode .gnrl_stngs_lft .nav-tabs > li > a.dropdown-toggle:focus{color: #ccc !important;}
.dark-mode .app_productivity_selection_view{background-color: var(--darkmode-primary);border: 0;}
.dark-mode .gnrl_stngs_lft #notificationsMenu {background-color: var(--darkmode-primary);}
.dark-mode .gnrl_stngs_lft #notificationsMenu li a {background-color: #03243a !important;opacity: 0.6;color: #d7d7d7;border-bottom: solid 1px var(--darkmode-popColor) !important;border-color: var(--darkmode-popColor) !important;}
.dark-mode .gnrl_stngs_lft #notificationsMenu li a.active {border-color: var(--darkmode-popColor) !important; border-right: 0 !important; border-left: 3px solid #5f8504 !important;background-color:#81B504  !important;color: #fff !important;opacity: 0.8;}
.dark-mode .timeZoneView{border-color: var(--darkmode-popColor);}
.dark-mode .employee_wellness_head_new{border-color: var(--darkmode-popColor);color: #ccc;}
.dark-mode .employee_wellness_head_new h3{color: #ccc;}
.dark-mode .settings_task_customization_btn{border-color: var(--darkmode-popColor);}
.dark-mode .settings_task_customization_btn .fa{color: #9b9b9b}
.dark-mode .frequency_selector label{border-color: #083050;color: #ccc;}
.dark-mode .wellness-apply-modal{background-color: var(--darkmode-popColor);border-color: var(--darkmode-primary);}
.dark-mode .wellness-apply-modal h4{color: #ccc;}
.dark-mode .wellness-apply-modal .btn-secondary{background-color: #ffffff30;color: #ccc;}
.dark-mode .timeZoneView span.timeZoneDisplay{border-color: var(--darkmode-popColor);}
.dark-mode .current_time_display{color: #ccc;}
.dark-mode .timeZoneView span.timeZoneDisplay small{color: #9b9b9b;}
.dark-mode .settings_task_customization  li label{color: #000;}
.dark-mode .filter_ico_prj_task{border-color: #3b3b3b;}
.dark-mode .prj_details_filter_bx{background-color: var(--darkmode-popColor);}
.dark-mode .filter_close_btn{background-color: var(--darkmode-popColor);color: #ccc;border-color: var(--darkmode-popColor);}
.dark-mode .upload_logo_section{background-color: var(--darkmode-popColor);box-shadow: none;}
.dark-mode .upload_logo_section h2{color: #ccc;}
.dark-mode .wellness-apply-modal p{color: #ccc;}
.dark-mode .wellness-additional-content-note{background-color: var(--darkmode-thirdBg);border-color: var(--darkmode-thirdBg);}
.dark-mode .wellness-show-more-btn{background-color: var(--darkmode-secondary);color: #ccc;border-color: var(--darkmode-fourthBg);}
.dark-mode .show_hoverFull_zone{background-color: var(--darkmode-popColor);border-color: var(--darkmode-popColor);color: #fff ;}
.dark-mode .prjct_task_add_optons_sec .btn_task_action_icon_dv.priority_ico .form-control{color: #ccc !important;border-color: var(--darkmode-popColor) !important;}
.dark-mode .webtimerSwitchedRevertPopup{background-color: var(--darkmode-popColor);box-shadow: none;}
.dark-mode .webtimerSwitchedRevertPopup h3{color: #ccc;}
.dark-mode .upgrade-badge-project-ftr{background-color:#d7ddef;}
.dark-mode .filter_ico_prj_task.filterActive{background-color: var(--darkmode-popColor);}
.dark-mode .prj_details_filter_bx.showProjectFilter::before{border-color: transparent var(--darkmode-popColor) transparent transparent;}
.dark-mode .input_toggle_btn:hover[data-tooltip]:before{background-color: var(--darkmode-popColor);color: #ccc;border-color: var(--darkmode-popColor);}
.dark-mode .custom_time_view .custom_time_view_drop  .time_cst_apply_btn{background-color: var(--secondary-color);}
.dark-mode .time_cst_apply_btn[data-tooltip]:before{background-color: var(--darkmode-popColor);color: #ccc;border-color: var(--darkmode-popColor);}
.dark-mode .webTimer_icon{filter: invert(1) hue-rotate(180deg);}
.dark-mode .geoTracking_icon{filter: invert(1) hue-rotate(180deg);}
.dark-mode #app_modal .detais-save1.grid-30-auto .app_category_app_using_users_dtl_box_scrl img{filter: inherit;}
.dark-mode #changeProfitConfModal .prj_config_profit_sc .radio-inline{background-color: #cbeaff;}
.dark-mode .loading-skeleton.timelineSkelton .usageGrph.dragscroll .desklog-time-bar{background-color: #0c2d44 !important;}
.dark-mode .current-baseline-metric-box{filter: invert(1) hue-rotate(180deg);background-color: var(--darkmode-popColor);box-shadow: none;color: #ccc;}
.dark-mode #baselineMetricModal .modal-header h3{color: #101010;}
.dark-mode #baselineMetricModal .modal-header h3{color: #101010;}
.dark-mode #baselineMetricModal .modal-body p {color: #464646;}
.dark-mode #baselineMetricModal .modal-footer .btn-secondary{background-color: #30384a;color: #fff !important;}
.dark-mode .panel .table_row_mob-remove-brd > .table-responsive thead{background-color: #010e18 !important;}
.dark-mode  #baselineMetricModal .modal-footer .btn-secondary{background-color: transparent;border: solid 1px #424242}
.dark-mode .info_insight_rnd{border-color: #577081;}
.dark-mode .selected_fld_tsk .btn_task_action_icon i{color: #81B504 !important;}
.dark-mode .insight-utlization-trend{color: #ccc;}
.dark-mode .insight-activity-eff-box-value h2{color: #ccc;}
.dark-mode .insight-activity-eff-box-value{color: #666;}
.dark-mode .nonAppUsageTooltip{background-color: var(--darkmode-popColor);color: #ccc;border-color: var(--darkmode-popColor);}
.dark-mode .nonproductiveAppListDtlUsage h2{color: #ccc;}
.dark-mode .activity_insight_box h2{color: #ccc;}
.dark-mode .nonProductiveApptable tr{border-color: var(--darkmode-primary);}
.dark-mode .nonProductiveApptable tr td{color: #ccc;}
.dark-mode .workTendTime{color: #ccc;}
.dark-mode .clockin_out__workTime .workTendTime{color: #ccc !important;}
.dark-mode .insight_highlite_user_details_card{background-color:#0d1a12; border-color: #0e2a1a; box-shadow: none; color: #adb8c1;}
.dark-mode .insight_highlite_user_details_card.negative_text{background-color: #ff4a101c; border-color: var(--darkmode-fourthBg); box-shadow: none; color: #adb8c1;}
.dark-mode .insight_most_work_Section_card{background-color: var(--darkmode-fourthBg); border-color: var(--darkmode-fourthBg); box-shadow: none; color: #adb8c1;}
.dark-mode .insight_most_work_Section_card.negative_text{background-color: #ff4a101c; border-color: var(--darkmode-fourthBg); box-shadow: none; color: #adb8c1;}
.dark-mode .negative_text .effcient_point_txt{background-color: #ffffff14;border: solid 1px #ffffff1a;}
.dark-mode .effcient_point_txt::before{border-right: 20px solid #ffffff29; left: -20px;}
.dark-mode .efficincy_usr_tag_bx {background-color: #ffffff1c;border: solid 1px #ffffff1c;}
.dark-mode .insight-utlization-value p{border-color: var(--darkmode-popColor);}
.dark-mode .insight-utlization-trend{background-color: var(--darkmode-popColor);}
.dark-mode .mytask-upgrade-overlay{background-color: #00111ec2;color: #fff;}
.dark-mode .project_details_task_progress{background-color: var(--darkmode-popColor);}
.dark-mode .insight_clock_in_out_dtl h4{color: #81B504;}
.dark-mode .nonproductiveAppListApp{border-color: #004073;}
.dark-mode .report_page_filter_section{background-color: var(--darkmode-thirdBg);box-shadow: none;}
.dark-mode .dummy-data-overlay{background-color: #021d31d9;}
.dark-mode .report_page_filter_section_header{border-color: var(--darkmode-popColor);color: #ccc;}
.dark-mode .report_page_filter_section select.form-control{filter: inherit;border-color: #07273e !important; background-color: #01101c !important;}
.dark-mode .report_page_filter_date_prd_selector{border-color: #123650 !important;}
.dark-mode .report_page_filter_date_prd_selector span{border-color: #123650 !important;}
.dark-mode .report_page_filter_section .select_report_feild{border-color: #07273e !important;}
.dark-mode .dummy-data-overlay span{background-color: var(--darkmode-popColor);color: #ccc;border-color: var(--darkmode-popColor);}
.dark-mode .report_page_sample_table th, .dark-mode .report_page_sample_table td{color: #ffffff;}
.dark-mode .report_page_generated_files_icon{border-color: #09385a;}
.dark-mode .report_page_filter_date_prd_selector span:hover{background-color: var(--darkPrimaryMain);color: #fff;}
.dark-mode .report_page_generated_files{border-color: #072942;}
.dark-mode .report_page_filter_section .exportdropdown_type_box{border-color: #243642;color: #ccc;background-color: #06304e;}
.dark-mode .report_page_filter_section .exportdropdown_type_box:hover .generated_files_download_delete_btn_row{filter: invert(1) hue-rotate(180deg);background-color: #c7e6ff9e;bottom: 0;filter: invert(1) hue-rotate(180deg);}
.dark-mode .report_page_filter_section .form-group label{color: #ccc;}
.dark-mode .report_page_filter_section .form-group .multiselect-container li a:focus{background-color: #0c1f2e !important;}
.dark-mode .report_page_filter_section .form-group .select2-container .select2-selection--single{border-color: #c0d9ed !important;}
.dark-mode .report_page_filter_date_prd_selector span{background-color: var(--darkmode-popColor);}
.dark-mode .report_page_generated_files .exportdropdown_type_box_ico{border-color: #204b6a;}
.dark-mode .report_page_filter_section .btn-outline-primary{background-color: #06304e;color: #ccc;}
.dark-mode .prj_new_add_btn{background-color: #9ec0df; border-color: #9ec0df; color: #000 !important;}
.dark-mode #engagedUsersModal #engagedUsersTable td{border-color: #00213a !important;}

.dark-mode .btn-report-submit{background-color: var(--darkPrimaryMain);}
.dark-mode .plan-sec .Plan-Details .Plan-Details-container .free{background-color: #183f5a;color: #ffffff;}
.dark-mode .switch_user_plan_pop .modal-footer .btn-secondary{background-color: #f0f8ff3b;color: #fff;}
.dark-mode .setting-checkbox-box.selected{background-color: #48c500c4 !important;}
.dark-mode .setting-checkbox-box .upgrade-overlay-btn {background-color: #001f2ede;}
.dark-mode .setting-checkbox-box.selected .enable_project_tracking_msg{color: #fff !important;}
.dark-mode .setting-checkbox-box .upgrade-overlay-btn{color: #fff !important;}
.dark-mode .efficiency_setting_view .disabled .setting-checkbox-box:hover{border: 2px solid #2b2b2b !important;}
.dark-mode .efficiency_setting_view .productive-overlay:hover .disabled.setting-checkbox-box{border: 2px solid #2b2b2b !important;}
.dark-mode .btn_upgrade_plan_ico{background-color: var(--darkmode-popColor);border-color: var(--darkmode-popColor);}
.dark-mode .project_tsk_table .subtaskTable .list-icon-head span{color: #ccc;}
.dark-mode .geo_location_not_integrated_overlay{color: #fff;background-color: #010e18a6;opacity: 0.7;}
.dark-mode .geo_location_not_integrated_overlay svg{filter: invert();}
.dark-mode .modal-content #profit_loss_config_select[disabled]{opacity: 0.5;}
.dark-mode .report_page_filter_date_prd_selector span.active{background-color: var(--darkPrimaryMain);}
.dark-mode .quick-date-buttons .btn:hover{color: #000 !important;}
.dark-mode .quick-date-buttons .btn-primary{color: #000 !important;}
.dark-mode .report_page_filter_date_prd_selector #custom_date_selector.active{background-color: var(--darkPrimaryMain);}
.dark-mode #block_workprojectbardiv .work_task_rprt_box .work_task_rprt_box_cnt #total_billable_task { color: #037486 !important; }
.dark-mode .report_page_generated_files .exportdropdown_type_box_ico img{filter: invert(1) hue-rotate(180deg)}
.dark-mode #report_generation_progress .generateExcelProgressText{color: #ccc;}
.dark-mode #report_generation_progress .generateExcelLoader{background-color: #124468;color: #ccc;}
.dark-mode #report_generation_progress .generateExcelProgressSec .progress{background-color: #314b5e;}
.dark-mode .report_page_filter_btn_row_flex .submit_report_btn_btn_bx .generateExcelLoader { background-color: #38551a;color: #9ea9ab; }
.dark-mode #dl-tt-donut{opacity: 0.7;}
.dark-mode .insight_section_title{color: #ccc !important;}
.dark-mode .project-time-right-content{color: #ccc !important;}
.dark-mode .dl-tt-row{color: #ccc;}
.dark-mode .project_list_1{color: #ccc;border-color: #2c2c2c;}
.dark-mode .task_report_list_1{color: #ccc;border-color: #2c2c2c;}
.dark-mode .dl-bnbb__label{color: #9f9f9f !important;}
.dark-mode .dl-bnbb__value{color: #9f9f9f !important;}
.dark-mode .dl-gauge-center-value{color: #ccc !important;}
.dark-mode .floating-popup-style-1-content{background-color: var(--darkmode-popColor);color: #ccc;}
.dark-mode .floating-popup-style-1-close{background-color: var(--darkmode-fourthBg);}
.dark-mode .project_filter_box .detailed_export_div_sc p{color: #000;}
.dark-mode .detailed_export_div_sc .exportdropdown_type_box_ico img{filter: inherit;}
.dark-mode .project_filter_box  .detailed_export_div_sc .form-control { background-color: #dae0f3; color: #000000; border: 0 !important;}
.dark-mode .report_page_filter_section .btn-group .btn-default{background-color: #0c1f2e; border-color: #123650;display: flex; justify-content: space-between; align-items: center;}
.dark-mode .report_page_filter_section .btn-group .dropdown-menu{background-color: #0c1f2e;}
.dark-mode .report_page_filter_section .btn-group .multiselect-search{background-color: var(--darkmode-fourthBg);}
.dark-mode .report_page_filter_section .btn-group .input-group-addon{background-color: #0c1f2e;border-color: #123650;}
.dark-mode .report_page_filter_section .btn-group .multiselect-search{border-color: #123650;color: #fff;}
.dark-mode .report_page_filter_section .btn-group li a:hover{background-color: #112d34 !important;}
.dark-mode .report_page_filter_section .btn-group li.active a{background-color: #112d34 !important;}
.dark-mode .notification-dropdown-menu .panel .panel-heading{background-color: #ffffff !important;}

.dark-mode .prj_timeline_scroll td{color: #979797;}
.dark-mode .task_select_first_view #task_toggleButton_new{background-color: #d1d7eb;}
.dark-mode .project_listtask_add_btn_bx{border-color: var(--darkmode-fourthBg);}
.dark-mode .project_view_bx .project_filter_box .import-task-btn{background-color:#323e46;border-color: var(--darkmode-fourthBg);color: #ccc !important;}
.dark-mode #task_import_modal .btn-primary{background-color:#323e46 !important;border-color: var(--darkmode-fourthBg);color: #fff !important;}
.dark-mode #task_import_modal .sample_download_btn_sec .btn-default{background-color: #c8cfc1 !important;}
.dark-mode #task_import_modal .cta-btn .btn-primary.skip{opacity: 0.8; background-color: #d7e3df !important; border: 1px #cdcdcd solid;filter: invert(1);}
.dark-mode #modal_edit_task #form_edit_task #reporterSelectSec .select2-container .select2-selection{color: #ccc;border: solid 1px #1e1d1d !important;background-color: #181e30 !important;box-shadow: none !important;}
.dark-mode #modal_edit_task #form_edit_task #reporterSelectSec .select2-container--default .select2-selection--single .select2-selection__rendered{color: #c9c9c9 !important;}
.dark-mode #dl-gauge-canvas{opacity: 0.7;}
.dark-mode .project_delay_status_bx.positive_text strong{color: var(--darkPrimaryMain);}
.dark-mode .dl-bnbb__bar--green{background: linear-gradient(90deg, var(--darkPrimaryMain) 0%, var(--darkPrimaryMain) 100%);}
.dark-mode .insight_billable_nodata{background-color: var(--darkmode-thirdBg);}
.dark-mode .dl-tt-center-value{color: #ccc !important;}
.dark-mode .view-tr.open td input.task_title_list:hover{border-color: #123248 !important;}
.dark-mode .project_tsk_table .view-tr .list-icon-head span{color: #ccc !important;}
.dark-mode .workflow-preview{background-color: transparent !important;border: solid 1px #242424 !important;}
.dark-mode .task-wf-canvas{border-color: var(--darkmode-popColor);background-color: var(--darkmode-popColor);background-image: radial-gradient(circle, #c5cdd81c 1px, transparent 1px);}
.dark-mode .task-wf-connection-line{stroke: #9ca3af;}
.dark-mode .task-wf-connection-line:hover{stroke: #e5e7eb;}
.dark-mode .task-wf-canvas:has(.task-wf-connection-group:hover) .task-wf-connection-group:not(:hover) .task-wf-connection-line{opacity: 0.35;}
.dark-mode .task-wf-canvas:has(.task-wf-connection-group:hover) .task-wf-connection-group:not(:hover) .task-wf-connection-label,
.dark-mode .task-wf-canvas:has(.task-wf-connection-group:hover) .task-wf-connection-group:not(:hover) .task-wf-connection-label-bg{opacity: 0.35;}
.dark-mode .task-wf-connection-group:hover .task-wf-connection-line{stroke: #f3f4f6 !important; stroke-width: 2.2 !important;}
.dark-mode .task-wf-canvas.wf-node-focused .task-wf-connection-group:not(.wf-conn-active) .task-wf-connection-line{opacity: 0.35;}
.dark-mode .task-wf-canvas.wf-node-focused .task-wf-connection-group.wf-conn-active .task-wf-connection-line{stroke: #f3f4f6;}
.dark-mode .task-wf-connection-label{fill: #cbd5e1;}
.dark-mode .task-wf-connection-label-bg{fill: #0f1c2a;}
.dark-mode .task-wf-context-menu{background-color: var(--darkmode-fourthBg);color: #ccc;border: 1px solid #242424;}
.dark-mode .task-wf-context-menu-item.delete:hover{background-color: #0c1f2e;color: #fff;}
.dark-mode .task-wf-context-menu-item{color: #ccc !important;}
.dark-mode .task-wf-context-menu-item:hover{background-color: #0c1f2e;color: #fff;}
.dark-mode .task_workflow_content .task-wf-canvas-container{background-color: transparent !important;}
.dark-mode .task-wf-toolbar{border-color: var(--darkmode-popColor);}
.dark-mode .task-wf-btn{background-color: #023a62; color: #fff; border: solid 1px #242424;}
.dark-mode #editWorkflowModal .task-wf-canvas{    border: solid 1px #e5e5e5;}
.dark-mode #editWorkflowModal .modal-footer .btn-secondary{filter: inherit; background-color: #afd3ed; color: #000;}
.dark-mode .saved_work_flow_hd{color: #ccc;}
.dark-mode .efficiencyInfoModalPopup{background-color: #000000;color: #ccc;border-color: var(--darkmode-fourthBg);}
.dark-mode .efficiencyInfoModalPopupButtons .btn-link{background-color: #f0f8ff1f;border-color: #f0f8ff1f;}
.dark-mode .efficiencyInfoModalPopupButtons .btn-link:hover{background-color: #ffffff3b;color: #fff;}
.dark-mode .efficiencyInfoModalPopupButtons .btn-success:hover{background-color: #81B504;color: #fff;}
.dark-mode .efficiencyInfoModalPopup_cnt_area{background: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(52 74 0 / 52%) 100%);}
.dark-mode .efficiencyInfoModalPopupImage{filter: invert(1) hue-rotate(180deg);}
.dark-mode .prj_dtl_over_top_box strong{color: #709d08 !important;}
.dark-mode .project_est_amnt_hr{background-color: #041e32;box-shadow: none;border-color: #122e44;}
.dark-mode .ntf-notification-avatar{filter: invert(1) hue-rotate(180deg);}
.dark-mode .mailsetting_insight_acc_btn{border-color: #102f46;}
.dark-mode .supportReplyContainer .messageContent{background-color: #02243c;color: #bfbbbb;}
.dark-mode .userNoteContainer .messageContent { background-color: #254c05; color: #fff; }
.dark-mode .attachment_btn_cls{background-color: #0f3b5c;border-color: var(--darkmode-popColor);color: #e5e5e5 !important;opacity: 1;}
.dark-mode .avg_clock_late_arrival_yst_bx .dash_box1{background-color: var(--darkmode-primary); border: solid 1px #1e1e1e;}
.dark-mode .avg_clock_late_arrival_yst_bx .dash_box2{background-color: var(--darkmode-primary); border: solid 1px #1e1e1e;}
.dark-mode .support_upgrade_btn .indication_ico_upgrade{background-color: #0e2f57;border-color: #444444;}
.dark-mode .slidertoggle.round{background-color: #a7a6a6;}
.dark-mode input:checked+.slidertoggle{background-color: #2196F3;}
.dark-mode .minimum_hour_view_tooltip{background-color: var(--darkmode-fourthBg);color: #ccc;border-color: var(--darkmode-fourthBg);}
.dark-mode .delete-screenshot-time-period{    background-color: #cee5f9;}
.dark-mode .task-spent-users-modal .productivity_user_box_row{ filter: invert(1) hue-rotate(180deg);}
.dark-mode .subtasks_row_list td {background-color: #010e18 !important;}
.dark-mode .prj_dtl_over_top_box .project_overview_due_date span {color: #c9c3c3 !important;background-color: #3a0404;}
.dark-mode .billable_type_view strong{background-color: #000000;border: solid 1px #1e292c;}
.dark-mode .billable_type_view{color: #c9c9c9;}
.dark-mode .project_overview_top_project_name{color: #fff;}
.dark-mode .utility-accordion{background-color: #03253e;}
.dark-mode .utility-page-wrapper .panel .utility-panel-heading { background-color: #03151e; }
.dark-mode .utility-util-percent{color: #ccc;}
.dark-mode .utility-util-bar{background: #2b3444;}
.dark-mode .utility-team-info-box{border-right: solid 1px #e5e5e52b;}
.dark-mode .utility-util-bar:before{mix-blend-mode: overlay;}
.dark-mode .utility-table-header{border-color: #122446;}
.dark-mode .utility-table-row{border-color: #122446;}
.dark-mode .utility-planned-over{background-color: #4c3636;}
.dark-mode .utility-top-filters{background-color: #031e32;}
.dark-mode .utility-date-label, .dark-mode .utility-filter-label {color: #ccc;}
.dark-mode .utility-panel-body{border-color: #023f68 !important;}
.dark-mode .utility-avatar-circle{border-color: #18272f;box-shadow: none;}
.dark-mode .utility-status-high {background: #482d2d;}
.dark-mode .utility-status-low {background: #314839;}
.dark-mode .utility-members-table{background-color: #011524;}
.dark-mode .utility-user-cell span{color: #ccc;}
.dark-mode .utility-team-name{border-right: solid 1px #e5e5e52b;}
.dark-mode .loading-skeleton .utility-accordion h4{background-color: #283141 !important;}
.dark-mode .loading-skeleton .utility-accordion span{background-color: #283141 !important;}
.dark-mode .utility-accordion-header{border-color: #032438 !important;}
.dark-mode .project_dashboard_top_view .feature_in_highplan_text{background-color: #02121ceb;width: 100%; top: 0; left: -5px;}
.dark-mode .no_staff_found{background-color: #001220;}
.dark-mode .no_staff_found_box h3{color: #ccc;}
.dark-mode .manage_team_btn{background-color: #02223a;color: #fff;border: solid 1px #02223a;}
.dark-mode .manage_team_btn:hover{background-color: #022944;}
.dark-mode .no-team-dark-mode-img{display: inline-block;}
.dark-mode .no-team-light-mode-img{  display: none;}
.dark-mode #utilityTaskDetailsModal .table-responsive table tr td{background-color: #edf6ff;border-top: 1px solid #dae6ef !important;color: #484848;border-color: #dae6ef !important;}
.dark-mode #utilityTaskDetailsModal .table-responsive table tr th{background-color: #edf6ff;border-top: 1px solid #dae6ef !important;color: #484848;border-color: #dae6ef !important;}
.dark-mode #utilityTaskDetailsModal .table-responsive table {border-color: #eaeff0;}
.dark-mode #billing_summary .w-box--pane{background-color: transparent !important;}
.dark-mode .billing-btn .prev-btn a{background-color: var(--darkmode-popColor);}
.dark-mode .payment_choose_custom_control{background-color: #0c395c; border: solid 1px #242424; box-shadow: none;}
.dark-mode .payment_choose_custom_control .custom-control-label{color: #ccc !important;}
.dark-mode .payment_choose_custom_control .custom-control-label span{color: #939393 !important;}
.dark-mode .payment_choose_custom_control:hover{background-color: var(--darkPrimaryMain);}
.dark-mode .task_act_btn_sec .task-status-dropdown{background-color: transparent !important; color: #363636 !important;background-image: url(../img/dropdown-ico-darkmode.png); background-repeat: no-repeat; appearance: none; background-position: calc(100% - 10px) 12px; background-size: 10px;}
.dark-mode .current_task_view .div-td .task-status-dropdown{background-color: #00000021 !important; color: #000 !important; border-color: #2424242e !important;}
.dark-mode .row_task_list .mob_aligh_tsk_dtl .mt-status .task-status-dropdown{background-color: #c7e7ff !important; color: #000 !important; border-color: #2424242e !important;}
.dark-mode .kanban_task_status_view{color: #ccc;border-color: #0b4672;padding-top: 4px;}
.dark-mode #kanbanStatusChangeConfirmModal .modal-footer .btn.btn-secondary{background-color: #363232;color: #ccc;}
.dark-mode #kanbanStatusChangeConfirmModal .modal-body{color: #0e0e0e;}
.dark-mode .task-wf-modal-content{background-color: var(--darkmode-popColor);}
.dark-mode .task-wf-modal-header h2{color: #ccc;}
.dark-mode .task-wf-form-group label{color: #ccc;}
.dark-mode .task-wf-modal .task-wf-form-group input{background-color: #0c1f2e !important; border: solid 1px #11548987 !important;}
.dark-mode .task-wf-modal-header{border-bottom: 1px solid #173e5c;}
.dark-mode .task-wf-form-group select {filter: inherit; background-color: #0c1f2e !important; border: solid 1px #11548987 !important;}
.dark-mode .task-wf-btn-secondary:hover{background-color: #2980b9 !important;}
.dark-mode .mt-status .task-status-dropdown option{background-color: #000;}
.dark-mode .task-wf-btn-primary{background-color: var(--darkPrimaryMain);}
.dark-mode .task-workflow-create-name{background-color: var(--darkmode-popColor);border-color: var(--darkmode-popColor);}
.dark-mode .mainTableTr .task_act_btn_sec .task-status-dropdown{border: solid 1px #c0e5ff !important;}
.dark-mode .project_view_bx .project-data-box .main-table-project-task thead tr{background-color: var(--darkmode-fourthBg);}
.dark-mode .workflow-enlarge-btn{background-color: #022944 !important;color: #fff;}
.dark-mode .gnrl_stngs_lft .nav-tabs li.active a { border: solid 1px var(--darkmode-popColor) !important; background-color: #81B504 !important; color: #fff !important; opacity: 0.8; }
.dark-mode .settings-search-container{background-color: #021320;border-color: #021320;}
.dark-mode #left-process-status{background: rgb(3 61 80) !important; color: rgb(255 255 255) !important; border: 3px solid rgb(255 255 255 / 7%) !important;}
.dark-mode #microsoft_integration_modal{background-color: #ffffff8f;}
.dark-mode #workflowEnlargeModal .wf-enlarge-svg-wrap svg{background-color: transparent !important;border-color: #0a273e !important;}
.dark-mode #viewWorkflowFlowModal .workflow-flow-list .workflow-flow-item{background: #f3f3f3; border: 1px solid #dfdddd; filter: inherit;}
.dark-mode .workflow-flow-badge{color: #000;}
.dark-mode #viewWorkflowFlowModal .modal-content{box-shadow: none !important;}
.dark-mode #editWorkflowModal #editWorkflowForm .task-wf-canvas{background: transparent; border-color: #2e1919 !important;filter: invert(1) hue-rotate(180deg)}
.dark-mode #task_wf_add_node_modal .task-wf-form-group input{background-color: #0c1f2e;}
.dark-mode .kanban_task_status_view .task-status-dropdown { padding: 0 !important; height: auto !important; padding-right: 7px !important;padding-left: 2px !important; background-position: 100% 5px; background-size: 6px; min-width: inherit !important; background-color: transparent !important;color: #000 !important;}
.dark-mode #microsoft_integration_modal .modal-content #generate_microsoft_consent_link {background-color: #aeb9db;color: #242424 !important;}
.dark-mode #microsoft_integration_modal .modal-content #generate_microsoft_consent_link:hover{background-color: #8b9fdb;}
.dark-mode #microsoft_integration_modal .modal-content .btn-grant-now{background-color: #9bd3ff !important; border-color: #9bd3ff !important; color: #000000 !important;}
.dark-mode #microsoft_integration_modal .modal-content #copy_microsoft_consent_url{background-color: #9bd3ff !important; border-color: #9bd3ff !important; color: #000000 !important;}
.dark-mode #microsoft_integration_modal .microsoft-modal-body table tr{background-color: transparent !important;}
.dark-mode #microsoft_integration_modal .microsoft-modal-body table tr td{background-color: transparent !important;border: solid 1px #e5e5e5 !important;color: #4e4e4e;}
.dark-mode #microsoft_integration_modal .microsoft-modal-body table tr th{color: #000000 !important;border: solid 1px #e5e5e5 !important;}
.dark-mode #microsoft_integration_modal #import_microsoft_users_btn{background-color: var(--secondary-color);border-color: var(--secondary-color);}
.dark-mode #microsoft_integration_modal #import_microsoft_users_btn:hover{background-color: #00447a;}
.dark-mode #microsoft_integration_modal .modal-button-close:hover{background-color: #2c2b2b;}
.dark-mode .show_parent_kanban_task_scroll_sec td{color: #ccc;}
.dark-mode .task_date_filter_selector{color: #b8c1c7 !important;}
.dark-mode #editAllLeaveModal .table-bordered {border-color: #d5d9dd !important}
.dark-mode #editAllLeaveModal .table-bordered td{border-color: #d5d9dd !important;}
.dark-mode #editAllLeaveModal .table-bordered th{border-color: #d5d9dd !important;color: #303030;}
.dark-mode #editLeaveModal .table-bordered {border-color: #d5d9dd !important}
.dark-mode #editLeaveModal .table-bordered td{border-color: #d5d9dd !important;}
.dark-mode #editLeaveModal .table-bordered th{border-color: #d5d9dd !important;color: #303030;}
.dark-mode .leav_page_sc .timer{color: #8d8d8d;}
.dark-mode .bot-task-badge{background-color:#2e2e2e;border-color: #444343;}
.dark-mode .bot-task-badge svg{fill: #fff;}
.dark-mode .bot-task-badge-1{background-color: #415605;border-color: #444343;}
.dark-mode .bot-task-badge-1 svg{fill: #fff;}
.dark-mode #leaveDetailsModal .pop_table_view_tp2 th{color: #383838 !important; border-color: #e5e5e5 !important;}
.dark-mode #leaveDetailsModal .pop_table_view_tp2 td{color: #383838 !important; border-color: #e5e5e5 !important;}
.dark-mode #category_changeBulk {filter: invert(1) hue-rotate(180deg);}
.dark-mode #category_changeBulk .btn-success { filter: invert(1) hue-rotate(180deg); }
.dark-mode #bot_user_form .multiselect {filter: invert(1) hue-rotate(180deg);background-color: #def1ff;border: 0;}
.dark-mode #bot_user_form .multiselect-container {filter: invert(1) hue-rotate(180deg); }
.dark-mode #bot_user_form .multiselect-container .multiselect-search{background-color: #edf2f3 !important; border: 1px #d9d9d9 solid !important;color: #222222}
.dark-mode #bot_user_form .multiselect-container label { color: #323232 !important; }
.dark-mode .utility-week-day-half .utility-week-bar-track {background: linear-gradient(to right, #334056 0 50%, transparent 50% 100%), repeating-linear-gradient(45deg, #4a3a1e, #4a3a1e 4px, #3d3018 4px, #3d3018 8px)}
.dark-mode .utility-week-day-half .utility-week-day-label {color: #f59e0b;}
.dark-mode #aiChatCreditBanner .ai-chat-credit-banner-btn{background-color: #5c8300;}
.dark-mode .phase-based-table .main-table-project-task .view-tr.open td { background-color: #152530; }
.dark-mode .phase-based-table .main-table-project-task  tr.fold.open .form-control.subtask_phase_select{color: #000000 !important; background-color: transparent !important;}
.dark-mode .phase-based-table .main-table-project-task_view { border: solid 1px #3a4b58 !important; border-bottom: 1px #3a4b58 solid !important;}
.dark-mode .lists_kanban .task_phase_badge { background-color: #001830 !important; color: #ffffff !important; font-weight: 100;}

/* ---- Concept workflow phase ladder (dark) ----------------------------------
   Light mode gets its row dividers from Bootstrap's `.table td { border-top }`.
   Dark mode loses them because the generic rule near the top of this file paints
   every subtask cell border with the SAME colour as its background, and under
   border-collapse a cell border beats the row border. Restore the divider for
   the phase ladder so dark matches light.
   NB: `.subtaskTable` is the TBODY, `.subtaskTableDrag` is the TABLE. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr > td{
    border-top: 1px solid #2a4557 !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr{
    border-bottom-color: #2a4557 !important;
}
/* The phase column leads a concept workflow — same band as light mode. */
.dark-mode .phase-based-table .project_tsk_table th.phase_column,
.dark-mode .phase-based-table .project_tsk_table td.phase_column{
    background-color: #17242e !important;
    border-right: 1px solid #2a3d4b !important;
}
.dark-mode .phase-based-table .project_tsk_table th.phase_column{
    color: #9bd4f0;
}
/* Concept row: same as light mode — no fill of its own, just the plain table
   surface. The bolder title and the smaller ladder carry the hierarchy. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask > td{
    background-color: var(--darkmode-secondary) !important;
    border-bottom: 1px solid #37393c !important;
}
/* The concept row's phase cell now lifts a step off the column's band, matching
   the light rule that puts #f4f8fc on it against the band's #eef5fa. Needs its own
   rule rather than falling through to the row fill above: `> td` up there also
   matches this cell and carries more classes than the band rule, so without this
   the concept's phase cell would sit on the plain row surface. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask > td.phase_column{
    background-color: #1d2f3d !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask .task_title_list{
    font-weight: 700 !important;
    color: #cfe0ee !important;
}
/* Phase task titles a step below the main task's, matching the light-mode split. */
.dark-mode .phase-based-table .project_tsk_table .subtaskTableDrag .row_task_list .task_title_list{
    color: #93a6b5;
}
.dark-mode .phase-based-table .main-table-project-task tr.fold.open table td:first-child{
    background-color: #10293c !important;
}
/* Overrides the earlier rule in this file that forces this select transparent
   with black text — unreadable, and it hid the control's affordance entirely. */
.dark-mode .phase-based-table .main-table-project-task tr.fold.open .form-control.subtask_phase_select{
    background-color: #101a24 !important;
    border: 1px solid #3a4a58 !important;
    color: #cfe0ee !important;
    filter: inherit;
}
.dark-mode .phase-based-table .main-table-project-task tr.fold.open .form-control.subtask_phase_select:hover,
.dark-mode .phase-based-table .main-table-project-task tr.fold.open .form-control.subtask_phase_select:focus{
    border-color: #5c86a8 !important;
}
.dark-mode .phase-based-table .milestoneTr td.milestone_phase_cell{
        background-color: #0d2032 !important;
}
/* Milestone rows sit slightly darker than the phase rows around them. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table td.milestone_detail_cell{
    background-color: #0d2032 !important;
}
.dark-mode .milestone_state{ color: #8fa0ad; }
.dark-mode .milestone_state--reached{ color: #4ade80; }
.dark-mode .milestone_hint{ color: #7d8b97; }
/* Phase group headers: same treatment as the milestone rows, a shade lighter so
   they read as a grouping band rather than a marker. */
/* Grouped rows keep the ordinary phase-column band here too — see the light-mode
   rule. The 24px cut below is what marks them, not a fill. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table td.phase_group_detail_cell,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table td.phase_group_assignee_cell,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table td.phase_group_status_cell,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table td.phase_group_filler_cell{
    border-bottom-color: #2a3d4b;
}
/* Ownership bracket — see the light-mode rule for why this is painted with an
   inset shadow instead of a border (it must not consume width, or the nested
   table stops lining up with the outer one). */
/* The bracket closes on three sides now, not just the bottom — the light rule
   changed to a full 2px border with the left edge dropped, so the inset shadow
   there stays the only thing marking that side. Same alpha as light's #7ba9cf73,
   applied to the dark rail colour, so the frame stays quieter than the rail. */
/* Mirrors light: the 10px indent is painted in the surface tone and the blue
   rail + 2px frame are gone — the banding carries "this block is nested" on
   its own now, same as it does in light. The rail colour survives only on the
   tree connector below, where it is still doing work. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open > td{
    /* Foot band matches the caption row (the well), mirroring light where
       band and caption share the same white. */
    box-shadow: inset 10px 0 0 var(--dl-surface), inset 0 -14px 0 var(--dl-well);
    border: 0 !important;
    border-top: 1px solid var(--dl-rule) !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask.open > td:first-child{
    box-shadow: none;
}
/* An open concept row no longer keeps the plain surface: light mode tints it
   (#edf3f9 against the closed row's white) so the header of an expanded ladder is
   visible as such. #152530 is the tint the rest of this file already uses for an
   open row, a clear step above --darkmode-secondary. */
.dark-mode .phase-based-table .main-table-project-task .view-tr.parentTask.open > td{
    background-color: #152530 !important;
    border-top: 1px solid #2a3d4b !important;
}
/* Accent rail. Grouped rows keep the ordinary phase-column background here too —
   the indent carries the nesting, see the light-mode rule. */
.dark-mode .phase-based-table .project_tsk_table tr.subTask.phaseGroupChild > td.phase_column::before{
    background-color: #3f6a92;
}
/* Dark equivalent of the light rule's plain white: a group's rows drop the Phase
   column's band and sit on the ladder's own surface, so the block reads as its own
   section. The rail marks the left edge; the inset shadow just matches the fill. */
.dark-mode .phase-based-table .project_tsk_table tr.subTask.phaseGroupChild > td.phase_column{
    background-color: var(--darkmode-secondary) !important;
    box-shadow: inset 24px 0 0 var(--darkmode-secondary);
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.phaseGroupChild:hover > td.phase_column{
    background-color: #101d28 !important;
}
/* Dark counterpart of the ladder's detail tint: a step LIGHTER than the main task
   rows' surface, since in dark mode "raised" reads as lighter — the same
   separation the light theme gets from tinting these cells below plain white.
   Phase column excluded; it keeps its own fills.
   This was --darkmode-thirdBg (#01101c), which is only ~10 total RGB points off
   the main rows' --darkmode-secondary (#000d16) and read as no difference at all.
   A dark surface needs a much wider step than a light one to separate by the same
   amount; #0c1f2e is ~54 points up and is already the palette's popover surface. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr > td:not(.phase_column){
    background-color: #0c1f2e !important;
}
/* A group's rows drop the ladder's tint, the same way the light rule drops it for
   plain white. --darkmode-secondary rather than something lighter, so these cells
   match what the group's phase cell already sits on (the rule further down) and
   the whole block reads as one section.
   Must stay ABOVE the hover rule: the two carry equal specificity, so hover only
   keeps working on a group's rows while it comes later in the file. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.phaseGroupChild > td:not(.phase_column){
    background-color: var(--darkmode-secondary) !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr:hover > td:not(.phase_column){
    background-color: #142c3d !important;
}
/* .phase_child_badge is gone with the pill it styled — see task.css. */
/* Matches the light rule's intent: the count reads as this row's title. */
/* Dimmer than the concept title (#cfe0ee), brighter than a phase row (#93a6b5) —
   the header sits between the two levels. */
.dark-mode .phase_group_count{ color: #a8c2d6; }
/* Non-sequential concept: the +N that reveals the other running phases, and the
   badge shown once every phase task is finished. */
.dark-mode .phase_chip_more{
    background: #1c2937;
    border-color: #33506a;
    color: #7fb4d8;
}
.dark-mode .phase_chip_more:hover{ background: #24384a; }
/* The popover used to keep its light card here, on the premise that the phase
   badges inside were not re-coloured for dark. They are — `.dark-mode
   .task_phase_badge` in task.css gives them a #14303f fill — so the result was
   dark pills sitting on a white sheet in the middle of a dark page.
   --darkmode-popColor is the surface the other dark popovers use; it also sits a
   step lighter than the badges on it, so they still read as raised. The light rule
   sets its background with !important, so this has to as well. */
.dark-mode .phase_tip_box{
    background-color: var(--darkmode-popColor) !important;
    border-color: #26445c;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.dark-mode .task_phase_badge.phase_all_done{
    color: #7fe0a8;
    background: #14301f;
    border-color: #23543a;
}
/* The title is an inline-edit field: no resting border or inset shadow, so the
   only horizontal rules in the ladder are the row dividers above. Beats
   `.dark-mode .project_tsk_table .list-icon-head .form-control` on specificity. */
.dark-mode .phase-based-table .project_tsk_table .list-icon-head .form-control{
    border-color: transparent !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
.dark-mode .phase-based-table .project_tsk_table .list-icon-head .form-control:hover,
.dark-mode .phase-based-table .project_tsk_table .list-icon-head .form-control:focus{
    border-color: #2a4557 !important;
}


/*
@-moz-document url-prefix() {
  .dark-mode input[type="date"] {
      background-color: #2c2c2c;
      color: #ffffff;
      border: 1px solid #555555;
  }
} */


@media (max-width:991px){
    .dark-mode .mb_mob_2{border-color: transparent;}
    .dark-mode .project-card{border: solid 1px #022944;}
    .dark-mode .table-responsive{border-color: var(--darkmode-primary);}
    .dark-mode .admin-user-overview-col{border-color: #012d4c;}
    .dark-mode .appusage_single .admin-user-overview-col{border-color: #012d4c !important;}
    .trial-notif-bar {height: 50px;}
    .top-notification-bar{top: 34px !important}
    .dark-mode .table_row_mob-remove-brd .appusage-userdetails{background: var(--darkmode-primary) ;border-color: #011f34;}
    .dark-mode .table_row_mob-remove-brd .appusage-userdetails{background: var(--darkmode-primary) ;border-color: #011f34;}
    .dark-mode .table_row_mob-remove-brd .table-striped > tbody > tr{border-color: #011f34;}
    .dark-mode .table_row_mob-remove-brd .table-bordered > tbody > tr > td{border-color: #011f34 !important;}
    .dark-mode .table_row_mob-remove-brd table td::before{color: #a5a5a5;}
    .dark-mode .table_row_mob table tr{border-color: #011f34 !important;}
    .dark-mode .appusage-userdetailGrph .usageGrph::before{color: #a5a5a5;}
    .dark-mode .trial-notif-bar-cnt span{color: #fff !important;}

}
@media (max-width:768px){
    .dark_theme_switcher{position: static;margin: auto;}
    .dark-mode .navbar-header{background-color: var(--darkmode-primary) ;}
    .dark-mode .row_task_list{border-color: #002c4e;}

}




.dark-mode .loading-skeleton h1, .dark-mode .loading-skeleton h2, .dark-mode .loading-skeleton h3, .dark-mode .loading-skeleton h4, .dark-mode .loading-skeleton h5, .dark-mode .loading-skeleton h6, .dark-mode .loading-skeleton p, .dark-mode .loading-skeleton li, .dark-mode .loading-skeleton span, .dark-mode .loading-skeleton canvas, .dark-mode .loading-skeleton td, .dark-mode .loading-skeleton th, .dark-mode .loading-skeleton .prdct_staff_box_btn, .dark-mode .loading-skeleton .btn, .dark-mode .loading-skeleton label, .dark-mode .loading-skeleton .form-control, .dark-mode .loading-skeleton .dashboard_top_hourly_graph_head, .dark-mode .loading-skeleton .productivity_user_avatar, .dark-mode .loading-skeleton .progress, .dark-mode .loading-skeleton .progress-bar, .dark-mode .loading-skeleton .fa, .dark-mode .loading-skeleton .dashboard_screenshot_box_img {
    color: transparent !important;
    appearance: none;
    -webkit-appearance: none;
    background-color: #041724 !important;
    border-color: #041724;
    position: relative;
    z-index: 99;
    text-shadow: none;
}

.dark-mode .loading-skeleton img{opacity: 0.1;}
.dark-mode .loading-skeleton td .productivity_user_name_bx{background-color: #3c3c3c;color: transparent;}
.dark-mode .loading-skeleton strong{background-color: #112736;color: transparent}
.dark-mode .loading-skeleton .graph_prj_box_total_round strong{background-color: #091b26;color: transparent}
.dark-mode .loading-skeleton .dashbrd_project_prgs_box .dashbrd_project_prgs_box_row {background-color: #3c3c3c;color: transparent}
.dark-mode .loading-skeleton td .productivity_user_name_bx{background-color: #112736;color: transparent}
.dark-mode .loading-skeleton .work_task_timesection .at_work-report a{background-color: #112736;color: transparent}
.dark-mode .loading-skeleton .acteff_img{filter: inherit;}
.dark-mode .loading-skeleton .working_hr_box h3 p{color: transparent !important ;}
.dark-mode .loading-skeleton #total_work_hour p{color: transparent !important ;}
.dark-mode .loading-skeleton .dashbrd_project_prgs_box_name{color: transparent !important;background-color: #041623;}
.dark-mode .loading-skeleton .table > tbody + tbody{border-color: #343434 !important}
.dark-mode .loading-skeleton .prj_members_boxs_row_dtl{opacity: 0.2;}
.dark-mode .loading-skeleton .task_act_btn{opacity: 0.2;}
.dark-mode .loading-skeleton .task_stop_btn{opacity: 0.2;}
.dark-mode .loading-skeleton .dark-mode .quick_task_bill_on span{opacity: 0.2;}
.dark-mode .loading-skeleton.projct_detail_loader .list-icon-head{background-color: #2e414e;}
/* The generic skeleton fill (#041724, further up) IS the phase table's own row
   colour, so these placeholders read as empty cells rather than as loading bars
   once the ink rules stopped painting their text. Same tone as the task-name
   placeholder above, so the whole row loads as one. */
.dark-mode .phase-based-table .project_tsk_table tbody.loading-skeleton td.start_date_column span,
.dark-mode .phase-based-table .project_tsk_table tbody.loading-skeleton td.end_date_column span,
.dark-mode .phase-based-table .project_tsk_table tbody.loading-skeleton td.time_column span{
    background-color: #2e414e !important;
}
.dark-mode .loading-skeleton .prj_member_ico{opacity: 0.2;}
.dark-mode .loading-skeleton .prj_prft_loss{pointer-events: none;background-color: #eee;color: transparent;}
.dark-mode .poject-table .loading-skeleton .prj_priorty{display: none;}
.dark-mode .loading-skeleton.projct_detail_loader{border: 0 !important;}
.dark-mode .loading-skeleton .select2-container--default .select2-selection--single .select2-selection__rendered{color: transparent !important;}
.dark-mode .loading-skeleton .prj_dtl_over_top_box h5{opacity: 0.2;}
.dark-mode .loading-skeleton#projectsLoader{border: 0 !important;}
.dark-mode .loading-skeleton .prj_name{color: transparent;background-color: #001d34;}
.dark-mode .project_tsk_table .loading-skeleton .priority-label{display: none;}
.dark-mode .loading-skeleton .current_task_view {background-color: var(--darkmode-primary) ;border-bottom: 2px #052c48 solid;}
.dark-mode .loading-skeleton .row_task_list .addedit_task_box .myTask-name{color: transparent !important;}
.dark-mode .loading-skeleton .mytask_added_sc .task_lst_prj_sec strong{color: transparent !important;}
.dark-mode .loading-skeleton .working_hr_box:first-child{border-color: #303030;}
.dark-mode .loading-skeleton .working_hr_box:nth-child(2){border-color: #303030;}
.dark-mode .loading-skeleton .prj_dtl_over_top_box .dashbrd_project_prgs_box_name span{color: transparent !important;}
.dark-mode .loading-skeleton .task-allocated{background-color: #03111a;}
.dark-mode .timelineSkelton .table-bordered > tbody > tr > td span{background-color: #0c2d44 !important;}
.dark-mode .loading-skeleton .productivity_progress .task_bar_sec_progress .progress{background-color: #112736 !important;}
.dark-mode .loading-skeleton .top-grid.top-grid-admin>div .top-grid-img{opacity: 0.1 !important;}
.dark-mode .loading-skeleton .working_hr_box:nth-child(2) h3{color: transparent !important;}
.dark-mode .app_usage_skelton .skelton_round_appusage{background-color: #010a11;border-color: #041724;}
.dark-mode .app_usage_skelton .skelton_round_appusage_sec{background-color: #010e18;}
.dark-mode .app_usage_skelton .overview_top_quick_box_ico{background-color: #112736;}
.dark-mode .app_usage_skelton .user_avatar_bg{background-color: #112736 !important;}
.dark-mode .loading-skeleton  .project_filter_box .prj_dtl_over_top_box span{color: transparent !important;}
.dark-mode .loading-skeleton .task_act_btn_sec .task-status-dropdown {background-color: #b9cfdd !important;}
.dark-mode #utilityTaskDetailsModal .loading-skeleton .table-responsive table tr td{background-color: #edf6ff !important;}
.dark-mode #utilityTaskDetailsModal .loading-skeleton .table-responsive table tr td span{background-color: #cfdde7  !important;}
.dark-mode #utilityTaskDetailsModal .loading-skeleton .leav_dtl_pop_bx span{background-color: #cfdde7  !important;}
.dark-mode #utilityTaskDetailsModal .loading-skeleton .leav_dtl_pop_bx strong{background-color: #cfdde7  !important;}
.dark-mode .lists_kanban .loading-skeleton.ui-sortable-handle .kanbanCardOtheroption li.dropdown a{background-color: #04263c  !important;}
.dark-mode .lists_kanban .loading-skeleton.ui-sortable-handle .kanbanCardOtheroption li.dropdown ul{background-color: #cfe1ef  !important;}

/* Settings Search Box — Dark Mode */
.dark-mode .settings-search-input {
    background: #0c1f2e;
    border-color: #1a3a52;
    color: #e0e0e0;
}
.dark-mode .settings-search-input:focus {
    border-color: #2a6496;
    box-shadow: 0 0 0 3px rgba(42, 100, 150, 0.2);
}
.dark-mode .settings-search-input::placeholder {
    color: #5a7a8a;
}
.dark-mode .settings-search-icon {
    color: #5a7a8a;
}
.dark-mode .settings-search-kbd {
    background: #1a3a52;
    border-color: #2a4a62;
    color: #7a9aaa;
}
.dark-mode .settings-search-dropdown {
    background: var(--darkmode-popColor);
    border-color: #1a3a52;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
.dark-mode .search-result-item {
    border-bottom-color: #1a2a3a;
}
.dark-mode .search-result-item:hover,
.dark-mode .search-result-item.active {
    background: #0a2a40;
}
.dark-mode .search-result-category {
    color: #5a8a9a;
}
.dark-mode .search-result-label {
    color: #d0d0d0;
}
.dark-mode .search-highlight {
    background: #3a3a00;
    color: #ffd700;
}
.dark-mode .search-no-results {
    color: #5a7a8a;
}

/* Global Search — Dark Mode */
.dark-mode .global-search-trigger {
    background: #1e1e1e !important;
    border-color: #282b2e !important;
}
.dark-mode .global-search-trigger:hover {
    background: #153550;
    border-color: #2a4a62;
}
.dark-mode .global-search-trigger-icon,
.dark-mode .global-search-trigger-text {
    color: #7a9aaa;
}
.dark-mode .global-search-trigger-kbd {
    background: #0a1e2e;
    border-color: #1a3a52;
    color: #5a8a9a;
}
.dark-mode .global-search-overlay {
    background: rgba(0, 0, 0, 0.7);
}
.dark-mode .global-search-modal {
    background: #0f2232;
    box-shadow: 0 16px 70px rgba(0, 0, 0, 0.5);
}
.dark-mode .global-search-header {
    border-bottom-color: #1a3a52;
}
.dark-mode .global-search-input-icon {
    color: #5a7a8a;
}
.dark-mode .global-search-input {
    color: #e0e0e0;
}
.dark-mode .global-search-input::placeholder {
    color: #5a7a8a;
}
.dark-mode .global-search-kbd {
    background: #1a3a52;
    border-color: #2a4a62;
    color: #7a9aaa;
}
.dark-mode .gs-result-count {
    color: #5a8a9a;
}
.dark-mode .gs-group-label {
    color: #5a8a9a;
}
.dark-mode .gs-result-item {
    color: #d0d0d0;
}
.dark-mode .gs-result-item:hover {
    background: #0a2a40;
    color: #e0e0e0;
}
.dark-mode .gs-result-item.active {
    background: #1a3520;
    border-left-color: #81B504;
    color: #e0e0e0;
}
.dark-mode .gs-result-icon {
    color: #6a8a9a;
}
.dark-mode .gs-result-category {
    color: #4a6a7a;
}
.dark-mode .gs-result-arrow {
    color: #4a6a7a;
}
.dark-mode .gs-highlight {
    background: #3a3a00;
    color: #ffd700;
}
.dark-mode .global-search-no-results,
.dark-mode .global-search-empty-state {
    color: #5a7a8a;
}
.dark-mode .global-search-empty-icon {
    color: #2a4a5a;
}
.dark-mode .global-search-empty-state p {
    color: #5a7a8a;
}
.dark-mode .global-search-empty-tips code {
    background: #1a3a52;
    color: #7a9aaa;
}
.dark-mode .global-search-results::-webkit-scrollbar-thumb {
    background: #1a3a52;
}
.dark-mode .global-search-results::-webkit-scrollbar-thumb:hover {
    background: #2a4a62;
}
.dark-mode .global-search-footer {
    border-top-color: #1a3a52;
    color: #5a7a8a;
}
.dark-mode .global-search-footer kbd {
    background: #1a3a52;
    border-color: #2a4a62;
    color: #7a9aaa;
}

/* ══════════════════════════════════════════════════════════════════════════
   PHASE TASK TABLE — dark
   ══════════════════════════════════════════════════════════════════════════
   The layout block in task.css is driven by custom properties, so dark is
   mostly the same design with the palette swapped. The greens and the navy are
   lifted versions of the brand pair (#82B504 / #004276) — the light values go
   muddy against a dark surface and the ring on a stacked avatar disappears.

   Only the handful of rules that cannot follow a variable are restated below.
   ══════════════════════════════════════════════════════════════════════════ */
.dark-mode .phase-based-table{
    --dl-surface:#04121E;
    --dl-head:#202C3F;
    --dl-well:#121A28;
    --dl-band:#021d31;
    --dl-strip:#121A28;
    --dl-hover:#1B2638;
    --dl-line:#26354C;
    --dl-line-soft:#1A2E4B;
    --dl-rule:#2C3D57;
    --dl-ink:#E7EFF8;
    --dl-ink-2:#A6BAD4;
    --dl-ink-3:#6E86A5;
    --dl-green:#8FC719;
    --dl-green-dk:#A9DC3A;
    --dl-green-bg:rgba(130,181,4,.16);
    --dl-navy:#5FA0E6;
    --dl-navy-bg:rgba(95,160,230,.14);
    --dl-amber:#E8A33D;
    --dl-amber-bg:rgba(232,163,61,.13);
    --dl-shadow:0 16px 36px rgba(0,0,0,.45);
}

/* Everything below the variables was mine — new tones for the header, the
   banding, the drawer edge, the panel and the Add button. Removed so dark mode
   renders with the colours it always had; the variables stay, because the
   layout rules in task.css resolve their surfaces through them and would
   otherwise fall back to the light palette here. */
/* ── The ladder's three tones, in dark ────────────────────────────────────
   Same banding as light, in the dark palette above:

       page / drawer      #0A1729   the container
       group header       #152A46   the phase
       concept + task row #112340   the work
       table header       #16283F
       add panel strip    #17304F

   The long selector chains are deliberate — the ladder's own tint rule is
   seven classes deep, and a shorter selector loses to it however many
   !importants it carries. See the matching note in task.css. */
/* Headings sit on the same sprint-bar tone as the rows; only the Phase
   heading keeps the lighter head tone (rule below), marking the column the
   workflow is organised around. */
.dark-mode .phase-based-table .project_tsk_table thead > tr > th{
    background-color: var(--dl-surface) !important;
    color: var(--dl-ink) !important;
    border-bottom-color: var(--dl-line) !important;
}
.dark-mode .phase-based-table .project_tsk_table thead > tr > th.phase_column{
    background-color: var(--dl-head) !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask:not(.open) > td{
    background-color: var(--dl-surface) !important;
}
/* An expanded concept row keeps the surface its collapsed twin has — it is
   still a row of work, not part of the container beneath it. Only the drawer
   and the caption drop to the well. */
.dark-mode .phase-based-table .main-table-project-task .view-tr.parentTask.open > td,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask.open > td{
    background-color: var(--dl-surface) !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open > td{
    background-color: var(--dl-well) !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.phaseGroupTr > td,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.phaseGroupTr > td:not(.phase_column){
    background-color: var(--dl-band) !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.subTask > td,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.subTask > td:not(.phase_column),
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.phaseEmptyTr > td{
    background-color: var(--dl-surface) !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.phaseEyebrowTr > td{
    background-color: var(--dl-well) !important;
}
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.subTask:hover > td,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.subTask:hover > td:not(.phase_column){
    background-color: var(--dl-hover) !important;
}
.dark-mode .phase-based-table .project_tsk_table td.phase_add_panel_host,
.dark-mode .phase-based-table .project_tsk_table tr.phase_add_panel_row > td.phase_add_panel_gutter{
    background-color: var(--dl-strip) !important;
}
/* Separators, so the rows still read apart at these closer tones. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask > td,
.dark-mode .phase-based-table .project_tsk_table tr.phaseGroupTr > td,
.dark-mode .phase-based-table .project_tsk_table tbody.subtaskTable > tr.subTask > td,
.dark-mode .phase-based-table .project_tsk_table tr.phaseEyebrowTr > td,
.dark-mode .phase-based-table .project_tsk_table tr.phaseEmptyTr > td{
    border-bottom-color: var(--dl-rule) !important;
}
/* Type: the ladder's own dark rule greys every cell, which is too quiet
   against these surfaces. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask .task_title_list,
.dark-mode .phase-based-table .project_tsk_table tr.phaseGroupTr .phase_group_count,
.dark-mode .phase-based-table .project_tsk_table tbody.subtaskTable > tr.subTask .task_title_list,
/* The read-only stand-in for the title input (see .task_title_static in
   task.css) — otherwise it keeps the old table's #ccc from the generic
   `.view-tr .list-icon-head span` rule above and reads louder than an
   editable title on the same row. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask .row_task_list span.task_title_static,
.dark-mode .phase-based-table .project_tsk_table tbody.subtaskTable > tr.subTask span.task_title_static{
    color: var(--dl-ink) !important;
    background-color: transparent !important;
}
/* tbody.loading-skeleton excluded for the same reason as the light rule in
   task.css: the loader's placeholder dates were out-specifying the skeleton and
   showing through as real-looking dates. Keep the two in step. */
.dark-mode .phase-based-table .project_tsk_table tbody:not(.loading-skeleton) td.start_date_column span,
.dark-mode .phase-based-table .project_tsk_table tbody:not(.loading-skeleton) td.end_date_column span,
.dark-mode .phase-based-table .project_tsk_table tbody:not(.loading-skeleton) .prj_list_taskspent_assigned_value span:last-child{
    color: var(--dl-ink-2) !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_eyebrow_label,
.dark-mode .phase-based-table .project_tsk_table .phase_group_empty_text,
.dark-mode .phase-based-table .project_tsk_table .phase_group_unassigned{
    color: var(--dl-ink-3) !important;
}
/* The task count keeps its blue fill, lifted so it separates from the dark band
   the header sits on — #045ba0 is close enough to that surface to read as a
   smudge. White on it either way, so the figure itself is unchanged. */
.dark-mode .phase-based-table .project_tsk_table td.phase_column > .phase_group_task_count{
    background-color: #2E7EC4 !important;
    color: #fff !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_eyebrow_tag{
    background-color: var(--dl-navy-bg) !important;
    color: var(--dl-navy) !important;
}

/* The separators need the ladder's own selector depth too, or the rule that
   paints every nested cell's border keeps them at the table's near-black. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.phaseGroupTr > td,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.subTask > td,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.phaseEyebrowTr > td,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag > tbody.subtaskTable > tr.phaseEmptyTr > td{
    border-bottom: 1px solid var(--dl-rule) !important;
}

/* ── The tree connector reads as one shape ────────────────────────────────
   Its parts were coming from different places on dark: the spine kept an
   older rule's #3F6A92 while the tick used --dl-line (#1F3757), which is all
   but invisible against a #112340 task row. So a vertical bar appeared with
   nothing joining it to the pill, and the connector stopped reading as a
   connector.

   The stub under the group header — the piece that runs from the dot in the
   pill down to the first child — belongs to the same shape and is listed here
   for the same reason: left on --dl-line it came out visibly darker than the
   spine it feeds, so the rail changed colour halfway down. Every part, one
   colour. */
.dark-mode .phase-based-table .project_tsk_table tr.phaseGroupTr:not(.collapsed) > td.phase_group_cell::after,
.dark-mode .phase-based-table .project_tsk_table tr.subTask.phaseGroupChild > td.phase_column::before,
.dark-mode .phase-based-table .project_tsk_table tr.subTask.phaseGroupChild > td.phase_column::after{
    background-color: #3F6A92 !important;
}

/* The strip between the Phase column and Task Name: the nested table's OWN
   background (#00233c, line ~316) showing through the seam between the two
   cells. It is behind the cells, so it paints an unbroken vertical band that
   the row separators never cross. The table matches the rows it holds, and
   the seam is closed for good measure. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.subtaskTableDrag,
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open table.phase_add_panel_wrap{
    background-color: var(--dl-surface) !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* ── The add panel, dark ──────────────────────────────────────────────────
   Rebuilt on the app's own tokens: the card sits on --darkmode-popColor (the
   surface dark popups already use), the controls on the row surface inside it,
   and the strip behind it on the well — card raised, controls inset, same
   hierarchy as light. The select override carries seven classes because an
   original rule (tr.fold.open .form-control.subtask_phase_select, line ~1988)
   forces black-on-transparent at that depth, which is unreadable here. */
.dark-mode .phase-based-table .project_tsk_table .prj_add_tsk_bx.phase_add_panel{
    background-color: #0c1f2e !important;
    border-color: #26354C !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.dark-mode .phase-based-table .project_tsk_table .prj_add_tsk_bx.phase_add_panel .form-control.subtask_phase_select{
    background-color: #021d31 !important;
    color: #E7EFF8 !important;
    border-color: #26576f !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .btn_task_action_icon_dv{
    background-color: #04121E !important;
    border-color: #26354C !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .btn_task_action_icon_dv .btn_task_action_icon,
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .btn_task_action_icon_dv i,
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .btn_task_action_icon_dv .multiselect::before{
    color: #A6BAD4 !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .btn_task_action_icon_dv:hover{
    border-color: #5FA0E6 !important;
}
/* A widget holding a value keeps the green fill; the glyph goes dark on it. */
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .btn_task_action_icon_dv.selected_fld_tsk{
    background-color: #82B504 !important;
    border-color: #82B504 !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .btn_task_action_icon_dv.selected_fld_tsk i,
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .btn_task_action_icon_dv.selected_fld_tsk .btn_task_action_icon,
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .btn_task_action_icon_dv.selected_fld_tsk .multiselect::before{
    color: #04121E !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .subtask_add{
    background-color: #1d4459 !important;
    border-color: #26576f !important;
    color: #E7EFF8 !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel .subtask_add:hover:not([disabled]){
    background-color: #5FA0E6 !important;
    border-color: #5FA0E6 !important;
    color: #04121E !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel_close{
    background-color: #04121E !important;
    border-color: #26354C !important;
    color: #A6BAD4 !important;
}
.dark-mode .phase-based-table .project_tsk_table .phase_add_panel_close:hover{
    border-color: #5FA0E6 !important;
    color: #5FA0E6 !important;
}
/* The host cell needs the open-row rule's own depth, or the row surface wins
   and the strip behind the card vanishes. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.view-tr.parentTask.add_panel_open > td.phase_add_panel_host{
    background-color: var(--dl-strip) !important;
}

/* Dark twin of the closing band's bottom rule — the dark drawer rule resets
   all borders, so it is restated here where it can win. */
.dark-mode .phase-based-table .project_tsk_table > tbody > tr.fold.open:not(.quick_add_open) > td{
    border-bottom: 1px solid var(--dl-rule) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   PHASE HEAD SKIN — dark tokens
   ══════════════════════════════════════════════════════════════════════════
   The header skin (task.css, section of the same name) resolves every surface,
   line and ink through --dl-*, exactly as the concept table does. So dark mode
   needs nothing but the same swap of values the table gets above: one list,
   no rules. Keep this list in step with .dark-mode .phase-based-table and with
   the light copy on .phase-head-skin.
   ══════════════════════════════════════════════════════════════════════════ */
.dark-mode .phase-head-skin{
    --dl-surface:#04121E;
    --dl-head:#202C3F;
    --dl-well:#121A28;
    --dl-hover:#1B2638;
    --dl-line:#26354C;
    --dl-line-soft:#1A2E4B;
    --dl-rule:#2C3D57;
    --dl-ink:#E7EFF8;
    --dl-ink-2:#A6BAD4;
    --dl-ink-3:#6E86A5;
    --dl-green:#8FC719;
    --dl-green-dk:#A9DC3A;
    --dl-green-bg:rgba(130,181,4,.16);
    --dl-navy:#5FA0E6;
    --dl-navy-bg:rgba(95,160,230,.14);
    --dl-amber:#E8A33D;
    --dl-amber-bg:rgba(232,163,61,.13);
    --dl-stop:#EC6A65;
    --dl-stop-bg:rgba(217,69,63,.16);
    --dl-shadow:0 16px 36px rgba(0,0,0,.45);
}