body.dark-mode {
    background-color: #000011;
    color: #ffffff;
}
body.dark-mode .o-dropdown--menu {
    background-color: #5a5e6b;
    color: #ffffff;
}
body.dark-mode .o-dropdown-item{
    color: #d1d1d1;
    
}
body.dark-mode .o-dropdown-item:hover {
    background-color: #666b79; /* Darker grey background on hover in dark mode */
    
}
body.dark-mode .o_navbar{
    /* background-color: #0c2434; */
    /* background-color: #0c1d2c; */
    background: #000011;
}
body.dark-mode .o_action_manager{
    background: #000011
}
body.dark-mode .o-dropdown.dropdown-toggle.dropdown{
    color: white;
}
body.dark-mode .o_home_menu .o_app .o_caption{
    color: white;
}
body.dark-mode .o_home_menu .o_app .o_app_icon{
    color: white;
    background-color: #ffffff0d;
    --AppSwitcherIcon-inset-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    --AppSwitcherIcon-border-color: transparent;
}

body.dark-mode .o_form_sheet{
    /* background: linear-gradient(to bottom right, rgb(25, 52, 78) -20%, rgba(7,9,22,1) 98%);
    border-color: #3C3E4B;
    background-color: #262A36;
    --AppSwitcherIcon-inset-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    --AppSwitcherIcon-border-color: transparent; */
    background: #000011;
}

body.dark-mode .o_control_panel{
    background: #000011;
}
body.dark-mode .o_main_navbar{
    background: #000011;
}

body.dark-mode .oe_stat_button .o_button_icon{
    color: #93CB51;
    --btn-color: #B1B3BC;
    --btn-bg: transparent;
    --btn-border-color: #3C3E4B;
    --btn-hover-color: #FFF;
    --btn-hover-bg: #3C3E4B;
    --btn-hover-border-color: #3C3E4B;
    --btn-focus-shadow-rgb: 78, 80, 92;
    --btn-active-color: #FFF;
    --btn-active-bg: #17373b;
    --btn-active-border-color: #03f9e3;
    --btn-active-shadow: 0;
    --btn-disabled-color: #FFF;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #3C3E4B;
}
body.dark-mode .oe_stat_button{
    color: white;
    border-color: #3C3E4B;
    background-color: #262A36;
    --AppSwitcherIcon-inset-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    --AppSwitcherIcon-border-color: transparent;
}
body.dark-mode .bg-view, .text-bg-view {
    --background-color: RGBA(255, 255, 255, var(--bg-opacity, 1));
    background-color: #000011 !important;
}
body.dark-mode .bg-view::-webkit-scrollbar,body.dark-mode .content-containerddm::-webkit-scrollbar,body.dark-mode .text-bg-view::-webkit-scrollbar,body.dark-mode .tablecont::-webkit-scrollbar,body.dark-mode .notification::-webkit-scrollbar,body.dark-mode #hover-popup-antivirus::-webkit-scrollbar,body.dark-mode #hover-popup-dlp::-webkit-scrollbar,body.dark-mode #hover-popup-edr::-webkit-scrollbar,body.dark-mode .content-container::-webkit-scrollbar,
body.dark-mode .table-container.dh::-webkit-scrollbar,body.dark-mode .table-container.di::-webkit-scrollbar,body.dark-mode .table-container.dp::-webkit-scrollbar,
body.dark-mode .table-container.udm::-webkit-scrollbar,body.dark-mode .container-wrapper-cmmdl::-webkit-scrollbar,body.dark-mode .table-container.ma::-webkit-scrollbar,
body.dark-mode .table-container.rm::-webkit-scrollbar,body.dark-mode .table-container.a::-webkit-scrollbar,body.dark-mode .table-container.eb::-webkit-scrollbar,body.dark-mode .table-container.dd::-webkit-scrollbar,body.dark-mode #policy-action::-webkit-scrollbar{
  width: 7px;
  height: 12px;
}
body.dark-mode .content-containerddm:hover::-webkit-scrollbar,body.dark-mode .text-bg-view:hover::-webkit-scrollbar,body.dark-mode .tablecont:hover::-webkit-scrollbar{
  width: 12px;
  height: 12px;
}

