<!--
body {
	background-color: #EAEFF5;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style1 {
	font-size: 18px;
	font-weight: bold;
}
.style2 {font-size: 14px; font-weight: bold; }
.style4 {font-size: 12px; font-weight: bold; }
a:link {
	text-decoration: none;
	color: #0000FF;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: none;
	color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #0000FF;
}
input[type=textgrid] {
	border-color: #FFFFFF;
	background-color: #EAEFF5;
	border-radius:4px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridcenter] {
	border-color: #FFFFFF;
	background-color: #EAEFF5;
	border-radius:4px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
	text-align:center;	
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridbackgreen] {
	border-color: #FFFFFF;
	background-color: #00A400;
	color:white;
	border-radius:4px;
	text-align:center;	
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridbackblue] {
	border-color: #FFFFFF;
	background-color: #2E64FE;
	color:white;
	border-radius:4px;
	text-align:center;	
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridbackred] {
	border-color: #FFFFFF;
	background-color: #FF4040;
	color:white;
	border-radius:4px;
	text-align:center;	
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridbackpurple] {
	border-color: #FFFFFF;
	background-color: #FE642E;
	color:white;
	border-radius:4px;
	text-align:center;	
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridbackgreennormal] {
	border-color: #FFFFFF;
	background-color: #009900;
	color:white;
	border-radius:4px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridbackrednormal] {
	border-color: #FFFFFF;
	background-color: #C60000;
	color:white;
	border-radius:4px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridbackmale] {
	border-color: #FFFFFF;
	background-color: #2E64FE;
	color:white;
	border-radius:4px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridbackfemale] {
	border-color: #FFFFFF;
	background-color: #F7819F;
	color:white;
	border-radius:4px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridsupervisor] {
	border-color: #FFFFFF;
	background-color: #2E64FE;
	color:white;
	border-radius:4px;
	text-align:center;	
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridinactive] {
	border-color: #FFFFFF;
	background-color: #F7819F;
	color:white;
	border-radius:4px;
	text-align:center;	
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridtunai] {
	border-color: #FFFFFF;
	background-color: #FE642E;
	color:white;
	border-radius:4px;
	text-align:left;	
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}

input[type=numbergrid] {
	border-color: #FFFFFF;
	background-color: #EAEFF5;
	border-radius:4px;
	margin: 0px 0px 0px 0px;	
	text-align:right;	
	width: 100%;
	height:23px;
 	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=numbergridbold] {
	border-color: #FFFFFF;
	background-color: #EAEFF5;
	border-radius:4px;
	margin: 0px 0px 0px 0px;	
	text-align:right;	
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridbold] {
	border-color: #FFFFFF;
	background-color: #EAEFF5;
	border-radius:4px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}


input[type=textgridtrx] {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	border-radius:4px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textgridtrxcenter] {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	border-radius:4px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:23px;
 	font-size: 12px;
	text-align:center;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=numbergridtrx] {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	border-radius:4px;
	margin: 0px 0px 0px 0px;	
	text-align:right;	
	width: 100%;
	height:23px;
 	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=numbergridboldtrx] {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	border-radius:4px;
	margin: 0px 0px 0px 0px;	
	text-align:right;	
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=numbergridboldgreentrx] {
	border-color: #FFFFFF;
	background-color: #00A400;
	color:#FFFFFF;
	border-radius:4px;
	margin: 0px 0px 0px 0px;	
	text-align:right;	
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=numbergridboldredtrx] {
	border-color: #FFFFFF;
	background-color: #C60000;
	color:#FFFFFF;
	border-radius:4px;
	margin: 0px 0px 0px 0px;	
	text-align:right;	
	width: 100%;
	height:23px;
 	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}

