@font-face {
  font-family: "Kanit";
  src: url(./static/fonts/Kanit-Regular.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Kanit";
  src: url(./static/fonts/Kanit-SemiBold.ttf) format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "LINESeedSansTH";
  src: url(./static/fonts/LINESeedSansTH_A_Rg.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "LINESeedSansTH";
  src: url(./static/fonts/LINESeedSansTH_A_Bd.ttf) format("truetype");
  font-weight: 600;
}

body {
  margin: 0px;
}

.switch-wrapper {
  position: relative;
}

.switch-wrapper > div {
  position: absolute;
}

#notistack-snackbar {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px;
  font-family: Kanit, 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: #2b2b2b !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-family: Kanit, 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-family: "Kanit";
  src: url(./static/fonts/Kanit-Regular.ttf) format("truetype");
  font-size: 12px;
  font-weight: 500 !important;
  color: #2b2b2b !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);
}

/* .MuiButton-containedPrimary {
  color: #fff;
  background-color: #A32DC1;
  width: -webkit-fill-available;
}

.MuiButton-containedPrimary:hover {
  background-color: #A32DC1;
  opacity: 0.7;
}

.MuiButton-outlinedPrimary {
  color: #A32DC1;
  background-color: #ffffff;
  border: 1px solid #A32DC1;
}

.MuiButton-textPrimary {
  color: #A32DC1;
  background-color: #ffffff;
}

.MuiButton-textSecondary {
  color: #ffffff;
  background-color: #A32DC1;
}

.MuiButton-outlinedPrimary:hover {
  color: #A32DC1;
  background-color: #e3f1f9;
  border: 1px solid #A32DC1;
} */

.MuiButton-containedSecondary {
  color: #fff;
  background-color: #e31c79;
}

.MuiButton-containedSecondary:hover {
  background-color: #e31c79;
}

.MuiButton-outlinedSecondary {
  color: #e31c79;
  background-color: #fce6f0;
  border: 1px solid #e31c79;
}

.MuiButton-outlinedSecondary:hover {
  color: #e31c79;
  background-color: #fce6f0;
  border: 1px solid #e31c79;
}

.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;
}

.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;
} */

.ConfirmOrderQuotationInfoModal .MuiDialog-paperWidthSm {
  max-width: 1080px;
}

.ConfirmOrderQuotationInfoModal .MuiDialogContent-root {
  padding-top: 0;
}

/* .ConfirmOrderQuotationInfoModal .MuiButton-root .MuiButton-label {
  color: #376fd0;
} */

.ConfirmOrderQuotationInfoModal .MuiDialogActions-root button:nth-child(1) span {
  color: #767676 !important;
}

.ConfirmOrderQuotationInfoModal .MuiDialogActions-root button:nth-child(2) 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: white;
  fill: white;
  stroke: white;
}

.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 {
  font-size: 12px;
  padding-bottom: 6px;
  border: 2px solid #afb1b6;
  border-radius: 8px;
}

.MuiTablePagination-toolbar .MuiTablePagination-selectIcon {
  margin-top: -1px;
}

.signUpModal .MuiDialogContent-root {
  padding-top: 0px;
}

.signUpModal .MuiDialogContent-root .MuiIconButton-root {
  padding: unset;
}

.signInModal .MuiDialogContent-root {
  padding-top: 0px;
}

.signInModal .MuiDialogContent-root .MuiIconButton-root {
  padding: unset;
}

.resetPasswordModal .MuiDialogContent-root {
  padding-top: 0px;
}

.resetPasswordModal .MuiDialogContent-root .MuiIconButton-root {
  padding: unset;
}

.deleteConFirmModal > .MuiDialog-container.MuiDialog-scrollPaper > .MuiDialog-paperWidthSm {
  max-width: 343px;
  padding: 16px;
}

.MuiAutocomplete-inputRoot[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input {
  padding: 0px 4px;
}

.MuiOutlinedInput-input {
  /* padding: 0px 14px; */
}

.imagePreview .MuiDialog-paper {
  padding: 0px;
}

.MuiDialogContent-root:first-child {
  padding-top: 16px;
}

textarea {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-family: "Kanit";
  src: url(./static/fonts/Kanit-Regular.ttf) format("truetype");
  color: #2b2b2b;
  background-color: #fff;
  border-color: #a2aaad;
}

.FilterModal .MuiDialog-paper {
  max-width: 368px;
  padding: 16px;
}

.claimRequestTable {
  min-height: 0 !important;
}

.signOutModal .MuiDialog-paper {
  padding: 0px;
}

.languageSetting .MuiDrawer-paper {
  border-radius: 16px 16px 0px 0px;
}