@import url("https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Noto+Sans+Thai:wght@100..900&display=swap");

:root {
    --pasa-font-body: "Google Sans", "Noto Sans Thai", Arial, sans-serif;
    --pasa-font-heading: "Noto Sans Thai", Arial, sans-serif;
    --pasa-font-mono: Consolas, "Courier New", monospace;
}

@media screen {
    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
    }

    body {
        font-family: var(--pasa-font-body) !important;
        font-size: 14px;
        line-height: 1.6;
    }

    body,
    div,
    p,
    a,
    li,
    ul,
    ol,
    table,
    thead,
    tbody,
    tfoot,
    tr,
    th,
    td,
    label,
    legend,
    strong,
    b,
    small,
    button,
    input,
    select,
    option,
    textarea {
        font-family: var(--pasa-font-body) !important;
    }

    span:not(.fa):not(.glyphicon):not([class^="icon-"]):not([class*=" icon-"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="flaticon-"]):not([class*=" flaticon-"]) {
        font-family: var(--pasa-font-body) !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .heading-title,
    .panel-title,
    .card-title,
    .modal-title,
    .page-title {
        font-family: var(--pasa-font-heading) !important;
        font-weight: 700;
        letter-spacing: normal !important;
    }

    p,
    li,
    td,
    th {
        line-height: 1.6;
    }

    strong,
    b {
        font-weight: 700;
    }

    input,
    select,
    option,
    textarea,
    button,
    .btn,
    .form-control,
    .input-group,
    .dropdown-menu,
    .dropdown-item,
    .nav,
    .navbar,
    .pagination,
    .badge,
    .alert,
    .modal,
    .popover,
    .tooltip {
        font-family: var(--pasa-font-body) !important;
        letter-spacing: normal !important;
    }

    .font-primary,
    .Prompt,
    .thaisans_neueregular,
    .thaisans_neue_lightregular,
    .thaisans_neue_sembdregular,
    .thaisans_neuebold,
    .thaisans_neue_blackregular,
    .thaisans_neue_extbdregular,
    .thaisans_neue_ultbdregular,
    .Supermarket,
    .menumainH {
        font-family: var(--pasa-font-body) !important;
        letter-spacing: normal !important;
    }

    .font-primary,
    .thaisans_neue_sembdregular,
    .thaisans_neuebold,
    .thaisans_neue_blackregular,
    .thaisans_neue_extbdregular,
    .thaisans_neue_ultbdregular {
        font-weight: 700 !important;
    }

    .fm-cls :not(.fa):not(.glyphicon):not([class^="icon-"]):not([class*=" icon-"]):not([class^="ti-"]):not([class*=" ti-"]),
    .card-body .content :not(.fa):not(.glyphicon):not([class^="icon-"]):not([class*=" icon-"]) {
        font-family: var(--pasa-font-body) !important;
    }

    code,
    pre,
    kbd,
    samp,
    .clsFont {
        font-family: var(--pasa-font-mono) !important;
    }
}