html {
  font-family: sans-serif,'THSarabun';
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif,'THSarabun';
  font: 180% 'THSarabun';
  /*font-weight: bold;*/
  color:#333333;
  background-color:#f2f2f2;
  
  /*line-height: 1.42857143;*/
}
h1,h2,h3,h4 {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif,'wdb_bangnaregular';
}
.table, .footer{
 font-size: 120%;    
}

li.nav-item, .btn, input, select{
	font-family: Arial;
	font-size:14px;
}
li.nav-item.disabled,a.disabled{
	cursor: not-allowed;
	color: lightgray;
}
.card{
	font-family: Arial;
	font-size:14px;	
}
/*
	#progress{
		position: fixed;
		top:16px;
		right: 70px;
		z-index:1000;
	}
	*/
	.navbar-brand{
		font-family:Arial;
	}
	.nav-tabs{
		color: #ffffff;
		font-family:Arial;
		font-size:14px;
	}
	.nav-tabs .nav-link:hover:not(.disabled) {
	  border-color: #6e7687;
	  color: #000000;
	}	
	.nav-tabs .nav-link.active{
		color:#ff9900;
		border-color: #ff9900;
		background: transparent;		
	}

	.form-label{
		font-family: Arial;
		font-size:16px;
		font-weight:bold;
	}
	.card-body{
		font-family: Arial;
		font-size:14px;
	}		
	.logdate{
		font-family:Arial;
		font-size:12px;
		color:#ff0000;
	}
	.bnum{
		color:#ff0000;
		font-family:Arial;
		font-size: 40px;
		text-align:center;
	}
	.c-1{width:10%;}
	.c-2{width:20%;}
	.c-3{width:30%;}
	.c-4{width:40%;}
	.c-5{width:50%;}
	.c-6{width:60%;}
	.c-7{width:70%;}
	.c-8{width:80%;}
	.c-9{width:90%;}
	.c-10{width:100%;}
	
	.table-fixed tbody {
		height: 300px;
		overflow-y: auto;
		width: 100%;
	}
	.table-fixed thead,
	.table-fixed tbody,
	.table-fixed tr,
	.table-fixed td,
	.table-fixed th {
		display: block;
		/*padding:0;*/
	}
	.table-fixed td{
		padding:0px 2px;
	}
	.table-fixed tr:after {
		content: "";
		display: block;
		visibility: hidden;
		clear: both;
	}
	.table-fixed tbody td,.table-fixed thead > tr > th {
		float: left;
		/*width: 25%;*/
	}

	/*.table > thead > tr > th,.table > thead > tr > td {*/
	.table-fixed > thead > tr > th {
		font-family:Arial;
		font-size: 14px;
		font-weight: 400;
		border-bottom: 0;
		letter-spacing: 1px;
		vertical-align: top;
		padding: 8px;
		background: #51596a;
		text-transform: uppercase;
		color: #ffffff;
	}
	*/
	.table-fixed th{
		font-weight:bold;
		padding:4px;
	}
	.table-fixed  td{
		font-family: Arial;
		font-size:14px;
		padding:0px 2px;  
	}
	.nopadding {
		padding: 0 !important;
		margin: 0 !important;
	}
	.no-gutters {
	  margin-right: 0;
	  margin-left: 0;

	  & > [class^="col-"],
	  & > [class*=" col-"] {
		padding-right: 0;
		padding-left: 0;
	  }
	}	
	
.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

 

@font-face {
    font-family: 'wdb_bangnaregular';
    src: url('../fonts/wdb_bangna/wdb_bangna-webfont.eot');
    src: url('../fonts/wdb_bangna/wdb_bangna-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/wdb_bangna/wdb_bangna-webfont.woff') format('woff'),
         url('../fonts/wdb_bangna/wdb_bangna-webfont.ttf') format('truetype'),
         url('../fonts/wdb_bangna-webfont.svg#wdb_bangnaregular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0E00–U+0E7F;
}

@font-face {
    font-family: 'THSarabun';
    src: url('../fonts/THSarabun/THSarabun.eot');
    src: url('../fonts/THSarabun/THSarabun.eot?#iefix') format('embedded-opentype'),
         url('../fonts/THSarabun/THSarabun.woff') format('woff'),
         url('../fonts/THSarabun/THSarabun.ttf') format('truetype'),
         url('../fonts/THSarabun/THSarabun.svg#wdb_bangnaregular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0E00–U+0E7F;
}