/* 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*/






/*ซ่อน-แสดงปุ่มในตาราง*/
/* ค่าเริ่มต้น: จางหมด */
.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;
}
/*ซ่อน-แสดงปุ่มในตาราง*/








/*ปรับสีปุ่ม Warning*/
.btn-outline-warning {
	color: #d5a000;
	border-color: #d5a000;
}
/*ปรับสีปุ่ม Warning*/








/*สี Text Warning*/
.text-warning {
	color: #d5a30c !important;
}
/*สี Text Warning*/


/*สี LINK*/
a {
	color: #6610f2;
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	color: #6610f2;
	text-decoration: none;
}
.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #6610f2;
	border-color: #6610f2;
}
.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #6610f2;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
/*สี LINK*/




/*กำหนดขนาด 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*/



/* 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 */


/*สี TAB LINK*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #6610f2;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}
a {
	color: #6c757d;
	text-decoration: none;
	background-color: transparent;
}
/*สี TAB LINK*/

/*HR SMALL*/
hr {
	margin: 3px 0;
}
/*HR SMALL*/






/* TEXT BLINK STYLE */
@-webkit-keyframes blinker {
	from {opacity: 2.5;}
	to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	color: maroon;
	font-weight: bold;
}
/* TEXT BLINK STYLE */





/*TABLE THEAD TH MIDDLE*/
.table thead th {
	vertical-align: middle;
	border-bottom: 2px solid #dee2e6;
}
/*TABLE THEAD TH MIDDLE*/



















/*EXPORT MODAL MIDDLE*/
.doc-card{
	background:#fff;
	border-radius:18px;
	padding:25px;
	text-align:center;
	border:1px solid #e9ecef;
	height:100%;
	transition:.25s;
	position:relative;
	overflow:hidden;
	box-shadow:0 3px 10px rgba(0,0,0,.04);
}

.doc-card:hover{
	transform:translateY(-6px);
	box-shadow:0 15px 35px rgba(0,0,0,.12);
	cursor:pointer;
}

.doc-card::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
}

.doc-icon{
	width:80px;
	height:80px;
	margin:auto;
	margin-bottom:15px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:32px;
	transition:.25s;
}

.doc-card:hover .doc-icon{transform:scale(1.08);}

.doc-card h5{font-weight:700;color:#2d3436;margin-bottom:10px;}

.doc-card p{color:#7f8c8d;min-height:40px;font-size:13px;}

.quotation-card .doc-icon{background:#eef2ff;color:#4f46e5;}
.quotation-card::before{background:#4f46e5;}
.quotation-card:hover{border-color:#4f46e5;}

.invoice-card .doc-icon{background:#eff6ff;color:#2563eb;}
.invoice-card::before{background:#2563eb;}
.invoice-card:hover{border-color:#2563eb;}

.receipt-card .doc-icon{background:#ecfdf5;color:#10b981;}
.receipt-card::before{background:#10b981;}
.receipt-card:hover{border-color:#10b981;}

.cash-bill-card .doc-icon{background:#fff7ed;color:#f97316;}
.cash-bill-card::before{background:#f97316;}
.cash-bill-card:hover{border-color:#f97316;}

.shipping-card .doc-icon{background:#f0fdfa;color:#14b8a6;}
.shipping-card::before{background:#14b8a6;}
.shipping-card:hover{border-color:#14b8a6;}

.doc-card.disabled{
	background:#f8f9fa;
	opacity:.65;
	cursor:not-allowed;
	pointer-events:none;
}
.doc-card.disabled:hover{transform:none;box-shadow:none;}
.doc-card.disabled::before{background:#6c757d;}
.doc-card.disabled .doc-icon{background:#e9ecef !important;color:#6c757d !important;}
.doc-card.disabled h5,.doc-card.disabled p{color:#6c757d;}
.doc-card.disabled button{background:#6c757d !important;border-color:#6c757d !important;}
/*EXPORT MODAL MIDDLE*/




















/*customer/index.php STYLE*/
h1 {font-size:1.25rem;letter-spacing:-.01em;}
.steps {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px, 180px);justify-content:start;align-items:flex-start;width:max-content;max-width:100%;margin:0 auto;overflow-x:auto;overflow-y:hidden;padding:8px 0 12px;scrollbar-width:thin;scrollbar-color:#7c8db5 transparent;scroll-behavior:smooth;scroll-padding:8px;-webkit-overflow-scrolling: touch;}
.steps::-webkit-scrollbar {height: 8px;}
.steps::-webkit-scrollbar-track {background: transparent;}
.steps::-webkit-scrollbar-thumb {background: #7c8db5;border-radius: 999px;border: 2px solid transparent;background-clip: padding-box;}
.steps::-webkit-scrollbar-thumb:hover {background: #5f6d95;}
.step {width:100%;position:relative;text-align:center;padding-top:50px;min-width:140px;max-width:180px;scroll-snap-align:start;box-sizing:border-box;}
.step::before {content: "";position: absolute;top: 32px;left: 0;right: 0;height: 4px;background: #dde3f0;}
.step:first-child::before {left:50%;}
.step:last-child::before {right:50%;}
.step.done::before {background:#4f46e5;}
.step.current::before {background:linear-gradient(90deg,#4f46e5 60%,#dde3f0 100%);}
.dot {position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem;font-weight: 900;line-height: 1;z-index: 1;}
.done .dot {background:#4f46e5;color:#fff;}
.current .dot {background:#fff;color:#4f46e5;border:3px solid #4f46e5;box-shadow:0 0 0 5px rgba(79,70,229,.15);}
.todo .dot {background:#fff;color:#98a2bd;border:3px solid #dde3f0;}
.step h2 {font-size:1.1rem;margin:27px 0 3px;}
.todo h2 {color:#98a2bd;}
.step p {font-size:1rem;color:#7d88a3;}
@media(max-width:640px) {.steps {max-width:100%;padding:8px 0 12px;grid-auto-columns:minmax(132px, 148px);}.step {min-width:132px;max-width:148px;padding-top:46px;}.step h2 {margin:30px 0 4px;}.step p {margin-top:4px;}}
/*customer/index.php STYLE*/