TD {
	FONT-SIZE: 18px; FONT-FAMILY: arial,sans-serif; color: #fff;
}

SELECT {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, sans-serif; font-weight: bold;
}

body {
    background-color: #b0c4de;
} 

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, input[type="checkbox"]:hover, input[type="radio"]:focus, input[type="radio"]:hover {
border-color: rgba(227, 27, 62, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.8);
outline: 0 none;}

select:focus, select:hover {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(227, 27, 62, 0.8);
outline: 0 none;}


input[type="button"], input[type="submit"] {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

/*** field width ***/
.namabarangfield {
	width: 500px;
}

.pricefield {
	width: 120px;
}

.longpricefield {
        width: 207px;
}

.qtyfield {
        width: 125px;
}

.datefield {
	width: 110px;
}

.percentagefield {
	 width: 40px;
}

.discountpricefield {
	width: 120px;
}

.longfield {
	width: 265px;
}

.shortfield {
        width: 73px;
}

/*** end field width ***/

td .titlebar {
	BACKGROUND: url(./images/titlebar.png) repeat-x left top;
	FONT-SIZE: 20px;
	FONT-WEIGHT: bold;
	color: #7FFF00;
	width : 1000px;
	height : 20px;
	text-align: center;
	-webkit-border-top-left-radius: 4px;
	 border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	 border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}

table .tabletitlebar {
	border-spacing : 0;
	padding : 0;
	font-family: arial;
	font-size: 12px;

}

table .tablebodybar {
	width : 1000px;
	background-color : #fff;
	background: url(./images/titlebodybar.png) repeat left top;
	border-spacing : 0px;
	padding : 10px;
	border-left: 2px dashed #fff;
	border-right: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	-webkit-border-bottom-left-radius: 4px;
	 border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	 border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}

table .tablebodylistrekam{
	width : 940px;
	border-spacing : 0px;
	padding : 8px;
	border-left: 2px dashed #000;
	border-right: 2px dashed #000;
	border-bottom: 2px dashed #000;
	-webkit-border-bottom-left-radius: 4px;
	 border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	 border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}

.tablebodylistrekam td{
	font-weight: normal;
	font-size: 14px;
	color: black;
}


table .tablebodylistbonus{
        width : 650px;
        border-spacing : 0px;
        padding : 8px;
        border-left: 2px dashed #000;
        border-right: 2px dashed #000;
        border-bottom: 2px dashed #000;
        -webkit-border-bottom-left-radius: 4px;
         border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-right-radius: 4px;
         border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
}

.tablebodylistbonus td{
        font-weight: bold;
        font-size: 14px;
        color: black;
}

table .tablebodybarclient {
	position: absolute;
	width : 1000px;
	background-color : #ddd;
	color: #000;
	opacity: 0.97;
	filter: alpha(opacity=97); /* For IE8 and earlier */
	border-spacing : 0px;
	padding : 10px;
	border: 2px solid #fff;
	-webkit-border-bottom-left-radius: 6px;
	 border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 6px;
	 border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-left-radius: 6px;
	 border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-right-radius: 6px;
	 border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	z-index:99;
}

.tablebodybarclient input {
//	background-color: #BFDFFF;
	font-weight: bold;
	font-size: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid gray;
	margin : 3px 0 0 0;


}

.tablebodybarclient td{
	color : #000;
}

.tablebodybar input {
//	background-color: #BFDFFF;
	font-weight: bold;
	font-size: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid gray;
	margin : 3px 0 0 0;
}

table .descontent {
	background-color : #555;
	border-spacing : 0;
	padding : 0;

	-webkit-border-top-left-radius: 4px;
	 border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	 border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;

}

#historymodal {
	position: absolute;
	background-color : #ffffbf;
	color: #888;
	font-size: 15px;
	opacity: 0.97;
	filter: alpha(opacity=97); /* For IE8 and earlier */
	border-spacing : 0px;
	padding : 2px;
	height: 85px;
	width: 250px;
	border: 2px solid #fff;
	-webkit-border-bottom-left-radius: 6px;
	 border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 6px;
	 border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-left-radius: 6px;
	 border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-right-radius: 6px;
	 border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	z-index:1100;
}

