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

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

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

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

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/public/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('/public/assets/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

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

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

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

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

@font-face {
  font-family: 'Poppins';
  font-display: swap;
  src: url('/public/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('/public/assets/fonts/Kanit/KanitLight.eot') format('embedded-opentype'),
    url('/public/assets/fonts/Kanit/KanitLight.woff2') format('woff2'),
    url('/public/assets/fonts/Kanit/KanitLight.woff') format('woff'),
    url('/public/assets/fonts/Kanit/KanitLight.ttf') format('truetype'),
    url('/public/assets/fonts/Kanit/KanitLight.svg#KanitLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

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

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

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/public/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('/public/assets/fonts/Kanit/Kanit-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

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

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

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

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

@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('/public/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('/public/assets/fonts/IBMPlexSansThai/IBMPlexSansThai-Light.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'IBMPlexSansThai';
  font-display: swap;
  src: url('/public/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('/public/assets/fonts/IBMPlexSansThai/IBMPlexSansThai-Medium.ttf')
      format('truetype');
  font-weight: 500;
  font-style: normal;
}

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

@font-face {
  font-family: 'IBMPlexSansThai';
  font-display: swap;
  src: url('/public/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;
  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 .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;
}