/*
-------------------------------------------------------------------------------
Halfmoon CSS (Variables file)
Version: 1.1.1
https://www.gethalfmoon.com
Copyright, Halfmoon UI
Licensed under MIT (https://www.gethalfmoon.com/license)
-------------------------------------------------------------------------------
The above notice must be included in its entirety when this file is used.
*/
@keyframes progress-bar-shine {
    to {
        transform: translateX(0);
        opacity: .1
    }
}

:root {
    --white-bg-color: #ffffff;
    --dark-color: #191c20;
    --dark-color-light: #25282c;
    --dark-color-dark: #111417;
    --gray-color: #dadfe1;
    --gray-color-light: #ecf0f1;
    --gray-color-very-light: #f7f7f7;
    --gray-color-dark: #bababc;
    --gray-color-very-dark: #47494d;
    --lm-base-text-color: rgba(0, 0, 0, 0.85);
    --lm-base-text-color-light: rgba(0, 0, 0, 0.7);
    --lm-base-body-bg-color: var(--white-bg-color);
    --lm-base-body-bg-image: none;
    --lm-horizontal-rule-color: rgba(0, 0, 0, 0.05);
    --lm-border-color: rgba(0, 0, 0, 0.2);
    --dm-base-text-color: rgba(255, 255, 255, 0.8);
    --dm-base-text-color-light: rgba(255, 255, 255, 0.65);
    --dm-base-body-bg-color: var(--dark-color-light);
    --dm-base-body-bg-image: none;
    --dm-horizontal-rule-color: rgba(255, 255, 255, 0.05);
    --dm-border-color: rgba(255, 255, 255, 0.2);
    --heading-font-weight: 400;
    --lm-muted-text-color: rgba(0, 0, 0, 0.6);
    --dm-muted-text-color: rgba(255, 255, 255, 0.6);
    --blue-color: #1890ff;
    --blue-color-light: #45a3fb;
    --blue-color-very-light: #cfe7fd;
    --blue-color-dark: #0d518f;
    --blue-color-very-dark: #172636;
    --blue-box-shadow-color: rgba(24, 144, 255, 0.3);
    --blue-box-shadow-color-darker: rgba(24, 144, 255, 0.6);
    --text-color-on-blue-color-bg: #ffffff;
    --indigo-color: #6563ff;
    --indigo-color-light: #857cfc;
    --indigo-color-very-light: #e0dcfe;
    --indigo-color-dark: #383677;
    --indigo-color-very-dark: #1f2130;
    --indigo-box-shadow-color: rgba(101, 99, 255, 0.3);
    --indigo-box-shadow-color-darker: rgba(101, 99, 255, 0.6);
    --text-color-on-indigo-color-bg: #ffffff;
    --teal-color: #38b2ac;
    --teal-color-light: #5fc0bd;
    --teal-color-very-light: #d2efee;
    --teal-color-dark: #265758;
    --teal-color-very-dark: #1b2a2d;
    --teal-box-shadow-color: rgba(56, 178, 172, 0.3);
    --teal-box-shadow-color-darker: rgba(56, 178, 172, 0.6);
    --text-color-on-teal-color-bg: #ffffff;
    --green-color: #0be881;
    --green-color-light: #81eea8;
    --green-color-very-light: #d5f9e5;
    --green-color-dark: #0d8951;
    --green-color-very-dark: #17312a;
    --green-box-shadow-color: rgba(11, 232, 129, 0.3);
    --green-box-shadow-color-darker: rgba(11, 232, 129, 0.6);
    --text-color-on-green-color-bg: var(--lm-base-text-color);
    --yellow-color: #ffcf00;
    --yellow-color-light: #ffe04d;
    --yellow-color-very-light: #fff6cc;
    --yellow-color-dark: #8e7710;
    --yellow-color-very-dark: #302c1d;
    --yellow-box-shadow-color: rgba(255, 207, 0, 0.3);
    --yellow-box-shadow-color-darker: rgba(255, 207, 0, 0.6);
    --text-color-on-yellow-color-bg: var(--lm-base-text-color);
    --orange-color: #ed8936;
    --orange-color-light: #f09f53;
    --orange-color-very-light: #fbe6d2;
    --orange-color-dark: #6e4623;
    --orange-color-very-dark: #2e2620;
    --orange-box-shadow-color: rgba(237, 137, 54, 0.3);
    --orange-box-shadow-color-darker: rgba(237, 137, 54, 0.6);
    --text-color-on-orange-color-bg: #ffffff;
    --red-color: #ff4d4f;
    --red-color-light: #ed586c;
    --red-color-very-light: #f8d0d9;
    --red-color-dark: #8c0e2e;
    --red-color-very-dark: #301923;
    --red-box-shadow-color: rgba(245, 34, 45, 0.3);
    --red-box-shadow-color-darker: rgba(245, 34, 45, 0.6);
    --text-color-on-red-color-bg: #ffffff;
    --pink-color: #ed64a6;
    --pink-color-light: #ee7db7;
    --pink-color-very-light: #f9dced;
    --pink-color-dark: #6d3655;
    --pink-color-very-dark: #2d212d;
    --pink-box-shadow-color: rgba(237, 100, 166, 0.3);
    --pink-box-shadow-color-darker: rgba(237, 100, 166, 0.6);
    --text-color-on-pink-color-bg: #ffffff;
    --primary-color: var(--blue-color);
    --primary-color-light: var(--blue-color-light);
    --primary-color-very-light: var(--blue-color-very-light);
    --primary-color-dark: var(--blue-color-dark);
    --primary-color-very-dark: var(--blue-color-very-dark);
    --primary-box-shadow-color: var(--blue-box-shadow-color);
    --primary-box-shadow-color-darker: var(--blue-box-shadow-color-darker);
    --text-color-on-primary-color-bg: var(--text-color-on-blue-color-bg);
    --success-color: var(--green-color);
    --success-color-light: var(--green-color-light);
    --success-color-very-light: var(--green-color-very-light);
    --success-color-dark: var(--green-color-dark);
    --success-color-very-dark: var(--green-color-very-dark);
    --success-box-shadow-color: var(--green-box-shadow-color);
    --success-box-shadow-color-darker: var(--green-box-shadow-color-darker);
    --text-color-on-success-color-bg: var(--text-color-on-green-color-bg);
    --secondary-color: var(--yellow-color);
    --secondary-color-light: var(--yellow-color-light);
    --secondary-color-very-light: var(--yellow-color-very-light);
    --secondary-color-dark: var(--yellow-color-dark);
    --secondary-color-very-dark: var(--yellow-color-very-dark);
    --secondary-box-shadow-color: var(--yellow-box-shadow-color);
    --secondary-box-shadow-color-darker: var(--yellow-box-shadow-color-darker);
    --text-color-on-secondary-color-bg: var(--text-color-on-yellow-color-bg);
    --danger-color: var(--red-color);
    --danger-color-light: var(--red-color-light);
    --danger-color-very-light: var(--red-color-very-light);
    --danger-color-dark: var(--red-color-dark);
    --danger-color-very-dark: var(--red-color-very-dark);
    --danger-box-shadow-color: var(--red-box-shadow-color);
    --danger-box-shadow-color-darker: var(--red-box-shadow-color-darker);
    --text-color-on-danger-color-bg: var(--text-color-on-red-color-bg);
    --lm-shadow-color: rgba(0, 0, 0, 0.15);
    --dm-shadow-color: rgba(0, 0, 0, 0.4);
    --lm-small-shadow: 0 0.1rem 0.2rem var(--lm-shadow-color);
    --dm-small-shadow: 0 0.1rem 0.6rem var(--dm-shadow-color);
    --lm-shadow: 0 0.2rem 0.4rem var(--lm-shadow-color);
    --dm-shadow: 0 0.2rem 0.8rem var(--dm-shadow-color);
    --lm-large-shadow: 0 0.4rem 0.8rem var(--lm-shadow-color);
    --dm-large-shadow: 0 0.4rem 1.2rem var(--dm-shadow-color);
    --webkit-scrollbar-width-height: 1.4rem;
    --webkit-scrollbar-track-border-width: var(--base-border-width);
    --webkit-scrollbar-thumb-min-width-height: 3rem;
    --webkit-scrollbar-thumb-border-width: 0.4rem;
    --webkit-scrollbar-thumb-border-radius: 1rem;
    --webkit-scrollbar-corner-border-width: var(--base-border-width);
    --lm-webkit-scrollbar-bg-color: transparent;
    --lm-webkit-scrollbar-track-border-color: rgba(0, 0, 0, 0.1);
    --lm-webkit-scrollbar-thumb-bg-color: rgba(0, 0, 0, 0.25);
    --lm-webkit-scrollbar-thumb-bg-color-hover: rgba(0, 0, 0, 0.4);
    --lm-webkit-scrollbar-thumb-border-color: transparent;
    --lm-webkit-scrollbar-thumb-border-color-hover: transparent;
    --lm-webkit-scrollbar-corner-bg-color: transparent;
    --lm-webkit-scrollbar-corner-border-color: rgba(0, 0, 0, 0.1);
    --dm-webkit-scrollbar-bg-color: transparent;
    --dm-webkit-scrollbar-track-border-color: rgba(255, 255, 255, 0.05);
    --dm-webkit-scrollbar-thumb-bg-color: rgba(255, 255, 255, 0.25);
    --dm-webkit-scrollbar-thumb-bg-color-hover: rgba(255, 255, 255, 0.4);
    --dm-webkit-scrollbar-thumb-border-color: transparent;
    --dm-webkit-scrollbar-thumb-border-color-hover: transparent;
    --dm-webkit-scrollbar-corner-bg-color: transparent;
    --dm-webkit-scrollbar-corner-border-color: rgba(255, 255, 255, 0.05);
    --css-scrollbar-width: thin;
    --lm-css-scrollbar-color: var(--lm-webkit-scrollbar-thumb-bg-color) var(--lm-base-body-bg-color);
    --dm-css-scrollbar-color: var(--dm-webkit-scrollbar-thumb-bg-color) var(--dm-base-body-bg-color);

    --lm-sidebar-webkit-scrollbar-bg-color: var(--lm-webkit-scrollbar-bg-color);
    --lm-sidebar-webkit-scrollbar-track-border-color: var(--lm-webkit-scrollbar-track-border-color);
    --lm-sidebar-webkit-scrollbar-thumb-bg-color: var(--lm-webkit-scrollbar-thumb-bg-color);
    --lm-sidebar-webkit-scrollbar-thumb-bg-color-hover: var(--lm-webkit-scrollbar-thumb-bg-color-hover);
    --lm-sidebar-webkit-scrollbar-thumb-border-color: var(--lm-webkit-scrollbar-thumb-border-color);
    --lm-sidebar-webkit-scrollbar-thumb-border-color-hover: var(--lm-webkit-scrollbar-thumb-border-color-hover);
    --lm-sidebar-webkit-scrollbar-corner-bg-color: var(--lm-webkit-scrollbar-corner-bg-color);
    --lm-sidebar-webkit-scrollbar-corner-border-color: var(--lm-webkit-scrollbar-corner-border-color);
    --dm-sidebar-webkit-scrollbar-bg-color: var(--dm-webkit-scrollbar-bg-color);
    --dm-sidebar-webkit-scrollbar-track-border-color: var(--dm-webkit-scrollbar-track-border-color);
    --dm-sidebar-webkit-scrollbar-thumb-bg-color: var(--dm-webkit-scrollbar-thumb-bg-color);
    --dm-sidebar-webkit-scrollbar-thumb-bg-color-hover: var(--dm-webkit-scrollbar-thumb-bg-color-hover);
    --dm-sidebar-webkit-scrollbar-thumb-border-color: var(--dm-webkit-scrollbar-thumb-border-color);
    --dm-sidebar-webkit-scrollbar-thumb-border-color-hover: var(--dm-webkit-scrollbar-thumb-border-color-hover);
    --dm-sidebar-webkit-scrollbar-corner-bg-color: var(--dm-webkit-scrollbar-corner-bg-color);
    --dm-sidebar-webkit-scrollbar-corner-border-color: var(--dm-webkit-scrollbar-corner-border-color);
    --sidebar-css-scrollbar-width: var(--css-scrollbar-width);
    --lm-sidebar-css-scrollbar-color: var(--lm-webkit-scrollbar-thumb-bg-color) var(--lm-sidebar-bg-color);
    --dm-sidebar-css-scrollbar-color: var(--dm-webkit-scrollbar-thumb-bg-color) var(--dm-sidebar-bg-color);
    --lm-modal-webkit-scrollbar-bg-color: var(--lm-webkit-scrollbar-bg-color);
    --lm-modal-webkit-scrollbar-track-border-color: var(--dm-webkit-scrollbar-track-border-color);
    --lm-modal-webkit-scrollbar-thumb-bg-color: var(--dm-webkit-scrollbar-thumb-bg-color);
    --lm-modal-webkit-scrollbar-thumb-bg-color-hover: var(--dm-webkit-scrollbar-thumb-bg-color-hover);
    --lm-modal-webkit-scrollbar-thumb-border-color: var(--lm-webkit-scrollbar-thumb-border-color);
    --lm-modal-webkit-scrollbar-thumb-border-color-hover: var(--lm-webkit-scrollbar-thumb-border-color-hover);
    --lm-modal-webkit-scrollbar-corner-bg-color: var(--lm-webkit-scrollbar-corner-bg-color);
    --lm-modal-webkit-scrollbar-corner-border-color: var(--lm-webkit-scrollbar-corner-border-color);
    --dm-modal-webkit-scrollbar-bg-color: var(--dm-webkit-scrollbar-bg-color);
    --dm-modal-webkit-scrollbar-track-border-color: var(--dm-webkit-scrollbar-track-border-color);
    --dm-modal-webkit-scrollbar-thumb-bg-color: var(--dm-webkit-scrollbar-thumb-bg-color);
    --dm-modal-webkit-scrollbar-thumb-bg-color-hover: var(--dm-webkit-scrollbar-thumb-bg-color-hover);
    --dm-modal-webkit-scrollbar-thumb-border-color: var(--dm-webkit-scrollbar-thumb-border-color);
    --dm-modal-webkit-scrollbar-thumb-border-color-hover: var(--dm-webkit-scrollbar-thumb-border-color-hover);
    --dm-modal-webkit-scrollbar-corner-bg-color: var(--dm-webkit-scrollbar-corner-bg-color);
    --dm-modal-webkit-scrollbar-corner-border-color: var(--dm-webkit-scrollbar-corner-border-color);
    --modal-css-scrollbar-width: var(--css-scrollbar-width);
    --lm-modal-css-scrollbar-color: var(--dm-webkit-scrollbar-thumb-bg-color) transparent;
    --dm-modal-css-scrollbar-color: var(--dm-webkit-scrollbar-thumb-bg-color) transparent;
    --lm-modal-full-webkit-scrollbar-bg-color: var(--lm-modal-full-content-bg-color);
    --lm-modal-full-webkit-scrollbar-track-border-color: var(--lm-webkit-scrollbar-track-border-color);
    --lm-modal-full-webkit-scrollbar-thumb-bg-color: var(--lm-webkit-scrollbar-thumb-bg-color);
    --lm-modal-full-webkit-scrollbar-thumb-bg-color-hover: var(--lm-webkit-scrollbar-thumb-bg-color-hover);
    --lm-modal-full-webkit-scrollbar-thumb-border-color: var(--lm-webkit-scrollbar-thumb-border-color);
    --lm-modal-full-webkit-scrollbar-thumb-border-color-hover: var(--lm-webkit-scrollbar-thumb-border-color-hover);
    --lm-modal-full-webkit-scrollbar-corner-bg-color: var(--lm-modal-full-content-bg-color);
    --lm-modal-full-webkit-scrollbar-corner-border-color: var(--lm-webkit-scrollbar-corner-border-color);
    --dm-modal-full-webkit-scrollbar-bg-color: var(--dm-modal-full-content-bg-color);
    --dm-modal-full-webkit-scrollbar-track-border-color: var(--dm-webkit-scrollbar-track-border-color);
    --dm-modal-full-webkit-scrollbar-thumb-bg-color: var(--dm-webkit-scrollbar-thumb-bg-color);
    --dm-modal-full-webkit-scrollbar-thumb-bg-color-hover: var(--dm-webkit-scrollbar-thumb-bg-color-hover);
    --dm-modal-full-webkit-scrollbar-thumb-border-color: var(--dm-webkit-scrollbar-thumb-border-color);
    --dm-modal-full-webkit-scrollbar-thumb-border-color-hover: var(--dm-webkit-scrollbar-thumb-border-color-hover);
    --dm-modal-full-webkit-scrollbar-corner-bg-color: var(--dm-modal-full-content-bg-color);
    --dm-modal-full-webkit-scrollbar-corner-border-color: var(--dm-webkit-scrollbar-corner-border-color);
    --lm-modal-full-css-scrollbar-color: var(--lm-webkit-scrollbar-thumb-bg-color) var(--lm-modal-full-content-bg-color);
    --dm-modal-full-css-scrollbar-color: var(--dm-webkit-scrollbar-thumb-bg-color) var(--dm-modal-full-content-bg-color);
    --lm-card-webkit-scrollbar-bg-color: var(--lm-webkit-scrollbar-bg-color);
    --lm-card-webkit-scrollbar-track-border-color: var(--lm-webkit-scrollbar-track-border-color);
    --lm-card-webkit-scrollbar-thumb-bg-color: var(--lm-webkit-scrollbar-thumb-bg-color);
    --lm-card-webkit-scrollbar-thumb-bg-color-hover: var(--lm-webkit-scrollbar-thumb-bg-color-hover);
    --lm-card-webkit-scrollbar-thumb-border-color: var(--lm-webkit-scrollbar-thumb-border-color);
    --lm-card-webkit-scrollbar-thumb-border-color-hover: var(--lm-webkit-scrollbar-thumb-border-color-hover);
    --lm-card-webkit-scrollbar-corner-bg-color: var(--lm-webkit-scrollbar-corner-bg-color);
    --lm-card-webkit-scrollbar-corner-border-color: var(--lm-webkit-scrollbar-corner-border-color);
    --dm-card-webkit-scrollbar-bg-color: var(--dm-webkit-scrollbar-bg-color);
    --dm-card-webkit-scrollbar-track-border-color: var(--dm-webkit-scrollbar-track-border-color);
    --dm-card-webkit-scrollbar-thumb-bg-color: var(--dm-webkit-scrollbar-thumb-bg-color);
    --dm-card-webkit-scrollbar-thumb-bg-color-hover: var(--dm-webkit-scrollbar-thumb-bg-color-hover);
    --dm-card-webkit-scrollbar-thumb-border-color: var(--dm-webkit-scrollbar-thumb-border-color);
    --dm-card-webkit-scrollbar-thumb-border-color-hover: var(--dm-webkit-scrollbar-thumb-border-color-hover);
    --dm-card-webkit-scrollbar-corner-bg-color: var(--dm-webkit-scrollbar-corner-bg-color);
    --dm-card-webkit-scrollbar-corner-border-color: var(--dm-webkit-scrollbar-corner-border-color);
    --card-css-scrollbar-width: var(--css-scrollbar-width);
    --lm-card-css-scrollbar-color: var(--lm-webkit-scrollbar-thumb-bg-color) var(--lm-card-bg-color);
    --dm-card-css-scrollbar-color: var(--dm-webkit-scrollbar-thumb-bg-color) var(--dm-card-bg-color);
    --lm-utility-transparent-track-css-scrollbar-color: var(--lm-webkit-scrollbar-thumb-bg-color) transparent;
    --dm-utility-transparent-track-css-scrollbar-color: var(--dm-webkit-scrollbar-thumb-bg-color) transparent;
    --lm-navbar-bg-color: var(--white-bg-color);
    --lm-navbar-bg-image: none;
    --lm-navbar-border-color: rgba(0, 0, 0, 0.2);
    --lm-navbar-box-shadow: none;
    --dm-navbar-bg-color: var(--dark-color-dark);
    --dm-navbar-bg-image: none;
    --dm-navbar-border-color: rgba(0, 0, 0, 0.2);
    --dm-navbar-box-shadow: var(--lm-navbar-box-shadow);
    --navbar-fixed-bottom-height: var(--navbar-height);
    --lm-navbar-fixed-bottom-box-shadow: none;
    --dm-navbar-fixed-bottom-box-shadow: var(--lm-navbar-fixed-bottom-box-shadow);
    --lm-navbar-static-bottom-box-shadow: var(--lm-navbar-fixed-bottom-box-shadow);
    --dm-navbar-static-bottom-box-shadow: var(--lm-navbar-static-bottom-box-shadow);
    --lm-sidebar-bg-color: var(--white-bg-color);
    --lm-sidebar-bg-image: none;
    --lm-sidebar-border-color: rgba(0, 0, 0, 0.2);
    --lm-sidebar-box-shadow: none;
    --dm-sidebar-bg-color: var(--dark-color);
    --dm-sidebar-bg-image: none;
    --dm-sidebar-border-color: rgba(0, 0, 0, 0.2);
    --dm-sidebar-box-shadow: var(--lm-sidebar-box-shadow);
    --sidebar-overlay-bg-color: rgba(0, 0, 0, 0.75);
    --lm-card-text-color: var(--lm-base-text-color);
    --lm-card-bg-color: var(--white-bg-color);
    --lm-card-bg-image: none;
    --lm-card-border-color: rgba(0, 0, 0, 0.2);
    --lm-card-box-shadow: none;
    --dm-card-text-color: var(--dm-base-text-color);
    --dm-card-bg-color: var(--dark-color);
    --dm-card-bg-image: none;
    --dm-card-border-color: rgba(0, 0, 0, 0.2);
    --dm-card-box-shadow: var(--lm-card-box-shadow);
    --lm-link-text-color: var(--primary-color);
    --lm-link-text-color-hover: var(--primary-color-light);
    --dm-link-text-color: var(--primary-color);
    --dm-link-text-color-hover: var(--primary-color-light);
    --lm-button-text-color: var(--lm-base-text-color-light);
    --lm-button-bg-color: #ffffff;
    --lm-button-bg-image: none;
    --lm-button-border-color: rgba(0, 0, 0, 0.2);
    --lm-button-box-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.05);
    --lm-button-text-color-hover: var(--lm-button-text-color);
    --lm-button-bg-color-hover: var(--gray-color-very-light);
    --lm-button-bg-image-hover: none;
    --lm-button-border-color-hover: var(--lm-button-border-color);
    --lm-button-box-shadow-hover: var(--lm-button-box-shadow);
    --lm-button-text-color-focus: var(--lm-button-text-color);
    --lm-button-bg-color-focus: var(--lm-button-bg-color);
    --lm-button-bg-image-focus: var(--lm-button-bg-image);
    --lm-button-border-color-focus: var(--lm-button-border-color);
    --lm-button-box-shadow-focus: 0 0 0 0.2rem var(--primary-box-shadow-color-darker);
    --lm-button-outline-color-focus: transparent;
    --dm-button-text-color: var(--dm-base-text-color);
    --dm-button-bg-color: rgba(255, 255, 255, 0.05);
    --dm-button-bg-image: none;
    --dm-button-border-color: rgba(255, 255, 255, 0.025) transparent transparent transparent;
    --dm-button-box-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.1);
    --dm-button-text-color-hover: var(--dm-button-text-color);
    --dm-button-bg-color-hover: rgba(255, 255, 255, 0.1);
    --dm-button-bg-image-hover: none;
    --dm-button-border-color-hover: var(--dm-button-border-color);
    --dm-button-box-shadow-hover: var(--dm-button-box-shadow);
    --dm-button-text-color-focus: var(--dm-button-text-color);
    --dm-button-bg-color-focus: var(--dm-button-bg-color);
    --dm-button-bg-image-focus: var(--dm-button-bg-image);
    --dm-button-border-color-focus: rgba(0, 0, 0, 0.4);
    --dm-button-box-shadow-focus: 0 0 0 0.2rem var(--primary-box-shadow-color);
    --dm-button-outline-color-focus: transparent;
    --dm-button-alt-text-color: inherit;
    --dm-button-alt-bg-color: rgba(0, 0, 0, 0.15);
    --dm-button-alt-bg-image: none;
    --dm-button-alt-border-color: rgba(0, 0, 0, 0.05);
    --dm-button-alt-box-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.025);
    --dm-button-alt-text-color-hover: var(--dm-button-alt-text-color);
    --dm-button-alt-bg-color-hover: rgba(0, 0, 0, 0.2);
    --dm-button-alt-bg-image-hover: none;
    --dm-button-alt-border-color-hover: var(--dm-button-alt-border-color);
    --dm-button-alt-box-shadow-hover: var(--dm-button-alt-box-shadow);
    --dm-button-alt-text-color-focus: var(--dm-button-alt-text-color);
    --dm-button-alt-bg-color-focus: var(--dm-button-alt-bg-color);
    --dm-button-alt-bg-image-focus: var(--dm-button-alt-bg-image);
    --dm-button-alt-border-color-focus: inherit;
    --dm-button-alt-box-shadow-focus: var(--dm-button-alt-box-shadow);
    --dm-button-alt-outline-color-focus: transparent;
    --lm-button-link-text-color: var(--primary-color);
    --lm-button-link-bg-color: transparent;
    --lm-button-link-bg-image: none;
    --lm-button-link-border-color: transparent;
    --lm-button-link-box-shadow: none;
    --lm-button-link-text-color-hover: var(--primary-color-light);
    --lm-button-link-bg-color-hover: var(--lm-button-link-bg-color);
    --lm-button-link-bg-image-hover: none;
    --lm-button-link-border-color-hover: var(--lm-button-link-border-color);
    --lm-button-link-box-shadow-hover: var(--lm-button-link-box-shadow);
    --lm-button-link-text-color-focus: var(--lm-button-link-text-color);
    --lm-button-link-bg-color-focus: var(--lm-button-link-bg-color);
    --lm-button-link-bg-image-focus: var(--lm-button-link-bg-image);
    --lm-button-link-border-color-focus: var(--lm-button-link-border-color);
    --lm-button-link-box-shadow-focus: var(--lm-button-box-shadow-focus);
    --lm-button-link-outline-color-focus: var(--lm-button-outline-color-focus);
    --dm-button-link-text-color: var(--primary-color);
    --dm-button-link-bg-color: transparent;
    --dm-button-link-bg-image: none;
    --dm-button-link-border-color: transparent;
    --dm-button-link-box-shadow: none;
    --dm-button-link-text-color-hover: var(--primary-color-light);
    --dm-button-link-bg-color-hover: var(--dm-button-link-bg-color);
    --dm-button-link-bg-image-hover: none;
    --dm-button-link-border-color-hover: var(--dm-button-link-border-color);
    --dm-button-link-box-shadow-hover: var(--dm-button-link-box-shadow);
    --dm-button-link-text-color-focus: var(--dm-button-link-text-color);
    --dm-button-link-bg-color-focus: var(--dm-button-link-bg-color);
    --dm-button-link-bg-image-focus: var(--dm-button-link-bg-image);
    --dm-button-link-border-color-focus: var(--dm-button-link-border-color);
    --dm-button-link-box-shadow-focus: var(--dm-button-box-shadow-focus);
    --dm-button-link-outline-color-focus: var(--dm-button-outline-color-focus);
    --lm-button-primary-text-color: var(--text-color-on-primary-color-bg);
    --lm-button-primary-bg-color: var(--primary-color);
    --lm-button-primary-bg-image: none;
    --lm-button-primary-border-color: var(--primary-color);
    --lm-button-primary-box-shadow: var(--lm-button-box-shadow);
    --lm-button-primary-text-color-hover: var(--lm-button-primary-text-color);
    --lm-button-primary-bg-color-hover: var(--primary-color-light);
    --lm-button-primary-bg-image-hover: none;
    --lm-button-primary-border-color-hover: var(--primary-color-light);
    --lm-button-primary-box-shadow-hover: var(--lm-button-primary-box-shadow);
    --lm-button-primary-text-color-focus: var(--lm-button-primary-text-color);
    --lm-button-primary-bg-color-focus: var(--lm-button-primary-bg-color);
    --lm-button-primary-bg-image-focus: var(--lm-button-primary-bg-image);
    --lm-button-primary-border-color-focus: var(--lm-button-primary-border-color);
    --lm-button-primary-box-shadow-focus: 0 0 0 0.3rem var(--primary-box-shadow-color);
    --lm-button-primary-outline-color-focus: var(--lm-button-outline-color-focus);
    --dm-button-primary-text-color: var(--text-color-on-primary-color-bg);
    --dm-button-primary-bg-color: var(--primary-color);
    --dm-button-primary-bg-image: none;
    --dm-button-primary-border-color: var(--primary-color);
    --dm-button-primary-box-shadow: var(--dm-button-box-shadow);
    --dm-button-primary-text-color-hover: var(--dm-button-primary-text-color);
    --dm-button-primary-bg-color-hover: var(--primary-color-light);
    --dm-button-primary-bg-image-hover: none;
    --dm-button-primary-border-color-hover: var(--primary-color-light);
    --dm-button-primary-box-shadow-hover: var(--dm-button-primary-box-shadow);
    --dm-button-primary-text-color-focus: var(--dm-button-primary-text-color);
    --dm-button-primary-bg-color-focus: var(--dm-button-primary-bg-color);
    --dm-button-primary-bg-image-focus: var(--dm-button-primary-bg-image);
    --dm-button-primary-border-color-focus: var(--dm-button-primary-border-color);
    --dm-button-primary-box-shadow-focus: 0 0 0 0.3rem var(--primary-box-shadow-color);
    --dm-button-primary-outline-color-focus: var(--dm-button-outline-color-focus);
    --lm-button-success-text-color: var(--text-color-on-success-color-bg);
    --lm-button-success-bg-color: var(--success-color);
    --lm-button-success-bg-image: none;
    --lm-button-success-border-color: var(--success-color);
    --lm-button-success-box-shadow: var(--lm-button-box-shadow);
    --lm-button-success-text-color-hover: var(--lm-button-success-text-color);
    --lm-button-success-bg-color-hover: var(--success-color-light);
    --lm-button-success-bg-image-hover: none;
    --lm-button-success-border-color-hover: var(--success-color-light);
    --lm-button-success-box-shadow-hover: var(--lm-button-success-box-shadow);
    --lm-button-success-text-color-focus: var(--lm-button-success-text-color);
    --lm-button-success-bg-color-focus: var(--lm-button-success-bg-color);
    --lm-button-success-bg-image-focus: var(--lm-button-success-bg-image);
    --lm-button-success-border-color-focus: var(--lm-button-success-border-color);
    --lm-button-success-box-shadow-focus: 0 0 0 0.3rem var(--success-box-shadow-color);
    --lm-button-success-outline-color-focus: var(--lm-button-outline-color-focus);
    --dm-button-success-text-color: var(--text-color-on-success-color-bg);
    --dm-button-success-bg-color: var(--success-color);
    --dm-button-success-bg-image: none;
    --dm-button-success-border-color: var(--success-color);
    --dm-button-success-box-shadow: var(--dm-button-box-shadow);
    --dm-button-success-text-color-hover: var(--dm-button-success-text-color);
    --dm-button-success-bg-color-hover: var(--success-color-light);
    --dm-button-success-bg-image-hover: none;
    --dm-button-success-border-color-hover: var(--success-color-light);
    --dm-button-success-box-shadow-hover: var(--dm-button-success-box-shadow);
    --dm-button-success-text-color-focus: var(--dm-button-success-text-color);
    --dm-button-success-bg-color-focus: var(--dm-button-success-bg-color);
    --dm-button-success-bg-image-focus: var(--dm-button-success-bg-image);
    --dm-button-success-border-color-focus: var(--dm-button-success-border-color);
    --dm-button-success-box-shadow-focus: 0 0 0 0.3rem var(--success-box-shadow-color);
    --dm-button-success-outline-color-focus: var(--dm-button-outline-color-focus);
    --lm-button-secondary-text-color: var(--text-color-on-secondary-color-bg);
    --lm-button-secondary-bg-color: var(--secondary-color);
    --lm-button-secondary-bg-image: none;
    --lm-button-secondary-border-color: var(--secondary-color);
    --lm-button-secondary-box-shadow: var(--lm-button-box-shadow);
    --lm-button-secondary-text-color-hover: var(--lm-button-secondary-text-color);
    --lm-button-secondary-bg-color-hover: var(--secondary-color-light);
    --lm-button-secondary-bg-image-hover: none;
    --lm-button-secondary-border-color-hover: var(--secondary-color-light);
    --lm-button-secondary-box-shadow-hover: var(--lm-button-secondary-box-shadow);
    --lm-button-secondary-text-color-focus: var(--lm-button-secondary-text-color);
    --lm-button-secondary-bg-color-focus: var(--lm-button-secondary-bg-color);
    --lm-button-secondary-bg-image-focus: var(--lm-button-secondary-bg-image);
    --lm-button-secondary-border-color-focus: var(--lm-button-secondary-border-color);
    --lm-button-secondary-box-shadow-focus: 0 0 0 0.3rem var(--secondary-box-shadow-color);
    --lm-button-secondary-outline-color-focus: var(--lm-button-outline-color-focus);
    --dm-button-secondary-text-color: var(--text-color-on-secondary-color-bg);
    --dm-button-secondary-bg-color: var(--secondary-color);
    --dm-button-secondary-bg-image: none;
    --dm-button-secondary-border-color: var(--secondary-color);
    --dm-button-secondary-box-shadow: var(--dm-button-box-shadow);
    --dm-button-secondary-text-color-hover: var(--dm-button-secondary-text-color);
    --dm-button-secondary-bg-color-hover: var(--secondary-color-light);
    --dm-button-secondary-bg-image-hover: none;
    --dm-button-secondary-border-color-hover: var(--secondary-color-light);
    --dm-button-secondary-box-shadow-hover: var(--dm-button-secondary-box-shadow);
    --dm-button-secondary-text-color-focus: var(--dm-button-secondary-text-color);
    --dm-button-secondary-bg-color-focus: var(--dm-button-secondary-bg-color);
    --dm-button-secondary-bg-image-focus: var(--dm-button-secondary-bg-image);
    --dm-button-secondary-border-color-focus: var(--dm-button-secondary-border-color);
    --dm-button-secondary-box-shadow-focus: 0 0 0 0.3rem var(--secondary-box-shadow-color);
    --dm-button-secondary-outline-color-focus: var(--dm-button-outline-color-focus);
    --lm-button-danger-text-color: var(--text-color-on-danger-color-bg);
    --lm-button-danger-bg-color: var(--danger-color);
    --lm-button-danger-bg-image: none;
    --lm-button-danger-border-color: var(--danger-color);
    --lm-button-danger-box-shadow: var(--lm-button-box-shadow);
    --lm-button-danger-text-color-hover: var(--lm-button-danger-text-color);
    --lm-button-danger-bg-color-hover: var(--danger-color-light);
    --lm-button-danger-bg-image-hover: none;
    --lm-button-danger-border-color-hover: var(--danger-color-light);
    --lm-button-danger-box-shadow-hover: var(--lm-button-danger-box-shadow);
    --lm-button-danger-text-color-focus: var(--lm-button-danger-text-color);
    --lm-button-danger-bg-color-focus: var(--lm-button-danger-bg-color);
    --lm-button-danger-bg-image-focus: var(--lm-button-danger-bg-image);
    --lm-button-danger-border-color-focus: var(--lm-button-danger-border-color);
    --lm-button-danger-box-shadow-focus: 0 0 0 0.3rem var(--danger-box-shadow-color);
    --lm-button-danger-outline-color-focus: var(--lm-button-outline-color-focus);
    --dm-button-danger-text-color: var(--text-color-on-danger-color-bg);
    --dm-button-danger-bg-color: var(--danger-color);
    --dm-button-danger-bg-image: none;
    --dm-button-danger-border-color: var(--danger-color);
    --dm-button-danger-box-shadow: var(--dm-button-box-shadow);
    --dm-button-danger-text-color-hover: var(--dm-button-danger-text-color);
    --dm-button-danger-bg-color-hover: var(--danger-color-light);
    --dm-button-danger-bg-image-hover: none;
    --dm-button-danger-border-color-hover: var(--danger-color-light);
    --dm-button-danger-box-shadow-hover: var(--dm-button-danger-box-shadow);
    --dm-button-danger-text-color-focus: var(--dm-button-danger-text-color);
    --dm-button-danger-bg-color-focus: var(--dm-button-danger-bg-color);
    --dm-button-danger-bg-image-focus: var(--dm-button-danger-bg-image);
    --dm-button-danger-border-color-focus: var(--dm-button-danger-border-color);
    --dm-button-danger-box-shadow-focus: 0 0 0 0.3rem var(--danger-box-shadow-color);
    --dm-button-danger-outline-color-focus: var(--dm-button-outline-color-focus);
    --lm-code-text-color: var(--lm-base-text-color);
    --lm-code-bg-color: var(--gray-color-light);
    --lm-code-border-color: rgba(0, 0, 0, 0.05);
    --dm-code-text-color: var(--dm-base-text-color);
    --dm-code-bg-color: rgba(0, 0, 0, 0.1);
    --dm-code-border-color: rgba(0, 0, 0, 0.15);
    --lm-kbd-text-color: var(--lm-base-text-color);
    --lm-kbd-bg-color: var(--white-bg-color);
    --lm-kbd-border-color: rgba(0, 0, 0, 0.2);
    --dm-kbd-text-color: var(--dm-base-text-color);
    --dm-kbd-bg-color: transparent;
    --dm-kbd-border-color: rgba(255, 255, 255, 0.2);
    --lm-table-border-color: var(--gray-color);
    --dm-table-border-color: var(--gray-color-very-dark);
    --lm-table-hoverable-bg-color-hover: rgba(0, 0, 0, 0.05);
    --dm-table-hoverable-bg-color-hover: rgba(0, 0, 0, 0.2);
    --lm-table-striped-bg-color: var(--gray-color-light);
    --dm-table-striped-bg-color: rgba(0, 0, 0, 0.15);
    --lm-table-primary-text-color: var(--lm-base-text-color);
    --lm-table-primary-bg-color: var(--primary-color-very-light);
    --lm-table-primary-row-border-color: var(--primary-color-light);
    --lm-table-primary-cell-border-color: var(--gray-color-dark);
    --lm-table-success-text-color: var(--lm-base-text-color);
    --lm-table-success-bg-color: var(--success-color-very-light);
    --lm-table-success-row-border-color: var(--success-color);
    --lm-table-success-cell-border-color: var(--gray-color-dark);
    --lm-table-secondary-text-color: var(--lm-base-text-color);
    --lm-table-secondary-bg-color: var(--secondary-color-very-light);
    --lm-table-secondary-row-border-color: var(--secondary-color);
    --lm-table-secondary-cell-border-color: var(--gray-color-dark);
    --lm-table-danger-text-color: var(--lm-base-text-color);
    --lm-table-danger-bg-color: var(--danger-color-very-light);
    --lm-table-danger-row-border-color: var(--danger-color-light);
    --lm-table-danger-cell-border-color: var(--gray-color-dark);
    --dm-table-primary-text-color: var(--primary-color);
    --dm-table-primary-bg-color: var(--primary-color-very-dark);
    --dm-table-primary-row-border-color: var(--primary-color-dark);
    --dm-table-primary-cell-border-color: var(--dm-table-border-color);
    --dm-table-success-text-color: var(--success-color);
    --dm-table-success-bg-color: var(--success-color-very-dark);
    --dm-table-success-row-border-color: var(--success-color-dark);
    --dm-table-success-cell-border-color: var(--dm-table-border-color);
    --dm-table-secondary-text-color: var(--secondary-color);
    --dm-table-secondary-bg-color: var(--secondary-color-very-dark);
    --dm-table-secondary-row-border-color: var(--secondary-color-dark);
    --dm-table-secondary-cell-border-color: var(--dm-table-border-color);
    --dm-table-danger-text-color: var(--danger-color);
    --dm-table-danger-bg-color: var(--danger-color-very-dark);
    --dm-table-danger-row-border-color: var(--danger-color-dark);
    --dm-table-danger-cell-border-color: var(--dm-table-border-color);
    --label-margin-bottom: 0.6rem;
    --legend-margin-bottom: var(--label-margin-bottom);
    --form-group-margin-bottom: 2rem;
    --form-row-and-col-margin-bottom: var(--form-group-margin-bottom);
    --form-col-horizontal-padding: 1rem;
    --form-text-font-size: var(--base-font-size);
    --form-text-padding-top: 0.8rem;
    --form-text-padding-bottom: var(--form-text-padding-top);
    --form-text-border-width: var(--base-border-width);
    --form-text-border-type: dotted;
    --lm-form-text-text-color: var(--lm-base-text-color-light);
    --lm-form-text-border-color: rgba(0, 0, 0, 0.2);
    --dm-form-text-text-color: var(--dm-base-text-color-light);
    --dm-form-text-border-color: rgba(255, 255, 255, 0.1);
    --invalid-feedback-font-size: var(--base-font-size);
    --invalid-feedback-padding-top: 0.8rem;
    --invalid-feedback-padding-bottom: var(--invalid-feedback-padding-top);
    --lm-invalid-feedback-text-color: var(--danger-color);
    --dm-invalid-feedback-text-color: var(--danger-color);
    --lm-input-text-color: var(--lm-base-text-color);
    --lm-input-bg-color: #ffffff;
    --lm-input-border-color: rgba(0, 0, 0, 0.2);
    --lm-input-box-shadow: none;
    --lm-input-text-color-hover: var(--lm-input-text-color);
    --lm-input-bg-color-hover: var(--lm-input-bg-color);
    --lm-input-border-color-hover: rgba(0, 0, 0, 0.3);
    --lm-input-box-shadow-hover: var(--lm-input-box-shadow);
    --lm-input-text-color-focus: var(--lm-input-text-color);
    --lm-input-bg-color-focus: var(--lm-input-bg-color);
    --lm-input-border-color-focus: var(--lm-input-border-color);
    --lm-input-box-shadow-focus: 0 0 0 0.2rem var(--primary-box-shadow-color-darker);
    --lm-input-placeholder-text-color: rgba(0, 0, 0, 0.35);
    --lm-input-text-color-disabled: var(--lm-input-text-color);
    --lm-input-bg-color-disabled: var(--gray-color-light);
    --lm-input-border-color-disabled: var(--lm-input-border-color);
    --dm-input-text-color: var(--dm-base-text-color);
    --dm-input-bg-color: rgba(255, 255, 255, 0.05);
    --dm-input-border-color: rgba(0, 0, 0, 0.3);
    --dm-input-box-shadow: none;
    --dm-input-text-color-hover: var(--dm-input-text-color);
    --dm-input-bg-color-hover: var(--dm-input-bg-color);
    --dm-input-border-color-hover: rgba(0, 0, 0, 0.4);
    --dm-input-box-shadow-hover: var(--dm-input-box-shadow);
    --dm-input-text-color-focus: var(--dm-input-text-color);
    --dm-input-bg-color-focus: var(--dm-input-bg-color);
    --dm-input-border-color-focus: var(--dm-input-border-color-hover);
    --dm-input-box-shadow-focus: 0 0 0 0.2rem var(--primary-box-shadow-color);
    --dm-input-placeholder-text-color: rgba(255, 255, 255, 0.2);
    --dm-input-text-color-disabled: var(--dm-input-text-color);
    --dm-input-bg-color-disabled: rgba(0, 0, 0, 0.15);
    --dm-input-border-color-disabled: var(--dm-input-border-color);
    --dm-input-alt-text-color: inherit;
    --dm-input-alt-bg-color: rgba(0, 0, 0, 0.15);
    --dm-input-alt-border-color: transparent;
    --dm-input-alt-box-shadow: none;
    --dm-input-alt-text-color-hover: var(--dm-input-alt-text-color);
    --dm-input-alt-bg-color-hover: var(--dm-input-alt-bg-color);
    --dm-input-alt-border-color-hover: rgba(0, 0, 0, 0.1);
    --dm-input-alt-box-shadow-hover: var(--dm-input-alt-box-shadow);
    --dm-input-alt-text-color-focus: var(--dm-input-alt-text-color);
    --dm-input-alt-bg-color-focus: var(--dm-input-alt-bg-color);
    --dm-input-alt-border-color-focus: inherit;
    --dm-input-alt-box-shadow-focus: none;
    --dm-input-alt-placeholder-text-color: rgba(255, 255, 255, 0.5);
    --dm-input-alt-text-color-disabled: var(--dm-input-alt-text-color);
    --dm-input-alt-bg-color-disabled: rgba(0, 0, 0, 0.3);
    --dm-input-alt-border-color-disabled: transparent;
    --lm-input-invalid-text-color: var(--lm-input-text-color);
    --lm-input-invalid-bg-color: var(--lm-input-bg-color);
    --lm-input-invalid-border-color: var(--danger-color);
    --lm-input-invalid-box-shadow: var(--lm-input-box-shadow);
    --lm-input-invalid-text-color-hover: var(--lm-input-text-color-hover);
    --lm-input-invalid-bg-color-hover: var(--lm-input-bg-color-hover);
    --lm-input-invalid-border-color-hover: var(--lm-input-invalid-border-color);
    --lm-input-invalid-box-shadow-hover: var(--lm-input-invalid-box-shadow);
    --lm-input-invalid-text-color-focus: var(--lm-input-text-color-focus);
    --lm-input-invalid-bg-color-focus: var(--lm-input-bg-color-focus);
    --lm-input-invalid-border-color-focus: var(--danger-color-very-light);
    --lm-input-invalid-box-shadow-focus: 0 0 0 0.2rem var(--danger-box-shadow-color-darker);
    --lm-input-invalid-placeholder-text-color: var(--lm-input-placeholder-text-color);
    --dm-input-invalid-text-color: var(--dm-input-text-color);
    --dm-input-invalid-bg-color: var(--dm-input-bg-color);
    --dm-input-invalid-border-color: var(--danger-color);
    --dm-input-invalid-box-shadow: var(--dm-input-box-shadow);
    --dm-input-invalid-text-color-hover: var(--dm-input-text-color-hover);
    --dm-input-invalid-bg-color-hover: var(--dm-input-bg-color-hover);
    --dm-input-invalid-border-color-hover: var(--dm-input-invalid-border-color);
    --dm-input-invalid-box-shadow-hover: var(--dm-input-invalid-box-shadow);
    --dm-input-invalid-text-color-focus: var(--dm-input-text-color-focus);
    --dm-input-invalid-bg-color-focus: var(--dm-input-bg-color-focus);
    --dm-input-invalid-border-color-focus: var(--dm-input-invalid-border-color);
    --dm-input-invalid-box-shadow-focus: 0 0 0 0.2rem var(--danger-box-shadow-color);
    --dm-input-invalid-placeholder-text-color: var(--dm-input-placeholder-text-color);
    --dm-input-alt-invalid-text-color: var(--dm-input-alt-text-color);
    --dm-input-alt-invalid-bg-color: var(--dm-input-alt-bg-color);
    --dm-input-alt-invalid-border-color: var(--danger-color-light);
    --dm-input-alt-invalid-box-shadow: var(--dm-input-alt-box-shadow);
    --dm-input-alt-invalid-text-color-hover: var(--dm-input-alt-text-color-hover);
    --dm-input-alt-invalid-bg-color-hover: var(--dm-input-alt-bg-color-hover);
    --dm-input-alt-invalid-border-color-hover: var(--dm-input-alt-invalid-border-color);
    --dm-input-alt-invalid-box-shadow-hover: var(--dm-input-alt-invalid-box-shadow);
    --dm-input-alt-invalid-text-color-focus: var(--dm-input-alt-text-color-focus);
    --dm-input-alt-invalid-bg-color-focus: var(--dm-input-alt-bg-color-focus);
    --dm-input-alt-invalid-border-color-focus: var(--dm-input-alt-invalid-border-color);
    --dm-input-alt-invalid-box-shadow-focus: var(--dm-input-invalid-box-shadow-focus);
    --dm-input-alt-invalid-placeholder-text-color: var(--dm-input-alt-placeholder-text-color);
    --select-bg-size: 1rem;
    --select-bg-repeat: no-repeat;
    --select-bg-position: calc(100% - 1rem) center;
    --select-padding-right: 3.6rem;
    --checkbox-border-width: var(--base-border-width);
    --checkbox-border-radius: var(--base-border-radius);
    --checkbox-width-height: 1.8rem;
    --checkbox-line-height: var(--checkbox-width-height);
    --checkbox-label-padding-left: 2.5rem;
    --checkbox-label-blank-padding-left: var(--checkbox-width-height);
    --lm-checkbox-bg-color: #ffffff;
    --lm-checkbox-border-color: rgba(0, 0, 0, 0.3);
    --lm-checkbox-bg-color-hover: var(--lm-checkbox-bg-color);
    --lm-checkbox-border-color-hover: rgba(0, 0, 0, 0.4);
    --lm-checkbox-bg-color-checked: var(--primary-color);
    --lm-checkbox-border-color-checked: var(--primary-color);
    --lm-checkbox-border-color-focus: var(--lm-input-border-color-focus);
    --lm-checkbox-box-shadow-focus: var(--lm-input-box-shadow-focus);
    --lm-checkbox-border-color-checked-focus: var(--lm-checkbox-border-color-checked);
    --lm-checkbox-box-shadow-checked-focus: 0 0 0 0.3rem var(--primary-box-shadow-color);
    --dm-checkbox-bg-color: transparent;
    --dm-checkbox-border-color: rgba(255, 255, 255, 0.15);
    --dm-checkbox-bg-color-hover: var(--dm-checkbox-bg-color);
    --dm-checkbox-border-color-hover: rgba(255, 255, 255, 0.3);
    --dm-checkbox-bg-color-checked: var(--primary-color);
    --dm-checkbox-border-color-checked: var(--primary-color);
    --dm-checkbox-border-color-focus: var(--dm-input-border-color-focus);
    --dm-checkbox-box-shadow-focus: var(--dm-input-box-shadow-focus);
    --dm-checkbox-border-color-checked-focus: var(--dm-checkbox-border-color-checked);
    --dm-checkbox-box-shadow-checked-focus: 0 0 0 0.3rem var(--primary-box-shadow-color);
    --checkbox-checkmark-left: 0.6rem;
    --checkbox-checkmark-top: 0.3rem;
    --checkbox-checkmark-width: 0.6rem;
    --checkbox-checkmark-height: 1rem;
    --checkbox-checkmark-border-width: 0 0.2rem 0.2rem 0;
    --checkbox-checkmark-transform: rotate(45deg);
    --lm-checkbox-checkmark-color: #ffffff;
    --dm-checkbox-checkmark-color: #ffffff;
    --lm-radio-bg-color: #ffffff;
    --lm-radio-border-color: rgba(0, 0, 0, 0.3);
    --lm-radio-bg-color-hover: var(--lm-radio-bg-color);
    --lm-radio-border-color-hover: rgba(0, 0, 0, 0.4);
    --lm-radio-bg-color-checked: var(--primary-color);
    --lm-radio-border-color-checked: var(--primary-color);
    --lm-radio-border-color-focus: var(--lm-checkbox-border-color-focus);
    --lm-radio-box-shadow-focus: var(--lm-checkbox-box-shadow-focus);
    --lm-radio-border-color-checked-focus: var(--lm-checkbox-border-color-checked-focus);
    --lm-radio-box-shadow-checked-focus: var(--lm-checkbox-box-shadow-checked-focus);
    --dm-radio-bg-color: transparent;
    --dm-radio-border-color: rgba(255, 255, 255, 0.15);
    --dm-radio-bg-color-hover: var(--dm-radio-bg-color);
    --dm-radio-border-color-hover: rgba(255, 255, 255, 0.3);
    --dm-radio-bg-color-checked: var(--primary-color);
    --dm-radio-border-color-checked: var(--primary-color);
    --dm-radio-border-color-focus: var(--dm-checkbox-border-color-focus);
    --dm-radio-box-shadow-focus: var(--dm-checkbox-box-shadow-focus);
    --dm-radio-border-color-checked-focus: var(--dm-checkbox-border-color-checked-focus);
    --dm-radio-box-shadow-checked-focus: var(--dm-checkbox-box-shadow-checked-focus);
    --radio-checkmark-border-radius: var(--radio-border-radius);
    --radio-checkmark-top: 0.5rem;
    --radio-checkmark-left: 0.5rem;
    --radio-checkmark-width-height: 0.6rem;
    --lm-radio-checkmark-color: #ffffff;
    --dm-radio-checkmark-color: #ffffff;
    --switch-border-width: var(--base-border-width);
    --switch-border-radius: 2rem;
    --switch-width: 3.2rem;
    --switch-height: 2rem;
    --switch-line-height: var(--switch-height);
    --switch-label-padding-left: calc(var(--switch-width) + 0.8rem);
    --switch-label-blank-padding-left: var(--switch-width);
    --lm-switch-bg-color: #ffffff;
    --lm-switch-border-color: rgba(0, 0, 0, 0.3);
    --lm-switch-bg-color-hover: var(--lm-switch-bg-color);
    --lm-switch-border-color-hover: rgba(0, 0, 0, 0.4);
    --lm-switch-bg-color-checked: var(--primary-color);
    --lm-switch-border-color-checked: var(--primary-color);
    --lm-switch-border-color-focus: var(--lm-checkbox-border-color-focus);
    --lm-switch-box-shadow-focus: var(--lm-checkbox-box-shadow-focus);
    --lm-switch-border-color-checked-focus: var(--lm-checkbox-border-color-checked-focus);
    --lm-switch-box-shadow-checked-focus: var(--lm-checkbox-box-shadow-checked-focus);
    --dm-switch-bg-color: transparent;
    --dm-switch-border-color: rgba(255, 255, 255, 0.15);
    --dm-switch-bg-color-hover: var(--dm-switch-bg-color);
    --dm-switch-border-color-hover: rgba(255, 255, 255, 0.3);
    --dm-switch-bg-color-checked: var(--primary-color);
    --dm-switch-border-color-checked: var(--primary-color);
    --dm-switch-border-color-focus: var(--dm-checkbox-border-color-focus);
    --dm-switch-box-shadow-focus: var(--dm-checkbox-box-shadow-focus);
    --dm-switch-border-color-checked-focus: var(--lm-checkbox-border-color-checked-focus);
    --dm-switch-box-shadow-checked-focus: var(--lm-checkbox-box-shadow-checked-focus);
    --switch-slider-border-width: 0;
    --switch-slider-border-radius: 50%;
    --switch-slider-width-height: 1.2rem;
    --switch-slider-top: 0.4rem;
    --switch-slider-left: 0.5rem;
    --switch-slider-top-checked: var(--switch-slider-top);
    --switch-slider-left-checked: calc(var(--switch-width) - var(--switch-slider-width-height) - var(--switch-slider-left));
    --lm-switch-slider-bg-color: rgba(0, 0, 0, 0.2);
    --lm-switch-slider-border-color: var(--lm-switch-slider-bg-color);
    --lm-switch-slider-bg-color-checked: #ffffff;
    --lm-switch-slider-border-color-checked: var(--lm-switch-slider-bg-color-checked);
    --dm-switch-slider-bg-color: rgba(255, 255, 255, 0.15);
    --dm-switch-slider-border-color: var(--dm-switch-slider-bg-color);
    --dm-switch-slider-bg-color-checked: #ffffff;
    --dm-switch-slider-border-color-checked: var(--dm-switch-slider-bg-color-checked);
    --input-file-button-height: var(--button-height);
    --input-file-button-line-height: var(--input-file-button-height);
    --input-file-button-padding: var(--button-padding);
    --input-file-button-border-width: var(--button-border-width);
    --input-file-button-border-radius: var(--button-border-radius);
    --lm-input-file-button-text-color: var(--lm-button-text-color);
    --lm-input-file-button-bg-color: var(--lm-button-bg-color);
    --lm-input-file-button-bg-image: var(--lm-button-bg-image);
    --lm-input-file-button-border-color: var(--lm-button-border-color);
    --lm-input-file-button-box-shadow: var(--lm-button-box-shadow);
    --lm-input-file-button-text-color-hover: var(--lm-button-text-color-hover);
    --lm-input-file-button-bg-color-hover: var(--lm-button-bg-color-hover);
    --lm-input-file-button-bg-image-hover: var(--lm-button-bg-image-hover);
    --lm-input-file-button-border-color-hover: var(--lm-button-border-color-hover);
    --lm-input-file-button-box-shadow-hover: var(--lm-button-box-shadow-hover);
    --lm-input-file-button-text-color-focus: var(--lm-button-text-color-focus);
    --lm-input-file-button-bg-color-focus: var(--lm-button-bg-color-focus);
    --lm-input-file-button-bg-image-focus: var(--lm-button-bg-image-focus);
    --lm-input-file-button-border-color-focus: var(--lm-input-border-color-focus);
    --lm-input-file-button-box-shadow-focus: var(--lm-input-box-shadow-focus);
    --dm-input-file-button-text-color: var(--dm-button-text-color);
    --dm-input-file-button-bg-color: var(--dm-button-bg-color);
    --dm-input-file-button-bg-image: var(--dm-button-bg-image);
    --dm-input-file-button-border-color: var(--dm-button-border-color);
    --dm-input-file-button-box-shadow: var(--dm-button-box-shadow);
    --dm-input-file-button-text-color-hover: var(--dm-button-text-color-hover);
    --dm-input-file-button-bg-color-hover: var(--dm-button-bg-color-hover);
    --dm-input-file-button-bg-image-hover: var(--dm-button-bg-image-hover);
    --dm-input-file-button-border-color-hover: var(--dm-button-border-color-hover);
    --dm-input-file-button-box-shadow-hover: var(--dm-button-box-shadow-hover);
    --dm-input-file-button-text-color-focus: var(--dm-button-text-color-focus);
    --dm-input-file-button-bg-color-focus: var(--dm-button-bg-color-focus);
    --dm-input-file-button-bg-image-focus: var(--dm-button-bg-image-focus);
    --dm-input-file-button-border-color-focus: var(--dm-input-border-color-focus);
    --dm-input-file-button-box-shadow-focus: var(--dm-input-box-shadow-focus);
    --lm-input-file-button-invalid-text-color: var(--lm-input-file-button-text-color);
    --lm-input-file-button-invalid-bg-color: var(--lm-input-file-button-bg-color);
    --lm-input-file-button-invalid-bg-image: var(--lm-input-file-button-bg-image);
    --lm-input-file-button-invalid-border-color: var(--lm-input-invalid-border-color);
    --lm-input-file-button-invalid-box-shadow: var(--lm-input-file-button-box-shadow);
    --lm-input-file-button-invalid-text-color-hover: var(--lm-input-file-button-text-color-hover);
    --lm-input-file-button-invalid-bg-color-hover: var(--lm-input-file-button-bg-color-hover);
    --lm-input-file-button-invalid-bg-image-hover: var(--lm-input-file-button-bg-image-hover);
    --lm-input-file-button-invalid-border-color-hover: var(--lm-input-invalid-border-color-hover);
    --lm-input-file-button-invalid-box-shadow-hover: var(--lm-input-file-button-box-shadow-hover);
    --lm-input-file-button-invalid-text-color-focus: var(--lm-input-file-button-text-color-focus);
    --lm-input-file-button-invalid-bg-color-focus: var(--lm-input-file-button-bg-color-focus);
    --lm-input-file-button-invalid-bg-image-focus: var(--lm-input-file-button-bg-image-focus);
    --lm-input-file-button-invalid-border-color-focus: var(--lm-input-invalid-border-color-focus);
    --lm-input-file-button-invalid-box-shadow-focus: var(--lm-input-invalid-box-shadow-focus);
    --dm-input-file-button-invalid-text-color: var(--dm-input-file-button-text-color);
    --dm-input-file-button-invalid-bg-color: var(--dm-input-file-button-bg-color);
    --dm-input-file-button-invalid-bg-image: var(--dm-input-file-button-bg-image);
    --dm-input-file-button-invalid-border-color: var(--dm-input-invalid-border-color);
    --dm-input-file-button-invalid-box-shadow: var(--dm-input-file-button-box-shadow);
    --dm-input-file-button-invalid-text-color-hover: var(--dm-input-file-button-text-color-hover);
    --dm-input-file-button-invalid-bg-color-hover: var(--dm-input-file-button-bg-color-hover);
    --dm-input-file-button-invalid-bg-image-hover: var(--dm-input-file-button-bg-image-hover);
    --dm-input-file-button-invalid-border-color-hover: var(--dm-input-invalid-border-color-hover);
    --dm-input-file-button-invalid-box-shadow-hover: var(--dm-input-file-button-box-shadow-hover);
    --dm-input-file-button-invalid-text-color-focus: var(--dm-input-file-button-text-color-focus);
    --dm-input-file-button-invalid-bg-color-focus: var(--dm-input-file-button-bg-color-focus);
    --dm-input-file-button-invalid-bg-image-focus: var(--dm-input-file-button-bg-image-focus);
    --dm-input-file-button-invalid-border-color-focus: var(--dm-input-invalid-border-color-focus);
    --dm-input-file-button-invalid-box-shadow-focus: var(--dm-input-invalid-box-shadow-focus);
    --input-group-text-horizontal-padding: var(--input-horizontal-padding);
    --input-group-text-border-width: var(--input-border-width);
    --input-group-text-border-radius: var(--input-border-radius);
    --small-input-group-text-horizontal-padding: var(--small-input-horizontal-padding);
    --small-input-group-text-font-size: var(--small-input-font-size);
    --large-input-group-text-horizontal-padding: var(--large-input-horizontal-padding);
    --large-input-group-text-font-size: var(--large-input-font-size);
    --lm-input-group-text-text-color: var(--lm-base-text-color);
    --lm-input-group-text-bg-color: var(--gray-color-light);
    --lm-input-group-text-border-color: var(--lm-input-border-color);
    --dm-input-group-text-text-color: var(--dm-base-text-color);
    --dm-input-group-text-bg-color: rgba(255, 255, 255, 0.1);
    --dm-input-group-text-border-color: var(--dm-input-border-color);
    --lm-input-group-button-border-color: var(--lm-button-border-color);
    --lm-input-group-button-border-color-hover: var(--lm-button-border-color-hover);
    --lm-input-group-button-border-color-focus: var(--lm-button-border-color-focus);
    --dm-input-group-button-border-color: var(--dm-input-border-color);
    --dm-input-group-button-border-color-hover: var(--dm-input-group-button-border-color);
    --dm-input-group-button-border-color-focus: var(--dm-input-group-button-border-color);
    --lm-input-group-button-link-border-color: var(--lm-input-group-button-border-color);
    --lm-input-group-button-link-border-color-hover: var(--lm-input-group-button-link-border-color);
    --lm-input-group-button-link-border-color-focus: var(--lm-input-group-button-link-border-color);
    --dm-input-group-button-link-border-color: rgba(0, 0, 0, 0.2);
    --dm-input-group-button-link-border-color-hover: var(--dm-input-group-button-link-border-color);
    --dm-input-group-button-link-border-color-focus: var(--dm-input-group-button-link-border-color);
    --lm-input-group-button-primary-border-color: var(--lm-button-primary-border-color);
    --lm-input-group-button-primary-border-color-hover: var(--lm-button-primary-border-color-hover);
    --lm-input-group-button-primary-border-color-focus: var(--lm-button-primary-border-color-focus);
    --dm-input-group-button-primary-border-color: var(--dm-button-primary-border-color);
    --dm-input-group-button-primary-border-color-hover: var(--dm-button-primary-border-color-hover);
    --dm-input-group-button-primary-border-color-focus: var(--dm-button-primary-border-color-focus);
    --lm-input-group-button-success-border-color: var(--lm-button-success-border-color);
    --lm-input-group-button-success-border-color-hover: var(--lm-button-success-border-color-hover);
    --lm-input-group-button-success-border-color-focus: var(--lm-button-success-border-color-focus);
    --dm-input-group-button-success-border-color: var(--dm-button-success-border-color);
    --dm-input-group-button-success-border-color-hover: var(--dm-button-success-border-color-hover);
    --dm-input-group-button-success-border-color-focus: var(--dm-button-success-border-color-focus);
    --lm-input-group-button-secondary-border-color: var(--lm-button-secondary-border-color);
    --lm-input-group-button-secondary-border-color-hover: var(--lm-button-secondary-border-color-hover);
    --lm-input-group-button-secondary-border-color-focus: var(--lm-button-secondary-border-color-focus);
    --dm-input-group-button-secondary-border-color: var(--dm-button-secondary-border-color);
    --dm-input-group-button-secondary-border-color-hover: var(--dm-button-secondary-border-color-hover);
    --dm-input-group-button-secondary-border-color-focus: var(--dm-button-secondary-border-color-focus);
    --lm-input-group-button-danger-border-color: var(--lm-button-danger-border-color);
    --lm-input-group-button-danger-border-color-hover: var(--lm-button-danger-border-color-hover);
    --lm-input-group-button-danger-border-color-focus: var(--lm-button-danger-border-color-focus);
    --dm-input-group-button-danger-border-color: var(--dm-button-danger-border-color);
    --dm-input-group-button-danger-border-color-hover: var(--dm-button-danger-border-color-hover);
    --dm-input-group-button-danger-border-color-focus: var(--dm-button-danger-border-color-focus);
    --dropdown-menu-border-width: var(--base-border-width);
    --dropdown-menu-border-radius: var(--base-border-radius);
    --dropdown-menu-padding: 0.4rem;
    --dropdown-menu-min-width: 16.8rem;
    --lm-dropdown-menu-text-color: var(--lm-base-text-color);
    --lm-dropdown-menu-bg-color: var(--white-bg-color);
    --lm-dropdown-menu-bg-image: none;
    --lm-dropdown-menu-border-color: var(--gray-color-dark);
    --lm-dropdown-menu-box-shadow: var(--lm-shadow);
    --dm-dropdown-menu-text-color: var(--dm-base-text-color);
    --dm-dropdown-menu-bg-color: var(--dark-color);
    --dm-dropdown-menu-bg-image: none;
    --dm-dropdown-menu-border-color: var(--dark-color-dark);
    --dm-dropdown-menu-box-shadow: var(--dm-shadow);
    --dropdown-arrow-size: 0.8rem;
    --dropdown-arrow-size-negative: calc(var(--dropdown-arrow-size) * -1);
    --dropdown-arrow-inner-spacing: calc(0.2rem + (var(--dropdown-arrow-size) * -1));
    --dropdown-arrow-horizontal-spacing: 0.8rem;
    --dropdown-arrow-vertical-spacing: 0.8rem;
    --dropdown-content-padding: 1.2rem;
    --dropdown-divider-height: 1px;
    --lm-dropdown-divider-bg-color: var(--lm-horizontal-rule-color);
    --dm-dropdown-divider-bg-color: var(--dm-horizontal-rule-color);
    --dropdown-item-padding: 0.6rem var(--dropdown-content-padding);
    --dropdown-item-border-radius: 0.2rem;
    --lm-dropdown-item-text-color: var(--lm-dropdown-menu-text-color);
    --lm-dropdown-item-bg-color: transparent;
    --lm-dropdown-item-text-color-hover: var(--lm-dropdown-item-text-color);
    --lm-dropdown-item-bg-color-hover: rgba(0, 0, 0, 0.025);
    --dm-dropdown-item-text-color: var(--dm-dropdown-menu-text-color);
    --dm-dropdown-item-bg-color: transparent;
    --dm-dropdown-item-text-color-hover: var(--dm-dropdown-item-text-color);
    --dm-dropdown-item-bg-color-hover: rgba(255, 255, 255, 0.025);
    --lm-dropdown-header-text-color: var(--lm-muted-text-color);
    --dm-dropdown-header-text-color: var(--dm-muted-text-color);
    --lm-modal-overlay-bg-color: rgba(0, 0, 0, 0.8);
    --dm-modal-overlay-bg-color: rgba(0, 0, 0, 0.95);
    --lm-modal-content-text-color: var(--lm-card-text-color);
    --lm-modal-content-bg-color: var(--lm-card-bg-color);
    --lm-modal-content-bg-image: var(--lm-card-bg-image);
    --lm-modal-content-border-color: var(--lm-card-border-color);
    --lm-modal-content-box-shadow: var(--lm-card-box-shadow);
    --dm-modal-content-text-color: var(--dm-card-text-color);
    --dm-modal-content-bg-color: var(--dm-card-bg-color);
    --dm-modal-content-bg-image: var(--dm-card-bg-image);
    --dm-modal-content-border-color: var(--dm-card-border-color);
    --dm-modal-content-box-shadow: var(--dm-card-box-shadow);
    --modal-title-font-size: var(--content-title-font-size);
    --modal-title-font-weight: var(--content-title-font-weight);
    --modal-full-content-padding: var(--modal-content-padding);
    --modal-full-content-padding-xs: var(--modal-content-padding-xs);
    --lm-modal-full-content-text-color: var(--lm-modal-content-text-color);
    --lm-modal-full-content-bg-color: var(--lm-modal-content-bg-color);
    --lm-modal-full-content-bg-image: var(--lm-modal-content-bg-image);
    --dm-modal-full-content-text-color: var(--dm-modal-content-text-color);
    --dm-modal-full-content-bg-color: var(--dm-modal-content-bg-color);
    --dm-modal-full-content-bg-image: var(--dm-modal-content-bg-image);
    --modal-close-font-size: 2rem;
    --modal-close-width-height: 4rem;
    --modal-close-border-radius: 50%;
    --modal-close-outline-width: 2px;
    --modal-close-outline-type: solid;
    --modal-close-outline-offset: var(--button-outline-offset);
    --lm-modal-close-text-color: #ffffff;
    --lm-modal-close-bg-color: rgba(0, 0, 0, 0.7);
    --lm-modal-close-text-color-hover: #ffffff;
    --lm-modal-close-bg-color-hover: rgba(0, 0, 0, 0.6);
    --lm-modal-close-outline-color-focus: var(--primary-box-shadow-color);
    --dm-modal-close-text-color: #ffffff;
    --dm-modal-close-bg-color: rgba(255, 255, 255, 0.1);
    --dm-modal-close-text-color-hover: #ffffff;
    --dm-modal-close-bg-color-hover: rgba(255, 255, 255, 0.2);
    --dm-modal-close-outline-color-focus: var(--primary-box-shadow-color);
    --alert-padding: 1rem 2rem;
    --alert-border-width: var(--base-border-width);
    --alert-border-radius: var(--base-border-radius);
    --lm-alert-text-color: var(--lm-base-text-color);
    --lm-alert-bg-color: var(--white-bg-color);
    --lm-alert-bg-image: none;
    --lm-alert-border-color: rgba(0, 0, 0, 0.2);
    --dm-alert-text-color: var(--dm-base-text-color);
    --dm-alert-bg-color: var(--dark-color);
    --dm-alert-bg-image: none;
    --dm-alert-border-color: rgba(255, 255, 255, 0.1);
    --alert-close-outline-type: solid;
    --alert-close-outline-offset: var(--button-outline-offset);
    --lm-alert-close-outline-color-focus: rgba(0, 0, 0, 0.5);
    --dm-alert-close-outline-color-focus: rgba(255, 255, 255, 0.5);
    --sticky-alert-box-shadow: 0 0.2rem 0 rgba(0, 0, 0, 0.045);
    --lm-alert-primary-text-color: var(--lm-alert-text-color);
    --lm-alert-primary-bg-color: var(--primary-color-very-light);
    --lm-alert-primary-bg-image: none;
    --lm-alert-primary-border-color: var(--primary-color);
    --lm-alert-success-text-color: var(--lm-alert-text-color);
    --lm-alert-success-bg-color: var(--success-color-very-light);
    --lm-alert-success-bg-image: none;
    --lm-alert-success-border-color: var(--success-color);
    --lm-alert-secondary-text-color: var(--lm-alert-text-color);
    --lm-alert-secondary-bg-color: var(--secondary-color-very-light);
    --lm-alert-secondary-bg-image: none;
    --lm-alert-secondary-border-color: var(--secondary-color);
    --lm-alert-danger-text-color: var(--lm-alert-text-color);
    --lm-alert-danger-bg-color: var(--danger-color-very-light);
    --lm-alert-danger-bg-image: none;
    --lm-alert-danger-border-color: var(--danger-color);
    --dm-alert-primary-text-color: var(--primary-color);
    --dm-alert-primary-bg-color: var(--primary-color-very-dark);
    --dm-alert-primary-bg-image: none;
    --dm-alert-primary-border-color: var(--primary-color-dark);
    --dm-alert-success-text-color: var(--success-color);
    --dm-alert-success-bg-color: var(--success-color-very-dark);
    --dm-alert-success-bg-image: none;
    --dm-alert-success-border-color: var(--success-color-dark);
    --dm-alert-secondary-text-color: var(--secondary-color);
    --dm-alert-secondary-bg-color: var(--secondary-color-very-dark);
    --dm-alert-secondary-bg-image: none;
    --dm-alert-secondary-border-color: var(--secondary-color-dark);
    --dm-alert-danger-text-color: var(--danger-color);
    --dm-alert-danger-bg-color: var(--danger-color-very-dark);
    --dm-alert-danger-bg-image: none;
    --dm-alert-danger-border-color: var(--danger-color-dark);
    --lm-alert-filled-primary-text-color: var(--text-color-on-primary-color-bg);
    --lm-alert-filled-primary-bg-color: var(--primary-color);
    --lm-alert-filled-primary-bg-image: none;
    --lm-alert-filled-primary-border-color: var(--primary-color);
    --lm-alert-filled-success-text-color: var(--text-color-on-success-color-bg);
    --lm-alert-filled-success-bg-color: var(--success-color);
    --lm-alert-filled-success-bg-image: none;
    --lm-alert-filled-success-border-color: var(--success-color);
    --lm-alert-filled-secondary-text-color: var(--text-color-on-secondary-color-bg);
    --lm-alert-filled-secondary-bg-color: var(--secondary-color);
    --lm-alert-filled-secondary-bg-image: none;
    --lm-alert-filled-secondary-border-color: var(--secondary-color);
    --lm-alert-filled-danger-text-color: var(--text-color-on-danger-color-bg);
    --lm-alert-filled-danger-bg-color: var(--danger-color);
    --lm-alert-filled-danger-bg-image: none;
    --lm-alert-filled-danger-border-color: var(--danger-color);
    --dm-alert-filled-primary-text-color: var(--text-color-on-primary-color-bg);
    --dm-alert-filled-primary-bg-color: var(--primary-color);
    --dm-alert-filled-primary-bg-image: none;
    --dm-alert-filled-primary-border-color: var(--primary-color);
    --dm-alert-filled-success-text-color: var(--text-color-on-success-color-bg);
    --dm-alert-filled-success-bg-color: var(--success-color);
    --dm-alert-filled-success-bg-image: none;
    --dm-alert-filled-success-border-color: var(--success-color);
    --dm-alert-filled-secondary-text-color: var(--text-color-on-secondary-color-bg);
    --dm-alert-filled-secondary-bg-color: var(--secondary-color);
    --dm-alert-filled-secondary-bg-image: none;
    --dm-alert-filled-secondary-border-color: var(--secondary-color);
    --dm-alert-filled-danger-text-color: var(--text-color-on-danger-color-bg);
    --dm-alert-filled-danger-bg-color: var(--danger-color);
    --dm-alert-filled-danger-bg-image: none;
    --dm-alert-filled-danger-border-color: var(--danger-color);
    --lm-navbar-text-color: var(--lm-base-text-color-light);
    --dm-navbar-text-color: var(--dm-base-text-color-light);
    --lm-navbar-link-text-color: var(--lm-base-text-color);
    --lm-navbar-link-bg-color: transparent;
    --lm-navbar-link-text-color-hover: var(--primary-color);
    --lm-navbar-link-bg-color-hover: var(--lm-navbar-link-bg-color);
    --dm-navbar-link-text-color: var(--dm-base-text-color);
    --dm-navbar-link-bg-color: transparent;
    --dm-navbar-link-text-color-hover: var(--primary-color);
    --dm-navbar-link-bg-color-hover: var(--dm-navbar-link-bg-color);
    --lm-navbar-link-active-text-color: var(--primary-color);
    --lm-navbar-link-active-bg-color: var(--lm-navbar-link-bg-color);
    --lm-navbar-link-active-text-color-hover: var(--primary-color-light);
    --lm-navbar-link-active-bg-color-hover: var(--lm-navbar-link-bg-color-hover);
    --dm-navbar-link-active-text-color: var(--primary-color);
    --dm-navbar-link-active-bg-color: var(--dm-navbar-link-bg-color);
    --dm-navbar-link-active-text-color-hover: var(--primary-color-light);
    --dm-navbar-link-active-bg-color-hover: var(--dm-navbar-link-bg-color-hover);
    --lm-navbar-brand-text-color: var(--lm-base-text-color);
    --lm-navbar-brand-text-color-hover: var(--lm-base-text-color-light);
    --dm-navbar-brand-text-color: var(--dm-base-text-color);
    --dm-navbar-brand-text-color-hover: var(--dm-base-text-color-light);
    --lm-sidebar-link-text-color: var(--lm-base-text-color-light);
    --lm-sidebar-link-bg-color: transparent;
    --lm-sidebar-link-border-color: transparent;
    --lm-sidebar-link-text-color-hover: var(--lm-base-text-color);
    --lm-sidebar-link-bg-color-hover: transparent;
    --lm-sidebar-link-border-color-hover: transparent;
    --lm-sidebar-link-text-color-active: var(--primary-color);
    --lm-sidebar-link-bg-color-active: transparent;
    --lm-sidebar-link-border-color-active: transparent;
    --lm-sidebar-link-text-color-active-hover: var(--primary-color-light);
    --lm-sidebar-link-bg-color-active-hover: transparent;
    --lm-sidebar-link-border-color-active-hover: transparent;
    --dm-sidebar-link-text-color: var(--dm-base-text-color-light);
    --dm-sidebar-link-bg-color: transparent;
    --dm-sidebar-link-border-color: transparent;
    --dm-sidebar-link-text-color-hover: var(--dm-base-text-color);
    --dm-sidebar-link-bg-color-hover: transparent;
    --dm-sidebar-link-border-color-hover: transparent;
    --dm-sidebar-link-text-color-active: var(--primary-color);
    --dm-sidebar-link-bg-color-active: transparent;
    --dm-sidebar-link-border-color-active: transparent;
    --dm-sidebar-link-text-color-active-hover: var(--primary-color-light);
    --dm-sidebar-link-bg-color-active-hover: transparent;
    --dm-sidebar-link-border-color-active-hover: transparent;
    --lm-sidebar-divider-bg-color: var(--lm-horizontal-rule-color);
    --dm-sidebar-divider-bg-color: var(--dm-horizontal-rule-color);
    --sidebar-title-font-weight: var(--content-title-font-weight);
    --lm-sidebar-title-text-color: var(--lm-base-text-color);
    --dm-sidebar-title-text-color: var(--dm-base-text-color);
    --sidebar-icon-border-radius: var(--base-border-radius);
    --lm-sidebar-icon-text-color: var(--lm-base-text-color-light);
    --lm-sidebar-icon-bg-color: rgba(0, 0, 0, 0.05);
    --lm-sidebar-icon-border-color: transparent;
    --lm-sidebar-icon-text-color-hover: var(--lm-base-text-color);
    --lm-sidebar-icon-bg-color-hover: var(--lm-sidebar-icon-bg-color);
    --lm-sidebar-icon-border-color-hover: var(--lm-sidebar-icon-border-color);
    --lm-sidebar-icon-text-color-active: var(--lm-sidebar-icon-text-color);
    --lm-sidebar-icon-bg-color-active: var(--lm-sidebar-icon-bg-color);
    --lm-sidebar-icon-border-color-active: var(--lm-sidebar-icon-border-color);
    --lm-sidebar-icon-text-color-active-hover: var(--lm-sidebar-icon-text-color-hover);
    --lm-sidebar-icon-bg-color-active-hover: var(--lm-sidebar-icon-bg-color-hover);
    --lm-sidebar-icon-border-color-active-hover: var(--lm-sidebar-icon-border-color-hover);
    --dm-sidebar-icon-text-color: var(--dm-base-text-color-light);
    --dm-sidebar-icon-bg-color: rgba(255, 255, 255, 0.05);
    --dm-sidebar-icon-border-color: transparent;
    --dm-sidebar-icon-text-color-hover: var(--dm-base-text-color);
    --dm-sidebar-icon-bg-color-hover: var(--dm-sidebar-icon-bg-color);
    --dm-sidebar-icon-border-color-hover: var(--dm-sidebar-icon-border-color);
    --dm-sidebar-icon-text-color-active: var(--dm-sidebar-icon-text-color);
    --dm-sidebar-icon-bg-color-active: var(--dm-sidebar-icon-bg-color);
    --dm-sidebar-icon-border-color-active: var(--dm-sidebar-icon-border-color);
    --dm-sidebar-icon-text-color-active-hover: var(--dm-sidebar-icon-text-color-hover);
    --dm-sidebar-icon-bg-color-active-hover: var(--dm-sidebar-icon-bg-color-hover);
    --dm-sidebar-icon-border-color-active-hover: var(--dm-sidebar-icon-border-color-hover);
    --lm-sidebar-brand-text-color: var(--lm-base-text-color);
    --lm-sidebar-brand-text-color-hover: var(--lm-base-text-color-light);
    --dm-sidebar-brand-text-color: var(--dm-base-text-color);
    --dm-sidebar-brand-text-color-hover: var(--dm-base-text-color-light);
    --lm-pagination-item-text-color: var(--lm-button-text-color);
    --lm-pagination-item-bg-color: var(--lm-button-bg-color);
    --lm-pagination-item-bg-image: var(--lm-button-bg-image);
    --lm-pagination-item-border-color: var(--lm-button-border-color);
    --lm-pagination-item-box-shadow: var(--lm-button-box-shadow);
    --lm-pagination-item-text-color-hover: var(--lm-button-text-color-hover);
    --lm-pagination-item-bg-color-hover: var(--lm-button-bg-color-hover);
    --lm-pagination-item-bg-image-hover: var(--lm-button-bg-image-hover);
    --lm-pagination-item-border-color-hover: var(--lm-button-border-color-hover);
    --lm-pagination-item-box-shadow-hover: var(--lm-button-box-shadow-hover);
    --lm-pagination-item-text-color-active: var(--lm-button-primary-text-color);
    --lm-pagination-item-bg-color-active: var(--lm-button-primary-bg-color);
    --lm-pagination-item-bg-image-active: var(--lm-button-primary-bg-image);
    --lm-pagination-item-border-color-active: var(--lm-button-primary-border-color);
    --lm-pagination-item-box-shadow-active: var(--lm-button-primary-box-shadow);
    --dm-pagination-item-text-color: var(--dm-button-text-color);
    --dm-pagination-item-bg-color: var(--dm-button-bg-color);
    --dm-pagination-item-bg-image: var(--dm-button-bg-image);
    --dm-pagination-item-border-color: var(--dm-button-border-color);
    --dm-pagination-item-box-shadow: var(--dm-button-box-shadow);
    --dm-pagination-item-text-color-hover: var(--dm-button-text-color-hover);
    --dm-pagination-item-bg-color-hover: var(--dm-button-bg-color-hover);
    --dm-pagination-item-bg-image-hover: var(--dm-button-bg-image-hover);
    --dm-pagination-item-border-color-hover: var(--dm-button-border-color-hover);
    --dm-pagination-item-box-shadow-hover: var(--dm-button-box-shadow-hover);
    --dm-pagination-item-text-color-active: var(--dm-button-primary-text-color);
    --dm-pagination-item-bg-color-active: var(--dm-button-primary-bg-color);
    --dm-pagination-item-bg-image-active: var(--dm-button-primary-bg-image);
    --dm-pagination-item-border-color-active: var(--dm-button-primary-border-color);
    --dm-pagination-item-box-shadow-active: var(--dm-button-primary-box-shadow);
    --breadcrumb-padding: 0;
    --breadcrumb-border-width: 0;
    --breadcrumb-border-radius: 0;
    --lm-breadcrumb-bg-color: transparent;
    --lm-breadcrumb-border-color: transparent;
    --dm-breadcrumb-bg-color: transparent;
    --dm-breadcrumb-border-color: transparent;
    --lm-tooltip-text-color: var(--dm-base-text-color);
    --lm-tooltip-bg-color: var(--dark-color);
    --dm-tooltip-text-color: var(--lm-base-text-color);
    --dm-tooltip-bg-color: var(--white-bg-color);
    --lm-badge-text-color: var(--lm-base-text-color);
    --lm-badge-bg-color: #ffffff;
    --lm-badge-border-color: rgba(0, 0, 0, 0.2);
    --dm-badge-text-color: var(--dm-base-text-color);
    --dm-badge-bg-color: transparent;
    --dm-badge-border-color: rgba(255, 255, 255, 0.2);
    --lm-badge-primary-text-color: var(--text-color-on-primary-color-bg);
    --lm-badge-primary-bg-color: var(--primary-color);
    --lm-badge-primary-border-color: var(--primary-color);
    --lm-badge-success-text-color: var(--text-color-on-success-color-bg);
    --lm-badge-success-bg-color: var(--success-color);
    --lm-badge-success-border-color: var(--success-color);
    --lm-badge-secondary-text-color: var(--text-color-on-secondary-color-bg);
    --lm-badge-secondary-bg-color: var(--secondary-color);
    --lm-badge-secondary-border-color: var(--secondary-color);
    --lm-badge-danger-text-color: var(--text-color-on-danger-color-bg);
    --lm-badge-danger-bg-color: var(--danger-color);
    --lm-badge-danger-border-color: var(--danger-color);
    --dm-badge-primary-text-color: var(--text-color-on-primary-color-bg);
    --dm-badge-primary-bg-color: var(--primary-color);
    --dm-badge-primary-border-color: var(--primary-color);
    --dm-badge-success-text-color: var(--text-color-on-success-color-bg);
    --dm-badge-success-bg-color: var(--success-color);
    --dm-badge-success-border-color: var(--success-color);
    --dm-badge-secondary-text-color: var(--text-color-on-secondary-color-bg);
    --dm-badge-secondary-bg-color: var(--secondary-color);
    --dm-badge-secondary-border-color: var(--secondary-color);
    --dm-badge-danger-text-color: var(--text-color-on-danger-color-bg);
    --dm-badge-danger-bg-color: var(--danger-color);
    --dm-badge-danger-border-color: var(--danger-color);
    --lm-link-badge-text-color-hover: var(--lm-badge-text-color);
    --lm-link-badge-bg-color-hover: var(--gray-color-very-light);
    --lm-link-badge-border-color-hover: var(--lm-badge-border-color);
    --lm-link-badge-primary-text-color-hover: var(--lm-badge-primary-text-color);
    --lm-link-badge-primary-bg-color-hover: var(--primary-color-light);
    --lm-link-badge-primary-border-color-hover: var(--primary-color-light);
    --lm-link-badge-success-text-color-hover: var(--lm-badge-success-text-color);
    --lm-link-badge-success-bg-color-hover: var(--success-color-light);
    --lm-link-badge-success-border-color-hover: var(--success-color-light);
    --lm-link-badge-secondary-text-color-hover: var(--lm-badge-secondary-text-color);
    --lm-link-badge-secondary-bg-color-hover: var(--secondary-color-light);
    --lm-link-badge-secondary-border-color-hover: var(--secondary-color-light);
    --lm-link-badge-danger-text-color-hover: var(--lm-badge-danger-text-color);
    --lm-link-badge-danger-bg-color-hover: var(--danger-color-light);
    --lm-link-badge-danger-border-color-hover: var(--danger-color-light);
    --dm-link-badge-text-color-hover: var(--dm-badge-text-color);
    --dm-link-badge-bg-color-hover: rgba(255, 255, 255, 0.025);
    --dm-link-badge-border-color-hover: var(--dm-badge-border-color);
    --dm-link-badge-primary-text-color-hover: var(--dm-badge-primary-text-color);
    --dm-link-badge-primary-bg-color-hover: var(--primary-color-light);
    --dm-link-badge-primary-border-color-hover: var(--primary-color-light);
    --dm-link-badge-success-text-color-hover: var(--dm-badge-success-text-color);
    --dm-link-badge-success-bg-color-hover: var(--success-color-light);
    --dm-link-badge-success-border-color-hover: var(--success-color-light);
    --dm-link-badge-secondary-text-color-hover: var(--dm-badge-secondary-text-color);
    --dm-link-badge-secondary-bg-color-hover: var(--secondary-color-light);
    --dm-link-badge-secondary-border-color-hover: var(--secondary-color-light);
    --dm-link-badge-danger-text-color-hover: var(--dm-badge-danger-text-color);
    --dm-link-badge-danger-bg-color-hover: var(--danger-color-light);
    --dm-link-badge-danger-border-color-hover: var(--danger-color-light);
    --lm-button-group-button-border-color: var(--lm-button-border-color);
    --lm-button-group-button-border-color-hover: var(--lm-button-border-color-hover);
    --lm-button-group-button-border-color-focus: var(--lm-button-border-color-focus);
    --dm-button-group-button-border-color: rgba(0, 0, 0, 0.3);
    --dm-button-group-button-border-color-hover: var(--dm-button-group-button-border-color);
    --dm-button-group-button-border-color-focus: var(--dm-button-group-button-border-color);
    --lm-button-group-button-link-border-color: var(--lm-button-group-button-border-color);
    --lm-button-group-button-link-border-color-hover: var(--lm-button-group-button-link-border-color);
    --lm-button-group-button-link-border-color-focus: var(--lm-button-group-button-link-border-color);
    --dm-button-group-button-link-border-color: rgba(0, 0, 0, 0.3);
    --dm-button-group-button-link-border-color-hover: var(--dm-button-group-button-link-border-color);
    --dm-button-group-button-link-border-color-focus: var(--dm-button-group-button-link-border-color);
    --lm-button-group-button-primary-border-color: var(--lm-button-primary-border-color);
    --lm-button-group-button-primary-border-color-hover: var(--lm-button-primary-border-color-hover);
    --lm-button-group-button-primary-border-color-focus: var(--lm-button-primary-border-color-focus);
    --dm-button-group-button-primary-border-color: var(--dm-button-primary-border-color);
    --dm-button-group-button-primary-border-color-hover: var(--dm-button-primary-border-color-hover);
    --dm-button-group-button-primary-border-color-focus: var(--dm-button-primary-border-color-focus);
    --lm-button-group-button-success-border-color: var(--lm-button-success-border-color);
    --lm-button-group-button-success-border-color-hover: var(--lm-button-success-border-color-hover);
    --lm-button-group-button-success-border-color-focus: var(--lm-button-success-border-color-focus);
    --dm-button-group-button-success-border-color: var(--dm-button-success-border-color);
    --dm-button-group-button-success-border-color-hover: var(--dm-button-success-border-color-hover);
    --dm-button-group-button-success-border-color-focus: var(--dm-button-success-border-color-focus);
    --lm-button-group-button-secondary-border-color: var(--lm-button-secondary-border-color);
    --lm-button-group-button-secondary-border-color-hover: var(--lm-button-secondary-border-color-hover);
    --lm-button-group-button-secondary-border-color-focus: var(--lm-button-secondary-border-color-focus);
    --dm-button-group-button-secondary-border-color: var(--dm-button-secondary-border-color);
    --dm-button-group-button-secondary-border-color-hover: var(--dm-button-secondary-border-color-hover);
    --dm-button-group-button-secondary-border-color-focus: var(--dm-button-secondary-border-color-focus);
    --lm-button-group-button-danger-border-color: var(--lm-button-danger-border-color);
    --lm-button-group-button-danger-border-color-hover: var(--lm-button-danger-border-color-hover);
    --lm-button-group-button-danger-border-color-focus: var(--lm-button-danger-border-color-focus);
    --dm-button-group-button-danger-border-color: var(--dm-button-danger-border-color);
    --dm-button-group-button-danger-border-color-hover: var(--dm-button-danger-border-color-hover);
    --dm-button-group-button-danger-border-color-focus: var(--dm-button-danger-border-color-focus);
    --button-toolbar-input-group-min-width: 20rem;
    --button-toolbar-input-group-min-width-xs: 18rem;
    --collapse-header-padding: 1.2rem 2rem;
    --collapse-header-font-size: var(--base-font-size);
    --collapse-header-border-radius: var(--base-border-radius);
    --collapse-header-border-width: var(--base-border-width);
    --lm-collapse-header-text-color: var(--lm-base-text-color);
    --lm-collapse-header-bg-color: var(--gray-color-very-light);
    --lm-collapse-header-border-color: rgba(0, 0, 0, 0.2);
    --lm-collapse-header-box-shadow: none;
    --lm-collapse-header-text-color-focus: var(--lm-collapse-header-text-color);
    --lm-collapse-header-bg-color-focus: var(--lm-collapse-header-bg-color);
    --lm-collapse-header-border-color-focus: var(--lm-collapse-header-border-color);
    --lm-collapse-header-box-shadow-focus: var(--lm-collapse-header-box-shadow);
    --lm-collapse-header-outline-focus: none;
    --dm-collapse-header-text-color: var(--dm-base-text-color);
    --dm-collapse-header-bg-color: rgba(255, 255, 255, 0.02);
    --dm-collapse-header-border-color: var(--gray-color-very-dark);
    --dm-collapse-header-box-shadow: none;
    --dm-collapse-header-text-color-focus: var(--dm-collapse-header-text-color);
    --dm-collapse-header-bg-color-focus: var(--dm-collapse-header-bg-color);
    --dm-collapse-header-border-color-focus: var(--dm-collapse-header-border-color);
    --dm-collapse-header-box-shadow-focus: var(--dm-collapse-header-box-shadow);
    --dm-collapse-header-outline-focus: none;
    --lm-open-collapse-header-text-color: var(--lm-collapse-header-text-color);
    --lm-open-collapse-header-bg-color: var(--lm-collapse-header-bg-color);
    --lm-open-collapse-header-border-color: var(--lm-collapse-header-border-color);
    --lm-open-collapse-header-box-shadow: var(--lm-collapse-header-box-shadow);
    --lm-open-collapse-header-text-color-focus: var(--lm-collapse-header-text-color-focus);
    --lm-open-collapse-header-bg-color-focus: var(--lm-collapse-header-bg-color-focus);
    --lm-open-collapse-header-border-color-focus: var(--lm-collapse-header-border-color-focus);
    --lm-open-collapse-header-box-shadow-focus: var(--lm-collapse-header-box-shadow-focus);
    --lm-open-collapse-header-outline-focus: var(--lm-collapse-header-outline-focus);
    --dm-open-collapse-header-text-color: var(--dm-collapse-header-text-color);
    --dm-open-collapse-header-bg-color: var(--dm-collapse-header-bg-color);
    --dm-open-collapse-header-border-color: var(--dm-collapse-header-border-color);
    --dm-open-collapse-header-box-shadow: var(--dm-collapse-header-box-shadow);
    --dm-open-collapse-header-text-color-focus: var(--dm-collapse-header-text-color-focus);
    --dm-open-collapse-header-bg-color-focus: var(--dm-collapse-header-bg-color-focus);
    --dm-open-collapse-header-border-color-focus: var(--dm-collapse-header-border-color-focus);
    --dm-open-collapse-header-box-shadow-focus: var(--dm-collapse-header-box-shadow-focus);
    --dm-open-collapse-header-outline-focus: var(--dm-collapse-header-outline-focus);
    --collapse-header-bg-repeat: no-repeat;
    --collapse-header-bg-position: 2rem center;
    --open-collapse-header-padding-with-bg-image: var(--collapse-header-padding-with-bg-image);
    --open-collapse-header-bg-image: var(--select-bg-image);
    --open-collapse-header-bg-size: 1rem;
    --open-collapse-header-bg-repeat: var(--collapse-header-bg-repeat);
    --open-collapse-header-bg-position: var(--collapse-header-bg-position);
    --collapse-header-focus-effect-display: block;
    --collapse-header-focus-effect-top: 0.2rem;
    --collapse-header-focus-effect-left: var(--collapse-header-focus-effect-top);
    --collapse-header-focus-effect-width: calc(100% - (2 * var(--collapse-header-focus-effect-left)));
    --collapse-header-focus-effect-height: calc(100% - (2 * var(--collapse-header-focus-effect-top)));
    --collapse-header-focus-effect-border-radius: var(--base-border-radius);
    --lm-collapse-header-focus-effect-box-shadow: inset 0 0 0 0.2rem var(--primary-color-light);
    --dm-collapse-header-focus-effect-box-shadow: inset 0 0 0 0.2rem var(--primary-color-dark);
    --collapse-content-padding: 2rem;
    --collapse-content-font-size: var(--base-font-size);
    --collapse-content-border-radius: var(--base-border-radius);
    --collapse-content-border-width: var(--base-border-width);
    --lm-collapse-content-text-color: var(--lm-base-text-color);
    --lm-collapse-content-bg-color: transparent;
    --lm-collapse-content-border-color: var(--lm-collapse-header-border-color);
    --lm-collapse-content-box-shadow: none;
    --dm-collapse-content-text-color: var(--dm-base-text-color);
    --dm-collapse-content-bg-color: transparent;
    --dm-collapse-content-border-color: var(--dm-collapse-header-border-color);
    --dm-collapse-content-box-shadow: none;
    --progress-height: 0.8rem;
    --progress-font-size: 1.2rem;
    --progress-line-height: 0;
    --progress-border-radius: 3.2rem;
    --lm-progress-bg-color: rgba(0, 0, 0, 0.1);
    --dm-progress-bg-color: rgba(255, 255, 255, 0.1);
    --lm-progress-bar-text-color: #ffffff;
    --lm-progress-bar-bg-color: var(--primary-color);
    --dm-progress-bar-text-color: var(--lm-progress-bar-text-color);
    --dm-progress-bar-bg-color: var(--lm-progress-bar-bg-color);
    --lm-progress-bar-animated-highlight-bg-color: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3));
    --lm-progress-bar-animated-highlight-dark-bg-color: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1));
    --dm-progress-bar-animated-highlight-bg-color: var(--lm-progress-bar-animated-highlight-bg-color);
    --dm-progress-bar-animated-highlight-dark-bg-color: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2))
}

