/* PARSLEY ERROR STYLE */
input.parsley-error,
select.parsley-error,
textarea.parsley-error {    
	border-color:maroon;
	box-shadow: none;
}
input.parsley-error:focus,
select.parsley-error:focus,
textarea.parsley-error:focus {    
	border-color:maroon;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}
/* PARSLEY ERROR STYLE */



/* PAGE LOADING STYLE */
.tab-loading {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}
/* PAGE LOADING STYLE */















/*กำหนดขนาดตัวอักษร ตัวเลือกใน Field Select2*/
.select2-container {
	font-size: 14px;
}
/*กำหนดขนาดตัวอักษร ตัวเลือกใน Field Select2*/











/*กำหนดขนาด Field File Upload*/
.custom-file-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: calc(1.8rem + 2px);
	padding: 0.285rem .5rem;
	overflow: hidden;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	box-shadow: none;
	font-size: 13px;
}

.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: 2.25rem;
	padding: .285rem 0.75rem;
	line-height: 1.5;
	color: #495057;
	content: "Browse";
	background-color: #e9ecef;
	border-left: inherit;
	border-radius: 0 .25rem .25rem 0;
}
/*กำหนดขนาด Field File Upload*/







/*THUMBNAIL IMAGE ใน MODAL POPUP*/
.mailbox-attachment-icon.has-img>img {
	height: auto;
	/* max-width: 90%; */
	max-height: 130px;
}
/*THUMBNAIL IMAGE ใน MODAL POPUP*/















/* ONMOUSE OVER ZOOM IMAGE */
/* รูปเล็ก */
.img-container {
	display: inline-block;
	cursor: pointer;
}
.img-container .thumbnail-img {
	max-height: 70px;
	max-width: 180px;
}
/* รูปใหญ่ให้ลอยค้างมุมขวาบนของจอ */
.img-container .popup-img {
	position: fixed;
	top: 100px;
	right: 50px;
	width: 450px;
	border-radius: 8px;
	box-shadow: 0 8px 26px rgba(0,0,0,0.18);
	z-index: 99;      
	opacity: 0;
	pointer-events: none;
	transform: scale(0.8);
	transition: opacity 0.2s ease, transform 0.2s ease;
}
/* เมื่อ hover ให้แสดงรูปใหญ่ */
.img-container:hover .popup-img {
	opacity: 1;
	transform: scale(1);
}
/* ONMOUSE OVER ZOOM IMAGE */








/*TEXT*/
.text-warning {
	color: #c36b00 !important;
}
/*TEXT*/







/*ซ่อน-แสดงปุ่มในตาราง*/
/* ค่าเริ่มต้น: จางหมด */
.table-hover-btn td .btn-enabled,
.table-hover-btn td .btn-disabled {
	filter: grayscale(100%);
	opacity: 0.1;
	transition: opacity 0.25s ease-in-out;
}

/* hover → แสดงเฉพาะปุ่มที่ enabled */
.table-hover-btn tbody tr:hover .btn-enabled {
	filter: none;
	opacity: 1;
}

/* disabled → จางตลอด */
.table-hover-btn td .btn-disabled {
	filter: grayscale(100%);
	opacity: 0.1;
}
/*ซ่อน-แสดงปุ่มในตาราง*/











/*แสดงสินค้า ONMOUSE OVER ZOOM*/
/*แสดงสินค้า ONMOUSE OVER ZOOM*/