body.dark-mode .bg-view::-webkit-scrollbar-track,body.dark-mode .content-containerddm::-webkit-scrollbar-track,body.dark-mode .text-bg-view::-webkit-scrollbar-track,body.dark-mode .tablecont::-webkit-scrollbar-track,body.dark-mode .notification::-webkit-scrollbar-track,body.dark-mode #hover-popup-antivirus::-webkit-scrollbar-track,body.dark-mode #hover-popup-dlp::-webkit-scrollbar-track,body.dark-mode #hover-popup-edr::-webkit-scrollbar-track,body.dark-mode .content-container::-webkit-scrollbar-track,
body.dark-mode .table-container.dh::-webkit-scrollbar-track,body.dark-mode .table-container.di::-webkit-scrollbar-track,body.dark-mode .table-container.dp::-webkit-scrollbar-track,
body.dark-mode .table-container.udm::-webkit-scrollbar-track,body.dark-mode .container-wrapper-cmmdl::-webkit-scrollbar-track,body.dark-mode .table-container.ma::-webkit-scrollbar-track,
body.dark-mode .table-container.rm::-webkit-scrollbar-track,body.dark-mode .table-container.a::-webkit-scrollbar-track,body.dark-mode .table-container.eb::-webkit-scrollbar-track,body.dark-mode .table-container.dd::-webkit-scrollbar-track,
body.dark-mode #policy-action::-webkit-scrollbar-track {
  background: #000011;
}

