body, html {
    height: 100%;
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-family: Verdana, sans-serif;*/
    /*font-family: Arial, sans-serif;*/
    /*font-family: Tahoma, sans-serif;*/
    /*font-size: 0.95rem !important;*/
    font-family: 'Kanit', sans-serif;
    /*font-weight: 300 !important;*/
}

.bghl{background-color: #e0e2e4;}
/* Secondary Pagination */
.pagination > li > a, .pagination > li > span{
	padding: 1px 7px 1px 7px;
}
.pagination > li.active > a, .pagination > li.active > span{
	background-color: #6c757d !important;
	border-color: #6c757d !important
}
/* Dark Pagination */
/*.pagination > li.active > a, .pagination > li.active > span{
	background-color: #343a40 !important;
	border-color: #343a40 !important
}*/
/*.pagination > li > a, .pagination > li > span{background-color:red !important}*/

.fw100{font-weight: 100 !important;}
.fw200{font-weight: 200 !important;}
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}

table.datatable td {padding:0.35rem;};

.bol {font-weight:bold !important;}

.fh1{font-size: 2.4rem !important;}
.fh2{font-size: 2rem !important;}
.fh3{font-size: 1.75rem !important;}
.fh4{font-size: 1.5rem !important;}
.fh5{font-size: 1.25rem !important;}
.fh6{font-size: 1rem !important;}
.fh7{font-size: 0.75rem !important;}

.mhand{cursor: pointer;}
.main-sidebar,.brand-link { background-color: #242526 !important }

.irequired{color:#bb2d3b}

.scrollToTop{position: fixed; right:10px; bottom:0px; z-index:20;}

.flt1{min-width: 140px;}
.flt2{min-width: 165px;}

@media only screen and (max-width: 780px)  {
	.modal-dialog {
	  width: 98% !important;
	  /*height: 93% !important;*/
	  min-width: 98% !important;
	  /*min-height: 93% !important;*/
	  max-width: 98% !important;
	  /*max-height: 93% !important;*/
	  padding: 0 !important;
	}

/*	.modal-content {
	  height: 99% !important;
	  min-height: 99% !important;
	  max-height: 99% !important;
	}*/
}

.py12rm{padding-bottom: .12rem !important;padding-top: .12rem !important;}

.sidebar {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}