.hidden {
	display: none;
}

.mini-spinner {
	width: 1rem !important;
	height: 1rem !important;
}

.btn-print, .btn-icon, .btn-user  {
	width: 30px !important;
	height: 30px !important;
}

.user-avatar {
	width: 40px;
}

.user-avatar-icon {
	width: 40px !important;
	height: 40px !important;
}

.user-avatar2x {
	width: 80px;
}

.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;}


.amount {
	font-size: 1.5rem !important;
}

.amount_th {
	font-size: 1.3rem !important;
}

.btn-print {
	width: 30px !important;
	height: 30px !important;
}

.btn-creative-card {
	width: 30px !important;
	height: 30px !important;
}

#slip_img {
	width: 180px;
}

.user-avatar {
	width: 40px;
}

.organization-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 {
	cursor: pointer;
}

.pointer {
	cursor: pointer;
}

.j-sticker {
	height: 50px;
	width:50px;
	font-size: 30px;
	color: rgb(90, 90, 90);
	bottom: 10px;
	right: 10px;
}