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

:root,
.o_web_client {
  --enta-runtime-brand-primary: #6f57d9;
  --enta-runtime-brand-accent: #12b886;
  --enta-runtime-brand-navbar: #7356b6;
  --enta-runtime-brand-login-bg: #f6f2ff;
  --enta-runtime-brand-text-on-brand: #ffffff;
  --enta-runtime-surface: #ffffff;
  --enta-runtime-soft-background: #f7f5ff;
  --enta-runtime-ink: #15122f;
  --enta-runtime-muted: #6b6680;
  --enta-runtime-border: rgba(37, 30, 82, 0.10);
  --enta-runtime-font-family: "Sarabun", "Leelawadee UI", "Tahoma", "Inter", "Segoe UI", sans-serif;
}

html,
body,
button,
input,
textarea,
select {
  font-family: var(--enta-runtime-font-family);
}

.o_web_client .btn-primary,
.o_web_client .btn-primary *,
.o_web_client .o_form_button_save,
.o_web_client .o_form_button_save *,
.o_web_client .btn.o_button_upload,
.o_web_client .btn.o_button_upload *,
.o_web_client .btn[class*="btn-primary"],
.o_web_client .btn[class*="btn-primary"] * {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .22);
}

.o_web_client .btn:disabled,
.o_web_client .btn.disabled,
.o_web_client button:disabled,
.o_web_client button.disabled,
.o_web_client .btn:disabled *,
.o_web_client .btn.disabled *,
.o_web_client button:disabled *,
.o_web_client button.disabled * {
  color: #ffffff !important;
  opacity: 1 !important;
}

.o_web_client .btn-secondary:disabled,
.o_web_client .btn-secondary.disabled,
.o_web_client .btn-light:disabled,
.o_web_client .btn-light.disabled,
.o_web_client button.btn-secondary:disabled,
.o_web_client button.btn-light:disabled {
  background-color: var(--enta-runtime-surface) !important;
  border-color: var(--enta-runtime-border) !important;
}

.o_web_client .o_control_panel,
.o_web_client .o_control_panel > *,
.o_web_client .o_control_panel .o_cp_top,
.o_web_client .o_control_panel .o_cp_bottom {
  background-color: var(--enta-runtime-soft-background) !important;
  background-image: none !important;
}

.o_web_client .o_control_panel,
.o_web_client .o_control_panel *,
.o_web_client .o_control_panel a,
.o_web_client .o_control_panel button,
.o_web_client .o_control_panel span,
.o_web_client .o_control_panel div,
.o_web_client .o_control_panel .breadcrumb,
.o_web_client .o_control_panel .breadcrumb *,
.o_web_client .o_control_panel .breadcrumb-item,
.o_web_client .o_control_panel .breadcrumb-item *,
.o_web_client .o_control_panel .o_breadcrumb,
.o_web_client .o_control_panel .o_breadcrumb *,
.o_web_client .o_control_panel .o_breadcrumb_full,
.o_web_client .o_control_panel .o_breadcrumb_full *,
.o_web_client .o_control_panel .o_last_breadcrumb_item,
.o_web_client .o_control_panel .o_action_manager,
.o_web_client .o_control_panel .o_control_panel_breadcrumbs,
.o_web_client .o_control_panel .o_control_panel_breadcrumbs *,
.o_web_client .o_control_panel .o_form_status_indicator,
.o_web_client .o_control_panel .o_form_status_indicator *,
.o_web_client .o_control_panel .o_cp_switch_buttons,
.o_web_client .o_control_panel .o_cp_switch_buttons * {
  color: var(--enta-runtime-ink) !important;
  opacity: 1 !important;
}

.o_web_client .o_control_panel .o_searchview,
.o_web_client .o_control_panel .o_searchview *,
.o_web_client .o_control_panel .o_searchview input,
.o_web_client .o_control_panel .o_searchview_facet,
.o_web_client .o_control_panel .o_searchview_facet *,
.o_web_client .o_control_panel .o_searchview_input_container {
  color: var(--enta-runtime-ink) !important;
  opacity: 1 !important;
}

.o_web_client .o_control_panel .o_searchview input::placeholder {
  color: var(--enta-runtime-muted) !important;
  opacity: 1 !important;
}

.o_web_client .o_graph_view,
.o_web_client .o_graph_renderer,
.o_web_client .o_dashboard,
.o_web_client .o_dashboard_view,
.o_web_client .o_spreadsheet_dashboard_action,
.o_web_client [class*="dashboard"],
.o_web_client [class*="Dashboard"] {
  color: var(--enta-runtime-ink) !important;
}

