@font-face {
font-family: 'TH SarabunPSK';
src: 
url('/static/common/font-thsarabun1.1/THSARABUN.eot');
src: 
url('/static/common/font-thsarabun1.1/THSARABUN.eot?') format('embedded-opentype'),
url('/static/common/font-thsarabun1.1/THSARABUN.woff') format('woff'),
url('/static/common/font-thsarabun1.1/THSARABUN.TTF') format('truetype');
}

.btnRefresh ,.btnRefresh:hover {
    background: linear-gradient(to bottom, #feda0c 0%, #dfa304 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none;
    border-radius: 3px;
    color: #361a65;
    display: inline;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 12px !important;
    position: absolute;
    width: auto !important;
}

#div_view_receipt{
	font-family: Tahoma;
	    color: #333 !important;
    font-size: 12px !important;
}

strong {font-size: 9pt !important; font-weight: bold;}

.tg-stamp {
    height: auto;
left: 200px;
position: relative;
width: 50px;

}

.tg-signature {
    height: auto;
left: 200px;
position: relative;
width: 120px;
}


.tg-stamp-print{
	position: absolute;
left: 210px;
width: 50px;
height: auto;
margin-top:-70px;

}
.tg-signature-print{
	position: absolute;
left: 270px;
width: 100px;
height: auto;
margin-top:-65px;

}

.receipt_type{
	color: #7030A0 !important;
}


.panel-box {
border: 0.2em solid #333;
min-height: 100px;
position: relative;
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,227,243,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,227,243,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,227,243,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,227,243,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,227,243,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,227,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4e3f3',GradientType=0 );
box-shadow: 0px 0px 1px rgba(0,0,0,0.8);
}

.panel-box .border {
width: 100%;
height: 4px;
margin: 0;
padding: 0;
background-image: url('img/box-border.png');
}

.row-fluid [class*="span"] {
  min-height: 20px;
	padding-left: 5px !important;
}

/********* Added SEP 07,2014 by Suphajit ******/
a.purple-button   {background: none repeat scroll 0 0 #49096c; color: #ffffff;  border-radius: 3px;
    display: block;
    padding: 2px 8px;
	text-align:center;
    text-decoration: none;}
	
a:hover.purple-button  {
	color:#ffffff;
	text-decoration: underline;
}	

.input-white {
	width: 100px;
	background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s !important;
	}
.mandatory {color:#B20000; }
.valign-middle { display:block; vertical-align: middle;}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    font-weight: bold;
    outline: medium none;
	border-width: 2px;
}
.linehigh20{
	line-height: 20px !important;
}
.row-fluid [class*="span"].line-top{min-height:3px; max-height:3px;}

.line-top{
	border-top: 1px solid #B279CA;
	height: 3px !important;
}
.line-bottom{
	border-bottom: 1px solid #B279CA;
	min-height: 3px !important;
}
.line-left{
	border-left: 1px solid #B279CA;
}

.text-center{
	text-align: center;
}
.text-right{
	text-align: right !important;
}

.text-10px{ font-size: 10px;}
.text-9px{ font-size: 9px;}
.text-8px{ font-size: 8px;}


.line-top{ border-top: 0.2em solid #505050;}
.line-bottom{ border-bottom: 0.2em solid #505050;}
.line-left{ border-left: 0.2em solid #505050;}
.line-right{
	border-right: 0.2em solid #505050;
}


.print-table{
	
	padding: 2px;

	right: auto;
	}
.print-table td{
	padding: 2px;
	font-size:9pt;
	font-family: Tahoma;
	height: 16px;
}

.print-table-noline{
	border: 0px;
	padding: 2px;
	width: 99%;
	right: auto;
	margin-left:8px;
}

[class*="table-span"] {
	font-size: 9pt !important;
}	
	
.table-span1{ width:9%;}
.table-span2{ width:18%;}
.table-span3{ width:28%;}
.table-span4{ width:38%;}
.table-span5{ width:48%;}
.table-span6{ width:58%;}
.table-span7{ width:68%;}
.table-span8{ width:78%;}
.table-span9{ width:88%;}
.table-span10{ width:98%;}

.table-data td{ /*padding-top: 6px !important; padding-bottom: 6px !important;*/}

.panel-box{
  background: none;
}