:root {
    --qs-dm-border: #0b1216;
    --qs-dm-link: rgb(250, 237, 237);
    --qs-dm-text: rgb(252, 252, 252);
    --qs-dm-title: rgb(252, 252, 252);
    --qs-dm-btn: #000;
    --qs-dm-bg: #1d2327;
}

.qs-dm-service-enable .qs-dark-mode-icon { 
    box-sizing: border-box !important;
    position: relative !important;
    display: block;
    transform: scale(var(--ggs,1));
    border: 2px solid;
    border-radius: 100px !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: 4px !important;
}
#wp-admin-bar-qs-dark-mode-dash:hover a{
  background: transparent !important;
}
.qs-dm-service-enable .qs-dark-mode-icon::after,
.qs-dm-service-enable .qs-dark-mode-icon::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block
}
.qs-dm-service-enable .qs-dark-mode-icon::before {
    border:5px solid;
    border-top-left-radius:100px;
    border-bottom-left-radius:100px;
    border-right: 0;
    width:9px;
    height:18px;
    top:-1px;
    left:-1px
}
.qs-dm-service-enable .qs-dark-mode-icon::after {
    border:4px solid;
    border-top-right-radius:100px;
    border-bottom-right-radius:100px;
    border-left: 0;
    width:4px;
    height:8px;
    right:4px;
    top:4px
}

html.qs-root-active #wpcontent :not(.wp-picker-holder):not(i):not(span):not(.qs-skip-dark-mode):not(.qs-dm-skip):not(.dark_switch_box):not(img):not(option):not(input):not(select):not(textarea):not(mark):not(code):not(pre):not(ins):not(button):not(a):not(video):not(canvas):not(progress):not(iframe):not(svg):not(path):not(.mejs-iframe-overlay):not(.mejs-iframe-overlay):not(.elementor-element-overlay):not(.elementor-background-overlay):not(#item-header-cover-image):not(#item-header-avatar):not(.activity-content):not(.activity-header):not(.dl_tab_content):not(.tab_content_inner):not(.tab_content):not(.admin_tab_desc):not(.element-ready-nav-wrapper ul li.ui-tabs-active a h3):not(.admin_tab_title):not(.tab-menu-link.active *){
    background: var(--qs-dm-bg) !important;
    background-color: var(--qs-dm-bg) !important;
    color: var(--qs-dm-text);
    border-color: var(--qs-dm-border) !important;
}

html.qs-root-active #adminmenu,
html.qs-root-active .quomodo_switch_common .quomodo_switch + label:before,
html.qs-root-active #wpcontent,
html.qs-root-active .widefat button.button-link,
html.qs-root-active .element-ready-nav-wrapper ul li.ui-tabs-active a h3,
html.qs-root-active .element-ready-nav-wrapper ul li > a,
html.qs-root-active .import-system .importer-title,
html.qs-root-active .qs-dark-mode-dashboard-topbar .qs-dark-mode-title .title i,
html.qs-root-active .qs-dark-mode-components-topbar .qs-dark-mode-title .title i ,
html.qs-root-active .element-ready-components-topbar .element-ready-title .title i ,
html.qs-root-active .element-ready-dashboard-topbar .element-ready-title .title i,
html.qs-root-active .qs-dark-mode-nav-wrapper ul li > a{
    background: var(--qs-dm-bg) !important;
    background-color: var(--qs-dm-bg) !important;
    color: var(--qs-dm-text) !important;
}
html.qs-dm-service-enable.qs-root-active #wpcontent .wp-picker-holder .iris-picker{
    background: #fff !important;
}
html.qs-root-active #adminmenu{
    background: var(--qs-dm-bg) !important;
    background-color: var(--qs-dm-bg) !important;
    color: var(--qs-dm-text) !important;
    -khtml-opacity: .98;
    -moz-opacity: .98;
    -ms-filter: "alpha(opacity=98)";
    filter: alpha(opacity=98);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.98);
    opacity: .98;
}

html.qs-root-active #wpcontent a:not(.qs-dm-skip),
 html.qs-root-active #wpcontent a *:not(.qs-dm-skip), 
 html.qs-root-active #wpcontent a:active:not(.qs-dm-skip),
  html.qs-root-active #wpcontent a:active *:not(.qs-dm-skip),
   html.qs-root-active #wpcontent a:visited:not(.qs-dm-skip), 
   html.qs-root-active #wpcontent a:visited *:not(.qs-dm-skip){
    border-color: var(--qs-dm-border) !important;
    color: var(--qs-dm-link) !important;
    background: transparent !important;
    background-color: transparent !important;
}

html.qs-root-active .quomodo_switch_common .quomodo_switch:checked + label:before

{
    background: rgb(6, 43, 112) !important;
    background-color: rgb(6, 43, 112) !important;
    color :rgb(250, 237, 237);
}
html.qs-root-active .element-ready-modal-close{
    color :rgb(250, 237, 237); 
}

html.qs-root-active #wpcontent h1,html.qs-root-active #wpcontent h2,html.qs-root-active #wpcontent h3
html.qs-root-active #wpcontent h4,html.qs-root-active #wpcontent h5,html.qs-root-active #wpcontent h6{
    color: var(--qs-dm-title);

}
html.qs-root-active body:not(.gutenberg-editor-page) #wpbody #wpbody-content .wrap .notice{
    background-color: #0b263c !important;
}