a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}
.require {
	color:red;
}

.diverr {
	display:none;
}
#myProgress {
  width: 100% !important;
  /*background-color: #ddd;*/
}
#myBar {
  width: 0%;
  height: 30px;
  background-color: #000000;
  line-height: 30px;
  color: #000000;
  float:left;
}
#frameProgress {
  border:2px solid #000000;
  padding:5px;
  bottom:0;
  display:block;
  height: 44px;
}
#framelabel {
  padding:10px;
  top:0;
  display:block;
  font-size:18px;
}
#labelbar {
  padding:5px;
  font-weight:bold;
  color: #000000;
}
#labelload {
  padding:5px;
  font-weight:bold;
  color: #000000;
}
#loading {
  margin: auto;
  padding:50px;
}
/*
div.table a {
	cursor: pointer;
    color: #1476ff;
    text-decoration: underline;
    transition: color .3s;
}


div.table a:hover {
    color: #086cd9;
    background-color: #f7f9fc;
}
*/
h5 {
	color: #0b0e2c;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.333em;
}

.link-ticno {
	color: #1476ff;
	text-decoration: underline;
}

.ui-autocomplete {
  max-height: 250px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
 /* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 250px;
}

.checkbox.w--redirected-checked,.w-checkbox-input {
  /* margin-top : 0px ; */
}
input.input-question {
  width:500px;
}

.text-block-error {
	color:red;
	text-align:left;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}

.blockaddfile {
  width: 100%;
}

.blockaddfile .blockupload {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* ซ่อนไว้ชั่วคราวก่อน JS ย้ายออกจากปุ่ม */
.blockaddfile .fileupload .uploaderror {
  display: none !important;
}
.table-item.last:has(.blockaddfile) > .table-item-content {
  width: 100% !important;
}

.table-item.last:has(.blockaddfile) > .table-item-content > div {
  width: 100% !important;
}

.table-item.last:has(.blockaddfile) .blockaddfile {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.table-item.last:has(.blockaddfile) .blockupload {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
/* Error ทุกแบบจะมาอยู่ตรงนี้ */
.blockaddfile .blockupload > .uploaderror {
  color: red !important;
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 13px !important;
  line-height: 1.5em !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}

.blockaddfile .blockupload > .uploaderror b {
  display: none !important;
}
.blockaddfile:has(.uploaderror) {
  /* margin-bottom: 15px; */
}
.checkbox-view {
  border: .6px solid var(--neutral--500);
}
.checkbox-view w--redirected-checked {
  border-color: var(--neutral--500);
}
.radio-view {
  border-color: var(--neutral--500) !important;
}
.radio-view w--redirected-checked {
  border-width: 4px !important;
  border: 4px solid var(--neutral--500) !important;
}
.divnodata{
    font-weight:bold;
    text-align:center;
    padding: 15px;
}


/* Spinner style */
#ajax_loading {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.7);
  z-index: 9999;
}

#ajax_loading .spinner_load {
  position: absolute;
  top: 50%; left: 50%;
  width: 60px; height: 60px;
  margin: -30px 0 0 -30px;
  border: 6px solid #ccc;
  border-top-color: #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}