.icon-48-tests {
      background-image: url(../images/l_tests.png);
      padding-left:60px!important;
}

.icon-48-test {
      background-image: url(../images/l_tests.png);
      padding-left:60px!important;
}

.color-box-tests {
      float: left;      width: 15px;      height: 15px;      margin-right: 5px;      border: 1px solid rgba(0, 0, 0, .2);}



.other-filters{
    padding: 0 14px;
}

input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
.inputbox {
	width: 120px;
}

/* CSS ของ input type text : Add by TOM@07-10-2560 */
.w5 {width: 5px; height: 20px}
.w10 {width: 10px; height: 20px}
.w15 {width: 15px; height: 20px}
.w20 {width: 20px; height: 20px}
.w25 {width: 25px; height: 20px}
.w30 {width: 30px; height: 20px}
.w35 {width: 35px; height: 20px}
.w40 {width: 40px; height: 20px}
.w45 {width: 45px; height: 20px}
.w50 {width: 50px; height: 20px}
.w55 {width: 55px; height: 20px}
.w60 {width: 60px; height: 20px}
.w65 {width: 65px; height: 20px}
.w70 {width: 70px; height: 20px}
.w75 {width: 75px; height: 20px}
.w80 {width: 80px; height: 20px}
.w85 {width: 85px; height: 20px}
.w90 {width: 90px; height: 20px}
.w95 {width: 95px; height: 20px}
.w100 {width: 100px; height: 20px}
.w110 {width: 110px; height: 20px}
.w120 {width: 120px; height: 20px}
.w130 {width: 130px; height: 20px}
.w140 {width: 140px; height: 20px}
.w150 {width: 150px; height: 20px}
.w200 {width: 200px; height: 20px}
.w280 {width: 280px; height: 20px}
.w300 {width: 300px; height: 20px}
.w350 {width: 350px; height: 20px}
.w400 {width: 400px; height: 20px}
.w500 {width: 500px; height: 20px}

.p1 {width: 1%; min-width: 5px; padding-right: 0px; height: 25px}
.p2 {width: 2%; min-width: 10px; padding-right: 0px; height: 25px}
.p3 {width: 3%; min-width: 15px; padding-right: 0px; height: 25px}
.p5 {width: 5%; min-width: 20px; padding-right: 0px; height: 25px}
.p8 {width: 8%; min-width: 80px; padding-right: 0px; height: 25px}
.p10 {width: 10%; min-width: 100px; padding-right: 0px; height: 25px}
.p13 {width: 11%; min-width: 100px; padding-right: 0px; height: 25px}
.p15 {width: 15%; min-width: 120px; padding-right: 0px; height: 25px}
.p20 {width: 20%; min-width: 120px; padding-right: 0px; height: 25px}
.p22 {width: 22%; min-width: 120px; padding-right: 0px; height: 25px}
.p23 {width: 23%; min-width: 120px; padding-right: 0px; height: 25px}
.p24 {width: 24%; min-width: 120px; padding-right: 0px; height: 25px}
.p25 {width: 25%; min-width: 120px;  height: 25px}
.p26 {width: 26%; min-width: 120px; padding-right: 0px; height: 25px}
.p265 {width: 26.5%; min-width: 120px; padding-right: 0px; height: 25px}
.p27 {width: 27.5%; min-width: 120px; padding-right: 0px; height: 25px}
.p28 {width: 28%; min-width: 120px; padding-right: 0px; height: 25px}
.p29 {width: 29%; min-width: 120px; padding-right: 0px; height: 25px}
.p30 {width: 30%; min-width: 120px; padding-right: 0px; height: 25px}
.p33 {width: 32%; min-width: 120px; padding-right: 0px; height: 25px}
.p35 {width: 35%; min-width: 120px; padding-right: 0px; height: 25px}
.p37 {width: 37%; min-width: 120px; padding-right: 0px; height: 25px}
.p40 {width: 42.3%; min-width: 120px; padding-right: 0px; height: 25px}
.p45 {width: 45%; min-width: 120px; padding-right: 0px; height: 25px}
.p46 {width: 46.5%; min-width: 120px; padding-right: 0px; height: 25px}
.p47 {width: 47%; min-width: 120px; padding-right: 0px; height: 25px}
.p48 {width: 48%; min-width: 120px; padding-right: 0px; height: 25px}
.p50 {width: 50%; min-width: 120px; padding-right: 0px; }
.p55 {width: 55%; min-width: 120px; padding-right: 0px; height: 25px}
.p60 {width: 60%; min-width: 120px; padding-right: 0px; height: 25px}
.p65 {width: 65%; min-width: 120px; padding-right: 0px; height: 25px}
.p68 {width: 68%; min-width: 120px; padding-right: 0px; height: 25px}
.p70 {width: 70%; min-width: 120px; padding-right: 0px; height: 25px}
.p75 {width: 75%; min-width: 120px; padding-right: 0px; height: 25px}
.p80 {width: 80%; min-width: 120px; padding-right: 0px; height: 25px}
.p85 {width: 85%; min-width: 120px; padding-right: 0px; height: 25px}
.p90 {width: 90%; min-width: 120px; padding-right: 0px; height: 25px}

.p5, .p8, .p10, .p13, .p15, .p20, .p22, .p23, .p24, .p25, .p26, .p265, .p27, .p28, .p29, .p30, .p33, .p35, .p40, .p45, .p46, .p48, .p50, .p55, .p60, .p65, .p68, .p70, .p75, .p80, .p85, .p90{
  padding-bottom: 2px !important;
  padding-top: 2px !important;
}

.h30 {height: 30px}

.hd1 {
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
    font-size: 20px;
	font-weight: bold;
	color: #008B8B;
	padding-bottom: 8px;
	padding-top: 10px;
}

