body { 
background-image:url('wall_background.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-top:-5px;
font: normal 12px tahoma,arial,helvetica,sans-serif; color: #000000;
}
th {
font: bold 12px tahoma,arial,helvetica,sans-serif; color: #000000;
}
.td2 {
font: bold 12px tahoma,arial,helvetica,sans-serif; color: #FAF21B;
}
.td3 {
	font: bold 20px tahoma, sans-serif; 
	color: #FAF21B;
}
.td4 {
	font: bold 20px tahoma, sans-serif; 
	color: #000;
}
hr {
 border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
p,td,li {font: normal 12px tahoma,arial,helvetica,sans-serif; color: #000000}
h1 {font: normal 17pt arial,helvetica,tahoma,sans-serif; color: steelblue}
h2 {font-size:18px; font-family:tahoma; font-weight:bold; color: #414141; vertical-align:middle; text-align:center; margin-bottom:2px; margin:auto;padding:auto;}
h3 {font-size:18px; font-family:tahoma; font-weight:bold; color: #FFF; vertical-align:middle; text-align:center; margin-bottom:2px; margin:auto;padding:auto;}

/* Form Styles 
onblur=\"this.value=this.value.toUpperCase()\"
*/

/* Form Styles */
select,textarea{
	font-family: tahoma;
	font-size:12px;
	padding:7px;	
	border-radius:4px;
	color:#000000; 
	border:1px solid #ccc;
	background:#fff;
	text-transform:uppercase;
}
select:hover{
	cursor:pointer;
}
option {font-family: verdana, sans-serif; font-size:14px; color:#000000; background:#FFF; border:1px solid #FFF; padding:6px; cursor:pointer;}
option.hover,option:focus{border:1px solid #133BEC;background:#EEEEEE;font-family: verdana, sans-serif; font-size:14px; color:#000000; background:#FFF; border:1px solid #FFF; cursor:pointer;}
	
select:focus,textarea:focus {
	border:1px solid #FD3652;
	border-radius:4px;
	padding:7px;
	outline:none;
	background-color:#fff;
	border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}	

input[type=submit]{
	width:100px;
	font-family: tahoma;
	font-size:14px;
	font-weight:bold;
	padding: 5px;	
	color:#000; 
	border:1px solid #A6EF19;
	border-radius:2px;
	background:#A6EF19;
	cursor:pointer;
	text-transform:capitalize;
	transition-duration: 0.4s;
}
input[type=submit]:hover {
	font-family: tahoma;
	color:#636462;
	padding: 5px;
	border-radius:2px;
	border:1px solid #DAFC99;
	background:#DAFC99;
	text-transform:capitalize;
}
input[type=submit]:active {position:relative;top:1px;}

input[type=button],input[type=reset]{
	width:100px;
	font-family: tahoma;
	font-size:14px;
	font-weight:bold;
	padding: 5px;	
	color:#888986; 
	border:1px solid #636462;
	background:#EEEEEE;
	border-radius:5px;
	cursor:pointer;
	text-transform:capitalize;
	transition-duration: 0.4s;
}
input[type=button]:hover,input[type=reset]:hover{
	width:100px;
	font-family: tahoma;
	font-size:14px;
	font-weight:bold;
	color:#000;
	border:1px solid #000;
	padding: 5px;
	background:#FFF;
	border-radius:5px;
	cursor:pointer;
}

input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
	position: relative;
	top: 1px;
}

input[type=button].btn6 {
	color: #8F8989;
	border: 1px solid #000;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	background: #FFF;
	padding: 4px;
	transition-duration: 0.4s;
}

input[type=button].btn6:hover {
	color: #FFF;
	border: 1px solid #C9C4C4;
	background-color: #000;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	transition-duration: 0.4s;
}

input[type=button].btn {
	color: #4E515D;
	border: 1px solid #00008B; /* Dark blue border */
	width: 100px;
	cursor: pointer;
	font-weight: bold;
	background-color: #07b9f3; /* Light blue background */
}

input[type=button].btn:hover {
	color: #fff;
	border: 1px solid #00008B; /* Dark blue border */
	background-color: #07b9f3; /* Light blue background */
	width: 100px;	
	cursor: pointer;
	font-weight: bold;
	box-shadow: 0 0 10px #00008B; /* Glowing effect */
}

input[type=button].batal {
	width:100px;
	border-radius:3px;
	font-family: tahoma;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	border-radius:4px;
	border:1px solid #FB3838;
	padding:5px;
	background:#FB3838;
	cursor:pointer;
	text-transform:none;
	transition-duration: 0.4s;
}input[type=button].batal:hover {
	background:#FB8282;
	border:1px solid #FB8282;
	color:#FFF;
}

input[type=text], input[type=number]{
	padding:0px 12px;
	height:33px;
	margin:0px;
	font-size:14px;
	line-height:1.4;
	-webkit-transition:border .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;-o-transition:border .2s ease-in-out, box-shadow .2s ease-in-out;
	transition:border .2s ease-in-out, box-shadow .2s ease-in-out;
	transition:border .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
	border:1px solid #ddd;
	background-color:#fff;
	clear:both;
	overflow:visible;
	letter-spacing:-.5px;
	color:#333;
	border-radius:3px;
	outline:none;
	font-family: tahoma;
	border:1 solid #ccc;
	text-transform:uppercase;
}

input[type=text]:focus, input[type=number]:focus{
	font-family: tahoma;
	font-size:14px;
	border:1px solid #FD3652;
	outline: none;
	background:#FFF;
	border-radius:3px;
	//border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	border-color:#4e9bf6;-webkit-box-shadow:0 0 4px 0 #4e9bf6;box-shadow:0 0 4px 0 #4e9bf6;position:relative;z-index:5
}

input[type=password]{
	padding:0px 12px;
	height:33px;
	margin:0px;
	font-size:14px;
	line-height:1.4;
	-webkit-transition:border .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;-o-transition:border .2s ease-in-out, box-shadow .2s ease-in-out;
	transition:border .2s ease-in-out, box-shadow .2s ease-in-out;
	transition:border .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
	border:1px solid #ddd;
	background-color:#fff;
	clear:both;
	overflow:visible;
	letter-spacing:-.5px;
	color:#333;
	border-radius:3px;
	outline:none;
	font-family: tahoma;
	border:1 solid #ccc;
	text-transform:none;
}

input[type=password]:focus {
	font-family: tahoma;
	font-size:14px;
	border:1px solid #FD3652;
	outline: none;
	background:#FFF;
	border-radius:3px;
	text-transform:none;
	//border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	border-color:#4e9bf6;-webkit-box-shadow:0 0 4px 0 #4e9bf6;box-shadow:0 0 4px 0 #4e9bf6;position:relative;z-index:5
}

input[type=file]{
	font-family: tahoma;
	font-size:14px;
	font-weight:bold;
	padding: 3px;	
	color:#000; 
	border:0px solid #555;
	border-radius:5px;
	background:#FFF;
	cursor:pointer;
	text-transform:none;
}
input[type=file]:hover {
	color:#636462;
	border-radius:5px;
	border:0px solid #555;
	background:#EEE;
	cursor:pointer;
}

input[type=text].userinput{
	font-family: tahoma;
	font-size:14px;
	padding: 4px;	
	color:#000000; 
	border:1px solid #ccc;
	border-radius:4px;
	background:#fff;
	cursor:pointer;
	text-transform:none;
}

input[type=text].userinput:focus {
	font-family: tahoma;
	font-size: 14px;
	border: 1px solid #FD3652;
	border-radius: 4px;
	padding: 4px;
	background: #EEEEEE;
	outline: none;
	text-transform: none;
	border-color: #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

input[type=radio] {
	font-family: verdana, sans-serif; 
	font-size:12px; 
	color:#666666; 
	background:#ffffff; 
	border-top:0px solid #bbbbbb; 
	border-left:0px solid #bbbbbb; 
	border-bottom:0px solid #dddddd; 
	border-right:0px solid #dddddd;
	cursor:pointer;
	}

input[type=text].search{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#C5C0C0; 
	padding:6px 6px 6px 25px;
	border:1px solid #C5C0C0; 
	border-radius: 5px;
	text-transform:uppercase;
	background: #fff url(search-icon.png);
    background-repeat: no-repeat;
	background-position: left 3px center;
	background-size:20px 20px;
	}
	
input[type=text].search:focus{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0668FC; 
	padding:6px 6px 6px 25px;
	border:1px solid #F50818;
	text-transform:uppercase;
	background: #fff url(search-icon.png);
    background-repeat: no-repeat;
	background-position: left 3px center;
	background-size:20px 20px;
	border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

input[type=text].search2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#354AB1; 
	padding:6px 6px 6px 25px;
	margin:auto;
	margin-right:0px;
	border:1px solid #C5C0C0; 
	border-radius: 5px;
	text-transform:uppercase;
	background: #fff url(search-icon.png);
    background-repeat: no-repeat;
	background-position: left 3px center;
	background-size:20px 20px;
	display:inline-block;	
	float:top;
}

label{cursor:pointer;}	
label:hover{cursor:pointer;color:red;}	

a {
    COLOR: RED;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	text-decoration: none;
}

a:hover {
	color: #FF23DA;
	TEXT-DECORATION: underline;
}
.a2 {
    COLOR: BLACK;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	text-decoration: none;
}

.a2:hover {
	color: BLUE;
	TEXT-DECORATION: none;
}


a.satu{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#FC0629;
}
a.satu:hover {
	color: #F60E2F;
	font-size:12px;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.dua{
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#000;
}
a.dua:hover{
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#000;
}
a.tiga{
color:#1020B9;
text-decoration:none;
font-size:14px;
font-weight:bold;
}
a.tiga:hover {
	color: #FF0404;
	font-size:14px;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.empat{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#000;
}
a.empat:hover {
	color: #F60E2F;
	font-weight:bold;
	TEXT-DECORATION: none;
}
a.lima{
	text-decoration:none;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	color:blue;
}
a.lima:hover {
	color: red;
}

a.img{
	color:#1020B9;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	opacity:0.7;
}
a.img:hover {
	color: #FF0404;
	TEXT-DECORATION: none;
	opacity:1.5;
}

input[type=radio] {
	font-family: tahoma, sans-serif; 
	font-size:10px; 
	color:#666666; 
	background:#ffffff; 
	border-top:0px solid #bbbbbb; 
	border-left:0px solid #bbbbbb; 
	border-bottom:0px solid #dddddd; 
	border-right:0px solid #dddddd;
	cursor:pointer;
	}

input.satu{
	font-family: tahoma;
	font-size:14px;
	border:1px solid #fff;
	padding:0px 12px;
	background-color:#FFCCD3;
	cursor:not-allowed;
	}	
input.satu:hover{
	font-family: tahoma;
	font-size:14px;
	border:1px solid #fff;
	background-color:#FFCCD3;
	cursor:not-allowed;
}	
	
	.btn {
		color: #4E515D;
		border: 1px solid #00008B; /* Dark blue border */
		width: 100px;
		cursor: pointer;
		font-weight: bold;
		background-color: #ADD8E6; /* Light blue background */
	}

	.btn:hover {
		color: #fff;
		border: 1px solid #00008B; /* Dark blue border */
		background-color: #ADD8E6; /* Light blue background */
		width: 100px;
		cursor: pointer;
		font-weight: bold;
		box-shadow: 0 0 10px #00008B; /* Glowing effect */
	}

	.btn1 {
		width: auto;
		text-transform: none;
		color: #4E515D;
		border: 1px solid #4E515D;
		cursor: pointer;
		font-weight: bold;
		padding: 5px;
	}

	.btn1:hover {
		width: auto;
		text-transform: none;
		color: #fff;
		border: 1px solid #587AF9;
		background-color: #587AF9;
		cursor: pointer;
		font-weight: bold;
		padding: 5px;
	}

	.btn2 {
		font-size: 12px;
		font-weight: bold;
		color: #000080;
		border: 1px solid #1fa1d8;
		width: 20px;
		cursor: pointer;
		padding: 1px;
	}

	.btn2:hover {
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		border: 1px solid #1fa1d8;
		background-color: #1fa1d8;
		width: 20px;
		cursor: pointer;
		padding: 1px;
	}

	.btn4 {
		color: #4E515D;
		border: 1px solid #4E515D;
		width: 100px;
		cursor: pointer;
		font-weight: bold;
	}

	.btn4:hover {
		color: #fff;
		border: 1px solid #587AF9;
		background-color: #587AF9;
		width: 100px;
		cursor: pointer;
		font-weight: bold;
	}

	.btn5 {
		width: auto;
		text-transform: none;
		background-color: #83C750;
		color: #FFF;
		border: 1px solid #83C750;
		cursor: pointer;
		font-weight: bold;
		padding: 3px 6px;
	}

	.btn5:hover {
		width: auto;
		text-transform: none;
		color: #FFF;
		border: 1px solid #587AF9;
		background-color: #83C750;
		opacity: 0.5;
		cursor: pointer;
		font-weight: bold;
	}

	.empty {
		width: auto;
		text-transform: none;
		background-color: #FA522B;
		color: #FFF;
		border: 1px solid #FFF;
		cursor: pointer;
		font-weight: bold;
		padding: 3px 6px;
	}

	.empty:hover {
		width: auto;
		text-transform: none;
		color: #FFF;
		border: 1px solid #587AF9;
		background-color: #FA522B;
		opacity: 0.5;
		cursor: pointer;
		font-weight: bold;
		padding: 3px 6px;
	}

.btn5a.refresh {
	float:top;
	vertical-align:middle;
	font-size:10px;
	color:#FFF; 
	border:1px solid #FB6B2B;
	text-align:center;	
	width:30px; 
	cursor:pointer; 
	font-weight:normal; 
	padding:5px; 
	border-radius:5px;
	background:#FB6B2B url(refresh.png);
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size:20px 20px;
}
.btn5a.refresh:hover {
	color:#FB6B2B; 
	text-align:center;
	opacity:0.5;
	border:1px solid #FB6B2B;
	background:#FB6B2B url(refresh.png);
	background-repeat: no-repeat;
	background-position: left 3px center;
	background-size:20px 20px;
}
.btn5a.refresh:active {
	position:relative;top:1px;
}	

input[type=button].btn4a{
	font-family: tahoma; 
	font-size:14px; 
	color:#FFF; 
	border:1px solid #587AF9; 
	background-color:#587AF9; 
	width:100px; 
	cursor:pointer; 
	font-weight:bold;
	transition-duration: 0.4s;}
input[type=button].btn4a:hover{
	color:#fff; 
	border:1px solid #555; 
	background-color:#555;}
input[type=button].btn4b{ /*ORANGE*/
	text-transform:capitalize;
	font-family: tahoma; 
	font-size:14px; 
	color:#FFF; 
	border:1px solid #FB7727; 
	background-color:#FB7727; 
	width:100px; 
	cursor:pointer;
	transition-duration: 0.4s;	
	font-weight:bold;}
input[type=button].btn4b:hover{
	color:#fff; 
	border:1px solid #FB7727; 
	opacity:0.5;
}	
input[type=button].btn5 { 
	/*HIJAU*/
	border-radius:3px;
	width:100px;
	font-family: tahoma;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	border-radius:3px;
	border:1px solid #48D31D;
	padding:5px;
	background:#48D31D;
	cursor:pointer;
	transition-duration: 0.4s;
	text-transform:capitalize;
}
input[type=button].btn5:hover {
	background:#71DA6E;
	border:1px solid #71DA6E;
	color:#FFF;
}
input[type=button].btn6 { 
	/*BIRU MUDA /PRINT*/
	border-radius:3px;
	width:100px;
	font-family: tahoma;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	border-radius:3px;
	border:1px solid #4D9FFA;
	padding:5px;
	background:#4D9FFA;
	cursor:pointer;
	text-transform:capitalize;
	transition-duration: 0.4s;
}
input[type=button].btn6:hover {
	background:#80BBFD;
	border:1px solid #80BBFD;
	color:#FFF;
	padding:5px;
}

.borderats{
	border-top:3px solid #A0E03B;
	margin-right:5px;
	padding:3px;
}	

.border {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
padding:5px; 
}
.border2 {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
padding:5px; 
width:500px;
}
.mainborder {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
padding:5px; 
width:100%;
height:100%;
}
.pageborder {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
padding:5px; 
width:600px;
height:100%;
border-radius:5px;
}
.pageborder2 {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
padding:5px; 
width:900px;
height:100%;
}

.bordermenu {
background-image:url('bgatas1.png');
background-repeat:x-repeat;
background-attachment:fixed;
background-position:top; 
border:1px solid #DDDDDD;
padding:2px; 
}

.container {
	width:AUTO;
	font: bold italic 20px sans-serif;
	text-align:left;
	padding: 5px;
	border-radius: 2px;
	margin: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	//border: 2px solid #DDD;
	//background-color:#DDD;
	background-image: linear-gradient(to right, #DDD , #FFF);
	box-shadow:2px 3px 8px #555;
	//box-shadow: 2px 3px 8px #D0D0D0;
}

#picshadow {
 /* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;

/* This adds the border */
padding:5px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
width:130px;
}
#picshadow a{
   color: white;

}
#picshadow a:hover{
 color: #888888;

}

#search input[type="text"]{
	font-family: tahoma, arial; 
	font-size:12px;
	padding: 4px;
	height:30px;
	color:#827986; 
	//border:1px solid #666; 
	background:#EEEEEE;
	border:2px solid #74CB20;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}
#search select{
	font-family: tahoma, arial; 
	font-size:12px;
	padding: 4px;
	height:30px;
	color:#827986; 
	//border:1px solid #666; 
	background:#EEEEEE;
	border:2px solid #74CB20;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
	
}
#search input[type="text"]:focus{
	font-family: tahoma, arial;
	font-size:12px;
	color:#000000;
	padding: 4px;
	height:30px;
	//background:#FFFFFF;
	outline: none;
	border: 2px solid #4d90fe;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	}
#search input[type="select"]:focus{
	font-family: tahoma, arial;
	font-size:12px;
	padding: 4px;
	height:30px;
	color:#000000; 
	background:#000000;
	outline: none;
	border: 2px solid #4d90fe;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	}
#search input[type="text"]:hover{
	font-family: tahoma, arial; 
	font-size:12px;
	height:30px;
	border:2px solid #4d90fe;
	padding: 4px;
	color:#000000;
	//background:#78A31B;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
#search select:hover{
	font-family: tahoma, arial; 
	font-size:12px;
	height:30px;
	border:2px solid #4d90fe;
	padding: 4px;
	color:#000000;
	//background:#78A31B;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.btn3{
height:30px;
width:30px; 
cursor:pointer; 
font-weight:bold;
font-family: tahoma, arial; 
font-size:12px;
color:#000000; 
	//border:1px solid #666; 
	background:#EEEEEE;
	border:2px solid #74CB20;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}
.btn3:hover{
cursor:pointer; 
font-weight:bold;
font-size:12px;
font-family: tahoma, arial; 
	height:30px;
	width:30px; 
	border:2px solid #4d90fe;
	padding: 4px;
	//background:#4d90fe;
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
}
.highlight_word{
    background-color: pink;
}
.charttext{
    cursor:pointer; 
	font-weight:bold;
	font-size:12px;
	font-family: tahoma, arial; 
}
span {
text-align:center;	
color:red;
font-weight:bold
}
span2 {
text-align:center;	
color:#EF0C0C;
font-weight:bold
}
span3 {
text-align:center;	
color:#2637B7;
font-weight:bold
}
span4 {
text-align:center;
font-family:tahoma;
font-size: 14pt;
color:#2637B7;
font-weight:bold
}
span5 {
text-align:center;
font-family:tahoma;
font-size: 14pt;
color:#EAFF00;
font-weight:italic
}
span6 {
float:right;
text-align:right;
MARGIN-RIGHT:2px;
padding:2px;
font-family:tahoma;
font-size: 14pt;
color:#FFF;
font-weight:italic;
cursor:pointer;
}

.label1 {
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	border:1px solid #0D46FE;
	background-color:#0D46FE;
	width:AUTO;
	height:AUTO;
	padding:2px; 
	border-radius:3px;
}
	
.label2 {
	/*confirm*/
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	border:1px solid #FB6B2B;
	background-color:#FB6B2B;
	width:AUTO;
	height:AUTO;
	padding:2px; 
	border-radius:3px;
}	
.label3 {
	/*cancel-tolak*/
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	border:1px solid #FD3737;
	background-color:#FD3737;
	width:AUTO;
	height:AUTO;
	padding:2px; 
	border-radius:3px;
}	
.label4 {
	/*proses*/
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	border:1px solid #2279FD;
	background-color:#2279FD;
	width:AUTO;
	height:AUTO;
	padding:2px; 
	border-radius:3px;
}
.label5 {
	/*hijau muda SELESAI*/
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	border:1px solid #5ECF19;
	background-color:#5ECF19;
	width:AUTO;
	height:AUTO;
	padding:2px; 
	border-radius:3px;
}
.highlight {
	//background-color: yellow; 
	color:#FD0909;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('green_loader.gif') 50% 50% no-repeat rgb(249,249,249);
	//background: url('page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
.container_logo {
	width:120px;
	height:80px;
	text-align:center;
	padding:2px;
	border-radius:3px;
	margin:6px 8px;
	border: 1px solid #FFF;
	background-color:#EEE;
	box-shadow: 1px 1px 5px #D0D0D0;
	display:inline-block;
}
.container_logo2 {
	width:230px;
	height:150px;
	text-align:center;
	padding:2px;
	border-radius:3px;
	border: 2px solid #FFF;
	background-color:transparent;
	box-shadow: 1px 1px 5px #D0D0D0;
	display:inline-block;
}
.container_company1 {
	float:relative;
	width:500px;
	height:auto;
	font: bold 24px Verdana;
	color: #000;
	text-align:left;
	padding:1px;
	padding-left:4px;
	border-radius:3px;
	margin:auto;
	margin-top:-44px;
	margin-left:-5px;
	background-color:transparent;
	//border: 0px solid #EEE;
	//box-shadow: 1px 1px 5px #D0D0D0;
	//border-bottom: 2px solid #EEE;
	display:inline-block;
}
.container_company2 {
	float:relative;
	width:400px;
	height:20px;
	font: italic 12px Tahoma;
	color: #444;
	text-align:left;
	padding:1px;
	padding-left:4px;
	border-radius:1px;
	margin:auto;
	margin-top:15px;
	margin-left:-60px;
	border: 1px solid #EEE;
	background-color:#FFF;
	box-shadow: 1px 1px 5px #D0D0D0;
	display:inline-block;;
}

[tooltip]{
  margin:8px 60px;
  position:relative;
  display:inline-block;
}
[tooltip]::before {
    content: "";
    position: absolute;
    top:-6px;
    left:50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent transparent     transparent;
    z-index: 99;
    opacity:0;
}

[tooltip-position='left']::before{
  left:0%;
  top:50%;
  margin-left:-12px;
  transform:translatey(-50%) rotate(-90deg) 
}
[tooltip-position='top']::before{
  left:50%;
}
[tooltip-position='buttom']::before{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}
[tooltip-position='right']::before{
  left:100%;
  top:50%;
  margin-left:1px;
  transform:translatey(-50%) rotate(90deg)
}

[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left:50%;
    top:-6px;
    transform: translateX(-50%)   translateY(-100%);
    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
    padding:4px 2px;
    font-size: 10px;
    min-width: 120px;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px 4px;
    z-index:99;
    opacity:0;
}

[tooltip-position='left']::after{
  left:0%;
  top:50%;
  margin-left:-8px;
  transform: translateX(-100%)   translateY(-50%);
}
[tooltip-position='top']::after{
  left:50%;
}
[tooltip-position='buttom']::after{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translateY(0%);
}
[tooltip-position='right']::after{
  left:100%;
  top:50%;
  margin-left:8px;
  transform: translateX(0%)   translateY(-50%);
}

[tooltip]:hover::after,[tooltip]:hover::before {
   opacity:1
}

.input{
  margin-left:135px
}
a.tooltips{
  font-family:tahoma;
  font-size:10px;
  color:red; 
  font-weight:bold;
  cursor:help;
  margin-left:0px;  
}
a.tooltips:hover {
  font-family:tahoma;
  font-size:10px;
  font-weight:bold;
  color:#FE4343;  
}

a.img{
	color:#1020B9;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	opacity:0.7;
}
a.img:hover {
	color: #FF0404;
	TEXT-DECORATION: none;
	/*border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
	opacity:1.5;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: blue orange;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: orange;
}

*::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 3px solid orange;
}