/* PADDING MARGIN //////////////// */
.pd-0 {padding:0 !important;}.pd-15 { padding-left:15px !important;padding-right:15px !important;} .pd-20 { padding:20px !important;} .pd-30 { padding:30px !important;} 
.pl-10 { padding-left:10px !important; }.pl-15 { padding-left:15px !important; }.pl-20 { padding-left:20px !important; }.pl-35 { padding-left:35px !important; }.pl-25 { padding-left:25px !important; }
.mg-0 {margin:0 !important;}.mg-15 { margin-left:15px !important;margin-right:15px !important;} .mg-30 { margin:30px !important;} 
.pt-0 { padding-top:0px !important;}.pt-3 { padding-top:3px !important;}.pt-5 { padding-top:5px !important;}.pt-10 { padding-top:10px !important;}.pt-20 { padding-top:20px !important;}.pt-30 { padding-top:30px !important;}.pt-40 { padding-top:40px !important;}.pt-50 { padding-top:50px !important;}.pt-60 { padding-top:60px !important;}.pt-110 { padding-top:110px !important;}
.pb-5 { padding-bottom:5px !important;}.pb-10 { padding-bottom:10px !important;}.pb-20 { padding-bottom:20px !important;}.pb-30 { padding-bottom:30px !important;}.pb-40 { padding-bottom:40px !important;}.pb-50 { padding-bottom:50px !important;}.pb-60 { padding-bottom:60px !important;}
.mt-0 { margin:0px !important;}.mt-5 { margin-top:5px !important;}.mt-10 { margin-top:10px !important;}.mt-15 { margin-top:15px !important;}.mt-20 { margin-top:20px !important;}.mt-30 { margin-top:30px !important;}.mt-40 { margin-top:40px !important;}.mt-50 { margin-top:50px !important;}.mt-60 { margin-top:60px !important;}
.mb-0 { margin-bottom:0px !important;}.mb-5 { margin-bottom:5px !important;}.mb-10 { margin-bottom:10px !important;}.mb-15 { margin-bottom:15px !important;}.mb-20 { margin-bottom:20px !important;}.mb-30 { margin-bottom:30px !important;}.mb-40 { margin-bottom:40px !important;}.mb-50 { margin-bottom:50px !important;}.mb-60 { margin-bottom:60px !important;}
.mt-120 {margin-top:120px !important;}
 
/* PADDING MARGIN //////////////// */
/* FONT SIZE //////////////// */
.font-10 {font-size: 10px !important;line-height: 1.4 !important; font-weight: 400;}
.font-12 {font-size: 12px !important;line-height: 1.4 !important; font-weight: 400;}
.font-14 {font-size: 14px !important;line-height: 1.4 !important; font-weight: 400;}
.font-16 {font-size: 16px !important;line-height: 1.4 !important; font-weight: 400;}
.font-18 {font-size: 18px !important;line-height: 1.4 !important; font-weight: 400;}
.font-20 {font-size: 20px !important;line-height: 1.4 !important; font-weight: 400;}
.font-22 {font-size: 22px !important;line-height: 1.4 !important; font-weight: 400;}
.font-24 {font-size: 24px !important;line-height: 1 !important;}
.font-26 {font-size: 26px !important;line-height: 1 !important;}
.font-28 {font-size: 28px !important;line-height: 1 !important;}
.font-30 {font-size: 30px !important;line-height: 1 !important;}  
.content-wrapper {
    max-width: 1150px !important;  
	margin-left: auto !important;
    margin-right: auto !important;
}
.content-fixed {
	margin-top: 3rem !important;
}
.horizontal-menu .header-navbar .navbar-wrapper {
    max-width: 1150px !important;  
	margin-left: auto !important;
    margin-right: auto !important;
}

body, button, input, select, textarea, .nav-link {
    font-family: "Kanit" !important;
    font-weight: 400 !important;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Kanit" !important; 
}
.nav-link {
    font-size: 16px;
    padding: 0px 20px  !important;
    /* font-style: italic; */
    letter-spacing: 1px;
}
.nav-user {
    font-size: 14px;
    padding: 0px 5px  !important;
}
.p-3 {
    padding: 0rem !important;
}
.card-header, .card-body {
	/*
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
	*/
}
 .horizontal-menu.navbar-sticky .content > .content-wrapper { 
	margin-top: 3rem !important;
 }
.logo-m {
	max-height: 26px;
} 
 .brand-logo-m {
	/*display:none !important;*/
 } 
	#gSignInWrapper {
		margin-right: 10px;
	}
.py-1 {
    font-family: "Kanit" !important;
    font-weight: 400 !important;
}

.table thead th  {
    font-family: "Kanit" !important; 
    font-size: 16px !important;
}
@media (max-width: 767px){ 
	.logo-m {
	    max-height: 26px;
	} 
	.nav-link {

	}
	.nav-link-m { 
		font-size: 16px;
		padding: 10px 10px  !important;
		/* font-style: italic; */
		letter-spacing: 1px;
	}
	 .brand-logo-m {
		/*display:flex !important;*/
		padding:20px 0 0 !important;
	 } 
	#gSignInWrapper {
		margin-right: 0;
	}
	.swiper-centered-slides.swiper-container .swiper-slide i {
		font-size: 3rem !important;
	}
	
	.date-left {
		padding-right:5px !important;
	}
	.date-right {
		padding-left:5px !important;
	}
	.date-center {
		padding-right:5px !important;
		padding-left:5px !important;
	}

	.nav.nav-tabs .nav-item .nav-link.active, .nav.nav-pills .nav-item .nav-link.active, .nav.nav-tabs .nav-item .nav-link, .nav.nav-pills .nav-item .nav-link {
		padding: 5px 30px!important;
	}
}