.h1green {
	color:#12C612;
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
    font-size: 20px;
	font-weight: normal;
}

.h1red {
	color:#FC0000;
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
    font-size: 20px;
	font-weight: normal;
}

.title0 {
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
	font-size: 26px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 8px;
	padding-top: 10px;
	text-align: right;
}

.titlebig {
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 8px;
	padding-top: 10px;
	text-align: center;
}

.title1 {
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 8px;
	padding-top: 10px;
	text-align: center;
}

.title2 {
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	padding-bottom: 8px;
	padding-top: 10px;
	text-align: right;
}

.fnblue  {
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
	font-weight: normal;
    font-size: 20px;
	color: #0000FF;
}

.ajax {
	background-color:#B5EF96 !important;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px !important;
	border-top-style: solid;

	border-left: 5px !important;
	border-right: 5px !important;
	border-top: 5px !important;

}

.autofill {  /* สำหรับช่องที่กรอกได้เท่านั้น  */
	/*background-color:#E6E6E6 !important;*/
	border-right-width: 0px !important;
	border-left-width: 0px !important;
	border-top-width: 0px !important;
	border-bottom: 1px !important;
	border-style:dotted !important;
	border-color:#585858 !important;

}


.fnred  {
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
	font-weight: normal;
    font-size: 20px;
	color: #DC143C;
}

.fname  {
	font-family: "Browallia New", "Angsana New", CordiaUPC, "Courier New";
	font-weight: bold;
    font-size: 20px;
	color: #0000FF;
	padding-bottom: 8px;
	padding-top: 10px;
	text-align: right;
}

/********************************************/



/********** File Input **************/
#file_browse_wrapper {
	width: 93px;
	height: 28px;
	background: url('../images/button/file_browse_normal.png') 0 0 no-repeat;
	border:none;
	overflow:hidden;
}
#file_browse_wrapper:hover {
	background: url('../images/button/file_browse_hover.png') 0 0 no-repeat;
}
#file_browse_wrapper:active {
	background: url('../images/button/file_browse_pressed.png') 0 0 no-repeat;
}

.file_browse{
	margin-left:-145px;
	opacity:0.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.font-icon{
  font-size: 15px;
}

ul.typeahead.dropdown-menu{
  width:auto !important;
}

/* CSS สำหรับจัดระยะห่างของ input หน้าฟอร์ม : Add by TOM@21-11-2560 */
.sp2{
	margin-left:2%; }
.sp3{
	margin-left:3%; }
.sp5{
	margin-left:5%; }
.sp8{
	margin-left:8%; }
.sp10{
	margin-left:10%; }
.sp12{
	margin-left:12%; }
.sp13{
	margin-left:13%; }
.sp15{
	margin-left:15%; }
.sp16{
	margin-left:16%; }
.sp17{
	margin-left:17%; }
.sp18{
	margin-left:18%; }
.sp20{
	margin-left:20%; }
.sp25{
	margin-left:25%; }
.sp30{
	margin-left:30%; }
.sp40{
	margin-left:40%; }
.sp50{
	margin-left:50%; }
.sp60{
	margin-left:60%; }
.sp70{
	margin-left:70%; }
.sp80{
	margin-left:80%; }
.sp85{
	margin-left:85%; }
.sp90{
	margin-left:90%; }
.sp95{
	margin-left:95%; }

.star{ color:#FC0000 !important; font-size:24px; }

.spr5{
	margin-right:5%; }

.w100 {
	width: 100% !important;
}
.w95 {
	width: 95% !important;
}
.w90{
	width: 90% !important;
}
.w85 {
	width: 85% !important;
}
.w80 {
	width: 80% !important;
}
.w75 {
	width: 75% !important;
}
.w70 {
	width: 70% !important;
}
.w65 {
	width: 65% !important;
}
.w60 {
	width: 60% !important;
}
.w55 {
	width: 55% !important;
}
.w50 {
	width: 50% !important;
}
.w40 {
	width: 40% !important;
}
.w30{
	width: 30% !important;
}
.w20 {
	width: 20% !important;
}
.w10 {
	width: 10% !important;
}

/* Modal */
.modal-header .close {
  font-size: 3rem;
}
.modal-header h3{
  font-size: 25px;
}
.custom-tooltip{
  margin-right: 5px;
}
.tooltip-arrow,
.custom-tooltip + .tooltip > .tooltip-inner {
  font-size: 16px;
}

.box-label{
  width: 150px;
}
.modal-body{
  overflow-y: scroll;
}

.clrlft { clear: right; }
.clrrt { clear: left; }
.fltlft { float: right; }
.fltrt { float: left; }
.fltnone { float: none; }


.h3-red{
	color:#FB0D11;
	font-size:14px;
	font-weight:bold;
}

@font-face {
	font-family: thaisarabun;
	src: url('../font/THSarabun.woff') format('woff'),
	url('../font/THSarabun.ttf') format('truetype');
}

table.border tr td{
	border: solid 1px #000000;
}
table.border{
	border-collapse: collapse;
}
.border{
	border: solid 1px #000000;
}
.border-2{
	border: solid 2px #000000;
}
.collapse{
	border-collapse: collapse;
}
.padding-15{
	padding:0px 15px 0px 15px;
}
.padding-left30{
	padding-left:30px;
}
.right{
	float:right;
}
.margin-r50{
	margin-right:50px;
}
.h3-red{
	color:#FB0D11;
	font-size:14px;
	font-weight:bold;
}

.checkbox-box{
	margin-top: 0px;
	padding: 0px 0px 0px 0px !important;
}

.div_inline {
	float: left !important;
	display: inline !important;
}