body.dark-mode .bg-view::-webkit-scrollbar-thumb,body.dark-mode .content-containerddm::-webkit-scrollbar-thumb,body.dark-mode .text-bg-view::-webkit-scrollbar-thumb,body.dark-mode .tablecont::-webkit-scrollbar-thumb,body.dark-mode .notification::-webkit-scrollbar-thumb,body.dark-mode .content-container::-webkit-scrollbar-thumb,
body.dark-mode .table-container.dh::-webkit-scrollbar-thumb,body.dark-mode .table-container.di::-webkit-scrollbar-thumb,body.dark-mode .table-container.dp::-webkit-scrollbar-thumb,
body.dark-mode .table-container.udm::-webkit-scrollbar-thumb,body.dark-mode .container-wrapper-cmmdl::-webkit-scrollbar-thumb,body.dark-mode .table-container.ma::-webkit-scrollbar-thumb,
body.dark-mode .table-container.rm::-webkit-scrollbar-thumb,body.dark-mode .table-container.a::-webkit-scrollbar-thumb,body.dark-mode .table-container.eb::-webkit-scrollbar-thumb,body.dark-mode .table-container.dd::-webkit-scrollbar-thumb,
body.dark-mode #policy-action::-webkit-scrollbar-thumb {
  background-color: #123456;
  border-radius: 6px;
  border: 2px solid #000011;
}
body.dark-mode .btn-primary {
    background-color: #93CB51; 
    border-color: #93CB51;
}
body.dark-mode .o-form-buttonbox .o_pie_value, .o-form-buttonbox .oe_stat_button .o_stat_info .o_stat_value, .o-form-buttonbox .oe_stat_button > span .o_stat_value, .o-form-buttonbox .oe_stat_button .o_field_statinfo .o_stat_value {
    color: var(--o-stat-text-color, #93CB51);
}
body.dark-mode .o_field_widget{
    color: white;
}
body.dark-mode .o_form_label{
    color: white;
}
body.dark-mode .o_menu_toggle_icon{
    color: #93CB51;
}
body.dark-mode .o_col{
    color: #93CB51;
}
body.dark-mode .o_notebook .nav {
    padding: 0 var(--notebook-padding-x, 0);
    background: #000011;
}
body.dark-mode .o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_sections .dropdown-toggle {
    background: none;
    border: 1px solid transparent;
    color: white;
}
body.dark-mode .bg-view, .text-bg-view {
    background: #000011;
}
body.dark-mode .o_main_navbar .o_menu_brand, .o_main_navbar .o_navbar_breadcrumbs, .o_main_navbar .o_navbar_breadcrumbs .btn {
    color: white;
}
body.dark-mode .list-group {
    --list-group-color: white;
    --list-group-bg: none;
}
body.dark-mode .btn-light {
    --btn-bg: transparent;
    --btn-border-color: transparent;
    color: white;
}
body.dark-mode .o_search_panel_category_value:hover{
 background-color: rgba(7,9,22,1);
}
body .btn-outline-secondary{
     color:#93CB51 ;
    --btn-color: #374151;
    --btn-bg: transparent;
    --btn-border-color: #d8dadd;
    --btn-hover-color: #1F2937;
    --btn-hover-bg: #e7e9ed;
    --btn-hover-border-color: #d8dadd;
    --btn-focus-shadow-rgb: 192, 195, 200;
    --btn-active-color: #111827;
    --btn-active-bg: #e6f2f3;
    --btn-active-border-color: #017e84;
    --btn-active-shadow: 0;
    --btn-disabled-color: #000;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #d8dadd;
}
body .o-form-buttonbox .oe_stat_button .o_button_icon{
    color: #93CB51 ;
}
body .o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_sections .dropdown-toggle {
    color: #000011;
}


/* Default State (Truncated text with ellipsis) */
.o_dashboard_name {
    width: 200px; /* Adjust based on your sidebar width */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: width 0.3s ease; /* Smooth transition when expanding */
}
body.dark-mode .o_search_panel_category_value:hover .o_dashboard_name {
    width: 400px; /* Remove truncation */
    white-space: normal; /* Allow text to wrap and expand */
    /* background-color: rgba(7,9,22,1); Optional: Background to highlight the hover */
    padding: 5px; /* Optional: Add some padding for better user experience */
}

/* Optionally, add a tooltip effect on hover */
.o_dashboard_name:hover {
    position: relative;
}

.o_dashboard_name:hover::after {
    content: attr(data-name); /* Shows full text */
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 5px;
    white-space: nowrap; /* Prevent text from wrapping */
    z-index: 1; /* Ensures the tooltip stays on top */
}
.o_main_navbar .o_menu_toggle {
    color: #93CB51;
}

body.dark-mode .o_list_renderer .o_list_table{
    --table-bg:rgb(25, 52, 78)
}
body.dark-mode .o_list_renderer .o_list_table thead {
    background-color:#111827;
}
body.dark-mode .o_list_renderer .o_list_table thead th {
    padding-top: var(--ListRenderer-thead-padding-y);
    background-color: transparent;
    color: white;
}

body.dark-mode .sen-data{
    background-color: #d48882;
    color: white;
}
body.dark-mode .norm-data{
    background-color: #9b6a9c;
    color: white;
}
body.dark-mode .junk-data{
    background-color: #7a7979;
    color: white;
}
body.dark-mode .onl-data{
    background-color: #347a9b;
    color: white;
}
body.dark-mode .cloud-data{
    background-color: #37699b;
    color: white;
}
body.dark-mode .bg-view, .text-bg-view {
    --background-color: RGBA(255, 255, 255, var(--bg-opacity, 1));
    background-color: #000011 !important;
}
body.dark-mode .content-container,body.dark-mode .pagination,body.dark-mode .stat-content,body.dark-mode .totable,body.dark-mode .tograph{
    background: #000011 !important;
}
body.dark-mode .vert-line{
    background: white;
}
body.dark-mode .pagination button,body.dark-mode .date-filter option,body.dark-mode #policy-group option,body.dark-mode #policy-host option,body.dark-mode #policy-action option{
    background-color: #D9D9D9;
    color: black;
}
body.dark-mode .chart-container,body.dark-mode .qbtn,body.dark-mode .fbtn,body.dark-mode .ubtn,body.dark-mode .rbtn,body.dark-mode .qbtn1,body.dark-mode .fbtn1,body.dark-mode .rbtn1,body.dark-mode .ubtn1,body.dark-mode .ubtn2,body.dark-mode .ubtn3,body.dark-mode .policy-box{
    background: #20251C;
    color: white;

}
body.dark-mode .percentage-value, body.dark-mode .btnc, body.dark-mode .btnn,.action,body.dark-mode .policy-host:hover,body.dark-mode .policy-action:hover,body.dark-mode .policy-group:hover  {
    color: white !important;
}
body.dark-mode .list-group-item.active{
    color: #66F7FE;
    background-color:#182F31 ;
}
body.dark-mode .stat-value-1,body.dark-mode .stat-value-2,body.dark-mode .stat-value-3{
    color: white;
    background-color: #20251C;
}
body.dark-mode #email.stat-title-3,body.dark-mode #usb.stat-title-3,body.dark-mode #cloud.stat-title-3{
    background: none;
}
body.dark-mode .custom-dropdown div{
    color: black;
}
body.dark-mode .separator-line{
    background-color: #F0F0F0;
}

