/* Mailum dark theme (Figma "Dark Theme" page). Generated by tools/dark-theme/gen-dark-css.py from temp-style.css and
   compose.css with the light palette mapped to the dark tokens; the hand-written part (tools/dark-theme/dark-polish.css) is at the end. Do not edit this file by hand. */
/* ---- generated from public/css/temp-style.css: 709 rules ---- */
html.dark-theme .owl-nav .owl-prev { background: none; border: none; background: url("../images/left-arrow.svg") no-repeat center; }
html.dark-theme .owl-nav .owl-next { background: none; border: none; background: url("../images/right-arrow.svg") no-repeat center; }
html.dark-theme .owl-dots .owl-dot span { background: #939393; border: 2px solid #cacaca; }
html.dark-theme .owl-dots .owl-dot:hover span { background: #971d40; }
html.dark-theme .owl-dots .owl-dot.active span { background: #971d40; border: 2px solid #111315; }
html.dark-theme .slider-btn button { border: none; }
html.dark-theme .slider-btn .next-btn { background: url("../images/right-arrow.svg") no-repeat left top; background-size: 24px; }
html.dark-theme .slider-btn .prev-btn { background: url("../images/left-arrow.svg") no-repeat left top; background-size: 24px; }
html.dark-theme body { color: #ffffff; }
html.dark-theme .h2, html.dark-theme h2 { color: #ffffff; }
html.dark-theme .h3, html.dark-theme h3 { color: #ffffff; }
html.dark-theme .btn-white { background-color: #111315; color: #ffffff; border: none; }
html.dark-theme .btn-white:hover { color: #fff; background-color: rgba(17, 19, 21, 0.2); }
html.dark-theme .btn-white-border-2 { background: none; color: #fff; border: 1px solid rgba(17, 19, 21, 0.07); }
html.dark-theme .btn-white-border-2:hover { color: #fff; background-color: rgba(17, 19, 21, 0.2); }
html.dark-theme .btn-blue { background-color: #3485ff; color: #fff; border: none; }
html.dark-theme .btn-blue:hover { color: #fff; background-color: #2a6fd9; }
html.dark-theme .btn-blue:disabled, html.dark-theme .btn-blue[disabled] { background-color: #242729; color: #b0b0b0; }
html.dark-theme .btn-gray-border { background-color: #111315; color: #ffffff; border: none; border: 1px solid rgba(255, 255, 255, 0.07); }
html.dark-theme .btn-gray-border:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.07); }
html.dark-theme .btn-gray-border span { background: url("../images/right-arrow-2.svg") no-repeat left top; background-size: 10px 12px; }
html.dark-theme .call-to-action { background-color: #3485ff; color: #fff; }
html.dark-theme .tooltip-inner { background-color: #3485ff !important; }
html.dark-theme .tooltip.bs-tooltip-right .tooltip-arrow:before { border-right-color: #3485ff !important; }
html.dark-theme .tooltip.bs-tooltip-left .tooltip-arrow:before { border-left-color: #3485ff !important; }
html.dark-theme .tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before, html.dark-theme .tooltip.bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: #3485ff !important; }
html.dark-theme .tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before, html.dark-theme .tooltip.bs-tooltip-top .tooltip-arrow:before { border-top-color: #3485ff !important; }
html.dark-theme .form-control { border: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; }
html.dark-theme .form-control:focus { border: 1px solid #ffffff; }
html.dark-theme textarea.form-control { border: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; }
html.dark-theme textarea.form-control:focus { border: 1px solid #ffffff; }
html.dark-theme .form-select { border: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; }
html.dark-theme .form-select:focus { border: 1px solid #ffffff; }
html.dark-theme .form-icon { border: none; }
html.dark-theme .form-icon.eye { background: url("../images/icon-eye-white.svg") no-repeat left top; background-size: 24px; }
html.dark-theme .full-height-container .welcome-text span:last-child { color: #3485ff; }
html.dark-theme .full-height-container .right-side { background: url("../images/blue-bg.jpg") no-repeat center; color: #fff; background-size: cover; }
html.dark-theme .full-height-container .right-data .right-title { color: #fff; }
html.dark-theme .data-container .h1, html.dark-theme .data-container .h2, html.dark-theme .data-container h1, html.dark-theme .data-container h2 { color: #ffffff; }
html.dark-theme .call-to-action-2 { background-color: #3485ff; color: #fff; }
html.dark-theme .call-to-action-2 .btn-white { color: #3485ff; }
html.dark-theme .call-to-action-2 .btn-white:hover { color: #fff; }
html.dark-theme header.header-frontend { background-color: #111315; }
html.dark-theme header .navbar-toggler { border: none; outline: none; border: none !important; }
html.dark-theme header .navbar-toggler .icon-bar { background-color: #2c2f33; }
html.dark-theme header .bg-light { background: none !important; }
html.dark-theme header .navbar-light .navbar-nav .nav-link { color: #ffffff; }
html.dark-theme header .navbar-light .navbar-nav .nav-link.dropdown-toggle:after { background: url("../images/down-arrow-dark.svg") no-repeat left top; border: none; background-size: 12px 7px; }
html.dark-theme header .navbar-light .navbar-nav .nav-link.show, html.dark-theme header .navbar-light .navbar-nav .nav-link:hover { color: #ffffff; }
html.dark-theme header .navbar-light .navbar-nav .nav-link.show.dropdown-toggle:after, html.dark-theme header .navbar-light .navbar-nav .nav-link:hover.dropdown-toggle:after { background: url("../images/down-arrow-dark.svg") no-repeat left top; background-size: 12px 7px; }
html.dark-theme header .navbar-light .navbar-nav .nav-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
html.dark-theme header .navbar-light .navbar-nav .nav-item.active .nav-link { color: #3485ff; }
html.dark-theme header .navbar-light .dropdown-menu { border: none; }
html.dark-theme header .navbar-light .dropdown-menu li a { color: #ffffff; }
html.dark-theme header .navbar-light .dropdown-menu li a:hover { color: #3485ff; }
html.dark-theme header .navbar-light .header-cta-btn .nav-item { border: none; }
html.dark-theme header .navbar-light .header-cta-btn a { color: #3485ff; }
html.dark-theme header .navbar-light .header-cta-btn a.btn-1 { border: 1px solid rgba(255, 255, 255, 0.1); }
html.dark-theme header .navbar-light .header-cta-btn a.btn-2 { background-color: #3485ff; color: #fff; }
html.dark-theme header .navbar-light .header-cta-btn a:hover { color: #fff; background-color: #2a6fd9; }
html.dark-theme header.home { background-color: #3485ff; }
html.dark-theme header.home .navbar-light .navbar-nav .nav-link { color: #fff; }
html.dark-theme header.home .navbar-light .navbar-nav .nav-link.dropdown-toggle:after { background: url("../images/down-arrow.svg") no-repeat left top; background-size: 12px 7px; }
html.dark-theme header.home .navbar-light .header-cta-btn a { color: #fff; }
html.dark-theme header.home .navbar-light .header-cta-btn a.btn-1 { background-color: rgba(17, 19, 21, 0.16); }
html.dark-theme header.home .navbar-light .header-cta-btn a.btn-2 { background-color: #111315; color: #3485ff; }
html.dark-theme header.home .navbar-toggler .icon-bar { background-color: #111315; }
@media screen and (min-width: 992px) {
  html.dark-theme header .navbar-light .navbar-nav .nav-item { border: none; }
  html.dark-theme header .navbar-light .navbar-nav .nav-link.dropdown-toggle:after { background: url("../images/down-arrow-dark.svg") no-repeat left top; border: none; background-size: 12px 7px; }
  html.dark-theme header .navbar-light .navbar-nav .nav-link.show, html.dark-theme header .navbar-light .navbar-nav .nav-link:hover { color: #3485ff; }
  html.dark-theme header .navbar-light .navbar-nav .nav-link.show.dropdown-toggle:after, html.dark-theme header .navbar-light .navbar-nav .nav-link:hover.dropdown-toggle:after { background: url("../images/down-arrow-blue.svg") no-repeat left top; background-size: 12px 7px; }
  html.dark-theme header .navbar-light .dropdown-menu:after { border: solid transparent; border-color: rgba(136, 183, 213, 0); border-bottom-color: #111315; border-width: 5px; }
  html.dark-theme header.home .navbar-light .navbar-nav .nav-link.dropdown-toggle:after { background: url("../images/down-arrow.svg") no-repeat left top; background-size: 12px 7px; }
  html.dark-theme header.home .navbar-light .navbar-nav .nav-link.show, html.dark-theme header.home .navbar-light .navbar-nav .nav-link:hover { color: #ffffff; }
  html.dark-theme header.home .navbar-light .navbar-nav .nav-link.show.dropdown-toggle:after, html.dark-theme header.home .navbar-light .navbar-nav .nav-link:hover.dropdown-toggle:after { background: url("../images/down-arrow-dark.svg") no-repeat left top; background-size: 12px 7px; }
}
html.dark-theme footer { background-color: #2a6fd9; color: #fff; }
html.dark-theme footer a { color: #fff; }
html.dark-theme footer a:hover { color: #fff; }
html.dark-theme #banner { background: url("../images/banner-bg.jpg") no-repeat left top; color: #fff; background-size: cover; }
html.dark-theme #banner .h1, html.dark-theme #banner h1 { color: #fff; }
html.dark-theme #banner .banner-btn a.btn-white { background-color: #111315; color: #ffffff; }
html.dark-theme #banner .banner-btn a.btn-white:hover { color: #fff; background-color: rgba(17, 19, 21, 0.2); }
html.dark-theme #banner .banner-btn a.btn-white-border { background: none; color: #fff; border: 2px solid rgba(17, 19, 21, 0.2); }
html.dark-theme #banner .banner-btn a.btn-white-border:hover { color: #fff; background-color: rgba(17, 19, 21, 0.2); }
html.dark-theme .about-section .about-slider-box { background-color: #111315; border: 1px solid rgba(255, 255, 255, 0.05); }
html.dark-theme .about-section .about-slider-box:hover { background-color: #111315; }
html.dark-theme .features-setion .features-content { background: url("../images/features-bg.svg") no-repeat left top #1f2124; }
html.dark-theme .features-setion .feature-box-row ul li .feature-box { background-color: #111315; }
html.dark-theme .scrollable-section .scrollable-box { background-color: #3485ff; }
html.dark-theme .scrollable-section .scrollable-box-data { color: #fff; }
html.dark-theme .scrollable-section .h3, html.dark-theme .scrollable-section h3 { color: #fff; }
html.dark-theme .trust-section .h3 span, html.dark-theme .trust-section h3 span { color: #3485ff; }
html.dark-theme .testimonial-section .testimonial-box { background-color: #111315; border: 1px solid rgba(255, 255, 255, 0.05); }
html.dark-theme .testimonial-section .testimonial-box:hover { background-color: #111315; }
html.dark-theme .forgot-link a { color: #3485ff; }
html.dark-theme .forgot-link a:hover { color: #ffffff; }
html.dark-theme .pricing-top .nav-tabs { border: 1px solid #292b2e; }
html.dark-theme .pricing-top .nav-tabs li { border-bottom: 1px solid #292b2e; }
html.dark-theme .pricing-top .nav-tabs li button { color: #7b8285; border: none; background: none; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .pricing-top .nav-tabs li button.active { background-color: #3485ff; color: #fff; }
html.dark-theme .pricing-top .nav-tabs li button span { background-color: #1f2124; color: #f37d58; }
html.dark-theme .pricing-top .nav-tabs li button span.dark { background-color: #e2825c; color: #fff; }
html.dark-theme .pricing-top .nav-tabs li:last-child { border: none; }
html.dark-theme .tab-content .pricing-box:hover { border: 1px solid #3485ff; }
html.dark-theme .tab-content .pricing-box:hover button.normal { background-color: #3485ff; color: #fff; }
html.dark-theme .blackbanner:hover { background-color: #3485ff; color: #fff; }
html.dark-theme .blackbanner button { background-color: #111315; }
html.dark-theme .tab-content .blackbanner .per-month { color: #fff; }
html.dark-theme .blackbanner { color: #fff; background: #0F1620; }
html.dark-theme .tab-content .pricing-box { border: 1px solid rgba(7, 7, 7, 0.1); }
html.dark-theme .tab-content .pricing-box-top { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
html.dark-theme .tab-content .per-month { color: #ffffff; }
html.dark-theme .tab-content .pricing-bullets ul.other li { background: url("../images/icon-circle-check-white.svg") no-repeat left 2px; background-size: 24px; }
html.dark-theme .blackbanner ul.featured > li:before { background-color: #111315; }
@media screen and (min-width: 768px) {
  html.dark-theme .pricing-top .nav-tabs:not(.recurring-tabs) li { border-right: 1px solid #292b2e; border-bottom: none; }
  html.dark-theme .nav-tabs.recurring-tabs li { border-right: 1px solid #292b2e; border-bottom: none; }
}
html.dark-theme .note-editable ul[data-checked="false"] > li::before, html.dark-theme .note-editable ul[data-checked="true"] > li::before { color: rgba(255, 255, 255, 0.5); }
html.dark-theme .ql-editor ul[data-checked="false"] > li::before, html.dark-theme .ql-editor ul[data-checked="true"] > li::before { color: rgba(255, 255, 255, 0.5); }
html.dark-theme .ql-editor .ql-bg-black, html.dark-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #2c2f33; }
html.dark-theme .ql-editor .ql-bg-red { background-color: #e60000; }
html.dark-theme .ql-editor .ql-bg-orange { background-color: #f90; }
html.dark-theme .ql-editor .ql-bg-yellow { background-color: #1f2124; }
html.dark-theme .ql-editor .ql-bg-green { background-color: #008a00; }
html.dark-theme .ql-editor .ql-bg-blue { background-color: #3485ff; }
html.dark-theme .ql-editor .ql-bg-purple { background-color: #93f; }
html.dark-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item, html.dark-theme .ql-snow .ql-tooltip { background-color: #111315; }
html.dark-theme .ql-editor .ql-color-white { color: #fff; }
html.dark-theme .ql-editor .ql-color-red { color: #ffffff; }
html.dark-theme .ql-editor .ql-color-orange { color: #f90; }
html.dark-theme .ql-editor .ql-color-yellow { color: #ff0; }
html.dark-theme .ql-editor .ql-color-green { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .ql-editor .ql-color-blue, html.dark-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected, html.dark-theme .ql-snow .ql-toolbar .ql-picker-item:hover, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label:hover, html.dark-theme .ql-snow .ql-toolbar button.ql-active, html.dark-theme .ql-snow .ql-toolbar button:focus, html.dark-theme .ql-snow .ql-toolbar button:hover, html.dark-theme .ql-snow a, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item:hover, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label:hover, html.dark-theme .ql-snow.ql-toolbar button.ql-active, html.dark-theme .ql-snow.ql-toolbar button:focus, html.dark-theme .ql-snow.ql-toolbar button:hover { color: #3485ff; }
html.dark-theme .ql-editor .ql-color-purple { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .ql-editor.ql-blank::before { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .ql-snow .ql-toolbar button, html.dark-theme .ql-snow.ql-toolbar button { background: 0 0; border: none; }
html.dark-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, html.dark-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, html.dark-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, html.dark-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, html.dark-theme .ql-snow .ql-toolbar button.ql-active .ql-fill, html.dark-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, html.dark-theme .ql-snow .ql-toolbar button:focus .ql-fill, html.dark-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, html.dark-theme .ql-snow .ql-toolbar button:hover .ql-fill, html.dark-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, html.dark-theme .ql-snow.ql-toolbar button.ql-active .ql-fill, html.dark-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, html.dark-theme .ql-snow.ql-toolbar button:focus .ql-fill, html.dark-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, html.dark-theme .ql-snow.ql-toolbar button:hover .ql-fill, html.dark-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill { fill: #3485ff; }
html.dark-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, html.dark-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, html.dark-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, html.dark-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, html.dark-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, html.dark-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke, html.dark-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, html.dark-theme .ql-snow .ql-toolbar button:focus .ql-stroke, html.dark-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter, html.dark-theme .ql-snow .ql-toolbar button:hover .ql-stroke, html.dark-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, html.dark-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, html.dark-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, html.dark-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke, html.dark-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, html.dark-theme .ql-snow.ql-toolbar button:focus .ql-stroke, html.dark-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter, html.dark-theme .ql-snow.ql-toolbar button:hover .ql-stroke, html.dark-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter { stroke: #3485ff; }
@media (pointer: coarse) {
  html.dark-theme .ql-snow .ql-toolbar button:hover:not(.ql-active), html.dark-theme .ql-snow.ql-toolbar button:hover:not(.ql-active) { color: rgba(255, 255, 255, 0.8); }
  html.dark-theme .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, html.dark-theme .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, html.dark-theme .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, html.dark-theme .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: rgba(255, 255, 255, 0.8); }
  html.dark-theme .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, html.dark-theme .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, html.dark-theme .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, html.dark-theme .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: rgba(255, 255, 255, 0.8); }
}
html.dark-theme .ql-snow .ql-stroke { fill: none; stroke: rgba(255, 255, 255, 0.8); }
html.dark-theme .ql-snow .ql-stroke-miter { fill: none; stroke: rgba(255, 255, 255, 0.8); }
html.dark-theme .ql-snow .ql-fill, html.dark-theme .ql-snow .ql-stroke.ql-fill { fill: rgba(255, 255, 255, 0.8); }
html.dark-theme .ql-snow .ql-empty { fill: none; }
html.dark-theme .com-the-con-editor .ql-editor blockquote, html.dark-theme .ql-snow .ql-editor blockquote { border-left: 4px solid #33363a; }
html.dark-theme .ql-snow .ql-editor code, html.dark-theme .ql-snow .ql-editor pre { background-color: #1f2124; }
html.dark-theme .ql-container.ql-snow, html.dark-theme .ql-snow .ql-tooltip, html.dark-theme .ql-toolbar.ql-snow { border: 1px solid #33363a; }
html.dark-theme .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; }
html.dark-theme .main-menu ul li a, html.dark-theme .setting-middle .add-contact-btn a:hover, html.dark-theme .setting-middle .add-contact-btn button:hover, html.dark-theme .setting-middle .generate-new-keys a:hover, html.dark-theme .setting-middle .generate-new-keys button:hover, html.dark-theme .side-menu ul li a { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .ql-snow .ql-picker { color: rgba(255, 255, 255, 0.8); }
html.dark-theme .ql-snow .ql-picker-options { background-color: #111315; }
html.dark-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: rgba(255, 255, 255, 0.3); }
html.dark-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: rgba(255, 255, 255, 0.3); }
html.dark-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: rgba(255, 255, 255, 0.3); }
html.dark-theme .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; }
html.dark-theme .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; }
html.dark-theme .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; }
html.dark-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, html.dark-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #33363a; }
html.dark-theme .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, html.dark-theme .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #ffffff; }
html.dark-theme .ql-snow .ql-tooltip { box-shadow: 0 0 5px rgba(0, 0, 0, 0.45); color: rgba(255, 255, 255, 0.8); }
html.dark-theme .ql-snow .ql-tooltip input[type="text"] { border: 1px solid #33363a; }
html.dark-theme .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #33363a; }
html.dark-theme .offline-ui { background-color: #2c2f33; color: rgba(255, 255, 255, 0.3); }
html.dark-theme .offline-ui .offline-ui-retry { background-color: rgba(17, 19, 21, 0.2); color: inherit; }
html.dark-theme .offline-ui.offline-ui-up .offline-ui-content:after { background: #80d580; }
html.dark-theme .offline-ui.offline-ui-down .offline-ui-content:after, html.dark-theme .offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after, html.dark-theme .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after { background: #e24949; }
html.dark-theme .offline-ui.offline-ui-down.offline-ui-connecting:after, html.dark-theme .offline-ui.offline-ui-down.offline-ui-waiting:after { border: 2px solid transparent; border-top-color: rgba(17, 19, 21, 0.5); border-left-color: rgba(17, 19, 21, 0.5); }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice.email-protected { background-color: #1f2124; }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice.email-unprotected { background-color: #1f2124; }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice.email-pinprotected { background-color: #1f2124; }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice.email-pgpprotected { background-color: #1f2124; }
html.dark-theme .select2-container .select2-search--inline .select2-search__field { border: none; }
html.dark-theme .select2-dropdown { background-color: #111315; border: 1px solid #3a3d42; }
html.dark-theme .select2-container--open .select2-dropdown--above { border-bottom: none; }
html.dark-theme .select2-container--open .select2-dropdown--below { border-top: none; }
html.dark-theme .select2-close-mask { background-color: #111315; }
html.dark-theme .select2-container--default .select2-selection--single { background-color: #111315; border: 1px solid #3a3d42; }
html.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgba(255, 255, 255, 0.8); }
html.dark-theme .select2-container--default .select2-results__option[aria-disabled="true"], html.dark-theme .select2-container--default .select2-selection--single .select2-selection__placeholder { color: rgba(255, 255, 255, 0.4); }
html.dark-theme .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; }
html.dark-theme .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #242729; }
html.dark-theme .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; }
html.dark-theme .select2-container--default .select2-selection--multiple { background-color: #111315; border: 1px solid #3a3d42; }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: rgba(255, 255, 255, 0.4); }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice { border: 1px solid #3a3d42; }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: rgba(255, 255, 255, 0.4); }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #ffffff; }
html.dark-theme .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #ffffff; }
html.dark-theme .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #242729; }
html.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #3a3d42; }
html.dark-theme .select2-container--default .select2-search--inline .select2-search__field { background: 0 0; border: none; }
html.dark-theme .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #292b2e; }
html.dark-theme .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #3485ff; color: #fff; }
html.dark-theme .select2-container--classic .select2-selection--single { background-color: #1f2124; border: 1px solid #3a3d42; background-image: -webkit-linear-gradient(top, #111315 50%, #242729 100%); background-image: -o-linear-gradient(top, #111315 50%, #242729 100%); background-image: linear-gradient(to bottom, #111315 50%, #242729 100%); }
html.dark-theme .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }
html.dark-theme .select2-container--classic .select2-selection--single .select2-selection__rendered { color: rgba(255, 255, 255, 0.8); }
html.dark-theme .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: rgba(255, 255, 255, 0.4); }
html.dark-theme .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #292b2e; border: none; border-left: 1px solid #3a3d42; background-image: -webkit-linear-gradient(top, #242729 50%, #33363a 100%); background-image: -o-linear-gradient(top, #242729 50%, #33363a 100%); background-image: linear-gradient(to bottom, #242729 50%, #33363a 100%); }
html.dark-theme .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; }
html.dark-theme .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #3a3d42; }
html.dark-theme .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }
html.dark-theme .folder-menu .accordion-item, html.dark-theme .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: 0 0; border: none; }
html.dark-theme .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; }
html.dark-theme .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; background-image: -webkit-linear-gradient(top, #111315 0, #242729 50%); background-image: -o-linear-gradient(top, #111315 0, #242729 50%); background-image: linear-gradient(to bottom, #111315 0, #242729 50%); }
html.dark-theme .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; background-image: -webkit-linear-gradient(top, #242729 50%, #111315 100%); background-image: -o-linear-gradient(top, #242729 50%, #111315 100%); background-image: linear-gradient(to bottom, #242729 50%, #111315 100%); }
html.dark-theme .select2-container--classic .select2-selection--multiple { background-color: #111315; border: 1px solid #3a3d42; }
html.dark-theme .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }
html.dark-theme .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #242729; border: 1px solid #3a3d42; }
html.dark-theme .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: rgba(255, 255, 255, 0.5); }
html.dark-theme .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: rgba(255, 255, 255, 0.7); }
html.dark-theme .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }
html.dark-theme .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; }
html.dark-theme .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; }
html.dark-theme .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #3a3d42; }
html.dark-theme .select2-container--classic .select2-dropdown { background-color: #111315; border: 1px solid transparent; }
html.dark-theme .select2-container--classic .select2-dropdown--above { border-bottom: none; }
html.dark-theme .select2-container--classic .select2-dropdown--below { border-top: none; }
html.dark-theme .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; }
html.dark-theme .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }
html.dark-theme body { color: #ffffff; background-color: #111315; }
html.dark-theme body.inner-bg { background-color: #111315; }
html.dark-theme .btn-check:focus + .btn-secondary, html.dark-theme .btn-secondary:focus { border: none; }
html.dark-theme .call-to-action .cta-title { color: #fff; }
html.dark-theme .call-to-action .white-btn a { background-color: #111315; }
html.dark-theme .new-message-btn-mobile button, html.dark-theme .new-message-btn-mobile button:hover { background: url("../images/icon-plus-circle.svg") 15px center no-repeat; }
html.dark-theme .storage .storage-bar { background: url("../images/storage-bar-dark.svg") left top/cover no-repeat; }
html.dark-theme .container-checkbox .checkmark { background: 0 0; }
html.dark-theme .new-message-btn-mobile button { color: #fff; border: none; }
html.dark-theme .arrow-btn .btn-secondary { border: none; }
html.dark-theme header .user-dropdown .dropdown-menu button, html.dark-theme header .user-dropdown .dropdown-menu a { background-color: transparent; }
html.dark-theme .arrow-btn .dropdown-menu li button { background: 0 0; border: none; }
html.dark-theme .referesh-btn button { border: none; background: 0 0; }
html.dark-theme .ellipsis-dropdown button { border: none; }
html.dark-theme .attachment-icon { border: none; }
html.dark-theme .icon-notification button { border: none; }
html.dark-theme .icon-notification button span { background-color: #cc5935; color: #fff; }
html.dark-theme header .menu-icon button { border: none; }
html.dark-theme .go-premium-button .button { background: #5f2bf4 url("/images/bg-link.png") no-repeat; color: #fff; }
html.dark-theme .go-premium-button .button .off, html.dark-theme .go-premium-button .button .off.shadow { background-color: #2b2140; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .go-premium-button .button .off.shadow { background-color: rgba(255, 255, 255, 0.2); color: transparent; }
html.dark-theme header .user-dropdown .btn-secondary { border: none; }
html.dark-theme .user-side-menu ul li a, html.dark-theme .user-side-menu ul li button, html.dark-theme header .user-dropdown .dropdown-menu li a, html.dark-theme header .user-dropdown .dropdown-menu li button { border: none; }
html.dark-theme .mobile-search input { border: none; }
html.dark-theme .mobile-search input:focus { border: none; }
html.dark-theme .user-side-menu ul li { border-bottom: solid 1px #292b2e; }
html.dark-theme .user-side-menu ul li:first-child { border-top: solid 1px #292b2e; }
html.dark-theme .user-side-menu ul li a:hover.copy-icon, html.dark-theme .user-side-menu ul li button:hover.copy-icon { background: url("../images/icon-copy-hover.svg") left top/20px no-repeat; }
html.dark-theme .user-side-menu ul li a:hover.logout-icon, html.dark-theme .user-side-menu ul li button:hover.logout-icon { background: url("../images/icon-logout-hover.svg") left top/20px no-repeat; }
html.dark-theme .main-menu ul li a:hover { color: #3485ff; }
html.dark-theme .main-menu ul li.active a { color: #3485ff; }
html.dark-theme .main-menu ul li.active a .menu-icon svg { fill: #3485ff; }
html.dark-theme .folder-menu .add-folder button { border: none; }
html.dark-theme .folder-menu .accordion-button { background: 0 0; }
html.dark-theme #folderulcustom li.active a { color: #3485ff; }
html.dark-theme #folderulcustom li.active a .menu-icon { background-color: rgba(52, 133, 255, 0.12); }
html.dark-theme .folder-menu .accordion-body ul li a { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .offcanvas-end { border: none; }
html.dark-theme .toast { background-color: #3485ff; }
html.dark-theme .toast .toast-icon { background: url("../images/icon-check.svg") left top/14px no-repeat
        no-repeat; }
html.dark-theme .loading-screen { background-color: rgba(17, 19, 21, 0.7); }
html.dark-theme .loading-screen .loader svg polygon { fill: none; }
html.dark-theme .table-responsive .table > :not(:first-child) { border: none !important; }
html.dark-theme .select2-dropdown, html.dark-theme .table-responsive .table > :not(caption) > * > *, html.dark-theme .table-responsive tbody tr, html.dark-theme .upgrade-details-bottom .accordion-item { border: none; }
html.dark-theme .table-responsive th .ellipsis-btn, html.dark-theme .table-responsive th .trash-btn { border: none; }
html.dark-theme .table-responsive .dropdown-menu li:not(:last-child) { border-bottom: solid 1px #222426; }
html.dark-theme .table-responsive .dropdown-menu li a { background: 0 0; border: none; }
html.dark-theme .table-responsive .table-icon { border: none; }
html.dark-theme .table-responsive .check-button, html.dark-theme .warning-button, html.dark-theme .table-responsive .disposed-button { border: none; }
html.dark-theme .table-responsive .btn-sorting { border: none; }
html.dark-theme .btn-blue { background-color: #3485ff; color: #fff; border: none; }
html.dark-theme .btn-blue:hover { background-color: #2a6fd9; color: #fff; }
html.dark-theme .btn-red { background-color: #f46053; color: #fff; border: none; }
html.dark-theme .btn-red:hover { background: #d75959; color: #fff; }
html.dark-theme .btn-border { border: 1px solid rgba(255, 255, 255, 0.1); }
html.dark-theme .btn-border:hover { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); }
html.dark-theme .btn-border-red { color: #f46053; border: 1px solid rgba(234, 102, 102, 0.15); }
html.dark-theme .btn-border-red:hover { background-color: #f46053; color: #fff; }
html.dark-theme .green-bg-text { background-color: #1f2124; color: #68a353; }
html.dark-theme .green-bg-text a { color: #68a353; }
html.dark-theme .green-bg-text a:hover { color: #68a353; }
html.dark-theme .blue-bg-text { background-color: #1f2124; color: #3485ff; }
html.dark-theme .blue-bg-text a { color: #3485ff; }
html.dark-theme .blue-bg-text a:hover { color: #3485ff; }
html.dark-theme .icon-btn { border: none; background-color: transparent; }
@media screen and (min-width: 768px) {
  html.dark-theme .bread-crumb ul li:after { background: url("../images/icon-menu-arrow-white.svg") right top/10px
            no-repeat; }
}
@media screen and (min-width: 992px) {
  html.dark-theme header { border-left: 1px solid #292b2e; }
  html.dark-theme .offcanvas-header { border: none !important; }
}
@media screen and (min-width: 1366px) {
  html.dark-theme header { border-left: none; }
}
html.dark-theme .left-side .logo .menu-icon button { background-color: transparent; }
html.dark-theme .theme-switch { background: transparent; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .theme-switch:hover { background-color: rgba(52, 133, 255, 0.08); color: #3485ff; }
html.dark-theme .left-side .new-message-btn button { background: url("../images/icon-plus-white.svg") 24px center no-repeat; color: #fff; border: none; }
html.dark-theme .call-to-action .white-btn a, html.dark-theme .call-to-action .white-btn a:hover, html.dark-theme .left-acco-menu .acco-menu-list ul li.active a:hover, html.dark-theme .mid-nav ul li.active, html.dark-theme .mid-nav ul li.active:hover, html.dark-theme .number-badge, html.dark-theme .setting-middle .add-contact-btn a, html.dark-theme .setting-middle .add-contact-btn button, html.dark-theme .side-menu ul li a:hover { color: #3485ff; }
html.dark-theme .left-side .new-message-btn button:hover { background: url("../images/icon-plus-white.svg") 24px center no-repeat; }
html.dark-theme .left-acco-menu .accordion-item { background: 0 0; border: none; }
html.dark-theme .left-acco-menu .accordion-button { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-acco-menu .accordion-button:hover { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-acco-menu .accordion-button:not(.collapsed), html.dark-theme .left-acco-menu .accordion-button.active { border: none; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-acco-menu .acco-menu-list ul li.active::before { background-color: #3485ff; }
html.dark-theme .middle-section .middle-top .desktop-search input { border: none; }
html.dark-theme .middle-section .inbox-list ul li .unread-bullet { background-color: #cc5935; }
html.dark-theme .middle-section .inbox-list ul li .started-icon { border: none; }
html.dark-theme .middle-section .middle-pagination .pagibox button { border: none; }
@media screen and (min-width: 1366px) {
  html.dark-theme .middle-section .middle-content::-webkit-scrollbar { background-color: #1f2124; }
}
html.dark-theme .right-side .email-conetent-wrp .email-content-top-left .word.color-1 { background: rgba(212, 156, 255, 0.13); color: #d49cff; }
html.dark-theme .sender-name .copy-sender { background: transparent; color: rgba(255, 255, 255, 0.5); }
html.dark-theme .sender-name .copy-sender:hover { color: #3485ff; background-color: rgba(52, 133, 255, 0.08); }
html.dark-theme .right-side .email-conetent-wrp .email-content-top-left .sender-detail-dropdown .btn-secondary { border: none; }
html.dark-theme .right-side .email-conetent-wrp .email-content-top-right .button-group button { border: none; }
html.dark-theme .right-side .email-conetent-wrp .email-content-top-right .button-group button.btn-pin-to-top { background-color: rgba(255, 255, 255, 0.03); color: #ffffff; }
html.dark-theme .right-side .email-conetent-wrp .email-content-top-right .button-group button.btn-pin-to-top.active { background-color: rgba(52, 133, 255, 0.05); color: #3485ff; }
html.dark-theme .right-side .email-conetent-wrp .email-content-top-right .content-list-menu .btn-secondary { border: none; }
html.dark-theme .right-side .email-conetent-wrp .email-content-top-right .content-list-menu .dropdown-menu li button { background: 0 0; border: none; }
@media screen and (min-width: 992px) {
  html.dark-theme .right-side { border-left: 1px solid #292b2e; }
}
@media screen and (min-width: 1366px) {
  html.dark-theme .right-side { border: none; }
  html.dark-theme .right-side .email-conetent-wrp .email-content-top-right { border-left: none; }
}
html.dark-theme .setting-middle .middle-top { background-color: #111315; border-bottom: solid 1px #292b2e; }
html.dark-theme .setting-middle .h2, html.dark-theme .setting-middle h2 { color: inherit; }
html.dark-theme .setting-middle .h3, html.dark-theme .setting-middle h3 { color: inherit; }
html.dark-theme .setting-middle .add-contact-btn a, html.dark-theme .setting-middle .add-contact-btn button { background: 0 0; border: none; }
html.dark-theme .setting-middle .add-contact-btn a.referesh-icon i, html.dark-theme .setting-middle .add-contact-btn button.referesh-icon i { background: url("../images/icon-referesh-blue.svg") right top/24px no-repeat; }
html.dark-theme .setting-middle .add-contact-btn a:hover, html.dark-theme .setting-middle .add-contact-btn button:hover { background-color: rgba(52, 133, 255, 0.05); }
html.dark-theme .setting-middle .middle-search .sorting-btn { border: none; }
html.dark-theme .setting-middle .secound-password-btn a, html.dark-theme .setting-middle .secound-password-btn button { border: none; }
html.dark-theme .compare-plans a, html.dark-theme .compare-plans button, html.dark-theme .setting-middle .token-download a, html.dark-theme .setting-middle .token-download button, html.dark-theme .setting-middle .delete-item a, html.dark-theme .setting-middle .delete-item button { border: none; }
html.dark-theme .setting-middle .generate-new-keys a, html.dark-theme .setting-middle .generate-new-keys button { border: none; }
html.dark-theme .setting-right .h2, html.dark-theme .setting-right h2 { color: inherit; }
html.dark-theme .setting-right .h3, html.dark-theme .setting-right h3 { color: inherit; }
html.dark-theme .information-table .information-table-row .information-row-right .copy-btn { border: none; }
html.dark-theme .information-table .form-group .add-btn { border: none; background: 0 0; }
html.dark-theme .upgrade-details-bottom .accordion-button { background: 0 0; border: none; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .upgrade-details-bottom .accordion-collapse { border: none; }
html.dark-theme .tab-section .nav-tabs { border: none; }
html.dark-theme .tab-section .nav-tabs li .nav-link { border: none; }
html.dark-theme .tab-section .nav-tabs li button.nav-link:not(.active):hover { background-color: #1f2124; }
html.dark-theme .tab-section .nav-tabs li button.nav-link:not(.active):hover span.low-opacity, html.dark-theme .tab-section .nav-tabs li button.nav-link:not(.active):hover span { background-color: #1f2124; color: #3485ff; }
html.dark-theme .tab-section .tab-content-left .btn { background: 0 0; }
html.dark-theme .tab-section .plan-features { color: rgba(255, 255, 255, 0.6); }
@media screen and (min-width: 768px) {
  html.dark-theme .upgrade-details-top .upgrade-details-right { background-color: #1f2124; }
  html.dark-theme .tab-section .nav-tabs:not(.recurring-tabs) li { border: none; }
  html.dark-theme .tab-section .nav-tabs li { border: none; }
  html.dark-theme .tab-section .nav-tabs li:last-child { border: none; }
}
@media screen and (min-width: 1366px) {
  html.dark-theme .middle-section .middle-content::-webkit-scrollbar { background-color: #1f2124; }
}
html.dark-theme .dropdown-menu { border: 1.5px solid #292b2e; background-color: #111315; }
html.dark-theme ::-webkit-scrollbar-track { background-color: #1f2124; }
html.dark-theme ::-webkit-scrollbar { background-color: #1f2124; }
html.dark-theme ::-webkit-scrollbar-thumb { background-color: #a9b6cd; }
html.dark-theme .number-badge { background-color: #1f2124; }
html.dark-theme .call-to-action { background: url("../images/cta-bg.jpg") left top/cover no-repeat; }
html.dark-theme .storage .storage-count { color: rgba(255, 255, 255, 0.6); background: url("../images/icon-storage-white.svg") left 2px/16px no-repeat; }
html.dark-theme .middle-section .inbox-list ul li.selected:after, html.dark-theme .storage .storage-bar span, html.dark-theme .tab-section .tab-content-left .btn .dot:after { background-color: #3485ff; }
html.dark-theme .container-checkbox .checkmark { border: 2px solid rgba(255, 255, 255, 0.1); }
html.dark-theme .container-checkbox .checkmark:after { border: solid #111315; border-width: 0 2px 2px 0; }
html.dark-theme .inner-header, html.dark-theme .mobile-search, html.dark-theme .offcanvas-header, html.dark-theme .setting-right .setting-right-top { border-bottom: 1px solid #292b2e; border-top: 1px solid #292b2e; }
html.dark-theme .container-checkbox input:checked ~ .checkmark, html.dark-theme .left-side .new-message-btn button { background-color: #3485ff; }
html.dark-theme .new-message-btn-mobile button { background-color: #3485ff; }
html.dark-theme .new-message-btn-mobile button:hover { background-color: #2a6fd9; }
html.dark-theme .main-menu ul li a .menu-icon.inbox { background: url("../images/icon-inbox-white.svg") left top/24px no-repeat; }
html.dark-theme .main-menu ul li a .menu-icon.send { background: url("../images/icon-send-white.svg") left top/24px no-repeat; }
html.dark-theme .main-menu ul li a .menu-icon.draft { background: url("../images/icon-draft-white.svg") left top/24px no-repeat; }
html.dark-theme .main-menu ul li a .menu-icon.spam { background: url("../images/icon-spam-white.svg") left top/24px no-repeat; }
html.dark-theme .main-menu ul li a .menu-icon.trash { background: url("../images/icon-trash-white.svg") left top/24px no-repeat; }
html.dark-theme .main-menu ul li a:hover .menu-icon.inbox, html.dark-theme .main-menu ul li.active a .menu-icon.inbox { background: url("../images/icon-inbox-hover.svg") left top/24px no-repeat; }
html.dark-theme .main-menu ul li a:hover .menu-icon.send, html.dark-theme .main-menu ul li.active a .menu-icon.send { background: url("../images/icon-send-hover.svg") left top/24px no-repeat; }
html.dark-theme .main-menu ul li a:hover .menu-icon.draft, html.dark-theme .main-menu ul li.active a .menu-icon.draft { background: url("../images/icon-draft-hover.svg") left top/24px no-repeat; }
html.dark-theme .main-menu ul li a:hover .menu-icon.spam, html.dark-theme .main-menu ul li.active a .menu-icon.spam { background: url("../images/icon-spam-hover.svg") left top/24px no-repeat; }
html.dark-theme .main-menu ul li a:hover .menu-icon.trash, html.dark-theme .main-menu ul li.active a .menu-icon.trash { background: url("../images/icon-trash-hover.svg") left top/24px no-repeat; }
html.dark-theme .folder-menu { border-top: 1px solid #292b2e; }
html.dark-theme .folder-menu .add-folder button { background: url("../images/icon-plus-white.svg") center/14px no-repeat; }
html.dark-theme .folder-menu .add-folder button:hover { background: url("../images/icon-plus-white.svg") center/14px no-repeat; }
html.dark-theme .back-to-inbox-link a:hover, html.dark-theme .bread-crumb ul li a, html.dark-theme .bread-crumb ul li a:hover, html.dark-theme .folder-menu .accordion-button, html.dark-theme .information-table .form-group .add-btn, html.dark-theme .information-table .information-table-row .information-row-right, html.dark-theme .left-acco-menu .acco-menu-list ul li a, html.dark-theme .left-acco-menu .acco-menu-list ul li a:hover, html.dark-theme .mid-nav ul li a, html.dark-theme .mid-nav ul li a:hover, html.dark-theme .tab-section .nav-tabs li .nav-link, html.dark-theme .table-responsive, html.dark-theme .upgrade-details-bottom .accordion-button:not(.collapsed), html.dark-theme .upgrade-details-top .upgrade-details-left .plan-details { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .folder-menu .accordion-button:after { background: url("../images/icon-arrow-down-white.svg") left top/16px no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li .container-checkbox, html.dark-theme .arrow-btn .dropdown-menu li button, html.dark-theme .folder-menu .accordion-body ul li a:hover, html.dark-theme .middle-section .inbox-list ul li:hover .inbox-list-top, html.dark-theme .right-side .email-content-top-left .sender-name, html.dark-theme .right-side .email-content-top-right .content-list-menu .dropdown-menu li button, html.dark-theme .table-responsive .dropdown-menu li a, html.dark-theme .table-responsive .dropdown-menu li a:hover, html.dark-theme .user-side-menu ul li a, html.dark-theme .user-side-menu ul li button, html.dark-theme header .user-dropdown .dropdown-menu a, html.dark-theme header .user-dropdown .dropdown-menu button { color: #ffffff; }
html.dark-theme .arrow-btn .btn-secondary { background: url("../images/icon-down-arrow-white.svg") left top/16px
        no-repeat; }
html.dark-theme .arrow-btn .btn-secondary:hover { background: url("../images/icon-down-arrow-white.svg") left top no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li button span.star-yellow { background: url("../images/icon-star-yellow.svg") left top/18px no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li button span.star-gray { background: url("../images/icon-star-gray.svg") left top/18px no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li button span.eye { background: url("../images/icon-eye-white.svg") left top/18px no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li button span.eye-close { background: url("../images/icon-eye-close-white.svg") left top/18px no-repeat; }
html.dark-theme .referesh-btn button i { background: url("../images/icon-referesh-white.svg") left top/24px no-repeat; }
html.dark-theme .ellipsis-dropdown button { background: url("../images/icon-ellipsis-white.svg") left top/24px no-repeat; }
html.dark-theme .attachment-icon { background: url("../images/icon-attachment-white.svg") left top/16px no-repeat; }
html.dark-theme .icon-notification button { background: transparent; }
html.dark-theme .icon-notification button span { border: 2px solid #111315; }
html.dark-theme .icon-notification button path { fill: #ffffff; }
html.dark-theme .icon-notification button:hover { background: transparent; }
html.dark-theme .icon-notification button:hover path, html.dark-theme .icon-notification button:focus path { fill: #3485ff; }
html.dark-theme header { background-color: #111315; border-bottom: solid 1px #292b2e; }
html.dark-theme header .menu-icon button { background: transparent; }
html.dark-theme header .menu-icon button:hover { background: transparent; }
html.dark-theme header .menu-icon button:hover svg path { fill: #3485ff; }
html.dark-theme header .user-dropdown .btn-secondary { background-color: #111315; color: #ffffff; }
html.dark-theme header .user-dropdown .btn-secondary .arrow { background: url("../images/icon-down-arrow-white.svg") left top/14px
        no-repeat; }
html.dark-theme .information-table .information-table-row .information-row-right .copy-btn, html.dark-theme .user-side-menu ul li a.copy-icon, html.dark-theme .user-side-menu ul li button.copy-icon, html.dark-theme header .user-dropdown .dropdown-menu a.copy-icon, html.dark-theme header .user-dropdown .dropdown-menu button.copy-icon { background: url("../images/icon-copy-white.svg") left top/20px no-repeat; }
html.dark-theme .user-side-menu ul li a.logout-icon, html.dark-theme .user-side-menu ul li button.logout-icon, html.dark-theme header .user-dropdown .dropdown-menu a.logout-icon, html.dark-theme header .user-dropdown .dropdown-menu button.logout-icon { background: url("../images/icon-logout-white.svg") left top/20px no-repeat; }
html.dark-theme .user-side-menu ul li button, html.dark-theme .user-side-menu ul li a { background-color: transparent; }
html.dark-theme .user-side-menu ul li a:hover, html.dark-theme .user-side-menu ul li button:hover, html.dark-theme header .user-dropdown .dropdown-menu a:hover, html.dark-theme header .user-dropdown .dropdown-menu button:hover { color: rgba(255, 255, 255, 0.6) !important; }
html.dark-theme header .user-dropdown .dropdown-menu a:hover.copy-icon, html.dark-theme header .user-dropdown .dropdown-menu button:hover.copy-icon { background: url("../images/icon-copy-hover.svg") left top/20px no-repeat; }
html.dark-theme header .user-dropdown .dropdown-menu a:hover.logout-icon, html.dark-theme header .user-dropdown .dropdown-menu button:hover.logout-icon { background: url("../images/icon-logout-hover.svg") left top/20px no-repeat; }
html.dark-theme .offcanvas { background-color: #111315; }
html.dark-theme .offcanvas-header .btn-close { background: url("../images/icon-close-white.svg") left top/14px no-repeat; }
html.dark-theme .side-menu { border-top: 1px solid #292b2e; }
html.dark-theme .mobile-search { background-color: #111315; }
html.dark-theme .mobile-search input { background: url("../images/icon-search-white.svg") left center/20px no-repeat; }
html.dark-theme .back-to-inbox-link a { background: url("../images/icon-inbox-white.svg") left top/24px no-repeat; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .bread-crumb ul li:after { background: url("../images/icon-menu-arrow-white.svg") right top/7px no-repeat; }
html.dark-theme .form-group .select-icon.icon-calendar { background-image: url("../images/icon-calendar-white.svg"); }
html.dark-theme .form-control, html.dark-theme .form-select { background-color: #161819; border: 1px solid #292b2e; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .btn-border, html.dark-theme .btn-border-red, html.dark-theme .middle-section .inbox-list table tr.selected:hover, html.dark-theme .middle-section .inbox-list ul li.selected, html.dark-theme .right-side, html.dark-theme .setting-middle .middle-content { background-color: #111315; }
html.dark-theme .form-control:focus, html.dark-theme .form-select:focus, html.dark-theme .setting-middle .middle-search .form-control:focus, html.dark-theme textarea:focus { border: 1px solid #292b2e; }
html.dark-theme .table-responsive td, html.dark-theme .table-responsive th { border-bottom: 1px solid #292b2e !important; }
html.dark-theme .form-control.with-icon.icon-domain-name { background-image: url("../images/icon-domain-name-white.svg"); }
html.dark-theme .form-control.with-icon.icon-name { background-image: url("../images/icon-name-white.svg"); }
html.dark-theme .form-control.with-icon.icon-email { background-image: url("../images/icon-email-white.svg"); }
html.dark-theme .form-control.with-icon.icon-pin { background-image: url("../images/icon-pin-white.svg"); }
html.dark-theme .form-control.with-icon.icon-key { background-image: url("../images/icon-key-white.svg"); }
html.dark-theme .form-control.with-icon.icon-lock { background-image: url("../images/icon-lock-white.svg"); }
html.dark-theme .form-control.with-icon.icon-calendar { background-image: url("../images/icon-calendar-white.svg"); }
html.dark-theme .btn-border { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .table-responsive th { color: rgba(255, 255, 255, 0.5); }
html.dark-theme .table-responsive th .trash-btn { background: url("../images/icon-trash-2-white.svg") left top/24px no-repeat; }
html.dark-theme .table-responsive th .ellipsis-btn { background: url("../images/icon-ellipsis-white.svg") left top/24px no-repeat; }
html.dark-theme .table-responsive td { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .table-responsive .table-icon.edit-button { background: url("../images/icon-edit-white.svg") right top/20px no-repeat; }
html.dark-theme .table-responsive .table-icon.delete-button { background: url("../images/icon-delete-blue.svg") right top/20px no-repeat; }
html.dark-theme .table-responsive .table-icon.copy-button { background: url("../images/icon-copy-blue.svg") right top/20px no-repeat; }
html.dark-theme .table-responsive .table-icon.dropdown-toggle { background: url("../images/icon-ellipsis-blue.svg") right top/20px no-repeat; }
html.dark-theme .table-responsive .disposed-button { background: url("../images/icon-disposed-white.svg") right top/24px no-repeat; }
html.dark-theme .table-responsive .check-button { background: url("../images/icon-check-2-white.svg") right top/24px no-repeat; }
html.dark-theme .table-responsive .check-button.refresh-on-hover:hover { background: url("../images/icon-referesh-white.svg") left top/24px no-repeat; }
html.dark-theme .table-responsive .warning-button { background: url("../images/icon-info-red-white.svg") right top/24px no-repeat; }
html.dark-theme .table-responsive .warning-button.refresh-on-hover:hover { background: url("../images/icon-referesh-white.svg") left top/24px no-repeat; }
html.dark-theme .table-responsive tbody tr:hover .disposed-button { background: url("../images/icon-disposed-blue.svg") right top/24px no-repeat; }
html.dark-theme .table-responsive tbody tr:hover .check-button { background: url("../images/icon-check-2-blue.svg") right top/24px no-repeat; }
html.dark-theme .table-responsive tbody tr:hover .check-button { background: url("../images/icon-check-2-blue.svg") right top/24px no-repeat; }
html.dark-theme .table-responsive tbody tr:hover td { background-color: rgba(52, 133, 255, 0.1); color: #3485ff; }
html.dark-theme .table-responsive tbody tr.selected { background-color: #111315; }
html.dark-theme .table-responsive .btn-sorting { background: url("../images/icon-sort-white.svg") left top/24px no-repeat; }
html.dark-theme .mid-pagination-row .pagi-right ul li a { color: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 255, 255, 0.1); }
html.dark-theme .mid-pagination-row .pagi-right ul li a:hover { background-color: rgba(255, 255, 255, 0.1); }
html.dark-theme .mid-pagination-row .pagi-right ul li a.prev, html.dark-theme .mid-pagination-row .pagi-right ul li.previous a { background: url("../images/icon-arrow-left-2-white.svg") center/16px no-repeat; }
html.dark-theme .mid-pagination-row .pagi-right ul li a.prev:hover, html.dark-theme .mid-pagination-row .pagi-right ul li.previous a:hover { background: url("../images/icon-arrow-left-2-white.svg") center/16px
        no-repeat #415067; }
html.dark-theme .mid-pagination-row .pagi-right ul li a.next, html.dark-theme .mid-pagination-row .pagi-right ul li.next a { background: url("../images/icon-arrow-right-2-white.svg") center/16px no-repeat; }
html.dark-theme .mid-pagination-row .pagi-right ul li a.next:hover, html.dark-theme .mid-pagination-row .pagi-right ul li.next a:hover { background: url("../images/icon-arrow-right-2-white.svg") center/16px
        no-repeat #415067; }
html.dark-theme .mid-pagination-row .pagi-right ul li.active a { background-color: rgba(255, 255, 255, 0.1); border: none; }
html.dark-theme .bullets ul li:after, html.dark-theme .upgrade-details-top .upgrade-details-left .bottom-row .storage .storage-bar span { background: #415067; }
html.dark-theme .information-table .information-table-row .form-control, html.dark-theme .information-table .information-table-row .gray-box, html.dark-theme textarea { border: 1px solid #292b2e; background-color: #161819; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-acco-menu .accordion-button:after { background: url("../images/icon-menu-arrow-white.svg") left top/11px 17px
        no-repeat; }
html.dark-theme .left-acco-menu .accordion-button.icon-profile { background: url("../images/icon-profile-white.svg") left top/24px no-repeat; }
html.dark-theme .left-acco-menu .accordion-button.icon-security { background: url("../images/icon-security-white.svg") left top/24px no-repeat; }
html.dark-theme .left-acco-menu .accordion-button.icon-mailbox { background: url("../images/icon-mailbox-white.svg") left top/24px no-repeat; }
html.dark-theme .left-acco-menu .accordion-button.icon-premium { background: url("../images/icon-premium-white.svg") left top/24px no-repeat; }
html.dark-theme .left-acco-menu .accordion-button.icon-setting { background: url("../images/icon-setting-white.svg") left top/24px no-repeat; }
html.dark-theme .left-acco-menu .accordion-body:after { background-color: #1f2124; }
html.dark-theme .left-acco-menu .acco-menu-list ul li.active a { color: #3485ff; background: rgba(34, 119, 247, 0.1); }
html.dark-theme .middle-section { border-right: solid 1px #292b2e; border-left: solid 1px #292b2e; }
html.dark-theme .middle-section .middle-top input { background: url("../images/icon-search-white.svg") left top no-repeat; color: #ffffff; }
html.dark-theme .middle-section .inbox-list ul li, html.dark-theme .middle-section .middle-top .info-row { border-bottom: 1px solid #292b2e; }
html.dark-theme .middle-section .middle-top .info-row { border-top: 1px solid #292b2e; }
html.dark-theme .middle-section .inbox-list table tr:hover .inbox-list-top, html.dark-theme .middle-section .inbox-list ul li .inbox-list-top, html.dark-theme .middle-section .inbox-list ul li.selected:hover .inbox-list-top { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .middle-section .inbox-list ul li .started-icon { background: url("../images/icon-star-white.svg") left top/16px no-repeat; }
html.dark-theme .middle-section .inbox-list ul li .started-icon.active { background: url("../images/icon-star-yellow.svg") left top/16px no-repeat; }
html.dark-theme .middle-section .inbox-list ul li.selected .mail-title { color: #3485ff !important; }
html.dark-theme .middle-section .middle-pagination .pagibox, html.dark-theme .tab-section .tab-content-left .btn-check:active + .btn-outline-primary .dot, html.dark-theme .tab-section .tab-content-left .btn-check:checked + .btn-outline-primary .dot, html.dark-theme .tab-section .tab-content-left .btn-outline-primary.active .dot, html.dark-theme .tab-section .tab-content-left .btn-outline-primary.dropdown-toggle.show .dot, html.dark-theme .tab-section .tab-content-left .btn-outline-primary:active .dot { border: 2px solid #111315; }
html.dark-theme .middle-section .middle-pagination .pagibox button.mail-prev { background: url("../images/icon-arrow-left-white.svg") left top/24px no-repeat; }
html.dark-theme .middle-section .middle-pagination .pagibox button.mail-next { background: url("../images/icon-arrow-right-white.svg") left top/24px no-repeat; }
html.dark-theme .right-side .email-content-top-left .sender-detail-dropdown .btn-secondary { color: #ffffff; background: url("../images/icon-down-arrow-white.svg") right -1px no-repeat; }
html.dark-theme .right-side .email-content-top-right .button-group button.back { background: url("../images/icon-back-white.svg") left top/24px no-repeat; }
html.dark-theme .right-side .email-content-top-right .button-group button.replyAll { background: url("../images/reply-all.svg") left top/24px no-repeat; }
html.dark-theme .right-side .email-content-top-right .button-group button.next { background: url("../images/icon-next-white.svg") left top/24px no-repeat; }
html.dark-theme .right-side .email-content-top-right .button-group button.star { background: url("../images/icon-star-yellow.svg") left top/24px no-repeat; }
html.dark-theme .right-side .email-content-top-right .button-group button.delete { background: url("../images/icon-delete-white.svg") left top/24px no-repeat; }
html.dark-theme .right-side .email-content-top-right .content-list-menu .btn-secondary { background: url("../images/icon-ellipsis-white.svg") left top no-repeat; }
html.dark-theme .setting-side-menu .offcanvas-header { border-bottom: 1px solid #292b2e !important; }
html.dark-theme .setting-middle { background-color: #111315; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .setting-middle .middle-content.red-border { border-top: 3px solid #ea6666; }
html.dark-theme .setting-middle .middle-content.red-border .h3, html.dark-theme .setting-middle .middle-content.red-border h3 { color: #f46053; }
html.dark-theme .setting-middle .middle-search .form-control { background: url("../images/icon-search-white.svg") 16px 14px/20px no-repeat
        #161819; border: 1px solid #292b2e; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .setting-middle .middle-search .sorting-btn { border-left: 1px solid #292b2e; background: url("../images/icon-sorting-white.svg") right top/20px no-repeat; }
html.dark-theme .setting-middle .middle-search .sorting-btn:hover { background: url("../images/icon-sorting-blue.svg") right top/20px no-repeat; }
html.dark-theme .setting-middle .arrow-back a { background: url("../images/arrow-left.svg") right top/24px no-repeat; }
html.dark-theme .setting-middle .secound-password-btn a, html.dark-theme .setting-middle .secound-password-btn button { background: url("../images/icon-shield-white.svg") left top/24px no-repeat; color: #3485ff; }
html.dark-theme .setting-middle .secound-password-btn a:hover, html.dark-theme .setting-middle .secound-password-btn button:hover { background: url("../images/icon-shield-gray.svg") left top/24px no-repeat; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .setting-middle .info-text { background: url("../images/icon-info-white.svg") no-repeat center left; color: rgba(255, 255, 255, 0.6); background-size: 18px; }
html.dark-theme .setting-middle .info-warning-text { background: url("../images/icon-info-red-white.svg") no-repeat center left; color: rgba(255, 255, 255, 0.6); background-size: 18px; }
html.dark-theme .setting-middle .token-download a, html.dark-theme .setting-middle .token-download button { color: #68a353; background: url("../images/icon-download-white.svg") left center/24px no-repeat; }
html.dark-theme .setting-middle .delete-item a, html.dark-theme .setting-middle .delete-item button { color: #ffffff; background: url("../images/icon-delete-white.svg") left center/24px no-repeat; }
html.dark-theme .setting-middle .delete-item a:hover, html.dark-theme .setting-middle .delete-item button:hover { color: rgba(255, 255, 255, 0.6); background: url("../images/icon-delete-white.svg") left center/24px no-repeat; }
html.dark-theme .setting-middle .token-download a:hover, html.dark-theme .setting-middle .token-download button:hover { color: rgba(255, 255, 255, 0.6); background: url("../images/icon-download-gray.svg") left center/24px
        no-repeat; }
html.dark-theme .setting-middle .generate-new-keys a, html.dark-theme .setting-middle .generate-new-keys button { color: #68a353; }
html.dark-theme .setting-middle .generate-new-keys a i, html.dark-theme .setting-middle .generate-new-keys button i { background: url("../images/icon-referesh-green.svg") left top/24px no-repeat; }
html.dark-theme .setting-middle .generate-new-keys a:hover i, html.dark-theme .setting-middle .generate-new-keys button:hover i { background: url("../images/icon-referesh-gray.svg") left top/24px no-repeat; }
html.dark-theme .compare-plans a, html.dark-theme .compare-plans button { color: #68a353; background: url("../images/icon-compare-green.svg") left top/24px no-repeat; }
html.dark-theme .compare-plans a:hover, html.dark-theme .compare-plans button:hover { color: rgba(255, 255, 255, 0.6); background: url("../images/icon-compare-gray.svg") left top/24px no-repeat; }
html.dark-theme .setting-right { color: rgba(255, 255, 255, 0.6); background-color: #111315; }
html.dark-theme .setting-right p span { color: #ffffff; }
html.dark-theme .key-checkbox-row .key-list:after { background-color: #1f2124; }
html.dark-theme .information-table .information-table-row, html.dark-theme .mid-nav { border-bottom: 1px solid #292b2e; }
html.dark-theme .information-table .information-table-row .scrollable-details { border: 1px solid #292b2e; color: rgba(255, 255, 255, 0.6); background-color: #161819; }
html.dark-theme .information-table .check-verified { background: url("../images/icon-check-2-white.svg") right top/20px no-repeat; }
html.dark-theme .information-table .form-group .add-btn:hover { color: #3485ff; }
html.dark-theme .mid-nav ul li.active:after { background-color: #3485ff; }
html.dark-theme .tab-section .nav-tabs li, html.dark-theme .upgrade-details-top .upgrade-details-left { border: 1px solid #292b2e; }
html.dark-theme .upgrade-details-top .upgrade-details-left .plan-details span.icon-plan { background: #415067; color: #fff; }
html.dark-theme .upgrade-details-top .upgrade-details-left .bottom-row .storage .storage-bar { background: url("../images/storage-bar-dark.svg") left top/cover no-repeat; }
html.dark-theme .upgrade-details-top .upgrade-details-left .upgrade-details-right { background-color: #111315; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .tab-section .nav-tabs li .nav-link.active { background-color: rgba(52, 133, 255, 1); color: #fff; }
html.dark-theme .tab-section .nav-tabs li .nav-link.active span.low-opacity { background-color: #1f2124; color: #3485ff; }
html.dark-theme .tab-section .nav-tabs li .nav-link span { background-color: #e2825c; color: #fff; }
html.dark-theme .tab-section .nav-tabs li .nav-link span.low-opacity { background-color: #1f2124; color: #f37d58; }
html.dark-theme .tab-section .tab-content-left .btn { border: 2px solid #111315; color: rgba(255, 255, 255, 0.6); background-color: #111315; }
html.dark-theme .tab-section .tab-content-left .btn .dot { background-color: #111315; border: 2px solid #292b2e; }
html.dark-theme .tab-section .tab-content-left .btn-check:active + .btn-outline-primary, html.dark-theme .tab-section .tab-content-left .btn-check:checked + .btn-outline-primary, html.dark-theme .tab-section .tab-content-left .btn-outline-primary.active, html.dark-theme .tab-section .tab-content-left .btn-outline-primary.dropdown-toggle.show, html.dark-theme .tab-section .tab-content-left .btn-outline-primary:active { border: 2px solid #3485ff; color: #3485ff; background-color: rgba(52, 133, 255, 0.1); }
html.dark-theme .tab-section .plan-features ul li { border-bottom: 1px solid #292b2e; background: url("../images/icon-check-green.svg") left center/24px no-repeat; }
html.dark-theme .tab-section .plan-features ul li.not-include { background: url("../images/icon-close-2-white.svg") left center/24px no-repeat; }
html.dark-theme .upgrade-details-bottom .accordion-button span.icon { background: url("../images/icon-arrow-down-white.svg") right top/20px no-repeat; }
@media screen and (min-width: 768px) {
  html.dark-theme .tab-section .nav-tabs { border: 1px solid #292b2e; }
  html.dark-theme .tab-section .nav-tabs li { border: none; border-right: 1px solid #292b2e; }
  html.dark-theme .tab-section .plan-features ul li { background: url("../images/icon-check-green.svg") 18px center/24px
            no-repeat; }
  html.dark-theme .tab-section .plan-features ul li.not-include { background: url("../images/icon-close-2-white.svg") 18px center/24px no-repeat; }
}
html.dark-theme .progress-bar-striped { background-image: linear-gradient(
        45deg,
        rgba(17, 19, 21, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(17, 19, 21, 0.15) 50%,
        rgba(17, 19, 21, 0.15) 75%,
        transparent 75%,
        transparent
    ); }
html.dark-theme .main-menu ul li:not(.active) a:hover { color: #3485ff !important; }
html.dark-theme .main-menu ul li:not(.active) a:hover svg, html.dark-theme .main-menu ul li:not(.active) a:hover svg path { fill: #3485ff !important; }
html.dark-theme .storage-count .used_one, html.dark-theme .storage-count .used_one span { color: rgba(255, 255, 255, 0.6) !important; }
html.dark-theme .image-disabled > div { background-color: #1f2124; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .image-disabled a { color: #fff; background-color: #3485ff; border: solid 1px #3485ff; }
html.dark-theme .image-disabled a:hover, html.dark-theme .image-disabled a:focus { border: solid 1px #3485ff; }
html.dark-theme .real-sender > div { border: solid 1px #292b2e; background-color: #111315; }
html.dark-theme .real-sender .text-from { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .real-sender .sender-email { background-color: #1f2124; color: #4992ff; }
html.dark-theme #overlay { background-color: rgba(0, 0, 0, 0.5); }
html.dark-theme .dataTables_paginate.paging_simple .pagination { border: 2px solid #111315; }
html.dark-theme .paging_simple .pagination a { border: none; }
html.dark-theme .paging_simple .pagination .previous a { background: url(../images/icon-arrow-left-white.svg) left top/24px no-repeat; }
html.dark-theme .paging_simple .pagination .next a { background: url(../images/icon-arrow-right-white.svg) left top/24px no-repeat; }
html.dark-theme #emailListNavigation.off-first-page .dataTables_info, html.dark-theme #emailListTable_wrapper.off-first-page .dataTables_info { background-color: rgba(255, 255, 255, 0.1); color: #4992ff; }
html.dark-theme .pager-reset { background: url("../images/icon-close-white.svg") center/10px no-repeat; }
html.dark-theme .middle-section .inbox-list table tr:hover { background-color: #1f2124; }
html.dark-theme .middle-section .inbox-list table td { border-bottom: 1px solid #292b2e; }
html.dark-theme .middle-section .inbox-list table .inbox-list-top { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .middle-section .inbox-list table .unread-bullet { background-color: #cc5935; }
html.dark-theme .middle-section .inbox-list table p { color: rgba(255, 255, 255, 0.4); }
html.dark-theme .middle-section .inbox-list table p .from { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .middle-section .inbox-list table .email.unread p, html.dark-theme .middle-section .inbox-list ul li.unread p { color: rgba(255, 255, 255, 0.8); }
html.dark-theme .main-menu ul li:not(.active) a:hover .menu-icon.inbox { background: url("../images/icon-inbox-white.svg") left top no-repeat; }
html.dark-theme .main-menu ul li:not(.active) a:hover .menu-icon.send { background: url("../images/icon-send-white.svg") left top no-repeat; }
html.dark-theme .main-menu ul li:not(.active) a:hover .menu-icon.draft { background: url("../images/icon-draft-white.svg") left top no-repeat; }
html.dark-theme .main-menu ul li:not(.active) a:hover .menu-icon.spam { background: url("../images/icon-spam-white.svg") left top no-repeat; }
html.dark-theme .main-menu ul li:not(.active) a:hover .menu-icon.trash { background: url("../images/icon-trash-white.svg") left top no-repeat; }
html.dark-theme #emailListTable tr.selected { background-color: rgba(52, 133, 255, 0.05); }
html.dark-theme #emailListTable tr.selected::after { background-color: #3485ff; }
html.dark-theme .arrow-btn.ellipsis-dropdown .dropdown > button::before { background-color: rgba(52, 133, 255, 0.3); }
html.dark-theme .loading-skeleton .ellipsis-dropdown > button { background: url(../images/icon-ellipsis-white.svg) left top/24px no-repeat; border: none; }
html.dark-theme .arrow-btn.ellipsis-dropdown .dropdown > button { background: none; }
html.dark-theme .arrow-btn.ellipsis-dropdown .dropdown > button svg, html.dark-theme .arrow-btn.ellipsis-dropdown .dropdown > button svg path { fill: #ffffff; }
html.dark-theme .arrow-btn.ellipsis-dropdown .dropdown > button.active svg, html.dark-theme .arrow-btn.ellipsis-dropdown .dropdown > button.active svg path { fill: #3485ff; }
html.dark-theme .dataTables_empty { color: #f46053; }
html.dark-theme .dropdown-menu .dd-inner li.divider { border-top: 1px solid rgba(255, 255, 255, 0.35); }
html.dark-theme .arrow-btn .dropdown-menu li button span.icon-moveto { background: url(../images/icon-move-to-folder-white.svg) left top/18px no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li button span.icon-trash { background: url(../images/icon-delete-white.svg) left top/18px no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li button span.icon-spam { background: url(../images/icon-spam-white.svg) left top/18px no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li button span.icon-read { background: url(../images/icon-read.svg) left top/15px no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li button span.icon-unread { background: url(../images/icon-unread.svg) left top/15px no-repeat; }
html.dark-theme .arrow-btn .dropdown-menu li button span.icon-block { background: url(../images/icon-block.svg) left top/15px no-repeat; }
html.dark-theme .user-avatar { background-color: #6f6cf6; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.45); border: 1px solid rgba(255, 255, 255, 0.1); }
html.dark-theme .popup { background-color: rgba(0, 0, 0, 0.35); }
html.dark-theme .popup .wrapper .inner { background-color: #111315; }
html.dark-theme .popup .wrapper .inner .content h6 { color: rgba(255, 255, 255, 0.4); }
html.dark-theme .popup .wrapper .inner .circle-content { background-color: transparent; }
html.dark-theme .mobile-logo { color: #ffffff; }
html.dark-theme .container-checkbox .checkmark::before, html.dark-theme .dropdown-menu a::before, html.dark-theme .dropdown-menu button::before { background-color: rgba(52, 133, 255, 0.3); }
html.dark-theme .offcanvas-body .new-message-btn button { background: url(../images/icon-plus-circle.svg) 24px center no-repeat
        #3485ff; color: #fff; border: none; }
html.dark-theme .left-side .new-message-btn button:hover { background-color: #2a6fd9; }
html.dark-theme .right-side .email-conetent-wrp .d-active .d-decrypting-message { background-color: #111315; }
html.dark-theme .loading-skeleton header { border-bottom: solid 1px #292b2e; }
html.dark-theme .loading-skeleton .user-icon { background-color: #6f6cf6; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.45); border: 1px solid rgba(255, 255, 255, 0.1); }
html.dark-theme .loading-skeleton .user-icon svg { stroke: #4b8ce7; }
html.dark-theme .loading-skeleton .loading-content { color: transparent; }
html.dark-theme .loading-skeleton .the-folders .main-menu::before { background-color: #1f2124; }
html.dark-theme .loading-skeleton .the-folders .folders-heading .__first { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .loading-skeleton .the-folders .folders-heading .icon { fill: #3485ff; }
html.dark-theme .loading-skeleton .the-folders .folders-heading .__first .icon { fill: #ffffff; }
html.dark-theme .loading-skeleton .right-top-data-content .skeleton { background-color: #1f2124; }
html.dark-theme .loading-skeleton .right-side .loading-select-email .the-action button { background-color: #3485ff; border: none; }
html.dark-theme .loading-skeleton .inbox-list .the-email-item .the-iicon { border: solid 2px #292b2e; }
html.dark-theme .loading-skeleton .inbox-list ul li:not(:last-child) { border-bottom: solid 1px #292b2e; }
html.dark-theme .loading-skeleton .middle-section .middle-top .info-row { border-color: transparent; }
html.dark-theme .loading-skeleton .inbox-list .skeleton { background-color: #1f2124; }
html.dark-theme .loading-skeleton .right-side .skeleton { background-color: #1f2124; }
html.dark-theme .loading-skeleton .left-side { background-color: #1f2124; }
html.dark-theme .loading-skeleton .left-side .skeleton { background-color: #1f2124; }
html.dark-theme .right-side .email-content-top .email-title-wrapper { border-bottom: solid 1px #292b2e; }
html.dark-theme .right-side .email-content-top .email-title-wrapper .email-subject::before { background-color: #1f2124; }
html.dark-theme .right-side .email-content-top .email-title-wrapper .email-sent-date { color: #838689; }
html.dark-theme .main-menu ul li.active a:hover { color: #3485ff !important; }
html.dark-theme #userObjSync .modal-header { border-bottom-color: transparent; }
html.dark-theme #userObjSync .modal-content { color: rgba(255, 255, 255, 0.4); }
html.dark-theme #userObjSync .modal-title { color: #ffffff; }
html.dark-theme .SmallBox { color: #ffffff; border: solid 2px #292b2e; }
@media screen and (max-width: 450px) and (max-width: 767px) {
  html.dark-theme .bigBox { background-color: #004d60; color: #fff; }
}
@media screen and (min-width: 992px) {
  html.dark-theme header, html.dark-theme header .user-dropdown .btn-secondary { background-color: transparent; }
}
@media screen and (min-width: 1366px) {
  html.dark-theme .mailBody header { background-color: #111315; }
}
@media screen and (min-width: 992px) and (max-width: 1365px) {
  html.dark-theme .icon-notification button span { border-color: #292b2e; }
}
html.dark-theme .ql-syntax { border-left: solid 1px #292b2e; }
html.dark-theme .btn-check:checked + .btn, html.dark-theme .btn.active, html.dark-theme .btn.show, html.dark-theme .btn:first-child:active, html.dark-theme :not(.btn-check) + .btn:active { color: inherit; background-color: inherit; border-color: inherit; }
html.dark-theme #loginUserForm .form-control, html.dark-theme #createAccount-modal .form-control, html.dark-theme #forgPass .form-control { border: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; background-color: transparent; }
html.dark-theme #loginUserForm .form-select, html.dark-theme #createAccount-modal .form-select, html.dark-theme #forgPass .form-select { border: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; }
@media screen and (max-width: 1365px) {
  html.dark-theme body .mailBody header { border-bottom: none; }
}
html.dark-theme .circle-bg #the-spinner { border: 2px solid rgba(52, 133, 255, 0.1); border-bottom: 2px solid #3485ff; }
html.dark-theme .circle-content { background-color: #3485ff; box-shadow: rgba(0, 0, 0, 0.45) 0px 10px 12px 0px; }
html.dark-theme .progress-circle.medium .circle-content { background: transparent; }
html.dark-theme .page-login .progress-content p { color: #737373; }
html.dark-theme .loading-screen.welcome { background-color: #111315; }
html.dark-theme .loading-screen.welcome .the-circle ._circle { background-color: #161819; }
html.dark-theme .loading-screen.welcome ._circle .icon { background-color: #111315; }
html.dark-theme .progress_continue { background-color: #1f2124; }
html.dark-theme .progress_continue .type-bar-striped .linear-progress { background-image: linear-gradient(
        45deg,
        rgba(17, 19, 21, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(17, 19, 21, 0.15) 50%,
        rgba(17, 19, 21, 0.15) 75%,
        transparent 75%,
        transparent
    ); }
html.dark-theme .progress_continue .linear-progress { background-color: #3485ff; }
html.dark-theme .the-spinner div { background-color: #3485ff; }
html.dark-theme #paymentMethodsModalContent .panel-body .radio > label { border: solid #292b2e 2px; }
html.dark-theme #paymentMethodsModalContent .panel-body .radio .selected-icon { border: solid 1px #292b2e; }
html.dark-theme #paymentMethodsModalContent .panel-body .radio .selected-icon svg { fill: white; }
html.dark-theme #paymentMethodsModalContent .panel-body .radio.selected > label { border-color: rgba(52, 133, 255, 0.1); background-color: rgba(52, 133, 255, 0.15); }
html.dark-theme #paymentMethodsModalContent .panel-body .radio.selected .labelled { color: #3485ff; }
html.dark-theme #paymentMethodsModalContent .panel-body .radio.selected .selected-icon { border-color: rgba(17, 19, 21, 0.2); background-color: #3485ff; }
html.dark-theme #paymentMethodsModalContent .panel-body .radio.selected svg, html.dark-theme #paymentMethodsModalContent .panel-body .radio.selected svg path { stroke: #3485ff; }
html.dark-theme #paymentMethodsModalContent .back-button, html.dark-theme #paymentMethodsModalContent button[type="submit"] { border: none; background: transparent; background-color: #1f2124; color: #ffffff; }
html.dark-theme #paymentMethodsModalContent button[type="submit"] { background-color: #3485ff; color: #fff; }
html.dark-theme #paymentMethodsModalContent .paymentmethod-heading { border-bottom: solid 1px #292b2e; }
html.dark-theme .right-side .mail-data.emailNo .the-link { background-color: rgba(72, 146, 255, 1); color: #d9e8fe; }
html.dark-theme .right-side .mail-data.emailNo .the-link strong { color: #fff; }
html.dark-theme .right-side .mail-data.emailNo .the-link .the-icon { background-color: #111315; }
html.dark-theme .footer-minimal.theme_light { background-color: #111315; }
html.dark-theme .footer-minimal.theme_light p, html.dark-theme .footer-minimal.theme_light a, html.dark-theme .footer-minimal.theme_light .copyright { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .footer-minimal.theme_light a:hover { color: #3485ff; }
html.dark-theme .footer-minimal.theme_light .footer-social-media .icon svg path { fill: rgba(255, 255, 255, 0.6); }
html.dark-theme .footer-minimal.theme_light .footer-social-media .icon:hover svg path { fill: #3485ff; }
@media screen and (max-width: 767px) {
  html.dark-theme footer .footer-bottom-row .copyright { border-top: solid 1px rgba(24, 37, 58, 1); color: rgba(17, 19, 21, 0.5); }
}
html.dark-theme .blue-bg-text .icon path { stroke: #3485ff; }
html.dark-theme .editor { border: solid 1px #292b2e; background-color: #111315; }
html.dark-theme .editor .c-editor-actions { background-color: #1f2124; border-bottom: solid 1px #292b2e; }
html.dark-theme .com-the-con-editor__settings { border: none; }
html.dark-theme .app-notification ._inside { border: solid 2px #292b2e; background-color: #111315; }
html.dark-theme .app-notification button { background: transparent; border: none; }
html.dark-theme .app-notification button._highlight { color: #3485ff; }
html.dark-theme .app-notification ._header ._title { color: #ffffff; }
html.dark-theme .app-notification ._filter_wrap { border-bottom: solid 1px #292b2e; }
html.dark-theme .app-notification ._filter button { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .app-notification ._filter button ._count { background-color: #1f2124; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .app-notification ._filter ._active button { color: #3485ff; }
html.dark-theme .app-notification ._filter ._active button::before { background-color: #3485ff; }
html.dark-theme .app-notification ._filter ._active button ._count { background-color: rgba(52, 133, 255, 0.1); color: #3485ff; }
html.dark-theme .app-notification ._enable_notification { background-color: rgba(52, 133, 255, 0.05); color: #3485ff; }
html.dark-theme .app-notification ._enable_notification p { color: #3485ff; }
html.dark-theme .app-notification ._enable_notification p span { color: #3485ff; }
html.dark-theme .app-notification ._item { border-bottom: solid 1px #292b2e; }
html.dark-theme .app-notification ._item ._icon._system { background-color: #3485ff; color: #fff; }
html.dark-theme .app-notification ._item ._icon ._starred { background-color: #111315; }
html.dark-theme .app-notification ._item ._icon._w_initial { background-color: rgba(140, 34, 246, 0.2); }
html.dark-theme .app-notification ._item ._icon ._initials { color: #ffffff; }
html.dark-theme .app-notification ._item ._title, html.dark-theme .app-notification ._item ._desc { color: #ffffff; }
html.dark-theme .app-notification ._item ._title span._ins { color: rgba(255, 255, 255, 0.7); }
html.dark-theme .app-notification ._item ._desc { color: rgba(255, 255, 255, 0.5); }
html.dark-theme .app-notification ._item a { color: #3485ff; }
html.dark-theme .app-notification ._item ._meta { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .app-notification ._item ._meta li:not(:first-child)::before { background-color: #8d96a4; }
html.dark-theme .app-notification ._item ._attachments._type_files li { background-color: #1f2124; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .app-notification ._item ._attachments li._action button { background-color: #1f2124; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .panel-footer { border-top: 1px solid #292b2e; }
html.dark-theme .attachment-row { background-color: #1f2124; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-settings-mobile .__container { background-color: #111315; }
html.dark-theme .left-settings-mobile .__items .btn-group button { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-settings-mobile .__items .icon svg path { fill: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-settings-mobile .__items .icon.settings svg path, html.dark-theme .left-settings-mobile .__items .icon.settings svg circle { fill: none; stroke: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-settings-mobile .dropdown-menu a { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-settings-mobile .dropdown-menu li.active a { background-color: rgba(52, 133, 255, 0.06); color: #3485ff; }
html.dark-theme .left-settings-mobile .__items .btn-group button.show, html.dark-theme .left-settings-mobile .__items .btn-group button.active { background-color: rgba(52, 133, 255, 0.08); border-color: rgba(52, 133, 255, 0.08); color: #3485ff; }
html.dark-theme .left-settings-mobile .__items .btn-group button.show svg path, html.dark-theme .left-settings-mobile .__items .btn-group button.active svg path { fill: #3485ff; }
html.dark-theme .left-settings-mobile .__items .btn-group button.show .icon.settings svg path, html.dark-theme .left-settings-mobile .__items .btn-group button.active .icon.settings svg path, html.dark-theme .left-settings-mobile .__items .btn-group button.show .icon.settings svg circle, html.dark-theme .left-settings-mobile .__items .btn-group button.active .icon.settings svg circle { fill: none; stroke: rgba(255, 255, 255, 0.6); }
html.dark-theme .app-smodal .btn-close { background: transparent; }
html.dark-theme .app-smodal .modal-header { border-color: #292b2e; }
html.dark-theme .app-smodal .modal-footer { border-color: #111315; }
html.dark-theme .app-smodal .icon-background { background: rgba(244, 67, 54, 0.05); }
html.dark-theme #askforPass .icon-background { background: rgba(76, 175, 80, 0.05); }
html.dark-theme #infoModal .icon-background { background-color: rgba(52, 133, 255, 0.05); }
html.dark-theme .app-smodal #dialogModBody, html.dark-theme .app-smodal #infoPass, html.dark-theme .app-smodal #infoModBody { color: rgba(255, 255, 255, 0.5); }
html.dark-theme .app-smodal .modal-footer button { color: #ffffff; background-color: #242729; }
html.dark-theme .app-smodal .modal-footer button#askPasSub, html.dark-theme #infoModal .modal-footer button { background-color: #3485ff; color: #fff; }
html.dark-theme .app-smodal #dialogOk { background-color: #f35858; color: #ffffff; }
html.dark-theme #askforPass .form-group input { background: transparent; border-color: rgba(255, 255, 255, 0.1); }
html.dark-theme .screen-darken { background-color: rgba(0, 0, 0, 0.4); }
html.dark-theme body.shrinked #folderMenu .storage .storage-count { background: none; }
html.dark-theme body.shrinked #folderMenu #folderul a > span.number-badge { background-color: #3485ff; }
html.dark-theme .logout-btn { background-color: #242729; color: #ffffff; }
html.dark-theme .attachFiles + .select2 .select2-selection__rendered .select2-selection__choice { background-color: #111315; border: solid 1px #292b2e; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .attachFiles + .select2 .select2-selection__rendered .select2-selection__choice::before { background-color: #2c2f33; }
html.dark-theme .right-side .email-conetent-wrp .email-content-top-right .button-group::before { border-left: 1px solid rgba(255, 255, 255, 0.06); }
html.dark-theme .dropdown-toggle-labels { background-color: rgba(255, 255, 255, 0.05); }
html.dark-theme .dropdown-toggle-labels:hover, html.dark-theme .dropdown-toggle-labels:focus { background-color: rgba(255, 255, 255, 0.05); }
html.dark-theme .dropdown-toggle.dropdown-toggle-labels::after { border-top-color: rgba(255, 255, 255, 0.4); }
html.dark-theme .dropdown-labels a { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .dropdown-labels li:not(:last-child) { border-bottom: solid 1px #222426; }
html.dark-theme .dropdown-labels-wrapper .icon svg { fill: rgba(255, 255, 255, 0.4); }
html.dark-theme .dropdown-labels-wrapper .icon.normal svg { fill: rgba(126, 209, 242, 1); }
html.dark-theme .dropdown-labels-wrapper .icon.low svg { fill: #f1c949; }
html.dark-theme .dropdown-labels-wrapper .icon.high svg { fill: rgba(255, 255, 255, 0.6); }
html.dark-theme .dropdown-labels a.active { color: #3485ff; }
html.dark-theme .email-labels .label-wrapper { color: #ffffff; background: rgba(245, 246, 247, 0.7); }
html.dark-theme #labelColourDiv, html.dark-theme #folderColourDiv { background-color: #111315; border: solid 1px rgba(255, 255, 255, 0.1); }
html.dark-theme .desktop-search.has-data { background: rgba(34, 99, 273, 0.4); }
/* ---- generated from public/css/compose.css: 21 rules ---- */
html.dark-theme .compose-ec .the-content { background-color: #111315; }
html.dark-theme .compose-ec .the-header { background-color: #415067; color: #fff; }
html.dark-theme .compose-ec .the-header .c-title h3 { color: inherit; }
html.dark-theme .c-editor-actions .c-editor-formating button, html.dark-theme .c-editor-actions .c-editor-formating select, html.dark-theme .com-content-header .com-cc-bcc-buttons button, html.dark-theme .compose-ec .the-header .c-actions button { background: 0 0; border: none; }
html.dark-theme .c-editor-actions .icon, html.dark-theme .compose-ec .the-header .c-actions .icon { fill: #ffffff; }
html.dark-theme .c-editor-actions .icon { fill: rgba(255, 255, 255, 0.6); }
html.dark-theme .compose-ec .c-editor-send-actions .send-email-button { background-color: #3485ff; color: #fff; border: none; }
html.dark-theme .compose-ec .c-editor-actions .delete-draft { border: none; background: 0 0; }
html.dark-theme .compose-ec .c-editor-actions .delete-draft svg { stroke: rgba(255, 255, 255, 0.6); }
html.dark-theme .com-content-header .he-item { border-bottom: 1px solid #292b2e; }
html.dark-theme .com-content-header .he-item .he-label { color: #a0a7b3; }
html.dark-theme .com-content-header .he-item .he-label .the-icon { background-color: #1f2124; border: 1px solid #292b2e; }
html.dark-theme .com-content-header .he-item .he-label .the-icon svg { stroke: rgba(255, 255, 255, 0.6); }
html.dark-theme .com-content-header .he-item input, html.dark-theme .com-content-header .he-item select { color: rgba(255, 255, 255, 0.6); background: 0 0; }
html.dark-theme .com-content-header .com-cc-bcc-buttons { background-color: #111315; }
html.dark-theme .com-content-header .com-cc-bcc-buttons button { color: #3485ff; }
html.dark-theme .com-content-header .com-cc-bcc-buttons button:not(:last-child) { border-right: 2px solid #292b2e; }
html.dark-theme .select2-container--default .select2-selection--multiple, html.dark-theme .select2-container--default.select2-container--focus .select2-selection--multiple { border: none; }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #1f2124; color: rgba(255, 255, 255, 0.6); }
html.dark-theme .compose-email-wrapper.compose-maximize .compose-ec { background-color: rgba(0, 0, 0, 0.5); }
html.dark-theme .compose-body { background-color: #111315; }

/* ==== hand-written overrides (tools/dark-theme/dark-polish.css) ==== */
html.dark-theme { color-scheme: dark; }
html.dark-theme body { background: #111315; color: #fff; }

/* --- sidebar (Figma: base #111315, dividers #292b2e, nav grey #77797c, badges #afafaf on 10%) --- */
html.dark-theme .left-side { background: #111315; border-right: 1px solid #292b2e; }
html.dark-theme .left-side .new-message-btn button { background-color: #3485ff; }
html.dark-theme .left-side .new-message-btn button:hover { background-color: #2a6fd9; }
html.dark-theme .number-badge { background: rgba(175, 175, 175, 0.1); color: #afafaf; }
html.dark-theme .folder-menu { border-top-color: #292b2e; }
html.dark-theme .folder-menu .accordion-body ul li a { color: #77797c; }
html.dark-theme .storage .storage-count, html.dark-theme .storage-count .used_one, html.dark-theme .storage-count .used_one span { color: #77797c !important; }

/* --- email list (rows 69px, separators #222426, selected = white 5% + white bar, unread dot #cc5935) --- */
html.dark-theme #emailListTable tr { border-color: #222426; }
html.dark-theme #emailListTable tr.selected { background: rgba(255, 255, 255, 0.05); }
html.dark-theme #emailListTable tr.selected::after { background: #fff; }
html.dark-theme .unread-bullet { background: #cc5935; }
html.dark-theme .checkmark { border-color: rgba(255, 255, 255, 0.1); background: transparent; }
html.dark-theme #checkAll.info-row { border-bottom-color: #292b2e; }
html.dark-theme #desktop-search::placeholder, html.dark-theme #mobile-search::placeholder { color: rgba(255, 255, 255, 0.5); }

/* --- inline SVG icons hard-coded in the JSX --- */
html.dark-theme svg [fill="#080D13"], html.dark-theme svg [fill="#080d13"], html.dark-theme svg [fill="#22282F"], html.dark-theme svg [fill="#22282f"], html.dark-theme svg [fill="#415067"], html.dark-theme svg [fill="#212121"], html.dark-theme svg [fill="#212529"], html.dark-theme svg [fill="#292D32"], html.dark-theme svg [fill="#292d32"], html.dark-theme svg [fill="#4D535C"], html.dark-theme svg [fill="#4d535c"], html.dark-theme svg [fill="#000"], html.dark-theme svg [fill="#000000"], html.dark-theme svg [fill="black"] { fill: #fff; }
html.dark-theme svg [stroke="#080D13"], html.dark-theme svg [stroke="#080d13"], html.dark-theme svg [stroke="#22282F"], html.dark-theme svg [stroke="#22282f"], html.dark-theme svg [stroke="#415067"], html.dark-theme svg [stroke="#292D32"], html.dark-theme svg [stroke="#292d32"], html.dark-theme svg [stroke="#677385"], html.dark-theme svg [stroke="#212121"], html.dark-theme svg [stroke="#000"], html.dark-theme svg [stroke="#000000"], html.dark-theme svg [stroke="black"] { stroke: #fff; }
html.dark-theme header .menu-icon button svg path { fill: #fff; }
html.dark-theme header .menu-icon button:hover svg path { fill: #3485ff; }

/* --- header / user --- */
html.dark-theme .user-avatar { background: #6f6cf6; border-color: transparent; }
html.dark-theme .user-avatar .user-letter { color: #fff; }
html.dark-theme header .user-dropdown .btn-secondary, html.dark-theme header .user-dropdown .btn-secondary:hover, html.dark-theme header .user-dropdown .btn-secondary:focus { background: transparent; color: rgba(255, 255, 255, 0.85); }
/* name and address in the header / right menu: closer in tone (the address had colour 50 % on top of opacity 60 %) */
html.dark-theme header .user-dropdown .user-email, html.dark-theme .user-name-side-menu .user-email { color: rgba(255, 255, 255, 0.7); opacity: 1; }
html.dark-theme .user-name-side-menu { color: rgba(255, 255, 255, 0.85); }

/* --- reading pane --- */
html.dark-theme #virtualization { background: transparent; color-scheme: dark; }
html.dark-theme .right-side .email-conetent-wrp .email-content-top-left .sender-email { background: rgba(52, 122, 226, 0.12); color: #4992ff; }
html.dark-theme .right-side .email-conetent-wrp .email-content-top-right .button-group button.btn-pin-to-top { background: rgba(255, 255, 255, 0.08); color: #fff; }
html.dark-theme .alert.alert-warning { background: #2a2412; border-color: #4d4220; color: #f1d98a; }
html.dark-theme .attachment-row { background: #1f2124; color: rgba(255, 255, 255, 0.7); }
html.dark-theme .btn-primary, html.dark-theme .btn-primary:hover, html.dark-theme .btn-primary:focus { background: #3485ff; border-color: #3485ff; color: #fff; }

html.dark-theme .btn.dropdown-toggle-labels, html.dark-theme .btn.dropdown-toggle-labels:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }

/* --- Bootstrap components used by the mailbox --- */
html.dark-theme .modal-content { background: #1a1c1f; color: #fff; border: 1px solid #292b2e; }
html.dark-theme .modal-header, html.dark-theme .modal-footer { border-color: #292b2e; }
html.dark-theme .form-control, html.dark-theme .form-select, html.dark-theme textarea, html.dark-theme input[type="text"], html.dark-theme input[type="password"], html.dark-theme input[type="email"], html.dark-theme input[type="search"] { background-color: #1f2225; border-color: #222426; color: #fff; }
html.dark-theme .form-control::placeholder, html.dark-theme textarea::placeholder, html.dark-theme input::placeholder { color: rgba(255, 255, 255, 0.4); }
html.dark-theme .form-control:focus, html.dark-theme .form-select:focus { background-color: #1f2225; color: #fff; border-color: #3485ff; box-shadow: none; }
html.dark-theme .form-select { background-image: url("../images/icon-arrow-down-white.svg"); }
html.dark-theme .form-check-input { background-color: #1f2225; border-color: rgba(255, 255, 255, 0.3); }
html.dark-theme .form-check-input:checked { background-color: #3485ff; border-color: #3485ff; }
html.dark-theme .btn-close { background: transparent url("../images/icon-close-white.svg") center/1em auto no-repeat; }
html.dark-theme .btn-secondary, html.dark-theme .btn-light, html.dark-theme .btn-outline-secondary { background: #1f2124; border-color: #292b2e; color: #fff; }
html.dark-theme .text-muted { color: rgba(255, 255, 255, 0.5) !important; }
html.dark-theme .text-dark, html.dark-theme .text-black { color: #fff !important; }
html.dark-theme .bg-light, html.dark-theme .bg-white { background-color: #1f2124 !important; }
html.dark-theme .border, html.dark-theme .border-bottom, html.dark-theme .border-top, html.dark-theme .border-start, html.dark-theme .border-end { border-color: #292b2e !important; }
html.dark-theme .dropdown-item { color: #fff; }
html.dark-theme .dropdown-item:hover, html.dark-theme .dropdown-item:focus { background: rgba(255, 255, 255, 0.06); color: #fff; }
html.dark-theme .dropdown-divider { border-color: #292b2e; }
html.dark-theme .table { color: #fff; border-color: #222426; --bs-table-bg: transparent; --bs-table-color: #fff; --bs-table-striped-bg: rgba(255, 255, 255, 0.03); --bs-table-hover-bg: rgba(255, 255, 255, 0.04); --bs-table-hover-color: #fff; }
html.dark-theme .table > :not(caption) > * > * { border-bottom-color: #222426; }
html.dark-theme .pagination .page-link { background: #1f2124; border-color: #292b2e; color: #fff; }
html.dark-theme .pagination .page-item.active .page-link { background: #3485ff; border-color: #3485ff; }
html.dark-theme .card, html.dark-theme .list-group-item, html.dark-theme .toast { background: #1a1c1f; color: #fff; border-color: #292b2e; }
html.dark-theme .accordion-item, html.dark-theme .accordion-button, html.dark-theme .accordion-button:not(.collapsed) { background: transparent; color: #fff; border-color: #292b2e; box-shadow: none; }
html.dark-theme .nav-tabs { border-color: #222426; }
html.dark-theme .nav-tabs .nav-link { color: #77797c; }
html.dark-theme .nav-tabs .nav-link.active { color: #3485ff; background: transparent; border-color: transparent transparent #3485ff; }
html.dark-theme hr { border-color: #292b2e; opacity: 1; }
html.dark-theme .tooltip-inner { background: #2c2f33; color: #fff; }
html.dark-theme .popover { background: #1a1c1f; border-color: #292b2e; color: #fff; }
html.dark-theme .offcanvas, html.dark-theme .offcanvas-header, html.dark-theme .offcanvas-body { background: #111315; color: #fff; }
html.dark-theme .logout-btn { background: #1f2124; color: #fff; }
html.dark-theme .user-side-menu ul li { border-color: #222426; }
html.dark-theme .user-side-menu ul li button, html.dark-theme .user-side-menu ul li a { color: #fff; }

/* --- select2 --- */
html.dark-theme .select2-container--classic .select2-selection--single, html.dark-theme .select2-container--classic .select2-selection--multiple, html.dark-theme .select2-dropdown, html.dark-theme .select2-container--classic .select2-dropdown { background: #1f2225; border-color: #292b2e; color: #fff; }
html.dark-theme .select2-container--classic .select2-selection--single .select2-selection__rendered, html.dark-theme .select2-results__option { color: #fff; }
html.dark-theme .select2-container--classic .select2-results__option--highlighted[aria-selected] { background: #3485ff; color: #fff; }
html.dark-theme .select2-container--classic .select2-selection--multiple .select2-selection__choice { background: #292b2e; border-color: #33363a; color: #fff; }

/* --- CKEditor 5 (compose) --- */
html.dark-theme .ck.ck-editor__main > .ck-editor__editable, html.dark-theme .ck.ck-editor__editable_inline { background: #1f2225; color: #fff; border-color: #292b2e; }
html.dark-theme .ck.ck-toolbar { background: #1a1c1f; border-color: #292b2e; }
html.dark-theme .ck.ck-toolbar .ck-toolbar__separator { background: #292b2e; }
html.dark-theme .ck.ck-button, html.dark-theme .ck.ck-icon, html.dark-theme a.ck.ck-button { color: #fff; }
html.dark-theme .ck.ck-button:not(.ck-disabled):hover, html.dark-theme .ck.ck-button.ck-on { background: rgba(255, 255, 255, 0.08); color: #fff; }
html.dark-theme .ck.ck-dropdown__panel, html.dark-theme .ck.ck-list, html.dark-theme .ck.ck-balloon-panel { background: #1f2124; border-color: #292b2e; }
html.dark-theme .ck.ck-list__item .ck-button:hover:not(.ck-disabled) { background: rgba(255, 255, 255, 0.08); }
html.dark-theme .ck.ck-input { background: #111315; color: #fff; border-color: #292b2e; }
html.dark-theme .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) { border-color: #3485ff; box-shadow: none; }

/* --- scrollbars --- */
html.dark-theme ::-webkit-scrollbar { width: 6px; height: 6px; }
html.dark-theme ::-webkit-scrollbar-thumb { background: #77797c; border-radius: 24px; }
html.dark-theme ::-webkit-scrollbar-track { background: transparent; }

/* --- logo: the markup already carries a hidden dark-theme <img> next to the light one --- */
html.dark-theme header .logo-2 .light-theme, html.dark-theme .left-side .logo .light-theme-logo, html.dark-theme .logo .light-theme-logo { display: none; }
html.dark-theme header .logo-2 .dark-theme, html.dark-theme .left-side .logo .dark-theme-logo, html.dark-theme .logo .dark-theme-logo { display: inline-block; }

/* --- labels dropdown button (reading pane + compose) --- */
html.dark-theme .btn.dropdown-toggle-labels, html.dark-theme .btn.dropdown-toggle-labels:hover, html.dark-theme .btn.dropdown-toggle-labels:focus { background: rgba(255, 255, 255, 0.08) !important; color: #fff; }
html.dark-theme .dropdown-toggle.dropdown-toggle-labels::after { border-top-color: rgba(255, 255, 255, 0.4); }

/* --- login / signup page header (website-style header with a black wordmark) --- */
html.dark-theme header .navbar-brand { display: inline-block; background: url("../images/logo-dark-theme.svg") left center / contain no-repeat; background-origin: content-box; }
html.dark-theme header .navbar-brand img { visibility: hidden; }

/* --- spoofed-sender warning: muted instead of hard red --- */
html.dark-theme .spoof-warning { color: #e08a7a !important; }

/* --- SmartNotification toasts (the plugin sets a white background inline) --- */
html.dark-theme .SmallBox { background-color: #1f2124 !important; color: #fff; border-color: #33363a; box-shadow: 0 20px 32px -8px rgba(0, 0, 0, 0.8); }
html.dark-theme .SmallBox[style*="#ffd4a8"], html.dark-theme .SmallBox[style*="255, 212, 168"] { background-color: #3a2c1a !important; color: #ffd4a8; }
html.dark-theme .SmallBox span, html.dark-theme .SmallBox p { color: inherit; }

/* --- compose window: graphite sheet with a border and a real shadow so it stands off the page --- */
html.dark-theme .compose-window { background: #1a1c1f; border: 1px solid #33363a; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.7); }
html.dark-theme .compose-body, html.dark-theme .compose-window .the-content, html.dark-theme .compose-window .the-content-wrapper { background-color: #1a1c1f; }
html.dark-theme .compose-email-wrapper .compose-ec { box-shadow: 0 24px 64px rgba(0, 0, 0, 0.7); }
html.dark-theme .compose-email-wrapper.compose-maximize .compose-ec { background-color: rgba(0, 0, 0, 0.6); }

/* --- recipient chips: mailum = green, external = red, PIN = yellow, PGP = blue --- */
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice.email-protected { background-color: rgba(104, 200, 104, 0.3); color: #fff; }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice.email-unprotected { background-color: rgba(255, 110, 130, 0.32); color: #fff; }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice.email-pinprotected { background-color: rgba(255, 235, 120, 0.3); color: #fff; }
html.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice.email-pgpprotected { background-color: rgba(120, 190, 255, 0.3); color: #fff; }

/* --- "Choose an Email" illustration: dark disc, muted mailbox --- */
html.dark-theme .inbox-icon svg [fill="#FAFBFF"] { fill: #1a1c1f; }
html.dark-theme .inbox-icon svg [fill="#F3F6FB"] { fill: #222528; }
html.dark-theme .inbox-icon svg [fill="white"] { fill: #3a4660; }
html.dark-theme .inbox-icon svg [fill="#E8F1FF"] { fill: #3e4d6b; }
html.dark-theme .inbox-icon svg [fill="#DEEAFC"] { fill: #445576; }
html.dark-theme .inbox-icon svg [fill="#D9E8FF"] { fill: #4a5c80; }
html.dark-theme .inbox-icon svg [fill="#D0E3FF"] { fill: #4f6388; }
html.dark-theme .inbox-icon svg [fill="#CADBF4"] { fill: #536789; }
html.dark-theme .inbox-icon svg [fill="#C2D9FC"] { fill: #5a7096; }
html.dark-theme .inbox-icon svg [fill="#C1DAFF"] { fill: #607aa6; }
html.dark-theme .inbox-icon svg [fill="#AECBF7"] { fill: #6b88b8; }
html.dark-theme .inbox-icon svg [fill="#A7C3EC"] { fill: #7290c2; }

/* --- login / signup right panel: same artwork, darkened, so the 3D renders sit on a dark sheet --- */
html.dark-theme .full-height-container .right-side { background: linear-gradient(rgba(13, 17, 26, 0.74), rgba(13, 17, 26, 0.74)), url("../images/blue-bg.jpg") no-repeat center / cover; }

/* --- post-login loading: skeleton preview and the progress ring --- */
html.dark-theme #overlay { background-color: rgba(0, 0, 0, 0.6); }
html.dark-theme .loading-skeleton .left-side { background: #16181b; }
html.dark-theme .loading-skeleton .skeleton, html.dark-theme .loading-skeleton .left-side .skeleton, html.dark-theme .loading-skeleton .inbox-list .skeleton, html.dark-theme .loading-skeleton .right-side .skeleton, html.dark-theme .loading-skeleton .right-top-data-content .skeleton, html.dark-theme .loading-skeleton .the-folders .main-menu::before { background-color: #25282c; }
html.dark-theme .loading-skeleton .left-side .new-message-btn .skeleton, html.dark-theme .loading-skeleton .right-side .loading-select-email .the-action button { background-color: #2a5ca8; }
html.dark-theme .loading-skeleton .inbox-list .the-email-item .the-iicon { border-color: #2e3135; }
html.dark-theme .loading-skeleton .inbox-list ul li:not(:last-child) { border-bottom-color: #222426; }
html.dark-theme .loading-skeleton header { border-bottom-color: #292b2e; }
html.dark-theme .loading-skeleton .user-icon { background: #25282c; box-shadow: none; border-color: transparent; }
html.dark-theme .circle-content { box-shadow: 0 10px 24px rgba(52, 133, 255, 0.35); }
html.dark-theme svg [stroke="#E1E4EC"], html.dark-theme svg [stroke="#e1e4ec"] { stroke: #2e3135; }
html.dark-theme #userObjSync .modal-content { background: #1a1c1f; }

/* --- login / signup: graphite form card with room around the fields --- */
html.dark-theme .full-height-container .left-data { max-width: 585px; }
html.dark-theme #createAccount-modal .modal-dialog { max-width: none; margin: 0; }
html.dark-theme #createAccount-modal .modal-content { background: #1a1c1f; border: 1px solid #292b2e; border-radius: 12px; padding: 32px 40px 32px; }
html.dark-theme .login-card, html.dark-theme #forgPass { background: #1a1c1f; border: 1px solid #292b2e; border-radius: 12px; padding: 32px 40px 32px; box-sizing: border-box; display: flow-root; }

/* --- footer on the login / signup pages ---
   index.html has an inline block for viewports up to 767px high (phones, short laptop windows) that
   forces a light grey footer with a white copyright band; these rules outrank it by specificity. */
html.dark-theme .footer-minimal.theme_light { background: #111315 !important; border-top: 1px solid #292b2e; }
html.dark-theme .footer-minimal.theme_light p, html.dark-theme .footer-minimal.theme_light a, html.dark-theme .footer-minimal.theme_light .copyright { color: rgba(255, 255, 255, 0.55); }
html.dark-theme .footer-minimal.theme_light a:hover { color: #3485ff; }
html.dark-theme .footer-minimal.theme_light .footer-bottom-row .copyright { background: transparent; color: rgba(255, 255, 255, 0.4); }
html.dark-theme footer .footer-logo, html.dark-theme footer .footer-bottom .logo { background: url("../images/logo-footer-dark.svg") left center / auto 22px no-repeat; }
html.dark-theme footer .footer-logo img, html.dark-theme footer .footer-bottom .logo img { visibility: hidden; }
@media screen and (max-width: 767px) {
    html.dark-theme .footer-minimal.theme_light { padding-bottom: 0; }
    html.dark-theme .footer-minimal.theme_light p { color: rgba(255, 255, 255, 0.55); }
    html.dark-theme .footer-minimal.theme_light .footer-bottom-left a { color: rgba(255, 255, 255, 0.7); }
    html.dark-theme .footer-minimal.theme_light .footer-bottom-row .copyright { border-top: 1px solid #222426; margin-top: 20px; padding: 20px 0; }
}

/* --- theme switch next to the logo --- */
html.dark-theme .theme-switch { color: #77797c; }
html.dark-theme .theme-switch:hover { background: rgba(255, 255, 255, 0.08); color: #3485ff; }
html.dark-theme .offcanvas-header .logo .light-theme-logo { display: none; }
html.dark-theme .offcanvas-header .logo .dark-theme-logo { display: inline-block; }

/* --- CKEditor 5 palette (compose editor): one border colour around toolbar and editable --- */
html.dark-theme { --ck-color-base-background: #1f2225; --ck-color-base-border: #33363a; --ck-color-base-foreground: #1a1c1f; --ck-color-base-text: #fff; --ck-color-text: #fff; --ck-color-toolbar-background: #1a1c1f; --ck-color-toolbar-border: #33363a; --ck-color-focus-border: #3485ff; --ck-color-button-default-background: transparent; --ck-color-button-default-hover-background: rgba(255, 255, 255, 0.08); --ck-color-button-on-background: rgba(255, 255, 255, 0.12); --ck-color-split-button-hover-background: rgba(255, 255, 255, 0.08); --ck-color-panel-background: #1f2124; --ck-color-panel-border: #33363a; --ck-color-dropdown-panel-border: #33363a; --ck-color-list-background: #1f2124; --ck-color-list-button-hover-background: rgba(255, 255, 255, 0.08); --ck-color-input-background: #111315; --ck-color-input-border: #33363a; --ck-color-tooltip-background: #2c2f33; --ck-color-tooltip-text: #fff; --ck-color-widget-hover-border: #3485ff; }
html.dark-theme .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) { border-color: #33363a; }

/* --- compose footer: attach button with a proper box around the clip --- */
html.dark-theme .compose-footer.bg-white { background-color: #1a1c1f !important; }
html.dark-theme .compose-footer .btn.dropdown-toggle-labels { height: 40px; min-width: 60px; padding: 0 10px !important; border: 1px solid #33363a !important; border-radius: 8px; background: rgba(255, 255, 255, 0.06) !important; display: flex; align-items: center; justify-content: center; gap: 6px; }
html.dark-theme .compose-footer .btn.dropdown-toggle-labels:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: #44474c !important; }
html.dark-theme .compose-footer .btn.dropdown-toggle-labels .icon { display: flex; }
html.dark-theme .compose-footer .btn.dropdown-toggle-labels .icon svg { width: 20px; height: 20px; }

/* --- confirmation / info modals (#dialogPop, #askPass, #infoMod) --- */
html.dark-theme .app-smodal #dialogModBody, html.dark-theme .app-smodal #infoPass, html.dark-theme .app-smodal #infoModBody { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .app-smodal .modal-footer { border-color: #292b2e; }
html.dark-theme .app-smodal .icon-background { background: rgba(255, 255, 255, 0.06); }

/* --- settings "+ Add ..." link buttons: text link, not a filled button --- */
html.dark-theme .setting-middle .add-contact-btn a, html.dark-theme .setting-middle .add-contact-btn button { background: transparent; color: #3485ff; }
html.dark-theme .setting-middle .add-contact-btn a:hover, html.dark-theme .setting-middle .add-contact-btn button:hover { background-color: rgba(52, 133, 255, 0.1); color: #3485ff; }

/* --- Bootstrap dropdown menus: items without their own colour rule (e.g. the Move To folder list) --- */
html.dark-theme .dropdown-menu { --bs-dropdown-color: #fff; --bs-dropdown-link-color: #fff; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.06); --bs-dropdown-bg: #1a1c1f; --bs-dropdown-border-color: #292b2e; color: #fff; }
html.dark-theme .dropdown-menu .dd-inner li a { color: #fff; }
html.dark-theme .dropdown-menu .dd-inner li.divider { border-top-color: rgba(255, 255, 255, 0.2); }

/* --- email list: read rows recede, unread rows stay bright (Figma: 100/80/60 % vs 70/40 %) --- */
html.dark-theme .middle-section .inbox-list table .email .mail-title { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .middle-section .inbox-list table .email .inbox-list-top, html.dark-theme .middle-section .inbox-list table .email p, html.dark-theme .middle-section .inbox-list table tr:hover .inbox-list-top { color: rgba(255, 255, 255, 0.4); }
html.dark-theme .middle-section .inbox-list table .email .date-time { opacity: 0.4; }
html.dark-theme .middle-section .inbox-list table .email.unread .mail-title { color: #fff; }
html.dark-theme .middle-section .inbox-list table .email.unread .inbox-list-top, html.dark-theme .middle-section .inbox-list table tr:hover .email.unread .inbox-list-top { color: rgba(255, 255, 255, 0.85); }
html.dark-theme .middle-section .inbox-list table .email.unread p { color: rgba(255, 255, 255, 0.65); }
html.dark-theme .middle-section .inbox-list table .email.unread .date-time { opacity: 1; }

/* --- label chips on a message (Figma: #242729 chip, white text) --- */
html.dark-theme .email-labels .label-wrapper { background: #242729; color: #fff; }

/* --- inline SVG shapes with no fill or stroke of their own render black by default: use the text colour --- */
html.dark-theme svg:not([fill]) path:not([fill]):not([stroke]), html.dark-theme svg:not([fill]) rect:not([fill]):not([stroke]), html.dark-theme svg:not([fill]) circle:not([fill]):not([stroke]), html.dark-theme svg:not([fill]) polygon:not([fill]):not([stroke]) { fill: currentColor; }

/* --- selected custom folder (icon tint) --- */
html.dark-theme #folderulcustom li.active a { color: #3485ff; }
html.dark-theme #folderulcustom li.active a .menu-icon { background: rgba(52, 133, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(52, 133, 255, 0.45); }

/* --- copy-address button next to the sender --- */
html.dark-theme .sender-name .copy-sender { color: rgba(255, 255, 255, 0.5); }
html.dark-theme .sender-name .copy-sender:hover { color: #3485ff; background: rgba(255, 255, 255, 0.08); }

/* --- checkbox tick: white on the accent box (the twin had turned the white border dark) --- */
html.dark-theme .container-checkbox .checkmark:after { border: solid #fff; border-width: 0 2px 2px 0; }

/* --- mobile settings bottom bar: inactive items readable --- */
html.dark-theme .left-settings-mobile .__container { background-color: #111315; border-top: 1px solid #292b2e; }
html.dark-theme .left-settings-mobile .__items .btn-group button { color: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-settings-mobile .__items .icon svg path { fill: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-settings-mobile .__items .icon.settings svg path, html.dark-theme .left-settings-mobile .__items .icon.settings svg circle { fill: none; stroke: rgba(255, 255, 255, 0.6); }
html.dark-theme .left-settings-mobile .__items .btn-group button.show, html.dark-theme .left-settings-mobile .__items .btn-group button.active { background-color: rgba(52, 133, 255, 0.12); border-color: transparent; color: #3485ff; }
html.dark-theme .left-settings-mobile .__items .btn-group button.show svg path, html.dark-theme .left-settings-mobile .__items .btn-group button.active svg path { fill: #3485ff; }
html.dark-theme .left-settings-mobile .__items .btn-group button.show .icon.settings svg path, html.dark-theme .left-settings-mobile .__items .btn-group button.active .icon.settings svg path, html.dark-theme .left-settings-mobile .__items .btn-group button.show .icon.settings svg circle, html.dark-theme .left-settings-mobile .__items .btn-group button.active .icon.settings svg circle { fill: none; stroke: #3485ff; }