.descontent td{
	font-weight: bold;
	font-size: 20px;
	color : #fff;
}

.withscroll {
	margin: 0 18px 0 0;
}

table .content {
	border-spacing : 0;
	padding : 0;

}

.content td{
	color : #000;
}

table .contentflow {
	border-spacing : 0;
	padding : 0;

}

.contentflow td{
	color : #000;
}

.bgeee{
	background : #eee;
}

.bgfff{
	background : #fff;
}

.bgyellow{
	background : yellow;
}

table .dateselect{
	border-spacing : 0;
	padding : 0;
	width : 1000px;
}

.dateselect td{
	color : #000;
}

#fastitem-form td{
	color : #000;
}

#pay-form td{
	color : #000;
	font-size : 50px;
	font-weight : bold;
}

#kembalian-form td{
	color : #000;
	font-size : 50px;
	font-weight : bold;
}

/*** .content tbody tr:nth-child(odd) td {
  background-color: #f3fff3;
} ***/

.content tbody tr:hover {
  background-color:#BCD2E5 !important;
}

.contentflow tbody tr:hover {
	background-color:#BCD2E5 !important;
}

table .tabscontent {
	border-spacing : 0;
	padding-top:0px;

}

.tabscontent td {
	padding:0px;

}

#viewicon1,#viewicon2,#laporanstock {
	padding-top:3px;
	padding-left:8px;
	font-size : 10px;
}

#kuantitidesc, .descsatuan {
	padding-top:3px;
	padding-left:8px;
	font-size : 14px;
}

#smallfont {
	padding-left:0;
	font-size : 10px;
}

#viewicon1,#viewicon2 img{
	margin:-2px;
}


body { FONT-SIZE: 12px; padding : 0; margin : 10px; }
form { margin : 0; }
input { FONT-SIZE: 12px; vertical-align : middle; }
h1 { FONT-SIZE: 12px; margin : 0 0 10px 0; }
p { margin : 10px 0 10px 0; }
ul { margin-top : 10px; margin-bottom : 10px; }
.hiding {
    line-height: 0; 
    font-size: 0;
    color: transparent; 
 }

#fq {
	width : 650px;
	font-family : Arial, sans-serif;
	font-size : 16px;
	padding-left : 4px;
	color:#fff;
	background: #444;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#fqty {
	width : 40px;
	font-family : Arial, sans-serif;
	font-size : 16px;
	padding-left : 4px;
	color:#fff;
	background: #444;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#search-results {
	width : 648px;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 1);
	box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 1);
	background : #fff;
	display : none;
	float : center;
	position: absolute; Z-INDEX: 10;
	left : 210px; }