body.dark-mode #hexHeatmap{
    background-color: #000012;
    box-shadow:none;
}
body.dark-mode #hexHeatmap svg{
    background-color: transparent;
}

body.dark-mode .o_control_panel{
    border-bottom : 1px solid darkgrey;
}

body.dark-mode .layer-segment,body.dark-mode .layer-number,body.dark-mode .layer-subtitle{
    color : white;
}

body.dark-mode .layerline{
    background-color: white;
}
body.dark-mode .bar{
    background-color: #2E75B6;
}

body.dark-mode .bar.red-glow {
animation: none;
}
body.dark-mode .o_control_panel {
    border-bottom: 1px solid #1A1A2E;
}
body.dark-mode .o_search_panel {
    border-right: 1px solid #1A1A2E !important;
}
body.dark-mode .content-containerddm{
    background-color: #000011;
}
body.dark-mode .activate{
    box-shadow: 0 0 0px 2px rgba(0, 255, 255, 0.3);
}
body.dark-mode .bt-tab{
 color: #3DA9C0;
 background: linear-gradient(30deg, rgba(100, 100, 100, .05), rgba(100, 150, 150, .07)) ;
}
body.dark-mode .bt-tab.active {
    background: #000011;
    border: 2px solid #1A1A2E !important;
    border-bottom: none !important;
}
body.dark-mode .bt-tab:hover {
    border: 2px solid #1A1A2E;
    border-bottom: none;
}
/* Inactive tabs should have a bottom border */
body.dark-mode .bt-tab.inactive-border {
    border-bottom: 3px solid #1A1A2E !important;
}
body.dark-mode .vcre, body.dark-mode .vcrd , body.dark-mode .vcrc{
    background: linear-gradient(30deg, rgba(100, 100, 100, .05), rgba(100, 150, 150, .07)) ;
    color: white;
}
body.dark-mode .containersub1, body.dark-mode .containersub2, body.dark-mode .container1122,body.dark-mode .container1123,body.dark-mode .layer-segment, body.dark-mode .container22,body.dark-mode .container211,body.dark-mode .container212,body.dark-mode .container213,body.dark-mode .container31,body.dark-mode .container41,
body.dark-mode .container42,body.dark-mode .container51,body.dark-mode .container52,body.dark-mode .container61,body.dark-mode .container62,body.dark-mode .container71,body.dark-mode .container81,body.dark-mode .container91,body.dark-mode .container101,body.dark-mode .o_search_panel_section,
body.dark-mode .chart-containerr.edh{
    background: linear-gradient(30deg, rgba(100, 100, 100, .05), rgba(100, 150, 150, .07));
}

body.dark-mode .containersub1:hover,body.dark-mode .containersub2:hover, body.dark-mode .container1122:hover,body.dark-mode .container1123:hover, body.dark-mode .container22:hover,body.dark-mode .container211:hover,body.dark-mode .container212:hover,body.dark-mode .container213:hover,body.dark-mode .container31:hover,body.dark-mode .container41:hover,body.dark-mode .container42:hover,
body.dark-mode .container51:hover,body.dark-mode .container52:hover,body.dark-mode .container61:hover,body.dark-mode .container62:hover,body.dark-mode .container71:hover,body.dark-mode .container81:hover,body.dark-mode .container91:hover,body.dark-mode .container101:hover,
body.dark-mode .chart-containerr.edh:hover{
    background: linear-gradient(30deg, rgba(100, 100, 100, .10), rgba(0, 234, 255, .05));
    box-shadow: 0 0 15px 2px rgba(0, 255, 255, 0.3);

}

