@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

html,
body {
    font-family: 'Roboto', sans-serif !important;
}

* {
    font-family: 'Roboto', sans-serif !important;
}

label,
input,
textarea,
select,
option,
button {
    font-family: 'Roboto', sans-serif !important;
}

/* Keep icon fonts working */
.fa,
.fas,
.far,
.fal,
.fad,
.fa::before,
.fas::before,
.far::before,
.fal::before,
.fad::before,
[class^="fa-"],
[class*=" fa-"],
[class^="fa-"]::before,
[class*=" fa-"]::before {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}

.fab,
.fab::before {
    font-family: "Font Awesome 6 Brands" !important;
}

.mdi,
[class^="mdi-"],
[class*=" mdi-"],
.mdi::before,
[class^="mdi-"]::before,
[class*=" mdi-"]::before {
    font-family: "Material Design Icons" !important;
}

.fi,
[class^="fi-"],
[class*=" fi-"],
[class^="uicon-"],
[class*=" uicon-"],
.fi::before,
[class^="fi-"]::before,
[class*=" fi-"]::before,
[class^="uicon-"]::before,
[class*=" uicon-"]::before {
    font-family: "uicons-regular-rounded", "Flaticon", inherit !important;
}

.material-icons,
.material-icons::before {
    font-family: "Material Icons" !important;
}

/* TinyMCE / Tox icon fonts */
.mce-ico,
.mce-ico::before,
[class^="mce-i-"],
[class*=" mce-i-"],
[class^="mce-i-"]::before,
[class*=" mce-i-"]::before,
.tox .tox-icon,
.tox .tox-icon svg,
.tox [class*="tox-icon"],
.tox-tbtn__icon-wrap,
.tox-tbtn svg {
    font-family: "tinymce", "Roboto", sans-serif !important;
}