.o_web_client .o_graph_view svg text,
.o_web_client .o_graph_renderer svg text,
.o_web_client .o_dashboard svg text,
.o_web_client .o_dashboard_view svg text,
.o_web_client .o_spreadsheet_dashboard_action svg text,
.o_web_client [class*="dashboard"] svg text,
.o_web_client [class*="Dashboard"] svg text,
.o_web_client svg text,
.o_web_client svg tspan,
.o_web_client svg .tick text,
.o_web_client svg .axis text,
.o_web_client svg .nv-axis text,
.o_web_client svg .nvd3 text,
.o_web_client svg .c3-axis text,
.o_web_client svg .c3-legend-item text {
  fill: var(--enta-runtime-ink) !important;
  color: var(--enta-runtime-ink) !important;
  opacity: 1 !important;
}

.o_web_client .o_graph_view svg line,
.o_web_client .o_graph_view svg path.domain,
.o_web_client .o_graph_renderer svg line,
.o_web_client .o_graph_renderer svg path.domain,
.o_web_client .o_dashboard svg line,
.o_web_client .o_dashboard svg path.domain,
.o_web_client .o_dashboard_view svg line,
.o_web_client .o_dashboard_view svg path.domain,
.o_web_client svg .tick line,
.o_web_client svg .axis path,
.o_web_client svg .axis line,
.o_web_client svg path.domain {
  stroke: var(--enta-runtime-muted) !important;
  opacity: 1 !important;
}

.o_web_client .o_dashboard .text-muted,
.o_web_client .o_dashboard_view .text-muted,
.o_web_client .o_spreadsheet_dashboard_action .text-muted,
.o_web_client [class*="dashboard"] .text-muted,
.o_web_client [class*="Dashboard"] .text-muted {
  color: var(--enta-runtime-ink) !important;
  opacity: 1 !important;
}

.o_web_client .o_calendar_view,
.o_web_client .o_calendar_view *,
.o_web_client .o_calendar_renderer,
.o_web_client .o_calendar_renderer *,
.o_web_client .o_calendar_sidebar_container,
.o_web_client .o_calendar_sidebar_container *,
.o_web_client .fc,
.o_web_client .fc *,
.o_web_client .fc-scrollgrid,
.o_web_client .fc-scrollgrid *,
.o_web_client .fc-daygrid,
.o_web_client .fc-daygrid *,
.o_web_client .fc-timegrid,
.o_web_client .fc-timegrid *,
.o_web_client .ui-datepicker,
.o_web_client .ui-datepicker * {
  color: #111827 !important;
  opacity: 1 !important;
}

.o_web_client .o_calendar_view,
.o_web_client .o_calendar_renderer,
.o_web_client .o_calendar_sidebar_container,
.o_web_client .fc,
.o_web_client .fc-scrollgrid,
.o_web_client .ui-datepicker {
  background-color: #ffffff !important;
}

.o_web_client .o_calendar_view .btn-primary,
.o_web_client .o_calendar_view .btn-primary *,
.o_web_client .o_calendar_view .btn-secondary,
.o_web_client .o_calendar_view .btn-secondary *,
.o_web_client .o_calendar_view button,
.o_web_client .o_calendar_view button * {
  color: #ffffff !important;
}

.o_web_client .o_calendar_view .o_searchview,
.o_web_client .o_calendar_view .o_searchview *,
.o_web_client .o_calendar_view input,
.o_web_client .o_calendar_view input::placeholder {
  color: #111827 !important;
}

.o_web_client .o_calendar_view .dropdown-menu:not(:has(.o_datetime_picker)),
.o_web_client .o_calendar_view .dropdown-menu:not(:has(.o_datetime_picker)) *,
.o_web_client .o_calendar_view .o-dropdown--menu,
.o_web_client .o_calendar_view .o-dropdown--menu *,
.o_web_client .o_calendar_sidebar_container .dropdown-menu,
.o_web_client .o_calendar_sidebar_container .dropdown-menu *,
.o_web_client .o_calendar_sidebar_container .o-autocomplete--dropdown-menu,
.o_web_client .o_calendar_sidebar_container .o-autocomplete--dropdown-menu *,
.o_web_client .o_calendar_sidebar_container .o-autocomplete-result,
.o_web_client .o_calendar_sidebar_container .o-autocomplete-result *,
.o_web_client .o_calendar_sidebar_container [role="listbox"],
.o_web_client .o_calendar_sidebar_container [role="listbox"] *,
.o_web_client .o_calendar_sidebar_container [role="option"],
.o_web_client .o_calendar_sidebar_container [role="option"] * {
  color: #f8fafc !important;
  fill: #f8fafc !important;
  opacity: 1 !important;
}