body.dark-mode .o_spreadsheet_dashboard_search_panel.o_search_panelbody,body.dark-mode .custom-select option,body.dark-mode .custom-select0 option,body.dark-mode .custom-select1 option,body.dark-mode .o_control_panel,body.dark-mode .o_main_navbar,
body.dark-mode .container-wrapper-anth,body.dark-mode .container-wrapper-cmh ,body.dark-mode .container-wrapper-dlph,body.dark-mode .container-wrapper-cmm,body.dark-mode .container-wrapper-cme ,body.dark-mode .container-wrapper-cmc, 
body.dark-mode .container-wrapper-anthv,body.dark-mode .container-wrapper-cmmeb,body.dark-mode .container-wrapper-cmmdl,body.dark-mode .container-wrapper-cmm.dp,body.dark-mode .container-wrapper-cmm.di,body.dark-mode .container-wrapper-anthu{
    background-color: #000011;
}

body.dark-mode .notf,body.dark-mode .totinc,body.dark-mode .openinc,body.dark-mode .critinc,body.dark-mode .viewpolvi,body.dark-mode .rtbtn,
body.dark-mode .layer-segment,body.dark-mode .sen-data,body.dark-mode .junk-data,body.dark-mode .norm-data,body.dark-mode .onl-data,body.dark-mode .cloud-data,
body.dark-mode .o_search_panel_section,body.dark-mode .chart-containerr.edh{
    border: 1px solid rgb(0,0,17);
}

body.dark-mode .totinc:hover,body.dark-mode .openinc:hover,body.dark-mode .critinc:hover,body.dark-mode .notf:hover,body.dark-mode .viewpolvi:hover,body.dark-mode .o_search_panel_section_header:hover{
background-color: rgb(0,0,17);
box-shadow: none;
}

body.dark-mode .layer-number,body.dark-mode .layer-subtitle,body.dark-mode .filter-item:hover::after,body.dark-mode .filter-item.dd:hover::after,
body.dark-mode .policy-host:hover::after,body.dark-mode .policy-action:hover::after,body.dark-mode .policy-group:hover::after  {
    color: #3DA9C0 !important;
}
body.dark-mode .layer-segment.unlocked .layerline,body.dark-mode .layerline {
    background: #3DA9C0;
}
body.dark-mode .bar.red-glow{
    transition: "none";
    animation: red;
}
body.dark-mode tr:hover{
    color: #3DA9C0 !important;
    -webkit-text-fill-color: #3DA9C0 !important;  
}
body.dark-mode .table-container.rm,body.dark-mode .table-container.a, body.dark-mode .table-container.e,body.dark-mode .table-container.eb,body.dark-mode .table-container.udm,body.dark-mode .table-container.dh,body.dark-mode .table-container.ma,body.dark-mode .table-container.dd,body.dark-mode .table-container.di,body.dark-mode .table-container.dp,body.dark-mode .table-container.ud{
    background: linear-gradient(30deg, rgba(100, 100, 100, .05), rgba(100, 150, 150, .07));
    border: 1px solid #070A1A;
}

