@charset "UTF-8";

body {
	background-color: 	#f8f9fa; /* ฟ้าอมเทาอ่อน */
}

.card {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.tooltip, .popover {
	font-family: Kanit, serif;
}
.system-paging .page-item, .system-paging .page-item.disabled,
.system-paging .page-item .page-link, .system-paging .page-item.disabled .page-link {
	color: #000;
}

.input-primary.form-check-input:checked {
	background-color: rgb(var(--bs-primary-rgb)) !important;
}
.input-secondary.form-check-input:checked {
	background-color: rgb(var(--bs-secondary-rgb)) !important;
}
.input-success.form-check-input:checked {
	background-color: rgb(var(--bs-success-rgb)) !important;
}
.input-info.form-check-input:checked {
	background-color: rgb(var(--bs-info-rgb)) !important;
}
.input-warning.form-check-input:checked {
	background-color: rgb(var(--bs-warning-rgb)) !important;
}
.input-danger.form-check-input:checked {
	background-color: rgb(var(--bs-danger-rgb)) !important;
}
.input-light.form-check-input:checked {
	background-color: rgb(var(--bs-light-rgb)) !important;
}
.input-dark.form-check-input:checked {
	background-color: rgb(var(--bs-dark-rgb)) !important;
}
:root {
	--collapse-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	--collapse-icon-white: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d1d6de' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	--collapse-icon-transform: rotate(-180deg);
	--collapse-icon-transition: transform 0.2s ease-in-out;
	--collapse-icon-width: 1.35rem;
}
.collapse-icon {
	position: relative;
	display: flex;
	cursor: pointer;
	width: var(--collapse-icon-width);
	height: var(--collapse-icon-width);
	margin-left: auto;
	align-items: center;
	background-image: var(--collapse-icon);
	background-repeat: no-repeat;
	background-size: var(--collapse-icon-width);
	background-position: center;
	transition: var(--collapse-icon-transition);
}
.collapse-icon.collapse-icon-white {
	background-image: var(--collapse-icon-white);
}
.collapse-icon:not(.collapsed) {
	transform: var(--collapse-icon-transform);
}

@keyframes tada {
	0% { transform: scale3d(1, 1, 1); }
	10%, 5% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg); }
	15%, 25%, 35%, 45% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg); }
	20%, 30%, 40% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg); }
	50% { transform: scale3d(1, 1, 1); }
}
.icon-tada {
    transition: 0.15s;
    animation: 3s ease 0s infinite normal both running tada;
}

@keyframes rotate-360 {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.icon-rotate {
	transition: 0.15s;
	animation: 3s linear 0s infinite normal both running rotate-360;
}
@keyframes pulse {
	0% { transform: scale3d(0.8, 0.8, 0.8); }
	50% { transform: scale3d(1, 1, 1); }
	100% { transform: scale3d(0.8, 0.8, 0.8); }
}
.icon-pulse {
	transition: 0.15s;
	animation: 2s ease 0s infinite normal both running pulse;
	opacity: 1; 
}
.nav-tabs .nav-link.active {
	font-weight: 600;
	color: #00359E;
	background-color: #CCD7EC;
}
.tab-content {
	background-color: #ffffff;
	border-top: none;
	padding: 0rem;
}
.placeholder-progress {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: rgb(225 225 225);
    opacity: .5;
}
.ios-touch-scrolling {
	-webkit-overflow-scrolling: touch;
}