html[data-theme="dark"] .icon,
html[data-theme="dark"] .img-mode {
    filter: brightness(0) invert(1);
}

html[data-theme="dark"] .no-filter {
    filter: none !important;
}

html[data-theme="dark"] .bg-white {
    background-color: var(--white) !important;
}


html[data-theme="dark"] .modal-backdrop.show,
.offcanvas-backdrop.fade,
.offcanvas-backdrop.show,
.modal-backdrop.fade {
    opacity: 0.7;
}

html[data-theme="dark"] .grayscale-image {
    filter: grayscale(1) brightness(0.7);
}


/* Light mode */
html[data-theme="light"] .light-img {
    display: block;
}

html[data-theme="light"] .dark-img {
    display: none;
}

/* Dark mode */
html[data-theme="dark"] .dark-img {
    display: block;
}

html[data-theme="dark"] .light-img {
    display: none;
}

html[data-theme="dark"] .cheque-close-icon {
    fill: #000;
}

html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] textarea:-webkit-autofill,
html[data-theme="dark"] select:-webkit-autofill {
    -webkit-text-fill-color: var(--text-primary) !important;
    caret-color: var(--text-primary) !important;
    box-shadow: 0 0 0 1000px var(--background-quaternary) inset !important;
    -webkit-box-shadow: 0 0 0 1000px var(--background-quaternary) inset !important;
    transition: background-color 9999s ease-in-out 0s;
}