:root {
    --global-font-size: 1rem;
}

html {
    font-size: var(--global-font-size);
}

html[data-font-size="xsmall"] {
    --global-font-size: 0.75rem;
}

html[data-font-size="small"] {
    --global-font-size: 0.875rem;
}

html[data-font-size="medium"] {
    --global-font-size: 1rem;
}

html[data-font-size="large"] {
    --global-font-size: 1.125rem;
}

html[data-font-size="xlarge"] {
    --global-font-size: 1.25rem;
}

.sidebar-nav ul li a {
    font-size: 0.9375rem !important;
}

.sidebar-nav ul li.nav-small-cap {
    font-size: 0.75rem !important;
}

.sidebar-footer a {
    font-size: 1.125rem !important;
}

.user-profile .profile-text {
    font-size: inherit !important;
}

.sidebar-nav > ul > li > a i {
    font-size: 1.3125rem !important;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    font-size: 1.0625rem !important;
}

.topbar .top-navbar .app-search input {
    font-size: 0.875rem !important;
}

.topbar .top-navbar .app-search .srh-btn {
    font-size: 0.875rem !important;
}

.topbar ul.dropdown-user li .dw-user-box .u-text p {
    font-size: 0.875rem !important;
}

.cb-chat-header h3 {
    font-size: 1.2rem !important;
}

.cb-header-btn {
    font-size: 1rem !important;
}

.cb-message {
    font-size: 0.875rem !important;
}

.cb-history-title-primary {
    font-size: 0.9375rem !important;
}

.cb-history-title-secondary {
    font-size: 0.8125rem !important;
}

.cb-new-chat-btn {
    font-size: 0.875rem !important;
}

.cb-back-btn {
    font-size: 1.25rem !important;
}

.btn {
    font-size: 0.875rem !important;
}

.btn-lg {
    font-size: 1.25rem !important;
}

.btn-sm {
    font-size: 0.75rem !important;
}

.app-button.btn-sm {
    font-size: 0.875rem !important;
}

.btn-xs {
    font-size: 0.625rem !important;
}

.btn-circle.btn-sm {
    font-size: 0.875rem !important;
}

.btn-circle.btn-lg {
    font-size: 1.125rem !important;
}

.btn-circle.btn-xl {
    font-size: 1.5rem !important;
}

#date-range-picker {
    font-size: 1.125rem !important;
}

#date-range-picker-compared {
    font-size: 0.875rem !important;
}

.daterangepicker {
    font-size: 0.9375rem !important;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    font-size: 0.75rem !important;
}

.daterangepicker .drp-selected {
    font-size: 0.75rem !important;
}

.daterangepicker .drp-buttons .btn {
    font-size: 0.75rem !important;
}

.daterangepicker .ranges li {
    font-size: 0.75rem !important;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 0.75rem !important;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    font-size: 0.75rem !important;
}

#masking-toggle-container {
    font-size: 1rem !important;
}

#masking-toggle-container span {
    font-size: 1rem !important;
}

.topbar .nav-item #masking-toggle-container span.ml-2.mr-2 {
    font-size: 1rem !important;
}

.topbar .nav-link[style*="fontSize"],
.topbar .nav-link[style*="font-size"] {
    font-size: 1rem !important;
}

.topbar .nav-item[style*="fontSize"],
.topbar .nav-item[style*="font-size"] {
    font-size: 1rem !important;
}

