.main{
			font-family:'Conv_thaisanslite',Sans-Serif;
			font-size: 22px;
		}
		@font-face {
			font-family: 'Conv_thaisanslite';
			src: url('../fonts/thaisanslite.eot');
			src: local('☺'), url('../fonts/thaisanslite.woff') format('woff'), url('../fonts/thaisanslite.ttf') format('truetype'), url('../fonts/thaisanslite.svg') format('svg');
			font-weight: normal;
			font-style: normal;
		}
		.benchmask {
			font-size: 12pt;
		}
		.text-link{
			color:#FFF!important;
		}
		.active{
			background-image: -webkit-linear-gradient(top, rgb(42, 4, 4), rgb(112, 61, 61));
		}
		.textTitle{
			margin-left: 15px;
			font-size:18px;
		}
		.searchBut {
			-webkit-box-shadow: 9px 8px 6px -6px rgba(181,181,181,1);
			-moz-box-shadow: 9px 8px 6px -6px rgba(181,181,181,1);
			box-shadow: 9px 8px 6px -6px rgba(181,181,181,1);
		}
		.pinkBox{
			background-color: #f5e7e7;
			padding: 10px 10px 10px 10px;
			margin:20px 0 0 0;
			font-size:110%;
			-webkit-box-shadow: 9px 8px 6px -6px rgba(181,181,181,1);	
			-moz-box-shadow: 9px 8px 6px -6px rgba(181,181,181,1);
			box-shadow: 9px 8px 6px -6px rgba(181,181,181,1);
		}

		.pinkBoxTab2{
			/*background-color: rgb(17, 16, 16);*/
			padding: 50px 10px 50px 10px;
			/*margin:20px 0 20px 0;*/
			-webkit-box-shadow: 9px 8px 13px -6px rgba(181,181,181,1);
			-moz-box-shadow: 9px 8px 13px -6px rgba(181,181,181,1);
			box-shadow: 9px 8px 13px -6px rgba(181,181,181,1);
		}
		.btnCirle {
			display:block;
			height: 25px;
			width: 25px;
			line-height: 15px;
			text-align: center;
			vertical-align: middle;
			border-radius: 50%;
			cursor: pointer;
		}
		.filterContent{
			margin-top: 5px;
			margin-bottom: 5px;
		}
		nav {
		  width: 100%;
		  margin: 0 auto;
		  background: #DBDBDB;
		}
		nav ul {
		  list-style: none;
		  text-align: center;
		}
		nav ul li {
		  display: inline-block;
		}
		nav ul li a {
		  display: block;
		  padding: 15px;
		  font-size: 20px;
		  text-decoration: none;
		  color: #aaa;
		  font-weight: 600;
		  margin: 0 10px;
		}
		nav ul li a,
		nav ul li a:after,
		nav ul li a:before {
		  transition: all .5s;
		}
		nav ul li a:hover {
		  color: #831D1F;
		  text-decoration: none;
		}

		/* stroke */
		nav.stroke ul li a,
		nav.fill ul li a {
		  position: relative;
		}
		nav.stroke ul li a:after,
		nav.fill ul li a:after {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  margin: auto;
		  width: 0%;
		  content: '.';
		  color: transparent;
		  background: #FFF;
		  height: 3px;
		}
		nav.stroke ul li a:hover:after {
		  width: 100%;
		}


		/* Keyframes */
		@-webkit-keyframes fill {
		  0% {
		    width: 0%;
		    height: 1px;
		  }
		  50% {
		    width: 100%;
		    height: 1px;
		  }
		  100% {
		    width: 100%;
		    height: 100%;
		    background: #333;
		  }
		}

		.MonthDatePicker .ui-datepicker-month
{
    display:none;
}
.HideTodayButton .ui-datepicker-buttonpane .ui-datepicker-current
{
    visibility:hidden;
}

.hide-calendar .ui-datepicker-calendar
{
	display:none!important;
}

.align-middle{
	text-align: center;
}

.toggleTable{
	cursor:pointer;
}

.content-box{
	padding: 10px;
	background-color: white;
}

.graph-box{
	/*overflow: scroll;*/
	/*height:100%;*/
	/*height: -webkit-fill-available;*/
}

.table-box th{
	/*height:100%;
	height: -webkit-fill-available;*/
	/*background: linear-gradient(#513333, #555353);*/
}

.top-box{
	color: white;
	padding:10px;
	background-color: rgb(17, 16, 16);
}

.rowTab2{
	padding: 0px 10px 0px 0px!important;
	font-size: 1.30rem;
	border: 1px solid #D9E4E6;
	background-color: #ffffff;
	text-align: right;
}

.tableTab2{
	/*background-color: #f7f7f7!important;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);*/
}

.fiscal{
	text-align:right;
}

.tab2-search-btn{
	margin-left:20px;

-webkit-box-shadow: 10px 10px 5px -3px rgba(141, 128, 128, 0.75);
    -moz-box-shadow: 10px 10px 5px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 3px 0px rgba(93, 85, 85, 0.92);
		border: 1px solid;
		border-color: #78899a;
}

.column-1{
	padding: 5px 0px 5px 0px!important;
	/*background-color: #423d89;*/
	/*background-color: #d5e8ed;*/
	background-color: #bfd3d9;
	color:#000000;
}

.column-2{
	padding: 5px 0px 5px 0px!important;
	/*background-color: #423d89;*/
	/*background-color: #d5e8ed;*/
	background-color: #bfd3d9;
	color:#000000;
}

.column-2sub1{
	padding: 5px 0px 5px 0px!important;
	/*background-color: #2eb84cb5*/
	background-color: #d5e8ed;
	color:#000000;
}

.column-2sub2{
	padding: 5px 0px 5px 0px!important;
	/*background-color: #e6b630;*/
	background-color: #d5e8ed;
	color:#000000;
}

.column-2sub3{
	padding: 5px 0px 5px 0px!important;
	/*background-color: #ef7263;*/
	background-color: #d5e8ed;
	color:#000000;
}

.column-box{
	color:#ffffff;
}

.type-name{
	background-color:red;
}

.color-sp{
	background-color:blue;
}

.sp-color.num-data_0{
	background-color:#eeeeee
}

.sp-color.num-data_1{
	background-color:#eeeeee
}

.sp-color.num-data_2{
	background-color:#eeeeee
}

.rowTab2-head{
	background-color:#eeeeee;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0)!important;
}

.active.nav-tab2 {
	cursor:pointer;
	color: #ffffff!important;
	/*background-color: #272b5f!important;*/
	background-color: #333f50!important;
	background-image: none!important;
}

a.nav-tab2{
	/*color: #007bff;*/
	cursor:pointer;
	color: #ffffff;
}

.nav-box{
	width: fit-content;
	/*background-color:#3d33cb61;*/
	background-color: #8497b0;
	color: #000000;
}

.row-name{
	text-align:center;
}

.responstable {
    /*margin: 1em 0;*/
    width: 100%;
    overflow: hidden;
    background: #FFF;
    color: #000000;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #167F92;
}

table.responstable {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

#dataTable {
	font-family: 'THSarabunNew'
}

#dataTable thead tr{
	background-color: #bfd3d9;
}
thead tr{
	text-align:center; 
	font-weight:bold;
}