body.dark-mode .tablecont{
    border: 1px solid rgb(0, 0, 17);
}
body.dark-mode .stat-header{
    background-color: rgb(26,38,57) !important;
}
body.dark-mode #multi-select-dropdown1:hover label,body.dark-mode #multi-select-dropdown2:hover label{
    background-color: rgb(0, 0, 17);
}
body.dark-mode .vertline{
    background-color: #3DA9C0;
    opacity: 0.3;
    box-shadow: 0 0 15px 2px rgba(0, 255, 255, 0.3);
}
body.dark-mode .vert-line.dd{
    background-color: #3DA9C0;
    opacity: 0.6;
    box-shadow: 0 0 15px 2px rgba(0, 255, 255, 0.3);
}
body.dark-mode .ransomhead{
    color:#AEE9FF;
}
body.dark-mode .stat-value-hx{
    color: white;
}
body.dark-mode .stat-title-1.eb,body.dark-mode .stat-title-hx,body.dark-mode .clse,body.dark-mode .stat-title,body.dark-mode .stat-titlerm,body.dark-mode .stat-titleru,body.dark-mode .stat-titlea1,body.dark-mode .stat-title-1a2,body.dark-mode .stat-title-1.ef,body.dark-mode .stat-title-1.ert
,body.dark-mode.stat-title-1.fim,body.dark-mode.stat-title-1.rd,body.dark-mode .stat-title-1.ma,body.dark-mode .stat-title-1.dd,body.dark-mode .stat-title-2.dd,body.dark-mode .stat-title-3.dd,body.dark-mode .stat-title-4.dd,
body.dark-mode .stat-title-1.udm,body.dark-mode .stat-title-2.udm,body.dark-mode .stat-title-3.udm,body.dark-mode .stat-title-1.dp,body.dark-mode .stat-title-1.di,body.dark-mode .stat-title-1.dh,
body.dark-mode .stat-title-1.ud,body.dark-mode .stat-title-2.ud,body.dark-mode .stat-title-3,body.dark-mode .stat-title-2,body.dark-mode .stat-title-1,body.dark-mode .stat-title-1eh{
    color: #3DA9C0;
    background-color: transparent !important;
    border-bottom: 1px solid rgb(0,0,17);
}
body.dark-mode .stat-value-hx,body.dark-mode .stat-content,body.dark-mode .stat-content11,body.dark-mode .stat-value,body.dark-mode .stat-value-1,body.dark-mode .stat-valuerm,body.dark-mode .stat-valueru,body.dark-mode .stat-valuea1,body.dark-mode .stat-value-1.eb,body.dark-mode .stat-value-1.ef,body.dark-mode .stat-value-1.ert
    ,body.dark-mode .stat-value-1.fim,body.dark-mode .stat-value-1.dhh ,body.dark-mode .stat-value-1.rd,body.dark-mode .stat-value-1.ma,body.dark-mode .stat-value-1.dd,body.dark-mode .stat-value-2.dd,body.dark-mode .stat-value-3.dd,body.dark-mode .stat-value-4.dd,
    body.dark-mode .stat-value-1.udm,body.dark-mode .stat-value-2.udm,body.dark-mode .stat-value-3.udm,body.dark-mode .stat-value-1.dp,body.dark-mode .stat-value-1.di,body.dark-mode .stat-value-1.dh,
    body.dark-mode .stat-value-1.ud,body.dark-mode .stat-value-2.ud,body.dark-mode .stat-value-2 ,body.dark-mode .stat-value-3,body.dark-mode .stat-value-1a2,body.dark-mode .stat-value-1eh,body.dark-mode .stat-value-3edh,body.dark-mode .stat-value-4e{    
    background-color: transparent !important;
    border-bottom: 1px solid rgb(0,0,17);
}
body.dark-mode .stat-value-hx:hover,body.dark-mode .stat-value:hover,body.dark-mode .stat-value-1:hover,body.dark-mode .stat-valuerm:hover,body.dark-mode .stat-valueru:hover,body.dark-mode .stat-valuea1:hover,body.dark-mode .stat-value-1.eb:hover,body.dark-mode .stat-value-1.ef:hover,body.dark-mode .stat-value-1.ert:hover
    ,body.dark-mode .stat-value-1.fim:hover,body.dark-mode .stat-value-1.dhh:hover ,body.dark-mode .stat-value-1.rd:hover,body.dark-mode .stat-value-1.ma:hover,body.dark-mode .stat-value-1.dd:hover,body.dark-mode .stat-value-2.dd:hover,body.dark-mode .stat-value-3.dd:hover,body.dark-mode .stat-value-4.dd:hover,
    body.dark-mode .stat-value-1.udm:hover,body.dark-mode .stat-value-2.udm:hover,body.dark-mode .stat-value-3.udm:hover,body.dark-mode .stat-value-1.dp:hover,body.dark-mode .stat-value-1.di:hover,body.dark-mode .stat-value-1.dh:hover,
    body.dark-mode .stat-value-1.ud:hover,body.dark-mode .stat-value-2.ud:hover,body.dark-mode .stat-value-2:hover,body.dark-mode .stat-value-3:hover,body.dark-mode .stat-value-1a2:hover,body.dark-mode .stat-value-1eh:hover,body.dark-mode .stat-value-3edh:hover,
    body.dark-mode .stat-item-1:hover td,body.dark-mode .stat-item:hover td{  
    color: #3DA9C0;
    -webkit-text-fill-color: #3DA9C0;  
}
body.dark-mode .stat-item-1:hover .stat-value-1 svg {
    stroke: #3DA9C0;
}
body.dark-mode .force-container #graph,body.dark-mode #graph1{
    border: 1px solid #060B1B;
}
body.dark-mode ul.dropdown-menu.show div{
    border-color: rgba(0, 255, 255, 0.3);
    color: white;
}
body.dark-mode ul.dropdown-menu.show div:hover,body.dark-mode .viewpolvi,body.dark-mode .polbt,body.dark-mode .stat-value-4.dd,body.dark-mode .stat-value-4e{
    color: white;
    -webkit-text-fill-color:white;
}