.o_web_client .o_calendar_view .dropdown-menu:not(:has(.o_datetime_picker)),
.o_web_client .o_calendar_view .o-dropdown--menu,
.o_web_client .o_calendar_sidebar_container .dropdown-menu,
.o_web_client .o_calendar_sidebar_container .o-autocomplete--dropdown-menu,
.o_web_client .o_calendar_sidebar_container [role="listbox"] {
  background-color: rgba(15, 23, 42, .94) !important;
  border-color: rgba(148, 163, 184, .35) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .34) !important;
}

.o_web_client .o_calendar_view .dropdown-menu .dropdown-item:hover,
.o_web_client .o_calendar_view .dropdown-menu .dropdown-item:focus,
.o_web_client .o_calendar_view .o-dropdown--menu .dropdown-item:hover,
.o_web_client .o_calendar_view .o-dropdown--menu .dropdown-item:focus,
.o_web_client .o_calendar_sidebar_container [role="option"]:hover,
.o_web_client .o_calendar_sidebar_container [role="option"]:focus {
  color: #ffffff !important;
  background-color: rgba(99, 102, 241, .32) !important;
}

.o_web_client .o-mail-Discuss,
.o_web_client .o-mail-DiscussSidebar,
.o_web_client .o-mail-DiscussContent,
.o_web_client .o-mail-ChatWindow {
  background-color: #ffffff !important;
}

.o_web_client .o-mail-DiscussSidebar,
.o_web_client .o-mail-DiscussSidebar *,
.o_web_client .o-mail-Discuss .o-mail-Discuss-header,
.o_web_client .o-mail-Discuss .o-mail-Discuss-header *,
.o_web_client .o-mail-Discuss input,
.o_web_client .o-mail-Discuss textarea,
.o_web_client .o-mail-Discuss input::placeholder,
.o_web_client .o-mail-Discuss textarea::placeholder {
  color: #111827 !important;
  opacity: 1 !important;
}

.o_web_client .o-mail-DiscussContent .o-mail-Thread,
.o_web_client .o-mail-DiscussContent .o-mail-Thread *,
.o_web_client .o-mail-DiscussContent .o-mail-Message,
.o_web_client .o-mail-DiscussContent .o-mail-Message *,
.o_web_client .o-mail-DiscussContent .o-mail-Message-author,
.o_web_client .o-mail-DiscussContent .o-mail-Message-date,
.o_web_client .o-mail-DiscussContent .o-mail-Message-body,
.o_web_client .o-mail-DiscussContent .o-mail-Message-content,
.o_web_client .o-mail-DiscussContent .o-mail-Message-textContent {
  color: #f8fafc !important;
  fill: #f8fafc !important;
  opacity: 1 !important;
}

.o_web_client .o-mail-DiscussContent .o-mail-Message-date,
.o_web_client .o-mail-DiscussContent .o-mail-Message .text-muted,
.o_web_client .o-mail-DiscussContent .o-mail-Message small,
.o_web_client .o-mail-DiscussContent .o-mail-Message .small {
  color: #cbd5e1 !important;
  opacity: 1 !important;
}

.o_web_client .o-mail-DiscussContent .btn:not(.btn-success):not(.btn-primary),
.o_web_client .o-mail-DiscussContent button:not(.btn-success):not(.btn-primary),
.o_web_client .o-mail-DiscussContent .o-mail-DiscussContent-header button,
.o_web_client .o-mail-DiscussContent .o-mail-DiscussContent-header .btn,
.o_web_client .o-mail-DiscussContent .o-mail-Thread button,
.o_web_client .o-mail-DiscussContent .o-mail-Thread .btn {
  color: #f8fafc !important;
  fill: #f8fafc !important;
  background-color: rgba(15, 23, 42, .82) !important;
  border-color: rgba(148, 163, 184, .45) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .18) !important;
  opacity: 1 !important;
}

.o_web_client .o-mail-DiscussContent .btn:not(.btn-success):not(.btn-primary) *,
.o_web_client .o-mail-DiscussContent button:not(.btn-success):not(.btn-primary) *,
.o_web_client .o-mail-DiscussContent .btn:not(.btn-success):not(.btn-primary) i,
.o_web_client .o-mail-DiscussContent button:not(.btn-success):not(.btn-primary) i,
.o_web_client .o-mail-DiscussContent .btn:not(.btn-success):not(.btn-primary) svg,
.o_web_client .o-mail-DiscussContent button:not(.btn-success):not(.btn-primary) svg {
  color: #f8fafc !important;
  fill: #f8fafc !important;
  opacity: 1 !important;
}

.o_web_client .o-mail-Discuss .btn-primary,
.o_web_client .o-mail-Discuss .btn-primary *,
.o_web_client .o-mail-Discuss button.btn-primary,
.o_web_client .o-mail-Discuss button.btn-primary *,
.o_web_client .o-mail-Discuss .btn-success,
.o_web_client .o-mail-Discuss .btn-success * {
  color: #ffffff !important;
  fill: #ffffff !important;
}