* html div#search-results { width : 400px; POSITION: absolute; } /* box model hack */
.sr, .srs { width : 100%; float : left; font-family : Arial, sans-serif; font-size : 14px; padding : 1px 0 0 0; }
.sr { background-color : #fff; color : #000; }
.srs { background-color : #36c; color : #fff; cursor : pointer; }
.sr .src  { color : #008000; }
.srs .src { color : #fff; }
.srt { float : left; font-size : 18px; margin-left : 4px; font-weight: bold;}
.srp { float : right; font-size : 10px; margin-right : 3px; padding-top : 2px; font-weight: bold; color: blue; }
.src { float : right; font-size : 0px; margin-right : 3px; padding-top : 2px; }
.srd { float : right; font-size : 10px; margin-right : 3px; padding-top : 2px; }
.istempo { font-size : 0px;}

A:link {
	COLOR: #1e5b7e; TEXT-DECORATION: none
}
A:visited {
	COLOR: #1e5b7e; TEXT-DECORATION: none;

}
A:active {
	COLOR: #1e5b7e; TEXT-DECORATION: none
}

DIV.test {
	Z-INDEX: 10; LEFT: 985px; POSITION: fixed; TOP: 20px
}

		#dhtmlpointer{
			position:absolute;
			left: -300px;
			z-index: 101;
			visibility: hidden;
		}

		#dhtmltooltip{
			FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif;
			position: absolute;
			left: -300px;
			width: 150px;
			border: 1px solid;
			border-color:#8a8a8a;
			padding: 2px;
			background-color: #FFFFFF;
			visibility: hidden;
			z-index: 100;
			/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
			filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
		}

.error {
	position: absolute;
	//left: 100px;
	top: 63px;
	padding-left: 17px;
	padding-right: 4px;
	font-size : 16px;
	font-weight: bold;
	color : red;
	background-color: #D9D900;
	-webkit-border-radius: 4px;
	 border-radius: 4px;
	-moz-border-radius: 4px;
	z-index: 99999;
	background-image: url('./images/sprites.png') !important;
	background-repeat: no-repeat !important;
	background-position: top left !important;
	background-position: 0 -1837px !important;
}

.return {
	position: absolute;
	left: 950px;
	top: 64px;
	padding-left: 10px;
	padding-right: 10px;
	font-size : 16px;
	font-weight: bold;
	background-color: #D55450;
	-webkit-border-radius: 4px;
	 border-radius: 4px;
	-moz-border-radius: 4px;
}

.return a {
    color : #fff;
}

.return:hover {
    background-color: #C6322F;
}

.abutton a {
        color : #333;
        position: relative;
        top: 10px;
        padding: 5px;
        font-size : 16px;
        font-weight: bold;
        background-color: #dfe4ed;
        -webkit-border-radius: 4px;
         border-radius: 4px;
        -moz-border-radius: 4px;
}

.abutton a:hover {
    background-color: #acafb5;
}

.menuselect {
	color : blue;
}

#uppernav{
	background: rgb(220,220,220); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	padding:0;
	position:fixed;
	top:0px;
	left:0px;
	z-index: 99999;
	_position:absolute;
	_top:expression(eval(document.body.scrollTop));
	-moz-box-shadow: 0px 0px 10px #4f4f4f;
	-webkit-box-shadow: 0px 0px 10px #4f4f4f;
	box-shadow: 0px 0px 5px #4f4f4f;
	font-family: tahoma, Arial, Verdana, sans-serif !important;
	font-size:11px;
	width: 100%; 
	
	margin-bottom:0px; 
	margin: 0;
}

#lowernav{
	background: rgb(220,220,220); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	height: 20px;
	padding:0;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index: 99999;
	_position:absolute;
	_top:expression(eval(document.body.scrollTop));
	-moz-box-shadow: 0px 0px 10px #4f4f4f;
	-webkit-box-shadow: 0px 0px 10px #4f4f4f;
	box-shadow: 0px 0px 5px #4f4f4f;
	font-family: tahoma, Arial, Verdana, sans-serif !important;
	font-size:11px;
	width: 100%; 
	
	margin-bottom:0px; 
	margin: 0;
}

#loweractivenav{
	height: 21px;
	padding:0;
	position:fixed;
	bottom:21px;
	left:5px;
	z-index: 99999;
	_position:absolute;
	_top:expression(eval(document.body.scrollTop));
	-moz-box-shadow: 0px 0px 10px #4f4f4f;
	-webkit-box-shadow: 0px 0px 10px #4f4f4f;
	box-shadow: 0px 0px 5px #4f4f4f;
	font-family: tahoma, Arial, Verdana, sans-serif !important;
	font-size:11px;
	width: 100%; 
	
	margin-bottom:0px; 
	margin: 0;
}

#uppernav .icon {
	float:left;
	padding:11px 6.5px;
	border-left:1px solid #CCC;
	width: auto  !important;
	margin: 0  !important;
}


#navcontent { 
	width: 1075px; margin:0;
	color: #333;
	font: normal 12px tahoma !important;
	text-align: left;
}

#navactivecontent { 
	width: 1075px; margin:0;
	color: red;
	font: normal 12px tahoma !important;
	text-align: left;
}

