/* CSS custom for admin   */
table.dataTable>tbody>tr.bg_active>* {
  background: #eef1ff;
}

table.dataTable thead>tr>th.dt-head-left div.dt-column-header {
  justify-content: unset;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-primary {
  color: var(--primary) !important;
}

a.text-link:hover {
  color: var(--primary) !important;
  text-decoration: underline;
}

#swal-agree {
  top: 2px;
  position: relative;
}

.alert-zone {
  z-index: 999 !important;
}

.alert-zone .alert-box {
  border-radius: 16px;
  border: 1px solid #FF7311;
  background: #FFE3CF;
  box-shadow: 0 0 16px 0 var(--gray-300);
  transform: translateX(120%);
  opacity: 0;

}

.alert-zone .alert-box .icon-org {
  color: #FF7311;
  font-size: 18px;
}

.alert-zone .alert-box .btn-nooutline {
  color: #FF7311;
}

.btn-outline-org {
  --bs-btn-color: #FF7311;
  --bs-btn-border-color: #FF7311;
  --bs-btn-hover-bg: #FF7311;
  --bs-btn-hover-border-color: #FF7311;
  --bs-btn-active-bg: #FF7311;
  --bs-btn-active-border-color: #FF7311;
  --bs-btn-disabled-color: #FFE3CF;
  --bs-btn-disabled-border-color: #FFE3CF;
}

.btn-nonline-danger {
  border: none;
  color: #FF1111
}

.btn-nonline-danger:hover {
  border: 1px solid #FF1111;
  background: #FF1111;
  color: #FFF;
}

.img-example {
  text-align: center;
}

#TeacherModal .box-summarize {
  background: #363636;
}

.img-example {
  max-width: 100%;
  min-height: 110px;
}

#TeacherModal .modal-xl {
  padding: 0rem 1.5rem;
}

#TeacherModal .modal-xl {
  max-width: 1600px;
}

@media (min-width: 1200px) {
  #TeacherModal .modal-xl {
    --bs-modal-width: 1600px;
  }
}

.notif-dot {
  position: relative;
  width: 6px;
  height: 6px;
  background: #ff1900;
  border-radius: 50%;
  display: inline-block;
}

/* กล่องใหญ่ แบ่งซ้าย–ขวาแบบถูกต้อง */
.row-user {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
  /* ป้องกันการตกบรรทัด */
}

/* ฝั่งซ้ายให้กินพื้นที่ที่เหลือ แต่อนุญาตให้บีบ */
.row-user .left-box {
  flex: 1;
  min-width: 0;
}

/* ตรงรายละเอียด */
.txt_userdetail {
  flex: 1;
  min-width: 0;
  white-space: normal;
  word-break: break-word;
}

.content-1_1 .d-flex {
  min-width: 0;
}