@font-face {
  font-family: "Noto Sans Thai";
  src: url(./static/fonts/NotoSansThai-Regular.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Noto Sans Thai";
  src: url(./static/fonts/NotoSansThai-SemiBold.ttf) format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Noto Sans Thai";
  src: url(./static/fonts/NotoSansThai-Bold.ttf) format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Noto Sans";
  src: url(./static/fonts/NotoSans-Regular.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Noto Sans";
  src: url(./static/fonts/NotoSans-SemiBold.ttf) format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Noto Sans";
  src: url(./static/fonts/NotoSans-Bold.ttf) format("truetype");
  font-weight: 700;
}

.switch-wrapper {
  position: relative;
}

.switch-wrapper > div {
  position: absolute;
}

#notistack-snackbar {
  font-size: 16px;
  line-height: 20px;
  font-family:
    Noto Sans Thai,
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
}

.MuiDataGrid-root {
  color: rgba(0, 0, 0, 0.87) !important;
  margin: 0 !important;
  font-size: 1rem !important;
  font-family:
    Noto Sans Thai,
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol" !important;
  font-weight: 400 !important;
  line-height: 1.43 !important;
  border: none !important;
  min-height: 480px;
}

.MuiDataGrid-columnHeaderTitleContainer {
  padding: 0 !important;
}

.MuiDataGrid-columnHeaderTitle {
  font-weight: 600 !important;
  color: #212121 !important;
}

.ql-toolbar.ql-snow {
  border: 1px solid #767676 !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  font-family:
    Noto Sans Thai,
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol" !important;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 1px solid #767676;
  border-top: none;
  font: inherit;
}

.ql-editor {
  min-height: 179px;
}

.MuiButtonBase-root.icon-only .MuiButton-startIcon {
  margin-right: 0px;
  margin-left: 0px;
}

.tax_payer_type_radio_group .MuiFormControlLabel-root {
  margin-right: 0;
  margin-left: 15px;
}

.height-136 .MuiOutlinedInput-multiline {
  height: 136px;
}

.height-136 .MuiOutlinedInput-multiline textarea {
  height: 99px !important;
  overflow: auto !important;
}

.MuiButton-containedPrimary.MuiButton-contained path {
  fill: white;
}

/* .MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary path {
  fill: #376fd0;
} */

.MuiButton-root.Mui-disabled .MuiButton-startIcon path {
  fill: rgba(0, 0, 0, 0.26);
}

.MuiBox-root[disabled] {
  pointer-events: none;
}

.MuiBox-root[disabled] path {
  fill: rgba(0, 0, 0, 0.26);
}

.renderHtmlFromString p {
  margin: 0;
}

.MuiDialogContent-root {
  overflow-y: unset;
}

.productInfoModal .MuiDialogTitle-root {
  display: none;
}

.productInfoModal .MuiDialogContent-root {
  padding-top: 0;
}

.productInfoModal .MuiPaper-root {
  max-width: 896px;
}

.reject-modal .MuiDialogActions-root button:nth-child(1) span {
  color: #376fd0 !important;
}

.reject-modal .MuiDialogActions-root button:nth-child(2) span {
  color: #767676 !important;
}

.MuiButtonBase-root.MuiTab-root {
  background: white;
  min-width: 120px;
  font-weight: 400;
  color: #767676;
  opacity: 1;
}
/* 
.MuiButtonBase-root.MuiTab-root.Mui-selected {
  color: #376fd0;
  font-weight: 600;
} 
/* เปลี่ยนสีicon หรือปุ่ม */

.MuiAlert-standardInfo .MuiAlert-icon {
  color: #000000;
}
.MuiAlert-standardWarning .MuiAlert-icon {
  color: #000000;
}
/* ตรงที่ติด */
/* สีเส้นขอบใน แบ่งามประเภทหน้า จัดการชุดแบบประกัน ตรวจสอบเผยแพร่ */

.MuiAlert-standardWarning {
  color: #000000;
  background-color: #f8e6a4;
}
.MuiButton-containedPrimary {
  background-color: #140078;
  &:hover {
    background-color: #140078;
  }
}
.MuiCheckbox-colorPrimary.Mui-checked {
  color: #1c00ab;
}
.MuiCheckbox-colorSecondary.Mui-checked {
  color: #1c00ab;
}
.MuiPickersToolbar-toolbar {
  background-color: #140078;
}
.MuiPickersDay-daySelected {
  background-color: #140078;
  color: #ffffff !important;
  &:hover {
    background-color: #140078;
  }
}
.MuiPickersDay-current {
  color: #140078;
}
.MuiFormLabel-root.Mui-focused {
  color: #fe7015;
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #fe7015;
}
.MuiDataGrid-toolbarContainer {
  gap: 10px;
}
/* เปลี่ยนสีicon หรือปุ่ม */
.MuiAccordion-root.Mui-expanded {
  margin: 0;
}

.MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}