body.dark-mode ul.dropdown-menu.show{
    background-color:#000011;
    border-color: #000011;
}
body.dark-mode .opencontmain,body.dark-mode .layer-segment:hover::after,body.dark-mode .infocon:hover::after,body.dark-mode .stat-item-41,body.dark-mode .stat-item-42,body.dark-mode .stat-item-43{
    background-color: #000011;
    color: #3DA9C0;
    border: 1px solid rgba(0, 234, 255,0.2);
    border-color: rgba(0, 234, 255,0.2);
    box-shadow: none;
    opacity: 0.90;
    /* filter: blur(2px); */
}
body.dark-mode .appicon {
    stroke: #3DA9C0;
}
body.dark-mode .apexcharts-heatmap-rect {
stroke: #000011;
}
body.dark-mode h5,body.dark-mode .o_search_panel_section_header,body.dark-mode .appicon,body.dark-mode .h4txt,body.dark-mode .htxt,body.dark-mode .alertnotif, body.dark-mode .rtbtn,body.dark-mode .h5head,body.dark-mode .h5head1,body.dark-mode .pagination,
body.dark-mode #policy-group,body.dark-mode #policy-host,body.dark-mode #policy-action,body.dark-mode .clearbttn,body.dark-mode .event-label,body.dark-mode .cls{
    color: #3DA9C0;
}
body.dark-mode .separator-line{
    background-color: #3DA9C0;
}

body.dark-mode .valt, body.dark-mode .vntf, body.dark-mode .custom-select, body.dark-mode .custom-select0,body.dark-mode .custom-select1,body.dark-mode #dateselector,body.dark-mode .search-input.di,body.dark-mode .search-input.dp,body.dark-mode .search-input.udm,body.dark-mode .search-input.dd,body.dark-mode .search-input.eb,body.dark-mode .percentage-bar{
    background-color: #000011;
    color: #3DA9C0;
    -webkit-text-fill-color: #3DA9C0;
    border: 1px solid rgba(0,168,255,0.3);
}
body.dark-mode #detailsBox{
    background-color: #000011 !important;
    color: #3DA9C0;
    -webkit-text-fill-color: #3DA9C0;
    border: 1px solid rgba(0,168,255,0.3) !important;
}

body.dark-mode #filter1::placeholder,body.dark-mode .autocomplete-list,body.dark-mode .date-filter,body.dark-mode .date-filter option,body.dark-mode #policy-group option,body.dark-mode #policy-host option,body.dark-mode #policy-action option,
body.dark-mode #multi-select-dropdown1,body.dark-mode #multi-select-dropdown2 {
    color: #3DA9C0;
    background-color: #000011;
    border-color: #000011;
}

body.dark-mode #filter1::-webkit-input-placeholder,body.dark-mode #filter1,body.dark-mode #filter2::-webkit-input-placeholder,body.dark-mode #filter2,body.dark-mode #filter3::-webkit-input-placeholder,body.dark-mode #filter3 {
    color: #3DA9C0;
    background-color: #000011;
    border: transparent;
}

body.dark-mode #filter1:-ms-input-placeholder {
    color: #3DA9C0;
    background-color: #000011;
}

body.dark-mode .filter-item.dh,body.dark-mode .filter-item,body.dark-mode .filter-item.dd,body.dark-mode .policy-group,body.dark-mode .policy-host,body.dark-mode .policy-action  {
    border-color: #0F2A3D;
}