input[type=text] {
	background-color:white;
	border-radius:4px;
	width: 80%;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textbatchnumber] {
	background-color:white;
	border-radius:4px;
	width: 200px;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textbatchnumberdisable] {
	background-color:#FFEEA8;
	border-radius:4px;
	width: 200px;
    margin: 1px 0;
	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textbatchnumbereddisable] {
	background-color:#FFEEA8;
	border-radius:4px;
	width: 100px;
    margin: 1px 0;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textaturanpakaidisable] {
	background-color:#FFEEA8;
	border-radius:4px;
	width: 250px;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdisable] {
	background-color:#EAEFF5;
	border-color:#FFFFFF;
	border-radius:4px;
	color:black;
	width: 80%;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdisablebold] {
	background-color:#FFEEA8;
	border-radius:4px;
	color:black;
	width: 500px;
    margin: 5px 0px;
	font-size: 13px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textketeranganresep] {
	background-color:#FFF;
	border-radius:4px;
	color:black;
	width: 600px;
    margin: 0px 0px;
	font-size: 13px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdisableboldicd] {
	background-color:#FFEEA8;
	border-radius:4px;
	color:black;
	width: 700px;
    margin: 5px 0px;
	font-size: 13px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdisableitembold] {
	background-color:#FFEEA8;
	border-radius:4px;
	color:black;
	width: 400px;
    margin: 5px 0px;
	font-size: 14px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdisableitemboldmaster] {
	background-color:#FFEEA8;
	border-radius:4px;
	color:black;
	width: 350px;
    margin: 0px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdisableitemboldbatch] {
	background-color:#FFEEA8;
	border-radius:4px;
	color:black;
	width: 150px;
    margin: 0px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textnumberqty] {
	background-color:white;
	border-radius:4px;
	color:black;
	text-align:right;	
	width: 70px;
    margin: 5px 0px;
	font-size: 13px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textnumberdisable] {
	background-color:#EAEFF5;
	border-radius:4px;
	color:black;
	text-align:right;	
	width: 100px;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textnumberqtydisable] {
	background-color:#FFEEA8;
	border-radius:4px;
	color:black;
	text-align:right;	
	width: 100px;
    margin: 0px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textnumberpricedisable] {
	background-color:#FFEEA8;
	border-radius:4px;
	color:black;
	text-align:right;	
	width: 120px;
    margin: 0px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textnumberqtynb] {
	background-color:white;
	border-radius:4px;
	color:black;
	text-align:right;	
	width: 70px;
    margin: 0px 0px;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textnumbersigna] {
	background-color:white;
	border-radius:4px;
	color:black;
	text-align:center;	
	width: 50px;
    margin: 0px 0px;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textpriceqty] {
	background-color:white;
	border-radius:4px;
	color:black;
	text-align:right;	
	width: 120px;
    margin: 5px 0px;
	font-size: 13px;
	font-weight: bold;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textpriceqtynb] {
	background-color:white;
	border-radius:4px;
	color:black;
	text-align:right;	
	width: 120px;
    margin: 0px 0px;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textmemonb] {
	background-color:white;
	border-radius:4px;
	color:black;	
	width: 250px;
    margin: 0px 0px;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdisablecode] {
	background-color:#FFEEA8;
	border-radius:4px;
	color:black;
	width: 150px;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdisablefilter] {
	background-color:#FFEEA8;
	border-radius:4px;
	color:black;
	width: 80%;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdate] {
	background-color:white;
	border-radius:4px;
	width: 100px;
    margin: 1px 0;
	font-size: 12px;
	text-align:center;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textdatedisable] {
	background-color:#EAEFF5;
	border-color:#FFFFFF;
	border-radius:4px;
	color:black;
	width: 100px;
	font-size: 12px;
	text-align:center;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=password] {
	background-color:white;
	border-radius:4px;
	width: 80%;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textfilter] {
	background-color:white;
	border-radius:4px;
	width: 30%;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textfixedfilter] {
	background-color:white;
	border-radius:4px;
	width: 250px;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=number] {
	background-color:white;
	border-radius:4px;
	width: 30%;
    margin: 1px 0;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
input[type=textnumber] {
	background-color:white;
	border-radius:4px;
	width: 30%;
    margin: 1px 0;
	text-align : right;
	font-size: 12px;
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	background-color:white;
	border-radius:4px;
    width: 80%;
    height: 50px;
	margin: 1px 0;
    box-sizing: border-box;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    resize: none;
}

.textarearesep {
	background-color:white;
	border-radius:4px;
    width: 90%;
    height: 150px;
	margin: 1px 0;
    box-sizing: border-box;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    resize: none;
}

.textareadisable {
    background-color:#EAEFF5;
	border-radius:4px;
    color:black;
	width: 80%;
    height: 50px;
	margin: 1px 0;
    box-sizing: border-box;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    resize: none;
}

.textareadisableresep {
    background-color:#EAEFF5;
	border-radius:4px;
    color:black;
	width: 90%;
    height: 150px;
	margin: 1px 0;
    box-sizing: border-box;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    resize: none;
}

.buttongrid{
    width: 100%;
	height:25px;
	border-color: #FFFFFF;
	background-color: #D9D7C6;
	background-image: -moz-linear-gradient(top, #ECE9D8, #D9D7C6);
	background-image: -webkit-linear-gradient(top, #ECE9D8, #D9D7C6);
	color: black;
    padding: 0px 3px;
	margin-right:1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.buttongridicon{
    width: 25px;
	height:25px;
	border-color: #FFFFFF;
	background-color: #D9D7C6;
	background-image: -moz-linear-gradient(top, #ECE9D8, #D9D7C6);
	background-image: -webkit-linear-gradient(top, #ECE9D8, #D9D7C6);
	color: black;
    padding: 0px 3px;
	margin-right:1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.buttonfiltergridgreen{
    width: 25px;
	height:25px;
	border-color: #FFFFFF;
	background-color: #D9D7C6;
	background-image: -moz-linear-gradient(top, #ECE9D8, #D9D7C6);
	background-image: -webkit-linear-gradient(top, #ECE9D8, #D9D7C6);
	color: green;
    padding: 0px 3px;
	margin-right:1px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.buttonfiltergridred{
    width: 25px;
	height:25px;
	border-color: #FFFFFF;
	background-color: #D9D7C6;
	background-image: -moz-linear-gradient(top, #ECE9D8, #D9D7C6);
	background-image: -webkit-linear-gradient(top, #ECE9D8, #D9D7C6);
	color: red;
    padding: 0px 3px;
	margin-right:1px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.buttonfiltergridblue{
    width: 25px;
	height:25px;
	border-color: #FFFFFF;
	background-color: #D9D7C6;
	background-image: -moz-linear-gradient(top, #ECE9D8, #D9D7C6);
	background-image: -webkit-linear-gradient(top, #ECE9D8, #D9D7C6);
	color: blue;
    padding: 0px 3px;
	margin-right:1px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.buttonfiltergriddisable{
    width: 25px;
	height:25px;
	border-color: #FFFFFF;
	background-color: #D9D7C6;
	background-image: -moz-linear-gradient(top, #ECE9D8, #D9D7C6);
	background-image: -webkit-linear-gradient(top, #ECE9D8, #D9D7C6);
	color: red;
    padding: 0px 3px;
	margin-right:1px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.buttonfilter{
    background-color: #FFEEA8;
	border-color: #FFFFFF;
	border-radius: 5px;
	color: red;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.buttonpayment{
    background-color: red;
	border-color: #FFFFFF;
	border-radius: 5px;
	color: white;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.buttonpaymentgreen{
    background-color: green;
	border-color: #FFFFFF;
	border-radius: 5px;
	color: white;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.buttonpaymentblue{
    background-color: blue;
	border-color: #FFFFFF;
	border-radius: 5px;
	color: white;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.buttoncloseprint{
    background-color: #F9FF33;
	border-color: #FFFFFF;
	border-radius: 5px;
	color:#000000
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.buttonlogin{
    background-color: #6295B9;
	color: #FFFFFF;
	border-color: #FFFFFF;
	border-radius: 5px;
	height:30px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.button {
    background-color: #FFEEA8;
	border-color: #FFFFFF;
	border-radius: 5px;
    color: red;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.buttonred {
    background-color: #DDDDDD;
	border-color: #FFFFFF;
    color: black;
    padding: 3px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.select-style select {
	background-color:white;
    border-radius:4px;
    width: 80%;
	margin: 1px 0;
    font-size: 12px;	
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;	
}

.selecttipe-style select {
	background-color:white;
    border-radius:4px;
    width: 250px;
	margin: 1px 0;
    font-size: 12px;	
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;	
}

.selectstatus-style select {
	background-color:white;
    border-radius:4px;
    width: 250px;
	margin: 8px 0;
    font-size: 12px;	
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;	
}

.selectnomorracikan-style select {
	background-color:white;
    border-radius:4px;
    width: 80px;
	margin: 1px 0;
    font-size: 12px;	
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;	
}

.selecteticket-style select {
	background-color:white;
    border-radius:4px;
    width: 200px;
	margin: 1px 0;
    font-size: 12px;	
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;	
}

.selecticd-style select {
	background-color:white;
    border-radius:4px;
    width: 100px;
	margin: 1px 0;
    font-size: 12px;	
    box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;	
}
-->