.dark-mode {
    background-color: var(--dm-base-body-bg-color);
    background-image: var(--dm-base-body-bg-image);
    color: var(--dm-base-text-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dark-mode hr {
    color: var(--dm-horizontal-rule-color);
    background-color: var(--dm-horizontal-rule-color)
}

.dark-mode .navbar {
    background-color: var(--dm-navbar-bg-color);
    background-image: var(--dm-navbar-bg-image);
    border-color: var(--dm-navbar-border-color);
    -moz-box-shadow: var(--dm-navbar-box-shadow);
    -webkit-box-shadow: var(--dm-navbar-box-shadow);
    box-shadow: var(--dm-navbar-box-shadow)
}

.dark-mode .navbar.navbar-fixed-bottom,.dark-mode .navbar.navbar-static-bottom {
    border-color: var(--dm-navbar-border-color);
    -moz-box-shadow: var(--dm-navbar-fixed-bottom-box-shadow);
    -webkit-box-shadow: var(--dm-navbar-fixed-bottom-box-shadow);
    box-shadow: var(--dm-navbar-fixed-bottom-box-shadow)
}


.dark-mode .navbar.navbar-static-bottom {
    -moz-box-shadow: var(--dm-navbar-static-bottom-box-shadow);
    -webkit-box-shadow: var(--dm-navbar-static-bottom-box-shadow);
    box-shadow: var(--dm-navbar-static-bottom-box-shadow)
}


.dark-mode .sidebar {
    background-color: var(--dm-sidebar-bg-color);
    background-image: var(--dm-sidebar-bg-image);
    border-color: var(--dm-sidebar-border-color);
    -moz-box-shadow: var(--dm-sidebar-box-shadow);
    -webkit-box-shadow: var(--dm-sidebar-box-shadow);
    box-shadow: var(--dm-sidebar-box-shadow)
}


.dark-mode .card {
    color: var(--dm-card-text-color);
    background-color: var(--dm-card-bg-color);
    background-image: var(--dm-card-bg-image);
    border-color: var(--dm-card-border-color);
    -moz-box-shadow: var(--dm-card-box-shadow);
    -webkit-box-shadow: var(--dm-card-box-shadow);
    box-shadow: var(--dm-card-box-shadow)
}

.dark-mode a {
    color: var(--dm-link-text-color)
}

.dark-mode a:hover {
    color: var(--dm-link-text-color-hover)
}


.dark-mode .btn {
    color: var(--dm-button-text-color);
    background-color: var(--dm-button-bg-color);
    background-image: var(--dm-button-bg-image);
    border-color: var(--dm-button-border-color);
    -moz-box-shadow: var(--dm-button-box-shadow);
    -webkit-box-shadow: var(--dm-button-box-shadow);
    box-shadow: var(--dm-button-box-shadow)
}

.dark-mode .btn:hover {
    color: var(--dm-button-text-color-hover);
    background-color: var(--dm-button-bg-color-hover);
    background-image: var(--dm-button-bg-image-hover);
    border-color: var(--dm-button-border-color-hover);
    -moz-box-shadow: var(--dm-button-box-shadow-hover);
    -webkit-box-shadow: var(--dm-button-box-shadow-hover);
    box-shadow: var(--dm-button-box-shadow-hover)
}

.dark-mode .btn.active,.dark-mode .btn:focus {
    color: var(--dm-button-text-color-focus);
    background-color: var(--dm-button-bg-color-focus);
    background-image: var(--dm-button-bg-image-focus);
    border-color: var(--dm-button-border-color-focus);
    -moz-box-shadow: var(--dm-button-box-shadow-focus);
    -webkit-box-shadow: var(--dm-button-box-shadow-focus);
    box-shadow: var(--dm-button-box-shadow-focus);
    outline-color: var(--dm-button-outline-color-focus)
}

.dark-mode .btn.active:hover,.dark-mode .btn:focus:hover {
    color: var(--dm-button-text-color-hover);
    background-color: var(--dm-button-bg-color-hover);
    background-image: var(--dm-button-bg-image-hover)
}

.dark-mode .btn.disabled,.dark-mode .btn.disabled:focus,.dark-mode .btn.disabled:hover,.dark-mode .btn:disabled {
    color: var(--dm-button-text-color);
    background-color: var(--dm-button-bg-color);
    background-image: var(--dm-button-bg-image);
    border-color: var(--dm-button-border-color);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.dark-mode .btn.alt-dm {
    color: var(--dm-button-alt-text-color);
    background-color: var(--dm-button-alt-bg-color);
    background-image: var(--dm-button-alt-bg-image);
    border-color: var(--dm-button-alt-border-color);
    -moz-box-shadow: var(--dm-button-alt-box-shadow);
    -webkit-box-shadow: var(--dm-button-alt-box-shadow);
    box-shadow: var(--dm-button-alt-box-shadow)
}

.dark-mode .btn.alt-dm:hover {
    color: var(--dm-button-alt-text-color-hover);
    background-color: var(--dm-button-alt-bg-color-hover);
    background-image: var(--dm-button-alt-bg-image-hover);
    border-color: var(--dm-button-alt-border-color-hover);
    -moz-box-shadow: var(--dm-button-alt-box-shadow-hover);
    -webkit-box-shadow: var(--dm-button-alt-box-shadow-hover);
    box-shadow: var(--dm-button-alt-box-shadow-hover)
}

.dark-mode .btn.alt-dm.active,.dark-mode .btn.alt-dm:focus {
    color: var(--dm-button-alt-text-color-focus);
    background-color: var(--dm-button-alt-bg-color-focus);
    background-image: var(--dm-button-alt-bg-image-focus);
    border-color: var(--dm-button-alt-border-color-focus);
    -moz-box-shadow: var(--dm-button-alt-box-shadow-focus);
    -webkit-box-shadow: var(--dm-button-alt-box-shadow-focus);
    box-shadow: var(--dm-button-alt-box-shadow-focus);
    outline-color: var(--dm-button-alt-outline-color-focus)
}

.dark-mode .btn.alt-dm.active:hover,.dark-mode .btn.alt-dm:focus:hover {
    color: var(--dm-button-alt-text-color-hover);
    background-color: var(--dm-button-alt-bg-color-hover);
    background-image: var(--dm-button-alt-bg-image-hover)
}

.dark-mode .btn.alt-dm.disabled,.dark-mode .btn.alt-dm.disabled:focus,.dark-mode .btn.alt-dm.disabled:hover,.dark-mode .btn.alt-dm:disabled {
    color: var(--dm-button-alt-text-color);
    background-color: var(--dm-button-alt-bg-color);
    background-image: var(--dm-button-alt-bg-image);
    border-color: var(--dm-button-alt-border-color);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.dark-mode .btn.btn-link {
    color: var(--dm-button-link-text-color);
    background-color: var(--dm-button-link-bg-color);
    background-image: var(--dm-button-link-bg-image);
    border-color: var(--dm-button-link-border-color);
    -moz-box-shadow: var(--dm-button-link-box-shadow);
    -webkit-box-shadow: var(--dm-button-link-box-shadow);
    box-shadow: var(--dm-button-link-box-shadow);
}

.dark-mode .btn.btn-link:hover {
    color: var(--dm-button-link-text-color-hover);
    background-color: var(--dm-button-link-bg-color-hover);
    background-image: var(--dm-button-link-bg-image-hover);
    border-color: var(--dm-button-link-border-color-hover);
    -moz-box-shadow: var(--dm-button-link-box-shadow-hover);
    -webkit-box-shadow: var(--dm-button-link-box-shadow-hover);
    box-shadow: var(--dm-button-link-box-shadow-hover)
}

.dark-mode .btn.btn-link.active,.dark-mode .btn.btn-link:focus {
    color: var(--dm-button-link-text-color-focus);
    background-color: var(--dm-button-link-bg-color-focus);
    background-image: var(--dm-button-link-bg-image-focus);
    border-color: var(--dm-button-link-border-color-focus);
    -moz-box-shadow: var(--dm-button-link-box-shadow-focus);
    -webkit-box-shadow: var(--dm-button-link-box-shadow-focus);
    box-shadow: var(--dm-button-link-box-shadow-focus);
    outline-color: var(--dm-button-link-outline-color-focus)
}

.dark-mode .btn.btn-link.active:hover,.dark-mode .btn.btn-link:focus:hover {
    color: var(--dm-button-link-text-color-hover);
    background-color: var(--dm-button-link-bg-color-hover);
    background-image: var(--dm-button-link-bg-image-hover)
}

.dark-mode .btn.btn-link.disabled,.dark-mode .btn.btn-link.disabled:focus,.dark-mode .btn.btn-link.disabled:hover,.dark-mode .btn.btn-link:disabled {
    color: var(--dm-button-link-text-color);
    background-color: var(--dm-button-link-bg-color);
    background-image: var(--dm-button-link-bg-image);
    border-color: var(--dm-button-link-border-color);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.dark-mode .btn.btn-primary {
    color: var(--dm-button-primary-text-color);
    background-color: var(--dm-button-primary-bg-color);
    background-image: var(--dm-button-primary-bg-image);
    border-color: var(--dm-button-primary-border-color);
    -moz-box-shadow: var(--dm-button-primary-box-shadow);
    -webkit-box-shadow: var(--dm-button-primary-box-shadow);
    box-shadow: var(--dm-button-primary-box-shadow);

}

.dark-mode .btn.btn-primary:hover {
    color: var(--dm-button-primary-text-color-hover);
    background-color: var(--dm-button-primary-bg-color-hover);
    background-image: var(--dm-button-primary-bg-image-hover);
    border-color: var(--dm-button-primary-border-color-hover);
    -moz-box-shadow: var(--dm-button-primary-box-shadow-hover);
    -webkit-box-shadow: var(--dm-button-primary-box-shadow-hover);
    box-shadow: var(--dm-button-primary-box-shadow-hover)
}

.dark-mode .btn.btn-primary.active,.dark-mode .btn.btn-primary:focus {
    color: var(--dm-button-primary-text-color-focus);
    background-color: var(--dm-button-primary-bg-color-focus);
    background-image: var(--dm-button-primary-bg-image-focus);
    border-color: var(--dm-button-primary-border-color-focus);
    -moz-box-shadow: var(--dm-button-primary-box-shadow-focus);
    -webkit-box-shadow: var(--dm-button-primary-box-shadow-focus);
    box-shadow: var(--dm-button-primary-box-shadow-focus);
    outline-color: var(--dm-button-primary-outline-color-focus)
}

.dark-mode .btn.btn-primary.active:hover,.dark-mode .btn.btn-primary:focus:hover {
    color: var(--dm-button-primary-text-color-hover);
    background-color: var(--dm-button-primary-bg-color-hover);
    background-image: var(--dm-button-primary-bg-image-hover)
}

.dark-mode .btn.btn-primary.disabled,.dark-mode .btn.btn-primary.disabled:focus,.dark-mode .btn.btn-primary.disabled:hover,.dark-mode .btn.btn-primary:disabled {
    color: var(--dm-button-primary-text-color);
    background-color: var(--dm-button-primary-bg-color);
    background-image: var(--dm-button-primary-bg-image);
    border-color: var(--dm-button-primary-border-color);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.dark-mode .btn.btn-success {
    color: var(--dm-button-success-text-color);
    background-color: var(--dm-button-success-bg-color);
    background-image: var(--dm-button-success-bg-image);
    border-color: var(--dm-button-success-border-color);
    -moz-box-shadow: var(--dm-button-success-box-shadow);
    -webkit-box-shadow: var(--dm-button-success-box-shadow);
    box-shadow: var(--dm-button-success-box-shadow);
}

.dark-mode .btn.btn-success:hover {
    color: var(--dm-button-success-text-color-hover);
    background-color: var(--dm-button-success-bg-color-hover);
    background-image: var(--dm-button-success-bg-image-hover);
    border-color: var(--dm-button-success-border-color-hover);
    -moz-box-shadow: var(--dm-button-success-box-shadow-hover);
    -webkit-box-shadow: var(--dm-button-success-box-shadow-hover);
    box-shadow: var(--dm-button-success-box-shadow-hover)
}

.dark-mode .btn.btn-success.active,.dark-mode .btn.btn-success:focus {
    color: var(--dm-button-success-text-color-focus);
    background-color: var(--dm-button-success-bg-color-focus);
    background-image: var(--dm-button-success-bg-image-focus);
    border-color: var(--dm-button-success-border-color-focus);
    -moz-box-shadow: var(--dm-button-success-box-shadow-focus);
    -webkit-box-shadow: var(--dm-button-success-box-shadow-focus);
    box-shadow: var(--dm-button-success-box-shadow-focus);
    outline-color: var(--dm-button-success-outline-color-focus)
}

.dark-mode .btn.btn-success.active:hover,.dark-mode .btn.btn-success:focus:hover {
    color: var(--dm-button-success-text-color-hover);
    background-color: var(--dm-button-success-bg-color-hover);
    background-image: var(--dm-button-success-bg-image-hover)
}

.dark-mode .btn.btn-success.disabled,.dark-mode .btn.btn-success.disabled:focus,.dark-mode .btn.btn-success.disabled:hover,.dark-mode .btn.btn-success:disabled {
    color: var(--dm-button-success-text-color);
    background-color: var(--dm-button-success-bg-color);
    background-image: var(--dm-button-success-bg-image);
    border-color: var(--dm-button-success-border-color);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.dark-mode .btn.btn-secondary {
    color: var(--dm-button-secondary-text-color);
    background-color: var(--dm-button-secondary-bg-color);
    background-image: var(--dm-button-secondary-bg-image);
    border-color: var(--dm-button-secondary-border-color);
    -moz-box-shadow: var(--dm-button-secondary-box-shadow);
    -webkit-box-shadow: var(--dm-button-secondary-box-shadow);
    box-shadow: var(--dm-button-secondary-box-shadow);
}

.dark-mode .btn.btn-secondary:hover {
    color: var(--dm-button-secondary-text-color-hover);
    background-color: var(--dm-button-secondary-bg-color-hover);
    background-image: var(--dm-button-secondary-bg-image-hover);
    border-color: var(--dm-button-secondary-border-color-hover);
    -moz-box-shadow: var(--dm-button-secondary-box-shadow-hover);
    -webkit-box-shadow: var(--dm-button-secondary-box-shadow-hover);
    box-shadow: var(--dm-button-secondary-box-shadow-hover)
}

.dark-mode .btn.btn-secondary.active,.dark-mode .btn.btn-secondary:focus {
    color: var(--dm-button-secondary-text-color-focus);
    background-color: var(--dm-button-secondary-bg-color-focus);
    background-image: var(--dm-button-secondary-bg-image-focus);
    border-color: var(--dm-button-secondary-border-color-focus);
    -moz-box-shadow: var(--dm-button-secondary-box-shadow-focus);
    -webkit-box-shadow: var(--dm-button-secondary-box-shadow-focus);
    box-shadow: var(--dm-button-secondary-box-shadow-focus);
    outline-color: var(--dm-button-secondary-outline-color-focus)
}

.dark-mode .btn.btn-secondary.active:hover,.dark-mode .btn.btn-secondary:focus:hover {
    color: var(--dm-button-secondary-text-color-hover);
    background-color: var(--dm-button-secondary-bg-color-hover);
    background-image: var(--dm-button-secondary-bg-image-hover)
}

.dark-mode .btn.btn-secondary.disabled,.dark-mode .btn.btn-secondary.disabled:focus,.dark-mode .btn.btn-secondary.disabled:hover,.dark-mode .btn.btn-secondary:disabled {
    color: var(--dm-button-secondary-text-color);
    background-color: var(--dm-button-secondary-bg-color);
    background-image: var(--dm-button-secondary-bg-image);
    border-color: var(--dm-button-secondary-border-color);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.dark-mode .btn.btn-danger {
    color: var(--dm-button-danger-text-color);
    background-color: var(--dm-button-danger-bg-color);
    background-image: var(--dm-button-danger-bg-image);
    border-color: var(--dm-button-danger-border-color);
    -moz-box-shadow: var(--dm-button-danger-box-shadow);
    -webkit-box-shadow: var(--dm-button-danger-box-shadow);
    box-shadow: var(--dm-button-danger-box-shadow);
}

.dark-mode .btn.btn-danger:hover {
    color: var(--dm-button-danger-text-color-hover);
    background-color: var(--dm-button-danger-bg-color-hover);
    background-image: var(--dm-button-danger-bg-image-hover);
    border-color: var(--dm-button-danger-border-color-hover);
    -moz-box-shadow: var(--dm-button-danger-box-shadow-hover);
    -webkit-box-shadow: var(--dm-button-danger-box-shadow-hover);
    box-shadow: var(--dm-button-danger-box-shadow-hover)
}

.dark-mode .btn.btn-danger.active,.dark-mode .btn.btn-danger:focus {
    color: var(--dm-button-danger-text-color-focus);
    background-color: var(--dm-button-danger-bg-color-focus);
    background-image: var(--dm-button-danger-bg-image-focus);
    border-color: var(--dm-button-danger-border-color-focus);
    -moz-box-shadow: var(--dm-button-danger-box-shadow-focus);
    -webkit-box-shadow: var(--dm-button-danger-box-shadow-focus);
    box-shadow: var(--dm-button-danger-box-shadow-focus);
    outline-color: var(--dm-button-danger-outline-color-focus)
}

.dark-mode .btn.btn-danger.active:hover,.dark-mode .btn.btn-danger:focus:hover {
    color: var(--dm-button-danger-text-color-hover);
    background-color: var(--dm-button-danger-bg-color-hover);
    background-image: var(--dm-button-danger-bg-image-hover)
}


.dark-mode .btn.btn-danger.disabled,.dark-mode .btn.btn-danger.disabled:focus,.dark-mode .btn.btn-danger.disabled:hover,.dark-mode .btn.btn-danger:disabled {
    color: var(--dm-button-danger-text-color);
    background-color: var(--dm-button-danger-bg-color);
    background-image: var(--dm-button-danger-bg-image);
    border-color: var(--dm-button-danger-border-color);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.dark-mode .code {
    color: var(--dm-code-text-color);
    background-color: var(--dm-code-bg-color);
    border-color: var(--dm-code-border-color)
}

.dark-mode kbd {
    color: var(--dm-kbd-text-color);
    background-color: var(--dm-kbd-bg-color);
    border-color: var(--dm-kbd-border-color)
}


.dark-mode .table tfoot tr,.dark-mode .table thead tr,.dark-mode .table-bordered,.dark-mode .table-outer-bordered {
    border-color: var(--dm-table-border-color)
}

.dark-mode .table tbody tr:not(:last-child),.dark-mode .table-bordered td:not(:last-child),.dark-mode .table-bordered th:not(:last-child),.dark-mode .table-inner-bordered td:not(:last-child),.dark-mode .table-inner-bordered th:not(:last-child) {
    border-color: var(--dm-table-border-color)
}

.dark-mode .table-hover tbody tr:hover td,.dark-mode .table-hover tbody tr:hover th {
    background-color: var(--dm-table-hoverable-bg-color-hover)
}


.dark-mode .table-striped tbody tr:nth-child(odd) {
    background-color: var(--dm-table-striped-bg-color)
}

.dark-mode .table tbody tr.table-primary,.dark-mode .table-bordered tbody tr.table-primary,.dark-mode .table-inner-bordered tbody tr.table-primary,.dark-mode .table-striped tbody tr.table-primary {
    color: var(--dm-table-primary-text-color);
    background-color: var(--dm-table-primary-bg-color);
    border-color: var(--dm-table-primary-row-border-color)
}

.dark-mode .table tbody tr.table-primary td,.dark-mode .table tbody tr.table-primary th,.dark-mode .table-bordered tbody tr.table-primary td,.dark-mode .table-bordered tbody tr.table-primary th,.dark-mode .table-inner-bordered tbody tr.table-primary td,.dark-mode .table-inner-bordered tbody tr.table-primary th {
    border-color: var(--dm-table-primary-cell-border-color)
}

.dark-mode .table tbody tr.table-success,.dark-mode .table-bordered tbody tr.table-success,.dark-mode .table-inner-bordered tbody tr.table-success,.dark-mode .table-striped tbody tr.table-success {
    color: var(--dm-table-success-text-color);
    background-color: var(--dm-table-success-bg-color);
    border-color: var(--dm-table-success-row-border-color)
}

.dark-mode .table tbody tr.table-success td,.dark-mode .table tbody tr.table-success th,.dark-mode .table-bordered tbody tr.table-success td,.dark-mode .table-bordered tbody tr.table-success th,.dark-mode .table-inner-bordered tbody tr.table-success td,.dark-mode .table-inner-bordered tbody tr.table-success th {
    border-color: var(--dm-table-success-cell-border-color)
}

.dark-mode .table tbody tr.table-secondary,.dark-mode .table-bordered tbody tr.table-secondary,.dark-mode .table-inner-bordered tbody tr.table-secondary,.dark-mode .table-striped tbody tr.table-secondary {
    color: var(--dm-table-secondary-text-color);
    background-color: var(--dm-table-secondary-bg-color);
    border-color: var(--dm-table-secondary-row-border-color)
}

.dark-mode .table tbody tr.table-secondary td,.dark-mode .table tbody tr.table-secondary th,.dark-mode .table-bordered tbody tr.table-secondary td,.dark-mode .table-bordered tbody tr.table-secondary th,.dark-mode .table-inner-bordered tbody tr.table-secondary td,.dark-mode .table-inner-bordered tbody tr.table-secondary th {
    border-color: var(--dm-table-secondary-cell-border-color)
}

.dark-mode .table tbody tr.table-danger,.dark-mode .table-bordered tbody tr.table-danger,.dark-mode .table-inner-bordered tbody tr.table-danger,.dark-mode .table-striped tbody tr.table-danger {
    color: var(--dm-table-danger-text-color);
    background-color: var(--dm-table-danger-bg-color);
    border-color: var(--dm-table-danger-row-border-color)
}

.dark-mode .table tbody tr.table-danger td,.dark-mode .table tbody tr.table-danger th,.dark-mode .table-bordered tbody tr.table-danger td,.dark-mode .table-bordered tbody tr.table-danger th,.dark-mode .table-inner-bordered tbody tr.table-danger td,.dark-mode .table-inner-bordered tbody tr.table-danger th {
    border-color: var(--dm-table-danger-cell-border-color)
}


.dark-mode .form-text {
    color: var(--dm-form-text-text-color);
    border-color: var(--dm-form-text-border-color)
}

.dark-mode .invalid-feedback {
    color: var(--dm-invalid-feedback-text-color)
}

.dark-mode .form-control {
    color: var(--dm-input-text-color);
    background-color: var(--dm-input-bg-color);
    border-color: var(--dm-input-border-color);
    -moz-box-shadow: var(--dm-input-box-shadow);
    -webkit-box-shadow: var(--dm-input-box-shadow);
    box-shadow: var(--dm-input-box-shadow)
}

.dark-mode .form-control:hover {
    color: var(--dm-input-text-color-hover);
    background-color: var(--dm-input-bg-color-hover);
    border-color: var(--dm-input-border-color-hover);
    -moz-box-shadow: var(--dm-input-box-shadow-hover);
    -webkit-box-shadow: var(--dm-input-box-shadow-hover);
    box-shadow: var(--dm-input-box-shadow-hover)
}

.dark-mode .form-control:focus {
    color: var(--dm-input-text-color-focus);
    background-color: var(--dm-input-bg-color-focus);
    border-color: var(--dm-input-border-color-focus);
    -moz-box-shadow: var(--dm-input-box-shadow-focus);
    -webkit-box-shadow: var(--dm-input-box-shadow-focus);
    box-shadow: var(--dm-input-box-shadow-focus);
    outline: 0
}

.dark-mode ::-webkit-input-placeholder {
    color: var(--dm-input-placeholder-text-color)
}

.dark-mode :-ms-input-placeholder {
    color: var(--dm-input-placeholder-text-color)
}

.dark-mode ::placeholder {
    color: var(--dm-input-placeholder-text-color)
}

.dark-mode .form-control.disabled,.dark-mode .form-control.disabled:hover,.dark-mode .form-control:disabled,.dark-mode .form-control:disabled:hover {
    color: var(--dm-input-text-color-disabled);
    background-color: var(--dm-input-bg-color-disabled);
    border-color: var(--dm-input-border-color-disabled)
}

.dark-mode .form-control.alt-dm {
    color: var(--dm-input-alt-text-color);
    background-color: var(--dm-input-alt-bg-color);
    border-color: var(--dm-input-alt-border-color);
    -moz-box-shadow: var(--dm-input-alt-box-shadow);
    -webkit-box-shadow: var(--dm-input-alt-box-shadow);
    box-shadow: var(--dm-input-alt-box-shadow)
}

.dark-mode .form-control.alt-dm:hover {
    color: var(--dm-input-alt-text-color-hover);
    background-color: var(--dm-input-alt-bg-color-hover);
    border-color: var(--dm-input-alt-border-color-hover);
    -moz-box-shadow: var(--dm-input-alt-box-shadow-hover);
    -webkit-box-shadow: var(--dm-input-alt-box-shadow-hover);
    box-shadow: var(--dm-input-alt-box-shadow-hover)
}

.dark-mode .form-control.alt-dm:focus {
    color: var(--dm-input-alt-text-color-focus);
    background-color: var(--dm-input-alt-bg-color-focus);
    border-color: var(--dm-input-alt-border-color-focus);
    -moz-box-shadow: var(--dm-input-alt-box-shadow-focus);
    -webkit-box-shadow: var(--dm-input-alt-box-shadow-focus);
    box-shadow: var(--dm-input-alt-box-shadow-focus);
    outline: 0
}

.dark-mode .form-control.alt-dm::-webkit-input-placeholder {
    color: var(--dm-input-alt-placeholder-text-color)
}

.dark-mode .form-control.alt-dm:-ms-input-placeholder {
    color: var(--dm-input-alt-placeholder-text-color)
}

.dark-mode .form-control.alt-dm::placeholder {
    color: var(--dm-input-alt-placeholder-text-color)
}

.dark-mode .form-control.alt-dm.disabled,.dark-mode .form-control.alt-dm.disabled:hover,.dark-mode .form-control.alt-dm:disabled,.dark-mode .form-control.alt-dm:disabled:hover {
    color: var(--dm-input-alt-text-color-disabled);
    background-color: var(--dm-input-alt-bg-color-disabled);
    border-color: var(--dm-input-alt-border-color-disabled)
}

.dark-mode .form-control.is-invalid,.dark-mode .form-group.is-invalid .form-control {
    color: var(--dm-input-invalid-text-color);
    background-color: var(--dm-input-invalid-bg-color);
    border-color: var(--dm-input-invalid-border-color);
    -moz-box-shadow: var(--dm-input-invalid-box-shadow);
    -webkit-box-shadow: var(--dm-input-invalid-box-shadow);
    box-shadow: var(--dm-input-invalid-box-shadow)
}

.dark-mode .form-control.is-invalid:hover,.dark-mode .form-group.is-invalid .form-control:hover {
    color: var(--dm-input-invalid-text-color-hover);
    background-color: var(--dm-input-invalid-bg-color-hover);
    border-color: var(--dm-input-invalid-border-color-hover);
    -moz-box-shadow: var(--dm-input-invalid-box-shadow-hover);
    -webkit-box-shadow: var(--dm-input-invalid-box-shadow-hover);
    box-shadow: var(--dm-input-invalid-box-shadow-hover)
}

.dark-mode .form-control.is-invalid:focus,.dark-mode .form-group.is-invalid .form-control:focus {
    color: var(--dm-input-invalid-text-color-focus);
    background-color: var(--dm-input-invalid-bg-color-focus);
    border-color: var(--dm-input-invalid-border-color-focus);
    -moz-box-shadow: var(--dm-input-invalid-box-shadow-focus);
    -webkit-box-shadow: var(--dm-input-invalid-box-shadow-focus);
    box-shadow: var(--dm-input-invalid-box-shadow-focus);
    outline: 0
}

.dark-mode .form-control.is-invalid::-webkit-input-placeholder,.dark-mode .form-group.is-invalid .form-control::-webkit-input-placeholder {
    color: var(--dm-input-invalid-placeholder-text-color)
}

.dark-mode .form-control.is-invalid:-ms-input-placeholder,.dark-mode .form-group.is-invalid .form-control:-ms-input-placeholder {
    color: var(--dm-input-invalid-placeholder-text-color)
}

.dark-mode .form-control.is-invalid::placeholder,.dark-mode .form-group.is-invalid .form-control::placeholder {
    color: var(--dm-input-invalid-placeholder-text-color)
}

.dark-mode .form-control.alt-dm.is-invalid,.dark-mode .form-group.is-invalid .form-control.alt-dm {
    color: var(--dm-input-alt-invalid-text-color);
    background-color: var(--dm-input-alt-invalid-bg-color);
    border-color: var(--dm-input-alt-invalid-border-color);
    -moz-box-shadow: var(--dm-input-alt-invalid-box-shadow);
    -webkit-box-shadow: var(--dm-input-alt-invalid-box-shadow);
    box-shadow: var(--dm-input-alt-invalid-box-shadow)
}

.dark-mode .form-control.alt-dm.is-invalid:hover,.dark-mode .form-group.is-invalid .form-control.alt-dm:hover {
    color: var(--dm-input-alt-invalid-text-color-hover);
    background-color: var(--dm-input-alt-invalid-bg-color-hover);
    border-color: var(--dm-input-alt-invalid-border-color-hover);
    -moz-box-shadow: var(--dm-input-alt-invalid-box-shadow-hover);
    -webkit-box-shadow: var(--dm-input-alt-invalid-box-shadow-hover);
    box-shadow: var(--dm-input-alt-invalid-box-shadow-hover)
}

.dark-mode .form-control.alt-dm.is-invalid:focus,.dark-mode .form-group.is-invalid .form-control.alt-dm:focus {
    color: var(--dm-input-alt-invalid-text-color-focus);
    background-color: var(--dm-input-alt-invalid-bg-color-focus);
    border-color: var(--dm-input-alt-invalid-border-color-focus);
    -moz-box-shadow: var(--dm-input-alt-invalid-box-shadow-focus);
    -webkit-box-shadow: var(--dm-input-alt-invalid-box-shadow-focus);
    box-shadow: var(--dm-input-alt-invalid-box-shadow-focus);
    outline: 0
}

.dark-mode .form-control.alt-dm.is-invalid::-webkit-input-placeholder,.dark-mode .form-group.is-invalid .form-control.alt-dm.is-invalid::-webkit-input-placeholder {
    color: var(--dm-input-alt-invalid-placeholder-text-color)
}

.dark-mode .form-control.alt-dm.is-invalid:-ms-input-placeholder,.dark-mode .form-group.is-invalid .form-control.alt-dm.is-invalid:-ms-input-placeholder {
    color: var(--dm-input-alt-invalid-placeholder-text-color)
}

.dark-mode .form-control.alt-dm.is-invalid::placeholder,.dark-mode .form-group.is-invalid .form-control.alt-dm.is-invalid::placeholder {
    color: var(--dm-input-alt-invalid-placeholder-text-color)
}

.dark-mode select.form-control:not([multiple])>option {
    color: var(--dm-input-text-color);
    background-color: var(--dark-color)
}

.dark-mode select.form-control:not([multiple])>option:hover {
    color: var(--dm-input-text-color);
    background-color: var(--primary-color)
}


.dark-mode select.form-control[multiple]>option:not(:checked) {
    color: var(--dm-input-text-color)
}


.dark-mode select.form-control[multiple]>option:disabled {
    color: var(--dm-muted-text-color)
}

.dark-mode .custom-checkbox label:before {
    background-color: var(--dm-checkbox-bg-color);
    border-color: var(--dm-checkbox-border-color)
}

.dark-mode .custom-checkbox input[type=checkbox]:hover~label:before {
    background-color: var(--dm-checkbox-bg-color-hover);
    border-color: var(--dm-checkbox-border-color-hover)
}

.dark-mode .custom-checkbox input[type=checkbox]:focus~label:before {
    border-color: var(--dm-checkbox-border-color-focus);
    -moz-box-shadow: var(--dm-checkbox-box-shadow-focus);
    -webkit-box-shadow: var(--dm-checkbox-box-shadow-focus);
    box-shadow: var(--dm-checkbox-box-shadow-focus)
}

.dark-mode .custom-checkbox input[type=checkbox]:checked~label:before {
    background-color: var(--dm-checkbox-bg-color-checked);
    border-color: var(--dm-checkbox-border-color-checked)
}

.dark-mode .custom-checkbox input[type=checkbox]:checked:focus~label:before {
    border-color: var(--dm-checkbox-border-color-checked-focus);
    -moz-box-shadow: var(--dm-checkbox-box-shadow-checked-focus);
    -webkit-box-shadow: var(--dm-checkbox-box-shadow-checked-focus);
    box-shadow: var(--dm-checkbox-box-shadow-checked-focus)
}

.dark-mode .custom-checkbox label:after {
    border-color: var(--dm-checkbox-checkmark-color)
}
.dark-mode .custom-checkbox input[type=checkbox]:disabled~label:before,.dark-mode .custom-checkbox input[type=checkbox]:hover:disabled~label:before {
    background-color: var(--dm-checkbox-bg-color);
    border-color: var(--dm-checkbox-border-color)
}

.dark-mode .custom-checkbox input[type=checkbox]:disabled:checked~label:before,.dark-mode .custom-checkbox input[type=checkbox]:hover:disabled:checked~label:before {
    background-color: var(--dm-checkbox-bg-color-checked);
    border-color: var(--dm-checkbox-border-color-checked)
}

.dark-mode .custom-radio label:before {
    background-color: var(--dm-radio-bg-color);
    border-color: var(--dm-radio-border-color)
}

.dark-mode .custom-radio input[type=radio]:hover~label:before {
    background-color: var(--dm-radio-bg-color-hover);
    border-color: var(--dm-radio-border-color-hover)
}

.dark-mode .custom-radio input[type=radio]:focus~label:before {
    border-color: var(--dm-radio-border-color-focus);
    -moz-box-shadow: var(--dm-radio-box-shadow-focus);
    -webkit-box-shadow: var(--dm-radio-box-shadow-focus);
    box-shadow: var(--dm-radio-box-shadow-focus)
}

.dark-mode .custom-radio input[type=radio]:checked~label:before {
    background-color: var(--dm-radio-bg-color-checked);
    border-color: var(--dm-radio-border-color-checked)
}

.dark-mode .custom-radio input[type=radio]:checked:focus~label:before {
    border-color: var(--dm-radio-border-color-checked-focus);
    -moz-box-shadow: var(--dm-radio-box-shadow-checked-focus);
    -webkit-box-shadow: var(--dm-radio-box-shadow-checked-focus);
    box-shadow: var(--dm-radio-box-shadow-checked-focus)
}

.dark-mode .custom-radio label:after {
    border-color: var(--dm-radio-checkmark-color)
}

.dark-mode .custom-radio input[type=radio]:disabled~label:before,.dark-mode .custom-radio input[type=radio]:hover:disabled~label:before {
    background-color: var(--dm-radio-bg-color);
    border-color: var(--dm-radio-border-color)
}

.dark-mode .custom-radio input[type=radio]:disabled:checked~label:before,.dark-mode .custom-radio input[type=radio]:hover:disabled:checked~label:before {
    background-color: var(--dm-radio-bg-color-checked);
    border-color: var(--dm-radio-border-color-checked)
}

.dark-mode .custom-switch label:before {
    background-color: var(--dm-switch-bg-color);
    border-color: var(--dm-switch-border-color)
}

.dark-mode .custom-switch input[type=checkbox]:hover~label:before {
    background-color: var(--dm-switch-bg-color-hover);
    border-color: var(--dm-switch-border-color-hover)
}

.dark-mode .custom-switch input[type=checkbox]:focus~label:before {
    border-color: var(--dm-switch-border-color-focus);
    -moz-box-shadow: var(--dm-switch-box-shadow-focus);
    -webkit-box-shadow: var(--dm-switch-box-shadow-focus);
    box-shadow: var(--dm-switch-box-shadow-focus)
}

.dark-mode .custom-switch input[type=checkbox]:checked~label:before {
    background-color: var(--dm-switch-bg-color-checked);
    border-color: var(--dm-switch-border-color-checked)
}

.dark-mode .custom-switch input[type=checkbox]:checked:focus~label:before {
    border-color: var(--dm-switch-border-color-checked-focus);
    -moz-box-shadow: var(--dm-switch-box-shadow-checked-focus);
    -webkit-box-shadow: var(--dm-switch-box-shadow-checked-focus);
    box-shadow: var(--dm-switch-box-shadow-checked-focus)
}

.dark-mode .custom-switch label:after {
    background-color: var(--dm-switch-slider-bg-color);
    border-color: var(--dm-switch-slider-border-color)
}

.dark-mode .custom-switch input[type=checkbox]:checked~label:after {
    background-color: var(--dm-switch-slider-bg-color-checked);
    border-color: var(--dm-switch-slider-border-color-checked)
}


.dark-mode .custom-switch input[type=checkbox]:disabled~label:before,.dark-mode .custom-switch input[type=checkbox]:hover:disabled~label:before {
    background-color: var(--dm-switch-bg-color);
    border-color: var(--dm-switch-border-color)
}

.dark-mode .custom-switch input[type=checkbox]:disabled:checked~label:before,.dark-mode .custom-switch input[type=checkbox]:hover:disabled:checked~label:before {
    background-color: var(--dm-switch-bg-color-checked);
    border-color: var(--dm-switch-border-color-checked)
}

.dark-mode .custom-file label {
    color: var(--dm-input-file-button-text-color);
    background-color: var(--dm-input-file-button-bg-color);
    background-image: var(--dm-input-file-button-bg-image);
    border-color: var(--dm-input-file-button-border-color);
    -moz-box-shadow: var(--dm-input-file-button-box-shadow);
    -webkit-box-shadow: var(--dm-input-file-button-box-shadow);
    box-shadow: var(--dm-input-file-button-box-shadow)
}

.dark-mode .custom-file label:hover {
    color: var(--dm-input-file-button-text-color-hover);
    background-color: var(--dm-input-file-button-bg-color-hover);
    background-image: var(--dm-input-file-button-bg-image-hover);
    border-color: var(--dm-input-file-button-border-color-hover);
    -moz-box-shadow: var(--dm-input-file-button-box-shadow-hover);
    -webkit-box-shadow: var(--dm-input-file-button-box-shadow-hover);
    box-shadow: var(--dm-input-file-button-box-shadow-hover)
}

.dark-mode .custom-file input[type=file]:focus~label {
    color: var(--dm-input-file-button-text-color-focus);
    background-color: var(--dm-input-file-button-bg-color-focus);
    background-image: var(--dm-input-file-button-bg-image-focus);
    border-color: var(--dm-input-file-button-border-color-focus);
    -moz-box-shadow: var(--dm-input-file-button-box-shadow-focus);
    -webkit-box-shadow: var(--dm-input-file-button-box-shadow-focus);
    box-shadow: var(--dm-input-file-button-box-shadow-focus)
}

.dark-mode .custom-file input[type=file]:focus:hover~label {
    color: var(--dm-input-file-button-text-color-hover);
    background-color: var(--dm-input-file-button-bg-color-hover);
    background-image: var(--dm-input-file-button-bg-image-hover)
}

.dark-mode .custom-file input[type=file]:disabled~label,.dark-mode .custom-file:hover input[type=file]:disabled~label {
    color: var(--dm-input-file-button-text-color);
    background-color: var(--dm-input-file-button-bg-color);
    background-image: var(--dm-input-file-button-bg-image);
    border-color: var(--dm-input-file-button-border-color);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark-mode .custom-file input[type=file].is-invalid~label,.dark-mode .form-group.is-invalid .custom-file label {
    color: var(--dm-input-file-button-invalid-text-color);
    background-color: var(--dm-input-file-button-invalid-bg-color);
    background-image: var(--dm-input-file-button-invalid-bg-image);
    border-color: var(--dm-input-file-button-invalid-border-color);
    -moz-box-shadow: var(--dm-input-file-button-invalid-box-shadow);
    -webkit-box-shadow: var(--dm-input-file-button-invalid-box-shadow);
    box-shadow: var(--dm-input-file-button-invalid-box-shadow)
}

.dark-mode .custom-file input[type=file].is-invalid~label:hover,.dark-mode .form-group.is-invalid .custom-file label:hover {
    color: var(--dm-input-file-button-invalid-text-color-hover);
    background-color: var(--dm-input-file-button-invalid-bg-color-hover);
    background-image: var(--dm-input-file-button-invalid-bg-image-hover);
    border-color: var(--dm-input-file-button-invalid-border-color-hover);
    -moz-box-shadow: var(--dm-input-file-button-invalid-box-shadow-hover);
    -webkit-box-shadow: var(--dm-input-file-button-invalid-box-shadow-hover);
    box-shadow: var(--dm-input-file-button-invalid-box-shadow-hover)
}

.dark-mode .custom-file input[type=file].is-invalid:focus~label,.dark-mode .form-group.is-invalid .custom-file input[type=file]:focus~label {
    color: var(--dm-input-file-button-invalid-text-color-focus);
    background-color: var(--dm-input-file-button-invalid-bg-color-focus);
    background-image: var(--dm-input-file-button-invalid-bg-image-focus);
    border-color: var(--dm-input-file-button-invalid-border-color-focus);
    -moz-box-shadow: var(--dm-input-file-button-invalid-box-shadow-focus);
    -webkit-box-shadow: var(--dm-input-file-button-invalid-box-shadow-focus);
    box-shadow: var(--dm-input-file-button-invalid-box-shadow-focus)
}

.dark-mode .custom-file input[type=file].is-invalid:focus:hover~label,.dark-mode .form-group.is-invalid .custom-file input[type=file]:focus:hover~label {
    color: var(--dm-input-file-button-invalid-text-color-hover);
    background-color: var(--dm-input-file-button-invalid-bg-color-hover);
    background-image: var(--dm-input-file-button-invalid-bg-image-hover)
}

.dark-mode .input-group-text {
    color: var(--dm-input-group-text-text-color);
    background-color: var(--dm-input-group-text-bg-color);
    border-color: var(--dm-input-group-text-border-color)
}

.dark-mode .input-group-append>.btn,.dark-mode .input-group-prepend>.btn {
    border-color: var(--dm-input-group-button-border-color)
}

.dark-mode .input-group-append>.btn:hover,.dark-mode .input-group-prepend>.btn:hover {
    border-color: var(--dm-input-group-button-border-color-hover)
}

.dark-mode .input-group-append>.btn.active,.dark-mode .input-group-append>.btn:focus,.dark-mode .input-group-prepend>.btn.active,.dark-mode .input-group-prepend>.btn:focus {
    border-color: var(--dm-input-group-button-border-color-focus)
}

.dark-mode .input-group-append>.btn.btn-link,.dark-mode .input-group-prepend>.btn.btn-link {
    border-color: var(--dm-input-group-button-link-border-color)
}

.dark-mode .input-group-append>.btn.btn-link:hover,.dark-mode .input-group-prepend>.btn.btn-link:hover {
    border-color: var(--dm-input-group-button-link-border-color-hover)
}

.dark-mode .input-group-append>.btn.btn-link.active,.dark-mode .input-group-append>.btn.btn-link:focus,.dark-mode .input-group-prepend>.btn.btn-link.active,.dark-mode .input-group-prepend>.btn.btn-link:focus {
    border-color: var(--dm-input-group-button-link-border-color-focus)
}

.dark-mode .input-group-append>.btn.btn-primary,.dark-mode .input-group-prepend>.btn.btn-primary {
    border-color: var(--dm-input-group-button-primary-border-color)
}

.dark-mode .input-group-append>.btn.btn-primary:hover,.dark-mode .input-group-prepend>.btn.btn-primary:hover {
    border-color: var(--dm-input-group-button-primary-border-color-hover)
}

.dark-mode .input-group-append>.btn.btn-primary.active,.dark-mode .input-group-append>.btn.btn-primary:focus,.dark-mode .input-group-prepend>.btn.btn-primary.active,.dark-mode .input-group-prepend>.btn.btn-primary:focus {
    border-color: var(--dm-input-group-button-primary-border-color-focus)
}

.dark-mode .input-group-append>.btn.btn-success,.dark-mode .input-group-prepend>.btn.btn-success {
    border-color: var(--dm-input-group-button-success-border-color)
}

.dark-mode .input-group-append>.btn.btn-success:hover,.dark-mode .input-group-prepend>.btn.btn-success:hover {
    border-color: var(--dm-input-group-button-success-border-color-hover)
}

.dark-mode .input-group-append>.btn.btn-success.active,.dark-mode .input-group-append>.btn.btn-success:focus,.dark-mode .input-group-prepend>.btn.btn-success.active,.dark-mode .input-group-prepend>.btn.btn-success:focus {
    border-color: var(--dm-input-group-button-success-border-color-focus)
}

.dark-mode .input-group-append>.btn.btn-secondary,.dark-mode .input-group-prepend>.btn.btn-secondary {
    border-color: var(--dm-input-group-button-secondary-border-color)
}

.dark-mode .input-group-append>.btn.btn-secondary:hover,.dark-mode .input-group-prepend>.btn.btn-secondary:hover {
    border-color: var(--dm-input-group-button-secondary-border-color-hover)
}

.dark-mode .input-group-append>.btn.btn-secondary.active,.dark-mode .input-group-append>.btn.btn-secondary:focus,.dark-mode .input-group-prepend>.btn.btn-secondary.active,.dark-mode .input-group-prepend>.btn.btn-secondary:focus {
    border-color: var(--dm-input-group-button-secondary-border-color-focus)
}

.dark-mode .input-group-append>.btn.btn-danger,.dark-mode .input-group-prepend>.btn.btn-danger {
    border-color: var(--dm-input-group-button-danger-border-color)
}

.dark-mode .input-group-append>.btn.btn-danger:hover,.dark-mode .input-group-prepend>.btn.btn-danger:hover {
    border-color: var(--dm-input-group-button-danger-border-color-hover)
}

.dark-mode .input-group-append>.btn.btn-danger.active,.dark-mode .input-group-append>.btn.btn-danger:focus,.dark-mode .input-group-prepend>.btn.btn-danger.active,.dark-mode .input-group-prepend>.btn.btn-danger:focus {
    border-color: var(--dm-input-group-button-danger-border-color-focus)
}



.dark-mode .dropdown-menu {
    color: var(--dm-dropdown-menu-text-color);
    background-color: var(--dm-dropdown-menu-bg-color);
    background-image: var(--dm-dropdown-menu-bg-image);
    border-color: var(--dm-dropdown-menu-border-color);
    -moz-box-shadow: var(--dm-dropdown-menu-box-shadow);
    -webkit-box-shadow: var(--dm-dropdown-menu-box-shadow);
    box-shadow: var(--dm-dropdown-menu-box-shadow)
}

.dark-mode .dropdown-divider {
    background-color: var(--dm-dropdown-divider-bg-color)
}
.dark-mode .dropdown-item:hover {
    color: var(--dm-dropdown-item-text-color-hover);
    background-color: var(--dm-dropdown-item-bg-color-hover)
}

.dark-mode .dropdown-header {
    color: var(--dm-dropdown-header-text-color)
}

.dark-mode .dropdown:not(.dropup):not(.dropright):not(.dropleft).with-arrow.show .dropdown-menu::before,.dark-mode .dropdown:not(.dropup):not(.dropright):not(.dropleft).with-arrow.toggle-on-hover:hover .dropdown-menu::before {
    border-bottom-color: var(--dm-dropdown-menu-border-color)
}

.dropdown:not(.dropup):not(.dropright):not(.dropleft).with-arrow.show .dropdown-menu::after,.dropdown:not(.dropup):not(.dropright):not(.dropleft).with-arrow.toggle-on-hover:hover .dropdown-menu::after {
    border-bottom-color: var(--lm-dropdown-menu-bg-color);
    top: var(--dropdown-arrow-inner-spacing)
}

.dark-mode .dropdown:not(.dropup):not(.dropright):not(.dropleft).with-arrow.show .dropdown-menu::after,.dark-mode .dropdown:not(.dropup):not(.dropright):not(.dropleft).with-arrow.toggle-on-hover:hover .dropdown-menu::after {
    border-bottom-color: var(--dm-dropdown-menu-bg-color)
}

.dark-mode .dropdown.dropup.with-arrow.show .dropdown-menu::before,.dark-mode .dropdown.dropup.with-arrow.toggle-on-hover:hover .dropdown-menu::before {
    border-top-color: var(--dm-dropdown-menu-border-color)
}

.dark-mode .dropdown.dropup.with-arrow.show .dropdown-menu::after,.dark-mode .dropdown.dropup.with-arrow.toggle-on-hover:hover .dropdown-menu::after {
    border-top-color: var(--dm-dropdown-menu-bg-color)
}

.dark-mode .dropdown.dropright.with-arrow.show .dropdown-menu::before,.dark-mode .dropdown.dropright.with-arrow.toggle-on-hover:hover .dropdown-menu::before {
    border-right-color: var(--dm-dropdown-menu-border-color)
}

.dark-mode .dropdown.dropright.with-arrow.show .dropdown-menu::after,.dark-mode .dropdown.dropright.with-arrow.toggle-on-hover:hover .dropdown-menu::after {
    border-right-color: var(--dm-dropdown-menu-bg-color)
}

.dark-mode .dropdown.dropleft.with-arrow.show .dropdown-menu::before,.dark-mode .dropdown.dropleft.with-arrow.toggle-on-hover:hover .dropdown-menu::before {
    border-left-color: var(--dm-dropdown-menu-border-color)
}

.dark-mode .dropdown.dropleft.with-arrow.show .dropdown-menu::after,.dark-mode .dropdown.dropleft.with-arrow.toggle-on-hover:hover .dropdown-menu::after {
    border-left-color: var(--dm-dropdown-menu-bg-color)
}

.dark-mode .modal {
    background-color: var(--dm-modal-overlay-bg-color)
}


.dark-mode .modal-content {
    color: var(--dm-modal-content-text-color);
    background-color: var(--dm-modal-content-bg-color);
    background-image: var(--dm-modal-content-bg-image);
    border-color: var(--dm-modal-content-border-color);
    -moz-box-shadow: var(--dm-modal-content-box-shadow);
    -webkit-box-shadow: var(--dm-modal-content-box-shadow);
    box-shadow: var(--dm-modal-content-box-shadow)
}



.dark-mode .modal-full .modal-content {
    color: var(--dm-modal-full-content-text-color);
    background-color: var(--dm-modal-full-content-bg-color);
    background-image: var(--dm-modal-full-content-bg-image)
}

.dark-mode .modal-content .close {
    color: var(--dm-modal-close-text-color);
    background-color: var(--dm-modal-close-bg-color)
}

.dark-mode .modal-content .close:hover {
    color: var(--dm-modal-close-text-color-hover);
    background-color: var(--dm-modal-close-bg-color-hover)
}

.dark-mode .modal-content .close:focus {
    outline-color: var(--dm-modal-close-outline-color-focus)
}

.dark-mode .alert {
    color: var(--dm-alert-text-color);
    background-color: var(--dm-alert-bg-color);
    background-image: var(--dm-alert-bg-image);
    border-color: var(--dm-alert-border-color)
}

.dark-mode .alert .close:focus {
    outline-color: var(--dm-alert-close-outline-color-focus)
}

.dark-mode .alert.alert-primary.filled,.dark-mode .alert.alert-primary.filled-dm {
    color: var(--dm-alert-filled-primary-text-color);
    background-color: var(--dm-alert-filled-primary-bg-color);
    background-image: var(--dm-alert-filled-primary-bg-image);
    border-color: var(--dm-alert-filled-primary-border-color);
}

.dark-mode .alert.alert-success.filled,.dark-mode .alert.alert-success.filled-dm {
    color: var(--dm-alert-filled-success-text-color);
    background-color: var(--dm-alert-filled-success-bg-color);
    background-image: var(--dm-alert-filled-success-bg-image);
    border-color: var(--dm-alert-filled-success-border-color);
}

.dark-mode .alert.alert-secondary.filled,.dark-mode .alert.alert-secondary.filled-dm {
    color: var(--dm-alert-filled-secondary-text-color);
    background-color: var(--dm-alert-filled-secondary-bg-color);
    background-image: var(--dm-alert-filled-secondary-bg-image);
    border-color: var(--dm-alert-filled-secondary-border-color);
}

.dark-mode .alert.alert-danger.filled,.dark-mode .alert.alert-danger.filled-dm {
    color: var(--dm-alert-filled-danger-text-color);
    background-color: var(--dm-alert-filled-danger-bg-color);
    background-image: var(--dm-alert-filled-danger-bg-image);
    border-color: var(--dm-alert-filled-danger-border-color);
}

.dark-mode .alert.alert-primary {
    color: var(--dm-alert-primary-text-color);
    background-color: var(--dm-alert-primary-bg-color);
    background-image: var(--dm-alert-primary-bg-image);
    border-color: var(--dm-alert-primary-border-color)
}

.dark-mode .alert.alert-success {
    color: var(--dm-alert-success-text-color);
    background-color: var(--dm-alert-success-bg-color);
    background-image: var(--dm-alert-success-bg-image);
    border-color: var(--dm-alert-success-border-color)
}

.dark-mode .alert.alert-secondary {
    color: var(--dm-alert-secondary-text-color);
    background-color: var(--dm-alert-secondary-bg-color);
    background-image: var(--dm-alert-secondary-bg-image);
    border-color: var(--dm-alert-secondary-border-color)
}

.dark-mode .alert.alert-danger {
    color: var(--dm-alert-danger-text-color);
    background-color: var(--dm-alert-danger-bg-color);
    background-image: var(--dm-alert-danger-bg-image);
    border-color: var(--dm-alert-danger-border-color)
}

.dark-mode .nav-link {
    color: var(--dm-navbar-link-text-color);
    background-color: var(--dm-navbar-link-bg-color)
}

.dark-mode .nav-link.active{
    color: var(--dm-navbar-link-active-text-color);
    background-color: var(--dm-navbar-link-active-bg-color);
}

.dark-mode .nav-link:hover {
    color: var(--dm-navbar-link-text-color-hover);
    background-color: var(--dm-navbar-link-bg-color-hover)
}

.dark-mode .nav-item.active>.nav-link,.dark-mode .nav-item.show>.nav-link {
    color: var(--dm-navbar-link-active-text-color);
    background-color: var(--dm-navbar-link-active-bg-color);
}


.dark-mode .nav-item.active>.nav-link:hover,.dark-mode .nav-item.show>.nav-link:hover {
    color: var(--dm-navbar-link-active-text-color-hover);
    background-color: var(--dm-navbar-link-active-bg-color-hover)
}

.dark-mode .navbar-brand {
    color: var(--dm-navbar-brand-text-color)
}

.dark-mode .navbar-brand:hover {
    color: var(--dm-navbar-brand-text-color-hover)
}

.dark-mode .sidebar-divider {
    background-color: var(--dm-sidebar-divider-bg-color)
}

.dark-mode .sidebar-link {
    color: var(--dm-sidebar-link-text-color);
    background-color: var(--dm-sidebar-link-bg-color);
    border-color: var(--dm-sidebar-link-border-color)
}

.dark-mode .sidebar-link:hover {
    color: var(--dm-sidebar-link-text-color-hover);
    background-color: var(--dm-sidebar-link-bg-color-hover);
    border-color: var(--dm-sidebar-link-border-color-hover)
}

.dark-mode .sidebar-link.active {
    color: var(--dm-sidebar-link-text-color-active);
    background-color: var(--dm-sidebar-link-bg-color-active);
    border-color: var(--dm-sidebar-link-border-color-active);
}

.dark-mode .sidebar-link.active:hover {
    color: var(--dm-sidebar-link-text-color-active-hover);
    background-color: var(--dm-sidebar-link-bg-color-active-hover);
    border-color: var(--dm-sidebar-link-border-color-active-hover)
}

.dark-mode .sidebar-title {
    color: var(--dm-sidebar-title-text-color)
}

.dark-mode .sidebar-icon {
    color: var(--dm-sidebar-icon-text-color);
    background-color: var(--dm-sidebar-icon-bg-color);
    border-color: var(--dm-sidebar-icon-border-color)
}

.dark-mode .sidebar-link-with-icon:hover .sidebar-icon {
    color: var(--dm-sidebar-icon-text-color-hover);
    background-color: var(--dm-sidebar-icon-bg-color-hover);
    border-color: var(--dm-sidebar-icon-border-color-hover)
}

.dark-mode .sidebar-link-with-icon.active .sidebar-icon {
    color: var(--dm-sidebar-icon-text-color-active);
    background-color: var(--dm-sidebar-icon-bg-color-active);
    border-color: var(--dm-sidebar-icon-border-color-active)
}

.dark-mode .sidebar-link-with-icon.active:hover .sidebar-icon {
    color: var(--dm-sidebar-icon-text-color-active-hover);
    background-color: var(--dm-sidebar-icon-bg-color-active-hover);
    border-color: var(--dm-sidebar-icon-border-color-active-hover)
}

.dark-mode .sidebar-brand {
    color: var(--dm-sidebar-brand-text-color)
}

.dark-mode .sidebar-brand:hover {
    color: var(--dm-sidebar-brand-text-color-hover)
}


.dark-mode .page-item.ellipsis,.dark-mode .page-link {
    color: var(--dm-pagination-item-text-color);
    background-color: var(--dm-pagination-item-bg-color);
    background-image: var(--dm-pagination-item-bg-image);
    border-color: var(--dm-pagination-item-border-color)
}

.dark-mode .page-link {
    -moz-box-shadow: var(--dm-pagination-item-box-shadow);
    -webkit-box-shadow: var(--dm-pagination-item-box-shadow);
    box-shadow: var(--dm-pagination-item-box-shadow)
}


.dark-mode .page-link:hover {
    color: var(--dm-pagination-item-text-color-hover);
    background-color: var(--dm-pagination-item-bg-color-hover);
    background-image: var(--dm-pagination-item-bg-image-hover);
    border-color: var(--dm-pagination-item-border-color-hover);
    -moz-box-shadow: var(--dm-pagination-item-box-shadow-hover);
    -webkit-box-shadow: var(--dm-pagination-item-box-shadow-hover);
    box-shadow: var(--dm-pagination-item-box-shadow-hover)
}

.dark-mode .page-item.active .page-link {
    color: var(--dm-pagination-item-text-color-active);
    background-color: var(--dm-pagination-item-bg-color-active);
    background-image: var(--dm-pagination-item-bg-image-active);
    border-color: var(--dm-pagination-item-border-color-active);
    -moz-box-shadow: var(--dm-pagination-item-box-shadow-active);
    -webkit-box-shadow: var(--dm-pagination-item-box-shadow-active);
    box-shadow: var(--dm-pagination-item-box-shadow-active);
}

.dark-mode .page-item.disabled .page-link,.page-item.disabled .page-link {
    opacity: .6;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none
}

.dark-mode .breadcrumb {
    background-color: var(--dm-breadcrumb-bg-color);
    border-color: var(--dm-breadcrumb-border-color)
}


.dark-mode .breadcrumb-item.active a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.dark-mode [data-toggle=tooltip]::after,.dark-mode [data-toggle=tooltip]::before {
    background-color: var(--dm-tooltip-bg-color)
}

.dark-mode [data-toggle=tooltip]::after {
    color: var(--dm-tooltip-text-color)
}

.dark-mode .badge {
    color: var(--dm-badge-text-color);
    background-color: var(--dm-badge-bg-color);
    border-color: var(--dm-badge-border-color)
}

.dark-mode .badge.badge-primary,.dark-mode .badge.badge-success {
    color: var(--dm-badge-primary-text-color);
    background-color: var(--dm-badge-primary-bg-color);
    border-color: var(--dm-badge-primary-border-color);
}

.dark-mode .badge.badge-success {
    color: var(--dm-badge-success-text-color);
    background-color: var(--dm-badge-success-bg-color);
    border-color: var(--dm-badge-success-border-color)
}

.dark-mode .badge.badge-danger,.dark-mode .badge.badge-secondary {
    color: var(--dm-badge-secondary-text-color);
    background-color: var(--dm-badge-secondary-bg-color);
    border-color: var(--dm-badge-secondary-border-color);
}

.dark-mode .badge.badge-danger {
    color: var(--dm-badge-danger-text-color);
    background-color: var(--dm-badge-danger-bg-color);
    border-color: var(--dm-badge-danger-border-color)
}

.dark-mode a.badge-group:hover>.badge,.dark-mode a.badge:hover {
    color: var(--dm-link-badge-text-color-hover);
    background-color: var(--dm-link-badge-bg-color-hover);
    border-color: var(--dm-link-badge-border-color-hover)
}

.dark-mode a.badge-group:hover>.badge.badge-primary,.dark-mode a.badge.badge-primary:hover {
    color: var(--dm-link-badge-primary-text-color-hover);
    background-color: var(--dm-link-badge-primary-bg-color-hover);
    border-color: var(--dm-link-badge-primary-border-color-hover)
}

.dark-mode a.badge-group:hover>.badge.badge-success,.dark-mode a.badge.badge-success:hover {
    color: var(--dm-link-badge-success-text-color-hover);
    background-color: var(--dm-link-badge-success-bg-color-hover);
    border-color: var(--dm-link-badge-success-border-color-hover)
}

.dark-mode a.badge-group:hover>.badge.badge-secondary,.dark-mode a.badge.badge-secondary:hover {
    color: var(--dm-link-badge-secondary-text-color-hover);
    background-color: var(--dm-link-badge-secondary-bg-color-hover);
    border-color: var(--dm-link-badge-secondary-border-color-hover)
}

.dark-mode a.badge-group:hover>.badge.badge-danger,.dark-mode a.badge.badge-danger:hover {
    color: var(--dm-link-badge-danger-text-color-hover);
    background-color: var(--dm-link-badge-danger-bg-color-hover);
    border-color: var(--dm-link-badge-danger-border-color-hover)
}


.dark-mode .btn-group-vertical>.btn,.dark-mode .btn-group>.btn {
    border-color: var(--dm-button-group-button-border-color)
}

.dark-mode .btn-group-vertical>.btn:hover,.dark-mode .btn-group>.btn:hover {
    border-color: var(--dm-button-group-button-border-color-hover)
}

.dark-mode .btn-group-vertical>.btn.active,.dark-mode .btn-group-vertical>.btn:focus,.dark-mode .btn-group>.btn.active,.dark-mode .btn-group>.btn:focus {
    border-color: var(--dm-button-group-button-border-color-focus)
}

.dark-mode .btn-group-vertical>.btn.btn-link,.dark-mode .btn-group>.btn.btn-link {
    border-color: var(--dm-button-group-button-link-border-color)
}

.dark-mode .btn-group-vertical>.btn.btn-link:hover,.dark-mode .btn-group>.btn.btn-link:hover {
    border-color: var(--dm-button-group-button-link-border-color-hover)
}

.dark-mode .btn-group-vertical>.btn.btn-link.active,.dark-mode .btn-group-vertical>.btn.btn-link:focus,.dark-mode .btn-group>.btn.btn-link.active,.dark-mode .btn-group>.btn.btn-link:focus {
    border-color: var(--dm-button-group-button-link-border-color-focus)
}

.dark-mode .btn-group-vertical>.btn.btn-primary,.dark-mode .btn-group>.btn.btn-primary {
    border-color: var(--dm-button-group-button-primary-border-color)
}

.dark-mode .btn-group-vertical>.btn.btn-primary:hover,.dark-mode .btn-group>.btn.btn-primary:hover {
    border-color: var(--dm-button-group-button-primary-border-color-hover)
}

.dark-mode .btn-group-vertical>.btn.btn-primary.active,.dark-mode .btn-group-vertical>.btn.btn-primary:focus,.dark-mode .btn-group>.btn.btn-primary.active,.dark-mode .btn-group>.btn.btn-primary:focus {
    border-color: var(--dm-button-group-button-primary-border-color-focus)
}

.dark-mode .btn-group-vertical>.btn.btn-success,.dark-mode .btn-group>.btn.btn-success {
    border-color: var(--dm-button-group-button-success-border-color)
}

.dark-mode .btn-group-vertical>.btn.btn-success:hover,.dark-mode .btn-group>.btn.btn-success:hover {
    border-color: var(--dm-button-group-button-success-border-color-hover)
}

.dark-mode .btn-group-vertical>.btn.btn-success.active,.dark-mode .btn-group-vertical>.btn.btn-success:focus,.dark-mode .btn-group>.btn.btn-success.active,.dark-mode .btn-group>.btn.btn-success:focus {
    border-color: var(--dm-button-group-button-success-border-color-focus)
}

.dark-mode .btn-group-vertical>.btn.btn-secondary,.dark-mode .btn-group>.btn.btn-secondary {
    border-color: var(--dm-button-group-button-secondary-border-color)
}

.dark-mode .btn-group-vertical>.btn.btn-secondary:hover,.dark-mode .btn-group>.btn.btn-secondary:hover {
    border-color: var(--dm-button-group-button-secondary-border-color-hover)
}

.dark-mode .btn-group-vertical>.btn.btn-secondary.active,.dark-mode .btn-group-vertical>.btn.btn-secondary:focus,.dark-mode .btn-group>.btn.btn-secondary.active,.dark-mode .btn-group>.btn.btn-secondary:focus {
    border-color: var(--dm-button-group-button-secondary-border-color-focus)
}

.dark-mode .btn-group-vertical>.btn.btn-danger,.dark-mode .btn-group>.btn.btn-danger {
    border-color: var(--dm-button-group-button-danger-border-color)
}

.dark-mode .btn-group-vertical>.btn.btn-danger:hover,.dark-mode .btn-group>.btn.btn-danger:hover {
    border-color: var(--dm-button-group-button-danger-border-color-hover)
}

.dark-mode .btn-group-vertical>.btn.btn-danger.active,.dark-mode .btn-group-vertical>.btn.btn-danger:focus,.dark-mode .btn-group>.btn.btn-danger.active,.dark-mode .btn-group>.btn.btn-danger:focus {
    border-color: var(--dm-button-group-button-danger-border-color-focus)
}

.dark-mode .collapse-header {
    color: var(--dm-collapse-header-text-color);
    background-color: var(--dm-collapse-header-bg-color);
    border-color: var(--dm-collapse-header-border-color);
    -moz-box-shadow: var(--dm-collapse-header-box-shadow);
    -webkit-box-shadow: var(--dm-collapse-header-box-shadow);
    box-shadow: var(--dm-collapse-header-box-shadow)
}

.dark-mode .collapse-header:focus {
    color: var(--dm-collapse-header-text-color-focus);
    background-color: var(--dm-collapse-header-bg-color-focus);
    border-color: var(--dm-collapse-header-border-color-focus);
    -moz-box-shadow: var(--dm-collapse-header-box-shadow-focus);
    -webkit-box-shadow: var(--dm-collapse-header-box-shadow-focus);
    box-shadow: var(--dm-collapse-header-box-shadow-focus);
    outline: var(--dm-collapse-header-outline-focus)
}

.dark-mode .collapse-panel[open] .collapse-header {
    color: var(--dm-open-collapse-header-text-color);
    background-color: var(--dm-open-collapse-header-bg-color);
    border-color: var(--dm-open-collapse-header-border-color);
    -moz-box-shadow: var(--dm-open-collapse-header-box-shadow);
    -webkit-box-shadow: var(--dm-open-collapse-header-box-shadow);
    box-shadow: var(--dm-open-collapse-header-box-shadow)
}

.dark-mode .collapse-panel[open] .collapse-header:focus {
    color: var(--dm-open-collapse-header-text-color-focus);
    background-color: var(--dm-open-collapse-header-bg-color-focus);
    border-color: var(--dm-open-collapse-header-border-color-focus);
    -moz-box-shadow: var(--dm-open-collapse-header-box-shadow-focus);
    -webkit-box-shadow: var(--dm-open-collapse-header-box-shadow-focus);
    box-shadow: var(--dm-open-collapse-header-box-shadow-focus);
    outline: var(--dm-open-collapse-header-outline-focus)
}

.dark-mode .collapse-header:focus::after {
    -moz-box-shadow: var(--dm-collapse-header-focus-effect-box-shadow);
    -webkit-box-shadow: var(--dm-collapse-header-focus-effect-box-shadow);
    box-shadow: var(--dm-collapse-header-focus-effect-box-shadow)
}

.dark-mode .collapse-content {
    color: var(--dm-collapse-content-text-color);
    background-color: var(--dm-collapse-content-bg-color);
    border-color: var(--dm-collapse-content-border-color);
    -moz-box-shadow: var(--dm-collapse-content-box-shadow);
    -webkit-box-shadow: var(--dm-collapse-content-box-shadow);
    box-shadow: var(--dm-collapse-content-box-shadow)
}

.dark-mode .progress {
    background-color: var(--dm-progress-bg-color)
}

.dark-mode .progress-bar {
    color: var(--dm-progress-bar-text-color);
    background-color: var(--dm-progress-bar-bg-color);
}

.dark-mode .progress-bar-animated::before {
    background: var(--dm-progress-bar-animated-highlight-bg-color)
}

.progress-bar-animated.highlight-dark::before {
    background: var(--lm-progress-bar-animated-highlight-dark-bg-color)
}

.dark-mode .progress-bar-animated.highlight-dark::before {
    background: var(--dm-progress-bar-animated-highlight-dark-bg-color)
}


.dark-mode .hidden-dm,.hidden-xl-and-down {
    display: none!important
}

.dark-mode .border {
    border: var(--base-border-width) solid var(--dm-border-color)!important
}

.dark-mode .border-top {
    border-top: var(--base-border-width) solid var(--dm-border-color)!important
}

.dark-mode .border-bottom {
    border-bottom: var(--base-border-width) solid var(--dm-border-color)!important
}

.dark-mode .border-left {
    border-left: var(--base-border-width) solid var(--dm-border-color)!important
}

.dark-mode .border-right {
    border-right: var(--base-border-width) solid var(--dm-border-color)!important
}

.dark-mode .text-smoothing-antialiased-dm,.text-smoothing-antialiased,body:not(.dark-mode) .text-smoothing-antialiased-lm {
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important
}

.bg-white,.dark-mode .bg-white-dm,body:not(.dark-mode) .bg-white-lm {
    background-color: var(--white-bg-color)!important
}

.bg-light,.dark-mode .bg-light-dm,body:not(.dark-mode) .bg-light-lm {
    background-color: var(--gray-color-light)!important
}

.bg-transparent,.dark-mode .bg-transparent-dm,body:not(.dark-mode) .bg-transparent-lm {
    background-color: transparent!important
}

.bg-primary,.dark-mode .bg-primary-dm,body:not(.dark-mode) .bg-primary-lm {
    background-color: var(--primary-color)!important
}

.bg-success,.dark-mode .bg-success-dm,body:not(.dark-mode) .bg-success-lm {
    background-color: var(--success-color)!important
}

.bg-secondary,.dark-mode .bg-secondary-dm,body:not(.dark-mode) .bg-secondary-lm {
    background-color: var(--secondary-color)!important
}

.bg-danger,.dark-mode .bg-danger-dm,body:not(.dark-mode) .bg-danger-lm {
    background-color: var(--danger-color)!important
}

.bg-dark-light,.dark-mode .bg-dark-light-dm,body:not(.dark-mode) .bg-dark-light-lm {
    background-color: var(--dark-color-light)!important
}

.bg-dark,.dark-mode .bg-dark-dm,body:not(.dark-mode) .bg-dark-lm {
    background-color: var(--dark-color)!important
}

.bg-very-dark,.dark-mode .bg-very-dark-dm,body:not(.dark-mode) .bg-very-dark-lm {
    background-color: var(--dark-color-dark)!important
}

.dark-mode .text-white-dm,.text-white,body:not(.dark-mode) .text-white-lm {
    color: #fff!important
}

.dark-mode .text-muted,.dark-mode .text-muted-dm {
    color: var(--dm-muted-text-color)!important
}

.dark-mode .text-primary-dm,.text-primary,body:not(.dark-mode) .text-primary-lm {
    color: var(--primary-color)!important
}

.dark-mode a.text-primary-dm:focus,.dark-mode a.text-primary-dm:hover,a.text-primary:focus,a.text-primary:hover,body:not(.dark-mode) a.text-primary-lm:focus,body:not(.dark-mode) a.text-primary-lm:hover {
    color: var(--primary-color-light)!important
}

.dark-mode .text-success-dm,.text-success,body:not(.dark-mode) .text-success-lm {
    color: var(--success-color)!important
}

.dark-mode a.text-success-dm:focus,.dark-mode a.text-success-dm:hover,a.text-success:focus,a.text-success:hover,body:not(.dark-mode) a.text-success-lm:focus,body:not(.dark-mode) a.text-success-lm:hover {
    color: var(--success-color-light)!important
}

.dark-mode .text-secondary-dm,.text-secondary,body:not(.dark-mode) .text-secondary-lm {
    color: var(--secondary-color)!important
}

.dark-mode a.text-secondary-dm:focus,.dark-mode a.text-secondary-dm:hover,a.text-secondary:focus,a.text-secondary:hover,body:not(.dark-mode) a.text-secondary-lm:focus,body:not(.dark-mode) a.text-secondary-lm:hover {
    color: var(--secondary-color-light)!important
}

.dark-mode .text-danger-dm,.text-danger,body:not(.dark-mode) .text-danger-lm {
    color: var(--danger-color)!important
}

.dark-mode a.text-danger-dm:focus,.dark-mode a.text-danger-dm:hover,a.text-danger:focus,a.text-danger:hover,body:not(.dark-mode) a.text-danger-lm:focus,body:not(.dark-mode) a.text-danger-lm:hover {
    color: var(--danger-color-light)!important
}

.dark-mode .text-light-dm,.text-light,body:not(.dark-mode) .text-light-lm {
    color: var(--dm-base-text-color)!important
}

.dark-mode a.text-light-dm:focus,.dark-mode a.text-light-dm:hover,a.text-light:focus,a.text-light:hover,body:not(.dark-mode) a.text-light-lm:focus,body:not(.dark-mode) a.text-light-lm:hover {
    color: var(--dm-base-text-color-light)!important
}

.dark-mode .text-dark-dm,.text-dark,body:not(.dark-mode) .text-dark-lm {
    color: var(--lm-base-text-color)!important
}

.dark-mode a.text-dark-dm:focus,.dark-mode a.text-dark-dm:hover,a.text-dark:focus,a.text-dark:hover,body:not(.dark-mode) a.text-dark-lm:focus,body:not(.dark-mode) a.text-dark-lm:hover {
    color: var(--lm-base-text-color-light)!important
}


.dark-mode .visible-dm,.visible {
    visibility: visible!important
}

.dark-mode .invisible-dm,.invisible {
    visibility: hidden!important
}

body:not(.dark-mode) .visible-lm {
    visibility: visible!important
}

body:not(.dark-mode) .invisible-lm {
    visibility: hidden!important
}

.dark-mode .shadow-sm {
    -moz-box-shadow: var(--dm-small-shadow)!important;
    -webkit-box-shadow: var(--dm-small-shadow)!important;
    box-shadow: var(--dm-small-shadow)!important
}

.dark-mode .shadow {
    -moz-box-shadow: var(--dm-shadow)!important;
    -webkit-box-shadow: var(--dm-shadow)!important;
    box-shadow: var(--dm-shadow)!important
}

.dark-mode .shadow-lg {
    -moz-box-shadow: var(--dm-large-shadow)!important;
    -webkit-box-shadow: var(--dm-large-shadow)!important;
    box-shadow: var(--dm-large-shadow)!important
}

.dark-mode .avatar{
    background-color: #424243 !important;
}

.dark-mode .navbar-toggler {
    color: rgb(245 245 245) !important;
    background-color: #363636 !important;
}

.dark-mode #navbarSupportedContent > ul.navbar-nav.ms-auto > li.nav-item.dropdown.border-end.px-2{
    border-color: #282828 !important;
}