#uppernav .searchtop form {
	background:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0;
	padding:0;
	border:1px solid #bbbbbb;
	width:250px;
	float:right;
	overflow:hidden;
	-moz-box-shadow:    inset 0 0 10px #CCC;
   -webkit-box-shadow: inset 0 0 10px #CCC;
   box-shadow:         inset 0 0 10px #CCC;
   margin-top:3px;
   height:25px !important;
}
.search-topsearch .input {
	background:none;
	height: 20px !important;
	line-height: 22px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 2px 0 0 10px !important;
	background:none !important;
	padding:2px 0px  !important;
	border:0px;
	width: 160px;
	color: #666;
	clear: none;
	float: left;
}
#uppernav .searchtop .btn {
	float:right;
	border:0;
	background: rgb(91,91,91); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(91,91,91,1) 0%, rgba(112,112,112,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,91,91,1)), color-stop(100%,rgba(112,112,112,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(91,91,91,1) 0%,rgba(112,112,112,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(91,91,91,1) 0%,rgba(112,112,112,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(91,91,91,1) 0%,rgba(112,112,112,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(91,91,91,1) 0%,rgba(112,112,112,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	height:25px;
	padding:0 15px;
	margin:0 -2px 0 0 !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	cursor:pointer;
	top: 0  !important;
	left: 0  !important;
}
#uppernav .searchtop .btn:hover {
	background:#333;
}
#uppernav .login {
	float:left;
	border-right:1px solid #CCC;
}
#uppernav .login a {
	display:inline-block;
	border-left:1px solid #CCC;
	padding:10px 15px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	font-size:16px;
	float:left;
}
#uppernav .login a:hover {
	background:#CCC;
}

#loweractivenav .activesales {
	background: rgb(220,220,220); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(220,220,220,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	float:left;
	font-weight:bold;
	border-left:2px solid #aaa;
	border-right:2px solid #aaa;
	font-size:12px;
	padding: 3px;
	margin-right: 4px;
}

#loweractivenav .active{
	color: black;
}

#loweractivenav img {
	margin-top: -3px;
	vertical-align: middle;
}

#lowernav .logout {
	float:left;
	font-weight:bold;
	border-left:2px solid #aaa;
	border-right:2px solid #aaa;
	font-size:12px;
	padding: 3px;
}
#lowernav .showkey {
	float:right;
}

#lowernav .key {
	border-right:1px solid #CCC;
	font-weight:bold;
	color:blue;
	text-decoration:none;
	font-size:15px;
}

#lowernav .keyred {
	border-right:1px solid #CCC;
	font-weight:bold;
	color:red;
	text-decoration:none;
	font-size:15px;
}
#lowernav .keydesc {
	border-right:2px solid #888;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	font-size:12px;
	padding: 3px;
}
#workingdate {
	border: 0px solid;
	float:right;
	text-align: center;
	width: 95px;
	font-size: 12px;
	padding-left:0px  !important;
	padding-right:0px  !important;
	padding-top:3px !important;
	margin: 0  !important;
}
#searchradio {
	float:right;
	font-size: 10px;
	padding-left:0px  !important;
	padding-right:0px  !important;
	padding-top:0px !important;
	margin: 0  !important;
}

#workingdatefield {
	background:none;
	text-align: center;
	font-weight: bold;
	height: 18px !important;
	line-height: 22px;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px !important;
	background:none !important;
	padding:2px 0px  !important;
	border:0px;
	width: 85px;
	color: blue;
	clear: none;
	float: left;
}

.satuandes {
	width: 55px;
	color: #fff;
	background-color : grey;
	margin:3px -8px 0 0 !important;
}

