/*Scroll Bar*/
::-webkit-scrollbar {
	width: 1px;
	background-color: #F5F5F5;
	background-color: rgb(217, 217, 217);
}
::-webkit-scrollbar-thumb {	
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(217, 217, 217)), color-stop(0.72, rgb(217, 217, 217)), color-stop(0.86, rgb(217, 217, 217)));
}
::-webkit-scrollbar-track {	
	background-color: #F5F5F5;
	background-color: var(--color-grey-07);
}
body {
	background-image: none;
}
.cid-rLbBmXULTP.reportFT {
	top: initial;
	margin-top: initial;
}
.report-banner {
	padding: 75px 0 0;
}
.report-infSec-One,
.report-infSec-Two {
	padding: 0 0 10px;
}
.report-form-wrapper {	
	box-shadow: 1px 0px 20px 10px rgb(0 37 97 / 4%);
	border-radius: 15px;
	border: 1px solid rgb(147 149 152 / 12%);
	width: 50%;
	width: max(543px, 50%);
	margin: 48px auto;
	padding: 20px 20px 40px;
}
.report-form-wrapper .title {
	text-align: center;
	padding: 20px 0;
}
.formWrapper .form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	min-height: auto;
	padding: .375rem .75rem;
	font-family: var(--font-default);
	font-weight: 400;
	font-size: var(--font-size-7);
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #C5CCD8;
	border-radius: 8px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	box-shadow: none;	
}
.btn-style-02[disabled] {
	background-color: var(--color-grey-07);
	border-color: var(--color-grey-07);
	color: var(--color-grey-06);
}
.frm-register {
	padding: 0 20px;
}
.remark-wrapper .result.fail {
	color: var(--color-red-01);
}
.remark-wrapper .result.success {
	color: var(--color-green-01);
}
.name-wrapper .title, .title-wrapper .title {
	padding: 0 16px 0 0;
}
.table-result {
	box-shadow: 1px 0px 17px 7px rgb(0 37 97 / 18%);
	border-radius: 15px;
}
.table-result .table-heads {	
	background: linear-gradient(0deg, rgba(51, 81, 129, 1) 0%, rgba(0, 26, 69, 1) 100%);
}
.table-result .table-heads .head-item {
	border: none;
	text-align: center;
}
.table-result .body-item {
	text-align: center;
}
.table-result .table-heads .head-item:first-child {
	border-radius: 15px 0 0 0;
}
.table-result .table-heads .head-item:last-child {
	border-radius: 0 15px 0 0;
}
.table-result tbody tr:last-child .body-item:first-child {
	border-radius: 0 0 0 15px;
}
.table-result tbody tr:last-child .body-item:last-child {
	border-radius: 0 0 15px 0;
}
.table-result .table-striped tbody tr:nth-of-type(odd) {
	background: #e6e9ef;
}
.table-result .table-striped tbody tr:nth-of-type(even) {
	background: #8a9bb666;
}
.table-result .border-line-top:before {
	top: -12px;
}
.table-result .border-line-bottom:after {
	bottom: -28px;
	opacity: 1;
}
.invite-wrapper,
.advisor-wrapper {
	padding: 0 0 40px;
}
.title-wrapper,
.name-wrapper {
	padding: 0 0 12px;
}
.report-information {
	padding: 44px 0;
}
.table-responsive {
	overflow-y: hidden;
}
.table-responsive .table {
	margin-bottom: 0;
}
.report-information .head {
	line-height: 1.25;
}
input::placeholder {
	color: #BFBFC1 !important;
	opacity: .75 !important;
}
.searchInfo {
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
}
.result .opentypeb {
	text-decoration: underline;
	color: var(--fs-orange);
}
.swal2-show {
	width: fit-content;
	max-width: 352px;
	border-radius: 16px;
}
.swal2-header {
	padding: 0 !important;
}
.swal2-title {
	font-family: var(--font-bold) !important;
	font-weight: 400 !important;
	font-size: var(--font-size-9);
	line-height: 1.25;
	color: var(--black);
	padding: 0 10px !important;
}
.swal2-styled.swal2-confirm {
	background: var(--fs-orange) !important;
	font-size: var(--font-size-3) !important;
	border-radius: 100px !important;
	padding: 10px 10px 14px !important;
	width: 240px;
	line-height: 1;
}

