@font-face {
    font-family: 'Sarabun';
    src: url(../font/Sarabun/Sarabun-Thin.ttf);
	unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
    font-family: 'SarabunMedium';
    src: url(../font/Sarabun/Sarabun-Medium.ttf);
	unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
    font-family: 'SarabunBold';
    src: url(../font/Sarabun/Sarabun-Bold.ttf);
	unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
    font-family: 'SarabunExtraBold';
    src: url(../font/Sarabun/Sarabun-ExtraBold.ttf);
	unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

.bg-color-lgreen {
	background-color: #edfcf2 !important;
}

.bg-color-lgrey {
	background-color: #EAECF0 !important;
}


body,
.tooltip,
.popover {
	font-family: 'SarabunMedium',Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size:1.2rem
}

.font-thin{
	font-family: 'Sarabun';
}

h1,h2.h3,h4,h5,h6 {
	font-family: 'SarabunBold';
}

.select2-container {
	z-index: 2050;
}

.modal .modal-full{
	max-width: 95%
}

.pointer{
	cursor:pointer;
}

.arrow{
	cursor:default;
}


.custom-control-label::after {
	left: -1.5rem;
}

.custom-control-label::before {
	left: -1.5rem;
}

div.dataTables_wrapper div.dataTables_filter input{
	background-image: url(../img/magnify-icon.jpg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 5px center;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: table-caption;
	font-size: 1rem;
}

	.text-small{
		font-size: 0.8rem;
	}

.text-size-14{font-size:14px;}
.text-size-15{font-size:15px;}
.text-size-16{font-size:16px;}
.text-size-17{font-size:17px;}
.text-size-18{font-size:18px;}
.text-size-20{font-size:20px;}
.text-size-22{font-size:22px;}
.text-size-24{font-size:24px;}

.badge-custom-green {
  background-color: #e8f5e9;  /* light green background */
  color: #2e7d32;             /* dark green text */
  border: 1px solid #c8e6c9;  /* soft border */
  padding: 0.4em 0.8em;
  font-size: 0.9rem;
  border-radius: 50rem;       /* pill shape */
  font-weight: 500;
}

#menu.navbar-nav .nav-link.active{
	color:#1c5f20 !important;
	font-weight:600;
	font-size: 18px;
	padding-top:5px;
}

.badge-custom-blue {
  background-color: #eff8ff;  /* light green background */
  color: #4d83de;             /* dark green text */
  border: 1px solid #cfeaff;  /* soft border */
  padding: 0.4em 0.8em;
  font-size: 0.9rem;
  border-radius: 50rem;       /* pill shape */
  font-weight: 500;
}