/**
 * Global app font — load this after Bootstrap / Element UI / AdminLTE when possible.
 * Icon fonts (Font Awesome, element-icons, glyphicon) keep their own font-family.
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');

:root {
    --app-font-family: 'Roboto', 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
}

html,
body {
    font-family: var(--app-font-family) !important;
}

button,
input,
select,
textarea,
optgroup,
label {
    font-family: var(--app-font-family) !important;
}

.btn,
.form-control,
.navbar,
.nav,
.dropdown-menu,
.modal,
.panel,
.table,
.popover,
.tooltip,
.alert,
.pagination,
.breadcrumb,
.list-group,
.well,
.jumbotron {
    font-family: var(--app-font-family) !important;
}

.el-button,
.el-input__inner,
.el-textarea__inner,
.el-select,
.el-select-dropdown,
.el-dialog,
.el-message-box,
.el-notification,
.el-menu,
.el-table,
.el-form,
.el-tabs,
.el-pagination,
.el-dropdown-menu,
.el-picker-panel,
.el-popover,
.el-tooltip__popper,
.el-message,
.el-card,
.el-radio,
.el-checkbox,
.el-tag,
.el-breadcrumb,
.el-steps,
.el-collapse,
.el-tree,
.el-transfer,
.el-cascader,
.el-autocomplete,
.el-date-editor,
.el-time-panel,
.el-popup-parent--hidden {
    font-family: var(--app-font-family) !important;
}

.wrapper,
.content-wrapper,
.main-header,
.main-sidebar,
.main-footer,
.card,
.nav-sidebar,
.brand-link,
.layout-fixed {
    font-family: var(--app-font-family) !important;
}

.bootstrap-dialog,
.bootstrap-dialog-title,
.bootstrap-dialog-message,
.bootstrap-select,
.sb-admin-2 {
    font-family: var(--app-font-family) !important;
}