/* ===== พื้นฐานคอนเทนเนอร์ที่มี data-scroll-cues ===== */
[data-scroll-cues] {
	position: relative;
	/* อิงตำแหน่งให้ลูกศร */
	-webkit-overflow-scrolling: touch;
	/* เลื่อนลื่นบน iOS */
	/* background: #fff; */
	/* ให้ไล่สีกลืนพื้นหลัง (ปรับได้) */
}

/* เพื่อให้เกิด overflow-x เมื่อคอลัมน์เยอะ (เฉพาะในคอนเทนเนอร์ที่เปิด cues) */
[data-scroll-cues] .table td,
[data-scroll-cues] .table th {
	white-space: nowrap;
}

/* ===== Sticky Header (เฉพาะคอนเทนเนอร์ที่เปิด cues) ===== */
[data-scroll-cues] thead th {
	position: sticky;
	top: 0;
	z-index: 2;
	/* อยู่ใต้ลูกศร (ลูกศร z=3) */
	/* background: #f8f9fa; */
	background-clip: padding-box;
	box-shadow: 0 1px 0 #dee2e6 inset, 0 2px 0 rgba(0, 0, 0, .03);
}

/* ===== Scroll Cues (อยู่ "ภายในคอนเทนเนอร์" และขยับตาม scroll) ===== */
.scroll-cue {
	position: absolute;
	/* จะขยับด้วย transform จาก JS */
	top: 0;
	/* แถบสูงเต็มคอนเทนเนอร์ */
	height: 100%;
	width: 56px;
	/* ใช้ร่วมกับ JS คำนวณขอบขวา */
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	/* ไม่บังการแตะ/เลื่อน */
	z-index: 3;
	transition: opacity .25s, visibility .25s;
	opacity: 1;
	visibility: visible;
	will-change: transform;
	/* ลื่นบนมือถือ */
}
.scroll-cue--left {
	left: 0;
	/* จุดตั้งต้นซ้าย (JS จะเลื่อนตาม scrollLeft) */
	background: linear-gradient(to right, rgba(255, 255, 255, .96) 45%, rgba(255, 255, 255, 0));
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 10%, rgb(255 255 255 / 53%) 100%)
}
.scroll-cue--right {
	left: 0;
	/* ใช้ left + transform คำนวณไปชิดขวาด้วย JS */
	background: linear-gradient(to left, rgba(255, 255, 255, .96) 45%, rgba(255, 255, 255, 0));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgb(255 255 255 / 53%) 100%)
}
.scroll-cue--hidden {
	opacity: 0;
	visibility: hidden;
}
.scroll-cue__icon {
	width: 45px;
	height: 45px;	
	color: #F37021;
	opacity: .6;
}

@media (prefers-reduced-motion: no-preference) and (max-width: 1199px) {
	.scroll-cue--right .scroll-cue__icon {
		animation: scq-nudge-r 1.2s infinite;
	}
	.scroll-cue--left .scroll-cue__icon {
		animation: scq-nudge-l 1.2s infinite;
	}
	@keyframes scq-nudge-r {
		0%,
		100% {
			transform: translateX(0)
		}
		50% {
			transform: translateX(6px)
		}
	}
	@keyframes scq-nudge-l {
		0%,
		100% {
			transform: translateX(0)
		}
		50% {
			transform: translateX(-6px)
		}
	}
}

/* --- ตัวเลือก: แสดงลูกศรเฉพาะจอเล็ก (เปิดคอมเมนต์หากต้องการ) ---
@media (max-width: 575.98px){
	.scroll-cue{ display:flex; }
}
@media (min-width: 576px){
	.scroll-cue{ display:none; }
}
----------------------------------------------------------- */