.hidden {
	display: none;
}

.mini-spinner {
	width: 1rem !important;
	height: 1rem !important;
}

.btn-print, .btn-icon, .btn-user  {
	width: 30px !important;
	height: 30px !important;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.table-narrow td, .table-narrow th {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.select2-container .select2-selection--single .select2-selection__clear {
	font-size: 1.7em;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	padding-right: 5px;
	margin-top: -3px;
}

.select2-container--open {
	z-index: 9999 !important;
}

.datepicker-container {
	z-index: 9999 !important;
}


.img-zoom { transition: all .2s ease-in-out;  }
.img-zoom:hover { transform: scale(1.4); position: relative; z-index: 100;}

.img-zoom2x { transition: all .2s ease-in-out;  }
.img-zoom2x:hover { transform: scale(2); position: relative; z-index: 100;}

.img-zoom5x { transition: all .2s ease-in-out;  }
.img-zoom5x:hover { transform: scale(5); position: absolute; z-index: 100;}

.img-fit {object-fit:cover;}
.img-fit:hover {object-fit:contain;}


/* .amount {
	font-size: 1.5rem !important;
} */

.amount_th {
	font-size: 1.3rem !important;
}

.btn-print {
	width: 30px !important;
	height: 30px !important;
}

.icon-cover {
	width: 30px !important;
	height: 30px !important;
}

.btn-creative-card {
	width: 30px !important;
	height: 30px !important;
}

.item-cover, .fund-cover {
	width: 90px;
}

.baimo-cover {
	width: 270px;
}

#slip_img, .slip_img  {
	width: 180px;
}

.slip, .cover_sheet, .user-avatar-xxl {
	width: 120px;
}

.user-avatar {
	width: 40px;
}

.user-avatar-lg {
	width: 60px;
}

.user-avatar-xl {
	width: 100px;
}

.center-cover-form {
	width: 30px;
}


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.table-narrow td, .table-narrow th {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.select2-container .select2-selection--single .select2-selection__clear {
	font-size: 1.7em;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	padding-right: 5px;
	margin-top: -3px;
}

.datepicker-container {
	z-index: 9999 !important;
}

.img-zoom { transition: all .2s ease-in-out;  }
.img-zoom:hover { transform: scale(1.4); position: relative; z-index: 100;}

.img-zoom2x { transition: all .2s ease-in-out;  }
.img-zoom2x:hover { transform: scale(2); position: relative; z-index: 100;}

.img-zoom5x { transition: all .2s ease-in-out;  }
.img-zoom5x:hover { transform: scale(5); position: absolute; z-index: 100;}

.img-fit {object-fit:cover;}
.img-fit:hover {object-fit:contain;}

.tab-pane {
	overflow-x: clip;
}

.img-preview, .pointer {
	cursor: pointer;
}

.j-sticker {
	height: 50px;
	width:50px;
	font-size: 30px;
	color: rgb(90, 90, 90);
	bottom: 10px;
	right: 10px;
}

.lg>.feather {
	height: 1.5rem !important;
	width: 1.5rem !important;
}

.top-japan-center {
	flex-grow: 1;
}
.top-japan-center>.btn-group {
	width: 100%;
}
.top-japan-center .dropdown-menu{
	width: 100%;
	text-align: center;
}

/* .top-japan-center .btn-group{
	max-width: 280px;
} */

.top-japan-center .btn-group>.dropdown-toggle{
	padding: 0.786rem 3px;
}

@media (min-width: 992px) {
	.topmenu-title {
		width: 120px;
	}
	.top-japan-center .btn-group{
		max-width: initial;
	}
}


.air-datepicker-global-container {
	z-index: 99999;
}

.user-avatar img {
	width: 40px;
	height: 40px;
	object-fit: cover; 
  object-position: 50% 50%;
}


.user-avatar {
	position: relative;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
}

.font-sarabun {
  font-family: 'Sarabun', sans-serif !important;
}


.popover {
	width: 300px !important;
}


.z-index999 {
	z-index: 999;
}

.li-space-more li{
	margin-bottom: 20px;
	font-size: 1.2em;
}


.spin {
  animation: spin 1s linear infinite;
  font-size: 24px; /* Adjust size as needed */
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}