body.dark-mode input[type="date"]::-webkit-calendar-picker-indicator  {
    filter: invert(63%) sepia(44%) saturate(511%) hue-rotate(149deg) brightness(93%) contrast(87%);
}
body.dark-mode .rtbtn:hover{
    background-color: #000011;
    box-shadow: none;
}
body.dark-mode .viewpolvi, body.dark-mode .polbt,body.dark-mode .stat-value-1a2,body.dark-mode .stat-valuea1,body.dark-mode .stat-valuerm,body.dark-mode .actit,body.dark-mode .actii,body.dark-mode .stat-value-1eh{
    color: white;
    -webkit-text-fill-color: white;
}
body.dark-mode ul.dropdown-menu.show div:hover,body.dark-mode .export,body.dark-mode .applyfilt,body.dark-mode .search,body.dark-mode .search.dd,
body.dark-mode .qbtna, body.dark-mode .fbtna,body.dark-mode .ubtna,body.dark-mode .rbtna,
body.dark-mode .qbtnd,body.dark-mode .fbtnd,body.dark-mode .ubtnd,body.dark-mode .rbtnd,body.dark-mode .qbtnd1,body.dark-mode .fbtnd1,body.dark-mode .ubtnd1,body.dark-mode .rbtnd1,body.dark-mode .ubtnd2,body.dark-mode .ubtnd3,
body.dark-mode .qbtnm,body.dark-mode .fbtnm,body.dark-mode .ubtnm,body.dark-mode .rbtnm,body.dark-mode .pagination button,body.dark-mode .remvfilt,
body.dark-mode .expt,body.dark-mode .new-policy,body.dark-mode #create-policy{
    background: rgba(0,168,255,0.1);
    border: 1px solid rgba(0,168,255,0.3);
    color: #3DA9C0;
    -webkit-text-fill-color: #3DA9C0;
}

/* body.dark-mode .export:hover,body.dark-mode .applyfilt:hover,body.dark-mode .search:hover,body.dark-mode .search.dd:hover,body.dark-mode .remvfilt:hover,body.dark-mode .expt:hover,body.dark-mode .policy-box:hover {
    box-shadow: 0 0 15px 2px rgba(0, 255, 255, 0.3);
} */
body.dark-mode .policy-box{
    background: linear-gradient(30deg, rgba(100, 100, 100, .05), rgba(100, 150, 150, .07));
    border-color:transparent;
}
body.dark-mode .o_search_panel_category_value::before {
  content: "";
  position: absolute;
  top: -10%;
  left: -12px; /* adjust based on padding */
  width: 12px;
  min-height: 37px;
  border-left: 2px solid #1A1A2E !important;
  border-bottom: 2px solid #1A1A2E;
  border-bottom-left-radius: 6px;
  transform: translateY(-50%);
  z-index: 0;
}
body.dark-mode .o_search_panel_category_value.at::before {
  content: "";
  position: absolute;
  top: -10%;
  left: -12px; /* adjust based on padding */
  width: 12px;
  min-height: 37px;
  border-left: 2px solid #000012 !important;
  border-bottom: 2px solid #000012;
  border-bottom-left-radius: 6px;
  transform: translateY(-50%);
  z-index: 0;
}
body.dark-mode .list-group-item.at:hover,body.dark-mode .list-group-item.at .o_dashboard_name.at:hover{
    cursor: pointer;
    background-color: #000012 !important;
    border-color: #000012 !important;
    border-radius: 10px !important;
}

body.dark-mode .list-group-item.active,body.dark-mode .o_search_panel_category_value:hover{
    color: white;
    background-color: #1A1A2E !important;
    border: 1px solid #1A1A2E !important;
    border-radius: 10px;
    margin: 2px 0px;
}
body.dark-mode .btn.btn-light.btn-sm.end-0:hover{
    background-color: #000012;
    border-color: #000012;
}
body.dark-mode .o_dashboard_name:hover{
    background-color: #1A1A2E !important;
    border-color: #1A1A2E !important;
}
body.dark-mode .list-group-item.at{
    color: white !important;
}
body.dark-mode #policy-name::placeholder {
    background-color: #000011;
    color: #3DA9C0;
    -webkit-text-fill-color: #3DA9C0;
}

body.dark-mode #policy-name::-webkit-input-placeholder {
    color: #000012 !important;
}

body.dark-mode #policy-name:-moz-placeholder {
    color: #000012 !important;
}

body.dark-mode #policy-name::-moz-placeholder {
    color: #000012 !important;
}

body.dark-mode #policy-name:-ms-input-placeholder {
    color: #000012 !important;
}
body.dark-mode #policy-name {
    background-color: #000011;
    color: #3DA9C0;
    border: 1px solid rgba(0, 168, 255, 0.3);
}