@font-face {
  font-family: 'Poppins-Light';
  font-display: swap;
  src: local('Poppins-Light'),
    url('/assets/fonts//Poppins/Poppins-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/assets/fonts/Poppins/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/assets/fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/assets/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/assets/fonts/Poppins/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: local('Poppins-Medium'),
    url('/assets/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/assets/fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/assets/fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/assets/fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/assets/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/assets/fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'KanitLight';
  font-display: swap;
  src: local('KanitLight'),
    url('/assets/fonts/Kanit/KanitLight.eot') format('embedded-opentype'),
    url('/assets/fonts/Kanit/KanitLight.woff2') format('woff2'),
    url('/assets/fonts/Kanit/KanitLight.woff') format('woff'),
    url('/assets/fonts/Kanit/KanitLight.ttf') format('truetype'),
    url('/assets/fonts/Kanit/KanitLight.svg#KanitLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/assets/fonts/Kanit/Kanit-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/assets/fonts/Kanit/Kanit-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/assets/fonts/Kanit/Kanit-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/assets/fonts/Kanit/Kanit-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: local('Kanit-Medium'),
    url('/assets/fonts/Kanit/Kanit-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/assets/fonts/Kanit/Kanit-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/assets/fonts/Kanit/Kanit-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/assets/fonts/Kanit/Kanit-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/assets/fonts/Kanit/Kanit-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/assets/fonts/Kanit/Kanit-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'IBMPlexSansThai';
  font-display: swap;
  src: local('IBMPlexSansThai'),
    url('/assets/fonts/IBMPlexSansThai/IBMPlexSansThai-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IBMPlexSansThai';
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSansThai/IBMPlexSansThai-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'IBMPlexSansThai';
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSansThai/IBMPlexSansThai-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'IBMPlexSansThai';
  font-display: swap;
  src: local('IBMPlexSansThai-Medium'),
    url('/assets/fonts/IBMPlexSansThai/IBMPlexSansThai-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'IBMPlexSansThai';
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSansThai/IBMPlexSansThai-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'IBMPlexSansThai';
  font-display: swap;
  src: url('/assets/fonts/IBMPlexSansThai/IBMPlexSansThai-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

* {
  font-family: IBMPlexSansThai, Kanit, sans-serif !important;
}

body {
  margin: 0 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  background-color: #f0f2f5 !important;
}

.ant-form-item-label>label {
  font-weight: 600;
}

.ck-editor__editable_inline {
  min-height: 300px;
}

.thumbnail {
  width: 200px !important;
  height: 200px !important;
  object-fit: contain;
  margin-bottom: 29px;
}

.style-for-logout-menu {
  position: absolute !important;
  bottom: 0 !important;
  background-color: #fff !important;
  height: 80px !important;
  margin: 0px !important;
}

.rc-anchor-normal-footer {
  display: inline-block;
  height: 74px;
  vertical-align: top;
  width: 70px;
  z-index: 1000 !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.ant-steps-item-title {
  line-height: 1.5em !important;
}

.custom-popover {
  z-index: 10;
}

.ant-modal-footer {
  display: flex !important;
  justify-content: end !important;
}

/* .ant-tree-node-selected {
  background-color: white !important;
  color: var(--primary-colors-primary, #DBB42C) !important;
} */

.ant-tree .ant-tree-node-content-wrapper {
  color: var(--primary-colors-primary, #4E4E4E) !important;
}

.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: white !important;
  color: var(--primary-colors-primary, #DBB42C) !important;

}

.ant-btn-icon.ant-btn-loading-icon {
  margin-inline-end: 0px !important;
}

.ant-btn-icon:not(:last-child) {
  margin-inline-end: 0px !important;
}

.ant-form-item-explain-error {
  margin-top: 7px !important;
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  background: rgb(191 191 191);
  border: 5px solid rgb(0, 0, 0) !important;
}

.ant-select-dropdown .ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
}

.tox-statusbar__branding {
  display: none !important;
}

.myCustomPopoverClass .ant-popover-inner {
  background-color: black !important;
  background-clip: padding-box;
  border-radius: 8px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  padding: 12px;
  opacity: 0.8;
}

.myCustomPopoverClass .ant-popover-inner-content {
  color: rgba(255, 255, 255, 1);
 }