: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: #e00000;--app-border-radius: 6px;--app-header-1-bg-color: #ffffff;--app-header-1-text-color: #cd2b1e;--app-header-1-hover-bg-color: ;--app-header-1-hover-text-color: ;--app-header-2-bg-color: #ffffff;--app-header-2-text-color: #cd2b1e;--app-header-2-hover-bg-color: ;--app-header-2-hover-text-color: ;--app-header-small-bg-color: #ffffff;--app-header-small-text-color: #cd2b1e;--app-footer-bg-color: #d1d1d1;--app-footer-text-color: #221f20;--app-footer-link-color: ;--app-footer-link-hover-color: ;--app-text-color-1: #77150d;--app-text-color-2: #221f20;--app-text-color-3: #545454;--app-link-color-1: #cd2b1e;--app-link-hover-color-1: #3f063a;--app-btn-1-color: #ffffff;--app-btn-1-bg-color: #cd091c;--app-btn-1-shadow-color: #cd091c;--app-btn-1-hover-color-1: #cd091c;--app-btn-1-hover-color-2: #820612;--app-btn-2-color: #ffffff;--app-btn-2-bg-color: #cd2b1e;--app-btn-2-shadow-color: #cd2b1e;--app-btn-2-hover-color-1: #cd2b1e;--app-btn-2-hover-color-2: #821b13;--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;}