@font-face {
  font-family: 'NotoSansThaiLooped Regular';
  font-style: normal;
  /* See note below */
  src: url(../fonts/NotoSansThaiLooped/NotoSansThaiLooped-Regular.ttf) format('woff2');
}


body {
  font-family: 'NotoSansThaiLooped Regular' !important;
}

h6 {
  font-family: 'NotoSansThaiLooped Regular' !important;
}

h5 {
  font-family: 'NotoSansThaiLooped Regular' !important;
}

p {
  font-family: 'NotoSansThaiLooped Regular' !important;
}


span {
  font-family: 'NotoSansThaiLooped Regular' !important;
}

label {
  font-family: 'NotoSansThaiLooped Regular' !important;
  font-weight: 100 !important;
}

.choices .choices__inner {
  font-family: 'NotoSansThaiLooped Regular' !important;
  font-size: 12.8px !important;
}

.choices .choices__list {
  font-family: 'NotoSansThaiLooped Regular' !important;
  font-size: 12.8px !important;
}

.navbar-top {
  font-size: .8rem;
  font-weight: 600;
  padding: 0;
  background: #ffa1d0 !important;
  min-height: var(--phoenix-navbar-top-height);
  color: var(--phoenix-nav-link-color);
  padding: 0 1.5rem;
  border-bottom: 1px solid var(--phoenix-navbar-vertical-border-color);
}


.nav-item-wrapper {
  border-bottom: solid 1px #e9e9e9;
  padding: 8px;
  border-radius: 8px;
}

.nav-item-wrapper:last-child{
  box-shadow: none;
}
.remark {
  color: red;
}

.form-control {
  font-family: 'NotoSansThaiLooped Regular' !important;
  font-weight: 100 !important;
}

.form-select {
  font-family: 'NotoSansThaiLooped Regular' !important;
  font-weight: 100 !important;
}

.navbar-vertical .navbar-vertical-content .navbar-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: .8rem;
  font-weight: 100 !important;
}

li {
  font-weight: 100 !important;
}

.breadcrumb-item a {
  color: #df4592 !important;
}

.btn-primary,
.tox .tox-dialog__footer .tox-button:last-child,
.tox .tox-button {
  --phoenix-btn-color: #fff;
  --phoenix-btn-bg: #3874ff;
  --phoenix-btn-border-color: transparent;
  --phoenix-btn-hover-color: #fff;
  --phoenix-btn-hover-bg: #004dff;
  --phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2);
  --phoenix-btn-focus-shadow-rgb: 255, 255, 255;
  --phoenix-btn-active-color: #fff;
  --phoenix-btn-active-bg: #2d5dcc;
  --phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25);
  --phoenix-btn-active-shadow: initial;
  --phoenix-btn-disabled-color: #fff;
  --phoenix-btn-disabled-bg: #3874ff;
  --phoenix-btn-disabled-border-color: transparent;
}

.navbar-brand-text {
  float: right;
  margin-top: 0px;
  margin-left: 12px;
  border-left: solid 2px #404040;
  padding-left: 15px;
}

.logo-text {
  font-size: 18px !important;
  color: #000000 !important;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0em !important;
  margin-bottom: 0;
}

.btn-primary,
.tox .tox-dialog__footer .tox-button:last-child,
.tox .tox-button {
  --phoenix-btn-color: #fff;
  --phoenix-btn-bg: #fb82be !important;
  --phoenix-btn-border-color: transparent;
  --phoenix-btn-hover-color: #fff;
  --phoenix-btn-hover-bg: #ff64ac !important;
  --phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2);
  --phoenix-btn-focus-shadow-rgb: 255, 255, 255;
  --phoenix-btn-active-color: #fff;
  --phoenix-btn-active-bg: #ff64ac !important;
  --phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25);
  --phoenix-btn-active-shadow: initial;
  --phoenix-btn-disabled-color: #fff;
  --phoenix-btn-disabled-bg: #fb82be !important;
  --phoenix-btn-disabled-border-color: transparent;
}

.dropzone {
  min-height: 0px !important;
  border: 2px solid rgba(0, 0, 0, .3);
  background: #fff;
  padding: 20px 20px;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 0px !important;
}

.dropzone .dz-message {
  text-align: center;
  margin: 0 0 !important;
}

.dropzone.dropzone-multiple {
  border: 0;
  background: #fff !important;
}

.choices .choices__input--cloned {
  font-family: 'NotoSansThaiLooped Regular' !important;
  font-weight: 100 !important;
}

.was-validated :invalid~.invalid-feedback {
  display: flex !important;
  justify-content: flex-end !important;
}

.was-validated :valid~.valid-feedback {
  display: flex !important;
  justify-content: flex-end !important;
}
.rc-anchor-light {
  background: transparent;
  color: #000;
  border: none !important;
  box-shadow: none !important;
}
#imageContainer {
  position: relative;
  margin: 20px 0px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  width: 400px !important;
  border-radius: 5px !important;
}

#imageContainer img {
  border-radius: 5px;
  width: 400px !important;
}

#imageContainer .delete_img {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold !important;
  font-size: 50px;
  color: #ccc !important;
}

#imageContainer .delete_img:hover {
  transform: scale(1.2);
  cursor: pointer;
  color: #444444 !important;
}

#dataTable_wrapper {
  font-size: .8rem !important
}

.text-red {
  color: red !important
}

.datepicker {
  padding: .5rem 1rem !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  line-height: 1.49 !important;
}

.form-control:readonly {
  color: var(--phoenix-quaternary-color);
  background-color: rgba(var(--phoenix-gray-100-rgb), 0.7);
  opacity: 1;
  pointer-events: none;
}

/* .search_FarmerIDcard {} */

/* Start Config Select2 */
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
  left:unset !important;
  background-size: 8px !important;
}
.select2-container--bootstrap-5 .select2-selection--single {
  font-size: 0.8rem !important;
  padding: .5rem .75rem .5rem 1rem !important;
  background-position:right .75rem center !important
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option{
  font-size: 0.8rem !important;
}
.select2-container .select2-selection--single{
  height:unset !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{
  font-size: 0.8rem !important;
  height:unset !important;
}
/* End Config Select2 */

.busy-load-container-item img{
  /* filter: opacity(100%) invert(100%)  brightness(1); */
  filter: invert(100%)  hue-rotate(180deg) brightness(1) saturate(100%);
}

.policy_background-opacity {
  position: relative;
  z-index: 0; /* เนื้อหาหลักอยู่ด้านหน้า */
}

.policy_background-opacity::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('http://ibeef:8888/public/assets/img/bg/bg-01.png');
  background-size: cover; /* ปรับขนาดภาพให้ครอบคลุม */
  background-position: center; /* จัดให้อยู่ตรงกลาง */
  opacity: 0.1; /* ความโปร่งแสงของพื้นหลัง */
  z-index: -1; /* ทำให้ภาพพื้นหลังอยู่ด้านหลัง */
}
.content {
  min-height: 100vh !important;
  padding: calc(var(--phoenix-navbar-top-height) + 0.1rem) 1.5rem 6.375rem 1.5rem !important;
  padding-bottom: 6rem !important;
}