.MuiAccordionSummary-root,
.MuiAccordionSummary-root.Mui-expanded {
  min-height: 50px;
}

.MuiDivider-root {
  background-color: #d9d9d9;
}

.MuiButtonBase-root.MuiIconButton-root.MuiAccordionSummary-expandIcon.MuiIconButton-edgeEnd {
  padding: 0;
  margin-left: 16px;
}

.MuiButtonBase-root.MuiAccordionSummary-root {
  padding-left: 0;
}

.MuiAccordion-root:before {
  opacity: 0;
}

.MuiAccordionDetails-root {
  padding: 0;
}

.MuiAccordion-root {
  /* border-bottom: 1px solid #d9d9d9; */
}

.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary.Mui-disabled {
  border: 1px solid #e0e0e0;
  background: #f6f9fc;
}

/* .MuiButtonBase-root.MuiButton-root.MuiButton-outlined:not(.MuiButton-outlinedPrimary) {
  border-color: #e0e0e0;
} */

.TokenExpire .MuiDialogActions-root button span {
  color: #376fd0 !important;
}

.OrderSellerInfo-social-contact,
.OrderSellerInfo-social-contact path {
  color: #767676;
  fill: #767676;
}

.Mui-checked.Mui-disabled rect {
  color: #767676;
  fill: #767676;
  stroke: #767676;
}

.Mui-checked.Mui-disabled path {
  color: #9e9e9e;
  fill: #9e9e9e;
  stroke: #9e9e9e;
}

.OrderItemChecked > .MuiIconButton-root {
  margin-left: auto !important;
  margin-right: auto !important;
}

.MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: #e7f4fd !important;
  border: 1px solid #376fd0 !important;
}

.MuiDataGrid-toolbarContainer {
  margin-bottom: 4px;
}

.MuiDataGrid-toolbarContainer .MuiButtonBase-root[aria-label="Export"] {
  display: none;
}

.MuiTablePagination-selectRoot,
.MuiTablePagination-caption {
  display: block !important;
}

.MuiTablePagination-toolbar
  .MuiTablePagination-select.MuiSelect-selectMenu.MuiInputBase-input {
  padding-bottom: 6px;
}
.MuiTablePagination-toolbar .MuiTablePagination-selectIcon {
  margin-top: -1px;
}

.ConfirmResetPasswordModal .MuiDialog-paperWidthSm {
  max-width: 528px;
}

.MuiSwitch-colorSecondary.Mui-disabled.Mui-checked {
  color: #a7d5fa;
}

.MuiAlert-root {
  font-weight: 400;
}

.attendeeTable {
  min-height: 0 !important;
}

.EnrollmentInsuranceListTable.MuiDataGrid-root .MuiDataGrid-footerContainer {
  min-height: 40px;
}

.EnrollmentInsuranceListTable.MuiDataGrid-root
  .MuiDataGrid-cell
  .MuiIconButton-root {
  padding: 0;
}

.MuiFormHelperText-contained {
  margin: 6px 0 0 0;
}
