:root {
    font-family: 'userFont', sans-serif;
    --m-base-font-size: 15px;
}

html {
    font-family: 'userFont', sans-serif;
    font-size: var(--m-base-font-size);
}

body {
    font-family: 'userFont', sans-serif;
    font-size: var(--m-base-font-size);
}

.dx-widget input {
    font-family: 'userFont', sans-serif;
}

.popover {
    font-family: 'userFont', sans-serif;
}

:root {--app-default-bg: url("../user_content/img/");--app-default-bg-color: #fff;--app-border-radius: 6px;--app-header-1-bg-color: #ffffff;--app-header-1-text-color: #000000;--app-header-1-hover-bg-color: #2497dd;--app-header-1-hover-text-color: #fff;--app-header-2-bg-color: #ffffff;--app-header-2-text-color: #000000;--app-header-2-hover-bg-color: #2497dd;--app-header-2-hover-text-color: #fff;--app-header-small-bg-color: #ffffff;--app-header-small-text-color: #000000;--app-footer-bg-color: #ffffff;--app-footer-text-color: #000000;--app-footer-link-color: #2497dd;--app-footer-link-hover-color: #fff;--app-text-color-1: #000000;--app-text-color-2: #545454;--app-text-color-3: #1c1c1c;--app-link-color-1: #000000;--app-link-hover-color-1: #000000;--app-btn-1-color: #ffffff;--app-btn-1-bg-color: #000000;--app-btn-1-shadow-color: #000000;--app-btn-1-hover-color-1: #000000;--app-btn-1-hover-color-2: #000000;--app-btn-2-color: #ffffff;--app-btn-2-bg-color: #000000;--app-btn-2-shadow-color: #000000;--app-btn-2-hover-color-1: #000000;--app-btn-2-hover-color-2: #000000;--app-success-color: #29af7f;--app-warning-color: #FF9D42;--app-error-color: #ce3c4a;--app-error-color-alpha: rgba(206, 60, 74, .25);--app-line-color: #e4e4e4;}