@font-face {
  font-family: "Noto Sans Lao";
  src: local("Noto Sans Lao"),
    url("../fonts/noto-sans-lao/NotoSansLao-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans Lao";
  src: local("Noto Sans Lao Medium"),
    url("../fonts/noto-sans-lao/NotoSansLao-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans Lao";
  src: local("Noto Sans Lao SemiBold"),
    url("../fonts/noto-sans-lao/NotoSansLao-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Noto Sans Lao";
  src: local("Noto Sans Lao Bold"),
    url("../fonts/noto-sans-lao/NotoSansLao-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Phetsarath OT";
  src: local("Phetsarath OT"),
    url("../fonts/phetsarath/phetsarath_ot.woff2") format("woff2"),
    url("../fonts/phetsarath/phetsarath_ot.woff") format("woff"),
    url("../fonts/phetsarath/phetsarath_ot.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

:root {
  --lao-ui-font: "Noto Sans Lao", "Phetsarath OT", "Lao UI", "Inter", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.btn,
.dropdown-menu,
.nav,
.table,
.modal,
.panel_s,
.admin,
.customers,
.authentication-form-wrapper,
.select2-container,
.select2-results,
.dataTables_wrapper,
.fc,
.fc-event,
.fc-event-title,
.calendar,
.ai-chat,
.staff-chat {
  font-family: var(--lao-ui-font) !important;
  font-kerning: normal;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
}

body {
  line-height: 1.6;
}

.crm-ai-agent,
.crm-ai-agent button,
.crm-ai-agent input,
.crm-ai-agent select,
.crm-ai-agent textarea,
.crm-ai-agent .crm-ai-bubble,
.crm-ai-agent .crm-ai-message-text,
.crm-ai-agent .crm-ai-conversation,
.crm-ai-agent .crm-ai-conversation span,
.crm-ai-agent .crm-ai-conversation small,
.crm-ai-agent .crm-ai-staff-row,
.crm-ai-agent .crm-ai-file-chip,
.crm-ai-agent .crm-ai-reply-context,
.crm-ai-agent .crm-ai-quote,
.crm-ai-agent .crm-ai-empty {
  font-family: var(--lao-ui-font) !important;
  font-kerning: normal;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
}

.crm-ai-agent .crm-ai-message-text,
.crm-ai-agent .crm-ai-conversation span,
.crm-ai-agent .crm-ai-quote span {
  line-height: 1.75;
  word-break: normal;
  overflow-wrap: break-word;
}

#menu,
#setup-menu-wrapper,
#side-menu {
  font-family: var(--lao-ui-font) !important;
  font-synthesis-weight: none;
  text-rendering: auto;
  -webkit-font-smoothing: subpixel-antialiased;
}

#menu ul.nav li a,
#setup-menu li a,
#side-menu li a {
  font-family: var(--lao-ui-font) !important;
  font-weight: 500 !important;
  line-height: 1.55;
  letter-spacing: 0;
  text-rendering: auto;
}

#menu .profile,
#menu .profile *,
#setup-menu-wrapper .tw-font-medium {
  font-family: var(--lao-ui-font) !important;
  font-weight: 500 !important;
  text-rendering: auto;
}

.fa,
.fas,
.fa-solid {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.far,
.fa-regular {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 400 !important;
}

.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}

.glyphicon {
  font-family: "Glyphicons Halflings" !important;
}