.ui-autocomplete {
	max-height: 400px;
	max-width: 250px;
	z-index: 9999999;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.checkRole {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -5px;
    *overflow: hidden;
}

.checkDue {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    position: relative;
    top: -2px;
    *overflow: hidden;
}

.pricestyle {
    padding:0 0 0 0;
    position:absolute;
    margin-left:600px;
    top: 4px;

    font-size: 50px;
    font-weight: bold;
    color: yellow;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete {
	height: 400px;
}

.ui-autocomplete-loading {
	background: white url("./images/ui-anim_basic_16x16.gif") right center no-repeat;
}


#rm_overlay{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;background:#444;opacity:.75;filter:alpha(opacity=75);z-index:99; }
#rm_overlay2{position:fixed;left:0;top:0;width:100%;height:100%;text-align:left;padding-left:800px;padding-top:100px;font-size: 30px;color: #107BCE;background:#fff;z-index:99;}
#rm_overlay3{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;font-size: 30px;color: #107BCE;z-index:99; }

.pricearrow {
    margin-top: -15px;
    padding: 0 !important;
    width: 33px;
    height: 33px;
    position: relative;
    background-image: url('./images/pricearrow.png') !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;

}

/* Icon sprites */
.icons {
    margin: 0 .3em;
    padding: 0 !important;
    width: 16px;
    height: 16px;
    background-image: url('./images/sprites.png') !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
}

.iconshortcut {
    margin: 0;
    padding: 0 !important;
    width: 16px;
    height: 15px;
    background-image: url('./images/sprites.png') !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
}
.ic_asc_order { background-position: 0 -16px !important; }
.ic_b_bookmark { background-position: 0 -32px !important; }
.ic_b_browse { background-position: 0 -48px !important; }
.ic_b_calendar { background-position: 0 -64px !important; }
.ic_b_chart { background-position: 0 -80px !important; }
.ic_b_close { background-position: 0 -96px !important; }
.ic_b_column_add { background-position: 0 -112px !important; }
.ic_b_comment { background-position: 0 -128px !important; }
.ic_bd_browse { background-position: 0 -144px !important; }
.ic_b_dbstatistics { background-position: 0 -160px !important; }
.ic_bd_deltbl { background-position: 0 -176px !important; }
.ic_bd_drop { background-position: 0 -192px !important; }
.ic_bd_edit { background-position: 0 -208px !important; }
.ic_b_deltbl { background-position: 0 -224px !important; }
.ic_bd_empty { background-position: 0 -240px !important; }
.ic_bd_export { background-position: 0 -256px !important; }
.ic_bd_firstpage { background-position: 0 -272px !important; }
.ic_bd_ftext { background-position: 0 -288px !important; }
.ic_bd_index { background-position: 0 -304px !important; }
.ic_bd_insrow { background-position: 0 -320px !important; }
.ic_bd_lastpage { background-position: 0 -336px !important; }
.ic_bd_nextpage { background-position: 0 -352px !important; }
.ic_b_docs { background-position: 0 -368px !important; }
.ic_b_docsql { background-position: 0 -384px !important; }
.ic_bd_prevpage { background-position: 0 -400px !important; }
.ic_bd_primary { background-position: 0 -416px !important; }
.ic_b_drop { background-position: 0 -432px !important; }
.ic_bd_sbrowse { background-position: 0 -448px !important; }
.ic_bd_select { background-position: 0 -464px !important; }
.ic_bd_spatial { background-position: 0 -480px !important; }
.ic_bd_unique { background-position: 0 -496px !important; }
.ic_b_edit { background-position: 0 -512px !important; }
.ic_b_empty { background-position: 0 -528px !important; }
.ic_b_engine { background-position: 0 -544px !important; }
.ic_b_event_add { background-position: 0 -560px !important; }
.ic_b_events { background-position: 0 -576px !important; }
.ic_b_export { background-position: 0 -592px !important; }
.ic_b_firstpage { background-position: 0 -608px !important; }
.ic_b_ftext { background-position: 0 -624px !important; }
.ic_b_group { background-position: 0 -640px !important; }
.ic_b_help { background-position: 0 -656px !important; }
.ic_b_home { background-position: 0 -672px !important; }
.ic_b_import { background-position: 0 -688px !important; }
.ic_b_index_add { background-position: 0 -704px !important; }
.ic_b_index { background-position: 0 -720px !important; }
.ic_b_info { background-position: 0 -736px !important; width: 11px; height: 11px; }
.ic_b_inline_edit { background-position: 0 -752px !important; }
.ic_b_insrow { background-position: 0 -768px !important; }
.ic_b_lastpage { background-position: 0 -784px !important; }
.ic_b_minus { background-position: 0 -800px !important; }
.ic_b_more { background-position: 0 -816px !important; }
.ic_b_move { background-position: 0 -832px !important; }
.ic_b_newdb { background-position: 0 -848px !important; }
.ic_b_newtbl { background-position: 0 -864px !important; }
.ic_b_nextpage { background-position: 0 -880px !important; }
.ic_b_pdfdoc { background-position: 0 -896px !important; }
.ic_b_plus { background-position: 0 -912px !important; }
.ic_b_prevpage { background-position: 0 -928px !important; }
.ic_b_primary { background-position: 0 -944px !important; }
.ic_b_print { background-position: 0 -960px !important; }
.ic_b_props { background-position: 0 -976px !important; }
.ic_b_relations { background-position: 0 -992px !important; }
.ic_b_routine_add { background-position: 0 -1008px !important; }
.ic_b_routines { background-position: 0 -1024px !important; }
.ic_b_save { background-position: 0 -1040px !important; }
.ic_b_sbrowse { background-position: 0 -1056px !important; }
.ic_b_sdb { background-position: 0 -1072px !important; width: 10px; height: 10px; }
.ic_b_search { background-position: 0 -1088px !important; }
.ic_b_selboard { background-position: 0 -1104px !important; }
.ic_b_select { background-position: 0 -1120px !important; }
.ic_b_snewtbl { background-position: 0 -1136px !important; }
.ic_b_spatial { background-position: 0 -1152px !important; }
.ic_b_sqldoc { background-position: 0 -1168px !important; }
.ic_b_sqlhelp { background-position: 0 -1184px !important; }
.ic_b_sql { background-position: 0 -1200px !important; }
.ic_b_table_add { background-position: 0 -1216px !important; }
.ic_b_tblanalyse { background-position: 0 -1232px !important; }
.ic_b_tblexport { background-position: 0 -1248px !important; }
.ic_b_tblimport { background-position: 0 -1264px !important; }
.ic_b_tblops { background-position: 0 -1280px !important; }
.ic_b_tbloptimize { background-position: 0 -1296px !important; }
.ic_b_tipp { background-position: 0 -1312px !important; }
.ic_b_trigger_add { background-position: 0 -1328px !important; }
.ic_b_triggers { background-position: 0 -1344px !important; }
.ic_b_unique { background-position: 0 -1360px !important; }
.ic_b_usradd { background-position: 0 -1376px !important; }
.ic_b_usrcheck { background-position: 0 -1392px !important; }
.ic_b_usrdrop { background-position: 0 -1408px !important; }
.ic_b_usredit { background-position: 0 -1424px !important; }
.ic_b_usrlist { background-position: 0 -1440px !important; }
.ic_b_view_add { background-position: 0 -1456px !important; }
.ic_b_view { background-position: 0 -1472px !important; }
.ic_b_views { background-position: 0 -1488px !important; }
.ic_col_drop { background-position: 0 -1504px !important; }
.ic_database { background-position: 0 -1520px !important; }
.ic_eye_grey { background-position: 0 -1536px !important; }
.ic_eye { background-position: 0 -1552px !important; }
.ic_item { background-position: 0 -1568px !important; width: 9px; height: 9px; }
.ic_more { background-position: 0 -1584px !important; width: 13px; }
.ic_new_data_hovered { background-position: 0 -1600px !important; }
.ic_new_data { background-position: 0 -1616px !important; }
.ic_new_data_selected_hovered { background-position: 0 -1632px !important; }
.ic_new_data_selected { background-position: 0 -1648px !important; }
.ic_new_struct_hovered { background-position: 0 -1664px !important; }
.ic_new_struct { background-position: 0 -1680px !important; }
.ic_new_struct_selected_hovered { background-position: 0 -1696px !important; }
.ic_new_struct_selected { background-position: 0 -1712px !important; }
.ic_pause { background-position: 0 -1728px !important; }
.ic_php_sym { background-position: 0 -1744px !important; }
.ic_play { background-position: 0 -1760px !important; }
.ic_s_asci { background-position: 0 -1776px !important; }
.ic_s_asc { background-position: 0 -1792px !important; }
.ic_s_attention { background-position: 0 -1808px !important; }
.ic_s_cancel2 { background-position: 0 -1824px !important; }
.ic_s_cancel { background-position: 0 -1840px !important; }
.ic_s_cog { background-position: 0 -1856px !important; }
.ic_s_db { background-position: 0 -1872px !important; }
.ic_s_desc { background-position: 0 -1888px !important; }
.ic_s_error2 { background-position: 0 -1904px !important; width: 11px; height: 11px; }
.ic_s_error { background-position: 0 -1920px !important; }
.ic_s_host { background-position: 0 -1936px !important; }
.ic_s_info { background-position: 0 -1952px !important; }
.ic_s_lang { background-position: 0 -1968px !important; }
.ic_s_loggoff { background-position: 0 -1984px !important; }
.ic_s_notice { background-position: 0 -2000px !important; }
.ic_s_okay { background-position: 0 -2016px !important; }
.ic_s_passwd { background-position: 0 -2032px !important; }
.ic_s_process { background-position: 0 -2048px !important; }
.ic_s_really { background-position: 0 -2064px !important; width: 11px; height: 11px; }
.ic_s_reload { background-position: 0 -2080px !important; }
.ic_s_replication { background-position: 0 -2096px !important; }
.ic_s_rights { background-position: 0 -2112px !important; }
.ic_s_sortable { background-position: 0 -2128px !important; }
.ic_s_status { background-position: 0 -2144px !important; }
.ic_s_success { background-position: 0 -2160px !important; }
.ic_s_sync { background-position: 0 -2176px !important; }
.ic_s_tbl { background-position: 0 -2192px !important; }
.ic_s_theme { background-position: 0 -2208px !important; }
.ic_s_top { background-position: 0 -2224px !important; }
.ic_s_vars { background-position: 0 -2240px !important; }
.ic_s_views { background-position: 0 -2256px !important; }
.ic_window-new { background-position: 0 -2272px !important; }


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 5px;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* Styles specific to this particular page */
.scroll-pane
{
	width: 100%;
	height: 450px;
	overflow: auto;
	margin: 0 0 0 3px;
}

.scroll-pane2
{
        width: 100%;
        height: auto;
        max-height: 400px;
        overflow: auto;
        margin: 0;
}

.horizontal-only
{
	height: auto;
	max-height: 200px;
}

.logindesc {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; text-align: center; color: #000000; background-color: #F0F0F0}
.logindeschl {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #9E0B0E; font-weight: bold}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

//#customer_form td{ color: #000; }
#fastvisitform td{ color: #000; }
#showlasttrx-form td{ color: #000; }

/* payment button */
:root {
  --accent: #007ECC;
  --accent-2: #EC2F4B;
  --text: #003f66;
  --text-hover: var(--accent);
  --text-active: #FFFFFF;
  --border-width: 0.125em;
}

.paymentbutton {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hidden-toggles-printer {
	position: relative;
	border-radius: 999em;
	overflow: hidden;
	height: 1.5em;
	width: 18em;
/* kl 2 saja flexnya 50% */
	display: flex;
	> * {
		flex: 0 0 33.33%;
	}
	&:after {
		content: "";

		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;

		border: var(--border-width) solid var(--accent);
		border-radius: 999em;
		pointer-events: none;
	}
}

.hidden-toggles-twocolumns {
        position: relative;
        border-radius: 999em;
        overflow: hidden;
        height: 1.5em;
        width: 18em;
/* kl 2 saja flexnya 50% */
        display: flex;
        > * {
                flex: 0 0 50%;
        }
        &:after {
                content: "";

                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;

                border: var(--border-width) solid var(--accent);
                border-radius: 999em;
                pointer-events: none;
        }
}

.hidden-toggles {
        position: relative;
        border-radius: 999em;
        overflow: hidden;
        height: 2.75em;
        width: 20em;

        display: flex;
        > * {
                flex: 0 0 33.33%;
        }
        &:after {
                content: "";

                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;

                border: var(--border-width) solid var(--accent);
                border-radius: 999em;
                pointer-events: none;
        }
}

.hidden-toggles__input {
        display: none;
        &:checked + .hidden-toggles__label {
                background-color: var(--accent);
                color: var(--text-active);
                &:first-of-type {
                        background: linear-gradient(270deg, var(--accent) 0%, var(--accent-2) 100%);
                }
                &:last-of-type {
                        background: linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);
                }
        }
}

.hidden-toggles__label {
        display: flex;
        align-items: center;
        justify-content: space-around;

        position: relative;
        cursor: pointer;
        transition: all 0.2s ease-out;
        color: var(--text);
}

/* end payment button */

#modalupdate, #priceupdate { font-size : 15px; margin-left : 0px; font-weight: bold;}